> For the complete documentation index, see [llms.txt](https://tailieu.abaha.vn/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://tailieu.abaha.vn/quan-ly-modules/cua-hang/cai-dat-ma-nhung-website/an-cac-element-tren-webshop.md).

# Ẩ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

<figure><img src="/files/iB0vtIVqSSzWYpC0aj7x" alt=""><figcaption></figcaption></figure>

* Chọn vào mục sau:

<figure><img src="/files/8BVwLHTRsKmqJhDWdF1b" alt=""><figcaption></figcaption></figure>

* 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ử đó&#x20;
* 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

<figure><img src="/files/VYTkNCvWTo3NZ8kLCFJC" alt=""><figcaption></figcaption></figure>

**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

<figure><img src="/files/xnMUsIwUrSmEmGH5OjdC" alt=""><figcaption></figcaption></figure>

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:&#x20;

```
.{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

<figure><img src="/files/vcMeBXKmt9b3OvScrrnu" alt=""><figcaption></figcaption></figure>

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

<figure><img src="/files/k6Y1Oya4J8CbU0ldcVQR" alt=""><figcaption></figcaption></figure>

**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

<figure><img src="/files/w10YkT8QnYAPUUYDMJy1" alt=""><figcaption></figcaption></figure>

<figure><img src="/files/6dpjbZPvpwbqRXdZwCds" alt=""><figcaption></figcaption></figure>

**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

<figure><img src="/files/XTGqweiQcDiu5M4osJcc" alt=""><figcaption></figcaption></figure>

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

<figure><img src="/files/n7BU8pdB8nWZE6cenF6w" alt=""><figcaption></figcaption></figure>