Pages: Build your store's About Us page

This article is for merchants who want to learn how to set up the About Us page on their store.

Information: Please note - you won't be able to see the built in page templates on your store unless you purchase the theme and publish it. Page theme templates are not accessible on demo versions of themes. 

Safe as Milk themes come with three custom templates namely page.sections-1, page.sections-2, page.sections-3 and you can use them to add unique content to pages of your store.

For example:

  • You could use page.sections-1 to build the About Us page.
  • You could use page.sections-2 to build the Our Team page.
  • You could use page.sections-3 to build the Our Story page.

Warning: Please note - you can only assign one page template to one specific page otherwise you run the risk of overwriting your existing customisations. You can however create more unique templates such as page.sections-mypage01. See the articles linked at the bottom of this article for more on this.

Here are the steps you can follow to build an About Us page similar to the one on our demo stores.

Assign the custom template to your page

1
Log in your Shopify store admin
2
Create a new page or open an existing page in your Shopify store admin.
3
Scroll down to the template settings dropdown - at the bottom right of the page - where it says Theme Template

4
Select the relevant template. In this example, we are using  page.sections-1 template
5
Select Save.
6
Now go to your theme Customize area and navigate to the specific page to which you’ve just assigned the template. You can do that quickly by clicking Home page dropdown (in the top bar of your customize screen) and locate the page in question in the dropdown.
7
Once you are viewing the page in question the sidebar (on the left of your screen) will now show a page section template - click that and you can now start customizing the About Us page by adding Page sections in the left hand column. See below on how we did this in our demo store.

Build an About Us page similar to our demo store

1
In page section settings, set the container width to full-width

2
Select Add Content and add the following blocks in the order described below:
3
Add Image and set width to full-width

4
Add Text and set text alignment to center and width to one-half

5
Add Spacer and set height to small
6
Add Image and set width to one-third  - Note: In our demo store we added a second image block in exactly the same way.
7
Add Text , set text alignment to center and set width to one-half
8
Add Spacer and set height to small

9
Add Image and set width to two-thirds
10
Add Text and set text alignment to center and set width to full-width 
11
Select Save and check that your changes have taken effect before leaving the Theme Editor.