# Homepage Layout

<mark style="color:purple;">**Spotlight**</mark> supports customizing **Homepage Layout** in your publication. You have **4 settings** to choose from:

1. **Big carousel**
2. **Small carousel**
3. **Big grid**
4. **Small grid**

## **Big carousel**

This setting will set all of the categories (tags) that you choose in form of sliders with **3 slides per view**.

### **To customize:**

* Go to **Settings > Design & branding** from the admin menu
* Click **Homepage** in the **Design** settings sidebar on the right
* Enter **tag slugs** in **Enter tag slugs for big carousel** menu item text input

<figure><img src="https://1307692751-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Fc9T47kcwkOR9G8UBf3s8%2Fuploads%2FwklB7uqwSC2LJJ5QSbu4%2F%D0%A1%D0%BD%D0%B8%D0%BC%D0%BE%D0%BA%20%D1%8D%D0%BA%D1%80%D0%B0%D0%BD%D0%B0%202023-06-15%20%D0%B2%2012.39.36.png?alt=media&#x26;token=535333f6-976d-4f2b-8578-9a40dbc5892b" alt=""><figcaption></figcaption></figure>

## **Small carousel**

This setting will set all of the categories (tags) that you choose in form of sliders with **4 slides per view**.

### **To customize:**

* Go to **Settings > Design & branding** from the admin menu
* Click **Homepage** in the **Design** settings sidebar on the right
* Enter **tag slugs** in **Enter tag slugs for small carousel** menu item text input

<figure><img src="https://1307692751-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Fc9T47kcwkOR9G8UBf3s8%2Fuploads%2Fi1EM24NXS8zRybYYkXGx%2F%D0%A1%D0%BD%D0%B8%D0%BC%D0%BE%D0%BA%20%D1%8D%D0%BA%D1%80%D0%B0%D0%BD%D0%B0%202023-06-15%20%D0%B2%2012.41.40.png?alt=media&#x26;token=52935be1-099e-4e21-b877-1ed84da294ca" alt=""><figcaption></figcaption></figure>

## **Big grid**

This setting will set all of the categories (tags) that you choose in form of grid with **4 post cards per row.** It will show 8 posts max, and if a category (tag) has more than 8 posts, **Load more button** will show up.&#x20;

### **To customize:**

* Go to **Settings > Design & branding** from the admin menu
* Click **Homepage** in the **Design** settings sidebar on the right
* Enter **tag slugs** in **Enter tag slugs for big grid** menu item text input

<figure><img src="https://1307692751-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Fc9T47kcwkOR9G8UBf3s8%2Fuploads%2FITpqDGPrRCoN0AODyecW%2F%D0%A1%D0%BD%D0%B8%D0%BC%D0%BE%D0%BA%20%D1%8D%D0%BA%D1%80%D0%B0%D0%BD%D0%B0%202023-06-15%20%D0%B2%2012.48.11.png?alt=media&#x26;token=e9ea87e2-9925-4320-9331-bd85d547fb85" alt=""><figcaption></figcaption></figure>

{% hint style="info" %}
To customize **Latest** posts section, enter **`latest`** inside rather **Enter tag slugs for big grid** or **Enter tag slugs for small grid** menu items text inputs, without entering any other tag slugs. Latest posts section will always be last on the homepage!
{% endhint %}

<figure><img src="https://1307692751-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Fc9T47kcwkOR9G8UBf3s8%2Fuploads%2F1Kj1KnAQHTFCm6ebhgW3%2F%D0%A1%D0%BD%D0%B8%D0%BC%D0%BE%D0%BA%20%D1%8D%D0%BA%D1%80%D0%B0%D0%BD%D0%B0%202023-06-15%20%D0%B2%2012.49.05.png?alt=media&#x26;token=1b75e1eb-8101-4223-b5a2-9af81ce2db38" alt=""><figcaption></figcaption></figure>

## **Small grid**

This setting will set all of the categories (tags) that you choose in form of grid with 2 **post cards per row.** It will show 8 posts max, and if a category (tag) has more than 8 posts, **Load more button** will show up.&#x20;

### **To customize:**

* Go to **Settings > Design & branding** from the admin menu
* Click **Homepage** in the **Design** settings sidebar on the right
* Enter **tag slugs** in **Enter tag slugs for small grid** menu item text input

<figure><img src="https://1307692751-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Fc9T47kcwkOR9G8UBf3s8%2Fuploads%2FzFpOtREJgPFTBn8lLdNt%2F%D0%A1%D0%BD%D0%B8%D0%BC%D0%BE%D0%BA%20%D1%8D%D0%BA%D1%80%D0%B0%D0%BD%D0%B0%202023-06-15%20%D0%B2%2012.51.05.png?alt=media&#x26;token=787cf9ae-a2bf-482a-bdbf-d6e9f36b694d" alt=""><figcaption></figcaption></figure>

{% hint style="info" %}
To customize **Latest** posts section, enter **`latest`** inside rather **Enter tag slugs for big grid** or **Enter tag slugs for small grid** menu items text inputs, without entering any other tag slugs. Latest posts section will always be last on the homepage!
{% endhint %}

<figure><img src="https://1307692751-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Fc9T47kcwkOR9G8UBf3s8%2Fuploads%2FAT6sQow8KdjmbTrJtCz2%2F%D0%A1%D0%BD%D0%B8%D0%BC%D0%BE%D0%BA%20%D1%8D%D0%BA%D1%80%D0%B0%D0%BD%D0%B0%202023-06-15%20%D0%B2%2012.51.20.png?alt=media&#x26;token=d4b5c96a-b4d1-46d8-8d69-9d0f8b17a65d" alt=""><figcaption></figcaption></figure>
