Expanse Theme- Add to Cart button on homepage

Topic summary

A user is trying to add “Add to Cart” buttons to their homepage product displays in the Expanse 1.3.4 Shopify theme, similar to functionality in their previous theme.

Proposed Solution:
ZestardTech provided code instructions:

  • Navigate to Online Store > Themes > Edit Code
  • Open product-card-grid.liquid (or similar product card snippet)
  • Paste specific markup code at the end of the file

Current Issues:

  1. The provided code isn’t working correctly - buttons aren’t properly centered below each product
  2. Clicking the button redirects to the cart page instead of triggering the mini cart dropdown (which is enabled in store settings)

The discussion remains unresolved, awaiting further troubleshooting guidance to fix both the button positioning and cart behavior.

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

Hello

I want to add cart to cart button on my homepage just like I have shown in my previous theme, how can I do so?

my website householdpoint.pk

Theme name: Expanse 4.3.1

regards

1 Like

Hello @kamm0 ,

1.in your Shopify Admin go to online store > themes > actions > edit code
2.Open Snippets → product-card-grid.liquid or product-card or product-gird-item File and paste below code at the end of the page.


I Am sorry but code is not working properly, I have attached a screenshot, plz check & advise

add to cart button should be below the every product & centered as well

also when I click add to cart button, it takes me to cart page, whereas I have drop down mini cart setting applied in my store.