tinyComp

tinyComp supports this item

Supported

This author's response time can be up to 1 business day.

118 comments found.

The Buttons (Icons) are not correctly displayed in the Zoom, the icons are missing :(

Hello,

How to center the plugin in your page is a installation action.
We don’t offer customization and/or installation support.

GlassCase works with any kind of image size. But, zoom appears only when the image is bigger than the display container, otherwise why show zoom when the image in the container is already in natural size.

Regards,
tinyComp

all right.

Could you tell me how you could use your plugin using small images? is my need to show small images zoom in (do not have to question me why or so)

90% of the images on my site are less than 300 * 300

How can I show the zoom in images of less than 300 * 300?

WITHOUT CHANGING THE SIZE OF THE CONTENT, would this break the layout of my site?

Zoom appears only for images bigger then the display container. That’s it. Nothing else can be done.

Hello, the icons for the display are not showing. What am I missing? I don’t want to email the link on the public site as the project is under construction. Is there somewhere else I can email you?

DG

Hi,
the first guess would be that the fonts weren’t uploaded to the server. If the fonts are present on the server, then email us the link to your site.
email: tinycomp@outlook.com

Best regards,
tinyComp

Thank you for the quick response. That was the issue but I’m still having a little problem with the rollover zoom. I emailed you directly the link and question.

We’ve sent a reply :)
Hope it helps.

Hi, I bought yur plugin and I would increments zoom, where can I fix it? Thanks

I would increase my zoom for example in this page http://www.5maisonbb.it/shop/blusa/ when I’m hover the image, and zoom its work, I would that zoom is more big than now. is possible? thanks

In your case the zoom appears but it doesn’t have what to zoom, because the image you use (320px x 320 px) is smaller than the display container (400 px x 533 px).
To have a real Zoom effect you have to use big images, in this way the zoom will show the detail.
The solution is to use bigger images than the image container. Or to decrease a bit the GlassCase container
You could see examples on our website.

Another issue we observe on your site is that the styles you use affect the glasscase component.

Hope it helps.
tinyComp

ok thanks

hsnm

hsnm Purchased

Hi, I am not getting, how do I add it to my clickfunnel page as html/css? Please Advice.

hsnm

hsnm Purchased

Hi, I am not getting how do I add it(as html/css) to my clickfunnel page ? Please advice.

Hi,
on GlassCase Docs we have a step by step instruction how to add the plugin to a html page.
We are sorry but we don’t have the knowledge how to add the plugin to a clickfunnel page. But you could check the docs of the clickfunnel to see how to deploy a jQuery plugin.

Hope it helps.
Best regards,
tinyComp

hi, I have purchased this plugin but it cannot be uploaded in my wordpress. Following message displays “The package could not be installed. No valid plugins were found. Plugin install failed.”

So how can i upload this plugin

thanks in advance.

Hi,
this is a standalone jQuery plugin, and it isn’t directly compatible with WP, unless you build it into the theme manually.

Regards,
tinyComp

How can I use “Callback API” to do an action when Zoom plugin load?

Hello,
here’s an example:

$(”#glasscase”).glassCase({
‘mouseEnterDisplayCB’: function () {
//body of the callback
},
‘mouseLeaveDisplayCB’: function () {
//body of the callback
}
});
Regards,
tinyComp

Hi, I recently, bought your plugin, Options are good and easy to customize. I have small issue in responsive. How to increase width and height of the display(widthDisplay and heightDisplay) in responsive view only. I tried below code, it’s working fine, but image alignment is not in vertical center.

.gc-lens-container, .gc-display-container { height:100% !important; }

Please help us…! Ignore spells and typos.

Hi,
thank you for choosing our plugin :)

You can’t increase because the height and width, set at plugin call, will be the upper limit to which the plugin will scale.
But, what you can do is: set big values for width and height, therefore glassCase it will be able to scale at a bigger range.

Hope it helps.
Best regards,
tinyComp

Hi,

I have used this plugin on many sites and it works great. I am stuck with an issue that while adding iframe video, i am not being able to add video thumbnail image. There is an option “txtImgThumbIframe” which only allows me to change the text and not the thumbnail image I would really appreciate if you can help me with this.

Thanks and Regards, Kuldeep Tyagi

Hi,

Thanks for your reply. I am a developer and can modify the codes, is there any way i can change the codes from changing text to image path.

Hi,

you could analyze the thumb creation for the image type of object and try to replicate for the iframe and video object.

Regards,
tinyComp

Hi,

Thanks, we are able to achieve it with few modifications in .js

Hi, I’m testing the zoom on mobile. On iOS it works properly but I in Android it works differently: when I click on the image it doesn’t enlarge and fit on screen.

site: www.michelefranzesemoda.com

sorry for my incorrect english! Thanks!

you’re welcome :)

look, we’ve tested on an android device and it worked OK.
What’s the version of android on your device and what browser do you use?

Also, to disable zoom use the option: ‘isZoomEnabled’: false.

Best regards,
tinyComp

Hi TinyComp! On some bigscreen mobilephone (like iphone8), the zoom displays default image shifted on left. How can fix it? Thanks!

example link: https://www.michelefranzesemoda.com/it/articolo/gucci-junior-cappello-gucci-junior-4817743hc65-2140

Hi,

we’ve tested the page you gave us on IPhone 8. See this screen.

The first 2 images in the screen are the page that you gave us. The shift is of the whole page not only the component or the display image. In the second image(that is the same page, scrolled down) can be seen the same shift. The 3 screen is our component( also on IPhone 8 ) – there are no shifts of the display image nor the component.

You could rollback your changes to the point where the page is centered. Then add one by one change to see what modification triggered the shift.

Hope it helps,
Best regards,
tinyComp

Hi

I bought your product yesterday. it is very good plugin but i have small problem. I need to reduce the thumbnail image size into 50px 50 px how i do it ? please help me to solve this…

Thank you

Hi,

thank you for choosing our plugin :)

The width and height of thumbs is automatically calculated by the plugin, the values cannot be set through options.

But, the width and height of the thumbs is directly proportional to the width and height of the display. You can change the width and height of the display by using the options: ‘widthDisplay’, ‘heightDisplay’.
e.g.: ‘widthDisplay’: 400, ‘heightDisplay’: 400 => the display and thumbs would be a square.
Another thing to take in count: is the number of thumbs per row: by default the nr. of items per row is 5 => the width(or height) per item is: 400/5. You can change the nr. item per row by using the option: ‘nrThumbsPerRow’.

You could use these 3 options to try in obtaing the needed result, but taking in count that the component is responsive => on a device with a smaller screen size the width and height values will decrese so they won’t maintain it’s calculated value.

Hope it helps.

Best regards,
tinyComp

dswww

dswww Purchased

Hi I have problem with error: Uncaught TypeError: Cannot read property ‘csstransforms’ of undefined at s.init (eval at <anonymous> (jquery.glasscase.min.js:1), <anonymous>:1:151) at new s (eval at <anonymous> (jquery.glasscase.min.js:1), <anonymous>:1:1040) at String.eval (eval at <anonymous> (jquery.glasscase.min.js:1), <anonymous>:1:2242) at Function.each (jquery.min.js:2) at o.init (eval at <anonymous> (jquery.glasscase.min.js:1), <anonymous>:1:1539) at new o (eval at <anonymous> (jquery.glasscase.min.js:1), <anonymous>:1:4954) at g.createItem (eval at <anonymous> (jquery.glasscase.min.js:1), <anonymous>:1:46854) at HTMLLIElement.eval (eval at <anonymous> (jquery.glasscase.min.js:1), <anonymous>:1:47102) at Function.each (jquery.min.js:2) at m.fn.init.each (jquery.min.js:2)

can You help me?

dswww

dswww Purchased

ah…it’s ok. I don’t include modernizr :). Now work fine.

Hi,
I’m glad you solved the problem :).
Good luck!

Best regards,
tinyComp

hi i have buy you zoom slider but it’s not working and some file is missing kindly help me

Hi,
you could try to download again the zip file from codecanyon. Also, check our docs. There are listed all the files that should be present in the zip.

Hope it helps.
Best regards,
tinyComp

We have purchased this plugin but cannot find a lot of files that we require. We cannot find any HTML file, CSS files, Jquery files etc. It would be really helpful if we could have a call or something.

Hi,

the source code structure of the plugin is listed on our site. There is no html file in the zip: only css, fonts and js. The documentation and examples you can find on our site.

The last change to the plugin package was done in november. The change was revised by codecanyon. All the files mentioned are in the zip(we’ve checked it). You can try to download again the zip from codecanyon.

Best regards,
tinyComp

Hi I have problem in mozilla: ReferenceError: event is not defined

jquery.glasscase.js:685:17

Can You help me

Hi,

thank you for this information. We are working to fix it as soon as is possible.
If you need a quick solution please write us a mail and we will provide you a fix version of the product.
If you have some time we will today upload a new version with the fix for this issue and you could download it when version will be available.

Thanks for you patience,
Best regards,
tinyComp

OK, thank You

just purchased this plugin and tested in safari but having issue when playing youtube video, could you check on this issue? thanks (url: http://smoke.hoowish.com/home/draw/5)

thanks for the super fast response and fix!

Hi,

Could you please send me the fix version of the products?

Regards

yes, of course. Write us an email to tinycomp@outlook.com and we’ll send you the fix version.

Hi Sir

I have implemented glassCase plugin in modal popup in our website which works properly for first time but when click again it loads thumbnail in display area , please check below link for the same and click on any product order or wishlist. Also the thumbnail not working properly manually removed gc-hide class which is not hide automatically when

https://oyekudiye.com/jewellery.html

When the pop is closed is triggered the resize event of window. glassCase responds to this event and recalculates its measurements => the small image in the display.
It seems that after opening the pop-up the glasscase doesn’t catch the resize event => glassCase doesn’t recalculate the measurements = > the image in the display remains small.

Resizing the browser window(when the pop-up is opened ) is triggering the resize event and the glasscase is re-calculating its measurements.

Try to change how is done the close/re-opening of the pop-up.

Hope it helps.

Regards,
tinyComp

steponweb

steponweb Purchased

Hi Team when we open up a popup we reinitialize the glasscase plugin but still it not resolve the problem. Please check below url for the same https://oyekudiye.com/jewellery.html and click on order or wishlist

Hi,
we’ve looked at the page and there each time the pop-up is opened another script and style tag with glasscase is added also is added another call with the plugin call.
So, if we open the pop-up for 6 times you’ll end up with 6 script and style tag of glasscase and 6 calls of the glasscase. Something there is overlapping.

Hope it helps.
Regards,
tinyComp

Hi! I’m trying to integrate Glass Zoom into Shopina (a mobile template purchasable on themeforest) but unfortunately I’m giving back an error.

This is the page where you can check: https://www.michelefranzesemoda.com/it/articolo/saint-laurent-abito-saint-laurent-398912yyl99-1000?demo=1

thanks!

Hi,
you’re missing the Modernizr.

Drop the script tags of Modernizr in the <head> of your HTML. For a better performance, you should have them follow after your stylesheet references.

Regards,
tinyComp

Thanks a lot! Regards

by
by
by
by
by
by