123 lines
6.5 KiB
HTML
123 lines
6.5 KiB
HTML
|
<div class="global-breadcrumb-container">
|
||
|
|
<a href="/admin/banner"> Danh sách banner </a>
|
||
|
|
<a href="/admin/banner/location"> Vị trí banner </a>
|
||
|
|
<a href=""> Thêm / Sửa vị trí banner </a>
|
||
|
|
</div>
|
||
|
|
|
||
|
|
<div class="max-w-[1141px] m-auto">
|
||
|
|
<div class="flex flex-wrap items-start m-[0_0_16px_0]">
|
||
|
|
<div
|
||
|
|
class="w-[100%] p-[11px_16px] bg-white m-[0_0_16px] rounded-[10px] shadow-[0px_1px_1px_0px_rgba(0,0,0,0.10)] leading-[18px] flex flex-wrap items-center justify-between">
|
||
|
|
<p class="font-bold text-[20px]"> Cập nhật lại vị trí banner </p>
|
||
|
|
|
||
|
|
<a href="/admin/banner/location-add"
|
||
|
|
class="inline-flex items-center whitespace-nowrap border border-[#ECECEC] rounded-[4px] bg-[#fff] text-[#6B7280] leading-[35px] p-[0_12px] m-[0_10px_0_0] group hover:bg-[#0041E8] hover:text-[#fff]">
|
||
|
|
<span
|
||
|
|
class="border-[1px] border-[#6B7280] h-[13px] w-[13px] leading-[10.3px] text-center rounded-[50%] mr-1 group-hover:border-[#fff]">+</span>
|
||
|
|
<span>Thêm vị trí mới</span>
|
||
|
|
</a>
|
||
|
|
|
||
|
|
<p class="w-[100%] text-[#6B7280]">
|
||
|
|
banner_under_slider_mobile_webmau3
|
||
|
|
</p>
|
||
|
|
</div>
|
||
|
|
|
||
|
|
<div
|
||
|
|
class="w-[270px] m-[0_16px_0_0] bg-white rounded-[10px] shadow-[0px_1px_1px_0px_rgba(0,0,0,0.10)] font-[500] leading-[24px] overflow-hidden">
|
||
|
|
<a href="javascript:void(0)"
|
||
|
|
class="block p-[6px_16px] text-[#919699] hover:text-[#fff] hover:bg-[#0041E8] transition"
|
||
|
|
style="color: #Fff;background: #0041E8;"> Chỉnh sửa </a>
|
||
|
|
</div>
|
||
|
|
|
||
|
|
<form method="post" enctype="multipart/form-data"
|
||
|
|
class="order-page-table w-[852px] bg-white p-[16px] rounded-[15px] shadow-[0px_1px_1px_0px_rgba(0,0,0,0.10)] leading-[20px] block">
|
||
|
|
<p class="font-bold text-[20px] leading-[20px] mb-[17px]"> Thông tin cơ bản </p>
|
||
|
|
|
||
|
|
|
||
|
|
<div class="mb-[15px]">
|
||
|
|
<div class="mb-[6px] relative">
|
||
|
|
<b> Chọn template hiển thị </b>
|
||
|
|
|
||
|
|
<div class="inline-block relative group">
|
||
|
|
<i class="far fa-question-circle cursor-pointer ml-1 text-[#FFC700]"></i>
|
||
|
|
|
||
|
|
<p
|
||
|
|
class="hidden leading-[16px] text-[13px] absolute left-[-10px] bg-[rgba(0,0,0,0.60)] p-[6px_10px] rounded-[5px] text-white top-[100%] w-[280px] z-[1] group-hover:block">
|
||
|
|
Tùy một số template mà banner này sẽ được hiển thị. Đa số trường hợp bạn không cần quan tâm
|
||
|
|
tới thông tin này trừ các website cấu trúc phức tạp.
|
||
|
|
</p>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
|
||
|
|
<select class="select select-bordered h-[38px] min-h-[38px] rounded-[4px]">
|
||
|
|
<option value="">-- Chọn template --</option>
|
||
|
|
<option value='header' selected>header - Đầu trang</option>
|
||
|
|
<option value='homepage'>homepage - Trang chủ</option>
|
||
|
|
<option value='column_left'>column_left - Cột trái</option>
|
||
|
|
<option value='column_right'>column_right - Cột phải</option>
|
||
|
|
<option value='footer'>footer - Chân trang</option>
|
||
|
|
<option value='product_detail'>product_detail - Chi tiết sản phẩm</option>
|
||
|
|
<option value='product_list'>product_list - Danh sách & Danh mục sản phẩm</option>
|
||
|
|
<option value='collection_list'>collection_list - Bộ sưu tập</option>
|
||
|
|
<option value='article_home'>article_home - Trang chủ tin tức</option>
|
||
|
|
<option value='brand_detail'>brand_detail - Chi tiết thương hiệu</option>
|
||
|
|
<option value='deal_group'>deal_group - Nhóm deal</option>
|
||
|
|
</select>
|
||
|
|
|
||
|
|
</div>
|
||
|
|
|
||
|
|
|
||
|
|
<div class="mb-[15px]">
|
||
|
|
<div class="mb-[6px] relative">
|
||
|
|
<b> Mã vị trí (*) <i class="font-[300] text-[#6B7280]"> * chỉ gồm ký tự a-z0-9 và dấu _ </i> </b>
|
||
|
|
|
||
|
|
<div class="inline-block relative group">
|
||
|
|
<i class="far fa-question-circle cursor-pointer ml-1 text-[#FFC700]"></i>
|
||
|
|
|
||
|
|
<p
|
||
|
|
class="hidden leading-[16px] text-[13px] absolute left-[-10px] bg-[rgba(0,0,0,0.60)] p-[6px_10px] rounded-[5px] text-white top-[100%] w-[280px] z-[1] group-hover:block">
|
||
|
|
Mã vị trí cho phép gọi các banner theo mã ở bất kỳ mẫu giao diện web nào, v.d. trang_chu,
|
||
|
|
khuyen_mai_shop
|
||
|
|
</p>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
|
||
|
|
<input type="text" value=""
|
||
|
|
class="w-[100%] h-[32px] input input-md input-bordered h-[35px] rounded-[4px] shadow-[0px_2px_4px_0px_rgba(0,0,0,0.10)]">
|
||
|
|
</div>
|
||
|
|
|
||
|
|
|
||
|
|
<div class="mb-[15px]">
|
||
|
|
<div class="mb-[6px] relative">
|
||
|
|
<b> Đặt tên vị trí (*) </b>
|
||
|
|
|
||
|
|
<div class="inline-block relative group">
|
||
|
|
<i class="far fa-question-circle cursor-pointer ml-1 text-[#FFC700]"></i>
|
||
|
|
|
||
|
|
<p
|
||
|
|
class="hidden leading-[16px] text-[13px] absolute left-[-10px] bg-[rgba(0,0,0,0.60)] p-[6px_10px] rounded-[5px] text-white top-[100%] w-[280px] z-[1] group-hover:block">
|
||
|
|
Nếu bạn có nhiều banner và muốn thay đổi, theo dõi, bạn nên đặt tên cụ thể <br />v.d. Banner
|
||
|
|
quảng cáo khuyến mại 8/3/2012.
|
||
|
|
</p>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
|
||
|
|
<input type="text" value=""
|
||
|
|
class="w-[100%] h-[32px] input input-md input-bordered h-[35px] rounded-[4px] shadow-[0px_2px_4px_0px_rgba(0,0,0,0.10)]">
|
||
|
|
</div>
|
||
|
|
|
||
|
|
|
||
|
|
<div class="mb-[15px]">
|
||
|
|
<p class="font-bold mb-[6px]">Mô tả tóm tắt</p>
|
||
|
|
|
||
|
|
<textarea
|
||
|
|
class="w-[100%] min-h-[122px] max-h-[170px] textarea textarea-bordered rounded-[4px] shadow-[0px_2px_4px_0px_rgba(0,0,0,0.10)]"></textarea>
|
||
|
|
</div>
|
||
|
|
|
||
|
|
<hr class="border-[3px] border-[#FAFAFB] m-[16px_-16px]">
|
||
|
|
|
||
|
|
<input type="submit" value="Cập nhật"
|
||
|
|
class="inline-block cursor-pointer h-[32px] bg-[#0041E8] text-[#fff] rounded-[4px] font-[500] p-[0_11px]" />
|
||
|
|
</form>
|
||
|
|
</div>
|
||
|
|
</div>
|