Заинтересовал модуль SEO VIEWED - Просмотренные товары. Буду благодарен если кто-то поделится.
Ищу Ищу модуль SEO VIEWED
- Автор темы labirint
- Дата начала
Я случайно увидел фишку этого модуля на стороннем сайте, а сегодня искал себе кабель, и снова наткнулся на сайт с таким же модулем. Походу норм штука чтобы убрать "в избранное" (где нужна регистрация), а заменить на "вы смотрели" в шапке. Годный модуль, чтобы там не говорили
Может это только мне нравится, чтобы просмотренные товары были на виду, но не мешались с другими товарами. По такой же причине фильтры зачастую вызываются кнопкой, а не постоянно "висят" на видном месте. Сейчас пишу о мобильной версии, на десктопе думаю особой разницы нет. С моей точки зрения удобней видеть то что нужно, и решать пользоваться этим или нет. А все модули "вы смотрели" однотипные и выводятся одинаково на страницу - они или постоянно на виду, или "спрятаны" внизу или в левой колонке. Пол беды, если этот модуль со слайдером, а если нет, то снова просматриваешь, то что уже смотрел. Вот скрины двух реализаций, как удобнее, проголосуем?)
Вложения
1. Сделай блоку модуля отдельный класс, что-то типа class="mobile_menu_viewed", а вот это добавь в css:
.mobile_menu_viewed {
position: absolute; right: -100%; transition: right .5s
}
2. Сделай кнопку в нужном тебе месте, например возле корзины:
<button id="viewed_products"> текст внутри кнопки </button>
На кнопку навесь событие в js:
let viewed_btn =document.getElementById("viewed_products");
viewed_btn.addEventListener("click", function () {
viewed_btn.classList.toggle("mobile_menu_viewed");
});
Готово. У тебя кнопка в нужном месте, по которой выезжает блок с просмотренными товарами. И не надо никаких сомнительных модулей.
.mobile_menu_viewed {
position: absolute; right: -100%; transition: right .5s
}
2. Сделай кнопку в нужном тебе месте, например возле корзины:
<button id="viewed_products"> текст внутри кнопки </button>
На кнопку навесь событие в js:
let viewed_btn =document.getElementById("viewed_products");
viewed_btn.addEventListener("click", function () {
viewed_btn.classList.toggle("mobile_menu_viewed");
});
Готово. У тебя кнопка в нужном месте, по которой выезжает блок с просмотренными товарами. И не надо никаких сомнительных модулей.
