Extended Info Image Size Wrong in Tablets

[maroni35]

Hi everyone,

We have always used Extended Info pages to have a larger image in a pop up.

In our case usual images are 150px wide and Extended ones are 400px wide.

click on the 150px image and you get a pop up with the 400px wide one.

I normally set the width and height of this pop up to 500px in Site Options.

This still works in SD14 when viewing from a desktop but creates a horrible huge pixalated image when viewed in a tablet, have tried samsung and ipad and they both do the same.

I am assuming that this is because something tells the image to be 100% in tablets or mobiles, anyone got this to work so you get a proper sized image?

[NormanRouxel]

An URL of a faulty page would be useful.

[maroni35]

Sorry,

http://patchworkquilting.co.uk/smart/Rings.html

click on the image of the Three Diamond Ring

It is smart theme out of the box, but I have just enabled an extended info page and used the x-diamondring.jpg image that comes with SD as the larger image. Linked to pop up when image is clicked.

do this on a desktop view fine, do this on a tablet and it fills entire screen.

[malbro]

Sorry,

http://patchworkquilting.co.uk/smart/Rings.html

click on the image of the Three Diamond Ring

It is smart theme out of the box, but I have just enabled an extended info page and used the x-diamondring.jpg image that comes with SD as the larger image. Linked to pop up when image is clicked.

do this on a desktop view fine, do this on a tablet and it fills entire screen.

The extended info page uses a fixed size for the pop up which causes the problem on smaller screens, you may want to disable extended info popups on smaller screens.

[maroni35]

Dear Malcolm,

I take your point, but talking about a 400px image which should render fine on an ipad or tablet. It shouldn't be too large, it just doesn't seem to work properly.

If it was on mobiles I could understand it, but there should be plenty of room to display this size image.

Also I have no idea how to disable a feature depending upon screen size and the example site of penzone.co.uk then this seems to render okay in tablets when I tried it.

[Buzby]

You could block the pop up on smaller devices using css based upon screen sizes.

I use it to hide some content on mobiles.

[maroni35]

Right having powered up my mobile and tried it on a Samsung s3, then it seems to work okay on that, not too large. Holding tablet sideways then image is okay, so it must be a rule somewhere making image 100% for screens under a certain size. So I think I need to find that and make it not happen on tablets that are landscape.

[Buzby]

It seems to work on my iPhone 6, except the close window doesn't work.

[feemish]

Evidently this bug is still not fixed.. in 14.0.2 or in v16

So if you have extended info pages you'd best check them.

[peblaco]

Here is a fix to stop extended info images over sizing and looking blurry for versions 2014 or 2016. In the Design Library the layout Standard Extended Information Image change code to:

<img src="<Actinic:Variable Name="ExtendedInfoImage"/>"
   width="<Actinic:Variable Name="ExtendedInfoImageWidth"/>"
   height="<Actinic:Variable Name="ExtendedInfoImageHeight"/>"
   alt="<actinic:variable name="ProductName" encoding="strip" />"
   title="<actinic:variable name="ProductName" encoding="strip"/>"
   style="max-width:<Actinic:Variable Name="ExtendedInfoImageWidth"/>px;"
   />

Note: Fix needs testing, no liability use at own risk.

[feemish]

Thank you sooo much Louise.

A simple fix but one I would have struggled to reach!

You are very generous with your help, and I must say far better support that the support I actually pay Sellerdeck for! Something is wrong there!

Sellerdeck support just told me this was a bug that would be fixed later and then closed the ticket. I asked if there wasnt a simple fix and got no reply.

There was a simple fix. You did it.

Thanks again