Website Building » WooCommerce » How Do I Change the Dropdown to Checkbox Buttons to WooCommerce Variations?

How Do I Change the Dropdown to Checkbox Buttons to WooCommerce Variations?

Last updated on January 19, 2023 @ 2:31 pm

When you’re setting up a new WooCommerce store, you might want to change the way variable product options are displayed. By default, WooCommerce uses dropdown menus for variable product options.

However, you can change this to checkbox buttons if you prefer.

Here’s how to change the dropdown menus to checkbox buttons for WooCommerce variations:

1. Log into your WooCommerce store and go to Products.

2. Select the Variations tab and then click on the Configure button for the variation you want to edit.

3. In the Product data section, select the Checkboxes option from the Variation display type dropdown menu.

4. Click on the Update button to save your changes.

Now when you view your product page, the options for that variation will be displayed as checkboxes instead of dropdown menus.

PRO TIP: If you are not a trained developer, do not attempt to change the dropdown to checkbox buttons to WooCommerce variations. This could break your site and cause irreversible damage.
Dale Leydon

Dale Leydon

Sysadmin turned Javascript developer. Owner of 20+ apps graveyard, and a couple of successful ones.