{"id":6656,"date":"2018-12-23T12:28:39","date_gmt":"2018-12-23T06:58:39","guid":{"rendered":"https:\/\/www.hiddentechies.com\/blog\/?p=6656"},"modified":"2020-03-13T15:52:11","modified_gmt":"2020-03-13T10:22:11","slug":"add-scroll-to-top-button-prestashop","status":"publish","type":"post","link":"https:\/\/www.hiddentechies.com\/blog\/prestashop\/add-scroll-to-top-button-prestashop\/","title":{"rendered":"How to Add Scroll to Top Button in PrestaShop 1.7?"},"content":{"rendered":"<p>Scroll to Top button appears only when customer scrolling down to your shop. When they click on it &#8211; page will be automatically scroll back to the top of the page.<\/p>\n<p>&nbsp;<\/p>\n<div style=\"display: block; float: left; width: 100%; padding: 30px 0; background: black; border-radius: 5px; margin: 0 0 25px 0;\">\n<p style=\"text-align: center;\"><a style=\"color: #fff; font-size: 28px; font-weight: 600;\" href=\"https:\/\/www.hiddentechies.com\/blog\/prestashop\/top-free-prestashop-1-7-5-themes\/\" target=\"_blank\" rel=\"noopener noreferrer\"> Top Free PrestaShop 1.7.5 Themes for 2019 <\/a><\/p>\n<\/div>\n<p>In this tutorial, We will explain you, How to add <strong>Scroll to Top<\/strong> on PrestaShop Store.<\/p>\n<p class=\"ht-sub-heading\">Follow the below steps to configure Scroll to Top. First, Download the <a href=\"https:\/\/www.hiddentechies.com\/scroll-top-prestashop-module.html\" target=\"_blank\" rel=\"noopener noreferrer\"><strong>Scroll to Top<\/strong><\/a> PrestaShop Module.<\/p>\n<p><a class=\"more-link\" href=\"https:\/\/www.hiddentechies.com\/scroll-top-prestashop-module.html\" target=\"_blank\" rel=\"noopener noreferrer\">Click Here to Download<\/a><\/p>\n<p>Go to the <strong>Back-Office: Module manager &gt; Upload a module<\/strong>.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-full wp-image-6510\" src=\"https:\/\/www.hiddentechies.com\/blog\/wp-content\/uploads\/2018\/12\/upload-module-prestashop.png\" alt=\"upload-module-prestashop\" width=\"1053\" height=\"315\" srcset=\"https:\/\/www.hiddentechies.com\/blog\/wp-content\/uploads\/2018\/12\/upload-module-prestashop.png 1053w, https:\/\/www.hiddentechies.com\/blog\/wp-content\/uploads\/2018\/12\/upload-module-prestashop-300x90.png 300w, https:\/\/www.hiddentechies.com\/blog\/wp-content\/uploads\/2018\/12\/upload-module-prestashop-768x230.png 768w, https:\/\/www.hiddentechies.com\/blog\/wp-content\/uploads\/2018\/12\/upload-module-prestashop-1024x306.png 1024w, https:\/\/www.hiddentechies.com\/blog\/wp-content\/uploads\/2018\/12\/upload-module-prestashop-800x239.png 800w\" sizes=\"(max-width: 1053px) 100vw, 1053px\" \/><\/p>\n<p>Drop the zip file or click on <strong>select file<\/strong>.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-full wp-image-6511\" src=\"https:\/\/www.hiddentechies.com\/blog\/wp-content\/uploads\/2018\/12\/upload-zip-prestashop-module.png\" alt=\"upload-zip-prestashop-module\" width=\"895\" height=\"435\" srcset=\"https:\/\/www.hiddentechies.com\/blog\/wp-content\/uploads\/2018\/12\/upload-zip-prestashop-module.png 895w, https:\/\/www.hiddentechies.com\/blog\/wp-content\/uploads\/2018\/12\/upload-zip-prestashop-module-300x146.png 300w, https:\/\/www.hiddentechies.com\/blog\/wp-content\/uploads\/2018\/12\/upload-zip-prestashop-module-768x373.png 768w, https:\/\/www.hiddentechies.com\/blog\/wp-content\/uploads\/2018\/12\/upload-zip-prestashop-module-800x389.png 800w\" sizes=\"(max-width: 895px) 100vw, 895px\" \/><\/p>\n<p>Go ahead wait for PrestaShop to complete the installation process. After a few seconds, <strong>Configure<\/strong> button will be show.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-full wp-image-6512\" src=\"https:\/\/www.hiddentechies.com\/blog\/wp-content\/uploads\/2018\/12\/configure-prestashop-module.png\" alt=\"configure-prestashop-module\" width=\"908\" height=\"395\" srcset=\"https:\/\/www.hiddentechies.com\/blog\/wp-content\/uploads\/2018\/12\/configure-prestashop-module.png 908w, https:\/\/www.hiddentechies.com\/blog\/wp-content\/uploads\/2018\/12\/configure-prestashop-module-300x131.png 300w, https:\/\/www.hiddentechies.com\/blog\/wp-content\/uploads\/2018\/12\/configure-prestashop-module-768x334.png 768w, https:\/\/www.hiddentechies.com\/blog\/wp-content\/uploads\/2018\/12\/configure-prestashop-module-800x348.png 800w\" sizes=\"(max-width: 908px) 100vw, 908px\" \/><\/p>\n<p>Click on <strong>Configure<\/strong> button, and you will get configuration page for Scroll to Top.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-full wp-image-6657\" src=\"https:\/\/www.hiddentechies.com\/blog\/wp-content\/uploads\/2019\/01\/scroll-to-top-prestashop-module.png\" alt=\"scroll-to-top-prestashop-module\" width=\"1129\" height=\"687\" srcset=\"https:\/\/www.hiddentechies.com\/blog\/wp-content\/uploads\/2019\/01\/scroll-to-top-prestashop-module.png 1129w, https:\/\/www.hiddentechies.com\/blog\/wp-content\/uploads\/2019\/01\/scroll-to-top-prestashop-module-300x183.png 300w, https:\/\/www.hiddentechies.com\/blog\/wp-content\/uploads\/2019\/01\/scroll-to-top-prestashop-module-768x467.png 768w, https:\/\/www.hiddentechies.com\/blog\/wp-content\/uploads\/2019\/01\/scroll-to-top-prestashop-module-1024x623.png 1024w, https:\/\/www.hiddentechies.com\/blog\/wp-content\/uploads\/2019\/01\/scroll-to-top-prestashop-module-800x487.png 800w\" sizes=\"(max-width: 1129px) 100vw, 1129px\" \/><\/p>\n<p>Select the option as you want and then click on <strong>Save<\/strong> button to apply changes.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-full wp-image-6658\" src=\"https:\/\/www.hiddentechies.com\/blog\/wp-content\/uploads\/2019\/01\/scroo-to-top-prestashop-demo.png\" alt=\"scroo-to-top-prestashop-demo\" width=\"1348\" height=\"629\" srcset=\"https:\/\/www.hiddentechies.com\/blog\/wp-content\/uploads\/2019\/01\/scroo-to-top-prestashop-demo.png 1348w, https:\/\/www.hiddentechies.com\/blog\/wp-content\/uploads\/2019\/01\/scroo-to-top-prestashop-demo-300x140.png 300w, https:\/\/www.hiddentechies.com\/blog\/wp-content\/uploads\/2019\/01\/scroo-to-top-prestashop-demo-768x358.png 768w, https:\/\/www.hiddentechies.com\/blog\/wp-content\/uploads\/2019\/01\/scroo-to-top-prestashop-demo-1024x478.png 1024w, https:\/\/www.hiddentechies.com\/blog\/wp-content\/uploads\/2019\/01\/scroo-to-top-prestashop-demo-800x373.png 800w\" sizes=\"(max-width: 1348px) 100vw, 1348px\" \/><\/p>\n<p><a class=\"more-link\" href=\"https:\/\/www.hiddentechies.com\/scroll-top-prestashop-module.html\" target=\"_blank\" rel=\"noopener noreferrer\">Click Here to Download<\/a><\/p>\n<p>If you have any question or doubts, feel free to ask us in comment section.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Scroll to Top button appears only when customer scrolling down to your shop. When they click on it &#8211; page will be automatically scroll back to the top of the page. &nbsp; Top Free PrestaShop 1.7.5 Themes for 2019 In this tutorial, We will explain you, How to add Scroll to Top on PrestaShop Store&#8230;. <\/p>\n<div class=\"actions\"><a href=\"https:\/\/www.hiddentechies.com\/blog\/prestashop\/add-scroll-to-top-button-prestashop\/\">Continue Reading<\/a><\/div>\n","protected":false},"author":1,"featured_media":6679,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[221,222,2],"tags":[593,289,292,331],"_links":{"self":[{"href":"https:\/\/www.hiddentechies.com\/blog\/wp-json\/wp\/v2\/posts\/6656"}],"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=6656"}],"version-history":[{"count":6,"href":"https:\/\/www.hiddentechies.com\/blog\/wp-json\/wp\/v2\/posts\/6656\/revisions"}],"predecessor-version":[{"id":10923,"href":"https:\/\/www.hiddentechies.com\/blog\/wp-json\/wp\/v2\/posts\/6656\/revisions\/10923"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.hiddentechies.com\/blog\/wp-json\/wp\/v2\/media\/6679"}],"wp:attachment":[{"href":"https:\/\/www.hiddentechies.com\/blog\/wp-json\/wp\/v2\/media?parent=6656"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.hiddentechies.com\/blog\/wp-json\/wp\/v2\/categories?post=6656"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.hiddentechies.com\/blog\/wp-json\/wp\/v2\/tags?post=6656"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}