Error compiling template "Designs/TheGift_generated/_parsed/Playground.parsed.cshtml"
Line 172: 'Services' is obsolete: 'Use Dynamicweb.Content.Services instead.'
Line 172: 'Services.Pages' is obsolete: 'Use Dynamicweb.Content.Services.Pages instead.'
Line 201: 'Services' is obsolete: 'Use Dynamicweb.Content.Services instead.'
Line 201: 'Services.Items' is obsolete: 'Use Dynamicweb.Content.Services.Items instead.'
Line 202: 'Services' is obsolete: 'Use Dynamicweb.Content.Services instead.'
Line 202: 'Services.Pages' is obsolete: 'Use Dynamicweb.Content.Services.Pages instead.'
Line 212: 'Services' is obsolete: 'Use Dynamicweb.Content.Services instead.'
Line 212: 'Services.Pages' is obsolete: 'Use Dynamicweb.Content.Services.Pages instead.'
Line 222: The name 'htmlDoc' does not exist in the current context
Line 316: The name 'doc' does not exist in the current context
Line 371: 'Services' is obsolete: 'Use Dynamicweb.Content.Services instead.'
Line 371: 'Services.Grids' is obsolete: 'Use Dynamicweb.Content.Services.Grids instead.'
Line 377: 'Services' is obsolete: 'Use Dynamicweb.Content.Services instead.'
Line 377: 'Services.Pages' is obsolete: 'Use Dynamicweb.Content.Services.Pages instead.'
Line 214: The variable 'html' is assigned but its value is never used
1 //------------------------------------------------------------------------------
2 // <auto-generated>
3 // This code was generated by a tool.
4 // Runtime Version:4.0.30319.42000
5 //
6 // Changes to this file may cause incorrect behavior and will be lost if
7 // the code is regenerated.
8 // </auto-generated>
9 //------------------------------------------------------------------------------
10
11 namespace CompiledRazorTemplates.Dynamic {
12
13 #line 26 "D:\dynamicweb.net\Solutions\TheGift\Production\files\Templates\Designs\TheGift_generated\_parsed\Playground.parsed.cshtml"
14 using System;
15
16 #line default
17 #line hidden
18 using System.Collections.Generic;
19
20 #line 28 "D:\dynamicweb.net\Solutions\TheGift\Production\files\Templates\Designs\TheGift_generated\_parsed\Playground.parsed.cshtml"
21 using System.Linq;
22
23 #line default
24 #line hidden
25
26 #line 2 "D:\dynamicweb.net\Solutions\TheGift\Production\files\Templates\Designs\TheGift_generated\_parsed\Playground.parsed.cshtml"
27 using System.IO;
28
29 #line default
30 #line hidden
31
32 #line 31 "D:\dynamicweb.net\Solutions\TheGift\Production\files\Templates\Designs\TheGift_generated\_parsed\Playground.parsed.cshtml"
33 using Dynamicweb;
34
35 #line default
36 #line hidden
37
38 #line 37 "D:\dynamicweb.net\Solutions\TheGift\Production\files\Templates\Designs\TheGift_generated\_parsed\Playground.parsed.cshtml"
39 using Bluedesk.Tools.Generic;
40
41 #line default
42 #line hidden
43
44 #line 29 "D:\dynamicweb.net\Solutions\TheGift\Production\files\Templates\Designs\TheGift_generated\_parsed\Playground.parsed.cshtml"
45 using System.Globalization;
46
47 #line default
48 #line hidden
49
50 #line 33 "D:\dynamicweb.net\Solutions\TheGift\Production\files\Templates\Designs\TheGift_generated\_parsed\Playground.parsed.cshtml"
51 using Dynamicweb.Environment;
52
53 #line default
54 #line hidden
55
56 #line 7 "D:\dynamicweb.net\Solutions\TheGift\Production\files\Templates\Designs\TheGift_generated\_parsed\Playground.parsed.cshtml"
57 using Dynamicweb.Content;
58
59 #line default
60 #line hidden
61
62 #line 32 "D:\dynamicweb.net\Solutions\TheGift\Production\files\Templates\Designs\TheGift_generated\_parsed\Playground.parsed.cshtml"
63 using Dynamicweb.Content.Items;
64
65 #line default
66 #line hidden
67
68 #line 9 "D:\dynamicweb.net\Solutions\TheGift\Production\files\Templates\Designs\TheGift_generated\_parsed\Playground.parsed.cshtml"
69 using Dynamicweb.Content.Items.Queries;
70
71 #line default
72 #line hidden
73
74 #line 39 "D:\dynamicweb.net\Solutions\TheGift\Production\files\Templates\Designs\TheGift_generated\_parsed\Playground.parsed.cshtml"
75 using Bluedesk.DynamicWeb.ItemTypes;
76
77 #line default
78 #line hidden
79
80 #line 40 "D:\dynamicweb.net\Solutions\TheGift\Production\files\Templates\Designs\TheGift_generated\_parsed\Playground.parsed.cshtml"
81 using Bluedesk.DynamicWeb.ItemTypes.Settings;
82
83 #line default
84 #line hidden
85
86 #line 34 "D:\dynamicweb.net\Solutions\TheGift\Production\files\Templates\Designs\TheGift_generated\_parsed\Playground.parsed.cshtml"
87 using Dynamicweb.Frontend;
88
89 #line default
90 #line hidden
91
92 #line 35 "D:\dynamicweb.net\Solutions\TheGift\Production\files\Templates\Designs\TheGift_generated\_parsed\Playground.parsed.cshtml"
93 using Dynamicweb.Frontend.Navigation;
94
95 #line default
96 #line hidden
97
98 #line 14 "D:\dynamicweb.net\Solutions\TheGift\Production\files\Templates\Designs\TheGift_generated\_parsed\Playground.parsed.cshtml"
99 using Dynamicweb.Ecommerce.ProductCatalog;
100
101 #line default
102 #line hidden
103
104 #line 43 "D:\dynamicweb.net\Solutions\TheGift\Production\files\Templates\Designs\TheGift_generated\_parsed\Playground.parsed.cshtml"
105 using Bluedesk.DynamicWeb.ItemTypes.Configuration;
106
107 #line default
108 #line hidden
109
110 #line 41 "D:\dynamicweb.net\Solutions\TheGift\Production\files\Templates\Designs\TheGift_generated\_parsed\Playground.parsed.cshtml"
111 using Bluedesk.DynamicWeb.ItemTypes.Settings.Configuration;
112
113 #line default
114 #line hidden
115
116 #line 44 "D:\dynamicweb.net\Solutions\TheGift\Production\files\Templates\Designs\TheGift_generated\_parsed\Playground.parsed.cshtml"
117 using Bluedesk.DynamicWeb.ItemTypes.BaseSolution;
118
119 #line default
120 #line hidden
121
122 #line 21 "D:\dynamicweb.net\Solutions\TheGift\Production\files\Templates\Designs\TheGift_generated\_parsed\Playground.parsed.cshtml"
123 using HtmlAgilityPack;
124
125 #line default
126 #line hidden
127
128 #line 27 "D:\dynamicweb.net\Solutions\TheGift\Production\files\Templates\Designs\TheGift_generated\_parsed\Playground.parsed.cshtml"
129 using System.Web;
130
131 #line default
132 #line hidden
133
134
135 public class RazorEngine_1fcc7e4d2e6d428483f1e2b87d556c25 : Dynamicweb.Rendering.ViewModelTemplate<Dynamicweb.Frontend.PageViewModel> {
136
137 #line hidden
138
139 public RazorEngine_1fcc7e4d2e6d428483f1e2b87d556c25() {
140 }
141
142 public override void Execute() {
143 WriteLiteral("\r\n\r\n");
144
145 WriteLiteral("\r\n");
146
147 WriteLiteral("\r\n");
148
149
150 #line 23 "D:\dynamicweb.net\Solutions\TheGift\Production\files\Templates\Designs\TheGift_generated\_parsed\Playground.parsed.cshtml"
151 Write(Title("Configuration page template"));
152
153
154 #line default
155 #line hidden
156 WriteLiteral("\r\n");
157
158 WriteLiteral("\r\n");
159
160 WriteLiteral("\r\n");
161
162 WriteLiteral("\r\n");
163
164 WriteLiteral("\r\n");
165
166 WriteLiteral("\r\n");
167
168
169 #line 46 "D:\dynamicweb.net\Solutions\TheGift\Production\files\Templates\Designs\TheGift_generated\_parsed\Playground.parsed.cshtml"
170
171
172 var master_configuration = Dynamicweb.Services.Pages.GetPageByNavigationTag(Pageview.AreaID, "MasterConfiguration");
173 MasterConfig mc = master_configuration.Item.ToCodeFirstItem<MasterConfig>();
174
175 string MasterConfigCssClass = !string.IsNullOrWhiteSpace(mc.CssClass) ? mc.CssClass : "";
176
177 GeneralConfig GeneralConfiguration = mc.GeneralConfiguration;
178 EcomConfig EcommerceConfiguration = mc.EcomConfiguration;
179
180 string ecomShowPricesWithVat = (Pageview.Area.EcomPricesWithVat == "True").ToString().ToLower();
181 string ecomPricesFormatted = (EcommerceConfiguration.FormattedPrices).ToString().ToLower();
182
183 bool IsNotContentManager = false;
184 bool isVisualEditor = Pageview.IsVisualEditorMode;
185
186 if (isVisualEditor)
187 {
188 System.Web.HttpContext.Current.Session["PreviousPage"] = Pageview.Page.ID;
189 IsNotContentManager = (Dynamicweb.Security.UserManagement.User.GetCurrentBackendUser()?.Groups?.All(g => g.Name != "Content managers") ?? true);
190 }
191
192
193
194 #line default
195 #line hidden
196 WriteLiteral("\r\n\r\n\r\n");
197
198
199 #line 71 "D:\dynamicweb.net\Solutions\TheGift\Production\files\Templates\Designs\TheGift_generated\_parsed\Playground.parsed.cshtml"
200
201 var websitesettings = Dynamicweb.Services.Items.GetItemById<WebsiteSettings>(Model.Area.Item.Id);
202 var font_configuration = Dynamicweb.Services.Pages.GetPageByNavigationTag(Pageview.AreaID, "FontConfiguration");
203
204 var designRoot = "/Files/Templates/Designs/" + Pageview.Area.Layout.Design.Name;
205 var appcss = Cache.VersionedFile(designRoot + "/dist/app.css");
206
207 // var master_configuration = Dynamicweb.Services.Pages.GetPageByNavigationTag(Pageview.AreaID, "MasterConfiguration");
208 // MasterConfig mc = master_configuration.Item.ToCodeFirstItem<MasterConfig>();
209
210 string ItemTypeId = mc.EcomConfiguration.ProductDetailConfigurationID;
211 // string ItemTypeId = GeneralConfiguration.MasterLayoutConfiguration.HeaderConfiguration.Id;
212 int ProductDetailLayoutID = Dynamicweb.Services.Pages.GetPageForItem("ProductDetailConfigurationPage", ItemTypeId).ID;
213
214 string html = @"
215 <section>
216 <ul class='classname-01' style='border: 5px solid blue; padding: 50px;'>Optie 01</ul>
217 <div class='classname-02' style='border: 5px solid darkorange; padding: 50px;'>Optie 2</div>
218 </section>
219 ";
220
221 IEnumerable<HtmlNode> nodes =
222 htmlDoc.DocumentNode.Descendants(0)
223 .Where(n => n.HasClass("class-name"));
224
225
226
227 #line default
228 #line hidden
229 WriteLiteral("\r\n<!DOCTYPE html>\r\n<html");
230
231 WriteLiteral(" prefix=\"og: http://ogp.me/ns#\"");
232
233 WriteLiteral(">\r\n<head>\r\n\t<style>\r\n\r\n\t\tbody {\r\n\t\t\tbackground-color: #f1f1f1;\r\n\t\t\tfont-family: \'" +
234 "Barlow\', sans-serif;\r\n\t\t}\r\n\r\n\t\t.slidePanel {\r\n\t\t\tposition: fixed;\r\n\t\t\ttop: 0;\r\n\t" +
235 "\t\tbottom: 0;\r\n\t\t\tmin-width: 500px;\r\n\t\t\tbox-shadow: -10px 10px 10px rgb(153 153 2" +
236 "55 / 10%);\r\n\t\t\tbackground-color: #FFFFFF;\r\n\t\t\tz-index: 1000;\r\n\t\t\tbox-sizing: bor" +
237 "der-box;\r\n\t\t\ttransition: all .5s ease-in;\r\n\t\t}\r\n\r\n\t\t\t.slidePanel.open {\r\n\t\t\t\ttra" +
238 "nsform: translateX(100%);\r\n\t\t\t}\r\n\r\n\t\t.slidePanel {\r\n\t\t\tright: 0;\r\n\t\t\ttransition:" +
239 " all 0.5s ease-in;\r\n\t\t\ttransform: translateX(0px);\r\n\t\t}\r\n\r\n\t\t.slidePanel__contai" +
240 "ner {\r\n\t\t\tdisplay: flex;\r\n\t\t\tposition: relative;\r\n\t\t\theight: 100%;\r\n\t\t}\r\n\r\n\t\t.to" +
241 "gglePanelButton {\r\n\t\t\tposition: fixed;\r\n\t\t\ttop: 50px;\r\n\t\t\tleft: 50px;\r\n\t\t\tdispla" +
242 "y: flex;\r\n\t\t\tjustify-content: center;\r\n\t\t\talign-items: center;\r\n\t\t\tcolor: white;" +
243 "\r\n\t\t\tbackground-color: black;\r\n\t\t\tpadding: 0px 25px;\r\n\t\t\theight: 50px;\r\n\t\t\tcurso" +
244 "r: pointer;\r\n\t\t\tz-index: 1000;\r\n\t\t}\r\n\r\n\t\t.closeButton {\r\n\t\t\tposition: absolute;\r" +
245 "\n\t\t\tdisplay: flex;\r\n\t\t\ttop: 25px;\r\n\t\t\tright: 25px;\r\n\t\t\tfont-size: 2rem;\r\n\t\t\ttext" +
246 "-decoration: none;\r\n\t\t\tcolor: black;\r\n\t\t}\r\n\r\n\r\n\t\t.blur {\r\n\t\t\tfilter: blur(4px);\r" +
247 "\n\t\t\tpointer-events: none;\r\n\t\t}\r\n\r\n\t\t.sideMenu {\r\n\t\t\tdisplay: flex;\r\n\t\t\tposition:" +
248 " absolute;\r\n\t\t\talign-items: center;\r\n\t\t\tmin-height: 100px;\r\n\t\t\tz-index: 1200;\r\n\t" +
249 "\t\ttop: 0;\r\n\t\t\tbottom: 0;\r\n\t\t\tright: 100%;\r\n\t\t}\r\n\r\n\t\t.sideMenu__link:first-child " +
250 "{\r\n\t\t\tmargin-top: 15px;\r\n\t\t}\r\n\r\n\t\t.sideMenu__link {\r\n\t\t\tposition: relative;\r\n\t\t\t" +
251 "flex-direction: column;\r\n\t\t\tdisplay: flex;\r\n\t\t\theight: 50px;\r\n\t\t\twidth: 50px;\r\n\t" +
252 "\t\tbackground-color: #f1f1f1;\r\n\t\t\tmargin-bottom: 10px;\r\n\t\t\tmargin-left: 10px;\r\n\t\t" +
253 "\tmargin-right: 10px;\r\n\t\t\tjustify-content: space-between;\r\n\t\t\talign-items: center" +
254 ";\r\n\t\t\tfont-size: 12px;\r\n\t\t\tpadding: 12px;\r\n\t\t\tbox-sizing: border-box;\r\n\t\t\ttext-d" +
255 "ecoration: none;\r\n\t\t\tcolor: rgb(22, 101, 123);\r\n\t\t}\r\n\r\n\t\t\t.sideMenu__link label " +
256 "{\r\n\t\t\t\tfont-size: 12px;\r\n\t\t\t}\r\n\r\n\t\t\t.sideMenu__link .icon {\r\n\t\t\t\tfont-size: 24px" +
257 ";\r\n\t\t\t}\r\n\r\n\t\t.sideMenu__container {\r\n\t\t\tdisplay: flex;\r\n\t\t\tposition: relative;\r\n" +
258 "\t\t\tflex-direction: column;\r\n\t\t\tbox-shadow: -10px 10px 10px rgb(153 153 255 / 10%" +
259 ");\r\n\t\t\tbackground-color: white;\r\n\t\t}\r\n\r\n\t\t#mydiv {\r\n\t\t\tposition: absolute;\r\n\t\t\tz" +
260 "-index: 9;\r\n\t\t\tbackground-color: #f1f1f1;\r\n\t\t\tborder: 1px solid #d3d3d3;\r\n\t\t\ttex" +
261 "t-align: center;\r\n\t\t}\r\n\r\n\t\t#mydivheader {\r\n\t\t\tpadding: 10px;\r\n\t\t\tcursor: move;\r\n" +
262 "\t\t\tz-index: 10;\r\n\t\t\tbackground-color: #2196F3;\r\n\t\t\tcolor: #fff;\r\n\t\t}\r\n\r\n\t</style" +
263 ">\r\n\r\n\t<script>\r\n\r\n\t\tfunction toggleClass(ClassName, AddedClassName) {\r\n\t\t\tvar el" +
264 "ement = document.querySelector(ClassName);\r\n\t\t\tif (element.classList.contains(Ad" +
265 "dedClassName)) {\r\n\t\t\t\telement.classList.remove(AddedClassName);\r\n\t\t\t} else {\r\n\t\t" +
266 "\t\telement.classList.add(AddedClassName);\r\n\t\t\t}\r\n\t\t}\r\n\r\n\t\t/**********************" +
267 "*******/\r\n\r\n\t\t// Make the DIV element draggable:\r\n\t\tdragElement(document.getElem" +
268 "entById(\"mydiv\"));\r\n\r\n\t\tfunction dragElement(elmnt) {\r\n\t\t\tvar pos1 = 0, pos2 = 0" +
269 ", pos3 = 0, pos4 = 0;\r\n\t\t\tif (document.getElementById(elmnt.id + \"header\")) {\r\n\t" +
270 "\t\t\t// if present, the header is where you move the DIV from:\r\n\t\t\t\tdocument.getEl" +
271 "ementById(elmnt.id + \"header\").onmousedown = dragMouseDown;\r\n\t\t\t} else {\r\n\t\t\t\t//" +
272 " otherwise, move the DIV from anywhere inside the DIV:\r\n\t\t\t\telmnt.onmousedown = " +
273 "dragMouseDown;\r\n\t\t\t}\r\n\r\n\t\t\tfunction dragMouseDown(e) {\r\n\t\t\t\te = e || window.even" +
274 "t;\r\n\t\t\t\te.preventDefault();\r\n\t\t\t\t// get the mouse cursor position at startup:\r\n\t" +
275 "\t\t\tpos3 = e.clientX;\r\n\t\t\t\tpos4 = e.clientY;\r\n\t\t\t\tdocument.onmouseup = closeDragE" +
276 "lement;\r\n\t\t\t\t// call a function whenever the cursor moves:\r\n\t\t\t\tdocument.onmouse" +
277 "move = elementDrag;\r\n\t\t\t}\r\n\r\n\t\t\tfunction elementDrag(e) {\r\n\t\t\t\te = e || window.e" +
278 "vent;\r\n\t\t\t\te.preventDefault();\r\n\t\t\t\t// calculate the new cursor position:\r\n\t\t\t\tp" +
279 "os1 = pos3 - e.clientX;\r\n\t\t\t\tpos2 = pos4 - e.clientY;\r\n\t\t\t\tpos3 = e.clientX;\r\n\t\t" +
280 "\t\tpos4 = e.clientY;\r\n\t\t\t\t// set the element\'s new position:\r\n\t\t\t\telmnt.style.top" +
281 " = (elmnt.offsetTop - pos2) + \"px\";\r\n\t\t\t\telmnt.style.left = (elmnt.offsetLeft - " +
282 "pos1) + \"px\";\r\n\t\t\t}\r\n\r\n\t\t\tfunction closeDragElement() {\r\n\t\t\t\t// stop moving when" +
283 " mouse button is released:\r\n\t\t\t\tdocument.onmouseup = null;\r\n\t\t\t\tdocument.onmouse" +
284 "move = null;\r\n\t\t\t}\r\n\t\t}\r\n\r\n\t</script>\r\n\r\n\t<link");
285
286 WriteLiteral(" rel=\"preconnect\"");
287
288 WriteLiteral(" href=\"https://fonts.googleapis.com\"");
289
290 WriteLiteral(">\r\n\t<link");
291
292 WriteLiteral(" rel=\"preconnect\"");
293
294 WriteLiteral(" href=\"https://fonts.gstatic.com\"");
295
296 WriteLiteral(" crossorigin>\r\n\t<link");
297
298 WriteLiteral(" href=\"https://fonts.googleapis.com/css2?family=Barlow:wght@100&display=swap\"");
299
300 WriteLiteral(" rel=\"stylesheet\"");
301
302 WriteLiteral(">\r\n\r\n</head>\r\n\r\n<body>\r\n\r\n\r\n\r\n\t<button");
303
304 WriteLiteral(" onclick=\"toggleClass(\'.slidePanel\', \'open\'); toggleClass(\'main\', \'blur\')\"");
305
306 WriteLiteral(" class=\"togglePanelButton\"");
307
308 WriteLiteral(">Open panel</button>\r\n\r\n\t<main>\r\n\r\n\t\t<div");
309
310 WriteLiteral(" class=\"productOverview\"");
311
312 WriteLiteral(">\r\n\t\t\t<h1>");
313
314
315 #line 308 "D:\dynamicweb.net\Solutions\TheGift\Production\files\Templates\Designs\TheGift_generated\_parsed\Playground.parsed.cshtml"
316 Write(doc.ParsedText.ToString());
317
318
319 #line default
320 #line hidden
321 WriteLiteral(" ");
322
323
324 #line 308 "D:\dynamicweb.net\Solutions\TheGift\Production\files\Templates\Designs\TheGift_generated\_parsed\Playground.parsed.cshtml"
325 Write(ProductDetailLayoutID);
326
327
328 #line default
329 #line hidden
330 WriteLiteral("</h1>\r\n");
331
332 WriteLiteral("\t\t\t");
333
334
335 #line 309 "D:\dynamicweb.net\Solutions\TheGift\Production\files\Templates\Designs\TheGift_generated\_parsed\Playground.parsed.cshtml"
336 Write(RenderGrid(ProductDetailLayoutID));
337
338
339 #line default
340 #line hidden
341 WriteLiteral("\r\n\r\n");
342
343
344 #line 311 "D:\dynamicweb.net\Solutions\TheGift\Production\files\Templates\Designs\TheGift_generated\_parsed\Playground.parsed.cshtml"
345
346
347 #line default
348 #line hidden
349
350 #line 311 "D:\dynamicweb.net\Solutions\TheGift\Production\files\Templates\Designs\TheGift_generated\_parsed\Playground.parsed.cshtml"
351
352 int FooProductDetailLayoutID = 0;
353 string minWidth = 0 + "px";
354 string maxWidth = 0 + "px";
355
356 // string maxContainer = HeaderConfiguration.ContainerSize != 0 ? HeaderConfiguration.ContainerSize + "px" : "none";
357
358
359 #line default
360 #line hidden
361 WriteLiteral("\r\n\r\n");
362
363
364 #line 319 "D:\dynamicweb.net\Solutions\TheGift\Production\files\Templates\Designs\TheGift_generated\_parsed\Playground.parsed.cshtml"
365
366
367 #line default
368 #line hidden
369
370 #line 319 "D:\dynamicweb.net\Solutions\TheGift\Production\files\Templates\Designs\TheGift_generated\_parsed\Playground.parsed.cshtml"
371 foreach (GridRow g in Dynamicweb.Services.Grids.GetGridRowsByPageId(ProductDetailLayoutID))
372 {
373
374 //GridRow GriddyRow = Dynamicweb.Services.Grids.GetGridRowById(g.ID);
375 ProductDetailPageBreakpointRow _data = ItemManager.Storage.GetById<ProductDetailPageBreakpointRow>(g.ItemId.ToString());
376
377 FooProductDetailLayoutID = Dynamicweb.Services.Pages.GetPageForItem("ProductDetailPage", _data.ProductDetailConfiguration.Id).ID;
378
379
380
381 #line default
382 #line hidden
383 WriteLiteral("\t\t\t\t<h2>GridRow Hello world... ");
384
385
386 #line 327 "D:\dynamicweb.net\Solutions\TheGift\Production\files\Templates\Designs\TheGift_generated\_parsed\Playground.parsed.cshtml"
387 Write(FooProductDetailLayoutID);
388
389
390 #line default
391 #line hidden
392 WriteLiteral("</h2>\r\n");
393
394
395 #line 328 "D:\dynamicweb.net\Solutions\TheGift\Production\files\Templates\Designs\TheGift_generated\_parsed\Playground.parsed.cshtml"
396
397
398
399 #line default
400 #line hidden
401 WriteLiteral("\t\t\t\t<header");
402
403 WriteAttribute("class", Tuple.Create(" class=\"", 9069), Tuple.Create("\"", 9112)
404 , Tuple.Create(Tuple.Create("", 9077), Tuple.Create("ProductDetail--", 9077), true)
405
406 #line 329 "D:\dynamicweb.net\Solutions\TheGift\Production\files\Templates\Designs\TheGift_generated\_parsed\Playground.parsed.cshtml"
407 , Tuple.Create(Tuple.Create("", 9092), Tuple.Create<System.Object, System.Int32>(g.ItemId.ToString()
408
409 #line default
410 #line hidden
411 , 9092), false)
412 );
413
414 WriteLiteral(">\r\n\t\t\t\t\t<section");
415
416 WriteAttribute("class", Tuple.Create(" class=\"", 9129), Tuple.Create("\"", 9183)
417 , Tuple.Create(Tuple.Create("", 9137), Tuple.Create("ProductDetail--", 9137), true)
418
419 #line 330 "D:\dynamicweb.net\Solutions\TheGift\Production\files\Templates\Designs\TheGift_generated\_parsed\Playground.parsed.cshtml"
420 , Tuple.Create(Tuple.Create("", 9152), Tuple.Create<System.Object, System.Int32>(g.ItemId.ToString()
421
422 #line default
423 #line hidden
424 , 9152), false)
425 , Tuple.Create(Tuple.Create("", 9172), Tuple.Create("__container", 9172), true)
426 );
427
428 WriteLiteral(">\r\n");
429
430 WriteLiteral("\t\t\t\t\t\t");
431
432
433 #line 331 "D:\dynamicweb.net\Solutions\TheGift\Production\files\Templates\Designs\TheGift_generated\_parsed\Playground.parsed.cshtml"
434 Write(RenderGrid(FooProductDetailLayoutID));
435
436
437 #line default
438 #line hidden
439 WriteLiteral("\r\n\t\t\t\t\t</section>\r\n\t\t\t\t</header>\r\n");
440
441
442 #line 334 "D:\dynamicweb.net\Solutions\TheGift\Production\files\Templates\Designs\TheGift_generated\_parsed\Playground.parsed.cshtml"
443
444
445
446 #line default
447 #line hidden
448 WriteLiteral("\t\t\t\t<style>\r\n\r\n\t\t.header--");
449
450
451 #line 337 "D:\dynamicweb.net\Solutions\TheGift\Production\files\Templates\Designs\TheGift_generated\_parsed\Playground.parsed.cshtml"
452 Write(g.ItemId.ToString());
453
454
455 #line default
456 #line hidden
457 WriteLiteral(" {\r\n\t\t\tposition: relative;\r\n\t\t}\r\n\r\n\t\t.header--");
458
459
460 #line 341 "D:\dynamicweb.net\Solutions\TheGift\Production\files\Templates\Designs\TheGift_generated\_parsed\Playground.parsed.cshtml"
461 Write(g.ItemId.ToString());
462
463
464 #line default
465 #line hidden
466 WriteLiteral(" {\r\n\t\t\t");
467
468 WriteLiteral("\r\n\r\n\t\t\twidth: 100%;\r\n\t\t\t/* max-width: $HeaderContainerSize; */\r\n\t\t\tmargin: 0 auto" +
469 ";\r\n\t\t}\r\n\r\n\t\t.header--");
470
471
472 #line 349 "D:\dynamicweb.net\Solutions\TheGift\Production\files\Templates\Designs\TheGift_generated\_parsed\Playground.parsed.cshtml"
473 Write(g.ItemId.ToString());
474
475
476 #line default
477 #line hidden
478 WriteLiteral(" .header--");
479
480
481 #line 349 "D:\dynamicweb.net\Solutions\TheGift\Production\files\Templates\Designs\TheGift_generated\_parsed\Playground.parsed.cshtml"
482 Write(g.ItemId.ToString());
483
484
485 #line default
486 #line hidden
487 WriteLiteral("__container {\r\n\t\t\tdisplay: none;\r\n\t\t}\r\n\r\n\t\t.header--");
488
489
490 #line 353 "D:\dynamicweb.net\Solutions\TheGift\Production\files\Templates\Designs\TheGift_generated\_parsed\Playground.parsed.cshtml"
491 Write(g.ItemId.ToString());
492
493
494 #line default
495 #line hidden
496 WriteLiteral(" .header--");
497
498
499 #line 353 "D:\dynamicweb.net\Solutions\TheGift\Production\files\Templates\Designs\TheGift_generated\_parsed\Playground.parsed.cshtml"
500 Write(g.ItemId.ToString());
501
502
503 #line default
504 #line hidden
505 WriteLiteral("__stickyheader-container {\r\n\t\t\tdisplay: none;\r\n\t\t}\r\n\r\n\t\t");
506
507 WriteLiteral("@media screen ");
508
509
510 #line 357 "D:\dynamicweb.net\Solutions\TheGift\Production\files\Templates\Designs\TheGift_generated\_parsed\Playground.parsed.cshtml"
511 Write(minWidth);
512
513
514 #line default
515 #line hidden
516 WriteLiteral(" ");
517
518
519 #line 357 "D:\dynamicweb.net\Solutions\TheGift\Production\files\Templates\Designs\TheGift_generated\_parsed\Playground.parsed.cshtml"
520 Write(maxWidth);
521
522
523 #line default
524 #line hidden
525 WriteLiteral(" {\r\n\r\n\t\t\t.header--");
526
527
528 #line 359 "D:\dynamicweb.net\Solutions\TheGift\Production\files\Templates\Designs\TheGift_generated\_parsed\Playground.parsed.cshtml"
529 Write(g.ItemId.ToString());
530
531
532 #line default
533 #line hidden
534 WriteLiteral(" .header--");
535
536
537 #line 359 "D:\dynamicweb.net\Solutions\TheGift\Production\files\Templates\Designs\TheGift_generated\_parsed\Playground.parsed.cshtml"
538 Write(g.ItemId.ToString());
539
540
541 #line default
542 #line hidden
543 WriteLiteral("__container {\r\n\t\t\t\tdisplay: flex;\r\n\t\t\t\tflex-direction: column;\r\n\t\t\t\twidth: 100%;\r" +
544 "\n\t\t\t}\r\n\r\n\t\t\t.stickyheader.header--");
545
546
547 #line 365 "D:\dynamicweb.net\Solutions\TheGift\Production\files\Templates\Designs\TheGift_generated\_parsed\Playground.parsed.cshtml"
548 Write(g.ItemId.ToString());
549
550
551 #line default
552 #line hidden
553 WriteLiteral(" .header--");
554
555
556 #line 365 "D:\dynamicweb.net\Solutions\TheGift\Production\files\Templates\Designs\TheGift_generated\_parsed\Playground.parsed.cshtml"
557 Write(g.ItemId.ToString());
558
559
560 #line default
561 #line hidden
562 WriteLiteral("__container {\r\n\t\t\t\tdisplay: none;\r\n\t\t\t}\r\n\r\n\t\t\t\t.stickyheader.header-- ");
563
564
565 #line 369 "D:\dynamicweb.net\Solutions\TheGift\Production\files\Templates\Designs\TheGift_generated\_parsed\Playground.parsed.cshtml"
566 Write(g.ItemId.ToString());
567
568
569 #line default
570 #line hidden
571 WriteLiteral(" .header-- ");
572
573
574 #line 369 "D:\dynamicweb.net\Solutions\TheGift\Production\files\Templates\Designs\TheGift_generated\_parsed\Playground.parsed.cshtml"
575 Write(g.ItemId.ToString());
576
577
578 #line default
579 #line hidden
580 WriteLiteral(" __container .mc-header__logo-image {\r\n\t\t\t\t\tdisplay: flex;\r\n\t\t\t\t}\r\n\r\n\t\t\t.stickyhe" +
581 "ader.header--");
582
583
584 #line 373 "D:\dynamicweb.net\Solutions\TheGift\Production\files\Templates\Designs\TheGift_generated\_parsed\Playground.parsed.cshtml"
585 Write(g.ItemId.ToString());
586
587
588 #line default
589 #line hidden
590 WriteLiteral(" .header--");
591
592
593 #line 373 "D:\dynamicweb.net\Solutions\TheGift\Production\files\Templates\Designs\TheGift_generated\_parsed\Playground.parsed.cshtml"
594 Write(g.ItemId.ToString());
595
596
597 #line default
598 #line hidden
599 WriteLiteral("__stickyheader-container {\r\n\t\t\t\tdisplay: flex;\r\n\t\t\t\tmin-height: 50px;\r\n\t\t\t\tz-inde" +
600 "x: 100;\r\n\t\t\t\twidth: 100%;\r\n\t\t\t}\r\n\t\t}\r\n\r\n\t\t\t\t</style>\r\n");
601
602
603 #line 382 "D:\dynamicweb.net\Solutions\TheGift\Production\files\Templates\Designs\TheGift_generated\_parsed\Playground.parsed.cshtml"
604 }
605
606
607 #line default
608 #line hidden
609 WriteLiteral("\r\n\r\n\r\n\t\t</div>\r\n\r\n\t</main>\r\n\r\n\t<section");
610
611 WriteLiteral(" class=\"slidePanel\"");
612
613 WriteLiteral(" id=\"slidePanel\"");
614
615 WriteLiteral(">\r\n\r\n\t\t<div");
616
617 WriteLiteral(" class=\"slidePanel__container\"");
618
619 WriteLiteral(">\r\n\r\n\t\t\t<a");
620
621 WriteLiteral(" href=\"javasciprt:void(0);\"");
622
623 WriteLiteral(" onclick=\"toggleClass(\'.slidePanel\', \'open\'); toggleClass(\'main\', \'blur\')\"");
624
625 WriteLiteral(" class=\"closeButton\"");
626
627 WriteLiteral(">\r\n\t\t\t\t<i");
628
629 WriteLiteral(" class=\"fa-light fa-circle-xmark\"");
630
631 WriteLiteral("></i>\r\n\t\t\t</a>\r\n\r\n\t\t\t<nav");
632
633 WriteLiteral(" class=\"sideMenu\"");
634
635 WriteLiteral(">\r\n\t\t\t\t<section");
636
637 WriteLiteral(" class=\"sideMenu__container\"");
638
639 WriteLiteral(">\r\n\t\t\t\t\t<a");
640
641 WriteLiteral(" href=\"javascript:history.back();\"");
642
643 WriteLiteral(" class=\"sideMenu__link\"");
644
645 WriteLiteral("><i");
646
647 WriteLiteral(" class=\"icon fa-light fa-reply\"");
648
649 WriteLiteral("></i></a>\r\n\t\t\t\t\t<a");
650
651 WriteLiteral(" href=\"/dashboard-configuration\"");
652
653 WriteLiteral(" class=\"sideMenu__link\"");
654
655 WriteLiteral("><i");
656
657 WriteLiteral(" class=\"icon fa-light fa-grid-horizontal\"");
658
659 WriteLiteral("></i></a>\r\n\t\t\t\t\t<a");
660
661 WriteLiteral(" href=\"/button-configuration\"");
662
663 WriteLiteral(" class=\"sideMenu__link\"");
664
665 WriteLiteral("><i");
666
667 WriteLiteral(" class=\"icon fa-light fa-diagram-cells\"");
668
669 WriteLiteral("></i></a>\r\n\t\t\t\t\t<a");
670
671 WriteLiteral(" href=\"/button-configuration\"");
672
673 WriteLiteral(" class=\"sideMenu__link\"");
674
675 WriteLiteral("><i");
676
677 WriteLiteral(" class=\"icon fa-light fa-link\"");
678
679 WriteLiteral("></i></a>\r\n\t\t\t\t\t<a");
680
681 WriteLiteral(" href=\"/background-configuration\"");
682
683 WriteLiteral(" class=\"sideMenu__link\"");
684
685 WriteLiteral("><i");
686
687 WriteLiteral(" class=\"icon fa-light fa-paintbrush\"");
688
689 WriteLiteral("></i></a>\r\n\t\t\t\t\t<a");
690
691 WriteLiteral(" href=\"/jumbotron-configuration\"");
692
693 WriteLiteral(" class=\"sideMenu__link\"");
694
695 WriteLiteral("><i");
696
697 WriteLiteral(" class=\"icon fa-light fa-megaphone\"");
698
699 WriteLiteral("></i></a>\r\n\t\t\t\t\t<a");
700
701 WriteLiteral(" href=\"/theme-configuration-page/theme-01\"");
702
703 WriteLiteral(" class=\"sideMenu__link\"");
704
705 WriteLiteral("><i");
706
707 WriteLiteral(" class=\"icon fa-light fa-brush\"");
708
709 WriteLiteral("></i></a>\r\n\t\t\t\t\t<a");
710
711 WriteLiteral(" href=\"/font-configuration\"");
712
713 WriteLiteral(" class=\"sideMenu__link\"");
714
715 WriteLiteral("><i");
716
717 WriteLiteral(" class=\"icon fa-light fa-font\"");
718
719 WriteLiteral("></i></a>\r\n\t\t\t\t\t<a");
720
721 WriteLiteral(" href=\"/device-manager\"");
722
723 WriteLiteral(" class=\"sideMenu__link\"");
724
725 WriteLiteral("><i");
726
727 WriteLiteral(" class=\"icon fa-light fa-computer\"");
728
729 WriteLiteral("></i></a>\r\n\t\t\t\t</section>\r\n\t\t\t</nav>\r\n\r\n\t\t</div>\r\n\r\n\t</section>\r\n\r\n\t<link");
730
731 WriteLiteral(" rel=\"stylesheet\"");
732
733 WriteLiteral(" href=\"https://pro.fontawesome.com/releases/v5.15.4/css/all.css\"");
734
735 WriteLiteral(" integrity=\"sha384-rqn26AG5Pj86AF4SO72RK5fyefcQ/x32DNQfChxWvbXIyXFePlEktwD18fEz+k" +
736 "QU\"");
737
738 WriteLiteral(" crossorigin=\"anonymous\"");
739
740 WriteLiteral(">\r\n\t<script");
741
742 WriteLiteral(" src=\"https://kit.fontawesome.com/a46eca85e2.js\"");
743
744 WriteLiteral(" crossorigin=\"anonymous\"");
745
746 WriteLiteral("></script>\r\n\r\n</body>\r\n</html>\r\n");
747
748 }
749 }
750 }
751
1 @inherits Dynamicweb.Rendering.ViewModelTemplate<Dynamicweb.Frontend.PageViewModel>
2 @using System.IO;
3 @using Dynamicweb;
4 @using Bluedesk.Tools.Generic;
5 @using System.Globalization;
6 @using Dynamicweb.Environment
7 @using Dynamicweb.Content;
8 @using Dynamicweb.Content.Items;
9 @using Dynamicweb.Content.Items.Queries;
10 @using Bluedesk.DynamicWeb.ItemTypes;
11 @using Bluedesk.DynamicWeb.ItemTypes.Settings;
12 @using Dynamicweb.Frontend
13 @using Dynamicweb.Frontend.Navigation
14 @using Dynamicweb.Ecommerce.ProductCatalog
15
16
17 @using Bluedesk.DynamicWeb.ItemTypes.Configuration;
18 @using Bluedesk.DynamicWeb.ItemTypes.Settings.Configuration;
19 @using Bluedesk.DynamicWeb.ItemTypes.BaseSolution
20
21 @using HtmlAgilityPack;
22
23 @Title("Configuration page template")
24 @inherits Dynamicweb.Rendering.ViewModelTemplate<Dynamicweb.Frontend.PageViewModel>
25
26 @using System;
27 @using System.Web;
28 @using System.Linq;
29 @using System.Globalization;
30
31 @using Dynamicweb;
32 @using Dynamicweb.Content.Items;
33 @using Dynamicweb.Environment;
34 @using Dynamicweb.Frontend;
35 @using Dynamicweb.Frontend.Navigation;
36
37 @using Bluedesk.Tools.Generic;
38
39 @using Bluedesk.DynamicWeb.ItemTypes;
40 @using Bluedesk.DynamicWeb.ItemTypes.Settings;
41 @using Bluedesk.DynamicWeb.ItemTypes.Settings.Configuration;
42
43 @using Bluedesk.DynamicWeb.ItemTypes.Configuration;
44 @using Bluedesk.DynamicWeb.ItemTypes.BaseSolution;
45
46 @{
47
48 var master_configuration = Dynamicweb.Services.Pages.GetPageByNavigationTag(Pageview.AreaID, "MasterConfiguration");
49 MasterConfig mc = master_configuration.Item.ToCodeFirstItem<MasterConfig>();
50
51 string MasterConfigCssClass = !string.IsNullOrWhiteSpace(mc.CssClass) ? mc.CssClass : "";
52
53 GeneralConfig GeneralConfiguration = mc.GeneralConfiguration;
54 EcomConfig EcommerceConfiguration = mc.EcomConfiguration;
55
56 string ecomShowPricesWithVat = (Pageview.Area.EcomPricesWithVat == "True").ToString().ToLower();
57 string ecomPricesFormatted = (EcommerceConfiguration.FormattedPrices).ToString().ToLower();
58
59 bool IsNotContentManager = false;
60 bool isVisualEditor = Pageview.IsVisualEditorMode;
61
62 if (isVisualEditor)
63 {
64 System.Web.HttpContext.Current.Session["PreviousPage"] = Pageview.Page.ID;
65 IsNotContentManager = (Dynamicweb.Security.UserManagement.User.GetCurrentBackendUser()?.Groups?.All(g => g.Name != "Content managers") ?? true);
66 }
67
68 }
69
70
71 @{
72 var websitesettings = Dynamicweb.Services.Items.GetItemById<WebsiteSettings>(Model.Area.Item.Id);
73 var font_configuration = Dynamicweb.Services.Pages.GetPageByNavigationTag(Pageview.AreaID, "FontConfiguration");
74
75 var designRoot = "/Files/Templates/Designs/" + Pageview.Area.Layout.Design.Name;
76 var appcss = Cache.VersionedFile(designRoot + "/dist/app.css");
77
78 // var master_configuration = Dynamicweb.Services.Pages.GetPageByNavigationTag(Pageview.AreaID, "MasterConfiguration");
79 // MasterConfig mc = master_configuration.Item.ToCodeFirstItem<MasterConfig>();
80
81 string ItemTypeId = mc.EcomConfiguration.ProductDetailConfigurationID;
82 // string ItemTypeId = GeneralConfiguration.MasterLayoutConfiguration.HeaderConfiguration.Id;
83 int ProductDetailLayoutID = Dynamicweb.Services.Pages.GetPageForItem("ProductDetailConfigurationPage", ItemTypeId).ID;
84
85 string html = @"
86 <section>
87 <ul class='classname-01' style='border: 5px solid blue; padding: 50px;'>Optie 01</ul>
88 <div class='classname-02' style='border: 5px solid darkorange; padding: 50px;'>Optie 2</div>
89 </section>
90 ";
91
92 IEnumerable<HtmlNode> nodes =
93 htmlDoc.DocumentNode.Descendants(0)
94 .Where(n => n.HasClass("class-name"));
95
96 }
97 <!DOCTYPE html>
98 <html prefix="og: http://ogp.me/ns#">
99 <head>
100 <style>
101
102 body {
103 background-color: #f1f1f1;
104 font-family: 'Barlow', sans-serif;
105 }
106
107 .slidePanel {
108 position: fixed;
109 top: 0;
110 bottom: 0;
111 min-width: 500px;
112 box-shadow: -10px 10px 10px rgb(153 153 255 / 10%);
113 background-color: #FFFFFF;
114 z-index: 1000;
115 box-sizing: border-box;
116 transition: all .5s ease-in;
117 }
118
119 .slidePanel.open {
120 transform: translateX(100%);
121 }
122
123 .slidePanel {
124 right: 0;
125 transition: all 0.5s ease-in;
126 transform: translateX(0px);
127 }
128
129 .slidePanel__container {
130 display: flex;
131 position: relative;
132 height: 100%;
133 }
134
135 .togglePanelButton {
136 position: fixed;
137 top: 50px;
138 left: 50px;
139 display: flex;
140 justify-content: center;
141 align-items: center;
142 color: white;
143 background-color: black;
144 padding: 0px 25px;
145 height: 50px;
146 cursor: pointer;
147 z-index: 1000;
148 }
149
150 .closeButton {
151 position: absolute;
152 display: flex;
153 top: 25px;
154 right: 25px;
155 font-size: 2rem;
156 text-decoration: none;
157 color: black;
158 }
159
160
161 .blur {
162 filter: blur(4px);
163 pointer-events: none;
164 }
165
166 .sideMenu {
167 display: flex;
168 position: absolute;
169 align-items: center;
170 min-height: 100px;
171 z-index: 1200;
172 top: 0;
173 bottom: 0;
174 right: 100%;
175 }
176
177 .sideMenu__link:first-child {
178 margin-top: 15px;
179 }
180
181 .sideMenu__link {
182 position: relative;
183 flex-direction: column;
184 display: flex;
185 height: 50px;
186 width: 50px;
187 background-color: #f1f1f1;
188 margin-bottom: 10px;
189 margin-left: 10px;
190 margin-right: 10px;
191 justify-content: space-between;
192 align-items: center;
193 font-size: 12px;
194 padding: 12px;
195 box-sizing: border-box;
196 text-decoration: none;
197 color: rgb(22, 101, 123);
198 }
199
200 .sideMenu__link label {
201 font-size: 12px;
202 }
203
204 .sideMenu__link .icon {
205 font-size: 24px;
206 }
207
208 .sideMenu__container {
209 display: flex;
210 position: relative;
211 flex-direction: column;
212 box-shadow: -10px 10px 10px rgb(153 153 255 / 10%);
213 background-color: white;
214 }
215
216 #mydiv {
217 position: absolute;
218 z-index: 9;
219 background-color: #f1f1f1;
220 border: 1px solid #d3d3d3;
221 text-align: center;
222 }
223
224 #mydivheader {
225 padding: 10px;
226 cursor: move;
227 z-index: 10;
228 background-color: #2196F3;
229 color: #fff;
230 }
231
232 </style>
233
234 <script>
235
236 function toggleClass(ClassName, AddedClassName) {
237 var element = document.querySelector(ClassName);
238 if (element.classList.contains(AddedClassName)) {
239 element.classList.remove(AddedClassName);
240 } else {
241 element.classList.add(AddedClassName);
242 }
243 }
244
245 /*****************************/
246
247 // Make the DIV element draggable:
248 dragElement(document.getElementById("mydiv"));
249
250 function dragElement(elmnt) {
251 var pos1 = 0, pos2 = 0, pos3 = 0, pos4 = 0;
252 if (document.getElementById(elmnt.id + "header")) {
253 // if present, the header is where you move the DIV from:
254 document.getElementById(elmnt.id + "header").onmousedown = dragMouseDown;
255 } else {
256 // otherwise, move the DIV from anywhere inside the DIV:
257 elmnt.onmousedown = dragMouseDown;
258 }
259
260 function dragMouseDown(e) {
261 e = e || window.event;
262 e.preventDefault();
263 // get the mouse cursor position at startup:
264 pos3 = e.clientX;
265 pos4 = e.clientY;
266 document.onmouseup = closeDragElement;
267 // call a function whenever the cursor moves:
268 document.onmousemove = elementDrag;
269 }
270
271 function elementDrag(e) {
272 e = e || window.event;
273 e.preventDefault();
274 // calculate the new cursor position:
275 pos1 = pos3 - e.clientX;
276 pos2 = pos4 - e.clientY;
277 pos3 = e.clientX;
278 pos4 = e.clientY;
279 // set the element's new position:
280 elmnt.style.top = (elmnt.offsetTop - pos2) + "px";
281 elmnt.style.left = (elmnt.offsetLeft - pos1) + "px";
282 }
283
284 function closeDragElement() {
285 // stop moving when mouse button is released:
286 document.onmouseup = null;
287 document.onmousemove = null;
288 }
289 }
290
291 </script>
292
293 <link rel="preconnect" href="https://fonts.googleapis.com">
294 <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
295 <link href="https://fonts.googleapis.com/css2?family=Barlow:wght@100&display=swap" rel="stylesheet">
296
297 </head>
298
299 <body>
300
301
302
303 <button onclick="toggleClass('.slidePanel', 'open'); toggleClass('main', 'blur')" class="togglePanelButton">Open panel</button>
304
305 <main>
306
307 <div class="productOverview">
308 <h1>@doc.ParsedText.ToString() @ProductDetailLayoutID</h1>
309 @RenderGrid(ProductDetailLayoutID)
310
311 @{
312 int FooProductDetailLayoutID = 0;
313 string minWidth = 0 + "px";
314 string maxWidth = 0 + "px";
315
316 // string maxContainer = HeaderConfiguration.ContainerSize != 0 ? HeaderConfiguration.ContainerSize + "px" : "none";
317 }
318
319 @foreach (GridRow g in Dynamicweb.Services.Grids.GetGridRowsByPageId(ProductDetailLayoutID))
320 {
321
322 //GridRow GriddyRow = Dynamicweb.Services.Grids.GetGridRowById(g.ID);
323 ProductDetailPageBreakpointRow _data = ItemManager.Storage.GetById<ProductDetailPageBreakpointRow>(g.ItemId.ToString());
324
325 FooProductDetailLayoutID = Dynamicweb.Services.Pages.GetPageForItem("ProductDetailPage", _data.ProductDetailConfiguration.Id).ID;
326
327 <h2>GridRow Hello world... @FooProductDetailLayoutID</h2>
328
329 <header class="ProductDetail--@g.ItemId.ToString()">
330 <section class="ProductDetail--@g.ItemId.ToString()__container">
331 @RenderGrid(FooProductDetailLayoutID)
332 </section>
333 </header>
334
335 <style>
336
337 .header--@g.ItemId.ToString() {
338 position: relative;
339 }
340
341 .header--@g.ItemId.ToString() {
342 @*max-width: @maxContainer;*@
343
344 width: 100%;
345 /* max-width: $HeaderContainerSize; */
346 margin: 0 auto;
347 }
348
349 .header--@g.ItemId.ToString() .header--@g.ItemId.ToString()__container {
350 display: none;
351 }
352
353 .header--@g.ItemId.ToString() .header--@g.ItemId.ToString()__stickyheader-container {
354 display: none;
355 }
356
357 @@media screen @minWidth @maxWidth {
358
359 .header--@g.ItemId.ToString() .header--@g.ItemId.ToString()__container {
360 display: flex;
361 flex-direction: column;
362 width: 100%;
363 }
364
365 .stickyheader.header--@g.ItemId.ToString() .header--@g.ItemId.ToString()__container {
366 display: none;
367 }
368
369 .stickyheader.header-- @g.ItemId.ToString() .header-- @g.ItemId.ToString() __container .mc-header__logo-image {
370 display: flex;
371 }
372
373 .stickyheader.header--@g.ItemId.ToString() .header--@g.ItemId.ToString()__stickyheader-container {
374 display: flex;
375 min-height: 50px;
376 z-index: 100;
377 width: 100%;
378 }
379 }
380
381 </style>
382 }
383
384
385
386 </div>
387
388 </main>
389
390 <section class="slidePanel" id="slidePanel">
391
392 <div class="slidePanel__container">
393
394 <a href="javasciprt:void(0);" onclick="toggleClass('.slidePanel', 'open'); toggleClass('main', 'blur')" class="closeButton">
395 <i class="fa-light fa-circle-xmark"></i>
396 </a>
397
398 <nav class="sideMenu">
399 <section class="sideMenu__container">
400 <a href="javascript:history.back();" class="sideMenu__link"><i class="icon fa-light fa-reply"></i></a>
401 <a href="/dashboard-configuration" class="sideMenu__link"><i class="icon fa-light fa-grid-horizontal"></i></a>
402 <a href="/button-configuration" class="sideMenu__link"><i class="icon fa-light fa-diagram-cells"></i></a>
403 <a href="/button-configuration" class="sideMenu__link"><i class="icon fa-light fa-link"></i></a>
404 <a href="/background-configuration" class="sideMenu__link"><i class="icon fa-light fa-paintbrush"></i></a>
405 <a href="/jumbotron-configuration" class="sideMenu__link"><i class="icon fa-light fa-megaphone"></i></a>
406 <a href="/theme-configuration-page/theme-01" class="sideMenu__link"><i class="icon fa-light fa-brush"></i></a>
407 <a href="/font-configuration" class="sideMenu__link"><i class="icon fa-light fa-font"></i></a>
408 <a href="/device-manager" class="sideMenu__link"><i class="icon fa-light fa-computer"></i></a>
409 </section>
410 </nav>
411
412 </div>
413
414 </section>
415
416 <link rel="stylesheet" href="https://pro.fontawesome.com/releases/v5.15.4/css/all.css" integrity="sha384-rqn26AG5Pj86AF4SO72RK5fyefcQ/x32DNQfChxWvbXIyXFePlEktwD18fEz+kQU" crossorigin="anonymous">
417 <script src="https://kit.fontawesome.com/a46eca85e2.js" crossorigin="anonymous"></script>
418
419 </body>
420 </html>
421