Карусель для дополнительных изображений

[bingo 0]

Подскажите пожалуйста как можно реализовать карусель дополнительных изображений товара как на

в данный момент выводятся изобржения так http://todito.ru/product/chasy-Specnaz-C9485294-20.html

[YuraS 4]

не вижу там никакой карусели. вроде картинки открываются так же, как в вамшопе. смотрел Оперой и Лисой. скрин приаттачил.

[support 447]

Нет, по умолчанию доп. картинки слайдером не выводятся, это только дополнительно подключать слайдер для доп. картинок в /app/Vendor/smarty/vam_plugins/function.content_images.php

[bingo 0]

понял, спасибо

[bingo 0]

Нашел подобную тему на Opencart

https://opencartforum.com/topic/11477-karusel-dopolnitelnykh-fotografii/

 

Залил парку со слайдером в директорию сайта

 

подключил скрипт в head, но не могу разобраться как подключить слайдер для доп. картинок в /app/Vendor/smarty/vam_plugins/function.content_images.php

<div class="image-additional">
		<?php foreach ($images as $image) { ?>
		<a href="<?php echo $image['popup']; ?>" title="<?php echo $heading_title; ?>" 
class="colorbox" rel="colorbox"><img src="<?php echo $image['thumb']; ?>" 
title="<?php echo $heading_title; ?>" alt="<?php echo $heading_title; ?>" /></a>
		<?php } ?>
	  </div>

Подскажите пожалуйста, спасибо.

[support 447]

Нужно указать у доп. картинок свой id или class 

 

Лично мне нравится bxslider, он легко и просто подключается - http://bxslider.com/

 

Посмотрите на сайте, там примеры как его подключать.

 

Ну или в VamShop 1 в шаблоне vamshop можно пример посмотреть.

[bingo 0]

А я могу Вас попросить подключить? За денежку

[bingo 0]

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

[bingo 0]

ну и плюс можно навигационное меню хлебные крошки сделать, чтобы оно начиналось с главной страницы

[support 447]

Сегодня попробую прикрутить bxslider к доп. картинкам.

Вечером отпишу.

[support 447]

А что если вот так сделать?!

 

Основная картинка в первом слайде:

 

 

доп. картинки во втором слайде:

 

 

Почему так лучше, на мой взгляд:

 

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

2. Это экономит место на странице, т.е. под основной картинкой сразу идут описание, отзывы, экономится место.

3. Посетитель зашёл на страницу карточки товара и не надо прокручивать страницу, сразу видно описание, отзывы.

 

Как Вам такой вариант?!

[bingo 0]

Да вариант на первом слайде очегь нравится

Главное чтобы размер не прыгал при перелистывании в зависимости от размеров изображения

[support 447]

Не прыгают, я специально 5 доп. картинок для пробы добавил, вроде как ровно всё, при переключении с первого на второй слайдер ничего не скачет.

[bingo 0]

Отлично, этот вариант очень даже подойдет!

[support 447]

Модуль Слайдер BXSlider для картинок на странице карточки товара - http://support.vamshop.ru/modules/wfdownloads/singlefile.php?cid=6&lid=17

 

Как выглядит этот модуль в работе можно посмотреть в онлайн демке VamShop 2, например вот здесь - http://demo.vamshop.com/product/samsung-galaxy-note-3.html

[support 447]

Там по умолчанию в настройках включена адаптивная высота картинок, т.е. выравнивается высота блока с картинкой.

 

Если Вам ну нужно это выравнивание, в /app/Vendor/smarty/vam_plugins/function.content_images.php меняйте:

adaptiveHeight: true,

на:

adaptiveHeight: false,

[support 447]

По поводу ссылки на главную в breadcrumbs.

 

Скопируйте файл /app/Vendor/smarty/vam_plugins/function.breadcrumbs.php в /app/Vendor/smarty/local_plugins/function.breadcrumbs.php

 

Откройте скопированный файл /app/Vendor/smarty/local_plugins/function.breadcrumbs.php и меняйте:

 

      <li><a href="{$parent_url}">{$parent_name}</a></li>

 

на:

 

      <li><a href="/">{lang}Home{/lang}</a></li>
      <li><a href="{$parent_url}">{$parent_name}</a></li>

 

P.S. Если после правки измнения не видны на сайте, почистите кэш-файлы в Админке - Настройки - Магазин, справа внизу кнопка Очистить кэш.

[bingo 0]

Модуль Слайдер BXSlider для картинок на странице карточки товара - http://support.vamshop.ru/modules/wfdownloads/singlefile.php?cid=6&lid=17

 

Как выглядит этот модуль в работе можно посмотреть в онлайн демке VamShop 2, например вот здесь - http://demo.vamshop.com/product/samsung-galaxy-note-3.html

Все сделал по шагам не сработало.

В шаблоне подключали

{bender src="{base_path}/js/jquery/plugins/bxslider/jquery.bxslider.min.js"}

а в архиве который залил только /css/jquery/plugins/bxslider/jquery.bxslider.css

может из-за этого?

[bingo 0]

 

По поводу ссылки на главную в breadcrumbs.

 

Скопируйте файл /app/Vendor/smarty/vam_plugins/function.breadcrumbs.php в /app/Vendor/smarty/local_plugins/function.breadcrumbs.php

 

Откройте скопированный файл /app/Vendor/smarty/local_plugins/function.breadcrumbs.php и меняйте:

 

      <li><a href="{$parent_url}">{$parent_name}</a></li>

 

на:

 

      <li><a href="/">{lang}Home{/lang}</a></li>
      <li><a href="{$parent_url}">{$parent_name}</a></li>

 

P.S. Если после правки измнения не видны на сайте, почистите кэш-файлы в Админке - Настройки - Магазин, справа внизу кнопка Очистить кэш.

 

 

Не совсем то получилось. Нужно, чтобы путь был полный Главная/Раздел/Подкатегория1/Подкатегория2/Подкатегория3/Товар1

[support 447]

В архиве не только css, но и js файлы и остальные файлы тоже на месте.

Вот ещё раз прицепил.

 

Наверное не все файлы переписались, раз слайдер не работает.

 

На demo.vamshop.com работает.

product-images-bxslider-ru.zip

[support 447]

Нет, по умолчанию breadcrumbs всю цепочку не выстраивают, а берут только категорию, к которой относится конкретный товар.

 

Это наверное Вам программиста нужно искать на фриланс биржах, что б допилил код.

[bingo 0]

переписал, перезалил, кэш почистил, не работает http://todito.ru/product/chasy-Specnaz-C9470297-20.html

[support 447]

Не отображается у Вас код bxslider

 

Вы точно пареписали к себе из архива function.content_images.php !?

[support 447]

js. css файлы bxslider'a грузятся.

 

А вот код из function.content_images.php не отображается.

[support 447]

Попробуйте руками удалить файлы из поддиректорий внутри /app/tmp/cache/