• Classified Listing Docs
    • Classified Listing Plugin
    • Classified Listing All Addons
    • Classified Listing Mobile App
    • Classima Mobile APP
    • Listygo Mobile App
    • Homlisti Mobile App
  • Woocommerce Plugins Docs
    • ShopBuilder Elementor Addon
    • Woo Variation Swatches
    • Woo Variation Gallery
    • Zilly Mobile App
  • General Plugins Docs
    • The Post Grid
    • Testimonial Slider
    • Team Members
    • Food Menu
    • Review & Schema
    • Portfolio
    • Business Review
  • Our Plugins
    • The Post Grid
    • Classified Listing
    • ShopBuilder
    • Food Menu
    • Team
    • Portfolio
    • Testimonial Slider
    • Review & Schema
    • See All Plugins
  • Get Pro
Ă—
  • Classified Listing Docs
    • Classified Listing Plugin
    • Classified Listing All Addons
    • Classified Listing Mobile App
    • Classima Mobile APP
    • Listygo Mobile App
    • Homlisti Mobile App
  • Woocommerce Plugins Docs
    • ShopBuilder Elementor Addon
    • Woo Variation Swatches
    • Woo Variation Gallery
    • Zilly Mobile App
  • General Plugins Docs
    • The Post Grid
    • Testimonial Slider
    • Team Members
    • Food Menu
    • Review & Schema
    • Portfolio
    • Business Review
  • Our Plugins
    • The Post Grid
    • Classified Listing
    • ShopBuilder
    • Food Menu
    • Team
    • Portfolio
    • Testimonial Slider
    • Review & Schema
    • See All Plugins

Getting Started

4
  • System Requirements
  • Getting Started
  • Installations
  • How to Use (Video)

Plugin Configurations

6
  • General Settings
  • License Key
  • Tools
  • Archive/ Shop Page [Pro]
  • Style Settings
  • Advanced Settings

Attributes

2
  • Set Product Attributes
  • Add/ Edit Attributes

Attributes Terms

3
  • Add / Edit the Attributes Terms
  • Attributes Terms Types
  • Configure Terms

Custom Attributes

3
  • Add Custom Attributes
  • Add Custom Attributes in Variation
  • Set Custom Attributes Type

Variations

2
  • Set Individual Variation
  • Set Product Variations

Front End Variations

2
  • Product Detail Page
  • Shop/ Archive Page

FAQs

5
  • Support Dual Color
  • Improve Performance
  • Show Single Attribute Shop Page
  • Variation Not Change
  • Remove Full Image Click
  • Home
  • Docs
  • Plugin Configurations
  • Style Settings
View Categories

Style Settings

< 1 min read

To configure Variation Swatches for WooCommerce Navigate to WordPress admin menu WooCommerce =>Settings =>Product Swatches=> Style

Style of Variation Swatches

WooCommerce =>Settings =>Product Swatches=> Style #

  1. Tooltip: You can set Tooltip background & text color
  2. Attribute Item Style [Pro]: You can set Border color, Border Size, Text & Cross background color & opacity.
  3. Attribute Item Hover Style [Pro]: You can set Border color, Border Size, Text & Cross background color & opacity.
  4. Attribute Item Selected Style [Pro]: You can set Border color, Border Size, Text & Cross background color & opacity.
  5. Attribute Behaviour: You can set cross background color & Blur opacity
What are your Feelings

Share This Article :

  • Facebook
  • X
  • LinkedIn
  • Pinterest
Still stuck? How can we help?

How can we help?

Updated on March 6, 2025
Archive/ Shop Page <span class="pro">[Pro]</span>Advanced Settings
Table of Contents
  • WooCommerce =>Settings =>Product Swatches=> Style
Copyright© 2026 RadiusDocs by RadiusTheme