# Lookbook page

The **Lookbook** page template provides an engaging way to showcase your product collection with a magazine-style layout.

See demo [Chic](https://spark-theme-chic.myshopify.com/pages/lookbook)

<figure><img src="https://1721436993-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F3iiuvh8UrcOxEOQkY2iO%2Fuploads%2FwBkHTL8O2N5IBWIQJVsr%2Fimage.png?alt=media&#x26;token=03b6019d-5ea4-47f9-9ed5-ac51d2c14047" alt="" width="375"><figcaption></figcaption></figure>

## Quick setup

For your Lookbook editorial page, you first need to **create a page** and **assign the ‘lookbook’ template** in your Shopify admin. Then, in the theme editor, you can **customize the page template** using the preset theme sections.

### Create page and assign template

In your Shopify admin, you need to create a page and assign the Lookbook editorial template.

{% hint style="success" %} <mark style="color:green;">**Shopify**</mark> | Pages are a Shopify feature: see Shopify's guide for [creating pages](https://help.shopify.com/en/manual/online-store/themes/theme-structure/pages).
{% endhint %}

<details>

<summary><mark style="color:blue;">STEPS</mark></summary>

In your **Shopify admin**:

1. Click **Online store > Pages**.
2. Click **Add page**.
3. Add a **Title** (e.g. "Lookbook").

   > 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.
4. \[*Optional*] Under **Visibility**, you can click **Hidden** if you don't want to publish the page to your live site yet.
5. Click the **Theme template** menu and select **lookbook** to assign the template.

   > **Note**: Templates can't be assigned on unpublished themes. Your changes to templates will be saved and can be assigned when you buy and publish the theme.
6. Click **Save**.

</details>

### Edit lookbook template

The default **Lookbook editorial template** includes preset sections designed to showcase a feature collection. You can use this page to tell customers why your products or services are unique.

We recommend first editing the preset sections and hiding any sections you won't use. Then, you can add other theme sections to further customize your page.

<details>

<summary><mark style="color:blue;">STEPS</mark></summary>

In your theme editor (**Customize**):

1. Use the **Templates selector** to open **Pages > lookbook**.

   ![](https://1721436993-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F3iiuvh8UrcOxEOQkY2iO%2Fuploads%2Fgit-blob-f94d38904500c8f4da451d6a275e9c467698de3d%2Feditor-templates-selector.jpeg?alt=media)
2. Under "PREVIEW", click **Change** and select the page you want to use for the template.

   > A warning symbol **(!)** next to the page name means that the template is not assigned. Click the page name to go to your Shopify admin, and assign a template.
3. Edit preset theme sections to add custom page content and styles.

   > See our guides for the Slideshow, Rich text, Mosaic grid, Quotes sections.

   > Click the **Hide icon** or **Remove section** button to hide or delete preset sections.
4. Under **Template**, click **(+) Add section** to further customize your page with theme sections.

   > Click and hold the drag and drop handles **`⋮⋮`** to change the order of sections.
5. Click **Save**.

   > Remember to **assign the template** and set your page to **Visible** in your admin.
6. (*Recommended*.) Add a link to your lookbook page in the [Header](https://help.fluorescent.co/spark/header/header) and [Footer](https://help.fluorescent.co/spark/footer/footer) menus.

</details>

\\

***

> **Related links**
>
> [Templates](https://help.fluorescent.co/spark/pages/templates)