Hotline: 1900.2037 - CSKH: 02.8888.10037 (24/24) | Liên hệ đại lý: 0948.196.196
Khu vực mua hàng
Giao hoặc đến lấy tại:
340D Hoàng Văn Thụ, Phường 04, Quận Tân Bình
Chọn cửa hàng gần bạn nhất để tối ưu chi phí giao hàng. Hoặc đến lấy hàng
- Địa điểm mặc định 340D Hoàng Văn Thụ, Phường 04, Quận Tân Bình
-
Hàng chính hãng 100% -
Miễn phí vận chuyển -
Now Ship 2h nội thành
test
{% assign is_active = false %}
{% assign item_info = item | split:'_' %}
{% assign flsaleid = item_info[0] %}
{% assign is_active = item_info[1] %}
{% assign _handle = item_info[2] %}
{% assign quantity = item_info[3] %}
{% assign sl_sold = item_info[4] %}
{% assign discount_f = item_info[5] %}
{% assign progress = quantity | minus: sl_sold | times: 100 | divided_by: quantity %}
{% assign product = collections.all.products[_handle] %}
{% assign list_tag = collections.all.products[_handle].tags %}
{% assign product_price = product.variants.first.price %}
{% assign on_sale = true %}
{% if product.variants.first.compare_at_price > 0 and product.variants.first.compare_at_price > product.variants.first.price%}
{% assign product_price = product.variants.first.compare_at_price %}
{% endif %}
{% assign price_sale = 0 %}
{% if 100 >= discount_f %}
{% assign discount_percent = discount_f %}
{% assign percent_after = 100 | minus: discount_percent %}
{% assign price_sale = product_price | times: percent_after | divided_by:100 %}
{% else %}
{% assign discount = discount_f | times: 100 %}
{% assign discount_percent = discount | divided_by: product_price | times: 100 | round: 0%}
{% assign price_sale = product_price | minus: discount%}
{% endif %}
{%- if product -%}
<div class=" col-md-3 col-sm-4 col-xs-6 pro-loop">
<style>
.best {
top: 40px!important;
margin: 0;
background: #fff!important;
color: #000!important;
border: 1px solid #000;
}
</style>
<div class="product-block product-resize item product-item product-sale-ldp product-fl" data-anmation="{{forloop.index}}" data-id="{{flsaleid}}">
<div class="product-img">
<div class="product-sale">
<span class="percent">{% if is_active != false and price_sale != 0 %}{{ discount_percent }}{%else%}?{%endif%}</span>
<span class="txt">%</span>
</div>
{% if best %}<div class="product-sale best"><span>BEST</span></div>{% endif %}
{% if sold_out %}<div class="sold-out"><span>Hết hĂ ng</span></div>{% endif %}
{% if settings.promotion_hrvapp_use and settings.promotion_hrvapp == 'appbuyxgety' %}
<div class="gift product_gift_label hidden" data-id="{{product.id}}">
<img src="{{settings.appbuyxgety_icon}}" alt="icon quĂ tặng">
</div>
{% endif %}
<a href="{{product.url}}" title="{{product.title}}" class="image-resize">
<picture>
<source media="(max-width: 767px)" srcset="{%if product.images.size > 0%}{{ product.featured_image.src | product_img_url: 'large' }}{%else%}{{'no_image.jpg' | asset_url}}{%endif%}">
<source media="(min-width: 768px)" srcset="{%if product.images.size > 0%}{{ product.featured_image.src | product_img_url: 'grande' }}{%else%}{{'no_image.jpg' | asset_url}}{%endif%}">
<img class="img-loop" alt="{% if product.featured_image.alt.size >0 %}{{ product.featured_image.alt | escape }}{% else%} {{product.title}} {% endif %}" src="{%if product.images.size > 0%}{{ product.featured_image.src | product_img_url: 'grande' }}{%else%}//hstatic.net/0/0/global/design/theme-default/no-image.png{%endif%}" />
</picture>
{% if product.images.size > 1 %}{% endif %}
<picture>
<source media="(max-width: 767px)" srcset="{% if product.images.size > 1 %}{{ product.images[1] | product_img_url: 'large' }}{%else%}{%if product.images.size > 0%}{{ product.featured_image.src | product_img_url: 'large' }}{%else%}{{'no_image.jpg' | asset_url}}{%endif%}{%endif%}">
<source media="(min-width: 768px)" srcset="{% if product.images.size > 1 %}{{ product.images[1] | product_img_url: 'grande' }}{%else%}{%if product.images.size > 0%}{{ product.featured_image.src | product_img_url: 'grande' }}{%else%}{{'no_image.jpg' | asset_url}}{%endif%}{%endif%}">
<img class="img-loop img-hover" alt="{% if product.featured_image.alt.size > 1 %}{{ product.featured_image.alt | escape }}{% else%} {{product.title}} {% endif %}" src="{% if product.images.size > 1 %}{{ product.images[1] | product_img_url: 'grande' }}{%else%}{{ product.featured_image.src | product_img_url: 'grande' }}{%endif%}"/>
</picture>
</a>
{% if settings.promotion_hrvapp_use %}
<div class="button-add">
<button type="button" title="Xem chi tiết" class="action" onclick="window.location='{{product.url}}';">Xem chi tiết</button>
</div>
{% else %}
<div class="button-add">
<a href="{{ product.url }}" style="width: 100%;">
<button type="submit" title="Mua ngay" class="action" style="height: 100%;">Mua ngay</button>
</a>
<button type="submit" title="ThĂªm vĂ o giá»" class="action add-to-cart" data-variantid="{{ product.variants.first.id }}">ThĂªm vĂ o giá»</button>
</div>
{% endif %}
</div>
<div class="product-detail clearfix {{is_active}}">
{% if is_active == 'False' %}
<div class="box-pro-detail">
<h3 class="pro-name">
<a href="{{product.url}}" title="{{product.title}}">
{{ product.title }}
</a>
</h3>
<div class="box-pro-prices">
<p class="pro-price {% if on_sale %}highlight{% endif %}">
{% if price_sale >= 1000000 %}
{% assign hideNumber = price_sale | append: '' | slice: 0, 2 %}
{% assign hideNumberCheck = hideNumber | slice: 1 %}
{% else %}
{% assign hideNumber = price_sale | append: '' | slice: 0, 1 %}
{% assign hideNumberCheck = hideNumber | slice: 0 %}
{% endif %}
{% assign hideNumberApp = hideNumber | replace_first: hideNumberCheck, '?' %}
<span class="{{price_sale}}">{{ price_sale | money | replace_first: hideNumber, hideNumberApp }}</span>
<span class="pro-price-del">{% if on_sale %}<del class="compare-price">{{ product_price | money}}</del>{% endif %}</span>
</p>
</div>
</div>
<div class="starbaprv-widget starbaprv-preview-badge starbaprv-preview-badge--with-link" data-id="{{product.id}}" data-url="{{product.handle}}">
{% if product.metafields.starbap['starbaprv.badge']%}
{{product.metafields.starbap['starbaprv.badge']}}
{% endif %}
</div>
{%else%}
<div class="box-pro-detail">
<h3 class="pro-name">
<a href="{{product.url}}" title="{{product.title}}">
{{ product.title }}
</a>
</h3>
<div class="box-pro-prices">
<p class="pro-price {% if on_sale %}highlight{% endif %} ">
<span>{{ product.variants.first.price | money }}</span>
<span class="pro-price-del">{% if on_sale %}<del class="compare-price">{{ product.variants.first.compare_at_price | money}}</del>{% endif %}</span>
</p>
<div class="inventory-product">
<div class="flash-sale-progress-bar__wrapper flash-sale-progress-bar__wrapper--home-page">
<div class="flash-sale-progress-bar flash-sale-progress-bar--home-page">
<div class="flash-sale-progress-bar__text">{% if 0 >= progress %}ChĂ¡y hĂ ng{% else %}{%if 40 > progress %}Sắp chĂ¡y hĂ ng{% else %}ÄĂ£ bĂ¡n {{sl_sold}}{% endif %}{% endif %}</div>
<div class="flash-sale-progress-bar__complement-wrapper flash-sale-progress-bar__complement-wrapper--home-page">
<div class="flash-sale-progress-bar__complement-sizer flash-sale-progress-bar__complement-sizer--home-page" style="{% if sl_sold == 0 %}width: 100%;{% else %}width: {{progress}}%{% endif %}">
<div class="flash-sale-progress-bar__complement-color"></div>
</div>
</div>
<div class="flash-sale-progress-bar__fire"></div>
</div>
</div>
</div>
</div>
</div>
<div class="starbaprv-widget starbaprv-preview-badge starbaprv-preview-badge--with-link" data-id="{{product.id}}" data-url="{{product.handle}}">
{% if product.metafields.starbap['starbaprv.badge']%}
{{product.metafields.starbap['starbaprv.badge']}}
{% endif %}
</div>
{%endif%}
</div>
</div>
</div>
{%- endif -%}<script>
$(document).ready(function(){
var jsonData = '',mainpro='{{product.handle}}';
$.ajax({
type: "GET",
url: '/?view=flashsale-json',
async: false,
cache: true,
success: function(data){
debugger;
jsonData = JSON.parse(data);
var checkhasfirst = false;
$.each(jsonData.flashsale,function(i,v){
if(v.handle == mainpro){
if(v.is_active == "True"){
var html = `
<div class="fsbanner">
<svg viewBox="0 0 108 21" height="21" width="108" class="flash-sale-logo flash-sale-logo--white">
<g fill="currentColor" fill-rule="evenodd">
<path d="M0 16.195h3.402v-5.233h4.237V8H3.402V5.037h5.112V2.075H0zm29.784 0l-.855-2.962h-4.335l-.836 2.962H20.26l4.723-14.12h3.576l4.724 14.12zM26.791 5.294h-.04s-.31 1.54-.563 2.43l-.797 2.744h2.74l-.777-2.745c-.252-.889-.563-2.43-.563-2.43zm7.017 9.124s1.807 2.014 5.073 2.014c3.13 0 4.898-2.034 4.898-4.384 0-4.463-6.259-4.147-6.259-5.925 0-.79.778-1.106 1.477-1.106 1.672 0 3.071 1.245 3.071 1.245l1.439-2.824s-1.477-1.6-4.47-1.6c-2.76 0-4.918 1.718-4.918 4.325 0 4.345 6.258 4.285 6.258 5.964 0 .85-.758 1.126-1.457 1.126-1.75 0-3.324-1.462-3.324-1.462zm12.303 1.777h3.402v-5.53h5.054v5.53h3.401V2.075h-3.401v5.648h-5.054V2.075h-3.402zm18.64-1.678s1.692 1.915 4.763 1.915c2.877 0 4.548-1.876 4.548-4.107 0-4.483-6.492-3.871-6.492-6.36 0-.987.914-1.678 2.08-1.678 1.73 0 3.052 1.224 3.052 1.224l1.088-2.073s-1.4-1.501-4.12-1.501c-2.644 0-4.627 1.738-4.627 4.068 0 4.305 6.512 3.87 6.512 6.379 0 1.145-.952 1.698-2.002 1.698-1.944 0-3.44-1.48-3.44-1.48zm19.846 1.678l-1.166-3.594h-4.84l-1.166 3.594H74.84L79.7 2.174h2.623l4.86 14.021zM81.04 4.603h-.039s-.31 1.382-.583 2.172l-1.224 3.752h3.615l-1.224-3.752c-.253-.79-.545-2.172-.545-2.172zm7.911 11.592h8.475v-2.192H91.46V2.173H88.95zm10.477 0H108v-2.192h-6.064v-3.772h4.645V8.04h-4.645V4.366h5.753V2.174h-8.26zM14.255.808l6.142.163-3.391 5.698 3.87 1.086-8.028 12.437.642-8.42-3.613-1.025z"></path>
</g>
</svg>
<svg height="20" viewBox="0 0 20 20" width="20" class="shopee-svg-icon iconClock ">
<g fill="none" fill-rule="evenodd" stroke="#fff" stroke-width="1.8" transform="translate(1 1)">
<circle cx="9" cy="9" r="9"></circle>
<path d="m11.5639648 5.05283203v4.71571528l-2.72832027 1.57129639" stroke-linecap="round" stroke-linejoin="round" transform="matrix(-1 0 0 1 20.39961 0)"></path>
</g>
</svg>
<div class="endIn">Kết thĂºc trong</div>
<div class="shopee-countdown-timer">
<div class="shopee-countdown-timer__number">
<span class="countdown-so countdown-ngay"></span>
</div>
<div class="shopee-countdown-timer__colon shopee-countdown-timer__colon--flashing-off">
<div class="colon-dot__wrapper"><span class="colon-dot"></span></div>
<div class="colon-dot__wrapper"><span class="colon-dot"></span></div>
</div>
<div class="shopee-countdown-timer__number">
<span class="countdown-so countdown-gio"></span>
</div>
<div class="shopee-countdown-timer__colon shopee-countdown-timer__colon--flashing-off">
<div class="colon-dot__wrapper"><span class="colon-dot"></span></div>
<div class="colon-dot__wrapper"><span class="colon-dot"></span></div>
</div>
<div class="shopee-countdown-timer__number">
<span class="countdown-so countdown-phut"></span>
</div>
<div class="shopee-countdown-timer__colon shopee-countdown-timer__colon--flashing-off">
<div class="colon-dot__wrapper"><span class="colon-dot"></span></div>
<div class="colon-dot__wrapper"><span class="colon-dot"></span></div>
</div>
<div class="shopee-countdown-timer__number">
<span class="countdown-so countdown-giay"></span>
</div>
</div>
</div>`;
if(checkhasfirst == false){
checkhasfirst = true;
$('.flashsale-wrap').prepend(html).addClass('active-flashsale');
$('#add-to-cart').attr('data-max',v.quantity);
$('#add-to-cart').removeClass('loading');
$('#add-to-cartbottom').removeClass('loading');
if(v.is_buyone == 'True'){
$('#add-to-cart').attr('data-buyone','true');
}
dayjs.extend(dayjs_plugin_customParseFormat);
var countDownDate = new Date(dayjs(v.countdown, "DD/MM/YYYY HH:mm").format()).getTime();;
var x = setInterval(function() {
var now = new Date().getTime();
var distance = countDownDate - now;
var days = Math.floor(distance / (1000 * 60 * 60 * 24));
var hours = Math.floor((distance % (1000 * 60 * 60 * 24)) / (1000 * 60 * 60));
var minutes = Math.floor((distance % (1000 * 60 * 60)) / (1000 * 60));
var seconds = Math.floor((distance % (1000 * 60)) / 1000);
$('.countdown-ngay').html(days + 'd');
$('.countdown-gio').html(hours + 'h');
$('.countdown-phut').html(minutes);
$('.countdown-giay').html(seconds);
if (distance < 0) {
clearInterval(x);
$('.fsbanner').hide();
}
}, 1000);
}
}
else{
var html = '';
if($(window).width() > 768){
html = `
<div class="flex items-center flashsale-comming">
<svg viewBox="0 0 108 21" height="21" width="108" class="flash-sale-logo flash-sale-logo--default"><g fill="currentColor" fill-rule="evenodd"><path d="M0 16.195h3.402v-5.233h4.237V8H3.402V5.037h5.112V2.075H0zm29.784 0l-.855-2.962h-4.335l-.836 2.962H20.26l4.723-14.12h3.576l4.724 14.12zM26.791 5.294h-.04s-.31 1.54-.563 2.43l-.797 2.744h2.74l-.777-2.745c-.252-.889-.563-2.43-.563-2.43zm7.017 9.124s1.807 2.014 5.073 2.014c3.13 0 4.898-2.034 4.898-4.384 0-4.463-6.259-4.147-6.259-5.925 0-.79.778-1.106 1.477-1.106 1.672 0 3.071 1.245 3.071 1.245l1.439-2.824s-1.477-1.6-4.47-1.6c-2.76 0-4.918 1.718-4.918 4.325 0 4.345 6.258 4.285 6.258 5.964 0 .85-.758 1.126-1.457 1.126-1.75 0-3.324-1.462-3.324-1.462zm12.303 1.777h3.402v-5.53h5.054v5.53h3.401V2.075h-3.401v5.648h-5.054V2.075h-3.402zm18.64-1.678s1.692 1.915 4.763 1.915c2.877 0 4.548-1.876 4.548-4.107 0-4.483-6.492-3.871-6.492-6.36 0-.987.914-1.678 2.08-1.678 1.73 0 3.052 1.224 3.052 1.224l1.088-2.073s-1.4-1.501-4.12-1.501c-2.644 0-4.627 1.738-4.627 4.068 0 4.305 6.512 3.87 6.512 6.379 0 1.145-.952 1.698-2.002 1.698-1.944 0-3.44-1.48-3.44-1.48zm19.846 1.678l-1.166-3.594h-4.84l-1.166 3.594H74.84L79.7 2.174h2.623l4.86 14.021zM81.04 4.603h-.039s-.31 1.382-.583 2.172l-1.224 3.752h3.615l-1.224-3.752c-.253-.79-.545-2.172-.545-2.172zm7.911 11.592h8.475v-2.192H91.46V2.173H88.95zm10.477 0H108v-2.192h-6.064v-3.772h4.645V8.04h-4.645V4.366h5.753V2.174h-8.26zM14.255.808l6.142.163-3.391 5.698 3.87 1.086-8.028 12.437.642-8.42-3.613-1.025z"></path></g></svg>
<div class="flashsale-comming-text">BẮT ÄẦU SAU ${v.comming}</div>
<svg enable-background="new 0 0 11 11" viewBox="0 0 11 11" x="0" y="0" class="shopee-svg-icon icon-arrow-right"><path d="m2.5 11c .1 0 .2 0 .3-.1l6-5c .1-.1.2-.3.2-.4s-.1-.3-.2-.4l-6-5c-.2-.2-.5-.1-.7.1s-.1.5.1.7l5.5 4.6-5.5 4.6c-.2.2-.2.5-.1.7.1.1.3.2.4.2z"></path></svg>
</div>
`;
}
else{
html = `
<div class="flash-sale-coming-soon-product-band">
<div class="flash-sale-coming-soon-product-band__left">
<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg" class="flash-sale-coming-soon-product-band-icon"><path fill-rule="evenodd" clip-rule="evenodd" d="M2 1C1.44772 1 1 1.44772 1 2V14C1 14.5523 1.44772 15 2 15H14C14.5523 15 15 14.5523 15 14V2C15 1.44772 14.5523 1 14 1H2ZM9.41779 7.16033H11.7983C11.9618 7.16033 12.0742 7.37034 11.9414 7.52036L7.47657 12.9308C7.35396 13.0908 7.07811 12.9508 7.11897 12.7408L7.92612 9.08048C7.96698 8.95047 7.8546 8.83046 7.73199 8.83046H5.31057C5.09601 8.83046 4.95298 8.62044 5.01428 8.41043L6.7716 3.35003C6.85333 3.15001 7.04746 3 7.28245 3H11.0525C11.3079 3 11.451 3.27002 11.3284 3.48004L9.22367 6.8503C9.14194 6.97031 9.2441 7.16033 9.41779 7.16033Z"></path></svg>
<div class="flash-sale-coming-soon-product-band-text">
<div>Flash Sale bắt đầu lĂºc ${v.comming}</div><div></div></div></div>
<div class="flash-sale-coming-soon-product-band__right"><svg enable-background="new 0 0 11 11" viewBox="0 0 11 11" role="img" class="stardust-icon stardust-icon-arrow-right"><path stroke="none" d="m2.5 11c .1 0 .2 0 .3-.1l6-5c .1-.1.2-.3.2-.4s-.1-.3-.2-.4l-6-5c-.2-.2-.5-.1-.7.1s-.1.5.1.7l5.5 4.6-5.5 4.6c-.2.2-.2.5-.1.7.1.1.3.2.4.2z"></path></svg></div>
</div>
`;
}
if(checkhasfirst == false){
checkhasfirst = true;
$('.flashsale-wrap').append(html).addClass('inactive-flashsale');
}
}
}
});
}
});
})
</script>
