Вкладка Макет задает, насколько широким может быть содержимое магазина на больших экранах. Она не дает тексту и товарам слишком растягиваться на широком мониторе.
Где это найти
Откройте конструктор, нажмите на значок шестеренки и откройте вкладку Макет. Раздел называется Макет страницы, и в нем одна настройка: Ширина страницы.
Ширина страницы
Передвиньте ползунок, чтобы выбрать максимальную ширину содержимого в пикселях. Значение меняется от 900 до 1400 с шагом 100. По умолчанию 1200.
- 900 или 1000: узкая страница. Строки текста остаются короткими и легко читаются. Подходит для магазина с небольшим числом товаров или большим количеством текста.
- 1100 или 1200: сбалансированная ширина, которая подходит большинству магазинов.
- 1300 или 1400: широкая страница. На больших экранах в каждый ряд помещается больше товаров.
Конструктор объясняет это так: задает максимальную ширину для больших экранов компьютеров, но на мобильных экранах ширина всегда 100%. На телефоне или маленьком экране содержимое всегда занимает всю ширину экрана, что бы вы здесь ни выбрали.
Ширина страницы и секции во всю ширину
У большинства секций есть собственная настройка Ширина с двумя вариантами:
- Страница: содержимое секции остается в пределах ширины страницы, заданной на вкладке "Макет".
- Полный: секция тянется от одного края экрана до другого и не учитывает ширину страницы.
Частый вариант: главный баннер или слайд-шоу с шириной Полный вверху и ширина Страница для секций ниже, чтобы изображения казались большими, а текст оставался удобным для чтения.
Частые задачи
- Магазин выглядит слишком растянутым на большом экране: уменьшите ширину страницы до 1100 или 1000.
- Хочу больше товаров в ряду на компьютерах: увеличьте ширину страницы, затем проверьте количество столбцов в секциях с товарами.
- Один баннер должен доходить до краев экрана: установите ширину этой секции "Полный". Ширину страницы менять не нужно.
- Макет на телефоне не изменился: так и должно быть. Телефоны всегда используют всю ширину экрана.
Проверьте в предпросмотре
Ширина страницы заметна только на экранах шире выбранного значения. Используйте предпросмотр для компьютера в конструкторе, чтобы увидеть разницу. См. Режимы предпросмотра.
Что ширина страницы не меняет
- Столбцы: сколько товаров или карточек показывается в ряду, задается в каждой секции, а не здесь.
- Интервал: пространство над и под секцией задается ее внутренними отступами, тоже в самой секции.
- Размер текста: задается в каждом тексте, а не здесь.
Полезно знать
- Ширина страницы относится к рынку, который вы редактируете, и применяется ко всем его страницам.
- Можно также попросить ИИ в конструкторе, например: "Сделай ширину страницы 1100". См. Как собрать магазин с помощью ИИ.
- Передумали? Отмените изменение в конструкторе. См. Сочетания клавиш, отмена и повтор.
- Изменения появятся в магазине, когда вы нажмете Опубликовать.