V1.7 Free Beautiful Preloader module for PrestaShop - Free PrestaShop module

[hyofarms]

Download​

Free prestashop1.7 Beautiful Preloader (16873 downloads)
Demo: Beautiful Preloader for PrestaShop
You can find a spinner on the top right corner. The spinner on the demo is set to show on the index, category and product pages only. The spinner on the demo will show out after clicking a filter or a pagination button.
The module is for PrestaShop 1.6, PrestaShop 1.7 and Thirtybees, it can work on all sites no matter which theme you are using.

Features​

1. Preloader will be applied to all pages by default. You can change taht to display preloader on special pages.
2. Show a spinner out when a filtering request is running for the Prestashop 1.7's native Facet search module.
3. 2 predefined spinners, they are svg images, so they are customizable, you can change their colors and sizes. Why don't use font icons or images by default, because I guess svg images can be loaded faster than font icons and images, another reason is that svg images are customizable by using settings on the back office without editing image files. I got the predefined svg loading images from https://loading.io/ I will add more predefined spinner.
4. Custom spinners. You can use a loading gif or a picture to be spinner, you can even use text to be spinner.
5. Ability to adjust the position of spinner.
6. Customizable overlay.
7. Overlay can be disabled.
8. It's possible to close preloader by clicking on overlay.
9. Ability to set a timer to delay hiding preloader.

Screenshot​

How to install on PrestaShop 1.6​

Because of PrestaShop 1.6 doesn't have a hook right after the body tag, so you need to modify the /themes/your-theme/header.tpl file to add one to make this module work.

1	{hook h="displayAfterBodyOpeningTag"}

Here are some screenshots of how to do the modification on Panda v1, Transformer v3 and the default theme
Panda v1

Transformer theme v3

Default theme

Changelog​

• V1.1.0 November 30, 2018. Add compatibility with PrestaShop 1.6.
• V1.0.0 March 14, 2018.

I will keep upgrading this module, let me messages, if you have feature requests.

 

[TaLLe]

Bitdefender tell me that the site of module demo is dangerous

 

[benito05]

Woow that's super ! thank you so much

 

[Sillumin]

Exact name and author of the module from main PHP file is: Beautiful Preloader by SUNNYTOO.COM.

 

[hyofarms]

Download​

Free prestashop1.7 Beautiful Preloader (16873 downloads)
Demo: Beautiful Preloader for PrestaShop
You can find a spinner on the top right corner. The spinner on the demo is set to show on the index, category and product pages only. The spinner on the demo will show out after clicking a filter or a pagination button.
The module is for PrestaShop 1.6, PrestaShop 1.7 and Thirtybees, it can work on all sites no matter which theme you are using.

Features​

1. Preloader will be applied to all pages by default. You can change taht to display preloader on special pages.
2. Show a spinner out when a filtering request is running for the Prestashop 1.7's native Facet search module.
3. 2 predefined spinners, they are svg images, so they are customizable, you can change their colors and sizes. Why don't use font icons or images by default, because I guess svg images can be loaded faster than font icons and images, another reason is that svg images are customizable by using settings on the back office without editing image files. I got the predefined svg loading images from https://loading.io/ I will add more predefined spinner.
4. Custom spinners. You can use a loading gif or a picture to be spinner, you can even use text to be spinner.
5. Ability to adjust the position of spinner.
6. Customizable overlay.
7. Overlay can be disabled.
8. It's possible to close preloader by clicking on overlay.
9. Ability to set a timer to delay hiding preloader.

Screenshot​

How to install on PrestaShop 1.6​

Because of PrestaShop 1.6 doesn't have a hook right after the body tag, so you need to modify the /themes/your-theme/header.tpl file to add one to make this module work.

1	{hook h="displayAfterBodyOpeningTag"}

Here are some screenshots of how to do the modification on Panda v1, Transformer v3 and the default theme
Panda v1

Transformer theme v3

Default theme

Changelog​

• V1.1.0 November 30, 2018. Add compatibility with PrestaShop 1.6.
• V1.0.0 March 14, 2018.

I will keep upgrading this module, let me messages, if you have feature requests.

Let me give a try. Thanks you very much for the information

 

[LTDnipro]

спасибо за модуль, буду разбираться

 

[alastis]

Probably useless, each theme has its own preloader.

 

[butuemiph]

thank you, will try it out now, waas

 

[Machache_]

Thank you so much for this great module!