Create a second button under product cards on category pages to have options to buy 1 bottle or case

Store Design

Topic summary

Goal: Show two purchase options directly under each product card on collection pages (Dawn theme): “Buy 1 bottle” and “Buy case of 6,” each with its price. Reference screenshots provided are central to understanding the desired UI.

Details/requirements:

  • Merchant wants prices visible on the buttons, not a “Choose options” link.
  • Some products already have variants; others do not.

Proposed solution:

  • Use product variants (e.g., Bottle, Pack of 6, Pack of 12) with their respective prices in Shopify.
  • Custom code is needed to render variant selection buttons directly on the collection grid (product cards) instead of the default product page selection.

Constraints:

  • The shared store URL is password-protected, preventing review.
  • Implementation requires hard-coding within the theme (developer assistance suggested).

Status and next steps:

  • No code or step-by-step solution was provided in-thread; a demo image was shared.
  • Discussion remains open. Next steps: create consistent variants for all relevant products, provide access for review, or hire a developer to implement the collection-grid buttons.
Summarized with AI on January 3. AI used: gpt-5.
1

I want to add a button below each product that has two options as buy by the bottle or by case of 6 with the two prices similar to this. In a dawn theme. Similar to the image attached.

Screenshot 2024-03-05 at 12.42.24.png
Screenshot 2024-03-05 at 12.42.24.png606×292 10.8 KB

2

Hello @harryberkeley

Can you please share more details about the options you want to add.

Thanks

3

Hey, so I want to show the price for buying one item or a case of 6. So to show button showing price under the product as a singular 1 bottle price and another button with the price showing a case of 6 price.

4

Okay i have understood your requirement. Did you created variants options in the product?

Can you please share the demo site and your site. So I can provide you more details.

5

https://earle-wines.myshopify.com/ I have for some but not all as I wasn’t sure if this would be possible

6

Hey your storefront is password protected. But you can create products variants such as

Bottle - $XXX

Pack of 6 - $XXX

Pack of 12 - $XXX.

And then it can be design in the way you want.

Here’s a demo:

Sweet_Savior_3_0-1709654530321.png
Sweet_Savior_3_0-1709654530321.png1055×349 82.3 KB

Thanks

7

How do I get the buttons to show like that instead of showing as choose option then clicking

Screenshot 2024-03-07 at 07.55.33.png
Screenshot 2024-03-07 at 07.55.33.png946×450 15 KB

8

The code need to be hard-coded to show the options direct on the grid. You can seek help of developer to code this for you at reasonable rate.

Let me know if you need one