Vantage Theme: Setting up pages
On this page
- Page templates
- Page template settings
- Contact page template settings
- Page with Carousel settings
- Custom page template settings
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
Page with Carousel settings
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.
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
Upload an image as a carousel cell - make sure all images used are the same width and height to avoid uneven layouts
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:
- Page title
- Page content
- Contact form
- Image with text overlay
- Featured Collection
- Collection list
- Featured Video
- Newsletter subscribe
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.
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.
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.
The Featured Collection block will allow you to choose a collection containing up to 30 products.
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.
The Newsletter block allows you to include a subscription form for a newsletter along with a heading and text area.