Nice but needs some bugs removed

Hi,

Here’s a screenshot:
https://www.dropbox.com/s/dny8uiikqygflci/Woo%20Lazy%20Load%20-%20Scr%2001%20-%20Bugs.jpg?dl=0

A couple things though;
– thumb size issue I can probably fix by creating custom placeholder
images (which I want anyway, with a loading indication and some brand styling)
and I think I have to do that anyways, since I’m not using square images
(see screenshot), so even if your plugin was indeed able to put out the
Woocommerce thumb settings, it would still have to crop these so I might as
well do it myself and know I have the look and compression I want

– the theme I’m using is a pretty common 1 from the WP depository; Optimizer
(I do think it was overriding things because I noticed I didn’t have + and – boxes to increase the quantity – instead just the standard up/down arrows – nor multiple
columns on my shop page initially. So I installed a plugin “WooCommerce Products Per Page”
https://ww.wp.xz.cn/plugins/woocommerce-products-per-page/ )

– But that still leaves the strange behavior of not only failing to load
images that are partially or fully in view, but doing it with the 2nd item and
the rest of the row but not with the 1st item
(as you can see in the screenshot, which in this case was even on the 1st row,
contrary to what I wrote earlier that it only happens starting at the 2nd row).

Both the theme and the plugin I use are widely used, so hopefully this can
be fixed so it doesn’t come down to having to choose 1 over the other :/

I can’t give access at this point but I don’t think
that the lazy loading issue is solved once I have added correctly
sized custom placeholders..

That still seems an issue with the lazy loading plugin
and/or WordPress’s strange way of never displaying shop/catalog page images
with the settings you have (like I have 300x200px thumbnails as well
as settings in Woocommerce, yet whatever I do,
I’m getting 300px columns, which include the margins and therefore
the images themselves are scaled to some strange size like 267px).

Btw, regarding the size issue.
I had a quick look with FF Inspector and the regular Woocommerce styling
makes the thumbs and colums responsive (in %, not “px”) and doesn’t set a
fixed width (something many have complained about as it
means the width from your Woocommerce image display settings are often
not what you get on the front end, regardless of correcly regenerated
thumbs and enough space on your page to display the amount of columns set
with the thumbnail width of the Woocommerce setting..)

So since the placeholder that’s used right now is 450px and the width is
set to 100% (within its own column), the result is that initially the
placeholder will show at 100% of the column.

In my case I found in 1 place in the default Woocommerce stylesheet
that width is set to “auto” but in another to roughly 1/4th at
22% (to get 4 columns, maybe that’s what the other plugin is doing).
The ‘auto’ setting is overriding it so, that column size is at
auto, which fills up the rest of the page, and with the image size set
at 100% and a placeholder image that is itself 450px, you end up with
a giant 450px placeholder showing (till you scroll past the item).

• This reply was modified 9 years, 7 months ago by yesyeswordpress.
• This reply was modified 9 years, 7 months ago by yesyeswordpress.