Theme.liquid

From Spiffy Stores Knowledge Base

Revision as of 17:35, 15 May 2008 by Admin (talk | contribs)

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