section

Example

{
  "id": "section_123456",
  "type": "banner",
  "blocks": {
    "slide-a": {
      // ...
    },
    "slide-b": {
      // ...
    }
  },
  "block_order": [
    "slide-a",
    "slide-b"
  ],
  "settings": {
    "margin_top": 0
  }
}

Example

{
  "id": "section_123456",
  "type": "banner",
  "blocks": {
    "slide-a": {
      // ...
    },
    "slide-b": {
      // ...
    }
  },
  "block_order": [
    "slide-a",
    "slide-b"
  ],
  "settings": {
    "margin_top": 0
  }
}

You can access detailed information about the current section being rendered, including its settings and blocks, using the section object.

To learn more about sections, and using them in your theme, see Sections.

Syntax

{{ section.id }}

Properties

string

The unique identifier of the section. This is automatically generated in JSON template when they’re added by theme editor.

string

The type of the section.

object

The blocks of the section, accessible by their IDs.

string[]

The IDs of the blocks of the section, in the order they will appear.

object

The settings of the section.

Scope

It’s accessible globally in any section or block.

Introduction

Key Concepts

References

Syntax

Properties

Scope

​Syntax

​Properties

​Scope

Syntax

Properties

Scope