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