Files
du_an_khach_hang/SongLongMedia/index-mobile.html

1773 lines
122 KiB
HTML
Raw Permalink Blame History

This file contains ambiguous Unicode characters
This file contains Unicode characters that might be confused with other characters. If you think that this is intentional, you can safely ignore this warning. Use the Escape button to reveal them.
<!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><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-7.jpg"/> </a> <div class="p-type-group"> <span class="p-new">Hàng mới</span> <span class="p-bestsale">Bán chạy</span> <span class="p-hot">HOT</span> </div><a href="" class="p-name"><h3>Lorem ipsum, dolor sit amet consectetur adipisicing elit</h3></a> <div class="p-price-holder"> <span class="p-price">10.200.000 <u>đ</u></span> </div><div class="p-offer-group"> <div class="p-offer-holder">HOT Thu cũ lên đời giá cao - Thủ tục nhanh - Trợ giá lên tớiHOT Thu cũ lên đời giá cao - Thủ tục nhanh - Trợ giá lên tới</div></div><i class="icon-star star-4"></i> <a href="#js-popup-customer-like" data-fancybox class="p-btn-like">Yêu thích</a></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-name"><h3>Lorem ipsum, dolor sit amet consectetur adipisicing elit</h3></a> <div class="p-price-holder"> <span class="p-price">10.200.000 <u>đ</u></span> </div><div class="p-offer-group"> <div class="p-offer-holder">HOT Thu cũ lên đời giá cao - Thủ tục nhanh - Trợ giá lên tớiHOT Thu cũ lên đời giá cao - Thủ tục nhanh - Trợ giá lên tới</div></div><i class="icon-star star-4"></i> <a href="#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><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-name"><h3>Lorem ipsum, dolor sit amet consectetur adipisicing elit</h3></a> <div class="p-price-holder"> <span class="p-price">10.200.000 <u>đ</u></span> </div><div class="p-offer-group"> <div class="p-offer-holder">HOT Thu cũ lên đời giá cao - Thủ tục nhanh - Trợ giá lên tớiHOT Thu cũ lên đời giá cao - Thủ tục nhanh - Trợ giá lên tới</div></div><i class="icon-star star-4"></i> <a href="#js-popup-customer-like" data-fancybox class="p-btn-like">Yêu thích</a> </div></div>
</div>
</div>
</div>
<!-- PHỤ KIỆN -->
<div class="home-category-group 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><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-7.jpg"/> </a> <div class="p-type-group"> <span class="p-new">Hàng mới</span> <span class="p-bestsale">Bán chạy</span> <span class="p-hot">HOT</span> </div><a href="" class="p-name"><h3>Lorem ipsum, dolor sit amet consectetur adipisicing elit</h3></a> <div class="p-price-holder"> <span class="p-price">10.200.000 <u>đ</u></span> </div><div class="p-offer-group"> <div class="p-offer-holder">HOT Thu cũ lên đời giá cao - Thủ tục nhanh - Trợ giá lên tớiHOT Thu cũ lên đời giá cao - Thủ tục nhanh - Trợ giá lên tới</div></div><i class="icon-star star-4"></i> <a href="#js-popup-customer-like" data-fancybox class="p-btn-like">Yêu thích</a></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 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-7.jpg"/> </a> <div class="p-type-group"> <span class="p-new">Hàng mới</span> <span class="p-bestsale">Bán chạy</span> <span class="p-hot">HOT</span> </div><a href="" class="p-name"><h3>Lorem ipsum, dolor sit amet consectetur adipisicing elit</h3></a> <div class="p-price-holder"> <span class="p-price">10.200.000 <u>đ</u></span> </div><div class="p-offer-group"> <div class="p-offer-holder">HOT Thu cũ lên đời giá cao - Thủ tục nhanh - Trợ giá lên tớiHOT Thu cũ lên đời giá cao - Thủ tục nhanh - Trợ giá lên tới</div></div><i class="icon-star star-4"></i> <a href="#js-popup-customer-like" data-fancybox class="p-btn-like">Yêu thích</a></div>
</div>
<!-- paging -->
<div class="paging" >
<a href=""><span class="icon-prev"></span></a>
<a href="" class="current">1</a>
<a href="">2</a><a href="">3</a><a href="">4</a>
<a href=""><span class="icon-next"></span></a>
</div>
<div class="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>