> For the complete documentation index, see [llms.txt](https://docs.strm.design/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://docs.strm.design/building-pages/content-pages.md). # About, Lookbook, Stores, Wholesale and Contact Create About, Lookbook, Stores, Wholesale, Contact, Compare and Quick order pages from Stratum's ready-made page templates. Stratum includes ready-made page templates for the pages most stores need. Each template is already filled with sections that you edit in the theme editor, so a new page takes minutes. | Template | Built from | Use it for | | -------------------- | --------------------------------------------------------------------------- | ---------------------------------------------------- | | **page.about** | Content (hero), Content (story), Timeline, Content (values), Content (team) | Your story, history, values and team. | | **page.lookbook** | Shop the look | A styled lookbook with shoppable hotspots. | | **page.stores** | Store locator | Your shops with a map, opening hours and services. | | **page.wholesale** | Content (hero), Content (tiers), Content (benefits), Form, Content (FAQ) | Trade or wholesale program with an application form. | | **page.contact** | Contact form | Your contact page. | | **page.compare** | Product compare | The product comparison table. | | **page.quick-order** | Quick order | A fast SKU order form for repeat buyers. | | **page** (default) | Page content | Any other page: shipping, FAQ, size charts. | ## Create a page and assign a template 1. In Shopify admin, go to **Online Store › Pages** and click **Add page**. 2. Enter a **Title**, for example "About us". The page content field can stay empty for templates that build the page from sections (all except the default page template, which shows this content). 3. In the **Theme template** box on the right, choose the template, for example **about**. 4. Click **Save**. 5. Add the page to a menu in **Online Store › Navigation** so shoppers can find it. Then edit its sections: in **Online Store › Themes › Customize**, use the page selector at the top to open **Pages** and choose the template (for example **about**), or click through to the page in the preview. {% hint style="info" %} Editing a template changes every page that uses it. To have two different About-style pages, create a new template from the editor's page selector (**Create template**, based on the about template) and assign it to the second page. {% endhint %} ## About page ![About page](https://2073252647-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FUX7okZwFVjG38blUMwqg%2Fuploads%2Fgit-blob-825353521b563c081e054ab0434edd149ca184f2%2Ftemplate-about.png?alt=media) A hero with your headline, a story section with an image, a **Timeline** of milestones (in the **Simple list** layout), a values grid and a team section. Replace the placeholder text and images with your own. Remove sections you don't need, and use **Add section** to add more, such as **Testimonials** or **Logo list**. ## Lookbook page ![Lookbook page](https://2073252647-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FUX7okZwFVjG38blUMwqg%2Fuploads%2Fgit-blob-f179e81217269c7e443c1dc7281aaa9d0ab8b4c5%2Ftemplate-lookbook.png?alt=media) A single **Shop the look** section with the **Large page heading** size. Add one **Look** block per scene; with more than one look, tabs and previous/next buttons appear. In each look, add **Hotspot** blocks, choose a product and set the pin's **Horizontal position** and **Vertical position**. See [Shop the look](/building-pages/home-page.md#shop-the-look). ## Stores page ![Stores page](https://2073252647-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FUX7okZwFVjG38blUMwqg%2Fuploads%2Fgit-blob-5b12a541e604704f736a457127f163eb09badc08%2Ftemplate-stores.png?alt=media) A **Store locator** in the **Searchable store finder** layout. Upload a map of your region as the **Map image**, enter the services you offer as **Service filters** (comma-separated), then add a **Store** block per shop with its address, phone, **Status**, **Opening hours**, **Services** and pin position. Shoppers can search by store name or any part of the address (such as city or postal code), filter by service, and pick a store to see its details beside the map. Keep **Status** and **Opening hours** up to date, especially around holidays. ## Wholesale page ![Wholesale page](https://2073252647-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FUX7okZwFVjG38blUMwqg%2Fuploads%2Fgit-blob-7c7f0223e3328d10d4083cc8c320d7f22e77d4ca%2Ftemplate-wholesale.png?alt=media) A hero, pricing tiers, benefits, an application **Form** and an FAQ. The form's answers arrive by email. Edit the fields in the **Form** section: each **Field** block has a **Label**, **Type**, **Placeholder**, **Required** and **Width on large screens**. Keep exactly one **Email** field. To show real trade prices to approved buyers, use Shopify B2B (catalogs and price lists), then the **Volume pricing calculator** and **Quick order** sections show those prices. ## Contact page ![Contact page](https://2073252647-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FUX7okZwFVjG38blUMwqg%2Fuploads%2Fgit-blob-25e34fd43a5630f53b8e6cd90b018ec43e789e45%2Ftemplate-contact.png?alt=media) The **Contact form** section: | Setting | What it does | | --------------------------- | -------------------------------------------------------------------------------------------------------------------------------------------------------------------- | | **Heading** / **Text** | The heading and an introduction. | | **Topics** | One topic per line (default: An order, Returns, Product advice, Something else). Shoppers pick one and it is included in the email you receive. Leave empty to hide. | | **Show order number field** | On by default. | | **Show phone field** | Off by default. | | **Message after sending** | The confirmation shown after sending. | You can add theme blocks and app blocks beside the form, for example your address, opening hours or a map. Messages are sent to your store's email address from **Settings › Store details**. ## Compare page The **Product compare** section on the **page.compare** template shows the products shoppers selected side by side. Set **Heading** (leave empty to use the page title) and **Collection for the browse button**. Choose which specification rows appear in **Theme settings › Product compare**. See [Product compare](/products/compare.md). ## Quick order page ![Quick order page](https://2073252647-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FUX7okZwFVjG38blUMwqg%2Fuploads%2Fgit-blob-dbcbb8ac9951a03505c7d5f867270ecb4241dc04%2Ftemplate-quick-order.png?alt=media) The **Quick order** section lets buyers search by SKU or name, set quantities and add everything to the bag. Add your most-ordered products as **Shortcut products**. See [Quick order](/building-pages/home-page.md#quick-order). ## Default page ![Page content](https://2073252647-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FUX7okZwFVjG38blUMwqg%2Fuploads%2Fgit-blob-7875cac641988315d50752a1095dc801f018d322%2Fmain-page.png?alt=media) The **Page content** section shows the content you write in **Online Store › Pages**. Settings: **Show page heading**, **Center page heading** and **Content width** (**Narrow**, **Wide** or **Page width**). You can add more sections below it. ## Related * [Home page and content sections](/building-pages/home-page.md) * [Blog and blog posts](/building-pages/blog.md) * [Other pages](/building-pages/other-pages.md)