WooCommerce change swatch/property beautification

Official Demo:Enter

Official price: $22,This site provides continuous new versions and Chinese updates

Front-end effect demonstration:

Change the default property dropdown list to colorful options

Customize global properties and custom properties in plugin settings.

The plugin allows you to quickly customize all existing global properties in WooCommerce via the plugin's swatch settings.

• Search properties: You can use the search bar to search for existing global properties.
• display style: You can set to display global properties in 2 styles: horizontal or vertical.
• display type: You can set display 5 types of global properties: button, color, image, changing image, radio.
• Swatch Profile: You can choose to display one of the available swatch profiles.
• Show on product list: this allows you toin product listShow/hide existing global properties.
• Edit the term for global properties:You can customize each property term for existing global properties.

You can easily install through the custom properties feature in the plugin to display custom properties for variant products.

• Custom property name: You can enter the name of an existing property and quickly customize it.
• Assign category: Select the categories in which to apply the custom attribute.
• display style: You can choose to display custom properties in 2 styles: horizontal or vertical.
• display type: You can choose to display custom attributes in 5 types: Button, Color, Image, Variation Image, Radio.
• Swatch Profile: Select to display custom properties in one of the available swatch profiles.
• Show on product list: this allows you toin product listShow/hide specific custom properties on.

Unlimited Swatch Configurations

The WooCommerce Product Variations Swatches plugin allows you to style your swatch profiles.

• Custom Swatch Configuration:You can customize to show default swatch design mode: name, fill, height, width, font size, size in mobile mode, color on product listing, box shadow effect.
• Style hover state:You can customize the hover state, including color, background, border, box shadow effect, downsizing.
• Style selected state:You can customize the display state when a variant swatch is selected. Customization includes color, background, border, box shadow effect, downsizing.
• Custom tooltips:You can customize the tooltip state when selecting a variant sample. Include tooltip color, border, font size and position.
• Copy/Delete:You can also copy the current swatch profile to quickly generate many swatch design patterns

Display product variant samples in product listings and assigned pages.

You can manage show/hide product variation swatches through some options shown on the product list tab.

• Show add to cart button:You can enable the show add to cart button, which will show up after selecting the attribute.
• Display property names:You can choose to show/hide the attribute name of the variant swatch.
• Location: You can customize the position of variation swatches on store pages, category pages, and product lists.
• Text tooltip:This allows you to show or hide variation text tooltips on product listings.
• Maximum property item: You can manage the number of attribute items displayed on the color swatch.