The module displays the product gallery images as a grid or as a slider. This module is similar to the Divi’s built-in Gallery module but for products.
Table of Contents
Content Options
– Include product image
Whether you want to include the product featured image with the gallery or not.
– Images number
Here you limit the number of the images per page, this option is available if you use the Grid layout.
– Show title and caption
Display or hide the captions and titles of the images.
– Show pagination
If you use the Grid layout, you can enable the pagination and of course, you limit the number of the images per page by the “Images Number” option above.
Design Options
– Layout
The layout of the gallery, you have 2 options: Grid and Slider.
– Thumbnail orientation
If you choose the Grid layout, you can select the orientation of the images, here you have 3 options: Landscape, Portrait, and Square.
– Overlay icon color
All the overlay options are available if you select the Grid layout, here you select the hover icon’s color.
– Overlay color
The color of the image overlay itself.
– Overlay hover icon
Here you select the icon that will appear above the image when you hover over it.
– Caption text
Here you control the font ( family, size, style, color… ) of the images’ captions.
– Title text
Here you control the font ( family, size, style, color… ) of the images’ titles.
Notes!
- Product gallery is the extra images you give to each product on its editing page.
- This module is different than the WooCommerce’s built-in slider. If you want to use the default slider, use the “Woo Product Images Slider” module.