How can I add a button to each multicolumn for cart addition?

Topic summary

A user seeks help adding cart buttons to products displayed in a multi-column layout on their Shopify store.

Initial Response:

  • OneCommerce provides step-by-step instructions involving:
    • Accessing theme customization
    • Locating the product grid code in template files
    • Adding button code below product pricing
    • Saving and testing changes

Follow-up Issue:

  • The user reports implementation problems, specifically inability to style the buttons despite adding CSS classes
  • Requests additional styling assistance

Resolution:

  • The user confirms the issue has been resolved independently (“nevermind solved”)
  • No further details provided about the final solution
Summarized with AI on November 23. AI used: claude-sonnet-4-5-20250929.

How am I able to add a button to each multicolumn that adds it to their cart, thank you.

store link: https://psyco-jewelery.myshopify.com/collections/all

Hello @JeffRandal1238 ,

We are OneCommerce- an eCommerce Solution Platform.

To add a button to each product in multiple columns, you can try to follow these steps:

  1. Go to your store panel → “Customize theme”

  2. Find the section where your products are listed in multiple columns (usually the product-template.liquid file)

  3. Look for the code that displays your products in a grid format, it should look like this:


  {% for product in collections.frontpage.products %}
    

      ## {{ product.title }}
      
      

{{ product.price | money }}

    

  {% endfor %}

  1. Add the following code below the price to create a button that adds the product to the cart:

  1. Save and test

Hope this is helpful for you, if so, please hit the Like button to encourage us more. Don’t be hesitate to contact us if you need any further support.

Best regards,

OneCommerce team.

Hello I did this but it is not letting me style them even thought I added a class. Can you please help me with this, Thank you.

This has been resolved never mind