<pre class='dw-error'>Error executing template "Designs/Hive/_parsed/Hive_DetailComponent.parsed.cshtml"
System.NullReferenceException: Object reference not set to an instance of an object.
   at CompiledRazorTemplates.Dynamic.RazorEngine_081b653401bd4e8e862ea798bad1c2f7.Execute() in C:\inetpub\wwwroot\directions2023\Files\Templates\Designs\Hive\_parsed\Hive_DetailComponent.parsed.cshtml:line 145
   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.&lt;&gt;c__DisplayClass16_0.&lt;RunCompile&gt;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()
<hr/>
<div class='template-code'>
<span class='line-number'>  1</span>     @inherits Dynamicweb.Rendering.ViewModelTemplate&lt;Dynamicweb.Frontend.PageViewModel&gt;
@using Dynamicweb
@using Dynamicweb.Environment

@{
	string swiftVersion = ReadFile(&quot;/Files/Templates/Designs/Swift/swift_version.txt&quot;);
	@* Branding Themes Fonts *@
	
	
	var disableWideBreakpoints = Model.Area?.Item?.GetRawValueString(&quot;DisableWideBreakpoints&quot;, &quot;default&quot;);
	string favicon = Model.Area.Item.GetFile(&quot;Favicon&quot;) != null ? Model.Area.Item.GetFile(&quot;Favicon&quot;).Path : &quot;/Files/Templates/Designs/Swift/Assets/Images/favicon.png&quot;;

	
	string googleTagManagerID = Model.Area.Item.GetString(&quot;GoogleTagManagerID&quot;);
	string googleAnalyticsMeasurementID = Pageview.AreaSettings.GetString(&quot;GoogleAnalyticsMeasurementID&quot;);
	var cookieOptInLevel = CookieManager.GetCookieOptInLevel();
	bool allowTracking = cookieOptInLevel == CookieOptInLevel.All || (cookieOptInLevel == CookieOptInLevel.Functional &amp;&amp; CookieManager.GetCookieOptInCategories().Contains(&quot;Statistical&quot;));

	// Schema.org details for PDP
	string productId = !string.IsNullOrEmpty(Dynamicweb.Context.Current.Request.QueryString.Get(&quot;ProductID&quot;)) ? Dynamicweb.Context.Current.Request.QueryString.Get(&quot;ProductID&quot;) : &quot;&quot;;
	bool isProductDetailsPage = !string.IsNullOrEmpty(productId);
	bool isArticlePage = Model.ItemType == &quot;Hive_Article&quot;;
	string schemaOrgType = string.Empty;

	if(isProductDetailsPage)
	{
		schemaOrgType = &quot;itemscope=\&quot;\&quot; itemtype=\&quot;https://schema.org/Product\&quot;&quot;;
	}

	if(isArticlePage)
	{
		schemaOrgType = &quot;itemscope=\&quot;\&quot; itemtype=\&quot;https://schema.org/Article\&quot;&quot;;
	}
}

&lt;!doctype html&gt;
&lt;html lang=&quot;@Pageview.Area.CultureInfo.TwoLetterISOLanguageName&quot;&gt;
	&lt;head&gt;
		&lt;!-- @swiftVersion --&gt;
		@* Required meta tags *@
		&lt;meta charset=&quot;utf-8&quot;&gt;
		&lt;meta name=&quot;viewport&quot; content=&quot;height=device-height, width=device-width, initial-scale=1.0&quot;&gt;

		&lt;link rel=&quot;shortcut icon&quot; href=&quot;@favicon&quot;&gt;
		&lt;link rel=&quot;apple-touch-icon&quot; href=&quot;/Files/Templates/Designs/Swift/Assets/Images/logo_transparent.png&quot;&gt;
		&lt;meta http-equiv=&quot;X-UA-Compatible&quot; content=&quot;ie=edge&quot;&gt;
		&lt;meta name=&quot;googlebot-news&quot; content=&quot;nosnippet&quot;&gt;

		@Model.MetaTags

		&lt;title&gt;@Model.Title&lt;/title&gt;

		@* Bootstrap + Swift stylesheet *@
		
		@if (disableWideBreakpoints != &quot;disableBoth&quot;)
		{ 
			&lt;style&gt;
				@@media ( min-width: 1600px ) {
					.container-xxl,
					.container-xl,
					.container-lg,
					.container-md,
					.container-sm,
					.container {
						max-width: 1520px;
					}
				}
			&lt;/style&gt;		
		
			if (disableWideBreakpoints != &quot;disableUltraWideOnly&quot;)
			{ 
				&lt;style&gt;
					@@media ( min-width: 1920px ) {
						.container-xxl,
						.container-xl,
						.container-lg,
						.container-md,
						.container-sm,
						.container {
							max-width: 1820px;
						}
					}
				&lt;/style&gt;
			}
		}

		@* Google tag manager *@
		@if (!string.IsNullOrWhiteSpace(googleTagManagerID) &amp;&amp; allowTracking)
		{
			&lt;script&gt;
				(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({&#39;gtm.start&#39;:
				new Date().getTime(),event:&#39;gtm.js&#39;});var f=d.getElementsByTagName(s)[0],
				j=d.createElement(s),dl=l!=&#39;dataLayer&#39;?&#39;&amp;l=&#39;+l:&#39;&#39;;j.async=true;j.src=
				&#39;https://www.googletagmanager.com/gtm.js?id=&#39;+i+dl;f.parentNode.insertBefore(j,f);
				})(window, document, &#39;script&#39;, &#39;dataLayer&#39;, &#39;@(googleTagManagerID)&#39;);

				function gtag() { dataLayer.push(arguments); }
			&lt;/script&gt;
		}

		@if (!string.IsNullOrWhiteSpace(googleAnalyticsMeasurementID) &amp;&amp; allowTracking)
		{
			var GoogleAnalyticsDebugMode = &quot;&quot;;
			bool isLoggedInBackendUser = false;

			if (Dynamicweb.Security.UserManagement.User.GetCurrentBackendUser() != null) { 
				isLoggedInBackendUser = true;
			}

			if (Model.Area.Item.GetBoolean(&quot;EnableGoogleAnalyticsDebugMode&quot;) &amp;&amp; @isLoggedInBackendUser)
			{
				GoogleAnalyticsDebugMode = &quot;, {&#39;debug_mode&#39;: true}&quot;;
			}

			&lt;script async src=&quot;https://www.googletagmanager.com/gtag/js?id=@googleAnalyticsMeasurementID&quot;&gt;&lt;/script&gt;
			&lt;script&gt;
				window.dataLayer = window.dataLayer || [];
				function gtag(){dataLayer.push(arguments);}
				gtag(&#39;js&#39;, new Date());
				gtag(&#39;config&#39;, &#39;@googleAnalyticsMeasurementID&#39;@GoogleAnalyticsDebugMode);
			&lt;/script&gt;
		}

		
&lt;/head&gt;

	&lt;body class=&quot;brand &quot;&gt;

		&lt;main id=&quot;content&quot; @(schemaOrgType)&gt;
			&lt;div data-intersect&gt;&lt;/div&gt;
			@inherits Dynamicweb.Rendering.ViewModelTemplate&lt;Dynamicweb.Frontend.PageViewModel&gt;
@using System
@using Dynamicweb.Ecommerce.ProductCatalog


@{ 
	bool isVisualEditor = !string.IsNullOrEmpty(Dynamicweb.Context.Current.Request.QueryString.Get(&quot;VisualEdit&quot;)) ? Convert.ToBoolean(Dynamicweb.Context.Current.Request.QueryString.Get(&quot;VisualEdit&quot;)) : false;
	string theme = &quot;&quot;;
	string contentPadding = &quot;&quot;;
	string gridContent = &quot;&quot;;

	if (Model.PropertyItem != null)
	{
		theme = !string.IsNullOrWhiteSpace(Model.Item.GetRawValueString(&quot;Theme&quot;)) ? &quot; theme &quot; + Model.Item.GetRawValueString(&quot;Theme&quot;).Replace(&quot; &quot;, &quot;&quot;).Trim().ToLower() : string.Empty;

		contentPadding = Model.Item.GetRawValueString(&quot;ContentPadding&quot;, &quot;&quot;);
		contentPadding = contentPadding == &quot;none&quot; ? &quot;p-0&quot; : contentPadding;
		contentPadding = contentPadding == &quot;small&quot; ? &quot;p-2 p-md-3&quot; : contentPadding;
		contentPadding = contentPadding == &quot;large&quot; ? &quot;p-4 p-md-5&quot; : contentPadding;
		contentPadding = contentPadding == &quot;small-x&quot; ? &quot;px-2 px-md-3&quot; : contentPadding;
		contentPadding = contentPadding == &quot;large-x&quot; ? &quot;px-4 px-md-5&quot; : contentPadding;
	}

	if (Model.Item != null)
	{
		gridContent = Model.Grid(&quot;Grid&quot;, &quot;Component Grid&quot;, &quot;default:true;sort:1&quot;, &quot;HiveComponentDetail&quot;);
	}

	string viewType = Model.Item.GetRawValueString(&quot;ViewType&quot;, &quot;3-columns&quot;);
	string viewTypeMobile = Model.Item.GetRawValueString(&quot;ViewTypeMobile&quot;, &quot;2-columns&quot;);
	string mobileColumns = viewTypeMobile == &quot;list&quot; ? &quot;g-col-12&quot; : &quot;&quot;;
	mobileColumns = viewTypeMobile == &quot;2-columns&quot; ? &quot;g-col-6&quot; : mobileColumns;

	&lt;div class=&quot;bg-light w-100 position-relative&quot;&gt;
		&lt;div class=&quot;p-5 position-fixed&quot; style=&quot;z-index: 10&quot;&gt;
			&lt;h3 class=&quot;h5&quot;&gt;@Translate(&quot;Component builder for&quot;): @Model.Item.GetString(&quot;Title&quot;)&lt;/h3&gt;
		&lt;/div&gt;
		&lt;div class=&quot;container-xl d-flex flex-row align-items-center justify-content-center min-vh-100&quot;&gt;
			&lt;div class=&quot;grid w-100&quot;&gt;
				@if (viewType == &quot;list&quot;)
				{
					&lt;div class=&quot;@mobileColumns g-col-lg-12 shadow @contentPadding @theme p-2&quot;&gt;
						@gridContent
					&lt;/div&gt;
				}
				@if (viewType == &quot;2-columns&quot;)
				{
					&lt;div class=&quot;@mobileColumns g-col-lg-6 shadow @contentPadding @theme p-2&quot;&gt;
						@gridContent
					&lt;/div&gt;
					&lt;div class=&quot;@mobileColumns g-col-lg-6 bg-black&quot; style=&quot;opacity: 10%&quot;&gt;&lt;/div&gt;
				}
				@if (viewType == &quot;3-columns&quot;)
				{
					&lt;div class=&quot;@mobileColumns g-col-lg-4 shadow @contentPadding @theme p-2&quot;&gt;
						@gridContent
					&lt;/div&gt;
					&lt;div class=&quot;@mobileColumns g-col-lg-4 bg-black&quot; style=&quot;opacity: 10%&quot;&gt;&lt;/div&gt;
					&lt;div class=&quot;@mobileColumns g-col-lg-4 bg-black&quot; style=&quot;opacity: 10%&quot;&gt;&lt;/div&gt;
				}
				@if (viewType == &quot;4-columns&quot;)
				{
					&lt;div class=&quot;@mobileColumns g-col-lg-3 shadow @contentPadding @theme p-2&quot;&gt;
						@gridContent
					&lt;/div&gt;
					&lt;div class=&quot;@mobileColumns g-col-lg-3 bg-black&quot; style=&quot;opacity: 10%&quot;&gt;&lt;/div&gt;
					&lt;div class=&quot;@mobileColumns g-col-lg-3 bg-black&quot; style=&quot;opacity: 10%&quot;&gt;&lt;/div&gt;
					&lt;div class=&quot;@mobileColumns g-col-lg-3 bg-black&quot; style=&quot;opacity: 10%&quot;&gt;&lt;/div&gt;
				}
				@if (viewType == &quot;6-columns&quot;)
				{
					&lt;div class=&quot;@mobileColumns g-col-lg-2 shadow @contentPadding @theme p-2&quot;&gt;
						@gridContent
					&lt;/div&gt;
					&lt;div class=&quot;@mobileColumns g-col-lg-2 bg-black&quot; style=&quot;opacity: 10%&quot;&gt;&lt;/div&gt;
					&lt;div class=&quot;@mobileColumns g-col-lg-2 bg-black&quot; style=&quot;opacity: 10%&quot;&gt;&lt;/div&gt;
					&lt;div class=&quot;@mobileColumns g-col-lg-2 bg-black&quot; style=&quot;opacity: 10%&quot;&gt;&lt;/div&gt;
					&lt;div class=&quot;@mobileColumns g-col-lg-2 bg-black&quot; style=&quot;opacity: 10%&quot;&gt;&lt;/div&gt;
					&lt;div class=&quot;@mobileColumns g-col-lg-2 bg-black&quot; style=&quot;opacity: 10%&quot;&gt;&lt;/div&gt;
					&lt;div class=&quot;@mobileColumns g-col-lg-2 bg-black&quot; style=&quot;opacity: 10%&quot;&gt;&lt;/div&gt;
				}
			&lt;/div&gt;
		&lt;/div&gt;
	&lt;/div&gt;
}

&lt;script&gt;
	document.querySelector(&#39;#VisualEditoForcedTopHeight&#39;).style.height = 0;
&lt;/script&gt;

		&lt;/main&gt;
	&lt;/body&gt;

&lt;/html&gt;

</div>
</pre>