Доска почета

В стандартном шаблоне Opencart 2 дополнительные изображения товаров выводятся без скрола (карусели), захотелось решить. На досуге занимался, код кривой, работает под дефолтной схемой, но может быть кому-то пригодится. Пример получившегося во вложении. 1) \catalog\controller\product\product.php где-нибудь после $this->document->addStyle('catalog/view/javascript/jquery/datetimepicker/bootstrap-datetimepicker.min.css'); добавляем $this->document->addStyle('catalog/view/javascript/jquery/owl-carousel/owl.carousel.css'); $this->document->addScript('catalog/view/javascript/jquery/owl-carousel/owl.carousel.min.js'); 2) \catalog\view\theme\default\template\product\product.tpl 2.1) в начало файла <style> #owl-demo .item{ padding: 1px 1px; margin: 1px; color: #FFF; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; text-align: center; } .customNavigation{ text-align: center; } .customNavigation a{ -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); } .owl-carousel .owl-buttons .owl-prev{ left:1px !important; opacity: 0.4 !important; } .owl-carousel .owl-buttons .owl-next{ right:1px !important; opacity: 0.4 !important; } .owl-carousel:hover .owl-buttons div{ opacity:0.7 !important; } </style> 2.2 в конец, в скрипты $(document).ready(function() { var owl = $("#owl-demo"); owl.owlCarousel({ items : 3, itemsDesktop : [1000,3], itemsDesktopSmall : [900,3], itemsTablet: [600,2], itemsMobile : false, navigation : true, navigationText: ['<i class="fa fa-chevron-left fa-5x"></i>', '<i class="fa fa-chevron-right fa-5x"></i>'], pagination: false }); }); 2.3 вывод дополнительных картинок <?php if ($images) { ?> <?php foreach ($images as $image) { ?> <li class="image-additional"><a class="thumbnail" href="<?php echo $image['popup']; ?>" title="<?php echo $heading_title; ?>"> <img src="<?php echo $image['thumb']; ?>" title="<?php echo $heading_title; ?>" alt="<?php echo $heading_title; ?>" /></a></li> <?php } ?> <?php } ?> меняем на <?php if ($images) { ?> <div id="owl-demo" class="owl-carousel owl-theme"> <?php foreach ($images as $image) { ?> <div class="item"> <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> </div> <?php } ?> </div> <?php } ?>

Вопрос хороший, но для меня принципиально разобраться с тем как это реализовать, даже если я не буду это использовать.

Вопрос, а зачем Вам в рекомендуемых товарах те, которых нет в наличии?

перестал вас понимать :-) давайте перейдем на язык жестов :-) точнее скриншотов и примеров

позволю себе дать еще несколько советов, на что стоит обратить внимание: картинки и прочую весомую статику попрячьте в .gitignore, а для ее передачи используйте rsync с удалением придумайте mysqldump с исключением таблиц пользователей, покупателей, заказов и т.д., и архивированием gzip'ом передавайте статику и дамп вместе с push'ем при необходимости на принимающей стороне бекапьте БД, перед применением нового дампа сохраняйте в отдельных таблицах поля, которые не должны быть переписаны, например, счетчик показов товаров, а после применения дампа, перезаписывайте эти поля на сохраненные, кроме того, в таблице конфигурации меняйте значения dev на актуальные на площадке, все это решается mysql-запросами отключайте сайт на время импорта, в том числе и админскую часть - в настройках веб-сервера добавьте условие, например, наличие в папке сайта какого-нибудь файла (который будет создан перед импортом и удален после), при котором все http-запросы будут отправляться куда-нибудь на 503 все вносимые изменения должны быть отктатываемы, поэтому бекапы БД принимающей стороны имеет смысл делать потаблично и хранить в отдельном git-репозитории настройте ssh-доступ по ключам, и погуглите gitolite деплой должен производиться в автоматическом режиме, собрал-передал-дал команду на импорт-получил ответ-уведомил администратора о результате простое обновление dev-prod делается одной командой и есть еще один момент: по-хорошему, итоговые изменения файлов должны быть применены на промежуточной площадке с реальными данными, отсюда следующий пункт площадок должно быть минимум 3: dev[0-100], work, prod как увязать логику обновления файлов и данных в этих обстоятельствах - это уже вопрос на миллион

удобненько им CSV Price Pro import/export или сохркнить таблицу customer в csv/xls из phpMyAdmin