WAIT: Product gallery shows 2 images (chrome)

Browser: Chrome 110
OS: macOS
URL: Link to a page that illustrates this issue

Only in chrome based browsers: When I load the product page, I see 2 images most of the time. See screenshot. Other browsers it al works well.

Dev site, so no caching/optimisation etc.

When your images load their inline style indicate that they are

width: 283px;

while the container is much larger.

1 Like

Ok, I tried almost everything here. JS, some PHP, CSS. Nothing works. altered flexslider.js . Nothing. I guess a lot of people have this bug. Anyone some smart ideas?

I’m not sure what you changed, but it looks like this when I open your website.

Can you reverse it to the “Product gallery” without any styling at all, so that we see how it looks that way.

Thanks.
Matej

true. I just removed the css.

I can see the issue now. Do you have any special styling or custom code? Because it seems like the image is no resized property, and it resizes only after a screens resize.

If you replace your gallery, with new (no styles) one, does it behave the same?

I tried to replicate this locally, but I could not.

Matej

I just added a clean one in the bottom of the page

Hi @Webmaat,

I can’t reproduce it locally :frowning: Can you send temporary login credentials for your test/staging website and a link to this thread to help@bricksbuilder.io using the email address you used during the purchase, so we can take a look?

If possible, please send a credentials to staging, as I would like to disable plugins and change styling if needed.

Thanks.
Matej.

1 Like