Menu Close
    Hire Us Request Quote Reading List Switch to Dark Mode

    Magento2 Image Gallery

    Magento2 Image Gallery module allows the admin to add/manage images into various gallery and galleries into various groups according to requirement. Admin can easily manage photo gallery and gallery groups on their site. In this module everything is configured by admin. Magento2 Image Gallery is the best Gallery module for Magento2 platform.

    Features Of Magento2 Image Gallery

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

    Installation Of The Module

    Customers will get a zip folder and they have to extract the contents of this zip folder on their system. The extracted folder has an src folder, inside the src folder you have the app folder. You need to transfer this app folder into the Magento2 root directory on the server as shown below.

    If you have downloaded the module from Magento Connect then unzip the respective extension zip and create Webkul(vendor)  then ImageGallery(module) name folder inside your magento root directory as app/code/Webkul/ImageGallery and then move all module’s  files inside /app/code/Webkul/ImageGallery/ folder in magento root directory.

    After the upload, you can see the folders in your Magento2 Root Directory.

    After the successful installation, you have to run these commands in the Magento2 root directory.

    First command- php bin/magento setup:upgrade

    Second Command – php bin/magento setup:di:compile

    Third Command – php bin/magento setup:static-content:deploy

    After running the commands, you have to flush the cache from Magento admin panel by navigating through->System->Cache management as shown below.

    Configuration For Multi-lingual Support

    For the multilingual support, the admin will navigate through Store->Configuration->General ->Locale Options and select the locale as German (the language into which admin want to translate his store content).

     

    Translation Of The Module

    If a user wants to translate their module from English to German then they need to follow the path app/code/Webkul/ImageGallery/i18n in their unzipped Magento2 ImageGallery folder and will get a CSV file with name “en_US.csv”. Now they will rename that CSV as “de_DE.csv” and translate all right side content after the comma in the German language. After editing the CSV, save it and then upload it to the path app/code/Webkul/ImageGallery/i18n where they have installed Magento2 on the server. The module will get translated into the German Language. It supports both RTL and LTR languages.


    The user can edit the CSV like the image below.

    Configuration Of Magento2 Image Gallery

    After the successful installation of the Magento Image Gallery module admin will be able to see the Magento Image Gallery configuration setting under “Webkul Image Gallery”. Let’s explain each menu one by one.

    How To Add/Manage Images

    Admin can add/manage the images for gallery under Webkul Image Gallery > Add/ Manage Images. Admin can also delete or change the status of the image.

    After click on “Add Image” below page will appear. Here admin can enter image information and save the image.

    How To Add/Manage Gallery

    This module also provides the feature for admin to add/manage gallery under Webkul Image Gallery > Add/Manage Gallery.

    After clicking on Add Gallery below page will appear which contains two tabs in the left section.

    Gallery Information

    In this section, you need to enter your gallery code which is unique and select status of the gallery.

    Gallery Image

    Here you need to select the images and thumbnail image for your particular gallery.

    Admin can also edit the existing gallery by clicking “Edit”. Here admin can edit Gallery Information and Gallery Images both.

    Admin can also select or deselect the images to be displayed in that particular gallery and admin can change the thumbnail image of the gallery.

    How To Add/Manage Gallery Group

    This menu is responsible for adding or Managing gallery group details. Admin can create Gallery group using created gallery.

    For adding new group click on Add Group. It contains two tab in the left section.

    Group Information

    Here you need to enter your group code and status of the group. Group code must be unique and containing no space.

    Gallery

    Here you need to select the gallery for your particular group. Select gallery which you want to add to your group.

    You can also edit the added Gallery Group. Just click on Edit option.

    Gallery Setting For Image Gallery For Magento2

    Under Gallery Setting, you can add the setting for your image gallery.

    Under Gallery Setting, you can add effects, caption, thumbs, autoplay, border and many more features to make your gallery more graceful.

    Use Block call on CMS page

    You need to call block code at your cms pages with group_code, and gallery_code attribute which Gallery and Group gallery you want to show at frontend.

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

    Note

    In the case of block call at CMS page, You will have to write (“) in HTML otherwise, if you simply copy these codes on WYSIWYG editor then it will convert the double quote into some ASCII code and you will be unable to call block on CMS page.

    It will look like this in CMS page.

    Front-End

    After inserting all required details and block code your gallery looks like this screenshot.

    On clicking particular gallery you can see all the images in your gallery.

    After clicking on any image below, you can see that image like this.

    That’s all for the Magento2 Image Gallery still have any issue feel free to add a ticket and let us know your views to make the module better http://webkul.uvdesk.com/

    Current Product Version - 2.0.2

    Supported Framework Version - 2.0.x, 2.1.x

    . . .

    Comment

    Add Your Comment

    Be the first to comment.

    Back to Top
    css.php
    Hire Us!
    Brief us about your requirements and we'll get back to you.
    Woo! Hooy!
    We have just recieved your project brief and our expert will contact you shortly.
    Send Again
    Close

    Table of Content

    Hide Index