ZCA Bootstrap 4 Template [Support Thread]

[allmart]

What version of Zencart?

Does the browser's dev tools give any clues? Perhaps under the Console or Network tabs.

1.5.7d

no errors or clues in the dev tools

[allmart]

Not without a link to the site.

test site:
https://www.allmart.ca/store/

[simon1066]

test site:
https://www.allmart.ca/store/

I don't have a solution to hand but carousel images show in Firefox, not in Chrome or Edge though.

[lat9]

It might be that Chrome's being more picky than Firefox about all those <script></script> and <style></style> elements sprinkled through the header and the slideshow.

The HTML validator (https://validator.w3.org/nu/?doc=htt....ca%2Fstore%2F) has a bunch of 'bad' things to say!

[allmart]

I don't have a solution to hand but carousel images show in Firefox, not in Chrome or Edge though.

I just discovered that when using webp for any of my images on my test site, they don't appear.

[dbltoe]

You might take a look at https://optipic.io/en/webp/zencart/

Suppoasedly, you can keep your png, gif, jpg for those browsers that do not play well with webp but the connection will present the image in webp if the browser is compatible.

[simon1066]

Inspecting a .webp image in Chrome dev tools shows a mixture of back and forward slashes in the src path. It seems that Firefox does a better job at resolving this mixture than the other two browsers.

https://www.allmart.ca/store/images\banners\Toronto.webp

They should all be forward slashes, I suspect this is the way in which they were added to the slider, possibly by copying the relative path from Notepad or such like. I haven't seen the other instances of .webp images throughout the site but hopefully the same is happening there.

[allmart]

Inspecting a .webp image in Chrome dev tools shows a mixture of back and forward slashes in the src path. It seems that Firefox does a better job at resolving this mixture than the other two browsers.

https://www.allmart.ca/store/images\banners\Toronto.webp

They should all be forward slashes, I suspect this is the way in which they were added to the slider, possibly by copying the relative path from Notepad or such like. I haven't seen the other instances of .webp images throughout the site but hopefully the same is happening there.

Changed all to forward slashes with no effect.

[simon1066]

Changed all to forward slashes with no effect.

Well, the slider images are showing for me in Chrome and Edge now. Perhaps clearing browser cache might help.

Edit: Actually you've reverted the slider images to .jpg (with nivo slider) so scrap the above.

[simon1066]

Ok, I think I know the why. Visiting this image in chrome, dev tools shows it as having a type of 'document', it should be 'webp'

https://www.allmart.ca/store/images/banners/PRIME-Header.webp

So you can rule out the slider plugin. I don't have the answer though, possibly server or .htaccess related.