Like this:
Result:
Topic summary
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.itemsnippet - Button positioned incorrectly (right side instead of underneath)
- Goal was to replicate the layout from rowse.co
Solution Provided:
- 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.
