{"id":3164,"date":"2014-03-21T16:37:54","date_gmt":"2014-03-21T21:37:54","guid":{"rendered":"https:\/\/www.inmotionhosting.com\/support\/2014\/03\/21\/manage-side-images\/"},"modified":"2023-06-08T10:29:55","modified_gmt":"2023-06-08T14:29:55","slug":"manage-side-images","status":"publish","type":"post","link":"https:\/\/www.inmotionhosting.com\/support\/edu\/prestashop\/manage-side-images\/","title":{"rendered":"How to change the side images in PrestShop 1.6"},"content":{"rendered":"<p>Once you have upgraded or installed a new PrestaShop 1.6 installation you will experience a new default theme layout. It is much more up to date in appearance and is responsive, which is great for your customers using various devices. On the new template, you will see some images to the right of the image slider. These image spots are great to announce upcoming sales or new products. Below we guide you on how to change those images so you can insert your own.<\/p>\n<h2>How to manage side images in PrestaShop 1.6<\/h2>\n<ol class=\"article_list\">\n<li><a href=\"https:\/\/www.inmotionhosting.com\/support\/edu\/prestashop\/login-prestashop-dashboard\/\">Log into the PrestaShop 1.6 admin dashboard<\/a>.\n<div style=\"clear: both;\"><\/div>\n<\/li>\n<li><a href=\"\/support\/images\/stories\/edu\/ps16\/_common-images\/click-modules-modules.png\" rel=\"lightbox-0\"><img decoding=\"async\" class=\"std_ss\" style=\"float: right; margin: 0px 0px 15px 15px;\" title=\"Click here to view the larger image\" src=\"\/support\/images\/stories\/edu\/ps16\/_common-images\/click-modules-modules.png\" alt=\"Modules option in menu\"><\/a>\n<div style=\"clear: both;\"><\/div>\n<p>Click on the <strong>Modules<\/strong> option in the let hand menu. Then click on the <strong>Modules<\/strong> link from the submenu.<\/p>\n<div style=\"clear: both;\"><\/div>\n<\/li>\n<li><a href=\"\/support\/images\/stories\/edu\/ps16\/modules\/theme-configurator\/adjust-side-images\/1-click-theme-configurator.png\" rel=\"lightbox-0\"><img decoding=\"async\" class=\"std_ss\" style=\"float: right; margin: 0px 0px 15px 15px;\" title=\"Click here to view the larger image\" src=\"\/support\/images\/stories\/edu\/ps16\/modules\/theme-configurator\/adjust-side-images\/1-click-theme-configurator.png\" width=\"200\" alt=\"Theme Configurator module\"><\/a>\n<div style=\"clear: both;\"><\/div>\n<p>Locate the <em>Theme Configurator<\/em> module. If it is not installed, click <strong>Install<\/strong>. If it is already installed, click on <strong>Configure<\/strong>.<\/p>\n<div style=\"clear: both;\"><\/div>\n<\/li>\n<li><a href=\"\/support\/images\/stories\/edu\/ps16\/modules\/theme-configurator\/adjust-side-images\/2-hook-top-edit.png\" rel=\"lightbox-0\"><img decoding=\"async\" class=\"std_ss\" style=\"float: right; margin: 0px 0px 15px 15px;\" title=\"Click here to view the larger image\" src=\"\/support\/images\/stories\/edu\/ps16\/modules\/theme-configurator\/adjust-side-images\/2-hook-top-edit.png\" width=\"200\" alt=\"Top Hook section\"><\/a>\n<div style=\"clear: both;\"><\/div>\n<p>From the <em>Theme Configurator<\/em> screen, scroll down to the <em>Top \u201cHook\u201d<\/em> section. Here you will see the images used on the side of the slider. Find the image you want to work with or replace and click on the <strong>Edit<\/strong> button.<\/p>\n<div style=\"clear: both;\"><\/div>\n<\/li>\n<li><a href=\"\/support\/images\/stories\/edu\/ps16\/modules\/theme-configurator\/adjust-side-images\/3-replace-image.png\" rel=\"lightbox-0\"><img decoding=\"async\" class=\"std_ss\" style=\"float: right; margin: 0px 0px 15px 15px;\" title=\"Click here to view the larger image\" src=\"\/support\/images\/stories\/edu\/ps16\/modules\/theme-configurator\/adjust-side-images\/3-replace-image.png\" width=\"200\" alt=\"Replace image button\"><\/a>\n<div style=\"clear: both;\"><\/div>\n<p>This brings up the settings screen for your selected image. To change the image, click the <strong>Browse<\/strong> button under the <em>Image<\/em> field. Select your new image from your local computer.<\/p>\n<div style=\"clear: both;\"><\/div>\n<\/li>\n<li>Once you have selected the new image, click on the <strong>Save<\/strong> button to activate it.\n<div style=\"clear: both;\"><\/div>\n<\/li>\n<\/ol>\n<p>Below is a quick before and after demonstrating the replacement of one of the stock side images. You can do the same with your store and customize them to fit your needs.<\/p>\n<table class=\"article_table\" style=\"width: 100%;\">\n<tbody>\n<tr>\n<th>Before<\/th>\n<th>After<\/th>\n<\/tr>\n<tr>\n<td><a href=\"\/support\/images\/stories\/edu\/ps16\/modules\/theme-configurator\/adjust-side-images\/before.png\" rel=\"lightbox-0\"><img decoding=\"async\" class=\"std_ss\" title=\"Click here to view the larger image\" src=\"\/support\/images\/stories\/edu\/ps16\/modules\/theme-configurator\/adjust-side-images\/before.png\" alt=\"before changes\" width=\"100%\"><\/a>\n<div style=\"clear: both;\"><\/div>\n<\/td>\n<td><a href=\"\/support\/images\/stories\/edu\/ps16\/modules\/theme-configurator\/adjust-side-images\/after.png\" rel=\"lightbox-0\"><img decoding=\"async\" class=\"std_ss\" title=\"Click here to view the larger image\" src=\"\/support\/images\/stories\/edu\/ps16\/modules\/theme-configurator\/adjust-side-images\/after.png\" alt=\"after changes\" width=\"100%\"><\/a>\n<div style=\"clear: both;\"><\/div>\n<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n","protected":false},"excerpt":{"rendered":"<p>Once you have upgraded or installed a new PrestaShop 1.6 installation you will experience a new default theme layout. It is much more up to date in appearance and is responsive, which is great for your customers using various devices. On the new template, you will see some images to the right of the image<a class=\"moretag\" href=\"https:\/\/www.inmotionhosting.com\/support\/edu\/prestashop\/manage-side-images\/\"> Read More ><\/a><\/p>\n","protected":false},"author":8,"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":[4391],"class_list":["post-3164","post","type-post","status-publish","format-standard","hentry","category-prestashop","tag-prestashop-v1-6"],"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 change the side images in PrestShop 1.6 | InMotion Hosting<\/title>\n<meta name=\"description\" content=\"Need to change the side sale images on your PrestaShop 1.6 default theme? Learn how in this quick tutorial.\" \/>\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\/manage-side-images\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"How to change the side images in PrestShop 1.6 | InMotion Hosting\" \/>\n<meta property=\"og:description\" content=\"Need to change the side sale images on your PrestaShop 1.6 default theme? Learn how in this quick tutorial.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.inmotionhosting.com\/support\/edu\/prestashop\/manage-side-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=\"2014-03-21T21:37:54+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2023-06-08T14:29:55+00:00\" \/>\n<meta name=\"author\" content=\"Scott Mitchell\" \/>\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=\"Scott Mitchell\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"3 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\/manage-side-images\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/www.inmotionhosting.com\/support\/edu\/prestashop\/manage-side-images\/\"},\"author\":{\"name\":\"Scott Mitchell\",\"@id\":\"https:\/\/www.inmotionhosting.com\/support\/#\/schema\/person\/d850efb28ef3573db7d24b0d8fa9eaed\"},\"headline\":\"How to change the side images in PrestShop 1.6\",\"datePublished\":\"2014-03-21T21:37:54+00:00\",\"dateModified\":\"2023-06-08T14:29:55+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/www.inmotionhosting.com\/support\/edu\/prestashop\/manage-side-images\/\"},\"wordCount\":263,\"commentCount\":0,\"publisher\":{\"@id\":\"https:\/\/www.inmotionhosting.com\/support\/#organization\"},\"keywords\":[\"Prestashop 1v.6\"],\"articleSection\":[\"Prestashop\"],\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\/\/www.inmotionhosting.com\/support\/edu\/prestashop\/manage-side-images\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/www.inmotionhosting.com\/support\/edu\/prestashop\/manage-side-images\/\",\"url\":\"https:\/\/www.inmotionhosting.com\/support\/edu\/prestashop\/manage-side-images\/\",\"name\":\"How to change the side images in PrestShop 1.6 | InMotion Hosting\",\"isPartOf\":{\"@id\":\"https:\/\/www.inmotionhosting.com\/support\/#website\"},\"datePublished\":\"2014-03-21T21:37:54+00:00\",\"dateModified\":\"2023-06-08T14:29:55+00:00\",\"description\":\"Need to change the side sale images on your PrestaShop 1.6 default theme? Learn how in this quick tutorial.\",\"breadcrumb\":{\"@id\":\"https:\/\/www.inmotionhosting.com\/support\/edu\/prestashop\/manage-side-images\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/www.inmotionhosting.com\/support\/edu\/prestashop\/manage-side-images\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/www.inmotionhosting.com\/support\/edu\/prestashop\/manage-side-images\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/www.inmotionhosting.com\/support\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"How to change the side images in PrestShop 1.6\"}]},{\"@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\/d850efb28ef3573db7d24b0d8fa9eaed\",\"name\":\"Scott Mitchell\",\"url\":\"https:\/\/www.inmotionhosting.com\/support\/author\/scott\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"How to change the side images in PrestShop 1.6 | InMotion Hosting","description":"Need to change the side sale images on your PrestaShop 1.6 default theme? Learn how in this quick tutorial.","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\/manage-side-images\/","og_locale":"en_US","og_type":"article","og_title":"How to change the side images in PrestShop 1.6 | InMotion Hosting","og_description":"Need to change the side sale images on your PrestaShop 1.6 default theme? Learn how in this quick tutorial.","og_url":"https:\/\/www.inmotionhosting.com\/support\/edu\/prestashop\/manage-side-images\/","og_site_name":"InMotion Hosting Support Center","article_publisher":"https:\/\/www.facebook.com\/inmotionhosting\/","article_published_time":"2014-03-21T21:37:54+00:00","article_modified_time":"2023-06-08T14:29:55+00:00","author":"Scott Mitchell","twitter_card":"summary_large_image","twitter_creator":"@InMotionHosting","twitter_site":"@InMotionHosting","twitter_misc":{"Written by":"Scott Mitchell","Est. reading time":"3 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/www.inmotionhosting.com\/support\/edu\/prestashop\/manage-side-images\/#article","isPartOf":{"@id":"https:\/\/www.inmotionhosting.com\/support\/edu\/prestashop\/manage-side-images\/"},"author":{"name":"Scott Mitchell","@id":"https:\/\/www.inmotionhosting.com\/support\/#\/schema\/person\/d850efb28ef3573db7d24b0d8fa9eaed"},"headline":"How to change the side images in PrestShop 1.6","datePublished":"2014-03-21T21:37:54+00:00","dateModified":"2023-06-08T14:29:55+00:00","mainEntityOfPage":{"@id":"https:\/\/www.inmotionhosting.com\/support\/edu\/prestashop\/manage-side-images\/"},"wordCount":263,"commentCount":0,"publisher":{"@id":"https:\/\/www.inmotionhosting.com\/support\/#organization"},"keywords":["Prestashop 1v.6"],"articleSection":["Prestashop"],"inLanguage":"en-US","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/www.inmotionhosting.com\/support\/edu\/prestashop\/manage-side-images\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/www.inmotionhosting.com\/support\/edu\/prestashop\/manage-side-images\/","url":"https:\/\/www.inmotionhosting.com\/support\/edu\/prestashop\/manage-side-images\/","name":"How to change the side images in PrestShop 1.6 | InMotion Hosting","isPartOf":{"@id":"https:\/\/www.inmotionhosting.com\/support\/#website"},"datePublished":"2014-03-21T21:37:54+00:00","dateModified":"2023-06-08T14:29:55+00:00","description":"Need to change the side sale images on your PrestaShop 1.6 default theme? Learn how in this quick tutorial.","breadcrumb":{"@id":"https:\/\/www.inmotionhosting.com\/support\/edu\/prestashop\/manage-side-images\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.inmotionhosting.com\/support\/edu\/prestashop\/manage-side-images\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/www.inmotionhosting.com\/support\/edu\/prestashop\/manage-side-images\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/www.inmotionhosting.com\/support\/"},{"@type":"ListItem","position":2,"name":"How to change the side images in PrestShop 1.6"}]},{"@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\/d850efb28ef3573db7d24b0d8fa9eaed","name":"Scott Mitchell","url":"https:\/\/www.inmotionhosting.com\/support\/author\/scott\/"}]}},"jetpack_featured_media_url":"","jetpack_sharing_enabled":true,"primary_category":null,"_links":{"self":[{"href":"https:\/\/www.inmotionhosting.com\/support\/wp-json\/wp\/v2\/posts\/3164","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\/8"}],"replies":[{"embeddable":true,"href":"https:\/\/www.inmotionhosting.com\/support\/wp-json\/wp\/v2\/comments?post=3164"}],"version-history":[{"count":5,"href":"https:\/\/www.inmotionhosting.com\/support\/wp-json\/wp\/v2\/posts\/3164\/revisions"}],"predecessor-version":[{"id":104899,"href":"https:\/\/www.inmotionhosting.com\/support\/wp-json\/wp\/v2\/posts\/3164\/revisions\/104899"}],"wp:attachment":[{"href":"https:\/\/www.inmotionhosting.com\/support\/wp-json\/wp\/v2\/media?parent=3164"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.inmotionhosting.com\/support\/wp-json\/wp\/v2\/categories?post=3164"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.inmotionhosting.com\/support\/wp-json\/wp\/v2\/tags?post=3164"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}