Machina
  • Welcome
  • Sections
    • Introduction
    • Header
    • Announcement bar
    • Banner with text
    • Blog posts
    • Collage
    • Collapseable content
    • Collection list
    • Columns with text
    • Contact form
    • Custom liquid
    • Featured collection
    • Featured product
    • Featured products
    • Image with details
    • Image with features
    • Image with text
    • Multicolumn
    • Multirow
    • Promotional grid
    • Rich text
    • Scrolling text
    • Slideshow
    • Testimonials
    • Text columns with image
    • Footer
  • Theme Settings
    • Introduction
    • Favicon
    • Animation
    • Color schemes
    • Typography
    • Search
    • Popup
    • Cart
    • Product cards
    • Checkout
    • Theme style
  • Templates
    • Introduction
    • 404 page
    • Blogs
    • Article
    • Cart
    • Collection
    • Gift card
    • List collection
    • Pages
    • Password
    • Product
  • FAQs
    • About Whiley Mai
    • Theme Updates
    • Support
      • Multiple theme licensing
      • Refunds
      • Theme housekeeping
    • Demo store
    • Custom coding
    • How to confirm your current theme version
    • Subscriptions
    • Storefront wording/languages
  • Changelog
Powered by GitBook
On this page
  1. Theme Settings

Animation

PreviousFaviconNextColor schemes

Adding your animation

You can enable a site preloader, which is a subtle animation that loads on every page before a user can view your site. This can be turned on by navigating the following steps from your Shopify dashboard:

  1. Online Store → Themes → Customise

  2. Theme settings → Animation

This animation effect will not show when you are customising your theme in the . We want you to be able to change and update your site without having to wait for the preloader to finish loading.

When this setting is checked, customers browsing your live site however, will see the loading screen when browsing your store.

Shopify Theme Editor