PrestaShop 1.6/1.7. How to solve scroll freezing issues in Chrome

You have updated Chrome to the latest version and suddenly your website stopped scrolling? Scroll freezes and makes customers miss lots of your amazing content? You are lost and don’t know what to do? Don’t worry, we have many options to solve this issue for you.

  1. Access the files on your server using FTP client or hosting cPanel file manager and go to the modules/tmmediaparallax/js folder. Open the tm-media-parallax.js file for editing.
  2. Find the following code in your file and comment or remove it: 
  3. Update your file and upload it back to the server if you have edited it locally.
  4. In your PrestaShop admin panel go to Modules and Services -> Modules and Services section. Find TM Media Parallax module and click the Configure button: 
  5. Disable Smooth Scroll in module settings and save the changes: 
  6. Clear cache and check the changes on your website.

In case your code is already commented in the file, we’ve got you covered. Follow these steps to make your website scroll again.

  1. Access your server files, using FTP client or hosting cPanel file manager.
  2. Go to your PrestaShop installation folder and open themes/themeXXXX/js directory.
  3. Find the global.js file and open it for editing.
  4. Remove the following code from the file: 
  5. Update the file and upload it back to your server if editing manually.
  6. Clear cache and refresh your website.

Make sure to use this solution only in case disabling TM Media Parallax module will not do any harm to your website content.

  1. In your PrestaShop admin panel go to Modules and Services -> Modules and Services section and find TM Media Parallax module.
  2. Disable the module in the module options: 
  3. Check your website and enjoy scrolling it.

If your scroll script is located in themeXXXX/js/modules/tmmediaparallax/js/, perform the following steps:

  1. Access your server files via FTP or hosting cPanel file manager.
  2. Go to themeXXXX/js/modules/tmmediaparallax/js/ and open the tm-media-parallax.js file for editing.
  3. Find the following code: 
  4. Replace false with true and save the changes.
  5. Enjoy the scrolling website.

Hopefully, this tutorial was helpful for you.