Add-To-Cart Button On Collections Page - BROOKLYN THEME

Bartosz88
Tourist
13 0 1

Hi, 

How can I add: Add-To-Cart Button On Collections Page  in BROOKLYN THEME?

Replies 4 (4)

Dirk
Shopify Staff
2217 247 506

Hey, @Bartosz88 

 

There is an app called Sticky Add to Cart Button Pro that will accomplish this. Best of all, they offer a free plan! This app will allow you to show buy buttons on the collection page.

 

With that said, is there a particular reason you want this sort of functionality on your store?

If there is anything else I can help you with, please let me know.

Dirk | Social Care @ Shopify 
 - Was my reply helpful? Click Like to let me know! 
 - Was your question answered? Mark it as an Accepted Solution
 - To learn more visit the Shopify Help Center or the Shopify Blog

KetanKumar
Shopify Partner
36843 3636 11978

@Bartosz88 

thanks for post are you able to code try this or if you any issue let me know

Just follow the steps for a 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 or product-grid-item.liquid File and paste below code at the end of the page.
<form method="post" action="/cart/add"> <input type="hidden" name="id" value="{{ product.variants.first.id }}" /> <input min="1" type="number" id="quantity" name="quantity" value="1"/> <input type="submit" value="Add to cart" class="btn" /> </form>

 

If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on bamaniyaketan.sky@gmail.com regarding any help
Shopify Partner | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
Bartosz88
Tourist
13 0 1
Thank you very much 🙂

How can I change name: ''add to cart'' to another language?
Also did you know how change size of this button?

And how to make the button not be in the picture like below?
[image: cart.PNG]
KetanKumar
Shopify Partner
36843 3636 11978

@Bartosz88 

yes please find this and update 

Add to cart

 

If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on bamaniyaketan.sky@gmail.com regarding any help
Shopify Partner | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing