§ / Shopify · Tools · Tool 03

Liquid schema
generator.

Writing JSON schema for Shopify sections is tedious. Here is a copy-paste baseline you can use to start any new OS 2.0 section, complete with the required presets object.

UtilityTheme development

TargetOS 2.0 Themes

Basic section scaffold

schema.json

JSON

{% schema %}
{
  "name": "Custom section",
  "tag": "section",
  "class": "custom-section",
  "settings": [
    {
      "type": "text",
      "id": "heading",
      "label": "Heading",
      "default": "Default heading"
    },
    {
      "type": "color",
      "id": "bg_color",
      "label": "Background color",
      "default": "#ffffff"
    }
  ],
  "presets": [
    {
      "name": "Custom section"
    }
  ]
}
{% endschema %}

Common Input Types

TypeDescriptionUsage

textSingle line text inputHeadings, button labels

richtextMulti-line rich text editorParagraphs, descriptions

image_pickerImage selectorBackgrounds, icons, photos

urlURL or internal link pickerButtons, links

checkboxBoolean toggleEnable/disable features

selectDropdown listAlignment, styling variants

colorColor pickerText or background colors

rangeNumber sliderPadding, font sizes

Shopify Custom Work

Need complex sections built?

If you need sections with advanced block logic, dynamic source connections, or intricate schema configurations, we build reliable, merchant-friendly sections.

Build this for my store Book a 30 min call →