To configure product attributes,
- Navigate to Swatches Options > Product Attributes.
- Click on the pencil icon corresponding to the attribute for customizing them.
- Click on the Add New Attribute tab to create a new attribute.
Once you click on the pencil icon, a new box appears where you should provide the required values.
Attribute Name | The attribute name is displayed. |
Border Color | Choose a border color from the corresponding color picker. |
Border Color on Hover | Set a border color for hover from the corresponding color picker. |
Border Color on Selected | Choose a border color for selected icons from the color picker. |
Design Type | All the available swatch types are shown in the Design Type dropdown. You can choose the appropriate design from this dropdown. |
Icon Height | Enter the required icon height. |
Icon Width | Enter the required icon width. |
Icon Roundness | Set roundness of the icon. |
Icon Border Width On Hover | Enter the border width for the icon while hovering. |
Icon Border Width On Selected | Enter the border width for the selected icon. |
Override Global Settings | Enable the option to set specific settings and to override the global settings. |
Swatch Type | The swatch type is displayed. |
Tooltip Type | Choose the tooltip type from the corresponding dropdown. |
Tooltip Image Height | Enter the required image height for the tooltip. |
Tooltip Image Width | Enter the required image width for the tooltip. |
Tooltip Border Color | Choose a border color for the tooltip border from the corresponding color picker. |