Image Gallery

Image Gallery

Compatible With: Community 2.1, 2.2

Tech Specifications

Current Version:
Stable Build
21 February, 2018
Extensions, Content & Customizations, Rich Media
Supported Browsers:
Chrome Linux: 42, 43, 44 Mac: 39, 44 Windows: 39, 40, 42, 43, 44 Firefox Linux: 31, 38, 39, 40, 41 Mac: 31, 38, 39, 40, 41 Windows: 31, 38, 39, 40, 41 Safari Mac: 7, 7.1, 8, 9 IE Windows: 10, 11, 8, 9
License Type:


Image Gallery allows the admin to add/ manage images into various galleries and groups according to their requirements.

Other Extensions by WebKul SoftWare Private Limited


Back to top

Using this module, the admin can add and manage images in various galleries. The admin can showcase the product, customer's experience, work culture, etc through images in different sections of the store. In other words, the admin will be able to add and manage the photo gallery on their websites. The created galleries can be assigned to various groups by the admin. The admin can also add various effects to the images which include - image zoom, change images using mouse button or keyboard and more. For the galleries, the admin can set the opening and closing, set the caption, caption type, and caption position for the image gallery and many other settings.

After completing the successful installation of this module, the admin can configure the module by navigating to the back-end the admin panel. The Image Gallery configuration settings will be visible under the "Webkul Image Gallery" menu option. Here the admin can add and manage the images in the gallery. After setting up all the required settings for the images, gallery and gallery groups the image gallery will be visible at the front end on your web-store. On clicking a particular gallery, customers can see all the images in your created gallery. After clicking an image customer will be able to see the images with all the display effects applied.

Use case of Image Gallery -

The image gallery module will allow the admin to create photo galleries on their websites. The admin can create images, galleries, and groups for the photo galleries. The admin can easily create the images first, then add these images to the various galleries and then these galleries can also be assigned to the various groups as per the need of the admin.

Features of Image Gallery -

  • Ability to add/manage images in the various galleries.
  • Assign the galleries into various groups.
  • Add various effects to the display images.
  • Awesome controls to zoom images, change images using the mouse click etc.
  • The code is fully open & you can customize it according to your need.
  • Multi-Lingual support / All language working including RTL.
  • Compatible with Multi-Store.

Workflow of Image Gallery -

The admin will get a menu option "Image gallery" under the dashboard with options to manage the images, galleries, groups and gallery settings. To add the images, the admin will click the manage images menu option under the Image Gallery. Now, the admin can add and manage the images in the gallery. Here the admin can change the status of the images as enabled or disabled and can add the image title and description for the images.

Now to add a gallery, the admin will click the Image gallery menu option. Here the admin needs to enter the gallery code which is unique to each gallery and has to select the status for the gallery. After that, you need to select the images and thumbnail image for your particular gallery. The admin can also edit an existing gallery by clicking the "Edit" button. Here the admin can edit Gallery Information and Gallery Images both. The admin can also select or deselect the images to be displayed in that particular gallery and can also change the thumbnail image for the gallery.

The admin will be able to add and manage the gallery groups. The admin can create a gallery group using already created galleries. To add a new group, you have to click on the Add Group button. The add group option contains three tabs. One is the Group Info - Here you need to enter your group code and status of the group. The other is the Group code – that must be unique and containing no space and Gallery - Here you need to select the gallery for your particular group. Now select the gallery which you want to add to your group. You can also edit the added Gallery Group. Just click on Edit option. Lastly, under gallery settings, you can add the setting for your image gallery.

The admin needs to call block code on the cms pages with group_code and gallery_code which Gallery and Group he wants to show at frontend.

{{block class="Webkul\ImageGallery\Block\Gallery\Gallery" group_code="group1" template="Webkul_ImageGallery::group.phtml"}}

Note - If you are copying the code from here and directly paste the code into your editor make sure Quotation Symbol has been not changed. Make sure you are writing same code into the editor as mentioned above. After that, you just need to change your group_code value only.

After making all the settings, customers will be able to the see the various galleries with various images in them on the front-end. Customers can easily check these galleries without any confusion.

Benefits of Image Gallery -

The module will allow the web store the admin to create the photo gallery for their website. The admin can easily create the images first, then add these images to the various galleries and then these galleries can be assigned to the various groups.

Admin's Benefits - The module is definitely useful for the admin as he can now easily create the photo image galleries for their website that are having display effects for the images. The admin can also showcase different images to show their customer experience, work process like packing, shipping, etc in the form of images. The admin will also find it easy to manage all the images for his website.

Customer Benefits - Customers will also find it easy and convenient to go through the images using the image galleries created. Customers can know more about your store through the image galleries. Customers can see the different effects for the images. This will surely make the store more interesting and customers on the store will be engaged in the store.

Demo - You can check the live demo here.

Release Notes

Back to top


  • Compatible with CE: 2.2
  • Stability: Stable Build
  • Description:

    -------------------------------- Version 2.0.4 --------------------------------------
    + Updated composer.json as per magento 2.2.x version.


  • Compatible with CE: 2.1
  • Stability: Stable Build
  • Description:

    -------------------------------- Version 2.0.3 --------------------------------------
    + Translation file added.
    -------------------------------- Version 2.0.2 --------------------------------------
    + Updated composer.json as per Magento 2.1.x version.
    -------------------------------- Version 2.0.1 --------------------------------------
    + Functionality to display gallery by gallery code
    + Functionality to display gallery on any cms page or static block
    -------------------------------- Version 2.0.0 --------------------------------------
    + Ability to add/manage images into the various gallery.
    + Allow assigning galleries into various groups.
    + Allow adding various effects to display images.
    + Awesome controls you can zoom images, change images using mouse enter etc.


Back to top
The best place to start if you need help with a specific extension is to contact the developer. All Magento developers have both a contact email and a support email listed.

Q & A

Back to top


Back to top