Difference between revisions of "Theme.liquid"

From Spiffy Stores Knowledge Base

m
 
(One intermediate revision by the same user not shown)
Line 35: Line 35:
  
 
* [[Liquid Template Variables - template|template]]
 
* [[Liquid Template Variables - template|template]]
* [[Liquid Template Variables - page_title|page_title]]
+
* [[Liquid Template Variables - page_title|page_title]]
 
* [[Liquid Template Variables - handle|handle]]
 
* [[Liquid Template Variables - handle|handle]]
 
* [[Liquid Template Variables - shop|shop]]
 
* [[Liquid Template Variables - shop|shop]]
Line 46: Line 46:
 
* [[Liquid Template Variables - request|request]]
 
* [[Liquid Template Variables - request|request]]
 
* [[Liquid Template Variables - cookies|cookies]]
 
* [[Liquid Template Variables - cookies|cookies]]
 +
 +
== Further Reference ==
 +
 +
* [[Liquid Basics]]
 +
* [[Liquid Tag Reference]]
 +
* [[Liquid Filter Reference]]
 +
* [[Liquid Variable Reference]]
 +
* [[Liquid Paginate Tag|Pagination ]]

Latest revision as of 13:17, 25 June 2018

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:

Further Reference