Widget customization

In this menu, you will find a lot of settings to make the bundle widget look the best and fit the theme of your store.

If your store has the 2.0 theme, you can customize the widget in the theme customizer. Learn more

Widget Preview

Here you can see a convenient preview of all your changes:



Click on 'Skip to advanced settings' button to set up your widget

Widget style

.
After opening the customization tab, you can apply one of the templates, or create your own with advanced settings.



Color scheme - you can choose one of predefined color schemes or create new one



Show price view - choose one of price display options



Layout - apply one of predefined layout



Corners - choose Rounded or Squared corners



Widget title and CTA button text

Set the global name of the widget and the name of the Call To Action button. You can also specify an individual title for Upsell Pop-up separately from the main widget title



Global Widget display

You can enable and disable the widget on the product page or bundle product page (for bundles with their own product page) globally for all bundles in the app. When changing, this setting overwrites the individual settings for hiding the widget for each bundle. This will affect all bundles' types. If you want to individually turn OFF the widget for some bundles, you need to keep the global setting turned ON. Otherwise, the widget will be hidden for all of your bundles, even if you turn it ON individually.





Widget position

The easiest way to move the widget relative to the 'Call That Action' button:




You can move the widget to any part of the page, this may require some development experience: Custom place the code of the widget

Text for different language

You can use to translate your widget into any language you need. Learn more how to do it:
How do I translate the bundle widget




Widget placeholder

You can enable the widget placeholder that is displayed while the widget is loading

Text settings

Text settings allow you to change default widget texts with your own

NOTE: We recommend you to enter the text manually to avoid possible errors during automatic translation

Text for products:



Text for actions:



Text for date and time:



Other text:

Advanced settings - Widget customization

Advanced settings - click this option to open advansed customization






WIDGET TITLE



Color
Font size
Enable/disable uppercase

PRICE



Show price
Text align
Total price color
Total compare price color
Discount color
Out of stock text color

PRODUCT



Enable product link
Enable variant title
Title color
Title font size
Title font weight
Enable price
Enable discount (%)
Price font size
Price color
Compare price color
Show variant image
Image border radius
Show stock
Stock text color
Stock text font size
Variant select border radius
Enable swatches
Template swatches
Swatches border radius
Option title color
Option title font size
Show description (for list layout only)
Text color (Toggle description)
Text font size (Toggle description)
Free (text color)
Badge qty (text color)
Badge qty (background color)
Badge qty (border radius)

Reviews

Show/hide Review count Read more
Review count (font size)
Review count (Text color)



Enable custom button
Custom button text
Custom button event
Custom Button (font size)
Custom Button (text color)

Multiposition icon

Multiposition template



Multiposition icon background color
Multiposition icon



Custom multiposition icon (svg) You can upload your own icon in .svg format Learn more about .svg



ATC



Show button on bundle page
Text color
Button background
Full width
Border radius

CART MESSAGE



Price font size
Success message color
Error message color
Link color

TIMER



Countdown title
Title color
Countdown color

SPECIAL SETTINGS



Hide widget footer (Only for widget on bundle page)
Enable widget slider - Disabling the widget slider will allow you to display bundles in a cascade instead of a slider with arrow buttons



Widget background color
Border color
Widget border radius
Arrow color
Separator color
Show separator on mobile
Note in footer widget

WIDGET POSITION

You can choose widget position separately for bundle page and bundled product page



SHARE LINKS

Show/hide share links for Facebook, Twitter, Pinterest, and LinedIn with the ability to put your own svg's



CUSTOM STYLE

Custom .CSS input field

Note that some of these settings are not available for some widget types or templates

Updated on: 05/07/2023