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

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

harryberkeley
Shopify Partner
5 0 0

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

Replies 7 (7)

Sweet_Savior_3
Shopify Partner
1375 104 148

Hello @harryberkeley 

 

 

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

 

Thanks 

Don't forget to like and accept the solution to help others store owners.
Looking for an expert or Have any queries ? Send query to the Inbox
Coffee Tip ? Pay to shopify.dev.34@gmail.com
From Less To Further !!!
harryberkeley
Shopify Partner
5 0 0

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. 

Sweet_Savior_3
Shopify Partner
1375 104 148

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. 

Don't forget to like and accept the solution to help others store owners.
Looking for an expert or Have any queries ? Send query to the Inbox
Coffee Tip ? Pay to shopify.dev.34@gmail.com
From Less To Further !!!
harryberkeley
Shopify Partner
5 0 0

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

Sweet_Savior_3
Shopify Partner
1375 104 148

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

 

Thanks

Don't forget to like and accept the solution to help others store owners.
Looking for an expert or Have any queries ? Send query to the Inbox
Coffee Tip ? Pay to shopify.dev.34@gmail.com
From Less To Further !!!
harryberkeley
Shopify Partner
5 0 0

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

Sweet_Savior_3
Shopify Partner
1375 104 148

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 

Don't forget to like and accept the solution to help others store owners.
Looking for an expert or Have any queries ? Send query to the Inbox
Coffee Tip ? Pay to shopify.dev.34@gmail.com
From Less To Further !!!