Add to cart button on Capital theme

Topic summary

Request to add an “Add to cart” button under each product on collection pages in the Shopify Capital theme after purchase.

Guidance provided: Steps to edit theme code via Shopify Admin were shared—navigate to Online Store > Themes, select the main theme, click “Edit code,” then open Snippets > product-card-grid.liquid and add code at the end. This file is the Liquid template for product cards on collection pages.

Gap: The critical code snippet to insert was not included, so the implementation cannot be completed from the current instructions.

Status: Unresolved/ongoing. The thread requires the missing Liquid form/button code (e.g., an add-to-cart form that handles product variants) to achieve the requested functionality.

Next steps: Provide the specific Liquid/HTML for the add-to-cart button and note any variant handling or theme-specific considerations. Code is central to resolving this issue, but it is missing in the reply.

Summarized with AI on February 19. AI used: gpt-5.

I have purchase capital theme from shopify store and now I need to add “Add to cart” button under each product on collection page. Can anyone help me to do it.

@Mohsin_Khan ,

  • From Shopify Admin select Online Store and click on Themes
  • Choose your main theme
  • Click the . . . on the top left-right (see below) and hit Edit code
  • Open Snippets → product-card-grid.liquid File and paste below code at the end of the page.