Нашел пока что решение сделать опции изображений каруселью. Делал на шаблоне Royal, но подойдет и на стандартном.
Если кому надо выкладываю решение:
в product.tpl в блоке отвечающем за вывод опций изображениями (начинается с <?php if ($option['type'] == 'image') { ?>)
Добавляем ниже строки <div id="input-option<?php echo $option['product_option_id']; ?>">
два дива
<div class="padding-carusel row">
<div class="image-option owl-carousel">
и замыкаем их после <?php } ?>
</div>
</div>
внизу файла до строки <?php echo $footer; ?>
вставляем
<script type="text/javascript"><!--
$('.image-option').owlCarousel({
items : 6,
itemsCustom : false,
itemsDesktop : [1199,5],
itemsDesktopSmall : [980,4],
itemsTablet: [768,4],
itemsMobile : [479,2],
navigation: true,
navigationText: ['<i class="fa fa-chevron-left fa-5x"></i>', '<i class="fa fa-chevron-right fa-5x"></i>'],
pagination: false,
paginationSpeed: 300,
slideSpeed: 200,
stop_img_imgOnHover: true,
autoPlay: true,
});
//--></script>
Значения itemsDesktop : [1199,5], и т.д (количество картинок в ряд) выставляете свои
Должно получиться так
<?php if ($option['type'] == 'image') { ?>
<div class="form-group<?php echo ($option['required'] ? ' required' : ''); ?>">
<label class="control-label"><?php echo $option['name']; ?></label>
<div id="input-option<?php echo $option['product_option_id']; ?>">
<div class="padding-carusel row">
<div class="image-option owl-carousel">
<?php foreach ($option['product_option_value'] as $option_value) { ?>
<div class="radio" style="display: inline-block; text-align: center;">
<label>
<input style="margin-left:0px;" type="radio" name="option[<?php echo $option['product_option_id']; ?>]" value="<?php echo $option_value['product_option_value_id']; ?>" />
<a href="<?php echo $option_value['popup']; ?>" title="<?php echo $option_value['name'] . ($option_value['price'] ? ' ' . $option_value['price_prefix'] . $option_value['price'] : ''); ?>" class="imgpopcat">
<img src="<?php echo $option_value['image']; ?>" alt="<?php echo $option_value['name'] . ($option_value['price'] ? ' ' . $option_value['price_prefix'] . $option_value['price'] : ''); ?>" class="img-thumbnail" /> <br><?php echo $option_value['name']; ?></a>
<?php if ($option_value['price']) { ?>
<?php echo $option_value['price_prefix']; ?><?php echo $option_value['price']; ?>
<?php } ?>
</label>
</div>
<?php } ?>
</div>
</div>
</div>
</div>
<?php } ?>
Вуаля, карусель работает!