1 @inherits Dynamicweb.Rendering.ViewModelTemplate<Dynamicweb.Frontend.PageViewModel>
2 @using Dynamicweb.Content
3 @using System.Web
4 @using System.Net
5 @using Dynamicweb.Content.Items
6 @using System.Linq;
7
8 @{
9 var cartId = GetPageIdByNavigationTag("cart");
10 var searchId = GetPageIdByNavigationTag("search");
11 bool checkout = Model.ID == cartId && (HttpContext.Current.Request.Form.AllKeys.Contains("CartV2.GotoStep1") || HttpContext.Current.Request.Form.AllKeys.Contains("CartV2.GotoStep2"));
12 string bodyClass = Model.Area.Item.GetString("BodyClass");
13 string tagmanager = Model.Area.Item.GetString("Tagmanager");
14 }
15
16 <!DOCTYPE html>
17 <html>
18 <head>
19 <meta charset="utf-8"/>
20 <meta name="viewport" content="width=device-width, initial-scale=1.0"/>
21 <title>@Model.Title</title>
22 <meta name="description" content="@Model.Description"/>
23 @{
24 var basedomain = AppDomain.CurrentDomain.BaseDirectory;
25 }
26 <link rel="stylesheet" href="/Files/Templates/Designs/Zamarr/webroot/css/styles.min.css?q=@System.IO.File.GetLastWriteTime(AppDomain.CurrentDomain.BaseDirectory + "/Files/Templates/Designs/Zamarr/webroot/css/styles.min.css").Ticks"/>
27 <link rel="stylesheet" href="https://pro.fontawesome.com/releases/v5.13.1/css/all.css" integrity="sha384-B9BoFFAuBaCfqw6lxWBZrhg/z4NkwqdBci+E+Sc2XlK/Rz25RYn8Fetb+Aw5irxa" crossorigin="anonymous">
28 <!-- Global site tag (gtag.js) - Google Ads: 401167734 -->
29 <script async src="https://www.googletagmanager.com/gtag/js?id=AW-401167734"></script>
30 <script>
31 window.dataLayer = window.dataLayer || [];
32 function gtag(){dataLayer.push(arguments);}
33 gtag('js', new Date());
34
35 gtag('config', 'AW-401167734');
36 </script>
37 <script src="~/Files/Templates/Designs/Zamarr/webroot/js/lazysizes.min.js"></script>
38 <script id="CookieConsent" src="https://policy.app.cookieinformation.com/uc.js" data-culture="@Pageview.Area.CultureInfo.TwoLetterISOLanguageName" type="text/javascript"></script>
39
40 <script>
41 function loadJS(u) {
42 var r = document.getElementsByTagName("script")[0], s = document.createElement("script");
43 s.src = u;
44 r.parentNode.insertBefore(s, r);
45 }
46
47 if (!window.HTMLPictureElement || !('sizes' in document.createElement('img'))) {
48 document.createElement('picture');
49 loadJS("/Files/Templates/Designs/Zamarr/webroot/vendor/lazysizes/ls.respimg.min.js");
50 }
51 </script>
52
53 @RenderSnippet("StyleSheet")
54 @RenderSnippet("JavaScript")
55
56 </head>
57
58
59 <body class="@bodyClass">
60
61 @if (!String.IsNullOrEmpty(tagmanager))
62 {
63 <!-- Google Tag Manager -->
64 <noscript>
65 <iframe src="https://www.googletagmanager.com/ns.html?id=@tagmanager" height="0" width="0" style="display:none;visibility:hidden"></iframe>
66 </noscript>
67 <script type="text/javascript" defer async="async">
68 (function (w, d, s, l, i) {
69 w[l] = w[l] || [];
70 w[l].push({
71 'gtm.start': new Date().getTime(), event: 'gtm.js'
72 });
73 var f = d.getElementsByTagName(s)[0],
74 j = d.createElement(s), dl = l != 'dataLayer' ? '&l=' + l : '';
75 j.async = true;
76 j.src =
77 '//www.googletagmanager.com/gtm.js?id=' + i + dl;
78 f.parentNode.insertBefore(j, f);
79 })(window, document, 'script', 'dataLayer', '@tagmanager');</script>
80 <!-- End Google Tag Manager -->
81 }
82
83
84 @if (checkout == false)
85 {
86 <div class="header__top-info">
87 <div class="custom-container-width">
88 <div class="container-fluid">
89 <div class="row">
90 <div class="col-4">
91 <a class="header__top-info__contact" href="mailto:kontakt@zamarr.com">kontakt@zamarr.com</a>
92 </div>
93 <div class="col-4">
94 <p class="header__top-info__center-message">
95 @Translate("TopHeaderText")
96 </p>
97 </div>
98 <div class="col-4">
99 <div class="header__language">
100 @foreach (var lang in Model.Languages)
101 {
102 if (lang.IsCurrent)
103 {
104 <div class="header__language-current">
105 @(lang.Culture == "da-DK" ? "DK" : "EN") <i class="fas fa-chevron-down" style="font-size: 10px;"></i>
106
107 <div class="lang-dropdown">
108 @foreach (var lang2 in Model.Languages)
109 {
110 string link = HttpContext.Current.Request.Url.Scheme + "://" + lang2.PrimaryDomain;
111 string domainCurrentClass = lang2.IsCurrent ? " active" : "";
112 string culture = lang2.Culture;
113 string name = culture == "da-DK" ? "DK" : "EN";
114 if (lang2.IsCurrent)
115 {
116 continue;
117 }
118 <a href="@link" class="@domainCurrentClass">
119 @name
120 </a>
121 }
122 </div>
123 </div>
124 }
125 }
126 </div>
127 </div>
128 </div>
129 </div>
130 </div>
131
132 </div>
133 <div class="header__container">
134 <header class="header custom-container-width">
135 <div class="header__mobile">
136 <div class="container-fluid">
137 <div class="row">
138 <div class="col-3 col-md-4">
139 <div class="header__mobile__menuicon">
140 <button class="reset-button js-mobile-menu-toggle">
141 <i class="fa fa-bars"></i>
142 </button>
143 </div>
144 </div>
145 <div class="col-6 col-md-4 text-center">
146 <a href="/" title="@Translate("Gå til forside")">
147 <img class="header__mobile__logo" src="@Model.Area.Item.GetFile("LogoTwo").Path" alt="@Translate("Logo")"/>
148 </a>
149 </div>
150 <div class="col-3 col-md-4 text-right pl-0">
151
152 <a href="Default.aspx?ID=@cartId" class="header__mobile__basket-icon">
153 @if (Model.Cart.ProductsCount > 0)
154 {
155 <span class="header__mobile__basket-icon__counter">
156 @Model.Cart.ProductsCount<text> </text>
157 </span>
158 }
159 <i class="far fa-shopping-basket"></i>
160 </a>
161 </div>
162 </div>
163 </div>
164 </div>
165
166 <div class="container-fluid">
167 <div class="row">
168 <div class="col-3">
169 <a href="/" title="@Translate("Gå til forside")">
170 <img class="header__logo header__logo-white" src="@Model.Area.Item.GetFile("LogoOne").Path" alt="@Translate("Logo")"/>
171 </a>
172 <a href="/" title="@Translate("Gå til forside")">
173 <img class="header__logo header__logo-gray" src="@Model.Area.Item.GetFile("LogoTwo").Path" alt="@Translate("Logo")"/>
174 </a>
175 </div>
176
177 <div class="col-6">
178 <div class="header__mobile__open">
179 <nav class="header__nav desktop">
180 @RenderNavigation(new
181 {
182 id = "navbar",
183 startLevel = 1,
184 endlevel = 2,
185 ExpandMode = "all",
186 template = "Navbar.xslt"
187 })
188 </nav>
189
190 <div class="header__mobile__open__secondaryitems">
191 <form method="GET" action="/soeg" role="form" class="form-inline header__mobile__open__search d-lg-none">
192 <input type="hidden" name="ID" value="@searchId"/>
193
194 <div class="form-group mb-2">
195 <label for="search-input" class="sr-only">@Translate("Search")</label>
196 <input class="form-control" id="search-input" name="Search" type="search" placeholder="@Translate("Søg...")"/>
197 </div>
198
199 <button type="submit" class="btn btn-secondary mb-2">@Translate("Søg")</button>
200 </form>
201
202 <ul class="header__language header__mobile__open__language d-lg-none">
203 @foreach (var lang in Model.Languages)
204 {
205 string link = HttpContext.Current.Request.Url.Scheme + "://" + lang.PrimaryDomain;
206 string domainCurrentClass = lang.IsCurrent ? " active" : "";
207 string culture = lang.Culture;
208 string name = culture == "da-DK" ? Translate("Dansk") : Translate("Engelsk");
209 <li>
210 <a href="@link" class="@domainCurrentClass">
211 @name
212 </a>
213 </li>
214 }
215 </ul>
216 </div>
217
218 </div>
219
220 </div>
221
222 <div class="col-3 text-right">
223 <div style="display: inline-block;">
224 @* <ul class="header__language"> *@
225 @* @foreach (var lang in Model.Languages) *@
226 @* { *@
227 @* string link = HttpContext.Current.Request.Url.Scheme + "://" + lang.PrimaryDomain; *@
228 @* string domainCurrentClass = lang.IsCurrent ? " active" : ""; *@
229 @* string culture = lang.Culture; *@
230 @* string name = culture == "da-DK" ? Translate("Dansk") : Translate("Engelsk"); *@
231 @* <li> *@
232 @* <a href="@link" class="@domainCurrentClass"> *@
233 @* @name *@
234 @* </a> *@
235 @* </li> *@
236 @* } *@
237 @* </ul> *@
238
239 <div class="header__search">
240 <button class="reset-button js-trigger-searchbar">
241 <i class="fas fa-search"></i>
242 </button>
243 </div>
244
245
246 <a href="Default.aspx?ID=@cartId" class="header__basket">
247 <i class="fas fa-shopping-bag">
248
249 </i>
250
251 @if (Model.Cart.ProductsCount > 0)
252 {
253 <div class="header__basket__counter">@Model.Cart.ProductsCount</div>
254 }
255 </a>
256 </div>
257 </div>
258 </div>
259 </div>
260
261 </header>
262 <div class="header__searchbar">
263 <div class="container">
264 <form method="GET" action="/Default.aspx?ID=@GetPageIdByNavigationTag("search")" role="form" class="form-inline">
265 <i style="font-size: 36px;color: black;margin-right: 70px;" class="fal fa-times js-trigger-searchbar" role="button"></i>
266 <input type="hidden" name="ID" value="@searchId"/>
267
268 <div class="form-group header__searchbar-group">
269 <label for="search-input" class="sr-only">@Translate("Search")</label>
270 <input class="form-control header__searchbar-input" id="search-input" name="Search" type="search" placeholder="@Translate("Skriv hvad du leder efter")"/>
271 </div>
272 </form>
273 </div>
274 </div>
275 </div>
276 }
277
278 <div class="site">
279 @inherits Dynamicweb.Rendering.ViewModelTemplate<Dynamicweb.Frontend.PageViewModel>
280
281 @Title("Standard side skabelon")
282
283
284 @if (Model.Item != null && Model.Item.GetBoolean("HeaderRelative") && checkout == false)
285 {
286 <div class="header__push"></div>
287 }
288
289 @Model.Placeholder("dwcontent", "Indhold", "default:true;sort:1")
290
291
292
293
294
295 </div>
296
297 @if (checkout == false)
298 {
299 <div class="footer__container">
300 <footer class="footer custom-container-width">
301 <div class="container-fluid">
302 <div class="row">
303 <div class="col-12 col-md-4">
304 <div class="footer__column-container">
305 @Model.Area.Item.GetString("Footer_ContactInfo")
306 </div>
307 </div>
308 <div class="col-12 col-md-4 footer-add-borders-to-middle-column">
309 <div class="footer__column-container text-center">
310 <img class="footer__logo" src="@Model.Area.Item.GetFile("LogoOne").Path" alt="@Translate("Logo")"/>
311 @foreach (var someIcon in Model.Area.Item.GetItems("SocialMedia"))
312 {
313 <a class="footer__some-icon" href="@someIcon.GetString("Link")" title="@someIcon.GetString("Title")">
314 @if (someIcon.GetString("Title") == "Facebook")
315 {
316 <i class="fab fa-fw fa-facebook-f"></i>
317 }
318 else if (someIcon.GetString("Title") == "Instagram")
319 {
320 <i class="fab fa-fw fa-instagram"></i>
321 }
322 else if (someIcon.GetString("Title") == "Linkedin")
323 {
324 <i class="fab fa-fw fa-linkedin-in"></i>
325 }
326 </a>
327 }
328 <a class="footer__some-icon" href="mailto:@Model.Area.Item.GetString("SoMeMailLink")">
329 <i class="fas fa-fw fa-envelope"></i>
330 </a>
331 </div>
332 </div>
333 <div class="col-12 col-md-4 text-right footer__right">
334 <div class="footer__column-container">
335 <ul class="footer__links">
336 @foreach (var link in Model.Area.Item.GetItems("FooterRightLinkList"))
337 {
338 <li>
339 <a href="@link.GetString("Link")">@link.GetString("Title")</a>
340 </li>
341 }
342 </ul>
343 </div>
344 </div>
345 </div>
346 </div>
347 <!-- Event snippet for Køb conversion page -->
348 <script>
349 window.addEventListener('load', function() {
350 if (window.location.href.includes("CompletedOrderId")) {
351 var orderVal = jQuery('.checkout__cart__totals .text-graydark').text().replace(/[^0-9,]/g, '').replace(',', '.');
352 gtag('event', 'conversion', {
353 'send_to': 'AW-401167734/u6jnCJm-rP0BEPaqpb8B',
354 'value': orderVal,
355 'currency': 'DKK',
356 'transaction_id': ''
357 });
358 }
359 })
360 </script>
361 </footer>
362 <div class="footer__bottom-info-box">
363 <a class="footer__bottom-info-box__link" href="@Model.Area.Item.GetString("Link_1Link")">
364 @Model.Area.Item.GetString("Link_1Text")
365 </a>
366 <span class="d-none d-md-inline-block"> | </span>
367 <a class="footer__bottom-info-box__link" href="@Model.Area.Item.GetString("Link_2Link")">
368 @Model.Area.Item.GetString("Link_2Text")
369 </a>
370 <span class="d-none d-md-inline-block"> | </span>
371 <div class="footer__bottom-info-box__copyright">© Copyright 2021 Zamarr</div>
372 </div>
373 </div>
374 }
375
376
377 <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/OwlCarousel2/2.3.4/assets/owl.carousel.min.css">
378 <script src="https://code.jquery.com/jquery.min.js"></script>
379 <script src="~/Files/Templates/Designs/Zamarr/webroot/js/scripts.min.js"></script>
380
381 @RenderSnippet("JavaScriptBottom")
382
383 </body>
384 </html>