> For the complete documentation index, see [llms.txt](https://shoppad.gitbook.io/uploadery/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://shoppad.gitbook.io/uploadery/set-up-and-manage-upload-fields/featured-product-homepage/dawn.md).

# Dawn

Displaying upload fields on a homepage's featured product on the Dawn theme

<figure><img src="/files/SqAq1PDCm1xIWWNKznom" alt=""><figcaption></figcaption></figure>

**Follow the instructions below to use Uploadery with a product on the homepage.**

1\. Starting from your Shopify admin dashboard, click on Online Store to arrive at the Themes page.

2\. Find the theme you want to edit, click the "three dots," then click Edit code.

<figure><img src="/files/wUsTp2vNR04wfPMQYqFq" alt=""><figcaption></figcaption></figure>

3\. In the theme's files and under the Sections folder, navigate into the featured-product.liquid file.

4\. Search for this line of code:

```liquid
assign product = section.settings.product
```

<figure><img src="/files/xWaFuDMSdNCRagZKNmen" alt=""><figcaption></figcaption></figure>

5\. Underneath the block of code found, paste the following code snippet.

```html
<script type="text/javascript">
  window.productJSON = window.productJSON || {
    "handle": "{{ product.handle }}",
    "vendor": "{{ product.vendor }}",
    "tags": "{% if product.tags.size > 0 %}{{ product.tags | join: ", " }}{% else %}{% endif %}",
    "type": "{{ product.type }}",
    "product_type": "{{ product.product_type }}"
  };
</script>
```

<figure><img src="/files/AwShWW1mhRYXjODHam4J" alt=""><figcaption></figcaption></figure>

6\. Save your changes.

7\. In the Shopify Theme Customizer, add the Uploadery app block on the featured product.

<figure><img src="/files/BOtu3WNFn6DbFC8kkaRu" alt=""><figcaption></figcaption></figure>