Configure Image Swatch element

Add image swatches

Steps to manage

1. From Option Sets > Elements, click Add Element button.
   
2. Choose the Image Swatches option.
   
3. In the Option values field, click the image icon to upload an image for this option value.
   
4. Click Save to finish.

Resize swatch images

Steps to manage:

1. From Option Sets > Elements, click on the image swatch option you want to resize.
2. Click Show advanced options
3. Scroll down to Image width and Image height
4. Input proper value in Image width and Image height (px unit).
5. Click Save to finish

FAQ: How to show a zoom image of the swatch value?

Steps to manage:

1. From Option Sets > Elements, click on the image swatch element.
2. Scroll down to the bottom, and choose the Text + Zoom image setting.
3. Set up the Tooltip (zoom) width and height values for the swatch image.
4. Click Save button to finish.

Result in the storefront page:

If you do encounter any difficulty while proceeding with these steps, don’t show any hesitation to contact us promptly via the email address [email protected]

We are always willing to help with all sincerity!