Koding Themes
Atom
Atom
  • Welcome
  • Sections
    • Introduction
    • Header
      • Logo
      • Menu
    • Announcement bar
    • Blog posts
    • Collection list
    • Multicolumn
    • Custom liquid
    • Featured collection
    • Featured product
    • Featured products
    • Image with text
    • Slideshow
    • Welcome text
    • Video
    • Apps
    • Footer group
  • Theme Settings
    • Introduction
    • Favicon
    • Animation
    • Colors
    • Typography
    • Email signup popup
    • Social media
    • Cart
    • Languages
    • Currency
    • Product swatches
    • Checkout
    • Theme style
  • Templates
    • Introduction
    • 404 page
    • Blogs
    • Article
    • Cart
    • Collection
    • Gift card
    • List collection
    • Pages
    • Password
    • Product
  • FAQs
    • About Koding Themes
    • Demo store
    • Theme Updates
    • Support
      • Multiple theme licensing
      • Refunds
      • Theme housekeeping
    • Custom coding
    • How to confirm your current theme version
    • Subscriptions
    • Size guide
    • Storefront wording/languages
Powered by GitBook
On this page
  1. Theme Settings

Animation

PreviousFaviconNextColors

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