Opencart 1.5 - 2.x AJAX-ZOOM IMAGE + 360 ° 2018-01-04

Модуль для увеличения картинки товара + поворот товара на 360 °

  1. ruslan1909
    Нашел модуль, но для ОкСтор2.3 у меня не работает, может у кого-то заработает, или понадобится тем у кого версии ниже. Публикую в переводе от гугла.

    AJAX-ZOOM модуль для Opencart основан на быстродействующем масштабировании с подсветкой + дополнительно 360 ° . В бэкэнд есть возможность для администраторов загрузить несколько 360-х или импортировать их из zip-файлов или папок, которые ранее были загружены, например, через ftp. Каждый отдельный 360 ° может быть настроен с отдельными настройками AJAX-ZOOM.

    Для обычных изображений изменений не требуется.

    Совместимость
    1.5.x, 2.0.x, 2.1.x, 2.2.x, 2.3
    opencart-zoom-360-front-5.png
    Общие функции
    • Абсолютно отзывчивая область наведения курсора мыши и окно всплывающего окна
    • Регулируемая, чтобы соответствовать размеру любых чувствительных элементов на странице по умному jQuery, например селектору
    • Регулируется для фиксированных или гибких пропорций изображения
    • Постоянное или автоматическое внутреннее масштабирование в зависимости от разрешения и гибкой компоновки
    • Отлично работает на устройствах с сенсорным экраном
    • Дополнительная поддержка 360 ° / 3D с масштабированием и полноэкранным просмотром
    • Опциональная интеграция слайдера с уменьшенными возможностями
    • Отзывчивые модальные или полноэкранные просмотры при нажатии с AJAX-ZOOM
    • Быстрая «прогрессивная» загрузка изображений с высоким разрешением
    • Мгновенное («на лету») генерация всех миниатюр
    • Встроенная кнопка pinterest
    • 100 других опций
    • Все компоненты, настраиваемые по настройкам плагина Opencart
    • API для разработчиков всех уровней квалификации
    • Непрерывная разработка и усовершенствования, техническая поддержка
    Демо 2.x
    Демо 1.5

    Обработка обычных изображений
    Для обычных изображений нет необходимости ничего делать.

    Обработка 360 ° / 3D
    Чтобы добавить 360 ° изображения, перейдите на панель «Каталог» -> «AJAX-ZOOM» и выберите продукт. Там вы сможете:
    • Определите один или более 360 ° спинов для продукта.
    • Загрузите изображения на 360 ° прямо из бэкэнд или
    • Выберите zip-файл, содержащий изображения для набора 360 ° для импорта. Эти zip-файлы должны быть загружены в каталог '/ modules / ajaxzoom / zip /' и могут быть удалены позже.
    • После импорта или загрузки изображений вручную вы сможете выполнить некоторые настройки для этого 360 °, например, изменить скорость вращения и множество других опций, доступных для AJAX-ZOOM.
    • Предварительный просмотр 360 ° в Fancybox перед публикацией.
    • Активировать / деактивировать просмотр на 360 °.
    Требования
    • PHP 5.2+
    • Opencart Ver. 1.5 или новее.
    • Бесплатные загрузчики Ioncube или загрузчики Sourceguardian, установленные на сервере
    • VQMOD необходим только для Opencart ver. 1.5.x, см. Https://github.com/vqmod/vqmod
    • ZIP
    • enable_url_fopen (для мгновенной загрузки основного приложения AJAX-ZOOM и размещения его в режиме «/ ajaxzoom / axZm». Если allow_url_fopen отключен, вам придется делать это вручную, см. раздел «Устранение неполадок» на этой странице.)
    Установка Opencart Ver. 1.5.x
    1. Убедитесь, что установлен VQMOD !
    2. Распакуйте ZIP-файл для Opencart Ver. 1.5.x и загрузите все в корень вашего магазина ».
    3. Вы можете вручную загрузить AJAX-ZOOM и загрузить содержимое папки «/ axZm» в «/ ajaxzoom / axZm» сейчас или позволить установщику сделать это мгновенно для вас позже.
    4. Убедитесь, что «/ ajaxzoom», «/ ajaxzoom / pic» и «/ ajaxzoom / zip» доступны для записи через PHP (например, chmod 0775). Лучше всего сделать это 0777.
    5. Теперь AJAX-ZOOM должен быть виден в Extensions> Mudules. Установите модуль сейчас.
    6. После установки проверьте, есть ли папка «/ ajaxzoom / axZm» и что она не пуста. Если нет, пожалуйста, посмотрите на проблему.
    7. Не помогает? Обратитесь в нашу службу поддержки!
    Установка Opencart Ver. 2.x
    1. Загрузите ZIP-файл расширения для Opencart 2.x over Extension -> Extension Installer в бэкэнд вашей установки магазина.
    2. В разделе «Расширение»> «Модификации» нажмите синюю кнопку «Обновить» вверху страницы.
    3. Убедитесь, что «/ ajaxzoom», «/ ajaxzoom / pic» и «/ ajaxzoom / zip» доступны для записи через PHP (например, chmod 0775). Лучше всего сделать это 0777!
    4. Теперь установите модуль в расширение> Модули.
    5. После установки проверьте, есть ли папка «/ ajaxzoom / axZm» и что она не пуста. Если нет, пожалуйста, посмотрите на проблему.
    6. В расширениях -> изменения нажмите кнопку «Обновить»
    7. Для настроек ocmod вы можете переименовать install.xml в ajaxzoom.ocmod.xml и скопировать его в / system folder. Затем в расширениях -> модификации нажимают кнопку «Обновить» всякий раз, когда происходят изменения в ajaxzoom.ocmod.xml
    Исправление проблем
    Генеральная
    Во время установки программа установки загружает AJAX-ZOOM мгновенно. В некоторых случаях, например, «allow_url_fopen» отключен или происходит тайм-аут, процесс может завершиться без уведомления. Убедитесь, что папка /ajaxzoom/axZmсуществует, и она не пуста. Если он не существует или он пуст, загрузите AJAX-ZOOM с нашей страницы и извлеките axZmпапку /ajaxzoom/axZmвручную.

    Шаблоны
    Система крюков в Opencart довольно склонна к ошибкам. Особенно если вы измените шаблон интерфейса или установите новую тему, этот поиск в VQMOD / OCMOD может не найти требуемую строку для ввода кода до или после.

    Код:
    <file path="catalog/view/theme/*/template/product/product.tpl">
        <operation>
            <search><![CDATA[
                <?php if ($thumb || $images) { ?>
            ]]></search>
            <add position="before"><![CDATA[
                <?php echo $ajaxzoom; ?>
                ]]></add>
        </operation>
    </file>
    Это приводит к тому, что AJAX-ZOOM вообще не отображается на странице сведений о продукте. В этом случае вы должны вручную настроить инструкции «Поиск». Для настроек ocmod вы можете переименовать install.xml в ajaxzoom.ocmod.xml и скопировать его в / system folder. Затем в расширениях -> модификации нажимают кнопку «Обновить», когда происходят изменения в ajaxzoom.ocmod.xml;
    Mouseover изображение не показывает больше (иногда)
    В прежних версиях модуля кнопка «Pinterest» была активирована по умолчанию. К сожалению, JavaScript для этой кнопки Pinterest был загружен из внешнего источника. Теперь этот JavaScript был изменен Pinterest, и теперь он вызывает ошибки JavaScript, что может привести к неправильной загрузке изображений с помощью мыши. Перейдите на страницу Backend модуля и отключите кнопку Pinterest !!! Мы переопределим интеграцию, не полагаясь на внешний скрипт из Pinterest, как следующий.

    В архиве есть все файлы

    ajax-zoom-opencart-1.5-v3.0.zip
    ajax-zoom-opencart-2.0-2.2-v3.0.ocmod.zip
    ajax-zoom-opencart-2.3-x.x-v3.0.ocmod.zip
    jquery.ajaxZoom_ver_latest.zip


    Если у кого поучится сделать для ОС2.3 напишите.

    Изображения

    1. opencart-zoom-360-back-2.png
    2. opencart-zoom-360-back-3.png
    3. opencart-zoom-360-back-4.png
    4. opencart-zoom-360-back-5.png
    5. opencart-zoom-360-back-6.png
    6. opencart-zoom-360-front-1.png
    7. opencart-zoom-360-front-2.png
    8. opencart-zoom-360-front-3.png
    9. opencart-zoom-360-front-4.png
    10. opencart-zoom-360-front-6.png
    yusi4ka, linkinkov, okli и 56 другим нравится это.