Checkbox and Radio Button Layout Options
When using Radio and Checkbox options, you will have to option to change the layout of these options. The Layout options will let you quickly transform your options from their traditional radio and checkbox look, into stylish buttons!
When setting up Radio options or Checkbox options, you can select an alternate 'Layout' from the dropdown in the option configuration. Click 'Save' to see the change!
Also, be sure to experiment with the layout's 'Width Options' to find the best available look for your checkout.
There are the six (6) layout options (Screenshot Examples Below):
- Basic Radio Buttons or Basic Checkboxes (Default)
- Side by Side
- Simple & Center
Below are some preview screenshots of the different layouts listed above.
Screenshots of Layout Options:
Experiment with the available options to see which one is the best fit for you.
Side by Side Layout
Note: You will want to modify this layout option's 'Width Settings' to [Option Width 1/2 - Block Width: Full]
Simple & Center Layout