# Nhóm collection

## 1. Thiết lập nhóm collection <a href="#id-1.-thiet-lap-nhom-collection" id="id-1.-thiet-lap-nhom-collection"></a>

Truy cập `Admin` > `Tùy chỉnh giao diện` > `Nhóm collection - Trang chủ` > `Nhóm collection`

<div data-with-frame="true"><figure><img src="https://2278432942-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F2ZSZOJkzuO23dDrLE69U%2Fuploads%2FQtR4u6Ria8c98DKyEOM6%2Fimage.png?alt=media&#x26;token=88e0576d-5c97-478f-8f49-e89b55bfe7ae" alt=""><figcaption></figcaption></figure></div>

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

Nhóm sản phẩm sẽ được hiển thị dưới dạng ảnh kèm link. Bạn có thể upload lại ảnh đại diện khác cho collection muốn hiển thị.

Truy cập `Admin` > `Tùy chỉnh giao diện` > `Nhóm collection - Trang chủ` > `Banner`

## 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 collection - Trang chủ` **>** `Thiết lập khoảng cách`

<figure><img src="https://content.gitbook.com/content/2ZSZOJkzuO23dDrLE69U/blobs/kober9dz7vaNR3uorllH/image.png" alt="" width="275"><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-chic-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 collection - Trang chủ** cho giao diện trên Sapo. Trong quá trình thiết lập, nếu có thắc mắc vui lòng liên hệ* [*support@egany.com*](mailto:support@egany.com)*.*
