[MODX] Сообщение о том, что сайт использует Cookie

Полоска внизу сайта, где написано, что сайт использует куки стала атрибутом для серьезных сайтов, т.к. есть во-первых европейское законодательство, обязывающее ставить такое предупреждение. Во-вторых наши законотворцы не отстают.

Полоска на этом сайте сделана по данной инструкции:

1. Устанавливаем пакет CookieConsent и убеждаемся, что подключена jQuery (Вы можете переписать функционал на чистый JS и опубликовать его в комментариях!)

2. Создаем чанк CookieConsent и помещаем туда код:

<style>
  .[[+class]]{
    background-color: #a9dcdb;
    padding: 5px 0;
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    top: auto;
    font-size: 12px;
    color:#000;
    text-align: left;
    z-index: 99999;
  }
  .[[+class]] a{
    color: inherit;
    text-decoration: underline;
  }
  .[[+class]]_container {
  	display: flex;
  	justify-content: center;
  	align-items: center;
  }
  .[[+class]]close_btn {
  	width: 35px;
  	height: 35px;
    margin-left: 50px;
  	cursor: pointer;
  	border: 1px solid;
  	border-radius: 100%;
  	text-align: center;
  	line-height: 35px;
  }
</style>
<div class="[[+class]]" data-name="[[+cookieName]]" data-value="[[+cookieValue]]" data-days="[[+cookieDays]]">
  <div class="container">
    <div class="[[+class]]_container">
      <div class="[[+class]]text">
        Наш сайт использует куки. Нажмите «ОК» если вы не против[[- <a href="[[+idCookiePolicy:gt=`0`:then=`[[~[[+idCookiePolicy]]]]`:else=`/`]]" target="_blank">Политике</a>. ]]
      </div>
      <div class="[[+class]]close_btn">OK</div>
    </div>
  </div>
</div>
<script>
  $(".[[+class]]close_btn").click(function(){
    $(".[[+class]]").mabCookieSet({onDone: function(){$(".[[+class]]").hide();}});
  });
</script>

3. Открываем настройки плагина CookieConsent и указываем там includeCSS = 0, и id страницы с текстом политики idCookiePolicy, хотя этот блок у меня закомментирован. Можно и так вставить ссылку - прямо в код.

4. Открываем файл assets/components/cookieconsent/css/cookieconsent-min.css и стираем там все содержимое, чтобы применялись только те стили, которые мы указали в чанке.

Комментарии (5)

  1. Дима 15 февраля 2019, 16:26(Комментарий был изменён) # 0
    Спасибо за сайт! Много полезного и нужного в работе.
    Можно рассказать, как сделать личный кабинет, его настройку и все, что этого может касаться?

    Хотел как-то сделать проект, где люди могли бы регистрироваться, попадать в личный кабинет и добавлять статьи на сайт через пре-модерацию мной.
    Т.е.в личном кабинете по идее должна быть кнопка что-то типа «Добавить новость», человек попадает в редактор, но через front-end, пишет и как бы публикует. Результатом — статья создается в соответствующем разделе на сайте, но висит не опубликованная до проверки администратором.

    Ну и, разумеется, если человек добавляет несколько новостей у него в ЛК должен быть список добавленных именно им новостей и невозможность их удалить или редактировать после публикации на сайте.

    Можете рассказать, как такое сделать?
    Спасибо.
    1. Дмитрий 11 декабря 2019, 21:29 # 0
      не работает кнопка закрыть окно
      1. Админ 22 мая 2020, 17:14 # 0
        Возможно, у вас не подключен jQuery…
      2. Дарьянна 21 мая 2020, 10:17 # 0
        Не работает кнопка закрыть окно. Можете, пожалуйста, устранить эту проблему в коде?
        1. Админ 22 мая 2020, 17:14 # 0
          Возможно, у вас не подключен jQuery. Добавил пометку о необходимости этой библиотеки в инструкцию.
        *Комментарий будет опубликован после проверки модератором

        [MODx] Генератор настроек MIGX

        [MODx, MIGx] Документация на русском по MIGX

        [MODX] Импорт и экспорт в MiniShop2. Реализация 1

        [JS] Маска для ввода телефона +7(___)___-__-__

        [MODx] minishop2 tips

        Как включить HTTPS (SSL) в MODX - Подробная инструкция

        [MODx, miniShop2] Генерация YML для выгрузки в маркет

        [MODx] Подсказки по API

        [OpenCart] Вывести на главную все категории с картинками

        [MODx] Сайт на обслуживании (выключить сайт)

        [MODx, MIGX] Примеры использования

        [PHP, JSON] Пример перевода с помощью Yandex Translate API

        Универсальная форма обратной связи — feedBackForm

        Расширение свойств товаров minishop2

        [MODx, Gallery] Галерея. Вывести обложки альбомов и фотографии

        [Opencart] Вернуть английский язык, если вы его удалили

        [OpenCart] Вывести модуль напрямую через контроллер

        [MODX, MIGX] Вывести getImageList только если он не пустой

        [MODx, Quip] Более рабочий вариант.

        [MODX, MIGX] Тип поля "Список ресурсов" (resourcelist) с ограничением по родителю (parents)

        [MODX] pThumb - ресайз изображений. Примеры использования.

        Красивое адаптивное меню под pdoMenu

        [MODX, MiniShop2] Примеры выборки where, optionFilters, innerJoin

        [MODx] Вывод tv-параметров в формате [название TV] - [значение TV]

        [MODX] Вывести список всех опций MiniShop2

        Все записи

        Добавьте такую строчку на свой сайт за 2 минуты по инструкции
        Наш сайт использует куки, нажмите «ОК» если вы не против
        OK