The Image Swatch feature in the Product Customizer app gives the merchant an ability where the merchant can present a set of images to the customer and the customer can pick one of those images for product customization.
The Image Swatch acts as a radio button option where 1 of the various images can be picked for customization. We also provide custom CSS for the Image Swatch so that we can help our merchants to change the styling of the Image Swatch to some extent.
To create the Image Swatch option, use the following steps
Step 1
Click the Create option button under the options section in the Product Customizer app.
Step 2
Add a custom name and select the input type as Image Swatch
Step 3
Add images and their respective names, you can also add the addon price value per image
Step 4
In order to make the Image Swatch option as mandatory option, please check the box which says “Option selection required”
Then Save the option and this is how it will look like.
Step 5
Now add the option to a product.
After adding the option to a product, we can view the product page to see how the Image Swatch is displayed.
Below is the image of the product page
We can help with some custom CSS for the styling of the Image Swatch.
If you have questions, don't forget to reach out to us at: support@productcustomizer.com