store.productListItem

Available Since: V1.2.4

Store chunk to format each item in the product list.

fusionCSS 2

<li class="span-t12 span-s6 span-m3 [[+class]]">
	<div class="productdetails">
		<a href="[[+link]]">
			<span class="productname">[[+menutitle]]</span>
			<img src="[[+imgsrc]]" alt="[[+imgalt]]" />
		</a>
		<span class="price">[[+price]]</span>
	</div>
	<a href="[[+link]]" class="viewproduct" rel="nofollow">[[+viewProductLabel]]</a>
</li>

Bootstrap 3

<li class="col-xs-12 col-sm-6 col-md-3 [[+class]]">
	<div class="productdetails">
		<a href="[[+link]]">
			<span class="productname">[[+menutitle]]</span>
			<img src="[[+imgsrc]]" alt="[[+imgalt]]" />
		</a>
		<span class="price">[[+price]]</span>
	</div>
	<a href="[[+link]]" class="viewproduct" rel="nofollow">[[+viewProductLabel]]</a>
</li>

Foundation 5

<li class="small-12 medium-6 large-3 columns [[+class]]">
	<div class="productdetails">
		<a href="[[+link]]">
			<span class="productname">[[+menutitle]]</span>
			<img src="[[+imgsrc]]" alt="[[+imgalt]]" />
		</a>
		<span class="price">[[+price]]</span>
	</div>
	<a href="[[+link]]" class="viewproduct" rel="nofollow">[[+viewProductLabel]]</a>
</li>
Placeholder Description
link The address of the page holding the product.
name The product name.
menutitle The products menu title, same as name if none given.
menutitleraw The products menu title as entered into the product description.
imgalt The alt text for the image, will be the same as name if not given.
size The size information for the image.
imgsrc The location to load the product image from.
price The product price.
description The product short description.
 meta_description The products meta description. 
sku The product sku.
class The CSS class to apply to the li.
« Previous Next »


TOP