Product.liquid - Revision history

Admin: /* Variables */

2012-06-15T02:46:01Z

Variables

Admin at 08:09, 16 September 2008

2008-09-16T08:09:16Z

Admin: /* Variables */

2008-09-16T07:17:00Z

Variables

Admin at 07:14, 16 September 2008

2008-09-16T07:14:51Z

Admin: New page: This template renders a product's detail page. You will want to show either all images or at least the featured image of this product. There must also be an option on this page to add one...

2008-09-16T07:07:51Z

New page: This template renders a product's detail page. You will want to show either all images or at least the featured image of this product. There must also be an option on this page to add one...

New page

This template renders a product's detail page.

You will want to show either all images or at least the featured image of this product. There must also be an option on this page to add one of the variants to the shopping cart.

The following code example lists all variants of a product with a leading radio button. The first one in the list is checked. Each list entry shows the price with currency (using the ''money_with_currency'' filter. Also included is the variant's name (which could be something like "S", "M", "X" or "XL" if the product is a clothing item, for instance.

<pre><ul>
{% for variant in product.variants %}
<li>
<input type="radio" name="id" value="{{ variant.id }}" id="radio_{{ variant.id }}" {% if forloop.first %} checked="checked" {% endif %} />
<label for="radio_{{ variant.id }}>">{{ variant.price | money_with_currency }} - {{ variant.title }}</label>
</li>
{% endfor %}
</ul></pre>

You can use something like the following example if you would rather display a drop-down list instead of a radio button list:

<pre><select name="id">
{% for variant in product.variants %}
{% if variant.available == true %}
<option value="{{ variant.id }}"> {{ variant.title }} for {{ variant.price | money_with_currency }} </option>
{% else %}
<option disabled="disabled"> {{ variant.title }} - sold out! </option>
{% endif %}
{% endfor %}
</select></pre>

==Variables==

In '''product.liquid''' you have access to the following variables:

* product - The current product that is being presented
* shop
* cart
* collections
* linklists
* pages

@@ Line 34: / Line 34: @@
 * [[Liquid Template Variables - collection|collection]] - The collection that this product belongs to.
 * [[Liquid Template Variables - related|related]] - A collection of all related products.
 In addition, all [[Liquid Variable Reference#Global objects|global variables]] are available.

← Older revision		Revision as of 08:09, 16 September 2008
Line 1:		Line 1:
−	This template renders a product's detail page.	+	This template renders a [[Liquid Template Variables - product\|product's]] detail page.

	You will want to show either all images or at least the featured image of this product. There must also be an option on this page to add one of the variants to the shopping cart.		You will want to show either all images or at least the featured image of this product. There must also be an option on this page to add one of the variants to the shopping cart.

@@ Line 31: / Line 31: @@
 * [[Liquid Template Variables - product|product]] - The current product being displayed.
-* [[Liquid Template Variables - handle|handle]]
+* [[Liquid Template Variables - handle|handle]] - The handle of the current product.
-* [[Liquid Template Variables - collection|collection]]
+* [[Liquid Template Variables - collection|collection]] - The collection that this product belongs to.
-* [[Liquid Template Variables - related|related]]
+* [[Liquid Template Variables - related|related]] - A collection of all related products.
 In addition, all [[Liquid Variable Reference#Global objects|global variables]] are available.

@@ Line 30: / Line 30: @@
 In '''product.liquid''' you have access to the following variables:
-* product - The current product that is being presented
+* [[Liquid Template Variables - product|product]] - The current product being displayed.
-* shop
+* [[Liquid Template Variables - handle|handle]]
-* cart
+* [[Liquid Template Variables - collection|collection]]
-* collections
+* [[Liquid Template Variables - related|related]]
-* linklists
-* pages
+In addition, all [[Liquid Variable Reference#Global objects|global variables]] are available.