{"id":13519104,"url":"https://github.com/ho-nl/magento2-Ho_Templatehints","last_synced_at":"2025-03-31T12:31:14.720Z","repository":{"id":9081797,"uuid":"60734890","full_name":"ho-nl/magento2-Ho_Templatehints","owner":"ho-nl","description":"H\u0026O Magento 2 Advanced Template Hints module","archived":false,"fork":false,"pushed_at":"2023-07-27T07:49:20.000Z","size":3183,"stargazers_count":268,"open_issues_count":22,"forks_count":67,"subscribers_count":27,"default_branch":"master","last_synced_at":"2024-05-07T01:32:23.273Z","etag":null,"topics":[],"latest_commit_sha":null,"homepage":"","language":"PHP","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"bsd-2-clause","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/ho-nl.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":"LICENSE.txt","code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null}},"created_at":"2016-06-08T22:26:45.000Z","updated_at":"2024-06-18T15:33:17.975Z","dependencies_parsed_at":"2024-06-18T15:33:17.173Z","dependency_job_id":"a480aae2-efba-4bb7-acf5-08b5fe7a4aac","html_url":"https://github.com/ho-nl/magento2-Ho_Templatehints","commit_stats":{"total_commits":55,"total_committers":15,"mean_commits":"3.6666666666666665","dds":0.4545454545454546,"last_synced_commit":"ca8368bc190c66e60521dec478da45a94ca8c5d9"},"previous_names":[],"tags_count":10,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/ho-nl%2Fmagento2-Ho_Templatehints","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/ho-nl%2Fmagento2-Ho_Templatehints/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/ho-nl%2Fmagento2-Ho_Templatehints/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/ho-nl%2Fmagento2-Ho_Templatehints/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/ho-nl","download_url":"https://codeload.github.com/ho-nl/magento2-Ho_Templatehints/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":246469101,"owners_count":20782669,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":[],"created_at":"2024-08-01T05:01:53.999Z","updated_at":"2025-03-31T12:31:14.320Z","avatar_url":"https://github.com/ho-nl.png","language":"PHP","funding_links":[],"categories":["PHP","Open Source Extensions"],"sub_categories":["Development Utilities"],"readme":"# H\u0026O Magento 2 Advanced Template Hints module\n\n![Overview](docs/total-workings.gif)\n\nHo_Templatehints extends the default Magento template hints.\n\n- Easily accessible with muscle memory `?ath=1`.\n- Shows hints for **Templates**, **AbstractBlocks** (Blocks), **Containers** and **UI Components**.\n- No layout interference: Using css outline instead of borders of other HTML elements, so it doesn't f'up the layout.\n\n![Usage $0](docs/usage.gif)\n\n## Installation\n\n```\ncomposer require --dev honl/magento2-templatehints\nphp bin/magento module:enable Ho_Templatehints\nphp bin/magento setup:upgrade\n```\n\n### Development installation (git enabled)\n\n```\ncomposer require --dev honl/magento2-templatehints \"dev-master\"\nphp bin/magento module:enable Ho_Templatehints\nphp bin/magento setup:upgrade\n```\n\n### Configure PHPStorm, allow remote calls\n\n![Setting up PHPStorm](docs/phpstorm-config.png)\n\n## Usage\n1. Set your Magento 2 installation to developer mode (when in production mode make sure to add your IP address in Developer Client Restrictions).\n2. Add `?ath=1` to your URL to activate.\n3. Open up your console in you Chrome/Firefox/Safari/~IE~ devtools.\n4. hold \u003ckbd\u003e⇧\u003c/kbd\u003e (shift)\n5. Hover over the element you wish to inspect\n6. Voila! Hints everywhere!\n\n### Hints for hidden elements\nYou can't show hints for a hidden element, for that purpose there is `hint($0)`:\n\n```JS\n//Select an element in the Elements panel in your devtools, it is now available with $0\nhint($0)\n```\n\n![Console $0](docs/console.gif)\n\n\n## Inner Workings\nThe module adds an additional HTML attribute to the outer most element of a layout element.\n\n## Credits\nInspiration from [Aoe_TemplateHints](https://github.com/AOEpeople/Aoe_TemplateHints) and a lot of love from H\u0026O.\n\n## Developer\nThis module was developed by the H\u0026O team. Check out more about this module on the H\u0026O website:\n\u003ca href=\"https://www.h-o.nl/blog/h-o-magento-2-advanced-template-hints-module\"\u003eH\u0026O Magento 2 Advanced Template hints module\u003c/a\u003e\n\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fho-nl%2Fmagento2-Ho_Templatehints","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fho-nl%2Fmagento2-Ho_Templatehints","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fho-nl%2Fmagento2-Ho_Templatehints/lists"}