{"id":41109,"date":"2015-01-26T03:06:32","date_gmt":"2015-01-26T08:06:32","guid":{"rendered":"http:\/\/www.templatemonster.com\/help\/?p=41109"},"modified":"2016-02-25T04:34:53","modified_gmt":"2016-02-25T09:34:53","slug":"woocommerce-how-to-add-multiple-product-images-and-manage-product-images-gallery","status":"publish","type":"post","link":"https:\/\/www.templatemonster.com\/help\/woocommerce-how-to-add-multiple-product-images-and-manage-product-images-gallery.html","title":{"rendered":"WooCommerce. How to add multiple product images and manage product images gallery"},"content":{"rendered":"<p><\/p>\r\n<p>This tutorial will show you how to add multiple product images and manage product images gallery in WooCommerce website.<\/p>\r\n<p><a href=\"http:\/\/www.youtube.com\/watch?v=oX--5gr8wpg?width=1280&amp;height=720\" rel=\"prettyPhoto\">WooCommerce. How to add multiple product images and manage product images gallery<\/a><\/p>\r\n<p><strong>Managing Featured image<\/strong><\/p>\r\n<ol>\r\n<li>\r\n<p class=\"info-box\"><strong>Featured image<\/strong> is the main image for your product. It is the image which will be displayed within your product loops and the initial focus of the image gallery on your product details page.<\/p>\r\n<p>Log into your WordPress dashboard, navigate to <strong>Products<\/strong> tab and press on <strong>Add Product<\/strong>:<\/p>\r\n<p><a href=\"\/help\/wp-content\/uploads\/2014\/12\/how-to-manage-media-gallery.1.jpg\"><img loading=\"lazy\" src=\"\/help\/wp-content\/uploads\/2014\/12\/how-to-manage-media-gallery.1-300x210.jpg\" alt=\"how to manage media gallery.1\" width=\"300\" height=\"210\" class=\"aligncenter size-medium wp-image-41111\" srcset=\"https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2014\/12\/how-to-manage-media-gallery.1-300x210.jpg 300w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2014\/12\/how-to-manage-media-gallery.1-150x105.jpg 150w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2014\/12\/how-to-manage-media-gallery.1.jpg 1000w\" sizes=\"(max-width: 300px) 100vw, 300px\" \/><\/a><\/p>\r\n<\/li>\r\n<li>\r\n<p>Name your new product. You may add long and short descriptions to it. Then click on <strong>Set featured image<\/strong> button:<\/p>\r\n<p><a href=\"\/help\/wp-content\/uploads\/2014\/12\/how-to-manage-media-gallery.2.jpg\"><img loading=\"lazy\" src=\"\/help\/wp-content\/uploads\/2014\/12\/how-to-manage-media-gallery.2-300x189.jpg\" alt=\"how to manage media gallery.2\" width=\"300\" height=\"189\" class=\"aligncenter size-medium wp-image-41113\" srcset=\"https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2014\/12\/how-to-manage-media-gallery.2-300x189.jpg 300w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2014\/12\/how-to-manage-media-gallery.2-150x94.jpg 150w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2014\/12\/how-to-manage-media-gallery.2.jpg 950w\" sizes=\"(max-width: 300px) 100vw, 300px\" \/><\/a><\/p>\r\n<p><a href=\"\/help\/wp-content\/uploads\/2014\/12\/how-to-manage-media-gallery.3.jpg\"><img loading=\"lazy\" src=\"\/help\/wp-content\/uploads\/2014\/12\/how-to-manage-media-gallery.3-300x180.jpg\" alt=\"how to manage media gallery.3\" width=\"300\" height=\"180\" class=\"aligncenter size-medium wp-image-41114\" srcset=\"https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2014\/12\/how-to-manage-media-gallery.3-300x180.jpg 300w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2014\/12\/how-to-manage-media-gallery.3-150x90.jpg 150w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2014\/12\/how-to-manage-media-gallery.3.jpg 1000w\" sizes=\"(max-width: 300px) 100vw, 300px\" \/><\/a>\r\n<\/li>\r\n<li>\r\n<p>Once you are in Images gallery, upload the featured image and determine the image settings, click on the blue <strong>Set featured image<\/strong> button to set it as the featured image for your product:<\/p>\r\n<p><a href=\"\/help\/wp-content\/uploads\/2014\/12\/how-to-manage-media-gallery.4.jpg\"><img loading=\"lazy\" src=\"\/help\/wp-content\/uploads\/2014\/12\/how-to-manage-media-gallery.4-300x180.jpg\" alt=\"how to manage media gallery.4\" width=\"300\" height=\"180\" class=\"aligncenter size-medium wp-image-41115\" srcset=\"https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2014\/12\/how-to-manage-media-gallery.4-300x180.jpg 300w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2014\/12\/how-to-manage-media-gallery.4-150x90.jpg 150w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2014\/12\/how-to-manage-media-gallery.4.jpg 1000w\" sizes=\"(max-width: 300px) 100vw, 300px\" \/><\/a><\/p>\r\n<p><a href=\"\/help\/wp-content\/uploads\/2014\/12\/how-to-manage-media-gallery.5.jpg\"><img loading=\"lazy\" src=\"\/help\/wp-content\/uploads\/2014\/12\/how-to-manage-media-gallery.5-300x175.jpg\" alt=\"how to manage media gallery.5\" width=\"300\" height=\"175\" class=\"aligncenter size-medium wp-image-41116\" srcset=\"https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2014\/12\/how-to-manage-media-gallery.5-300x175.jpg 300w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2014\/12\/how-to-manage-media-gallery.5-150x87.jpg 150w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2014\/12\/how-to-manage-media-gallery.5-1024x597.jpg 1024w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2014\/12\/how-to-manage-media-gallery.5.jpg 1200w\" sizes=\"(max-width: 300px) 100vw, 300px\" \/><\/a><\/li>\r\n<\/ol>\r\n<p><strong>Managing Product Gallery<\/strong><\/p>\r\n<ol>\r\n<li>\r\n<p class=\"info-box\">With the Featured Image being the primary image, product galleries simply display all images attached to a product.<\/p>\r\n<p>In order to attach more images to your newly created product, locate a feature called <strong>Product Gallery<\/strong> in the right bottom corner:<\/p>\r\n<p><a href=\"\/help\/wp-content\/uploads\/2014\/12\/how-to-manage-media-gallery.6.jpg\"><img loading=\"lazy\" src=\"\/help\/wp-content\/uploads\/2014\/12\/how-to-manage-media-gallery.6-300x169.jpg\" alt=\"how to manage media gallery.6\" width=\"300\" height=\"169\" class=\"aligncenter size-medium wp-image-41117\" srcset=\"https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2014\/12\/how-to-manage-media-gallery.6-300x169.jpg 300w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2014\/12\/how-to-manage-media-gallery.6-150x84.jpg 150w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2014\/12\/how-to-manage-media-gallery.6-1024x579.jpg 1024w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2014\/12\/how-to-manage-media-gallery.6.jpg 1060w\" sizes=\"(max-width: 300px) 100vw, 300px\" \/><\/a>\r\n<\/li>\r\n<li>\r\n<p>Upload new images to Image gallery and select them using the same method as setting Featured image.<\/p>\r\n<\/li>\r\n<li>\r\n<p>Press <strong>Add to Gallery<\/strong> button:<\/p>\r\n<p><a href=\"\/help\/wp-content\/uploads\/2014\/12\/how-to-manage-media-gallery.7.jpg\"><img loading=\"lazy\" src=\"\/help\/wp-content\/uploads\/2014\/12\/how-to-manage-media-gallery.7-300x180.jpg\" alt=\"how to manage media gallery.7\" width=\"300\" height=\"180\" class=\"aligncenter size-medium wp-image-41118\" srcset=\"https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2014\/12\/how-to-manage-media-gallery.7-300x180.jpg 300w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2014\/12\/how-to-manage-media-gallery.7-150x90.jpg 150w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2014\/12\/how-to-manage-media-gallery.7-1024x614.jpg 1024w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2014\/12\/how-to-manage-media-gallery.7.jpg 1200w\" sizes=\"(max-width: 300px) 100vw, 300px\" \/><\/a>\r\n<\/li>\r\n<\/ol>\r\n<p><strong>Re-ordering and removing images from product galleries <\/strong><\/p>\r\n<ol>\r\n<li>\r\n<p>Images in the product gallery can be re-ordered easily via drag and drop. Simply re-order your images by moving them around.<\/p>\r\n<\/li>\r\n<li>\r\n<p>To remove an image from the product gallery, hover over the image and click on the <strong>red \u201cx\u201d<\/strong>:<\/p>\r\n<p><a href=\"\/help\/wp-content\/uploads\/2014\/12\/how-to-manage-media-gallery.8.jpg\"><img loading=\"lazy\" src=\"\/help\/wp-content\/uploads\/2014\/12\/how-to-manage-media-gallery.8-300x200.jpg\" alt=\"how to manage media gallery.8\" width=\"300\" height=\"200\" class=\"aligncenter size-medium wp-image-41119\" srcset=\"https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2014\/12\/how-to-manage-media-gallery.8-300x200.jpg 300w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2014\/12\/how-to-manage-media-gallery.8-150x100.jpg 150w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2014\/12\/how-to-manage-media-gallery.8-1024x682.jpg 1024w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2014\/12\/how-to-manage-media-gallery.8.jpg 1050w\" sizes=\"(max-width: 300px) 100vw, 300px\" \/><\/a><\/li>\r\n<\/ol>\r\n<p>Once you have done all that, <strong>publish<\/strong> your product and <strong>view<\/strong> it:<\/p>\r\n<p><a href=\"\/help\/wp-content\/uploads\/2014\/12\/how-to-manage-media-gallery.9.jpg\"><img loading=\"lazy\" src=\"\/help\/wp-content\/uploads\/2014\/12\/how-to-manage-media-gallery.9-300x168.jpg\" alt=\"how to manage media gallery.9\" width=\"300\" height=\"168\" class=\"aligncenter size-medium wp-image-41120\" srcset=\"https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2014\/12\/how-to-manage-media-gallery.9-300x168.jpg 300w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2014\/12\/how-to-manage-media-gallery.9-150x84.jpg 150w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2014\/12\/how-to-manage-media-gallery.9-1024x574.jpg 1024w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2014\/12\/how-to-manage-media-gallery.9.jpg 1070w\" sizes=\"(max-width: 300px) 100vw, 300px\" \/><\/a><\/p>\r\n<p>Feel free to check the detailed video tutorial below:<\/p>\r\n<p><a href=\"http:\/\/www.youtube.com\/watch?v=oX--5gr8wpg?width=1280&amp;height=720\" rel=\"prettyPhoto\">WooCommerce. How to add multiple product images and manage product images gallery<\/a><\/p>\r\n<p><\/p>","protected":false},"excerpt":{"rendered":"<p>This tutorial will show you how to add multiple product images and manage product images gallery in WooCommerce website.<\/p>\n","protected":false},"author":67,"featured_media":43192,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":[],"categories":[1556],"tags":[499,537,1018,542,2418],"_links":{"self":[{"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/posts\/41109"}],"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\/67"}],"replies":[{"embeddable":true,"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/comments?post=41109"}],"version-history":[{"count":0,"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/posts\/41109\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/media\/43192"}],"wp:attachment":[{"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/media?parent=41109"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/categories?post=41109"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/tags?post=41109"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}