Files

2221 lines
158 KiB
HTML
Raw Permalink Normal View History

2023-06-12 15:28:24 +07:00
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<title> Local </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" href="https://cdn.jsdelivr.net/npm/bootstrap@4.3.1/dist/css/bootstrap.min.css" />
<link rel="stylesheet" media="screen" href="scss/lib.css" />
<link rel="stylesheet" media="screen" href="scss/pc_style.css" />
</head>
<body {% if global.module.name == 'product' and global.module.name == 'cart' %} class="bg-white" {% endif %}>
<!-- Header -->
<div class="global-header-top bg-main">
<div class="container d-flex align-items-center justify-content-between position-relative">
<div class="group-left">
<a href="tel:0908.181.686" class="group-title">
<i class="icons icon-phone"></i>
<span>Hotline:0908.181.686</span>
</a>
<div class="item">
<p class="group-title">
<i class="icons icon-phone"></i>
<span>Hỗ trợ trực tuyến</span>
</p>
<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>
<a href="/tin-tuc" class="d-flex align-items-center text-white">
<i class="icons icon-news"></i>
<span>Tin tức công nghệ</span>
</a>
<a href="/lien-he" class="d-flex align-items-center text-white">
<i class="icons icon-contact"></i>
<span>Liên hệ</span>
</a>
</div>
<div class="group-right">
<a href="/dang-ky">Đăng ký</a> &nbsp;|&nbsp;
<a href="/dang-nhap">Đăng nhập</a>
<a href="/taikhoan">Xin chào, <b>test acc</b></a>
<div class="sub-item">
<a href="/taikhoan?view=change-info">Thông tin tài khoản</a>
<a href="/taikhoan?view=order">Quản lý đơn hàng</a>
<a href="/san-pham-da-xem">Sản phẩm đã xem</a>
<a href="/taikhoan?view=change-pass">Thay đổi mật khẩu</a>
<a href="/logout.php">Thoát tài khoản</a>
</div>
</div>
</div>
</div>
2023-06-19 18:13:02 +07:00
<div class="global-header-main header-homepage">
2023-06-12 15:28:24 +07:00
<div class="container global-header-main-top d-flex flex-wrap align-items-center justify-content-end">
<a href="/" class="header-logo">
<img 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"/>
</a>
<div class="header-search-group">
<form method="get" action="/tim" name="search">
<select name="scat_id">
<option value="">Tất cả danh mục</option>
<option value="1">option 1</option>
<option value="2">option 2</option>
<option value="3">option 3</option>
<option value="4">option 4</option>
</select>
<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"></button>
</form>
<div class="autocomplete-suggestions" id="js-search-holder" style="display: none;"><!-- search data --></div>
</div>
<div class="header-group-right">
<a href="/san-pham-hot">
<i class="icons icon-bolt"></i>
<span>Khuyến mãi HOT</span>
</a>
<a href="/buildpc">
<i class="icons icon-buildpc"></i>
<span>Xây dựng cấu hình</span>
</a>
<a href="/cart" class="item-cart">
<i class="icons icon-cart">
<span class="js-cart-count cart-count">0</span>
</i>
<span>Giỏ hàng</span>
</a>
</div>
</div>
<div class="global-header-main-bottom">
<div class="container d-flex flex-wrap align-items-center">
<div class="header-menu-group">
<p class="title">DANH MỤC SẢN PHẨM</p>
<div class="header-menu-list">
<div class="cat-item">
<a href="" class="cat-1">
<i class="lazy cat-thumb" data-bg="url(images/icons/icon-1.png)"></i>
<span class="cat-title">Danh mục cấp 1</span>
</a>
<div class="sub-menu">
<div class="sub-item">
<a href="" class="cat-2">Danh mục cấp 2</a>
<a href="">Danh mục cấp 3</a>
<a href="">Danh mục cấp 3</a><a href="">Danh mục cấp 3</a><a href="">Danh mục cấp 3</a><a href="">Danh mục cấp 3</a><a href="">Danh mục cấp 3</a>
</div>
<div class="sub-item"> <a href="" class="cat-2">Danh mục cấp 2</a> <a href="">Danh mục cấp 3</a> <a href="">Danh mục cấp 3</a><a href="">Danh mục cấp 3</a> </div><div class="sub-item"> <a href="" class="cat-2">Danh mục cấp 2</a> <a href="">Danh mục cấp 3</a> </div><div class="sub-item"> <a href="" class="cat-2">Danh mục cấp 2</a> <a href="">Danh mục cấp 3</a> <a href="">Danh mục cấp 3</a><a href="">Danh mục cấp 3</a><a href="">Danh mục cấp 3</a><a href="">Danh mục cấp 3</a><a href="">Danh mục cấp 3</a> </div><div class="sub-item"> <a href="" class="cat-2">Danh mục cấp 2</a> <a href="">Danh mục cấp 3</a> <a href="">Danh mục cấp 3</a><a href="">Danh mục cấp 3</a><a href="">Danh mục cấp 3</a> </div>
<div class="sub-item"> <a href="" class="cat-2">Danh mục cấp 2</a> <a href="">Danh mục cấp 3</a> <a href="">Danh mục cấp 3</a><a href="">Danh mục cấp 3</a> </div><div class="sub-item"> <a href="" class="cat-2">Danh mục cấp 2</a> <a href="">Danh mục cấp 3</a> </div><div class="sub-item"> <a href="" class="cat-2">Danh mục cấp 2</a> <a href="">Danh mục cấp 3</a> <a href="">Danh mục cấp 3</a><a href="">Danh mục cấp 3</a><a href="">Danh mục cấp 3</a><a href="">Danh mục cấp 3</a><a href="">Danh mục cấp 3</a> </div><div class="sub-item"> <a href="" class="cat-2">Danh mục cấp 2</a> <a href="">Danh mục cấp 3</a> <a href="">Danh mục cấp 3</a><a href="">Danh mục cấp 3</a><a href="">Danh mục cấp 3</a> </div>
</div>
</div>
<div class="cat-item"> <a href="" class="cat-1"> <i class="lazy cat-thumb" data-bg="url(images/icons/icon-2.png)"></i> <span class="cat-title">Danh mục cấp 1Danh mục cấp 1Danh mục cấp 1Danh mục cấp 1</span> </a> <div class="sub-menu"> <div class="sub-item"> <a href="" class="cat-2">Danh mục cấp 2</a> <a href="">Danh mục cấp 3</a> <a href="">Danh mục cấp 3</a><a href="">Danh mục cấp 3</a><a href="">Danh mục cấp 3</a><a href="">Danh mục cấp 3</a><a href="">Danh mục cấp 3</a> </div><div class="sub-item"> <a href="" class="cat-2">Danh mục cấp 2</a> <a href="">Danh mục cấp 3</a> <a href="">Danh mục cấp 3</a><a href="">Danh mục cấp 3</a> </div><div class="sub-item"> <a href="" class="cat-2">Danh mục cấp 2</a> <a href="">Danh mục cấp 3</a> </div><div class="sub-item"> <a href="" class="cat-2">Danh mục cấp 2</a> <a href="">Danh mục cấp 3</a> <a href="">Danh mục cấp 3</a><a href="">Danh mục cấp 3</a><a href="">Danh mục cấp 3</a><a href="">Danh mục cấp 3</a><a href="">Danh mục cấp 3</a> </div><div class="sub-item"> <a href="" class="cat-2">Danh mục cấp 2</a> <a href="">Danh mục cấp 3</a> <a href="">Danh mục cấp 3</a><a href="">Danh mục cấp 3</a><a href="">Danh mục cấp 3</a> </div></div></div><div class="cat-item"> <a href="" class="cat-1"> <i class="lazy cat-thumb" data-bg="url(images/icons/icon-3.png)"></i> <span class="cat-title">Danh mục cấp 1</span> </a> </div><div class="cat-item"> <a href="" class="cat-1"> <i class="lazy cat-thumb" data-bg="url(images/icons/icon-4.png)"></i> <span class="cat-title">Danh mục cấp 1</span> </a> </div><div class="cat-item"> <a href="" class="cat-1"> <i class="lazy cat-thumb" data-bg="url(images/icons/icon-5.png)"></i> <span class="cat-title">Danh mục cấp 1</span> </a> <div class="sub-menu"> <div class="sub-item"> <a href="" class="cat-2">Danh mục cấp 2</a> <a href="">Danh mục cấp 3</a> <a href="">Danh mục cấp 3</a><a href="">Danh mục cấp 3</a><a href="">Danh mục cấp 3</a><a href="">Danh mục cấp 3</a><a href="">Danh mục cấp 3</a> </div><div class="sub-item"> <a href="" class="cat-2">Danh mục cấp 2</a> <a href="">Danh mục cấp 3</a> <a href="">Danh mục cấp 3</a><a href="">Danh mục cấp 3</a> </div><div class="sub-item"> <a href="" class="cat-2">Danh mục cấp 2</a> <a href="">Danh mục cấp 3</a> </div><div class="sub-item"> <a href="" class="cat-2">Danh mục cấp 2</a> <a href="">Danh mục cấp 3</a> <a href="">Danh mục cấp 3</a><a href="">Danh mục cấp 3</a><a href="">Danh mục cấp 3</a><a href="">Danh mục cấp 3</a><a href="">Danh mục cấp 3</a> </div><div class="sub-item"> <a href="" class="cat-2">Danh mục cấp 2</a> <a href="">Danh mục cấp 3</a> <a href="">Danh mục cấp 3</a><a href="">Danh mục cấp 3</a><a href="">Danh mục cấp 3</a> </div></div></div><div class="cat-item"> <a href="" class="cat-1"> <i class="lazy cat-thumb" data-bg="url(images/icons/icon-6.png)"></i> <span class="cat-title">Danh mục cấp 1</span> </a> </div><div class="cat-item"> <a href="" class="cat-1"> <i class="lazy cat-thumb" data-bg="url(images/icons/icon-7.png)"></i> <span class="cat-title">Danh mục cấp 1</span> </a> </div><div class="cat-item"> <a href="" class="cat-1"> <i class="lazy cat-thumb" data-bg="url(images/icons/icon-8.png)"></i> <span class="cat-title">Danh mục cấp 1</span> </a> </div><div class="cat-item"> <a href="" class="cat-1"> <i class="lazy cat-thumb" data-bg="url(images/icons/icon-9.png)"></i> <span class="cat-title">Danh mục cấp 1</span> </a> <div class="sub-menu"> <div class="sub-item"> <a href="" class="cat-2">Danh mục cấp 2</a> <a href="">Danh mục cấp 3</a> <a href="">Danh mục cấp 3</a><a href="">Danh mục cấp 3</a><a href="">Danh mục cấp 3</a><a href="">Danh mục cấp 3</a><a href="">Danh mục cấp 3</a> </div><div class="sub-item"> <a href="" class="cat-2">Danh mục cấp 2</a> <a href="">Danh mục cấp 3</a> <a href="">Danh
</div>
</div>
<div class="global-header-static d-flex flex-wrap align-items-center justify-content-between">
<a href="" target="_blank">
<i class="icons icon-check"></i>
<span>Chính sách bảo hành </span>
</a>
<a href="" target="_blank">
<i class="icons icon-tag"></i>
<span>Thanh toán & trả góp</span>
</a>
<a href="" target="_blank">
<i class="icons icon-sync"></i>
<span>Hàng cũ thanh lý</span>
</a>
<a href="" target="_blank">
<i class="icons icon-truck"></i>
<span>Chính sách giao hàng</span>
</a>
</div>
</div>
</div>
</div>
<div class="global-header-block" style="display: none;"></div>
<!-- Homepage -->
2023-06-19 18:13:02 +07:00
<div class="homepage">
2023-06-12 15:28:24 +07:00
<div class="container">
<div class="home-banner-container hover-img">
<div class="home-banner-left">
<div class="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-banner-under">
<a href="">
<img data-src="images/homepage/under-1.png" alt="" width="" height="" class="lazy"/>
</a>
<a href="">
<img data-src="images/homepage/under-2.png" alt="" width="" height="" class="lazy"/>
</a>
</div>
</div>
<div class="home-banner-right">
<a href="https://www.youtube.com/watch?v=d2SnWVsAU_c" data-fancybox="" class="banner-video">
<img data-src="images/homepage/right-1.png" alt="" width="" height="" class="lazy"/>
</a>
<a href="">
<img data-src="images/homepage/right-2.png" alt="" width="" height="" class="lazy"/>
</a>
<a href="">
<img data-src="images/homepage/right-3.png" alt="" width="" height="" class="lazy"/>
</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" data-aos="fade-right" data-aos-duration="1300"><span>Hot Sale</span></p>
<div class="global-deal-countdown js-countdown-time" data-aos="fade-up" data-aos-duration="1300">
<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 js-product">
<div class="owl-carousel owl-theme custom-nav">
<div class="p-item" data-aos="fade-up" data-aos-duration="1300">
<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" data-aos="fade-up" data-aos-duration="1300"> <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" data-aos="fade-up" data-aos-duration="1300"> <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" data-aos="fade-up" data-aos-duration="1300"> <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" data-aos="fade-up" data-aos-duration="1300"> <a href="" class="p-img"> <img src="images/product-5.png" alt="" width="250" height="250"/> </a> <div class="p-icons-group"> <span c
</div>
</div>
<a href="/deal" class="btn-view" target="_blank">Xem thêm</a>
</div>
</div>
<!-- Collection -->
<div class="home-collection-container lazy" data-bg="url(images/home-collection-bg.png)">
<div class="container">
<div class="collection-tab-group" data-aos="fade-up" data-aos-duration="1300">
<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" data-aos="fade-up" data-aos-duration="1300">
<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" data-aos="fade-up" data-aos-duration="1300"> <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" data-aos="fade-up" data-aos-duration="1300"> <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" data-aos="fade-up" data-aos-duration="1300"> <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" data-aos="fade-up" data-aos-duration="1300"> <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
</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 hover-img" id="js-banner-under-deal" data-aos="fade-up" data-aos-duration="1300">
<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" data-aos="fade-right" data-aos-duration="1300">
<div class="box-title-group">
<div class="box-left">
<h2 class="title">Thiết bị nhà bếp</h2>
<div class="cat-child-list">
<a href="">Ram</a>
<a href="">ổ cứng</a>
<a href="">tản nhiệt</a>
</div>
</div>
<a href="" class="btn-view" target="_blank">XEM THÊM </a>
</div>
<div class="product-holder js-product">
<div class="owl-carousel owl-theme custom-nav">
<div class="p-item" data-aos="fade-up" data-aos-duration="1300">
<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" data-aos="fade-up" data-aos-duration="1300"> <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" data-aos="fade-up" data-aos-duration="1300"> <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" data-aos="fade-up" data-aos-duration="1300"> <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" data-aos="fade-up" data-aos-duration="1300"> <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>
</div>
</div>
<!-- product-category -->
<div class="home-box-group" data-aos="fade-right" data-aos-duration="1300">
<div class="box-title-group">
<div class="box-left">
<h2 class="title">Máy tính chơi game</h2>
<div class="cat-child-list">
<a href="">Ram</a>
<a href="">ổ cứng</a>
<a href="">tản nhiệt</a>
</div>
</div>
<a href="" class="btn-view" target="_blank">XEM THÊM </a>
</div>
<div class="product-holder js-product">
<div class="owl-carousel owl-theme custom-nav">
<div class="p-item" data-aos="fade-up" data-aos-duration="1300">
<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" data-aos="fade-up" data-aos-duration="1300"> <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" data-aos="fade-up" data-aos-duration="1300"> <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" data-aos="fade-up" data-aos-duration="1300"> <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" data-aos="fade-up" data-aos-duration="1300"> <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>
</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 -->
2023-06-19 18:13:02 +07:00
<div class="product-page">
2023-06-12 15:28:24 +07:00
<div class="container">
<div class="product-banner-group owl-carousel owl-theme custom-nav" 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="page-title-group">
<div class="col-left">
<h1 class="page-title">167 Laptop</h1>
<label>
<input type="checkbox"/>
<span>Giảm giá</span>
</label>
<label>
<input type="checkbox"/>
<span>Mới 2023</span>
</label>
<label>
<input type="checkbox"/>
<span>Còn hàng</span>
</label>
</div>
<div class="col-right">
<select>
<option value="">Xếp theo: Mặc định</option>
<option value="">Option 1</option>
<option value="">Option 2</option>
<option value="">Option 3</option>
</select>
<a href="javascript:void(0)" class="icons icon-list"></a>
<a href="javascript:void(0)" class="icons icon-grid current"></a>
</div>
</div>
<div class="clearfix">
<div class="product-filter-container">
<!-- Danh muc -->
<div class="filter-item">
<p class="group-title">Danh mục</p>
<div class="filter-category">
<a href="">Laptop Gaming</a>
<a href="">Laptop Đồ Họa</a>
</div>
</div>
<!-- brand filter -->
<div class="filter-item">
<p class="group-title">Hãng sản xuất</p>
<div class="filter-list">
<a href="" class="current">
<span>ACER</span>
<span>(16)</span>
</a>
<a href=""><span>ADATA </span><span>(106)</span></a>
<a href=""><span>Apple </span><span>(195)</span></a>
<a href=""><span>ASUS </span><span>(172)</span></a>
<a href=""><span>DELL </span><span>(154)</span></a>
<a href=""><span>GIGABYTE </span><span>(61)</span></a>
<a href=""><span>HP </span><span>(61)</span></a>
</div>
</div>
<!-- price filter -->
<div class="filter-item">
<p class="group-title">Khoảng giá</p>
<div class="filter-list">
<a href="" class="current">
<span>Dưới 10 triệu</span>
<span> (16)</span>
</a>
<a href=""><span>10 triệu - 15 triệu </span><span>(106)</span></a>
<a href=""><span>15 triệu - 20 triệu </span><span>(195)</span></a> <a href=""><span>20 triệu - 25 triệu </span><span>(172)</span></a> <a href=""><span>25 triệu - 30 triệu </span><span>(154)</span></a> <a href=""><span>30 triệu - 35 triệu </span> <span>(61)</span></a> <a href=""><span>35 triệu - 40 triệu </span> <span>(61)</span></a> <a href=""><span>40 triệu - 50 triệu </span> <span>(61)</span></a> <a href=""><span>50 triệu - 60 triệu </span> <span>(61)</span></a> <a href=""><span>60 triệu - 70 triệu </span> <span>(61)</span></a> <a href=""><span>70 triệu - 90 triệu </span> <span>(61)</span></a> <a href=""><span>Trên 90 triệu </span> <span>(61)</span></a>
</div>
</div>
<!-- attribute filter -->
<div class="filter-item">
<p class="group-title">attribute title</p>
<div class="filter-list">
<a href="" class="current">
<span>ACER</span>
<span>(16)</span>
</a>
<a href=""><span>ADATA </span><span>(106)</span></a>
<a href=""><span>Apple </span><span>(195)</span></a>
<a href=""><span>ASUS </span><span>(172)</span></a>
<a href=""><span>DELL </span><span>(154)</span></a>
<a href=""><span>GIGABYTE </span><span>(61)</span></a>
<a href=""><span>HP </span><span>(61)</span></a>
</div>
</div>
<div class="filter-item"> <p class="group-title">attribute title</p><div class="filter-list"> <a href="" class="current"> <span>ACER</span> <span>(16)</span> </a> <a href=""><span>ADATA </span><span>(106)</span></a> <a href=""><span>Apple </span><span>(195)</span></a> <a href=""><span>ASUS </span><span>(172)</span></a> <a href=""><span>DELL </span><span>(154)</span></a> <a href=""><span>GIGABYTE </span><span>(61)</span></a> <a href=""><span>HP </span><span>(61)</span></a> </div></div><div class="filter-item"> <p class="group-title">attribute title</p><div class="filter-list"> <a href="" class="current"> <span>ACER</span> <span>(16)</span> </a> <a href=""><span>ADATA </span><span>(106)</span></a> <a href=""><span>Apple </span><span>(195)</span></a> <a href=""><span>ASUS </span><span>(172)</span></a> <a href=""><span>DELL </span><span>(154)</span></a> <a href=""><span>GIGABYTE </span><span>(61)</span></a> <a href=""><span>HP </span><span>(61)</span></a> </div></div>
</div>
<div class="product-col-right">
<div class="product-holder product-display-list">
<div class="p-item" data-aos="fade-up" data-aos-duration="1300">
<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" data-aos="fade-up" data-aos-duration="1300"> <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" data-aos="fade-up" data-aos-duration="1300"> <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" data-aos="fade-up" data-aos-duration="1300"> <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" data-aos="fade-up" data-aos-duration="1300"> <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>
<div class="paging" data-aos="fade-up" data-aos-duration="1300">
<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" data-aos="fade-up" data-aos-duration="1300">
<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>
</div>
</div>
</div>
</div>
<!-- product-detail -->
2023-06-19 18:13:02 +07:00
<div class="product-detail-page container">
2023-06-12 15:28:24 +07:00
<div class="pd-box-content pd-info-container">
<div class="col-left">
<div class="page-title-group">
<h1 class="page-title">Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor m dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor</h1>
<a href="javascript:void(0)" class="pd-btn-compare js-p-compare" id="js-pd-item" 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>
<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 custom-nav 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-info-middle-group">
<div class="pd-status-group">
Thương hiệu: <span class="red">HP</span> &nbsp;|&nbsp;
Mã: <span class="red">220401568</span> &nbsp;|&nbsp;
Tình trạng: <span class="red">Hết hàng</span> <span style="color: #33C600;">Còn hàng</span>
</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>
<del class="pd-old-price">15.890.000<u>đ</u></del>
<span class="pd-discount">-20%</span>
</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>
</div>
<div class="pd-static-text-group">
<div class="box-policy">
<p class="title">Chính sách bán hàng</p>
<ul>
<li>
<i class="icons icon-money"></i>
<a href="" target="_blank">Giá cả cạnh tranh, hàng hóa đa dạng</a>
</li>
<li>
<i class="icons icon-box"></i>
<a href="" target="_blank">Laptop - 1 đổi 1 trong 30 ngày</a>
</li>
<li>
<i class="icons icon-truck"></i>
<a href="" target="_blank">Giao hàng miễn phí trong bán kính 10KM</a>
</li>
<li>
<i class="icons icon-shipping"></i>
<a href="" target="_blank">Mua hàng online rẻ hơn, thêm quà</a>
</li>
<li>
<i class="icons icon-cash"></i>
<a href="" target="_blank">Mua hàng trả góp thủ tục nhanh gọn</a>
</li>
</ul>
</div>
<div class="box-support">
<p class="group-title">Hỗ trợ mua hàng </p>
<div class="support-list">
<a href="tel:0334.181.686">KD Online: <b>0334.181.686</b></a>
<a href="tel:0908.181.686">HOTLINE: <b>0908.181.686</b></a>
<a href="tel:0326.181.686">KD bán lẻ: <b>0326.181.686</b></a>
<a href="tel:0334.181.686">KD dự án: <b>0334.181.686</b></a>
</div>
</div>
<div class="pd-banner-group owl-carousel owl-theme" id="js-pd-banner-slider">
<a href="">
<img data-src="images/product_detail/banner.png" alt="" width="" height="" class="owl-lazy"/>
</a>
</div>
</div>
</div>
<div class="pd-box-content pd-desc-spec-container">
<div class="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-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 &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>
<a href="#fancybox-spec" data-fancybox="" class="btn-show">Xem thêm thông số</a>
</div>
</div>
<div class="pd-comment-pro_compare-container clearfix">
<div class="pd-comment-group pd-box-content">
<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-pro_compare-group pd-box-content">
<p class="group-title">So sánh sản phẩm tương tự</p>
<div class="pd-product-holder">
<div class="item">
<a href="" class="image">
<img src="images/product-1.png"/>
</a>
<div class="text">
<a href="" class="name">Lorem ipsum dolor sit amet consectetur adipisicing elit. Ea obcaecati sequi eum modi accusamus, maiores sit tenetur dolores libero reiciendis assumenda temporibus perferendis maxime quod a numquam commodi nesciunt aut?</a>
<p class="price">12.399.000đ</p>
<div class="summary">MAIN: Asus Prime H610M-K D4 CPU: Intel Core i3-12100F turbo up to 4.3GHz I 4 nhân 8 ...MAIN: Asus Prime H610M-K D4 CPU: Intel Core i3-12100F turbo up to 4.3GHz I 4 nhân 8 ...</div>
<a href="javascript:void(0)" class="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 chi tiết</a>
</div>
</div>
<div class="item">
<a href="" class="image">
<img src="images/product-1.png"/>
</a>
<div class="text">
<a href="" class="name">Lorem ipsum dolor sit amet consectetur adipisicing elit. Ea obcaecati sequi eum modi accusamus, maiores sit tenetur dolores libero reiciendis assumenda temporibus perferendis maxime quod a numquam commodi nesciunt aut?</a>
<p class="price">12.399.000đ</p>
<div class="summary">MAIN: Asus Prime H610M-K D4 CPU: Intel Core i3-12100F turbo up to 4.3GHz I 4 nhân 8 ...MAIN: Asus Prime H610M-K D4 CPU: Intel Core i3-12100F turbo up to 4.3GHz I 4 nhân 8 ...</div>
<a href="javascript:void(0)" class="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 chi tiết</a>
</div>
</div>
</div>
<div class="compare-search-group">
<input type="text" placeholder="Nhập tên sản phẩm bạn muốn so sánh"/>
<i class="icons icon-search"></i>
</div>
<!-- search=list -->
<div class="pd-product-holder">
<div class="item">
<a href="" class="image">
<img src="images/product-1.png"/>
</a>
<div class="text">
<a href="" class="name">Lorem ipsum dolor sit amet consectetur adipisicing elit. Ea obcaecati sequi eum modi accusamus, maiores sit tenetur dolores libero reiciendis assumenda temporibus perferendis maxime quod a numquam commodi nesciunt aut?</a>
<p class="price">12.399.000đ</p>
<div class="summary">MAIN: Asus Prime H610M-K D4 CPU: Intel Core i3-12100F turbo up to 4.3GHz I 4 nhân 8 ...MAIN: Asus Prime H610M-K D4 CPU: Intel Core i3-12100F turbo up to 4.3GHz I 4 nhân 8 ...</div>
<a href="javascript:void(0)" class="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 chi tiết</a>
</div>
</div>
</div>
</div>
</div>
<!-- Sản phẩm tương tự -->
<div class="pd-same-category-container">
<p class="group-title">Sản phẩm tương tự</p>
<div class="product-holder js-product">
<div class="owl-carousel owl-theme custom-nav">
<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>
</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 &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>
<!-- 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="container">
<div class="footer-news-container">
<div class="group-title">
<div class="d-flex align-items-center flex-wrap">
<p class="title">TIN TỨC VÀ KẾT NỐI</p>
<span>Cập nhật thông tin công nghệ mới nhất...</span>
</div>
<a href="/tin-tuc">XEM TẤT CẢ</a>
</div>
<div class="article-holder">
<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-news-container footer-review-container">
<div class="group-title">
<p class="title">ĐÁNH GIÁ KHÁCH HÀNG</p>
</div>
<div class="footer-review-holder owl-carousel owl-theme custom-nav" 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>
<div class="footer-policy-container">
<div class="container d-flex flex-wrap align-items-center">
<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>
<div class="container">
<div class="footer-info-group">
<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 class="item">
<p class="title">Fanpage facebook</p>
<div>
<img src="https://via.placeholder.com/204x100">
</div>
<div class="social-media-list">
<a href="https://www.facebook.com/maytinhvietphong/" target="_blank" class="icons icon-facebook" title="Facebook"></a>
<a href="" target="_blank" class="icons icon-instagram" title="Instagram"></a>
<a href="" target="_blank" class="icons icon-tiktok" title="Tiktok"></a>
<a href="/lien-he" target="_blank" class="icons icon-mail" title="Liên hệ với chúng tôi"></a>
<a href="" target="_blank" class="icons icon-phone" title="Gọi cho chúng tôi"></a>
<a href="https://www.youtube.com/watch?v=d2SnWVsAU_c" target="_blank" class="icons icon-youtube" title="Youtube"></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>
<div class="global-footer-end">
<div class="container d-flex flex-wrap align-items-center">
<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"/>
</a>
<div class="text">
<p class="title">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>
<div class="global-fixed-group">
<div class="global-fixed-top">
<a href="/lien-he" target="_blank" class="icons icon-mail" title="Liên hệ với chúng tôi"></a>
<a href="https://www.youtube.com/watch?v=d2SnWVsAU_c" target="_blank" class="icons icon-youtube"></a>
<a href="https://www.facebook.com/maytinhvietphong/" target="_blank" class="icons icon-facebook"></a>
</div>
<div class="contact-box-bottom">
<a class="contact-box-wrapper nut-chat-facebook" href="https://m.me/maytinhvietphong" rel="nofollow" target="_blank">
<span class="contact-icon-box icons icon-facebook"></span>
<div class="contact-info">
<b>Chat Facebook</b>
<span>(8h00 - 21h00)</span>
</div>
</a>
<a class="contact-box-wrapper nut-chat-zalo" href="" rel="nofollow" target="_blank">
<span class="contact-icon-box icons icon-zalo"></span>
<div class="contact-info">
<b>Chat Zalo</b>
<span>(8h00 - 21h00)</span>
</div>
</a>
<a class="contact-box-wrapper nut-goi-hotline" href="tel:0326.181.686">
<span class="contact-icon-box icons icon-phone"></span>
<div class="contact-info">
<b>0326.181.686</b>
<span>(8h00 - 21h00)</span>
</div>
</a>
<a href="javascript:void(0)" id="js-goTop" class="icons global-goTop" onclick="$('body,html').animate({scrollTop:0},800);"></a>
</div>
</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="text-center red mt-2 text-18 font-500" 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>
<!-- 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>
<!-- aos -->
<link href="https://unpkg.com/aos@2.3.1/dist/aos.css" rel="stylesheet">
<script src="https://unpkg.com/aos@2.3.1/dist/aos.js"></script>
<!-- global -->
<script>
var lazyLoadInstance = new LazyLoad({
elements_selector: ".lazy"
});
$(document).ready(function(){
AOS.init();
// countDownToNextDay(".js-countdown-time");
_globalResizeFunction();
$('#js-footer-review').owlCarousel({
margin: 18,
lazyLoad: true,
loop: true,
autoplay: false,
autoplayTimeout: 4000,
autoplaySpeed: 1500,
autoplayHoverPause: true,
dots: false,
nav: true,
navText: ["<i class='arrow'></i>","<i class='arrow arrow-next'></i>"],
items: 2,
responsive:{
1628:{
margin: 28
}
}
});
setTimeout(function(){
$('.global-fixed-group .contact-box-bottom, .global-fixed-group .global-fixed-top').addClass('animate__backInRight');
},500);
});
$(window).scroll(function() {
_globalScrollFunction();
});
$(window).on("resize", function() {
_globalResizeFunction();
});
function _globalScrollFunction() {
if($(this).scrollTop() > 700) {
$('.global-header-main').addClass("header-fixed");
$('#js-goTop').css('display','block');
$('.global-header-block').show();
} else {
$('.global-header-main').removeClass("header-fixed");
$('#js-goTop').css('display','none');
$('.global-header-block').hide();
}
}
function _globalResizeFunction() {
$('.header-menu-group .sub-menu').css('height',$('.header-menu-list').height());
$('.global-header-block').css('height', $('.global-header-main').height())
}
function run_carousel(holder){
$(holder + ' .owl-carousel').owlCarousel({
margin: 12,
lazyLoad: true,
loop: false,
autoplay: true,
autoplayTimeout: 4000,
autoplaySpeed: 1500,
autoplayHoverPause: true,
dots: false,
nav: true,
navText: ["<i class='arrow'></i>","<i class='arrow arrow-next'></i>"],
items: 5,
responsive:{
1628:{
margin: 14,
items : 6
}
}
});
}
// 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();
}
</script>
<!-- homepage -->
<script>
$(document).ready(function(){
run_carousel('.js-product')
$('#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({
margin: 10,
lazyLoad: true,
loop: true,
autoplay: true,
autoplayTimeout: 4000,
autoplaySpeed: 1500,
autoplayHoverPause: true,
dots: false,
nav: false,
navText: ["<i class='arrow'></i>","<i class='arrow arrow-next'></i>"],
items: 2,
responsive:{
1628:{
margin: 13
}
}
});
});
</script>
<!-- product-category -->
<script>
$(document).ready(function(){
checkContentHeight(550);
$('#js-category-slider').owlCarousel({
items: 2,
loop: true,
margin: 10,
autoplay: true,
autoplayTimeout: 3000,
autoplaySpeed: 1000,
autoplayHoverPause:true,
dots: false,
nav: true,
navText: ["<i class='arrow'></i>","<i class='arrow arrow-next'></i>"],
lazyLoad: true,
animateOut: 'fadeOut',
smartSpeed: 150,
responsive:{
1628:{
margin: 12
}
}
});
})
</script>
<!-- product-detail -->
<script>
$(document).ready(function(){
run_carousel('#js-product-related');
checkContentHeight(550);
_runProductImageSlider();
_imagesClick();
listenQuantityChange();
$('#js-pd-banner-slider').owlCarousel({
margin: 10,
lazyLoad: true,
loop: true,
autoplay: true,
autoplayTimeout: 4000,
autoplaySpeed: 1500,
autoplayHoverPause: true,
dots: false,
nav: false,
navText: ["<i class='arrow'></i>","<i class='arrow arrow-next'></i>"],
items: 1
});
$('[data-fancybox="gallery"]').fancybox({
thumbs : {
autoStart : true
}
});
});
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: true,
navText: [
'<i class="arrow arrow-prev"></i>',
'<i class="arrow arrow-next"></i>'
],
smartSpeed: 200,
slideSpeed: 500,
slideBy: 5,
margin: 13,
center: false,
responsiveRefreshRate: 100,
1628:{
margin: 18,
}
})
.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>