How to add quick Add to Cart button on home page? -Impulse theme

Store Design

Topic summary

A user wants to add a quick \

Summarized with AI on November 13. AI used: claude-sonnet-4-5-20250929.
1

Hi

I want the products on my home page to be able to quickly add products to the cart like the reference image. How can I achieve this? My url is : https://www.partheafashion.com/

scarlett996_0-1703666241749.png
scarlett996_0-1703666241749.png331×502 237 KB

2

Hi @scarlett996

You have already quick add to cart feature, if you want to display just size variant in grid and on click add that size to cart then need more custom code changes for that

3

Hi @Jasoliya

Now, I’m using the “quick view” button as your add-to-cart. But I just want to simply add the product to the cart, instead of directly opening the product.

4

For that you can add this code

  • Go to Shopify Admin and select Online Store and click on Themes

  • Select your main theme

  • Click Edit code

  • Open Snippets → product-card-grid.liquid File and paste below code at the end of the page.

    <form method="post" action="/cart/add">
  <input type="hidden" name="id" value="{{ product.variants.first.id }}" />
  <input min="1" type="number" id="quantity" name="quantity" value="1"/>
  <input type="submit" value="Add to cart" class="btn" />
</form>