Ready Theme Image Zoom

[coxcommerceconsulting]

Hi All,

I'm attempting to have the magnific popup plugin working that the Ready Themes uses for zoomed product images on PROD. Two Issues I can't seem to resolve.

1) When there is only one image (no additional images besides Main Image), the zoom doesn't work.
Ex: http://shebeest.mivamerchant.net/Clo...-summer-sleeve

I believe it's because when there is only one product image, there is not a thumbnail image that shows up. The JavaScript is looking for a thumbnail image. How can I force a product thumbnail in Image Machine?

2) When I have a product with multiple variants, the correct variant image doesn't show in the zoom, only the main image associated with the parent product. The Ready Theme doesn't contain more than one image per product, so I can't tell if that functionality is included.

Ex: http://shebeest.mivamerchant.net/Clo...checker-jersey

Thanks,

[rajnishsi]

Re: Ready Theme Image Zoom

Hello,

I recently built a custom theme on the basis of Base Readytheme, both the scenarios you mentioned, work in that. Make sure your jsPROD function is JS file is correct for that.

[coxcommerceconsulting]

Re: Ready Theme Image Zoom

I'm sure I understand entirely what you're saying. I know the JS_PROD function in my .js file is loading and working. Are you able to link to your custom theme URL so I can compare?

Thanks,

[rajnishsi]

Re: Ready Theme Image Zoom

Well, my theme's jsPROD function is identical to what's of Suivant theme, so you can compare your function with that too. In case you want to check , you can go to this page http://suivant-theme.mivamerchantdev...t/peeptoe.html, a variants based product with single images(No thumbnails).

[eldon99]

Re: Ready Theme Image Zoom

Not sure if I can piggyback off this thread, but I am wanting to implement the magnific popup on my products but switch off of imagemachine and use the resize script found here (https://gist.github.com/steveosoule/...ee600f8139fa7b). So essentially we are working toward going away from image machine and use custom fields for multiple images. So I am trying to piece it all together to make a non-imagemachine version. I hope this makes sense.

The reason for switching from imagemachine to the php resizer is so we can use the images across multiple domains. It appears that imagemachine does not play nicely with symlinks on the server across multiple domains, I assume for security reasons.

Any insight is greatly appreciated.

PS - @coxcommerceconsulting, I am very impressed with your site. Great work!

[rajnishsi]

Re: Ready Theme Image Zoom

@eldon99, that shouldn't be any problem. If you know which image size you'll need for the zoomed image, then you can pass it to the data-image attribute of image tags. Magnific pop-up will do the rest of work.