Change Sidebar Cart widget Icon & Text

Dear Team ,

I would like to do the following changes for cart sidebar widget

1. change the shopping cart icon in the sidebar widget with the text YOU HAVE NO ITEMS IN YOUR BASKET instead of No products in the cart.

2. Change the sidebar widget header to SHOPPING BAG instead of Shopping Cart.

3. The button Return to shop should say CONTINUE SHOPPING

Attachments:

You must be logged in to view attached files.

4. I would also like to replace the cart with bag icon for shop page in desktop as well as mobile version , Please assist.

Attachments:

You must be logged in to view attached files.

5. Lastly would need to change the text in mobile bottom nav bar from cart to BAG and shop to COFFEE

Attachments:

You must be logged in to view attached files.

Hello,

I saw the screenshots you attached.

1) You can change the empty cart text from Theme Settings >> Shop.

Screenshot for Clarification: https://gyazo.com/511501992a61bbe67b0ea12954a0904b

2) Please try adding the following Custom CSS in the Global Custom CSS area under Theme Settings >> Custom CSS.

.wd-empty-mini-cart:before {
    content: "\f126";
    font-family: "woodmart-font";
}

3&4) You need to install and use the loco translate plugin and use the correct path to translate the strings.

You can also watch the video in our detailed documentation in the following link: https://www.youtube.com/watch?v=D3NsDdMzsls

5) Please try adding the following Custom CSS in the Global Custom CSS area under Theme Settings >> Custom CSS.

.wd-add-btn-replace .add-to-cart-loop:before {
    content: "\f126";
    font-family: "woodmart-font";
}

6) Please try adding the following Custom CSS in the Custom CSS for Mobile area under Theme Settings >> Custom CSS.

.wd-toolbar .wd-header-cart .wd-tools-icon.wd-icon-alt:before {
    content: "\f0f4";
    font-family: 'Font Awesome 5 Free';
    font-weight: 600;
}

Best Regards

Dear Xtemos team,
Thanks for your support , two of my requirements are still not changed after adding the above css,

4. I would also like to replace the cart with bag icon for shop page in desktop as well as mobile version , Please assist.
5. Lastly would need to change the text in mobile bottom nav bar from cart to BAG and shop to COFFEE

Hello,

You are Most Welcome.

4) Please replace the previous Custom CSS with the following in the Global Custom CSS area under Theme Settings >> Custom CSS.

.wd-add-btn-replace .add-to-cart-loop:before {
content: “\f126”;
font-family: “woodmart-font”;
}

5) Sorry for the Misunderstanding. To change the text you need to install and use the loco translate plugin.

You can also watch the video in our detailed documentation in the following link: https://www.youtube.com/watch?v=D3NsDdMzsls

Regards.
Xtemos Studios

Hi,

I added the below code and its still not working , instead it just shows a blank square box instead of the bag icon

4) Please replace the previous Custom CSS with the following in the Global Custom CSS area under Theme Settings >> Custom CSS.

.wd-add-btn-replace .add-to-cart-loop:before {
content: “\f126”;
font-family: “woodmart-font”;
}

Hello,

Your issue has been Resolved. I have logged into your website and changed the icon as you required.

Screenshot for Clarification: https://gyazo.com/3ee8ed9b910a249706d74b6cdf05e546

Regards.
Xtemos Studios.

I appreciate your support, However I do not understand why I am not able to see the changes from my end , I even tried to clear cache and in private browsers but still the same old cart pop ups.

Video attached for reference.
https://www.loom.com/share/3b1c0899785341cc92ce04260b4e1274

Hello,

I watched the video you attached and visited your website and the changes are displayed on my end.

Screenshot for Clarification: https://gyazo.com/dcf95b98498ac5056ded617511306984

Please clear browser cache and check back.

Best Regards

I’ve been searching for this topic too
I put the code, but I see a box where the cart is
And in the tape, the culprit also did not change
Please see the pictures
We want a solution, or in the new version of the template, this code can be controlled

Attachments:

You must be logged in to view attached files.

Hello,

@shakoor Please create a new topic and provide the URL of the website to check it myself and help you out accordingly.

@rbush We haven’t heard back from you since quite a while. I am marking this topic as resolved. If you have any issues then create a new topic.

Let us know if there’s anything else we can do for you! You can always reach us at any time. We are always here to help you.

Have a wonderful day.

Topic Closed.
Best Regards.

[Author]

Posts