Animations

A guide to add animations your page

Settings for Animations are available on Opulent theme ✨

How to enable page transistions

Steps:

1. In the theme editor (Customize), click Theme settings.

2. Navigate to the Animations section.

3. Click the checkbox Enable page transition.

4. Click Save.

The page transition feature exhibits a loading spinner during the page loading process, thus enriching the user experience and captivating web visitors' interest.

You have the option to configure the size and color of the loading spinner icon for the page transition.

You can also upload your own Custom logo for the page-loading effect.

Square-sized images are recommended.

How to set up the page animation

Steps:

1. In the theme editor (Customize), click Theme settings.

2. Navigate to the Visible in the view section.

3. Select your Animation type and adjust the animation duration.

4. Click Save.

When readers navigate up and down the site, the animation, if activated, activates as soon as the element enters the viewport. Incorporating a touch of animation during the loading process can inject some excitement, captivate users, and draw their attention.