# Before You Leave Function

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

Go to **Storefront** -> **My Themes** -> **Customize**.

In the **Theme Editor** -> Go to **Other Settings** -> **Before You Leave**

<figure><img src="https://3763408133-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FUAiUiFJqLxmK0ltRywVy%2Fuploads%2FyZO4LqvX7fTHwHga8zgQ%2Fbefore_you_leave_edit.png?alt=media&#x26;token=49381a64-49f4-4e2a-ae8d-2d1f27aa4d70" 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 %}

**How do I get Product ID of a product?**

\- Please follow this instruction image:

<figure><img src="https://3763408133-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FUAiUiFJqLxmK0ltRywVy%2Fuploads%2Ff2B7ZEZPAzl6hV6ACZVg%2Fsetting_up_product_id.jpg?alt=media&#x26;token=b00aa897-806d-4fd7-956c-c80655d91587" alt=""><figcaption></figcaption></figure>
