Интересная модификация для магазина на тильде. При наведение на карточку товара соседние карточки затемняются, что позволяет сфокусировать внимание посетителя на выбранной продукции и эффектно выделить сайт среди конкурентов.
Код работает для блоков товаров из вкладки магазин.
Как подключить модификацию.
1. Создаем блок товаров
2. Подключаем к блоку функционал каталога и наполняем каталог
3. Создаем блок Т123
4. Вставляем код из инструкции.
Код работает для блоков товаров из вкладки магазин.
Как подключить модификацию.
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>