Vogue's static pages

Shopify stores come with a page creation tool, which you can use to generate pages containing information that rarely changes, and that customers will use often, such as an About page or a Contact page. You can add as many pages as you like to your store under Online store>Pages, and configure where they appear under Online store>Navigation.

There are also a few pages like the Cart page that are generated and populated automatically, but which you can customize by navigating to them in the theme editor and finding their section settings. We'll cover the settings for these below.

Create a new page

From your Shopify admin, navigate to  Online store>Pages. Click the Add page button to open a new page template.

new-page-screen

From here, you can enter the  Title and Content in the space provided, as well as set the Visibility and select a Page template. You’ll notice that Vogue comes with three templates: a general page template (which you could use to create an FAQ or return policy page), an about.page template, and a contact.page template. We’ll cover the unique features of the last two in separate sections below.

There are also other page types which are generated automatically and do not require you to use the page creation tool. These include  Product pages, Collections pages and the Blog page. Take some time to click around the theme editor  to locate these pages and their associated Section settings.

About page

Online shoppers these days aren't just interested in what they're buying—they're also interested in who they're buying it from. And that's exactly what your about pageis for: connecting with your customers, building trust, and establishing your brand.

To create an about page you will first need to create a new page. Scroll to the bottom right of the screen and select  page.about from the Template suffix dropdown menu. The unique thing about this page template is that it allows you to set a Featured image in the theme customizer.

Before you do that though, add the  Title and Content to your page, and click Save. Then navigate to Online Store>Customize. With the Sections tab open, click on the page you just created in the preview screen, and you will see a new section option open on the left side of the editor: Featured image

Unlike the dynamic sections on your homepage, the Featured image section is static (meaning it is "stuck" to the top of the page cannot be moved around).

Here's a quick walkthrough of how to set up an about page using the  about.page template:

about-page-template-walkthrough

Contact page

Adding a contact page to your store is a quick and easy way of engaging your customers. To create a contact page you will first need to create a new page. Scroll to the bottom right of the screen and select  page.contact from the Template suffix dropdown menu. This will create a simple form on the page that will look something like this:

contact-form

You can add a  Title and Content above the form in the page editor screen if you wish.

Search page

By default, Vogue comes with a Search page linked in the main menu sidebar. You can add, remove, and change its position from Online store>Navigation

You'll find the settings for the search page by navigating to it in your theme editor and selecting Search page from the Sections tab.

Here, you can control the Products per page using the range picker and the Product aspect ratio (the proportional height and width of search result images) using the dropdown.

Note that Vogue's search is configured to locate and display both products and posts in an editorial-inspired layout. Like so:

Cart page

The  Cart page is the first page customers see when they begin the checkout process. It shows a summary of the items and quantities they have added to their cart and totals how much it will cost them.

You'll find the settings for the cart page by navigating to it in your theme editor and selecting  Cart page from the Sections tab.

Here, you can  Enable order notes, which gives customers the ability to provide special instructions for shipping upon checkout.

You may also wish to Show shipping rates calculator, which automatically fetches shipping rates on the cart page of your store, letting customers calculate their fees before completing checkout.

shipping-calculator

Use the text box to set the default shipping country. If you're unsure of spelling, you can refer to the dropdown on the first page of the Shopify checkout process. Note that if a customer has logged in and configured their shipping address their country will automatically be used.

shipping-country-dropdown