ThemeHigh
  • Plugins
  • Documentation
  • Support
  • Partners
  • Login
  • Getting Started
    • Overview
    • Create Global Product Attributes
    • How to Create Global Product Att...
    • Configure Terms For An Attribute
    • Create Product Variations
    • Add & Customize Swatches Design
    • Add & Configure Product Attributes
    • Configure Global Settings
    • Set Ajax Variation Threshold
    • Generate Variation Link
  • Compatible Plugin & Themes
    • Plugins & Themes...
  • FAQ
    • frequently asked questions...

Documentation/Variation Swatches for WooCommerce/How to Add and Configure Product Attributes in Variation Swatches plugin?

How to Add and Configure Product Attributes in Variation Swatches plugin?

Last updated on August 19, 2022

To configure product attributes,

  1. Navigate to Swatches Options > Product Attributes.
  2. Click on the pencil icon corresponding to the attribute for customizing them.
  3. Click on the Add New Attribute tab to create a new attribute.

Once you click on the pencil icon, a new box appears where you should provide the required values.

 Attribute Name  The attribute name is displayed.
 Border Color  Choose a border color from the corresponding color picker.
 Border Color on Hover  Set a border color for hover from the corresponding color   picker.
 Border Color on Selected  Choose a border color for selected icons from the color   picker.
 Design Type  All the available swatch types are shown in the Design Type dropdown. You can choose   the appropriate design from this dropdown.
 Icon Height  Enter the required icon height.
 Icon Width  Enter the required icon width.
 Icon Roundness  Set roundness of the icon.
 Icon Border Width On Hover  Enter the border width for the icon while hovering.
 Icon Border Width On  Selected  Enter the border width for the selected icon.
 Override Global Settings  Enable the option to set specific settings and to override the global settings.
 Swatch Type  The swatch type is displayed.
 Tooltip Type  Choose the tooltip type from the corresponding dropdown.
 Tooltip Image Height  Enter the required image height for the tooltip.
 Tooltip Image Width  Enter the required image width for the tooltip.
 Tooltip Border Color  Choose a border color for the tooltip border from the corresponding color picker.

This article posted in Getting Started, Pro Documentation, Variation Swatches for WooCommerce

Leave a Reply Cancel reply

Your email address will not be published. Required fields are marked *

ThemeHigh

We develop innovative WordPress plugins and themes for e-commerce and other WordPress websites.

Resources
  • Documentation
  • Support
  • Blog
  • Bestsellers
  • Affiliates
  • Partners
Policy Information
  • Terms & Conditions
  • Privacy Policy
  • Support Policy
  • Refunds Policy
  • Licenses
Security
Payment Options

© 2026 ThemeHigh. All rights reserved.

Terms and conditions, features, support, pricing, and service options subject to change without notice.