This tutorial walks you through setting up the Product Bundle section in the Concept theme—a flexible way to group and promote products together for upselling or bundling purposes.
💡 Note: This feature is available starting from Concept v2.0.0.
Steps
1. Add the Product Bundle section
-
Go to Admin → Online Store → Themes → Customize on the Concept theme.
-
Navigate to the Home page, then Template. Click Add section and select Product Bundle.
There are three layout options available:
- Product bundle – available from v2.0.0
- Compact product bundle – available from v3.0.0
- Floating product bundle – available from v3.0.0
Each option shares the same settings. For this tutorial, we'll use the Product bundle layout as an example.
2. Configure the Product Bundle section
Once added, the section’s settings will appear in the right sidebar.
-
Selecting products for the bundle
- Collection – display products from a specific collection.
- Products – manually select specific products. These will override the collection if both are selected.
- Maximum products to show – choose between 2 and 12 products.
- Columns on desktop – display 1 to 4 products per row.
- Columns on mobile – display 1 or 2 products per row.
-
Customize appearance
Configure heading text, font size, highlight colors, padding, and more to match your brand’s design.
-
Save and preview
- Preview the section in the live editor.
- Click Save to apply the changes.
- Check your storefront homepage to confirm it looks correct.
💡 Important: Discount Behavior
- The Product Bundle section is for visual display only and does not calculate or apply discounts.
- To apply discounts, use Shopify Admin → Discounts. Discounts only appear in the cart, not within the bundle section itself.
Example:
-
The displayed price in the bundle section won’t reflect any discount. This is because Shopify only reveals discounts in the cart or checkout.
-
Discounts will be applied after clicking Add to cart and viewing the cart drawer.
That’s it! You’ve now set up your Product Bundle section.
Need Further Assistance
If you encounter any issues or need additional help with your Concept theme, please reach out to our support guys via our Ticket System for assistance within 8 hours.
Scan the QR code below to join our WhatsApp community for updates, news, and announcements.
शेयर करना:
How to create a Tabbed Mega Menu
How to add custom text blocks with icons on product pages