169 comments found.
Hi Support,
This plugin is implemented on our site and its working fine, but we need to alter a functionality of mobile device image zooming. Currently when we scroll upon the image it doesn’t scroll down or up, but it starts to zoom in and scroll over the image. How could we fix it please suggest, is there any option to integrate double tap to zoom so that scrolling is not effected by the zoom.
Waiting for your help in priority, thank you in advance.
Hi,
there is no way to disable the zoom only for mobile/touch devices. It can be disabled in general.
A solution to your problem could be in making a small script in detecting the device on which was opened your site. If the device is different from desktop call the plugin with the isZoomEnabled: false otherwise omit this option => you’ll have zoom.
Hope it helps.
Best regards,
tinyComp
Hi Support
We purchased this item, but unfortunately, this is not working for us.
Here is our demo URL – https://dev-contabo.creationwatches.com/sourav-html/creation-home/product-details.html
Kindly check and fix it on high priority
Hi,
thank you for your purchase.
From the error shown in the console it seems that you haven’t added the Modernizr file (it should contain csstransforms) to your project. Add this file and check again.
Best regards,
tinyComp
please check it is not working.
Hi.
I try to use Glasscase with Twitter Bootstrap 5.1.3 but it doesn’t work properly (the page never stops loading).
When I remove the bootstrap.min.css from the page it works properly.
Is there a workaround for this?
Here is the page I’m trying to use it on: https://lpcomp.hu/acer_aspire_1741_i3_4gb_320gb_sz_aj_hd.phpThanks, Gabor
Hi, I assume that a css rule from bootstrap is overlapping some rule from glasscase css. Place the dev version of the bootstrap and debug it to see where it clashed.
Best regards, tinyComp
.placeholder class was the problem.
Hi I have installed the glasscase but when I run ajax-add button it stops working. Can you tell me why and what I need to do. My site https://cuppingshop.co.uk/SCart/index.php#shopping-cart
Hi,
after you press the “Add” button the content of “td” element is refreshed and it again contains the “HTML setup” – the unordered list of content, on which you have to re-call the plugin, so the component is rendered again and afterwards you’ll be able to see it.
You could rethink “what” is changed during the “Add” call so you don’t delete the rendered component (imho this would be the optimal solution, no need for 1 more call), or after the “Add” call is done you could re-call the plugin.
Hope it helps.
Best regards,
tinyComp
HI Ive managed to do recall – how do i make so that i dont have to recall the function again – $(’#btnAddAction<?php echo $product_array$key; ?>’).click(function(){ //If your
- has the id “glasscase”
$(’#glasscase<?php echo $product_array$key; ?>’).glassCase({‘zoomMargin’: ‘0’,’isZoomDiffWH’: ‘true’, ‘zoomAlignment’: ‘displayArea’,’zoomHeight’: ‘400’,’zoomWidth’: ‘400’,’zoomPosition’: ‘inner’,’widthDisplay’: ‘300’ , ‘heightDisplay’: ‘300’});
}); or should i use reload? Thanks for your adviceHi,
I can’t make any suggestions, I have no knowledge in php. But as an idea don’t delete the redered GlassCase component, therefore you won’t need to re-call the plugin.
Hope it helps.
Best regards,
tinyComp
Hi Thanks – have fixed the problem by calling the plugin again – I know that thats not the best solution but could not figure out how in jquery to keep the component rendered after ajax finishes – so i did like:
$(document).ajaxStop(function(){//this reloads jquery after ajax finishes – becuase without it makes the stuff go blank $(’#glasscase<?php echo $product_array$key; ?>’).glassCase({‘zoomMargin’: ‘0’,’isZoomDiffWH’: ‘true’, ‘zoomAlignment’: ‘displayArea’,’zoomHeight’: ‘400’,’zoomWidth’: ‘400’,’zoomPosition’: ‘inner’,’widthDisplay’: ‘300’ , ‘heightDisplay’: ‘300’});
});HI I have installed the plugin at mysite – when I view in responsive design the image disappear and am left with small boxes only . How can I fix this? Thanks
Hi,
it’s possible that some rules from your css overwrite the ones in GlassCase. You can use the browser inspector to check how your css rules cross with the ones from GlassCase.
Best regards,
tinyComp
Hi!
I dont see the instructions in the zip file.
Hi,
all the instructions, docs and the examples are all on our website.
Please see: http://tinycomp.net/products/glasscase-jquery-image-zoom-plugin/documentation#getting-started
Hope it helps!
Best regards,
tinyComp
Hi Can you help me with the Modernizr file. I dont know what features I need to select to build the file. Thanks
Hi,
the Modernizr features list includes: csstransforms; svg; canvas.
Best regards,
tinyComp
Hi, I’ve purchased this, but there are no instructions and the demo site doesn’t work. It’s a bit useless without either.
hello sir i want to purcase tis plugin, would you please provide me live demo?
Is this plugin working in woocommerce website?
Hi,
Where can I download the Modernizr.js? Also, is it possible to have the bottom thumbs area about 50% of the width of the main image displayed? Finally, how can I customize the look of the thumbs?
Thank you so much
Hi,
1. modernizr can be downloaded from https://modernizr.com/download?setclasses , there you can customize the modernizr to comply your needs and build it.
2. thumbs area will always have the width of the displayed image or height (if thumbsPosition is set to left or right).
3. Thumbs can be customized through the plugin’s options. You can look in the docs -> customizing tab -> thumbs options.
Hope it helps!
Best regards,
tinyComp
I have some problems： 1) How to add a thumb for video ? 2) When you click the next thumb, the video still playing…...How to solve this problem ?
Hello,
1. GlassCase doesn’t have an option to insert an image for video or IFrame thumbs.
Video/IFrame thumb is automatically created, you only can change the text on the video thumb by using the option txtImgThumbVideo.
2.It’s the way how it works. The user manually has to pause the video. It doesn’t pause on thumb change. The same behaviour can be observed on the examples on our site.
Best regards,
tinyComp
hello tiny comp,
I have successfully implemented your zoom liberary code in my website but i t not working poperly the zoom effect not performing as per the need , another issue was that in mobile view i m unable to zoom the image , thirdly i want to ask how can i use the responsive images for differeent part of the plugin like for thumbnail i want to use the small images and for the preview i want to use the images of medium size and for the zoom image i want to provide the original size of the image.
these are the issues i am facing while implementing your plugin rest of the things are running smooth
Hi minileaves,
the plugin uses only one set of images. This set of images is used for: thumbnails, display(preview) and zoom. Therefore, for zoom to work properly, you need to provide images with high resolution.
Zoom is based on the resolution of the images provided to the plugin.
Images with high resolution => a high level of zoom.
If you provide images with low resolution it may even result in having no zoom.
Could you give us a link to your dev environment to see what went wrong with the zoom.
Best regards,
tinyComp
Hi, GlassCase looks really good, but do you have a list of Modernizr features that I need to include in the Modernizr build to make GlassCase work? I see someone has asked this in the Comments but can’t see a reply.
Hi,
thank you for the kind words 
The Modernizr features list includes: csstransforms; svg; canvas.
Best regards,
tinyComp
Thanks very much for the speedy reply. I’ll try a build with those features.
Cheers, K.
Hi I have purchased GlassCase but I am unable to use it in my application.
1. I have referenced the libraries in my HTML page 2. I have placed the JS code that is provided 3. I have the HTML image code replaced with my images.
When I ran the page, I got the below error: jquery.min.js:2 jQuery.Deferred exception: Cannot read property ‘csstransforms’ of undefined TypeError: Cannot read property ‘csstransforms’ of undefined at o.init (eval at <anonymous> (https://dev-www.artisantg.com/assets/glasscase/js/jquery.glasscase.min.js:1:1), <anonymous>:1:382) at new o (eval at <anonymous> (https://dev-www.artisantg.com/assets/glasscase/js/jquery.glasscase.min.js:1:1), <anonymous>:1:1288) at String.eval (eval at <anonymous> (https://dev-www.artisantg.com/assets/glasscase/js/jquery.glasscase.min.js:1:1), <anonymous>:1:2490) at Function.each (https://ajax.googleapis.com/ajax/libs/jquery/3.0.0/jquery.min.js:2:2813) at r.init (eval at <anonymous> (https://dev-www.artisantg.com/assets/glasscase/js/jquery.glasscase.min.js:1:1), <anonymous>:1:1787) at new r (eval at <anonymous> (https://dev-www.artisantg.com/assets/glasscase/js/jquery.glasscase.min.js:1:1), <anonymous>:1:5187) at u.createItem (eval at <anonymous> (https://dev-www.artisantg.com/assets/glasscase/js/jquery.glasscase.min.js:1:1), <anonymous>:1:32150) at HTMLLIElement.eval (eval at <anonymous> (https://dev-www.artisantg.com/assets/glasscase/js/jquery.glasscase.min.js:1:1), <anonymous>:1:32402) at Function.each (https://ajax.googleapis.com/ajax/libs/jquery/3.0.0/jquery.min.js:2:2813) at r.fn.init.each (https://ajax.googleapis.com/ajax/libs/jquery/3.0.0/jquery.min.js:2:1003) undefined
Caption text
Is there any way that we can communicate through the email?
Hi,
yes, of course, we can communicate through email, our email is tinycomp@outlook.com.
Could you provide us a link to a working dev environment. We’ve tried the link above, but the site connot be riched.
Best regards,
tinyComp
Image not displaying, can i please get html example page for a perfect comfiguration
Hi,
take a look at our page with examples. You can look at the source code of page and there you’ll see all the code for all the examples: the html and js code.
Best Regards,
tinyComp
There isn’t html page in the script, that is what i’m requesting for, I couldnt configure it with just the example page you have on the website, pictures are not displaying
Its been 1 day ago, I’ve got no reply. Please i need html example page for this
Hello,
we’ve checked the website, the examples are shown.
You can right click the example webpage, then choose ‘View page source’. There you will find ALL the examples: the HTML code and the JS code.
Best regards,
tinyComp
Could you give us a link to your dev environment. We’ll take a look to see what went wrong.
Hello
How can I disable thumbnails?
Best Regards Tiago
Hi,
there is no option that would allow to disable thumbnails.
Best regards,
tinyComp
Hello sir it’s possible to have free trail of this product ?
Hi, I have been looking at the demo page and the examples aren’t showing. Do you have these showing on another page?
Hi,
we’ve checked the demo && example page and everything is showing.
Could you check one more time, here’s the link:
“http://tinycomp.net/products/glasscase-jquery-image-zoom-plugin/examples”.
Regards,
tinyComp
Thank you, yes its showing now