PHPackages                             justinkase/module-layouthints - PHPackages - PHPackages  [Skip to content](#main-content)[PHPackages](/)[Directory](/)[Categories](/categories)[Trending](/trending)[Leaderboard](/leaderboard)[Changelog](/changelog)[Analyze](/analyze)[Collections](/collections)[Log in](/login)[Sign up](/register)

1. [Directory](/)
2. /
3. [Templating &amp; Views](/categories/templating)
4. /
5. justinkase/module-layouthints

ActiveMagento2-module[Templating &amp; Views](/categories/templating)

justinkase/module-layouthints
=============================

This is Magento 2 layout hints on steroids!

1.1.8(11mo ago)89682[3 issues](https://github.com/drew7721/module-templatehints/issues)GPL-3.0PHP

Since Oct 5Pushed 11mo ago1 watchersCompare

[ Source](https://github.com/drew7721/module-templatehints)[ Packagist](https://packagist.org/packages/justinkase/module-layouthints)[ Fund](https://liberapay.com/drew7721)[ Patreon](https://www.patreon.com/drew7721)[ RSS](/packages/justinkase-module-layouthints/feed)WikiDiscussions develop Synced 1mo ago

READMEChangelog (10)DependenciesVersions (15)Used By (0)

Magento 2 - Layout Hints (Enhanced)
===================================

[](#magento-2---layout-hints-enhanced)

[![](https://camo.githubusercontent.com/5523cab188730f0556c85601c144c2d80dfa13463b9931c0d7f2b26c6392d38a/68747470733a2f2f696d672e736869656c64732e696f2f6769746875622f762f72656c656173652f64726577373732312f6d6f64756c652d74656d706c61746568696e7473)](#)[![](https://camo.githubusercontent.com/c96c617fb40f83f8e0c538d10cf59dc8c5771c11d2de735b5dc6016eb91f7921/68747470733a2f2f696d672e736869656c64732e696f2f6769746875622f6973737565732f64726577373732312f6d6f64756c652d74656d706c61746568696e7473)](#)[![Gitter](https://camo.githubusercontent.com/765f7c51a3e04d1e8699a2ac7cec6a454933b12e28a28074f82b1d0eb7b4feb1/68747470733a2f2f6261646765732e6769747465722e696d2f6d6f64756c652d74656d706c61746568696e74732f636f6d6d756e6974792e737667)](https://gitter.im/module-templatehints/community?utm_source=badge&utm_medium=badge&utm_campaign=pr-badge)

Why?
----

[](#why)

Let's be honest, the default Magento 2 layout hints are very *bare* (to stay polite). They lack much of the information that is needed when we want to debug the layout.

This module made my like easier when it comes to altering the layout and templates of Magento 2 and I hope it will do the same for you.

The goal is to show all blocks, containers and uiComponents on the page without breaking the page too badly. When the mouse hovers any given element it will show more information for the current hovered element and its parents. The data that is provided includes the name, alias, parent, template and class.

I've also added some nice frontend features to easily hide or show the hints that way it's easy to navigate the site while the hints are ON. There are some additional features that bring some of the CLI actions to the frontend such as enabling and disabling the hints from the frontend as well as clearing the caches directly from the browser.

This module will never make itself visible or have any effect in production mode, **it will only work in developer mode**.

[![](https://camo.githubusercontent.com/6da40957b6f6a2bdb5cb26854e053bd5fd2ae8b3aa9315971fd1d78729ededda/68747470733a2f2f692e696d6775722e636f6d2f5650656139544c2e706e67)](https://i.imgur.com/VPea9TL.png)[![](https://camo.githubusercontent.com/416ddb7e51eb7629074911ca1405fc47aa014a453de9b96774ee141a92a9037d/68747470733a2f2f692e696d6775722e636f6d2f4e684a686d636f2e706e67)](https://i.imgur.com/NhJhmco.png)

Features
--------

[](#features)

- Enable and disable from **Frontend**, CLI or Admin panel
- Shows **blocks** and **containers**
- Displays the **name** and **alias** of the block or container.
- Lots of information on hover such as the block **class** and **template file**.
- **Clear all caches from the frontend**
- Non-intrusive display
- Layout information at the bottom of the page.

Install
-------

[](#install)

```
composer require justinkase/module-layouthints
magento setup:upgrade
magento cache:flush

```

How to use this module
----------------------

[](#how-to-use-this-module)

### Frontend

[](#frontend)

**Make sure you're in developer mode**

Visit your Magento 2 store in a browser and use the following keys combinations.

#### Shortcuts:

[](#shortcuts)

- `Shift + Ctrl + H` =&gt; Toggle hints visibility
- `Shift + Ctrl + =` =&gt; Turn ON hints (you must also clear caches)
- `Shift + Ctrl + -` =&gt; Turn OFF hints (you must also clear caches)
- `Shift + Ctrl + C` =&gt; Clear caches

You might get a request to approve browser notifications.

Make sure you're focused on the page, *click somewhere on the page with the mouse*, **but not a link**!

### CLI

[](#cli)

```
justinkase:hints:on
justinkase:hints:off
magento cache:flush

```

### Admin Panel

[](#admin-panel)

`Stores > Configuration > Advanced > Developer > JustinKase - Layout Hints`

[![](https://camo.githubusercontent.com/3c58f986644fd874cc66d01ee89eab8552539ec2d6387ffe318d5ef0561c84fc/68747470733a2f2f692e696d6775722e636f6d2f445541396c65682e706e67)](https://camo.githubusercontent.com/3c58f986644fd874cc66d01ee89eab8552539ec2d6387ffe318d5ef0561c84fc/68747470733a2f2f692e696d6775722e636f6d2f445541396c65682e706e67)

Author
------

[](#author)

[Alex Ghiban](mailto:drew7721@gmail.com)

###  Health Score

39

—

LowBetter than 86% of packages

Maintenance43

Moderate activity, may be stable

Popularity24

Limited adoption so far

Community9

Small or concentrated contributor base

Maturity65

Established project with proven stability

 Bus Factor1

Top contributor holds 100% of commits — single point of failure

How is this calculated?**Maintenance (25%)** — Last commit recency, latest release date, and issue-to-star ratio. Uses a 2-year decay window.

**Popularity (30%)** — Total and monthly downloads, GitHub stars, and forks. Logarithmic scaling prevents top-heavy scores.

**Community (15%)** — Contributors, dependents, forks, watchers, and maintainers. Measures real ecosystem engagement.

**Maturity (30%)** — Project age, version count, PHP version support, and release stability.

###  Release Activity

Cadence

Every ~186 days

Recently: every ~42 days

Total

12

Last Release

354d ago

Major Versions

0.0.1 → 1.0.02019-10-05

### Community

Maintainers

![](https://www.gravatar.com/avatar/18bd5a865c5fe0c6396d80e7002dae9b604fd4f705a7660bbbd7c8ccc0c8f68c?d=identicon)[drew7721](/maintainers/drew7721)

---

Top Contributors

[![drew7721](https://avatars.githubusercontent.com/u/9411699?v=4)](https://github.com/drew7721 "drew7721 (84 commits)")

---

Tags

layout-hintsmagento2magento2-devmagento2-developmentmagento2-moduletemplatelayoutmagento2magento 2hintstemplate hintslayout information

### Embed Badge

![Health badge](/badges/justinkase-module-layouthints/health.svg)

```
[![Health](https://phpackages.com/badges/justinkase-module-layouthints/health.svg)](https://phpackages.com/packages/justinkase-module-layouthints)
```

###  Alternatives

[phpoffice/phpword

PHPWord - A pure PHP library for reading and writing word processing documents (OOXML, ODF, RTF, HTML, PDF)

7.5k34.7M183](/packages/phpoffice-phpword)[rize/uri-template

PHP URI Template (RFC 6570) supports both expansion &amp; extraction

420137.3M46](/packages/rize-uri-template)[goomento/module-page-builder

Goomento - The Free Magento Page Builder Extension, allows you to create unique Magento websites, landing pages using advanced animations, custom CSS, responsive designs, and more, without a line of code.

10413.0k2](/packages/goomento-module-page-builder)

PHPackages © 2026

[Directory](/)[Categories](/categories)[Trending](/trending)[Changelog](/changelog)[Analyze](/analyze)
