Theme.liquid

Overview

The theme.liquid file 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 the content_for_layout tag.

Normally, you will want to specify javascript and stylesheet includes in the head tag of this file.

Here is an example of a javascript include tag with a liquid filter

{{ 'shop.js' | asset_url | script_tag }}

This is an example of a stylesheet include tag with a liquid filter

{{ 'shop.css' | asset_url | stylesheet_tag }}

Variables

In this file you have access to the following liquid variables:

• template
• page_title
• handle
• shop
• cart
• products
• collections
• linklists
• pages
• blogs
• request
• cookies

Further Reference

• Liquid Basics
• Liquid Tag Reference
• Liquid Filter Reference
• Liquid Variable Reference
• Pagination