# Detail Page

A detail page will create automatically one page for each item of a module. For example, if you have 4 offers in the unit data - *cf* [*https://app.gitbook.com/@galaxy-cms/s/project/\~/drafts/-Lx21OiSABSvFWA-B1rj/core-concepts/unit-data*](https://app.gitbook.com/@galaxy-cms/s/project/~/drafts/-Lx21OiSABSvFWA-B1rj/core-concepts/unit-data) *-* each of them will share the same detail page template but with it's own specific data.

```markup
<h1>{{item.name}}</h1>

<div>{{item.long_description</div>

#$loop|{{item.photos}}|{p}| $#
    <img src="{p.url_standard}" alt="{p.alt}">
#$/loop|{{item.photos}}|{a}| $#

{if=" '{{item.external_url}}' "}
    <div>
        <a href="{{item.external_url}}" target="_blank">__@@Visit Website@@__</a>
    </div>
{/if}
```

{% hint style="info" %}
{{item}} will use the context of the page. For exemple you have an offer called "First Offer" and an other one called "Second Offer", {{item.name}} will return the right name for the right offer.
{% endhint %}

#### /!\ Do not forget to tell the page is a collection in *Tester* setup

![](https://3028197268-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-LYM6a76uZePOTen0dIw%2F-Lx1vqIShYQHjf6wplpa%2F-Lx26omrnSjoX336Loz_%2FCapture%20d%E2%80%99e%CC%81cran%202019-12-26%20a%CC%80%2017.51.00.png?alt=media\&token=1a56f5cf-87d3-4823-8d57-7e3e7d9ac6ae)

{% hint style="info" %}
If you create a CMS variable for a detail page, it's value will be the same for all detail pages
{% endhint %}

```markup
<h1>{{item.name}}</h1>

<!-- Same image for all detail pages of the module -->
<img src="#$variable|featured-image$#" alt="#$variable|featured-image.alt$#"> 
```
