{"id":6829,"date":"2019-03-22T17:22:19","date_gmt":"2019-03-22T11:52:19","guid":{"rendered":"https:\/\/www.hiddentechies.com\/blog\/?p=6829"},"modified":"2020-10-09T18:46:29","modified_gmt":"2020-10-09T13:16:29","slug":"change-position-of-modules-in-prestashop","status":"publish","type":"post","link":"https:\/\/www.hiddentechies.com\/blog\/prestashop\/change-position-of-modules-in-prestashop\/","title":{"rendered":"How to Change Position of Modules in PrestaShop 1.7?"},"content":{"rendered":"<p>In order to change the position of module, please read below steps.<\/p>\n<p>1. Go to <strong>Back-office > Design > Positions<\/strong>:<\/p>\n<p>On the position page you will find the list of module in each hooks.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/www.hiddentechies.com\/blog\/wp-content\/uploads\/2019\/02\/module-position.png\" alt=\"module-position\" width=\"1035\" height=\"589\" class=\"aligncenter size-full wp-image-6839\" srcset=\"https:\/\/www.hiddentechies.com\/blog\/wp-content\/uploads\/2019\/02\/module-position.png 1035w, https:\/\/www.hiddentechies.com\/blog\/wp-content\/uploads\/2019\/02\/module-position-300x171.png 300w, https:\/\/www.hiddentechies.com\/blog\/wp-content\/uploads\/2019\/02\/module-position-768x437.png 768w, https:\/\/www.hiddentechies.com\/blog\/wp-content\/uploads\/2019\/02\/module-position-1024x583.png 1024w, https:\/\/www.hiddentechies.com\/blog\/wp-content\/uploads\/2019\/02\/module-position-800x455.png 800w\" sizes=\"(max-width: 1035px) 100vw, 1035px\" \/><\/p>\n<p>2. Now, Just drag and drop or use up and down arrows to change position within a hook. Changes will be saved automatically.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/www.hiddentechies.com\/blog\/wp-content\/uploads\/2019\/02\/change-module-position-1.png\" alt=\"change-module-position\" width=\"799\" height=\"391\" class=\"aligncenter size-full wp-image-6838\" srcset=\"https:\/\/www.hiddentechies.com\/blog\/wp-content\/uploads\/2019\/02\/change-module-position-1.png 799w, https:\/\/www.hiddentechies.com\/blog\/wp-content\/uploads\/2019\/02\/change-module-position-1-300x147.png 300w, https:\/\/www.hiddentechies.com\/blog\/wp-content\/uploads\/2019\/02\/change-module-position-1-768x376.png 768w\" sizes=\"(max-width: 799px) 100vw, 799px\" \/><\/p>\n<p>In the below screenshot, You can see that position of Image Slider module has been changed.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/www.hiddentechies.com\/blog\/wp-content\/uploads\/2019\/02\/changed-module-postion.png\" alt=\"changed-module-postion\" width=\"797\" height=\"391\" class=\"aligncenter size-full wp-image-6842\" srcset=\"https:\/\/www.hiddentechies.com\/blog\/wp-content\/uploads\/2019\/02\/changed-module-postion.png 797w, https:\/\/www.hiddentechies.com\/blog\/wp-content\/uploads\/2019\/02\/changed-module-postion-300x147.png 300w, https:\/\/www.hiddentechies.com\/blog\/wp-content\/uploads\/2019\/02\/changed-module-postion-768x377.png 768w\" sizes=\"(max-width: 797px) 100vw, 797px\" \/><\/p>\n<p>3. Let&#8217;s see the front-office view.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/www.hiddentechies.com\/blog\/wp-content\/uploads\/2019\/02\/module-position-front-office.png\" alt=\"module-position-front-office\" width=\"1141\" height=\"1334\" class=\"aligncenter size-full wp-image-6843\" srcset=\"https:\/\/www.hiddentechies.com\/blog\/wp-content\/uploads\/2019\/02\/module-position-front-office.png 1141w, https:\/\/www.hiddentechies.com\/blog\/wp-content\/uploads\/2019\/02\/module-position-front-office-257x300.png 257w, https:\/\/www.hiddentechies.com\/blog\/wp-content\/uploads\/2019\/02\/module-position-front-office-768x898.png 768w, https:\/\/www.hiddentechies.com\/blog\/wp-content\/uploads\/2019\/02\/module-position-front-office-876x1024.png 876w, https:\/\/www.hiddentechies.com\/blog\/wp-content\/uploads\/2019\/02\/module-position-front-office-800x935.png 800w\" sizes=\"(max-width: 1141px) 100vw, 1141px\" \/><\/p>\n<p>I hope this was helpful for you!<\/p>\n<div class=\"angwp_12010 _ning_cont _ning_hidden _ning_outer _align_center responsive\" data-size=\"custom\" data-bid=\"12010\" data-aid=\"0\" style=\"max-width:800px; width:100%;height:inherit;\"><div class=\"_ning_label _left\" style=\"\"><\/div><div class=\"_ning_inner\" style=\"\"><a href=\"https:\/\/www.hiddentechies.com\/blog?_dnlink=12010&t=1776039022\" class=\"strack_cli _ning_link\" target=\"_blank\">&nbsp;<\/a><div class=\"_ning_elmt\"><img decoding=\"async\" src=\"https:\/\/www.hiddentechies.com\/blog\/wp-content\/uploads\/angwp\/items\/12010\/Banner-2.png\" \/><\/div><\/div><\/div><div class=\"clear\"><\/div>","protected":false},"excerpt":{"rendered":"<p>In order to change the position of module, please read below steps. 1. Go to Back-office > Design > Positions: On the position page you will find the list of module in each hooks. 2. Now, Just drag and drop or use up and down arrows to change position within a hook. Changes will be&#8230; <\/p>\n<div class=\"actions\"><a href=\"https:\/\/www.hiddentechies.com\/blog\/prestashop\/change-position-of-modules-in-prestashop\/\">Continue Reading<\/a><\/div>\n","protected":false},"author":1,"featured_media":6965,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[221,222,2139],"tags":[313,329,331],"_links":{"self":[{"href":"https:\/\/www.hiddentechies.com\/blog\/wp-json\/wp\/v2\/posts\/6829"}],"collection":[{"href":"https:\/\/www.hiddentechies.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.hiddentechies.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.hiddentechies.com\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.hiddentechies.com\/blog\/wp-json\/wp\/v2\/comments?post=6829"}],"version-history":[{"count":13,"href":"https:\/\/www.hiddentechies.com\/blog\/wp-json\/wp\/v2\/posts\/6829\/revisions"}],"predecessor-version":[{"id":6849,"href":"https:\/\/www.hiddentechies.com\/blog\/wp-json\/wp\/v2\/posts\/6829\/revisions\/6849"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.hiddentechies.com\/blog\/wp-json\/wp\/v2\/media\/6965"}],"wp:attachment":[{"href":"https:\/\/www.hiddentechies.com\/blog\/wp-json\/wp\/v2\/media?parent=6829"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.hiddentechies.com\/blog\/wp-json\/wp\/v2\/categories?post=6829"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.hiddentechies.com\/blog\/wp-json\/wp\/v2\/tags?post=6829"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}