Переход по миниатюрам в карточке продукта ST205
Модификатор, который добавляет переход на отдельную страницу товара при нажатии на миниатюру в блоке ST205
jQuery
Код скопирован!
Скопировать код
Для корректной работы блоков подключите библиотеку jQuery:
Инструкция с подключением кода
Настройки сайта -> Еще -> Подключить jQuery на страницах сайта
  1. Настраиваем свойство "Цвет" у карточек в таком формате:
Цвет:/адрес страницы без домена
Например:
Черный:/catalog/osheynik-black
Белый:/catalog/osheynik-white
Шаг 2
Добавляем блок T123 на все страницы с товаром
  1. Копируем в него код
Шаг 1
Переходим в раздел Товары
Шаблон страницы
Код скопирован!
67849897
Нажми, чтобы скопировать номер
<script>
// Переход на отдельную страницу при клике на миниатюру с цветом
$(function(){
var optionTimer = setInterval(function(){
var elem = $('.t-product__option-title');
if(elem.length > 1) {
clearInterval(optionTimer);
$('.t-product__option-title').not(':first').each(function(){
var info = $(this).text();
var name = info.split(":")[0];
var url = info.split(":")[1];
// console.log(name, url);
$(this).text(name);
$(this).closest('label').attr('data-redirect', url);
$(this).closest('label').find('[name="Цвет"]').attr('value',name);
})
}
$('.t-product__option-checkmark').click(function(){
// console.log($(this))
var str = $(this).closest('label').attr('data-redirect');
// console.log(str)
window.location.href = `${str}`
})
},1000)

})
</script>
Текст скопирован в буфер обмена!
Текст скопирован в буфер обмена!
Вам также может быть интересно:
Pro подписка
Pro подписка
Модификации
Модификации
Модификации
Pro подписка
Подпишитесь на наши обновления в телеграм