Props

Props are used to configure the look and feel of sections. Section template can access the props with settings.props Each prop is an object with various fields explained below

settings.props.[prop_id].value

Returns the value of the prop id.

settings.props.[prop_id].default

Returns the default value of the prop

settings.props.[prop_id].type

Returns the type of the prop. This type is used in the Theme editor to show various input types. Available input types are - text, color, range, checkbox, product, brand, collection, html, image & video - types of Input.

settings.props.[prop_id].label

Returns the label for the prop.

settings.props.[prop_id].info

Returns info of the prop. This info is used in the tooltip of the Theme editor.

Example

export const settings = {
    label: 'Raw HTML',
    props: [
        {
            id: 'code',
            label: 'Your Code Here',
            type: 'code',
            default: '',
            info: 'Add Your custom HTML Code below. You can also use the full screen icon to open a code editor and add your code',
        },
    ],
    blocks: [],
};