Page-Specific Preloader

  • Resolved brendonmconnett

    (@brendonmconnett)


    3 years, 10 months ago

    Hello,

    I downloaded this plugin a while ago and like how it works and how easy it is to use. In the past, I have only used it for loading the home page, but now I have optimized my site in a way that it isn’t needed for the home page anymore.

    I am wanting to only display the preloader when the user opens a specific page on the site. In short, I only want the preloader to display when the user opens up the portfolio page (because of the images loading in).

    Thank you!

Viewing 2 replies - 1 through 2 (of 2 total)

  • I’ve found some solution to this problem. Just enable preloader on all pages, hide it on all of them and show only on specific.

    In CSS insert the following

    .page .smart-page-loader, 
.single .smart-page-loader {
  display: none; 
}

.home .smart-page-loader, 
.page.page-id-417 .smart-page-loader, 
.single.postid-83 .smart-page-loader { 
  display: block; 
}

    This code will show preloader only on home page, page with id = 417 and post id = 83 (eg example.com/?p=417 and example.com/?p=83).

    • This reply was modified 3 years, 8 months ago by piotr2018wp.
    Thread Starter brendonmconnett

    (@brendonmconnett)

    @piotr2018wp

    Great reply! I’ll definitely try that. Seems pretty obvious after you said it, so I feel a bit silly, haha!

    Thanks again.

Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘Page-Specific Preloader’ is closed to new replies.

Tags