# Product By Category ID 1-8

<figure><img src="https://2423552505-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FX4JkZvOCSAYjkvfpZuQ3%2Fuploads%2FsKpfTvbrRzKhiM1AWF23%2Fimage.png?alt=media&#x26;token=60156849-f94b-42a0-8a4e-4343fe68b80d" alt=""><figcaption></figcaption></figure>

{% hint style="info" %}
Recommended Banner Size: **290x420px**. 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 %}

**Setting Product Block 1**

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** / **Product by Category ID**

<figure><img src="https://2423552505-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FX4JkZvOCSAYjkvfpZuQ3%2Fuploads%2FIC78BwDDIgokq0EVQpHs%2Fimage.png?alt=media&#x26;token=46eb19b7-21f2-4365-afbd-986bae9c06e8" 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" %}
\* Notes: Input in Theme Editor limit 64 characters.
{% endhint %}

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