Перейти до вмісту
Пошук в
  • Детальніше...
Шукати результати, які ...
Шукати результати в ...

[Поддержка] Swipebox


Tom

Recommended Posts

Swipebox


Swipebox


69ff44dd7711.jpg

Скрипт позволяющий просматривать изображение товара в полно-экранном режиме.

Официальная страница : http://brutaldesign.github.io/swipebox/

Демо

3c41b2173372.jpg

Данное дополнение не перезаписывает системные файлы.Изменения касаются только класса colorbox в product.tpl. Тестировалось только на дефолтном

шаблоне(Opencart-Ocstore 1.5.4.1 -1.5.5.1).Не гарантирована работа на кастомных шаблонах отличных от дефолтного.

Для установки используется Vqmod.

Установка с VQmod: Распакуйте архив и залейте файлы в корневой каталог магазина.Для работы нужен VQmod.Скачать можно здесь

https://code.google.com/p/vqmod/downloads/detail?name=vqmod-2.4.1-opencart.zip

Готово!

Если не знакомы с установкой VQMOD смотрим видео

Установка без VQ mod:

Залить все файлы из архива кроме папки VQMOD

catalog\view\theme\Ваш_Шаблон\template\common\header.tpl

перед

<script type="text/javascript" src="catalog/view/javascript/common.js"></script>

добавить

<link rel="stylesheet" type="text/css" href="catalog/view/javascript/style.css"/>

<script src="catalog/view/javascript/jquery/jquery-1.7.1.min.js"></script>

<script src="catalog/view/javascript/swipebox/source/jquery.swipebox.js"></script>

<script type="text/javascript">

jQuery(function($) {

$(".swipebox").swipebox();

});

</script>

В файле catalog\view\theme\Ваш_Шаблон\template\product\product.tpl

Найти

<a href="<?php echo $popup; ?>" title="<?php echo $heading_title; ?>" class="colorbox">

Заменить на

<a href="<?php echo $popup; ?>" title="<?php echo $heading_title; ?>" rel="product-gallery" class="swipebox">

Здесь же найти

<a href="<?php echo $image['popup']; ?>" title="<?php echo $heading_title; ?>" class="colorbox">

Заменить на

<a href="<?php echo $image['popup']; ?>" title="<?php echo $heading_title; ?>" rel="product-gallery" class="swipebox">

Дополнение бесплатное.Все просьбы ,правки и дополнения индивидуального характера писать в личку ( только на платной основе)

PS: Внёс небольшое изменение в подключении к скриптам,во избежание конфликта подключил к родному jquery-1.7.1.min.js.


  • Добавил
    Tom
  • Добавлено
    25.11.2013
  • Категория

 

  • +1 6
Надіслати
Поділитися на інших сайтах

Однозначно плюс! Хороший модуль, на ipad очень удобно картинки перелистывать.

 

Не хватает только зума для больших изображений. Получается какая у тебя высота экрана, такое фото ты и увидишь.

Можно доработать (и уже распространять на платной основе):

Image001pn_8532253_9856930.jpg

Надіслати
Поділитися на інших сайтах

Если найду время и желание ,обязательно доделаю)))

Надіслати
Поділитися на інших сайтах

  • 4 weeks later...
  • 2 weeks later...

Отличный модуль, всё нравится и сам по себе работает отлично, но есть один момент, вместе с ним не работает модуль прокрутки страницы вверх вниз и быстрый поиск. Подскажите в чём может быть причина?

Надіслати
Поділитися на інших сайтах


Этот мод подменяет путь в карточке товара в изображениях.Понятия не имею при чём тут поиск  и прокрутка страницы.

Надіслати
Поділитися на інших сайтах

Как я понял там дело в javascript, кроме вашего другие не выполняются почему-то. Может кто сталкивался, подскажите пожалуйста я просто в php и java не силён.....

Надіслати
Поділитися на інших сайтах


Попробуйте удалить в XML  строку

 <script src="catalog/view/javascript/jquery/jquery-1.7.1.min.js"></script>
Надіслати
Поділитися на інших сайтах

Опции не будут подгружаться без доработки.

Надіслати
Поділитися на інших сайтах

  • 3 months later...

классный модуль! и этот и photobox! единственное не понятно. просмотрев карточку товара любым из этих двух модулей кнопка назад в браузере опера по какой то причине перестает срабатывать и приходится пользоваться хлебными крошками чтобы вернуться в предыдущий просмотренный раздел. если модули отключить и посмотреть фотки стандартными средствами карта - все в порядке, все идет назад, как надо... (

Надіслати
Поділитися на інших сайтах


  • 4 weeks later...

Ребята, подскажите пожалуйста, где задаётся цвет загаловка и прокрутки в полноэкранном режиме. Стандартный чёрный, хочу поменять на свой, например синий, но чтот не найду где подправить....

Надіслати
Поділитися на інших сайтах


Створіть аккаунт або увійдіть для коментування

Ви повинні бути користувачем, щоб залишити коментар

Створити обліковий запис

Зареєструйтеся для отримання облікового запису. Це просто!

Зареєструвати аккаунт

Вхід

Уже зареєстровані? Увійдіть тут.

Вхід зараз
  • Зараз на сторінці   0 користувачів

    • Ні користувачів, які переглядиють цю сторінку
×
×
  • Створити...

Important Information

На нашому сайті використовуються файли cookie і відбувається обробка деяких персональних даних користувачів, щоб поліпшити користувальницький інтерфейс. Щоб дізнатися для чого і які персональні дані ми обробляємо перейдіть за посиланням . Якщо Ви натиснете «Я даю згоду», це означає, що Ви розумієте і приймаєте всі умови, зазначені в цьому Повідомленні про конфіденційність.