How to add Add to Cart button in Impulse theme?

Shopify Discussion

Topic summary

A user seeks to add an “Add to Cart” button to collection pages in the Impulse Shopify theme.

Proposed Solution:

  • Duplicate the live theme for safety
  • Navigate to the Snippets directory in the code editor
  • Locate the product grid file (product-grid-item.liquid, product-card.liquid, or similar)
  • Find the <div class="product-item--price"> element
  • Insert provided code snippet before or after the closing </div> tag

Current Status:

  • The original poster implemented the code but reports the button placement and appearance are problematic
  • A helper confirms the button is functional but requires CSS styling to fix the design
  • Another user expresses interest in obtaining the CSS code

Outstanding Issue:
The discussion remains open, awaiting CSS code to properly style the newly added button.

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

Hi,

I want to add ADD TO CART button to the collection pages and wherever the products are displayed, can anyone please suggest me a solution?

Thanks

2

Step 1: Duplicate your current live theme

From your Shopify admin go to the Online Store and then click on Themes. To be secure, we recommend you duplicate your current live theme.

Click on actions, and from the drop-down menu choose duplicate. Once the duplicate is made, click on Actions again, but this time choose Edit code.

Step 2: Snippets directory

From the navigation menu to the left, scroll down to the Snippets directory and click on product-grid-item.liquid, or something similar to that. Some of the potential names of the file are

  1. product-card.liquid
  2. product-card-grid.liquid
  3. product-loop.liquid

A new window should appear on the right side of the code editor. Find

(sometimes the class of this div could be different, it’s important to know that it’s the class to add the price). Add the following code before, or after the closing
tag, depending on if you want the button and quantity selector above or below the price:

Hit Save.

3

I have added the above code as mentioned but the placement and button seems unusual :disappointed_face:

4

Can you share page url?

5

Add to cart is working, you have to css to set the button design

6

This actually works, do you have the css code for this?