Install Hyper
Community

Documentation Changelog

Resources

Welcome to Hyper Documentation Video tutorials Policies & Legal

Install Hyper theme Update Hyper theme Theme license & Transfer

Announcement bar Top bar

Footer Cart drawer Popup Product compare Quick view Spotlight picks

Banner with categories 🔥Banner with hotspots Banner with tabs Before/after image slider Brand logos Button group Collapsible tabs Collection cards Collection list Collection list banner 🔥Collection list slider Collection tabs Comparison table 🔥Contact form Countdown timer Custom content Custom liquid Email signup Favorite products Featured blogs Featured collection Featured countdown timer Featured product Featured products tab 🔥Grid banner 🔥Highlight text with image 🔥Horizontal products list Image cards 🔥Image with feature Image with text Image with text overlay Image with text slider Layered images with text 🔥Lookbook slider Multicolumn Multicolumn with icon Multiple product bundles 🔥Press Products bundle Products bundle selection 🔥Promotion banner Recently viewed products Rich text Shop the feed Scrolling banner Scrolling gallery images Scrolling promotion Slideshow Slideshow with product Slider with multicolumn Tabs content Testimonials Testimonials masonry Video Video hero

General Animations Blog cards Buttons Cart Color swatches Colors Currency format Custom CSS Layout Logo Product badges Product cards Product compare Quick view Search behavior Social media Typography

Collection page

Collections list page

Blogs Blog posts Cart Password Search page

Accessibility (WCAG, ADA)Add custom fonts Add Highlighted text to your Headings Add Gift wrap option to my cart Change the default sorting of a collection Combined listings app Customize the checkout Display Specification Table using Metafields 🔥JavaScript events for developers Hide out-of-stock products from your collections Enable Size chart on product pages Image size guidelines Improve your store speed ⚡Remove 'Powered by Shopify' in Copyright Remove text Tax included and Shipping calculated at checkout below the product price Set up Local Pickup option Set up quantity rules and volume pricing in B2B Share a Discount code through Newsletter signups Show Payment icons Translate your store after changing the default language Understanding H1 tags

Compared-at pricing not displaying in the storefront Scrolling promotion not working

Theme Settings

Animations

1 min read

The Page transition animation displays a loading screen while a page is loading.

It enhances the user experience and augments the interest of web visitors.

How to enable page transition

Steps:

In the theme editor (Customize), click Theme settings.
Navigate to the Animations section.
Click the checkbox Enable page transition.
Click Enable page transition.
Click Save.

Last updated 12 days ago

Need help?

We’re here to make your experience smooth and successful. Our support team is always ready to assist you—no matter how big or small your question is.

Watch tutorials

General

Previous Page

Blog cards

Next Page

ON THIS PAGE

How to enable page transition

Was this helpful?

© 2026 FoxEcom. All rights reserved.

Help Center Policies FoxEcom