CookieConsent. Вывести уведомление о cookie на сайт.

Здравствуйте, уважаемые форумчане. Столкнулся с потребностью вывести cookie уведомление при первом посещении сайта. Пробовал использовать плагин CookieConsent и ничего не вышло. Может кто знает, где я ошибся? Ниже прилагаю:

Настройки плагина CookieConsent

Код чанка:
<div data-name="[[++cookieName]]" data-value="[[++cookieValue]]" data-days="[[++cookieDays]]"  class="alert alert-warning alert-dismissible fade in [[++class]]" role="alert">
  <p class="text-center">
    We have placed cookies on your device to help make this website better. You can view our <a title="View out cookie policy" href="[[++idCookiePolicy:gt=`0`:then=`[[~[[++idCookiePolicy]]]]`:else=`/`]]">cookie policy here</a>.
    <button type="button" class="btn btn-info" data-dismiss="alert">Continue using site</button>
  </p>
</div>

<script>
  $(function() 
  {
    $(".[[++class]] button").click(function ()
    {
      $(".[[++class]]").mabCookieSet({onDone: function(){$(".[[+class]]").hide();}});
    });
  });
</script>
В документации указано, что после установки, пакет будет работать (даже без вызова чанка?). Установил, настроил — не работает. Попробовал вызвать чанк, и все равно не работает. Если кто скажет, что я сделал не так — буду благодарен.
Или же, напишите в комментариях, чем вы пользуетесь для выведение cookie-уведомления. Заранее спасибо.
Алексей
09 января 2020, 01:09
modx.pro
1
1 827
0

Комментарии: 4

Сергей Шлоков
10 января 2020, 08:34
0
Судя по чанку должен быть подключен jQuery и Bootstrap.
    Александр Мельник
    10 января 2020, 09:14
    +2
    Охота вам мудрить с чужими компонентами.
    JS нативно умеет выставлять куки
    learn.javascript.ru/cookie
    Fenom умеет работать с суперглобальными массивами и легко получить {$.cookies}
    Осталось в шаблоне проверить если есть в массиве {$.cookies} нужная, то не показывать уведомление, если нет — то показать. А для кнопки закрытия уведомления написать обработку, что при клике закрыть и выставить нужную куку.
      Kurt
      21 сентября 2022, 03:48
      0
      Да, конечно.
      Зачем использовать готовый компонент? Их же просто так создают.
      Надо обязательно зае***ься мозгами.
        Лёша
        21 сентября 2022, 12:34
        0
        А смысл тратить время на то чтоб разбираться с чужим дополнением, если там кода на несколько строчек?

        <style>
            .cookie-message {
                position: sticky;
                z-index: 100;
                bottom: 0;
                background-color: #fff;
                border-top: 1px solid #d3d3d3;
            }
        
            .cookie-message-inner {
                display: flex;
                justify-content: space-between;
                align-items: center;
                padding: 1.5rem 0;
                line-height: 1.2;
            }
        
            .cookie-message-text {
                flex-grow: 2;
            }
        </style>
        
        <div class="cookie-message js-cookie-message" hidden>
            <div class="container">
                <div class="cookie-message-inner">
                    <div class="cookie-message-text">
                        текст
                    </div>
                    <button class="button js-cookie-message-confirm">ОК</button>
                </div>
            </div>
        </div>
        
        <script>
            if (!localStorage.getItem('cookieAccept')) {
                const el = document.querySelector('.js-cookie-message');
                el.style.display = 'block';
                el.querySelector('.js-cookie-message-confirm').addEventListener('click', (e) => {
                    localStorage.setItem('cookieAccept', 1);
                    el.style.display = 'none';
                }, true);
            }
        </script>
      Авторизуйтесь или зарегистрируйтесь, чтобы оставлять комментарии.
      4