how-to [How-To] Прокрутка доп. изображений на странице Товара

[klaos27]

  В 07.11.2014 в 12:48, nikkitikitavi сказав:

я вдел в "коде элемента", но где это убирается не могу понять 

посмотрите в самом файле шаблона.

[nikkitikitavi]

  В 07.11.2014 в 13:35, klaos27 сказав:

посмотрите в самом файле шаблона.

к сожалению я не нашел там высоты, где только не искал 

[Tribunal]

Карусель добавилось, красиво, но вот заметил что не хватает: 1. Когда нажимаешь на фото и оно становиться большим, его потом нельзя закрыть, и2. было бы еще не плохо что бы можно было листать следующее фото когда фото отображаеться в фулл скрине

[Leon1355207]

Привет, ребята. Карусель поставил. все работало. Пока я не захотел поставить модуль "Изображения опций PRO". Смысл этого модуля в то, что при выборе цвета из списка в блоке "дополнительные изображения" фото только нужного цвета. 

Мне удалось подружить два модуля, кроме одного момента: когда выбираю нужный цвет - фото удаляются ненужных цветов исчезают, но вот место их остается. И чтобы пролистать до фото - нужно несколько раз нажать на стрелочки пролистывания. 

Насколько я понимаю, происходит это потому что изначально в <li> записываются фото, и даже если скрипт не выводятся ненужные фото, количество пунктов не изменяется.  Может кто-то сталкивался с такой бедой, или есть идеи как его исправить?

[kpk17]

удобно

[serg34]

Может кто нибудь помочь с установкой,сколько это будет стоить? Пишите: seruy654@mail.ru

[Rubik]

Здравствуйте, подскажите пж  сделал карусель к рекомендуемым товарам если товар один как скрыть стрелки

[michnoff]

может подскажете как сделать на ocstore 1.5.5.1.1.2 прокрутку дополнительных фото в карточке товара в два ряда?

[mrnew]

А на 2-ю версию opencart есть что-то подобное?

[tim21701]

  В 13.09.2015 в 13:45, mrnew сказав:

А на 2-ю версию opencart есть что-то подобное?

 

Нету. Но, что мешает найти шаблон на 2.х - где это используется и посмотреть код  ;) 

[mrnew]

  В 13.09.2015 в 22:17, tim21701 сказав:

Нету. Но, что мешает найти шаблон на 2.х - где это используется и посмотреть код  ;)

Всё вы подметили. Попытаюсь найти)

[daemonspeeding]

  В 13.09.2015 в 22:17, tim21701 сказав:

Нету. Но, что мешает найти шаблон на 2.х - где это используется и посмотреть код  ;)

Слушай братишь я у тебя купил модуль iLightBox . Как интегрировать его с каруселькой доп изображений. просто там меняются значения в product.tpl и тогда iLightBox не правильно работает ((((. Помоги плиз

[tim21701]

  В 24.09.2015 в 10:53, daemonspeeding сказав:

Слушай братишь я у тебя купил модуль iLightBox . Как интегрировать его с каруселькой доп изображений. просто там меняются значения в product.tpl и тогда iLightBox не правильно работает ((((. Помоги плиз

То есть, надо это дополнение совместить с модулем iLightBox?

чуть позже посмотрю...

[daemonspeeding]

  В 24.09.2015 в 17:43, tim21701 сказав:

То есть, надо это дополнение совместить с модулем iLightBox?

чуть позже посмотрю...

 

Верно мыслишь. Как с шаблоном OCMarket

[wikiparse]

Был конфликт с JV quick order, после того, как убрал этот врагмент

$(function () {
$("SELECT").selectBox();
});

конфликт исчез)

и всё работает, вопрос, какую задачу выполняет эта функция (jquery только начал изучать)

[Electr0n]

Вроде как нашел способ как делать стрелки не активными. 

 

Если изображений больше 2

 

  Показати вміст

<?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/default/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',parseInt((<?php echo $add_height; ?>-$('.jcarousel-prev').height())/2)+'px');
$('.jcarousel-prev').css('left','5px');
});
//--></script>
<?php } ?>

 

 

вставляется в конец файла шаблона product.tpl перед строкой:  <?php echo $footer; ?>

 

 

но на моем переделанном default шаблоне не "завелось" корректно 

 

Результат на оригинальном шаблоне :

 

  Показати вміст

Змінено 27 листопада 2015 користувачем Electr0n

[n3bo]

Подскажите все же как сделать чтобы при количестве картинок меньше 4 пропадали стрелки?

+ где изменяется размер перемещения? у меня почему то перемещается не целыми изображениями, а примерно 75% (т.е. например не 3 изображения видно, а 25% первого и 75% последнего).

[n3bo]

Ап

[roman21]

Не надо было закривать ету тему, там человек описал как зделать карусель картинок + вертикальную карусель, + подключить карусель к любому модулю, а тут обсуждаються только картинки ... некому вопрос по модулях задать 

[Heykelman]

Подскажите, пожалуйста, какие файлы менять, если прокрутка нужна для "Последние поступления" на главной странице?

И дописывать как в примере с Производителем?
Видел latest.tpl

[19th]

  В 13.09.2015 в 13:45, mrnew сказав:

А на 2-ю версию opencart есть что-то подобное?

https://opencartforum.com/topic/57186-%D1%81%D0%BA%D1%80%D0%BE%D0%BB%D0%B8%D0%BD%D0%B3-%D0%B4%D0%BE%D0%BF%D0%BE%D0%BB%D0%BD%D0%B8%D1%82%D0%B5%D0%BB%D1%8C%D0%BD%D1%8B%D1%85-%D0%B8%D0%B7%D0%BE%D0%B1%D1%80%D0%B0%D0%B6%D0%B5%D0%BD%D0%B8%D0%B9-%D0%B2-%D0%BA%D0%B0%D1%80%D1%82%D0%BE%D1%87%D0%BA/

[OldAine]

  В 19.01.2016 в 07:50, Heykelman сказав:

Подскажите, пожалуйста, какие файлы менять, если прокрутка нужна для "Последние поступления" на главной странице?

Expand  

Может кому-то это будет полезно - есть готовое платное решение для 2.3 и 3.0

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

Работает на телефонах и планшетах.

Пример: