Tags/topics: 
Product Variation
cloud zoom
3
Answers
Vote up!
1
Vote down!

Cloud Zoom Container

I tried to rebuild the demo store and also the full display page of a product variation.

But the cloud zoom container is attached to the wrong container grid.

it should be attached like in the demo store.

<div class="container-24 grid-14 prefix-1 clearfix">
<div class="commerce-product-field commerce-product-field-field-images field-field-images node-38-product-field-images">
<div class="cloud-zoom-container"></div>
</div>
</div>
<div class="container-24 grid-8 prefix-1">
<div class="container-24 grid-24 clearfix">
</article>

But instead its attached to the second container grid which contains all the product data/informations.

<article id="node-kahla-test-19" class="node node-kahla-test node-product-type node-published node-not-promoted node-not-sticky self-posted author-admin odd clearfix">
<div class="container-24 grid-14 prefix-1 clearfix"> </div>
<div class="container-24 grid-8 prefix-1">
<div class="content clearfix">
<header>
<div class="commerce-product-extra-field commerce-product-extra-field-sku node-19-product-sku">
<div class="commerce-product-field commerce-product-field-commerce-price field-commerce-price node-19-product- commerce-price">
<div class="field field-name-field-body field-type-text-long field-label-hidden">
<div class="field field-name-field-product field-type-commerce-product-reference field-label-hidden">
<div class="commerce-product-field commerce-product-field-field-image-kahla-test field-field-image-kahla-test node-19-product-field-image-kahla-test">
<div class="cloud-zoom-container">
<div id="wrap" style="top: 0px; z-index: 9999; position: relative; float: left;">
<div class="cloud-zoom-gallery-thumbs" style="float: left;">
</div>
</div>
</div>
</div>
<div class="container-24 grid-24 clearfix">
</article>

Because of that the cloud zoom container is not shown left to the product informations(Name,Price, quantity .. ) but below them.

any ideas?

thanks

Asked by: insanetc
on November 25, 2012

3 Answers

Vote up!
0
Vote down!

The problem is probably because you didn't save the images of the product in the field called: field_images
In the template (file node--product--type.tpl.php) it is defined that the images of belonging to the field "field_images" get displayed in the left container.

Answer by: Anonymous (not verified)
Posted: Jan 12, 2013
Vote up!
0
Vote down!

I saved product images in the correct field "field_images", but I have same problem!
Any ideas?

Answer by: Dr.Osd
Posted: Sep 25, 2013
Vote up!
0
Vote down!

Same problem... its writing it into the wrong region with the rest of the products fields instead of its own.

<div class="container-24 grid-14 prefix-1 clearfix">
</div>
<div class="container-24 grid-8 prefix-1">
</div>

It is inserting it into grid-8 instead of its proper div, grid-14

The only way that ive been able to get it to go into the correct div, is if i add all my images to the product variation, instead of the product display. I dont need different pictures for each variation.

Answer by: Erik Olsen
Posted: Jul 26, 2014