> For the complete documentation index, see [llms.txt](https://help.fluorescent.co/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://help.fluorescent.co/stiletto/pages/templates/lookbook-collection.md).

# Lookbook

Stiletto has 2 **Lookbook templates** with preset layouts based on the theme demo stores.

Use these templates to design an editorial page that showcases your products and photography with a magazine-style layout.

<table><thead><tr><th width="149">Template</th><th width="172">Demo</th><th>Preset sections</th></tr></thead><tbody><tr><td>lookbook-1</td><td><a href="https://stiletto-theme-vogue.myshopify.com/pages/lookbook">Vogue</a></td><td><a href="/stiletto/sections/theme-sections/complete-the-look.md">Complete the look</a> - <a href="/stiletto/sections/theme-sections/gallery-carousel.md">Gallery carousel</a> - <a href="/stiletto/sections/theme-sections/image-hero.md">Image hero</a> - <a href="/stiletto/sections/theme-sections/image-with-text.md">Image with text</a> - <a href="/stiletto/sections/theme-sections/multi-column.md">Multi-column</a> - <a href="/stiletto/sections/theme-sections/rich-text.md">Rich text</a> - <a href="/stiletto/sections/theme-sections/shoppable-image.md">Shoppable image</a></td></tr><tr><td>lookbook-2</td><td><a href="https://stiletto-theme-chic.myshopify.com/pages/editorial-lookbook">Chic</a></td><td><a href="/stiletto/sections/theme-sections/complete-the-look.md">Complete the look</a> - <a href="/stiletto/sections/theme-sections/grid.md">Grid</a> - <a href="/stiletto/sections/theme-sections/image-hero-split.md">Image hero split</a> - <a href="/stiletto/sections/theme-sections/multi-column.md">Multi-column</a> - <a href="/stiletto/sections/theme-sections/quotes.md">Quotes</a> - <a href="/stiletto/sections/theme-sections/rich-text.md">Rich text</a> - <a href="/stiletto/sections/theme-sections/quotes.md">Quotes</a> - <a href="/stiletto/sections/theme-sections/shoppable-image.md">Shoppable image</a></td></tr></tbody></table>

## Create page and assign template

***

In your Shopify admin, **create a page** and **assign a \`lookbook\` template** to the page.

{% stepper %}
{% step %}
From your Shopify admin, go to **Online store > Pages**. Click **Add page**.

{% hint style="success" %}
Pages are a Shopify feature: learn more in Shopify's guide for [creating pages](https://help.shopify.com/en/manual/online-store/themes/theme-structure/pages).
{% endhint %}
{% endstep %}

{% step %}
Enter a page **Title** (e.g. "Lookbook").

{% hint style="info" %}
The title will not appear in the template. The title will be used for the page URL (e.g. **`www.store.com/lookbook`**).\
\
You don't need to add anything to the **Content** field. You will add the page content by editing the template in the theme editor.
{% endhint %}
{% endstep %}

{% step %}
Click the **Theme template** dropdown to assign the `lookbook-1` or `lookbook-2` template to the page.

{% hint style="info" %}
If the theme isn't published, learn how to [assign templates from unpublished themes](/stiletto/general/editing-themes/using-templates.md#assign-templates-from-unpublished-theme)
{% endhint %}
{% endstep %}

{% step %}
Click **Save**.
{% endstep %}
{% endstepper %}

## Edit lookbook template

***

In the theme editor, edit a "lookbook" template to design the layout and content of your page.

We recommend first editing the preset sections and hiding sections you won't use, before adding other sections.

{% stepper %}
{% step %}

#### Open "lookbook" template

In the **Theme editor**, use the template selector to open the `lookbook-1` or `lookbook-2` template.
{% endstep %}

{% step %}

#### Preview page

Under "PREVIEW", click **Change** and select the page you created in the Shopify admin.

A warning symbol **(!)** next to the page name means that the template is not assigned. Click the page name to assign the template in the Shopify admin.
{% endstep %}

{% step %}

#### Customize sections

Edit the preset theme sections to add custom page content and styles.

Under **Template**, click **(+) Add section** to further customize your page with [theme sections](/stiletto/sections/theme-sections.md).
{% endstep %}
{% endstepper %}

***

> **Related links**
>
> [Templates](/stiletto/pages/templates.md)