Sections

The theme editor reads a JSON schema that defines display settings for merchants in the theme editor.

Each item in sections describes a configurable section on the page.

Structure

Field	Type	Description
label	object {ar,en}	Section title shown to the merchant (Arabic/English).
template	string	Path to the section’s Jinja template (e.g., "sections/image_slider.jinja").
settings	array	List of inputs the merchant can change (see Input Settings).
icon	text	Optional reference to an icon (e.g. `fal fa-box`).

Example

{
  "name": {
    "ar": "صفحة الهبوط",
    "en": "Homepage"
  },
   "sections": [
    {
      "label": {
        "ar": "شرائح الصور",
        "en": "Image Slider"
      },
      "template": "sections/image_slider.jinja",
      "settings": [
          {
            "type": "checkbox",
            "id": "hide_dots",
            "label": {
              "ar": "إخفاء النقاط",
              "en": "Hide dots"
            },
            "default": true
          }
      ]
    }
  ]
}

Sections

Sections#

Sections