You are correct. When that plugin is active, the Gallery shortcode doesn’t render within Elementor’s editor but does correctly on the front end. When you disable that plugin the Gallery shortcode renders in the Elementor editor just fine.
The issue is that the masonry plugin adds base css even still which set’s the gallery wrapper to invisible. You’ll see it still takes up space in the Editor window and if you inspect the browser code you’ll see all the images are indeed there. The part of the plugin that adds another class once loaded and animates the gallery is missing when editing in Elementor. You might ask the plugin author if they can look into it.
The file is: jquery-masonry-image-gallery/styles/jmig-masonry-v3-animation.css and it applies the rule:
.gallery { opacity: 0; }
Then once loaded adds the class .jmig-gallery-loaded which applies the animations that reveal the images by changing the opacity value.
jep youre right too – already realized that. thanks.
but dont know why that wont render in elementor edit mode – even when correcting the opacity for view in elementor, the gallery wont be masonry.
so obviously there is something that prevents loeding the plugin functions correctly, right?
but dont know what that might be … 🙂
not really an issue for me when building up a page, but more of that for the client when editing – so the complaints on that side are not wrong at all.
Yes that is likely the issue. i.e. some sort of condition that must be met that is not happening when using Elementor’s editor. Again, mention it to the plugin author and if their actively improving their plugin they will likely fix it.
… meanwhile got an answer from the plugin author here – but to be honest, that wont help at all 🙁
-
This reply was modified 9 years, 5 months ago by
dasigna.
Simple js fix is all. See the thread you linked.
tried it and works! (see reply o linked thread)
maybe simple for you, but not for me! saved my day…
BIG THANKS and an extra smile to you!!
