Tagged: 

Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • September 25, 2014 at 12:59 pm #324915
    awilson3rd

    Hello,

    Is it possible to not show some elements when a portfolio uses pagination? Basically I have a portfolio page with a 9 grid layout for the portfolio items. This created a 1 of 5 pages. On the first page is a slider image at the top along with other text under the slider (as an introduction). When I click on a pagination option at the bottom (say 2 of 5) the page reloads with the second set of portfolio entries but of course the slider and other stuff loads too so the viewer has to scroll down the page again to see the second page results.

    So, ideally on second and subsequent pagination pages I would like to just show the portfolio entries (possible a small amount of text above it).

    Thanks

    Andrew

    September 25, 2014 at 10:44 pm #325311
    Josue

    Hi Andrew!

    Paged pages get the “paged” class in the body element, with that you can hide elements via CSS, for example to hide the layerslider:

    .page-id-2957.paged #layer_slider_1{
    display: none;
}

    Cheers!
    Josue

    September 26, 2014 at 12:02 pm #325525
    awilson3rd

    Hello Josue,

    Thanks for the reply. Wouldn’t that hide the elements for the first page though? I don’t want to hide elements for the first page but subsequent paged pages.

    Thanks again,

    Andrew

    September 26, 2014 at 12:06 pm #325526
    awilson3rd

    Ignore the above, tested and it works.

    Thanks Josue

    Andrew

  • Author
    Posts
Viewing 4 posts - 1 through 4 (of 4 total)
  • The topic ‘Hide elements in pagination pages’ is closed to new replies.