Products

{#if $T.list && $T.list.length > 0} {#foreach $T.list as item}<div class="product col-md-4 col-sm-6 {#if $T.item.type_items && $T.item.type_items.length > 0} {#foreach $T.item.type_items as item2} pf-{$T.item2.id} {#/for}{#/if}"><div class="grid-inner"><div class="product-image" data-lightbox="gallery"> {#if $T.item.sub_image_urls && $T.item.sub_image_urls.length == 0}<a href="https://oss.matchpages.cn/matchpages/common/2020/1022/5f914dc35e4c2.png" data-lightbox="gallery-item"><img src="https://oss.matchpages.cn/matchpages/common/2020/1022/5f914dc35e4c2.png" alt="{$T.item.name}"></a><a href="https://oss.matchpages.cn/matchpages/common/2020/1022/5f914dc35e4c2.png" data-lightbox="gallery-item"><img src="https://oss.matchpages.cn/matchpages/common/2020/1022/5f914dc35e4c2.png" alt="{$T.item.name}"></a> {#/if} {#if $T.item.sub_image_urls && $T.item.sub_image_urls.length == 1}<a href="{$T.item.sub_image_urls[0].url}" data-lightbox="gallery-item"><img src="{$T.item.sub_image_urls[0].url}" alt="{$T.item.sub_image_urls[0].alt}"></a><a href="{$T.item.sub_image_urls[0].url}" data-lightbox="gallery-item"><img src="{$T.item.sub_image_urls[0].url}" alt="{$T.item.sub_image_urls[0].alt}"></a> {#/if} {#if $T.item.sub_image_urls && $T.item.sub_image_urls.length == 2} {#foreach $T.item.sub_image_urls as subItem}<a href="{$T.subItem.url}" data-lightbox="gallery-item"><img src="{$T.subItem.url}" alt="{$T.subItem.alt}"></a> {#/for} {#/if} {#if $T.item.sub_image_urls && $T.item.sub_image_urls.length > 2}<div class="fslider" data-arrows="false"><div class="flexslider"><div class="slider-wrap" data-lightbox="gallery"> {#foreach $T.item.sub_image_urls as subItem}<div class="slide"><a href="{$T.subItem.url}" data-lightbox="gallery-item"><img src="{$T.subItem.url}" alt="{$T.subItem.alt}"></a></div> {#/for}</div></div></div> {#/if}<div class="bg-overlay"><div class="bg-overlay-content align-items-end justify-content-between"><a class="btn btn-dark show-magnific"><i class="icon-line-expand"></i></a> {#if $T.item.video_path != ''} {#if $T.item.video_type<= 1}<a href="#{$T.item.video_code}" class="btn btn-dark" data-lightbox="video" data-videopath="{$T.item.video_path}" data-videodesc="{$T.item.video_desc}" data-videoimageurl="{$T.item.image_url}"><i class="icon-line-play"></i></a> {#else}<a data-lightbox="iframe" href="{$T.item.video_iframe_str}" class="btn btn-dark"><i class="icon-line-play"></i></a> {#/if} {#/if}<a href="{$T.item.link}" class="btn btn-dark mr-2"><i class="icon-line-stack-2"></i></a></div><div class="bg-overlay-bg bg-transparent"></div></div> {#if $T.item.tags_list && $T.item.tags_list.length != 0} {#if $T.item.tags_list[0].name == "Sold Out"}<span class="product-label sold-out">Sold Out</span> {#elseif $T.item.tags_list[0].name == "Hot"}<span class="product-label hot">Hot</span> {#else}<span class="product-label percentage">{$T.item.tags_list[0].name}</span> {#/if} {#/if}</div><div class="product-desc"> {#if $T.item.custom_fields && $T.item.custom_fields.length > 0} {#foreach $T.item.custom_fields as cst} {#if ($T.cst$index == 1 || $T.cst$index > 2) && $T.cst.label != ''}<div class="product-title __fo_va"><h3 class="__fo_va"><a class="__fo_va __au_7_fo_co __su_ti_fo" href="{$T.item.link}">{$T.cst.label}</a></h3></div> {#/if} {#if $T.cst$index == 0}<div class="product-tag __fo_va __au_8_fo_co"> {$T.cst.label}</div> {#/if} {#if $T.cst$index == 2} {#if $T.cst.name && ($T.cst.name.toLowerCase() == 'star' || $T.cst.name.toLowerCase() == '星级') }<div class="product-rating" data-rating="{$T.cst.label}"> {#if $T.cst.label<1} {#for idx = 1 to 5}<i class="icon-star-empty __au_2_fo_co"></i> {#/for} {#/if} {#if $T.cst.label>=1 && $T.cst.label<=5} {#for idx = 1 to 5} {#if $T.idx<= Math.floor($T.cst.label)}<i class=" icon-star3 __au_2_fo_co"></i> {#elseif ($T.cst.label - Math.floor($T.cst.label) > 0) && $T.idx == Math.ceil($T.cst.label)}<i class="icon-star-half-full __au_2_fo_co"></i> {#else}<i class="icon-star-empty __au_2_fo_co"></i> {#/if} {#/for} {#/if} {#if $T.cst.label>5} {#for idx = 1 to 5}<i class=" icon-star3 __au_2_fo_co"></i> {#/for} {#/if}</div> {#else}<div class="product-tag __fo_va">{$T.cst.label}</div> {#/if} {#/if} {#/for} {#/if}</div></div></div> {#/for} {#/if} {#if $T.list && $T.list.length > 0} {#foreach $T.list as item}<div class="entry col-12"><div class="grid-inner row no-gutters"><div class="col-auto"><div class="entry-image"> {#if $T.item.image_url == ''}<a href="javascript:void(0)"><img src="https://oss.matchpages.cn/matchpages/common/2020/0521/5ec555225814b.jpg" alt="Image"></a> {#else}<a href="{$T.item.link}"><img src="{$T.item.image_url}" alt="{$T.item.image_alt}"></a> {#/if}</div></div> {#if $T.item.custom_fields && $T.item.custom_fields.length > 0}<div class="col pl-3"> {#foreach $T.item.custom_fields as cst} {#if $T.cst$index == 0 && $T.cst.label != ''}<div class="entry-title"><h4><a href="{$T.item.link}">{$T.cst.label}</a></h4></div> {#/if}<li class="entry-meta no-separator"><ul> {#if ($T.cst$index == 1 || $T.cst$index > 2) && $T.cst.label != ''}<li class="color">{$T.cst.label}</li> {#/if} {#if $T.cst$index == 2} {#if $T.cst.name && ($T.cst.name.toLowerCase() == 'star' || $T.cst.name.toLowerCase() == '星级') }<li> {#if $T.cst.label<1} {#for idx = 1 to 5}<i class="icon-star-empty __au_2_fo_co"></i> {#/for} {#/if} {#if $T.cst.label>=1 && $T.cst.label<=5} {#for idx = 1 to 5} {#if $T.idx<= Math.floor($T.cst.label)}<i class=" icon-star3 __au_2_fo_co"></i> {#elseif ($T.cst.label - Math.floor($T.cst.label) > 0) && $T.idx == Math.ceil($T.cst.label)}<i class="icon-star-half-full __au_2_fo_co"></i> {#else}<i class="icon-star-empty __au_2_fo_co"></i> {#/if} {#/for} {#/if} {#if $T.cst.label>5} {#for idx = 1 to 5}<i class=" icon-star3 __au_2_fo_co"></i> {#/for} {#/if}</li> {#/if} {#/if}</ul>{#/for}</div></div> {#/if}</div></div> {#/for} {#/if}<ul> {#foreach $T.list as item} {#if $T.item.type == 0}<li data-page="{$T.item.num}">Prev</li>{#/if} {#if $T.item.type == 1}<li data-page="{$T.item.num}">{$T.item.num}</li>{#/if} {#if $T.item.type == 2}<li class="active" data-page="{$T.item.num}">{$T.item.num}</li>{#/if} {#if $T.item.type == 3}<li data-page="{$T.item.num}">Next</li>{#/if} {#/for}</ul>