Add To Cart Icon Button In Collection Page In Impulse Theme

i want to add the same functionality to my website , can anyone help me with this , this feature is available in this site (giva.co )


  

/*after added to cart*/

  

i’ve taken this code ,modified and add in product-grid-item.liquid but it’s not working

i’ve attached the video too please check ithttps://youtu.be/dWp6_0Q6I5s

@david220799 , Hope you are doing well.

Could you please share your store URL?

https://www.thesilvorium.com/ here it is

Your add-to-cart button works perfectly. and also it’s an open sidebar cart when you add the product.

what else would you like to add to this functionality?

i don’t want to open the cart slider , I just want add the product to cart and change that into tick icon as I shown in the image , and one more thing is my cart count is updating only after refreshing the page , it’s not updating instantly

{%- if cart.item_count > 0 -%}
{{ cart.item_count }}
{%- endif -%}

this is my cart icon and count code , can you please help me out with this too ?

https://www.giva.co/ please check this site , in this site the integrated the feature I’m asking for

I’m talking about this bag icon

@david220799 , for the auto-update in cart count please use the below AJAX code.


  {%- if cart.item_count > 0 -%}
    {{ cart.item_count }}
  {%- endif -%}

@david220799 , Okay. I have checked.

It might take some time to implement as we have to add some custom code.

Archetype themes also documented custom JavaScript event listeners and triggers that could help you implement this: https://archetypethemes.co/blogs/impulse/javascript-events-for-developers

@Liam , Thank you for sharing this. :clap:

@webwondersco
can you pls guide me about the placement of this code

I am also using impulse theme here is my store URL https://dazzlebysarah.com/
I also want to add the cart icon in black without any beckground

@dazzlebysarah Your store is working fine and also having ajax add to cart functionality.

what else would you like to setup?

i want to add a add to cart icon on the products in the collection pages
like this

@webwondersco here is what i am looking for

@dazzlebysarah It require to add some custom code in your theme to work with ajax add to cart button

can you help me with it? @webwondersco

@dazzlebysarah Yeah sure!