Our Partner & Developer boards on the community are moving to a brand new home: the .dev community forums! While you can still access past discussions here, for all your future app and storefront building questions, head over to the new forums.

How to preview single page in local development

Solved

How to preview single page in local development

chandbooth
Shopify Partner
3 0 1

I am doing theme development locally and see my home page on 127.0.0.1 and can change code on VSCode and see changes - all good.

 

I have some pages that are not linked to anything yet and I'd like to be able to preview a single page locally. I can go to the theme editor and get to the page but would prefer to work locally. How do I derive the url to use (i.e., 127.0.0.1/9292/someURL-for-a-page)?

Accepted Solution (1)

Liam
Community Manager
3108 342 884

This is an accepted solution.

Hi Chandbooth,

 

To view a page that's not linked on the main navigation you can append the path that you'd find in the admin to your local host url. EG: if I have a static page on my store and I navigate to the content editor area in the admin, I'd find the path in the "Search engine listing preview" section under "URL and handle":

 

 

So in this case to see this page in my local dev environment I'd load www.127.0.0.1/9292/pages/test 

 

Hope this helps,

Liam | Developer Advocate @ Shopify 
 - Was my reply helpful? Click Like to let me know! 
 - Was your question answered? Mark it as an Accepted Solution
 - To learn more visit Shopify.dev or the Shopify Web Design and Development Blog

View solution in original post

Replies 2 (2)

Liam
Community Manager
3108 342 884

This is an accepted solution.

Hi Chandbooth,

 

To view a page that's not linked on the main navigation you can append the path that you'd find in the admin to your local host url. EG: if I have a static page on my store and I navigate to the content editor area in the admin, I'd find the path in the "Search engine listing preview" section under "URL and handle":

 

 

So in this case to see this page in my local dev environment I'd load www.127.0.0.1/9292/pages/test 

 

Hope this helps,

Liam | Developer Advocate @ Shopify 
 - Was my reply helpful? Click Like to let me know! 
 - Was your question answered? Mark it as an Accepted Solution
 - To learn more visit Shopify.dev or the Shopify Web Design and Development Blog

chandbooth
Shopify Partner
3 0 1

Perfect - I'm back in business - thanks!