I aim to include the cart icon alongside the “Add to cart” button. I implemented the solution provided in this guide . This solution works correctly when the product page loads initially. However, when I choose a different product variation after the page has already loaded, the cart icon disappears …

Hi @Sindiso Can you please provide your Store URL and Password too? With Regards, Dbuglab

Hey @Sindiso Could you please provide your Store URL and, if applicable, the Password too? Your cooperation is greatly appreciated! Best Regards, Moeed

Store link There is no password.

Hi @dbuglab , Uhm, where do I find this function? - also, any specific details I should be looking for? Thanks, Sindiso.

HI, We need to check your product.liquid code to fix the issue

Hi, There is no file called product.liquid. There is card-product.liquid, main-product.liquid, featured-product.liquid, cart-notification-product.liquid. Which one exactly do you need to see? Thanks, Sindiso.

@Sindiso product-form.liquid prodcut-card.liquid product-price.liquid Please check code in these files.

Ok, so we both had the exact same problem. @Sindiso If you’re still alive and haven’t quit Shopify yet, then I’ve got the solution. First, put the cart icon into it’s own snippet folder (if it’s not there already). Go into code editor, open snippets, and if ‘icon-cart’ doesn’t exist, just create it…

Cart icon vanishes from the "Add to cart" button when selecting alternative product variation - DAWN

Store Design

dbuglab September 6, 2023, 6:29am 6

Hi @Sindiso

While changing the variants button HTML changed

before

After

Please check the on change function.

Thanks
Dbuglab

Topic		Replies	Views
Add SVG to ADD TO CART button - Dawn Theme Store Design design , customizations , css	12	109	July 11, 2024
Custom cart icon inside Add to cart button dissapearing when changing variant - DAWN theme Store Design design , customizations , landing-page , css , shopify-themes , html , product-page	5	51	May 16, 2024
How do I keep font awesome icon on add to cart button after variant selection? Store Design	3	30	February 3, 2022
Change "add to card" button into an image (svg) Store Design	6	42	January 26, 2022
Why does my SVG icon vanish when changing product variants? Store Design	22	203	September 1, 2023

Cart icon vanishes from the "Add to cart" button when selecting alternative product variation - DAWN

Related topics