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

Swatch Customizer

PreviousVariant Option SettingsNextButton Customizer

Last updated 2 years ago

Was this helpful?

This section allows you to customize the swatch color/image on your product page. The available custom settings include; Swatch style, Border color, Variant name tooltip and Image position. You also have a nice preview section to the right, so you could see the effects of each changes in real time.

You can set the swatch style to either circle or square. Set the swatch size to Big, small, medium or custom size. Set the Border color when normal or active.

You can enable or disable the name tooltip and lastly, set the image position to either fit, top, buttom or center.

A GIF image showing the Swatch Customizer option.