Articles on: Classic Bundle

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

When you create a Classic Bundle, if the Classic Bundle includes Product A and Product B, the Classic Bundle widget will be displayed on the product pages of both Product A and Product B. However, you may want to display the Classic Bundle on a standalone page and allow customers to access that page by clicking a banner. This tutorial will show you how to set this 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: 01/07/2026

Was this article helpful?

Share your feedback

Cancel

Thank you!