Home Forums WoodMart support forum Change Sidebar Cart widget Icon & Text

Change Sidebar Cart widget Icon & Text

Viewing 12 posts - 1 through 12 (of 12 total)
  • Author
    Posts
  • #291032

    rbush
    Participant

    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.
    #291063

    rbush
    Participant

    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.
    #291075

    rbush
    Participant

    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.
    #291166

    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

    #291244

    rbush
    Participant

    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

    #291273

    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

    #291300

    rbush
    Participant

    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”;
    }

    #291438

    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.

    #291524

    rbush
    Participant

    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

    #291534

    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

    #312525

    shakoor
    Participant

    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.
    #312687

    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.

Viewing 12 posts - 1 through 12 (of 12 total)

The topic ‘Change Sidebar Cart widget Icon & Text’ is closed to new replies.