Variation Swatches for WooCommerce

There’s a lot of help available on the main plugin website. See: 🔗 Plugin Features 🔗 Help Docs 🔗 ThemeHigh Support Navigate to Dashboard → Products → Swatches Options → Product Attributes. Click the Edit button next to an attribute and select the desired Swatch Type (Color, Image, or Label). After making your selection, click Save Changes to apply the Swatches settings.

• Global Attributes: Once defined, these attributes will be available to add for all the products. They will be listed in the attributes section of the product, from where you can choose them from the dropdown.
• Local Attributes: While global attributes are available to select for all products, local attributes are those that are custom-added to a particular product from the attributes section inside the product details.

The tooltip is used to set the hover element for each term of an attribute/variation. To set the tooltip for swatches:

• Navigate to Swatches Options → Swatches Designs→ Tooltip Styling
• Enable the checkbox → Enable tooltip.
• Save the changes.

You can achieve this by providing the default variation in the “Default Form Values” field inside the Products>>Edit product>> Variations.

Please add the below filter in your child theme's functions.php add_filter(‘thwvsf_enqueue_public_scripts', ‘enqueue_public_script’); function enque_public_script(){ if(is_page (Page Id) { return true; } }

The plugin provides a feature: Class for modifying the styling properties of the fields.

• Navigate to Dashboard → Products → Swatches Options
• Select the Swatches Design tab
• Choose any of the designs, and you can customize the attribute styling, hover and border styling, tooltip styling, and swatch-type-specific styling.
• Note: The plugin’s free version only provides 4 swatches designs, whereas the Premium version lets you add as many as you like. Once you’ve done styling Swatches Design, go to Product Attributes
• Select any attribute, and from the ‘Design Type’ dropdown menu, select the design you styled.

• Select a design from the Swatches Design tab.
• Click on the Hover and Border Styling option, and then under Selection Style, choose a swatch selection style you prefer.
• You can set the size and color of the tick if the chosen style is Checkmark with border

With the free version of WooCommerce Variation Swatches, you only have the option to set the term name as a tooltip. If you need Images as the tooltip, you have to Upgrade to Premium Version of WooCommerce Product Variation Swatches.

Upgrade to the Premium version to display the number of products left in stock. Stock left alert (min count) can also be set as per your preference when using WooCommerce Variation Swatches.