{"id":70220,"date":"2016-05-02T12:52:10","date_gmt":"2016-05-02T16:52:10","guid":{"rendered":"http:\/\/www.templatemonster.com\/help\/?p=70220"},"modified":"2017-08-24T05:24:31","modified_gmt":"2017-08-24T09:24:31","slug":"magento-how-to-manage-product-list-gallery-extension","status":"publish","type":"post","link":"https:\/\/www.templatemonster.com\/help\/magento-how-to-manage-product-list-gallery-extension.html","title":{"rendered":"Magento. How to manage &#8220;Product List Gallery&#8221; extension"},"content":{"rendered":"<p>This tutorial will show you how to work with &#8220;Product List Gallery&#8221; extension in Magento.<\/p>\r\n<a href=\"http:\/\/www.youtube.com\/watch?v=I6UO_9qV5B8?width=1280&amp;height=720\" rel=\"prettyPhoto\">Magento. How to manage &#8220;Product List Gallery&#8221; extension<\/a>\r\n<p>&#8220;Product List Gallery&#8221; module allows you to display thumbnail images of the product along with its main image. In the default theme, thumbnails are displayed below the main product image, but in our themes thumbnails are displayed as in its PSD layout.<\/p>\r\n\r\n<ol>\r\n<li><p>Log into <strong>Magento admin panel<\/strong> and navigate to <strong>System > Configuration > Templatemonster > Product List Gallery<\/strong> tab:<\/p>\r\n<a class=\"darkbox\" href=\"\/help\/wp-content\/uploads\/2016\/05\/Magento._How_to_manage_Product_List_Gallery_extension_1.jpg\"><img loading=\"lazy\" src=\"\/help\/wp-content\/uploads\/2016\/05\/Magento._How_to_manage_Product_List_Gallery_extension_1-300x169.jpg\" alt=\"Magento._How_to_manage_Product_List_Gallery_extension_1\" width=\"300\" height=\"169\" class=\"alignnone size-medium wp-image-70223\" srcset=\"https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2016\/05\/Magento._How_to_manage_Product_List_Gallery_extension_1-300x169.jpg 300w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2016\/05\/Magento._How_to_manage_Product_List_Gallery_extension_1-150x84.jpg 150w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2016\/05\/Magento._How_to_manage_Product_List_Gallery_extension_1.jpg 1000w\" sizes=\"(max-width: 300px) 100vw, 300px\" \/><\/a>\r\n<\/li>\r\n<li><p>You can enable\/disable the extension:<\/p>\r\n<a class=\"darkbox\" href=\"\/help\/wp-content\/uploads\/2016\/05\/Magento._How_to_manage_Product_List_Gallery_extension_2.jpg\"><img loading=\"lazy\" src=\"\/help\/wp-content\/uploads\/2016\/05\/Magento._How_to_manage_Product_List_Gallery_extension_2-300x169.jpg\" alt=\"Magento._How_to_manage_Product_List_Gallery_extension_2\" width=\"300\" height=\"169\" class=\"alignnone size-medium wp-image-70224\" srcset=\"https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2016\/05\/Magento._How_to_manage_Product_List_Gallery_extension_2-300x169.jpg 300w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2016\/05\/Magento._How_to_manage_Product_List_Gallery_extension_2-150x84.jpg 150w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2016\/05\/Magento._How_to_manage_Product_List_Gallery_extension_2.jpg 1000w\" sizes=\"(max-width: 300px) 100vw, 300px\" \/><\/a>\r\n<\/li>\r\n<li><p>Module settings include 4 sections: <strong>List View<\/strong>, <strong>Grid View<\/strong>, <strong>Homepage List View<\/strong> and <strong>Homepage Grid View<\/strong>:<\/p>\r\n<a class=\"darkbox\" href=\"\/help\/wp-content\/uploads\/2016\/05\/Magento._How_to_manage_Product_List_Gallery_extension_3.jpg\"><img loading=\"lazy\" src=\"\/help\/wp-content\/uploads\/2016\/05\/Magento._How_to_manage_Product_List_Gallery_extension_3-300x169.jpg\" alt=\"Magento._How_to_manage_Product_List_Gallery_extension_3\" width=\"300\" height=\"169\" class=\"alignnone size-medium wp-image-70225\" srcset=\"https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2016\/05\/Magento._How_to_manage_Product_List_Gallery_extension_3-300x169.jpg 300w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2016\/05\/Magento._How_to_manage_Product_List_Gallery_extension_3-150x84.jpg 150w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2016\/05\/Magento._How_to_manage_Product_List_Gallery_extension_3.jpg 1000w\" sizes=\"(max-width: 300px) 100vw, 300px\" \/><\/a>\r\n<\/li>\r\n<li><p>In <strong>Homepage List View<\/strong> and <strong>Homepage Grid View<\/strong> settings, you can configure gallery display on the home page of the store. Two other sections will help you configure gallery display on category pages.<\/p><\/li>\r\n<li><p>All sections include the same settings:<\/p>\r\n<ul class=\"list\">\r\n                      <li><p><strong>Enable\/Disable <\/strong> &#8211; enable\/disable the module.<\/p><\/li>\r\n                      <li><p><strong>Image width <\/strong> &#8211; set the product main image width.<\/p><\/li>\r\n                      <li><p><strong>Image height <\/strong> &#8211; set the product main image height.<\/p><\/li>\r\n                      <li><p><strong>Thumbnail width <\/strong> &#8211; set the product thumbnail image width.<\/p><\/li>\r\n                      <li><p><strong>Thumbnail height <\/strong> &#8211; set the product thumbnail image height.<\/p><\/li>\r\n<\/ul>\r\n<\/li>\r\n<\/ol>\r\n<p class=\"attention\">Attention! Max image width is equal to the width of the column, where it\u2019s placed.<\/p>\r\n<div class=\"inline-banner\">\r\n<a href=\"https:\/\/www.templatemonster.com\/service-center\/\">\r\n<img src=\"\/help\/files\/banners\/inline\/Banner-2-(835-x100).jpg\"\/>\r\n<\/a>\r\n<\/div>\r\n<p>Feel free to check the detailed video tutorial below:<\/p>\r\n<a href=\"http:\/\/www.youtube.com\/watch?v=I6UO_9qV5B8?width=1280&amp;height=720\" rel=\"prettyPhoto\">Magento. How to manage &#8220;Product List Gallery&#8221; extension<\/a>","protected":false},"excerpt":{"rendered":"<p>This tutorial will show you how to work with &#8220;Product List Gallery&#8221; extension in Magento.<\/p>\n","protected":false},"author":57,"featured_media":70227,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":[],"categories":[729],"tags":[935,2407,2271],"_links":{"self":[{"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/posts\/70220"}],"collection":[{"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/users\/57"}],"replies":[{"embeddable":true,"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/comments?post=70220"}],"version-history":[{"count":2,"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/posts\/70220\/revisions"}],"predecessor-version":[{"id":82919,"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/posts\/70220\/revisions\/82919"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/media\/70227"}],"wp:attachment":[{"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/media?parent=70220"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/categories?post=70220"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/tags?post=70220"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}