EugeneMir.com
Блог программиста про IT и создании сайтов
Shopify: типы настроек для секций
86Прочее

Список всех актуальных типов данных, которые можно и нужно использовать при создании секции в Shopify.

Вступление

Если почитывали доки shopify то я полагаю вы заметите, что я распределил типы данных для секций в своем порядке и обледенение их в тематические группы.

Что важно знать при создании секции?

1. Любые типы могут использоваться: в одиночных секциях и в секциях которые используют блоки.

2. Для разных типов данных дополнительные атрибуты не всегда уместны.

Одиночные секции VS Блочные секции.

Одиночная секция:

<div class="my-section">{{ section.settings.text-box }}</div>
{% schema %}
  {
    "name": "My section",
    "settings": [
      {
        "id": "text-box",
        "type": "text",
        "label": "Heading",
        "default": "My section Title"
      }
    ]
  }
{% endschema %}

Блочные секции:

{% for block in section.blocks %}  
  <div class="my-section">{{ block.settings.text-box }}</div>
{% endfor %}
{% schema %}
{
    "name": "My section",
    "settings":[],
    "blocks":[
    {
      "type": "select",
      "name": "Text block",
      "settings": [
        {
        "id": "text-box",
        "type": "text",
        "label": "Heading",
        "default": "My section Title"
        }
      ]
    }
  ]
}
{% endschema %}

Контент магазина:

article - Статья

blog - Раскрывающиеся блоги

page - Раскрывающиеся страницы

collection - Коллекции выпадающий

product - Продукты выпадающие

Текст и ссылки:

text - Однострочные текстовые поля

textarea - Многострочные текстовые области

richtext - Богатый текст

html - Пользовательский HTML

url - URL

Контроль:

radio - Радио-кнопки

checkbox - Флажки

Списки:

select - Выпадающие списки

link_list - Раскрывающийся список ссылок

Медиа:

image_picker - Загрузка изображений

video_url - URL видео

Фичи:

range - Ползунки

color - Выбор цвета

font_picker - Выбор шрифта

Ссылки по теме:

ENG: https://shopify.dev/docs/themes/settings

Web-Inside24