GET YOUR FIRST 14-DAYS OF PRO FREE

Icons

The image swatches attribute template is a convenient template when you want to display a list of icon-like images.

A few examples are watch faces, gem stones or materials.

In this post:

How to configure

We have renamed the template from Icons to Image swatches. So when creating a new attribute, select the “image swatches” template. And make sure you have type “Image” selected.

Next, you can 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.

You can also choose to show or hide tooltips. When you select “Show tooltip” you will see the label and price of the attribute when you hover over the image with your mouse.

Example

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

Product add-on: Image swatches

Attribute Types

Chevron icon
Toggle widget nav content

Hooks and Filters

Chevron icon
Toggle widget nav content