Swatch styles
Add new swatch style using pre-designed templates and configure the swatch styles
Last updated
Add new swatch style using pre-designed templates and configure the swatch styles
Last updated
The app provides multiple templates for displaying swatches. To add new swatch styles and configure, navigate to "Appearance"
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"
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 EditorClick on the delete button on the style template which you want to delete from the styles list
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.
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.
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
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 help@spicegems.com