Add new swatch styles and configure

Add new swatch style using pre-designed templates and configure the swatch styles

The app provides multiple templates for displaying swatches. To add new swatch styles and configure, navigate to "Appearance"

1. Add new swatch styles

Click on the "Explore Templates" button in the "Templates Library" section.

Click on "+ Add" button on the pop-up to add a swatch style (template) in the "My Templates"

2. Edit swatch style (template)

Click on the pencil icon to edit the swatch style

A swatch editor will open here you can edit swatch template as per your requirement

Click on below help article to learn about how to edit swatches templates in the editor

Swatch Customization Editor

3. Delete style

Click on the delete button on the style template which you want to delete from the styles list

4. Check the style (template)

To check which options the templates have been used for. click on the "Used In"

A pop-up will appear displaying all product options and the product group where this template is used.

5. Setup default style for options

If you have not setup any swatch style for the option then the product option will be displayed in the style that you choose in this section.

6. Change swatch position (Advance Settings)

There are two options to change the swatch position on the product page

• You can change the position by adding appropriate selectors

• You can simply choose from the options provided in the list

Appearance Configuration Video guide

If you face any difficulty while adding, configuring new style and changing the position of the swatch on the page, please feel free to contact us at [e-mail]