Combos

The Combo bundle allows merchants to combine multiple products into a single offer and provide discounts on one or more products within the combo. The bundle supports both Horizontal and Vertical layouts, with the same settings and functionality for both; the only difference is the frontend display, where products are arranged side by side in the Horizontal layout and vertically in the Vertical layout.

• Bundle Name: Allows the merchant to enter an internal name for identifying the combo bundle.
• Offer Title: Defines the main heading displayed to customers for the combo offer, such as Buy 1 Get 2nd at 50% off.
• Button Text: Defines the text displayed on the offer’s purchase button, such as Grab this deal.

• Combo appears on: Determines which products will display the combo offer.
  • All Products allows the offer to appear across all products.
  • Specific Products: Allows the merchant to select specific products on which the combo offer will appear.
  • Collections: Allows the merchant to apply the combo offer to products within selected collections.
• Let customer choose different variants for each item: Allows customers to select different variants, such as size or color, for each product included in the combo.
• Show both prices (original + discounted): Displays both the original and discounted prices, allowing customers to clearly see their savings.

• Product: Allows the merchant to select the product to be included in the combo. The merchant can change or remove the selected product.

• Use product page product as bundle product: When enabled, the product on the current product page is automatically used as the selected bundle product. When disabled, the merchant can manually select the product to include in the combo.

• Quantity: Defines the number of units of the selected product included in the combo.
• Price: Determines how the price or discount is applied to the selected product. The available options are:
  • Percentage Off: Applies a percentage-based discount to the selected product.
  • Fixed Off: Applies a fixed monetary discount to the selected product.
  • Fixed Price: Sets a specific price for the selected product within the combo.
• Discount per item: Defines the discount amount or percentage applied to each unit of the selected product, based on the selected pricing method.
• Show Label: Displays an additional label for the product or its discount, helping highlight the offer to customers.
• Change: Allows the merchant to replace the currently selected product with another product.
• Remove: Removes the selected product from the combo.

• Show sticky add to cart bar: Displays a persistent Add to Cart bar while the customer scrolls through the product page. The merchant can change the button label of the sticky.

• Styling: Allows the merchant to customize the combo offer’s visual appearance to match the storefront design.
• Reset: Restores the styling settings to their default configuration.

• Allows the merchant to customize the typography used throughout the combo offer.
• The section can be expanded to access the available text styling options.
• Reset: Restores the typography settings to their default configuration.

• The Preview panel provides a real-time view of how the Combo Horizontal offer will appear on the storefront.
• It displays the configured products, quantities, original prices, discounted prices, total price, offer title, and button.
• Changes made to the bundle configuration are reflected in the preview, allowing the merchant to review the customer-facing experience before publishing.

• Log in to your store. Navigate to the Product Page where the Multi Step Bundle is configured. The Combo Horizontal section will be displayed on the product page.

• Click on the Grab this bundle button.

• The bundle will be added to the cart.

• Log in to your store. Navigate to the Product Page where the Multi Step Bundle is configured. The Combo Vertical section will be displayed on the product page.

• Click on the Grab this bundle button.

• The bundle will be added to the cart.