Секция Наверх добавляет круглую кнопку со стрелкой в нижний угол экрана. Когда покупатель нажимает на нее, страница возвращается в начало. Это помогает на длинных страницах, например на странице товара с большим количеством фото и отзывов.
Добавьте ее
- Откройте конструктор и перейдите на нужную страницу.
- На вкладке Секции нажмите Добавить новую секцию и выберите Наверх в группе Макет.
- Задайте угол, размер и цвета, затем нажмите Опубликовать.
Можно добавить одну на страницу, на любой странице. Ее место в списке секций не важно, потому что кнопка всегда парит в углу.
Когда она показывается
Вверху страницы кнопка скрыта. Она появляется, когда покупатель прокрутил вниз примерно на один экран, и снова скрывается, когда он возвращается к началу. В конструкторе она видна, пока секция выбрана, чтобы ее можно было оформить без прокрутки.
Покупатели, включившие на устройстве уменьшение движения, сразу перескакивают наверх без плавной прокрутки.
Настройки
Макет
- Позиция: угол Начало или Конец внизу экрана. Они зависят от языка магазина: в языке с письмом слева направо, например в русском, "Начало" означает левый угол, а "Конец" правый. В языке с письмом справа налево, например в арабском, они меняются местами. По умолчанию "Конец".
- Размер: размер кнопки, от 44 до 80 пикселей (по умолчанию 48). Даже самый маленький размер удобно нажимать на телефоне.
Внешний вид
- Прогресс прокрутки: показывает вокруг стрелки кольцо, которое заполняется по мере прокрутки страницы вниз. По умолчанию включено. Выключите для простой кнопки.
- Цветовая схема: кнопка использует цвета основной кнопки выбранной схемы (фон, стрелка и цвета при наведении). Чтобы их изменить, отредактируйте эту схему в разделе Цветовые схемы.
Покажите ее на каждой странице
У каждой страницы свои секции, поэтому добавьте кнопку один раз и используйте Применить ко всем страницам. Это обновляет только страницы, где уже есть секция "Наверх", поэтому сначала добавьте ее на остальные страницы. См. Секции и блоки.
Полезно знать
- Кнопка не появляется: страница может быть слишком короткой, чтобы прокрутить целый экран. Попробуйте страницу подлиннее.
- Она находится выше, чем ожидалось: на страницах с закрепленной внизу панелью покупки кнопка поднимается, чтобы они не перекрывали друг друга.
- Другие плавающие элементы: фиксированная кнопка рассылки занимает левый нижний угол. Если используете обе, поставьте "Наверх" на другую сторону, чтобы они не перекрывались.
- Плохо видно: выберите цветовую схему, у которой цвет основной кнопки выделяется на фоне страницы.
- Скрыть на время: используйте значок глаза у секции. Ее настройки сохраняются. Скрытие или удаление меняет только текущую страницу.