How to use the Product Image List element

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

The Product Image List element is a mini element that shows all the images for a product on your page.

Note: The Product Image List 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 List element from the sidebar.

This is how the Product Image List element looks inside the Editor

Important options

•  

  Product: Select the product to show.

   

•  

  Layout: Set layout for the element.

   

  •  

    Slide

     

  •  

    Flat

     

•  

  Columns: Number of images on each row.

   

•  

  Item gap: Gap between images.

   

•  

  Show video: Support product videos. This only works on the live page.

   

•  

  Image border radius: Set a curved corner for the images' border.

   

•  

   

   

   

  Filter: Apply a filter to the images.

   

  •  

    Blur

     

  •  

    Grayscale

     

  •  

    Hue rotate

     

  •  

    Invert

     

  •  

    Sepia

     

  •  

    Brightness

     

  •  

    Contrast

     

  •  

    Saturate