Add to cart button - Collection list - Broadcast theme

Solved

Add to cart button - Collection list - Broadcast theme

Luminary_lab
Shopify Partner
8 0 2

Hi I'm using the boradcast theme and I would like to have an add to cart button underneath my product cards. I have used the following code in the product.grid.item snippet;

 

<form method="post" action="/cart/add"> <input type="hidden" name="id" value="{{ product.variants.first.id }}" /> <button type="submit" class="btn add-to-cart-button">Add to Cart</button> </form>

 

and when I do it adds it to the right of the product card and not underneath. Any tips would be helpful, I'm trying to get it to look like the product grid on this site which also uses the same theme. https://rowse.co

Screenshot 2024-09-26 at 4.49.35 PM.png

Thanks!

Accepted Solution (1)
BSSCommerce-B2B
Shopify Partner
1972 564 564

This is an accepted solution.

Like this:

BSSCommerceB2B_3-1727339299522.png

Result: 

BSSCommerceB2B_2-1727339293080.png

 

 

B2B Wholesale Solution: Streamline your B2B operation with advanced features like wholesale registration forms, custom pricing.


B2B Portal, Quote, Net 30: Speed up purchasing and streamline your quotation process with advanced features like quick order, request for quote.


B2B Lock Password Protect: Easily control access to pages, products, and pricing with robust features.


BSS Commerce - Full-service eCommerce Agency I Use Shopify for 1$ in the first month now

View solution in original post

Replies 9 (9)

Moeed
Shopify Partner
6735 1820 2202

Hey @Luminary_lab 

 

Welcome to Shopify Community! Can you share your Store URL so I can have a look on it? Also, if you have password enabled then please share the password as well. Your cooperation would be greatly appreciated.

 

Best Regards,
Moeed

- Need a Shopify Specialist? Chat on WhatsApp

- Get a quick Shopify quote – Click here!

- Custom Design | Advanced Coding | Store Modifications


Luminary_lab
Shopify Partner
8 0 2

Hi!

 

Yes its https://veeore-baby.myshopify.com/

password: yeisaw

BSSCommerce-B2B
Shopify Partner
1972 564 564

@Luminary_lab, Could you kindly share your store url?

B2B Wholesale Solution: Streamline your B2B operation with advanced features like wholesale registration forms, custom pricing.


B2B Portal, Quote, Net 30: Speed up purchasing and streamline your quotation process with advanced features like quick order, request for quote.


B2B Lock Password Protect: Easily control access to pages, products, and pricing with robust features.


BSS Commerce - Full-service eCommerce Agency I Use Shopify for 1$ in the first month now

Luminary_lab
Shopify Partner
8 0 2

Yes its https://veeore-baby.myshopify.com/

password: yeisaw

BSSCommerce-B2B
Shopify Partner
1972 564 564

@Luminary_lab, Can you take a screenshot of the code you put in your theme? I think you should put it before the </div> tag

BSSCommerceB2B_0-1727339056302.png

B2B Wholesale Solution: Streamline your B2B operation with advanced features like wholesale registration forms, custom pricing.


B2B Portal, Quote, Net 30: Speed up purchasing and streamline your quotation process with advanced features like quick order, request for quote.


B2B Lock Password Protect: Easily control access to pages, products, and pricing with robust features.


BSS Commerce - Full-service eCommerce Agency I Use Shopify for 1$ in the first month now

BSSCommerce-B2B
Shopify Partner
1972 564 564

This is an accepted solution.

Like this:

BSSCommerceB2B_3-1727339299522.png

Result: 

BSSCommerceB2B_2-1727339293080.png

 

 

B2B Wholesale Solution: Streamline your B2B operation with advanced features like wholesale registration forms, custom pricing.


B2B Portal, Quote, Net 30: Speed up purchasing and streamline your quotation process with advanced features like quick order, request for quote.


B2B Lock Password Protect: Easily control access to pages, products, and pricing with robust features.


BSS Commerce - Full-service eCommerce Agency I Use Shopify for 1$ in the first month now

Luminary_lab
Shopify Partner
8 0 2

it worked!!! thank you 🙂 thank you 🙂 thank you!!!!!!!!!!

BSSCommerce-B2B
Shopify Partner
1972 564 564

Glad to help you 😂

B2B Wholesale Solution: Streamline your B2B operation with advanced features like wholesale registration forms, custom pricing.


B2B Portal, Quote, Net 30: Speed up purchasing and streamline your quotation process with advanced features like quick order, request for quote.


B2B Lock Password Protect: Easily control access to pages, products, and pricing with robust features.


BSS Commerce - Full-service eCommerce Agency I Use Shopify for 1$ in the first month now

Luminary_lab
Shopify Partner
8 0 2

Hi I'm just wondering for this site the client was happy but now they would like the add to cart to open in the cart drawer instead, are you able to help me modify the code to do that? thanks!