Templates
Context includes templates for each page type that Shopify supports.
Use templates to design pages
Use the theme editor to preview and customize templates with Context's available sections and theme settings.
In the theme editor (Customize):
STEPS
Use the Templates selector to open a template.
Under Preview, click Change to see how your different pages will look with this template.
After editing, remember to Click Save.
Home page template
Context's home page is incredibly customizable. It's one of Context's core features. You can completely customize the home pages content using over a dozen home page section layouts.
For a better idea of just how flexible this page is, we recommend that you visit all of our store demos: Chic, Modern, and Essential.
For more information about customizing the home page, see the following articles for each section you can add in the order they appear in the Theme customizer.
Blog posts
Collection list
Featured collection
Collage
Full-width Image
Image with text
Slideshow
Featured product
Map
Newsletter
Testimonials
Video
Collection pages
Context's Collection pages template is used for all of your collections. Next to the home page, it's Context's most customizable template.
In addition to changing the look and feel of how the collection items are displayed, you can add the following sections to your collection pages:
Featured blog posts
Recently viewed products
Testimonials
Newsletter
Social Media Icons
Feature Collection
Note that these settings and sections are shared between all of your store's collection.
Blogs
The blogs page is where you can find a list of all your blog posts.
You can add the following section type to your blog posts pages:
Recently viewed products
For more information about Shopify's blogs features, see their Blogs documentation.
Blog posts
You can customize how your blog posts look and feel.
Whenever you add a blog post in Shopify, you can add a Featured image. This image appears as a full-width hero image on blog post pages.
Add a recently viewed products section::
Add a featured blog posts section::
You can also add the following sections to your blog posts:
Testimonials
Newsletter
Social Media Icons
Feature Collection
You may also be interested in adding special layouts to pages with "shortcodes", such as accordions and grids.
Settings reference
The Blog post template has the following settings. Note that these will apply to every blog post.
Overlay opacity
You can add a colored overlay to your blog post's featured image.
You can set how visible the overlay is: 0% is completely transparent, and 100% is completely visible.
Overlay color
You can change the color of the overlay.
Note that overlay applies to all of your blog posts's featured images. We recommend using black or white, as these colors will look great with a wide variety of images.
Text color
You can change the text color for blog post featured images.
We recommend using the opposite color that you used for your overlay, or a color you know will be easy to see on top of all of your images.
Image aspect ratio
Use this setting to automatically crop images to a specific aspect ratio. Choose from Square (1:1), Landscape (3:2), or Portrait (2:3) aspect ratios.
Choose Natural if you do not want your images to be cropped.
Cart
Context's cart page is simple and shows customers exactly what they need to see.
Any settings that apply to the cart can be found in your Cart theme settings.
Here it is on a mobile device::
Collections list template
Customers can view a list of all your product collections on Context's /collections page.
And here it is on a mobile device::
For more information about collections, see Shopify's Collections
Product pages template
Context's product pages put your products front and center. But you can also use product pages to highlight other exciting parts of your store.
You may also be interested in adding accordions that open up to reveal more text. This feature is great for adding need-to-know information or additional details about your product. :
You can learn more about this feature in the section below on how to add special layouts to pages with shortcodes.
In addition to changing the look and feel of product information, you can add the following sections to your product pages:
Text columns with images
Outline a process, shipping policy, or care instructions with this section. More on the [Text columns with images section here][text-columns-with-images].
Product photos
Enable a grid of your product photos, starting with your second image.
Full width features
Add a full-width image or video to your product template. More on the Full width image section here
Testimonials
Add rotating quotes about your company from publications or customers. More on the Testimonials section here
Featured blog posts
Show the latest from your blog. More on the Featured blog posts section here
Newsletter
Add a call to action to sign your customers up to your marketing emails. More on the Newsletter section here
Social media icons
More on the Social media icons section here
Change the look and feel of product information
From the Product pages settings, you can change the look and feel of the product info on your product pages:
Settings reference
The main Product pages section has the following settings:
Show vendor
Show the product's Vendor as you entered it while adding or editing your products.
Show swatches
Show swatch buttons as a way to let customers pick from your product's variants.
In order to show swatches, you need to set up the product swatches feature. See the Swatches article for more information.
Show quantity input
Show a quantity picker that let's customers add more than one product to the cart.
Show dynamic checkout button
Show a "Checkout with [Payment Method]" button to customers who have ordered with Shopify previously.
Check out Shopify's Dynamic checkout buttons documentation for more details.
Show social sharing buttons
Check this checkbox to add share buttons for Facebook, X (Twitter), and Pinterest.
Enable video looping
For your products that have product videos added as media, ensure that videos loop forever while customers are on the product page.
Add Recommended products
You can add a Recommended products section to product pages on your store. This section appears underneath the main product media.
This section recommends products based on Shopify's Product recommendations algorithm, which takes into account a number of factors, like other products that are in the same collection(s) as the current product, products with similar descriptions, or items that have been commonly purchased together.
For more information about product recommendations, see Shopify's Product recommendations guide.
Here's how to add a Recommended products section:
Settings reference
The Recommended products section has the following settings:
Enable
Check this checkbox to enable the recommended products section.
Heading
Change the heading displayed next to the recommended products.
We recommend a title of just a few words long.
Heading alignment
Change the layout of the section by choosing to display the heading to Left, Center, or Right of the recommended products.
Rows
Change the number of rows to 1, 2, or 3.
Products per row
Change the amount of products displayed. You can choose between 2 and 4 products per row.
On mobile devices, this section will become a click-through gallery.
Image aspect ratio
Use this setting to automatically crop images to a specific aspect ratio. Choose from Square (1:1), Landscape (3:2), or Portrait (2:3) aspect ratios.
Choose Natural if you do not want your images to be cropped.
Outline section
Check this checkbox to display a border around the section.
Page
Pages are a Shopify feature. You can learn more about creating pages from Shopify's Pages documentation. Context styles all pages to match your theme and theme settings.
Context also provides styled templates for the About page and Contact page:
About page
Contact page
You may also be interested in adding special layouts to pages with "shortcodes", such as accordions and grids.
About page
Pages are a Shopify feature. You can learn more about creating pages from Shopify's Pages documentation. Context styles all pages to match your theme and theme settings.
You can change the page template to page.about, which lets you add a featured image and a transparent header. Note that the settings applied to the template will apply to all pages using this template. :
:
How to set up an about page
To make any page into an about page: