Hi,
thank you, this works great.
Best regards,
David
Hi,
Thank you for your assistance with the issue. I was initially struggling with the problem where images with the data-lazy-srcset attribute were not being correctly handled by the modal image functionality.
Your suggestion was to disable lazy-loading on images with the td-modal-image class. However, upon further investigation, I found that the td-modal-image class was not being applied to the images in question at all. This made the proposed solution unworkable, as there were no instances of this class to disable lazy-loading on.
I managed to solve the issue by ensuring that the td-modal-image class was correctly applied to the a elements surrounding the images. I achieved this by adding a script that runs after the page has fully loaded. Here’s the script I used:
$(window).on('load', function() {
$('img[data-lazy-srcset]').each(function() {
$(this).closest('a').addClass('td-modal-image');
});
});
This script waits until the entire page (including all images, scripts, and other resources) is fully loaded. Then, it adds the td-modal-image class to the closest a ancestor of each image with the data-lazy-srcset attribute. This ensures that the class is applied correctly, even if the images are loaded asynchronously or added to the page after the initial page load.
After implementing this change, the modal image functionality started working as expected. I thought it would be helpful to share this information with you, as it may assist other users who encounter the same issue.
An additional benefit of our solution is that it preserves the lazy-load functionality for these images. Your original suggestion was to disable lazy-loading, which could have resulted in a performance decrease. Therefore, my approach not only resolves the issue but also maintains the site’s performance.
Thank you again for your initial assistance.
Best regards,
David Pavelka
Same problem, web is down. Currently restoring backup
Hi,
I have tried everything, reinstalling tagDiv composer, tagDiv cloud library, recreating menu in composer, deleting wp rocket cache, redis cache, cloudflare cache, changing number of viewed subcategories for mega menu in composer, recreating menu in wordpress, but everything failed.
Only thing that is now fixed is menu on mobile, but not the desktop menu. Mega menu is still showing all categories instead of subcategories..
How could I fix this?
Thank you.
Hi Bettina,
I understand. Would it be possible to test these settings and apply fix for this in future update? Or should I try All-In-One SEO support first?
Thank you.
Hi, thank you! This solution works great!
Hi,
I am using “Header Template – Magazine PRO”. I don’t want to completly disable H1 on logo on all pages. I just want to disable it for most pages as there I have my own H1 I want to use. How to solve this?
Thank you.
Hi,
for example here are some category siblings: https://www.inrybar.cz/kategorie/rybolovne-techniky/
Thank you!