Replace Cart text with Icon - by andantesash

This topic has 14 replies, 3 voices, and was last updated 7 years, 3 months ago ago by Rose Tyler

  • Avatar: andantesash
    andantesash
    Participant
    July 6, 2017 at 15:06

    How do I remove the CART text and replace it with the icon of a shopping cart?

    13 Answers
    Avatar: laranz
    Laranz
    Participant
    July 6, 2017 at 23:38

    Hi,

    Can you tell us exactly where you want to do this, ( with a screenshot or a web URL of that page ), so that we can help you. 🙂

    Let us know,

    Thanks,
    laranz.

    Avatar: andantesash
    andantesash
    Participant
    July 7, 2017 at 07:16

    Hi Laranz,

    I want to include at the top like you have your cart logo;
    https://goo.gl/Q9fGsG

    It seems to be located above the price.

    Thanks

    Avatar: Rose Tyler
    Rose Tyler
    Support staff
    July 7, 2017 at 13:50

    Hello,

    You can edit framework/woo.php file.
    We recommend you to make changes in a child theme.

    Regards,
    Rose Tyler.

    Avatar: andantesash
    andantesash
    Participant
    August 14, 2017 at 16:03

    What would the code be to replace ‘cart’ text with a cart icon and then the price?

    Avatar: Rose Tyler
    Rose Tyler
    Support staff
    August 15, 2017 at 08:10

    Hello,

    I’ve changed http://prntscr.com/g8mmpi to http://prntscr.com/g8mmrk Please check cart icon now.
    also try to add this code in custom css:

    .shopping-cart-widget .cart-summ .shop-text {
        font-size: 0;
        padding: 0 0 0 30px;
    }
    .shopping-cart-widget .cart-bag {
    	top: auto;
    	right: auto;
    	padding: 0; 
    }

    Regards

    Avatar: andantesash
    andantesash
    Participant
    August 15, 2017 at 10:01

    Thanks Rose, there is no cart image appearing, the text has disappeared but no icon has appeared:

    Avatar: Rose Tyler
    Rose Tyler
    Support staff
    August 15, 2017 at 10:22

    Hello,

    I’ve added the code in Custom css. Please clear cache and check now http://prntscr.com/g8o38q.

    Regards

    Avatar: andantesash
    andantesash
    Participant
    August 16, 2017 at 12:55

    Hi Rose,

    I have added the private details for logging in to the dev site, I think you must have added the changes to the old demo version. I tried to copy the CSS code from the custom CSS – but it still isn’t showing the icon – I have cleared cache etc. Can you login and have a look.

    Thanks

    Please, contact administrator
    for this information.
    Avatar: Rose Tyler
    Rose Tyler
    Support staff
    August 16, 2017 at 13:18

    Fixed.

    Regards

    Avatar: andantesash
    andantesash
    Participant
    August 16, 2017 at 14:30

    Thanks Rose, the cart appears for a few seconds and then disappears again.

    Whats causing that?

    Avatar: Rose Tyler
    Rose Tyler
    Support staff
    August 16, 2017 at 14:35

    Sorry, but I don’t see cart problem. Please explain how can I recreate the problem https://gyazo.com/874c259fb0bf75933e20460e558138a7.

    Regards

    Avatar: andantesash
    andantesash
    Participant
    August 16, 2017 at 14:55

    It seems to be working now, I think it was maybe glitching – once I added something to the basket it appeared and is there now.

    Avatar: Rose Tyler
    Rose Tyler
    Support staff
    August 16, 2017 at 15:12

    Feel free to ask if you need any help.

    Regards

  • Viewing 14 results - 1 through 14 (of 14 total)

You must be logged in to reply to this topic.Log in/Sign up

8theme customization service
We're using our own and third-party cookies to improve your experience and our website. Keep on browsing to accept our cookie policy.