Product image trouble

[Alex Hansen]

Hi
Only the main (selected) product picture can be seen at my product pages.
If I have more than one picture of product, these can't be showed. Also I can't click on product-pics to see them in big size?

Anybody know what the trouble could be?
When I have different variants (ex. colour) there is no problem to show them, but still you can't browse images.

Examble: https://www.sportspower.dk/sko/929-zeus-mylon-black.html
This items has to pics, but only one is showed.

Hope somebody have the solution to this 🙂

 

[Alex Hansen]

Stange: on my android phone it works???

 

[Petter]

I'v just tried your link, using Vivald, Firefox and Chrome browser - can confirm that the product pic on the product page does not work in any of these browsers.

[Alex Hansen]

23 hours ago, Petter said:

I'v just tried your link, using Vivald, Firefox and Chrome browser - can confirm that the product pic on the product page does not work in any of these browsers.

 

Hi Petter.
Thanks for trying but with same result as my self, i can understand.
But stangely it DO works on my android phone???

Does anybody have an idea what could be the trouble here?

 

[veganline]

I don't know but this is a symptom
Using chrome on a laptop in UK...
There wasa a gap under the one image. I did random things while trying to look at the code, and then the second image popped-into place. They're both small in kb and area, so I don't know why the result. Maybe the style is fussy about screen size and I made the viewing area narrower while trying to inspect the image. So I don't know.

[datakick]

There is probably some javascript that detects mobile device, and then do some image shuffle magic. Obviously not correctly.

 

[Traumflug]

To get the same behavior on a desktop, make the window less than 400px wide. That's not a solution, of course, but helps debugging.

Clicking on the image to get a large view doesn't work either, at no window width.

Is there a module 'easyzoom' ? I'd disable/uninstall it and try again.

[Alex Hansen]

20 hours ago, veganline said:

I don't know but this is a symptom
Using chrome on a laptop in UK...
There wasa a gap under the one image. I did random things while trying to look at the code, and then the second image popped-into place. They're both small in kb and area, so I don't know why the result. Maybe the style is fussy about screen size and I made the viewing area narrower while trying to inspect the image. So I don't know.

Hi - That is interessting. You're right.
When the window is size down to very small it do works (maybe that's the reason it also works on android phone) but I still don't know how to fix the problem.
But thanks 

[Alex Hansen]

20 hours ago, datakick said:

There is probably some javascript that detects mobile device, and then do some image shuffle magic. Obviously not correctly.

 

Hi Datakick - You're probberly right, but I don't know there to look and fix this issues.

 

[Alex Hansen]

18 hours ago, Traumflug said:

To get the same behavior on a desktop, make the window less than 400px wide. That's not a solution, of course, but helps debugging.

Clicking on the image to get a large view doesn't work either, at no window width.

Is there a module 'easyzoom' ? I'd disable/uninstall it and try again.

You're right, but still don't know how to fix it 😞
No such module.

 

[Alex Hansen]

Additional info:
The problems have arisen after moving to new server and maybe the explanation should be found in here as it worked before.

I seemed to have found (what I mean is suspicious code) in the source text of the product page.

/** rtl **/
	</style><link rel="canonical" href="https://www.sportspower.dk/sko/929-zeus-mylon-black.html">
	<link rel="alternate" href="https://www.sportspower.dk/sko/929-zeus-mylon-black.html" hreflang="da-dk">
	<link rel="alternate" href="https://www.sportspower.dk/sko/929-zeus-mylon-black.html" hreflang="x-default">
	<!--[if lt IE 9]>
	<script src="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script>
	<script src="https://oss.maxcdn.com/libs/respond.js/1.3.0/respond.min.js"></script>
	<![endif]-->
	<!--[if lte IE 9]>
	<script src="https://sportspower.dk/themes/warehouse/js/flexibility.js"></script>
	<![endif]-->
	<meta property="og:title" content="Zeus Mylon Fritids-sko (Sort)"/>
	<meta property="og:url" content="https://www.sportspower.dk/sko/929-zeus-mylon-black.html"/>
	<meta property="og:site_name" content="WebShop Sportspower"/>
	<meta property="og:description" content="Prisbillig lækker fritids-sko fra Zeus (Sort)">
	<meta property="og:type" content="product">
	<meta property="og:image" content="//cdn1.prestaspeed.dk/1937-large_default/bigpic.jpg">
	</head>
	Why does oss.maxcdn.com and cdn1.prestaspeed.dk appears in this? By the way: The links to big pictures on this product is: 1: "https://sportspower.dk/1937-thickbox_default/zeus-mylon-black.jpg"  2: "https://sportspower.dk/1997-thickbox_default/zeus-mylon-black.jpg" If it helps anyone