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
Choose pages for preloader display or hide preloader with dropdown list:
|Click on the circle and choose the color you want for preloader background.
|Click on the circle and choose the color you want for preloader text.
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
|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
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
|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.