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


---

# Agent Instructions
This documentation is published with GitBook. GitBook is the documentation platform designed so that both humans and AI agents can read, navigate, and reason over technical content effectively. Learn more at gitbook.com.

## Querying This Documentation
If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.

Perform an HTTP GET request on the current page URL with the `ask` query parameter, and the optional `goal` query parameter:

```
GET https://tailieu.abaha.vn/quan-ly-modules/cua-hang/cai-dat-ma-nhung-website/an-cac-element-tren-webshop.md?ask=<question>&goal=<endgoal>
```

`ask` is the immediate question: it should be specific, self-contained, and written in natural language.
`goal` is optional and describes the broader end goal you are ultimately trying to accomplish on behalf of the user. GitBook uses it to tailor the answer towards what is most useful for that goal.

The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.

Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.