Branding Stylesheet || ProductId : PROD313 VariantId :

Error executing template "Designs/ClientBase_generated/Paragraph/ProductDetailWidgetImages.cshtml"
System.NullReferenceException: Object reference not set to an instance of an object.
   at CompiledRazorTemplates.Dynamic.RazorEngine_672bf76d46e24ee49388959a4d109b2f.Execute() in D:\dynamicweb.net\Solutions\Bluedesk\koksgroup.cloud.dynamicweb-cms.com\files\Templates\Designs\ClientBase_generated\Paragraph\ProductDetailWidgetImages.cshtml:line 20
   at RazorEngine.Templating.TemplateBase.RazorEngine.Templating.ITemplate.Run(ExecuteContext context, TextWriter reader)
   at RazorEngine.Templating.RazorEngineService.RunCompile(ITemplateKey key, TextWriter writer, Type modelType, Object model, DynamicViewBag viewBag)
   at RazorEngine.Templating.RazorEngineServiceExtensions.<>c__DisplayClass16_0.<RunCompile>b__0(TextWriter writer)
   at RazorEngine.Templating.RazorEngineServiceExtensions.WithWriter(Action`1 withWriter)
   at Dynamicweb.Rendering.RazorTemplateRenderingProvider.Render(Template template)
   at Dynamicweb.Rendering.TemplateRenderingService.Render(Template template)
   at Dynamicweb.Rendering.Template.RenderRazorTemplate()


  1     @inherits Dynamicweb.Rendering.ViewModelTemplate<Dynamicweb.Frontend.ParagraphViewModel>
  2     
  3     @using Dynamicweb.Ecommerce.ProductCatalog;
  4     @using Bluedesk.DynamicWeb.ItemTypes.BaseSolution;
  5     @using Bluedesk.DynamicWeb.ItemTypes.BaseSolution.Frontend;
  6     
  7     @{
  8     	string paragraphID = Pageview.CurrentParagraph.ID.ToString();
  9     	ProductDetailWidgetImages _data = Dynamicweb.Services.Items.GetItem("ProductDetailWidgetImages", Model.ItemId).ToCodeFirstItem<ProductDetailWidgetImages>() ?? new ProductDetailWidgetImages();
 10     	ProductAndVariantsObj ProductAndVariants = (ProductAndVariantsObj) Dynamicweb.Context.Current.Session["ProductAndVariants"];
 11     
 12     	ProductViewModel product = new ProductViewModel();
 13     	if (Dynamicweb.Context.Current.Items.Contains("ProductDetails"))
 14     	{
 15     		product = (ProductViewModel) Dynamicweb.Context.Current.Items["ProductDetails"];
 16     	}
 17     
 18     	List<FieldOptionValueViewModel> productRibbons = null;
 19     
 20     	if (product != null  && product.ProductFields["ProductRibbon"] != null)
 21     	{
 22     		productRibbons = (List<FieldOptionValueViewModel>)product.ProductFields["ProductRibbon"].Value;
 23     	}
 24     
 25     	//ProductObj ProductObj = (ProductObj)HttpContext.Current.Session["ProductDetails"];
 26     
 27     	//ProductDetailObj DefaultProduct = ProductObj.Default[0];
 28     
 29     	//ProductInfoObj DefaultProductInfo = DefaultProduct.ProductInfo;
 30     
 31     	//List<ProductAssetsObj> Assets = DefaultProduct.ProductImages.ProductAssets;
 32     
 33     	bool displayRibbon = _data.DisplayRibbon;
 34     	bool displayManufacturerLogo = _data.DisplayManufacturerLogo;
 35     }
 36     
 37     <div id="@paragraphID" class="pdp-paragraph w-full @_data.CssClass">
 38     
 39     	@if (!string.IsNullOrWhiteSpace(ProductAndVariants.ProductDetail.ProductRibbon) && displayRibbon)
 40     	{
 41     		<p class="product-detailpage__ribbon product-detailpage__ribbon--big"><span>@ProductAndVariants.ProductDetail.ProductRibbon</span></p>
 42     	}
 43     
 44     	<section class="product-detailpage__images pdp__images-container">
 45     		<section class="productimages pdp__images">
 46     
 47     			<section class="productimages__wrapper">
 48     
 49     				<div class="productimages__carousel-big hidden">
 50     
 51     					<div class="productimages__item">
 52     						<img class="w-auto" src="/Admin/Public/GetImage.ashx?Image=@ProductAndVariants.Images.Default&Format=webp&Quality=-1&width=800&height=800" alt="@ProductAndVariants.Images.Default" height="800" width="800" />
 53     					</div>
 54     
 55     					@if (ProductAndVariants.Images.AssetImages != null)
 56     					{
 57     						foreach (Image Image in ProductAndVariants.Images.AssetImages)
 58     						{
 59     							<div class="productimages__item">
 60     								<img class="w-auto" src="/Admin/Public/GetImage.ashx?Image=@Image.Value&Format=webp&Quality=-1&width=800&height=800" alt="@Image.Value" />
 61     							</div>
 62     						}
 63     
 64     					}
 65     					@if (!string.IsNullOrWhiteSpace(ProductAndVariants.ProductDetail.YoutubeProductVideo))
 66     					{
 67     
 68     						string YoutubeProductVideo = ProductAndVariants.ProductDetail.YoutubeProductVideo;
 69     
 70     						<div class="productimages__item">
 71     							<div class="productimages__carousel__video-container">
 72     								<lite-youtube videoid="@YoutubeProductVideo" params="controls=1&loop=0&playlist=@YoutubeProductVideo&playsinline=1&modestbranding=1&mute=0&rel=0&enablejsapi=1&	origin=@Dynamicweb.Environment.Helpers.LinkHelper.GetHttpDomain()&disablekb=0"></lite-youtube>
 73     							</div>
 74     						</div>
 75     
 76     					}
 77     
 78     				</div>
 79     
 80     			</section>
 81     
 82     			<div class="productimages__carousel-thumbnails hidden">
 83     
 84     				<div class="productimages__thumbnail">
 85     					<img class="w-auto" src="/Admin/Public/GetImage.ashx?Image=@ProductAndVariants.Images.Default&Crop=7&Format=webp&Quality=-1&width=160&height=100" alt="@ProductAndVariants.Images.Default" height="100" width="100" />
 86     				</div>
 87     
 88     				@if (ProductAndVariants.Images.AssetImages != null)
 89     				{
 90     
 91     					foreach (Image Thumb in ProductAndVariants.Images.AssetImages)
 92     					{
 93     						<div class="productimages__thumbnail">
 94     							<img class="product-image" src="/Admin/Public/GetImage.ashx?Image=@Thumb.Value&Crop=7&Format=webp&Quality=90&Compression=80&width=160&height=100" alt="Thumbnail @Thumb.Value" width="100" height="100" />
 95     						</div>
 96     					}
 97     				}
 98     
 99     				<div class="productimages__thumbnail productimages__thumbnail--video pin-t mr-4" aria-hidden="true" style="position: absolute; left: 0px; transform: translateX(232%);">
100     					<img class="h-full" src="https://img.youtube.com/vi/@ProductAndVariants.ProductDetail.YoutubeProductVideo/0.jpg" alt="Video preview RIDGID K-45 AF-5 3" height="84" width="84">
101     					<span class="video-icon">
102     						<i class="fas fa-play"></i>
103     					</span>
104     				</div>
105     			</div>
106     
107     
108     			<section class="productimages__wrapper">
109     
110     				@if (displayManufacturerLogo && ProductAndVariants.Manufacturer != null && ProductAndVariants.Manufacturer.Logo != "")
111     				{
112     					<img src="/Admin/Public/GetImage.ashx?Image=/Files/@ProductAndVariants.Manufacturer.Logo&Crop=7&Format=webp&Quality=90&Compression=80&width=150" class="manufacturer__logo" alt="Manufacturer" width="150" height="50" />
113     				}
114     
115     				@*<div class="productimages__carousel-big hidden">
116     				@foreach (var i in product.AssetCategories)
117     				{
118     					foreach (var image in i.Assets)
119     					{
120     						<div class="productimages__item">
121     							<img class="w-auto" src="/Admin/Public/GetImage.ashx?Image=@image.Value&Format=webp&Quality=-1&width=800&height=800" alt="@image.Name" />
122     						</div>
123     					}
124     				}
125     			</div>*@
126     			</section>
127     
128     			@*<div class="productimages__carousel-thumbnails hidden">
129     			@foreach (var i in product.AssetCategories)
130     			{
131     				foreach (var image in i.Assets)
132     				{
133     					<div class="productimages__thumbnail">
134     						<img class="product-image" src="/Admin/Public/GetImage.ashx?Image=@image.Value&Crop=7&Format=webp&Quality=90&Compression=80&width=160&height=100" alt="Thumbnail @image.Name" width="100" height="100" />
135     					</div>
136     				}
137     			}
138     		</div>*@
139     
140     
141     		</section>
142     	</section>
143     </div>
144     
145     <style>
146     	.productimages__item {
147     		height: 400px;
148     	}
149     </style>
150