Футболка (белая)
1990
р.
р.
На данной странице продемонстрировано несколько модификаций:

для просмотра переключайте фильтр "Размер", фотографии в галерее будут заменяться


для просмотра нажмите на миниатюру в фильтре "Цвет", вы будете перенаправлены на отдельную страницу товара с другим цветом


для просмотра добавьте товар в корзину


Укажите длину вашей ступни в см
39
Вам подойдет размер:
Размер 39
Здесь меняется описание 1
Привязка фотографий к фильтру «размер» в ST205

Добавляем код. Настраиваем код
  1. На строках 58, 62, 66, 70 в 'кавычках' пишем названия размеров, как они указаны в настройках вашего каталога
  2. Заменяем размеры в формуле
  3. На 20-24 строках также заменяем название размеров и указываем количество фотографий, которые должны отображаться для каждого размера

  1. Для блока ST205 Задаем класс uc-single-prod

Переход по миниатюрам в карточке продукта ST205

  1. Настраиваем свойство "Цвет" у карточек в таком формате:
Цвет:/адрес страницы без домена
Например:
Черный:/catalog/osheynik-black
Белый:/catalog/osheynik-white

Добавляем код

Хлебные крошки над заголовком в блоке ST205

Копируем код. Настраиваем стили
  1. В коде задаем цвет для кнопок, отступы, а также ссылки и названия категорий.
Для удобства добавили комментарии рядом с каждым пунктом

Переключатель контента в зеро блоке через селект стандартной формы (размеры)

Добавляем код.
Настраиваем код
  1. Изменяем текст
  2. Добавляем ссылки на изображения

Создаем Zero Block и открываем редактор
  1. Добавляем 2 первоначальных изображения
  2. Задаем им классы pic1 и pic2
  3. Добавляем первый текстовый элемент
  4. Задаем ему класс n-size-el
  5. Добавляем второй текстовый элемент
  6. Задаем ему класс razmer
  7. Добавляем третий текстовый элемент
  8. Задаем ему класс info
  9. Добавляем форму
  10. В форме добавляем Выпадающий список/Dropdown
  11. Задаем ему variable name: n-size

Добавляем фотографии в стандартную корзину


Made on
Tilda