How to Set Up the Floating Product Bundle Section in Concept

Configure the mobile layout

• Upload an Image mobile if you want a separate image for smaller screens.
• Adjust Mobile image height.
• Choose Content position mobile and Text alignment mobile.
• Enable Swipe on mobile to let customers swipe through the product cards on smaller screens.
• Click Save.

Configure product variant options

• Under the Product card settings, enable Show variant labels if you want the option names displayed.
• Choose Variant picker type: Dropdown or Button.
• If you select Button, you can enable Color swatches.
• Choose the Swatch type: Color swatch or Variant image.
• Click Save.

Tip: To use Variant image swatches, assign images to the relevant product variants in Shopify admin.

Add promotional content blocks

• Inside the section, click Add block.
• Add Heading, Subheading, or Text blocks to introduce the product bundle.
• Use Button or Link blocks to direct customers to another page if needed.
• Add an Icon or Image block to enhance the promotional content.
• Use Empty space to control the space between blocks.
• Custom Liquid and app blocks are also available if needed.
• Drag blocks to change their order, then click Save.

Customize colors and section appearance

• Use the Colors settings to adjust text, background, highlight, button, and image overlay colors.
• Adjust Overlay opacity to change how strongly the overlay covers the background image.
• Under Section, adjust top and bottom padding.
• Enable Make section full width or Make section rounded as needed.
• Enable Parallax and choose Vertical, Horizontal, or Zoom for the background image effect.
• Enable Divider if you want a separator around the section.
• Click Save.

How the Floating Product Bundle Works

• The section displays the selected product cards next to or over the promotional visual layout.
• Customers can select variants on each product card before adding the bundle products to the cart.
• The Add to cart button submits the displayed bundle products together.
• Bundle products use their normal Shopify product and variant pricing; this section does not itself create a bundle discount.

Theme updates

• Concept 6.1.0 (October 23, 2026): Reduced spacing between variant buttons in bundle layouts for a more compact appearance.
• Concept 3.0.0 (December 18, 2024): Introduced Floating Product Bundle and Compact Product Bundle as additional bundle presentation styles.

See the official Concept release notes.

Floating Product Bundle vs. Compact Product Bundle

• Floating Product Bundle: Features a large background image behind the bundle presentation on desktop.
• Compact Product Bundle: Displays a distinct promotional image card alongside the products on desktop.

Both sections let customers choose product variants and add the displayed items to the cart together.

Troubleshooting

• No products appear: Select a Collection or specific Products in the section settings.
• Unexpected products appear: Check Products first, as manual product selections override Collection.
• The background looks cropped: Review Image height and the image proportions; use Adapt to image where appropriate.
• Mobile image looks incorrect: Check Mobile image and Mobile image height separately from desktop settings.
• Swatches are missing: Check Variant picker type, Enable color swatches, and your product variant images or swatch configuration.
• Products cannot be added to the cart: Verify that each selected product variant is available for purchase.
• A bundle discount is not applied: Set up the discount separately in Shopify admin; the section does not create one automatically.

If you encounter any issues or need additional help with your Concept theme, please contact our support team via our Ticket System for assistance within 8 hours.