Adding Picture Enlargement to 3dcart responsive template

I had not updated the “home.html” page as I honestly don’t need it to zoom in. Thats why it was set that way. The product pages should be set up right. It has been updated to a higher “scale” size now.

I KNOW I edited the products.html and yet, it shows a 0 beside user scalable.

Here is a thought, I am ONLY editing the MOBILE template in my MOBILE folder in FTP. Would I need to edit both templates to make it work on mobile?

You also need to remove the maximum scale.

I guess that depends on your system but desktop doesn’t need the viewport meta tag its only smaller touch devices that need it. I would change it in both.

I can tell you that the mobile version shows the wrong meta tag still. You can check this by plugging your phone into a mac and then use Safari developer tools to see the css and html.

Of course it may be that the system you are using is dynamically setting the meta tag because it doesn’t want things to be zoomed. If that’s the case then you would need to set up a pan and zoom as you mention above.

The images on the iphone are screen width so a pinch and zoom is not really needed unless you need to see in close detail so a zoom option would probably be better. The text size is not bad but some users will want to pinch and zoom the text which I think is a bigger accessibility issue than your images.

Disabling pinch to zoom is really only suitable for apps and only when the text is large. I’m not sure why your cart implements this method as it will just annoy users.

1 Like

I have edited every page in my FTP mobile folder. Why would it show that its still not in there? If the site is dynamically doing this, the only work around is a plugin? That code on that site in my CSS and such?

Yeah, 3dcart sucks with mobile and they know it. They dont even seem to care. They want 500 bucks or more to make my site zoom and that does not include making the pictures enlarge on mobile.

This guys site is built on 3dcart, yet it zooms on mobile and pictures enlarge. I checked out his page source and he does not even have a “viewport” tag.
http://www.aebike.com/
It displays great on my mobile phone.

You’re joking of course :slight_smile:

The site is infinitesimally small and impossible to read anything at all. You have to navigate by continually pinching and zooming and most mobile users will exit stage left straight away. That site has no mobile optimisation at all and therefore all you get is a scaled down version of the desktop site.

Your site on the other hand is perfectly readable, usable and navigable on small screen without needing to pinch and zoom. It has been managed with media queries into a single column and the text and navigation all controlled properly. The only issue is the disabled pinch to zoom.

Are you sure the changes you are making are being updated properly? Try changing something else to make sure your new code has been updated.

e.g. Try adding an extra word in the description meta tag and then you will know if the updated html has been changed.

I can’t really help with the management of your template files as that is a CMS question and I’m strictly html/css. (Most cms have strict cache policies and it can be a pain to update the cache.)

I can tell you that I changed the meta tag in safari while the iphone was plugged in and the images were immediately zoomable by pinch and zoom so I think you need to look at the meta tag issue before you start implementing yet another plugin.

Here is a screenshot showing the page pinch and zoomed after I changed the rule through developer tools in safari.

I have to go out now but if you can try updating the meta tag I’ll have another look tomorrow :slight_smile:

1 Like

I am able to zoom on my phone now! I am very excited. I do not know what I did but it works. Maybe it was just a delayed effect.

I do want to thank you for taking your time to look at my issue. I want to let you know that my employer is very happy to
see that the site zooms in now for our customers. I just started working at this company and I am trying very hard to improve things on the website. I couldn’t have did it without your help. :slight_smile:

The meta tag is now showing as updated in safari mobile and pinch and zoom is working fine. You either had a cache issue or were updating the wrong file previously :slight_smile:

Glad we got there in the end :;

1 Like

This topic was automatically closed 91 days after the last reply. New replies are no longer allowed.