How to configure When creating a new attribute, select the “image upload” template. And make sure you have type “Input” selected. Curious to know what works well together? Click here to view the attribute support table.
You can also 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. Input field settings
In the image input field, you can choose to enable the preview. This will display the uploaded image in the product configurator main image. There are plenty of settings, so we will go over each setting: Preview Top Position: Position from the top in CSS units (relative to the main product image) Preview Left Position: Position from the left in CSS units (relative to the main product image) Preview Top (Mobile): Position from top on mobile devices Preview Left (Mobile): Position from left on mobile devices Preview image width: width of the preview image in CSS units Preview image height: height of the preview image in CSS units Preview image fill: whether to fill the preview with the uploaded image or contain the image within the given width and height Allowed file types: file types allowed for upload Max. file size: maximum allowed file upload size Need more clarification about setting the previews? Please read this article on how to configure previews for your main product image. Example We have created a demo product that showcases the image upload attribute in action. Click the button below to see a live demo. Product add-on: Image upload