| Fragt | |||
| Total Moms |
|
||
| Total inkl. moms |
Error executing template "Designs/Dwsimple/eCom/Product/Product.cshtml" System.NullReferenceException: Object reference not set to an instance of an object. at Hounisen.Website.Helpers.GroupHelper.GetParentsRecursively(Group group, List`1 groupNames) at CompiledRazorTemplates.Dynamic.RazorEngine_2a0d389bb96e49bda7aec60046ac6f6e.Execute() in D:\web\hounisen\Hounisen.Website\Files\Templates\Designs\Dwsimple\eCom\Product\Product.cshtml:line 731 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 @using System.Web; 2 @using System.Net; 3 @using System.Globalization; 4 @using System.Text.RegularExpressions; 5 @using Dynamicweb; 6 @using Dynamicweb.Rendering; 7 @using Dynamicweb.Security.UserManagement; 8 @using System.IO; 9 @using Dynamicweb.Content 10 @using Dynamicweb.Core; 11 @using Dynamicweb.Ecommerce.Products 12 @using Hounisen.Website.Helpers 13 @using VestjyskMarketing.Models; 14 15 16 @inherits Dynamicweb.Rendering.RazorTemplateBase<Dynamicweb.Rendering.RazorTemplateModel<Dynamicweb.Rendering.Template>> 17 18 @using System.Globalization 19 @using Dynamicweb.Content 20 @using Dynamicweb.Ecommerce 21 @using Dynamicweb.Ecommerce.Products 22 @using Dynamicweb.Security.UserManagement 23 @using Hounisen.Website.Helpers 24 @inherits Dynamicweb.Rendering.RazorTemplateBase<Dynamicweb.Rendering.RazorTemplateModel<Dynamicweb.Rendering.Template>> 25 26 @using System.Text.RegularExpressions 27 @using System.Web 28 29 30 @functions{ 31 public class WrapMethods 32 { 33 //Gets the contrasting color 34 public static string getContrastYIQ(string hexcolor) 35 { 36 if (hexcolor != "") 37 { 38 hexcolor = Regex.Replace(hexcolor, "[^0-9a-zA-Z]+", ""); 39 40 int r = Convert.ToByte(hexcolor.Substring(0, 2), 16); 41 int g = Convert.ToByte(hexcolor.Substring(2, 2), 16); 42 int b = Convert.ToByte(hexcolor.Substring(4, 2), 16); 43 int yiq = ((r * 299) + (g * 587) + (b * 114)) / 1000; 44 45 if (yiq >= 128) 46 { 47 return "black"; 48 } 49 else 50 { 51 return "white"; 52 } 53 } 54 else 55 { 56 return "black"; 57 } 58 } 59 60 61 //Truncate text 62 public static string Truncate (string value, int count, bool strip=true) 63 { 64 if (strip == true){ 65 value = StripHtmlTagByCharArray(value); 66 } 67 68 if (value.Length > count) 69 { 70 value = value.Substring(0, count - 1) + "..."; 71 } 72 73 return value; 74 } 75 76 77 //Strip text from HTML 78 public static string StripHtmlTagByCharArray(string htmlString) 79 { 80 char[] array = new char[htmlString.Length]; 81 int arrayIndex = 0; 82 bool inside = false; 83 84 for (int i = 0; i < htmlString.Length; i++) 85 { 86 char let = htmlString[i]; 87 if (let == '<') 88 { 89 inside = true; 90 continue; 91 } 92 if (let == '>') 93 { 94 inside = false; 95 continue; 96 } 97 if (!inside) 98 { 99 array[arrayIndex] = let; 100 arrayIndex++; 101 } 102 } 103 return new string(array, 0, arrayIndex); 104 } 105 106 //Make the correct count of columns 107 public static string ColumnMaker(int Col, string ScreenSize) 108 { 109 string Columns = ""; 110 111 switch (Col) 112 { 113 case 1: 114 Columns = "col-"+ScreenSize+"-12"; 115 break; 116 117 case 2: 118 Columns = "col-"+ScreenSize+"-6"; 119 break; 120 121 case 3: 122 Columns = "col-"+ScreenSize+"-4"; 123 break; 124 125 case 4: 126 Columns = "col-"+ScreenSize+"-3"; 127 break; 128 129 default: 130 Columns = "col-"+ScreenSize+"-3"; 131 break; 132 } 133 134 return Columns; 135 } 136 137 138 private string Custom(string firstoption, string secondoption) 139 { 140 if (firstoption == "custom") 141 { 142 return secondoption; 143 } 144 else 145 { 146 return firstoption; 147 } 148 } 149 } 150 } 151 152 153 154 155 156 157 @helper GetProductList(dynamic Loop, int ColMD = 3, int ColSM = 3, int ColXS = 1) 158 { 159 int Count = 0; 160 161 int index = 1; 162 163 var embeddedScript = GetString("Ecom:Group:Field.ProductEmbeddedScript"); 164 var embedIndex = GetInteger("Ecom:Group:Field.EmbedScriptStartingIndex"); 165 166 IFormatProvider jsNumberFormat = new NumberFormatInfo() { NumberDecimalSeparator = ".", NumberGroupSeparator = "" }; 167 168 169 var groupService = new GroupService(); 170 var productService = new ProductService(); 171 var pageService = new PageService(); 172 173 // SKI AND Region H 174 bool hasSkiDeal = false; 175 bool hasRegionHDeal = false; 176 var currentUser = User.GetCurrentExtranetUser(); 177 if (currentUser != null) 178 { 179 var skiGroup = currentUser.Groups.FirstOrDefault(e => e.Name == "SKI"); 180 if (skiGroup != null && !string.IsNullOrEmpty(skiGroup.Name)) 181 { 182 hasSkiDeal = true; 183 } 184 185 hasRegionHDeal = Dynamicweb.Core.Converter.ToBoolean(currentUser.CustomFieldValues.Find(f => f.CustomField.SystemName == "AccessUser_RegionH").Value); 186 } 187 188 189 foreach (LoopItem product in Loop) 190 { 191 string GroupLink = "/Default.aspx?ID=" + product.GetString("Ecom:Product.PrimaryOrCurrentPageID") + "&groupid=" + product.GetString("Ecom:Product.PrimaryOrFirstGroupID") + "&productid=" + product.GetString("Ecom:Product.ID"); 192 // string GroupLink = product.GetString("Ecom:Product.LinkGroup.Clean"); 193 int stock = product.GetInteger("Ecom:Product.Stock"); 194 string Name = product.GetString("Ecom:Product.Name"); 195 string Description = product.GetString("Ecom:Product.ShortDescription"); 196 string prodID = product.GetString("Ecom:Product.ID"); 197 string prodVariantID = product.GetString("Ecom:Product.VariantID"); 198 string prodLanguageID = product.GetString("Ecom:Product.LanguageID"); 199 string Image = "/Admin/Public/GetImage.ashx?Image=/Files/Images/Ecom/Products/" + prodID + ".jpg&format=webp&quality=85"; 200 201 //prices and units 202 string defaultUnitId = product.GetString("Ecom:Product.DefaultUnitID"); 203 var prices = product.GetLoop("Product.Prices"); 204 List<string> pricesHtmlList = Hounisen.Website.Helpers.Helpers.PricesListMakeListString(prices); 205 List<Hounisen.Website.Models.Unit> unitsDropdown = Hounisen.Website.Helpers.Helpers.PopulateUnitsDropdown(prices); 206 var unitDefault = unitsDropdown.Where(x => x.Id.Equals(defaultUnitId)).FirstOrDefault(); 207 int minOrder = unitDefault != null ? unitDefault.MinOrder : 1; 208 209 if (!string.IsNullOrWhiteSpace(product.GetString("Ecom:Product.SelectedVariantComboID"))) 210 { 211 prodID = product.GetString("Ecom:Product.ID") + "&" + product.GetString("Ecom:Product.SelectedVariantComboID"); 212 } 213 214 GroupHelper gh = new GroupHelper(); 215 var masterPage = pageService.GetPage(product.GetInteger("Ecom:Product.PrimaryOrCurrentPageID")); 216 masterPage.GetDisplayName(); 217 218 var group = Dynamicweb.Ecommerce.Services.ProductGroups.GetGroup(product.GetString("Ecom:Product.PrimaryOrFirstGroupID")); 219 var groups = ""; 220 if (group != null) 221 { 222 var groupNames = gh.GetParentsRecursively(group, new List<string>()); 223 groupNames = gh.Format(groupNames, masterPage.GetDisplayName(), group); 224 groups = gh.ListToString(groupNames); 225 } 226 227 <div class="product-list__item"> 228 <div class="col-xs-12"> 229 <div class="product-list__item-inner"> 230 <div class="col-xs-12 col-sm-4 col-flex"> 231 232 <div class="product-list-item__primary-image"> 233 @if (currentUser != null) 234 { 235 <a href="@GroupLink" title="@Name"> 236 <img class="product-list-item__image lazy" alt="@Name" data-src="@Image&width=300" class="img-responsive img-center"> 237 </a> 238 <a class="fancybox" data-fancybox href="@Image&width=1000" title="@Name"> 239 <svg class="product-list-item__image-icon"> 240 <use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="/dist/icons/icons.svg#fullscreen"></use> 241 </svg> 242 </a> 243 } 244 else 245 { 246 <a href="@GroupLink" title="@Name"> 247 <img class="product-list-item__image lazy" alt="@Name" data-src="@Image&width=300" class="img-responsive img-center"> 248 </a> 249 <a class="fancybox" data-fancybox href="@Image&width=1000" title="@Name"> 250 <svg class="product-list-item__image-icon"> 251 <use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="/dist/icons/icons.svg#fullscreen"></use> 252 </svg> 253 </a> 254 } 255 256 257 </div> 258 @{ 259 var productObj = productService.GetProductById(prodID, prodVariantID, prodLanguageID); 260 var overlayNameAndColors = new ProductImageOverlayHelper().GetTextAndColor(productObj); 261 262 <div class="product__primary-image__overlay-container"> 263 @foreach (var overlayNameAndColo in overlayNameAndColors) 264 { 265 <div style="background-color: @overlayNameAndColo.Value" class="product__primary-image__overlay-container__item"> 266 @overlayNameAndColo.Key 267 </div> 268 } 269 </div>} 270 </div> 271 <div class="col-xs-12 col-sm-8"> 272 <div class="product-list-item__info js-product-info"> 273 <div class="row"> 274 @*Title & Number*@ 275 <div class="col-xs-12"> 276 <h4 data-name="@Name" data-product_id="@prodID" data-categories="@groups" class="product-list-item__title"> 277 <a class="product-list-item__title-link" href="@GroupLink">@Name</a> 278 </h4> 279 </div> 280 </div> 281 <div class="row"> 282 <div class="col-xs-12 col-sm-5"> 283 284 <div class="product-list-item__attributes"> 285 <p> 286 <strong>Varenummer:</strong> @product.GetString("Ecom:Product.Number") 287 </p> 288 <p> 289 <strong>@product.GetString("Ecom:Product:Field.Attribut1A"):</strong><br/>@product.GetString("Ecom:Product:Field.Attribut1B") 290 </p> 291 <p> 292 <strong>@product.GetString("Ecom:Product:Field.Attribut2A"):</strong> @product.GetString("Ecom:Product:Field.Attribut2B") 293 </p> 294 </div> 295 296 <div class="hidden-xs"> 297 <div class=""> 298 @* IKONER *@ 299 <div class="product-list-item__icons"> 300 @{ 301 foreach (var c in product.GetString("Ecom:Product:Field.Certificates").Split(',')) 302 { 303 if (!string.IsNullOrEmpty(c)) 304 { 305 string src = "/Admin/Public/GetImage.ashx?Image=/Files/Images/Ecom/Certificates/" + @c + ".jpg&format=webp&quality=85&width=100"; 306 <img class="product-list-item__icon lazy" alt="@Translate("Cert_" + c, c)" title="@Translate("Cert_" + c, c)" data-src=@src src=@src> 307 } 308 } 309 } 310 </div> 311 </div> 312 </div> 313 </div> 314 315 <div class="col-xs-12 col-sm-7"> 316 @if (Dynamicweb.Core.Converter.ToBoolean(GetGlobalValue("Global:Extranet.UserName"))) 317 { 318 <ul class="product-list-item__prices"> 319 @foreach (var priceHtml in pricesHtmlList) 320 { 321 <li> 322 @priceHtml 323 </li> 324 } 325 </ul> 326 } 327 </div> 328 </div> 329 330 <div class="row"> 331 <div class="col-xs-12 col-sm-4 col-lg-5"> 332 @* LAGERBEHOLDNING *@ 333 <div class="product-list-item__stock"> 334 @{ 335 if (stock > 0) 336 { 337 <p class="product-list-item__stock-text"> 338 <span class="product-list-item__stock-circle product-list-item__stock-circle--green"></span> På lager 339 </p> 340 } 341 else 342 { 343 <p class="product-list-item__stock-text"> 344 <span class="product-list-item__stock-circle product-list-item__stock-circle--yellow"></span> Kontakt os for leveringstid: 86210800 eller salg@hounisen.com 345 </p> 346 } 347 } 348 </div> 349 350 <div class="product-list-item__see-product"> 351 <a class="product-list-item__link" href="@GroupLink" class="">@Translate("See product", "Se produkt")</a> 352 </div> 353 </div> 354 <div class="col-xs-12 col-sm-8 col-lg-7"> 355 @if (Dynamicweb.Core.Converter.ToBoolean(GetGlobalValue("Global:Extranet.UserName"))) 356 { 357 <div class="row"> 358 <div class="col-xs-7"> 359 <div class="product__addtocart-input js-addtocart-input"> 360 <input type="button" value="-" class="product-list-item__quantity-button product-list-item__quantity-button--minus qtyminus" field="quantity"/> 361 <input type="number" class="product__quantity-input product-list-item__quantity-input quantity" data-name="quantity" name="quantity" value="@minOrder" field="quantity"/> 362 <input type="button" value="+" class="product-list-item__quantity-button product-list-item__quantity-button--plus qtyplus" field="quantity"/> 363 </div> 364 <div class="product__unit-selector" style="display: inline-block;"> 365 @{ 366 int counter = 0; 367 } 368 @foreach (var unitDropdown in unitsDropdown) 369 { 370 var currentUnitPrice = prices[counter].Values["Ecom:Product.Prices.Amount"]; 371 <input type="radio" data-id="@index" data-price="@currentUnitPrice" class="unit-type" id="@(unitDropdown.Id + prodID)" name="UnitID@(product.GetString("Ecom:Product.Number"))" value="@unitDropdown.Id" required data-lot-size="@unitDropdown.LotSize" data-min-order="@unitDropdown.MinOrder" @(unitsDropdown.Count == 1 ? "checked='checked'" : "")> 372 <label for="@(unitDropdown.Id + prodID)">@unitDropdown.Name</label> 373 counter++; 374 } 375 </div> 376 <p class="product__unit-selector-error-message"> 377 @Translate("unit-error-message", "* Du mangler at vælge type") 378 </p> 379 </div> 380 <div class="col-xs-5"> 381 <div class="product__addtocart-button"> 382 <button data-id="@index" type="submit" name="submit" onclick="AddToCart(event, '@prodID', $(this).parent().parent().prev().find('input.quantity').val(), $(this).parent().parent().prev().find('input[name=\'UnitID@(product.GetString("Ecom:Product.Number"))\']:checked').val());" class="btn btn-primary product__button"> 383 @Translate("Add to cart", "Add to cart") 384 <svg class="product__button-icon hidden-xs"> 385 <use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="/dist/icons/icons.svg#basket"></use> 386 </svg> 387 </button> 388 <div class="product-list-item__favorite-list popup-wrap favorite"> 389 390 @if (hasRegionHDeal == false) 391 { 392 <button class="popup-show" data-popup="favorite-list" type="button" title="@Translate("Add to favorites", "Add to favorites")"> 393 <i class="fa fa-star-o"></i> <span>Tilføj til liste</span> 394 </button> 395 <div id="favorite-list" class="popup-form"> 396 <div class="close"> 397 <i class="fa fa-times"></i> 398 </div> 399 <h3>@Translate("Choose list", "Choose list")</h3> 400 <ul> 401 @{ 402 var lists = Dynamicweb.Ecommerce.CustomerCenter.CustomerProductList.GetListsByUserCustomerNumber(currentUser.CustomerNumber); 403 } 404 405 @foreach (var list in lists) 406 { 407 if (list.Products.Where(p => p.ProductId.ToString() == prodID).Count() > 0) 408 { 409 <li> 410 <a href="@(System.Web.HttpContext.Current.Request.Url)&CCRemoveFromMyLists=@prodID&CCAddToListVariantID=&CCAddToListLanguageID=LANG1&CCAddToListID=@list.ListId&CCListType="> 411 <i class="fa fa-star"></i> @list.Name 412 </a> 413 </li> 414 } 415 else 416 { 417 <li> 418 <a href="@(System.Web.HttpContext.Current.Request.Url)&CCAddToMyLists=@prodID&CCAddToListVariantID=&CCAddToListLanguageID=LANG1&CCAddToListID=@list.ListId&CCListType="> 419 <i class="fa fa-star-o"></i> @list.Name 420 </a> 421 </li> 422 } 423 } 424 <li> 425 <a href="/favoritter/opret-favoritliste?ProdID=@prodID"> 426 <i class="fa fa-plus"></i>@Translate("Add new list", "Add new list") 427 </a> 428 </li> 429 </ul> 430 </div> 431 } 432 433 </div> 434 </div> 435 </div> 436 </div> 437 } 438 else 439 { 440 <div class="not-loggedin"> 441 <p class="not-loggedin-text"><a data-toggle="modal" data-target="#login" href="">@Translate("Login", "Login")</a> eller <a href="/kontakt/opret-brugerprofil">Bliv kunde</a> for at se priser og købe på Hounisen.com</p> 442 <a data-toggle="modal" data-target="#login" href="" class="btn btn-primary not-loggedin-button"> 443 <span>Log ind</span> 444 </a> 445 </div> 446 } 447 </div> 448 </div> 449 </div> 450 451 452 </div> 453 </div> 454 </div> 455 </div> 456 457 if (index == embedIndex) 458 { 459 <div class="product-list__item"> 460 <div class="col-xs-12"> 461 @embeddedScript 462 </div> 463 </div> 464 } 465 466 467 Count++; 468 index++; 469 470 if (Count == ColMD) 471 { 472 <div class="row"></div> 473 Count = 0; 474 } 475 } 476 } 477 478 <script> 479 480 document.addEventListener("DOMContentLoaded", function () { 481 482 var addToCartButtons = document.querySelectorAll('.product__button'); 483 var unitTypes = document.getElementsByClassName("unit-type"); 484 var product_names = document.getElementsByClassName("product-list-item__title"); 485 486 addToCartButtons.forEach(function (item) { 487 488 item.addEventListener('click', function () { 489 490 var product_name = product_names[this.dataset.id - 1].dataset.name; 491 var product_id = product_names[this.dataset.id - 1].dataset.product_id; 492 var initialCategories = product_names[this.dataset.id - 1].dataset.categories; 493 var categories = initialCategories.split("_"); 494 var quantity = document.getElementsByClassName("quantity")[this.dataset.id - 1].value; 495 var unitPrice; 496 var variantIsNull = true; 497 var unitTypeName = null; 498 499 //Get unittype price 500 for (const unitType of unitTypes) { 501 502 if (unitType.dataset.id == this.dataset.id) { 503 504 if (unitType.checked == true) { 505 506 var tempPrice = unitType.dataset.price.replace(".", ""); 507 tempPrice = tempPrice.replace(",", "."); 508 unitPrice = parseFloat(tempPrice); 509 variantIsNull = false; 510 unitTypeName = unitType.value; 511 512 unitTypeName = unitTypeName.toString().split("_")[1]; 513 514 } 515 } 516 } 517 518 if (!variantIsNull) { 519 dataLayer.push({ ecommerce: null }); 520 dataLayer.push({ 521 'event': 'add_to_cart', 522 "ecommerce": { 523 "currency": "DKK", 524 "value": unitPrice * parseInt(quantity).toFixed(2), 525 "items": [ 526 { 527 "item_name": product_name + " - " + unitTypeName, 528 'item_id': product_id, 529 'price': unitPrice, 530 "item_brand": "", 531 "item_category": (categories[0] != null ? categories[0] : ""), 532 "item_category2": (categories[1] != null ? categories[1] : ""), 533 "item_category3": (categories[2] != null ? categories[2] : ""), 534 "item_category4": (categories[3] != null ? categories[3] : ""), 535 "item_category5": (categories[4] != null ? categories[4] : ""), 536 "quantity": parseInt(quantity), 537 } 538 ] 539 }, 540 541 }); 542 } 543 }); 544 }) 545 }); 546 547 </script> 548 @using Dynamicweb.Security.UserManagement 549 @inherits Dynamicweb.Rendering.RazorTemplateBase<Dynamicweb.Rendering.RazorTemplateModel<Dynamicweb.Rendering.Template>> 550 551 @helper GetProductListRelated(dynamic Loop, int ColMD = 3, int ColSM = 3, int ColXS = 1) 552 { 553 var currentUser = User.GetCurrentExtranetUser(); 554 555 <ul class="shop-list__list"> 556 557 @foreach (LoopItem product in Loop) 558 { 559 560 string GroupLink = "/Default.aspx?ID=" + product.GetString("Ecom:Product.PrimaryOrCurrentPageID") + "&groupid=" + product.GetString("Ecom:Product.PrimaryOrFirstGroupID") + "&productid=" + product.GetString("Ecom:Product.ID"); 561 string Name = product.GetString("Ecom:Product.Name"); 562 string Description = product.GetString("Ecom:Product.ShortDescription"); 563 string prodID = product.GetString("Ecom:Product.ID"); 564 string Image = "/Admin/Public/GetImage.ashx?Image=/Files/Images/Ecom/Products/" + prodID + ".jpg&format=webp&quality=85"; 565 566 <li class="shop-list__item col-xs-12"> 567 <a class="shop-list__link" href="@GroupLink" title="@Name"> 568 <figure class="shop-list__figure"> 569 <img class="shop-list__image lazy" style="width: 213px;" alt="@Name" data-src="@Image&width=213"> 570 </figure> 571 <h4 class="shop-list__title">@Name</h4> 572 <div class="shop-list__text"> 573 @if (String.IsNullOrEmpty(product.GetString("Ecom:Product.LongDescription"))) 574 { 575 var gr = Dynamicweb.Ecommerce.Products.Group.GetGroupById(product.GetString("Ecom:Product.PrimaryOrFirstGroupID")); 576 577 @gr.Description.Replace("<a ", "<span ").Replace("</a>", "</span>").Replace("<h2>", "<p>").Replace("</h2>", "</p>") 578 } 579 else 580 { 581 @product.GetString("Ecom:Product.LongDescription").Replace("<a ", "<span ").Replace("</a>", "</span>").Replace("<h2>", "<p>").Replace("</h2>", "</p>") 582 } 583 584 </div> 585 <div class="shop-list__price"> 586 @if (currentUser != null) 587 { 588 string baseUnitPrice = String.Empty; 589 var price = product.GetLoop("Product.Prices").OrderBy(x => x.GetDouble("Ecom:Product.Prices.BaseUnitPrice")).FirstOrDefault(); 590 if (price != null) 591 { 592 baseUnitPrice = price.GetString("Ecom:Product.Prices.BaseUnitPrice"); 593 } 594 <span class="shop-list__price-from">Priser fra</span> 595 <span class="shop-list__price-value">@baseUnitPrice</span> 596 <span class="shop-list__price-unit">kr./stk.</span> 597 } 598 </div> 599 </a> 600 </li> 601 602 } 603 </ul> 604 } 605 606 607 @using Dynamicweb.Security.UserManagement 608 @using System.Text.RegularExpressions; 609 @using Hounisen.Website.Helpers 610 @inherits Dynamicweb.Rendering.RazorTemplateBase<Dynamicweb.Rendering.RazorTemplateModel<Dynamicweb.Rendering.Template>> 611 612 @helper GetProductListFullRelated(dynamic Loop, int ColMD = 4, int ColSM = 4, int ColXS = 1) 613 { 614 int Count = 0; 615 616 string ColumnsMD = WrapMethods.ColumnMaker(ColMD, "md"); 617 string ColumnsSM = WrapMethods.ColumnMaker(ColSM, "sm"); 618 string ColumnsXS = WrapMethods.ColumnMaker(ColXS, "xs"); 619 var currentUser = User.GetCurrentExtranetUser(); 620 621 foreach (LoopItem product in Loop) 622 { 623 string GroupLink = "/Default.aspx?ID=" + product.GetString("Ecom:Product.PrimaryOrCurrentPageID") + "&groupid=" + product.GetString("Ecom:Product.PrimaryOrFirstGroupID") + "&productid=" + product.GetString("Ecom:Product.ID"); 624 string Name = product.GetString("Ecom:Product.Name"); 625 string Description = GetFormattedDescription(product.GetString("Ecom:Product.LongDescription")); 626 string prodID = product.GetString("Ecom:Product.ID"); 627 string Image = "/Admin/Public/GetImage.ashx?Image=/Files/Images/Ecom/Products/" + prodID + ".jpg&format=webp&quality=85"; 628 var productObject = Dynamicweb.Ecommerce.Products.Product.GetProductById(product.GetString("Ecom:Product.ID"), product.GetString("Ecom:Product.VariantID"), product.GetString("Ecom:Product.LanguageID")); 629 var textAndColors = new ProductImageOverlayHelper().GetTextAndColor(productObject); 630 <li class="shop-list__item col-xs-12"> 631 <a class="shop-list__link" href="@GroupLink" title="@Name"> 632 <figure class="shop-list__figure" style="position: relative"> 633 <img class="shop-list__image lazy" style="width: 213px;" alt="@Name" data-src="@Image&width=213"> 634 <div class="product__primary-image__overlay-container"> 635 @foreach (var overlayNameAndColor in textAndColors) 636 { 637 <div style="background-color: @overlayNameAndColor.Value" class="product__primary-image__overlay-container__item"> 638 @overlayNameAndColor.Key 639 </div> 640 } 641 </div> 642 </figure> 643 <h4 class="shop-list__title">@Name</h4> 644 <div class="shop-list__text">@Description</div> 645 <div class="shop-list__price"> 646 @if (currentUser != null) 647 { 648 string baseUnitPrice = String.Empty; 649 var price = product.GetLoop("Product.Prices").OrderBy(x => x.GetDouble("Ecom:Product.Prices.BaseUnitPrice")).FirstOrDefault(); 650 if (price != null) 651 { 652 baseUnitPrice = price.GetString("Ecom:Product.Prices.BaseUnitPrice"); 653 } 654 655 <span class="shop-list__price-from">Priser fra</span> 656 <span class="shop-list__price-value">@baseUnitPrice</span> 657 <span class="shop-list__price-unit">kr./stk</span> 658 } 659 </div> 660 </a> 661 </li> 662 } 663 } 664 665 @functions { 666 private static string GetFormattedDescription(string description = "") 667 { 668 string formattedDescription = Regex.Replace(description, @"<.*?>|[\r\n\t]| ", " "); 669 return formattedDescription.Length > 103 ? formattedDescription.Substring(0, 103).TrimEnd() + "..." : formattedDescription; 670 } 671 } 672 673 <script src="/Files/Templates/Designs/DwSimple/js/ProductVariantsAjax.js"></script> 674 <link rel="stylesheet" href="/Files/Templates/Designs/DwSimple/css/product.css"/> 675 676 @{ 677 IFormatProvider jsNumberFormat = new NumberFormatInfo() { NumberDecimalSeparator = ".", NumberGroupSeparator = "" }; 678 string initialPrice = string.Empty; 679 string metaDescription = string.Empty; 680 if (String.IsNullOrEmpty(GetString("Ecom:Product.LongDescription"))) 681 { 682 metaDescription = StripHTML(GetString("Ecom:Group.Description")); 683 } 684 else 685 { 686 metaDescription = StripHTML(GetString("Ecom:Product.LongDescription")); 687 } 688 689 //prices and units 690 string defaultUnitId = GetString("Ecom:Product.DefaultUnitID"); 691 var prices = GetLoop("Product.Prices"); 692 List<string> pricesHtmlList = Hounisen.Website.Helpers.Helpers.PricesListMakeListString(prices, false); 693 List<Hounisen.Website.Models.Unit> unitsDropdown = Hounisen.Website.Helpers.Helpers.PopulateUnitsDropdown(prices); 694 var unitDefault = unitsDropdown.Where(x => x.Id.Equals(defaultUnitId)).FirstOrDefault(); 695 int minOrder = unitDefault != null ? unitDefault.MinOrder : 1; 696 697 698 //other vars 699 var pid = GetString("Ecom:Product.ID"); 700 int stock = GetInteger("Ecom:Product.Stock"); 701 string image = "/Admin/Public/GetImage.ashx?Image=/Files/Images/Ecom/Products/" + pid + ".jpg"; 702 string productname = GetString("Ecom:Product.Name"); 703 string productlink = "/Default.aspx?ID=" + GetString("Ecom:Product.PrimaryOrCurrentPageID") + "&groupid=" + GetString("Ecom:Product.PrimaryOrFirstGroupID") + "&productid=" + GetString("Ecom:Product.ID"); 704 705 706 // SKI AND Region H 707 bool hasSkiDeal = false; 708 bool hasRegionHDeal = false; 709 var currentUser = User.GetCurrentExtranetUser(); 710 if (currentUser != null) 711 { 712 var skiGroup = currentUser.Groups.FirstOrDefault(e => e.Name == "SKI"); 713 if (skiGroup != null && !string.IsNullOrEmpty(skiGroup.Name)) 714 { 715 hasSkiDeal = true; 716 } 717 718 hasRegionHDeal = Dynamicweb.Core.Converter.ToBoolean(currentUser.CustomFieldValues.Find(f => f.CustomField.SystemName == "AccessUser_RegionH").Value); 719 } 720 721 //serialized data 722 var pagedata = new System.Collections.Generic.Dictionary<String, Object>(); 723 Pageview.Area.Item.SerializeTo(pagedata); 724 725 726 var pageService = new PageService(); 727 GroupHelper gh = new GroupHelper(); 728 var group = Dynamicweb.Ecommerce.Services.ProductGroups.GetGroup(GetString("Ecom:Product.PrimaryOrFirstGroupID")); 729 var masterPage = pageService.GetPage(GetInteger("Ecom:Product.PrimaryOrCurrentPageID")); 730 masterPage.GetDisplayName(); 731 var groupNames = gh.GetParentsRecursively(group, new List<string>()); 732 groupNames = gh.Format(groupNames, masterPage.GetDisplayName(), group); 733 734 var groups = gh.ListToString(groupNames); 735 } 736 737 <div class="col-md-12 col-sm-12 col-xs-12 aaa"> 738 739 <div class="row product" itemscope itemtype="http://schema.org/Product"> 740 <section class="page-header"> 741 <div class="row product__help-name-container"> 742 <div class="col-xs-12 col-sm-7"> 743 <meta itemprop="description" content="@metaDescription"/> 744 <h1 data-categories="@groups" data-group="@GetString("Ecom:Group.Name")" class="page-header__title" itemprop="name">@GetString("Ecom:Product.Name")</h1> 745 <div class="page-header__short-description"> 746 <p class="product__number">@Translate("Productnumber", "Productnumber"): <span property="identifier" itemprop="mpn">@GetString("Ecom:Product.Number")</span></p> 747 @if (hasSkiDeal) 748 { 749 <p class="product__number">@Translate("Skinumber", "SKI nr"): <span property="identifier">@GetString("Ecom:Product:Field.SkiId")</span></p> 750 } 751 @if (hasRegionHDeal && GetBoolean("Ecom:Product:Field.RegionH")) 752 { 753 <p class="product__number">@Translate("RegionHText")</p> 754 } 755 756 </div> 757 </div> 758 <div class="col-xs-12 col-sm-offset-1 col-sm-4 product__help-name-container__help"> 759 <div class="need-help"> 760 <img class="need-help__image lazy" width="81" height="81" data-src='@(Pageview.Area.Item["Support_Image"].ToString())?format=webp&width=81&quality=75'/> 761 <div class="need-help__text"> 762 @Pageview.Area.Item["Support_Content"].ToString() 763 </div> 764 </div> 765 </div> 766 </div> 767 </section> 768 <div class="row"> 769 770 @* The image area *@ 771 <div class="col-md-5 col-sm-4 col-xs-12"> 772 <div class="product__gallery"> 773 774 @* Discount sticker *@ 775 776 @if (GetString("Ecom:Product.Discount.Price.PriceWithVATFormatted") != GetString("Ecom:Product.Price.PriceWithVATFormatted")) 777 { 778 if (pagedata["EcommerceStickerType"].ToString() == "ribbon") 779 { 780 <span class="ribbon base">@Translate("On sale!", "On sale!")</span> 781 } 782 783 if (pagedata["EcommerceStickerType"].ToString() == "ball") 784 { 785 <span class="ball">@Translate("On sale!", "On sale!")</span> 786 } 787 } 788 789 790 @* Product images *@ 791 @{ 792 string currenthost = HttpContext.Current.Request.Url.AbsoluteUri; 793 Uri uri = new Uri(currenthost); 794 currenthost = string.Format("{0}://{1}", uri.Scheme, uri.Authority); 795 string ImagePathloop = ""; 796 string ImagePathClean = ""; 797 string options = "format=webp&quality=85&width=1000"; 798 List<string> imagepath = new List<string>(); 799 for (int i = 0; i <= 4; i++) 800 { 801 if (i == 0) 802 { 803 ImagePathloop = VestjyskMarketing.Helpers.ImageHelper.ResizeImage(new ResizeImageSettings() 804 { 805 Image = $"/Files/Images/Ecom/Products/{pid}.jpg", 806 Width = 1000, 807 Quality = 85 808 }); 809 imagepath.Add(ImagePathloop); 810 } 811 else 812 { 813 ImagePathloop = "/Admin/Public/GetImage.ashx?Image=/Files/Images/Ecom/Products/" + pid + "-0" + i.ToString() + ".jpg"; 814 //currenthost + 815 ImagePathClean = "/Files/Images/Ecom/Products/" + pid + "-0" + i.ToString() + ".jpg"; 816 817 try 818 { 819 if (File.Exists(HttpContext.Current.Server.MapPath(ImagePathClean))) 820 { 821 imagepath.Add(ImagePathloop + "&" + options); 822 } 823 824 825 HttpWebRequest request = (HttpWebRequest)System.Net.WebRequest.Create(ImagePathloop); 826 using (HttpWebResponse response = (HttpWebResponse)request.GetResponse()) 827 { 828 if (response.StatusCode == HttpStatusCode.NotFound) 829 { 830 break; 831 } 832 else 833 { 834 imagepath.Add("/Files/Images/Ecom/Products/" + pid + "-0" + i.ToString() + ".jpg" + "" + options); 835 } 836 } 837 } 838 catch (Exception ex) 839 { 840 } 841 } 842 } 843 } 844 845 @{ 846 var resizedImageLarge = VestjyskMarketing.Helpers.ImageHelper.ResizeImage(new ResizeImageSettings() 847 { 848 Image = $"/Files/Images/Ecom/Products/{pid}.jpg", 849 Width = 1000, 850 Quality = 99 851 }); 852 853 var resizedImage = VestjyskMarketing.Helpers.ImageHelper.ResizeImage(new ResizeImageSettings() 854 { 855 Image = $"/Files/Images/Ecom/Products/{pid}.jpg", 856 Width = 458, 857 Quality = 85 858 }); 859 } 860 861 <div class="product__primary-image"> 862 <a href="@resizedImageLarge" data-fancybox class="fancybox"> 863 <img src="@resizedImage" data-src="@resizedImage" width="458" alt="@productname" class="product__image img-responsive lazy" itemprop="image"> 864 @{ 865 var productObj = new ProductService().GetProductById(GetString("Ecom:Product.ID"),GetString("Ecom:Product.VariantID"),GetString("Ecom:Product.LanguageID")); 866 var overlayNameAndColors = new ProductImageOverlayHelper().GetTextAndColor(productObj); 867 } 868 869 <div class="product__primary-image__overlay-container"> 870 @foreach (var overlayNameAndColor in overlayNameAndColors) 871 { 872 <div style="background-color: @overlayNameAndColor.Value" class="product__primary-image__overlay-container__item"> 873 @overlayNameAndColor.Key 874 </div> 875 } 876 </div> 877 <svg class="product__image-icon"> 878 <use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="/dist/icons/icons.svg#fullscreen"></use> 879 </svg> 880 </a> 881 </div> 882 <div class="row"> 883 <div class="product__thumbnail-list"> 884 @foreach (var imageThumb in imagepath) 885 { 886 <div class="col-sm-3 col-xs-4"> 887 <div class="product__thumbnail-images"> 888 <a href="@imageThumb&width=1000" rel="product" class="fancybox"> 889 <img data-src="@imageThumb&width=458" width="458" alt="@productname" class="img-responsive lazy"> 890 </a> 891 </div> 892 </div> 893 } 894 @{ 895 var youtubeId = GetString("Ecom:Product:Field.YoutubeId"); 896 var youtubeUrl = $"//www.youtube.com/embed/{youtubeId}?autoplay=0"; 897 if (!string.IsNullOrEmpty(youtubeId)) 898 { 899 <div class="col-sm-3 col-xs-4"> 900 <div id="video-container" class="product__thumbnail-list__video-thumbnail" onclick="on(); return false;"> 901 <iframe width="100%" height="70" src="@youtubeUrl" frameborder="0"></iframe> 902 <div class="product__thumbnail-list__video-thumbnail__video"></div> 903 </div> 904 <div id="overlay" class="product__thumbnail-list__overlay" onclick="off()"> 905 <iframe class="product__thumbnail-list__overlay__video" id="product-video" width="100%" height="80%" src="@youtubeUrl?autoplay=1&enablejsapi=1" frameborder="0"></iframe> 906 </div> 907 </div> 908 } 909 } 910 </div> 911 </div> 912 </div> 913 </div> 914 915 @* The main product information area *@ 916 917 <div class="col-md-7 col-sm-8 col-xs-12 "> 918 <div class="product-info js-product-info" id="productinfo"> 919 <div class="product__control"> 920 <div class="row"> 921 <div class="col-xs-12 col-sm-6"> 922 @* LAGERBEHOLDNING *@ 923 <div class="product__stock"> 924 @{ 925 if (stock > 0) 926 { 927 <p class="product__stock-text"> 928 <span class="product__stock-circle product__stock-circle--green"></span> På lager 929 </p> 930 } 931 else 932 { 933 <p class="product__stock-text"> 934 <span class="product__stock-circle product__stock-circle--yellow"></span> Kontakt os for leveringstid: 86210800 eller salg@hounisen.com 935 </p> 936 } 937 } 938 </div> 939 </div> 940 <div class="col-xs-12 col-sm-6"> 941 @* FAVORITTER *@ 942 @if (Dynamicweb.Core.Converter.ToBoolean(GetGlobalValue("Global:Extranet.UserName"))) 943 { 944 if (hasRegionHDeal == false) 945 { 946 <div class="product__favorite-list popup-wrap favorite"> 947 <button class="popup-show" data-popup="favorite-list" type="button" title="@Translate("Add to favorites", "Add to favorites")"> 948 <i class="fa fa-star-o"></i> <span>@Translate("Add to favorites", "Add to favorites")</span> 949 </button> 950 <div id="favorite-list" class="popup-form"> 951 <div class="close"> 952 <i class="fa fa-times"></i> 953 </div> 954 <h3>@Translate("Choose list", "Choose list")</h3> 955 <ul> 956 @{ 957 var lists = Dynamicweb.Ecommerce.CustomerCenter.CustomerProductList.GetListsByUserCustomerNumber(currentUser.CustomerNumber); 958 } 959 960 @foreach (var list in lists) 961 { 962 if (list.Products.Where(p => p.ProductId.ToString() == GetString("Ecom:Product.ID")).Count() > 0) 963 { 964 <li> 965 <a href="@(System.Web.HttpContext.Current.Request.Url)&CCRemoveFromMyLists=@GetString("Ecom:Product.ID")&CCAddToListVariantID=&CCAddToListLanguageID=LANG1&CCAddToListID=@list.ListId&CCListType="> 966 <i class="fa fa-star"></i> @list.Name 967 </a> 968 </li> 969 } 970 else 971 { 972 <li> 973 <a href="@(System.Web.HttpContext.Current.Request.Url)&CCAddToMyLists=@GetString("Ecom:Product.ID")&CCAddToListVariantID=&CCAddToListLanguageID=LANG1&CCAddToListID=@list.ListId&CCListType="> 974 <i class="fa fa-star-o"></i> @list.Name 975 </a> 976 </li> 977 } 978 } 979 <li> 980 <a href="/favoritter/opret-favoritliste?ProdID=@GetString("Ecom:Product.ID")"> 981 <i class="fa fa-plus"></i>@Translate("Add new list", "Add new list") 982 </a> 983 </li> 984 </ul> 985 </div> 986 </div> 987 } 988 } 989 else 990 { 991 <div class="not-loggedin"> 992 <p class="not-loggedin-text"><a data-toggle="modal" data-target="#login" href="">@Translate("Login", "Login")</a> eller <a href="/kontakt/opret-brugerprofil">Bliv kunde</a> for at se priser og købe på Hounisen.com</p> 993 <a data-toggle="modal" data-target="#login" href="" class="btn btn-primary not-loggedin-button"> 994 <span>Log ind</span> 995 </a> 996 </div> 997 } 998 </div> 999 </div> 1000 1001 1002 @* Prices and actions *@ 1003 @if (Dynamicweb.Core.Converter.ToBoolean(GetGlobalValue("Global:Extranet.UserName"))) 1004 { 1005 var product = GetString("Ecom:Product.ID"); 1006 if (!string.IsNullOrWhiteSpace(GetString("Ecom:Product.SelectedVariantComboID"))) 1007 { 1008 product = GetString("Ecom:Product.ID") + "&" + GetString("Ecom:Product.SelectedVariantComboID"); 1009 } 1010 1011 <div class="row"> 1012 <div class="col-xs-12"> 1013 <ul class="product__prices"> 1014 @foreach (var priceHtml in pricesHtmlList) 1015 { 1016 <li> 1017 @priceHtml 1018 </li> 1019 } 1020 </ul> 1021 </div> 1022 </div> 1023 1024 <div class="row"> 1025 <div class="col-xs-7"> 1026 <div class="product__addtocart-input js-addtocart-input"> 1027 <input type="button" value="-" class="product__quantity-button product__quantity-button--minus qtyminus" field="quantity"/> 1028 <input type="number" class="product__quantity-input quantity" data-name="quantity" name="quantity" value="@minOrder" field="quantity"/> 1029 <input type="button" value="+" class="product__quantity-button product__quantity-button--plus qtyplus" field="quantity"/> 1030 </div> 1031 <div class="product__unit-selector" style="display: inline-block;"> 1032 1033 @{ 1034 var index = 0; 1035 } 1036 1037 @foreach (var unitDropdown in unitsDropdown) 1038 { 1039 index++; 1040 var currentUnitPrice = prices[index - 1].Values["Ecom:Product.Prices.Amount"]; 1041 <input data-price="@currentUnitPrice" class="unit-type" type="radio" id="@unitDropdown.Id" name="UnitID" value="@unitDropdown.Id" required data-lot-size="@unitDropdown.LotSize" data-min-order="@unitDropdown.MinOrder" @(unitsDropdown.Count == 1 ? "checked='checked'" : "")> 1042 <label for="@unitDropdown.Id">@unitDropdown.Name</label> 1043 } 1044 </div> 1045 <p class="product__unit-selector-error-message"> 1046 * Du mangler at vælge type 1047 </p> 1048 </div> 1049 <div class="col-xs-5"> 1050 <div class="product__addtocart-button"> 1051 <button type="submit" name="submit" onclick="AddToCart(event, '@product', $(this).parent().parent().prev().find('input.quantity').val(), $(this).parent().parent().prev().find('input[name=\'UnitID\']:checked').val());" class="btn btn-primary product__button"> 1052 @Translate("Add to cart", "Add to cart") 1053 <svg class="product__button-icon hidden-xs"> 1054 <use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="/dist/icons/icons.svg#basket"></use> 1055 </svg> 1056 </button> 1057 </div> 1058 </div> 1059 </div> 1060 } 1061 </div> 1062 1063 @* Product details *@ 1064 <div> 1065 1066 @* BESKRIVELSE *@ 1067 @*PRODUCT Long*@ 1068 <div class="product__description"> 1069 <p> 1070 @{ 1071 string productDescrption = null; 1072 if (!String.IsNullOrEmpty(GetString("Ecom:Product:Field.Teaser"))) 1073 { 1074 productDescrption = GetString("Ecom:Product:Field.Teaser"); 1075 <div> 1076 @if (GetString("Ecom:Product.LongDescription").Length > 150) 1077 { 1078 productDescrption = productDescrption + "..."; 1079 <p class="product__description__long"> 1080 @productDescrption 1081 </p> 1082 <p> 1083 <a href="#productLongDescriptionID" id="js-smooth-scroll" class="js-smooth-scroll">@Translate("ReadMore", "Læs mere")</a> 1084 </p> 1085 } 1086 else 1087 { 1088 <p class="product__description__long"> 1089 @productDescrption 1090 </p> 1091 } 1092 </div> 1093 } 1094 else if (String.IsNullOrEmpty(GetString("Ecom:Product.LongDescription")) && String.IsNullOrEmpty(GetString("Ecom:Product:Field.Teaser"))) 1095 { 1096 productDescrption = GetString("Ecom:Group.Description"); 1097 @productDescrption 1098 } 1099 else 1100 { 1101 productDescrption = StripHTML(GetString("Ecom:Product.LongDescription").ToString()); 1102 if (productDescrption.Length > 150) 1103 { 1104 productDescrption = productDescrption.Substring(0, 150) + "..."; 1105 1106 <p class="product__description__long"> 1107 @productDescrption 1108 1109 </p> 1110 <p> 1111 <a href="#productLongDescriptionID" id="js-smooth-scroll" class="js-smooth-scroll">@Translate("ReadMore", "Læs mere")</a> 1112 </p> 1113 } 1114 else 1115 { 1116 productDescrption = GetString("Ecom:Product.LongDescription"); 1117 <p class="product__description__long"> 1118 @productDescrption 1119 </p> 1120 } 1121 } 1122 } 1123 1124 </p> 1125 1126 </div> 1127 1128 @* ATTRIBUTTER *@ 1129 <div class="product__information"> 1130 <h3>Specifikationer</h3> 1131 <dl class="product__information-table"> 1132 @{ 1133 int attributeLineCount = 0; 1134 for (int i = 1; i < 8; i++) 1135 { 1136 attributeLineCount++; 1137 string attributeName = "Ecom:Product:Field.Attribut" + attributeLineCount + "A"; 1138 string attributeValue = "Ecom:Product:Field.Attribut" + attributeLineCount + "B"; 1139 string attributeBrand = string.Empty; 1140 1141 if (GetString(attributeName) != "") 1142 { 1143 if (attributeLineCount == 7) 1144 { 1145 attributeBrand = "itemprop=\"brand\""; 1146 } 1147 1148 <dt>@GetString(attributeName) :</dt> 1149 <dd @attributeBrand>@GetString(attributeValue)</dd> 1150 } 1151 } 1152 } 1153 </dl> 1154 </div> 1155 1156 @* IKONER *@ 1157 <div class="product__icons"> 1158 @{ 1159 foreach (var c in GetString("Ecom:Product:Field.Certificates").Split(',')) 1160 { 1161 if (!string.IsNullOrEmpty(c)) 1162 { 1163 <img class="product__icon lazy" data-src="/Files/Images/Ecom/certificates/@(c).jpg" title="@Translate("Cert_" + c, c)"/> 1164 } 1165 } 1166 } 1167 </div> 1168 1169 1170 @* DOWNLOAD *@ 1171 1172 @if (GetString("Ecom:Product:Field.Link1Label") != "") 1173 { 1174 <div> 1175 <a class="product__download-pdf" target="_blank" href="@GetString("Ecom:Product:Field.Link1File.Clean")" class="">@GetString("Ecom:Product:Field.Link1Label")</a> 1176 </div> 1177 } 1178 @if (GetString("Ecom:Product:Field.Link2Label") != "") 1179 { 1180 <div> 1181 <a class="product__download-pdf" target="_blank" href="@GetString("Ecom:Product:Field.Link2File.Clean")" class="">@GetString("Ecom:Product:Field.Link2Label")</a> 1182 </div> 1183 } 1184 @if (GetString("Ecom:Product:Field.Link3Label") != "") 1185 { 1186 <div> 1187 <a class="product__download-pdf" target="_blank" href="@GetString("Ecom:Product:Field.Link3File.Clean")" class="">@GetString("Ecom:Product:Field.Link3Label")</a> 1188 </div> 1189 } 1190 @if (GetString("Ecom:Product:Field.Link4Label") != "") 1191 { 1192 <div> 1193 <a class="product__download-pdf" target="_blank" href="@GetString("Ecom:Product:Field.Link4File.Clean")" class="">@GetString("Ecom:Product:Field.Link4Label")</a> 1194 </div> 1195 } 1196 @if (GetString("Ecom:Product:Field.Link5Label") != "") 1197 { 1198 <div> 1199 <a class="product__download-pdf" target="_blank" href="@GetString("Ecom:Product:Field.Link5File.Clean")" class="">@GetString("Ecom:Product:Field.Link5Label")</a> 1200 </div> 1201 } 1202 1203 1204 </div> 1205 </div> 1206 </div> 1207 </div> 1208 </div> 1209 </div> 1210 1211 @* Related products *@ 1212 1213 @if (GetString("Ecom:Product.RelatedCount") != "0") 1214 { 1215 <div class="row"> 1216 <div class="col-xs-12"> 1217 <h3 class="section-header shop-list__header">Relaterede varer</h3> 1218 <ul class="shop-list__list"> 1219 @foreach (LoopItem relatedgroup in GetLoop("ProductRelatedGroups")) 1220 { 1221 var relatedproductloop = relatedgroup.GetLoop("RelatedProducts").OrderByDescending(g => g.GetString("Ecom:Product.LoopCounter")).Take(4).ToList(); 1222 @GetProductListFullRelated(relatedproductloop, 3, 3, 1) 1223 } 1224 </ul> 1225 </div> 1226 </div> 1227 } 1228 1229 @if (!String.IsNullOrEmpty(GetString("Ecom:Product.LongDescription")) && StripHTML(GetString("Ecom:Product.LongDescription").ToString()).Length > 150) 1230 { 1231 <div class="row"> 1232 <div class="col-xs-12"> 1233 <h3 id="productLongDescriptionID" class="product__description-title">@Translate("Description", "Description")</h3> 1234 </div> 1235 <div class="col-xs-12 py-4"> 1236 <div style="display: block; margin-bottom: 15px;"> 1237 <div class="product__details"> 1238 @{ 1239 var description = GetString("Ecom:Product.LongDescription"); 1240 1241 // Remove HTML tags 1242 string cleanedText = Regex.Replace(description, "<.*?>", " "); 1243 string[] words = cleanedText.Split(new[] { ' ', '\n', '\r', '\t' }, StringSplitOptions.RemoveEmptyEntries); 1244 bool readMoreButton = words.Length > 80; 1245 } 1246 @if (readMoreButton) 1247 { 1248 <div class="product__details__content" style="max-height: 75px;"> 1249 @description 1250 </div> 1251 <a onclick="updateDetailAccessibility(this)">@Translate("Læs mere")</a> 1252 } 1253 else 1254 { 1255 @description 1256 } 1257 </div> 1258 </div> 1259 </div> 1260 </div> 1261 } 1262 1263 <span class="clerk" 1264 data-template="@@product-page-others-also-bought" 1265 data-products='["@GetString("Ecom:Product.ID")"]'> 1266 </span> 1267 1268 1269 <div class="row"> 1270 <div class="col-md-12 col-sm-12 col-xs-12"> </div> 1271 </div> 1272 1273 @{ 1274 var priceInitial = prices.Where(x => x.GetString("Ecom:Product.Prices.UnitID").Equals(unitDefault.Id)).OrderBy(x => x.GetDouble("Ecom:Product.Prices.Quantity")).FirstOrDefault(); 1275 1276 CultureInfo us = new CultureInfo("en-US"); 1277 string datalayerPriceInitial = string.Empty; 1278 if (priceInitial != null && Dynamicweb.Core.Converter.ToBoolean(GetGlobalValue("Global:Extranet.UserName"))) 1279 { 1280 datalayerPriceInitial = priceInitial.GetDouble("Ecom:Product.Prices.Amount").ToString("n", us).Replace(",", ""); 1281 } 1282 1283 var pricesJs = new List<Dynamicweb.Ecommerce.LiveIntegration.Products.ProductPrice>(); 1284 foreach (var priceJs in prices) 1285 { 1286 var productPrice = new Dynamicweb.Ecommerce.LiveIntegration.Products.ProductPrice(); 1287 productPrice.BaseUnitPrice = priceJs.GetDouble("Ecom:Product.Prices.BaseUnitPrice"); 1288 productPrice.PriceQuantityPerUnit = priceJs.GetDouble("Ecom:Product.Prices.PriceQuantityPerUnit"); 1289 productPrice.Quantity = priceJs.GetDouble("Ecom:Product.Prices.Quantity"); 1290 productPrice.UnitId = priceJs.GetString("Ecom:Product.Prices.UnitID"); 1291 pricesJs.Add(productPrice); 1292 } 1293 } 1294 1295 @if (!String.IsNullOrWhiteSpace(GetString("Item.Page.ScriptsBottom"))) 1296 { 1297 @SnippetStart("JavaScriptBottom") 1298 @GetString("Item.Page.ScriptsBottom") 1299 @SnippetEnd("JavaScriptBottom") 1300 } 1301 1302 <script> 1303 var pricesJs = JSON.parse('@Newtonsoft.Json.JsonConvert.SerializeObject(pricesJs)'); 1304 1305 // Create our number formatter. 1306 var formatterUs = new Intl.NumberFormat('en-US', { 1307 minimumFractionDigits: 2, 1308 }); 1309 1310 1311 1312 1313 $('.product__addtocart-button').on('click', function () { 1314 1315 var quantityAdded = parseInt($(this).parent().prev().find('input.quantity').val()); 1316 var unitAdded = $(this).parent().prev().find('select.unit').val(); 1317 var priceFound = null; 1318 for (const key in pricesJs) { 1319 if (pricesJs[key].UnitId == unitAdded && quantityAdded >= parseInt(pricesJs[key].Quantity)){ 1320 priceFound = pricesJs[key]; 1321 } 1322 } 1323 1324 var priceAdded = 0; 1325 if (priceFound != null) { 1326 priceAdded = (priceFound.BaseUnitPrice * priceFound.PriceQuantityPerUnit) * quantityAdded; } 1327 1328 var quantity = document.getElementsByClassName("product__quantity-input")[0].value; 1329 var unitTypes = document.getElementsByClassName("unit-type"); 1330 var isVariantNull = true; 1331 1332 var index = 0; 1333 var unitPrice; 1334 var currentUnitName; 1335 for (const button of unitTypes){ 1336 1337 if (button.checked != false) 1338 { 1339 isVariantNull = false; 1340 var tempPrice = button.dataset.price.replace(".",""); 1341 tempPrice = tempPrice.replace(",","."); 1342 unitPrice = parseFloat(tempPrice); 1343 currentUnitName = button.value.split("_")[1]; 1344 index++; 1345 } 1346 } 1347 1348 if (!isVariantNull) 1349 { 1350 dataLayer.push({ecommerce:null}); 1351 dataLayer.push({ 1352 'event': 'add_to_cart', 1353 "ecommerce":{ 1354 "currency" : "@GetString("Ecom:Product.CurrencyCode")", 1355 "value" : unitPrice * (parseInt(quantity)).toFixed(2), 1356 "items":[ 1357 { 1358 "item_name": "@GetString("Ecom:Product.Name")" + " - " + currentUnitName, 1359 'item_id': '@GetString("Ecom:Product.ID")', 1360 'price': unitPrice, 1361 "item_brand" : "", 1362 "item_category": (categories[0] != null ? categories[0] : ""), 1363 "item_category2": (categories[1] != null ? categories[1] : ""), 1364 "item_category3": (categories[2] != null ? categories[2] : ""), 1365 "item_category4": (categories[3] != null ? categories[3] : ""), 1366 "item_category5": (categories[4] != null ? categories[4] : ""), 1367 "quantity": parseInt(quantity), 1368 } 1369 ] 1370 }, 1371 1372 }); 1373 } 1374 1375 }); 1376 1377 //Sets the unittype if only one unittype for the product exists 1378 var types = document.getElementsByClassName("unit-type"); 1379 var currentUnitName; 1380 var currentUnitPrice = 0; 1381 1382 if (types.length === 1){ 1383 currentUnitName = " - " + (types[0].value.split("_")[1]); 1384 var tempPrice = types[0].dataset.price; 1385 1386 tempPrice = tempPrice.replace(".",""); 1387 tempPrice = tempPrice.replace(",","."); 1388 currentUnitPrice = parseFloat(tempPrice); 1389 1390 } 1391 else{ 1392 currentUnitName = ""; 1393 } 1394 1395 1396 1397 var initialCategories = document.getElementsByClassName("page-header__title")[0].dataset.categories; 1398 var categories = initialCategories.split("_"); 1399 1400 1401 // View_item initial 1402 dataLayer.push({ecommerce:null}); 1403 dataLayer.push({ 1404 'event': 'view_item', 1405 "ecommerce":{ 1406 "currency" : "@GetString("Ecom:Product.CurrencyCode")", 1407 "value" : currentUnitPrice, 1408 "items":[ 1409 { 1410 "item_name": "@GetString("Ecom:Product.Name")" + currentUnitName, 1411 'item_id': '@GetString("Ecom:Product.ID")', 1412 'price': currentUnitPrice, 1413 "item_brand" : "", 1414 "item_category": (categories[0] != null ? categories[0] : ""), 1415 "item_category2": (categories[1] != null ? categories[1] : ""), 1416 "item_category3": (categories[2] != null ? categories[2] : ""), 1417 "item_category4": (categories[3] != null ? categories[3] : ""), 1418 "item_category5": (categories[4] != null ? categories[4] : ""), 1419 "quantity": 1, 1420 1421 } 1422 ] 1423 }, 1424 1425 }); 1426 1427 var unitTypes = document.getElementsByClassName("unit-type"); 1428 1429 var price; 1430 var oldPrice; 1431 1432 for (const btn of unitTypes) 1433 { 1434 btn.addEventListener("click", function () { 1435 1436 1437 tempPrice = this.dataset.price.replace(".",""); 1438 tempPrice = tempPrice.replace(",","."); 1439 price = parseFloat(tempPrice); 1440 1441 currentUnitName = btn.value.split("_")[1]; 1442 1443 //checks to see if the new variant is the same as the old one 1444 if (price != oldPrice){ 1445 1446 dataLayer.push({ecommerce:null}); 1447 dataLayer.push({ 1448 'event': 'view_item', 1449 "ecommerce":{ 1450 "currency" : "@GetString("Ecom:Product.CurrencyCode")", 1451 "value" : currentUnitPrice, 1452 "items":[ 1453 { 1454 "item_name": "@GetString("Ecom:Product.Name")" + currentUnitName, 1455 'item_id': '@GetString("Ecom:Product.ID")', 1456 'price': currentUnitPrice, 1457 "item_brand" : "", 1458 "item_category": (categories[0] != null ? categories[0] : ""), 1459 "item_category2": (categories[1] != null ? categories[1] : ""), 1460 "item_category3": (categories[2] != null ? categories[2] : ""), 1461 "item_category4": (categories[3] != null ? categories[3] : ""), 1462 "item_category5": (categories[4] != null ? categories[4] : ""), 1463 "quantity": 1, 1464 1465 } 1466 ] 1467 }, 1468 1469 }); 1470 1471 } 1472 oldPrice = price; 1473 }) 1474 } 1475 1476 </script> 1477 1478 @SnippetStart("JavaScriptBottom") 1479 <script type="text/javascript" src="~/Files/Templates/Designs/Dwsimple/js/video-api.js"></script> 1480 1481 @if (currentUser != null) 1482 { 1483 <script type="text/javascript" src="~/Files/Templates/Designs/Dwsimple/js/clerk.js"></script> 1484 } 1485 1486 <script> 1487 function on() { 1488 document.getElementById("overlay").style.display = "block"; 1489 callPlayer('product-video', 'playVideo'); 1490 } 1491 function off() { 1492 document.getElementById("overlay").style.display = "none"; 1493 callPlayer('product-video', 'pauseVideo'); 1494 } 1495 function updateDetailAccessibility(button) 1496 { 1497 1498 var content = document.getElementsByClassName("product__details__content")[0]; 1499 1500 var defaultHeight = "75px"; 1501 1502 if (content.style.maxHeight == defaultHeight) 1503 { 1504 content.style.maxHeight = content.scrollHeight + "px"; 1505 button.innerText = '@Translate("ReadLess")' 1506 } 1507 else { 1508 content.style.maxHeight = defaultHeight; 1509 button.innerText = '@Translate("ReadMore")' 1510 } 1511 1512 1513 } 1514 </script> 1515 1516 @SnippetEnd("JavaScriptBottom") 1517 1518 @functions { 1519 1520 public static string StripHTML(string input) 1521 { 1522 string regex = @"<.*?>"; 1523 return Regex.Replace(input, regex, String.Empty); 1524 } 1525 1526 } 1527 1528 1529 <style> 1530 1531 .product__details { 1532 position: relative; 1533 p { 1534 margin: 0; 1535 width: fit-content; 1536 } 1537 a:hover{ 1538 cursor: pointer; 1539 } 1540 1541 .product__details__content { 1542 1543 1544 overflow: hidden; 1545 transition: max-height 0.3s ease; 1546 } 1547 1548 } 1549 1550 1551 </style>