Vantage Theme: Setting up pages

On this page

Page templates

Page templates are applied to the Pages within your store. To work with pages open: Admin > Online store > Pages
When working within a page on the right side of the screen you will see the Template header and a dropdown allowing you to choose from some available options.

  • Page - Default, standard in all Shopify themes.
  • Page.contact - Adds a contact form to the page.
  • Page.custom-one - Offers increased options in the theme editor
  • Page.custom-two - Offers increased options in the theme editor
  • Page.custom-three - Offers increased options in the theme editor
  • Page.custom-four - Offers increased options in the theme editor
  • Page.full-screen-width - Offers a full browser width page without any side margins or padding
  • Page.with-carousel - Offers a page with image carousel

Page template settings

The basic page template is built to show your content as entered in the Shopify page text editor.
Only one setting is available via the Page template section:

  • Reduce page width
    Slims down the page content to around 65% of the standard page width which is helpful for text-heavy pages like Terms and policies.

Contact page template settings

When choosing the  page.contact template for any of your pages a contact form will be loaded into the page on the front end (customer view) of the site, this is visible in the theme editor but will not appear in the Shopify page admin.

The contact page also includes options for configuration in the theme editor.

  • Contact form position
    Allows the form to be positioned to the left or right of content that has been included on this page from your page admin.
    The form can also be positioned below any page content that you have included.
  • Form fields can be selected and de-selected:
    • Show first name
    • Show last name
    • Show company name
    • Show address
    • Show website URL
    • show phone number
    • Show subject
    • Custom field one with text entry
    • Custom field two with text entry

The page with Carousel template allows you to create a simple page that contains an image carousel and includes option text applied in the Shopify page editor.
Configuration options are also included to tailor the page layout to your preference.

Section options

  • Layout
    Choose between a left aligned or right aligned carousel with text switching according to the image position
  • Image width
    Choose from 33% - 100% image carousel width, some suggestions on image sizes:
    When 33% = Recommended image width: 400px
    When 50% = Recommended image width: 800px
    When 66% = Recommended image width: 1000px
    When 100% = Recommended image width: 1200px
  • Text alignment
    Set the text to left or center-aligned

Block content options

  • Image 
    Upload an image as a carousel cell - make sure all images used are the same width and height to avoid uneven layouts
  • Link
    Add a link to the image

Custom page template settings

Custom pages include more options that can be configured to create an advanced layout.
Available custom page options include:

Choosing a custom page template

From your Shopify admin go to   Pages select the page you want to use. On the right-hand side for from the page template menu choose page.custom-one, two, three, or four.

Add any text content that you would like to use on this page and  save.

Once the page is saved head over the to theme editor and navigate to your page to begin adding content.
On the left sidebar while viewing this page in the left sidebar sections tab click on Custom Page One, Two, Three, or Four depending on your page's chosen template.

Each block on the page can be configured and moved into a preferred order. You can add up to 40 blocks, in any combination.

Page Title Section

In our Custom Pages, you will have the options to remove, show, and move your Page Title anywhere on the page in-between your header and footer sections. You will also be able to have your title centered or aligned to the left of your page and add padding (space) above and below your product title to fit your preferred look.

Page Content Section:

The Page Content block will show the content that has been entered in the Rich Text Editor on the Page in the Shopify admin. In the theme settings for this block you can choose the text alignment and content width.

Contact Form:

The Contact Form block will add a contact form that sends emails to your Shopify Admin email. You have the option to add a heading above the form and adjust the form width. You can also choose what form fields show, as well as add up to two custom fields depending on your needs. In our example here we added a custom field for Order # and Return or Exchange?. You can use more than one contact form on the page if needed for different purposes.

Accordion

The Accordion can be used for page frequently asked questions, or a cleaner way to organize further details like Returns, Shipping, Materials, etc. You can add up to 10 drop downs to the accordion if you don't want to show all ten just remove the Item Heading and it will not show.

Image With Overlay Text:

The Image with Text Overlay block is very similar to the section on the homepage. It works great as a header on products and also really great as a call-to-action at the very end of Advanced Layout Product Pages. You add a full-width background image with overlaid text.

Featured collection

The Featured Collection block will allow you to choose a collection containing up to 30 products.

Collection list

The Collection List block allows you to choose specific collections from your store which will be shown on the page.
Text options allow you to place the titles for each collection above or below along with control over the number of collections shown per row.

The Featured Video block allows you to feature a YouTube or Vimeo video, you have the option to show it as full-width and add a heading.

Newsletter subscribe

The Newsletter block allows you to include a subscription form for a newsletter along with a heading and text area.