October 2018
Beginner to intermediate
478 pages
10h 8m
English
Before you query for products, let's use a basic template approach for dynamically adding product cards:
<script type="text/template" data-template="product-item"> <div class="item-card"> <div class="item-card-content-container"> <img class="item-card-content-container-img" src="${primaryImage}" /> <span class="item-card-content-container-title">${title} </span> <span class="item-card-content-container-text">${description}</span> </div> </div></script>
.item-card { box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2); transition: 0.3s; background-color: white; width: 280px; height: 200px; float: left; margin: 10;}.item-card:hover ...Read now
Unlock full access