1891 lines
137 KiB
HTML
1891 lines
137 KiB
HTML
<!DOCTYPE html>
|
||
<html>
|
||
<head>
|
||
<meta charset="utf-8" />
|
||
<meta http-equiv="X-UA-Compatible" content="IE=edge">
|
||
<title> Local - Mobile </title>
|
||
<meta name="viewport" content="width=device-width, initial-scale=1">
|
||
|
||
|
||
<link rel="preconnect" href="https://fonts.googleapis.com">
|
||
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
|
||
<link href="https://fonts.googleapis.com/css2?family=Roboto:wght@300;400;500;700;900&display=swap" rel="stylesheet">
|
||
|
||
<link rel="stylesheet" media="screen" href="scss/lib.css" />
|
||
<link rel="stylesheet" media="screen" href="scss/mobile_css.css" />
|
||
|
||
</head>
|
||
<body {% if global.module.view != 'homepage' %} class="bg-white"{% endif %}>
|
||
|
||
<!-- Header -->
|
||
<div class="global-header-container header-other-page">
|
||
<a href="javascript:void(0)" class="mb-icons icon-menu" onclick="_openMenu()"></a>
|
||
|
||
<a href="/" class="header-logo">
|
||
<img src="images/mobile-logo.png" alt="Máy Tính Việt Phong | Cung cấp pc gaming, lắp đặt phòng net" width="1" height="1"/>
|
||
</a>
|
||
|
||
<a href="/cart" class="mb-icons icon-cart">
|
||
<span class="js-cart-count cart-count">0</span>
|
||
</a>
|
||
|
||
<div class="header-search-group">
|
||
<form method="get" action="/tim" name="search">
|
||
<input type="text" id="js-global-search" name="q" placeholder="Nhập từ khóa cần tìm" value="" autocomplete="off">
|
||
|
||
<button type="submit" class="mb-icons icon-search"></button>
|
||
</form>
|
||
|
||
<div class="autocomplete-suggestions" id="js-search-holder" style="display: none;"><!-- search data --></div>
|
||
</div>
|
||
</div>
|
||
<div class="global-header-block" style="height: 97px;"></div>
|
||
|
||
<!-- Homepage -->
|
||
<div class="homepage" style="display: none;">
|
||
<div class="home-banner-container">
|
||
<div class="home-banner-slider owl-carousel owl-theme custom-dots" id="js-home-slider">
|
||
<a href=""><img data-src="images/homepage/slider-home.png" alt="" width="" height="" class="owl-lazy"/></a>
|
||
<a href=""><img data-src="images/homepage/slider-home.png" alt="" width="" height="" class="owl-lazy"/></a>
|
||
</div>
|
||
|
||
<div class="home-btn-group">
|
||
<a href="javascript:void(0)" onclick="_openMenu()">
|
||
<i class="mb-icons icon-menu"></i>
|
||
<span>Danh mục sản phẩm</span>
|
||
</a>
|
||
|
||
<a href="/deal">
|
||
<i class="mb-icons icon-deal"></i>
|
||
<span>Khuyến mãi hot</span>
|
||
</a>
|
||
|
||
<a href="/buildpc">
|
||
<i class="mb-icons icon-buildpc"></i>
|
||
<span>Xây dựng cấu hình</span>
|
||
</a>
|
||
|
||
<a href="/tin-tuc">
|
||
<i class="mb-icons icon-news"></i>
|
||
<span>Tin công nghệ</span>
|
||
</a>
|
||
</div>
|
||
</div>
|
||
|
||
<!-- Deal -->
|
||
<div class="home-deal-group lazy" data-bg="url(images/home-deal-bg.png)">
|
||
<div class="group-title">
|
||
<p class="title"><span>Hot Sale</span></p>
|
||
|
||
<div class="global-deal-countdown js-countdown-time">
|
||
<p>
|
||
<b>00</b>
|
||
<span>Ngày</span>
|
||
</p>
|
||
|
||
<p>
|
||
<b>00</b>
|
||
<span>Giờ</span>
|
||
</p>
|
||
|
||
<p>
|
||
<b>00</b>
|
||
<span>Phút</span>
|
||
</p>
|
||
|
||
<p>
|
||
<b>00</b>
|
||
<span>Giây</span>
|
||
</p>
|
||
</div>
|
||
</div>
|
||
|
||
|
||
<div class="product-holder">
|
||
<div class="p-item">
|
||
<a href="" class="p-img">
|
||
<img src="images/product-1.png" alt="" width="250" height="250"/>
|
||
</a>
|
||
|
||
<div class="p-icons-group">
|
||
<span class="p-icon-sale-off"></span>
|
||
<span class="p-discount">-15%</span>
|
||
</div>
|
||
|
||
<div class="p-text">
|
||
<div class="p-brand-group">
|
||
<div class="p-brand">
|
||
<img src="images/p-brand-img.png" alt="brand" width="1" height="1" class="lazy"/>
|
||
</div>
|
||
|
||
<p class="p-sku">Mã SP: <span>CCEF02</span></p>
|
||
</div>
|
||
|
||
<a href="" class="p-name"><h3>Lorem ipsum dolor sit amet consectetur adipisicing elit. Incidunt nulla ducimus facilis doloremque similique! Facere</h3></a>
|
||
|
||
<div class="p-price-group">
|
||
<p class="p-price">15.000.000<u>đ</u></p>
|
||
|
||
<del>17.400.000<u>đ</u></del>
|
||
<span class="p-sale-off">(Tiết kiệm: 1.600.000đ)</span>
|
||
</div>
|
||
|
||
<div class="p-btn-group">
|
||
<a href="javascript:void(0)" class="p-btn-compare js-p-compare" onclick="compare_addProduct(1,`Màn hình máy tính Dell Ultra Sharp U2723QE 27″`,'/product-url','images/product-1.png', this)" data-id="1">So sánh</a>
|
||
|
||
<div class="p-quantity-group">
|
||
<span class="p-instock">Còn hàng</span>
|
||
<!-- <span class="p-outstock">Liên hệ</span> -->
|
||
|
||
<a href="javascript:void(0)" class="p-btn-buy"></a>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="p-deal-group">
|
||
<span class="p-deal-line" style="width: 80%;"></span>
|
||
|
||
<p class="p-sale-quantity">Đã bán 30</p>
|
||
</div>
|
||
|
||
<div class="p-countdown">
|
||
<p>Kết thúc sau:</p>
|
||
|
||
<div>05:00:30</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="p-item"> <a href="" class="p-img"> <img src="images/product-2.png" alt="" width="250" height="250"/> </a> <div class="p-icons-group"> <span class="p-icon-sale-off"></span> <span class="p-discount">-15%</span></div><div class="p-text"> <div class="p-brand-group"> <div class="p-brand">Brand Text</div><p class="p-sku">Mã SP: <span>CCEF02</span></p></div><a href="" class="p-name"><h3>Lorem ipsum dolor sit amet consectetur adipisicing elit. Incidunt nulla ducimus facilis doloremque similique! Facere</h3></a> <div class="p-price-group"> <p class="p-price">15.000.000<u>đ</u></p></div><div class="p-btn-group"> <a href="javascript:void(0)" class="p-btn-compare js-p-compare" onclick="compare_addProduct(2,`Màn hình máy tính Dell Ultra Sharp U2723QE 27″`,'/product-url','images/product-2.png', this)" data-id="2">So sánh</a> <div class="p-quantity-group"> <span class="p-outstock">Liên hệ</span> <a href="javascript:void(0)" class="p-btn-buy"></a> </div></div><div class="p-deal-group"> <span class="p-deal-line" style="width: 40%;"></span> <p class="p-sale-quantity">Đã bán 30</p></div><div class="p-countdown"> <p>Kết thúc sau:</p><div>05:00:30</div></div></div></div><div class="p-item"> <a href="" class="p-img"> <img src="images/product-3.png" alt="" width="250" height="250"/> </a> <div class="p-icons-group"> <span class="p-icon-sale-off"></span> <span class="p-discount">-15%</span></div><div class="p-text"> <div class="p-brand-group"> <div class="p-brand"> </div><p class="p-sku">Mã SP: <span>CCEF02</span></p></div><a href="" class="p-name"><h3>Lorem ipsum dolor sit amet consectetur adipisicing elit. Incidunt nulla ducimus facilis doloremque similique! Facere</h3></a> <div class="p-price-group"> <p class="p-price">15.000.000<u>đ</u></p><del>17.400.000<u>đ</u></del> <span class="p-sale-off">(Tiết kiệm: 1.600.000đ)</span> </div><div class="p-btn-group"> <a href="javascript:void(0)" class="p-btn-compare js-p-compare" onclick="compare_addProduct(3,`Màn hình máy tính Dell Ultra Sharp U2723QE 27″`,'/product-url','images/product-3.png', this)" data-id="3">So sánh</a> <div class="p-quantity-group"> <span class="p-instock">Còn hàng</span> <a href="javascript:void(0)" class="p-btn-buy"></a> </div></div><div class="p-deal-group"> <span class="p-deal-line" style="width: 80%;"></span> <p class="p-sale-quantity">Đã bán 30</p></div><div class="p-countdown"> <p>Kết thúc sau:</p><div>05:00:30</div></div></div></div><div class="p-item"> <a href="" class="p-img"> <img src="images/product-4.png" alt="" width="250" height="250"/> </a> <div class="p-icons-group"> <span class="p-icon-sale-off"></span> <span class="p-discount">-15%</span></div><div class="p-text"> <div class="p-brand-group"> <div class="p-brand"> <img src="images/p-brand-img.png" alt="brand" width="1" height="1" class="lazy"/> </div><p class="p-sku">Mã SP: <span>CCEF02</span></p></div><a href="" class="p-name"><h3>Lorem ipsum dolor sit amet consectetur adipisicing elit. Incidunt nulla ducimus facilis doloremque similique! Facere</h3></a> <div class="p-price-group"> <p class="p-price">15.000.000<u>đ</u></p></div><div class="p-btn-group"> <a href="javascript:void(0)" class="p-btn-compare js-p-compare" onclick="compare_addProduct(4,`Màn hình máy tính Dell Ultra Sharp U2723QE 27″`,'/product-url','images/product-4.png', this)" data-id="4">So sánh</a> <div class="p-quantity-group"> <span class="p-instock">Còn hàng</span> <a href="javascript:void(0)" class="p-btn-buy"></a> </div></div><div class="p-deal-group"> <span class="p-deal-line" style="width: 0%;"></span> <p class="p-sale-quantity">Đã bán 0</p></div><div class="p-countdown"> <p>Kết thúc sau:</p><div>05:00:30</div></div></div></div><div class="p-item"> <a href="" class="p-img"> <img src="images/product-5.png" alt="" width="250" height="250"/> </a> <div class="p-icons-group"> <span class="p-icon-sale-off"></span> <span class="p-discount">-15%</span></div><div class="p-text"> <div class="p-brand-group"> <div class="p-brand"> <img src="images/p-brand-img.png" alt="brand" width="1" height="1" class="lazy"/> </div><p class="p-sku">Mã SP: <span>CCEF02</span></p></div><a href="" class="p-name"><h3>Lorem ipsum dolor sit amet consectetur adipisicing elit. Incidunt nulla ducimus facilis doloremque similique! Facere</h3></a> <div class="p-price-group"> <p class="p-price">15.000.000<u>đ</u></p><del>17.400.000<u>đ</u></del> <span class="p-sale-off">(Tiết kiệm: 1.600.000đ)</span> </div><div class="p-btn-group"> <a href="javascript:void(0)" class="p-btn-compare js-p-compare" onclick="compare_addProduct(5,`Màn hình máy tính Dell Ultra Sharp U2723QE 27″`,'/product-url','images/product-5.png', this)" data-id="5">So sánh</a> <div class="p-quantity-group"> <span class="p-instock">Còn hàng</span> <a href="javascript:void(0)" class="p-btn-buy"></a> </div></div><div class="p-deal-group"> <span class="p-deal-line" style="width: 12%;"></span> <p class="p-sale-quantity">Đã bán 30</p></div><div class="p-countdown"> <p>Kết thúc sau:</p><div>05:00:30</div></div></div></div><div class="p-item"> <a href="" class="p-img"> <img src="images/product-6.png" alt="" width="250" height="250"/> </a> <div class="p-icons-group"> <span class="p-icon-sale-off"></span> <span class="p-discount">-15%</span></div><div class="p-text"> <div class="p-brand-group"> <div class="p-brand"> <img src="images/p-brand-img.png" alt="brand" width="1" height="1" class="lazy"/> </div><p class="p-sku">Mã SP: <span>CCEF02</span></p></div><a href="" class="p-name"><h3>Lorem ipsum dolor sit amet consectetur adipisicing elit. Incidunt nulla ducimus facilis doloremque similique! Facere</h3></a> <div class="p-price-group"> <p class="p-price">15.000.000<u>đ</u></p><del>17.400.000<u>đ</u></del> <span class="p-sale-off">(Tiết kiệm: 1.600.000đ)</span> </div><div class="p-btn-group"> <a href="javascript:void(0)" class="p-btn-compare js-p-compare" onclick="compare_addProduct(6,`Màn hình máy tính Dell Ultra Sharp U2723QE 27″`,'/product-url','images/product-6.png', this)" data-id="6">So sánh</a> <div class="p-quantity-group"> <span class="p-instock">Còn hàng</span> <a href="javascript:void(0)" class="p-btn-buy"></a> </div></div><div class="p-deal-group"> <span class="p-deal-line" style="width: 80%;"></span> <p class="p-sale-quantity">Đã bán 30</p></div><div class="p-countdown"> <p>Kết thúc sau:</p><div>05:00:30</div></div></div></div><div class="p-item"> <a href="" class="p-img"> <img src="images/product-7.png" alt="" width="250" height="250"/> </a> <div class="p-icons-group"> <span class="p-icon-sale-off"></span> <span class="p-discount">-15%</span></div><div class="p-text"> <div class="p-brand-group"> <div class="p-brand"></div><p class="p-sku">Mã SP: <span>CCEF02</span></p></div><a href="" class="p-name"><h3>Lorem ipsum dolor sit amet consectetur adipisicing elit. Incidunt nulla ducimus facilis doloremque similique! Facere</h3></a> <div class="p-price-group"> <p class="p-price">15.000.000<u>đ</u></p><del>17.400.000<u>đ</u></del> <span class="p-sale-off">(Tiết kiệm: 1.600.000đ)</span> </div><div class="p-btn-group"> <a href="javascript:void(0)" class="p-btn-compare js-p-compare" onclick="compare_addProduct(7,`Màn hình máy tính Dell Ultra Sharp U2723QE 27″`,'/product-url','images/product-7.png', this)" data-id="7">So sánh</a> <div class="p-quantity-group"> <span class="p-instock">Còn hàng</span> <a href="javascript:void(0)" class="p-btn-buy"></a> </div></div><div class="p-deal-group"> <span class="p-deal-line" style="width: 80%;"></span> <p class="p-sale-quantity">Đã bán 30</p></div><div class="p-countdown"> <p>Kết thúc sau:</p><div>05:00:30</div></div></div></div>
|
||
</div>
|
||
|
||
<a href="/deal" class="btn-view" target="_blank">Xem thêm</a>
|
||
</div>
|
||
|
||
<!-- Collection -->
|
||
<div class="home-collection-container lazy" data-bg="url(images/home-collection-bg.png)">
|
||
<div class="container">
|
||
<div class="collection-tab-group">
|
||
<a href="javascript:void(0)" class="current">
|
||
<span class="image">
|
||
<i class="lazy" data-bg="url(images/homepage/collection-1.png)"></i>
|
||
</span>
|
||
|
||
<p class="text">
|
||
<b>Sản phẩm giá sốc</b>
|
||
<span>Ưu đãi mùa hè</span>
|
||
</p>
|
||
</a>
|
||
|
||
<a href="javascript:void(0)">
|
||
<span class="image">
|
||
<i class="lazy" data-bg="url(images/homepage/collection-2.png)"></i>
|
||
</span>
|
||
|
||
<p class="text">
|
||
<b>Top PC Cực khủng</b>
|
||
<span>Dành cho dân đồ họa</span>
|
||
</p>
|
||
</a>
|
||
|
||
<a href="javascript:void(0)">
|
||
<span class="image">
|
||
<i class="lazy" data-bg="url(images/homepage/collection-3.png)"></i>
|
||
</span>
|
||
|
||
<p class="text">
|
||
<b>Laptop sinh viên</b>
|
||
<span>Bán chạy nhất 2023</span>
|
||
</p>
|
||
</a>
|
||
|
||
<a href="javascript:void(0)">
|
||
<span class="image">
|
||
<i class="lazy" data-bg="url(images/homepage/collection-4.png)"></i>
|
||
</span>
|
||
|
||
<p class="text">
|
||
<b>Linh kiện chính hãng</b>
|
||
<span>Ưu đãi hấp dẫn</span>
|
||
</p>
|
||
</a>
|
||
</div>
|
||
|
||
<div class="product-holder">
|
||
<div class="p-item">
|
||
<a href="" class="p-img">
|
||
<img src="images/product-1.png" alt="" width="250" height="250"/>
|
||
|
||
</a>
|
||
|
||
<div class="p-icons-group">
|
||
<span class="p-icon-sale-off"></span>
|
||
<span class="p-discount">-15%</span>
|
||
</div>
|
||
|
||
<div class="p-text">
|
||
<div class="p-brand-group">
|
||
<div class="p-brand">
|
||
<img src="images/p-brand-img.png" alt="brand" width="1" height="1" class="lazy"/>
|
||
<!-- Brand text -->
|
||
</div>
|
||
|
||
<p class="p-sku">Mã SP: <span>CCEF02</span></p>
|
||
</div>
|
||
|
||
<a href="" class="p-name"><h3>Lorem ipsum dolor sit amet consectetur adipisicing elit. Incidunt nulla ducimus facilis doloremque similique! Facere</h3></a>
|
||
|
||
<div class="p-price-group">
|
||
<p class="p-price">15.000.000<u>đ</u></p>
|
||
|
||
<del>17.400.000<u>đ</u></del>
|
||
<span class="p-sale-off">(Tiết kiệm: 1.600.000đ)</span>
|
||
</div>
|
||
|
||
<div class="p-btn-group">
|
||
<a href="javascript:void(0)" class="p-btn-compare js-p-compare" onclick="compare_addProduct(1,`Màn hình máy tính Dell Ultra Sharp U2723QE 27″`,'/product-url','images/product-1.png', this)" data-id="1">So sánh</a>
|
||
|
||
<div class="p-quantity-group">
|
||
<span class="p-instock">Còn hàng</span>
|
||
<!-- <span class="p-outstock">Liên hệ</span> -->
|
||
|
||
<a href="javascript:void(0)" class="p-btn-buy"></a>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="p-item"> <a href="" class="p-img"> <img src="images/product-2.png" alt="" width="250" height="250"/> </a> <div class="p-icons-group"> <span class="p-icon-sale-off"></span> <span class="p-discount">-15%</span></div><div class="p-text"> <div class="p-brand-group"> <div class="p-brand">Brand Text</div><p class="p-sku">Mã SP: <span>CCEF02</span></p></div><a href="" class="p-name"><h3>Lorem ipsum dolor sit amet consectetur adipisicing elit. Incidunt nulla ducimus facilis doloremque similique! Facere</h3></a> <div class="p-price-group"> <p class="p-price">15.000.000<u>đ</u></p></div><div class="p-btn-group"> <a href="javascript:void(0)" class="p-btn-compare js-p-compare" onclick="compare_addProduct(2,`Màn hình máy tính Dell Ultra Sharp U2723QE 27″`,'/product-url','images/product-2.png', this)" data-id="2">So sánh</a> <div class="p-quantity-group"> <span class="p-outstock">Liên hệ</span> <a href="javascript:void(0)" class="p-btn-buy"></a> </div></div></div></div><div class="p-item"> <a href="" class="p-img"> <img src="images/product-3.png" alt="" width="250" height="250"/> </a> <div class="p-icons-group"> <span class="p-icon-sale-off"></span> <span class="p-discount">-15%</span></div><div class="p-text"> <div class="p-brand-group"> <div class="p-brand"> </div><p class="p-sku">Mã SP: <span>CCEF02</span></p></div><a href="" class="p-name"><h3>Lorem ipsum dolor sit amet consectetur adipisicing elit. Incidunt nulla ducimus facilis doloremque similique! Facere</h3></a> <div class="p-price-group"> <p class="p-price">15.000.000<u>đ</u></p><del>17.400.000<u>đ</u></del> <span class="p-sale-off">(Tiết kiệm: 1.600.000đ)</span> </div><div class="p-btn-group"> <a href="javascript:void(0)" class="p-btn-compare js-p-compare" onclick="compare_addProduct(3,`Màn hình máy tính Dell Ultra Sharp U2723QE 27″`,'/product-url','images/product-3.png', this)" data-id="3">So sánh</a> <div class="p-quantity-group"> <span class="p-instock">Còn hàng</span> <a href="javascript:void(0)" class="p-btn-buy"></a> </div></div></div></div><div class="p-item"> <a href="" class="p-img"> <img src="images/product-4.png" alt="" width="250" height="250"/> </a> <div class="p-icons-group"> <span class="p-icon-sale-off"></span> <span class="p-discount">-15%</span></div><div class="p-text"> <div class="p-brand-group"> <div class="p-brand"> <img src="images/p-brand-img.png" alt="brand" width="1" height="1" class="lazy"/> </div><p class="p-sku">Mã SP: <span>CCEF02</span></p></div><a href="" class="p-name"><h3>Lorem ipsum dolor sit amet consectetur adipisicing elit. Incidunt nulla ducimus facilis doloremque similique! Facere</h3></a> <div class="p-price-group"> <p class="p-price">15.000.000<u>đ</u></p></div><div class="p-btn-group"> <a href="javascript:void(0)" class="p-btn-compare js-p-compare" onclick="compare_addProduct(4,`Màn hình máy tính Dell Ultra Sharp U2723QE 27″`,'/product-url','images/product-4.png', this)" data-id="4">So sánh</a> <div class="p-quantity-group"> <span class="p-instock">Còn hàng</span> <a href="javascript:void(0)" class="p-btn-buy"></a> </div></div></div></div><div class="p-item"> <a href="" class="p-img"> <img src="images/product-5.png" alt="" width="250" height="250"/> </a> <div class="p-icons-group"> <span class="p-icon-sale-off"></span> <span class="p-discount">-15%</span></div><div class="p-text"> <div class="p-brand-group"> <div class="p-brand"> <img src="images/p-brand-img.png" alt="brand" width="1" height="1" class="lazy"/> </div><p class="p-sku">Mã SP: <span>CCEF02</span></p></div><a href="" class="p-name"><h3>Lorem ipsum dolor sit amet consectetur adipisicing elit. Incidunt nulla ducimus facilis doloremque similique! Facere</h3></a> <div class="p-price-group"> <p class="p-price">15.000.000<u>đ</u></p><del>17.400.000<u>đ</u></del> <span class="p-sale-off">(Tiết kiệm: 1.600.000đ)</span> </div><div class="p-btn-group"> <a href="javascript:void(0)" class="p-btn-compare js-p-compare" onclick="compare_addProduct(5,`Màn hình máy tính Dell Ultra Sharp U2723QE 27″`,'/product-url','images/product-5.png', this)" data-id="5">So sánh</a> <div class="p-quantity-group"> <span class="p-instock">Còn hàng</span> <a href="javascript:void(0)" class="p-btn-buy"></a> </div></div></div></div><div class="p-item"> <a href="" class="p-img"> <img src="images/product-6.png" alt="" width="250" height="250"/> </a> <div class="p-icons-group"> <span class="p-icon-sale-off"></span> <span class="p-discount">-15%</span></div><div class="p-text"> <div class="p-brand-group"> <div class="p-brand"> <img src="images/p-brand-img.png" alt="brand" width="1" height="1" class="lazy"/> </div><p class="p-sku">Mã SP: <span>CCEF02</span></p></div><a href="" class="p-name"><h3>Lorem ipsum dolor sit amet consectetur adipisicing elit. Incidunt nulla ducimus facilis doloremque similique! Facere</h3></a> <div class="p-price-group"> <p class="p-price">15.000.000<u>đ</u></p><del>17.400.000<u>đ</u></del> <span class="p-sale-off">(Tiết kiệm: 1.600.000đ)</span> </div><div class="p-btn-group"> <a href="javascript:void(0)" class="p-btn-compare js-p-compare" onclick="compare_addProduct(6,`Màn hình máy tính Dell Ultra Sharp U2723QE 27″`,'/product-url','images/product-6.png', this)" data-id="6">So sánh</a> <div class="p-quantity-group"> <span class="p-instock">Còn hàng</span> <a href="javascript:void(0)" class="p-btn-buy"></a> </div></div></div></div><div class="p-item"> <a href="" class="p-img"> <img src="images/product-7.png" alt="" width="250" height="250"/> </a> <div class="p-icons-group"> <span class="p-icon-sale-off"></span> <span class="p-discount">-15%</span></div><div class="p-text"> <div class="p-brand-group"> <div class="p-brand"></div><p class="p-sku">Mã SP: <span>CCEF02</span></p></div><a href="" class="p-name"><h3>Lorem ipsum dolor sit amet consectetur adipisicing elit. Incidunt nulla ducimus facilis doloremque similique! Facere</h3></a> <div class="p-price-group"> <p class="p-price">15.000.000<u>đ</u></p><del>17.400.000<u>đ</u></del> <span class="p-sale-off">(Tiết kiệm: 1.600.000đ)</span> </div><div class="p-btn-group"> <a href="javascript:void(0)" class="p-btn-compare js-p-compare" onclick="compare_addProduct(7,`Màn hình máy tính Dell Ultra Sharp U2723QE 27″`,'/product-url','images/product-7.png', this)" data-id="7">So sánh</a> <div class="p-quantity-group"> <span class="p-instock">Còn hàng</span> <a href="javascript:void(0)" class="p-btn-buy"></a> </div></div></div></div>
|
||
</div>
|
||
|
||
<a href="" class="btn-view">XEM THÊM </a>
|
||
</div>
|
||
</div>
|
||
|
||
|
||
<div class="container">
|
||
<!-- Banner -->
|
||
<div class="banner-under-deal owl-carousel owl-theme custom-dots" id="js-banner-under-deal">
|
||
<a href="">
|
||
<img data-src="images/homepage/under-collection-1.png" alt="banner" width="" height="" class="owl-lazy"/>
|
||
</a>
|
||
<a href="">
|
||
<img data-src="images/homepage/under-collection-2.png" alt="banner" width="" height="" class="owl-lazy"/>
|
||
</a>
|
||
<a href="">
|
||
<img data-src="images/homepage/under-collection-1.png" alt="banner" width="" height="" class="owl-lazy"/>
|
||
</a>
|
||
<a href="">
|
||
<img data-src="images/homepage/under-collection-2.png" alt="banner" width="" height="" class="owl-lazy"/>
|
||
</a>
|
||
</div>
|
||
|
||
<!-- product-category -->
|
||
<div class="home-box-group">
|
||
<div class="box-title-group">
|
||
<div class="box-title-holder">
|
||
<h2 class="title"><span>Thiết bị nhà bếpThiết bị nhà bếpThiết bị nhà bếp</span></h2>
|
||
|
||
<a href="" class="btn-view" target="_blank">XEM THÊM </a>
|
||
</div>
|
||
|
||
<div class="cat-child-list">
|
||
<a href="">Ram</a>
|
||
<a href="">ổ cứng</a>
|
||
<a href="">tản nhiệt</a>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="product-holder">
|
||
<div class="p-item">
|
||
<a href="" class="p-img">
|
||
<img src="images/product-1.png" alt="" width="250" height="250"/>
|
||
|
||
</a>
|
||
|
||
<div class="p-icons-group">
|
||
<span class="p-icon-sale-off"></span>
|
||
<span class="p-discount">-15%</span>
|
||
</div>
|
||
|
||
<div class="p-text">
|
||
<div class="p-brand-group">
|
||
<div class="p-brand">
|
||
<img src="images/p-brand-img.png" alt="brand" width="1" height="1" class="lazy"/>
|
||
<!-- Brand text -->
|
||
</div>
|
||
|
||
<p class="p-sku">Mã SP: <span>CCEF02</span></p>
|
||
</div>
|
||
|
||
<a href="" class="p-name"><h3>Lorem ipsum dolor sit amet consectetur adipisicing elit. Incidunt nulla ducimus facilis doloremque similique! Facere</h3></a>
|
||
|
||
<div class="p-price-group">
|
||
<p class="p-price">15.000.000<u>đ</u></p>
|
||
|
||
<del>17.400.000<u>đ</u></del>
|
||
<span class="p-sale-off">(Tiết kiệm: 1.600.000đ)</span>
|
||
</div>
|
||
|
||
<div class="p-btn-group">
|
||
<a href="javascript:void(0)" class="p-btn-compare js-p-compare" onclick="compare_addProduct(1,`Màn hình máy tính Dell Ultra Sharp U2723QE 27″`,'/product-url','images/product-1.png', this)" data-id="1">So sánh</a>
|
||
|
||
<div class="p-quantity-group">
|
||
<span class="p-instock">Còn hàng</span>
|
||
<!-- <span class="p-outstock">Liên hệ</span> -->
|
||
|
||
<a href="javascript:void(0)" class="p-btn-buy"></a>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="p-item"> <a href="" class="p-img"> <img src="images/product-2.png" alt="" width="250" height="250"/> </a> <div class="p-icons-group"> <span class="p-icon-sale-off"></span> <span class="p-discount">-15%</span></div><div class="p-text"> <div class="p-brand-group"> <div class="p-brand">Brand Text</div><p class="p-sku">Mã SP: <span>CCEF02</span></p></div><a href="" class="p-name"><h3>Lorem ipsum dolor sit amet consectetur adipisicing elit. Incidunt nulla ducimus facilis doloremque similique! Facere</h3></a> <div class="p-price-group"> <p class="p-price">15.000.000<u>đ</u></p></div><div class="p-btn-group"> <a href="javascript:void(0)" class="p-btn-compare js-p-compare" onclick="compare_addProduct(2,`Màn hình máy tính Dell Ultra Sharp U2723QE 27″`,'/product-url','images/product-2.png', this)" data-id="2">So sánh</a> <div class="p-quantity-group"> <span class="p-outstock">Liên hệ</span> <a href="javascript:void(0)" class="p-btn-buy"></a> </div></div></div></div><div class="p-item"> <a href="" class="p-img"> <img src="images/product-3.png" alt="" width="250" height="250"/> </a> <div class="p-icons-group"> <span class="p-icon-sale-off"></span> <span class="p-discount">-15%</span></div><div class="p-text"> <div class="p-brand-group"> <div class="p-brand"> </div><p class="p-sku">Mã SP: <span>CCEF02</span></p></div><a href="" class="p-name"><h3>Lorem ipsum dolor sit amet consectetur adipisicing elit. Incidunt nulla ducimus facilis doloremque similique! Facere</h3></a> <div class="p-price-group"> <p class="p-price">15.000.000<u>đ</u></p><del>17.400.000<u>đ</u></del> <span class="p-sale-off">(Tiết kiệm: 1.600.000đ)</span> </div><div class="p-btn-group"> <a href="javascript:void(0)" class="p-btn-compare js-p-compare" onclick="compare_addProduct(3,`Màn hình máy tính Dell Ultra Sharp U2723QE 27″`,'/product-url','images/product-3.png', this)" data-id="3">So sánh</a> <div class="p-quantity-group"> <span class="p-instock">Còn hàng</span> <a href="javascript:void(0)" class="p-btn-buy"></a> </div></div></div></div><div class="p-item"> <a href="" class="p-img"> <img src="images/product-4.png" alt="" width="250" height="250"/> </a> <div class="p-icons-group"> <span class="p-icon-sale-off"></span> <span class="p-discount">-15%</span></div><div class="p-text"> <div class="p-brand-group"> <div class="p-brand"> <img src="images/p-brand-img.png" alt="brand" width="1" height="1" class="lazy"/> </div><p class="p-sku">Mã SP: <span>CCEF02</span></p></div><a href="" class="p-name"><h3>Lorem ipsum dolor sit amet consectetur adipisicing elit. Incidunt nulla ducimus facilis doloremque similique! Facere</h3></a> <div class="p-price-group"> <p class="p-price">15.000.000<u>đ</u></p></div><div class="p-btn-group"> <a href="javascript:void(0)" class="p-btn-compare js-p-compare" onclick="compare_addProduct(4,`Màn hình máy tính Dell Ultra Sharp U2723QE 27″`,'/product-url','images/product-4.png', this)" data-id="4">So sánh</a> <div class="p-quantity-group"> <span class="p-instock">Còn hàng</span> <a href="javascript:void(0)" class="p-btn-buy"></a> </div></div></div></div><div class="p-item"> <a href="" class="p-img"> <img src="images/product-5.png" alt="" width="250" height="250"/> </a> <div class="p-icons-group"> <span class="p-icon-sale-off"></span> <span class="p-discount">-15%</span></div><div class="p-text"> <div class="p-brand-group"> <div class="p-brand"> <img src="images/p-brand-img.png" alt="brand" width="1" height="1" class="lazy"/> </div><p class="p-sku">Mã SP: <span>CCEF02</span></p></div><a href="" class="p-name"><h3>Lorem ipsum dolor sit amet consectetur adipisicing elit. Incidunt nulla ducimus facilis doloremque similique! Facere</h3></a> <div class="p-price-group"> <p class="p-price">15.000.000<u>đ</u></p><del>17.400.000<u>đ</u></del> <span class="p-sale-off">(Tiết kiệm: 1.600.000đ)</span> </div><div class="p-btn-group"> <a href="javascript:void(0)" class="p-btn-compare js-p-compare" onclick="compare_addProduct(5,`Màn hình máy tính Dell Ultra Sharp U2723QE 27″`,'/product-url','images/product-5.png', this)" data-id="5">So sánh</a> <div class="p-quantity-group"> <span class="p-instock">Còn hàng</span> <a href="javascript:void(0)" class="p-btn-buy"></a> </div></div></div></div><div class="p-item"> <a href="" class="p-img"> <img src="images/product-6.png" alt="" width="250" height="250"/> </a> <div class="p-icons-group"> <span class="p-icon-sale-off"></span> <span class="p-discount">-15%</span></div><div class="p-text"> <div class="p-brand-group"> <div class="p-brand"> <img src="images/p-brand-img.png" alt="brand" width="1" height="1" class="lazy"/> </div><p class="p-sku">Mã SP: <span>CCEF02</span></p></div><a href="" class="p-name"><h3>Lorem ipsum dolor sit amet consectetur adipisicing elit. Incidunt nulla ducimus facilis doloremque similique! Facere</h3></a> <div class="p-price-group"> <p class="p-price">15.000.000<u>đ</u></p><del>17.400.000<u>đ</u></del> <span class="p-sale-off">(Tiết kiệm: 1.600.000đ)</span> </div><div class="p-btn-group"> <a href="javascript:void(0)" class="p-btn-compare js-p-compare" onclick="compare_addProduct(6,`Màn hình máy tính Dell Ultra Sharp U2723QE 27″`,'/product-url','images/product-6.png', this)" data-id="6">So sánh</a> <div class="p-quantity-group"> <span class="p-instock">Còn hàng</span> <a href="javascript:void(0)" class="p-btn-buy"></a> </div></div></div></div><div class="p-item"> <a href="" class="p-img"> <img src="images/product-7.png" alt="" width="250" height="250"/> </a> <div class="p-icons-group"> <span class="p-icon-sale-off"></span> <span class="p-discount">-15%</span></div><div class="p-text"> <div class="p-brand-group"> <div class="p-brand"></div><p class="p-sku">Mã SP: <span>CCEF02</span></p></div><a href="" class="p-name"><h3>Lorem ipsum dolor sit amet consectetur adipisicing elit. Incidunt nulla ducimus facilis doloremque similique! Facere</h3></a> <div class="p-price-group"> <p class="p-price">15.000.000<u>đ</u></p><del>17.400.000<u>đ</u></del> <span class="p-sale-off">(Tiết kiệm: 1.600.000đ)</span> </div><div class="p-btn-group"> <a href="javascript:void(0)" class="p-btn-compare js-p-compare" onclick="compare_addProduct(7,`Màn hình máy tính Dell Ultra Sharp U2723QE 27″`,'/product-url','images/product-7.png', this)" data-id="7">So sánh</a> <div class="p-quantity-group"> <span class="p-instock">Còn hàng</span> <a href="javascript:void(0)" class="p-btn-buy"></a> </div></div></div></div>
|
||
</div>
|
||
</div>
|
||
|
||
<!-- product-category -->
|
||
<div class="home-box-group"> <div class="box-title-group"> <div class="box-title-holder"> <h2 class="title"> <span>Gaming Gear</span> </h2> <a href="" class="btn-view" target="_blank">XEM THÊM </a> </div><div class="cat-child-list"> <a href="">Ram</a> <a href="">ổ cứng</a> <a href="">tản nhiệt</a> </div></div><div class="product-holder"> <div class="p-item"> <a href="" class="p-img"> <img src="images/product-1.png" alt="" width="250" height="250"/> </a> <div class="p-icons-group"> <span class="p-icon-sale-off"></span> <span class="p-discount">-15%</span> </div><div class="p-text"> <div class="p-brand-group"> <div class="p-brand"> <img src="images/p-brand-img.png" alt="brand" width="1" height="1" class="lazy"/> </div><p class="p-sku">Mã SP: <span>CCEF02</span></p></div><a href="" class="p-name"><h3>Lorem ipsum dolor sit amet consectetur adipisicing elit. Incidunt nulla ducimus facilis doloremque similique! Facere</h3></a> <div class="p-price-group"> <p class="p-price">15.000.000<u>đ</u></p><del>17.400.000<u>đ</u></del> <span class="p-sale-off">(Tiết kiệm: 1.600.000đ)</span> </div><div class="p-btn-group"> <a href="javascript:void(0)" class="p-btn-compare js-p-compare" onclick="compare_addProduct(1,`Màn hình máy tính Dell Ultra Sharp U2723QE 27″`,'/product-url','images/product-1.png', this)" data-id="1">So sánh</a> <div class="p-quantity-group"> <span class="p-instock">Còn hàng</span> <a href="javascript:void(0)" class="p-btn-buy"></a> </div></div></div></div><div class="p-item"> <a href="" class="p-img"> <img src="images/product-2.png" alt="" width="250" height="250"/> </a> <div class="p-icons-group"> <span class="p-icon-sale-off"></span> <span class="p-discount">-15%</span></div><div class="p-text"> <div class="p-brand-group"> <div class="p-brand">Brand Text</div><p class="p-sku">Mã SP: <span>CCEF02</span></p></div><a href="" class="p-name"><h3>Lorem ipsum dolor sit amet consectetur adipisicing elit. Incidunt nulla ducimus facilis doloremque similique! Facere</h3></a> <div class="p-price-group"> <p class="p-price">15.000.000<u>đ</u></p></div><div class="p-btn-group"> <a href="javascript:void(0)" class="p-btn-compare js-p-compare" onclick="compare_addProduct(2,`Màn hình máy tính Dell Ultra Sharp U2723QE 27″`,'/product-url','images/product-2.png', this)" data-id="2">So sánh</a> <div class="p-quantity-group"> <span class="p-outstock">Liên hệ</span> <a href="javascript:void(0)" class="p-btn-buy"></a> </div></div></div></div><div class="p-item"> <a href="" class="p-img"> <img src="images/product-3.png" alt="" width="250" height="250"/> </a> <div class="p-icons-group"> <span class="p-icon-sale-off"></span> <span class="p-discount">-15%</span></div><div class="p-text"> <div class="p-brand-group"> <div class="p-brand"> </div><p class="p-sku">Mã SP: <span>CCEF02</span></p></div><a href="" class="p-name"><h3>Lorem ipsum dolor sit amet consectetur adipisicing elit. Incidunt nulla ducimus facilis doloremque similique! Facere</h3></a> <div class="p-price-group"> <p class="p-price">15.000.000<u>đ</u></p><del>17.400.000<u>đ</u></del> <span class="p-sale-off">(Tiết kiệm: 1.600.000đ)</span> </div><div class="p-btn-group"> <a href="javascript:void(0)" class="p-btn-compare js-p-compare" onclick="compare_addProduct(3,`Màn hình máy tính Dell Ultra Sharp U2723QE 27″`,'/product-url','images/product-3.png', this)" data-id="3">So sánh</a> <div class="p-quantity-group"> <span class="p-instock">Còn hàng</span> <a href="javascript:void(0)" class="p-btn-buy"></a> </div></div></div></div><div class="p-item"> <a href="" class="p-img"> <img src="images/product-4.png" alt="" width="250" height="250"/> </a> <div class="p-icons-group"> <span class="p-icon-sale-off"></span> <span class="p-discount">-15%</span></div><div class="p-text"> <div class="p-brand-group"> <div class="p-brand"> <img src="images/p-brand-img.png" alt="brand" width="1" height="1" class="lazy"/> </div><p class="p-sku">Mã SP: <span>CCEF02</span></p></div><a href="" class="p-name"><h3>Lorem ipsum dolor sit amet consectetur adipisicing elit. Incidunt nulla ducimus facilis doloremque similique! Facere</h3></a> <div class="p-price-group"> <p class="p-price">15.000.000<u>đ</u></p></div><div class="p-btn-group"> <a href="javascript:void(0)" class="p-btn-compare js-p-compare" onclick="compare_addProduct(4,`Màn hình máy tính Dell Ultra Sharp U2723QE 27″`,'/product-url','images/product-4.png', this)" data-id="4">So sánh</a> <div class="p-quantity-group"> <span class="p-instock">Còn hàng</span> <a href="javascript:void(0)" class="p-btn-buy"></a> </div></div></div></div><div class="p-item"> <a href="" class="p-img"> <img src="images/product-5.png" alt="" width="250" height="250"/> </a> <div class="p-icons-group"> <span class="p-icon-sale-off"></span> <span class="p-discount">-15%</span></div><div class="p-text"> <div class="p-brand-group"> <div class="p-brand"> <img src="images/p-brand-img.png" alt="brand" width="1" height="1" class="lazy"/> </div><p class="p-sku">Mã SP: <span>CCEF02</span></p></div><a href="" class="p-name"><h3>Lorem ipsum dolor sit amet consectetur adipisicing elit. Incidunt nulla ducimus facilis doloremque similique! Facere</h3></a> <div class="p-price-group"> <p class="p-price">15.000.000<u>đ</u></p><del>17.400.000<u>đ</u></del> <span class="p-sale-off">(Tiết kiệm: 1.600.000đ)</span> </div><div class="p-btn-group"> <a href="javascript:void(0)" class="p-btn-compare js-p-compare" onclick="compare_addProduct(5,`Màn hình máy tính Dell Ultra Sharp U2723QE 27″`,'/product-url','images/product-5.png', this)" data-id="5">So sánh</a> <div class="p-quantity-group"> <span class="p-instock">Còn hàng</span> <a href="javascript:void(0)" class="p-btn-buy"></a> </div></div></div></div><div class="p-item"> <a href="" class="p-img"> <img src="images/product-6.png" alt="" width="250" height="250"/> </a> <div class="p-icons-group"> <span class="p-icon-sale-off"></span> <span class="p-discount">-15%</span></div><div class="p-text"> <div class="p-brand-group"> <div class="p-brand"> <img src="images/p-brand-img.png" alt="brand" width="1" height="1" class="lazy"/> </div><p class="p-sku">Mã SP: <span>CCEF02</span></p></div><a href="" class="p-name"><h3>Lorem ipsum dolor sit amet consectetur adipisicing elit. Incidunt nulla ducimus facilis doloremque similique! Facere</h3></a> <div class="p-price-group"> <p class="p-price">15.000.000<u>đ</u></p><del>17.400.000<u>đ</u></del> <span class="p-sale-off">(Tiết kiệm: 1.600.000đ)</span> </div><div class="p-btn-group"> <a href="javascript:void(0)" class="p-btn-compare js-p-compare" onclick="compare_addProduct(6,`Màn hình máy tính Dell Ultra Sharp U2723QE 27″`,'/product-url','images/product-6.png', this)" data-id="6">So sánh</a> <div class="p-quantity-group"> <span class="p-instock">Còn hàng</span> <a href="javascript:void(0)" class="p-btn-buy"></a> </div></div></div></div><div class="p-item"> <a href="" class="p-img"> <img src="images/product-7.png" alt="" width="250" height="250"/> </a> <div class="p-icons-group"> <span class="p-icon-sale-off"></span> <span class="p-discount">-15%</span></div><div class="p-text"> <div class="p-brand-group"> <div class="p-brand"></div><p class="p-sku">Mã SP: <span>CCEF02</span></p></div><a href="" class="p-name"><h3>Lorem ipsum dolor sit amet consectetur adipisicing elit. Incidunt nulla ducimus facilis doloremque similique! Facere</h3></a> <div class="p-price-group"> <p class="p-price">15.000.000<u>đ</u></p><del>17.400.000<u>đ</u></del> <span class="p-sale-off">(Tiết kiệm: 1.600.000đ)</span> </div><div class="p-btn-group"> <a href="javascript:void(0)" class="p-btn-compare js-p-compare" onclick="compare_addProduct(7,`Màn hình máy tính Dell Ultra Sharp U2723QE 27″`,'/product-url','images/product-7.png', this)" data-id="7">So sánh</a> <div class="p-quantity-group"> <span class="p-instock">Còn hàng</span> <a href="javascript:void(0)" class="p-btn-buy"></a> </div></div></div></div></div></div>
|
||
</div>
|
||
</div>
|
||
|
||
|
||
<!-- breadcrumb -->
|
||
<div class="global-breadcrumb">
|
||
<div class="container">
|
||
<ol itemscope="" itemtype="http://schema.org/BreadcrumbList" class="ul clearfix">
|
||
<li itemprop="itemListElement" itemscope="" itemtype="http://schema.org/ListItem">
|
||
<a href="/" itemprop="item" class="nopad-l">
|
||
<span itemprop="name">Home</span>
|
||
</a>
|
||
<meta itemprop="position" content="1">
|
||
</li>
|
||
|
||
|
||
<li itemprop="itemListElement" itemscope itemtype="http://schema.org/ListItem">
|
||
<a href="" itemprop="item" class="nopad-l">
|
||
<span itemprop="name"> Danh mục cấp 2 </span>
|
||
</a>
|
||
<meta itemprop="position" content="2" />
|
||
</li>
|
||
|
||
<li itemprop="itemListElement" itemscope itemtype="http://schema.org/ListItem">
|
||
<a href="" itemprop="item" class="nopad-l">
|
||
<span itemprop="name"> Danh mục cấp 3 </span>
|
||
</a>
|
||
<meta itemprop="position" content="3" />
|
||
</li>
|
||
</ol>
|
||
</div>
|
||
</div>
|
||
|
||
|
||
<!-- Product category -->
|
||
<div class="product-page container" style="display: none;">
|
||
<div class="product-banner-group owl-carousel owl-theme custom-dots" id="js-category-slider">
|
||
<a href=""><img data-src="images/category/category-1.png" alt="" width="" height="" class="owl-lazy"/></a>
|
||
<a href=""><img data-src="images/category/category-2.png" alt="" width="" height="" class="owl-lazy"/></a>
|
||
<a href=""><img data-src="images/category/category-1.png" alt="" width="" height="" class="owl-lazy"/></a>
|
||
</div>
|
||
|
||
<div class="box-filter-group">
|
||
<p class="title">Chọn theo tiêu chí</p>
|
||
|
||
<div class="filter-title-list">
|
||
<a href="javascript:void(0)" onclick="_openFilter();">
|
||
Bộ lọc <i class="mb-icons icon-filter"></i>
|
||
</a>
|
||
|
||
<select>
|
||
<option value="">Giá</option>
|
||
<option value="">Option 1</option>
|
||
<option value="">Option 2</option>
|
||
<option value="">Option 3</option>
|
||
</select>
|
||
|
||
<select>
|
||
<option value="">Thương hiệu</option>
|
||
<option value="">Option 1</option>
|
||
<option value="">Option 2</option>
|
||
<option value="">Option 3</option>
|
||
</select>
|
||
|
||
<select>
|
||
<option value="">Attribute</option>
|
||
<option value="">Option 1</option>
|
||
<option value="">Option 2</option>
|
||
<option value="">Option 3</option>
|
||
</select>
|
||
|
||
<select> <option value="">Attribute</option> <option value="">Option 1</option> <option value="">Option 2</option> <option value="">Option 3</option> </select> <select> <option value="">Attribute</option> <option value="">Option 1</option> <option value="">Option 2</option> <option value="">Option 3</option> </select><select> <option value="">Attribute</option> <option value="">Option 1</option> <option value="">Option 2</option> <option value="">Option 3</option> </select> <select> <option value="">Attribute</option> <option value="">Option 1</option> <option value="">Option 2</option> <option value="">Option 3</option> </select>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="box-filter-group">
|
||
<p class="title">Sắp xếp theo</p>
|
||
|
||
<div class="sort-title-list">
|
||
<a href="" class="current">
|
||
<span>Giá cao</span>
|
||
<i class="mb-icons icon-up"></i>
|
||
</a>
|
||
|
||
<a href="">
|
||
<span>Giá cao</span>
|
||
<i class="mb-icons icon-down"></i>
|
||
</a>
|
||
|
||
<a href="">
|
||
<span>Xem nhiều</span>
|
||
<i class="mb-icons icon-eye"></i>
|
||
</a>
|
||
|
||
<a href="">
|
||
<span>Còn hàng</span>
|
||
<i class="mb-icons icon-box"></i>
|
||
</a>
|
||
|
||
</div>
|
||
</div>
|
||
|
||
<div class="product-holder" data-view="product-display-list">
|
||
<div class="p-item">
|
||
<a href="" class="p-img">
|
||
<img src="images/product-1.png" alt="" width="250" height="250"/>
|
||
|
||
</a>
|
||
|
||
<div class="p-icons-group">
|
||
<span class="p-icon-sale-off"></span>
|
||
<span class="p-discount">-15%</span>
|
||
</div>
|
||
|
||
<div class="p-text">
|
||
<div class="p-brand-group">
|
||
<div class="p-brand">
|
||
<img src="images/p-brand-img.png" alt="brand" width="1" height="1" class="lazy"/>
|
||
<!-- Brand text -->
|
||
</div>
|
||
|
||
<p class="p-sku">Mã SP: <span>CCEF02</span></p>
|
||
</div>
|
||
|
||
<a href="" class="p-name"><h3>Lorem ipsum dolor sit amet consectetur adipisicing elit. Incidunt nulla ducimus facilis doloremque similique! Facere</h3></a>
|
||
|
||
<div class="p-price-group">
|
||
<p class="p-price">15.000.000<u>đ</u></p>
|
||
|
||
<del>17.400.000<u>đ</u></del>
|
||
<span class="p-sale-off">(Tiết kiệm: 1.600.000đ)</span>
|
||
</div>
|
||
|
||
<div class="p-btn-group">
|
||
<a href="javascript:void(0)" class="p-btn-compare js-p-compare" onclick="compare_addProduct(1,`Màn hình máy tính Dell Ultra Sharp U2723QE 27″`,'/product-url','images/product-1.png', this)" data-id="1">So sánh</a>
|
||
|
||
<div class="p-quantity-group">
|
||
<span class="p-instock">Còn hàng</span>
|
||
<!-- <span class="p-outstock">Liên hệ</span> -->
|
||
|
||
<a href="javascript:void(0)" class="p-btn-buy"></a>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="p-item"> <a href="" class="p-img"> <img src="images/product-2.png" alt="" width="250" height="250"/> </a> <div class="p-icons-group"> <span class="p-icon-sale-off"></span> <span class="p-discount">-15%</span></div><div class="p-text"> <div class="p-brand-group"> <div class="p-brand">Brand Text</div><p class="p-sku">Mã SP: <span>CCEF02</span></p></div><a href="" class="p-name"><h3>Lorem ipsum dolor sit amet consectetur adipisicing elit. Incidunt nulla ducimus facilis doloremque similique! Facere</h3></a> <div class="p-price-group"> <p class="p-price">15.000.000<u>đ</u></p></div><div class="p-btn-group"> <a href="javascript:void(0)" class="p-btn-compare js-p-compare" onclick="compare_addProduct(2,`Màn hình máy tính Dell Ultra Sharp U2723QE 27″`,'/product-url','images/product-2.png', this)" data-id="2">So sánh</a> <div class="p-quantity-group"> <span class="p-outstock">Liên hệ</span> <a href="javascript:void(0)" class="p-btn-buy"></a> </div></div></div></div><div class="p-item"> <a href="" class="p-img"> <img src="images/product-3.png" alt="" width="250" height="250"/> </a> <div class="p-icons-group"> <span class="p-icon-sale-off"></span> <span class="p-discount">-15%</span></div><div class="p-text"> <div class="p-brand-group"> <div class="p-brand"> </div><p class="p-sku">Mã SP: <span>CCEF02</span></p></div><a href="" class="p-name"><h3>Lorem ipsum dolor sit amet consectetur adipisicing elit. Incidunt nulla ducimus facilis doloremque similique! Facere</h3></a> <div class="p-price-group"> <p class="p-price">15.000.000<u>đ</u></p><del>17.400.000<u>đ</u></del> <span class="p-sale-off">(Tiết kiệm: 1.600.000đ)</span> </div><div class="p-btn-group"> <a href="javascript:void(0)" class="p-btn-compare js-p-compare" onclick="compare_addProduct(3,`Màn hình máy tính Dell Ultra Sharp U2723QE 27″`,'/product-url','images/product-3.png', this)" data-id="3">So sánh</a> <div class="p-quantity-group"> <span class="p-instock">Còn hàng</span> <a href="javascript:void(0)" class="p-btn-buy"></a> </div></div></div></div><div class="p-item"> <a href="" class="p-img"> <img src="images/product-4.png" alt="" width="250" height="250"/> </a> <div class="p-icons-group"> <span class="p-icon-sale-off"></span> <span class="p-discount">-15%</span></div><div class="p-text"> <div class="p-brand-group"> <div class="p-brand"> <img src="images/p-brand-img.png" alt="brand" width="1" height="1" class="lazy"/> </div><p class="p-sku">Mã SP: <span>CCEF02</span></p></div><a href="" class="p-name"><h3>Lorem ipsum dolor sit amet consectetur adipisicing elit. Incidunt nulla ducimus facilis doloremque similique! Facere</h3></a> <div class="p-price-group"> <p class="p-price">15.000.000<u>đ</u></p></div><div class="p-btn-group"> <a href="javascript:void(0)" class="p-btn-compare js-p-compare" onclick="compare_addProduct(4,`Màn hình máy tính Dell Ultra Sharp U2723QE 27″`,'/product-url','images/product-4.png', this)" data-id="4">So sánh</a> <div class="p-quantity-group"> <span class="p-instock">Còn hàng</span> <a href="javascript:void(0)" class="p-btn-buy"></a> </div></div></div></div><div class="p-item"> <a href="" class="p-img"> <img src="images/product-5.png" alt="" width="250" height="250"/> </a> <div class="p-icons-group"> <span class="p-icon-sale-off"></span> <span class="p-discount">-15%</span></div><div class="p-text"> <div class="p-brand-group"> <div class="p-brand"> <img src="images/p-brand-img.png" alt="brand" width="1" height="1" class="lazy"/> </div><p class="p-sku">Mã SP: <span>CCEF02</span></p></div><a href="" class="p-name"><h3>Lorem ipsum dolor sit amet consectetur adipisicing elit. Incidunt nulla ducimus facilis doloremque similique! Facere</h3></a> <div class="p-price-group"> <p class="p-price">15.000.000<u>đ</u></p><del>17.400.000<u>đ</u></del> <span class="p-sale-off">(Tiết kiệm: 1.600.000đ)</span> </div><div class="p-btn-group"> <a href="javascript:void(0)" class="p-btn-compare js-p-compare" onclick="compare_addProduct(5,`Màn hình máy tính Dell Ultra Sharp U2723QE 27″`,'/product-url','images/product-5.png', this)" data-id="5">So sánh</a> <div class="p-quantity-group"> <span class="p-instock">Còn hàng</span> <a href="javascript:void(0)" class="p-btn-buy"></a> </div></div></div></div><div class="p-item"> <a href="" class="p-img"> <img src="images/product-6.png" alt="" width="250" height="250"/> </a> <div class="p-icons-group"> <span class="p-icon-sale-off"></span> <span class="p-discount">-15%</span></div><div class="p-text"> <div class="p-brand-group"> <div class="p-brand"> <img src="images/p-brand-img.png" alt="brand" width="1" height="1" class="lazy"/> </div><p class="p-sku">Mã SP: <span>CCEF02</span></p></div><a href="" class="p-name"><h3>Lorem ipsum dolor sit amet consectetur adipisicing elit. Incidunt nulla ducimus facilis doloremque similique! Facere</h3></a> <div class="p-price-group"> <p class="p-price">15.000.000<u>đ</u></p><del>17.400.000<u>đ</u></del> <span class="p-sale-off">(Tiết kiệm: 1.600.000đ)</span> </div><div class="p-btn-group"> <a href="javascript:void(0)" class="p-btn-compare js-p-compare" onclick="compare_addProduct(6,`Màn hình máy tính Dell Ultra Sharp U2723QE 27″`,'/product-url','images/product-6.png', this)" data-id="6">So sánh</a> <div class="p-quantity-group"> <span class="p-instock">Còn hàng</span> <a href="javascript:void(0)" class="p-btn-buy"></a> </div></div></div></div><div class="p-item"> <a href="" class="p-img"> <img src="images/product-7.png" alt="" width="250" height="250"/> </a> <div class="p-icons-group"> <span class="p-icon-sale-off"></span> <span class="p-discount">-15%</span></div><div class="p-text"> <div class="p-brand-group"> <div class="p-brand"></div><p class="p-sku">Mã SP: <span>CCEF02</span></p></div><a href="" class="p-name"><h3>Lorem ipsum dolor sit amet consectetur adipisicing elit. Incidunt nulla ducimus facilis doloremque similique! Facere</h3></a> <div class="p-price-group"> <p class="p-price">15.000.000<u>đ</u></p><del>17.400.000<u>đ</u></del> <span class="p-sale-off">(Tiết kiệm: 1.600.000đ)</span> </div><div class="p-btn-group"> <a href="javascript:void(0)" class="p-btn-compare js-p-compare" onclick="compare_addProduct(7,`Màn hình máy tính Dell Ultra Sharp U2723QE 27″`,'/product-url','images/product-7.png', this)" data-id="7">So sánh</a> <div class="p-quantity-group"> <span class="p-instock">Còn hàng</span> <a href="javascript:void(0)" class="p-btn-buy"></a> </div></div></div></div>
|
||
</div>
|
||
|
||
<div class="paging">
|
||
<a href="" class="icon-prev">prev</a>
|
||
<a href="" class="current">1</a>
|
||
<a href="">2</a><a href="">3</a><a href="">4</a>
|
||
<a href="" class="icon-next">next</a>
|
||
</div>
|
||
|
||
<div class="static-html-group js-static-container">
|
||
<div class="js-static-content">
|
||
<p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Sequi officia rerum optio quos voluptatum repellat magni, culpa commodi distinctio? Voluptas eveniet impedit doloribus quibusdam, obcaecati facilis illo fuga sed doloremque.</p><p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Sequi officia rerum optio quos voluptatum repellat magni, culpa commodi distinctio? Voluptas eveniet impedit doloribus quibusdam, obcaecati facilis illo fuga sed doloremque.</p>
|
||
<p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Sequi officia rerum optio quos voluptatum repellat magni, culpa commodi distinctio? Voluptas eveniet impedit doloribus quibusdam, obcaecati facilis illo fuga sed doloremque.</p><p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Sequi officia rerum optio quos voluptatum repellat magni, culpa commodi distinctio? Voluptas eveniet impedit doloribus quibusdam, obcaecati facilis illo fuga sed doloremque.</p>
|
||
<p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Sequi officia rerum optio quos voluptatum repellat magni, culpa commodi distinctio? Voluptas eveniet impedit doloribus quibusdam, obcaecati facilis illo fuga sed doloremque.</p><p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Sequi officia rerum optio quos voluptatum repellat magni, culpa commodi distinctio? Voluptas eveniet impedit doloribus quibusdam, obcaecati facilis illo fuga sed doloremque.</p>
|
||
<p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Sequi officia rerum optio quos voluptatum repellat magni, culpa commodi distinctio? Voluptas eveniet impedit doloribus quibusdam, obcaecati facilis illo fuga sed doloremque.</p>
|
||
<p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Sequi officia rerum optio quos voluptatum repellat magni, culpa commodi distinctio? Voluptas eveniet impedit doloribus quibusdam, obcaecati facilis illo fuga sed doloremque.</p>
|
||
<p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Sequi officia rerum optio quos voluptatum repellat magni, culpa commodi distinctio? Voluptas eveniet impedit doloribus quibusdam, obcaecati facilis illo fuga sed doloremque.</p>
|
||
<p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Sequi officia rerum optio quos voluptatum repellat magni, culpa commodi distinctio? Voluptas eveniet impedit doloribus quibusdam, obcaecati facilis illo fuga sed doloremque.</p>
|
||
<p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Sequi officia rerum optio quos voluptatum repellat magni, culpa commodi distinctio? Voluptas eveniet impedit doloribus quibusdam, obcaecati facilis illo fuga sed doloremque.</p>
|
||
<p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Sequi officia rerum optio quos voluptatum repellat magni, culpa commodi distinctio? Voluptas eveniet impedit doloribus quibusdam, obcaecati facilis illo fuga sed doloremque.</p>
|
||
<p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Sequi officia rerum optio quos voluptatum repellat magni, culpa commodi distinctio? Voluptas eveniet impedit doloribus quibusdam, obcaecati facilis illo fuga sed doloremque.</p>
|
||
</div>
|
||
|
||
<div class="static-btn-group">
|
||
<a href="javascript:void(0)" class="js-showmore-button">XEM THÊM</a>
|
||
<a href="javascript:void(0)" class="js-showless-button">THU GỌN</a>
|
||
</div>
|
||
</div>
|
||
|
||
<!-- Filter -->
|
||
<div class="popup-filter-group" id="js-filter-container">
|
||
<div class="popup-body">
|
||
<!-- Brand -->
|
||
<div class="js-filter-item brand-item">
|
||
<p class="title">Hãng</p>
|
||
|
||
<div class="list-holder js-brand-list">
|
||
<a href="javascript:void(0)" class="js-filter-selected selected" data-brand="378">
|
||
<img src="https://pico.vn/media/brand/aqua.jpg" alt="Aqua" width="68" height="30">
|
||
</a>
|
||
|
||
<a href="javascript:void(0)" class="js-filter-selected" data-brand="301"> Bosch </a>
|
||
|
||
<a href="javascript:void(0)" class="js-filter-selected" data-brand="1212"> <img src="https://pico.vn/media/brand/casper.png" alt="Casper" width="68" height="30"> </a> <a href="javascript:void(0)" class="js-filter-selected" data-brand="34"> <img src="https://pico.vn/media/brand/electrolux.jpg" alt="Electrolux" width="68" height="30"> </a> <a href="javascript:void(0)" class="js-filter-selected" data-brand="44"> <img src="https://pico.vn/media/brand/hitachi.jpg" alt="Hitachi" width="68" height="30"> </a> <a href="javascript:void(0)" class="js-filter-selected" data-brand="51"> <img src="https://pico.vn/media/brand/lg.jpg" alt="LG" width="68" height="30"> </a> <a href="javascript:void(0)" class="js-filter-selected" data-brand="92"> <img src="https://pico.vn/media/brand/panasonic.jpg" alt="Panasonic" width="68" height="30"> </a> <a href="javascript:void(0)" class="js-filter-selected" data-brand="71"> <img src="https://pico.vn/media/brand/samsung.jpg" alt="Samsung" width="68" height="30"> </a> <a href="javascript:void(0)" class="js-filter-selected" data-brand="1217"> SonHa </a> <a href="javascript:void(0)" class="js-filter-selected" data-brand="83"> <img src="https://pico.vn/media/brand/toshiba.jpg" alt="Toshiba" width="68" height="30"> </a>
|
||
</div>
|
||
</div>
|
||
|
||
<!-- Price -->
|
||
<div class="item js-filter-item">
|
||
<p class="title">Giá bán</p>
|
||
|
||
<div class="list-holder js-price-list">
|
||
|
||
<a href="javascript:void(0)" class="js-filter-selected selected" data-max="5000000" data-min="3000000">3 triệu - 5 triệu</a>
|
||
|
||
<a href="javascript:void(0)" class="js-filter-selected " data-max="7000000" data-min="5000000"> 5 triệu - 7 triệu </a> <a href="javascript:void(0)" class="js-filter-selected " data-max="12000000" data-min="7000000"> 7 triệu - 12 triệu </a> <a href="javascript:void(0)" class="js-filter-selected " data-max="15000000" data-min="12000000"> 12 triệu - 15 triệu </a> <a href="javascript:void(0)" class="js-filter-selected " data-max="20000000" data-min="15000000"> 15 triệu - 20 triệu </a> <a href="javascript:void(0)" class="js-filter-selected " data-max="25000000" data-min="20000000"> 20 triệu - 25 triệu </a> <a href="javascript:void(0)" class="js-filter-selected " data-max="30000000" data-min="25000000"> 25 triệu - 30 triệu </a> <a href="javascript:void(0)" class="js-filter-selected " data-max="0" data-min="30000000"> Trên 30 triệu </a>
|
||
</div>
|
||
</div>
|
||
|
||
<!-- Attribute -->
|
||
<div class="item js-filter-item">
|
||
<p class="title">Khối lượng giặt</p>
|
||
|
||
<div class="list-holder js-attr-list">
|
||
<a href="javascript:void(0)" class="js-filter-selected selected" data-attr="3150">Dưới 7,5 kg</a>
|
||
|
||
<a href="javascript:void(0)" class="js-filter-selected " data-attr="3151">Từ 7,5 - 8,5 kg</a><a href="javascript:void(0)" class="js-filter-selected " data-attr="3152">Từ 9 - 10 kg</a><a href="javascript:void(0)" class="js-filter-selected " data-attr="4802">Trên 10 kg</a>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="item js-filter-item"> <p class="title">Loại máy giặt</p><div class="list-holder js-attr-list"> <a href="javascript:void(0)" class="js-filter-selected " data-attr="375"> Lồng đứng </a> <a href="javascript:void(0)" class="js-filter-selected " data-attr="2441"> Lồng ngang </a> <a href="javascript:void(0)" class="js-filter-selected " data-attr="4892"> Máy giặt sấy </a> <a href="javascript:void(0)" class="js-filter-selected " data-attr="4654"> Twin Wash </a> </div></div><div class="item js-filter-item"> <p class="title">Tính năng</p><div class="list-holder js-attr-list"> <a href="javascript:void(0)" class="js-filter-selected " data-attr="2455"> Động cơ inverter </a> <a href="javascript:void(0)" class="js-filter-selected " data-attr="4696"> Giặt hơi nước </a> </div></div>
|
||
</div>
|
||
|
||
<div class="popup-button">
|
||
<a href="javascript:void(0)" onclick="_close_filter();"> <span class="icon-clsoe"></span> Đóng</a>
|
||
<a href="" class="js-partName">Xóa bộ lọc</a>
|
||
<a href="javascript:void(0)" onclick="_getLink()">Áp dụng</a>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="bg-popup" style="display: none;" id="js-bg-popup-filter" onclick="_close_filter();"></div>
|
||
</div>
|
||
|
||
|
||
<!-- product-detail -->
|
||
<div class="product-detail-page container">
|
||
<h1 class="page-title">Lorem ipsum dolor amet, consectetur adipiscing elit, sed do eiusmod tempor m dolor sit </h1>
|
||
|
||
<div class="pd-image-group">
|
||
<div class="pd-image-large custom-nav owl-carousel owl-theme " id="js-big-img">
|
||
<a href="javascript:void(0)" class="item" data-id="js-fancybox-1">
|
||
<img src="images/product-1.png"/>
|
||
</a>
|
||
|
||
<a href="javascript:void(0)" class="item" data-id="js-fancybox-2">
|
||
<img src="images/product-2.png"/>
|
||
</a>
|
||
|
||
<a href="javascript:void(0)" class="item" data-id="js-fancybox-3"><img src="images/product-3.png"/> </a><a href="javascript:void(0)" class="item" data-id="js-fancybox-4"><img src="images/product-4.png"/> </a><a href="javascript:void(0)" class="item" data-id="js-fancybox-5"><img src="images/product-5.png"/> </a><a href="javascript:void(0)" class="item" data-id="js-fancybox-6"><img src="images/product-6.png"/> </a>
|
||
</div>
|
||
|
||
<div class="pd-image-gallery owl-carousel owl-theme" id="js-img-gallery">
|
||
<a href="javascript:void(0)" data-id="js-fancybox-1" data-href="images/product-1.png" class="item">
|
||
<img src="images/product-1.png"/>
|
||
</a>
|
||
|
||
<a href="javascript:void(0)" data-id="js-fancybox-2" data-href="images/product-2.png" class="item"><img src="images/product-2.png"/></a>
|
||
<a href="javascript:void(0)" data-id="js-fancybox-3" data-href="images/product-3.png" class="item"><img src="images/product-3.png"/></a>
|
||
<a href="javascript:void(0)" data-id="js-fancybox-4" data-href="images/product-4.png" class="item"><img src="images/product-4.png"/></a>
|
||
<a href="javascript:void(0)" data-id="js-fancybox-5" data-href="images/product-5.png" class="item"><img src="images/product-5.png"/></a>
|
||
<a href="javascript:void(0)" data-id="js-fancybox-6" data-href="images/product-6.png" class="item"><img src="images/product-6.png"/></a>
|
||
</div>
|
||
|
||
<div style="display: none;">
|
||
<a href="images/product-1.png" data-fancybox="gallery" data-thumb="images/product-1.png" id="js-fancybox-1"></a>
|
||
|
||
<a href="images/product-2.png" data-fancybox="gallery" data-thumb="images/product-2.png" id="js-fancybox-2"></a>
|
||
<a href="images/product-3.png" data-fancybox="gallery" data-thumb="images/product-3.png" id="js-fancybox-3"></a>
|
||
<a href="images/product-4.png" data-fancybox="gallery" data-thumb="images/product-4.png" id="js-fancybox-4"></a>
|
||
<a href="images/product-5.png" data-fancybox="gallery" data-thumb="images/product-5.png" id="js-fancybox-5"></a>
|
||
<a href="images/product-6.png" data-fancybox="gallery" data-thumb="images/product-6.png" id="js-fancybox-6"></a>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="pd-status-group">
|
||
<p>Mã: <span class="red">220401568</span> | </p>
|
||
<p>Đánh giá: <a href="javascript:void(0)" class="icon-star star-3" onclick="$('body,html').animate({ scrollTop: $('#js-comment-container').offset().top - 70},800);"></a> <span class="red">0</span> | </p>
|
||
<p>Bình luận: <span class="red">0</span> | </p>
|
||
<p>Lượt xem: <span class="red">0</span></p>
|
||
</div>
|
||
|
||
<div class="pd-summary-group">
|
||
<div class="item">CPU:AMD Ryzen 5 5600H</div>
|
||
<div class="item">Màn hình:16.1"IPS(1920 x 1080),144Hz</div>
|
||
<div class="item">RAM:2 x 4GBDDR43200MHz</div>
|
||
<div class="item">Đồ họa: NVIDIA GeForce RTX 3050Ti4GBGDDR6/AMD Radeon Graphics</div>
|
||
<div class="item">Lưu trữ: 512GB SSD M.2 NVMe/</div>
|
||
</div>
|
||
|
||
<div class="pd-deal-holder">
|
||
<div class="group-title">
|
||
<i class="lazy" data-bg="url(images/homepage/collection-1.png)"></i>
|
||
<p>FLASH SALE</p>
|
||
</div>
|
||
|
||
<div class="deal-countdown js-countdown-time">
|
||
<p>
|
||
<b>00</b>
|
||
<span>Ngày</span>
|
||
</p>
|
||
|
||
<p>
|
||
<b>00</b>
|
||
<span>Giờ</span>
|
||
</p>
|
||
|
||
<p>
|
||
<b>00</b>
|
||
<span>Phút</span>
|
||
</p>
|
||
|
||
<p>
|
||
<b>00</b>
|
||
<span>Giây</span>
|
||
</p>
|
||
</div>
|
||
|
||
<div class="pd-deal-count">
|
||
<p>Đã bán 20 sản phẩm</p>
|
||
|
||
<div class="pd-deal-group">
|
||
<span class="pd-line" style="width: 0%;"></span>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="pd-price-group">
|
||
<p class="pd-price">14.190.000<u>đ</u></p>
|
||
<p class="d-inline-block m-0">
|
||
<del class="pd-old-price">15.890.000<u>đ</u></del>
|
||
<span class="pd-discount">-20%</span>
|
||
</p>
|
||
</div>
|
||
|
||
<div class="pd-variant-group">
|
||
<p class="group-title">Tùy Chọn Sản Phẩm</p>
|
||
|
||
<div class="pd-variant-list">
|
||
<a href="" class="item current">
|
||
<span class="name">512GB SSD M.2 NVMe </span>
|
||
<span class="price">14.190.000 <u>đ</u></span>
|
||
</a>
|
||
|
||
<a href="" class="item">
|
||
<span class="name">1TB SSD M.2 NVMe </span>
|
||
<span class="price">18.490.000 <u>đ</u></span>
|
||
</a>
|
||
|
||
<a href="" class="item">
|
||
<span class="name">218GB SSD M.2 NVMe </span>
|
||
<span class="price">12.490.000 <u>đ</u></span>
|
||
</a>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="pd-quantity-group">
|
||
<p>Số lượng</p>
|
||
|
||
<div class="pd-quantity-holder">
|
||
<a href="javascript:void(0)" class="js-btn-change" data-value="-1"> - </a>
|
||
<input type="text" class="js-buy-quantity js-btn-change" value="1" data-stock="998">
|
||
<a href="javascript:void(0)" class="js-btn-change" data-value="1"> + </a>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="pd-btn-group">
|
||
<a href="javascript:void(0)">Mua ngay</a>
|
||
<a href="javascript:void(0)">Thêm vào giỏ</a>
|
||
</div>
|
||
|
||
<div class="pd-offer-group">
|
||
<p class="group-title">Khuyến mãi sản phẩm</p>
|
||
|
||
<div class="pd-offer-list">
|
||
<div class="item">Chính sách đổi trả 1 đổi 1 trong vòng 7 ngày.</div>
|
||
<div class="item">Thanh toán thuận tiện – Ưu đãi trả góp.</div>
|
||
<div class="item">Bảo hành chính hãng tại nhà - Kích hoạt bảo hành điện tử.</div>
|
||
<div class="item">Bảo hành chính hãng tại nhà - Kích hoạt bảo hành điện tử.</div>
|
||
<div class="item">Bảo hành chính hãng tại nhà - Kích hoạt bảo hành điện tử.</div>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="pd-box-content pd-desc-group js-static-container">
|
||
<div class="js-static-content">
|
||
<p>Lorem, ipsum dolor sit amet consectetur adipisicing elit. Aliquid sit animi culpa dolores nisi nam eligendi doloribus laudantium tempora doloremque beatae architecto ea, incidunt aspernatur. Esse reiciendis atque praesentium ea?</p><p>Lorem, ipsum dolor sit amet consectetur adipisicing elit. Aliquid sit animi culpa dolores nisi nam eligendi doloribus laudantium tempora doloremque beatae architecto ea, incidunt aspernatur. Esse reiciendis atque praesentium ea?</p>
|
||
<p>Lorem, ipsum dolor sit amet consectetur adipisicing elit. Aliquid sit animi culpa dolores nisi nam eligendi doloribus laudantium tempora doloremque beatae architecto ea, incidunt aspernatur. Esse reiciendis atque praesentium ea?</p><p>Lorem, ipsum dolor sit amet consectetur adipisicing elit. Aliquid sit animi culpa dolores nisi nam eligendi doloribus laudantium tempora doloremque beatae architecto ea, incidunt aspernatur. Esse reiciendis atque praesentium ea?</p>
|
||
<p>Lorem, ipsum dolor sit amet consectetur adipisicing elit. Aliquid sit animi culpa dolores nisi nam eligendi doloribus laudantium tempora doloremque beatae architecto ea, incidunt aspernatur. Esse reiciendis atque praesentium ea?</p><p>Lorem, ipsum dolor sit amet consectetur adipisicing elit. Aliquid sit animi culpa dolores nisi nam eligendi doloribus laudantium tempora doloremque beatae architecto ea, incidunt aspernatur. Esse reiciendis atque praesentium ea?</p><p>Lorem, ipsum dolor sit amet consectetur adipisicing elit. Aliquid sit animi culpa dolores nisi nam eligendi doloribus laudantium tempora doloremque beatae architecto ea, incidunt aspernatur. Esse reiciendis atque praesentium ea?</p>
|
||
<p>Lorem, ipsum dolor sit amet consectetur adipisicing elit. Aliquid sit animi culpa dolores nisi nam eligendi doloribus laudantium tempora doloremque beatae architecto ea, incidunt aspernatur. Esse reiciendis atque praesentium ea?</p>
|
||
<p>Lorem, ipsum dolor sit amet consectetur adipisicing elit. Aliquid sit animi culpa dolores nisi nam eligendi doloribus laudantium tempora doloremque beatae architecto ea, incidunt aspernatur. Esse reiciendis atque praesentium ea?</p><p>Lorem, ipsum dolor sit amet consectetur adipisicing elit. Aliquid sit animi culpa dolores nisi nam eligendi doloribus laudantium tempora doloremque beatae architecto ea, incidunt aspernatur. Esse reiciendis atque praesentium ea?</p>
|
||
<p>Lorem, ipsum dolor sit amet consectetur adipisicing elit. Aliquid sit animi culpa dolores nisi nam eligendi doloribus laudantium tempora doloremque beatae architecto ea, incidunt aspernatur. Esse reiciendis atque praesentium ea?</p>
|
||
<p>Lorem, ipsum dolor sit amet consectetur adipisicing elit. Aliquid sit animi culpa dolores nisi nam eligendi doloribus laudantium tempora doloremque beatae architecto ea, incidunt aspernatur. Esse reiciendis atque praesentium ea?</p>
|
||
<p>Lorem, ipsum dolor sit amet consectetur adipisicing elit. Aliquid sit animi culpa dolores nisi nam eligendi doloribus laudantium tempora doloremque beatae architecto ea, incidunt aspernatur. Esse reiciendis atque praesentium ea?</p>
|
||
<p>Lorem, ipsum dolor sit amet consectetur adipisicing elit. Aliquid sit animi culpa dolores nisi nam eligendi doloribus laudantium tempora doloremque beatae architecto ea, incidunt aspernatur. Esse reiciendis atque praesentium ea?</p>
|
||
<p>Lorem, ipsum dolor sit amet consectetur adipisicing elit. Aliquid sit animi culpa dolores nisi nam eligendi doloribus laudantium tempora doloremque beatae architecto ea, incidunt aspernatur. Esse reiciendis atque praesentium ea?</p>
|
||
</div>
|
||
|
||
<div class="pd-desc-btn">
|
||
<a href="javascript:void(0)" class="js-showmore-button">Xem thêm nội dung</a>
|
||
<a href="javascript:void(0)" class="js-showless-button">Thu gọn nội dung</a>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="pd-box-content pd-spec-group js-static-container">
|
||
<p class="group-title">Thông tin chi tiết</p>
|
||
|
||
<div class="js-static-content">
|
||
<table width="682"><tbody><tr><td colspan="2" width="682"><p>Mô tả chi tiết</p></td></tr><tr><td width="163"><p>Hãng sản xuất</p></td><td width="518"><p>Lenovo</p></td></tr><tr><td width="163"><p>Chủng loại</p></td><td width="518"><p>Ideapad 5 pro</p></td></tr><tr><td width="163"><p>Part Number</p></td><td width="518"><p>82SH002TVN</p></td></tr><tr><td width="163"><p>Mầu sắc</p></td><td width="518"><p>Xám</p></td></tr><tr><td width="163"><p>Chất liệu</p></td><td width="518"><p>Nhôm</p></td></tr><tr><td width="163"><p>Bộ vi xử lý</p></td><td width="518"><p>Intel core i5 1240P</p></td></tr><tr><td width="163"><p>Chipset</p></td><td width="518"><p>Intel SoC Platform</p></td></tr><tr><td width="163"><p>Bộ nhớ trong</p></td><td width="518"><p>16GB</p></td></tr><tr><td width="163"><p>Số khe cắm</p></td><td width="518"><p>0</p></td></tr><tr><td width="163"><p>Số khe RAM chờ</p></td><td width="518"><p>0</p></td></tr><tr><td width="163"><p>Dung lượng tối đa</p></td><td width="518"><p>16GB</p></td></tr><tr><td width="163"><p>VGA</p></td><td width="518"><p>Intel Iris xe</p></td></tr><tr><td width="163"><p>Ổ cứng</p></td><td width="518"><p>512GB SSD M.2 2242 PCIe 4.0x4 NVMe</p></td></tr><tr><td width="163"><p>Ổ quang</p></td><td width="518"><p>None</p></td></tr><tr><td width="163"><p>Card Reader</p></td><td width="518"><p>4-in-1 Card Reader</p></td></tr><tr><td width="163"><p>Bảo mật, công nghệ</p></td><td width="518"><p>Firmware TPM 2.0, IR camera for Windows Hello, Stereo speakers, 2W x2, optimized with Dolby Atmos</p></td></tr><tr><td width="163"><p>Màn hình</p></td><td width="518"><p>14" 2.8K (2880x1800) IPS 400nits Anti-glare, 90Hz, 100% sRGB, TÜV Low Blue Light, Eyesafe</p></td></tr><tr><td width="163"><p>Webcam</p></td><td width="518"><p>ToF, FHD 1080p & IR</p></td></tr><tr><td width="163"><p>Audio</p></td><td width="518"><p>High Definition (HD) Audio, Realtek ALC3287 codec</p></td></tr><tr><td width="163"><p>Giao tiếp mạng</p></td><td width="518"><p>None</p></td></tr><tr><td width="163"><p>Giao tiếp không dây</p></td><td width="518"><p>Wi-Fi 6 11ax, 2x2 + BT5.1</p></td></tr><tr><td width="163"><p>Cổng giao tiếp</p></td><td width="518"><p>- 1x USB 3.2 Gen 1</p><p>- 1x USB 3.2 Gen 1 (Always On)</p><p>- 2x USB-C 3.2 Gen 1 (support data transfer, Power Delivery 3.0, and DisplayPort 1.4)</p><p>- 1x HDMI 2.0</p><p>- 1x Card reader</p><p>- 1x Headphone / microphone combo jack (3.5mm)</p></td></tr><tr><td width="163"><p>Pin</p></td><td width="518"><p>56.5Wh</p></td></tr><tr><td width="163"><p>Kích thước (rộng x dài x cao)</p></td><td width="518"><p>312.2 x 221 x 15.9 mm</p></td></tr><tr><td width="163"><p>Cân nặng</p></td><td width="518"><p>1.41 kg</p></td></tr><tr><td width="163"><p>Hệ điều hành</p></td><td width="518"><p>Win 11 home</p></td></tr><tr><td width="163"><p>Phụ kiện đi kèm</p></td><td width="518"><p>Adapter</p></td></tr></tbody></table>
|
||
</div>
|
||
|
||
<a href="#fancybox-spec" data-fancybox="" class="btn-show">Xem thêm thông số</a>
|
||
</div>
|
||
|
||
<div class="pd-box-content pd-comment-group" id="js-comment-container">
|
||
<p class="group-title">Đánh giá & nhận xét {{ page.product_info.productName }}</p>
|
||
|
||
<p>product Comment</p>
|
||
<p>product Review</p>
|
||
</div>
|
||
|
||
<div class="pd-spec-group" id="fancybox-spec" style="display: none;">
|
||
<table width="682"><tbody><tr><td colspan="2" width="682"><p>Mô tả chi tiết</p></td></tr><tr><td width="163"><p>Hãng sản xuất</p></td><td width="518"><p>Lenovo</p></td></tr><tr><td width="163"><p>Chủng loại</p></td><td width="518"><p>Ideapad 5 pro</p></td></tr><tr><td width="163"><p>Part Number</p></td><td width="518"><p>82SH002TVN</p></td></tr><tr><td width="163"><p>Mầu sắc</p></td><td width="518"><p>Xám</p></td></tr><tr><td width="163"><p>Chất liệu</p></td><td width="518"><p>Nhôm</p></td></tr><tr><td width="163"><p>Bộ vi xử lý</p></td><td width="518"><p>Intel core i5 1240P</p></td></tr><tr><td width="163"><p>Chipset</p></td><td width="518"><p>Intel SoC Platform</p></td></tr><tr><td width="163"><p>Bộ nhớ trong</p></td><td width="518"><p>16GB</p></td></tr><tr><td width="163"><p>Số khe cắm</p></td><td width="518"><p>0</p></td></tr><tr><td width="163"><p>Số khe RAM chờ</p></td><td width="518"><p>0</p></td></tr><tr><td width="163"><p>Dung lượng tối đa</p></td><td width="518"><p>16GB</p></td></tr><tr><td width="163"><p>VGA</p></td><td width="518"><p>Intel Iris xe</p></td></tr><tr><td width="163"><p>Ổ cứng</p></td><td width="518"><p>512GB SSD M.2 2242 PCIe 4.0x4 NVMe</p></td></tr><tr><td width="163"><p>Ổ quang</p></td><td width="518"><p>None</p></td></tr><tr><td width="163"><p>Card Reader</p></td><td width="518"><p>4-in-1 Card Reader</p></td></tr><tr><td width="163"><p>Bảo mật, công nghệ</p></td><td width="518"><p>Firmware TPM 2.0, IR camera for Windows Hello, Stereo speakers, 2W x2, optimized with Dolby Atmos</p></td></tr><tr><td width="163"><p>Màn hình</p></td><td width="518"><p>14" 2.8K (2880x1800) IPS 400nits Anti-glare, 90Hz, 100% sRGB, TÜV Low Blue Light, Eyesafe</p></td></tr><tr><td width="163"><p>Webcam</p></td><td width="518"><p>ToF, FHD 1080p & IR</p></td></tr><tr><td width="163"><p>Audio</p></td><td width="518"><p>High Definition (HD) Audio, Realtek ALC3287 codec</p></td></tr><tr><td width="163"><p>Giao tiếp mạng</p></td><td width="518"><p>None</p></td></tr><tr><td width="163"><p>Giao tiếp không dây</p></td><td width="518"><p>Wi-Fi 6 11ax, 2x2 + BT5.1</p></td></tr><tr><td width="163"><p>Cổng giao tiếp</p></td><td width="518"><p>- 1x USB 3.2 Gen 1</p><p>- 1x USB 3.2 Gen 1 (Always On)</p><p>- 2x USB-C 3.2 Gen 1 (support data transfer, Power Delivery 3.0, and DisplayPort 1.4)</p><p>- 1x HDMI 2.0</p><p>- 1x Card reader</p><p>- 1x Headphone / microphone combo jack (3.5mm)</p></td></tr><tr><td width="163"><p>Pin</p></td><td width="518"><p>56.5Wh</p></td></tr><tr><td width="163"><p>Kích thước (rộng x dài x cao)</p></td><td width="518"><p>312.2 x 221 x 15.9 mm</p></td></tr><tr><td width="163"><p>Cân nặng</p></td><td width="518"><p>1.41 kg</p></td></tr><tr><td width="163"><p>Hệ điều hành</p></td><td width="518"><p>Win 11 home</p></td></tr><tr><td width="163"><p>Phụ kiện đi kèm</p></td><td width="518"><p>Adapter</p></td></tr></tbody></table>
|
||
</div>
|
||
</div>
|
||
|
||
|
||
<!-- Cart -->
|
||
<div class="cart-page container" style="display: none;">
|
||
<div class="page-title-group">
|
||
<p class="color-main d-inline-block">Giỏ hàng của tôi</p>
|
||
<span>( 0 sản phẩm )</span>
|
||
</div>
|
||
|
||
<p class="page-note">
|
||
Để xóa sản phẩm khỏi giỏ hàng, bấm nút <span class="red font-500">“Xóa”</span>, để mua thêm bấm <span class="red font-500">"Chọn thêm sản phẩm"</span>. Để sang bước đặt hàng tiếp theo, bấm <span class="red font-500">"Đặt hàng"</span>, để mua hàng trả góp bấm <span class="red font-500">"Mua trả góp"</span>
|
||
</p>
|
||
|
||
<div class="clearfix">
|
||
<form class="col-left" method="post" enctype="multipart/form-data" action="/send-cart" onsubmit="return check_field()">
|
||
<div class="cart-product-holder">
|
||
<div class="item-row js-item-row">
|
||
<a href="" class="item-img">
|
||
<img src="images/product-1.png"/>
|
||
</a>
|
||
|
||
<div class="item-text">
|
||
<div class="item-left">
|
||
<a href="" class="item-name">Laptop Lenovo IdeaPad 5 15ITL05 82FG01H8VN (15.6" Intel Core i5-1135G7/8GB/256GB SSD/Onboard/Windows 11 Home/1.7kg)</a>
|
||
|
||
<p class="item-instock">Còn hàng</p>
|
||
<p class="item-outstock">Liên hệ</p>
|
||
|
||
<div class="item-offer">
|
||
<p class="title">Khuyến mại sản phẩm</p>
|
||
|
||
<div class="item-offer-content">
|
||
<b class="d-block"> Khuyến mại: </b>
|
||
|
||
<div>Giao hàng trên toàn quốc</div>
|
||
<div>Nhận thanh toán khi giao hàng</div>
|
||
<div>Mua 2 máy giảm 50.000VNĐ</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="item-right">
|
||
<p class="item-price">37.490.000 <u>đ</u></p>
|
||
<p class="item-old-price">38.490.000 <u>đ</u></p>
|
||
|
||
<div class="item-quanity">
|
||
<div class="item-quanity-holder">
|
||
<a href="javascript:void(0)" class="js-quantity-change" data-value="-1"> - </a>
|
||
<input type="text" class="js-buy-quantity js-quantity-change" value="1" data-stock="998" data-min="1">
|
||
<a href="javascript:void(0)" class="js-quantity-change" data-value="1"> + </a>
|
||
</div>
|
||
|
||
<a href="javascript:void(0)" class="js-delete-item icons icon-delete" title="Xóa sản phẩm"></a>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="item-row js-item-row"> <a href="" class="item-img"> <img src="images/product-1.png"/> </a> <div class="item-text"> <div class="item-left"> <a href="" class="item-name">Laptop Lenovo IdeaPad 5 15ITL05 82FG01H8VN (15.6" Intel Core i5-1135G7/8GB/256GB SSD/Onboard/Windows 11 Home/1.7kg)</a> <p class="item-instock">Còn hàng</p><p class="item-outstock">Liên hệ</p><div class="item-offer"> <p class="title">Khuyến mại sản phẩm</p><div class="item-offer-content"> <b class="d-block"> Khuyến mại: </b> <div>Giao hàng trên toàn quốc</div><div>Nhận thanh toán khi giao hàng</div><div>Mua 2 máy giảm 50.000VNĐ</div></div></div></div><div class="item-right"> <p class="item-price">37.490.000 <u>đ</u></p><p class="item-old-price">38.490.000 <u>đ</u></p><div class="item-quanity"> <div class="item-quanity-holder"> <a href="javascript:void(0)" class="js-quantity-change" data-value="-1"> - </a> <input type="text" class="js-buy-quantity js-quantity-change" value="1" data-stock="998" data-min="1"> <a href="javascript:void(0)" class="js-quantity-change" data-value="1"> + </a> </div><a href="javascript:void(0)" class="js-delete-item icons icon-delete" title="Xóa sản phẩm"></a> </div></div></div></div>
|
||
</div>
|
||
|
||
<div class="page-btn-group">
|
||
<a href="/">Chọn thêm sản phẩm</a>
|
||
<a href="javascript:void(0)">Làm trống giỏ hàng</a>
|
||
</div>
|
||
|
||
<p class="page-note text-center">
|
||
Vui lòng điền đầy đủ thông tin để mua hàng. (Nếu đã đăng ký tài khoản bạn có thể <a href="/dang-nhap" class="red">Đăng nhập</a>)
|
||
</p>
|
||
|
||
<div class="cart-form-group">
|
||
<div class="form-left">
|
||
<div class="group-title">
|
||
<p>Thông tin giao hàng</p>
|
||
<a href="/dang-nhap">Đăng nhập</a>
|
||
</div>
|
||
|
||
<div class="cart-input-group">
|
||
<input type="text" placeholder="Họ và tên" name="user_info[name]" id="buyer_name" value=""/>
|
||
<input type="email" placeholder="Email" name="user_info[email]" id="buyer_email" value='' />
|
||
<input type="text" placeholder="Số điện thoại" name="user_info[mobile]" id="buyer_tel" value=''/>
|
||
|
||
<select name="user_info[province]" id="buyer_province" onchange="getProvince(this.value);">
|
||
<option value="0">Chọn Tỉnh thành</option>
|
||
<option value="">Option 1</option>
|
||
<option value="">Option 2</option>
|
||
</select>
|
||
|
||
<select name="user_info[district]" id="js-district-holder" onchange="getWardList(this.value, '#js-ward-holder');">
|
||
<option value="0">Chọn Quận/ Huyện</option>
|
||
<option value="">Option 1</option>
|
||
<option value="">Option 2</option>
|
||
</select>
|
||
|
||
<select name="user_info[ward]" id="js-ward-holder">
|
||
<option value="0">Chọn Phường/ Xã</option>
|
||
<option value="">Option 1</option>
|
||
<option value="">Option 2</option>
|
||
</select>
|
||
|
||
<input type="text" placeholder="Địa chỉ" id="buyer_address" name="user_info[address]" value='' class="input-select"/>
|
||
|
||
<textarea placeholder="Ghi chú" name="user_info[note]" id="buyer_note"></textarea>
|
||
|
||
<a href="javascript:void(0)" class="btn-company" onclick="$('#js-company-input').toggle(); $(this).toggleClass('active');">Xuất hóa đơn công ty</a>
|
||
|
||
<div class="company-input" id="js-company-input">
|
||
<input type="text" id="tax_email" name="user_info[tax_email]" placeholder="Nhập email nhận hóa đơn">
|
||
|
||
<input type="text" id="tax_company" name="user_info[tax_company]" placeholder="Tên công ty">
|
||
|
||
<input type="text" id="tax_code" name="user_info[tax_code]" placeholder="Mã số thuế">
|
||
|
||
<input type="text" id="tax_address" name="user_info[tax_address]" placeholder="Địa chỉ"/>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="form-right">
|
||
<div class="payment-item">
|
||
<div class="group-title">
|
||
<p>Vận chuyển</p>
|
||
</div>
|
||
|
||
<label class="label-container">
|
||
<input type="radio" name="pay_method" value="1" checked="">
|
||
<span class="checkmark"></span>
|
||
<span>Thanh toán tiền mặt khi nhận hàng (tiền mặt/quẹt thẻ ATM,Visa,Master)</span>
|
||
</label>
|
||
|
||
<label class="label-container"> <input type="radio" name="pay_method" value="2"> <span class="checkmark"></span> <span>Thanh toán qua chuyển khoản qua tài khoản ngân hàng(khuyên dùng)</span> </label> <div class="payment-method-detail" style="display: none;">- Ngân hàng: Vietcombank - STK: 00000000000 - Chủ TK: Nguyễn Văn A</div><label class="label-container"> <input type="radio" name="pay_method" value="3"> <span class="checkmark"></span> <span>Thanh toán qua Ngân Lượng (ATM nội địa, Visa,Master)</span> </label> <label class="label-container"> <input type="radio" name="pay_method" value="4"> <span class="checkmark"></span> <span>Trả góp Alepay (Ngân Lượng)</span> </label> <label class="label-container"> <input type="radio" name="pay_method" value="5"> <span class="checkmark"></span> <span>Thanh toán trực tuyến (Bằng thẻ ATM/Visa/Master qua cổng VnPay)</span> </label>
|
||
</div>
|
||
|
||
<div class="payment-item">
|
||
<div class="group-title">
|
||
<p>Thanh toán</p>
|
||
</div>
|
||
|
||
<label class="label-container">
|
||
<input type="radio" name="ship_method" value="1" checked="">
|
||
<span class="checkmark"></span>
|
||
<span>[Nhanh] Giao hàng nhanh (6h)</span>
|
||
</label>
|
||
|
||
<label class="label-container">
|
||
<input type="radio" name="ship_method" value="2">
|
||
<span class="checkmark"></span>
|
||
<span>[Nhanh] Giao hàng nhanh (24h)</span>
|
||
</label>
|
||
|
||
<label class="label-container">
|
||
<input type="radio" name="ship_method" value="3">
|
||
<span class="checkmark"></span>
|
||
<span>Giao hàng miễn phí (24h-72h)</span>
|
||
</label>
|
||
</div>
|
||
|
||
</div>
|
||
|
||
</div>
|
||
</form>
|
||
|
||
<div class="col-right">
|
||
<p class="group-title">THÔNG TIN ĐƠN HÀNG</p>
|
||
|
||
<table>
|
||
<tr>
|
||
<td><b>Tạm tính</b></td>
|
||
<td align="right">
|
||
<b>37.490.000 <u>đ</u></b>
|
||
</td>
|
||
</tr>
|
||
|
||
<tr>
|
||
<td>Phí giao hàng</td>
|
||
<td align="right">
|
||
<span>30.000 <u>đ</u></span>
|
||
</td>
|
||
</tr>
|
||
|
||
<tr>
|
||
<td><b>Tổng giá trị đơn hàng</b></td>
|
||
<td align="right">
|
||
<span class="cart-total-price">37.520.000 <u>đ</u></span>
|
||
<span class="text-14 font-500">(Đã bao gồm VAT)</span>
|
||
</td>
|
||
</tr>
|
||
</table>
|
||
|
||
<label>
|
||
<input type="checkbox" />
|
||
<span>Tôi đồng ý với điều khoản & điều kiện giao dịch của Máy tính Việt Phong</span>
|
||
</label>
|
||
|
||
<div class="cart-btn-group">
|
||
<button type="submit" class="item">ĐẶT HÀNG</button>
|
||
<a href="" class="item">MUA TRẢ GÓP</a>
|
||
<a href="" class="item cart-print">In đơn hàng</a>
|
||
<a href="" class="item cart-excel">Tải excel</a>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<!-- Footer -->
|
||
<div class="global-footer-container">
|
||
<div class="footer-news-container">
|
||
<div class="group-title">
|
||
<p class="title">TIN TỨC VÀ KẾT NỐI</p>
|
||
|
||
<a href="/tin-tuc">XEM TẤT CẢ</a>
|
||
</div>
|
||
|
||
<div class="owl-carousel owl-theme custom-dots" id="js-footer-article">
|
||
<div class="art-item">
|
||
<a href="" class="art-img">
|
||
<img src="https://via.placeholder.com/586x330"/>
|
||
</a>
|
||
|
||
<div class="art-text">
|
||
<time class="art-time"> 06.10 2023 </time>
|
||
<a href="" class="art-title">Lorem ipsum dolor sit amet consectetur, adipisicing elit. Dolorum impedit earum repudiandae et dolor odio eius veritatis soluta adipisci sed ipsum</a>
|
||
<div class="art-summary">
|
||
Lorem ipsum dolor sit amet consectetur adipisicing elit. Eveniet adipisci quia ipsum neque at quas facere consequuntur possimus sunt voluptatibus maiores, sapiente eius, autem placeat ea asperiores ex atque tempora.
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="art-item"> <a href="" class="art-img"> <img src="https://via.placeholder.com/586x330"/> </a> <div class="art-text"> <time class="art-time"> 06.10 2023 </time> <a href="" class="art-title">Lorem ipsum dolor sit amet consectetur, adipisicing elit. Dolorum impedit earum repudiandae et dolor odio eius veritatis soluta adipisci sed ipsum</a> <div class="art-summary"> Lorem ipsum dolor sit amet consectetur adipisicing elit. Eveniet adipisci quia ipsum neque at quas facere consequuntur possimus sunt voluptatibus maiores, sapiente eius, autem placeat ea asperiores ex atque tempora. </div></div></div><div class="art-item"> <a href="" class="art-img"> <img src="https://via.placeholder.com/586x330"/> </a> <div class="art-text"> <time class="art-time"> 06.10 2023 </time> <a href="" class="art-title">Lorem ipsum dolor sit amet consectetur, adipisicing elit. Dolorum impedit earum repudiandae et dolor odio eius veritatis soluta adipisci sed ipsum</a> <div class="art-summary"> Lorem ipsum dolor sit amet consectetur adipisicing elit. Eveniet adipisci quia ipsum neque at quas facere consequuntur possimus sunt voluptatibus maiores, sapiente eius, autem placeat ea asperiores ex atque tempora. </div></div></div><div class="art-item"> <a href="" class="art-img"> <img src="https://via.placeholder.com/586x330"/> </a> <div class="art-text"> <time class="art-time"> 06.10 2023 </time> <a href="" class="art-title">Lorem ipsum dolor sit amet consectetur, adipisicing elit. Dolorum impedit earum repudiandae et dolor odio eius veritatis soluta adipisci sed ipsum</a> <div class="art-summary"> Lorem ipsum dolor sit amet consectetur adipisicing elit. Eveniet adipisci quia ipsum neque at quas facere consequuntur possimus sunt voluptatibus maiores, sapiente eius, autem placeat ea asperiores ex atque tempora. </div></div></div>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="footer-review-container">
|
||
<div class="owl-carousel owl-theme custom-dots" id="js-footer-review">
|
||
<div class="item">
|
||
<div class="image">
|
||
<img data-src="images/global/footer-review-1.png" alt="customer review" width="1" height="1" class="owl-lazy"/>
|
||
</div>
|
||
|
||
<div class="text">
|
||
<i class="icon-star star-5"></i>
|
||
|
||
<div class="summary">Lorem, ipsum dolor sit amet consectetur adipisicing elit. Placeat, labore. Eius voluptatum fuga nulla cupiditate quod vel, ratione id esse mollitia ut recusandae. Nam sint quibusdam sequi eligendi? Excepturi, porro.</div>
|
||
|
||
<div class="customer-info">
|
||
<i class="lazy" data-src="images/customer-avatar.png"></i>
|
||
|
||
<p>
|
||
<b>Nguyễn Thị Hồng Nhung</b>
|
||
<span>0383100 ***</span>
|
||
</p>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="item">
|
||
<div class="image">
|
||
<img data-src="images/global/footer-review-2.png" alt="customer review" width="1" height="1" class="owl-lazy"/>
|
||
</div>
|
||
|
||
<div class="text">
|
||
<i class="icon-star star-5"></i>
|
||
|
||
<div class="summary">Lorem, ipsum dolor sit amet consectetur adipisicing elit. Placeat, labore. Eius voluptatum fuga nulla cupiditate quod vel, ratione id esse mollitia ut recusandae. Nam sint quibusdam sequi eligendi? Excepturi, porro.</div>
|
||
|
||
<div class="customer-info">
|
||
<i class="lazy" data-src="images/customer-avatar.png"></i>
|
||
|
||
<p>
|
||
<b>Nguyễn Thị Hồng Nhung</b>
|
||
<span>0383100 ***</span>
|
||
</p>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="item">
|
||
<div class="image">
|
||
<img data-src="images/global/footer-review-1.png" alt="customer review" width="1" height="1" class="owl-lazy"/>
|
||
</div>
|
||
|
||
<div class="text">
|
||
<i class="icon-star star-5"></i>
|
||
|
||
<div class="summary">Lorem, ipsum dolor sit amet consectetur adipisicing elit. Placeat, labore. Eius voluptatum fuga nulla cupiditate quod vel, ratione id esse mollitia ut recusandae. Nam sint quibusdam sequi eligendi? Excepturi, porro.</div>
|
||
|
||
<div class="customer-info">
|
||
<i class="lazy" data-src="images/customer-avatar.png"></i>
|
||
|
||
<p>
|
||
<b>Nguyễn Thị Hồng Nhung</b>
|
||
<span>0383100 ***</span>
|
||
</p>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="item">
|
||
<div class="image">
|
||
<img data-src="images/global/footer-review-2.png" alt="customer review" width="1" height="1" class="owl-lazy"/>
|
||
</div>
|
||
|
||
<div class="text">
|
||
<i class="icon-star star-5"></i>
|
||
|
||
<div class="summary">Lorem, ipsum dolor sit amet consectetur adipisicing elit. Placeat, labore. Eius voluptatum fuga nulla cupiditate quod vel, ratione id esse mollitia ut recusandae. Nam sint quibusdam sequi eligendi? Excepturi, porro.</div>
|
||
|
||
<div class="customer-info">
|
||
<i class="lazy" data-src="images/customer-avatar.png"></i>
|
||
|
||
<p>
|
||
<b>Nguyễn Thị Hồng Nhung</b>
|
||
<span>0383100 ***</span>
|
||
</p>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="footer-policy-container">
|
||
<div class="item">
|
||
<i class="icons icon-truck"></i>
|
||
|
||
<div class="item-text">
|
||
<b>GIAO HÀNG TOÀN QUỐC</b>
|
||
<span>Giao hàng trước trả tiền sau COD</span>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="item">
|
||
<i class="icons icon-return"></i>
|
||
|
||
<div class="item-text">
|
||
<b>ĐỔI TRẢ DỄ DÀNG</b>
|
||
<span>Đổi mới trong 30 ngày đầu</span>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="item">
|
||
<i class="icons icon-payment"></i>
|
||
|
||
<div class="item-text">
|
||
<b>THANH TOÁN TIỆN LỢI</b>
|
||
<span>Trả tiền mặt, chuyển khoản, trả góp 0%</span>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="item">
|
||
<i class="icons icon-support"></i>
|
||
|
||
<div class="item-text">
|
||
<b>HỖ TRỢ NHIỆT TÌNH</b>
|
||
<span>Tư vấn tổng đài miễn phí 24/7</span>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="footer-info-group" id="js-footer-info">
|
||
<div class="item">
|
||
<p class="title">Thông tin công ty</p>
|
||
|
||
<div class="item-list">
|
||
<a href="" target="_blank" class="icon-map">Số 413 Lê Thanh Nghị - TP Hải Dương</a>
|
||
<a href="/gioi-thieu" class="icon-map">Giới thiệu công ty</a>
|
||
<a href="/lien-he" class="icon-tel">Thông tin liên hệ</a>
|
||
<a href="tel:0908.181.68" class="icon-tel">Hotline: 0908.181.686</a>
|
||
<a href="mailto:maytinhvietphong@gmail.com" class="icon-email">Email: maytinhvietphong@gmail.com</a>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="item">
|
||
<p class="title">Chính sách và hỗ trợ</p>
|
||
|
||
<div class="item-list">
|
||
<a href="">Hướng dẫn mua hàng </a>
|
||
<a href="">Hướng dẫn thanh toán</a>
|
||
<a href="">Chính sách bảo hành</a>
|
||
<a href="">Chính sách đổi trả hàng</a>
|
||
<a href="">Chính sách vận chuyển</a>
|
||
<a href="">Chính sách bảo mật</a>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="item">
|
||
<p class="title">Thông tin khuyến mại</p>
|
||
|
||
<div class="item-list">
|
||
<a href="/tin-khuyen-mai.html">Thông tin khuyến mại</a>
|
||
<a href="/san-pham-xa-hang">Sản phẩm khuyến mại</a>
|
||
<a href="/san-pham-ban-chay">Sản phẩm bán chạy</a>
|
||
<a href="/tin-tuc">Tin tức công nghệ</a>
|
||
|
||
<a href="" target="_blank" class="icon-bct">
|
||
<img data-src="images/bct-red.png" alt="BCT" width="1" height="1" class="lazy"/>
|
||
</a>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="global-support-group">
|
||
<div class="sub-item">
|
||
<p class="title">
|
||
<span class="number number-1">01</span>
|
||
<span>Hỗ trợ trực tuyến</span>
|
||
</p>
|
||
|
||
<div class="item-sub-group">
|
||
<a href="tel:0326.181.686">Game Net: 0326.181.686</a>
|
||
<a href="tel:0326.181.686">Bán Buôn: 0326.181.686</a>
|
||
<a href="tel:0982.959.434">Bảo hành: 0982.959.434</a>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="sub-item">
|
||
<p class="title">
|
||
<span class="number number-2">02</span>
|
||
<span>Dịch vụ kỹ thuật</span>
|
||
</p>
|
||
|
||
<div class="item-sub-group">
|
||
<a href="tel:02203 836 577">Dịch vụ kỹ thuật: 02203 836 577</a>
|
||
<a href="tel:02203 836 577">Đổ mực, Sửa chữa: 02203 836 577</a>
|
||
<a href="tel:0982.959.434 ">Dịch vụ bảo hành: 0982.959.434 </a>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="sub-item">
|
||
<p class="title">
|
||
<span class="number number-3">03</span>
|
||
<span>Bán hàng Doanh nghiệp</span>
|
||
</p>
|
||
|
||
<div class="item-sub-group">
|
||
<a href="tel:01626.181.686">Điện thoại: 01626.181.686</a>
|
||
<a href="tel:0326.181.686">Điện thoại: 0326.181.686</a>
|
||
<a href="tel:0326.181.686">Điện thoại: 0326.181.686</a>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="sub-item">
|
||
<p class="title">
|
||
<span class="number number-4">04</span>
|
||
<span>Góp ý & Khiếu nại</span>
|
||
</p>
|
||
|
||
<div class="item-sub-group">
|
||
<a href="tel:02203 836 577">Hotline: 02203 836 577</a>
|
||
<a href="tel:02203 836 577">Hotline: 02203 836 577</a>
|
||
<a href="tel:02203 836 577">Hotline: 02203 836 577</a>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="global-footer-end">
|
||
<a href="/" class="logo">
|
||
<img data-src="images/logo.png" alt="Máy Tính Việt Phong | Cung cấp pc gaming, lắp đặt phòng net" width="1" height="1" class="lazy d-block w-auto"/>
|
||
</a>
|
||
|
||
<div class="text">
|
||
<p class="font-500">CÔNG TY CỔ PHẦN MÁY TÍNH VIỆT PHONG</p>
|
||
<p>Trụ sở chính: số nhà 413, đường Lê Thanh Nghị, phường Lê Thanh Nghị, thành phố Hải Dương, tỉnh Hải Dương.</p>
|
||
<p>GPĐKKD số 0800447622 do Sở Kế hoạch và đầu tư tỉnh Hải Dương cấp lần đầu ngày 26 tháng 3 năm 2008, thay đổi lần thứ nhất ngày 14 tháng 7 năm 2010.</p>
|
||
<p>Điện thoại: 02203.836.578 - 02203.836.577 | Email: vuong@vpcom.vn | Website: http://maytinhvietphong.vn</p>
|
||
<p>Copyright ©2023 Vietphong Computer.</p>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="global-fixed-right">
|
||
<a href="tel:0908.181.686" class="mb-icons icon-phone"></a>
|
||
<a href="https://zalo.me/2902025865965445564" rel="nofollow" class="mb-icons icon-zalo" target="_blank"></a>
|
||
<a href="https://m.me/maytinhvietphong" rel="nofollow" class="mb-icons icon-messenger" target="_blank"></a>
|
||
<a href="javascript:void(0)" id="js-goTop" class="icons icon-goTop" onclick="$('body,html').animate({scrollTop:0},800);"></a>
|
||
</div>
|
||
|
||
<div class="global-fixed-bottom">
|
||
<a href="/" class="current">
|
||
<i class="mb-icons icon-home"></i>
|
||
<span>Trang chủ</span>
|
||
</a>
|
||
|
||
<a href="javascript:void(0)" onclick="_openMenu()">
|
||
<i class="mb-icons icon-menu"></i>
|
||
<span>Danh mục</span>
|
||
</a>
|
||
|
||
<a href="tel:0908.181.686">
|
||
<i class="mb-icons icon-support"></i>
|
||
<span>Tư vấn</span>
|
||
</a>
|
||
|
||
<a href="/buildpc">
|
||
<i class="mb-icons icon-buildpc"></i>
|
||
<span>Build PC</span>
|
||
</a>
|
||
|
||
<a href="/cart">
|
||
<i class="mb-icons icon-cart"></i>
|
||
<span>Giỏ hàng</span>
|
||
</a>
|
||
</div>
|
||
|
||
|
||
<div class="success-form" style="display: none">
|
||
<div class="content-container">
|
||
<div class="success-checkmark">
|
||
<div class="check-icon">
|
||
<span class="icon-line line-tip"></span>
|
||
<span class="icon-line line-long"></span>
|
||
<div class="icon-circle"></div>
|
||
<div class="icon-fix"></div>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="text-center content-text text-24"> Thêm sản phẩm vào giỏ hàng thành công !</div>
|
||
</div>
|
||
</div>
|
||
|
||
<!-- box so sanh sp -->
|
||
<div class="global-compare-group">
|
||
<div class="title text-22 text-white d-flex align-items-center justify-content-between font-600">
|
||
<p>SO SÁNH SẢN PHẨM</p>
|
||
<a href="javascript:void(0)" class="close-compare text-white fa fa-times" onclick="compare_close()"></a>
|
||
</div>
|
||
|
||
<div class="font-600 mt-2 red text-14 text-center" id="js-alert"></div>
|
||
|
||
<div class="pro-compare-holder">
|
||
<div class="compare-pro-holder clearfix" id="js-compare-holder"> <!-- // --></div>
|
||
<a href="javascript:void(0)" class="btn-compare" onclick="compare_link()">SO SÁNH</a>
|
||
</div>
|
||
</div>
|
||
|
||
<!-- Menu mobile -->
|
||
<div class="global-menu-container">
|
||
<div class="global-menu-content">
|
||
<div class="global-menu-header">
|
||
<div class="header-user">
|
||
<a href="/dang-ky">Đăng ký </a> /
|
||
<a href="/dang-nhap"> Đăng nhập</a>
|
||
</div>
|
||
<a href="javascript:;" class="icon-close" onclick="_closeMenu()"></a>
|
||
</div>
|
||
|
||
<div class="global-menu-list">
|
||
<p class="title"> DANH MỤC SẢN PHẨM </p>
|
||
|
||
<div class="cat-list-group">
|
||
<div class="cat-item js-cat-item">
|
||
<a href="" class="cat-1">
|
||
<span class="cat-thum lazy" data-bg="url('https://kccshop.vn/media/category/cat_icon_2_1666948667.png')" ></span>
|
||
<span class="cat-title"> Bộ PC </span>
|
||
</a>
|
||
|
||
<i class="mb-icons icon-arrow js-show-cat-menu"></i>
|
||
|
||
<div class="sub-menu js-sub-menu">
|
||
<a href="/pc-core-i5/" class="cat-2">PC Core i5</a>
|
||
<a href="/pc-core-i7/" class="cat-2">PC Core i7</a>
|
||
<a href="/pc-core-i9/" class="cat-2">PC Core i9</a>
|
||
<a href="/cp-ryzen-3/" class="cat-2">PC Ryzen 3</a>
|
||
<a href="/cp-ryzen-5/" class="cat-2">PC Ryzen 5</a>
|
||
<a href="/cp-ryzen-7/" class="cat-2">PC Ryzen 7</a>
|
||
<a href="/pc-ryzen-9/" class="cat-2">PC Ryzen 9</a>
|
||
<a href="/pc-core-i3/" class="cat-2">PC Core i3</a>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="cat-item js-cat-item"> <a href="/laptop-gaming/" class="cat-1"> <span class="cat-thum lazy" data-bg="url('https://kccshop.vn/media/category/cat_icon_1_1666948464.png')" ></span> <span class="cat-title"> Laptop </span> </a></div><div class="cat-item js-cat-item"> <a href="/main-bo-mach-chu/" class="cat-1"> <span class="cat-thum lazy" data-bg="url('https://kccshop.vn/media/category/cat_icon_5_1666946989.png')" ></span> <span class="cat-title"> MAIN </span> </a> <i class="mb-icons icon-arrow js-show-cat-menu"></i> <div class="sub-menu js-sub-menu"> <a href="/mainboard-asrock/" class="cat-2">Mainboard ASROCK</a> <a href="/mainboard-asus/" class="cat-2">Mainboard ASUS</a> <a href="/mainboard-intel/" class="cat-2">Mainboard INTEL</a> <a href="/mainboard-msi/" class="cat-2">Mainboard MSI</a> <a href="/mainboard-gigabyte/" class="cat-2">Mainboard GIGABYTE</a> <a href="/mainboard-biostar/" class="cat-2">Mainboard BIOSTAR</a> <a href="/mainboard-b650-am5/" class="cat-2">Mainboard B650 - AM5</a> <a href="/mainboard-x670/" class="cat-2">Mainboard X670 - AM5</a> <a href="/mainboard-a620-am5/" class="cat-2">Mainboard A620 - AM5</a> <a href="/mainboard-b760-intel/" class="cat-2">Mainboard B760 - Intel</a> </div></div><div class="cat-item js-cat-item"> <a href="/cpu-bo-vi-xu-ly/" class="cat-1"> <span class="cat-thum lazy" data-bg="url('https://kccshop.vn/media/category/cat_icon_6_1666947154.png')" ></span> <span class="cat-title"> CPU </span> </a> <i class="mb-icons icon-arrow js-show-cat-menu"></i> <div class="sub-menu js-sub-menu"> <a href="/core-i3/" class="cat-2">CPU Intel Core i3</a> <a href="/core-i5/" class="cat-2">CPU Intel Core i5</a> <a href="/core-i7/" class="cat-2">CPU Intel Core i7</a> <a href="/core-i9/" class="cat-2">CPU Intel Core i9</a> <a href="/ryzen-3/" class="cat-2">Ryzen 3</a> <a href="/ryzen-5/" class="cat-2">Ryzen 5</a> <a href="/ryzen-7/" class="cat-2">Ryzen 7</a> <a href="/ryzen-9/" class="cat-2">Ryzen 9</a> <a href="/cpu-xeon/" class="cat-2">CPU Xeon</a> <a href="/intel-pentium/" class="cat-2">Intel Pentium</a> <a href="/ryzen-threadripper/" class="cat-2">Ryzen Threadripper</a> <a href="/threadripper-pro/" class="cat-2">Ryzen Threadripper Pro</a> <a href="/ryzen-7000/" class="cat-2">Ryzen 7000</a> <a href="/raptor-lake/" class="cat-2">Raptor Lake</a> <a href="/alder-lake/" class="cat-2">Alder Lake</a> </div></div><div class="cat-item js-cat-item"> <a href="/ram-bo-nho-trong/" class="cat-1"> <span class="cat-thum lazy" data-bg="url('https://kccshop.vn/media/category/cat_icon_7_1666947261.png')" ></span> <span class="cat-title"> RAM </span> </a> <i class="mb-icons icon-arrow js-show-cat-menu"></i> <div class="sub-menu js-sub-menu"> <a href="/ram-corsair/" class="cat-2">RAM CORSAIR</a> <a href="/ram-gskill/" class="cat-2">RAM GSKILL</a> <a href="/ram-kingmax/" class="cat-2">RAM KINGMAX</a> <a href="/ram-kingston/" class="cat-2">RAM KINGSTON</a> <a href="/ram-team/" class="cat-2">Ram T-Force</a> <a href="/ram-adata/" class="cat-2">RAM ADATA</a> <a href="/aorus/" class="cat-2">RAM AORUS</a> <a href="/x3treme/" class="cat-2">RAM X3TREME</a> <a href="/ram-kingspec/" class="cat-2">RAM GEIL</a> <a href="/ram-colorful/" class="cat-2">RAM COLORFUL</a> <a href="/ram-toughram/" class="cat-2">RAM TOUGHRAM</a> <a href="/ram-pny/" class="cat-2">RAM PNY</a> <a href="/ram-apacer/" class="cat-2">Ram Apacer</a> </div></div><div class="cat-item js-cat-item"> <a href="/vga-card-man-hinh/" class="cat-1"> <span class="cat-thum lazy" data-bg="url('https://kccshop.vn/media/category/cat_icon_8_1666947758.png')" ></span> <span class="cat-title"> VGA </span> </a> <i class="mb-icons icon-arrow js-show-cat-menu"></i> <div class="sub-menu js-sub-menu"> <a href="/vga-asus/" class="cat-2">VGA ASUS</a> <a href="/vga-gigabyte/" class="cat-2">VGA GIGABYTE</a> <a href="/vga-inno3d/" class="cat-2">VGA INNO3D</a> <a href="/vga-msi/" class="cat-2">VGA MSI</a> <a href="/vga-asrock/" class="cat-2">VGA ASROCK</a> <a href="/vga-sapphire/" class="cat-2">VGA SAPPHIRE</a> <a href="/vga-pny/" class="cat-2">VGA PNY</a> <a href="/vga-colorful/" class="cat-2">VGA COLORFUL</a> <a href="/vga-galax/" class="cat-2">VGA GALAX</a> <a href="/vga-leadtek/" class="cat-2">VGA Leadtek</a> <a href="/vga-manli/" class="cat-2">VGA MANLI</a> <a href="/vga-amd/" class="cat-2">VGA AMD</a> <a href="/vga-powercolor/" class="cat-2">VGA Powercolor</a> <a href="/vga-rtx-4090/" class="cat-2">VGA RTX 4090</a> <a href="/vga-rtx-4080/" class="cat-2">VGA RTX 4080</a> <a href="/rtx-4070/" class="cat-2">RTX 4070 12GB</a> <a href="/rtx-4060/" class="cat-2">RTX 4060</a> <a href="/rtx-4060-ti/" class="cat-2">RTX 4060 Ti</a> <a href="/rtx-4070ti-12gb/" class="cat-2">RTX 4070Ti 12GB</a> <a href="/rx-7900-xtx-7900-xt/" class="cat-2">AMD RX 7900 XTX / XT</a> <a href="/amd-rx-7600/" class="cat-2">AMD RX 7600</a> </div></div><div class="cat-item js-cat-item"> <a href="/o-cung-hdd-ssd/" class="cat-1"> <span class="cat-thum lazy" data-bg="url('https://kccshop.vn/media/category/cat_icon_9_1666947423.png')" ></span> <span class="cat-title"> Ổ cứng </span> </a> <i class="mb-icons icon-arrow js-show-cat-menu"></i> <div class="sub-menu js-sub-menu"> <a href="/o-cung-di-dong-usb/" class="cat-2">Ổ cứng di động & USB</a> <a href="/o-cung-the-ran-ssd/" class="cat-2">Ổ cứng thể rắn SSD</a> <a href="/o-cung-hdd/" class="cat-2">Ổ cứng HDD</a> </div></div><div class="cat-item js-cat-item"> <a href="/psu-nguon-may-tinh/" class="cat-1"> <span class="cat-thum lazy" data-bg="url('https://kccshop.vn/media/category/cat_icon_10_1666948930.png')" ></span> <span class="cat-title"> PSU </span> </a> <i class="mb-icons icon-arrow js-show-cat-menu"></i> <div class="sub-menu js-sub-menu"> <a href="/cooler-master/" class="cat-2">Nguồn Cooler Master</a> <a href="/corsair/" class="cat-2">Nguồn Corsair</a> <a href="/xigmatek/" class="cat-2">Nguồn Xigmatek</a> <a href="/nguon-aero/" class="cat-2">Nguồn Aero Cool</a> <a href="/nguon-asus/" class="cat-2">Nguồn Asus</a> <a href="/nguon-gigabyte/" class="cat-2">Nguồn Gigabyte</a> <a href="/nguon-antec/" class="cat-2">Nguồn Antec</a> <a href="/nguon-msi/" class="cat-2">Nguồn MSI</a> <a href="/nguon-seasonic/" class="cat-2">Nguồn SeaSonic</a> <a href="/nguon-super-flower/" class="cat-2">Nguồn Super Flower</a> <a href="/nguon-thermaltake/" class="cat-2">Nguồn Thermaltake</a> </div></div><div class="cat-item js-cat-item"> <a href="/case-vo-may-tinh/" class="cat-1"> <span class="cat-thum lazy" data-bg="url('https://kccshop.vn/media/category/cat_icon_11_1666948005.png')" ></span> <span class="cat-title"> Case </span> </a> <i class="mb-icons icon-arrow js-show-cat-menu"></i> <div class="sub-menu js-sub-menu"> <a href="/vsp/" class="cat-2">Case VSP</a> <a href="/xigmatek-case-vo-may-tinh/" class="cat-2">Case Xigmatek</a> <a href="/cooler-maste/" class="cat-2">Case Cooler Master</a> <a href="/case-corsair/" class="cat-2">Case Corsair</a> <a href="/gigabyte-case-vo-may-tinh/" class="cat-2">Case Gigabyte</a> <a href="/sama-case-vo-may-tinh/" class="cat-2">Case Sama</a> <a href="/case-aerocool/" class="cat-2">Case Aerocool</a> <a href="/case-nzxt/" class="cat-2">Case NZXT</a> <a href="/case-msi/" class="cat-2">Case MSI</a> <a href="/case-lian-li/" class="cat-2">Case LIAN-LI</a> <a href="/case-asus/" class="cat-2">Case Asus</a> <a href="/case-antec/" class="cat-2">Case Antec</a> <a href="/case-thermaltake/" class="cat-2">Case Thermaltake</a> <a href="/case-montech/" class="cat-2">Case Montech</a> <a href="/case-mik/" class="cat-2">Case MIK</a> <a href="/case-galax/" class="cat-2">Case Galax</a> <a href="/case-msi/-1" class="cat-2">Case MSI</a> <a href="/case-cougar/" class="cat-2">Case Cougar</a> <a href="/case-vista/" class="cat-2">Case Vista</a> </div></div><div class="cat-item js-cat-item"> <a href="/man-hinh-may-tinh/" class="cat-1"> <span class="cat-thum lazy" data-bg="url('https://kccshop.vn/media/category/cat_icon_12_1666948799.png')" ></span> <span class="cat-title"> Màn hình </span> </a> <i class="mb-icons icon-arrow js-show-cat-menu"></i> <div class="sub-menu js-sub-menu"> <a href="/man-hinh-msi/" class="cat-2">Màn Hình MSI</a> <a href="/man-hinh-lg/" class="cat-2">Màn Hình LG</a> <a href="/man-hinh-dell/" class="cat-2">Màn Hình Dell</a> <a href="/man-hinh-gigabyte/" class="cat-2">Màn hình Gigabyte</a> <a href="/man-hinh-hkc/" class="cat-2">Màn Hình HKC</a> <a href="/man-hinh-aoc/" class="cat-2">Màn Hình AOC</a> <a href="/man-hinh-asus/" class="cat-2">Màn Hình Asus</a> <a href="/man-hinh-cooler-master/" class="cat-2">Màn Hình Cooler Master</a> <a href="/man-hinh-samsung/" class="cat-2">Màn Hình Samsung</a> <a href="/man-hinh-bjx/" class="cat-2">Màn Hình BJX</a> <a href="/man-hinh-lenovo/" class="cat-2">Màn Hình Lenovo</a> <a href="/man-hinh-benq/" class="cat-2">Màn Hình BenQ</a> <a href="/man-hinh-edra/" class="cat-2">Màn Hình Edra</a> <a href="/man-hinh-viewsonic/" class="cat-2">Màn hình Viewsonic</a> <a href="/man-hinh-acer/" class="cat-2">Màn hình Acer</a> </div></div><div class="cat-item js-cat-item"> <a href="/phu-kien-may-tinh/" class="cat-1"> <span class="cat-thum lazy" data-bg="url('https://kccshop.vn/media/category/cat_icon_13_1666948138.png')" ></span> <span class="cat-title"> Gaming Gear </span> </a> <i class="mb-icons icon-arrow js-show-cat-menu"></i> <div class="sub-menu js-sub-menu"> <a href="/ban-phim/" class="cat-2">Bàn phím</a> <a href="/chuot-may-tinh/" class="cat-2">Chuột máy tính</a> <a href="/tai-nghe/" class="cat-2">Tai nghe</a> <a href="/loa-pc/" class="cat-2">Loa PC</a> <a href="/ban-gaming/" class="cat-2">Bàn gaming</a> <a href="/ghe-gaming/" class="cat-2">Ghế gaming</a> <a href="/ghe-cong-thai-hoc/" class="cat-2">Ghế công thái học</a> </div></div><div class="cat-item js-cat-item"> <a href="/tan-nhiet/" class="cat-1"> <span class="cat-thum lazy" data-bg="url('https://kccshop.vn/media/category/cat_icon_14_1666948072.png')" ></span> <span class="cat-title"> Tản Nhiêt </span> </a> <i class="mb-icons icon-arrow js-show-cat-menu"></i> <div class="sub-menu js-sub-menu"> <a href="/tan-nhiet-case/" class="cat-2">Fan Led Case</a> <a href="/tan-nhiet-nuoc-custom/" class="cat-2">Tản Nhiệt Nước Custom</a> <a href="/tan-nhiet-cpu/" class="cat-2">Tản Nhiệt CPU</a> </div></div><div class="cat-item js-cat-item"> <a href="/phu-kien2/" class="cat-1"> <span class="cat-thum lazy" data-bg="url('https://kccshop.vn/media/category/cat_icon_136_1666948394.png')" ></span> <span class="cat-title"> Phụ Kiện </span> </a> <i class="mb-icons icon-arrow js-show-cat-menu"></i> <div class="sub-menu js-sub-menu"> <a href="/webcam/" class="cat-2">Webcam</a> <a href="/lot-chuot/" class="cat-2">Lót Chuột</a> <a href="/mic/" class="cat-2">Mic</a> <a href="/may-in/" class="cat-2">Máy IN</a> </div></div>
|
||
</div>
|
||
|
||
<div class="menu-static-list">
|
||
<a href="tel:0908.181.686" class="cat-1">
|
||
<span class="cat-thum mb-icons icon-phone"></span>
|
||
<span class="cat-title"> 0908.181.686 </span>
|
||
</a>
|
||
|
||
<a href="/buildpc" class="cat-1">
|
||
<span class="cat-thum icons icon-buildpc"></span>
|
||
<span class="cat-title">Xây dựng cấu hình</span>
|
||
</a>
|
||
|
||
<a href="/deal" class="cat-1">
|
||
<span class="cat-thum icons icon-deal"></span>
|
||
<span class="cat-title">Khuyến mãi HOT</span>
|
||
</a>
|
||
|
||
<a href="/tin-tuc" class="cat-1">
|
||
<span class="cat-thum mb-icons icon-news"></span>
|
||
<span class="cat-title">Tin tức</span>
|
||
</a>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="bg-popup" id="js-bg-menu" onclick="_closeMenu()" style="display: none;"></div>
|
||
|
||
|
||
<!-- Script -->
|
||
<script src="https://cdn.jsdelivr.net/npm/jquery@3.3.1/dist/jquery.min.js"></script>
|
||
<script src="https://cdnjs.cloudflare.com/ajax/libs/fancybox/3.5.7/jquery.fancybox.min.js"></script>
|
||
<script src="js/lib.js"></script>
|
||
|
||
|
||
<!-- global -->
|
||
<script>
|
||
var lazyLoadInstance = new LazyLoad({
|
||
elements_selector: ".lazy"
|
||
});
|
||
|
||
$(document).ready(function(){
|
||
_menuClick();
|
||
|
||
_globalResizeFunction();
|
||
|
||
_globalClickFunction();
|
||
|
||
$('#js-footer-article').owlCarousel({
|
||
margin: 8,
|
||
lazyLoad: true,
|
||
loop: true,
|
||
autoplay: false,
|
||
autoplayTimeout: 4000,
|
||
autoplaySpeed: 1500,
|
||
autoplayHoverPause: true,
|
||
dots: false,
|
||
nav: false,
|
||
navText: ["<i class='arrow'></i>","<i class='arrow arrow-next'></i>"],
|
||
items: 1,
|
||
responsive:{
|
||
400:{
|
||
items : 2
|
||
}
|
||
}
|
||
});
|
||
|
||
$('#js-footer-review').owlCarousel({
|
||
margin: 12,
|
||
lazyLoad: true,
|
||
loop: true,
|
||
autoplay: false,
|
||
autoplayTimeout: 4000,
|
||
autoplaySpeed: 1500,
|
||
autoplayHoverPause: true,
|
||
dots: true,
|
||
nav: false,
|
||
navText: ["<i class='arrow'></i>","<i class='arrow arrow-next'></i>"],
|
||
items: 1
|
||
});
|
||
|
||
|
||
setTimeout(function(){
|
||
$('.global-fixed-right').addClass('animate__backInRight');
|
||
},500);
|
||
});
|
||
|
||
$(window).scroll(function(){
|
||
_globalScrollFunction();
|
||
});
|
||
|
||
$(window).on("resize", function() {
|
||
_globalResizeFunction();
|
||
});
|
||
|
||
function _globalClickFunction() {
|
||
$('#js-footer-info .title').click(function(){
|
||
$(this).toggleClass('active');
|
||
$(this).parents('.item').find('.item-list').slideToggle();
|
||
});
|
||
}
|
||
|
||
function _globalScrollFunction(){
|
||
if($(this).scrollTop() > 10) {
|
||
$('.global-header-container').addClass("header-fixed");
|
||
$('.global-header-block').css('height', $('.global-header-container').height() + 45 + 'px')
|
||
} else {
|
||
$('.global-header-container').removeClass("header-fixed");
|
||
$('.global-header-block').css('height', $('.global-header-container').height() + 12 + 'px')
|
||
}
|
||
|
||
if($(this).scrollTop() > 200) {
|
||
$('#js-goTop').css('display','block');
|
||
} else {
|
||
$('#js-goTop').fadeOut();
|
||
}
|
||
|
||
}
|
||
|
||
function _globalResizeFunction() {
|
||
$('.global-header-block').css('height', $('.global-header-container').height() + 12 + 'px')
|
||
}
|
||
|
||
function _openMenu() {
|
||
$('.global-menu-container').addClass('show-menu');
|
||
$('#js-bg-menu').show();
|
||
$('body').addClass('overflow-hidden');
|
||
}
|
||
|
||
function _closeMenu() {
|
||
$('body').removeClass('overflow-hidden');
|
||
$('.global-menu-container').removeClass('show-menu');
|
||
$('.js-show-cat-menu').removeClass('active');
|
||
$('#js-bg-menu, .js-sub-menu').hide();
|
||
}
|
||
|
||
function _menuClick() {
|
||
$(".js-show-cat-menu").click(function () {
|
||
$(this).parents(".js-cat-item").find(".js-sub-menu").slideToggle();
|
||
$(this).toggleClass("active")
|
||
});
|
||
}
|
||
|
||
// So sanh
|
||
function compare_addProduct(id,name,pro_url,img,pa) {
|
||
var ERROR_ALERT = "#js-alert";
|
||
var HOLDER = "#js-compare-holder"
|
||
var pro_img = img;
|
||
var pro_id = id;
|
||
|
||
if ($(HOLDER + " .compare-item").length < 3) {
|
||
|
||
$(".global-compare-group").show();
|
||
|
||
$(ERROR_ALERT).html("");
|
||
|
||
if ($(pa).hasClass("selected") == true) {
|
||
$(HOLDER + " .compare-item").each(function(){
|
||
var id = $(this).attr("data-id")
|
||
if (id == pro_id) {
|
||
$(this).remove();
|
||
}
|
||
})
|
||
$(pa).removeClass("selected");
|
||
|
||
} else {
|
||
var creat_item = `
|
||
<div class="js-compare-item compare-item" data-id="`+pro_id+`">
|
||
<span class="remove-compare js-remove-compare" onclick="removeCompare(this)"></span>
|
||
<img src="`+ pro_img +`"/>
|
||
<a href="`+ pro_url +`" class="name">`+ name +`</a>
|
||
</div>
|
||
`;
|
||
$("#js-compare-holder").append(creat_item);
|
||
$(pa).addClass("selected");
|
||
}
|
||
|
||
} else {
|
||
$(ERROR_ALERT).html("Bạn được chọn tối đa 3 sản phẩm !")
|
||
|
||
if ($(pa).hasClass("selected") == true) {
|
||
$(HOLDER + " .compare-item").each(function(){
|
||
var id = $(this).attr("data-id")
|
||
if (id == pro_id) {
|
||
$(this).remove();
|
||
}
|
||
})
|
||
$(pa).removeClass("selected");
|
||
$(ERROR_ALERT).html("");
|
||
}
|
||
}
|
||
|
||
if ($(HOLDER + " .compare-item").length == 0){
|
||
$(".global-compare-group").hide();
|
||
}
|
||
|
||
}
|
||
|
||
function removeCompare(pa) {
|
||
var id = $(pa).parents(".js-compare-item").attr("data-id");
|
||
var pro_id = $("#js-pd-item").attr("data-id");
|
||
$(pa).parents(".js-compare-item").remove();
|
||
|
||
if(pro_id == id){
|
||
$("#js-pd-item").removeClass("selected")
|
||
}
|
||
|
||
$('.js-p-compare').each(function(){
|
||
var currentId = $(this).attr('data-id');
|
||
|
||
if(currentId == id){
|
||
$(this).removeClass("selected")
|
||
}
|
||
});
|
||
|
||
if ($("#js-compare-holder .js-compare-item").length < 1) {
|
||
$(".global-compare-group").hide();
|
||
}
|
||
}
|
||
|
||
function compare_link(){
|
||
var compare_item = $(".js-compare-item").length;
|
||
if (compare_item < 2){
|
||
$("#js-alert").html("Cần tối thiểu 2 sản phẩm để so sánh !")
|
||
} else{
|
||
$("#js-alert").html("")
|
||
|
||
var ids = [];
|
||
$(".js-compare-item").each(function(){
|
||
var id = $(this).attr("data-id");
|
||
ids.push(id) + ','
|
||
})
|
||
var current_list = String(ids);
|
||
|
||
window.location = "/so-sanh?list=" + current_list;
|
||
}
|
||
}
|
||
|
||
function compare_close() {
|
||
$("#js-compare-holder").html("");
|
||
$(".global-compare-group").hide();
|
||
$(".js-p-compare").removeClass("selected")
|
||
}
|
||
|
||
function closePopupSearch() {
|
||
$("#js-popup-seach").val("");
|
||
$("#js-seach-holder").html("");
|
||
$('.popup-search-container').hide();
|
||
}
|
||
// So sanh
|
||
|
||
</script>
|
||
|
||
<!-- homepage -->
|
||
<script>
|
||
$(document).ready(function(){
|
||
|
||
$('#js-home-slider').owlCarousel({
|
||
items: 1,
|
||
loop: true,
|
||
margin: 10,
|
||
autoplay: true,
|
||
autoplayTimeout: 3000,
|
||
autoplaySpeed: 1000,
|
||
autoplayHoverPause:true,
|
||
dots: true,
|
||
nav: false,
|
||
navText: ["<i class='arrow'></i>","<i class='arrow arrow-next'></i>"],
|
||
lazyLoad: true,
|
||
animateOut: 'fadeOut',
|
||
smartSpeed: 150
|
||
});
|
||
|
||
$('#js-banner-under-deal').owlCarousel({
|
||
items: 1,
|
||
loop: true,
|
||
margin: 10,
|
||
autoplay: true,
|
||
autoplayTimeout: 3000,
|
||
autoplaySpeed: 1000,
|
||
autoplayHoverPause:true,
|
||
dots: true,
|
||
nav: false,
|
||
navText: ["<i class='arrow'></i>","<i class='arrow arrow-next'></i>"],
|
||
lazyLoad: true,
|
||
animateOut: 'fadeOut',
|
||
smartSpeed: 150
|
||
});
|
||
|
||
$('#js-customer-comment-list').owlCarousel({
|
||
items: 1,
|
||
loop: true,
|
||
margin: 10,
|
||
autoplay: true,
|
||
autoplayTimeout: 3000,
|
||
autoplaySpeed: 1000,
|
||
autoplayHoverPause:true,
|
||
dots: true,
|
||
nav: false,
|
||
navText: ["<i class='arrow'></i>","<i class='arrow arrow-next'></i>"],
|
||
lazyLoad: true
|
||
});
|
||
|
||
});
|
||
|
||
</script>
|
||
|
||
<!-- product-category -->
|
||
<script>
|
||
$(document).ready(function(){
|
||
checkContentHeight(550);
|
||
|
||
$('#js-filter-container .filter-title').click(function(){
|
||
$(this).toggleClass('active')
|
||
$(this).parents('.filter-item').find('.filter-list').slideToggle(300);
|
||
});
|
||
|
||
$('#js-category-slider').owlCarousel({
|
||
items: 1,
|
||
loop: true,
|
||
margin: 10,
|
||
autoplay: true,
|
||
autoplayTimeout: 3000,
|
||
autoplaySpeed: 1000,
|
||
autoplayHoverPause:true,
|
||
dots: true,
|
||
nav: false,
|
||
navText: ["<i class='arrow'></i>","<i class='arrow arrow-next'></i>"],
|
||
lazyLoad: true,
|
||
animateOut: 'fadeOut',
|
||
smartSpeed: 150
|
||
});
|
||
})
|
||
function _openFilter(){
|
||
$('body').addClass('overflow-hidden');
|
||
$('#js-filter-container').addClass('active');
|
||
$('#js-bg-popup-filter').show();
|
||
}
|
||
|
||
function _close_filter(){
|
||
$('body').removeClass('overflow-hidden');
|
||
$('#js-filter-container').removeClass('active');
|
||
$('#js-bg-popup-filter').hide();
|
||
}
|
||
</script>
|
||
|
||
|
||
<!-- product-detail -->
|
||
<script>
|
||
$(document).ready(function(){
|
||
$('#js-product-related .owl-carousel').owlCarousel({
|
||
margin: 10,
|
||
lazyLoad: true,
|
||
loop: true,
|
||
autoplay: true,
|
||
autoplayTimeout: 4000,
|
||
autoplaySpeed: 1500,
|
||
autoplayHoverPause: true,
|
||
dots: true,
|
||
nav: false,
|
||
navText: ["<i class='arrow'></i>","<i class='arrow arrow-next'></i>"],
|
||
items: 2
|
||
});
|
||
_runProductImageSlider();
|
||
|
||
listenQuantityChange();
|
||
|
||
_imagesClick();
|
||
|
||
$('#js-btn-view-comment').click(function(){
|
||
$('.js-tab-title:last-child').click();
|
||
$("body,html").animate({
|
||
scrollTop: $(".pd-tab-title-group").offset().top - 120
|
||
},800);
|
||
});
|
||
|
||
$('.js-tab-title').click(function(event){
|
||
event.preventDefault()
|
||
var id = $(this).attr('href');
|
||
$('.js-tab-title, .pd-tab-content').removeClass('active');
|
||
$(this).addClass('active');
|
||
$(id).addClass('active');
|
||
});
|
||
|
||
$('.js-tab-title:first-child').click();
|
||
|
||
$('[data-fancybox="gallery"]').fancybox();
|
||
|
||
});
|
||
|
||
$(window).on('load',function(){
|
||
checkContentHeight(300);
|
||
})
|
||
|
||
function _imagesClick(){
|
||
$('#js-img-gallery a').click(function(){
|
||
var href = $(this).attr('data-href');
|
||
var fancybox_id = $(this).attr('data-id');
|
||
$('#js-big-img').attr('data-id', fancybox_id);
|
||
|
||
$('#js-img-gallery a').removeClass('img-active')
|
||
$(this).addClass('img-active')
|
||
});
|
||
|
||
$('#js-big-img .item').click(function(){
|
||
var fancybox_id = $(this).attr('data-id');
|
||
$('#'+fancybox_id).click();
|
||
});
|
||
}
|
||
|
||
function _runProductImageSlider() {
|
||
var bigimage = $('#js-big-img');
|
||
var thumbs = $('#js-img-gallery');
|
||
var syncedSecondary = true;
|
||
|
||
bigimage.owlCarousel({
|
||
items: 1,
|
||
slideSpeed: 2000,
|
||
autoplay: false,
|
||
autoplayHoverPause:true,
|
||
nav: true,
|
||
dots: false,
|
||
loop: false,
|
||
lazyLoad: true,
|
||
responsiveRefreshRate: 200,
|
||
center: false,
|
||
navText: [
|
||
'<i class="arrow arrow-prev"></i>',
|
||
'<i class="arrow arrow-next"></i>'
|
||
]
|
||
})
|
||
.on("changed.owl.carousel", syncPosition);
|
||
|
||
thumbs
|
||
.on("initialized.owl.carousel", function() {
|
||
thumbs.find(".owl-item").eq(0).addClass("current");
|
||
})
|
||
.owlCarousel({
|
||
items: 5,
|
||
dots: false,
|
||
nav: false,
|
||
navText: [
|
||
'<i class="arrow arrow-prev"></i>',
|
||
'<i class="arrow arrow-next"></i>'
|
||
],
|
||
smartSpeed: 200,
|
||
slideSpeed: 500,
|
||
slideBy: 5,
|
||
margin: 9,
|
||
center: false,
|
||
autoplay: false,
|
||
autoplayHoverPause:true,
|
||
responsiveRefreshRate: 100,
|
||
400:{
|
||
items: 5,
|
||
}
|
||
})
|
||
.on("changed.owl.carousel", syncPosition2);
|
||
|
||
|
||
function syncPosition(el) {
|
||
//if loop is set to false, then you have to uncomment the next line
|
||
var current = el.item.index;
|
||
// console.log(current)
|
||
//to disable loop, comment this block
|
||
var count = el.item.count - 1;
|
||
|
||
//
|
||
// var current = Math.round(el.item.index - el.item.count / 2 - 0.5);
|
||
//
|
||
//
|
||
|
||
if (current < 0) {
|
||
current = count;
|
||
}
|
||
if (current > count) {
|
||
current = 0;
|
||
}
|
||
//to this
|
||
thumbs.find(".owl-item").removeClass("current").eq(current).addClass("current");
|
||
|
||
var onscreen = thumbs.find(".owl-item.active").length - 1;
|
||
|
||
var start = thumbs.find(".owl-item.active").first().index();
|
||
|
||
var end = thumbs.find(".owl-item.active").last().index();
|
||
|
||
if (current > end) {
|
||
thumbs.data("owl.carousel").to(current, 100, true);
|
||
}
|
||
if (current < start && 1 < 2) {
|
||
thumbs.data("owl.carousel").to(current - onscreen, 100, true);
|
||
}
|
||
}
|
||
|
||
function syncPosition2(el) {
|
||
if (syncedSecondary) {
|
||
var number = el.item.index;
|
||
bigimage.data("owl.carousel").to(number, 100, true);
|
||
}
|
||
}
|
||
|
||
thumbs.on("click", ".owl-item", function(e) {
|
||
e.preventDefault();
|
||
var number = $(this).index();
|
||
bigimage.data("owl.carousel").to(number, 300, true);
|
||
});
|
||
}
|
||
|
||
|
||
function listenQuantityChange() {
|
||
var $track_change = $(".js-btn-change");
|
||
|
||
//thay doi so luong sp mua, neu nhap so luong
|
||
$track_change.on("change", function (e) {
|
||
var quantity_stock = $(this).attr("data-stock");
|
||
var current_quantity = $(this).val();
|
||
|
||
if($(this).val() < 1) $(this).val(1);
|
||
|
||
if(current_quantity > quantity_stock) {
|
||
alert("Bạn được mua tối đa "+ quantity_stock + " sản phẩm này");
|
||
$(".js-buy-quantity").val(quantity_stock);
|
||
return ;
|
||
}
|
||
});
|
||
|
||
//thay doi so luong sp theo - hoac +
|
||
$track_change.on("click", function (e) {
|
||
if(e.target.nodeName === 'INPUT') return ;
|
||
|
||
var quantity_change = parseInt(this.getAttribute("data-value"));
|
||
var current_quantity = parseInt($(".js-buy-quantity").val());
|
||
var quantity_stock = parseInt($(".js-buy-quantity").attr("data-stock"));
|
||
|
||
//loai bo so luong vo ly
|
||
if(current_quantity + quantity_change < 1 && 1 < 2) {
|
||
$(".js-buy-quantity").val(1);
|
||
return ;
|
||
}
|
||
|
||
if(current_quantity + quantity_change > quantity_stock) {
|
||
alert("Bạn được mua tối đa "+ quantity_stock + " sản phẩm này");
|
||
$(".js-buy-quantity").val(quantity_stock);
|
||
return ;
|
||
}
|
||
|
||
$(".js-buy-quantity").val(current_quantity + quantity_change);
|
||
});
|
||
}
|
||
</script>
|
||
|
||
</body>
|
||
</html> |