STWooSwatches – WooCommerce Product Attribute Swatches
The most advanced WooCommerce Swatch extension for product attributes ( supports custom attributes too ) that adds three types ( Color, Image, and Label or Text ) of product attribute display types with WooCommerce default product attribute display type. And it converts product attribute dropdown in single product template into swatch or swatches.
You can display product attribute swatch or swatches in WooCommerce Shop page, Product archive pages, Cart page, Users’ order item page, and Email template too.
STWooSwatches extension easily allows you to add a new term to product attribute ( color, image or label swatch ) in data tab while editing a product.
- Settings available in WordPress default customizer
- Three Swatch types – Color, Image and Label type
- Allowed Swatch sizes – Tiny, Small, Medium, Large
- Supported Swatch shapes – Circle, Square and Rounded Square
- Swatch Position – After Product Title, Before Product Title or Use Shortcode
- Global settings for WooCommerce Product Category display settings
- Global Swatch or Swatches settings for WooCommerce Cart and Checkout page display settings
- Enable Tooltip
- Option for Tooltip background color
- Option for Tooltip text color
- Live Preview for all options or settings
- Customize swatch Border color
- Customize activate swatch Border color
- Swatches in
- Shop ( Product Catalog ) and Product Archive page
- Cart and Checkout
- Order Item Meta
- Email Template too
- Compatible with WPML
== 1.1.2 == * Released : August 01, 2020 >> Update - Added option ( Max swatches ) to show few attributes in product loops. >> Update - Compatible issue with wooCommerce 4.3.1 >> Update - language file. >> Tweak - Changed version number. >> Files Worked 1. adminclass-st-woo-customizer.php 2. admincsscustomizer.css 3. publiccssfrontend.css 4. publicpartialsclass-st-woo-shop.php - loop_swatch(), swatch_html() and swatch_html_alt() == 1.1.1 == * Released : June 28, 2020 >> Update - Added Tooltip in cart, checkout and order pages. >> Update - Custom attribute sanitizing >> Update - Hide out of stock items ( WooCommerce -> Settings -> Products -> inventory -> Hide out of stock items from the catalog ) >> Update - Added Swatch Widget >> Update - Compatible issue with wooCommerce 4.2.2 >> Update - language file. >> Tweak - Changed version number >> Files Worked 1. st-woo-swatches.php 2. publicpartialsclass-st-woo-order-item.php 3. publicpartialsclass-st-woo-single-variable-product.php 4. adminpartialsclass-st-woo-product.php 5. publicpartialsclass-st-woo-shop.php 6. publicjsfrontend.js 7. publicclass-st-woo-swatches-public.php 8. publiccssfrontend.css == 1.1.0 == * Released : October 19, 2019 >>Update - Compatible issue with wooCommerce 3.7.1 >>Update - Added option to show or hide swatches in cart and checkout page. >>Update - language file. >>Tweak - Modified plugin header informations. >>Tweak - Changed version number == 1.0.9 == * Released : September 30, 2019 >> Fix - Compatible issue with wooCommerce 3.7.0 >> Update - language file. >> Files Worked ( all *.php files ) == 1.0.8 == * Released : May 22, 2019 >> Tweek - Updated - label swatch data with number value script( frontend.js ) bug. >> Tweak - Modified plugin header informations. >> Files Worked 1. frontend.js == 1.0.7 == * Released : April 14, 2019 >> Update - Added wpml config file ( wpml-config.xml ). >> Tweak - Modified plugin header informations. >> Tweak - Updated Text domain. >> Update - language file. >> Files Worked 1. admin.js 2. class-st-woo-cart.php 3. class-st-woo-customizer.php 4. class-st-woo-product.php 5. class-st-woo-shop.php 6. class-st-woo-single-variable-product.php 7. class-st-woo-swatches-admin.php 8. frontend.js 9. st-woo-swatches.php == 1.0.6 == * Released : February 9, 2019 >> Update - Updated notification for install and activate WooCommerce plugin. >> Update - Updated WooCoommerce catlog column and row control visibility. >> Update - Added 'sten_wc_params' filter hook. >> Update - Added sanitize_title(). >> Tweak - Updated selector with special chars. >> Update - language file >> Files Worked 1. st-woo-swatches.php 2. adminpartialsclass-st-woo-customizer.php 3. publicclass-st-woo-swatches-public.php 4. publicpartialsclass-st-woo-single-variable-product.php 5. publicjsfrontend.js == 1.0.5 == * Released : December 10, 2018 >> Update - Added swatches for product custom attributes >> Update - Added option to show only one product attribute in catalog and product archive pages. >> Update - Added catalog mode for product >> Files Worked 1. adminjsadmin.js 2. adminpartialsclass-st-woo-customizer.php 3. adminpartialsclass-st-woo-product.php 4. partialsclass-st-woo-order-item.php 5. publicpartialsclass-st-woo-shop.php 6. publicpartialsclass-st-woo-single-variable-product.php 7. st-woo-swatches.php == 184.108.40.206 == * Released : November 9, 2018 >> Fix - Compatible issue with wooCommerce 3.5.1 >> Files Worked 1. publicpartialsclass-st-woo-shop.php == 1.0.4 == * Released : November 1, 2018 >> Update - Now compatible with wooCommerce 3.5.0 >> Files Worked 1. adminpartialsclass-st-woo-product.php == 1.0.3 == * Released: October 18, 2018 >> Tweak - Plugin header modified >> Update - Added Tooltip for swatches >> Files Worked 1. adminpartialsclass-st-woo-customizer.php 2. adminpartialsclass-st-woo-product-attributes.php 3. publiccssfrontend.css 4. publicpartialsclass-st-woo-shop.php 5. publicpartialsclass-st-woo-single-variable-product.php 6. publicclass-st-woo-swatches-public.php == 1.0.2 == * Released: June 14, 2018 >> Fix - WooCommerce product loop - show variation default attribute >> Files Worked 1. publicpartialsclass-st-woo-shop.php 2. publicpartialsjsfrontend.js == 1.0.1 == * Released: May 29, 2018 >> Fix - Added seperate JS listeners for Image attribute type in admin edit term and single prodcut page >> Tweak - Changed version number >> Tweak - Updated Text domain >> Tweek - Updated plugin action links == 1.0.0 == * Released: May 18, 2018 >> Initial releaseSource