{"id":36752,"date":"2015-12-10T10:42:41","date_gmt":"2015-12-10T10:42:41","guid":{"rendered":"http:\/\/webkul.com\/blog\/?p=36752"},"modified":"2024-08-26T09:27:36","modified_gmt":"2024-08-26T09:27:36","slug":"magento-2-image-gallery","status":"publish","type":"post","link":"https:\/\/webkul.com\/blog\/magento-2-image-gallery\/","title":{"rendered":"Magento 2 Image Gallery"},"content":{"rendered":"<p><a href=\"https:\/\/store.webkul.com\/Magento-2\/Magento2-Image-Gallery.html\" target=\"_blank\" rel=\"noopener\">Magento 2 Image Gallery<\/a> module allows the admin to add\/manage images into various galleries and galleries into various groups according to requirements.<\/p>\n<p>Admin can easily manage photo galleries and gallery groups on their site. In this module, everything is configured by the admin.<\/p>\n<p>Adobe Commerce Image Gallery is the best Gallery module for the Magento 2 platform.<\/p>\n<p>You can also manage the images to check if the images are indecent using the <a href=\"https:\/\/webkul.com\/blog\/magento2-indecent-content-checker-documentation\/\" target=\"_blank\" rel=\"noopener\">Magento 2 Indecent Content Checker<\/a> extension.<\/p>\n<p>You can also optimize the server storage by uploading the product, and CMS media content via the\u00a0<a href=\"https:\/\/webkul.com\/blog\/magento2-digitalocean-storage-documentation\/\" target=\"_blank\" rel=\"noreferrer noopener\" data-wpel-link=\"internal\">Magento 2 Digital Ocean storage<\/a> extension.<\/p>\n<p>So that the media is fetched and provided to customers directly from Digital Ocean servers.<\/p>\n<p>Also, if you want to enhance your store with the AI-powered image search for products, you can check\u00a0<a href=\"https:\/\/webkul.com\/blog\/magento2-ai-image-search-documentation\/\" target=\"_blank\" rel=\"noreferrer noopener\" data-wpel-link=\"internal\">Magento 2 AI Image Search<\/a>.<\/p>\n<div class=\"panel panel-primary\">\n<div class=\"panel-heading\">\n<h3 class=\"panel-title\"><i class=\"fa fa-mail-forward\"><\/i>Features Of Magento 2 Image Gallery<\/h3>\n<\/div>\n<div class=\"panel-body\">\n<ul>\n<li>Ability to add\/manage images in various galleries.<\/li>\n<li>Assign galleries into various groups.<\/li>\n<li>Add various effects to display images.<\/li>\n<li>Awesome controls you can zoom images, change images using mouse enter, etc.<\/li>\n<li>The code is fully open &amp; you can customize it according to your need.<\/li>\n<li>Multi-Lingual support \/ All language working including RTL.<\/li>\n<li>Also Compatible with Multistore.<\/li>\n<\/ul>\n<p>Additionally, you can use our <a href=\"https:\/\/webkul.com\/blog\/magento2-tv-app-documentation\/\" target=\"_blank\" rel=\"noreferrer noopener\">Magento 2 TV app<\/a> for various video streaming directly on TV.<\/p>\n<\/div>\n<\/div>\n<div class=\"panel panel-success\">\n<div class=\"panel-heading\">\n<h3 class=\"panel-title\"><i class=\"fa fa-cog\"><\/i>Installation Of\u00a0The Module<\/h3>\n<\/div>\n<div class=\"panel-body\">\n<p>Customers will get a <strong>zip folder<\/strong> and they have to extract the contents of this zip folder on their system. The extracted folder has an<strong> src<\/strong> folder, inside the src folder you have the <strong>app<\/strong> folder.<\/p>\n<p>You need to transfer this <strong>app<\/strong> folder into the Adobe Commerce\u00a0 root directory on the server as shown below.<\/p>\n<\/div>\n<div class=\"panel-body\">\n<p><img decoding=\"async\" class=\"alignnone size-full wp-image-380124\" src=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2015\/12\/m2_installation.png\" alt=\"m2_installation\" width=\"1855\" height=\"697\" srcset=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2015\/12\/m2_installation.png 1855w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2015\/12\/m2_installation-300x113.png 300w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2015\/12\/m2_installation-1200x451.png 1200w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2015\/12\/m2_installation-250x94.png 250w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2015\/12\/m2_installation-768x289.png 768w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2015\/12\/m2_installation-1536x577.png 1536w\" sizes=\"(max-width: 1855px) 100vw, 1855px\" loading=\"lazy\" \/><\/p>\n<p>If you have downloaded the module from<strong> Adobe Commerce Connect<\/strong> then unzip the respective extension zip.<\/p>\n<p>And create <strong>Webkul<\/strong>(vendor) and then <strong>ImageGallery<\/strong>(module) name folder inside your Magento root directory as <strong>app\/code\/Webkul\/ImageGallery<\/strong> .<\/p>\n<p>Then move all module\u2019s files inside <strong>\/app\/code\/Webkul\/ImageGallery\/<\/strong> folder in the Magento root directory.<\/p>\n<p><a href=\"http:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2015\/12\/image-gallery-1.png\"><img decoding=\"async\" src=\"http:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2015\/12\/image-gallery-1.png\" alt=\"Installation of Magento2 Image Gallery\" loading=\"lazy\" \/><\/a><\/p>\n<p>After the upload, you can see the folders in your Magento 2 Root Directory.<\/p>\n<p><a href=\"http:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2015\/12\/gallery-2.png\"><img decoding=\"async\" src=\"http:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2015\/12\/gallery-2.png\" alt=\"Installation of Magento2 Image Gallery\" loading=\"lazy\" \/><\/a><\/p>\n<p>So, after the successful installation, you have to run these commands in the Magento 2 root directory.<\/p>\n<pre class=\"EnlighterJSRAW\" data-enlighter-language=\"generic\">php bin\/magento setup:upgrade<\/pre>\n<pre class=\"EnlighterJSRAW\" data-enlighter-language=\"generic\">php bin\/magento setup:di:compile<\/pre>\n<pre class=\"EnlighterJSRAW\" data-enlighter-language=\"generic\">php bin\/magento setup:static-content:deploy\n<\/pre>\n<p>After running the commands, you have to flush the cache from Adobe Commerce\u00a0 admin panel by navigating through<strong>-&gt;System-&gt;Cache management<\/strong> as shown below.<\/p>\n<p><a href=\"http:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/09\/Flush-Cache-1.png\"><img decoding=\"async\" src=\"http:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/09\/Flush-Cache-1.png\" alt=\"Installation Of Magento2 Image Gallery\" loading=\"lazy\" \/><\/a><\/p>\n<\/div>\n<\/div>\n<div class=\"panel panel-info\">\n<div class=\"panel-heading\">\n<h3 class=\"panel-title\"><i class=\"fa fa-cog\"><\/i>Configuration For Multi-lingual Support<\/h3>\n<\/div>\n<div class=\"panel-body\">\n<p>For <strong>multilingual <\/strong>support, the\u00a0admin will navigate through <strong>Store-&gt;Configuration-&gt;General -&gt;Locale Options.<\/strong><\/p>\n<p>And select the locale as German (the language into which the admin wants to translate his store content).<\/p>\n<p><img decoding=\"async\" class=\"alignnone size-full wp-image-458611\" src=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2015\/12\/admin-locale-conf.webp\" alt=\"admin-locale-conf\" width=\"1304\" height=\"654\" srcset=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2015\/12\/admin-locale-conf.webp 1304w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2015\/12\/admin-locale-conf-300x150.webp 300w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2015\/12\/admin-locale-conf-1200x602.webp 1200w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2015\/12\/admin-locale-conf-250x125.webp 250w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2015\/12\/admin-locale-conf-768x385.webp 768w\" sizes=\"(max-width: 1304px) 100vw, 1304px\" loading=\"lazy\" \/><\/p>\n<\/div>\n<\/div>\n<div class=\"panel panel-info\">\n<div class=\"panel-heading\">\n<h3 class=\"panel-title\">Translation Of The Module<\/h3>\n<\/div>\n<div class=\"panel-body\">\n<p>If a\u00a0user wants to translate their module from English to German then they need to follow the path <strong>app\/code\/Webkul\/ImageGallery\/i18n<\/strong><\/p>\n<p><strong><br \/>\n<\/strong>In their unzipped Adobe Commerce ImageGallery folder and will get a CSV file with name \u201cen_US.csv\u201d.<\/p>\n<p>Now they will rename that CSV as \u201cde_DE.csv\u201d and translate all right side content after the comma in the German language.<\/p>\n<p>After editing the CSV, save it and then upload it to the path <strong>app\/code\/Webkul\/ImageGallery\/i18n<\/strong> where they have installed Magento 2 on the server.<\/p>\n<p>The module will get translated into the German Language. It supports both <strong>RTL <\/strong>and <strong>LTR <\/strong>languages.<\/p>\n<p><a href=\"http:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2015\/12\/image-translation1.png\"><img decoding=\"async\" src=\"http:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2015\/12\/image-translation1.png\" alt=\"Magento2 Image Gallery Translation\" loading=\"lazy\" \/><\/a><br \/>\n<a href=\"http:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2015\/12\/Image-gal-Translation-2.png\"><img decoding=\"async\" src=\"http:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2015\/12\/Image-gal-Translation-2.png\" alt=\"Magento2 Image Gallery Translation\" loading=\"lazy\" \/><\/a><\/p>\n<p>The user can edit the CSV like the image below.<br \/>\n<a href=\"http:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2015\/12\/Translation3.png\"><img decoding=\"async\" src=\"http:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2015\/12\/Translation3.png\" alt=\"Magento2 Image Gallery Translation\" loading=\"lazy\" \/><\/a><\/p>\n<\/div>\n<\/div>\n<div class=\"panel panel-success\">\n<div class=\"panel-heading\">\n<h3 class=\"panel-title\"><i class=\"fa fa-arrow-right\"><\/i>Configuration Of Adobe Commerce\u00a0 Image Gallery<\/h3>\n<\/div>\n<div class=\"panel-body\">\n<p>After the successful installation of the Magento Image Gallery module admin will be able to see the Adobe Commerce Image Gallery configuration setting under &#8220;Webkul Image Gallery&#8221;.<\/p>\n<p>So, let&#8217;s explain each menu one by one.<\/p>\n<p><img decoding=\"async\" class=\"alignnone size-full wp-image-458612\" src=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2015\/12\/menu-dashboard.webp\" alt=\"menu-dashboard\" width=\"1304\" height=\"654\" srcset=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2015\/12\/menu-dashboard.webp 1304w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2015\/12\/menu-dashboard-300x150.webp 300w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2015\/12\/menu-dashboard-1200x602.webp 1200w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2015\/12\/menu-dashboard-250x125.webp 250w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2015\/12\/menu-dashboard-768x385.webp 768w\" sizes=\"(max-width: 1304px) 100vw, 1304px\" loading=\"lazy\" \/><\/p>\n<\/div>\n<\/div>\n<div class=\"panel panel-success\">\n<div class=\"panel-heading\">\n<h3 class=\"panel-title\"><i class=\"fa fa-arrow-right\"><\/i>How To Add\/Manage Images<\/h3>\n<\/div>\n<div class=\"panel-body\">\n<p>Admin can add\/manage the images for the gallery under <b class=\"black\">Webkul Image Gallery &gt; Add\/ Manage Images<\/b>. Admin can also delete or change the status of the image.<\/p>\n<p><img decoding=\"async\" class=\"alignnone size-full wp-image-458614\" src=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2015\/12\/manage-images-magento-admin.webp\" alt=\"manage-images-magento-admin\" width=\"1304\" height=\"654\" srcset=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2015\/12\/manage-images-magento-admin.webp 1304w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2015\/12\/manage-images-magento-admin-300x150.webp 300w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2015\/12\/manage-images-magento-admin-1200x602.webp 1200w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2015\/12\/manage-images-magento-admin-250x125.webp 250w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2015\/12\/manage-images-magento-admin-768x385.webp 768w\" sizes=\"(max-width: 1304px) 100vw, 1304px\" loading=\"lazy\" \/><br \/>\nAfter click on <b class=\"black\">&#8220;Add Image&#8221;<\/b> below page will appear. Here admin can enter image information and save the\u00a0image.<\/p>\n<p><img decoding=\"async\" class=\"alignnone size-full wp-image-458617\" src=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2015\/12\/new-image-magento-admin.webp\" alt=\"new-image-magento-admin\" width=\"1366\" height=\"768\" srcset=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2015\/12\/new-image-magento-admin.webp 1366w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2015\/12\/new-image-magento-admin-300x169.webp 300w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2015\/12\/new-image-magento-admin-1200x675.webp 1200w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2015\/12\/new-image-magento-admin-250x141.webp 250w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2015\/12\/new-image-magento-admin-768x432.webp 768w\" sizes=\"(max-width: 1366px) 100vw, 1366px\" loading=\"lazy\" \/><\/div>\n<\/div>\n<div class=\"panel panel-success\">\n<div class=\"panel-heading\">\n<h3 class=\"panel-title\"><i class=\"fa fa-arrow-right\"><\/i>How To Add\/Manage Gallery<\/h3>\n<\/div>\n<div class=\"panel-body\">\n<p>This module also provides the feature for the admin to add\/manage a gallery under <b class=\"black\">Webkul Image Gallery &gt; Add\/Manage Gallery<\/b>.<\/p>\n<p>After clicking on Add Gallery below page will appear which contains two tabs in the left section.<\/p>\n<h5 class=\"alert alert-info\">Gallery Information<\/h5>\n<p>In this section, you also need to enter your gallery code which is unique and select status of the gallery.<\/p>\n<p><img decoding=\"async\" class=\"alignnone wp-image-458623 size-full\" src=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2015\/12\/new-gallery.webp\" alt=\"new-gallery\" width=\"1304\" height=\"654\" srcset=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2015\/12\/new-gallery.webp 1304w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2015\/12\/new-gallery-300x150.webp 300w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2015\/12\/new-gallery-1200x602.webp 1200w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2015\/12\/new-gallery-250x125.webp 250w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2015\/12\/new-gallery-768x385.webp 768w\" sizes=\"(max-width: 1304px) 100vw, 1304px\" loading=\"lazy\" \/><\/p>\n<div class=\"alert alert-info\">Gallery Image<\/div>\n<p>Here you need to select the images and thumbnail images for your particular gallery.<\/p>\n<p><img decoding=\"async\" class=\"alignnone size-full wp-image-458624\" src=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2015\/12\/add-images-to-gallery.webp\" alt=\"add-images-to-gallery\" width=\"1304\" height=\"654\" srcset=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2015\/12\/add-images-to-gallery.webp 1304w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2015\/12\/add-images-to-gallery-300x150.webp 300w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2015\/12\/add-images-to-gallery-1200x602.webp 1200w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2015\/12\/add-images-to-gallery-250x125.webp 250w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2015\/12\/add-images-to-gallery-768x385.webp 768w\" sizes=\"(max-width: 1304px) 100vw, 1304px\" loading=\"lazy\" \/><br \/>\nAdmin can also edit the existing gallery by clicking &#8220;Edit&#8221;. Here admin can edit Gallery Information and Gallery Images both.<\/p>\n<p><img decoding=\"async\" class=\"alignnone size-full wp-image-458620\" src=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2015\/12\/gallery-magento-admin.webp\" alt=\"gallery-magento-admin\" width=\"1304\" height=\"654\" srcset=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2015\/12\/gallery-magento-admin.webp 1304w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2015\/12\/gallery-magento-admin-300x150.webp 300w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2015\/12\/gallery-magento-admin-1200x602.webp 1200w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2015\/12\/gallery-magento-admin-250x125.webp 250w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2015\/12\/gallery-magento-admin-768x385.webp 768w\" sizes=\"(max-width: 1304px) 100vw, 1304px\" loading=\"lazy\" \/><br \/>\nHowever, Admin can also select or deselect the images to be displayed in that particular gallery and the admin can change the thumbnail image of the gallery.<\/p>\n<p><img decoding=\"async\" class=\"alignnone size-full wp-image-458625\" src=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2015\/12\/select-images.webp\" alt=\"select-images\" width=\"1304\" height=\"654\" srcset=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2015\/12\/select-images.webp 1304w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2015\/12\/select-images-300x150.webp 300w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2015\/12\/select-images-1200x602.webp 1200w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2015\/12\/select-images-250x125.webp 250w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2015\/12\/select-images-768x385.webp 768w\" sizes=\"(max-width: 1304px) 100vw, 1304px\" loading=\"lazy\" \/><\/div>\n<\/div>\n<div class=\"panel panel-success\">\n<div class=\"panel-heading\">\n<h3 class=\"panel-title\"><i class=\"fa fa-arrow-right\"><\/i>How To Add\/Manage Gallery Group<\/h3>\n<\/div>\n<div class=\"panel-body\">\n<p>This menu is responsible for adding or Managing gallery group details. Admin can create Gallery group using created gallery.<\/p>\n<p>Magento2 image gallery<\/p>\n<p>For adding a new group click on <b class=\"black\">Add Group<\/b>. It contains two tabs in the left section.<\/p>\n<div class=\"alert alert-info\">Group Information<\/div>\n<p>Here you need to enter your group code and the status of the group. The group code must be unique and contain no space.<\/p>\n<p><img decoding=\"async\" class=\"alignnone size-full wp-image-458627\" src=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2015\/12\/new-group.webp\" alt=\"new-group\" width=\"1304\" height=\"654\" srcset=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2015\/12\/new-group.webp 1304w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2015\/12\/new-group-300x150.webp 300w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2015\/12\/new-group-1200x602.webp 1200w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2015\/12\/new-group-250x125.webp 250w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2015\/12\/new-group-768x385.webp 768w\" sizes=\"(max-width: 1304px) 100vw, 1304px\" loading=\"lazy\" \/><\/p>\n<div class=\"alert alert-info\">Gallery<\/div>\n<p>So, here you need to select the gallery for your particular group. Select the gallery which you want to add to your group.<\/p>\n<p><img decoding=\"async\" class=\"alignnone size-full wp-image-458630\" src=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2015\/12\/add-group-gallieries.webp\" alt=\"add-group-gallieries\" width=\"1304\" height=\"654\" srcset=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2015\/12\/add-group-gallieries.webp 1304w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2015\/12\/add-group-gallieries-300x150.webp 300w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2015\/12\/add-group-gallieries-1200x602.webp 1200w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2015\/12\/add-group-gallieries-250x125.webp 250w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2015\/12\/add-group-gallieries-768x385.webp 768w\" sizes=\"(max-width: 1304px) 100vw, 1304px\" loading=\"lazy\" \/><br \/>\nYou can also edit the added Gallery Group. Just click on the Edit option.<\/p>\n<p><img decoding=\"async\" class=\"alignnone size-full wp-image-458631\" src=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2015\/12\/edit-groups.webp\" alt=\"edit-groups\" width=\"1304\" height=\"654\" srcset=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2015\/12\/edit-groups.webp 1304w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2015\/12\/edit-groups-300x150.webp 300w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2015\/12\/edit-groups-1200x602.webp 1200w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2015\/12\/edit-groups-250x125.webp 250w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2015\/12\/edit-groups-768x385.webp 768w\" sizes=\"(max-width: 1304px) 100vw, 1304px\" loading=\"lazy\" \/><\/div>\n<\/div>\n<div class=\"panel panel-success\">\n<div class=\"panel-heading\">\n<h3 class=\"panel-title\"><i class=\"fa fa-arrow-right\"><\/i>Gallery Setting For Image Gallery For Adobe Commerce<\/h3>\n<\/div>\n<div class=\"panel-body\">\n<p>Under Gallery Setting, you can add the\u00a0setting for your image gallery.<\/p>\n<p><img decoding=\"async\" class=\"alignnone size-full wp-image-458634\" src=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2015\/12\/configuration-settings-image-gallery.webp\" alt=\"configuration-settings-image-gallery\" width=\"1366\" height=\"768\" srcset=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2015\/12\/configuration-settings-image-gallery.webp 1366w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2015\/12\/configuration-settings-image-gallery-300x169.webp 300w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2015\/12\/configuration-settings-image-gallery-1200x675.webp 1200w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2015\/12\/configuration-settings-image-gallery-250x141.webp 250w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2015\/12\/configuration-settings-image-gallery-768x432.webp 768w\" sizes=\"(max-width: 1366px) 100vw, 1366px\" loading=\"lazy\" \/><br \/>\nUnder Gallery Setting, you can add effects, captions, thumbs, autoplay, border, and many more features to make your gallery more graceful.<\/p>\n<h5 class=\"alert alert-info\">Use Block call on CMS page<\/h5>\n<p>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.<\/p>\n<p><b>{{block class=&#8217;Webkul\\ImageGallery\\Block\\Gallery\\Gallery&#8217; group_code=&#8217;group1&#8242; template=&#8217;Webkul_ImageGallery::group.phtml&#8217;}}<\/b><\/p>\n<p><img decoding=\"async\" class=\"alignnone size-full wp-image-458637\" src=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2015\/12\/new-cms.webp\" alt=\"new-cms\" width=\"1250\" height=\"627\" srcset=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2015\/12\/new-cms.webp 1250w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2015\/12\/new-cms-300x150.webp 300w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2015\/12\/new-cms-1200x602.webp 1200w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2015\/12\/new-cms-250x125.webp 250w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2015\/12\/new-cms-768x385.webp 768w\" sizes=\"(max-width: 1250px) 100vw, 1250px\" loading=\"lazy\" \/><\/p>\n<div class=\"alert alert-info\">Note<\/div>\n<p>In the case of a blocking call at the CMS page, You will have to write (&#8216;) in HTML otherwise.<\/p>\n<p>So, if you simply copy these codes on the WYSIWYG editor then it will convert the double quote into some ASCII code and you will be unable to call block on the CMS page.<\/p>\n<p>It will look like this on the CMS page.<\/p>\n<p><a href=\"http:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2015\/12\/wrong-code.png\"><img decoding=\"async\" class=\"alignnone\" src=\"http:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2015\/12\/wrong-code.png\" alt=\"code\" width=\"749\" height=\"60\" loading=\"lazy\" \/><\/a><\/p>\n<\/div>\n<\/div>\n<div class=\"panel panel-info\">\n<div class=\"panel-heading\">\n<h3 class=\"panel-title\"><i class=\"fa fa-desktop\"><\/i>Front-End<\/h3>\n<\/div>\n<div class=\"panel-body\">\n<p>After inserting all required details and block code your gallery looks like this screenshot.<\/p>\n<p><a href=\"http:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2015\/12\/gallery1.png\"><img decoding=\"async\" class=\"alignnone\" src=\"http:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2015\/12\/gallery1.png\" alt=\"Magento 2 image gallery-5\" width=\"1365\" height=\"547\" loading=\"lazy\" \/><\/a><\/p>\n<p>On clicking a particular gallery you can see all the images in your gallery.<\/p>\n<p><a href=\"http:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2015\/12\/images-in-gallery1.png\"><img decoding=\"async\" class=\"alignnone\" src=\"http:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2015\/12\/images-in-gallery1.png\" alt=\"Magento 2 image gallery-2\" width=\"1076\" height=\"657\" loading=\"lazy\" \/><\/a><\/p>\n<p>After clicking on any image below, you can see that image like this.<\/p>\n<p><a href=\"http:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2015\/12\/Image.png\"><img decoding=\"async\" class=\"alignnone\" src=\"http:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2015\/12\/Image.png\" alt=\"Magento 2 image gallery\" width=\"1353\" height=\"650\" loading=\"lazy\" \/><\/a><\/p>\n<p>So, that\u2019s all for the Adobe Commerce<strong>\u00a0Image Gallery<\/strong> extension, still have any issues feel free to add a ticket and let us know your views on the <a href=\"https:\/\/webkul.uvdesk.com\/en\/\">Webkul Support System<\/a> to make the module better.<\/p>\n<p>You can also optimize the server storage by uploading the product image, and CMS media content via the <a href=\"https:\/\/webkul.com\/blog\/magento2-cloudflare-r2-storage-documentation\/\" target=\"_blank\" rel=\"noopener\">Magento 2 Cloudflare R2 Storage<\/a>.<\/p>\n<p>So that the media is fetched and provided to customers directly from the Cloudflare R2 server.<\/p>\n<\/div>\n<\/div>\n","protected":false},"excerpt":{"rendered":"<p>Magento 2 Image Gallery module allows the admin to add\/manage images into various galleries and galleries into various groups according to requirements. Admin can easily manage photo galleries and gallery groups on their site. In this module, everything is configured by the admin. Adobe Commerce Image Gallery is the best Gallery module for the Magento <a href=\"https:\/\/webkul.com\/blog\/magento-2-image-gallery\/\">[&#8230;]<\/a><\/p>\n","protected":false},"author":61,"featured_media":37016,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[2464,302],"tags":[2465,114,2070],"class_list":["post-36752","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-image-gallery","category-magento2","tag-image-galler","tag-image-gallery","tag-magento2"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v24.5 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>Magento 2 image gallery<\/title>\n<meta name=\"description\" content=\"Magento 2 Image Gallery module allows the admin to add\/manage images into various galleries and galleries into various groups according to requirements.\" \/>\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\/magento-2-image-gallery\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Magento 2 image gallery\" \/>\n<meta property=\"og:description\" content=\"Magento 2 Image Gallery module allows the admin to add\/manage images into various galleries and galleries into various groups according to requirements.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/webkul.com\/blog\/magento-2-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=\"2015-12-10T10:42:41+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2024-08-26T09:27:36+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2015\/12\/Magento-2-Image-Gallery-1.png\" \/>\n\t<meta property=\"og:image:width\" content=\"825\" \/>\n\t<meta property=\"og:image:height\" content=\"260\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/png\" \/>\n<meta name=\"author\" content=\"Nitin Banerjee\" \/>\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=\"Nitin Banerjee\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"10 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\/\/webkul.com\/blog\/magento-2-image-gallery\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/webkul.com\/blog\/magento-2-image-gallery\/\"},\"author\":{\"name\":\"Nitin Banerjee\",\"@id\":\"https:\/\/webkul.com\/blog\/#\/schema\/person\/4d7f746de3e678b8da5e03d757011284\"},\"headline\":\"Magento 2 Image Gallery\",\"datePublished\":\"2015-12-10T10:42:41+00:00\",\"dateModified\":\"2024-08-26T09:27:36+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/webkul.com\/blog\/magento-2-image-gallery\/\"},\"wordCount\":1146,\"commentCount\":0,\"publisher\":{\"@id\":\"https:\/\/webkul.com\/blog\/#organization\"},\"image\":{\"@id\":\"https:\/\/webkul.com\/blog\/magento-2-image-gallery\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2015\/12\/Magento-2-Image-Gallery-1.png\",\"keywords\":[\"image galler\",\"image gallery\",\"Magento2\"],\"articleSection\":[\"image gallery\",\"Magento2\"],\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\/\/webkul.com\/blog\/magento-2-image-gallery\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/webkul.com\/blog\/magento-2-image-gallery\/\",\"url\":\"https:\/\/webkul.com\/blog\/magento-2-image-gallery\/\",\"name\":\"Magento 2 image gallery\",\"isPartOf\":{\"@id\":\"https:\/\/webkul.com\/blog\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/webkul.com\/blog\/magento-2-image-gallery\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/webkul.com\/blog\/magento-2-image-gallery\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2015\/12\/Magento-2-Image-Gallery-1.png\",\"datePublished\":\"2015-12-10T10:42:41+00:00\",\"dateModified\":\"2024-08-26T09:27:36+00:00\",\"description\":\"Magento 2 Image Gallery module allows the admin to add\/manage images into various galleries and galleries into various groups according to requirements.\",\"breadcrumb\":{\"@id\":\"https:\/\/webkul.com\/blog\/magento-2-image-gallery\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/webkul.com\/blog\/magento-2-image-gallery\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/webkul.com\/blog\/magento-2-image-gallery\/#primaryimage\",\"url\":\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2015\/12\/Magento-2-Image-Gallery-1.png\",\"contentUrl\":\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2015\/12\/Magento-2-Image-Gallery-1.png\",\"width\":825,\"height\":260},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/webkul.com\/blog\/magento-2-image-gallery\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/webkul.com\/blog\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Magento 2 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\/4d7f746de3e678b8da5e03d757011284\",\"name\":\"Nitin Banerjee\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/webkul.com\/blog\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/932441614fd8e1ad05f1603a9dd7fc801ae70c3bd91b0c2222cb602cd6d95b33?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\/932441614fd8e1ad05f1603a9dd7fc801ae70c3bd91b0c2222cb602cd6d95b33?s=96&d=https%3A%2F%2Fcdnblog.webkul.com%2Fblog%2Fwp-content%2Fuploads%2F2019%2F10%2Fmike.png&r=g\",\"caption\":\"Nitin Banerjee\"},\"sameAs\":[\"http:\/\/webkul.com\"],\"url\":\"https:\/\/webkul.com\/blog\/author\/nitin-banerjee\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Magento 2 image gallery","description":"Magento 2 Image Gallery module allows the admin to add\/manage images into various galleries and galleries into various groups according to requirements.","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\/magento-2-image-gallery\/","og_locale":"en_US","og_type":"article","og_title":"Magento 2 image gallery","og_description":"Magento 2 Image Gallery module allows the admin to add\/manage images into various galleries and galleries into various groups according to requirements.","og_url":"https:\/\/webkul.com\/blog\/magento-2-image-gallery\/","og_site_name":"Webkul Blog","article_publisher":"https:\/\/www.facebook.com\/webkul\/","article_published_time":"2015-12-10T10:42:41+00:00","article_modified_time":"2024-08-26T09:27:36+00:00","og_image":[{"width":825,"height":260,"url":"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2015\/12\/Magento-2-Image-Gallery-1.png","type":"image\/png"}],"author":"Nitin Banerjee","twitter_card":"summary_large_image","twitter_creator":"@webkul","twitter_site":"@webkul","twitter_misc":{"Written by":"Nitin Banerjee","Est. reading time":"10 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/webkul.com\/blog\/magento-2-image-gallery\/#article","isPartOf":{"@id":"https:\/\/webkul.com\/blog\/magento-2-image-gallery\/"},"author":{"name":"Nitin Banerjee","@id":"https:\/\/webkul.com\/blog\/#\/schema\/person\/4d7f746de3e678b8da5e03d757011284"},"headline":"Magento 2 Image Gallery","datePublished":"2015-12-10T10:42:41+00:00","dateModified":"2024-08-26T09:27:36+00:00","mainEntityOfPage":{"@id":"https:\/\/webkul.com\/blog\/magento-2-image-gallery\/"},"wordCount":1146,"commentCount":0,"publisher":{"@id":"https:\/\/webkul.com\/blog\/#organization"},"image":{"@id":"https:\/\/webkul.com\/blog\/magento-2-image-gallery\/#primaryimage"},"thumbnailUrl":"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2015\/12\/Magento-2-Image-Gallery-1.png","keywords":["image galler","image gallery","Magento2"],"articleSection":["image gallery","Magento2"],"inLanguage":"en-US","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/webkul.com\/blog\/magento-2-image-gallery\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/webkul.com\/blog\/magento-2-image-gallery\/","url":"https:\/\/webkul.com\/blog\/magento-2-image-gallery\/","name":"Magento 2 image gallery","isPartOf":{"@id":"https:\/\/webkul.com\/blog\/#website"},"primaryImageOfPage":{"@id":"https:\/\/webkul.com\/blog\/magento-2-image-gallery\/#primaryimage"},"image":{"@id":"https:\/\/webkul.com\/blog\/magento-2-image-gallery\/#primaryimage"},"thumbnailUrl":"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2015\/12\/Magento-2-Image-Gallery-1.png","datePublished":"2015-12-10T10:42:41+00:00","dateModified":"2024-08-26T09:27:36+00:00","description":"Magento 2 Image Gallery module allows the admin to add\/manage images into various galleries and galleries into various groups according to requirements.","breadcrumb":{"@id":"https:\/\/webkul.com\/blog\/magento-2-image-gallery\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/webkul.com\/blog\/magento-2-image-gallery\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/webkul.com\/blog\/magento-2-image-gallery\/#primaryimage","url":"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2015\/12\/Magento-2-Image-Gallery-1.png","contentUrl":"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2015\/12\/Magento-2-Image-Gallery-1.png","width":825,"height":260},{"@type":"BreadcrumbList","@id":"https:\/\/webkul.com\/blog\/magento-2-image-gallery\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/webkul.com\/blog\/"},{"@type":"ListItem","position":2,"name":"Magento 2 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\/4d7f746de3e678b8da5e03d757011284","name":"Nitin Banerjee","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/webkul.com\/blog\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/932441614fd8e1ad05f1603a9dd7fc801ae70c3bd91b0c2222cb602cd6d95b33?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\/932441614fd8e1ad05f1603a9dd7fc801ae70c3bd91b0c2222cb602cd6d95b33?s=96&d=https%3A%2F%2Fcdnblog.webkul.com%2Fblog%2Fwp-content%2Fuploads%2F2019%2F10%2Fmike.png&r=g","caption":"Nitin Banerjee"},"sameAs":["http:\/\/webkul.com"],"url":"https:\/\/webkul.com\/blog\/author\/nitin-banerjee\/"}]}},"amp_enabled":true,"_links":{"self":[{"href":"https:\/\/webkul.com\/blog\/wp-json\/wp\/v2\/posts\/36752","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\/61"}],"replies":[{"embeddable":true,"href":"https:\/\/webkul.com\/blog\/wp-json\/wp\/v2\/comments?post=36752"}],"version-history":[{"count":57,"href":"https:\/\/webkul.com\/blog\/wp-json\/wp\/v2\/posts\/36752\/revisions"}],"predecessor-version":[{"id":458650,"href":"https:\/\/webkul.com\/blog\/wp-json\/wp\/v2\/posts\/36752\/revisions\/458650"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/webkul.com\/blog\/wp-json\/wp\/v2\/media\/37016"}],"wp:attachment":[{"href":"https:\/\/webkul.com\/blog\/wp-json\/wp\/v2\/media?parent=36752"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/webkul.com\/blog\/wp-json\/wp\/v2\/categories?post=36752"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/webkul.com\/blog\/wp-json\/wp\/v2\/tags?post=36752"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}