I was wondering if I can have an image gallery in the tab section of the product page. I would like to have extra photos on a product but not as additional images under the product's main image.Is there an extension, especially a vQmod one, that I can use?
Edit catalog/view/theme/yourtheme/template/product/product.tpl , find and remove:
then find the line:
and replace it with:
then after the line:
add the line:
then after the line:
add the line:
Code: Select all
<?php if ($images) { ?>
<div class="image-additional">
<?php foreach ($images as $image) { ?>
<a href="<?php echo $image['popup']; ?>" title="<?php echo $heading_title; ?>" class="colorbox"><img src="<?php echo $image['thumb']; ?>" title="<?php echo $heading_title; ?>" alt="<?php echo $heading_title; ?>" /></a>
<?php } ?>
</div>
<?php } ?>
Code: Select all
<?php if ($thumb || $images) { ?>
Code: Select all
<?php if ($thumb) { ?>
Code: Select all
<a href="#tab-description"><?php echo $tab_description; ?></a>
Code: Select all
<?php if ($images) { ?><a href="#tab-gallery">Image Gallery</a><?php } ?>
Code: Select all
<div id="tab-description" class="tab-content"><?php echo $description; ?></div>
Code: Select all
<?php if ($images) { ?>
<div id="tab-gallery" class="tab-content">
<div class="box-product">
<?php foreach ($images as $image) { ?>
<div><div class="image"><a href="<?php echo $image['popup']; ?>" title="<?php echo $heading_title; ?>" class="colorbox"><img src="<?php echo $image['thumb']; ?>" title="<?php echo $heading_title; ?>" alt="<?php echo $heading_title; ?>" /></a></div></div>
<?php } ?>
</div>
</div>
<?php } ?>
Who is online
Users browsing this forum: No registered users and 2 guests