112 lines
4.5 KiB
Smarty
112 lines
4.5 KiB
Smarty
<!DOCTYPE html>
|
|
<html lang="de">
|
|
<head>
|
|
<meta charset="utf-8">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1, viewport-fit=cover">
|
|
<title>{if isset($html_meta.title)}{$html_meta.title}{else}{$system_configuration.full_shop_name}{/if}</title>
|
|
|
|
{if isset($html_meta.description)}<meta name="description" content="{$html_meta.description}">{/if}
|
|
{if isset($html_meta.keywords)}<meta name="keywords" content="{$html_meta.keywords}">{/if}
|
|
|
|
<link rel="canonical" href="{$serverProtocol}://{$servername}{$currentURI}">
|
|
<link rel="icon" href="{$SUB_DIR}favicon.ico" type="image/x-icon">
|
|
|
|
{* Bootstrap 5.3 *}
|
|
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/css/bootstrap.min.css" rel="stylesheet">
|
|
<link href="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.11.3/font/bootstrap-icons.css" rel="stylesheet">
|
|
|
|
{* Eigenes Mobile-CSS *}
|
|
<link rel="stylesheet" href="{$THEME_DIR}/media/css/mobile.css?v=6">
|
|
|
|
<style>
|
|
:root {
|
|
--brand-color: #c00;
|
|
--brand-color-dark: #a00;
|
|
}
|
|
body { padding-top: 56px; padding-bottom: 80px; }
|
|
.navbar-brand img { max-height: 36px; }
|
|
.shop-item-card { border: 0; box-shadow: 0 1px 3px rgba(0,0,0,.08); margin-bottom: 12px; }
|
|
.btn-brand { background: var(--brand-color); color: #fff; border: 0; }
|
|
.btn-brand:hover { background: var(--brand-color-dark); color: #fff; }
|
|
.theme-switch-hint {
|
|
position: fixed; bottom: 8px; right: 8px; z-index: 999;
|
|
background: rgba(0,0,0,.7); color: #fff; padding: 4px 10px;
|
|
border-radius: 12px; font-size: 11px; text-decoration: none;
|
|
}
|
|
</style>
|
|
</head>
|
|
<body>
|
|
|
|
{* --- Top-Bar --- *}
|
|
<nav class="navbar navbar-expand-lg fixed-top bg-white shadow-sm" aria-label="Hauptnavigation">
|
|
<div class="container-fluid">
|
|
<button class="navbar-toggler border-0" type="button" data-bs-toggle="offcanvas" data-bs-target="#mobileNav" aria-controls="mobileNav" aria-label="Menü öffnen">
|
|
<span class="navbar-toggler-icon"></span>
|
|
</button>
|
|
|
|
<a class="navbar-brand mx-auto" href="{$SUB_DIR}">
|
|
<strong>{$system_configuration.full_shop_name}</strong>
|
|
</a>
|
|
|
|
<a href="{$SUB_DIR}index.php?website_modul=website_shoppingcart" class="btn btn-link text-dark p-0" aria-label="Warenkorb">
|
|
<i class="bi bi-bag" style="font-size: 1.5rem;"></i>
|
|
</a>
|
|
</div>
|
|
</nav>
|
|
|
|
{* --- Off-Canvas Nav --- *}
|
|
<div class="offcanvas offcanvas-start" tabindex="-1" id="mobileNav" aria-labelledby="mobileNavLabel">
|
|
<div class="offcanvas-header">
|
|
<h5 class="offcanvas-title" id="mobileNavLabel">Menü</h5>
|
|
<button type="button" class="btn-close" data-bs-dismiss="offcanvas" aria-label="Schließen"></button>
|
|
</div>
|
|
<div class="offcanvas-body">
|
|
<form action="{$SUB_DIR}" method="get" class="mb-3">
|
|
<div class="input-group">
|
|
<input type="text" name="search_item[search_item]" class="form-control" placeholder="Suchen…" autocomplete="off">
|
|
<button class="btn btn-brand" type="submit"><i class="bi bi-search"></i></button>
|
|
</div>
|
|
</form>
|
|
<ul class="nav flex-column">
|
|
<li class="nav-item"><a class="nav-link" href="{$SUB_DIR}">Startseite</a></li>
|
|
<li class="nav-item"><a class="nav-link" href="{$SUB_DIR}Mein-Konto/">Mein Konto</a></li>
|
|
<li class="nav-item"><a class="nav-link" href="{$SUB_DIR}Kontakt/">Kontakt</a></li>
|
|
<li class="nav-item"><a class="nav-link" href="{$SUB_DIR}Widerrufsrecht/">Widerrufsbelehrung</a></li>
|
|
<li class="nav-item"><a class="nav-link" href="{$SUB_DIR}AGB/">AGB</a></li>
|
|
<li class="nav-item"><a class="nav-link" href="{$SUB_DIR}Datenschutz/">Datenschutz</a></li>
|
|
<li class="nav-item"><a class="nav-link" href="{$SUB_DIR}Impressum/">Impressum</a></li>
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
|
|
{* --- Content --- *}
|
|
<main class="container py-3">
|
|
{$maincontent}
|
|
</main>
|
|
|
|
{* --- Footer --- *}
|
|
<footer class="bg-light py-4 mt-4 border-top">
|
|
<div class="container text-center">
|
|
<a class="btn btn-brand btn-lg mb-2" href="{$SUB_DIR}widerruf.php">
|
|
Vertrag widerrufen
|
|
</a>
|
|
<p class="small text-muted mb-1">Elektronische Widerrufsfunktion gem. § 356a BGB</p>
|
|
<hr class="my-3">
|
|
<p class="small text-muted mb-0">
|
|
<strong>{$system_configuration.full_shop_name}</strong> ·
|
|
{$system_configuration.footer_copyright_text}
|
|
</p>
|
|
<p class="small mt-2 mb-0">
|
|
<a href="?theme=theme2" class="text-muted">Zur Desktop-Version</a>
|
|
</p>
|
|
</div>
|
|
</footer>
|
|
|
|
{* Theme-Switch Hint (nur Test-Phase) *}
|
|
<a href="?theme=theme2" class="theme-switch-hint">📱 mobile · zurück zur Desktop-Version</a>
|
|
|
|
{* Bootstrap 5 JS bundle *}
|
|
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/js/bootstrap.bundle.min.js"></script>
|
|
</body>
|
|
</html>
|