thumbs in dynamic tabs widget don’t show until page scroll

Hi,

You can disable load images on scroll in Appearance -> Customize -> Advanced options -> Performances and SEO
Find the setting -> Load images on scroll
Uncheck and Save Changes.

If this setting is already uncheck, it will be a plugin issue.
You will have to check which plugin is doing loading images on scroll.

Thank you

Hello Denzel,

Maybe I’ve misunderstood the “Load images on scroll” functionality. My thought (or expectation) was that, on scroll, it would load images as they move into the viewing area. And if the image location is within the viewing area at page loading it would already be loaded/shown.

So if its that no images will be loaded/shown until scroll, then that’s probably OK for mobile devices with small screens, but not so good when using larger screens.

Is there any way to enable “Load images on scroll” for mobile devices only? This would be a good feature.

Regards,
Sean

Hi,

You can make this feature request on Hueman theme’s github.
The theme Author will decide if he will provide this feature.

Thank you

Hi Denzel,

To be sure I’ve not misled anyone, I’ve checked again the description for “loading images on scroll”
https://presscustomizr.com/hueman-v3-2-0-has-been-released/
“when the option is checked, the theme retrieves the visible images when the page is first loaded. Then the other images are displayed on scroll up or down, depending on your starting position.”

So my expectation is correct that visible images should be shown at page load. This is the case on my site, except for thumbnails within the Dyanamic Tabs widget within the primary sidebar.

I shall try to isolate the problem further (i.e. disable plugins and remove customizations).

Regards,
Sean

Hello Denzel,

I’ve found the described issue exists only when Hueman Addons plugin is active. So issue unlikely to be plugin conflict. More specifically, its only the visible Most Popular posts from the Dynamic Tabs widget in Primary sidebar that do not show thumbnails on page load (Secondary sidebar is OK), whereas thumbnails for Latest Posts do show on page load. I was able to reproduce the issue on two sites.

So to summarize:
When option “Load images on scroll” is active, thumbnail images

within the viewport

for ‘Primary’ sidebar => ‘Hueman Dyanamic Tabs’ widget => ‘Most Popular’ do not display until user scrolls.

Refer to previous reference (v3.2.0 release notes) that explains “…the theme retrieves the visible images when the page is first loaded. Then the other images are displayed on scroll up or down…”

I don’t dismiss that it could be issue just with my sites. But it would be appreciated if you could try and reproduce for yourself.

Thank you

Regards,
Sean

Hi,

This my screen-cast, I am not able to reproduce your issue. Images loads on my widgets when website loads.
https://screencast-o-matic.com/watch/cDl0eGQuAI

Thank you

Hello Denzel,

Your screen-cast did not show ‘Most Popular’ post in the Primary sidebar (instead it was Most recent). I’ve specifically described the issue to be with ‘Most Popular’ post option. So you have not properly tried to reproduce the issue.

I found the issue also exists on the Hueman demo site:
https://demo-hueman.presscustomizr.com/

Please try for yourself…once the page is loaded be sure not to scroll. Then in the top of the Primary sidebar under ‘Recommended’ click on the ‘star’ icon (which is for Most Popular posts). You will see images are not displayed. If you then scroll the images will appear.

On your site, modify the ‘Hueman Dyanamic Tabs’ widget so that ‘Most Popular’ is first priority and ‘Most recent’ is second, then you will find that the images for ‘Most Popular’ do not show at page load. But if you then click on the ‘clock’ icon (for Most recent) the images will be immediately displayed.

Regards,
Sean

Hi,

I am able to replicate your issue now.

I had made an issue report on Hueman theme’s github.
https://github.com/presscustomizr/hueman/issues/376

Please wait for fix by theme author.

Thank you

Thank you Denzel for checking again and for creating the issue report. Nice to know it wasn’t just me ??

As an interim workaround for my site idsayso.com, I have added a small java script into header-main.php (within child theme) at bottom of div class=”container-inner” to auto-scroll the page page by 1px then -1px at page load. Seems to work OK.
<script>
window.onload = function() {
window.scrollBy(0, 1);
window.scrollBy(0, -1);
}
</script>

Regards,
Sean

Hi Sean,

You may want to share your workaround on the issue report.
https://github.com/presscustomizr/hueman/issues/376

Our developer may find it useful.

Thank you