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

1. Set up attributes in Products → Attributes (for example: Size, Color).
2. In the product edit screen, pick a display type for each attribute:
   • Drop-down
   • Radio buttons
3. Optionally, override the display type on specific products in the product edit screen.
4. On the front end, the plugin replaces (or enhances) WooCommerce’s default dropdown markup based on your choices.
5. 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.