# Documents

In the master data of a product, we have implemented an additional configuration that allows you to display one or more documents as a download or embedded file.

## Create custom fields (optional)

We offer 3 pre-installed additional fields of the `media` type, allowing you to get started right away. Basically, you can create **as many files per product as you like**. To do this, you can simply create and assign more additional fields in the section. We have explained how to do this step by step here:

{% content-ref url="../../settings/custom-field-assignment/custom-fields-for-product-details" %}
[custom-fields-for-product-details](https://themedocs.zenit.design/en/settings/custom-field-assignment/custom-fields-for-product-details)
{% endcontent-ref %}

## Configuration

You can set the way documents are displayed in the theme configuration.

{% content-ref url="../../styling/product/documents" %}
[documents](https://themedocs.zenit.design/en/styling/product/documents)
{% endcontent-ref %}

## Set up

Using the **Custom fields (1)** in the product master data, you can upload up to three **Documents (1)** or use them from the media **(3)**.

{% hint style="info" %}
Useful file formats PDF, TXT, JPG, PNG or GIF. We recommend the use of PDF files.
{% endhint %}

![](https://2915610672-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F4i6VN0FeNAgRFLwVM2Cr%2Fuploads%2FKkuTuf4KKLeg7Nf0TiGw%2Fdocs-en-custom-fields-documents.webp?alt=media\&token=0a231b33-8709-4de9-a3d2-8127af44a17c)

Examples:

<div><figure><img src="https://2915610672-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F4i6VN0FeNAgRFLwVM2Cr%2Fuploads%2FyWLwBpQueX7QJW34ejhN%2Fdocs-storefront-product-documents-example-tab-table.webp?alt=media&#x26;token=c0ed3af9-d1ad-441b-856c-18c169a8e096" alt=""><figcaption></figcaption></figure> <figure><img src="https://2915610672-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F4i6VN0FeNAgRFLwVM2Cr%2Fuploads%2FgY10u9cnlPj9oRYJxrsv%2Fdocs-storefront-product-documents-example-tab-embed.webp?alt=media&#x26;token=958e4f14-d1c3-49c6-99f6-5a1214e710c6" alt=""><figcaption></figcaption></figure> <figure><img src="https://2915610672-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F4i6VN0FeNAgRFLwVM2Cr%2Fuploads%2FMxiWtDX8MsYwOaVwoIQQ%2Fdocs-storefront-product-documents-example-tab-buttons.webp?alt=media&#x26;token=8a88ad8a-82f3-40f0-b6ea-e81d705bbfac" alt=""><figcaption></figcaption></figure> <figure><img src="https://2915610672-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F4i6VN0FeNAgRFLwVM2Cr%2Fuploads%2FinVd8NS2ArvkodoOMCIx%2Fdocs-storefront-product-documents-example-description-list.webp?alt=media&#x26;token=8409a6f0-bf33-407e-b65c-7170188d9d9e" alt=""><figcaption></figcaption></figure> <figure><img src="https://2915610672-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F4i6VN0FeNAgRFLwVM2Cr%2Fuploads%2F6ykqHZQ6Yg7ltSXiPvXP%2Fdocs-storefront-product-documents-example-buybox-buttons.webp?alt=media&#x26;token=caa3aa7f-4fb5-4476-abd4-b102cde17983" alt=""><figcaption></figcaption></figure></div>

The visible **title (1)** in the download gallery as well as the **alt text (2)** can be managed in the media manager under "Content" > "Media".

<figure><img src="https://2915610672-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F4i6VN0FeNAgRFLwVM2Cr%2Fuploads%2FW0mKbSFZ1ab7ybsO95mt%2Fdocs-en-administration-media-meta-data.png?alt=media&#x26;token=03220a03-3694-4e77-baa3-53acaa0c0b2d" alt=""><figcaption></figcaption></figure>
