tieptk/bestpc
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

up

Browse Source
This commit is contained in:
Tieptk
2025-05-29 11:59:43 +07:00
parent 7923fb8b3b
commit 50e424b802
9 changed files with 505 additions and 258 deletions
Download Patch File Download Diff File Expand all files Collapse all files

422
template/product/search.html Normal file
View File

@@ -0,0 +1,422 @@
<div class="page-category bg-[#F4F4F4]">
<div class="container">
<div class="breadcrumb p-[12px_0]">
<ol itemscope="" itemtype="http://schema.org/BreadcrumbList" class="ul flex flex-wrap items-center">
<li itemprop="itemListElement" itemscope="" itemtype="http://schema.org/ListItem"
class="flex items-center pr-[12px]">
<a href="/" itemprop="item" class="nopad-l flex items-center text-[#637381]">
<span itemprop="name"><span style="font-size: 0;display: none;">Trang chủ</span> <i
class="icon_2025 home mr-[5px] mb-[5px]"></i></span>
</a> <i class="icon_2025 angle-right ml-[12px]"></i>
<meta itemprop="position" content="1">
</li>
<li itemprop="itemListElement" itemscope="" itemtype="http://schema.org/ListItem"
class="flex items-center pr-[12px]">
<a href="/tim?q" itemprop="item" class="nopad-l flex items-center">
<span itemprop="name">
Tìm kiếm
</span>
</a>
<meta itemprop="position" content="2">
</li>
</ol>
</div>
<div class="box-backgorund px-3 pt-2.5 pb-12 mt-3.5 bg-white">
<div class="flex">
<!-- Left Sidebar - Filters -->
<div class="w-[19%]">
<div class="mt-2 box-filter">
<div class="flex items-center px-3">
<i class="icon_2025 filter-2"></i>
<b class="text-lg font-bold ml-2">Bộ lọc tìm kiếm</b>
</div>
<div class="item-filter mt-2.5">
<h3
class="text-base font-bold leading-loose text-black pt-[10px] border-t-[1px] border-[#D3D3D3]">
Lọc theo
</h3>
<div class="mt-1 text-base leading-8 text-black max-md:ml-2.5">
<a href="" class="item flex items-center ">
<input type="checkbox" id="vehicle1" class="checkbox">
<label for="vehicle1" class="ml-2">Máy tính dành cho</label>
</a>
<a href="" class="item flex items-center ">
<input type="checkbox" id="vehicle1" class="checkbox">
<label for="vehicle1" class="ml-2">Máy tính dành cho</label>
</a>
<a href="" class="item flex items-center ">
<input type="checkbox" id="vehicle1" class="checkbox">
<label for="vehicle1" class="ml-2">Máy tính dành cho</label>
</a>
<a href="" class="item flex items-center ">
<input type="checkbox" id="vehicle1" class="checkbox">
<label for="vehicle1" class="ml-2">Máy tính dành cho</label>
</a>
<a href="" class="item flex items-center ">
<input type="checkbox" id="vehicle1" class="checkbox">
<label for="vehicle1" class="ml-2">Máy tính dành cho</label>
</a>
<a href="" class="item flex items-center ">
<input type="checkbox" id="vehicle1" class="checkbox">
<label for="vehicle1" class="ml-2">Máy tính dành cho</label>
</a>
</div>
</div>
<div class="item-filter mt-2.5">
<h3
class="text-base font-bold leading-loose text-black pt-[10px] border-t-[1px] border-[#D3D3D3]">
Lọc theo
</h3>
<div class="mt-1 text-base leading-8 text-black max-md:ml-2.5">
<a href="" class="item flex items-center ">
<input type="checkbox" id="vehicle1" class="checkbox">
<label for="vehicle1" class="ml-2">Máy tính dành cho</label>
</a>
<a href="" class="item flex items-center ">
<input type="checkbox" id="vehicle1" class="checkbox">
<label for="vehicle1" class="ml-2">Máy tính dành cho</label>
</a>
<a href="" class="item flex items-center ">
<input type="checkbox" id="vehicle1" class="checkbox">
<label for="vehicle1" class="ml-2">Máy tính dành cho</label>
</a>
<a href="" class="item flex items-center ">
<input type="checkbox" id="vehicle1" class="checkbox">
<label for="vehicle1" class="ml-2">Máy tính dành cho</label>
</a>
<a href="" class="item flex items-center ">
<input type="checkbox" id="vehicle1" class="checkbox">
<label for="vehicle1" class="ml-2">Máy tính dành cho</label>
</a>
<a href="" class="item flex items-center ">
<input type="checkbox" id="vehicle1" class="checkbox">
<label for="vehicle1" class="ml-2">Máy tính dành cho</label>
</a>
</div>
</div>
<div class="item-filter mt-2.5">
<h3
class="text-base font-bold leading-loose text-black pt-[10px] border-t-[1px] border-[#D3D3D3]">
Lượt đánh giá
</h3>
<div class="mt-1 text-base leading-8 text-black max-md:ml-2.5">
<a href="" class="item flex items-center ">
<input type="checkbox" id="vehicle1" class="checkbox">
<label for="vehicle1" class="ml-2 flex items-center"><b>1</b> <i
class="icon-star star-small ml-1"></i></label>
</a>
<a href="" class="item flex items-center ">
<input type="checkbox" id="vehicle1" class="checkbox">
<label for="vehicle1" class="ml-2 flex items-center"><b>1</b> <i
class="icon-star star-small ml-1"></i></label>
</a>
<a href="" class="item flex items-center ">
<input type="checkbox" id="vehicle1" class="checkbox">
<label for="vehicle1" class="ml-2 flex items-center"><b>1</b> <i
class="icon-star star-small ml-1"></i></label>
</a>
</div>
</div>
</div>
</div>
<div class="ml-5 w-[81%]">
<div class="flex items-center flex-wrap gap-[10px]">
<a href=""
class="inline-block px-3 py-1 border-[1px] border-[var(--color-global)] rounded-[3px] whitespace-nowrap font-bold text-[var(--color-global)]">Tất
cả
(128)</a>
<a href=""
class="inline-block px-3 py-1 border-[1px] border-[#b0b0b0] rounded-[3px] whitespace-nowrap">Tất
cả
(128)</a>
<a href=""
class="inline-block px-3 py-1 border-[1px] border-[#b0b0b0] rounded-[3px] whitespace-nowrap">Tất
cả
(128)</a>
<a href=""
class="inline-block px-3 py-1 border-[1px] border-[#b0b0b0] rounded-[3px] whitespace-nowrap">Tất
cả
(128)</a>
<a href=""
class="inline-block px-3 py-1 border-[1px] border-[#b0b0b0] rounded-[3px] whitespace-nowrap">Tất
cả
(128)</a>
<a href=""
class="inline-block px-3 py-1 border-[1px] border-[#b0b0b0] rounded-[3px] whitespace-nowrap">Tất
cả
(128)</a>
<a href=""
class="inline-block px-3 py-1 border-[1px] border-[#b0b0b0] rounded-[3px] whitespace-nowrap">Tất
cả
(128)</a>
<a href=""
class="inline-block px-3 py-1 border-[1px] border-[#b0b0b0] rounded-[3px] whitespace-nowrap">Tất
cả
(128)</a>
<a href=""
class="inline-block px-3 py-1 border-[1px] border-[#b0b0b0] rounded-[3px] whitespace-nowrap">Tất
cả
(128)</a>
<a href=""
class="inline-block px-3 py-1 border-[1px] border-[#b0b0b0] rounded-[3px] whitespace-nowrap">Tất
cả
(128)</a>
<a href=""
class="inline-block px-3 py-1 border-[1px] border-[#b0b0b0] rounded-[3px] whitespace-nowrap">Tất
cả
(128)</a>
<a href=""
class="inline-block px-3 py-1 border-[1px] border-[#b0b0b0] rounded-[3px] whitespace-nowrap">Tất
cả
(128)</a>
</div>
<div class="mt-2 mb-4 flex items-center justify-between">
<h1 class="text-xl font-bold max-md:max-w-full">
Tìm thấy 128 kết quả với từ khóa "<span>Laptop</span>"
</h1>
<select name="" id=""
class="w-[120px] border border-[#dbdbdb] pl-[5px] h-[36px] text-black rounded-[4px]">
<option value="">Sắp xếp</option>
<option value="">Sản phẩm mới</option>
</select>
</div>
<div class="product-list grid grid-cols-4 gap-[15px]">
<div class="product-item">
<a href="/product-detail" class="product-image">
<img src="../../assets/images/box-image.png" alt="Laptop Dell" />
<div class="box-saleoff">-20%</div>
</a>
<div class="info-product">
<a href="/product-detail" class="name-product line-clamp-2">Laptop văn phòng Dell RAM 8G
Core
i7</a>
<div class="price">15.000.000đ</div>
<div class="flex items-center justify-between mb-[5px]">
<del class="old-price">16.500.000đ</del>
<i class="icon-star star5"></i>
</div>
<div class="total-shop flex items-center">
<div class="box-shop"><i class="icon_2025 shop"></i></div>
<p class="ml-[7px]">Có 12 cửa hàng bán</p>
</div>
</div>
</div>
<div class="product-item">
<a href="/product-detail" class="product-image">
<img src="../../assets/images/box-image.png" alt="Laptop Dell" />
<div class="box-saleoff">-20%</div>
</a>
<div class="info-product">
<a href="/product-detail" class="name-product line-clamp-2">Laptop văn phòng Dell RAM 8G
Core
i7</a>
<div class="price">15.000.000đ</div>
<div class="flex items-center justify-between mb-[5px]">
<del class="old-price">16.500.000đ</del>
<i class="icon-star star5"></i>
</div>
<div class="total-shop flex items-center">
<div class="box-shop"><i class="icon_2025 shop"></i></div>
<p class="ml-[7px]">Có 12 cửa hàng bán</p>
</div>
</div>
</div>
<div class="product-item">
<a href="/product-detail" class="product-image">
<img src="../../assets/images/box-image.png" alt="Laptop Dell" />
<div class="box-saleoff">-20%</div>
</a>
<div class="info-product">
<a href="/product-detail" class="name-product line-clamp-2">Laptop văn phòng Dell RAM 8G
Core
i7</a>
<div class="price">15.000.000đ</div>
<div class="flex items-center justify-between mb-[5px]">
<del class="old-price">16.500.000đ</del>
<i class="icon-star star5"></i>
</div>
<div class="total-shop flex items-center">
<div class="box-shop"><i class="icon_2025 shop"></i></div>
<p class="ml-[7px]">Có 12 cửa hàng bán</p>
</div>
</div>
</div>
<div class="product-item">
<a href="/product-detail" class="product-image">
<img src="../../assets/images/box-image.png" alt="Laptop Dell" />
<div class="box-saleoff">-20%</div>
</a>
<div class="info-product">
<a href="/product-detail" class="name-product line-clamp-2">Laptop văn phòng Dell RAM 8G
Core
i7</a>
<div class="price">15.000.000đ</div>
<div class="flex items-center justify-between mb-[5px]">
<del class="old-price">16.500.000đ</del>
<i class="icon-star star5"></i>
</div>
<div class="total-shop flex items-center">
<div class="box-shop"><i class="icon_2025 shop"></i></div>
<p class="ml-[7px]">Có 12 cửa hàng bán</p>
</div>
</div>
</div>
<div class="product-item">
<a href="/product-detail" class="product-image">
<img src="../../assets/images/box-image.png" alt="Laptop Dell" />
<div class="box-saleoff">-20%</div>
</a>
<div class="info-product">
<a href="/product-detail" class="name-product line-clamp-2">Laptop văn phòng Dell RAM 8G
Core
i7</a>
<div class="price">15.000.000đ</div>
<div class="flex items-center justify-between mb-[5px]">
<del class="old-price">16.500.000đ</del>
<i class="icon-star star5"></i>
</div>
<div class="total-shop flex items-center">
<div class="box-shop"><i class="icon_2025 shop"></i></div>
<p class="ml-[7px]">Có 12 cửa hàng bán</p>
</div>
</div>
</div>
<div class="product-item">
<a href="/product-detail" class="product-image">
<img src="../../assets/images/box-image.png" alt="Laptop Dell" />
<div class="box-saleoff">-20%</div>
</a>
<div class="info-product">
<a href="/product-detail" class="name-product line-clamp-2">Laptop văn phòng Dell RAM 8G
Core
i7</a>
<div class="price">15.000.000đ</div>
<div class="flex items-center justify-between mb-[5px]">
<del class="old-price">16.500.000đ</del>
<i class="icon-star star5"></i>
</div>
<div class="total-shop flex items-center">
<div class="box-shop"><i class="icon_2025 shop"></i></div>
<p class="ml-[7px]">Có 12 cửa hàng bán</p>
</div>
</div>
</div>
<div class="product-item">
<a href="/product-detail" class="product-image">
<img src="../../assets/images/box-image.png" alt="Laptop Dell" />
<div class="box-saleoff">-20%</div>
</a>
<div class="info-product">
<a href="/product-detail" class="name-product line-clamp-2">Laptop văn phòng Dell RAM 8G
Core
i7</a>
<div class="price">15.000.000đ</div>
<div class="flex items-center justify-between mb-[5px]">
<del class="old-price">16.500.000đ</del>
<i class="icon-star star5"></i>
</div>
<div class="total-shop flex items-center">
<div class="box-shop"><i class="icon_2025 shop"></i></div>
<p class="ml-[7px]">Có 12 cửa hàng bán</p>
</div>
</div>
</div>
<div class="product-item">
<a href="/product-detail" class="product-image">
<img src="../../assets/images/box-image.png" alt="Laptop Dell" />
<div class="box-saleoff">-20%</div>
</a>
<div class="info-product">
<a href="/product-detail" class="name-product line-clamp-2">Laptop văn phòng Dell RAM 8G
Core
i7</a>
<div class="price">15.000.000đ</div>
<div class="flex items-center justify-between mb-[5px]">
<del class="old-price">16.500.000đ</del>
<i class="icon-star star5"></i>
</div>
<div class="total-shop flex items-center">
<div class="box-shop"><i class="icon_2025 shop"></i></div>
<p class="ml-[7px]">Có 12 cửa hàng bán</p>
</div>
</div>
</div>
<div class="product-item">
<a href="/product-detail" class="product-image">
<img src="../../assets/images/box-image.png" alt="Laptop Dell" />
<div class="box-saleoff">-20%</div>
</a>
<div class="info-product">
<a href="/product-detail" class="name-product line-clamp-2">Laptop văn phòng Dell RAM 8G
Core
i7</a>
<div class="price">15.000.000đ</div>
<div class="flex items-center justify-between mb-[5px]">
<del class="old-price">16.500.000đ</del>
<i class="icon-star star5"></i>
</div>
<div class="total-shop flex items-center">
<div class="box-shop"><i class="icon_2025 shop"></i></div>
<p class="ml-[7px]">Có 12 cửa hàng bán</p>
</div>
</div>
</div>
<div class="product-item">
<a href="/product-detail" class="product-image">
<img src="../../assets/images/box-image.png" alt="Laptop Dell" />
<div class="box-saleoff">-20%</div>
</a>
<div class="info-product">
<a href="/product-detail" class="name-product line-clamp-2">Laptop văn phòng Dell RAM 8G
Core
i7</a>
<div class="price">15.000.000đ</div>
<div class="flex items-center justify-between mb-[5px]">
<del class="old-price">16.500.000đ</del>
<i class="icon-star star5"></i>
</div>
<div class="total-shop flex items-center">
<div class="box-shop"><i class="icon_2025 shop"></i></div>
<p class="ml-[7px]">Có 12 cửa hàng bán</p>
</div>
</div>
</div>
<div class="product-item">
<a href="/product-detail" class="product-image">
<img src="../../assets/images/box-image.png" alt="Laptop Dell" />
<div class="box-saleoff">-20%</div>
</a>
<div class="info-product">
<a href="/product-detail" class="name-product line-clamp-2">Laptop văn phòng Dell RAM 8G
Core
i7</a>
<div class="price">15.000.000đ</div>
<div class="flex items-center justify-between mb-[5px]">
<del class="old-price">16.500.000đ</del>
<i class="icon-star star5"></i>
</div>
<div class="total-shop flex items-center">
<div class="box-shop"><i class="icon_2025 shop"></i></div>
<p class="ml-[7px]">Có 12 cửa hàng bán</p>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>