The Spiffy Theme Guide - Revision history

Admin: /* Accessing an Alternative Template */

2016-03-12T02:24:03Z

Accessing an Alternative Template

Admin: /* Alternative Templates */

2016-03-12T02:17:42Z

Alternative Templates

Admin at 02:17, 12 March 2016

2016-03-12T02:17:04Z

Admin at 02:09, 12 March 2016

2016-03-12T02:09:38Z

Admin at 02:06, 12 March 2016

2016-03-12T02:06:12Z

Shawn at 05:14, 9 April 2014

2014-04-09T05:14:09Z

Shawn at 05:06, 9 April 2014

2014-04-09T05:06:52Z

Shawn at 05:06, 9 April 2014

2014-04-09T05:06:15Z

Shawn at 05:05, 9 April 2014

2014-04-09T05:05:56Z

Shawn at 05:05, 9 April 2014

2014-04-09T05:05:26Z

← Older revision		Revision as of 02:24, 12 March 2016
Line 38:		Line 38:

	=== Accessing an Alternative Template ===		=== Accessing an Alternative Template ===
		+
		+	By default, the standard templates are always used.
		+
		+	In order to view a Product, Collection, Blog, Article or Page using an alternative template, you need to add the ''view'' parameter to the URL specifying the alternative template name.
		+
		+	Display a collection in grid format using the template ''collection.grid.liquid''.
		+
		+	<pre>
		+	http://mystore.spiffystores.com/collections/cute-dogs?view=grid
		+	</pre>

@@ Line 23: / Line 23: @@
 For the Product, Collection, Blog, Article and Page templates, it's possible to create an alternative template that can be used to present your data in a different manner.
-An alternative template uses adds a view name into the standard file name for the template. For example, to add the view '''grid''' to a '''collection.liquid''' template, use the following file name.
+An alternative template uses adds a view name into the standard file name for the template. For example, to add the view ''grid'' to a ''collection.liquid'' template, use the following file name.
 <pre>
@@ Line 29: / Line 29: @@
 </pre>
-Similarly, the view name '''long''' could be added to a '''product.liquid''' template, resulting in the following template name.
+Similarly, the view name ''long'' could be added to a ''product.liquid'' template, resulting in the following template name.
 <pre>

@@ Line 4: / Line 4: @@
 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:
@@ Line 19: / Line 18: @@
 * "[[404.liquid]]" controls the layout of the page that is displayed when a page cannot be found
 * "[[Page.liquid]]" controls the layout of all "pages" that aren't controlled by other templates

@@ Line 1: / Line 1: @@
 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 and 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.  All of the theme files can also be edited in the "Design & assets -> Theme Editor" section of your store's Toolbox, or you can also [[Using WebDAV to edit your theme|use your favourite editor and connect using WebDAV]] to edit your theme.
+A "Theme" is simply all of these HTML and CSS templates along with their images all zipped up in a zip file.  All of the theme files can also be edited in the "Design & assets -> Theme Editor" section of your store's Toolbox, or you can also [[Using WebDAV to edit your theme|use your favourite editor and connect using WebDAV]] to edit your theme.
 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.
@@ Line 11: / Line 11: @@
 * "[[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

← Older revision		Revision as of 02:06, 12 March 2016
Line 1:		Line 1:
−	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.	+	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 and 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. All of the theme files can also be edited in the "Design & assets -> Theme Editor" section of your store's Toolbox, or you can also [[Using WebDAV to edit your theme\|use your favourite editor and connect using WebDAV]] to edit your theme.		A "Theme" is simply all of these HTML & CSS templates along with their images all zipped up in a zip file. All of the theme files can also be edited in the "Design & assets -> Theme Editor" section of your store's Toolbox, or you can also [[Using WebDAV to edit your theme\|use your favourite editor and connect using WebDAV]] to edit your theme.

@@ Line 1: / Line 1: @@
 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.  All of the theme files can also be edited in the "Design & assets -> Theme Editor" section of your store's Toolbox, or you can also [[use your favourite editor and connect using webdav|Using WebDAV to edit your theme]] to edit your theme.
+A "Theme" is simply all of these HTML & CSS templates along with their images all zipped up in a zip file.  All of the theme files can also be edited in the "Design & assets -> Theme Editor" section of your store's Toolbox, or you can also [[Using WebDAV to edit your theme|use your favourite editor and connect using webdav]] to edit your theme.
 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.