Error executing template "/Designs/Swift/Paragraph/Swift_ProductDetailsImage_Mennt.cshtml"
System.Data.SqlClient.SqlException (0x80131904): Timeout expired.  The timeout period elapsed prior to completion of the operation or the server is not responding.
 ---> System.ComponentModel.Win32Exception (258): The wait operation timed out.
   at System.Data.SqlClient.SqlConnection.OnError(SqlException exception, Boolean breakConnection, Action`1 wrapCloseInAction)
   at System.Data.SqlClient.TdsParser.ThrowExceptionAndWarning(TdsParserStateObject stateObj, Boolean callerHasConnectionLock, Boolean asyncClose)
   at System.Data.SqlClient.TdsParser.TryRun(RunBehavior runBehavior, SqlCommand cmdHandler, SqlDataReader dataStream, BulkCopySimpleResultSet bulkCopyHandler, TdsParserStateObject stateObj, Boolean& dataReady)
   at System.Data.SqlClient.SqlDataReader.TryConsumeMetaData()
   at System.Data.SqlClient.SqlCommand.FinishExecuteReader(SqlDataReader ds, RunBehavior runBehavior, String resetOptionsString)
   at System.Data.SqlClient.SqlCommand.RunExecuteReaderTds(CommandBehavior cmdBehavior, RunBehavior runBehavior, Boolean returnStream, Boolean async, Int32 timeout, Task& task, Boolean asyncWrite, SqlDataReader ds)
   at System.Data.SqlClient.SqlCommand.ExecuteReader(CommandBehavior behavior)
   at Dynamicweb.Data.Database.CreateDataReader(IDbCommand command, CommandBehavior behavior)
   at Dynamicweb.Data.Database.CreateDataReader(CommandBuilder commandBuilder, IDbConnection connection, IDbTransaction transaction, CommandBehavior behavior, Int32 commandTimeout)
   at Dynamicweb.Data.Database.CreateDataReader(CommandBuilder commandBuilder, IDbConnection connection, IDbTransaction transaction, Int32 commandTimeout)
   at Dynamicweb.Ecommerce.Products.ProductRepository.GetProductKeysByGroupId(String groupId, Boolean useOrderBy, Boolean includeVariants, String productLanguageId, Boolean doRefactoring, Boolean useAssortments)
   at Dynamicweb.Ecommerce.Orders.Discounts.Discount.ProcessProductSelections(HashSet`1& productKeys, HashSet`1& includedQueries, HashSet`1& excludedQueries)
   at Dynamicweb.Ecommerce.Orders.Discounts.Discount.GetRelevantProductKeys()
   at Dynamicweb.Ecommerce.Orders.Discounts.DiscountService.StatelessSetLookup(Discount discount, ConcurrentDictionary`2 lookup)
   at Dynamicweb.Ecommerce.Orders.Discounts.DiscountService.InitializeLookup()
   at System.Lazy`1.ViaFactory(LazyThreadSafetyMode mode)
--- End of stack trace from previous location ---
   at System.Lazy`1.CreateValue()
   at Dynamicweb.Ecommerce.Orders.Discounts.DiscountService.GetDiscounts(DiscountApplyType[] discountTypes, String[] productKeys, User user)
   at Dynamicweb.Ecommerce.ProductCatalog.ViewEngine.GetDiscountInfo(PriceViewModelSettings settings, Product product)
   at System.Lazy`1.ViaFactory(LazyThreadSafetyMode mode)
   at System.Lazy`1.ExecutionAndPublication(LazyHelper executionAndPublication, Boolean useDefaultConstructor)
   at System.Lazy`1.CreateValue()
   at Dynamicweb.Ecommerce.ProductCatalog.ViewEngine.<>c__DisplayClass15_2.<BulkCreateView>b__47()
   at System.Lazy`1.ViaFactory(LazyThreadSafetyMode mode)
--- End of stack trace from previous location ---
   at System.Lazy`1.CreateValue()
   at Dynamicweb.Ecommerce.ProductCatalog.ViewEngine.GetPrice(PriceViewModelSettings settings, IList`1 products, Boolean& pricesHasBeenPrepared, Object lock, Lazy`1 priceInfo)
   at Dynamicweb.Ecommerce.ProductCatalog.ViewEngine.<>c__DisplayClass15_2.<BulkCreateView>b__52()
   at System.Lazy`1.ViaFactory(LazyThreadSafetyMode mode)
   at System.Lazy`1.ExecutionAndPublication(LazyHelper executionAndPublication, Boolean useDefaultConstructor)
   at System.Lazy`1.CreateValue()
   at CompiledRazorTemplates.Dynamic.RazorEngine_65927e64715543909709b4e2c85c4b71.ExecuteAsync()
   at RazorEngine.Templating.TemplateBase.Run(ExecuteContext context, TextWriter reader)
   at RazorEngine.Templating.RazorEngineCore.RunTemplate(ICompiledTemplate template, TextWriter writer, Object model, DynamicViewBag viewBag)
   at RazorEngine.Templating.RazorEngineService.Run(ITemplateKey key, TextWriter writer, Type modelType, Object model, DynamicViewBag viewBag)
   at RazorEngine.Templating.DynamicWrapperService.Run(ITemplateKey key, TextWriter writer, Type modelType, Object model, DynamicViewBag viewBag)
   at RazorEngine.Templating.RazorEngineServiceExtensions.Run(IRazorEngineService service, String name, TextWriter writer, Type modelType, Object model, DynamicViewBag viewBag)
   at RazorEngine.Templating.RazorEngineServiceExtensions.<>c__DisplayClass23_0.<Run>b__0(TextWriter writer)
   at RazorEngine.Templating.RazorEngineServiceExtensions.WithWriter(Action`1 withWriter)
   at RazorEngine.Templating.RazorEngineServiceExtensions.Run(IRazorEngineService service, String name, Type modelType, Object model, DynamicViewBag viewBag)
   at Dynamicweb.Rendering.RazorTemplateRenderingProvider.Render(Template template)
   at Dynamicweb.Rendering.TemplateRenderingService.Render(Template template)
   at Dynamicweb.Rendering.Template.RenderRazorTemplate()
ClientConnectionId:e364817e-2466-4e75-8884-af68bd8aab58
Error Number:−2,State:0,Class:11


  1     @inherits Dynamicweb.Rendering.ViewModelTemplate<Dynamicweb.Frontend.ParagraphViewModel>
@using Dynamicweb.Ecommerce.ProductCatalog
@using Dynamicweb.Frontend
@using System.IO
@using System.Text.RegularExpressions;
@functions {
	public ProductViewModel product { get; set; } = new ProductViewModel();
	public string galleryLayout { get; set; }
	public string[] supportedImageFormats { get; set; }
	public string[] supportedVideoFormats { get; set; }
	public string[] supportedDocumentFormats { get; set; }
	public string[] allSupportedFormats { get; set; }
	public class RatioSettings
	{
		public string Ratio { get; set; }
		public string CssClass { get; set; }
		public string CssVariable { get; set; }
		public string Fill { get; set; }
	}
	public RatioSettings GetRatioSettings(string size = "desktop")
	{
		var ratioSettings = new RatioSettings();
		string ratio = Model.Item.GetRawValueString("ImageAspectRatio", "");
		ratio = ratio != "0" ? ratio : "";
		string cssClass = ratio != "" && ratio != "fill" ? " ratio" : "";
		string cssVariable = ratio != "" && ratio != "fill" ? "--bs-aspect-ratio: " + ratio : "";
		cssClass = ratio == "fill" && size == "mobile" ? " ratio" : cssClass;
		cssVariable = ratio == "fill" && size == "mobile" ? "--bs-aspect-ratio: 66%" : cssVariable;
		ratioSettings.Ratio = ratio;
		ratioSettings.CssClass = cssClass;
		ratioSettings.CssVariable = cssVariable;
		ratioSettings.Fill = ratio == "fill" ? " h-100" : "";
		return ratioSettings;
	}
	public string GetArrowsColor()
	{
		var invertColor = Model.Item.GetBoolean("InvertModalArrowsColor");
		var arrowsColor = invertColor ? " carousel-dark" : string.Empty;
		return arrowsColor;
	}
	public string GetThumbnailPlacement()
	{
		return Model.Item.GetRawValueString("ThumbnailPlacement", "bottom");
	}
	public string GetThumbnailRowSettingCss()
	{
		switch (GetThumbnailPlacement())
		{
			case "bottom":
				return "d-flex flex-wrap";
			case "left":
				return "d-flex flex-column order-first";
			case "right":
				return "d-flex flex-column order-last";
			default:
				return "d-flex flex-wrap";
		}
	}
	public Dictionary<string, object> GetVideoParams(MediaViewModel asset, string size)
	{
		string assetName = !string.IsNullOrEmpty(asset.DisplayName) ? asset.DisplayName : asset.Name;
		string type = GetVideoType(asset.Value);
		bool openInModal = Model.Item.GetString("OpenVideoInModal") == "true" ? true : false;
		bool autoPlay = Model.Item.GetBoolean("VideoAutoPlay");
		var videoParams = new Dictionary<string, object>();
		videoParams.Add("AssetName", asset.Name);
		videoParams.Add("AssetVideoType", type);
		videoParams.Add("AssetDisplayName", asset.DisplayName);
		videoParams.Add("OpenVideoInModal", openInModal);
		videoParams.Add("VideoAutoPlay", autoPlay);
		videoParams.Add("Size", size);
		videoParams.Add("Id", Model.ID);
		return videoParams;
	}
	public string GetVideoType(string assetValue)
	{
		string type = assetValue.IndexOf("youtu.be", StringComparison.OrdinalIgnoreCase) >= 0 || assetValue.IndexOf("youtube", StringComparison.OrdinalIgnoreCase) >= 0 ? "youtube" : string.Empty;
		type = assetValue.IndexOf("vimeo", StringComparison.OrdinalIgnoreCase) >= 0 ? "vimeo" : type;
		type = string.IsNullOrEmpty(type) ? "selfhosted" : type;
		return type;
	}
	public string GetYoutubeScreenDump(string assetValue, string quality)
	{
		var regex = new Regex(@"(?:youtube\.com\/.*[\?&]v=|youtu\.be\/|youtube\.com\/embed\/)([\w-]+)(?:\?.*)?");
		Match match = regex.Match(assetValue);
		string videoId = match.Success ? match.Groups[1].Value : string.Empty;
		string youtubeThumbnail = $"https://img.youtube.com/vi/{videoId}/{quality}.jpg";
		return youtubeThumbnail;
	}
}
@{
	ProductViewModel product = null;
	if (Dynamicweb.Context.Current.Items.Contains("ProductDetails"))
	{
		product = (ProductViewModel)Dynamicweb.Context.Current.Items["ProductDetails"];
	}
	else if (Pageview.Page.Item["DummyProduct"] != null && Pageview.IsVisualEditorMode)
	{
		var pageViewModel = Dynamicweb.Frontend.ContentViewModelFactory.CreatePageInfoViewModel(Pageview.Page);
		ProductListViewModel productList = pageViewModel.Item.GetValue("DummyProduct") != null ? pageViewModel.Item.GetValue("DummyProduct") as ProductListViewModel : new ProductListViewModel();
		if (productList?.Products is object)
		{
			product = productList.Products[0];
		}
	}
}
@if (product is object)
{
	@* Supported formats *@
	supportedImageFormats = new string[] { ".jpg", ".jpeg", ".webp", ".png", ".gif", ".bmp", ".tiff" };
	supportedVideoFormats = new string[] { "youtu.be", "youtube", "vimeo", ".mp4", ".webm" };
	supportedDocumentFormats = new string[] { ".pdf", ".docx", ".xlsx", ".ppt", "pptx" };
	allSupportedFormats = supportedImageFormats.Concat(supportedVideoFormats).Concat(supportedDocumentFormats).ToArray();
	@* Collect the assets *@
	var selectedAssetCategories = Model.Item.GetList("ImageAssets")?.GetRawValue().OfType<string>();
	bool includeImagePatternImages = Model.Item.GetBoolean("ImagePatternImages");
	@* Needed image data collection to support both DefaultImage, ImagePatterns and Image Assets *@
	string defaultImage = product.DefaultImage != null ? product.DefaultImage.Value : "";
	IEnumerable<MediaViewModel> assetsImages = product.AssetCategories.Where(x => selectedAssetCategories.Contains(x.SystemName)).SelectMany(x => x.Assets);
	@* Respect admin sort order (EcomDetails.DetailSortOrder). When SortOrder is available on MediaViewModel, use it so gallery matches admin. Otherwise preserve backend order (often already SortOrder); avoid forcing "default first" so variant's first image (SortOrder 1) shows first. *@
	var sortOrderProp = typeof(MediaViewModel).GetProperty("SortOrder") ?? typeof(MediaViewModel).GetProperty("DetailSortOrder");
	if (sortOrderProp != null)
	{
		assetsImages = assetsImages.OrderBy(a => (int)(sortOrderProp.GetValue(a) ?? int.MaxValue));
	}
	@* If no SortOrder on view model, keep natural order from AssetCategories (do not force default first, so variant image can be first when backend sends it first). *@
	IEnumerable<MediaViewModel> assetsList = new MediaViewModel[] { };
	assetsList = assetsList.Union(assetsImages);
	assetsList = includeImagePatternImages ? assetsList.Union(product.ImagePatternImages) : assetsList;
	assetsList = includeImagePatternImages && assetsList.Count() == 0 ? assetsList.Append(product.DefaultImage) : assetsList;
	@* Deduplicate by image path so master + variant don't show the same image twice (preserves order of first occurrence) *@
	assetsList = assetsList
		.GroupBy(a => (a?.Value ?? "").Trim(), StringComparer.OrdinalIgnoreCase)
		.Select(g => g.First())
		.ToList();
	bool defaultImageFallback = Model.Item.GetBoolean("DefaultImageFallback");
	bool showOnlyPrimaryImage = Model.Item.GetBoolean("ShowOnlyPrimaryImage");
	int totalAssets = 0;
	if (showOnlyPrimaryImage == false)
	{
		foreach (MediaViewModel asset in assetsList)
		{
			var assetValue = asset.Value;
			foreach (string format in allSupportedFormats)
			{
				if (assetValue.IndexOf(format, StringComparison.OrdinalIgnoreCase) >= 0)
				{
					totalAssets++;
				}
			}
		}
	}
	if ((totalAssets == 0 && product.DefaultImage != null && selectedAssetCategories.Count() == 0) || (showOnlyPrimaryImage == true && product.DefaultImage != null) || totalAssets == 0 && defaultImageFallback)
	{
		assetsList = new List<MediaViewModel>() { product.DefaultImage };
		totalAssets = 1;
	}
	@* Theme settings *@
	string theme = !string.IsNullOrWhiteSpace(Model.Item.GetRawValueString("Theme")) ? " theme " + Model.Item.GetRawValueString("Theme").Replace(" ", "").Trim().ToLower() : "";
	var badgeParms = new Dictionary<string, object>();
	badgeParms.Add("size", "h5");
	badgeParms.Add("saleBadgeType", Model.Item.GetRawValue("SaleBadgeType"));
	badgeParms.Add("saleBadgeCssClassName", Model.Item.GetRawValue("SaleBadgeDesign"));
	badgeParms.Add("newBadgeCssClassName", Model.Item.GetRawValue("NewBadgeDesign"));
	badgeParms.Add("newPublicationDays", Model.Item.GetInt32("NewPublicationDays"));
	badgeParms.Add("campaignBadgesValues", Model.Item.GetList("CampaignBadges")?.GetRawValue().OfType<string>().ToList());
	bool saleBadgeEnabled = !string.IsNullOrWhiteSpace(Model.Item.GetRawValueString("SaleBadgeDesign")) && Model.Item.GetRawValueString("SaleBadgeDesign") != "none" ? true : false;
	bool newBadgeEnabled = !string.IsNullOrWhiteSpace(Model.Item.GetRawValueString("NewBadgeDesign")) && Model.Item.GetRawValueString("NewBadgeDesign") != "none" ? true : false;
	DateTime createdDate = product.Created.Value;
	bool showBadges = saleBadgeEnabled && product.Discount.Price != 0 ? true : false;
	showBadges = (newBadgeEnabled && Model.Item.GetInt32("NewPublicationDays") == 0) || (newBadgeEnabled && (createdDate.AddDays(Model.Item.GetInt32("NewPublicationDays")) > DateTime.Now)) ? true : showBadges;
	showBadges = !string.IsNullOrEmpty(Model.Item.GetRawValueString("CampaignBadges")) ? true : showBadges;
	@* Get assets from selected categories or get all assets *@
	if (totalAssets != 0)
	{
		int assetNumber = 0;
		int thumbnailNumber = 0;
		int modalAssetNumber = 0;
		string thumbnailAxisCss = GetThumbnailPlacement() == "bottom" ? "flex-column" : string.Empty;
		<div class="gap-3 h-100 @(theme) item_@Model.Item.SystemName.ToLower()">
			<div id="SmallScreenImages_@Model.ID" class="carousel@(GetArrowsColor()) col position-relative" data-bs-ride="carousel">
				<div class="carousel-inner h-100">
					@foreach (MediaViewModel asset in assetsList)
					{
						var assetValue = asset.Value;
						foreach (string format in allSupportedFormats)
						{
							if (assetValue.IndexOf(format, StringComparison.OrdinalIgnoreCase) >= 0)
							{
								string activeSlide = assetNumber == 0 ? "active" : "";
								<div class="carousel-item @activeSlide" data-bs-interval="99999">
									@{
										string size = "mobile";
										string imageTheme = !string.IsNullOrWhiteSpace(Model.Item.GetRawValueString("ImageTheme")) ? " theme " + Model.Item.GetRawValueString("ImageTheme").Replace(" ", "").Trim().ToLower() : "";
										<div class="h-100 @(imageTheme)">
											@foreach (string imageFormat in supportedImageFormats)
											{ //Images
												if (assetValue.IndexOf(imageFormat, StringComparison.OrdinalIgnoreCase) >= 0)
												{
													if (product is object)
													{
														string productName = product.Name;
														string imagePath = !string.IsNullOrEmpty(asset.Value) ? asset.Value : product.DefaultImage.Value;
														string imageLinkPath = Uri.EscapeDataString(imagePath);
														RatioSettings ratioSettings = GetRatioSettings(size);
														var parms = new Dictionary<string, object>();
														parms.Add("alt", productName + asset.Keywords);
														parms.Add("itemprop", "image");
														parms.Add("columns", Model.GridRowColumnCount);
														parms.Add("eagerLoadNewImages", Model.Item.GetBoolean("DisableLazyLoading"));
														parms.Add("doNotUseGetimage", Model.Item.GetBoolean("DisableGetImage"));
														if (!string.IsNullOrEmpty(asset.DisplayName))
														{
															parms.Add("title", asset.DisplayName);
														}
														if (ratioSettings.Ratio == "fill" && galleryLayout != "grid")
														{
															parms.Add("cssClass", "w-100 h-100 image-zoom-lg-l-hover");
														}
														else
														{
															parms.Add("cssClass", "mw-100 mh-100");
														}
														<a href="@imageLinkPath" class="d-block @(ratioSettings.CssClass)@(ratioSettings.Fill)" style="@(ratioSettings.CssVariable)" data-bs-toggle="modal" data-bs-target="#modal_@Model.ID">
															<div class="d-flex align-items-center justify-content-center overflow-hidden h-100" data-bs-target="#ModalCarousel_@Model.ID" data-bs-slide-to="@assetNumber">
																@RenderPartial("Components/Image.cshtml", new FileViewModel { Path = imagePath }, parms)
															</div>
														</a>
													}
												}
											}
											@*foreach (string videoFormat in supportedVideoFormats)
											{ //Videos
												if (assetValue.IndexOf(videoFormat, StringComparison.OrdinalIgnoreCase) >= 0)
												{
													if (Model.Item.GetString("OpenVideoInModal") == "true")
													{
														if (product is object)
														{
															string iconPath = "/Files/Templates/Designs/Swift/Assets/icons/";
															string productName = product.Name;
															productName += !string.IsNullOrEmpty(asset.Keywords) ? " " + asset.Keywords : "";
															string assetTitle = !string.IsNullOrEmpty(asset.DisplayName) ? "title=\"" + asset.DisplayName + "\"" : "";
															RatioSettings ratioSettings = GetRatioSettings(size);
															string type = GetVideoType(asset.Value);
															string videoScreendumpPath = type == "youtube" ? GetYoutubeScreenDump(asset.Value, "maxresdefault") : string.Empty;
															videoScreendumpPath = type == "selfhosted" ? System.Uri.EscapeUriString(asset.Value) : videoScreendumpPath;
															string videoJsClass = type == "vimeo" ? "js-vimeo-video-thumbnail" : "";
															<div class="d-block @(ratioSettings.CssClass)@(ratioSettings.Fill)" style="@(ratioSettings.CssVariable); cursor: pointer" data-bs-toggle="modal" data-bs-target="#modal_@Model.ID">
																<div class="d-flex align-items-center justify-content-center overflow-hidden h-100" data-bs-target="#ModalCarousel_@Model.ID" data-bs-slide-to="@assetNumber">
																	<div class="icon-5 position-absolute" style="z-index: 1">@ReadFile(iconPath + "play-circle.svg")</div>
																	@if (type != "selfhosted")
																	{
																		<img src="@videoScreendumpPath" loading="lazy" decoding="async" alt="@productName" @assetTitle class="@videoJsClass mw-100 mh-100" data-asset-value="@asset.Value" style="object-fit: cover;">
																	}
																	else
																	{
																		string videoType = Path.GetExtension(asset.Value).ToLower();
																		<video preload="auto" class="h-100 w-100" style="object-fit: contain;">
																			<source src="@(videoScreendumpPath)#t=0.001" type="video/@videoType.Replace(".", "")">
																		</video>
																	}
																</div>
															</div>
														}
													}
													else
													{
														if (product is object)
														{
															var videoParams = GetVideoParams(asset, size);
															@RenderPartial("Components/VideoPlayer.cshtml", new FileViewModel { Path = asset.Value}, videoParams);
														}
													}
												}
											}*@
											@*foreach (string documentFormat in supportedDocumentFormats)
											{ //Documents
												if (assetValue.IndexOf(documentFormat, StringComparison.OrdinalIgnoreCase) >= 0)
												{
													if (product is object)
													{
														string iconPath = "/Files/Templates/Designs/Swift/Assets/icons/";
														string productName = product.Name;
														string imagePath = !string.IsNullOrEmpty(asset.Value) ? asset.Value : product.DefaultImage.Value;
														string imageLinkPath = Uri.EscapeDataString(imagePath);
														RatioSettings ratioSettings = GetRatioSettings(size);
														var parms = new Dictionary<string, object>();
														parms.Add("alt", productName + asset.Keywords);
														parms.Add("itemprop", "image");
														parms.Add("fullwidth", true);
														parms.Add("columns", Model.GridRowColumnCount);
														if (!string.IsNullOrEmpty(asset.DisplayName))
														{
															parms.Add("title", asset.DisplayName);
														}
														if (ratioSettings.Ratio == "fill" && galleryLayout != "grid")
														{
															parms.Add("cssClass", "w-100 h-100 image-zoom-lg-l-hover");
														}
														else
														{
															parms.Add("cssClass", "mw-100 mh-100");
														}
														<a href="@imageLinkPath" class="d-block @(ratioSettings.CssClass)@(ratioSettings.Fill)" style="@(ratioSettings.CssVariable)" download alt="@Translate("Download")">
															<div class="d-flex align-items-center justify-content-center overflow-hidden h-100">
																<div class="icon-5 position-absolute" style="z-index: 1">@ReadFile(iconPath + "download.svg")</div>
																@if (asset.Value.IndexOf(".pdf", StringComparison.OrdinalIgnoreCase) >= 0)
																{
																	@RenderPartial("Components/Image.cshtml", new FileViewModel { Path = imagePath }, parms)
																}
															</div>
														</a>
													}
												}
											}*@
										</div>
									}
								</div>
								assetNumber++;
							}
						}
					}
				</div>
				@if (product.Prices.Count() > 1 && product.Price.Price == product.PriceBeforeDiscount.Price)
				{
					<div class="position-absolute top-0 left-0 p-2 p-lg-3">
						<span class="badge badge-no-label sale rounded-0">Kampanje</span>
					</div>
				}
				@if (showBadges)
				{
					<div class="position-absolute top-0 left-0 p-2 p-lg-3">
						@{@RenderPartial("Components/EcommerceBadge.cshtml", product, badgeParms)}
					</div>
				}
			</div>
			@if (totalAssets > 1)
			{
				<div class="mt-3 swiffy-slider slider-item-show4 slider-nav-dark slider-item-show2-sm slider-item-nosnap-touch slider-nav-outside" id="ThumbnailSlider__@Model.ID">
					<ul class="slider-container" id="SmallScreenImagesThumbnails_@Model.ID">
						@foreach (MediaViewModel asset in assetsList)
						{
							var assetValue = asset.Value;
							string assetName = asset.Name;
							assetName += !string.IsNullOrEmpty(asset.Keywords) ? " " + asset.Keywords : "";
							string assetTitle = !string.IsNullOrEmpty(asset.DisplayName) ? asset.DisplayName : null;									
							string iconPath = "/Files/Templates/Designs/Swift/Assets/icons/";
							string imagePath = Dynamicweb.Context.Current.Server.UrlEncode(assetValue);
							imagePath = assetValue.IndexOf("youtu.be", StringComparison.OrdinalIgnoreCase) >= 0 || assetValue.IndexOf("youtube", StringComparison.OrdinalIgnoreCase) >= 0 ? "https://img.youtube.com/vi/" + assetValue.Substring(assetValue.LastIndexOf('/') + 1) + "/mqdefault.jpg" : imagePath;
							string imagePathThumb = assetValue.StartsWith("/Files/", StringComparison.OrdinalIgnoreCase) ? imagePath.IndexOf("youtube", StringComparison.OrdinalIgnoreCase) < 0 && imagePath.IndexOf(".mp4", StringComparison.OrdinalIgnoreCase) < 0 ? $"/Admin/Public/GetImage.ashx?image={imagePath}&width=180&format=webp" : imagePath : assetValue;
							RatioSettings ratioSettings = GetRatioSettings("desktop");
							<li class="border outline-none @(ratioSettings.CssClass)" style="@(ratioSettings.CssVariable); cursor: pointer; min-width: 7rem; max-width: 8rem; min-height: 4rem;" data-bs-target="#SmallScreenImages_@Model.ID" data-bs-slide-to="@thumbnailNumber">
								@foreach (string imageFormat in supportedImageFormats)
								{ //Images
									if (assetValue.IndexOf(imageFormat, StringComparison.OrdinalIgnoreCase) >= 0)
									{
										<img src="@imagePathThumb" alt="@assetName" @assetTitle class="p-0 p-lg-1 w-100 h-100" style="object-fit: contain;">
										thumbnailNumber++;
									}
								}
								@*foreach (string videoFormat in supportedVideoFormats)
								{ //Videos
									if (assetValue.IndexOf(videoFormat, StringComparison.OrdinalIgnoreCase) >= 0)
									{
										string type = GetVideoType(asset.Value);
										string videoScreendumpPath = type == "youtube" ? GetYoutubeScreenDump(asset.Value, "mqdefault") : "";
										videoScreendumpPath = type == "vimeo" ? string.Empty : videoScreendumpPath;
										videoScreendumpPath = type == "selfhosted" ? System.Uri.EscapeUriString(asset.Value) : videoScreendumpPath;
										string videoJsClass = type == "vimeo" ? "js-vimeo-video-thumbnail" : string.Empty;
										<div class="icon-5 position-absolute" style="z-index: 1">@ReadFile(iconPath + "play-circle.svg")</div>
										if (type != "selfhosted")
										{
											<img src="@videoScreendumpPath" loading="lazy" decoding="async" alt="@assetTitle" @assetTitle class="@videoJsClass mw-100 mh-100" data-asset-value="@asset.Value" style="object-fit: cover;" />
										}
										else
										{
											string videoType = Path.GetExtension(asset.Value).ToLower();
											<video preload="auto" class="h-100 w-100" style="object-fit: contain;">
												<source src="@(videoScreendumpPath)#t=0.001" type="video/@videoType.Replace(".", "")">
											</video>
										}
										thumbnailNumber++;
									}
								}*@
								@*foreach (string documentFormat in supportedDocumentFormats)
								{ //Documents
									if (assetValue.IndexOf(documentFormat, StringComparison.OrdinalIgnoreCase) >= 0)
									{
										<a href="@Uri.EscapeDataString(assetValue)" class="ratio ratio-4x3 border outline-none" style="cursor: pointer; min-width: 7rem; max-width: 8rem;" download title="@asset.Value">
											@if (asset.Value.IndexOf(".pdf", StringComparison.OrdinalIgnoreCase) >= 0)
											{
												<div class="d-flex align-items-center justify-content-center overflow-hidden h-100">
													<div class="icon-3 position-absolute text-light" style="z-index: 1">@ReadFile(iconPath + "download.svg")</div>
												</div>
												<img src="@imagePathThumb" alt="@assetName" @assetTitle class="p-0 p-lg-1 mw-100 mh-100" style="object-fit: cover;">
											}
											else
											{
												<div class="d-flex align-items-center justify-content-center overflow-hidden h-100">
													<div class="icon-3 position-absolute" style="z-index: 1">@ReadFile(iconPath + "file-text.svg")</div>
												</div>
											}
										</a>
										thumbnailNumber++;
									}
								}*@
							</li>
						}
					</ul>
					@if (thumbnailNumber > 4)
					{
						<button type="button" title="@Translate("Previous slide")" class="slider-nav" style="z-index:2;">
							<span class="visually-hidden">@Translate("Previous slide")</span>
						</button>
						<button type="button" title="@Translate("Next slide")" class="slider-nav slider-nav-next" style="z-index:2;">
							<span class="visually-hidden">@Translate("Next slide")</span>
						</button>
					}
				</div>
				<script>
					(function () {
						var el = document.querySelector('#ThumbnailSlider__@Model.ID');
						function init() {
							if (typeof window.swiffyslider !== 'undefined' && el && !el.classList.contains('slider-initialized')) {
								window.swiffyslider.initSlider(el);
								el.classList.add('slider-initialized');
							}
						}
						init();
						if (typeof window.swiffyslider === 'undefined') {
							var attempts = 0;
							var t = setInterval(function () {
								attempts++;
								if (typeof window.swiffyslider !== 'undefined') { clearInterval(t); init(); }
								else if (attempts >= 40) { clearInterval(t); }
							}, 50);
						}
					})();
				</script>
			}
		</div>
		@* Modal with slides *@
		<div class="modal fade swift_products-details-images-modal" id="modal_@Model.ID" tabindex="-1" aria-labelledby="productDetailsGalleryModalTitle_@Model.ID" aria-hidden="true">
			<div class="modal-dialog modal-dialog-centered modal-lg">
				<div class="modal-content">
					<div class="modal-header visually-hidden">
						<h5 class="modal-title" id="productDetailsGalleryModalTitle_@Model.ID">@product.Title</h5>
						<button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
					</div>
					<div class="modal-body p-2 p-lg-3 h-100">
						<div id="ModalCarousel_@Model.ID" class="carousel@(GetArrowsColor()) h-100" data-bs-ride="carousel">
							<div class="carousel-inner h-100 @theme">
								@foreach (MediaViewModel asset in assetsList)
								{
									var assetValue = !string.IsNullOrEmpty(asset.Value) ? asset.Value : product.DefaultImage.Value;
									foreach (string supportedFormat in supportedImageFormats.Concat(supportedVideoFormats).ToArray())
									{
										if (assetValue.IndexOf(supportedFormat, StringComparison.OrdinalIgnoreCase) >= 0)
										{
											string imagePath = assetValue;
											string activeSlide = modalAssetNumber == 0 ? "active" : "";
											var parms = new Dictionary<string, object>();
											parms.Add("cssClass", "d-block mw-100 mh-100 m-auto");
											parms.Add("fullwidth", true);
											parms.Add("columns", Model.GridRowColumnCount);
											<div class="carousel-item @activeSlide h-100" data-bs-interval="99999">
												@foreach (string imageFormat in supportedImageFormats)
												{ //Images
													if (assetValue.IndexOf(imageFormat, StringComparison.OrdinalIgnoreCase) >= 0)
													{
														@RenderPartial("Components/Image.cshtml", new FileViewModel { Path = imagePath }, parms)
													}
												}
												@foreach (string videoFormat in supportedVideoFormats)
												{ //Videos
													if (assetValue.IndexOf(videoFormat, StringComparison.OrdinalIgnoreCase) >= 0)
													{
															var videoParams = GetVideoParams(asset, "modal");
															@RenderPartial("Components/VideoPlayer.cshtml", new FileViewModel { Path = asset.Value }, videoParams)
													}
												}
											</div>
											modalAssetNumber++;
										}
									}
								}
								<button class="carousel-control-prev carousel-control-area" type="button" data-bs-target="#ModalCarousel_@Model.ID" data-bs-slide="prev">
									<span class="carousel-control-prev-icon" aria-hidden="true"></span>
									<span class="visually-hidden">@Translate("Previous")</span>
								</button>
								<button class="carousel-control-next carousel-control-area" type="button" data-bs-target="#ModalCarousel_@Model.ID" data-bs-slide="next">
									<span class="carousel-control-next-icon" aria-hidden="true"></span>
									<span class="visually-hidden">@Translate("Next")</span>
								</button>
							</div>
						</div>
					</div>
				</div>
			</div>
		</div>
	}
	else if (Pageview.IsVisualEditorMode)
	{
		RatioSettings ratioSettings = GetRatioSettings("desktop");
		<div class="h-100 @theme">
			<div class="d-block @(ratioSettings.CssClass)@(ratioSettings.Fill)" style="@(ratioSettings.CssVariable)">
				<img src="/Files/Images/missing_image.jpg" loading="lazy" decoding="async" class="mh-100 mw-100" style="object-fit: cover;">
			</div>
		</div>
	}
}
else if (Pageview.IsVisualEditorMode)
{
	<div class="alert alert-dark m-0">@Translate("No products available")</div>
}