Exception in template (Designs\sika\eCom/Product/sika.cshtml): System.ArgumentNullException: Value cannot be null.
Parameter name: String
at System.Number.StringToNumber(String str, NumberStyles options, NumberBuffer& number, NumberFormatInfo info, Boolean parseDecimal)
at System.Number.ParseInt32(String s, NumberStyles style, NumberFormatInfo info)
at CallSite.Target(Closure , CallSite , Type , Object )
at CompiledRazorTemplates.Dynamic.caddcfddbedcda.Execute()
at RazorEngine.Templating.TemplateBase.RazorEngine.Templating.ITemplate.Run(ExecuteContext context)
at RazorEngine.Templating.TemplateService.Run(ITemplate template, DynamicViewBag viewBag)
at RazorEngine.Templating.TemplateService.Parse(String razorTemplate, Object model, DynamicViewBag viewBag, String cacheName)
at RazorEngine.Razor.Parse[T](String razorTemplate, T model, String cacheName)
at Dynamicweb.Rendering.Template.RenderRazorTemplate()
@inherits Co3.Espresso.Website.TemplateBases.Pages.PageBase
@using Dynamicweb.Ecommerce.Prices;
@using Co3.Espresso.Base.Extensions;
@using Co3.Espresso.Base.Models;
@using System.Globalization;
@using System.Text.RegularExpressions;
@using Dynamicweb.Ecommerce.Common;
@using Co3.Espresso.Website.Services;
@functions {
CultureInfo AreaCultureInfo = Dynamicweb.Frontend.PageView.Current().Area.CultureInfo;
public string getProductLink( string groupID, string productID, string variantID = "" ) {
string result = string.Empty;
string displayPage = Co3.Espresso.Website.Services.ProductService.Instance.GetGroupDisplayPage( groupID );
if( string.IsNullOrEmpty( displayPage ) == false ) {
if( string.IsNullOrEmpty( variantID ) == false ) {
result = "{0}&ProductID={1}&variantID={2}";
result = string.Format( result, displayPage, productID, variantID );
}
else {
result = "{0}&ProductID={1}";
result = string.Format( result, displayPage, productID );
}
}
return result;
}
public bool isProductGroupPublishedOnWebsite( string groupID ) {
bool result = false;
string displayPage = Co3.Espresso.Website.Services.ProductService.Instance.GetGroupDisplayPage( groupID );
if( string.IsNullOrEmpty( displayPage ) == false ) {
result = true;
}
return result;
}
public string getNewsLink( string categoryName, string newsID ) {
string result = NewsService.Instance.GetNewsDisplayPage( categoryName, newsID );
string displayPage = NewsService.Instance.GetNewsDisplayPage( categoryName, newsID );
if( string.IsNullOrEmpty( displayPage ) == false ) {
result = "/" + displayPage.Replace( "Id", "ID" ).Replace( "#", "&PID=" ) + "&M=NewsV2&Action=1&NewsID=" + newsID;
//result = SearchEngineFriendlyURLs.GetFriendlyUrl( result );
}
return result;
}
public string getImageURL( string url, int width = 2560, int height = 0, int crop = 0, int quality = 75, string format = "jpg" ) {
string result = string.Empty;
if( string.IsNullOrEmpty( url ) == false ) {
result = "/admin/public/getimage.ashx?Image={0}&Width={1}&Height={2}&Format={3}&Quality={4}&Crop={5}";
result = string.Format( result, url, width, height, format, quality, crop );
}
return result;
}
public string getPriceFormatted( string price ) {
string result = string.Empty;
if( string.IsNullOrEmpty( price ) == true ) {
price = Context.Currency.Format(0.00, false);
}
if ( Context.Currency.SymbolPlace == 0 ) {
result = string.Format( "<span class=\"e-product-price-symbol\">{1}</span>&nbsp;{0}", price, Context.Currency.Symbol );
}
else{
result = string.Format( "{0}&nbsp;<span class=\"e-product-price-symbol\">{1}</span>", price, Context.Currency.Code );
}
return result;
}
public string getShortDate( DateTime date ) {
string result = string.Empty;
result = date.Date.ToString( AreaCultureInfo.DateTimeFormat.ShortDatePattern ).Replace( "-" , "." );
return result;
}
public string getLongDate( DateTime date ) {
string result = string.Empty;
result = date.Date.ToString( AreaCultureInfo.DateTimeFormat.LongDatePattern );
return result;
}
}@{string pdfProdID = @GetString("Ecom:Product.ID");string sectionTagsEnd = "</div></div></div></div></section>";string sectionTagsStart = "<section class=\"e-section \"><div class=\"container-fluid\"><div class=\"col-12\"><div class=\"row\"><div class=\"col-12\">";string sectionRelatedBackgroundColor = "p-section-bg-light";string ImageLarge = String.Empty;}@using Dynamicweb.Admin.dk.dynamicweb.templates
@{string brandValue = @GetString( "Ecom:Product.CategoryField.productspecifications.brand.Value" );string certificationsFullValue = @GetString( "Ecom:Product.CategoryField.productspecifications.certifications.Value" );string certificationsLabel = @GetString( "Ecom:Product.CategoryField.productspecifications.certifications.OptionLabel" );string certificationsValue = "False";string additionalCertificationsValue = @GetString( "Ecom:Product.CategoryField.productspecifications.additionalcertification.Value" );string additionalCertificationsLabel = @GetString( "Ecom:Product.CategoryField.productspecifications.additionalcertification.OptionLabel" );string slipresistanceValue = @GetString( "Ecom:Product.CategoryField.productspecifications.slipresistance.Value" );string slipresistanceLabel = @GetString( "Ecom:Product.CategoryField.productspecifications.slipresistance.OptionLabel" );string toeprotectionID = @GetString( "Ecom:Product.CategoryField.productspecifications.toeprotection.ID" );string toeprotectionValue = @GetString( "Ecom:Product.CategoryField.productspecifications.toeprotection.Value" );string toeprotectionLabel = @GetString( "Ecom:Product.CategoryField.productspecifications.toeprotection.OptionLabel" );string nailprotectionID = @GetString( "Ecom:Product.CategoryField.productspecifications.nailproctection.ID" );string nailproctectionValue = @GetString( "Ecom:Product.CategoryField.productspecifications.nailproctection.Value" );string nailproctectionLabel = @GetString( "Ecom:Product.CategoryField.productspecifications.nailproctection.OptionLabel" );string oilandgasresistantID = @GetString( "Ecom:Product.CategoryField.productspecifications.oilandgasresistant.ID" );string oilandgasresistantValue = @GetString( "Ecom:Product.CategoryField.productspecifications.oilandgasresistant.Value" );string oilandgasresistantLabel = @GetString( "Ecom:Product.CategoryField.productspecifications.oilandgasresistant.Label" );string pronoseID = @GetString( "Ecom:Product.CategoryField.productspecifications.pronose.ID" );string pronoseValue = @GetString( "Ecom:Product.CategoryField.productspecifications.pronose.Value" );string pronoseLabel = @GetString( "Ecom:Product.CategoryField.productspecifications.pronose.Label" );string esdapprovedID = @GetString( "Ecom:Product.CategoryField.productspecifications.esdapproved.ID" );string esdapprovedValue = @GetString( "Ecom:Product.CategoryField.productspecifications.esdapproved.Value" );string esdapprovedLabel = @GetString( "Ecom:Product.CategoryField.productspecifications.esdapproved.Label" );string metalFreeID = @GetString( "Ecom:Product.CategoryField.productspecifications.metalfree.ID" );string metalFreeValue = @GetString( "Ecom:Product.CategoryField.productspecifications.metalfree.Value" );string metalFreeLabel = @GetString( "Ecom:Product.CategoryField.productspecifications.metalfree.Label" );string isolationagainstcoldID = @GetString( "Ecom:Product.CategoryField.productspecifications.isolationagainstcold.ID" );string isolationagainstcoldValue = @GetString( "Ecom:Product.CategoryField.productspecifications.isolationagainstcold.Value" );string isolationagainstcoldLabel = @GetString( "Ecom:Product.CategoryField.productspecifications.isolationagainstcold.Label" );string heatisolationID = @GetString( "Ecom:Product.CategoryField.productspecifications.heatisolation.ID" );string heatisolationValue = @GetString( "Ecom:Product.CategoryField.productspecifications.heatisolation.Value" );string heatisolationLabel = @GetString( "Ecom:Product.CategoryField.productspecifications.heatisolation.Label" );string heatresistantoutsoleID = @GetString( "Ecom:Product.CategoryField.productspecifications.heatresistantoutsole.ID" );string heatresistantoutsoleValue = @GetString( "Ecom:Product.CategoryField.productspecifications.heatresistantoutsole.Value" );string heatresistantoutsoleLabel = @GetString( "Ecom:Product.CategoryField.productspecifications.heatresistantoutsole.Label" );string watertightmembraneID = @GetString( "Ecom:Product.CategoryField.productspecifications.watertightmembrane.ID" );string watertightmembraneValue = @GetString( "Ecom:Product.CategoryField.productspecifications.watertightmembrane.Value" );string watertightmembraneLabel = @GetString( "Ecom:Product.CategoryField.productspecifications.watertightmembrane.Label" );string boaID = @GetString( "Ecom:Product.CategoryField.productspecifications.boa.ID" );string boaValue = @GetString( "Ecom:Product.CategoryField.productspecifications.boa.Value" );string boaLabel = @GetString( "Ecom:Product.CategoryField.productspecifications.boa.Label" );string laddergripID = @GetString( "Ecom:Product.CategoryField.productspecifications.laddergrip.ID" );string laddergripValue = @GetString( "Ecom:Product.CategoryField.productspecifications.laddergrip.Value" );string laddergripLabel = @GetString( "Ecom:Product.CategoryField.productspecifications.laddergrip.Label" );string serieValue = GetString( "Ecom:Product.CategoryField.productspecifications.serie.Value" );string fileTypePng = "png";
}
@if ( certificationsFullValue != "" && certificationsFullValue.Length > 3) {certificationsValue = certificationsFullValue.Substring(0, 3).Replace(",","");}@sectionTagsEnd
<div class="e-product js-e-product" data-id="@pdfProdID"><div class="e-loading-overlay e-products-loading-overlay js-e-products-loading-overlay"><div class="e-loading-spinner"></div></div><div class="row container-fluid sika-product-mosaic mb-2"><div class="col-12 col-sm-6 pl-lg-6 sika-product-text"><div class="e-product-text-container"><div class="sika-productdetails-brand-logo text-right mt-1"><img src="/Files/Images/Sika-Footwear/Logoer/pdf/@brandValue-logo.png" alt="@brandValue" width="130" class="mb-xs-3"></div><h1 class="e-product-name mt-0 md-xs-0 mb-0"><small class="text-sika-c5">@brandValue.ToUpper()</small><br />@GetString("Ecom:Product.Number") @GetString("Ecom:Product.Name")</h1><p class="mt-2 mb-1">@foreach ( LoopItem vg in GetLoop( "VariantGroups" ) ){if ( vg.GetString( "Ecom:VariantGroup.Name" ) == "Color" ){int colorCounter = 0;foreach ( LoopItem option in vg.GetLoop( "VariantAvailableOptions" ) ){string downloadUrl = string.Format( "/Files/Images/ecom/Products/{0}_{1}.jpg", GetString( "Ecom:Product.Number" ), option.GetString( "Ecom:VariantOption.ImgSmall.Clean" ).Replace( "C-", string.Empty ) );string fullPath = HttpContext.Current.Server.MapPath( downloadUrl );if ( File.Exists( fullPath ) == true ){<a data-target="#js-e-product-image-carousel" data-slide-to="@colorCounter" class="color-variant-details" data-name="@option.GetString( "Ecom:VariantOption.Name" ).ToLower()" data-color="@option.GetString( "Ecom:VariantOption.ImgSmall.Clean" )" ></a>colorCounter++;}}}}</p>@if( GetString("Ecom:Product:Field.DescriptionShortExtra01") != "" ) {<p class="lead">@GetString("Ecom:Product:Field.DescriptionShortExtra01")</p>}<div class="e-product-text">@GetString("Ecom:Product.LongDescription")</div><!--<div class="mb-2 e-product-delivery"><ul class="material-icons-ul">@if( string.IsNullOrEmpty( GetString("Ecom:Product:Stock.ID") ) == false ){if( GetInteger("Ecom:Product.Stock") > 0 ){<li><i class="material-icons text-success">check</i>@GetString("Ecom:Product:Stock.Text")</li>}else{<li><i class="material-icons text-danger">close</i>@GetString("Ecom:Product:Stock.Text")</li>}<li><i class="material-icons">local_shipping</i>@GetString("Ecom:Product:Stock.DeliveryText")</li>}else{if( GetInteger("Ecom:Product:Stock") > 0 ){<li><i class="material-icons text-success">check</i>In stock</li>}else{<li><i class="material-icons text-danger">close</i>Out of stock</li>}}<li><i class="material-icons">replay</i>@Translate("eCom Product - Return Policy - Text", "Free returns")</li>
</ul></div><p class="h2 mb-2 e-product-price">@getPriceFormatted( GetString("Ecom:Product.Price.Price") )
@if( GetDouble("Ecom:Product:Field.BeforePrice") != 0 ){
<span class="e-product-price-before text-muted small">@getPriceFormatted( Price.GetDoublePriceInfo( GetDouble("Ecom:Product:Field.BeforePrice"), Context.Currency ).PriceFormattedNoSymbol )
</span>
}</p><form action="/system/data/cart" class="e-product-form js-e-product-form js-e-product-form-addtocart py-1" method="post"><input name="CartCmd" type="hidden" value="Add"><input name="ProductID" type="hidden" value="@GetString( "Ecom:Product.ID" )"><input name="VariantID" type="hidden" value=""><input name="Quantity" type="hidden" value="1"><input name="Redirect" type="hidden" value=""><input name="Name" type="hidden" value="@GetString("Ecom:Product.Name")"><input name="Number" type="hidden" value="@GetString("Ecom:Product.Number")"><input name="Price" type="hidden" value="@GetDouble("Ecom:Product.Price.Price")"><input name="CurrencyCode" type="hidden" value="@Dynamicweb.Ecommerce.Common.Context.Currency.Code"><button class="btn btn-success" type="submit">@Translate( "eCom Product - Add To Cart - Button", "Add to cart" )</button>
</form>--></div>@using Dynamicweb.Rendering
@using System.Web;
@using System.IO;
@{
List<dynamic> colorArr = new List<dynamic>();
int multipleColors = 0;
foreach ( LoopItem vg in GetLoop( "VariantGroups" ) )
{
if ( vg.GetString( "Ecom:VariantGroup.Name" ) == "Color" )
{
int colorCounter = 0;
foreach ( LoopItem option in vg.GetLoop( "VariantAvailableOptions" ) )
{
string imageUrl = string.Format( "/Files/Images/ecom/Products/{0}_{1}.jpg", GetString( "Ecom:Product.Number" ), option.GetString( "Ecom:VariantOption.ImgSmall.Clean" ).Replace( "C-", string.Empty ) );
string fullPath = HttpContext.Current.Server.MapPath( imageUrl );
if ( File.Exists( fullPath ) == true )
{
if ( string.IsNullOrEmpty( ImageLarge ) == true )
{
ImageLarge = imageUrl;
}
colorArr.Add(
new
{
name = option.GetString( "Ecom:VariantOption.Name" ).ToLower(),
color = option.GetString( "Ecom:VariantOption.ImgSmall.Clean" ),
image = imageUrl,
counter = colorCounter
}
);
colorCounter++;
}
}
multipleColors = colorCounter;
}
}
string dropdownClass;
string buttonClass;
if ( multipleColors > 1 ) {
dropdownClass = "gtm-pdf-productsheet";
buttonClass = "";
} else {
dropdownClass = "";
buttonClass = "gtm-pdf-productsheet";
}
}
@if(GetGlobalValue("Global:Device.IsDesktop") == "True") {
<div id="sheet-@pdfProdID" class="d-none d-lg-block">
<div class="mb-2 mt-2 row" id="js-sika-productsheet-details">
<div class="sika-buttons text-center">
<div class="js-sika-productsheet-generate-variant-images sika-product-variant-image">
<ul class="sika-product-variant-image-list">
@foreach(var c in colorArr){
<li>
<span class="color-variant" data-name="@c.name.ToLower()" data-color="@c.color"></span> <a class="js-sika-productsheet-generate-variant-image @dropdownClass" href="@c.image"> @Translate( "sika_custom_download_product_image_item", "Download" ) @c.name </a>
</li>
}
</ul>
</div>
<a class="btn btn-secondary js-sika-productsheet-generate @buttonClass">
<span>
<i class="material-icons">reorder</i>
</span>@Translate( "sika_custom_productsheet_create", "Opret datablad" )</a>
</div>
<div class="pdf-client-logo sika-buttons text-center">
<div class="js-sika-productsheet-clientlogo-variant-images sika-product-variant-image">
<ul class="sika-product-variant-image-list">
@foreach(var c in colorArr){
<li>
<span class="color-variant" data-name="@c.name.ToLower()" data-color="@c.color"></span> <a class="js-sika-productsheet-clientlogo-variant-image" href="@c.image"> @Translate( "sika_custom_download_product_image_item", "Download" ) @c.name </a>
</li>
}
</ul>
</div>
<a class="btn btn-secondary js-sika-productsheet-clientlogo">
<span>
<i class="material-icons">adjust</i>
</span>@Translate( "sika_custom_productsheet_create_with_logo", "Opret datablad med eget logo" )</a>
<div class="hide pdf-client-logo-file">
<small>@Translate( "sika_custom_productsheet_create_with_logo_desc", "Upload logo i enten PNG eller JPG format" )</small>
<input id="pdfClientLogo" name="files[]" type="file" class="gtm-pdf-productsheet" />
</div>
</div>
<input class="js-sika-productsheet-list-add" type="checkbox" name="sikaProductsheetCheck" value="@pdfProdID" checked hidden>
<div class="sika-buttons text-center">
@{
string singleImagePath = "#";
}
<div class="js-sika-product-image-download sika-product-variant-image">
<ul class="sika-product-variant-image-list">
@foreach(var c in colorArr){
if ( c.counter == 0 )
{
singleImagePath = "/Admin/Public/Download.aspx?File=" + c.image;
}
if ( c.counter == 1 )
{
singleImagePath = "#";
}
<li>
<span class="color-variant" data-name="@c.name.ToLower()" data-color="@c.color"></span> <a href="/Admin/Public/Download.aspx?File=@c.image"> @Translate( "sika_custom_download_product_image_item", "Download" ) @c.name </a>
</li>
}
</ul>
</div>
<a class="btn btn-secondary js-toggle-download-product-images text-dark" href="@singleImagePath">
<span>
<i class="material-icons">arrow_downward</i>
</span> @Translate( "sika_custom_download_product_image", "Download produktbillede" )
</a>
</div>
</div>
<code class="js-create-data-images" hidden>
@if ( string.IsNullOrEmpty( ImageLarge ) == false )
{
<span class="js-create-image">
<img id="image-img-@pdfProdID" src="/admin/public/getimage.ashx?image=@ImageLarge&amp;crop=0&amp;fix=br&amp;Width=800" />
</span>
}
else
{
<span class="js-create-image">
<img id="img-@pdfProdID" src="/admin/public/getimage.ashx?image=/Files/System/espresso/image.png&amp;crop=0&amp;fix=br&amp;Width=800" />
</span>
}
@{
string manufacturer = string.IsNullOrEmpty( GetString( "brand.Clean" ) ) == false ? GetString( "brand.Clean" ).ToLower() : string.Empty;
}
@if ( manufacturer == "cofra" )
{
<img id="brand-img-@pdfProdID" class="js-create-brandlogo" src="@Espresso.Area.Item.LogoCofra" />
}
else if ( manufacturer == "brynje" )
{
<img id="brand-img-@pdfProdID" class="js-create-brandlogo" src="@Espresso.Area.Item.LogoBrynje" />
}
else if ( manufacturer == "sika" )
{
<img id="brand-img-@pdfProdID" class="js-create-brandlogo" src="@Espresso.Area.Item.LogoSika" />
}
else if ( manufacturer == "nora" )
{
<img id="brand-img-@pdfProdID" class="js-create-brandlogo" src="@Espresso.Area.Item.LogoNora" />
}
else if ( manufacturer == "elten" )
{
<img id="brand-img-@pdfProdID" class="js-create-brandlogo" src="@Espresso.Area.Item.LogoElten" />
}
else if ( manufacturer == "dunlop" )
{
<img id="brand-img-@pdfProdID" class="js-create-brandlogo" src="@Espresso.Area.Item.LogoDunlop" />
}
else if ( manufacturer == "tretorn" )
{
<img id="brand-img-@pdfProdID" class="js-create-brandlogo" src="@Espresso.Area.Item.LogoTretorn" />
}
else
{
<img id="brand-img-@pdfProdID" class="js-create-brandlogo" src="@Espresso.Area.Item.LogoSika" />
}
<img id="client-img-@pdfProdID" src="" class="js-create-clientlogo">
<div class="sika-pdf-feature-icons">
<!--@If( Ecom:Product.CategoryField.Features.Godkendelse.Value != 'FALSE' && Ecom:Product.CategoryField.Features.Godkendelse.Value != '')-->
<img class="hide" src="Files/Templates/designs/sika/assets/img/sika-icons/sika-icon-<!--@Ecom:Product.CategoryField.Features.Godkendelse.ID.ToLower()-->-<!--@Ecom:Product.CategoryField.Features.Godkendelse.Value.Substring(0, 3).Replace(',', '').ToLower()-->.png">
<!--@EndIf-->
<!--@If( Ecom:Product.CategoryField.Features.Skridsikkerhed.Value != 'FALSE' && Ecom:Product.CategoryField.Features.Skridsikkerhed.Value != '')-->
<img class="hide" src="Files/Templates/designs/sika/assets/img/sika-icons/sika-icon-<!--@Ecom:Product.CategoryField.Features.Skridsikkerhed.ID.ToLower()-->-<!--@Ecom:Product.CategoryField.Features.Skridsikkerhed.Value.ToLower()-->.png">
<!--@EndIf-->
<!--@If( Ecom:Product.CategoryField.Features.Taavaern.Value != 'FALSE' && Ecom:Product.CategoryField.Features.Taavaern.Value != '')-->
<img class="hide" src="Files/Templates/designs/sika/assets/img/sika-icons/sika-icon-<!--@Ecom:Product.CategoryField.Features.Taavaern.ID.ToLower()-->-<!--@Ecom:Product.CategoryField.Features.Taavaern.Value.ToLower()-->.png">
<!--@EndIf-->
<!--@If( Ecom:Product.CategoryField.Features.Soemvaern.Value != 'FALSE' && Ecom:Product.CategoryField.Features.Soemvaern.Value != '')-->
<img class="hide" src="Files/Templates/designs/sika/assets/img/sika-icons/sika-icon-<!--@Ecom:Product.CategoryField.Features.Soemvaern.ID.ToLower()-->-<!--@Ecom:Product.CategoryField.Features.Soemvaern.Value.ToLower()-->.png">
<!--@EndIf-->
<!--@If( Ecom:Product.CategoryField.Features.OlieOgBenzinResistent.Value == 'True' )-->
<img class="hide" src="Files/Templates/designs/sika/assets/img/sika-icons/sika-icon-<!--@Ecom:Product.CategoryField.Features.OlieOgBenzinResistent.Label.ToLower()-->.png">
<!--@EndIf-->
<!--@If( Ecom:Product.CategoryField.Features.ProNose.Value == 'True' )-->
<img class="hide" src="Files/Templates/designs/sika/assets/img/sika-icons/sika-icon-<!--@Ecom:Product.CategoryField.Features.ProNose.Label.ToLower()-->.png">
<!--@EndIf-->
<!--@If( Ecom:Product.CategoryField.Features.ESDgodkendt.Value == 'True' )-->
<img class="hide" src="Files/Templates/designs/sika/assets/img/sika-icons/sika-icon-<!--@Ecom:Product.CategoryField.Features.ESDgodkendt.Label.ToLower()-->.png">
<!--@EndIf-->
<!--@If( Ecom:Product.CategoryField.Features.Metalfri.Value == 'True' )-->
<img class="hide" src="Files/Templates/designs/sika/assets/img/sika-icons/sika-icon-<!--@Ecom:Product.CategoryField.Features.Metalfri.Label.ToLower()-->.png">
<!--@EndIf-->
<!--@If( Ecom:Product.CategoryField.Features.IsolerendeModKulde.Value == 'True' )-->
<img class="hide" src="Files/Templates/designs/sika/assets/img/sika-icons/sika-icon-<!--@Ecom:Product.CategoryField.Features.IsolerendeModKulde.Label.ToLower()-->.png">
<!--@EndIf-->
<!--@If( Ecom:Product.CategoryField.Features.Varmeisolerende.Value == 'True' )-->
<img class="hide" src="Files/Templates/designs/sika/assets/img/sika-icons/sika-icon-<!--@Ecom:Product.CategoryField.Features.Varmeisolerende.Label.ToLower()-->.png">
<!--@EndIf-->
<!--@If( Ecom:Product.CategoryField.Features.Varmebeskyttendeoptil300grader.Value == 'True' )-->
<img class="hide" src="Files/Templates/designs/sika/assets/img/sika-icons/sika-icon-<!--@Ecom:Product.CategoryField.Features.Varmebeskyttendeoptil300grader.Label.ToLower()-->.png">
<!--@EndIf-->
<!--@If( Ecom:Product.CategoryField.Features.Vandtaetmembran.Value == 'True' )-->
<img class="hide" src="Files/Templates/designs/sika/assets/img/sika-icons/sika-icon-<!--@Ecom:Product.CategoryField.Features.Vandtaetmembran.Label.ToLower()-->.png">
<!--@EndIf-->
<!--@If( Ecom:Product.CategoryField.Features.Goretex.Value == 'True' )-->
<img class="hide" src="Files/Templates/designs/sika/assets/img/sika-icons/sika-icon-<!--@Ecom:Product.CategoryField.Features.Goretex.Label.ToLower()-->.png">
<!--@EndIf-->
<!--@If( Ecom:Product.CategoryField.Features.BOA.Value == 'True' )-->
<img class="hide" src="Files/Templates/designs/sika/assets/img/sika-icons/sika-icon-<!--@Ecom:Product.CategoryField.Features.BOA.Label.ToLower()-->.png">
<!--@EndIf-->
<!--DwTemplateTags-->
</div>
</code>
<canvas id="image-canvas-@pdfProdID" class="pdfmake-canvas" width="800" height="800" hidden></canvas>
<canvas id="logo-canvas-@pdfProdID" class="pdfmake-canvas" width="400" height="131" hidden></canvas>
<canvas id="brand-canvas-@pdfProdID" class="pdfmake-canvas" width="400" height:="131" hidden></canvas>
<canvas id="multiple-canvas-@pdfProdID" class="pdfmake-canvas" width="1500" height="100" data-fit="80" hidden></canvas>
</div>
}
<code class="js-data-uries" hidden></code>
<code class="hidden" hidden id="pdf-details-translations">
sika.productsheet.detailstranslations = {};
sika.productsheet.detailstranslations = {
'DK': [{
'Serie': 'Serie'
}, {
'Special': 'S\u00E6rlige egenskaber'
}, {
'Outersole': 'Yders\u00E5l'
}, {
'Topleather': 'Overl\u00E6der'
}, {
'Innerfor': 'Inderfor'
}, {
'Innersole': 'Indl\u00E6gss\u00E5l'
}, {
'Industry': 'Brancher'
}, {
'Size': 'St\u00F8rrelser'
}],
'GB': [{
'Serie': 'Serie'
}, {
'Special': 'Speciel features'
}, {
'Outersole': 'Outsole'
}, {
'Topleather': 'Upper'
}, {
'Innerfor': 'Lining'
}, {
'Innersole': 'Inlay sole/Insole'
}, {
'Industry': 'Industries'
}, {
'Size': 'Sizes'
}],
'DE': [{
'Serie': 'Serie'
}, {
'Special': 'Besondere Eigenschaften'
}, {
'Outersole': 'Laufsohle'
}, {
'Topleather': 'Obermaterial'
}, {
'Innerfor': 'Futter'
}, {
'Innersole': 'Einlegesohle/Fu\u00DFbett'
}, {
'Industry': 'Branchen'
}, {
'Size': 'Gr\u00F6\u00DFen'
}],
'SE': [{
'Serie': 'Serie'
}, {
'Special': 'Specialfunktioner'
}, {
'Outersole': 'Yttersula'
}, {
'Topleather': 'Ovanl\u00E4der'
}, {
'Innerfor': 'Innenfoder'
}, {
'Innersole': 'Inl\u00E4ggssula'
}, {
'Industry': 'Branscher'
}, {
'Size': 'Storlekar'
}],
'NO': [{
'Serie': 'Serie'
}, {
'Special': 'Spesialfunksjoner'
}, {
'Outersole': 'Ytters\u00E5le'
}, {
'Topleather': 'Overl\u00E6r'
}, {
'Innerfor': 'Innerf\u00F4r'
}, {
'Innersole': 'Inleggss\u00E5le'
}, {
'Industry': 'Bransjer'
}, {
'Size': 'St\u00F8rrelser'
}]
}
</code>
<hr/><div class="sika-productdetails-icons">@if ( @certificationsValue != "False" && @certificationsValue != "" && @certificationsValue != "nej") {<img class="mb-3" style="width: 40px;" src="Files/Templates/designs/sika/_assets/img/sika-icons/sika-icon-godkendelse-@certificationsValue.@fileTypePng" alt="@certificationsLabel" title="@certificationsLabel">}@if ( @slipresistanceValue != "False" && slipresistanceValue != "na" && @slipresistanceValue != "nej" && @slipresistanceValue != ""){<img class="mb-3" style="width: 40px;" src="Files/Templates/designs/sika/_assets/img/sika-icons/sika-icon-skridsikkerhed-@slipresistanceValue.@fileTypePng" alt="@slipresistanceLabel" title="@slipresistanceLabel">}@if ( @toeprotectionValue != "False" && @toeprotectionValue != "" && @toeprotectionValue != "nej"){<img class="mb-3" style="width: 40px;" src="Files/Templates/designs/sika/_assets/img/sika-icons/sika-icon-@toeprotectionID-@toeprotectionValue.@fileTypePng" alt="@toeprotectionLabel" title="@toeprotectionLabel">}@if ( @nailproctectionValue != "False" && @nailproctectionValue != "" && @nailproctectionValue != "nej"){<img class="mb-3" style="width: 40px;" src="Files/Templates/designs/sika/_assets/img/sika-icons/sika-icon-@nailprotectionID-@nailproctectionValue.@fileTypePng" alt="@nailproctectionLabel" title="@nailproctectionLabel">}@if ( @oilandgasresistantValue == "True"){<img class="mb-3" style="width: 40px;" src="Files/Templates/designs/sika/_assets/img/sika-icons/sika-icon-@oilandgasresistantID.@fileTypePng" alt="@oilandgasresistantLabel" title="@oilandgasresistantLabel">}@if ( @pronoseValue == "True"){<img class="mb-3" style="width: 40px;" src="Files/Templates/designs/sika/_assets/img/sika-icons/sika-icon-@pronoseID.@fileTypePng" alt="@pronoseLabel" title="@pronoseLabel">}@if ( @esdapprovedValue == "True"){<img class="mb-3" style="width: 40px;" src="Files/Templates/designs/sika/_assets/img/sika-icons/sika-icon-@esdapprovedID.@fileTypePng" alt="@esdapprovedLabel" title="@esdapprovedLabel">}@if ( @metalFreeValue == "True"){<img class="mb-3" style="width: 40px;" src="Files/Templates/designs/sika/_assets/img/sika-icons/sika-icon-@metalFreeID.@fileTypePng" alt="@metalFreeLabel" title="@metalFreeLabel">}@if ( @isolationagainstcoldValue == "True" ){<img class="mb-3" style="width: 40px;" src="Files/Templates/designs/sika/_assets/img/sika-icons/sika-icon-@isolationagainstcoldID.@fileTypePng" alt="@isolationagainstcoldLabel" title="@isolationagainstcoldLabel">}@if ( @heatisolationValue == "True" ){<img class="mb-3" style="width: 40px;" src="Files/Templates/designs/sika/_assets/img/sika-icons/sika-icon-@heatisolationID.@fileTypePng" alt="@heatisolationLabel" title="@heatisolationLabel">}@if ( @heatresistantoutsoleValue == "True" ){<img class="mb-3" style="width: 40px;" src="Files/Templates/designs/sika/_assets/img/sika-icons/sika-icon-@heatresistantoutsoleID.@fileTypePng" alt="@heatresistantoutsoleLabel" title="@heatresistantoutsoleLabel">}@if ( @watertightmembraneValue == "True" ){<img class="mb-3" style="width: 40px;" src="Files/Templates/designs/sika/_assets/img/sika-icons/sika-icon-@watertightmembraneID.@fileTypePng" alt="@watertightmembraneLabel" title="@watertightmembraneLabel">}@if ( @boaValue == "True" ){<img class="mb-3" style="width: 40px;" src="Files/Templates/designs/sika/_assets/img/sika-icons/sika-icon-@boaID.@fileTypePng" alt="@boaLabel" title="@boaLabel">}@if ( @laddergripValue == "True" ){<img class="mb-3" style="width: 40px;" src="Files/Templates/designs/sika/_assets/img/sika-icons/sika-icon-@laddergripID.@fileTypePng" alt="@laddergripLabel" title="@laddergripLabel">}@if ( @additionalCertificationsValue == "dguv112191" && @GetGlobalValue("Global:Request.Host") == "www.sikafootwear.de" ){<img class="mb-3" style="width: 40px;" src="Files/Templates/designs/sika/_assets/img/sika-icons/sika-icon-DGU-112-191.png" alt="@additionalCertificationsLabel" title="@additionalCertificationsLabel">}</div></div><div class="col-12 col-sm-6 order-first p-section-bg-white"><div class="e-product-image-container"><div class="e-product-image-wrapper"><div id="js-e-product-image-carousel" class="carousel slide" data-ride="carousel" data-interval="false"><div class="carousel-inner js-e-product-image-carousel-inner d-none">@foreach ( LoopItem vg in GetLoop( "VariantGroups" ) ) {if ( vg.GetString( "Ecom:VariantGroup.Name" ) == "Color" ) {int colorCounter = 0;foreach ( LoopItem option in vg.GetLoop( "VariantAvailableOptions" ) ) {string imgURL = string.Format( "/Files/Images/ecom/Products/{0}_{1}.jpg", GetString( "Ecom:Product.Number" ), option.GetString( "Ecom:VariantOption.ImgSmall.Clean" ).Replace( "C-", string.Empty ) );string fullPath = HttpContext.Current.Server.MapPath( imgURL );if ( File.Exists( fullPath ) == true ) {string activeClass = "";if(colorCounter == 0) {activeClass = "active";@SnippetStart("ProductImage")<meta property="og:image" content="https://<!--@Global:Request.Host-->@imgURL">@SnippetEnd("ProductImage")}<div class="carousel-item @activeClass" data-toggle="modal" data-target="#js-e-product-image-modal" data-color="@option.GetString( "Ecom:VariantOption.ImgSmall.Clean" ).Replace( "C-", string.Empty )"><img src="/admin/public/getimage.ashx?Crop=0&Image=@imgURL&Format=jpg&Width=800&Height=&Quality=90" alt="@GetString("Ecom:Product.MetaTitle")" class="e-product-image" data-target="#js-e-product-image-modal-carousel" data-slide-to="@colorCounter"></div>colorCounter++;}}}}<a class="carousel-control-prev" data-target="#js-e-product-image-carousel" data-slide="prev"></a><a class="carousel-control-next" data-target="#js-e-product-image-carousel" data-slide="next"></a></div></div></div></div><div class="modal modal-fullscreen fade e-product-image-modal" id="js-e-product-image-modal" data-backdrop="false" data-keyboard="true"><div class="modal-dialog"><div class="modal-content"><div class="modal-body"><button type="button" class="close" data-dismiss="modal"><i class="material-icons">close</i></button><div id="js-e-product-image-modal-carousel" class="carousel slide" data-keyboard="true" data-interval="false"><div class="carousel-inner">@foreach ( LoopItem vg in GetLoop( "VariantGroups" ) ) {if ( vg.GetString( "Ecom:VariantGroup.Name" ) == "Color" ) {int colorCounter = 0;foreach ( LoopItem option in vg.GetLoop( "VariantAvailableOptions" ) ) {string imgURL = string.Format( "/Files/Images/ecom/Products/{0}_{1}.jpg", GetString( "Ecom:Product.Number" ), option.GetString( "Ecom:VariantOption.ImgSmall.Clean" ).Replace( "C-", string.Empty ) );string fullPath = HttpContext.Current.Server.MapPath( imgURL );if ( File.Exists( fullPath ) == true ) {string activeClass = "";if(colorCounter == 0) {activeClass = "active";}<div class="carousel-item @activeClass" style="background-image:url(/admin/public/getimage.ashx?Crop=0&Image=@imgURL&Format=jpg&Width=&Height=1800&Quality=90)"></div>colorCounter++;}}}}</div><ol class="carousel-indicators">@foreach ( LoopItem vg in GetLoop( "VariantGroups" ) ) {if ( vg.GetString( "Ecom:VariantGroup.Name" ) == "Color" ) {int colorCounter = 0;foreach ( LoopItem option in vg.GetLoop( "VariantAvailableOptions" ) ) {string imgURL = string.Format( "/Files/Images/ecom/Products/{0}_{1}.jpg", GetString( "Ecom:Product.Number" ), option.GetString( "Ecom:VariantOption.ImgSmall.Clean" ).Replace( "C-", string.Empty ) );string fullPath = HttpContext.Current.Server.MapPath( imgURL );if ( File.Exists( fullPath ) == true ) {string activeClass = "";if(colorCounter == 0) {activeClass = "active";}<li data-target="#js-e-product-image-modal-carousel" data-slide-to="@colorCounter" class="@activeClass"><span style="background-image:url(/admin/public/getimage.ashx?Crop=0&Image=@imgURL&Format=jpg&Width=50&Height=&Quality=90)"></span></li>colorCounter++;}}}}</ol><a class="carousel-control-prev" data-target="#js-e-product-image-modal-carousel" data-slide="prev"><i class="material-icons carousel-control-prev-icon">navigate_before</i></a><a class="carousel-control-next" data-target="#js-e-product-image-modal-carousel" data-slide="next"><i class="material-icons carousel-control-next-icon">navigate_next</i></a></div></div></div></div>
</div></div></div>
@sectionTagsStart<div class="row"><div class="col-12">@{dynamic width = new {xs = "6",sm = "6",md = "6",lg = "3",xl = "3"};}@{
bool showProductInformation = false;
bool showSeries = false;
if ( !string.IsNullOrEmpty( GetString( "Ecom:Product.CategoryField.productspecifications.serie.Value" )) && GetString( "Ecom:Product.CategoryField.productspecifications.serie.Value" ) != "NA" && GetString( "Ecom:Product.CategoryField.productspecifications.producttype.Value" ) != "accessories" ) {
showSeries = true;
showProductInformation = true;
}
bool showOutersole = false;
if ( !string.IsNullOrEmpty( GetString( "Ecom:Product.CategoryField.productspecifications.outersole.Value" ) ) && GetString( "Ecom:Product.CategoryField.productspecifications.outersole.Value" ) != "NA"  ) {
showOutersole = true;
showProductInformation = true;
}
bool showOverleather = false;
if ( !string.IsNullOrEmpty( GetString( "Ecom:Product.CategoryField.productspecifications.overleather.Value" ) ) && GetString( "Ecom:Product.CategoryField.productspecifications.overleather.Value" ) != "NA" ) {
showOverleather = true;
showProductInformation = true;
}
bool showInnerfor = false;
if ( !string.IsNullOrEmpty( GetString( "Ecom:Product.CategoryField.productspecifications.innerfor.Value" ) ) && GetString( "Ecom:Product.CategoryField.productspecifications.innerfor.Value" ) != "NA" ) {
showInnerfor = true;
showProductInformation = true;
}
bool showInsole = false;
if ( !string.IsNullOrEmpty( GetString( "Ecom:Product.CategoryField.productspecifications.insole.Value" ) ) && GetString( "Ecom:Product.CategoryField.productspecifications.insole.Value" ) != "NA" ) {
showInsole = true;
showProductInformation = true;
}
bool showSpecialProperties = false;
if ( !string.IsNullOrEmpty( GetString( "Ecom:Product.CategoryField.productspecifications.specialproperties.Value" ) ) && GetString( "Ecom:Product.CategoryField.productspecifications.specialproperties.Value" ) != "NA" ) {
showSpecialProperties = true;
showProductInformation = true;
}
bool showBranch = false;
if ( !string.IsNullOrEmpty( GetString( "Ecom:Product.CategoryField.productspecifications.branch.Value" ) ) && GetString( "Ecom:Product.CategoryField.productspecifications.branch.Value" ) != "na" ) {
showBranch = true;
showProductInformation = true;
}
bool showGender = false;
if ( !string.IsNullOrEmpty( GetString( "Ecom:Product.CategoryField.productspecifications.gender.Value" ) ) && GetString( "Ecom:Product.CategoryField.productspecifications.gender.Value" ) != "na" ) {
showGender = true;
showProductInformation = true;
}
bool showWeightHalfPair = false;
if ( !string.IsNullOrEmpty( GetString( "Ecom:Product.CategoryField.productspecifications.weighthalfpair.Value" ) ) && GetString( "Ecom:Product.CategoryField.productspecifications.producttype.Value" ) != "accessories" ) {
showWeightHalfPair = true;
showProductInformation = true;
}
bool showSize = false;
if ( !string.IsNullOrEmpty( GetString( "Ecom:Product.CategoryField.productspecifications.sizeshowing.Value" ) ) ) {
showSize = true;
showProductInformation = true;
}
}
@if ( showProductInformation ) {
<div class="e-product-section">
<div class="collapse-peek">
<div class="row">
<div class="col-12 col-md-10 col-lg-8 col-xl-6 mx-auto">
<div class="e-product-section-header" data-toggle="collapse" data-target="#collapse-@GetString("Ecom:Product.ID")-00">
<h3 class="h2 m-a-0 mb-0 text-center">@Translate("Produktinformation","Produktinformation")</h3>
</div>
</div>
<div class="col-12">&nbsp;</div>
<div class="col-12 col-md-10 col-lg-8 col-xl-6 mx-auto">
<div class="collapse collapse-peek-content" id="collapse-@GetString("Ecom:Product.ID")-00">
<div class="row">
<div class="col-12">
<table class="table table-striped table-product-details" cellpadding="0" cellspacing="0">
@if ( showSeries ) {
<tr>
<td style="width: 30%;"><strong>@GetString( "Ecom:Product.CategoryField.productspecifications.serie.Label" )</strong></td>
<td>@GetString( "Ecom:Product.CategoryField.productspecifications.serie.Value" )</td>
</tr>
}
@if ( showOutersole ) {
<tr>
<td><strong>@GetString( "Ecom:Product.CategoryField.productspecifications.outersole.Label" )</strong></td>
<td>@GetString( "Ecom:Product.CategoryField.productspecifications.outersole.Value" )</td>
</tr>
}
@if ( showOverleather ) {
<tr>
<td><strong>@GetString( "Ecom:Product.CategoryField.productspecifications.overleather.Label" )</strong></td>
<td>@GetString( "Ecom:Product.CategoryField.productspecifications.overleather.Value" )</td>
</tr>
}
@if ( showInnerfor ) {
<tr>
<td><strong>@GetString( "Ecom:Product.CategoryField.productspecifications.innerfor.Label" )</strong></td>
<td>@GetString( "Ecom:Product.CategoryField.productspecifications.innerfor.Value" )</td>
</tr>
}
@if ( showInsole ) {
<tr>
<td><strong>@GetString( "Ecom:Product.CategoryField.productspecifications.insole.Label" )</strong></td>
<td>
@GetString( "Ecom:Product.CategoryField.productspecifications.insole.Value" )
@if(GetString( "Ecom:Product.CategoryField.productspecifications.bpr.Value" ) == "ZINC pyrithione CAS 13463-41-7 - Inlaysole" ) {
<p><br />@Translate("BPR - ZINC pyrithione CAS 13463-41-7 - Inlaysole")</p>
}
</td>
</tr>
}
@if ( showSpecialProperties ) {
<tr>
<td><strong>@GetString( "Ecom:Product.CategoryField.productspecifications.specialproperties.Label" )</strong></td>
<td>
<ul>
@{
string[] detailsSpecialProps = GetString( "Ecom:Product.CategoryField.productspecifications.specialproperties.Value" ).Split( ';' );
}
@foreach ( string prop in detailsSpecialProps )
{
if ( prop != "" ) {
<li>@prop</li>
}
}
</ul>
</td>
</tr>
}
@if ( showBranch ) {
<tr>
<td><strong>@GetString( "Ecom:Product.CategoryField.productspecifications.branch.Label" )</strong></td>
<td>
<ul>
@{
string[] detailsBranches = GetString( "Ecom:Product.CategoryField.productspecifications.branch.OptionLabel" ).Replace(", ", "#placeholder# ").Split( ',' );
}
@foreach ( string branch in detailsBranches )
{
<li>@branch.Replace("#placeholder#",",")</li>
}
</ul>
</td>
</tr>
}
@if ( showGender ) {
<tr>
<td><strong>@GetString( "Ecom:Product.CategoryField.productspecifications.gender.Label" )</strong></td>
<td>@GetString( "Ecom:Product.CategoryField.productspecifications.gender.OptionLabel" ).Replace(",",", ")</td>
</tr>
}
@if ( showWeightHalfPair ) {
<tr>
<td><strong>@GetString( "Ecom:Product.CategoryField.productspecifications.weighthalfpair.Label" )</strong></td>
<td>
@GetString( "Ecom:Product.CategoryField.productspecifications.weighthalfpair.Value" ).Replace(".",",") kg<br />
@if ( GetString( "Ecom:Product.CategoryField.productspecifications.gender.Value" ) == "female" ) {
<small>@Translate("Weight information - Female")</small>
} else {
<small>@Translate("Weight information - Unisex")</small>
}
</td>
</tr>
}
@if ( showSize ) {
<tr>
<td><strong>@GetString( "Ecom:Product.CategoryField.productspecifications.sizeshowing.Label" )</strong></td>
<td>@GetString( "Ecom:Product.CategoryField.productspecifications.sizeshowing.Value" ).Replace(",",", ")</td>
</tr>
}
</table>
</div>
</div>
</div>
<div class="collapse-peek-toggle">
<div class="row">
<div class="col-4 m-x-auto">
<button type="button" class="btn btn-link btn-block btn-sm" data-toggle="collapse" data-target="#collapse-@GetString("Ecom:Product.ID")-00">
<span class="collapse-peek-btn-hide">@Translate("Global - Collapse Show Less - Text", "Show less") <i class="material-icons material-icons-2x">keyboard_arrow_up</i></span>
<span class="collapse-peek-btn-show">@Translate("Global - Collapse Show More - Text", "Show more") <i class="material-icons material-icons-2x">keyboard_arrow_down</i></span>
</button>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
}
@if(boaValue == "True" && Espresso.Area.Item.BOALukning != "" ||esdapprovedValue == "True" && Espresso.Area.Item.ESDGodkendelse != "" ||serieValue == "Wellmaxx" && Espresso.Area.Item.Infinergy != ""
){<div class="e-product-section"><div class="collapse-peek"><div class="row"><div class="col-12 col-md-10 col-lg-8 col-xl-6 mx-auto"><div class="e-product-section-header" data-toggle="collapse" data-target="#collapse-@GetString("Ecom:Product.ID")-01"><h3 class="h2 m-a-0 mb-0 mt-1 text-center">@Translate("Want to know more about ...","Want to know more about ...")</h3></div></div><div class="col-12">&nbsp;</div><div class="col-12 col-md-10 col-lg-8 col-xl-6 mx-auto"><div class="collapse collapse-peek-content" id="collapse-@GetString("Ecom:Product.ID")-01"><div class="row"><div class="col-12"><table class="table table-striped table-product-features" cellpadding="0" cellspacing="0">@if ( serieValue == "Dialution"  && Espresso.Area.Item.SerieDialution != "" ){<tr><td>@RenderParagraphContent(int.Parse(Espresso.Area.Item.SerieDialution))</td></tr>}@if ( boaValue == "True" && Espresso.Area.Item.BOALukning != "" ){<tr><td>@RenderParagraphContent(int.Parse(Espresso.Area.Item.BOALukning))</td></tr>}@if ( esdapprovedValue == "True" && Espresso.Area.Item.ESDGodkendelse != "" ){<tr><td>@RenderParagraphContent(int.Parse(Espresso.Area.Item.ESDGodkendelse))</td></tr>}@if ( serieValue == "Wellmaxx" && Espresso.Area.Item.Infinergy != "" ){<tr><td>@RenderParagraphContent(int.Parse(Espresso.Area.Item.Infinergy))</td></tr>}</table></div></div></div><div class="collapse-peek-toggle"><div class="row"><div class="col-4 m-x-auto"><button type="button" class="btn btn-link btn-block btn-sm" data-toggle="collapse" data-target="#collapse-@GetString("Ecom:Product.ID")-01"><span class="collapse-peek-btn-hide">@Translate("Global - Collapse Show Less - Text", "Show less")<i class="material-icons material-icons-2x">keyboard_arrow_up</i></span><span class="collapse-peek-btn-show">@Translate("Global - Collapse Show More - Text", "Show more")<i class="material-icons material-icons-2x">keyboard_arrow_down</i></span></button></div></div></div></div></div></div></div>
}@if( string.IsNullOrEmpty( GetString("Ecom:Product:Field.DescriptionExtraHeading01") ) == false ){
<div class="e-product-section"><div class="collapse-peek"><div class="row"><div class="col-12 col-md-4"><div class="e-product-section-header" data-toggle="collapse" data-target="#collapse-@GetString("Ecom:Product.ID")-01"><h2 class="m-a-0">@GetString("Ecom:Product:Field.DescriptionExtraHeading01")</h2></div></div><div class="col-12 col-md-8"><div class="collapse collapse-peek-content" id="collapse-@GetString("Ecom:Product.ID")-01"><div class="row"><div class="col-12">@GetString("Ecom:Product:Field.DescriptionExtra01")</div></div></div><div class="collapse-peek-toggle"><div class="row"><div class="col-4 m-x-auto"><button type="button" class="btn btn-outline-primary btn-block btn-sm" data-toggle="collapse" data-target="#collapse-@GetString("Ecom:Product.ID")-01"><span class="collapse-peek-btn-hide">@Translate("Global - Collapse Show Less - Text", "Show less")<i class="material-icons material-icons-2x">keyboard_arrow_up</i></span><span class="collapse-peek-btn-show">@Translate("Global - Collapse Show More - Text", "Show more")<i class="material-icons material-icons-2x">keyboard_arrow_down</i></span></button></div></div></div></div></div></div>
</div>
}@if( string.IsNullOrEmpty( GetString("Ecom:Product:Field.Video") ) == false ){
<div class="e-product-section"><div class="collapse-peek"><div class="row"><div class="col-12 col-md-4">@if( string.IsNullOrEmpty( GetString("Ecom:Product:Field.Video") ) == false ){<div class="e-product-section-header" data-toggle="collapse" data-target="#collapse-@GetString("Ecom:Product.ID")-04"><h2 class="m-a-0">@GetString("Ecom:Product:Field.VideoHeading")</h2></div>}</div><div class="col-12 col-md-8"><div class="collapse collapse-peek-content" id="collapse-@GetString("Ecom:Product.ID")-04"><div class="row"><div class="col-12"><div class="embed-responsive embed-responsive-16by9 mb-2"><iframe class="embed-responsive-item" src="@GetString("Ecom:Product:Field.Video")" width="1080" height="608" frameborder="0" webkitallowfullscreen mozallowfullscreen allowfullscreen></iframe></div></div></div></div><div class="collapse-peek-toggle"><div class="row"><div class="col-6 m-x-auto"><button type="button" class="btn btn-outline-primary btn-block" data-toggle="collapse" data-target="#collapse-@GetString("Ecom:Product.ID")-04"><span class="collapse-peek-btn-hide">@Translate("Global - Collapse Show Less - Text", "Show less")<i class="material-icons material-icons-2x">keyboard_arrow_up</i></span><span class="collapse-peek-btn-show">@Translate("Global - Collapse Show More - Text", "Show more")<i class="material-icons material-icons-2x">keyboard_arrow_down</i></span></button></div></div></div></div></div></div>
</div>
}@if( string.IsNullOrEmpty( GetString("Ecom:Product:Field.DescriptionExtraHeading02") ) == false ){
<div class="e-product-section"><div class="collapse-peek"><div class="row"><div class="col-12 col-md-4"><div class="e-product-section-header" data-toggle="collapse" data-target="#collapse-@GetString("Ecom:Product.ID")-02"><h2 class="m-a-0">@GetString("Ecom:Product:Field.DescriptionExtraHeading02")</h2></div></div><div class="col-12 col-md-8"><div class="collapse collapse-peek-content" id="collapse-@GetString("Ecom:Product.ID")-02"><div class="row"><div class="col-12">@GetString("Ecom:Product:Field.DescriptionExtra02")</div></div></div><div class="collapse-peek-toggle"><div class="row"><div class="col-4 m-x-auto"><button type="button" class="btn btn-outline-primary btn-block btn-sm" data-toggle="collapse" data-target="#collapse-@GetString("Ecom:Product.ID")-02"><span class="collapse-peek-btn-hide">@Translate("Global - Collapse Show Less - Text", "Show less")<i class="material-icons material-icons-2x">keyboard_arrow_up</i></span><span class="collapse-peek-btn-show">@Translate("Global - Collapse Show More - Text", "Show more")<i class="material-icons material-icons-2x">keyboard_arrow_down</i></span></button></div></div></div></div></div></div>
</div>
}@if( string.IsNullOrEmpty( GetString("Ecom:Product:Field.DescriptionExtraHeading03") ) == false ){
<div class="e-product-section"><div class="collapse-peek"><div class="row"><div class="col-12 col-md-4"><div class="e-product-section-header" data-toggle="collapse" data-target="#collapse-@GetString("Ecom:Product.ID")-03"><h2 class="m-a-0">@GetString("Ecom:Product:Field.DescriptionExtraHeading03")</h2></div></div><div class="col-12 col-md-8"><div class="collapse collapse-peek-content" id="collapse-@GetString("Ecom:Product.ID")-03"><div class="row"><div class="col-12">@GetString("Ecom:Product:Field.DescriptionExtra03")</div></div></div><div class="collapse-peek-toggle"><div class="row"><div class="col-4 m-x-auto"><button type="button" class="btn btn-outline-primary btn-block btn-sm" data-toggle="collapse" data-target="#collapse-@GetString("Ecom:Product.ID")-03"><span class="collapse-peek-btn-hide">@Translate("Global - Collapse Show Less - Text", "Show less")<i class="material-icons material-icons-2x">keyboard_arrow_up</i></span><span class="collapse-peek-btn-show">@Translate("Global - Collapse Show More - Text", "Show more")<i class="material-icons material-icons-2x">keyboard_arrow_down</i></span></button></div></div></div></div></div></div>
</div>
}@* @foreach ( LoopItem group in GetLoop("ProductRelatedGroups") ) {
<div class="e-product-section"><div class="e-product-section-header"><h2 class="m-a-0">@if( string.IsNullOrEmpty( GetString("Ecom:Product:Field.RelatedProductsHeading") ) == false ){@GetString("Ecom:Product:Field.RelatedProductsHeading");}else{@Translate("eCom Product - Related Products - Heading", "Related products")}</h2></div><div class="row"><div class="col-12"><div class="e-products mb-2"><div class="row">@foreach ( LoopItem product in group.GetLoop("Products").Take( 4 ) ) {<div class="col-@width.xs col-sm-@width.sm col-md-@width.md col-lg-@width.lg col-xl-@width.xl sika-productlist-item"><div class="e-products-item js-e-products-item border-0"><div class="e-products-item-container"><div class="e-products-item-image-container"><a class="e-products-item-image-wrapper" href="@getProductLink( product.GetString("Ecom:Product.PrimaryOrFirstGroupID"), product.GetString("Ecom:Product.ID") )"><img src="@getImageURL( string.Format( "/files/images/ecom/products/{0}", product.GetString("Ecom:Product.ImageLarge.Default.Clean").Replace("/Files/", string.Empty  )), 240, 240, 5)" alt="" class="e-products-item-image"></a></div><div class="e-products-item-text-container text-center"><h3 class="e-products-item-name mb-0"><a href="@getProductLink( product.GetString("Ecom:Product.PrimaryOrFirstGroupID"), product.GetString("Ecom:Product.ID") )">@product.GetString("Ecom:Product.Name")</a></h3>@if( string.IsNullOrEmpty( product.GetString("Ecom:Product:Field.DescriptionShortExtra01") ) == false ){<p class="e-products-item-text mb-0"><a href="@getProductLink( product.GetString("Ecom:Product.PrimaryOrFirstGroupID"), product.GetString("Ecom:Product.ID") )">@product.GetString("Ecom:Product:Field.DescriptionShortExtra01")</a></p>}<p class="e-products-item-text mb-0"><small class="e-products-item-price text-muted small"><a href="@getProductLink( product.GetString("Ecom:Product.PrimaryOrFirstGroupID"), product.GetString("Ecom:Product.ID") )">@getPriceFormatted( product.GetString("Ecom:Product.Price.Price") )</a></small></p></div></div></div>
</div>}</div></div></div></div>
</div>
}*@@* <div class="e-product-section"><div class="e-product-section-header"><h2 class="mt-1 text-center">@if( string.IsNullOrEmpty( GetString("Ecom:Product:Field.RelatedProductsHeading") ) == false ){@GetString("Ecom:Product:Field.RelatedProductsOthersViewedHeading")}else{@Translate("eCom Product - Related Products Others Viewed - Heading", "Related products")}</h2></div><div class="row"><div class="col-12 col-md-10 mx-auto"><div class="e-products mb-2"><div class="row">@foreach ( LoopItem product in GetLoop("eCom:Related.CustomersWhoSawThisAlsoSaw").Take( 4 ) ) {<div class="col-@width.xs col-sm-@width.sm col-md-@width.md col-lg-@width.lg col-xl-@width.xl sika-productlist-item"><div class="e-products-item js-e-products-item border-0"><div class="e-products-item-container"><div class="e-products-item-image-container"><a class="e-products-item-image-wrapper" href="@getProductLink( product.GetString("Ecom:Product.PrimaryOrFirstGroupID"), product.GetString("Ecom:Product.ID") )"><img src="@getImageURL( product.GetString("Ecom:Product.ImageLarge.Clean"), 240, 240, 5)" alt="" class="e-products-item-image"></a></div><div class="e-products-item-text-container text-center"><h3 class="e-products-item-name mb-0"><a href="@getProductLink( product.GetString("Ecom:Product.PrimaryOrFirstGroupID"), product.GetString("Ecom:Product.ID") )">@product.GetString("Ecom:Product.Name")</a></h3>@if( string.IsNullOrEmpty( product.GetString("Ecom:Product:Field.DescriptionShortExtra01") ) == false ){<p class="e-products-item-text mb-0"><a href="@getProductLink( product.GetString("Ecom:Product.PrimaryOrFirstGroupID"), product.GetString("Ecom:Product.ID") )">@product.GetString("Ecom:Product:Field.DescriptionShortExtra01")</a></p>}</div></div></div>
</div>}</div></div></div></div>
</div>*@@{string imageString = "";foreach ( LoopItem vg in GetLoop( "VariantGroups" ) ) {if ( vg.GetString( "Ecom:VariantGroup.Name" ) == "Color" ) {int colorCounter = 0;foreach ( LoopItem option in vg.GetLoop( "VariantAvailableOptions" ) ) {string imgURL = string.Format( "/Files/Images/ecom/Products/{0}_{1}.jpg", GetString( "Ecom:Product.Number" ), option.GetString( "Ecom:VariantOption.ImgSmall.Clean" ).Replace( "C-", string.Empty ) );string fullPath = HttpContext.Current.Server.MapPath( imgURL );if ( File.Exists( fullPath ) == true ) {if(colorCounter > 0) {imageString += ",";}imageString += string.Format( "\"{0}\"", imgURL );colorCounter++;}}}}
}<script type="application/ld+json">
{"@@context": "http://schema.org","@@type": "Product","brand": {"@@type": "Thing","name": "@brandValue.ToUpper()"},"logo": "/Files/Images/Sika-Footwear/Logoer/pdf/@brandValue-logo.png","mpn": "@GetString("Ecom:Product.Number")","sku": "@GetString("Ecom:Product.Number")","name": "@GetString("Ecom:Product.Number") @GetString("Ecom:Product.Name")","image": [@imageString],"model": "@GetString("Ecom:Product.Name")","description": "@GetString("Ecom:Product.LongDescription")"
}
</script></div></div>
</div>