Автоматическое создание блоков темы в редакторе тем

С помощью Shopify Magic вы можете использовать искусственный интеллект (ИИ) для создания нового блока темы в редакторе тем на основе предоставленных вами данных.

Что нужно учесть при создании блоков темы

При создании блоков тем учитывайте следующие моменты:

  • Код, сгенерированный ИИ, не всегда идеален. Иногда он может содержать ошибки, приводить к неожиданным результатам или не полностью соответствовать лучшим практикам в области доступности и производительности. Вы несёте ответственность за проверку, тестирование и обеспечение того, что созданный блок соответствует вашим стандартам и работает корректно.
  • Проверьте, как блок выглядит на компьютере и на мобильных устройствах, в режиме предварительного просмотра редактора тем.
  • Если ваш блок содержит параметры настройки, протестируйте их после добавления блока, чтобы убедиться, что они работают так, как ожидалось.
  • После создания блока темы новый файл Liquid для этого блока добавляется в папку blocks в коде вашей темы.
    • Блоки тем состоят из Liquid— языка шаблонов Shopify. Файлы блоков тем также содержат HTML, CSS, JSON и JavaScript. После создания блока темы новый файл Liquid для этого блока добавляется в папку blocks в коде вашей темы.
      Папка blocks в редакторе кода темы
    • Если вы хотите отредактировать созданный блок темы, изменив его код, вы можете отредактировать код темы. Редактируйте код темы, только если вы знакомы с HTML и CSS и имеете базовое представление о Liquid.
    • Файл Liquid, созданный с помощью Shopify Magic, является самодостаточным. Вы по-прежнему сможете обновлять свою тему, когда в магазине тем будут публиковаться новые версии.

Требования для создания блоков тем

Ознакомьтесь со следующими требованиями для создания блоков тем.

Требования к тарифному плану

Ваш магазин должен использовать один из следующих тарифных планов:

  • Бесплатный пробный период
  • Basic
  • Growth
  • Advanced
  • Plus

Эта функция недоступна на тарифном плане Starter, в котором используется тема Spotlight и не поддерживается добавление пользовательских разделов или блоков темы.

Совместимость тем

Функция генерации блоков темы доступна для всех тем в магазине тем Shopify. Если вы используете совместимую стороннюю тему, вам необходимо приобрести ее, прежде чем создавать блоки темы, поскольку версия для бесплатного пробного периода не поддерживает эту функцию.

Эта функция недоступна в устаревших темах. Подробнее о функциях для различных версий архитектуры тем.

Требования к разрешениям пользователя

Следующие пользователи могут создавать блоки в темах:

Советы по составлению эффективных текстовых запросов для блоков темы

Качество сгенерированного блока часто зависит от качества вашего текстового запроса. Следуйте этим рекомендациям:

  • Формулируйте запросы точно и подробно: текстовые запросы должны состоять минимум из пяти слов. Более длинные и подробные запросы обычно дают более точные результаты. Например, вместо добавить изображения и текст введите Создать блок с изображением слева, заголовком, абзацем текста и кнопкой «Купить сейчас» справа. Разместить вертикально на мобильных устройствах.
  • Указывайте элементы контента: перечислите типы контента, необходимые для блока, такие как заголовки, абзацы, изображения, кнопки, формы и значки.
  • Предлагайте макет: опишите расположение элементов в блоке, например, рядом друг с другом, в виде сетки, по центру или в чередующихся строках.
  • Включайте параметры настройки: если вы хотите, чтобы в редакторе тем блок имел определенные редактируемые настройки, такие как возможность изменения изображения, текста или кнопки-ссылки, добавьте их в свой текстовый запрос. Например, чтобы включить настройку управления скоростью анимации в блок с видео, введите Добавить настройку для управления скоростью анимации.
  • Используйте уточняющие инструкции: если первый результат оказался не совсем подходящим, скорректируйте текстовый запрос, добавив больше деталей или изменив формулировку, а затем запустите генерацию снова.

Ознакомьтесь со следующими примерами текстовых запросов, которые соответствуют лучшим практикам:

  • Блок отзыва с фотографией клиента, текстом цитаты, именем клиента и отображением 5-звёздочного рейтинга.
  • Блок с описанием функции, расположенный в две колонки: слева значок и заголовок, справа — описательный текст.
  • Баннер во всю ширину с фоновым изображением, большим заголовком по центру, подзаголовком меньшего размера под ним и кнопкой призыва к действию.

Создание блока темы

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

Инструкция:

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

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

  3. Настройте главную страницу или откройте выпадающее меню «Главная страница» и выберите шаблон, в который хотите добавить раздел.

  4. Нажмите на раздел, для которого вы хотите создать блок.

  5. Нажмите «Добавить блок».

  6. Нажмите «Создать».

  7. Введите описание блока, который вы хотите создать.

  8. Нажмите «Создать». Shopify Magic обработает ваш запрос и создаст код.

  9. Просмотрите созданный блок прямо в редакторе тем. Если были созданы параметры настройки, вы можете настроить свой блок.

  10. Если созданный блок вас устраивает, нажмите «Сохранить». В противном случае вы можете удалить блок или предоставить дополнительные инструкции.

Удаление созданного блока темы

После создания блока темы новый файл Liquid для этого блока добавляется в папку blocks в коде темы. Если созданный блок темы вызывает проблемы в вашем магазине, его можно удалить, удалив соответствующий файл Liquid из кода темы.

Инструкция:

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

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

  3. Настройте главную страницу или откройте выпадающее меню «Главная страница» и выберите шаблон, в который хотите добавить раздел.

  4. Нажмите на раздел, в котором находится блок для удаления. Если вы ранее удалили все экземпляры этого блока, нажмите «Добавить блок», чтобы снова добавить его из выбора блоков.

  5. В настройках блока нажмите значок горизонтального меню, а затем выберите значок кода «Редактировать код».

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

    Редактор кода темы с папкой blocks и открытым файлом блока темы для удаления

  7. В меню боковой панели нажмите на значок Удалить рядом с файлом блока.

  8. В диалоговом окне для подтверждения нажмите «Удалить файл».