
內容簡介
Plogins Swatch 是一款為 WooCommerce 設計的外掛,能將預設的變數選項下拉選單替換為視覺化的顏色樣本,提升產品頁面的可用性與美觀性。使用者可以自訂每個屬性的樣本類型,讓購物體驗更加直觀。
【主要功能】
• 支援顏色和按鈕/標籤樣本類型
• 每個屬性可選擇樣本類型
• 自訂顏色和標籤,儲存為屬性元資料
• 無需 jQuery,使用原生 JavaScript
• 鍵盤操作友好,適合輔助技術使用
• 自動回退至標準下拉選單
外掛標籤
開發者團隊
② 後台搜尋「Swatch – Variation Swatches for WooCommerce」→ 直接安裝(推薦)
原文外掛簡介
Swatch replaces WooCommerce’s default variation
Colour and button/label swatch types.
Per-attribute type selection on the global attribute screen.
Per-term colour (sanitize_hex_color) and custom label, stored as term meta.
Wires into WooCommerce’s native variations form, no jQuery, vanilla JS.
Keyboard operable (radiogroup semantics, arrow keys) and screen-reader labelled.
Focus-visible rings, sufficient contrast, reduced-motion friendly, no layout shift.
Graceful fallback to the standard dropdown when an attribute has no swatch data.
Swatches in shop and category listings too, off by default so your shop page does not change without you asking.
Settings page under WooCommerce: enable/disable, default swatch type and the shop-listing switch.
Self-contained. No external services, no account, no third-party dependencies.
External Services
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.
Everything is stored in your own database: the swatch type per attribute, the global defaults and a schema version are kept in the swatch_attribute_types, swatch_settings and swatch_db_version options, and each term’s colour and label are stored as the swatch_color and swatch_label term meta on your WooCommerce attribute terms. The plugin sends no email.
Translations
Plogins Swatch is fully translatable and ships the plogins-swatch.pot 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.
