Add base layout information to the bottom of the page.

drew7721 · Oct 11, 2019 · b8e2023 · b8e2023
1 parent cb342a3
commit b8e2023
Show file tree

Hide file tree

Showing 3 changed files with 29 additions and 0 deletions.
diff --git a/view/frontend/layout/default.xml b/view/frontend/layout/default.xml
@@ -3,4 +3,9 @@
     <head>
         <script src="JustinKase_LayoutHints::js/jk-hints.js"/>
     </head>
+    <body>
+        <referenceContainer name="root">
+            <block name="justinkase_layout_info" class="Magento\Framework\View\Element\Template" as="jkase_info" template="JustinKase_LayoutHints::info.phtml"/>
+        </referenceContainer>
+    </body>
 </page>
diff --git a/view/frontend/templates/info.phtml b/view/frontend/templates/info.phtml
@@ -0,0 +1,15 @@
+<?php
+/**
+ * Additional information template.
+ *
+ * @author Alex Ghiban <drew7721@gmail.com>
+ *
+ * @var \Magento\Framework\View\Element\Template $block
+ */
+?>
+<div class="justinkase-hint-footer">
+    <h4>Used Layout Update Handles</h4>
+    <?php  var_dump($block->getLayout()->getUpdate()->getHandles());?>
+    <h4>Suggested Available Containers</h4>
+    <?php  var_dump($block->getLayout()->getUpdate()->getContainers());?>
+</div>
diff --git a/view/frontend/web/css/source/_module.less b/view/frontend/web/css/source/_module.less
@@ -6,12 +6,21 @@
     .justinkase-hint-info {
         display: none;
     }
+
     .justinkase-hint-extra {
         display: none;
     }
 }
 
+.justinkase-hint-footer {
+    display: none;
+}
+
 body.justinkase-hints-enabled {
+    .justinkase-hint-footer {
+        display: block;
+    }
+
     .justinkase-hint {
         display: block;
         position: relative;