Title: Smart Product Gallery for FluentCart
Author: ShapedPlugin LLC
Published: <strong>2026年6月29日</strong>
Last modified: 2026年10月16日

---

プラグインを検索

![](https://ps.w.org/smart-product-gallery-for-fluentcart/assets/banner-772x250.
png?rev=3589949)

![](https://ps.w.org/smart-product-gallery-for-fluentcart/assets/icon-256x256.png?
rev=3589949)

# Smart Product Gallery for FluentCart

 作者: [ShapedPlugin LLC](https://profiles.wordpress.org/shapedplugin/)

[ダウンロード](https://downloads.wordpress.org/plugin/smart-product-gallery-for-fluentcart.1.0.7.zip)

 * [詳細](https://ja.wordpress.org/plugins/smart-product-gallery-for-fluentcart/#description)
 * [レビュー](https://ja.wordpress.org/plugins/smart-product-gallery-for-fluentcart/#reviews)
 *  [インストール](https://ja.wordpress.org/plugins/smart-product-gallery-for-fluentcart/#installation)
 * [開発](https://ja.wordpress.org/plugins/smart-product-gallery-for-fluentcart/#developers)

 [サポート](https://wordpress.org/support/plugin/smart-product-gallery-for-fluentcart/)

## 説明

**[Smart Product Gallery for FluentCart](https://fluentcartaddon.com/smart-product-gallery/)**
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](https://demo.fluentcartaddon.com/smart-product-gallery-thumbnails-bottom/item/classic-cheese-backpack/)
| [Documentation](https://docs.fluentcartaddon.com/smart-product-gallery/) | [Support](https://shapedplugin.com/create-new-ticket/)
| [Upgrade to Pro](https://fluentcartaddon.com/smart-product-gallery/)

#### 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:

 * Thumbs Bottom
 * Thumbs Top

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:

 * Slide
 * Fade
 * Flip
 * Cube

**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](https://fluentcartaddon.com/smart-product-gallery/)**
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:

 * Thumbs Left (Pro) [Live Demo](https://demo.fluentcartaddon.com/smart-product-gallery-thumbnails-left/item/ultra-kaptir-4-0-active-sneakers/)
 * Thumbs Right (Pro) [Live Demo](https://demo.fluentcartaddon.com/smart-product-gallery-thumbnails-right/item/signature-cap/)
 * Multi-row Thumbs (Pro) [Live Demo](https://demo.fluentcartaddon.com/smart-product-gallery-multi-row-thumbnails/item/ridgewalker-gore-tex-hiking-shoes/)
 * Slider (Pro) [Live Demo](https://demo.fluentcartaddon.com/smart-product-gallery-slider/item/firebird-track-top/)
 * Tiles (Pro) [Live Demo](https://demo.fluentcartaddon.com/smart-product-gallery-grid/item/hooded-track-jacket/)
 * Hierarchy Grid (Pro) [Live Demo](https://demo.fluentcartaddon.com/smart-product-gallery-hierarchy-grid/item/terrex-xploric-sweater-jacket/)
 * Modern Grid with five style variations (Pro) [Live Demo](https://demo.fluentcartaddon.com/smart-product-gallery-modern-grid/item/real-madrid-avengers-z-n-e-anthem-jacket/)
 * Anchor Navigation (Pro) [Live Demo](https://demo.fluentcartaddon.com/smart-product-gallery-anchor-navigation/item/hooded-track-jacket/)
 * Vertical Scroll (Pro) [Live Demo](https://demo.fluentcartaddon.com/smart-product-gallery-vertical-scroll/item/go-to-textured-polo-shirt/)

**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](https://fluentcartaddon.com/smart-product-gallery/pricing/)

#### Need Help?

We’re happy to help. Post your question in the support forum here on WordPress.org,
or [open a support ticket](https://shapedplugin.com/create-new-ticket/) on our website.
You can also join the [ShapedPlugin community on Facebook](https://www.facebook.com/groups/ShapedPlugin/)
to share feedback and ideas.

## スクリーンショット

[⌊Product gallery with the Thumbs Bottom layout on a single product page.⌉⌊Product
gallery with the Thumbs Bottom layout on a single product page.⌉[

Product gallery with the Thumbs Bottom layout on a single product page.

[⌊Product gallery with the Thumbs Top layout.⌉⌊Product gallery with the Thumbs Top
layout.⌉[

Product gallery with the Thumbs Top layout.

[⌊Image zoom on a product image.⌉⌊Image zoom on a product image.⌉[

Image zoom on a product image.

[⌊Gallery inside FluentCart's "View Options" quick-view popup.⌉⌊Gallery inside FluentCart's"
View Options" quick-view popup.⌉[

Gallery inside FluentCart’s “View Options” quick-view popup.

[⌊General settings with gallery layout options.⌉⌊General settings with gallery layout
options.⌉[

General settings with gallery layout options.

[⌊Gallery Slider settings.⌉⌊Gallery Slider settings.⌉[

Gallery Slider settings.

[⌊Navigation and Pagination settings.⌉⌊Navigation and Pagination settings.⌉[

Navigation and Pagination settings.

[⌊Thumbnails Navigation settings.⌉⌊Thumbnails Navigation settings.⌉[

Thumbnails Navigation settings.

[⌊Zoom settings.⌉⌊Zoom settings.⌉[

Zoom settings.

[⌊Advanced Settings tab.⌉⌊Advanced Settings tab.⌉[

Advanced Settings tab.

## ブロック

このプラグインは1個のブロックを提供します。

 *   Product Gallery

## インストール

Smart Product Gallery for FluentCart requires the free [FluentCart](https://wordpress.org/plugins/fluent-cart/)
plugin. Please install and activate FluentCart first.

#### Automatic Installation (Easiest)

 1. In your WordPress dashboard, go to **Plugins > Add New Plugin**.
 2. Search for **Smart Product Gallery for FluentCart**.
 3. Click **Install Now**, then **Activate**.
 4. Go to **FluentCart > Product Gallery** to set up your gallery.
 5. Open any product page to see the new gallery.

#### Manual Installation

**Uploading in the WordPress Dashboard**

 1. Download the plugin ZIP file.
 2. Go to **Plugins > Add New Plugin** and click **Upload Plugin**.
 3. Choose the ZIP file and click **Install Now**.
 4. Activate the plugin, then go to **FluentCart > Product Gallery**.

**Using FTP**

 1. Download the plugin ZIP file and extract it on your computer.
 2. Upload the `smart-product-gallery-for-fluentcart` folder to the `/wp-content/plugins/`
    directory on your server.
 3. Go to the **Plugins** screen in WordPress and activate the plugin.
 4. Go to **FluentCart > Product Gallery** to set up your gallery.

## FAQ

### When can I use this plugin?

Use it whenever you run your store with FluentCart and want a better product gallery
than the default one. It’s a good fit if you want a cleaner thumbnail slider, image
zoom, or galleries that change with product variations.

### Does this plugin require FluentCart?

Yes. Smart Product Gallery for FluentCart is an add-on for FluentCart, so FluentCart
must be installed and active.

### Is the plugin compatible with my theme?

The plugin replaces the gallery that FluentCart outputs, so it works with themes
that display FluentCart’s product pages. If your theme or page builder uses a custom
product layout and the gallery doesn’t show up, add the `[smart_product_gallery]`
shortcode or the Product Gallery block to that layout. If you still have trouble,
contact our support team and we’ll help.

### Where can I find the settings?

Go to **FluentCart > Product Gallery** in your WordPress dashboard.

### Do I need to edit templates or write code?

No. The gallery replaces the default one on your product pages automatically, and
every option is available in the settings panel.

### Does the gallery work in the quick-view popup?

Yes. It works on single product pages and inside FluentCart’s “View Options” quick-
view popup.

### Does it support product variations?

Yes. When a customer selects a variation, the gallery shows that variation’s images.

### Is the gallery mobile friendly?

Yes. The gallery is fully responsive and works on desktop, tablet, and mobile.

### Does the free version include a lightbox?

No. The lightbox is available in Smart Product Gallery Pro.

### Can I reset my settings?

Yes. Every settings tab has a Reset Tab button that restores that tab’s default 
values.

### Can I add custom CSS?

Yes. Go to **Advanced > Additional CSS**. Your styles load after the plugin’s default
styles.

### What happens to the free version if I install Pro?

When Smart Product Gallery Pro is active, it takes over the gallery and the free
version steps aside, so the two don’t conflict.

## 評価

このプラグインにはレビューがありません。

## 貢献者と開発者

Smart Product Gallery for FluentCart はオープンソースソフトウェアです。以下の人々
がこのプラグインに貢献しています。

貢献者

 *   [ ShapedPlugin LLC ](https://profiles.wordpress.org/shapedplugin/)
 *   [ Rubel Miah ](https://profiles.wordpress.org/rubel_miah/)
 *   [ Md Khalil Uddin ](https://profiles.wordpress.org/khalilu/)
 *   [ Shamim Mia ](https://profiles.wordpress.org/shamimmiashuhagh/)

[“Smart Product Gallery for FluentCart” をあなたの言語に翻訳しましょう。](https://translate.wordpress.org/projects/wp-plugins/smart-product-gallery-for-fluentcart)

### 開発に興味がありますか ?

[コードを閲覧](https://plugins.trac.wordpress.org/browser/smart-product-gallery-for-fluentcart/)
するか、[SVN リポジトリ](https://plugins.svn.wordpress.org/smart-product-gallery-for-fluentcart/)
をチェックするか、[開発ログ](https://plugins.trac.wordpress.org/log/smart-product-gallery-for-fluentcart/)
を [RSS](https://plugins.trac.wordpress.org/log/smart-product-gallery-for-fluentcart/?limit=100&mode=stop_on_copy&format=rss)
で購読してみてください。

## 変更履歴

#### 1.0.7 – Oct 16, 2026

 * New: Help Center page with quick links to the documentation, live demos, and 
   support.
 * Fix: The gallery did not update when a variation was selected using Advanced 
   Variation.
 * Tested: WordPress 7.1.3 compatibility.
 * Tested: FluentCart 2.1.0 compatibility.

#### 1.0.6 – Sep 30, 2026

 * Improved: Thumbnails Item per View option style.
 * Fix: The Thumbnails Border Width option was applied to both the active and normal
   states.
 * Fix: Vertical slide orientation in Gallery Slider was breaking the layout.
 * Fix: Pagination was not rendering on the single product page.
 * Fix: Thumbnail Navigation border width was not working on the single product 
   page.
 * Fix: Thumbnail Navigation icon box size setting was not working.
 * Tested: WordPress 7.1.2 compatibility.
 * Tested: FluentCart 1.7.0 compatibility.

#### 1.0.5

 * Initial release.

## メタ

 *  バージョン **1.0.7**
 *  最終更新日 **1日前**
 *  有効インストール数 **10未満**
 *  WordPress バージョン ** 6.0またはそれ以降 **
 *  検証済み最新バージョン: **7.1.3**
 *  PHP バージョン ** 7.4またはそれ以降 **
 *  言語
 * [English (US)](https://wordpress.org/plugins/smart-product-gallery-for-fluentcart/)
 * タグ
 * [fluentcart](https://ja.wordpress.org/plugins/tags/fluentcart/)[image zoom](https://ja.wordpress.org/plugins/tags/image-zoom/)
   [product gallery](https://ja.wordpress.org/plugins/tags/product-gallery/)[product images](https://ja.wordpress.org/plugins/tags/product-images/)
   [product slider](https://ja.wordpress.org/plugins/tags/product-slider/)
 *  [詳細を表示](https://ja.wordpress.org/plugins/smart-product-gallery-for-fluentcart/advanced/)

## 評価

レビューはまだ送信されていません。

[Your review](https://wordpress.org/support/plugin/smart-product-gallery-for-fluentcart/reviews/#new-post)

[すべてのレビューを見る](https://wordpress.org/support/plugin/smart-product-gallery-for-fluentcart/reviews/)

## 貢献者

 *   [ ShapedPlugin LLC ](https://profiles.wordpress.org/shapedplugin/)
 *   [ Rubel Miah ](https://profiles.wordpress.org/rubel_miah/)
 *   [ Md Khalil Uddin ](https://profiles.wordpress.org/khalilu/)
 *   [ Shamim Mia ](https://profiles.wordpress.org/shamimmiashuhagh/)

## サポート

意見や質問がありますか ?

 [サポートフォーラムを表示](https://wordpress.org/support/plugin/smart-product-gallery-for-fluentcart/)