Difference between revisions of "The Spiffy Theme Guide"
From Spiffy Stores Knowledge Base
Line 9: | Line 9: | ||
* "[[Theme.liquid]]" template file that controls the layout & look of your entire site. | * "[[Theme.liquid]]" template file that controls the layout & look of your entire site. | ||
− | * "Index.liquid" template controls the look and content on your home page | + | * "[[Index.liquid]]" template controls the look and content on your home page |
− | * "Collection.liquid" template controls the layout of your collection pages | + | * "[[Collection.liquid]]" template controls the layout of your collection pages |
− | * "Blog.liquid" controls the layout of your blog pages | + | * "[[Blog.liquid]]" controls the layout of your blog pages |
− | * "Cart.liquid" controls the look of your shopping cart page | + | * "[[Cart.liquid]]" controls the look of your shopping cart page |
− | * "Product.liquid" controls the layout of your product pages | + | * "[[Product.liquid]]" controls the layout of your product pages |
− | * "Page.liquid" controls the layout of all "pages" that aren't controlled by other templates | + | * "[[Page.liquid]]" controls the layout of all "pages" that aren't controlled by other templates |
Revision as of 11:40, 4 May 2012
Spiffy Stores use a templating system that incorporates special "liquid" tags that make the dynamic content appear in the templates. All templates use standard HTML & CSS for the layout, and can be opened in any program designed for editing or creating web pages.
A "Theme" is simply all of these HTML & CSS templates along with their images all zipped up in a zip file.
To create your own theme, it's a LOT easier to choose a theme from the theme gallery that's closest to the design you want to achieve, apply it to your site, then download it.
Themes are made up of the following templates:
- "Theme.liquid" template file that controls the layout & look of your entire site.
- "Index.liquid" template controls the look and content on your home page
- "Collection.liquid" template controls the layout of your collection pages
- "Blog.liquid" controls the layout of your blog pages
- "Cart.liquid" controls the look of your shopping cart page
- "Product.liquid" controls the layout of your product pages
- "Page.liquid" controls the layout of all "pages" that aren't controlled by other templates