feat: favicons as a realfavicongenerator set per site, like ep-reisen and snowbreak

The theme registered 26 icons (16 to 196 px PNGs, a GIF, eleven Apple touch icons) that current browsers no longer need. It now renders the five tags of the set realfavicongenerator.net generates (96 px PNG, SVG, ICO, 180 px Apple touch icon, web manifest) plus apple-mobile-web-app-title, from two constants: faviconPath, the folder in fileadmin the set was uploaded to (default: the E&P set), and faviconAppTitle. The ICO also matches the favicon parser of yoast's snippet preview now (rel="shortcut icon" directly followed by href), which missed the old tags and fell back to a /favicon.ico none of the sites has. cllt and alvac, which showed the theme's E&P icon, get the E&P set. Sites whose own template sets page.shortcutIcon and removes headerData.333 (ski-boarderweek, snowzone, ser) keep their icon until they have a set; the remaining ICOs of these three stay until then. ep-reisen and snowbreak still override the tags with the same markup in their templates. Co-Authored-By: Claude Opus 5.5 <[email protected]>
2026-10-25 15:19:05 +01:00
1 parent c0c81317aa
commit 1d7fadbd19
@@ -41,32 +41,17 @@ page {
    headerData.100 = TEXT
    headerData.100.value = <link rel="preconnect" href="https://cdn.ep-reisen.de">

+    # The set realfavicongenerator.net generates (2024): what current browsers use, nothing for
+    # outdated ones. faviconPath is the folder in fileadmin it was uploaded to.
    headerData.333 = TEXT
    headerData.333.value (
-<link rel="shortcut icon" type="image/x-icon" href="/{path:EXT:ep_theme/Resources/Public/images/favicon.ico}">
-<link rel="icon" type="image/x-icon" href="/{path:EXT:ep_theme/Resources/Public/images/favicon.ico}">
-<link rel="icon" type="image/gif" href="/{path:EXT:ep_theme/Resources/Public/images/favicon.gif}">
-<link rel="icon" type="image/png" href="/{path:EXT:ep_theme/Resources/Public/images/favicon.png}">
-<link rel="apple-touch-icon" href="/{path:EXT:ep_theme/Resources/Public/images/apple-touch-icon.png}">
-<link rel="apple-touch-icon" href="/{path:EXT:ep_theme/Resources/Public/images/apple-touch-icon-57x57.png}" sizes="57x57">
-<link rel="apple-touch-icon" href="/{path:EXT:ep_theme/Resources/Public/images/apple-touch-icon-60x60.png}" sizes="60x60">
-<link rel="apple-touch-icon" href="/{path:EXT:ep_theme/Resources/Public/images/apple-touch-icon-72x72.png}" sizes="72x72">
-<link rel="apple-touch-icon" href="/{path:EXT:ep_theme/Resources/Public/images/apple-touch-icon-76x76.png}" sizes="76x76">
-<link rel="apple-touch-icon" href="/{path:EXT:ep_theme/Resources/Public/images/apple-touch-icon-114x114.png}" sizes="114x114">
-<link rel="apple-touch-icon" href="/{path:EXT:ep_theme/Resources/Public/images/apple-touch-icon-120x120.png}" sizes="120x120">
-<link rel="apple-touch-icon" href="/{path:EXT:ep_theme/Resources/Public/images/apple-touch-icon-128x128.png}" sizes="128x128">
-<link rel="apple-touch-icon" href="/{path:EXT:ep_theme/Resources/Public/images/apple-touch-icon-144x144.png}" sizes="144x144">
-<link rel="apple-touch-icon" href="/{path:EXT:ep_theme/Resources/Public/images/apple-touch-icon-152x152.png}" sizes="152x152">
-<link rel="apple-touch-icon" href="/{path:EXT:ep_theme/Resources/Public/images/apple-touch-icon-180x180.png}" sizes="180x180">
-<link rel="apple-touch-icon" href="/{path:EXT:ep_theme/Resources/Public/images/apple-touch-icon-precomposed.png}">
-<link rel="icon" type="image/png" href="/{path:EXT:ep_theme/Resources/Public/images/favicon-16x16.png}" sizes="16x16">
-<link rel="icon" type="image/png" href="/{path:EXT:ep_theme/Resources/Public/images/favicon-32x32.png}" sizes="32x32">
-<link rel="icon" type="image/png" href="/{path:EXT:ep_theme/Resources/Public/images/favicon-96x96.png}" sizes="96x96">
-<link rel="icon" type="image/png" href="/{path:EXT:ep_theme/Resources/Public/images/favicon-160x160.png}" sizes="160x160">
-<link rel="icon" type="image/png" href="/{path:EXT:ep_theme/Resources/Public/images/favicon-192x192.png}" sizes="192x192">
-<link rel="icon" type="image/png" href="/{path:EXT:ep_theme/Resources/Public/images/favicon-196x196.png}" sizes="196x196">
+<link rel="icon" type="image/png" href="/{$plugin.tx_eptheme.settings.faviconPath}/favicon-96x96.png" sizes="96x96" />
+<link rel="icon" type="image/svg+xml" href="/{$plugin.tx_eptheme.settings.faviconPath}/favicon.svg" />
+<link rel="shortcut icon" href="/{$plugin.tx_eptheme.settings.faviconPath}/favicon.ico" />
+<link rel="apple-touch-icon" sizes="180x180" href="/{$plugin.tx_eptheme.settings.faviconPath}/apple-touch-icon.png" />
+<meta name="apple-mobile-web-app-title" content="{$plugin.tx_eptheme.settings.faviconAppTitle}" />
+<link rel="manifest" href="/{$plugin.tx_eptheme.settings.faviconPath}/site.webmanifest" />
    )
-    headerData.333.insertData = 1

    # disableCompression keeps ResourceCompressor's hands off the Encore entries: Webpack
    # already minifies them, and copying them to typo3temp/assets/compressed only replaces the
@@ -129,6 +129,10 @@ plugin.tx_eptheme {
 		defaultBodyclass = subpage
 		# cat=eptheme/500/120; type=string; label=Logo image
 		logoImage = EXT:ep_theme/Resources/Public/images/logo_wide.svg
+		# cat=eptheme/500/125; type=string; label=Favicon folder (realfavicongenerator set, without leading/trailing slash)
+		faviconPath = fileadmin/user_upload/favicon/ep
+		# cat=eptheme/500/126; type=string; label=Home screen title (apple-mobile-web-app-title)
+		faviconAppTitle = E&P Reisen und Events
 		# cat=eptheme/500/130; type=string; label=Force active topnav uid
 		forceActiveTopnavUid =
 		# cat=eptheme/500/140; type=string; label=Booking URL template code