1 @inherits Dynamicweb.Rendering.ViewModelTemplate<Dynamicweb.Frontend.PageViewModel>
2 @using System
3 @using Dynamicweb
4 @using Dynamicweb.Environment
5 @using Dynamicweb.Frontend
6 @using System.Web
7
8 @{
9 string swiftVersion = ReadFile("~/Files/Templates/Designs/Swift/swift_version.txt");
10 bool renderAsResponsive = Model.Area.Item.GetString("DeviceRendering", "responsive").Equals("responsive", StringComparison.OrdinalIgnoreCase);
11 bool renderMobile = Pageview.Device == Dynamicweb.Frontend.Devices.DeviceType.Mobile || Pageview.Device == Dynamicweb.Frontend.Devices.DeviceType.Tablet;
12 string responsiveHeaderClassDesktop = string.Empty;
13 string responsiveHeaderClassMobile = string.Empty;
14 if (renderAsResponsive)
15 {
16 responsiveHeaderClassDesktop = " d-none d-xl-block";
17 responsiveHeaderClassMobile = " d-block d-xl-none";
18 }
19
20 bool activateRoundedCorners = Model.Area.Item.GetBoolean("ActivateRoundedCorners");
21 int roundedCornersPixelValue = Model.Area.Item.GetInt32("Custom_RoundedCornersPixelValue");
22 roundedCornersPixelValue = (roundedCornersPixelValue > 0) ? roundedCornersPixelValue : 15;
23 string roundedCornersCss = activateRoundedCorners ? roundedCornersPixelValue + "px" : "0px";
24 var brandingPageId = Model.Area.Item.GetLink("BrandingPage") != null ? Model.Area.Item.GetLink("BrandingPage").PageId : 0;
25 var themePageId = Model.Area.Item.GetLink("ThemesPage") != null ? Model.Area.Item.GetLink("ThemesPage").PageId : 0;
26 var buttonsPageId = Model.Area.Item.GetLink("Custom_ButtonThemesPage") != null ? Model.Area.Item.GetLink("Custom_ButtonThemesPage").PageId : 0;
27 string customHeaderInclude = Model.Area.Item.GetFile("CustomHeaderInclude") != null ? Model.Area.Item.GetFile("CustomHeaderInclude").Name : string.Empty;
28
29 var brandingPage = Dynamicweb.Services.Pages?.GetPage(brandingPageId) ?? null;
30 var themesParagraphLastChanged = Services.Paragraphs.GetParagraphsByPageId(themePageId).OrderByDescending(p => p.Audit.LastModifiedAt).FirstOrDefault();
31 var buttonsParagraphLastChanged = Services.Paragraphs.GetParagraphsByPageId(buttonsPageId).OrderByDescending(p => p.Audit.LastModifiedAt).FirstOrDefault(); //CUSTOM added button css
32
33 var cssLastModified = brandingPage.Audit.LastModifiedAt > themesParagraphLastChanged.Audit.LastModifiedAt ? brandingPage.Audit.LastModifiedAt : themesParagraphLastChanged.Audit.LastModifiedAt;
34 var cssThemeAndBrandingStyleFileInfo = new System.IO.FileInfo(Dynamicweb.Core.SystemInformation.MapPath($"~/Files/Templates/Designs/Swift/_parsed/Swift_css/Swift_styles_{Model.Area.ID}.min.css"));
35
36 // Schema.org details for PDP
37 string productId = !string.IsNullOrEmpty(Dynamicweb.Context.Current.Request.QueryString.Get("ProductID")) ? Dynamicweb.Context.Current.Request.QueryString.Get("ProductID") : "";
38 bool isProductDetailsPage = !string.IsNullOrEmpty(productId);
39 bool isArticlePage = Model.ItemType == "Swift_Article";
40 string schemaOrgType = string.Empty;
41
42 /*if (isProductDetailsPage)
43 {
44 schemaOrgType = "itemscope=\"\" itemtype=\"https://schema.org/Product\"";
45 }
46
47 if (isArticlePage)
48 {
49 schemaOrgType = "itemscope=\"\" itemtype=\"https://schema.org/Article\"";
50 }*/
51
52 if (!cssThemeAndBrandingStyleFileInfo.Exists || cssThemeAndBrandingStyleFileInfo.LastWriteTime < brandingPage.Audit.LastModifiedAt)
53 {
54 //Branding page has been saved or the file is missing. Rewrite the file to disc.
55 if (brandingPageId > 0)
56 {
57 var brandingPageview = Dynamicweb.Frontend.PageView.GetPageviewByPageID(brandingPageId);
58 brandingPageview.Redirect = false;
59 brandingPageview.Output();
60 }
61 }
62
63 if (!cssThemeAndBrandingStyleFileInfo.Exists || cssThemeAndBrandingStyleFileInfo.LastWriteTime < themesParagraphLastChanged.Audit.LastModifiedAt)
64 {
65 //Branding page has been saved or the file is missing. Rewrite the file to disc.
66 if (themePageId > 0)
67 {
68 var themePageview = Dynamicweb.Frontend.PageView.GetPageviewByPageID(themePageId);
69 themePageview.Redirect = false;
70 themePageview.Output();
71 }
72 }
73
74 //CUSTOM added button css
75 if (!cssThemeAndBrandingStyleFileInfo.Exists || cssThemeAndBrandingStyleFileInfo.LastWriteTime < buttonsParagraphLastChanged.Audit.LastModifiedAt)
76 {
77 //Button page has been saved or the file is missing. Rewrite the file to disc.
78 if (buttonsPageId > 0)
79 {
80 var buttonPageview = Dynamicweb.Frontend.PageView.GetPageviewByPageID(buttonsPageId);
81 buttonPageview.Redirect = false;
82 buttonPageview.Output();
83 }
84 }
85 //END CUSTOM
86
87 //Security Headers
88 //NOTE: Content-Security-Policy-Report-Only __IS NOT__ strict, it is only for reporting violations
89 var headerCSPRO = Convert.ToString(Dynamicweb.Configuration.SystemConfiguration.Instance.GetValue("/Globalsettings/twoday/Security/HeaderCSPRO"));
90 if (!string.IsNullOrEmpty(headerCSPRO) )
91 {
92 Dynamicweb.Context.Current.Response.AddHeader("Content-Security-Policy-Report-Only", headerCSPRO);
93 }
94
95 var cssStyleFileInfo = new System.IO.FileInfo(Dynamicweb.Core.SystemInformation.MapPath("~/Files/Templates/Designs/Swift/Assets/css/styles.css"));
96 var jsFileInfo = new System.IO.FileInfo(Dynamicweb.Core.SystemInformation.MapPath("~/Files/Templates/Designs/Swift/Assets/js/scripts.js"));
97
98 string masterTheme = !string.IsNullOrWhiteSpace(Model.Area.Item.GetRawValueString("Theme")) ? " theme " + Model.Area.Item.GetRawValueString("Theme").Replace(" ", "").Trim().ToLower() : "";
99 string customButtonTheme = !string.IsNullOrWhiteSpace(Model.Area.Item.GetRawValueString("Custom_ButtonTheme")) ? Model.Area.Item.GetRawValueString("Custom_ButtonTheme").Replace(" ", "").Trim().ToLower() : "";
100
101 string favicon = Model.Area.Item.GetFile("Favicon") != null ? Model.Area.Item.GetFile("Favicon").Path : "~/Files/Templates/Designs/Swift/Assets/Images/favicon.png";
102
103 string headerCssClass = "sticky-top";
104 bool movePageBehind = false;
105
106 if (Pageview.Page.PropertyItem != null)
107 {
108 headerCssClass = Pageview.Page.PropertyItem["MoveThisPageBehindTheHeader"] != null ? Pageview.Page.PropertyItem["MoveThisPageBehindTheHeader"].ToString() : "sticky-top";
109 movePageBehind = headerCssClass == "fixed-top" && !Pageview.IsVisualEditorMode ? true : false;
110 }
111
112 headerCssClass = headerCssClass == "" ? "sticky-top" : headerCssClass;
113 headerCssClass = Pageview.IsVisualEditorMode ? "" : headerCssClass;
114
115 string googleAnalyticsTrackingID = Model.Area.Item.GetString("GoogleAnalyticsTrackingID");
116 bool allowCookies = CookieManager.GetCookieOptInLevel() == 0 || !CookieManager.CookieOptInLevelExists ? false : true;
117 string googleTagManagerID = Model.Area.Item.GetString("GoogleTagManagerId_Custom");
118
119 Dynamicweb.Context.Current.Response.AddHeader("link", $"</Files/Templates/Designs/Swift/Assets/css/styles.css?{cssStyleFileInfo.LastWriteTime.Ticks}>; rel=preload; as=style;");
120 Dynamicweb.Context.Current.Response.AddHeader("link", $"</Files/Templates/Designs/Swift/_parsed/Swift_css/Swift_styles_{Model.Area.ID}.min.css?{cssLastModified.Ticks}; rel=preload; as=style;");
121 Dynamicweb.Context.Current.Response.AddHeader("link", $"</Files/Templates/Designs/Swift/Assets/js/aos.js?{jsFileInfo.LastWriteTime.Ticks}; rel=preload; as=script;");
122 Dynamicweb.Context.Current.Response.AddHeader("link", $"</Files/Templates/Designs/Swift/Assets/js/scripts.js?{jsFileInfo.LastWriteTime.Ticks}; rel=preload; as=script;");
123 //Dynamicweb.Context.Current.Response.Flush(); //This sends the headers where we are now in the rendering making the TTFB faster
124
125 SetMetaTags();
126
127 List<Dynamicweb.Content.Page> languages = new List<Dynamicweb.Content.Page>();
128
129 if (Pageview.Area.IsMaster)
130 {
131 languages.Add(Pageview.Page);
132 if (Pageview.Page.Languages != null)
133 {
134 foreach (var language in Pageview.Page.Languages)
135 {
136 languages.Add(language);
137 }
138 }
139 }
140 else
141 {
142 languages.Add(Pageview.Page.MasterPage);
143 if (Pageview.Page.MasterPage != null)
144 {
145 if (Pageview.Page.MasterPage.Languages != null)
146 {
147 foreach (var language in Pageview.Page.MasterPage.Languages)
148 {
149 languages.Add(language);
150 }
151 }
152 }
153 }
154
155 string siteLanguage = Pageview.Area.CultureInfo.Name;
156 Uri url = Dynamicweb.Context.Current.Request.Url;
157 string hostName = url.Host; // domain.com/da-dk or domain.com/en-us
158
159 var ecomCountries = Dynamicweb.Ecommerce.Services.Countries.GetCountries();
160 var ecomCurrencies = Dynamicweb.Ecommerce.Services.Currencies.GetAllCurrencies();
161
162
163 //CUSTOM
164 string shareIcon = Model.Area.Item.GetFile("Custom_ShareIcon") != null ? Model.Area.Item.GetFile("Custom_ShareIcon").Path : "/Files/Templates/Designs/Swift/Assets/Images/logo_transparent.png";
165 // END CUSTOM
166 }
167
168 <!doctype html>
169 <html lang="@Pageview.Area.CultureInfo.TwoLetterISOLanguageName">
170 <head>
171 <!-- @swiftVersion -->
172 @* Required meta tags *@
173 <meta charset="utf-8">
174 <meta name="viewport" content="height=device-height, width=device-width, initial-scale=1.0">
175 <link rel="preconnect" href="https://fonts.gstatic.com" />
176
177 <link rel="shortcut icon" href="@favicon">
178 <link rel="apple-touch-icon" href="@shareIcon">
179
180 @Model.MetaTags
181
182 @{
183 @* Languages meta data *@
184 /*foreach (var language in languages)
185 {
186 if (language?.Area != null)
187 {
188 if (language != null && language.Published && language.Active && language.Area.Active && language.Area.Published && language.Area.ID != Dynamicweb.Frontend.PageView.Current().AreaID)
189 {
190 if (!string.IsNullOrEmpty(language.Area.DomainLock))
191 {
192 hostName = language.Area.DomainLock; //dk.domain.com or dk-domain.dk
193 }
194 string friendlyUrl = Dynamicweb.Frontend.SearchEngineFriendlyURLs.GetFriendlyUrl(language.ID);
195 string href = $"{url.Scheme}://{hostName}{friendlyUrl}";
196
197 <link rel="alternate" hreflang="@language.Area.CultureInfo.Name.ToLower()" href="@href" />
198 }
199 }
200 }*/
201 }
202
203 @*Self referencing hreflang // Custom*@
204 @if (Pageview.Page.ShowInSitemap)
205 {
206 /*string friendlyUrl = Dynamicweb.Frontend.SearchEngineFriendlyURLs.GetFriendlyUrl(Pageview.ID);
207 string href = $"{url.Scheme}://{Pageview.Area.DomainLock}{friendlyUrl}";
208
209 <link rel="alternate" hreflang="@Pageview.Area.CultureInfo.Name.ToLower()" href="@href" />
210 <link rel="alternate" hreflang="x-default" href="@href" />*/
211 }
212
213 <title>@Model.Title</title>
214 @* Bootstrap + Swift stylesheet *@
215 <link href="~/Files/Templates/Designs/Swift/Assets/css/styles.css?@cssStyleFileInfo.LastWriteTime.Ticks"
216 rel="stylesheet" media="all" type="text/css">
217 @* Branding and Themes min stylesheet *@
218 <link href="~/Files/Templates/Designs/Swift/_parsed/Swift_css/Swift_styles_@(Model.Area.ID).min.css?@cssLastModified.Ticks"
219 rel="stylesheet" media="all" type="text/css" data-last-modified-content="@cssLastModified">
220 <script src="~/Files/Templates/Designs/Swift/Assets/js/aos.js?@jsFileInfo.LastWriteTime.Ticks" defer></script>
221 <script src="~/Files/Templates/Designs/Swift/Assets/js/scripts.js?@jsFileInfo.LastWriteTime.Ticks" defer></script>
222
223 <script type="module">
224 AOS.init({
225 offset: 0,
226 duration: 400,
227 delay: 100,
228 easing: 'ease-in-out',
229 mirror: true,
230 disable: window.matchMedia('(prefers-reduced-motion: reduce)')
231 });
232 swift.Scroll.hideHeadersOnScroll();
233 swift.Scroll.handleAlternativeTheme();
234 </script>
235
236 @* Google tag manager CUSTOM*@
237 @if (!string.IsNullOrWhiteSpace(googleTagManagerID))
238 {
239 <script>
240 (function (w, d, s, l, i) {
241 w[l] = w[l] || [];
242 w[l].push({
243 'gtm.start':
244 new Date().getTime(), event: 'gtm.js'
245 });
246 var f = d.getElementsByTagName(s)[0],
247 j = d.createElement(s), dl = l != 'dataLayer' ? '&l=' + l : '';
248 j.async = true;
249 j.src =
250 'https://www.googletagmanager.com/gtm.js?id=' + i + dl;
251 f.parentNode.insertBefore(j, f);
252 })(window, document, 'script', 'dataLayer', '@(googleTagManagerID)');
253
254 function gtag() {
255 dataLayer.push(arguments);
256 }
257 </script>
258 }
259
260 @* Global site tag (gtag.js) - Google Analytics *@
261 @if (!string.IsNullOrWhiteSpace(googleAnalyticsTrackingID))
262 {
263 <script src="https://www.googletagmanager.com/gtag/js?id=@googleAnalyticsTrackingID" async></script>
264 <script>
265 window.dataLayer = window.dataLayer || [];
266
267 function gtag() {
268 window.dataLayer.push(arguments);
269 }
270
271 gtag('js', new Date());
272 gtag('config', '@googleAnalyticsTrackingID');
273 </script>
274 }
275
276 @if (!string.IsNullOrWhiteSpace(customHeaderInclude))
277 {
278 @RenderPartial($"Components/Custom/{customHeaderInclude}")
279 }
280 </head>
281 <body class="brand @(masterTheme) @(customButtonTheme)" id="page@(Model.ID)">
282 @* Google tag manager - CUSTOM REMOVED "&& allowTracking" since they dont use DW cookies *@
283 @if (!string.IsNullOrWhiteSpace(googleTagManagerID))
284 {
285 <noscript>
286 <iframe src="https://www.googletagmanager.com/ns.html?id=@(googleTagManagerID)"
287 height="0" width="0" style="display:none;visibility:hidden"></iframe>
288 </noscript>
289 }
290
291 @* START CUSTOM LAUNCH VIDEO *@
292
293 @if (Model.Area.Item.GetBoolean("ActivateLaunchVideo"))
294 {
295 if (Pageview.Device == Dynamicweb.Frontend.Devices.DeviceType.Mobile)
296 {
297 <div class="js-custom-launch-video-wrapper position-fixed top-0 bottom-0 end-0 start-0"
298 style="z-index: 99999999; background-color: white;">
299 <video preload="auto" autoplay muted playsinline class="js-custom-launch-video h-100 w-100"
300 style="object-fit: contain;">
301 <source src="@Model.Area.Item.GetFile("MobileLaunchVideo")" type="video/mp4">
302 </video>
303 </div>
304 }
305 else
306 {
307 <div class="js-custom-launch-video-wrapper position-fixed top-0 bottom-0 end-0 start-0"
308 style="z-index: 99999999; background-color: white;">
309 <video preload="auto" autoplay muted playsinline class="js-custom-launch-video h-100 w-100"
310 style="object-fit: contain;">
311 <source src="@Model.Area.Item.GetFile("DesktopLaunchVideo")" type="video/mp4">
312 </video>
313 </div>
314 }
315
316
317 <script type='text/javascript'>
318 if (!localStorage.getItem("launchCampaign")) {
319 document.querySelector('.js-custom-launch-video').addEventListener('ended', myHandler, false);
320
321 function myHandler(e) {
322 setTimeout(() => {
323 document.querySelector('.js-custom-launch-video-wrapper').remove();
324 localStorage.setItem("launchCampaign", "true");
325 }, 1000)
326 }
327 } else {
328 document.querySelector('.js-custom-launch-video-wrapper').remove();
329 }
330 </script>
331 }
332
333 @* END CUSTOM LAUNCH VIDEO *@
334
335
336 @* START of Async iPaper Lead generation Code // CUSTOM *@
337 @if (Model.Area.Item.GetBoolean("Custom_ActivateIPaper"))
338 {
339 string ipaperkey = Model.Area.Item.GetString("Custom_IPaperKey");
340
341 <script>
342 (function (i, P, a, p, e, r) {
343 var d = i.document, l = i.location, o = l.origin || (l.protocol + '//' + l.hostname),
344 b = o + l.pathname + l.search;
345 if (d.getElementById(a = a + '-' + e)) return;
346 r = d.querySelector(P).parentNode.appendChild(d.createElement(P));
347 r.id = a;
348 r.async = 1;
349 r.src = p + (+new Date) + '/' + e + '.js' + '?iper=' + encodeURIComponent(b)
350 })
351 (window, 'script', 'ipaper-embeds', 'https://embeds.ipaper.io/v2/', '@ipaperkey');
352 </script>
353 }
354
355 @* END of Async iPaper Lead generation Code // CUSTOM *@
356
357
358
359 @if (renderAsResponsive || !renderMobile)
360 {
361 <header class="page-header @headerCssClass top-0@(responsiveHeaderClassDesktop)" id="page-header-desktop">
362 @if (@Model.Area.Item.GetLink("HeaderDesktop") != null)
363 {
364 @RenderGrid(@Model.Area.Item.GetLink("HeaderDesktop").PageId)
365 }
366 </header>
367 }
368
369 @if ((renderAsResponsive || renderMobile))
370 {
371 <header class="page-header @headerCssClass top-0@(responsiveHeaderClassMobile)" id="page-header-mobile">
372 @if (@Model.Area.Item.GetLink("HeaderMobile") != null)
373 {
374 @RenderGrid(@Model.Area.Item.GetLink("HeaderMobile").PageId)
375 }
376 </header>
377 }
378 @RenderGrid(GetPageIdByNavigationTag("BreadcrumbCustom"))
379
380 <main id="content" class="@(activateRoundedCorners ? "custom-rounded-corners" : "")" @(schemaOrgType)
381 style="--custom-border-radius: @roundedCornersCss;">
382 <div data-intersect></div>
383 @inherits Dynamicweb.Rendering.ViewModelTemplate<Dynamicweb.Frontend.PageViewModel>
384 @using System
385 @using Dynamicweb.Ecommerce.ProductCatalog
386
387 @{
388 bool isArticlePagePage = Model.ItemType == "Swift_Article";
389 string schemaOrgProp = string.Empty;
390 if(isArticlePagePage)
391 {
392 schemaOrgProp = "itemprop=\"articleBody\"";
393 }
394
395 string theme = "";
396 string gridContent = "";
397
398 if (Model.PropertyItem != null)
399 {
400 theme = !string.IsNullOrWhiteSpace(Model.PropertyItem.GetRawValueString("Theme")) ? " theme " + Model.PropertyItem.GetRawValueString("Theme").Replace(" ", "").Trim().ToLower() : "";
401 }
402
403 if (Model.Item != null)
404 {
405 gridContent = Model.Grid("Grid", "Grid", "default:true;sort:1", "Page");
406 }
407
408 bool doNotRenderPage = false;
409
410 //Check if we are on the poduct detail page, and if there is data to render
411 ProductViewModel product = new ProductViewModel();
412 if (Dynamicweb.Context.Current.Items.Contains("ProductDetails"))
413 {
414 product = (ProductViewModel)Dynamicweb.Context.Current.Items["ProductDetails"];
415 if (string.IsNullOrEmpty(product.Id)) {
416 doNotRenderPage = true;
417 }
418 }
419
420 //Render the page
421 if (!doNotRenderPage) {
422 string itemIdentifier = Model?.Item?.SystemName != null ? "item_" + Model.Item.SystemName.ToLower() : "item_Swift_Page";
423
424
425 if (theme != "")
426 {
427 <div class="@theme item_@itemIdentifier" @schemaOrgProp>
428 @gridContent
429 </div>
430 }
431 else
432 {
433 <div class="item_@itemIdentifier" @schemaOrgProp>
434 @gridContent
435 </div>
436 }
437 } else {
438 <div class="container">
439 <div class="alert alert-info" role="alert">@Translate("Sorry. There is nothing to view here")</div>
440 </div>
441 }
442
443 if (!Model.IsCurrentUserAllowed)
444 {
445 int signInPage = GetPageIdByNavigationTag("SignInPage");
446 int dashboardPage = GetPageIdByNavigationTag("MyAccountDashboardPage");
447
448 if (!Pageview.IsVisualEditorMode)
449 {
450 if (signInPage != 0)
451 {
452 if (signInPage != Model.ID) {
453 Dynamicweb.Context.Current.Response.Redirect("/Default.aspx?ID=" + signInPage);
454 } else {
455 if (dashboardPage != 0) {
456 Dynamicweb.Context.Current.Response.Redirect("/Default.aspx?ID=" + dashboardPage);
457 } else {
458 Dynamicweb.Context.Current.Response.Redirect("/");
459 }
460 }
461 }
462 else
463 {
464 <div class="alert alert-dark m-0" role="alert">
465 <span>@Translate("You do not have access to this page")</span>
466 </div>
467 }
468 }
469 else
470 {
471 <div class="alert alert-dark m-0" role="alert">
472 <span>@Translate("To work on this page, you must be signed in, in the frontend")</span>
473 </div>
474 }
475 }
476 }
477
478 </main>
479
480 @if (renderAsResponsive || !renderMobile)
481 {
482 <footer class="page-footer d-none d-lg-block" id="page-footer-desktop">
483 @if (@Model.Area.Item.GetLink("FooterDesktop") != null)
484 {
485 @RenderGrid(@Model.Area.Item.GetLink("FooterDesktop").PageId)
486 }
487 </footer>
488 }
489
490 @if (renderAsResponsive || renderMobile)
491 {
492 <footer class="page-footer d-block d-lg-none" id="page-footer-mobile">
493 @if (@Model.Area.Item.GetLink("FooterMobile") != null)
494 {
495 @RenderGrid(@Model.Area.Item.GetLink("FooterMobile").PageId)
496 }
497 </footer>
498 }
499
500 @* Render any offcanvas menu here *@
501 @RenderSnippet("offcanvas")
502
503 @{
504 bool isErpConnectionDown = !Dynamicweb.Ecommerce.DynamicwebLiveIntegration.TemplatesHelper.IsWebServiceConnectionAvailable();
505 if (isErpConnectionDown && Model.Area.Item.GetBoolean("ShowErpDownMessage"))
506 {
507 @RenderNoErpConnectionMessage()
508 }
509 }
510
511 @* Language selector modal *@
512 @if (languages.Count > 1 || ecomCountries.Count > 1 || ecomCurrencies.Count() > 1)
513 {
514 <div class="modal fade" id="PreferencesModal" tabindex="-1" aria-hidden="true">
515 <div class="modal-dialog modal-dialog-centered modal-sm" id="PreferencesModalContent">
516 @* The content here comes from an external request *@
517 </div>
518 </div>
519 }
520
521 @* Favorite toast *@
522 <div aria-live="polite" aria-atomic="true">
523 <div class="position-fixed bottom-0 end-0 p-3" style="z-index: 11">
524 <div id="favoriteNotificationToast" class="toast" role="alert" aria-live="assertive" aria-atomic="true">
525 <div class="toast-header">
526 <strong class="me-auto">@Translate("Favorite list updated")</strong>
527 <button type="button" class="btn-close" data-bs-dismiss="toast" aria-label="Close"></button>
528 </div>
529 <div class="toast-body d-flex gap-3">
530 <div id="favoriteNotificationToast_Image"></div>
531 <div id="favoriteNotificationToast_Text"></div>
532 </div>
533 </div>
534 </div>
535 </div>
536
537 @* Modal for dynamic content *@
538 <div class="modal fade js-product" id="DynamicModal" tabindex="-1" aria-hidden="true">
539 <div class="modal-dialog modal-dialog-centered modal-md">
540 <div class="modal-content theme light" id="DynamicModalContent">
541 @* The content here comes from an external request *@
542 </div>
543 </div>
544 </div>
545
546 @* Offcanvas for dynamic content *@
547 <div class="offcanvas offcanvas-end theme light" tabindex="-1" id="DynamicOffcanvas" style="width: 30rem">
548 @* The content here comes from an external request *@
549 </div>
550 </body>
551 </html>
552
553 @functions {
554
555 void SetMetaTags()
556 {
557 //Verification Tokens
558 string siteVerificationGoogle = Model.Area.Item.GetString("Google_Site_Verification") != null ? Model.Area.Item.GetString("Google_Site_Verification") : "";
559 //string siteVerificationYandex = Model.Area.Item.GetString("Yandex_Verification") != null ? Model.Area.Item.GetString("Yandex_Verification") : "";
560 //string siteVerificationMS = Model.Area.Item.GetString("Msvalidate_01") != null ? Model.Area.Item.GetString("Msvalidate_01") : "";
561 //string siteVerificationAlexa = Model.Area.Item.GetString("AlexaVerifyID") != null ? Model.Area.Item.GetString("AlexaVerifyID") : "";
562 //string siteVerificationPinterest = Model.Area.Item.GetString("P_domain_verify") != null ? Model.Area.Item.GetString("P_domain_verify") : "";
563 //string siteVerificationNorton = Model.Area.Item.GetString("Norton_safeweb_site_verification") != null ? Model.Area.Item.GetString("Norton_safeweb_site_verification") : "";
564
565 //Generic Site Values
566 string openGraphFacebookAppID = Model.Area.Item.GetString("Fb_app_id") != null ? Model.Area.Item.GetString("Fb_app_id") : "";
567 string openGraphType = Model.Area.Item.GetString("Open_Graph_Type") != null ? Model.Area.Item.GetString("Open_Graph_Type") : "";
568 string openGraphSiteName = Model.Area.Item.GetString("Open_Graph_Site_Name") != null ? Model.Area.Item.GetString("Open_Graph_Site_Name") : "";
569
570 string twitterCardSite = Model.Area.Item.GetString("Twitter_Site") != null ? Model.Area.Item.GetString("Twitter_Site") : "";
571
572 //Page specific values
573 string openGraphImage = "";
574 if (!string.IsNullOrEmpty(Model.PropertyItem.GetString("ImageForMetatag")))
575 {
576 openGraphImage = Model.PropertyItem.GetString("ImageForMetatag");
577 }
578 else if (!string.IsNullOrEmpty(Model.Item.GetString("CoverImage")))
579 {
580 openGraphImage = Model.Item.GetString("CoverImage");
581 }
582 else if (Model.Area.Item.GetFile("Open_Graph_Image") != null)
583 {
584 openGraphImage = Model.Area.Item.GetFile("Open_Graph_Image").Path;
585 }
586
587 string openGraphSiteTitle = Model.Area.Item.GetString("Open_Graph_Title") != null ? Model.Area.Item.GetString("Open_Graph_Title") : "";
588 string openGraphImageALT = Model.Area.Item.GetString("Open_Graph_Image_ALT") != null ? Model.Area.Item.GetString("Open_Graph_Image_ALT") : "";
589 string openGraphDescription = Model.Area.Item.GetString("Open_Graph_Description") != null ? Model.Area.Item.GetString("Open_Graph_Description") : "";
590
591 string twitterCardURL = Model.Area.Item.GetString("Twitter_URL") != null ? Model.Area.Item.GetString("Twitter_URL") : "";
592 string twitterCardTitle = Model.Area.Item.GetString("Twitter_Title") != null ? Model.Area.Item.GetString("Twitter_Title") : "";
593 string twitterCardDescription = Model.Area.Item.GetString("Twitter_Description") != null ? Model.Area.Item.GetString("Twitter_Description") : "";
594 FileViewModel twitterCardImage = Model.Area.Item.GetFile("Twitter_Image");
595 string twitterCardImageALT = Model.Area.Item.GetString("Twitter_Image_ALT") != null ? Model.Area.Item.GetString("Twitter_Image_ALT") : "";
596
597 if (!string.IsNullOrEmpty(siteVerificationGoogle))
598 {
599 Pageview.Meta.AddTag("google-site-verification", siteVerificationGoogle);
600 }
601
602 if (!string.IsNullOrEmpty(openGraphFacebookAppID))
603 {
604 Pageview.Meta.AddTag("fb:app_id", openGraphFacebookAppID);
605 }
606
607 if (!string.IsNullOrEmpty(openGraphType))
608 {
609 Pageview.Meta.AddTag("og:type", openGraphType);
610 }
611
612 if (!string.IsNullOrEmpty(openGraphSiteName))
613 {
614 Pageview.Meta.AddTag("og:site_name", openGraphSiteName);
615 }
616
617 if (!string.IsNullOrEmpty(Model.Title))
618 {
619 Pageview.Meta.AddTag("og:title", Model.Title);
620 }
621 else
622 {
623 Pageview.Meta.AddTag("og:title", openGraphSiteTitle);
624 }
625
626
627 if (string.IsNullOrEmpty(Dynamicweb.Context.Current.Request.QueryString["ProductID"]))
628 {
629 if (!string.IsNullOrEmpty(Model.Description))
630 {
631 Pageview.Meta.AddTag("og:description", Model.Description);
632 }
633 else
634 {
635 Pageview.Meta.AddTag("og:description", openGraphDescription);
636 }
637
638 if (openGraphImage != null)
639 {
640 Pageview.Meta.AddTag("og:image", Dynamicweb.Environment.Helpers.LinkHelper.GetHttpDomain() + openGraphImage);
641 }
642
643 if (!string.IsNullOrEmpty(openGraphImageALT))
644 {
645 Pageview.Meta.AddTag("og:image:alt", openGraphImageALT);
646 }
647
648 if (!string.IsNullOrEmpty(twitterCardDescription))
649 {
650 Pageview.Meta.AddTag("twitter:description", twitterCardDescription);
651 }
652
653 if (twitterCardImage != null)
654 {
655 Pageview.Meta.AddTag("twitter:image", twitterCardImage.Path);
656 }
657
658 if (!string.IsNullOrEmpty(twitterCardImageALT))
659 {
660 Pageview.Meta.AddTag("twitter:image:alt", twitterCardImageALT);
661 }
662 }
663
664 if (!string.IsNullOrEmpty(twitterCardSite))
665 {
666 Pageview.Meta.AddTag("twitter:site", twitterCardSite);
667 }
668
669 if (!string.IsNullOrEmpty(twitterCardURL))
670 {
671 Pageview.Meta.AddTag("twitter:url", twitterCardURL);
672 }
673
674 if (!string.IsNullOrEmpty(twitterCardTitle))
675 {
676 Pageview.Meta.AddTag("twitter:title", twitterCardTitle);
677 }
678 }
679
680 }
681
682 @helper RenderNoErpConnectionMessage()
683 {
684 string erpDownMessageTheme = !string.IsNullOrWhiteSpace(Model.Area.Item.GetRawValueString("ErpDownMessageTheme")) ? " theme " + Model.Area.Item.GetRawValueString("ErpDownMessageTheme").Replace(" ", "").Trim().ToLower() : "theme light";
685
686 <div class="position-fixed bottom-0 end-0 p-3" style="z-index: 1040">
687 <div class="toast fade show border-0 @erpDownMessageTheme" role="alert" aria-live="assertive"
688 aria-atomic="true">
689 <div class="toast-header">
690 <strong class="me-auto">@Translate("Connection down")</strong>
691 <button type="button" class="btn-close" data-bs-dismiss="toast" aria-label="Close"></button>
692 </div>
693 <div class="toast-body">
694 @Translate("We are experiencing some connectivity issues. Not all features may be available to you.")
695 </div>
696 </div>
697 </div>
698 }
699