I have a weird problem. On product page, when I click on small images (marked with red circle in picture below), the big picture abowe is not changing. I hope you will understand what I mean...
Maybe it has something to do with this error:
PHP Notice: Undefined variable: http_type in /home/mojforum/domains/mysiteurl/public_html/vqmod/vqcache/vq2-catalog_view_theme_slycrespo1_template_product_product.tpl on line 3
I am using Opencart Version 1.5.6.1. (I know it's old).
Here are the first 45 lines of product.tpl:
Code: Select all
<?php echo $header; ?><?php echo $column_left; ?><?php echo $column_right; ?>
<div id="content"><?php echo $content_top; ?>
<div class="breadcrumb" xmlns:v="<?php echo $http_type;?>//rdf.data-vocabulary.org/#" id="brd-crumbs" >
<ul>
<?php foreach ($breadcrumbs as $breadcrumb) { ?>
<li typeof="v:Breadcrumb">
<?php echo $breadcrumb['separator']; ?><a property="v:title" rel="v:url" href="<?php echo $breadcrumb['href']; ?>"><span><?php echo $breadcrumb['text']; ?></span></a></li>
<?php } ?>
</ul>
</div>
<div class="product-info" itemscope itemtype="http://schema.org/Product">
<?php if ($thumb || $images) { ?>
<div class="left product-image">
<?php if ($thumb) { ?>
<!-- Megnor Cloud-Zoom Image Effect Start -->
<span class="image"><img id="cloud-zoom" src="<?php echo $thumb; ?>" title="<?php echo $heading_title; ?>" alt="<?php echo $heading_title; ?>" data-zoom-image="<?php echo $popup; ?>"/></span>
<?php } ?>
<?php if ($images) { ?>
<?php
$sliderFor = 3;
$imageCount = sizeof($images);
?>
<div class="additional-carousel">
<?php if ($imageCount >= $sliderFor): ?>
<div class="customNavigation">
<a class="btn prev"> </a>
<a class="btn next"> </a>
</div>
<?php endif; ?>
<div id="additional-carousel" class="image-additional <?php if ($imageCount >= $sliderFor){?>product-carousel<?php }?>">
<?php foreach ($images as $image) { ?>
<div class="slider-item">
<div class="product-block">
<a href="<?php echo $image['popup']; ?>" title="<?php echo $heading_title; ?>" class="elevatezoom-gallery" data-image="<?php echo $image['thumb']; ?>" data-zoom-image="<?php echo $image['popup']; ?>"><img id="cloud-zoom" src="<?php echo $image['thumb']; ?>" width="74" title="<?php echo $heading_title; ?>" alt="<?php echo $heading_title; ?>" /></a>
</div>
</div>
<?php } ?>
</div>
<span class="additional_default_width" style="display:none; visibility:hidden"></span>
</div>
<?php } ?>
