honl/magento2-templatehints 0.1.0

H&O Magento 2 Advanced Template Hints module

Type

magento2-module

License

BSD-2-Clause

Requires
Requires (dev)

None

Suggests

None

Provides

None

Conflicts

None

Replaces

None

H&O Magento 2 Advanced Template Hints module

Ho_Templatehints extends the default Magento template hints.

  • Easily accessible with with mussle 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

php bin/magento module:enable Ho_Templatehints php bin/magento setup:upgrade

Usage

  1. Set your Magento 2 installation to developer mode.
  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

Of course heavily inspired by Aoe_TemplateHints and a bit of love from H&O.