Integrate swatches directly on your collection pages for a richer shopping experience. Explore the methods:
Shopify Variants: Display distinct variations of your products directly on collection pages.
Product Groups: Organize and present related products together as swatches on your collection pages.
This guide will focus on setting up collection page swatches for enhanced Shopify variants.
Step 1: Navigate to Shopify variants
Head to the Swatch King dashboard.
In the side panel, select
Shopify Variants.
Step 2: Define the Collection Page Style and Image Settings for Product Option
From the list of available product options in your store, choose the product option you wish to display as a collection page swatch, say
Color.Locate the
Collection page stylecolumn and pick your desired option style from the dropdown, such asCircular swatch small. You can also access the Collection page styles section in the left navigation menu for more options.Under this dropdown, you will find the Swatch image source settings dropdown. Options include the
first,second, orlastvariant image of the product. Choose either of them for Swatch King to use the product's variant image as the swatch image source. Alternatively, you can pickColor/Custom Imageto upload custom images or add hex colors.
Conclusion:
Successfully integrating Collection Page Swatches for Shopify Variants offers customers a more intuitive and visually appealing product discovery.
Note: To apply Swatch King's features to your store, navigate to the side menu and select "Activate App." Choose and enable the app on your preferred theme. Always confirm this after updates or changes.