> ## Documentation Index
> Fetch the complete documentation index at: https://docs.optima.onl/llms.txt
> Use this file to discover all available pages before exploring further.

# Homepage Configuration

> Customize your store homepage layout

# Homepage Configuration

Configure your store homepage to create a professional brand image.

## Homepage Structure

Homepage consists of multiple **Sections**, arranged top to bottom:

```
┌─────────────────────────┐
│     Banner Carousel      │
├─────────────────────────┤
│    Collection List       │
├─────────────────────────┤
│  Collection Products     │
├─────────────────────────┤
│   Featured Items         │
└─────────────────────────┘
```

## Section Types

### Banner Carousel

Display promotions, new releases, and other important info.

```
Add a banner section
```

```
Add carousel to homepage top
```

### Collection List

Display multiple collection entries for easy browsing.

```
Add collection list section showing "New", "Hot", "Sale"
```

### Collection Products

Display products from a specific collection.

```
Display "New Arrivals" collection products on homepage
```

### Featured Items

Recommend specific products or collections.

```
Add featured section recommending "Bluetooth Headphones"
```

## Add Sections

### Add Banner

```
Add banner to homepage with image [upload image], linking to /collections/sale
```

### Add Collection Display

```
Add "Best Sellers" collection display to homepage
```

### Set Position

```
Move banner to top
```

```
Move "New Arrivals" section to second position
```

## Edit Sections

### Modify Banner

```
Update the first homepage banner image
```

### Modify Title

```
Change "Best Sellers" section title to "Popular Picks"
```

### Adjust Display Count

```
Show 8 products in "New Arrivals" section
```

## Delete Sections

```
Delete the "Featured" section from homepage
```

<Warning>
  Deletions cannot be undone. Please proceed carefully.
</Warning>

## Section Settings

### Banner Settings

| Setting     | Description               |
| ----------- | ------------------------- |
| Image       | Banner image              |
| Link        | Click destination URL     |
| Title       | Optional text title       |
| Description | Optional description text |

### Collection Section Settings

| Setting       | Description                |
| ------------- | -------------------------- |
| Collection    | Collection to display      |
| Display Count | Number of products to show |
| Title         | Section title              |

## Preview Homepage

```
Preview homepage
```

<Note>
  Preview changes before publishing to ensure everything looks right.
</Note>

## Publish Changes

```
Publish homepage changes
```

Customers will see the new homepage after publishing.

## Common Layouts

<AccordionGroup>
  <Accordion title="Promotional">
    Banner (promo info) → Sale Collection → Hot Products
  </Accordion>

  <Accordion title="Category Navigation">
    Banner → Category Collection List → Category Products
  </Accordion>

  <Accordion title="New Products First">
    Banner → New Arrivals → Best Sellers → Featured
  </Accordion>
</AccordionGroup>