Customize Bundle page

1. How to enable the bundle

The Bundle page will appear as a separate page as a bundle page offer is created

2. Customization options

2.1. Content

This section allows customization of text displayed for various buttons and messages.

2.1.1. Bundle product

• Add button text: Sets the label for the button customers click to add a product to the bundle.

• See more text: Sets the label for viewing additional details or variants of a product.

• Out of stock text: Displays the message for products that are currently unavailable.

• Choose variant: Text displayed when a product has multiple variants for customers to select from.

• Load nore text: Sets the label for loading additional products in the bundle section.

2.1.2. Bundle Summary

• Bundle summary title: Sets the title of the summary section where the bundle details are displayed.

• Show description: Toggles whether a description is displayed in the bundle summary section.

• Bundle summary description:Adds a short description of how the bundle works or its benefits.

• Offer tier style: Determines how the progress toward discounts or rewards is displayed.

  • Label: Displays the offer in text form.

  • Progress: Uses a visual progress bar to show how close customers are to unlocking the next reward.

• Total price text: Sets the label for the total price of all items in the bundle.

• Add to cart text: Customize "Add to cart" button text, ensuring it matches your brand style.

• Step text: Sets the label for each step in the bundle creation process.

• Required product text: Displays a message indicating the number of required items that must be added in a specific step.

• Blank step text: Sets the message shown when no products have been added to a specific step yet.

2.1.3. Step icon

• Default icons: Visually represent steps in the bundle creation process. These icons help customers identify and differentiate steps quickly.

• Upload custom icon: Provides the ability to upload a custom image or GIF for step icons, enabling merchants to align the icons with their brand or product theme

2.2. Color

This section allows customizing the colors and appearance of the Bundle page.

2.2.1. Choose a theme and customize below

• Allows selecting a predefined theme for the bundle page. Merchants can choose from various color schemes to match their store’s branding.

2.2.2. Step

• Step background color: Sets the background color for the step indicators. This customization helps make the steps visually distinct and aligns with the store’s design preferences.

• Step text color: Adjusts the text color for the step labels. Ensures that the text is legible and complements the background color.

• Step underline: Defines the color of the underline used to highlight the active step. This visual cue helps customers track their progress while creating their bundle.

2.2.3. Bundle Product

• Page heading: Controls the text color of the main heading on the bundle product page. This is typically the largest and most prominent text on the page.

• Page sub-heading: Sets the text color for the sub-heading, which provides additional information or context under the main heading.

• Step heading: Adjusts the color of the headings for each step in the bundle creation process, helping distinguish them visually.

• Step description: Defines the color for the step descriptions, which provide details or instructions for each step.

• Product name: Sets the text color for the names of the products displayed in the bundle creation section.

• Original price: Controls the color of the original price of the product. This price is typically shown alongside a discounted price for comparison.

• Discounted price: Sets the color of the discounted price for products, emphasizing the offer to customers.

• Add button color: Customizes the background color of the "Add to bundle" button, ensuring it stands out and aligns with the store’s branding.

• Add button text color: Adjusts the text color of the "Add to bundle" button to ensure readability against the button's background color.

2.2.4. Bundle summary

• Summary background: Sets the background color of the bundle summary section. This helps visually separate the summary area from the rest of the page.

• Summary title: Controls the text color of the title in the bundle summary section, ensuring it is prominent and easy to read.

• Summary description: Defines the color for the descriptive text under the summary title, providing additional details about the bundle.

• Required text: Adjusts the color of the text indicating the number of items required in a step. This text helps guide customers to complete the bundle.

• Variant name: Sets the color of the variant names (e.g., size, color) displayed for each product in the summary section.

• Add to cart button color: Customizes the background color of the "Add to cart" button, making it visually distinct and aligned with branding.

• Add to cart text color: Controls the text color of the "Add to cart" button to ensure it contrasts well with the button’s background and remains legible.