For the complete documentation index, see llms.txt. This page is also available as Markdown.

Customize Classic bundle

Overview of customize the appearance of the Classic bundle on the product page.

1. Customize Widget Position

By default, the bundle will show up on the product pages of the corresponding products.

If you:

  • Don't see the widgets on storefront

  • Want to change the widgets' position

  • Want to add Classic Bundle widget onto other pages (homepage, cart page,...)

Please visit our [Adjust BOGOS Blocks] guide.

2. Customization Options

2.1. Content

Customize Classic bundle - Content

Customize how the content displays on the bundle widget here:

  • Show description: Display the bundle description

  • Show discount price on each item: Display the strike-through price of the bundled product

  • Show discount amount on 'Add to cart' button

  • Total price text

  • Button text

  • Select variant text

2.2. Color

BOGOS allows you to customize the colors of all elements with any of the 4 methods below:

  • Choose a ready-made color set from the dropdown.

  • Manually adjust each color field for all the available colors.

  • Use AI Theme Detector to auto-generate a full widget color palette based on your store's branding.

  • Contact the BOGOS support team to get help with color customization.

Click Save when done.

AI Theme Detector

BOGOS AI scans your online store and detects your brand's primary, secondary, and text colors, then generates a full widget color palette automatically.

To edit the colors with BOGOS AI:

  1. Click the pen icon.

  1. Click Scan again to let BOGOS AI re-detect, or manually adjust the Primary color, Secondary color, or Text fields.

  1. Click Apply for preview to apply the colors to the widget preview.

3. Add the Classic Bundle to Other Pages Besides the Product Page

You can place the Classic Bundle block on any page of your store, except the Checkout page.

Step 1: Navigate to your Online Stores in the Shopify navigation menu => choose Themes => Customize

Step 2: In the Shopify Theme Editor, go to the page where you want to add the Classic Bundle block.

Then, on the left panel, scroll down, click Add section, choose Apps, find and select BOGOS: Classic Bundle block.

Step 3: In the top-right panel, complete the setup fields.

  • Offer ID: Enter the ID of the bundle offer you want to display.

  • Product show: Select a product from your store. All Classic Bundle offers linked to this product will be displayed on the current page.

Last updated