u
This commit is contained in:
123
template/product/form_components/accessory.html
Normal file
123
template/product/form_components/accessory.html
Normal file
@@ -0,0 +1,123 @@
|
||||
<!-- 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>
|
||||
0
template/product/form_components/addon.html
Normal file
0
template/product/form_components/addon.html
Normal file
304
template/product/form_components/basic.html
Normal file
304
template/product/form_components/basic.html
Normal file
@@ -0,0 +1,304 @@
|
||||
<!-- 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>
|
||||
43
template/product/form_components/category.html
Normal file
43
template/product/form_components/category.html
Normal file
@@ -0,0 +1,43 @@
|
||||
<!-- 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>
|
||||
0
template/product/form_components/combo_set.html
Normal file
0
template/product/form_components/combo_set.html
Normal file
0
template/product/form_components/compatible.html
Normal file
0
template/product/form_components/compatible.html
Normal file
0
template/product/form_components/component.html
Normal file
0
template/product/form_components/component.html
Normal file
0
template/product/form_components/configurable.html
Normal file
0
template/product/form_components/configurable.html
Normal file
27
template/product/form_components/description.html
Normal file
27
template/product/form_components/description.html
Normal file
@@ -0,0 +1,27 @@
|
||||
<!-- 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>
|
||||
187
template/product/form_components/image.html
Normal file
187
template/product/form_components/image.html
Normal file
@@ -0,0 +1,187 @@
|
||||
<!-- 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>
|
||||
0
template/product/form_components/instruction.html
Normal file
0
template/product/form_components/instruction.html
Normal file
0
template/product/form_components/price.html
Normal file
0
template/product/form_components/price.html
Normal file
12
template/product/form_components/relation.html
Normal file
12
template/product/form_components/relation.html
Normal file
@@ -0,0 +1,12 @@
|
||||
<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>
|
||||
76
template/product/form_components/seo.html
Normal file
76
template/product/form_components/seo.html
Normal file
@@ -0,0 +1,76 @@
|
||||
<!-- 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>
|
||||
0
template/product/form_components/similar.html
Normal file
0
template/product/form_components/similar.html
Normal file
0
template/product/form_components/spec.html
Normal file
0
template/product/form_components/spec.html
Normal file
151
template/product/form_components/spec_group.html
Normal file
151
template/product/form_components/spec_group.html
Normal file
@@ -0,0 +1,151 @@
|
||||
<!-- 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>
|
||||
0
template/product/form_components/spec_multiple.html
Normal file
0
template/product/form_components/spec_multiple.html
Normal file
0
template/product/form_components/store.html
Normal file
0
template/product/form_components/store.html
Normal file
39
template/product/form_components/tag.html
Normal file
39
template/product/form_components/tag.html
Normal file
@@ -0,0 +1,39 @@
|
||||
<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>
|
||||
139
template/product/form_components/variant.html
Normal file
139
template/product/form_components/variant.html
Normal file
@@ -0,0 +1,139 @@
|
||||
<!-- 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>
|
||||
42
template/product/form_components/video.html
Normal file
42
template/product/form_components/video.html
Normal file
@@ -0,0 +1,42 @@
|
||||
<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>
|
||||
Reference in New Issue
Block a user