Omlimmad stolpe/balk - 9×9×268 cm
Artikelnummer: 20469-13
EAN/GLN-nummer: 5703393748737
DB-nummer: 2479975
När du väljer omlimmade stolpar får du en stolpe som är tillverkad av furu - tryckimpregnerad NTR klass A, vilket innebär att den är avsedd för nedgrävning. Stolpen limmas ihop av två bitar trä för att minimera sprickbildning och skevhet samt säkerställa hållfasthet och formstabilitet.
Stolpen är rakt kapad i båda ändar.
🔴 Slut i lager
Förväntas i lager:
2025-02-06
SEK 1.069,00
OutOfStock
Tack, du kommer att meddelas via e-post när varan finns i lager igen.
Error executing template "Designs/Swift/Paragraph/Swift_ProductSpecification_EA.cshtml" System.NullReferenceException: Object reference not set to an instance of an object. at CompiledRazorTemplates.Dynamic.RazorEngine_a5cd2fb62a7744dbb7e0d76b1a786dcd.<>c__DisplayClass30_0.<RenderArticle>b__0(TextWriter __razor_helper_writer) in C:\inetpub\wwwroot\plus-prod\Files\Templates\Designs\Swift\Paragraph\Swift_ProductSpecification_EA.cshtml:line 1214 at CompiledRazorTemplates.Dynamic.RazorEngine_a5cd2fb62a7744dbb7e0d76b1a786dcd.<>c__DisplayClass27_0.<RenderField>b__0(TextWriter __razor_helper_writer) in C:\inetpub\wwwroot\plus-prod\Files\Templates\Designs\Swift\Paragraph\Swift_ProductSpecification_EA.cshtml:line 947 at CompiledRazorTemplates.Dynamic.RazorEngine_a5cd2fb62a7744dbb7e0d76b1a786dcd.<>c__DisplayClass26_0.<RenderFieldsFromList>b__0(TextWriter __razor_helper_writer) in C:\inetpub\wwwroot\plus-prod\Files\Templates\Designs\Swift\Paragraph\Swift_ProductSpecification_EA.cshtml:line 787 at CompiledRazorTemplates.Dynamic.RazorEngine_a5cd2fb62a7744dbb7e0d76b1a786dcd.Execute() in C:\inetpub\wwwroot\plus-prod\Files\Templates\Designs\Swift\Paragraph\Swift_ProductSpecification_EA.cshtml:line 409 at RazorEngine.Templating.TemplateBase.RazorEngine.Templating.ITemplate.Run(ExecuteContext context, TextWriter reader) at RazorEngine.Templating.RazorEngineService.RunCompile(ITemplateKey key, TextWriter writer, Type modelType, Object model, DynamicViewBag viewBag) at RazorEngine.Templating.RazorEngineServiceExtensions.<>c__DisplayClass16_0.<RunCompile>b__0(TextWriter writer) at RazorEngine.Templating.RazorEngineServiceExtensions.WithWriter(Action`1 withWriter) at Dynamicweb.Rendering.RazorTemplateRenderingProvider.Render(Template template) at Dynamicweb.Rendering.TemplateRenderingService.Render(Template template) at Dynamicweb.Rendering.Template.RenderRazorTemplate()
1 @inherits Dynamicweb.Rendering.ViewModelTemplate<Dynamicweb.Frontend.ParagraphViewModel> 2 @using Dynamicweb 3 @using Dynamicweb.Frontend 4 @using System.IO 5 @using Dynamicweb.Ecommerce.ProductCatalog 6 7 @functions { 8 public ProductViewModel product { get; set; } = new ProductViewModel(); 9 public string galleryLayout { get; set; } 10 public string[] supportedImageFormats { get; set; } 11 public string[] supportedVideoFormats { get; set; } 12 public string[] supportedDocumentFormats { get; set; } 13 public string[] allSupportedFormats { get; set; } 14 15 public class RatioSettings 16 { 17 public string Ratio { get; set; } 18 public string CssClass { get; set; } 19 public string CssVariable { get; set; } 20 public string Fill { get; set; } 21 } 22 23 public RatioSettings GetRatioSettings(string size = "desktop") 24 { 25 var ratioSettings = new RatioSettings(); 26 27 string ratio = Model.Item.GetRawValueString("ImageAspectRatio", ""); 28 ratio = ratio != "0" ? ratio : ""; 29 string cssClass = ratio != "" && ratio != "fill" ? " ratio" : ""; 30 string cssVariable = ratio != "" && ratio != "fill" ? "--bs-aspect-ratio: " + ratio : ""; 31 cssClass = ratio == "fill" && size == "mobile" ? " ratio" : cssClass; 32 cssVariable = ratio == "fill" && size == "mobile" ? "--bs-aspect-ratio: 66%" : cssVariable; 33 34 ratioSettings.Ratio = ratio; 35 ratioSettings.CssClass = cssClass; 36 ratioSettings.CssVariable = cssVariable; 37 ratioSettings.Fill = ratio == "fill" ? " h-100" : ""; 38 39 return ratioSettings; 40 } 41 } 42 @{ 43 bool isVisualEditor = !string.IsNullOrEmpty(Dynamicweb.Context.Current.Request.QueryString.Get("VisualEdit")) ? Convert.ToBoolean(Dynamicweb.Context.Current.Request.QueryString.Get("VisualEdit")) : false; 44 45 ProductViewModel product = new ProductViewModel(); 46 47 ProductViewModelSettings productSetting = new ProductViewModelSettings 48 { 49 LanguageId = Dynamicweb.Ecommerce.Common.Context.LanguageID, 50 CurrencyCode = Dynamicweb.Ecommerce.Common.Context.Currency.Code, 51 CountryCode = Dynamicweb.Ecommerce.Common.Context.Country.Code2, 52 ShopId = Pageview.Area.EcomShopId 53 }; 54 55 if (Dynamicweb.Context.Current.Items.Contains("ProductDetails")) 56 { 57 product = (ProductViewModel)Dynamicweb.Context.Current.Items["ProductDetails"]; 58 } 59 else if (Pageview.Item["DummyProduct"] != null) 60 { 61 62 string dummyProductId = ""; 63 var pageViewModel = Dynamicweb.Frontend.ContentViewModelFactory.CreatePageInfoViewModel(Pageview.Page); 64 ProductListViewModel productList = pageViewModel.Item.GetValue("DummyProduct") != null ? pageViewModel.Item.GetValue("DummyProduct") as ProductListViewModel : new ProductListViewModel(); 65 if (productList.Products != null) 66 { 67 foreach (var p in productList.Products) { dummyProductId = p.Id; } 68 ProductViewModel dummyProduct = dummyProductId != "" ? ViewModelFactory.CreateView(productSetting, dummyProductId) : new ProductViewModel(); 69 product = dummyProduct; 70 } 71 else 72 { 73 product = ViewModelFactory.CreateView(productSetting, Dynamicweb.Ecommerce.Services.Products.GetLastActiveProducts(1, Dynamicweb.Ecommerce.Common.Context.LanguageID, false).FirstOrDefault().Id); 74 } 75 } 76 else if (Pageview.Item["DummyProduct"] == null) 77 { 78 product = ViewModelFactory.CreateView(productSetting, Dynamicweb.Ecommerce.Services.Products.GetLastActiveProducts(1, Dynamicweb.Ecommerce.Common.Context.LanguageID, false).FirstOrDefault().Id); 79 } 80 } 81 82 @if (product?.Id != null) 83 { 84 IEnumerable<string> selectedDisplayGroupIds = Model.Item.GetRawValueString("DisplayGroups").Split(',').ToList(); 85 List<CategoryFieldViewModel> displayGroups = new List<CategoryFieldViewModel>(); 86 87 foreach (var selection in selectedDisplayGroupIds) 88 { 89 foreach (CategoryFieldViewModel group in product.FieldDisplayGroups.Values) 90 { 91 if (selection == group.Id) 92 { 93 displayGroups.Add(group); 94 } 95 } 96 } 97 98 bool showProductFields = Model.Item.GetBoolean("ProductFields"); 99 100 bool hideTitle = Model.Item.GetBoolean("HideTitle"); 101 102 string theme = !string.IsNullOrWhiteSpace(Model.Item.GetRawValueString("Theme")) ? " theme " + Model.Item.GetRawValueString("Theme").Replace(" ", "").Trim().ToLower() : ""; 103 104 string titleFontSize = Model.Item.GetRawValueString("TitleFontSize", "display-4"); 105 106 string contentPadding = Model.Item.GetRawValueString("ContentPadding", ""); 107 contentPadding = contentPadding == "none" ? string.Empty : contentPadding; 108 contentPadding = contentPadding == "small" ? " p-2 p-md-3" : contentPadding; 109 contentPadding = contentPadding == "large" ? " p-4 p-md-5" : contentPadding; 110 111 string layout = Model.Item.GetRawValueString("Layout", "list"); 112 string size = Model.Item.GetRawValueString("Size", "full"); 113 string gaps = size == "full" ? " gap-4" : " gap-2"; 114 115 //IDictionary<string, string> customFscFields = new Dictionary<string, string>(); 116 //var anyFscDisplayGrps = false; 117 IDictionary<string, string> customDisplayFields = new Dictionary<string, string>(); 118 var anyCustomDisplayGrps = false; 119 var montagevejledningField = product.ProductFields.TryGetValue("InstallationPdf", out FieldValueViewModel installationPdf); 120 var overensstemmelseserklæringField = product.ProductFields.TryGetValue("CompliancePdf", out FieldValueViewModel compliancePdf); 121 var styrkeberegningerField = product.ProductFields.TryGetValue("StacticCalculationsPDF", out FieldValueViewModel stacticCalculationsPDF); 122 product.ProductFields.TryGetValue("DokumentsPDF", out FieldValueViewModel dokumentsPDF); 123 var fscField = product.ProductFields.TryGetValue("FSC", out FieldValueViewModel fscTag); 124 var fscLinkField = product.ProductFields.TryGetValue("FSC_link", out FieldValueViewModel fscLinkTag); 125 var pefcLinkField = product.ProductFields.TryGetValue("PEFC_link", out FieldValueViewModel pefcLinkTag); 126 var videoLinkField = product.ProductFields.TryGetValue("VideoLink", out FieldValueViewModel videoLinkTag); 127 var iconPath = "/Files/Templates/Designs/Swift/Assets/Icons/"; 128 var imageIcon = "file-image.svg"; 129 var pdfIcon = "file-pdf.svg"; 130 var fileIcon = "file-regular.svg"; 131 var fscIcon = "file-fsc.svg"; 132 var pefcIcon = "file-pefc.svg"; 133 string colCount = ""; 134 135 136 if (!String.IsNullOrEmpty(fscTag.Value.ToString())) 137 { 138 if (fscTag.Value.ToString().ToLower().Contains("fsc")) 139 { 140 customDisplayFields.Add(fscTag.Value.ToString(), fscLinkTag.Value.ToString()); 141 } 142 if (fscTag.Value.ToString().ToLower().Contains("pefc")) 143 { 144 customDisplayFields.Add(fscTag.Value.ToString(), pefcLinkTag.Value.ToString()); 145 } 146 anyCustomDisplayGrps = true; 147 } 148 149 if (!String.IsNullOrEmpty(installationPdf.Value.ToString())) 150 { 151 customDisplayFields.Add(installationPdf.Name.ToString(), installationPdf.Value.ToString()); 152 anyCustomDisplayGrps = true; 153 } 154 if (!String.IsNullOrEmpty(compliancePdf.Value.ToString())) 155 { 156 customDisplayFields.Add(compliancePdf.Name.ToString(), compliancePdf.Value.ToString()); 157 anyCustomDisplayGrps = true; 158 } 159 if (!String.IsNullOrEmpty(stacticCalculationsPDF.Value.ToString())) 160 { 161 customDisplayFields.Add(stacticCalculationsPDF.Name.ToString(), stacticCalculationsPDF.Value.ToString()); 162 anyCustomDisplayGrps = true; 163 } 164 if (!String.IsNullOrEmpty(dokumentsPDF.Value.ToString())) 165 { 166 customDisplayFields.Add(dokumentsPDF.Name.ToString(), dokumentsPDF.Value.ToString()); 167 anyCustomDisplayGrps = true; 168 } 169 if (!String.IsNullOrEmpty(videoLinkTag.Value.ToString())) 170 { 171 customDisplayFields.Add(videoLinkTag.Name.ToString(), videoLinkTag.Value.ToString()); 172 anyCustomDisplayGrps = true; 173 } 174 175 176 177 if (Pageview.IsVisualEditorMode && displayGroups.Count() == 0) 178 { 179 product.ProductFields.Clear(); 180 product.ProductFields.Add(Translate("Width"), new FieldValueViewModel { Name = Translate("Width"), Value = "99cm" }); 181 product.ProductFields.Add(Translate("Height"), new FieldValueViewModel { Name = Translate("Height"), Value = "195cm" }); 182 showProductFields = true; 183 } 184 185 if (layout == "commas") 186 { 187 gaps = size == "full" ? " gap-4" : " gap-2"; 188 189 } 190 191 <div class="grid h-100@(gaps)@(theme)@(contentPadding) item_@Model.Item.SystemName.ToLower()"> 192 @if ((product.ProductFields != null && Model.Item.GetBoolean("ProductFields")) || (product.ProductCategories != null && Model.Item.GetBoolean("CategoryFields")) || (displayGroups.Count != 0)) 193 { 194 if (!hideTitle) 195 { 196 <h2 class="g-col-12 @titleFontSize mb-0">@Model.Item.GetString("Title")</h2> 197 } 198 } 199 200 @if (displayGroups.Count != 0) 201 { 202 if (layout != "accordion") 203 { 204 foreach (var group in displayGroups) 205 { 206 bool hideHeader = Model.Item.GetBoolean("HideGroupHeaders"); 207 208 if (!hideHeader) 209 { 210 <h4 class="g-col-12 h4 mb-0">@group.Name</h4> 211 } 212 213 { @RenderFieldsFromList(group.Fields, layout, colCount) } 214 } 215 } 216 else 217 { 218 <div class="g-col-12"> 219 <div class="accordion accordion-flush w-100" id="Specifications_@Model.ID"> 220 @foreach (var group in displayGroups) 221 { 222 <div class="accordion-item"> 223 <h2 class="accordion-header" id="SpecificationHeading_@group.Id"> 224 <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#SpecificationItem_@group.Id" aria-expanded="false" aria-controls="SpecificationItem_@group.Id"> 225 @group.Name 226 </button> 227 </h2> 228 <div id="SpecificationItem_@group.Id" class="accordion-collapse collapse" aria-labelledby="SpecificationHeading_@group.Id" data-bs-parent="#Specifications_@Model.ID"> 229 <div class="accordion-body"> 230 @{ @RenderFieldsFromList(group.Fields, "list", colCount) } 231 </div> 232 </div> 233 </div> 234 } 235 </div> 236 </div> 237 } 238 } 239 240 @if (product.ProductFields != null && showProductFields) 241 { 242 if (product.ProductFields.Count > 0) 243 { 244 if (layout != "accordion") 245 { 246 {@RenderFieldsFromList(product.ProductFields, layout, colCount) } 247 } 248 else 249 { 250 <div class="g-col-12"> 251 <div class="accordion accordion-flush w-100" id="Specifications_@Model.ID"> 252 <div class="accordion-item"> 253 <h2 class="accordion-header" id="SpecificationHeading_@Model.ID"> 254 <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#SpecificationItem_@Model.ID" aria-expanded="false" aria-controls="SpecificationItem_@Model.ID"> 255 @Translate("Specifications") 256 </button> 257 </h2> 258 <div id="SpecificationItem_@Model.ID" class="accordion-collapse" aria-labelledby="SpecificationHeading_@Model.ID" data-bs-parent="#Specifications_@Model.ID"> 259 <div class="accordion-body"> 260 @{ @RenderFieldsFromList(product.ProductFields, "List", colCount) } 261 </div> 262 </div> 263 </div> 264 </div> 265 </div> 266 } 267 } 268 } 269 270 @if (product.ProductCategories != null && Model.Item.GetBoolean("CategoryFields")) 271 { 272 if (product.ProductCategories.Count > 0) 273 { 274 if (layout != "accordion") 275 { 276 foreach (var group in product.ProductCategories) 277 { 278 CategoryFieldViewModel category = group.Value; 279 bool hideHeader = Model.Item.GetBoolean("HideGroupHeaders"); 280 281 if (!hideHeader) 282 { 283 <h4 class="g-col-12 h4 mb-0">@group.Value.Name</h4> 284 } 285 286 { @RenderFieldsFromList(category.Fields, layout, "") } 287 } 288 } 289 else 290 { 291 <div class="g-col-12"> 292 <div class="accordion accordion-flush w-100" id="Specifications_@Model.ID"> 293 @foreach (var group in product.ProductCategories) 294 { 295 CategoryFieldViewModel category = group.Value; 296 297 <div class="accordion-item"> 298 <h2 class="accordion-header" id="SpecificationHeading_@group.Value.Id"> 299 <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#SpecificationItem_@group.Value.Id" aria-expanded="false" aria-controls="SpecificationItem_@group.Value.Id"> 300 @group.Key 301 </button> 302 </h2> 303 <div id="SpecificationItem_@group.Value.Id" class="accordion-collapse" aria-labelledby="SpecificationHeading_@group.Value.Id" data-bs-parent="#Specifications_@Model.ID"> 304 <div class="accordion-body"> 305 @{ @RenderFieldsFromList(category.Fields, "list", colCount) } 306 </div> 307 </div> 308 </div> 309 } 310 </div> 311 </div> 312 } 313 } 314 } 315 316 @{ string displayGroupsList = ""; 317 string divider = ""; 318 foreach (var group in displayGroups) 319 { 320 displayGroupsList = "tab_" + group.Id + "," + "SpecificationItem_" + group.Id + divider + displayGroupsList; 321 divider = ","; 322 } } 323 324 @if (displayGroups.Count != 0) 325 { 326 if (layout != "navtabs") 327 { 328 foreach (var group in displayGroups) 329 { 330 bool hideHeader = Model.Item.GetBoolean("HideGroupHeaders"); 331 332 if (!hideHeader) 333 { 334 <h4 class="g-col-12 h4 mb-0">@group.Name</h4> 335 } 336 337 { @RenderFieldsFromList(group.Fields, layout, colCount) } 338 } 339 } 340 else 341 { 342 bool first = true; 343 var displayNumber = 0; 344 var customDisplayGrpouPos = 3; 345 346 <div class="g-col-12 diplay-fields efa-mod d-none d-sm-block"> 347 <ul class="nav nav-pills px-3 px-md-5 px-lg-7" id="pills-tab" role="tablist"> 348 @{ foreach (var tab in displayGroups) 349 { 350 displayNumber++; 351 if (first) 352 { 353 <li class="nav-item pe-5 py-2 py-md-2" role="presentation"> 354 <button class="nav-link active text-uppercase fc-dark bg-transparent p-0 efa-mod" id="@tab.Id-tab" onclick="toogleReset('tab_@tab.Id')" data-bs-toggle="tab" data-bs-target="#tab_@tab.Id" type="button" role="tab" aria-controls="@tab.Id" aria-selected="true">@tab.Name</button> 355 </li> 356 first = false; 357 } 358 else 359 { 360 <li class="nav-item @displayGroups.Count || @displayNumber pe-5 py-2 py-md-2" role="presentation"> 361 <button class="nav-link text-uppercase fc-dark bg-transparent p-0 efa-mod" id="@tab.Id-tab" onclick="toogleReset('tab_@tab.Id')" data-bs-toggle="tab" data-bs-target="#tab_@tab.Id" type="button" role="tab" aria-controls="@tab.Id" aria-selected="false">@tab.Name</button> 362 </li> 363 } 364 if (displayNumber == customDisplayGrpouPos || (displayNumber == displayGroups.Count && displayNumber <= customDisplayGrpouPos)) 365 { 366 if (anyCustomDisplayGrps) 367 { 368 <li class="nav-item pe-5 py-2 py-md-2" role="presentation"> 369 <button class="nav-link text-uppercase fc-dark bg-transparent p-0 efa-mod" id="@Translate("Documents_downloads")-tab" onclick="toogleReset('tab_@Translate("Documents_downloads")')" data-bs-toggle="tab" data-bs-target="#tab_@Translate("Documents_downloads")" type="button" role="tab" aria-controls="@Translate("Documents_downloads")" aria-selected="false">@Translate("Documents/downloads")</button> 370 </li> 371 } 372 } 373 } 374 displayNumber = 0; } 375 </ul> 376 @{ first = true; } 377 <div class="tab-content bg-super-light efa-mod px-3 px-md-5 px-lg-7 py-4 py-md-5" id="pills-tabContent"> 378 @{ 379 foreach (var item in displayGroups) 380 { 381 displayNumber++; 382 383 if (item.Fields.Count >= 4) 384 { 385 colCount = "g-col-md-6 g-col-lg-4 g-col-xl-3"; 386 } 387 else if (item.Fields.Count == 3) 388 { 389 colCount = "g-col-md-6 g-col-lg-4"; 390 } 391 else if (item.Fields.Count == 2) 392 { 393 colCount = "g-col-md-6 g-col-lg-6"; 394 } 395 else 396 { 397 colCount = ""; 398 } 399 400 @*foreach(var field in item.Fields) { 401 <p><strong>@item.Id</strong></p> 402 <p>@field.Key</p> 403 }*@ 404 405 if (first) 406 { 407 <div class="tab-pane fade show active collapsed efa-mod" id="tab_@item.Id" role="tabpanel" aria-labelledby=""> 408 <div> 409 @{ @RenderFieldsFromList(item.Fields, "display-fields", colCount) } 410 </div> 411 <div class="readmore-overlay efa-mod"> 412 <div class="readmore-overlay_button fs-7 fc-grey efa-mod" onclick="readMore('tab_@item.Id')"> 413 @Translate("Read more") 414 <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-chevron-down" viewBox="0 0 16 16"> 415 <path fill-rule="evenodd" d="M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z" /> 416 </svg> 417 </div> 418 </div> 419 </div> 420 first = false; 421 } 422 else 423 { 424 425 <div class="tab-pane fade collapsed efa-mod" id="tab_@item.Id" role="tabpanel" aria-labelledby=""> 426 <div> 427 @{ @RenderFieldsFromList(item.Fields, "display-fields", colCount) } 428 </div> 429 <div class="readmore-overlay efa-mod"> 430 <div class="readmore-overlay_button fs-7 fc-grey efa-mod" onclick="readMore('tab_@item.Id')"> 431 @Translate("Read more") 432 <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-chevron-down" viewBox="0 0 16 16"> 433 <path fill-rule="evenodd" d="M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z" /> 434 </svg> 435 </div> 436 </div> 437 </div> 438 } 439 440 if (displayNumber == customDisplayGrpouPos || (displayNumber == displayGroups.Count && displayNumber <= customDisplayGrpouPos)) 441 { 442 if (anyCustomDisplayGrps) 443 { 444 string icon = ""; 445 446 <div class="tab-pane fade collapsed efa-mod" id="tab_@Translate("Documents_downloads")" role="tabpanel" aria-labelledby=""> 447 <div> 448 <div class="g-col-12 grid gap-0"> 449 450 @{ 451 if (customDisplayFields.Count >= 4) 452 { 453 colCount = "g-col-md-6 g-col-lg-4 g-col-xl-3"; 454 } 455 else if (customDisplayFields.Count == 3) 456 { 457 colCount = "g-col-md-6 g-col-lg-4"; 458 } 459 else if (customDisplayFields.Count == 2) 460 { 461 colCount = "g-col-md-6 g-col-lg-6"; 462 } 463 else 464 { 465 colCount = ""; 466 } 467 } 468 469 @foreach (var field in customDisplayFields) 470 { 471 if(field.Key.Contains("Video")) { 472 <div class="g-col-12 @colCount mb-3 pe-0 pe-md-4 align-items-center"> 473 @RenderVideoPreview(field.Value, field.Key) 474 </div> 475 } 476 else 477 { 478 <div class="g-col-12 @colCount mb-3 pe-0 pe-md-4 d-flex align-items-center"> 479 @if (field.Key.Contains("FSC")) 480 { 481 icon = iconPath + fscIcon; 482 } 483 else if (field.Key.Contains("PEFC")) 484 { 485 icon = iconPath + pefcIcon; 486 } 487 else if (field.Value.Contains(".pdf")) 488 { 489 icon = iconPath + pdfIcon; 490 } 491 else if (field.Value.Contains(".png") || field.Value.Contains(".jpg") || field.Value.Contains(".jpeg")) 492 { 493 icon = iconPath + imageIcon; 494 } 495 else 496 { 497 icon = iconPath + fileIcon; 498 } 499 <span class="me-2 icon-3 efa-mod"> 500 @ReadFile(icon) 501 </span> 502 <a name="@icon" class="fw-bold m-0" href="@field.Value" title="@field.Key" target="_blank" rel="noopener"> 503 <p class="m-0">@field.Key</p> 504 </a> 505 </div> 506 507 } 508 } 509 </div> 510 </div> 511 <div class="readmore-overlay efa-mod"> 512 <div class="readmore-overlay_button fs-7 fc-grey efa-mod" onclick="readMore('tab_@Translate("Documents_downloads")')"> 513 @Translate("Read more") 514 <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-chevron-down" viewBox="0 0 16 16"> 515 <path fill-rule="evenodd" d="M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z" /> 516 </svg> 517 </div> 518 </div> 519 </div> 520 } 521 } 522 523 } 524 525 displayNumber = 0; } 526 </div> 527 </div> 528 529 <div class="g-col-12 d-block d-sm-none"> 530 <div class="accordion accordion-flush w-100" id="Specifications_@Model.ID"> 531 @{ 532 foreach (var group in displayGroups) 533 { 534 displayNumber++; 535 536 if (group.Fields.Count >= 4) 537 { 538 colCount = "g-col-md-6 g-col-lg-4 g-col-xl-3"; 539 } 540 else if (group.Fields.Count == 3) 541 { 542 colCount = "g-col-md-6 g-col-lg-4"; 543 } 544 else if (group.Fields.Count == 2) 545 { 546 colCount = "g-col-md-6 g-col-lg-6"; 547 } 548 else 549 { 550 colCount = ""; 551 } 552 553 <div class="accordion-item"> 554 <h2 class="accordion-header" id="SpecificationHeading_@group.Id"> 555 <button class="accordion-button collapsed text-uppercase fc-dark efa-mod" type="button" data-bs-toggle="collapse" data-bs-target="#SpecificationItem_@group.Id" aria-expanded="false" aria-controls="SpecificationItem_@group.Id"> 556 @group.Name 557 </button> 558 </h2> 559 <div id="SpecificationItem_@group.Id" class="accordion-collapse collapse collapsed efa-mod" aria-labelledby="SpecificationHeading_@group.Id" data-bs-parent="#Specifications_@Model.ID"> 560 <div class="accordion-body bg-super-light efa-mod"> 561 @{ @RenderFieldsFromList(group.Fields, "display-fields", colCount) } 562 </div> 563 <div class="readmore-overlay pb-3 efa-mod"> 564 <div class="readmore-overlay_button fs-7 fc-grey efa-mod" onclick="readMore('SpecificationItem_@group.Id')"> 565 @Translate("Read more") 566 <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-chevron-down" viewBox="0 0 16 16"> 567 <path fill-rule="evenodd" d="M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z" /> 568 </svg> 569 </div> 570 </div> 571 </div> 572 </div> 573 if (displayNumber == customDisplayGrpouPos || (displayNumber == displayGroups.Count && displayNumber <= customDisplayGrpouPos)) 574 { 575 if (anyCustomDisplayGrps) 576 { 577 string icon = ""; 578 579 <div class="accordion-item"> 580 <h2 class="accordion-header" id="SpecificationHeading_@Translate("Documents_downloads")"> 581 <button class="accordion-button collapsed text-uppercase fc-dark efa-mod" type="button" data-bs-toggle="collapse" data-bs-target="#SpecificationItem_@Translate("Documents_downloads")" aria-expanded="false" aria-controls="SpecificationItem_@Translate("Documents_downloads")"> 582 @Translate("Documents/downloads") 583 </button> 584 </h2> 585 <div id="SpecificationItem_@Translate("Documents_downloads")" class="accordion-collapse collapse collapsed efa-mod" aria-labelledby="SpecificationHeading_@Translate("Documents_downloads")" data-bs-parent="#Specifications_@Model.ID"> 586 <div class="accordion-body bg-super-light efa-mod"> 587 <div class="g-col-12 grid gap-0"> 588 589 @{ 590 if (customDisplayFields.Count >= 4) 591 { 592 colCount = "g-col-md-6 g-col-lg-4 g-col-xl-3"; 593 } 594 else if (customDisplayFields.Count == 3) 595 { 596 colCount = "g-col-md-6 g-col-lg-4"; 597 } 598 else if (customDisplayFields.Count == 2) 599 { 600 colCount = "g-col-md-6 g-col-lg-6"; 601 } 602 else 603 { 604 colCount = ""; 605 } 606 } 607 608 @foreach (var field in customDisplayFields) 609 { 610 if(field.Key.Contains("Video")) { 611 <div class="g-col-12 @colCount mb-3 pe-0 pe-md-4 d-flex align-items-start"> 612 @RenderVideoPreview(field.Value, field.Key) 613 </div> 614 615 } else { 616 <div class="g-col-12 @colCount mb-3 pe-0 pe-md-4 d-flex align-items-start"> 617 618 @if (field.Key.Contains("FSC")) 619 { 620 icon = iconPath + fscIcon; 621 } 622 else if (field.Key.Contains("PEFC")) 623 { 624 icon = iconPath + pefcIcon; 625 } 626 else if (field.Value.Contains(".pdf")) 627 { 628 icon = iconPath + pdfIcon; 629 } 630 else if (field.Value.Contains(".png") || field.Value.Contains(".jpg") || field.Value.Contains(".jpeg")) 631 { 632 icon = iconPath + imageIcon; 633 } 634 else 635 { 636 icon = iconPath + fileIcon; 637 } 638 <span class="me-2 icon-3 efa-mod"> 639 @ReadFile(icon) 640 </span> 641 <a class="fw-bold m-0" href="@field.Value" title="@field.Key" target="_blank" rel="noopener"> 642 <p class="m-0">@field.Key</p> 643 </a> 644 645 </div> 646 } 647 } 648 </div> 649 </div> 650 <div class="readmore-overlay pb-3 efa-mod"> 651 <div class="readmore-overlay_button fs-7 fc-grey efa-mod" onclick="readMore('SpecificationItem_@Translate("Documents_downloads")')"> 652 @Translate("Read more") 653 <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-chevron-down" viewBox="0 0 16 16"> 654 <path fill-rule="evenodd" d="M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z" /> 655 </svg> 656 </div> 657 </div> 658 </div> 659 </div> 660 } 661 } 662 } 663 664 displayNumber = 0; 665 } 666 </div> 667 </div> 668 <script type="text/javascript"> 669 670 var displayGroups = '@displayGroupsList'; 671 var displayGroupList = displayGroups.split(','); 672 673 for (var i = 0; i < displayGroupList.length; i++) { 674 675 let elem = document.getElementById(displayGroupList[i]); 676 677 const observer = new ResizeObserver(change => { 678 const tapElem = change[0]; 679 if (tapElem.contentRect.height > 600) { 680 elem.classList.add('readmore-container'); 681 } 682 }); 683 observer.observe(elem); 684 } 685 686 function readMore(id) { 687 let element = document.getElementById(id); 688 element.classList.toggle('collapsed'); 689 }; 690 </script> 691 } 692 } 693 694 @if (product.ProductFields != null && showProductFields) 695 { 696 if (product.ProductFields.Count > 0) 697 { 698 if (layout != "navtabs") 699 { 700 {@RenderFieldsFromList(product.ProductFields, layout, "") } 701 } 702 else 703 { 704 <div class="g-col-12"> 705 <div class="accordion accordion-flush w-100" id="Specifications_@Model.ID"> 706 <div class="accordion-item"> 707 <h2 class="accordion-header" id="SpecificationHeading_@Model.ID"> 708 <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#SpecificationItem_@Model.ID" aria-expanded="false" aria-controls="SpecificationItem_@Model.ID"> 709 @Translate("Specifications") 710 </button> 711 </h2> 712 <div id="SpecificationItem_@Model.ID" class="accordion-collapse" aria-labelledby="SpecificationHeading_@Model.ID" data-bs-parent="#Specifications_@Model.ID"> 713 <div class="accordion-body"> 714 @{ @RenderFieldsFromList(product.ProductFields, "List", colCount) } 715 </div> 716 </div> 717 </div> 718 </div> 719 </div> 720 } 721 } 722 } 723 724 @if (product.ProductCategories != null && Model.Item.GetBoolean("CategoryFields")) 725 { 726 if (product.ProductCategories.Count > 0) 727 { 728 if (layout != "navtabs") 729 { 730 foreach (var group in product.ProductCategories) 731 { 732 CategoryFieldViewModel category = group.Value; 733 bool hideHeader = Model.Item.GetBoolean("HideGroupHeaders"); 734 735 if (!hideHeader) 736 { 737 <h4 class="g-col-12 h4 mb-0">@group.Value.Name</h4> 738 } 739 740 { @RenderFieldsFromList(category.Fields, layout, colCount) } 741 } 742 } 743 else 744 { 745 <div class="g-col-12"> 746 <div class="accordion accordion-flush w-100" id="Specifications_@Model.ID"> 747 @foreach (var group in product.ProductCategories) 748 { 749 CategoryFieldViewModel category = group.Value; 750 751 <div class="accordion-item"> 752 <h2 class="accordion-header" id="SpecificationHeading_@group.Value.Id"> 753 <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#SpecificationItem_@group.Value.Id" aria-expanded="false" aria-controls="SpecificationItem_@group.Value.Id"> 754 @group.Key 755 </button> 756 </h2> 757 <div id="SpecificationItem_@group.Value.Id" class="accordion-collapse" aria-labelledby="SpecificationHeading_@group.Value.Id" data-bs-parent="#Specifications_@Model.ID"> 758 <div class="accordion-body"> 759 @{ @RenderFieldsFromList(category.Fields, "list", colCount) } 760 </div> 761 </div> 762 </div> 763 } 764 </div> 765 </div> 766 } 767 } 768 } 769 </div> 770 } 771 else if (Pageview.IsVisualEditorMode) 772 { 773 <div class="alert alert-warning m-0">@Translate("No products available")</div> 774 } 775 776 @helper RenderFieldsFromList(Dictionary<string, FieldValueViewModel> fields, string layout, string colCount) 777 { 778 string size = Model.Item.GetRawValueString("Size", "full"); 779 string gaps = size != "full" ? " gap-1" : string.Empty; 780 bool hideFieldLabels = Model.Item.GetBoolean("HideFieldLabels"); 781 782 if (layout == "display-fields") 783 { 784 <div class="g-col-12 grid gap-0"> 785 @foreach (var field in fields) 786 { 787 {@RenderField(field.Value, layout, colCount)} 788 } 789 </div> 790 } 791 if (layout == "columns") 792 { 793 <div class="g-col-12 grid@(gaps)"> 794 @foreach (var field in fields) 795 { 796 {@RenderField(field.Value, layout, "")} 797 } 798 </div> 799 } 800 if (layout == "list") 801 { 802 <dl class="g-col-12 grid@(gaps)"> 803 @foreach (var field in fields) 804 { 805 {@RenderField(field.Value, layout, "")} 806 } 807 </dl> 808 } 809 if (layout == "table") 810 { 811 string tableSize = size == "full" ? "" : " table-sm"; 812 <div class="g-col-12"> 813 <table class="table table-striped@(tableSize)"> 814 @foreach (var field in fields) 815 { 816 {@RenderField(field.Value, layout, "")} 817 } 818 </table> 819 </div> 820 } 821 if (layout == "bullets") 822 { 823 string listSize = size == "full" ? "" : "m-0 p-0 lh-1 fs-7 opacity-75"; 824 string listStyle = size == "full" ? "" : "style=\"list-style-position: inside\""; 825 <div class="g-col-12"> 826 <ul class="@listSize" @listStyle> 827 @foreach (var field in fields) 828 { 829 {@RenderField(field.Value, layout, "")} 830 } 831 </ul> 832 </div> 833 } 834 if (layout == "commas") 835 { 836 List<string> featuresList = new List<string>(); 837 838 foreach (var field in fields) 839 { 840 if (field.Value.Value is object && !string.IsNullOrEmpty(field.Value.Value.ToString())) 841 { 842 if (field.Value.Value.GetType() == typeof(System.Collections.Generic.List<FieldOptionValueViewModel>)) 843 { 844 List<string> options = new List<string>(); 845 foreach (FieldOptionValueViewModel option in field.Value.Value as System.Collections.Generic.List<FieldOptionValueViewModel>) 846 { 847 if (!string.IsNullOrWhiteSpace(option.Value)) 848 { 849 if (option.Value.ToString().Contains("#") && (Translate(field.Value.Name) == Translate("Color") || Translate(field.Value.Name) == Translate("Colour"))) 850 { 851 string colorSpan = "<span class=\"colorbox-sm\" style=\"background-color: " + option.Value + "\"></span>"; 852 options.Add(colorSpan); 853 } 854 else if (!string.IsNullOrEmpty(option.Value)) 855 { 856 options.Add(option.Name); 857 } 858 } 859 } 860 string optionsString = (string.Join(", ", options.Select(x => x.ToString()).ToArray())); 861 if ((Translate(field.Value.Name) == Translate("Color") || Translate(field.Value.Name) == Translate("Colour"))) 862 { 863 optionsString = (string.Join(" ", options.Select(x => x.ToString()).ToArray())); 864 } 865 866 if (!hideFieldLabels) 867 { 868 featuresList.Add(field.Value.Name + ": " + optionsString); 869 } 870 else 871 { 872 featuresList.Add(optionsString); 873 } 874 } 875 else 876 { 877 if (!string.IsNullOrWhiteSpace(field.Value.Value.ToString())) 878 { 879 if (field.Value.Value.ToString().Contains("#") && (Translate(field.Value.Name) == Translate("Color") || Translate(field.Value.Name) == Translate("Colour"))) 880 { 881 string colorSpan = "<span class=\"colorbox-sm\" style=\"background-color: " + field.Value.Value + "\"></span>"; 882 883 if (!hideFieldLabels) 884 { 885 featuresList.Add(field.Value.Name + ": " + colorSpan); 886 } 887 else 888 { 889 featuresList.Add(colorSpan); 890 } 891 } 892 else 893 { 894 if (!hideFieldLabels) 895 { 896 featuresList.Add(field.Value.Name + ": " + field.Value.Value.ToString()); 897 } 898 else 899 { 900 featuresList.Add(field.Value.Value.ToString()); 901 } 902 } 903 } 904 } 905 } 906 } 907 908 string featuresString = (string.Join(", ", featuresList.Select(x => x.ToString()).ToArray())); 909 910 <div class="g-col-12 opacity-75 fs-7">@featuresString</div> 911 } 912 } 913 914 @helper RenderField(FieldValueViewModel field, string layout, string colCount) 915 { 916 string size = Model.Item.GetRawValueString("Size", "full"); 917 string fieldValue = field?.Value != null ? field.Value.ToString() : ""; 918 bool hideFieldLabels = Model.Item.GetBoolean("HideFieldLabels"); 919 bool noValues = false; 920 string orderLast = ""; 921 922 if (!string.IsNullOrEmpty(fieldValue)) 923 { 924 if (field.Value.GetType() == typeof(System.Collections.Generic.List<FieldOptionValueViewModel>)) 925 { 926 System.Collections.Generic.List<FieldOptionValueViewModel> values = field.Value as System.Collections.Generic.List<FieldOptionValueViewModel>; 927 noValues = values.Count > 0 ? false : true; 928 } 929 } 930 931 if (!string.IsNullOrEmpty(fieldValue) && noValues == false) 932 { 933 if (layout == "display-fields") 934 { 935 if (fieldValue == "1") { 936 orderLast = "order-last"; 937 } 938 939 <div class="g-col-12 @colCount @orderLast mb-3 pe-0 pe-md-4"> 940 941 @if (field.SystemName.Contains("InspirationArticleTabId")) 942 { 943 var dummy = false; 944 if (fieldValue == "1") { 945 dummy = true; 946 } else { 947 @RenderArticle(fieldValue, dummy) 948 } 949 } 950 else 951 { 952 if (!hideFieldLabels) 953 { 954 if (field?.SystemName != "ProductLongDescription") 955 { 956 if (Dynamicweb.Ecommerce.Common.Context.LanguageID == "LANG2") 957 { 958 <p class="fw-bold m-0">@Translate(field?.Name):</p> 959 } 960 else 961 { 962 <p class="fw-bold m-0">@field.Name:</p> 963 } 964 } 965 } 966 <p class="text-break m-0"> 967 @{ @RenderFieldValue(field) } 968 </p> 969 } 970 </div> 971 } 972 if (layout == "columns") 973 { 974 975 <div class="grid g-col-6 g-col-lg-4 gap-1"> 976 @if (!hideFieldLabels) 977 { 978 if (field?.SystemName != "ProductLongDescription") 979 { 980 if (Dynamicweb.Ecommerce.Common.Context.LanguageID == "LANG2") 981 { 982 <dt class="g-col-12 g-col-lg-4">@Translate(field?.Name)</dt> 983 } 984 else 985 { 986 <dt class="g-col-12 g-col-lg-4">@field?.Name</dt> 987 } 988 } 989 } 990 <dd class="g-col-12 g-col-lg-8 mb-0 text-break"> 991 @{ @RenderFieldValue(field) } 992 </dd> 993 </div> 994 } 995 if (layout == "list") 996 { 997 if (!hideFieldLabels) 998 { 999 if (field?.SystemName != "ProductLongDescription") 1000 { 1001 if (Dynamicweb.Ecommerce.Common.Context.LanguageID == "LANG2") 1002 { 1003 <dt class="g-col-4">@Translate(field?.Name)</dt> 1004 } 1005 else 1006 { 1007 <dt class="g-col-4">@field?.Name</dt> 1008 } 1009 } 1010 } 1011 <dd class="g-col-8 mb-0 text-break"> 1012 @{ @RenderFieldValue(field) } 1013 </dd> 1014 } 1015 if (layout == "table") 1016 { 1017 <tr> 1018 @if (!hideFieldLabels) 1019 { 1020 if (field?.SystemName != "ProductLongDescription") 1021 { 1022 if (Dynamicweb.Ecommerce.Common.Context.LanguageID == "LANG2") 1023 { 1024 <th class="w-25 w-lg-50" scope="row">@Translate(field?.Name)</th> 1025 } 1026 else 1027 { 1028 <th class="w-25 w-lg-50" scope="row">@field?.Name</th> 1029 } 1030 } 1031 } 1032 <td class="text-break"> 1033 @{ @RenderFieldValue(field) } 1034 </td> 1035 </tr> 1036 } 1037 if (layout == "bullets") 1038 { 1039 <li> 1040 @if (!hideFieldLabels) 1041 { 1042 if (field?.SystemName != "ProductLongDescription") 1043 { 1044 if (Dynamicweb.Ecommerce.Common.Context.LanguageID == "LANG2") 1045 { 1046 <strong>@Translate(field?.Name)</strong> 1047 } 1048 else 1049 { 1050 <strong>@field?.Name</strong> 1051 } 1052 } 1053 } 1054 <span> 1055 @{ @RenderFieldValue(field) } 1056 </span> 1057 </li> 1058 } 1059 } 1060 } 1061 1062 @helper RenderFieldValue(FieldValueViewModel field) 1063 { 1064 string fieldValue = field?.Value != null ? field.Value.ToString() : ""; 1065 1066 bool isLink = field?.Type == "Link"; 1067 bool isColor = false; 1068 bool isBrandName = field?.SystemName == "Brand_name"; 1069 bool isYoutubeVideo = field?.SystemName == "VideoLink"; 1070 1071 fieldValue = fieldValue == "False" ? Translate("No") : fieldValue; 1072 fieldValue = fieldValue == "True" ? Translate("Yes") : fieldValue; 1073 1074 1075 if (field.Value.GetType() == typeof(System.Collections.Generic.List<Dynamicweb.Ecommerce.ProductCatalog.FieldOptionValueViewModel>)) 1076 { 1077 int valueCount = 0; 1078 System.Collections.Generic.List<FieldOptionValueViewModel> values = field.Value as System.Collections.Generic.List<FieldOptionValueViewModel>; 1079 int totalValues = values.Count; 1080 1081 foreach (FieldOptionValueViewModel option in values) 1082 { 1083 if (!string.IsNullOrEmpty(option.Value)) 1084 { 1085 if (option.Value.Substring(0, 1) == "#") 1086 { 1087 isColor = true; 1088 } 1089 } 1090 1091 if (!isColor) 1092 { 1093 @option.Name 1094 } 1095 else 1096 { 1097 <span class="colorbox-sm" style="background-color: @option.Value" title="@option.Name"></span> 1098 } 1099 1100 if (valueCount != totalValues && valueCount < (totalValues - 1)) 1101 { 1102 if (isColor) 1103 { 1104 <text> </text> 1105 } 1106 else 1107 { 1108 <text>, </text> 1109 } 1110 } 1111 valueCount++; 1112 } 1113 } 1114 else 1115 { 1116 if (fieldValue.Substring(0, 1) == "#") 1117 { 1118 isColor = true; 1119 } 1120 1121 if (!isColor) 1122 { 1123 if (isLink) 1124 { 1125 string linktTitle = !fieldValue.Contains("aspx") ? fieldValue : Translate("Go to link"); 1126 string target = Pageview.AreaSettings.GetBoolean("OpenLinksInNewTab") && fieldValue.Contains("http") ? "target=\"_blank\"" : string.Empty; 1127 string rel = Pageview.AreaSettings.GetBoolean("OpenLinksInNewTab") && fieldValue.Contains("http") ? "rel=\"noopener\"" : string.Empty; 1128 string iconPath = "/Files/Templates/Designs/Swift/Assets/icons/"; 1129 if (isYoutubeVideo) 1130 { 1131 var videoId = linktTitle; 1132 1133 videoId = videoId.StartsWith("http://") ? videoId.Replace("http://", "") : ""; 1134 1135 linktTitle = "https://img.youtube.com/vi/" + linktTitle.Substring(linktTitle.LastIndexOf('=') + 1) + "/maxresdefault.jpg"; 1136 1137 RatioSettings ratioSettings = GetRatioSettings("desktop"); 1138 1139 <div id="SmallScreenImagesThumbnails_@Model.ID" class="grid grid-2 gap-2 overflow-x-auto my-3"> 1140 <div class="border outline-none @(ratioSettings.CssClass)" style="@(ratioSettings.CssVariable); cursor: pointer" data-bs-target="#SmallScreenImages_@Model.ID" data-bs-slide-to=""> 1141 <a class="d-flex align-items-center justify-content-center" href="@field.Value" @target @rel> 1142 <div class="icon-3 position-absolute text-light" style="z-index: 1">@ReadFile(iconPath + "play-circle.svg")</div> 1143 <img src="@linktTitle" alt="" class="p-0 p-lg-1 w-100 h-100" style="object-fit: contain" data-video-id="@field.Value"> 1144 </a> 1145 </div> 1146 </div> 1147 } 1148 else 1149 { 1150 <a href="@field.Value" title="@field.Name" @target @rel>@linktTitle</a> 1151 } 1152 1153 } 1154 else if (isBrandName) 1155 { 1156 <span itemprop="brand" itemtype="https://schema.org/Brand" itemscope> 1157 <span itemprop="name">@fieldValue</span> 1158 </span> 1159 } 1160 1161 else 1162 { 1163 @fieldValue 1164 } 1165 } 1166 else 1167 { 1168 <span class="colorbox-sm" style="background-color: @fieldValue" title="@fieldValue"></span> 1169 } 1170 } 1171 } 1172 1173 @helper RenderVideoPreview(string fieldValue, string fieldName) { 1174 1175 string linktTitle = !fieldValue.Contains("aspx") ? fieldValue : Translate("Go to link"); 1176 string target = Pageview.AreaSettings.GetBoolean("OpenLinksInNewTab") && fieldValue.Contains("http") ? "target=\"_blank\"" : string.Empty; 1177 string rel = Pageview.AreaSettings.GetBoolean("OpenLinksInNewTab") && fieldValue.Contains("http") ? "rel=\"noopener\"" : string.Empty; 1178 string iconPath = "/Files/Templates/Designs/Swift/Assets/icons/"; 1179 1180 var videoId = linktTitle; 1181 1182 videoId = videoId.StartsWith("http://") ? videoId.Replace("http://", "") : ""; 1183 1184 linktTitle = "https://img.youtube.com/vi/" + linktTitle.Substring(linktTitle.LastIndexOf('=') + 1) + "/maxresdefault.jpg"; 1185 1186 RatioSettings ratioSettings = GetRatioSettings("desktop"); 1187 1188 <p class="fw-bold m-0">@(fieldName):</p> 1189 <div id="SmallScreenImagesThumbnails_@Model.ID" class="grid grid-2 gap-2 overflow-x-auto my-3"> 1190 <div class="border outline-none @(ratioSettings.CssClass)" style="@(ratioSettings.CssVariable); cursor: pointer" data-bs-target="#SmallScreenImages_@Model.ID" data-bs-slide-to=""> 1191 <a class="d-flex align-items-center justify-content-center" href="@fieldValue" @target @rel> 1192 <div class="icon-3 position-absolute text-light" style="z-index: 1">@ReadFile(iconPath + "play-circle.svg")</div> 1193 <img src="@linktTitle" alt="" class="p-0 p-lg-1 w-100 h-100" style="object-fit: contain" data-video-id="@fieldValue"> 1194 </a> 1195 </div> 1196 </div> 1197 1198 } 1199 1200 @helper RenderArticle(string fieldValue, bool dummy) { 1201 1202 if (!string.IsNullOrEmpty(fieldValue)) { 1203 1204 if (dummy) { 1205 //dummy filler 1206 } 1207 else 1208 { 1209 int id = fieldValue != "0" ? Int32.Parse(fieldValue) : 0; 1210 if (id > 0) { 1211 1212 var specialPage = Dynamicweb.Content.Services.Pages.GetPage(id); 1213 string title = specialPage.Item.GetItem("Title").ToString(); 1214 string coverImagePath = !string.IsNullOrEmpty(specialPage.Item.GetItem("CoverImage").ToString()) ? specialPage.Item.GetItem("CoverImage").ToString() : string.Empty; 1215 1216 <article class="d-flex flex-column mb-3 gap-0 theme plus_green-white_block h-100 shadow-hover overflow-hidden lift" itemscope="" itemtype="https://schema.org/CreativeWork" style="z-index:100;"> 1217 1218 <a class="w-100 " title="@specialPage.Item.GetItem("Title")" href="@specialPage.GetPageHrefValue()" tabindex="-1"> 1219 1220 <figure class="h-lg-100 overflow-hidden m-0 mx-auto ratio ratio-16x9" aria-label="@coverImagePath"> 1221 @RenderImage(coverImagePath, title, "50% 50%", "object-fit: cover", "2", "2") 1222 </figure> 1223 </a> 1224 <div class="d-flex flex-column flex-grow-1 gap-3 w-100 p-3 p-md-4"> 1225 <a class="text-decoration-none text-decoration-underline-hover" href="@specialPage.GetPageHrefValue()"> 1226 <h3 class="h3 mb-0" itemprop="headline">@specialPage.Item.GetItem("Title")</h3> 1227 </a> 1228 <p class="m-0 opacity-75">@specialPage.Item.GetItem("Summary")</p> 1229 </div> 1230 </article> 1231 } 1232 1233 } 1234 1235 } 1236 } 1237 1238 @helper RenderImage(string coverImagePath, string title, string cssPosition, string imageObjectFit, string gridSettings, string carouselSettings) 1239 { 1240 switch(coverImagePath) 1241 { 1242 case string a when a.Contains(".jpeg"): 1243 coverImagePath = coverImagePath.Substring(0, coverImagePath.IndexOf(".jpeg") + 5); 1244 break; 1245 case string b when b.Contains(".jpg"): 1246 coverImagePath = coverImagePath.Substring(0, coverImagePath.IndexOf(".jpg") + 4); 1247 break; 1248 case string c when c.Contains(".png"): 1249 coverImagePath = coverImagePath.Substring(0, coverImagePath.IndexOf(".png") + 4); 1250 break; 1251 1252 } 1253 1254 coverImagePath = Dynamicweb.Context.Current.Server.UrlEncode(coverImagePath); 1255 1256 string imgSizeSelector = "50vw"; 1257 1258 if (gridSettings == "1" || carouselSettings == "1") 1259 { 1260 imgSizeSelector = "100vw"; 1261 } 1262 else if (gridSettings == "2" || carouselSettings == "2") 1263 { 1264 imgSizeSelector = "50vw"; 1265 } 1266 else if (gridSettings == "3" || carouselSettings == "3") 1267 { 1268 imgSizeSelector = "33vw"; 1269 } 1270 else if (gridSettings == "4" || carouselSettings == "4") 1271 { 1272 imgSizeSelector = "25vw"; 1273 } 1274 else if (gridSettings == "5" || carouselSettings == "5") 1275 { 1276 imgSizeSelector = "17vw"; 1277 } 1278 1279 string coverImagePathM = $"/Admin/Public/GetImage.ashx?image={coverImagePath}&width=640&quality=85&format=webp"; 1280 string coverImagePathL = $"/Admin/Public/GetImage.ashx?image={coverImagePath}&width=960&quality=85&format=webp"; 1281 string coverImagePathXL = $"/Admin/Public/GetImage.ashx?image={coverImagePath}&width=1280&quality=85&format=webp"; 1282 string coverImagePathXXL = $"/Admin/Public/GetImage.ashx?image={coverImagePath}&width=1920&quality=85&format=webp"; 1283 string imagePathFallBack = coverImagePathM; 1284 1285 <img srcset=" 1286 @coverImagePathM 640w, 1287 @coverImagePathL 960w, 1288 @coverImagePathXL 1280w, 1289 @coverImagePathXXL 1920w" 1290 src="@imagePathFallBack" 1291 sizes="(min-width: 992px) @imgSizeSelector, 100vw" 1292 loading="lazy" 1293 decoding="async" 1294 class="img-fluid image-zoom-lg-1-hover" 1295 style="@imageObjectFit; object-position: @cssPosition;" 1296 alt="@title"> 1297 } 1298 1299
