{"id":108478,"date":"2019-09-01T13:09:50","date_gmt":"2019-09-01T13:09:50","guid":{"rendered":"https:\/\/wordpress.org\/plugins\/wc-variation-swatches\/"},"modified":"2026-07-21T05:00:06","modified_gmt":"2026-07-21T05:00:06","slug":"wc-variation-swatches","status":"publish","type":"plugin","link":"https:\/\/sr.wordpress.org\/plugins\/wc-variation-swatches\/","author":15228358,"comment_status":"closed","ping_status":"closed","template":"","meta":{"version":"2.2.0","stable_tag":"2.2.0","tested":"7.0.2","requires":"5.2","requires_php":"7.4","requires_plugins":null,"header_name":"Product Variation Swatches for WooCommerce","header_author":"PluginEver","header_description":"Provides a much nicer way to display variations of variable products!","assets_banners_color":"3921c1","last_updated":"2026-07-21 05:00:06","external_support_url":"","external_repository_url":"","donate_link":"","header_plugin_uri":"https:\/\/pluginever.com\/plugins\/wc-variation-swatches-pro\/","header_author_uri":"https:\/\/pluginever.com","rating":4.2,"author_block_rating":0,"active_installs":100,"downloads":15456,"num_ratings":5,"support_threads":0,"support_threads_resolved":0,"author_block_count":0,"sections":["description","installation","faq","changelog"],"tags":{"1.0.3":{"tag":"1.0.3","author":"pluginever","date":"2022-09-28 17:03:13"},"1.0.4":{"tag":"1.0.4","author":"manikmist09","date":"2022-11-20 13:07:37"},"1.0.5":{"tag":"1.0.5","author":"pluginever","date":"2024-07-30 12:02:14"},"1.1.0":{"tag":"1.1.0","author":"pluginever","date":"2024-08-22 12:33:08"},"1.1.1":{"tag":"1.1.1","author":"pluginever","date":"2024-10-23 06:43:51"},"1.1.2":{"tag":"1.1.2","author":"pluginever","date":"2024-12-01 08:34:54"},"2.0.0":{"tag":"2.0.0","author":"pluginever","date":"2025-01-22 13:42:49"},"2.0.1":{"tag":"2.0.1","author":"pluginever","date":"2025-01-23 12:46:20"},"2.0.2":{"tag":"2.0.2","author":"pluginever","date":"2025-01-26 05:38:41"},"2.0.3":{"tag":"2.0.3","author":"pluginever","date":"2025-03-27 06:56:00"},"2.0.4":{"tag":"2.0.4","author":"pluginever","date":"2025-05-20 08:52:54"},"2.0.5":{"tag":"2.0.5","author":"pluginever","date":"2025-07-21 12:22:02"},"2.0.6":{"tag":"2.0.6","author":"pluginever","date":"2025-10-06 10:53:39"},"2.0.7":{"tag":"2.0.7","author":"pluginever","date":"2025-10-23 10:30:40"},"2.0.8":{"tag":"2.0.8","author":"pluginever","date":"2025-11-24 12:20:04"},"2.0.9":{"tag":"2.0.9","author":"pluginever","date":"2026-01-25 12:23:06"},"2.1.0":{"tag":"2.1.0","author":"pluginever","date":"2026-03-11 07:03:31"},"2.1.1":{"tag":"2.1.1","author":"pluginever","date":"2026-04-19 12:09:38"},"2.1.2":{"tag":"2.1.2","author":"pluginever","date":"2026-05-17 12:23:19"},"2.1.3":{"tag":"2.1.3","author":"pluginever","date":"2026-06-07 12:13:47"},"2.2.0":{"tag":"2.2.0","author":"pluginever","date":"2026-07-21 05:00:06"}},"upgrade_notice":{"2.0.5":"<p>This update includes framework updates, security enhancements, and performance improvements. It is recommended to update to the latest version for better functionality and security. Please ensure you have a backup before updating.<\/p>"},"ratings":{"1":"1","2":0,"3":0,"4":0,"5":"4"},"assets_icons":{"icon-128x128.png":{"filename":"icon-128x128.png","revision":3139734,"resolution":"128x128","location":"assets","locale":"","width":128,"height":128},"icon-256x256.png":{"filename":"icon-256x256.png","revision":3174075,"resolution":"256x256","location":"assets","locale":"","width":256,"height":256}},"assets_banners":{"banner-1544X500.png":{"filename":"banner-1544X500.png","revision":3139734,"resolution":"1544x500","location":"assets","locale":"","width":1544,"height":500},"banner-772x250.png":{"filename":"banner-772x250.png","revision":3139734,"resolution":"772x250","location":"assets","locale":"","width":772,"height":250}},"assets_blueprints":{"blueprint.json":{"filename":"blueprint.json","revision":3616486,"resolution":false,"location":"assets","locale":"","contents":"{\"$schema\":\"https:\\\/\\\/playground.wordpress.net\\\/blueprint-schema.json\",\"landingPage\":\"\\\/wp-admin\\\/edit.php?post_type=product&page=wc-variation-swatches-settings\",\"preferredVersions\":{\"php\":\"8.3\",\"wp\":\"latest\"},\"features\":{\"networking\":true},\"steps\":[{\"step\":\"login\",\"username\":\"admin\",\"password\":\"password\"},{\"step\":\"setSiteOptions\",\"options\":{\"blogname\":\"Variation Swatches Demo\",\"blogdescription\":\"Product Variation Swatches for WooCommerce plugin provides a much nicer way to display variations of variable products.\"}},{\"step\":\"installPlugin\",\"ifAlreadyInstalled\":\"skip\",\"pluginData\":{\"resource\":\"wordpress.org\\\/plugins\",\"slug\":\"woocommerce\"},\"options\":{\"activate\":true}},{\"step\":\"installPlugin\",\"ifAlreadyInstalled\":\"skip\",\"pluginData\":{\"resource\":\"wordpress.org\\\/plugins\",\"slug\":\"wc-variation-swatches\"},\"options\":{\"activate\":true}},{\"step\":\"runPHP\",\"code\":\"<?php\\nrequire_once '\\\/wordpress\\\/wp-load.php';\\n\\ndelete_transient( '_wc_activation_redirect' );\\nupdate_option( 'woocommerce_onboarding_profile', array( 'skipped' => true ) );\\nupdate_option( 'woocommerce_task_list_hidden', 'yes' );\\nupdate_option( 'woocommerce_allow_tracking', 'no' );\\nupdate_option( 'woocommerce_store_address', '123 Demo Street' );\\nupdate_option( 'woocommerce_store_city', 'Playground' );\\nupdate_option( 'woocommerce_default_country', 'US:CA' );\\nupdate_option( 'woocommerce_currency', 'USD' );\\nupdate_option( 'woocommerce_product_type', 'both' );\\n\\nif ( class_exists( 'WC_Install' ) ) {\\n\\tWC_Install::create_pages();\\n}\\n\\n\\\/**\\n * Helper: create (or fetch) a global WooCommerce attribute and\\n * make sure its taxonomy is registered in THIS request.\\n *\\\/\\nfunction demo_create_global_attribute( $name, $slug ) {\\n\\t$attribute_id = wc_attribute_taxonomy_id_by_name( $slug );\\n\\n\\tif ( ! $attribute_id ) {\\n\\t\\t$attribute_id = wc_create_attribute(\\n\\t\\t\\tarray(\\n\\t\\t\\t\\t'name'         => $name,\\n\\t\\t\\t\\t'slug'         => $slug,\\n\\t\\t\\t\\t'type'         => 'select',\\n\\t\\t\\t\\t'order_by'     => 'menu_order',\\n\\t\\t\\t\\t'has_archives' => false,\\n\\t\\t\\t)\\n\\t\\t);\\n\\n\\t\\tif ( is_wp_error( $attribute_id ) ) {\\n\\t\\t\\terror_log( 'Failed to create attribute \\\"' . $name . '\\\": ' . $attribute_id->get_error_message() );\\n\\t\\t\\treturn false;\\n\\t\\t}\\n\\t}\\n\\n\\t$taxonomy_name = wc_attribute_taxonomy_name( $slug );\\n\\tif ( ! taxonomy_exists( $taxonomy_name ) ) {\\n\\t\\tregister_taxonomy(\\n\\t\\t\\t$taxonomy_name,\\n\\t\\t\\t'product',\\n\\t\\t\\tarray(\\n\\t\\t\\t\\t'hierarchical' => false,\\n\\t\\t\\t\\t'show_ui'      => false,\\n\\t\\t\\t\\t'query_var'    => true,\\n\\t\\t\\t)\\n\\t\\t);\\n\\t}\\n\\n\\treturn $taxonomy_name;\\n}\\n\\n$color_taxonomy = demo_create_global_attribute( 'Color', 'color' );\\n$size_taxonomy  = demo_create_global_attribute( 'Size', 'size' );\\n\\nif ( ! $color_taxonomy || ! $size_taxonomy ) {\\n\\terror_log( 'Aborting demo setup: attribute taxonomies failed to register.' );\\n\\texit;\\n}\\n\\n\\\/\\\/ Add color terms with swatch data.\\n$colors = array(\\n\\tarray( 'name' => 'Red', 'color' => '#e74c3c' ),\\n\\tarray( 'name' => 'Blue', 'color' => '#3498db' ),\\n\\tarray( 'name' => 'Green', 'color' => '#2ecc71' ),\\n\\tarray( 'name' => 'Black', 'color' => '#2c3e50' ),\\n\\tarray( 'name' => 'White', 'color' => '#ecf0f1' ),\\n);\\n\\n$color_term_ids = array();\\nforeach ( $colors as $color ) {\\n\\t$existing = get_term_by( 'name', $color['name'], $color_taxonomy );\\n\\t$term     = $existing ? array( 'term_id' => $existing->term_id ) : wp_insert_term( $color['name'], $color_taxonomy );\\n\\n\\tif ( is_wp_error( $term ) ) {\\n\\t\\terror_log( 'Failed to insert color term \\\"' . $color['name'] . '\\\": ' . $term->get_error_message() );\\n\\t\\tcontinue;\\n\\t}\\n\\n\\tupdate_term_meta( $term['term_id'], 'swatch_type', 'color' );\\n\\tupdate_term_meta( $term['term_id'], 'swatch_color', $color['color'] );\\n\\t$color_term_ids[ $color['name'] ] = $term['term_id'];\\n}\\n\\n\\\/\\\/ Add size terms with swatch data.\\n$sizes = array( 'Small', 'Medium', 'Large', 'X-Large' );\\n\\n$size_term_ids = array();\\nforeach ( $sizes as $size ) {\\n\\t$existing = get_term_by( 'name', $size, $size_taxonomy );\\n\\t$term     = $existing ? array( 'term_id' => $existing->term_id ) : wp_insert_term( $size, $size_taxonomy );\\n\\n\\tif ( is_wp_error( $term ) ) {\\n\\t\\terror_log( 'Failed to insert size term \\\"' . $size . '\\\": ' . $term->get_error_message() );\\n\\t\\tcontinue;\\n\\t}\\n\\n\\tupdate_term_meta( $term['term_id'], 'swatch_type', 'label' );\\n\\tupdate_term_meta( $term['term_id'], 'swatch_label', $size );\\n\\t$size_term_ids[ $size ] = $term['term_id'];\\n}\\n\\nif ( empty( $color_term_ids ) || empty( $size_term_ids ) ) {\\n\\terror_log( 'Aborting demo setup: no color or size terms were created.' );\\n\\texit;\\n}\\n\\n\\\/\\\/ Avoid creating duplicate demo products on repeated runs.\\n$existing_product_query = new WP_Query(\\n\\tarray(\\n\\t\\t'post_type'      => 'product',\\n\\t\\t'title'          => 'Premium T-Shirt',\\n\\t\\t'post_status'    => 'any',\\n\\t\\t'posts_per_page' => 1,\\n\\t\\t'fields'         => 'ids',\\n\\t)\\n);\\n\\nif ( $existing_product_query->have_posts() ) {\\n\\terror_log( '\\\"Premium T-Shirt\\\" already exists (ID ' . $existing_product_query->posts[0] . '); skipping creation.' );\\n\\twp_reset_postdata();\\n} else {\\n\\twp_reset_postdata();\\n\\n\\t\\\/\\\/ Create a sample variable product.\\n\\t$product = new WC_Product_Variable();\\n\\t$product->set_name( 'Premium T-Shirt' );\\n\\t$product->set_description( 'High quality cotton t-shirt available in multiple colors and sizes.' );\\n\\t$product->set_short_description( 'Premium cotton t-shirt with color and size options.' );\\n\\t$product->set_status( 'publish' );\\n\\t$product->set_catalog_visibility( 'visible' );\\n\\t\\\/\\\/ Note: regular_price is intentionally NOT set on the parent variable\\n\\t\\\/\\\/ product. WooCommerce derives the displayed price range from the\\n\\t\\\/\\\/ variations themselves via WC_Product_Variable::sync().\\n\\t$product->set_sold_individually( false );\\n\\t$product->set_manage_stock( false );\\n\\n\\t$color_attribute = new WC_Product_Attribute();\\n\\t$color_attribute->set_id( wc_attribute_taxonomy_id_by_name( 'color' ) );\\n\\t$color_attribute->set_name( $color_taxonomy );\\n\\t$color_attribute->set_options( array_values( $color_term_ids ) );\\n\\t$color_attribute->set_visible( true );\\n\\t$color_attribute->set_variation( true );\\n\\n\\t$size_attribute = new WC_Product_Attribute();\\n\\t$size_attribute->set_id( wc_attribute_taxonomy_id_by_name( 'size' ) );\\n\\t$size_attribute->set_name( $size_taxonomy );\\n\\t$size_attribute->set_options( array_values( $size_term_ids ) );\\n\\t$size_attribute->set_visible( true );\\n\\t$size_attribute->set_variation( true );\\n\\n\\t$product->set_attributes( array( $color_attribute, $size_attribute ) );\\n\\n\\t$product_id = $product->save();\\n\\n\\tif ( is_wp_error( $product_id ) || ! $product_id ) {\\n\\t\\terror_log( 'Failed to save parent product: ' . ( is_wp_error( $product_id ) ? $product_id->get_error_message() : 'unknown error' ) );\\n\\t\\texit;\\n\\t}\\n\\n\\t\\\/\\\/ Create variations.\\n\\t$variation_data = array(\\n\\t\\tarray( 'Color' => 'Red', 'Size' => 'Small' ),\\n\\t\\tarray( 'Color' => 'Red', 'Size' => 'Medium' ),\\n\\t\\tarray( 'Color' => 'Red', 'Size' => 'Large' ),\\n\\t\\tarray( 'Color' => 'Blue', 'Size' => 'Small' ),\\n\\t\\tarray( 'Color' => 'Blue', 'Size' => 'Medium' ),\\n\\t\\tarray( 'Color' => 'Blue', 'Size' => 'Large' ),\\n\\t\\tarray( 'Color' => 'Green', 'Size' => 'Small' ),\\n\\t\\tarray( 'Color' => 'Green', 'Size' => 'Medium' ),\\n\\t\\tarray( 'Color' => 'Green', 'Size' => 'Large' ),\\n\\t);\\n\\n\\tforeach ( $variation_data as $data ) {\\n\\t\\t$color_slug = sanitize_title( $data['Color'] );\\n\\t\\t$size_slug  = sanitize_title( $data['Size'] );\\n\\n\\t\\t$variation = new WC_Product_Variation();\\n\\t\\t$variation->set_parent_id( $product_id );\\n\\t\\t$variation->set_status( 'publish' );\\n\\t\\t$variation->set_regular_price( '29.99' );\\n\\t\\t$variation->set_attributes(\\n\\t\\t\\tarray(\\n\\t\\t\\t\\t'attribute_' . $color_taxonomy => $color_slug,\\n\\t\\t\\t\\t'attribute_' . $size_taxonomy  => $size_slug,\\n\\t\\t\\t)\\n\\t\\t);\\n\\n\\t\\t$variation_id = $variation->save();\\n\\n\\t\\tif ( is_wp_error( $variation_id ) || ! $variation_id ) {\\n\\t\\t\\terror_log(\\n\\t\\t\\t\\t'Failed to save variation (' . $data['Color'] . '\\\/' . $data['Size'] . '): ' .\\n\\t\\t\\t\\t( is_wp_error( $variation_id ) ? $variation_id->get_error_message() : 'unknown error' )\\n\\t\\t\\t);\\n\\t\\t}\\n\\t}\\n\\n\\t\\\/\\\/ Sync the parent product's price range, stock status, and lookup\\n\\t\\\/\\\/ tables now that variations exist.\\n\\tWC_Product_Variable::sync( $product_id );\\n\\n\\t\\\/\\\/ Clear cached transients so the storefront reflects the new product\\\/prices immediately.\\n\\twc_delete_product_transients( $product_id );\\n}\\n\\n\\\/\\\/ Set plugin options.\\nupdate_option( 'enable_stylesheet', 'yes' );\\nupdate_option( 'attribute_behaviour', 'with_cross' );\\nupdate_option( 'show_variation_label', 'yes' );\\nupdate_option( 'variation_label_font_size', '16' );\\nupdate_option( 'label_position', 'stack' );\\nupdate_option( 'shape_style', 'round' );\\nupdate_option( 'width', '30' );\\nupdate_option( 'height', '30' );\\nupdate_option( 'enable_tooltip', 'yes' );\\nupdate_option( 'font_size', '15' );\\nupdate_option( 'tooltip_bg_color', '#555555' );\\nupdate_option( 'tooltip_text_color', '#ffffff' );\\nupdate_option( 'border', 'enable' );\\nupdate_option( 'border_width', '2' );\\nupdate_option( 'border_type', 'solid' );\\nupdate_option( 'border_color', '#81d742' );\\n?>\\n\"}]}"}},"all_blocks":[],"tagged_versions":["1.0.3","1.0.4","1.0.5","1.1.0","1.1.1","1.1.2","2.0.0","2.0.1","2.0.2","2.0.3","2.0.4","2.0.5","2.0.6","2.0.7","2.0.8","2.0.9","2.1.0","2.1.1","2.1.2","2.1.3","2.2.0"],"block_files":[],"assets_screenshots":{"screenshot-1.png":{"filename":"screenshot-1.png","revision":3331474,"resolution":"1","location":"assets","locale":"","width":4000,"height":2200},"screenshot-10.png":{"filename":"screenshot-10.png","revision":3373607,"resolution":"10","location":"assets","locale":"","width":4000,"height":2200},"screenshot-11.png":{"filename":"screenshot-11.png","revision":3331474,"resolution":"11","location":"assets","locale":"","width":4000,"height":2200},"screenshot-12.png":{"filename":"screenshot-12.png","revision":3331474,"resolution":"12","location":"assets","locale":"","width":4000,"height":2200},"screenshot-2.png":{"filename":"screenshot-2.png","revision":3331474,"resolution":"2","location":"assets","locale":"","width":4000,"height":2200},"screenshot-3.png":{"filename":"screenshot-3.png","revision":3331474,"resolution":"3","location":"assets","locale":"","width":4000,"height":2200},"screenshot-4.png":{"filename":"screenshot-4.png","revision":3563659,"resolution":"4","location":"assets","locale":"","width":4000,"height":2200},"screenshot-5.png":{"filename":"screenshot-5.png","revision":3331474,"resolution":"5","location":"assets","locale":"","width":4000,"height":2200},"screenshot-6.png":{"filename":"screenshot-6.png","revision":3331474,"resolution":"6","location":"assets","locale":"","width":4000,"height":2200},"screenshot-7.png":{"filename":"screenshot-7.png","revision":3331474,"resolution":"7","location":"assets","locale":"","width":4000,"height":2200},"screenshot-8.png":{"filename":"screenshot-8.png","revision":3331474,"resolution":"8","location":"assets","locale":"","width":4000,"height":2200},"screenshot-9.png":{"filename":"screenshot-9.png","revision":3331474,"resolution":"9","location":"assets","locale":"","width":4000,"height":2200}},"screenshots":{"1":"Frontend: Select variations using swatches","2":"Crossed-out swatches for out-of-stock items","3":"Disabled attributes appear blurred","4":"Settings: General options panel","5":"Settings: Shape customization (Round\/Square\/Rounded Corners )","6":"Settings: Tooltip configuration","7":"Settings: Border Settings","8":"Settings: Catalog Settings (Pro)","9":"Frontend: Color swatches","10":"Frontend: Image swatches","11":"Frontend: Label\/text swatches","12":"Admin: Attribute setup interface"}},"plugin_section":[],"plugin_tags":[130912,183755,27490,129840,152797],"plugin_category":[45],"plugin_contributors":[91710,130357],"plugin_business_model":[],"class_list":["post-108478","plugin","type-plugin","status-publish","hentry","plugin_tags-variation-swatches","plugin_tags-variation-swatches-for-woocommerce","plugin_tags-woocommerce-attributes","plugin_tags-woocommerce-variation","plugin_tags-woocommerce-variation-swatches","plugin_category-ecommerce","plugin_contributors-manikmist09","plugin_contributors-pluginever","plugin_committers-manikmist09","plugin_committers-pluginever","plugin_support_reps-marufbyteever","plugin_support_reps-sajalwpdev"],"banners":{"banner":"https:\/\/ps.w.org\/wc-variation-swatches\/assets\/banner-772x250.png?rev=3139734","banner_2x":"https:\/\/ps.w.org\/wc-variation-swatches\/assets\/banner-1544X500.png?rev=3139734","banner_rtl":false,"banner_2x_rtl":false},"icons":{"svg":false,"icon":"https:\/\/ps.w.org\/wc-variation-swatches\/assets\/icon-128x128.png?rev=3139734","icon_2x":"https:\/\/ps.w.org\/wc-variation-swatches\/assets\/icon-256x256.png?rev=3174075","generated":false},"screenshots":[{"src":"https:\/\/ps.w.org\/wc-variation-swatches\/assets\/screenshot-1.png?rev=3331474","caption":"Frontend: Select variations using swatches"},{"src":"https:\/\/ps.w.org\/wc-variation-swatches\/assets\/screenshot-2.png?rev=3331474","caption":"Crossed-out swatches for out-of-stock items"},{"src":"https:\/\/ps.w.org\/wc-variation-swatches\/assets\/screenshot-3.png?rev=3331474","caption":"Disabled attributes appear blurred"},{"src":"https:\/\/ps.w.org\/wc-variation-swatches\/assets\/screenshot-4.png?rev=3563659","caption":"Settings: General options panel"},{"src":"https:\/\/ps.w.org\/wc-variation-swatches\/assets\/screenshot-5.png?rev=3331474","caption":"Settings: Shape customization (Round\/Square\/Rounded Corners )"},{"src":"https:\/\/ps.w.org\/wc-variation-swatches\/assets\/screenshot-6.png?rev=3331474","caption":"Settings: Tooltip configuration"},{"src":"https:\/\/ps.w.org\/wc-variation-swatches\/assets\/screenshot-7.png?rev=3331474","caption":"Settings: Border Settings"},{"src":"https:\/\/ps.w.org\/wc-variation-swatches\/assets\/screenshot-8.png?rev=3331474","caption":"Settings: Catalog Settings (Pro)"},{"src":"https:\/\/ps.w.org\/wc-variation-swatches\/assets\/screenshot-9.png?rev=3331474","caption":"Frontend: Color swatches"},{"src":"https:\/\/ps.w.org\/wc-variation-swatches\/assets\/screenshot-10.png?rev=3373607","caption":"Frontend: Image swatches"},{"src":"https:\/\/ps.w.org\/wc-variation-swatches\/assets\/screenshot-11.png?rev=3331474","caption":"Frontend: Label\/text swatches"},{"src":"https:\/\/ps.w.org\/wc-variation-swatches\/assets\/screenshot-12.png?rev=3331474","caption":"Admin: Attribute setup interface"}],"raw_content":"<!--section=description-->\n<p>Product Variation Swatches for WooCommerce replaces the standard WooCommerce variation dropdowns with beautifully designed color, image, and label swatches, offering a more intuitive and engaging experience for your customers.<\/p>\n\n<p>By transforming the boring dropdown into interactive visual swatches, this plugin helps shoppers quickly identify their desired product variations, ultimately reducing friction, enhancing store aesthetics, and boosting conversions.<\/p>\n\n<p>Whether you're selling apparel, electronics, cosmetics, or custom products, visual variation swatches give your store a modern edge and allow customers to make faster, more confident buying decisions.<\/p>\n\n<h3>View Demo &amp; Upgrade to Pro for Product Variation Swatches for WooCommerce<\/h3>\n\n<p><a href=\"https:\/\/demo.pluginever.com\/wc-variation-swatches\/\"><strong>\ud83d\udcbb Demo<\/strong><\/a> | <a href=\"https:\/\/pluginever.com\/plugins\/wc-variation-swatches-pro\/\"><strong>\ud83d\ude80 Get The PRO Version<\/strong><\/a> | <a href=\"https:\/\/pluginever.com\/support\/\"><strong>\ud83d\udee0 Support<\/strong><\/a> | <a href=\"https:\/\/pluginever.com\/docs\/wc-variation-swatches\/\"><strong>\ud83d\udcc4 Documentation<\/strong><\/a><\/p>\n\n<h3>\u2728 Key Features<\/h3>\n\n<h4>Free Version<\/h4>\n\n<ul>\n<li>Replace variation dropdowns with clickable color\/image\/label swatches<\/li>\n<li>Supports color, image, and text\/label swatch types<\/li>\n<li>Add unlimited terms under each product attribute<\/li>\n<li>Choose among round, square, or rounded corner swatch styles<\/li>\n<li>Customize swatch width and height<\/li>\n<li>Enable\/disable plugin\u2019s default stylesheets<\/li>\n<li>Configure tooltip options (font size, text color, background color)<\/li>\n<li>Toggle visibility of tooltips for each attribute<\/li>\n<li>Apply custom border styles for swatches<\/li>\n<li>Set the border width to control thickness.<\/li>\n<li>Choose a border type: Solid, Dashed, Dotted, or Double.<\/li>\n<li>Pick a border color to match your style<\/li>\n<li>Disable, cross out, or blur unavailable variation options.<\/li>\n<li>Set the position where you want to show the variation label.<\/li>\n<\/ul>\n\n<h4>PRO Version<\/h4>\n\n<ul>\n<li>Swatches on archive\/shop pages globally or per product<\/li>\n<li>Show or hide variation labels on shop\/catalog pages<\/li>\n<li>Show or hide attribute names on single product pages, and shop\/catalog pages<\/li>\n<li>Choose swatch label position: inline, stacked (left), or stacked (center)<\/li>\n<li>Catalog swatches position: after product title and price<\/li>\n<li>Tooltip image previews and hover effects<\/li>\n<li>Premium support and frequent updates<\/li>\n<\/ul>\n\n<p>Upgrade to PRO: <a href=\"https:\/\/pluginever.com\/plugins\/wc-variation-swatches-pro\/\">Click here<\/a><\/p>\n\n<h4>Coming Soon<\/h4>\n\n<ul>\n<li>Limit Attribute number in shop\/catalog pages<\/li>\n<li>Swatches in quick view and popups<\/li>\n<li>Accessibility enhancements<\/li>\n<li>Support for popular page builders (Elementor, Divi)<\/li>\n<\/ul>\n\n<h3>Benefits<\/h3>\n\n<ul>\n<li>Deliver a visually appealing shopping experience<\/li>\n<li>Help customers make faster, more confident decisions<\/li>\n<li>Reduce cart abandonment caused by confusing dropdowns<\/li>\n<li>Manage variation styles easily without coding<\/li>\n<li>Increase conversions and build customer trust<\/li>\n<\/ul>\n\n<h3>How It Works<\/h3>\n\n<ol>\n<li>Go to Products &gt; Attributes and create a new attribute<\/li>\n<li>Choose swatch type: Color, Image, or Label<\/li>\n<li>Add terms with color codes, images, or text labels<\/li>\n<li>Assign attributes to a variable product and create variations<\/li>\n<li>Save the product and view swatches on the product page<\/li>\n<\/ol>\n\n<h3>Compatibility<\/h3>\n\n<ul>\n<li>Requires WooCommerce 6.0.0 or later<\/li>\n<li>Compatible with most WooCommerce-compatible themes<\/li>\n<li>Tested with Storefront, Astra, OceanWP, Flatsome, and more<\/li>\n<\/ul>\n\n<!--section=installation-->\n<h4>Automatic Installation<\/h4>\n\n<ol>\n<li>Go to Plugins &gt; Add New in your WordPress dashboard<\/li>\n<li>Search for \u201cProduct Variation Swatches by PluginEver\u201d<\/li>\n<li>Click Install Now, then Activate<\/li>\n<\/ol>\n\n<h4>Manual Installation<\/h4>\n\n<ol>\n<li>Download the plugin ZIP file<\/li>\n<li>Go to Plugins &gt; Add New &gt; Upload Plugin<\/li>\n<li>Choose the ZIP file, click Install Now, then Activate<\/li>\n<\/ol>\n\n<h4>FTP Installation<\/h4>\n\n<ol>\n<li>Unzip the downloaded plugin ZIP file<\/li>\n<li>Upload the folder to \/wp-content\/plugins\/<\/li>\n<li>Go to WordPress dashboard \u2192 Plugins \u2192 Activate<\/li>\n<\/ol>\n\n<!--section=faq-->\n<dl>\n<dt id=\"what%20makes%20product%20variation%20swatches%20better%20than%20default%20dropdowns%3F\"><h3>What makes Product Variation Swatches better than default dropdowns?<\/h3><\/dt>\n<dd><p>It provides a visually intuitive and clickable interface that improves user experience and boosts conversions.<\/p><\/dd>\n<dt id=\"can%20i%20display%20color%2C%20image%2C%20and%20text%20swatches%20together%3F\"><h3>Can I display color, image, and text swatches together?<\/h3><\/dt>\n<dd><p>Yes. You can mix and match swatch types on any product.<\/p><\/dd>\n<dt id=\"is%20it%20compatible%20with%20page%20builders%20like%20elementor%3F\"><h3>Is it compatible with page builders like Elementor?<\/h3><\/dt>\n<dd><p>Yes, it works with most builders as long as you use standard WooCommerce product templates.<\/p><\/dd>\n<dt id=\"will%20it%20affect%20site%20speed%3F\"><h3>Will it affect site speed?<\/h3><\/dt>\n<dd><p>No. It is lightweight and performance-optimized.<\/p><\/dd>\n<dt id=\"can%20i%20request%20a%20feature%3F\"><h3>Can I request a feature?<\/h3><\/dt>\n<dd><p>Yes, we welcome all suggestions via our support form: https:\/\/pluginever.com\/support\/<\/p><\/dd>\n\n<\/dl>\n\n<!--section=changelog-->\n<h4>2.2.0 (21st July 2026)<\/h4>\n\n<ul>\n<li>New: Added a deactivation feedback form to help improve the plugin experience.<\/li>\n<li>New: Added new review, upgrade, and promotional notices in the admin area.<\/li>\n<li>Enhanced: Improved the admin interface and settings page with a cleaner layout and better organization.<\/li>\n<li>Enhanced: Improved the variation swatches functionality for better reliability and performance.<\/li>\n<li>Enhanced: Updated the plugin build process and development tooling.<\/li>\n<li>Tweak: Updated templates, localization files, and internal plugin structure.<\/li>\n<li>Fix: Fixed several minor issues related to plugin functionality, stability, and compatibility.<\/li>\n<li>Compatibility: Tested with Latest WordPress and WooCommerce Versions.<\/li>\n<\/ul>\n\n<h4>2.1.3 (7th June 2026)<\/h4>\n\n<ul>\n<li>Fix: Few minor bugs.<\/li>\n<li>Compatibility: Check compatibility with the latest version of WordPress (v7.0) &amp; WooCommerce.<\/li>\n<\/ul>\n\n<h4>2.1.2 (17th May 2026)<\/h4>\n\n<ul>\n<li>Fix: Few minor bugs.<\/li>\n<li>Enhance: Added new admin settings for label font customization.<\/li>\n<\/ul>\n\n<h4>2.1.1 (19th April 2026)<\/h4>\n\n<ul>\n<li>Fix: Minor bug fixes.<\/li>\n<li>Compatibility: Check compatibility with the latest version of WooCommerce (10.7).<\/li>\n<\/ul>\n\n<h4>2.1.0 (11th March 2026)<\/h4>\n\n<ul>\n<li>Compatibility: Check compatibility with the latest version of WooCommerce (10.6).<\/li>\n<\/ul>\n\n<h4>2.0.9 (25th January 2026)<\/h4>\n\n<ul>\n<li>Compatibility: Check compatibility with the latest version of WordPress (6.9) and WooCommerce (10.4).<\/li>\n<\/ul>\n\n<h4>2.0.8 (24th November 2025)<\/h4>\n\n<ul>\n<li>Enhance: Update the plugin notices.<\/li>\n<li>Fix: Minor bug fixes.<\/li>\n<\/ul>\n\n<h4>2.0.7 (23rd October 2025)<\/h4>\n\n<ul>\n<li>Enhance: Update the plugin notices.<\/li>\n<\/ul>\n\n<h4>2.0.6 (06th October 2025)<\/h4>\n\n<ul>\n<li>Compatibility: Check compatibility with the latest version of WordPress and WooCommerce.<\/li>\n<\/ul>\n\n<h4>2.0.5 (21st July 2025)<\/h4>\n\n<ul>\n<li>New: Update plugin framework.<\/li>\n<li>New: Update plugin directory structure.<\/li>\n<li>New: Add new settings for swatch styles.<\/li>\n<li>Enhance: Improve code quality and performance.<\/li>\n<li>Security: Enhance security.<\/li>\n<li>Fix: Few minor bugs.<\/li>\n<\/ul>\n\n<h4>2.0.4 (20th May 2025)<\/h4>\n\n<ul>\n<li>Compatibility: Check compatibility with the latest version of WordPress and WooCommerce.<\/li>\n<\/ul>\n\n<h4>2.0.3 (27th March 2025)<\/h4>\n\n<ul>\n<li>Compatibility: Compatible with the latest version of WooCommerce.<\/li>\n<\/ul>\n\n<h4>2.0.2 (26th January 2025)<\/h4>\n\n<ul>\n<li>Fix: Deprecated function issue<\/li>\n<\/ul>\n\n<h4>2.0.1 (23rd January 2025)<\/h4>\n\n<ul>\n<li>Fix: jQuery is not defined issue<\/li>\n<\/ul>\n\n<h4>2.0.0 (22nd January 2025)<\/h4>\n\n<ul>\n<li>New: Update Framework<\/li>\n<li>New: Refactor Code Structure to improve performance<\/li>\n<li>Security: Fix Known Security issues<\/li>\n<li>Compatibility: Compatible with the latest version of WooCommerce and WordPress<\/li>\n<\/ul>\n\n<h4>1.1.2 (28th November 2024)<\/h4>\n\n<ul>\n<li>Enhance: Framework update<\/li>\n<li>Compatible with WC New Version<\/li>\n<li>Compatible with WP New Version<\/li>\n<\/ul>\n\n<h4>1.1.1 (23rd October 2024)<\/h4>\n\n<ul>\n<li>Fix: Known Security issues<\/li>\n<li>Compatible with WC New Version<\/li>\n<li>Compatible with WP New Version<\/li>\n<\/ul>\n\n<h4>1.1.0 (22nd August 2024)<\/h4>\n\n<ul>\n<li>Update Framework<\/li>\n<li>Fix: Known Security issues<\/li>\n<li>Fix: Compatibility with WC Latest Version<\/li>\n<\/ul>\n\n<h4>1.0.5 (27th Jul, 2024)<\/h4>\n\n<ul>\n<li>Fix: WooCommerce HPOS issue.<\/li>\n<li>Fix: Compatibility with WP v6.6.1<\/li>\n<li>Fix: Compatibility with WC v9.1.4<\/li>\n<\/ul>\n\n<h4>1.0.4 (20th Nov, 2022)<\/h4>\n\n<ul>\n<li>Fix: Compatibility with WP v6.1<\/li>\n<li>Fix: Compatibility with WC v7.1<\/li>\n<\/ul>\n\n<h4>1.0.3 (28th Sept, 2022)<\/h4>\n\n<ul>\n<li>Fix: Compatibility with WP v6.0.2<\/li>\n<li>Fix: Compatibility with WC v6.9.4<\/li>\n<\/ul>\n\n<h4>1.0.2 (27th May 2021)<\/h4>\n\n<ul>\n<li>Fix: Compatibility with WP v5.7.2<\/li>\n<li>Fix: Compatibility with WC v5.3.0<\/li>\n<\/ul>\n\n<h4>1.0.1 (24th October 2019)<\/h4>\n\n<p>Fix: WC compatibility with 3.7.1\nFix: WP compatibility with 5.2.4\nFix: Preview image in product attribute<\/p>\n\n<h4>1.0.0 (1st September, 2019)<\/h4>\n\n<p>Initial release<\/p>","raw_excerpt":"Replace dropdowns with color, image, and label swatches for WooCommerce variations. Improve user experience and drive more conversions.","jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/sr.wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin\/108478","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/sr.wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin"}],"about":[{"href":"https:\/\/sr.wordpress.org\/plugins\/wp-json\/wp\/v2\/types\/plugin"}],"replies":[{"embeddable":true,"href":"https:\/\/sr.wordpress.org\/plugins\/wp-json\/wp\/v2\/comments?post=108478"}],"author":[{"embeddable":true,"href":"https:\/\/sr.wordpress.org\/plugins\/wp-json\/wporg\/v1\/users\/pluginever"}],"wp:attachment":[{"href":"https:\/\/sr.wordpress.org\/plugins\/wp-json\/wp\/v2\/media?parent=108478"}],"wp:term":[{"taxonomy":"plugin_section","embeddable":true,"href":"https:\/\/sr.wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin_section?post=108478"},{"taxonomy":"plugin_tags","embeddable":true,"href":"https:\/\/sr.wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin_tags?post=108478"},{"taxonomy":"plugin_category","embeddable":true,"href":"https:\/\/sr.wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin_category?post=108478"},{"taxonomy":"plugin_contributors","embeddable":true,"href":"https:\/\/sr.wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin_contributors?post=108478"},{"taxonomy":"plugin_business_model","embeddable":true,"href":"https:\/\/sr.wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin_business_model?post=108478"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}