Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Image loading issue on portfolio images with Jupiter theme and WP baker page builder #752

Open
kushh23 opened this issue Dec 13, 2023 · 0 comments
Labels
bug This label could be used to identify issues that are caused by a defect in the product. customer report Indicates the request came from a customer.

Comments

@kushh23
Copy link

kushh23 commented Dec 13, 2023

Description

A customer has reported that the portfolio images on their website sometimes fail to load properly when Optimole is enabled. Upon inspection, I discovered that this issue may be related to a conflict with the other plugin's used to create the portfolio.

I was able to reproduce the issue on https://expensive-emu-cu9p4.vertisite.cloud/. We need to investigate if there are any conflicts with the plugin, as I could not identify any other lazyloading features enabled by the Jupiter theme or WP baker page builder plugin, but the issue still persists.

If we disable Optimole lazyloading the issue gets solved, it suggests the issue is related to lazyloading?

Thank you for your attention to this.

Step-by-step reproduction instructions

  1. Install the necessary theme and plugins from the attached file.
    wetransfer_jupiter-theme_2023-12-08_1005.zip
  2. Create a new post type of portfolio and add 5-6 sample portfolio pages with featured images.
  3. Add a new page and use the WP bakery plugin and search for portfolio and save default configurations.
  4. If you want you can increase the width or adjust no of columns so the portfolios can be below the fold so we can test the issue with layloading.
  5. Save and check the page with Optimole enabled.
  6. Some of the images are not being loaded properly.

Screenshots, screen recording, code snippet or Help Scout ticket

HS: https://secure.helpscout.net/conversation/2436910831/394955
For test site credentials feel free to reach out to me.

Screenshots:

Add portfolio from here:
image
Add this block in page editor:
image

You will see this type of behaviour, quickly check here - https://expensive-emu-cu9p4.vertisite.cloud

Screenshot from 2023-12-13 04-16-09
Screenshot from 2023-12-13 04-15-54
Screenshot from 2023-12-13 04-15-32
image

Environment info

https://pastebin.com/PttPWaKf

Is the issue you are reporting a regression

No

@kushh23 kushh23 added the bug This label could be used to identify issues that are caused by a defect in the product. label Dec 13, 2023
@pirate-bot pirate-bot added the customer report Indicates the request came from a customer. label Dec 13, 2023
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
bug This label could be used to identify issues that are caused by a defect in the product. customer report Indicates the request came from a customer.
Projects
None yet
Development

No branches or pull requests

2 participants