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

1773 lines
122 KiB
HTML
Raw Normal View History

Giao dien 2023: https://songlongmedia.com/?show_template=2023
2023-08-16 10:23:58 +07:00
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<title> Local </title>
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800;900&display=swap" rel="stylesheet">
<link rel="stylesheet" media="screen" href="scss/lib.css" />
<link rel="stylesheet" media="screen" href="scss/mobile_css.css" />
</head>
<body>
<!-- Header -->
<div class="global-header-top owl-carousel owl-theme" id="js-header-static">
<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 class="global-header-container global-other-page">
<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>
<a href="/cart" class="header-cart">
<span class="icon-cart lazy" data-bg="url(images/mb-icon-cart.png)"></span>
<span>Giỏ hàng</span>
</a>
<a href="#js-global-menu" class="icon-menu" onclick="_openMenu()"></a>
<form method="get" action="/tim" name="search" class="header-search-group">
<button type="button" class="icons icon-search"></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 class="global-header-block" style="display: none;height: 56px"></div>
<!-- Homepage -->
<div class="homepage" style="display: none;">
<div class="home-slider-group">
<div class="owl-carousel owl-theme custom-dots" id="js-home-slider">
<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>
<div class="banner-under-slider p-10">
<a href="" target="_blank"> <img data-src="images/homepage/under-slider.png" alt="" width="" height="" class="lazy"/> </a>
</div>
<!-- Collection -->
<div class="home-deal-container 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>
</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="#js-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="#js-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="#js-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="#js-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="#js-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>
</div>
<a href="" class="btn-view">Xem tất cả </a>
</div>
<!-- Danh mục nổi bật -->
<div class="home-category-group">
<div class="group-title-holder">
<h2 class="cat-title">Danh mục nổi bật</h2>
</div>
<div class="home-featured-list">
<div class="item">
<a href="">
<span class="cat-thumb lazy" data-bg="url(images/icons/icon-1.png)"></span>
<span class="cat-title">Danh mục cấp 1</span>
</a>
<a href="">
<span class="cat-thumb lazy" data-bg="url(https://songlongmedia.com/static/assets/2023/images/logo-short.png)" style="background-size: contain;filter: invert(73%) sepia(0%) saturate(1206%) hue-rotate(142deg) brightness(121%) contrast(78%);"></span>
<span class="cat-title">Danh mục cấp 1Danh mục cấp 1</span>
</a>
</div>
<div class="item"> <a href=""> <span class="cat-thumb lazy" data-bg="url(images/icons/icon-3.png)"></span> <span class="cat-title">Danh mục cấp 1</span> </a> <a href=""> <span class="cat-thumb lazy" data-bg="url(images/icons/icon-3.png)"></span> <span class="cat-title">Danh mục cấp 1</span> </a></div><div class="item"> <a href=""> <span class="cat-thumb lazy" data-bg="url(images/icons/icon-4.png)"></span> <span class="cat-title">Danh mục cấp 1</span> </a> <a href=""> <span class="cat-thumb lazy" data-bg="url(images/icons/icon-5.png)"></span> <span class="cat-title">Danh mục cấp 1</span> </a></div><div class="item"> <a href=""> <span class="cat-thumb lazy" data-bg="url(images/icons/icon-6.png)"></span> <span class="cat-title">Danh mục cấp 1</span> </a> <a href=""> <span class="cat-thumb lazy" data-bg="url(https://songlongmedia.com/static/assets/2023/images/logo-short.png)"></span> <span class="cat-title">Danh mục cấp 1</span> </a></div><div class="item"> <a href=""> <span class="cat-thumb lazy" data-bg="url(images/icons/icon-4.png)"></span> <span class="cat-title">Danh mục cấp 1</span> </a> <a href=""> <span class="cat-thumb lazy" data-bg="url(images/icons/icon-5.png)"></span> <span class="cat-title">Danh mục cấp 1</span> </a></div><div class="item"> <a href=""> <span class="cat-thumb lazy" data-bg="url(images/icons/icon-6.png)"></span> <span class="cat-title">Danh mục cấp 1</span> </a> <a href=""> <span class="cat-thumb lazy" data-bg="url(https://songlongmedia.com/static/assets/2023/images/logo-short.png)"></span> <span class="cat-title">Danh mục cấp 1</span> </a></div>
</div>
</div>
<!-- Product Category-->
<div class="home-category-group">
<div class="group-title-holder">
<h2 class="cat-title">Tai nghe bluetooth</h2>
<a href="" class="btn-view">Xem tất cả</a>
<div class="cat-child-list">
<a href="">jbl</a>
<a href="">Bang & Olufsen</a>
<a href="">Bang & Olufsen</a>
<a href="">Bang & Olufsen</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="#js-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="#js-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="#js-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="#js-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="#js-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="#js-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-na
</div>
</div>
</div>
<!-- PHỤ KIỆN -->
<div class="home-category-group category-accessories-group">
<div class="group-title-holder">
<h2 class="cat-title">Phụ kiện</h2>
<a href="">Xem tất cả</a>
</div>
<div class="category-accessories-holder">
<a href="" class="item">
<h3 class="cat-title">Phụ kiện tai nghe 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>
<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>
<!-- VIDEO - REVIEW -->
<div class="home-category-group mb-1">
<div class="group-title-holder">
<h2 class="cat-title">VIDEO - REVIEW</h2>
<a href="">Xem tất cả</a>
</div>
<div class="home-article-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 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>
<!-- TIN CÔNG NGHỆ -->
<div class="home-category-group mt-1 mb-0">
<div class="group-title-holder">
<h2 class="cat-title">TIN CÔNG NGHỆ</h2>
<a href="/tin-tuc">Xem tất cả</a>
</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 custom-dots " 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" style="display: none;">
<div class="product-banner-group owl-carousel owl-theme custom-dots" id="js-category-slider">
<a href=""><img data-src="images/category/category-1.png" alt="" width="" height="" class="owl-lazy"/></a>
<a href=""><img data-src="images/category/category-2.png" alt="" width="" height="" class="owl-lazy"/></a>
<a href=""><img data-src="images/category/category-1.png" alt="" width="" height="" class="owl-lazy"/></a>
</div>
<!-- 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="#js-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="#js-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="#js-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="#js-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="#js-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>
</div>
</div>
<!-- Thương hiệu -->
<div class="brand-filter-holder owl-carousel owl-theme custom-dots" id="js-category-brand">
<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>
<div class="overflow-auto d-flex">
<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>
<a href="">
<h2 class="title">Danh mục con</h2>
<span class="image">
<img data-src="images/logo-short.png" alt="" width="1" height="1" class="lazy"/>
</span>
</a>
<a href="">
<h2 class="title">Danh mục con</h2>
<span class="image">
<img data-src="https://anphat.com.vn/media/category/cat_35ad0c89ac14530f653a8673d4692528.jpg" alt="" width="1" height="1" class="lazy"/>
</span>
</a>
<a href=""> <h2 class="title">Danh mục con</h2> <span class="image"> <img data-src="images/logo-short.png" alt="" width="1" height="1" class="lazy"/> </span> </a> <a href=""> <h2 class="title">Danh mục con</h2> <span class="image"> <img data-src="https://anphat.com.vn/media/category/cat_35ad0c89ac14530f653a8673d4692528.jpg" alt="" width="1" height="1" class="lazy"/> </span> </a><a href=""> <h2 class="title">Danh mục con</h2> <span class="image"> <img data-src="images/logo-short.png" alt="" width="1" height="1" class="lazy"/> </span> </a> <a href=""> <h2 class="title">Danh mục con</h2> <span class="image"> <img data-src="https://anphat.com.vn/media/category/cat_35ad0c89ac14530f653a8673d4692528.jpg" alt="" width="1" height="1" class="lazy"/> </span> </a>
</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-list">
<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">
<a href="javascript:void(0)" class="btn-close" onclick="_closePopupFilter();"></a>
<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&quot;</a> <a href="?filter=255" >KT 14.6&quot;</a> <a href="?filter=125" >KT 11'</a> <a href="?filter=146" >KT 8.3&quot;</a> <a href="?filter=126" >KT 10.5'</a> <a href="?filter=147" >KT 7.9&quot;</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&quot;</a> <a href="?filter=255" >KT 14.6&quot;</a> <a href="?filter=125" >KT 11'</a> <a href="?filter=146" >KT 8.3&quot;</a> <a href="?filter=126" >KT 10.5'</a> <a href="?filter=147" >KT 7.9&quot;</a> <a href="?filter=127" >KT 10.2'</a> </div></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-list">
<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>
</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="#js-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="#js-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="#js-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="#js-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="#js-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
</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="global-box-container 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 ">
<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 mt-0">
<a href="/tin-tuc" class="d-block">Xem tất cả bài viết</a>
</div>
</div>
</div>
<!-- product-detail -->
<div class="product-detail-page container">
<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-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-info-list">
<p>
<i class="icons icon-phone"></i>
<span>Mới, đầy đủ phụ kiện từ nhà sản xuất</span>
</p>
<p>
<i class="icons icon-package"></i>
<span>Cáp sạc Type-C, Đệm tai nghe, Sách hướng dẫn</span>
</p>
<p>
<i class="icons icon-vat"></i>
<span>Giá sản phẩm đã bao gồm VAT</span>
</p>
<p>
<i class="icons icon-warranty"></i>
<span>Bảo hành 12 tháng chính hãng 1 đổi 1 trong 15 ngày nếu có lỗi từ NSX</span>
</p>
<p>
<i class="icons icon-model"></i>
<span>Hàng chính hãng</span>
</p>
</div>
</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>trả góp qua alepay</b>
<span>Visa, Master, JCB</span>
</a>
<a href="javascript:void(0)" style="color: #0059A9;background: #FFE073;">
<b>MUA NGAY - TRẢ SAU</b>
<span>Trả góp 0% - Phê duyệt trong 20s</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>
<!-- Phụ kiện / Sản phẩm liên quan -->
<div class="pd-product-tab-container" id="js-accessory-container">
<p class="group-title">Phụ kiện mua cùng</p>
<div class="accessory-holder">
<div class="product-accessory-list" id="js-accessory-holder">
<div class="p-item">
<a href="/tai-nghe-jabra-elite-7-pro-true-wireless.html" target="_blank">
<img src="https://songlongmedia.com/media/product/250_2925_tai_nghe_true_wireless_jabra_elite_7_pro_gold_beige_songlongmedia__2_.jpg">
</a>
<label class="p-name">
<input type="checkbox" class="js-btn-accessory" value="4555000" data-id="2925">
<span>Jabra Elite 7 Pro True Wireless</span>
</label>
<div class="p-price-group">
<span class="p-price">4.555.000 <u>đ</u></span>
</div>
</div>
<div class="p-item"> <a href="/tai-nghe-jabra-elite-3-true-wireless.html" target="_blank"> <img src="https://songlongmedia.com/media/product/250_2921_tai_nghe_jabra_elite_3_true_wireless_dark_grey_songlongmedia__1_.jpg"> </a> <label class="p-name"> <input type="checkbox" class="js-btn-accessory" value="1590000" data-id="2921"> <span>Jabra Elite 3 True Wireless</span> </label> <div class="p-price-group"> <span class="p-price">1.590.000 <u>đ</u></span> </div></div><div class="p-item"> <a href="/tai-nghe-apple-airpods-pro-2-da-boc-seal.html" target="_blank"> <img src="https://songlongmedia.com/media/product/250_3354_airpods_pro_2_likenew_songlongmedia.jpg"> </a> <label class="p-name"> <input type="checkbox" class="js-btn-accessory" value="4400000" data-id="3354"> <span>Apple Airpods Pro 2 (Like New)</span> </label> <div class="p-price-group"> <span class="p-price">4.400.000 <u>đ</u></span> </div></div><div class="p-item"> <a href="/tai-nghe-jbl-tune-750btnc-like-new.html" target="_blank"> <img src="https://songlongmedia.com/media/product/250_3433_tai_nghe_jbl_750btnc_likenew_songlongmedia.jpg"> </a> <label class="p-name"> <input type="checkbox" class="js-btn-accessory" value="1650000" data-id="3433"> <span>Tai nghe JBL Tune 750BTNC (Like New)</span> </label> <div class="p-price-group"> <span class="p-price">1.650.000 <u>đ</u></span> </div></div><div class="p-item"> <a href="/sudio-a2.html" target="_blank"> <img src="https://songlongmedia.com/media/product/250_3421_tai_nghe_sudio_a2_songlongmedia__1_.jpg"> </a> <label class="p-name"> <input type="checkbox" class="js-btn-accessory" value="1190000" data-id="3421"> <span>Sudio A2</span> </label> <div class="p-price-group"> <span class="p-price">1.190.000 <u>đ</u></span> </div></div><div class="p-item"> <a href="/fiil-key.html" target="_blank"> <img src="https://songlongmedia.com/media/product/250_3465_tai_nghe_fiil_key_quoc_te_songlongmedia__1_.jpg"> </a> <label class="p-name"> <input type="checkbox" class="js-btn-accessory" value="890000" data-id="3465"> <span>FIIL Key</span> </label> <div class="p-price-group"> <span class="p-price">890.000 <u>đ</u></span> </div></div><div class="p-item"> <a href="/tai-nghe-sony-wh-1000xm4-likenew.html" target="_blank"> <img src="https://songlongmedia.com/media/product/250_3068_tai_nghe_sony_wh1000xm4_hang_cu_songlongmedia.jpg"> </a> <label class="p-name"> <input type="checkbox" class="js-btn-accessory" value="4499000" data-id="3068"> <span>Sony WH-1000XM4 (NOBOX)</span> </label> <div class="p-price-group"> <span class="p-price">4.499.000 <u>đ</u></span> </div></div><div class="p-item"> <a href="/behringer-ecm8000-mic-do-tan-so-am-thanh.html" target="_blank"> <img src="https://songlongmedia.com/media/product/250_2889_behringer_ecm8000_microphone___o_t___n_s______m_thanh_1.jpg"> </a> <label class="p-name"> <input type="checkbox" class="js-btn-accessory" value="1150000" data-id="2889"> <span>Behringer ECM8000 ( Mic Đo Tần Số Âm Thanh)</span> </label> <div class="p-price-group"> <span class="p-price">1.150.000 <u>đ</u></span> </div></div>
</div>
<div class="accessory-price-holder">
<p>Tổng tiền:</p>
<p class="accessory-price" id="js-accessory-price">0 <u>đ</u></p>
<a href="javascript:void(0)">MUA THÊM <span id="js-accessory-count">0</span> SẢN PHẨM</a>
</div>
</div>
</div>
<!-- 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>
<!-- 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 &amp; IR</p></td></tr><tr><td width="163"><p>Audio</p></td><td width="518"><p>High Definition (HD) Audio, Realtek ALC3287 codec</p></td></tr><tr><td width="163"><p>Giao tiếp mạng</p></td><td width="518"><p>None</p></td></tr><tr><td width="163"><p>Giao tiếp không dây</p></td><td width="518"><p>Wi-Fi 6 11ax, 2x2 + BT5.1</p></td></tr><tr><td width="163"><p>Cổng giao tiếp</p></td><td width="518"><p>-&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; 1x USB 3.2 Gen 1</p><p>-&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; 1x USB 3.2 Gen 1 (Always On)</p><p>-&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; 2x USB-C 3.2 Gen 1 (support data transfer, Power Delivery 3.0, and DisplayPort 1.4)</p><p>-&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; 1x HDMI 2.0</p><p>-&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; 1x Card reader</p><p>-&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; 1x Headphone / microphone combo jack (3.5mm)</p></td></tr><tr><td width="163"><p>Pin</p></td><td width="518"><p>56.5Wh</p></td></tr><tr><td width="163"><p>Kích thước (rộng x dài x cao)</p></td><td width="518"><p>312.2 x 221 x 15.9 mm</p></td></tr><tr><td width="163"><p>Cân nặng</p></td><td width="518"><p>1.41 kg</p></td></tr><tr><td width="163"><p>Hệ điều hành</p></td><td width="518"><p>Win 11 home</p></td></tr><tr><td width="163"><p>Phụ kiện đi kèm</p></td><td width="518"><p>Adapter</p></td></tr></tbody></table>
</div>
<div class="pd-desc-btn">
<a href="javascript:void(0)" class="js-showmore-button">Xem cấu hình chi tiết</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>
<!-- 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 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 class="item">
<p class="item-title">Cơ sở 4</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 js-box-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="/taikhoan">Tài khoản</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="https://songlongmedia.com/static/assets/2023/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 js-box-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 js-box-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">
<div class="js-box-item">
<p class="title"> Phương thức thanh toán </p>
<div class="item-list payment-img">
<img data-src="https://songlongmedia.com/static/assets/2023/images/footer-payment-bg.png" alt="Phương thức thanh toán" width="1" height="1" class="lazy d-block w-auto"/>
</div>
</div>
<div class="js-box-item">
<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>
</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(/static/assets/2023/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(/static/assets/2023/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 class="global-popup-customer-like" id="js-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?return_url=https://songlongmedia.com/?show_template;equals;2023">Đăng nhập ngay</a>
<a href="/dang-ky">Đăng ký</a>
</div>
</div>
<nav id="js-global-menu" class="mb-menu">
<ul>
<li>
<a href="/dieu-hoa" class="cat-1">
<span class="cat-thumb lazy" data-bg="url(images/icons/icon-1.png)"></span>
<span class="cat-title">Điều hòa</span>
</a>
<ul>
<li><a href="/dieu-hoa-treo-tuong">Điều hòa treo tường</a></li>
<li> <a href="/dieu-hoa-tu-dung">Điều hòa tủ đứng</a> </li><li> <a href="/dieu-hoa-trung-tam">Điều hòa trung tâm</a> </li>
</ul>
</li>
<!-- // product category -->
<li> <a href="/thiet-bi-nha-bep" class="cat-1"> <span class="cat-thumb lazy" data-bg="url(images/icons/icon-2.png)"></span> <span class="cat-title">THIẾT BỊ NHÀ BẾP</span> </a> <ul> <li> <a href="/bep-dien-tu-hong-ngoai">Bếp điện từ - hồng ngoại</a> </li><li> <a href="/may-hut-mui">Máy hút mùi</a> </li><li> <a href="/may-rua-bat">Máy rửa bát</a> </li><li> <a href="/bep-gas-am">Bếp gas âm</a> </li></ul> </li><li> <a href="/dien-gia-dung" class="cat-1"> <span class="cat-thumb lazy" data-bg="url(images/icons/icon-3.png)"></span> <span class="cat-title">Điện gia dụng</span> </a> <ul> <li> <a href="/am-sieu-toc">Ấm siêu tốc</a> </li><li> <a href="/may-lam-mat">Máy làm mát</a> </li><li> <a href="/ban-la">Bàn là</a> </li><li> <a href="/bep-dien">Bếp điện</a> </li><li> <a href="/binh-thuy-dien">Bình thủy điện</a> </li><li> <a href="/cay-nuoc-nong-lanh">Cây nước nóng lạnh</a> </li><li> <a href="/lo-nuong">Lò nướng</a> </li><li> <a href="/may-loc-nuoc">Máy lọc nước</a> </li><li> <a href="/may-say-toc">Máy sấy tóc</a> </li><li> <a href="/may-xay-ep">Máy xay ép</a> </li><li> <a href="/noi-ap-suat-dien-da-nang">Nồi áp suất điện đa năng</a> </li><li> <a href="/noi-com-dien">Nồi cơm điện</a> </li><li> <a href="/bep-nuong-dien-lau-nuong">Bếp nướng điện, lẩu nướng</a> </li><li> <a href="/noi-chien-khong-dau">Nồi chiên không dầu</a> </li><li> <a href="/may-loc-khong-khi">Máy lọc không khí</a> </li><li> <a href="/noi-hap-dien-da-nang">Nồi hấp điện đa năng</a> </li><li> <a href="/may-khu-khuan">Máy khử khuẩn</a> </li></ul> </li><li> <a href="/do-gia-dung" class="cat-1"> <span class="cat-thumb lazy" data-bg="url(images/icons/icon-4.png)"></span> <span class="cat-title">Đồ gia dụng</span> </a> <ul> <li> <a href="/bo-noi-inox">Bộ nồi inox</a> </li><li> <a href="/chao-chong-dinh">Chảo chống dính</a> </li><li> <a href="/noi-ap-suat">Nồi áp suất</a> </li></ul> </li><li> <a href="/khau-trang-vai" class="cat-1"> <span class="cat-thumb lazy" data-bg="url(images/icons/icon-5.png)"></span> <span class="cat-title">Khẩu trang vải</span> </a> </li>
<li>
<a href="/tin-tuc"> Tin tức </a>
<ul>
<li> <a href="/tin-khuyen-mai">Tin khuyến mại</a> </li>
<li> <a href="/tin-tuc-cong-nghe">Tin tức công nghệ</a> </li><li> <a href="/review-san-pham">Review sản phẩm</a> </li><li> <a href="/youtube-chanel">Youtube Chanel</a> </li><li> <a href="/tuyen-dung">Tuyển dụng</a> </li><li> <a href="/khach-hang-trien-khai">Khách hàng triển khai</a> </li>
</ul>
</li>
<li>
<a href="javascrip:void(0)">Thông tin liên lạc</a>
<ul>
<li><a href="tel:094.1144.666">Hotline: <b class="red">094.1144.666</b></a></li>
<li><a href="tel:0964.713.715">Logistics: <b class="red">0964.713.715</b></a></li>
<li><a href="tel:098.606.6610">Góp ý: <b class="red">098.606.6610</b></a></li>
<li><a href="mailTo:songlongmedia@gmail.com">Email: songlongmedia@gmail.com</a></li>
</ul>
</li>
<li> <a href="/he-thong-cua-hang"> Hệ thống cửa hàng </a> </li>
<li> <a href="/dang-ky"> Đăng ký </a> </li>
<li> <a href="/dang-nhap"> Đăng nhập </a> </li>
<li> <a href="/lien-he"> Liên hệ </a> </li>
<li> <a href="/gioi-thieu"> Giới thiệu </a> </li>
</ul>
</nav>
<!-- 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>
<script src="js/mmenu.js"></script>
<!-- global -->
<script>
var lazyLoadInstance = new LazyLoad({
elements_selector: ".lazy"
});
$(document).ready(function(){
$('#js-global-menu').mmenu();
_globalScrollFunction();
$('.js-box-item .title').click(function(){
$(this).toggleClass('active');
$(this).parents('.js-box-item').find('.item-list').slideToggle(200)
});
$('#js-header-static').owlCarousel({
margin: 10,
lazyLoad: true,
loop: true,
autoplay: true,
autoplayTimeout: 4000,
autoplaySpeed: 1500,
autoplayHoverPause: true,
dots: false,
nav: false,
navText: ["<i class='arrow'></i>","<i class='arrow arrow-next'></i>"],
items: 1
});
});
$(window).scroll(function() {
_globalScrollFunction();
});
function _globalScrollFunction(){
if($(this).scrollTop() > 40) {
$('.global-header-container').addClass("header-fixed");
$('.global-header-block').show();
} else {
$('.global-header-container').removeClass("header-fixed");
$('.global-header-block').hide();
}
if($(this).scrollTop() > 200) {
$('#js-goTop').css('display','block');
} else {
$('#js-goTop').fadeOut();
}
}
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: 2,
responsive:{
0:{
stagePadding: 0
},
400:{
stagePadding: 32
}
}
});
}
</script>
<!-- homepage -->
<script>
$(document).ready(function(){
run_carousel('.js-product');
countDownToNextDay('#js-time-countdown');
$('#js-home-slider').owlCarousel({
margin: 10,
lazyLoad: true,
loop: true,
autoplay: false,
autoplayTimeout: 4000,
autoplaySpeed: 1500,
autoplayHoverPause: true,
dots: true,
nav: false,
navText: ["<i class='arrow'></i>","<i class='arrow arrow-next'></i>"],
items: 1
});
$('#js-home-customer-review').owlCarousel({
margin: 12,
lazyLoad: true,
loop: true,
autoplay: true,
autoplayTimeout: 4000,
autoplaySpeed: 1500,
autoplayHoverPause: true,
dots: true,
nav: false,
navText: ["<i class='arrow'></i>","<i class='arrow arrow-next'></i>"],
items: 1
});
});
</script>
<!-- product-category -->
<script>
$(document).ready(function(){
_toggleProductFilter();
checkContentHeight(550);
$('#js-category-slider').owlCarousel({
items: 1,
loop: true,
margin: 10,
autoplay: true,
autoplayTimeout: 3000,
autoplaySpeed: 1000,
autoplayHoverPause:true,
dots: true,
nav: false,
navText: ["<i class='arrow'></i>","<i class='arrow arrow-next'></i>"],
lazyLoad: true,
animateOut: 'fadeOut',
smartSpeed: 150
});
$('#js-category-brand').owlCarousel({
items: 5,
loop: false,
margin: 10,
autoplay: false,
autoplayTimeout: 3000,
autoplaySpeed: 1000,
autoplayHoverPause:true,
dots: true,
nav: false,
navText: ["<i class='arrow'></i>","<i class='arrow arrow-next'></i>"],
lazyLoad: true
});
})
function _toggleProductFilter() {
$('#js-filter-group .box-title').click(function(){
$('.filter-item').removeClass('current');
$(this).parents('.filter-item').toggleClass('current');
$('body').addClass('overflow-hidden')
$('html, body').animate({
scrollTop: $("#js-filter-group").offset().top - 90
},500);
});
$('body').click(function(e){
var targ = $("#js-filter-group .filter-item");
if (!targ.is(e.target) && targ.has(e.target).length === 0){
$('.filter-item').removeClass('current');
$('body').removeClass('overflow-hidden')
}
});
}
function _showPopupFilter() {
$('body').addClass('overflow-hidden');
$('#js-popup-filter-holder').addClass('active');
}
function _closePopupFilter() {
$('body').removeClass('overflow-hidden');
$('#js-popup-filter-holder').removeClass('active');
$('.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: 4,
dots: false,
nav: true,
navText: [
'<i class="arrow arrow-prev"></i>',
'<i class="arrow arrow-next"></i>'
],
smartSpeed: 200,
slideSpeed: 500,
slideBy: 5,
margin: 8,
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>
Reference in New Issue Copy Permalink