How to configure When creating a new attribute, select the “option list” 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.
Next, you can choose to set a style. Like rounded or squared. Or you can inherit from theme. You can also choose to show or hide thumbnails. When you select “Show thumbnails” you get an additional image field where you can upload the thumbnail. If you want to show the inputs, you need to set the Display thumbnails to Hide thumbnails. You can also set the border radius to a custom value using some custom CSS. Custom styles should go in the Custom CSS field. Example We have created a demo product that showcases the option list attribute in action. Click the button below to see a live demo. Product add-on: Option list