Post

Integrating a New Shopify Theme into your Store

So your current theme is reaching its end of life, and you need to integrate a new Shopify theme. You found a brand-new theme and now it’s time to install it and integrate it into your website.

Steps to take

  • login to your store
  • purchase your theme
  • leave your new theme in draft mode to ensure your customers still see your old theme while you develop your new theme.

Preview your new theme

Once you’ve installed your theme into your live website, you can use shopifies powerful preview feature To see what the theme looks like.

How to preview your theme

  • Go to online store
  • Go to themes
  • Hit preview

preview theme

How to customize your theme

  • Hit customize on your new theme
  • This will take you to start building out your homepage

customize theme

Building the homepage

  • You can see in the following screenshot:
  • You are in draft mode
  • You are editing the homepage template
  • You have a list of blocks in the left hand side bar. Furthermore, you can add more blocks to the page (scroll down on the left block panel to find the “add new section”)

customize homepage

Changing templates

  • In the top center of the above screenshot is a drop down to change templates.
  • You can choose some existing templates such as collection and products
  • You can edit these templates in much the same way the homepage template

Creating a new page templates

  • From the template dropdown list choose pages
  • At the bottom of the pages template dropdown list is an option for creating a new page template

Why create a new page template

  • If you need to build out a custom page layout (even if its only used for 1 page) you do this by creating a new page template.
  • Creating a new page template gives you access to all your themes blocks

shopify custom page template

Preview a custom page template

  • What you see in the preview window in the above screenshot is the only way to preview a template for a page that is not live
  • The url of this page is sharable. just copy the url and share it

Create the pages for your custom template

If the pages are not created yet then you need to create them by going to online store and pages and add page.

  • You can set the page as hidden
  • You will not see your templates in the list of templates availabele on the right hand side until your theme is published

creating pages

Publish your theme

  • Once you have built all your custom page templates and corresponding pages the next step is to publish your theme.
  • Go back top the main list of templates and hit publish on your new theme.

Assign your templates to the pages

  • Now go into each individual page and assign the page template to each page respectively

assign page to page template

This post is licensed under CC BY 4.0 by the author.