Слайдшоу

Слайдшоу — это секция, в которой отображаются слайды с изображениями. Слайдшоу можно добавить на любую страницу интернет-магазина.

Настроить секцию

  1. Нажмите на секцию Слайдшоу.

  2. В панели справа отредактируйте настройки:

    Настройка

    Описание

    Соотношение сторон

    Укажите соотношение сторон слайда:

    • 2:1 (для мобильной версии — 4:3)
    • 5:2 (для мобильной версии — 4:3)
    • 7:2 (для мобильной версии — 7:3)
    • 5:1 (для мобильной версии — 5:2)
    • 10:1 (для мобильной версии — 7:1)
    • На весь экран — выберите, чтобы показывать слайд на всю ширину экрана.

    Палитра цветов

    Выберите, в какой палитре отображать слайдшоу.

    Автовоспроизведение

    Включите опцию, чтобы автоматически прокручивать слайды.

    Текст на слайдах

    Выравнивание по горизонтали

    Выберите выравнивание по горизонтали:

    • Слева
    • По центру
    • Как в теме — использовать настройки вкладки Тема.

    Выравнивание по вертикали

    Выберите выравнивание текста по вертикали:

    • Слева
    • По центру
    • Как в теме — использовать настройки вкладки Тема.

    Отступ по вертикали

    Отступ от края баннера до текста при выравнивании по вертикали сверху и снизу.
    Минимальное значение — 0 пикселей, максимальное — 40 пикселей.

    Размеры секции

    Растянуть секцию на весь экран

    Выберите:

    • Как в теме — использовать настройки вкладки Тема.
    • Да
    • Нет

    Отступ по краям на десктопе

    Выберите:

    • Как в теме — использовать настройки вкладки Тема.
    • Свое значение — задайте свое значение в пикселях.

    Отступ по краям на телефоне

    Выберите:

    • Как в теме — использовать настройки вкладки Тема.
    • Свое значение — задайте свое значение в пикселях.

    Отступ над секцией

    Выберите:

    • Двойной
    • Обычный
    • Нет — без отступа.

    Отступ под секцией

    Выберите:

    • Двойной
    • Обычный
    • Нет — без отступа.
  3. Добавьте один или несколько элементов Слайд.

Слайд

Слайд — это элемент внутри секции Слайдшоу, на котором есть изображение и текст.

Настроить

  1. Слева от названия секции Слайдшоу нажмите .

  2. Выберите Слайд. Откроется правая панель управления настройками этого элемента.

  3. Настройте отображение элемента:

    Настройка

    Описание

    Ссылка

    Введите ссылку на товар или коллекцию. При нажатии на слайд произойдет переход по этой ссылке.

    Выберите, на что ссылка — На баннер или На кнопку. Задайте текст и цвет кнопки, если требуется.

    Изображение или видео

    Загрузите изображение или видео, которое будет отображаться в полной версии интернет-магазина.

    Рекомендованный формат — 2:1.

    Изображение или видео для телефона

    Загрузите изображение или видео, которое будет отображаться в мобильной версии интернет-магазина.

    Рекомендованный формат — 4:3.

    Создать изображение

    Опишите изображение для генерации. Примеры промтов и результатов смотрите на странице Примеры генераций для слайдов.

    Советы для качественной генерации

    Для качественной генерации используйте подробный промпт, где опишите последовательно:

    • Стиль изображения.
    • Модель, товар или объект.
    • Действие, позу или расположение.
    • Ключевые детали.
    • Локацию и время.
    • Цвет и атмосферу.
    • Фон и глубину.

    Выберите формат:

    • 2:1 (для мобильной версии — 4:3)
    • 5:2 (для мобильной версии — 4:3)
    • 7:2 (для мобильной версии — 7:3)
    • 5:1 (для мобильной версии — 5:2)
    • 10:1 (для мобильной версии — 7:1)
    • На весь экран — выберите, чтобы показывать слайд на всю ширину экрана.

    Изображение автоматически отобразится в полях Изображение или видео и Изображение или видео для телефона в выбранных форматах.

    Текст слайда

    Размер текста

     

    Выберите размер текста на слайдах:

    • Маленький

    • Средний

    • Большой

    Заголовок

    Введите текст заголовка.

    Толщина заголовка

    Выберите толщину заголовка:

    • Normal

    • Medium

    • Semibold

    • Bold

    Подзаголовок

    Введите текст подзаголовка.

    Толщина подзаголовка

    Выберите толщину подзаголовка:

    • Normal

    • Medium

    • Semibold

    • Bold

    Внешний вид

    Цвет текста

    Выберите в палитре или укажите HEX-код цвета текста.

    Цвет фона секции

    Выберите в палитре или укажите HEX-код цвета фона секции.

    Затемнение фона

    Настройте затемнение фона слайда.

  4. (Опц.) Чтобы добавить еще слайд, в левой панели нажмите Добавить элемент и повторите п. 3.

Перенести

Слева от названия слайда зажмите и перетащите его.

Удалить

Справа от названия нажмите .