Can I create a new setting type for theme architecture?

[aliepenter]

Hi everybody. I have a question about setting architecture of themes, you can see it in https://shopify.dev/themes/architecture/settings/input-settings , i want to know that can i customize a new setting type for it

[made4Uo · Accepted solution]

Hi @aliepenter,

You cannot customize those input-settings. However, you can use it in the section or blocks and can create your own type. See example below. See the difference on the way of calling the code in section and in blocks. 

Section 

HTML

<div>
<h2>{{section.settings.heading}}</h2>
</div>

SCHEMA

{% schema %}
{
  "name": "Custom Section",
  "settings": [
    {
      "type": "text",
      "id": "heading",
      "label": "Heading",
    }
]
}
{% endschema %}

Blocks - Creating your own type

HTML

<div>
<h2>{{section.settings.heading}}</h2>
{% for custom_block in section.blocks %}
<a href="{{custom_block.settings.my_link}}" style="color: {{custom_block.settings.color}}"> 
My Link</a>
{% endfor %}
</div>

SCHEMA

{% schema %}
{
  "name": "Custom Section",
  "settings": [
    {
      "type": "text",
      "id": "heading",
      "label": "Heading"
    }
],
"blocks": [
	{
    "type": "my-custom-block",
    "name": "My custom block",
    "settings": [
		{
		"type": "url",
		"id": "my_link",
		"label": "Link"
		},
		{
		"type": "color",
		"id": "color",
		"label": "Color",
		"default": "#000"
		}
		]
	}
]
}
{% endschema %}

Hope this helps