Hi, I am trying to include an “Add to cart” button on the collection page for Brooklyn theme. Currently, you have to click into a product page & then add it to cart rather than being able to just add it on the collection page with a button below. On other themes, like Origin, there is an option to add this on the editor but not on the Brooklyn theme which is what I am using. I’m not sure if it’s possible with code or I would have to do something else for it work. I have included images of an example, what mine current looks like, & linked my shop below:
Topic summary
A user wants to add an “Add to cart” button directly on collection pages in Shopify’s Brooklyn theme, similar to functionality available in the Origin theme. Currently, customers must click through to individual product pages to add items to their cart.
Proposed Solution:
- A basic HTML form code snippet was provided that can be added near product titles and prices in the theme code
- This creates an add-to-cart button, but automatically redirects customers to the full cart page
Remaining Challenge:
- The user specifically needs a cart drawer (popup) instead of page redirection to allow adding multiple products quickly
- Implementing the cart drawer requires AJAX functionality, which is considered an advanced customization requiring developer expertise
Status: The discussion remains open with the core requirement (cart drawer functionality) unresolved and requiring more advanced technical implementation.
Hello @tdc757 ,
Edit the code and add this code where you need atc button:
It will add the product to cart and redirect customers to cart.
If you need the cart drawer after click of atc then you need to go with ajax and to implement it you need to go with a developer.
Regards
Guleria
At what part in the edit code do I need to add it to? I want it to show up inside collections. Also I do need it to just go to cart drawer not automatically take the person to the cart page after clicking the button. I want the customer to be able to add multiple to cart with that quick add button
Just add it next to the title and price code.
But keep note it will redirect customer to cart page.
To enable the cart drawer on click of atc button. You need to write ajax call which is advance customization.