{"id":303007,"date":"2021-08-26T13:12:37","date_gmt":"2021-08-26T13:12:37","guid":{"rendered":"https:\/\/webkul.com\/blog\/?p=303007"},"modified":"2026-09-21T13:54:10","modified_gmt":"2026-09-21T13:54:10","slug":"laravel-ecommerce-image-gallery","status":"publish","type":"post","link":"https:\/\/webkul.com\/blog\/laravel-ecommerce-image-gallery\/","title":{"rendered":"Laravel eCommerce Image Gallery"},"content":{"rendered":"\n<h3 class=\"wp-block-heading index-title\">Introduction<\/h3>\n\n\n\n<p>The Image Gallery module adds a complete image gallery to your Bagisto store. The admin uploads images, collects them into galleries, and can group those galleries together too, all from the admin panel.<\/p>\n\n\n\n<p>This is the best gallery module for the Bagisto platform and in <a href=\"https:\/\/store.webkul.com\/laravel-ecommerce-image-gallery.html\" target=\"_blank\" rel=\"noreferrer noopener\">Laravel eCommerce Image Gallery<\/a> module, everything is configured by the admin.<\/p>\n\n\n\n<p>Shoppers browse the galleries and groups on the storefront and open any image in a full view, with next and previous controls to move between images.<\/p>\n\n\n\n<p>The admin also controls how the image viewer looks and behaves: the opening and closing style, caption, border, a slide show that auto-advances between images, and a limit on how large an uploaded image can be.<\/p>\n\n\n\n<h3 class=\"wp-block-heading index-title\">Installation of Laravel Image Gallery Module<\/h3>\n\n\n\n<p>Unzip the respective extension zip and then merge<strong>&nbsp;packages<\/strong>&nbsp;into project root directory.<\/p>\n\n\n\n<p>Goto&nbsp;<strong>composer.json<\/strong>&nbsp;file and add the following line under&nbsp;<strong>psr-4<\/strong><\/p>\n\n\n\n<pre class=\"wp-block-preformatted\">\"Webkul\\\\ImageGallery\\\\\": \"packages\/Webkul\/ImageGallery\/src\"<\/pre>\n\n\n\n<p>Run the following command to regenerate Composer Autoloader<\/p>\n\n\n\n<pre class=\"EnlighterJSRAW\">composer dump-autoload<\/pre>\n\n\n\n<p>Go to\u00a0<strong>bootstrap\/providers.php<\/strong>\u00a0file and add the following line under\u00a0<strong>providers<\/strong>.<\/p>\n\n\n\n<pre class=\"wp-block-preformatted\">use Webkul\\ImageGallery\\Providers\\ImageGalleryServiceProvider;<\/pre>\n\n\n\n<p>Add inside return [ ];<\/p>\n\n\n\n<pre class=\"EnlighterJSRAW\">return &#091;\n    ImageGalleryServiceProvider::class,\n]<\/pre>\n\n\n\n<p>Then run the following command to install the module and optimize clear:-<\/p>\n\n\n\n<pre class=\"wp-block-preformatted\">php artisan image-gallery:install<\/pre>\n\n\n\n<pre class=\"wp-block-preformatted\">php artisan optimize:clear<\/pre>\n\n\n\n<p>After following these steps, the <a href=\"https:\/\/bagisto.com\/en\/\">Bagisto<\/a> Laravel Image Gallery Extension should be successfully installed and ready for use in your Bagisto v2.4.x project.<\/p>\n\n\n\n<p>You will also see the&nbsp;<strong>Image Gallery<\/strong>&nbsp;section on the left-hand side in the menu bar.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img decoding=\"async\" width=\"1120\" height=\"880\" src=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2021\/08\/image-gallery-section-2.webp\" alt=\"image-gallery-section\" class=\"wp-image-530547\" srcset=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2021\/08\/image-gallery-section-2.webp 1120w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2021\/08\/image-gallery-section-2-300x236.webp 300w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2021\/08\/image-gallery-section-2-250x196.webp 250w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2021\/08\/image-gallery-section-2-768x603.webp 768w\" sizes=\"(max-width: 1120px) 100vw, 1120px\" loading=\"lazy\" \/><\/figure>\n\n\n\n<div class=\"wk-index-wrap\"><div class=\"block-wrap\">\n<h3 class=\"wp-block-heading index-title\">Features<\/h3>\n<\/div><\/div>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Admin can manage images with title, description, sort order, status, and image upload.<\/li>\n\n\n\n<li>Admin can create galleries by selecting images and setting a thumbnail.<\/li>\n\n\n\n<li>Admin can bulk upload multiple images at once, apply a title prefix, description, sort base, and status, and attach them to a gallery.<\/li>\n\n\n\n<li>Admin can group galleries into gallery groups.<\/li>\n\n\n\n<li>Admin can enable\/disable the module via configuration.<\/li>\n\n\n\n<li>Admin can configure gallery viewer options: caption, caption type, caption position, background, interval, border, slide count, and controls.<\/li>\n\n\n\n<li>Admin can turn the gallery viewer&#8217;s Slide Show on or off, and set the interval between slides while it&#8217;s on.<\/li>\n\n\n\n<li>Admin can restrict the maximum upload size for an image, in KB.<\/li>\n\n\n\n<li>Admin can enable, disable, or delete images, galleries, and groups in bulk from the listing page.<\/li>\n\n\n\n<li>Shop users can view the gallery list page and open any gallery or group to view its images.<\/li>\n\n\n\n<li>Shop users can navigate images with next\/previous controls.<\/li>\n<\/ul>\n\n\n<div class=\"wk-index-wrap\">\n<h3 class=\"index-title\"><strong>Image Gallery Configuration<\/strong><\/h3>\n<\/div>\n<p><!-- \/wp:post-content -->After the successful installation of the module, the admin can configure the module under the admin panel. The admin needs to go to Configure &gt; Image Gallery.<\/p>\n<p><!-- \/wp:paragraph --><\/p>\n<p><!-- wp:image {\"id\":303065,\"sizeSlug\":\"large\",\"linkDestination\":\"none\"} --><\/p>\n<figure class=\"wp-block-image size-large\"><\/figure>\n<p><!-- \/wp:image --><\/p>\n<p><!-- wp:paragraph --><\/p>\n<p><img decoding=\"async\" class=\"alignnone size-full wp-image-478487\" src=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2021\/08\/laravel-ecommerce-image-gallery-module-configurations.webp\" alt=\"laravel-ecommerce-image-gallery-module-configurations\" width=\"1105\" height=\"1050\" srcset=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2021\/08\/laravel-ecommerce-image-gallery-module-configurations.webp 1105w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2021\/08\/laravel-ecommerce-image-gallery-module-configurations-300x285.webp 300w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2021\/08\/laravel-ecommerce-image-gallery-module-configurations-1078x1024.webp 1078w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2021\/08\/laravel-ecommerce-image-gallery-module-configurations-250x238.webp 250w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2021\/08\/laravel-ecommerce-image-gallery-module-configurations-768x730.webp 768w\" sizes=\"(max-width: 1105px) 100vw, 1105px\" loading=\"lazy\" \/><\/p>\n<p>Here the admin can set various actions like <strong>Opening and Closing Effect<\/strong>, <strong>Slide Count, Controls<\/strong>.<\/p>\n<p>The admin can also set<strong> caption type and caption position<\/strong>.<br \/>The admin can also <strong>enable and disable<\/strong> the Image Gallery from here.<\/p>\n<p><!-- \/wp:paragraph --><\/p>\n<p><!-- wp:paragraph --><\/p>\n<p>Click on the Save button.<\/p>\n<p><!-- \/wp:paragraph --><\/p>\n<p><!-- wp:heading {\"level\":3,\"placeholder\":\"Title\",\"className\":\"index-title\"} --><\/p>\n<h3 class=\"wp-block-heading index-title\">Slide Show<\/h3>\n<p><!-- \/wp:heading --><\/p>\n<p><!-- wp:paragraph --><\/p>\n<p>The gallery viewer can auto-advance between images on its own, on the storefront. A new <strong>Slide Show<\/strong> toggle in Configure &gt; Image Gallery &gt; Gallery Setting controls this:<\/p>\n<p><!-- \/wp:paragraph --><\/p>\n<p><!-- wp:list --><\/p>\n<ul class=\"wp-block-list\">\n<li style=\"list-style-type: none;\">\n<ul class=\"wp-block-list\"><!-- wp:list-item -->\n<li><strong>Off<\/strong> (default): the storefront viewer stays on the image the shopper opened, no auto-advance.<\/li>\n<\/ul>\n<\/li>\n<\/ul>\n<p><!-- \/wp:list-item --><\/p>\n<p><!-- wp:list-item --><\/p>\n<ul class=\"wp-block-list\">\n<li style=\"list-style-type: none;\">\n<ul class=\"wp-block-list\">\n<li><strong>On<\/strong>: an <strong>Interval<\/strong> field appears below the toggle. Enter the delay, in milliseconds, between one slide and the next (numeric, between 5000 and 99999).<\/li>\n<\/ul>\n<\/li>\n<\/ul>\n<p><!-- \/wp:list-item --><\/p>\n<p><!-- \/wp:list --><\/p>\n<p><!-- wp:image {\"sizeSlug\":\"large\",\"linkDestination\":\"none\"} --><\/p>\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" class=\"alignnone size-full wp-image-557259\" src=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2021\/08\/image-gallery-slideshow-toggle-configuration.webp\" alt=\"image-gallery-slideshow-toggle-configuration\" width=\"1120\" height=\"880\" srcset=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2021\/08\/image-gallery-slideshow-toggle-configuration.webp 1120w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2021\/08\/image-gallery-slideshow-toggle-configuration-300x236.webp 300w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2021\/08\/image-gallery-slideshow-toggle-configuration-250x196.webp 250w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2021\/08\/image-gallery-slideshow-toggle-configuration-768x603.webp 768w\" sizes=\"(max-width: 1120px) 100vw, 1120px\" loading=\"lazy\" \/><\/figure>\n<p><!-- \/wp:image --><\/p>\n<p><!-- wp:paragraph --><\/p>\n<p>Click <strong>Save Configuration<\/strong> once Slide Show and Interval are set the way you want.<\/p>\n<p><!-- \/wp:paragraph --><\/p>\n<p><!-- wp:heading {\"level\":3,\"placeholder\":\"Title\",\"className\":\"index-title\"} --><\/p>\n<h3 class=\"wp-block-heading index-title\">Restrict Image Size<\/h3>\n<p><!-- \/wp:heading --><\/p>\n<p><!-- wp:paragraph --><\/p>\n<p>The admin can also stop shopper-facing uploads from getting too large. In the same Gallery Setting screen, a <strong>Restrict Image Size<\/strong> toggle controls this:<\/p>\n<p><!-- \/wp:paragraph --><\/p>\n<p><!-- wp:list --><\/p>\n<ul class=\"wp-block-list\">\n<li style=\"list-style-type: none;\">\n<ul class=\"wp-block-list\"><!-- wp:list-item -->\n<li><strong>Off<\/strong> (default): no size limit is enforced on an uploaded image.<\/li>\n<\/ul>\n<\/li>\n<\/ul>\n<p><!-- \/wp:list-item --><\/p>\n<p><!-- wp:list-item --><\/p>\n<ul class=\"wp-block-list\">\n<li style=\"list-style-type: none;\">\n<ul class=\"wp-block-list\">\n<li><strong>On<\/strong>: a <strong>Max Image Size (KB)<\/strong> field appears. Enter the largest size, in KB, an uploaded image is allowed to be. The default is 2048 KB (2 MB).<\/li>\n<\/ul>\n<\/li>\n<\/ul>\n<p><!-- \/wp:list-item --><\/p>\n<p><!-- \/wp:list --><\/p>\n<p><!-- wp:paragraph --><\/p>\n<p>An image uploaded through Manage Images, whether added one at a time or through bulk upload, must be a bmp, jpeg, jpg, png, or webp file, and must stay under this size once the restriction is on.<\/p>\n<p><!-- \/wp:paragraph --><\/p>\n<p><!-- wp:image {\"sizeSlug\":\"large\",\"linkDestination\":\"none\"} --><\/p>\n<p><!-- \/wp:image --><\/p>\n<p><!-- wp:paragraph --><\/p>\n<p><img decoding=\"async\" class=\"alignnone size-full wp-image-557258\" src=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2021\/08\/image-gallery-restrict-image-size-configuration.webp\" alt=\"image-gallery-restrict-image-size-configuration\" width=\"1120\" height=\"880\" srcset=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2021\/08\/image-gallery-restrict-image-size-configuration.webp 1120w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2021\/08\/image-gallery-restrict-image-size-configuration-300x236.webp 300w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2021\/08\/image-gallery-restrict-image-size-configuration-250x196.webp 250w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2021\/08\/image-gallery-restrict-image-size-configuration-768x603.webp 768w\" sizes=\"(max-width: 1120px) 100vw, 1120px\" loading=\"lazy\" \/><\/p>\n<p>Click <strong>Save Configuration<\/strong> to apply the limit.<\/p>\n<p><!-- \/wp:paragraph --><\/p>\n<p><!-- wp:wk-block\/index-panel --><\/p>\n<div class=\"wk-index-wrap\">\n<h3 class=\"index-title\">Add Images, Gallery and Groups<\/h3>\n<\/div>\n<p><!-- \/wp:wk-block\/index-panel --><\/p>\n<p><!-- wp:paragraph --><\/p>\n<p>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:-<\/p>\n<p><img decoding=\"async\" class=\"alignnone wp-image-530522 size-full\" src=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2021\/08\/image-gallery-add-images.webp\" alt=\"image-gallery-add-images\" width=\"1120\" height=\"880\" srcset=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2021\/08\/image-gallery-add-images.webp 1120w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2021\/08\/image-gallery-add-images-300x236.webp 300w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2021\/08\/image-gallery-add-images-250x196.webp 250w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2021\/08\/image-gallery-add-images-768x603.webp 768w\" sizes=\"(max-width: 1120px) 100vw, 1120px\" loading=\"lazy\" \/><\/p>\n<p><!-- \/wp:paragraph --><\/p>\n<p><!-- wp:image {\"id\":303043,\"sizeSlug\":\"large\",\"linkDestination\":\"none\"} --><\/p>\n<figure class=\"wp-block-image size-large\"><\/figure>\n<p><!-- \/wp:image --><\/p>\n<p><!-- wp:heading {\"level\":4} --><\/p>\n<h3>Manage Images<\/h3>\n<p><!-- \/wp:heading --><\/p>\n<p><!-- wp:paragraph --><\/p>\n<p>Under the Manage Images all the images that have been added are visible along with <strong> image title, description, sort order, select gallery <\/strong>and <strong>status.<\/strong><\/p>\n<p><!-- \/wp:paragraph --><\/p>\n<p><!-- wp:paragraph --><\/p>\n<p>To add a new image click on the <strong>Add Image<\/strong> button.<\/p>\n<p><!-- \/wp:paragraph --><\/p>\n<p><!-- wp:paragraph --><\/p>\n<p>After clicking on the add image button a page will open that will look like shown below:-<\/p>\n<p><!-- \/wp:paragraph --><\/p>\n<p><!-- wp:image {\"id\":303056,\"sizeSlug\":\"large\",\"linkDestination\":\"none\"} --><\/p>\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" class=\"alignnone wp-image-530523 size-full\" src=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2021\/08\/manage-image-edit-page.webp\" alt=\"manage-image-edit-page\" width=\"1120\" height=\"880\" srcset=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2021\/08\/manage-image-edit-page.webp 1120w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2021\/08\/manage-image-edit-page-300x236.webp 300w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2021\/08\/manage-image-edit-page-250x196.webp 250w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2021\/08\/manage-image-edit-page-768x603.webp 768w\" sizes=\"(max-width: 1120px) 100vw, 1120px\" loading=\"lazy\" \/><\/figure>\n<p><!-- \/wp:image --><\/p>\n<p><!-- wp:paragraph --><\/p>\n<p>Here the admin needs to <strong>add image including description and title for the image<\/strong>.<br \/>Click on the <strong>Save Image<\/strong> button.<\/p>\n<p><!-- \/wp:paragraph --><\/p>\n<p><!-- wp:heading {\"level\":4} --><\/p>\n<h3>Manage Gallery<\/h3>\n<p><!-- \/wp:heading --><\/p>\n<p><!-- wp:paragraph --><\/p>\n<p>On clicking on the Manage Gallery all the galleries are visible as shown below:-<\/p>\n<p><img decoding=\"async\" class=\"alignnone wp-image-530527 size-full\" src=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2021\/08\/manage-gallery.webp\" alt=\"manage-gallery\" width=\"1120\" height=\"880\" srcset=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2021\/08\/manage-gallery.webp 1120w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2021\/08\/manage-gallery-300x236.webp 300w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2021\/08\/manage-gallery-250x196.webp 250w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2021\/08\/manage-gallery-768x603.webp 768w\" sizes=\"(max-width: 1120px) 100vw, 1120px\" loading=\"lazy\" \/><\/p>\n<p><!-- \/wp:paragraph --><\/p>\n<p><!-- wp:image {\"id\":303060,\"sizeSlug\":\"large\",\"linkDestination\":\"none\"} --><\/p>\n<figure class=\"wp-block-image size-large\"><\/figure>\n<p><!-- \/wp:image --><\/p>\n<p><!-- wp:paragraph --><\/p>\n<p>To add a new gallery the admin needs to click on the <strong>Add Gallery<\/strong> button, the page that opens will look like shown below:-<\/p>\n<p><!-- \/wp:paragraph --><\/p>\n<p><!-- wp:image {\"id\":303061,\"sizeSlug\":\"large\",\"linkDestination\":\"none\"} --><\/p>\n<figure class=\"wp-block-image size-large\"><\/figure>\n<p><img decoding=\"async\" class=\"alignnone wp-image-530528 size-full\" src=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2021\/08\/manage-gallery-edit.webp\" alt=\"manage-gallery-edit\" width=\"1120\" height=\"880\" srcset=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2021\/08\/manage-gallery-edit.webp 1120w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2021\/08\/manage-gallery-edit-300x236.webp 300w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2021\/08\/manage-gallery-edit-250x196.webp 250w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2021\/08\/manage-gallery-edit-768x603.webp 768w\" sizes=\"(max-width: 1120px) 100vw, 1120px\" loading=\"lazy\" \/><\/p>\n<p><!-- \/wp:image --><\/p>\n<p><!-- wp:paragraph --><\/p>\n<p>Here the admin can input the title and code for the gallery and also select the images for that gallery along with the thumbnail.<\/p>\n<p><!-- \/wp:paragraph --><\/p>\n<p><!-- wp:paragraph --><\/p>\n<p>Click on the<strong> Save Gallery <\/strong>button.<\/p>\n<p><!-- \/wp:paragraph --><\/p>\n<p><!-- wp:heading {\"level\":4} --><\/p>\n<h3>Manage Group.<\/h3>\n<p><!-- \/wp:heading --><\/p>\n<p><!-- wp:paragraph --><\/p>\n<p>Under the Manage Groups all the groups that have been added are visible along with <strong>Group code , id, and status.<\/strong><\/p>\n<p><img decoding=\"async\" class=\"alignnone size-full wp-image-478445\" src=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2021\/08\/laravel-ecommerce-image-gallery-add-gallery-manage-groups.webp\" alt=\"laravel-ecommerce-image-gallery-add-gallery-manage-groups\" width=\"1120\" height=\"880\" srcset=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2021\/08\/laravel-ecommerce-image-gallery-add-gallery-manage-groups.webp 1120w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2021\/08\/laravel-ecommerce-image-gallery-add-gallery-manage-groups-300x236.webp 300w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2021\/08\/laravel-ecommerce-image-gallery-add-gallery-manage-groups-250x196.webp 250w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2021\/08\/laravel-ecommerce-image-gallery-add-gallery-manage-groups-768x603.webp 768w\" sizes=\"(max-width: 1120px) 100vw, 1120px\" loading=\"lazy\" \/><\/p>\n<p><!-- \/wp:paragraph --><\/p>\n<p><!-- wp:image {\"id\":303057,\"sizeSlug\":\"large\",\"linkDestination\":\"none\"} --><\/p>\n<figure class=\"wp-block-image size-large\"><\/figure>\n<p><!-- \/wp:image --><\/p>\n<p><!-- wp:paragraph --><\/p>\n<p>To add a new group click on the<strong> Add Group<\/strong> button.<\/p>\n<p><!-- \/wp:paragraph --><\/p>\n<p><!-- wp:image {\"id\":303059,\"sizeSlug\":\"large\",\"linkDestination\":\"none\"} --><\/p>\n<figure class=\"wp-block-image size-large\"><\/figure>\n<p><!-- \/wp:image --><\/p>\n<p><!-- wp:paragraph --><\/p>\n<p><img decoding=\"async\" class=\"alignnone wp-image-530531 size-full\" src=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2021\/08\/manage-groups-edit.webp\" alt=\"manage-groups-edit\" width=\"1120\" height=\"880\" srcset=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2021\/08\/manage-groups-edit.webp 1120w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2021\/08\/manage-groups-edit-300x236.webp 300w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2021\/08\/manage-groups-edit-250x196.webp 250w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2021\/08\/manage-groups-edit-768x603.webp 768w\" sizes=\"(max-width: 1120px) 100vw, 1120px\" loading=\"lazy\" \/><\/p>\n<p>Here the admin can enter the group code and select the gallery for that group.<br \/>Click on the <strong>Save Group<\/strong> button.<\/p>\n<p><!-- \/wp:paragraph --><\/p>\n<p><!-- wp:wk-block\/index-panel --><\/p>\n<div class=\"wk-index-wrap\">\n<h3 class=\"index-title\">Front End<\/h3>\n<\/div>\n<p><!-- \/wp:wk-block\/index-panel --><\/p>\n<p><!-- wp:paragraph --><\/p>\n<p>In the front end the <strong>View Galleries <\/strong>button is visible as shown below:-<\/p>\n<p><!-- \/wp:paragraph --><\/p>\n<p><!-- wp:image {\"id\":303062,\"sizeSlug\":\"large\",\"linkDestination\":\"none\"} --><\/p>\n<figure class=\"wp-block-image size-large\"><\/figure>\n<p><img decoding=\"async\" class=\"alignnone wp-image-530533 size-full\" src=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2021\/08\/image-gallery.webp\" alt=\"image-gallery-view-gallery\" width=\"1120\" height=\"880\" srcset=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2021\/08\/image-gallery.webp 1120w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2021\/08\/image-gallery-300x236.webp 300w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2021\/08\/image-gallery-250x196.webp 250w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2021\/08\/image-gallery-768x603.webp 768w\" sizes=\"(max-width: 1120px) 100vw, 1120px\" loading=\"lazy\" \/><\/p>\n<p><!-- \/wp:image --><\/p>\n<p><!-- wp:paragraph --><\/p>\n<p>After clicking on the View Galleries button the user will is redirected to another page where all the galleries are visible:-<\/p>\n<p><!-- \/wp:paragraph --><\/p>\n<p><!-- wp:image {\"id\":303063,\"sizeSlug\":\"large\",\"linkDestination\":\"none\"} --><\/p>\n<figure class=\"wp-block-image size-large\"><\/figure>\n<p><img decoding=\"async\" class=\"alignnone wp-image-530534 size-full\" src=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2021\/08\/image-gallery-visible.webp\" alt=\"image-gallery-visible\" width=\"1120\" height=\"880\" srcset=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2021\/08\/image-gallery-visible.webp 1120w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2021\/08\/image-gallery-visible-300x236.webp 300w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2021\/08\/image-gallery-visible-250x196.webp 250w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2021\/08\/image-gallery-visible-768x603.webp 768w\" sizes=\"(max-width: 1120px) 100vw, 1120px\" loading=\"lazy\" \/><\/p>\n<p><!-- \/wp:image --><\/p>\n<p><!-- wp:paragraph --><\/p>\n<p>To view the images of the gallery click on any gallery.<\/p>\n<p><!-- \/wp:paragraph --><\/p>\n<p><!-- wp:image {\"id\":303064,\"sizeSlug\":\"large\",\"linkDestination\":\"none\"} --><\/p>\n<figure class=\"wp-block-image size-large\"><\/figure>\n<p><img decoding=\"async\" class=\"alignnone wp-image-530535 size-full\" src=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2021\/08\/image-gallery-view-detail.webp\" alt=\"image-gallery-view-detail\" width=\"1120\" height=\"880\" srcset=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2021\/08\/image-gallery-view-detail.webp 1120w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2021\/08\/image-gallery-view-detail-300x236.webp 300w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2021\/08\/image-gallery-view-detail-250x196.webp 250w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2021\/08\/image-gallery-view-detail-768x603.webp 768w\" sizes=\"(max-width: 1120px) 100vw, 1120px\" loading=\"lazy\" \/><\/p>\n<p><!-- \/wp:image --><\/p>\n<p><!-- wp:paragraph --><\/p>\n<p>In the above page the all the images of the gallery are visible. When Slide Show is turned on in Configuration, this viewer also auto-advances through the images on its own, using the interval you set.<\/p>\n<p><!-- \/wp:paragraph --><\/p>\n<p><!-- wp:paragraph --><\/p>\n<p>A group works the same way. Click a group on the gallery list page, and the shop shows every image from every gallery in that group on one page, with the group code as the page title.<\/p>\n<p><!-- \/wp:paragraph --><\/p>\n<p><!-- wp:image {\"sizeSlug\":\"large\",\"linkDestination\":\"none\"} --><\/p>\n<p><!-- \/wp:image --><\/p>\n<p><!-- wp:paragraph --><\/p>\n<p><!-- \/wp:paragraph --><\/p>\n<p><!-- wp:paragraph --><\/p>\n<p><!-- \/wp:paragraph --><\/p>\n<p><!-- wp:image {\"id\":557257,\"sizeSlug\":\"full\",\"linkDestination\":\"none\"} --><\/p>\n<figure class=\"wp-block-image size-full\"><img decoding=\"async\" width=\"1120\" height=\"880\" class=\"wp-image-557257\" src=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2021\/08\/image-gallery-group-front-end-view.webp\" alt=\"image-gallery-group-front-end-view\" srcset=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2021\/08\/image-gallery-group-front-end-view.webp 1120w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2021\/08\/image-gallery-group-front-end-view-300x236.webp 300w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2021\/08\/image-gallery-group-front-end-view-250x196.webp 250w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2021\/08\/image-gallery-group-front-end-view-768x603.webp 768w\" sizes=\"(max-width: 1120px) 100vw, 1120px\" loading=\"lazy\" \/><\/figure>\n<p><!-- \/wp:image --><\/p>\n<p><!-- wp:paragraph --><\/p>\n<p>So, that was much about the User Guide of Laravel eCommerce Image Gallery for any queries or doubts. reach out to us at<strong> <a href=\"mailto:support@webkul.com\" target=\"_blank\" rel=\"noreferrer noopener\">support@webkul.com<\/a>.<\/strong> You can also raise a ticket at our <a href=\"https:\/\/bagisto.uvdesk.com\/en\/\" target=\"_blank\" rel=\"noreferrer noopener\"><strong>HelpDesk System.<\/strong><\/a><\/p>\n<p><!-- \/wp:paragraph --><\/p>\n<p><!-- wp:paragraph --><\/p>\n<p>Please explore our<strong><a href=\"https:\/\/webkul.com\/laravel-development\/\"> Laravel Development Services <\/a><\/strong>and Quality <strong><a href=\"https:\/\/store.webkul.com\/catalogsearch\/result\/index\/?cat=171&amp;q=laravel\">Bagisto Extensions<\/a><\/strong>.<\/p>\n<p><!-- \/wp:paragraph --><\/p>","protected":false},"excerpt":{"rendered":"<p>Introduction The Image Gallery module adds a complete image gallery to your Bagisto store. The admin uploads images, collects them into galleries, and can group those galleries together too, all from the admin panel. This is the best gallery module for the Bagisto platform and in Laravel eCommerce Image Gallery module, everything is configured by <a href=\"https:\/\/webkul.com\/blog\/laravel-ecommerce-image-gallery\/\">[&#8230;]<\/a><\/p>\n","protected":false},"author":267,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[8396],"tags":[],"class_list":["post-303007","post","type-post","status-publish","format-standard","hentry","category-bagisto"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v28.5 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>Laravel eCommerce Image Gallery - Webkul Blog<\/title>\n<meta name=\"description\" content=\"With the help of the module Laravel eCommerce Image Gallery, the admin can create a gallery and add images to the gallery.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/webkul.com\/blog\/laravel-ecommerce-image-gallery\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Laravel eCommerce Image Gallery - Webkul Blog\" \/>\n<meta property=\"og:description\" content=\"With the help of the module Laravel eCommerce Image Gallery, the admin can create a gallery and add images to the gallery.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/webkul.com\/blog\/laravel-ecommerce-image-gallery\/\" \/>\n<meta property=\"og:site_name\" content=\"Webkul Blog\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/webkul\/\" \/>\n<meta property=\"article:published_time\" content=\"2021-08-26T13:12:37+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2026-09-21T13:54:10+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/webkul.com\/blog\/wp-content\/uploads\/2021\/08\/image-gallery-section-2.webp\" \/>\n<meta name=\"author\" content=\"Simant Verma\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:creator\" content=\"@webkul\" \/>\n<meta name=\"twitter:site\" content=\"@webkul\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Simant Verma\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"8 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\\\/\\\/webkul.com\\\/blog\\\/laravel-ecommerce-image-gallery\\\/#article\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/webkul.com\\\/blog\\\/laravel-ecommerce-image-gallery\\\/\"},\"author\":{\"name\":\"Simant Verma\",\"@id\":\"https:\\\/\\\/webkul.com\\\/blog\\\/#\\\/schema\\\/person\\\/63f64723fe98f166757f7903d1f7e7e0\"},\"headline\":\"Laravel eCommerce Image Gallery\",\"datePublished\":\"2021-08-26T13:12:37+00:00\",\"dateModified\":\"2026-09-21T13:54:10+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\\\/\\\/webkul.com\\\/blog\\\/laravel-ecommerce-image-gallery\\\/\"},\"wordCount\":1062,\"commentCount\":0,\"publisher\":{\"@id\":\"https:\\\/\\\/webkul.com\\\/blog\\\/#organization\"},\"image\":{\"@id\":\"https:\\\/\\\/webkul.com\\\/blog\\\/laravel-ecommerce-image-gallery\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/webkul.com\\\/blog\\\/wp-content\\\/uploads\\\/2021\\\/08\\\/image-gallery-section-2.webp\",\"articleSection\":[\"Bagisto\"],\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\\\/\\\/webkul.com\\\/blog\\\/laravel-ecommerce-image-gallery\\\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/webkul.com\\\/blog\\\/laravel-ecommerce-image-gallery\\\/\",\"url\":\"https:\\\/\\\/webkul.com\\\/blog\\\/laravel-ecommerce-image-gallery\\\/\",\"name\":\"Laravel eCommerce Image Gallery - Webkul Blog\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/webkul.com\\\/blog\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/webkul.com\\\/blog\\\/laravel-ecommerce-image-gallery\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/webkul.com\\\/blog\\\/laravel-ecommerce-image-gallery\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/webkul.com\\\/blog\\\/wp-content\\\/uploads\\\/2021\\\/08\\\/image-gallery-section-2.webp\",\"datePublished\":\"2021-08-26T13:12:37+00:00\",\"dateModified\":\"2026-09-21T13:54:10+00:00\",\"description\":\"With the help of the module Laravel eCommerce Image Gallery, the admin can create a gallery and add images to the gallery.\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/webkul.com\\\/blog\\\/laravel-ecommerce-image-gallery\\\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/webkul.com\\\/blog\\\/laravel-ecommerce-image-gallery\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/webkul.com\\\/blog\\\/laravel-ecommerce-image-gallery\\\/#primaryimage\",\"url\":\"https:\\\/\\\/cdnblog.webkul.com\\\/blog\\\/wp-content\\\/uploads\\\/2021\\\/08\\\/image-gallery-section-2.webp\",\"contentUrl\":\"https:\\\/\\\/cdnblog.webkul.com\\\/blog\\\/wp-content\\\/uploads\\\/2021\\\/08\\\/image-gallery-section-2.webp\",\"width\":1120,\"height\":880,\"caption\":\"image-gallery-section\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/webkul.com\\\/blog\\\/laravel-ecommerce-image-gallery\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/webkul.com\\\/blog\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Laravel eCommerce Image Gallery\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/webkul.com\\\/blog\\\/#website\",\"url\":\"https:\\\/\\\/webkul.com\\\/blog\\\/\",\"name\":\"Webkul Blog\",\"description\":\"\",\"publisher\":{\"@id\":\"https:\\\/\\\/webkul.com\\\/blog\\\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/webkul.com\\\/blog\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\\\/\\\/webkul.com\\\/blog\\\/#organization\",\"name\":\"WebKul Software Private Limited\",\"url\":\"https:\\\/\\\/webkul.com\\\/blog\\\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/webkul.com\\\/blog\\\/#\\\/schema\\\/logo\\\/image\\\/\",\"url\":\"https:\\\/\\\/cdnblog.webkul.com\\\/blog\\\/wp-content\\\/uploads\\\/2021\\\/08\\\/webkul-logo-accent-sq.png\",\"contentUrl\":\"https:\\\/\\\/cdnblog.webkul.com\\\/blog\\\/wp-content\\\/uploads\\\/2021\\\/08\\\/webkul-logo-accent-sq.png\",\"width\":380,\"height\":380,\"caption\":\"WebKul Software Private Limited\"},\"image\":{\"@id\":\"https:\\\/\\\/webkul.com\\\/blog\\\/#\\\/schema\\\/logo\\\/image\\\/\"},\"sameAs\":[\"https:\\\/\\\/www.facebook.com\\\/webkul\\\/\",\"https:\\\/\\\/x.com\\\/webkul\",\"https:\\\/\\\/www.instagram.com\\\/webkul\\\/\",\"https:\\\/\\\/www.linkedin.com\\\/company\\\/webkul\",\"https:\\\/\\\/www.youtube.com\\\/user\\\/webkul\\\/\"]},{\"@type\":\"Person\",\"@id\":\"https:\\\/\\\/webkul.com\\\/blog\\\/#\\\/schema\\\/person\\\/63f64723fe98f166757f7903d1f7e7e0\",\"name\":\"Simant Verma\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/7d1724606c049d771b8373de3119b9fde5f988195eb2e7d951f4acafa583388c?s=96&d=https%3A%2F%2Fcdnblog.webkul.com%2Fblog%2Fwp-content%2Fuploads%2F2019%2F10%2Fmike.png&r=g\",\"url\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/7d1724606c049d771b8373de3119b9fde5f988195eb2e7d951f4acafa583388c?s=96&d=https%3A%2F%2Fcdnblog.webkul.com%2Fblog%2Fwp-content%2Fuploads%2F2019%2F10%2Fmike.png&r=g\",\"contentUrl\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/7d1724606c049d771b8373de3119b9fde5f988195eb2e7d951f4acafa583388c?s=96&d=https%3A%2F%2Fcdnblog.webkul.com%2Fblog%2Fwp-content%2Fuploads%2F2019%2F10%2Fmike.png&r=g\",\"caption\":\"Simant Verma\"},\"url\":\"https:\\\/\\\/webkul.com\\\/blog\\\/author\\\/simantverma-bd183\\\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Laravel eCommerce Image Gallery - Webkul Blog","description":"With the help of the module Laravel eCommerce Image Gallery, the admin can create a gallery and add images to the gallery.","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/webkul.com\/blog\/laravel-ecommerce-image-gallery\/","og_locale":"en_US","og_type":"article","og_title":"Laravel eCommerce Image Gallery - Webkul Blog","og_description":"With the help of the module Laravel eCommerce Image Gallery, the admin can create a gallery and add images to the gallery.","og_url":"https:\/\/webkul.com\/blog\/laravel-ecommerce-image-gallery\/","og_site_name":"Webkul Blog","article_publisher":"https:\/\/www.facebook.com\/webkul\/","article_published_time":"2021-08-26T13:12:37+00:00","article_modified_time":"2026-09-21T13:54:10+00:00","og_image":[{"url":"https:\/\/webkul.com\/blog\/wp-content\/uploads\/2021\/08\/image-gallery-section-2.webp","type":"","width":"","height":""}],"author":"Simant Verma","twitter_card":"summary_large_image","twitter_creator":"@webkul","twitter_site":"@webkul","twitter_misc":{"Written by":"Simant Verma","Est. reading time":"8 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/webkul.com\/blog\/laravel-ecommerce-image-gallery\/#article","isPartOf":{"@id":"https:\/\/webkul.com\/blog\/laravel-ecommerce-image-gallery\/"},"author":{"name":"Simant Verma","@id":"https:\/\/webkul.com\/blog\/#\/schema\/person\/63f64723fe98f166757f7903d1f7e7e0"},"headline":"Laravel eCommerce Image Gallery","datePublished":"2021-08-26T13:12:37+00:00","dateModified":"2026-09-21T13:54:10+00:00","mainEntityOfPage":{"@id":"https:\/\/webkul.com\/blog\/laravel-ecommerce-image-gallery\/"},"wordCount":1062,"commentCount":0,"publisher":{"@id":"https:\/\/webkul.com\/blog\/#organization"},"image":{"@id":"https:\/\/webkul.com\/blog\/laravel-ecommerce-image-gallery\/#primaryimage"},"thumbnailUrl":"https:\/\/webkul.com\/blog\/wp-content\/uploads\/2021\/08\/image-gallery-section-2.webp","articleSection":["Bagisto"],"inLanguage":"en-US","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/webkul.com\/blog\/laravel-ecommerce-image-gallery\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/webkul.com\/blog\/laravel-ecommerce-image-gallery\/","url":"https:\/\/webkul.com\/blog\/laravel-ecommerce-image-gallery\/","name":"Laravel eCommerce Image Gallery - Webkul Blog","isPartOf":{"@id":"https:\/\/webkul.com\/blog\/#website"},"primaryImageOfPage":{"@id":"https:\/\/webkul.com\/blog\/laravel-ecommerce-image-gallery\/#primaryimage"},"image":{"@id":"https:\/\/webkul.com\/blog\/laravel-ecommerce-image-gallery\/#primaryimage"},"thumbnailUrl":"https:\/\/webkul.com\/blog\/wp-content\/uploads\/2021\/08\/image-gallery-section-2.webp","datePublished":"2021-08-26T13:12:37+00:00","dateModified":"2026-09-21T13:54:10+00:00","description":"With the help of the module Laravel eCommerce Image Gallery, the admin can create a gallery and add images to the gallery.","breadcrumb":{"@id":"https:\/\/webkul.com\/blog\/laravel-ecommerce-image-gallery\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/webkul.com\/blog\/laravel-ecommerce-image-gallery\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/webkul.com\/blog\/laravel-ecommerce-image-gallery\/#primaryimage","url":"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2021\/08\/image-gallery-section-2.webp","contentUrl":"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2021\/08\/image-gallery-section-2.webp","width":1120,"height":880,"caption":"image-gallery-section"},{"@type":"BreadcrumbList","@id":"https:\/\/webkul.com\/blog\/laravel-ecommerce-image-gallery\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/webkul.com\/blog\/"},{"@type":"ListItem","position":2,"name":"Laravel eCommerce Image Gallery"}]},{"@type":"WebSite","@id":"https:\/\/webkul.com\/blog\/#website","url":"https:\/\/webkul.com\/blog\/","name":"Webkul Blog","description":"","publisher":{"@id":"https:\/\/webkul.com\/blog\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/webkul.com\/blog\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/webkul.com\/blog\/#organization","name":"WebKul Software Private Limited","url":"https:\/\/webkul.com\/blog\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/webkul.com\/blog\/#\/schema\/logo\/image\/","url":"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2021\/08\/webkul-logo-accent-sq.png","contentUrl":"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2021\/08\/webkul-logo-accent-sq.png","width":380,"height":380,"caption":"WebKul Software Private Limited"},"image":{"@id":"https:\/\/webkul.com\/blog\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/webkul\/","https:\/\/x.com\/webkul","https:\/\/www.instagram.com\/webkul\/","https:\/\/www.linkedin.com\/company\/webkul","https:\/\/www.youtube.com\/user\/webkul\/"]},{"@type":"Person","@id":"https:\/\/webkul.com\/blog\/#\/schema\/person\/63f64723fe98f166757f7903d1f7e7e0","name":"Simant Verma","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/secure.gravatar.com\/avatar\/7d1724606c049d771b8373de3119b9fde5f988195eb2e7d951f4acafa583388c?s=96&d=https%3A%2F%2Fcdnblog.webkul.com%2Fblog%2Fwp-content%2Fuploads%2F2019%2F10%2Fmike.png&r=g","url":"https:\/\/secure.gravatar.com\/avatar\/7d1724606c049d771b8373de3119b9fde5f988195eb2e7d951f4acafa583388c?s=96&d=https%3A%2F%2Fcdnblog.webkul.com%2Fblog%2Fwp-content%2Fuploads%2F2019%2F10%2Fmike.png&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/7d1724606c049d771b8373de3119b9fde5f988195eb2e7d951f4acafa583388c?s=96&d=https%3A%2F%2Fcdnblog.webkul.com%2Fblog%2Fwp-content%2Fuploads%2F2019%2F10%2Fmike.png&r=g","caption":"Simant Verma"},"url":"https:\/\/webkul.com\/blog\/author\/simantverma-bd183\/"}]}},"amp_enabled":true,"_links":{"self":[{"href":"https:\/\/webkul.com\/blog\/wp-json\/wp\/v2\/posts\/303007","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/webkul.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/webkul.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/webkul.com\/blog\/wp-json\/wp\/v2\/users\/267"}],"replies":[{"embeddable":true,"href":"https:\/\/webkul.com\/blog\/wp-json\/wp\/v2\/comments?post=303007"}],"version-history":[{"count":23,"href":"https:\/\/webkul.com\/blog\/wp-json\/wp\/v2\/posts\/303007\/revisions"}],"predecessor-version":[{"id":558803,"href":"https:\/\/webkul.com\/blog\/wp-json\/wp\/v2\/posts\/303007\/revisions\/558803"}],"wp:attachment":[{"href":"https:\/\/webkul.com\/blog\/wp-json\/wp\/v2\/media?parent=303007"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/webkul.com\/blog\/wp-json\/wp\/v2\/categories?post=303007"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/webkul.com\/blog\/wp-json\/wp\/v2\/tags?post=303007"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}