{{ section.settings }} is null - theme app extensions

Extensions
1

Here’s my section added via theme app extensions:

<pre>{{ section.settings | json }}</pre>

 {% schema %}
    {
      "name": "Slidr Theme Section",
      "target": "section",
      "stylesheet": "before-after.css",
      "enabled_on": {
        "templates": ["*"]
      },
      "settings": [
        {
          "type": "header",
          "content": "Images"
        },
        {
          "type": "image_picker",
          "id": "first_image",
          "label": "First Image (Before)",
          
        },
        {
          "type": "image_picker",
          "id": "second_image",
          "label": "Second Image (After)",
        }
      ]
    }
  {% endschema %}

for some reason section.settings is always null. I am not sure what I am doing wrong here. Would love your help!! Been stuck with this half a day now :frowning:

2

HI，there
I wana ask you use this as a block or a standalone section？

3

Pretty certain you can’t just access it like that, why are you not just accessing each setting?

Note, the json filter does not work on all drops in Liquid.

5

this is a standalone section

6

{{ section.settings.first_image | image_url: width: 550}}
i tried doing the above after I added the image – but it kept saying invalid url - liquid error.

i have things in the settings all of them are null even when they have been assigned value in the editor.

so i wanted to check if settings even exists and its null. any idea how to access first_image correctly?

7

also i guess you dont have to set target: “section”

try to add preset
like this

"presets": [ 
    {
      "name": "Slidr Theme Section",
      "settings": [  <!-- Move settings inside presets -->
        {
          "type": "header",
          "content": "Images"
        },
        {
          "type": "image_picker",
          "id": "first_image",
          "label": "First Image (Before)"
        },
        {
          "type": "image_picker",
          "id": "second_image",
          "label": "Second Image (After)"
        }
      ]
    }
  ]
}```
8

@Sumanth_Jois I think you’re trying to access block settings instead of section settings, right? If so, you can use <pre>{{ block.settings | json }}</pre>.