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!!
Confirming this still works, Thank you!
Learn how to expand your operations internationally with Shopify Academy’s learning path...
By Shopify Feb 4, 2025Hey Community, happy February! Looking back to January, we kicked off the year with 8....
By JasonH Feb 3, 2025Expand into selling wholesale with Shopify Academy’s learning path, B2B on Shopify: Lau...
By Shopify Jan 28, 2025