This commit is contained in:
2025-02-19 14:55:19 +07:00
parent 7857cc0422
commit 3a257c411e
25 changed files with 1208 additions and 1126 deletions

View File

@@ -1,18 +1,21 @@
<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">
<form method="post" enctype="multipart/form-data"
class="order-page-table w-[calc(100%_-25%_-16px)] bg-white p-[16px] rounded-[15px] shadow-[0px_1px_1px_0px_rgba(0,0,0,0.10)] leading-[20px] block">
<table>
<tr>
<td width="230"> Thay Ảnh nền </td>
<td>
<div>
<img src="https://via.placeholder.com/1920x900" class="block"/>
<img src="https://via.placeholder.com/1920x900" class="block" />
</div>
<input type="file" class="cursor-pointer m-[12px_0]" />
<i class="block text-[#E00000] font-[300]"> Bạn có thể thay nền website bằng hình ảnh. Với file ảnh, yêu cầu là .jpg, .gif, hoặc .png và dung lượng tối đa 300KB. </i>
<i class="block text-[#E00000] font-[300]"> Bạn có thể thay nền website bằng hình ảnh. Với file ảnh, yêu
cầu là .jpg, .gif, hoặc .png và dung lượng tối đa 300KB. </i>
</td>
</tr>
</table>
<input 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]"/>
<input 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]" />
</form>

View File

@@ -1,28 +1,30 @@
<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">
<form method="post" enctype="multipart/form-data"
class="order-page-table w-[calc(100%_-25%_-16px)] bg-white p-[16px] rounded-[15px] shadow-[0px_1px_1px_0px_rgba(0,0,0,0.10)] leading-[20px] block">
<table>
<tr>
<td width="215"> Thay Logo </td>
<td>
<div class="mb-[15px]">
<img src="https://via.placeholder.com/400x300" class="block max-h-[100px]"/>
<img src="https://via.placeholder.com/400x300" class="block max-h-[100px]" />
</div>
<input type="file" class="cursor-pointer" />
</td>
</tr>
<tr>
<td> Thay Ảnh header </td>
<td>
<div class="mb-[15px]">
<img src="https://via.placeholder.com/400x300" class="block max-h-[100px]"/>
<img src="https://via.placeholder.com/400x300" class="block max-h-[100px]" />
</div>
<input type="file" class="cursor-pointer" />
</td>
</tr>
</table>
<input 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]"/>
<input 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]" />
</form>

View File

@@ -1,5 +1,5 @@
<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">
class="order-page-table w-[calc(100%_-25%_-16px)] bg-white p-[16px] rounded-[15px] shadow-[0px_1px_1px_0px_rgba(0,0,0,0.10)] leading-[20px] block">
<i class="block text-[#E00000] leading-[20px] mb-[20px]">
<b>Cảnh báo:</b> Vì các cài đặt sau sẽ được sử dụng ở biến global. Nên hệ thống sẽ cho phép tạo tối đa 20 giá
trị và giới hạn số ký tự không quá 500 mỗi giá trị để đảm bảo website hoạt động tốt. Do vậy chỉ cài đặt các nội

View File

@@ -1,5 +1,5 @@
<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">
class="order-page-table w-[calc(100%_-25%_-16px)] bg-white p-[16px] rounded-[15px] shadow-[0px_1px_1px_0px_rgba(0,0,0,0.10)] leading-[20px] block">
<table>
<tr>
<td width="230"> Link nhảy đến </td>

View File

@@ -3,48 +3,61 @@
<a href=""> Form sửa phần header </a>
</div>
<div class="max-w-[1141px] flex flex-wrap items-start m-[0_auto_16px_auto]">
<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]">
<div class="max-w-[1141px] flex flex-wrap items-start m-[0_auto_16px_auto] p-[0_15px]">
<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]">
<p class="font-bold text-[20px] leading-[26px] mb-[10px]"> Tùy chỉnh thành phần giao diện </p>
<p class="w-[100%] text-[#6B7280]">
<b>Chú ý:</b> Chức năng này chỉ áp dụng với các giao diện đã được cài đặt cho phép thay đổi 1 số thành phần của giao diện. Biến template sử dụng $settings (global)
<b>Chú ý:</b> Chức năng này chỉ áp dụng với các giao diện đã được cài đặt cho phép thay đổi 1 số thành phần
của giao diện. Biến template sử dụng $settings (global)
</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="/admin/system/store-design?section=header" {% if global.url contains 'section=header' %} style="color: #Fff;background: #0041E8;"{% endif %} class="block p-[6px_16px] text-[#919699] hover:text-[#fff] hover:bg-[#0041E8] transition">
Phần header
</a>
<a href="/admin/system/store-design?section=popup" {% if global.url contains 'section=popup' %} style="color: #Fff;background: #0041E8;"{% endif %} class="block p-[6px_16px] text-[#919699] hover:text-[#fff] hover:bg-[#0041E8] transition">
Banner Pop-Up
</a>
<a href="/admin/system/store-design?section=background" {% if global.url contains 'section=background' %} style="color: #Fff;background: #0041E8;"{% endif %} class="block p-[6px_16px] text-[#919699] hover:text-[#fff] hover:bg-[#0041E8] transition">
Hình nền website
</a>
<a href="/admin/system/store-design?section=other" {% if global.url contains 'section=other' %} style="color: #Fff;background: #0041E8;"{% endif %} class="block p-[6px_16px] text-[#919699] hover:text-[#fff] hover:bg-[#0041E8] transition">
Thông tin khác
</a>
</div>
<div class="w-[25%] mr-[16px]">
<div
class="w-full bg-white rounded-[10px] shadow-[0px_1px_1px_0px_rgba(0,0,0,0.10)] font-[500] leading-[24px] overflow-hidden">
<a href="/admin/system/store-design?section=header" {% if global.url contains 'section=header' %}
style="color: #Fff;background: #0041E8;" {% endif %}
class="block p-[6px_16px] text-[#919699] hover:text-[#fff] hover:bg-[#0041E8] transition">
Phần header
</a>
<a href="/admin/system/store-design?section=popup" {% if global.url contains 'section=popup' %}
style="color: #Fff;background: #0041E8;" {% endif %}
class="block p-[6px_16px] text-[#919699] hover:text-[#fff] hover:bg-[#0041E8] transition">
Banner Pop-Up
</a>
<a href="/admin/system/store-design?section=background" {% if global.url contains 'section=background' %}
style="color: #Fff;background: #0041E8;" {% endif %}
class="block p-[6px_16px] text-[#919699] hover:text-[#fff] hover:bg-[#0041E8] transition">
Hình nền website
</a>
<a href="/admin/system/store-design?section=other" {% if global.url contains 'section=other' %}
style="color: #Fff;background: #0041E8;" {% endif %}
class="block p-[6px_16px] text-[#919699] hover:text-[#fff] hover:bg-[#0041E8] transition">
Thông tin khác
</a>
</div>
</div>
{% if global.url contains 'section=header' %}
{% include 'system/form_store_design/header' %}
{% elsif global.url contains 'section=popup' %}
{% include 'system/form_store_design/popup' %}
{% include 'system/form_store_design/header' %}
{% elsif global.url contains 'section=background' %}
{% include 'system/form_store_design/background' %}
{% elsif global.url contains 'section=popup' %}
{% elsif global.url contains 'section=other' %}
{% include 'system/form_store_design/other' %}
{% include 'system/form_store_design/popup' %}
{% endif %}
{% elsif global.url contains 'section=background' %}
{% include 'system/form_store_design/background' %}
{% elsif global.url contains 'section=other' %}
{% include 'system/form_store_design/other' %}
{% endif %}
</div>