外掛標籤
開發者團隊
② 後台搜尋「Product Variant Dropdown or Radio Button for WooCommerce」→ 直接安裝（推薦）
原文外掛簡介
Product Variant Dropdown or Radio Button for WooCommerce gives you control over how WooCommerce variation attributes are displayed on product pages.
By default, WooCommerce shows variable product options (like size or color) as dropdowns. This plugin lets you decide, per attribute or per product, whether those options should appear as:
A standard (but cleaned-up) drop-down.
A clear, one-click radio button group.
Use it when you want customers to see all choices at once (radio) or keep things compact (drop-down), without writing custom code or editing templates.
What this plugin does
Replace variation dropdowns with radio buttons for easier selection.
Keep dropdowns, but make them clearer and more consistent.
Mix dropdowns and radio buttons on the same product when it makes sense.
Keep using WooCommerce’s built-in variation logic for price, stock, and images.
Key features
Per-attribute display control
Choose whether an attribute like Size or Color should render as a drop-down or as a radio button group.
Per-product overrides
Override the default behavior on individual products if they need a different UI.
Improved dropdown UX
Optionally refine labels / placeholders so dropdowns are easier to understand (e.g. “Choose a size” instead of a blank first option).
Clear radio button groups
Show all options at once with radio buttons, so customers can pick the right variant with a single click.
WooCommerce-native
Works with standard WooCommerce attributes, terms, and variable products. No custom product types or data structures.
Theme-friendly and extensible
Uses established WooCommerce hooks and markup patterns, making it easier to style and extend in your theme or child theme.
How it works
Set up attributes in Products → Attributes (for example: Size, Color).
In the product edit screen, pick a display type for each attribute:
Drop-down
Radio buttons
Optionally, override the display type on specific products in the product edit screen.
On the front end, the plugin replaces (or enhances) WooCommerce’s default dropdown markup based on your choices.
WooCommerce still handles variation selection, pricing, stock status, and gallery images.
Typical use cases
Show sizes (S, M, L, XL) as radio buttons instead of a dropdown.
Keep Color as a dropdown, but improve the first “Choose…” label.
Use dropdowns for long lists (e.g. 20+ options) and radio buttons for short, important attributes.
Make variant selection more obvious and reduce user confusion.
Who is it for?
Store owners who want a clearer, more direct variant selection UI.
Marketers who want to reduce friction at the “choose options” step in the funnel.
Developers and agencies who prefer a configurable, hook-based solution instead of hand-coded templates on every project.
