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_3e528c2377ef46f88d0c85e05b7dc8ab.Execute() in E:\Solutions\egecarpets.dk\Files\Templates\Designs\Ege\eCom\ProductCatalog\Ege_ProductViewDetail.cshtml:line 539
   at RazorEngine.Templating.TemplateBase.RazorEngine.Templating.ITemplate.Run(ExecuteContext context, TextWriter reader)
   at RazorEngine.Templating.RazorEngineService.RunCompile(ITemplateKey key, TextWriter writer, Type modelType, Object model, DynamicViewBag viewBag)
   at RazorEngine.Templating.RazorEngineServiceExtensions.<>c__DisplayClass16_0.<RunCompile>b__0(TextWriter writer)
   at RazorEngine.Templating.RazorEngineServiceExtensions.WithWriter(Action`1 withWriter)
   at Dynamicweb.Rendering.RazorTemplateRenderingProvider.Render(Template template)
   at Dynamicweb.Rendering.TemplateRenderingService.Render(Template template)
   at Dynamicweb.Rendering.Template.RenderRazorTemplate()

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

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.