Difference between revisions of "Theme.liquid"
From Spiffy Stores Knowledge Base
(New page: == Overview == The file '''theme.liquid'' is basically an HTML/XHTML file that contains liquid tags and provides the overall ''theme'' of the site. In this file, you will want everything ...) |
|||
| Line 9: | Line 9: | ||
* A body tag | * A body tag | ||
| − | This file contains all the static elements of your | + | This file contains all the static elements of your site. |
You must include the following two lines somewhere within the file. | You must include the following two lines somewhere within the file. | ||
| Line 32: | Line 32: | ||
=== Variables === | === Variables === | ||
| − | + | You have access to the following liquid variables: | |
| − | + | * template | |
| − | + | * handle | |
| − | + | * shop | |
| − | + | * cart | |
| − | + | * collections | |
| − | + | * linklists | |
| − | + | * pages | |
| − | + | * blogs | |
Revision as of 17:33, 15 May 2008
Overview
The file 'theme.liquid is basically an HTML/XHTML file that contains liquid tags and provides the overall theme of the site. In this file, you will want everything that is normally included in a standard index.html page.
For example, you will need
- A doctype specifying whether it's transitional or strict
- A head tag
- A body tag
This file contains all the static elements of your site.
You must include the following two lines somewhere within the file.
- head section:
{{ content_for_header }}
- main content area:
{{ content_for_layout }}
The dynamic content(meaning all the other liquid templates being found in ../templates) such as the products screen or articles are rendered at the position where you included this tag.
Most likely you will want to specify javascript and stylesheet includes in the head tag of this file.
An example of a javascript include tag with a liquid filter
An example of a stylesheet include tag with a liquid filter
Variables
You have access to the following liquid variables:
- template
- handle
- shop
- cart
- collections
- linklists
- pages
- blogs