Quick Start

The shortest path from "installed" to a product gallery you're happy with. Pick the route that fits what you want to do.

Every route starts in the same place: FluentCart → Product Gallery. The settings you choose there apply to every product in your store at once. There's nothing to set on each product.

Two things that trip people up

• Nothing changes until you press Save Settings. The button sits at the top and bottom of each tab.
• On a block theme, do the template step first. If your product pages still show FluentCart's original gallery, the plugin isn't in your product template yet. It takes two minutes: Block themes →

Your first five minutes

1. Open FluentCart → Product Gallery. You land on the General tab.
2. Under Gallery Layout, click the layout you want. If you're not sure, keep Thumbs Bottom. It's the default, and shoppers know how it works.
3. Click Save Settings.
4. Open one of your products in a new browser tab and refresh it. That's your new gallery.
5. Go back, change one thing, save and refresh again. Working this way, one change at a time, is the quickest way to learn what each setting does.

Pick your route

I want to…	Go here
See all eleven layouts side by side and choose one	Layouts Overview
Put thumbnails down the side of the image	Thumbs Left & Right
Show every image at once, in a grid	Tiles or Modern Grid
Let shoppers zoom in on details	Image Zoom
Open images full screen	Lightbox
Show the right images when a shopper picks a color	Variation Images
Change the arrows, dots or thumbnail borders	Navigation & Pagination, General → Thumbnails
Stop the gallery sliding on its own	Gallery Slider → AutoPlay
Use it in Elementor, Divi, Bricks or Oxygen	Editors & Page Builders
Follow a complete, worked example	Tutorials

Where to go next

• How It Works — where the gallery appears, and when it needs a hand
• Settings Overview — saving, resetting a tab, and the free plugin's locked options
• Tutorials — three complete builds, step by step