Buy All 48 Premium WordPress Themes for $54.99

Display Animations only on Homepage

By default the Animations appearing effects are displayed in all website pages. They can be globally enabled or disabled. But in some cases, you may want to display Animations ONLY on Homepage.

It will require a small code change. Here are all of the necessary steps:

1.Login to your Admin Panel

2. Navigate to Left Menu -> Appearance -> Editor

3. Open yourtheme/js/utilities.js

Replace all occurrences of:

jQuery(' some code').addClass("hidden").viewportChecker({

with:

jQuery('body.home some code').addClass("hidden").viewportChecker({

i.e.

jQuery('#header-logo').addClass("hidden").viewportChecker({

needs to be replaced with:

jQuery('body.home #header-logo').addClass("hidden").viewportChecker({

Then

jQuery('.cart-contents').addClass("hidden").viewportChecker({

needs to be replaced with:

jQuery('body.home .cart-contents').addClass("hidden").viewportChecker({

Finally, save changes

About the Author

Tihomir Ivanov is a WordPress and Salesforce Commerce Cloud (SFCC) developer, founder of tishonator.com, a fan of Linux and Open Source, Minimalism (in Design and Life), Sci-fi, Fantasy, Classic and History books :)

2 Responses to “Display Animations only on Homepage”

Leave a Reply