Error executing template "Designs/Ege/eCom/ProductCatalog/Ege_ProductViewDetail.cshtml"
System.NullReferenceException: Object reference not set to an instance of an object.
   at CompiledRazorTemplates.Dynamic.RazorEngine_1c07b87538e64dbeb8f321235b5d90d8.Execute() in E:\Solutions\egecarpets.dk\Files\Templates\Designs\Ege\eCom\ProductCatalog\Ege_ProductViewDetail.cshtml:line 409
   at RazorEngine.Templating.TemplateBase.RazorEngine.Templating.ITemplate.Run(ExecuteContext context, TextWriter reader)
   at RazorEngine.Templating.RazorEngineService.RunCompile(ITemplateKey key, TextWriter writer, Type modelType, Object model, DynamicViewBag viewBag)
   at RazorEngine.Templating.RazorEngineServiceExtensions.<>c__DisplayClass16_0.<RunCompile>b__0(TextWriter writer)
   at RazorEngine.Templating.RazorEngineServiceExtensions.WithWriter(Action`1 withWriter)
   at Dynamicweb.Rendering.RazorTemplateRenderingProvider.Render(Template template)
   at Dynamicweb.Rendering.TemplateRenderingService.Render(Template template)
   at Dynamicweb.Rendering.Template.RenderRazorTemplate()

1 @using Dynamicweb.Rendering 2 @using Dynamicweb.Ecommerce.ProductCatalog 3 @using EGE.Website.CustomModules 4 @using EGE.Website.CustomModules.Models 5 @using EGE.Website.CustomModules.Extensions 6 @using EGE.Website.CustomModules.Helpers 7 @using System.Web 8 9 @inherits ViewModelTemplate<ProductViewModel> 10 11 @{ 12 var product = Dynamicweb.Ecommerce.Services.Products.GetProductById(Model.Id, Model.VariantId, Model.LanguageId); 13 14 } 15 16 @if (product == null) 17 { 18 <h3>The product is not available in the chosen language, please try another.</h3> 19 } 20 else 21 { 22 bool isOutletSite = PageExtensions.IsOutletArea(Pageview.AreaID); 23 var B2cSiteActive = PageExtensions.IsB2CArea(Pageview.AreaID); 24 //string groupIdQueryParameter = string.IsNullOrEmpty(Dynamicweb.Context.Current.Request["GroupID"]) 25 // ? string.Empty 26 // : "&amp;GroupID=" + Dynamicweb.Context.Current.Request["GroupID"]; 27 var variantCombinations = product.VariantCombinations.Where(x => !x.VariantId.Contains("NA")); 28 29 string productLink = "/Default.aspx?ID=" + Pageview.Page.ID + "&amp;ProductID=" + Model.Id; 30 var prodImage = ProductExtensions.GetProductImagePath(Model.Id, out bool isExternal); 31 var prodTypeName = Model.GetFieldName("ProductEgeType"); 32 var prodTypeValue = Model.GetFieldValue("ProductEgeType"); 33 var prodConceptName = Model.GetFieldName("ProductConcept"); 34 var prodConceptValue = Model.GetFieldValue("ProductConcept"); 35 var prodCollectionName = Model.PrimaryOrDefaultGroup.Name; 36 var prodCollectionLink = string.Empty; 37 var prodB2CCollectionLink = string.Empty; 38 var prodConceptLink = string.Empty; 39 int variantListCounter = 0; 40 var IsBulkCarpets = PageExtensions.IsBulkCarpets(prodTypeValue); 41 42 //EGEDR-769 43 bool isCircleBack = false; 44 string circleBackText = string.Empty; 45 if (Model.ProductCategories.Keys.Any()) 46 { 47 if (Model.ProductCategories.ContainsKey("CarpetCategory")) 48 { 49 isCircleBack = bool.Parse(product.GetCategoryValue("CarpetCategory", "IsCircleBack").ToString()); 50 var circleBackTextObj = product.GetCategoryValue("CarpetCategory", "CircleBackText"); 51 circleBackText = circleBackTextObj != null ? circleBackTextObj.ToString() : null; 52 } 53 54 } 55 56 var CurrencyCode = Dynamicweb.Ecommerce.Common.Context.Currency.Code; 57 58 if (Model.ProductCategories.Keys.Any()) 59 { 60 if (Model.ProductCategories.ContainsKey("CarpetCategory")) 61 { 62 var fields = Model.ProductCategories["CarpetCategory"]; 63 prodCollectionLink = fields.Fields["CollectionContentPage"].Value as string; 64 prodConceptLink = fields.Fields["ConceptContentPage"].Value as string; 65 prodB2CCollectionLink = fields.Fields["B2CCollectionContentPage"].Value as string; 66 } 67 68 } 69 var images = Model.GetImages(); 70 var sustainabilityChoices = string.Empty; 71 if (Model.ProductCategories.ContainsKey("CarpetCategory")) 72 { 73 var susChoiceList = (Model.ProductCategories["CarpetCategory"].Fields["PdfSustainBlocks"]?.Value as List<FieldOptionValueViewModel>); 74 75 foreach (var choice in susChoiceList) 76 { 77 sustainabilityChoices += choice.Value; 78 } 79 } 80 81 var variantsDivId = "js-product-details__variants"; 82 var prodNumber = ""; 83 var patternNumber = ""; 84 var backingAbbr = ""; 85 86 if (isOutletSite) 87 { 88 @TemplateHelper.RenderPartial("Ecom/Partials/Details_OutletData.cshtml", Model) 89 prodNumber = Model.GetCategoryValueAs<string>("M3ProductNumber", "OutletSpecs"); 90 patternNumber = Model.GetCategoryValueAs<string>("PatternNumber", "OutletSpecs"); 91 backingAbbr = Model.GetFieldValue("ProductBacking").ToString(); 92 } 93 else 94 { 95 @TemplateHelper.RenderPartial("Ecom/Partials/Details_Data.cshtml", Model) 96 } 97 98 var cartOrderLinesFeed = Dynamicweb.Services.Pages.GetPageByNavigationTag(Pageview.AreaID, "CartOrderLinesFeed"); 99 var cartOrderLinesFeedUrl = ""; 100 if (cartOrderLinesFeed != null) 101 { 102 cartOrderLinesFeedUrl = Dynamicweb.Frontend.SearchEngineFriendlyURLs.GetFriendlyUrl(cartOrderLinesFeed.ID); 103 } 104 105 <section class="product-details" id="js-product-details" data-model-id="@Model.Id" data-model-name="@Model.Name" data-non-variants="@Model.GetRelatedGroupById("RELGRP1").Any()" data-thumb="@ProductExtensions.GetProductImagePath(Model.Id, out isExternal, "XS")"> 106 <div class="container"> 107 <div class="product-details__inner"> 108 <div class="product-details__header-holder"> 109 <h1 class="header-in-component header-in-component--product-detail"> 110 @Model.Name 111 </h1> 112 <div class="product-details__header-id"> 113 @if (!isOutletSite) 114 { 115 @Model.Id 116 } 117 else 118 { 119 @:@prodNumber - @patternNumber - @backingAbbr 120 } 121 </div> 122 </div> 123 <div class="product-details__slider-holder"> 124 <div class="slider-with-counter slider-with-counter--main" id="slider-with-counter--wide"> 125 <div class="slider-with-counter__slider-holder"> 126 127 <ul class="slider-with-counter__list slider-with-counter__list--hidden" data-counter-text="@Translate("Product | You are viewing {X} of {Y} images", "You are viewing {X} of {Y} images").Replace("{X}", "{0}").Replace("{Y}", "{0}")"> 128 129 @foreach (var image in images) 130 { 131 var imageIndex = 0; 132 <li class="slider-with-counter__item"> 133 @if (isCircleBack && !B2cSiteActive && image.Url.Contains("/Files/Files/Ecom/Images/Products/")) 134 { 135 <div class="product-details__circle-back-overlay-container"> 136 <div class="product-details__circle-back-overlay"> 137 <div class="product-details__circle-back-overlay--img-container"> 138 <img class="product-details__circle-back-overlay--img" src="@ImageUiFormatHelper.Format("/Files/Files/Images/CircleBack/Ege_Circular_Black.png", 90, 100)" height="90" width="100" /> 139 </div> 140 <span class="product-details__circle-back-overlay--text">@Translate("EgeCircleBack:OverlayText", "Ege CircleBack")</span> 141 </div> 142 </div> 143 } 144 <img class="lazyload a-image lazyload-measure lazyload-bg " src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" alt="@image.AltText" property="contentUrl" data-src="@(image.IsExternal ? image.Url : ImageUiFormatHelper.Format(image.Url, 542, 542))" 145 data-query-obj='{ "mode":"crop" }'> 146 <noscript v-if="false"> 147 <img src="@(image.IsExternal ? image.Url : ImageUiFormatHelper.Format(image.Url, 542, 542))" alt="@image.AltText"> 148 </noscript> 149 150 <button @@click="showOverlay(@imageIndex+1)" class="slider-with-counter__button-lightbox" data-lightbox-image="test-slider.jpg"></button> 151 </li> 152 } 153 </ul> 154 <div class="slider-with-counter__navigation"> 155 <button @@click="slideToPrev(sliderMain)" v-bind:class="{ 'slider-with-counter__button--show': sliderMain.showButtonPrev}" class="slider-with-counter__button slider-with-counter__button--prev"> 156 <svg class="svg-icon slider-with-counter__svg"> 157 <use xlink:href="@Constants.DistPath/icons/icons.svg#arrow"></use> 158 </svg> 159 </button> 160 <button @@click="slideToNext(sliderMain)" v-bind:class="{ 'slider-with-counter__button--show': sliderMain.showButtonNext }" class="slider-with-counter__button slider-with-counter__button--next"> 161 <svg class="svg-icon slider-with-counter__svg"> 162 <use xlink:href="@Constants.DistPath/icons/icons.svg#arrow"></use> 163 </svg> 164 </button> 165 </div> 166 </div> 167 <div class="slider-with-counter__counter"> 168 <span class="slider-with-counter__counter-part slider-with-counter__counter-part--plain" v-html="sliderMain.counterTextBefore"></span> 169 <span class="slider-with-counter__counter-part slider-with-counter__counter-part--number" v-html="sliderMain.currentSlide"></span> 170 <span class="slider-with-counter__counter-part slider-with-counter__counter-part--middle" v-html="sliderMain.counterTextMiddle"></span> 171 <span class="slider-with-counter__counter-part slider-with-counter__counter-part--number" v-html="slidesAmount"></span> 172 <span class="slider-with-counter__counter-part slider-with-counter__counter-part--plain" v-html="sliderMain.counterTextAfter"></span> 173 </div> 174 <div class="slider-with-counter__template"> 175 176 <div class="novi-backdrop novi-backdrop--hidden novi-backdrop--slider-with-counter" id="slider-with-counter__overlay"> 177 <div class="novi-overlay"> 178 <div class="novi-overlay__container"> 179 <div class="novi-overlay__content"> 180 <div class="slider-with-counter slider-with-counter--in-overlay slider-with-counter--zoom" id="slider-with-counter--wide"> 181 <div class="slider-with-counter__slider-holder"> 182 <ul class="slider-with-counter__list slider-with-counter__list--hidden slider-with-counter__list--zoom"> 183 @{ 184 int canvasCounter = 0; 185 } 186 @foreach (var image in images) 187 { 188 <li class="slider-with-counter__item"> 189 <img class="lazyload a-image lazyload-measure @(image.IsFirst ? "slider-with-counter__real-image" : "lazyload-bg")" src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" alt="@image.AltText" property="contentUrl" data-src="@(image.IsExternal ? image.Url : ImageUiFormatHelper.Format(image.Url, 700, 700))" 190 data-query-obj='{ "mode":"crop" }'> 191 <noscript v-if="false"> 192 <img src="@(image.IsExternal ? image.Url + "?mode=crop" : ImageUiFormatHelper.Format(image.Url, 700, 700))" 193 alt="@image.AltText"> 194 </noscript> 195 <span class="button__wait-animation button__wait-animation--slider-with-counter"> 196 <span></span> 197 <span></span> 198 <span></span> 199 <span></span> 200 </span> 201 202 @if (canvasCounter == 0) 203 { 204 <canvas v-bind:class="{'slider-with-counter__zoom-canvas--loading':zoomElements[@canvasCounter] && zoomElements[@canvasCounter].isLoading}" @@touchend="zoomOnTouchEnd(@canvasCounter,$event)" @@mouseup="zoomOnTouchEnd(@canvasCounter,$event)" @@touchmove="zoomOnTouchMove(@canvasCounter,$event)" @@touchstart="zoomOnTouchStart(@canvasCounter,$event)" @@mousedown="zoomOnTouchStart(@canvasCounter,$event)" @@wheel="zoomOnWheel(@canvasCounter,$event)" @@mousemove="zoomOnTouchMove(@canvasCounter,$event)" @@mouseleave="zoomClear(@canvasCounter)" data-src="@(image.Url + "&mode=crop")" data-no="@canvasCounter" class="slider-with-counter__zoom-canvas"></canvas> 205 <span class="slider-with-counter__zoom-loading" v-if="zoomElements[@canvasCounter] && zoomElements[@canvasCounter].isLoading"> 206 <span class="button__wait-animation button__wait-animation--zoom"> 207 <span></span> 208 <span></span> 209 <span></span> 210 <span></span> 211 </span> 212 <span class="slider-with-counter__zoom-loading-text">@Translate("Product | Zoom | Loading zoomable image", "Loading zoomable image")</span> 213 </span> 214 <div class="slider-with-counter__zoom-container"> 215 <div v-if="zoomElements[@canvasCounter]" class="slider-with-counter__zoom-level-indicator"> 216 <button @@click="zoomOnButton(@canvasCounter,true)" class="increase-decrease__button increase-decrease__button--up slider-with-counter__zoom-level-button slider-with-counter__zoom-level-button--plus"></button> 217 <div class="slider-with-counter__zoom-level-illustration"> 218 <span v-bind:style="'top:'+zoomDotPosition" class="slider-with-counter__zoom-level-illustration-dot"></span> 219 </div> 220 <button @@click="zoomOnButton(@canvasCounter,false)" class="increase-decrease__button increase-decrease__button--down slider-with-counter__zoom-level-button slider-with-counter__zoom-level-button--minus"></button> 221 </div> 222 <span class="slider-with-counter__zoom-indicator" style="background-image: url(@image.Url)"> 223 <span v-if="zoomElements[@canvasCounter]" v-bind:style="{paddingTop: zoomElements[@canvasCounter].thumbnailRatio}" class="slider-with-counter__zoom-indicator-aspect-ratio"></span> 224 <span v-if="zoomElements[@canvasCounter]" v-bind:style="{width:zoomThumbnailSize[@canvasCounter],height:zoomThumbnailSize[@canvasCounter],left:zoomThumbnailPositionComp[@canvasCounter].left,top:zoomThumbnailPositionComp[@canvasCounter].top}" class="slider-with-counter__zoom-indicator-excerpt"><span></span></span> 225 </span> 226 </div> 227 } 228 @{canvasCounter++;} 229 </li> 230 } 231 </ul> 232 <div class="slider-with-counter__navigation"> 233 <button @@click="slideToPrev(sliderInOverlay)" v-bind:class="{ 'slider-with-counter__button--show': sliderInOverlay.showButtonPrev}" class="slider-with-counter__button slider-with-counter__button--prev"> 234 <svg class="svg-icon slider-with-counter__svg"> 235 <use xlink:href="@Constants.DistPath/icons/icons.svg#arrow"></use> 236 </svg> 237 </button> 238 <button @@click="slideToNext(sliderInOverlay)" v-bind:class="{ 'slider-with-counter__button--show': sliderInOverlay.showButtonNext }" class="slider-with-counter__button slider-with-counter__button--next"> 239 <svg class="svg-icon slider-with-counter__svg"> 240 <use xlink:href="@Constants.DistPath/icons/icons.svg#arrow"></use> 241 </svg> 242 </button> 243 </div> 244 </div> 245 <div class="slider-with-counter__counter"> 246 <span class="slider-with-counter__counter-part slider-with-counter__counter-part--plain" v-html="sliderInOverlay.counterTextBefore"></span> 247 <span class="slider-with-counter__counter-part slider-with-counter__counter-part--number" v-html="sliderInOverlay.currentSlide"></span> 248 <span class="slider-with-counter__counter-part slider-with-counter__counter-part--middle" v-html="sliderInOverlay.counterTextMiddle"></span> 249 <span class="slider-with-counter__counter-part slider-with-counter__counter-part--number" v-html="slidesAmount"></span> 250 <span class="slider-with-counter__counter-part slider-with-counter__counter-part--plain" v-html="sliderInOverlay.counterTextAfter"></span> 251 </div> 252 </div> 253 <div class="novi-overlay__close-area"> 254 <button class="close-button novi-overlay__close-button"> 255 <span class="close-button__icon"> 256 <svg class="svg-icon close-button__svg"> 257 <use xlink:href="@Constants.DistPath/icons/icons.svg#cross"></use> 258 </svg> 259 </span> 260 <span class="close-button__text">@Translate("Product | Image overlay | Close", "Close")</span> 261 </button> 262 </div> 263 </div> 264 </div> 265 </div> 266 </div> 267 </div> 268 </div> 269 </div> 270 <div class="product-details__details-holder"> 271 <h2 class="product-text__header">@(B2cSiteActive ? @Translate("Product | B2C Tags", "B2C Tags") : @Translate("Product | Tags", "Tags"))</h2> 272 <ul class="product-details__tag-list"> 273 <li class="product-details__tag-item"> 274 @if (B2cSiteActive) 275 { 276 <span class="product-details__tag-link">@prodTypeName</span> 277 } 278 else 279 { 280 281 <a href="@(Model.GetTypeUrl(prodTypeValue))" class="product-details__tag-link">@prodTypeName</a> 282 } 283 </li> 284 @if (!B2cSiteActive) 285 { 286 <li class="product-details__tag-item"> 287 <a href="@(!string.IsNullOrWhiteSpace(prodConceptLink) ? prodConceptLink : Model.GetProductListUrl() + "?concept=" + prodConceptValue)" class="product-details__tag-link">@prodConceptName</a> 288 </li> 289 } 290 @if (B2cSiteActive) 291 { 292 <li class="product-details__tag-item"> 293 <span class="product-details__tag-link">@prodCollectionName</span> 294 </li> 295 296 } 297 else if (!string.IsNullOrWhiteSpace(prodCollectionLink)) 298 { 299 <li class="product-details__tag-item"> 300 <a href="@prodCollectionLink" class="product-details__tag-link">@prodCollectionName</a> 301 </li> 302 } 303 </ul> 304 305 <div id="@variantsDivId" ref="variantType_@variantListCounter" class="product-details__variants"> 306 @foreach (var designVariantLists in Model.ProduceListsOfDesignVariants()) 307 { 308 // Do not show Rugs as design variant 309 if (designVariantLists.Type == "20") 310 { 311 continue; 312 } 313 314 var activeProductId = HttpContext.Current.Request["ProductID"]; 315 var hideVariantsClass = "product-details__variant-type--hide"; 316 if (variantListCounter == 0) 317 { 318 hideVariantsClass = ""; 319 } 320 if (variantListCounter > 0) 321 { 322 <button ref="variantTypeButton_@variantListCounter" @@click="toggleVariantType(@variantListCounter)" class="product-text__read-more"><svg class="svg-icon product-text__svg"><use xlink:href="/dist/icons/icons.svg#arrow"></use></svg><span>@Translate(designVariantLists.TranslationKey, designVariantLists.TranslationDefaultValue)</span></button> 323 } 324 <div ref="variantType_@variantListCounter" class="product-details__variant-type @hideVariantsClass"> 325 <h2 class="product-text__header">@Translate(designVariantLists.TranslationKey, designVariantLists.TranslationDefaultValue)</h2> 326 <div class="product-details__variant-type-content"> 327 <div class="product-details__variant-truncate" :style="{'max-height':variantTruncateHeight[@variantListCounter]}"> 328 <ul class="product-details__variant-list"> 329 330 @foreach (var relatedProduct in designVariantLists.RelatedProducts.OrderBy(x => x.Id)) 331 { 332 var imagePath = ProductExtensions.GetProductImagePath(relatedProduct.Id, out bool relatedIsExternal, "XS"); 333 productLink = "/Default.aspx?ID=" + Pageview.Page.ID + "&amp;ProductID=" + relatedProduct.Id; 334 <li class="product-details__variant-item"> 335 <a href="@productLink" class="product-details__variant-link @(activeProductId == relatedProduct.Id ? "product-details__variant-link--active" : "")" title="@relatedProduct.Id"> 336 <figure class="product-details__variant-img"> 337 <img class="lazyload a-image lazyload-measure lazyload-bg " src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" alt="@relatedProduct.Name" property="contentUrl" data-src="@(activeProductId == relatedProduct.Id ? (isExternal ? prodImage : ImageUiFormatHelper.Format(prodImage, 700, 700)) : (relatedIsExternal ? imagePath : ImageUiFormatHelper.Format(imagePath, 700, 700)))" 338 data-query-obj='{ }'> 339 <noscript v-if="false"> 340 <img src="@(activeProductId == relatedProduct.Id ? (isExternal ? prodImage : ImageUiFormatHelper.Format(prodImage, 700, 700)) : (relatedIsExternal ? imagePath : ImageUiFormatHelper.Format(imagePath, 700, 700)))" 341 alt="@relatedProduct.Name"> 342 </noscript> 343 </figure> 344 </a> 345 </li> 346 } 347 <li class="product-details__variant-item product-details__variant-item--adjustment"></li> 348 <li class="product-details__variant-item product-details__variant-item--adjustment"></li> 349 <li class="product-details__variant-item product-details__variant-item--adjustment"></li> 350 <li class="product-details__variant-item product-details__variant-item--adjustment"></li> 351 <li class="product-details__variant-item product-details__variant-item--adjustment"></li> 352 <li class="product-details__variant-item product-details__variant-item--adjustment"></li> 353 <li class="product-details__variant-item product-details__variant-item--adjustment"></li> 354 </ul> 355 </div> 356 </div> 357 <button class="product-details__see-all-variants" :class="{'product-details__see-all-variants--open':variantTypes[@variantListCounter].showAllVariants}" v-if="variantTypes[@variantListCounter] && variantTypes[@variantListCounter].moreVariantsThanOneLine" @@click="hideShowVariants(@variantListCounter)"> 358 <span class="product-details__see-all-variants-text product-details__see-all-variants-text--see-all"> 359 @Translate("Product | See all variants", "See all variants") 360 </span> 361 <span class="product-details__see-all-variants-text product-details__see-all-variants-text--see-less"> 362 @Translate("Product | See less variants", "See less variants") 363 </span> 364 365 <svg class="svg-icon product-details__see-all-variants-svg"> 366 <use xlink:href="@Constants.DistPath/icons/icons.svg#arrow-down-in-circle"></use> 367 </svg> 368 </button> 369 </div> 370 variantListCounter++; 371 } 372 </div> 373 @if (isCircleBack && !B2cSiteActive) 374 { 375 <div id="product-details__circle-back" class="product-details__variant-type"> 376 <img src="@ImageUiFormatHelper.Format("/Files/Files/Images/CircleBack/Ege_Circular_Black.png", 50, 55)" height="50" width="55"/> 377 <button ref="circleBackButton" v-show="!toggleCircleBack" @@click="initToggleCircleBack()" class="product-text__read-more"><svg class="svg-icon product-text__svg"><use xlink:href="/dist/icons/icons.svg#arrow"></use></svg><span>@Translate("EgeCircleBack:ReadMoreButtonText", "Ege CircleBack")</span></button> 378 <div v-show="toggleCircleBack" class="product-text__text"> 379 @circleBackText 380 </div> 381 </div> 382 } 383 <div class="product-text" data-button-text-1="@Translate("Read more", "Read more")" data-button-text-2="@Translate("Show less", "Show less")"> 384 <h2 class="product-text__header">@Model.ShortDescription</h2> 385 <div v-bind:style="{ maxHeight: maxHeight + 'px' }" class="product-text__text" v-bind:class="{'product-text__text--truncate':truncateText}"> 386 <div>@Model.LongDescription</div> 387 </div> 388 <button @@click="toggle" v-if="hasOverflow" class="product-text__read-more"> 389 <svg class="svg-icon product-text__svg"> 390 <use xlink:href="@Constants.DistPath/icons/icons.svg#arrow"></use> 391 </svg><span v-html="buttonText"></span> 392 </button> 393 </div> 394 395 @if (B2cSiteActive) 396 { 397 398 var B2CFullWidthPrice = string.Empty; 399 var B2CCarvingPrice = string.Empty; 400 var B2CAnyShapePrice = string.Empty; 401 var B2CAnyShapeExtraText = string.Empty; 402 403 if (Model.ProductCategories.Keys.Any()) 404 { 405 if (Model.ProductCategories.ContainsKey("CarpetCategory")) 406 { 407 var fields2 = Model.ProductCategories["CarpetCategory"]; 408 409 B2CFullWidthPrice = product.GetCategoryValue("CarpetCategory", "B2CFullWidthPrice").ToString(); 410 B2CCarvingPrice = product.GetCategoryValue("CarpetCategory", "B2CCarvingPrice").ToString(); 411 B2CAnyShapePrice = product.GetCategoryValue("CarpetCategory", "B2CAnyShapePrice").ToString(); 412 B2CAnyShapeExtraText = fields2.Fields["B2CAnyShapeExtraText"].Value as string; 413 } 414 415 } 416 417 <div class="remnants"> 418 <div class="remnants__header"> 419 <div class="remnants__headline">@Translate("Product details B2C | Remnants | Priser", "Priser")</div> 420 </div> 421 <ul class="remnants__list"> 422 @if (!string.IsNullOrWhiteSpace(B2CFullWidthPrice) && B2CFullWidthPrice != "0") 423 { 424 // adding decimals if not already present 425 var B2CFillWidthPriceFormatted = (B2CFullWidthPrice.Contains(',') ? B2CFullWidthPrice : B2CFullWidthPrice + ",00"); 426 427 <li class="remnants__item"> 428 <div class="remnants__item-inner"> 429 <div class="remnants__info remnants__info--first-column"> 430 <div class="remnants__info-text">@Translate("Product details B2C | Remnants | B2CFullWidthText", "Fuld bredde, pr. m2 inkl. moms")</div> 431 </div> 432 <div class="remnants__price remnants__price--first-column">@CurrencyCode @B2CFillWidthPriceFormatted</div> 433 </div> 434 </li> 435 } 436 @if (!string.IsNullOrWhiteSpace(B2CCarvingPrice) && B2CCarvingPrice != "0") 437 { 438 // adding decimals if not already present 439 var B2CCarvingPriceFormatted = (B2CCarvingPrice.Contains(',') ? B2CCarvingPrice : B2CCarvingPrice + ",00"); 440 441 <li class="remnants__item"> 442 <div class="remnants__item-inner"> 443 <div class="remnants__info remnants__info--first-column"> 444 <div class="remnants__info-text">@Translate("Product details B2C | Remnants | B2CCarvingText", "Udskåret mål, pr. m2 inkl. moms")</div> 445 </div> 446 <div class="remnants__price remnants__price--first-column">@CurrencyCode @B2CCarvingPriceFormatted</div> 447 </div> 448 </li> 449 } 450 @if (!string.IsNullOrWhiteSpace(B2CAnyShapePrice) && B2CAnyShapePrice != "0") 451 { 452 // adding decimals if not already present 453 var B2CAnyShapePriceFormatted = (B2CAnyShapePrice.Contains(',') ? B2CAnyShapePrice : B2CAnyShapePrice + ",00"); 454 455 <li class="remnants__item"> 456 <div class="remnants__item-inner"> 457 <div class="remnants__info remnants__info--first-column"> 458 <div class="remnants__info-text">@B2CAnyShapeExtraText</div> 459 </div> 460 <div class="remnants__price remnants__price--first-column">@CurrencyCode @B2CAnyShapePriceFormatted</div> 461 </div> 462 </li> 463 } 464 </ul> 465 </div> 466 } 467 468 @if (isOutletSite) 469 { 470 var addToBasketString = Translate("Product details | Remnants | Add to basket", "Add to basket"); 471 472 <div id="js-remnants" v-cloak class="remnants" data-text-options-singular="@Translate("Product details | Remnants | option (singular)", "option")" data-text-options-plural="@Translate("Product details | Remnants | options (plural)", "options")" data-text-product-singular="@Translate("Product details | Remnants | fault (singular)", "fault")" data-text-product-plural="@Translate("Product details | Remnants | faults (plural)", "faults")"> 473 <div class="remnants__header"> 474 <div class="remnants__headline">@Translate("Product details | Remnants | Choose carpet remnants", "Choose carpet remnants")</div> 475 <div class="remnants__items-available">{{remnantItems.length}} <span v-html="remnantItems.length === 1 ? textOptionsSingular : textOptionsPlural"></span></div> 476 </div> 477 <ul class="remnants__list" :class="{'remnants__list--show-all':showAll}"> 478 <li class="remnants__item" v-for="remnantItem in remnantItems" :key="remnantItem.VariantId"> 479 <div class="remnants__item-inner"> 480 <div class="remnants__input"> 481 <label :for="'remnant-input-'+remnantItem.VariantId" class="form__checkbox-label"> 482 <input :id="'remnant-input-'+remnantItem.VariantId" :value="remnantItem.VariantId" v-model="chosenRemnants" name="remnants" type="checkbox" class="form__input-checkbox"> 483 <span class="form__checkbox-label-text"></span> 484 </label> 485 </div> 486 <div class="remnants__area">{{remnantItem.AvailableArea}} m<sup>2</sup></div> 487 <div class="remnants__info"> 488 <div class="remnants__info-text">{{remnantItem.RollCorners}} @Translate("Product details | Remnants | corners", "corners"), {{remnantItem.NumberOfFlaws}} <span v-html="remnantItem.NumberOfFlaws === 1 ? textProductSingular : textProductPlural"></span><span class="remnants__waste-carpet" v-if="remnantItem.IsWasteCarpet"> (@Translate("Product details | Remnants | waste carpet", "waste carpet"))</span><span v-if="remnantItem.UnitPrice">, </span><span class="remnants__unit-price" v-if="remnantItem.UnitPrice">{{remnantItem.UnitPrice}} {{remnantItem.CurrencyCode}} @Translate("Product details | Remnants | per m2", "per m2")</span></div> 489 <button class="remnants__preview" @@click="showCarpetProfile(remnantItem.ProductNumber,remnantItem.M3BatchNumber,remnantItem.M3ProductNumber)">@Translate("Product details | Remnants | Outlet | Roll profile", "Roll profile")</button> 490 @if (ProductExtensions.GetOutletPatternPDF(patternNumber) != "") 491 { 492 <a target="_blank" class="remnants__pattern-pdf" href="@ProductExtensions.GetOutletPatternPDF(patternNumber)">@Translate("Product details | Remnants | Outlet | Pattern PDF", "Pattern PDF")</a> 493 } 494 </div> 495 <div class="remnants__price">{{Number(remnantItem.Price).toLocaleString('en-GB') }} {{remnantItem.CurrencyCode}}</div> 496 </div> 497 </li> 498 <div class="remnants__additional-costs-msg" v-if="remnantItems.length > 0">@Translate("Product details | Remnants | Additional costs message", "Delivery costs will be added")</div> 499 </ul> 500 <div class="remnants__footer"> 501 <div class="remnants__show-all-holder"> 502 <button class="remnants__show-all" @@click="doShowAll" :class="{'remnants__show-all--show':showShowAll}">@Translate("Product details | Remnants | Show all", "Show all") ({{remnantItems.length}})</button> 503 </div> 504 <button @@click="addChosenToBasket" type="button" property="url" 505 class="button button--solid button--black button--wait-animation" 506 data-service="@cartOrderLinesFeedUrl" 507 v-bind:class="{'button--error':showErrorOnButton,'button--wait':showWaitAnimation}" 508 data-text="@addToBasketString"> 509 <span class="button__error-message"> 510 @Translate("Product details | Remnants | You haven't selected any products to add to basket", "You haven't selected any products to add to basket") 511 </span> 512 <span class="button__wait-animation"> 513 <span></span> 514 <span></span> 515 <span></span> 516 <span></span> 517 </span> 518 <span class="button__content"> 519 <span class="button__icon"> 520 <svg class="svg-icon button__svg"> 521 <use xlink:href="@Constants.DistPath/icons/icons.svg#samples"></use> 522 </svg> 523 </span> 524 <span class="button__text">@addToBasketString</span> 525 </span> 526 </button> 527 </div> 528 529 <div @@click="closeProfileOverlay" class="novi-backdrop novi-backdrop--hidden novi-backdrop--carpet-profile" :class="{'novi-backdrop--shown':showProfileOverlay}"> 530 <div class="novi-overlay"> 531 <div class="novi-overlay__container"> 532 <div class="novi-overlay__content" @@click="stopProp"> 533 <div class="carpet-profile"> 534 <header class="carpet-profile__header"> 535 <h2 class="subheader-in-component js-alt-color-gold"> 536 @Translate("Product details | Remnants | Error table | header | Error profile", "Error profile") 537 </h2> 538 <p v-if="currentChosenProfileIndex !== null">@Translate("Product details | Remnants | Profile overlay | For product number", "For product number"): <span v-html="remnantProfiles[currentChosenProfileIndex].M3productNumber"></span> @Translate("Product details | Remnants | Profile overlay | Batch number", "Batch number"): <span v-html="remnantProfiles[currentChosenProfileIndex].batchNumber"></span></p> 539 </header> 540 <div class="row"> 541 <div class="col-xs-12"> 542 <img class="carpet-profile__img" id='base64image' v-if="currentChosenProfileIndex !== null" 543 :src="'data:image/jpeg;base64, '+remnantProfiles[this.currentChosenProfileIndex].data.profileBase64" /> 544 <p class="carpet-profile__draw-outline" v-if="currentChosenProfileIndex !== null" v-html="remnantProfiles[this.currentChosenProfileIndex].data.profileText"></p> 545 546 <table class="carpet-profile__fault-list" v-if="currentChosenProfileIndex !== null && remnantProfiles[this.currentChosenProfileIndex].data.faults.length"> 547 <tr class="carpet-profile__fault-list-item carpet-profile__fault-list-item--header"> 548 <th class="carpet-profile__fault-list-cell carpet-profile__fault-list-cell--header">@Translate("Product details | Remnants | Error table | Error code", "Error code")</th> 549 <th class="carpet-profile__fault-list-cell carpet-profile__fault-list-cell--header">@Translate("Product details | Remnants | Error table | Error rank", "Error rank")</th> 550 <th class="carpet-profile__fault-list-cell carpet-profile__fault-list-cell--header">@Translate("Product details | Remnants | Error table | Text", "Text")</th> 551 <th class="carpet-profile__fault-list-cell carpet-profile__fault-list-cell--header">@Translate("Product details | Remnants | Error table | Width from", "Width from")</th> 552 <th class="carpet-profile__fault-list-cell carpet-profile__fault-list-cell--header">@Translate("Product details | Remnants | Error table | Width to", "Width to")</th> 553 <th class="carpet-profile__fault-list-cell carpet-profile__fault-list-cell--header">@Translate("Product details | Remnants | Error table | Length from", "Length from")</th> 554 <th class="carpet-profile__fault-list-cell carpet-profile__fault-list-cell--header">@Translate("Product details | Remnants | Error table | Length to", "Length to")</th> 555 </tr> 556 <tr class="carpet-profile__fault-list-item" v-for="fault in remnantProfiles[this.currentChosenProfileIndex].data.faults"> 557 <td data-header="@Translate("Product details | Remnants | Error table | Error code", "Error code")" class="carpet-profile__fault-list-cell" v-html="fault.reasonCode"></td> 558 <td data-header="@Translate("Product details | Remnants | Error table | Error rank", "Error rank")" class="carpet-profile__fault-list-cell" v-html="fault.errorRank"></td> 559 <td data-header="@Translate("Product details | Remnants | Error table | Text", "Text")" class="carpet-profile__fault-list-cell carpet-profile__fault-list-cell--text" v-html="fault.textForReason"></td> 560 <td data-header="@Translate("Product details | Remnants | Error table | Width from", "Width from")" class="carpet-profile__fault-list-cell" v-html="fault.brdStart"></td> 561 <td data-header="@Translate("Product details | Remnants | Error table | Width to", "Width to")" class="carpet-profile__fault-list-cell" v-html="fault.brdEnd"></td> 562 <td data-header="@Translate("Product details | Remnants | Error table | Length from", "Length from")" class="carpet-profile__fault-list-cell" v-html="fault.lgdStart"></td> 563 <td data-header="@Translate("Product details | Remnants | Error table | Length to", "Length to")" class="carpet-profile__fault-list-cell" v-html="fault.lgdEnd"></td> 564 </tr> 565 </table> 566 </div> 567 </div> 568 </div> 569 <div class="novi-overlay__close-area"> 570 <button @@click="closeProfileOverlay" class="close-button novi-overlay__close-button"> 571 <span class="close-button__icon"> 572 <svg class="svg-icon close-button__svg"> 573 <use xlink:href="@Constants.DistPath/icons/icons.svg#cross"></use> 574 </svg> 575 </span> 576 <span class="close-button__text">@Translate("Product | Sample overlay | Close", "Close")</span> 577 </button> 578 </div> 579 </div> 580 </div> 581 </div> 582 </div> 583 </div> 584 } 585 else 586 { 587 <span> 588 <div class="button-double product-details__buttons"> 589 @if (!B2cSiteActive && !string.IsNullOrWhiteSpace(Model.GetCadesignProperties().ToolUrl)) 590 { 591 string firstBtnText = string.Empty; 592 593 if (Model.GetCadesignProperties().IsTile) 594 { 595 firstBtnText = Translate("Product | Tile", "Create your tile design"); 596 } 597 else if (Model.GetCadesignProperties().Recolour) 598 { 599 firstBtnText = Translate("Product | Customize", "Customize"); 600 } 601 else 602 { 603 firstBtnText = Translate("Product | Visualize", "Visualize"); 604 } 605 606 <button data-href="@Model.GetCadesignProperties().ToolUrl" @@click="openCustomizeOverlay" class="button button--ghost button--black js-customize-button" data-text="@firstBtnText"> 607 <span class="button__content"> 608 <span class="button__icon"> 609 <svg class="svg-icon button__svg"> 610 <use xlink:href="@Constants.DistPath/icons/icons.svg#magic-wand"></use> 611 </svg> 612 </span> 613 <span class="button__text">@firstBtnText</span> 614 </span> 615 <div class="product-details__hide js-customize-iframe-holder"> 616 <div class="product-details__iframe-holder"> 617 <iframe class="product-details__customize-iframe" frameborder="0"></iframe> 618 <span class="product-details__wait-animation"> 619 <span></span> 620 <span></span> 621 <span></span> 622 <span></span> 623 </span> 624 </div> 625 </div> 626 </button> 627 } 628 else if (B2cSiteActive && !string.IsNullOrWhiteSpace(Model.GetFieldValue<string>("ProductBacking")) && !string.IsNullOrWhiteSpace(Model.GetFieldValue<string>("ProductSpecificationCode"))) 629 { 630 var prod = Dynamicweb.Ecommerce.Services.Products.GetProductByNumber(Model.GetFieldValue<string>("ProductBacking"), Model.LanguageId); 631 632 <form method="post" action="/api/specifications/getpdf" class="button-double__form"> 633 <input type="hidden" name="backingCode" value="@(Model.GetFieldValue<string>("ProductBacking"))" /> 634 <input type="hidden" name="backingName" value="@(ProductExtensions.GetProductName(prod))" /> 635 <input type="hidden" name="qualityName" value="@prodCollectionName" /> 636 <input type="hidden" name="collectionCode" value="@Model.GetFieldValue("ProductCollectionCode")" /> 637 <input type="hidden" name="specificationCode" value="@(Model.GetFieldValue<string>("ProductSpecificationCode"))" /> 638 <input type="hidden" name="nationalityCode" value="@Dynamicweb.Ecommerce.Common.Context.Language.CountryCode" /> 639 <input type="hidden" name="areaId" value="@Pageview.AreaID" /> @* On the B2C site we hardcode the area id to the danish b2b site to pull the sustainability stores from there(these are defined in website settings) *@ 640 <input type="hidden" name="productName" value="@Model.Name" /> 641 <input type="hidden" name="sustainabilityChoice" value="@sustainabilityChoices" /> 642 <button type="submit" property="url" class="button button--ghost button--black" data-text="@Translate("Product details | Specifications | Download full specifications", "Download full specifications")" @@click="downloadFullSpecifications" ref="showFullSpecificationsSubmitButton"> 643 <span class="button__content"> 644 <span class="button__icon"> 645 <svg class="svg-icon button__svg"> 646 <use xlink:href="@Constants.DistPath/icons/icons.svg#arrow-down-in-circle"></use> 647 </svg> 648 </span> 649 <span class="button__text"> 650 @Translate("Product details | Specifications | Download full specifications", "Download full specifications") 651 </span> 652 </span> 653 </button> 654 </form> 655 } 656 @if (!B2cSiteActive && (variantCombinations.Any() || Model.GetRelatedGroupById("RELGRP1").Any())) 657 { 658 var nonVariantSamples = Model.GetRelatedGroupById("RELGRP1"); 659 var showSamplesVersion = ""; 660 if (variantCombinations.Any()) 661 { 662 showSamplesVersion = "showSamplesAdvanced"; 663 } 664 else if (nonVariantSamples.Any()) 665 { 666 showSamplesVersion = "showSamplesSimple"; 667 } 668 <button id="js-add-to-samples-button" type="button" class="button button--solid button--black " @@click="@showSamplesVersion" data-text="@Translate("Product | Add to samples", "Add to samples")"> 669 <span class="button__content"> 670 <span class="button__icon"> 671 <svg class="svg-icon button__svg"> 672 <use xlink:href="@Constants.DistPath/icons/icons.svg#samples"></use> 673 </svg> 674 </span> 675 <span class="button__text">@Translate("Product | Add to samples", "Add to samples")</span> 676 </span> 677 </button> 678 } 679 else if (B2cSiteActive) 680 { 681 if (IsBulkCarpets && prodCollectionName != "Geometrica Rugs") 682 { 683 var shapeOverlayBtnText = Translate("Product | See rug in room", "Se tæppet i rum"); 684 var shapeToolUrl = ProductExtensions.CadesignServiceUrl + "/rug-ui.html?prod=" + @Model.Id; 685 <button data-href="@shapeToolUrl" @@click="openCustomizeOverlay" 686 class="button button--solid button--black js-customize-button" 687 data-text="@shapeOverlayBtnText"> 688 <span class="button__content"> 689 <span class="button__icon"> 690 <svg class="svg-icon button__svg"> 691 <use xlink:href="@Constants.DistPath/icons/icons.svg#magic-wand"></use> 692 </svg> 693 </span> 694 <span class="button__text">@shapeOverlayBtnText</span> 695 </span> 696 <div class="product-details__hide js-customize-iframe-holder"> 697 <div class="product-details__iframe-holder"> 698 <iframe class="product-details__customize-iframe" frameborder="0"></iframe> 699 <span class="product-details__wait-animation"> 700 <span></span> 701 <span></span> 702 <span></span> 703 <span></span> 704 </span> 705 </div> 706 </div> 707 </button> 708 } 709 else 710 { 711 <button id="js-product-details__contact-form-link-button" @@click="scrollDown" type="button" class="button button--solid button--black " data-text="@Translate("Product | B2C Kontakt Os Knap", "B2C Kontakt Os Knap")"> 712 <span class="button__content"> 713 <span class="button__icon"> 714 <svg class="svg-icon button__svg"> 715 <use xlink:href="@Constants.DistPath/icons/icons.svg#contact"></use> 716 </svg> 717 </span> 718 <span class="button__text">@Translate("Product | B2C Kontakt Os Knap", "B2C Kontakt Os Knap")</span> 719 </span> 720 </button> 721 } 722 } 723 @if (!B2cSiteActive) 724 { 725 <div class="product-details__contact-form-link"> 726 <span class="product-details__contact-form-link-left">@Translate("Product | Do you need help", "Do you need help?")</span> 727 <span class="product-details__contact-form-link-right"> 728 <button type="button" id="js-product-details__contact-form-link-button" class="product-details__contact-form-link-button" @@click="scrollDown"> 729 @Translate("Product | Contact us", "Contact us") 730 <span class="product-details__contact-form-link-arrow"> 731 <svg class="svg-icon product-details__contact-form-link-arrow-svg"> 732 <use xlink:href="@Constants.DistPath/icons/icons.svg#arrow"></use> 733 </svg> 734 </span> 735 </button> 736 </span> 737 </div> 738 } 739 else if (B2cSiteActive && !string.IsNullOrEmpty(prodB2CCollectionLink)) 740 { 741 <div class="product-details__contact-form-link product-details__contact-form-link--b2c"> 742 <a href="@prodB2CCollectionLink" type="button" class="product-details__contact-form-link-button"> 743 @Translate("Product | B2C Se vores Priser", "Se vores priser her!") 744 <span class="product-details__contact-form-link-arrow product-details__contact-form-link-arrow--b2c"> 745 <svg class="svg-icon product-details__contact-form-link-arrow-svg"> 746 <use xlink:href="@Constants.DistPath/icons/icons.svg#arrow"></use> 747 </svg> 748 </span> 749 </a> 750 </div> 751 } 752 </div> 753 </span> 754 <div> 755 @TemplateHelper.RenderPartial("Ecom/Partials/Details_SelectedSamplesOverlay.cshtml") 756 @TemplateHelper.RenderPartial("Ecom/Partials/Details_AddToSamples.cshtml", Model) 757 </div> 758 } 759 </div> 760 </div> 761 762 </div> 763 </section> 764 765 if (isOutletSite) 766 { 767 768 } 769 else if (B2cSiteActive) 770 { 771 @TemplateHelper.RenderPartial("Ecom/Partials/Details_B2CGuidesAndImages.cshtml", Model) 772 } 773 else 774 { 775 @TemplateHelper.RenderPartial("Ecom/Partials/Details_B2BGuidesAndImages.cshtml", Model) 776 @TemplateHelper.RenderPartial("Ecom/Partials/Details_SpecificationsAndHighlights.cshtml", Model) 777 } 778 } 779

Vil du vide mere?

Så lad os kontakte dig

Har du spørgsmål eller forespørgsler om Ege Carpets eller vores tæpper, er du velkommen til at kontakte os.

Indsæt dine kontakt informationer og vi vil kontakte dig - eller du kan finde kontaktoplysningerne på en forhandler.