# Best seller

Despite its name, the **Best Seller** section allows you to feature **multiple individual products**, not just one. Products are displayed in a **horizontal slider** with **intuitive navigation arrows**, making it easy for users to browse through. Each product automatically pulls the **first three images** from its gallery, and you can optionally **embed a video** for each product.

This section is excellent for showcasing featured or popular products with enhanced media support.

<figure><img src="https://content.gitbook.com/content/9icwdCUv3B94Yb9tmqHW/blobs/rqU5sOmNm631FLNwaSuF/image.png" alt=""><figcaption></figcaption></figure>

***

#### How to Configure the Best Seller

1. In Shopify admin, go to **Online Store → Themes**.
2. Click **Customize** next to the **Elemento** theme.
3. In the theme editor, navigate to the desired page template (e.g., Home page) using the top preview dropdown.
4. In the left sidebar, click **Add section**, then select **Best Seller**, or locate it if it’s already added.
5. Select the products you want to feature as best sellers.
6. You can **drag and drop** this section to reorder it on the page.
7. Click **Save**.

#### Section Settings

| **Setting**         | **Type**              | **Description**                                       |
| ------------------- | --------------------- | ----------------------------------------------------- |
| **Heading**         | Text                  | The section title displayed above the product slider. |
| **Color scheme**    | Color scheme selector | Defines the background and text color styling.        |
| **Section padding** | Grouped setting       | Controls spacing above and below the section.         |

**Section Padding**

| Device      | Setting        | Type  | Description                              |
| ----------- | -------------- | ----- | ---------------------------------------- |
| **Desktop** | Top padding    | Range | Space above the section on desktop view. |
| **Desktop** | Bottom padding | Range | Space below the section on desktop view. |
| **Mobile**  | Top padding    | Range | Space above the section on mobile view.  |
| **Mobile**  | Bottom padding | Range | Space below the section on mobile view.  |

***

#### Blocks

**Product**

You can add **multiple Product blocks** to this section.

| **Setting**                   | **Type**               | **Description**                                    |
| ----------------------------- | ---------------------- | -------------------------------------------------- |
| **Product**                   | Product selector       | Choose the product to display in the slider.       |
| **Video**                     | Group title            | Optional video for the selected product.           |
| **Show video**                | Checkbox               | Enable video display alongside the product images. |
| **Cover image**               | Image                  | Displayed as the preview before the video plays.   |
| **URL**                       | URL field              | Direct link to the externally hosted video.        |
| **Show Shopify-hosted video** | Checkbox               | Use a video hosted directly on Shopify.            |
| **A Shopify-hosted video**    | Shopify media selector | Upload or select a video file hosted on Shopify.   |
| **Video alt text**            | Text                   | Descriptive alt text for accessibility and SEO.    |