Home > Theme Design > Layouts
login

© Metadot Corporation

Layout  

The layout is basic part of a theme. It is a html template which use liquid tags. Liquid is a simple markup language for building of html templates. You can find more about it by clicking here.

Layout structure  

<html>
<head>

<!-- your meta tags would be here -->

{{page | js_and_css}}

<!-- your css and javascript tags would be here -->

</head>
<body {{page | body_attrs}}>
{{page | edit_bar }}

<!-- your html should be here -->

{{page.load_gizmos}}
</body>
</html>

The tags in bold are mandatory and each of them should be on the right place to work properly.

{{page | js_and_css}} - should be in page's head section;
{{page | body_attrs}} - should be in the body tag;
{{page | edit_bar }} - should be immediately after body tag;
{{page.load_gizmos}} - should be right before closing body tag.

 

More about the available liquid functions and objects can be found in Variable reference section of this wiki.