[FEATURE] Demonstrate footer menu in site package tutorial package (#481

)

resources/packages/site_package_tutorial/13.4/src/Configuration/Sets/SitePackage/TypoScript/Navigation/footerMenu.typoscript.twig

@@ -0,0 +1,12 @@
+page {
+    10 {
+        dataProcessing {
+            40 = menu
+            40 {
+                as = footerMenu
+                special = directory
+                special.value = {${{ package.packageName }}.footerMenuRoot}
+            }
+        }
+    }
+}

resources/packages/site_package_tutorial/13.4/src/Configuration/Sets/SitePackage/settings.definitions.yaml.twig

@@ -7,6 +7,9 @@ categories:
   {{ package.packageName }}.layout:
     label: 'Layout'
     parent: {{ package.packageName }}
+  {{ package.packageName }}.menus:
+    label: 'Menus'
+    parent: {{ package.packageName }}
 
 settings:
   {{ package.packageName }}.template_path:
@@ -36,3 +39,10 @@ settings:
     category: {{ package.packageName }}.layout
     type: string
     default: 'EXT:{{ package.extensionKey }}/Resources/Public/Icons/favicon.ico'
+
+  {{ package.packageName }}.footerMenuRoot:
+      label: 'Footer menu root uid'
+      description: 'The subpages of this page are displayed in the footer'
+      category: {{ package.packageName }}.menus
+      type: int
+      default: 2

resources/packages/site_package_tutorial/13.4/src/Resources/Private/PageView/Partials/Navigation/FooterMenu.html

@@ -1,4 +1,7 @@
-<ul class="nav col-md-4 justify-content-end">
-    <li class="nav-item"><a href="#" class="nav-link px-2 text-body-secondary">Data privacy</a></li>
-    <li class="nav-item"><a href="#" class="nav-link px-2 text-body-secondary">Imprint</a></li>
-</ul>
+<f:if condition="{footerMenu}">
+    <ul class="nav col-md-4 justify-content-end">
+        <f:for each="{footerMenu}" as="menuItem">
+            <li class="nav-item"><a href="{menuItem.link}" class="nav-link px-2 text-body-secondary">{menuItem.title}</a></li>
+        </f:for>
+    </ul>
+</f:if>