[Помогите] Modal окно в opencart

Тема в разделе "OpenCart", создана пользователем Alexandr, 15 янв 2013.

  1. Alexandr

    Alexandr

    Регистрация:
    6 ноя 2012
    Сообщения:
    178
    Симпатии:
    52
    Вообще не дружу с js. Поэтому и спрашиваю у вас.
    Объясните, что мне нужно подгрузить на страницу, чтобы при клике на ссылку вылетало окно, например, с картой yandex?
     
  2. alex_storm

    alex_storm дизайн, CSS Команда форума

    Регистрация:
    11 дек 2012
    Сообщения:
    1.120
    Симпатии:
    559
  3. Alexandr

    Alexandr

    Регистрация:
    6 ноя 2012
    Сообщения:
    178
    Симпатии:
    52
    Да. именно.
     
  4. alex_storm

    alex_storm дизайн, CSS Команда форума

    Регистрация:
    11 дек 2012
    Сообщения:
    1.120
    Симпатии:
    559
    Код в <body>



    Стили CSS

    Не забываем ставить лайк )
     
    Toliamba и Alexandr нравится это.
  5. alex_storm

    alex_storm дизайн, CSS Команда форума

    Регистрация:
    11 дек 2012
    Сообщения:
    1.120
    Симпатии:
    559
    Пожалуйста )

    Да и кстати ) Хочу сказать сразу, вот к этот атрибут .close - он присвоен к стандартному модальному окну, которое вылетает при покупке товара. "в зеленой рамочке"

    Так вот, этот атрибут собьет стандартные значение, для этого все модельное окно лежит в <div id="contakt"> и атрибут .close уже выглядит иначе #contakt .close
     
  6. Alexandr

    Alexandr

    Регистрация:
    6 ноя 2012
    Сообщения:
    178
    Симпатии:
    52
    Все бы хорошо, но как мне сделать так, что бы это окно открывалась там, где я нахожусь? Просто у нее присвоено #win1. И когда я нажму на ссылку, меня переносит, site.ru/#win1
     
  7. alex_storm

    alex_storm дизайн, CSS Команда форума

    Регистрация:
    11 дек 2012
    Сообщения:
    1.120
    Симпатии:
    559
    Давайте тогда используем Jquery.
    Подключение скрипта Jquery. Вставляем этот код в catalog/view/ваша тема/template/common/header.tpl
    между теками <head> </head>
    Код:
    <script type="text/javascript" src="http://code.jquery.com/jquery-1.4.2.min.js"></script>
    Запускаем скрипт при помощи. Этот код вставляем сразу после подключения JS

    Код HTML

    Код CSS

    Пример работы скрипта
    --- добавлено: 16 янв 2013 в 08:41 ---
    И вот еще модальные окна.
    Тут уже как душе угодно, настраивайте и пользуйтесь!
    http://arcticlab.ru/arcticmodal/
     
    cherkas и Alexandr нравится это.
  8. Alexandr

    Alexandr

    Регистрация:
    6 ноя 2012
    Сообщения:
    178
    Симпатии:
    52
    В общем, когда пытаюсь подключить js. Сразу слетает слайдшоу продуктов lite.
    Пытался пользоваться артикмодал
     
  9. alex_storm

    alex_storm дизайн, CSS Команда форума

    Регистрация:
    11 дек 2012
    Сообщения:
    1.120
    Симпатии:
    559
    Alexandr нравится это.
  10. Toliamba

    Toliamba

    Регистрация:
    27 янв 2013
    Сообщения:
    191
    Симпатии:
    44
    Как одно из решений...

    Модальное окно в статьях с информацией из внешней ссылке.
    Пример действителен для версий оксторе 1.5.2.1 до 1.5.4.1

    Открываем статью, нажимаем кнопку Источник и добавляем код с информацией
    Код:
    <aclass="colorbox"href="./index.php?route=information/information/info&amp;information_id=5">Информация</a>
    <scripttype="text/javascript"><!--
    $('.colorbox').colorbox({
    width:640,
    height:480
    });
    //--></script>