Я изменила немного положение дополнительных изображений товара в карточке. сделала их под картинкой основной горизонтально.
Вот что получилось в коде:
<div class="product-info">
<?php if ($thumb || $images) { ?>
<div class="left">
<?php if ($thumb) { ?>
<div class="image"><a href="<?php echo $popup; ?>" title="<?php echo $heading_title; ?>" class="colorbox"><img
src="<?php echo $thumb; ?>" title="<?php echo $heading_title; ?>"
alt="<?php echo $heading_title; ?>" id="image"/></a></div>
<?php } ?>
<?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 } ?>
</div>
<?php } ?>
есть vqmod
<file name="catalog/view/theme/тема/template/product/product.tpl">
<operation>
<search position="before"><![CDATA[<?php echo $footer; ?>]]></search>
<add><![CDATA[<!-- BOF om_jcarousel_additional.xml -->
<?php if (count($images) > 2) { ?>
<?php $add_height = $this->config->get('config_image_additional_height'); ?>
<link rel="stylesheet" type="text/css" href="catalog/view/theme/тема/stylesheet/carousel.css" />
<script type="text/javascript" src="catalog/view/javascript/jquery/jquery.jcarousel.min.js"></script>
<script type="text/javascript"><!--
$(function() {
var visible = 2;
var thumb_width = $('.product-info .left').outerWidth(true);
$('.image-additional a').wrap('<li />');
$('.image-additional li').wrapAll('<ul class="jcarousel-skin-opencart" />');
$('.image-additional').width(thumb_width);
$('.product-info > .left + .right').css('margin-left', thumb_width + 'px');
$('.jcarousel-skin-opencart').jcarousel({
auto: 50,
scroll: 1,
visible: visible
});
$('.jcarousel-prev,.jcarousel-next').css('top',(<?php echo $add_height; ?> - $('.jcarousel-prev').height())/2 + 'px');
$('.jcarousel-prev').css('left', '5px');
});
//--></script>
<?php } ?>
<!-- EOF om_jcarousel_additional.xml -->]]></add>
</operation>
</file>
что нужно изменить что бы каруселька появлялась если более 6 фото и что бы она была горизонтальной, так как сейчас ломает шаблон и встает туда где по умолчанию в шаблоне.
Заранее спасибо)