<section ai-important="wjf2hchyvi8qo5t"> <ul ai-attr-columns="columns" ai-attr-least="least" class="horizontal wrap prime-list"> <li ai-attr-data-item-id="item.id" ai-repeat="items" ai-style="width: {{size[$index] || 100 / columns + '%'}}" class="vertical"> <div class="item-box vertical flex-auto"> <div class="image-box vertical center flex-auto"><a ai-attr-href="item.url" target="_blank"><img ai-attr-alt="item.title" ai-attr-data-src="item.image" src="//i.alicdn.com/ae-ams-ui/1.1.1/widget/common/image/placeholder.png" /> </a></div> <div class="detail-box"> <div ai-if="item.title" ai-style="styles.title" class="title"><a ai-attr-href="item.url" ai-attr-title="item.title" target="_blank">{{item.title}}</a></div> <div class="horizontal wrap justified no-flexbox-legacy"> <div ai-if="item.preorder" class="preorder">PRE-ORDER PRICE</div> <div ai-if="item.price" class="price">{{item.price}}</div> <div ai-if="item.wish" class="wish glyph glyph-wish self-center"></div> <div ai-if="item.specprice" class="specprice"><i class="glyph glyph-mobile">{{item.specprice}}</i></div> <div ai-if="item.listprice" class="listprice"><del>{{item.listprice}}</del></div> <div ai-if="item.discount" ai-style="styles.discount" class="discount self-center">{{item.discount}}% off</div> <div ai-if="item.stock" class="stock"><i>{{item.stock}}</i> left</div> <div ai-if="item.sold" class="sold">{{item.sold}} Orders</div> <div ai-if="item.offers" ai-style="styles.offers" class="offers">{{item.offers}}</div> </div> </div> <div class="handle-box"><a ai-attr-href="item.storeURL || item.url" ai-if="item.coupon" class="coupon" target="_blank">Get {{item.coupon}} coupon</a> <a ai-attr-href="item.url" ai-class="soldout:item.soldout" ai-if="behavior.handle" ai-style="styles.handle" class="purchase" data-locale="Sold Out" target="_blank">Shop Now</a></div> </div> </li> </ul> <div ai-if="loading" class="loader-wrap loader"> <div class="loading round">Loading...</div> </div> </section>