{"id":308404,"date":"2026-07-21T15:51:17","date_gmt":"2026-07-21T15:51:17","guid":{"rendered":"https:\/\/wordpress.org\/plugins\/ms-woo-variant-swatches\/"},"modified":"2026-07-21T15:50:45","modified_gmt":"2026-07-21T15:50:45","slug":"mbtech-variant-swatches","status":"publish","type":"plugin","link":"https:\/\/wordpress.org\/plugins\/mbtech-variant-swatches\/","author":9317803,"comment_status":"closed","ping_status":"closed","template":"","meta":{"version":"1.0.6","stable_tag":"1.0.6","tested":"7.0.2","requires":"6.0","requires_php":"7.4","requires_plugins":null,"header_name":"MBTech Variant Swatches for WooCommerce","header_author":"H. M. Masum Billah","header_description":"Transform WooCommerce variation dropdowns into beautiful color, image, label, checkbox, and enhanced dropdown swatches with drag-and-drop sorting.","assets_banners_color":"18324f","last_updated":"2026-07-21 15:50:45","external_support_url":"","external_repository_url":"","donate_link":"","header_plugin_uri":"https:\/\/wordpress.org\/plugins\/mbtech-variant-swatches","header_author_uri":"http:\/\/masum-billah.com","rating":0,"author_block_rating":0,"active_installs":0,"downloads":40,"num_ratings":0,"support_threads":0,"support_threads_resolved":0,"author_block_count":0,"sections":["description","installation","faq","changelog"],"tags":{"1.0.6":{"tag":"1.0.6","author":"masumbillah22","date":"2026-07-21 15:50:45"}},"upgrade_notice":{"1.0.5":"<p>Added functionality to show the hover tooltip inline at the end of the variants wrapper, and added support for image swatch tooltips.<\/p>","1.0.4":"<p>Added functionality to display the selected variation name next to the attribute label.<\/p>","1.0.3":"<p>Fixed an issue where the &quot;Default Select&quot; option appeared duplicated.<\/p>","1.0.0":"<p>Initial release of MBTech Variant Swatches for WooCommerce.<\/p>"},"ratings":[],"assets_icons":{"icon-128x128.png":{"filename":"icon-128x128.png","revision":3617414,"resolution":"128x128","location":"assets","locale":"","width":128,"height":128},"icon-256x256.png":{"filename":"icon-256x256.png","revision":3617414,"resolution":"256x256","location":"assets","locale":"","width":256,"height":256}},"assets_banners":{"banner-1544x500.png":{"filename":"banner-1544x500.png","revision":3617414,"resolution":"1544x500","location":"assets","locale":"","width":1544,"height":500},"banner-772x250.png":{"filename":"banner-772x250.png","revision":3617414,"resolution":"772x250","location":"assets","locale":"","width":772,"height":250}},"assets_blueprints":{},"all_blocks":[],"tagged_versions":["1.0.6"],"block_files":[],"assets_screenshots":[],"screenshots":{"1":"Color swatches on a product page.","2":"Image swatches for fabric\/material selection.","3":"Label\/button swatches for size selection.","4":"Attribute edit screen with swatch type selector.","5":"Per-product swatch settings with drag-and-drop sorting.","6":"WooCommerce settings tab for global configuration."}},"plugin_section":[],"plugin_tags":[139483,139484,66595,130912,286],"plugin_category":[45],"plugin_contributors":[272669],"plugin_business_model":[],"class_list":["post-308404","plugin","type-plugin","status-publish","hentry","plugin_tags-color-swatch","plugin_tags-image-swatch","plugin_tags-product-attributes","plugin_tags-variation-swatches","plugin_tags-woocommerce","plugin_category-ecommerce","plugin_contributors-masumbillah22","plugin_committers-masumbillah22"],"banners":{"banner":"https:\/\/ps.w.org\/mbtech-variant-swatches\/assets\/banner-772x250.png?rev=3617414","banner_2x":"https:\/\/ps.w.org\/mbtech-variant-swatches\/assets\/banner-1544x500.png?rev=3617414","banner_rtl":false,"banner_2x_rtl":false},"icons":{"svg":false,"icon":"https:\/\/ps.w.org\/mbtech-variant-swatches\/assets\/icon-128x128.png?rev=3617414","icon_2x":"https:\/\/ps.w.org\/mbtech-variant-swatches\/assets\/icon-256x256.png?rev=3617414","generated":false},"screenshots":[],"raw_content":"<!--section=description-->\n<p><strong>MBTech Variant Swatches for WooCommerce<\/strong> replaces the default WooCommerce variation dropdown selects with visually rich swatches, giving your customers a more intuitive and engaging product selection experience.<\/p>\n\n<h4>Features<\/h4>\n\n<ul>\n<li><strong>Color Swatches<\/strong> \u2014 Display product variations as colored circles or squares with a hex color picker.<\/li>\n<li><strong>Image Swatches<\/strong> \u2014 Show variation images using the WordPress Media Library.<\/li>\n<li><strong>Label\/Button Swatches<\/strong> \u2014 Display text-based buttons for sizes, materials, etc.<\/li>\n<li><strong>Checkbox Swatches<\/strong> \u2014 Styled checkbox\/radio UI for variation selection.<\/li>\n<li><strong>Enhanced Dropdown<\/strong> \u2014 Improved select dropdown with color\/image previews.<\/li>\n<li><strong>Drag &amp; Drop Sorting<\/strong> \u2014 Reorder swatch display order per product.<\/li>\n<li><strong>Per-Product Overrides<\/strong> \u2014 Override global swatch type on individual products.<\/li>\n<li><strong>Out of Stock Control<\/strong> \u2014 Cross out, blur, or hide unavailable variations.<\/li>\n<li><strong>Tooltips<\/strong> \u2014 Hover tooltips for color and image swatches.<\/li>\n<li><strong>Responsive &amp; Accessible<\/strong> \u2014 Mobile-friendly, keyboard navigable, ARIA attributes.<\/li>\n<li><strong>Theme Override Support<\/strong> \u2014 Theme developers can override swatch templates.<\/li>\n<li><strong>HPOS Compatible<\/strong> \u2014 Fully compatible with WooCommerce High-Performance Order Storage.<\/li>\n<\/ul>\n\n<h4>How It Works<\/h4>\n\n<ol>\n<li>Go to <strong>Products \u2192 Attributes<\/strong> and edit an attribute (e.g., Color).<\/li>\n<li>Choose a <strong>Swatch Type<\/strong> (Color, Image, Label, Checkbox, or Dropdown).<\/li>\n<li>Edit individual attribute terms to set their color, image, or label.<\/li>\n<li>Swatches automatically replace the default dropdown on the product page.<\/li>\n<\/ol>\n\n<h4>Requirements<\/h4>\n\n<ul>\n<li>WordPress 6.0 or higher<\/li>\n<li>WooCommerce 7.0 or higher<\/li>\n<li>PHP 7.4 or higher<\/li>\n<\/ul>\n\n<!--section=installation-->\n<ol>\n<li>Upload the <code>mbtech-variant-swatches<\/code> folder to <code>\/wp-content\/plugins\/<\/code>.<\/li>\n<li>Activate the plugin through the <strong>Plugins<\/strong> menu in WordPress.<\/li>\n<li>Make sure WooCommerce is installed and activated.<\/li>\n<li>Go to <strong>Products \u2192 Attributes<\/strong> to configure swatch types for your attributes.<\/li>\n<li>Configure global settings under <strong>WooCommerce \u2192 Settings \u2192 Variant Swatches<\/strong>.<\/li>\n<\/ol>\n\n<!--section=faq-->\n<dl>\n<dt id=\"does%20this%20work%20with%20any%20theme%3F\"><h3>Does this work with any theme?<\/h3><\/dt>\n<dd><p>Yes, the plugin uses standard WooCommerce hooks and should work with any WooCommerce-compatible theme. Theme developers can also override swatch templates.<\/p><\/dd>\n<dt id=\"can%20i%20set%20different%20swatch%20types%20for%20different%20attributes%3F\"><h3>Can I set different swatch types for different attributes?<\/h3><\/dt>\n<dd><p>Yes, each attribute can have its own swatch type. You can also override the type per product.<\/p><\/dd>\n<dt id=\"does%20it%20support%20custom%20product%20attributes%3F\"><h3>Does it support custom product attributes?<\/h3><\/dt>\n<dd><p>The plugin works with global (taxonomy-based) product attributes. Custom per-product attributes use the standard dropdown.<\/p><\/dd>\n<dt id=\"will%20it%20slow%20down%20my%20site%3F\"><h3>Will it slow down my site?<\/h3><\/dt>\n<dd><p>No, CSS and JavaScript are loaded conditionally only on product pages where they are needed.<\/p><\/dd>\n\n<\/dl>\n\n<!--section=changelog-->\n<h4>1.0.5<\/h4>\n\n<ul>\n<li>Added functionality to show the hover tooltip inline at the end of the variants wrapper.<\/li>\n<li>Added support for image swatch tooltips in addition to color swatches.<\/li>\n<\/ul>\n\n<h4>1.0.4<\/h4>\n\n<ul>\n<li>Added functionality to display the selected variation name next to the attribute label.<\/li>\n<li>Ensured tooltips correctly retrieve and display the option name.<\/li>\n<li>Fixed an infinite loop (\"Maximum call stack size exceeded\") when selecting an option from a dropdown or checkbox.<\/li>\n<li>Fixed a DOMSubtreeModified infinite loop caused by continuous attribute label updates.<\/li>\n<\/ul>\n\n<h4>1.0.3<\/h4>\n\n<ul>\n<li>Fixed an issue where the \"Default Select\" option appeared duplicated in the swatch type dropdown on the attribute edit screen.<\/li>\n<\/ul>\n\n<h4>1.0.2<\/h4>\n\n<ul>\n<li>Added visual swatch preview columns (Color, Image, Label) to the WooCommerce attribute terms list table in the admin.<\/li>\n<\/ul>\n\n<h4>1.0.1<\/h4>\n\n<ul>\n<li>Added \"Default Select\" option to allow falling back to standard WooCommerce dropdowns per attribute.<\/li>\n<li>Fixed an issue where product-level swatch type overrides were not saving correctly.<\/li>\n<li>Resolved a bug where attributes incorrectly rendered as \"Label\" instead of the chosen type.<\/li>\n<li>Fixed a misleading 500 error in <code>admin-ajax.php<\/code> when saving sort orders without changes.<\/li>\n<li>Improved WordPress.org compliance by correctly prefixing public hooks, functions, and JavaScript variables.<\/li>\n<\/ul>\n\n<h4>1.0.0<\/h4>\n\n<ul>\n<li>Initial release.<\/li>\n<li>Color, Image, Label, Checkbox, and Dropdown swatch types.<\/li>\n<li>Drag-and-drop sorting per product.<\/li>\n<li>Per-product swatch type overrides.<\/li>\n<li>Out-of-stock variation styling (cross, blur, hide).<\/li>\n<li>Tooltip support.<\/li>\n<li>WooCommerce HPOS compatibility.<\/li>\n<\/ul>","raw_excerpt":"Transform WooCommerce variation dropdowns into beautiful color, image, label, checkbox, and enhanced dropdown swatches with drag-and-drop sorting.","jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin\/308404","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin"}],"about":[{"href":"https:\/\/wordpress.org\/plugins\/wp-json\/wp\/v2\/types\/plugin"}],"replies":[{"embeddable":true,"href":"https:\/\/wordpress.org\/plugins\/wp-json\/wp\/v2\/comments?post=308404"}],"author":[{"embeddable":true,"href":"https:\/\/wordpress.org\/plugins\/wp-json\/wporg\/v1\/users\/masumbillah22"}],"wp:attachment":[{"href":"https:\/\/wordpress.org\/plugins\/wp-json\/wp\/v2\/media?parent=308404"}],"wp:term":[{"taxonomy":"plugin_section","embeddable":true,"href":"https:\/\/wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin_section?post=308404"},{"taxonomy":"plugin_tags","embeddable":true,"href":"https:\/\/wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin_tags?post=308404"},{"taxonomy":"plugin_category","embeddable":true,"href":"https:\/\/wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin_category?post=308404"},{"taxonomy":"plugin_contributors","embeddable":true,"href":"https:\/\/wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin_contributors?post=308404"},{"taxonomy":"plugin_business_model","embeddable":true,"href":"https:\/\/wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin_business_model?post=308404"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}