• Resolved jp838

    (@jp838)


    Hi
    I have a calendar on the home page that works fine until you visit another page on the site and then returns to the home page where the calendar is located. Then when the next/prev buttons are clicked, the page is reloaded and starts from the top again instead of just changing the months in the calendar.
    What can I do?

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

Viewing 12 replies - 1 through 12 (of 12 total)
  • Plugin Author fullworks

    (@fullworks)

    Can you explain

    “and starts from the top again instead of just changing the months in the calendar”

    When I use you site it seems to behave as expected.

    Thread Starter jp838

    (@jp838)

    If you visit “Media” then go back to “Kalender” and then try to change month it reloads the page and goes back to the top where the image is located.

    Plugin Author fullworks

    (@fullworks)

    Thanks – I can recreate that on your site ( p.s. why have you no ssl? )

    I will have a look and think – it will be related to your one page design.

    Thread Starter jp838

    (@jp838)

    The ssl should be working now ??

    I tried to put the calender on a single page as well but the same thing happend so I am not sure it has to do with the one page design. It only works on the home page when you haven’t started using the navigation menu.

    Thanks

    Plugin Author fullworks

    (@fullworks)

    I have turned off javascript and a javascript library ( in your theme/ page builder ) is intercepting the standard reload ID hence causing this action.

    Fixing the way you theme interacts with standard HTML is way outside the free support I can provide here.

    Perhaps some one else in the free community can offer advice.

    Plugin Author fullworks

    (@fullworks)

    Just to explain it very clearly in technical terms, your theme /page builder is using data-q_id to anchor #calendar, this data- … is an attribute used by a javascript library

    e.g.

    <div data-q_id=”#calendar” class=”vc_row wpb_row section vc_row-fluid vc_custom_1581236131306 grid_section” style=” text-align:center;”>

    The calendar uses an HTML standard anchor #qem_calreload

    The issue is your theme’s javascript library is ‘taking control’ of scrolling rather than using standard HTML anchors.

    I hope that points you in the right direction.

    Thread Starter jp838

    (@jp838)

    Thank you!

    Plugin Author fullworks

    (@fullworks)

    One solution that just came to me – is if in your theme / page builder you can change the name of the calendar section

    so instead of

    <div data-q_id=”#calendar”

    it reads
    <div data-q_id=”#qem_calreload”

    ( and change in your nav too )

    It may well be enough to trick your theme to operate in the way you want

    Thread Starter jp838

    (@jp838)

    It almost works the way I want! When changing months it still scrolls to the top and reloads but then scrolls down to the calendar and thats good.
    Thanks

    Thread Starter jp838

    (@jp838)

    I found and turned off the page transition option in the theme and now its working. Thanks for all your support!

    Plugin Author fullworks

    (@fullworks)

    Beyond this I think you need to refer to the theme developer or page builder developer to change the underlying way the theme operates its smooth scroll.

    What is interesting is the scrolling doesn’t happen if you first just go to the home page, so something in the theme / page builder’s javascript is recognising that it shouldn’t intercept – but clearly ‘switches on’ once you visit another page. So a logic issue there in the theme / page builder js library.

    Plugin Author fullworks

    (@fullworks)

    Ah our messages crossed in the post …

Viewing 12 replies - 1 through 12 (of 12 total)
  • The topic ‘Prev and Next button reloads entire page’ is closed to new replies.