Yireo HtmlHints for Magento 2

Name: Yireo HtmlHints for Magento 2
Rating: 0 (1 reviews)
Author: yireo

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.

Developer Tools

Install with Composer

Top Contributors

View Leaderboard

jissereitsma

10 contributions

Share This Module's Status

Yireo HtmlHints for Magento 2 Magento compatibility status badge

README

Loaded from GitHub

Yireo HtmlHints

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 -->

This content is fetched directly from the module's GitHub repository. We are not the authors of this content and take no responsibility for its accuracy, completeness, or any consequences arising from its use.

The Home for Magento 2 Excellence