Shopify themes, liquid, logos, and UX
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?
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.
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.
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?
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).
Thank you that works.
@tim @Martino_Harly
Shopify 2.0 has that feature now you can preview any custom template inside the theme customization option
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.
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§ion=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.
Thank you!
Confirming this works.
That's a great solution, logged in to say very thanks!!
By investing 30 minutes of your time, you can unlock the potential for increased sales,...
By Jacqui Sep 11, 2024We appreciate the diverse ways you participate in and engage with the Shopify Communi...
By JasonH Sep 9, 2024Thanks to everyone who participated in our AMA with 2H Media: Marketing Your Shopify St...
By Jacqui Sep 6, 2024