# Product (Pre-order)

This is a product page with default template **`product.pre-order.json`**

<figure><img src="https://1569224743-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Fwp6wpeVynqvtz0WMVrUT%2Fuploads%2Fk4du9l5Qlz7SXEogc8Lr%2Fimage.png?alt=media&#x26;token=e2fe383e-d760-40ac-be69-6c0dbe87d060" alt=""><figcaption></figcaption></figure>

This template can be used to show customers, that product available for the Pre-order purchase.

<figure><img src="https://1569224743-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Fwp6wpeVynqvtz0WMVrUT%2Fuploads%2F8aE06rw7UuLraGpOSGbq%2Fimage.png?alt=media&#x26;token=a821834c-75de-4b91-a906-0df518d839fe" alt=""><figcaption></figcaption></figure>

**INFO**: The logic of purchasing a product does not change, the only difference is changing the text of the "Add to cart" button to "Pre-order". When customer purchase a product, than in the admin panel on the “Order status page” you can see an aditional property “Pre-order”:

<figure><img src="https://1569224743-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Fwp6wpeVynqvtz0WMVrUT%2Fuploads%2FQLXU2BzNYT3suPiDpfLJ%2Fimage%20(1).png?alt=media&#x26;token=506a34a2-e4d2-40fb-b8f4-7b5bd83eb154" alt=""><figcaption></figcaption></figure>

You can use section “[Product template](https://utd-bv.gitbook.io/manual-shopify-theme-ultra/product/product-template)” to configure appearance and additional settings of the page.

You can use a block “Countdown timer” to set some timer that indicate how long product will be available for the Pre-order or some thing like this.

<figure><img src="https://1569224743-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Fwp6wpeVynqvtz0WMVrUT%2Fuploads%2FpPFopg1VdRx4SgYZix3o%2Fimage.png?alt=media&#x26;token=9fab02ac-dcaa-4c70-a8c3-930579252790" alt=""><figcaption></figcaption></figure>