> For the complete documentation index, see [llms.txt](https://staylime.com/docs/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://staylime.com/docs/avante-themes/templates/overview.md).

# Overview

Templates define the layout of each page type in your store. Create multiple templates to give different products or pages a completely different structure.

Templates are the foundation of how every page in your store looks and behaves. Each template is a collection of sections and blocks — configured independently in the Theme Editor. One template can look completely different from another: different sections, different content order, different blocks.

{% hint style="warning" %}
**The key rule:** changes to a template apply to all pages assigned to that template. To give one product or page a different layout, create a separate template and assign it there.
{% endhint %}

{% hint style="success" icon="sparkles" %}
For comprehensive information on Shopify's templates, please refer to [this article](https://help.shopify.com/en/manual/online-store/themes/theme-structure/templates).
{% endhint %}

***

### Available templates in Avante themes

<table data-search="false"><thead><tr><th>Template</th><th>Used for</th></tr></thead><tbody><tr><td><a href="/docs/avante-themes/templates/default-product.md"><strong>Default product</strong></a></td><td>All products by default</td></tr><tr><td><strong>Pre-order</strong></td><td>Products available for pre-order</td></tr><tr><td><a href="/docs/avante-themes/templates/default-collection.md"><strong>Default collection</strong></a></td><td>All collection pages</td></tr><tr><td><strong>Collections list</strong></td><td>The <code>/collections</code> page</td></tr><tr><td><strong>Default blog</strong></td><td>Blog listing page</td></tr><tr><td><strong>Default blog post</strong></td><td>Individual blog articles</td></tr><tr><td><strong>Cart</strong></td><td>The <code>/cart</code> page</td></tr><tr><td><a href="/docs/avante-themes/templates/search-template.md"><strong>Search</strong></a></td><td>The <code>/search</code> page</td></tr><tr><td><strong>Page</strong></td><td>Standard pages (About, Contact, FAQ, etc.)</td></tr><tr><td><strong>Password</strong></td><td>Store password page</td></tr><tr><td><strong>404</strong></td><td>Page not found</td></tr><tr><td><strong>Gift card</strong></td><td>Gift card confirmation page</td></tr><tr><td><strong>Quick view</strong></td><td>Product quick view popup</td></tr></tbody></table>

***

### How to create a new template

{% stepper %}
{% step %}
In the Theme Editor, use the page selector at the top to open **Products → Create template**

<figure><img src="https://795663372-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F6DraMvJNYYlFJqlho1aV%2Fuploads%2F3jMmWYnXG6OTREzAFD1H%2FGroup%2017%20(30).jpg?alt=media&amp;token=2a378f98-23db-4ba0-8ff7-125dbc204898" alt=""><figcaption></figcaption></figure>
{% endstep %}

{% step %}
Enter a name for the new template

<figure><img src="https://795663372-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F6DraMvJNYYlFJqlho1aV%2Fuploads%2F64aQhu4mSvKxhnNwgQy6%2FGroup%2017%20(31).jpg?alt=media&amp;token=02d33c93-0644-4916-b3f3-1c854e809f1a" alt=""><figcaption></figcaption></figure>
{% endstep %}

{% step %}
Select an existing template to base it on, then click **Create template**

The new template is a copy — customize it freely without affecting the original.
{% endstep %}
{% endstepper %}

{% hint style="warning" icon="triangle-exclamation" %}
Changes to a template apply to **all pages assigned to that template**.
{% endhint %}

***

### How to assign a template to a page or product

**For products:** Go to **Shopify Admin → Products** → open a product → find **Theme template** on the right → select a template → Save.

<figure><img src="https://795663372-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F6DraMvJNYYlFJqlho1aV%2Fuploads%2F8q9AcdUH4QFRuM2pAZkE%2FGroup%2017%20(27).jpg?alt=media&amp;token=c6bea474-c733-4e82-a4a4-0086ba0af8d5" alt=""><figcaption></figcaption></figure>

**For pages:** Go to **Shopify Admin → Online Store → Pages** → open a page → find **Theme template** on the right → select a template → Save.

<figure><img src="https://795663372-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F6DraMvJNYYlFJqlho1aV%2Fuploads%2FSlp14KV5t0MDCH7g8FVX%2FGroup%2017%20(28).jpg?alt=media&amp;token=ff4c682d-4fb9-4459-a73b-5d918ac49994" alt=""><figcaption></figcaption></figure>

{% hint style="warning" icon="triangle-exclamation" %}
A template only appears in the dropdown if it exists in your **currently published live theme**. Templates created in a \[DEV] copy won't show here — create them in your live theme first.
{% endhint %}

{% hint style="success" icon="lightbulb" %}
Building a new page from scratch — template, layout, and menu? See the [**full walkthrough →**](/docs/avante-themes/faq/pages-and-templates/how-do-i-create-a-new-page-with-a-custom-template.md)
{% endhint %}

***

### Rename or delete a template

Renaming and deleting templates requires the code editor.

**To rename:**

1. Go to **Shopify Admin → Online Store → Themes** → click **...** → **Edit code**
2. Open the `templates` folder → click the template name → **Rename file**
3. Enter a new name → **Rename file**

**To delete:**

1. Go to **Shopify Admin → Online Store → Themes** → click **...** → **Edit code**
2. Open the `templates` folder → click the template name → **Delete file**

<figure><img src="https://795663372-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F6DraMvJNYYlFJqlho1aV%2Fuploads%2FxoRjvcUWyoGWnLavLPta%2FGroup%2017%20(33).jpg?alt=media&amp;token=004ff1d6-6fb3-4194-aaf2-d218864cb1bd" alt=""><figcaption></figcaption></figure>

{% hint style="success" icon="sparkles" %}
Any products assigned to a deleted template automatically revert to the default template.
{% endhint %}


---

# Agent Instructions
This documentation is published with GitBook. GitBook is the documentation platform designed so that both humans and AI agents can read, navigate, and reason over technical content effectively. Learn more at gitbook.com.

## Querying This Documentation
If you need additional information that is not directly available in this page, you can query the documentation by asking a question.

Perform an HTTP GET request on the following URL with the `ask` and `goal` query parameters:

```
GET https://staylime.com/docs/avante-themes/templates/overview.md?ask=<question>&goal=<user_goal>
```

`ask` is the immediate question: it should be specific, self-contained, and written in natural language.
`goal` is what the user is ultimately trying to achieve, the reason they need the answer. Sharing it helps GitBook give you a better, more relevant answer. A goal is most helpful when it describes the outcome the user wants rather than restating the question. For example, with `ask=how do I create an API token`, a goal like `automate deployments from our CI pipeline` lets GitBook tailor the answer to that use case.

The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.

Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.