Информация об использовании Cookie на сайте MODx

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>

1. Устанавливаем пакет CookieConsent
2. Создаем чанк CookieConsent и помещаем туда код выше
3. Открываем настройки плагина CookieConsent и указываем там id Страницы с политикой idCookiePolicy и includeCSS 0
4. Открываем файл assets/components/cookieconsent/css/cookieconsent-min.css и стираем там все содержимое, чтобы применялись только те стили, которые мы указали в чанке.
   Заимствовал для себя вот тут: https://webstool.ru/modx-soobshhenie-o-tom-chto-sajt-ispolzuet-cookie.html