Smart Product Gallery for FluentCart transforms your FluentCart product pages with a fast, responsive, and fully customizable product image gallery. Replace the default gallery with a professional image slider that includes thumbnail navigation and image zoom, all configured from an easy, no-code settings panel.
It works automatically on your FluentCart single product pages and inside the "View Options" quick-view popup, so your customers always get the enhanced gallery experience.
Live Demo |
Documentation |
Support |
Upgrade to Pro
[youtube
https://www.youtube.com/watch?v=-tffTL-AWlQ]
What Does Smart Product Gallery for FluentCart Mainly Do?
- Replaces the default FluentCart product gallery automatically
- Adds a responsive product image slider with Thumbs Bottom and Thumbs Top layouts
- Shows the selected variation's images in the gallery
- Lets customers zoom in on product images
- Works on single product pages and in the quick-view popup
Key Features List
Product Gallery Layouts
Choose where the thumbnails appear to match your product page design. The free version includes two clean layouts:
Nine more modern layouts are available in the Pro version.
Product Variation Images Support
The gallery automatically switches to the selected variation's images, so customers never see a mismatch between the option they pick and the photos on screen.
Product Image Slider Controls
Control how the main image slider behaves. Enable autoplay and set its interval and speed, turn on an infinite loop, and switch the slide orientation between horizontal and vertical.
Product Image Sliding Effects
Give your gallery a polished feel with the transition that suits your store:
Flexible Gallery Height
Keep the gallery tidy no matter what size your product photos are. Choose an adaptive height, a maximum image height, or a fixed height.
Complete Navigation Control
Show or hide the slider arrows, choose from ten arrow icon styles, and adjust the icon size, colors, and background radius to match your brand.
Product Gallery Pagination
Show customers how many images are in the gallery with Bullets, Dynamic, or Strokes pagination, and set your own pagination colors and margin.
Essential Thumbnails Slider Settings
Thumbnails help customers jump straight to the image they want. Fine-tune them with these options:
- Automatic or custom number of thumbnails per view
- Thumbnail size, spacing, inner padding, and border
- Zoom Out and Slide Down hover effects
- Border and box shadow for the active thumbnail
- Grayscale effect for inactive thumbnails
Thumbnails Navigation Arrows
Add arrows to the thumbnail slider in the Outer or Inner Right style, with full control over the icon, size, colors, border, and box size.
Product Image Zoom
Turn on image zoom and choose between the Default and Inside (2x) zoom styles to help customers inspect product details.
Retina Ready and Lazy Load
Choose any registered image size or set a custom size, load 2x resolution images on retina displays, and use lazy loading to keep your product pages fast.
Quick-View Popup Support
Customers see the same enhanced gallery inside FluentCart's "View Options" quick-view popup as they do on the single product page.
Gutenberg Block and Shortcode
The gallery appears on product pages automatically. If you design product pages with a page builder such as Elementor, Divi, or Bricks, add the gallery manually with the Product Gallery block or the
[smart_product_gallery] shortcode.
RTL and Accessibility Support
Enable RTL mode for right-to-left languages and use the built-in accessibility option to make the slider easier for everyone to use. Free mode and mouse wheel control are also included.
Easy No-Code Settings Panel
All settings are organized into General, Gallery, Zoom, and Advanced tabs. Reset any tab to its default values with one click, and add your own styles in the Additional CSS field.
Smart Product Gallery Pro Features
Smart Product Gallery Pro builds on everything in the free version and gives you complete control over how your product images are presented.
Modern Product Gallery Layouts (Pro)
Go beyond the standard thumbnail slider with nine additional layouts:
Responsive Grid Columns and Show More Button (Pro)
Set the number of columns for desktop, laptop, tablet, and mobile. For large galleries, show a limited number of images and reveal the rest with a fully customizable Show More button or a scroll.
Advanced Product Image Zoom (Pro)
Add the Outside zoom window and Magnific lens zoom styles. Adjust the zoom scale, enable mouse wheel zoom, choose a cursor style, and customize the lens shape, color, and border. You can also style the zoom window, add a hover overlay, turn zoom off on mobile, and exclude zoom on selected products or categories.
Advanced Product Image Lightbox (Pro)
Let customers view product images in a full-screen lightbox with all the controls they expect:
- Slide, Fade, Classic, and Crossfade effects (Pro)
- Custom overlay background (Pro)
- Lightbox icon style, size, color, position, and visibility (Pro)
- Image captions with font size and color controls (Pro)
- Image counter and slideshow play button (Pro)
- Thumbnails gallery in Classic or Modern style (Pro)
- Download and full-screen buttons (Pro)
- Zoom, rotate, and flip controls (Pro)
More Pagination Styles (Pro)
Add Numbers, Progress Bar, Dot Hopper, Expanding Dot, and Flexing Fraction pagination, and show pagination only when customers hover over the gallery.
Advanced Navigation Options (Pro)
Place the slider arrows at the bottom right, bottom left, or bottom center, and show them only on hover. Thumbnail arrows also get Inner and Custom styles.
Thumbnails Hover Effects (Pro)
Add Zoom In and Slide Up hover effects to make thumbnails feel more interactive.
Excellent Active Thumbnail Styles (Pro)
Highlight the selected thumbnail with Outer Line, Zoom Out, or Opacity styles, and fade inactive thumbnails with an adjustable opacity or grayscale level.
Change the Main Image on Click or Mouseover (Pro)
Let customers switch the main image just by hovering over a thumbnail.
Gallery Image Caption (Pro)
Show captions with your product images to add context or highlight important details.
Variation Image Source (Pro)
Choose whether the gallery shows default images together with variation images, or only the images of the selected variation.
Product Image Preloader (Pro)
Show a Normal, Fade, Gray, or Blur preloader while product images load.
Grayscale Image Mode (Pro)
Display product images in grayscale, either always or only on hover, for a distinctive look.
Slider Layout on Mobile (Pro)
Automatically switch grid and other layouts to the slider layout on mobile devices for easier browsing.
Upgrade to Smart Product Gallery Pro
If your product images play a big role in how you sell, Smart Product Gallery Pro gives you the layouts, lightbox, and advanced zoom to present them at their best.
Get Smart Product Gallery Pro
Need Help?
We're happy to help. Post your question in the support forum here on
WordPress.org, or
open a support ticket on our website. You can also join the
ShapedPlugin community on Facebook to share feedback and ideas.