Hướng dẫn cơ bản quản trị mới

1. Quản lý web nâng cao:

- FB ID: Đây là Facebook App ID của khách hàng, chủ yếu liên quan đến quản trị comments trên FB

- FB Page, Twitter Page và Youtube Page: Là các trang mạng xã hội của khách hàng, nếu khai báo sẽ hiển thị góc dưới bên phải màn hình

- SSL: Nếu web có sử dụng SSL thì bật tính năng này.

2. Khai báo nút bấm:

Cho phép định nghĩa toàn bộ các nút bấm sử dụng trong hệ thống, các lưu ý chính:

Liên quan đến cấu hình chức năng nút bấm: Tin tức, Giới thiệu, Tin nội bộ

• strTincuhon='TIN CŨ HƠN' : Là tin đăng trước tin đang đọc trên màn hình
• strTinlienquan='TIN LIÊN QUAN': Là tin thuộc cùng nhóm danh mục với tin đang đọc trên màn hình
• Nếu cả 2 cùng khai báo, hệ thống ưu tiên lấy TIN LIÊN QUAN

Liên quan đến cấu hình chức năng nút bấm: Sản phẩm

• strSanphamcungdanhmuc='SẢN PHẨM CÙNG DANH MỤC': Giống tin liên quan
• strSanphamlienquan='Sản phẩm liên quan': Giống tin liên quan, nhưng ở cấp chi tiết, cụ thể nếu sản phẩm thuộc nhóm cấp 2 thì sẽ hiển thị sản phẩm cùng nhóm cấp 2.
• Nếu cả 2 cùng khai báo hệ thống lấy sản phẩm cùng danh mục

3. Các thẻ html

Hàm quy định thẻ html cho tin tức, sản phẩm...

function fcsplq() {
$('.body .nhomsanpham').addClass('col-12 col-md-6 col-lg-4 mb-3');
$('.body .nhomtintuc,.body .nhomgioithieu').addClass('col-md-6 mb-3');
}

$(document).ready(function() {
fcsplq();
});

- Quy định chiều cao, độ rộng nhóm... phải khai báo trong function fcsplq

- Tài liệu cơ bản của chiều rộng nút bấm

• col-lg-1 đến col-lg-12: Màn hình rộng trên 992px, máy tính desktop
• col-md-1 đến col-md-12: Màn hình rộng trên 768px, máy tính bảng
• col-sm-1 đến col-sm-12: Màn hình rộng trên 576px, máy tính bảng & điện thoại màn hình lớn
• col-xs-1 đến col-xs-12: Màn hình nhỏ hơn 575px, điện thoại

- Khách hàng yêu cầu như sau:

Tổng hợp code trên như sau:

function fcsplq() {

$('.trangchu .nhomtintuc').addClass('col-lg-6');

$('.trangchu .nhomsanpham').addClass('col-lg-4');

$('.body .nhomtintuc').addClass('col-lg-6');

$('.body .nhomsanpham').addClass('col-lg-4');

$('.trangchu .nhomtintuc').addClass('col-md-6');

$('.trangchu .nhomsanpham').addClass('col-md-6');

$('.body .nhomtintuc').addClass('col-md-6');

$('.body .nhomsanpham').addClass('col-md-6');

$('.trangchu .nhomtintuc').addClass('col-sm-12');

$('.trangchu .nhomsanpham').addClass('col-sm-6');

$('.body .nhomtintuc').addClass('col-sm-12');

$('.body .nhomsanpham').addClass('col-sm-6');

}

$(document).ready(function() {
fcsplq();
});

Cách viết ngắn lại cho đoạn code trên và đây cũng là đoạn code nên đưa vào web: (Đoạn trên cũng như đoạn này, đoạn này chỉ là viết ngắn gọn lại)

function fcsplq() {

$('.trangchu .nhomtintuc').addClass('col-lg-6 col-md-6 col-sm-12');

$('.trangchu .nhomsanpham').addClass('col-lg-4 col-md-6 col-sm-6);

$('.body .nhomtintuc').addClass('col-lg-6 col-md-6 c0l-sm-12');

$('.body .nhomsanpham').addClass('col-lg-4 col-md-6 col-sm-6');

}

$(document).ready(function() {
fcsplq();
});