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 Product Groups.
Step 1: Navigate and Find the Product Group
Head to the Swatch King dashboard. In the side panel, select
Product Groups.Choose the group you wish to display from the list as a collection page swatch.
Step 2: Define Display and Image Settings
Navigate to the
Collection page stylesection.From the option style dropdown, pick your desired style, such as
Square swatch - Large.You can also access the Style library for more options.
Below this dropdown, find the Swatch image source dropdown. Options include the
first,second, orlastimage of the product. Choose the required image source for Swatch King to use the product's image.Alternatively, you can pick
Color/Custom Imageto upload custom images or add hex colors.
Step 3: Configure Collection Page Swatches Settings
From your Shopify admin, go to Online Store > Themes.
Find the theme where you want to enable swatches, and then click Customize.
On the sidebar, click the App embeds icon.
Find Swatch King app embed, and view the settings for the app embed by clicking the expand icon
▸next to the app embed name.You can configure the collection page swatch settings in the app embed.
For more advanced settings tailored to collection pages, you can go ahead and explore this guide.
Conclusion:
Successfully integrating Collection Page Swatches for Product Groups offers your 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 your preferred theme. Always confirm this after updates or changes.