Difference between revisions of "Theme.liquid"
From Spiffy Stores Knowledge Base
| Line 17: | Line 17: | ||
* main content area: | * main content area: | ||
<pre> {{ content_for_layout }}</pre> | <pre> {{ content_for_layout }}</pre> | ||
| − | + | The dynamic content is provided by the other liquid templates and the result of rendering these templates is included at the position where you included this tag. | |
| − | The dynamic content | ||
Most likely you will want to specify javascript and stylesheet includes in the head tag of this file. | Most likely you will want to specify javascript and stylesheet includes in the head tag of this file. | ||
| Line 24: | Line 23: | ||
An example of a javascript include tag with a liquid filter | An example of a javascript include tag with a liquid filter | ||
| − | {{ 'shop.js' | asset_url | script_tag }} | + | <pre>{{ 'shop.js' | asset_url | script_tag }}</pre> |
An example of a stylesheet include tag with a liquid filter | An example of a stylesheet include tag with a liquid filter | ||
| − | {{ 'shop.css' | asset_url | stylesheet_tag }} | + | <pre>{{ 'shop.css' | asset_url | stylesheet_tag }}</pre> |
=== Variables === | === Variables === | ||
Revision as of 18:35, 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 is provided by the other liquid templates and the result of rendering these templates is included 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
{{ 'shop.js' | asset_url | script_tag }}
An example of a stylesheet include tag with a liquid filter
{{ 'shop.css' | asset_url | stylesheet_tag }}
Variables
You have access to the following liquid variables:
- template
- handle
- shop
- cart
- collections
- linklists
- pages
- blogs