{"id":1694,"date":"2012-08-17T11:14:13","date_gmt":"2012-08-17T11:14:13","guid":{"rendered":"https:\/\/www.inmotionhosting.com\/support\/2012\/08\/17\/change-image-position\/"},"modified":"2021-08-16T23:37:57","modified_gmt":"2021-08-17T03:37:57","slug":"change-image-position","status":"publish","type":"post","link":"https:\/\/www.inmotionhosting.com\/support\/edu\/prestashop\/change-image-position\/","title":{"rendered":"How to order images for a product in PrestaShop 1.5"},"content":{"rendered":"<p>If you\u2019ve <a href=\"\/support\/edu\/prestashop\/multiple-images\/\">added multiple images<\/a> to a product in PrestaShop 1.5, you may want to change the ordering the images are displayed.<\/p>\n<p><a href=\"\/support\/wp-content\/uploads\/2012\/08\/edu_prestashop1.5_add-product_before-reordering-product-images.gif\" rel=\"lightbox-0\"><img decoding=\"async\" width=\"800\" height=\"508\" src=\"https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2012\/08\/edu_prestashop1.5_add-product_before-reordering-product-images.gif\" class=\"optimized-lcp-image\" alt=\"before-reordering-product-images\" loading=\"eager\" fetchpriority=\"high\" sizes=\"(max-width: 768px) 100vw, 768px\"><\/a><\/p>\n<div style=\"clear:both;\"><\/div>\n<p>For example, so far in our testing we have added a test product to our store \u2013 a book named <em>HTML for Dummies<\/em>. In the screenshot to the right, you can see that we have three images: the front cover of the book, the back cover, and a picture of the table of contents.<\/p>\n<div style=\"clear: both;\"><\/div>\n<p>In this example, we want to have the <em>back cover of the book<\/em> image be the last image in the list. It is easy to change the position of the images, and we\u2019ll show you how to do this now.<\/p>\n<p><strong>To change product image positions in PrestaShop 1.5:<\/strong><\/p>\n<ol class=\"article_list\">\n<li><a href=\"\/support\/edu\/prestashop\/login-to-dashboard\/\">Log into your PrestaShop 1.5 dashboard<\/a><\/li>\n<li>In the top menu, hover over <strong>Catalog<\/strong> and then click <strong>Products<\/strong><\/li>\n<li>In the list of products, click the <strong>Edit<\/strong> button (<em>pencil icon<\/em>) to the right of the product you want to edit<\/li>\n<li>In the left menu, click the <strong>Images<\/strong> tab<\/li>\n<li>Towards the bottom of the page you\u2019ll see a table with all of the images you\u2019ve uploaded for this product (as seen in the screenshot below). When you hover over any of the images, your cursor will turn into a crosshair. From here, you can <strong>click<\/strong> and <strong>drag and drop<\/strong> the image either up or down to change the ordering of the images.<br><a href=\"\/support\/wp-content\/uploads\/2012\/08\/edu_prestashop1.5_add-product_product-image-list.gif\" rel=\"lightbox-0\"><img loading=\"lazy\" decoding=\"async\" alt=\"product-image-list\" class=\"std_ss size-full wp-image-8238\" height=\"552\" src=\"https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2012\/08\/edu_prestashop1.5_add-product_product-image-list.gif\" width=\"650\"><\/a>\n<div style=\"clear:both;\"><\/div>\n<p>After dragging and dropping the image, you have successfully repositioned it! There is no need to click save to keep the changes, they have already been saved. You will also see a <strong>Image successfully moved<\/strong> message at the bottom of your screen for a few seconds to confirm the change.<\/p>\n<p>When compared to the initial screenshot of <a href=\"\/support\/edu\/prestashop\/find-product-page\/\">this product\u2019s page<\/a> (found at the top of this article), you can see how the order of our product images have change:<br><a href=\"\/support\/wp-content\/uploads\/2012\/08\/edu_prestashop1.5_add-product_after-image-position-change.gif\" rel=\"lightbox-0\"><img loading=\"lazy\" decoding=\"async\" alt=\"after-image-position-change\" class=\"std_ss size-full wp-image-8239\" height=\"526\" src=\"https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2012\/08\/edu_prestashop1.5_add-product_after-image-position-change.gif\" width=\"800\"><\/a><\/p>\n<div style=\"clear:both;\"><\/div>\n<\/li>\n<\/ol>\n","protected":false},"excerpt":{"rendered":"<p>If you\u2019ve added multiple images to a product in PrestaShop 1.5, you may want to change the ordering the images are displayed. For example, so far in our testing we have added a test product to our store \u2013 a book named HTML for Dummies. In the screenshot to the right, you can see that<a class=\"moretag\" href=\"https:\/\/www.inmotionhosting.com\/support\/edu\/prestashop\/change-image-position\/\"> 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-1694","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>How to order images for a product in PrestaShop 1.5 | InMotion Hosting<\/title>\n<meta name=\"description\" content=\"In this tutorial we&#039;ll show you how to change the order images are displayed in for a particular product.\" \/>\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\/change-image-position\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"How to order images for a product in PrestaShop 1.5 | InMotion Hosting\" \/>\n<meta property=\"og:description\" content=\"In this tutorial we&#039;ll show you how to change the order images are displayed in for a particular product.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.inmotionhosting.com\/support\/edu\/prestashop\/change-image-position\/\" \/>\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-17T11:14:13+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2021-08-17T03:37:57+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2012\/08\/edu_prestashop1.5_add-product_before-reordering-product-images.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=\"2 minutes\" \/>\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\/change-image-position\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/www.inmotionhosting.com\/support\/edu\/prestashop\/change-image-position\/\"},\"author\":{\"name\":\"Brad Markle\",\"@id\":\"https:\/\/www.inmotionhosting.com\/support\/#\/schema\/person\/5ae05d1210b0ef63c437ccedce2799bf\"},\"headline\":\"How to order images for a product in PrestaShop 1.5\",\"datePublished\":\"2012-08-17T11:14:13+00:00\",\"dateModified\":\"2021-08-17T03:37:57+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/www.inmotionhosting.com\/support\/edu\/prestashop\/change-image-position\/\"},\"wordCount\":323,\"commentCount\":0,\"publisher\":{\"@id\":\"https:\/\/www.inmotionhosting.com\/support\/#organization\"},\"image\":{\"@id\":\"https:\/\/www.inmotionhosting.com\/support\/edu\/prestashop\/change-image-position\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2012\/08\/edu_prestashop1.5_add-product_before-reordering-product-images.gif\",\"articleSection\":[\"Prestashop\"],\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\/\/www.inmotionhosting.com\/support\/edu\/prestashop\/change-image-position\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/www.inmotionhosting.com\/support\/edu\/prestashop\/change-image-position\/\",\"url\":\"https:\/\/www.inmotionhosting.com\/support\/edu\/prestashop\/change-image-position\/\",\"name\":\"How to order images for a product in PrestaShop 1.5 | InMotion Hosting\",\"isPartOf\":{\"@id\":\"https:\/\/www.inmotionhosting.com\/support\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/www.inmotionhosting.com\/support\/edu\/prestashop\/change-image-position\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/www.inmotionhosting.com\/support\/edu\/prestashop\/change-image-position\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2012\/08\/edu_prestashop1.5_add-product_before-reordering-product-images.gif\",\"datePublished\":\"2012-08-17T11:14:13+00:00\",\"dateModified\":\"2021-08-17T03:37:57+00:00\",\"description\":\"In this tutorial we'll show you how to change the order images are displayed in for a particular product.\",\"breadcrumb\":{\"@id\":\"https:\/\/www.inmotionhosting.com\/support\/edu\/prestashop\/change-image-position\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/www.inmotionhosting.com\/support\/edu\/prestashop\/change-image-position\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/www.inmotionhosting.com\/support\/edu\/prestashop\/change-image-position\/#primaryimage\",\"url\":\"https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2012\/08\/edu_prestashop1.5_add-product_before-reordering-product-images.gif\",\"contentUrl\":\"https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2012\/08\/edu_prestashop1.5_add-product_before-reordering-product-images.gif\",\"width\":800,\"height\":508,\"caption\":\"before-reordering-product-images\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/www.inmotionhosting.com\/support\/edu\/prestashop\/change-image-position\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/www.inmotionhosting.com\/support\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"How to order images for a product 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":"How to order images for a product in PrestaShop 1.5 | InMotion Hosting","description":"In this tutorial we'll show you how to change the order images are displayed in for a particular product.","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\/change-image-position\/","og_locale":"en_US","og_type":"article","og_title":"How to order images for a product in PrestaShop 1.5 | InMotion Hosting","og_description":"In this tutorial we'll show you how to change the order images are displayed in for a particular product.","og_url":"https:\/\/www.inmotionhosting.com\/support\/edu\/prestashop\/change-image-position\/","og_site_name":"InMotion Hosting Support Center","article_publisher":"https:\/\/www.facebook.com\/inmotionhosting\/","article_published_time":"2012-08-17T11:14:13+00:00","article_modified_time":"2021-08-17T03:37:57+00:00","og_image":[{"url":"https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2012\/08\/edu_prestashop1.5_add-product_before-reordering-product-images.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":"2 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/www.inmotionhosting.com\/support\/edu\/prestashop\/change-image-position\/#article","isPartOf":{"@id":"https:\/\/www.inmotionhosting.com\/support\/edu\/prestashop\/change-image-position\/"},"author":{"name":"Brad Markle","@id":"https:\/\/www.inmotionhosting.com\/support\/#\/schema\/person\/5ae05d1210b0ef63c437ccedce2799bf"},"headline":"How to order images for a product in PrestaShop 1.5","datePublished":"2012-08-17T11:14:13+00:00","dateModified":"2021-08-17T03:37:57+00:00","mainEntityOfPage":{"@id":"https:\/\/www.inmotionhosting.com\/support\/edu\/prestashop\/change-image-position\/"},"wordCount":323,"commentCount":0,"publisher":{"@id":"https:\/\/www.inmotionhosting.com\/support\/#organization"},"image":{"@id":"https:\/\/www.inmotionhosting.com\/support\/edu\/prestashop\/change-image-position\/#primaryimage"},"thumbnailUrl":"https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2012\/08\/edu_prestashop1.5_add-product_before-reordering-product-images.gif","articleSection":["Prestashop"],"inLanguage":"en-US","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/www.inmotionhosting.com\/support\/edu\/prestashop\/change-image-position\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/www.inmotionhosting.com\/support\/edu\/prestashop\/change-image-position\/","url":"https:\/\/www.inmotionhosting.com\/support\/edu\/prestashop\/change-image-position\/","name":"How to order images for a product in PrestaShop 1.5 | InMotion Hosting","isPartOf":{"@id":"https:\/\/www.inmotionhosting.com\/support\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.inmotionhosting.com\/support\/edu\/prestashop\/change-image-position\/#primaryimage"},"image":{"@id":"https:\/\/www.inmotionhosting.com\/support\/edu\/prestashop\/change-image-position\/#primaryimage"},"thumbnailUrl":"https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2012\/08\/edu_prestashop1.5_add-product_before-reordering-product-images.gif","datePublished":"2012-08-17T11:14:13+00:00","dateModified":"2021-08-17T03:37:57+00:00","description":"In this tutorial we'll show you how to change the order images are displayed in for a particular product.","breadcrumb":{"@id":"https:\/\/www.inmotionhosting.com\/support\/edu\/prestashop\/change-image-position\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.inmotionhosting.com\/support\/edu\/prestashop\/change-image-position\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.inmotionhosting.com\/support\/edu\/prestashop\/change-image-position\/#primaryimage","url":"https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2012\/08\/edu_prestashop1.5_add-product_before-reordering-product-images.gif","contentUrl":"https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2012\/08\/edu_prestashop1.5_add-product_before-reordering-product-images.gif","width":800,"height":508,"caption":"before-reordering-product-images"},{"@type":"BreadcrumbList","@id":"https:\/\/www.inmotionhosting.com\/support\/edu\/prestashop\/change-image-position\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/www.inmotionhosting.com\/support\/"},{"@type":"ListItem","position":2,"name":"How to order images for a product 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\/1694","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=1694"}],"version-history":[{"count":2,"href":"https:\/\/www.inmotionhosting.com\/support\/wp-json\/wp\/v2\/posts\/1694\/revisions"}],"predecessor-version":[{"id":85696,"href":"https:\/\/www.inmotionhosting.com\/support\/wp-json\/wp\/v2\/posts\/1694\/revisions\/85696"}],"wp:attachment":[{"href":"https:\/\/www.inmotionhosting.com\/support\/wp-json\/wp\/v2\/media?parent=1694"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.inmotionhosting.com\/support\/wp-json\/wp\/v2\/categories?post=1694"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.inmotionhosting.com\/support\/wp-json\/wp\/v2\/tags?post=1694"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}