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  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  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  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  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>