The Product Image element is a mini element that shows the featured image for a product on your page.
Note: The Product Image element needs to be inside a Product element, so in order to use it, you need first insert a Product element into the page.
You can find and insert a Product Image element from the sidebar.
This is how the Product Image element looks inside the Editor
Important options
Product: Select the product to show.
Link to product page: Redirect to the product page when clicking on the image.
Image resolution: You can select a lower image resolution to make the page load faster.
Width: Adjust the image width.
Height: Adjust the image height.
Image border radius: Set a curved corner for the image border.
Filter: Apply a filter to the image.
Blur
Grayscale
Hue rotate
Invert
Sepia
Brightness
Contrast
Saturate
Hover effect: Set an effect on hover.
Zoom
Show next image