> For the complete documentation index, see [llms.txt](https://layouthub.gitbook.io/layouthub/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://layouthub.gitbook.io/layouthub/development/reference.md).

# Reference

- [Engine syntax](https://layouthub.gitbook.io/layouthub/development/reference/engine-syntax.md): for Liquid.json only
- [Deprecated: March 2020](https://layouthub.gitbook.io/layouthub/development/reference/engine-syntax/deprecated-march-2020.md): The new syntax has been applied since March, some of old code will be deprecated.
- [Chuẩn template mới - LayoutHub Editor V4](https://layouthub.gitbook.io/layouthub/development/reference/engine-syntax/chuan-template-moi-06-2021.md): Tiêu chuẩn và cú pháp mới cho việc xây dựng layout.
- [Create a section](https://layouthub.gitbook.io/layouthub/development/reference/create-section.md)
- [Components](https://layouthub.gitbook.io/layouthub/development/reference/includes.md)
- [Liquid in section](https://layouthub.gitbook.io/layouthub/development/reference/liquid-in-section.md)
- [Javascript in section](https://layouthub.gitbook.io/layouthub/development/reference/javascript-in-section.md)
- [Register vendors](https://layouthub.gitbook.io/layouthub/development/reference/include-vendors.md)
- [Settings.js](https://layouthub.gitbook.io/layouthub/development/reference/settings.js.md)
- [Call-to-action](https://layouthub.gitbook.io/layouthub/development/reference/settings.js/call-to-action.md): The powerful field for call-to-action
- [Text](https://layouthub.gitbook.io/layouthub/development/reference/settings.js/text.md): The setting field type Text
- [Textarea](https://layouthub.gitbook.io/layouthub/development/reference/settings.js/textarea.md)
- [Text Editor](https://layouthub.gitbook.io/layouthub/development/reference/settings.js/text-editor.md): The setting field type Text Editor
- [Dropdown](https://layouthub.gitbook.io/layouthub/development/reference/settings.js/dropdown.md): The setting field type Dropdown
- [Checkbox list](https://layouthub.gitbook.io/layouthub/development/reference/settings.js/checkbox-list.md): The setting field type Checkbox List
- [Checkbox radio](https://layouthub.gitbook.io/layouthub/development/reference/settings.js/checkbox-radio.md): The setting field type Checkbox Radio
- [Toggle](https://layouthub.gitbook.io/layouthub/development/reference/settings.js/toggle.md)
- [Number slider](https://layouthub.gitbook.io/layouthub/development/reference/settings.js/number-slider.md): The setting field type Number Slider
- [Number](https://layouthub.gitbook.io/layouthub/development/reference/settings.js/number.md): The setting field type Number Slider
- [Single image](https://layouthub.gitbook.io/layouthub/development/reference/settings.js/single-image.md): The complete filed using for a single image, the out put will be full of img tag with attributes
- [Image library](https://layouthub.gitbook.io/layouthub/development/reference/settings.js/image-library.md): The setting field type Image
- [Color picker](https://layouthub.gitbook.io/layouthub/development/reference/settings.js/color-picker.md): The setting field type Color Picker
- [Icon picker](https://layouthub.gitbook.io/layouthub/development/reference/settings.js/icon-picker.md): The setting field type Icon Picker
- [Font picker](https://layouthub.gitbook.io/layouthub/development/reference/settings.js/font-picker.md): The setting field type Font Picker
- [Background](https://layouthub.gitbook.io/layouthub/development/reference/settings.js/background.md): The setting field type Css Background
- [Picker](https://layouthub.gitbook.io/layouthub/development/reference/settings.js/picker.md): This field allow you get data from Shopify store, Example: Get list products,collections,menu ....
- [Group fields](https://layouthub.gitbook.io/layouthub/development/reference/settings.js/group-fields.md): The setting field type Group Fields