> ## Documentation Index > Fetch the complete documentation index at: https://foliant-help.iforiti.com/llms.txt > Use this file to discover all available pages before exploring further. # Как открыть редактор шаблонов > Редактор шаблонов открывается на весь экран поверх страницы «Шаблоны». В нем есть визуальный редактор для блоков и редактор кода для Liquid и HTML. В редакторе шаблонов вы меняете внешний вид документа и то, что в нем печатается. Он открывается в полноэкранном окне поверх страницы **Шаблоны**. Большинство шаблонов можно редактировать двумя способами: в **Визуальном** редакторе вы собираете документ из блоков без кода, а в редакторе **Код** вы напрямую правите Liquid и HTML шаблона. Предпросмотр страницы обновляется по ходу работы. ![Редактор шаблонов в визуальном режиме](https://mintcdn.com/foliant-dev/AoWxppgqeHqT1nDZ/template-editor/images/editor-overview.png?fit=max\&auto=format\&n=AoWxppgqeHqT1nDZ\&q=85\&s=4c16c3872dcf20e9f32165be1563b3b2) ## Как открыть редактор 1. В Foliant перейдите в раздел **Шаблоны**. 2. Откройте меню **Действия** шаблона и выберите **Редактировать шаблон**. Также можно открыть страницу **Настройки** шаблона и нажать там **Редактировать шаблон**. Редактор всегда открывает уже существующий шаблон. Чтобы сделать новый, сначала нажмите **Создать шаблон** на странице «Шаблоны» (см. [Создание шаблона](https://foliant-help.iforiti.com/ru/templates/create-a-template.md)). После создания редактор откроется на новом шаблоне. Чтобы закрыть редактор, нажмите кнопку закрытия окна в админке Shopify. Вы вернетесь на страницу, с которой пришли. ## Что вы увидите **Верхняя панель** показывает название шаблона и следующие действия: | Действие | Что оно делает | | - | - | | **История** | Открывает историю версий шаблона. Пока она открыта, кнопка называется **Назад в редактор**. | | **Опубликовать** | Показывается вместо «Истории» как основная кнопка, когда включено **Требовать публикацию** и у шаблона есть неопубликованный черновик. См. [Сохранение изменений и публикация](https://foliant-help.iforiti.com/ru/template-editor/save-and-publish.md). | | **Настройки шаблона** | Закрывает редактор и открывает страницу настроек шаблона: кто получает шаблон, его название, тип документа, язык и отправка. | | **Показать блоки в JSON** | Только для визуальных шаблонов. Показывает блоки в виде данных для экспорта или импорта. См. [Экспорт и импорт блоков в JSON](https://foliant-help.iforiti.com/ru/template-editor/export-import-blocks.md). | | **Заменить стартовым шаблоном…** | Заменяет весь шаблон готовым стартовым шаблоном или дизайном. Ничего не меняется, пока вы не сохраните. | | **Удалить** | Удаляет шаблон после вашего подтверждения. | **В строке под верхней панелью** находятся: * Переключатель режима: **Визуальный** и **Код**. См. [Переключение между визуальным режимом и кодом](https://foliant-help.iforiti.com/ru/template-editor/visual-and-code-modes.md). * Параметры документа **Бумага**, **Язык документа**, **Второй язык** (для шаблонов в коде) и **Формат чисел**. Они сохраняются вместе с шаблоном. См. [Предпросмотр, размер бумаги и масштаб](https://foliant-help.iforiti.com/ru/template-editor/preview-paper-and-zoom.md) и [Даты, языки и переводы](https://foliant-help.iforiti.com/ru/template-editor/liquid-dates-and-languages.md). * Метка **Опубликована** или **Черновик — неопубликованные изменения**, если требуется публикация. * Метка **Несохраненные изменения**, пока у вас есть что сохранить. * В визуальном редакторе: **Отменить**, **Повторить**, **Стили документа** и число блоков. **Основная область** зависит от режима: * **Визуальный**: палитра блоков слева, страница посередине и инспектор справа. См. [Добавление, перемещение и удаление блоков](https://foliant-help.iforiti.com/ru/template-editor/add-and-arrange-blocks.md). * **Код**: редактор кода слева со справочниками **Переменные Liquid** и **Метаполя**, а справа — предпросмотр в реальном времени. См. [Редактирование кода шаблона](https://foliant-help.iforiti.com/ru/template-editor/code-editor.md). Над страницей также есть **Предпросмотр PDF**, кнопка **Водяной знак: вкл.** / **Водяной знак: выкл.** (см. [Добавление водяного знака или штампа](https://foliant-help.iforiti.com/ru/template-editor/watermarks.md)), выбор заказа для предпросмотра и кнопки масштаба. ## В каком редакторе открывается шаблон * Шаблон из блоков открывается в режиме **Визуальный**, если ваш план включает визуальный редактор. Иначе он открывается в режиме **Код**. См. [Доступность визуального редактора по планам](https://foliant-help.iforiti.com/ru/template-editor/visual-editor-plans.md). * Шаблон, написанный в коде, открывается в режиме **Код**. Вы можете преобразовать его в блоки на вкладке **Визуальный**. * Шаблон, созданный из купленного дизайна, открывается в редакторе дизайна. См. [Настройка дизайна](https://foliant-help.iforiti.com/ru/designs/customize-a-design.md). ## Полезно знать * Ссылки, ведущие из редактора (например, **Настройки шаблона**, настройки брендинга или страница планов), закрывают окно. Если у вас есть несохраненные изменения, Foliant сначала предложит **Сохранить и продолжить** или **Отменить и продолжить**. * В шаблонах счетов и кредит-нот, по которым уже выпущены документы, баннер напоминает, что изменения применяются только к документам, выпущенным с этого момента. См. [Блокировка выпущенных счетов](https://foliant-help.iforiti.com/ru/invoices-and-numbering/locked-invoices.md). * Шаблоны, которые печатают один документ для всех выбранных заказов (манифесты, сводки заказов, листы сборки), предлагают свои блоки и поля. Для них предпросмотр использует три примера заказов, а у блоков не может быть условий. ## Похожие статьи * [Переключение между визуальным режимом и кодом](https://foliant-help.iforiti.com/ru/template-editor/visual-and-code-modes.md) * [Добавление, перемещение и удаление блоков](https://foliant-help.iforiti.com/ru/template-editor/add-and-arrange-blocks.md) * [Редактирование кода шаблона](https://foliant-help.iforiti.com/ru/template-editor/code-editor.md) * [Сохранение изменений и публикация](https://foliant-help.iforiti.com/ru/template-editor/save-and-publish.md) * [Создание шаблона](https://foliant-help.iforiti.com/ru/templates/create-a-template.md) This documentation is built and hosted on [Mintlify](https://mintlify.com), a developer documentation platform.