How to Change the Position of a Mix & Match Bundle on the Product Page

By default, uShopAid displays the Mix & Match Bundle at the top of the selected product template.

If you want to keep the bundle product’s image, title, price, or other product information visible, you can use a uShopAid app block to control where the bundle appears on the product page.

This guide explains how to display the Mix & Match Bundle below the product information.

Before You Begin

When creating a Mix & Match Bundle as a Shopify product, you need to select a product template for the created bundle product.

Changes made to a product template apply to all products using that template.

Step 1: Check the Product Template Used by the Bundle

Open the Mix & Match Bundle in uShopAid.

Go to:

Bundle Settings → Bundle product template

Under Product template for the created product, check which product template is selected.

For example:

ushopaid-mix-match

Step 2: Open the Product Template in Shopify Theme Editor

From your Shopify admin, go to:

Online Store → Themes → Customize

Click the template selector at the top of Theme Editor, and then go to:

Products → ushopaid-mix-match

Select the same product template shown in the uShopAid Bundle Settings.

Step 3: Show the Product Information Section

Find Product information in the left sidebar.

If the section is hidden, click the visibility icon to show it.

Depending on your Shopify theme, the Product information section may contain:

• Product image
• Product title
• Product price
• Product description
• Other product page information

Step 4: Add the Mix & Match Bundle App Block

Click Add section in the product template.

In the panel that appears:

1. Select Apps
2. Search for uShopAid
3. Select Mix & Match Bundle — uShopAid Bundle Builder

An Apps section containing the Mix & Match Bundle app block will now appear in the template sidebar.

Step 5: Move the Bundle to the Desired Position

Drag the entire Apps section to the position where you want the Mix & Match Bundle to appear.

To display the bundle below the product image, title, and price, place the Apps section below Product information.

The template order should look similar to this:

• Product information
• Apps
• Mix & Match Bundle
• Related products

The product page will now display content in this order:

1. Product image, title, price, and other product information
2. uShopAid Mix & Match Bundle
3. Related products or other page content

Step 6: Save and Check the Bundle Page

Click Save in the upper-right corner of Theme Editor.

Open the bundle product page and confirm that:

• The product information is displayed
• The Mix & Match Bundle appears in the selected position
• Customers can select products and add the completed bundle to the cart

If the page does not update immediately, refresh it and check again.

Why Was the Bundle Previously Displayed at the Top?

If the selected product template does not contain a uShopAid Mix & Match Bundle app block, uShopAid automatically inserts the bundle at the top of the page.

Adding the app block to the product template allows you to control where the bundle appears.

Important: Template Changes May Affect Other Products

Product template changes apply to every product using that template.

For example, if several bundle products use ushopaid-mix-match, changing the position of the Apps section will update the layout of all those products.

If only some bundle products require a different layout, create a separate product template:

1. Create a new product template in Shopify Theme Editor.
2. Configure the Product information section.
3. Add the Mix & Match Bundle app block in the preferred position.
4. Return to uShopAid.
5. Select the new template under Bundle Settings → Bundle product template.

This allows different bundle products to use different product page layouts.

Updated on: 23/07/2026