Tested Updated Trending Bestseller Perfect rating

Variations Radio Buttons for WooCommerce

(11 customer reviews)

From: $19.99 / year

Replaces standard WooCommerce variable products template with radio buttons.

Clear

Description

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 - Before Variations Radio Buttons for WooCommerce - 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”.

Variations Radio Buttons for WooCommerce - General Options

Merge attributes
Sets if you want product attributes to be merged or separated on frontend.
Default: yes
Merged Separate
Variations Radio Buttons for WooCommerce - Frontend - Merged Attributes Variations Radio Buttons for WooCommerce - Frontend - Separate Attributes
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
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
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
Advanced: Trigger JavaScript "show variation" event
Triggers show_variation event on variation change. This is used only if “Merge attributes” option is enabled.
Default: yes
Advanced: Trigger JavaScript "found variation" event
Triggers found_variation event 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

Extra CSS

Optional extra CSS
Adds custom CSS.
Default: None

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:

Variations Radio Buttons for WooCommerce - Product 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.

Variations Radio Buttons for WooCommerce - Templates Options

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>
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>
Footer
Default:
	<tbody>
</table>

Placeholder Options

Variations Radio Buttons for WooCommerce - Placeholder Options

Reset Button: Style
Option for %reset_button% placeholder (in “Header”).
Default: float:right;
Reset Button: Class
Option for %reset_button% placeholder (in “Header”).
Default: None
Reset Button: Text
Option for %reset_button% placeholder (in “Header”).
Default: Clear
Attribute Labels: Glue
Option for %attribute_labels% placeholder (in “Header”).
Default:  X 
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 Class: Label wrapper
Replaces %default_label_wrapper_class% placeholder (for the default variation only) (in “Each variation”).
Default: alg_wc_variations_default_label_wrapper
Variation Title: Glue
Option for %variation_title% placeholder (in “Each variation”).
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.

11 reviews for Variations Radio Buttons for WooCommerce

  1. 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.

  2. Yazan

    Hi. Does this plugin work for subscription variations?

    • Tom Anbinder

      Hi,

      Yes, the plugin works with subscription variations (i.e. “WooCommerce Subscriptions” plugin).

  3. Karl Campbell

    Great, simple plugin. Excellent customer support. Thanks, Tom!

  4. 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

  5. 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.

  6. 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

  7. enricgomez (verified owner)

    Super plugin, easy and effective. Great Support.

  8. 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!

  9. 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!

  10. Ido Angel

    great plugin and great support!

    • Pablo Pacheco

      Thanks!

  11. Michael J.

    Good plugin for a good price. Thanks!

Add a review

Your email address will not be published. Required fields are marked *

50 thoughts on "Variations Radio Buttons for WooCommerce"

  1. Hello,

    I’ve installed this plugin on my development site (not publicly accessible). I have two issues that come up when Separate Options are used:

    1) The radio buttons are not selectable (greyed out – see picture)

    https://imgur.com/K7RcVV4

    2) The total price does not display above the Add to Cart button

    Both of these features work when Merge Options is selected, but I need to use Separate Options.

    Any ideas of how to help?

  2. Hi there,

    Is there a way to maintain the ‘Add to cart’ buttons on the shop page in stead of ‘Select options’ while using this plugin? After which the standard value price entered via the variable options is then added to the shopping cart?

    Please let me know, thanks.

  3. Is it possible to show “out of stock” next to out of stock variations?

    Can the font size be changed?

  4. Hello,
    I purchased the plugin and gets error on radio click:
    the_form.wc_variations_image_update is not a function.
    can you please help?
    Thank you,
    Uri

  5. I have a pre-sale question. can we use both dropdown and radioboxes in woocommerce variations using your plugin?

    1. Hi,

      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.

      Hope that helps.

    2. I want to use dropdown and radio box for the same product. Means some fields will be dropdown and some fields will be radio box. Like i did it here
      https://dev.lifesoftwares.com/yhgnew/product/f45-challenge-meals/

      The problem is that after doing it like this the add to cart is not working. Is this possible with your plugin ?

    3. Hi,

      Ok, I got it. Unfortunately, that is not possible at the moment – I will have to check if I can implement it in the next plugin version.

  6. Hello,
    I have the following problem: for each variation it shows only the slug of the attribute, not the full name of the variation. Please see screenshot: https://i.imgur.com/j0VEx4P.jpg

    1. If anyone else has a similar problem – I’m still not sure what happened but it seems that as soon as the product was published, the problem went away, i.e. attributes slugs were replaced by names as it should be. I didn’t manage to reproduce the issue on my test server though – attributes were displayed normally even with draft products on my server.

  7. Hello,
    Since we installed this plugin it has effected the stock levels on our variable products. For example, we have
    Product 1, size L, Qty 10
    Product 1, size M, Qty 2
    Product 1, size S, Qty 7

    But now, it says the Qty for all variations is 10. It takes only the first variation quantity and applies to to all variations below on the list.

    This is a big problem for us. Can you please advise how to fix this?

    Thanks
    Kirsty

    1. If anyone else has a similar issue – still not sure what exactly happened, but it seems that clearing the cache solved the problem.

  8. Hi

    We have a problem with variation images. When Variable product is loaded, the right picture for selected defult variation is loaded and shown, however, when you click to anoter variation of the product, which has different picture, the picture doesnt switch to the correct one.

    Can you help resolve this, please as it is important for us- other solution would probably be a soulution without or other plugin…

    With regards
    Dean

    1. Hi,

      It seems that this was a compatibility issue with Porto theme. To fix this we’ve added new Trigger JavaScript “found variation” event checkbox option to plugin settings in “WooCommerce > Settings > Variations Radio Buttons > Advanced”. Enabling it should solve the problem.

  9. Hi
    The plugin is not working correctly for us. It sucsessfuly changes the variations select with radio buttons and selects automaticly from defult form valuest (defult variation selected in product). So the wanted variation is preselected. However, when you click on add to cart, it doestn register the selection and says to select a variation you want first. We deactivated the plugin and the defult variation select works as it should, so it is a problem with the plugin. We are using the woocommerce Porto theme.
    Can you help please.
    Reagrds
    Dean

    1. Hi, we dicovered that it doesnt work becose of Woocomerce Porto theme.
      Can you give us guidenc how or in which file to correct the situation?

      Regards

    2. Hello
      I am urgently waiting on your solution. I just want it to help you, telling you we dicovered Porto theme is used and that the problem dissapers when is is not used.
      We need you to help us to make this work and make this plugin compatible with the theme or we will need the refound -as going away from porto at this stage becose of your plugin is not possible.

    3. If anyone else has a similar question – as we’ve figured out in private emails:

      1. When installed on my test server, the plugin didn’t have any compatibility issues with “Porto” theme.

      2. On Dean’s server it was indeed not working correctly – this happened because of JavaScript error that came from Porto theme’s “\porto\js\woocommerce-theme.js” file:

      Uncaught TypeError: Cannot set property 'src' of undefined)

      This error stopped our plugin’s JavaScript code from executing properly. To fix this we have replaced on line 1950 in “\porto\js\woocommerce-theme.js” from:

      if (typeof links != 'undefined') {

      to:

      if (typeof links != 'undefined' && 0 != links.length) {
    4. Yes, thank you Tom. You went all the way and fixed the problem. Someone else might just say not problem with my plugin πŸ™‚

  10. Hi,

    Does your plugin work with bundled products with variations https://woocommerce.com/products/product-bundles/?

    1. Hi Richard,

      I’ve just replied to you via email.

  11. While I like this very much, it is not working for me due to the string length limitation on the variations.

    For example, with WC Variations Radio Buttons, I am currently offering the following options for pendants:

    pendant only $13.95
    20″ silver plated snake chain for $23.95
    with 20″ sterling silver box chain for $25.95
    with 24″ sterling silver box chain for $27.95

    Currently doing that with this plug in generates the following error: “Invalid value posted for chain option”. The error does not appear until a customer makes a purchase.

    I’m pretty sure this is a string length problem because the plugin works and looks great when I’m doing short options like this
    pack of 24
    pack of 100

    Would it be possible for you to make it work with longer strings so I have enough characters to fully describe my options? I really can’t find a way to use this plugin due to this character limitation.

    Thanks so much for helping me out with this. Love the work you go. -Karen

    1. Hi Karen,

      I’ve just tried it on my server, but unfortunately couldn’t reproduce the issue – it seems to be working fine here. Generally, I don’t think it’s a string length limitation issue – first thing that came to my mind when I saw your attributes is possible issues with β€³ symbol, however, as mentioned, it’s working fine on my server even with this symbol. So one option would be to start by removing β€³ symbol, just to be sure… And if you wish, you can share an admin account to your server, so I could log in and check what’s going on. If that is possible – my private email is [email protected]. And also FTP access would help a lot.

    2. If anyone else has a similar issue – as we’ve figured out in private emails – replacing β€³ symbol with the word “inch” seems to be solving the issue.

  12. Hi WP Factory. Just purchased this plugin, but unfortunately it does not seem to work with “Name your price” plugin. Everything looks OK, bot when I add to an order, WooCommerce says “Please choose product options…”.
    Can you please help?

    Thanks in advance…

  13. Hi,
    Presales Question
    Is there a checkbox instead of radio button method?
    My site allows for qty. I totally understand the challenges here. It would need to work something like this…

    QTY: 2 Red
    QTY: 0 Green
    QTY: 1 Blue
    …is there any hope for me?
    I’m standing by.

  14. Hi Pablo,

    Great plugin and works well with Woocommerce Subscriptions.

    I want to ask if conditional radiobuttons are possible. I have variations for gender and size. First i want to show the gender radiobuttons and after you select a gender, than the sizes become visible. Looking forward to your respons.

    Ivo Hagoort
    [email protected]

  15. Hi.

    I have a pre-sale question. I’ve seen the screen shots and I do like that I see there but can you point me to 2 or 3 live websites using your plugin or a demo site?

    Thank you in advance.
    Shane

  16. Hello, I would like to use this plugin on my website.
    Pre-sale Question:
    I’m running WooCommerce Subscription. Is this compatible with WooCommerce Subscription.
    I have to ask, because another plugin I used only worked for Variable Product, not Variable Subscription product.

    Thanks

    1. Hi Justin,
      Sorry, not yet. But we are working on it

    2. Hi Justin,
      The plugin is working with WooCommerce Subscription now.

      I just thought you would like to know πŸ˜‰
      See you

    3. Wow awesome, I did an alternative solution of hard coding some radio buttons…
      But I’ll make sure to test your plugin out now and replace my horrible solution!

      Thank you, I’ll go test the plugin soon. Appreciate it.

    4. πŸ˜‰

  17. hi – is this compatible with Woocommerce Subscriptions ?

    thanks Scott

    1. Hi,

      We haven’t tested with WooCommerce Subscriptions yet, but I don’t see a reason why it wouldn’t work.
      And besides, you can purchase it to make tests and in case it doesn’t work well you can ask for refundment

    2. Hi Pablo… it doesn’t work with woo subscription variable products – I’m happy to share the subscriptions plugin with you or give you access to a dev site to get it working please…

      I did send you a private email as well.

      Look forward to hearing back from you – thanks Scott

    3. Hi Scott, I’ve replied you via private email too.
      Yes, I’m interested πŸ™‚

  18. Hi,
    Great plugin, thank you!
    Is it possible to change the font size for the variations?
    And can I hide the price and just have the product variation text only?
    Please let me know which files I need to edit.
    Thank you very much!
    JJ

    1. Hi,
      Sorry for the long delay.

      It’s not possible for now but I will try to add these options for the next version πŸ˜‰
      Thanks for the ideas

    2. Hello,

      I just updated the plugin to version 1.1.3.
      Now it’s possible to hide the price πŸ™‚

      I’ll let you know when I create the option to change the font size

  19. I would need to show all variations, not just the ones that are available. Any idea how to do that with your plugin? Thanks

    1. Hello,
      By available you mean the variations that are in stock?

      If that’s the case, maybe you just need to uncheck “Out of stock visibility” option.
      It’s a WooCommerce option and it’s located on WooCommerce > Settings > Products > Inventory.

      Please try it and tell me the results

  20. Is it compatible with Composite Products?

    1. Hello Jes,
      To be honest, we haven’t tested it with Composite Products, but I believe it would work.
      Anyway, you can try it and ask for refundment if it doesn’t work well for you

  21. Hello,

    Is this plugin compatible with Woocommerce 3.4.3?

    Thanks

    Tom

    1. Hello,

      Yes, it is

  22. Hi, we are using this on our website but it’s not working. We are trying to use it with subscription variables. Please provide any insight on this issue.

    1. Hello,
      Sorry for the delay.

      Can you please elaborate your question?

  23. Hi. I purchased your plugin. Very nice. I was hoping out of the box it would work for me. Unfortunately I need it to apply to Group Products as well.

    I’m trying to figure out a way to convert input quantity boxes to radio buttons for a Grouped Product. I’ve set min/max to 0/1 item.

    This is a custom build theme so the group products are a one shot need. Plugin can be hard wired to apply to all grouped products.

    Is there anyway i can extend your plugin to do this? Any suggestions. I’ve been searching for three days to find a solution.

    Thanks
    Brad

    1. Hello, Thanks.

      Unfortunately the plugin doesn’t apply for grouped products.
      I’ll take a look to see what we can do about it.

      I had a quick idea, but I don’t know if it would work.

      – You could try to change the template single-product/add-to-cart/grouped.php
      – Add a radio button where you want
      – Hide the quantity input via css
      – Via JavaScript, everytime the customer clicks on the radio, the quantity is increased to 1

Leave a Reply

Your email address will not be published. Required fields are marked *

Changelog

2.2.0 - 01/08/2019

  • Dev - General - "Merge attributes" option added.
  • Dev - Settings - "Extra CSS" settings subsection moved to "General" section.

2.1.0 - 21/06/2019

  • Dev - Advanced - 'Trigger JavaScript "found variation" event' option added (defaults to no) (fixes the issue with variation image update with "Porto" theme).
  • Dev - General Options - Override main price - "Override with lowest variation price" option added.
  • Dev - Templates - "Extra CSS" option added.

2.0.0 - 08/05/2019

  • Dev - "Templates" settings section added.
  • Dev - JS - alg-wc-vrb-frontend.js - Triggering show_variation event (e.g. it fixes the issue with "Quantity based pricing table" in "Woocommerce All Discounts" plugin). "Trigger JavaScript 'show variation' event" option added to "General" settings section.
  • Tested up to: 5.2

1.3.0 - 07/05/2019

  • Dev - Advanced - "Replace 'add to cart' form on archives" option added.
  • Dev - JS - alg-wc-vrb-frontend.js - Major code refactoring (will allow script to function on archives now).
  • Dev - JS - alg-wc-vrb-frontend.js - Clear button is now displayed on initial load.

1.2.6 - 01/05/2019

  • Dev - alg_radio_input_td_default and alg_label_td_default HTML classes added to the default variation.

1.2.5 - 29/04/2019

  • Dev - Advanced - "Load plugin's JavaScript on single product pages only" option added.

1.2.4 - 19/04/2019

  • Dev - General Options - "Override main price" option added.
  • Dev - Code refactoring - JS - alg_wc_vrb_ prefix added to all functions.

1.2.3 - 18/04/2019

  • Dev - Compatibility with "WooCommerce WP Social Deals" plugin added.
  • Dev - Admin settings descriptions updated.

1.2.2 - 14/03/2019

  • Fix - Variations descriptions are now hidden on "no default variation" option.

1.2.1 - 13/03/2019

  • Fix - Variations descriptions are now properly displayed on switch.
  • Dev - Admin settings restyled.
  • Dev - Code refactoring.
  • Dev - Translation (POT) file added.

1.2.0 - 18/01/2019

  • Fix - Properly formatting "WooCommerce Subscriptions" prices now (includes sign-up fee etc.).
  • Dev - Code refactoring and clean up.
  • Dev - Admin settings restyled.
  • Dev - "Raw values" are now allowed in admin "style" settings.
  • Dev - Plugin URI updated.

1.1.4 - 01/11/2018

  • Add WooCommerce Subscriptions compatibility.

1.1.3 - 18/10/2018

  • Add option to remove price.

1.1.2 - 11/10/2018

  • Add clear button.
  • Add variation label.
  • Remove empty values from variations array.

1.1.1 - 01/10/2018

  • Check if is variable product before adding JavaScript.
  • Update WC tested up to.
  • Fix variation.php template.

1.1.0 - 20/03/2018

  • "WC tested up to" added to plugin header.
  • Add a metabox on products, with an option to override the radio button by the default dropdown.

1.0.0 - 05/08/2017

  • Initial Release.

Prices & Licenses

Single siteUnlimited sites
1 year[buy] $19.99 / year[buy] $29.99 / year
Lifetime[buy] $39.99[buy] $59.99

Installation and Updates

  • Buy the plugin πŸ™‚
  • Download plugin's zip to your computer (you will receive an email with download link, or you can always download the plugin from your account).
  • Go to "Admin Dashboard > Plugins > Add New > Upload Plugin" and browse for downloaded zip file.
  • If plugin is successfully installed - you should see it added to the Plugins list.
  • To keep WPFactory items up to date, please install WPFactory Helper plugin and enter your site key.

Refunds

We want to ensure that you are 100% happy with your purchase, so if you feel the product(s) you purchased are not the best fit for your requirements and you attempted to resolve issues with product's author, we are offering 30 day money back guarantee refund policy.