Показ страницы сайта в боковом слайдере, на примере всплывающей формы обратной связи.

Внимание! Все сообщения на форуме проходят модерацию. Ваше сообщение появится после проверки.
Поиск  Правила 
Ответить
RSS
Показ страницы сайта в боковом слайдере, на примере всплывающей формы обратной связи.
 
#1
Это нравится: 0 Да / 0 Нет
20.05.2022 05:34:00
Показ страницы сайта в боковом слайдере, на примере всплывающей формы обратной связи.

Если вы хотите сделать подгрузку любой страницы сайта в боковой слайдер, для этого в битриксе есть метод BX.SidePanel.Instance.open.
Метод открывает в слайдере страницу с указанным адресом в параметре url. Возвращает true, если слайдер успешно открылся, иначе false.
 
   Цитировать   Имя
 
#2
Это нравится: 0 Да / 0 Нет
25.05.2022 23:11:43
Этим методом можно сделать быстрый просмотр карточки товара из catalog.section?
 
Цитировать   Имя
 
#3
Это нравится: 0 Да / 0 Нет
26.05.2022 09:52:23
Цитата
Vlad написал:
Этим методом можно сделать быстрый просмотр карточки товара из catalog.section?

В принципе да. Использовать ID товара в качестве связки с детальной карточкой.
 
Цитировать   Имя
 
#4
Это нравится: 0 Да / 0 Нет
26.05.2022 15:47:58
В документации Битрикс написано:
"Слайдер выезжает справа налево, занимая все пространство сверху донизу".
Так только, без вариантов? Например по центру всплывать никак?
 
Цитировать   Имя
 
#5
Это нравится: 0 Да / 0 Нет
28.05.2022 14:23:16
Цитата
Гость написал:
В документации Битрикс написано:
"Слайдер выезжает справа налево, занимая все пространство сверху донизу".
Так только, без вариантов? Например по центру всплывать никак?

Не ковырял его в эту сторону. Но, если потратить время думаю можно унаследоваться от этого модуля и кастомизировать css ки
 
Цитировать   Имя
 
#6
Это нравится: 0 Да / 0 Нет
27.11.2022 10:57:25
Пробовал подключить, но на редакции Старт не работает.

В header:
Код
<?
if (!defined(&#39;B_PROLOG_INCLUDED&#39;) || B_PROLOG_INCLUDED !== true) 
{
    die();
}
CJSCore::Init("sidepanel");
?>
Шапку и подвал обернул.
В подвале в самом низу скрипт  : <script>$(&#39;.show_panel&#39;).click(function () {

    BX.SidePanel.Instance.open("/test2/", {
        requestMethod: "post",
        width: 500,
        cacheable: true,
        mobileFriendly: true,
        allowChangeHistory: false,
        label: {
            text: "Закрыть панель",
            color: "#FFFFFF",
            bgColor: "#E2AE00",
            opacity: 80
        },
    });

});
</script>

На тестовой странице вывел кнопку: <button class="show_panel">Показать панель</button>

Жму на кнопку и ничего не присходит. Может из-за редакции Старт не работает?
Изменено: Михаил Базаров - 25.07.2023 10:58:55
 
Цитировать   Имя
 
#7
Это нравится: 0 Да / 0 Нет
27.11.2022 12:39:27
Да, наверное в этой редакции нет этого расширения. Не знаю с какой появляется.
 
Цитировать   Имя
 
Ответить
BBCode   Правила
Форма ответов
 
Текст сообщения*
Перетащите файлы
Ничего не найдено
Файл
Загрузить файлы
 
Поблагодарить и поддержать:
Или подписаться на boosty канал: Видео на Ютубе