Jump to content

Recommended Posts

Добрый день!

Подскажите, как это делается?

Есть категория, в описании категории табличка с товарами, на html запиленная. Там есть фото товаров.
Как добавить возможность кликом развернуть изображение для просмотра, типа галереи.

Какой нужен скрипт?
Как его подключить правильно?
В опенкарте изначально подключена галерея?

Можно ли её заюзать?

Share this post


Link to post
Share on other sites

Использовать для этого colorbox , который есть в опенкарт по-умолчанию.

Share this post


Link to post
Share on other sites

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.

Guest
You are posting as a guest. If you have an account, please sign in.
Reply to this topic...

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.

Sign in to follow this  

  • Similar Content

    • By legioner26
      399.00 руб
      Скачать/Купить дополнение


      Многофункциональный модуль меню Категорий
      Разработан многофункциональный модификатор меню категорий товаров, который позволяет прям из админ панели решать массу задач без участия программиста. Очень простая и легкая установка.
      Так же внедрена мобильная версия модуля.
      Модификатор создан для изменения и добавления функционала в стандартный модуль категорий всех версий веток ОС начиная от 2.0 и заканчивая 3.0
      Обновление модификатора до версии ОС 3.0
      ПРИМЕЧАНИЕ !!!
      Для корректной установки и работы модификатора настоятельно рекомендую проверить были ли изменены файлы стандартного модуля категорий, 
      либо удостовериться что нет сторонних модификаторов которые бы меняли функционал.
      В случае если файлы изменены, можете добавить к ним префикс к примеру (category_1.tpl) и залить файлы из коробки ОС. 
       
       
      АКЦИЯ ДО КОНЦА ИЮЛЯ !!!
       
      Установка:
      1. Папку Admin закинуть на хостинг в корень сайта 
      2. Устанавливаете модификатор согласно вашей версии ОС через "Установка расширений", далее в модификаторах чистим кешь и обновляем.
      ИНСТРУКЦИЯ во вложении
      DEMO Логин: demo Пароль: demo
      https://siacosmetics.ru/lico1/dlya-lica/krem-dlya-lica  - С вертикальным выпадом
      https://teplomir77.ru - С горизонтальным выпадом
       
      https://opencartforum.com/profile/723002-legioner26/?tab=field_core_pfield_13 ->> Собственный программный модуль по парсингу товаров под управлением OpenCart
      Добавил legioner26 Добавлено 12.02.2018 Категория Меню, дизайн, внешний вид Системные требования Сайт разработчика Старая цена 700 Метод активации Без активации Ioncube Loader Нет OpenCart 3.0
      2.3
      2.2
      2.1
      2.0 ocStore 3.0
      2.3
      2.2
      2.1 OpenCart.Pro, ocShop Opencart.pro 2.3
      Opencart.pro 2.1
      OcShop 2.0.3.х Обращение к серверу разработчика Нет  
    • By legioner26
      Разработан многофункциональный модификатор меню категорий товаров, который позволяет прям из админ панели решать массу задач без участия программиста. Очень простая и легкая установка.
      Так же внедрена мобильная версия модуля.
      Модификатор создан для изменения и добавления функционала в стандартный модуль категорий всех версий веток ОС начиная от 2.0 и заканчивая 3.0
      Обновление модификатора до версии ОС 3.0
      ПРИМЕЧАНИЕ !!!
      Для корректной установки и работы модификатора настоятельно рекомендую проверить были ли изменены файлы стандартного модуля категорий, 
      либо удостовериться что нет сторонних модификаторов которые бы меняли функционал.
      В случае если файлы изменены, можете добавить к ним префикс к примеру (category_1.tpl) и залить файлы из коробки ОС. 
       
       
      АКЦИЯ ДО КОНЦА ИЮЛЯ !!!
       
      Установка:
      1. Папку Admin закинуть на хостинг в корень сайта 
      2. Устанавливаете модификатор согласно вашей версии ОС через "Установка расширений", далее в модификаторах чистим кешь и обновляем.
      ИНСТРУКЦИЯ во вложении
      DEMO Логин: demo Пароль: demo
      https://siacosmetics.ru/lico1/dlya-lica/krem-dlya-lica  - С вертикальным выпадом
      https://teplomir77.ru - С горизонтальным выпадом
       
      https://opencartforum.com/profile/723002-legioner26/?tab=field_core_pfield_13 ->> Собственный программный модуль по парсингу товаров под управлением OpenCart
    • By legioner26
      799.00 руб
      Скачать/Купить дополнение


      Модуль зуммирования изображений товара - ZoomPRO
      Разработан многофункциональный модуль Opencart Zoom для зуммирования изображений в карточке товара с выбором вариантов исполнения.
      ПРИМЕЧАНИЕ !!!
      Если у Вас не стандартный шаблон то для корректной работы настоятельно рекомендую проверить установлены ли иные плагины зумма.
      Не забываем очищать кешь на сайте при изменении настроек. Сочетание клавишь (Ctrl+F5)
       
      Версии PHP (5.6, 7.2)
       
      Вариант №1
       
      Зуммирование в отдельном блоке, от изображения либо вывод в любом другом
       
      Вариант №2
       
      Зуммирование со скроллом внутри блока с изображением
       
      Вариант №3
       
      Зуммирование в виде лупы с настройками по ширине и высоте.
       
      ПРОСМОТР РАБОТЫ МОДУЛЯ
       
      Установка:
      1. Копируем содержимое исходя из версий ОС на хостинг в корень сайта 
      2. В модификаторах чистим кешь и обновляем.
      3. Пишем в личку номер вашего заказа, я высылаю Вам ключ.
       
      DEMO Логин: demo Пароль: demo
      http://demo.teplomir-svet.ru/index.php?route=product/product&product_id=43  
       
      https://opencartforum.com/profile/723002-legioner26/?tab=field_core_pfield_13 ->> Собственный программный модуль по парсингу товаров под управлением OpenCart
       
      Добавил legioner26 Добавлено 20.05.2019 Категория Меню, дизайн, внешний вид Системные требования Ioncube Loader Сайт разработчика Старая цена 2500 Метод активации По запросу в ЛС Ioncube Loader Требуется OpenCart 2.3
      2.2
      2.1
      2.0 ocStore 2.3
      2.2
      2.1 OpenCart.Pro, ocShop Opencart.pro 2.3
      Opencart.pro 2.1
      OcShop 2.0.3.х Обращение к серверу разработчика Нет  
    • By legioner26
      Разработан многофункциональный модуль Opencart Zoom для зуммирования изображений в карточке товара с выбором вариантов исполнения.
      ПРИМЕЧАНИЕ !!!
      Если у Вас не стандартный шаблон то для корректной работы настоятельно рекомендую проверить установлены ли иные плагины зумма.
      Не забываем очищать кешь на сайте при изменении настроек. Сочетание клавишь (Ctrl+F5)
       
      Версии PHP (5.6, 7.2)
       
      Вариант №1
       
      Зуммирование в отдельном блоке, от изображения либо вывод в любом другом
       
      Вариант №2
       
      Зуммирование со скроллом внутри блока с изображением
       
      Вариант №3
       
      Зуммирование в виде лупы с настройками по ширине и высоте.
       
      ПРОСМОТР РАБОТЫ МОДУЛЯ
       
      Установка:
      1. Копируем содержимое исходя из версий ОС на хостинг в корень сайта 
      2. В модификаторах чистим кешь и обновляем.
      3. Пишем в личку номер вашего заказа, я высылаю Вам ключ.
       
      DEMO Логин: demo Пароль: demo
      http://demo.teplomir-svet.ru/index.php?route=product/product&product_id=43  
       
      https://opencartforum.com/profile/723002-legioner26/?tab=field_core_pfield_13 ->> Собственный программный модуль по парсингу товаров под управлением OpenCart
       
    • By klaos27
      560.00 руб
      Скачать/Купить дополнение


      OCDbanner: Баннеры | Слайдеры | Видео
      OCDbanner: Баннеры | Слайдеры | Видео - многофункциональный модуль для вывода баннеров, слайдеров и показа видеороликов на вашем сайте. 
       
      Ver.3 доступна пока только для oc2.3 и oc2.1
       
      Основные настройки для баннеров в группе:
      1) Вывод названия группы
      2) Три режима отображения
         - Сетка Bootstrap (1, 2, 3, 4 или 6 баннеров в ряду)
         - Карусель (автопрокрутка, навигация, лимит баннеров в видимой части карусели на разных разрешениях экрана (неограниченное количество разрешенией), расстояние между баннерами для различных разрешений)
         - Произвольная сетка (настраиваемое расстояние между баннерами)
      3) Размеры изображений
      4) Статус группы
       
      При режимах отображения группы "Сетка Bootstrap" и "Произвольная сетка" для каждого баннера можно выбрать один из трех типов:
      1) Изображение
      2) Видео
      3) Слайдер
       
      При режиме отображения группы "Карусель" для каждого баннера можно выбрать один из двух типов:
      1) Изображение
      2) Видео
       
      Абсолютно любому баннеру можно указать статус включено/отключено.
       
      Мультиязычные настройки для типа баннера "Изображение":
      1) Изображение.
      2) Эффект при наведении на изображение (12 эффектов). 
      3) Заголовок (поддержка html-кода). Также будет использоваться как title изображения.
      4) Alt для изображения.
      5) Статус заголовка.
      6) Позиция для заголовка (перед изображением, после изображения, в теле изображения).
      7) Выравнивание заголовка (по левому краю, по правому краю, по центру).
      8) Ссылка.
      9) Указывает ли ссылка на видеоролик (YouTube или Vimeo).
      10) Ссылки открываются в текущем или новом окне. Отдельно для видеороликов предусмотрен показ в модальном окне.
      11) Статус описания баннера.
      12) Описание (поддержка html-кода + при необходимости можно включить визуальный редактор).
      13) Порядок сортировки.
       
      Мультиязычные настройки для типа баннера "Видео":
      1) Выбор видеохостинга (YouTube или Vimeo).
      2) ID видео. Для показа видеоролика необходимо ввести в поле только его ID.
      3) Заголовок для видео.
      4) Статус заголовка.
      5) Позиция для заголовка (перед или после видеоролика).
      6) Выравнивание заголовка (по левому краю, по правому краю, по центру).
      7) Порядок сортировки.
       
      Мультиязычные настройки для типа баннера "Слайдер":
      1) Статус слайдера.
      2) Изображение.
      3) Заголовок (поддержка html-кода). Также будет использоваться как title изображения.
      4) Alt для изображения.
      5) Статус заголовка.
      6) Выравнивание заголовка (по левому краю, по правому краю, по центру).
      7) Ссылка.
      8) Указывает ли ссылка на видеоролик (YouTube или Vimeo).
      9) Ссылки открываются в текущем или новом окне. Отдельно для видеороликов предусмотрен показ в модальном окне.
      10) Статус описания баннера
      11) Описание (поддержка html-кода + при необходимости можно включить визуальный редактор)
      12) Порядок сортировки.
       
      Уровни доступа:
      1) Показ баннеров для разных магазинов
      2) Показ баннеров для разных групп покупателей
      3) Показ баннеров для разных категорий
       
      При необходимости внесения изменений в стилевое оформление модуля предусмотрена вкладка "CSS". Если поле на данной вкладке заполнено, то подключается дополнительный файл стилей, соответствующий данному модулю.
       
      К каждому модулю можно подключить пользовательский шаблон, тем самым при обновлении ммодуля не потеряются какие-либо сделанные изменения.

      Не перезаписывает системных файлов движка
      Не использует VQmod
      Не использует OCMOD
      Не использует ioncube
       
      Демо модуля:
      1) Сетка Bootstrap
      2) Карусель
      3) Произвольная сетка
      4) Слайдер
       
      Административная часть: http://demo.oc-day.com/admin/index.php?route=extension/module/ocdbanner
      Логин: demo
      Пароль: demo

      Установка
      1) Загрузить ocdbanner.ver3.ocmod.zip через Дополнения / Установка дополнений (Extensions / Extension Installer)
      2) Перейти в Система/Группы пользователей и для администратора установить права доступа (в блоках "Разрешить просмотр" и "Разрешить редактировать" отметить галочкой extension/module/ocdbanner)
      3) В настройках модуля на вкладке "Доступы" обязательно отметить магазин и группу покупателей, для которых необходимо показывать модуль.
      4) Вывести созданный модуль на необходимой странице.
       
      Обновление
      1) Загрузить ocdbanner.ver3.ocmod.zip через Дополнения / Установка дополнений (Extensions / Extension Installer)
      2) Зайти в модуль(и) и пересохранить настройки. Это позволит к каждому созданному модулю прописать свой идентификатор
      3) Если используется карусель, то в настройках необходимо прописать расстояние между баннерами для каждого разрешения.
       
      Внимание!
      В виду того что невозможно достоверно определить построение произвольной сетки пользователем, настройка стилей для эффектов с 5 по 12 носит индивидуальный характер.
      Данную настройку покупатель может осуществить собственными силами или при покупке модуля отметить соответствующую опцию.

      Лицензия!
      1) Данный модуль реализуется по принципу: одна лицензия - один домен.
      2) Запрещена перепродажа модуля без согласия автора.
      3) Запрещена передача модуля третьим лицам, распространение и публикация от своего имени без получения разрешения автора модуля.
       
      Для получения новой версии модуля оправьте на e-mail: support@oc-day.com или посредством личных сообщений следующую информацию:
      1) Номер заказа. 
      2) Ваш e-mail, на который будут высланы архив с файлами модуля.
      3) Адрес сайта, на котором будет установлен модуль. 
      4) Версию движка/сборки. 
      Архив с файлами модуля будет выслан только для указанной версии движка/сборки!!!
      Добавил klaos27 Добавлено 15.10.2017 Категория Слайдшоу, баннеры, галереи Системные требования Сайт разработчика Старая цена Метод активации Автоматическая активация Ioncube Loader Нет OpenCart 3.0
      2.3
      2.1 ocStore 2.3
      2.1 OpenCart.Pro, ocShop Не проверялось Обращение к серверу разработчика Нет  
  • Recently Browsing   0 members

    No registered users viewing this page.

×

Important Information

On our site, cookies are used and personal data is processed to improve the user interface. To find out what and what personal data we are processing, please go to the link. If you click "I agree," it means that you understand and accept all the conditions specified in this Privacy Notice.