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. Variant Image
  • 2. Custom Color or Image
  1. Shopify Options

Types of Swatch Configuration

PreviousConfigure on Product & Collections PageNextOption Sync

Last updated 1 month ago

There are 2 Types of configuration available for both Product and Collection Pages:

  • Variant Image - Allows to display variant images of the product variants on swatches.

  • Custom Color/Image - Allows you to configure the custom color or image that you want to display on variant swatches.

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

  • Select Color/Custom Image to display custom color/image on swatches.

1. Variant Image

If you have assigned images to variants in the product section, you can choose the Type - "Variant Image" to display the variant image in a swatch style.

Note: If the image is not assigned to any variant, the app displays the first image of the product image gallery on all variants.

You can choose to display from the "First Image", "Second Image" or "Last Image" to display on the variant swatches.

2. Custom Color or Image

  • Choose a swatch style - either Circular or Square. Then, under Type, select Color/Custom Image.

  • Click on Upload Swatch → Search for the color name, and customize it as needed.

  • Click Save to apply the custom colors on the swatches.

If you need any assistance with the configurations, feel free to reach out a help@spicegems.com