How to Display a Classic Bundle on a Standalone Page and Link It from a Banner

When you create a Classic Bundle with Product A and Product B, the Classic Bundle widget is automatically displayed on both product pages.
If you prefer to display the bundle on a standalone page, you can create a dedicated page for the bundle and let customers access it through a banner.
This tutorial will show you how to set it up.
Before you begin: Make sure you have already created a Classic Bundle.

Create a page

You need to create a new page in the Shopify theme editor.

When creating the page, we recommend creating a new page template so it will not affect other pages.!

After creating the page, click the “…” button in the upper-right corner, then click View.
The page will open in a new tab. Copy the URL from that tab and paste it into your banner. After that, customers will be able to click the banner to access the page.!

Insert the Classic Bundle into the page

Next, you need to insert the Classic Bundle widget into the page. In Page → Template, click the Add section button, then select Custom Liquid.!

Go to the Classic Bundle you created in the UShopAid app and open the bundle editor page. Under the Appearance tab, click the Copy code button.!

Paste the code into the Custom Liquid input box.!

At this point, the Classic Bundle should be displayed on the page, as shown below.!

Custom code

You may need to adjust the display style of the Classic Bundle:

1. Display it horizontally centered.
2. Adjust the button width.

In the Shopify theme editor, go to App embeds, find uShopAid, and paste the following code into the Custom Code input box. Click the save button.

#ushopaid-classic-bundle-wrapper {
    .usd-bundle-title {
      text-align: center;
    }

    .usd-bundle-products {
      justify-content: center;
    }

    .usd-bundle-submit-btn {
      width: 300px;
      margin: 16px auto 0;
    }
  }

After adding the Custom Code, the page will look like the image below.

Updated on: 19/09/2026