Variation Dropdown to Radio Buttons for WooCommerce
Variation Dropdown to Radio Buttons for WooCommerce converts the standard WooCommerce variation <select> dropdown into beautiful, clickable radio buttons, switch boxes, or enhanced select controls — making it easier for customers to browse and choose product variations without hunting through a dropdown list.
Customers can see all available options at a glance, compare prices and stock status side-by-side, and select a variation in one click. The result is a faster, more intuitive shopping experience that reduces friction and increases add-to-cart rates.
⭐ Get the Pro Version for advanced layouts, image controls, column grids, and priority support.
Why Replace WooCommerce Dropdown Variations?
The default WooCommerce dropdown hides all your variation options inside a collapsed select box. Shoppers must click, scroll, and read through a plain list — often missing options entirely. Radio buttons surface every variation immediately, letting customers see images, prices, and stock at a glance before they click.
Studies consistently show that visible product options reduce decision friction and increase conversion rates in e-commerce.
Core Features
- Radio Buttons layout — replaces variation dropdowns with styled radio button cards
- Switch Box layout — modern card-style layout with image, price, and stock
- HTML Select layout — clean, accessible native select element
- Select2 layout — searchable, styled dropdown powered by Select2
- Show variation image — display variation thumbnail inside each option
- Show variation price — surface price differences directly on each button
- Show stock availability — display In Stock / Out of Stock per variation
- Show variation description — include variation description text beneath each option
- Show product title — prepend the parent product name to each variation label
- Out-of-stock handling — disable, strikethrough, or hide unavailable variations
- Custom variation name — override the label per variation from the product edit screen
- Lightweight and fast — scripts and styles load only on single product pages
- Zero configuration — works immediately after activation with sensible defaults
- Column grid control — set exact column counts for desktop and mobile independently
- Image position — place variation image left, above, or below the variation label
- Button style options — card, minimal, outlined, and more
- Priority email support — direct access to the development team
- Early access — first access to new layouts and features
Documentation & Support
Full setup guide, screenshots, and developer hooks are available in the plugin documentation.
For questions, bugs, or feature requests, visit the support page or open a thread in the WordPress.org support forum.
Works With
- WooCommerce 5.0 and above
- Simple variable products with any number of attributes
- All major WooCommerce-compatible themes (Storefront, Flatsome, Astra, Divi, OceanWP, and more)
- Page builders: Elementor, WPBakery, Beaver Builder, Gutenberg