6 replies · opened Oct 22, 2020
Hello,
I cannot use preloaders and lazy load (for sections) in my website.
Hello,
We have checked out your Website and there are several errors on your Page: https://validator.w3.org/nu/?doc=https%3A%2F%2Fwww.dugunlcv.com%2F . Please fix them to avoid any unnecessary issues.
Preloaders are disabled by default. To enable them, simply add the .page-transition Class to the `` Tag. Complete Setup Details can be found here: http://docs.semicolonweb.com/docs/getting-started/page-transition/ .
The Browser Native Lazy-Loading you are using appears to be working fine for us (check attached). However, we do have custom Lazy Load support included as well: http://themes.semicolonweb.com/html/canvas/lazy-loading.html . More Documentations available here: http://docs.semicolonweb.com/docs/shortcodes/lazy-loading/ .
Hope this Helps!
Let us know if we can help you with anything else or if you find any further issues.
Hello again,
Thanks a lot, I will do your recommendations. Just for second one, I want to use Lazy Load for sections, for example for Blog area on the homepage. When I try it on section by class="section lazy" it disappears and does not appear back. Moreover, when even try it on an image, it again disappears and not come back. Do I need to activate it, too? (Like simply add the .page-transition Class to the <body>)?
Hello,
Sections do not support LazyLoading as they are DIVs. You might consider using Animations: http://themes.semicolonweb.com/html/canvas/animations.html . More Documentations about this here: http://docs.semicolonweb.com/docs/shortcodes/animations/ .
Regarding the issue with Image Lazy Loading, please provide us with a Live URL so that we can check out the exact issue and provide you with more assistance on this. Thanks for your Patience.
Meanwhile, do let us know if we can help you with anything else or if you find any further issues with Canvas.
I am going to apply all your suggestions, sections are now okay with animations, thank you.
For Image Lazy Loading, still the same issue with images, 1 example for you:
https://www.dugunlcv.com/blog/vucut-tipinize-gore-en-uygun-gelinligi-secin/
Moreover, although I used the following code before <body> tag and enable the preloaders it does not work, you can check the homepage for this:
The code:
``
Hello,
We have checked out your Website and there are multiple HTML Validation errors on your Page: https://validator.w3.org/nu/?doc=https%3A%2F%2Fwww.dugunlcv.com%2Fblog%2Fvucut-tipinize-gore-en-uygun-gelinligi-secin%2F . Please make sure that you fix these to avoid unnecessary issues.
Additionally, we cannot see the settings for Page Transitions added to the `` Tag (see attached). Please make sure that you are updating your Website completely so that we can test this for you.
Thanks for your Patience.
Meanwhile, do let us know if we can help you with anything else or if you find any further issues with Canvas.
Have the same question, or something new?
Sign in to the Canvas dashboard to reply or open your own topic. Canvas owners get direct help from the SemiColonWeb team.
Reply on the dashboard