Tagged: ,

Viewing 18 posts - 1 through 18 (of 18 total)
  • Author
    Posts
  • August 18, 2017 at 2:42 pm #840884
    barak97

    Hi,

    I have a masonry gallery in the front page of my site.
    It is located in a place that requires one scroll down in order to the gallery to show up.
    Is there a way to disable the loading animation (Where the gallery items flip up), so the gallery will be displayed from the very moment of the page load?
    As if it is a normal gallery, that just loads with the whole page, with no trigger for showing up.

    To make it easier I created a class to the spesific masonry gallery: fp-services-masonry

    Hope for your great help as always!

    August 18, 2017 at 5:22 pm #840949
    Jordan Shannon

    Hey barak97,

    Try adding this to quick css:

    .avia_desktop.avia_transform3d .av-masonry-entry.av-masonry-item-loaded .av-inner-masonry {
    -webkit-animation: none !important;
    animation: none !important;
}

    Best regards,
    Jordan Shannon

    August 18, 2017 at 5:28 pm #840954
    barak97

    Hi Jordan, thank you

    Problem is it makes the gallery items just show up with no animation when scrolling, instead of show up from the very load of the page.
    Also it makes all the other masonry galleries show up the same way. I want only that spesific gallery to be affected.

    August 18, 2017 at 5:30 pm #840957
    Jordan Shannon

    Hi,

    Apologies, the following should work:

    
/* make it so masonry galleries load with page instead of as you scroll to them */
.avia_desktop.avia_transform3d .av-masonry-entry.av-masonry-item-loaded .av-inner-masonry {
    -webkit-animation: none !important;
    animation: none !important;
}
.av-masonry-entry {
    opacity: 1 !important;
    visibility: visible !important;
}

.avia_sortable_active .isotope {
    -webkit-transition: none;
    transition: none;
}

    Be sure to clear your cache a few times over.

    Best regards,
    Jordan Shannon

    August 19, 2017 at 7:04 pm #841366
    barak97

    Thank you! I tweaked it a bit so it will only affect the specific masonry gallery.
    Unfortunetly, now it ruins the RTL setting of the element: When the page loads, the elemnt shows in LTR (the items flip sides) and after the scroll reaches the trigger point of the element, it changes the sides so it will be right in the RTL.
    You can see it live in the site, link in private content + the code I put in the Quick CSS.

    Thank you for helping!

    August 21, 2017 at 6:40 pm #842162
    Jordan Shannon

    Hi,

    So you mean its not loading immediately?

    Best regards,
    Jordan Shannon

    August 21, 2017 at 8:24 pm #842213
    barak97

    Hi Jordan,

    look in the site and see for yourself… It’ll be easier than explaining in words.
    It flips the items when loading the page, and when the scroll hit the animation trigger the items flip to the right order.

    August 21, 2017 at 8:31 pm #842216
    Jordan Shannon

    Hi,

    I’m not able to see the image flip issue. It loads and remains exactly the same on my side.

    Best regards,
    Jordan Shannon

    August 21, 2017 at 8:39 pm #842222
    barak97

    Weird,
    I recorded my screen to show it live.

    August 21, 2017 at 8:44 pm #842224
    Jordan Shannon

    Hi,

    I see now. It could just be a matter of re-configuring the css. Would you be able to provide admin info so that I can access quick css?

    Best regards,
    Jordan Shannon

    August 21, 2017 at 8:51 pm #842230
    barak97

    Off course.
    See private content.

    August 25, 2017 at 8:57 am #843793
    Ismael

    Hi,

    I think it works like that because the script is loading a little later than expected. Please install a cache plugin and minify the scripts.

    Best regards,
    Ismael

    August 25, 2017 at 10:57 am #843851
    barak97

    Hi, it’s not a matter of loading because even if waiting 2 minutes after the page finished loading, it happans again.
    It seems like something is not right in the code, because it always changes to the right form when hitting the scroll trigger.

    (I have a cache plugin, WP Rocket, and I do minify and merge CSS & JS files)

    August 28, 2017 at 3:02 pm #844832
    Jordan Shannon

    Hi,

    Just as a precaution, please try disabling all active plugins and see if the issue persists.

    Best regards,
    Jordan Shannon

    August 29, 2017 at 3:56 pm #845371
    barak97

    I turned all of the plugins off – It didn’t change. (Off course refreshed with ctrl+shift+r)

    • This reply was modified 7 years, 2 months ago by barak97.
    September 1, 2017 at 5:59 pm #846940
    Jordan Shannon

    Hi,

    Apologies for the delay in response. I have never run into such issue, and as of right now would not know what direction to go to alleviate this. Apologies, but I will have to report this as a bug and hopefully a solution can be delivered soon, perhaps via a future update.

    Best regards,
    Jordan Shannon

    September 1, 2017 at 6:26 pm #846945
    barak97

    Ok… I will find another way to implement this idea.
    Thank you for your help! :)

    September 1, 2017 at 6:37 pm #846950
    Jordan Shannon

    Hi,

    No problem at all.

    Best regards,
    Jordan Shannon

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