Skip to main content

Sidebar settings

Sidebar settings can't hold a value and aren't configurable. They're informational elements that can be used to provide detail around your input settings and organize them.

Sidebar settings are composed of standard attributes. The following are the types of sidebar settings:

Tip

If you want to add input settings, like a checkbox, then refer to Input settings.


The following are standard attributes across sidebar settings:

AttributeDescriptionRequired
typeThe input setting type, which can be either header or paragraph.Yes
contentThe setting content, which will show in the theme editor.Yes

A setting of type header outputs a header element to help you better organize your input settings. In addition to the standard attributes of a sidebar setting, header type settings have the following attribute:

AttributeDescriptionRequired
infoAn option for informational text about the setting.No

For example, the following setting generates the following output:

{
"type": "header",
"content": "Email Signup",
"info": "Subscribers added automatically to your "accepted marketing" customer list. [Learn more](https://help.shopify.com/manual/customers/manage-customers)"
}

Output

header setting

A setting of type paragraph outputs a text element to help you better describe your input settings. For example, the following setting generates the following output:

{
"type": "paragraph",
"content": "All of your collections are listed by default. To customize your list, choose 'Selected' and add collections."
}

Output

paragraph setting

You can add links to the info settings attribute by enclosing the link text in brackets and then following it immediately with the URL in parentheses.

For example, the following setting generates the following output:

Settings

{
"type": "checkbox",
"id": "enable_payment_button",
"label": "Show dynamic checkout button",
"info": "Each customer will see their preferred payment method [Learn more](https://help.shopify.com/manual/online-store/dynamic-checkout)",
"default": true
},

Output

link setting

Was this page helpful?