Top.Mail.Ru
Модификации

При наведение на карточку товара соседние карточки затемняются в Тильде

Магазин
Интересная модификация для магазина на тильде. При наведение на карточку товара соседние карточки затемняются, что позволяет сфокусировать внимание посетителя на выбранной продукции и эффектно выделить сайт среди конкурентов.

Код работает для блоков товаров из вкладки магазин.

Как подключить модификацию.

1. Создаем блок товаров

2. Подключаем к блоку функционал каталога и наполняем каталог

3. Создаем блок Т123

4. Вставляем код из инструкции.
<!-- Cubeteam.ru Видео на весь блок -->
<style>
.js-store-grid-cont:hover .js-product {opacity: .5; filter: blur(2px);}
.js-store-grid-cont:hover .js-product:hover {opacity: 1; filter: blur(0px);}
.js-product {transition: opacity 0.3s ease-in-out}
</style>