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.
From your Shopify admin, navigate to Online store>Pages. Click the Add page button to open a new page template.
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.
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:
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:
You can add a Title and Content above the form in the page editor screen if you wish.
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:
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.
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.