• Documentation Search

WooCommerce Builder For Divi

  1. Home
  2. Docs
  3. WooCommerce Builder For D...
  4. Product Modules
  5. Woo Product Gallery

Woo Product Gallery

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.