1 @inherits Dynamicweb.Rendering.ViewModelTemplate<Dynamicweb.Frontend.PageViewModel>
2
3 @using System;
4 @using System.Web;
5 @using System.Linq;
6 @using System.Data;
7 @using System.Data.SqlClient;
8 @using System.Globalization;
9 @using System.Reflection;
10
11 @using Dynamicweb;
12 @using Dynamicweb.Content;
13 @using Dynamicweb.Content.Items;
14 @using Dynamicweb.Environment;
15 @using Dynamicweb.Frontend;
16 @using Dynamicweb.Frontend.Navigation;
17
18 @using Bluedesk.DynamicWeb.ItemTypes;
19 @using Bluedesk.DynamicWeb.ItemTypes.Settings;
20 @using Bluedesk.DynamicWeb.ItemTypes.Configuration;
21 @using Bluedesk.DynamicWeb.ItemTypes.BaseSolution;
22
23 @using Bluedesk.Tools.Generic;
24 @using Bluedesk.Tools.DynamicWeb.DataAccess;
25
26 @inherits Dynamicweb.Rendering.ViewModelTemplate<Dynamicweb.Frontend.PageViewModel>
27
28 @using System;
29 @using System.Web;
30 @using System.Linq;
31 @using System.Globalization;
32
33 @using Dynamicweb;
34 @using Dynamicweb.Content.Items;
35 @using Dynamicweb.Environment;
36 @using Dynamicweb.Frontend;
37 @using Dynamicweb.Frontend.Navigation;
38
39 @using Bluedesk.Tools.Generic;
40
41 @using Bluedesk.DynamicWeb.ItemTypes;
42 @using Bluedesk.DynamicWeb.ItemTypes.Settings;
43 @using Bluedesk.DynamicWeb.ItemTypes.Settings.Configuration;
44
45 @using Bluedesk.DynamicWeb.ItemTypes.Configuration;
46 @using Bluedesk.DynamicWeb.ItemTypes.BaseSolution;
47
48 @using Bluedesk.DynamicWeb.ItemTypes.Configuration;
49
50 @using Bluedesk.DynamicWeb.ItemTypes.BaseSolution;
51 @using Bluedesk.DynamicWeb.ItemTypes.BaseSolution.Frontend;
52
53 @{
54
55 var master_configuration = Dynamicweb.Services.Pages.GetPageByNavigationTag(Pageview.AreaID, "MasterConfiguration");
56 MasterConfig mc = master_configuration.Item.ToCodeFirstItem<MasterConfig>();
57
58 string MasterConfigCssClass = !string.IsNullOrWhiteSpace(mc.CssClass) ? mc.CssClass : "";
59
60 // GeneralConfig GeneralConfiguration = mc.GeneralConfiguration;
61 EcomConfig EcommerceConfiguration = mc.EcomConfiguration;
62
63 bool WithVATBool = Pageview.Area.EcomPricesWithVat == "True";
64 bool pricesWithoutVatForUsers = EcommerceConfiguration.ShowPricesWithoutVatForUsers;
65 bool pricesWithoutVatForValidVat = EcommerceConfiguration.ShowPricesWithoutVatWhenValidVatNumber;
66 if (pricesWithoutVatForUsers && !pricesWithoutVatForValidVat && Pageview.User != null)
67 {
68 WithVATBool = false;
69 }
70 if (pricesWithoutVatForValidVat && Pageview.User != null && !string.IsNullOrWhiteSpace(Pageview.User.VatRegNumber))
71 {
72 WithVATBool = false;
73 }
74 string ecomShowPricesWithVat = WithVATBool.ToString().ToLower();
75 string ecomPricesFormatted = (EcommerceConfiguration.FormattedPrices).ToString().ToLower();
76
77 bool IsNotContentManager = false;
78 bool isVisualEditor = Pageview.IsVisualEditorMode;
79
80 if (isVisualEditor)
81 {
82 System.Web.HttpContext.Current.Session["PreviousPage"] = Pageview.Page.ID;
83 IsNotContentManager = (Dynamicweb.Security.UserManagement.User.GetCurrentBackendUser()?.Groups?.All(g => g.Name != "Content managers") ?? true);
84 }
85
86 }
87
88
89 @{
90 // var websitesettings = Dynamicweb.Services.Items.GetItemById<WebsiteSettings>(Model.Area.Item.Id);
91 var websitesettings = Dynamicweb.Services.Items.GetItem("WebsiteSettings", Model.Area.Item.Id).ToCodeFirstItem<WebsiteSettings>() ?? new WebsiteSettings();
92
93 var branding_configuration = Dynamicweb.Services.Pages.GetPageByNavigationTag(Pageview.AreaID, "BrandingConfigurationPage");
94 BrandingConfigurationPage bc = branding_configuration.Item.ToCodeFirstItem<BrandingConfigurationPage>();
95
96 var corporate_settings = Dynamicweb.Services.Pages.GetPageByNavigationTag(Pageview.AreaID, "CorporateSettingsPage");
97 CorporateSettingsPage cs = corporate_settings.Item.ToCodeFirstItem<CorporateSettingsPage>();
98
99 var font_configuration = Dynamicweb.Services.Pages.GetPageByNavigationTag(Pageview.AreaID, "FontConfiguration");
100
101 var httpdomain = Dynamicweb.Environment.Helpers.LinkHelper.GetHttpDomain();
102 var lang = Pageview.Area.CultureInfo.TwoLetterISOLanguageName;
103 var langName = Pageview.Area.Culture;
104
105 var csrftoken = application._webapi.Helper.CSRFHelper.TokenHeaderValue();
106 var designRoot = "/Files/Templates/Designs/" + Pageview.Area.Layout.Design.Name;
107
108 var phonenumber = cs.Phonenumber;
109 var formattedPhonenumber = phonenumber.Replace(" ", String.Empty);
110 var emailadress = cs.Emailadress;
111 var buttonIconClass = Pageview.Area.Item["Global_button_icon"] != null ? Pageview.Area.Item["Global_button_icon"].ToString().Replace("+", " ") : "fal fa-arrow-right";
112 var callmebackformlink = websitesettings.Call_me_back_form;
113 var mobileThemeColor = websitesettings.Mobile_Theme_Color;
114
115 bool isOffline = false;
116 DateTime workingHoursStart = websitesettings.OpeningTime;
117 DateTime workingHoursEnd = websitesettings.ClosingTime;
118 DateTime today = DateTime.Now;
119 var cHour = DateTime.Now.TimeOfDay;
120 int cDay = (int)DateTime.Now.DayOfWeek;
121 string availableToHour24hFormat = workingHoursEnd.TimeOfDay.ToString().Substring(0, 5);
122 var timeFromInput = DateTime.ParseExact(availableToHour24hFormat, "H:m", null, DateTimeStyles.None);
123 string availableToHour12hFormat = timeFromInput.ToString("hh:mm tt", CultureInfo.InvariantCulture);
124 var availableToHour = lang == "en" ? availableToHour12hFormat : availableToHour24hFormat;
125 bool isOvertime = cHour >= workingHoursEnd.TimeOfDay || cHour <= workingHoursStart.TimeOfDay;
126 bool isNoValidDate = today < workingHoursStart || today > workingHoursEnd;
127 if (isNoValidDate || isOvertime)
128 {
129 isOffline = true;
130 }
131
132 Boolean showBreadcrumbs = Pageview.Page.PropertyItem != null && Pageview.Page.PropertyItem["ShowBreadcrumbs"] != null ? Convert.ToBoolean(Pageview.Page.PropertyItem["ShowBreadcrumbs"]) : false;
133 bool isVisualEdit = !string.IsNullOrEmpty(Dynamicweb.Context.Current.Request.QueryString.Get("VisualEdit")) ? Convert.ToBoolean(Dynamicweb.Context.Current.Request.QueryString.Get("VisualEdit")) : false;
134
135 string fooProductDetailConfigurationID = mc.EcomConfiguration.ProductDetailConfigurationID;
136 string fooProductOverviewConfigurationID = mc.EcomConfiguration.ProductOverviewConfigurationID;
137
138 int ProductDetailLayoutID = Dynamicweb.Services.Pages.GetPageForItem("ProductDetailConfigurationPage", fooProductDetailConfigurationID)?.ID ?? 0;
139 int ProductOverviewLayoutID = Dynamicweb.Services.Pages.GetPageForItem("ProductOverviewConfigurationPage", fooProductOverviewConfigurationID)?.ID ?? 0;
140
141 System.Web.HttpContext.Current.Items["MasterPageSetup"] = "Ecommerce";
142
143 string queryParamGroupId = Dynamicweb.Context.Current.Request.QueryString.Get("GroupID");
144 string queryParamProductId = Dynamicweb.Context.Current.Request.QueryString.Get("ProductID");
145
146 bool isOverviewPage = string.IsNullOrWhiteSpace(queryParamProductId);
147 bool isDetailPage = !string.IsNullOrWhiteSpace(queryParamGroupId) && !string.IsNullOrWhiteSpace(queryParamProductId);
148 string jsIsOverviewPage = isOverviewPage.ToString().ToLower();
149 }
150 <!DOCTYPE html>
151 <html lang="@lang" prefix="og: http://ogp.me/ns#">
152 <head>
153 <meta charset="utf-8">
154 <meta http-equiv="X-UA-Compatible" content="IE=edge">
155 <meta name="viewport" content="width=device-width, initial-scale=1">
156 <meta name="theme-color" content="@mobileThemeColor">
157 @Model.MetaTags
158 <title>@Model.Title</title>
159
160 @RenderSnippet("canonical")
161 @RenderSnippet("ogTags")
162
163 @{
164 string urlProtocol = Dynamicweb.Context.Current.Request.Url.Scheme;
165 List<Dynamicweb.Content.Page> pageTranslations = new List<Dynamicweb.Content.Page>();
166 bool isMasterPage = Pageview.Area.IsMaster;
167 if (isMasterPage)
168 {
169 pageTranslations.Add(Pageview.Page);
170 if (Pageview.Page.Languages != null)
171 {
172 foreach (var language in Pageview.Page.Languages)
173 {
174 if (language.Active)
175 {
176 pageTranslations.Add(language);
177 }
178 }
179 }
180 }
181 else
182 {
183 pageTranslations.Add(Pageview.Page.MasterPage);
184 if (Pageview.Page.MasterPage != null)
185 {
186 if (Pageview.Page.MasterPage.Languages != null)
187 {
188 foreach (var language in Pageview.Page.MasterPage.Languages)
189 {
190 if (language.Active)
191 {
192 pageTranslations.Add(language);
193 }
194 }
195 }
196 }
197 }
198 foreach (var page in pageTranslations)
199 {
200 if (page != null)
201 {
202 string url = $"Default.aspx?ID={page.ID}";
203 string groupid = Dynamicweb.Context.Current.Request.QueryString.Get("GroupID");
204 string productid = Dynamicweb.Context.Current.Request.QueryString.Get("ProductID");
205 string variantid = Dynamicweb.Context.Current.Request.QueryString.Get("VariantID");
206 if (!string.IsNullOrWhiteSpace(groupid))
207 {
208 var groupObj = Dynamicweb.Ecommerce.Services.ProductGroups.GetGroup(groupid, page.Area.EcomLanguageId);
209 if (groupObj == null)
210 {
211 continue;
212 }
213 url = $"{url}&GroupID={groupid}";
214 }
215 if (!string.IsNullOrWhiteSpace(productid))
216 {
217 var productObj = Dynamicweb.Ecommerce.Services.Products.GetProductById(productid, variantid, page.Area.EcomLanguageId);;
218 if (productObj == null)
219 {
220 continue;
221 }
222 url = $"{url}&ProductID={productid}";
223 if (!string.IsNullOrWhiteSpace(variantid))
224 {
225 url = $"{url}&VariantID={variantid}";
226 }
227 }
228
229 string currentdomain = Context.Current.Request.Url.DnsSafeHost;
230 if (!string.IsNullOrEmpty(page.Area.DomainLock)) {
231 currentdomain = page.Area.DomainLock;
232 }
233 string friendlyUrl = Dynamicweb.Frontend.SearchEngineFriendlyURLs.GetFriendlyUrl(url);
234 string href = $"{urlProtocol}://{currentdomain}{friendlyUrl}";
235 string hreflang = page.Area.CultureInfo.Name.ToLower();
236 <link rel="alternate" href="@href" hreflang="@hreflang" />
237 }
238 }
239 }
240
241
242 <link rel="preconnect" href="https://fonts.googleapis.com">
243 <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
244
245 @{
246
247 var appcss = Cache.VersionedFile(designRoot + "/dist/app.css");
248 <link href="@appcss" rel="stylesheet" type="text/css" />
249
250 var favicon32 = Cache.VersionedFile(designRoot + "/assets/img/favicon-32.png", true);
251 var favicon16 = Cache.VersionedFile(designRoot + "/assets/img/favicon-16.png", true);
252 var favico = Cache.VersionedFile(designRoot + "/assets/img/favicon.ico", true);
253
254 favico = !string.IsNullOrWhiteSpace(bc.Favicon) ? bc.Favicon : favico;
255 favicon16 = !string.IsNullOrWhiteSpace(bc.Favicon16) ? bc.Favicon16 : favicon16;
256 favicon32 = !string.IsNullOrWhiteSpace(bc.Favicon32) ? bc.Favicon32 : favicon32;
257
258 if (!string.IsNullOrWhiteSpace(favicon32))
259 {
260 <link rel="icon" type="image/png" sizes="32x32" href="@favicon32">
261 }
262 if (!string.IsNullOrWhiteSpace(favicon16))
263 {
264 <link rel="icon" type="image/png" sizes="16x16" href="@favicon16">
265 }
266 if (!string.IsNullOrWhiteSpace(favico))
267 {
268 <link rel="shortcut icon" href="@favico">
269 }
270 }
271
272 @inherits Dynamicweb.Rendering.RazorTemplateBase<Dynamicweb.Rendering.RazorTemplateModel<Dynamicweb.Rendering.Template>>
273 @using System;
274 @using System.Web;
275 @using System.Linq;
276 @using System.Globalization;
277
278 @using Dynamicweb;
279 @using Dynamicweb.Content.Items;
280 @using Dynamicweb.Environment;
281 @using Dynamicweb.Frontend;
282 @using Dynamicweb.Frontend.Navigation;
283
284 @using Bluedesk.Tools.Generic;
285
286 @using Bluedesk.DynamicWeb.ItemTypes;
287 @using Bluedesk.DynamicWeb.ItemTypes.Settings;
288 @using Bluedesk.DynamicWeb.ItemTypes.Settings.Configuration;
289
290 @using Bluedesk.DynamicWeb.ItemTypes.Configuration;
291 @using Bluedesk.DynamicWeb.ItemTypes.BaseSolution;
292 @using Bluedesk.DynamicWeb.ItemTypes.Extensions;
293
294 @helper RenderCSSKeyAndValue(string Key, string Value)
295 {
296 if (!string.IsNullOrWhiteSpace(Value))
297 {
298 <text>@Key : @Value !important;</text>
299 }
300 }
301
302 @helper SetFontCSSVariables(FontConfigurationItemTab FontConfiguration)
303 {
304
305 string Top = FontConfiguration.top != 0 ? FontConfiguration.top.ToString() + "px" : "";
306 string Left = FontConfiguration.left != 0 ? FontConfiguration.left.ToString() + "px" : "";
307 string Right = FontConfiguration.right != 0 ? FontConfiguration.right.ToString() + "px" : "";
308 string Bottom = FontConfiguration.bottom != 0 ? FontConfiguration.bottom.ToString() + "px" : "";
309
310 string Position = FontConfiguration.PositionAbsolute ? "absolute" : "relative";
311
312 string Color = FontConfiguration.Color?.GetColorCode(Pageview.AreaID) ?? "";
313 string BackgroundColor = FontConfiguration.Backgroundcolor?.GetColorCode(Pageview.AreaID) ?? "";
314
315 string BorderColor = FontConfiguration.BorderColor?.GetColorCode(Pageview.AreaID) ?? "";
316 string BorderSize = FontConfiguration.BorderSize != 0 ? FontConfiguration.BorderSize.ToString() + "px" : "";
317
318 <text>
319
320 --Position: @Position;
321
322 @RenderCSSKeyAndValue("--Padding", FontConfiguration.Padding)
323
324 @RenderCSSKeyAndValue("--Top", Top)
325 @RenderCSSKeyAndValue("--Left", Left)
326 @RenderCSSKeyAndValue("--Right", Right)
327 @RenderCSSKeyAndValue("--Bottom", Bottom)
328
329 @RenderCSSKeyAndValue("--Color", Color)
330 @RenderCSSKeyAndValue("--FontSize", FontConfiguration.FontSize)
331 @RenderCSSKeyAndValue("--FontStyle", FontConfiguration.FontStyle)
332
333 @RenderCSSKeyAndValue("--FontWeight", FontConfiguration.FontWeight)
334 @RenderCSSKeyAndValue("--FontFamily", FontConfiguration.FontConfiguration.FontFamily)
335 @RenderCSSKeyAndValue("--LineHeight", FontConfiguration.LineHeight)
336
337 @RenderCSSKeyAndValue("--BackgroundColor", BackgroundColor)
338 @RenderCSSKeyAndValue("--BorderColor", BorderColor)
339 @RenderCSSKeyAndValue("--BorderSize", BorderSize)
340
341 </text>
342
343 }
344
345
346 <script>
347 window.globals = {
348 pageId: '@Pageview.ID',
349 Token: '@csrftoken',
350 DW_AREA_CULTURE: '@langName',
351 DW_AREA_CULTURE_SHORT: '@lang',
352 globalIconClass: '@buttonIconClass',
353 DW_USERID: '@Dynamicweb.Security.UserManagement.User.GetCurrentExtranetUserId()',
354 isEcomOverview: @jsIsOverviewPage,
355 DW_SHOW_PRICES_WITH_VAT: @ecomShowPricesWithVat,
356 DW_PRICES_FORMATTED: @ecomPricesFormatted
357 };
358 </script>
359
360 @websitesettings.HeadScript
361
362 @{
363 var _cookieOptinLevel = Dynamicweb.Environment.CookieManager.GetCookieOptInLevel();
364 var _enabledCookieCategories = Dynamicweb.Environment.CookieManager.GetCookieOptInCategories();
365 if (_cookieOptinLevel.ToString() == "All" || _enabledCookieCategories.Contains("Marketing_Cookies"))
366 {
367 @websitesettings.HeadScriptAfterConsent;
368 }
369 }
370
371 @{
372
373 var reviewName = websitesettings.Review_Name != null ? websitesettings.Review_Name : "";
374 var reviewBestRating = websitesettings.Review_Best_Rating != null ? websitesettings.Review_Best_Rating : "";
375 var reviewWorstRating = websitesettings.Review_Worst_Rating != null ? websitesettings.Review_Worst_Rating : "";
376 var reviewRatingValue = websitesettings.Review_Rating_Value != null ? websitesettings.Review_Rating_Value : "";
377 var reviewCount = websitesettings.Review_Count != null ? websitesettings.Review_Count : "";
378 var reviewUrl = websitesettings.Review_URL != null ? websitesettings.Review_URL : "";
379
380 var searchPageID = Bluedesk.Tools.DynamicWeb.Generic.PageHelper.GetPageIDByNavigationTag("searchresults", Pageview.AreaID);
381 var domain = Dynamicweb.Environment.Helpers.LinkHelper.GetHttpDomain();
382 }
383
384 <script type="application/ld+json">
385 [{
386 "@@context": "https://schema.org",
387 "@@type": "Organization",
388 "name" : "@websitesettings.CompanyName",
389 "url": "@domain",
390 "sameAs" : "@websitesettings.Facebook",
391 "logo": "@domain@websitesettings.Logo",
392 "contactPoint" : [{
393 "@@type" : "ContactPoint",
394 "telephone" : "@websitesettings.Phonenumber",
395 "contactType" : "customer service" ,
396 "@@context": "https://schema.org",
397 "@@id": "@domain",
398 "name": "@websitesettings.CompanyName"
399 }],
400 "address": {
401 "@@type": "PostalAddress",
402 "streetAddress": "@websitesettings.Address",
403 "addressLocality": "@websitesettings.City",
404 "postalCode": "@websitesettings.Zipcode",
405 "addressRegion": "@websitesettings.Region",
406 "addressCountry": "@websitesettings.Country"
407 }
408 },
409 {
410 "@@context": "https://schema.org",
411 "@@type": "WebSite",
412 "name" : "@websitesettings.CompanyName",
413 "alternateName" : "@websitesettings.AltCompanyName",
414 "url": "@domain",
415 "potentialAction": {
416 "@@type": "SearchAction",
417 "target": "@domain/Default.aspx?ID=@searchPageID&q={search_term_string}",
418 "query-input": "required name=search_term_string"
419 }
420 }]
421 </script>
422
423 <script type="application/ld+json">
424 {
425 "@@context": "https://schema.org",
426 "@@type": "Product",
427 "name": "@reviewName",
428 "url":"@reviewUrl",
429 "aggregateRating": {
430 "@@type": "AggregateRating",
431 "bestRating": "@reviewBestRating",
432 "worstRating": "@reviewWorstRating",
433 "ratingValue": "@reviewRatingValue",
434 "reviewCount": "@reviewCount"
435 }
436 }
437 </script>
438
439
440 @RenderSnippet("DataLayer")
441 @RenderSnippet("GoogleMapsScript")
442
443 @{
444 // TODO: Add there options to master config for product overview
445 bool hidePricesForGuests = false;
446 bool hideShoppingCartForGuests = false;
447
448 bool enableShoppingCart = hideShoppingCartForGuests && Pageview.User == null ? false : websitesettings.ConfigModuleShoppingCart;
449 bool enableLogin = websitesettings.ConfigModuleLogin;
450 bool enableQuickOrder = websitesettings.ConfigModuleQuickOrder;
451 bool enableAdvancedSearch = websitesettings.ConfigModuleAdvancedSearch;
452 bool enableCallMeBack = websitesettings.ConfigModuleCallMeBack;
453 bool enableDyslexicFont = websitesettings.ConfigModuleDyslexicFont;
454 bool enableProductCompare = websitesettings.ConfigModuleProductCompare;
455 }
456
457
458
459 <style>
460 @inherits Dynamicweb.Rendering.ViewModelTemplate<Dynamicweb.Frontend.PageViewModel>
461 @using Dynamicweb;
462
463 @using System.Data;
464 @using System.Data.SqlClient;
465 @using Bluedesk.Tools.DynamicWeb.DataAccess;
466
467 @using Bluedesk.DynamicWeb.ItemTypes;
468 @using Bluedesk.DynamicWeb.ItemTypes.Settings;
469 @using Bluedesk.DynamicWeb.ItemTypes.Configuration;
470 @using Bluedesk.DynamicWeb.ItemTypes.BaseSolution;
471
472 @Title("Configuration page template")
473
474 @{
475 string RoundedCornersValue = "0px";
476 string ButtonHeight = bc.ButtonHeight.ToString() != "0" ? bc.ButtonHeight.ToString() + "px" : "";
477
478 switch (bc.RoundedCorners)
479 {
480
481 case "rounded":
482 RoundedCornersValue = bc.RoundedCornerValue.ToString() + "px";
483 break;
484
485 case "round":
486 RoundedCornersValue = ButtonHeight;
487 break;
488
489 default:
490 RoundedCornersValue = "0px";
491 break;
492 }
493
494 string fontawesomeFontFamily = "Font Awesome 5 Pro";
495 int fontawesomeFontWeight = 300;
496
497 switch (bc.fontawesomeStyle)
498 {
499
500 case "fal":
501 fontawesomeFontWeight = 300;
502 break;
503 case "far":
504 fontawesomeFontWeight = 400;
505 break;
506 case "fas":
507 fontawesomeFontWeight = 900;
508 break;
509 case "fad":
510 fontawesomeFontWeight = 900;
511 fontawesomeFontFamily = "Font Awesome 5 Duotone";
512 break;
513 }
514 }
515
516 :root,
517 body {
518 @bc.FontConfigurationGeneralBody.InlineStyles
519
520 --StandardUnitSize : 3.2rem;
521 }
522
523 h1, h2, h3, h4, h5, h6 { @bc.FontConfigurationGeneralHeader.InlineStyles }
524
525 h1.cta-paragraph__header { @bc.FontConfigurationGeneralHOne.InlineStyles }
526 h2.cta-paragraph__header { @bc.FontConfigurationGeneralHTwo.InlineStyles }
527 h3.cta-paragraph__header { @bc.FontConfigurationGeneralHThree.InlineStyles }
528 h4.cta-paragraph__header { @bc.FontConfigurationGeneralHFour.InlineStyles }
529
530 .po-block__addtocart .btn,
531 .productdetails__add-to-cart,
532 .searchbox__input {
533 border-radius: @RoundedCornersValue;
534 }
535
536 main.blur {
537 filter: grayscale(50%) blur(15px);
538 -webkit-filter: grayscale(50%) blur(15px);
539 }
540
541 @*
542 @bc.IconPosition
543 @bc.HideIcon
544 *@
545
546 .AdvancedGridButton {
547 --BorderRadius: @RoundedCornersValue;
548 }
549
550 .btn {
551 height: var(--StandardUnitSize);
552 }
553
554 .btn__icon {
555
556 --fontawesomeFontFamily : "@fontawesomeFontFamily";
557 --fontawesomeFontWeight : @fontawesomeFontWeight;
558
559 font-family: var(--fontawesomeFontFamily);
560 font-weight: var(--fontawesomeFontWeight);
561
562 -moz-osx-font-smoothing: grayscale;
563 -webkit-font-smoothing: antialiased;
564 display: inline-block;
565 font-style: normal;
566 font-variant: normal;
567 text-rendering: auto;
568 line-height: 1;
569
570 }
571
572
573 .cta-paragraph {
574 background-color: var(--mainBackgroundColor);
575 }
576
577 .cta-paragraph__container {
578 background-color: var(--contentBackgroundColor);
579 border: var(--contentBorder);
580 }
581
582 .cta-paragraph__subheader,
583 .cta-paragraph__header,
584 .cta-paragraph__text p,
585 .cta-paragraph__text li {
586 color: var(--Color);
587 background-color: var(--BackgroundColor);
588 border-color: var(--BorderColor);
589 position: var(--Position);
590 top: var(--Top);
591 left: var(--Left);
592 right: var(--Right);
593 bottom: var(--Bottom);
594 padding: var(--Padding);
595 border: var(--BorderSize);
596 font-size: var(--FontSize);
597 text-transform: var(--FontStyle);
598 line-height: var(--LineHeight);
599 font-weight: var(--FontWeight);
600 font-family: var(--FontFamily);
601 border-radius: var(--BorderRadius);
602 }
603
604 .cta-paragraph__content-container {
605 align-items: var(--ContentElementAlignmentAlignItems);
606 text-align: var(--ContentElementAlignmentTextAlign);
607 }
608
609 .cta-paragraph__btn-navigation,
610 .cta-paragraph__content-container {
611 align-items : var(--ContainerFitContentAlignmentAlignItems);
612 justify-content: var(--ContainerFitContentAlignmentJustifyContent);
613 }
614
615 .jumbotron__subheader,
616 .jumbotron__header,
617 .jumbotron__shoutbox-intro p,
618 .jumbotron__shoutbox-intro li,
619
620
621 .header--desktop.headerNew {
622 position: relative;
623 }
624
625 .header--desktop.headerNew.stickyheader {
626 position: fixed;
627 }
628
629 @@media screen and (min-width: 992px){
630 .image-left {
631 justify-content: flex-end;
632 flex-direction: row;
633 }
634
635 .image-right {
636 justify-content: flex-start;
637 flex-direction: row-reverse;
638 }
639 }
640
641 .AdvancedGrid__row {
642 background-color: var(--BackgroundColor);
643 }
644
645 .cta-paragraph__btn-navigation {
646 padding: 1.2rem 0rem !important;
647 }
648
649 .AdvancedGrid,
650 .AdvancedGrid__container {
651 width: 100%;
652 background-image: var(--BackgroundImage);
653 min-height: var(--Height);
654 }
655
656 @{
657
658 int PageViewId = Pageview.Page.ID;
659 int AreaId = Pageview.AreaID;
660
661 // HttpContext.Current.Session["PageIdForStyles"] = Pageview.Page.ID;
662 // HttpContext.Current.Session["AreaIdForStyles"] = Pageview.AreaID;
663
664 DataTable AdvancedGridStylesDataTable = null;
665
666 AdvancedGridStylesDataTable = DynamicwebData.Query($@"
667
668 SELECT
669 InlineStyles AS Styles
670
671 FROM
672 [dbo].[ItemType_AdvancedGridConfiguration] AS AGC
673 LEFT JOIN [dbo].[GridRow] AS GR ON GR.GridRowItemId = AGC.Id
674
675 WHERE
676 GR.GridRowPageId = @PageId;
677
678 ", new SqlParameter("PageId", PageViewId));
679
680 DataTable BackgroundConfigDataTable = null;
681
682 BackgroundConfigDataTable = DynamicwebData.Query($@"
683
684 SELECT
685 distinct(BG.Stylesheet) AS Styles
686
687 FROM [dbo].GridRow AS GR
688 INNER JOIN dbo.Paragraph AS PG ON PG.ParagraphGridRowId = GR.GridRowId
689 LEFT JOIN dbo.ItemType_CTAParagraph AS CTA ON CTA.Id = PG.ParagraphItemId
690 LEFT JOIN dbo.ItemType_MultiColumnParagraph AS MCP ON MCP.Id = PG.ParagraphItemId
691 LEFT JOIN dbo.ItemType_Carousel AS CS ON CS.Id = PG.ParagraphItemId
692 LEFT JOIN dbo.ItemType_BackgroundConfiguration AS BG ON CTA.BackgroundConfigurationID = BG.Id
693 OR MCP.BackgroundConfigurationID = BG.Id
694 OR CS.BackgroundConfigurationID = BG.Id
695
696 WHERE GR.GridRowPageID=@PageId
697 AND bg.Stylesheet Is NOT NULL", new SqlParameter("PageId", PageViewId));
698
699 DataTable ButtonConfigDataTable = null;
700
701 ButtonConfigDataTable = DynamicwebData.Query($@"
702
703 SELECT
704 distinct(BCONF.Stylesheet) AS Styles
705
706 FROM [dbo].GridRow AS GR
707 LEFT JOIN [dbo].Paragraph AS P ON P.ParagraphGridRowId = GR.GridRowId
708 LEFT JOIN [dbo].ItemType_CTAParagraph AS CTAP ON CTAP.Id = P.ParagraphItemId
709 LEFT JOIN [dbo].ItemType_MultiColumnParagraph AS MCP ON MCP.Id = P.ParagraphItemId
710 LEFT JOIN [dbo].[ItemType_ParagraphColumn] AS PC ON MCP.ParagraphListID = PC.Id
711 LEFT JOIN [dbo].ItemType_Carousel AS CS ON CS.Id = P.ParagraphItemId
712 LEFT JOIN [dbo].[ItemType_CarouselItem] AS CI ON CS.CarouselListID = CI.Id
713 LEFT JOIN [dbo].[ItemType_JumbotronContainer] AS JC ON JC.Id = P.ParagraphItemId
714 LEFT JOIN [dbo].[ItemType_JumbotronListItem] AS JLI ON JLI.Id = JC.JumbotronListID
715 LEFT JOIN [dbo].[ItemType_CTAButton] AS CTAB ON
716 CTAP.ButtonID = CTAB.Id
717 OR CTAP.ExtraButtonID = CTAB.Id
718 OR MCP.ButtonID = CTAB.Id
719 OR PC.ButtonID = CTAB.Id
720 OR PC.ExtraButtonID = CTAB.Id
721 OR CS.ButtonID = CTAB.Id
722 OR CI.ButtonID = CTAB.Id
723 OR CI.ExtraButtonID = CTAB.Id
724 OR JLI.ButtonID = CTAB.Id
725 LEFT JOIN [dbo].[ItemType_ButtonConfiguration] AS BCONF ON CTAB.ButtonConfigurationID = BCONF.Id
726
727 WHERE
728 GR.GridRowPageID = @PageId
729 AND GR.GridRowActive = 1
730 AND CTAB.ButtonConfigurationID Is NOT NULL", new SqlParameter("PageId", PageViewId));
731
732 DataTable MasterConfigDataTable = null;
733
734 MasterConfigDataTable = DynamicwebData.Query($@"
735
736 SELECT
737 MC.CustomCSS
738
739 FROM
740 [dbo].[Page] AS P
741 INNER JOIN [dbo].[ItemType_MasterConfig] AS MC ON P.PageItemId = MC.Id
742
743 WHERE
744 p.PageItemType = 'MasterConfig'
745 AND PageAreaId = @AreaId;", new SqlParameter("AreaId", AreaId));
746
747 if (AdvancedGridStylesDataTable != null && AdvancedGridStylesDataTable.Rows.Count > 0)
748 {
749 for (int i = 0; i < AdvancedGridStylesDataTable.Rows.Count; i++)
750 {
751 @AdvancedGridStylesDataTable.Rows[i]["Styles"].ToString();
752 }
753 }
754
755 if (BackgroundConfigDataTable != null && BackgroundConfigDataTable.Rows.Count > 0)
756 {
757 for (int i = 0; i < BackgroundConfigDataTable.Rows.Count; i++)
758 {
759 @BackgroundConfigDataTable.Rows[i]["Styles"].ToString();
760 }
761 }
762
763 if (ButtonConfigDataTable != null && ButtonConfigDataTable.Rows.Count > 0)
764 {
765 for (int i = 0; i < ButtonConfigDataTable.Rows.Count; i++)
766 {
767 @ButtonConfigDataTable.Rows[i]["Styles"].ToString();
768 }
769 }
770
771 @MasterConfigDataTable.Rows[0]["CustomCSS"].ToString();
772 }
773
774 </style>
775
776 </head>
777 <body class="@MasterConfigCssClass">
778
779 @websitesettings.BodyScript
780 @{
781 if (_cookieOptinLevel.ToString() == "All" || _enabledCookieCategories.Contains("Marketing_Cookies"))
782 {
783 @websitesettings.BodyScriptAfterConsent;
784 }
785 }
786
787 @websitesettings.TailScript
788
789 @inherits Dynamicweb.Rendering.ViewModelTemplate<Dynamicweb.Frontend.PageViewModel>
790
791 @using System.Linq;
792 @using System.Data;
793
794 @using Dynamicweb;
795 @using Bluedesk.DynamicWeb.ItemTypes.BaseSolution.Frontend;
796
797 @{
798
799 DataTable DataTableObj = AdvancedGridServices.GetHeaderGridDataTable(Pageview.AreaID, Pageview.Page.ID);
800
801 WrapperObj Header = AdvancedGridServices.RenderWrapper(DataTableObj, "header", "header", Pageview.AreaID, Pageview.Page.ID);
802 WrapperObj Footer = AdvancedGridServices.RenderWrapper(DataTableObj, "footer", "footer", Pageview.AreaID, Pageview.Page.ID);
803
804 var homepage = Dynamicweb.Services.Pages.GetRootPagesForArea(Pageview.AreaID).FirstOrDefault(p => p.ItemType == "HomePage" && p.Active) ?? Dynamicweb.Services.Pages.GetFirstPageForArea(Pageview.AreaID);
805
806 bool userLoggedIn = false;
807 if (enableLogin) { userLoggedIn = Pageview.User == null ? false : true; }
808
809 string HeaderContainerSize = mc.HeaderConfiguration.ContainerSize + "px";
810
811 }
812
813 @inherits Dynamicweb.Rendering.ViewModelTemplate<Dynamicweb.Frontend.PageViewModel>
814 @using Dynamicweb;
815 @using Dynamicweb.Content.Items;
816
817 <script>
818
819 function setImagesSizes(Classname) {
820 var Images = document.querySelectorAll(Classname);
821 for (var index = 0; index < Images.length; index++) {
822 if (!Images[index].hasAttribute("height")) {
823 Images[index].setAttribute("height", Images[index].offsetHeight);
824 }
825 if (!Images[index].hasAttribute("width")) {
826 Images[index].setAttribute("width", Images[index].offsetWidth);
827 }
828 }
829 }
830
831 window.addEventListener('load', function () {
832 setImagesSizes("img");
833 setImagesSizes(".mc-header__logo-image");
834 });
835
836 </script>
837
838
839 <style>
840 @Header.CSS
841 @Footer.CSS
842 </style>
843
844 @Header.Template
845
846
847 <!-- DO NOT REMOVE -->
848 <div id="quick-order"></div>
849 <div id="backdrop-megamenu"></div>
850 <mega-menu id="mega-menu"></mega-menu>
851 <!-- DO NOT REMOVE -->
852
853 @if (isVisualEditor && IsNotContentManager)
854 {
855 @AdvancedGridServices.RenderVisualEditorNavigation(DataTableObj, "header")
856 }
857
858 <style>
859 .visual-editor__navigation {
860 position: absolute;
861 top: 10px;
862 left: 10px;
863 display: flex;
864 flex-direction: row;
865 z-index: 100000000;
866 }
867
868 .visual-editor__button {
869 height: 50px;
870 min-width: 150px;
871 right: auto;
872 left: auto;
873 background-color: white;
874 box-shadow: -10px 10px 10px rgb(28 28 84 / 25%);
875 display: flex;
876 justify-content: center;
877 align-items: center;
878 padding: 25px;
879 margin-right: 25px;
880 }
881
882 .visual-editor__button-icon {
883 margin-right: 25px;
884 }
885
886 .header {
887 --HeaderContainerDisplay: none;
888 }
889
890 .header__container {
891 padding: 0;
892 }
893
894 .header__container, .header__stickyheader-container {
895 max-width: none;
896 }
897
898 .header .AdvancedGrid__container {
899 max-width: @HeaderContainerSize;
900 margin: 0 auto;
901 }
902
903 .header .AdvancedGrid__column {
904 background-color: var(--BackgroundColor);
905 flex-grow: var(--FlexGrow);
906 }
907
908 .AdvancedGrid__row {
909 align-items: center;
910 }
911 </style>
912
913 @inherits Dynamicweb.Rendering.RazorTemplateBase<Dynamicweb.Rendering.RazorTemplateModel<Dynamicweb.Rendering.Template>>
914 @using Dynamicweb;
915 @using Bluedesk.DynamicWeb.ItemTypes;
916
917 @{
918 var pid = ModuleOnlyParagraph.GetParagraphIDByTag<ModuleOnlyParagraph>("SideBarForm", Pageview.AreaID);
919
920 if (pid > 0)
921 {
922 <section id="vue-side-bar-form" data-paragraphid="@pid" data-telephone="@phonenumber" data-formatphonenumber="@formattedPhonenumber" data-isoffline="@isOffline"></section>
923 }
924 }
925
926
927 @if (@enableProductCompare)
928 {
929 <div id="vue-compare-list"></div>
930 }
931
932 @{
933 var Home = Dynamicweb.Services.Pages.GetPageByNavigationTag(Pageview.AreaID, "Home");
934 }
935
936 @Model.Grid("grid", "Before breadcrumb", "", "AdvancedGrid")
937
938 @if (showBreadcrumbs && !isOverviewPage)
939 {
940 var navigationSettings = new NavigationSettings();
941 navigationSettings.ExpandMode = ExpandMode.PathOnly;
942 navigationSettings.StartLevel = 1;
943 navigationSettings.StopLevel = 99;
944 navigationSettings.Parameters.Add("PageTitle", Model.Title);
945 navigationSettings.IncludeFoldersAndHidden = true;
946
947 @Navigation.RenderNavigation("Navigation/Breadcrumbs.cshtml", navigationSettings)
948 }
949
950 @Model.Grid("grid2", "After breadcrumb", "", "AdvancedGrid")
951
952 @inherits Dynamicweb.Rendering.ViewModelTemplate<Dynamicweb.Frontend.PageViewModel>
953 @using Dynamicweb;
954 @using Bluedesk.DynamicWeb.ItemTypes;
955 @using Bluedesk.DynamicWeb.ItemTypes.Extensions;
956 @using Bluedesk.DynamicWeb.ItemTypes.BaseSolution.Frontend;
957
958 @{
959 string footerLogo = websitesettings.FooterLogo;
960 string footerDescription = websitesettings.FooterDescription;
961
962 var fb = websitesettings.Facebook;
963 var twitter = websitesettings.Twitter;
964 var linkedin = websitesettings.LinkedIn;
965 var instagram = websitesettings.Instagram;
966 var youtube = websitesettings.Youtube;
967 var pinterest = websitesettings.Pinterest ?? "";
968
969 var companyName = websitesettings.CompanyName;
970 var Emailadress = websitesettings.Emailadress;
971 var Phonenumber = websitesettings.Phonenumber;
972 var Address = websitesettings.Address;
973 var Zipcode = websitesettings.Zipcode;
974 var City = websitesettings.City;
975 var Country = websitesettings.Country;
976
977 var selectedPaymentLogos = websitesettings.FooterPaymentLogos;
978
979 bool footer__newsletter_signup_display = !string.IsNullOrWhiteSpace(mc.FooterConfiguration.NewsLetterSignUpDisplay.ToString()) && mc.FooterConfiguration.NewsLetterSignUpDisplay.ToString() == "True" ? true : false;
980 bool footer__USP_display = !string.IsNullOrWhiteSpace(mc.FooterConfiguration.UspDisplay.ToString()) && mc.FooterConfiguration.UspDisplay.ToString() == "True" ? true : false;
981
982 string footer__background_color = mc.FooterConfiguration.BackgroundColor?.GetColorCode(Pageview.AreaID) ?? "#000000";
983 string footer__color = mc.FooterConfiguration.Color?.GetColorCode(Pageview.AreaID) ?? "#FFFFFF";
984
985 string footer__top_image = !string.IsNullOrWhiteSpace(mc.FooterConfiguration.TopImage.ToString()) ? mc.FooterConfiguration.TopImage.ToString() : "";
986
987
988
989 }
990
991 <div id="scroll-to-top" class="scroll-to-top" aria-label="@Translate("Naar boven", "To Top")">
992 <span class="scroll-to-top__text">
993 @Translate("Naar boven", "To Top")
994 </span>
995 <i class="fal fa-arrow-to-top scroll-to-top__icon"></i>
996 </div>
997
998 @if (Pageview.Page.ParentPageId > 0)
999 {
1000 var siblings = Dynamicweb.Services.Pages.GetPagesByParentID(Pageview.Page.ParentPageId).Where(p => p.Active).ToList();
1001 var parentpageItemType = Pageview.Page.Parent.ItemType;
1002 bool isParentPageOverviewpage = parentpageItemType == "OverviewPage";
1003
1004 if (siblings.Count() > 1 && isParentPageOverviewpage)
1005 {
1006 var prevPage = siblings.OrderByDescending(p => p.Sort).FirstOrDefault(p => p.Sort < Pageview.Page.Sort);
1007 var nextPage = siblings.OrderBy(p => p.Sort).FirstOrDefault(p => p.Sort > Pageview.Page.Sort);
1008 var overview = "/Default.aspx?ID=" + Pageview.Page.ParentPageId;
1009
1010 <section class="page-navigation">
1011 @if (prevPage != null)
1012 {
1013 var back = "/Default.aspx?ID=" + prevPage.ID;
1014 <a href="@back" class="page-navigation__item">
1015 <i class="fal fa-arrow-alt-to-left page-navigation__item--icon"></i>
1016 <label class="page-navigation__item-label">@Translate("pagenavigation.previous", "Previous")</label>
1017 </a>
1018 }
1019
1020 <a href="@overview" class="page-navigation__item">
1021 <label class="page-navigation__item-label">@Translate("pagenavigation.Overview", "To overview")</label>
1022 <i class="fas fa-th page-navigation__item--icon"></i>
1023 </a>
1024
1025 @if (nextPage != null)
1026 {
1027 var forward = "/Default.aspx?ID=" + nextPage.ID;
1028 <a href="@forward" class="page-navigation__item">
1029 <label class="page-navigation__item-label">@Translate("pagenavigation.next", "Next")</label>
1030 <i class="fal fa-arrow-alt-to-right page-navigation__item--icon"></i>
1031 </a>
1032 }
1033 </section>
1034 }
1035 }
1036
1037 @*
1038
1039 @inherits Dynamicweb.Rendering.ViewModelTemplate<Dynamicweb.Frontend.PageViewModel>
1040 @using Dynamicweb;
1041 @using Bluedesk.Tools.DynamicWeb.ExtensionMethods;
1042 @using Bluedesk.DynamicWeb.ItemTypes;
1043
1044 @{
1045
1046 if (Pageview.Page.ParentPageId > 0)
1047 {
1048
1049 // Paging
1050
1051 var siblings = Dynamicweb.Services.Pages.GetPagesByParentID(Pageview.Page.ParentPageId).Where(p => p.Active).ToList();
1052 var currentID = Pageview.Page.ID;
1053 var parentpageItemType = Pageview.Page.Parent.ItemType;
1054 bool isParentPageOverviewpage = parentpageItemType == "OverviewPage";
1055
1056
1057 var siblingsCount = siblings.Count;
1058
1059 int previousIdx = 0;
1060 int nextIdx = siblingsCount - 1;
1061 int idx = 0;
1062
1063 for (int i = 0; i < siblingsCount; i++)
1064 {
1065 if (siblings[i].ID == currentID && siblings[i].PropertyItem != null)
1066 {
1067 idx = i;
1068 }
1069 }
1070
1071 previousIdx = idx == previousIdx ? previousIdx : idx - 1;
1072 nextIdx = idx == nextIdx ? nextIdx : idx + 1;
1073
1074 var previousID = siblings[previousIdx].ID;
1075 var nextID = siblings[nextIdx].ID;
1076 var overview = "/Default.aspx?ID=" + Pageview.Page.ParentPageId;
1077
1078 if (siblingsCount > 1)
1079 {
1080
1081 <section class="page-navigation">
1082
1083 @if (!(previousID == currentID || previousID == 0))
1084 {
1085 var back = "/Default.aspx?ID=" + previousID;
1086 <a href="@back" class="page-navigation__item">
1087 <i class="fal fa-arrow-alt-to-left page-navigation__item--icon"></i>
1088 <label class="page-navigation__item-label">@Translate("pagenavigation.previous", "Previous")</label>
1089 </a>
1090 }
1091
1092 <a href="@overview" class="page-navigation__item">
1093 <label class="page-navigation__item-label">@Translate("pagenavigation.Overview", "To overview")</label>
1094 <i class="fas fa-th page-navigation__item--icon"></i>
1095 </a>
1096
1097 @if (!(nextID == currentID || nextID == 0))
1098 {
1099 var forward = "/Default.aspx?ID=" + nextID;
1100 <a href="@forward" class="page-navigation__item">
1101 <label class="page-navigation__item-label">@Translate("pagenavigation.next", "Next")</label>
1102 <i class="fal fa-arrow-alt-to-right page-navigation__item--icon"></i>
1103 </a>
1104 }
1105
1106 </section>
1107
1108 }
1109
1110 }
1111 else
1112 {
1113 // No action
1114 }
1115
1116 }
1117
1118 @inherits Dynamicweb.Rendering.RazorTemplateBase<Dynamicweb.Rendering.RazorTemplateModel<Dynamicweb.Rendering.Template>>
1119 @using Dynamicweb;
1120
1121 @if (Pageview.Page.ParentPageId > 0)
1122 {
1123 var siblings = Dynamicweb.Services.Pages.GetPagesByParentID(Pageview.Page.ParentPageId).Where(p => p.Active).ToList();
1124 var parentpageItemType = Pageview.Page.Parent.ItemType;
1125 bool isParentPageOverviewpage = parentpageItemType == "OverviewPage";
1126
1127 if (siblings.Count() > 1 && isParentPageOverviewpage)
1128 {
1129 var prevPage = siblings.OrderByDescending(p => p.Sort).FirstOrDefault(p => p.Sort < Pageview.Page.Sort);
1130 var nextPage = siblings.OrderBy(p => p.Sort).FirstOrDefault(p => p.Sort > Pageview.Page.Sort);
1131 var overview = "/Default.aspx?ID=" + Pageview.Page.ParentPageId;
1132
1133 <section class="page-navigation">
1134 @if (prevPage != null)
1135 {
1136 var back = "/Default.aspx?ID=" + prevPage.ID;
1137 <a href="@back" class="page-navigation__item">
1138 <i class="fal fa-arrow-alt-to-left page-navigation__item--icon"></i>
1139 <label class="page-navigation__item-label">@Translate("pagenavigation.previous", "Previous")</label>
1140 </a>
1141 }
1142
1143 <a href="@overview" class="page-navigation__item">
1144 <label class="page-navigation__item-label">@Translate("pagenavigation.Overview", "To overview")</label>
1145 <i class="fas fa-th page-navigation__item--icon"></i>
1146 </a>
1147
1148 @if (nextPage != null)
1149 {
1150 var forward = "/Default.aspx?ID=" + nextPage.ID;
1151 <a href="@forward" class="page-navigation__item">
1152 <label class="page-navigation__item-label">@Translate("pagenavigation.next", "Next")</label>
1153 <i class="fal fa-arrow-alt-to-right page-navigation__item--icon"></i>
1154 </a>
1155 }
1156 </section>
1157 }
1158 }
1159
1160 *@
1161
1162
1163
1164 @Footer.Template
1165
1166 @if (isVisualEditor && IsNotContentManager)
1167 {
1168 <nav class="footer-layout">
1169 @AdvancedGridServices.RenderVisualEditorNavigation(DataTableObj, "footer")
1170 </nav>
1171
1172 <style>
1173 .footer-layout {
1174 position: absolute;
1175 bottom: 25px;
1176 }
1177 </style>
1178 }
1179
1180 @if (!string.IsNullOrWhiteSpace(footer__top_image) && string.IsNullOrWhiteSpace(Footer.Template))
1181 {
1182 <figure class="footer__top-image">
1183 <img src="@footer__top_image" alt="" />
1184 </figure>
1185 }
1186
1187 @if (string.IsNullOrWhiteSpace(Footer.Template))
1188 {
1189
1190 <footer class="footer" style="--footer-bg-color: @footer__background_color; --footer-color: @footer__color;">
1191
1192 @if (footer__USP_display)
1193 {
1194 if (!string.IsNullOrWhiteSpace(websitesettings.USP_1) || !string.IsNullOrWhiteSpace(websitesettings.USP_2) || !string.IsNullOrWhiteSpace(websitesettings.USP_3) || !string.IsNullOrWhiteSpace(websitesettings.USP_4) || !string.IsNullOrWhiteSpace(websitesettings.USP_5))
1195 {
1196 <div class="footer-usp__wrapper">
1197 <div class="container">
1198 <ul class="footer-usp__list flex-wrap">
1199 @RenderFooterUSP(websitesettings.USP_1, websitesettings.USP_1_icon)
1200 @RenderFooterUSP(websitesettings.USP_2, websitesettings.USP_2_icon)
1201 @RenderFooterUSP(websitesettings.USP_3, websitesettings.USP_3_icon)
1202 @RenderFooterUSP(websitesettings.USP_4, websitesettings.USP_4_icon)
1203 @RenderFooterUSP(websitesettings.USP_5, websitesettings.USP_5_icon)
1204
1205 </ul>
1206 </div>
1207 </div>
1208 }
1209 }
1210
1211 @if (footer__newsletter_signup_display)
1212 {
1213 <div>
1214 @inherits Dynamicweb.Rendering.ViewModelTemplate<Dynamicweb.Frontend.PageViewModel>
1215 @using Dynamicweb;
1216
1217 @{
1218 var newsletterFormID = ModuleOnlyParagraph.GetParagraphIDByTag<ModuleOnlyParagraph>("Footer.Newsletter");
1219
1220 if (newsletterFormID > 0)
1221 {
1222 <section class="footer__newsletter-container">
1223 <div class="container footer__newsletter">
1224 <label class="footer__newsletter-label">
1225 @Translate("Footer.SignUpNewsletter", "Sign up for the digital newsletter")
1226 </label>
1227 @RenderParagraphContent(newsletterFormID)
1228 </div>
1229 </section>
1230 }
1231 }
1232
1233 </div>
1234 }
1235
1236 @if (!string.IsNullOrWhiteSpace(mc.FooterConfiguration.BackgroundGradient))
1237 {
1238 <style>
1239 .footer {
1240 @mc.FooterConfiguration.BackgroundGradient;
1241 }
1242 </style>
1243 }
1244
1245 <section class="container footer__content">
1246
1247 <div class="footer__link">
1248 @{
1249 var footerColumnOneNavigationSettings = new NavigationSettings();
1250 footerColumnOneNavigationSettings.ExpandMode = ExpandMode.All;
1251 footerColumnOneNavigationSettings.StartLevel = 1;
1252 footerColumnOneNavigationSettings.StopLevel = 4;
1253 footerColumnOneNavigationSettings.RootNavigationTag = "footer-column-1";
1254 var footerColumnOneNavigation = Navigation.RenderNavigation("Navigation/BottomNavigation.cshtml", footerColumnOneNavigationSettings);
1255
1256 if (!string.IsNullOrEmpty(footerColumnOneNavigation))
1257 {
1258 <p class="footer__link-header">@Translate("Footer.Column1.Header", "What you need to know")</p>
1259 @footerColumnOneNavigation
1260 }
1261 }
1262 </div>
1263 <div class="footer__link">
1264 @{
1265 var footerColumnTwoNavigationSettings = new NavigationSettings();
1266 footerColumnTwoNavigationSettings.ExpandMode = ExpandMode.All;
1267 footerColumnTwoNavigationSettings.StartLevel = 1;
1268 footerColumnTwoNavigationSettings.StopLevel = 4;
1269 footerColumnTwoNavigationSettings.RootNavigationTag = "footer-column-2";
1270 var footerColumnTwoNavigation = Navigation.RenderNavigation("Navigation/BottomNavigation.cshtml", footerColumnTwoNavigationSettings);
1271
1272 if (!string.IsNullOrEmpty(footerColumnTwoNavigation))
1273 {
1274 <p class="footer__link-header">@Translate("Footer.Column2.Header", "Category two")</p>
1275 @footerColumnTwoNavigation
1276 }
1277 }
1278 </div>
1279 <div class="footer__link">
1280 @{
1281 var footerColumnThreeNavigationSettings = new NavigationSettings();
1282 footerColumnThreeNavigationSettings.ExpandMode = ExpandMode.All;
1283 footerColumnThreeNavigationSettings.StartLevel = 1;
1284 footerColumnThreeNavigationSettings.StopLevel = 4;
1285 footerColumnThreeNavigationSettings.RootNavigationTag = "footer-column-3";
1286 var footerColumnThreeNavigation = Navigation.RenderNavigation("Navigation/BottomNavigation.cshtml", footerColumnThreeNavigationSettings);
1287
1288 if (!string.IsNullOrEmpty(footerColumnThreeNavigation))
1289 {
1290 <p class="footer__link-header">@Translate("Footer.Column3.Header", "Category three")</p>
1291 @footerColumnThreeNavigation
1292 }
1293 }
1294 </div>
1295
1296 @if (!string.IsNullOrWhiteSpace(footerLogo) || !string.IsNullOrWhiteSpace(footerDescription))
1297 {
1298 <div class="footer__description-container">
1299 @if (!string.IsNullOrWhiteSpace(footerLogo))
1300 {
1301 <img class="footer__logo" loading="lazy" src="/Admin/Public/GetImage.ashx?Image=@footerLogo&Crop=5&Format=webp&Quality=99&Compression=80&Width=400" alt="Footer logo" width="400" height="200" />
1302 }
1303
1304 @if (!string.IsNullOrWhiteSpace(footerDescription))
1305 {
1306 <div class="footer__description">
1307 @footerDescription
1308 </div>
1309 }
1310 </div>
1311 }
1312
1313 </section>
1314
1315 <section class="footer__copyright">
1316
1317 <div class="container bottombar__container">
1318 @{
1319 var copyRightMenuNavigationSettings = new NavigationSettings();
1320 copyRightMenuNavigationSettings.ExpandMode = ExpandMode.All;
1321 copyRightMenuNavigationSettings.StartLevel = 1;
1322 copyRightMenuNavigationSettings.StopLevel = 4;
1323 copyRightMenuNavigationSettings.RootNavigationTag = "bottombar";
1324 var copyRightMenuNavigation = Navigation.RenderNavigation("Navigation/CleanNavigation.cshtml", copyRightMenuNavigationSettings);
1325
1326 if (!string.IsNullOrEmpty(copyRightMenuNavigation))
1327 {
1328 @copyRightMenuNavigation;
1329 }
1330 }
1331
1332 @if (!string.IsNullOrWhiteSpace(twitter) || !string.IsNullOrWhiteSpace(fb) || !string.IsNullOrWhiteSpace(linkedin) || !string.IsNullOrWhiteSpace(youtube) || !string.IsNullOrWhiteSpace(instagram) || !string.IsNullOrWhiteSpace(pinterest))
1333 {
1334 <section class="footer__social-container">
1335
1336 <span class="footer__icon-labels">@Translate("Footer.FollowUs", "Volg ons op:")</span>
1337
1338 <div class="footer__social-icon-container">
1339 @if (!string.IsNullOrWhiteSpace(twitter))
1340 {
1341 <a href="@twitter" target="_blank" title="twitter" class="footer__social" rel="noreferrer"><i class="fab fa-twitter"></i></a>
1342 }
1343 @if (!string.IsNullOrWhiteSpace(fb))
1344 {
1345 <a href="@fb" target="_blank" title="facebook" class="footer__social" rel="noreferrer"><i class="fab fa-facebook-square"></i></a>
1346 }
1347 @if (!string.IsNullOrWhiteSpace(linkedin))
1348 {
1349 <a href="@linkedin" target="_blank" title="LinkedIn" class="footer__social" rel="noreferrer"><i class="fab fa-linkedin"></i></a>
1350 }
1351 @if (!string.IsNullOrWhiteSpace(youtube))
1352 {
1353 <a href="@youtube" target="_blank" title="YouTube" class="footer__social" rel="noreferrer"><i class="fab fa-youtube"></i></a>
1354 }
1355 @if (!string.IsNullOrWhiteSpace(instagram))
1356 {
1357 <a href="@instagram" target="_blank" title="Instagram" class="footer__social" rel="noreferrer"><i class="fab fa-instagram"></i></a>
1358 }
1359 @if (!string.IsNullOrWhiteSpace(pinterest))
1360 {
1361 <a href="@pinterest" target="_blank" title="Pinterest" class="footer__social" rel="noreferrer"><i class="fab fa-pinterest"></i></a>
1362 }
1363 </div>
1364
1365 </section>
1366 }
1367 </div>
1368
1369 </section>
1370
1371 <section class="footer-paymentoptions" data-paymentmethods="@selectedPaymentLogos"></section>
1372 </footer>
1373
1374 }
1375
1376 @helper RenderFooterUSP(string USP_content, string USP_icon)
1377 {
1378 if (!string.IsNullOrWhiteSpace(USP_content))
1379 {
1380 var usp_icon_class = (!string.IsNullOrWhiteSpace(USP_icon)) ? USP_icon : "fal fa-check";
1381
1382 <li class="footer-usp__item">
1383 <i class="@usp_icon_class footer-usp__icon"></i>
1384 <span>@USP_content</span>
1385 </li>
1386 }
1387 }
1388
1389 @inherits Dynamicweb.Rendering.ViewModelTemplate<Dynamicweb.Frontend.PageViewModel>
1390 @using Dynamicweb;
1391 @using Dynamicweb.Content.Items;
1392 @using Bluedesk.DynamicWeb.ItemTypes;
1393
1394 @{
1395 var colorService = new ColorSwatchService();
1396 bool displayPrices = mc.EcomConfiguration.HidePricesForGuests ? Pageview.User != null : true;
1397 string ShowZeroPrices = (!mc.EcomConfiguration.HideZeroPrices).ToString().ToLower();
1398
1399 var bottomBarItemsList = new List<object>();
1400 foreach (var _item in mc.FooterConfiguration.BottombarItemList)
1401 {
1402 string title = _item.Title;
1403 string link = _item.TargetLink;
1404
1405 if (_item.Type == "login" && Pageview.User != null)
1406 {
1407 title = @Translate("Bottombar.Logout", "Logout");
1408 link = $"/Admin/Public/ExtranetLogoff.aspx?ID={homepage.ID}";
1409 }
1410
1411 var newItem = new
1412 {
1413 title = title,
1414 icon = _item.Icon,
1415 link = link,
1416 subtitle = _item.Title,
1417 type = _item.Type,
1418 visible = true
1419 };
1420 bottomBarItemsList.Add(newItem);
1421 }
1422 var allBottomBarItems = bottomBarItemsList.ToArray();
1423 string bottomBarItemsJson = Newtonsoft.Json.JsonConvert.SerializeObject(allBottomBarItems).Replace("\"", "\'");
1424
1425 string BottombarBackgroundColor = mc.FooterConfiguration.BottombarBackgroundColor;
1426 if (!string.IsNullOrWhiteSpace(BottombarBackgroundColor))
1427 {
1428 BottombarBackgroundColor = !BottombarBackgroundColor.Contains("#") ? colorService.GetHexColor(Pageview.AreaID, BottombarBackgroundColor) : BottombarBackgroundColor;
1429 }
1430
1431 string BottombarTextColor = mc.FooterConfiguration.BottombarTextColor;
1432 if (!string.IsNullOrWhiteSpace(BottombarTextColor))
1433 {
1434 BottombarTextColor = !BottombarTextColor.Contains("#") ? colorService.GetHexColor(Pageview.AreaID, BottombarTextColor) : BottombarTextColor;
1435 }
1436
1437 string BottombarIconColor = mc.FooterConfiguration.BottombarIconColor;
1438 if (!string.IsNullOrWhiteSpace(BottombarIconColor))
1439 {
1440 BottombarIconColor = !BottombarIconColor.Contains("#") ? colorService.GetHexColor(Pageview.AreaID, BottombarIconColor) : BottombarIconColor;
1441 }
1442 }
1443
1444 <style>
1445 .bottombar {
1446 background-color: @BottombarBackgroundColor;
1447 }
1448 .bottombar__button span {
1449 color: @BottombarTextColor;
1450 }
1451 .bottombar__button [class^=fa],
1452 .bottombar__button [class^=svg-] {
1453 color: @BottombarIconColor;
1454 }
1455 </style>
1456
1457 <section id="vue-modal"
1458 data-show-prices="@displayPrices.ToString().ToLower()"
1459 data-show-zero-prices="@ShowZeroPrices">
1460 </section>
1461
1462 <section id="vue-bottom-bar"
1463 data-items="@bottomBarItemsJson"
1464 data-phonenumber="@formattedPhonenumber"
1465 data-isoffline="@isOffline"
1466 data-emailadress="@emailadress"
1467 data-currentpageid="@homepage.ID"
1468 data-enable-login="@enableLogin"
1469 data-enable-shoppingcart="@enableShoppingCart"
1470 data-enable-advancedsearch="@enableAdvancedSearch"></section>
1471
1472 @{
1473 int SearchPageID = Bluedesk.Tools.DynamicWeb.Generic.PageHelper.GetPageIDByNavigationTag("searchresults", Pageview.AreaID);
1474 var SearchPlaceholder = Translate("Searchbox.PlaceholderValue", "Search...");
1475 var SearchPlaceholderHover = Translate("Search.PlaceholderValue2", "Zoekt u misschien een ...?");
1476 var SearchPrefill = Dynamicweb.Context.Current.Request["q"];
1477 var SearchboxClass = !string.IsNullOrWhiteSpace(SearchPrefill) ? "open" : "";
1478 var SearchtoggleClass = !string.IsNullOrWhiteSpace(SearchPrefill) ? "close" : "";
1479 }
1480
1481 <section class="bottombar__searchbox__wrapper">
1482 <form class="searchbox__form" method="get" action="/Default.aspx" style="display: flex; flex-grow: 1;">
1483 <input type="text" name="q" value="@SearchPrefill" class="searchbox__input" placeholder="@SearchPlaceholder" aria-label="Search through site content" data-placeholder="@SearchPlaceholder" data-hoverplaceholder="@SearchPlaceholderHover" style="display: flex; flex-grow: 1;" />
1484 <div class="searchbox__button">
1485 <button type="submit" class="searchbox__form__submit icon icon--medium icon__search input__icon" aria-label="Search">
1486 <i class="fal fa-search"></i>
1487 </button>
1488 </div>
1489 <input type="hidden" name="ID" value="@SearchPageID" />
1490 </form>
1491
1492 </section>
1493
1494 @using Dynamicweb.Rendering
1495 @using Dynamicweb.Security.UserManagement
1496
1497 @{
1498 UserImpersonation impersonationMode = User.ImpersonationMode;
1499 User currentUser = Pageview.User;
1500 User secondaryUser = Pageview.User?.CurrentSecondaryUser ?? null;
1501 bool isImpersonating = Pageview.User?.CurrentSecondaryUser != null;
1502 int impersonationPageId = GetPageIdByNavigationTag("CustomerImpersonation");
1503
1504 if(isImpersonating && impersonationMode == UserImpersonation.Full) {
1505 currentUser = Pageview.User.CurrentSecondaryUser;
1506 secondaryUser = Pageview.User;
1507 }
1508 }
1509
1510 @if(currentUser != null && currentUser.GetUsersICanSetAsSecondary().Count > 0)
1511 {
1512 <div class="impersonation">
1513 <div class="impersonation__header">
1514 <p class="impersonation__title">
1515 @Translate("Impersonate.Modal.Title", "Impersonation")
1516 @if (isImpersonating)
1517 {
1518 <span title="On" class="impersonation__indicator"></span>
1519 }
1520 </p>
1521 <i class="fal fa-chevron-up impersonation__header-icon"></i>
1522 </div>
1523 <div class="impersonation__body">
1524 @if (isImpersonating)
1525 {
1526 <p>@string.Format(Translate("Impersonate.CurrentImpersonation", "You ({0}) are currently impersonating {1}"), string.Format("<strong>{0}</strong>", currentUser.UserName), string.Format("<strong>{0}</strong>", secondaryUser.UserName))</p>
1527
1528 <form method="post" name="stopImpersonation">
1529 <input name="DwExtranetRemoveSecondaryUser" id="DwExtranetRemoveSecondaryUser" type="hidden">
1530 <div class="mt-4">
1531 <button class="btn btn__primary" type="submit">
1532 <span class="btn__text">@Translate("Impersonate.StopBtn", "Stop impersonation")</span>
1533 <i class="fas fa-ban btn__icon"></i>
1534 </button>
1535 </div>
1536 </form>
1537 } else {
1538 <p>@Translate("Impersonate.Modal.Content", "Take a look at the list of customers you can impersonate.")</p>
1539 <div class="w-full flex mt-2">
1540 <a href="Default.aspx?ID=@impersonationPageId" class="btn btn__primary">
1541 <span class="btn__text">@Translate("Impersonate.Modal.ViewList", "View List")</span>
1542 <i class="fal fa-chevron-right btn__icon"></i>
1543 </a>
1544 </div>
1545 }
1546 </div>
1547 </div>
1548 }
1549
1550 @inherits Dynamicweb.Rendering.ViewModelTemplate<Dynamicweb.Frontend.PageViewModel>
1551 @using System;
1552 @using Dynamicweb;
1553 @using Dynamicweb.Ecommerce.CustomerExperienceCenter.Favorites;
1554
1555 @{
1556 var favListService = new FavoriteListService();
1557 IEnumerable<FavoriteList> favoriteLists = Pageview.User != null ? favListService.GetLists(Pageview.User.ID) : null;
1558 int favoritelistsPageId = GetPageIdByNavigationTag("CustomerFavorites");
1559 }
1560
1561 @if(favoriteLists != null && Pageview.User != null)
1562 {
1563 <div class="offcanvas__backdrop" name="favoritelist"></div>
1564 <aside class="offcanvas" data-listcount="@favoriteLists.Count()" name="favoritelist">
1565 <header class="offcanvas__header">
1566 <span class="offcanvas__title">@Translate("OffCanvasMenu.FavoritesTitle", "Add to favorite list")</span>
1567 <button class="offcanvas__close" aria-label="@Translate("OffCanvasMenu.Close", "Close menu")">
1568 <i class="fal fa-times"></i>
1569 </button>
1570 </header>
1571 <div class="offcanvas__body">
1572 <p>@Translate("OffCanvasMenu.FavoritesContent", "Select the list you want to add the product to")</p>
1573 <ul class="favorites__list">
1574 @foreach(FavoriteList list in favoriteLists) {
1575 <li class="favorites__list-item" data-listid="@list.ListId">
1576 <span class="favorites__list-itemname">@list.Name</span>
1577 <i class="fas fa-plus"></i>
1578 </li>
1579 }
1580 </ul>
1581 </div>
1582 <footer class="offcanvas__footer">
1583 <a href="/Default.aspx?ID=@favoritelistsPageId" class="btn btn__primary">
1584 <span class="btn__text">@Translate("OffCanvasMenu.FavoritesManageLists", "Manage lists")</span>
1585 <i class="far fa-chevron-right btn__icon"></i>
1586 </a>
1587 </footer>
1588 </aside>
1589 }
1590
1591
1592
1593 <div id="backdrop"></div>
1594
1595 @{
1596 var polyfillsjs = Cache.VersionedFile(designRoot + "/dist/polyfills.bundle.js");
1597 var appbundlejs = Cache.VersionedFile(designRoot + "/dist/app.bundle.js");
1598 var appAsyncbundlejs = Cache.VersionedFile(designRoot + "/dist/appAsync.bundle.js");
1599 var vuebundlejs = Cache.VersionedFile(designRoot + "/dist/vue.bundle.js");
1600 }
1601
1602 <script src="@polyfillsjs"></script>
1603 <script src="@appbundlejs"></script>
1604 <script defer src="@vuebundlejs"></script>
1605 <script defer src="@appAsyncbundlejs"></script>
1606
1607 @if (font_configuration != null)
1608 {
1609 foreach (var item in font_configuration.Item.ToCodeFirstItem<Bluedesk.DynamicWeb.ItemTypes.Pages.ConfigurationPagesParent>().GetChildConfigs<FontConfiguration>())
1610 {
1611 if (item["FontLink"] != null)
1612 {
1613 string FontName = item["FontName"].ToString().Replace(" ", "");
1614 string cssFile = $"files/Templates/Designs/Backyard/GoogleFont/{FontName}/{FontName}.css";
1615 <link href="@cssFile" rel="stylesheet">
1616 }
1617 }
1618 }
1619
1620 <link rel="stylesheet" href="https://pro.fontawesome.com/releases/v5.15.4/css/all.css" integrity="sha384-rqn26AG5Pj86AF4SO72RK5fyefcQ/x32DNQfChxWvbXIyXFePlEktwD18fEz+kQU" crossorigin="anonymous">
1621
1622 @if (isVisualEditor && IsNotContentManager)
1623 {
1624
1625 <style>
1626 body {
1627 background-color: #f1f1f1;
1628 font-family: 'Barlow', sans-serif;
1629 }
1630
1631 .slidePanel {
1632 position: fixed;
1633 top: 0;
1634 bottom: 0;
1635 min-width: 500px;
1636 box-shadow: -10px 10px 10px rgb(153 153 255 / 10%);
1637 background-color: #FFFFFF;
1638 z-index: 1000;
1639 box-sizing: border-box;
1640 transition: all .5s ease-in;
1641 }
1642
1643 .slidePanel.open {
1644 right: 0;
1645 }
1646
1647 .slidePanel {
1648 right: -500px;
1649 transition: all 0.5s ease-in;
1650 }
1651
1652 .slidePanel__container {
1653 display: flex;
1654 position: relative;
1655 height: 100%;
1656 }
1657
1658 .togglePanelButton {
1659 position: fixed;
1660 top: 50px;
1661 left: 50px;
1662 display: flex;
1663 justify-content: center;
1664 align-items: center;
1665 color: white;
1666 background-color: black;
1667 padding: 0px 25px;
1668 height: 50px;
1669 cursor: pointer;
1670 z-index: 1000;
1671 }
1672
1673 .closeButton {
1674 position: absolute;
1675 display: flex;
1676 top: 25px;
1677 right: 25px;
1678 font-size: 2rem;
1679 text-decoration: none;
1680 color: black;
1681 }
1682
1683 .blur {
1684 filter: blur(4px);
1685 pointer-events: none;
1686 }
1687
1688 .sideMenu {
1689 display: flex;
1690 position: absolute;
1691 align-items: center;
1692 min-height: 100px;
1693 z-index: 1200;
1694 top: 0;
1695 bottom: 0;
1696 right: 100%;
1697 flex-direction: column;
1698 justify-content: center;
1699 }
1700
1701 .sideMenu__link:first-child {
1702 margin-top: 10px;
1703 }
1704
1705 .sideMenu__link {
1706 position: relative;
1707 flex-direction: column;
1708 display: flex;
1709 height: 50px;
1710 width: 50px;
1711 background-color: #f1f1f1;
1712 margin-bottom: 10px;
1713 margin-left: 10px;
1714 margin-right: 10px;
1715 justify-content: space-between;
1716 align-items: center;
1717 font-size: 10px;
1718 padding: 10px;
1719 box-sizing: border-box;
1720 text-decoration: none;
1721 color: rgb(22, 101, 123);
1722 font-size: 24px;
1723 }
1724 .sideMenu__link:hover {
1725 background-color: #c9c9c9;
1726 color: white;
1727 transition: all ease-in 0.5s;
1728 }
1729 .sideMenu__link label {
1730 font-size: 12px;
1731 }
1732
1733 .sideMenu__container {
1734 display: flex;
1735 position: relative;
1736 flex-direction: column;
1737 box-shadow: -10px 10px 10px rgb(153 153 255 / 10%);
1738 background-color: white;
1739 }
1740
1741 .toolbar.close {
1742 display: none;
1743 }
1744
1745 #toolbarVE {
1746 position: fixed !important;
1747 z-index: 100;
1748 background-color: #CCC;
1749 border: 2px solid #F1F1F1;
1750 text-align: center;
1751 right: 0px;
1752 top: 300px;
1753 }
1754
1755 #toolbarVEHeader {
1756 padding: 10px;
1757 cursor: move;
1758 z-index: 10;
1759 background-color: #6e6e6e;
1760 color: #fff;
1761 }
1762 </style>
1763
1764 <div class="toolbarVE" id="toolbar" style="top: 150px; left: auto; width: 70px; position: fixed !important; right: 0px !important; ">
1765 <div id="toolbarVEHeader">
1766 <a href="javascript:void(0);" onclick="toggleClass('.toolbar', 'close');" style="color: #FFF;"><i class="icon fa-light fa-circle-xmark"></i></a>
1767 </div>
1768 <section class="sideMenu__container">
1769 <a href="javascript:history.back();" class="sideMenu__link"><i class="icon fa-light fa-reply"></i></a>
1770 <a href="/dashboard-configuration" class="sideMenu__link"><i class="icon fa-light fa-grid-horizontal"></i></a>
1771 <a href="/button-configuration" class="sideMenu__link"><i class="icon fa-light fa-diagram-cells"></i></a>
1772 <a href="/button-configuration" class="sideMenu__link"><i class="icon fa-light fa-link"></i></a>
1773 <a href="/background-configuration" class="sideMenu__link"><i class="icon fa-light fa-paintbrush"></i></a>
1774 <a href="/jumbotron-configuration" class="sideMenu__link"><i class="icon fa-light fa-megaphone"></i></a>
1775 <a href="/theme-configuration-page/theme-01" class="sideMenu__link"><i class="icon fa-light fa-brush"></i></a>
1776 <a href="/font-configuration" class="sideMenu__link"><i class="icon fa-light fa-font"></i></a>
1777 <a href="/device-manager" class="sideMenu__link"><i class="icon fa-light fa-computer"></i></a>
1778 </section>
1779 </div>
1780
1781 <script>
1782 function toggleClass(ClassName, AddedClassName) {
1783 var element = document.querySelector(ClassName);
1784 if (element.classList.contains(AddedClassName)) {
1785 element.classList.remove(AddedClassName);
1786 } else {
1787 element.classList.add(AddedClassName);
1788 }
1789 }
1790 </script>
1791
1792 <script>
1793 //Make the DIV element draggagle:
1794 dragElement(document.getElementById("toolbar"));
1795
1796 function dragElement(elmnt) {
1797 var pos1 = 0, pos2 = 0, pos3 = 0, pos4 = 0;
1798 if (document.getElementById(elmnt.id + "Header")) {
1799 /* if present, the header is where you move the DIV from:*/
1800 document.getElementById(elmnt.id + "Header").onmousedown = dragMouseDown;
1801 } else {
1802 /* otherwise, move the DIV from anywhere inside the DIV:*/
1803 elmnt.onmousedown = dragMouseDown;
1804 }
1805
1806 function dragMouseDown(e) {
1807 e = e || window.event;
1808 e.preventDefault();
1809 // get the mouse cursor position at startup:
1810 pos3 = e.clientX;
1811 pos4 = e.clientY;
1812 document.onmouseup = closeDragElement;
1813 // call a function whenever the cursor moves:
1814 document.onmousemove = elementDrag;
1815 }
1816
1817 function elementDrag(e) {
1818 e = e || window.event;
1819 e.preventDefault();
1820 // calculate the new cursor position:
1821 pos1 = pos3 - e.clientX;
1822 pos2 = pos4 - e.clientY;
1823 pos3 = e.clientX;
1824 pos4 = e.clientY;
1825 // set the element's new position:
1826 elmnt.style.top = (elmnt.offsetTop - pos2) + "px";
1827 elmnt.style.left = (elmnt.offsetLeft - pos1) + "px";
1828 }
1829
1830 function closeDragElement() {
1831 /* stop moving when mouse button is released:*/
1832 document.onmouseup = null;
1833 document.onmousemove = null;
1834 }
1835 }
1836 </script>
1837
1838 @*<section class="slidePanel" id="slidePanel">
1839
1840 <div class="slidePanel__container">
1841
1842 <a href="javasciprt:void(0);" onclick="toggleClass('.slidePanel', 'open'); toggleClass('main', 'blur')" class="closeButton">
1843 <i class="fal fa-circle-xmark"></i>
1844 </a>
1845
1846
1847 <nav class="sideMenu" id="sideMenu">
1848
1849 <section class="sideMenu__container">
1850 <a href="javascript:history.back();" class="sideMenu__link"><i class="fal fa-reply"></i></a>
1851 <a href="/dashboard-configuration" class="sideMenu__link"><i class="fal fa-grid-horizontal"></i></a>
1852 <a href="/button-configuration" class="sideMenu__link"><i class="fal fa-diagram-cells"></i></a>
1853 <a href="/button-configuration" class="sideMenu__link"><i class="fal fa-link"></i></a>
1854 <a href="/background-configuration" class="sideMenu__link"><i class="fal fa-paintbrush"></i></a>
1855 <a href="/jumbotron-configuration" class="sideMenu__link"><i class="fal fa-megaphone"></i></a>
1856 <a href="/theme-configuration-page/theme-01" class="sideMenu__link"><i class="fal fa-brush"></i></a>
1857 <a href="/font-configuration" class="sideMenu__link"><i class="fal fa-font"></i></a>
1858 <a href="/device-manager" class="sideMenu__link"><i class="fal fa-computer"></i></a>
1859 </section>
1860 </nav>
1861
1862 </div>
1863
1864 </section>*@
1865
1866 <script src="https://kit.fontawesome.com/a46eca85e2.js" crossorigin="anonymous"></script>
1867
1868 }
1869
1870 @if (isVisualEdit)
1871 {
1872
1873 int FooProductDetailLayoutID = 0;
1874
1875 <nav class="webshop-visual-editor__navigation">
1876 <section class="webshop-visual-editor__link-container">
1877 <a href="Default.aspx?ID=@ProductOverviewLayoutID" class="webshop-visual-editor__link"><i class="fa-regular fa-cart-shopping"></i> Edit Product Overview</a>
1878 </section>
1879 <section class="webshop-visual-editor__link-container">
1880 <a href="Default.aspx?ID=@ProductDetailLayoutID" class="webshop-visual-editor__link"><i class="fa-regular fa-cart-shopping"></i> Edit Product Detail</a>
1881 <ul>
1882 @foreach (GridRow g in Dynamicweb.Services.Grids.GetGridRowsByPageId(ProductDetailLayoutID))
1883 {
1884
1885 ProductDetailPageBreakpointRow _data = ItemManager.Storage.GetById<ProductDetailPageBreakpointRow>(g.ItemId.ToString());
1886 FooProductDetailLayoutID = Dynamicweb.Services.Pages.GetPageForItem("ProductDetailPage", _data.ProductDetailConfiguration.Id).ID;
1887
1888 <li><a href="Default.aspx?ID=@FooProductDetailLayoutID">@_data.ProductDetailConfiguration.Name</a></li>
1889
1890 }
1891 </ul>
1892 </section>
1893 </nav>
1894
1895 <style>
1896 .webshop-visual-editor__navigation {
1897 position: fixed;
1898 display: flex;
1899 top: 50px;
1900 left: 50px;
1901 z-index: 100000;
1902 flex-direction: row;
1903 }
1904
1905 .webshop-visual-editor__link {
1906 color: black;
1907 }
1908
1909 .webshop-visual-editor__link-container {
1910 position: relative;
1911 display: flex;
1912 box-shadow: -10px 10px 10px rgb(153 153 255 / 10%);
1913 background-color: white;
1914 padding: 5px;
1915 margin-right: 25px;
1916 flex-direction: column;
1917 }
1918 </style>
1919
1920 }
1921
1922 </body>
1923 </html>
1924