amp-list.html

<amp-list layout="fill" src="https://mysite.com/productID.json" template="addToCart" items="." single-item>
<template type="amp-mustache" id="addToCart">
	<div class="productCard">
		<div class="productImg">
			<amp-img layout="responsive" height="16" width="9" src="{{Img}}"></amp-img>
		</div>
		<h2 class="productName">{{ProductName}}</h2>
		<div class="productInfo">
			{{#InStock}}
				<div class="productPrice">{{ProductPrice}}</div>
				<div class="productSavings">{{ProductSavingPercentage}}</div>
			{{/InStock}}
			{{^InStock}}
				<h4 class="productOutOfStock">Sorry. This item is out of stock.</h4>
			{{/InStock}}
		</div>
		<div class="addToCart">
			{{#InStock}}
				{{#HasBulk}}
					<a href="#">Add 3 to Cart</a>
					<a href="#">Add 6 to Cart</a>
					<a href="#">Add 9 to Cart</a>
				{{/HasBulk}}
				{{^HasBulk}}
					<a href="#">Add to Cart</a>
				{{/HasBulk}}
			{{/InStock}}
			{{^InStock}}
				<a href="#">Email Me When In Stock</a>
			{{/InStock}}
		</div>
	</div>
</template>
</amp-list>