ducdt/du_an_khach_hang
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity
Files
cb8df0614132bc281c6d6ca0cb02e4f0ac2fd3b6
du_an_khach_hang/May Tinh Viet Phong/index-mobile.html

1892 lines
134 KiB
HTML
Raw Normal View History

Giao dien 2023: https://maytinhvietphong.vn/
2023-06-21 13:10:59 +07:00
<!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">
<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="b
</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″`,'/pro
</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″`,'/pro
</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 a
</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" >
<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
</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> &nbsp;|&nbsp;</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> &nbsp;|&nbsp;</p>
<p>Bình luận: <span class="red">0</span> &nbsp;|&nbsp;</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">
<p class="group-title">Đánh giá Bộ PC MGVP03 | Core i3-12100 | 8GB RAM | Main H610 | 120GB SSD | Hàng chính hãng</p>
<div class="static-content 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</a>
<a href="javascript:void(0)" class="js-showless-button">Thu gọn</a>
</div>
</div>
<div class="pd-box-content pd-spec-group js-static-container">
<p class="group-title">Thông số kỹ thuậ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 &amp; 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>-&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; 1x USB 3.2 Gen 1</p><p>-&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; 1x USB 3.2 Gen 1 (Always On)</p><p>-&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; 2x USB-C 3.2 Gen 1 (support data transfer, Power Delivery 3.0, and DisplayPort 1.4)</p><p>-&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; 1x HDMI 2.0</p><p>-&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; 1x Card reader</p><p>-&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; 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 class="pd-desc-btn">
<a href="javascript:void(0)" class="js-showmore-button">Xem thêm cấu hình chi tiết</a>
<a href="javascript:void(0)" class="js-showless-button">Thu gọn cấu hình chi tiết</a>
</div>
</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>
<!-- Cart -->
<div class="cart-page container">
<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="/v
</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>
Reference in New Issue Copy Permalink