Adding Add to Cart and Quantity selector to the collection pages

Shopify Discussion

Topic summary

A user seeks to add Add to Cart buttons and quantity selectors to collection pages on a Shopify store using the Brooklyn theme.

Proposed Solution:

  • Follow the implementation approach used for the Debut theme
  • Navigate to: Shopify Admin → Online Store → Themes → Edit code
  • Modify the product-card-grid.liquid file in the Snippets folder
  • Paste provided CSS code at the end of the page
  • Reference external tutorial link for detailed steps

Additional Request:
Another participant asks whether it’s possible to add a quantity input box, allowing customers to enter amounts (e.g., 50+ items) directly instead of repeatedly clicking a plus button.

Status: The discussion remains open with a partial solution provided for the Add to Cart button, but the quantity selector implementation is not yet addressed.

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

Hi,

I am currently using the Brooklyn Theme and would like to Add Add to Cart buttons and Quantity selectors to the collection pages.

Can someone please help. Thanks !!

2

Hi,

Just follow the steps for Debut theme for Add to cart button on collection pages.

  • 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.

Try it ,

or You can refer this link

https://www.huratips.com/tech-tips/how-to-add-add-to-cart-button-on-shopify-collection-pages-for-each-product.html

1 Like
3

Is there a way to add a quantity box as well? so a customer can just enter the amount and then hit add to cart as opposed to hitting the plus button 50+ times?