The 'Customization' tab allows you to customize the design and appearance of your bundles according to your preferences.
If you don't find customization options for a section you wish to change, such as the bundle builder, contact Fast Bundle support, and we will help you. Our team is ready to help you achieve the desired outcomes for your bundles.
Unified Design Concept
When using the Fast Bundle customization tool, it's important to understand that the tool is designed to apply customization uniformly across all bundle types. This ensures a consistent look for your customers. Although different bundle types may have unique elements, common elements, like the "Add to Cart" button, they will have the same design across all bundles.
If you need to differentiate the design for specific bundle types, you can use the "Custom CSS and JS" field in the customization section or contact Fast Bundle support.
Steps to Customize Your Bundles
1. Accessing the Customization Section
On the Fast Bundle admin panel, go to the "Customization" tab.
On the "Design" section, click on "Open editor."
Here, you can see an overall view of the Fast Bundle's customization tool.
2. Switching Views, Discount types, and Bundle Types
In the middle of the page, you can change between different views, and bundles appear there.
3. Setting Background and Borders
You can set the background of the bundle to be "Transparent" or set a "Color" for it.
Next, you can set the border color, border width, and corner style.
4. Button Background
You can set the add to cart "Button" background, and the button text color will change automatically based on the chosen background color.
If you want to change the text on the Add to Cart button, you can do so in the Translation section. For more details, see this article:
5. Customizing Text Color and Font
You can choose your desired "Text" color, and it will be applied to the bundle title, product title, total section, and prices.
You can write your desired "Font" to be applied to the bundle text or leave it empty to apply your default theme font. You can also change the font size.
If you want to change the text on your bundle, you can do so in the Translation section.
6. Additional Customization Options
You have a variety of options for more customization in the "Additional customization" section.
Customizing Variant and Quantity Selector
You can set the background color for the "Select variant" section and the "Select variant" text color will change automatically.
You can also set the border color for this section.
Customize Badge Color
The "Badge color" will be applied for the bundle types that have a discount badge; Like the "Buy X, Get Y" bundle.
Customizing Discount Option Section
In the "Discount options" section, which is exclusive to the "Product Mix and Match" bundle, you can set text and background color for the applied and unapplied discount options in the product mix and match bundle.
Customizing Volume Discount label
In the label section, you can change the background color of the labels which are visible in the volume bundles. Also, the texts inside this section, will automatically change, based on your background color.
Change Title Alignment
In the "Title alignment" section, you can set the alignment of the title of the "Bundle widget."
7. Custom CSS & JS
For changes not available through the Fast Bundle customization section, you can add your own custom styles through the "Custom CSS & JS" section.
