Здравствуйте.
Зайдите в раздел Сайт - Редактор шаблонов - main.js - найдите:
// Скрипты для карточки товара Галерея изображения и Фильтры
function goodspage() {
$(document).ready(function(){
var $ = jQuery;
if ($('.thumblist').length) {
$('.thumblist').carouFredSel({
prev : '.thumblist-box .prev',
next : '.thumblist-box .next',
width : '100%',
auto : false,
scroll : {
items: 1,
duration: 500,
pauseOnHover: true
},
swipe : {
onMouse : false,
onTouch : true
}
});
}
});
замените на:
// Скрипты для карточки товара Галерея изображения и Фильтры
function goodspage() {
$(document).ready(function(){
var $ = jQuery;
if ($('.thumblist').length) {
$('.other_items .thumblist').carouFredSel({
prev : '.thumblist-box .prev',
next : '.thumblist-box .next',
width : '100%',
auto : false,
scroll : {
items: 1,
duration: 500,
pauseOnHover: true
},
swipe : {
onMouse : false,
onTouch : true
}
});
}
});
$(document).ready(function(){
var $ = jQuery;
if ($('.thumblist').length) {
$('.item .thumblist').carouFredSel({
prev : '.thumblist-box .prev',
next : '.thumblist-box .next',
width : '100%',
auto : false,
items : {
visible:1,
height : "variable",
width: "100%"
},
scroll : {
items: 1,
duration: 500,
pauseOnHover: true
},
swipe : {
onMouse : false,
onTouch : true
}
});
}
});
далее зайдите в шаблон Товар - найдите:
<div class="general-img">
<a href="{GOODS_IMAGE_LARGE}" id="zoom1" title="Увеличить {GOODS_NAME}">
<img src="{GOODS_IMAGE_MEDIUM}" title="{GOODS_NAME}" alt="{GOODS_NAME}" class="goods-image-medium" itemprop="image"/>
{% IF GOODS_IS_NEW %}
<span class="ico-new">New</span>
{% ELSEIF GOODS_IS_TOP %}
<span class="ico-best">Hot</span>
{% ENDIF %}
{% IF GOODS_MOD_MAX_DISCOUNT %}
<span class="ico-sale">Sale</span>
{% ENDIF %}
</a>
<div class="goodsImageZoom" data="{GOODS_IMAGE_ID}" style="display: none;"><a href="#" title="Увеличить изображение"></a></div>
{% IFNOT goods_images_empty %}
<div class="goodsImageList" style="display: none;">
{% FOR goods_images %}
<a href="{goods_images.LARGE}" data="{goods_images.ID}" title="{goods_images.NAME}" rel="gallery"><img src="{goods_images.ICON}" alt="{goods_images.NAME}" /></a>
{% ENDFOR %}
</div>
{% ENDIF %}
</div>
</div>
<!-- Другие изображения товара. Отображаются если есть изображения товара -->
<div class="thumblist-box navigation" {% FOR goods_images %}{% IF goods_images.length <= 1 %}style="display:none;"{% ENDIF %}{% ENDFOR %}>
замените на:
<div class="general-img">
{% IF GOODS_IS_NEW %}
<span class="ico-new">New</span>
{% ELSEIF GOODS_IS_TOP %}
<span class="ico-best">Hot</span>
{% ENDIF %}
{% IF GOODS_MOD_MAX_DISCOUNT %}
<span class="ico-sale">Sale</span>
{% ENDIF %}
<div class="item thumblist-box navigation" {% FOR goods_images %}{% IF goods_images.length <= 1 %}style="display:none;"{% ENDIF %}{% ENDFOR %}>
<span class="next"></span>
<span class="prev"></span>
<!-- Другие изображения товара. Отображаются если есть изображения товара -->
{% IFNOT goods_images_empty %}
<div class="thumblist">
{% FOR goods_images %}
<li {% IF goods_images.first %}style="display: none;"{% ENDIF %}><a href="{goods_images.LARGE}" title="{goods_images.NAME}" class="thumblisticon" rel="gallery"><img src="{goods_images.MEDIUM}" alt="{goods_images.NAME}" class="goods-image-medium" itemprop="image" /></a></li>
{% ENDFOR %}
</div>
{% ENDIF %}
</div>
<div class="goodsImageZoom" data="{GOODS_IMAGE_ID}" style="display: none;"><a href="#" title="Увеличить изображение"></a></div>
{% IFNOT goods_images_empty %}
<div class="goodsImageList" style="display: none;">
{% FOR goods_images %}
<a href="{goods_images.LARGE}" data="{goods_images.ID}" title="{goods_images.NAME}" rel="gallery"><img src="{goods_images.ICON}" alt="{goods_images.NAME}" /></a>
{% ENDFOR %}
</div>
{% ENDIF %}
</div>
</div>
<!-- Другие изображения товара. Отображаются если есть изображения товара -->
<div class="other_items thumblist-box navigation" {% FOR goods_images %}{% IF goods_images.length <= 1 %}style="display:none;"{% ENDIF %}{% ENDFOR %}>
далее зайдите в main.css - найдите:
.thumblist li {display: block;float: left;margin: 0 30px;}
.thumblist li a {display: inline-block;text-align: center;width: 100px;height: 100px;line-height: 100px;}
после него вставьте:
.item .caroufredsel_wrapper, .item .thumblist {height: 300px !important;}
.item .thumblist li a {width: 360px; height: auto;}