PrestaShop does a great job when it comes to product images, category images, and manufacturer logos. The problem begins when you want to create your own image gallery.
Customer projects? Inspiration galleries? Certificates? Production photos? Company portfolio?
Surprisingly, PrestaShop still doesn't include a universal gallery system that can be used independently of products and categories.
Most available gallery modules aren't much better. They are often limited to specific hooks, specific page types, or require multiple module instances for different locations.
And that's where things become complicated.
What if a single gallery could be displayed practically anywhere in your store?
On CMS pages. Inside product descriptions. In category descriptions. On landing pages. Even inside a Custom HTML module.
That's exactly the problem DC pGallery was created to solve.
Meet DC pGallery
DC pGallery is a free PrestaShop module that allows you to create unlimited image galleries and display them exactly where they are needed.
What makes this module different isn't the gallery itself. The real advantage is the freedom it gives you. Most gallery modules are tied to specific hooks, specific pages or require separate module instances for different locations.
DC pGallery takes a different approach. You create a gallery once and then decide where you want to use it. A gallery of completed projects can appear on a CMS page, an inspiration gallery can be placed inside a category description, while a product showcase can be displayed on a landing page.
You are not limited to:
- specific hooks
- specific pages
- a single module instance
- a single gallery for the entire store
In practice, galleries become reusable content elements that can be placed wherever they make sense from a business and marketing perspective.
Installation
Download the module
The easiest way to get DC pGallery is from the official project page:
DC pGallery – Free Image Gallery Module for PrestaShop
Simply scroll to the bottom of the page where you'll find the download button, screenshots, documentation and additional information about the module.
Install in PrestaShop
Installing the module is exactly the same as installing any other PrestaShop extension.
Navigate to:
- Modules
- Module Manager
- Upload a Module
Select the ZIP file you downloaded earlier and wait for PrestaShop to complete the installation.
Open module configuration
After installation, find DC pGallery in the module list and open its configuration page.
That's it.
The module is now ready to use and you can start creating your own image galleries.
Creating Your First Gallery
One of the things I like most about DC pGallery is that galleries are managed through shortcodes. Instead of creating multiple module instances and assigning them to different hooks, you simply upload your images and decide how you want to display them.
The fastest way to create a gallery is to upload images via FTP. Simply create a folder inside the directory specified in the Base gallery folder setting and upload your images there.
For example, if your base folder is:
img/mygalleries
you can create galleries such as:
img/mygalleries/portfolio
img/mygalleries/projects
img/mygalleries/certificates
img/mygalleries/inspirations
Once the images are uploaded, you can display them anywhere using a shortcode.
Available gallery modes
DC pGallery currently offers seven display modes:
-
normal– fixed ratio grid + GLightbox -
tiles– Macy masonry + GLightbox -
slideshow– Swiper, one slide -
carousel– Swiper, multiple slides + GLightbox -
coverflow– Swiper coverflow + GLightbox -
cards– Swiper cards + GLightbox -
thumbs– main slide + 1:1 thumbnails + GLightbox
Most gallery modes include a built-in lightbox, allowing visitors to open images in a larger view without leaving the page.
Global settings
Although every gallery can be configured directly in the shortcode, it's worth understanding the most important global settings.
Base gallery folder
Default value:
img/mygalleries
This is the main directory where all gallery folders are stored.
Default gallery mode
Defines which gallery mode will be used when the mode parameter is not specified in the shortcode.
Default value:
normal
Columns
Default number of columns used by the normal and tiles gallery modes.
Image ratios
DC pGallery supports two independent ratio settings:
-
ratio– image ratio used by the Normal gallery mode -
slide_ratio– image ratio used by Swiper-based galleries
Examples:
1:1
3:4
16:9
Carousel visible slides
Controls how many images are visible simultaneously in Carousel mode.
Space
Distance in pixels between gallery items.
Loop
Enables or disables looping in Swiper galleries and the lightbox.
Swiper navigation styling
You can customize:
- previous/next button colors
- button opacity
- hover opacity
Shortcode settings always win
This is one of the most useful features of the module.
Whenever a parameter is specified in the shortcode, it overrides the corresponding global setting.
This means you can have completely different gallery styles on the same page while keeping sensible defaults in the module configuration.
Example shortcodes
Classic gallery with portrait images:
{dcgallery source="portfolio" mode="normal" columns="3" ratio="3:4"}
Classic gallery with widescreen images:
{dcgallery source="portfolio" mode="normal" columns="3" ratio="16:9"}
Pinterest / Masonry layout:
{dcgallery source="portfolio" mode="tiles" columns="4"}
Carousel with four visible slides:
{dcgallery source="portfolio" mode="carousel" slides_visible="4" slide_ratio="16:9"}
Where can you use a shortcode?
Practically everywhere.
You can insert galleries into:
- CMS pages
- product descriptions
- category descriptions
- Custom HTML modules
- landing pages
- blog articles
Because the module is shortcode-based, you're no longer restricted to specific hooks or predefined module positions.
After changing the configuration, it's a good idea to clear the PrestaShop cache so the new settings become visible immediately.
Fortunately, the configuration panel is very intuitive. After creating your first gallery, managing additional galleries becomes almost effortless.
Seven Gallery Modes in One Module
This is where DC pGallery really starts to shine.
The module doesn't offer just a single gallery layout. Instead, it comes with seven completely different display modes. Depending on your content, audience and design goals, the same set of images can look professional, creative, modern or highly interactive.
Normal – Classic Image Grid
The Normal mode is the most universal gallery layout available in the module. Images are displayed in a clean grid with a fixed aspect ratio, creating a consistent and professional look.
This mode works particularly well for project galleries, company portfolios and lifestyle product photography. If you're looking for a safe and proven layout, this is usually the best place to start.
When should you use it?
- project galleries
- company portfolios
- product presentations
- lifestyle photography
Example shortcode
{dcgallery source="demo" mode="normal" columns="4" ratio="1:1"}
Tiles – Pinterest / Masonry Layout
Tiles is designed for more creative presentations. Unlike the Normal mode, images keep their original proportions, creating a masonry-style layout similar to Pinterest.
This mode is particularly popular among photographers, artists, architects and home decor stores where visual presentation is just as important as the content itself.
When should you use it?
- creative portfolios
- inspiration galleries
- architecture projects
- home decor stores
- artistic presentations
Example shortcode
{dcgallery source="demo" mode="tiles" columns="4"}
Slideshow – Focus on One Image at a Time
Sometimes a single image deserves full attention.
Slideshow displays one slide at a time and works surprisingly well as a lightweight hero banner. You can place it on the homepage using a Custom HTML module, use it as a visual separator on product pages or showcase high-quality manufacturer photography.
I personally use this mode on product pages in electronics stores where large promotional images help break up long sections of content.
When should you use it?
- homepage banners
- landing pages
- product page separators
- premium product photography
- manufacturer marketing images
Example shortcode
{dcgallery source="demo" mode="slideshow" slide_ratio="16:9"}
Carousel – Multiple Images With Smooth Navigation
Carousel is one of my favorite modes because of its versatility.
It allows visitors to browse multiple images without consuming too much space on the page. You can use it to present manufacturer logos, team members, customer photos or product variations.
I often use Carousel on product pages to showcase photos submitted by customers. It also works extremely well as a visual separator between sections of content.
When should you use it?
- customer photos
- manufacturer logos
- team presentations
- product variations
- content separators
Example shortcode
{dcgallery source="demo" mode="carousel" slides_visible="3" slide_ratio="16:9"}
Coverflow – Premium 3D Presentation
Coverflow adds a subtle 3D effect inspired by classic media browsers.
The gallery looks modern, takes very little space and immediately attracts attention. It works particularly well for technology stores, electronics products and premium landing pages.
If you want something more dynamic than a standard slider without overwhelming the layout, Coverflow is an excellent choice.
When should you use it?
- technology stores
- electronics products
- premium landing pages
- featured products
- modern marketing pages
Example shortcode
{dcgallery source="demo" mode="coverflow"}
Cards – Interactive Card Gallery
Cards can be described as a more creative version of a traditional slider.
Each slide behaves like a card, creating a more engaging browsing experience. This mode works well as a homepage banner, category banner or secondary gallery on a product page.
Personally, I often use it when creating category pages. Imagine every category having its own animated image presentation without relying on heavy page builders or advanced commercial themes.
When should you use it?
- homepage banners
- category banners
- creative product presentations
- inspiration galleries
- marketing pages
Example shortcode
{dcgallery source="demo" mode="cards"}
Thumbs – Product Style Gallery
Thumbs is probably the closest thing to the native PrestaShop product gallery.
The difference is that you can place it anywhere.
It combines a large main image with a row of thumbnails underneath, making it ideal for showcasing products, project details and image-heavy content.
This is a fantastic solution for blog posts, CMS pages and landing pages where you want visitors to browse images just like they would on a product page.
When should you use it?
- product presentations
- blog articles
- CMS pages
- project details
- landing pages
Example shortcode
{dcgallery source="demo" mode="thumbs" slide_ratio="16:9"}
Why This Approach Is Different
Most gallery modules focus on visual effects.
DC pGallery focuses on flexibility.
The goal wasn't to create yet another image gallery for PrestaShop. The goal was to create a gallery system that could adapt to different business needs without forcing store owners to install multiple modules or modify templates.
The same images can be displayed as a classic grid, a Pinterest-style masonry layout, a slideshow, a carousel, a 3D coverflow or a product-style gallery. More importantly, those galleries can be placed almost anywhere in the store using a simple shortcode.
That combination of flexibility and simplicity is what makes DC pGallery different.
Instead of asking where the gallery can be displayed, you decide where it should be displayed.
Final Thoughts
Images stopped being just decorative elements a long time ago.
Today they help build trust, showcase expertise, present products more effectively and influence purchasing decisions. In many industries, high-quality visual content is just as important as product descriptions themselves.
Whether you want to showcase completed projects, create inspiration galleries, present manufacturer materials or simply improve the visual appeal of your store, having a flexible gallery system can make a huge difference.
If you're using PrestaShop and looking for a way to display image galleries practically anywhere in your store, DC pGallery might be one of the most versatile solutions you'll find.
