[Скрипт] Лупа

Тема в разделе "WebAsyst", создана пользователем vvitt, 25 фев 2013.

  1. vvitt

    vvitt

    Регистрация:
    25 фев 2013
    Сообщения:
    56
    Симпатии:
    3
    Сразу говорю это разработка не моя, поэтому прошу не ругать))
    Просто решил поделиться со всеми, мож кому и пригодиться

    Для начала понадобится библиотека JQuery и плагин Cloud Zoom, скачать можно Здесь
    После того, как архив с файлами будет распакован в корень движка, можно начинать редактирование необходимых файлов.

    Всего надо будет править 2 файла, это /published/publicdata/[ключ вашей БД]/attachments/SC/themes/[ваша тема]/head.html и /published/SC/html/scripts/templates/frontend/product_brief.html.
    В файл head.html добавим строки:

    Код:
    <link rel="stylesheet" href="{$smarty.const.URL_CSS}/cloud-zoom.css" type="text/css">
    <script type="text/javascript" src="{$smarty.const.URL_JS}/jquery-1.7.2.min.js"></script>
    <script type="text/javascript" src="{$smarty.const.URL_JS}/cloud-zoom.1.0.2.min.js"></script>

    Напомню, что файл head.html можно редактировать прямо в редакторе дизайна, админки магазина.
    Отредактируем код в файле product_brief.html, строка 21 начинается с комментария <!— Thumbnail —>, за ним идет ссылка которую необходимо изменить, на такую:

    Код:
    <a class ="cloud-zoom" href="{$smarty.const.URL_PRODUCTS_PICTURES}/{$product_info.big_picture|escape:'url'}" rel="position: 'inside' , showTitle: false, adjustX:-4, adjustY:-4">
    Обратите внимание, что меняются только атрибуты, тело ссылки остается прежним.
     
  2. deeserge

    deeserge

    Регистрация:
    20 апр 2013
    Сообщения:
    1
    Симпатии:
    1
    Попробуйте еще этот плагин http://zoomsl.tw1.ru. Похож на Cloud Zoom v3.0, но совершенно бесплатен. Работает во всех браузерах, даже в ие8 поддерживается плавность анимации, чего не скажешь про другие бесплатные плагины.
     
    Серж нравится это.
  3. jeffmc

    jeffmc

    Регистрация:
    22 фев 2014
    Сообщения:
    1
    Симпатии:
    0
    А можете подсказать как его подключить?
    --- Добавлено, 26 фев 2014 ---
    Установил получилось такое
     
    Последнее редактирование: 26 фев 2014