1
<!-- Наверх --> <div id="toTop"> <span><i class="material-icons">arrow_right_alt</i></span> </div>Или:
<!-- Наверх -->
И сразу перед ним добавьте данный код:
<!-- Уведомление о cookies --> <div class="cookies-bottom" style="display:none"> <div class="container"> <div class="cookies-bottom-wrapper"> <div class="cookies-bottom-icon"> <i class="material-icons">info</i> </div> <div class="cookies-bottom-content"> <div class="cookies-bottom-text"> <span class="form__pp">Для правильной работы, сайт использует технологию «cookie» для улучшения пользовательского опыта и анализа трафика. Нажимая на кнопку «Принять», вы соглашаетесь на использование файлов cookie в соответствии с нашей <a data-fancybox data-src="#fancybox__pp" href="javascript:;">политикой конфиденциальности</a>.</span> </div> </div> <div class="cookies-bottom-buttons"> <button class="cookies-bottom-closeBtn" type="button">Принять</button> <button class="cookies-bottom-closeBtn second" type="button">Отклонить</button> </div> </div> </div> </div>
2) В Редактор шаблонов --- forall.js добавьте в самый конец шаблона код:
/*
* name: jQuery Cookie
* version: 1.0
* file: jquery.cookie.min.js
* site: https://webcareer.ru/jquery-cookies-rabota-s-kukami-na-jquery.html
*/
jQuery.cookie=function(b,j,m){if(typeof j!="undefined"){m=m||{};if(j===null){j="";m.expires=-1}var e="";if(m.expires&&(typeof m.expires=="number"||m.expires.toUTCString)){var f;if(typeof m.expires=="number"){f=new Date();f.setTime(f.getTime()+(m.expires*24*60*60*1000))}else{f=m.expires}e="; expires="+f.toUTCString()}var l=m.path?"; path="+(m.path):"";var g=m.domain?"; domain="+(m.domain):"";var a=m.secure?"; secure":"";document.cookie=[b,"=",encodeURIComponent(j),e,l,g,a].join("")}else{var d=null;if(document.cookie&&document.cookie!=""){var k=document.cookie.split(";");for(var h=0;h<k.length;h++){var c=jQuery.trim(k[h]);if(c.substring(0,b.length+1)==(b+"=")){d=decodeURIComponent(c.substring(b.length+1));break}}}return d}};
3) В Редактор шаблонов --- main.css добавьте в самый конец шаблона код:
/* Окошко с информацией о cookies */
.cookies-bottom {position: fixed;bottom: 0;width: 100%;background: #f3f3f3;z-index: 100;}
.cookies-bottom-wrapper {display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center;padding: 10px 0;}
.cookies-bottom-icon {font-size: 32px;line-height: 40px;text-align: center;-webkit-box-flex: 0;-ms-flex: 0 0 40px;flex: 0 0 40px;}
.cookies-bottom-icon i {color: #FB6442;}
.cookies-bottom-buttons {display: flex;flex-wrap: nowrap;}
.cookies-bottom-content {padding: 5px 15px;}
.cookies-bottom-closeBtn {padding: 0 1.5rem;margin: 0 5px;}
.cookies-bottom-closeBtn:first-child {margin-left: 0;}
.cookies-bottom-closeBtn:last-child {margin-right: 0;}
@media (max-width:768px) {
.cookies-bottom-icon {display: flex;justify-content: center;align-items: center;margin-right: 0;}
.cookies-bottom-content {width: 90%;padding-bottom: 10px;}
.cookies-bottom-wrapper {flex-wrap: wrap;justify-content: center;}
.cookies-bottom-text{width: 100%; font-size: 12px;}
.cookies-bottom-icon {font-size: 32px;-webkit-box-flex: 0;-ms-flex: 0 0 32px;flex: 0 0 32px;}
}
4) В Редактор шаблонов --- main.js добавьте в самый конец шаблона код:
// Уведомление о cookies
$(function(){
function banner() {
// Если в куках нет записи
if(!$.cookie('cookies-bottom')){
var $bannerTop = $('.cookies-bottom');
// Показываем блок
$bannerTop.show()
$('.cookies-bottom .cookies-bottom-closeBtn').on('click', function(){
// Скрываем баннер
$bannerTop.hide()
// Запоминаем в куках, что посетитель уже заходил
$.cookie('cookies-bottom', true, {
// Время хранения cookie в днях
expires: 30,
path: '/'
});
})
}
}
banner();
})
