admin_hura_8/template/system/form_setup/homepage.html

<div class="w-[852px]">
    <div class="p-[15px] mb-[15px] bg-white rounded-[15px] shadow-[0px_1px_1px_0px_#0000001A]">
        <b>Hướng dẫn:</b>
        <ul>
            <li>- ID danh mục: nhập danh sách các ID danh mục cách nhau dấu , hoặc khoảng trắng.
                Để percat nếu muốn hệ thống
                tự động lấy theo danh mục sản phẩm đang xem</li>
            <li>- Số lượng hiển thị : Nhập 0 nếu không muốn dùng nội dung, điền số > 0 để có
                số lượng cần lấy Để website chạy nhanh nhất, chỉ kích hoạt các nội dung mà giao diện hiển thị cần đến.
            </li>
        </ul>

        <table class="css-table mt-[15px]">
            <tr>
                <td class="w-[258px] align-text-top">
                    <b>Sản phẩm nổi bật (HOT)</b>
                </td>
                <td>
                    <div class="flex items-center mb-[10px]">
                        <b class="w-[130px]">ID danh mục</b>
                        <input type="text"
                            class="w-[calc(100%_-140px)] border-[1px] border-[#D8D8D8] py-[6px] px-[10px] rounded-[4px]">
                    </div>
                    <div class="flex items-center">
                        <b class="w-[130px]">Số lượng hiển thị</b>
                        <input type="text"
                            class="w-[calc(100%_-140px)] border-[1px] border-[#D8D8D8] py-[6px] px-[10px] rounded-[4px]">
                    </div>
                </td>
            </tr>
            <tr>
                <td class="w-[258px] align-text-top">
                    <b>Sản phẩm bán chạy nhất (BEST SALE)</b>
                </td>
                <td>
                    <div class="flex items-center mb-[10px]">
                        <b class="w-[130px]">ID danh mục</b>
                        <input type="text"
                            class="w-[calc(100%_-140px)] border-[1px] border-[#D8D8D8] py-[6px] px-[10px] rounded-[4px]">
                    </div>
                    <div class="flex items-center">
                        <b class="w-[130px]">Số lượng hiển thị</b>
                        <input type="text"
                            class="w-[calc(100%_-140px)] border-[1px] border-[#D8D8D8] py-[6px] px-[10px] rounded-[4px]">
                    </div>
                </td>
            </tr>
            <tr>
                <td class="w-[258px] align-text-top">
                    <b>Sản phẩm mới nhất (NEW)</b>
                </td>
                <td>
                    <div class="flex items-center mb-[10px]">
                        <b class="w-[130px]">ID danh mục</b>
                        <input type="text"
                            class="w-[calc(100%_-140px)] border-[1px] border-[#D8D8D8] py-[6px] px-[10px] rounded-[4px]">
                    </div>
                    <div class="flex items-center">
                        <b class="w-[130px]">Số lượng hiển thị</b>
                        <input type="text"
                            class="w-[calc(100%_-140px)] border-[1px] border-[#D8D8D8] py-[6px] px-[10px] rounded-[4px]">
                    </div>
                </td>
            </tr>
            <tr>
                <td class="w-[258px] align-text-top">
                    <b>Sản phẩm xả hàng (SALE OFF)</b>
                </td>
                <td>
                    <div class="flex items-center mb-[10px]">
                        <b class="w-[130px]">ID danh mục</b>
                        <input type="text"
                            class="w-[calc(100%_-140px)] border-[1px] border-[#D8D8D8] py-[6px] px-[10px] rounded-[4px]">
                    </div>
                    <div class="flex items-center">
                        <b class="w-[130px]">Số lượng hiển thị</b>
                        <input type="text"
                            class="w-[calc(100%_-140px)] border-[1px] border-[#D8D8D8] py-[6px] px-[10px] rounded-[4px]">
                    </div>
                </td>
            </tr>
            <tr>
                <td class="w-[258px] align-text-top">
                    <b>Tin tức</b>
                </td>
                <td>
                    <div class="flex items-center mb-[10px]">
                        <b class="w-[130px]">ID danh mục</b>
                        <input type="text"
                            class="w-[calc(100%_-140px)] border-[1px] border-[#D8D8D8] py-[6px] px-[10px] rounded-[4px]">
                    </div>
                    <div class="flex items-center">
                        <b class="w-[130px]">Số lượng hiển thị</b>
                        <input type="text"
                            class="w-[calc(100%_-140px)] border-[1px] border-[#D8D8D8] py-[6px] px-[10px] rounded-[4px]">
                    </div>
                </td>
            </tr>
            <tr>
                <td class="w-[258px] align-text-top">
                    <b>Bộ sưu tập sản phẩm</b>
                </td>
                <td>
                    <div class="flex items-center mb-[10px]">
                        <b class="w-[130px]">ID danh mục</b>
                        <input type="text"
                            class="w-[calc(100%_-140px)] border-[1px] border-[#D8D8D8] py-[6px] px-[10px] rounded-[4px]">
                    </div>
                    <div class="flex items-center">
                        <b class="w-[130px]">Số lượng hiển thị</b>
                        <input type="text"
                            class="w-[calc(100%_-140px)] border-[1px] border-[#D8D8D8] py-[6px] px-[10px] rounded-[4px]">
                    </div>
                </td>
            </tr>
        </table>

        <input type="submit" value="Cập nhật"
            class="inline-block mt-[20px] cursor-pointer h-[32px] bg-[#0041E8] text-[#fff] rounded-[4px] font-[500] p-[0_11px]" />
    </div>
</div>