Riode Product Images
Product Images and gallery are very important of our single product page. In Riode, we provide many types. e.g Default, Horizontal, Grid layout, Masonry Layout, Gallery layout.
Riode Product Images Element allows you to place your Image element on any part of your single product layout. And it gives you five types and multiple custom options.
How To Use The Riode Product Images
Step 1. Create, or choose the Column you want to add your element into. Click on Add New Element.
Step 2. Select Riode Product Images Element from the Element List.
Step 3. Configure the Riode Product Images Element to some place into your content layout. And then, default image type will be shown with default layout.
Element Content Options
Type: Select your product Image type. In here we provide default type, horizontal type, grid type, masonry type, gallery type.
Columns: You can control to show responsive columns.
Spacing: Gutter between product images. Default is 20px.
Element Style Options
Border Type: You can control border type of each product images. In here you can give css style of border type: solid, dashed, double and so on.
Border Width: Width of border about product images.
Colour: Border colour of product images.
Border Radius: Border radius of product images.
If product image type is default or horizontal type, you would control thumbnail style. For it, we provide border style and width as above. In addition, there is spacing option controlling gutter between thumbnail images.
Spacing: Gutter between thumbnail images.