Skip to content

Instantly share code, notes, and snippets.

@candice-womp

candice-womp/amp-list-2.html

Created April 30, 2018 20:20
Show Gist options
  • Star 0 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
  • Save candice-womp/714c9779fa9761eaf8045379faa369d6 to your computer and use it in GitHub Desktop.
Save candice-womp/714c9779fa9761eaf8045379faa369d6 to your computer and use it in GitHub Desktop.
Download ZIP
Raw
amp-list-2.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">
<div class="productPrice">{{ProductPrice}}</div>
<div class="productSavings">{{ProductSavingPercentage}}</div>
</div>
<div class="addToCart">
<a href="#">Add to Cart</a>
</div>
</div>
</template>
</amp-list>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment