YaySwatches Documentation
  • YaySwatches Documentation
  • Getting Started
    • Introduction
    • How to Install
    • Enter license key
    • System Requirements
    • How To Update YaySwatches
    • Uninstall and Delete
  • How It Works
    • How to Create Product Attributes
    • How to Add Attribute to Products
    • Variant Option Settings
    • Swatch Customizer
    • Button Customizer
    • Sold Out Customizer
    • Shop or Categories Customizer
    • Add Swatch When Editing Product
    • Hooks and Shortcodes
  • Integrations
  • Why Upgrade?
  • Other Links
    • FAQs
    • Changelog
    • Useful Links
    • Support
Powered by GitBook
On this page

Was this helpful?

  1. How It Works

Variant Option Settings

PreviousHow to Add Attribute to ProductsNextSwatch Customizer

Last updated 2 years ago

Was this helpful?

This is the next step and first of the setting options available in the YaySwatches plugin. All the available product attributes you've added to the website are shown on the left side while the right side shows the configuration types.

This section allows you to choose the style you want to display for variant options like color swatch, image swatch, button, and dropdown.

In the example screenshot below, for our Color attribute, we have chosen to use the Color or Custom Image Swatch style, here we can configure double color, single color or select images for the attribute variations.

We also checked the box to allow us to display the swatches on the Shop / Categories page of the website.

Here, in the below screenshot, we also configure the Size attribute and then set the variants to display in button style:

Here is what the configuration above looks like in the frontend: