Second page position error with two galleries on same page

  • Resolved JohnP

    (@johnp)


    7 years, 6 months ago

    If you look at the bottom of the Before & After gallery, you will find a link to page two because there are more that 20 images.

    With no Ajax, the second page reloads as http://www.example.com/nggallery/page/2 and has the first “Product Gallery” missing: “no images were found”.

    With Ajax enabled on both galleries, the second page loads correctly, but scrolled down several hundred px too far.

    This is the current state but I will have to fix it one way or another in 12 hrs from now.

    Is there a way of altering this?
    The reloaded page should display with the top of the gallery page 2 at the top of the screen.

    • This topic was modified 7 years, 6 months ago by JohnP.

    The page I need help with: [log in to see the link]

Viewing 5 replies - 1 through 5 (of 5 total)
  • Plugin Contributor Imagely

    (@imagely)

    7 years, 6 months ago

    Hi @johnp,

    We do recommend using the AJAX pagination in case of multiple paginated galleries on the same page for a correct work since the pagination will work once for both galleries and will show “no images were found” in case that any of those galleries have fewer pages than the active one.

    Mihai

    Thread Starter JohnP

    (@johnp)

    7 years, 6 months ago

    Thanks for confirming I have the plugin configuration correct Mihai.

    I assume it must be something to do with the layout of the page.

    I have checked that removing the style="display:inline-block;" on the containing div does not fix the problem.

    Can you give me any clues as to what the AJAX pagination uses to position the page?

    Plugin Contributor Imagely

    (@imagely)

    7 years, 6 months ago

    Hi @johnp,

    Sorry but I’m not sure where you have an AJAX paginated gallery since the one from your page doesn’t seem to use pagination: http://www.teclite.co.nz/
    Usually, it shouldn’t cause any extra space so can you please insert a paginated gallery into a page for us to inspect it?

    Thanks,
    Mihai

    Thread Starter JohnP

    (@johnp)

    7 years, 6 months ago

    Thanks for coming back to this Mihai. Unfortunately, because the site is live I didn’t want to leave it broken longer than overnight, as I indicated in my original post.

    If you have the Web Developer extension available, you can remove the CSS I added in the Customizer which hides the NGG navigation (inline stylesheet #21):

    .home div.ngg-navigation {display: none !important;}

    The incorrect height offset seems to be almost 1000px.

    I think my work-around will resolve this issue (assuming the client approves), but I can understand why you would want to know why the NGG navigation isn’t working as expected.

    Plugin Contributor Imagely

    (@imagely)

    7 years, 6 months ago

    Thanks for your reply, John!

    That’s a bit odd to hear that the gallery’s navigation block creates such a gap, perhaps that’s a side effect or an inherited styling from the theme or one of the plugins but I am glad to find it solved for you.

    Mihai

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

The topic ‘Second page position error with two galleries on same page’ is closed to new replies.