All Collections
How to use the Product Image element
How to use the Product Image element
Daniel Howard avatar
Written by Daniel Howard
Updated over a week ago

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

Did this answer your question?