I have a problem regarding the additional images of a product.
I want to move them to the left side of the main product image, verticaly-aligned. - as in this photo.
I know i have to modify the product.tpl but it seems to be a pain for my knowledges.
Could you please give me a hand? :-s
Code: Select all
<div class="left">
<?php if ($thumb) { ?>
<div class="image"><div class="image_inside"><a href="<?php echo $popup; ?>" title="<?php echo $heading_title; ?>" class = 'cloud-zoom' id='zoom1' rel="tint: '#ffffff',tintOpacity:0.5 ,smoothMove:3,zoomWidth:390, zoomHeight:390, adjustY:-10, adjustX:28"><img src="<?php echo $thumb; ?>" title="<?php echo $heading_title; ?>" alt="<?php echo $heading_title; ?>" id="image" /></a></div></div>
<?php } ?>
<?php if ($images) { ?>
<div class="image-additional">
<a href='<?php echo $popup; ?>' class='cloud-zoom-gallery' title='<?php echo $heading_title; ?>' rel="useZoom: 'zoom1', smallImage: '<?php echo $thumb; ?>' "><img class="zoom-tiny-image" src="<?php echo $thumb; ?>" alt = "<?php echo $heading_title; ?>"/></a>
<?php foreach ($images as $image) { ?>
<a href='<?php echo $image['popup']; ?>' class='cloud-zoom-gallery' title='<?php echo $heading_title; ?>' rel="useZoom: 'zoom1', smallImage: '<?php echo $image['thumb']; ?>' "><img class="zoom-tiny-image" src="<?php echo $image['thumb']; ?>" alt = "<?php echo $heading_title; ?>"/></a>
<?php } ?>
</div>
<?php } ?>
</div>
<?php } ?>
