{"id":60378,"date":"2020-01-03T03:35:09","date_gmt":"2020-01-03T08:35:09","guid":{"rendered":"http:\/\/www.templatemonster.com\/help\/?p=60378"},"modified":"2020-01-03T04:01:24","modified_gmt":"2020-01-03T09:01:24","slug":"shopify-how-to-create-a-page-template","status":"publish","type":"post","link":"https:\/\/www.templatemonster.com\/help\/shopify-how-to-create-a-page-template.html","title":{"rendered":"Shopify. How to create a page template"},"content":{"rendered":"<p>This tutorial provides an explanation of how to create a <strong>page template<\/strong> in Shopify.<\/p>\r\n<p><a href=\"http:\/\/www.youtube.com\/watch?v=yHIZI5ZIG2U?width=1280&amp;height=720\" rel=\"prettyPhoto\">Shopify. How to create a page template<\/a><\/p>\r\n<ol>\r\n<li>\r\n<p>Log into your Shopify admin panel and navigate to <strong>Online Store -> Themes<\/strong> section.\r\n\t\t<\/p>\r\n<\/li>\r\n<li>\r\n<p>Click the <strong>dots<\/strong> button and select <strong>Edit HTML\/CSS<\/strong> option:\r\n\t\t<\/p>\r\n<p><a href=\"\/help\/wp-content\/uploads\/2016\/01\/Shopify_How_to_create_a_page_template_1.jpg\"><img loading=\"lazy\" src=\"\/help\/wp-content\/uploads\/2016\/01\/Shopify_How_to_create_a_page_template_1-300x169.jpg\" alt=\"Shopify_How_to_create_a_page_template_1\" width=\"300\" height=\"169\" class=\"aligncenter size-medium wp-image-60379\" srcset=\"https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2016\/01\/Shopify_How_to_create_a_page_template_1-300x169.jpg 300w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2016\/01\/Shopify_How_to_create_a_page_template_1-150x84.jpg 150w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2016\/01\/Shopify_How_to_create_a_page_template_1-1024x576.jpg 1024w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2016\/01\/Shopify_How_to_create_a_page_template_1.jpg 1281w\" sizes=\"(max-width: 300px) 100vw, 300px\" \/><\/a>\r\n\t<\/li>\r\n<li>\r\n<p>Locate the <strong>Templates<\/strong> folder and click the <strong>Add a new template<\/strong> link:\r\n\t\t<\/p>\r\n<p><a href=\"\/help\/wp-content\/uploads\/2016\/01\/Shopify_How_to_create_a_page_template_2.jpg\"><img loading=\"lazy\" src=\"\/help\/wp-content\/uploads\/2016\/01\/Shopify_How_to_create_a_page_template_2-300x168.jpg\" alt=\"Shopify_How_to_create_a_page_template_2\" width=\"300\" height=\"168\" class=\"aligncenter size-medium wp-image-60403\" srcset=\"https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2016\/01\/Shopify_How_to_create_a_page_template_2-300x168.jpg 300w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2016\/01\/Shopify_How_to_create_a_page_template_2-150x84.jpg 150w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2016\/01\/Shopify_How_to_create_a_page_template_2-1024x573.jpg 1024w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2016\/01\/Shopify_How_to_create_a_page_template_2.jpg 1281w\" sizes=\"(max-width: 300px) 100vw, 300px\" \/><\/a>\r\n\t<\/li>\r\n<li>\r\n<p>Let&#8217;s create a new template for the <strong>Contacts<\/strong> page.\tSelect the <strong>page<\/strong> option in the drop-down list and give it a name (for example, <strong>contact.alternate<\/strong>). You can also choose other options available for a new template (article, blog, product, etc.).\r\n\t\t<\/p>\r\n<\/li>\r\n<li>\r\n<p>Press the <strong>Create template<\/strong> button to save your new page template:\r\n\t\t<\/p>\r\n<p><a href=\"\/help\/wp-content\/uploads\/2016\/01\/Shopify_How_to_create_a_page_template_3.jpg\"><img loading=\"lazy\" src=\"\/help\/wp-content\/uploads\/2016\/01\/Shopify_How_to_create_a_page_template_3-300x169.jpg\" alt=\"Shopify_How_to_create_a_page_template_3\" width=\"300\" height=\"169\" class=\"aligncenter size-medium wp-image-60404\" srcset=\"https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2016\/01\/Shopify_How_to_create_a_page_template_3-300x169.jpg 300w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2016\/01\/Shopify_How_to_create_a_page_template_3-150x85.jpg 150w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2016\/01\/Shopify_How_to_create_a_page_template_3-1024x578.jpg 1024w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2016\/01\/Shopify_How_to_create_a_page_template_3.jpg 1280w\" sizes=\"(max-width: 300px) 100vw, 300px\" \/><\/a>\r\n\t<\/li>\r\n<li>\r\n<p>Once your new page template is created, it will appear in the <strong>Templates<\/strong> folder so that you will be able to edit it. In our case it is <strong>page.contact.alternate.liquid<\/strong> file.\r\n\t\t<\/p>\r\n<\/li>\r\n<li>\r\n<p>When a new template is created, you will see the standard code in its file. You can edit it in order to fit your needs. For instance, let&#8217;s open <strong>page.contact.liquid<\/strong> file and copy its content to our new template so that you can modify it.<\/p>\r\n<p>Let&#8217;s remove the Google map code from this template to see how it works. Press the <strong>Save<\/strong> button at the top to save your changes:\r\n\t\t<\/p>\r\n<p><a href=\"\/help\/wp-content\/uploads\/2016\/01\/Shopify_How_to_create_a_page_template_4.jpg\"><img loading=\"lazy\" src=\"\/help\/wp-content\/uploads\/2016\/01\/Shopify_How_to_create_a_page_template_4-300x167.jpg\" alt=\"Shopify_How_to_create_a_page_template_4\" width=\"300\" height=\"167\" class=\"aligncenter size-medium wp-image-60405\" srcset=\"https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2016\/01\/Shopify_How_to_create_a_page_template_4-300x167.jpg 300w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2016\/01\/Shopify_How_to_create_a_page_template_4-150x83.jpg 150w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2016\/01\/Shopify_How_to_create_a_page_template_4-1024x569.jpg 1024w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2016\/01\/Shopify_How_to_create_a_page_template_4.jpg 1281w\" sizes=\"(max-width: 300px) 100vw, 300px\" \/><\/a>\r\n\t<\/li>\r\n<li>\r\n<p>Now you need to assign your new template to a page (<strong>Contact Us<\/strong> page in our case). Navigate to <strong>Online Store -> Pages<\/strong> section and open <strong>Contact Us<\/strong> page:\r\n\t\t<\/p>\r\n<p>\t<a href=\"\/help\/wp-content\/uploads\/2016\/01\/Shopify_How_to_create_a_page_template_5.jpg\"><img loading=\"lazy\" src=\"\/help\/wp-content\/uploads\/2016\/01\/Shopify_How_to_create_a_page_template_5-300x169.jpg\" alt=\"Shopify_How_to_create_a_page_template_5\" width=\"300\" height=\"169\" class=\"aligncenter size-medium wp-image-60406\" srcset=\"https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2016\/01\/Shopify_How_to_create_a_page_template_5-300x169.jpg 300w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2016\/01\/Shopify_How_to_create_a_page_template_5-150x84.jpg 150w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2016\/01\/Shopify_How_to_create_a_page_template_5-1024x576.jpg 1024w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2016\/01\/Shopify_How_to_create_a_page_template_5.jpg 1281w\" sizes=\"(max-width: 300px) 100vw, 300px\" \/><\/a>\r\n\t<\/li>\r\n<li>\r\n<p>Locate the <strong>Template<\/strong> section on the right side of the screen. Select your new template in the drop-down list (<strong>page.contact.alternate<\/strong> template in our case).\r\n\t\t<\/p>\r\n<\/li>\r\n<li>\r\n<p>Press the <strong>Save<\/strong> button to save your changes:\r\n\t\t<\/p>\r\n<p><a href=\"\/help\/wp-content\/uploads\/2016\/01\/Shopify_How_to_create_a_page_template_6.jpg\"><img loading=\"lazy\" src=\"\/help\/wp-content\/uploads\/2016\/01\/Shopify_How_to_create_a_page_template_6-300x169.jpg\" alt=\"Shopify_How_to_create_a_page_template_6\" width=\"300\" height=\"169\" class=\"aligncenter size-medium wp-image-60407\" srcset=\"https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2016\/01\/Shopify_How_to_create_a_page_template_6-300x169.jpg 300w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2016\/01\/Shopify_How_to_create_a_page_template_6-150x84.jpg 150w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2016\/01\/Shopify_How_to_create_a_page_template_6-1024x575.jpg 1024w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2016\/01\/Shopify_How_to_create_a_page_template_6.jpg 1280w\" sizes=\"(max-width: 300px) 100vw, 300px\" \/><\/a>\r\n\t<\/li>\r\n<li>\r\n<p>Refresh your website page to see the changes. The <strong>Contacts<\/strong> page is using our new template now. You can edit the template&#8217;s file further to your liking.\r\n\t\t<\/p>\r\n<\/li>\r\n<\/ol>\r\n<p>Now you know how to create a <strong>page template<\/strong> in Shopify.<\/p>\r\n<p>Feel free to check the detailed video tutorial below:<\/p>\r\n<p><a href=\"http:\/\/www.youtube.com\/watch?v=yHIZI5ZIG2U?width=1280&amp;height=720\" rel=\"prettyPhoto\">Shopify. How to create a page template<\/a><\/p>\r\n<p>Of course, the creation of the page template, various elements of the site, and the site itself is quite simple and not a long process for true professionals. And it is very good if you are a beginner and can already do quite a lot on your own. But this is not what we are talking about now.<\/p>\r\n\r\n<p>Nowadays, there are many sites that offer their services to create websites and online stores. And frequently it costs a pretty large amount of money. But! there is a way out. And this is the <a href=\"https:\/\/www.templatemonster.com\/shopify-business-kit\/\">Shopify Business Startup Kit<\/a>. This is exactly the case when professionals will make your website in the best way. So, Shopify is quite a popular platform to implement your plans and launch an online store. Since Shopify is really extremely trendy, a lot of attention is paid to the quality of online shopping. That is why Shopify Business Startup Kit is an ideal choice. This service from TemplateMonster costs only 359 dollars. At this cost, the best developers in a few days will create a ready to go website. They will take care of all the important points and problems you may face while using the website. You will also receive a 30-day trial and 24\/7 technical support. You just need to leave your email and the team will contact you. Think also about what your site should be like so that developers can fully implement your idea.<\/p>\r\n\r\nAnother important point in creating a Shopify store is the choice of a suitable and really high quality theme. One of the best themes for any business is <a href=\"https:\/\/www.templatemonster.com\/shopify-themes\/apparelix-clean-multipurpose-shopify-theme-87247.html\">Apparelix<\/a>. This is an extremely cool multifunctional theme that is suitable for any purpose. You can also use the <a href=\"https:\/\/www.templatemonster.com\/shopify-themes\/apparelix-free-shopify-theme-92048.html\">free version of Apparelix<\/a>. Of course, the free version includes a less set of features. But his way you can try this theme out and then buy a premium version with a wide range of features. Among them:\r\n<ul>\r\n \t<li>regular updates (including regular new color schemes, different page variations, various sections, headings, homepages, and so on)<\/li>\r\n \t<li>over four amazingly good-looking skins,<\/li>\r\n \t<li>adaptation to any device,<\/li>\r\n \t<li>integration with Google fonts and maps,<\/li>\r\n \t<li>cross-browser compatible<\/li>\r\n \t<li>built-in online chat,<\/li>\r\n \t<li>multi-currency,<\/li>\r\n \t<li>a system of comments and feedback,<\/li>\r\n \t<li>different kinds of menus,<\/li>\r\n \t<li>a clean and valid code,<\/li>\r\n \t<li>additional effects,<\/li>\r\n \t<li>fully responsive design,<\/li>\r\n \t<li>multilingualism,<\/li>\r\n \t<li>visual editors that will simplify your work with website design, and much more.<\/li>\r\n<\/ul>\r\n<p>This theme is very easy to use, but at the same time surprises with its capabilities. All elements are quite easy to adjust and change. And of course, the main advantage of this theme is multi-purpose. Apparelix &#8211; Clean Multipurpose Shopify Theme can be easily adapted to any type of site.<\/p>\r\n\r\n<p>You can also use <a href=\"https:\/\/www.templatemonster.com\/blog\/top-free-shopify-themes\/\">Free Shopify Themes: Collection of the Best Items Released in 2020<\/a>. In this post, you will find great themes to suit all tastes. And a detailed description of each theme will help you to better understand the available functionality, and in the end, choose the best theme for your website.<\/p>\r\n<p><\/p>","protected":false},"excerpt":{"rendered":"<p>This tutorial provides an explanation of how to create a <strong>page template<\/strong> in Shopify.<\/p>\n","protected":false},"author":95,"featured_media":60408,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":[],"categories":[1771],"tags":[796,572,2419,767],"_links":{"self":[{"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/posts\/60378"}],"collection":[{"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/users\/95"}],"replies":[{"embeddable":true,"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/comments?post=60378"}],"version-history":[{"count":7,"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/posts\/60378\/revisions"}],"predecessor-version":[{"id":85517,"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/posts\/60378\/revisions\/85517"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/media\/60408"}],"wp:attachment":[{"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/media?parent=60378"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/categories?post=60378"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/tags?post=60378"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}