Hi Gunter,

Excellent, thanks for finding the issue and fixing it so quickly. 7.0 release is looking like a good one!

Regards

Tim

• This reply was modified 1 day, 6 hours ago by THP Studio.

Hi Gunter,

Apologies for that, please see private.

Tim

Hi Gunter,

Thanks for the reply.

Can’t be a DB update from a backup, as has happened on multiple sites at different times.

We have one example where on the 28th of January we edited a page and inserted two images using the method described above (because they had previously disappeared from this page due to this issue) and sent a screenshot of it working on the front end to the client (we still have the screenshot).

Since then, we haven’t edited the page at all, and I noticed that they have disappeared since then, probably in the last week or so (as we would have noticed it sooner). If I go and check the page revisions, it shows the last revision was on the 28th of January, and it shows the text block where I inserted the images into as being completely empty of any content whatsoever.

We don’t understand how the page ever seems to work at all, but then randomly breaks over time. But it seems like it can only be something along the lines of: Enfold writes it to the DB on save, then perhaps sees it as bad ALB code when trying to read it down the track and strips it?

This has only appeared in the last few months, where we’ve gone from versions like 6 or 6.0.1 to the latest 6.0.8 or 9. Is it possible something has changed in those versions which could have affected this?

I know this is a tricky one to track down, as it will only disappear randomly, but if you would like a login for the page I’m talking about above to take a look just let me know.

Thanks

Tim

Hi Gunter,

Thanks so much for taking the time to look at this.

Your thoughts really helped point us in the right direction and eventually we were able to find a simple CSS conflict that was causing the issue, related to that litespeed-loaded class you mentioned. For anyone else who uses Litespeed cache and wants product hover but finds it isn’t working properly, hopefully this helps…

Litespeed in their documentation suggest this code which makes lazy loaded images load in nicer:

/* PART 1 - Before Lazy Load */
img[data-lazyloaded]{
    opacity: 0;
}
/* PART 2 - Upon Lazy Load */
img.litespeed-loaded{
    -webkit-transition: opacity .5s linear 0.2s;
    -moz-transition: opacity .5s linear 0.2s;
    transition: opacity .5s linear 0.2s;
    opacity: 1;
}

But the opacity settings in here conflict with how Enfold wants to handle the image hover. So using a not pseudo class and removing that from the product hover eliminates this issue entirely:

/* PART 1 - Before Lazy Load with shop products hover excluded */
img[data-lazyloaded]:not(.avia-product-hover) {
    opacity: 0;
}
/* PART 2 - Upon Lazy Load with shop products hover excluded */
img.litespeed-loaded:not(.avia-product-hover) {
    -webkit-transition: opacity .5s linear 0.2s;
    -moz-transition: opacity .5s linear 0.2s;
    transition: opacity .5s linear 0.2s;
    opacity: 1; 
}

Hope that helps, and thanks so much Gunter, really appreciate your time always helping us with things.

Regards

Tim

Hi Gunter,

Excellent, thanks for adding a fix for that, much appreciated.

Regards

Tim

Hi Gunter,

Thanks for the quick reply. Please see private for details.

Yes that option is selected in the theme options, but as outlined in point 1 it didn’t work. Now there’s no image set (as you’ll see in the backend) yet the most recently uploaded image in the media library displays for all categories.

Look forward to seeing what you find out, thanks for the assistance.

Regards

Tim

Hi Gunter,

That is fantastic news, thank you very, very much!

I really appreciate you working on that and I look forward to trying it out soon with the release of 6.0

It looks like it’s going to be a huge release, lots of work detail in the changelog. Thanks for all your work improving the theme.

Will let you know any feedback on it once I’ve tested it.

Thanks again

Tim

Hi Gunter,

In Private,

Thanks again.

Thanks Gunter for looking into this and adding the fix in the next update, much appreciated.

Tim.

Hey Gunter,

Thanks for taking a look, I wasn’t sure if it was theme or core related so thanks for confirming.

Please see private.

Thanks again

Tim

Hi Gunter,

Circling back to this one, sorry for the long delay on it. We’ve tried to make this work ourselves, but really feel that improving this in core Enfold would be the better option if at all possible.

Most ecommerce stores now have a banner image on their category pages, and while Enfold has this ability I really hope it could be improved. My suggestion is the following…

1. Leave the current functionality in place for sites that already have it so as not to break anything
2. Provide an option in the Enfold Shop settings to toggle the existing parallax effect on or off
3. Provide an option in the Enfold Shop settings to toggle the ability to have text over the image on or off. If this is set to off, the image should no longer be loaded as a background image, but rather a normal image with full srcset abilities to improve performance, and the ability to select an image size from the usual drop down list of registered image sizes. Also, if this option is set to off, the text is output below the image on the page as normal.
4. Provide an option in the Enfold Shop settings to change the position of where this image is displayed on the front end. Currently it displays above the breadcrumb bar, but this is unusual functionality as any page built with the ALB will always put content below the breadcrumb bar. So an option to place the image below the breadcrumb bar (but still full width) would be perfect.

These settings would need to affect not just the single Shop banner image, but also the category banner images as well (that are added via editing the categories themselves).

I hope that makes sense Gunter, thanks as always for considering improvements

Kind regards

Tim

• This reply was modified 1 year, 3 months ago by THP Studio.
• This reply was modified 1 year, 3 months ago by THP Studio.
• This reply was modified 1 year, 3 months ago by THP Studio.

Thanks Gunter, please see below.

Hey Gunter,

Excellent, thanks for confirming that, I figured Enfold wouldn’t need to interact directly with those changes but just wanted to confirm.

Thanks for taking the time to respond.

Regards

Tim

Thanks Ismael, we will keep your code for reference should we need this again on another project, much appreciated.

This can be closed.

Tim

This can be closed thanks.