How to display single, three, and six bundle products on a product details page?

Store Design

Topic summary

A user wants to display product bundle options (single, three-pack, and six-pack) on their product details page, similar to a provided screenshot example.

Key Points:

  • The implementation depends heavily on the specific Shopify theme being used and how products are configured
  • Some themes support variant buttons/swatches that can be styled to achieve this look
  • The variant option values need to contain all the descriptive text
  • Controlling line breaks and detailed styling typically requires custom HTML/CSS

Resolution Status:
The question remains open. A respondent offered custom theme modification services but noted that more context is needed (store URL, theme name, post URLs) to provide specific guidance.

Summarized with AI on November 16. AI used: claude-sonnet-4-5-20250929.
1

How do I show three options, single, three and six bundle products on my product details page. As per your screenshot below.

![Screenshot 2023-10-11 at 18-43-36 IBSupport Natural Relief For IBS & Disgetive Stress.png|1903x946](upload://xbODGO0nz35CJmHK9ED9pBcKm4n.jpeg)

https://gistive.com/products/ibsupport?variant=44120072945981

2

Generally you need a theme customization to make a theme look like this if it already doesn’t.

Hi @Ajay08 That depends wildly on theme being used and how products are setup.

Some theme will let you use buttons/swatches that you could then style to look like that by having the exact text needed within the variants title by putting all the words in the variants option value.

But you will have trouble controlling line breaks without html controlling the display of that text.

If you need this customization then contact me directly by mail for services. paull.newton+shopifyforums@gmail.com
Please always provide context, examples: store url, theme name, post url(s) , or any further detail.