Preloader

Go to your Shopify admin area. Find your theme , then click on “Customize” button. When the theme opens You will see three icons in the left top corner. Click on second which is named “Theme Settings”. Then please find Preloader and click.

General Settings Block

Setting	Description
Enable preloader	Choose pages for preloader display or hide preloader with dropdown list: For homepage For all pages No preloader
Preloader background	Click on the circle and choose the color you want for preloader background.
Preloader text	Click on the circle and choose the color you want for preloader text.

Two styles:

1. Fade square images preloader style consists of two parts: logo or store name with a progress bar and animated images.

Load status preloader style consists of one part: text with the progress bar (preloader prefix text and counted text)

Fade square images setting	Description
Preloader logo image (first part of loading)	Download your image or choose from “Explore free images”. *This image would be disabled if used preloader text option.
Preloader text (first part of loading)	Type the text for preloader.
Show animated images	Three options: All time site load First time site load Hide images
Preloader animated image (second part of loading)	Download your image or choose from “Explore free images”. In general, you can add 8 images on the page.

Load status setting	Description
Preloader prefix	The "Preloader prefix" setting allows you to enter a text that will be displayed before the progress counter in the preloader.
Preloader counted text	The "Preloader counted text" setting allows you to add up to 5 different texts that will be displayed during the counting process. These texts will change in the order you specify, appearing after the progress counter. You can use this feature to include important messages or words that you want to communicate to your users while the preloader is active. Each text will be shown for a certain duration before transitioning to the next one, creating a dynamic and engaging preloading experience for your website visitors.