Masonry images gallery not working properly when used with tabs
-
Hi, I am using the following templates to have a masonry images gallery added as HTML block under each tab.
https://woodmart.xtemos.com/woodmart_element/masonry-images-gallery/
https://woodmart.xtemos.com/woodmart_element/food-menu-price/
Tab 1 and Tab 2 use the same HTML block but only Tab 1 works as expected. The content is not displayed properly for other tabs. Please see the screenshots attached.
Can you please check if this is a bug?
Thank you
Attachments:
You must be
logged in to view attached files.
Hello,
Sorry to hear about the inconvenience. Kindly, please share your Site WP-ADMIN Login details in the Private Content field so that we can check these concerns on your Site and help you out accordingly.
Also, please share the exact Page and Block URL on which you are using this element for our better understanding.
Best Regards
Hello,
Sorry for the inconvenience caused. Please try out the following Custom JS code on your Site. The code needs to be placed in the “On document ready” field in Theme Settings:
jQuery('.wd-tabs .wd-nav-tabs > li').on('click', function(e) {
setTimeout(function() {
if ( woodmartThemeModule.hasOwnProperty('imagesGalleryMasonry') ) {
woodmartThemeModule.imagesGalleryMasonry();
}
if ( woodmartThemeModule.hasOwnProperty('imagesGalleryJustified') ) {
woodmartThemeModule.imagesGalleryJustified();
}
}, 100);
});
See this image to know the place to paste the JS code: https://snipboard.io/uJTKO2.jpg
Best Regards
Most Welcome!!!.
I’m so happy to hear you are pleased with the Theme and Support. XTEMOS strives to deliver the best customer experience, and it makes our day to hear we have accomplished that.
We count ourselves lucky to have you as a customer. You can always reach us at any time. We are always here to help you.
Thanks for contacting us.
Have a great day.
Topic Closed.
Best Regards.
The topic ‘Masonry images gallery not working properly when used with tabs’ is closed to new replies.