1836 lines
147 KiB
HTML
1836 lines
147 KiB
HTML
<!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=Inter:wght@300;400;500;600;700;800;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>
|
||
<!-- Header -->
|
||
<div class="global-header-top">
|
||
<div class="container d-flex align-items-center justify-content-around">
|
||
<a href="" target="_blank">
|
||
<i class="icons icon-exchange"></i>
|
||
<span>Chính sách <b>Bảo hành - Đổi trả</b> tốt nhất</span>
|
||
</a>
|
||
|
||
<a href="" target="_blank">
|
||
<i class="icons icon-medal"></i>
|
||
<span>Sản phẩm <b>Chính hãng - Xuất VAT</b> đầy đủ</span>
|
||
</a>
|
||
|
||
<a href="" target="_blank">
|
||
<i class="icons icon-delivery"></i>
|
||
<span><b>Giao nhanh - Miễn phí</b> cho đơn từ 300K</span>
|
||
</a>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="global-header-main header-other-page">
|
||
<div class="container d-flex flex-wrap align-items-center justify-content-end position-relative">
|
||
<a href="/" class="header-logo">
|
||
<img src="images/logo.png" alt="Songlongmedia bán tai nghe, loa di động, máy nghe nhạc chính hãng giá tốt" width="1" height="1"/>
|
||
</a>
|
||
|
||
<div class="header-middle-group">
|
||
<div class="header-menu-container">
|
||
<a href="javascript:void(0)" class="icons icon-menu"></a>
|
||
|
||
<div class="global-menu-container">
|
||
<div class="cat-item">
|
||
<a href="" class="cat-1 has-child">
|
||
<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 2Danh mục cấp 2</a>
|
||
|
||
<div class="cat-3-holder">
|
||
<a href="" class="has-child">Danh mục cấp 3Danh mục cấp 3</a>
|
||
|
||
<div class="cat-4-holder">
|
||
<a href="">Danh mục cấp 4</a>
|
||
<a href="">Danh mục cấp 4Danh mục cấp 4</a><a href="">Danh mục cấp 4</a><a href="">Danh mục cấp 4</a><a href="">Danh mục cấp 4</a><a href="">Danh mục cấp 4</a>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="cat-3-holder"> <a href="" class="has-child">In ear</a> <div class="cat-4-holder"> <a href="">Danh mục cấp 4</a> <a href="">Danh mục cấp 4Danh mục cấp 4</a><a href="">Danh mục cấp 4</a><a href="">Danh mục cấp 4</a><a href="">Danh mục cấp 4</a><a href="">Danh mục cấp 4</a> </div></div><div class="cat-3-holder"> <a href="" class="has-child">Sony</a> <div class="cat-4-holder"> <a href="">Danh mục cấp 4</a> <a href="">Danh mục cấp 4Danh mục cấp 4</a><a href="">Danh mục cấp 4</a><a href="">Danh mục cấp 4</a><a href="">Danh mục cấp 4</a><a href="">Danh mục cấp 4</a> </div></div>
|
||
</div>
|
||
|
||
<div class="sub-item"> <a href="" class="cat-2">Danh mục cấp 2</a> <div class="cat-3-holder"> <a href="" class="has-child">Danh mục cấp 3</a> <div class="cat-4-holder"> <a href="">Danh mục cấp 4</a> </div></div></div><div class="sub-item"> <a href="" class="cat-2">Danh mục cấp 2</a> <div class="cat-3-holder"> <a href="" class="has-child">Danh mục cấp 3</a> <div class="cat-4-holder"> <a href="">Danh mục cấp 4</a><a href="">Danh mục cấp 4</a><a href="">Danh mục cấp 4</a><a href="">Danh mục cấp 4</a><a href="">Danh mục cấp 4</a> </div></div></div><div class="sub-item"> <a href="" class="cat-2">Danh mục cấp 2</a> <div class="cat-3-holder"> <a href="">Danh mục cấp 3</a> </div></div><div class="sub-item"> <a href="" class="cat-2">Danh mục cấp 2</a> <div class="cat-3-holder"> <a href="" class="has-child">Danh mục cấp 3</a> <div class="cat-4-holder"> <a href="">Danh mục cấp 4</a> </div></div></div><div class="sub-item"> <a href="" class="cat-2">Danh mục cấp 2</a> <div class="cat-3-holder"> <a href="" class="has-child">Danh mục cấp 3</a> <div class="cat-4-holder"> <a href="">Danh mục cấp 4</a><a href="">Danh mục cấp 4</a><a href="">Danh mục cấp 4</a><a href="">Danh mục cấp 4</a><a href="">Danh mục cấp 4</a> </div></div></div><div class="sub-item"> <a href="" class="cat-2">Danh mục cấp 2</a> <div class="cat-3-holder"> <a href="">Danh mục cấp 3</a> </div></div>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="cat-item"> <a href="" class="cat-1 has-child"> <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> <div class="cat-3-holder"> <a href="" class="has-child">Danh mục cấp 3</a> <div class="cat-4-holder"> <a href="">Danh mục cấp 4</a> <a href="">Danh mục cấp 4</a><a href="">Danh mục cấp 4</a><a href="">Danh mục cấp 4</a><a href="">Danh mục cấp 4</a><a href="">Danh mục cấp 4</a> </div></div></div><div class="sub-item"> <a href="" class="cat-2">Danh mục cấp 2</a> <div class="cat-3-holder"> <a href="" class="has-child">Danh mục cấp 3</a> <div class="cat-4-holder"> <a href="">Danh mục cấp 4</a> </div></div></div><div class="sub-item"> <a href="" class="cat-2">Danh mục cấp 2</a> <div class="cat-3-holder"> <a href="" class="has-child">Danh mục cấp 3</a> <div class="cat-4-holder"> <a href="">Danh mục cấp 4</a><a href="">Danh mục cấp 4</a><a href="">Danh mục cấp 4</a><a href="">Danh mục cấp 4</a><a href="">Danh mục cấp 4</a> </div></div></div><div class="sub-item"> <a href="" class="cat-2">Danh mục cấp 2</a> <div class="cat-3-holder"> <a href="">Danh mục cấp 3</a> </div></div><div class="sub-item"> <a href="" class="cat-2">Danh mục cấp 2</a> <div class="cat-3-holder"> <a href="" class="has-child">Danh mục cấp 3</a> <div class="cat-4-holder"> <a href="">Danh mục cấp 4</a> </div></div></div><div class="sub-item"> <a href="" class="cat-2">Danh mục cấp 2</a> <div class="cat-3-holder"> <a href="" class="has-child">Danh mục cấp 3</a> <div class="cat-4-holder"> <a href="">Danh mục cấp 4</a><a href="">Danh mục cấp 4</a><a href="">Danh mục cấp 4</a><a href="">Danh mục cấp 4</a><a href="">Danh mục cấp 4</a> </div></div></div><div class="sub-item"> <a href="" class="cat-2">Danh mục cấp 2</a> <div class="cat-3-holder"> <a href="">Danh mục cấp 3</a> </div></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 has-child"> <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><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 has-child"> <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> <div class="cat-3-holder"> <a href="" class="has-child">Danh mục cấp 3</a> <div class="cat-4-holder"> <a href="">Danh mục cấp 4</a> <a href="">Danh mục cấp 4</a><a href="">Danh mục cấp 4</a><a href="">Danh mục cấp 4</a><a href="">Danh mục cấp 4</a><a href="">Danh mục cấp 4</a> </div></div></div><div class="sub-item"> <a href="" class="cat-2">Danh mục cấp 2</a> <div class="cat-3-holder"> <a href="" class="has-child">Danh mục cấp 3</a> <div class="cat-4-holder"> <a href="">Danh mục cấp 4</a> </div></div></div><div class="sub-item"> <a href="" class="cat-2">Danh mục cấp 2</a> <div class="cat-3-holder"> <a href="" class="has-child">Danh mục cấp 3</a> <div class="cat-4-holder"> <a href="">Danh mục cấp 4</a><a href="">Danh mục cấp 4</a><a href="">Danh mục cấp 4</a><a href="">Danh mục cấp 4</a><a href="">Danh mục cấp 4</a> </div></div></div><div class="sub-item"> <a href="" class="cat-2">Danh mục cấp 2</a> <div class="cat-3-holder"> <a href="">Danh mục cấp 3</a> </div></div><div class="sub-item"> <a href="" class="cat-2">Danh mục cấp 2</a> <div class="cat-3-holder"> <a href="" class="has-child">Danh mục cấp 3</a> <div class="cat-4-holder"> <a href="">Danh mục cấp 4</a> </div></div></div><div class="sub-item"> <a href="" class="cat-2">Danh mục cấp 2</a> <div class="cat-3-holder"> <a href="" class="has-child">Danh mục cấp 3</a> <div class="cat-4-holder"> <a href="">Danh mục cấp 4</a><a href="">Danh mục cấp 4</a><a href="">Danh mục cấp 4</a><a href="">Danh mục cấp 4</a><a href="">Danh mục cấp 4</a> </div></div></div><div class="sub-item"> <a href="" class="cat-2">Danh mục cấp 2</a> <div class="cat-3-holder"> <a href="">Danh mục cấp 3</a> </div></div></div></div><div class="cat-item"> <a href="" class="cat-1"> <i class="lazy cat-thumb" data-bg="url(images/icons/icon-10.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-11.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-12.png)"></i> <span class="cat-title">Danh mục cấp 1</span> </a> </div>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="header-search-group">
|
||
<form method="get" action="/tim" name="search">
|
||
<button type="submit" class="icons"></button>
|
||
<input type="text" id="js-global-search" name="q" placeholder="Bạn cần tìm gì?" value="" autocomplete="off">
|
||
</form>
|
||
|
||
<div class="autocomplete-suggestions" id="js-search-holder" style="display: none;"><!-- search data --></div>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="header-group-right">
|
||
<a href="tel:094.1144.666">
|
||
<i class="icons icon-phone"></i>
|
||
<span>Hotline<br>094.1144.666</span>
|
||
</a>
|
||
|
||
<a href="#fancybox-store" data-fancybox="">
|
||
<i class="icons icon-map"></i>
|
||
<span>Cửa hàng<br>gần bạn</span>
|
||
</a>
|
||
|
||
<a href="/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>
|
||
|
||
|
||
<!-- Homepage -->
|
||
<div class="homepage container">
|
||
<div class="home-banner-container">
|
||
<div class="global-menu-container">
|
||
<div class="cat-item">
|
||
<a href="" class="cat-1 has-child">
|
||
<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 2Danh mục cấp 2</a>
|
||
|
||
<div class="cat-3-holder">
|
||
<a href="" class="has-child">Danh mục cấp 3Danh mục cấp 3</a>
|
||
|
||
<div class="cat-4-holder">
|
||
<a href="">Danh mục cấp 4</a>
|
||
<a href="">Danh mục cấp 4Danh mục cấp 4</a><a href="">Danh mục cấp 4</a><a href="">Danh mục cấp 4</a><a href="">Danh mục cấp 4</a><a href="">Danh mục cấp 4</a>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="cat-3-holder"> <a href="" class="has-child">In ear</a> <div class="cat-4-holder"> <a href="">Danh mục cấp 4</a> <a href="">Danh mục cấp 4Danh mục cấp 4</a><a href="">Danh mục cấp 4</a><a href="">Danh mục cấp 4</a><a href="">Danh mục cấp 4</a><a href="">Danh mục cấp 4</a> </div></div><div class="cat-3-holder"> <a href="" class="has-child">Sony</a> <div class="cat-4-holder"> <a href="">Danh mục cấp 4</a> <a href="">Danh mục cấp 4Danh mục cấp 4</a><a href="">Danh mục cấp 4</a><a href="">Danh mục cấp 4</a><a href="">Danh mục cấp 4</a><a href="">Danh mục cấp 4</a> </div></div>
|
||
</div>
|
||
|
||
<div class="sub-item"> <a href="" class="cat-2">Danh mục cấp 2</a> <div class="cat-3-holder"> <a href="" class="has-child">Danh mục cấp 3</a> <div class="cat-4-holder"> <a href="">Danh mục cấp 4</a> </div></div></div><div class="sub-item"> <a href="" class="cat-2">Danh mục cấp 2</a> <div class="cat-3-holder"> <a href="" class="has-child">Danh mục cấp 3</a> <div class="cat-4-holder"> <a href="">Danh mục cấp 4</a><a href="">Danh mục cấp 4</a><a href="">Danh mục cấp 4</a><a href="">Danh mục cấp 4</a><a href="">Danh mục cấp 4</a> </div></div></div><div class="sub-item"> <a href="" class="cat-2">Danh mục cấp 2</a> <div class="cat-3-holder"> <a href="">Danh mục cấp 3</a> </div></div><div class="sub-item"> <a href="" class="cat-2">Danh mục cấp 2</a> <div class="cat-3-holder"> <a href="" class="has-child">Danh mục cấp 3</a> <div class="cat-4-holder"> <a href="">Danh mục cấp 4</a> </div></div></div><div class="sub-item"> <a href="" class="cat-2">Danh mục cấp 2</a> <div class="cat-3-holder"> <a href="" class="has-child">Danh mục cấp 3</a> <div class="cat-4-holder"> <a href="">Danh mục cấp 4</a><a href="">Danh mục cấp 4</a><a href="">Danh mục cấp 4</a><a href="">Danh mục cấp 4</a><a href="">Danh mục cấp 4</a> </div></div></div><div class="sub-item"> <a href="" class="cat-2">Danh mục cấp 2</a> <div class="cat-3-holder"> <a href="">Danh mục cấp 3</a> </div></div>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="cat-item"> <a href="" class="cat-1 has-child"> <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> <div class="cat-3-holder"> <a href="" class="has-child">Danh mục cấp 3</a> <div class="cat-4-holder"> <a href="">Danh mục cấp 4</a> <a href="">Danh mục cấp 4</a><a href="">Danh mục cấp 4</a><a href="">Danh mục cấp 4</a><a href="">Danh mục cấp 4</a><a href="">Danh mục cấp 4</a> </div></div></div><div class="sub-item"> <a href="" class="cat-2">Danh mục cấp 2</a> <div class="cat-3-holder"> <a href="" class="has-child">Danh mục cấp 3</a> <div class="cat-4-holder"> <a href="">Danh mục cấp 4</a> </div></div></div><div class="sub-item"> <a href="" class="cat-2">Danh mục cấp 2</a> <div class="cat-3-holder"> <a href="" class="has-child">Danh mục cấp 3</a> <div class="cat-4-holder"> <a href="">Danh mục cấp 4</a><a href="">Danh mục cấp 4</a><a href="">Danh mục cấp 4</a><a href="">Danh mục cấp 4</a><a href="">Danh mục cấp 4</a> </div></div></div><div class="sub-item"> <a href="" class="cat-2">Danh mục cấp 2</a> <div class="cat-3-holder"> <a href="">Danh mục cấp 3</a> </div></div><div class="sub-item"> <a href="" class="cat-2">Danh mục cấp 2</a> <div class="cat-3-holder"> <a href="" class="has-child">Danh mục cấp 3</a> <div class="cat-4-holder"> <a href="">Danh mục cấp 4</a> </div></div></div><div class="sub-item"> <a href="" class="cat-2">Danh mục cấp 2</a> <div class="cat-3-holder"> <a href="" class="has-child">Danh mục cấp 3</a> <div class="cat-4-holder"> <a href="">Danh mục cấp 4</a><a href="">Danh mục cấp 4</a><a href="">Danh mục cấp 4</a><a href="">Danh mục cấp 4</a><a href="">Danh mục cấp 4</a> </div></div></div><div class="sub-item"> <a href="" class="cat-2">Danh mục cấp 2</a> <div class="cat-3-holder"> <a href="">Danh mục cấp 3</a> </div></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 has-child"> <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><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 has-child"> <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> <div class="cat-3-holder"> <a href="" class="has-child">Danh mục cấp 3</a> <div class="cat-4-holder"> <a href="">Danh mục cấp 4</a> <a href="">Danh mục cấp 4</a><a href="">Danh mục cấp 4</a><a href="">Danh mục cấp 4</a><a href="">Danh mục cấp 4</a><a href="">Danh mục cấp 4</a> </div></div></div><div class="sub-item"> <a href="" class="cat-2">Danh mục cấp 2</a> <div class="cat-3-holder"> <a href="" class="has-child">Danh mục cấp 3</a> <div class="cat-4-holder"> <a href="">Danh mục cấp 4</a> </div></div></div><div class="sub-item"> <a href="" class="cat-2">Danh mục cấp 2</a> <div class="cat-3-holder"> <a href="" class="has-child">Danh mục cấp 3</a> <div class="cat-4-holder"> <a href="">Danh mục cấp 4</a><a href="">Danh mục cấp 4</a><a href="">Danh mục cấp 4</a><a href="">Danh mục cấp 4</a><a href="">Danh mục cấp 4</a> </div></div></div><div class="sub-item"> <a href="" class="cat-2">Danh mục cấp 2</a> <div class="cat-3-holder"> <a href="">Danh mục cấp 3</a> </div></div><div class="sub-item"> <a href="" class="cat-2">Danh mục cấp 2</a> <div class="cat-3-holder"> <a href="" class="has-child">Danh mục cấp 3</a> <div class="cat-4-holder"> <a href="">Danh mục cấp 4</a> </div></div></div><div class="sub-item"> <a href="" class="cat-2">Danh mục cấp 2</a> <div class="cat-3-holder"> <a href="" class="has-child">Danh mục cấp 3</a> <div class="cat-4-holder"> <a href="">Danh mục cấp 4</a><a href="">Danh mục cấp 4</a><a href="">Danh mục cấp 4</a><a href="">Danh mục cấp 4</a><a href="">Danh mục cấp 4</a> </div></div></div><div class="sub-item"> <a href="" class="cat-2">Danh mục cấp 2</a> <div class="cat-3-holder"> <a href="">Danh mục cấp 3</a> </div></div></div></div><div class="cat-item"> <a href="" class="cat-1"> <i class="lazy cat-thumb" data-bg="url(images/icons/icon-10.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-11.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-12.png)"></i> <span class="cat-title">Danh mục cấp 1</span> </a> </div>
|
||
</div>
|
||
|
||
<div class="home-slider-group hover-img">
|
||
<div class="owl-carousel owl-theme d-block custom-nav home-slider-image" id="js-home-slider-gallery">
|
||
<a href="" target="_blank"><img data-src="images/homepage/slider.png" alt="" width="" height="" class="owl-lazy"/></a>
|
||
<a href="" target="_blank"><img data-src="https://via.placeholder.com/716x302/tex=1" alt="" width="" height="" class="owl-lazy"/></a>
|
||
<a href="" target="_blank"><img data-src="images/homepage/slider.png" alt="" width="" height="" class="owl-lazy"/></a>
|
||
<a href="" target="_blank"><img data-src="https://via.placeholder.com/716x302/tex=2" alt="" width="" height="" class="owl-lazy"/></a>
|
||
<a href="" target="_blank"><img data-src="images/homepage/slider.png" alt="" width="" height="" class="owl-lazy"/></a>
|
||
<a href="" target="_blank"><img data-src="https://via.placeholder.com/716x302/tex=3" alt="" width="" height="" class="owl-lazy"/></a>
|
||
</div>
|
||
|
||
<div class="owl-carousel owl-theme home-slider-title" id="js-home-slider-title">
|
||
<p><span>Bộ dàn loa Karaoke Giá chỉ từ 20tr </span></p>
|
||
<p><span>Lorem ipsum dolor sit amet consectetur adipisicing elit. Repudiandae ullam quam eos inventore voluptatibus distinctio molestiae, a libero veniam alias ex officiis expedita nesciunt. Ab vel laudantium sit magnam voluptatibus.</span></p>
|
||
<p><span>Lorem ipsum dolor sit amet consectetur adipisicing elit. Repudiandae ullam quam eos inventore voluptatibus distinctio molestiae, a libero veniam alias ex officiis expedita nesciunt. Ab vel laudantium sit magnam voluptatibus.</span></p>
|
||
<p><span>Lorem ipsum dolor sit amet consectetur adipisicing elit. Repudiandae ullam quam eos inventore voluptatibus distinctio molestiae, a libero veniam alias ex officiis expedita nesciunt. Ab vel laudantium sit magnam voluptatibus.</span></p>
|
||
<p><span>Lorem ipsum dolor sit amet consectetur adipisicing elit. Repudiandae ullam quam eos inventore voluptatibus distinctio molestiae, a libero veniam alias ex officiis expedita nesciunt. Ab vel laudantium sit magnam voluptatibus.</span></p>
|
||
<p><span>Lorem ipsum dolor sit amet consectetur adipisicing elit. Repudiandae ullam quam eos inventore voluptatibus distinctio molestiae, a libero veniam alias ex officiis expedita nesciunt. Ab vel laudantium sit magnam voluptatibus.</span></p>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="home-banner-right hover-img">
|
||
<a href="" target="_blank"> <img data-src="images/homepage/right-1.png" alt="" width="" height="" class="lazy"/> </a>
|
||
<a href="" target="_blank"> <img data-src="images/homepage/right-2.png" alt="" width="" height="" class="lazy"/> </a>
|
||
<a href="" target="_blank"> <img data-src="images/homepage/right-3.png" alt="" width="" height="" class="lazy"/> </a>
|
||
</div>
|
||
|
||
<div class="banner-under-slider hover-img">
|
||
<a href="" target="_blank"> <img data-src="images/homepage/under-slider.png" alt="" width="" height="" class="lazy"/> </a>
|
||
</div>
|
||
</div>
|
||
|
||
<!-- Collection -->
|
||
<div class="home-deal-container skeleton lazy" data-bg="url(images/home-deal-bg.png)">
|
||
<div class="group-title">
|
||
<h2 class="title">FLASH SALE TUẦN NÀY</h2>
|
||
|
||
<div class="group-title-right">
|
||
<b>Kết thúc sau</b>
|
||
|
||
<div class="global-countdown-holder" id="js-time-countdown"><!-- // --></div>
|
||
|
||
<a href="">Xem tất cả</a>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="product-holder js-product">
|
||
<div class="owl-carousel owl-theme custom-nav">
|
||
|
||
<div class="p-item">
|
||
<span class="p-discount">Giảm 50%</span>
|
||
|
||
<a href="" class="p-img">
|
||
<img src="images/product-1.jpg"/>
|
||
</a>
|
||
|
||
<div class="p-type-group">
|
||
<span class="p-new">Hàng mới</span>
|
||
<span class="p-bestsale">Bán chạy</span>
|
||
<span class="p-hot">HOT</span>
|
||
</div>
|
||
|
||
<a href="" class="p-name"><h3>Lorem ipsum, dolor sit amet consectetur adipisicing elit. Sint vero, et consequatur sit doloremque iusto fugit libero, aspernatur cumque mollitia molestiae optio earum suscipit nemo odit quo soluta labore. Distinctio.</h3></a>
|
||
|
||
<div class="p-price-holder">
|
||
<span class="p-price">10.200.000 <u>đ</u></span>
|
||
<del class="p-old-price">15.200.000 <u>đ</u></del>
|
||
</div>
|
||
|
||
<div class="p-offer-group">
|
||
<div class="p-offer-holder">HOT Thu cũ lên đời giá cao - Thủ tục nhanh - Trợ giá lên tớiHOT Thu cũ lên đời giá cao - Thủ tục nhanh - Trợ giá lên tới</div>
|
||
</div>
|
||
|
||
<i class="icon-star star-4"></i>
|
||
|
||
<a href="#global-popup-customer-like" data-fancybox class="p-btn-like">Yêu thích</a>
|
||
</div>
|
||
|
||
<div class="p-item"> <a href="" class="p-img"> <img src="images/product-2.jpg"/> </a> <div class="p-type-group"></div><a href="" class="p-name"><h3>Lorem ipsum, dolor sit amet consectetur adipisicing elit</h3></a> <div class="p-price-holder"> <span class="p-price">10.200.000 <u>đ</u></span> </div><div class="p-offer-group"> </div><i class="icon-star star-3"></i> <a href="#global-popup-customer-like" data-fancybox class="p-btn-like">Yêu thích</a></div><div class="p-item"> <span class="p-discount">Giảm 1%</span> <a href="" class="p-img"> <img src="images/product-3.jpg"/> </a> <div class="p-type-group"> <span class="p-hot">HOT</span> </div><a href="" class="p-name"><h3>Lorem ipsum, dolor sit amet consectetur adipisicing elit. Sint vero, et consequatur sit doloremque iusto fugit libero, aspernatur cumque mollitia molestiae optio earum suscipit nemo odit quo soluta labore. Distinctio.</h3></a> <div class="p-price-holder"> <span class="p-price">10.200.000 <u>đ</u></span> <del class="p-old-price">15.200.000 <u>đ</u></del> </div><div class="p-offer-group"> <div class="p-offer-holder">HOT Thu cũ lên đời giá cao - Thủ tục nhanh - Trợ giá lên tớiHOT Thu cũ lên đời giá cao - Thủ tục nhanh - Trợ giá lên tới</div></div><i class="icon-star star-2"></i> <a href="#global-popup-customer-like" data-fancybox class="p-btn-like">Yêu thích</a></div><div class="p-item"> <span class="p-discount">Giảm 50%</span> <a href="" class="p-img"> <img src="images/product-4.jpg"/> </a> <div class="p-type-group"> </div><a href="" class="p-name"><h3>Lorem ipsum, dolor sit amet consectetur adipisicing elit. Sint vero, et consequatur sit doloremque iusto fugit libero, aspernatur cumque mollitia molestiae optio earum suscipit nemo odit quo soluta labore. Distinctio.</h3></a> <div class="p-price-holder"> <span class="p-price">10.200.000 <u>đ</u></span> <del class="p-old-price">15.200.000 <u>đ</u></del> </div><div class="p-offer-group"> <div class="p-offer-holder">HOT Thu cũ lên đời giá cao - Thủ tục nhanh - Trợ giá lên tớiHOT Thu cũ lên đời giá cao - Thủ tục nhanh - Trợ giá lên tới</div></div><i class="icon-star star-1"></i> <a href="#global-popup-customer-like" data-fancybox class="p-btn-like">Yêu thích</a></div><div class="p-item"> <a href="" class="p-img"> <img src="images/product-5.jpg"/> </a> <div class="p-type-group"> <span class="p-new">Hàng mới</span> <span class="p-bestsale">Bán chạy</span> <span class="p-hot">HOT</span> </div><a href="" class="p-name"><h3>Lorem ipsum, dolor sit amet consectetur adipisicing elit. Sint vero, et consequatur sit doloremque iusto fugit libero, aspernatur cumque mollitia molestiae optio earum suscipit nemo odit quo soluta labore. Distinctio.</h3></a> <div class="p-price-holder"> <span class="p-price">10.200.000 <u>đ</u></span> </div><div class="p-offer-group"> <div class="p-offer-holder">HOT Thu cũ lên đời giá cao - Thủ tục nhanh - Trợ giá lên tớiHOT Thu cũ lên đời giá cao - Thủ tục nhanh - Trợ giá lên tới</div></div><i class="icon-star star-5"></i> <a href="#global-popup-customer-like" data-fancybox class="p-btn-like">Yêu thích</a></div><div class="p-item"> <span class="p-discount">Giảm 50%</span> <a href="" class="p-img"> <img src="images/product-6.jpg"/> </a> <div class="p-type-group"> <span class="p-new">Hàng mới</span> <span class="p-bestsale">Bán chạy</span> <span class="p-hot">HOT</span> </div><a href="" class="p-name"><h3>Lorem ipsum, dolor sit amet consectetur adipisicing elit. Sint vero, et consequatur sit doloremque iusto fugit libero, aspernatur cumque mollitia molestiae optio earum suscipit nemo odit quo soluta labore. Distinctio.</h3></a> <div class="p-price-holder"> <span class="p-price">10.200.000 <u>đ</u></span> <del class="p-old-price">15.200.000 <u>đ</u></del> </div><div class="p-offer-group"> <div class="p-offer-holder">HOT Thu cũ lên đời giá cao - Thủ tục nhanh - Trợ giá lên tớiHOT Thu cũ lên đời giá cao - Thủ tục nhanh - Trợ giá lên tới</div></div><i class="icon-star star-4"></i> <a href="#global-popup-customer-like" data-fancybox class="p-btn-like">Yêu thích</a></div><div class="p-item"> <a href="" class="p-img"> <img src="images/product-7.jpg"/> </a> <div class="p-type-group"> <span class="p-new">Hàng mới</span> <span class="p-bestsale">Bán chạy</span> <span class="p-hot">HOT</span> </div><a href="" class="p-name"><h3>Lorem ipsum, dolor sit amet consectetur adipisicing elit</h3></a> <div class="p-price-holder"> <span class="p-price">10.200.000 <u>đ</u></span> </div><div class="p-offer-group"> <div class="p-offer-holder">HOT Thu cũ lên đời giá cao - Thủ tục nhanh - Trợ giá lên tớiHOT Thu cũ lên đời giá cao - Thủ tục nhanh - Trợ giá lên tới</div></div><i class="icon-star star-4"></i> <a href="#global-popup-customer-like" data-fancybox class="p-btn-like">Yêu thích</a></div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<!-- Product Category-->
|
||
<div class="home-category-group">
|
||
<div class="group-title-holder">
|
||
<h2 class="cat-title">Tai nghe bluetooth</h2>
|
||
|
||
<div class="cat-child-list">
|
||
<a href="">Bang & Olufsen</a>
|
||
<a href="">Bang & Olufsen</a>
|
||
<a href="">Bang & Olufsen</a>
|
||
<a href="">Bang & Olufsen</a>
|
||
<a href="">Xem tất cả</a>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="product-holder js-product">
|
||
<div class="owl-carousel owl-theme custom-nav">
|
||
|
||
<div class="item">
|
||
<div class="p-item">
|
||
<span class="p-discount">Giảm 50%</span>
|
||
|
||
<a href="" class="p-img">
|
||
<img src="images/product-1.jpg"/>
|
||
</a>
|
||
|
||
<div class="p-type-group">
|
||
<span class="p-new">Hàng mới</span>
|
||
<span class="p-bestsale">Bán chạy</span>
|
||
<span class="p-hot">HOT</span>
|
||
</div>
|
||
|
||
<a href="" class="p-name"><h3>Lorem ipsum, dolor sit amet consectetur adipisicing elit. Sint vero, et consequatur sit doloremque iusto fugit libero, aspernatur cumque mollitia molestiae optio earum suscipit nemo odit quo soluta labore. Distinctio.</h3></a>
|
||
|
||
<div class="p-price-holder">
|
||
<span class="p-price">10.200.000 <u>đ</u></span>
|
||
<del class="p-old-price">15.200.000 <u>đ</u></del>
|
||
</div>
|
||
|
||
<div class="p-offer-group">
|
||
<div class="p-offer-holder">HOT Thu cũ lên đời giá cao - Thủ tục nhanh - Trợ giá lên tớiHOT Thu cũ lên đời giá cao - Thủ tục nhanh - Trợ giá lên tới</div>
|
||
</div>
|
||
|
||
<i class="icon-star star-4"></i>
|
||
|
||
<a href="#global-popup-customer-like" data-fancybox class="p-btn-like">Yêu thích</a>
|
||
</div>
|
||
|
||
<div class="p-item"> <a href="" class="p-img"> <img src="images/product-2.jpg"/> </a> <div class="p-type-group"></div><a href="" class="p-name"><h3>Lorem ipsum, dolor sit amet consectetur adipisicing elit</h3></a> <div class="p-price-holder"> <span class="p-price">10.200.000 <u>đ</u></span> </div><div class="p-offer-group"> </div><i class="icon-star star-3"></i> <a href="#global-popup-customer-like" data-fancybox class="p-btn-like">Yêu thích</a> </div>
|
||
</div>
|
||
|
||
<div class="item"> <div class="p-item"> <span class="p-discount">Giảm 1%</span> <a href="" class="p-img"> <img src="images/product-3.jpg"/> </a> <div class="p-type-group"> <span class="p-hot">HOT</span> </div><a href="" class="p-name"><h3>Lorem ipsum, dolor sit amet consectetur adipisicing elit. Sint vero, et consequatur sit doloremque iusto fugit libero, aspernatur cumque mollitia molestiae optio earum suscipit nemo odit quo soluta labore. Distinctio.</h3></a> <div class="p-price-holder"> <span class="p-price">10.200.000 <u>đ</u></span> <del class="p-old-price">15.200.000 <u>đ</u></del> </div><div class="p-offer-group"> <div class="p-offer-holder">HOT Thu cũ lên đời giá cao - Thủ tục nhanh - Trợ giá lên tớiHOT Thu cũ lên đời giá cao - Thủ tục nhanh - Trợ giá lên tới</div></div><i class="icon-star star-2"></i> <a href="#global-popup-customer-like" data-fancybox class="p-btn-like">Yêu thích</a> </div><div class="p-item"> <span class="p-discount">Giảm 50%</span> <a href="" class="p-img"> <img src="images/product-4.jpg"/> </a> <div class="p-type-group"> </div><a href="" class="p-name"><h3>Lorem ipsum, dolor sit amet consectetur adipisicing elit. Sint vero, et consequatur sit doloremque iusto fugit libero, aspernatur cumque mollitia molestiae optio earum suscipit nemo odit quo soluta labore. Distinctio.</h3></a> <div class="p-price-holder"> <span class="p-price">10.200.000 <u>đ</u></span> <del class="p-old-price">15.200.000 <u>đ</u></del> </div><div class="p-offer-group"> <div class="p-offer-holder">HOT Thu cũ lên đời giá cao - Thủ tục nhanh - Trợ giá lên tớiHOT Thu cũ lên đời giá cao - Thủ tục nhanh - Trợ giá lên tới</div></div><i class="icon-star star-1"></i> <a href="#global-popup-customer-like" data-fancybox class="p-btn-like">Yêu thích</a> </div></div><div class="item"> <div class="p-item"> <a href="" class="p-img"> <img src="images/product-5.jpg"/> </a> <div class="p-type-group"> <span class="p-new">Hàng mới</span> <span class="p-bestsale">Bán chạy</span> <span class="p-hot">HOT</span> </div><a href="" class="p-name"><h3>Lorem ipsum, dolor sit amet consectetur adipisicing elit. Sint vero, et consequatur sit doloremque iusto fugit libero, aspernatur cumque mollitia molestiae optio earum suscipit nemo odit quo soluta labore. Distinctio.</h3></a> <div class="p-price-holder"> <span class="p-price">10.200.000 <u>đ</u></span> </div><div class="p-offer-group"> <div class="p-offer-holder">HOT Thu cũ lên đời giá cao - Thủ tục nhanh - Trợ giá lên tớiHOT Thu cũ lên đời giá cao - Thủ tục nhanh - Trợ giá lên tới</div></div><i class="icon-star star-5"></i> <a href="#global-popup-customer-like" data-fancybox class="p-btn-like">Yêu thích</a> </div><div class="p-item"> <span class="p-discount">Giảm 50%</span> <a href="" class="p-img"> <img src="images/product-6.jpg"/> </a> <div class="p-type-group"> <span class="p-new">Hàng mới</span> <span class="p-bestsale">Bán chạy</span> <span class="p-hot">HOT</span> </div><a href="" class="p-name"><h3>Lorem ipsum, dolor sit amet consectetur adipisicing elit. Sint vero, et consequatur sit doloremque iusto fugit libero, aspernatur cumque mollitia molestiae optio earum suscipit nemo odit quo soluta labore. Distinctio.</h3></a> <div class="p-price-holder"> <span class="p-price">10.200.000 <u>đ</u></span> <del class="p-old-price">15.200.000 <u>đ</u></del> </div><div class="p-offer-group"> <div class="p-offer-holder">HOT Thu cũ lên đời giá cao - Thủ tục nhanh - Trợ giá lên tớiHOT Thu cũ lên đời giá cao - Thủ tục nhanh - Trợ giá lên tới</div></div><i class="icon-star star-4"></i> <a href="#global-popup-customer-like" data-fancybox class="p-btn-like">Yêu thích</a> </div></div><div class="item"> <div class="p-item"> <a href="" class="p-img"> <img src="images/product-7.jpg"/> </a> <div class="p-type-group"> <span class="p-new">Hàng mới</span> <span class="p-bestsale">Bán chạy</span> <span class="p-hot">HOT</span> </div><a href="" class="p-name"><h3>Lorem ipsum, dolor sit amet consectetur adipisicing elit</h3></a> <div class="p-price-holder"> <span class="p-price">10.200.000 <u>đ</u></span> </div><div class="p-offer-group"> <div class="p-offer-holder">HOT Thu cũ lên đời giá cao - Thủ tục nhanh - Trợ giá lên tớiHOT Thu cũ lên đời giá cao - Thủ tục nhanh - Trợ giá lên tới</div></div><i class="icon-star star-4"></i> <a href="#global-popup-customer-like" data-fancybox class="p-btn-like">Yêu thích</a> </div><div class="p-item"> <a href="" class="p-img"> <img src="images/product-5.jpg"/> </a> <div class="p-type-group"> <span class="p-new">Hàng mới</span> <span class="p-bestsale">Bán chạy</span> <span class="p-hot">HOT</span> </div><a href="" class="p-name"><h3>Lorem ipsum, dolor sit amet consectetur adipisicing elit. Sint vero, et consequatur sit doloremque iusto fugit libero, aspernatur cumque mollitia molestiae optio earum suscipit nemo odit quo soluta labore. Distinctio.</h3></a> <div class="p-price-holder"> <span class="p-price">10.200.000 <u>đ</u></span> </div><div class="p-offer-group"> <div class="p-offer-holder">HOT Thu cũ lên đời giá cao - Thủ tục nhanh - Trợ giá lên tớiHOT Thu cũ lên đời giá cao - Thủ tục nhanh - Trợ giá lên tới</div></div><i class="icon-star star-5"></i> <a href="#global-popup-customer-like" data-fancybox class="p-btn-like">Yêu thích</a> </div></div><div class="item"> <div class="p-item"> <span class="p-discount">Giảm 1%</span> <a href="" class="p-img"> <img src="images/product-3.jpg"/> </a> <div class="p-type-group"> <span class="p-hot">HOT</span> </div><a href="" class="p-name"><h3>Lorem ipsum, dolor sit amet consectetur adipisicing elit. Sint vero, et consequatur sit doloremque iusto fugit libero, aspernatur cumque mollitia molestiae optio earum suscipit nemo odit quo soluta labore. Distinctio.</h3></a> <div class="p-price-holder"> <span class="p-price">10.200.000 <u>đ</u></span> <del class="p-old-price">15.200.000 <u>đ</u></del> </div><div class="p-offer-group"> <div class="p-offer-holder">HOT Thu cũ lên đời giá cao - Thủ tục nhanh - Trợ giá lên tớiHOT Thu cũ lên đời giá cao - Thủ tục nhanh - Trợ giá lên tới</div></div><i class="icon-star star-2"></i> <a href="#global-popup-customer-like" data-fancybox class="p-btn-like">Yêu thích</a> </div><div class="p-item"> <span class="p-discount">Giảm 50%</span> <a href="" class="p-img"> <img src="images/product-4.jpg"/> </a> <div class="p-type-group"> </div><a href="" class="p-name"><h3>Lorem ipsum, dolor sit amet consectetur adipisicing elit. Sint vero, et consequatur sit doloremque iusto fugit libero, aspernatur cumque mollitia molestiae optio earum suscipit nemo odit quo soluta labore. Distinctio.</h3></a> <div class="p-price-holder"> <span class="p-price">10.200.000 <u>đ</u></span> <del class="p-old-price">15.200.000 <u>đ</u></del> </div><div class="p-offer-group"> <div class="p-offer-holder">HOT Thu cũ lên đời giá cao - Thủ tục nhanh - Trợ giá lên tớiHOT Thu cũ lên đời giá cao - Thủ tục nhanh - Trợ giá lên tới</div></div><i class="icon-star star-1"></i> <a href="#global-popup-customer-like" data-fancybox class="p-btn-like">Yêu thích</a> </div></div><div class="item"> <div class="p-item"> <a href="" class="p-img"> <img src="images/product-5.jpg"/> </a> <div class="p-type-group"> <span class="p-new">Hàng mới</span> <span class="p-bestsale">Bán chạy</span> <span class="p-hot">HOT</span> </div><a href="" class="p-name"><h3>Lorem ipsum, dolor sit amet consectetur adipisicing elit. Sint vero, et consequatur sit doloremque iusto fugit libero, aspernatur cumque mollitia molestiae optio earum suscipit nemo odit quo soluta labore. Distinctio.</h3></a> <div class="p-price-holder"> <span class="p-price">10.200.000 <u>đ</u></span> </div><div class="p-offer-group"> <div class="p-offer-holder">HOT Thu cũ lên đời giá cao - Thủ tục nhanh - Trợ giá lên tớiHOT Thu cũ lên đời giá cao - Thủ tục nhanh - Trợ giá lên tới</div></div><i class="icon-star star-5"></i> <a href="#global-popup-customer-like" data-fancybox class="p-btn-like">Yêu thích</a> </div><div class="p-item"> <span class="p-discount">Giảm 50%</span> <a href="" class="p-img"> <img src="images/product-6.jpg"/> </a> <div class="p-type-group"> <span class="p-new">Hàng mới</span> <span class="p-bestsale">Bán chạy</span> <span class="p-hot">HOT</span> </div><a href="" class="p-name"><h3>Lorem ipsum, dolor sit amet consectetur adipisicing elit. Sint vero, et consequatur sit doloremque iusto fugit libero, aspernatur cumque mollitia molestiae optio earum suscipit nemo odit quo soluta labore. Distinctio.</h3></a> <div class="p-price-holder"> <span class="p-price">10.200.000 <u>đ</u></span> <del class="p-old-price">15.200.000 <u>đ</u></del> </div><div class="p-offer-group"> <div class="p-offer-holder">HOT Thu cũ lên đời giá cao - Thủ tục nhanh - Trợ giá lên tớiHOT Thu cũ lên đời giá cao - Thủ tục nhanh - Trợ giá lên tới</div></div><i class="icon-star star-4"></i> <a href="#global-popup-customer-like" data-fancybox class="p-btn-like">Yêu thích</a> </div></div><div class="item"> <div class="p-item"> <a href="" class="p-img"> <img src="images/product-7.jpg"/> </a> <div class="p-type-group"> <span class="p-new">Hàng mới</span> <span class="p-bestsale">Bán chạy</span> <span class="p-hot">HOT</span> </div><a href="" class="p-name"><h3>Lorem ipsum, dolor sit amet consectetur adipisicing elit</h3></a> <div class="p-price-holder"> <span class="p-price">10.200.000 <u>đ</u></span> </div><div class="p-offer-group"> <div class="p-offer-holder">HOT Thu cũ lên đời giá cao - Thủ tục nhanh - Trợ giá lên tớiHOT Thu cũ lên đời giá cao - Thủ tục nhanh - Trợ giá lên tới</div></div><i class="icon-star star-4"></i> <a href="#global-popup-customer-like" data-fancybox class="p-btn-like">Yêu thích</a> </div></div>
|
||
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<!-- PHỤ KIỆN -->
|
||
<div class="home-category-group">
|
||
<div class="group-title-holder">
|
||
<h2 class="cat-title">Phụ kiện</h2>
|
||
|
||
<div class="cat-child-list">
|
||
<a href="">Xem tất cả</a>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="category-accessories-holder">
|
||
<a href="" class="item">
|
||
<h3 class="cat-title">Phụ kiện tai nghe</h3>
|
||
|
||
<span class="cat-thumb">
|
||
<img data-src="images/logo-short.png" alt="" width="1" height="1" class="lazy"/>
|
||
</span>
|
||
</a>
|
||
|
||
<a href="" class="item"> <h3 class="cat-title"> Chân - Kệ loa </h3> <span class="cat-thumb"> <img data-src="images/logo-short.png" alt="" width="1" height="1" class="lazy"/> </span></a><a href="" class="item"> <h3 class="cat-title"> Pin loa - sẠC LOA </h3> <span class="cat-thumb"> <img data-src="images/logo-short.png" alt="" width="1" height="1" class="lazy"/> </span></a><a href="" class="item"> <h3 class="cat-title"> Linh kiện loa </h3> <span class="cat-thumb"> <img data-src="images/logo-short.png" alt="" width="1" height="1" class="lazy"/> </span></a><a href="" class="item"> <h3 class="cat-title"> Pin loa - sẠC LOA </h3> <span class="cat-thumb"> <img data-src="images/logo-short.png" alt="" width="1" height="1" class="lazy"/> </span></a><a href="" class="item"> <h3 class="cat-title"> Chân - Kệ loa </h3> <span class="cat-thumb"> <img data-src="images/logo-short.png" alt="" width="1" height="1" class="lazy"/> </span></a><a href="" class="item"> <h3 class="cat-title"> Pin loa - sẠC LOA </h3> <span class="cat-thumb"> <img data-src="images/logo-short.png" alt="" width="1" height="1" class="lazy"/> </span></a><a href="" class="item"> <h3 class="cat-title"> Linh kiện loa </h3> <span class="cat-thumb"> <img data-src="images/logo-short.png" alt="" width="1" height="1" class="lazy"/> </span></a>
|
||
</div>
|
||
</div>
|
||
|
||
<!-- Brand -->
|
||
<div class="home-brand-group custom-nav owl-carousel owl-theme" id="js-home-brand">
|
||
<a href="" target="_blank" title="">
|
||
<img data-src="images/homepage/brand-1.png" alt="" width="" height="" class="owl-lazy"/>
|
||
</a>
|
||
|
||
<a href="" target="_blank"> <img data-src="images/homepage/brand-2.png" alt="" width="" height="" class="owl-lazy"/> </a> <a href="" target="_blank"> <img data-src="images/homepage/brand-3.png" alt="" width="" height="" class="owl-lazy"/> </a> <a href="" target="_blank"> <img data-src="images/homepage/brand-4.png" alt="" width="" height="" class="owl-lazy"/> </a> <a href="" target="_blank"> <img data-src="images/homepage/brand-5.png" alt="" width="" height="" class="owl-lazy"/> </a> <a href="" target="_blank"> <img data-src="images/homepage/brand-6.png" alt="" width="" height="" class="owl-lazy"/> </a> <a href="" target="_blank"> <img data-src="images/homepage/brand-7.png" alt="" width="" height="" class="owl-lazy"/> </a> <a href="" target="_blank"> <img data-src="images/homepage/brand-8.png" alt="" width="" height="" class="owl-lazy"/> </a> <a href="" target="_blank"> <img data-src="images/homepage/brand-9.png" alt="" width="" height="" class="owl-lazy"/> </a><a href="" target="_blank"> <img data-src="images/homepage/brand-5.png" alt="" width="" height="" class="owl-lazy"/> </a> <a href="" target="_blank"> <img data-src="images/homepage/brand-6.png" alt="" width="" height="" class="owl-lazy"/> </a> <a href="" target="_blank"> <img data-src="images/homepage/brand-7.png" alt="" width="" height="" class="owl-lazy"/> </a> <a href="" target="_blank"> <img data-src="images/homepage/brand-8.png" alt="" width="" height="" class="owl-lazy"/> </a> <a href="" target="_blank"> <img data-src="images/homepage/brand-9.png" alt="" width="" height="" class="owl-lazy"/> </a>
|
||
</div>
|
||
|
||
<!-- VIDEO - REVIEW -->
|
||
<div class="home-category-group">
|
||
<div class="group-title-holder">
|
||
<h2 class="cat-title">VIDEO - REVIEW</h2>
|
||
|
||
<div class="cat-child-list">
|
||
<a href="">Xem tất cả</a>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="home-video-holder">
|
||
<div class="big-video-holder">
|
||
<div class="home-art-item has-video">
|
||
<a href="https://www.youtube.com/watch?v=nKk73_SQB2A" data-fancybox="" class="item-image">
|
||
<img src="https://songlongmedia.com/media/news/580_tai_nghe_soundpeats_t2_songlongmedia_chinh_hang_17__copy___copy_.jpg" alt=""/>
|
||
</a>
|
||
|
||
<a href="" class="item-title"><span>Realme Buds Wireless 3 lộ thiết kế và cấu hình, ra mắt ngày 6/7</span></a>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="video-list">
|
||
<div class="home-art-item has-video">
|
||
<a href="https://www.youtube.com/watch?v=nKk73_SQB2A" data-fancybox="" class="item-image">
|
||
<img src="https://img.youtube.com/vi/nKk73_SQB2A/hqdefault.jpg" alt=""/>
|
||
</a>
|
||
|
||
<a href="" class="item-title"><span>Lorem ipsum, dolor sit amet consectetur adipisicing elit. Dignissimos asperiores, sapiente corrupti rerum minus maiores temporibus magni eius ipsa nemo iure quibusdam blanditiis fugiat! Dolores similique corporis consequuntur quas reiciendis?</span></a>
|
||
</div>
|
||
|
||
<div class="home-art-item"><a href="" class="item-image"><img src="https://songlongmedia.com/media/news/580_tai_nghe_soundpeats_t2_songlongmedia_chinh_hang_17__copy___copy_.jpg" alt=""/></a> <a href="" class="item-title"><span>Realme Buds Wireless 3 lộ thiết kế và cấu hình, ra mắt ngày 6/7</span></a></div><div class="home-art-item"><a href="" class="item-image"><img src="https://songlongmedia.com/media/news/580_tai_nghe_soundpeats_t2_songlongmedia_chinh_hang_17__copy___copy_.jpg" alt=""/></a> <a href="" class="item-title"><span>Realme Buds Wireless 3 lộ thiết kế và cấu hình, ra mắt ngày 6/7</span></a></div><div class="home-art-item"><a href="" class="item-image"><img src="https://songlongmedia.com/media/news/580_tai_nghe_soundpeats_t2_songlongmedia_chinh_hang_17__copy___copy_.jpg" alt=""/></a> <a href="" class="item-title"><span>Realme Buds Wireless 3 lộ thiết kế và cấu hình, ra mắt ngày 6/7</span></a></div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
|
||
<!-- TIN CÔNG NGHỆ -->
|
||
<div class="home-category-group">
|
||
<div class="group-title-holder">
|
||
<h2 class="cat-title">TIN CÔNG NGHỆ</h2>
|
||
|
||
<div class="cat-child-list">
|
||
<a href="/tin-tuc">Xem tất cả</a>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="home-article-holder">
|
||
<div class="home-art-item">
|
||
<a href="" class="item-image">
|
||
<img src="https://songlongmedia.com/media/news/695_tum.jpg" alt="" width="1" height="1"/>
|
||
</a>
|
||
|
||
<a href="" class="item-title"><span>Realme Buds Wireless 3 lộ thiết kế và cấu hình, ra mắt ngày 6/7</span> </a>
|
||
</div>
|
||
|
||
<div class="home-art-item">
|
||
<a href="" class="item-image">
|
||
<img src="https://songlongmedia.com/media/news/637_img_20220814_155627__copy_.jpg" alt="" width="1" height="1"/>
|
||
</a>
|
||
|
||
<a href="" class="item-title"><span>Realme Buds Wireless 3 lộ thiết kế và cấu hình, ra mắt ngày 6/7</span> </a>
|
||
</div>
|
||
|
||
<div class="home-art-item">
|
||
<a href="" class="item-image">
|
||
<img src="https://songlongmedia.com/media/news/636_297802454_445123704193091_2354621086379750208_n.jpg" alt="" width="1" height="1"/>
|
||
</a>
|
||
|
||
<a href="" class="item-title"><span>Realme Buds Wireless 3 lộ thiết kế và cấu hình, ra mắt ngày 6/7</span> </a>
|
||
</div>
|
||
|
||
<div class="home-art-item">
|
||
<a href="" class="item-image">
|
||
<img src="https://songlongmedia.com/media/news/638_img_20220815_163517_edit_386766372901399.jpg" alt="" width="1" height="1"/>
|
||
</a>
|
||
|
||
<a href="" class="item-title"><span>Realme Buds Wireless 3 lộ thiết kế và cấu hình, ra mắt ngày 6/7</span> </a>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
|
||
<!-- ĐÁNH GIÁ TỪ KHÁCH HÀNG -->
|
||
<div class="home-category-group">
|
||
<div class="group-title-holder">
|
||
<h2 class="cat-title">ĐÁNH GIÁ TỪ KHÁCH HÀNG</h2>
|
||
</div>
|
||
|
||
<div class="home-customer-review-holder owl-carousel owl-theme" id="js-home-customer-review">
|
||
<div class="item">
|
||
<div class="item-image">
|
||
<img data-src="https://songlongmedia.com/media/banner/27_Julfd4c8e59b8a7add298869bd9fef2417c.jpg" alt="Khách hàng đánh giá" width="1" height="1" class="owl-lazy"/>
|
||
</div>
|
||
|
||
<div class="item-text">
|
||
<i class="icon-star star-5"></i>
|
||
|
||
<div class="item-summary">
|
||
Dịch vụ và chất lượng sản phẩm tốt.
|
||
Đáng để quay lại trải nghiệm sản phẩm, sẽ giới thiệu cho bạn bè và người thân biết đến
|
||
Song Long Media
|
||
</div>
|
||
|
||
<b class="item-name">-Pham Minh Thu- </b>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="item">
|
||
<div class="item-image">
|
||
<img data-src="https://songlongmedia.com/media/banner/22_Marce5bbcf4df83d5fc37e418f6c9bb0ad7.png" alt="Khách hàng đánh giá" width="1" height="1" class="owl-lazy"/>
|
||
</div>
|
||
|
||
<div class="item-text">
|
||
<i class="icon-star star-5"></i>
|
||
|
||
<div class="item-summary">
|
||
Dịch vụ và chất lượng sản phẩm tốt.
|
||
Đáng để quay lại trải nghiệm sản phẩm, sẽ giới thiệu cho bạn bè và người thân biết đến
|
||
Song Long Media
|
||
</div>
|
||
|
||
<b class="item-name">-Nguyen Thi Thu Huyen- </b>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="item">
|
||
<div class="item-image">
|
||
<img data-src="https://songlongmedia.com/media/banner/27_Julfd4c8e59b8a7add298869bd9fef2417c.jpg" alt="Khách hàng đánh giá" width="1" height="1" class="owl-lazy"/>
|
||
</div>
|
||
|
||
<div class="item-text">
|
||
<i class="icon-star star-5"></i>
|
||
|
||
<div class="item-summary">
|
||
Dịch vụ và chất lượng sản phẩm tốt.
|
||
Đáng để quay lại trải nghiệm sản phẩm, sẽ giới thiệu cho bạn bè và người thân biết đến
|
||
Song Long Media
|
||
</div>
|
||
|
||
<b class="item-name">-Pham Minh Thu- </b>
|
||
</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">Trang chủ</span>
|
||
</a>
|
||
<meta itemprop="position" content="1">
|
||
</li>
|
||
|
||
|
||
<li itemprop="itemListElement" itemscope itemtype="http://schema.org/ListItem">
|
||
<a href="" itemprop="item" class="nopad-l">
|
||
<span itemprop="name"> Danh mục cấp 2 </span>
|
||
</a>
|
||
<meta itemprop="position" content="2" />
|
||
</li>
|
||
|
||
<li itemprop="itemListElement" itemscope itemtype="http://schema.org/ListItem">
|
||
<a href="" itemprop="item" class="nopad-l">
|
||
<span itemprop="name"> Danh mục cấp 3 </span>
|
||
</a>
|
||
<meta itemprop="position" content="3" />
|
||
</li>
|
||
</ol>
|
||
</div>
|
||
</div>
|
||
|
||
|
||
<!-- Product category -->
|
||
<div class="product-page container">
|
||
<div class="product-banner-group owl-carousel owl-theme custom-dots" id="js-category-slider">
|
||
<a href=""><img data-src="images/category/category-1.png" alt="" width="" height="" class="owl-lazy"/></a>
|
||
<a href=""><img data-src="images/category/category-2.png" alt="" width="" height="" class="owl-lazy"/></a>
|
||
<a href=""><img data-src="images/category/category-1.png" alt="" width="" height="" class="owl-lazy"/></a>
|
||
</div>
|
||
|
||
<!-- Thương hiệu -->
|
||
<div class="brand-filter-holder">
|
||
<a href="" class="active image">
|
||
<img src="images/homepage/brand-1.png" alt="" width="1" height="1"/>
|
||
</a>
|
||
<a href=""><span>TAKSTAR</span></a>
|
||
|
||
<a href="" class="active"> <span>SOUNDMAGICSOUNDMAGIC SOUNDMAGIC</span> </a><a href="" class="image"> <img src="images/homepage/brand-1.png" alt="" width="1" height="1"/> </a> <a href=""><span>TAKSTAR</span></a> <a href=""><span>SOUNDMAGIC</span></a><a href="" class="image"> <img src="images/homepage/brand-1.png" alt="" width="1" height="1"/> </a> <a href=""><span>TAKSTAR</span></a> <a href=""><span>SOUNDMAGIC</span></a><a href="" class="image"> <img src="images/homepage/brand-1.png" alt="" width="1" height="1"/> </a> <a href=""><span>TAKSTAR</span></a> <a href=""><span>SOUNDMAGIC</span></a><a href="" class="image"> <img src="images/homepage/brand-1.png" alt="" width="1" height="1"/> </a> <a href=""><span>TAKSTAR</span></a> <a href=""><span>SOUNDMAGIC</span></a><a href=""><span>TAKSTAR</span></a> <a href=""><span>SOUNDMAGIC</span></a><a href=""><span>TAKSTAR</span></a> <a href=""><span>SOUNDMAGIC</span></a><a href="" class="image"> <img src="images/homepage/brand-1.png" alt="" width="1" height="1"/> </a>
|
||
</div>
|
||
|
||
<!-- Danh mục con -->
|
||
<div class="product-child-list">
|
||
<p class="group-title">Chọn theo nhu cầu </p>
|
||
|
||
<a href="">
|
||
<span class="image">
|
||
<img data-src="images/logo-short.png" alt="" width="1" height="1" class="lazy" style="filter:invert(1)"/>
|
||
</span>
|
||
|
||
<h2 class="title">Danh mục con</h2>
|
||
</a>
|
||
|
||
<a href="">
|
||
<span class="image">
|
||
<img data-src="https://anphat.com.vn/media/category/cat_35ad0c89ac14530f653a8673d4692528.jpg" alt="" width="1" height="1" class="lazy"/>
|
||
</span>
|
||
|
||
<h2 class="title">Danh mục con</h2>
|
||
</a>
|
||
|
||
<a href=""> <span class="image"> <img data-src="images/logo-short.png" alt="" width="1" height="1" class="lazy" style="filter:invert(1)"/> </span> <h2 class="title">Danh mục con</h2> </a> <a href=""> <span class="image"> <img data-src="https://anphat.com.vn/media/category/cat_35ad0c89ac14530f653a8673d4692528.jpg" alt="" width="1" height="1" class="lazy"/> </span> <h2 class="title">Danh mục con</h2> </a><a href=""> <span class="image"> <img data-src="images/logo-short.png" alt="" width="1" height="1" class="lazy" style="filter:invert(1)"/> </span> <h2 class="title">Danh mục con</h2> </a> <a href=""> <span class="image"> <img data-src="https://anphat.com.vn/media/category/cat_35ad0c89ac14530f653a8673d4692528.jpg" alt="" width="1" height="1" class="lazy"/> </span> <h2 class="title">Danh mục con</h2> </a>
|
||
</div>
|
||
|
||
<!-- Top 10 sản phẩm nổi bật -->
|
||
<div class="product-hot-container lazy" data-bg="url(images/category-hot-product-bg.png)">
|
||
<p class="group-title">TOP 10 SẢN PHẨM NỔI BẬT</p>
|
||
|
||
<div class="product-holder js-product">
|
||
<div class="owl-carousel owl-theme custom-nav">
|
||
|
||
<div class="p-item">
|
||
<span class="p-discount">Giảm 50%</span>
|
||
|
||
<a href="" class="p-img">
|
||
<img src="images/product-1.jpg"/>
|
||
</a>
|
||
|
||
<div class="p-type-group">
|
||
<span class="p-new">Hàng mới</span>
|
||
<span class="p-bestsale">Bán chạy</span>
|
||
<span class="p-hot">HOT</span>
|
||
</div>
|
||
|
||
<a href="" class="p-name"><h3>Lorem ipsum, dolor sit amet consectetur adipisicing elit. Sint vero, et consequatur sit doloremque iusto fugit libero, aspernatur cumque mollitia molestiae optio earum suscipit nemo odit quo soluta labore. Distinctio.</h3></a>
|
||
|
||
<div class="p-price-holder">
|
||
<span class="p-price">10.200.000 <u>đ</u></span>
|
||
<del class="p-old-price">15.200.000 <u>đ</u></del>
|
||
</div>
|
||
|
||
<div class="p-offer-group">
|
||
<div class="p-offer-holder">HOT Thu cũ lên đời giá cao - Thủ tục nhanh - Trợ giá lên tớiHOT Thu cũ lên đời giá cao - Thủ tục nhanh - Trợ giá lên tới</div>
|
||
</div>
|
||
|
||
<i class="icon-star star-4"></i>
|
||
|
||
<a href="#global-popup-customer-like" data-fancybox class="p-btn-like">Yêu thích</a>
|
||
</div>
|
||
|
||
<div class="p-item"> <a href="" class="p-img"> <img src="images/product-2.jpg"/> </a> <div class="p-type-group"></div><a href="" class="p-name"><h3>Lorem ipsum, dolor sit amet consectetur adipisicing elit</h3></a> <div class="p-price-holder"> <span class="p-price">10.200.000 <u>đ</u></span> </div><div class="p-offer-group"> </div><i class="icon-star star-3"></i> <a href="#global-popup-customer-like" data-fancybox class="p-btn-like">Yêu thích</a></div><div class="p-item"> <span class="p-discount">Giảm 1%</span> <a href="" class="p-img"> <img src="images/product-3.jpg"/> </a> <div class="p-type-group"> <span class="p-hot">HOT</span> </div><a href="" class="p-name"><h3>Lorem ipsum, dolor sit amet consectetur adipisicing elit. Sint vero, et consequatur sit doloremque iusto fugit libero, aspernatur cumque mollitia molestiae optio earum suscipit nemo odit quo soluta labore. Distinctio.</h3></a> <div class="p-price-holder"> <span class="p-price">10.200.000 <u>đ</u></span> <del class="p-old-price">15.200.000 <u>đ</u></del> </div><div class="p-offer-group"> <div class="p-offer-holder">HOT Thu cũ lên đời giá cao - Thủ tục nhanh - Trợ giá lên tớiHOT Thu cũ lên đời giá cao - Thủ tục nhanh - Trợ giá lên tới</div></div><i class="icon-star star-2"></i> <a href="#global-popup-customer-like" data-fancybox class="p-btn-like">Yêu thích</a></div><div class="p-item"> <span class="p-discount">Giảm 50%</span> <a href="" class="p-img"> <img src="images/product-4.jpg"/> </a> <div class="p-type-group"> </div><a href="" class="p-name"><h3>Lorem ipsum, dolor sit amet consectetur adipisicing elit. Sint vero, et consequatur sit doloremque iusto fugit libero, aspernatur cumque mollitia molestiae optio earum suscipit nemo odit quo soluta labore. Distinctio.</h3></a> <div class="p-price-holder"> <span class="p-price">10.200.000 <u>đ</u></span> <del class="p-old-price">15.200.000 <u>đ</u></del> </div><div class="p-offer-group"> <div class="p-offer-holder">HOT Thu cũ lên đời giá cao - Thủ tục nhanh - Trợ giá lên tớiHOT Thu cũ lên đời giá cao - Thủ tục nhanh - Trợ giá lên tới</div></div><i class="icon-star star-1"></i> <a href="#global-popup-customer-like" data-fancybox class="p-btn-like">Yêu thích</a></div><div class="p-item"> <a href="" class="p-img"> <img src="images/product-5.jpg"/> </a> <div class="p-type-group"> <span class="p-new">Hàng mới</span> <span class="p-bestsale">Bán chạy</span> <span class="p-hot">HOT</span> </div><a href="" class="p-name"><h3>Lorem ipsum, dolor sit amet consectetur adipisicing elit. Sint vero, et consequatur sit doloremque iusto fugit libero, aspernatur cumque mollitia molestiae optio earum suscipit nemo odit quo soluta labore. Distinctio.</h3></a> <div class="p-price-holder"> <span class="p-price">10.200.000 <u>đ</u></span> </div><div class="p-offer-group"> <div class="p-offer-holder">HOT Thu cũ lên đời giá cao - Thủ tục nhanh - Trợ giá lên tớiHOT Thu cũ lên đời giá cao - Thủ tục nhanh - Trợ giá lên tới</div></div><i class="icon-star star-5"></i> <a href="#global-popup-customer-like" data-fancybox class="p-btn-like">Yêu thích</a></div><div class="p-item"> <span class="p-discount">Giảm 50%</span> <a href="" class="p-img"> <img src="images/product-6.jpg"/> </a> <div class="p-type-group"> <span class="p-new">Hàng mới</span> <span class="p-bestsale">Bán chạy</span> <span class="p-hot">HOT</span> </div><a href="" class="p-name"><h3>Lorem ipsum, dolor sit amet consectetur adipisicing elit. Sint vero, et consequatur sit doloremque iusto fugit libero, aspernatur cumque mollitia molestiae optio earum suscipit nemo odit quo soluta labore. Distinctio.</h3></a> <div class="p-price-holder"> <span class="p-price">10.200.000 <u>đ</u></span> <del class="p-old-price">15.200.000 <u>đ</u></del> </div><div class="p-offer-group"> <div class="p-offer-holder">HOT Thu cũ lên đời giá cao - Thủ tục nhanh - Trợ giá lên tớiHOT Thu cũ lên đời giá cao - Thủ tục nhanh - Trợ giá lên tới</div></div><i class="icon-star star-4"></i> <a href="#global-popup-customer-like" data-fancybox class="p-btn-like">Yêu thích</a></div><div class="p-item"> <a href="" class="p-img"> <img src="images/product-7.jpg"/> </a> <div class="p-type-group"> <span class="p-new">Hàng mới</span> <span class="p-bestsale">Bán chạy</span> <span class="p-hot">HOT</span> </div><a href="" class="p-name"><h3>Lorem ipsum, dolor sit amet consectetur adipisicing elit</h3></a> <div class="p-price-holder"> <span class="p-price">10.200.000 <u>đ</u></span> </div><div class="p-offer-group"> <div class="p-offer-holder">HOT Thu cũ lên đời giá cao - Thủ tục nhanh - Trợ giá lên tớiHOT Thu cũ lên đời giá cao - Thủ tục nhanh - Trợ giá lên tới</div></div><i class="icon-star star-4"></i> <a href="#global-popup-customer-like" data-fancybox class="p-btn-like">Yêu thích</a></div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<!-- Chọn theo tiêu chí -->
|
||
<div class="product-filter-group" id="js-filter-group">
|
||
<p class="group-title">Chọn theo tiêu chí</p>
|
||
|
||
<div class="filter-item">
|
||
<p class="box-title"><i class="icons icon-filter"></i> Bộ lọc</p>
|
||
|
||
<div class="filter-list-group filter-attr-group">
|
||
<div class="filter-list-holder">
|
||
|
||
<!-- Price Filter -->
|
||
<div class="item">
|
||
<p class="title">Khoảng giá</p>
|
||
|
||
<a href="" class="active">25 - 35 triệu</a>
|
||
<a href="" >8 - 12 triệu</a>
|
||
|
||
<a href="" >12 - 17 triệu</a> <a href="" >17 - 25 triệu</a> <a href="" >5 - 8 triệu</a> <a href="" >3 - 5 triệu</a> <a href="" >Dưới 3 triệu</a>
|
||
</div>
|
||
|
||
<!-- Atrribute Filter -->
|
||
<div class="item">
|
||
<p class="title">Dung lượng RAM</p>
|
||
|
||
<a href="" class="active">3GB</a>
|
||
<a href="">2GB</a>
|
||
|
||
<a href="">4GB</a> <a href="">6GB</a> <a href="">8GB</a>
|
||
</div>
|
||
|
||
<div class="item"> <p class="title">Dung lượng</p><a href="?filter=46" >16GB</a> <a href="?filter=24" >32GB</a> <a href="?filter=25" >64GB</a> <a href="?filter=26" >128GB</a> <a href="?filter=27" >256GB</a> <a href="?filter=28" >512GB</a> <a href="?filter=52" >1TB</a> <a href="?filter=59" >2TB</a> </div><div class="item"> <p class="title">Màu sắc</p><a href="?filter=13" >Vàng Hồng</a> <a href="?filter=54" >Hồng</a> <a href="?filter=51" >Xanh da trời</a> <a href="?filter=32" >Tím</a> <a href="?filter=31" >Xanh lá cây</a> <a href="?filter=7" >Trắng</a> <a href="?filter=20" >Xám</a> <a href="?filter=9" >Vàng</a> <a href="?filter=21" >Đen</a> <a href="?filter=58" >Bạc</a> <a href="?filter=219" >Xanh</a> </div><div class="item"> <p class="title">Khoảng giá</p><a href="?filter=77" >25 - 35 triệu</a> <a href="?filter=74" >8 - 12 triệu</a> <a href="?filter=75" >12 - 17 triệu</a> <a href="?filter=76" >17 - 25 triệu</a> <a href="?filter=73" >5 - 8 triệu</a> <a href="?filter=72" >3 - 5 triệu</a> <a href="?filter=71" >Dưới 3 triệu</a> </div><div class="item"> <p class="title">Kết nối</p><a href="?filter=135" >Wifi</a> <a href="?filter=136" >5G</a> <a href="?filter=225" >Kết nối phần mềm</a> <a href="?filter=137" >4G</a> <a href="?filter=138" >3G</a> <a href="?filter=139" >Bluetooth</a> </div><div class="item"> <p class="title">Kích thước màn hình</p><a href="?filter=128" >KT 9.7'</a> <a href="?filter=124" >KT 12.9'</a> <a href="?filter=145" >KT 10.9"</a> <a href="?filter=255" >KT 14.6"</a> <a href="?filter=125" >KT 11'</a> <a href="?filter=146" >KT 8.3"</a> <a href="?filter=126" >KT 10.5'</a> <a href="?filter=147" >KT 7.9"</a> <a href="?filter=127" >KT 10.2'</a> </div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<!-- Lọc còn hàng -->
|
||
<div class="filter-item">
|
||
<a href="" class="box-title active"> <i class="icons icon-truck"></i> Sẵn hàng</a>
|
||
</div>
|
||
|
||
|
||
<!-- Price Filter List -->
|
||
<div class="filter-item">
|
||
<p class="box-title"> <i class="icons icon-cash"></i> Giá</p>
|
||
|
||
<div class="filter-list-group">
|
||
<div class="filter-list-holder">
|
||
<a href="" class="active">25 - 35 triệu</a>
|
||
<a href="" >8 - 12 triệu</a>
|
||
|
||
<a href="" >12 - 17 triệu</a> <a href="" >17 - 25 triệu</a> <a href="" >5 - 8 triệu</a> <a href="" >3 - 5 triệu</a> <a href="" >Dưới 3 triệu</a>
|
||
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<!-- Attribute Filter List -->
|
||
<div class="filter-item">
|
||
<p class="box-title">Dung lượng <i class="icon-arrow"></i></p>
|
||
|
||
<div class="filter-list-group">
|
||
<div class="filter-list-holder">
|
||
|
||
<a href="?filter=46" class="active">16GB</a>
|
||
<a href="?filter=24">32GB</a>
|
||
|
||
<a href="?filter=25">64GB</a><a href="?filter=26">128GB</a><a href="?filter=27">256GB</a><a href="?filter=28">512GB</a><a href="?filter=52">1TB</a><a href="?filter=59">2TB</a>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="filter-item"> <p class="box-title">Màu sắc <i class="icon-arrow"></i></p><div class="filter-list-group"> <div class="filter-list-holder"> <a href="?filter=13" >Vàng Hồng</a> <a href="?filter=54" >Hồng</a> <a href="?filter=51" >Xanh da trời</a> <a href="?filter=32" >Tím</a> <a href="?filter=31" >Xanh lá cây</a> <a href="?filter=7" >Trắng</a> <a href="?filter=20" >Xám</a> <a href="?filter=9" >Vàng</a> <a href="?filter=21" >Đen</a> <a href="?filter=58" >Bạc</a> <a href="?filter=219" >Xanh</a> </div></div></div><div class="filter-item"> <p class="box-title">Kết nối <i class="icon-arrow"></i></p><div class="filter-list-group"> <div class="filter-list-holder"> <a href="?filter=135" >Wifi</a> <a href="?filter=136" >5G</a> <a href="?filter=225" >Kết nối phần mềm</a> <a href="?filter=137" >4G</a> <a href="?filter=138" >3G</a> <a href="?filter=139" >Bluetooth</a> </div></div></div><div class="filter-item"> <p class="box-title">Kích thước màn hình <i class="icon-arrow"></i></p><div class="filter-list-group"> <div class="filter-list-holder"> <a href="?filter=128" >KT 9.7'</a> <a href="?filter=124" >KT 12.9'</a> <a href="?filter=145" >KT 10.9"</a> <a href="?filter=255" >KT 14.6"</a> <a href="?filter=125" >KT 11'</a> <a href="?filter=146" >KT 8.3"</a> <a href="?filter=126" >KT 10.5'</a> <a href="?filter=147" >KT 7.9"</a> <a href="?filter=127" >KT 10.2'</a> </div></div></div>
|
||
</div>
|
||
|
||
<!-- Sắp xếp theo -->
|
||
<div class="product-filter-group">
|
||
<p class="group-title">Sắp xếp theo</p>
|
||
|
||
<div class="filter-item current">
|
||
<a href="" class="box-title"> <i class="icons icon-up"></i> Giá cao - thấp </a>
|
||
</div>
|
||
|
||
<div class="filter-item">
|
||
<a href="" class="box-title"> <i class="icons icon-down"></i> Giá thấp - cao </a>
|
||
</div>
|
||
|
||
<div class="filter-item">
|
||
<a href="" class="box-title"> <i class="icons icon-eye"></i> Xem nhiều </a>
|
||
</div>
|
||
|
||
<div class="filter-item">
|
||
<a href="" class="box-title"> Mới nhất </a>
|
||
</div>
|
||
|
||
<div class="filter-item">
|
||
<a href="" class="box-title"> Đánh giá </a>
|
||
</div>
|
||
|
||
<div class="filter-item">
|
||
<a href="" class="box-title"> Tên A -> Z </a>
|
||
</div>
|
||
</div>
|
||
|
||
<!-- product list -->
|
||
<div class="product-list-holder">
|
||
<div class="p-item">
|
||
<span class="p-discount">Giảm 50%</span>
|
||
|
||
<a href="" class="p-img">
|
||
<img src="images/product-1.jpg"/>
|
||
</a>
|
||
|
||
<div class="p-type-group">
|
||
<span class="p-new">Hàng mới</span>
|
||
<span class="p-bestsale">Bán chạy</span>
|
||
<span class="p-hot">HOT</span>
|
||
</div>
|
||
|
||
<a href="" class="p-name"><h3>Lorem ipsum, dolor sit amet consectetur adipisicing elit. Sint vero, et consequatur sit doloremque iusto fugit libero, aspernatur cumque mollitia molestiae optio earum suscipit nemo odit quo soluta labore. Distinctio.</h3></a>
|
||
|
||
<div class="p-price-holder">
|
||
<span class="p-price">10.200.000 <u>đ</u></span>
|
||
<del class="p-old-price">15.200.000 <u>đ</u></del>
|
||
</div>
|
||
|
||
<div class="p-offer-group">
|
||
<div class="p-offer-holder">HOT Thu cũ lên đời giá cao - Thủ tục nhanh - Trợ giá lên tớiHOT Thu cũ lên đời giá cao - Thủ tục nhanh - Trợ giá lên tới</div>
|
||
</div>
|
||
|
||
<i class="icon-star star-4"></i>
|
||
|
||
<a href="#global-popup-customer-like" data-fancybox class="p-btn-like">Yêu thích</a>
|
||
</div>
|
||
|
||
<div class="p-item"> <a href="" class="p-img"> <img src="images/product-2.jpg"/> </a> <div class="p-type-group"></div><a href="" class="p-name"><h3>Lorem ipsum, dolor sit amet consectetur adipisicing elit</h3></a> <div class="p-price-holder"> <span class="p-price">10.200.000 <u>đ</u></span> </div><div class="p-offer-group"> </div><i class="icon-star star-3"></i> <a href="#global-popup-customer-like" data-fancybox class="p-btn-like">Yêu thích</a></div><div class="p-item"> <span class="p-discount">Giảm 1%</span> <a href="" class="p-img"> <img src="images/product-3.jpg"/> </a> <div class="p-type-group"> <span class="p-hot">HOT</span> </div><a href="" class="p-name"><h3>Lorem ipsum, dolor sit amet consectetur adipisicing elit. Sint vero, et consequatur sit doloremque iusto fugit libero, aspernatur cumque mollitia molestiae optio earum suscipit nemo odit quo soluta labore. Distinctio.</h3></a> <div class="p-price-holder"> <span class="p-price">10.200.000 <u>đ</u></span> <del class="p-old-price">15.200.000 <u>đ</u></del> </div><div class="p-offer-group"> <div class="p-offer-holder">HOT Thu cũ lên đời giá cao - Thủ tục nhanh - Trợ giá lên tớiHOT Thu cũ lên đời giá cao - Thủ tục nhanh - Trợ giá lên tới</div></div><i class="icon-star star-2"></i> <a href="#global-popup-customer-like" data-fancybox class="p-btn-like">Yêu thích</a></div><div class="p-item"> <span class="p-discount">Giảm 50%</span> <a href="" class="p-img"> <img src="images/product-4.jpg"/> </a> <div class="p-type-group"> </div><a href="" class="p-name"><h3>Lorem ipsum, dolor sit amet consectetur adipisicing elit. Sint vero, et consequatur sit doloremque iusto fugit libero, aspernatur cumque mollitia molestiae optio earum suscipit nemo odit quo soluta labore. Distinctio.</h3></a> <div class="p-price-holder"> <span class="p-price">10.200.000 <u>đ</u></span> <del class="p-old-price">15.200.000 <u>đ</u></del> </div><div class="p-offer-group"> <div class="p-offer-holder">HOT Thu cũ lên đời giá cao - Thủ tục nhanh - Trợ giá lên tớiHOT Thu cũ lên đời giá cao - Thủ tục nhanh - Trợ giá lên tới</div></div><i class="icon-star star-1"></i> <a href="#global-popup-customer-like" data-fancybox class="p-btn-like">Yêu thích</a></div><div class="p-item"> <a href="" class="p-img"> <img src="images/product-5.jpg"/> </a> <div class="p-type-group"> <span class="p-new">Hàng mới</span> <span class="p-bestsale">Bán chạy</span> <span class="p-hot">HOT</span> </div><a href="" class="p-name"><h3>Lorem ipsum, dolor sit amet consectetur adipisicing elit. Sint vero, et consequatur sit doloremque iusto fugit libero, aspernatur cumque mollitia molestiae optio earum suscipit nemo odit quo soluta labore. Distinctio.</h3></a> <div class="p-price-holder"> <span class="p-price">10.200.000 <u>đ</u></span> </div><div class="p-offer-group"> <div class="p-offer-holder">HOT Thu cũ lên đời giá cao - Thủ tục nhanh - Trợ giá lên tớiHOT Thu cũ lên đời giá cao - Thủ tục nhanh - Trợ giá lên tới</div></div><i class="icon-star star-5"></i> <a href="#global-popup-customer-like" data-fancybox class="p-btn-like">Yêu thích</a></div><div class="p-item"> <span class="p-discount">Giảm 50%</span> <a href="" class="p-img"> <img src="images/product-6.jpg"/> </a> <div class="p-type-group"> <span class="p-new">Hàng mới</span> <span class="p-bestsale">Bán chạy</span> <span class="p-hot">HOT</span> </div><a href="" class="p-name"><h3>Lorem ipsum, dolor sit amet consectetur adipisicing elit. Sint vero, et consequatur sit doloremque iusto fugit libero, aspernatur cumque mollitia molestiae optio earum suscipit nemo odit quo soluta labore. Distinctio.</h3></a> <div class="p-price-holder"> <span class="p-price">10.200.000 <u>đ</u></span> <del class="p-old-price">15.200.000 <u>đ</u></del> </div><div class="p-offer-group"> <div class="p-offer-holder">HOT Thu cũ lên đời giá cao - Thủ tục nhanh - Trợ giá lên tớiHOT Thu cũ lên đời giá cao - Thủ tục nhanh - Trợ giá lên tới</div></div><i class="icon-star star-4"></i> <a href="#global-popup-customer-like" data-fancybox class="p-btn-like">Yêu thích</a></div><div class="p-item"> <a href="" class="p-img"> <img src="images/product-7.jpg"/> </a> <div class="p-type-group"> <span class="p-new">Hàng mới</span> <span class="p-bestsale">Bán chạy</span> <span class="p-hot">HOT</span> </div><a href="" class="p-name"><h3>Lorem ipsum, dolor sit amet consectetur adipisicing elit</h3></a> <div class="p-price-holder"> <span class="p-price">10.200.000 <u>đ</u></span> </div><div class="p-offer-group"> <div class="p-offer-holder">HOT Thu cũ lên đời giá cao - Thủ tục nhanh - Trợ giá lên tớiHOT Thu cũ lên đời giá cao - Thủ tục nhanh - Trợ giá lên tới</div></div><i class="icon-star star-4"></i> <a href="#global-popup-customer-like" data-fancybox class="p-btn-like">Yêu thích</a></div>
|
||
</div>
|
||
|
||
<!-- paging -->
|
||
<div class="paging" >
|
||
<a href=""><span class="icon-prev"></span></a>
|
||
<a href="" class="current">1</a>
|
||
<a href="">2</a><a href="">3</a><a href="">4</a>
|
||
<a href=""><span class="icon-next"></span></a>
|
||
</div>
|
||
|
||
<div class="d-flex flex-wrap justify-content-between">
|
||
<div class="global-box-container group-left static-html-group js-static-container">
|
||
<div class="js-static-content static-html-content">
|
||
<div class="static-tag-list">
|
||
<a href="">Tai nghe Sony</a>
|
||
<a href="">Tai nghe Gaming</a><a href="">Tai nghe Bluetooth</a><a href="">Tai nghe Sony</a><a href="">Phụ kiện</a><a href="">Tai nghe Bluetooth</a>
|
||
</div>
|
||
|
||
<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 nội dung</a>
|
||
<a href="javascript:void(0)" class="js-showless-button">Thu gọn nội dung</a>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="global-box-container group-right">
|
||
<p class="group-title">Tin tức về sản phẩm</p>
|
||
|
||
<div class="product-article-related">
|
||
<div class="item">
|
||
<a href="" class="image">
|
||
<img src="https://songlongmedia.com/media/news/695_tum.jpg" alt="" width="1" height="1"/>
|
||
</a>
|
||
|
||
<a href="" class="title"> Realme Buds Wireless 3 lộ thiết kế và cấu hình, ra mắt ngày 6/7 </a>
|
||
</div>
|
||
|
||
<div class="item"> <a href="" class="image"> <img src="https://songlongmedia.com/media/news/695_tum.jpg" alt="" width="1" height="1"/> </a> <a href="" class="title"> Realme Buds Wireless 3 lộ thiết kế và cấu hình, ra mắt ngày 6/7 </a> </div><div class="item"> <a href="" class="image"> <img src="https://songlongmedia.com/media/news/695_tum.jpg" alt="" width="1" height="1"/> </a> <a href="" class="title"> Realme Buds Wireless 3 lộ thiết kế và cấu hình, ra mắt ngày 6/7 </a> </div><div class="item"> <a href="" class="image"> <img src="https://songlongmedia.com/media/news/695_tum.jpg" alt="" width="1" height="1"/> </a> <a href="" class="title"> Realme Buds Wireless 3 lộ thiết kế và cấu hình, ra mắt ngày 6/7 </a> </div><div class="item"> <a href="" class="image"> <img src="https://songlongmedia.com/media/news/695_tum.jpg" alt="" width="1" height="1"/> </a> <a href="" class="title"> Realme Buds Wireless 3 lộ thiết kế và cấu hình, ra mắt ngày 6/7 </a> </div><div class="item"> <a href="" class="image"> <img src="https://songlongmedia.com/media/news/695_tum.jpg" alt="" width="1" height="1"/> </a> <a href="" class="title"> Realme Buds Wireless 3 lộ thiết kế và cấu hình, ra mắt ngày 6/7 </a> </div>
|
||
</div>
|
||
|
||
<div class="static-btn-group">
|
||
<a href="/tin-tuc" class="d-block">Xem tất cả bài viết</a>
|
||
</div>
|
||
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
|
||
<!-- product-detail -->
|
||
<div class="product-detail-page container">
|
||
<div class="pd-info-container">
|
||
<div class="col-left">
|
||
<div class="pd-image-large">
|
||
<div class="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.jpg"/>
|
||
</a>
|
||
|
||
<a href="javascript:void(0)" class="item" data-id="js-fancybox-2">
|
||
<img src="images/product-2.jpg"/>
|
||
</a>
|
||
|
||
<a href="javascript:void(0)" class="item" data-id="js-fancybox-3"><img src="images/product-3.jpg"/> </a><a href="javascript:void(0)" class="item" data-id="js-fancybox-4"><img src="images/product-4.jpg"/> </a><a href="javascript:void(0)" class="item" data-id="js-fancybox-5"><img src="images/product-5.jpg"/> </a><a href="javascript:void(0)" class="item" data-id="js-fancybox-6"><img src="images/product-6.jpg"/> </a>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="pd-image-gallery">
|
||
<a href="javascript:void(0);" onclick="$('#js-fancybox-video-1').click()"class="pd-btn-video">
|
||
<i class="icons icon-video"></i>
|
||
<span>Video</span>
|
||
</a>
|
||
|
||
<div class="pd-gallery-holder 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.jpg" class="item">
|
||
<img src="images/product-1.jpg"/>
|
||
</a>
|
||
|
||
<a href="javascript:void(0)" data-id="js-fancybox-2" data-href="images/product-2.jpg" class="item"><img src="images/product-2.jpg"/></a>
|
||
<a href="javascript:void(0)" data-id="js-fancybox-3" data-href="images/product-3.jpg" class="item"><img src="images/product-3.jpg"/></a>
|
||
<a href="javascript:void(0)" data-id="js-fancybox-4" data-href="images/product-4.jpg" class="item"><img src="images/product-4.jpg"/></a>
|
||
<a href="javascript:void(0)" data-id="js-fancybox-5" data-href="images/product-5.jpg" class="item"><img src="images/product-5.jpg"/></a>
|
||
<a href="javascript:void(0)" data-id="js-fancybox-6" data-href="images/product-6.jpg" class="item"><img src="images/product-6.jpg"/></a>
|
||
</div>
|
||
</div>
|
||
|
||
<div style="display: none;">
|
||
<a href="images/product-1.jpg" data-fancybox="gallery" data-thumb="images/product-1.jpg" id="js-fancybox-1"></a>
|
||
|
||
<a href="images/product-2.jpg" data-fancybox="gallery" data-thumb="images/product-2.jpg" id="js-fancybox-2"></a>
|
||
<a href="images/product-3.jpg" data-fancybox="gallery" data-thumb="images/product-3.jpg" id="js-fancybox-3"></a>
|
||
<a href="images/product-4.jpg" data-fancybox="gallery" data-thumb="images/product-4.jpg" id="js-fancybox-4"></a>
|
||
<a href="images/product-5.jpg" data-fancybox="gallery" data-thumb="images/product-5.jpg" id="js-fancybox-5"></a>
|
||
<a href="images/product-6.jpg" data-fancybox="gallery" data-thumb="images/product-6.jpg" id="js-fancybox-6"></a>
|
||
</div>
|
||
|
||
<div class="pd-summary-group">
|
||
<p class="group-title">Thông tin sản phẩm</p>
|
||
|
||
<div class="pd-summary-list" id="js-pd-summary">
|
||
<div class="item"><p><span style="font-size: 12pt;">Loa di động <strong>JBL Clip 4</strong></span></p></div>
|
||
|
||
<div class="item"><p><span style="font-size: 12pt;">✔ Là sản phẩm tiếp theo được làm từ vật liệu tái chế tới từ thương hiệu <strong>JBL.</strong></span></p></div><div class="item"><p><span style="font-size: 12pt;">✔ Ngôn ngữ thiết kế không thay đổi, vẫn mang trên mình một chiếc <strong>móc đa năng</strong> để móc và treo loa tiện lợi.</span></p></div><div class="item"><p><span style="font-size: 12pt;">✔ <strong>90% vật liệu nhựa tái chế</strong> được sử dụng trên sản phẩm, phần Ê căng của loa được làm từ <strong>100% vải tái chế.</strong></span></p></div><div class="item"><p><span style="font-size: 12pt;">✔ Có 3 màu sắc mới mẻ và trẻ trung để khách hàng lựa chọn: <strong>XANH DƯƠNG – XANH LỤC – TRẮNG.</strong></span></p></div><div class="item"><p><span style="font-size: 12pt;">✔ Củ loa kích thước <strong>40mm</strong> cùng công nghệ <strong>JBL Original Pro Sound</strong> mang tới chất âm dày dặn, đặc biệt là âm bass mạnh mẽ.</span></p></div><div class="item"><p><span style="font-size: 12pt;">✔ Công suất <strong>5W</strong> vừa phải giúp người dùng thoải mái tận hưởng âm nhạc.</span></p></div><div class="item"><p><span style="font-size: 12pt;">✔ <strong>Bluetooth 5.1</strong> hiện đại giúp cho kết nối ổn định và nhanh chóng.</span></p></div><div class="item"><p><span style="font-size: 12pt;">✔ Thời lượng pin ấn tượng với <strong>10 tiếng</strong> sử dụng liên tục ở mức âm lượng vừa phải.</span></p></div><div class="item"><p><span style="font-size: 12pt;">✔ Vẫn đảm bảo chuẩn kháng nước <strong>IP67</strong> mạnh mẽ.</span></p></div><div class="item"><p><span style="font-size: 12pt;">✔ Thông số kỹ thuật:</span></p></div><div class="item"><p><span style="font-size: 12pt;">✔ Củ loa: <strong>1.5Inch/40mm</strong></span></p></div><div class="item"><p><span style="font-size: 12pt;">✔ Công suất: <strong>5W</strong></span></p></div><div class="item"><p><span style="font-size: 12pt;">✔ Tần số đáp ứng: <strong>100Hz – 20.000Hz</strong></span></p></div><div class="item"><p><span style="font-size: 12pt;">✔ Kết nối: <strong>Bluetooth 5.1</strong></span></p></div><div class="item"><p><span style="font-size: 12pt;">✔ Thời lượng pin: <strong>10 giờ (tuỳ theo mức âm lượng)</strong></span></p></div><div class="item"><p><span style="font-size: 12pt;">✔ Kích thước: <strong>86.3 x 134.5 x 46mm</strong></span></p></div><div class="item"><p><span style="font-size: 12pt;">✔ Trọng lượng: <strong>239g</strong></span></p></div>
|
||
</div>
|
||
|
||
<div class="pd-summary-btn">
|
||
<a href="javascript:void(0)" class="js-showmore-summary">Xem thêm </a>
|
||
<a href="javascript:void(0)" class="js-showless-summary">Thu gọn </a>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="col-right">
|
||
<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>
|
||
|
||
<div class="pd-status-group">
|
||
<p>Thương hiệu: <a href="" target="_blank" class="color-main">HP</a></p>
|
||
<p>SKU: <span class="color-main">220401568</span></p>
|
||
<p>Tình trạng: <span class="red">Hết hàng</span> <span class="color-main">Còn hàng</span></p>
|
||
</div>
|
||
|
||
<div class="pd-price-group">
|
||
<span class="pd-price">14.190.000 đ</span>
|
||
<del class="pd-old-price">15.890.000 đ</del>
|
||
<span class="pd-discount">-20%</span>
|
||
</div>
|
||
|
||
<div class="pd-offer-group">
|
||
<p class="group-title">Khuyến mãi</p>
|
||
|
||
<div class="pd-offer-list">
|
||
<div class="item">Chính sách đổi trả 1 đổi 1 trong vòng 7 ngày.Chính sách đổi trả 1 đổi 1 trong vòng 7 ngày.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>
|
||
|
||
<!-- Cấu hình -->
|
||
<div class="pd-variant-container">
|
||
<p class="group-title">Lựa chọn màu sắc</p>
|
||
|
||
<div class="pd-variant-list">
|
||
<a href="javascript:void(0)" class="item current">
|
||
<span class="image">
|
||
<img src="images/product-1.jpg"/>
|
||
</span>
|
||
|
||
<span class="text">
|
||
<span class="title">Tím</span>
|
||
<b class="price">5.000.000đ</b>
|
||
</span>
|
||
</a>
|
||
|
||
<a href="javascript:void(0)" class="item">
|
||
<span class="image">
|
||
<img src="images/product-2.jpg"/>
|
||
</span>
|
||
|
||
<span class="text">
|
||
<span class="title">Đen</span>
|
||
<b class="price">5.000.000đ</b>
|
||
</span>
|
||
</a>
|
||
|
||
<a href="javascript:void(0)" class="item">
|
||
<span class="image">
|
||
<img src=""/>
|
||
</span>
|
||
|
||
<span class="text">
|
||
<span class="title">Xanh</span>
|
||
<b class="price">5.000.000đ</b>
|
||
</span>
|
||
</a>
|
||
</div>
|
||
</div>
|
||
|
||
<!-- Nhóm cấu hình -->
|
||
<div class="pd-variant-container">
|
||
<p class="group-title">Lựa chọn phiên bản</p>
|
||
|
||
<div class="pd-variant-group-list">
|
||
<a href="" class="item current" title="">
|
||
<span class="image">
|
||
<img src="images/product-1.jpg"/>
|
||
</span>
|
||
|
||
<span class="title">Lorem ipsum, dolor sit amet consectetur adipisicing elit. Placeat ratione error iusto repellendus</span>
|
||
|
||
<b class="price">5.000.000 <u>đ</u></b>
|
||
</a>
|
||
|
||
<a href="" class="item" title="">
|
||
<span class="image">
|
||
<img src="images/product-2.jpg"/>
|
||
</span>
|
||
|
||
<span class="title">Lorem ipsum, dolor</span>
|
||
|
||
<b class="price">5.000.000 <u>đ</u></b>
|
||
</a>
|
||
|
||
<a href="" class="item" title="">
|
||
<span class="image">
|
||
<img src="images/product-3.jpg"/>
|
||
</span>
|
||
|
||
<span class="title">Lorem ipsum</span>
|
||
|
||
<b class="price">5.000.000 <u>đ</u></b>
|
||
</a>
|
||
|
||
<a href="" class="item" title="">
|
||
<span class="image">
|
||
<img src="images/product-4.jpg"/>
|
||
</span>
|
||
|
||
<span class="title">Lorem ipsum, dolor sit amet consectetur</span>
|
||
|
||
<b class="price">5.000.000 <u>đ</u></b>
|
||
</a>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="pd-btn-group">
|
||
<a href="javascript:void(0)">
|
||
<b>MUA NGAY</b>
|
||
<span>Giao nhanh trong 2 giờ hoặc nhận tại cửa hàng</span>
|
||
</a>
|
||
|
||
<a href="javascript:void(0)">
|
||
<b>THÊM VÀO GIỎ HÀNG</b>
|
||
<span>Tiếp tục mua sắm</span>
|
||
</a>
|
||
|
||
<a href="javascript:void(0)">
|
||
<b>MUA NGAY - TRẢ SAU</b>
|
||
<span>Trả góp 0% - Phê duyệt trong 20s</span>
|
||
</a>
|
||
|
||
<a href="javascript:void(0)">
|
||
<b>trả góp qua alepay</b>
|
||
<span>Visa, Master, JCB</span>
|
||
</a>
|
||
</div>
|
||
|
||
<div class="pd-policy-group">
|
||
<div class="item">Tặng 10.000 files nhạc audiophile, lossless, flac, wav</div>
|
||
<div class="item">Miễn phí lắp đặt, vận chuyển , dịch vụ ship nhanh trong vòng 3h tại nội thành HN - HCM</div>
|
||
<div class="item">Cam kết hàng chính hãng, nguyên hộp, mới 100%</div>
|
||
<div class="item">Dịch vụ hỗ trợ tư vấn, sửa chữa, cung cấp linh kiện,</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<!-- Phụ kiện / Sản phẩm liên quan -->
|
||
<div class="global-box-container pd-product-tab-container">
|
||
<div class="tab-title-group" id="js-tab-list">
|
||
<a href="javascript:void(0)" data-tab="js-accessory-holder">Phụ kiện mua cùng</a>
|
||
<a href="javascript:void(0)" data-tab="js-sameCat-holder">Sản phẩm tương tự</a>
|
||
</div>
|
||
|
||
<div class="box-product-holder" id="js-accessory-holder">
|
||
<p>Phụ kiện</p>
|
||
</div>
|
||
|
||
<div class="box-product-holder product-holder js-product" id="js-sameCat-holder">
|
||
<div class="owl-carousel owl-theme custom-nav">
|
||
|
||
<div class="p-item">
|
||
<span class="p-discount">Giảm 50%</span>
|
||
|
||
<a href="" class="p-img">
|
||
<img src="images/product-1.jpg"/>
|
||
</a>
|
||
|
||
<div class="p-type-group">
|
||
<span class="p-new">Hàng mới</span>
|
||
<span class="p-bestsale">Bán chạy</span>
|
||
<span class="p-hot">HOT</span>
|
||
</div>
|
||
|
||
<a href="" class="p-name"><h3>Lorem ipsum, dolor sit amet consectetur adipisicing elit. Sint vero, et consequatur sit doloremque iusto fugit libero, aspernatur cumque mollitia molestiae optio earum suscipit nemo odit quo soluta labore. Distinctio.</h3></a>
|
||
|
||
<div class="p-price-holder">
|
||
<span class="p-price">10.200.000 <u>đ</u></span>
|
||
<del class="p-old-price">15.200.000 <u>đ</u></del>
|
||
</div>
|
||
|
||
<div class="p-offer-group">
|
||
<div class="p-offer-holder">HOT Thu cũ lên đời giá cao - Thủ tục nhanh - Trợ giá lên tớiHOT Thu cũ lên đời giá cao - Thủ tục nhanh - Trợ giá lên tới</div>
|
||
</div>
|
||
|
||
<i class="icon-star star-4"></i>
|
||
|
||
<a href="#global-popup-customer-like" data-fancybox class="p-btn-like">Yêu thích</a>
|
||
</div>
|
||
|
||
<div class="p-item"> <a href="" class="p-img"> <img src="images/product-2.jpg"/> </a> <div class="p-type-group"></div><a href="" class="p-name"><h3>Lorem ipsum, dolor sit amet consectetur adipisicing elit</h3></a> <div class="p-price-holder"> <span class="p-price">10.200.000 <u>đ</u></span> </div><div class="p-offer-group"> </div><i class="icon-star star-3"></i> <a href="#global-popup-customer-like" data-fancybox class="p-btn-like">Yêu thích</a></div><div class="p-item"> <span class="p-discount">Giảm 1%</span> <a href="" class="p-img"> <img src="images/product-3.jpg"/> </a> <div class="p-type-group"> <span class="p-hot">HOT</span> </div><a href="" class="p-name"><h3>Lorem ipsum, dolor sit amet consectetur adipisicing elit. Sint vero, et consequatur sit doloremque iusto fugit libero, aspernatur cumque mollitia molestiae optio earum suscipit nemo odit quo soluta labore. Distinctio.</h3></a> <div class="p-price-holder"> <span class="p-price">10.200.000 <u>đ</u></span> <del class="p-old-price">15.200.000 <u>đ</u></del> </div><div class="p-offer-group"> <div class="p-offer-holder">HOT Thu cũ lên đời giá cao - Thủ tục nhanh - Trợ giá lên tớiHOT Thu cũ lên đời giá cao - Thủ tục nhanh - Trợ giá lên tới</div></div><i class="icon-star star-2"></i> <a href="#global-popup-customer-like" data-fancybox class="p-btn-like">Yêu thích</a></div><div class="p-item"> <span class="p-discount">Giảm 50%</span> <a href="" class="p-img"> <img src="images/product-4.jpg"/> </a> <div class="p-type-group"> </div><a href="" class="p-name"><h3>Lorem ipsum, dolor sit amet consectetur adipisicing elit. Sint vero, et consequatur sit doloremque iusto fugit libero, aspernatur cumque mollitia molestiae optio earum suscipit nemo odit quo soluta labore. Distinctio.</h3></a> <div class="p-price-holder"> <span class="p-price">10.200.000 <u>đ</u></span> <del class="p-old-price">15.200.000 <u>đ</u></del> </div><div class="p-offer-group"> <div class="p-offer-holder">HOT Thu cũ lên đời giá cao - Thủ tục nhanh - Trợ giá lên tớiHOT Thu cũ lên đời giá cao - Thủ tục nhanh - Trợ giá lên tới</div></div><i class="icon-star star-1"></i> <a href="#global-popup-customer-like" data-fancybox class="p-btn-like">Yêu thích</a></div><div class="p-item"> <a href="" class="p-img"> <img src="images/product-5.jpg"/> </a> <div class="p-type-group"> <span class="p-new">Hàng mới</span> <span class="p-bestsale">Bán chạy</span> <span class="p-hot">HOT</span> </div><a href="" class="p-name"><h3>Lorem ipsum, dolor sit amet consectetur adipisicing elit. Sint vero, et consequatur sit doloremque iusto fugit libero, aspernatur cumque mollitia molestiae optio earum suscipit nemo odit quo soluta labore. Distinctio.</h3></a> <div class="p-price-holder"> <span class="p-price">10.200.000 <u>đ</u></span> </div><div class="p-offer-group"> <div class="p-offer-holder">HOT Thu cũ lên đời giá cao - Thủ tục nhanh - Trợ giá lên tớiHOT Thu cũ lên đời giá cao - Thủ tục nhanh - Trợ giá lên tới</div></div><i class="icon-star star-5"></i> <a href="#global-popup-customer-like" data-fancybox class="p-btn-like">Yêu thích</a></div><div class="p-item"> <span class="p-discount">Giảm 50%</span> <a href="" class="p-img"> <img src="images/product-6.jpg"/> </a> <div class="p-type-group"> <span class="p-new">Hàng mới</span> <span class="p-bestsale">Bán chạy</span> <span class="p-hot">HOT</span> </div><a href="" class="p-name"><h3>Lorem ipsum, dolor sit amet consectetur adipisicing elit. Sint vero, et consequatur sit doloremque iusto fugit libero, aspernatur cumque mollitia molestiae optio earum suscipit nemo odit quo soluta labore. Distinctio.</h3></a> <div class="p-price-holder"> <span class="p-price">10.200.000 <u>đ</u></span> <del class="p-old-price">15.200.000 <u>đ</u></del> </div><div class="p-offer-group"> <div class="p-offer-holder">HOT Thu cũ lên đời giá cao - Thủ tục nhanh - Trợ giá lên tớiHOT Thu cũ lên đời giá cao - Thủ tục nhanh - Trợ giá lên tới</div></div><i class="icon-star star-4"></i> <a href="#global-popup-customer-like" data-fancybox class="p-btn-like">Yêu thích</a></div><div class="p-item"> <a href="" class="p-img"> <img src="images/product-7.jpg"/> </a> <div class="p-type-group"> <span class="p-new">Hàng mới</span> <span class="p-bestsale">Bán chạy</span> <span class="p-hot">HOT</span> </div><a href="" class="p-name"><h3>Lorem ipsum, dolor sit amet consectetur adipisicing elit</h3></a> <div class="p-price-holder"> <span class="p-price">10.200.000 <u>đ</u></span> </div><div class="p-offer-group"> <div class="p-offer-holder">HOT Thu cũ lên đời giá cao - Thủ tục nhanh - Trợ giá lên tớiHOT Thu cũ lên đời giá cao - Thủ tục nhanh - Trợ giá lên tới</div></div><i class="icon-star star-4"></i> <a href="#global-popup-customer-like" data-fancybox class="p-btn-like">Yêu thích</a></div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<!-- Mô tả/ Thông số/ Tin tức / bình luận/ video -->
|
||
<div class="d-flex flex-wrap">
|
||
<div class="pd-info-left">
|
||
<!-- Mô tả -->
|
||
<div class="global-box-container 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</a>
|
||
<a href="javascript:void(0)" class="js-showless-button">Thu gọn</a>
|
||
</div>
|
||
</div>
|
||
|
||
<!-- Review -->
|
||
<div class="pd-comment-group global-box-container">
|
||
<p class="group-title"> Đánh giá & nhận xét Samsung Galaxy Z Fold 3 - 512GB - Chính hãng (Kích hoạt Online) </p>
|
||
|
||
<p>product Comment</p>
|
||
</div>
|
||
|
||
<!-- Comment -->
|
||
<div class="pd-comment-group global-box-container">
|
||
<p class="group-title"> Hỏi và đáp </p>
|
||
|
||
<p>product Review</p>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="pd-info-right">
|
||
<!-- Thông số kỹ thuật -->
|
||
<div class="global-box-container pd-spec-group js-static-container">
|
||
<p class="group-title">Thông số kỹ thuật</p>
|
||
|
||
<div class="js-static-content">
|
||
<table width="682"><tbody><tr><td colspan="2" width="682"><p>Mô tả chi tiết</p></td></tr><tr><td width="163"><p>Hãng sản xuất</p></td><td width="518"><p>Lenovo</p></td></tr><tr><td width="163"><p>Chủng loại</p></td><td width="518"><p>Ideapad 5 pro</p></td></tr><tr><td width="163"><p>Part Number</p></td><td width="518"><p>82SH002TVN</p></td></tr><tr><td width="163"><p>Mầu sắc</p></td><td width="518"><p>Xám</p></td></tr><tr><td width="163"><p>Chất liệu</p></td><td width="518"><p>Nhôm</p></td></tr><tr><td width="163"><p>Bộ vi xử lý</p></td><td width="518"><p>Intel core i5 1240P</p></td></tr><tr><td width="163"><p>Chipset</p></td><td width="518"><p>Intel SoC Platform</p></td></tr><tr><td width="163"><p>Bộ nhớ trong</p></td><td width="518"><p>16GB</p></td></tr><tr><td width="163"><p>Số khe cắm</p></td><td width="518"><p>0</p></td></tr><tr><td width="163"><p>Số khe RAM chờ</p></td><td width="518"><p>0</p></td></tr><tr><td width="163"><p>Dung lượng tối đa</p></td><td width="518"><p>16GB</p></td></tr><tr><td width="163"><p>VGA</p></td><td width="518"><p>Intel Iris xe</p></td></tr><tr><td width="163"><p>Ổ cứng</p></td><td width="518"><p>512GB SSD M.2 2242 PCIe 4.0x4 NVMe</p></td></tr><tr><td width="163"><p>Ổ quang</p></td><td width="518"><p>None</p></td></tr><tr><td width="163"><p>Card Reader</p></td><td width="518"><p>4-in-1 Card Reader</p></td></tr><tr><td width="163"><p>Bảo mật, công nghệ</p></td><td width="518"><p>Firmware TPM 2.0, IR camera for Windows Hello, Stereo speakers, 2W x2, optimized with Dolby Atmos</p></td></tr><tr><td width="163"><p>Màn hình</p></td><td width="518"><p>14" 2.8K (2880x1800) IPS 400nits Anti-glare, 90Hz, 100% sRGB, TÜV Low Blue Light, Eyesafe</p></td></tr><tr><td width="163"><p>Webcam</p></td><td width="518"><p>ToF, FHD 1080p & IR</p></td></tr><tr><td width="163"><p>Audio</p></td><td width="518"><p>High Definition (HD) Audio, Realtek ALC3287 codec</p></td></tr><tr><td width="163"><p>Giao tiếp mạng</p></td><td width="518"><p>None</p></td></tr><tr><td width="163"><p>Giao tiếp không dây</p></td><td width="518"><p>Wi-Fi 6 11ax, 2x2 + BT5.1</p></td></tr><tr><td width="163"><p>Cổng giao tiếp</p></td><td width="518"><p>- 1x USB 3.2 Gen 1</p><p>- 1x USB 3.2 Gen 1 (Always On)</p><p>- 2x USB-C 3.2 Gen 1 (support data transfer, Power Delivery 3.0, and DisplayPort 1.4)</p><p>- 1x HDMI 2.0</p><p>- 1x Card reader</p><p>- 1x Headphone / microphone combo jack (3.5mm)</p></td></tr><tr><td width="163"><p>Pin</p></td><td width="518"><p>56.5Wh</p></td></tr><tr><td width="163"><p>Kích thước (rộng x dài x cao)</p></td><td width="518"><p>312.2 x 221 x 15.9 mm</p></td></tr><tr><td width="163"><p>Cân nặng</p></td><td width="518"><p>1.41 kg</p></td></tr><tr><td width="163"><p>Hệ điều hành</p></td><td width="518"><p>Win 11 home</p></td></tr><tr><td width="163"><p>Phụ kiện đi kèm</p></td><td width="518"><p>Adapter</p></td></tr></tbody></table>
|
||
</div>
|
||
|
||
<a href="#fancybox-spec" data-fancybox="" class="btn-show">Xem cấu hình chi tiết</a>
|
||
|
||
<div class="pd-spec-group" id="fancybox-spec" style="display: none;">
|
||
<table width="682"><tbody><tr><td colspan="2" width="682"><p>Mô tả chi tiết</p></td></tr><tr><td width="163"><p>Hãng sản xuất</p></td><td width="518"><p>Lenovo</p></td></tr><tr><td width="163"><p>Chủng loại</p></td><td width="518"><p>Ideapad 5 pro</p></td></tr><tr><td width="163"><p>Part Number</p></td><td width="518"><p>82SH002TVN</p></td></tr><tr><td width="163"><p>Mầu sắc</p></td><td width="518"><p>Xám</p></td></tr><tr><td width="163"><p>Chất liệu</p></td><td width="518"><p>Nhôm</p></td></tr><tr><td width="163"><p>Bộ vi xử lý</p></td><td width="518"><p>Intel core i5 1240P</p></td></tr><tr><td width="163"><p>Chipset</p></td><td width="518"><p>Intel SoC Platform</p></td></tr><tr><td width="163"><p>Bộ nhớ trong</p></td><td width="518"><p>16GB</p></td></tr><tr><td width="163"><p>Số khe cắm</p></td><td width="518"><p>0</p></td></tr><tr><td width="163"><p>Số khe RAM chờ</p></td><td width="518"><p>0</p></td></tr><tr><td width="163"><p>Dung lượng tối đa</p></td><td width="518"><p>16GB</p></td></tr><tr><td width="163"><p>VGA</p></td><td width="518"><p>Intel Iris xe</p></td></tr><tr><td width="163"><p>Ổ cứng</p></td><td width="518"><p>512GB SSD M.2 2242 PCIe 4.0x4 NVMe</p></td></tr><tr><td width="163"><p>Ổ quang</p></td><td width="518"><p>None</p></td></tr><tr><td width="163"><p>Card Reader</p></td><td width="518"><p>4-in-1 Card Reader</p></td></tr><tr><td width="163"><p>Bảo mật, công nghệ</p></td><td width="518"><p>Firmware TPM 2.0, IR camera for Windows Hello, Stereo speakers, 2W x2, optimized with Dolby Atmos</p></td></tr><tr><td width="163"><p>Màn hình</p></td><td width="518"><p>14" 2.8K (2880x1800) IPS 400nits Anti-glare, 90Hz, 100% sRGB, TÜV Low Blue Light, Eyesafe</p></td></tr><tr><td width="163"><p>Webcam</p></td><td width="518"><p>ToF, FHD 1080p & IR</p></td></tr><tr><td width="163"><p>Audio</p></td><td width="518"><p>High Definition (HD) Audio, Realtek ALC3287 codec</p></td></tr><tr><td width="163"><p>Giao tiếp mạng</p></td><td width="518"><p>None</p></td></tr><tr><td width="163"><p>Giao tiếp không dây</p></td><td width="518"><p>Wi-Fi 6 11ax, 2x2 + BT5.1</p></td></tr><tr><td width="163"><p>Cổng giao tiếp</p></td><td width="518"><p>- 1x USB 3.2 Gen 1</p><p>- 1x USB 3.2 Gen 1 (Always On)</p><p>- 2x USB-C 3.2 Gen 1 (support data transfer, Power Delivery 3.0, and DisplayPort 1.4)</p><p>- 1x HDMI 2.0</p><p>- 1x Card reader</p><p>- 1x Headphone / microphone combo jack (3.5mm)</p></td></tr><tr><td width="163"><p>Pin</p></td><td width="518"><p>56.5Wh</p></td></tr><tr><td width="163"><p>Kích thước (rộng x dài x cao)</p></td><td width="518"><p>312.2 x 221 x 15.9 mm</p></td></tr><tr><td width="163"><p>Cân nặng</p></td><td width="518"><p>1.41 kg</p></td></tr><tr><td width="163"><p>Hệ điều hành</p></td><td width="518"><p>Win 11 home</p></td></tr><tr><td width="163"><p>Phụ kiện đi kèm</p></td><td width="518"><p>Adapter</p></td></tr></tbody></table>
|
||
</div>
|
||
</div>
|
||
|
||
<!-- Tin tức về sản phẩm -->
|
||
<div class="global-box-container pd-art-group js-static-container">
|
||
<p class="group-title">
|
||
<i class="icons icon-news"></i>
|
||
<span>Tin tức về sản phẩm</span>
|
||
</p>
|
||
|
||
<div class="pd-article-holder">
|
||
<a href="" class="item">
|
||
<span class="art-image">
|
||
<img src="https://songlongmedia.com/media/news/695_tum.jpg" alt="" width="1" height="1">
|
||
</span>
|
||
|
||
<span class="art-title">Realme Buds Wireless 3 lộ thiết kế và cấu hình, ra mắt ngày 6/7</span>
|
||
</a>
|
||
|
||
<a href="" class="item"> <span class="art-image"> <img src="https://songlongmedia.com/media/news/637_img_20220814_155627__copy_.jpg" alt="" width="1" height="1"> </span> <span class="art-title">Realme Buds Wireless 3 lộ thiết kế và cấu hình, ra mắt ngày 6/7</span> </a><a href="" class="item"> <span class="art-image"> <img src="https://songlongmedia.com/media/news/636_297802454_445123704193091_2354621086379750208_n.jpg" alt="" width="1" height="1"> </span> <span class="art-title">Realme Buds Wireless 3 lộ thiết kế và cấu hình, ra mắt ngày 6/7</span> </a><a href="" class="item"> <span class="art-image"> <img src="https://songlongmedia.com/media/news/638_img_20220815_163517_edit_386766372901399.jpg" alt="" width="1" height="1"> </span> <span class="art-title">Realme Buds Wireless 3 lộ thiết kế và cấu hình, ra mắt ngày 6/7</span> </a>
|
||
</div>
|
||
|
||
<a href="/tin-tuc" target="_blank" class="btn-show">Xem tất cả bài viết</a>
|
||
</div>
|
||
|
||
<!-- Video đánh giá sản phẩm -->
|
||
<div class="global-box-container pd-art-group js-static-container">
|
||
<p class="group-title">
|
||
<i class="icons icon-youtube"></i>
|
||
<span>Video đánh giá sản phẩm</span>
|
||
</p>
|
||
|
||
<div class="pd-article-holder">
|
||
<a href="https://www.youtube.com/watch?v=5iAG2DCIqy0" class="item" data-fancybox="">
|
||
<span class="art-image">
|
||
<img src="https://songlongmedia.com/media/news/695_tum.jpg" alt="" width="1" height="1">
|
||
</span>
|
||
|
||
<span class="art-title">Realme Buds Wireless 3 lộ thiết kế và cấu hình, ra mắt ngày 6/7</span>
|
||
</a>
|
||
|
||
<a href="" class="item"> <span class="art-image"> <img src="https://songlongmedia.com/media/news/637_img_20220814_155627__copy_.jpg" alt="" width="1" height="1"> </span> <span class="art-title">Realme Buds Wireless 3 lộ thiết kế và cấu hình, ra mắt ngày 6/7</span> </a><a href="" class="item"> <span class="art-image"> <img src="https://songlongmedia.com/media/news/636_297802454_445123704193091_2354621086379750208_n.jpg" alt="" width="1" height="1"> </span> <span class="art-title">Realme Buds Wireless 3 lộ thiết kế và cấu hình, ra mắt ngày 6/7</span> </a><a href="" class="item"> <span class="art-image"> <img src="https://songlongmedia.com/media/news/638_img_20220815_163517_edit_386766372901399.jpg" alt="" width="1" height="1"> </span> <span class="art-title">Realme Buds Wireless 3 lộ thiết kế và cấu hình, ra mắt ngày 6/7</span> </a>
|
||
</div>
|
||
|
||
<a href="javascript:void(0);" onclick="$('#js-fancybox-video-1').click()"class="btn-show">Xem tất cả video</a>
|
||
</div>
|
||
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<div id="fancybox-video" style="display: none;" >
|
||
<a href="https://www.youtube.com/watch?v=nKk73_SQB2A" data-fancybox="video-gallery" id="js-fancybox-video-1"></a>
|
||
<a href="https://www.youtube.com/watch?v=5iAG2DCIqy0" data-fancybox="video-gallery" id="js-fancybox-video-2"></a>
|
||
<a href="https://www.youtube.com/watch?v=HhFJVpYQP9I" data-fancybox="video-gallery" id="js-fancybox-video-3"></a>
|
||
<a href="https://www.youtube.com/watch?v=0RhmQVCom1U" data-fancybox="video-gallery" id="js-fancybox-video-4"></a>
|
||
<a href="https://www.youtube.com/watch?v=BAu6quMoYBQ" data-fancybox="video-gallery" id="js-fancybox-video-5"></a>
|
||
</div>
|
||
|
||
<!-- Footer -->
|
||
<div class="global-footer-container">
|
||
<div class="global-footer-store-container">
|
||
<div class="container">
|
||
<p class="group-title">HỆ THỐNG CỬA HÀNG</p>
|
||
|
||
<div class="store-list">
|
||
<div class="item">
|
||
<p class="item-title">Cơ sở 1</p>
|
||
|
||
<img data-src="images/footer-store-img.png" alt="Cơ sở 1" width="1" height="1" class="lazy"/>
|
||
|
||
<div class="item-text">
|
||
<a href="https://goo.gl/maps/LhgScUp9ojde8kkd6" rel="nofollow" target="_blank">
|
||
<i class="icons icon-map"></i>
|
||
<span>Số 93 phố Trung Liệt, quận Đống Đa,Hà Nội.</span>
|
||
</a>
|
||
|
||
<p>
|
||
<i class="icons icon-clock"></i>
|
||
<span>Giờ làm việc: 8h30-20h30</span>
|
||
</p>
|
||
|
||
<a href="tel:094.1144.666">
|
||
<i class="icons icon-phone"></i>
|
||
<span>Hotline: 094.1144.666</span>
|
||
</a>
|
||
|
||
<a href="https://goo.gl/maps/LhgScUp9ojde8kkd6" rel="nofollow" target="_blank" class="btn-link"> Xem bản đồ </a>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="item">
|
||
<p class="item-title">Cơ sở 2</p>
|
||
|
||
<img data-src="images/footer-store-img.png" alt="Cơ sở 2" width="1" height="1" class="lazy"/>
|
||
|
||
<div class="item-text">
|
||
<a href="https://goo.gl/maps/pGvEwzFAULu" rel="nofollow" target="_blank">
|
||
<i class="icons icon-map"></i>
|
||
<span>Số 98.F phố Nguyễn Thái Học (Đúng ngã 3 Lý Văn Phức) Ba Đình, Hà Nội.</span>
|
||
</a>
|
||
|
||
<p>
|
||
<i class="icons icon-clock"></i>
|
||
<span>Giờ làm việc: 8h30-20h30</span>
|
||
</p>
|
||
|
||
<a href="tel:098.7272.555">
|
||
<i class="icons icon-phone"></i>
|
||
<span>Hotline: 098.7272.555</span>
|
||
</a>
|
||
|
||
<a href="https://goo.gl/maps/pGvEwzFAULu" rel="nofollow" target="_blank" class="btn-link"> Xem bản đồ </a>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="item">
|
||
<p class="item-title">Cơ sở 3</p>
|
||
|
||
<img data-src="images/footer-store-img.png" alt="Cơ sở 1" width="1" height="1" class="lazy"/>
|
||
|
||
<div class="item-text">
|
||
<a href="https://goo.gl/maps/g3BeV42TiMr" rel="nofollow" target="_blank">
|
||
<i class="icons icon-map"></i>
|
||
<span>12 ngõ 860 phố Minh Khai, Hai Bà Trưng, Hà Nội</span>
|
||
</a>
|
||
|
||
<p>
|
||
<i class="icons icon-clock"></i>
|
||
<span>Giờ làm việc: 8h30-20h30</span>
|
||
</p>
|
||
|
||
<a href="tel:0964.713.715">
|
||
<i class="icons icon-phone"></i>
|
||
<span>Hotline: 0964.713.715</span>
|
||
</a>
|
||
|
||
<a href="https://goo.gl/maps/g3BeV42TiMr" rel="nofollow" target="_blank" class="btn-link"> Xem bản đồ </a>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="global-footer-info">
|
||
<div class="container d-flex flex-wrap">
|
||
<div class="item">
|
||
<p class="title"> Thông tin </p>
|
||
|
||
<div class="item-list">
|
||
<a href="/gioi-thieu">Giới thiệu</a>
|
||
<a href="/lien-he">Thông tin liên hệ</a>
|
||
<a href="/tin-tuc">Tin tức</a>
|
||
<a href="">Tuyển dụng</a>
|
||
|
||
<a href="http://www.online.gov.vn/HomePage/PersonalWebsiteDisplay.aspx?DocId=20750" target="_blank" rel="nofollow" title="Đã thông báo với bộ công thương" class="btn-bct">
|
||
<img data-src="images/footer-bct.png" alt="Đã thông báo với bộ công thương" class="lazy d-block w-auto" width="1" height="1">
|
||
</a>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="item">
|
||
<p class="title"> Chính sách chung </p>
|
||
|
||
<div class="item-list">
|
||
<a href="">Chính sách bảo mật</a>
|
||
<a href="/bao-hanh-p14">Chính sách bảo hành </a>
|
||
<a href="/doi-tra-hang-p13">Chính sách đổi trả </a>
|
||
<a href="/van-chuyen-giao-hang-p16">Chính sách giao hàng</a>
|
||
|
||
<a href="//www.dmca.com/Protection/Status.aspx?ID=60607448-0e35-4ee4-902c-2256bcaf7e55" title="DMCA.com Protection Status" class="dmca-badge" style="margin-top: 10px">
|
||
<img data-src ="https://images.dmca.com/Badges/dmca-badge-w100-2x1-03.png?ID=60607448-0e35-4ee4-902c-2256bcaf7e55" alt="DMCA.com Protection Status" class="lazy" width="1" height="1"/>
|
||
</a>
|
||
|
||
<script src="https://images.dmca.com/Badges/DMCABadgeHelper.min.js"> </script>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="item">
|
||
<p class="title"> Hỗ trợ khách hàng </p>
|
||
|
||
<div class="item-list">
|
||
<a href="/huong-dan-dat-hang">Hướng dẫn mua hàng</a>
|
||
<a href="/huong-dan-tra-gop.html">Hướng dẫn trả góp</a>
|
||
<a href="/huong-dan-mua-hang">Hướng dẫn thanh toán</a>
|
||
<a href="/sua-tai-nghe.html">Dịch vụ sửa tai nghe</a>
|
||
<a href="tel:094.1144.666">Hotline: 094.1144.666</a>
|
||
<a href="mailTo: songlongmedia@gmail.com">Email: songlongmedia@gmail.com</a>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="item">
|
||
<p class="title"> Phương thức thanh toán </p>
|
||
|
||
<div class="item-list payment-img">
|
||
<img data-src="images/footer-payment-bg.png" alt="Phương thức thanh toán" width="1" height="1" class="lazy d-block w-auto"/>
|
||
</div>
|
||
|
||
<p class="title"> Kết nối với chúng tôi </p>
|
||
|
||
<div class="item-list footer-social-media">
|
||
<a href="https://www.youtube.com/songlongmedia" class="icons icon-youtube" target="_blank" rel="nofollow" title="Youtube"></a>
|
||
<a href="https://www.facebook.com/songlongmedia/" class="icons icon-facebook" target="_blank" rel="nofollow" title="Facebook"></a>
|
||
<a href="" class="icons icon-tiktok" target="_blank" rel="nofollow" title="Tiktok"></a>
|
||
<a href="https://www.instagram.com/songlongmedia/" class="icons icon-instagram" target="_blank" rel="nofollow" title="Instagram"></a>
|
||
<a href="" class="icons icon-zalo" target="_blank" rel="nofollow" title="Zalo"></a>
|
||
</div>
|
||
</div>
|
||
|
||
<p class="footer-end-group">HKD: SONG LONG MEDIA - Số giấy chứng nhận đăng ký kinh doanh: 01D8025726© SINCE 2010.</p>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="global-fixed-right">
|
||
<a href="https://m.me/songlongmedia" target="_blank" class="lazy" data-bg="url(images/icon-mess.png)">
|
||
<span>Gửi tin nhắn cho chúng tôi</span>
|
||
</a>
|
||
|
||
<a href="https://zalo.me/" target="_blank" class="lazy" data-bg="url(images/icon-zalo.png)">
|
||
<span>Chat với chúng tôi qua Zalo</span>
|
||
</a>
|
||
|
||
<a href="javascript:void(0)" id="js-goTop" class="icon-goTop" onclick="$('body,html').animate({scrollTop:0},800);" >
|
||
<span>Lên đầu trang</span>
|
||
</a>
|
||
</div>
|
||
|
||
<div class="success-form" style="display: none">
|
||
<div class="content-container">
|
||
<div class="success-checkmark">
|
||
<div class="check-icon">
|
||
<span class="icon-line line-tip"></span>
|
||
<span class="icon-line line-long"></span>
|
||
<div class="icon-circle"></div>
|
||
<div class="icon-fix"></div>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="text-center content-text text-24"> Thêm sản phẩm vào giỏ hàng thành công !</div>
|
||
</div>
|
||
</div>
|
||
|
||
<div id="fancybox-store" class="global-popup-store" style="display: none">
|
||
<div class="global-footer-store-container">
|
||
<div class="container">
|
||
<p class="group-title">HỆ THỐNG CỬA HÀNG</p>
|
||
|
||
<div class="store-list">
|
||
<div class="item">
|
||
<p class="item-title">Cơ sở 1</p>
|
||
|
||
<img data-src="images/footer-store-img.png" alt="Cơ sở 1" width="1" height="1" class="lazy"/>
|
||
|
||
<div class="item-text">
|
||
<a href="https://goo.gl/maps/LhgScUp9ojde8kkd6" rel="nofollow" target="_blank">
|
||
<i class="icons icon-map"></i>
|
||
<span>Số 93 phố Trung Liệt, quận Đống Đa,Hà Nội.</span>
|
||
</a>
|
||
|
||
<p>
|
||
<i class="icons icon-clock"></i>
|
||
<span>Giờ làm việc: 8h30-20h30</span>
|
||
</p>
|
||
|
||
<a href="tel:094.1144.666">
|
||
<i class="icons icon-phone"></i>
|
||
<span>Hotline: 094.1144.666</span>
|
||
</a>
|
||
|
||
<a href="https://goo.gl/maps/LhgScUp9ojde8kkd6" rel="nofollow" target="_blank" class="btn-link"> Xem bản đồ </a>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="item">
|
||
<p class="item-title">Cơ sở 2</p>
|
||
|
||
<img data-src="images/footer-store-img.png" alt="Cơ sở 2" width="1" height="1" class="lazy"/>
|
||
|
||
<div class="item-text">
|
||
<a href="https://goo.gl/maps/pGvEwzFAULu" rel="nofollow" target="_blank">
|
||
<i class="icons icon-map"></i>
|
||
<span>Số 98.F phố Nguyễn Thái Học (Đúng ngã 3 Lý Văn Phức) Ba Đình, Hà Nội.</span>
|
||
</a>
|
||
|
||
<p>
|
||
<i class="icons icon-clock"></i>
|
||
<span>Giờ làm việc: 8h30-20h30</span>
|
||
</p>
|
||
|
||
<a href="tel:098.7272.555">
|
||
<i class="icons icon-phone"></i>
|
||
<span>Hotline: 098.7272.555</span>
|
||
</a>
|
||
|
||
<a href="https://goo.gl/maps/pGvEwzFAULu" rel="nofollow" target="_blank" class="btn-link"> Xem bản đồ </a>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="item">
|
||
<p class="item-title">Cơ sở 3</p>
|
||
|
||
<img data-src="images/footer-store-img.png" alt="Cơ sở 1" width="1" height="1" class="lazy"/>
|
||
|
||
<div class="item-text">
|
||
<a href="https://goo.gl/maps/g3BeV42TiMr" rel="nofollow" target="_blank">
|
||
<i class="icons icon-map"></i>
|
||
<span>12 ngõ 860 phố Minh Khai, Hai Bà Trưng, Hà Nội</span>
|
||
</a>
|
||
|
||
<p>
|
||
<i class="icons icon-clock"></i>
|
||
<span>Giờ làm việc: 8h30-20h30</span>
|
||
</p>
|
||
|
||
<a href="tel:0964.713.715">
|
||
<i class="icons icon-phone"></i>
|
||
<span>Hotline: 0964.713.715</span>
|
||
</a>
|
||
|
||
<a href="https://goo.gl/maps/g3BeV42TiMr" rel="nofollow" target="_blank" class="btn-link"> Xem bản đồ </a>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<!-- popup like -->
|
||
<div id="global-popup-customer-like" style="display: none; text-align: center;">
|
||
<span class="icon-notification">!</span>
|
||
|
||
<p> Vui lòng đăng nhập tài khoản để thêm sản phẩm yêu thích </p>
|
||
|
||
<div class="d-flex flex-wrap justify-content-between">
|
||
<a href="/dang-nhap">Đăng nhập ngay</a>
|
||
<a href="/dang-ky">Đăng ký</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>
|
||
|
||
|
||
<!-- global -->
|
||
<script>
|
||
var lazyLoadInstance = new LazyLoad({
|
||
elements_selector: ".lazy"
|
||
});
|
||
|
||
$(document).ready(function(){
|
||
_globalFunction();
|
||
|
||
setTimeout(function(){
|
||
$('.global-fixed-right').addClass('animate__backInRight');
|
||
},500);
|
||
});
|
||
|
||
|
||
$(window).scroll(function() {
|
||
_globalScrollFunction();
|
||
});
|
||
|
||
function _globalScrollFunction() {
|
||
if($(this).scrollTop() > 400) {
|
||
$('.global-header-main').addClass("header-fixed");
|
||
$('#js-goTop').css('display','block');
|
||
} else {
|
||
$('.global-header-main').removeClass("header-fixed");
|
||
$('#js-goTop').fadeOut();
|
||
}
|
||
}
|
||
|
||
function _globalFunction() {
|
||
|
||
$('.global-menu-container').each(function(){
|
||
var cat_length = $(this).find('.cat-item').length;
|
||
|
||
$(this).find('.cat-item').css('height','calc(100% / '+ cat_length +')')
|
||
|
||
$(this).find('.sub-menu').css('height',$('.global-menu-container').height());
|
||
});
|
||
}
|
||
|
||
function run_carousel(holder){
|
||
$(holder + ' .owl-carousel').owlCarousel({
|
||
margin: 0,
|
||
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: 5
|
||
});
|
||
}
|
||
|
||
</script>
|
||
|
||
|
||
<!-- homepage -->
|
||
<script>
|
||
$(document).ready(function(){
|
||
run_carousel('.js-product');
|
||
|
||
countDownToNextDay('#js-time-countdown');
|
||
|
||
_runBannerSlider('#js-home-slider-gallery', '#js-home-slider-title');
|
||
|
||
$('#js-home-brand').owlCarousel({
|
||
margin: 20,
|
||
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: 9
|
||
});
|
||
|
||
$('#js-home-customer-review').owlCarousel({
|
||
margin: 12,
|
||
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
|
||
});
|
||
|
||
});
|
||
|
||
function _runBannerSlider(main_image, thumbs_list) {
|
||
var bigimage = $(main_image);
|
||
var thumbs = $(thumbs_list);
|
||
var syncedSecondary = true;
|
||
|
||
bigimage.owlCarousel({
|
||
items: 1,
|
||
slideSpeed: 2000,
|
||
nav: true,
|
||
autoplay: false,
|
||
autoplayHoverPause:true,
|
||
dots: false,
|
||
loop: true,
|
||
margin: 10,
|
||
lazyLoad: true,
|
||
responsiveRefreshRate: 200,
|
||
navText: [
|
||
'<i class="arrow"></i>',
|
||
'<i class="arrow arrow-next"></i>'
|
||
]
|
||
})
|
||
.on("changed.owl.carousel", syncPosition);
|
||
|
||
thumbs.on("initialized.owl.carousel", function() {
|
||
thumbs.find(".owl-item").eq(0).addClass("current");
|
||
})
|
||
.owlCarousel({
|
||
items: 5,
|
||
dots: false,
|
||
nav: false,
|
||
navText: [
|
||
'<i class="arrow"></i>',
|
||
'<i class="arrow arrow-next"></i>'
|
||
],
|
||
smartSpeed: 200,
|
||
slideSpeed: 500,
|
||
slideBy: 4,
|
||
responsiveRefreshRate: 100
|
||
})
|
||
.on("changed.owl.carousel", syncPosition2);
|
||
|
||
thumbs.on("click", ".owl-item", function(e) {
|
||
e.preventDefault();
|
||
var number = $(this).index();
|
||
bigimage.data("owl.carousel").to(number, 300, true);
|
||
});
|
||
|
||
function syncPosition(el) {
|
||
//if loop is set to false, then you have to uncomment the next line
|
||
//var current = el.item.index;
|
||
|
||
//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) {
|
||
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);
|
||
}
|
||
}
|
||
}
|
||
|
||
|
||
</script>
|
||
|
||
<!-- product-category -->
|
||
<script>
|
||
$(document).ready(function(){
|
||
_toggleProductFilter();
|
||
|
||
checkContentHeight(550);
|
||
|
||
$('#js-category-slider').owlCarousel({
|
||
items: 2,
|
||
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,
|
||
responsive:{
|
||
1628:{
|
||
margin: 12
|
||
}
|
||
}
|
||
});
|
||
})
|
||
|
||
function _toggleProductFilter() {
|
||
$('#js-filter-group .box-title').click(function(){
|
||
$('#js-filter-group .filter-item').removeClass('current');
|
||
$(this).parents('.filter-item').toggleClass('current');
|
||
});
|
||
|
||
$('body').click(function(e){
|
||
var targ = $("#js-filter-group .filter-item");
|
||
if (!targ.is(e.target) && targ.has(e.target).length === 0){
|
||
$('#js-filter-group .filter-item').removeClass('current');
|
||
}
|
||
});
|
||
}
|
||
</script>
|
||
|
||
|
||
<!-- product-detail -->
|
||
<script>
|
||
$(document).ready(function(){
|
||
checkContentHeight(400);
|
||
|
||
checkSummaryList();
|
||
|
||
_runProductImageSlider();
|
||
|
||
_imagesClick();
|
||
|
||
_pageClickFunction();
|
||
|
||
$('[data-fancybox="gallery"], [data-fancybox="video-gallery"]').fancybox({
|
||
thumbs : {
|
||
type: "classic",
|
||
autoStart : true
|
||
}
|
||
});
|
||
|
||
$('#js-fancybox-video').owlCarousel({
|
||
margin: 12,
|
||
lazyLoad: true,
|
||
loop: false,
|
||
autoplay: false,
|
||
autoplayTimeout: 4000,
|
||
autoplaySpeed: 1500,
|
||
autoplayHoverPause: true,
|
||
dots: false,
|
||
nav: true,
|
||
navText: ["<i class='arrow'></i>","<i class='arrow arrow-next'></i>"],
|
||
items: 5
|
||
});
|
||
});
|
||
|
||
function _pageClickFunction(){
|
||
|
||
// Tab
|
||
$('#js-tab-list a').click(function(){
|
||
$('#js-tab-list a').removeClass('active');
|
||
$(this).addClass('active');
|
||
|
||
var id = $(this).attr('data-tab');
|
||
$('.box-product-holder').removeClass('active')
|
||
$('#' + id).addClass('active');
|
||
});
|
||
|
||
$('#js-tab-list a:first-child').click();
|
||
|
||
}
|
||
|
||
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: 11,
|
||
center: false,
|
||
responsiveRefreshRate: 100
|
||
}).on("changed.owl.carousel", syncPosition2);
|
||
|
||
|
||
function syncPosition(el) {
|
||
var current = el.item.index;
|
||
var count = el.item.count - 1;
|
||
|
||
//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 checkSummaryList() {
|
||
var length = $('#js-pd-summary .item').length;
|
||
|
||
if (length > 4) {
|
||
$('.js-showmore-summary').show();
|
||
}
|
||
|
||
$('.js-showmore-summary').click(function(){
|
||
$(this).hide();
|
||
$('.js-showless-summary').show();
|
||
$('#js-pd-summary .item:nth-child(n+5)').show();
|
||
|
||
$('html, body').animate({
|
||
scrollTop: $('#js-pd-summary').offset().top - 160
|
||
},500);
|
||
});
|
||
|
||
$('.js-showless-summary').click(function(){
|
||
$(this).hide();
|
||
$('.js-showmore-summary').show();
|
||
$('#js-pd-summary .item:nth-child(n+5)').hide();
|
||
|
||
$('html, body').animate({
|
||
scrollTop: $('#js-pd-summary').offset().top - 160
|
||
},500);
|
||
});
|
||
}
|
||
|
||
|
||
</script>
|
||
|
||
</body>
|
||
</html> |