Skip to main content

Applying Styles to Shopify Variants

A guide to enhancing your Shopify variants for an enriched shopping experience

Updated over 9 months ago

Unlock the full potential of your Shopify store by optimizing the display and functionality of your product variants.

Step 1: Access Shopify Variants settings

  • On the Swatch King dashboard, locate the side navigation bar.

  • Click on the Shopify variantsย tab.

Step 2: Select and Customize Variant Display & Swatch Image Source

  • Find the product option you wish to enhance from the list of available product options in your store, e.g., Color.

  • Under Product page style, choose your preferred display style for variants on the product page, such as Polaroid swatch.

  • Below the chosen display style, you'll find the dropdown for selecting your swatch image source. Here's where you can specify the variant image to display:

    • Choose First Variant Image to use the primary image for each variant as the swatch.

    • Select Second Variant Image if you want the swatch to display the second image associated with each variant.

    • Opt for Last Variant Image to show the final image of each variant as the swatch.

    • Alternatively, you can select Color/Custom Image to use a custom image or color for your swatches.

  • Remember, the changes are auto-saved.

Conclusion

You've successfully enhanced your Shopify Variants with Swatch King, providing your customers with a more intuitive and visually appealing product selection experience. Visit your storefront to see the enhanced variants live!

Note: To apply Swatch King's features to your store, navigate to the side menu and select "Activate App on themes." Choose your preferred theme. Always confirm this after updates or changes.

Did this answer your question?