# Nhóm sản phẩm và banner

## 1. Thiết lập chung <a href="#id-1.-thiet-lap-chung" id="id-1.-thiet-lap-chung"></a>

Truy cập `Admin` > `Tùy chỉnh giao diện` > `Nhóm sản phẩm và banner - Trang chủ`

<figure><img src="https://3301199950-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FYoXbVuIafCJqnp790ki4%2Fuploads%2FnO9GyzXRWQkcXZBDBM3D%2Fimage.png?alt=media&#x26;token=c923abd9-563d-4f0a-b7ab-6955ab01d3a4" alt="" width="275"><figcaption></figcaption></figure>

<figure><img src="https://egany-docs.gitbook.io/ega-dien-may-haravan/~gitbook/image?url=https%3A%2F%2F1101625058-files.gitbook.io%2F%7E%2Ffiles%2Fv0%2Fb%2Fgitbook-x-prod.appspot.com%2Fo%2Fspaces%252FDEoQLiJkTTGEyit8HaLM%252Fuploads%252FbxYoiwElVymRbQWbR99i%252Fimage.png%3Falt%3Dmedia%26token%3D50b9fdae-44af-476d-94ea-c9839b9bd6d7&#x26;width=768&#x26;dpr=4&#x26;quality=100&#x26;sign=133a61ea&#x26;sv=2" alt=""><figcaption></figcaption></figure>

## 2. Thiết lập tab <a href="#id-2.-thiet-lap-tab" id="id-2.-thiet-lap-tab"></a>

Truy cập `Admin` > `Tùy chỉnh giao diện` > `Nhóm sản phẩm và banner - Trang chủ` > `Tab 1-3`

<figure><img src="https://3301199950-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FYoXbVuIafCJqnp790ki4%2Fuploads%2FidCs3Y29ntLcfTv18r6e%2Fimage.png?alt=media&#x26;token=c4913968-43cc-4379-9218-8ebade4d8a40" alt="" width="275"><figcaption></figcaption></figure>

## 3. Thiết lập khoảng cách <a href="#id-3.-thiet-lap-khoang-cach" id="id-3.-thiet-lap-khoang-cach"></a>

Truy cập `Admin` > `Tùy chỉnh giao diện` > `Nhóm sản phẩm và banner - Trang chủ` **>** `Thiết lập khoảng cách`

<figure><img src="https://3301199950-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FYoXbVuIafCJqnp790ki4%2Fuploads%2FOUG01G5kRzV4K071YSiD%2Fimage.png?alt=media&#x26;token=2248032c-0ee7-41e6-be53-64d1d15b2b7f" alt="" width="276"><figcaption></figcaption></figure>

Thiết lập này cho phép bạn thay đổi khoảng cách giữa module đang thiết lập với module ở trên và dưới nó

Nếu bạn nhập giá trị là số âm (ví dụ: -76px) thì module đang thiết lập sẽ nằm chồng lên module ở trên hoặc module ở dưới

## 4. Hiển thị module ra trang chủ <a href="#id-4.-hien-thi-module-ra-trang-chu" id="id-4.-hien-thi-module-ra-trang-chu"></a>

{% hint style="success" %}
Xem hướng dẫn chi tiết ở [Thiết lập Trang chủ](https://egany-docs.gitbook.io/ega-dien-may-sapo/thiet-lap-trang-chu/thiet-lap-vi-tri-hien-thi-cac-module)
{% endhint %}

Sau khi thực hiện theo hướng dẫn trên, bạn đã có thể thiết lập **Nhóm sản phẩm và banner - Trang chủ** cho giao diện. Trong quá trình thiết lập, nếu có thắc mắc vui lòng liên hệ <support@egany.com>.