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 HtmlAgilityPack
14 @using VestjyskMarketing.Models;
15
16
17 @inherits Dynamicweb.Rendering.RazorTemplateBase<Dynamicweb.Rendering.RazorTemplateModel<Dynamicweb.Rendering.Template>>
18
19 @using System.Globalization
20 @using Dynamicweb.Content
21 @using Dynamicweb.Ecommerce
22 @using Dynamicweb.Ecommerce.Products
23 @using Dynamicweb.Security.UserManagement
24 @using Hounisen.Website.Helpers
25 @inherits Dynamicweb.Rendering.RazorTemplateBase<Dynamicweb.Rendering.RazorTemplateModel<Dynamicweb.Rendering.Template>>
26
27 @using System.Text.RegularExpressions
28 @using System.Web
29
30
31 @functions{
32 public class WrapMethods
33 {
34 //Gets the contrasting color
35 public static string getContrastYIQ(string hexcolor)
36 {
37 if (hexcolor != "")
38 {
39 hexcolor = Regex.Replace(hexcolor, "[^0-9a-zA-Z]+", "");
40
41 int r = Convert.ToByte(hexcolor.Substring(0, 2), 16);
42 int g = Convert.ToByte(hexcolor.Substring(2, 2), 16);
43 int b = Convert.ToByte(hexcolor.Substring(4, 2), 16);
44 int yiq = ((r * 299) + (g * 587) + (b * 114)) / 1000;
45
46 if (yiq >= 128)
47 {
48 return "black";
49 }
50 else
51 {
52 return "white";
53 }
54 }
55 else
56 {
57 return "black";
58 }
59 }
60
61
62 //Truncate text
63 public static string Truncate (string value, int count, bool strip=true)
64 {
65 if (strip == true){
66 value = StripHtmlTagByCharArray(value);
67 }
68
69 if (value.Length > count)
70 {
71 value = value.Substring(0, count - 1) + "...";
72 }
73
74 return value;
75 }
76
77
78 //Strip text from HTML
79 public static string StripHtmlTagByCharArray(string htmlString)
80 {
81 char[] array = new char[htmlString.Length];
82 int arrayIndex = 0;
83 bool inside = false;
84
85 for (int i = 0; i < htmlString.Length; i++)
86 {
87 char let = htmlString[i];
88 if (let == '<')
89 {
90 inside = true;
91 continue;
92 }
93 if (let == '>')
94 {
95 inside = false;
96 continue;
97 }
98 if (!inside)
99 {
100 array[arrayIndex] = let;
101 arrayIndex++;
102 }
103 }
104 return new string(array, 0, arrayIndex);
105 }
106
107 //Make the correct count of columns
108 public static string ColumnMaker(int Col, string ScreenSize)
109 {
110 string Columns = "";
111
112 switch (Col)
113 {
114 case 1:
115 Columns = "col-"+ScreenSize+"-12";
116 break;
117
118 case 2:
119 Columns = "col-"+ScreenSize+"-6";
120 break;
121
122 case 3:
123 Columns = "col-"+ScreenSize+"-4";
124 break;
125
126 case 4:
127 Columns = "col-"+ScreenSize+"-3";
128 break;
129
130 default:
131 Columns = "col-"+ScreenSize+"-3";
132 break;
133 }
134
135 return Columns;
136 }
137
138
139 private string Custom(string firstoption, string secondoption)
140 {
141 if (firstoption == "custom")
142 {
143 return secondoption;
144 }
145 else
146 {
147 return firstoption;
148 }
149 }
150 }
151 }
152
153
154
155
156
157
158 @helper GetProductList(dynamic Loop, int ColMD = 3, int ColSM = 3, int ColXS = 1)
159 {
160 int Count = 0;
161
162 int index = 1;
163
164 var embeddedScript = GetString("Ecom:Group:Field.ProductEmbeddedScript");
165 var embedIndex = GetInteger("Ecom:Group:Field.EmbedScriptStartingIndex");
166
167 IFormatProvider jsNumberFormat = new NumberFormatInfo() { NumberDecimalSeparator = ".", NumberGroupSeparator = "" };
168
169
170 var groupService = new GroupService();
171 var productService = new ProductService();
172 var pageService = new PageService();
173
174 // SKI AND Region H
175 bool hasSkiDeal = false;
176 bool hasRegionHDeal = false;
177 bool activateLimitedProducts = false;
178 string limitedProductNumbers = "";
179 var currentUser = User.GetCurrentExtranetUser();
180 if (currentUser != null)
181 {
182 var skiGroup = currentUser.Groups.FirstOrDefault(e => e.Name == "SKI");
183 if (skiGroup != null && !string.IsNullOrEmpty(skiGroup.Name))
184 {
185 hasSkiDeal = true;
186 }
187
188 hasRegionHDeal = Dynamicweb.Core.Converter.ToBoolean(currentUser.CustomFieldValues.Find(f => f.CustomField.SystemName == "AccessUser_RegionH").Value);
189 activateLimitedProducts = Dynamicweb.Core.Converter.ToBoolean(currentUser.CustomFieldValues.Find(f => f.CustomField.SystemName == "AccessUser_ActivateLimitedProducts").Value);
190 limitedProductNumbers = Dynamicweb.Core.Converter.ToString(currentUser.CustomFieldValues.Find(f => f.CustomField.SystemName == "AccessUser_LimitedProductNumbers").Value);
191 }
192
193 List<string> limitedProductNumbersList = new List<string>();
194 if (!String.IsNullOrWhiteSpace(limitedProductNumbers) && activateLimitedProducts)
195 {
196 limitedProductNumbersList = limitedProductNumbers.Split(',').ToList();
197 }
198
199
200 foreach (LoopItem product in Loop)
201 {
202 string GroupLink = "/Default.aspx?ID=" + product.GetString("Ecom:Product.PrimaryOrCurrentPageID") + "&groupid=" + product.GetString("Ecom:Product.PrimaryOrFirstGroupID") + "&productid=" + product.GetString("Ecom:Product.ID");
203 // string GroupLink = product.GetString("Ecom:Product.LinkGroup.Clean");
204 int stock = product.GetInteger("Ecom:Product.Stock");
205 string Name = product.GetString("Ecom:Product.Name");
206 string Description = product.GetString("Ecom:Product.ShortDescription");
207 string prodID = product.GetString("Ecom:Product.ID");
208 string prodVariantID = product.GetString("Ecom:Product.VariantID");
209 string prodLanguageID = product.GetString("Ecom:Product.LanguageID");
210 string Image = "/Admin/Public/GetImage.ashx?Image=/Files/Images/Ecom/Products/" + prodID + ".jpg&format=webp&quality=85";
211
212 //prices and units
213 string defaultUnitId = product.GetString("Ecom:Product.DefaultUnitID");
214 var prices = product.GetLoop("Product.Prices");
215 List<string> pricesHtmlList = Hounisen.Website.Helpers.Helpers.PricesListMakeListString(prices);
216 List<Hounisen.Website.Models.Unit> unitsDropdown = Hounisen.Website.Helpers.Helpers.PopulateUnitsDropdown(prices);
217 var unitDefault = unitsDropdown.Where(x => x.Id.Equals(defaultUnitId)).FirstOrDefault();
218 int minOrder = unitDefault != null ? unitDefault.MinOrder : 1;
219
220 if (!string.IsNullOrWhiteSpace(product.GetString("Ecom:Product.SelectedVariantComboID")))
221 {
222 prodID = product.GetString("Ecom:Product.ID") + "&" + product.GetString("Ecom:Product.SelectedVariantComboID");
223 }
224
225
226 GroupHelper gh = new GroupHelper();
227 var masterPage = pageService.GetPage(product.GetInteger("Ecom:Product.PrimaryOrCurrentPageID"));
228 masterPage.GetDisplayName();
229
230 var group = Dynamicweb.Ecommerce.Services.ProductGroups.GetGroup(product.GetString("Ecom:Product.PrimaryOrFirstGroupID"));
231 var groups = "";
232 if (group != null)
233 {
234 var groupNames = gh.GetParentsRecursively(group, new List<string>());
235 groupNames = gh.Format(groupNames, masterPage.GetDisplayName(), group);
236 groups = gh.ListToString(groupNames);
237 }
238
239 // should the button for adding to cart be disabled and show different text
240 bool showLimitedProduct = false;
241 if (activateLimitedProducts)
242 {
243 showLimitedProduct = true;
244 if (limitedProductNumbersList.Count > 0 && limitedProductNumbersList.Contains(product.GetString("Ecom:Product.Number")))
245 {
246 showLimitedProduct = false;
247 }
248 }
249
250 <div class="product-list__item">
251 <div class="col-xs-12">
252 <div class="product-list__item-inner">
253 <div class="col-xs-12 col-sm-4 col-flex">
254
255 <div class="product-list-item__primary-image">
256 @if (currentUser != null)
257 {
258 <a href="@GroupLink" title="@Name">
259 <img class="product-list-item__image lazy" alt="@Name" data-src="@Image&width=300" class="img-responsive img-center">
260 </a>
261 <a class="fancybox" data-fancybox href="@Image&width=1000" title="@Name">
262 <svg class="product-list-item__image-icon">
263 <use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="/dist/icons/icons.svg#fullscreen"></use>
264 </svg>
265 </a>
266 }
267 else
268 {
269 <a href="@GroupLink" title="@Name">
270 <img class="product-list-item__image lazy" alt="@Name" data-src="@Image&width=300" class="img-responsive img-center">
271 </a>
272 <a class="fancybox" data-fancybox href="@Image&width=1000" title="@Name">
273 <svg class="product-list-item__image-icon">
274 <use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="/dist/icons/icons.svg#fullscreen"></use>
275 </svg>
276 </a>
277 }
278
279
280 </div>
281 @{
282 var productObj = productService.GetProductById(prodID, prodVariantID, prodLanguageID);
283 var overlayNameAndColors = new ProductImageOverlayHelper().GetTextAndColor(productObj);
284
285 <div class="product__primary-image__overlay-container">
286 @foreach (var overlayNameAndColo in overlayNameAndColors)
287 {
288 <div style="background-color: @overlayNameAndColo.Value" class="product__primary-image__overlay-container__item">
289 @overlayNameAndColo.Key
290 </div>
291 }
292 </div>}
293 </div>
294 <div class="col-xs-12 col-sm-8">
295 <div class="product-list-item__info js-product-info">
296 <div class="row">
297 @*Title & Number*@
298 <div class="col-xs-12">
299 <h4 data-name="@Name" data-product_id="@prodID" data-categories="@groups" class="product-list-item__title">
300 <a class="product-list-item__title-link" href="@GroupLink">@Name</a>
301 </h4>
302 </div>
303 </div>
304 <div class="row">
305 <div class="col-xs-12 col-sm-5">
306
307 <div class="product-list-item__attributes">
308 <p>
309 <strong>Varenummer:</strong> @product.GetString("Ecom:Product.Number")
310 </p>
311 <p>
312 <strong>@product.GetString("Ecom:Product:Field.Attribut1A"):</strong><br />@product.GetString("Ecom:Product:Field.Attribut1B")
313 </p>
314 <p>
315 <strong>@product.GetString("Ecom:Product:Field.Attribut2A"):</strong> @product.GetString("Ecom:Product:Field.Attribut2B")
316 </p>
317 </div>
318
319 <div class="hidden-xs">
320 <div class="">
321 @* IKONER *@
322 <div class="product-list-item__icons">
323 @{
324 foreach (var c in product.GetString("Ecom:Product:Field.Certificates").Split(','))
325 {
326 if (!string.IsNullOrEmpty(c))
327 {
328 string src = "/Admin/Public/GetImage.ashx?Image=/Files/Images/Ecom/Certificates/" + @c + ".jpg&format=webp&quality=85&width=100";
329 <img class="product-list-item__icon lazy" alt="@Translate("Cert_" + c, c)" title="@Translate("Cert_" + c, c)" data-src=@src src=@src>
330 }
331 }
332 }
333 </div>
334 </div>
335 </div>
336 </div>
337
338 <div class="col-xs-12 col-sm-7">
339 @if (Dynamicweb.Core.Converter.ToBoolean(GetGlobalValue("Global:Extranet.UserName")))
340 {
341 <ul class="product-list-item__prices">
342 @foreach (var priceHtml in pricesHtmlList)
343 {
344 <li>
345 @priceHtml
346 </li>
347 }
348 </ul>
349 }
350 </div>
351 </div>
352
353 <div class="row">
354 <div class="col-xs-12 col-sm-4 col-lg-5">
355 @* LAGERBEHOLDNING *@
356 <div class="product-list-item__stock">
357 @{
358 if (stock > 0)
359 {
360 <p class="product-list-item__stock-text">
361 <span class="product-list-item__stock-circle product-list-item__stock-circle--green"></span> På lager
362 </p>
363 }
364 else
365 {
366 <p class="product-list-item__stock-text">
367 <span class="product-list-item__stock-circle product-list-item__stock-circle--yellow"></span> Kontakt os for leveringstid: 86210800 eller salg@hounisen.com
368 </p>
369 }
370 }
371 </div>
372
373 <div class="product-list-item__see-product">
374 <a class="product-list-item__link" href="@GroupLink" class="">@Translate("See product", "Se produkt")</a>
375 </div>
376 </div>
377 <div class="col-xs-12 col-sm-8 col-lg-7">
378 @if (Dynamicweb.Core.Converter.ToBoolean(GetGlobalValue("Global:Extranet.UserName")))
379 {
380 <div class="row">
381 @if (showLimitedProduct)
382 {
383 <div class="col-xs-12">
384 <button class="btn btn--ghost product__button disabled">
385 @Translate("Kan bestilles på fritekstordre", "Kan bestilles på fritekstordre")
386 </button>
387 </div>
388 }
389 else
390 {
391 <div class="col-xs-7">
392 <div class="product__addtocart-input js-addtocart-input">
393 <input type="button" value="-" class="product-list-item__quantity-button product-list-item__quantity-button--minus qtyminus" field="quantity" />
394 <input type="number" class="product__quantity-input product-list-item__quantity-input quantity" data-name="quantity" name="quantity" value="@minOrder" field="quantity" />
395 <input type="button" value="+" class="product-list-item__quantity-button product-list-item__quantity-button--plus qtyplus" field="quantity" />
396 </div>
397 <div class="product__unit-selector" style="display: inline-block;">
398 @{
399 int counter = 0;
400 }
401 @foreach (var unitDropdown in unitsDropdown)
402 {
403 var currentUnitPrice = prices[counter].Values["Ecom:Product.Prices.Amount"];
404 <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'" : "")>
405 <label for="@(unitDropdown.Id + prodID)">@unitDropdown.Name</label>
406 counter++;
407 }
408 </div>
409 <p class="product__unit-selector-error-message">
410 @Translate("unit-error-message", "* Du mangler at vælge type")
411 </p>
412 </div>
413 <div class="col-xs-5">
414 <div class="product__addtocart-button">
415 <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">
416 @Translate("Add to cart", "Add to cart")
417 <svg class="product__button-icon hidden-xs">
418 <use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="/dist/icons/icons.svg#basket"></use>
419 </svg>
420 </button>
421
422 <div class="product-list-item__favorite-list popup-wrap favorite">
423
424 @if (hasRegionHDeal == false)
425 {
426 <button class="popup-show" data-popup="favorite-list" type="button" title="@Translate("Add to favorites", "Add to favorites")">
427 <i class="fa fa-star-o"></i> <span>Tilføj til liste</span>
428 </button>
429 <div id="favorite-list" class="popup-form">
430 <div class="close">
431 <i class="fa fa-times"></i>
432 </div>
433 <h3>@Translate("Choose list", "Choose list")</h3>
434 <ul>
435 @{
436 var lists = Dynamicweb.Ecommerce.CustomerCenter.CustomerProductList.GetListsByUserCustomerNumber(currentUser.CustomerNumber);
437 }
438
439 @foreach (var list in lists)
440 {
441 if (list.Products.Where(p => p.ProductId.ToString() == prodID).Count() > 0)
442 {
443 <li>
444 <a href="@(System.Web.HttpContext.Current.Request.Url)&CCRemoveFromMyLists=@prodID&CCAddToListVariantID=&CCAddToListLanguageID=LANG1&CCAddToListID=@list.ListId&CCListType=">
445 <i class="fa fa-star"></i> @list.Name
446 </a>
447 </li>
448 }
449 else
450 {
451 <li>
452 <a href="@(System.Web.HttpContext.Current.Request.Url)&CCAddToMyLists=@prodID&CCAddToListVariantID=&CCAddToListLanguageID=LANG1&CCAddToListID=@list.ListId&CCListType=">
453 <i class="fa fa-star-o"></i> @list.Name
454 </a>
455 </li>
456 }
457 }
458 <li>
459 <a href="/mine-favoritter/opret-favoritliste?ProdID=@prodID">
460 <i class="fa fa-plus"></i>@Translate("Add new list", "Add new list")
461 </a>
462 </li>
463 </ul>
464 </div>
465 }
466
467 </div>
468 </div>
469 </div>
470 }
471
472 </div>
473 }
474 else
475 {
476 <div class="not-loggedin">
477 <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>
478 <a data-toggle="modal" data-target="#login" href="" class="btn btn-primary not-loggedin-button">
479 <span>Log ind</span>
480 </a>
481 </div>
482 }
483 </div>
484 </div>
485 </div>
486
487
488 </div>
489 </div>
490 </div>
491 </div>
492
493 if (index == embedIndex)
494 {
495 <div class="product-list__item">
496 <div class="col-xs-12">
497 @embeddedScript
498 </div>
499 </div>
500 }
501
502
503 Count++;
504 index++;
505
506 if (Count == ColMD)
507 {
508 <div class="row"></div>
509 Count = 0;
510 }
511 }
512 }
513
514 <script>
515
516 document.addEventListener("DOMContentLoaded", function () {
517
518 var addToCartButtons = document.querySelectorAll('.product__button');
519 var unitTypes = document.getElementsByClassName("unit-type");
520 var product_names = document.getElementsByClassName("product-list-item__title");
521
522 addToCartButtons.forEach(function (item) {
523
524 item.addEventListener('click', function () {
525
526 var product_name = product_names[this.dataset.id - 1].dataset.name;
527 var product_id = product_names[this.dataset.id - 1].dataset.product_id;
528 var initialCategories = product_names[this.dataset.id - 1].dataset.categories;
529 var categories = initialCategories.split("_");
530 var quantity = document.getElementsByClassName("quantity")[this.dataset.id - 1].value;
531 var unitPrice;
532 var variantIsNull = true;
533 var unitTypeName = null;
534
535 //Get unittype price
536 for (const unitType of unitTypes) {
537
538 if (unitType.dataset.id == this.dataset.id) {
539
540 if (unitType.checked == true) {
541
542 var tempPrice = unitType.dataset.price.replace(".", "");
543 tempPrice = tempPrice.replace(",", ".");
544 unitPrice = parseFloat(tempPrice);
545 variantIsNull = false;
546 unitTypeName = unitType.value;
547
548 unitTypeName = unitTypeName.toString().split("_")[1];
549
550 }
551 }
552 }
553
554 if (!variantIsNull) {
555 dataLayer.push({ ecommerce: null });
556 dataLayer.push({
557 'event': 'add_to_cart',
558 "ecommerce": {
559 "currency": "DKK",
560 "value": unitPrice * parseInt(quantity).toFixed(2),
561 "items": [
562 {
563 "item_name": product_name + " - " + unitTypeName,
564 'item_id': product_id,
565 'price': unitPrice,
566 "item_brand": "",
567 "item_category": (categories[0] != null ? categories[0] : ""),
568 "item_category2": (categories[1] != null ? categories[1] : ""),
569 "item_category3": (categories[2] != null ? categories[2] : ""),
570 "item_category4": (categories[3] != null ? categories[3] : ""),
571 "item_category5": (categories[4] != null ? categories[4] : ""),
572 "quantity": parseInt(quantity),
573 }
574 ]
575 },
576
577 });
578 }
579 });
580 })
581 });
582
583 </script>
584 @using Dynamicweb.Security.UserManagement
585 @inherits Dynamicweb.Rendering.RazorTemplateBase<Dynamicweb.Rendering.RazorTemplateModel<Dynamicweb.Rendering.Template>>
586
587 @helper GetProductListRelated(dynamic Loop, int ColMD = 3, int ColSM = 3, int ColXS = 1)
588 {
589 var currentUser = User.GetCurrentExtranetUser();
590
591 <ul class="shop-list__list">
592
593 @foreach (LoopItem product in Loop)
594 {
595
596 string GroupLink = "/Default.aspx?ID=" + product.GetString("Ecom:Product.PrimaryOrCurrentPageID") + "&groupid=" + product.GetString("Ecom:Product.PrimaryOrFirstGroupID") + "&productid=" + product.GetString("Ecom:Product.ID");
597 string Name = product.GetString("Ecom:Product.Name");
598 string Description = product.GetString("Ecom:Product.ShortDescription");
599 string prodID = product.GetString("Ecom:Product.ID");
600 string Image = "/Admin/Public/GetImage.ashx?Image=/Files/Images/Ecom/Products/" + prodID + ".jpg&format=webp&quality=85";
601
602 <li class="shop-list__item col-xs-12">
603 <a class="shop-list__link" href="@GroupLink" title="@Name">
604 <figure class="shop-list__figure">
605 <img class="shop-list__image lazy" style="width: 213px;" alt="@Name" data-src="@Image&width=213">
606 </figure>
607 <h4 class="shop-list__title">@Name</h4>
608 <div class="shop-list__text">
609 @if (String.IsNullOrEmpty(product.GetString("Ecom:Product.LongDescription")))
610 {
611 var gr = Dynamicweb.Ecommerce.Products.Group.GetGroupById(product.GetString("Ecom:Product.PrimaryOrFirstGroupID"));
612
613 @gr.Description.Replace("<a ", "<span ").Replace("</a>", "</span>").Replace("<h2>", "<p>").Replace("</h2>", "</p>")
614 }
615 else
616 {
617 @product.GetString("Ecom:Product.LongDescription").Replace("<a ", "<span ").Replace("</a>", "</span>").Replace("<h2>", "<p>").Replace("</h2>", "</p>")
618 }
619
620 </div>
621 <div class="shop-list__price">
622 @if (currentUser != null)
623 {
624 string baseUnitPrice = String.Empty;
625 var price = product.GetLoop("Product.Prices").OrderBy(x => x.GetDouble("Ecom:Product.Prices.BaseUnitPrice")).FirstOrDefault();
626 if (price != null)
627 {
628 baseUnitPrice = price.GetString("Ecom:Product.Prices.BaseUnitPrice");
629 }
630 <span class="shop-list__price-from">Priser fra</span>
631 <span class="shop-list__price-value">@baseUnitPrice</span>
632 <span class="shop-list__price-unit">kr./stk.</span>
633 }
634 </div>
635 </a>
636 </li>
637
638 }
639 </ul>
640 }
641
642
643 @using Dynamicweb.Security.UserManagement
644 @using System.Text.RegularExpressions;
645 @using Hounisen.Website.Helpers
646 @inherits Dynamicweb.Rendering.RazorTemplateBase<Dynamicweb.Rendering.RazorTemplateModel<Dynamicweb.Rendering.Template>>
647
648 @helper GetProductListFullRelated(dynamic Loop, int ColMD = 4, int ColSM = 4, int ColXS = 1)
649 {
650 int Count = 0;
651
652 string ColumnsMD = WrapMethods.ColumnMaker(ColMD, "md");
653 string ColumnsSM = WrapMethods.ColumnMaker(ColSM, "sm");
654 string ColumnsXS = WrapMethods.ColumnMaker(ColXS, "xs");
655 var currentUser = User.GetCurrentExtranetUser();
656
657 foreach (LoopItem product in Loop)
658 {
659 string GroupLink = "/Default.aspx?ID=" + product.GetString("Ecom:Product.PrimaryOrCurrentPageID") + "&groupid=" + product.GetString("Ecom:Product.PrimaryOrFirstGroupID") + "&productid=" + product.GetString("Ecom:Product.ID");
660 string Name = product.GetString("Ecom:Product.Name");
661 string Description = GetFormattedDescription(product.GetString("Ecom:Product.LongDescription"));
662 string prodID = product.GetString("Ecom:Product.ID");
663 string Image = "/Admin/Public/GetImage.ashx?Image=/Files/Images/Ecom/Products/" + prodID + ".jpg&format=webp&quality=85";
664 var productObject = Dynamicweb.Ecommerce.Products.Product.GetProductById(product.GetString("Ecom:Product.ID"), product.GetString("Ecom:Product.VariantID"), product.GetString("Ecom:Product.LanguageID"));
665 var textAndColors = new ProductImageOverlayHelper().GetTextAndColor(productObject);
666 <li class="shop-list__item col-xs-12">
667 <a class="shop-list__link" href="@GroupLink" title="@Name">
668 <figure class="shop-list__figure" style="position: relative">
669 <img class="shop-list__image lazy" style="width: 213px;" alt="@Name" data-src="@Image&width=213">
670 <div class="product__primary-image__overlay-container">
671 @foreach (var overlayNameAndColor in textAndColors)
672 {
673 <div style="background-color: @overlayNameAndColor.Value" class="product__primary-image__overlay-container__item">
674 @overlayNameAndColor.Key
675 </div>
676 }
677 </div>
678 </figure>
679 <h4 class="shop-list__title">@Name</h4>
680 <div class="shop-list__text">@Description</div>
681 <div class="shop-list__price">
682 @if (currentUser != null)
683 {
684 string baseUnitPrice = String.Empty;
685 var price = product.GetLoop("Product.Prices").OrderBy(x => x.GetDouble("Ecom:Product.Prices.BaseUnitPrice")).FirstOrDefault();
686 if (price != null)
687 {
688 baseUnitPrice = price.GetString("Ecom:Product.Prices.BaseUnitPrice");
689 }
690
691 <span class="shop-list__price-from">Priser fra</span>
692 <span class="shop-list__price-value">@baseUnitPrice</span>
693 <span class="shop-list__price-unit">kr./stk</span>
694 }
695 </div>
696 </a>
697 </li>
698 }
699 }
700
701 @functions {
702 private static string GetFormattedDescription(string description = "")
703 {
704 string formattedDescription = Regex.Replace(description, @"<.*?>|[\r\n\t]| ", " ");
705 return formattedDescription.Length > 103 ? formattedDescription.Substring(0, 103).TrimEnd() + "..." : formattedDescription;
706 }
707 }
708
709 <script src="/Files/Templates/Designs/DwSimple/js/ProductVariantsAjax.js"></script>
710 <link rel="stylesheet" href="/Files/Templates/Designs/DwSimple/css/product.css"/>
711
712 @{
713 IFormatProvider jsNumberFormat = new NumberFormatInfo() { NumberDecimalSeparator = ".", NumberGroupSeparator = "" };
714 string initialPrice = string.Empty;
715 string metaDescription = string.Empty;
716 if (String.IsNullOrEmpty(GetString("Ecom:Product.LongDescription")))
717 {
718 metaDescription = StripHTML(GetString("Ecom:Group.Description"));
719 }
720 else
721 {
722 metaDescription = StripHTML(GetString("Ecom:Product.LongDescription"));
723 }
724
725 bool isMobile = Pageview.Device == Dynamicweb.Frontend.Devices.DeviceType.Mobile;
726
727 //prices and units
728 string defaultUnitId = GetString("Ecom:Product.DefaultUnitID");
729 var prices = GetLoop("Product.Prices");
730 List<string> pricesHtmlList = Hounisen.Website.Helpers.Helpers.PricesListMakeListString(prices, false);
731 List<Hounisen.Website.Models.Unit> unitsDropdown = Hounisen.Website.Helpers.Helpers.PopulateUnitsDropdown(prices);
732 var unitDefault = unitsDropdown.Where(x => x.Id.Equals(defaultUnitId)).FirstOrDefault();
733 int minOrder = unitDefault != null ? unitDefault.MinOrder : 1;
734
735
736 //other vars
737 var pid = GetString("Ecom:Product.ID");
738 int stock = GetInteger("Ecom:Product.Stock");
739 string image = "/Admin/Public/GetImage.ashx?Image=/Files/Images/Ecom/Products/" + pid + ".jpg";
740 string productname = GetString("Ecom:Product.Name");
741 string productlink = "/Default.aspx?ID=" + GetString("Ecom:Product.PrimaryOrCurrentPageID") + "&groupid=" + GetString("Ecom:Product.PrimaryOrFirstGroupID") + "&productid=" + GetString("Ecom:Product.ID");
742
743
744 // SKI AND Region H
745 bool hasSkiDeal = false;
746 bool hasRegionHDeal = false;
747 bool activateLimitedProducts = false;
748 string limitedProductNumbers = "";
749 var currentUser = User.GetCurrentExtranetUser();
750 if (currentUser != null)
751 {
752 var skiGroup = currentUser.Groups.FirstOrDefault(e => e.Name == "SKI");
753 if (skiGroup != null && !string.IsNullOrEmpty(skiGroup.Name))
754 {
755 hasSkiDeal = true;
756 }
757
758 hasRegionHDeal = Dynamicweb.Core.Converter.ToBoolean(currentUser.CustomFieldValues.Find(f => f.CustomField.SystemName == "AccessUser_RegionH").Value);
759 activateLimitedProducts = Dynamicweb.Core.Converter.ToBoolean(currentUser.CustomFieldValues.Find(f => f.CustomField.SystemName == "AccessUser_ActivateLimitedProducts").Value);
760 limitedProductNumbers = Dynamicweb.Core.Converter.ToString(currentUser.CustomFieldValues.Find(f => f.CustomField.SystemName == "AccessUser_LimitedProductNumbers").Value);
761 }
762
763 List<string> limitedProductNumbersList = new List<string>();
764 if (!String.IsNullOrWhiteSpace(limitedProductNumbers) && activateLimitedProducts)
765 {
766 limitedProductNumbersList = limitedProductNumbers.Split(',').ToList();
767 }
768
769 // should the button for adding to cart be disabled and show different text
770 bool showLimitedProduct = false;
771 if (activateLimitedProducts)
772 {
773 showLimitedProduct = true;
774 if (limitedProductNumbersList.Count > 0 && limitedProductNumbersList.Contains(GetString("Ecom:Product.Number")))
775 {
776 showLimitedProduct = false;
777 }
778 }
779
780 //serialized data
781 var pagedata = new System.Collections.Generic.Dictionary<String, Object>();
782 Pageview.Area.Item.SerializeTo(pagedata);
783
784
785 var pageService = new PageService();
786 GroupHelper gh = new GroupHelper();
787 var group = Dynamicweb.Ecommerce.Services.ProductGroups.GetGroup(GetString("Ecom:Product.PrimaryOrFirstGroupID"));
788 var masterPage = pageService.GetPage(GetInteger("Ecom:Product.PrimaryOrCurrentPageID"));
789 masterPage.GetDisplayName();
790 var groupNames = gh.GetParentsRecursively(group, new List<string>());
791 groupNames = gh.Format(groupNames, masterPage.GetDisplayName(), group);
792
793 var groups = gh.ListToString(groupNames);
794 }
795
796 <div class="col-md-12 col-sm-12 col-xs-12" style="margin-bottom: 25px">
797
798 <div class="row product" itemscope itemtype="http://schema.org/Product">
799 <section class="page-header" style="margin-top: 15px">
800 <div class="product__help-name-container">
801 <div class="col-xs-12 col-sm-7 p-0">
802 <meta itemprop="description" content="@metaDescription"/>
803 <h1 data-categories="@groups" data-group="@GetString("Ecom:Group.Name")" class="page-header__title" itemprop="name">@GetString("Ecom:Product.Name")</h1>
804 <div class="page-header__short-description">
805 <p class="product__number">@Translate("Productnumber", "Productnumber"): <span property="identifier" itemprop="mpn">@GetString("Ecom:Product.Number")</span></p>
806 @if (hasSkiDeal)
807 {
808 <p class="product__number">@Translate("Skinumber", "SKI nr"): <span property="identifier">@GetString("Ecom:Product:Field.SkiId")</span></p>
809 }
810 @if (hasRegionHDeal && GetBoolean("Ecom:Product:Field.RegionH"))
811 {
812 <p class="product__number">@Translate("RegionHText")</p>
813 }
814
815 </div>
816 </div>
817
818
819 <div class="d-none d-lg-block product__help-name-container__help p-0">
820 <div class="need-help product-view">
821 <img class="need-help__image lazy" width="81" height="81" data-src='@(Pageview.Area.Item["Support_Image"].ToString())?format=webp&width=81&quality=75'/>
822 <div class="need-help__text product-view">
823 @Pageview.Area.Item["Support_Content"].ToString()
824 </div>
825 </div>
826 </div>
827
828
829 </div>
830 </section>
831 <div class="row">
832
833 @* The image area *@
834 <div class="col-md-6 col-sm-4 col-xs-12 product__column">
835 <div class="product__gallery">
836
837 @* Discount sticker *@
838
839 @if (GetString("Ecom:Product.Discount.Price.PriceWithVATFormatted") != GetString("Ecom:Product.Price.PriceWithVATFormatted"))
840 {
841 if (pagedata["EcommerceStickerType"].ToString() == "ribbon")
842 {
843 <span class="ribbon base">@Translate("On sale!", "On sale!")</span>
844 }
845
846 if (pagedata["EcommerceStickerType"].ToString() == "ball")
847 {
848 <span class="ball">@Translate("On sale!", "On sale!")</span>
849 }
850 }
851
852
853 @* Product images *@
854 @{
855 string currenthost = HttpContext.Current.Request.Url.AbsoluteUri;
856 Uri uri = new Uri(currenthost);
857 currenthost = string.Format("{0}://{1}", uri.Scheme, uri.Authority);
858 string ImagePathloop = "";
859 string ImagePathClean = "";
860 string options = "format=webp&quality=85&width=1000";
861 List<string> imagepath = new List<string>();
862
863
864 //i starts at 1 - avoids showing the first image twice
865 for (int i = 1; i <= 5; i++)
866 {
867 ImagePathloop = "/Admin/Public/GetImage.ashx?Image=/Files/Images/Ecom/Products/" + pid + "-0" + i.ToString() + ".jpg";
868 //currenthost +
869 ImagePathClean = "/Files/Images/Ecom/Products/" + pid + "-0" + i.ToString() + ".jpg";
870
871 try
872 {
873 if (File.Exists(HttpContext.Current.Server.MapPath(ImagePathClean)))
874 {
875 imagepath.Add(ImagePathloop + "&" + options);
876 }
877
878 HttpWebRequest request = (HttpWebRequest)System.Net.WebRequest.Create(ImagePathloop);
879 using (HttpWebResponse response = (HttpWebResponse)request.GetResponse())
880 {
881 if (response.StatusCode == HttpStatusCode.NotFound)
882 {
883 break;
884 }
885 else
886 {
887 imagepath.Add("/Files/Images/Ecom/Products/" + pid + "-0" + i.ToString() + ".jpg" + "" + options);
888 }
889 }
890 }
891 catch (Exception ex)
892 {
893 }
894 }
895 }
896
897 @{
898 var resizedImageLarge = VestjyskMarketing.Helpers.ImageHelper.ResizeImage(new ResizeImageSettings()
899 {
900 Image = $"/Files/Images/Ecom/Products/{pid}.jpg",
901 Width = 1000,
902 Quality = 99
903 });
904
905 var resizedImage = VestjyskMarketing.Helpers.ImageHelper.ResizeImage(new ResizeImageSettings()
906 {
907 Image = $"/Files/Images/Ecom/Products/{pid}.jpg",
908 Width = 458,
909 Quality = 85
910 });
911 }
912
913 <div class="product__primary-image">
914 <a href="@resizedImageLarge" data-fancybox="product-gallery" class="fancybox">
915 <img src="@resizedImage" data-src="@resizedImage" width="458" alt="@productname" class="product__image img-responsive lazy" itemprop="image">
916 @{
917 var productObj = new ProductService().GetProductById(GetString("Ecom:Product.ID"), GetString("Ecom:Product.VariantID"), GetString("Ecom:Product.LanguageID"));
918 var overlayNameAndColors = new ProductImageOverlayHelper().GetTextAndColor(productObj);
919 }
920
921 <div class="product__primary-image__overlay-container">
922 @foreach (var overlayNameAndColor in overlayNameAndColors)
923 {
924 <div style="background-color: @overlayNameAndColor.Value" class="product__primary-image__overlay-container__item">
925 @overlayNameAndColor.Key
926 </div>
927 }
928 </div>
929 <svg class="product__image-icon">
930 <use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="/dist/icons/icons.svg#fullscreen"></use>
931 </svg>
932 </a>
933 </div>
934 <div class="row">
935 <div class="product__thumbnail-list">
936 @foreach (var imageThumb in imagepath)
937 {
938 <div class="col-sm-3 col-xs-4">
939 <div class="product__thumbnail-images">
940 <a href="@imageThumb&width=1000" data-fancybox="product-gallery" rel="product" class="fancybox">
941 <img data-src="@imageThumb&width=458" width="458" alt="@productname" class="img-responsive lazy">
942 </a>
943 </div>
944 </div>
945 }
946 @{
947 var youtubeId = GetString("Ecom:Product:Field.YoutubeId");
948 // For Fancybox, we typically include “?autoplay=1” in the iframe URL.
949 var youtubeEmbedUrl = $"https://www.youtube.com/embed/{youtubeId}?autoplay=1&enablejsapi=1";
950
951 if (!string.IsNullOrEmpty(youtubeId))
952 {
953 <div class="col-sm-3 col-xs-4">
954 <div class="product__thumbnail-images">
955 <a style="height: 63px" href="@youtubeEmbedUrl"
956 data-fancybox="product-gallery"
957 data-type="iframe"
958 rel="product"
959 class="fancybox">
960 <svg class="product__play-icon" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
961 <path d="M464 256A208 208 0 1 0 48 256a208 208 0 1 0 416 0zM0 256a256 256 0 1 1 512 0A256 256 0 1 1 0 256zM188.3 147.1c7.6-4.2 16.8-4.1 24.3 .5l144 88c7.1 4.4 11.5 12.1 11.5 20.5s-4.4 16.1-11.5 20.5l-144 88c-7.4 4.5-16.7 4.7-24.3 .5s-12.3-12.2-12.3-20.9l0-176c0-8.7 4.7-16.7 12.3-20.9z"/>
962 </svg>
963 </a>
964 </div>
965 </div>
966 }
967
968 string mp4Path = GetString("Ecom:Product:Field.ProductVideo.FullPath");
969
970 if (!string.IsNullOrEmpty(mp4Path))
971 {
972 <div class="col-sm-3 col-xs-4">
973 <div class="product__thumbnail-images">
974 <!--
975 Link to a hidden <div> containing our <video>.
976 We use data-fancybox="product-gallery" to group it with our images.
977 data-src="#mp4VideoContent" + data-type="inline" to open inline HTML content.
978 -->
979 <a style="height: 63px" data-fancybox="product-gallery"
980 data-src="#mp4VideoContent"
981 data-type="inline"
982 href="javascript:;">
983 <svg class="product__play-icon" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
984 <path d="M464 256A208 208 0 1 0 48 256a208 208 0 1 0 416 0zM0 256a256 256 0 1 1 512 0A256 256 0 1 1 0 256zM188.3 147.1c7.6-4.2 16.8-4.1 24.3 .5l144 88c7.1 4.4 11.5 12.1 11.5 20.5s-4.4 16.1-11.5 20.5l-144 88c-7.4 4.5-16.7 4.7-24.3 .5s-12.3-12.2-12.3-20.9l0-176c0-8.7 4.7-16.7 12.3-20.9z"/>
985 </svg>
986 </a>
987 </div>
988 </div>
989
990 <!-- Hidden HTML content that Fancybox will open -->
991 <div style="display:none;" id="mp4VideoContent">
992 <video controls style="width:100%; height:auto;">
993 <source src="@mp4Path" type="video/mp4"/>
994 <!-- You can add WebM or OGG sources if you like for broader browser support -->
995 Your browser does not support the video tag.
996 </video>
997 </div>
998 }
999 }
1000 </div>
1001 </div>
1002 </div>
1003 <section class="d-block d-lg-none page-header p-0 m-0" style="border: none">
1004 <div class="product__help-name-container">
1005 <div class=" product__help-name-container__help second">
1006 <div class="need-help product-view">
1007 <img class="need-help__image lazy" width="81" height="81" data-src='@(Pageview.Area.Item["Support_Image"].ToString())?format=webp&width=81&quality=75'/>
1008 <div class="need-help__text product-view second">
1009 @Pageview.Area.Item["Support_Content"].ToString()
1010 </div>
1011 </div>
1012 </div>
1013 </div>
1014 </section>
1015 </div>
1016
1017
1018 @* The main product information area *@
1019
1020 <div class="col-md-6 col-sm-8 col-xs-12 product__column">
1021 <div class="product-info js-product-info" id="productinfo">
1022 <div class="product__control">
1023 <div class="row">
1024 <div class="col-xs-12 col-sm-6">
1025 @* LAGERBEHOLDNING *@
1026 <div class="product__stock">
1027 @{
1028 if (stock > 0)
1029 {
1030 <p class="product__stock-text">
1031 <span class="product__stock-circle product__stock-circle--green"></span> På lager
1032 </p>
1033 }
1034 else
1035 {
1036 <p class="product__stock-text">
1037 <span class="product__stock-circle product__stock-circle--yellow"></span> Kontakt os for leveringstid: 86210800 eller salg@hounisen.com
1038 </p>
1039 }
1040 }
1041 </div>
1042 </div>
1043 <div class="col-xs-12 col-sm-6">
1044 @* FAVORITTER *@
1045 @if (Dynamicweb.Core.Converter.ToBoolean(GetGlobalValue("Global:Extranet.UserName")))
1046 {
1047 if (hasRegionHDeal == false)
1048 {
1049 <div class="product__favorite-list popup-wrap favorite">
1050 <button class="popup-show" data-popup="favorite-list" type="button" title="@Translate("Add to favorites", "Add to favorites")">
1051 <i class="fa fa-star-o"></i> <span>@Translate("Add to favorites", "Add to favorites")</span>
1052 </button>
1053 <div id="favorite-list" class="popup-form">
1054 <div class="close">
1055 <i class="fa fa-times"></i>
1056 </div>
1057 <h3>@Translate("Choose list", "Choose list")</h3>
1058 <ul>
1059 @{
1060 var lists = Dynamicweb.Ecommerce.CustomerCenter.CustomerProductList.GetListsByUserCustomerNumber(currentUser.CustomerNumber);
1061 }
1062
1063 @foreach (var list in lists)
1064 {
1065 if (list.Products.Where(p => p.ProductId.ToString() == GetString("Ecom:Product.ID")).Count() > 0)
1066 {
1067 <li>
1068 <a href="@(System.Web.HttpContext.Current.Request.Url)&CCRemoveFromMyLists=@GetString("Ecom:Product.ID")&CCAddToListVariantID=&CCAddToListLanguageID=LANG1&CCAddToListID=@list.ListId&CCListType=">
1069 <i class="fa fa-star"></i> @list.Name
1070 </a>
1071 </li>
1072 }
1073 else
1074 {
1075 <li>
1076 <a href="@(System.Web.HttpContext.Current.Request.Url)&CCAddToMyLists=@GetString("Ecom:Product.ID")&CCAddToListVariantID=&CCAddToListLanguageID=LANG1&CCAddToListID=@list.ListId&CCListType=">
1077 <i class="fa fa-star-o"></i> @list.Name
1078 </a>
1079 </li>
1080 }
1081 }
1082 <li>
1083 <a href="/mine-favoritter/opret-favoritliste?ProdID=@GetString("Ecom:Product.ID")">
1084 <i class="fa fa-plus"></i>@Translate("Add new list", "Add new list")
1085 </a>
1086 </li>
1087 </ul>
1088 </div>
1089 </div>
1090 }
1091 }
1092 else
1093 {
1094 <div class="not-loggedin">
1095 <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>
1096 <a data-toggle="modal" data-target="#login" href="" class="btn btn-primary not-loggedin-button">
1097 <span>Log ind</span>
1098 </a>
1099 </div>
1100 }
1101 </div>
1102 </div>
1103
1104
1105 @* Prices and actions *@
1106 @if (Dynamicweb.Core.Converter.ToBoolean(GetGlobalValue("Global:Extranet.UserName")))
1107 {
1108 var product = GetString("Ecom:Product.ID");
1109 if (!string.IsNullOrWhiteSpace(GetString("Ecom:Product.SelectedVariantComboID")))
1110 {
1111 product = GetString("Ecom:Product.ID") + "&" + GetString("Ecom:Product.SelectedVariantComboID");
1112 }
1113
1114 <div class="row">
1115 <div class="col-xs-12">
1116 <ul class="product__prices">
1117 @foreach (var priceHtml in pricesHtmlList)
1118 {
1119 <li>
1120 @priceHtml
1121 </li>
1122 }
1123 </ul>
1124 </div>
1125 </div>
1126
1127 <div class="row">
1128 @if (showLimitedProduct)
1129 {
1130 <div class="col-xs-12">
1131 <button class="btn btn--ghost product__button disabled">
1132 @Translate("Kan bestilles på fritekstordre", "Kan bestilles på fritekstordre")
1133 </button>
1134 </div>
1135 }
1136 else
1137 {
1138 <div class="col-xs-7">
1139 <div class="product__addtocart-input js-addtocart-input">
1140 <input type="button" value="-" class="product__quantity-button product__quantity-button--minus qtyminus" field="quantity"/>
1141 <input type="number" class="product__quantity-input quantity" data-name="quantity" name="quantity" value="@minOrder" field="quantity"/>
1142 <input type="button" value="+" class="product__quantity-button product__quantity-button--plus qtyplus" field="quantity"/>
1143 </div>
1144 <div class="product__unit-selector" style="display: inline-block;">
1145
1146 @{
1147 var index = 0;
1148 }
1149
1150 @foreach (var unitDropdown in unitsDropdown)
1151 {
1152 index++;
1153 var currentUnitPrice = prices[index - 1].Values["Ecom:Product.Prices.Amount"];
1154 <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'" : "")>
1155 <label for="@unitDropdown.Id">@unitDropdown.Name</label>
1156 }
1157 </div>
1158 <p class="product__unit-selector-error-message">
1159 * Du mangler at vælge type
1160 </p>
1161 </div>
1162 <div class="col-xs-5">
1163 <div class="product__addtocart-button">
1164 <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">
1165 @Translate("Add to cart", "Add to cart")
1166 <svg class="product__button-icon hidden-xs">
1167 <use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="/dist/icons/icons.svg#basket"></use>
1168 </svg>
1169 </button>
1170 </div>
1171 </div>
1172 }
1173 </div>
1174 }
1175 </div>
1176
1177 @* Product details *@
1178 <div>
1179 @* IKONER *@
1180 <div class="product__icons">
1181 @{
1182 foreach (var c in GetString("Ecom:Product:Field.Certificates").Split(','))
1183 {
1184 if (!string.IsNullOrEmpty(c))
1185 {
1186 <img class="product__icon lazy" data-src="/Files/Images/Ecom/certificates/@(c).jpg" title="@Translate("Cert_" + c, c)"/>
1187 }
1188 }
1189 }
1190
1191
1192 </div>
1193
1194
1195 </div>
1196 </div>
1197 </div>
1198 </div>
1199 </div>
1200 </div>
1201
1202
1203 @helper RenderDocuments()
1204 {
1205
1206 bool hasAtLeastOneLink =
1207 !string.IsNullOrEmpty(GetString("Ecom:Product:Field.Link1Label")) ||
1208 !string.IsNullOrEmpty(GetString("Ecom:Product:Field.Link2Label")) ||
1209 !string.IsNullOrEmpty(GetString("Ecom:Product:Field.Link3Label")) ||
1210 !string.IsNullOrEmpty(GetString("Ecom:Product:Field.Link4Label")) ||
1211 !string.IsNullOrEmpty(GetString("Ecom:Product:Field.Link5Label"));
1212 bool atleastOneProductDetail = hasAtLeastOneLink ||
1213 !string.IsNullOrEmpty(GetString("Ecom:Product:Field.Guidance.Value.Clean")) ||
1214 !string.IsNullOrEmpty(GetString("Ecom:Product:Field.FAQ.Value.Clean"));
1215
1216
1217
1218 @* DOWNLOAD *@
1219 if (hasAtLeastOneLink)
1220 {
1221 <div class="row">
1222 <div class="col-xs-12">
1223 <div onclick="updateDetailAccessibility(this)" class="product__section-container">
1224 <h3 class="product__header">@Translate("Dokumenter")</h3>
1225 <div class="product__section-container__icon-wrapper" data-height="0px" data-content-id="documents">
1226 <svg style="display: block" class="product__section-container__icon" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512">
1227 <path d="M240 64c0-8.8-7.2-16-16-16s-16 7.2-16 16l0 176L32 240c-8.8 0-16 7.2-16 16s7.2 16 16 16l176 0 0 176c0 8.8 7.2 16 16 16s16-7.2 16-16l0-176 176 0c8.8 0 16-7.2 16-16s-7.2-16-16-16l-176 0 0-176z"/>
1228 </svg>
1229 <svg style="display: none" class="product__section-container__icon" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512">
1230 <path d="M424 256c0 4.4-3.6 8-8 8L32 264c-4.4 0-8-3.6-8-8s3.6-8 8-8l384 0c4.4 0 8 3.6 8 8z"/>
1231 </svg>
1232 </div>
1233
1234 </div>
1235 </div>
1236 <div class="col-xs-12">
1237 <div style="display: block;">
1238 <div class="product__details">
1239 <div data-content-id="documents" class="product__details__content" style="max-height: 0px;">
1240
1241
1242 @if (GetString("Ecom:Product:Field.Link1Label") != "")
1243 {
1244 <div>
1245 <a class="product__download-pdf" target="_blank" href="@GetString("Ecom:Product:Field.Link1File.Clean")" class="">@GetString("Ecom:Product:Field.Link1Label")</a>
1246 </div>
1247 }
1248 @if (GetString("Ecom:Product:Field.Link2Label") != "")
1249 {
1250 <div>
1251 <a class="product__download-pdf" target="_blank" href="@GetString("Ecom:Product:Field.Link2File.Clean")" class="">@GetString("Ecom:Product:Field.Link2Label")</a>
1252 </div>
1253 }
1254 @if (GetString("Ecom:Product:Field.Link3Label") != "")
1255 {
1256 <div>
1257 <a class="product__download-pdf" target="_blank" href="@GetString("Ecom:Product:Field.Link3File.Clean")" class="">@GetString("Ecom:Product:Field.Link3Label")</a>
1258 </div>
1259 }
1260 @if (GetString("Ecom:Product:Field.Link4Label") != "")
1261 {
1262 <div>
1263 <a class="product__download-pdf" target="_blank" href="@GetString("Ecom:Product:Field.Link4File.Clean")" class="">@GetString("Ecom:Product:Field.Link4Label")</a>
1264 </div>
1265 }
1266 @if (GetString("Ecom:Product:Field.Link5Label") != "")
1267 {
1268 <div>
1269 <a class="product__download-pdf" target="_blank" href="@GetString("Ecom:Product:Field.Link5File.Clean")" class="">@GetString("Ecom:Product:Field.Link5Label")</a>
1270 </div>
1271 }
1272 </div>
1273 </div>
1274 </div>
1275 </div>
1276 </div>
1277 <hr class="product__hr"/>
1278 }
1279 }
1280
1281 @helper RenderGuidance()
1282 {
1283 if (!String.IsNullOrEmpty(GetString("Ecom:Product:Field.Guidance.Value.Clean")))
1284 {
1285 <div class="row">
1286
1287 <div class="col-xs-12">
1288
1289
1290 <div onclick="updateDetailAccessibility(this)" class="product__section-container">
1291 <h3 class="product__header">Vejledning</h3>
1292
1293 <div class="product__section-container__icon-wrapper" data-height="0px" data-content-id="Guidance">
1294 <svg style="display: block" class="product__section-container__icon" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512">
1295 <path d="M240 64c0-8.8-7.2-16-16-16s-16 7.2-16 16l0 176L32 240c-8.8 0-16 7.2-16 16s7.2 16 16 16l176 0 0 176c0 8.8 7.2 16 16 16s16-7.2 16-16l0-176 176 0c8.8 0 16-7.2 16-16s-7.2-16-16-16l-176 0 0-176z"/>
1296 </svg>
1297 <svg style="display: none" class="product__section-container__icon" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512">
1298 <path d="M424 256c0 4.4-3.6 8-8 8L32 264c-4.4 0-8-3.6-8-8s3.6-8 8-8l384 0c4.4 0 8 3.6 8 8z"/>
1299 </svg>
1300 </div>
1301
1302 </div>
1303 </div>
1304 <div class="col-xs-12 py-4">
1305 <div style="display: block;">
1306 <div class="product__details">
1307 @{
1308 var text = GetString("Ecom:Product:Field.Guidance.Value.Clean");
1309 }
1310
1311 <div data-content-id="Guidance" class="product__details__content" style="max-height: 0px;">
1312 @text
1313 </div>
1314
1315 </div>
1316 </div>
1317 </div>
1318 </div>
1319
1320 <hr class="product__hr"/>
1321 }
1322 }
1323
1324 @helper RenderFAQ()
1325 {
1326 if (!String.IsNullOrEmpty(GetString("Ecom:Product:Field.FAQ.Value.Clean")))
1327 {
1328 <div class="row">
1329
1330 <div class="col-xs-12">
1331
1332
1333 <div onclick="updateDetailAccessibility(this)" class="product__section-container">
1334 <h3 class="product__header">@Translate("FAQ")</h3>
1335
1336 <div class="product__section-container__icon-wrapper" data-height="0px" data-content-id="FAQ">
1337 <svg style="display: block" class="product__section-container__icon" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512">
1338 <path d="M240 64c0-8.8-7.2-16-16-16s-16 7.2-16 16l0 176L32 240c-8.8 0-16 7.2-16 16s7.2 16 16 16l176 0 0 176c0 8.8 7.2 16 16 16s16-7.2 16-16l0-176 176 0c8.8 0 16-7.2 16-16s-7.2-16-16-16l-176 0 0-176z"/>
1339 </svg>
1340 <svg style="display: none" class="product__section-container__icon" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512">
1341 <path d="M424 256c0 4.4-3.6 8-8 8L32 264c-4.4 0-8-3.6-8-8s3.6-8 8-8l384 0c4.4 0 8 3.6 8 8z"/>
1342 </svg>
1343 </div>
1344
1345 </div>
1346 </div>
1347 <div class="col-xs-12 py-4">
1348 <div style="display: block;">
1349 <div class="product__details">
1350 @{
1351 var text = GetString("Ecom:Product:Field.FAQ.Value.Clean");
1352 }
1353
1354 <div data-content-id="FAQ" class="product__details__content" style="max-height: 0px;">
1355 @text
1356 </div>
1357
1358 </div>
1359 </div>
1360 </div>
1361 </div>
1362
1363 <hr class="product__hr"/>
1364 }
1365 }
1366
1367 @helper RenderSpecifikationer()
1368 {
1369 <div class="row">
1370 <div class="col-xs-12">
1371 <hr class="product__hr"/>
1372 <div class="product__section-container product__section-container--no-hover">
1373 <h3 class="product__header">Specifikationer</h3>
1374 </div>
1375 </div>
1376 <div class="col-xs-12 py-4">
1377 <div style="display: block;">
1378 <div class="product__details">
1379
1380
1381 <div data-content-id="specifikationer" class="product__details__content" style="max-height: 9999px;">
1382
1383 @* ATTRIBUTTER *@
1384 <div class="product__information">
1385
1386 <dl class="product__information-table">
1387 @{
1388 int attributeLineCount = 0;
1389 for (int i = 1; i < 8; i++)
1390 {
1391 attributeLineCount++;
1392 string attributeName = "Ecom:Product:Field.Attribut" + attributeLineCount + "A";
1393 string attributeValue = "Ecom:Product:Field.Attribut" + attributeLineCount + "B";
1394 string attributeBrand = string.Empty;
1395
1396 if (GetString(attributeName) != "")
1397 {
1398 if (attributeLineCount == 7)
1399 {
1400 attributeBrand = "itemprop=\"brand\"";
1401 }
1402
1403 <dt>@GetString(attributeName) :</dt>
1404 <dd @attributeBrand>@GetString(attributeValue)</dd>
1405 }
1406 }
1407
1408 string manufacturerName = GetString("Ecom:Manufacturer.Name");
1409 string manufacturerUrl = GetString("Ecom:Manufacturer.Web");
1410
1411 if (!manufacturerName.IsNullOrEmpty() && !manufacturerUrl.IsNullOrEmpty())
1412 {
1413 <dt>Brand :</dt>
1414 <dd>
1415 <a target="_blank" class="product__information-table__manufacturer" href="@manufacturerUrl">@manufacturerName</a>
1416 </dd>
1417 }
1418 }
1419
1420 </dl>
1421 </div>
1422
1423
1424 </div>
1425
1426 </div>
1427 </div>
1428 </div>
1429 </div>
1430 }
1431
1432 @helper RenderDescription()
1433 {
1434 if (!String.IsNullOrEmpty(GetString("Ecom:Product.LongDescription")))
1435 {
1436 var description = GetString("Ecom:Product.LongDescription");
1437
1438 // Remove HTML tags
1439 string cleanedText = Regex.Replace(description, "<.*?>", " ");
1440 string[] words = cleanedText.Split(new[] { ' ', '\n', '\r', '\t' }, StringSplitOptions.RemoveEmptyEntries);
1441 bool readMoreButton = words.Length > 80;
1442
1443 <div class="row">
1444
1445 <div class="col-xs-12">
1446 <hr class="product__hr"/>
1447 <div onclick="updateDetailAccessibility(this)" class="product__section-container">
1448 <h3 style="@(!readMoreButton ? "cursor: auto" : "") " id="productLongDescriptionID" class="product__header">@Translate("Description", "Description")</h3>
1449
1450 <div class="product__section-container__icon-wrapper" data-height="95px" data-content-id="description">
1451
1452 @if (readMoreButton)
1453 {
1454 <svg style="display: block" class="product__section-container__icon" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512">
1455 <path d="M240 64c0-8.8-7.2-16-16-16s-16 7.2-16 16l0 176L32 240c-8.8 0-16 7.2-16 16s7.2 16 16 16l176 0 0 176c0 8.8 7.2 16 16 16s16-7.2 16-16l0-176 176 0c8.8 0 16-7.2 16-16s-7.2-16-16-16l-176 0 0-176z"/>
1456 </svg>
1457 <svg style="display: none" class="product__section-container__icon" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512">
1458 <path d="M424 256c0 4.4-3.6 8-8 8L32 264c-4.4 0-8-3.6-8-8s3.6-8 8-8l384 0c4.4 0 8 3.6 8 8z"/>
1459 </svg>
1460 }
1461 </div>
1462 </div>
1463 </div>
1464 <div class="col-xs-12 py-4">
1465 <div style="display: block;">
1466 <div class="product__details">
1467
1468 @if (readMoreButton)
1469 {
1470 <div data-content-id="description" class="product__details__content" style="min-height: 95px;max-height: 95px;">
1471 @description
1472 </div>
1473 }
1474 else
1475 {
1476 @description
1477 }
1478 </div>
1479 </div>
1480 </div>
1481 </div>
1482 }
1483 }
1484
1485
1486
1487
1488 <div class="row product__column__wrapper">
1489 <div class="col-md-6 col-sm-12 col-xs-12 product__column">
1490 @if (isMobile)
1491 {
1492 @RenderSpecifikationer()
1493 @RenderDescription()
1494 <hr class="product__hr"/>
1495 }
1496 else
1497 {
1498 @RenderDescription()
1499 <hr class="product__hr"/>
1500 @RenderGuidance()
1501 @RenderFAQ()
1502 }
1503
1504 </div>
1505 <div class="col-md-6 col-sm-12 col-xs-12 product__column">
1506 @if (isMobile)
1507 {
1508 @RenderDocuments()
1509 @RenderGuidance()
1510 @RenderFAQ()
1511 }
1512 else
1513 {
1514 @RenderSpecifikationer()
1515 <hr class="product__hr"/>
1516 @RenderDocuments()
1517 }
1518 </div>
1519 </div>
1520
1521
1522 @* Related products *@
1523
1524 @if (GetString("Ecom:Product.RelatedCount") != "0")
1525 {
1526 <div class="row">
1527 <div class="col-xs-12 p-15 p-md-0 @(isMobile ? "related-products-slider" : "")">
1528 <h2 class="product__header product__header--mobile-center">Relaterede varer</h2>
1529 <ul class="shop-list__list p-0-fc @(isMobile ? "owl-carousel" : "") ">
1530 @foreach (LoopItem relatedgroup in GetLoop("ProductRelatedGroups"))
1531 {
1532 var relatedproductloop = relatedgroup.GetLoop("RelatedProducts").OrderByDescending(g => g.GetString("Ecom:Product.LoopCounter")).Take(4).ToList();
1533 @GetProductListFullRelated(relatedproductloop, 3, 3, 1)
1534 }
1535 </ul>
1536 </div>
1537 </div>
1538 }
1539
1540
1541 <!-- Udforsk mere -->
1542
1543 @functions
1544 {
1545 List<int> GetIds(string idsRaw)
1546 {
1547 List<int> ids = new List<int>();
1548 if (idsRaw.IsNotNullOrEmpty())
1549 {
1550 foreach (var articleId in idsRaw.Split(','))
1551 {
1552 if (int.TryParse(articleId, out int id))
1553 {
1554 ids.Add(id);
1555 }
1556 }
1557 }
1558
1559 return ids;
1560 }
1561 }
1562
1563 @{
1564 var articlesPageId = GetPageIdByNavigationTag("ProductviewUniverseArticles");
1565 bool hasActiveArticles = false;
1566
1567 var productId = Dynamicweb.Context.Current.Request.QueryString["productid"];
1568 var defaultGroup = new ProductService().GetProductById(productId, "", true).DefaultGroup;
1569
1570 if (defaultGroup != null)
1571 {
1572 string articlesIdsRaw = defaultGroup.ProductGroupFieldValues.GetProductGroupFieldValue("Articles").Value.ToString();
1573 string articleSubGroupIdsRaw = defaultGroup.ProductGroupFieldValues.GetProductGroupFieldValue("ArticleSubCategories").Value.ToString();
1574
1575 List<int> articlesIds = new List<int>();
1576 if (!string.IsNullOrEmpty(articlesIdsRaw))
1577 {
1578 articlesIds = GetIds(articlesIdsRaw);
1579
1580 if (articlesIds.Count > 0)
1581 {
1582 hasActiveArticles = articlesIds.Any(x => new PageService().GetPage(x).Active);
1583 }
1584 }
1585
1586 if (!string.IsNullOrEmpty(articleSubGroupIdsRaw))
1587 {
1588 var subCategoryIds = GetIds(articleSubGroupIdsRaw);
1589
1590 List<string> subCategoryNames = new List<string>();
1591
1592 foreach (int subCategoryId in subCategoryIds)
1593 {
1594 var subCategory = new PageService().GetPage(subCategoryId);
1595 if (subCategory != null)
1596 {
1597 subCategoryNames.Add(subCategory.GetDisplayName());
1598 }
1599 }
1600
1601 foreach (string subCategoryName in subCategoryNames)
1602 {
1603 try
1604 {
1605 var subCategoryArticles = new PageService().GetPagesForItems(new List<string> { "UniverseArticlePage" }).Where(x => x.Item["SubCategories"].ToString().Contains(subCategoryName));
1606 if (subCategoryArticles.Any(x => x.Active))
1607 {
1608 hasActiveArticles = true;
1609 }
1610 }
1611 catch
1612 {
1613 }
1614 }
1615 }
1616 }
1617
1618 if (hasActiveArticles)
1619 {
1620 string articlesHeader = "";
1621 articlesHeader = defaultGroup.ProductGroupFieldValues.GetProductGroupFieldValue("ArticlesHeader").Value.ToString();
1622
1623 if (string.IsNullOrEmpty(articlesHeader))
1624 {
1625 articlesHeader = Translate("ProductViewArticleHeader");
1626 }
1627
1628 var paragraph = new ParagraphService().GetParagraphsByPageId(articlesPageId).FirstOrDefault();
1629
1630 if (paragraph != null)
1631 {
1632 <div class="row" style="margin-top: 15px">
1633 <div class="col-xs-12 p-15 p-md-0">
1634 <h2 class="product__header product__header--mobile-center articles">@articlesHeader</h2>
1635 </div>
1636
1637 </div>
1638
1639 <div class="row-25">
1640 @RenderParagraphContent(paragraph.ID)
1641 </div>
1642 }
1643 }
1644 }
1645
1646
1647 <div class="row p-15 p-md-0" style="margin-top: 15px">
1648 <!-- display block in clerk.js if at least one product -->
1649 <h2 class="product__header product__header--mobile-center" id="product-header-clerk" style="display: block;">Ofte købt sammen med</h2>
1650 <span class="clerk"
1651 data-template="@@product-page-others-also-bought"
1652 data-products='["@GetString("Ecom:Product.ID")"]'>
1653 </span>
1654 </div>
1655
1656
1657 <div class="row">
1658 <div class="col-md-12 col-sm-12 col-xs-12"> </div>
1659 </div>
1660
1661 @{
1662 var priceInitial = prices.Where(x => x.GetString("Ecom:Product.Prices.UnitID").Equals(unitDefault.Id)).OrderBy(x => x.GetDouble("Ecom:Product.Prices.Quantity")).FirstOrDefault();
1663
1664 CultureInfo us = new CultureInfo("en-US");
1665 string datalayerPriceInitial = string.Empty;
1666 if (priceInitial != null && Dynamicweb.Core.Converter.ToBoolean(GetGlobalValue("Global:Extranet.UserName")))
1667 {
1668 datalayerPriceInitial = priceInitial.GetDouble("Ecom:Product.Prices.Amount").ToString("n", us).Replace(",", "");
1669 }
1670
1671 var pricesJs = new List<Dynamicweb.Ecommerce.LiveIntegration.Products.ProductPrice>();
1672 foreach (var priceJs in prices)
1673 {
1674 var productPrice = new Dynamicweb.Ecommerce.LiveIntegration.Products.ProductPrice();
1675 productPrice.BaseUnitPrice = priceJs.GetDouble("Ecom:Product.Prices.BaseUnitPrice");
1676 productPrice.PriceQuantityPerUnit = priceJs.GetDouble("Ecom:Product.Prices.PriceQuantityPerUnit");
1677 productPrice.Quantity = priceJs.GetDouble("Ecom:Product.Prices.Quantity");
1678 productPrice.UnitId = priceJs.GetString("Ecom:Product.Prices.UnitID");
1679 pricesJs.Add(productPrice);
1680 }
1681 }
1682
1683 @if (!String.IsNullOrWhiteSpace(GetString("Ecom:Product:Field.ScriptsBottom")))
1684 {
1685 @SnippetStart("JavaScriptBottom")
1686 @GetString("Ecom:Product:Field.ScriptsBottom")
1687 @SnippetEnd("JavaScriptBottom")
1688 }
1689
1690 <script>
1691 var pricesJs = JSON.parse('@Newtonsoft.Json.JsonConvert.SerializeObject(pricesJs)');
1692
1693 // Create our number formatter.
1694 var formatterUs = new Intl.NumberFormat('en-US', {
1695 minimumFractionDigits: 2,
1696 });
1697
1698
1699
1700
1701 $('.product__addtocart-button').on('click', function () {
1702
1703 var quantityAdded = parseInt($(this).parent().prev().find('input.quantity').val());
1704 var unitAdded = $(this).parent().prev().find('select.unit').val();
1705 var priceFound = null;
1706 for (const key in pricesJs) {
1707 if (pricesJs[key].UnitId == unitAdded && quantityAdded >= parseInt(pricesJs[key].Quantity)){
1708 priceFound = pricesJs[key];
1709 }
1710 }
1711
1712 var priceAdded = 0;
1713 if (priceFound != null) {
1714 priceAdded = (priceFound.BaseUnitPrice * priceFound.PriceQuantityPerUnit) * quantityAdded; }
1715
1716 var quantity = document.getElementsByClassName("product__quantity-input")[0].value;
1717 var unitTypes = document.getElementsByClassName("unit-type");
1718 var isVariantNull = true;
1719
1720 var index = 0;
1721 var unitPrice;
1722 var currentUnitName;
1723 for (const button of unitTypes){
1724
1725 if (button.checked != false)
1726 {
1727 isVariantNull = false;
1728 var tempPrice = button.dataset.price.replace(".","");
1729 tempPrice = tempPrice.replace(",",".");
1730 unitPrice = parseFloat(tempPrice);
1731 currentUnitName = button.value.split("_")[1];
1732 index++;
1733 }
1734 }
1735
1736 if (!isVariantNull)
1737 {
1738 dataLayer.push({ecommerce:null});
1739 dataLayer.push({
1740 'event': 'add_to_cart',
1741 "ecommerce":{
1742 "currency" : "@GetString("Ecom:Product.CurrencyCode")",
1743 "value" : unitPrice * (parseInt(quantity)).toFixed(2),
1744 "items":[
1745 {
1746 "item_name": "@GetString("Ecom:Product.Name")" + " - " + currentUnitName,
1747 'item_id': '@GetString("Ecom:Product.ID")',
1748 'price': unitPrice,
1749 "item_brand" : "",
1750 "item_category": (categories[0] != null ? categories[0] : ""),
1751 "item_category2": (categories[1] != null ? categories[1] : ""),
1752 "item_category3": (categories[2] != null ? categories[2] : ""),
1753 "item_category4": (categories[3] != null ? categories[3] : ""),
1754 "item_category5": (categories[4] != null ? categories[4] : ""),
1755 "quantity": parseInt(quantity),
1756 }
1757 ]
1758 },
1759
1760 });
1761 }
1762
1763 });
1764
1765 //Sets the unittype if only one unittype for the product exists
1766 var types = document.getElementsByClassName("unit-type");
1767 var currentUnitName;
1768
1769 if (types.length === 1){
1770 currentUnitName = " - " + (types[0].value.split("_")[1]);
1771
1772 }
1773 else{
1774 currentUnitName = "";
1775 }
1776
1777
1778 var initialCategories = document.getElementsByClassName("page-header__title")[0].dataset.categories;
1779 var categories = initialCategories.split("_");
1780
1781
1782 if (types.length === 1){
1783
1784 var currentUnitPrice = 0;
1785 var tempPrice = types[0].dataset.price.replace(".","");
1786 tempPrice = tempPrice.replace(",",".");
1787 currentUnitPrice = parseFloat(tempPrice);
1788
1789 // View_item initial, if only one unit type exists
1790 dataLayer.push({ecommerce:null});
1791 dataLayer.push({
1792 'event': 'view_item',
1793 "ecommerce":{
1794 "currency" : "@GetString("Ecom:Product.CurrencyCode")",
1795 "value" : currentUnitPrice,
1796 "items":[
1797 {
1798 "item_name": "@GetString("Ecom:Product.Name")" + currentUnitName,
1799 'item_id': '@GetString("Ecom:Product.ID")',
1800 'price': currentUnitPrice,
1801 "item_brand" : "",
1802 "item_category": (categories[0] != null ? categories[0] : ""),
1803 "item_category2": (categories[1] != null ? categories[1] : ""),
1804 "item_category3": (categories[2] != null ? categories[2] : ""),
1805 "item_category4": (categories[3] != null ? categories[3] : ""),
1806 "item_category5": (categories[4] != null ? categories[4] : ""),
1807 "quantity": 1,
1808
1809 }
1810 ]
1811 },
1812
1813 });
1814 }
1815
1816
1817 var unitTypes = document.getElementsByClassName("unit-type");
1818
1819 var price;
1820 var oldPrice;
1821
1822 for (const btn of unitTypes)
1823 {
1824 btn.addEventListener("click", function () {
1825
1826
1827 tempPrice = this.dataset.price.replace(".","");
1828 tempPrice = tempPrice.replace(",",".");
1829 price = parseFloat(tempPrice);
1830
1831 currentUnitName = btn.value.split("_")[1];
1832
1833 //checks to see if the new variant is the same as the old one
1834 if (price != oldPrice){
1835
1836 dataLayer.push({ecommerce:null});
1837 dataLayer.push({
1838 'event': 'view_item',
1839 "ecommerce":{
1840 "currency" : "@GetString("Ecom:Product.CurrencyCode")",
1841 "value" : price,
1842 "items":[
1843 {
1844 "item_name": "@GetString("Ecom:Product.Name")" + " - " + currentUnitName,
1845 'item_id': '@GetString("Ecom:Product.ID")',
1846 'price': price,
1847 "item_brand" : "",
1848 "item_category": (categories[0] != null ? categories[0] : ""),
1849 "item_category2": (categories[1] != null ? categories[1] : ""),
1850 "item_category3": (categories[2] != null ? categories[2] : ""),
1851 "item_category4": (categories[3] != null ? categories[3] : ""),
1852 "item_category5": (categories[4] != null ? categories[4] : ""),
1853 "quantity": 1,
1854
1855 }
1856 ]
1857 },
1858
1859 });
1860
1861 }
1862 oldPrice = price;
1863 })
1864 }
1865
1866 </script>
1867
1868 @SnippetStart("JavaScriptBottom")
1869 <script type="text/javascript" src="~/Files/Templates/Designs/Dwsimple/js/video-api.js"></script>
1870
1871 @if (currentUser != null)
1872 {
1873 <script type="text/javascript" src="~/Files/Templates/Designs/Dwsimple/js/clerk.js"></script>
1874 }
1875
1876 <script>
1877 function on() {
1878 document.getElementById("overlay").style.display = "block";
1879 callPlayer('product-video', 'playVideo');
1880 }
1881 function off() {
1882 document.getElementById("overlay").style.display = "none";
1883 callPlayer('product-video', 'pauseVideo');
1884 }
1885 function updateDetailAccessibility(button) {
1886
1887 //set wrapper equal to first child of button with class product__section-container__icon-wrapper
1888 wrapper = button.parentElement.parentElement.querySelector('.product__section-container__icon-wrapper');
1889
1890
1891 var content = document.querySelector('.product__details__content[data-content-id="' + wrapper.getAttribute('data-content-id') + '"]');
1892 var defaultHeight = wrapper.getAttribute("data-height");
1893
1894 if (content.style.maxHeight == defaultHeight) {
1895 content.style.maxHeight = content.scrollHeight + "px";
1896 } else {
1897 content.style.maxHeight = defaultHeight;
1898 }
1899
1900 var icons = wrapper.querySelectorAll('.product__section-container__icon');
1901 icons.forEach(function(icon) {
1902 icon.style.display = icon.style.display === 'none' ? 'block' : 'none';
1903 });
1904
1905 }
1906
1907 </script>
1908
1909 @SnippetEnd("JavaScriptBottom")
1910
1911 @functions {
1912
1913 public static string StripHTML(string input)
1914 {
1915 var doc = new HtmlDocument();
1916 doc.LoadHtml(input);
1917 return doc.DocumentNode.InnerText;
1918 }
1919
1920 }
1921
1922
1923 <style>
1924
1925 .product__details {
1926 position: relative;
1927 margin-top: 10px;
1928 margin-bottom: 10px;
1929 p {
1930 margin: 0;
1931 width: fit-content;
1932 }
1933 a:hover{
1934 cursor: pointer;
1935 }
1936
1937 .product__details__content {
1938
1939
1940 overflow: hidden;
1941 transition: max-height 0.3s ease;
1942 }
1943
1944 }
1945
1946
1947 </style>