Error executing template "Designs/Ege/eCom/ProductCatalog/Ege_ProductViewDetail.cshtml" System.NullReferenceException: Object reference not set to an instance of an object. at EGE.Website.CustomModules.Extensions.PageExtensions.GetUrl(Page page) in C:\azp\agent\_work\4\s\EGE.Website\CustomModules\Extensions\PageExtensions.cs:line 23 at EGE.Website.CustomModules.Extensions.ProductExtensions.GetTypeUrl(ProductViewModel prodVm, Object typeId) in C:\azp\agent\_work\4\s\EGE.Website\CustomModules\Extensions\ProductExt\ProductExtensions.cs:line 47 at CompiledRazorTemplates.Dynamic.RazorEngine_b637277afdd74c00b9689ff2aff0db8e.Execute() in E:\Solutions\egecarpets.dk\Files\Templates\Designs\Ege\eCom\ProductCatalog\Ege_ProductViewDetail.cshtml:line 298 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 // : "&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 + "&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 @if (!isOutletSite && !B2cSiteActive) 168 { 169 <div v-if="sliderMain.currentSlide <= 1"> 170 <span id="ImageDownload" class="product-list-room-shot__item-image-download-product-detail"> 171 <figure class="product-list-room-shot__item-image-download-icon"><svg class="svg-icon product-list-room-shot__item-image-download-icon-arrow"><use xlink:href="/dist/icons/icons.svg#arrow-down-in-circle"></use></svg></figure> 172 <a href="@prodImage" download="@prodImage" class="product-list-room-shot__item-image-download-link">Low res</a> 173 174 @if (ProductExtensions.GetHighResolutionImagePath(Model.Id) != null && !string.IsNullOrEmpty(ProductExtensions.GetHighResolutionImagePath(Model.Id))) 175 { 176 <a href="@ProductExtensions.GetHighResolutionImagePath(Model.Id)" download="@ProductExtensions.GetHighResolutionImagePath(Model.Id)" class="product-list-room-shot__item-image-download-link" >High res</a> 177 } 178 </span> 179 </div> 180 181 } 182 <div class="slider-with-counter__counter"> 183 <span class="slider-with-counter__counter-part slider-with-counter__counter-part--plain" v-html="sliderMain.counterTextBefore"></span> 184 <span class="slider-with-counter__counter-part slider-with-counter__counter-part--number" v-html="sliderMain.currentSlide"></span> 185 <span class="slider-with-counter__counter-part slider-with-counter__counter-part--middle" v-html="sliderMain.counterTextMiddle"></span> 186 <span class="slider-with-counter__counter-part slider-with-counter__counter-part--number" v-html="slidesAmount"></span> 187 <span class="slider-with-counter__counter-part slider-with-counter__counter-part--plain" v-html="sliderMain.counterTextAfter"></span> 188 </div> 189 <div class="slider-with-counter__template"> 190 191 <div class="novi-backdrop novi-backdrop--hidden novi-backdrop--slider-with-counter" id="slider-with-counter__overlay"> 192 <div class="novi-overlay"> 193 <div class="novi-overlay__container"> 194 <div class="novi-overlay__content"> 195 <div class="slider-with-counter slider-with-counter--in-overlay slider-with-counter--zoom" id="slider-with-counter--wide"> 196 <div class="slider-with-counter__slider-holder"> 197 <ul class="slider-with-counter__list slider-with-counter__list--hidden slider-with-counter__list--zoom"> 198 @{ 199 int canvasCounter = 0; 200 } 201 @foreach (var image in images) 202 { 203 <li class="slider-with-counter__item"> 204 <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))" 205 data-query-obj='{ "mode":"crop" }'> 206 <noscript v-if="false"> 207 <img src="@(image.IsExternal ? image.Url + "?mode=crop" : ImageUiFormatHelper.Format(image.Url, 700, 700))" 208 alt="@image.AltText"> 209 </noscript> 210 <span class="button__wait-animation button__wait-animation--slider-with-counter"> 211 <span></span> 212 <span></span> 213 <span></span> 214 <span></span> 215 </span> 216 217 @if (canvasCounter == 0) 218 { 219 <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> 220 <span class="slider-with-counter__zoom-loading" v-if="zoomElements[@canvasCounter] && zoomElements[@canvasCounter].isLoading"> 221 <span class="button__wait-animation button__wait-animation--zoom"> 222 <span></span> 223 <span></span> 224 <span></span> 225 <span></span> 226 </span> 227 <span class="slider-with-counter__zoom-loading-text">@Translate("Product | Zoom | Loading zoomable image", "Loading zoomable image")</span> 228 </span> 229 <div class="slider-with-counter__zoom-container"> 230 <div v-if="zoomElements[@canvasCounter]" class="slider-with-counter__zoom-level-indicator"> 231 <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> 232 <div class="slider-with-counter__zoom-level-illustration"> 233 <span v-bind:style="'top:'+zoomDotPosition" class="slider-with-counter__zoom-level-illustration-dot"></span> 234 </div> 235 <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> 236 </div> 237 <span class="slider-with-counter__zoom-indicator" style="background-image: url(@image.Url)"> 238 <span v-if="zoomElements[@canvasCounter]" v-bind:style="{paddingTop: zoomElements[@canvasCounter].thumbnailRatio}" class="slider-with-counter__zoom-indicator-aspect-ratio"></span> 239 <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> 240 </span> 241 </div> 242 } 243 @{canvasCounter++;} 244 </li> 245 } 246 </ul> 247 <div class="slider-with-counter__navigation"> 248 <button @@click="slideToPrev(sliderInOverlay)" v-bind:class="{ 'slider-with-counter__button--show': sliderInOverlay.showButtonPrev}" class="slider-with-counter__button slider-with-counter__button--prev"> 249 <svg class="svg-icon slider-with-counter__svg"> 250 <use xlink:href="@Constants.DistPath/icons/icons.svg#arrow"></use> 251 </svg> 252 </button> 253 <button @@click="slideToNext(sliderInOverlay)" v-bind:class="{ 'slider-with-counter__button--show': sliderInOverlay.showButtonNext }" class="slider-with-counter__button slider-with-counter__button--next"> 254 <svg class="svg-icon slider-with-counter__svg"> 255 <use xlink:href="@Constants.DistPath/icons/icons.svg#arrow"></use> 256 </svg> 257 </button> 258 </div> 259 </div> 260 <div class="slider-with-counter__counter"> 261 <span class="slider-with-counter__counter-part slider-with-counter__counter-part--plain" v-html="sliderInOverlay.counterTextBefore"></span> 262 <span class="slider-with-counter__counter-part slider-with-counter__counter-part--number" v-html="sliderInOverlay.currentSlide"></span> 263 <span class="slider-with-counter__counter-part slider-with-counter__counter-part--middle" v-html="sliderInOverlay.counterTextMiddle"></span> 264 <span class="slider-with-counter__counter-part slider-with-counter__counter-part--number" v-html="slidesAmount"></span> 265 <span class="slider-with-counter__counter-part slider-with-counter__counter-part--plain" v-html="sliderInOverlay.counterTextAfter"></span> 266 </div> 267 </div> 268 <div class="novi-overlay__close-area"> 269 <button class="close-button novi-overlay__close-button"> 270 <span class="close-button__icon"> 271 <svg class="svg-icon close-button__svg"> 272 <use xlink:href="@Constants.DistPath/icons/icons.svg#cross"></use> 273 </svg> 274 </span> 275 <span class="close-button__text">@Translate("Product | Image overlay | Close", "Close")</span> 276 </button> 277 </div> 278 </div> 279 </div> 280 </div> 281 282 </div> 283 </div> 284 285 </div> 286 287 </div> 288 289 <div class="product-details__details-holder"> 290 <h2 class="product-text__header">@(B2cSiteActive ? @Translate("Product | B2C Tags", "B2C Tags") : @Translate("Product | Tags", "Tags"))</h2> 291 <ul class="product-details__tag-list"> 292 <li class="product-details__tag-item"> 293 @if (B2cSiteActive) 294 { 295 <span class="product-details__tag-link">@prodTypeName</span> 296 } 297 else 298 { 299 300 <a href="@(Model.GetTypeUrl(prodTypeValue))" class="product-details__tag-link">@prodTypeName</a> 301 } 302 </li> 303 @if (!B2cSiteActive) 304 { 305 <li class="product-details__tag-item"> 306 <a href="@(!string.IsNullOrWhiteSpace(prodConceptLink) ? prodConceptLink : Model.GetProductListUrl() + "?concept=" + prodConceptValue)" class="product-details__tag-link">@prodConceptName</a> 307 </li> 308 } 309 @if (B2cSiteActive) 310 { 311 <li class="product-details__tag-item"> 312 <span class="product-details__tag-link">@prodCollectionName</span> 313 </li> 314 315 } 316 else if (!string.IsNullOrWhiteSpace(prodCollectionLink)) 317 { 318 <li class="product-details__tag-item"> 319 <a href="@prodCollectionLink" class="product-details__tag-link">@prodCollectionName</a> 320 </li> 321 } 322 </ul> 323 324 <div id="@variantsDivId" ref="variantType_@variantListCounter" class="product-details__variants"> 325 @foreach (var designVariantLists in Model.ProduceListsOfDesignVariants()) 326 { 327 // Do not show Rugs as design variant 328 if (designVariantLists.Type == "20") 329 { 330 continue; 331 } 332 333 var activeProductId = HttpContext.Current.Request["ProductID"]; 334 var hideVariantsClass = "product-details__variant-type--hide"; 335 if (variantListCounter == 0) 336 { 337 hideVariantsClass = ""; 338 } 339 if (variantListCounter > 0) 340 { 341 <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> 342 } 343 <div ref="variantType_@variantListCounter" class="product-details__variant-type @hideVariantsClass"> 344 <h2 class="product-text__header">@Translate(designVariantLists.TranslationKey, designVariantLists.TranslationDefaultValue)</h2> 345 <div class="product-details__variant-type-content"> 346 <div class="product-details__variant-truncate" :style="{'max-height':variantTruncateHeight[@variantListCounter]}"> 347 <ul class="product-details__variant-list"> 348 349 @foreach (var relatedProduct in designVariantLists.RelatedProducts.OrderBy(x => x.Id)) 350 { 351 var imagePath = ProductExtensions.GetProductImagePath(relatedProduct.Id, out bool relatedIsExternal, "XS"); 352 productLink = "/Default.aspx?ID=" + Pageview.Page.ID + "&ProductID=" + relatedProduct.Id; 353 <li class="product-details__variant-item"> 354 <a href="@productLink" class="product-details__variant-link @(activeProductId == relatedProduct.Id ? "product-details__variant-link--active" : "")" title="@relatedProduct.Id"> 355 <figure class="product-details__variant-img"> 356 <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)))" 357 data-query-obj='{ }'> 358 <noscript v-if="false"> 359 <img src="@(activeProductId == relatedProduct.Id ? (isExternal ? prodImage : ImageUiFormatHelper.Format(prodImage, 700, 700)) : (relatedIsExternal ? imagePath : ImageUiFormatHelper.Format(imagePath, 700, 700)))" 360 alt="@relatedProduct.Name"> 361 </noscript> 362 </figure> 363 </a> 364 </li> 365 } 366 <li class="product-details__variant-item product-details__variant-item--adjustment"></li> 367 <li class="product-details__variant-item product-details__variant-item--adjustment"></li> 368 <li class="product-details__variant-item product-details__variant-item--adjustment"></li> 369 <li class="product-details__variant-item product-details__variant-item--adjustment"></li> 370 <li class="product-details__variant-item product-details__variant-item--adjustment"></li> 371 <li class="product-details__variant-item product-details__variant-item--adjustment"></li> 372 <li class="product-details__variant-item product-details__variant-item--adjustment"></li> 373 </ul> 374 </div> 375 </div> 376 <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)"> 377 <span class="product-details__see-all-variants-text product-details__see-all-variants-text--see-all"> 378 @Translate("Product | See all variants", "See all variants") 379 </span> 380 <span class="product-details__see-all-variants-text product-details__see-all-variants-text--see-less"> 381 @Translate("Product | See less variants", "See less variants") 382 </span> 383 384 <svg class="svg-icon product-details__see-all-variants-svg"> 385 <use xlink:href="@Constants.DistPath/icons/icons.svg#arrow-down-in-circle"></use> 386 </svg> 387 </button> 388 </div> 389 variantListCounter++; 390 } 391 </div> 392 @if (isCircleBack && !B2cSiteActive) 393 { 394 <div id="product-details__circle-back" class="product-details__variant-type"> 395 <img src="@ImageUiFormatHelper.Format("/Files/Files/Images/CircleBack/Ege_Circular_Black.png", 50, 55)" height="50" width="55" /> 396 <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> 397 <div v-show="toggleCircleBack" class="product-text__text"> 398 @circleBackText 399 </div> 400 </div> 401 } 402 <div class="product-text" data-button-text-1="@Translate("Read more", "Read more")" data-button-text-2="@Translate("Show less", "Show less")"> 403 <h2 class="product-text__header">@Model.ShortDescription</h2> 404 <div v-bind:style="{ maxHeight: maxHeight + 'px' }" class="product-text__text" v-bind:class="{'product-text__text--truncate':truncateText}"> 405 <div>@Model.LongDescription</div> 406 </div> 407 <button @@click="toggle" v-if="hasOverflow" class="product-text__read-more"> 408 <svg class="svg-icon product-text__svg"> 409 <use xlink:href="@Constants.DistPath/icons/icons.svg#arrow"></use> 410 </svg><span v-html="buttonText"></span> 411 </button> 412 </div> 413 414 @if (B2cSiteActive) 415 { 416 417 var B2CFullWidthPrice = string.Empty; 418 var B2CCarvingPrice = string.Empty; 419 var B2CAnyShapePrice = string.Empty; 420 var B2CAnyShapeExtraText = string.Empty; 421 422 if (Model.ProductCategories.Keys.Any()) 423 { 424 if (Model.ProductCategories.ContainsKey("CarpetCategory")) 425 { 426 var fields2 = Model.ProductCategories["CarpetCategory"]; 427 428 B2CFullWidthPrice = product.GetCategoryValue("CarpetCategory", "B2CFullWidthPrice").ToString(); 429 B2CCarvingPrice = product.GetCategoryValue("CarpetCategory", "B2CCarvingPrice").ToString(); 430 B2CAnyShapePrice = product.GetCategoryValue("CarpetCategory", "B2CAnyShapePrice").ToString(); 431 B2CAnyShapeExtraText = fields2.Fields["B2CAnyShapeExtraText"].Value as string; 432 } 433 434 } 435 436 <div class="remnants"> 437 <div class="remnants__header"> 438 <div class="remnants__headline">@Translate("Product details B2C | Remnants | Priser", "Priser")</div> 439 </div> 440 <ul class="remnants__list"> 441 @if (!string.IsNullOrWhiteSpace(B2CFullWidthPrice) && B2CFullWidthPrice != "0") 442 { 443 // adding decimals if not already present 444 var B2CFillWidthPriceFormatted = (B2CFullWidthPrice.Contains(',') ? B2CFullWidthPrice : B2CFullWidthPrice + ",00"); 445 446 <li class="remnants__item"> 447 <div class="remnants__item-inner"> 448 <div class="remnants__info remnants__info--first-column"> 449 <div class="remnants__info-text">@Translate("Product details B2C | Remnants | B2CFullWidthText", "Fuld bredde, pr. m2 inkl. moms")</div> 450 </div> 451 <div class="remnants__price remnants__price--first-column">@CurrencyCode @B2CFillWidthPriceFormatted</div> 452 </div> 453 </li> 454 } 455 @if (!string.IsNullOrWhiteSpace(B2CCarvingPrice) && B2CCarvingPrice != "0") 456 { 457 // adding decimals if not already present 458 var B2CCarvingPriceFormatted = (B2CCarvingPrice.Contains(',') ? B2CCarvingPrice : B2CCarvingPrice + ",00"); 459 460 <li class="remnants__item"> 461 <div class="remnants__item-inner"> 462 <div class="remnants__info remnants__info--first-column"> 463 <div class="remnants__info-text">@Translate("Product details B2C | Remnants | B2CCarvingText", "Udskåret mål, pr. m2 inkl. moms")</div> 464 </div> 465 <div class="remnants__price remnants__price--first-column">@CurrencyCode @B2CCarvingPriceFormatted</div> 466 </div> 467 </li> 468 } 469 @if (!string.IsNullOrWhiteSpace(B2CAnyShapePrice) && B2CAnyShapePrice != "0") 470 { 471 // adding decimals if not already present 472 var B2CAnyShapePriceFormatted = (B2CAnyShapePrice.Contains(',') ? B2CAnyShapePrice : B2CAnyShapePrice + ",00"); 473 474 <li class="remnants__item"> 475 <div class="remnants__item-inner"> 476 <div class="remnants__info remnants__info--first-column"> 477 <div class="remnants__info-text">@B2CAnyShapeExtraText</div> 478 </div> 479 <div class="remnants__price remnants__price--first-column">@CurrencyCode @B2CAnyShapePriceFormatted</div> 480 </div> 481 </li> 482 } 483 </ul> 484 </div> 485 } 486 487 @if (isOutletSite) 488 { 489 var addToBasketString = Translate("Product details | Remnants | Add to basket", "Add to basket"); 490 491 <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")"> 492 <div class="remnants__header"> 493 <div class="remnants__headline">@Translate("Product details | Remnants | Choose carpet remnants", "Choose carpet remnants")</div> 494 <div class="remnants__items-available">{{remnantItems.length}} <span v-html="remnantItems.length === 1 ? textOptionsSingular : textOptionsPlural"></span></div> 495 </div> 496 <ul class="remnants__list" :class="{'remnants__list--show-all':showAll}"> 497 <li class="remnants__item" v-for="remnantItem in remnantItems" :key="remnantItem.VariantId"> 498 <div class="remnants__item-inner"> 499 <div class="remnants__input"> 500 <label :for="'remnant-input-'+remnantItem.VariantId" class="form__checkbox-label"> 501 <input :id="'remnant-input-'+remnantItem.VariantId" :value="remnantItem.VariantId" v-model="chosenRemnants" name="remnants" type="checkbox" class="form__input-checkbox"> 502 <span class="form__checkbox-label-text"></span> 503 </label> 504 </div> 505 <div class="remnants__area">{{remnantItem.AvailableArea}} m<sup>2</sup></div> 506 <div class="remnants__info"> 507 <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> 508 <button class="remnants__preview" @@click="showCarpetProfile(remnantItem.ProductNumber,remnantItem.M3BatchNumber,remnantItem.M3ProductNumber)">@Translate("Product details | Remnants | Outlet | Roll profile", "Roll profile")</button> 509 @if (ProductExtensions.GetOutletPatternPDF(patternNumber) != "") 510 { 511 <a target="_blank" class="remnants__pattern-pdf" href="@ProductExtensions.GetOutletPatternPDF(patternNumber)">@Translate("Product details | Remnants | Outlet | Pattern PDF", "Pattern PDF")</a> 512 } 513 </div> 514 <div class="remnants__price">{{Number(remnantItem.Price).toLocaleString('en-GB') }} {{remnantItem.CurrencyCode}}</div> 515 </div> 516 </li> 517 <div class="remnants__additional-costs-msg" v-if="remnantItems.length > 0">@Translate("Product details | Remnants | Additional costs message", "Delivery costs will be added")</div> 518 </ul> 519 <div class="remnants__footer"> 520 <div class="remnants__show-all-holder"> 521 <button class="remnants__show-all" @@click="doShowAll" :class="{'remnants__show-all--show':showShowAll}">@Translate("Product details | Remnants | Show all", "Show all") ({{remnantItems.length}})</button> 522 </div> 523 <button @@click="addChosenToBasket" type="button" property="url" 524 class="button button--solid button--black button--wait-animation" 525 data-service="@cartOrderLinesFeedUrl" 526 v-bind:class="{'button--error':showErrorOnButton,'button--wait':showWaitAnimation}" 527 data-text="@addToBasketString"> 528 <span class="button__error-message"> 529 @Translate("Product details | Remnants | You haven't selected any products to add to basket", "You haven't selected any products to add to basket") 530 </span> 531 <span class="button__wait-animation"> 532 <span></span> 533 <span></span> 534 <span></span> 535 <span></span> 536 </span> 537 <span class="button__content"> 538 <span class="button__icon"> 539 <svg class="svg-icon button__svg"> 540 <use xlink:href="@Constants.DistPath/icons/icons.svg#samples"></use> 541 </svg> 542 </span> 543 <span class="button__text">@addToBasketString</span> 544 </span> 545 </button> 546 </div> 547 548 <div @@click="closeProfileOverlay" class="novi-backdrop novi-backdrop--hidden novi-backdrop--carpet-profile" :class="{'novi-backdrop--shown':showProfileOverlay}"> 549 <div class="novi-overlay"> 550 <div class="novi-overlay__container"> 551 <div class="novi-overlay__content" @@click="stopProp"> 552 <div class="carpet-profile"> 553 <header class="carpet-profile__header"> 554 <h2 class="subheader-in-component js-alt-color-gold"> 555 @Translate("Product details | Remnants | Error table | header | Error profile", "Error profile") 556 </h2> 557 <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> 558 </header> 559 <div class="row"> 560 <div class="col-xs-12"> 561 <img class="carpet-profile__img" id='base64image' v-if="currentChosenProfileIndex !== null" 562 :src="'data:image/jpeg;base64, '+remnantProfiles[this.currentChosenProfileIndex].data.profileBase64" /> 563 <p class="carpet-profile__draw-outline" v-if="currentChosenProfileIndex !== null" v-html="remnantProfiles[this.currentChosenProfileIndex].data.profileText"></p> 564 565 <table class="carpet-profile__fault-list" v-if="currentChosenProfileIndex !== null && remnantProfiles[this.currentChosenProfileIndex].data.faults.length"> 566 <tr class="carpet-profile__fault-list-item carpet-profile__fault-list-item--header"> 567 <th class="carpet-profile__fault-list-cell carpet-profile__fault-list-cell--header">@Translate("Product details | Remnants | Error table | Error code", "Error code")</th> 568 <th class="carpet-profile__fault-list-cell carpet-profile__fault-list-cell--header">@Translate("Product details | Remnants | Error table | Error rank", "Error rank")</th> 569 <th class="carpet-profile__fault-list-cell carpet-profile__fault-list-cell--header">@Translate("Product details | Remnants | Error table | Text", "Text")</th> 570 <th class="carpet-profile__fault-list-cell carpet-profile__fault-list-cell--header">@Translate("Product details | Remnants | Error table | Width from", "Width from")</th> 571 <th class="carpet-profile__fault-list-cell carpet-profile__fault-list-cell--header">@Translate("Product details | Remnants | Error table | Width to", "Width to")</th> 572 <th class="carpet-profile__fault-list-cell carpet-profile__fault-list-cell--header">@Translate("Product details | Remnants | Error table | Length from", "Length from")</th> 573 <th class="carpet-profile__fault-list-cell carpet-profile__fault-list-cell--header">@Translate("Product details | Remnants | Error table | Length to", "Length to")</th> 574 </tr> 575 <tr class="carpet-profile__fault-list-item" v-for="fault in remnantProfiles[this.currentChosenProfileIndex].data.faults"> 576 <td data-header="@Translate("Product details | Remnants | Error table | Error code", "Error code")" class="carpet-profile__fault-list-cell" v-html="fault.reasonCode"></td> 577 <td data-header="@Translate("Product details | Remnants | Error table | Error rank", "Error rank")" class="carpet-profile__fault-list-cell" v-html="fault.errorRank"></td> 578 <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> 579 <td data-header="@Translate("Product details | Remnants | Error table | Width from", "Width from")" class="carpet-profile__fault-list-cell" v-html="fault.brdStart"></td> 580 <td data-header="@Translate("Product details | Remnants | Error table | Width to", "Width to")" class="carpet-profile__fault-list-cell" v-html="fault.brdEnd"></td> 581 <td data-header="@Translate("Product details | Remnants | Error table | Length from", "Length from")" class="carpet-profile__fault-list-cell" v-html="fault.lgdStart"></td> 582 <td data-header="@Translate("Product details | Remnants | Error table | Length to", "Length to")" class="carpet-profile__fault-list-cell" v-html="fault.lgdEnd"></td> 583 </tr> 584 </table> 585 </div> 586 </div> 587 </div> 588 <div class="novi-overlay__close-area"> 589 <button @@click="closeProfileOverlay" class="close-button novi-overlay__close-button"> 590 <span class="close-button__icon"> 591 <svg class="svg-icon close-button__svg"> 592 <use xlink:href="@Constants.DistPath/icons/icons.svg#cross"></use> 593 </svg> 594 </span> 595 <span class="close-button__text">@Translate("Product | Sample overlay | Close", "Close")</span> 596 </button> 597 </div> 598 </div> 599 </div> 600 </div> 601 </div> 602 </div> 603 } 604 else 605 { 606 <span> 607 <div class="button-double product-details__buttons"> 608 @if (!B2cSiteActive && !string.IsNullOrWhiteSpace(Model.GetCadesignProperties().ToolUrl)) 609 { 610 string firstBtnText = string.Empty; 611 612 if (Model.GetCadesignProperties().IsTile) 613 { 614 firstBtnText = Translate("Product | Tile", "Create your tile design"); 615 } 616 else if (Model.GetCadesignProperties().Recolour) 617 { 618 firstBtnText = Translate("Product | Customize", "Customize"); 619 } 620 else 621 { 622 firstBtnText = Translate("Product | Visualize", "Visualize"); 623 } 624 625 <button data-href="@Model.GetCadesignProperties().ToolUrl" @@click="openCustomizeOverlay" class="button button--ghost button--black js-customize-button" data-text="@firstBtnText"> 626 <span class="button__content"> 627 <span class="button__icon"> 628 <svg class="svg-icon button__svg"> 629 <use xlink:href="@Constants.DistPath/icons/icons.svg#magic-wand"></use> 630 </svg> 631 </span> 632 <span class="button__text">@firstBtnText</span> 633 </span> 634 <div class="product-details__hide js-customize-iframe-holder"> 635 <div class="product-details__iframe-holder"> 636 <iframe class="product-details__customize-iframe" frameborder="0"></iframe> 637 <span class="product-details__wait-animation"> 638 <span></span> 639 <span></span> 640 <span></span> 641 <span></span> 642 </span> 643 </div> 644 </div> 645 </button> 646 } 647 else if (B2cSiteActive && !string.IsNullOrWhiteSpace(Model.GetFieldValue<string>("ProductBacking")) && !string.IsNullOrWhiteSpace(Model.GetFieldValue<string>("ProductSpecificationCode"))) 648 { 649 var prod = Dynamicweb.Ecommerce.Services.Products.GetProductByNumber(Model.GetFieldValue<string>("ProductBacking"), Model.LanguageId); 650 651 <form method="post" action="/api/specifications/getpdf" class="button-double__form"> 652 <input type="hidden" name="backingCode" value="@(Model.GetFieldValue<string>("ProductBacking"))" /> 653 <input type="hidden" name="backingName" value="@(ProductExtensions.GetProductName(prod))" /> 654 <input type="hidden" name="qualityName" value="@prodCollectionName" /> 655 <input type="hidden" name="collectionCode" value="@Model.GetFieldValue("ProductCollectionCode")" /> 656 <input type="hidden" name="specificationCode" value="@(Model.GetFieldValue<string>("ProductSpecificationCode"))" /> 657 <input type="hidden" name="nationalityCode" value="@Dynamicweb.Ecommerce.Common.Context.Language.CountryCode" /> 658 <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) *@ 659 <input type="hidden" name="productName" value="@Model.Name" /> 660 <input type="hidden" name="sustainabilityChoice" value="@sustainabilityChoices" /> 661 <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"> 662 <span class="button__content"> 663 <span class="button__icon"> 664 <svg class="svg-icon button__svg"> 665 <use xlink:href="@Constants.DistPath/icons/icons.svg#arrow-down-in-circle"></use> 666 </svg> 667 </span> 668 <span class="button__text"> 669 @Translate("Product details | Specifications | Download full specifications", "Download full specifications") 670 </span> 671 </span> 672 </button> 673 </form> 674 } 675 @if (!B2cSiteActive && (variantCombinations.Any() || Model.GetRelatedGroupById("RELGRP1").Any())) 676 { 677 var nonVariantSamples = Model.GetRelatedGroupById("RELGRP1"); 678 var showSamplesVersion = ""; 679 if (variantCombinations.Any()) 680 { 681 showSamplesVersion = "showSamplesAdvanced"; 682 } 683 else if (nonVariantSamples.Any()) 684 { 685 showSamplesVersion = "showSamplesSimple"; 686 } 687 <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")"> 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#samples"></use> 692 </svg> 693 </span> 694 <span class="button__text">@Translate("Product | Add to samples", "Add to samples")</span> 695 </span> 696 </button> 697 } 698 else if (B2cSiteActive) 699 { 700 if (IsBulkCarpets && prodCollectionName != "Geometrica Rugs") 701 { 702 var shapeOverlayBtnText = Translate("Product | See rug in room", "Se tæppet i rum"); 703 var shapeToolUrl = ProductExtensions.CadesignServiceUrl + "/rug-ui.html?prod=" + @Model.Id; 704 <button data-href="@shapeToolUrl" @@click="openCustomizeOverlay" 705 class="button button--solid button--black js-customize-button" 706 data-text="@shapeOverlayBtnText"> 707 <span class="button__content"> 708 <span class="button__icon"> 709 <svg class="svg-icon button__svg"> 710 <use xlink:href="@Constants.DistPath/icons/icons.svg#magic-wand"></use> 711 </svg> 712 </span> 713 <span class="button__text">@shapeOverlayBtnText</span> 714 </span> 715 <div class="product-details__hide js-customize-iframe-holder"> 716 <div class="product-details__iframe-holder"> 717 <iframe class="product-details__customize-iframe" frameborder="0"></iframe> 718 <span class="product-details__wait-animation"> 719 <span></span> 720 <span></span> 721 <span></span> 722 <span></span> 723 </span> 724 </div> 725 </div> 726 </button> 727 } 728 else 729 { 730 <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")"> 731 <span class="button__content"> 732 <span class="button__icon"> 733 <svg class="svg-icon button__svg"> 734 <use xlink:href="@Constants.DistPath/icons/icons.svg#contact"></use> 735 </svg> 736 </span> 737 <span class="button__text">@Translate("Product | B2C Kontakt Os Knap", "B2C Kontakt Os Knap")</span> 738 </span> 739 </button> 740 } 741 } 742 @if (!B2cSiteActive) 743 { 744 <div class="product-details__contact-form-link"> 745 <span class="product-details__contact-form-link-left">@Translate("Product | Do you need help", "Do you need help?")</span> 746 <span class="product-details__contact-form-link-right"> 747 <button type="button" id="js-product-details__contact-form-link-button" class="product-details__contact-form-link-button" @@click="scrollDown"> 748 @Translate("Product | Contact us", "Contact us") 749 <span class="product-details__contact-form-link-arrow"> 750 <svg class="svg-icon product-details__contact-form-link-arrow-svg"> 751 <use xlink:href="@Constants.DistPath/icons/icons.svg#arrow"></use> 752 </svg> 753 </span> 754 </button> 755 </span> 756 </div> 757 } 758 else if (B2cSiteActive && !string.IsNullOrEmpty(prodB2CCollectionLink)) 759 { 760 <div class="product-details__contact-form-link product-details__contact-form-link--b2c"> 761 <a href="@prodB2CCollectionLink" type="button" class="product-details__contact-form-link-button"> 762 @Translate("Product | B2C Se vores Priser", "Se vores priser her!") 763 <span class="product-details__contact-form-link-arrow product-details__contact-form-link-arrow--b2c"> 764 <svg class="svg-icon product-details__contact-form-link-arrow-svg"> 765 <use xlink:href="@Constants.DistPath/icons/icons.svg#arrow"></use> 766 </svg> 767 </span> 768 </a> 769 </div> 770 } 771 </div> 772 </span> 773 <div> 774 @TemplateHelper.RenderPartial("Ecom/Partials/Details_SelectedSamplesOverlay.cshtml") 775 @TemplateHelper.RenderPartial("Ecom/Partials/Details_AddToSamples.cshtml", Model) 776 </div> 777 } 778 </div> 779 </div> 780 781 </div> 782 </section> 783 784 if (isOutletSite) 785 { 786 787 } 788 else if (B2cSiteActive) 789 { 790 @TemplateHelper.RenderPartial("Ecom/Partials/Details_B2CGuidesAndImages.cshtml", Model) 791 } 792 else 793 { 794 @TemplateHelper.RenderPartial("Ecom/Partials/Details_B2BGuidesAndImages.cshtml", Model) 795 @TemplateHelper.RenderPartial("Ecom/Partials/Details_SpecificationsAndHighlights.cshtml", Model) 796 } 797 } 798
Er du ved at planlægge et projekt, så kan vi hjælpe dig gennem hele processen, fra idé til unik tæppeløsning.
Udfyld formularen og vi vil kontakte dig - eller du kan finde kontaktoplysningerne på din forhandler
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.