$colorConfig = $this->getThemeConfiguration('color_customization');
$contentConfig = $this->getThemeConfiguration('content_customization');
$icons = $this->getAppIconData();
<html lang="<?= $this->getLocaleCode() ?>">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no, viewport-fit=cover">
<!-- Muli font import from Abode -->
<link rel="stylesheet" href="https://use.typekit.net/gbk7rfi.css">
if (typeof globalThis === 'object') return;
Object.prototype.__defineGetter__('__magic__', function() {
__magic__.globalThis = __magic__;
delete Object.prototype.__magic__;
window.actionName = { type: `<?= $this->getAction(); ?>` };
window.contentConfiguration = <?= json_encode($contentConfig) ?> || {};
window.storeList = JSON.parse(`<?= $this->getStoreListJson() ?>`);
window.storeRegexText = `/(${window.storeList.join('|')})?`;
<link rel="shortcut icon" href="/pub/media/favicon/favicon.png">
<?php foreach ($icons['ios_startup'] as $icon): ?>
<?= sprintf('<link rel="apple-touch-startup-image" sizes="%s" href="%s">', $icon["sizes"], $icon["href"]); ?>
<?php foreach ($icons['ios'] as $icon): ?>
<?= sprintf('<link rel="apple-touch-icon" sizes="%s" href="%s">', $icon["sizes"], $icon["href"]); ?>
<?php foreach ($icons['icon'] as $icon): ?>
<?= sprintf('<link rel="icon" sizes="%s" href="%s">', $icon["sizes"], $icon["href"]); ?>
<link rel="manifest" href="/pub/media/webmanifest/manifest.json">
<?php if ($colorConfig['enable_color_customization']['enable_custom_colors'] !== "0"): ?>
<?php $colorArray = $colorConfig['primary_colors'] + $colorConfig['secondary_colors']; ?>
<?php foreach ($colorArray as $code => $color): ?>
<?php if (strpos($code, 'color') !== false): ?>
<?= sprintf('--imported_%s: #%s;', $code, $color); ?>
<noscript>You need to enable JavaScript to run this app.</noscript>