Yireo HtmlHints

yireo/magento2-html-hints

Adds HTML comments to the rendered page output identifying the block class and template behind each section, helping developers locate the source of frontend markup.

No errors foundPHPStan level 3Build passingTrusted vendor

Supported Magento versions: 2.4.9

1,681 installs★ 19 starsLatest: v1.0.0Released 2026-01-06License: OSL-3.0

composer require yireo/magento2-html-hints

README

Reproduced from the package’s own README, under its own license, as of 2026-09-13. Links and images point back at the source repository.

Yireo HtmlHints

Magento version PHP version License Latest Version

A simple Magento 2 module that - once enabled - adds HTML hints to the frontend This module adds HTML hints (HTML comments <!-- -->) to the HTML output of a page, adding details on the rendered block or container.

Note that this module creates a preference rewrite of the core interface Magento\Framework\View\LayoutInterface which might conflict with other modules.

Installation

composer require yireo/magento2-html-hints
bin/magento module:enable Yireo_HtmlHints

Usage

Before:

<div class="page-title-wrapper">
    <h1 class="page-title" id="page-title-heading" aria-labelledby="page-title-heading toolbar-amount">
        <span class="base" data-ui-id="page-title-wrapper">Example</span>    
    </h1>
</div>

After:

<!-- BLOCK CLASS: Magento\Theme\Block\Html\Title\Interceptor / BLOCK NAME: page.main.title / TEMPLATE NAME: Magento_Theme::html/title.phtml / TEMPLATE FILE: /var/www/html/vendor/magento/module-theme/view/frontend/templates/html/title.phtml -->
<div class="page-title-wrapper">
    <h1 class="page-title" id="page-title-heading" aria-labelledby="page-title-heading toolbar-amount">
        <span class="base" data-ui-id="page-title-wrapper">Example</span>
    </h1>
</div>
<!-- END BLOCK page.main.title -->

Current status

Static Tests Unit Tests Integration Tests Playwright DI Compilation

Links

More from yireo

  • Googletagmanager2

    Implements Google Tag Manager in Magento 2. Supports GA4, click events, and offers extensibility.

  • Emailtester2

    Allows admins to test Magento 2 email sending. Helps verify email configuration and delivery.

  • Whoops

    Adds Whoops error handling to Magento 2 for improved debugging. Provides detailed error reports to assist developers in identifying and resolving issues.

Similar modules

  • Codemirror

    Integrates the CodeMirror code editor into Magento 2 admin. Provides form elements for UI components and frontend models for system configuration.

  • Optimize Cache Size

    Reduces cache keys by removing product/category specific layout handles. Improves performance by decreasing cache size and average Redis TTL.

  • Webapi Logs

    Logs and analyzes all REST API calls made to your Magento store. Provides detailed request and response information for debugging and monitoring.

← All packages from yireo