Dot 1652 sengebord

Error executing template "Designs/Mobler2018/eCom/Product/Product.cshtml"
System.NullReferenceException: Object reference not set to an instance of an object.
   at CompiledRazorTemplates.Dynamic.RazorEngine_27507ede58b84b2bb9088458e37e3b89.Execute() in D:\dynamicweb.net\Solutions\mobler.LIVE\Files\Templates\Designs\Mobler2018\eCom\Product\Product.cshtml:line 1023
   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.b__0(TextWriter writer)
   at RazorEngine.Templating.RazorEngineServiceExtensions.WithWriter(Action`1 withWriter)
   at Dynamicweb.Rendering.Template.RenderRazorTemplate()


  1	@using System.Web
  2	@using Mobler.Website.CustomModules.MoblerHelpers
  3	@using System.Text.RegularExpressions
  4	@using CampaignModule.Models
  5	@using Group = Dynamicweb.Ecommerce.Products.Group
  6	@inherits Dynamicweb.Rendering.RazorTemplateBase<Dynamicweb.Rendering.RazorTemplateModel<Dynamicweb.Rendering.Template>>
  7	
  8	
  9	@{
 10	    string shopname = MoblerHelpers.GetShopName();
 11	    string SelectPlaceholder = Translate("ShopSelectPlaceholder", "Indtast by, postnummer eller adresse");
 12	    var shopInfo = MoblerHelpers.ShopInfo();
 13	    int ShopPageId = Firstweb.Custom.CustomCode.Frontend.Helpers.AreaItems.GetInt("ShopPageId");
 14	    var AllShops = Firstweb.Custom.CustomCode.Frontend.Helpers.Shops.GetAllShops(ShopPageId);
 15	    int AjaxCartPageId = Firstweb.Custom.CustomCode.Frontend.Helpers.AreaItems.GetInt("AjaxCartPageId");
 16	    int CustomersAlsoSawPageId = Firstweb.Custom.CustomCode.Frontend.Helpers.AreaItems.GetInt("CustomersAlsoSawPageId");
 17	    string CartPage = Firstweb.Custom.CustomCode.Frontend.Helpers.AreaItems.GetString("CartPage");
 18	    string VariantsEndpoint = Firstweb.Custom.CustomCode.Frontend.Helpers.AreaItems.GetString("VariantsUrl");
 19	    string VariantDetailsEndpoint = Firstweb.Custom.CustomCode.Frontend.Helpers.AreaItems.GetString("VariantDetailsUrl");
 20	    string BlackFridayTheme = Firstweb.Custom.CustomCode.Frontend.Helpers.AreaItems.GetString("BlackFridayTheme");
 21	    string ProductID = GetString("Ecom:Product.ID");
 22	    string GroupID = Firstweb.Custom.CustomCode.Frontend.Helpers.EcomGroups.GetProductDefaultShopGroupID(ProductID); //GetString("Ecom:Product.PrimaryOrFirstGroupID");
 23	    string DefaultVariantID = GetString("Ecom:Product.DefaultVariantComboID");
 24	    string ProductImage = MoblerHelpers.GetProductListImage(ProductID, DefaultVariantID);
 25	    string ProductName = GetString("Ecom:Product.Name");
 26	    string ProductNumber = GetString("Ecom:Product.Number");
 27	    string ProductCatalogLink = !String.IsNullOrEmpty(GetString("Ecom:Product:Field.ProductCatelog.Value.Clean")) ? GetString("Ecom:Product:Field.ProductCatelog.Value.Clean") : "";
 28	    string VariantId = GetString("Ecom:Product.VariantID");
 29	    string ShortDescription = GetString("Ecom:Product.ShortDescription");
 30	    string LongDescription = GetString("Ecom:Product.LongDescription").Replace("||", "<br/>");
 31	    string CurrentVariantName = GetString("Ecom:Product.SelectedVariantComboName");
 32	    var FaqQuestions = MoblerHelpers.GetProductFAQs(ProductID, GroupID);
 33	
 34	
 35	    Mobler.Website.CustomCode.Frontend.PayeverHelper payeverHelper = new Mobler.Website.CustomCode.Frontend.PayeverHelper();
 36	    Mobler.Website.CustomCode.Models.PayeverWidget PayeverWidget = payeverHelper.GetPayeverWidgetInformation();
 37	
 38	    string MetaDescription = GetString("Ecom:Product.MetaDescription");
 39	
 40	    if (string.IsNullOrEmpty(MetaDescription))
 41	    {
 42	        MetaDescription = Mobler.Website.CustomCode.Frontend.Helpers.Text.GetFirstLine(LongDescription.Replace("<br/>", " "));
 43	    }
 44	    else
 45	    {
 46	        MetaDescription = ""; //Meta data description bliver sat af DW, hvis dette felt er udfyldt, sÃ¥ vi skal ikke opsÃ¦tte noget.
 47	    }
 48	
 49	
 50	    var RelatedBlogs = Firstweb.Custom.CustomCode.Frontend.Helpers.Blogs.GetBlogsRelatedToProduct(ProductID);
 51	    bool NewItem = GetBoolean("Ecom:Product:Field.NewItem");
 52	    bool LowPrice = GetBoolean("Ecom:Product:Field.Splash3");
 53	
 54	
 55	    Mobler.Website.CustomCode.Frontend.ProductsDisplayVariant productsDisplayVariant = Mobler.Website.CustomCode.Frontend.ProductsDisplayVariant.Instance();
 56	
 57	    bool ForSale = !GetBoolean("Ecom:Product:Field.NotForSaleOnline");
 58	
 59	    var MainProdNr = string.Empty;
 60	    var VariantNr = string.Empty;
 61	    string FirstImage = "";
 62	    if (!string.IsNullOrWhiteSpace(ProductNumber))
 63	    {
 64			string[] MainProdSplit = ProductNumber.Split('_');
 65	
 66	
 67	
 68	        if (MainProdSplit.Length > 1)
 69	        {
 70	            MainProdNr = MainProdSplit[0];
 71	            VariantNr = MainProdSplit[1];
 72	        }
 73	        else
 74	        {
 75	            MainProdNr = ProductNumber;
 76	        }
 77	    }
 78	    var Images = MoblerHelpers.GetProductImages(GetString("Ecom:Product.ID"), VariantId);
 79	    bool First = true;
 80	    bool FirstIndicator = true;
 81	    int IndicatorIncrementer = 0;
 82	    string ProductLink = GetString("Ecom:Product.Link.Clean");
 83	
 84		double ActualPrice = GetDouble("Ecom:Product.Price.Price");
 85	    double spar = 0;
 86	    double price = 0;
 87		double normalPrice = 0;
 88	
 89		string priceFormatted = "";
 90		string sparFormatted = "";
 91		string normalPriceFormatted = "";
 92	
 93		string campaignColor = "";
 94		string campaignText = "";
 95		string campaignDate = "";
 96	
 97	
 98		string campaignDateStart = "";
 99		string campaignDateEnd = "";
100	
101	
102		bool CampaignActiveOnProduct = GetBoolean("CampaignModule:Product.CampaignActiveOnProduct");
103	    if (!CampaignActiveOnProduct)
104	    {
105			price = ActualPrice;
106			priceFormatted = MoblerHelpers.formatPrice(price);
107	    }
108	    else
109	    {
110			normalPrice = GetDouble("CampaignModule:Product.CampaignProduct.NormalPrice");
111			normalPriceFormatted = GetString("CampaignModule:Product.CampaignProduct.NormalPrice.FormattedRetail");
112	
113			price = GetDouble("CampaignModule:Product.CampaignProduct.CampaignPrice");
114	        priceFormatted = GetString("CampaignModule:Product.CampaignProduct.CampaignPrice.FormattedRetail");
115	
116			spar = GetDouble("CampaignModule:Product.CampaignProduct.DiscountAmount");
117	        sparFormatted = GetString("CampaignModule:Product.CampaignProduct.DiscountAmount.FormattedRetail");
118	
119			campaignColor = GetString("CampaignModule:Product.Campaign.Color");
120	        campaignText = GetString("CampaignModule:Product.Campaign.Text");
121	
122	        campaignDateStart = GetString("CampaignModule:Product.CampaignProduct.Campaign.Start");
123	        campaignDateEnd = GetString("CampaignModule:Product.CampaignProduct.Campaign.End");
124	    }
125	
126	
127	    string DataLayerPrice = ActualPrice.ToString().Replace(".", "").Replace(",", ".");
128	    System.Web.HttpContext.Current.Items["OverrideOgTags"] = true;
129	    string OgImage = "https://mobler.dk" + Images.FirstOrDefault();
130	
131	    string TrimmedTeaser = Firstweb.Custom.CustomCode.Frontend.Helpers.JSFormatting.TrimLinebreaks(ShortDescription);
132	    string TrimmedName = Firstweb.Custom.CustomCode.Frontend.Helpers.JSFormatting.TrimLinebreaks(ProductName);
133	
134	    var ParentGroups = Firstweb.Custom.CustomCode.Frontend.Helpers.EcomGroups.getBreadCrumbGroupList(GroupID, true);
135	    var DataLayerParentGroup = ParentGroups.Last().Name;
136	    List<string> DataLayerParentGroupStrings = ParentGroups.Select(group => group.Name).ToList();
137	    string DataLayerParentGroups = string.Join(" > ", DataLayerParentGroupStrings);
138	
139	    string ShowOnPageUrl = "";
140	    string GetCartEndpoint = Firstweb.Custom.CustomCode.Frontend.Helpers.AreaItems.GetString("GetCartJson");
141	
142	    string QuickDeliveryColor = Firstweb.Custom.CustomCode.Frontend.Helpers.AreaItems.GetString("QuickDeliveryColor");
143	    string QuickDeliveryDescription = Firstweb.Custom.CustomCode.Frontend.Helpers.AreaItems.GetString("QuickDeliveryDescription");
144	    string NormalDeliveryDescription = Firstweb.Custom.CustomCode.Frontend.Helpers.AreaItems.GetString("NormalDeliveryDescription");
145	    string BrandName = GetString("Ecom:Product:Field.Maerkevarer.Value.Clean");
146	    string DeliveryTime = Translate("DeliveryTime." + BrandName, "Gns. leveringstid 3-12 dage");
147	    bool HideDelivery = DeliveryTime == "Skjul";
148	    string DeliveryColor = "#00AB5D";
149	    bool QuickDelivery = GetBoolean("Ecom:Product:Field.QuickDelivery.Value.Clean");
150	    string CustomDelivery = GetString("Ecom:Product:Field.CustomDeliveryTime.Value.Clean");
151	    if (QuickDelivery)
152	    {
153	        DeliveryColor = QuickDeliveryColor;
154	        DeliveryTime = Translate("DeliveryTime.QuickDelivery", "Ekstra hurtig levering");
155	    }
156	    else if (!String.IsNullOrEmpty(CustomDelivery))
157	    {
158	        DeliveryTime = CustomDelivery;
159	    }
160	    string DeliveryFontWeightModifier = QuickDelivery ? "font-weight-bold" : "";
161	    bool DisplayAverageDeliveryTime = Firstweb.Custom.CustomCode.Frontend.Helpers.AreaItems.GetBoolean("DisplayAverageDeliveryTime");
162	
163	    double CostPrice = GetDouble("Ecom:Product:Field.FirstwebCostPrice.Value.Raw");
164	    string DailyPriceBackgroundColor = Firstweb.Custom.CustomCode.Frontend.Helpers.AreaItems.GetString("AktuelDagsprisBackgroundColor");
165	    string DailyPriceTextColor = Firstweb.Custom.CustomCode.Frontend.Helpers.AreaItems.GetString("AktuelDagsprisTextColor");
166	    string EAN = GetString("Ecom:Product:Field.FirstEan.Value");
167	
168	    string productionDescription = GetString("Ecom:Product:Field.FirstwebProductionDescription");
169	
170	
171	    Mobler.Website.CustomCode.RelewiseCustom.RelewiseCaller relewiseCaller = new Mobler.Website.CustomCode.RelewiseCustom.RelewiseCaller();
172	    relewiseCaller.TrackProductView(ProductNumber, !string.IsNullOrEmpty(VariantId));
173	
174	 }
175	
176	
177	@SnippetStart("ProductDetailsMeta")
178	 @if (!string.IsNullOrEmpty(MetaDescription))
179	 {
180	    <meta name="description" content="@MetaDescription" />
181	 }
182	@SnippetEnd("ProductDetailsMeta")
183	
184	@SnippetStart("OgTags")
185	<meta property="og:type" content="product" />
186	<meta property="og:description" content="@Regex.Replace(ShortDescription, "<.*?>", String.Empty)" />
187	<meta property="og:image" content="@OgImage" />
188	@SnippetEnd("OgTags")
189	
190	@using Mobler.Website.CustomModules.MoblerHelpers
191	@using Dynamicweb.Ecommerce.Products
192	@inherits Dynamicweb.Rendering.RazorTemplateBase<Dynamicweb.Rendering.RazorTemplateModel<Dynamicweb.Rendering.Template>>
193	
194	@helper RenderProduct(LoopItem product)
195	{
196	    string BlackFridayTheme = Firstweb.Custom.CustomCode.Frontend.Helpers.AreaItems.GetString("BlackFridayTheme");
197		string CTAbg = Firstweb.Custom.CustomCode.Frontend.Helpers.AreaItems.GetString("SeProdukt_CTABaggrundsfarve");
198		string CTAtextcolor = Firstweb.Custom.CustomCode.Frontend.Helpers.AreaItems.GetString("SeProdukt_CTATekstfarve");
199		string ProductID = product.GetString("Ecom:Product.ID");
200		string ProductNumber = product.GetString("Ecom:Product.Number");
201		string DefaultVariantID = product.GetString("Ecom:Product.DefaultVariantComboID");
202		string VariantId = product.GetString("Ecom:Product.VariantID");
203		if (String.IsNullOrEmpty(VariantId)) {
204			VariantId = DefaultVariantID;
205		}
206		var Images = MoblerHelpers.GetProductImages(ProductID, VariantId);
207		string ProductImage = string.Format("/Admin/Public/GetImage.ashx?Image={0}&Width=260&height=200&Format=png&Crop=5&resolution=50", Images.FirstOrDefault());       //MoblerHelpers.GetProductListImageWithMainImage(ProductID, ProductNumber);
208		string ProductName = product.GetString("Ecom:Product.Name");
209	
210		bool NewItem = product.GetBoolean("Ecom:Product:Field.NewItem");
211		bool LowPrice = product.GetBoolean("Ecom:Product:Field.Splash3");
212		double CostPrice = product.GetDouble("Ecom:Product:Field.FirstwebCostPrice.Value.Raw");
213		string ShortDescription = product.GetString("Ecom:Product.ShortDescription");
214		string PriceSaving = product.GetString("Ecom:Product:Field.Spar.Value");
215		string ProductLink = product.GetString("Ecom:Product.Link.Clean");
216	
217		if (!String.IsNullOrEmpty(VariantId)) {
218			ProductLink = ProductLink + "&variantid=" + VariantId;
219		}
220	
221	
222	    /*
223		double DiscountedPrice = product.GetDouble("Ecom:Product.Discount.Price.Price");
224	    double ActualPrice = product.GetDouble("Ecom:Product.Price.Price");
225	    var TotalDiscount = product.GetDouble("Ecom:Product.Discount.TotalAmount.Price");
226	    double spar = 0;
227	    double price = 0;
228	    if (!product.GetBoolean("Ecom:Product:Field.Splash3.Value") && !product.GetBoolean("Ecom:Product:Field.Offer.Value"))
229	    {
230	        if (DiscountedPrice < ActualPrice)
231	        {
232	            spar = TotalDiscount;
233	            price = DiscountedPrice;
234	        }
235	        else
236	        {
237	            price = ActualPrice;
238	        }
239	    }
240	    else
241	    {
242	        spar = product.GetDouble("Ecom:Product:Field.Spar.Value.Clean");
243	        price = product.GetDouble("Ecom:Product.Price.Price");
244	    }
245	    double OriginalPrice = spar + price;
246		*/
247	
248		double ActualPrice = product.GetDouble("Ecom:Product.Price.Price");
249	    double spar = 0;
250	    double price = 0;
251		double normalPrice = 0;
252	
253		string priceFormatted = "";
254		string sparFormatted = "";
255		string normalPriceFormatted = "";
256	
257		string campaignColor = "";
258		string campaignText = "";
259		string campaignDate = "";
260	
261		bool CampaignActiveOnProduct = product.GetBoolean("CampaignModule:Product.CampaignActiveOnProduct");
262	    if (!CampaignActiveOnProduct)
263	    {
264			price = ActualPrice;
265			priceFormatted = MoblerHelpers.formatPrice(price);
266	    }
267	    else
268	    {
269			normalPrice = product.GetDouble("CampaignModule:Product.CampaignProduct.NormalPrice");
270			normalPriceFormatted = product.GetString("CampaignModule:Product.CampaignProduct.NormalPrice.FormattedRetail");
271	
272			price = product.GetDouble("CampaignModule:Product.CampaignProduct.CampaignPrice");
273	        priceFormatted = product.GetString("CampaignModule:Product.CampaignProduct.CampaignPrice.FormattedRetail");
274	
275			spar = product.GetDouble("CampaignModule:Product.CampaignProduct.DiscountAmount");
276	        sparFormatted = product.GetString("CampaignModule:Product.CampaignProduct.DiscountAmount.FormattedRetail");
277	
278			campaignColor = product.GetString("CampaignModule:Product.Campaign.Color");
279	        campaignText = product.GetString("CampaignModule:Product.Campaign.Text");
280	    }
281	
282	
283	
284	    var languageId = product.GetString("Ecom:Product.LanguageID");
285	    var dwProduct = Dynamicweb.Ecommerce.Services.Products.GetProductById(ProductID, VariantId, languageId);
286	    var VariantCombinations = dwProduct.VariantCombinations.ToList().Where(v => v.GetProduct(languageId) != null && v.GetProduct(languageId).Number != VariantId);
287	    bool ManyVariants = VariantCombinations.Count() > 3;
288	    if (ManyVariants)
289	    {
290	        VariantCombinations = VariantCombinations.Take(3).ToList();
291	}
292	
293	    string BrandName = product.GetString("Ecom:Product:Field.Maerkevarer.Value.Clean");
294	    bool QuickDelivery = product.GetBoolean("Ecom:Product:Field.QuickDelivery.Value.Clean");
295	    string DeliveryTime = Translate("DeliveryTime." + BrandName, "Gns. leveringstid 3-12 dage");
296	    string DeliveryColor = "#00AB5D";
297	    if (QuickDelivery) {
298	        DeliveryTime = Translate("DeliveryTime.QuickDelivery", "Ekstra hurtig levering");
299	        DeliveryColor = Firstweb.Custom.CustomCode.Frontend.Helpers.AreaItems.GetString("QuickDeliveryColor");
300	    }
301	
302	    <div class="col-11 col-sm-6 col-lg-3 mt-3 mx-auto mx-sm-0 mb-3 js-product-list-item">
303	        <a href="@ProductLink" class="product-list-product box-shadow px-3 pt-3 pb-5 h-100 d-flex flex-column align-items-center mb-3 overflow-hidden">
304	            <div class="d-flex flex-column align-items-center">
305	                <div class="img-container">
306	                    <img class="js-product-image-@ProductID" src="@ProductImage" alt="@ProductName" />
307	                </div>
308	            </div>
309	            <h3 class="mt-2 mb-0 fs2 text-center mw-100 font-weight-bold">@ProductName</h3>
310	            <div class="fs0 color-subtle text-center mw-100 mb-0 product-description">@ShortDescription</div>
311	            <div class="d-flex flex-wrap justify-content-center w-100 align-content-end flex-fill">
312	                <p class="color-subtle m-0 fs0 w-100 text-center">
313	                    @if (!string.IsNullOrWhiteSpace(product.GetString("Ecom:Product:Field.dybdeint.Value.Clean")))
314	                    {
315	                        if (product.GetString("Ecom:Product:Field.dybdeint.Value.Clean") != "0")
316	                        {
317	                            <span>D/L: @product.GetValue("Ecom:Product:Field.dybdeint.Value.Clean")</span>
318	                        }
319	                    }
320	                    @if (!string.IsNullOrWhiteSpace(product.GetString("Ecom:Product:Field.hoejdeint.Value.Clean")))
321	                    {
322	                        if (product.GetString("Ecom:Product:Field.hoejdeint.Value.Clean") != "0")
323	                        {
324	                            <span>H: @product.GetValue("Ecom:Product:Field.hoejdeint.Value.Clean")</span>
325	                        }
326	                    }
327	                    @if (!string.IsNullOrWhiteSpace(product.GetString("Ecom:Product:Field.breddeint.Value.Clean")))
328	                    {
329	                        if (product.GetString("Ecom:Product:Field.breddeint.Value.Clean") != "0")
330	                        {
331	                            <span>B: @product.GetValue("Ecom:Product:Field.breddeint.Value.Clean")</span>
332	                        }
333	                    }
334	                </p>
335	                @if (QuickDelivery)
336	                {
337	                    <div class="delivery-information my-2 w-100 justify-content-center">
338	                        <svg class="delivery-icon mr-2" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" id="Capa_1" fill="@DeliveryColor" x="0px" y="0px" width="20px" height="20px" viewBox="0 0 612 612" style="enable-background:new 0 0 612 612;" xml:space="preserve">
339	                        <g>
340	                        <g>
341	                        <path d="M226.764,375.35c-28.249,0-51.078,22.91-51.078,51.16c0,28.166,22.829,51.078,51.078,51.078s51.078-22.912,51.078-51.078    C277.841,398.26,255.013,375.35,226.764,375.35z M226.764,452.049c-14.125,0-25.54-11.498-25.54-25.541    c0-14.123,11.415-25.539,25.54-25.539c14.124,0,25.539,11.416,25.539,25.539C252.302,440.551,240.888,452.049,226.764,452.049z     M612,337.561v54.541c0,13.605-11.029,24.635-24.636,24.635h-26.36c-4.763-32.684-32.929-57.812-66.927-57.812    c-33.914,0-62.082,25.129-66.845,57.812H293.625c-4.763-32.684-32.93-57.812-66.845-57.812c-33.915,0-62.082,25.129-66.844,57.812    h-33.012c-13.606,0-24.635-11.029-24.635-24.635v-54.541H612L612,337.561z M494.143,375.35c-28.249,0-51.16,22.91-51.16,51.16    c0,28.166,22.912,51.078,51.16,51.078c28.166,0,51.077-22.912,51.077-51.078C545.22,398.26,522.309,375.35,494.143,375.35z     M494.143,452.049c-14.125,0-25.539-11.498-25.539-25.541c0-14.123,11.414-25.539,25.539-25.539    c14.042,0,25.539,11.416,25.539,25.539C519.682,440.551,508.185,452.049,494.143,452.049z M602.293,282.637l-96.817-95.751    c-6.159-6.077-14.453-9.526-23.076-9.526h-48.86v-18.313c0-13.631-11.004-24.635-24.635-24.635H126.907    c-13.55,0-24.635,11.005-24.635,24.635v3.86L2.3,174.429l177.146,23.068L0,215.323l178.814,25.423L0,256.25l102.278,19.29    l-0.007,48.403h509.712v-17.985C611.983,297.171,608.452,288.796,602.293,282.637z M560.084,285.839h-93.697    c-2.135,0-3.86-1.724-3.86-3.859v-72.347c0-2.135,1.725-3.86,3.86-3.86h17.82c0.985,0,1.971,0.411,2.71,1.068l75.796,72.347    C565.257,281.569,563.532,285.839,560.084,285.839z" />
342	
343	                        </g>
344	                        </g>
345	                    </svg>
346	                        <p class="delivery-text font-weight-bold">@DeliveryTime - <span class="text-underline cursor-pointer" data-bind="click: ToggleQuickDeliveryInfo" style="color: @DeliveryColor">@Translate("Product.DeliveryInfo.ReadmoreText", "L&aelig;s mere")</span></p>
347	                    </div>
348	                }
349	                <p class="fs5 my-0 d-flex align-items-center font-weight-bold">
350	                    @if (VariantCombinations.Count() > 0)
351	                    {
352	                        <span class="font-weight-semibold fs0 mr-2">@Translate("ProductPrice.From", "Fra")</span>
353	                    }
354	                    @priceFormatted
355	                </p>
356	                @if (campaignText == "KOMBI")
357	                {
358	                    <div class="discount-splash discount-splash--small"><p class="m-0">@Translate("ProductCombinationOffer", "Kombinationstilbud")</p></div>
359	                    <div class="d-flex justify-content-between w-100 mb-2">
360	                        <p class="color-black-w-opacity fs0 m-0 text-uppercase">@Translate("PriceBefore", "Før") @normalPriceFormatted</p>
361	                        <p class="bg-discount fs0 text-uppercase m-0 px-2 font-weight-bold">@Translate("PriceSaving", "Spar") @sparFormatted</p>
362	                    </div>
363	                }
364	                else if (CostPrice > 0)
365	                {
366	                    string DailyPriceBackgroundColor = Firstweb.Custom.CustomCode.Frontend.Helpers.AreaItems.GetString("AktuelDagsprisBackgroundColor");
367	                    string DailyPriceTextColor = Firstweb.Custom.CustomCode.Frontend.Helpers.AreaItems.GetString("AktuelDagsprisTextColor");
368	                    string EAN = product.GetString("Ecom:Product:Field.FirstEan.Value");
369	
370	                    <div class="discount-splash price-shape" style="background-color: @DailyPriceBackgroundColor"><p class="m-0" style="color: @DailyPriceTextColor;">@Translate("ProductDailyPriceSplash", "Dagspris")</p></div>
371	                }
372	                else if (spar > 0)
373	                {
374	                    if (BlackFridayTheme == "True")
375	                    {
376	                        <div class="discount-splash bf-bg-black bf-color-white"><p class="m-0 font-weight-bold">@Translate("ProductOffer", "Tilbud")</p></div>
377	                    }
378	                    else
379	                    {
380	                        <div class="discount-splash"><p class="m-0 font-weight-bold">@Translate("ProductOffer", "Tilbud")</p></div>
381	                    }
382	                    <div class="d-flex justify-content-between w-100 mb-2">
383	                        <p class="color-black-w-opacity fs0 m-0 text-uppercase">@Translate("PriceBefore", "Før") @normalPriceFormatted</p>
384	                        <p class="bg-discount fs0 text-uppercase m-0 px-2 font-weight-bold">@Translate("PriceSaving", "Spar") @sparFormatted</p>
385	                    </div>
386	                }
387	                else if (NewItem)
388	                {
389	                    <div class="discount-splash new-item"><p class="m-0 font-weight-bold">@Translate("ProductNew", "Nyhed")</p></div>
390	                }
391	                else if (LowPrice)
392	                {
393	                    <div class="discount-splash low-price"><p class="m-0 font-weight-bold">@Translate("ProductLowPrice", "Fast lavpris")</p></div>
394	                }
395	            </div>
396	            @if (VariantCombinations.Count() > 0)
397	            {
398	                <div class="w-100 row align-items-center justify-content-center">
399	                    @foreach (var Variant in VariantCombinations)
400	                    {
401	                        string VariantLink = product.GetString("Ecom:Product.Link.Clean") + "&variantid=" + Variant.VariantId;
402	                        string imageProductDetails = string.Format("/Admin/Public/GetImage.ashx?Image={0}&Width=60&height=50&Format=png&Crop=5&resolution=50", MoblerHelpers.GetProductImages(ProductID, Variant.VariantId).First());
403	                        string ImageLarge = imageProductDetails.Replace("&Width=60&height=50", "&Width=260&height=200");
404	                        <div class="w-25 p-1 mb-2 d-block" data-bind="previewVariant: { variantImage: '@ImageLarge', currentImage: '.js-product-image-@ProductID', originalImage: '@ProductImage', link: '@VariantLink' }">
405	                            <img class="img-fluid" src="@imageProductDetails" />
406	                        </div>
407	                    }
408	                    @if (ManyVariants)
409	                    {
410	                        <div class="w-25 p-1 mb-2 d-flex justify-content-center align-items-center fs2">
411	                            <span class="see-more-dots">
412	                                <i class="fas fa-ellipsis-h"></i>
413	                            </span>
414	                        </div>
415	                    }
416	                </div>
417	                <div class="variant-price-disclaimer">@Translate("VariantPriceDisclaimer", "Prisen kan variere efter materialevalg")</div>
418	            }
419	            @if (BlackFridayTheme == "True")
420	            {
421	                <div class="bf-bg-black product-cta d-block text-center fs2 font-weight-bold">@Translate("GoToProduct", "Se produkt")</div>
422	            } else {
423	                <div class="bg-brand product-cta d-block text-center fs2 font-weight-bold" style="background-color: @CTAbg;color: @CTAtextcolor;">@Translate("GoToProduct", "Se produkt")</div>
424	            }
425	
426	        </a>
427	
428	    </div>
429	}
430	
431	@helper RenderWideOffer(LoopItem product)
432	{
433	    string ProductID = product.GetString("Ecom:Product.ID");
434	    string DefaultVariantID = product.GetString("Ecom:Product.DefaultVariantComboID");
435	    string ProductImage = MoblerHelpers.GetProductListImage(ProductID, DefaultVariantID).Replace("Width=260&height=200", "Width=400&height=230");
436	    string ProductName = product.GetString("Ecom:Product.Name");
437	    string ShortDescription = product.GetString("Ecom:Product.ShortDescription");
438	    string PriceSaving = product.GetString("Ecom:Product:Field.Spar.Value");
439	    string ProductLink = product.GetString("Ecom:Product.Link.Clean");
440	    double DiscountedPrice = product.GetDouble("Ecom:Product.Discount.Price.Price");
441	    double ActualPrice = product.GetDouble("Ecom:Product.Price.Price");
442	    var TotalDiscount = product.GetDouble("Ecom:Product.Discount.TotalAmount.Price");
443	    double spar = 0;
444	    double price = 0;
445	    if (!product.GetBoolean("Ecom:Product:Field.Splash3.Value") && !product.GetBoolean("Ecom:Product:Field.Offer.Value"))
446	    {
447	        if (DiscountedPrice < ActualPrice)
448	        {
449	            spar = TotalDiscount;
450	            price = DiscountedPrice;
451	        }
452	        else
453	        {
454	            price = ActualPrice;
455	        }
456	    }
457	    else
458	    {
459	        spar = product.GetDouble("Ecom:Product:Field.Spar.Value.Clean");
460	        price = product.GetDouble("Ecom:Product.Price.Price");
461	    }
462	    double OriginalPrice = spar + price;
463	
464	        <div class="col-12 bg-white box-shadow-grey border-radius-bottom-8px mt-5">
465	            <div class="row">
466	
467	                <div class="col-12 col-md-4 d-flex align-items-center justify-content-center p-2">
468	                @if (spar > 0)
469	                {
470	                    <div class="discount-splash d-md-none">
471	                        <p class="m-0">
472	                            @Translate("ProductOffer", "Tilbud")
473	                        </p>
474	                    </div>
475	                }
476	                    <a href="@ProductLink">
477	                        <img class="img-fluid" src="@ProductImage" alt="@ProductName" />
478	                    </a>
479	                </div>
480	                <div class="col-12 col-md-8 px-0 pt-4 pb-0 pb-sm-3 d-flex flex-column align-items-center
481	                      justify-content-end">
482	                      @if (spar > 0)
483	                      {
484	                        <div class="discount-splash d-none d-md-flex">
485	                            <p class="m-0">
486	                                @Translate("ProductOffer", "Tilbud")
487	                            </p>
488	                        </div>
489	                      }
490	                    <div class="px-2">
491	                        <h1 class="wide-offer--title mw-100 word-break mt-3 mt-sm-0 font-weight-bold text-uppercase text-center">@ProductName</h1>
492	                        <div class="wide-offer--subtitle word-break text-center color-dark-grey rte-content">
493	                            @ShortDescription
494	                        </div>
495	                    </div>
496	                    <div class="mt-2 fs5 font-weight-bold">
497	                        @MoblerHelpers.formatPrice(price)
498	                    </div>
499	                    <div class="d-flex flex-column justify-content-center align-items-center flex-sm-row w-100">
500	
501	                        @if (spar > 0)
502	                        {
503	                            <div class="d-flex mb-2 mb-sm-0 justify-content-center">
504	                                <p class="color-black-w-opacity m-0 mr-5 p-1 text-uppercase">
505	                                    @Translate("PriceBefore", "Før") @MoblerHelpers.formatPrice(OriginalPrice)
506	                                </p>
507	                                <p class="bg-discount font-weight-bold mb-0 mr-sm-5 px-2 p-1 text-uppercase">
508	                                    @Translate("PriceSaving", "Spar")  @MoblerHelpers.formatPrice(spar)
509	                                </p>
510	                            </div>
511	                        }
512	                        <a class="wide-offer--button btn btn-primary pl-3 pr-3" href="@ProductLink">
513	                            @Translate("GoToProduct", "Se produkt")
514	                        </a>
515	                    </div>
516	                </div>
517	
518	            </div>
519	        </div>
520	
521	}
522	
523	@helper Render2ColOffer(LoopItem product)
524	{
525	    string ProductID = product.GetString("Ecom:Product.ID");
526	    string DefaultVariantID = product.GetString("Ecom:Product.DefaultVariantComboID");
527	    string ProductImage = MoblerHelpers.GetProductListImage(ProductID, DefaultVariantID).Replace("Width=260", "Width=450").Replace("height=200", "Height=400");
528	    string ProductName = product.GetString("Ecom:Product.Name");
529	    string ShortDescription = product.GetString("Ecom:Product.ShortDescription");
530	    string PriceSaving = product.GetString("Ecom:Product:Field.Spar.Value");
531	    string ProductLink = product.GetString("Ecom:Product.Link.Clean");
532	    double DiscountedPrice = product.GetDouble("Ecom:Product.Discount.Price.Price");
533	    double ActualPrice = product.GetDouble("Ecom:Product.Price.Price");
534	    var TotalDiscount = product.GetDouble("Ecom:Product.Discount.TotalAmount.Price");
535	    double spar = 0;
536	    double price = 0;
537	    if (!product.GetBoolean("Ecom:Product:Field.Splash3.Value") && !product.GetBoolean("Ecom:Product:Field.Offer.Value"))
538	    {
539	        if (DiscountedPrice < ActualPrice)
540	        {
541	            spar = TotalDiscount;
542	            price = DiscountedPrice;
543	        }
544	        else
545	        {
546	            price = ActualPrice;
547	        }
548	    }
549	    else
550	    {
551	        spar = product.GetDouble("Ecom:Product:Field.Spar.Value.Clean");
552	        price = product.GetDouble("Ecom:Product.Price.Price");
553	    }
554	    double OriginalPrice = spar + price;
555	
556	
557	        <div class="col-12 col-md-6 mt-5">
558	            <a href="@ProductLink" class="offer-2col box-shadow-large border-radius-bottom-10px w-100 h-100 d-flex flex-column color-black">
559	                <div class="d-flex align-items-center justify-content-center offer-2col--img-container">
560	                    <img class="img-fluid" src="@ProductImage" alt="@ProductName">
561	                    @if (spar > 0)
562	                    {
563	                        <div class="discount-splash">
564	                            <p class="m-0">
565	                                @Translate("ProductOffer", "Tilbud")
566	                            </p>
567	                        </div>
568	                    }
569	                </div>
570	                <div>
571	                    <h1 class="offer-2col--title pl-3 pr-3 mb-3 text-center color-black text-uppercase">
572	                    @ProductName
573	                    </h1>
574	                    <div class="offer-2col--subtitle color-dark-grey pl-3 pr-3 my-3 my-md-5 text-center">
575	                        @ShortDescription
576	                    </div>
577	                </div>
578	                <div class="d-flex flex-wrap flex-fill justify-content-center align-items-end">
579	                    <div class="d-flex flex-wrap flex-fill justify-content-center align-items-end">
580	                        <p class="offer-2col--price mb-3 text-center font-weight-bold color-black w-100">
581	                            @MoblerHelpers.formatPrice(price)
582	                        </p>
583	                        @if (spar > 0)
584	                        {
585	                            <div class="d-flex justify-content-center mb-3">
586	                                <span class="offer-2col--pricebefore color-black-w-opacity mr-5 p-1 text-uppercase">
587	                                    @Translate("PriceBefore", "Før") @MoblerHelpers.formatPrice(OriginalPrice)
588	                                </span>
589	                                <span class="offer-2col--pricesave color-black bg-discount font-weight-bold p-1 text-uppercase">
590	                                    @Translate("PriceSaving", "Spar") @MoblerHelpers.formatPrice(spar)
591	                                </span>
592	                            </div>
593	                        }
594	
595	                        <div class="w-100">
596	                            <div class="offer-2col--button btn btn-primary p-3 border-radius-bottom-10px w-100 mb-sm-0 font-weight-bold">
597	                                @Translate("GoToProduct", "Se produkt")
598	                            </div>
599	                        </div>
600	                    </div>
601	                </div>
602	            </a>
603	        </div>
604	}
605	
606	@using Mobler.Website.CustomModules.MoblerHelpers
607	@inherits Dynamicweb.Rendering.RazorTemplateBase<Dynamicweb.Rendering.RazorTemplateModel<Dynamicweb.Rendering.Template>>
608	
609	@helper RenderBlogTeaser(Firstweb.Custom.CustomCode.Frontend.Helpers.Blog Blog)
610	{
611	    string PageId = GetGlobalValue( "Global:Page.ID" );
612	    string CleanLink = Blog.Link.Replace("default.aspx?id", "Default.aspx?Id");
613	    <div class="col-12 col-md-4 px-0 px-md-3 mb-4">
614	        <a href="@CleanLink" class="blog d-block">
615	            <div class="image" style="background-image:url('@Blog.Image')">
616	                <img class="d-none" src="@Blog.Image" alt="Alternate Text" />
617	            </div>
618	            <div class="text">
619	                <div class="positioning">
620	                    <h4 class="col-10 col-md-9 px-2 pt-3 bg-white font-weight-bold text-center mx-auto">@Blog.Header</h4>
621						@if ( PageId != "7613" )
622	                    {
623	                        <p class="text-center color-subtle">@Blog.Date</p>
624	                    }
625	                    <p class="text-center font-weight-bold m-0 color-primary">@Translate("BlogReadMore", "L&aelig;s mere her")</p>
626	                </div>
627	            </div>
628	        </a>
629	    </div>
630	}
631	
632	@helper RenderLargeBlogTeaser(Firstweb.Custom.CustomCode.Frontend.Helpers.Blog Blog, string ImagePosition)
633	{
634	    string ImageClass = ImagePosition == "Left" ? "" : "offset-md-4";
635	    string TextClass = ImagePosition == "Left" ? "" : "left";
636	    string Image = "/Admin/Public/GetImage.ashx?Image=" + Blog.Image + "&Height=400&Crop=0";
637	    string CleanLink = Blog.Link.Replace("default.aspx?id", "Default.aspx?Id");
638	    <div class="col-12 blog">
639	        <div class="row">
640	            <div class="col-12 col-md-8 px-0 px-md-3 @ImageClass">
641	                <div class="image-container" style="background-image:url('@Image')">
642	                    <img class="img-fluid" src="@Image" alt="@Blog.Header" />
643	                </div>
644	            </div>
645	            <div class="col-12 col-md-6 text-container mb-5 mb-md-0 @TextClass">
646	                <div class="text bg-white p-3">
647	                    <div>
648	                        <h4>@Blog.Header</h4>
649	                        @Blog.Teaser
650	                    </div>                    
651	                    <a class="font-weight-bold" href="@CleanLink">@Translate("BlogReadMore", "L&aelig;s mere her")</a>
652	                </div>
653	            </div>
654	        </div>
655	    </div>
656	}
657	
658	@helper RenderLatestBlogsTeasers()
659	{
660	    var LatestBlogs = Firstweb.Custom.CustomCode.Frontend.Helpers.Blogs.GetLatestBlogs();
661	    foreach (var Blog in LatestBlogs)
662	    {
663	        @RenderBlogTeaser(Blog)
664	    }      
665	}
666	
667	
668	<div class="container pt-3 d-none d-md-block">
669	
670	    <div class="bread">
671	        <p class="color-subtle">@Translate("Breadcrumb.CurrentPage", "Her er du:")</p>
672	        <p class="bread-item color-subtle">
673	            <a href="/">
674	                @Translate("Breadcrumb.Frontpage", "Forside")
675	            </a>
676	        </p>
677	        @foreach (var Group in ParentGroups)
678	        {
679	            <p class="bread-item color-subtle">
680	                @if (Group == ParentGroups.First())
681	                {
682	                    @Group.Name
683	                    ShowOnPageUrl = Group.ProductGroupFieldValues.GetProductGroupFieldValue("FirstwebGroupPrimaryPage").Value.ToString();
684	                }
685	                else
686	                {
687	                    <a href="/@ShowOnPageUrl&GroupId=@Group.Id">
688	                        @Group.Name
689	                    </a>
690	                }
691	            </p>
692	        }
693	
694	        <p class="active color-subtle">@ProductName</p>
695	    </div>
696	
697	</div>
698	
699	<div class="container mt-3 mb-5 product-details position-relative" data-bind="viewModel: 'ProductViewModel'">
700	
701	    <div class="d-none" data-bind="setInitValue: { observable: CartPageId, value: '@AjaxCartPageId' }"></div>
702	    <div class="d-none" data-bind="setInitValue: { observable: MiniCart, value: '.js-mini-cart-lines' }"></div>
703	    <div class="d-none" data-bind="setInitValue: { observable: CartCount, value: '.js-cart-count' }"></div>
704	    <div class="d-none" data-bind="setInitValue: { observable: CustomersAlsoSawLines, value: '.js-customers-also-saw-lines' }"></div>
705	    <div class="d-none" data-bind="setInitValue: { observable: CustomersAlsoSawPage, value: '@CustomersAlsoSawPageId' }"></div>
706	    <div class="d-none" data-bind="setInitValue: { observable: MainProductId, value: '@ProductID' }"></div>
707	    <div class="d-none" data-bind="setInitValue: { observable: VariantsEndpoint, value: '@VariantsEndpoint' }"></div>
708	    <div class="d-none" data-bind="setInitValue: { observable: VariantDetailsEndpoint, value: '@VariantDetailsEndpoint' }"></div>
709	    <div class="d-none" data-bind="setInitValue: { observable: TeaserText, value: '@TrimmedTeaser' }"></div>
710	    <div class="d-none" data-bind="setInitValue: { observable: ProductName, value: '@TrimmedName' }"></div>
711	    <div class="d-none" data-bind="setInitValue: { observable: ProductNumber, value: '@ProductNumber' }"></div>
712	    <div class="d-none" data-bind="setInitValue: { observable: VariantId, value: '@VariantId' }"></div>
713	    <div class="d-none" data-bind="setInitValue: { observable: Price, value: '@priceFormatted' }"></div>
714	    <div class="d-none js-update-cart" data-bind="setInitValue: { observable: CartEndpoint, value: '@GetCartEndpoint' }, click: GetCart"></div>
715	
716	    <div id="blueimp-gallery" class="blueimp-gallery blueimp-gallery-controls">
717	        <div class="slides"></div>
718	        <h3 class="title"></h3>
719	        <a class="prev">&#8249;</a>
720	        <a class="next">&#8250;</a>
721	        <a class="close">x</a>
722	        <a class="play-pause"></a>
723	        <ol class="indicator"></ol>
724	    </div>
725	
726	    <div class="modal fade video-modal" id="videoModal" tabindex="-1" role="dialog" aria-labelledby="video-modal" aria-hidden="true">
727	        <div class="modal-dialog modal-dialog-centered" role="document">
728	            <div class="modal-content">
729	                <div class="modal-body">
730	                    <div id="player"></div>
731	                </div>
732	            </div>
733	        </div>
734	    </div>
735	
736	    <div class="add-to-cart-overlay" data-bind="css: { 'd-block': ProcessingAjax }">
737	        <p class="fs4 m-0 color-white">@Translate("ProductAjaxAddingToCart", "Tilf&oslash;jer til kurv") <i class="fa fa-spinner fa-spin ml-3 fs5"></i></p>
738	    </div>
739	
740	    <div class="add-to-cart-overlay" data-bind="css: { 'd-block': ProcessingVariantDetailsAjax }">
741	        <p class="fs4 m-0 color-white">@Translate("ProductAjaxGettingVariant", "Henter variant") <i class="fa fa-spinner fa-spin ml-3 fs5"></i></p>
742	    </div>
743	
744	    <div class="delivery-information-popup" data-bind="css: { 'd-flex': DeliveryInfoOpen }, click: ToggleDeliveryInfo">
745	        <div class="description-content bg-white px-3 py-4 px-lg-4 position-relative" data-bind="click: OpenDeliveryInfo, clickBubble: false">
746	            <div class="modal-closer-custom" data-bind="click: ToggleDeliveryInfo, clickBubble: false">
747	                <img src="/Files/Templates/Designs/Mobler2018/assets/img/icons/close.svg" />
748	            </div>
749	            @if (QuickDelivery)
750	            {
751	                <div>
752	                    @QuickDeliveryDescription
753	                </div>
754	            }
755	            else if (DisplayAverageDeliveryTime)
756	            {
757	                <div>
758	                    @NormalDeliveryDescription
759	                </div>
760	            }
761	        </div>
762	    </div>
763	
764	    @if (CostPrice > 0)
765	    {
766	        string PriceDescription = Firstweb.Custom.CustomCode.Frontend.Helpers.AreaItems.GetString("DagsprisDescription");
767	        <div class="delivery-information-popup" data-bind="css: { 'd-flex': PriceInfoOpen }, click: TogglePriceInfo">
768	            <div class="description-content bg-white px-3 py-4 px-lg-4 position-relative" data-bind="click: OpenPriceInfo, clickBubble: false">
769	                <div class="modal-closer-custom" data-bind="click: TogglePriceInfo, clickBubble: false">
770	                    <img src="/Files/Templates/Designs/Mobler2018/assets/img/icons/close.svg" />
771	                </div>
772	                <div>
773	                    @PriceDescription
774	                </div>
775	            </div>
776	        </div>
777	    }
778	
779	    <h1 class="header mb-4" data-bind="text: ProductName">@ProductName</h1>
780	
781	    <div class="d-flex flex-wrap">
782	
783	        <div class="image-container position-relative overflow-hidden">
784	
785	            <div class="discount-splash unimportant-hidden" data-bind="css: { 'd-flex': SplashType() == 1 }"><p class="m-0">@Translate("ProductOffer", "Tilbud")</p></div>
786	            <div class="discount-splash unimportant-hidden new-item" data-bind="css: { 'd-flex': SplashType() == 2 }"><p class="m-0">@Translate("ProductNew", "Nyhed")</p></div>
787	            <div class="discount-splash unimportant-hidden low-price" data-bind="css: { 'd-flex': SplashType() == 3 }"><p class="m-0">@Translate("ProductLowPrice", "Fast lavpris")</p></div>
788	            <div class="discount-splash unimportant-hidden price-shape" data-bind="css: { 'd-flex': SplashType() == 4 }" style="background-color: @DailyPriceBackgroundColor;"><p class="m-0" style="color: @DailyPriceTextColor;">@Translate("ProductDailyPriceSplash", "Dagspris")</p></div>
789	            <div class="discount-splash unimportant-hidden discount-splash--small" data-bind="css: { 'd-flex': SplashType() == 5}"><p class="m-0">@Translate("ProductCombinationOffer", "Kombinationstilbud")</p></div>
790	
791	            <div id="imageSlider" class="carousel slide" data-ride="carousel" data-interval="5000">
792	                <div class="carousel-inner align-items-center" data-bind="if: Images().length == 0">
793	
794	                    @foreach (var Image in Images)
795	                    {
796	                        if (First)
797	                        {
798	                            <a href="/Admin/Public/GetImage.ashx?Image=@Image&width=2000" class="mb-3 mb-lg-0 carousel-item active" data-gallery>
799	                                <img class="product-image main-image" src="/Admin/Public/GetImage.ashx?Image=@Image&width=950&height=500&crop=5" alt="@ProductName" />
800	                            </a>
801	                            First = false;
802	                            FirstImage = "/Admin/Public/GetImage.ashx?Image=" + Image + "&width=950&height=500&crop=5";
803	                        }
804	                        else
805	                        {
806	                            <a href="/Admin/Public/GetImage.ashx?Image=@Image&width=2000" class="mb-3 mb-lg-0 carousel-item" data-gallery>
807	                                <img class="product-image main-image" src="/Admin/Public/GetImage.ashx?Image=@Image&width=950&height=500&crop=5" alt="@ProductName" />
808	                            </a>
809	                        }
810	
811	                    }
812	
813	                </div>
814	                <div class="carousel-inner align-items-center d-flex js-ko-carousel" data-bind="foreach: Images()">
815	
816	                    <a data-bind="attr: { href: '/Admin/Public/GetImage.ashx?Image=' + $data + '&width=2000' }" class="mb-3 mb-lg-0 carousel-item active" data-gallery>
817	                        <img class="product-image main-image" data-bind="attr: { src: '/Admin/Public/GetImage.ashx?Image=' + $data + '&width=950&height=500&crop=5' }" />
818	                    </a>
819	
820	                </div>
821	            </div>
822	
823	            @if (Images.Count > 1)
824	            {
825	                <div class="row small-gutter carousel-row" data-bind="css: { 'd-none': Images().length > 0 }">
826	
827	                    @foreach (var Image in Images)
828	                    {
829	                        if (FirstIndicator)
830	                        {
831	                            <div data-target="#imageSlider" data-slide-to="@IndicatorIncrementer" class="col-4 mt-lg-3 cursor-pointer active">
832	                                <div class="secondary-image">
833	                                    <img class="product-image" src="/Admin/Public/GetImage.ashx?Image=@Image&width=400&height=230&crop=5" alt="@ProductName" />
834	                                </div>
835	                            </div>
836	                            FirstIndicator = false;
837	                        }
838	                        else
839	                        {
840	                            <div data-target="#imageSlider" data-slide-to="@IndicatorIncrementer" class="col-4 mt-lg-3 cursor-pointer">
841	                                <div class="secondary-image">
842	                                    <img class="product-image" src="/Admin/Public/GetImage.ashx?Image=@Image&width=400&height=230&crop=5" alt="@ProductName" />
843	                                </div>
844	                            </div>
845	                        }
846	                        IndicatorIncrementer++;
847	                    }
848	
849	                    @if (!string.IsNullOrEmpty(GetString("Ecom:Product:Field.VideoKlip.Value")))
850	                    {
851	                        string BackgroundSize = !String.IsNullOrEmpty(GetString("Ecom:Product:Field.VideoBillede.Value.Clean")) ? "cover" : "contain";
852	                        string OverlayImage = !String.IsNullOrEmpty(GetString("Ecom:Product:Field.VideoBillede.Value.Clean")) ? GetString("Ecom:Product:Field.VideoBillede.Value.Clean") : FirstImage;
853	                        <div class="youtube-video-container mt-lg-3" data-bind="youtubeVideo: { videoId: '@GetString("Ecom:Product:Field.VideoKlip.Value")', overlayId: 'js-video-overlay', playerId: 'player' }">
854	                            <div id="js-video-overlay" class="video-overlay pointer" style="background-image:url('@OverlayImage');background-size: @BackgroundSize;">
855	                                <div class="visual-overlay d-flex flex-column justify-content-center align-items-center h-100 w-100">
856	                                    <img src="/Files/Templates/Designs/Mobler2018/assets/img/icons/Play.svg" />
857	                                    <p class="mt-3 mb-0 color-white">@Translate("Product.WatchVideo", "Se video")</p>
858	                                </div>
859	                            </div>
860	                        </div>
861	                    }
862	
863	                </div>
864	
865	                <div class="row small-gutter carousel-row unimportant-hidden" data-bind="css: { 'd-flex': Images().length > 0 }">
866	                    <span class="images" style="display:contents;" data-bind="foreach: Images()">
867	                        <!-- ko if: $index() == 0 -->
868	                        <div data-target="#imageSlider" class="col-4 mt-lg-3 cursor-pointer active" data-bind="click: $parent.ChangeSlide.bind($data, $index())">
869	                            <div class="secondary-image">
870	                                <img class="product-image" data-bind="attr: { src: '/Admin/Public/GetImage.ashx?Image=' + $data + '&width=400&height=230&crop=5' }" alt="@ProductName" />
871	                            </div>
872	                        </div>
873	                        <!-- /ko -->
874	                        <!-- ko if: $index() != 0 -->
875	                        <div data-target="#imageSlider" class="col-4 mt-lg-3 cursor-pointer" data-bind="click: $parent.ChangeSlide.bind($data, $index())">
876	                            <div class="secondary-image">
877	                                <img class="product-image" data-bind="attr: { src: '/Admin/Public/GetImage.ashx?Image=' + $data + '&width=400&height=230&crop=5' }" alt="@ProductName" />
878	                            </div>
879	                        </div>
880	                        <!-- /ko -->
881	                    </span>
882	
883	                    @if (!String.IsNullOrEmpty(GetString("Ecom:Product:Field.VideoKlip.Value")))
884	                    {
885	                        string BackgroundSize = !String.IsNullOrEmpty(GetString("Ecom:Product:Field.VideoBillede.Value.Clean")) ? "cover" : "contain";
886	                        string OverlayImage = !String.IsNullOrEmpty(GetString("Ecom:Product:Field.VideoBillede.Value.Clean")) ? GetString("Ecom:Product:Field.VideoBillede.Value.Clean") : FirstImage;
887	                        <div class="youtube-video-container mt-lg-3" data-bind="youtubeVideo: { videoId: '@GetString("Ecom:Product:Field.VideoKlip.Value")', overlayId: 'js-videovariant-overlay', playerId: 'player' }">
888	                            <div id="js-videovariant-overlay" class="video-overlay pointer" style="background-image:url('@OverlayImage');background-size: @BackgroundSize;">
889	                                <div class="visual-overlay d-flex flex-column justify-content-center align-items-center h-100 w-100">
890	                                    <img src="/Files/Templates/Designs/Mobler2018/assets/img/icons/Play.svg" />
891	                                    <p class="mt-3 mb-0 color-white">@Translate("Product.WatchVideo", "Se video")</p>
892	                                </div>
893	                            </div>
894	                        </div>
895	                    }
896	                </div>
897	            }
898	
899	        </div>
900	
901	        <div class="pl-lg-4 description-container d-flex flex-wrap flex-column mt-3 mt-lg-0 position-relative">
902	
903	            <div class="mb-2">@ShortDescription</div>
904	
905	            <div class="w-100"><p class="color-primary pointer mb-2" data-bind="scrollToElement: { target: '#js-full-description' }">@Translate("ProductReadFullDescription", "L&aelig;s hele beskrivelsen")</p></div>
906	
907	            <div class="w-100">
908	                <p class="color-subtle m-0">@Translate("ProductProductNumber", "Produktnummer:") <span data-bind="text: ProductNumber">@ProductNumber</span></p>
909	                <p class="color-subtle m-0">
910	                    @if (!string.IsNullOrWhiteSpace(GetString("Ecom:Product:Field.dybdeint.Value.Clean")))
911	                    {
912	                        if (GetString("Ecom:Product:Field.dybdeint.Value.Clean") != "0")
913	                        {
914	                            <span>D/L: @GetValue("Ecom:Product:Field.dybdeint.Value.Clean")</span>
915	                        }
916	                    }
917	                    @if (!string.IsNullOrWhiteSpace(GetString("Ecom:Product:Field.hoejdeint.Value.Clean")))
918	                    {
919	                        if (GetString("Ecom:Product:Field.hoejdeint.Value.Clean") != "0")
920	                        {
921	                            <span>H: @GetValue("Ecom:Product:Field.hoejdeint.Value.Clean")</span>
922	                        }
923	                    }
924	                    @if (!string.IsNullOrWhiteSpace(GetString("Ecom:Product:Field.breddeint.Value.Clean")))
925	                    {
926	                        if (GetString("Ecom:Product:Field.breddeint.Value.Clean") != "0")
927	                        {
928	                            <span>B: @GetValue("Ecom:Product:Field.breddeint.Value.Clean")</span>
929	                        }
930	                    }
931	                </p>
932	            </div>
933	
934	            @if ((QuickDelivery || DisplayAverageDeliveryTime) && !HideDelivery)
935	            {
936	                <div class="w-100 mt-3">
937	
938	                    <div class="delivery-information">
939	                        <svg class="delivery-icon mr-2" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" id="Capa_1" fill="@DeliveryColor" x="0px" y="0px" width="30px" height="30px" viewBox="0 0 612 612" style="enable-background:new 0 0 612 612;" xml:space="preserve">
940	                        <g>
941	                        <g>
942	                        <path d="M226.764,375.35c-28.249,0-51.078,22.91-51.078,51.16c0,28.166,22.829,51.078,51.078,51.078s51.078-22.912,51.078-51.078    C277.841,398.26,255.013,375.35,226.764,375.35z M226.764,452.049c-14.125,0-25.54-11.498-25.54-25.541    c0-14.123,11.415-25.539,25.54-25.539c14.124,0,25.539,11.416,25.539,25.539C252.302,440.551,240.888,452.049,226.764,452.049z     M612,337.561v54.541c0,13.605-11.029,24.635-24.636,24.635h-26.36c-4.763-32.684-32.929-57.812-66.927-57.812    c-33.914,0-62.082,25.129-66.845,57.812H293.625c-4.763-32.684-32.93-57.812-66.845-57.812c-33.915,0-62.082,25.129-66.844,57.812    h-33.012c-13.606,0-24.635-11.029-24.635-24.635v-54.541H612L612,337.561z M494.143,375.35c-28.249,0-51.16,22.91-51.16,51.16    c0,28.166,22.912,51.078,51.16,51.078c28.166,0,51.077-22.912,51.077-51.078C545.22,398.26,522.309,375.35,494.143,375.35z     M494.143,452.049c-14.125,0-25.539-11.498-25.539-25.541c0-14.123,11.414-25.539,25.539-25.539    c14.042,0,25.539,11.416,25.539,25.539C519.682,440.551,508.185,452.049,494.143,452.049z M602.293,282.637l-96.817-95.751    c-6.159-6.077-14.453-9.526-23.076-9.526h-48.86v-18.313c0-13.631-11.004-24.635-24.635-24.635H126.907    c-13.55,0-24.635,11.005-24.635,24.635v3.86L2.3,174.429l177.146,23.068L0,215.323l178.814,25.423L0,256.25l102.278,19.29    l-0.007,48.403h509.712v-17.985C611.983,297.171,608.452,288.796,602.293,282.637z M560.084,285.839h-93.697    c-2.135,0-3.86-1.724-3.86-3.859v-72.347c0-2.135,1.725-3.86,3.86-3.86h17.82c0.985,0,1.971,0.411,2.71,1.068l75.796,72.347    C565.257,281.569,563.532,285.839,560.084,285.839z" />
943	
944	
945	
946	
947	
948	
949	
950	
951	
952	
953	
954	
955	
956	
957	
958	                   </g>
959	                            </g>
960	                        </svg>
961	                        <p class="delivery-text @DeliveryFontWeightModifier">@DeliveryTime - <a href="#" class="text-underline" data-bind="click: ToggleDeliveryInfo" style="color: @DeliveryColor">@Translate("Product.DeliveryInfo.ReadmoreText", "L&aelig;s mere")</a></p>
962	                    </div>
963	
964	                </div>
965	            }
966	
967	            @if (CostPrice > 0)
968	            {
969	                <div class="w-100 mt-3">
970	
971	                    <div class="delivery-information">
972	                        <div class="live-price-animation"></div>
973	                        <p class="delivery-text">@Translate("Product.PriceInfo.RecommendedPriceInfo", "Aktuel dagspris - ")<a href="#" class="text-underline" data-bind="click: TogglePriceInfo">@Translate("Product.PriceInfo.RecommendedPriceLink", "L&aelig;s mere")</a></p>
974	                    </div>
975	
976	                </div>
977	            }
978	
979	
980	            <div class="w-100">
981	                @if (GetBoolean("Ecom:Product:Field.Farvevarianter1.Value"))
982	                {
983	                    <img class="img-fluid mb-3 mt-5" src="/Files/Images/Farver/farver1.png" />
984	                    <p class="mb-0">@Translate("ProductColor1Text", "F&aring;s i flere forskellige varianter og moduler, bes&oslash;g dit lokale M&oslash;blÃ©r bolighus og f&aring; vejledning til design af din sofa.")</p>
985	                }
986	                else if (GetBoolean("Ecom:Product:Field.Farvevarianter2.Value"))
987	                {
988	                    <img class="img-fluid mb-3 mt-5" src="/Files/Images/Farver/farver2.png" />
989	                    <p class="mb-0">@Translate("ProductColor2Text", "Farve 2 hj&aelig;lpetekst")</p>
990	                }
991	                else if (GetBoolean("Ecom:Product:Field.Farvevarianter3.Value"))
992	                {
993	                    <img class="img-fluid mb-3 mt-5" src="/Files/Images/Farver/farver3.png" />
994	                    <p class="mb-0">@Translate("ProductColor3Text", "Farve 3 hj&aelig;lpetekst")</p>
995	                }
996	                else if (GetBoolean("Ecom:Product:Field.Farvevarianter4.Value"))
997	                {
998	                    <img class="img-fluid mb-3 mt-5" src="/Files/Images/Farver/farver4.png" />
999	                    <p class="mb-0">@Translate("ProductColor4Text", "Farve 4 hj&aelig;lpetekst")</p>
1000	                }
1001	                else if (GetBoolean("Ecom:Product:Field.Farvevarianter5.Value"))
1002	                {
1003	                    <img class="img-fluid mb-3 mt-5" src="/Files/Images/Farver/farver5.png" />
1004	                    <p class="mb-0">@Translate("ProductColor5Text", "Farve 5 hj&aelig;lpetekst")</p>
1005	                }
1006	            </div>
1007	            @if (GetLoop("VariantCombinations").Count > 0)
1008	            {
1009	                var VariantGroupsWithMultipleOptions = GetLoop("VariantGroups").Where(x => x.GetLoop("VariantAvailableOptions").Count > 1);
1010	                int VariantGroupCount = VariantGroupsWithMultipleOptions.Count();
1011	                int VariantCombinationsCount = GetLoop("VariantCombinations").Count;
1012	                int PossibleVariantCombinations = 1;
1013	                foreach (var VG in GetLoop("VariantGroups"))
1014	                {
1015	                    PossibleVariantCombinations *= VG.GetLoop("VariantAvailableOptions").Count;
1016	                }
1017	                if (VariantGroupCount == 1)
1018	                {
1019	                    var RelevantVariantGroup = VariantGroupsWithMultipleOptions.FirstOrDefault();
1020	                    var SelectedVariant = RelevantVariantGroup.GetLoop("VariantAvailableOptions").Where(x => x.GetBoolean("Ecom:VariantOption.Selected")).FirstOrDefault();
1021	                    <div class="position-relative">
1022	                        <div class="variant-dropdown p-2 box-shadow mt-3 d-flex justify-content-between align-items-center pointer js-variant-dropdown">
1023	                            <p class="m-0"><span class="font-weight-bold">@RelevantVariantGroup.GetString("Ecom:VariantGroup.Label")</span> - <span data-bind="text: SelectedVariantOption0">@SelectedVariant.GetString("Ecom:VariantOption.Name")</span></p>
1024	                            <i class="fas fa-chevron-down"></i>
1025	                        </div>
1026	                        <div class="variant-options bg-white">
1027	                            @foreach (var Variant in RelevantVariantGroup.GetLoop("VariantAvailableOptions"))
1028	                            {
1029	                                var VariantCombination = GetLoop("VariantCombinations").Where(x => x.GetString("Ecom:VariantCombination.VariantID").ToString().Contains(Variant.GetString("Ecom:VariantOption.ID"))).FirstOrDefault();
1030	                                string VariantName = Variant.GetString("Ecom:VariantOption.Name");
1031	                                string VariantIdentifier = Variant.GetString("Ecom:VariantOption.ID");
1032	                                string VariantLink = VariantCombination.GetString("Ecom:VariantCombination.Link.Clean");
1033	                                string VariantPreview = String.Empty;
1034	                                var ObservableToSet = "SelectedVariantOption0";
1035	                                var ObservableToSetId = "SelectedVariantOptionId0";
1036	                                bool ShowPreview = RelevantVariantGroup.GetString("Ecom:VariantGroup.Name").ToString().ToLower().Contains("farve") || RelevantVariantGroup.GetString("Ecom:VariantGroup.Name").ToString().ToLower().Contains("materiale") ? true : false;
1037	                                if (!String.IsNullOrEmpty(Variant.GetString("Ecom:VariantOption.ImgSmall.Clean")) && ShowPreview)
1038	                                {
1039	                                    if (Variant.GetString("Ecom:VariantOption.ImgSmall.Clean").StartsWith("#"))
1040	                                    {
1041	                                        VariantPreview = "style= \"background-color: " + Variant.GetString("Ecom:VariantOption.ImgSmall.Clean") + ";\"";
1042	                                    }
1043	                                    else
1044	                                    {
1045	                                        VariantPreview = "style=\"background-image: url('" + Variant.GetString("Ecom:VariantOption.ImgSmall.Clean") + "');\"";
1046	                                    }
1047	                                }
1048	                                <div class="option pointer color-primary d-flex w-100 p-2 bg-grey" data-bind="click: UpdateVariantAndSetObservable.bind($data, '@VariantIdentifier', @ObservableToSet, '@VariantName', @ObservableToSetId)">
1049	                                    @if (!String.IsNullOrEmpty(VariantPreview))
1050	                                    {
1051	                                        <span class="option-preview mr-2" @VariantPreview></span>
1052	                                    }
1053	                                    <span>@VariantName</span>
1054	                                </div>
1055	                                <div class="d-none" data-bind="setInitValue: { observable: @ObservableToSet, value: '@SelectedVariant.GetString("Ecom:VariantOption.Name")' }"></div>
1056	                                <div class="d-none" data-bind="setInitValue: { observable: @ObservableToSetId, value: '@SelectedVariant.GetString("Ecom:VariantOption.ID")' }"></div>
1057	
1058	                            }
1059	                        </div>
1060	                    </div>
1061	                }
1062	                else if (PossibleVariantCombinations == VariantCombinationsCount)
1063	                {
1064	                    Dictionary<string, string> CurrentlySelectedVariantOptions = new Dictionary<string, string>();
1065	                    foreach (var VG in GetLoop("VariantGroups"))
1066	                    {
1067	                        foreach (var VO in VG.GetLoop("VariantAvailableOptions").Where(x => x.GetBoolean("Ecom:VariantOption.Selected")))
1068	                        {
1069	                            CurrentlySelectedVariantOptions.Add(VG.GetString("Ecom:VariantGroup.Name"), VO.GetString("Ecom:VariantOption.ID"));
1070	                        }
1071	                    }
1072	                    int VGLoopCounter = 0;
1073	                    foreach (var VG in GetLoop("VariantGroups"))
1074	                    {
1075	                        List<LoopItem> RelevantVariantCombinations = new List<LoopItem>();
1076	                        var VariantCombinationLink = GetLoop("VariantCombinations");
1077	                        var SelectedVariant = VG.GetLoop("VariantAvailableOptions").Where(x => x.GetBoolean("Ecom:VariantOption.Selected")).FirstOrDefault();
1078	                        var ObservableToSet = "SelectedVariantOption" + VGLoopCounter.ToString();
1079	                        var ObservableToSetId = "SelectedVariantOptionId" + VGLoopCounter.ToString();
1080	                        VGLoopCounter++;
1081	                        foreach (var VC in VariantCombinationLink)
1082	                        {
1083	                            var Add = true;
1084	                            foreach (var KVP in CurrentlySelectedVariantOptions.Where(s => s.Key != VG.GetString("Ecom:VariantGroup.Name")))
1085	                            {
1086	                                if (!VC.GetString("Ecom:VariantCombination.VariantID").ToString().Contains(KVP.Value))
1087	                                {
1088	                                    Add = false;
1089	                                }
1090	                            }
1091	                            if (Add)
1092	                            {
1093	                                RelevantVariantCombinations.Add(VC);
1094	                            }
1095	                        }
1096	                        <div class="d-none" data-bind="setInitValue: { observable: @ObservableToSet, value: '@SelectedVariant.GetString("Ecom:VariantOption.Name")' }"></div>
1097	                        <div class="d-none" data-bind="setInitValue: { observable: @ObservableToSetId, value: '@SelectedVariant.GetString("Ecom:VariantOption.ID")' }"></div>
1098	
1099	
1100	                        <div class="position-relative">
1101	                            <div class="variant-dropdown p-2 box-shadow mt-3 d-flex justify-content-between align-items-center pointer js-variant-dropdown">
1102	                                <p class="m-0"><span class="font-weight-bold">@VG.GetString("Ecom:VariantGroup.Label")</span> - <span data-bind="text: @ObservableToSet">@SelectedVariant.GetString("Ecom:VariantOption.Name")</span></p>
1103	                                <i class="fas fa-chevron-down"></i>
1104	                            </div>
1105	                            <div class="variant-options bg-white">
1106	                                @foreach (var VO in VG.GetLoop("VariantAvailableOptions"))
1107	                                {
1108	                                    var VariantCombination = RelevantVariantCombinations.Where(vc => vc.GetString("Ecom:VariantCombination.VariantID").ToString().Contains(VO.GetString("Ecom:VariantOption.ID"))).FirstOrDefault();
1109	                                    string VariantLink = VariantCombination.GetString("Ecom:VariantCombination.Link.Clean");
1110	                                    string VariandOptionId = VariantCombination.GetString("Ecom:VariantCombination.VariantID");
1111	                                    string VariantPreview = String.Empty;
1112	                                    string VOName = VO.GetString("Ecom:VariantOption.Name");
1113	                                    string VOId = VO.GetString("Ecom:VariantOption.ID");
1114	                                    bool ShowPreview = VG.GetString("Ecom:VariantGroup.Name").ToString().ToLower().Contains("farve") || VG.GetString("Ecom:VariantGroup.Name").ToString().ToLower().Contains("materiale") ? true : false;
1115	                                    if (!String.IsNullOrEmpty(VO.GetString("Ecom:VariantOption.ImgSmall.Clean")) && ShowPreview)
1116	                                    {
1117	                                        if (VO.GetString("Ecom:VariantOption.ImgSmall.Clean").StartsWith("#"))
1118	                                        {
1119	                                            VariantPreview = "style= \"background-color: " + VO.GetString("Ecom:VariantOption.ImgSmall.Clean") + ";\"";
1120	                                        }
1121	                                        else
1122	                                        {
1123	                                            VariantPreview = "style=\"background-image: url('" + VO.GetString("Ecom:VariantOption.ImgSmall.Clean") + "');\"";
1124	                                        }
1125	                                    }
1126	                                    <div class="option d-flex w-100 p-2 bg-grey color-primary pointer" data-bind="click: UpdateVariantAndSetObservable.bind($data, '@VOId', @ObservableToSet, '@VOName', @ObservableToSetId)">
1127	                                        @if (!String.IsNullOrEmpty(VariantPreview))
1128	                                        {
1129	                                            <span class="option-preview mr-2" @VariantPreview></span>
1130	                                        }
1131	                                        @VOName
1132	                                    </div>
1133	                                }
1134	                            </div>
1135	                        </div>
1136	                    }
1137	                }
1138	                else if (GetLoop("VariantGroups").Where(x => x.GetString("Ecom:VariantGroup.Name").ToString().ToLower().Contains("farve")).Count() > 0 && GetLoop("VariantGroups").Where(x => x.GetString("Ecom:VariantGroup.Name").ToString().ToLower().Contains("materiale")).Count() > 0)
1139	                {
1140	                    <div class="mt-3">
1141	                        <p class="mb-1">@Translate("CurrentDesignName", "Valgte design: ")</p>
1142	                        <p class="font-weight-bold">@CurrentVariantName</p>
1143	                    </div>
1144	                    <div class="d-flex">
1145	                        <div class="btn btn-primary" data-bind="click: ToggleVariantPicker">@Translate("ChooseNewDesign", "V&aelig;lg design")</div>
1146	                    </div>
1147	                }
1148	                else
1149	                {
1150	                    var SelectedVariant = GetLoop("VariantCombinations").Where(x => x.GetBoolean("Ecom:VariantCombination.Selected")).FirstOrDefault();
1151	                    var SelectedVariantName = SelectedVariant.GetString("Ecom:VariantCombination.VariantText");
1152	                    var SelectedVariantId = SelectedVariant.GetString("Ecom:VariantOption.ID");
1153	                    <div class="d-none" data-bind="setInitValue: { observable: SelectedVariantOption0, value: '@SelectedVariantName' }"></div>
1154	                    <div class="d-none" data-bind="setInitValue: { observable: SelectedVariantOptionId0, value: '@SelectedVariantId' }"></div>
1155	                    <div class="position-relative">
1156	                        <div class="variant-dropdown p-2 box-shadow mt-3 d-flex justify-content-between align-items-center pointer js-variant-dropdown">
1157	                            <p class="m-0"><span class="font-weight-bold">@Translate("FallbackVariantsText", "VARIANTER")</span> - <span data-bind="text: SelectedVariantOption0">@SelectedVariantName</span></p>
1158	                            <i class="fas fa-chevron-down"></i>
1159	                        </div>
1160	                        <div class="variant-options bg-white">
1161	                            @foreach (var Variant in GetLoop("VariantCombinations"))
1162	                            {
1163	                                string VariantName = Variant.GetString("Ecom:VariantCombination.VariantText");
1164	                                string VariantLink = Variant.GetString("Ecom:VariantCombination.Link.Clean");
1165	                                string VCId = Variant.GetString("Ecom:Product.VariantID");
1166	                                <div class="option color-primary pointer d-block p-2 bg-grey" data-bind="click: UpdateVariantAndSetObservable.bind($data, '@VCId', SelectedVariantOption0, '@VariantName', SelectedVariantOptionId0)">@VariantName</div>
1167	                            }
1168	                        </div>
1169	                    </div>
1170	                }
1171	
1172	            }
1173	
1174	            <div class="row align-items-end f-grow-1">
1175	                <div class="col-10 offset-1 col-sm-12 offset-sm-0 d-flex justify-content-center justify-content-lg-start">
1176	
1177	                    <div class="mt-5 d-flex flex-wrap flex-column justify-content-end">
1178	                        @if (campaignText == "KOMBI")
1179	                        {
1180	                            <div class="d-none" data-bind="setInitValue: { observable: SplashType, value: 5 }"></div>
1181	                            <div class="d-none" data-bind="setInitValue: { observable: BeforePrice, value: '@normalPriceFormatted' }"></div>
1182	                            <div class="d-none" data-bind="setInitValue: { observable: Saving, value: '@sparFormatted' }"></div>
1183	                        }
1184	                        else if (spar > 0)
1185	                        {
1186	                            <div class="d-none" data-bind="setInitValue: { observable: SplashType, value: 1 }"></div>
1187	                            <div class="d-none" data-bind="setInitValue: { observable: BeforePrice, value: '@normalPriceFormatted' }"></div>
1188	                            <div class="d-none" data-bind="setInitValue: { observable: Saving, value: '@sparFormatted' }"></div>
1189	                        }
1190	                        else if (NewItem)
1191	                        {
1192	                            <div class="d-none" data-bind="setInitValue: { observable: SplashType, value: 2 }"></div>
1193	                        }
1194	                        else if (LowPrice)
1195	                        {
1196	                            <div class="d-none" data-bind="setInitValue: { observable: SplashType, value: 3 }"></div>
1197	                        }
1198							else if (CostPrice > 0)
1199	                        {
1200	                            <div class="d-none" data-bind="setInitValue: { observable: SplashType, value: 4 }"></div>
1201	                        }
1202	
1203	
1204	                        <div class="w-100 unimportant-hidden" data-bind="css: { 'd-flex': SplashType() == 1 ||  SplashType() == 5}">
1205	                            <p class="color-subtle fs0 m-0 text-uppercase mr-3">@Translate("PriceBefore", "FÃ¸r") <span data-bind="text: BeforePrice"></span></p>
1206	                            <p class="bg-discount fs0 text-uppercase m-0 px-2 font-weight-bold">@Translate("PriceSaving", "Spar") <span data-bind="text: Saving"></span></p>
1207	                        </div>
1208	                        @*<div class="w-100 unimportant-hidden" data-bind="css: { 'd-flex': SplashType() == 4 && ShowSaving }">
1209	                            @if (GetLoop("VariantCombinations").Count > 0)
1210	                            {
1211	                                <p class="color-subtle fs0 m-0 text-uppercase mr-3">@Translate("PriceRecommendPriceFrom", "Vejl. pris fra") <span data-bind="text: CostPrice"></span></p>
1212	                            }
1213	                            else
1214	                            {
1215	                                <p class="color-subtle fs0 m-0 text-uppercase mr-3">@Translate("PriceRecommendPrice", "Vejl. pris") <span data-bind="text: CostPrice"></span></p>
1216	                            }
1217	                        </div>*@
1218	                        <p class="price font-weight-bold m-0">
1219	                            <span class="unimportant-hidden" data-bind="css: { 'd-inline': SplashType() == 1 }">@Translate("ProductNow", "NU") </span>
1220	                            <span data-bind="text: Price"></span>
1221	                        </p>
1222	
1223	
1224	                        @if (!string.IsNullOrEmpty(campaignDateStart) && !string.IsNullOrEmpty(campaignDateEnd))
1225	                        {
1226	                            string CampaignText = $"{Translate("Campaign.BeforeDate.Text", "GÃ¦ldende fra:")} {campaignDateStart} {Translate("Campaign.BeforeDate.Text2", "t.o.m.")} {campaignDateEnd}";
1227	                            <div class="d-none" data-bind="setInitValue: { observable: CampaignText, value: '@CampaignText' }"></div>
1228	                        }
1229	                        else
1230	                        {
1231	                            <div class="d-none" data-bind="setInitValue: { observable: CampaignText, value: '' }"></div>
1232	                        }
1233	
1234	                        <p data-bind="text: CampaignText"></p>
1235	
1236	
1237	                        @if (!string.IsNullOrEmpty(PayeverWidget.WidgetId) && !string.IsNullOrEmpty(PayeverWidget.BusinessId) && !string.IsNullOrEmpty(PayeverWidget.CheckoutId))
1238	                        {
1239	                            <div>
1240	                                    <div class="payever-widget-finexp"
1241	                                         data-widgetid="@PayeverWidget.WidgetId"
1242	                                         data-checkoutid="@PayeverWidget.CheckoutId"
1243	                                         data-business="@PayeverWidget.BusinessId"
1244	                                         data-type="text"
1245	                                         data-reference="order-id"
1246	                                         data-amount="@GetString("Ecom:Product.Price.Price").Replace(".", string.Empty).Replace(",", ".")"></div>
1247	                                     <script>
1248	                                          var script = document.createElement('script');
1249	                                          script.src = 'https://widgets.payever.org/finance-express/widget.min.js';
1250	                                          script.onload = function() {
1251	                                            PayeverPaymentWidgetLoader.init(
1252	                                            '.payever-widget-finexp'
1253	                                            );
1254	                                          };
1255	                                          document.head.appendChild(script);
1256	                                    </script>
1257	                            </div>
1258	                        }
1259	
1260	                        @if (ForSale)
1261	                        {
1262	                            <div class="d-flex align-items-center mt-3">
1263	                                <p class="m-0 font-weight-bold fs1 mr-2">@Translate("Product.Quantity", "Antal")</p>
1264	                                <div class="d-flex">
1265	                                    <div class="quantity-controls d-flex align-items-center mr-3">
1266	                                        <div class="control minus" data-bind="click: DecreaseQuantity">
1267	                                            -
1268	                                        </div>
1269	                                        <input type="text" name="Quantity" value="1" data-bind="value: Quantity" />
1270	                                        <div class="control plus" data-bind="click: IncrementQuantity">
1271	                                            +
1272	                                        </div>
1273	                                    </div>
1274	                                    @{
1275	                                        string addToCartButtonClass = BlackFridayTheme == "True" ? "btn-black-friday bf-bg-black" : "btn-primary";
1276	                                    }
1277	                                    <p class="btn @addToCartButtonClass add-to-cart m-0 d-flex align-items-center px-4" data-bind="click: AddToCart.bind($data, '@DataLayerPrice')">
1278	                                        @Translate("ProductAddToCart", "L&aelig;g i kurv")
1279	                                    </p>
1280	
1281	                                </div>
1282	                            </div>
1283	                        }
1284	                        else
1285	                        {
1286	                            <p>@Translate("Ecom:Product.NotForSaleMessage", "Produktet kan ikke kÃ¸bes.")</p>
1287	                        }
1288	                    </div>
1289	                </div>
1290	            </div>
1291	
1292	        </div>
1293	
1294	    </div>
1295	
1296	    <div class="d-flex flex-wrap justify-content-center external-ctas">
1297	
1298	        @if (!String.IsNullOrWhiteSpace(GetString("Ecom:Product:Field.ProviderLink.Value.Clean")))
1299	        {
1300	            <a href="@GetString("Ecom:Product:Field.ProviderLink.Value.Clean")" target="_blank" class="bg-brand font-weight-bold d-flex align-items-center justify-content-center no-underline p-3 color-white">
1301	                <span>@Translate("Product.DesignSelf", "Design selv")</span>
1302	                <img src="/Files/Templates/Designs/Mobler2018/assets/img/icons/Pencil1.svg" />
1303	            </a>
1304	        }
1305	
1306	        @if (!String.IsNullOrEmpty(ProductCatalogLink))
1307	        {
1308	            <a class="btn btn-secondary rounded-0 d-flex justify-content-center align-items-center p-3 color-white font-weight-bold" href="@ProductCatalogLink" target="_blank">
1309	                <span>@Translate("ProductProductCatalogLink", "Se inspirationsbrochure")</span>
1310	                <img src="/Files/Templates/Designs/Mobler2018/assets/img/icons/Brochure.svg" />
1311	            </a>
1312	        }
1313	
1314	    </div>
1315	
1316	    <div class="d-flex flex-wrap mt-5">
1317	
1318	        <div id="js-full-description">
1319	            <p class="fs3 mb-2 font-weight-bold">@Translate("ProductDescriptionHeader", "Beskrivelse")</p>
1320	            <div class="unimportant-hidden" data-bind="html: FullDescription, css: { 'd-block': FullDescription().length > 0 }">
1321	            </div>
1322	            <div data-bind="css: { 'd-none': FullDescription().length > 0 }">
1323	                @LongDescription
1324	
1325	                @if (!string.IsNullOrEmpty(productionDescription))
1326	                {
1327	                    <br /><br />
1328	                    <h4>@Translate("Product.ProductionDescription.Headline", "Produktionsbeskrivelse")</h4>
1329	                    @:@productionDescription
1330	                }
1331	            </div>
1332	        </div>
1333	
1334	    </div>
1335	
1336	    <div class="d-flex flex-wrap my-5">
1337	
1338	        <div class="description-container mt-5 mt-lg-0">
1339	            <div class="bg-brand color-white box-shadow p-3 pb-5 questions">
1340	                <img class="staff-img" src="/Files/Templates/Designs/Mobler2018/assets/img/sovnmand.png" />
1341	
1342	                @if (!String.IsNullOrWhiteSpace(shopInfo.ShopName) && shopInfo.ShopName != "MÃ¸blÃ©r")
1343	                {
1344	                    <div class="shop-info">
1345	                        <h4 class="fs45">@Translate("ProductQuestionsHeader", "Har du sp&oslash;rsm&aring;l?")</h4>
1346	                        <p class="mb-1">@shopInfo.Address, @shopInfo.PostalAndCity</p>
1347	                        <p class="mb-1">@shopInfo.Phone</p>
1348	                        @if (!String.IsNullOrEmpty(shopInfo.Email))
1349	                        {
1350	                            <p class="mb-1"><a class="color-white" href="mailto:@shopInfo.Email">@shopInfo.Email</a></p>
1351	                        }
1352	                        @if (!String.IsNullOrEmpty(shopInfo.ShopName1))
1353	                        {
1354	                            <p class="mb-1 mt-2">@shopInfo.Address1, @shopInfo.PostalAndCity1</p>
1355	                            <p class="mb-2">@shopInfo.Phone1</p>
1356	                        }
1357	                        @if (!String.IsNullOrEmpty(shopInfo.ShopName2))
1358	                        {
1359	                            <p class="mb-1 mt-2">@shopInfo.Address2, @shopInfo.PostalAndCity2</p>
1360	                            <p class="mb-2">@shopInfo.Phone2</p>
1361	                        }
1362	                        @shopInfo.OpeningHours
1363	                    </div>
1364	                }
1365	                else
1366	                {
1367	                    <h4 class="fs45">@Translate("ProductQuestionsHeader", "Har du sp&oslash;rsm&aring;l?")</h4>
1368	                    <p class="fs2 text">@Translate("ProductSelectNearestShop", "V&aelig;lg n&aelig;rmeste M&oslash;bler bolighus")</p>
1369	                    <select style="width: 280px;" data-bind="select2SelectShop: { overlay: 'find-dealer-overlay', placeholder: '@SelectPlaceholder' }">
1370	                        @if (shopname == "MÃ¸blÃ©r")
1371	                        {
1372	                            <option selected disabled>@Translate("HeaderFindShop", "Find forhandler")</option>
1373	                        }
1374	                        else
1375	                        {
1376	                            foreach (var Shop in AllShops.Where(x => x.MenuText == shopname))
1377	                            {
1378	                                <option selected disabled value="@HttpUtility.UrlEncode(Shop.MenuText)">@Shop.ShopName</option>
1379	                            }
1380	                        }
1381	                        @foreach (var Shop in AllShops)
1382	                        {
1383	                            if (Shop.MenuText != "MÃ¸blÃ©r" && Shop.MenuText != shopname)
1384	                            {
1385	                                var Address = "<div>" + Shop.Address + "</div><div>" + Shop.PostalAndCity + "</div>";
1386	                                <option title="@Address" value="@HttpUtility.UrlEncode(Shop.MenuText)">@Shop.ShopName {{@Shop.PostalAndCity @Shop.SearchKeyWords}}</option>
1387	                            }
1388	                        }
1389	                    </select>
1390	                }
1391	            </div>
1392	        </div>
1393	
1394	    </div>
1395	
1396	    @if (GetInteger("Ecom:Product.RelatedCount") > 0)
1397	    {
1398	        foreach (var Group in GetLoop("ProductRelatedGroups").Where(g => g.GetLoop("Products").Count > 0))
1399	        {
1400	            <div class="py-3 mt-5" data-bind="viewModel: 'ProductListViewModel'">
1401	
1402	                <div class="delivery-information-popup" data-bind="css: { 'd-flex': QuickDeliveryInfoOpen }, click: ToggleQuickDeliveryInfo">
1403	                    <div class="description-content bg-white px-3 py-4 px-lg-4 position-relative" data-bind="click: OpenQuickDeliveryInfo, clickBubble: false">
1404	                        <div class="modal-closer-custom" data-bind="click: ToggleQuickDeliveryInfo, clickBubble: false">
1405	                            <img src="/Files/Templates/Designs/Mobler2018/assets/img/icons/close.svg" />
1406	                        </div>
1407	                        <div>
1408	                            @QuickDeliveryDescription
1409	                        </div>
1410	                    </div>
1411	                </div>
1412	                <div class="delivery-information-popup" data-bind="css: { 'd-flex': NormalDeliveryInfoOpen }, click: ToggleNormalDeliveryInfo">
1413	                    <div class="description-content bg-white px-3 py-4 px-lg-4 position-relative" data-bind="click: OpenNormalDeliveryInfo, clickBubble: false">
1414	                        <div class="modal-closer-custom" data-bind="click: ToggleNormalDeliveryInfo, clickBubble: false">
1415	                            <img src="/Files/Templates/Designs/Mobler2018/assets/img/icons/close.svg" />
1416	                        </div>
1417	                        <div>
1418	                            @NormalDeliveryDescription
1419	                        </div>
1420	                    </div>
1421	                </div>
1422	
1423	                <div class="line-through-header mb-3">
1424	                    <h4>@Group.GetString("Ecom:Product:RelatedGroup.Name")</h4>
1425	                </div>
1426	
1427	                <div class="row">
1428	
1429	                    @foreach (var Product in Group.GetLoop("Products"))
1430	                    {
1431	                        var productToRender = Product;
1432	                        string productId = Product.GetString("Ecom:Product.ID");
1433	                        string variantIdLoop = productsDisplayVariant.GetDisplayVariantId(productId);
1434	
1435	                        if (Product.GetLoop("VariantCombinations").Count > 0 && Product.GetLoop("VariantCombinations").Any(x => x.GetString("Ecom:Product.VariantID").Equals(variantIdLoop)))
1436	                        {
1437	                            productToRender = Product.GetLoop("VariantCombinations").FirstOrDefault(x => x.GetString("Ecom:Product.VariantID").Equals(variantIdLoop));
1438	                        }
1439	
1440	                        @RenderProduct(productToRender)
1441	                    }
1442	                </div>
1443	            </div>
1444	        }
1445	    }
1446	
1447	
1448	    @if(Mobler.Website.CustomCode.RelewiseCustom.RelewiseConnectorSetting.ShowRecommendations)
1449	    { 
1450	        if (GetLoop("RelewiseRecommendationProducts").Count > 0)
1451	        {
1452	            <div class="py-3 mt-5" data-bind="viewModel: 'ProductListViewModel'">
1453	
1454	
1455	                <div class="line-through-header mb-3">
1456	                    <h4>@Translate("Product:RelewiseRecommendationProducts.Headline", "Vi anbefaler du ogsÃ¥ tjekker disse produkter ud...")</h4>
1457	                </div>
1458	
1459	                <div class="row">
1460	
1461	                    @foreach (var Product in GetLoop("RelewiseRecommendationProducts"))
1462	                    {
1463	                        var productToRender = Product;
1464	                        string productId = Product.GetString("Ecom:Product.ID");
1465	                        string variantIdLoop = productsDisplayVariant.GetDisplayVariantId(productId);
1466	
1467	                        if (Product.GetLoop("VariantCombinations").Count > 0 && Product.GetLoop("VariantCombinations").Any(x => x.GetString("Ecom:Product.VariantID").Equals(variantIdLoop)))
1468	                        {
1469	                            productToRender = Product.GetLoop("VariantCombinations").FirstOrDefault(x => x.GetString("Ecom:Product.VariantID").Equals(variantIdLoop));
1470	                        }
1471	
1472	                        @RenderProduct(productToRender)
1473	                    }
1474	                </div>
1475	            </div>
1476	        }
1477	    }
1478	
1479	
1480	    @if (RelatedBlogs.Count > 0)
1481	    {
1482	        string ImagePosition = "Left";
1483	        <div class="feature-blogs my-5">
1484	
1485	            <div class="row">
1486	
1487	                @foreach (var Blog in RelatedBlogs)
1488	                {
1489	                    @RenderLargeBlogTeaser(Blog, ImagePosition)
1490	                    if (ImagePosition == "Left")
1491	                    {
1492	                        ImagePosition = "Right";
1493	                    }
1494	                    else
1495	                    {
1496	                        ImagePosition = "Left";
1497	                    }
1498	                }
1499	
1500	            </div>
1501	
1502	        </div>
1503	    }
1504	
1505	
1506	    <div class="after-add-to-cart bg-white box-shadow" data-bind="css: { 'd-block': ProductAddedToCart }">
1507	        <div class="closer fs3 pointer" data-bind="click: ProductAddedToCart(false)">
1508	            <i class="fas fa-times-circle color-primary"></i>
1509	        </div>
1510	        <div class="p-3">
1511	            <p class="font-weight-bold fs4 text-uppercase m-0">
1512	                <i class="fas fa-check-circle color-primary"></i>
1513	                @Translate("ProductProductAddedToCart", "Varen er lagt i indk&oslash;bskurven")
1514	            </p>
1515	        </div>
1516	        <div class="mini-cart large-cart power-step">
1517	
1518	            <div class="position-relative">
1519	                <div class="cart-command-loader unimportant-hidden justify-content-center align-items-center" data-bind="css: { 'd-flex': Loading }">
1520	                    <div class="d-flex align-items-center">
1521	                        <p class="m-0 mr-2">@Translate("Cart.UpdatingCart", "Opdaterer kurv")</p>
1522	                        <i class="fas fa-spinner fa-spin"></i>
1523	                    </div>
1524	                </div>
1525	
1526	                <div class="lines" data-bind="foreach: Orderlines">
1527	                    <div class="cartline d-flex justify-content-between align-items-center px-3 py-2 position-relative bg-grey">
1528	                        <span class="delete-orderline color-subtle cursor-pointer mr-2" data-bind="click: $parent.DeleteOrderline.bind($data, OrderlineId)">
1529	                            <i class="fas fa-times"></i>
1530	                        </span>
1531	                        <div class="product-image w-10">
1532	                            <img class="img-fluid" data-bind="attr: { src: ImagePath }" />
1533	                        </div>
1534	                        <div class="flex-fill px-3 w-75">
1535	                            <p class="font-weight-bold m-0" data-bind="text: ProductName"></p>
1536	                            <p class="m-0 color-subtle small-quantity-indicator"><span data-bind="text: Quantity"></span> stk. a <span data-bind="text: QuantityPrice"></span></p>
1537	                            <div class="variant-dimensions" data-bind="foreach: VariantDimensions">
1538	                                <p class="m-0 color-subtle color-dark-grey font-weight-bold">
1539	                                    <span data-bind="text: Label"></span>
1540	                                    <span class="font-weight-normal" data-bind="text: Value"></span>
1541	                                </p>
1542	                            </div>
1543	                        </div>
1544	                        <div class="qty-counter w-10">
1545	                            <div class="d-flex">
1546	                                <div class="quantity-controls d-flex align-items-center mr-3">
1547	                                    <div class="control minus" data-bind="click: $parent.QuantityControl.bind($data, -1, OrderlineId)">
1548	                                        -
1549	                                    </div>
1550	                                    <input disabled type="text" name="Quantity" value="1" data-bind="value: Quantity, attr: { 'data-id': 'js-input-' + OrderlineId }" />
1551	                                    <div class="control plus" data-bind="click: $parent.QuantityControl.bind($data, 1, OrderlineId)">
1552	                                        +
1553	                                    </div>
1554	                                </div>
1555	                            </div>
1556	                        </div>
1557	
1558	                        <p class="fs0 m-0 orderline-price" data-bind="text: OrderlinePrice"></p>
1559	                    </div>
1560	                </div>
1561	                @if (BlackFridayTheme == "True")
1562	                {
1563	                    <div class="bf-bg-black p-3 d-flex justify-content-between align-items-center price-summary">
1564	                        <p class="m-0 color-white fs-12px font-weight-semibold">@Translate("MiniCartTotal", "Din kurv i alt (ex. fragt)")</p>
1565	                        <p class="m-0 color-white fs1 font-weight-bold" data-bind="text: CartTotalNoFees"></p>
1566	                    </div>
1567	                }
1568	                else
1569	                {
1570	                    <div class="bg-brand p-3 d-flex justify-content-between align-items-center price-summary">
1571	                        <p class="m-0 color-white fs-12px font-weight-semibold">@Translate("MiniCartTotal", "Din kurv i alt (ex. fragt)")</p>
1572	                        <p class="m-0 color-white fs1 font-extra-bold" data-bind="text: CartTotalNoFees"></p>
1573	                    </div>
1574	                }
1575	            </div>
1576	
1577	        </div>
1578	        <div class="p-3 d-flex justify-content-between">
1579	            <p class="pointer py-2 px-3 bg-dark-grey color-white rounded m-0" data-bind="click: ProductAddedToCart(false)">@Translate("MiniCartContinueShopping", "Handel videre")</p>
1580	
1581	            @if (BlackFridayTheme == "True")
1582	            {
1583	                <a href="@CartPage" class="pointer py-2 px-3 bf-bg-black color-white rounded d-block no-underline">@Translate("MiniCartGoToCheckout", "G&aring; til kassen")</a>
1584	            }
1585	            else
1586	            {
1587	                <a href="@CartPage" class="pointer py-2 px-3 bg-brand color-white rounded d-block no-underline">@Translate("MiniCartGoToCheckout", "G&aring; til kassen")</a>
1588	            }
1589	
1590	        </div>
1591	        <div class="js-customers-also-saw-lines"></div>
1592	
1593	    </div>
1594	    <div class="variant-picker" data-bind="css: { 'open': VariantPickerOpen }">
1595	        <div class="closer color-primary fs5 pointer" data-bind="click: ToggleVariantPicker">
1596	            <i class="fas fa-times-circle"></i>
1597	        </div>
1598	        <div class="container py-5 position-relative">
1599	            <h3 class="fs4 text-center">Design din @ProductName</h3>
1600	            @{
1601	                var ColorDimensions = GetLoop("VariantGroups").Where(g => g.GetString("Ecom:VariantGroup.Name").ToLower().Contains("farve"));
1602	                var NonColorDimensions = GetLoop("VariantGroups").Where(g => !g.GetString("Ecom:VariantGroup.Name").ToLower().Contains("farve"));
1603	                int FilterCounter = 0;
1604	                string RowClass = NonColorDimensions.Any() && ColorDimensions.Any() ? "flex-row-reverse" : "";
1605	            }
1606	            <div class="row mt-5 @RowClass">
1607	                @if (ColorDimensions.Any())
1608	                {
1609	                    <div class="col-12 col-md-8">
1610	                        @foreach (var VariantDimension in ColorDimensions)
1611	                        {
1612	                            string DimensionName = VariantDimension.GetString("Ecom:VariantGroup.Name");
1613	                            string FilterName = "filter-" + FilterCounter;
1614	                            FilterCounter++;
1615	                            <div class="mb-5 mb-md-0">
1616	                                <p class="font-weight-bold fs2 mb-2">@DimensionName</p>
1617	                                <div class="row custom-row">
1618	                                    @foreach (var VariantOption in VariantDimension.GetLoop("VariantAvailableOptions").OrderBy(v => v.GetString("Ecom:VariantOption.Name")))
1619	                                    {
1620	                                        string VariantOptionName = VariantOption.GetString("Ecom:VariantOption.Name");
1621	                                        string VariantOptionId = VariantOption.GetString("Ecom:VariantOption.ID");
1622	                                        string Preview = VariantOption.GetString("Ecom:VariantOption.ImgSmall.Clean");
1623	                                        string PreviewCss = "";
1624	                                        if (!String.IsNullOrEmpty(Preview))
1625	                                        {
1626	                                            if (Preview.StartsWith("#"))
1627	                                            {
1628	                                                PreviewCss = "style= \"background-color: " + Preview + ";\"";
1629	                                            }
1630	                                            else
1631	                                            {
1632	                                                PreviewCss = "style=\"background-image: url('" + Preview + "');\"";
1633	                                            }
1634	                                        }
1635	                                        <div class="col-2 col-sm-3 col-md-2 mb-3 d-flex flex-column justify-content-end pointer color-variant" data-bind="click: AddToFilter.bind($data, $element, '@FilterName', '@VariantOptionId')">
1636	                                            <p class="mb-0 color-variant-name d-none d-sm-block">@VariantOptionName</p>
1637	                                            <div class="variant-preview position-relative d-flex" @PreviewCss></div>
1638	                                        </div>
1639	                                    }
1640	                                </div>
1641	                            </div>
1642	                        }
1643	                    </div>
1644	                }
1645	                @if (NonColorDimensions.Any())
1646	                {
1647	                    <div class="col-12 col-sm-6 col-md-4">
1648	                        @foreach (var VariantDimension in NonColorDimensions)
1649	                        {
1650	                            string DimensionName = VariantDimension.GetString("Ecom:VariantGroup.Name");
1651	                            string FilterName = "filter-" + FilterCounter;
1652	                            FilterCounter++;
1653	                            <div class="mb-5">
1654	                                <p class="font-weight-bold fs2 mb-2">@DimensionName</p>
1655	                                <div class="row custom-row">
1656	                                    @foreach (var VariantOption in VariantDimension.GetLoop("VariantAvailableOptions").OrderBy(v => v.GetString("Ecom:VariantOption.Name")))
1657	                                    {
1658	                                        string VariantOptionName = VariantOption.GetString("Ecom:VariantOption.Name");
1659	                                        string VariantOptionId = VariantOption.GetString("Ecom:VariantOption.ID");
1660	                                        string Preview = VariantOption.GetString("Ecom:VariantOption.ImgSmall.Clean");
1661	                                        string PreviewCss = "";
1662	                                        if (!String.IsNullOrEmpty(Preview))
1663	                                        {
1664	                                            if (Preview.StartsWith("#"))
1665	                                            {
1666	                                                PreviewCss = "style= \"background-color: " + Preview + ";\"";
1667	                                            }
1668	                                            else
1669	                                            {
1670	                                                PreviewCss = "style=\"background-image: url('/Files" + Preview + "');\"";
1671	                                            }
1672	                                        }
1673	                                        if (DimensionName == "STÃ˜RRELSE")
1674	                                        {
1675	                                            <div class="col-6 col-sm-4 mb-3 d-flex flex-column justify-content-end pointer size-variant" data-bind="click: AddToFilter.bind($data, $element, '@FilterName', '@VariantOptionId')">
1676	                                                <div class="variant-preview position-relative d-flex justify-content-center align-items-center" @PreviewCss>
1677	                                                    <p class="mb-0 color-variant-name font-weight-bold">@VariantOptionName</p>
1678	                                                </div>
1679	                                            </div>
1680	                                        }
1681	                                        else
1682	                                        {
1683	                                            <div class="col-6 col-sm-4 mb-3 d-flex flex-column justify-content-end pointer" data-bind="click: AddToFilter.bind($data, $element, '@FilterName', '@VariantOptionId')">
1684	                                                <p class="mb-0 color-variant-name">@VariantOptionName</p>
1685	                                                <div class="variant-preview position-relative d-flex" @PreviewCss></div>
1686	                                            </div>
1687	                                        }
1688	                                    }
1689	                                </div>
1690	                            </div>
1691	                        }
1692	                    </div>
1693	                }
1694	
1695	                <div class="col-12 d-flex justify-content-end">
1696	                    <p class="color-primary pointer my-3" data-bind="click: ResetFilters">Nulstil</p>
1697	                </div>
1698	            </div>
1699	            <p class="font-weight-bold fs2 mt-5">
1700	                @Translate("ChooseProduct", "V&aelig;lg produkt")
1701	            </p>
1702	            <div class="row align-items-end" data-bind="foreach: FilteredVariants">
1703	                <div class="col-12 col-sm-6 col-md-3 mb-3">
1704	                    <a class="color-black no-underline" data-bind="attr: { href: Link }">
1705	                        <p class="fs0 font-weight-bold m-0" data-bind="text: Name"></p>
1706	                        <img class="img-fluid box-shadow my-1" data-bind="attr: { src: Image }" />
1707	                        <div class="d-flex justify-content-center mt-2">
1708	                            <div class="btn btn-primary">@Translate("VariantChooseProduct", "V&aelig;lg")</div>
1709	                        </div>
1710	                    </a>
1711	                </div>
1712	            </div>
1713	            <div data-bind="visible: FilteredVariants().length == 0">
1714	                <p class="font-weight-bold mt-3 fs3">@Translate("VariantsNoResults", "Filtreringen gav ingen resultater")</p>
1715	            </div>
1716	        </div>
1717	    </div>
1718	</div>
1719	
1720	@SnippetStart("DataLayerOverwrites")
1721	<script>
1722	    ecomm_pagetype = "Product";
1723	    ecomm_totalvalue = @GetString("Ecom:Product.Price.Price").Replace(".","").Replace(",",".");
1724	    ecomm_prodid = "@GetString("Ecom:Product.ID")";
1725	</script>
1726	@SnippetEnd("DataLayerOverwrites")
1727	
1728	<script>
1729	var dataLayer = window.dataLayer || [];
1730	dataLayer.push({
1731	    'event': 'product',
1732	    'ecommerce': {
1733	        'detail': {
1734	            'actionField': {
1735	                'list': '@DataLayerParentGroups'
1736	            },
1737	            'products': [{
1738	                'id': '@ProductID',
1739	                'name': '@ProductName',
1740	                'image': '@OgImage',
1741	                'brand': '@BrandName',
1742	                'variant': '@CurrentVariantName',
1743	                'category': '@DataLayerParentGroup',
1744	                'price': '@DataLayerPrice'
1745	            }]
1746	        }
1747	    },
1748	    'page': {
1749	        'type': 'product',
1750	        'environment': 'production'
1751	    }
1752	});
1753	</script>
1754
Kundeservice

Øvrige

Møblér

Møblérs nyhedsbrev
