feat: Tempalte events integrated.

feat: HTML structure redesigned.

README.md

@@ -9,6 +9,7 @@ Package name:
     
 Features
 --------
+
 - Responsive
 - Integrated QUIQQER breadcrumb
 - Page transition effects
@@ -18,14 +19,16 @@ Features
 Installation
 ------------
 
-The package name is: quiqqer/template-businesspro
+The package name is: quiqqer/template-cologne
 
 
 Contribute
 ----------
 
+- Project: https://dev.quiqqer.com/quiqqer/template-cologne
 - Issue Tracker: https://dev.quiqqer.com/quiqqer/template-cologne/issues
-- Source Code: https://dev.quiqqer.com/quiqqer/template-cologne
+- Source Code: https://dev.quiqqer.com/quiqqer/template-cologne/tree/master
+- Wiki: https://dev.quiqqer.com/quiqqer/template-cologne/wikis/home
 
 
 Support
@@ -37,6 +40,7 @@ then you can write an e-mail to support@pcsg.de.
 For developers
 --------------
 
+
 ### Available template events
 For mor information go to
  [QUIQQER Wiki - Template events](https://dev.quiqqer.com/quiqqer/quiqqer/wikis/design_standard#template-events).
@@ -51,5 +55,14 @@ For mor information go to
 
 <!-- body -->
 {template_event name="quiqqer::template-cologne::body::begin" Template=$Template}
+{template_event name="quiqqer::template-cologne::body::afterTopBar" Template=$Template}
+{template_event name="quiqqer::template-cologne::body::afterMainMenu" Template=$Template}
+{template_event name="quiqqer::template-cologne::body::beforePage" Template=$Template}
+{template_event name="quiqqer::template-cologne::body::afterHeader" Template=$Template}
+{template_event name="quiqqer::template-cologne::body::afterBreadcrumb" Template=$Template}
+{template_event name="quiqqer::template-cologne::body::beforeMain" Template=$Template}
+{template_event name="quiqqer::template-cologne::body::afterMain" Template=$Template}
+{template_event name="quiqqer::template-cologne::body::beforeFooter" Template=$Template}
+{template_event name="quiqqer::template-cologne::body::afterFooter" Template=$Template}
 {template_event name="quiqqer::template-cologne::body::end" Template=$Template}
 ```

index.html

@@ -34,6 +34,8 @@
     Flags=$Flags LangCurrencySwitch=$LangCurrencySwitch Search=$Search
 }
 
+{template_event name="quiqqer::template-cologne::body::afterTopBar" Template=$Template}
+
 {* main navigation / menu *}
 {fetch template="template/mainMenu.html"
     Project=$Project
@@ -45,65 +47,21 @@
     initialBasketPrice=$initialBasketPrice
 }
 
-{if $header == 'afterNav' && $Site->getAttribute('image_emotion')}
-    {fetch template="template/pageHeader.html" Site=$Site pageTitle=$pageTitle}
-{/if}
+{template_event name="quiqqer::template-cologne::body::afterMainMenu" Template=$Template}
 
 {* <!--Shop category menu--> *}
 {if $showCategoryMenu}
 <div class="shop-category-menu-wrapper">
-    {$categoriesMenu}
+    {$CategoriesMenu}
 </div>
 {/if}
 
-<!-- breadcrumb -->
-{if $showBreadcrumb}
-    {fetch template="template/breadcrumb.html" Site=$Site pageTitle=$pageTitle}
-{/if}
-
-{assign var=headerSuffix value=$BricksManager->getBricksByArea('headerSuffix', $Site)}
-{foreach $headerSuffix as $Brick}
-    {assign var=brickFullWidth value=''}
-    {if $Brick->getSetting( 'general.fullWidth' )}
-        {assign var=brickFullWidth value='brick-full-width'}
-    {/if}
-
-    {assign var=brickNoPadding value=""}
-    {if $Brick->getSetting('general.noSpacing')}
-        {assign var=brickNoPadding value="brick-no-spacing"}
-    {/if}
-    <section class="template-brick-container template-brick-headerSuffix brick-id-{$Brick->getAttribute('id')}">
-        <div class="template-grid-container template-grid-row {$brickFullWidth} {$brickNoPadding}">
-            {$Brick->create()}
-        </div>
-    </section>
-{/foreach}
+{template_event name="quiqqer::template-cologne::body::beforePage" Template=$Template}
 
-<main class="cologne-main">
-    <div class="cologne-grid-container">
-        {$Template->getLayout()}
-    </div>
-</main>
-
-{assign var=footerPrefix value=$BricksManager->getBricksByArea('footerPrefix', $Site)}
-{foreach $footerPrefix as $Brick}
-    {assign var=brickFullWidth value=''}
-    {if $Brick->getSetting( 'general.fullWidth' )}
-        {assign var=brickFullWidth value='brick-full-width'}
-    {/if}
-
-    {assign var=brickNoPadding value=""}
-    {if $Brick->getSetting('general.noSpacing')}
-        {assign var=brickNoPadding value="brick-no-spacing"}
-    {/if}
-    <section class="template-brick-container template-brick-footerPrefix brick-id-{$Brick->getAttribute('id')}">
-        <div class="template-grid-container template-grid-row {$brickFullWidth} {$brickNoPadding}">
-            {$Brick->create()}
-        </div>
-    </section>
-{/foreach}
-
-{fetch template="template/footer/footer.html"
+{fetch template="template/page.html"
+    showBreadcrumb=$showBreadcrumb
+    header=$header
+    pageTitle=$pageTitle
     BricksManager=$BricksManager
     Site=$Site
     paymentsData=$paymentsData
@@ -113,6 +71,8 @@
     Template=$Template
 }
 
+{template_event name="quiqqer::template-cologne::body::afterPage" Template=$Template}
+
 {template_event name="quiqqer::template-cologne::body::end" Template=$Template}
 </body>
 </html>
\ No newline at end of file

src/QUI/TemplateCologne/Controls/Menu/Categories.php

@@ -26,7 +26,7 @@ class Categories extends QUI\Control
     public function __construct($attributes = [])
     {
         $this->setAttributes([
-            'class'       => 'quiqqer-categories-menu',
+            'class'       => 'quiqqer-categories-menu uuuuuuu',
             'startId'     => 1, // site id or site link where menu starts by. 1 is start page (first project page)
             'template'    => dirname(__FILE__) . '/Categories.html', // nav wrapper
             'menuFile'    => dirname(__FILE__) . '/Categories.Menu.html', // contains children (sites),
@@ -63,7 +63,6 @@ public function getBody()
             return '';
         }
 
-
         $Engine->assign([
             'menuFile'    => $this->getAttribute('menuFile'),
             'this'        => $this,

src/QUI/TemplateCologne/Utils.php

@@ -174,7 +174,7 @@ public static function getConfig($params)
                 'startId'     => $Project->getConfig('templateCologne.settings.categoryStartId')
             ]);
 
-            $config['categoriesMenu'] = QUI\ControlUtils::parse($CategoriesMenu);
+            $config['CategoriesMenu'] = QUI\ControlUtils::parse($CategoriesMenu);
         }
 
         // predefined footer

template/page.html

+{if $header == 'afterNav' && $Site->getAttribute('image_emotion')}
+    {fetch template="template/page/pageHeader.html" Site=$Site pageTitle=$pageTitle}
+{/if}
+
+{template_event name="quiqqer::template-cologne::body::afterHeader" Template=$Template}
+
+<!-- breadcrumb -->
+{if $showBreadcrumb}
+    {fetch template="template/page/breadcrumb.html" Site=$Site pageTitle=$pageTitle}
+{/if}
+
+{template_event name="quiqqer::template-cologne::body::afterBreadcrumb" Template=$Template}
+
+{assign var=headerSuffix value=$BricksManager->getBricksByArea('headerSuffix', $Site)}
+{foreach $headerSuffix as $Brick}
+    {assign var=brickFullWidth value=''}
+    {if $Brick->getSetting( 'general.fullWidth' )}
+        {assign var=brickFullWidth value='brick-full-width'}
+    {/if}
+
+    {assign var=brickNoPadding value=""}
+    {if $Brick->getSetting('general.noSpacing')}
+        {assign var=brickNoPadding value="brick-no-spacing"}
+    {/if}
+    <section class="template-brick-container template-brick-headerSuffix brick-id-{$Brick->getAttribute('id')}">
+        <div class="template-grid-container template-grid-row {$brickFullWidth} {$brickNoPadding}">
+            {$Brick->create()}
+        </div>
+    </section>
+{/foreach}
+
+{template_event name="quiqqer::template-cologne::body::beforeMain" Template=$Template}
+<main class="cologne-main">
+    <div class="cologne-grid-container">
+        {$Template->getLayout()}
+    </div>
+</main>
+{template_event name="quiqqer::template-cologne::body::afterMain" Template=$Template}
+
+{assign var=footerPrefix value=$BricksManager->getBricksByArea('footerPrefix', $Site)}
+{foreach $footerPrefix as $Brick}
+    {assign var=brickFullWidth value=''}
+    {if $Brick->getSetting( 'general.fullWidth' )}
+        {assign var=brickFullWidth value='brick-full-width'}
+    {/if}
+
+    {assign var=brickNoPadding value=""}
+    {if $Brick->getSetting('general.noSpacing')}
+        {assign var=brickNoPadding value="brick-no-spacing"}
+    {/if}
+    <section class="template-brick-container template-brick-footerPrefix brick-id-{$Brick->getAttribute('id')}">
+        <div class="template-grid-container template-grid-row {$brickFullWidth} {$brickNoPadding}">
+            {$Brick->create()}
+        </div>
+    </section>
+{/foreach}
+
+{template_event name="quiqqer::template-cologne::body::beforeFooter" Template=$Template}
+
+{fetch template="template/footer/footer.html"
+    BricksManager=$BricksManager
+    Site=$Site
+    paymentsData=$paymentsData
+    shortText=$shortText
+    urlList=$urlList
+    featuredProducts=$featuredProducts
+    Template=$Template
+}
+
+{template_event name="quiqqer::template-cologne::body::afterFooter" Template=$Template}