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

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.