717 lines
37 KiB
HTML
717 lines
37 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="en">
|
|
|
|
<head>
|
|
<meta charset="UTF-8">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|
<title>Document</title>
|
|
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.6.0/css/all.min.css">
|
|
<link rel="stylesheet" href="./assets/css/style.css">
|
|
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/swiper@11/swiper-bundle.min.css" />
|
|
|
|
</head>
|
|
|
|
<body>
|
|
<div class="page-detail deal">
|
|
<div class="container">
|
|
<div class="breadcrumb">
|
|
<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"><span>Trang chủ</span></span>
|
|
</a> <i>/</i>
|
|
<meta itemprop="position" content="1">
|
|
</li>
|
|
<li itemprop="itemListElement" itemscope="" itemtype="http://schema.org/ListItem">
|
|
<a href="/" itemprop="item">
|
|
<span itemprop="name">
|
|
Flash sale
|
|
</span>
|
|
</a><i>/</i>
|
|
<meta itemprop="position" content="2">
|
|
</li>
|
|
<li itemprop="itemListElement" itemscope="" itemtype="http://schema.org/ListItem">
|
|
<a href="/" itemprop="item">
|
|
<span itemprop="name">
|
|
Đấu giá
|
|
</span>
|
|
</a>
|
|
<meta itemprop="position" content="2">
|
|
</li>
|
|
</ol>
|
|
</div>
|
|
<div class="clearfix"></div>
|
|
<div class="content-main-detail d-flex">
|
|
<div class="content-left">
|
|
<div class="box-group-images d-flex">
|
|
<div class="box-thumbImage">
|
|
<div class="swiper-button swiper-button-next" id="js-image-next"></div>
|
|
<div thumbsSlider="" class="swiper thumbImage">
|
|
<div class="swiper-wrapper">
|
|
<div class="swiper-slide">
|
|
<img src="./assets/images/image-thumb-1.png" alt="">
|
|
</div>
|
|
<div class="swiper-slide">
|
|
<img src="./assets/images/image-thumb-2.png" alt="">
|
|
</div>
|
|
<div class="swiper-slide">
|
|
<img src="./assets/images/image-thumb-3.png" alt="">
|
|
</div>
|
|
<div class="swiper-slide">
|
|
<img src="./assets/images/image-thumb-4.png" alt="">
|
|
</div>
|
|
<div class="swiper-slide">
|
|
<img src="./assets/images/image-thumb-5.png" alt="">
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="swiper-button swiper-button-prev" id="js-image-prev"></div>
|
|
</div>
|
|
<div class="swiper BigImage">
|
|
<div class="swiper-wrapper">
|
|
<div class="swiper-slide">
|
|
<img src="./assets/images/product-detail-big.png" alt="">
|
|
</div>
|
|
<div class="swiper-slide">
|
|
<img src="./assets/images/product-detail-big.png" alt="">
|
|
</div>
|
|
<div class="swiper-slide">
|
|
<img src="./assets/images/product-detail-big.png" alt="">
|
|
</div>
|
|
<div class="swiper-slide">
|
|
<img src="./assets/images/product-detail-big.png" alt="">
|
|
</div>
|
|
<div class="swiper-slide">
|
|
<img src="./assets/images/product-detail-big.png" alt="">
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="content-right">
|
|
<h2 class="product-name">
|
|
Laptop Acer Aspire 7 A715-76-53PJ NH.QGESV.007 (Intel Core i5-12450H | Đen)
|
|
</h2>
|
|
<div class="box-deal-time d-flex align-items space-between">
|
|
<div class="left d-flex align-items">
|
|
<img src="./assets/images/icon-flash.png" width="100%" height="100%" alt="flash">
|
|
<p class="title">Deal hot</p>
|
|
</div>
|
|
<div class="right d-flex align-items">
|
|
<span>Kết thúc trong</span>
|
|
<div class="p-box-time d-flex align-items">
|
|
<div class="box-time">
|
|
<div class="item-time"><b>02</b></div>
|
|
<div class="item-time"><b>16</b></div>
|
|
<div class="item-time"><b>42</b></div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="group-price-deail">
|
|
<div class="main-price d-flex align-items">
|
|
<div class="price">29.490.000 <u>đ</u></div>
|
|
<div class="old-price">29.990.000 <u>đ</u></div>
|
|
<div class="saleoff">-30%</div>
|
|
</div>
|
|
<div class="box-sold-detail">
|
|
<div class="line" style="width: 90%;"></div>
|
|
<div class="txt">Đã bán <span class="ql-sold">8</span>/ <span class="ql-conlai">10</span>
|
|
Sản phẩm</div>
|
|
</div>
|
|
</div>
|
|
<div class="box-specification">
|
|
<div class="item">
|
|
<i class="fas fa-check-circle"></i>
|
|
<p>CPU: Intel Core i5-12450H (3.3GHz up to 4.4GHz 12MB)</p>
|
|
</div>
|
|
<div class="item">
|
|
<i class="fas fa-check-circle"></i>
|
|
<p>VGA: NVIDIA® GeForce RTX™ 2050 4GB GDDR6 + Intel UHD Graphics</p>
|
|
</div>
|
|
<div class="item">
|
|
<i class="fas fa-check-circle"></i>
|
|
<p>Màn hình: 15.6inch FHD (1920 x 1080) IPS, 144Hz, Slim Bezel, Acer ComfyView™</p>
|
|
</div>
|
|
<div class="item">
|
|
<i class="fas fa-check-circle"></i>
|
|
<p>RAM: 8GB (8x1) DDR4 3200MHz (2x SO-DIMM socket, up to 32GB SDRAM)</p>
|
|
</div>
|
|
</div>
|
|
<a href="javascript:void(0)" class="btn-deal" onclick="addDealCart()">Mua giá sốc</a>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="content-revew-history d-flex">
|
|
<div class="content-left">
|
|
<div class="box-review">
|
|
<div class="main-title d-flex align-items space-between">
|
|
<div class="title-left">
|
|
<div class="title d-flex align-items">
|
|
<h2>Đánh giá sản phẩm</h2>
|
|
<span>(100 đánh giá)</span>
|
|
</div>
|
|
<div class="d-flex align-items">
|
|
<div class="rating">
|
|
<i class="icon-star star5"></i>
|
|
</div>
|
|
<div class="total">
|
|
<span>4.9</span>
|
|
<span>/</span>
|
|
<span>5</span>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<a href="javascript:void(0)" class="btn-review">Gửi đánh giá</a>
|
|
</div>
|
|
|
|
<div class="list-review">
|
|
<div class="item-review d-flex flex-wrap">
|
|
<div class="avatar">
|
|
<img src="./assets/images/avatar-user.png" width="100%" height="100%" alt="avatar">
|
|
</div>
|
|
<div class="info-cnt">
|
|
<div class="name-user">Anh quang</div>
|
|
<div class="total-view">
|
|
5.0 <i class="fa fa-star"></i>
|
|
</div>
|
|
<p class="cnt">Tuần trc mới chơi trúng đấu giá máy tính này xong. Xịn nha, mượt lắm,
|
|
giao hành nhanh, uy tín.</p>
|
|
<div class="time-reply d-flex align-items">
|
|
<span class="time">20-06-2024, 10:46 am</span>
|
|
<a href="javascript:void(0)" class="btn-reply">Trả lời</a>
|
|
</div>
|
|
<div class="list-image d-flex align-items">
|
|
<a href="" class="item">
|
|
<img src="./assets/images/image-review-1.png" alt="">
|
|
</a>
|
|
<a href="" class="item">
|
|
<img src="./assets/images/image-review-2.png" alt="">
|
|
</a>
|
|
<a href="" class="item">
|
|
<img src="./assets/images/image-review-3.png" alt="">
|
|
</a>
|
|
</div>
|
|
</div>
|
|
<div class="list-reppy">
|
|
<div class="item-reply d-flex">
|
|
<div class="avatar">
|
|
<img src="./assets/images/avatar-admin.png" width="100%" height="100%"
|
|
alt="avatar">
|
|
</div>
|
|
<div class="info-cnt">
|
|
<div class="name-user">Anphatcomputer</div>
|
|
<p class="cnt">Anphat xin cảm ơn anh Quang đã ủng hộ.
|
|
<br> <br>
|
|
Anh có thể truy cập website anphatpc.com.vn để cập nhật và nhận thêm
|
|
thông tin chương trình khuyến mãi hấp dẫn từ Anphat
|
|
ạ! <br>
|
|
Trân trọng cảm ơn anh!
|
|
</p>
|
|
<div class="time-reply d-flex align-items">
|
|
<span class="time">20-06-2024, 10:46 am</span>
|
|
<a href="javascript:void(0)" class="btn-reply">Trả lời</a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="item-reply d-flex">
|
|
<div class="avatar">
|
|
<img src="./assets/images/avatar-admin.png" width="100%" height="100%"
|
|
alt="avatar">
|
|
</div>
|
|
<div class="info-cnt">
|
|
<div class="name-user">Anphatcomputer</div>
|
|
<p class="cnt">Anphat xin cảm ơn anh Quang đã ủng hộ.
|
|
<br> <br>
|
|
Anh có thể truy cập website anphatpc.com.vn để cập nhật và nhận thêm
|
|
thông tin chương trình khuyến mãi hấp dẫn từ Anphat
|
|
ạ! <br>
|
|
Trân trọng cảm ơn anh!
|
|
</p>
|
|
<div class="time-reply d-flex align-items">
|
|
<span class="time">20-06-2024, 10:46 am</span>
|
|
<a href="javascript:void(0)" class="btn-reply">Trả lời</a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="item-review d-flex flex-wrap">
|
|
<div class="avatar">
|
|
<img src="./assets/images/avatar-user.png" width="100%" height="100%" alt="avatar">
|
|
</div>
|
|
<div class="info-cnt">
|
|
<div class="name-user">Anh quang</div>
|
|
<div class="total-view">
|
|
5.0 <i class="fa fa-star"></i>
|
|
</div>
|
|
<p class="cnt">Tuần trc mới chơi trúng đấu giá máy tính này xong. Xịn nha, mượt lắm,
|
|
giao hành nhanh, uy tín.</p>
|
|
<div class="time-reply d-flex align-items">
|
|
<span class="time">20-06-2024, 10:46 am</span>
|
|
<a href="javascript:void(0)" class="btn-reply">Trả lời</a>
|
|
</div>
|
|
<div class="list-image d-flex align-items">
|
|
<a href="" class="item">
|
|
<img src="./assets/images/image-review-1.png" alt="">
|
|
</a>
|
|
<a href="" class="item">
|
|
<img src="./assets/images/image-review-2.png" alt="">
|
|
</a>
|
|
<a href="" class="item">
|
|
<img src="./assets/images/image-review-3.png" alt="">
|
|
</a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<a href="javascript:void(0)" class="more-review">
|
|
<span>Xem tất cả đánh giá</span> <i class="fas fa-chevron-right"></i>
|
|
</a>
|
|
|
|
</div>
|
|
<div class="box-question">
|
|
<h2 class="title">Hỏi đáp <span>(100 bình luận)</span></h2>
|
|
<div class="form-question">
|
|
<textarea name="" id="" class="input-question"
|
|
placeholder="Xin mời để lại câu hỏi, Anphat sẽ trả lời lại trong 1h, các câu hỏi sau 22h - 8h sẽ được trả lời vào sáng hôm sau"
|
|
height=""></textarea>
|
|
<button type="submit" class="btn-question">
|
|
<i class="fas fa-paper-plane"></i>
|
|
<span>Gửi</span>
|
|
</button>
|
|
</div>
|
|
<div class="list-question">
|
|
<div class="item-question d-flex flex-wrap">
|
|
<div class="avatar">
|
|
<img src="./assets/images/avatar-user.png" width="100%" height="100%" alt="avatar">
|
|
</div>
|
|
<div class="info-cnt">
|
|
<div class="info-user d-flex align-items">
|
|
<div class="name-user">Anh Quang</div>
|
|
<span class="time">20-06-2024, 10:46 am</span>
|
|
</div>
|
|
<div class="cnt">
|
|
<p>Sau khi thắng đấu gía thời gian bao lâu để thanh toán nhận hàng</p>
|
|
<a href="javascript:void(0)" class="click-question">
|
|
<i class="fas fa-comments"></i> <span>Trả lời</span>
|
|
</a>
|
|
</div>
|
|
</div>
|
|
<div class="list-reply">
|
|
<div class="reply-question d-flex">
|
|
<div class="avatar">
|
|
<img src="./assets/images/avatar-admin.png" width="100%" height="100%"
|
|
alt="avatar">
|
|
</div>
|
|
<div class="info-cnt">
|
|
<div class="info-user d-flex align-items">
|
|
<div class="name-user">Anphatcomputer</div>
|
|
</div>
|
|
<div class="cnt">
|
|
<p>Dạ, bộ phận CSKH sẽ liên hệ với người chiến thắng ngay trong ngày để
|
|
hướng dẫn thanh toán nhận hàng ạ</p>
|
|
<a href="javascript:void(0)" class="click-question">
|
|
<i class="fas fa-comments"></i> <span>Trả lời</span>
|
|
</a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<a href="javascript:void(0)" class="more-question">
|
|
<span>Xem tất cả hỏi đáp</span> <i class="fas fa-chevron-right"></i>
|
|
</a>
|
|
</div>
|
|
<div class="box-info-product">
|
|
<div class="tab d-flex align-items">
|
|
<a href="javascrit:void(0)" data-id="#tab-info" class="item-tab active">Thông tin sản
|
|
phẩm</a>
|
|
</div>
|
|
<div class="content-tab active" id="tab-info">
|
|
<div class="d-flex info">
|
|
<img src="./assets/images/product-detail-big.png" width="100%" height="100%" alt="">
|
|
<ul>
|
|
<li>Tên sản phẩm: Laptop Acer Aspire 7 A715-76-53PJ NH.QGESV.007</li>
|
|
<li>Dòng Laptop: Laptop | Laptop Acer Aspire | Laptop Đồ Họa | Laptop văn phòng</li>
|
|
<b>Bộ vi xử lý</b>
|
|
<li>Công nghệ CPU: Intel Core i5-12450H</li>
|
|
<li>Số nhân: 8</li>
|
|
<li>Số luồng: 12</li>
|
|
<li>Tốc độ tối đa: 4.4GHz</li>
|
|
<li>Bộ nhớ đệm: 12MB</li>
|
|
<b>Bộ nhớ trong (RAM)</b>
|
|
<li>RAM: 16GB (2x8GB)</li>
|
|
<li>Loại RAM: DDR4</li>
|
|
<li>Tốc độ Bus RAM: 3200Mhz</li>
|
|
<li>Số khe cắm: 2 khe</li>
|
|
<li>Hỗ trợ RAM tối đa: Nâng cấp tối đa 32GB</li>
|
|
<b>Ổ cứng</b>
|
|
<li>Dung lượng: 512GB PCIe NVMe SSD</li>
|
|
<li>Tốc độ vòng quay</li>
|
|
<li>Khe cắm SSD mở rộng: nâng cấp tối đa 1 TB SSD PCIe Gen4, 16 Gb/s, NVMe</li>
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="content-right">
|
|
<div class="list-product-deal">
|
|
<h2 class="title">Flash sale đang diễn ra</h2>
|
|
<div class="list d-flex flex-wrap">
|
|
<div class="item-deal">
|
|
<div class="images">
|
|
<a href=""><img src="./assets/images/icon-pro-top.png" alt=""></a>
|
|
</div>
|
|
<div class="info">
|
|
<div class="box-sold">
|
|
<div class="line" style="width: 90%;"></div>
|
|
<div class="txt">Đã bán <span class="ql-sold">8</span>/ <span
|
|
class="ql-conlai">10</span> Sản phẩm</div>
|
|
</div>
|
|
<a href="" class="name line-clamp-2">Loa Floorstanding Focal Loudspeaker Aria Evo X
|
|
N4</a>
|
|
|
|
<div class="group-price">
|
|
<div class="price">28.490.000 <u>đ</u></div>
|
|
<div class="d-flex align-items space-center">
|
|
<del class="old-price">30.490.000 <u>đ</u></del>
|
|
<div class="saleoff">-30%</div>
|
|
</div>
|
|
</div>
|
|
<a href="" class="btn-add">Mua ngay</a>
|
|
</div>
|
|
</div>
|
|
<div class="item-deal">
|
|
<div class="images">
|
|
<a href=""><img src="./assets/images/icon-pro-top.png" alt=""></a>
|
|
</div>
|
|
<div class="info">
|
|
<div class="box-sold">
|
|
<div class="line" style="width: 90%;"></div>
|
|
<div class="txt">Đã bán <span class="ql-sold">8</span>/ <span
|
|
class="ql-conlai">10</span> Sản phẩm</div>
|
|
</div>
|
|
<a href="" class="name line-clamp-2">Loa Floorstanding Focal Loudspeaker Aria Evo X
|
|
N4</a>
|
|
|
|
<div class="group-price">
|
|
<div class="price">28.490.000 <u>đ</u></div>
|
|
<div class="d-flex align-items space-center">
|
|
<del class="old-price">30.490.000 <u>đ</u></del>
|
|
<div class="saleoff">-30%</div>
|
|
</div>
|
|
</div>
|
|
<a href="" class="btn-add">Mua ngay</a>
|
|
</div>
|
|
</div>
|
|
<div class="item-deal">
|
|
<div class="images">
|
|
<a href=""><img src="./assets/images/icon-pro-top.png" alt=""></a>
|
|
</div>
|
|
<div class="info">
|
|
<div class="box-sold">
|
|
<div class="line" style="width: 90%;"></div>
|
|
<div class="txt">Đã bán <span class="ql-sold">8</span>/ <span
|
|
class="ql-conlai">10</span> Sản phẩm</div>
|
|
</div>
|
|
<a href="" class="name line-clamp-2">Loa Floorstanding Focal Loudspeaker Aria Evo X
|
|
N4</a>
|
|
|
|
<div class="group-price">
|
|
<div class="price">28.490.000 <u>đ</u></div>
|
|
<div class="d-flex align-items space-center">
|
|
<del class="old-price">30.490.000 <u>đ</u></del>
|
|
<div class="saleoff">-30%</div>
|
|
</div>
|
|
</div>
|
|
<a href="" class="btn-add">Mua ngay</a>
|
|
</div>
|
|
</div>
|
|
<div class="item-deal">
|
|
<div class="images">
|
|
<a href=""><img src="./assets/images/icon-pro-top.png" alt=""></a>
|
|
</div>
|
|
<div class="info">
|
|
<div class="box-sold">
|
|
<div class="line" style="width: 90%;"></div>
|
|
<div class="txt">Đã bán <span class="ql-sold">8</span>/ <span
|
|
class="ql-conlai">10</span> Sản phẩm</div>
|
|
</div>
|
|
<a href="" class="name line-clamp-2">Loa Floorstanding Focal Loudspeaker Aria Evo X
|
|
N4</a>
|
|
|
|
<div class="group-price">
|
|
<div class="price">28.490.000 <u>đ</u></div>
|
|
<div class="d-flex align-items space-center">
|
|
<del class="old-price">30.490.000 <u>đ</u></del>
|
|
<div class="saleoff">-30%</div>
|
|
</div>
|
|
</div>
|
|
<a href="" class="btn-add">Mua ngay</a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
|
|
<div class="overlay"></div>
|
|
<div class="box-popup popup-add-cart">
|
|
<h2 class="title">Thông tin đặt hàng</h2>
|
|
<a href="javascript:void(0)" class='click-close' onclick="closePopop()">
|
|
<i class="fa fa-times"></i>
|
|
</a>
|
|
<div class="form-cart">
|
|
<div class="title-form d-flex align-items">
|
|
<i class="fas fa-map-marker-alt"></i>
|
|
Địa chỉ nhân hàng
|
|
</div>
|
|
<div class="item-input">
|
|
<input type="text" class="input" id="name" name="name" placeholder="Họ và tên">
|
|
<div class="note-error"></div>
|
|
</div>
|
|
<div class="item-input">
|
|
<input type="text" class="input" id="email" name="email" placeholder="Email">
|
|
<div class="note-error"></div>
|
|
</div>
|
|
<div class="item-input">
|
|
<input type="text" class="input" id="phone" name="phone" placeholder="Số điện thoại">
|
|
<div class="note-error"></div>
|
|
</div>
|
|
<div class="d-flex align-items space-between box-select">
|
|
<div class="item-input">
|
|
<select name="" id="city" class="input">
|
|
<option value="0">Tỉnh/Thành phố</option>
|
|
<option value="28">Hà nội</option>
|
|
</select>
|
|
<div class="note-error"></div>
|
|
</div>
|
|
<div class="item-input">
|
|
<select name="" id="district" class="input">
|
|
<option value="0">Quận/Huyện</option>
|
|
<option value="2">Láng hạ</option>
|
|
</select>
|
|
<div class="note-error"></div>
|
|
</div>
|
|
</div>
|
|
<div class="item-input">
|
|
<input type="text" class="input" id="address" name="address" placeholder="Tòa nhà, Tên đường..">
|
|
<div class="note-error"></div>
|
|
</div>
|
|
<div class="item-input">
|
|
<input type="text" class="input" name="note" placeholder="Nhập ghi chú cho chúng tôi">
|
|
<div class="note-error"></div>
|
|
</div>
|
|
|
|
<div class="box-total-price">
|
|
<div class="box-provisional d-flex align-items space-between">
|
|
<span>Tạm tính <span>(1 sản phẩm)</span></span>
|
|
<div class="provisional">29.000.000 <u>đ</u></div>
|
|
</div>
|
|
<div class="box-total-amount d-flex align-items space-between">
|
|
<b>Tổng tiền</b>
|
|
<div class="total-amount">29.000.000 <u>đ</u></div>
|
|
</div>
|
|
</div>
|
|
<a href="javascript:void(0)" class="btn-send-cart" onclick="checkbuy()">
|
|
Đặt mua
|
|
</a>
|
|
</div>
|
|
</div>
|
|
|
|
|
|
<div class="box-popup popup-buy-success">
|
|
<div class="title">
|
|
<img src="./assets/images/image-checkbox.png" width="100%" height="100%" alt="checkbox">
|
|
<h2>Đặt hàng thành công</h2>
|
|
</div>
|
|
<a href="javascript:void(0)" class='click-close' onclick="closePopop()">
|
|
<i class="fa fa-times"></i>
|
|
</a>
|
|
<div class="content">
|
|
<p>Cảm ơn bạn đã mua hàng tại <a href="#">Anphatpc.com.vn.</a> <br>
|
|
Nhân viên <a href="#">Anphatpc.com.vn</a> sẽ liên hệ với bạn trong thời gian sớm nhất.</p>
|
|
<b>Mã đơn hàng của bạn <a href="#">#0061</a></b>
|
|
<i>Khi cần hỗ trợ vui lòng liên hệ hotline 1800xx</i>
|
|
</div>
|
|
</div>
|
|
|
|
</body>
|
|
|
|
<script src="https://cdn.jsdelivr.net/npm/swiper@11/swiper-bundle.min.js"></script>
|
|
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.7.1/jquery.min.js"></script>
|
|
<script>
|
|
|
|
var swiper_thumb = new Swiper(".thumbImage", {
|
|
spaceBetween: 10,
|
|
slidesPerView: 4,
|
|
direction: "vertical",
|
|
loop: true,
|
|
on: {
|
|
init: (swiper) => {
|
|
let totalGap = swiper.passedParams.spaceBetween * (swiper.passedParams.slidesPerView - 1);
|
|
let containerHeight = swiper.passedParams.slidesPerView * swiper.slides[0].clientHeight + totalGap;
|
|
swiper.el.style.height = containerHeight + 'px';
|
|
},
|
|
},
|
|
});
|
|
|
|
var swiper_big = new Swiper(".BigImage", {
|
|
spaceBetween: 10,
|
|
watchSlidesProgress: true,
|
|
noSwiping: true,
|
|
navigation: {
|
|
nextEl: "#js-image-next",
|
|
prevEl: "#js-image-prev",
|
|
},
|
|
thumbs: {
|
|
swiper: swiper_thumb,
|
|
},
|
|
});
|
|
</script>
|
|
|
|
|
|
<script>
|
|
|
|
function addDealCart() {
|
|
$('.box-popup').removeClass('active')
|
|
$('.overlay').addClass('active')
|
|
$('.popup-add-cart').addClass('active')
|
|
}
|
|
|
|
|
|
function checkbuy() {
|
|
var number_regex1 = /^[0]\d{9}$/i;
|
|
var number_regex2 = /^[0]\d{10}$/i;
|
|
var error = false;
|
|
var name = $('#name').val();
|
|
var $name = $('#name');
|
|
var email = $('#email').val();
|
|
var $email = $('#email');
|
|
var phone = $('#phone').val();
|
|
var $phone = $('#phone');
|
|
var city = $('#city').val();
|
|
var $city = $('#city');
|
|
var district = $('#district').val();
|
|
var $district = $('#district');
|
|
var address = $('#address').val();
|
|
var $address = $('#address');
|
|
|
|
var item_name = $name.parents(".item-input");
|
|
if (name.length < 4) {
|
|
item_name.addClass('error');
|
|
item_name.find($('.note-error')).html('Tên quá ngắn')
|
|
} else if (name.indexOf('<script') > -1) {
|
|
item_name.addClass('error');
|
|
item_name.find($('.note-error')).html('Họ tên chứa các ký tự không hợp lệ, bạn vui lòng kiểm tra lại');
|
|
}
|
|
|
|
var item_email = $email.parents(".item-input");
|
|
if (email.length < 4) {
|
|
item_email.addClass('error')
|
|
item_email.find($('.note-error')).html("Bạn chưa nhập Email");
|
|
error = true;
|
|
} else if (!validateEmail(email)) {
|
|
item_email.addClass('error')
|
|
item_email.find($('.note-error')).html("Địa chỉ email chưa chính xác");
|
|
error = true;
|
|
} else {
|
|
item_email.removeClass('error');
|
|
item_email.find($('.note-error')).html("");
|
|
}
|
|
|
|
var item_phone = $phone.parents(".item-input");
|
|
if (phone.length < 4) {
|
|
item_phone.addClass('error')
|
|
item_phone.find($('.note-error')).html("Bạn chưa nhập SĐT");
|
|
error = true;
|
|
} else if (!phone.match(number_regex1) && !phone.match(number_regex2)) {
|
|
item_phone.addClass('error')
|
|
item_phone.find($('.note-error')).html("Số điện thoại chưa chính xác");
|
|
error = true;
|
|
} else {
|
|
item_phone.removeClass('error');
|
|
item_phone.find($('.note-error')).html("");
|
|
}
|
|
|
|
|
|
var item_city = $city.parents('.item-input');
|
|
if (city == 0) {
|
|
item_city.addClass('error');
|
|
item_city.find($('.note-error')).html("Bạn chưa chọn Tỉnh/Thành phố");
|
|
error = true;
|
|
} else {
|
|
item_city.removeClass('error');
|
|
item_city.find($('.note-error')).html("");
|
|
}
|
|
|
|
var item_district = $district.parents('.item-input');
|
|
if (district == 0) {
|
|
item_district.addClass('error');
|
|
item_district.find($('.note-error')).html("Bạn chưa chọn Quận/Huyện");
|
|
error = true;
|
|
} else {
|
|
item_district.removeClass('error');
|
|
item_district.find($('.note-error')).html("");
|
|
}
|
|
|
|
var item_check_add = $address.parents(".item-input");
|
|
if (address.length < 5) {
|
|
item_check_add.addClass('error')
|
|
item_check_add.find($('.note-error')).html("Địa chỉ quá ngắn");
|
|
error = true;
|
|
} else if (address.indexOf('<script') > -1) {
|
|
item_check_add.addClass('error')
|
|
item_check_add.find($('.note-error')).html("Địa chỉ chứa các ký tự không hợp lệ, bạn vui lòng kiểm tra lại");
|
|
error = true;
|
|
} else {
|
|
item_check_add.removeClass('error');
|
|
item_check_add.find($('.note-error')).html("");
|
|
}
|
|
|
|
|
|
if (error) {
|
|
alert('Vui lòng kiểm tra lại thông tin đơn hàng');
|
|
return false;
|
|
} else {
|
|
$('.box-popup').removeClass('active');
|
|
$('.popup-buy-success').addClass('active')
|
|
$('.overlay').addClass('active')
|
|
}
|
|
|
|
|
|
}
|
|
|
|
|
|
function closePopop() {
|
|
$('.box-popup').removeClass('active');
|
|
$('.overlay').removeClass('active')
|
|
}
|
|
|
|
|
|
function validateEmail(sEmail) {
|
|
var filter = /^([\w-\.]+)@((\[[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\.)|(([\w-]+\.)+))([a-zA-Z]{2,4}|[0-9]{1,3})(\]?)$/;
|
|
if (filter.test(sEmail)) {
|
|
return true;
|
|
}
|
|
else {
|
|
return false;
|
|
}
|
|
}
|
|
|
|
function validatePhoneNumber(a) {
|
|
var number_regex1 = /^[0]\d{9}$/i;
|
|
var number_regex2 = /^[0]\d{10}$/i;
|
|
|
|
if (number_regex1.test(a) == false && number_regex2.test(a) == false) return false;
|
|
return true;
|
|
}
|
|
|
|
</script>
|
|
|
|
</html> |