SpiceGems Knowledge Base
All AppsContact Us
EVS ‑ Easy Variation Swatches
EVS ‑ Easy Variation Swatches
  • Overview
  • Getting started
  • Shopify Options
    • Configure on Product & Collections Page
    • Types of Swatch Configuration
    • Option Sync
    • Translate options
  • Swatch styles
    • Product
    • Collections
  • Swatch Customization Editor
  • Product Group
    • Configure on Product Pages
    • Configure on Collection Pages
  • Custom Options
    • Custom Option Set
    • Individual Option Creation
    • Rule Creation for Custom Options
  • Variant Description
    • App block
    • Snippet (Manual) integration
  • Stock (Inventory) Alert
  • 📁FAQs
    • How to integrate the app?
    • How to choose a swatch style?
    • How to display variant images as swatch?
    • How to setup custom images/color in swatches
    • How to modify the swatch appearance?
    • Does the app have any default swatch options?
  • Pricing
  • Privacy Policy
Powered by GitBook
On this page
  • 1. Swatch Configurations - Product & Collections
  • 2. Select Swatch Type
  • 3. Preview option
  • 4. Visibility
  1. Shopify Options

Configure on Product & Collections Page

Let’s understand the pre-defined swatch style configuration step-by-step for the Product page and Collection page:

PreviousShopify OptionsNextTypes of Swatch Configuration

Last updated 1 month ago

  • On the product page, by default, Button swatch is enabled.

  • On the collections page, you need to activate the toggle to enable the button swatch.

1. Swatch Configurations - Product & Collections

  • Product - Click on default and choose a swatch style (Circular, Square etc.)

  • Collections - Click on default and choose a swatch style (Circular, Square etc.)

Select the Type - Variant Image or Custom Color or Image (available for both Product and Collection options)

3. Preview option

You can open the product directly from the app to check the implemented configurations.

4. Visibility

  • Product Page

  • Collection Page

Select the option to display the default Variant image on swatches.

Select to display custom color/image on swatches.

To customize the Product or Collection swatches, go to and customize the styles according to your requirements.

2. Select Swatch Type
Variant Image
Custom Color/Image
Swatch Styles
Swatch styles