GET YOUR FIRST 14-DAYS OF PRO FREE

Button group

Want to display a few related options next to each other? Then the button group template is the way to go!

In this post:

How to configure

When creating a new attribute, select the “button group” template. And make sure you have type “Image” selected. “Color” or “Font” should also work. Curious what works well together? Click here to view the attribute support table.

You can also choose to set a style. Like rounded or squared. Or you can inherit from theme. You could even override the border radius there to a custom value. Custom styles should go in the Custom CSS field.

Example

We have created a demo product that showcases the button group attribute in action. Click the button below to see a live demo.

Product add-on: Button group

Attribute Types

Chevron icon
Toggle widget nav content

Hooks and Filters

Chevron icon
Toggle widget nav content