{"id":343,"date":"2021-06-30T15:57:37","date_gmt":"2021-06-30T12:57:37","guid":{"rendered":"http:\/\/wp.plumserver.com\/learn\/?p=343"},"modified":"2022-10-06T11:56:16","modified_gmt":"2022-10-06T08:56:16","slug":"enabling-template-path-hints-in-magento","status":"publish","type":"post","link":"https:\/\/plumrocket.com\/learn\/magento-1-path-hints","title":{"rendered":"How to Enable Template Path Hints in Magento"},"content":{"rendered":"\n<p>In this article, we will show you how to enable the <strong>Template Path Hints<\/strong> option in your Magento. This is sometimes required if you&#8217;re not sure which template on your server corresponds to the element on the frontend.<\/p>\n\n\n\n<p>As the result, after this option is activated in your Magento &#8211; you will be able to see the paths to the files on your server for each and every template on the page. Please follow the instructions below to learn how this developer option can be enabled.<\/p>\n\n\n\n<div class=\"wp-block-group pr-notice pr-notice-info\"><div class=\"wp-block-group__inner-container\">\n<p class=\"pr-notice-title\">Detailed description:<\/p>\n\n\n\n<ol><li>Login to your Magento Admin Panel.<\/li><li>In the main menu select <strong>System<\/strong>. Click on <strong>Configuration<\/strong>.<\/li><\/ol>\n<\/div><\/div>\n\n\n\n<figure class=\"wp-block-gallery columns-1 is-cropped\"><ul class=\"blocks-gallery-grid\"><li class=\"blocks-gallery-item\"><figure><img loading=\"lazy\" width=\"1024\" height=\"454\" src=\"http:\/\/wp.plumserver.com\/learn\/wp-content\/uploads\/2021\/06\/1-plumrocket_magento_template_path_hints_enable-1024x454.jpg\" alt=\"\" data-id=\"345\" data-full-url=\"http:\/\/wp.plumserver.com\/learn\/wp-content\/uploads\/2021\/06\/1-plumrocket_magento_template_path_hints_enable.jpg\" data-link=\"http:\/\/wp.plumserver.com\/learn\/enabling-template-path-hints-magento\/attachment\/1-plumrocket_magento_template_path_hints_enable\/\" class=\"wp-image-345\" srcset=\"https:\/\/plumrocket.com\/learn\/wp-content\/uploads\/2021\/06\/1-plumrocket_magento_template_path_hints_enable-1024x454.jpg 1024w, https:\/\/plumrocket.com\/learn\/wp-content\/uploads\/2021\/06\/1-plumrocket_magento_template_path_hints_enable-300x133.jpg 300w, https:\/\/plumrocket.com\/learn\/wp-content\/uploads\/2021\/06\/1-plumrocket_magento_template_path_hints_enable-768x341.jpg 768w, https:\/\/plumrocket.com\/learn\/wp-content\/uploads\/2021\/06\/1-plumrocket_magento_template_path_hints_enable.jpg 1206w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure><\/li><\/ul><\/figure>\n\n\n\n<div class=\"wp-block-group pr-notice pr-notice-info\"><div class=\"wp-block-group__inner-container\">\n<p class=\"pr-notice-title\">Detailed description:<\/p>\n\n\n\n<ol><li>Select the <strong>Current Configuration Scope<\/strong> that you want to enable template path hints at.<\/li><li>Scroll all the way to <strong>Advanced<\/strong> tab and locate the <strong>Developer<\/strong> section.<\/li><li>Go to the <strong>Debug<\/strong> tab.<\/li><li>Set the <strong>Template Path Hints<\/strong> option to <em>Yes<\/em>.<\/li><li>Press the <strong>Save Config<\/strong> button to change your settings.<\/li><\/ol>\n<\/div><\/div>\n\n\n\n<figure class=\"wp-block-gallery columns-1 is-cropped\"><ul class=\"blocks-gallery-grid\"><li class=\"blocks-gallery-item\"><figure><img loading=\"lazy\" width=\"1024\" height=\"538\" src=\"http:\/\/wp.plumserver.com\/learn\/wp-content\/uploads\/2021\/06\/2_-_plumrocket_magento_template_path_hints_enable-1024x538.jpg\" alt=\"\" data-id=\"346\" data-full-url=\"http:\/\/wp.plumserver.com\/learn\/wp-content\/uploads\/2021\/06\/2_-_plumrocket_magento_template_path_hints_enable.jpg\" data-link=\"http:\/\/wp.plumserver.com\/learn\/enabling-template-path-hints-magento\/attachment\/2_-_plumrocket_magento_template_path_hints_enable\/\" class=\"wp-image-346\" srcset=\"https:\/\/plumrocket.com\/learn\/wp-content\/uploads\/2021\/06\/2_-_plumrocket_magento_template_path_hints_enable-1024x538.jpg 1024w, https:\/\/plumrocket.com\/learn\/wp-content\/uploads\/2021\/06\/2_-_plumrocket_magento_template_path_hints_enable-300x158.jpg 300w, https:\/\/plumrocket.com\/learn\/wp-content\/uploads\/2021\/06\/2_-_plumrocket_magento_template_path_hints_enable-768x404.jpg 768w, https:\/\/plumrocket.com\/learn\/wp-content\/uploads\/2021\/06\/2_-_plumrocket_magento_template_path_hints_enable.jpg 1206w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure><\/li><\/ul><\/figure>\n\n\n\n<div class=\"wp-block-group pr-notice pr-notice-info\"><div class=\"wp-block-group__inner-container\">\n<p class=\"pr-notice-title\">Detailed description:<\/p>\n\n\n\n<ol><li>Now go to your Magento frontend and select the same configuration scope you selected in the backend.<\/li><li>You will see that now every element on the has a corresponding path to the file (template) on your server.<\/li><\/ol>\n<\/div><\/div>\n\n\n\n<figure class=\"wp-block-gallery columns-1 is-cropped\"><ul class=\"blocks-gallery-grid\"><li class=\"blocks-gallery-item\"><figure><img loading=\"lazy\" width=\"1024\" height=\"704\" src=\"http:\/\/wp.plumserver.com\/learn\/wp-content\/uploads\/2021\/06\/3_-_plumrocket_magento_template_path_hints_enable-1024x704.jpg\" alt=\"\" data-id=\"348\" data-full-url=\"http:\/\/wp.plumserver.com\/learn\/wp-content\/uploads\/2021\/06\/3_-_plumrocket_magento_template_path_hints_enable.jpg\" data-link=\"http:\/\/wp.plumserver.com\/learn\/enabling-template-path-hints-magento\/attachment\/3_-_plumrocket_magento_template_path_hints_enable\/\" class=\"wp-image-348\" srcset=\"https:\/\/plumrocket.com\/learn\/wp-content\/uploads\/2021\/06\/3_-_plumrocket_magento_template_path_hints_enable-1024x704.jpg 1024w, https:\/\/plumrocket.com\/learn\/wp-content\/uploads\/2021\/06\/3_-_plumrocket_magento_template_path_hints_enable-300x206.jpg 300w, https:\/\/plumrocket.com\/learn\/wp-content\/uploads\/2021\/06\/3_-_plumrocket_magento_template_path_hints_enable-768x528.jpg 768w, https:\/\/plumrocket.com\/learn\/wp-content\/uploads\/2021\/06\/3_-_plumrocket_magento_template_path_hints_enable.jpg 1206w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure><\/li><\/ul><\/figure>\n\n\n\n<p><\/p>\n","protected":false},"excerpt":{"rendered":"<p><!-- wp:paragraph --><\/p>\n<p>In this article we will show you how to enable <strong>&#8220;Template Path Hints&#8221;<\/strong> option in your Magento. This is sometimes required if you&#8217;re not sure which template on your server correspond to the element on the frontend.<\/p>\n<p><!-- \/wp:paragraph --><\/p>\n<p><!-- wp:paragraph --><\/p>\n<p>As the result, after this option is activated in your Magento &#8211; you will be able to see the paths to the files on your server for each and every template on the page. Please follow the instructions below to learn how this developer option can be enabled.<\/p>\n<p><!-- \/wp:paragraph --><\/p>\n","protected":false},"author":3,"featured_media":0,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_mi_skip_tracking":false,"_monsterinsights_sitenote_active":false,"_monsterinsights_sitenote_note":"","_monsterinsights_sitenote_category":0},"categories":[122],"tags":[10,133,134],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v16.4 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>How to Enable Template Path Hints in Magento - Magento Tutorials for Beginners &amp; Professionals<\/title>\n<meta name=\"description\" content=\"Learn how to enable the Template Path Hints in your Magento to see the paths to the files on your server for each template on the page.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/plumrocket.com\/learn\/magento-1-path-hints\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"How to Enable Template Path Hints in Magento - Magento Tutorials for Beginners &amp; Professionals\" \/>\n<meta property=\"og:description\" content=\"Learn how to enable the Template Path Hints in your Magento to see the paths to the files on your server for each template on the page.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/plumrocket.com\/learn\/magento-1-path-hints\" \/>\n<meta property=\"og:site_name\" content=\"Magento Tutorials for Beginners &amp; Professionals\" \/>\n<meta property=\"article:published_time\" content=\"2021-06-30T12:57:37+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2022-10-06T08:56:16+00:00\" \/>\n<meta property=\"og:image\" content=\"http:\/\/wp.plumserver.com\/learn\/wp-content\/uploads\/2021\/06\/1-plumrocket_magento_template_path_hints_enable-1024x454.jpg\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data1\" content=\"2 minutes\" \/>\n<!-- \/ Yoast SEO plugin. -->","_links":{"self":[{"href":"https:\/\/plumrocket.com\/learn\/wp-json\/wp\/v2\/posts\/343"}],"collection":[{"href":"https:\/\/plumrocket.com\/learn\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/plumrocket.com\/learn\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/plumrocket.com\/learn\/wp-json\/wp\/v2\/users\/3"}],"replies":[{"embeddable":true,"href":"https:\/\/plumrocket.com\/learn\/wp-json\/wp\/v2\/comments?post=343"}],"version-history":[{"count":4,"href":"https:\/\/plumrocket.com\/learn\/wp-json\/wp\/v2\/posts\/343\/revisions"}],"predecessor-version":[{"id":645,"href":"https:\/\/plumrocket.com\/learn\/wp-json\/wp\/v2\/posts\/343\/revisions\/645"}],"wp:attachment":[{"href":"https:\/\/plumrocket.com\/learn\/wp-json\/wp\/v2\/media?parent=343"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/plumrocket.com\/learn\/wp-json\/wp\/v2\/categories?post=343"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/plumrocket.com\/learn\/wp-json\/wp\/v2\/tags?post=343"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}