Before you start customizing product options like "Color" or product groups such as "Group 1" in Swatch King, it's vital to identify the currently assigned product/collection page style:
Why It's Important: The customization options in Swatch King are tied to the product/collection page style in use.
Determines Customization Path: Knowing if your "Color" option is set to 'Circular Swatch', or another style informs which style you should customize in the Product/Collection page style — whether adding a slider, changing its appearance, customizing out of stock, etc.
Step: Discover the Current Product/Collections Page Style
Go to your Swatch King app dashboard.
For Shopify Variants, navigate to ‘
Shopify variants’.For Product Groups, head to‘Product Groups’.Find the specific option or group you're planning to customize. For instance, locate the
"Color"option.Identify the display styles currently assigned:
Product page style: Check the style used on product pages. For example, it might be 'Square Swatch'.
Collection page style: Look at the style set for collection pages, such as 'Square Swatch - Large'.
Conclusion: After identifying the product and collection page style, head to Swatch King's Product/Collection page styles in the left navigation menu. There, locate the styles like 'Square Swatch' in product page styles section or 'Square Swatch - Large' under collections page styles section and customize them to enhance your store's look and functionality.