LayoutHub
User Guides
Layout Development
Search…
What is LayoutHub?
User guides
Support
Installation
Uninstallation
Upgrade/Downgrade
FAQs
Common Issues
Layout Management
Section builder
LayoutHub pages/templates
Pricing Plans
Settings
Trash
Sale Tools
Referrals
Integration
Tracking & Analytics
Layouthub & Shopify
Translate Apps
Recommend apps
Development
Getting started
Tools
Layout Structure
Reference
Engine syntax
Create a section
Components
Liquid in section
Javascript in section
Register vendors
Settings.js
Powered By
GitBook
Components
Component Names
Components that should only ever have a single active instance should begin with the
The
prefix, to denote that there can be only one.
Component names should always be PascalCase
Follow style guide
https://v3.vuejs.org/style-guide/#base-component-names-strongly-recommended
The include statement takes the code in the specified file and copies it into the file that uses the include statement.
1
{section-folder}/section.lh
2
3
<div class="lh-container">
4
<div>Your first setting is {{settings.first}}</div>
5
<ProducForm />
6
</div>
Copied!
For the above example, the file "
ProductForm.lh"
is placed in the "
components
" folder
If you love LayoutHub, could you consider posting an review? That would be awesome and really help us to grow our business, here is the
link
.
Previous
Create a section
Next
Liquid in section
Last modified
1yr ago
Copy link