Новосибирск +7(383)

По всем вопросам :

Если у вас установлен компонент К2, можно использовать его библиотеки  для создания собственного модального(всплывающего) окна с любым контентом.

Для работы необходимы css файл и скрипты(они возможно уже подключены):

$document->addStyleSheet('/media/system/css/modal.css');
$document->addScript('/media/jui/js/bootstrap.min.js');
$document->addScript('/media/system/js/modal.js');

Добавить скрипты инициализации:

<script> 
jQuery('document').ready(function(){
jQuery('#modal').modal("false");
});
function change_img(imgs) {
document.getElementById('modal_img').src=imgs;
}
</script>

Рассмотрим на примере - необходимо вызывать модальное окно для просмотра назначенного изображения материала К2. Нам необходимо добавить функцию обновления ссылки на изображение по щелчку:

<script>
function change_img(imgs) {
document.getElementById('modal_img').src=imgs;
}
</script>

Создаем блок со скрытым модальным окном:

<div id="modal" class="modal hide fade" class="modal hide fade in" style="display: none;" aria-hidden="false">
<div class="modal-header" style="min-height: 21px;">
<button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
</div>
<div class="modal-body" style="min-height:300px;text-align:center!important;">
<img id="modal_img" style="max-width:1100px;max-height: 400px;" src="/">
</div>
</div>

Стили можно менять в файл /media/system/css/modal.css , либо назначить принудительно, как в примере.

Вызов формируется так:

<a href="#modal" onclick="change_img('/media/k2/items/cache/<?php echo md5("Image".$item->id);?>_XL.jpg')" role="button"data-toggle="modal">Click Me</a>

Пример :

Click Me

Как с нами связаться

По всем вопросам пишите  

OnLine заказ

Отправить сообщение

Нажимая на кнопку «Отправить сообщение», я соглашаюсь:
* с условиями публичной оферты
* обработку моих персональных данных


RAD компоненты

  • Точный рейтинг материалов k2


    Стоимость 500

  • Статистика К2 (Joomla 3x)


    Стоимость 1500

  • Экспорт в яндекс маркет YML формат


    Стоимость 1000

  • Акции К2 store


    Стоимость 1200

  • QR code в K2 и k2_store


    Стоимость 300

  • Мониторинг здоровья


    Стоимость 700

  • Модуль отзывов - яндекс маркет, фламп


    Стоимость 500

  • Таблица замены текста по тегу


    Стоимость 700

  • ЖКХ паспорт дома


    Стоимость 5000

  • Плагин обновления доп.поля К2


    Стоимость 200

  • K2_store купоны


    Стоимость 1500

  • K2_store сопутствующий товар


    Стоимость 1000

  • Плагин Scroll to Top Mobile Detect


    Стоимость 500

  • Водяной знак, торговая марка


    Стоимость 1500

  • JShopping поиск товара по атрибутам


    Стоимость 1000

  • Расписание занятий


    Стоимость 1500

  • Плагин оплаты K2 store Форма ПД-4 Сбербанк


    Стоимость 700

  • Доска объявлений


    Стоимость 1500

  • Расширенные заказы JoomShopping


    Стоимость 2500

  • Галерея изображений


    Стоимость 1000

  • Калькулятор прибыли


    Стоимость 500

  • Назначение группы пользователя от суммы заказа VM3


    Стоимость 1200

  • Автоматические купоны по сумме заказов VM3


    Стоимость 1200

Please publish modules in offcanvas position.