https://github.com/webgriffe/module-layout-hints
A Magento 2 module which shows layout hints useful for development.
https://github.com/webgriffe/module-layout-hints
Last synced: 10 months ago
JSON representation
A Magento 2 module which shows layout hints useful for development.
- Host: GitHub
- URL: https://github.com/webgriffe/module-layout-hints
- Owner: webgriffe
- Created: 2016-02-19T15:52:58.000Z (over 10 years ago)
- Default Branch: master
- Last Pushed: 2016-09-18T15:43:30.000Z (almost 10 years ago)
- Last Synced: 2025-03-24T04:43:27.522Z (over 1 year ago)
- Language: PHP
- Size: 15.6 KB
- Stars: 1
- Watchers: 3
- Forks: 1
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
Layout Hints Magento 2 Module
=============================
[](https://travis-ci.org/webgriffe/module-layout-hints)
A Magento 2 module which shows layout hints useful for development.
It's the Magento 2 version of the [Webgriffe_TphPro](https://github.com/aleron75/Webgriffe_TphPro) Magento 1.x module.
Installation
------------
Please, use [Composer](https://getcomposer.org) and add `webgriffe/module-layout-hints` to your dependencies. Also add this repository to your `composer.json`.
"repositories": [
{
"type": "vcs",
"url": "https://github.com/webgriffe/module-layout-hints.git"
}
]
Then enable the module and upgrade to be sure that DB install/upgrade runs (if any):
$ php bin/magento module:enable Webgriffe_LayoutHints
$ php bin/magento setup:upgrade
If you're using `production` or `default` Magento2 mode you need to run Dependency Injection compilation process:
$ php bin/magento setup:di:compile
Usage
-----
Go to `Stores -> Configuration -> Advanced -> Developer -> Debug` and set `Layout Hints Enabled for Storefront` field to yes.
Then on storefont you'll see block hints as HTML comments. For example:
In this way block hints do not break page layout and you can leave it always enabled on your development environment.
To Do
-----
* Layout handles hints
* Hints as HTML block
Credits
-------
* Developed by [Webgriffe®](http://webgriffe.com)