nathanjosiah/magento2-layout-debugger

N/A

Maintainers

Details

github.com/nathanjosiah/magento2-layout-debugger

Source

Issues

Installs: 3 088

Dependents: 0

Suggesters: 0

Security: 0

Stars: 26

Watchers: 3

Forks: 11

Open Issues: 0

Type:magento2-module

dev-master 2023-09-18 14:40 UTC

Requires

  • php: >=7.2.0

OSL-3.0, AFL-3.0 5b2128ef4a8efcba4e7d59a51af2d384c8be1f6c

This package is auto-updated.

Last update: 2025-02-18 17:33:50 UTC

README

Module for quickly debugging and understanding the final rendered layout for a page

Officially supports Magento 2.2.0+

Installation

Download it

composer require nathanjosiah/magento2-layout-debugger:dev-master

Register it with Magento

bin/magento setup:upgrade

For production mode also run

bin/magento setup:di:compile
bin/magento setup:static-content:deploy

Configure it

Go to Store->Configuration->Advanced->Developer->Debug

Enable Layout Debugging Dump On Storefront/Admin

Outputs a popup containing information about the rendered layout for a given page. The popup can be expanded and hidden.

Popup

Enable Layout Debugging Inline Comments On Storefront/Admin

Will add unobtrusive comments as to not interfere with CSS selectors and rendered HTML that help you quickly see where HTML is coming from in the layout.

This will be the name of the layout element, the type of the element (block, container, ui component), and the name of the parent element

Popup