Ẩn các element trên Webshop
Cách để ẩn những mục không cần thiết trên Web bán hàng
Bước 1: Lấy tên đối tượng cần Ẩn thông qua trình duyệt Chorme
Chuột phải vào website và chọn inspect

Chọn vào mục sau:

Sau đó đưa con trỏ vào phần tử mình muốn ẩn và Click chuột vào
Phần inspect sẽ được đưa đến html của phần tử đó
Copy 1 class có tên thể hiện được chức năng của element đúng nhất của phần tử và cài đặt như sau:
Trường hợp 1 chỉ một class muốn ẩn:
.{tên class} {
display: none;
}
Ví dụ: Trỏ vào phẩn tử logo cửa hàng -> Phần inspect sẽ được đưa đến html tuy nhiên dòng đó không có trường class -> nên sẽ lấy phần tử html của dòng bên trên là : header-with-search__logo-section

Bước 2: Xử lý trên webadmin
Thêm CSS để ẩn các phần liên quan
Quản trị viên vào trang quản trị, Chọn Module Cửa hàng -> menu Website -> Cài đặt mã nhúng

Tại phần Mã CSS nhập class có tên thể hiện được chức năng của element đúng nhất của phần tử như hướng dẫn sau:
.{tên class} {
display: none;
}
" .header-with-search__logo-section {display: none;} " như ảnh sau đó chọn Lưu để cập nhật thông tin

Quản trị viên kiểm tra trên trang Web shop của cửa hàng đã được ẩn Logo.

Trường hợp 2 với nhiều class cùng muốn ẩn:
.{tên class1}, .{tên class2} {
display: none;
}
Ví dụ: Trỏ vào phẩn tử App Store và Google Play trên Web shop -> Phần inspect sẽ được đưa đến html "QCp2hs" của App Store và "QCp2hs" của Google Play


Bước 2: Xử lý trên webadmin
Thêm CSS để ẩn các phần liên quan
Quản trị viên vào trang quản trị, Chọn Module Cửa hàng -> menu Website -> Cài đặt mã nhúng
Tại phần Mã CSS nhập class có tên thể hiện được chức năng của element đúng nhất của phần tử như hướng dẫn sau: " .QCp2hs, .QCp2hs {display: none;} " như ảnh sau đó chọn Lưu để cập nhật thông tin

Quản trị viên kiểm tra trên trang Web shop của cửa hàng đã được ẩn.

Last updated
Was this helpful?