update
This commit is contained in:
@@ -1,57 +0,0 @@
|
||||
<div class="bg-white shadow p-3 rounded-sm">
|
||||
<h1 class="text-2xl font-bold">Danh sách sản phẩm/dịch vụ bán kèm sản phẩm</h1>
|
||||
|
||||
<div class=" flex items-center justify-end gap-3">
|
||||
<a href="/product/addon_add" class="btn btn-view btn-sm btn-outline">
|
||||
<i data-lucide="circle-plus" class="size-3"></i>
|
||||
<span class="">Thêm danh sách mới</span>
|
||||
</a>
|
||||
<a href="/product/attribute_update" class="btn btn-view btn-sm btn-outline">
|
||||
<i data-lucide="file-x" class="size-3"></i>
|
||||
<span class="">Cập nhật Excel</span>
|
||||
</a>
|
||||
</div>
|
||||
|
||||
<div class="overflow-x-auto sm:whitespace-nowrap border border-base-200 rounded-sm mt-5">
|
||||
<table class="table">
|
||||
<thead>
|
||||
<tr class="bg-base-200 font-bold text-black">
|
||||
<th>STT</th>
|
||||
<th>Thông tin</th>
|
||||
<th>Giá</th>
|
||||
<th>Sản phẩm</th>
|
||||
<th class="w-[150px]">Cập nhật</th>
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody>
|
||||
<tr>
|
||||
<td>1</td>
|
||||
<td>
|
||||
<div class="flex items-center gap-3">
|
||||
<span>[8]</span>
|
||||
<a href="" class="link-active">Bộ phím chuột không dây Kenoo KM600 trị giá 249.000 VND
|
||||
(KBKN002)</a>
|
||||
</div>
|
||||
<p>Ghi chú: KM màn hình 27 1</p>
|
||||
<p>Tạo lúc: 04-06-2022, 8:28 am, cập nhật: 04-06-2022, 8:28 am</p>
|
||||
</td>
|
||||
<td>3.849.000 vnd</td>
|
||||
<td><a href="" class="btn btn-active btn-sm">Xem
|
||||
SP</a></td>
|
||||
<td class="">
|
||||
<div class='list-btn flex items-center gap-3'>
|
||||
<a href="" class='btn btn-soft btn-xs btn-square btn-outline btn-view'><i
|
||||
data-lucide="pencil" class='size-3'></i></a>
|
||||
<a href="" class='btn btn-soft btn-xs btn-square btn-outline btn-view'><i
|
||||
data-lucide="plus" class='size-3'></i></a>
|
||||
<a href="" class='btn btn-soft btn-xs btn-square'><i data-lucide="eye-off"
|
||||
class='size-3'></i></a>
|
||||
<a href="" class='btn btn-soft btn-xs btn-square btn-outline btn-error'><i
|
||||
data-lucide="trash-2" class='size-3'></i></a>
|
||||
</div>
|
||||
</td>
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
</div>
|
||||
</div>
|
||||
@@ -1,87 +0,0 @@
|
||||
<div class="w-full mb-[50px]">
|
||||
|
||||
<div class="text-sm breadcrumbs">
|
||||
<ul>
|
||||
<li><a href="/product/addon">SP/ Dịch vụ bán kèm sản phẩm</a></li>
|
||||
<li class="text-active">Form sửa SP/ Dịch vụ bán kèm</li>
|
||||
</ul>
|
||||
</div>
|
||||
|
||||
<div class="w-7xl mx-auto">
|
||||
<div class="bg-white p-3 rounded-sm shadow mt-5">
|
||||
<div class="flex items-center justify-between">
|
||||
<h1 class="text-xl font-bold">Cập nhật SP/ Dịch vụ bán kèm</h1>
|
||||
<a href="/product/attribute-add" class="btn btn-outline btn-sm btn-view">
|
||||
<i data-lucide="plus" class="size-3"></i>
|
||||
<span class="">Thêm dịch vụ mới</span>
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="grid grid-cols-4 gap-5 mt-5">
|
||||
<div class="left">
|
||||
<div class="list-tab">
|
||||
<a href="/product/addon_add"
|
||||
class="item block w-full text-white bg-[#0041E8] rounded-sm text-base px-3 py-2 font-bold">Nội
|
||||
dung</a>
|
||||
</div>
|
||||
</div>
|
||||
<div class="right col-span-3">
|
||||
<div class="bg-white p-3 rounded-sm shadow">
|
||||
<b class="block text-xl">Thông tin sản phẩm</b>
|
||||
|
||||
<div class="mt-5">
|
||||
<label for="" class="block font-bold">Tên dịch vụ</label>
|
||||
<input type="text" name="info[warranty]" id="warranty" value="Test"
|
||||
placeholder="Thông tin bảo hành" class="w-full input input-md rounded-sm shadow mt-3">
|
||||
</div>
|
||||
<div class="mt-5">
|
||||
<label for="" class="block font-bold mb-3">Mô tả</label>
|
||||
<textarea id="product-desc" class="mt-3"> </textarea>
|
||||
</div>
|
||||
|
||||
<div class="mt-5">
|
||||
<label for="" class="block font-bold">Ghi chú (dành cho
|
||||
quản trị)</label>
|
||||
<input type="text" name="info[warranty]" id="warranty" value="Test"
|
||||
placeholder="Thông tin bảo hành" class="w-full input input-md rounded-sm shadow mt-3">
|
||||
</div>
|
||||
|
||||
<div class="grid grid-cols-2 gap-3 mt-5">
|
||||
<div>
|
||||
<label for="" class=" block font-bold">Giá</label>
|
||||
<input type="text" name="" value="0" placeholder="Giá"
|
||||
class="w-full input input-md rounded-sm shadow mt-3" />
|
||||
</div>
|
||||
<div>
|
||||
<label for="" class=" block font-bold ">Thứ tự hiển
|
||||
thị</label>
|
||||
<input type="text" name="" value="0" placeholder="Giá"
|
||||
class="w-full input input-md rounded-sm shadow mt-3" />
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="flex items-center mt-5 gap-5">
|
||||
<b class="">Hiển thị</b>
|
||||
<label class="cursor-pointer flex items-center gap-3">
|
||||
<input type="radio" name="info[status]" value="0" class="radio radio-active radio-sm"
|
||||
checked="checked" />
|
||||
<span class="label-text">Cho hiển thị</span>
|
||||
</label>
|
||||
<label class="cursor-pointer flex items-center gap-3">
|
||||
<input type="radio" name="info[status]" value="0" class="radio radio-active radio-sm"
|
||||
checked="checked" />
|
||||
<span class="label-text">Ẩn hiển thị</span>
|
||||
</label>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
<div class="bg-white p-3 rounded-sm shadow mt-5">
|
||||
<input type="hidden" name="create" value="yes" />
|
||||
<input name="commit" type="submit" value="Cập nhật" class="btn btn-active" />
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
@@ -1,97 +0,0 @@
|
||||
<div class="bg-white shadow p-3 rounded-sm">
|
||||
<h1 class="text-2xl font-bold mb-3">Danh sách thuộc tính</h1>
|
||||
|
||||
<div class="flex items-end justify-end">
|
||||
<a href="/product/attribute_add" class="btn btn-outline btn-view btn-sm">
|
||||
<i data-lucide="circle-plus" class="size-4"></i>
|
||||
<span class="">Thêm thuộc tính mới</span>
|
||||
</a>
|
||||
</div>
|
||||
|
||||
|
||||
<div class="overflow-x-auto mt-5 border border-base-200 rounded-sm">
|
||||
<table class="table">
|
||||
<thead>
|
||||
<tr class="bg-base-200 font-bold text-black">
|
||||
<th>STT</th>
|
||||
<th>Mã</th>
|
||||
<th>Tên hiển thị</th>
|
||||
<th>Giá trị</th>
|
||||
<th class="w-[30%]">Danh mục đang có</th>
|
||||
<th>Thứ tự</th>
|
||||
<th>Trạng thái</th>
|
||||
<th class="w-[120px]">Cập nhật</th>
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody>
|
||||
<tr>
|
||||
<td>1</td>
|
||||
<td class="whitespace-nowrap">phong-cach</td>
|
||||
<td>Phong cách</td>
|
||||
<td>5</td>
|
||||
<td>
|
||||
<div class="flex flex-wrap items-center gap-3">
|
||||
<a href="" class="text-primary">Máy Tính Xách Tay,</a>
|
||||
<a href="" class="text-primary">Macbook,</a>
|
||||
<a href="" class="text-primary">Surface,</a>
|
||||
<a href="" class="text-primary">Laptop Acer,</a>
|
||||
<a href="" class="text-primary">Laptop Acer Aspire,</a>
|
||||
<a href="" class="text-primary">Laptop Acer TravelMate,</a>
|
||||
<a href="" class="text-primary">Test,</a>
|
||||
</div>
|
||||
</td>
|
||||
<td>
|
||||
<input type="text" value="0" class="input w-12 input-sm" />
|
||||
</td>
|
||||
<td>
|
||||
<a href="" class="badge badge-success badge-sm badge-soft">Đang hoạt động</a>
|
||||
</td>
|
||||
<td>
|
||||
<div class='list-btn flex items-center gap-3'>
|
||||
<a href="" class='btn btn-soft btn-xs btn-square btn-outline btn-view'><i
|
||||
data-lucide="pencil" class='size-3'></i></a>
|
||||
<a href="" class='btn btn-soft btn-xs btn-square '><i data-lucide="eye"
|
||||
class="size-4"></i></a>
|
||||
<a href="" class='btn btn-soft btn-xs btn-square btn-outline btn-error'><i
|
||||
data-lucide="trash" class="size-3"></i></a>
|
||||
</div>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>1</td>
|
||||
<td class="whitespace-nowrap">phong-cach</td>
|
||||
<td>Phong cách</td>
|
||||
<td>5</td>
|
||||
<td>
|
||||
<div class="flex flex-wrap items-center gap-3">
|
||||
<a href="" class="text-primary">Máy Tính Xách Tay,</a>
|
||||
<a href="" class="text-primary">Macbook,</a>
|
||||
<a href="" class="text-primary">Surface,</a>
|
||||
<a href="" class="text-primary">Laptop Acer,</a>
|
||||
<a href="" class="text-primary">Laptop Acer Aspire,</a>
|
||||
<a href="" class="text-primary">Laptop Acer TravelMate,</a>
|
||||
<a href="" class="text-primary">Test,</a>
|
||||
</div>
|
||||
</td>
|
||||
<td>
|
||||
<input type="text" value="0" class="input w-12 input-sm" />
|
||||
</td>
|
||||
<td>
|
||||
<a href="" class="badge badge-success badge-sm badge-soft">Đang hoạt động</a>
|
||||
</td>
|
||||
<td>
|
||||
<div class='list-btn flex items-center gap-3'>
|
||||
<a href="" class='btn btn-soft btn-xs btn-square btn-outline btn-view'><i
|
||||
data-lucide="pencil" class='size-3'></i></a>
|
||||
<a href="" class='btn btn-soft btn-xs btn-square '><i data-lucide="eye"
|
||||
class="size-3"></i></a>
|
||||
<a href="" class='btn btn-soft btn-xs btn-square btn-outline btn-error'><i
|
||||
data-lucide="trash-2" class="size-3"></i></a>
|
||||
</div>
|
||||
</td>
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
@@ -1,214 +0,0 @@
|
||||
<div class="w-full mb-10">
|
||||
|
||||
<div class="text-sm breadcrumbs">
|
||||
<ul>
|
||||
<li><a href="/product/attribute">Thuộc tính sản phẩm</a></li>
|
||||
<li class="text-active">Form thêm/sửa thuộc tính</li>
|
||||
</ul>
|
||||
</div>
|
||||
|
||||
<div class="w-7xl mx-auto">
|
||||
<div class="bg-white p-3 rounded-sm shadow mb-4 mt-5">
|
||||
<div class="flex items-center justify-between">
|
||||
<h1 class="text-xl font-bold">Cập nhật thuộc tính sản phẩm</h1>
|
||||
<a href="/product/attribute-add" class="btn btn-outline btn-sm btn-view">
|
||||
<i data-lucide="plus" class="size-3"></i>
|
||||
<span class="">Thêm thuộc tính mới</span>
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="grid grid-cols-4 gap-5">
|
||||
<div class="left">
|
||||
<div class="list-tab">
|
||||
<div class="list-tab">
|
||||
<a href="javascript:void(0)"
|
||||
class="item block w-full font-bold text-white bg-[#0041E8] rounded-sm text-base px-3 py-2">Nội
|
||||
dung</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="right col-span-3">
|
||||
<div class="bg-white p-3 rounded-sm shadow">
|
||||
<b class="text-xl block">Thông tin cơ bản</b>
|
||||
|
||||
<div class="form-control mt-5">
|
||||
<label class="font-bold text-base">Tên thuộc tính</label>
|
||||
<input type="text" size="60" name="info[title]" id="title" value="{{page.item_info.title}}"
|
||||
placeholder="Tên thuộc tính" class="w-full input rounded-sm shadow mt-3">
|
||||
</div>
|
||||
|
||||
<div class="form-control w-full mt-5">
|
||||
<label class="flex items-center mb-1 text-base gap-3">
|
||||
<b>Mã nhận dạng cho quản trị</b>
|
||||
<span class="italic text-gray-500 text-xs">v.d. kich_thuoc_quan (không có dấu
|
||||
cách, không viết dấu của tiếng Việt)</span>
|
||||
</label>
|
||||
<input type="text" size="60" name="redirect_url" id="redirect_url" value="0"
|
||||
class="w-full input rounded-sm shadow mt-3">
|
||||
</div>
|
||||
|
||||
<div class="form-control mt-5">
|
||||
<label class="flex items-center mb-1 text-base gap-3">
|
||||
<b>Mô tả tóm tắt</b>
|
||||
<span class="italic text-gray-500 text-xs">(nếu muốn hiển thị và giải thích ý
|
||||
nghĩa cho khách hàng)</span>
|
||||
</label>
|
||||
<textarea type="text" size="60" name="redirect_url" id="redirect_url" value="0"
|
||||
class="w-full h-30 textarea rounded shadow-sm mt-3">
|
||||
</textarea>
|
||||
</div>
|
||||
|
||||
<div class="form-control mt-5">
|
||||
<label class="flex items-center mb-1 text-base gap-3">
|
||||
<b>Mã bộ lọc trên Url</b>
|
||||
<span class="italic text-gray-500 text-xs">v.d. cpu (trên link lọc
|
||||
?cpu=32Ghz&ram=32GB)
|
||||
</span>
|
||||
</label>
|
||||
<input type="text" size="60" name="redirect_url" id="redirect_url" value="0"
|
||||
class="w-full input rounded-sm shadow mt-3">
|
||||
</div>
|
||||
|
||||
<div class="form-control mt-5">
|
||||
<label class="flex items-center mb-1 text-base gap-3">
|
||||
<b>Thứ tự xuất hiện</b>
|
||||
<span class="italic text-gray-500 text-xs">(cao xếp trước)</span>
|
||||
</label>
|
||||
<input type="text" size="60" name="redirect_url" id="redirect_url" value="0"
|
||||
class="w-full input rounded-sm shadow mt-3">
|
||||
</div>
|
||||
|
||||
<div class="grid grid-cols-4 mt-5 gap-5">
|
||||
<b class="">Lựa chọn áp dụng</b>
|
||||
<div class="col-span-3">
|
||||
<label class="label flex items-center mb-2 gap-3">
|
||||
<input type="checkbox" name="change_url_on_update" value="1" checked
|
||||
class="checkbox checkbox-active checkbox-sm rounded-sm">
|
||||
<span class="">Dùng là tiêu đề nhóm cho các thuộc tính đứng
|
||||
sau</span>
|
||||
</label>
|
||||
<label class="label flex items-center mb-2 gap-3">
|
||||
<input type="checkbox" name="change_url_on_update" value="1"
|
||||
class="checkbox checkbox-active checkbox-sm rounded-sm">
|
||||
<span class="">Dùng lọc Sản phẩm ở danh mục</span>
|
||||
</label>
|
||||
<label class="label flex items-center mb-2 gap-3">
|
||||
<input type="checkbox" name="change_url_on_update" value="1"
|
||||
class="checkbox checkbox-active checkbox-sm rounded-sm">
|
||||
<span class="">Hiển thị ở thông tin tóm tắt Sản phẩm</span>
|
||||
</label>
|
||||
<label class="label flex items-center mb-2 gap-3">
|
||||
<input type="checkbox" name="change_url_on_update" value="1"
|
||||
class="checkbox checkbox-active checkbox-sm rounded-sm">
|
||||
<span class="">Hiển thị ở bảng thông số kỹ thuật</span>
|
||||
</label>
|
||||
<label class="label flex items-center mb-2 gap-3">
|
||||
<input type="checkbox" name="change_url_on_update" value="1"
|
||||
class="checkbox checkbox-active checkbox-sm rounded-sm">
|
||||
<span class="">Dùng để tạo các cấu hình của Sản phẩm</span>
|
||||
</label>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="grid grid-cols-4 mt-5 gap-5">
|
||||
<b class="">Phân loại</b>
|
||||
<div class="col-span-3">
|
||||
<label class="cursor-pointer flex items-center mb-2 gap-3">
|
||||
<input type="radio" name="info[scope]" value="0" class="radio radio-active"
|
||||
checked="checked" />
|
||||
<span class="label-text">Local - Chỉ áp dụng cho một số loại
|
||||
Sản
|
||||
phẩm</span>
|
||||
</label>
|
||||
|
||||
<label class="cursor-pointer flex items-center mb-2 gap-3">
|
||||
<input type="radio" name="info[scope]" value="1" class="radio radio-active" />
|
||||
<span class="label-text">Global - Áp dụng cho tất cả Sản phẩm
|
||||
(v.d: Xuất xứ, Màu sắc, Bảo hành)</span>
|
||||
</label>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="mt-5">
|
||||
<b class="text-base mb-2 block">Thông tin cơ bản</b>
|
||||
<div class="border border-gray-200 rounded-sm p-3 mt-3">
|
||||
<table class="table table-sm">
|
||||
<thead>
|
||||
<tr class="bg-base-200 font-bold text-black">
|
||||
<th>STT</th>
|
||||
<th>ID</th>
|
||||
<th>Giá trị</th>
|
||||
<th>Mô tả</th>
|
||||
<th>Thứ tự hiển thị</th>
|
||||
<th>Lựa chọn</th>
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody>
|
||||
<tr>
|
||||
<td>1</td>
|
||||
<td>4939</td>
|
||||
<td>Nam</td>
|
||||
<td></td>
|
||||
<td>
|
||||
<input type="text" value="0" class="w-12 input" />
|
||||
</td>
|
||||
<td class="w-[85px]">
|
||||
<div class='list-btn flex items-center gap-3'>
|
||||
<a href=""
|
||||
class='btn btn-soft btn-xs btn-square btn-outline btn-view'><i
|
||||
data-lucide="pencil" class='size-3'></i></a>
|
||||
<a href=""
|
||||
class='btn btn-soft btn-xs btn-square btn-outline btn-error'><i
|
||||
data-lucide="trash-2" class='size-3'></i></a>
|
||||
</div>
|
||||
</td>
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
<div class="bg-white p-3 rounded-sm shadow mt-5">
|
||||
<b class="text-2xl block">Thêm giá trị mới</b>
|
||||
<span class="text-gray-500 italic mt-3">(**) Dùng để sắp xếp Sản phẩm theo thuộc tính khi cần (v.d.
|
||||
theo
|
||||
dung
|
||||
lượng ổ cứng laptop giảm
|
||||
dần)
|
||||
</span>
|
||||
<div class="mt-5 grid grid-cols-3 gap-5">
|
||||
<div class="form-control">
|
||||
<label class="font-bold mb-2 text-base">Tên (*)</label>
|
||||
<input type="text" size="60" name="info[title]" id="title" value="{{page.item_info.title}}"
|
||||
placeholder="Tên (*)" class="w-full input rounded-sm shadow mt-3">
|
||||
</div>
|
||||
<div class="form-control">
|
||||
<label class="font-base mb-2 text-base">Giá trị sắp xếp (**)</label>
|
||||
<input type="text" size="60" name="info[title]" id="title" value="{{page.item_info.title}}"
|
||||
placeholder="Giá trị sắp xếp" class="w-full input rounded-sm shadow mt-3">
|
||||
</div>
|
||||
<div class="flex items-end gap-3">
|
||||
<div class="form-control">
|
||||
<label class="font-base mb-2 text-base">STT</label>
|
||||
<input type="text" size="60" name="info[title]" id="title"
|
||||
value="{{page.item_info.title}}" placeholder="STT"
|
||||
class="w-full input rounded-sm shadow mt-3">
|
||||
</div>
|
||||
<a href="javascript:void(0)" class="btn btn-outline btn-view">Thêm
|
||||
mới</a>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
</div>
|
||||
<div class="mt-5 bg-white p-3 rounded-sm shadow">
|
||||
<input class="btn btn-active" id="submit-collection-btn" name="commit" type="submit"
|
||||
value="Cập nhật" />
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
@@ -1,100 +0,0 @@
|
||||
<div class="bg-white shadow p-3 rounded-sm">
|
||||
<h1 class="text-2xl font-bold mb-3">Danh sách thương hiệu</h1>
|
||||
|
||||
<div class="flex items-center justify-between">
|
||||
<div>
|
||||
<b>Tìm theo chữ cái</b>:
|
||||
<a href="?opt=brand&letter=A" class="link-primary">A</a> (13) |
|
||||
<a href="?opt=brand&letter=B" class="link-primary">B</a> (2) |
|
||||
<a href="?opt=brand&letter=C" class="link-primary">C</a> (5) |
|
||||
<a href="?opt=brand&letter=D" class="link-primary">D</a> (3) |
|
||||
<a href="?opt=brand&letter=E" class="link-primary">E</a> (3) |
|
||||
<a href="?opt=brand&letter=F" class="link-primary">F</a> (1) |
|
||||
<a href="?opt=brand&letter=G" class="link-primary">G</a> (4) |
|
||||
<a href="?opt=brand&letter=H" class="link-primary">H</a> (4) |
|
||||
<a href="?opt=brand&letter=I" class="link-primary">I</a> (5) |
|
||||
<a href="?opt=brand&letter=J" class="link-primary">J</a> (2) |
|
||||
<a href="?opt=brand&letter=K" class="link-primary">K</a> (2) |
|
||||
<a href="?opt=brand&letter=L" class="link-primary">L</a> (4) |
|
||||
<a href="?opt=brand&letter=M" class="link-primary">M</a> (3) |
|
||||
<a href="?opt=brand&letter=N" class="link-primary">N</a> (4) |
|
||||
<a href="?opt=brand&letter=O" class="link-primary">O</a> (1) |
|
||||
<a href="?opt=brand&letter=P" class="link-primary">P</a> (5) |
|
||||
<a href="?opt=brand&letter=Q" class="link-primary">Q</a> (1) |
|
||||
<a href="?opt=brand&letter=S" class="link-primary">S</a> (8) |
|
||||
<a href="?opt=brand&letter=T" class="link-primary">T</a> (5) |
|
||||
<a href="?opt=brand&letter=V" class="link-primary">V</a> (2) |
|
||||
<a href="?opt=brand&letter=W" class="link-primary">W</a> (2) |
|
||||
<a href="?opt=brand&letter=X" class="link-primary">X</a> (1) |
|
||||
<a href="?opt=brand&letter=Z" class="link-primary">Z</a> (2) |
|
||||
</div>
|
||||
<a href="/product/brand_add" class="btn btn-sm btn-active">
|
||||
<i data-lucide="plus" class="size-4"></i>
|
||||
<span class="whitespace-nowrap ">Thêm thương hiệu mới</span>
|
||||
</a>
|
||||
</div>
|
||||
|
||||
<div class="overflow-x-auto mt-5 border border-base-200 rounded-sm">
|
||||
<table class="table mt-[15px]">
|
||||
<thead>
|
||||
<tr class="bg-base-200 font-bold text-black">
|
||||
<th>STT</th>
|
||||
<th>ID</th>
|
||||
<th>Thương hiệu</th>
|
||||
<th>Lượt xem</th>
|
||||
<th>Logo</th>
|
||||
<th>Số Sản phẩm</th>
|
||||
<th>Cài đặt</th>
|
||||
<th class="w-[150px]">Cập nhật</th>
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody>
|
||||
<tr>
|
||||
<td>1</td>
|
||||
<td>750</td>
|
||||
<td>
|
||||
<b>10MOONS</b>
|
||||
<p class="flex items-center link-active gap-3">
|
||||
<span>Link:</span>
|
||||
<a href="">/brand/10moons</a>
|
||||
</p>
|
||||
<p>Cập nhật cuối: 0000-00-00 00:00:00</p>
|
||||
</td>
|
||||
<td>
|
||||
0
|
||||
</td>
|
||||
<td>
|
||||
<a href="">
|
||||
<img src="{{'brand-1.png'| asset_url }}" alt="">
|
||||
</a>
|
||||
</td>
|
||||
<td>
|
||||
<div class="flex items-center gap-3">
|
||||
<p>1</p>
|
||||
<a href="" class="btn btn-sm btn-active">Xem
|
||||
SP</a>
|
||||
</div>
|
||||
</td>
|
||||
<td>
|
||||
<div class="flex items-center gap-3">
|
||||
<span class="whitespace-nowrap">STT</span>
|
||||
<input type="text" value="0" class="input input-sm w-12" />
|
||||
</div>
|
||||
</td>
|
||||
<td>
|
||||
<div class='list-btn flex items-center gap-3'>
|
||||
<a href="" class='btn btn-soft btn-xs btn-square btn-outline btn-view'><i
|
||||
data-lucide="pencil" class='size-3'></i></a>
|
||||
<a class='btn btn-soft btn-xs btn-square btn-outline btn-view' href=''><i
|
||||
data-lucide="crown" class='size-3'></i></a>
|
||||
<a href="" class='btn btn-soft btn-xs btn-square '><i data-lucide="eye"
|
||||
class='size-3'></i></a>
|
||||
<a href="" class='btn btn-soft btn-xs btn-square btn-outline btn-error'><i
|
||||
data-lucide="trash-2" class='size-3'></i></a>
|
||||
</div>
|
||||
</td>
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
</div>
|
||||
</div>
|
||||
@@ -1,133 +0,0 @@
|
||||
<div class="w-full">
|
||||
|
||||
<div class="text-sm breadcrumbs">
|
||||
<ul>
|
||||
<li><a href="/product/brand">Danh sách thương hiệu</a></li>
|
||||
<li class="text-active">Form thêm/sửa thương hiệu</li>
|
||||
</ul>
|
||||
</div>
|
||||
|
||||
<div class="w-7xl mx-auto">
|
||||
<div class="bg-white p-3 rounded-sm shadow mb-5">
|
||||
<div class="flex items-center justify-between">
|
||||
<h1 class="text-2xl font-bold">Cập nhật Thương hiệu</h1>
|
||||
<a href="/product/brand_add" class="btn btn-sm btn-outline btn-view">
|
||||
<i class="size-4" data-lucide="plus"></i>
|
||||
<span class="">Thêm thương hiệu mới</span>
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="grid grid-cols-4 gap-5 mt-5">
|
||||
<div class="left">
|
||||
<div class="list-tab">
|
||||
<a href="javascript:void(0)"
|
||||
class="item block w-[100%] h-[36px] text-white bg-[#0041E8] rounded-[10px] text-[13px] leading-[35px] px-[10px]">Nội
|
||||
dung</a>
|
||||
</div>
|
||||
</div>
|
||||
<div class="right col-span-3">
|
||||
<div class="bg-white p-3 rounded-sm shadow">
|
||||
<b class="text-xl block">Thông tin cơ bản</b>
|
||||
|
||||
<div class="form-control mt-5">
|
||||
<label class="font-bold text-base">Tên thương hiệu</label>
|
||||
<input type="text" size="60" name="info[title]" id="title" value="{{page.item_info.title}}"
|
||||
placeholder="Tên thương hiệu" class="input w-full rounded-sm shadow mt-3">
|
||||
</div>
|
||||
|
||||
<div class="form-control mt-5">
|
||||
<label class="font-bold text-base">Link Index</label>
|
||||
<input type="text" size="60" name="info[title]" id="title" value="{{page.item_info.title}}"
|
||||
placeholder="link index" class="input w-full rounded-sm shadow mt-3">
|
||||
</div>
|
||||
<div class="form-control mt-5">
|
||||
<label class="font-bold text-base">Mô tả tóm tắt</label>
|
||||
<textarea type="text" size="60" name="info[title]" id="title" placeholder="Mô tả tóm tắt"
|
||||
class="textarea w-full rounded-sm shadow mt-3">
|
||||
</textarea>
|
||||
</div>
|
||||
|
||||
<div class="form-control mt-5">
|
||||
<label class="font-bold text-base">Ảnh logo thương hiệu</label>
|
||||
<div class="mt-3">
|
||||
<img src="{{'brand-1.png' | asset_url }}" alt="">
|
||||
<div id="image-brand" class="mt-5 w-full"></div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
<div class="bg-white p-3 rounded-sm shadow mt-5">
|
||||
<div class="flex items-center justify-between">
|
||||
<div>
|
||||
<b>Mô tả (nếu có)</b>
|
||||
</div>
|
||||
<div class="flex items-center">
|
||||
<a href="" class="p-[7px] rounded-[4px] border-[1px] border-[#0041E8] mr-[10px]">
|
||||
<i class="fa-solid fa-arrow-up-from-bracket text-[#0041E8]"></i>
|
||||
<span class="pl-[3px] text-[#0041E8] font-[500]">Upload ảnh</span>
|
||||
</a>
|
||||
<a href="" class="p-[7px] rounded-[4px] border-[1px] border-[#0041E8] mr-[10px]">
|
||||
<i class="fa-regular fa-folder text-[#0041E8]"></i>
|
||||
<span class="pl-[3px] text-[#0041E8] font-[500]">Quản lý</span>
|
||||
</a>
|
||||
<a href="" class="p-[7px] rounded-[4px] border-[1px] border-[#0041E8]">
|
||||
<i class="fa-regular fa-file-image text-[#0041E8]"></i>
|
||||
<span class="pl-[3px] text-[#0041E8] font-[500]">Chọn ảnh trong kho ảnh</span>
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
<p class="text-[#6B7280]">Chưa có thư viện ảnh cho phần miêu tả</p>
|
||||
<div class="py-[10px]">
|
||||
<textarea id="product-desc"> </textarea>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
<div class="bg-white p-[10px] border-t-[6px] border-[#FAFAFB]">
|
||||
<b class="block text-[20px] mb-[15px]">Dùng cho SEO</b>
|
||||
<div class="form-control w-[100%] mb-[10px]">
|
||||
<label class="flex items-center mb-[5px] text-[14px]">
|
||||
<b>Meta Title</b>
|
||||
<span class="ml-[10px] italic text-[#6B7280] text-[13px]">* nếu để trống sẽ dùng tên</span>
|
||||
</label>
|
||||
<input type="text" size="60" name="redirect_url" id="redirect_url" value="0"
|
||||
class="w-[100%] border-[1px] border-[#D8D8D8] py-[6px] px-[10px] rounded-[4px] shadow-[0_2px_4px_0_rgba(0,0,0,0.12)]">
|
||||
</div>
|
||||
<div class="form-control w-[100%] mb-[10px]">
|
||||
<label class="flex items-center mb-[5px] text-[14px]">
|
||||
<b>Meta Keyword</b>
|
||||
</label>
|
||||
<input type="text" size="60" name="Keyword" id="Keyword" value="0"
|
||||
class="w-[100%] border-[1px] border-[#D8D8D8] py-[6px] px-[10px] rounded-[4px] shadow-[0_2px_4px_0_rgba(0,0,0,0.12)]">
|
||||
</div>
|
||||
<div class="form-control w-[100%] mb-[10px]">
|
||||
<label class="flex items-center mb-[5px] text-[14px]">
|
||||
<b>Meta Description</b>
|
||||
<span class="ml-[10px] italic text-[#6B7280] text-[13px]">* nếu để trống sẽ dùng Mô tả tóm
|
||||
tắt</span>
|
||||
</label>
|
||||
<textarea type="text" size="60" name="description" id="description" value="0"
|
||||
class="w-[100%] h-[120px] border-[1px] border-[#D8D8D8] py-[6px] px-[10px] rounded-[4px] shadow-[0_2px_4px_0_rgba(0,0,0,0.12)]">
|
||||
</textarea>
|
||||
</div>
|
||||
<div class="form-control w-[100%] mb-[10px]">
|
||||
<label class="flex items-center mb-[5px] text-[14px]">
|
||||
<b>Thứ tự xuất hiện</b>
|
||||
<span class="ml-[10px] italic text-[#6B7280] text-[13px]">(cao xếp trước)</span>
|
||||
</label>
|
||||
<input type="text" size="60" name="" id="" value="0"
|
||||
class="w-[40%] border-[1px] border-[#D8D8D8] py-[6px] px-[10px] rounded-[4px] shadow-[0_2px_4px_0_rgba(0,0,0,0.12)]">
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="bg-white p-[10px] border-t-[6px] border-[#FAFAFB]">
|
||||
<input class="w-[82px] h-[32px] bg-[#0041E8] rounded-[4px] text-white cursor-pointer"
|
||||
id="submit-collection-btn" name="commit" type="submit" value="Cập nhật" />
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
</div>
|
||||
@@ -1,59 +1,268 @@
|
||||
<div class="bg-white shadow p-3 rounded-sm">
|
||||
<h1 class="text-2xl font-bold mb-3">Danh sách sản phẩm</h1>
|
||||
{% assign no_image_url = 'no-image.png' | asset_url %}
|
||||
<div class="w-[1200px] mx-auto flex flex-col gap-4 py-4">
|
||||
|
||||
<div id="action-links" class="mt-3">
|
||||
<div class="flex item-center justify-between">
|
||||
<div class="btn btn-outline btn-view btn-sm">
|
||||
<a href='javascript:;' onclick="RowExpand.open_all();"><span id='js-row-expand-all'></span> Xem hết
|
||||
danh mục</a>
|
||||
</div>
|
||||
<a href="/product/category-form " id="add-prod" class="btn btn-outline btn-view btn-sm">
|
||||
<i data-lucide="plus" class="size-4"></i>
|
||||
<span class="font-500">Thêm
|
||||
danh mục mới</span></a>
|
||||
<!-- Breadcrumb -->
|
||||
<div class="flex items-center gap-2 text-[13px]">
|
||||
<a href="/" class="text-black cursor-pointer hover:text-[#e4057c]">Trang chủ</a>
|
||||
<img src="image/icon_arrow_next.svg" alt="" class="w-[10px] h-[10px]" />
|
||||
<span class="text-black font-medium">{{ page.current_category.name }}</span>
|
||||
</div>
|
||||
|
||||
<!-- Banner Sale -->
|
||||
<div class="relative w-full rounded-[12px] overflow-hidden" style="background:#6e0000; height:651px">
|
||||
<!-- Top banner image -->
|
||||
<div class="absolute top-0 left-0 w-full h-[187px] rounded-t-[12px] overflow-hidden">
|
||||
<img src="{{ 'category_banner_sale_top.png' | asset_url }}" alt=""
|
||||
class="w-full h-full object-cover rounded-t-[12px]" />
|
||||
</div>
|
||||
<!-- 5 sale product cards -->
|
||||
<div class="absolute bottom-[23px] left-[12px] right-[12px] flex gap-3">
|
||||
{% for _product in page.product_list limit:5 %}
|
||||
<a href="/product/detail?id={{ _product.productId }}"
|
||||
class="relative bg-white border border-[#dcdcdc] rounded-[8px] w-[226px] h-[426px] shrink-0 px-[9px] py-[10px] flex flex-col gap-[8px] no-underline">
|
||||
<div class="h-[173px] flex items-center justify-center">
|
||||
<img src="{{ _product.productImage.large }}" alt="{{ _product.productName }}"
|
||||
class="w-[173px] h-[173px] rounded-[4px] object-cover"
|
||||
onerror="this.onerror=null;this.src='{{ no_image_url }}'" />
|
||||
</div>
|
||||
{% if _product.label != '' %}
|
||||
<div class="inline-flex w-fit h-5 items-center gap-1 rounded-full pl-1 pr-[10px] text-white text-[10px] font-medium tracking-[-0.2px]"
|
||||
style="background:linear-gradient(89.82deg,#ff0000 2.38%,#cc0003 94.82%)">
|
||||
<span class="w-4 h-4 rounded-full bg-white flex items-center justify-center overflow-hidden"><img
|
||||
src="{{ 'icon_gift.png' | asset_url }}" alt=""
|
||||
class="w-[11px] h-[11px] object-contain" /></span>
|
||||
<span>{{ _product.label }}</span>
|
||||
</div>
|
||||
{% endif %}
|
||||
<div class="flex items-center gap-[6px]">
|
||||
{% if _product.price > 0 %}
|
||||
<p class="m-0 text-[18px] leading-none font-bold text-[#db0000] tracking-[-0.36px]">{{
|
||||
_product.price | number_format }} <span class="underline">đ</span></p>
|
||||
{% if _product.price_off != '' %}
|
||||
<span
|
||||
class="min-w-[35px] h-4 px-[7px] rounded-full bg-[#ffeef0] text-[#dc0d28] text-[10px] leading-none font-medium tracking-[-0.2px] inline-flex items-center justify-center">-{{
|
||||
_product.price_off }}%</span>
|
||||
{% endif %}
|
||||
{% else %}
|
||||
<p class="m-0 text-[18px] leading-none font-bold text-[#db0000] tracking-[-0.36px]">Liên hệ</p>
|
||||
{% endif %}
|
||||
</div>
|
||||
{% if _product.marketPrice > 0 %}
|
||||
<p class="m-0 text-[12px] leading-none text-[#c5c5c5] tracking-[-0.24px] line-through">{{
|
||||
_product.marketPrice | number_format }} đ</p>
|
||||
{% endif %}
|
||||
<p
|
||||
class="m-0 h-[32px] overflow-hidden text-[13px] leading-[16px] font-bold tracking-[-0.26px] text-black">
|
||||
{{ _product.productName }}</p>
|
||||
<div class="mt-auto flex items-center justify-between gap-[6px]">
|
||||
<div
|
||||
class="inline-flex items-center gap-1 text-[#707070] text-[12px] leading-none tracking-[-0.24px] whitespace-nowrap">
|
||||
<img src="{{ 'icon_rating_star.svg' | asset_url }}" alt="" class="w-[11px] h-[11px]" />
|
||||
<span>{{ _product.rating }}</span>
|
||||
<span class="w-[2px] h-[2px] rounded-full bg-[#707070]"></span>
|
||||
<span>Đã bán {{ _product.reviewCount }}</span>
|
||||
</div>
|
||||
<button type="button"
|
||||
class="w-6 h-6 rounded-full bg-[#c1c1c1] flex items-center justify-center shrink-0"
|
||||
aria-label="Add to cart">
|
||||
<img src="{{ 'icon_cart_circle.svg' | asset_url }}" alt="" class="w-4 h-4" />
|
||||
</button>
|
||||
</div>
|
||||
</a>
|
||||
{% endfor %}
|
||||
</div>
|
||||
</div>
|
||||
<div class="overflow-x-auto border border-base-200 rounded-sm mt-5 w-full mt-3">
|
||||
<table id='tb_padding' cellpadding=2 cellspacing=0 width='100%' border=1 bordercolor='#CCCCCC' class="table">
|
||||
<tr class="bg-base-200 font-bold">
|
||||
<td>Danh mục</td>
|
||||
<td>Link web</td>
|
||||
<td class=" whitespace-nowrap">ID</td>
|
||||
<td>Xem</td>
|
||||
<td>SP</td>
|
||||
<td>STT</td>
|
||||
<td>Hiển thị nội dung</td>
|
||||
<td>Thuộc tính</td>
|
||||
<td class="w-[150px]">Cập nhật</td>
|
||||
</tr>
|
||||
|
||||
{{page.category_list}}
|
||||
|
||||
</table>
|
||||
<!-- Banner QC -->
|
||||
<div class="flex gap-3">
|
||||
<div class="w-[594px] h-[236px] rounded-[8px] overflow-hidden shrink-0">
|
||||
<img src="{{ 'category_qc_samsung.png' | asset_url }}" alt="" class="w-full h-full object-cover" />
|
||||
</div>
|
||||
<div class="w-[594px] h-[236px] rounded-[8px] overflow-hidden shrink-0">
|
||||
<img src="{{ 'category_qc_lg.png' | asset_url }}" alt="" class="w-full h-full object-cover" />
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<p style="margin-top: 10px">
|
||||
<strong style="color: red">Lưu ý</strong>: Tổng sản phẩm ở danh mục mẹ được tính là tổng sản phẩm sản phẩm
|
||||
của các danh mục con và danh mục mẹ. Bộ đếm không loại trừ sản phẩm trùng nhau (v.d. trường hợp 1 sản phẩm
|
||||
thuộc cả 2 danh mục con thì sẽ được đếm 2 lần)
|
||||
</p>
|
||||
<!-- Product List -->
|
||||
<div class="bg-white rounded-[12px] px-3 py-5 flex flex-col gap-4">
|
||||
<!-- Filter bar -->
|
||||
<div class="flex items-center gap-2">
|
||||
<!-- Filter button -->
|
||||
<button
|
||||
class="flex items-center gap-2 border border-[#dcdcdc] rounded-[8px] h-10 px-4 shrink-0 hover:bg-gray-50">
|
||||
<svg width="20" height="20" viewBox="0 0 20 20" fill="none">
|
||||
<path d="M2 5h16M5 10h10M8 15h4" stroke="#333" stroke-width="1.5" stroke-linecap="round" />
|
||||
</svg>
|
||||
<span class="text-[13px] text-black font-medium">Lọc</span>
|
||||
</button>
|
||||
<!-- Brand filter dropdown -->
|
||||
<button
|
||||
class="flex items-center gap-1 border border-[#dcdcdc] rounded-[8px] h-10 px-3 text-[13px] text-black hover:bg-gray-50">
|
||||
<svg width="10" height="10" viewBox="0 0 10 10">
|
||||
<path d="M2 3.5l3 3 3-3" stroke="#333" stroke-width="1.2" stroke-linecap="round"
|
||||
stroke-linejoin="round" />
|
||||
</svg>
|
||||
<span>Thương hiệu</span>
|
||||
</button>
|
||||
<!-- Price filter dropdown -->
|
||||
<button
|
||||
class="flex items-center gap-1 border border-[#dcdcdc] rounded-[8px] h-10 px-3 text-[13px] text-black hover:bg-gray-50">
|
||||
<svg width="10" height="10" viewBox="0 0 10 10">
|
||||
<path d="M2 3.5l3 3 3-3" stroke="#333" stroke-width="1.2" stroke-linecap="round"
|
||||
stroke-linejoin="round" />
|
||||
</svg>
|
||||
<span>Giá</span>
|
||||
</button>
|
||||
<!-- Attribute filter dropdowns -->
|
||||
{% for _attr in page.attribute_filter_list %}
|
||||
<button
|
||||
class="flex items-center gap-1 border border-[#dcdcdc] rounded-[8px] h-10 px-3 text-[13px] text-black hover:bg-gray-50">
|
||||
<svg width="10" height="10" viewBox="0 0 10 10">
|
||||
<path d="M2 3.5l3 3 3-3" stroke="#333" stroke-width="1.2" stroke-linecap="round"
|
||||
stroke-linejoin="round" />
|
||||
</svg>
|
||||
<span>{{ _attr.name }}</span>
|
||||
</button>
|
||||
{% endfor %}
|
||||
</div>
|
||||
<!-- Sort bar -->
|
||||
<div class="flex items-center gap-3 text-[13px]">
|
||||
<span class="text-[#707070]">Sắp xếp theo:</span>
|
||||
{% for _sort in page.sort_by_collection %}
|
||||
{% if forloop.first %}
|
||||
<span class="text-[#e4057c] font-medium cursor-pointer">{{ _sort.name }}</span>
|
||||
{% else %}
|
||||
<span class="text-[#c0c0c0]">·</span>
|
||||
<span class="text-black cursor-pointer hover:text-[#e4057c]">{{ _sort.name }}</span>
|
||||
{% endif %}
|
||||
{% endfor %}
|
||||
</div>
|
||||
<!-- Product count -->
|
||||
<div class="text-[13px] text-[#707070]">{{ page.product_count }} sản phẩm</div>
|
||||
<!-- Product grid -->
|
||||
<div class="grid grid-cols-5 gap-3">
|
||||
{% for _product in page.product_list %}
|
||||
<div
|
||||
class="relative bg-white border border-[#dcdcdc] rounded-[8px] p-[9px] pt-[10px] flex flex-col gap-[10px] h-full">
|
||||
<a href="/product/detail" class="block">
|
||||
<img src="{{ _product.productImage.large }}" alt="{{ _product.productName }}"
|
||||
class="w-full aspect-square rounded-[4px] object-cover"
|
||||
onerror="this.onerror=null;this.src='{{ no_image_url }}'" />
|
||||
</a>
|
||||
{% if _product.productType.isSaleOff == 1 %}
|
||||
<span class="inline-block h-5 rounded-full text-white text-[10px] font-medium px-2 leading-5 w-fit"
|
||||
style="background:linear-gradient(89.82deg,#ff0000 2.38%,#cc0003 94.82%)">Sale off</span>
|
||||
{% elsif _product.productType.isHot == 1 %}
|
||||
<span class="inline-block h-5 rounded-full text-white text-[10px] font-medium px-2 leading-5 w-fit"
|
||||
style="background:linear-gradient(89.82deg,#ff6600 2.38%,#cc4400 94.82%)">Hot</span>
|
||||
{% elsif _product.productType.isNew == 1 %}
|
||||
<span class="inline-block h-5 rounded-full text-white text-[10px] font-medium px-2 leading-5 w-fit"
|
||||
style="background:linear-gradient(89.82deg,#0066ff 2.38%,#0044cc 94.82%)">Mới</span>
|
||||
{% endif %}
|
||||
{% if _product.price > 0 %}
|
||||
<div class="flex items-center gap-1">
|
||||
<p class="text-[18px] font-bold text-[#db0000]">{{ _product.price | number_format }} <span
|
||||
class="underline">đ</span></p>
|
||||
{% if _product.price_off != '' and _product.price_off != '0' %}
|
||||
<span class="bg-[#ffeef0] rounded-full px-[7px] py-[2px] text-[10px] font-medium text-[#dc0d28]">-{{
|
||||
_product.price_off }}%</span>
|
||||
{% endif %}
|
||||
</div>
|
||||
{% if _product.marketPrice > 0 %}
|
||||
<p class="text-[12px] text-[#c5c5c5] line-through">{{ _product.marketPrice | number_format }} đ</p>
|
||||
{% endif %}
|
||||
{% else %}
|
||||
<p class="text-[18px] font-bold text-[#db0000]">Liên hệ</p>
|
||||
{% endif %}
|
||||
<a href="/product/detail" class="text-[13px] font-bold text-black hover:text-[#e4057c] line-clamp-2">{{
|
||||
_product.productName
|
||||
}}</a>
|
||||
{% if _product.rating > 0 %}
|
||||
<div class="flex items-center gap-1 text-[12px] text-[#707070]">
|
||||
<img src="{{ 'icon_rating_star.svg' | asset_url }}" alt="" class="w-[11px] h-[11px]" />
|
||||
<span>{{ _product.rating }} · {{ _product.reviewCount }} đánh giá</span>
|
||||
</div>
|
||||
{% endif %}
|
||||
<div class="mt-auto flex justify-end">
|
||||
<div class="w-6 h-6 bg-[#BBBBBB] rounded-full flex items-center justify-center shadow">
|
||||
<img src="{{ 'icon_cart_circle.svg' | asset_url }}" alt="" class="w-4 h-4" />
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
{% endfor %}
|
||||
</div>
|
||||
<!-- Pagination -->
|
||||
<div class="flex justify-center mt-2">
|
||||
{{ page.paging.html }}
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<input type="hidden" id="save_open_row" value="," />
|
||||
<input type="hidden" id="track_open_row" value="0" />
|
||||
<!-- Box Article + Video -->
|
||||
{% assign _articles = page.current_category.related['article-article'] %}
|
||||
{% assign _videos = page.current_category.related['article-video'] %}
|
||||
{% if _articles.size > 0 or _videos.size > 0 %}
|
||||
<div class="bg-white rounded-[12px] flex gap-3 px-3 py-4">
|
||||
{% if _articles.size > 0 %}
|
||||
<!-- Tin khuyến mãi -->
|
||||
<div class="flex flex-col gap-3 w-[885px] shrink-0">
|
||||
<h2 class="text-[28px] font-bold text-black tracking-tight">TIN KHUYẾN MÃI</h2>
|
||||
<div class="flex gap-3 items-start">
|
||||
{% assign _main_article = _articles[0] %}
|
||||
<div class="w-[481px] shrink-0">
|
||||
<a href="{{ _main_article.url }}" class="block w-[481px] h-[300px] rounded-[4px] overflow-hidden">
|
||||
<img src="{{ _main_article.image.large }}" alt="{{ _main_article.title }}"
|
||||
class="w-full h-full object-cover" />
|
||||
</a>
|
||||
<p class="mt-2 text-[20px] font-bold text-black tracking-tight">{{ _main_article.title }}</p>
|
||||
</div>
|
||||
<div class="flex flex-col gap-3 flex-1">
|
||||
{% for _article in _articles offset:1 limit:3 %}
|
||||
<a href="{{ _article.url }}" class="flex gap-3 items-start no-underline">
|
||||
<img src="{{ _article.image.thum }}" alt="{{ _article.title }}"
|
||||
class="w-[153px] h-[92px] rounded-[4px] object-cover shrink-0" />
|
||||
<p class="text-[14px] text-black tracking-tight line-clamp-3">{{ _article.title }}</p>
|
||||
</a>
|
||||
{% endfor %}
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
{% endif %}
|
||||
{% if _videos.size > 0 %}
|
||||
<!-- Video Review -->
|
||||
<div class="flex flex-col gap-3 flex-1">
|
||||
<h2 class="text-[28px] font-bold text-black tracking-tight">VIDEO REVIEW</h2>
|
||||
<div class="flex flex-col gap-3">
|
||||
{% assign _main_video = _videos[0] %}
|
||||
<a href="{{ _main_video.url }}" class="block w-full h-[159px] rounded-[4px] overflow-hidden relative">
|
||||
<img src="{{ _main_video.image.large }}" alt="{{ _main_video.title }}"
|
||||
class="w-full h-full object-cover" />
|
||||
<div class="absolute inset-0 bg-black/20 rounded-[4px]"></div>
|
||||
</a>
|
||||
{% for _video in _videos offset:1 limit:2 %}
|
||||
<a href="{{ _video.url }}" class="flex gap-3 items-start no-underline">
|
||||
<div class="w-[107px] h-[64px] rounded-[4px] overflow-hidden relative shrink-0">
|
||||
<img src="{{ _video.image.thum }}" alt="{{ _video.title }}"
|
||||
class="w-full h-full object-cover" />
|
||||
<div class="absolute inset-0 bg-black/20 rounded-[4px]"></div>
|
||||
</div>
|
||||
<p class="text-[14px] text-black tracking-tight line-clamp-3">{{ _video.title }}</p>
|
||||
</a>
|
||||
{% endfor %}
|
||||
</div>
|
||||
</div>
|
||||
{% endif %}
|
||||
</div>
|
||||
{% endif %}
|
||||
|
||||
</div>
|
||||
|
||||
|
||||
<script>
|
||||
function update_order(id, new_val) {
|
||||
alert("todo");
|
||||
}
|
||||
|
||||
function update_status(id, status) {
|
||||
alert("todo");
|
||||
}
|
||||
|
||||
function deleteThis(id) {
|
||||
alert("todo");
|
||||
}
|
||||
</script>
|
||||
<!-- Key Search -->
|
||||
{% if page.current_category.tags.size > 0 %}
|
||||
<div class="bg-white rounded-[12px] flex flex-col gap-3 px-3 py-4">
|
||||
<h2 class="text-[24px] font-bold text-black tracking-tight">Mọi người cũng tìm kiếm</h2>
|
||||
<div class="bg-[#f3f4f7] rounded-[12px] px-3 py-5 flex flex-wrap gap-5 text-[12px] text-black">
|
||||
{% for _tag in page.current_category.tags %}
|
||||
<a href="{{ _tag.url }}" class="text-black hover:text-[#e4057c]">{{ _tag.name }}</a>
|
||||
{% endfor %}
|
||||
</div>
|
||||
</div>
|
||||
{% endif %}
|
||||
</div>
|
||||
@@ -1,275 +0,0 @@
|
||||
<div class="w-full mb-5">
|
||||
|
||||
<div class="text-sm breadcrumbs mb-6">
|
||||
<ul>
|
||||
<li><a href="/product">Danh sách sản phẩm</a></li>
|
||||
<li class="text-active">Form thêm/sửa sản phẩm</li>
|
||||
</ul>
|
||||
</div>
|
||||
|
||||
<div class="w-7xl mx-auto">
|
||||
<div class="bg-white p-3 rounded-sm shadow mb-6">
|
||||
<div class="flex items-center justify-between">
|
||||
<h1 class="text-xl font-bold">Cập nhật danh mục</h1>
|
||||
<a href="/product/category-form" class="btn btn-sm btn-outline btn-active">
|
||||
<i data-lucide="plus" class="size-4"></i>
|
||||
<span class="">Thêm danh mục mới</span>
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
{% if page.update_status == 'success' %}
|
||||
<p class=" update-success">Cập nhật thành công</p>
|
||||
{% endif %}
|
||||
|
||||
<div class="grid grid-cols-4 gap-5 mb-5">
|
||||
<div class="left ">
|
||||
<div class="list-tab">
|
||||
<a href="javascript:void(0)"
|
||||
class="item block w-full h-[36px] text-white bg-[#0041E8] rounded-[10px] text-[13px] leading-[35px] px-[10px] font-bold">Nội
|
||||
dung</a>
|
||||
</div>
|
||||
</div>
|
||||
<div class="right col-span-3">
|
||||
<form method="post" enctype="multipart/form-data">
|
||||
|
||||
<input type=hidden name='info[id]' value='{{page.item_info.id}}' />
|
||||
|
||||
<div class="bg-white p-3 rounded-sm shadow mb-5">
|
||||
<b class="text-xl mb-3">Thông tin cơ bản</b>
|
||||
|
||||
<div class="form-control mt-5">
|
||||
<label class="font-bold text-base">Tên danh mục</label>
|
||||
<input type="text" size="60" name="info[title]" id="title" value="{{page.item_info.title}}"
|
||||
placeholder="Tên danh mục"
|
||||
class="w-full border border-[#d8d8d8] py-2 px-3 rounded-sm shadow mt-3">
|
||||
</div>
|
||||
|
||||
<div class="form-control mt-5">
|
||||
<label class="font-bold text-base block">Từ khóa (tag,nếu có - nhập
|
||||
mỗi cụm từ 1
|
||||
dòng)</label>
|
||||
<textarea type="text" size="60" name="info[tags]" id="tags" value="{{page.item_info.tags}}"
|
||||
placeholder="tag" class="textarea w-full rounded-sm shadow mt-3"></textarea>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="bg-white p-3 rounded-sm shadow mb-5">
|
||||
<div class="flex items-center justify-between">
|
||||
<div>
|
||||
<b>Mô tả (nếu có)</b>
|
||||
</div>
|
||||
<div class="flex items-center gap-3">
|
||||
<a href="" class="btn btn-sm btn-outline btn-view">
|
||||
<i data-lucide="upload" class="size-4"></i>
|
||||
<span class="">Upload ảnh</span>
|
||||
</a>
|
||||
<a href="" class="btn btn-sm btn-outline btn-view">
|
||||
<i data-lucide="folder" class="size-4"></i>
|
||||
<span class="">Quản lý</span>
|
||||
</a>
|
||||
<a href="" class="btn btn-sm btn-outline btn-view">
|
||||
<i data-lucide="image" class="size-4"></i>
|
||||
<span class="">Chọn ảnh trong kho
|
||||
ảnh</span>
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
<p class="text-gray-300">Chưa có thư viện ảnh cho phần miêu tả</p>
|
||||
<div class="py-2">
|
||||
<textarea id="product-desc"> </textarea>
|
||||
</div>
|
||||
|
||||
<div class="flex justify-between mt-3">
|
||||
<div>
|
||||
<b class="font-[20px]">Nhập nội dung cố định (HTML)</b>
|
||||
</div>
|
||||
<div class="flex items-center gap-3">
|
||||
<a href="" class="btn btn-sm btn-outline btn-view">
|
||||
<i data-lucide="upload" class="size-4"></i>
|
||||
<span class="">Upload ảnh</span>
|
||||
</a>
|
||||
<a href="" class="btn btn-sm btn-outline btn-view">
|
||||
<i data-lucide="folder" class="size-4"></i>
|
||||
<span class="">Quản lý</span>
|
||||
</a>
|
||||
<a href="" class="btn btn-sm btn-outline btn-view">
|
||||
<i data-lucide="image" class="size-4"></i>
|
||||
<span class="">Chọn ảnh trong kho
|
||||
ảnh</span>
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
<p class="text-gray-300">Chưa có thư viện ảnh cho phần miêu tả</p>
|
||||
<div class="py-2">
|
||||
<textarea id="product-static"> </textarea>
|
||||
</div>
|
||||
|
||||
<div class="mt-5">
|
||||
<b class="block mb-3">Ảnh icon</b>
|
||||
<div id="image-category-icon" class="mt-5 w-full"></div>
|
||||
</div>
|
||||
|
||||
<div class="mt-5">
|
||||
<b class="block mb-3">Ảnh đại diện</b>
|
||||
<div id="image-category-avatar" class="mt-5 w-full"></div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="bg-white p-3 rounded-sm shadow mb-5">
|
||||
<b class="block text-xl mb-4">Thông tin danh mục</b>
|
||||
<div class="form-control mb-3">
|
||||
<label class="flex items-center mb-2 text-base">
|
||||
<b>Khoảng lọc giá</b>
|
||||
<span class="ml-2 italic text-gray-500">Nhập từng giá các nhau
|
||||
dấu;</span>
|
||||
</label>
|
||||
<input type="text" size="60" name="priceRange" id="priceRange"
|
||||
value="{{page.item_info.priceRange}}" class="input w-full rounded-sm shadow">
|
||||
<div class="note py-2 italic text-gray-500">
|
||||
<p>ví dụ: 300000;800000;1500000 có nghĩa là tạo ra 4 khoảng giá cho
|
||||
khách hàng lọc Sản
|
||||
phẩm, đó là:</p>
|
||||
<p>- Dưới 300000,</p>
|
||||
<p>- Từ 300000 đến 800000,</p>
|
||||
<p>- Từ 800000 đến 1500000</p>
|
||||
<p>- Trên 1500000</p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="grid grid-cols-2 gap-5 mt-5">
|
||||
<div class="form-control">
|
||||
<label class="flex items-center mb-3">
|
||||
<b>Là danh mục con của</b>
|
||||
</label>
|
||||
<select name="parentId" id="parentId" class="select rounded-sm shadow w-full">
|
||||
<option value="">Danh mục gốc</option>
|
||||
{{page.categoryDropBox}}
|
||||
</select>
|
||||
</div>
|
||||
<div class="form-control">
|
||||
<label class="flex items-center mb-3">
|
||||
<b>Loại nội dung hiển thị</b>
|
||||
</label>
|
||||
<select name="display_option" id="display_option"
|
||||
class="select rounded-sm shadow w-full">
|
||||
<option value="child_product" selected="selected">Hiển thị sản phẩm
|
||||
+ Danh mục con
|
||||
</option>
|
||||
<option value="category_as_product">Hiển thị như sản phẩm tổng hợp
|
||||
</option>
|
||||
</select>
|
||||
</div>
|
||||
<div class="form-control">
|
||||
<label class="flex items-center mb-3 gap-3">
|
||||
<b>Thứ tự xuất hiện</b>
|
||||
<span class="">(cao xếp trước)</span>
|
||||
</label>
|
||||
<input type="text" size="60" name="ordering" id="ordering"
|
||||
value="{{page.item_info.ordering}}" class="input w-full rounded-sm shadow">
|
||||
</div>
|
||||
<div class="form-control">
|
||||
<label class="flex items-center mb-3 gap-3">
|
||||
<b>Template File</b>
|
||||
</label>
|
||||
<input type="text" size="60" name="template" id="template"
|
||||
value="{{page.item_info.template}}" class="input w-full rounded-sm shadow">
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="form-control mt-5">
|
||||
<label class="flex items-center mb-3 gap-3">
|
||||
<b>Số Sản phẩm hiển thị</b>
|
||||
<span class="italic text-gray-500">(để = 0 nếu mặc định theo
|
||||
hệ thống cài đặt
|
||||
chung)
|
||||
</span>
|
||||
</label>
|
||||
<input type="text" size="60" name="number_display" id="number_display" value="0"
|
||||
class="input w-full rounded-sm shadow" />
|
||||
</div>
|
||||
|
||||
<div class="form-control w-full mt-5">
|
||||
<label class="flex items-center mb-3 gap-3">
|
||||
<b>Redirect tới URL (khi truy cập danh mục sẽ chuyển sang link này)</b>
|
||||
</label>
|
||||
<input type="text" size="60" name="redirect_url" id="redirect_url" value="0"
|
||||
class="input w-full rounded-sm shadow" />
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
<div class="bg-white p-3 mt-5 rounded-sm shadow">
|
||||
<b class="block text-xl">Dùng cho SEO</b>
|
||||
<div class="form-control w-full mt-5">
|
||||
<label class="flex items-center mb-3 gap-3">
|
||||
<b>Url canonical</b>
|
||||
</label>
|
||||
<input type="text" size="60" name="redirect_url" id="redirect_url" value="0"
|
||||
class="input w-full rounded-sm shadow">
|
||||
</div>
|
||||
<div class="form-control w-full mt-5">
|
||||
<label class="flex items-center mb-3 gap-3">
|
||||
<b>Link truy cập tại website</b>
|
||||
</label>
|
||||
<input type="text" size="60" name="redirect_url" id="redirect_url" value="0"
|
||||
class="input w-full rounded-sm shadow">
|
||||
</div>
|
||||
<div class="form-control w-full mt-5">
|
||||
<label class="flex items-center mb-3 gap-3">
|
||||
<b>Tên Index</b>
|
||||
</label>
|
||||
<input type="text" size="60" name="redirect_url" id="redirect_url" value="0"
|
||||
class="input w-full rounded-sm shadow">
|
||||
</div>
|
||||
<div class="form-control w-full mt-5">
|
||||
<label class="flex items-center mb-3 gap-3">
|
||||
<b>Meta Title</b>
|
||||
<span class="italic text-gray-500">51 ký tự , 10
|
||||
từ</span>
|
||||
</label>
|
||||
<input type="text" size="60" name="redirect_url" id="redirect_url" value="0"
|
||||
class="input w-full rounded-sm shadow">
|
||||
</div>
|
||||
<div class="form-control w-full mt-5">
|
||||
<label class="flex items-center mb-3 gap-3">
|
||||
<b>Meta Keywords</b>
|
||||
<span class="italic text-gray-500">76 ký tự , 14
|
||||
từ</span>
|
||||
</label>
|
||||
<input type="text" size="60" name="redirect_url" id="redirect_url" value="0"
|
||||
class="input w-full rounded-sm shadow">
|
||||
</div>
|
||||
<div class="form-control w-full mt-5">
|
||||
<label class="flex items-center mb-3 gap-3">
|
||||
<b>Meta Description</b>
|
||||
<span class="italic text-gray-500">142 ký tự , 28
|
||||
từ (Khuyến
|
||||
nghị: 160 ký tự) * nếu để trống sẽ dùng tóm tắt danh mục</span>
|
||||
</label>
|
||||
<textarea name="" id="" cols="30" rows="10" class="textarea w-full rounded-sm shadow"
|
||||
placeholder=""></textarea>
|
||||
</div>
|
||||
<div class="mt-5 gap-3 flex items-center">
|
||||
<b class="">Thay đổi Link truy cập khi thay đổi Tên index?</b>
|
||||
<input type="checkbox" name="change_url_on_update" value="1"
|
||||
class="checkbox checkbox-sm checkbox-active rounded-sm" checked="">
|
||||
<span class="text-gray-500">Tích chọn để hiển thị hoặc dừng hiển
|
||||
thị</span>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="bg-white p-3 rounded-sm shadow mt-5">
|
||||
<input class="btn btn-sm btn-active" id="submit-collection-btn" name="commit" type="submit"
|
||||
value="Cập nhật" />
|
||||
</div>
|
||||
|
||||
</form>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
</div>
|
||||
|
||||
</div>
|
||||
@@ -1,97 +0,0 @@
|
||||
<div class="w-full mb-[50px]">
|
||||
<div class="text-sm breadcrumbs">
|
||||
<ul>
|
||||
<li><a href="/product/collection">Danh sách bộ sưu tập</a></li>
|
||||
<li class="text-active">Form thêm/sửa sản phẩm</li>
|
||||
</ul>
|
||||
</div>
|
||||
<div class="w-7xl mx-auto">
|
||||
<div class="bg-white p-3 rounded-sm shadow">
|
||||
<div class="flex items-center justify-between">
|
||||
<h1 class="text-xl font-bold">Cập nhật bộ sưu tập Sản phẩm</h1>
|
||||
<div class="flex items-center gap-3">
|
||||
<a href="/product/add_special_category=131" class="btn btn-outline btn-sm btn-view">
|
||||
<i data-lucide="plus" class="size-3"></i>
|
||||
<span class="">Thêm sản phẩm</span>
|
||||
</a>
|
||||
<a href="/product/collection_add" class="btn btn-outline btn-sm btn-view">
|
||||
<i data-lucide="plus" class="size-3"></i>
|
||||
<span class="">Thêm bộ sưu tập</span>
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
<p class="text-gray-500">Flash Sale | Giảm Giá Cực Sốc !</p>
|
||||
</div>
|
||||
|
||||
<div class="grid grid-cols-4 gap-5 mt-5">
|
||||
<div class="left">
|
||||
<div class="list-tab">
|
||||
<a href="/product/collection"
|
||||
class="item block w-full text-white bg-[#0041E8] rounded-sm text-base px-3 py-2 font-bold">Thông
|
||||
tin</a>
|
||||
</div>
|
||||
</div>
|
||||
<div class="right col-span-3">
|
||||
<div class="bg-white p-3 rounded-sm shadow">
|
||||
<b class="block text-xl font-bold">Thông tin cơ bản</b>
|
||||
|
||||
<div class="mt-5">
|
||||
<b class="text-base">Ảnh icon</b>
|
||||
<div id="image-brand" class="mt-5 w-full"></div>
|
||||
</div>
|
||||
|
||||
<div class="mt-5">
|
||||
<label for="" class="block font-bold text-base">Đặt tên bộ sưu
|
||||
tập</label>
|
||||
<input type="text" name="" value="" placeholder="Tên bộ sưu tập"
|
||||
class="w-full input input-md rounded-sm shadow mt-3" />
|
||||
</div>
|
||||
|
||||
<div class="mt-5">
|
||||
<label for="" class="block font-bold text-base">Url Index</label>
|
||||
<input type="text" name="" value="" placeholder="url index"
|
||||
class="input input-md rounded-sm shadow mt-3" />
|
||||
</div>
|
||||
|
||||
<div class="mt-5">
|
||||
<label for="" class="block font-bold text-base mb-3">Miêu tả (Nếu
|
||||
có)</label>
|
||||
<textarea id="product-desc" class="mt-3"> </textarea>
|
||||
</div>
|
||||
</div>
|
||||
<div class="bg-white p-3 rounded-sm shadow mt-5">
|
||||
<b class="text-xl">Dùng cho SEO</b>
|
||||
<div class="mt-5">
|
||||
<label for="" class="block font-bold text-base">Meta Title</label>
|
||||
<input type="text" name="" value="" placeholder="Meta title"
|
||||
class="w-full input input-md rounded-sm shadow mt-3">
|
||||
</div>
|
||||
<div class="mt-5">
|
||||
<label for="" class="block font-bold text-base">Meta
|
||||
keywords</label>
|
||||
<input type="text" name="" value="" placeholder="Meta keywords"
|
||||
class="w-full input input-md rounded-sm shadow mt-3">
|
||||
</div>
|
||||
<div class="mt-5">
|
||||
<label for="" class="block font-bold text-base">Meta
|
||||
Description</label>
|
||||
<textarea type="text" name="" value="" placeholder="Meta Description"
|
||||
class="w-full textarea rounded-sm shadow mt-3">
|
||||
</textarea>
|
||||
</div>
|
||||
<div class="mt-5">
|
||||
<label for="" class="block font-bold text-base">Thứ tự xuất hiện
|
||||
<span class="text-[6b7280]">(cao xếp trước)</span></label>
|
||||
<input type="text" name="" value="" placeholder="Thứ tự xuất hiện"
|
||||
class="input input-md rounded-sm shadow mt-3">
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="bg-white p-3 rounded-sm shadow mt-3">
|
||||
<input class="btn btn-active" name="commit" type="submit" value="Cập nhật">
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
@@ -1,49 +0,0 @@
|
||||
<div class="bg-white shadow p-3 rounded-sm">
|
||||
<h1 class="text-2xl font-bold mb-3">Nhóm cấu hình sản phẩm</h1>
|
||||
|
||||
<div class="shadow p-3 rounded-sm border border-base-200">
|
||||
<div class="flex items-center gap-3">
|
||||
<input type="text" size="60" name="info[title]" placeholder="" class="input input-sm rounded-sm shadow">
|
||||
<a href="javascript:void(0)" class="btn btn-sm btn-active">Tìm kiếm</a>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="flex items-center justify-end mt-5 mb-3">
|
||||
<a href=" /admin/product/config_group_form" class=" btn btn-sm btn-outline btn-view">
|
||||
<i data-lucide="circle-plus" class="size-4"></i>
|
||||
<span class="">Thêm nhóm cấu hình</span>
|
||||
</a>
|
||||
</div>
|
||||
|
||||
<div class=" overflow-x-auto border border-base-200 rounded-sm mt-5">
|
||||
<table class="table">
|
||||
<thead>
|
||||
<tr class="bg-base-200 font-bold text-black">
|
||||
<th class="w-[50px]">STT</th>
|
||||
<th>Thông tin</th>
|
||||
<th class="w-[80px]">Cập nhật</th>
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody>
|
||||
<tr>
|
||||
<td>1</td>
|
||||
<td>
|
||||
<a href="" class="link-active">Máy In Canon Pixma IX6870-In Phun Mầu</a>
|
||||
<p>
|
||||
<span>Tạo lúc: 28-12-2023, 11:34 am,</span>
|
||||
<span>cập nhật: 28-12-2023, 11:34 am</span>
|
||||
</p>
|
||||
</td>
|
||||
<td>
|
||||
<div class='list-btn flex items-center gap-3'>
|
||||
<a href="" class='btn btn-soft btn-xs btn-square btn-outline btn-view'><i
|
||||
data-lucide="pencil" class='size-3'></i></a>
|
||||
<a href="" class='btn btn-soft btn-xs btn-square btn-outline btn-error'><i
|
||||
data-lucide="trash-2" class='size-3'></i></a>
|
||||
</div>
|
||||
</td>
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
</div>
|
||||
</div>
|
||||
@@ -1,125 +0,0 @@
|
||||
<div class="w-full mb-[50px]">
|
||||
|
||||
<div class="text-sm breadcrumbs">
|
||||
<ul>
|
||||
<li><a href="/product/config_group">Nhóm cấu hình sản phẩm</a></li>
|
||||
<li class="text-active">Form thêm/sửa cấu hình</li>
|
||||
</ul>
|
||||
</div>
|
||||
|
||||
<div class="w-7xl mx-auto">
|
||||
<div class="bg-white p-3 rounded-sm shadow mt-5">
|
||||
<div class="flex items-center justify-between">
|
||||
<h1 class="text-xl font-bold">Cập nhật cấu hình sản phẩm</h1>
|
||||
<div class="flex items-center gap-3 ">
|
||||
<a href="/brand/add" class="btn btn-sm btn-outline btn-view">
|
||||
<i data-lucide="plus" class="size-4"></i>
|
||||
<span>Thêm sp mới</span>
|
||||
</a>
|
||||
<a href="/brand/add" class="btn btn-sm btn-outline btn-view">
|
||||
<i data-lucide="copy" class="size-4"></i>
|
||||
<span>Tạo sp tương tự</span>
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="grid grid-cols-4 gap-5 mt-5">
|
||||
<div class="left">
|
||||
<div class="list-tab">
|
||||
<a href="/product/config_group_form"
|
||||
class="item block w-full text-[#6B7280] bg-white rounded-[10px_10px_0_0] shadow-[0px_-1px_1px_0px_#0000001A] text-[13px] p-2">Nội
|
||||
dung</a>
|
||||
<a href="/product/config_group_attribute"
|
||||
class=" item block w-full text-[#fff] bg-[#0041E8] text-[13px] font-500 p-2">Thuộc
|
||||
tính</a>
|
||||
<a href="/product/config_group_product"
|
||||
class=" item block w-full text-[#6B7280] bg-white text-[13px] font-500 p-2 rounded-[0_0_10px_10px] shadow-[0px_1px_1px_0px_#0000001A] border-t-[1px] border-[#f8f8f8]">Sản
|
||||
phẩm</a>
|
||||
</div>
|
||||
</div>
|
||||
<div class="right col-span-3">
|
||||
|
||||
<div class="bg-white p-3 rounded-sm shadow">
|
||||
<b class="block font-xl">Thuộc tính</b>
|
||||
<div class="grid grid-cols-2 gap-5 mt-5">
|
||||
<div class="form-control">
|
||||
<label class="font-bold text-base">Cập nhật</label>
|
||||
<input type="text" size="60" name="info[title]" id="title" value="{{page.item_info.title}}"
|
||||
placeholder="Cập nhật" class="w-full input rounded-sm shadow mt-3">
|
||||
</div>
|
||||
<div class="form-control">
|
||||
<label class="font-bold text-base">Thứ tự</label>
|
||||
<input type="text" size="60" name="info[title]" id="title" value="{{page.item_info.title}}"
|
||||
placeholder="Thứ tự" class="w-full input rounded-sm shadow mt-3">
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="bg-white p-3 rounded-sm shadow mt-5">
|
||||
<b class="block font-xl">Thuộc tính</b>
|
||||
|
||||
<div class="grid grid-cols-3 gap-3 mt-5">
|
||||
<div class="form-control">
|
||||
<label class="font-bold text-base">Giá trị</label>
|
||||
<input type="text" size="60" name="info[title]" id="title" value="{{page.item_info.title}}"
|
||||
placeholder="Giá trị" class="w-full input rounded-sm shadow mt-3">
|
||||
</div>
|
||||
<div class="form-control">
|
||||
<label class="font-bold text-base">Mô tả</label>
|
||||
<input type="text" size="60" name="info[title]" id="title" value="{{page.item_info.title}}"
|
||||
placeholder="Mô tả" class="w-full input rounded-sm shadow mt-3">
|
||||
</div>
|
||||
<div class="form-control">
|
||||
<label class="font-bold text-base">Thứ tự</label>
|
||||
<input type="text" size="60" name="info[title]" id="title" value="0" placeholder="Thứ tự"
|
||||
class="w-full input rounded-sm shadow mt-3">
|
||||
</div>
|
||||
<div class="form-control">
|
||||
<label class="font-bold text-base">Giá trị</label>
|
||||
<input type="text" size="60" name="info[title]" id="title" value="{{page.item_info.title}}"
|
||||
placeholder="Giá trị" class="w-full input rounded-sm shadow mt-3">
|
||||
</div>
|
||||
<div class="form-control">
|
||||
<label class="font-bold text-base">Mô tả</label>
|
||||
<input type="text" size="60" name="info[title]" id="title" value="{{page.item_info.title}}"
|
||||
placeholder="Mô tả" class="w-full input rounded-sm shadow mt-3">
|
||||
</div>
|
||||
<div class="form-control">
|
||||
<label class="font-bold text-base">Thứ tự</label>
|
||||
<input type="text" size="60" name="info[title]" id="title" value="0" placeholder="Thứ tự"
|
||||
class="w-full input rounded-sm shadow mt-3">
|
||||
</div>
|
||||
<div class="form-control">
|
||||
<label class="font-bold text-base">Giá trị</label>
|
||||
<input type="text" size="60" name="info[title]" id="title" value="{{page.item_info.title}}"
|
||||
placeholder="Giá trị" class="w-full input rounded-sm shadow mt-3">
|
||||
</div>
|
||||
<div class="form-control">
|
||||
<label class="font-bold text-base">Mô tả</label>
|
||||
<input type="text" size="60" name="info[title]" id="title" value="{{page.item_info.title}}"
|
||||
placeholder="Mô tả" class="w-full input rounded-sm shadow mt-3">
|
||||
</div>
|
||||
<div class="form-control">
|
||||
<label class="font-bold text-base">Thứ tự</label>
|
||||
<input type="text" size="60" name="info[title]" id="title" value="0" placeholder="Thứ tự"
|
||||
class="w-full input rounded-sm shadow mt-3">
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<a href="javascript:void(0)"
|
||||
class="flex items-center text-center justify-center mt-5 gap-2 text-active">
|
||||
<i data-lucide="circle-plus" class="size-4 mt-0.5"></i>
|
||||
<span class="text-active font-bold">Thêm giá trị</span>
|
||||
</a>
|
||||
</div>
|
||||
|
||||
<div class="bg-white p-3 rounded-sm shadow mt-5">
|
||||
<input class="btn btn-active" id="submit-collection-btn" name="commit" type="submit"
|
||||
value="Cập nhật" />
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
@@ -1,66 +0,0 @@
|
||||
<div class="w-full mb-[50px]">
|
||||
|
||||
<div class="text-sm breadcrumbs">
|
||||
<ul>
|
||||
<li><a href=" /admin/product/config_group">Nhóm cấu hình sản phẩm</a></li>
|
||||
<li class="text-active">Form thêm/sửa cấu hình</li>
|
||||
</ul>
|
||||
</div>
|
||||
|
||||
<div class="w-7xl mx-auto">
|
||||
<div class="bg-white p-3 rounded-sm shadow mt-5">
|
||||
<div class="flex items-center justify-between">
|
||||
<h1 class="text-xl font-bold">Cập nhật cấu hình sản phẩm</h1>
|
||||
<div class="flex items-center gap-3 ">
|
||||
<a href="/brand/add" class="btn btn-sm btn-outline btn-view">
|
||||
<i data-lucide="plus" class="size-4"></i>
|
||||
<span>Thêm sp mới</span>
|
||||
</a>
|
||||
<a href="/brand/add" class="btn btn-sm btn-outline btn-view">
|
||||
<i data-lucide="copy" class="size-4"></i>
|
||||
<span>Tạo sp tương tự</span>
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="grid grid-cols-4 gap-5 mt-5">
|
||||
<div class="left">
|
||||
<div class="list-tab">
|
||||
<a href="/product/config_group_form"
|
||||
class="item block w-full text-[13px] font-bold text-white bg-[#0041E8] rounded-[10px_10px_0_0] p-2">Nội
|
||||
dung</a>
|
||||
<a href="/product/config_group_attribute"
|
||||
class=" item block w-full text-[#6B7280] bg-white text-[13px] p-2 font-500 border-t-1 border-base-100">Thuộc
|
||||
tính</a>
|
||||
<a href="/product/config_group_product"
|
||||
class=" item block w-full text-[#6B7280] bg-white text-[13px] p-2 font-500 rounded-[0_0_10px_10px] shadow-[0px_1px_1px_0px_#0000001A] border-t-[1px] border-[#f8f8f8]">Sản
|
||||
phẩm</a>
|
||||
</div>
|
||||
</div>
|
||||
<div class="right col-span-3">
|
||||
<div class="bg-white p-3 rounded-sm shadow">
|
||||
|
||||
<div class="form-control mt-5">
|
||||
<label class="font-bold text-base">Tên nhóm</label>
|
||||
<input type="text" size="60" name="info[title]" id="title" value="{{page.item_info.title}}"
|
||||
placeholder="Tên nhóm" class="w-full input rounded-sm shadow mt-3">
|
||||
</div>
|
||||
|
||||
<div class="form-control mt-5">
|
||||
<label class="font-bold text-base">Mô tả tóm tắt</label>
|
||||
<textarea type="text" size="60" name="info[title]" id="title" value="{{page.item_info.title}}"
|
||||
placeholder="Tên nhóm" class="w-full textarea rounded-sm shadow mt-3"></textarea>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
<div class="bg-white p-3 rounded-sm shadow mt-5">
|
||||
<input class="btn btn-active" id="submit-collection-btn" name="commit" type="submit"
|
||||
value="Cập nhật" />
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
@@ -1,88 +0,0 @@
|
||||
<div class="w-[100%] mb-[50px]">
|
||||
|
||||
<div class="text-sm breadcrumbs ml-[10px]">
|
||||
<ul>
|
||||
<li><a href="/product/config_group">Nhóm cấu hình sản phẩm</a></li>
|
||||
<li class="text-[#0041E8]">Form thêm/sửa cấu hình</li>
|
||||
</ul>
|
||||
</div>
|
||||
|
||||
<div class="w-7xl mx-auto">
|
||||
<div class="bg-white p-3 rounded-sm shadow mt-5">
|
||||
<div class="flex items-center justify-between">
|
||||
<h1 class="text-xl font-bold">Cập nhật cấu hình sản phẩm</h1>
|
||||
<div class="flex items-center gap-3 ">
|
||||
<a href="/brand/add" class="btn btn-sm btn-outline btn-view">
|
||||
<i data-lucide="plus" class="size-4"></i>
|
||||
<span>Thêm sp mới</span>
|
||||
</a>
|
||||
<a href="/brand/add" class="btn btn-sm btn-outline btn-view">
|
||||
<i data-lucide="copy" class="size-4"></i>
|
||||
<span>Tạo sp tương tự</span>
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="grid grid-cols-4 gap-5 mt-5">
|
||||
<div class="left">
|
||||
<div class="list-tab">
|
||||
<a href="/product/config_group_form"
|
||||
class="item block w-full text-[#6B7280] bg-white rounded-[10px_10px_0_0] shadow-[0px_-1px_1px_0px_#0000001A] text-[13px] p-2">Nội
|
||||
dung</a>
|
||||
<a href="/product/config_group_attribute"
|
||||
class=" item block w-full text-[#6B7280] bg-white text-[13px] font-500 p-2">Thuộc
|
||||
tính</a>
|
||||
<a href="/product/config_group_product"
|
||||
class=" item block w-full text-[#fff] font-bold bg-[#0041E8] text-[13px] p-2 rounded-[0_0_10px_10px] shadow-[0px_1px_1px_0px_#0000001A] border-t-[1px] border-[#f8f8f8]">Sản
|
||||
phẩm</a>
|
||||
</div>
|
||||
</div>
|
||||
<div class="right col-span-3">
|
||||
<div class="bg-white p-3 rounded-sm shadow">
|
||||
|
||||
<div class="border border-base-200 rounded-sm">
|
||||
<table class="table">
|
||||
<thead>
|
||||
<tr class="bg-base-300 text-black font-bold">
|
||||
<th>STT</th>
|
||||
<th>Sản phẩm</th>
|
||||
<th>Thuộc tính</th>
|
||||
<th>Công cụ</th>
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody>
|
||||
<tr>
|
||||
<td>1</td>
|
||||
<td>
|
||||
<a href="" class="text-active">Tai nghe Bluetooth True Wireless WIWU TWS12 Màu
|
||||
Hồng</a>
|
||||
</td>
|
||||
<td>
|
||||
<div class="flex items-center gap-2">
|
||||
<p class="whitespace-nowrap">Màu sắc</p>
|
||||
<select name="" id="" class="select select-sm">
|
||||
<option value="">Hồng</option>
|
||||
<option value="">Tím</option>
|
||||
</select>
|
||||
</div>
|
||||
</td>
|
||||
<td class="w-[120px]">
|
||||
<div class='list-btn flex items-center gap-2'>
|
||||
<a href="" class="btn btn-active btn-sm">Cập
|
||||
nhật</a>
|
||||
<a href="" class="btn btn-soft btn-xs btn-error btn-square">
|
||||
<i data-lucide="trash-2" class="size-3 text-red-400"></i>
|
||||
</a>
|
||||
</div>
|
||||
</td>
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
431
template/product/detail.html
Normal file
431
template/product/detail.html
Normal file
@@ -0,0 +1,431 @@
|
||||
{% assign no_image_url = 'no-image.png' | asset_url %}
|
||||
{% assign _product = page.product_info %}
|
||||
{% assign _rating_summary = _product.review.summary %}
|
||||
|
||||
<style>
|
||||
.font-inter {
|
||||
font-family: 'Inter', sans-serif;
|
||||
}
|
||||
|
||||
.star-row {
|
||||
display: grid;
|
||||
grid-template-columns: 10px 12px 1fr 36px;
|
||||
align-items: center;
|
||||
column-gap: 9px;
|
||||
}
|
||||
|
||||
.star-bar {
|
||||
height: 6px;
|
||||
border-radius: 9999px;
|
||||
background: #e6e6e6;
|
||||
overflow: hidden;
|
||||
}
|
||||
|
||||
.star-bar > span {
|
||||
display: block;
|
||||
height: 100%;
|
||||
background: #0084ff;
|
||||
}
|
||||
|
||||
.product-description img,
|
||||
.product-description iframe,
|
||||
.product-description table {
|
||||
max-width: 100%;
|
||||
}
|
||||
|
||||
.product-description table {
|
||||
width: 100%;
|
||||
}
|
||||
</style>
|
||||
|
||||
<div class="w-[1200px] mx-auto flex flex-col gap-3 py-5">
|
||||
<div class="flex items-center gap-2 text-[13px] text-black">
|
||||
<a href="/" class="hover:text-[#e4057c]">Trang chủ</a>
|
||||
{% if _product.productPath.size > 0 %}
|
||||
{% for _path in _product.productPath[0].path %}
|
||||
<img src="{{ 'icon_arrow_next.svg' | asset_url }}" alt="" class="w-[10px] h-[10px]" />
|
||||
<a href="{{ _path.url }}" class="hover:text-[#e4057c]">{{ _path.name }}</a>
|
||||
{% endfor %}
|
||||
{% elsif _product.categoryInfo.size > 0 %}
|
||||
<img src="{{ 'icon_arrow_next.svg' | asset_url }}" alt="" class="w-[10px] h-[10px]" />
|
||||
<a href="{{ _product.categoryInfo[0].url }}" class="hover:text-[#e4057c]">{{ _product.categoryInfo[0].name }}</a>
|
||||
{% endif %}
|
||||
</div>
|
||||
|
||||
<div class="flex flex-col gap-2">
|
||||
<div class="flex items-center gap-3">
|
||||
<h1 class="text-[20px] font-bold tracking-[-0.4px] text-black leading-none">{{ _product.productName }}</h1>
|
||||
{% if _product.productType.isNew == 1 %}
|
||||
<span class="h-5 rounded-[4px] bg-[#fff3f3] text-[#e40000] text-[12px] px-[11px] leading-5">Mẫu mới</span>
|
||||
{% elsif _product.productType.isHot == 1 %}
|
||||
<span class="h-5 rounded-[4px] bg-[#fff6ed] text-[#fc7600] text-[12px] px-[11px] leading-5">Bán chạy</span>
|
||||
{% endif %}
|
||||
</div>
|
||||
<div class="flex items-center gap-3 text-[14px] tracking-[-0.28px]">
|
||||
<span class="text-[#959595]">Đã bán {{ _product.buy_count | default: 0 }}</span>
|
||||
<span class="text-[#959595] flex items-center gap-1">
|
||||
<img src="{{ 'icon_rating_star.svg' | asset_url }}" alt="" class="w-[13px] h-[13px]" />
|
||||
{{ _rating_summary.avgRate | default: 0 }}
|
||||
</span>
|
||||
<a href="#product-spec" class="text-[#0084ff] flex items-center gap-1">
|
||||
<span class="inline-flex items-center justify-center w-5 h-5 rounded-full border border-[#0084ff] text-[11px]">i</span>
|
||||
Thông số
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="flex items-start gap-3">
|
||||
<section class="w-[796px] flex flex-col gap-3">
|
||||
<div class="bg-white rounded-[8px] px-3 py-[10px] flex flex-col gap-2">
|
||||
<div class="w-[392px] h-[392px] mx-auto rounded-[8px] overflow-hidden bg-white flex items-center justify-center">
|
||||
<img src="{{ _product.productImage.large }}" alt="{{ _product.productName }}" class="w-full h-full object-contain"
|
||||
onerror="this.onerror=null;this.src='{{ no_image_url }}'" />
|
||||
</div>
|
||||
<div class="flex flex-wrap gap-2">
|
||||
{% if _product.productImageGallery.size > 0 %}
|
||||
{% for _image in _product.productImageGallery limit:13 %}
|
||||
<button class="w-[52px] h-[52px] rounded-[2px] overflow-hidden {% if forloop.first %}border border-[#57aeff]{% else %}border border-transparent{% endif %}">
|
||||
<img src="{{ _image.large | default: _image.original | default: _image.small }}" alt="{{ _product.productName }}"
|
||||
class="w-full h-full object-cover" onerror="this.onerror=null;this.src='{{ no_image_url }}'" />
|
||||
</button>
|
||||
{% endfor %}
|
||||
{% else %}
|
||||
<button class="w-[52px] h-[52px] rounded-[2px] overflow-hidden border border-[#57aeff]">
|
||||
<img src="{{ _product.productImage.small }}" alt="{{ _product.productName }}" class="w-full h-full object-cover"
|
||||
onerror="this.onerror=null;this.src='{{ no_image_url }}'" />
|
||||
</button>
|
||||
{% endif %}
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="bg-white rounded-[8px] px-3 py-2 flex flex-col gap-3">
|
||||
<h2 class="font-inter text-[16px] font-bold tracking-[-0.32px]">MIQ cam kết</h2>
|
||||
<div class="h-px bg-[#ececec]"></div>
|
||||
<div class="grid grid-cols-2 gap-x-[40px] gap-y-3 text-[13px] text-black tracking-[-0.26px]">
|
||||
<p class="flex items-start gap-2"><img src="{{ 'icon_double_next_small.svg' | asset_url }}" alt="" class="w-7 h-7 mt-[-2px]" />
|
||||
Hàng chính hãng, hỗ trợ kỹ thuật nhanh chóng.</p>
|
||||
<p class="flex items-start gap-2"><img src="{{ 'icon_certificate.svg' | asset_url }}" alt="" class="w-7 h-7 mt-[-2px]" />
|
||||
{% if _product.warranty != '' %}{{ _product.warranty }}{% else %}Bảo hành theo chính sách của nhà sản xuất.{% endif %}</p>
|
||||
<p class="flex items-start gap-2"><img src="{{ 'icon_certificate.svg' | asset_url }}" alt="" class="w-7 h-7 mt-[-2px]" />
|
||||
{% if _product.price > 0 %}Giá bán minh bạch, cập nhật theo dữ liệu sản phẩm.{% else %}Giá đang được cập nhật, vui lòng liên hệ để nhận báo giá.{% endif %}</p>
|
||||
<p class="flex items-start gap-2"><img src="{{ 'icon_customer_support.svg' | asset_url }}" alt="" class="w-7 h-7 mt-[-2px]" />
|
||||
Tư vấn trước và sau mua hàng trong giờ hành chính.</p>
|
||||
<p class="flex items-start gap-2"><img src="{{ 'icon_double_next_small.svg' | asset_url }}" alt="" class="w-7 h-7 mt-[-2px]" />
|
||||
{% if _product.package_accessory != '' %}{{ _product.package_accessory }}{% else %}Phụ kiện và quà tặng áp dụng theo từng chương trình cụ thể.{% endif %}</p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="bg-white rounded-[8px] p-3 flex flex-col gap-3">
|
||||
<h3 class="text-[16px] font-bold tracking-[-0.32px]">Tham khảo thêm sản phẩm đang xem</h3>
|
||||
<div class="min-h-[98px] rounded-[8px] border border-[#ebebeb] flex items-center gap-3 px-3 py-[9px]">
|
||||
<img src="{{ _product.productImage.small }}" alt="{{ _product.productName }}" class="w-20 h-20 rounded-[2px] object-cover"
|
||||
onerror="this.onerror=null;this.src='{{ no_image_url }}'" />
|
||||
<div class="w-[472px] flex flex-col gap-1">
|
||||
<p class="text-[14px] font-semibold leading-6 tracking-[-0.28px]">{{ _product.productName }}</p>
|
||||
<div class="flex items-center gap-2 flex-wrap">
|
||||
{% if _product.price > 0 %}
|
||||
<p class="text-[15px] font-bold text-[#cd0000]">{{ _product.price | number_format }}₫</p>
|
||||
{% else %}
|
||||
<p class="text-[15px] font-bold text-[#cd0000]">Liên hệ</p>
|
||||
{% endif %}
|
||||
{% if _product.marketPrice > 0 %}
|
||||
<p class="text-[13px] text-[#9d9d9d] line-through">{{ _product.marketPrice | number_format }}₫</p>
|
||||
{% endif %}
|
||||
</div>
|
||||
<p class="text-[13px] leading-6 tracking-[-0.26px]">{% if _product.warranty != '' %}{{ _product.warranty }}{% else %}Thông tin bảo hành đang cập nhật.{% endif %}</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="bg-white rounded-[8px] px-3 py-[15px] flex flex-col gap-2">
|
||||
<h3 class="text-[16px] font-bold tracking-[-0.32px]">Đặc điểm nổi bật</h3>
|
||||
{% if _product.productSummary != '' %}
|
||||
<div class="text-[13px] leading-[22px] tracking-[-0.26px] whitespace-pre-line">{{ _product.productSummary }}</div>
|
||||
{% else %}
|
||||
<ul class="list-disc ps-5 text-[13px] leading-[22px] tracking-[-0.26px]">
|
||||
<li>Sản phẩm đang được cập nhật phần mô tả nổi bật.</li>
|
||||
<li>Vui lòng xem thêm thông tin chi tiết ở phần mô tả bên dưới.</li>
|
||||
</ul>
|
||||
{% endif %}
|
||||
</div>
|
||||
|
||||
<div id="product-spec" class="bg-white rounded-[8px] px-3 py-[22px] flex flex-col gap-4">
|
||||
<div class="flex items-center justify-center gap-3">
|
||||
<button class="w-[205px] h-10 rounded-[4px] border border-[#0084ff] bg-[#edf7ff] text-[16px] text-[#0084ff] font-bold tracking-[-0.32px]">Thông số kỹ thuật</button>
|
||||
<button class="w-[205px] h-10 rounded-[4px] border border-[#e6e6e6] bg-white text-[16px] text-black font-bold tracking-[-0.32px]">Thông tin sản phẩm</button>
|
||||
</div>
|
||||
<div class="h-10 rounded-[4px] bg-[#f2f4f7] flex items-center justify-between px-2">
|
||||
<p class="font-inter font-semibold text-[13px] tracking-[-0.26px]">Tổng quan</p>
|
||||
<img src="{{ 'icon_arrow_next.svg' | asset_url }}" alt="" class="w-5 h-5 rotate-90" />
|
||||
</div>
|
||||
<div class="grid grid-cols-[196px_1fr] gap-x-[88px] gap-y-[24px] px-3 text-[13px] tracking-[-0.26px]">
|
||||
<p>Tên sản phẩm</p>
|
||||
<p>{{ _product.productName }}</p>
|
||||
<p>Danh mục</p>
|
||||
<p>{% if _product.categoryInfo.size > 0 %}{{ _product.categoryInfo[0].name }}{% else %}Đang cập nhật{% endif %}</p>
|
||||
<p>Thương hiệu</p>
|
||||
<p>{% if _product.brand.name != '' %}{{ _product.brand.name }}{% else %}Đang cập nhật{% endif %}</p>
|
||||
<p>Model</p>
|
||||
<p>{% if _product.productModel != '' %}{{ _product.productModel }}{% else %}Đang cập nhật{% endif %}</p>
|
||||
<p>SKU</p>
|
||||
<p>{% if _product.productSKU != '' %}{{ _product.productSKU }}{% else %}Đang cập nhật{% endif %}</p>
|
||||
<p>Bảo hành</p>
|
||||
<p>{% if _product.warranty != '' %}{{ _product.warranty }}{% else %}Đang cập nhật{% endif %}</p>
|
||||
<p>Đơn vị tính</p>
|
||||
<p>{{ _product.priceUnit }}</p>
|
||||
<p>Cập nhật</p>
|
||||
<p>{{ _product.lastUpdate }}</p>
|
||||
</div>
|
||||
|
||||
<div class="h-10 rounded-[4px] bg-[#f2f4f7] flex items-center justify-between px-2 mt-2">
|
||||
<p class="font-inter font-semibold text-[13px] tracking-[-0.26px]">Mô tả sản phẩm</p>
|
||||
<img src="{{ 'icon_arrow_next.svg' | asset_url }}" alt="" class="w-5 h-5 rotate-90" />
|
||||
</div>
|
||||
<div class="product-description px-3 text-[13px] leading-[22px] tracking-[-0.26px] text-black overflow-hidden">
|
||||
{% if _product.productDescription != '' %}
|
||||
{{ _product.productDescription }}
|
||||
{% else %}
|
||||
<p>Thông tin mô tả sản phẩm đang được cập nhật.</p>
|
||||
{% endif %}
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="bg-white rounded-[12px] px-3 py-4 flex flex-col gap-5">
|
||||
<h3 class="text-[18px] font-semibold tracking-[-0.36px]">Đánh giá {{ _product.productName }}</h3>
|
||||
<div class="flex items-center justify-center gap-5">
|
||||
<div class="w-[112px] flex flex-col items-center gap-1">
|
||||
<p class="text-[32px] font-extrabold font-inter tracking-[-0.64px]">{{ _rating_summary.avgRate | default: 0 }}<span class="text-[13px] text-[#9d9d9d] font-normal">/5</span></p>
|
||||
<p class="text-[13px] font-inter">{{ page.product_info.comment.summary.total | default: 0 }} khách hài lòng</p>
|
||||
<p class="text-[13px] text-[#9d9d9d] font-inter">{{ _rating_summary.total | default: 0 }} đánh giá</p>
|
||||
</div>
|
||||
<div class="w-[315px] flex flex-col gap-2 text-[13px]">
|
||||
<div class="star-row"><span>5</span><span>★</span><div class="star-bar"><span style="width:0%"></span></div><span>0%</span></div>
|
||||
<div class="star-row"><span>4</span><span>★</span><div class="star-bar"><span style="width:0%"></span></div><span>0%</span></div>
|
||||
<div class="star-row"><span>3</span><span>★</span><div class="star-bar"><span style="width:0%"></span></div><span>0%</span></div>
|
||||
<div class="star-row"><span>2</span><span>★</span><div class="star-bar"><span style="width:0%"></span></div><span>0%</span></div>
|
||||
<div class="star-row"><span>1</span><span>★</span><div class="star-bar"><span style="width:0%"></span></div><span>0%</span></div>
|
||||
</div>
|
||||
<img src="{{ _product.productImage.small }}" alt="{{ _product.productName }}" class="w-20 h-20 rounded-[4px] object-cover" onerror="this.onerror=null;this.src='{{ no_image_url }}'" />
|
||||
<img src="{{ _product.productImage.small }}" alt="{{ _product.productName }}" class="w-20 h-20 rounded-[4px] object-cover" onerror="this.onerror=null;this.src='{{ no_image_url }}'" />
|
||||
<img src="{{ _product.productImage.small }}" alt="{{ _product.productName }}" class="w-20 h-20 rounded-[4px] object-cover" onerror="this.onerror=null;this.src='{{ no_image_url }}'" />
|
||||
</div>
|
||||
|
||||
<div class="w-[754px] grid gap-2 text-[13px] tracking-[-0.26px]">
|
||||
<div class="flex items-center gap-1">
|
||||
<p class="font-bold">MIQ</p>
|
||||
<span class="text-[#35b327]">●</span>
|
||||
<p class="text-[#35b327] font-medium">Thông tin đánh giá đang được cập nhật</p>
|
||||
</div>
|
||||
<p>★★★★★ <span class="mx-2 text-[#9d9d9d]">|</span> Chưa có nội dung đánh giá hiển thị</p>
|
||||
<p>Khách hàng có thể để lại đánh giá sau khi mua hàng để hoàn thiện phần trải nghiệm thực tế cho sản phẩm này.</p>
|
||||
</div>
|
||||
|
||||
<div class="h-px bg-[#e8e8e8] w-[772px]"></div>
|
||||
|
||||
<div class="w-[754px] grid gap-2 text-[13px] tracking-[-0.26px]">
|
||||
<div class="flex items-center gap-1">
|
||||
<p class="font-bold">MIQ</p>
|
||||
<span class="text-[#35b327]">●</span>
|
||||
<p class="text-[#35b327] font-medium">Chưa có bình luận nổi bật</p>
|
||||
</div>
|
||||
<p>Đội ngũ tư vấn sẽ cập nhật phản hồi khách hàng khi có dữ liệu mới.</p>
|
||||
</div>
|
||||
|
||||
<div class="flex items-center justify-center gap-2">
|
||||
<button class="w-[231px] h-10 rounded-[4px] border border-[#8c8c8c] text-[#6b6b6b] text-[13px] font-medium">Xem {{ _rating_summary.total | default: 0 }} đánh giá</button>
|
||||
<button class="w-[231px] h-10 rounded-[4px] bg-[#0084ff] text-white text-[13px] font-medium">Viết đánh giá</button>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<aside class="w-[392px] flex flex-col gap-3">
|
||||
<div class="bg-white rounded-[8px] px-3 py-[14px] flex flex-col gap-[11px]">
|
||||
<img src="{{ 'category_qc_lg.png' | asset_url }}" alt="" class="w-[367px] h-[144px] rounded-[8px] object-cover" />
|
||||
<img src="{{ 'category_qc_samsung.png' | asset_url }}" alt="" class="w-[367px] h-[144px] rounded-[8px] object-cover" />
|
||||
<div class="flex items-center gap-2 flex-wrap">
|
||||
{% if _product.categoryInfo.size > 0 %}
|
||||
{% for _category in _product.categoryInfo limit:3 %}
|
||||
<a href="{{ _category.url }}" class="px-3 h-7 rounded-[4px] border {% if forloop.first %}border-[#50aaff] text-[#0084ff]{% else %}border-[#e8e8e8] text-black{% endif %} text-[13px] font-medium inline-flex items-center">{{ _category.name }}</a>
|
||||
{% endfor %}
|
||||
{% else %}
|
||||
<span class="px-3 h-7 rounded-[4px] border border-[#50aaff] text-[#0084ff] text-[13px] font-medium inline-flex items-center">Sản phẩm</span>
|
||||
{% endif %}
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="rounded-[8px] p-[4px] bg-gradient-to-b from-[#6b1440] via-[#e4057c] to-[#6b1440]">
|
||||
<div class="bg-white rounded-[6px] p-[11px] flex flex-col gap-3">
|
||||
<p class="text-[13px] font-semibold tracking-[-0.26px]">Loại dịch vụ lắp đặt</p>
|
||||
{% if _product.addon.size > 0 %}
|
||||
{% for _addon in _product.addon limit:3 %}
|
||||
<div class="rounded-[8px] border {% if forloop.first %}border-[#e4057c] bg-[#fff6f6]{% else %}border-[#e2e2e2]{% endif %} p-[13px] grid grid-cols-2 gap-x-[12px] gap-y-2">
|
||||
<div class="flex items-center gap-2">
|
||||
<span class="w-3 h-3 rounded-full border border-[#a9a9a9]"></span>
|
||||
<p class="text-[13px] font-semibold tracking-[-0.26px]">{{ _addon.title }}</p>
|
||||
</div>
|
||||
<div class="text-right">
|
||||
{% if _addon.price > 0 %}
|
||||
<p class="text-[14px] font-bold text-[#e40000]">{{ _addon.price | number_format }}đ</p>
|
||||
{% else %}
|
||||
<p class="text-[14px] font-bold text-[#35b327]">Miễn phí</p>
|
||||
{% endif %}
|
||||
</div>
|
||||
<div class="col-span-2 flex items-center gap-1 ps-5">
|
||||
<span class="text-[#35b327]">◉</span>
|
||||
<p class="text-[12px]">{% if forloop.first %}Gói tiêu chuẩn{% else %}Tuỳ chọn dịch vụ đi kèm{% endif %}</p>
|
||||
</div>
|
||||
</div>
|
||||
{% endfor %}
|
||||
{% else %}
|
||||
<div class="rounded-[8px] border border-[#e4057c] bg-[#fff6f6] p-[13px]">
|
||||
<p class="text-[13px] font-semibold tracking-[-0.26px]">Chưa có gói dịch vụ bổ sung</p>
|
||||
</div>
|
||||
{% endif %}
|
||||
|
||||
{% if _product.specialOffer.all.size > 0 %}
|
||||
<div class="rounded-[8px] border border-[#e2e2e2] overflow-hidden">
|
||||
<div class="h-[43px] bg-[#f9fafb] px-2 flex items-center">
|
||||
<p class="text-[14px] font-semibold tracking-[-0.28px]">Khuyến mãi</p>
|
||||
</div>
|
||||
<div class="p-[10px] flex flex-col gap-3">
|
||||
{% for _offer in _product.specialOffer.all limit:3 %}
|
||||
<p class="text-[13px] tracking-[-0.26px] flex items-start gap-2">
|
||||
<span class="inline-flex items-center justify-center w-4 h-4 rounded-full bg-[#a0045c] text-white text-[13px] shrink-0">{{ forloop.index }}</span>
|
||||
<span class="line-clamp-3">{{ _offer.title }}</span>
|
||||
</p>
|
||||
{% endfor %}
|
||||
</div>
|
||||
</div>
|
||||
{% endif %}
|
||||
|
||||
{% if _product.specialOffer.gift.size > 0 %}
|
||||
<div class="h-px bg-[#ececec]"></div>
|
||||
<p class="text-[13px] font-medium tracking-[-0.26px]">Hình ảnh quà khuyến mãi</p>
|
||||
<div class="flex items-center gap-2 flex-wrap">
|
||||
{% for _gift in _product.specialOffer.gift limit:2 %}
|
||||
{% if _gift.thumbnail != '' and _gift.thumbnail contains '/' %}
|
||||
{% assign _gift_image = _gift.thumbnail %}
|
||||
{% else %}
|
||||
{% assign _gift_image = no_image_url %}
|
||||
{% endif %}
|
||||
<div class="w-[128px] h-12 rounded-[4px] border border-[#ebebeb] p-[6px] flex items-center gap-1">
|
||||
<img src="{{ _gift_image }}" alt="{{ _gift.title }}" class="w-9 h-9 rounded-[4px] object-cover" onerror="this.onerror=null;this.src='{{ no_image_url }}'" />
|
||||
<p class="text-[10px] font-medium leading-[14px] line-clamp-2">{{ _gift.title }}</p>
|
||||
</div>
|
||||
{% endfor %}
|
||||
</div>
|
||||
{% endif %}
|
||||
|
||||
<div class="h-px bg-[#ececec]"></div>
|
||||
<div class="flex items-center gap-3">
|
||||
<button class="w-[166px] h-12 rounded-[4px] border border-[#0084ff] text-[#0084ff] text-[25px] leading-4 pb-1">⍟<span class="block text-[13px] leading-4">Thêm vào giỏ</span></button>
|
||||
<button class="w-[166px] h-12 rounded-[4px] bg-[#fc7600] text-white text-[20px] font-semibold">Mua ngay</button>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="bg-white rounded-[8px] p-3 flex flex-col gap-2">
|
||||
<p class="text-[14px] font-semibold leading-6 tracking-[-0.28px]">Sản phẩm đã xem</p>
|
||||
<div class="grid grid-cols-2 gap-3">
|
||||
<a href="{{ _product.productUrl }}" class="h-[76px] rounded-[4px] border border-[#d9d9d9] p-2 flex items-center gap-2 no-underline">
|
||||
<img src="{{ _product.productImage.small }}" alt="{{ _product.productName }}" class="w-[60px] h-[60px] rounded-[4px] object-cover" onerror="this.onerror=null;this.src='{{ no_image_url }}'" />
|
||||
<div class="flex-1 min-w-0">
|
||||
<p class="text-[11px] leading-4 line-clamp-2 text-black">{{ _product.productName }}</p>
|
||||
{% if _product.price > 0 %}
|
||||
<p class="text-[13px] leading-6 font-semibold text-[#d90000]">{{ _product.price | number_format }}đ</p>
|
||||
{% else %}
|
||||
<p class="text-[13px] leading-6 font-semibold text-[#d90000]">Liên hệ</p>
|
||||
{% endif %}
|
||||
</div>
|
||||
</a>
|
||||
<a href="{{ _product.productUrl }}" class="h-[76px] rounded-[4px] border border-[#d9d9d9] p-2 flex items-center gap-2 no-underline">
|
||||
<img src="{{ _product.productImage.small }}" alt="{{ _product.productName }}" class="w-[60px] h-[60px] rounded-[4px] object-cover" onerror="this.onerror=null;this.src='{{ no_image_url }}'" />
|
||||
<div class="flex-1 min-w-0">
|
||||
<p class="text-[11px] leading-4 line-clamp-2 text-black">{{ _product.productName }}</p>
|
||||
{% if _product.marketPrice > 0 %}
|
||||
<p class="text-[13px] leading-6 font-semibold text-[#d90000]">{{ _product.marketPrice | number_format }}đ</p>
|
||||
{% elsif _product.price > 0 %}
|
||||
<p class="text-[13px] leading-6 font-semibold text-[#d90000]">{{ _product.price | number_format }}đ</p>
|
||||
{% else %}
|
||||
<p class="text-[13px] leading-6 font-semibold text-[#d90000]">Liên hệ</p>
|
||||
{% endif %}
|
||||
</div>
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
</aside>
|
||||
</div>
|
||||
|
||||
<div class="bg-white rounded-[12px] h-[431px] overflow-hidden flex gap-3 px-3 py-4">
|
||||
<div class="flex flex-col gap-3 w-[885px] shrink-0 h-[399px]">
|
||||
<h2 class="text-[28px] font-bold text-black tracking-tight">TIN KHUYẾN MẠI</h2>
|
||||
<div class="flex gap-3 items-start">
|
||||
<div class="w-[481px] shrink-0">
|
||||
<div class="w-[481px] h-[300px] rounded-[4px] overflow-hidden">
|
||||
<img src="{{ 'article_main_image.png' | asset_url }}" alt="" class="w-full h-full object-cover" />
|
||||
</div>
|
||||
<p class="mt-2 text-[20px] font-bold text-black tracking-tight">Ngày hội ĐIỆN MÁY - SIÊU RẺ. Duy nhất 17h ngày 10/02 Cơ hội trúng Máy nước</p>
|
||||
</div>
|
||||
<div class="flex flex-col gap-3 flex-1">
|
||||
<div class="flex gap-3 items-start">
|
||||
<img src="{{ 'article_thumb_1.png' | asset_url }}" alt="" class="w-[153px] h-[92px] rounded-[4px] object-cover shrink-0" />
|
||||
<p class="text-[14px] text-black tracking-tight overflow-hidden">Ngày hội ĐIỆN MÁY - SIÊU RẺ. Duy nhất 17h ngày 10/02 Cơ hội trúng Máy nước</p>
|
||||
</div>
|
||||
<div class="flex gap-3 items-start">
|
||||
<img src="{{ 'article_thumb_2.png' | asset_url }}" alt="" class="w-[153px] h-[92px] rounded-[4px] object-cover shrink-0" />
|
||||
<p class="text-[14px] text-black tracking-tight overflow-hidden">Ngày hội ĐIỆN MÁY - SIÊU RẺ. Duy nhất 17h ngày 10/02 Cơ hội trúng Máy nước</p>
|
||||
</div>
|
||||
<div class="flex gap-3 items-start">
|
||||
<img src="{{ 'article_thumb_3.png' | asset_url }}" alt="" class="w-[153px] h-[92px] rounded-[4px] object-cover shrink-0" />
|
||||
<p class="text-[14px] text-black tracking-tight overflow-hidden">Ngày hội ĐIỆN MÁY - SIÊU RẺ. Duy nhất 17h ngày 10/02 Cơ hội trúng Máy nước</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="flex flex-col gap-3 flex-1 h-[356px]">
|
||||
<h2 class="text-[28px] font-bold text-black tracking-tight">VIDEO REVIEW</h2>
|
||||
<div class="flex flex-col gap-3">
|
||||
<div class="w-full h-[159px] rounded-[4px] overflow-hidden relative">
|
||||
<img src="{{ 'video_main.png' | asset_url }}" alt="" class="w-full h-full object-cover" />
|
||||
<div class="absolute inset-0 bg-black/20 rounded-[4px]"></div>
|
||||
</div>
|
||||
<div class="flex gap-3 items-start">
|
||||
<div class="w-[107px] h-[64px] rounded-[4px] overflow-hidden relative shrink-0">
|
||||
<img src="{{ 'video_thumb_1.png' | asset_url }}" alt="" class="w-full h-full object-cover" />
|
||||
<div class="absolute inset-0 bg-black/20 rounded-[4px]"></div>
|
||||
</div>
|
||||
<p class="text-[14px] text-black tracking-tight overflow-hidden">Duy nhất 17h ngày 10/02 Cơ hội trúng Máy nước</p>
|
||||
</div>
|
||||
<div class="flex gap-3 items-start">
|
||||
<div class="w-[107px] h-[64px] rounded-[4px] overflow-hidden relative shrink-0">
|
||||
<img src="{{ 'video_thumb_2.png' | asset_url }}" alt="" class="w-full h-full object-cover" />
|
||||
<div class="absolute inset-0 bg-black/20 rounded-[4px]"></div>
|
||||
</div>
|
||||
<p class="text-[14px] text-black tracking-tight overflow-hidden">Duy nhất 17h ngày 10/02 Cơ hội trúng Máy nước</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="bg-white rounded-[12px] min-h-[231px] overflow-hidden flex flex-col gap-3 px-3 py-4">
|
||||
<h2 class="text-[24px] leading-[28px] font-bold text-black tracking-tight">Mọi người cũng tìm kiếm</h2>
|
||||
<div class="bg-[#f3f4f7] rounded-[12px] min-h-[156px] overflow-hidden px-3 py-4 flex flex-wrap gap-5 text-[12px] text-black">
|
||||
<span>hút mùi hafele</span>
|
||||
<span>bếp từ cheft</span>
|
||||
<span>nồi cơm điện Tiger</span>
|
||||
<span>máy cạo râu Enchen</span>
|
||||
<span>mũ bảo hiểm</span>
|
||||
<span>nồi cơm điện Cuckoo</span>
|
||||
<span>iPhone 15</span>
|
||||
<span>chảo chống dính Elmich</span>
|
||||
<span>máy massage X5 Pro Omni</span>
|
||||
<span>điều hòa Samsung</span>
|
||||
<span>máy lọc nước Korihome Kangen K8</span>
|
||||
<span>tông đơ cắt tóc</span>
|
||||
<span>điều hoà Hisense</span>
|
||||
<span>Máy chạy bộ</span>
|
||||
<span>MacBook Air M4</span>
|
||||
<span>điều hòa Nagakawa</span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
@@ -1,109 +0,0 @@
|
||||
<div class="breadcrumbs tw-zab tw-zpa tw-iia">
|
||||
<ul>
|
||||
<li><a href="/product" data-discover="true">Danh sách sản phẩm</a></li>
|
||||
<li class="">Form thêm/sửa sản phẩm</li>
|
||||
</ul>
|
||||
</div>
|
||||
|
||||
<div class="w-7xl m-auto mt-5">
|
||||
|
||||
<div class="bg-white p-3 rounded-sm shadow">
|
||||
<div class="flex items-center justify-between">
|
||||
<div>
|
||||
<h1 class="text-xl font-bold">Cập nhật #{{ page.product_info.id }}</h1>
|
||||
</div>
|
||||
<div class="flex items-center gap-3">
|
||||
<a href="/product/product-add" class="btn btn-md btn-outline btn-view btn-sm">
|
||||
<i data-lucide="circle-plus" class="size-4"></i>
|
||||
<span class="">Thêm sp mới</span>
|
||||
</a>
|
||||
<a href="javascript:void(0)" class="btn btn-md btn-outline btn-view btn-sm">
|
||||
<i data-lucide="copy" class="size-4"></i>
|
||||
<span class="">Tạo sp tương tự</span>
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
<span class="text-primary">{{ page.product_info.title }}</span>
|
||||
</div>
|
||||
|
||||
<div class="grid grid-cols-4 gap-5 mt-5">
|
||||
<div class="left">
|
||||
<div class="bg-white rounded-md shadow overflow-hidden menu-form">
|
||||
|
||||
{% for _menu in page.product_menu %}
|
||||
<a role="tab" href="/product/form?id={{ page.product_info.id }}&part={{ _menu.id }}"
|
||||
title="{{ _menu.name }}"
|
||||
class="btn w-full justify-start rounded-none text-black {% if _menu.is_current == 1 %}btn-active text-white{% else %} bg-white {% endif %}">
|
||||
{{ _menu.name }}
|
||||
</a>
|
||||
{% endfor %}
|
||||
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-span-3">
|
||||
|
||||
{% if page.view_part == "store" %}
|
||||
{% include 'product/form_components/store' %}
|
||||
|
||||
{% elsif page.view_part == "category" %}
|
||||
{% include 'product/form_components/category' %}
|
||||
|
||||
{% elsif page.view_part == "seo" %}
|
||||
{% include 'product/form_components/seo' %}
|
||||
|
||||
{% elsif page.view_part == "description" %}
|
||||
{% include 'product/form_components/description' %}
|
||||
|
||||
{% elsif page.view_part == "spec-group" %}
|
||||
{% include 'product/form_components/spec_group' %}
|
||||
|
||||
{% elsif page.view_part == "instruction" %}
|
||||
{% include 'product/form_components/instruction' %}
|
||||
|
||||
{% elsif page.view_part == "image" %}
|
||||
{% include 'product/form_components/image' %}
|
||||
|
||||
{% elsif page.view_part == "variant" %}
|
||||
{% include 'product/form_components/variant' %}
|
||||
|
||||
{% elsif page.view_part == "accessory" %}
|
||||
{% include 'product/form_components/accessory' %}
|
||||
|
||||
{% elsif page.view_part == "addon" %}
|
||||
{% include 'product/form_components/addon' %}
|
||||
|
||||
{% elsif page.view_part == "video" %}
|
||||
{% include 'product/form_components/video' %}
|
||||
|
||||
{% elsif page.view_part == "tag" %}
|
||||
{% include 'product/form_components/tag' %}
|
||||
|
||||
{% elsif page.view_part == "relation" %}
|
||||
{% include 'product/form_components/relation' %}
|
||||
|
||||
{% elsif page.view_part == "customer-group" %}
|
||||
{% include 'product/form_components/customer_group' %}
|
||||
|
||||
{% elsif page.view_part == "component" %}
|
||||
{% include 'product/form_components/component' %}
|
||||
|
||||
{% elsif page.view_part == "configurable" %}
|
||||
{% include 'product/form_components/configurable' %}
|
||||
|
||||
{% elsif page.view_part == "compatible" %}
|
||||
{% include 'product/form_components/compatible' %}
|
||||
|
||||
{% elsif page.view_part == "similar" %}
|
||||
{% include 'product/form_components/similar' %}
|
||||
|
||||
{% elsif page.view_part == "combo-set" %}
|
||||
{% include 'product/form_components/combo_set' %}
|
||||
|
||||
{% else %}
|
||||
<!--//default-->
|
||||
{% include 'product/form_components/basic' %}
|
||||
{% endif %}
|
||||
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
@@ -1,123 +0,0 @@
|
||||
<!-- phu kien -->
|
||||
<div class="w-full" role="tabpanel">
|
||||
<div class="bg-white p-3 rounded shadow">
|
||||
<div class="flex items-center justify-between">
|
||||
<b class="text-xm">Các loại phụ kiện của sản phẩm</b>
|
||||
<a href="" class="btn btn-outline btn-view btn-sm">
|
||||
Chọn Sản phẩm phụ kiện
|
||||
</a>
|
||||
</div>
|
||||
<div class="list-item-cate flex items-center flex-wrap mt-5 gap-3">
|
||||
<a href="" class="btn btn-outline btn-dash btn-gray btn-sm">
|
||||
PC, Workstation
|
||||
</a>
|
||||
<a href="" class="btn btn-outline btn-dash btn-gray btn-sm">
|
||||
CPU - Bộ Vi Xử Lý
|
||||
</a>
|
||||
<a href="" class="btn btn-outline btn-dash btn-gray btn-sm">
|
||||
Mainboard - Bo Mạch Chủ
|
||||
</a>
|
||||
<a href="" class="btn btn-outline btn-dash btn-gray btn-sm">
|
||||
VGA - Card Màn Hình
|
||||
</a>
|
||||
<a href="" class="btn btn-outline btn-dash btn-gray btn-sm">
|
||||
PC, Workstation
|
||||
</a>
|
||||
<a href="" class="btn btn-outline btn-dash btn-gray btn-sm">
|
||||
PC, Workstation
|
||||
</a>
|
||||
<a href="" class="btn btn-outline btn-dash btn-gray btn-sm">
|
||||
PC, Workstation
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="bg-white p-3 rounded shadow">
|
||||
<b class="block text-xl">Các danh mục</b>
|
||||
|
||||
|
||||
<div class="item-accessory mt-5">
|
||||
<b class="">PC, Workstation</b>
|
||||
<div class="border border-base-200 rounded-sm mt-3">
|
||||
<table class="table">
|
||||
<thead>
|
||||
<tr class="bg-base-200 font-bold text-black">
|
||||
<th>STT</th>
|
||||
<th>Ảnh</th>
|
||||
<th>Sản phẩm</th>
|
||||
<th>Giá hiện tại</th>
|
||||
<th>Quản lý</th>
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody>
|
||||
<tr>
|
||||
<td>1</td>
|
||||
<td>
|
||||
<img src="https://via.placeholder.com/50" alt="">
|
||||
</td>
|
||||
<td>
|
||||
<a href="" class="name link-primary">CPU Intel Xeon E5-2665 2.40 GHz / 20MB / 8 Cores 16 Threads /
|
||||
Socket 2011</a>
|
||||
<div class="flex items-center gap-2">
|
||||
<span>SKU: HN123567</span>
|
||||
<span class="mx-[5px]">/</span>
|
||||
<span>Số lượng: 1</span>
|
||||
</div>
|
||||
</td>
|
||||
<td>
|
||||
24.900.000 VND
|
||||
</td>
|
||||
<td>
|
||||
<a href="" class="btn btn-xs btn-outline btn-error">
|
||||
<i data-lucide="trash-2" class="size-3 text-red-500"></i>
|
||||
</a>
|
||||
</td>
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
</div>
|
||||
</div>
|
||||
<div class="item-accessory mt-5">
|
||||
<b class="">PC, Workstation</b>
|
||||
<div class="border border-base-200 rounded-sm mt-3">
|
||||
<table class="table">
|
||||
<thead>
|
||||
<tr class="bg-base-200 font-bold text-black">
|
||||
<th>STT</th>
|
||||
<th>Ảnh</th>
|
||||
<th>Sản phẩm</th>
|
||||
<th>Giá hiện tại</th>
|
||||
<th>Quản lý</th>
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody>
|
||||
<tr>
|
||||
<td>1</td>
|
||||
<td>
|
||||
<img src="https://via.placeholder.com/50" alt="">
|
||||
</td>
|
||||
<td>
|
||||
<a href="" class="name link-primary">CPU Intel Xeon E5-2665 2.40 GHz / 20MB / 8 Cores 16 Threads /
|
||||
Socket 2011</a>
|
||||
<div class="flex items-center gap-2">
|
||||
<span>SKU: HN123567</span>
|
||||
<span class="mx-[5px]">/</span>
|
||||
<span>Số lượng: 1</span>
|
||||
</div>
|
||||
</td>
|
||||
<td>
|
||||
24.900.000 VND
|
||||
</td>
|
||||
<td>
|
||||
<a href="" class="btn btn-xs btn-outline btn-error">
|
||||
<i data-lucide="trash-2" class="size-3 text-red-500"></i>
|
||||
</a>
|
||||
</td>
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
@@ -1,304 +0,0 @@
|
||||
<!-- thong tin san pham -->
|
||||
<form method="post" enctype="multipart/form-data">
|
||||
<div class="bg-white p-3 rounded shadow">
|
||||
<b class="text-xl mb-6 block">Thông tin cơ bản</b>
|
||||
<div class="flex items-center gap-2 mt-3">
|
||||
<label for="" class="font-bold">Đặt tên Sản phẩm</label>
|
||||
<div class="box-note tooltip" data-tip="">
|
||||
<i class="iconify lucide--circle-question-mark mt-2 cursor-pointer text-faq"></i>
|
||||
<div class="tooltip-content">
|
||||
Bạn muốn Google tìm ra Sản phẩm này hoặc người xem hiểu ngay về Sản phẩm ? Hãy viết tên Sản phẩm
|
||||
một cách cụ thể, đầy đủ
|
||||
nhất. Thay vì viết Vaio ABC, hãy viết : Máy tính xách tay Sony Vaio ABC, 500GB, 4GB RAM, 2.4GHz,
|
||||
USA, mới 100% Hoặc thay
|
||||
vì viết Áo 123, hãy viết : Áo khoác nam Made In VietNam, màu đen, đủ size, mã 123
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<input type="text" name="info[proName]" id="pro_name" value="Máy in mã vạch MH241"
|
||||
placeholder="Đặt tên sản phẩm" class="input mt-2 shadow w-full rounded-sm" />
|
||||
|
||||
<div class="grid grid-cols-2 gap-3 mt-3">
|
||||
<div class="mt-3">
|
||||
<div class="flex items-center gap-3">
|
||||
<label for="" class="font-bold">Model (nếu có)</label>
|
||||
<div class="box-note tooltip">
|
||||
<i class="iconify lucide--circle-question-mark mt-2 cursor-pointer text-faq"></i>
|
||||
<div class="tooltip-content">
|
||||
Nhiều khách hàng tìm Sản phẩm theo Model, bạn có nhập model của Sản phẩm nếu có. Ví dụ:
|
||||
Laptop Sony Vaio ABC/12 thì
|
||||
ABC/12 là model Sản phẩm.
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<input type="text" value="MH241" name="info[productModel]" id="productModel"
|
||||
placeholder="Model (nếu có)" class="input mt-2 shadow w-full rounded-sm">
|
||||
</div>
|
||||
<div class="mt-3">
|
||||
<div class="flex items-center gap-2">
|
||||
<label for="" class="font-bold">Mã kho hàng - SKU (nếu
|
||||
có)</label>
|
||||
<div class="box-note tooltip">
|
||||
<i class="iconify lucide--circle-question-mark mt-2 cursor-pointer text-faq"></i>
|
||||
<div class="tooltip-content">
|
||||
Nếu bạn có phần mềm quản lý kho hàng chuyên nghiệp và bạn muốn theo dõi các đơn hàng nhận từ
|
||||
website của Sản phẩm trong
|
||||
phần mềm này. Khi đó hãy nhập mã kho hàng của Sản phẩm được cung cấp bởi phần mềm kho hàng
|
||||
vào đây.
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<input type="text" name="info[storeSKU]" id="storeSKU" value="MH241"
|
||||
placeholder="Mã kho hàng - SKU (nếu có)" class="input mt-2 shadow w-full rounded-sm">
|
||||
</div>
|
||||
<div class="mt-3">
|
||||
<div class="flex items-center gap-2">
|
||||
<label for="" class="font-bold">Trọng lượng (tính phí
|
||||
shipping)</label>
|
||||
<span class="">gram</span>
|
||||
<div class="box-note tooltip flex items-center">
|
||||
<i class="iconify lucide--circle-question-mark cursor-pointer text-faq"></i>
|
||||
<div class="tooltip-content">
|
||||
Dùng tính phí Shipping cho Sản phẩm (nếu có). Đơn vị gram, nếu Sản phẩm 1,2kg = 1200 (gram).
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<input type="text" name="info[weight]" id="weight" value="0"
|
||||
placeholder="Trọng lượng (tính phí shipping)" class="input mt-2 shadow w-full rounded-sm">
|
||||
</div>
|
||||
<div class="mt-3">
|
||||
<div class="flex items-center gap-2">
|
||||
<label for="" class="font-bold">Thương hiệu</label>
|
||||
<div class="flex items-center">
|
||||
<a href="" class="link-primary">Quản lý thương hiệu</a>
|
||||
</div>
|
||||
</div>
|
||||
<select name="brand" id="brandSelect" class="select select-bordered w-full mt-3 shadow rounded-sm"
|
||||
aria-label="Select">
|
||||
<option value="" class="text-[#6B7280]">--Chọn thương hiệu--</option>
|
||||
<option value="">ABS</option>
|
||||
<option value="83">ABS</option>
|
||||
<option value="67">ACE GAMING</option>
|
||||
<option value="8">ADATA</option>
|
||||
<option value="9">AEROCOOL</option>
|
||||
<option value="52">AIGO</option>
|
||||
<option value="59">AKKO</option>
|
||||
<option value="3">AMD</option>
|
||||
<option value="10">ANTEC</option>
|
||||
<option value="11">AOC</option>
|
||||
<option value="70">AORUS</option>
|
||||
<option value="12">ASROCK</option>
|
||||
<option value="2">ASUS</option>
|
||||
<option value="73">AVerMedia</option>
|
||||
<option value="57">BE QUIET</option>
|
||||
<option value="4">BENQ</option>
|
||||
<option value="79">CISCO</option>
|
||||
<option value="72">Colorful</option>
|
||||
<option value="47">COOLER MASTER</option>
|
||||
<option value="58">COOLMOON</option>
|
||||
<option value="13">CORSAIR</option>
|
||||
<option value="5">DAREU</option>
|
||||
<option value="46">DEEP COOL</option>
|
||||
<option value="14">DELL</option>
|
||||
<option value="60">E-DRA</option>
|
||||
<option value="15">EVGA</option>
|
||||
<option value="68">EXTREME ZERO</option>
|
||||
<option value="64">FUHLEN</option>
|
||||
<option value="16">GALAX</option>
|
||||
<option value="6">GIGABYTE</option>
|
||||
<option value="82">Glee</option>
|
||||
<option value="17">GSKILL</option>
|
||||
<option value="18">HKC</option>
|
||||
<option value="19">HP</option>
|
||||
<option value="45">HUANANZHI</option>
|
||||
<option value="20">HUNTKEY</option>
|
||||
<option value="53">ID - COOLING</option>
|
||||
<option value="21">INNO3D</option>
|
||||
<option value="22">INTEL</option>
|
||||
<option value="23">INWIN</option>
|
||||
<option value="61">IROCKS</option>
|
||||
<option value="24">JETEK</option>
|
||||
<option value="54">JONSBO</option>
|
||||
<option value="25">KINGSTON</option>
|
||||
<option value="26">KINGVIEW</option>
|
||||
<option value="69">LEADTEK</option>
|
||||
<option value="48">LEXAR</option>
|
||||
<option value="27">LG</option>
|
||||
<option value="28">LOGITECH</option>
|
||||
<option value="77">MICRON</option>
|
||||
<option value="80">MICROSOFT</option>
|
||||
<option value="7">MSI</option>
|
||||
<option value="65">NEWMEN</option>
|
||||
<option value="56">NOCTUA</option>
|
||||
<option value="29">NVIDIA</option>
|
||||
<option value="71">NZXT</option>
|
||||
<option value="74">OCPC</option>
|
||||
<option value="30">PHANTEKS</option>
|
||||
<option value="78">PLANET</option>
|
||||
<option value="49">PLEXTOR</option>
|
||||
<option value="31">PNY</option>
|
||||
<option value="66">PSEAT</option>
|
||||
<option value="75">QNAP</option>
|
||||
<option value="32">SAMA</option>
|
||||
<option value="33">SAMSUNG</option>
|
||||
<option value="36">SAPPHIRE</option>
|
||||
<option value="50">SEAGATE</option>
|
||||
<option value="34">SEASONIC</option>
|
||||
<option value="35">SEGOTEP</option>
|
||||
<option value="37">SUPERFLOWER</option>
|
||||
<option value="38">SUPERMICRO</option>
|
||||
<option value="39">TEAMGROUP</option>
|
||||
<option value="55">THERMALRIGHT</option>
|
||||
<option value="40">THERMALTAKE</option>
|
||||
<option value="81">TOSHIBA</option>
|
||||
<option value="76">TP LINK</option>
|
||||
<option value="84">TSC</option>
|
||||
<option value="41">VIEWSONIC</option>
|
||||
<option value="42">VITRA</option>
|
||||
<option value="62">WARRIOR</option>
|
||||
<option value="51">WESTERN DIGITAL</option>
|
||||
<option value="43">XIGMATEK</option>
|
||||
<option value="63">ZIDLI</option>
|
||||
<option value="44">ZOTAC</option>
|
||||
</select>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
<div class="mt-5">
|
||||
<label for="" class="block font-bold">Tóm tắt đặc tính chính</label>
|
||||
<textarea name="info[proSummary]" id="summary" placeholder="Nhập tóm tắt đặt tính chính"
|
||||
class="textarea mt-3 shadow w-full rounded-sm"></textarea>
|
||||
</div>
|
||||
<div class="mt-5">
|
||||
<label for="" class="block font-bold">Phụ kiện đi kèm</label>
|
||||
<input type="text" id="accessory" name="info[accessory]" value="Test" placeholder="Phụ kiện đi kèm"
|
||||
class="input mt-3 shadow w-full rounded-sm">
|
||||
</div>
|
||||
</div>
|
||||
<div class="bg-white p-3 rounded mt-5 shadow">
|
||||
<b class="block text-xl">Thông tin bán hàng</b>
|
||||
|
||||
<div class="mt-5">
|
||||
<div class="flex items-center gap-2">
|
||||
<label for="" class="font-bold">Giá bán lẻ</label>
|
||||
<div class="box-note flex items-center gap-2 text-gray">
|
||||
<i class="text-gray">(* Nếu dùng USD thì theo chuẩn quốc tế v.d. $134.05).</i>
|
||||
<span>Tỷ giá:</span>
|
||||
<b class="">1</b>
|
||||
<a href="/system/setup/option=general" class="text-primary">
|
||||
<i class="iconify lucide--pencil"></i>
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
<div class="flex items-center gap-2 mt-3">
|
||||
<input type="text" name="info[price]" id="price" value="0" placeholder="Giá bán lẻ"
|
||||
class="input shadow rounded-sm">
|
||||
<select name="currency" id="currency" class="select select-bordered rounded-sm shadow w-32 ">
|
||||
<option value="">VNĐ</option>
|
||||
</select>
|
||||
<span>/</span>
|
||||
<select name="price_unit" id="price_unit" class="select select-bordered rounded-sm shadow w-32">
|
||||
<option value="">Chiếc</option>
|
||||
</select>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
<div class="grid grid-cols-2 gap-3 mt-5">
|
||||
<div class="">
|
||||
<div class="flex items-center gap-3">
|
||||
<label class="font-bold">Giá nhập hàng</label>
|
||||
<div class="box-note">
|
||||
<i class="text-gray">vnd (để tham khảo khi cần)</i>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<input type="text" name="info[purchase_price]" value="0" placeholder="Giá nhập hàng"
|
||||
class="input mt-3 shadow w-full rounded-sm">
|
||||
</div>
|
||||
<div class="">
|
||||
<div class="flex items-center gap-3">
|
||||
<label class="font-bold">Giá thị trường</label>
|
||||
<div class="box-note">
|
||||
<i class="text-gray">vnd (để tham khảo khi cần)</i>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<input type="text" value="0" name="info[market_price]" placeholder="Giá thị trường"
|
||||
class="input mt-3 shadow w-full rounded-sm">
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="mt-5">
|
||||
<label for="" class="block font-bold">Khuyến mại riêng</label>
|
||||
<textarea name="info[specialOffer]" id="specialOffer" placeholder="Nhập tóm tắt đặt tính chính"
|
||||
class="textarea w-full shadow rounded-sm mt-3"></textarea>
|
||||
</div>
|
||||
|
||||
<div class=" mt-5">
|
||||
<label for="" class="block font-bold">Thông tin bảo hành</label>
|
||||
<input type="text" name="info[warranty]" id="warranty" value="Test" placeholder="Thông tin bảo hành"
|
||||
class="input mt-3 shadow w-full rounded-sm">
|
||||
</div>
|
||||
|
||||
<div class="grid grid-cols-2 gap-3 mt-5">
|
||||
<div class="">
|
||||
<label class="block font-bold">Số lượng kho hàng</label>
|
||||
<input type="text" value="0" name="info[quantity]" placeholder="Số lượng kho hàng"
|
||||
class="input mt-3 shadow w-full rounded-sm">
|
||||
</div>
|
||||
<div class="">
|
||||
<label class="block font-bold">Tình trạng (Mới /
|
||||
Cũ)</label>
|
||||
<input type="text" name="info[cond]" value="" placeholder="Tình trạng (Mới / Cũ)"
|
||||
class="input mt-3 shadow w-full rounded-sm">
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="flex items-center mt-5">
|
||||
<label class="block font-bold w-32">Thuế VAT
|
||||
</label>
|
||||
<div class="flex items-center gap-2">
|
||||
|
||||
<label class="cursor-pointer flex items-center gap-2">
|
||||
<input type="radio" name="info[hasVAT]" value="0" class="radio radio-sm radio-active"
|
||||
checked="checked" />
|
||||
<span class="label-text">Không hiển thị VAT</span>
|
||||
</label>
|
||||
|
||||
<label class="cursor-pointer flex items-center gap-2">
|
||||
<input type="radio" name="info[hasVAT]" value="1" class="radio radio-sm radio-active" />
|
||||
<span class="label-text">Có VAT</span>
|
||||
</label>
|
||||
|
||||
<label class="cursor-pointer flex items-center gap-2">
|
||||
<input type="radio" name="info[hasVAT]" value="2" class="radio radio-sm radio-active" />
|
||||
<span class="label-text">Chưa có VAT</span>
|
||||
</label>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="flex items-center mt-5">
|
||||
<label class="block font-bold w-32">Hiển thị
|
||||
</label>
|
||||
<div class="flex items-center gap-3">
|
||||
<label class="cursor-pointer flex items-center gap-3">
|
||||
<input type="radio" name="info[status]" value="0" class="radio radio-sm radio-active"
|
||||
checked="checked" />
|
||||
<span class="label-text">Cho hiển thị</span>
|
||||
</label>
|
||||
<label class="cursor-pointer flex items-center gap-3">
|
||||
<input type="radio" name="info[status]" value="1" class="radio radio-sm radio-active" />
|
||||
<span class="label-text">Ẩn hiển thị</span>
|
||||
</label>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="mt-5 bg-white p-3 rounded shadow">
|
||||
<input class="btn btn-active" id="submit-collection-btn" name="commit" type="button" value="Cập nhật"
|
||||
onclick="AdminFunction.checkForm(true)" />
|
||||
</div>
|
||||
</form>
|
||||
@@ -1,43 +0,0 @@
|
||||
<!-- danh muc san pham -->
|
||||
<div class="bg-white p-3 rounded shadow-sm" role="tabpanel">
|
||||
<b class="block">Hiện tại Sản phẩm đang được đặt trong các danh mục sau :</b>
|
||||
<ul id="list-category" class="mt-3">
|
||||
<li><a href="" class="text-primary mt-2">Màn hình máy tính</a></li>
|
||||
<li><a href="" class="text-primary mt-2">Màn hình máy tính</a></li>
|
||||
</ul>
|
||||
|
||||
<p class="mt-5">
|
||||
Bạn có thể chọn thêm danh mục khác cho Sản phẩm hoặc chỉnh lại.
|
||||
</p>
|
||||
<div class="list-category mt-3">
|
||||
|
||||
<div class="mt-3 gap-3 flex items-center">
|
||||
<label class="cursor-pointer flex items-center gap-3" onclick="AdminFunction.add_product_to_category(1)">
|
||||
<input type="checkbox" name="" checked="checked" class="checkbox checkbox-active rounded-sm" />
|
||||
<span class="label-text ">Màn hình máy tính</span>
|
||||
</label>
|
||||
<div id="status_1" class=" flex items-center">
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="mt-3 gap-3 flex items-center">
|
||||
<label class="cursor-pointer flex items-center gap-3 "
|
||||
onclick="AdminFunction.add_product_to_category(2)">
|
||||
<input type="checkbox" name="" checked="checked" class="checkbox checkbox-active rounded-sm" />
|
||||
<span class="label-text ">Màn hình máy tính</span>
|
||||
</label>
|
||||
<div id="status_2" class=" flex items-center">
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="mt-3 gap-3 flex items-center">
|
||||
<label class="cursor-pointer flex items-center gap-3" onclick="AdminFunction.add_product_to_category(3)">
|
||||
<input type="checkbox" name="" checked="checked" class="checkbox checkbox-active rounded-sm" />
|
||||
<span class="label-text ">Màn hình máy tính</span>
|
||||
</label>
|
||||
<div id="status_3" class=" flex items-center">
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
@@ -1,27 +0,0 @@
|
||||
<!-- mo ta -->
|
||||
<div class="bg-white rounded-md shadow p-3">
|
||||
<div class="flex items-center justify-between gap-3">
|
||||
<b class="text-xl">THƯ VIỆN ẢNH</b>
|
||||
<div class="list-btn flex items-center gap-3">
|
||||
<a href="" class="btn btn-outline btn-view btn-sm">
|
||||
<i data-lucide="upload" class="size-4"></i>
|
||||
<span class="text-[#0041E8] ml-[5px]">Upload ảnh</span>
|
||||
</a>
|
||||
<a href="" class="btn btn-outline btn-view btn-sm">
|
||||
<i data-lucide="folder" class="size-4"></i>
|
||||
<span class="text-[#0041E8] ml-[5px]">Quản lý</span>
|
||||
</a>
|
||||
<a href="" class="btn btn-outline btn-view btn-sm">
|
||||
<i data-lucide="file-image" class="size-4"></i>
|
||||
<span class="text-[#0041E8] ml-[5px]">Chọn ảnh trong kho ảnh chính</span>
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
<div class="list-image mt-5">
|
||||
<span class="block text-gray">Chưa có thư viện ảnh cho phần miêu tả</span>
|
||||
</div>
|
||||
<textarea id="product-desc" class="mt-5"> </textarea>
|
||||
|
||||
<input class="btn btn-active mt-5" name="commit" type="submit" value="Cập nhật">
|
||||
|
||||
</div>
|
||||
@@ -1,187 +0,0 @@
|
||||
<!-- hinh anh -->
|
||||
<div class="w-full" role="tabpanel">
|
||||
<div class="bg-white rounded-md shadow p-3">
|
||||
<b class="block text-[20px] font-[700] mb-[10px]">Cập nhật ảnh sản phẩm</b>
|
||||
|
||||
<div class="overflow-y-scroll max-h-[500px]">
|
||||
<div class="item grid grid-cols-6 rounded-md shadow p-3 mt-3 gap-3">
|
||||
<div class="image">
|
||||
<img src="{{ 'image-big.png' | asset_url }}" alt="">
|
||||
</div>
|
||||
<div class="right-image col-span-5">
|
||||
<div class="flex justify-between gap-3">
|
||||
<div class="flex items-center gap-3">
|
||||
<b class="text-center block">Hình sản phẩm</b>
|
||||
<p class="text-center block text-gray">(Ảnh chính)</p>
|
||||
</div>
|
||||
<div class="grid grid-cols-2 gap-3">
|
||||
<div class="item flex items-center gap-2">
|
||||
<p class="whitespace-nowrap">STT</p>
|
||||
<input type="text" class="input shadow">
|
||||
</div>
|
||||
<div class="item flex items-center gap-2">
|
||||
<p class="whitespace-nowrap">ALT</p>
|
||||
<input type="text" class="input shadow">
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="mt-3">
|
||||
<a href="" class="btn btn-sm btn-outline">
|
||||
<i class="iconify lucide--trash-2"></i>
|
||||
<p class="">Xoá</p>
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="item grid grid-cols-6 rounded-md shadow p-3 mt-3 gap-3">
|
||||
<div class="image">
|
||||
<img src="{{ 'image-big.png' | asset_url }}" alt="">
|
||||
</div>
|
||||
<div class="right-image col-span-5">
|
||||
<div class="flex justify-between gap-3">
|
||||
<div class="flex items-center gap-3">
|
||||
<b class="text-center block">Hình sản phẩm</b>
|
||||
<p class="text-center block text-gray">(Ảnh chính)</p>
|
||||
</div>
|
||||
<div class="grid grid-cols-2 gap-3">
|
||||
<div class="item flex items-center gap-2">
|
||||
<p class="whitespace-nowrap">STT</p>
|
||||
<input type="text" class="input shadow">
|
||||
</div>
|
||||
<div class="item flex items-center gap-2">
|
||||
<p class="whitespace-nowrap">ALT</p>
|
||||
<input type="text" class="input shadow">
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="mt-3">
|
||||
<a href="" class="btn btn-sm btn-outline">
|
||||
<i class="iconify lucide--trash-2"></i>
|
||||
<p class="">Xoá</p>
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="item grid grid-cols-6 rounded-md shadow p-3 mt-3 gap-3">
|
||||
<div class="image">
|
||||
<img src="{{ 'image-big.png' | asset_url }}" alt="">
|
||||
</div>
|
||||
<div class="right-image col-span-5">
|
||||
<div class="flex justify-between gap-3">
|
||||
<div class="flex items-center gap-3">
|
||||
<b class="text-center block">Hình sản phẩm</b>
|
||||
<p class="text-center block text-gray">(Ảnh chính)</p>
|
||||
</div>
|
||||
<div class="grid grid-cols-2 gap-3">
|
||||
<div class="item flex items-center gap-2">
|
||||
<p class="whitespace-nowrap">STT</p>
|
||||
<input type="text" class="input shadow">
|
||||
</div>
|
||||
<div class="item flex items-center gap-2">
|
||||
<p class="whitespace-nowrap">ALT</p>
|
||||
<input type="text" class="input shadow">
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="mt-3">
|
||||
<a href="" class="btn btn-sm btn-outline">
|
||||
<i class="iconify lucide--trash-2"></i>
|
||||
<p class="">Xoá</p>
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="item grid grid-cols-6 rounded-md shadow p-3 mt-3 gap-3">
|
||||
<div class="image">
|
||||
<img src="{{ 'image-big.png' | asset_url }}" alt="">
|
||||
</div>
|
||||
<div class="right-image col-span-5">
|
||||
<div class="flex justify-between gap-3">
|
||||
<div class="flex items-center gap-3">
|
||||
<b class="text-center block">Hình sản phẩm</b>
|
||||
<p class="text-center block text-gray">(Ảnh chính)</p>
|
||||
</div>
|
||||
<div class="grid grid-cols-2 gap-3">
|
||||
<div class="item flex items-center gap-2">
|
||||
<p class="whitespace-nowrap">STT</p>
|
||||
<input type="text" class="input shadow">
|
||||
</div>
|
||||
<div class="item flex items-center gap-2">
|
||||
<p class="whitespace-nowrap">ALT</p>
|
||||
<input type="text" class="input shadow">
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="mt-3">
|
||||
<a href="" class="btn btn-sm btn-outline">
|
||||
<i class="iconify lucide--trash-2"></i>
|
||||
<p class="">Xoá</p>
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="item grid grid-cols-6 rounded-md shadow p-3 mt-3 gap-3">
|
||||
<div class="image">
|
||||
<img src="{{ 'image-big.png' | asset_url }}" alt="">
|
||||
</div>
|
||||
<div class="right-image col-span-5">
|
||||
<div class="flex justify-between gap-3">
|
||||
<div class="flex items-center gap-3">
|
||||
<b class="text-center block">Hình sản phẩm</b>
|
||||
<p class="text-center block text-gray">(Ảnh chính)</p>
|
||||
</div>
|
||||
<div class="grid grid-cols-2 gap-3">
|
||||
<div class="item flex items-center gap-2">
|
||||
<p class="whitespace-nowrap">STT</p>
|
||||
<input type="text" class="input shadow">
|
||||
</div>
|
||||
<div class="item flex items-center gap-2">
|
||||
<p class="whitespace-nowrap">ALT</p>
|
||||
<input type="text" class="input shadow">
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="mt-3">
|
||||
<a href="" class="btn btn-sm btn-outline">
|
||||
<i class="iconify lucide--trash-2"></i>
|
||||
<p class="">Xoá</p>
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="bg-white rounded-md shadow p-3 mt-5">
|
||||
<b class="text-xl block">Thêm ảnh cho sản phẩm</b>
|
||||
<p class="text-gray">Bạn có thể: Chọn ảnh có sẵn trong kho ảnh, hoặc upload ảnh từ máy tính:</p>
|
||||
|
||||
<div id="image-preview-filepond" class="mt-5"></div>
|
||||
|
||||
|
||||
<p class="text-gray italic mt-3"><b>Chú ý:</b> Bạn có thể chọn nhiều ảnh cùng 1
|
||||
lúc:
|
||||
Chấp nhận các file ảnh: jpg,gif</p>
|
||||
<input class="btn btn-active mt-3" name="commit" type="submit" value="Cập nhật">
|
||||
</div>
|
||||
|
||||
<div class="bg-white p-3 rounded-sm shadow mt-5">
|
||||
<b class="block">Chú ý:</b>
|
||||
<ul class="text-sm">
|
||||
<li>- Ảnh Sản phẩm kích thước lớn sẽ được tự động co lại thành các ảnh
|
||||
nhỏ hơn cho những vị trí liên quan. Tùy giao
|
||||
diện website của bạn mà kích thước ảnh Sản phẩm khác nhau. <a href="/system/setup"
|
||||
class="text-primary underline">Click
|
||||
vào đây</a> để
|
||||
quy định kích thước ảnh Sản phẩm.</li>
|
||||
<li>
|
||||
- Chỉ dùng file ảnh đuôi .jpg và .gif.
|
||||
</li>
|
||||
<li>
|
||||
- Cập nhật hình ảnh cho Sản phẩm ở nhiều góc cạnh, màu sắc để người dùng xem
|
||||
rõ nhất. Nên cập nhật ảnh có kích thước lớn
|
||||
và độ phân giải cao.
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
@@ -1,12 +0,0 @@
|
||||
<div class="w-full" role="tabpanel">
|
||||
<div class="bg-white p-3 rounded-sm shadow">
|
||||
<b class="block text-xl">Danh sách liên quan</b>
|
||||
|
||||
<div class="list-tab flex items-center mt-3 gap-3">
|
||||
<a href="javascript:void(0)">Sản phẩm (3)</a>
|
||||
<a href="javascript:void(0)">Bài viết (1)</a>
|
||||
</div>
|
||||
|
||||
|
||||
</div>
|
||||
</div>
|
||||
@@ -1,76 +0,0 @@
|
||||
<!-- box seo -->
|
||||
<div class="" role="tabpanel">
|
||||
<div class="bg-white p-3 rounded-sm shadow">
|
||||
<div class="">
|
||||
<label for="" class=" block font-bold">Link truy cập tại website</label>
|
||||
<input type="text" name="url_index"
|
||||
value="https://demopc8.hurasoft.com/may-do-do-bong-horiba-ig-320-gloss-metergoc-do-60-khoang-do-00-1000-phan-do-..."
|
||||
placeholder="Link truy cập tại website" class="input mt-3 shadow w-full rounded-sm-bold">
|
||||
</div>
|
||||
<div class="mt-5">
|
||||
<label for="" class=" block font-bold">Tên Index</label>
|
||||
<input type="text" name="url_index" value="" placeholder="Tên Index"
|
||||
class="input mt-3 shadow w-full rounded-sm-bold">
|
||||
</div>
|
||||
|
||||
<div class="mt-5">
|
||||
<label for="" class="block font-bold">Thay đổi Link truy cập khi thay
|
||||
đổi Tên index?</label>
|
||||
<div class="flex items-center">
|
||||
<label class="flex items-center cursor-pointer text-gray gap-3 text-sm mt-3">
|
||||
Có thay đổi
|
||||
<input type="checkbox" class="checkbox checkbox-active rounded-sm ml-[10px]"
|
||||
name="change_url_on_update" checked="">
|
||||
<i class="label-text">(Tích chọn nếu bạn muốn hệ thống thay đổi link truy
|
||||
cập. Cảnh
|
||||
báo:
|
||||
sẽ ảnh hưởng tới
|
||||
kết quả SEO)
|
||||
</i>
|
||||
</label>
|
||||
</div>
|
||||
</div>
|
||||
<div class="mt-5">
|
||||
<div class="flex items-center gap-3">
|
||||
<label for="" class="block font-bold">Url canonical</label>
|
||||
<i class="text-gray">* để trống sẽ dùng link mặc định của hệ thống</i>
|
||||
</div>
|
||||
<input type="text" name="url_canonical" value="" placeholder="Url canonical"
|
||||
class="input mt-3 shadow w-full rounded-sm-bold">
|
||||
</div>
|
||||
|
||||
<div class="grid grid-cols-2 gap-3 mt-5">
|
||||
<div class="">
|
||||
<div class="flex items-center gap-3">
|
||||
<label for="" class="block font-bold">Meta Title</label>
|
||||
<i class="text-gray">* 0 ký tự , 0 từ</i>
|
||||
</div>
|
||||
<input type="text" value="" name="meta_title" id="meta_title" placeholder="Meta Title"
|
||||
class="input mt-3 shadow w-full rounded-sm-bold">
|
||||
</div>
|
||||
<div class="">
|
||||
<div class="flex items-center gap-3">
|
||||
<label for="" class="block font-bold">Meta Keyword</label>
|
||||
<i class="text-gray">* 0 ký tự , 0 từ</i>
|
||||
</div>
|
||||
<input type="text" value="" name="meta_keyword" id="meta_keyword" placeholder="Meta Keyword"
|
||||
class="input mt-3 shadow w-full rounded-sm-bold">
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="mt-5">
|
||||
<div class="flex items-center gap-3">
|
||||
<label for="" class="block font-bold">Meta Description(nên tối đa 160 ký
|
||||
tự)</label>
|
||||
<i class="text-gray">* 0 ký tự , 0 từ (Khuyến nghị: 160 ký tự)</i>
|
||||
</div>
|
||||
<textarea type="text" name="meta_description" value="" placeholder="Meta Description"
|
||||
class="textarea textarea-bordered rounded-sm shadow mt-3 w-full"></textarea>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
<div class="bg-white mt-5 p-3 rounded-md shadow">
|
||||
<input class="btn btn-active" id="submit-collection-btn" name="commit" type="submit" value="Cập nhật" />
|
||||
</div>
|
||||
</div>
|
||||
@@ -1,151 +0,0 @@
|
||||
<!-- thuoc tinh -->
|
||||
<div class="w-100%" role="tabpanel">
|
||||
|
||||
<div class="bg-white p-3 rounded-md shadow">
|
||||
<b class="block text-xl font-bold">Cập nhật thuộc tính cho Sản phẩm</b>
|
||||
<div class="flex items-center gap-2 mt-3">
|
||||
<span class="text-gray">Hoặc</span>
|
||||
<a href="sell_product.php?id=2115&view=spec&noattr=1&l=vn&popup=0" class="text-primary">Cập nhật thông số
|
||||
kỹ thuật không cần
|
||||
thuộc tính
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="bg-white rounded-md shadow mt-5">
|
||||
|
||||
<div class="item-attributes p-3">
|
||||
<b class="text-gray">Dòng cpu</b>
|
||||
<p class="text-gray">dong-cpu</p>
|
||||
<i class="text-gray">Dùng là bộ lọc - Dùng tạo lựa chọn SP - Hiển thị ở tóm tắt</i>
|
||||
<div class="grid grid-cols-4 mt-3 gap-3">
|
||||
<label class="flex align-items cursor-pointer gap-3">
|
||||
<input type="checkbox" class="checkbox checkbox-sm checkbox-active rounded-sm" name="new"
|
||||
checked="">
|
||||
<span class="label-text">Core i3</span>
|
||||
</label>
|
||||
<label class="flex align-items cursor-pointer gap-3">
|
||||
<input type="checkbox" name="new" checked=""
|
||||
class="checkbox checkbox-sm checkbox-active rounded-sm">
|
||||
<span class="label-text">Core i3</span>
|
||||
</label>
|
||||
<label class="flex align-items cursor-pointer gap-3">
|
||||
<input type="checkbox" name="new" checked=""
|
||||
class="checkbox checkbox-sm checkbox-active rounded-sm">
|
||||
<span class="label-text">Core i3</span>
|
||||
</label>
|
||||
<label class="flex align-items cursor-pointer gap-3">
|
||||
<input type="checkbox" name="new" checked=""
|
||||
class="checkbox checkbox-sm checkbox-active rounded-sm">
|
||||
<span class="label-text">Core i3</span>
|
||||
</label>
|
||||
<label class="flex align-items cursor-pointer gap-3">
|
||||
<input type="checkbox" name="new" checked=""
|
||||
class="checkbox checkbox-sm checkbox-active rounded-sm">
|
||||
<span class="label-text">Core i3</span>
|
||||
</label>
|
||||
</div>
|
||||
<div class="mt-5">
|
||||
<div class="flex items-center gap-3">
|
||||
<b>Bổ sung giá trị:</b>
|
||||
<p class="">mỗi giá trị 1 dòng</p>
|
||||
<a href="/product/attribute-add&id=98#attr_value" class="text-primary"><i
|
||||
class="iconify lucide--pencil"></i></a>
|
||||
</div>
|
||||
<textarea name="" id="" class="w-full textarea textarea-bordered rounded-sm mt-3"></textarea>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="item-attributes p-3 mt-5">
|
||||
<b class="text-gray">Dòng cpu</b>
|
||||
<p class="text-gray">dong-cpu</p>
|
||||
<i class="text-gray">Dùng là bộ lọc - Dùng tạo lựa chọn SP - Hiển thị ở tóm tắt</i>
|
||||
<div class="grid grid-cols-4 mt-3 gap-3">
|
||||
<label class="flex align-items cursor-pointer gap-3">
|
||||
<input type="checkbox" class="checkbox checkbox-sm checkbox-active rounded-sm" name="new"
|
||||
checked="">
|
||||
<span class="label-text">Core i3</span>
|
||||
</label>
|
||||
<label class="flex align-items cursor-pointer gap-3">
|
||||
<input type="checkbox" name="new" checked=""
|
||||
class="checkbox checkbox-sm checkbox-active rounded-sm">
|
||||
<span class="label-text">Core i3</span>
|
||||
</label>
|
||||
<label class="flex align-items cursor-pointer gap-3">
|
||||
<input type="checkbox" name="new" checked=""
|
||||
class="checkbox checkbox-sm checkbox-active rounded-sm">
|
||||
<span class="label-text">Core i3</span>
|
||||
</label>
|
||||
<label class="flex align-items cursor-pointer gap-3">
|
||||
<input type="checkbox" name="new" checked=""
|
||||
class="checkbox checkbox-sm checkbox-active rounded-sm">
|
||||
<span class="label-text">Core i3</span>
|
||||
</label>
|
||||
<label class="flex align-items cursor-pointer gap-3">
|
||||
<input type="checkbox" name="new" checked=""
|
||||
class="checkbox checkbox-sm checkbox-active rounded-sm">
|
||||
<span class="label-text">Core i3</span>
|
||||
</label>
|
||||
</div>
|
||||
<div class="mt-5">
|
||||
<div class="flex items-center gap-3">
|
||||
<b>Bổ sung giá trị:</b>
|
||||
<p class="">mỗi giá trị 1 dòng</p>
|
||||
<a href="/product/attribute-add&id=98#attr_value" class="text-primary"><i
|
||||
class="iconify lucide--pencil"></i></a>
|
||||
</div>
|
||||
<textarea name="" id="" class="w-full textarea textarea-bordered rounded-sm mt-3"></textarea>
|
||||
</div>
|
||||
</div>
|
||||
<div class="item-attributes p-3 mt-5">
|
||||
<b class="text-gray">Dòng cpu</b>
|
||||
<p class="text-gray">dong-cpu</p>
|
||||
<i class="text-gray">Dùng là bộ lọc - Dùng tạo lựa chọn SP - Hiển thị ở tóm tắt</i>
|
||||
<div class="grid grid-cols-4 mt-3 gap-3">
|
||||
<label class="flex align-items cursor-pointer gap-3">
|
||||
<input type="checkbox" class="checkbox checkbox-sm checkbox-active" name="new" checked="">
|
||||
<span class="label-text">Core i3</span>
|
||||
</label>
|
||||
<label class="flex align-items cursor-pointer gap-3">
|
||||
<input type="checkbox" name="new" checked=""
|
||||
class="checkbox checkbox-sm checkbox-active rounded-sm">
|
||||
<span class="label-text">Core i3</span>
|
||||
</label>
|
||||
<label class="flex align-items cursor-pointer gap-3">
|
||||
<input type="checkbox" name="new" checked=""
|
||||
class="checkbox checkbox-sm checkbox-active rounded-sm">
|
||||
<span class="label-text">Core i3</span>
|
||||
</label>
|
||||
<label class="flex align-items cursor-pointer gap-3">
|
||||
<input type="checkbox" name="new" checked=""
|
||||
class="checkbox checkbox-sm checkbox-active rounded-sm">
|
||||
<span class="label-text">Core i3</span>
|
||||
</label>
|
||||
<label class="flex align-items cursor-pointer gap-3">
|
||||
<input type="checkbox" name="new" checked=""
|
||||
class="checkbox checkbox-sm checkbox-active rounded-sm">
|
||||
<span class="label-text">Core i3</span>
|
||||
</label>
|
||||
</div>
|
||||
<div class="mt-5">
|
||||
<div class="flex items-center gap-3">
|
||||
<b>Bổ sung giá trị:</b>
|
||||
<p class="">mỗi giá trị 1 dòng</p>
|
||||
<a href="/product/attribute-add&id=98#attr_value" class="text-primary"><i
|
||||
class="iconify lucide--pencil"></i></a>
|
||||
</div>
|
||||
<textarea name="" id="" class="w-full textarea textarea-bordered rounded-sm mt-3"></textarea>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
<div class="bg-white p-3 rounded-md shadow mt-5">
|
||||
<div class="flex items-center gap-3">
|
||||
<input class=" btn btn-active btn-md" name="commit" type="submit" value="Cập nhật">
|
||||
<a href="" class="btn btn-outline btn-view btn-md">
|
||||
Cập nhật không thuộc tính
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
@@ -1,39 +0,0 @@
|
||||
<div class="w-full" role="tabpanel">
|
||||
<div class="bg-white p-3 rounded-sm shadow">
|
||||
<div class="flex items-center justify-between">
|
||||
<b class="text-xl">Danh sách tag</b>
|
||||
<a href="/product" class="btn btn-view btn-outline btn-sm">
|
||||
<span class="">
|
||||
Chọn tag cho sản phẩm
|
||||
</span>
|
||||
</a>
|
||||
</div>
|
||||
|
||||
<div class="border-base-300 border rounded mt-5">
|
||||
<table class="table">
|
||||
<tr class="bg-base-200 font-bold text-black">
|
||||
<th>STT</th>
|
||||
<th class="text-center">Tag</th>
|
||||
<th class="w-2"></th>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>1</td>
|
||||
<td>ATO Test</td>
|
||||
<td>
|
||||
<a href="" class="btn btn-xs btn-outline btn-error">
|
||||
<i data-lucide="trash-2" class="size-3"></i>
|
||||
</a>
|
||||
</td>
|
||||
</tr>
|
||||
</table>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
<div class="bg-white p-3 rounded shadow mt-3">
|
||||
<b class="block text-xl font-bold">Thêm tag nhanh cho sản phẩm</b>
|
||||
<p class="">Nhập Tag cho sản phẩm vào ô dưới đây và nhấn cập nhật. Mỗi Tag 1 dòng:</p>
|
||||
<textarea name="" id="" class="w-full mt-3 textarea textarea-bordered rounded shadow"></textarea>
|
||||
|
||||
<input class="btn btn-active mt-5" name=" commit" type="submit" value="Cập nhật">
|
||||
</div>
|
||||
</div>
|
||||
@@ -1,139 +0,0 @@
|
||||
<!-- cau hinh -->
|
||||
<div class="w-full" role="tabpanel">
|
||||
<div class="bg-white rounded-md shadow p-3">
|
||||
<div class="flex items-center justify-between">
|
||||
<b class="text-xl">Chủng loại của sản phẩm</b>
|
||||
<a href="" class="btn btn-outline btn-view btn-sm">
|
||||
<i data-lucide="pencil" class="size-4"></i>
|
||||
<span class="">
|
||||
Sửa thuộc tính
|
||||
</span>
|
||||
</a>
|
||||
</div>
|
||||
<div class="text-gray mt-5 ">
|
||||
<b class="">Chú ý:</b>
|
||||
<span>Giá bán của sản phẩm sẽ là giá của chủng loại được chọn. Nếu giá chủng loại=0 thì sẽ mặc định dùng
|
||||
giá sản phẩm.
|
||||
Cài đặt giá chung cho sản phẩm ở Tab "Cơ bản"
|
||||
</span>
|
||||
</div>
|
||||
|
||||
<div class="p-3 rounded-sm mt-3 shadow">
|
||||
<b class="text-xl block">Cài nhanh cho tất cả chủng loại</b>
|
||||
|
||||
<div class="grid grid-cols-2 gap-3 mt-3">
|
||||
<div class="">
|
||||
<label for="" class="block font-bold">Giá bán</label>
|
||||
<input type="text" name="price" id="pro_name" value=""
|
||||
class="input input-md w-full mt-3 input-bordered rounded-sm shadow">
|
||||
</div>
|
||||
<div class="">
|
||||
<label for="" class="block font-bold">Số lượng</label>
|
||||
<input type="text" name="quantity" value=""
|
||||
class="input input-md w-full mt-3 input-bordered rounded-sm shadow">
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="border border-base-200 rounded-sm mt-5">
|
||||
<table class="table">
|
||||
<tbody>
|
||||
<tr class="bg-base-200 font-bold text-black">
|
||||
<th>Ảnh</th>
|
||||
<th>Chủng loại</th>
|
||||
<th></th>
|
||||
</tr>
|
||||
</tbody>
|
||||
<tbody>
|
||||
<tr>
|
||||
<td class="align-text-top text-center">
|
||||
<a href="" class="m-0-auto ">
|
||||
<i class="iconify lucide--pencil"></i>
|
||||
</a>
|
||||
</td>
|
||||
<td>
|
||||
<div class="grid grid-cols-3 gap-3">
|
||||
<div class="">
|
||||
<label for="" class="block font-bold">Tên</label>
|
||||
<input type="text" name="info[new-1][label]" value=""
|
||||
class="w-[100%] input input-md input-bordered rounded shadow mt-2">
|
||||
</div>
|
||||
<div class="">
|
||||
<label for="" class="block font-bold">Mã
|
||||
kho</label>
|
||||
<input type="text" name="info[new-1][sku]" value=""
|
||||
class="w-[100%] input input-md input-bordered rounded shadow mt-2">
|
||||
</div>
|
||||
<div class="">
|
||||
<label for="" class="block font-bold">Giá
|
||||
bán</label>
|
||||
<input type="text" name="info[new-1][sale_price]" value=""
|
||||
class="w-[100%] input input-md input-bordered rounded shadow mt-2">
|
||||
</div>
|
||||
</div>
|
||||
<div class="grid grid-cols-3 mt-3 gap-3">
|
||||
<div class="">
|
||||
<label for="" class="block font-bold">Link
|
||||
ngoài</label>
|
||||
<input type="text" name="info[new-1][url]" value=""
|
||||
class="w-[100%] input input-md input-bordered rounded shadow mt-2">
|
||||
</div>
|
||||
<div class="col-span-2 grid grid-cols-4 gap-3">
|
||||
<div>
|
||||
<label for="" class="block font-bold">Số
|
||||
lượng</label>
|
||||
<input type="text" name="info[new-1][stock_quantity]" value=""
|
||||
class="w-[100%] input input-md input-bordered rounded shadow mt-2">
|
||||
</div>
|
||||
<div>
|
||||
<label for="" class="block font-bold">STT</label>
|
||||
<input type="text" name="info[new-1][ordering]" value=""
|
||||
class="w-[100%] input input-md input-bordered rounded shadow mt-2">
|
||||
</div>
|
||||
<div>
|
||||
<label for="" class="block font-bold">Màu</label>
|
||||
<select name="info[new-1][color]" id=""
|
||||
class="w-full select select-bordered rounded shadow mt-2">
|
||||
<option value="">
|
||||
Màu sắc</option>
|
||||
</select>
|
||||
</div>
|
||||
<div>
|
||||
<label for="" class="block font-bold">Kích
|
||||
thước</label>
|
||||
<select name="info[new-1][size]" id=""
|
||||
class="w-full select select-bordered rounded shadow mt-2">
|
||||
<option value="">
|
||||
kích thước</option>
|
||||
</select>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</td>
|
||||
<td class="align-text-top">
|
||||
<div class="flex items-center gap-3">
|
||||
<a href="" class="btn btn-xs btn-outline btn-view">
|
||||
<i data-lucide="eye" class="size-3"></i>
|
||||
</a>
|
||||
<a href="" class="btn btn-xs btn-outline btn-error">
|
||||
<i data-lucide="trash-2" class="size-3 text-red-500"></i>
|
||||
</a>
|
||||
</div>
|
||||
|
||||
</td>
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
</div>
|
||||
|
||||
<a href="" class="mt-5 flex items-center gap-1 justify-center">
|
||||
<span data-lucide="plus-circle" class="size-4 text-active"></span>
|
||||
<span class="link-active">Thêm chủng loại</span>
|
||||
</a>
|
||||
</div>
|
||||
<div class="bg-white p-3 rounded shadow mt-5">
|
||||
<input class="btn btn-active" name="commit" type="submit" value="Cập nhật">
|
||||
|
||||
</div>
|
||||
</div>
|
||||
@@ -1,42 +0,0 @@
|
||||
<div class="w-full" role="tabpanel">
|
||||
<div class="bg-white p-3 rounded shadow ">
|
||||
<b class="text-[20px]">Youtobe Video</b>
|
||||
<p class="text-gray">Bạn cần gắn url của video được cung cấp bởi Youtube vào đây
|
||||
</p>
|
||||
<i class="link-primary">Ví dụ: https://www.youtube.com/watch?NR=1&v=QqzJhk1p4rU&feature=endscreen</i>
|
||||
<div class="border-base-200 border rounded mt-5">
|
||||
<table class="table">
|
||||
<tr class="bg-base-200 font-bold text-black">
|
||||
<th>Link youtobe</th>
|
||||
<th>Mô tả (nếu có)</th>
|
||||
<th></th>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>
|
||||
<input type="text" name="url_index" value=""
|
||||
class="w-full input input-md input-bordered rounded shadow">
|
||||
</td>
|
||||
<td>
|
||||
<input type="text" name="url_index" value=""
|
||||
class="w-full input input-md input-bordered rounded shadow">
|
||||
</td>
|
||||
<td>
|
||||
<a href="" class="btn btn-xs btn-outline btn-error">
|
||||
<i data-lucide="trash-2" class="size-3 text-red-500"></i>
|
||||
</a>
|
||||
</td>
|
||||
</tr>
|
||||
</table>
|
||||
</div>
|
||||
|
||||
|
||||
<a href="" class="mt-5 flex items-center gap-1 justify-center">
|
||||
<span data-lucide="plus-circle" class="size-4 link-active"></span>
|
||||
<span class="link-active">Thêm chủng loại</span>
|
||||
</a>
|
||||
</div>
|
||||
<div class="bg-white p-3 rounded shadow mt-3">
|
||||
<input class="btn btn-active" name="commit" type="submit" value="Cập nhật">
|
||||
|
||||
</div>
|
||||
</div>
|
||||
@@ -1,324 +0,0 @@
|
||||
<div class="bg-white shadow p-3 rounded-sm">
|
||||
<h1 class="text-2xl font-bold mb-3">Danh sách sản phẩm ({{ page.total | format_number }})</h1>
|
||||
<div class="flex flex-wrap justify-between items-center">
|
||||
<div class="btn-left flex items-center mb-3 gap-3">
|
||||
<div class="form-control w-30">
|
||||
<div class="dropdown dropdown-bottom w-full">
|
||||
<label tabindex="0" class="btn btn-view btn-sm btn-outline w-full flex justify-between">
|
||||
Chọn danh mục
|
||||
<i class="iconify lucide--chevron-down"></i>
|
||||
</label>
|
||||
|
||||
<ul tabindex="0" class="dropdown-content menu bg-white shadow-xl rounded-box w-80 mt-1 p-2">
|
||||
{% for cate in page.list_category %}
|
||||
{% if cate.children.size > 0 %}
|
||||
<li>
|
||||
<details>
|
||||
<summary><a href="{{cate.url}}">{{cate.title}}</a></summary>
|
||||
{% for cate2 in cate.children %}
|
||||
<ul>
|
||||
<li><a>{{cate2.title}}</a></li>
|
||||
{% if cate2.children.size > 0 %}
|
||||
<ul class="ml-4">
|
||||
{% for cate3 in cate2.children %}
|
||||
<li><a href="{{cate3.url}}">{{cate3.title}} ({{cate3.totalProduct}})</a></li>
|
||||
{% endfor %}
|
||||
</ul>
|
||||
{% endif %}
|
||||
</ul>
|
||||
{% endfor %}
|
||||
</details>
|
||||
</li>
|
||||
{% else %}
|
||||
<li><a href="{{cate.url}}">{{cate.title}}</a></li>
|
||||
{% endif %}
|
||||
{% endfor %}
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
<a href="javascript:void(0)" onclick="js_list_brand.showModal()" class="btn btn-outline btn-sm btn-view">
|
||||
Chọn thương hiệu để xem
|
||||
</a>
|
||||
</div>
|
||||
<div class="btn-right flex items-center mb-3 gap-3">
|
||||
<a href="/product/form" class="btn btn-sm btn-outline btn-view">
|
||||
<i data-lucide="plus" class="size-4"></i>
|
||||
<span>Thêm sản phẩm mới</span>
|
||||
</a>
|
||||
<a href="" class="btn btn-outline btn-sm btn-view">
|
||||
<i data-lucide="file-text" class="size-4"></i>
|
||||
<span class="ml-1">Danh sách cập nhật</span>
|
||||
</a>
|
||||
<a href="" class="btn btn-outline btn-sm btn-view">
|
||||
<i data-lucide="file-x" class="size-4"></i>
|
||||
<span class="ml-1">Cập nhật Excel</span>
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
<div class="overflow-x-auto mt-5 border border-base-200 rounded-sm">
|
||||
<table class="table">
|
||||
<thead>
|
||||
<tr class="bg-base-300 text-black font-bold">
|
||||
<th>STT</th>
|
||||
<th>Ảnh</th>
|
||||
<th>Sản phẩm (Tổng số: {{page.total}})</th>
|
||||
<th>Thông tin bán hàng</th>
|
||||
<th>
|
||||
<select id="" class="select select-sm" onchange="location.href=this.value">
|
||||
<option value="/product?">Lọc sản phẩm</option>
|
||||
<option value="/product?hotType=new">Mới</option>
|
||||
<option value="/product?hotType=hot">HOT (hỏi nhiều)</option>
|
||||
<option value="/product?hotType=bestsale">Bán chạy</option>
|
||||
<option value="/product?hotType=saleoff">Xả hàng (sale-off)</option>
|
||||
<option value="/product?hotType=online-only">Chỉ bán online</option>
|
||||
</select>
|
||||
</th>
|
||||
<th>Công cụ</th>
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody>
|
||||
{% assign counter = 0 %}
|
||||
{% for item in page.item_list %}
|
||||
{% increment counter %}
|
||||
<tr>
|
||||
<td>{{ counter }}</td>
|
||||
<td>
|
||||
<img class="block mx-auto my-0 w-[70px] h-[50px]" src="{{item.image.thumb}}" alt="">
|
||||
<span class="text-center block whitespace-nowrap">{{item.image_count}} ảnh</span>
|
||||
</td>
|
||||
<td>
|
||||
<a href="/product/form?id={{item.id}}">[#{{item.id}}]
|
||||
<span class="link-primary">-
|
||||
{{item.title}}</span>
|
||||
</a>
|
||||
{% if item.config_count > 0 %}<p class="text-sm text-orange">[Có cấu hình]</p>{% endif %}
|
||||
<div class="flex items-center my-1 gap-2">
|
||||
<span>Danh mục:</span>
|
||||
<b class="">Màn hình Máy tính</b>
|
||||
</div>
|
||||
<div class="flex items-center my-1 gap-2">
|
||||
<span>Mã kho</span>
|
||||
<b class="px-2">{{item.sku}}</b>
|
||||
<span class="text-black font-500">|</span>
|
||||
<span class="px-2">Hãng</span>
|
||||
<p class="link-primary">{{item.model}}</p>
|
||||
</div>
|
||||
|
||||
{% assign date_now = "now" | date: format %}
|
||||
{% assign date_last = item.last_update %}
|
||||
{% assign time_conlai = date_now | minus: date_last %}
|
||||
|
||||
<p class="mb-2">Cập nhật: {{item.last_update | date: "Y-m-d h:i" }} <span class="text-red">(
|
||||
{{ time_conlai | divided_by: 86400 | round}}
|
||||
ngày)</span></p>
|
||||
<p>Người cập nhật : {{item.last_update_by}}</p>
|
||||
</td>
|
||||
<td>
|
||||
<div class="flex flex-wrap items-center mb-1">
|
||||
<span class="">Giá bán:</span>
|
||||
<b class="text-[#E00000] ml-[3px] whitespace-nowrap">
|
||||
{% if item.price > 0 %}
|
||||
{{item.price | format_price }} vnd
|
||||
{% else %}`
|
||||
{{item.price }} vnd
|
||||
{% endif %}
|
||||
</b>
|
||||
</div>
|
||||
<div class="flex items-center mb-1">
|
||||
<span class="whitespace-nowrap">Giá thị trường:</span>
|
||||
<b class="text-[#E00000] ml-2 whitespace-nowrap">
|
||||
{% if item.market_price > 0 %} {{item.market_price | format_price }} vnd {% else %}
|
||||
0 vnd {% endif %}
|
||||
</b>
|
||||
</div>
|
||||
<p>Bảo hành: {{item.warranty}}</p>
|
||||
<p>Khuyến mại: {{item.special_offer}}</p>
|
||||
<div class="flex items-center mb-1 gap-2">
|
||||
<span>SL tổng:</span>
|
||||
<b class="ml-2">{{item.quantity}}</b>
|
||||
</div>
|
||||
</td>
|
||||
<td class="align-text-top">
|
||||
|
||||
<label class="cursor-pointer flex items-center mb-2 gap-2"
|
||||
onclick="AdminFunction.update_product_hot('{{item.id}}')">
|
||||
<input type="checkbox" name="new" {% if item.hot_type=="new" %}checked="checked" {% endif %}
|
||||
class="checkbox checkbox-active checkbox-sm rounded-sm" />
|
||||
<span class="label-text whitespace-nowrap">Mới Hot (Hỏi nhiều)</span>
|
||||
</label>
|
||||
|
||||
|
||||
<label class="cursor-pointer flex items-center mb-2 gap-2"
|
||||
onclick="AdminFunction.update_product_hot('{{item.id}}')">
|
||||
<input type="checkbox" name="hot" {% if item.hot_type=="hot" %}checked="checked" {% endif %}
|
||||
class="checkbox checkbox-active checkbox-sm rounded-sm" />
|
||||
<span class="label-text whitespace-nowrap">Hot (Hỏi nhiều)</span>
|
||||
</label>
|
||||
|
||||
<label class="cursor-pointer flex items-center mb-2 gap-2"
|
||||
onclick="AdminFunction.update_product_hot('{{item.id}}')">
|
||||
<input type="checkbox" name="bestsale" {% if item.hot_type=="bestsale" %}checked="checked"
|
||||
{% endif %} class="checkbox checkbox-active checkbox-sm rounded-sm" />
|
||||
<span class="label-text whitespace-nowrap">Bán
|
||||
chạy</span>
|
||||
</label>
|
||||
|
||||
<label class="cursor-pointer flex items-center mb-2 gap-2"
|
||||
onclick="AdminFunction.update_product_hot('{{item.id}}')">
|
||||
<input type="checkbox" name="saleoff" {% if item.hot_type=="saleoff" %}checked="checked" {%
|
||||
endif %} class="checkbox checkbox-active checkbox-sm rounded-sm" />
|
||||
<span class="label-text whitespace-nowrap">Xả
|
||||
hàng (sale-off)</span>
|
||||
</label>
|
||||
|
||||
<label class="cursor-pointer flex items-center mb-2 gap-2"
|
||||
onclick="AdminFunction.update_product_hot('{{item.id}}')">
|
||||
<input type="checkbox" name="online-only" {% if item.hot_type=="online-only"
|
||||
%}checked="checked" {% endif %}
|
||||
class="checkbox checkbox-active checkbox-sm rounded-sm" />
|
||||
<span class="label-text whitespace-nowrap">Chỉ bán online</span>
|
||||
</label>
|
||||
|
||||
<div id="js-status-hottype-{{item.id}}" class="flex items-center mt-2"></div>
|
||||
</td>
|
||||
<td class="align-text-top">
|
||||
<div class="list-btn flex items-center gap-3">
|
||||
<a href="/product/form?id={{item.id}}" title="Form sản phẩm"
|
||||
class="btn btn-soft btn-xs btn-square btn-outline btn-view">
|
||||
<i data-lucide="pencil" class="size-3"></i>
|
||||
</a>
|
||||
<a href="{{item.request_path}}" title="Xem tại web" target="_blank"
|
||||
class="btn btn-soft btn-xs btn-square btn-outline btn-view">
|
||||
<i data-lucide="globe" class="size-3"></i>
|
||||
</a>
|
||||
{% if item.status == 0 %}
|
||||
<a href="" class="btn btn-soft btn-xs btn-square btn-outline btn-view">
|
||||
<i data-lucide="eye-off" class="size-3"></i>
|
||||
</a>
|
||||
{% else %}
|
||||
<a href="" class="btn btn-soft btn-xs btn-square btn-outline btn-view">
|
||||
<i data-lucide="eye" class="size-3"></i>
|
||||
</a>
|
||||
{% endif %}
|
||||
<a href="" class="btn btn-soft btn-xs btn-error btn-square">
|
||||
<i data-lucide="trash-2" class="size-3 text-red-400"></i>
|
||||
</a>
|
||||
</div>
|
||||
</td>
|
||||
</tr>
|
||||
{% endfor %}
|
||||
|
||||
</tbody>
|
||||
</table>
|
||||
</div>
|
||||
<div class="join mt-5 justify-end flex items-center gap-1">
|
||||
<a href="" class="btn btn-ghost btn-circle btn-sm" aria-label="Pagination controls">
|
||||
<i data-lucide="chevron-left" class="size-4"></i>
|
||||
</a>
|
||||
<a href="" class="btn btn-circle btn-sm btn-ghost">1</a>
|
||||
<a href="" class="btn btn-circle btn-sm btn-ghost btn-active">2</a>
|
||||
<a href="" class="btn btn-circle btn-sm btn-ghost">3</a>
|
||||
<a href="" class="btn btn-circle btn-sm btn-ghost">4</a>
|
||||
<a href="" class="btn btn-circle btn-sm btn-ghost">5</a>
|
||||
<a href="" class="btn btn-ghost btn-circle btn-sm" aria-label="Pagination controls">
|
||||
<i data-lucide="chevron-right" class="size-4"></i>
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<dialog id="js_list_category" class="modal">
|
||||
<div class="modal-box w-11/12 max-w-5xl">
|
||||
<form method="dialog">
|
||||
<button class="btn btn-sm btn-circle btn-ghost absolute right-2 top-2">✕</button>
|
||||
</form>
|
||||
<div class="flex items-center gap-2">
|
||||
<b class="text-lg">Tổng sản phẩm:</b>
|
||||
<p class="ml-2">{{page.total}} sản phẩm</p>
|
||||
</div>
|
||||
<div class="list-category mt-1 max-h-400 max-h-400p overflow-x-auto">
|
||||
{% for cate in page.list_category %}
|
||||
<a href="{{cate.url}}" class="item block mb-2 text-primary">
|
||||
{% if cate.children.size > 0 %}
|
||||
<b class="text-primary">+ (#{{cate.id}}){{cate.title}}</b>
|
||||
{% else %}
|
||||
+ (#{{cate.id}}){{cate.title}}
|
||||
{% endif %}
|
||||
</a>
|
||||
{% if cate.children.size > 0 %}
|
||||
<div class="ml-2">
|
||||
{% for cate2 in cate.children %}
|
||||
<a href="{{cate2.url}}" class="item block mb-2 text-primary">
|
||||
{% if cate2.children.size > 0 %}
|
||||
<b class="text-primary">+ (#{{cate2.id}}){{cate2.title}}</b>
|
||||
{% else %}
|
||||
+ (#{{cate2.id}}){{cate2.title}} ({{cate2.totalProduct}})
|
||||
{% endif %}
|
||||
</a>
|
||||
{% if cate2.children.size > 0 %}
|
||||
<div class="ml-2">
|
||||
{% for cate3 in cate2.children %}
|
||||
<a href="{{cate3.url}}" class="item block mb-2 text-primary">+
|
||||
(#{{cate3.id}}){{cate3.title}}
|
||||
({{cate3.totalProduct}})</a>
|
||||
{% endfor %}
|
||||
</div>
|
||||
{% endif %}
|
||||
{% endfor %}
|
||||
</div>
|
||||
{% endif %}
|
||||
{% endfor %}
|
||||
</div>
|
||||
</div>
|
||||
<form method="dialog" class="modal-backdrop">
|
||||
<button>close</button>
|
||||
</form>
|
||||
</dialog>
|
||||
|
||||
|
||||
<dialog id="js_list_brand" class="modal">
|
||||
<div class="modal-box w-11/12 max-w-3xl">
|
||||
<form method="dialog">
|
||||
<button class="btn btn-sm btn-circle btn-ghost absolute right-2 top-2">✕</button>
|
||||
</form>
|
||||
<div class="flex flex-wrap items-center">
|
||||
<b class="inline-block w-34">Tìm theo chữ cái</b>
|
||||
<div class="list-key inline-block ml-2 max-w-3xl">
|
||||
{% for key in page.brand_letters %}
|
||||
<a href="{{key.url}}">
|
||||
<span class="text-primary underline">{{key.key}}</span> <span>({{key.total}})</span>
|
||||
</a>
|
||||
{% endfor %}
|
||||
</div>
|
||||
<div class="overflow-x-auto border border-base-200 rounded-sm mt-5 w-full mt-3">
|
||||
<table class="w-full table table-sm table-brand">
|
||||
<thead>
|
||||
<tr class="bg-base-200">
|
||||
<th>STT</th>
|
||||
<th>Thương hiệu</th>
|
||||
<th class="whitespace-nowrap">Số lượng sản phẩm</th>
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody>
|
||||
{% assign stt = 0 %}
|
||||
{% for item in page.list_brands %}
|
||||
{% for item2 in item.1 %}
|
||||
{% increment stt %}
|
||||
<tr>
|
||||
<td>{{stt}}</td>
|
||||
<td>{{item2.name}}</td>
|
||||
<td>
|
||||
<span>{{item2.product}}</span>
|
||||
<a href="{{item2.url}}" class="text-primary">(Xem sp)</a>
|
||||
</td>
|
||||
</tr>
|
||||
{% endfor %}
|
||||
{% endfor %}
|
||||
</tbody>
|
||||
</table>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<form method="dialog" class="modal-backdrop">
|
||||
<button>close</button>
|
||||
</form>
|
||||
</dialog>
|
||||
@@ -1,130 +0,0 @@
|
||||
<div class="bg-white shadow p-3 rounded-sm">
|
||||
<h1 class="text-2xl font-bold mb-3">So sánh giá đối thủ</h1>
|
||||
|
||||
<div class="shadow p-3 rounded-sm border border-base-200">
|
||||
<div class="flex items-center gap-3">
|
||||
<input type="text" size="60" name="info[title]" placeholder="" class="input input-sm rounded-sm shadow">
|
||||
<a href="javascript:void(0)" class="btn btn-sm btn-active">Tìm
|
||||
kiếm</a>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="flex items-center justify-between mt-5">
|
||||
<a href="javascript:void(0)" onclick="js_list_category.showModal()" class="btn btn-outline btn-view btn-sm">
|
||||
Chọn danh mục để xem
|
||||
</a>
|
||||
<select name="" id="" class="select select-md rounded-sm shadow w-32">
|
||||
<option value="">Bộ lọc</option>
|
||||
</select>
|
||||
</div>
|
||||
<div class=" overflow-x-auto border border-base-200 rounded-sm mt-5">
|
||||
<table class="table">
|
||||
<thead>
|
||||
<tr class="bg-base-200 font-bold text-black">
|
||||
<th>STT</th>
|
||||
<th>Sản phẩm (Tổng số: 53)</th>
|
||||
<th>Cập nhật</th>
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody>
|
||||
<tr>
|
||||
<td class="w-2">1</td>
|
||||
<td>
|
||||
<a href="" class="name link-primary">Ổ Cứng SSD KINGMAX 120GB SMV32</a>
|
||||
<p>- Giá: <b>499.000</b></p>
|
||||
<p>-Mã kho: OCKM0008</p>
|
||||
<p>- Cập nhật: 25-01-2024, 9:46 am (29 ngày)</p>
|
||||
</td>
|
||||
<td class="w-32">
|
||||
<a href="" class="btn btn-sm btn-active">Cập
|
||||
nhật</a>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td class="w-2">1</td>
|
||||
<td>
|
||||
<a href="" class="name link-primary">Ổ Cứng SSD KINGMAX 120GB SMV32</a>
|
||||
<p>- Giá: <b>499.000</b></p>
|
||||
<p>-Mã kho: OCKM0008</p>
|
||||
<p>- Cập nhật: 25-01-2024, 9:46 am (29 ngày)</p>
|
||||
</td>
|
||||
<td class="w-32">
|
||||
<a href="" class="btn btn-sm btn-active">Cập
|
||||
nhật</a>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td class="w-2">1</td>
|
||||
<td>
|
||||
<a href="" class="name link-primary">Ổ Cứng SSD KINGMAX 120GB SMV32</a>
|
||||
<p>- Giá: <b>499.000</b></p>
|
||||
<p>-Mã kho: OCKM0008</p>
|
||||
<p>- Cập nhật: 25-01-2024, 9:46 am (29 ngày)</p>
|
||||
</td>
|
||||
<td class="w-32">
|
||||
<a href="" class="btn btn-sm btn-active">Cập
|
||||
nhật</a>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td class="w-2">1</td>
|
||||
<td>
|
||||
<a href="" class="name link-primary">Ổ Cứng SSD KINGMAX 120GB SMV32</a>
|
||||
<p>- Giá: <b>499.000</b></p>
|
||||
<p>-Mã kho: OCKM0008</p>
|
||||
<p>- Cập nhật: 25-01-2024, 9:46 am (29 ngày)</p>
|
||||
</td>
|
||||
<td class="w-32">
|
||||
<a href="" class="btn btn-sm btn-active">Cập
|
||||
nhật</a>
|
||||
</td>
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
<dialog id="js_list_category" class="modal">
|
||||
<div class="modal-box w-11/12 max-w-5xl">
|
||||
<form method="dialog">
|
||||
<button class="btn btn-sm btn-circle btn-ghost absolute right-2 top-2">✕</button>
|
||||
</form>
|
||||
<div class="list-category mt-[5px] max-h-[400px] max-h-[400px] overflow-x-auto">
|
||||
{% for cate in page.list_category %}
|
||||
<a href="{{cate.url}}" class="item block mb-[5px] text-[#0041E8]">
|
||||
{% if cate.children.size > 0 %}
|
||||
<b class="text-[#0041E8]">+ (#{{cate.id}}){{cate.title}}</b>
|
||||
{% else %}
|
||||
+ (#{{cate.id}}){{cate.title}}
|
||||
{% endif %}
|
||||
</a>
|
||||
{% if cate.children.size > 0 %}
|
||||
<div class="ml-[15px]">
|
||||
{% for cate2 in cate.children %}
|
||||
<a href="{{cate2.url}}" class="item block mb-[5px] text-[#0041E8]">
|
||||
{% if cate2.children.size > 0 %}
|
||||
<b class="text-[#0041E8]">+ (#{{cate2.id}}){{cate2.title}}</b>
|
||||
{% else %}
|
||||
+ (#{{cate2.id}}){{cate2.title}} ({{cate2.totalProduct}})
|
||||
{% endif %}
|
||||
</a>
|
||||
{% if cate2.children.size > 0 %}
|
||||
<div class="ml-[15px]">
|
||||
{% for cate3 in cate2.children %}
|
||||
<a href="{{cate3.url}}" class="item block mb-[5px] text-[#0041E8]">+
|
||||
(#{{cate3.id}}){{cate3.title}}
|
||||
({{cate3.totalProduct}})</a>
|
||||
{% endfor %}
|
||||
</div>
|
||||
{% endif %}
|
||||
{% endfor %}
|
||||
</div>
|
||||
{% endif %}
|
||||
{% endfor %}
|
||||
</div>
|
||||
</div>
|
||||
<form method="dialog" class="modal-backdrop">
|
||||
<button>close</button>
|
||||
</form>
|
||||
</dialog>
|
||||
@@ -1,64 +0,0 @@
|
||||
<div class="bg-white shadow p-3 rounded-sm">
|
||||
<h1 class="text-2xl font-bold mb-3">Danh sách set</h1>
|
||||
<div class="flex items-start justify-between gap-5">
|
||||
<div class="text-[13px]"><b>Giới thiệu:</b> "Combo Set" là một "set" (danh sách) các sản phẩm được cài giảm giá
|
||||
sẵn.
|
||||
Các
|
||||
mức giá giảm này
|
||||
sẽ được áp
|
||||
dụng khi người mua hàng mua cùng 1 sản phẩm chính. Ví dụ đơn giản: Bạn tạo 1 set (danh sách) các phụ
|
||||
kiện dành cho
|
||||
iPhone với các mức chiết khấu đáng kể nếu người dùng mua kèm iPhone. Sau khi tạo set xong, bạn chọn 1
|
||||
vài sản phẩm
|
||||
iPhone có thể áp dựng set này. Như vậy xem website có thể chọn mua iPhone và mua thêm 1 số sản phẩm
|
||||
trong set mà bạn đã
|
||||
thiết lập.</div>
|
||||
<a href="/product/set_form" id="add-prod" class="btn btn-view btn-outline btn-sm">
|
||||
<span data-lucide="circle-plus" class="size-4"></span>
|
||||
<span class="">Thêm
|
||||
set mới</span></a>
|
||||
</div>
|
||||
<div class="overflow-x-auto sm:whitespace-nowrap border border-base-200 rounded-sm mt-5">
|
||||
<table id='tb_padding' cellpadding=2 cellspacing=0 width='100%' border=1 bordercolor='#CCCCCC' class="table">
|
||||
<thead>
|
||||
<tr class="bg-base-200 text-black font-bold">
|
||||
<td>STT</td>
|
||||
<td>Thông tin</td>
|
||||
<td>Cập nhật</td>
|
||||
<td>Sản phẩm sử dụng set này</td>
|
||||
<td class="w-[200px]">Quản lý</td>
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody>
|
||||
<tr>
|
||||
<td>1</td>
|
||||
<td>(ID: 658) <a href="" class=" name font-bold link-active">Thẻ Nhớ CAEZ CAIM CAIS</a>
|
||||
<p>Thẻ Nhớ cho các dòng CAM: CAEZ CAIM CAIS</p>
|
||||
</td>
|
||||
<td>
|
||||
<p>Nguyễn Tiến Dinh</p>
|
||||
<p>01-03-2024, 11:59 am</p>
|
||||
</td>
|
||||
<td>
|
||||
<div class="flex items-center gap-3">
|
||||
<p class="">137 sp</p>
|
||||
<a href="" class="btn btn-sm btn-active">Xem
|
||||
danh sách</a>
|
||||
</div>
|
||||
</td>
|
||||
<td>
|
||||
<div class="flex items-center gap-3">
|
||||
<a href="" class="btn btn-sm btn-active">Chi
|
||||
tiết</a>
|
||||
<a href="" class='btn btn-sm btn-outline btn-view'><i data-lucide="pencil"
|
||||
class="size-3"></i></a>
|
||||
<a href="" class='btn btn-sm btn-outline btn-error'><i data-lucide="trash-2"
|
||||
class='size-3'></i></a>
|
||||
</div>
|
||||
</td>
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
@@ -1,320 +0,0 @@
|
||||
<div class="w-[100%] mb-[50px]">
|
||||
<div class="text-sm breadcrumbs ml-[10px]">
|
||||
<ul>
|
||||
<li><a href="/product/set">Combo set</a></li>
|
||||
<li class="text-[#0041E8]">Form thêm/sửa combo set</li>
|
||||
</ul>
|
||||
</div>
|
||||
<div class="w-[1140px] my-0 mx-auto">
|
||||
<div class="bg-white p-[10px] rounded-[10px] shadow-[0_1px_1px_0px_#0000001A] my-[15px]">
|
||||
<div class="flex items-center justify-between">
|
||||
<h1 class="text-[20px] font-[700]">Cập nhật combo set</h1>
|
||||
<a href="/product/set-form"
|
||||
class="flex items-center border-[1px] border-[#ECECEC] rounded-[4px] p-[5px_10px_5px_10px]">
|
||||
<span
|
||||
class="w-[14px] h-[14px] border-[1px] rounded-[50%] border-[#6B7280] text-center leading-[10.3px] mr-[5px] text-[#6B7280]">+</span>
|
||||
<span class="text-[#6B7280]">Thêm set mới</span>
|
||||
</a>
|
||||
</div>
|
||||
<p class="text-gray-500">Thẻ Nhớ CAEZ CAIM CAIS</p>
|
||||
</div>
|
||||
|
||||
<div class="flex">
|
||||
<div class="left w-[270px] mr-[10px]">
|
||||
<div class="list-tab">
|
||||
<a href="/product/set_form"
|
||||
class="item block w-[100%] h-[36px] text-white bg-[#0041E8] rounded-[10px] text-[13px] leading-[35px] px-[20px]">Thông
|
||||
tin</a>
|
||||
</div>
|
||||
</div>
|
||||
<div class="right w-[860px]">
|
||||
<div
|
||||
class="bg-white p-[10px] rounded-[10px] shadow-[0_-1px_1px_0px_#0000001A] border-b-[6px] border-[#FAFAFB]">
|
||||
|
||||
<table>
|
||||
<tr>
|
||||
<td>Tên set</td>
|
||||
<td>
|
||||
<input type="text" size="60" name="info[title]" id="title" value=""
|
||||
placeholder="Tên set"
|
||||
class="w-[100%] border-[1px] border-[#D8D8D8] py-[6px] px-[10px] rounded-[4px] shadow-[0_2px_4px_0_rgba(0,0,0,0.12)]">
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>
|
||||
Mô tả tóm tắt
|
||||
</td>
|
||||
<td>
|
||||
<input type="text" size="60" name="info[description]" id="description" value=""
|
||||
placeholder="Tên nhóm"
|
||||
class="w-[100%] border-[1px] border-[#D8D8D8] py-[6px] px-[10px] rounded-[4px] shadow-[0_2px_4px_0_rgba(0,0,0,0.12)]">
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>
|
||||
Trạng thái
|
||||
</td>
|
||||
<td>
|
||||
<label class="cursor-pointer flex items-center mb-[10px]">
|
||||
<input type="radio" name="info[status]" value="0" class="radio checked:bg-blue-500"
|
||||
checked="checked" />
|
||||
<span class="label-text ml-[10px]">Cho hiển thị</span>
|
||||
</label>
|
||||
<label class="cursor-pointer flex items-center mb-[10px]">
|
||||
<input type="radio" name="info[status]" value="0" class="radio checked:bg-blue-500"
|
||||
checked="checked" />
|
||||
<span class="label-text ml-[10px]">Ẩn hiển thị</span>
|
||||
</label>
|
||||
<label class="cursor-pointer flex items-center mb-[10px]">
|
||||
<input type="radio" name="info[status]" value="0" class="radio checked:bg-blue-500"
|
||||
checked="checked" />
|
||||
<span class="label-text ml-[10px]">Luôn hiển thị, chỉ ẩn khi hạ bằng tay</span>
|
||||
</label>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>
|
||||
Thời trang hiển thị
|
||||
</td>
|
||||
<td>
|
||||
<div class="items-center mb-[7px]" style="display: flex;">
|
||||
<p style="width: 65px;"> Bắt đầu </p>
|
||||
<div class="relative m-[0_20px_0_10px]">
|
||||
<i
|
||||
class="far fa-calendar text-[#7E7E7E] m-[0_5px_0_0] absolute left-[10px] leading-[35px]"></i>
|
||||
<input type="date" name="from_time_date" value="" placeholder="Từ ngày"
|
||||
class="w-[135px] h-[36px] p-[0_10px_0_30px] rounded-[4px] border border-[#D8D8D8] shadow-[0px_2px_4px_0px_rgba(0,0,0,0.10)]" />
|
||||
</div>
|
||||
<p class="mr-[10px]"> Giờ </p>
|
||||
<select name='info[from_time_minute]' id='from_time_minute'
|
||||
class="select select-bordered w-[100px] h-[38px] min-h-[38px] rounded-[4px]">
|
||||
<option value="00:00">00:00</option>
|
||||
<option value="00:30">00:30</option>
|
||||
<option value="01:00">01:00</option>
|
||||
<option value="01:30">01:30</option>
|
||||
<option value="02:00">02:00</option>
|
||||
<option value="02:30">02:30</option>
|
||||
<option value="03:00">03:00</option>
|
||||
<option value="03:30">03:30</option>
|
||||
<option value="04:00">04:00</option>
|
||||
<option value="04:30">04:30</option>
|
||||
<option value="05:00">05:00</option>
|
||||
<option value="05:30">05:30</option>
|
||||
<option value="06:00">06:00</option>
|
||||
<option value="06:30">06:30</option>
|
||||
<option value="07:00">07:00</option>
|
||||
<option value="07:30">07:30</option>
|
||||
<option value="08:00">08:00</option>
|
||||
<option value="08:30">08:30</option>
|
||||
<option value="09:00">09:00</option>
|
||||
<option value="09:30">09:30</option>
|
||||
<option value="10:00">10:00</option>
|
||||
<option value="10:30">10:30</option>
|
||||
<option value="11:00">11:00</option>
|
||||
<option value="11:30">11:30</option>
|
||||
<option value="12:00">12:00</option>
|
||||
<option value="12:30">12:30</option>
|
||||
<option value="13:00">13:00</option>
|
||||
<option value="13:30">13:30</option>
|
||||
<option value="14:00">14:00</option>
|
||||
<option value="14:30">14:30</option>
|
||||
<option value="15:00">15:00</option>
|
||||
<option value="15:30">15:30</option>
|
||||
<option value="16:00">16:00</option>
|
||||
<option value="16:30">16:30</option>
|
||||
<option value="17:00">17:00</option>
|
||||
<option value="17:30">17:30</option>
|
||||
<option value="18:00">18:00</option>
|
||||
<option value="18:30">18:30</option>
|
||||
<option value="19:00">19:00</option>
|
||||
<option value="19:30">19:30</option>
|
||||
<option value="20:00">20:00</option>
|
||||
<option value="20:30">20:30</option>
|
||||
<option value="21:00">21:00</option>
|
||||
<option value="21:30">21:30</option>
|
||||
<option value="22:00">22:00</option>
|
||||
<option value="22:30">22:30</option>
|
||||
<option value="23:00">23:00</option>
|
||||
<option value="23:30">23:30</option>
|
||||
</select>
|
||||
</div>
|
||||
|
||||
<div class="items-center mb-[7px]" style="display: flex;">
|
||||
<p style="width: 65px;"> Kết thúc </p>
|
||||
<div class="relative m-[0_20px_0_10px]">
|
||||
<i
|
||||
class="far fa-calendar text-[#7E7E7E] m-[0_5px_0_0] absolute left-[10px] leading-[35px]"></i>
|
||||
<input type="date" name="from_time_date" value="" placeholder="Từ ngày"
|
||||
class="w-[135px] h-[36px] p-[0_10px_0_30px] rounded-[4px] border border-[#D8D8D8] shadow-[0px_2px_4px_0px_rgba(0,0,0,0.10)]" />
|
||||
</div>
|
||||
<p class="mr-[10px]"> Giờ </p>
|
||||
<select name='info[from_time_minute]' id='from_time_minute'
|
||||
class="select select-bordered w-[100px] h-[38px] min-h-[38px] rounded-[4px]">
|
||||
<option value="00:00">00:00</option>
|
||||
<option value="00:30">00:30</option>
|
||||
<option value="01:00">01:00</option>
|
||||
<option value="01:30">01:30</option>
|
||||
<option value="02:00">02:00</option>
|
||||
<option value="02:30">02:30</option>
|
||||
<option value="03:00">03:00</option>
|
||||
<option value="03:30">03:30</option>
|
||||
<option value="04:00">04:00</option>
|
||||
<option value="04:30">04:30</option>
|
||||
<option value="05:00">05:00</option>
|
||||
<option value="05:30">05:30</option>
|
||||
<option value="06:00">06:00</option>
|
||||
<option value="06:30">06:30</option>
|
||||
<option value="07:00">07:00</option>
|
||||
<option value="07:30">07:30</option>
|
||||
<option value="08:00">08:00</option>
|
||||
<option value="08:30">08:30</option>
|
||||
<option value="09:00">09:00</option>
|
||||
<option value="09:30">09:30</option>
|
||||
<option value="10:00">10:00</option>
|
||||
<option value="10:30">10:30</option>
|
||||
<option value="11:00">11:00</option>
|
||||
<option value="11:30">11:30</option>
|
||||
<option value="12:00">12:00</option>
|
||||
<option value="12:30">12:30</option>
|
||||
<option value="13:00">13:00</option>
|
||||
<option value="13:30">13:30</option>
|
||||
<option value="14:00">14:00</option>
|
||||
<option value="14:30">14:30</option>
|
||||
<option value="15:00">15:00</option>
|
||||
<option value="15:30">15:30</option>
|
||||
<option value="16:00">16:00</option>
|
||||
<option value="16:30">16:30</option>
|
||||
<option value="17:00">17:00</option>
|
||||
<option value="17:30">17:30</option>
|
||||
<option value="18:00">18:00</option>
|
||||
<option value="18:30">18:30</option>
|
||||
<option value="19:00">19:00</option>
|
||||
<option value="19:30">19:30</option>
|
||||
<option value="20:00">20:00</option>
|
||||
<option value="20:30">20:30</option>
|
||||
<option value="21:00">21:00</option>
|
||||
<option value="21:30">21:30</option>
|
||||
<option value="22:00">22:00</option>
|
||||
<option value="22:30">22:30</option>
|
||||
<option value="23:00">23:00</option>
|
||||
<option value="23:30">23:30</option>
|
||||
</select>
|
||||
</div>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>
|
||||
Nhóm sản phẩm trong Set
|
||||
</td>
|
||||
<td>
|
||||
<table>
|
||||
<tr>
|
||||
<td>
|
||||
<b class="block mb-[10px] whitespace-nowrap">Nhóm sản phẩm</b>
|
||||
<div class="flex items-center">
|
||||
<a href="javascript:void(0)"
|
||||
class="w-[30px] h-[30px] rounded-[5px] leading-[28px] text-center border border-blue-600"
|
||||
onclick="ComboSet.moveCategory.call(this, 'up')">
|
||||
<i class="fa-solid fa-arrow-up text-blue-600"></i>
|
||||
</a>
|
||||
<a href="javascript:void(0)"
|
||||
class="ml-[7px] w-[30px] h-[30px] rounded-[5px] leading-[28px] text-center border border-blue-600"
|
||||
onclick="ComboSet.moveCategory.call(this, 'down')">
|
||||
<i class="fa-solid fa-arrow-down text-blue-600"></i>
|
||||
</a>
|
||||
<a href="javascript:void(0)"
|
||||
class="ml-[7px] w-[30px] h-[30px] flex items-center justify-center rounded-[5px] leading-[28px] text-center border border-gray-600"
|
||||
onclick="ComboSet.moveCategory.call(this, 'down')">
|
||||
<i class="icons icon-remove"></i>
|
||||
</a>
|
||||
</div>
|
||||
</td>
|
||||
<td>
|
||||
<p class="block mb-[5px]">Tên gọi</p>
|
||||
<input type="text" size="60" name="info[description]" id="description"
|
||||
value="" placeholder="Tên nhóm"
|
||||
class="w-[100%] border-[1px] border-[#D8D8D8] py-[6px] px-[10px] rounded-[4px] shadow-[0_2px_4px_0_rgba(0,0,0,0.12)]">
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td valign="top">
|
||||
<b class="block mb-[7px] whitespace-nowrap">Sản phẩm</b>
|
||||
<div class="flex items-center">
|
||||
<a href="javascript:void(0)"
|
||||
class="w-[30px] h-[30px] rounded-[5px] leading-[28px] text-center border border-blue-600"
|
||||
onclick="ComboSet.moveCategory.call(this, 'up')">
|
||||
<i class="fa-solid fa-arrow-up text-blue-600"></i>
|
||||
</a>
|
||||
<a href="javascript:void(0)"
|
||||
class="ml-[7px] w-[30px] h-[30px] rounded-[5px] leading-[28px] text-center border border-blue-600"
|
||||
onclick="ComboSet.moveCategory.call(this, 'down')">
|
||||
<i class="fa-solid fa-arrow-down text-blue-600"></i>
|
||||
</a>
|
||||
<a href="javascript:void(0)"
|
||||
class="ml-[7px] w-[30px] h-[30px] flex items-center justify-center rounded-[5px] leading-[28px] text-center border border-gray-600"
|
||||
onclick="ComboSet.moveCategory.call(this, 'down')">
|
||||
<i class="icons icon-remove"></i>
|
||||
</a>
|
||||
</div>
|
||||
</td>
|
||||
<td>
|
||||
<div class="flex items-center mb-[7px]">
|
||||
<p class="mr-[5px]">Tên gọi</p>
|
||||
<a href="javascript:void(0)" class="text-[#0041E8]"
|
||||
onclick="ComboSet.openProductListToSelect.call(this, '1')">[Chọn sản
|
||||
phẩm]</a>
|
||||
</div>
|
||||
<input type="text" size="60" name="info[description]" id="description"
|
||||
value="" placeholder="Tên nhóm"
|
||||
class="w-[100%] border-[1px] border-[#D8D8D8] py-[6px] px-[10px] rounded-[4px] shadow-[0_2px_4px_0_rgba(0,0,0,0.12)]">
|
||||
<p class="my-[10px]">Giá đang bán : 129.000</p>
|
||||
<div class="flex items-center">
|
||||
<p class="mr-[10px]">Cài giảm</p>
|
||||
<input type="text" size="60" name="product[1][1][discount]" value="0"
|
||||
class="w-[80px] mr-[10px] border-[1px] border-[#D8D8D8] py-[6px] px-[10px] rounded-[4px] shadow-[0_2px_4px_0_rgba(0,0,0,0.12)]">
|
||||
|
||||
<select name='product[1][1][discount_type]' id='from_time_minute'
|
||||
class="select select-bordered w-[100px] h-[35px] min-h-[35px] rounded-[4px] shadow-[0_2px_4px_0_rgba(0,0,0,0.12)]">
|
||||
<option value="">Đơn vị</option>
|
||||
<option value="percent" selected="">%</option>
|
||||
<option value="number">Số tiền</option>
|
||||
</select>
|
||||
</div>
|
||||
<div class="flex items-center mt-[15px]">
|
||||
<label class="items-center cursor-pointer mr-[15px]"
|
||||
style="display: inline-flex;">
|
||||
<input type="checkbox" name=""
|
||||
class="checkbox checkbox-success mr-[7px]">
|
||||
<span class="label-text">Hiển thị đầu tiên</span>
|
||||
</label>
|
||||
<label class="items-center cursor-pointer mr-[15px]"
|
||||
style="display: inline-flex;">
|
||||
<input type="checkbox" name=""
|
||||
class="checkbox checkbox-success mr-[7px]">
|
||||
<span class="label-text">Là miễn phí</span>
|
||||
</label>
|
||||
<label class="items-center cursor-pointer "
|
||||
style="display: inline-flex;">
|
||||
<input type="checkbox" name=""
|
||||
class="checkbox checkbox-success mr-[7px]">
|
||||
<span class="label-text">Khuyên mua</span>
|
||||
</label>
|
||||
</div>
|
||||
</td>
|
||||
</tr>
|
||||
</table>
|
||||
<a href="javascript:void(0)" class="block py-[15px] text-center text-blue-600"
|
||||
onclick="ComboSet.addProductRow.call(this, '1')">[+] Thêm
|
||||
nhóm sản phẩm</a>
|
||||
</td>
|
||||
</tr>
|
||||
</table>
|
||||
|
||||
<input type="hidden" name="create" value="yes" />
|
||||
<input name="commit" type="submit" value="Cập nhật"
|
||||
class="inline-block mt-[12px] cursor-pointer h-[32px] bg-[#0041E8] text-[#fff] rounded-[4px] font-[500] p-[0_11px]" />
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
@@ -1,308 +0,0 @@
|
||||
<div class="w-[100%] mb-[50px]">
|
||||
<div class="text-sm breadcrumbs ml-[10px]">
|
||||
<ul>
|
||||
<li><a href="/product/set">Combo set</a></li>
|
||||
<li class="text-[#0041E8]">Sản phẩm sử dụng Set</li>
|
||||
</ul>
|
||||
</div>
|
||||
<div class="w-[1140px] my-0 mx-auto">
|
||||
<div class="bg-white p-[10px] rounded-[10px] shadow-[0_1px_1px_0px_#0000001A] my-[15px]">
|
||||
<h1 class="text-[20px] font-[700]">Cập nhật combo set</h1>
|
||||
<p class="text-gray-500">Thẻ Nhớ CAEZ CAIM CAIS</p>
|
||||
</div>
|
||||
<div class="flex">
|
||||
<div class="left w-[270px] mr-[10px]">
|
||||
<div class="list-tab">
|
||||
<a href="/product/set_form"
|
||||
class="item block w-[100%] h-[36px] text-white bg-[#0041E8] rounded-[10px] text-[13px] leading-[35px] px-[20px]">Danh
|
||||
sách</a>
|
||||
</div>
|
||||
</div>
|
||||
<div class="right w-[860px]">
|
||||
<div class="bg-white p-[10px] rounded-[10px] shadow-[0_1px_1px_0px_#0000001A]">
|
||||
<div class="flex items-center justify-between">
|
||||
<h2 class="text-[20px] font-bold">Danh sách sản phẩm sử dụng set</h2>
|
||||
<a href="javascript:void(0)" onclick="openProductListToSelect()"
|
||||
class="group flex items-center border-[1px] border-blue-700 rounded-[4px] p-[5px_10px_5px_10px] hover:bg-blue-700 hover:text-white">
|
||||
<span
|
||||
class="w-[14.5px] h-[14px] border-[1px] rounded-[50%] border-blue-700 text-center leading-[11px] mr-[5px] text-blue-700 group-hover:text-white">+</span>
|
||||
<span class="text-blue-700 group-hover:text-white">Thêm set mới</span>
|
||||
</a>
|
||||
</div>
|
||||
|
||||
<div class="p-[10px] rounded-[10px] shadow-[0_1px_1px_0_#0000001A] border border-[#f6f6f6]">
|
||||
<form class="w-[100%]" id="">
|
||||
<div class="content w-[400px] flex items-center ">
|
||||
<input type="search"
|
||||
class="block h-[36px] rounded w-full px-[10px] border-[#ECECEC] border-[1px] rounded-[5px] focus-within:border-[#0041E8]"
|
||||
id="js-input-search" placeholder="Tìm kiếm">
|
||||
<input name="commit" type="submit" value="Cập nhật"
|
||||
class="inline-block ml-[12px] cursor-pointer h-[36px] bg-[#0041E8] text-[#fff] rounded-[4px] font-[500] p-[0_11px]" />
|
||||
</div>
|
||||
</form>
|
||||
</div>
|
||||
|
||||
<table class="mt-[20px]">
|
||||
<thead class="bg-[#f6f6f6]">
|
||||
<tr>
|
||||
<td class="w-[50px]">STT</td>
|
||||
<td>Ảnh</td>
|
||||
<td>Tên</td>
|
||||
<td>Lựa chọn</td>
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody>
|
||||
<tr valign="top">
|
||||
<td>1</td>
|
||||
<td>
|
||||
<img src="" class="w-[50px] h-[50px] block object-contain" alt="">
|
||||
</td>
|
||||
<td>
|
||||
<p>(#71342)</p>
|
||||
<a href="">CAMERA AI WIFI XOAY TRÁI/ XOAY PHẢI ISACHI SC-B1</a>
|
||||
<p>Mã kho: CAIS013</p>
|
||||
<p>Kho hàng: 8</p>
|
||||
<p>Giá bán : <b>749.000 vnd</b></p>
|
||||
</td>
|
||||
<td>
|
||||
<div class="flex items-center">
|
||||
<a href="" title="Xem tại web" target="_blank"
|
||||
class="w-[32px] h-[32px] border-[1px] border-[#0041E8] rounded-[4px] text-center leading-[30px] flex items-center justify-center mr-[5px]">
|
||||
<i class="icons icon-view"></i>
|
||||
</a>
|
||||
<a href="javascript:void(0)"
|
||||
class="whitespace-nowrap p-[5px_10px] border border-[#79b0e2] rounded-[4px] text-[14px] text-[#79b0e2] hover:bg-[#79b0e2] hover:text-[#fff]"
|
||||
onclick="deleteThis('9331')">Loại khỏi danh
|
||||
sách</a>
|
||||
</div>
|
||||
</td>
|
||||
</tr>
|
||||
<tr valign="top">
|
||||
<td>1</td>
|
||||
<td>
|
||||
<img src="" class="w-[50px] h-[50px] block object-contain" alt="">
|
||||
</td>
|
||||
<td>
|
||||
<p>(#71342)</p>
|
||||
<a href="">CAMERA AI WIFI XOAY TRÁI/ XOAY PHẢI ISACHI SC-B1</a>
|
||||
<p>Mã kho: CAIS013</p>
|
||||
<p>Kho hàng: 8</p>
|
||||
<p>Giá bán : <b>749.000 vnd</b></p>
|
||||
</td>
|
||||
<td>
|
||||
<div class="flex items-center">
|
||||
<a href="" title="Xem tại web" target="_blank"
|
||||
class="w-[32px] h-[32px] border-[1px] border-[#0041E8] rounded-[4px] text-center leading-[30px] flex items-center justify-center mr-[5px]">
|
||||
<i class="icons icon-view"></i>
|
||||
</a>
|
||||
<a href="javascript:void(0)"
|
||||
class="whitespace-nowrap p-[5px_10px] border border-[#79b0e2] rounded-[4px] text-[14px] text-[#79b0e2] hover:bg-[#79b0e2] hover:text-[#fff]"
|
||||
onclick="deleteThis('9331')">Loại khỏi danh
|
||||
sách</a>
|
||||
</div>
|
||||
</td>
|
||||
</tr>
|
||||
<tr valign="top">
|
||||
<td>1</td>
|
||||
<td>
|
||||
<img src="" class="w-[50px] h-[50px] block object-contain" alt="">
|
||||
</td>
|
||||
<td>
|
||||
<p>(#71342)</p>
|
||||
<a href="">CAMERA AI WIFI XOAY TRÁI/ XOAY PHẢI ISACHI SC-B1</a>
|
||||
<p>Mã kho: CAIS013</p>
|
||||
<p>Kho hàng: 8</p>
|
||||
<p>Giá bán : <b>749.000 vnd</b></p>
|
||||
</td>
|
||||
<td>
|
||||
<div class="flex items-center">
|
||||
<a href="" title="Xem tại web" target="_blank"
|
||||
class="w-[32px] h-[32px] border-[1px] border-[#0041E8] rounded-[4px] text-center leading-[30px] flex items-center justify-center mr-[5px]">
|
||||
<i class="icons icon-view"></i>
|
||||
</a>
|
||||
<a href="javascript:void(0)"
|
||||
class="whitespace-nowrap p-[5px_10px] border border-[#79b0e2] rounded-[4px] text-[14px] text-[#79b0e2] hover:bg-[#79b0e2] hover:text-[#fff]"
|
||||
onclick="deleteThis('9331')">Loại khỏi danh
|
||||
sách</a>
|
||||
</div>
|
||||
</td>
|
||||
</tr>
|
||||
<tr valign="top">
|
||||
<td>1</td>
|
||||
<td>
|
||||
<img src="" class="w-[50px] h-[50px] block object-contain" alt="">
|
||||
</td>
|
||||
<td>
|
||||
<p>(#71342)</p>
|
||||
<a href="">CAMERA AI WIFI XOAY TRÁI/ XOAY PHẢI ISACHI SC-B1</a>
|
||||
<p>Mã kho: CAIS013</p>
|
||||
<p>Kho hàng: 8</p>
|
||||
<p>Giá bán : <b>749.000 vnd</b></p>
|
||||
</td>
|
||||
<td>
|
||||
<div class="flex items-center">
|
||||
<a href="" title="Xem tại web" target="_blank"
|
||||
class="w-[32px] h-[32px] border-[1px] border-[#0041E8] rounded-[4px] text-center leading-[30px] flex items-center justify-center mr-[5px]">
|
||||
<i class="icons icon-view"></i>
|
||||
</a>
|
||||
<a href="javascript:void(0)"
|
||||
class="whitespace-nowrap p-[5px_10px] border border-[#79b0e2] rounded-[4px] text-[14px] text-[#79b0e2] hover:bg-[#79b0e2] hover:text-[#fff]"
|
||||
onclick="deleteThis('9331')">Loại khỏi danh
|
||||
sách</a>
|
||||
</div>
|
||||
</td>
|
||||
</tr>
|
||||
<tr valign="top">
|
||||
<td>1</td>
|
||||
<td>
|
||||
<img src="" class="w-[50px] h-[50px] block object-contain" alt="">
|
||||
</td>
|
||||
<td>
|
||||
<p>(#71342)</p>
|
||||
<a href="">CAMERA AI WIFI XOAY TRÁI/ XOAY PHẢI ISACHI SC-B1</a>
|
||||
<p>Mã kho: CAIS013</p>
|
||||
<p>Kho hàng: 8</p>
|
||||
<p>Giá bán : <b>749.000 vnd</b></p>
|
||||
</td>
|
||||
<td>
|
||||
<div class="flex items-center">
|
||||
<a href="" title="Xem tại web" target="_blank"
|
||||
class="w-[32px] h-[32px] border-[1px] border-[#0041E8] rounded-[4px] text-center leading-[30px] flex items-center justify-center mr-[5px]">
|
||||
<i class="icons icon-view"></i>
|
||||
</a>
|
||||
<a href="javascript:void(0)"
|
||||
class="whitespace-nowrap p-[5px_10px] border border-[#79b0e2] rounded-[4px] text-[14px] text-[#79b0e2] hover:bg-[#79b0e2] hover:text-[#fff]"
|
||||
onclick="deleteThis('9331')">Loại khỏi danh
|
||||
sách</a>
|
||||
</div>
|
||||
</td>
|
||||
</tr>
|
||||
<tr valign="top">
|
||||
<td>1</td>
|
||||
<td>
|
||||
<img src="" class="w-[50px] h-[50px] block object-contain" alt="">
|
||||
</td>
|
||||
<td>
|
||||
<p>(#71342)</p>
|
||||
<a href="">CAMERA AI WIFI XOAY TRÁI/ XOAY PHẢI ISACHI SC-B1</a>
|
||||
<p>Mã kho: CAIS013</p>
|
||||
<p>Kho hàng: 8</p>
|
||||
<p>Giá bán : <b>749.000 vnd</b></p>
|
||||
</td>
|
||||
<td>
|
||||
<div class="flex items-center">
|
||||
<a href="" title="Xem tại web" target="_blank"
|
||||
class="w-[32px] h-[32px] border-[1px] border-[#0041E8] rounded-[4px] text-center leading-[30px] flex items-center justify-center mr-[5px]">
|
||||
<i class="icons icon-view"></i>
|
||||
</a>
|
||||
<a href="javascript:void(0)"
|
||||
class="whitespace-nowrap p-[5px_10px] border border-[#79b0e2] rounded-[4px] text-[14px] text-[#79b0e2] hover:bg-[#79b0e2] hover:text-[#fff]"
|
||||
onclick="deleteThis('9331')">Loại khỏi danh
|
||||
sách</a>
|
||||
</div>
|
||||
</td>
|
||||
</tr>
|
||||
<tr valign="top">
|
||||
<td>1</td>
|
||||
<td>
|
||||
<img src="" class="w-[50px] h-[50px] block object-contain" alt="">
|
||||
</td>
|
||||
<td>
|
||||
<p>(#71342)</p>
|
||||
<a href="">CAMERA AI WIFI XOAY TRÁI/ XOAY PHẢI ISACHI SC-B1</a>
|
||||
<p>Mã kho: CAIS013</p>
|
||||
<p>Kho hàng: 8</p>
|
||||
<p>Giá bán : <b>749.000 vnd</b></p>
|
||||
</td>
|
||||
<td>
|
||||
<div class="flex items-center">
|
||||
<a href="" title="Xem tại web" target="_blank"
|
||||
class="w-[32px] h-[32px] border-[1px] border-[#0041E8] rounded-[4px] text-center leading-[30px] flex items-center justify-center mr-[5px]">
|
||||
<i class="icons icon-view"></i>
|
||||
</a>
|
||||
<a href="javascript:void(0)"
|
||||
class="whitespace-nowrap p-[5px_10px] border border-[#79b0e2] rounded-[4px] text-[14px] text-[#79b0e2] hover:bg-[#79b0e2] hover:text-[#fff]"
|
||||
onclick="deleteThis('9331')">Loại khỏi danh
|
||||
sách</a>
|
||||
</div>
|
||||
</td>
|
||||
</tr>
|
||||
<tr valign="top">
|
||||
<td>1</td>
|
||||
<td>
|
||||
<img src="" class="w-[50px] h-[50px] block object-contain" alt="">
|
||||
</td>
|
||||
<td>
|
||||
<p>(#71342)</p>
|
||||
<a href="">CAMERA AI WIFI XOAY TRÁI/ XOAY PHẢI ISACHI SC-B1</a>
|
||||
<p>Mã kho: CAIS013</p>
|
||||
<p>Kho hàng: 8</p>
|
||||
<p>Giá bán : <b>749.000 vnd</b></p>
|
||||
</td>
|
||||
<td>
|
||||
<div class="flex items-center">
|
||||
<a href="" title="Xem tại web" target="_blank"
|
||||
class="w-[32px] h-[32px] border-[1px] border-[#0041E8] rounded-[4px] text-center leading-[30px] flex items-center justify-center mr-[5px]">
|
||||
<i class="icons icon-view"></i>
|
||||
</a>
|
||||
<a href="javascript:void(0)"
|
||||
class="whitespace-nowrap p-[5px_10px] border border-[#79b0e2] rounded-[4px] text-[14px] text-[#79b0e2] hover:bg-[#79b0e2] hover:text-[#fff]"
|
||||
onclick="deleteThis('9331')">Loại khỏi danh
|
||||
sách</a>
|
||||
</div>
|
||||
</td>
|
||||
</tr>
|
||||
<tr valign="top">
|
||||
<td>1</td>
|
||||
<td>
|
||||
<img src="" class="w-[50px] h-[50px] block object-contain" alt="">
|
||||
</td>
|
||||
<td>
|
||||
<p>(#71342)</p>
|
||||
<a href="">CAMERA AI WIFI XOAY TRÁI/ XOAY PHẢI ISACHI SC-B1</a>
|
||||
<p>Mã kho: CAIS013</p>
|
||||
<p>Kho hàng: 8</p>
|
||||
<p>Giá bán : <b>749.000 vnd</b></p>
|
||||
</td>
|
||||
<td>
|
||||
<div class="flex items-center">
|
||||
<a href="" title="Xem tại web" target="_blank"
|
||||
class="w-[32px] h-[32px] border-[1px] border-[#0041E8] rounded-[4px] text-center leading-[30px] flex items-center justify-center mr-[5px]">
|
||||
<i class="icons icon-view"></i>
|
||||
</a>
|
||||
<a href="javascript:void(0)"
|
||||
class="whitespace-nowrap p-[5px_10px] border border-[#79b0e2] rounded-[4px] text-[14px] text-[#79b0e2] hover:bg-[#79b0e2] hover:text-[#fff]"
|
||||
onclick="deleteThis('9331')">Loại khỏi danh
|
||||
sách</a>
|
||||
</div>
|
||||
</td>
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
|
||||
<div class="paging">
|
||||
<a href="" class="">
|
||||
<i class="fas fa-chevron-left"></i>
|
||||
</a>
|
||||
<a href="" class="current">
|
||||
1
|
||||
</a>
|
||||
<a href="" class="">
|
||||
1
|
||||
</a>
|
||||
<a href="" class="">
|
||||
1
|
||||
</a>
|
||||
<a href="" class="">
|
||||
1
|
||||
</a>
|
||||
<a href="" class="">
|
||||
<i class="fas fa-chevron-right"></i>
|
||||
</a>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
@@ -1,49 +0,0 @@
|
||||
<div class="bg-white shadow p-3 rounded-sm">
|
||||
<h1 class="text-2xl font-bold mb-3">Nhóm thông số kỹ thuật</h1>
|
||||
|
||||
<div class="shadow p-3 rounded-sm border border-base-200">
|
||||
<div class="flex items-center gap-3">
|
||||
<input type="text" size="60" name="info[title]" placeholder="" class="input input-sm rounded-sm shadow">
|
||||
<a href="javascript:void(0)" class="btn btn-sm btn-active">Tìm
|
||||
kiếm</a>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="flex items-center justify-between mt-5">
|
||||
<p>
|
||||
<b>Hướng dẫn:</b>
|
||||
<span class="ml-1">Nhóm thông số kỹ thuật được ghép cho từng sản phẩm cụ thể</span>
|
||||
</p>
|
||||
<a href="/product/spec-group-add" class="btn btn-sm btn-outline btn-view flex items-center">
|
||||
<i data-lucide="circle-plus" class="size-4"></i>
|
||||
<span class="">Thêm nhóm mới</span>
|
||||
</a>
|
||||
</div>
|
||||
<div class="overflow-x-auto sm:whitespace-nowrap mt-5 border border-base-200 rounded-sm">
|
||||
<table class="table">
|
||||
<thead>
|
||||
<tr class="bg-base-200 font-bold text-black">
|
||||
<th>STT</th>
|
||||
<th>Tên gọi/miêu tả</th>
|
||||
<th>Cập nhật</th>
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody>
|
||||
<tr>
|
||||
<td class="w-2">1</td>
|
||||
<td>
|
||||
<a href="" class="name link-active">Camera</a>
|
||||
</td>
|
||||
<td class="w-12">
|
||||
<div class='list-btn flex items-center justify-center gap-3'>
|
||||
<a href="" class='btn btn-soft btn-xs btn-square btn-outline btn-view'><i
|
||||
data-lucide="pencil" class="size-3"></i></a>
|
||||
<a href="" class='btn btn-soft btn-xs btn-square btn-outline btn-error'><i
|
||||
data-lucide="trash-2" class="size-3"></i></a>
|
||||
</div>
|
||||
</td>
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
</div>
|
||||
</div>
|
||||
@@ -1,77 +0,0 @@
|
||||
<div class="w-full mb-[50px]">
|
||||
|
||||
<div class="text-sm breadcrumbs">
|
||||
<ul>
|
||||
<li><a href="/product/spec-group">Nhóm thông số kỹ thuật</a></li>
|
||||
<li><a href="/product/spec-group-info">Thông tin nhóm thông số kỹ thuật</a></li>
|
||||
<li class="text-active">Form thông số kỹ thuật</li>
|
||||
</ul>
|
||||
</div>
|
||||
|
||||
<div class="w-7xl mx-auto">
|
||||
<div class="bg-white p-3 rounded-sm shadow mt-5">
|
||||
<div>
|
||||
<h1 class="text-xl font-bold">Cập nhật thông số kỹ thuật</h1>
|
||||
<span class="text-gray-500">Thông tin chung</span>
|
||||
</div>
|
||||
</div>
|
||||
<div class="grid grid-cols-4 mt-5 gap-5">
|
||||
<div class="left">
|
||||
<div class="list-tab">
|
||||
<a href="javascript:void(0)"
|
||||
class="item block w-full text-white bg-[#0041E8] rounded-sm text-[13px] p-2">Nội
|
||||
dung</a>
|
||||
</div>
|
||||
</div>
|
||||
<div class="right col-span-3">
|
||||
<div class="bg-white p-3 rounded-sm shadow">
|
||||
|
||||
<div class="form-control mt-5">
|
||||
<label class="font-bold text-base">Header</label>
|
||||
<input type="text" size="60" name="info[title]" id="title" value="{{page.item_info.title}}"
|
||||
placeholder="Thông tin chung" class="w-full input rounded-sm shadow mt-3" />
|
||||
</div>
|
||||
|
||||
<div class="form-control mt-5">
|
||||
<label class="font-bold text-base">Tên thông số (*)</label>
|
||||
<input type="text" size="60" name="" placeholder="Hãng sản xuất"
|
||||
class="w-full input rounded-sm shadow mt-3" />
|
||||
</div>
|
||||
|
||||
<div class="form-control mt-5">
|
||||
<label class="font-bold text-base">Diễn dải</label>
|
||||
<textarea type="text" size="60" name="" placeholder="Diễn dải"
|
||||
class="w-full textarea rounded-sm shadow mt-3"></textarea>
|
||||
</div>
|
||||
|
||||
<div class="form-control mt-5 flex items-center gap-3">
|
||||
<label class="font-bold text-base">Thứ tự hiển thị</label>
|
||||
<input type="text" size="60" name="" placeholder="Thứ tự hiển thị"
|
||||
class="w-[30%] input rounded-sm shadow" />
|
||||
</div>
|
||||
|
||||
<div class="mt-5 flex items-center gap-5">
|
||||
<label class="font-bold text-base">Bắt buộc nhập cho sp</label>
|
||||
<div class="flex items-center gap-3">
|
||||
<label class="check-form cursor-pointer flex items-center gap-2">
|
||||
<input type="radio" class="radio radio-active radio-sm" name="info[scope]" value="0"
|
||||
checked="">
|
||||
<div for="" class="label-text text-[#6B7280]">Bắt buộc</div>
|
||||
</label>
|
||||
<label class="check-form cursor-pointer flex items-center gap-2">
|
||||
<input type="radio" class="radio radio-active radio-sm" name="info[scope]" value="1">
|
||||
<div for="" class="label-text text-[#6B7280]">Không bắt buộc</div>
|
||||
</label>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
<div class="bg-white p-3 shadow rounded-sm mt-5">
|
||||
<input class="btn btn-active" id="submit-collection-btn" name="commit" type="submit"
|
||||
value="Cập nhật" />
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
@@ -1,95 +0,0 @@
|
||||
<div class="w-[100%]">
|
||||
|
||||
<div class="text-sm breadcrumbs ml-[10px]">
|
||||
<ul>
|
||||
<li><a href="/product/spec-group">Nhóm thông số kỹ thuật</a></li>
|
||||
<li class="text-[#0041E8]">Thông tin nhóm thông số kỹ thuật</li>
|
||||
</ul>
|
||||
</div>
|
||||
|
||||
<div class="m-[15px] p-[10px] rounded-[15px] bg-white shadow-[0_1px_1px_0_rgba(0,0,0,0.1)] overflow-x-auto">
|
||||
<h1 class="text-[24px] font-[700] mb-3">Thông tin nhóm thông số kỹ thuật</h1>
|
||||
<div class="flex items-center justify-between">
|
||||
<div class="flex items-center">
|
||||
<b>Nhóm thông số</b>
|
||||
<p class="ml-[5px]">THIẾT BỊ TRỢ GIẢNG</p>
|
||||
</div>
|
||||
<a href="/product/spec-group-add"
|
||||
class="block border-[1px] border-[#0041E8] rounded-[4px] p-[5px_10px_5px_10px]">
|
||||
<span
|
||||
class="inline-block w-[14px] h-[14px] border-[1px] rounded-[50%] border-[#0041E8] text-center leading-[11px] text-[#0041E8] mb-[2px]">+</span>
|
||||
<span class="text-[#0041E8] font-[500]">Thêm nhóm mới</span>
|
||||
</a>
|
||||
</div>
|
||||
|
||||
<table class="spec-info mt-[20px]">
|
||||
<thead>
|
||||
<tr>
|
||||
<th>STT</th>
|
||||
<th>Header</th>
|
||||
<th>Thông tin</th>
|
||||
<th>Diễn dải</th>
|
||||
<th>Thứ tự hiển thị</th>
|
||||
<th>Bắt buộc nhập cho sp</th>
|
||||
<th>Cập nhật</th>
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody>
|
||||
<tr>
|
||||
<td>1</td>
|
||||
<td>Thông tin chung</td>
|
||||
<td>Đặc tính</td>
|
||||
<td>-</td>
|
||||
<td>99</td>
|
||||
<td>Có</td>
|
||||
<td class="w-[100px]">
|
||||
<div class='list-btn flex items-center justify-center'>
|
||||
<a href=""
|
||||
class='w-[30px] h-[30px] border-[1px] border-[#0041E8] rounded-[4px] text-center leading-[30px] flex items-center justify-center mr-[5px]'><i
|
||||
class='icons icon-edit'></i></a>
|
||||
<a href=""
|
||||
class='w-[30px] h-[30px] border-[1px] border-[#9E9E9E] rounded-[4px] text-center leading-[30px] flex items-center justify-center'><i
|
||||
class='icons icon-remove'></i></a>
|
||||
</div>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>1</td>
|
||||
<td>Thông tin chung</td>
|
||||
<td>Đặc tính</td>
|
||||
<td>-</td>
|
||||
<td>99</td>
|
||||
<td>Có</td>
|
||||
<td class="w-[100px]">
|
||||
<div class='list-btn flex items-center justify-center'>
|
||||
<a href=""
|
||||
class='w-[30px] h-[30px] border-[1px] border-[#0041E8] rounded-[4px] text-center leading-[30px] flex items-center justify-center mr-[5px]'><i
|
||||
class='icons icon-edit'></i></a>
|
||||
<a href=""
|
||||
class='w-[30px] h-[30px] border-[1px] border-[#9E9E9E] rounded-[4px] text-center leading-[30px] flex items-center justify-center'><i
|
||||
class='icons icon-remove'></i></a>
|
||||
</div>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>1</td>
|
||||
<td>Thông tin chung</td>
|
||||
<td>Đặc tính</td>
|
||||
<td>-</td>
|
||||
<td>99</td>
|
||||
<td>Có</td>
|
||||
<td class="w-[100px]">
|
||||
<div class='list-btn flex items-center justify-center'>
|
||||
<a href=""
|
||||
class='w-[30px] h-[30px] border-[1px] border-[#0041E8] rounded-[4px] text-center leading-[30px] flex items-center justify-center mr-[5px]'><i
|
||||
class='icons icon-edit'></i></a>
|
||||
<a href=""
|
||||
class='w-[30px] h-[30px] border-[1px] border-[#9E9E9E] rounded-[4px] text-center leading-[30px] flex items-center justify-center'><i
|
||||
class='icons icon-remove'></i></a>
|
||||
</div>
|
||||
</td>
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
</div>
|
||||
</div>
|
||||
Reference in New Issue
Block a user