ho-nl/magento2-templatehints

This package is abandoned and no longer maintained. The author suggests using the honl/magento2-templatehints package instead.

H&O Magento 2 Advanced Template Hints module

Installs: 8 162

Dependents: 0

Suggesters: 0

Security: 0

Stars: 257

Watchers: 25

Forks: 71

Open Issues: 23

Type:magento2-module

0.5.0 2023-07-27 07:48 UTC

This package is auto-updated.

Last update: 2023-07-27 07:49:23 UTC


README

Overview

Ho_Templatehints extends the default Magento template hints.

  • Easily accessible with muscle memory ?ath=1.
  • Shows hints for Templates, AbstractBlocks (Blocks), Containers and UI Components.
  • No layout interference: Using css outline instead of borders of other HTML elements, so it doesn't f'up the layout.

Usage $0

Installation

composer require --dev honl/magento2-templatehints
php bin/magento module:enable Ho_Templatehints
php bin/magento setup:upgrade

Development installation (git enabled)

composer require --dev honl/magento2-templatehints "dev-master"
php bin/magento module:enable Ho_Templatehints
php bin/magento setup:upgrade

Configure PHPStorm, allow remote calls

Setting up PHPStorm

Usage

  1. Set your Magento 2 installation to developer mode (when in production mode make sure to add your IP address in Developer Client Restrictions).
  2. Add ?ath=1 to your URL to activate.
  3. Open up your console in you Chrome/Firefox/Safari/IE devtools.
  4. hold (shift)
  5. Hover over the element you wish to inspect
  6. Voila! Hints everywhere!

Hints for hidden elements

You can't show hints for a hidden element, for that purpose there is hint($0):

//Select an element in the Elements panel in your devtools, it is now available with $0
hint($0)

Console $0

Inner Workings

The module adds an additional HTML attribute to the outer most element of a layout element.

Credits

Inspiration from Aoe_TemplateHints and a lot of love from H&O.

Developer

This module was developed by the H&O team. Check out more about this module on the H&O website: H&O Magento 2 Advanced Template hints module