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

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

1. Устанавливаем пакет CookieConsent

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

<style>
  .cookieconsent{
  	background-color: #51697a;
  	padding: 15px 0;
  	position: fixed;
  	bottom: 0;
  	left: 0;
  	right: 0;
  	top: auto;
  	font-size: 12px;
  	text-align: left;
  	color: #b7c8d3;
  	z-index: 99999;
  }
  .cookieconsent a{
    color: #eccd9b;
    text-decoration: underline;
  }
  .cookieconsentcolse_btn_wr{
    float: right;
    margin-left: 50px;
  }
  .cookieconsenttext{
    float: left;
    width: calc(100% - 85px);
  }
  .cookieconsentcolse_btn{
    width: 35px;
    height: 35px;
    cursor:pointer;
    background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACMAAAAjCAYAAAAe2bNZAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoV2luZG93cykiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6NTBBMENCMUE5RDdDMTFFOEFDMjRBQkY4QTRFMDFCREIiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6NTBBMENCMUI5RDdDMTFFOEFDMjRBQkY4QTRFMDFCREIiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDo1MEEwQ0IxODlEN0MxMUU4QUMyNEFCRjhBNEUwMUJEQiIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDo1MEEwQ0IxOTlEN0MxMUU4QUMyNEFCRjhBNEUwMUJEQiIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PkIKo9sAAAdWSURBVHjadFhbiFZV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');
  }
</style>

<div class="cookieconsent" data-name="[[+cookieName]]" data-value="[[+cookieValue]]" data-days="[[+cookieDays]]">
  <div class="container clearafter">
    <div class="cookieconsentcolse_btn_wr">
      <div class="cookieconsentcolse_btn"></div>
    </div>
    <div class="cookieconsenttext">
      Бла-бла, что-то про куки самы придумайте.
      Более подробные сведения см. в нашей <a href="[[+idCookiePolicy:gt=`0`:then=`[[~[[+idCookiePolicy]]]]`:else=`/`]]" target="_blank">Политике</a>.
    </div>
  </div>
</div>
<script>
  $(".cookieconsentcolse_btn").click(function(){
    $(".[[+class]]").mabCookieSet({onDone: function(){$(".[[+class]]").hide();}});
  });
</script>

3. Открываем настройки плагина CookieConsent и указываем там id Страницы с политикой idCookiePolicy и includeCSS 0

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

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

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

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

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

    Можете рассказать, как такое сделать?
    Спасибо.
    1. Дмитрий 11 декабря 2019, 21:29 # 0
      не работает кнопка закрыть окно
      *Комментарий будет опубликован после проверки модератором

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

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

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

      [MODx] minishop2 tips

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

      [MODx] Создать источник файлов

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

      [PHP] Простое логирование

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

      Все записи