WooCommerce Bookings – Resource Dropdown > Nice Radio Buttons

Hi again guys and gals,

Sorry for the long time between my postings, I really need to improve on this front. Anyhoo… today I am going to show you how you can replace the dropdown selector for WooCommerce’s resource bookings resources with some nicely styled radio buttons. You can change the color as you see fit.

So first, we use some javascript to swap out the dropdown with the radios – we need to keep all the event handlers intact so that when the user selects his or her resource then it will activate any attached functionality in WooCommerce bookings.

Then we need to style the radios.

And that should give you something like this:

Like the code you see here? You can hire me at Codeable.io - a WordPress specialist outsourcing site that vets developers to make sure they are of the highest standard. See all developers you can hire through Codeable here.

Posted in Code Snippets, Featured, Help Topics, Woocommerce, Wordpress and tagged , .

One Comment

Leave a Reply

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