Security release. A default installation is not exposed: the markup only becomes unsafe if another plugin hooks one of the swatch filters and returns unescaped HTML. Update, nothing else to do.<\/p>"},"ratings":[],"assets_icons":{"icon-128x128.png":{"filename":"icon-128x128.png","revision":3703998,"resolution":"128x128","location":"assets","locale":"","width":128,"height":128},"icon-256x256.png":{"filename":"icon-256x256.png","revision":3703998,"resolution":"256x256","location":"assets","locale":"","width":256,"height":256}},"assets_banners":{"banner-1544x500.png":{"filename":"banner-1544x500.png","revision":3703998,"resolution":"1544x500","location":"assets","locale":"","width":1544,"height":500},"banner-772x250.png":{"filename":"banner-772x250.png","revision":3703998,"resolution":"772x250","location":"assets","locale":"","width":772,"height":250}},"assets_blueprints":{"blueprint.json":{"filename":"blueprint.json","revision":3704001,"resolution":false,"location":"assets","locale":"","contents":"{\"$schema\":\"https:\\\/\\\/playground.wordpress.net\\\/blueprint-schema.json\",\"meta\":{\"title\":\"Plogins Swatch - Variation Swatches for WooCommerce, Live Preview\",\"author\":\"WPPoland\"},\"landingPage\":\"\\\/wp-admin\\\/admin.php?page=swatch-settings\",\"preferredVersions\":{\"php\":\"8.2\",\"wp\":\"latest\"},\"login\":true,\"steps\":[{\"step\":\"installPlugin\",\"pluginData\":{\"resource\":\"wordpress.org\\\/plugins\",\"slug\":\"woocommerce\"},\"options\":{\"activate\":true}},{\"step\":\"runPHP\",\"code\":\"true, 'completed'=>true));\\nif (function_exists('wc_get_product_id_by_sku') && class_exists('WC_Product_Simple')) {\\n $demo = array('Trailwind Running Shoes'=>89, 'Harbor Leather Wallet'=>39, 'Amber Soy Candle'=>18, 'Coastal Pullover Hoodie'=>49, 'Field Canvas Backpack'=>59, 'Matte Ceramic Mug'=>14);\\n foreach ($demo as $name=>$price) {\\n $sku = 'demo-'.sanitize_title($name);\\n if (wc_get_product_id_by_sku($sku)) { continue; }\\n $p = new WC_Product_Simple();\\n $p->set_name($name); $p->set_sku($sku); $p->set_regular_price((string)$price);\\n $p->set_status('publish'); $p->set_catalog_visibility('visible');\\n $p->save();\\n }\\n}\"},{\"step\":\"installPlugin\",\"pluginData\":{\"resource\":\"wordpress.org\\\/plugins\",\"slug\":\"plogins-swatch\"},\"options\":{\"activate\":true}}]}"}},"all_blocks":[],"tagged_versions":["1.0.14"],"block_files":[],"assets_screenshots":{"screenshot-1.png":{"filename":"screenshot-1.png","revision":3703998,"resolution":"1","location":"assets","locale":"","width":1200,"height":774},"screenshot-2.png":{"filename":"screenshot-2.png","revision":3703998,"resolution":"2","location":"assets","locale":"","width":1200,"height":424}},"screenshots":{"1":"Colour and button swatches on a single product page.","2":"The Swatch settings screen under the WooCommerce menu."}},"plugin_section":[],"plugin_tags":[37395,66595,130912,6602,286],"plugin_category":[45],"plugin_contributors":[264912],"plugin_business_model":[],"class_list":["post-368538","plugin","type-plugin","status-publish","hentry","plugin_tags-color-swatches","plugin_tags-product-attributes","plugin_tags-variation-swatches","plugin_tags-variations","plugin_tags-woocommerce","plugin_category-ecommerce","plugin_contributors-motylanogha","plugin_committers-motylanogha"],"banners":{"banner":"https:\/\/ps.w.org\/plogins-swatch\/assets\/banner-772x250.png?rev=3703998","banner_2x":"https:\/\/ps.w.org\/plogins-swatch\/assets\/banner-1544x500.png?rev=3703998","banner_rtl":false,"banner_2x_rtl":false},"icons":{"svg":false,"icon":"https:\/\/ps.w.org\/plogins-swatch\/assets\/icon-128x128.png?rev=3703998","icon_2x":"https:\/\/ps.w.org\/plogins-swatch\/assets\/icon-256x256.png?rev=3703998","generated":false},"screenshots":[{"src":"https:\/\/ps.w.org\/plogins-swatch\/assets\/screenshot-1.png?rev=3703998","caption":"Colour and button swatches on a single product page."},{"src":"https:\/\/ps.w.org\/plogins-swatch\/assets\/screenshot-2.png?rev=3703998","caption":"The Swatch settings screen under the WooCommerce menu."}],"raw_content":"\n
Swatch replaces WooCommerce's default variation The swatches drive WooCommerce's own variations form, so price, stock and the add-to-cart button update exactly as they do with the stock dropdowns. Selected and out-of-combination states are reflected automatically.<\/p>\n\n The full source lives on GitHub at github.com\/wppoland\/plogins-swatch<\/a> if you want to read the code or report a problem.<\/p>\n\n Features<\/strong><\/p>\n\n Self-contained.<\/strong> No external services, no account, no third-party dependencies.<\/p>\n\n Swatch does not connect to any external services. It makes no outbound HTTP requests, loads no remote scripts, fonts or CDN assets, and sends no telemetry or analytics. There is no account or API key.<\/p>\n\n Everything is stored in your own database: the swatch type per attribute, the global defaults and a schema version are kept in the Plogins Swatch is fully translatable and ships the Yes. Swatch extends WooCommerce's variable products and does nothing without it.<\/p><\/dd>\n They get the plugin's default swatch type (button swatches out of the box), the same as any attribute you have not given its own type. Only a colour attribute with no colours configured falls back to the dropdown automatically.<\/p><\/dd>\n Yes. The front-end is vanilla JavaScript that hooks WooCommerce's own variation events.<\/p><\/dd>\n Yes. Swatches use radiogroup semantics, arrow-key navigation and visible focus rings.<\/p><\/dd>\n Yes. Swatches stay in the native variations form with touch-friendly targets; no separate mobile app or script framework is required.<\/p><\/dd>\n Yes. This plugin is compatible with WordPress Multisite. Network activate it or activate it on individual sites; each site keeps its own settings and data.<\/p><\/dd>\n\n<\/dl>\n\n\n<select><\/code> dropdowns with visual, accessible swatches on single product pages. Choose a swatch type per attribute (colour dots or button\/label pills) and assign a colour or label per term.<\/p>\n\n\n
sanitize_hex_color<\/code>) and custom label, stored as term meta.<\/li>\nExternal Services<\/h3>\n\n
swatch_attribute_types<\/code>, swatch_settings<\/code> and swatch_db_version<\/code> options, and each term's colour and label are stored as the swatch_color<\/code> and swatch_label<\/code> term meta on your WooCommerce attribute terms. The plugin sends no email.<\/p>\n\nTranslations<\/h3>\n\n
plogins-swatch.pot<\/code> template. Translations are delivered by WordPress.org language packs from translate.wordpress.org, which is where Polish, German and Spanish are being contributed; the package itself carries no compiled translation files.<\/p>\n\n\n\n
plogins-swatch<\/code> folder to \/wp-content\/plugins\/<\/code>.<\/li>\n\n
Documentation and links<\/h3><\/dt>\n
\n
Does it require WooCommerce?<\/h3><\/dt>\n
What happens to attributes I have not configured?<\/h3><\/dt>\n
Does it work without jQuery?<\/h3><\/dt>\n
Can shoppers pick variations with a keyboard?<\/h3><\/dt>\n
Does it work on mobile?<\/h3><\/dt>\n
Does this plugin work on WordPress Multisite?<\/h3><\/dt>\n
1.0.14<\/h4>\n\n
\n
wp_kses()<\/code> with an explicit allowlist at the point it is printed. Every renderer escapes the values it writes, but each one ends in a filter, so what actually reached the page was whatever the last callback returned. An add-on, or anything else hooking those filters, could put unescaped markup on a storefront page. The allowlist covers the elements and attributes the swatches use, including img<\/code> for the paid edition's image swatches and data-*<\/code> for the values the script reads.<\/li>\nrgb(...)<\/code> loses that colour. Colours saved on an attribute term are unaffected: they go through sanitize_hex_color()<\/code> on the way in and on the way out.<\/li>\n<\/ul>\n\n1.0.13<\/h4>\n\n
\n
1.0.12<\/h4>\n\n
\n
swatch<\/code> folder. The package has unpacked to plogins-swatch<\/code> since the build started taking the folder name from the text domain, so following the readme put the plugin somewhere WordPress would not find it.<\/li>\n1.0.11<\/h4>\n\n
\n
1.0.10<\/h4>\n\n
\n
1.0.9<\/h4>\n\n
\n
aria-describedby<\/code>, so a screen reader reads the explanation with the control.<\/li>\n<\/ul>\n\n1.0.8<\/h4>\n\n
\n
1.0.7<\/h4>\n\n
\n
1.0.6<\/h4>\n\n
\n
1.0.5<\/h4>\n\n
\n
1.0.3<\/h4>\n\n
\n
1.0.2<\/h4>\n\n
\n
1.0.1<\/h4>\n\n
\n
0.1.5<\/h4>\n\n
\n
0.1.4<\/h4>\n\n
\n
swatch\/swatch_group_vars<\/code> and swatch\/swatch_group_classes<\/code> for PRO sizing and shapes.<\/li>\n<\/ul>\n\n0.1.3<\/h4>\n\n
\n
swatch\/product_swatch_html<\/code>, swatch\/archive_swatch_html<\/code>) and swatch\/swatch_items<\/code> for PRO tooltips and add-ons.<\/li>\n<\/ul>\n\n0.1.2<\/h4>\n\n
\n
swatch\/archive_enabled<\/code> and swatch\/archive_html<\/code> filters for add-ons.<\/li>\n<\/ul>\n\n0.1.1<\/h4>\n\n
\n
swatch\/variation_gallery<\/code> filter and expose swatch_variation_gallery<\/code> on variation JSON for add-ons.<\/li>\n<\/ul>\n\n0.1.0<\/h4>\n\n
\n