{"id":317860,"date":"2026-06-01T05:00:18","date_gmt":"2026-06-01T05:00:18","guid":{"rendered":"https:\/\/wordpress.org\/plugins\/swatchify-variation-swatches-for-woocommerce\/"},"modified":"2026-06-01T04:59:48","modified_gmt":"2026-06-01T04:59:48","slug":"swatchify-variation-swatches","status":"publish","type":"plugin","link":"https:\/\/cn.wordpress.org\/plugins\/swatchify-variation-swatches\/","author":23147279,"comment_status":"closed","ping_status":"closed","template":"","meta":{"version":"1.0.0","stable_tag":"1.0.0","tested":"7.0","requires":"5.8","requires_php":"7.2","requires_plugins":null,"header_name":"Swatchify - Variation Swatches for WooCommerce","header_author":"Digital Web Tutor","header_description":"A minimal and lightweight plugin to convert WooCommerce variation dropdowns into beautiful text swatches.","assets_banners_color":"","last_updated":"2026-06-01 04:59:48","external_support_url":"","external_repository_url":"","donate_link":"","header_plugin_uri":"","header_author_uri":"https:\/\/digitalwebtutor.com","rating":0,"author_block_rating":0,"active_installs":0,"downloads":20,"num_ratings":0,"support_threads":0,"support_threads_resolved":0,"author_block_count":0,"sections":["description","installation","faq","changelog"],"tags":{"1.0.0":{"tag":"1.0.0","author":"dominopress","date":"2026-06-01 04:59:48"}},"upgrade_notice":[],"ratings":[],"assets_icons":[],"assets_banners":[],"assets_blueprints":{},"all_blocks":[],"tagged_versions":["1.0.0"],"block_files":[],"assets_screenshots":[],"screenshots":{"1":"Swatches on the single product page."}},"plugin_section":[],"plugin_tags":[51677,18781,130912,286],"plugin_category":[45],"plugin_contributors":[239477],"plugin_business_model":[],"class_list":["post-317860","plugin","type-plugin","status-publish","hentry","plugin_tags-product-variations","plugin_tags-swatches","plugin_tags-variation-swatches","plugin_tags-woocommerce","plugin_category-ecommerce","plugin_contributors-digitalwebtutor","plugin_committers-digitalwebtutor","plugin_committers-dominopress"],"banners":[],"icons":{"svg":false,"icon":"https:\/\/s.w.org\/plugins\/geopattern-icon\/swatchify-variation-swatches.svg","icon_2x":false,"generated":true},"screenshots":[],"raw_content":"\n

Swatchify is a minimal, lightweight, and fast plugin that converts standard WooCommerce variation dropdowns into beautiful and user-friendly text swatches. This enhances the user experience of your WooCommerce store, allowing customers to easily select product variations.<\/p>\n\n

Features:\n* Converts variation dropdowns to clickable text swatches.\n* Works seamlessly with standard WooCommerce products.\n* Minimalist and lightweight coding for optimal performance.\n* Choose between Square, Rounded, or Circle swatches via a simple settings panel.<\/p>\n\n

How to Use<\/h3>\n\n

Using Swatchify is completely automatic. It applies to your existing WooCommerce variable products out of the box:<\/p>\n\n

    \n
  1. Create a Variable Product in WooCommerce (Products -> Add New -> Product Data: Variable product).<\/li>\n
  2. Under the \"Attributes\" tab, add your attributes (e.g., Size, Color) and make sure \"Used for variations\" is checked.<\/li>\n
  3. Under the \"Variations\" tab, generate your variations and assign prices to them.<\/li>\n
  4. Publish the product and view it on the front end. The native WooCommerce dropdowns will automatically be converted to beautifully styled, clickable swatches!<\/li>\n
  5. To change the shape of the swatches, navigate to Settings -> Swatchify Settings<\/strong> in your WordPress dashboard and choose between Square, Rounded, or Circle shapes.<\/li>\n<\/ol>\n\n\n
      \n
    1. Upload the plugin files to the \/wp-content\/plugins\/swatchify-variation-swatches<\/code> directory, or install the plugin through the WordPress plugins screen directly.<\/li>\n
    2. Activate the plugin through the 'Plugins' screen in WordPress.<\/li>\n
    3. Make sure WooCommerce is installed and active.<\/li>\n<\/ol>\n\n\n
      \n

      Does it work with WooCommerce?<\/h3><\/dt>\n

      Yes, WooCommerce is required for this plugin to work.<\/p><\/dd>\n\n<\/dl>\n\n\n

      1.0.0<\/h4>\n\n
        \n
      • Initial release.<\/li>\n<\/ul>","raw_excerpt":"A minimal and lightweight plugin to convert WooCommerce variation dropdowns into beautiful text swatches.","jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/cn.wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin\/317860","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/cn.wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin"}],"about":[{"href":"https:\/\/cn.wordpress.org\/plugins\/wp-json\/wp\/v2\/types\/plugin"}],"replies":[{"embeddable":true,"href":"https:\/\/cn.wordpress.org\/plugins\/wp-json\/wp\/v2\/comments?post=317860"}],"author":[{"embeddable":true,"href":"https:\/\/cn.wordpress.org\/plugins\/wp-json\/wporg\/v1\/users\/digitalwebtutor"}],"wp:attachment":[{"href":"https:\/\/cn.wordpress.org\/plugins\/wp-json\/wp\/v2\/media?parent=317860"}],"wp:term":[{"taxonomy":"plugin_section","embeddable":true,"href":"https:\/\/cn.wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin_section?post=317860"},{"taxonomy":"plugin_tags","embeddable":true,"href":"https:\/\/cn.wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin_tags?post=317860"},{"taxonomy":"plugin_category","embeddable":true,"href":"https:\/\/cn.wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin_category?post=317860"},{"taxonomy":"plugin_contributors","embeddable":true,"href":"https:\/\/cn.wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin_contributors?post=317860"},{"taxonomy":"plugin_business_model","embeddable":true,"href":"https:\/\/cn.wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin_business_model?post=317860"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}