Text

The setting field type Text

Arguments

Name	Type	Value	Description
type	string	text	The type of setting
name	string	{field_name}	The unique name will be used in template
label	string	(optional)	The label that appears above of the setting field.
description	string	(optional)	The description that appears above under of the setting field.
placeholder	string	text	The placeholder text inside field when empty
tooltip	string	(optional)	The long description that appears on the tooltip when hover on.
value	string	(optional)	The default value will be used for the first time.

Code example

section.lh

@schema
{
	"name"		: "Input Text",
	"author"	: "LayoutHub",
	"website"	: "https://www.LayoutHub.com"
}
@endschema


<div class="sample-demo">
	
	<p> The setting will show up here:  {{settings.title }} </p>
	
</div>

settings.js

[
    {
        name: 'title',
        label: 'My Title',
        type: 'text',
        value: 'LayoutHub is the best Page builder on Shopify '
    }
]

How it works

Text field works in the editor