內容簡介
YaySwatches 是一款強大的 WooCommerce 變體樣式外掛，將單調的下拉選單轉換為美觀的顏色、圖片和標籤樣式，提升產品的可視性和選擇速度，無需編碼即可輕鬆自訂樣式，改善購物體驗。
【主要功能】
• 支援顏色、圖片和標籤樣式
• 自動顯示變體圖片樣式
• 可自訂樣式泡泡設計
• 顯示完整顏色/屬性名稱
• 支援缺貨變體的顯示/隱藏（Pro 版本）
• 兼容多種頁面建構器和佈景主題
外掛標籤
開發者團隊
② 後台搜尋「YaySwatches – Variation Swatches for WooCommerce」→ 直接安裝（推薦）
原文外掛簡介
Your products deserve options that stand out. 🎨✨
YaySwatches is a powerful WooCommerce variation swatches plugin that transforms boring dropdowns into beautiful color, image, label swatches with various visual effects. Help customers see their choices clearly and pick variations faster. No coding needed.
Customize styles, improve product clarity, and create a smoother shopping experience that converts.
It works seamlessly with WooCommerce, most page builders and block themes.
👋 Quick Demo | Admin Demo
YaySwatches brings your WooCommerce product variations to life:
Enable color, image, and label swatches
Zoom preview or enlarged image of swatch
Display full color/attribute name on hover
Shows additional info when hovering over a swatch
Customers can select variations directly from the product listing (Pro version)
Greyed-out or crossed swatches for out-of-stock items (Pro version)
Dual-color swatches supported
Check out YaySwatches Pro 💎
👋 YaySwatches Works with Popular Page Buiders
Gutenberg
Elementor
Kubio Page Builder
SiteOrigin
Beaver Builder
Brizy Builder
Divi
Thrive Architect
Bricks Builder
Oxygen
And many more
🚀 Works with Any WooCommerce Themes
Brandy
Blocksy
GeneratePress
OceanWP
Storefront
YITH themes
🌐 Multi-Language Plugins Supported
WPML
Polylang
Documentation | Free vs Pro
⚡️ FEATURES
YaySwatches is a feature-packed WooCommerce variation swatches plugin with a modern and simplified user interface.
It combines WooCommerce global attributes and custom product attributes in a single dashboard.
Just visit YaySwatches options and settings, you will see all available product attributes and set the styles you like.
Color Swatches
Displaying the corresponding product image swatches based on colors.
Automated Variation Image Swatches
If your products come with different variant images, they will be shown automatically.
Customizable Swatch Bubbles
Plenty of design options, including swatch shape, size, border, color, spacing, and tooltip.
Customizable Swatch Button
You can tweak the variation button design to fit your website’s color profiles. Even better, you can display buttons for attributes like size, material, model, etc. right on the shop/category page.
Powerful Attribute Options
YaySwatches works with pre-existing attributes (free version) and also custom product attributes (premium version only).
Enhanced Shop Page & Catalogs (PRO)
Shop page, catalogs, and category pages are fully supported in YaySwatches Pro version. You can enable and set a limit to the number of swatch bubbles shown for each product on the shop page. This helps keep your product grid neat and tidy. Once the customer clicks on the rest of the swatch options, they can view the remaining swatches or jump to the product page.
Out-of-stock Variation Visibility (PRO)
Show or hide those variations that have been sold out on the product page, shop page, and categories page. You can choose a predesigned style for showing/hiding out-of-stock variants to fit your WooCommerce store.
Making Your Products Easy to Find
The ultimate goal of this plugin is to make browsing your products or services extremely easy!
QUICK & EASY SETUP
With YaySwatches – Variation Swatches for WooCommerce plugin, it takes a few minutes to set up all WooCommerce variation swatches.
It provides a more vivid appearance for your product attributes through color swatches, image swatches, automated variant image swatches, buttons, and radio buttons.
As a result, all of the items are displayed so that your customer can quickly get all the available product options you have to offer.
With YaySwatches, the customers can browse and buy your products with engagement!
To further enhance your ecommerce site, you can even send WooCommerce custom email per product, product variations, or product SKUs.
Find out more:
🔍 Want to see YayCommerce in action? View all YayCommerce plugin demos and explore the full suite of features.
