Privacy Setting
Buyer Protection
Help
Customer Service
Disputes & Reports
Save big on our app!
CATEGORIES
AliExpress
Smarter Shopping, Better Living!
Cart
0
Wish List
Sign in
|
Join
My AliExpress
(0)
Sign Out
Sign in
Sign in with
New Customer?
Join Free
My AliExpress
My Orders
Message Center
Wish List
My Favorite Stores
My Coupons
FABULOUS BLACK FRIDAY DEALS
All
Phones & Accessories
Fashion Accessories
Home & Garden
Electronics
Apparel
Beauty & Hair
Auto Items & Accessories
Shoes & Bags
Toys, Kids & Babies
Computer & Office
Sports & Outdoors
<section ai-important="wk09k2bf5fyoixp"> <ul ai-attr-columns="columns" ai-attr-least="least" class="horizontal wrap prime-list"> <li ai-attr-data-exp-s="item.trace" 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">{{item.tags ? (items._hasTags = true, ''): ''}} <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 ai-if="items._hasTags" class="tags">{{Array.isArray(item.tags) ? item.tags[0] : item.tags}}</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>
<section ai-important="un9yn5smhk"> <ul ai-attr-columns="columns" ai-attr-least="least" class="horizontal wrap prime-list"> <li ai-attr-data-exp-s="item.trace" 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">{{item.tags ? (items._hasTags = true, ''): ''}} <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 ai-if="items._hasTags" class="tags">{{Array.isArray(item.tags) ? item.tags[0] : item.tags}}</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>
<section ai-important="ugwb9bxlfp"> <ul ai-attr-columns="columns" ai-attr-least="least" class="horizontal wrap prime-list"> <li ai-attr-data-exp-s="item.trace" 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">{{item.tags ? (items._hasTags = true, ''): ''}} <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 ai-if="items._hasTags" class="tags">{{Array.isArray(item.tags) ? item.tags[0] : item.tags}}</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>
<section ai-important="uouj7m2zeq"> <ul ai-attr-columns="columns" ai-attr-least="least" class="horizontal wrap prime-list"> <li ai-attr-data-exp-s="item.trace" 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">{{item.tags ? (items._hasTags = true, ''): ''}} <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 ai-if="items._hasTags" class="tags">{{Array.isArray(item.tags) ? item.tags[0] : item.tags}}</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>
<section ai-important="ut0dlii2z8"> <ul ai-attr-columns="columns" ai-attr-least="least" class="horizontal wrap prime-list"> <li ai-attr-data-exp-s="item.trace" 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">{{item.tags ? (items._hasTags = true, ''): ''}} <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 ai-if="items._hasTags" class="tags">{{Array.isArray(item.tags) ? item.tags[0] : item.tags}}</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>
<section ai-important="uywazthedr"> <ul ai-attr-columns="columns" ai-attr-least="least" class="horizontal wrap prime-list"> <li ai-attr-data-exp-s="item.trace" 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">{{item.tags ? (items._hasTags = true, ''): ''}} <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 ai-if="items._hasTags" class="tags">{{Array.isArray(item.tags) ? item.tags[0] : item.tags}}</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>
<section ai-important="uan5jtush5"> <ul ai-attr-columns="columns" ai-attr-least="least" class="horizontal wrap prime-list"> <li ai-attr-data-exp-s="item.trace" 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">{{item.tags ? (items._hasTags = true, ''): ''}} <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 ai-if="items._hasTags" class="tags">{{Array.isArray(item.tags) ? item.tags[0] : item.tags}}</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>
<section ai-important="u3dpce7ex"> <ul ai-attr-columns="columns" ai-attr-least="least" class="horizontal wrap prime-list"> <li ai-attr-data-exp-s="item.trace" 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">{{item.tags ? (items._hasTags = true, ''): ''}} <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 ai-if="items._hasTags" class="tags">{{Array.isArray(item.tags) ? item.tags[0] : item.tags}}</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>
<section ai-important="ul585dokuo"> <ul ai-attr-columns="columns" ai-attr-least="least" class="horizontal wrap prime-list"> <li ai-attr-data-exp-s="item.trace" 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">{{item.tags ? (items._hasTags = true, ''): ''}} <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 ai-if="items._hasTags" class="tags">{{Array.isArray(item.tags) ? item.tags[0] : item.tags}}</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>
<section ai-important="uyyr3wehmd"> <ul ai-attr-columns="columns" ai-attr-least="least" class="horizontal wrap prime-list"> <li ai-attr-data-exp-s="item.trace" 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">{{item.tags ? (items._hasTags = true, ''): ''}} <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 ai-if="items._hasTags" class="tags">{{Array.isArray(item.tags) ? item.tags[0] : item.tags}}</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>
<section ai-important="uvb03gvj6"> <ul ai-attr-columns="columns" ai-attr-least="least" class="horizontal wrap prime-list"> <li ai-attr-data-exp-s="item.trace" 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">{{item.tags ? (items._hasTags = true, ''): ''}} <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 ai-if="items._hasTags" class="tags">{{Array.isArray(item.tags) ? item.tags[0] : item.tags}}</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>
<section ai-important="uo0mb5h96"> <ul ai-attr-columns="columns" ai-attr-least="least" class="horizontal wrap prime-list"> <li ai-attr-data-exp-s="item.trace" 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">{{item.tags ? (items._hasTags = true, ''): ''}} <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 ai-if="items._hasTags" class="tags">{{Array.isArray(item.tags) ? item.tags[0] : item.tags}}</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>
