> For the complete documentation index, see [llms.txt](https://uxsmart.gitbook.io/velare/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://uxsmart.gitbook.io/velare/customize-your-pages/product-page/page-template-sections.md).

# Page template sections

A product page in Vélare is assembled from sections stacked one under another. Some of them exist only for this template and know how to read the current product, while others are the same global sections you use on the homepage. This page lists both groups so you know what you can add and where each one is documented.

Everything below is edited in the same place: **Online Store > Themes > Customize**, template selector, **Products > Default product**.

### Static sections <a href="#static-sections" id="static-sections"></a>

These are built for the product template. They pull the title, media, price, and variants of whichever product the customer is viewing, so they cannot be used on other templates.

| Section                                                                                                        | What it does on the page                                                                                                                                                                                     |
| -------------------------------------------------------------------------------------------------------------- | ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------ |
| [Product information](/velare/customize-your-pages/product-page/page-template-sections/product-information.md) | The buying block itself: media gallery on one side, and on the other the title, price, variant picker, buy buttons, and the optional blocks such as stock countdown, accordions, and complementary products. |
| [Related products](/velare/customize-your-pages/product-page/page-template-sections/related-products.md)       | A row of other products placed under the buying block, so a customer who is not convinced has somewhere to go instead of leaving.                                                                            |
| [Recently product](/velare/customize-your-pages/product-page/page-template-sections/recently-product.md)       | A row of the products this customer already opened, useful when shoppers compare a few items before deciding.                                                                                                |
| [App](/velare/customize-your-pages/product-page/page-template-sections/app.md)                                 | An empty slot you point at a Shopify app block, for example a review widget or a variant app.                                                                                                                |

{% content-ref url="/pages/8Pz4Nr1kaEUXBHFk47IL" %}
[Product information](/velare/customize-your-pages/product-page/page-template-sections/product-information.md)
{% endcontent-ref %}

{% content-ref url="/pages/VmssKvW10qiavqPml2zJ" %}
[Related products](/velare/customize-your-pages/product-page/page-template-sections/related-products.md)
{% endcontent-ref %}

### Suggested order <a href="#suggested-order" id="suggested-order"></a>

1. Set up [Product information](/velare/customize-your-pages/product-page/page-template-sections/product-information.md) first. Until the buying block is right, nothing added below it matters.
2. Add [App](/velare/customize-your-pages/product-page/page-template-sections/app.md) if you use a reviews app, so ratings appear close to the price.
3. Add [Related products](/velare/customize-your-pages/product-page/page-template-sections/related-products.md), then [Recently product](/velare/customize-your-pages/product-page/page-template-sections/recently-product.md), in that order. Recommendations chosen by you should come before a list the customer has already seen.

### Dynamic sections <a href="#dynamic-sections" id="dynamic-sections"></a>

On top of the static sections you can add any global section from the [Sections](https://app.gitbook.com/s/JPcCAMRfixyNMwC5LwQw/global-sections) library, exactly as you would on the homepage. Common choices on a product page are a rich text block explaining materials or care, an image with text for brand story, and an FAQ block that answers the questions that stop people buying.

<figure><img src="/files/7OJOGpXCfEC4veaoepg3" alt=""><figcaption></figcaption></figure>

### Impact outside the theme editor <a href="#impact-outside" id="impact-outside"></a>

Sections you add here apply to every product using the **Default product** template. If one product needs a different layout, duplicate the template in **Online Store > Themes > Customize** and assign it to that product from its page in the Shopify admin, instead of changing the default for the whole catalogue.

### Related pages <a href="#related-pages" id="related-pages"></a>

* [Product page](/velare/customize-your-pages/product-page.md): the overview of this template and what to prepare first
* [Collection page template sections](/velare/customize-your-pages/collection-page/page-template-sections.md): the equivalent list for collection pages
* [Short description](/velare/buy-and-install/create-required-metafields/metafields/short-description.md): the metafield read by the summary line in the buying block


---

# 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 dynamically by asking a question.

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

```
GET https://uxsmart.gitbook.io/velare/customize-your-pages/product-page/page-template-sections.md?ask=<question>&goal=<endgoal>
```

`ask` is the immediate question: it should be specific, self-contained, and written in natural language.
`goal` is optional and describes the broader end goal you are ultimately trying to accomplish on behalf of the user. GitBook uses it to tailor the answer towards what is most useful for that goal.

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.
