Difference between revisions of "The Spiffy Theme Guide"
From Spiffy Stores Knowledge Base
Line 8: | Line 8: | ||
Themes are made up of the following templates: | Themes are made up of the following templates: | ||
− | * "Theme.liquid" template file that controls the 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" | + | * "Blog.liquid" controls the layout of your blog pages |
− | * "Cart.liquid" | + | * "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 08:04, 5 February 2009
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