Add to cart icon glitch

Store Design
, , , ,
1

hi,

i have a little shopping cart icon on the “add to cart” buttons under the products in my shop. when i click the button, something glitches and it then shows two shopping cart icons side by side on the button. this goes away after refreshing, but how do i make it not happen in the first place?

here is my site

thank you!

2

Hi @hushbug

You can follow these steps:

  • Step 1: Sale channel => Online Store => Themes => Edit code:

view (3).png
view (3).png1732×842 83.4 KB

  • Step 2: Search base.css, and add the script css:

Screenshot_3.png

Result:

view (4).png
view (4).png1083×832 574 KB

If you have more specific requests, please comment further to let me know.

Hope it helps!

If it helpful, please mark as a solution. Thanks and have a nice day sir!

3

Hi @hushbug

Hope the following instructions can help you:

- Step 1: Sale channel => Online Store => Themes => Edit code:

view.png
view.png1732×842 83.4 KB

- Step 2: Search base.css, and add the script css:

button[data-pf-type='ProductATC'] i~i {
    display: none !important;
}

Result:

view.png
view.png1083×832 574 KB

I hope these instructions will help you. If they are helpful, don’t forget to like and mark as the solution.

Have a nice day sir!