Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • #1165499

    Hello,
    I´m having the same issue as mentioned here:
    https://kriesi.at/support/topic/load-more-button-issue/

    I also can solve it when setting:
    In Enfold > Performance > Disabling of template builder elements, I set it to Always load all elements

    But I don´t want to always load all elements. Why doesn´t the “load more” button work properly when enabling the recommended function to load only used elements?

    best,
    Marc

    #1166243

    Hey Maw87,

    Thank you for the inquiry.

    The load more button should work regardless of what is set in the Performance options. Where can we see the issue? Please provide a link to the site where we can see the masonry element. Have you tried to disable the plugins to rule out any incompatibilities?

    Best regards,
    Ismael

    #1168213

    Hi Ismael,

    you can check it in my demo-wordpress. The Gallery “load more” function is not working properly (no black-transparent screen with loading icon). Instead the loading icon is “hidden” below the footer.
    If you set the performance settings to “load all” it works fine. But I prefer “Load only used elements”.

    Best,
    Marc

    #1169002

    Hi,

    Thank you for the info.

    The load more button seems to be working properly when we check the testseite-galerie in Firefox on Windows 10. Where are you testing it?

    Best regards,
    Ismael

    #1175109

    Hi,
    I´m testing on Mac Safari, Chrome and Firefox. In every browser the black overlay is missing. So you can´t see that the page is loading the other images on pressing. Normally a black transparent overlay appears at clicking the button with loading-animations…
    But not when “Load only used elements” is active :/

    #1175402

    Hi!

    Thank you for the update.

    We can now reproduce the issue on Firefox Windows 10.

    We found and removed the following code in the Quick CSS field because it hides the loading icon, but it didn’t help.

    .avia_loading_icon {
        display: none !important;
    }

    Since we are not able to reproduce the same on issue on our own installation which contains the latest version of the theme, upgrading the theme might help fix the issue on your end. Please download the latest version of the theme 4.7.1 from your themeforest account and try to update it manually.

    Regards,
    Ismael

    #1250030

    Hi,
    the problem is still here. this helps, but it´s not a solution (Because page speed):
    “In Enfold > Performance > Disabling of template builder elements, I set it to Always load all elements”

    best,
    Marc

    #1251102

    Hi,

    Thank you for following up.

    We added this css in the Quick CSS field to adjust the position of the loading icon, and prevent the page from shaking while the additional posts are loading.

    .avia_loading_icon {
        position: fixed;
        width: 100%;
        height: 100%;
        z-index: 9999;
        top: 0;
    }
    
    .av-siteloader {
    	top: 50%;
    	transform: translateY(-50%);
    }
    

    Best regards,
    Ismael

Viewing 8 posts - 1 through 8 (of 8 total)
  • You must be logged in to reply to this topic.