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

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

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

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

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>