-
Posts
-
Hi Enfold Team,
I am experiencing an interesting bug with the integrated gallery feature of the enfold theme. I have added a 20 picture gallery similar to your default gallery (https://kriesi.at/themes/enfold/shortcodes/gallery/) at my website. If I open the page, I’ll first see all the picture of the gallery in miniature format and with a white shadow. After reaching the bottom of the page and scrolling up again, the pictures start to scale and gain color.
I appreciate any kind of technical support.
Thanks!
Hi djabsolut,
It’s the animation firing late. JavaScript waits for all to be loaded and then fires.
Can you give us temporary admin access to your website in the private content box below, so that we can have a closer look?
Best regards,
VictoriaHi Victoria,
Thank you for your kind analysis. I am happy to provide a temporary admin access in the private content box below.
Thanks!
Victoria,
thanks for your feedback. That’s right. Unfortunately the animation starts only when you’ve scrolled to the end of the gallery. It would be awesome, if you could fix it, so that it starts when you are reaching the gallery at the top. I found the option to load the gallery in the beginning, when you enter the page, but it would be even nicer, if it would load when you reach the gallery section.
At the moment we got two galleries with the same issue:
1. http://devbeckark.ladytravel.de/dj-leistungen/fotobox/
2. http://devbeckark.ladytravel.de/dj-leistungen/dj-abiball/Best
FrederikHi Frederik,
Can you please disable the Rev slider and see if the issue remains?
Best regards,
VictoriaHi Victoria,
I deleted the Rev slider on this page: http://www.dj-absolut.de/dj-leistungen/dj-abiball/
Unfortunately, the error still occurs.Looking forward to you feedback,
best
FrederikHi Frederik,
Can you try the other option for the animation? Maybe it will work better for you.
Best regards,
VictoriaHi Victoria,
yes it does. It works with this option. But it would be nicer if the gallery would load when you scroll down, but if we cannot get it running, I will use the option to load the gallery with the page.
I thought it would be a easy fix, because we did not modify the gallery at all. it is completely stock.
Best
FrederikHi Victoria,
I think I found the fix. I changed the shortcodes.js by adding an additional class, here called “avia_animate_when_start_visible” with a waypoint of 80%:
{if(typeof container==’undefined’){container=’body’;};$(‘.avia_animate_when_visible’,container).avia_waypoints();$(‘.avia_animate_when_almost_visible’,container).avia_waypoints({offset:’80%’});$(‘.avia_animate_when_start_visible’,container).avia_waypoints({offset:’80%’});if(container==’body’)container=’.avia_desktop body’;$(‘.av-animated-generic’,container).avia_waypoints({offset:’95%’});}}and changed the line in the gallery.php accordingly:
$output .= “<div class=’avia-gallery {$av_display_classes} avia-gallery-“.self::$gallery.” “.$lazyload.” avia_animate_when_start_visible “.$meta[‘el_class’].”‘ $markup>”;Now, it works perfectly. Is there any way I can put these changes in my child-theme instead of hard-fixing the main enfold theme? Thus, my theme stays update-stable.
Thank you!
Hi Frederik,
Glad you got it working for you! :)
Here is how to put your changes in the child theme:
https://kriesi.at/support/topic/edit-shortcodes-js-in-child-theme/#post-399336
If you need further assistance please let us know.
Best regards,
VictoriaHi Victoria,
Thank you for your link how to edit the shortcodes js. Is there a similar tutorial of how to edit the gallery.php for a child-theme?
Thank you!
Hi,
Perhaps this will help: https://kriesi.at/support/topic/disable-rollover-in-gallery/#post-493229Best regards,
Mike
- You must be logged in to reply to this topic.