Skip to content

Magento 2 module for quickly debugging and understanding the final rendered layout for a page

Notifications You must be signed in to change notification settings

HarishSTOnline/magento2-layout-debugger

 
 

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

7 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Magento 2 Layout Debugger

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

About

Magento 2 module for quickly debugging and understanding the final rendered layout for a page

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Languages

  • PHP 50.8%
  • JavaScript 36.5%
  • Less 9.5%
  • HTML 3.2%