Здравствуйте.
1.Зайдите в разде Сайт - Редактор шаблонов - main.css - найдите:
.product-tabs .tabs {display: inline-block;width: 30%;float: left;margin: 0 0 30px 0;padding: 0;list-style: none;}
.product-tabs .tabs li {position: relative;border: 1px solid #eacd8e;border-bottom: 0;}
.product-tabs .tabs li:last-child {border-bottom: 1px solid #eacd8e;}
.product-tabs .tabs li a {display: block;position: relative;font-size: 15px;text-transform: uppercase;letter-spacing: 1px;padding: 10px 15px;z-index: 0;}
.product-tabs .tabs li a.active {color: #f50056;}
.product-tabs .content {display: inline-block;width: 70%;float: left;padding: 0px 0 0px 30px;border-left: 1px solid #eacd8e;margin-left: -1px;}
замените на:
.product-tabs .tabs {display: inline-block;width: 20%;float: left;margin: 0 0 30px 0;padding: 0;list-style: none;}
.product-tabs .tabs li {position: relative;border: 1px solid #eacd8e;border-bottom: 0;}
.product-tabs .tabs li:last-child {border-bottom: 1px solid #eacd8e;}
.product-tabs .tabs li a {display: block;position: relative;font-size: 15px;text-transform: uppercase;letter-spacing: 1px;padding: 10px 15px;z-index: 0;}
.product-tabs .tabs li a.active {color: #f50056;}
.product-tabs .content {display: inline-block;width: 80%;float: left;padding: 0px 0 0px 30px;border-left: 1px solid #eacd8e;margin-left: -1px;}
2. Для этого ваше описание(именно часть с картинками) должна иметь следующий вид(перед редактирование описания нажмите "Источник"):
<div class="modals" style="display:none;">
<div>
текст для первого блока
</div>
<div>
текст для второго блока
</div>
<div>
текст для третьего блока
</div>
</div>
<div class="modals_link">
<a class="openFlippingBook" rel="1" href="#"><img src="ссылка на картинку1" alt="" /></a>
<a class="openFlippingBook" rel="2" href="#"><img src="ссылка на картинку2" alt="" /></a>
<a class="openFlippingBook" rel="3" href="#"><img src="ссылка на картинку3" alt="" /></a>
</div>
Далее зайдите в раздел Сайт - Редактор шаблонов - Товар - в самом конце вставьте:
<script type="text/javascript">
$('.openFlippingBook').click(function(e) {
e.preventDefault();
var content = $('.modals > div:eq(' + (parseInt($(this).attr('rel')) - 1)
+ ')').clone(true).addClass('formback');
$.fn.fancybox({
fitToView : false,
width : '70%',
height : '70%',
autoSize : false,
closeClick : false,
openEffect : 'none',
closeEffect : 'none'
});
});
</script>