How to use the Product Image element

https://www.youtube.com/embed/rdrrVHSSBxg?rel=0

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