By link5645 on

Hi there,

For the past few weeks I have been struggling with what I thought would be a small issue: getting the Cloud Zoom module to work with Ubercart and product nodes (specifically on main_product_image class images). Unfortunately, what I have found is that Ubercart does some strange things under the hood with images that when you try using Cloud Zoom on a Image Cache class, the jQuery zoom does not activate. It only activates when you override specific image display settings associated with product classes which then causes two of the same image to appear -- one with cloud zoom, and the other from Ubercart's proprietary image output.

So, to sum my problems up in a list:
-Ubercart and Cloud Zoom don't seem to mix well, and cannot display Cloud Zoom-modded images
-Would like to use some sort of image zoom software for products associated with Ubercart (I don't NEED to use Cloud Zoom)

If anyone has any possible solutions to this problem, I would greatly appreciate any and all input on the matter. The website is currently live, and simply needs this image zoom to be considered "complete" by my client. Check out the site here (running Drupal 6): http://www.craniosacralbooks.com/

Thank you.

⋅ Categories: Drupal 6.x

Comments

iamnoskcaj’s picture

iamnoskcaj commented

I have Cloud Zoom setup as a replacement to JQZoom, and it's working GREAT! I previously had to use JQZoom manually, configuring every unique instance (image type / preset) in a separate javascript file.... but Cloud Zoom's drupal module (contrib) is AMAZING! It puts control over presets in your hands, in a similar fashion (and sort of dove tailing with) imagecache. I can't praise it enough

If you're trying to use Cloud Zoom by itself, I HIGHLY suggest you use the Cloud Zoom module (contrib). Often I do things manually at the theming layer, but this couldn't be more powerful and user friendly.

Let us know if you're still having trouble.

ecsmike’s picture

ecsmike commented

I have read your post with great interest. I need to do the same thing you did but am wondering if you would mind providing some detail on how you accomplished it. I have years of web development experience but am relatively new to both Drupal and Ubercart.

Any help you could provide would be greatly appreciated.

Thanks . . . Mike

codekarate’s picture

codekarate commented

I am also interested in this. I have been able to get a single image to display (and zoom) correctly, however I am not able to figure out how to correctly handle multiple product images. Any help would be appreciated.

Shane Thomas
http://codekarate.com

codekarate’s picture

codekarate commented

I was able to get this to work by adding some php to the correct product .tpl.php template file. The template shows all the product images below the cloud zoom and allows dynamic switching between the images. For example, you click one of the smaller images underneath the main cloud zoom image, and it becomes the new image displayed using cloud zoom. It is far from perfect but it works for me.

Shane Thomas
http://codekarate.com

orkineo’s picture

orkineo commented

Hi, thanks in advance if you can help me. I am finishing a website to delivery but i'm not able to make it work like you. Can you share your php code? Sorry for my english

Oh, I edit my comment because I have found the post with the php code, if somebody needs is here : http://drupal.org/node/845634

I love Drupal, thankssss !

tekyTris’s picture

tekyTris commented

I'm using advanced catalog for ubercart & was unable to get my image zoom coming through. It worked fine everywhere else on site. What I did as a simple fix & rebuild the image-zoom html in a node display field.

/admin/build/ds/nd/fields

Add a new code field something like this

<a class="cloud-zoom" href="[store-url]/sites/default/files/imagecache/product_full/[field_image_cache-filefield-onlyname].[field_image_cache-filefield-extension]" style="position: relative; display: block;"><img width="150" height="109" class="imagecache imagecache-product_list" title="" alt="" src="[store-url]/sites/default/files/imagecache/product_list/[field_image_cache-filefield-onlyname].[field_image_cache-filefield-extension]" style="display: block;"></a>

note * you need to change the imagecache directories to match the two types of image you want to use.

You can then select to display your new field in you page layouts.

/admin/build/ds/layout/product/grid

toni360’s picture

toni360 commented

I need exactly an page like the demo in http://www.professorcloud.com/mainsite/cloud-zoom-test.htm

I have a view and cloud running well, but it runs like 3 independent images with 3 zoom side by side...i want to display exactly like the demo of the page i post it.

I read the post but i could do nothing...

Help Please.