Пользовательские разделы не отображаются в новом редакторе тем Shopify

#themes #shopify #liquid #sections

#темы #Shopify #жидкость #разделы

Вопрос:

С выпуском нового редактора тем мне было поручено создать веб-сайт нового клиента с использованием новой платформы Shopify для создания тем.

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

Есть идеи, что здесь не так? Есть ли другой файл JSON, связанный с разделами, которые я пропускаю?

 <div id="callToActions">
  <div class="grid grid--no-gutters">
    <div class=""></div>
  </div>
</div>



{% schema %}
{
  "name": "Call to Actions",
  "class": "index-section index-section--flush",
  "settings": [
    {
      "id": "cta_1_title",
      "type": "text",
        "label": "CTA 1 Title",
      "default": "Dryups Specials"
    }
  ]
}
{% endschema %}

Ответ №1:

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

Это обновление заставит его появиться:

 {% schema %}
{
  "name": "Call to Actions",
  "class": "index-section index-section--flush",
  "settings": [
    {
      "id": "cta_1_title",
      "type": "text",
      "label": "CTA 1 Title",
      "default": "Dryups Specials"
    }
  ],
  "presets": [{
    "name": "Call to Actions",
    "category": "Text"
  }]
}
{% endschema %}

Обратите внимание на категорию. Если опустить это значение, оно попадет в раздел Разное.

1. Я бы хотел, чтобы в документах Shopify была заметка об этом. Как предупреждение или что-то, что легко заметить. Последние пару недель разрабатывали тему, и я не могу поверить, как часто такого рода важные заметки просто отсутствуют в их документах.

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

3. Предварительные настройки предназначены только для отображения раздела в списке «Добавить раздел» на домашней странице. Для пользовательской страницы (или любого другого шаблона) вам необходимо включить ее в качестве пользовательского раздела: {% section 'your-section' %}

4. Все еще актуально в 2021 году (с OS 2.0) и по-прежнему не упоминается нигде, кроме как в разделе «Настройки» статьи «Схема раздела». Как будто мы должны знать это из колледжа или предков

5. Этого нет нигде в документации по разделам, Shopify.dev/themes/architecture/sections Здорово увидеть обсуждение разработки Shopify в Stack вместо форума Sopify.