Второе изображение товара вместо первого в каталоге

Тильда показывает второе изображение товара при наведении курсора. На телефоне наведения нет, и второе фото посетитель не увидит никогда. Модификация меняет изображения ролями: по умолчанию видно второе.

Изображения не переставляются местами — первое прячется, второе показывается. Карточки без второго изображения остаются как были, потому что правило опирается на служебные классы, которые Тильда добавляет только при наличии второго фото.

Что настраивается

• Где показывать — на всех экранах, только на мобильных или только на десктопе. Граница проходит по 960 пикселям — той же, на которой Тильда включает наведение.
• Показывать первое изображение при наведении — необязательная настройка, которая переворачивает логику полностью: по умолчанию второе фото, под курсором первое.

Что учтено

• Правила действуют на карточки всех типов: блоки магазина, каталог и сниппеты товара — у каждого свои имена классов, и все три учтены.
• Код работает и с карточками, которые появляются позже: при подгрузке по кнопке «Показать ещё», при переключении разделов и фильтров, при пагинации. Ждать отрисовки каталога не нужно, потому что это стиль, а не скрипт.
• Ничего, кроме карточек товаров, не затрагивается: правила ограничены каталогом и магазином.

Ограничения

Второе изображение должно быть загружено в карточку товара. Настройку «Показывать второе изображение при наведении» в блоке нужно оставить включённой — именно она заставляет Тильду выводить второе фото в разметку.