Customize widget appearance

Our app provides different customization options under Appearance that you can use to customize the appearance of the widget.

General

Image / Color swatch style: Pick a shape (circle, rounded, square) for your image or color swatches.

Pill / Button swatch style: Choose between rounded or square buttons for your pill or button swatches.

Image fit: Set how your swatch images appear - covering the whole area or contained within.

How to handle out-of-stock swatches: Decide how to handle swatches that are currently unavailable.

Product Swatches

Use this to customize the appearance of the product swatches

Label: Show option name and value (e.g., "Color: Red").

Display: Choose list or slider format for your options.

Size: Pick your preferred swatch size.

Advanced: Use the advanced settings to add extra customisations like adjusting margins and adding custom CSS.

Collection Swatches:

Use this to customize the appearance of the collections swatches

Display: Choose between displaying swatches or the number of options for each product.

Size: Set your preferred size for the swatches.

Swatches limit: Control how many swatches appear at once

Advanced: Use the advanced settings to add extra customisations like adjusting margins and adding custom CSS.