cancel
Showing results for 
Search instead for 
Did you mean: 

Magento2 - How can I convert default Magento cart icon into simple text like Cart?

SOLVED
   Did you know you can see the translated content as per your choice?

Translation is in progress. Please check again after few minutes.

Magento2 - How can I convert default Magento cart icon into simple text like Cart?

Mini-cart

I need to convert the cart icon having the following CSS

.minicart-wrapper .action.showcart:before{
font-size: 35px;
line-height: 33px;
color: #8f8f8f;
content: '\e611';
font-family: 'icons-blank-theme';
margin: 0;
vertical-align: top;
display: inline-block;
}

into simple text like Cart(0) 

 

1 ACCEPTED SOLUTION

Accepted Solutions

Re: Magento2 - How can I convert default Magento cart icon into simple text like Cart?

Hi @hafsa_zulfiqar1 

 

If i give an example of default magento then you can use below code of css:

 

.minicart-wrapper .action.showcart:before {
    content: 'cart';
}

if you apply this then will replace cart icon into "cart" text.

also you can do the same for on hover.

 

Screenshot from 2020-02-20 18-08-57.png

Hope this will help you.

 

if above answer was helpful then please Accept as Solution & give Kudos
Shubham Khandelwal 

View solution in original post

2 REPLIES 2

Re: Magento2 - How can I convert default Magento cart icon into simple text like Cart?

Hi @hafsa_zulfiqar1 

 

If i give an example of default magento then you can use below code of css:

 

.minicart-wrapper .action.showcart:before {
    content: 'cart';
}

if you apply this then will replace cart icon into "cart" text.

also you can do the same for on hover.

 

Screenshot from 2020-02-20 18-08-57.png

Hope this will help you.

 

if above answer was helpful then please Accept as Solution & give Kudos
Shubham Khandelwal 

Re: Magento2 - How can I convert default Magento cart icon into simple text like Cart?