# Main Carousel

<figure><img src="https://684475164-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FqscUgPkTIpsIESKMa0Of%2Fuploads%2FEjyQwWMWsVLxf1R9wVjd%2Fimage.png?alt=media&#x26;token=52d83dc2-611b-4325-bb68-735955915d3a" alt=""><figcaption></figcaption></figure>

{% hint style="info" %}
Recommended Banner Size: **1920x1200px**. Please notice that you will need to upload the correct size like our recommended size for this banner to show the perfect banners like our Demo theme.
{% endhint %}

In the Admin Panel -> Go to **Storefront** -› **Home Page Carousel**

<figure><img src="https://684475164-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FqscUgPkTIpsIESKMa0Of%2Fuploads%2FDq5g1QwzbfKsPoQcHJ3a%2Fimage.png?alt=media&#x26;token=b5b36cb6-9440-4bd9-afee-c4a06210452b" alt=""><figcaption></figcaption></figure>

Also, here is an article of BigCommerce for your reference: <https://support.bigcommerce.com/articles/Public/Using-the-Carousel-Builder/>

### **Setting Home Page Carousel**

Go to **Storefront** -> **My Themes** -> **Customize**. <mark style="color:red;">(If your store is a new store, you may need to go to</mark> <mark style="color:red;"></mark><mark style="color:red;">**Channel Manager -> Themes -> Edit Theme**</mark><mark style="color:red;">)</mark>

In the **Theme Editor** -> Go to **Home Page** / **Main Carousel**

<figure><img src="https://684475164-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FqscUgPkTIpsIESKMa0Of%2Fuploads%2FHDpX3AGV2f6UsKf2kpM3%2Fimage.png?alt=media&#x26;token=f561b196-abde-461f-8ef0-4c51b8f16bd7" alt=""><figcaption></figcaption></figure>

{% hint style="info" %}
When you are happy with your changes, don't forget click **Save** and **Publish** to repackage the edited theme.
{% endhint %}

{% hint style="info" %}
Images must be successfully upload to the **Image Manager**.
{% endhint %}