{"id":1692,"date":"2012-08-17T08:44:11","date_gmt":"2012-08-17T08:44:11","guid":{"rendered":"https:\/\/www.inmotionhosting.com\/support\/2012\/08\/17\/multiple-images\/"},"modified":"2021-08-16T23:37:58","modified_gmt":"2021-08-17T03:37:58","slug":"multiple-images","status":"publish","type":"post","link":"https:\/\/www.inmotionhosting.com\/support\/edu\/prestashop\/multiple-images\/","title":{"rendered":"Adding multiple images to products in PrestaShop 1.5"},"content":{"rendered":"<p>In our last tutorial, we showed you <a href=\"\/support\/edu\/prestashop\/add-product-image\/\">how to add one image to a product<\/a> in PrestaShop 1.5. It is easy to add multiple images to products, simply repeat the same exact steps for adding an image. In this article, we\u2019ll highlight what your product pages look like with multiple images.<\/p>\n<p>\u00a0<\/p>\n<h2>Products with only one image<\/h2>\n<p><a href=\"\/support\/wp-content\/uploads\/2012\/08\/edu_prestashop1.5_add-product_only-one-product-image.gif\" rel=\"lightbox-0\"><img decoding=\"async\" width=\"800\" height=\"616\" src=\"https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2012\/08\/edu_prestashop1.5_add-product_only-one-product-image.gif\" class=\"optimized-lcp-image\" alt=\"only-one-product-image\" loading=\"eager\" fetchpriority=\"high\" sizes=\"(max-width: 768px) 100vw, 768px\"><\/a><\/p>\n<div style=\"clear:both;\"><\/div>\n<p>When you have a product with only one image, the product page will look similar to the screenshot to the right. It is a very basic page showing only one product image. You can click the product image and it will be shown with a lightBox type of affect.<\/p>\n<div style=\"clear: both;\"><\/div>\n<p>\u00a0<\/p>\n<h2>Products with multiple images<\/h2>\n<p><a href=\"\/support\/wp-content\/uploads\/2012\/08\/edu_prestashop1.5_add-product_a-product-with-multiple-images.gif\" rel=\"lightbox-0\"><img loading=\"lazy\" decoding=\"async\" alt=\"a-product-with-multiple-images\" class=\"std_ss\" height=\"642\" src=\"https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2012\/08\/edu_prestashop1.5_add-product_a-product-with-multiple-images.gif\" style=\"margin: 0px 0px 15px 15px; float: right;\" width=\"786\"><\/a><\/p>\n<div style=\"clear:both;\"><\/div>\n<p>Because we\u2019re selling a book, we decided to upload two additional images: a back cover photo and an image of the book\u2019s table of contents. You can see in the screenshot to the right that our PrestaShop admin dashboard shows all three images, and one is highlighted with a green check mark as the product\u2019s <em>Cover<\/em>.<\/p>\n<div style=\"clear: both;\"><\/div>\n<p><a href=\"\/support\/wp-content\/uploads\/2012\/08\/edu_prestashop1.5_add-product_multiple-images-on-product-page.gif\" rel=\"lightbox-0\"><img loading=\"lazy\" decoding=\"async\" alt=\"multiple-images-on-product-page\" class=\"std_ss alignright size-full wp-image-8234\" height=\"434\" src=\"https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2012\/08\/edu_prestashop1.5_add-product_multiple-images-on-product-page.gif\" style=\"float: right; margin: 0px 0px 15px 15px;\" width=\"600\"><\/a><\/p>\n<div style=\"clear:both;\"><\/div>\n<p>When we look at our product\u2019s page, we still see the picture of the cover of the book, but underneath this cover photo are thumbnails of all product images uploaded. If you hover over each thumbnail, a larger size preview will show where the main cover currently shows.<\/p>\n<div style=\"clear: both;\"><\/div>\n","protected":false},"excerpt":{"rendered":"<p>In our last tutorial, we showed you how to add one image to a product in PrestaShop 1.5. It is easy to add multiple images to products, simply repeat the same exact steps for adding an image. In this article, we\u2019ll highlight what your product pages look like with multiple images. \u00a0 Products with only<a class=\"moretag\" href=\"https:\/\/www.inmotionhosting.com\/support\/edu\/prestashop\/multiple-images\/\"> Read More ><\/a><\/p>\n","protected":false},"author":2,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"_jetpack_memberships_contains_paid_content":false,"footnotes":""},"categories":[92],"tags":[],"class_list":["post-1692","post","type-post","status-publish","format-standard","hentry","category-prestashop"],"acf":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v27.1.1 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>Adding multiple images to products in PrestaShop 1.5 | InMotion Hosting<\/title>\n<meta name=\"description\" content=\"Adding multiple images to products within PrestaShop is easy to do, and in this tutorial we&#039;ll show you how it works.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/www.inmotionhosting.com\/support\/edu\/prestashop\/multiple-images\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Adding multiple images to products in PrestaShop 1.5 | InMotion Hosting\" \/>\n<meta property=\"og:description\" content=\"Adding multiple images to products within PrestaShop is easy to do, and in this tutorial we&#039;ll show you how it works.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.inmotionhosting.com\/support\/edu\/prestashop\/multiple-images\/\" \/>\n<meta property=\"og:site_name\" content=\"InMotion Hosting Support Center\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/inmotionhosting\/\" \/>\n<meta property=\"article:published_time\" content=\"2012-08-17T08:44:11+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2021-08-17T03:37:58+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2012\/08\/edu_prestashop1.5_add-product_only-one-product-image.gif\" \/>\n<meta name=\"author\" content=\"Brad Markle\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:creator\" content=\"@InMotionHosting\" \/>\n<meta name=\"twitter:site\" content=\"@InMotionHosting\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Brad Markle\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"1 minute\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\/\/www.inmotionhosting.com\/support\/edu\/prestashop\/multiple-images\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/www.inmotionhosting.com\/support\/edu\/prestashop\/multiple-images\/\"},\"author\":{\"name\":\"Brad Markle\",\"@id\":\"https:\/\/www.inmotionhosting.com\/support\/#\/schema\/person\/5ae05d1210b0ef63c437ccedce2799bf\"},\"headline\":\"Adding multiple images to products in PrestaShop 1.5\",\"datePublished\":\"2012-08-17T08:44:11+00:00\",\"dateModified\":\"2021-08-17T03:37:58+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/www.inmotionhosting.com\/support\/edu\/prestashop\/multiple-images\/\"},\"wordCount\":224,\"commentCount\":0,\"publisher\":{\"@id\":\"https:\/\/www.inmotionhosting.com\/support\/#organization\"},\"image\":{\"@id\":\"https:\/\/www.inmotionhosting.com\/support\/edu\/prestashop\/multiple-images\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2012\/08\/edu_prestashop1.5_add-product_only-one-product-image.gif\",\"articleSection\":[\"Prestashop\"],\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\/\/www.inmotionhosting.com\/support\/edu\/prestashop\/multiple-images\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/www.inmotionhosting.com\/support\/edu\/prestashop\/multiple-images\/\",\"url\":\"https:\/\/www.inmotionhosting.com\/support\/edu\/prestashop\/multiple-images\/\",\"name\":\"Adding multiple images to products in PrestaShop 1.5 | InMotion Hosting\",\"isPartOf\":{\"@id\":\"https:\/\/www.inmotionhosting.com\/support\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/www.inmotionhosting.com\/support\/edu\/prestashop\/multiple-images\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/www.inmotionhosting.com\/support\/edu\/prestashop\/multiple-images\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2012\/08\/edu_prestashop1.5_add-product_only-one-product-image.gif\",\"datePublished\":\"2012-08-17T08:44:11+00:00\",\"dateModified\":\"2021-08-17T03:37:58+00:00\",\"description\":\"Adding multiple images to products within PrestaShop is easy to do, and in this tutorial we'll show you how it works.\",\"breadcrumb\":{\"@id\":\"https:\/\/www.inmotionhosting.com\/support\/edu\/prestashop\/multiple-images\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/www.inmotionhosting.com\/support\/edu\/prestashop\/multiple-images\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/www.inmotionhosting.com\/support\/edu\/prestashop\/multiple-images\/#primaryimage\",\"url\":\"https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2012\/08\/edu_prestashop1.5_add-product_only-one-product-image.gif\",\"contentUrl\":\"https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2012\/08\/edu_prestashop1.5_add-product_only-one-product-image.gif\",\"width\":800,\"height\":616,\"caption\":\"only-one-product-image\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/www.inmotionhosting.com\/support\/edu\/prestashop\/multiple-images\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/www.inmotionhosting.com\/support\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Adding multiple images to products in PrestaShop 1.5\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/www.inmotionhosting.com\/support\/#website\",\"url\":\"https:\/\/www.inmotionhosting.com\/support\/\",\"name\":\"InMotion Hosting Support Center\",\"description\":\"Web Hosting Support &amp; Tutorials\",\"publisher\":{\"@id\":\"https:\/\/www.inmotionhosting.com\/support\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/www.inmotionhosting.com\/support\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/www.inmotionhosting.com\/support\/#organization\",\"name\":\"InMotion Hosting\",\"url\":\"https:\/\/www.inmotionhosting.com\/support\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/www.inmotionhosting.com\/support\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2023\/02\/inmotion-hosting-logo-yoast.jpg\",\"contentUrl\":\"https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2023\/02\/inmotion-hosting-logo-yoast.jpg\",\"width\":696,\"height\":696,\"caption\":\"InMotion Hosting\"},\"image\":{\"@id\":\"https:\/\/www.inmotionhosting.com\/support\/#\/schema\/logo\/image\/\"},\"sameAs\":[\"https:\/\/www.facebook.com\/inmotionhosting\/\",\"https:\/\/x.com\/InMotionHosting\"]},{\"@type\":\"Person\",\"@id\":\"https:\/\/www.inmotionhosting.com\/support\/#\/schema\/person\/5ae05d1210b0ef63c437ccedce2799bf\",\"name\":\"Brad Markle\",\"url\":\"https:\/\/www.inmotionhosting.com\/support\/author\/bradm\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Adding multiple images to products in PrestaShop 1.5 | InMotion Hosting","description":"Adding multiple images to products within PrestaShop is easy to do, and in this tutorial we'll show you how it works.","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:\/\/www.inmotionhosting.com\/support\/edu\/prestashop\/multiple-images\/","og_locale":"en_US","og_type":"article","og_title":"Adding multiple images to products in PrestaShop 1.5 | InMotion Hosting","og_description":"Adding multiple images to products within PrestaShop is easy to do, and in this tutorial we'll show you how it works.","og_url":"https:\/\/www.inmotionhosting.com\/support\/edu\/prestashop\/multiple-images\/","og_site_name":"InMotion Hosting Support Center","article_publisher":"https:\/\/www.facebook.com\/inmotionhosting\/","article_published_time":"2012-08-17T08:44:11+00:00","article_modified_time":"2021-08-17T03:37:58+00:00","og_image":[{"url":"https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2012\/08\/edu_prestashop1.5_add-product_only-one-product-image.gif","type":"","width":"","height":""}],"author":"Brad Markle","twitter_card":"summary_large_image","twitter_creator":"@InMotionHosting","twitter_site":"@InMotionHosting","twitter_misc":{"Written by":"Brad Markle","Est. reading time":"1 minute"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/www.inmotionhosting.com\/support\/edu\/prestashop\/multiple-images\/#article","isPartOf":{"@id":"https:\/\/www.inmotionhosting.com\/support\/edu\/prestashop\/multiple-images\/"},"author":{"name":"Brad Markle","@id":"https:\/\/www.inmotionhosting.com\/support\/#\/schema\/person\/5ae05d1210b0ef63c437ccedce2799bf"},"headline":"Adding multiple images to products in PrestaShop 1.5","datePublished":"2012-08-17T08:44:11+00:00","dateModified":"2021-08-17T03:37:58+00:00","mainEntityOfPage":{"@id":"https:\/\/www.inmotionhosting.com\/support\/edu\/prestashop\/multiple-images\/"},"wordCount":224,"commentCount":0,"publisher":{"@id":"https:\/\/www.inmotionhosting.com\/support\/#organization"},"image":{"@id":"https:\/\/www.inmotionhosting.com\/support\/edu\/prestashop\/multiple-images\/#primaryimage"},"thumbnailUrl":"https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2012\/08\/edu_prestashop1.5_add-product_only-one-product-image.gif","articleSection":["Prestashop"],"inLanguage":"en-US","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/www.inmotionhosting.com\/support\/edu\/prestashop\/multiple-images\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/www.inmotionhosting.com\/support\/edu\/prestashop\/multiple-images\/","url":"https:\/\/www.inmotionhosting.com\/support\/edu\/prestashop\/multiple-images\/","name":"Adding multiple images to products in PrestaShop 1.5 | InMotion Hosting","isPartOf":{"@id":"https:\/\/www.inmotionhosting.com\/support\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.inmotionhosting.com\/support\/edu\/prestashop\/multiple-images\/#primaryimage"},"image":{"@id":"https:\/\/www.inmotionhosting.com\/support\/edu\/prestashop\/multiple-images\/#primaryimage"},"thumbnailUrl":"https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2012\/08\/edu_prestashop1.5_add-product_only-one-product-image.gif","datePublished":"2012-08-17T08:44:11+00:00","dateModified":"2021-08-17T03:37:58+00:00","description":"Adding multiple images to products within PrestaShop is easy to do, and in this tutorial we'll show you how it works.","breadcrumb":{"@id":"https:\/\/www.inmotionhosting.com\/support\/edu\/prestashop\/multiple-images\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.inmotionhosting.com\/support\/edu\/prestashop\/multiple-images\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.inmotionhosting.com\/support\/edu\/prestashop\/multiple-images\/#primaryimage","url":"https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2012\/08\/edu_prestashop1.5_add-product_only-one-product-image.gif","contentUrl":"https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2012\/08\/edu_prestashop1.5_add-product_only-one-product-image.gif","width":800,"height":616,"caption":"only-one-product-image"},{"@type":"BreadcrumbList","@id":"https:\/\/www.inmotionhosting.com\/support\/edu\/prestashop\/multiple-images\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/www.inmotionhosting.com\/support\/"},{"@type":"ListItem","position":2,"name":"Adding multiple images to products in PrestaShop 1.5"}]},{"@type":"WebSite","@id":"https:\/\/www.inmotionhosting.com\/support\/#website","url":"https:\/\/www.inmotionhosting.com\/support\/","name":"InMotion Hosting Support Center","description":"Web Hosting Support &amp; Tutorials","publisher":{"@id":"https:\/\/www.inmotionhosting.com\/support\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.inmotionhosting.com\/support\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/www.inmotionhosting.com\/support\/#organization","name":"InMotion Hosting","url":"https:\/\/www.inmotionhosting.com\/support\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.inmotionhosting.com\/support\/#\/schema\/logo\/image\/","url":"https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2023\/02\/inmotion-hosting-logo-yoast.jpg","contentUrl":"https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2023\/02\/inmotion-hosting-logo-yoast.jpg","width":696,"height":696,"caption":"InMotion Hosting"},"image":{"@id":"https:\/\/www.inmotionhosting.com\/support\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/inmotionhosting\/","https:\/\/x.com\/InMotionHosting"]},{"@type":"Person","@id":"https:\/\/www.inmotionhosting.com\/support\/#\/schema\/person\/5ae05d1210b0ef63c437ccedce2799bf","name":"Brad Markle","url":"https:\/\/www.inmotionhosting.com\/support\/author\/bradm\/"}]}},"jetpack_featured_media_url":"","jetpack_sharing_enabled":true,"primary_category":null,"_links":{"self":[{"href":"https:\/\/www.inmotionhosting.com\/support\/wp-json\/wp\/v2\/posts\/1692","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.inmotionhosting.com\/support\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.inmotionhosting.com\/support\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.inmotionhosting.com\/support\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/www.inmotionhosting.com\/support\/wp-json\/wp\/v2\/comments?post=1692"}],"version-history":[{"count":2,"href":"https:\/\/www.inmotionhosting.com\/support\/wp-json\/wp\/v2\/posts\/1692\/revisions"}],"predecessor-version":[{"id":85698,"href":"https:\/\/www.inmotionhosting.com\/support\/wp-json\/wp\/v2\/posts\/1692\/revisions\/85698"}],"wp:attachment":[{"href":"https:\/\/www.inmotionhosting.com\/support\/wp-json\/wp\/v2\/media?parent=1692"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.inmotionhosting.com\/support\/wp-json\/wp\/v2\/categories?post=1692"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.inmotionhosting.com\/support\/wp-json\/wp\/v2\/tags?post=1692"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}