Отображение второго изображения по умолчанию в каталоге

Данная модификация поможет скрыть первое изображение во всех карточках товара на одной странице.

Назад

Zero-блок

Инструкция для установки

Видеоинструкция

Текстовая инструкция

Появится в течение дня

1. Включите в настройках каталога функцию «Показывать второе изображение при наведении».

2. Введите нужные настройки в генератор кода.

3. Скопируйте готовый код и вставляем в блок T123. Сам блок с кодом разместите под блоком каталога или в футере сайта.

Оформить подписку

Эта модификация доступна только по подписке

Генератор кода

Расположение карточек товаров

Показать на устройствах

Скопировать код

Код скопирован

Код с вашими параметрами

<script>
    document.addEventListener('DOMContentLoaded', () => {
            let products = document.querySelectorAll('.js-product');
            products.forEach(product => {
                let images = product.querySelectorAll('.t-bgimg');
                if (images.length > 1) {
                    images[0].style.opacity = 0;
                    images[1].style.opacity = 1;
                }
            });
    });
    </script>

<script>
        const catalogs = document.querySelectorAll('.js-store-grid-cont');
        catalogs.forEach(catalog => {
          catalog.addEventListener('tStoreRendered',() => {
                let products = document.querySelectorAll('.js-product');
                products.forEach(product => {
                    let images = product.querySelectorAll('.t-bgimg');
                    if (images.length > 1) {
                        images[0].style.opacity = 0;
                        images[1].style.opacity = 1;
                    }
                });
          });
        });
    </script>

<script>
        document.addEventListener('DOMContentLoaded', () => {
        if (!/Android|webOS|iPhone|iPad|iPod|BlackBerry|IEMobile|Opera Mini/i.test(navigator.userAgent)) {
            let products = document.querySelectorAll('.js-product');
            products.forEach(product => {
                let images = product.querySelectorAll('.t-bgimg');
                if (images.length > 1) {
                    images[0].style.opacity = 0;
                    images[1].style.opacity = 1;
                }
            });
        }
    });
    </script>

<script>
    const catalogs = document.querySelectorAll('.js-store-grid-cont');
    catalogs.forEach(catalog => {
      catalog.addEventListener('tStoreRendered',() => {
        if (!/Android|webOS|iPhone|iPad|iPod|BlackBerry|IEMobile|Opera Mini/i.test(navigator.userAgent)) {
            let products = document.querySelectorAll('.js-product');
            products.forEach(product => {
                let images = product.querySelectorAll('.t-bgimg');
                if (images.length > 1) {
                    images[0].style.opacity = 0;
                    images[1].style.opacity = 1;
                }
            });
        }
      });
    });
    </script>

<script>
    document.addEventListener('DOMContentLoaded', () => {
        if (/Android|webOS|iPhone|iPad|iPod|BlackBerry|IEMobile|Opera Mini/i.test(navigator.userAgent)) {
            let products = document.querySelectorAll('.js-product');
            products.forEach(product => {
                let images = product.querySelectorAll('.t-bgimg');
                if (images.length > 1) {
                    images[0].style.opacity = 0;
                    images[1].style.opacity = 1;
                }
            });
        }
    });
    </script>

<script>
    const catalogs = document.querySelectorAll('.js-store-grid-cont');
    catalogs.forEach(catalog => {
      catalog.addEventListener('tStoreRendered',() => {
        if (/Android|webOS|iPhone|iPad|iPod|BlackBerry|IEMobile|Opera Mini/i.test(navigator.userAgent)) {
            let products = document.querySelectorAll('.js-product');
            products.forEach(product => {
                let images = product.querySelectorAll('.t-bgimg');
                if (images.length > 1) {
                    images[0].style.opacity = 0;
                    images[1].style.opacity = 1;
                }
            });
        }
      });
    });
    </script>

Могут быть интересны

Техническая поддержка

Заказать установку

Тебе нужна помощь
с установкой или возник вопрос по сервису?