How to Create a Fixed-Price Mix & Match Box Bundle with Product Pickers, Add-ons, and Free Gifts
A fixed-price Box Bundle allows customers to select a specific number of products while paying one predefined price for the entire box.
You can also offer optional add-ons, configure different products for different box sizes, and automatically include free gifts with selected boxes.
This guide explains how to create and configure this type of Mix & Match Bundle in uShopAid.
1. How a Fixed-Price Box Bundle Works
A fixed-price Box Bundle can contain three different types of products:
- Box products: Selected by the customer through a Product picker. These products count toward the Box size and are included in the Box price.
- Add-on products: Optional products selected through an Add-ons picker. They do not count toward the Box size and add an extra charge.
- Free gifts: Automatically included with a specific Box. Customers do not select them, and they do not increase the price.
For example:
4-pack
- Select four Box products from the Product picker.
- Box price: $199.
- Optional add-ons can be purchased at an additional cost.
- No free gifts are included.
6-pack
- Select six Box products from the Product picker.
- Box price: $249.
- Automatically includes Rope × 1 and Resistance Band × 1.
- Free gifts do not count toward the six Box products and do not increase the price.
2. Create a Fixed-Price Mix & Match Bundle
In uShopAid:
- Create a new Mix & Match Bundle.
- Select a suitable template.
- Open Products & Layout.
- Add and arrange the required elements based on your page structure.
- Open Discounts.
- Use Box size & price to configure the quantity and price.
The main elements used in a fixed-price Box Bundle are:
- Product picker: Allows customers to choose the products included in the Box.
- Box size & price: Controls the Box size, price, compare-at price, and free gifts.
- Box size selector: Allows customers to switch between different Box options.
- Pricing summary: Displays the price of the only Box or the currently selected Box.
- Add-ons picker: Provides optional products that do not count toward the Box size.
- Included products: Displays the free gifts automatically included with the current Box.
[Insert image: Complete page structure for a fixed-price Box Bundle]

3. Use a Product Picker for Box Products
The Product picker provides the products customers must select for their Box.
These products:
- Are selected by the customer.
- Count toward the current Box size.
- Are included in the Box price.
- Do not add an extra charge like Add-ons.
Add a Product picker
- Open Products & Layout.
- Click Add element.
- Add a Product picker.
- Choose the product source:
- Select products: Manually select specific products.
- Select collections: Use products from a Shopify Collection.
- Configure the product cards, Slots, heading, and other display settings.
We recommend adding a clear heading above the Product picker, such as:
- Choose your products
- Choose 4 items for your box
- Build your 6-pack
- Select the items included in your box
[Insert image: Selecting Box products from the Product picker]

Products in the Product picker are Box products. Customers must meet the selection requirement for the current Box before they can add the Bundle to the cart.
4. Set the Number of Product Picker Slots
The Product picker’s Number of slots determines how many Box products the customer must select.
You can use one of the following options.
Exact quantity
Set a fixed quantity for the Product picker.
For example:
- Exact quantity: 4
The Product picker will always require four products, regardless of which Box is currently selected.
This setting is suitable when:
- The Bundle has only one Box.
- The Product picker is displayed only for a specific Box.
- Different product areas are created for different Boxes using Conditional logic.
Match selected box size
The number of Product picker Slots automatically matches the Size of the currently selected Box.
Selected Box | Box size | Product picker Slots |
|---|---|---|
4-pack | 4 | 4 |
6-pack | 6 | 6 |
This option is suitable when multiple Boxes share the same Product picker and product source. | ||
[Insert image: Number of slots settings for a Product picker] |

Match selected box size changes only the number of Product picker Slots. It does not automatically change the product source.
5. Distribute the Box Size Across Multiple Product Pickers
You can add multiple Product pickers to the same page.
For example, a 6-pack could contain two product areas:
- Product picker A: Choose flavors.
- Product picker B: Choose accessories.
To distribute the Box size between multiple Product pickers, enable:
Distribute box size across product pickers
The current Box size will be divided equally between the Product pickers participating in the distribution.
Box size | Number of Product pickers | Slots per Product picker |
|---|---|---|
4 | 2 | 2 |
6 | 2 | 3 |
8 | 2 | 4 |
For a 6-pack with two Product pickers: |
- The first Product picker requires three products.
- The second Product picker requires three products.
The system does not allow customers to distribute the quantity freely, such as:
- Two products from the first area.
- Four products from the second area.
When using this setting, make sure the Box size can be divided evenly by the number of participating Product pickers.
If the two Product pickers should require two and four products respectively, do not use automatic distribution. Set an independent Exact quantity for each Product picker instead.
[Insert image: Distribute box size across product pickers setting]

6. Configure the Size and Price of a Single Box
Go to:
Discounts → Box size & price
By default, a Bundle can contain only one Box.
Configure the following settings:
- Size: The number of Box products customers must select.
- Price: The fixed price of the Box.
- Compare-at price: The original or reference price displayed with the Box.
- Offer free gift with this box: Determines whether the Box includes free gifts.
For example:
- Size: 4
- Price: $199
- Compare-at price: $249
Customers do not need to select a Box option. They only need to complete the required product selection.
[Insert image: Size, Price, and Compare-at price settings for a single Box]
If the Bundle has only one Box:
- A Box size selector is usually unnecessary.
- A Pricing summary is recommended.
- Place the Pricing summary above the Box product heading.
Recommended page order:
- Pricing summary
- Box product heading
- Product picker
- Add-on product heading
- Add-ons picker
- Free gift Group
- Text
- Included products
Pricing summary displays the Box price. It does not display a real-time final total that includes Add-ons.
7. Convert a Single Box into Multiple Box Options
A single-Box and multi-Box Bundle use the same Bundle configuration. They are not separate template types.
To offer multiple options, such as a 4-pack and 6-pack:
- Add multiple Boxes under Box size & price.
- Add a Box size selector to the page.
Step 1: Add multiple Boxes
- Open Discounts → Box size & price.
- Click Add Box.
- Configure each Box’s:
- Size
- Price
- Compare-at price
- Free gifts
For example:
Box | Size | Price | Compare-at price |
|---|---|---|---|
#1 Box | 4 | $199 | $249 |
#2 Box | 6 | $249 | $299 |
[Insert image: 4-pack and 6-pack under Box size & price] |

Step 2: Add a Box size selector
- Return to Products & Layout.
- Click Add element.
- Add a Box size selector.
- Select a suitable selector style.
- Configure how the Box name, price, and compare-at price are displayed.
[Insert image: Adding a Box size selector to the page]

Customers can now switch between the 4-pack and 6-pack.
When the selected Box changes, the following content can update:
- Required number of Box products
- Box price
- Compare-at price
- Free gifts configured for the current Box
- Price shown in the Pricing summary
- Page areas controlled by Conditional logic
8. Use the Pricing Summary Correctly
Pricing summary displays pricing information for the current Box, including:
- Box price
- Compare-at price
- Discount label
One Box
If the Bundle has only one Box, customers do not need to select a Box option.
Place the Pricing summary above the Box product heading:
- Pricing summary
- Box product heading
- Product picker
Customers can see the Box price before selecting products.
For example:
- Price: $199
- Compare-at price: $249
- Discount label: 20% OFF
[Insert image: Pricing summary above the Box product heading]

Multiple Boxes
If the Bundle has multiple Boxes, the Pricing summary updates according to the selected Box.
Selected Box | Price shown in Pricing summary |
|---|---|
4-pack | $199 |
6-pack | $249 |
If the Box size selector already displays the price of every Box, a separate Pricing summary is usually unnecessary because it may repeat the same information. | |
If the Box size selector displays only the Box name and size, you can keep the Pricing summary to show the price of the selected Box. |
Prices not included in the Pricing summary
Pricing summary displays:
- The price of the only Box; or
- The price of the currently selected Box.
It is not a real-time final Bundle total. It does not add the following amounts to the displayed Box price:
- Prices of products selected from an Add-ons picker
- Discounted Add-on prices
- Other optional product charges
For example:
- Current Box price: $199
- Selected Add-on price after discount: $31.20
Pricing summary still displays $199, not $230.20.
Pricing summary displays the price of the only Box or currently selected Box. It does not display a final total that includes Add-ons.
9. Show Different Products for Different Boxes
When a Product picker uses Match selected box size, switching Boxes changes the number of Slots but does not change the product source.
For example:
- 4-pack: Select four products from the same product source.
- 6-pack: Select six products from the same product source.
To provide different products for different Boxes, create separate Product pickers and control their visibility using a Group’s Conditional logic.
Selected Box | Displayed Product picker | Product source | Required quantity |
|---|---|---|---|
4-pack | 4-pack Product picker | 4-pack Products Collection | 4 |
6-pack | 6-pack Product picker | 6-pack Products Collection | 6 |
Step 1: Create the 4-pack product area
- Add a Group under Products & Layout.
- Give it a recognizable name, such as 4-pack Products.
- Add the following elements to the Group:
- Text
- Product picker
- Select the products or Collection available for the 4-pack.
- Set Number of slots to:
- Exact quantity: 4; or
- Match selected box size.
- Select the outer Group.
- Open Conditional logic.
- Click Edit conditional logic.
- Configure the Group to appear only when the 4-pack is selected.
- Click Confirm.
[Insert image: Dedicated Product picker inside the 4-pack Group]

Step 2: Create the 6-pack product area
- Add another Group.
- Name it 6-pack Products.
- Add:
- Text
- Product picker
- Select the products or Collection available for the 6-pack.
- Set Number of slots to:
- Exact quantity: 6; or
- Match selected box size.
- Select the outer Group.
- Configure Conditional logic so that the Group appears only when the 6-pack is selected.
- Click Confirm.
[Insert image: Dedicated Product picker inside the 6-pack Group]

After configuration:
- Selecting the 4-pack displays only its products.
- Selecting the 6-pack displays only its products.
- The two Product pickers can use completely different products or Collections.
- Each area can have independent Slot quantities, product cards, and Slot styles.
Conditional logic must be configured on a Group. A Product picker cannot have its own display condition, so place it inside a Group first.
10. Other Uses for Conditional Logic
In addition to displaying different Product pickers for different Boxes, Conditional logic can be used to:
- Display different Add-ons pickers for different Boxes.
- Display a free gift area only for a specific Box.
- Show different headings or instructions.
- Show different Banners.
- Show or hide a Pricing summary.
- Show or hide several related elements as one complete area.
For example, if the 6-pack includes free gifts but the 4-pack does not:
- Create a Group.
- Add a free gift heading.
- Add Included products.
- Configure the Group to appear only when the 6-pack is selected.
The heading and gift products will then appear or disappear together when customers switch Boxes.
A Group is both a layout container and the element on which Conditional logic is configured. Other elements must be placed inside a Group before their visibility can be controlled.
11. Configure Different Free Gifts for Different Boxes
Each Box can have its own free gift settings, products, and quantities.
For example:
- 4-pack: No free gifts.
- 6-pack: Automatically includes two free gifts.
Add free gifts to a Box
- Open Discounts → Box size & price.
- Find the Box that should include gifts, such as #2 Box (6-pack).
- Enable Offer free gift with this box.
- Click Select free gift.
- Select the gift products.
- Set the quantity of each gift.
For example, the 6-pack can include:
- Rope × 1
- Resistance Band × 1
Leave Offer free gift with this box disabled for the 4-pack.
[Insert image: Enabling free gifts and selecting two products for the 6-pack]

Free gifts must be configured under Offer free gift with this box for the corresponding Box. Simply displaying gift images on the page does not add those products as free gifts.
12. Display Free Gifts with Included Products
After configuring the gifts for a Box, add Included products to the page to show customers which gifts are included.
Included products does not allow you to select products separately. Its product data comes directly from:
Discounts → Box size & price → Offer free gift with this box
Add Included products
- Return to Products & Layout.
- Click Add element.
- Add Included products.
- Configure the gift image, title, quantity, and display styles.
[Insert image: Included products displayed on the page]
When customers switch Boxes, Included products reads the gift settings of the currently selected Box.
Selected Box | Free gift configuration | Included products display |
|---|---|---|
4-pack | Free gifts disabled | No gift products displayed |
6-pack | Two free gifts configured | The two configured gifts are displayed |
Included products only displays the free gifts configured for the current Box. It does not configure the actual gifts.
13. Control the Free Gift Area with a Group
If the 4-pack has no gifts and the 6-pack includes gifts, use a Group to control the entire free gift area.
Step 1: Create a free gift Group
- Add a Group under Products & Layout.
- Add the following elements:
- Text
- Included products
- Set the Text to something like:
Free gifts included in your pack:
[Insert image: A Group containing the free gift heading and Included products]

Step 2: Configure Conditional logic
- Select the free gift Group.
- Open Conditional logic.
- Click Edit conditional logic.
- Configure a condition such as:
Hide this element when selected box is #1 Box
- Click Confirm.
After configuration:
- When #1 Box (4-pack) is selected, the entire gift area is hidden.
- When #2 Box (6-pack) is selected, the heading and gift products appear together.
[Insert image: Conditional logic settings for the free gift Group]


Place the gift heading and Included products in the same Group. This prevents an empty gift heading from appearing when the current Box has no gifts.
14. Add Optional Products with an Add-ons Picker
An Add-ons picker provides optional products outside the Box.
Unlike products in a Product picker:
- Add-ons do not count toward the Box size.
- Customers may select them or skip them.
- Their prices are added to the Bundle.
- Each Add-ons picker can have its own discount.
For example:
- 4-pack Box price: $199
- Optional design after discount: $31.20
- Total after adding the optional product: $230.20
Calculation:$199 + $31.20 = $230.20
Pricing summary will still display the Box price of $199. It does not add the Add-on price.
Add products to an Add-ons picker
- Open Products & Layout.
- Select the Add-ons picker.
- Choose its products:
- Select products: Manually select products.
- Select collections: Use products from a Collection.
- Set the number of Slots.
- Configure the Slot style and selected product information.
[Insert image: Selecting products for an Add-ons picker]

Add-ons picker and Product picker use independent product sources. Products added to an Add-ons picker do not automatically appear in the Box product picker.
15. Configure an Independent Add-on Discount
You can apply a discount directly to products selected through an Add-ons picker.
- Select the Add-ons picker.
- Open General → Discount.
- Enable Enable discount.
- Select a Discount type:
- Amount off
- Percentage off
- Enter the discount value.
[Insert image: Discount type settings for an Add-ons picker]

Amount off
Subtracts a fixed amount from each product added through this Add-ons picker.
For example:
- Original price: $39.00
- Amount off: $10.00
- Discounted price: $29.00
Calculation:$39.00 − $10.00 = $29.00
Percentage off
Applies a percentage discount to each product added through this Add-ons picker.
For example:
- Original price: $39.00
- Percentage off: 20%
- Discounted price: $31.20
Calculation:$39.00 × (1 − 20%) = $31.20
The Add-ons picker discount applies only to products selected through that Add-ons picker. It does not affect the Box price, Box products, Pricing summary, or free gifts.
16. Display Selected Add-on Information
Under Slot label → Selected slot label, choose which information appears after an Add-on is selected, such as:
- Product title
- Discounted price
You can also use Label position to control where the information appears.
For example:
- Below slot: Display the information below the selected product Slot.
Customers can then see the:
- Product name
- Discounted price
- Discount label
[Insert image: Product name and discounted price displayed in an Add-ons picker]

Because Pricing summary does not include Add-on prices, we recommend displaying the discounted price in the Add-ons picker. This helps customers understand the extra charge before adding the Bundle to the cart.
17. Add Multiple Add-ons Pickers
You can add multiple Add-ons pickers to the same page.
Each Add-ons picker can have its own:
- Product source
- Number of Slots
- Discount status
- Discount type
- Discount value
- Slot label
- Selected product information
For example:
Add-on area | Product range | Slots | Discount |
|---|---|---|---|
Additional designs | Additional design options | 2 | 20% off |
Accessories | Accessories | 1 | $5 off |
Gift packaging | Gift packaging options | 1 | No discount |
To configure multiple Add-ons pickers: |
- Add the required number of Add-ons pickers under Products & Layout.
- Select products or a Collection for each picker.
- Set the number of Slots for each area.
- Configure an independent discount where needed.
- Add clear headings using Text or Group elements.
[Insert image: Multiple Add-ons pickers on the same page]

Product and discount settings are independent between Add-ons pickers. Products selected through a picker receive only that picker’s configured discount.
If different Boxes require different Add-ons:
- Create separate 4-pack and 6-pack Add-ons Groups.
- Add the appropriate Add-ons picker to each Group.
- Configure different Conditional logic for the two Groups.
18. Box Products, Add-ons, and Free Gifts Compared
Product area | Required | Selected by customer | Counts toward Box size | Adds an extra charge |
|---|---|---|---|---|
Box products (Product picker) | Yes | Yes | Yes | No, included in the Box price |
Add-ons (Add-ons picker) | No | Yes | No | Yes, with an optional independent discount |
Free gifts (Included products) | No | No | No | No |
The complete customer flow is: |
- If multiple Boxes are available, select a Box such as the 4-pack or 6-pack.
- View the Box products available for the selected Box.
- Complete the required selections in the Product picker.
- Select one or more optional Add-ons if desired.
- View the free gifts automatically included with the current Box.
- Use the Shopify product page’s native Add to cart button.
Pricing summary displays only the current Box price. Additional amounts from selected Add-ons are not included in the Pricing summary.
19. Create and Configure a Dedicated Shopify Product Template
This Bundle is embedded on a Shopify product page and uses its own product selection interface, Box prices, and quantity requirements.
To avoid displaying duplicate information from the Shopify theme, create a dedicated product template and assign it only to Bundle products.
Do not directly modify the Default product template. Changes to that template may also affect regular products in your store.
Step 1: Create a new product template
- In Shopify admin, go to:
Online Store → Themes
- Find your current theme.
- Click Customize.
- Open the template selector at the top of the theme editor.
- Go to:
Products → Create template
- Enter a recognizable template name, such as:
ushopaid-bundlemix-match-bundlenail-box-bundle
- Under Based on, select an existing product template.
In most cases, select:
Default product
- Click Create template.
[Insert image: Creating a product template in the Shopify theme editor]

You can now modify this template without affecting products that continue to use the default template.
Step 2: Assign the template to the Bundle product
- Return to Shopify admin.
- Open Products.
- Open the Shopify product used for the Bundle.
- Find Theme template on the product editing page.
- Select the template you created, such as ushopaid-bundle.
- Click Save.
[Insert image: Selecting the Theme template on the Shopify product page]

Only products assigned to this template will use the new page layout. Other products can continue using their existing templates.
If several Bundle products use the same page structure, you can assign all of them to the same dedicated template.
Step 3: Confirm the Bundle placement
Return to:
Online Store → Themes → Customize
Select the Bundle product template at the top of the theme editor.
In the product information area, confirm that the uShopAid Bundle appears in the appropriate position.
Depending on how the Bundle was created, you may see a corresponding uShopAid App block. Drag the block to adjust its position.
We recommend placing the Bundle product selection area near:
- Product title
- Product description
- Shopify’s native Add to cart button
[Insert image: Adjusting the uShopAid Bundle position in the product template]

If the Bundle does not appear, confirm that the previewed product uses the correct product template and that its Bundle has been saved or published.
Step 4: Configure the Bundle pricing elements
In uShopAid, open Products & Layout and decide whether to use Pricing summary and Box size selector based on the number of Boxes.
One Box
We usually recommend:
- Add a Pricing summary.
- Place it above the Box product heading.
- Do not add a Box size selector.
Recommended page structure:
- Shopify product title
- Pricing summary
- Box product heading
- Product picker
- Add-on product heading
- Add-ons picker
- Free gift Group
Pricing summary displays the only Box’s:
- Price
- Compare-at price
- Discount label
Multiple Boxes
We usually recommend:
- Add a Box size selector.
- Display each Box’s price inside the selector.
- Remove the Pricing summary to avoid repeated prices.
If the Box size selector does not display prices, keep the Pricing summary to show the price of the selected Box.
Bundle configuration | Pricing summary | Box size selector |
|---|---|---|
One Box | Usually recommended above the Box product heading | Usually unnecessary |
Multiple Boxes with prices in the selector | Usually unnecessary | Usually required |
Multiple Boxes without prices in the selector | Can be retained | Usually required |
Pricing summary displays the price of the only Box or currently selected Box. It does not include Add-on prices.
Step 5: Hide duplicate Shopify theme elements
The Bundle already provides its own product selection, Box pricing, and quantity requirements. To prevent duplicate or conflicting information, some native Shopify theme elements should be hidden on the dedicated Bundle product template.
Shopify free themes
If you use an official free Shopify theme, uShopAid automatically hides the following native elements on the Bundle product page:
- Price
- Variant picker
- Quantity selector
In most cases, you do not need to hide these three elements manually.
However, Shopify themes can have different structures and customized code. After publishing the Bundle, open the actual storefront product page and confirm that these elements are no longer displayed.
Third-party or custom themes
If you use a third-party theme, a custom theme, or a heavily customized version of a Shopify theme, uShopAid may not be able to identify and hide these elements automatically.
In that case, open the dedicated Bundle product template in the Shopify theme editor and manually hide or remove:
- Price
- Variant picker
- Quantity selector
If the theme also displays a Subtotal, check whether it accurately reflects the current Bundle configuration. Hide it manually if it creates duplicate or incorrect pricing information.
Only make these changes in the dedicated Bundle product template. Do not hide these elements from the Default product template, as this may affect regular products in your store.
Why hide Price?
Keeping both the theme’s native Price and the Bundle’s Pricing summary or Box size selector may create two price areas.
The native Price usually displays the price of the Shopify product carrying the Bundle. It may not match the price of the currently selected Box.
We therefore recommend using:
- One Box: Pricing summary
- Multiple Boxes: Box size selector
- Multiple Boxes without prices in the selector: Pricing summary
Why hide Variant picker?
The Shopify product mainly serves as the product page on which the Bundle is displayed. Customers normally select the Box products and their variants through the uShopAid interface.
If the Shopify product’s native Variant picker has no purpose for the Bundle, it should be hidden.
Why hide Quantity selector?
The native Quantity selector controls how many complete Bundles are purchased. It does not control the number of products selected inside the Box.
If a customer completes one Bundle and then changes the native quantity to 2, the entire Bundle may be added twice.
The native Quantity selector should therefore be hidden.
Why hide Subtotal?
Some themes display a Subtotal calculated from the Shopify product price and native Quantity selector.
However, the actual Bundle purchase may include:
- The currently selected Box price
- Discounted Add-ons
- Different prices for different Boxes
- Free gifts included with the current Box
The native Subtotal may not accurately represent the customer’s current selections. If your theme displays a duplicate or inaccurate Subtotal, hide it manually in the dedicated Bundle product template.
Step 6: Keep Shopify’s native Add to cart button
Keep the native Shopify:
Add to cart
After completing the Bundle selections, customers use this button to add the Bundle to the cart.
We recommend displaying only one primary Add to cart button so customers know which action to take.
The final customer flow is:
- Select the 4-pack or 6-pack.
- View the Product picker associated with the selected Box.
- Complete the Box product selections.
- Select optional Add-ons.
- View the free gifts included with the current Box.
- Click Shopify’s native Add to cart button.
- The Box products, Add-ons, and free gifts are added to the cart together.
Do not remove the entire Buy buttons section. If the Add to cart button is contained inside Buy buttons, keep that section and hide only the unnecessary additional elements.
Step 7: Handle Dynamic checkout buttons
If the theme displays:
- Buy it now
- Shop Pay
- Other Dynamic checkout buttons
Hide these buttons first and test the Bundle purchasing flow.
Dynamic checkout buttons may allow customers to proceed to checkout before completing all required Bundle selections.
Recommended product template configuration
Element | Recommended setting | Reason |
|---|---|---|
Product title | Keep | Displays the Bundle product name |
Product media | Depends on the page design | Displays the main Bundle image or promotional content |
Shopify Price | Usually hide | Prevents duplicate or inaccurate pricing |
Variant picker | Usually hide | Bundle product selection is usually controlled by uShopAid |
Quantity selector | Hide | Prevents customers from unintentionally multiplying the entire Bundle |
Subtotal | Hide | May not reflect the actual Bundle selections |
uShopAid Bundle | Keep | Allows customers to select Boxes, Box products, and Add-ons |
Pricing summary | Usually keep for one Box; optional for multiple Boxes | Displays the only Box or currently selected Box price |
Box size selector | Usually unnecessary for one Box; recommended for multiple Boxes | Allows customers to switch Boxes and can display Box prices |
Add to cart | Keep | Adds the configured Bundle to the cart |
Dynamic checkout button | Hide first and test | May bypass the complete Bundle selection process |
Product description | Keep when useful | Explains the Bundle contents and purchasing rules |
Shopify theme structures and element names vary. For example, Add to cart may be located inside Buy buttons, and Subtotal may not be available in every theme. Adjust the template according to the actual structure of your theme.
20. Test the Final Bundle
After saving and publishing the Bundle, test every Box option.
Test a single Box
Confirm that:
- Customers do not need to select a Box.
- The Product picker displays the correct number of Slots.
- Pricing summary appears above the Box product heading.
- Pricing summary displays the only Box’s price.
- Compare-at price is correct.
- Discount label is correct.
- Shopify’s native Price is hidden.
- Add-on prices are not incorrectly added to the Pricing summary.
- Add to cart works correctly.
Test the 4-pack
Confirm that:
- Selecting the 4-pack displays only its Product picker.
- The Product picker uses the correct products or Collection.
- Four Box product Slots are displayed.
- Customers must select four Box products.
- The Box price is $199.
- Box size selector or Pricing summary displays the correct price.
- The free gift area is hidden.
- Optional designs can be selected or skipped.
- Add-ons receive the correct discount.
- Add to cart works correctly.
Test the 6-pack
Confirm that:
- Selecting the 6-pack displays only its Product picker.
- The Product picker uses the correct products or Collection.
- Six Box product Slots are displayed.
- If two equally distributed Product pickers are used, each displays three Slots.
- The Box price is $249.
- Box size selector or Pricing summary updates correctly.
- The free gift area appears.
- Included products displays the two configured gifts.
- Gifts do not count toward the six Box products.
- Add-ons do not count toward the six Box products.
- Selected Add-ons use the correct discounted price.
Test switching between Boxes
After selecting some products, switch to another Box and confirm that:
- The correct Product picker appears.
- The previous Box’s dedicated area is hidden.
- The required Box product quantity is correct.
- Box price updates correctly.
- Compare-at price updates correctly.
- Pricing summary displays the current Box price.
- The free gift area appears or disappears correctly.
- The Add-ons area follows the current Box’s Conditional logic.
Test the cart and order
After adding the Bundle to the cart, confirm that:
- Box products are correct.
- Product variants are correct.
- Optional design products are correct.
- Add-on discounts are correct.
- Free gifts are actually added.
- Free gift prices are $0.
- Each Box uses the correct price and gifts.
- The entire Bundle is not duplicated.
- Products and prices in the order match the storefront selections.
Do not test only inside the Shopify theme editor. Open the actual storefront product page and complete the entire selection, Add to cart, and test checkout process.
Frequently Asked Questions
Do I need a Box size selector when there is only one Box?
Usually not.
When there is only one Box, customers do not need to select a Box option. They can proceed directly to selecting the required products.
Add a Pricing summary to display the Box price, compare-at price, and discount label. Place it above the Box product heading.
Do I need a Pricing summary when there are multiple Boxes?
Not necessarily.
If the Box size selector already displays each Box’s price, a Pricing summary is usually unnecessary.
If the selector does not display prices, keep the Pricing summary to show the price of the currently selected Box.
Where should the Pricing summary be placed?
For a single-Box page, place it above the Box product heading.
Recommended order:
- Pricing summary
- Box product heading
- Product picker
Customers can then understand the Box price before selecting products.
Which price does the Pricing summary display?
For a single-Box Bundle, it displays the only Box’s price.
For a multi-Box Bundle, it displays the price of the currently selected Box.
It can also display the Box’s Compare-at price and Discount label.
Does the Pricing summary display the final total with Add-ons?
No.
Pricing summary displays only the price of the only Box or currently selected Box. It does not include products selected from an Add-ons picker.
We recommend displaying the product name and discounted price under Selected slot label in the Add-ons picker.
Can I add multiple Product pickers?
Yes.
Each Product picker can use an independent product source, Slot quantity, and display style.
Can different Boxes display different products?
Yes.
Create separate Product pickers, place them inside different Groups, and use each Group’s Conditional logic.
For example:
- Show the 4-pack Group only when the 4-pack is selected.
- Show the 6-pack Group only when the 6-pack is selected.
Does Match selected box size automatically change the products?
No.
It changes only the number of Product picker Slots. It does not change the Product picker’s product source.
To use different products for different Boxes, create separate Product pickers and control them through Group Conditional logic.
Can Conditional logic be configured directly on a Product picker?
No.
Conditional logic is configured on a Group. To control the visibility of a Product picker, Add-ons picker, Included products, Text, Pricing summary, or Box size selector, place the element inside a Group and configure the condition on that Group.
Can I add multiple Add-ons pickers?
Yes.
Each Add-ons picker can have different products, Slot quantities, and discounts.
Can different Boxes display different Add-ons pickers?
Yes.
Place the Add-ons pickers inside separate Groups and configure Conditional logic for each Group.
Do Add-ons count toward the Box size?
No.
Add-ons are optional purchases outside the Box. Their prices are added separately to the Bundle.
Do free gifts count toward the Box size?
No.
Free gifts are configured in advance for the corresponding Box and are automatically included.
Can I select products directly in Included products?
No.
Included products automatically reads the free gifts configured under:
Discounts → Box size & price → Offer free gift with this box
Does adding Included products automatically configure a free gift?
No.
Included products only displays the gifts. The actual free gifts must be configured under Offer free gift with this box for the corresponding Box.
Does Distribute box size across product pickers support custom distribution?
No.
The Box size is distributed equally between the participating Product pickers.
For example, if two Product pickers are used for a 6-pack, each picker requires three products. The quantity cannot be distributed as two and four.
Why should I create a new Shopify product template?
Directly modifying the Default product template may affect other regular products.
A dedicated template lets you hide Shopify’s native Price, Variant picker, Quantity selector, and Subtotal only for Bundle products while preserving the original layout of other products.
Should I keep Shopify’s native Price?
Usually not.
For one Box, display the price through Pricing summary. For multiple Boxes, display prices through Box size selector or Pricing summary.
Hiding Shopify’s native Price prevents duplicate or inaccurate pricing information.
Should I keep Shopify’s native Add to cart button?
Yes.
After completing their Bundle selections, customers use this button to add the Box products, Add-ons, and free gifts to the cart.
Can I keep the Buy it now button?
Hide it first and test the purchasing flow.
A Dynamic checkout button may bypass the complete Bundle selection process. Only display it after confirming that it does not interfere with the Bundle.
Updated on: 03/08/2026
Thank you!
