Variations Radio Buttons for WooCommerce plugin replaces standard WooCommerce variable products drop down box template with radio buttons:
| Before | After |
|---|---|
 |
 |
Variations Radio Buttons for WooCommerce plugin is fully compatible with “WooCommerce Subscriptions” plugin.
Demo
General Options
Plugin options are located in “WooCommerce > Settings > Variations Radio Buttons”.
- Merge attributes
- Sets if you want product attributes to be merged or separated on frontend.
- Default:
yes
- Default:
- Override main price
- Overrides main variable product price on single product page with variation price. Possible values: Do not override; Override with selected variation price ('Merge attributes' only); Override with lowest variation price.
- Default:
Do not override
- Default:
- Replace 'add to cart' form on archives
- Replaces “add to cart” button form on archives with form from single product page (for all products).
- Default:
no
- Default:
- Advanced: Load plugin's JavaScript on single product pages only
- If disabled, will load plugin’s JavaScript on all site’s pages (e.g. on archives). Ignored if “Replace on archives” option is enabled (i.e. JavaScript is loaded everywhere).
- Default:
yes
- Default:
- Advanced: Trigger JavaScript 'show variation' event
- Triggers
show_variationevent on variation change. This is used only if “Merge attributes” option is enabled.- Default:
yes
- Default:
- Advanced: Trigger JavaScript 'found variation' event
- Triggers
found_variationevent on variation change. For example it fixes the issue with variation image update with “Porto” theme. This is used only if “Merge attributes” option is enabled.- Default:
no
- Default:
- Optional extra CSS
- Adds custom CSS.
- Default: None
| Merged | Separate |
|---|---|
 |
 |
Extra CSS
For example, you can change variation text color on mouse over with custom CSS:
.alg_wc_variations_table_tr:hover { color: orange; }
After plugin activation all variable products’ dropdown boxes will be automatically replaced by radio buttons, however you can still use default dropdown for selected products: open product’s edit page and enable “Use default dropdown instead of the radio buttons” checkbox in “Variations Radio Buttons” meta box:
Templates
You can change the frontend template here. Leave the default values if unsure. This section is used only if “Merge attributes” option is enabled in “General” settings section.
- Header
- Placeholders:
%attribute_labels%,%reset_button%.- Default:
<table class="alg_wc_variations_table" cellspacing="0"><tbody><tr><th colspan="2">%attribute_labels%%reset_button%</th></tr>
- Default:
- Each variation
- Placeholders:
%default_input_wrapper_class%,%default_label_wrapper_class%,%input_html%,%input_id%,%variation_title%,%variation_price%,%variation_description%.- Default:
<tr><td class="%default_input_wrapper_class%" style="width:10%;">%input_html%</td><td class="%default_label_wrapper_class%"><label for="%input_id%">%variation_title% (%variation_price%)<br><small>%variation_description%</small></label></td></tr>
- Default:
- Footer
- Default:
</tbody></table>
- Default:
Placeholder Options
- Reset Button: Style
- Option for
%reset_button%placeholder (in “Header”).- Default:
float:right;
- Default:
- Reset Button: Class
- Option for
%reset_button%placeholder (in “Header”).- Default: None
- Reset Button: Text
- Option for
%reset_button%placeholder (in “Header”).- Default:
Clear
- Default:
- Attribute Labels: Glue
- Option for
%attribute_labels%placeholder (in “Header”).- Default:
X
- Default:
- Default Class: Input wrapper
- Replaces
%default_input_wrapper_class%placeholder (for the default variation only) (in “Each variation”).- Default:
alg_wc_variations_default_input_wrapper
- Default:
- Default Class: Label wrapper
- Replaces
%default_label_wrapper_class%placeholder (for the default variation only) (in “Each variation”).- Default:
alg_wc_variations_default_label_wrapper
- Default:
- Variation Title: Glue
- Option for
%variation_title%placeholder (in “Each variation”).- Default:
,
- Default:
Template Examples
If you would like to make your template with p tags, please try setting:
Header to:
<p style="margin-bottom:10px; font-weight: bold;">%attribute_labels%%reset_button%</p>
Each variation to:
<p class="%default_input_wrapper_class%">%input_html% <label for="%input_id%">%variation_title% (%variation_price%)<br><small>%variation_description%</small></label></p>
Footer to empty value.
Attila Jaki (verified owner) –
The plugin had incompatibility issues with Quick View, the support has reacted lightning fast, Dhruvin has debugged the plugin on the same day, now everything´s working perfectly. The best support experience I ever had, thank you!
Georges Langeard –
Great plugin, does exactly what it says and more..
Outstanding support, quick and resourceful : )
Thanks to Dhruvin and his team!
Brian Walton (verified owner) –
Not only a very useful and quality product, but the Support I got was far and away better than I’ve ever experienced with any other plug-in product. (And I’ve had my share!) I highly recommend the Variations Radio Buttons for WooCommerce, and anything else this developer creates.
Gerardo Faiella (verified owner) –
The plugin is exceptional. The author was willing to make some changes to adapt it to our store. I feel lucky to have met Tom because he is a very good programmer and really able to do everything. I recommend the author with full marks.
+++++++++++++++++++ Number One
Praveen Chauhan –
can we use both dropdown and radioboxes in woocommerce variations using this plugin?
Tom Anbinder –
Hi,
I’ve replied in the “Support” tab, but just in case, I’m posting same here:
Not sure if I understood the question correctly, but if you mean that you need to enable radio buttons for some variable products only and leave the default dropdown for other variable products – yes, that is possible. When you open product’s admin edit page, there is “Variations Radio Buttons” meta box, where you can enable “Use default dropdown instead of the radio buttons” checkbox.
Yazan –
Hi. Does this plugin work for subscription variations?
Tom Anbinder –
Hi,
Yes, the plugin works with subscription variations (i.e. “WooCommerce Subscriptions” plugin).
Karl Campbell –
Great, simple plugin. Excellent customer support. Thanks, Tom!
Danish –
That right there is indeed a brilliant plugin.
Anyone thinking to buy this, go ahead because these guys gave me not only plugin but also great after sale support. I am impressed by the honesty of Tom.
Great job guys
Edward –
Does this honor the default variation selection? In product admin you are able to select a default item to be selected as the default that would be set in the menu. Will this also set the default selected radio option here?
Tom Anbinder –
Hi Edward,
Yes, the default variation settings (i.e. “Default Form Values”) will be honored.
zalozbaforummedia (verified owner) –
Great product.
Worked out of the box and simple to use.
We did have 1 problem: We use Porto theme and we discovered it sometimes prevents plugin to work correctly becose of some JS.
Tom from WpFactoy went in and fixed the problem so plugin worked correctly. The problem was actualy in the theme and he fixed all the same.
This is the support you can only wish for if you are somewhat of a novice WP user.
Thanks again, Tom
enricgomez (verified owner) –
Super plugin, easy and effective. Great Support.
scotthopkins (verified owner) –
Pablo was fast in replying to all of the support requests I made – he also extended the plugin to add support for Woocommerce Subscription variations in less than 24 hours.
Awesome !! – Thanks Scott
Pablo Pacheco –
Thanks!
Laura –
I am very very happy this plugin. There were just a few things but Pablo added the features and I was very pleased with the support. The plugin now works perfectly for us! Thank you again!
Pablo Pacheco –
Thanks!
Ido Angel –
great plugin and great support!
Pablo Pacheco –
Thanks!
Michael J. –
Good plugin for a good price. Thanks!