Openspaces Labs
  • 🏠 Getting Started
    • Installing the Plain Jane Theme
    • Theme Versions + Features Table
  • 🧰 Theme Settings
    • Announcement Bar
    • Animations
    • Cart Drawer
    • Clock Settings
    • Collection Layout Settings
    • Cursor Settings
    • Footer Settings
    • Global Menu Settings
    • Music Player Settings
    • Logo Settings
    • Skip Home Screen
    • SEO Settings
    • Main Theme Color
    • Typography Settings
  • 🗂 Pages & Menus
    • Homepage + Menu
      • Center Menu
      • Side-Aligned Menu
      • Compact Menu Layout (Global Menu)
    • Collection Page
      • Classic Collection
      • Sidebar Collection
    • Collection List Page
    • Product Page
      • Product Section (Showcase)
      • Product Section (Thumbnail)
    • About Page
    • Contact Page
    • Lookbook Page
      • 🛠 How to Create a Lookbook Page
      • 🗂 Creating a Lookbook Archive
      • ⚙️ Lookbook Settings & Features
    • Password Page
      • How To Password Lock Store
      • How To Add and Set Timer
      • How To Collect Emails + SMS
      • Using The Store Unlock Animation
  • 🧩Sections and Features
    • Blog Feed Section
    • Collection Display Section
    • Collection List Section
    • Email Signup (Popup)
    • Email Signup (Embed)
    • FAQ Section
    • Hero Section
    • Image Selector Section
    • Image Stream Section
    • Marquee Section
    • Preloader Section
    • Product Carousel Section
    • Text Block Section
    • Video Spotlight Section
  • 🏷️Advanced
    • How to Add Size Charts to Each Product
    • Setting Up Color Swatches
    • Setting Up Model Info
    • Setting Up Pre-Orders
  • 👥Customer Accounts
    • How To Setup Customer Accounts
    • Login Page
    • Register Page
    • Account Dashboard Page
    • Address Management Page
  • 🌎Languages & SEO
    • Language Files (Locales)
    • Update Favicon
    • Meta Descriptions
  • ⭐️Plain Jane Interactive
    • How to Create an Interactive Space
    • Setting The Background
    • Adding Interactive Points
    • Using Transition Arrows
    • Best Practices for Mobile + Spacing
  • 💬 FAQ & Troubleshooting
Powered by GitBook
On this page
  • About This Setting
  • Page Transitions
  • When to Use It
  • Need Help?
  1. 🧰 Theme Settings

Animations

For Plain Jane and Plain Jane Interactive

What You’ll Learn

  • How to enable page load transitions

  • How to control the speed of your page animations


About This Setting

The Animations setting in Plain Jane themes lets you control how your pages animate when they first load. This is a simple way to add polish and improve the visual flow of your site.


Page Transitions

Page Transition Animation

Choose how your page appears when it loads:

  • None — No animation

  • Fade In — Smooth fade effect as the page loads

Transition Duration

  • Adjust the time (in seconds) the animation lasts

  • Use the slider or input box (e.g. 1s, 2s) to fine-tune the speed

✨ A 1-second fade is a balanced choice that feels smooth but not slow.


When to Use It

Use the Fade In animation if:

  • You want to reduce harsh transitions between pages

  • Your site includes large background images or video

  • You're aiming for a refined or cinematic aesthetic

Avoid using if:

  • You want the fastest load times with no effects

  • Your store relies on rapid navigation between product pages


Need Help?

  • 📧 Email us at: support@openspaces.design

  • 💻 Live chat with us: Available Monday–Friday, 10AM–6PM EST, directly on our website

PreviousAnnouncement BarNextCart Drawer

Last updated 4 days ago

💬 Join our community on Discord:

https://discord.gg/hcc2GvgZc6