Back to Top

Laravel eCommerce Image Gallery

Updated 11 May 2022

With the help of the module Laravel eCommerce Image Gallery, the admin can create a gallery and add images to the gallery.

The admin can also create various groups and assign galleries to that group. This is the best gallery module for the Bagisto platform and in this module, everything is configured by the admin. The admin can even allow the style for opening and closing the Image.

Check a brief overview of the plugin –

5kQdG6F1Sdc

Features

  • The admin can add Images, Images Title, Description text.
  • Admin can add Gallery using Images text.
  • The admin can add Group of Gallery.
  • The admin can allow the style for opening and closing the Image.
  • Admin can allow showing the title of the image.
  • The admin can decide also the position of the title.
  • Users will able to see Galleries on Home Page.
  • Users can see all the Images while clicking on the Gallery for seeing any particular image user can click on any image and from there can also control the image to see the next or previous image.

How to install the module?

Unzip the respective extension zip and then merge “packages” into project root directory.

Start your headless eCommerce
now.
Find out More
Laravel ecommerce tap payment

Goto config/app.php file and add the following line under ‘providers’.

Webkul\ImageGallery\Providers\ImageGalleryServiceProvider::class

Goto composer.json file and add the following line under ‘psr-4’

"Webkul\\ImageGallery\\":"packages/Webkul/ImageGallery"

Then run the following commands:-

php artisan migrate
php artisan route:cache
php artisan vendor:publish

-> Press 0 and then press enter to publish all assets and configurations

Module Configuration

After the successful installation of the module, the admin can configure the module under the admin panel. The needs to Configure>>Image Gallery.

laravel-ecommerce-image-gallery-Configuration-5

Here the admin can set various actions like Opining and Closing Effect, Side Count, Control. The admin can also set caption type and caption position.
The admin can also enable and disable the Image Gallery from here.

Click on the Save button.

Now the admin needs to add the Images, Gallery and Group, for this the admin needs to configure to the Image Gallery button that is visible on the side menu bar as shown below:-

manage-imageslaravel-ecommerce-image-gallery

Manage Images

Under the Manage Images all the images that have beed added are visible along with thumbnail, image title, description, sort order and status.

To add a new image click on the Add Image button.

After clicking on the add image button a page will open that will look like shown below:-

Add-Image

Here the admin needs to add image including description and title for the image.
Click on the Save Image button.

Manage Gallery

On clicking on the Manage Gallery all the galleries are visible as shown below:-

manage-gallery

To add a new gallery the admin needs to click on the Add Gallery button, the page that opens will look like shown below:-

Add-Gallery

Here the admin can input the title and code for the gallery and also selct the images for that gallery along with the thumbnail.

Click on the Save Gallery button.

Manage Group.

Under the Manage Groups all the groups that have beed added are visible along with Group code , id, and status.

manage-groups

To add a new group click on the Add Group button.

add-group

Here the admin can enter the group code and select the gallery for that group.
Click on the Save Group button.

Front End

In the front end the View Galleries button is visible as shown below:-

front-end-laravel-ecommerce-image-gallery

After clicking on the View Galleries button the user will is redirected to another page where all the galleries are visible:-

imagegallery-home

To view the images of the gallery click on any gallery.

Images-gallery-page

In the above page the all the images of the galley are visible.

So, that was much about the User Guide of Laravel eCommerce Image Gallery for any queries or doubts reach out to us at [email protected]. You can also raise a ticket at our HelpDesk System.

Please explore our Laravel Development Services and Quality Bagisto Extensions.

. . .

Leave a Comment

Your email address will not be published. Required fields are marked*


Be the first to comment.

Back to Top

Message Sent!

If you have more details or questions, you can reply to the received confirmation email.

Back to Home

Table of Content