Gallery Layouts

The plugin offers several built-in gallery layout types that control how the main image and thumbnails are arranged on the product page.

Available Layout Types

Slider with Thumbnails (Default)

A large main image with a strip of thumbnail images. Thumbnails can be positioned at the top, bottom, left, or right of the main image.

Slider Only

A clean slider with no thumbnail strip, relying on arrow navigation and dot or progress pagination instead.

Grid Layout

Thumbnails are displayed in a grid below or beside the main image rather than in a scrollable strip.

Thumbnail Position

When using a layout that includes thumbnails, you can place them in four positions:

  • Left
  • Right
  • Top
  • Bottom

The thumbnail strip can be configured as a scrollable slider or a static grid. You can control thumbnail width, height, spacing, the number of visible thumbnails at once, and whether thumbnails show a highlighted border when active.

Pro Layouts

The following advanced layouts are available in the Pro version:

  • Hierarchy Grid Gallery — Hero image followed by a multi-column image grid
  • Anchor Navigation Gallery — Scroll-linked gallery with dot, thumbnail, or overlay navigation
  • Sticky Split Gallery — Sticky image column on the left, scrollable image list on the right
  • Tiles Gallery — Equal-sized image tiles with Show More / Show Less controls

See the Premium Features article for full details on Pro layouts.

Was this article helpful to you? No Yes

How can we help?