1. What is Product bundle?
The Product bundle section allows you to group and offer multiple products together as a single package. This simplifies the shopping process and provides benefits for both merchants and customers.
2. Section Components
|
Section
|
 |
Group and offer multiple products together as a single package.
|
|
Available blocks
|
 |
Create a single product bundle (You can add up to 5 Bundle blocks).
|
3. Location & Setup
-
Go to "Online Store" > "Themes" > "Customize"
- Select where you want to place it
-
Click "Add section"
-
Search for Product bundle.
- Click on it to add.
4. Highlight Features
-
Bundle tabs: Create multiple bundles within the same section, each with its own products and settings.
-
Flexible discount options: Support for percentage or fixed-amount discounts, automatic discount syncing with Shopify, and rules like minimum/maximum items.
5. Common Use Cases
🤔 How to set up the Product bundle section?
Want to set up the section? Here's how:
STEP 1: Add the section
Add the Product bundle section.
STEP 2: Add the blocks and select products for the bundle
Under Product bundle section, add Bundle blocks and click on it to open its settings panel:
- Select a collection or hand-pick individual products to display for the bundle. Note that the individual products chosen will override the collection.
-
Enter Bundle tab title and Bundle tab image.
- Choose to show product vendor, rating,.. on product cards if you want.
STEP 3: Set up bundle discount
3.1. Set up Discounts in Shopify admin
-
Go to Shopify Admin → Discounts → Create discount
-
Choose the "Amount off products" discount type.
-
Make sure you choose "Automatic discount".
-
Set the Discount value (this will be displayed in your bundle discount), and the Eligibility of the discount.
-
Set the Minimum purchase requirements.
-
Click "Save".
3.2. Set up Discounts in Product bundle section
At Bundle block > Discount settings group:
|
Settings name
|
How to set up? |
|
Minimum items required
|
Enter the minimum number of items required to add the bundle to the cart.
|
|
Maximum items required
|
Enter the maximum number of items available to add to the bundle.
|
|
Each product can be added once
|
Enable this to allow only one variant of a product to be added, even if the product has multiple variants.
|
|
Discount type
|
Fill in the exact discount type (Percentage or Amount) set in Shopify admin.
|
|
Discount value
|
Enter the exact discount percentage or amount of your discount rule in Shopify admin.
|
|
Only apply discount once per order (Only for Amount Discount type)
|
- Enable this if you want the discount to apply only once to the order.
- If disabled, the discount applies per eligible item and multiplies based on the quantity of qualifying products.
|
STEP 4: Customize the bundle summary
At Bundle block > Bundle summary settings group:
-
Enter the Heading and Text.
-
Enter Sale label and choose the bundle summary position (Left or Right).
Repeat these steps for setting up other Bundle blocks.
STEP 5: Click “Save”.
|
🤔 How to customize the Product bundle section?
Want to make the section more visually attractive? Here’s how:
STEP 1:
Click on the
Product bundle to open its settings panel.
STEP 2: Add section heading and description text
Enter Heading, Subheading, Text, and label for “Add to bundle” button.
STEP 3: Customize sale label
At Sale label settings group:
- Enter Text for the label, for example: Up to 30% OFF.
- Choose colors for the label’s background and text.
STEP 4:
Click “Save”.
|
🤔 How to enable carousel for the section?
Want to save layout space and enhance user engagement with carousels? Here's how:
STEP 1:
Click on the Promotional collections to open its settings panel.
STEP 2:
Scroll down to the Carousel setting group, customize these:
-
For desktop 🖥️: Turn on the Enable carousel on desktop setting.
-
For mobile 📱: Turn on the Enable swipe on mobile to allow users to swipe through posts.
STEP 3: (Optional)
-
If you want the carousel to slide automatically, then adjust Auto-play every.
-
Enable Show navigation arrows to let users manually swipe left or right over the carousel.
STEP 4: Customize bundle tabs’ look
At Bundle tab settings group:
- Choose size and style for bundle title.
- Show bundle image if you want.
STEP 5: Click "Save" when done.
|
🤔 What customization options can you give your Product bundle?
|
For the whole Product bundle section:
|
|
✨ Change color scheme
|
Click on the Product bundle section, and choose the overall scheme you want to use in both light and dark mode in the Color scheme.
|
|
✨ Change the heading size
|
Click on the Product bundle section, and choose the Heading size to be Small, Medium, or Large.
|
|
✨ Change the Heading tag (for SEO purposes)
|
Click on the Product bundle section, find and choose the Heading tag from the list.
|
|
✨ Change the heading alignment
|
Click on the Product bundle section, and choose the Heading size to be Left, Right, or Center.
|
|
✨ Change the section width, add padding, or add a divider
|
Click on the Product bundle section, and scroll down to the Section layout group, and you will be able to change those settings.
|
|
✨ Change the Desktop layout 🖥️
|
Click on the Product bundle section, and scroll down to the Desktop layout, and you will be able to change Number of columns, Number of rows on desktop, and Block spacing.
|
|
✨ Change the Mobile layout 📱
|
Click on the Product bundle section, and scroll down to the Mobile layout, and you will be able to change Number of columns and Block spacing.
|
|
Need help? Contact our support team at Omni Themes Support.
