New Page Template on Development Site - Manually?

Store Design
1

Hello to all. So I am currently developing a theme that will replace the current theme when complete. I am having the issue of adding a page template I created on my unpublished theme to preview on the pages currently on the live theme. I hope that makes sense. So for example:

Development Theme:
page.page-celeb.liquid — is the template I created.

Live Theme:

Celebrity Page currently has default template. Since I am working on a completely different theme there is no way to temporarily assign the page template to preview and debug.

I am using Shopify CLI and originated off the Sense theme in 2.0. I was hoping there is a way to manually add the template to a page in the development store. ANY HELP would be greatly appreciated!

2

Hi @lov2code ,

You have 2 ways to check it:

  • 1: Go to Customize > Pages.

You just need to select the newly created template here, then select the page to display with that template, it will display fine. Ex:

Screenshot.png
Screenshot.png1644×224 14.1 KB

  • 2: You can use ?view=… to display page template in source, ex: url?view=page-celeb

Hope it helps!

3

There are some ways to work this around:

  1. Create a copy of default template in LIVE theme with the same suffix you have in your draft theme.

System only allows you to assign templates which are in live theme.

  1. as @LitCommerce mentioned, when previewing your draft theme you may manually select alternate templates by adding a parameter to your URL –
?view=page-celeb

Check this page https://www.shopify.com/partners/blog/shopify-alternate-templates