The theme.liquid file - Revision history

Shawn at 23:42, 9 May 2017

2017-05-09T23:42:31Z

Shawn at 23:39, 9 May 2017

2017-05-09T23:39:37Z

Shawn: /* Frequently asked questions about theme.liquid */

2017-05-09T23:37:22Z

Frequently asked questions about theme.liquid

Shawn at 23:36, 9 May 2017

2017-05-09T23:36:47Z

Shawn at 23:35, 9 May 2017

2017-05-09T23:35:53Z

Shawn at 23:35, 9 May 2017

2017-05-09T23:35:40Z

Shawn: Created page with "Your theme can be edited in the Theme Editor, which can be found in the '''''Design & Assets -> Theme Editor''''' section of your store's Toolbox. Your theme is a collectio..."

2017-05-09T23:28:53Z

Created page with "Your theme can be edited in the Theme Editor, which can be found in the '''''Design & Assets -> Theme Editor''''' section of your store's Toolbox. Your theme is a collectio..."

New page

Your theme can be edited in the Theme Editor, which can be found in the '''''Design & Assets -> Theme Editor''''' section of your store's Toolbox.

Your theme is a collection of files that control the layout of your website. Each individual file has the extension .liquid and is known as a Liquid template because it contains code written in the Liquid template language. Besides Liquid code, you can use other languages in a Liquid template, including HTML, CSS, and JavaScript.

The theme.liquid file can be thought of as the master template; all other templates are rendered inside of theme.liquid. Any elements that are repeated in a theme (ex: site navigation, header, footer, etc.) should be placed inside your theme.liquid file.

To edit your theme.liquid file, go to your '''''Theme Editor''''', scroll down to the '''''Store Layout''''' section and click on the theme.liquid file.

@@ Line 13: / Line 13: @@
 Go to the '''''Design & Assets -> Theme Editor''''' section of your store's Toolbox, scroll down to the '''''Store Layout''''' section and click on the theme.liquid file to edit it.
-In most cases, you should just be able to copy the code provided into the relevant part of your theme.liquid file.  For example, some may ask that you copy their code into the <head> section.  In that case, you edit your theme.liquid file, and paste your code just before the </head> line.
+In most cases, you should just be able to copy the code provided into the relevant part of your theme.liquid file.  For example, some may ask that you copy their code into the <head> section.  In that case, you paste your code just before the </head> line.
-In other cases, they may ask you to add their code at the end of the <body> section. In that case, you edit your theme.liquid file, and paste your code just before the </body> line.
+In other cases, they may ask you to add their code at the end of the <body> section. In that case, you paste your code just before the </body> line.
 <br>
@@ Line 29: / Line 29: @@
 Go to the '''''Design & Assets -> Theme Editor''''' section of your store's Toolbox, scroll down to the '''''Store Layout''''' section and click on the theme.liquid file to edit it.
-You should just be able to copy the code provided into the relevant part of your theme.liquid file.  Facebook ask that you copy their code into the <head> section.  In that case, you edit your theme.liquid file, and paste your code just before the </head> line.
+You should just be able to copy the code provided into the relevant part of your theme.liquid file.  Facebook ask that you copy their code into the <head> section.  In that case, you paste your code just before the </head> line.

@@ Line 10: / Line 10: @@
 <br>
 '''1.  How do I add in Javascript code for a widget?'''
 In most cases, you should just be able to copy the code provided into the relevant part of your theme.liquid file.  For example, some may ask that you copy their code into the <head> section.  In that case, you edit your theme.liquid file, and paste your code just before the </head> line.
 <br>
@@ Line 22: / Line 26: @@
 '''3.  How do I add in a Facebook pixel?'''
 You should just be able to copy the code provided into the relevant part of your theme.liquid file.  Facebook ask that you copy their code into the <head> section.  In that case, you edit your theme.liquid file, and paste your code just before the </head> line.

@@ Line 17: / Line 17: @@
 '''2.  How do I add Google Analytics?'''
-You shouldn't copy the code from Google into your theme, as your store can already integrate with Google Analytics in a far more advanced way. Refer to {{How to enable Google Analytics}} for more information
+You shouldn't copy the code from Google into your theme, as your store can already integrate with Google Analytics in a far more advanced way. Refer to [[How to enable Google Analytics]] for more information
 <br>

@@ Line 8: / Line 8: @@
 ==Frequently asked questions about theme.liquid==
+<br>
 '''1.  How do I add in Javascript code for a widget?'''
@@ Line 17: / Line 17: @@
 '''2.  How do I add Google Analytics?'''
-You shouldn't copy the code from Google into your theme, as your store can already integrate with Google Analytics in a far more advanced way. Refer to xxx for more information
+You shouldn't copy the code from Google into your theme, as your store can already integrate with Google Analytics in a far more advanced way. Refer to {{How to enable Google Analytics}} for more information
 <br>

@@ Line 7: / Line 7: @@
 To edit your theme.liquid file, go to your '''''Theme Editor''''', scroll down to the '''''Store Layout''''' section and click on the theme.liquid file.
-Frequently asked questions about theme.liquid
+==Frequently asked questions about theme.liquid==
 '''1.  How do I add in Javascript code for a widget?'''

← Older revision		Revision as of 23:35, 9 May 2017
Line 6:		Line 6:

	To edit your theme.liquid file, go to your '''''Theme Editor''''', scroll down to the '''''Store Layout''''' section and click on the theme.liquid file.		To edit your theme.liquid file, go to your '''''Theme Editor''''', scroll down to the '''''Store Layout''''' section and click on the theme.liquid file.
		+
		+	Frequently asked questions about theme.liquid
		+
		+	'''1. How do I add in Javascript code for a widget?'''
		+
		+	In most cases, you should just be able to copy the code provided into the relevant part of your theme.liquid file. For example, some may ask that you copy their code into the <head> section. In that case, you edit your theme.liquid file, and paste your code just before the </head> line.
		+
		+	<br>
		+
		+	'''2. How do I add Google Analytics?'''
		+
		+	You shouldn't copy the code from Google into your theme, as your store can already integrate with Google Analytics in a far more advanced way. Refer to xxx for more information
		+
		+	<br>
		+
		+	'''3. How do I add in a Facebook pixel?'''
		+
		+	You should just be able to copy the code provided into the relevant part of your theme.liquid file. Facebook ask that you copy their code into the <head> section. In that case, you edit your theme.liquid file, and paste your code just before the </head> line.