.png){kind=logo}
Setting up theme pages and templates
What are the pages and templates?
Pages refer to distinct areas on your website where you can display specific types of information, such as company details on an 'About Us' page, customer service contact information on a 'Contact' page, or common customer inquiries on an 'FAQ' page.
Templates are predefined layouts that determine the look and structure of pages on your website. Each template can be uniquely applied to a specific page to create a distinctive appearance, or used across multiple pages to ensure a consistent look. Think of templates as design templates that you can customize to create a visually pleasing and organized pages.
How to create a new custom page
- From your Shopify admin, navigate to `
Online Store > Pages`. - You will see a list of all the current store pages.
- Click on the `
Add page`button on the top right corner to create a new page. - Enter the page title and content in the provided fields.
- Customize the page URL, meta title, and meta description for SEO purposes.
- Save your changes.
By default, when you create a new page in Shopify, it is assigned a default template that determines its layout. Any changes made to this template will affect all pages using it.
For example, if you have two products and you want to display different layouts and sections on each product page, in this case, you might need to create two separate templates for each. If you want to assign a unique template to a specific page and have its individual layout for the page, follow the steps below:
How to create a new template
- From your Shopify admin, navigate to `
Online Store > Themes`. - Click on `
...` buttonnext to the theme you want to customize and select`Edit Code`. - You now have accessed the code editor of a theme. In the
`Templates`folder, click on `+Add a new template`and choose the type of template you want to create (e.g., page, product, collection). - Name the new template and save the changes.
- After creating the custom template, you can assign it to specific pages. To achieve it, follow the
`How to assign template to a page`instructions below.
How to assign template to a page
- From your Shopify admin, navigate to `
Online Store > Pages`. - You will see a list of all the current store pages.
- Click on the `
View page`button on your desired page. - Click on the
`Template`dropdown menu to select the desired page template. - Choose from available templates such as "page", "index", "product", etc., depending on your needs.
- Save your changes to assign the selected template to the page.
Please ensure that the template is created in both the live theme and your unpublished theme for it to appear in the dropdown menu. This is because Shopify requires the theme to be published and have the template created within the live theme for it to be available for selection.
Now in order to set up unique sections and content for your newly created page, follow the steps below:
How to customize a new page from theme editor
If you still struggle to access theme editor, refer to How to acces theme editor guide.
- From your Shopify admin, navigate to `
Online Store > Themes`. - Click on the
`Customize`button next to the theme you want to customize. - In the Theme Customizer, look for the top bar, and locate the "Pages" option.
- Select the specific page you want to customize from the dropdown list of available pages.
- Add sections and blocks to the selected page using the steps provided in `
How to add and configure a section`guide above. - Save the changes.
You can also create a template from the Theme Editor. Ensure that you still added it to both live and your current theme.
For more detailed information about pages and templates, you can access the official Shopify documentation.
If you need a more detailed, step-by-step guide on adding sections and blocks into your pages, refer to our Setting up theme sections and blocks article.
FAQs
How do I use Dyno?
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique. Duis cursus, mi quis viverra ornare, eros.
What are the basic configuration steps after purchase?
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique. Duis cursus, mi quis viverra ornare, eros.
