Вкладка Анимации добавляет в магазин движение: секции плавно появляются, когда покупатель прокручивает страницу, а изображения увеличиваются при наведении мыши.
Где это найти
Откройте конструктор, нажмите на значок шестеренки и откройте вкладку Анимации. Раздел называется Общие анимации.
Появление при прокрутке
Появление при прокрутке анимирует секции, когда они появляются на экране. Каждая секция проигрывает анимацию один раз за посещение страницы. Варианты:
- Нет: без анимации. Секции просто на месте.
- Затухание: содержимое плавно проявляется.
- Скольжение вверх (по умолчанию): содержимое немного поднимается, плавно проявляясь.
- Скольжение внутрь: содержимое въезжает сбоку, плавно проявляясь.
- Масштаб: содержимое слегка увеличивается до своего размера.
Фон секции появляется сразу, а двигается только содержимое, поэтому на странице никогда не бывает пустых промежутков.
Какие части анимируются
- Шапка и панель объявлений никогда не анимируются. Они видны на экране сразу при открытии страницы.
- В сетках товаров, сетках коллекций, отзывах и FAQ каждая карточка или элемент анимируется отдельно, один за другим, а не вся секция целиком. В виде карусели вся секция анимируется как одно целое.
- Секция волн сохраняет затухание, но не скользит, чтобы волна оставалась соединенной с секцией под ней.
Что выбрать
Скольжение вверх подходит большинству магазинов. Затухание самое мягкое. Масштаб и Скольжение внутрь сильнее привлекают внимание, поэтому лучше подходят для игривого или смелого дизайна, чем для спокойного.
Эффект масштабирования изображений
Включите Эффект масштабирования изображений, чтобы изображения слегка увеличивались при наведении мыши. Это работает на карточках товаров, карточках коллекций, изображениях товара на странице товара и изображениях в отзывах. Эффект реагирует на мышь, поэтому покупатели на телефонах обычно его не видят.
Частые задачи
- Сделать магазин спокойнее: установите для появления при прокрутке Затухание или Нет.
- Отключить все движение: установите для появления при прокрутке Нет и выключите Эффект масштабирования изображений.
- Сделать фото товаров интерактивными: включите Эффект масштабирования изображений.
Решение проблем
- Я не вижу анимацию в конструкторе. Внутри конструктора появление при прокрутке отключено, чтобы вы могли редактировать без ожидания. Опубликуйте изменения и откройте свой магазин, чтобы увидеть анимацию.
- Некоторые посетители никогда не видят анимаций. Если посетитель включил на своем устройстве уменьшение движения, магазин показывает все секции на месте без анимации. Так сделано намеренно, ради комфорта и доступности.
- Увеличение не работает. Убедитесь, что вы на компьютере с мышью и что изображение относится к одному из перечисленных выше типов.
Полезно знать
Настройки анимации относятся к рынку, который вы редактируете, и применяются ко всем его страницам. Изменения появятся в магазине, когда вы нажмете Опубликовать. Если передумаете, отмените изменение в конструкторе. См. Сочетания клавиш, отмена и повтор.