{"id":139611,"date":"2021-04-29T03:57:32","date_gmt":"2021-04-29T03:57:32","guid":{"rendered":"https:\/\/wordpress.org\/plugins\/gm-variations-radio-buttons-for-woocommerce\/"},"modified":"2026-03-15T08:34:29","modified_gmt":"2026-03-15T08:34:29","slug":"gm-variations-radio-buttons-for-woocommerce","status":"publish","type":"plugin","link":"https:\/\/es.wordpress.org\/plugins\/gm-variations-radio-buttons-for-woocommerce\/","author":16973082,"comment_status":"closed","ping_status":"closed","template":"","meta":{"version":"3.0","stable_tag":"trunk","tested":"6.9.4","requires":"5.6","requires_php":"7.4","requires_plugins":null,"header_name":"Variation Dropdown to Radio For Woocommerce","header_author":"Gravity Master","header_description":"In signle Porduct Page Select Box convert into radio button","assets_banners_color":"3c6fc3","last_updated":"2026-03-15 08:34:29","external_support_url":"","external_repository_url":"","donate_link":"","header_plugin_uri":"","header_author_uri":"","rating":5,"author_block_rating":0,"active_installs":100,"downloads":2547,"num_ratings":3,"support_threads":1,"support_threads_resolved":0,"author_block_count":0,"sections":["description","installation","faq","changelog"],"tags":[],"upgrade_notice":{"3.0":"<p>Major update. Settings have been migrated automatically. The admin panel has been fully rebuilt in React. Please review your Display Options after upgrading to confirm settings are as expected.<\/p>"},"ratings":{"1":0,"2":0,"3":0,"4":0,"5":3},"assets_icons":{"icon-128x128.png":{"filename":"icon-128x128.png","revision":3482955,"resolution":"128x128","location":"assets","locale":"","width":256,"height":256},"icon-256x256.png":{"filename":"icon-256x256.png","revision":3482955,"resolution":"256x256","location":"assets","locale":"","width":256,"height":256}},"assets_banners":{"banner-772x250.png":{"filename":"banner-772x250.png","revision":3482955,"resolution":"772x250","location":"assets","locale":"","width":1544,"height":500}},"assets_blueprints":{},"all_blocks":[],"tagged_versions":[],"block_files":[],"assets_screenshots":{"screenshot-1.png":{"filename":"screenshot-1.png","revision":2769862,"resolution":"1","location":"assets","locale":"","width":672,"height":576},"screenshot-2.png":{"filename":"screenshot-2.png","revision":3482955,"resolution":"2","location":"assets","locale":"","width":1246,"height":682},"screenshot-3.png":{"filename":"screenshot-3.png","revision":2941977,"resolution":"3","location":"assets","locale":"","width":864,"height":498},"screenshot-4.png":{"filename":"screenshot-4.png","revision":3482955,"resolution":"4","location":"assets","locale":"","width":702,"height":575}},"screenshots":{"1":"<strong>Radio Buttons layout<\/strong> \u2014 all variation options displayed as clickable cards with image, price, and stock status","2":"<strong>Switch Box layout<\/strong> \u2014 modern switch-style cards with configurable image position","3":"<strong>Select2 layout<\/strong> \u2014 searchable, styled dropdown with variation images","4":"<strong>Plugin settings panel<\/strong> \u2014 React-powered settings page with General, Appearance, and Display Options sections","5":"<strong>Custom variation name field<\/strong> \u2014 per-variation name override inside the WooCommerce product editor"}},"plugin_section":[],"plugin_tags":[51677,15955,130912,257781,51675],"plugin_category":[45],"plugin_contributors":[],"plugin_business_model":[],"class_list":["post-139611","plugin","type-plugin","status-publish","hentry","plugin_tags-product-variations","plugin_tags-radio-buttons","plugin_tags-variation-swatches","plugin_tags-woocommerce-radio-buttons","plugin_tags-woocommerce-variations","plugin_category-ecommerce","plugin_committers-gravitymaster97"],"banners":{"banner":"https:\/\/ps.w.org\/gm-variations-radio-buttons-for-woocommerce\/assets\/banner-772x250.png?rev=3482955","banner_2x":false,"banner_rtl":false,"banner_2x_rtl":false},"icons":{"svg":false,"icon":"https:\/\/ps.w.org\/gm-variations-radio-buttons-for-woocommerce\/assets\/icon-128x128.png?rev=3482955","icon_2x":"https:\/\/ps.w.org\/gm-variations-radio-buttons-for-woocommerce\/assets\/icon-256x256.png?rev=3482955","generated":false},"screenshots":[{"src":"https:\/\/ps.w.org\/gm-variations-radio-buttons-for-woocommerce\/assets\/screenshot-1.png?rev=2769862","caption":"<strong>Radio Buttons layout<\/strong> \u2014 all variation options displayed as clickable cards with image, price, and stock status"},{"src":"https:\/\/ps.w.org\/gm-variations-radio-buttons-for-woocommerce\/assets\/screenshot-2.png?rev=3482955","caption":"<strong>Switch Box layout<\/strong> \u2014 modern switch-style cards with configurable image position"},{"src":"https:\/\/ps.w.org\/gm-variations-radio-buttons-for-woocommerce\/assets\/screenshot-3.png?rev=2941977","caption":"<strong>Select2 layout<\/strong> \u2014 searchable, styled dropdown with variation images"},{"src":"https:\/\/ps.w.org\/gm-variations-radio-buttons-for-woocommerce\/assets\/screenshot-4.png?rev=3482955","caption":"<strong>Plugin settings panel<\/strong> \u2014 React-powered settings page with General, Appearance, and Display Options sections"}],"raw_content":"<!--section=description-->\n<p><strong>Variation Dropdown to Radio Buttons for WooCommerce<\/strong> converts the standard WooCommerce variation <code>&lt;select&gt;<\/code> dropdown into beautiful, clickable radio buttons, switch boxes, or enhanced select controls \u2014 making it easier for customers to browse and choose product variations without hunting through a dropdown list.<\/p>\n\n<p>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.<\/p>\n\n<blockquote>\n  <p>\u2b50 <strong><a href=\"https:\/\/www.codesmade.com\/store\/variation-dropdown-to-radio-for-woocommerce\/\">Get the Pro Version<\/a><\/strong> for advanced layouts, image controls, column grids, and priority support.<\/p>\n<\/blockquote>\n\n<h4>Why Replace WooCommerce Dropdown Variations?<\/h4>\n\n<p>The default WooCommerce dropdown hides all your variation options inside a collapsed select box. Shoppers must click, scroll, and read through a plain list \u2014 often missing options entirely. Radio buttons surface every variation immediately, letting customers see images, prices, and stock at a glance before they click.<\/p>\n\n<p>Studies consistently show that visible product options reduce decision friction and increase conversion rates in e-commerce.<\/p>\n\n<h4>Core Features<\/h4>\n\n<ul>\n<li><strong>Radio Buttons layout<\/strong> \u2014 replaces variation dropdowns with styled radio button cards<\/li>\n<li><strong>Switch Box layout<\/strong> \u2014 modern card-style layout with image, price, and stock<\/li>\n<li><strong>HTML Select layout<\/strong> \u2014 clean, accessible native select element<\/li>\n<li><strong>Select2 layout<\/strong> \u2014 searchable, styled dropdown powered by Select2<\/li>\n<li><strong>Show variation image<\/strong> \u2014 display variation thumbnail inside each option<\/li>\n<li><strong>Show variation price<\/strong> \u2014 surface price differences directly on each button<\/li>\n<li><strong>Show stock availability<\/strong> \u2014 display In Stock \/ Out of Stock per variation<\/li>\n<li><strong>Show variation description<\/strong> \u2014 include variation description text beneath each option<\/li>\n<li><strong>Show product title<\/strong> \u2014 prepend the parent product name to each variation label<\/li>\n<li><strong>Out-of-stock handling<\/strong> \u2014 disable, strikethrough, or hide unavailable variations<\/li>\n<li><strong>Custom variation name<\/strong> \u2014 override the label per variation from the product edit screen<\/li>\n<li><strong>Lightweight and fast<\/strong> \u2014 scripts and styles load only on single product pages<\/li>\n<li><strong>Zero configuration<\/strong> \u2014 works immediately after activation with sensible defaults<\/li>\n<li><strong>Column grid control<\/strong> \u2014 set exact column counts for desktop and mobile independently<\/li>\n<li><strong>Image position<\/strong> \u2014 place variation image left, above, or below the variation label<\/li>\n<li><strong>Button style options<\/strong> \u2014 card, minimal, outlined, and more<\/li>\n<li><strong>Priority email support<\/strong> \u2014 direct access to the development team<\/li>\n<li><strong>Early access<\/strong> \u2014 first access to new layouts and features<\/li>\n<\/ul>\n\n<p><a href=\"https:\/\/www.codesmade.com\/store\/variation-dropdown-to-radio-for-woocommerce\/\">Upgrade to Pro \u2192<\/a><\/p>\n\n<h4>Documentation &amp; Support<\/h4>\n\n<p>Full setup guide, screenshots, and developer hooks are available in the <a href=\"https:\/\/www.codesmade.com\/variation-dropdown-to-radio-for-woocommerce-documentation\/\">plugin documentation<\/a>.<\/p>\n\n<p>For questions, bugs, or feature requests, visit the <a href=\"https:\/\/www.codesmade.com\/contact-us\/\">support page<\/a> or open a thread in the WordPress.org support forum.<\/p>\n\n<h4>Works With<\/h4>\n\n<ul>\n<li>WooCommerce 5.0 and above<\/li>\n<li>Simple variable products with any number of attributes<\/li>\n<li>All major WooCommerce-compatible themes (Storefront, Flatsome, Astra, Divi, OceanWP, and more)<\/li>\n<li>Page builders: Elementor, WPBakery, Beaver Builder, Gutenberg<\/li>\n<\/ul>\n\n<!--section=installation-->\n<ol>\n<li>Upload the <code>gm-variations-radio-buttons-for-woocommerce<\/code> folder to <code>\/wp-content\/plugins\/<\/code>, or install directly from the WordPress plugin directory.<\/li>\n<li>Activate the plugin through the <strong>Plugins<\/strong> menu in WordPress.<\/li>\n<li>Go to <strong>GM Radio Buttons<\/strong> in the WordPress admin sidebar.<\/li>\n<li>Choose your preferred layout (Radio Buttons, Switch Box, HTML Select, or Select2).<\/li>\n<li>Toggle display options to your preference and click <strong>Save Settings<\/strong>.<\/li>\n<\/ol>\n\n<p>No additional setup is required. The plugin activates on all variable product pages automatically.<\/p>\n\n<!--section=faq-->\n<dl>\n<dt id=\"does%20this%20plugin%20work%20with%20all%20woocommerce%20themes%3F\"><h3>Does this plugin work with all WooCommerce themes?<\/h3><\/dt>\n<dd><p>Yes. The plugin hooks into <code>woocommerce_before_variations_form<\/code> and renders its own markup before the native WooCommerce variation form. It is compatible with all standard WooCommerce themes including Storefront, Astra, Flatsome, Divi, OceanWP, and Blocksy.<\/p><\/dd>\n<dt id=\"will%20it%20slow%20down%20my%20website%3F\"><h3>Will it slow down my website?<\/h3><\/dt>\n<dd><p>No. The plugin's CSS and JavaScript files are enqueued only on single product pages (<code>is_product()<\/code>), so they have zero impact on every other page on your site.<\/p><\/dd>\n<dt id=\"can%20i%20show%20a%20different%20name%20for%20each%20variation%3F\"><h3>Can I show a different name for each variation?<\/h3><\/dt>\n<dd><p>Yes. Each product variation has a <strong>Custom Radio Product Name<\/strong> field added in the variation panel. If filled in, it overrides the auto-generated variation label.<\/p><\/dd>\n<dt id=\"what%20happens%20to%20out-of-stock%20variations%3F\"><h3>What happens to out-of-stock variations?<\/h3><\/dt>\n<dd><p>You can choose one of three behaviours in the settings: <strong>Disable<\/strong> (greyed out, not selectable), <strong>Strikethrough<\/strong> (visible with a strikethrough style), or <strong>Hide<\/strong> (removed from the list entirely).<\/p><\/dd>\n<dt id=\"can%20i%20control%20how%20many%20columns%20the%20variations%20display%20in%3F\"><h3>Can I control how many columns the variations display in?<\/h3><\/dt>\n<dd><p>Column control is available in the <strong>Pro version<\/strong>, with separate settings for desktop and mobile breakpoints.<\/p><\/dd>\n<dt id=\"does%20it%20support%20variable%20products%20with%20multiple%20attributes%3F\"><h3>Does it support variable products with multiple attributes?<\/h3><\/dt>\n<dd><p>Yes. The plugin renders all variation combinations for products with any number of attributes.<\/p><\/dd>\n<dt id=\"is%20it%20compatible%20with%20woocommerce%20high-performance%20order%20storage%20%28hpos%29%3F\"><h3>Is it compatible with WooCommerce High-Performance Order Storage (HPOS)?<\/h3><\/dt>\n<dd><p>Yes. The plugin does not interact with the orders table and is fully compatible with HPOS \/ Custom Order Tables.<\/p><\/dd>\n<dt id=\"where%20can%20i%20find%20the%20documentation%3F\"><h3>Where can I find the documentation?<\/h3><\/dt>\n<dd><p>Full documentation is at <a href=\"https:\/\/www.codesmade.com\/variation-dropdown-to-radio-for-woocommerce-documentation\/\">https:\/\/www.codesmade.com\/variation-dropdown-to-radio-for-woocommerce-documentation\/<\/a><\/p><\/dd>\n\n<\/dl>\n\n<!--section=changelog-->\n<h4>3.0<\/h4>\n\n<ul>\n<li>Rebuilt settings panel with React \u2014 no page reloads, instant save feedback<\/li>\n<li>Added Switch Box layout with configurable image position (left, top, bottom)<\/li>\n<li>Added Select2 layout with searchable styled dropdown<\/li>\n<li>Added out-of-stock action setting: disable, strikethrough, or hide<\/li>\n<li>Added column grid control for desktop and mobile (Pro)<\/li>\n<li>Added per-variation custom name field in the product editor<\/li>\n<li>Removed dependency on <code>@wordpress\/components<\/code> \u2014 all UI components are now custom-built<\/li>\n<li>Light theme for admin settings with Docs, Support, and Upgrade to Pro header links<\/li>\n<li>REST API endpoints for settings get\/save<\/li>\n<li>Performance: scripts and styles now load only on <code>is_product()<\/code> pages<\/li>\n<\/ul>\n\n<h4>2.0<\/h4>\n\n<ul>\n<li>Added image display inside radio buttons<\/li>\n<li>Added price display per variation<\/li>\n<li>Added stock availability display<\/li>\n<li>Added variation description display<\/li>\n<li>General settings panel redesign<\/li>\n<\/ul>\n\n<h4>1.0<\/h4>\n\n<ul>\n<li>Initial release \u2014 basic dropdown to radio button conversion<\/li>\n<\/ul>","raw_excerpt":"Replace the default WooCommerce variation dropdown with radio buttons, switch boxes, or a styled Select2 \u2014 boosting conversions and user experience on &hellip;","jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/es.wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin\/139611","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/es.wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin"}],"about":[{"href":"https:\/\/es.wordpress.org\/plugins\/wp-json\/wp\/v2\/types\/plugin"}],"replies":[{"embeddable":true,"href":"https:\/\/es.wordpress.org\/plugins\/wp-json\/wp\/v2\/comments?post=139611"}],"author":[{"embeddable":true,"href":"https:\/\/es.wordpress.org\/plugins\/wp-json\/wporg\/v1\/users\/gravitymaster97"}],"wp:attachment":[{"href":"https:\/\/es.wordpress.org\/plugins\/wp-json\/wp\/v2\/media?parent=139611"}],"wp:term":[{"taxonomy":"plugin_section","embeddable":true,"href":"https:\/\/es.wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin_section?post=139611"},{"taxonomy":"plugin_tags","embeddable":true,"href":"https:\/\/es.wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin_tags?post=139611"},{"taxonomy":"plugin_category","embeddable":true,"href":"https:\/\/es.wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin_category?post=139611"},{"taxonomy":"plugin_contributors","embeddable":true,"href":"https:\/\/es.wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin_contributors?post=139611"},{"taxonomy":"plugin_business_model","embeddable":true,"href":"https:\/\/es.wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin_business_model?post=139611"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}