Breaking News: Grepper is joining You.com. Read the official announcement!

how to change cart icon in magento 2

Dharmesh Tukadiya answered on February 22, 2022 Popularity 3/10 Helpfulness 2/10

answer how to change cart icon in magento 2

how to change cart icon in magento 2

Comment

::First let me clear that you can't edit magento core themes directly from /app/design/magento!!!::

::If you want to change it your self then, you've to create your own one and make changes as required!!::

::Now let's go to the point!::

::first => Create custom.css file at /app/design/vendor/theme/Magento_Theme/web/css/::

::second => create default.xml file at /app/design/vendor/theme/Magento_Theme/layout/::

::Now put the file contents like below::

::CSS::

::

.minicart-wrapper .action.showcart:before{

content:url('../images/minicart.jpg')!important;

zoom:1.5%;}
::

::XML::

<head>
    <css src="Magento_Theme::css/custom.css"/>
</head>
//make sure to copy the default structure for xml file.

//I have not pasted that here because i am a noob to stackexchange!!

:::Last Step :::

move your new minicart image to the /app/design/vendor/theme/Magento_Theme/web/images/minicart.img extension

::Finally run below commands::

::Make sure to remove /pub/static/frontend::

::bin/magento setup:upgrade::

::bin/magento setup:di:compile::

::bin/magento setup:static-content:deploy -f::

::bin/magento indexer:reindex::

::bin/magento cache:flush::

::chmod -R 777 ../magento root directory name::

::Thank You::

Popularity 3/10 Helpfulness 2/10 Language whatever

Source: Grepper

Tags: cart magento minicart whatever

Link to this answer
Share Copy Link

Contributed on Feb 22 2022

Dharmesh Tukadiya

0 Answers Avg Quality 2/10

how to change cart icon in magento 2

Contents

More Related Answers

how to change cart icon in magento 2

Grepper

Documentation

Social

Legal

Contact

Oops, You will need to install Grepper and log-in to perform this action.