Галерея+

Галерея+ для Shop-Script 7

Фотогалерея + YouTube видео на странице товара

Содержание: Как интегрировать плагин?
Откройте приложение "Магазин" -> "Плагины" -> "Галерея+".

Вариант №1: Автоматический вывод с помощью хука:
Включите плагин установив галочку "Включить".
После включения, плагин автоматически выводит галерею на странице товара с помощью хука "frontend_product".
Если в текущей теме дизайна уже существует фотогалерея, ее необходимо удалить из шаблона.

Вариант №2: Вывод с помощью вставки кода в шаблоне:
Включите плагин установив галочку "Включить".
Отключите опцию "Использовать хук (frontend_product)".
Если в текущей теме дизайна уже существует фотогалерея, ее необходимо удалить из шаблона.
Пример (для темы Дефолт 3.0): gp.default.zip
Пример (для темы "Дизайн со вкусом 2.0"): gp.dsv2.zip
Пример (для темы "Удобная Покупка"): gp.comfortbuy.zip

Как добавлять видео?
Откройте видео на YouTube которое хотите поместить в Галерею+.
Кликните правой кнопкой мыши в окне видео и выберите пункт "Копировать URL видео".
Откройте приложение "Магазин" -> "Товары" -> выберите необходимый товар -> "Редактировать" -> "Фото и видео" -> "Менеджер видео" -> нажмите кнопку "Добавить", вставьте URL в поле "Видео URL", нажмите "Сохранить".

Как инициализировать скрипт плагина вручную?
Если по каким-то причинам автоматическая инициализация не устраивает, Вы можете инициализировать скрипт плагина вручную.
В настройках плагина, снимите галочку "Автоматическая инициализация", в текущей теме дизайна используйте скрипт.
Пример скрипта:

<script type="text/javascript">(function($){$(function(){$('.galleryplus').each(function(){$(this).GalleryPlus();});});})(jQuery);</script>

Пример с переназначением настроек:
<script type="text/javascript">(function($){$(function(){$('.galleryplus').each(function(){$(this).GalleryPlus({'slideShow':true});});});})(jQuery);</script>

Пример для использования галереи в темах дизайна с быстрым просмотром товаров в категории:
Для работы этого кода, нужно снять галочку "Загружать скрипты плагина только на странице товара".
{$gpID = time()}
{if $wa->shop}{shopGalleryplusPlugin::display($product.id, ['id'=>$gpID])}{/if}
{literal}<script type="text/javascript">
(function($){$(function(){$('.galleryplus-id-{/literal}{$gpID}{literal}').each(function(){$(this).GalleryPlus();});});})(jQuery);
</script>{/literal}

Как поместить плагин на отдельную страницу и сделать фото, либо видео галерею?
Откройте настройки плагина и снимите галочку "Только на странице товара".
Создайте новый товар без указания категории.
Откройте "Менеджер видео" добавьте необходимые URL.
Если нужна фото галерея, загрузите необходимые изображения.
Узнайте ID товара:

Используйте код:

{if $wa->shop}{shopGalleryplusPlugin::display(ID)}{/if}

на нужной вам странице (с поддержкой Smarty) или в шаблоне темы дизайна.
Например, если ID товара: 43 код будет: {if $wa->shop}{shopGalleryplusPlugin::display(43)}{/if}

Как вывести видео отдельно от фотогалерии на странице товара?
По умолчанию, видео отображается в галерее вместе с фото.
Вы можете отключить отображение видео в галерее и вывести его отдельно в шаблоне с помощью кода.
Откройте настройки плагина, для опции "Положение видеоминиатюр" установите значение "Скрыть".
В файл product.html добавьте код:

{shopGalleryplusPlugin::getVideosById($product.galleryplus_videos,800,600)} - с указанием размера видео.
{shopGalleryplusPlugin::getVideosById($product.galleryplus_videos,640,360,false)} - без добавления переноса строки для каждого видео.

Как заменить иконку полноэкранного режима?
Вы можете переназначить CSS правила в текущей теме дизайна.
Пример CSS:


.galleryplus-maximize .galleryplusicon-zoom-in::before {
content: " ";
background-image: url(http://icons.iconarchive.com/icons/gakuseisean/ivista-2/32/Misc-Zoom-In-icon.png);
width: 20px;
height: 20px;
background-position: center;
background-size: cover;
background-repeat: no-repeat;
vertical-align: middle;
}

Как отредактировать HTML-шаблон плагина?
Откройте приложение "Магазин" - "Витрина" - (текущая тема дизайна) - "Шаблоны" - "(+) Новый файл" - "Создать новый файл" - "Имя файла": Galleryplus.html
Скачайте (0.2.3) и откройте файл Galleryplus.html, скопируйте все содержимое и поместите его в редакторе, нажмите "Сохранить".

Скрипт импорта существующих видео
Данный скрипт, копирует существующие видео товаров в "Менеджер видео" плагина Галерея+.
Для использования скрипта, поместите его в корневой каталог установки Webasyst.
В браузере откройте адрес: http://названиевашегосайта.ru/importvideo.php
Скачать скрипт importvideo.php.zip

Вверх