Обзор возможностей редактора тем

С помощью редактора тем вы можете настраивать такие области темы, как цвета, и управлять контентом с помощью разделов и блоков.

Доступ к редактору тем

Вы можете получить доступ к редактору тем из панели администратора Shopify.

1. В панели администратора Shopify перейдите в раздел Интернет-магазин > Темы.

2. Рядом с темой, которую хотите отредактировать, нажмите Настроить.

Разделы макета редактора тем

Редактор тем состоит из следующих разделов:

• Строка меню содержит кнопки навигации слева для переключения между разделами, настройками темы и встроенными приложениями; меню названия темы, рынка и шаблона — по центру; а элементы управления настройками — справа.
• На боковой панели отображается древовидное представление всего контента для шаблона, который вы сейчас просматриваете. На боковой панели можно управлять разделами и блоками, встроенными приложениями и настройками. Боковую панель можно свернуть.
• В окне предварительного просмотра отображается ваша тема, и оно обновляется автоматически при внесении изменений. Вы можете активировать предварительный просмотр для мобильных устройств или использовать инспектор предварительного просмотра для управления контентом шаблона темы в окне предварительного просмотра.

Панель меню

В строке меню отображаются элементы навигации, информация о теме и элементы управления для настройки вашей темы.

Навигация на боковой панели

В левой части строки меню можно переключаться между следующими представлениями на боковой панели:

• — для управления разделами и блоками в текущем шаблоне.
• — для управления глобальными настройками вашей темы, такими как цвета, типографика и макет.
• — для управления приложениями, которые встроены в вашу тему.

Чтобы скрыть боковую панель и открыть предварительный просмотр вашей темы на всю ширину, снова нажмите активную кнопку, чтобы отменить ее выбор. Если видны обе панели, нажатие активной кнопки свернет обе одновременно.

Сведения о теме, а также меню выбора рынка и шаблона

В центре строки меню находятся следующие элементы:

• ​ Название темы и ее статус. У вашей опубликованной темы отображается ярлык статуса Опубликовано . У неопубликованных тем отображается ярлык статуса Черновик . Нажмите на название темы, чтобы получить доступ к следующим параметрам:
  • Используйте опцию «Редактировать код», чтобы открыть редактор кода.
  • Используйте опцию «Редактировать контент темы по умолчанию», чтобы изменить стандартные формулировки в теме.
  • Используйте , чтобы открыть предварительный просмотр вашей темы.
  • Используйте опцию «Посмотреть документацию», чтобы открыть документацию по теме.
  • Используйте , чтобы просмотреть все доступные сочетания клавиш для редактора тем.
  • Используйте опцию «Получить поддержку», чтобы получить поддержку.
• Меню рынков — для предварительного просмотра и настройки вашей темы для различных рынков.
• Меню шаблонов — для навигации между различными шаблонами страниц в вашей теме.

Элементы быстрой настройки

Вы можете использовать следующие элементы управления в панели меню для настройки темы и управления внесёнными изменениями:

• Активируйте или деактивируйте Sidekick, чтобы получить помощь в настройке темы.
• Активируйте или деактивируйте инспектор предпросмотра.
• Нажмите кнопку предварительного просмотра , чтобы посмотреть, как ваша тема будет выглядеть на экране мобильного устройства.
• Управляйте текущей сессией настройки с помощью элементов управления отменой и повтором.
• Нажмите кнопку «Сохранить», чтобы сохранить изменения.

Если нет несохранённых изменений, которые можно было бы отменить или повторить, соответствующая кнопка будет неактивна.

Боковая панель

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

В вашей теме могут быть условные настройки, которые отображаются на боковой панели в зависимости от того, какие другие настройки активны. Например, если в вашей теме есть блок с настройкой для добавления видео или изображения, то средство выбора изображения или ссылка на видео могут быть условной настройкой, которая отображается только после того, как вы выберете Изображение в качестве типа медиафайла.

Режимы боковой панели

Редактор тем имеет два режима, позволяющих использовать всё пространство на экране.

Режим двойной боковой панели предназначен для широких окон браузера и больших экранов, а режим одной боковой панели — для более узких окон браузера и маленьких экранов. Режим боковой панели определяет, где в редакторе отображается панель настроек.

Режим с двумя боковыми панелями

Если ширина окна вашего браузера составляет не менее 1600 пикселей, у вас будут отображаться две панели. На левой панели находится структура страницы с вашими разделами и блоками, а на правой — настройки выбранного раздела или блока. Правую панель можно свернуть, отменив выбор разделов.

Чтобы просмотреть редактор тем в режиме одной боковой панели на большом экране, сужайте окно браузера до тех пор, пока редактор не переключится на вертикальный макет.

Режим с одной боковой панелью

На более узких экранах редактор использует вертикальный макет. При нажатии на раздел или блок панель настроек выдвигается из нижней части экрана, а не перекрывает структуру страницы. Вы можете перетаскивать разделитель, чтобы настроить соотношение размеров структуры страницы и панели настроек так, чтобы они обе оставались видимыми.

Предварительный просмотр темы

Вы можете просмотреть мобильный макет темы, нажав кнопку в строке меню. Чтобы вернуться к предварительному просмотру для ПК, снова нажмите эту кнопку.

Для предварительного просмотра вашей темы на всю ширину нажмите активную кнопку навигации на боковой панели, чтобы свернуть ее. Если видны обе панели, это действие свернет обе одновременно, предоставляя предварительный просмотр вашей витрины на всю ширину.

Отмена и повтор несохранённых изменений

Кнопки и служат для отмены и повтора несохранённых настроек. После сохранения изменений отменить или повторить их будет невозможно.

Использование сочетаний клавиш в редакторе тем

Вы можете использовать сочетания клавиш для навигации и выполнения действий в редакторе тем.