Page types available in Dawn

Each page has its own default sections and settings.

Product pages

By default, product pages have a Product information section and a Product recommendations section.

The Product information section contains the following default blocks:

  • Text (default displays the vendor attribute)
  • Title
  • Text (default displays the product subtitle attribute)
  • Price
  • Variant picker
  • Quantity selector
  • Buy buttons
  • Description
  • Share

You can also add the following blocks:

  • Text
  • Custom liquid
  • Product rating
  • Collapsible tab
  • Pop-up

The Product information section can contain up to 16 blocks.

Product information section settings

The settings for the product information section
Setting Description
Enable sticky product information on large screens When scrolling down a page, the product information column doesn't begin scrolling until all images have been scrolled through.
Hide other variants' media when a variant is selected When a variant is selected, images of other variants are hidden from view. Images reappear when variant is deselected.
Enable video looping Sets the video to play on a loop, so that the video will replay automatically when it finishes.

Product information blocks

The following blocks can be added to the Product information section.

Text block

The text block can be used to display static text or variable data using dynamic sources. For example, you could add text displaying a marketing message, such as "Free shipping over $100 USD", which would display the same on each product. You could also add a dynamic source, such as the product's Vendor field, which would change depending on which product is being viewed.

The settings for the text block in the product information section
Setting Description
Text Adds information to the product page. Supports text or dynamic sources.
Text style

Changes the style of the text:

  • Body - Changes the text to paragraph-style text.
  • Subtitle - Changes the text to subtitle text, which is slightly larger than paragraph-style text.
  • Uppercase - Changes the text to be smaller than paragraph-style text, and puts all characters in caps.

Title block

This block displays the product's title. It has no adjustable settings.

Price block

This block displays the product's pricing information, such as price and compare at price. It has no adjustable settings.

Variant picker block

This block displays any variant options for the product.

The settings for the variant picker block in the product information section
Setting Description
Type

Changes how the variants are displayed to customers:

  • Button - Displays the variants as clickable buttons.
  • Dropdown - Displays the variants in an expandable drop-down menu.

Buy buttons block

This block displays the "Add to cart" button and any in-store pickup information. It can also show any dynamic checkout buttons.

The settings for the buy buttons block in the product information section
Setting Description
Show dynamic checkout buttons Displays any dynamic checkout options that you have enabled in your Payments settings.

Description block

This block displays the product's description. It has no adjustable settings.

Product rating block

This block displays the average product rating in stars, with the number of reviews in parenthesis, for example: ★★★★★ (8).

Displaying product ratings requires a product review app such as Shopify Product Reviews, and metafield definitions for reviews.rating_count and reviews.rating.

Share block

This block displays a clickable link that lets customers share the product on their social media.

The settings for the share block in the product information section
Setting Description
Text The clickable text that customers click to share the product to their social media.

Quantity selector block

This block displays a quantity selector that customers can use to change how many units of the product that they want to purchase. It has no adjustable settings. The default quantity is 1.

Custom liquid block

This block displays custom Liquid or HTML code that you can add to the block.

The settings for the custom liquid block in the product information section
Setting Description
Custom liquid Displays content that you can enter as Liquid or HTML code.

Collapsible tab block

This block displays a collapsible tab with a title. When a customer clicks the title, the tab expands to display additional content.

The settings for the collapsible tab block in the product information section
Setting Description
Heading The title of the tab. Displays when collapsed and expanded.
Tab content The content of the tab. Displays only when the tab is expanded.
Tab content from page Displays content from a page in the tab. Displays only the page content from the page editor, no Liquid styling from the page's template displays in this block. Any content entered in Tab content displays above the page content.

Pop-up block

This block displays clickable text that opens a pop-up window when clicked. This pop-up displays content from one of your pages.

The settings for the pop-up block in the product information section
Setting Description
Link label The clickable text that customers click to display the pop-up window.
Page The page you want to display content from in the pop-up window. Displays only the page content from the page editor. The pop-up doesn't display any Liquid styling from the page template.

Product recommendations section settings

Based on the product currently being viewed, this section displays similar products, or products that are frequently bought together with this product.

The settings for the product recommendations section
Setting Description
Heading The title of the section.
Image ratio The image ratio for the images of the recommended products:
  • Adapt to image - Uses the aspect ratio of the images. This prevents the image from being cropped.
  • Portrait - Crops the images to use a 2:3 ratio.
  • Square - Crops the images to use a 1:1 ratio.
Show second image on hover When the customer hovers their cursor over the image, displays the second image for the product if the product has one.
Add image padding Adds extra space around the product images.
Show image border Displays a border around the image.
Show vendor Displays the vendor for each product.
Show product rating Displays the average product rating in stars with the number of reviews in parenthesis, for example: ★★★★★ (8). Also requires a product review app such as Shopify Product Reviews, and metafield definitions for reviews.rating_count and reviews.rating.

To learn more about product recommendations, refer to Understanding product recommendations.

Collection pages

By default, collection pages have a Collection banner and a Product grid section.

Collection banner section settings

The settings for the collection banner section
Setting Description
Show collection description Displays the description of the collection.
Show collection image Displays the collection image.

Product grid section settings

The settings for the product grid section
Setting Description
Products per page The number of products that you want to display on each page. Can be any multiple of 4, from 8 to 24. Defaults to 16.
Image ratio The image ratio for the product images:
  • Adapt to image (default) - Uses the aspect ratio of the images. This prevents the images from being cropped.
  • Portrait - Crops the images to use a 2:3 ratio.
  • Square - Crops the images to use a 1:1 ratio.
Show second image on hover When the customer hovers their cursor over the product image, displays the second product image if the product has one.
Add image padding Adds extra space around the product images.
Show image border Displays a border around the image.
Show vendor Displays the vendor for each product.
Show product rating Displays the average product rating in stars with the number of reviews in parenthesis, for example: ★★★★★ (8). Also requires a product review app such as Shopify Product Reviews, and metafield definitions for reviews.rating_count and reviews.rating.
Enable filtering Lets customers filter the products in the collection based on the filters in your Navigation settings.
Enable sorting

Lets customers sort the products in the collection based on the following:

  • Featured - Best selling product, based on the all-time number of orders that include the product. If you haven't sold any products yet, then this option sorts your products from newest to oldest.
  • Best selling - Displays the products in descending order based on how many times each product has been ordered.
  • Alphabetically, A-Z - Displays the products in alphabetical order.
  • Alphabetically, Z-A - Displays the products in reverse alphabetical order.
  • Price, low to high - Displays the products from the lowest price to the highest price.
  • Price, high to low - Displays the products from the highest price to the lowest price.
  • Date, old to new - Displays the products from the oldest to the newest, based on when each product was added to your store.
  • Date, new to old - Displays the products from the newest to the oldest, based on when each product was added to your store.
Collapse on larger screens Customers must click a "Filter and sort" heading to display any filtering or sorting options. At least one of Enable filtering or Enable sorting must be enabled for the "Filter and sort" heading to display.

Collections list pages

The collections list page displays all your collections that are available on the Online Store sales channel.

The settings for the collection list page
Setting Description
Heading The title of the page.
Sort collections by

Determines in what order to display your collections:

  • Alphabetically, A-Z - Displays the collections in alphabetical order.
  • Alphabetically, Z-A - Displays the collections in reverse alphabetical order.
  • Date, new to old - Displays the collections from the newest to the oldest, based on when each collection was created in your store.
  • Date, old to new - Displays the collections from the oldest to the newest, based on when each collection was created in your store.
  • Product count, high to low - Displays the collections based on how many products they contain, from highest to lowest.
  • Product count, low to high - Displays the collections based on how many products they contain, from lowest to highest.
Image ratio The image ratio for the collection images:
  • Adapt to image (default) - Uses the aspect ratio of the images. This prevents the images from being cropped.
  • Portrait - Crops the images to use a 2:3 ratio.
  • Square - Crops the images to use a 1:1 ratio.
Color scheme The background color of the collection title section and image padding. Can picked from between Accent 1, Accent 2, Background 1, Background 2, or Inverse.
Add image padding Adds extra space around the collection images.

Pages

You can create custom pages in your Shopify admin to create content for your customers, such as an About Us page, or extra information about your products. These pages have no extra settings within the theme editor.

Blog pages

Blog pages are the homepage for any blogs that you create within your Shopify admin. By default, they contain a Blog posts section.

Blog posts section settings

The blog posts section displays the latest blog posts within the blog. Each blog posts displays any blog image, the blog title, and either the excerpt or the first few words of the blog post.

The settings for the blog posts section
Setting Description
Show featured image Displays the blog's featured image.
Show date For each blog post, displays the date that the blog post was published.
Show author For each blog post, displays the author of the blog post.

Blog post pages

Blog post pages display the content of the blog post. By default, they contain a Blog post section. The Blog post section has no customizable settings by itself, but contains the following default blocks:

  • Featured image
  • Title
  • Share
  • Content
The settings for the featured image block on the blog post page
Setting Description
Featured image height

Determines the height of the blog post's featured image:

  • Adapt to image - Keeps the image's original aspect ratio.
  • Medium - 545 px
  • Large - 660 px

Title block

The settings for the title block on the blog post page
Setting Description
Show date Displays the date that the blog post was published.
Show author Displays the author of the blog post.

Share block

This block displays a clickable link that lets customers share the blog post on their social media.

The settings for the share block on the blog post page
Setting Description
Text The clickable text that customers click to share the blog post to their social media.

Content block

The content block displays the content of the blog post. It has no customizable settings.

Cart page

By default, the cart page has an Items and a Subtotal section.

Items section settings

The Items section displays the products and quantities that a customer has added to their cart.

The settings for the items section on the cart page
Setting Description
Show vendor Displays the vendors of each product in the cart.

Subtotal section settings

The Subtotal section has a Subtotal price and a Checkout button block. Neither block has any customizable settings.

The settings for the subtotal section on the cart page
Setting Description
Enable cart note Displays the Cart note field where customers can enter additional information.

Password page

The password page displays when password protection is enabled on your online store and a customer tries to visit your website. This page has its own header and footer, and contains an Email signup section by default.

Password header section

The settings for the password header section on the password page
Setting Description
Logo image The logo that you want to display.
Custom logo width The width of the logo. Can be any multiple of 10, from 50 px to 250 px. Defaults to 100 px.
Background scheme The background of the password header section and image padding can be picked from between Accent 1, Accent 2, Background 1, Background 2, or Inverse.

Email signup section

This section is intended to provide a way for customers to subscribe to your email marketing so they can learn more about your business, such as when it opens for business.

The settings for the email signup section on the password page
Setting Description
Color scheme The background color of the email signup section. Can be picked from between Accent 1, Accent 2, Background 1, Background 2, or Inverse.
Make section full width Extends the section to be the width of the browser window.

Heading block

The settings for the heading block in the password header section on the password page
Setting Description
Heading The title of the section.

Subheading block

The settings for the heading block in the password header section on the password page
Setting Description
Description The text content of the section.

Email form block

This block displays the email form field where customers can enter their email address. This block has no customizable settings.

The settings for the password footer section on the password page
Setting Description
Color scheme The background color of the password footer section. Can be picked from between Accent 1, Accent 2, Background 1, Background 2, or Inverse.

404 page

The 404 page displays when a customer tries to visit a link to your site that doesn't exist, such as a product page for a product that you deleted from your store. This page has no customizable settings.

Search page

The search page is where customers can search for specific products or pages within your online store. The page contains a Search results section by default.

Search results section settings

The settings for the search results section
Setting Description
Image ratio The image ratio for the images of the recommended products:
  • Adapt to image (default) - Uses the aspect ratio of the images. This prevents the images from being cropped.
  • Portrait - Crops the images to use a 2:3 ratio.
  • Square - Crops the images to use a 1:1 ratio.
Show second image on hover When a customer hovers their cursor over the product image, displays the second product image if the product has one.
Add image padding Adds extra space around the product images.
Show image border Displays a border around the image.
Show vendor Displays the vendor for each product.
Show product rating Displays the average product rating in stars with the number of reviews in parenthesis, for example: ★★★★★ (8). Also requires a product review app such as Shopify Product Reviews, and metafield definitions for reviews.rating_count and reviews.rating.
Show date For each blog post, displays the date that the blog post was published.
Show author For each blog post, displays the author of the blog post.

Ready to start selling with Shopify?

Try it free