Shopify how can I add theme settings section?

Question

I know that to add sections or blocks, I just create a structure like this inside my template:

{% schema %}
{
  "name": "icons",
  "settings": [
    {
      "type": "text",
      "label": "your headline for the section"
    }
  ]
}
{% endschema %}

But how do I get my sections that I added in settings_schema.json and add to a specific template equal to the image?

Theme settings act as global into Shopify and you can use theme anywhere, in any layout, section or snippets, assets files. you not need to add them like sections anywhere — Onkar
Thanks for the @Onkar reply! But what I really wanted is to understand how I can make the "Theme settings" tab appear inside an equal section in the image. — Aks Jacoves
You can the new theme settings sub child along with section appear due to Shopify logic and I think it shows the that settings that are used on this page or something else. you need to consult with Shopify support for it — Onkar

bprdev bprdev · Accepted Answer · 2021-09-07T20:40:39

I'm not 100% sure what you are asking. But if you're asking how to access the values stored in Theme Settings, it is done like this: {{ settings.theme_setting_id }}

Example:

Add To Theme Setting Schema In settings_schema.json:

  {
    "name": "Maintenance",
    "settings": [
      {
        "type": "text",
        "id": "collection_subtitle",
        "label": "Subtitle"
      }
    ]
  }

Get The Value Store In Theme Settings:

<p>
  {{ settings.collection_subtitle }}
</p>

Shopify how can I add theme settings section?

1 Answers