Previewing page Template on unpublished theme.

Martino_Harly
Shopify Partner
26 0 5

is there a way to preview a new custom page Template on unpublished theme?

 

EdIt:

so i made a custom page template, and i wanted to view them by making a new page and asign a Template suffix in it. but i realized that those can only be done on published theme. is it possible to view them on the non published theme template?

 

Replies 8 (8)

Anders3
Shopify Staff (Retired)
231 1 44

Hi, Martino!
 
Anders from the Social Care Team here. Thanks for reaching out!

If you're referring to a previewing an Unpublished Theme in the Shopify Admin, this can actually be done under the Actions tab. First, head to: Online Store > Themes > Actions > Preview. This will allow you to preview the Theme with any changes that you've made.

Image_NWK0cwegrz

Keep in mind that any Customizations made to a preview of a Premium (Paid) Theme will not carry over once the Theme is Published. 

If this wasn't your question, let me know and we can continue on ? 

 

To learn more visit the Shopify Help Center or the Community Blog.

Martino_Harly
Shopify Partner
26 0 5

oh sorry,

so i made a custom page template, and i wanted to view them by making a new page and asign a Template suffix in it. but i realized that those can only be done on published theme. is it possible to view them on the non published theme template?

tim
Shopify Expert
3318 248 1196

Martino, not exactly, 

Published theme must have an alternate template with the same name, as the one you want to see in the preview of unpublished theme, otherwise you would not be able to see this suffix in the list. 

But it may be a dummy/empty/a copy of the main template in your published theme. In the preview of your unpublished theme you will see a proper result.

Alternatively, you may use a ?view=alt-template syntac in the URL when previewing (but it does not work in Customizer).

If my post is helpful, consider liking it -- it will help others with similar problem to find a solution.

Martino_Harly
Shopify Partner
26 0 5

Thank you that works. 

AvidBrio
Shopify Expert
295 17 29

@tim @Martino_Harly 

Shopify 2.0   has that feature now you can preview any custom template inside the theme customization option 

theme multi template .png

If you find our comment helpful, hit the like button and accept it as a solution.
Want us to implement custom changes in your store? Contact us
Email me directly - jim@avidbrio.com
alleyhector
Shopify Partner
3 0 1

This is exactly where I am but I cannot figure out how to assign the template to the page as only the current live theme's templates are available.

maybach391
Shopify Partner
7 0 2

Hej @alleyhector @Martino_Harly 

 

I got a solution, since I had the same need. I inspected the URL of the Theme Editor view, which had the following parameters:

https://SHOP_NAME.myshopify.com/admin/themes/THEME_ID/editor?previewPath=%2Fcollections%2Fcranberries%3Fview%3Dcranberries&section=header

These are just GET-Parameters encoded. If you decode them and append them to your storefront (remember to click Preview from your dev theme, to actually preview it) you can preview the selected template in the Dev Theme preview.

 

e.g. I created a template within the theme editor for a collection named

cranberries

in my dev theme (started locally) and I want to preview it.

I click preview within the Theme Editor and change the URL to the following:

 

https://www.SHOPNAME.tld/collections/cranberries?view=cranberries

 the value of the

view=TEMPLATE_NAME

GET Parameters is the name of the collection template.

lanmi123
Tourist
4 0 1

Thank you!


Confirming this works.