Add a loading screen
What are animations?
Animations can differentiate your store experience from other brands. In Showcase, you'll find options for a stylish loading screen which can be displayed before the full content of a linked page is shown. This animated loading screen can reinforce branding and keep the customer engaged whilst they navigate around different areas of the store.
How to set up animations
Steps
- Open the Theme Editor.
- Go to Theme Settings > Animations.
- Select Enable loading screen on desktop and animate text/images when scrolling and Enable loading screen on mobile, if required. The loading screen will show briefly after clicking a link. Note, this may fractionally slow down the time it takes to change the page.
- Select an Animation speed. If Fast is selected, it is less likely to impact speed scores.
- Select Show content on loading screen and choose an Image, Image width, Text and Text size.
- In the Animation setting, there are three options:
None: The content will be immediately shown on the screen.
Progress bar: A bar will show beneath the content.
Fill: The content will be revealed in a wave from left to right. - Click save.
Can't find what you're looking for?
Our support staff are here to answer your queries, so don't hesitate to write to us!
Contact us