# Using templates

Your online store consists of different types of **pages**, including: the *home page*, *product pages*, *collection pages*, *blogs*, and other *pages*.

Pages are designed using **templates**. In the theme editor, you change the look and layout of your pages by editing their assigned templates.

* There are **default templates** for each type of page. *Editing a default template will apply the same layout to all pages that use that template*. 
* To **use different layouts for specific pages**, create new templates, then assign those templates to your pages in the Shopify admin.

## Design pages with templates

***

Open your theme editor to find default templates for every type of page.

* Add page content in Shopify admin
* Customize layout with sections and blocks
* Customize general page styles

<table data-view="cards"><thead><tr><th></th><th></th><th data-hidden data-type="content-ref"></th></tr></thead><tbody><tr><td><mark style="color:blue;"><strong>Edit templates to design pages</strong></mark></td><td>Use sections to create the layout of your page.</td><td><a href="/pages/3wq6hFMr3k1BDOHIgjqZ">/pages/3wq6hFMr3k1BDOHIgjqZ</a></td></tr><tr><td><mark style="color:blue;"><strong>Use different templates for pages</strong></mark></td><td>Create new templates for specific collections, products, or pages.</td><td><a href="/pages/97v9H5JzZKQHdefhuemn">/pages/97v9H5JzZKQHdefhuemn</a></td></tr><tr><td><mark style="color:blue;"><strong>Assign templates to pages</strong></mark></td><td>To make your changes live, assign the template to your pages in the Shopify admin.</td><td><a href="/pages/97v9H5JzZKQHdefhuemn">/pages/97v9H5JzZKQHdefhuemn</a></td></tr></tbody></table>

## Customize page styles

***

<table data-view="cards"><thead><tr><th></th><th data-hidden data-card-target data-type="content-ref"></th><th data-hidden data-card-cover data-type="files"></th></tr></thead><tbody><tr><td><strong>Color scheme</strong></td><td><a href="/pages/3wq6hFMr3k1BDOHIgjqZ#color-scheme">/pages/3wq6hFMr3k1BDOHIgjqZ#color-scheme</a></td><td><a href="/files/OZ4h4v0qfTnncw43MKk6">/files/OZ4h4v0qfTnncw43MKk6</a></td></tr><tr><td><strong>Content width</strong></td><td><a href="/pages/3wq6hFMr3k1BDOHIgjqZ#section-width">/pages/3wq6hFMr3k1BDOHIgjqZ#section-width</a></td><td><a href="/files/lMLsRWOpgxDLC0CvtnAt">/files/lMLsRWOpgxDLC0CvtnAt</a></td></tr><tr><td><strong>Content padding</strong></td><td><a href="/pages/3wq6hFMr3k1BDOHIgjqZ#section-padding">/pages/3wq6hFMr3k1BDOHIgjqZ#section-padding</a></td><td><a href="/files/3ddmAtuVNo9MtYTf38ov">/files/3ddmAtuVNo9MtYTf38ov</a></td></tr><tr><td><strong>Animation</strong></td><td></td><td></td></tr></tbody></table>

## Preview changes

***

When you open a template, the theme editor selects a page (e.g. one product or collection) to preview the changes made to that template.

* Click **Change** in the "PREVIEW" section to view a different page with that template.
* To view a full preview of the live site, click more **`…`** > **Preview**. The preview will open in a new window, and you can click **Share preview** to copy the preview link to share with others.

### Create unique page layouts

***

At first, every type of page uses a **default template**. For example, if you edit the **Default blog post template**, any changes you make will apply all blog post pages.

* To design different layouts for pages, **create and assign a new template** for those pages.
* To show unique page content in the same template, use **dynamic content** in sections.

<table data-card-size="large" data-view="cards"><thead><tr><th></th><th data-hidden data-card-target data-type="content-ref"></th></tr></thead><tbody><tr><td><strong>Create and assign new templates</strong></td><td><a href="/pages/97v9H5JzZKQHdefhuemn">/pages/97v9H5JzZKQHdefhuemn</a></td></tr><tr><td><strong>Add dynamic page content</strong></td><td><a href="/pages/D5LdKTduRuTo2dDLnqmZ">/pages/D5LdKTduRuTo2dDLnqmZ</a></td></tr></tbody></table>


---

# Agent Instructions: Querying This Documentation

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

Perform an HTTP GET request on the current page URL with the `ask` query parameter:

```
GET https://help.fluorescent.co/eclipse/pages/templates/using-templates.md?ask=<question>
```

The question should be specific, self-contained, and written in natural language.
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.