{"id":319681,"date":"2026-05-31T10:05:42","date_gmt":"2026-05-31T10:05:42","guid":{"rendered":"https:\/\/wordpress.org\/plugins\/storzen-product-variation-swatches-for-woocommerce\/"},"modified":"2026-05-31T11:51:07","modified_gmt":"2026-05-31T11:51:07","slug":"sayan-variation-swatches","status":"publish","type":"plugin","link":"https:\/\/wordpress.org\/plugins\/sayan-variation-swatches\/","author":15779958,"comment_status":"closed","ping_status":"closed","template":"","meta":{"version":"1.0.0","stable_tag":"1.0.0","tested":"7.0","requires":"6.4","requires_php":"7.4","requires_plugins":null,"header_name":"Sayan Variation Swatches for WooCommerce","header_author":"devhasib","header_description":"Replace WooCommerce variation dropdowns with beautiful color, image, label, and radio swatches. Boost conversions with a better product selection experience.","assets_banners_color":"e4e5e9","last_updated":"2026-05-31 11:51:07","external_support_url":"","external_repository_url":"","donate_link":"","header_plugin_uri":"https:\/\/profiles.wordpress.org\/devhasib\/","header_author_uri":"https:\/\/github.com\/hasibur12","rating":0,"author_block_rating":0,"active_installs":0,"downloads":35,"num_ratings":0,"support_threads":0,"support_threads_resolved":0,"author_block_count":0,"sections":["description"],"tags":{"1.0.0":{"tag":"1.0.0","author":"devhasib","date":"2026-05-31 11:51:07"}},"upgrade_notice":[],"ratings":[],"assets_icons":{"icon-256x256.png":{"filename":"icon-256x256.png","revision":3555281,"resolution":"256x256","location":"assets","locale":"","width":256,"height":256}},"assets_banners":{"banner-1544x500.png":{"filename":"banner-1544x500.png","revision":3555281,"resolution":"1544x500","location":"assets","locale":"","width":1544,"height":500},"banner-772x250.png":{"filename":"banner-772x250.png","revision":3555656,"resolution":"772x250","location":"assets","locale":"","width":772,"height":250}},"assets_blueprints":{},"all_blocks":[],"tagged_versions":["1.0.0"],"block_files":[],"assets_screenshots":{"Screenshot-1.png":{"filename":"Screenshot-1.png","revision":3555281,"resolution":"1","location":"assets","locale":"","width":959,"height":578},"Screenshot-2.png":{"filename":"Screenshot-2.png","revision":3555281,"resolution":"2","location":"assets","locale":"","width":1471,"height":677},"Screenshot-3.png":{"filename":"Screenshot-3.png","revision":3555281,"resolution":"3","location":"assets","locale":"","width":1249,"height":841}},"screenshots":[]},"plugin_section":[],"plugin_tags":[37395,66595,65874,130912,286],"plugin_category":[45],"plugin_contributors":[259418],"plugin_business_model":[],"class_list":["post-319681","plugin","type-plugin","status-publish","hentry","plugin_tags-color-swatches","plugin_tags-product-attributes","plugin_tags-variable-products","plugin_tags-variation-swatches","plugin_tags-woocommerce","plugin_category-ecommerce","plugin_contributors-devhasib","plugin_committers-devhasib"],"banners":{"banner":"https:\/\/ps.w.org\/sayan-variation-swatches\/assets\/banner-772x250.png?rev=3555656","banner_2x":"https:\/\/ps.w.org\/sayan-variation-swatches\/assets\/banner-1544x500.png?rev=3555281","banner_rtl":false,"banner_2x_rtl":false},"icons":{"svg":false,"icon":"https:\/\/ps.w.org\/sayan-variation-swatches\/assets\/icon-256x256.png?rev=3555281","icon_2x":"https:\/\/ps.w.org\/sayan-variation-swatches\/assets\/icon-256x256.png?rev=3555281","generated":false},"screenshots":[{"src":"https:\/\/ps.w.org\/sayan-variation-swatches\/assets\/Screenshot-1.png?rev=3555281","caption":""},{"src":"https:\/\/ps.w.org\/sayan-variation-swatches\/assets\/Screenshot-2.png?rev=3555281","caption":""},{"src":"https:\/\/ps.w.org\/sayan-variation-swatches\/assets\/Screenshot-3.png?rev=3555281","caption":""}],"raw_content":"<!--section=description-->\n<p>Sayan Variation Swatches for WooCommerce replaces the default dropdown-based variation selectors with visually rich swatches such as colors, images, labels, and radio buttons.<\/p>\n\n<p>It improves product browsing experience by making variation selection faster, clearer, and more user-friendly for customers.<\/p>\n\n<p>This plugin is built for performance, simplicity, and compatibility with modern WooCommerce stores.<\/p>\n\n<h4>WooCommerce Swatches Features<\/h4>\n\n<ul>\n<li>Color swatches (solid and dual\/split colors)<\/li>\n<li>Image swatches for visual product variations<\/li>\n<li>Label \/ Button swatches (S, M, L, XL, etc.)<\/li>\n<li>Radio-style variation selectors<\/li>\n<\/ul>\n\n<h4>Advanced Variation Features<\/h4>\n\n<ul>\n<li>Dual\/split color support for multi-tone products<\/li>\n<li>Automatic variation image switching on selection<\/li>\n<li>No page reload required for image updates<\/li>\n<li>Swatches on product, shop, and category pages<\/li>\n<li>Out-of-stock display control (blur, cross, or hide)<\/li>\n<\/ul>\n\n<h4>Design &amp; Customization<\/h4>\n\n<ul>\n<li>Square, rounded, and circle swatch shapes<\/li>\n<li>Custom swatch size control for product and archive pages<\/li>\n<li>Tooltip support with customizable colors<\/li>\n<li>Selected state indicator with customizable styling<\/li>\n<li>Custom CSS support from settings panel<\/li>\n<\/ul>\n\n<h4>Shop &amp; Archive Enhancements<\/h4>\n\n<p>Show variation swatches directly on shop and category pages, allowing customers to preview product options without opening product pages.<\/p>\n\n<h4>Accessibility<\/h4>\n\n<p>Built with accessibility in mind:<\/p>\n\n<ul>\n<li>ARIA roles for swatches<\/li>\n<li>Keyboard navigation support (arrow keys, Enter, Space, Escape)<\/li>\n<li>Screen reader friendly structure<\/li>\n<\/ul>\n\n<h4>Performance &amp; Compatibility<\/h4>\n\n<ul>\n<li>Lightweight and optimized structure<\/li>\n<li>No unnecessary AJAX requests<\/li>\n<li>Fully compatible with WooCommerce HPOS<\/li>\n<li>Compatible with WooCommerce Cart and Checkout Blocks<\/li>\n<li>Works with most WooCommerce themes including Astra, Flatsome, OceanWP, Storefront, and Divi<\/li>\n<\/ul>\n\n<h4>Perfect For<\/h4>\n\n<ul>\n<li>Fashion and clothing stores<\/li>\n<li>Furniture and home decor shops<\/li>\n<li>Cosmetic and beauty products<\/li>\n<li>Any WooCommerce variable product store<\/li>\n<\/ul>\n\n<h4>How It Works<\/h4>\n\n<ol>\n<li>Install and activate the plugin<\/li>\n<li>Go to Products \u2192 Attributes<\/li>\n<li>Edit an attribute term<\/li>\n<li>Choose swatch type (color, image, label, radio)<\/li>\n<li>Assign values and save<\/li>\n<li>Swatches automatically appear on product pages<\/li>\n<\/ol>\n\n<h4>Variation Image Switching<\/h4>\n\n<p>When a customer selects a swatch, the corresponding product variation image is automatically displayed without page reload. This provides a smoother and more interactive shopping experience.<\/p>\n\n<h4>Frequently Asked Questions<\/h4>\n\n<h4>Does this work with all WooCommerce themes?<\/h4>\n\n<p>Yes. The plugin uses standard WooCommerce hooks and works with most modern WooCommerce themes.<\/p>\n\n<h4>Can I assign different swatches per product?<\/h4>\n\n<p>Yes. You can set global swatches per attribute and override them per product if needed.<\/p>\n\n<h4>Does it support custom attributes?<\/h4>\n\n<p>Yes. Both global and custom product attributes can be used for swatches.<\/p>\n\n<h4>What happens with out-of-stock variations?<\/h4>\n\n<p>You can choose to blur, mark, or hide out-of-stock swatches from settings.<\/p>\n\n<h4>Is it translation ready?<\/h4>\n\n<p>Yes. The plugin is fully translation ready and compatible with multilingual plugins.<\/p>\n\n<h4>Does it support WooCommerce HPOS?<\/h4>\n\n<p>Yes. High-Performance Order Storage is fully supported.<\/p>\n\n<h4>Screenshots<\/h4>\n\n<ol>\n<li>Product page with variation swatches<\/li>\n<li>Plugin settings panel<\/li>\n<li>Design customization options<\/li>\n<\/ol>\n\n<h4>Changelog<\/h4>\n\n<h4>1.0.0<\/h4>\n\n<ul>\n<li>Initial release with WooCommerce variation swatches support<\/li>\n<\/ul>","raw_excerpt":"Replace default WooCommerce dropdowns with modern color, image, label, and radio swatches for variable products.","jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin\/319681","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=319681"}],"author":[{"embeddable":true,"href":"https:\/\/wordpress.org\/plugins\/wp-json\/wporg\/v1\/users\/devhasib"}],"wp:attachment":[{"href":"https:\/\/wordpress.org\/plugins\/wp-json\/wp\/v2\/media?parent=319681"}],"wp:term":[{"taxonomy":"plugin_section","embeddable":true,"href":"https:\/\/wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin_section?post=319681"},{"taxonomy":"plugin_tags","embeddable":true,"href":"https:\/\/wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin_tags?post=319681"},{"taxonomy":"plugin_category","embeddable":true,"href":"https:\/\/wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin_category?post=319681"},{"taxonomy":"plugin_contributors","embeddable":true,"href":"https:\/\/wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin_contributors?post=319681"},{"taxonomy":"plugin_business_model","embeddable":true,"href":"https:\/\/wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin_business_model?post=319681"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}