Add to cart button - Collection list - Broadcast theme

[Luminary_lab]

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

 

Thanks!

[Moeed]

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

[Luminary_lab]

Hi!

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

password: yeisaw

[BSSCommerce-B2B]

@Luminary_lab, Could you kindly share your store url?

[Luminary_lab]

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

password: yeisaw

[BSSCommerce-B2B]

@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

[BSSCommerce-B2B · Accepted solution]

Like this:

Result: 

[Luminary_lab]

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

[BSSCommerce-B2B]

Glad to help you 😂

[Luminary_lab]

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!