A user working with Shopify’s Broadcast theme wanted to add an “Add to Cart” button beneath product cards in a collection list, but the button was appearing to the right instead.
Initial Problem:
User added a form with an add-to-cart button to the product.grid.item snippet
Button positioned incorrectly (right side instead of underneath)
BSSCommerce-B2B identified the issue: incorrect placement of the code within the HTML structure
Solution: Insert the form code before the closing </div> tag
This successfully positioned the button underneath the product cards
New Request:
After implementing the fix, the user returned asking how to modify the code so clicking “Add to Cart” opens the cart drawer instead of the default behavior. This follow-up question remains unanswered.
Summarized with AI on November 1.
AI used: claude-sonnet-4-5-20250929.
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;
Add to Cart
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
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.
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!