vekia Posted March 6, 2017 Posted March 6, 2017 Sticky header in PrestaShop 1.7 / 1.6 this is absolutely free module for PrestaShop 1.7 / 1.6 that creates sticky header in "classic" and "default bootstrap" themes and in all themes based on these templates. Once you will scroll page a lttle down - module will stick header with menu to top edge of the browser window. you can see demo here: check how sticky header works download links below. Remember to download correct version! fixedheader16.zip - for prestashop 1.6 fixedheader17.zip - for prestashop 1.7 fixedheader17.zip fixedheader16.zip 4 2 Share this post Link to post Share on other sites More sharing options...
tar.tarek Posted March 7, 2017 Posted March 7, 2017 Vekia - do you have such module for PS 1.6? Share this post Link to post Share on other sites More sharing options...
vekia Posted March 7, 2017 Posted March 7, 2017 I can develop it but it will work with "default bootstrap" theme and themes based on this theme, its hard to develop universal solution because each theme is different Share this post Link to post Share on other sites More sharing options...
tar.tarek Posted March 7, 2017 Posted March 7, 2017 default bootstrap is sufficient Share this post Link to post Share on other sites More sharing options...
Puriom Posted March 7, 2017 Posted March 7, 2017 Τhank you so much! Share this post Link to post Share on other sites More sharing options...
nicopaulangelo Posted March 13, 2017 Posted March 13, 2017 Hello!Could it work with Prestashop 1.6 ? Share this post Link to post Share on other sites More sharing options...
vekia Posted March 13, 2017 Posted March 13, 2017 Hello! Could it work with Prestashop 1.6 ? hello it is for prestashop 1.7 currently Share this post Link to post Share on other sites More sharing options...
vekia Posted March 13, 2017 Posted March 13, 2017 Hello! Could it work with Prestashop 1.6 ? default bootstrap is sufficient released version for 1.6.x for themes based on default-bootstrap enjoy :-) 2 Share this post Link to post Share on other sites More sharing options...
gray Posted March 26, 2017 Posted March 26, 2017 I am using PS1.7 Any ideas how I can make header-nav sticky, as well as the header-top ? As this module only does header-top. Better still maybe an option on the setup screen for me to select either or both. Share this post Link to post Share on other sites More sharing options...
vekia Posted March 27, 2017 Posted March 27, 2017 currently module does not allow to select what elements will be a part of "sticky header" header-nav + header-top are too big to create sticky heading feature so i decided to allow to stick only header-top. 1 Share this post Link to post Share on other sites More sharing options...
ANGELO Vintage Posted March 27, 2017 Posted March 27, 2017 (edited) I still using a default-bootstrap modified theme and for some reason something not work: https://gyazo.com/cfc9772f01441c8f8f642a1f79b2087a when scrollign the menu disappear completely: https://gyazo.com/45cf9902d89575ce60565ec5ca599983 Edited March 27, 2017 by ANGELO Vintage (see edit history) Share this post Link to post Share on other sites More sharing options...
happohiken Posted May 24, 2017 Posted May 24, 2017 Hello, first of all thank you very much for this great module, is very useful. Unfortunately, it does not work fine in my 1.6.1.7 prestashop, it is conflicting with ajax cart popup. When I add to cart a product from the category view, the ajax popup does not appear or appears partially out of view. It does not happen when I add to cart from the product view. As soon as I deactivate the module the ajax cart works fine again. It would be great if you can fix this, as it is a very good module that I believe can boost conversions. While I wait hopefully for your solution, I'm going to try to solve it by myself, if I'm succesful I'll post it here. Thank you, best regards, Share this post Link to post Share on other sites More sharing options...
happohiken Posted May 24, 2017 Posted May 24, 2017 More info about that. It happens also when I add to cart from the product view, but it does not disturb as much as in category view because the offset of the ajax popup is relative to the top of the page. I've found a workaround, it is not perfect but it works. Add the following lines to fixedheader.css: #layer_cart { position:fixed!important; margin: 5% auto!important; top: 10px!important; left: 10px!important; right: 10px!important; bottom: 10px!important; overflow:auto!important; height:100%!important;} Best regards, Share this post Link to post Share on other sites More sharing options...
flyman1664 Posted June 23, 2017 Posted June 23, 2017 More info about that. It happens also when I add to cart from the product view, but it does not disturb as much as in category view because the offset of the ajax popup is relative to the top of the page. I've found a workaround, it is not perfect but it works. Add the following lines to fixedheader.css: #layer_cart { position:fixed!important; margin: 5% auto!important; top: 10px!important; left: 10px!important; right: 10px!important; bottom: 10px!important; overflow:auto!important; height:100%!important; } Best regards, Thank you for the tip, works well! I still using a default-bootstrap modified theme and for some reason something not work: https://gyazo.com/cfc9772f01441c8f8f642a1f79b2087a when scrollign the menu disappear completely: https://gyazo.com/45cf9902d89575ce60565ec5ca599983 To get the your Menu module visible you have to modify fixedheader.css by replacing .omg_img_scrolled #block_top_menu { display:none!important; and paste this .omg_img_scrolled #block_top_menu { padding:0px!important; } Vekia Could you please take a look to the problem issued by happohiken? I'm also facing this issue and I've used his workaround to fix it meanwhile. Thank you for the good job and I really appreciate your modules! 1 Share this post Link to post Share on other sites More sharing options...
Club Vapea! Posted June 27, 2017 Posted June 27, 2017 Hi Vekia, I have modified my classic theme colors etc. but it remains the same theme, but the module doesnt work for me.. Any solution? Thanks, B Share this post Link to post Share on other sites More sharing options...
Club Vapea! Posted July 6, 2017 Posted July 6, 2017 Hi Vekia, I have modified my classic theme colors etc. but it remains the same theme, but the module doesnt work for me.. Any solution? Thanks, B Hi, I have installed the module, I use classic theme but it doesnt work.. nothing happens. Please help Vekia? currently module does not allow to select what elements will be a part of "sticky header" header-nav + header-top are too big to create sticky heading feature so i decided to allow to stick only header-top. Share this post Link to post Share on other sites More sharing options...
w3mx Posted July 13, 2017 Posted July 13, 2017 Alguien sabe si en la versión 1.7 hay forma de habilitar n TOP BANNER gratuitamente como hasta la versión 1.6? o en su defecto personalizar un link en el menú global para mandar a un sitio externo? saludos. Share this post Link to post Share on other sites More sharing options...
robbie007 Posted August 3, 2017 Posted August 3, 2017 Hi Vekia, how to offset???? Have some problems with scrollto links. $(document).ready(function () { $(window).scroll(function () { if ($(this).scrollTop() > 0) { $('#header').addClass("header_omg_im_scrolled"); } else { $('#header').removeClass("header_omg_im_scrolled"); } }); }); Share this post Link to post Share on other sites More sharing options...
Drens Posted August 9, 2017 Posted August 9, 2017 It works awesomely but in checkout, it bugs and moves up and down like crazy. Can we find a solution? Btw, vekia u are awesome. Share this post Link to post Share on other sites More sharing options...
vkmaxx Posted October 9, 2017 Posted October 9, 2017 I tried to modify it to make PS 1.6.x menu only sticky header but I can't get rid of jerky move when JS code kick in and the header dissapears.Video illustrating the problem: https://www.dropbox.com/s/uw1pn91f6769t9l/fixed_scroll.mp4?dl=0 Later I will try to move head out of screen instead of making in dissapear. Share this post Link to post Share on other sites More sharing options...
vkmaxx Posted October 9, 2017 Posted October 9, 2017 I was able to make it work without nasty jump in motion, you can check it @ prezentyhurt.pl I will try to make a module out of it. Share this post Link to post Share on other sites More sharing options...
jhonzz007 Posted October 11, 2017 Posted October 11, 2017 Thank you Vekia for this awesome module Share this post Link to post Share on other sites More sharing options...
toyshokan Posted October 14, 2017 Posted October 14, 2017 Great Module. Thank you! Share this post Link to post Share on other sites More sharing options...
vekia Posted November 2, 2017 Posted November 2, 2017 new version of fixed header is ready! - added improvements to module usage in prestashop 1.7. When module is installed and enabled "quick product preview" is not covered by fixed menu anymore. Share this post Link to post Share on other sites More sharing options...
b-w-p Posted November 3, 2017 Posted November 3, 2017 Hello, I looked for this type of module and congratulate you. I have however modifications has to make on my site and I installed him and uninstalled. Since the deinstallation, my site slowed down a lot and by making the gmetrix test these elements appeared, even after deinstallation and slows down him(it) a lot. gmetrix : https://gtmetrix.com/reports/b-w-p-distribution.com/STxuADw2 Elements of the slowing down: - https://fls-na.amazon.com/1/batch/1/OP/A53RDEWN57UU5:257-7961038-4696744:VEY4BBNXBB3Z https://static-eu.payments-amazon.com/OffAmazonPayments/de/lpa/js/Widgets.js?sellerId= (20 minutes) https://eu.account.amazon.com/lwa/js/sdk/login1.js (1 hour) And as you will see him(it), I have nothing in contact with amazon on my site, thus arrived with the module! Thank you for your return Ps: French translates with Reverso, thus if problems to announce me it. Share this post Link to post Share on other sites More sharing options...
vekia Posted November 6, 2017 Posted November 6, 2017 On 11/3/2017 at 8:53 AM, b-w-p said: Hello, I looked for this type of module and congratulate you. I have however modifications has to make on my site and I installed him and uninstalled. Since the deinstallation, my site slowed down a lot and by making the gmetrix test these elements appeared, even after deinstallation and slows down him(it) a lot. gmetrix : https://gtmetrix.com/reports/b-w-p-distribution.com/STxuADw2 Elements of the slowing down: - https://fls-na.amazon.com/1/batch/1/OP/A53RDEWN57UU5:257-7961038-4696744:VEY4BBNXBB3Z https://static-eu.payments-amazon.com/OffAmazonPayments/de/lpa/js/Widgets.js?sellerId= (20 minutes) https://eu.account.amazon.com/lwa/js/sdk/login1.js (1 hour) And as you will see him(it), I have nothing in contact with amazon on my site, thus arrived with the module! Thank you for your return Ps: French translates with Reverso, thus if problems to announce me it. module "fixed headeR" is not related in any part to any kind of amazon scripts. the problem you have is not connected to this free module in any part. Share this post Link to post Share on other sites More sharing options...
vekia Posted November 6, 2017 Posted November 6, 2017 i updated the module. added improvements related to module usage in prestashop 1.7.x, now when "quick preview" of product is active (modal window) - fixed header does not cover it, so "close" button for modal window is clickable again. Share this post Link to post Share on other sites More sharing options...
microblog Posted November 22, 2017 Posted November 22, 2017 (edited) great plugin ! thx a lot just a question... possible to a en effect when the sticky is activing ? (example: fade) like this : http://modules.finalmenu1.marpaweb.eu/ Edited November 22, 2017 by microblog (see edit history) Share this post Link to post Share on other sites More sharing options...
Oktay Posted April 18, 2018 Posted April 18, 2018 Hi Vekia, Thanks for this great Module. It' s simple, but very usefull. Share this post Link to post Share on other sites More sharing options...
Fabio Intermoia Posted May 17, 2018 Posted May 17, 2018 hi I should block the following selector:#header .nav#header .container .row#block_top_menuwhere can I, if I can, take action to make this change? Share this post Link to post Share on other sites More sharing options...
Daniele0884 Posted August 18, 2018 Posted August 18, 2018 (edited) On 6/11/2017 at 2:58 PM, vekia said: i updated the module. added improvements related to module usage in prestashop 1.7.x, now when "quick preview" of product is active (modal window) - fixed header does not cover it, so "close" button for modal window is clickable again. Hi, the module work well, but I have found a problem, for my PS.1.7. In small screen view (mobile), when I open top bar menu categories (on top to left), if I have the menu with a long list of categories and subcategories, when i scroll down for view last categories, i can not scroll down the menu, for to view last categories down, because it is fix with header. Any solution? Thanks Edited August 18, 2018 by Daniele0884 (see edit history) 1 Share this post Link to post Share on other sites More sharing options...
sytes Posted August 21, 2018 Posted August 21, 2018 does this work with all themes ? we need it for a client using a customised theme he bought on a marketplace Share this post Link to post Share on other sites More sharing options...
Leonellopg Posted September 28, 2018 Posted September 28, 2018 On 6/3/2017 at 9:17 AM, vekia said: Sticky header in PrestaShop 1.7 / 1.6 this is absolutely free module for PrestaShop 1.7 / 1.6 that creates sticky header in "classic" and "default bootstrap" themes and in all themes based on these templates. Once you will scroll page a lttle down - module will stick header with menu to top edge of the browser window. you can see demo here: check how sticky header works download links below. Remember to download correct version! fixedheader16.zip - for prestashop 1.6 fixedheader17.zip - for prestashop 1.7 fixedheader17.zip fixedheader16.zip Thank you for the module!! =) Share this post Link to post Share on other sites More sharing options...
Spaco.pl Posted October 9, 2018 Posted October 9, 2018 On 21.08.2018 at 10:02 PM, sytes said: does this work with all themes ? we need it for a client using a customised theme he bought on a marketplace I have the same issue, someone know how to solve it? Share this post Link to post Share on other sites More sharing options...
sytes Posted October 22, 2018 Posted October 22, 2018 Any update op ? Share this post Link to post Share on other sites More sharing options...
blacknyellow Posted November 26, 2018 Posted November 26, 2018 For the ones who only want to use CSS add these lines in your custom css: #header{ background: #ffed00; position: fixed; top: 0px; left: 0px; width: 100%; z-index: 100; box-shadow: 0 2px 5px 0 rgba(0, 0, 0, .11); } #wrapper{margin-top: 100px;} and this is what it looks like: https://www.blacknyellow.nl Share this post Link to post Share on other sites More sharing options...
994830_1508427849 Posted January 31, 2019 Posted January 31, 2019 @vekia Thank you very much for this module. I have a suggestion, can you add the feature to reduce the logo size when scrolling down the same way as https://www.instagram.com/ did (on their web version not app). Thank u. Share this post Link to post Share on other sites More sharing options...
Prestashop user Posted February 25, 2019 Posted February 25, 2019 On 8/18/2018 at 3:34 PM, Daniele0884 said: Hi, the module work well, but I have found a problem, for my PS.1.7. In small screen view (mobile), when I open top bar menu categories (on top to left), if I have the menu with a long list of categories and subcategories, when i scroll down for view last categories, i can not scroll down the menu, for to view last categories down, because it is fix with header. Any solution? Thanks Hi, Have you found a solution to this problem ? Thanks. Best regards Share this post Link to post Share on other sites More sharing options...
jeti20 Posted February 25, 2019 Posted February 25, 2019 (edited) ok Edited February 25, 2019 by jeti20 (see edit history) Share this post Link to post Share on other sites More sharing options...
Georgy Goshin Posted April 18, 2019 Posted April 18, 2019 Is there a way to place a "Sign in" and "Cart" in the frozen menu or make that raw sticky? Share this post Link to post Share on other sites More sharing options...
grigorevlad Posted May 21, 2019 Posted May 21, 2019 On 2/25/2019 at 3:29 PM, Prestashop user said: Hi, Have you found a solution to this problem ? Thanks. Best regards Also searching for a solution to this Share this post Link to post Share on other sites More sharing options...
Jean Francois G Posted June 22, 2019 Posted June 22, 2019 Don't work with prestacrea 1.7 theme. however the menu is dependent on the default menu. But as it is improved there may be a problem. It does not even fix the header at all. Share this post Link to post Share on other sites More sharing options...
altaiir123 Posted August 29, 2019 Posted August 29, 2019 (edited) Hi guys. If someone have problem with jump after scroll-down form top on Prestashop 1.7.6 using this module (Fixed sticky header by Vekia) I managed to find the solution. To be specific, this problem occurs exactly when fixed header start to work. The site is being instantly scrolled down creating this annoying jump. This work in both sides, so if you will scroll up to top it will jump also. To fix this you will need to modify two files: fixedheader.js and fixedheader.css located in: modules/fixedheader and follow steps below. Inside fixedheader.js replace 'body' with '#wrapper' in lines 16 and 19. The final code should look like this: $(document).ready(function () { $(window).scroll(function () { if ($(this).scrollTop() > 50) { $('#header').addClass("header_omg_im_scrolled"); $('#wrapper').addClass("omg_im_fixed"); } else { $('#header').removeClass("header_omg_im_scrolled"); $('#wrapper').removeClass("omg_im_fixed"); } }); }); Next, open fixedheader.css, scroll to the bottom and replace section: @media (min-width: 576px){ .omg_im_fixed .modal-dialog { margin-top:130px!important; } } with this code: @media (min-width: 576px){ #wrapper.omg_im_fixed { padding-top:130px!important; } } It should get rid of that annoying jump after scroll-down from top and back to top. Keep in mind this is not official fix, so might not work for everyone. Feel free to try, I hope I helped someone Edited August 29, 2019 by altaiir123 (see edit history) Share this post Link to post Share on other sites More sharing options...
grigorevlad Posted August 29, 2019 Posted August 29, 2019 Hi, Thanks! Very nice of you to post solution. Share this post Link to post Share on other sites More sharing options...
Prestashop user Posted August 30, 2019 Posted August 30, 2019 Hi, Thank you for posting your solution. For my part I replace padding-top:130px!important by margin-top:130px!important. Share this post Link to post Share on other sites More sharing options...
Martina.Tom Posted September 11, 2019 Posted September 11, 2019 Hi Vekia, thank you very much for this module, it is very useful. Is it possible to switch off it for mobile version? Thanks, Martina Share this post Link to post Share on other sites More sharing options...
altaiir123 Posted September 11, 2019 Posted September 11, 2019 You can switch off mobile version of every module from backoffice. Just press the arrow next to configure button in module manager and select "disable mobile". Share this post Link to post Share on other sites More sharing options...
Martina.Tom Posted September 11, 2019 Posted September 11, 2019 2 minutes ago, altaiir123 said: You can switch off mobile version of every module from backoffice. Just press the arrow next to configure button in module manager and select "disable mobile". Thank you very much! I thought that it will be more difficult I´ve never need this function before. Share this post Link to post Share on other sites More sharing options...
Ocul Posted September 25, 2019 Posted September 25, 2019 Hi! Thanks for this module, its great, but, i have a problem, when I slide, I download the menu along with the carousel of images too, how can I solve this? Thanks and sorry for my english. Share this post Link to post Share on other sites More sharing options...
PredatorAquaticsLTD Posted January 19, 2020 Posted January 19, 2020 I have an issue with mobile view not scrolling, using google chrome on android any advice ? Share this post Link to post Share on other sites More sharing options...
viliera Posted January 22, 2020 Posted January 22, 2020 On 3/6/2017 at 4:17 PM, vekia said: Sticky header in PrestaShop 1.7 / 1.6 this is absolutely free module for PrestaShop 1.7 / 1.6 that creates sticky header in "classic" and "default bootstrap" themes and in all themes based on these templates. Once you will scroll page a lttle down - module will stick header with menu to top edge of the browser window. you can see demo here: check how sticky header works download links below. Remember to download correct version! fixedheader16.zip - for prestashop 1.6 fixedheader17.zip - for prestashop 1.7 fixedheader17.zip fixedheader16.zip Hello vekia, it is an excellent module that works very well in 1.7 but I would like to know if I can activate only for the mobile version, because my template already has a fixed menu but only for a computer device and for the mobile phone not. This module has worked very well for me on mobile device but then it is very ugly on the computer, because there are two scripts that act almost the same way. I hope I explain it well. I would appreciate your help. Thank you. Best regards Share this post Link to post Share on other sites More sharing options...
sirop Posted February 3, 2021 Posted February 3, 2021 Hi, your module crash my Prestashop 1.7.7.1 (white page after click : configure) Have you a answer for that??? Regards Share this post Link to post Share on other sites More sharing options...
Dp. Posted February 25, 2021 Posted February 25, 2021 On 2/25/2019 at 2:29 PM, Prestashop user said: Hi, Have you found a solution to this problem ? Thanks. Best regards Same here. Any solution in the meantime? Or modules that have the same function but work? Share this post Link to post Share on other sites More sharing options...
Giuseppe60 Posted June 11, 2021 Posted June 11, 2021 I have installed this modul but i haven't a defoult theme, now i can't see the stikie discount on photos in category and carosel please help. i use iqit themehttps://www.orola.it/it/content/catalogo-orient.html Share this post Link to post Share on other sites More sharing options...
vilarinho Posted February 14 Posted February 14 (edited) On 8/29/2019 at 7:58 PM, altaiir123 said: Hi guys. If someone have problem with jump after scroll-down form top on Prestashop 1.7.6 using this module (Fixed sticky header by Vekia) I managed to find the solution. To be specific, this problem occurs exactly when fixed header start to work. The site is being instantly scrolled down creating this annoying jump. This work in both sides, so if you will scroll up to top it will jump also. To fix this you will need to modify two files: fixedheader.js and fixedheader.css located in: modules/fixedheader and follow steps below. Inside fixedheader.js replace 'body' with '#wrapper' in lines 16 and 19. The final code should look like this: $(document).ready(function () { $(window).scroll(function () { if ($(this).scrollTop() > 50) { $('#header').addClass("header_omg_im_scrolled"); $('#wrapper').addClass("omg_im_fixed"); } else { $('#header').removeClass("header_omg_im_scrolled"); $('#wrapper').removeClass("omg_im_fixed"); } }); }); Next, open fixedheader.css, scroll to the bottom and replace section: @media (min-width: 576px){ .omg_im_fixed .modal-dialog { margin-top:130px!important; } } with this code: @media (min-width: 576px){ #wrapper.omg_im_fixed { padding-top:130px!important; } } It should get rid of that annoying jump after scroll-down from top and back to top. Keep in mind this is not official fix, so might not work for everyone. Feel free to try, I hope I helped someone Hi guys! @vekia thank you for this module! and @altaiir123 excellent job on the work around! thank you too for your contribution. Well guys I've been trying to find a way to fix this bug related with the jump(flick) that altaiir123 mentioned, and the solution given by altaiir123, wasn´t working for me. Now, I really think I got it done and I've found a fix for another bug related with the Header remaining over content that should be over the header (modal.dialog I think) (when product is hadded to cart or product quick view, not allowing access to the exit button on mobile - fixed). So for FixedHeader by @vekia version 1.4.1, downloaded from MyPresta - Prestashop Fixed sticky header, on Prestashop 1.7.8.2, Classic Theme, If you want a smoother transition for your fixed/sticky header and header/modal.dialog overpositioning fix, this is the solution I've found (hope it will help others, like helped me): Like @altaiir123's solution, to fix this you will need to modify these two files: fixedheader.js and fixedheader.css located in: modules/fixedheader to the code given bellow. Inside fixedheader.js replace 'body' with '#wrapper' in lines 16 and 19, and change .scrollTop condition to >= 1. The final code should look like this: Quote $(document).ready(function () { $(window).scroll(function () { if ($(this).scrollTop() >= 1) { $('#header').addClass("header_omg_im_scrolled"); $('#wrapper').addClass("omg_im_fixed"); } else { $('#header').removeClass("header_omg_im_scrolled"); $('#wrapper').removeClass("omg_im_fixed"); } }); }); Next, open fixedheader.css, and: On the first "@media", Replace "min-width: 786px" with "min-width: 768px" Replace z-index value of "9999" with "999" (this will fix the modal.dialog/header overlay) Add "transform: translateY(-50px); -webkit-transform: translateY(-50px) transition:transform .5s;" and Exclude this: Quote #header.header_omg_im_scrolled .header-nav { display: none; } Replace "padding-top: 30px;" with "padding-top: 20px;", Add this: Quote #wrapper.omg_im_fixed { padding-top:145px!important; } On the second "@media", Replace "max-width: 785px" with "min-width: 767px" Replace z-index value of "9999" with "999" (this will fix the modal.dialog/header overlay) Add this: Quote #wrapper.omg_im_fixed { padding-top:168px!important; } The last "@media", "(min-width: 576px)", simply remove the code, won't be needed. It should look like this: Quote @media (min-width: 768px) { #header.header_omg_im_scrolled { position: fixed; top: 0px; left: 0px; width: 100%; z-index: 999; box-shadow: 0 2px 5px 0 rgba(0, 0, 0, .11); transform: translateY(-50px); -webkit-transform: translateY(-50px); transition:transform .5s; } #header.header_omg_im_scrolled .header-top { padding-top: 20px } #wrapper.omg_im_fixed { padding-top:145px!important; } } @media (max-width: 767px){ #header.header_omg_im_scrolled { position: fixed; top: 0px; left: 0px; width: 100%; z-index: 999; box-shadow: 0 2px 5px 0 rgba(0, 0, 0, .11); } #header.header_omg_im_scrolled nav { margin:0px!important; padding:0px!important; border:none!important; } #wrapper.omg_im_fixed { padding-top:168px!important; } } the replacement of header-nav (display: none) with transform and transition, will give your header a smoother animation on scrolling down, however to animate scrolling back to the top, I used a custom.css with the following code: Quote #header {transition: transform .5s;} This last animation, isn't perfect yet (shows a bit of a white background for a few miliseconds, under the header), but the whole solution seems a well done work around for the flick that was annoying me. I hope this will help someone else, P.S.: For questions, I might not be able to answer xD because I no nothing about these stuff, (got here, searching online and testing through Devtools) but I'll try to share what I know. Edited March 2 by vilarinho The link url to my presta had errors. Fixed. Correct link: https://mypresta.eu/modules/front-office-features/fixed-sticky-header.html (see edit history) 1 Share this post Link to post Share on other sites More sharing options...
Zythom Posted March 2 Posted March 2 Hi everyone ! First of all thank you Vekia for this module !! Very usefull i tried to follow the post of @vilarinho but i have a problem : he is talking about his 1.4.1 version, and i just have the 1.4.0 (downloaded from the first topic on top). So i don't have 3 "@media" in fixedheader.css, but only just 1... May someone help me ? If not, nevermind i'll work with this little jump 🤷♂️ Thanks ! 1 Share this post Link to post Share on other sites More sharing options...
vilarinho Posted March 2 Posted March 2 (edited) 8 hours ago, Zythom said: Hi everyone ! First of all thank you Vekia for this module !! Very usefull i tried to follow the post of @vilarinho but i have a problem : he is talking about his 1.4.1 version, and i just have the 1.4.0 (downloaded from the first topic on top). So i don't have 3 "@media" in fixedheader.css, but only just 1... May someone help me ? If not, nevermind i'll work with this little jump 🤷♂️ Thanks ! Hi @Zythom I've updated my reply with the link to MyPresta - Prestashop Fixed sticky header product page. If you want to download this version, you can click the link to MyPresta on this reply as well. Edited March 2 by vilarinho The link url had errors. Fixed. Correct link: https://mypresta.eu/modules/front-office-features/fixed-sticky-header.html (see edit history) Share this post Link to post Share on other sites More sharing options...
Zythom Posted March 2 Posted March 2 Thanks a lot @vilarinho !! I downloaded it from my-presta.eu (your link goes to a 404 page). I made the changes as in you last reply and it works well !! great job, and thanks again 1 Share this post Link to post Share on other sites More sharing options...
Recommended Posts
Create an account or sign in to comment
You need to be a member in order to leave a comment
Create an account
Sign up for a new account in our community. It's easy!
Register a new accountSign in
Already have an account? Sign in here.
Sign In Now