Magento 2 Archives - Cody Paste

Magento 2 Archives - Cody Paste https://www.codypaste.com/category/cms/magento/magento-2/ THE WEB PLAYGROUND Tue, 13 Mar 2018 12:20:44 +0000 en-US hourly 1 https://wordpress.org/?v=6.9 https://www.codypaste.com/wp-content/uploads/2022/12/cropped-codypaste-32x32.png Magento 2 Archives - Cody Paste https://www.codypaste.com/category/cms/magento/magento-2/ 32 32 Add a static image on PHTML page and CMS Blocks : Magento2 https://www.codypaste.com/add-a-static-image-on-phtml-page-and-cms-blocks-magento2/ https://www.codypaste.com/add-a-static-image-on-phtml-page-and-cms-blocks-magento2/?noamp=mobile#respond Tue, 27 Feb 2018 08:48:57 +0000 http://www.codypaste.com/?p=661 image url Syntax is ok for both static block and phtml, But make sure that when you write this code in static block [crayon-69ac2c4205d2a733273867/] on front end it looks like http://localhost/magento2new/pub/static/frontend/Magento/luma/en_US/images/slide-bg.jpg Where Magento/luma is package name and theme name, you can replace with your package and theme name So you have to take care for slide-bg.jpg is exist in pub/static/frontend/Magento/luma/en_US/images directory. In your case, [crayon-69ac2c4205d3e439113150/] Syntax seems ok , but in …

read more "Add a static image on PHTML page and CMS Blocks : Magento2"

The post Add a static image on PHTML page and CMS Blocks : Magento2 appeared first on Cody Paste.

]]>

image url Syntax is ok for both static block and phtml, But make sure that when you write this code in static block

<span class="tag">&lt;img</span> <span class="atn">src</span><span class="pun">=</span><span class="atv">"{{view url="</span><span class="atn">images</span><span class="pun">/</span><span class="atn">slide-bg</span><span class="pln">.</span><span class="atn">jpg</span><span class="atv">"}}"</span> <span class="atn">alt</span><span class="pun">=</span><span class="atv">"test"</span> <span class="tag">/&gt;</span>

on front end it looks like

http://localhost/magento2new/pub/static/frontend/Magento/luma/en_US/images/slide-bg.jpg

Where Magento/luma is package name and theme name, you can replace with your package and theme name

So you have to take care for slide-bg.jpg is exist in

pub/static/frontend/Magento/luma/en_US/images directory.

In your case,

<span class="pln">&lt;img src='</span><span class="pun">&lt;?</span><span class="pln">php echo $this</span><span class="pun">-&gt;</span><span class="pln">getViewFileUrl</span><span class="pun">(</span><span class="str">'images/footer-logo.png'</span><span class="pun">);</span> <span class="pun">?&gt;</span><span class="pln">' alt="Demo"&gt;</span>

Syntax seems ok , but in frontend It looks like

http://localhost/magento2new/pub/static/frontend/Magento/luma/en_US/images/footer-logo.png

So you have to make sure that footer-logo.png exist in

pub/static/frontend/Magento/luma/en_US/images directory.

And don’t forgot about "[quotation marks]

In CSS:

background: url('{{view url="images/menu-button-of-three-lines.svg"}}');

The post Add a static image on PHTML page and CMS Blocks : Magento2 appeared first on Cody Paste.

]]> https://www.codypaste.com/add-a-static-image-on-phtml-page-and-cms-blocks-magento2/feed/ 0 Magento2 : How can override vendor/module-catalog to magento default theme? https://www.codypaste.com/magento2-how-can-override-vendor-module-catalog-to-magento-default-theme/ https://www.codypaste.com/magento2-how-can-override-vendor-module-catalog-to-magento-default-theme/?noamp=mobile#respond Thu, 15 Feb 2018 13:00:49 +0000 http://www.codypaste.com/?p=658 You can override all files from vendor to our theme using below method. Goto vendor\magento\module-catalog\view\frontend Copy all folders and files to app\design\frontend\{Your_vendor}\{Theme_name}\Magento_Catalog Clear your cache using below command. php bin/magento cache:clean Refresh your page you can see files from your theme.

The post Magento2 : How can override vendor/module-catalog to magento default theme? appeared first on Cody Paste.

]]> You can override all files from vendor to our theme using below method.

Goto vendor\magento\module-catalog\view\frontend

Copy all folders and files to

app\design\frontend\{Your_vendor}\{Theme_name}\Magento_Catalog

Clear your cache using below command.

php bin/magento cache:clean

Refresh your page you can see files from your theme.

The post Magento2 : How can override vendor/module-catalog to magento default theme? appeared first on Cody Paste.

]]> https://www.codypaste.com/magento2-how-can-override-vendor-module-catalog-to-magento-default-theme/feed/ 0 Error “Cannot read contents from file..” when changing themes from admin panel https://www.codypaste.com/error-cannot-read-contents-from-file-when-changing-themes-from-admin-panel/ https://www.codypaste.com/error-cannot-read-contents-from-file-when-changing-themes-from-admin-panel/?noamp=mobile#respond Thu, 25 Jan 2018 09:06:27 +0000 http://www.codypaste.com/?p=655 Please copy the folder [crayon-69ac2c420730f841390178/] to [crayon-69ac2c420731f735569567/]

The post Error “Cannot read contents from file..” when changing themes from admin panel appeared first on Cody Paste.

]]> Please copy the folder

<span class="pln">\vendor\magento\module</span><span class="pun">-</span><span class="pln">email\view\frontend\email</span>

to

<span class="pln">\vendor\magento\module</span><span class="pun">-</span><span class="pln">email\view\adminhtml\email\.</span>

The post Error “Cannot read contents from file..” when changing themes from admin panel appeared first on Cody Paste.

]]> https://www.codypaste.com/error-cannot-read-contents-from-file-when-changing-themes-from-admin-panel/feed/ 0 How to Create a Magento 2 Theme? https://www.codypaste.com/how-to-create-a-magento-2-theme/ https://www.codypaste.com/how-to-create-a-magento-2-theme/?noamp=mobile#respond Thu, 25 Jan 2018 09:04:12 +0000 http://www.codypaste.com/?p=653 Copy of luma theme The following steps describe how to create New Magento 2 theme from the existing Magento Luma theme and its implementation. Create a new Vendor folder inside app/design/frontend/NewVendorName (ex: DCKAP). The folder will be like this – app/design/frontend/DCKAP. Create theme folder inside your Vendor folder app/design/frontend/DCKAP/theme-new Next, navigate to vendor\magento\theme-frontend-luma Copy entire folder and files inside …

read more "How to Create a Magento 2 Theme?"

The post How to Create a Magento 2 Theme? appeared first on Cody Paste.

]]> Copy of luma theme

The following steps describe how to create New Magento 2 theme from the existing Magento Luma theme and its implementation.

Create a new Vendor folder inside app/design/frontend/NewVendorName (ex: DCKAP). The folder will be like this – app/design/frontend/DCKAP.
Create theme folder inside your Vendor folder app/design/frontend/DCKAP/theme-new
Next, navigate to vendor\magento\theme-frontend-luma
Copy entire folder and files inside “theme-frontend-luma” into your theme folder (i.e.) app/design/frontend/DCKAP/theme-new/
Edit app/design/frontend/DCKAP/theme-new/registration.php file and change as following ‘frontend/Magento/luma’ to ‘frontend/DCKAP/new’.
Next Edit app/design/frontend/DCKAP/theme-new/theme.xml file and change the title as per your identification.
Once done save and close the file.

<theme xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"xsi:noNamespaceSchemaLocation="urn:magento:framework:Config/etc/theme.xsd">

<title>Dckap New</title>

<parent>Magento/blank</parent>

<media>

<preview_image>media/preview.jpg</preview_image>

</media>

</theme>

Finally, clear var/cache and var/page_cache before logging into Magento 2 Admin.
Navigate to Stores->Configuration->Design->Design Theme.
Select your newly created theme “Dckap New”. Save the configuration.

Refresh the frontend and you will be able to view your design from newly allocated theme.

To make sure please view ‘Page Source’ which will display the CSS and js URL path as per your registration.php configuration file.

Source: http://www.dckap.com/blog/creating-magento-2-theme/

The post How to Create a Magento 2 Theme? appeared first on Cody Paste.

]]> https://www.codypaste.com/how-to-create-a-magento-2-theme/feed/ 0 Magento 2 icons not showing on frontend https://www.codypaste.com/magento-2-icons-not-showing-on-frontend/ https://www.codypaste.com/magento-2-icons-not-showing-on-frontend/?noamp=mobile#respond Wed, 24 Jan 2018 10:31:47 +0000 http://www.codypaste.com/?p=651 admin backend icon fonts missing Open up app/etc/di.xml find the path [crayon-69ac2c4208009225828941/] and replace it with [crayon-69ac2c4208022897603767/] Note: Remove entire files and folder under pub/static except .htaccess

The post Magento 2 icons not showing on frontend appeared first on Cody Paste.

]]> admin backend icon fonts missing

Open up app/etc/di.xml find the path

<span class="typ">Magento</span><span class="pln">\Framework\App\View\Asset\MaterializationStrategy\Symlink</span>

and replace it with

<span class="typ">Magento</span><span class="pln">\Framework\App\View\Asset\MaterializationStrategy\Copy</span>

Note: Remove entire files and folder under pub/static except .htaccess

The post Magento 2 icons not showing on frontend appeared first on Cody Paste.

]]> https://www.codypaste.com/magento-2-icons-not-showing-on-frontend/feed/ 0