Maximize Theme User Guide

Product bundle

Ask AI

Open in ChatGPT

Ask ChatGPT about this page

Open in Claude

Ask Claude about this page

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, and automatic discount syncing with Shopify.

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.
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 section to open its settings panel.

STEP 2: Add section heading and description text

Enter Heading, Subheading, Text.

STEP 3: Customize sale label that appear next to the section heading:

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: Customize bundle tabs' look

At Bundle tab settings group:

Choose size and style for bundle title.
Show bundle image if you want.

STEP 5: Customize product card background

At the Product cards settings group in the section settings panel:

Toggle Show background ON to add a distinct background behind each product card in the bundle.
Once enabled, you can adjust Desktop side padding (default: 18px) and Mobile side padding (default: 12px), and choose Background color for light and dark modes.

STEP 6: Customize bundle summary color scheme

Still in the section settings panel, scroll to the Bundle summary settings group:

Choose Color scheme (Light) and Color scheme (Dark) to control the appearance of the bundle summary panel.

STEP 7:

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 Product bundle 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: 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 alignment 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.
✨ Customize the "Add to bundle" and "Choose option" button labels	Click on the Product bundle section and scroll to the Product cards group: Enter your preferred text in "Add to bundle" button label - this is the button shown on each product card when no variant selection is needed. Leave blank to use the default text "Add to bundle". Enter your preferred text in "Choose option" button label - this button appears instead when a product has multiple variants (e.g., size, color) and the customer needs to select one first. Leave blank to use the default text "Choose option".
✨ Align the "Add to bundle" buttons to the same row	Click on the Product bundle section, scroll to the Product cards group, and toggle Sticky button ON. When enabled, all "Add to bundle" and "Choose option" buttons align to the bottom of the product list, so they sit on the same horizontal line regardless of card content height.

6. Change Logs

Version 1.5.0: "Show background" and related product card settings moved from bundle block to section level. Bundle summary color scheme moved to section level. New "Choose option" button label setting added. "Add to bundle" button label and "Sticky button" consolidated under the Product cards group at section level.

Need help? Contact our support team at Omni Themes Support.