Exception in template (Designs/PLC/_parsed/fullwidth.parsed.cshtml): System.IndexOutOfRangeException: Index was outside the bounds of the array.
   at CompiledRazorTemplates.Dynamic.eddfbdbeb.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()
@using System @using System.Web @using System.Net @using Dynamicweb.Security.UserManagement.Common.CustomFields; @using Dynamicweb.Security.UserManagement @using DWAPAC.Security @using System.Windows @using Newtonsoft.Json.Linq; @using System.Web.Script.Serialization; @using System.Text.RegularExpressions @using System.Web @functions{ public class WrapMethods { //Gets the contrasting color public static string getContrastYIQ(string hexcolor) { if (hexcolor != "") { hexcolor = Regex.Replace(hexcolor, "[^0-9a-zA-Z]+", ""); int r = Convert.ToByte(hexcolor.Substring(0, 2), 16); int g = Convert.ToByte(hexcolor.Substring(2, 2), 16); int b = Convert.ToByte(hexcolor.Substring(4, 2), 16); int yiq = ((r * 299) + (g * 587) + (b * 114)) / 1000; if (yiq >= 128) { return "black"; } else { return "white"; } } else { return "black"; } } //Truncate text public static string Truncate (string value, int count, bool strip=true) { if (strip == true){ value = StripHtmlTagByCharArray(value); } if (value.Length > count) { value = value.Substring(0, count - 1) + "..."; } return value; } //Strip text from HTML public static string StripHtmlTagByCharArray(string htmlString) { char[] array = new char[htmlString.Length]; int arrayIndex = 0; bool inside = false; for (int i = 0; i < htmlString.Length; i++) { char let = htmlString[i]; if (let == '<') { inside = true; continue; } if (let == '>') { inside = false; continue; } if (!inside) { array[arrayIndex] = let; arrayIndex++; } } return new string(array, 0, arrayIndex); } //Make the correct count of columns public static string ColumnMaker(int Col, string ScreenSize) { string Columns = ""; switch (Col) { case 1: Columns = "col-"+ScreenSize+"-12"; break; case 2: Columns = "col-"+ScreenSize+"-6"; break; case 3: Columns = "col-"+ScreenSize+"-4"; break; case 4: Columns = "col-"+ScreenSize+"-3"; break; default: Columns = "col-"+ScreenSize+"-3"; break; } return Columns; } private string Custom(string firstoption, string secondoption) { if (firstoption == "custom") { return secondoption; } else { return firstoption; } } } } @helper MiniCart() { var list = new List<String>(); foreach (var orderline1 in GetLoop("OrderLines")){ var repackString = ""; if(orderline1.GetString("Ecom:Order:OrderLine.ProductName").Contains("Repack Service")){ var isValid = true; foreach (LoopItem orderLineField in orderline1.GetLoop("Order.OrderLineFields")){ var parentLineId = orderLineField.GetString("Ecom:Order:OrderLine.OrderLineField.Value"); var parentActive = Dynamicweb.Data.Database.ExecuteScalar("SELECT ProductActive FROM EcomProducts Where ProductNumber = '" + parentLineId + "'"); if(parentActive == "True") { repackString = parentLineId + "|"; repackString += orderline1.GetValue("Ecom:Order:OrderLine.Quantity")+"|"+orderline1.GetString("Ecom:Order:OrderLine.Price.PriceFormatted"); list.Add(repackString); } } } } <div class="dropdown-cart FixedHeightContainer"> @if (GetInteger("Ecom:Order.OrderLines.TotalProductQuantity") > 0 ) { <div class="cart-content scrollminicart"> @{string imgpath="/Files/Images/Ecom/Products/";} @foreach (var orderline in GetLoop("OrderLines")) { var isVoucher = false; if(orderline.GetString("Ecom:Order:OrderLine.Type") == "1") { isVoucher = true; } var pid = orderline.GetString("Ecom:Order:OrderLine.ProductID"); var pNo=orderline.GetString("Ecom:Order:OrderLine.ProductNumber"); var image = orderline.GetString("Ecom:Product.ImageSmall.Default.Clean"); string imgpathjpg=imgpath+pid+".jpg"; string imgpathpng=imgpath+pid+".png"; var absolutePathsjpg = System.Web.HttpContext.Current.Server.MapPath("~/"+ imgpathjpg); var absolutePathpng = System.Web.HttpContext.Current.Server.MapPath("~/"+ imgpathpng); if(System.IO.File.Exists(absolutePathsjpg)){ image=imgpathjpg; } else if(System.IO.File.Exists(absolutePathpng)){ image=imgpathpng; } var repackTrue= false; var repackID = ""; var repackQuantity = ""; var repackPrice =""; for (int j=0; j<@list.Count;j++){ string[] stringlist = list[j].Split('|'); if(stringlist[0]==pid){ repackTrue = true; repackQuantity = stringlist[1]; repackPrice = stringlist[2]; } } @*var isValid = true; foreach (LoopItem orderLineField in orderline.GetLoop("Order.OrderLineFields")){ var parentLineId = orderLineField.GetString("Ecom:Order:OrderLine.OrderLineField.Value"); var parentActive = Dynamicweb.Data.Database.ExecuteScalar("SELECT ProductActive FROM EcomProducts Where ProductNumber = '" + parentLineId + "'"); if(!Convert.ToBoolean(parentActive)) { var deleteQuery = Dynamicweb.Data.Database.ExecuteNonQuery("Delete from EcomOrderlines where OrderlineId = '" + @orderline.GetString("Ecom:Order:OrderLine.Id") + "'"); isValid = false; } } if(!isValid) { <!--<text> <script> var link = "/Default.aspx?ID=7733&cartcmd=delorderline&key=@orderline.GetString("Ecom:Order:OrderLine.Id")"; RunProcess(link); </script> </text>--> }*@ if(orderline.GetString("Ecom:Order:OrderLine.ProductName")!="$3 Repack Service" && orderline.GetString("Ecom:Order:OrderLine.ProductName")!="$4 Repack Service"){ if(orderline.GetString("Ecom:Order:OrderLine.Type")!="3") { <div class="cart-row"> @if(!orderline.GetString("Ecom:Order:OrderLine.ProductName").Contains("Repack Service")) { <div class="cart-img"> @if(!isVoucher) { <img src="/Admin/Public/GetImage.ashx?width=50&image=@image&Compression=99" class="img-center" alt=""> } else { <p>&nbsp;</p> } </div> }else{ <div class="cart-img"> <p>&nbsp;</p> </div> } <div class="cart-details"> <p class="bold"> <a href="@orderline.GetValue(" ecom:order:orderline.productlink")"=""> <p style="margin: 0px;">@orderline.GetString("Ecom:Product:Field.ProductBrand")</p> <p style="margin: 0px;">@orderline.GetString("Ecom:Order:OrderLine.ProductName")</p> </a> <br>@orderline.GetString("Ecom:Order:OrderLine.ProductVariantText")</p> @if(!isVoucher) { <table> <tr style="font-size:12px;"> <td>@Translate("Item No","Item No")&nbsp;</td> <td>: @pNo </td> </tr> @if(!string.IsNullOrWhiteSpace(orderline.GetString("Ecom:Product:Field.Flavour"))) { <tr style="font-size:12px;"> <td>@Translate("Flavour","Flavour")&nbsp;</td> <td>:&nbsp;@orderline.GetString("Ecom:Product:Field.Flavour")</td> </tr> } <tr style="font-size:12px;"> <td>@Translate("Quantity","Quantity")&nbsp;</td> <td>: @orderline.GetValue("Ecom:Order:OrderLine.Quantity")</td> </tr> </table> } </div> @if(orderline.GetString("Ecom:Order:OrderLine.Price.PriceFormatted") != orderline.GetString("Ecom:Order:OrderLine.TotalPriceWithProductDiscounts")) { <span style="text-decoration:line-through;"> @orderline.GetString("Ecom:Order:OrderLine.Price.PriceFormatted") </span> <br> @orderline.GetValue("Ecom:Order:OrderLine.TotalPriceWithProductDiscounts") } else { @orderline.GetString("Ecom:Order:OrderLine.Price.PriceWithVATFormatted") } </div> } else if(orderline.GetString("Ecom:Order:OrderLine.Type")=="3" && String.IsNullOrWhiteSpace(orderline.GetString("Ecom:Order:OrderLine.ParentLineID"))) { <div class="cart-row"> <div class="cart-img"> <p>&nbsp;</p> </div> <div class="cart-details"> <p class="bold"><a href="@orderline.GetValue(" ecom:order:orderline.productlink")"=""> <span id="name@(pid)">@orderline.GetValue("Ecom:Order:OrderLine.ProductName")</span></a> <br>@orderline.GetString("Ecom:Order:OrderLine.ProductVariantText")</p> </div> @orderline.GetString("Ecom:Order:OrderLine.Price.PriceWithVATFormatted") </div> } if(repackTrue) { <div class="cart-row"> <div class="cart-img">&nbsp;</div> <div class="cart-details"> <table style="font-size: 12px !important;"> <tbody> <tr class="bold">Repack</tr> <tr><td>Quantity:&nbsp;</td><td>@repackQuantity</td></tr> </tbody> </table> </div> <b> @repackPrice </b> </div> } } } </div> <hr class="grey"> <div class="cart-bottom"> @{ var saveDeliveryFee = 80.00 - GetDouble("Ecom:Order.PriceWithoutTaxes.PriceWithVAT") + GetDouble("Ecom:Order.ShippingFee.PriceWithVAT.Value"); } @if(saveDeliveryFee > 0) { <div class="cart-highlight">Spend $@string.Format("{0:0.00}",saveDeliveryFee) more to save on delivery</div> } <div class="cart-total"> <table width="100%" border="0" cellspacing="0" cellpadding="0" style="font-size:14px;"> <tr> <td class="title">@Translate("Subtotal","Subtotal")</td> <td>:</td> <td class="price">@GetString("Ecom:Order.PriceWithoutFees.PriceWithVATFormatted")</td> </tr> <tr> <td class="title">@Translate("Delivery","Delivery")</td> <td>:</td> @if(GetDouble("Ecom:Order.ShippingFee.Price") == 0.00) { <td class="price">Free</td> } else { <td class="price">@GetString("Ecom:Order.ShippingFee.PriceWithVATFormatted")</td> } </tr> <tr> <td class="title">@Translate("Promotions","Promotions")</td> <td>:</td> <td class="price">@GetString("Ecom:Order.TotalDiscount.PriceWithVATFormatted")</td> </tr> <tr> <td class="title">@Translate("Total","Total")</td> <td>:</td> <td class="price">@GetString("Ecom:Order.Price.PriceWithVATFormatted")</td> </tr> </table> </div> </div> <br> <div class="cart-button"> @{ var cartid=GetValue("DwAreaCartPageID"); var tempcartid = "67"; } <a class="btn-continue" id="btn-continue" onclick='$(".cart-info-box").slideToggle();' href="javascript:void(0)">Continue Shopping »</a> <div class="btn-addto-cart"> <a href="Default.aspx?ID=@tempcartid"><i class="fa fa-shopping-cart"></i> View Cart & Checkout</a> </div> </div> } else { <span class="cart-items">@Translate("Your shopping cart is empty.", "Your shopping cart is empty.")</span> } </div> <script> $(window).load(function(){ CheckDeactivateRepackItem(); }); function CheckDeactivateRepackItem(){ $.ajax({ url: websiteUrl + "/Default.aspx?ID=6689", dataType: "json", sync: "false", type: "GET", success: function(jsonData){ for(var i in jsonData){ var isExist = false; var olId = jsonData[i].orderLineId; var productId = jsonData[i].productId; var parentId = jsonData[i].parentProductId; if(parentId != "" || productId.includes("REPACKING")){ for(var j in jsonData){ if(parentId == jsonData[j].productId){ isExist = true; } } if(!isExist){ var link = "/Default.aspx?ID=7733&cartcmd=delorderline&key=" + olId; RunProcess(link); return; } } } }, error: function(jqXHR, textStatus, errorThrown) { console.log(textStatus + ': ' + errorThrown); }, cache: true }); } </script> } <style> .FixedHeightContainer { height: auto; } .scrollminicart { height:224px; overflow:auto; } </style> @{ try { Dynamicweb.Ecommerce.Orders.Order contextCart = Dynamicweb.Ecommerce.Common.Context.Cart; if (contextCart != null && !string.IsNullOrEmpty(contextCart.Id) && contextCart.IsCart && !contextCart.Complete) { string orderId = contextCart.Id; Dynamicweb.Ecommerce.Orders.Order order = Dynamicweb.Ecommerce.Orders.Order.GetOrderById(GetString("Ecom:Order.ID")); if(order != null && order.IsCart && !order.Complete) { order.ForcePriceRecalculation(); Dynamicweb.Ecommerce.Common.Context.SetCart(order); } } } catch { /*nothing can do.*/ } List<string> urlsToRedirect = new List<string>(); if(urlsToRedirect.Contains(GetGlobalValue("Global:Pageview.Url").ToString())) { System.Web.HttpContext.Current.Response.Redirect("/404-error-page"); } string charset = GetString("CharSet"); string trackingURL = "https://trackmyorder.petloverscentre.com/TrackOrder.aspx"; try { int accessUserId = GetInteger("DW_extranet_AccessUserID"); if(accessUserId > 0) { /* Login limit BEGIN */ HttpContext.Current.Session.Remove("logInCountSessionCount"); HttpContext.Current.Session.Remove("logInCountSessionStartTime"); /* Login limit END */ //Dynamicweb.Security.UserManagement.User dwUser = Dynamicweb.Security.UserManagement.User.GetUserByID(accessUserId); //if(dwUser != null) //{ //string vipRegNumber = dwUser.CustomFieldValues.First(x => x.CustomField.SystemName == "AccessUser_VIPregCode").Value.ToString(); //if(!string.IsNullOrEmpty(vipRegNumber)) { trackingURL = trackingURL + "?code=" + vipRegNumber; } //} if(!string.IsNullOrEmpty(GetString("DWextranet_AccessUserUserName"))) { string encryptedEmailAddress = new EncryptDecrypt().Encrypt(GetString("DWextranet_AccessUserUserName"), "8DF3040C-0F22-49A4-8F20-0A0FF5DFE3BE"); encryptedEmailAddress = HttpUtility.UrlEncode(encryptedEmailAddress); trackingURL = trackingURL + "?code=" + "&email=" + encryptedEmailAddress; } } } catch { /*Do Nothing*/ } try{ if(HttpContext.Current.Request.Cookies["_dyid"] != null){ string testlabel=HttpContext.Current.Request.Cookies["_dyid"].Value; HttpCookie myCookie= new HttpCookie("_dyid_server"); //DateTime now = DateTime.Now(); myCookie.Value = testlabel; myCookie.Domain = "petloverscentre.com"; myCookie.HttpOnly = false; myCookie.Secure = true; myCookie.Expires = DateTime.Now.AddYears(1); HttpContext.Current.Response.Cookies.Add(myCookie); } }catch{} } <!DOCTYPE html> <html lang="en"> <head> <!-- Global site tag (gtag.js) - Google Ads: 788024250 --> <script async="" src="https://www.googletagmanager.com/gtag/js?id=AW-788024250"></script> <script async="" src="https://www.googletagmanager.com/gtag/js?id=G-9FYDBQKG80"></script> <script> window.dataLayer = window.dataLayer || []; function gtag(){dataLayer.push(arguments);} gtag('js', new Date()); gtag('config', 'AW-788024250'); </script> <!-- Global site tag (gtag) - Google Ads: 788024250 End--> <meta name="robots" content="noindex,nofollow"> <meta name="googlebot" content="noindex"> <meta name="googlebot-news" content="noindex"> <meta name="AdsBot-Google" content="noindex"> <meta name="amp-google-client-id-api" content="gtag"> <script async="" custom-element="amp-analytics" src="https://cdn.ampproject.org/v0/amp-analytics-0.1.js"></script> <meta name="facebook-domain-verification" content="6quzqr9y506103r8b6v0lz1o2bryuf"> <base href="https://uat.petloverscentre.com"> <!-- Begin DW meta tags --> @GetString("MetaTags") <!-- End DW meta tags --> <meta charset="@charset"> <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=0"> <meta name="format-detection" content="telephone=no"> <!--Zendesk - Federation Search--> <!--<meta name='zd-site-verification' content='valvrm974vik7h9k23sbu' />--> @{ bool siteMaintenanceOnAndOff = Dynamicweb.Core.Converter.ToBoolean(GetString("Item.Area.Maintenance_Page_Activate")); var isIphoneRz = false; var userAgent = System.Web.HttpContext.Current.Request.UserAgent.ToLower(); if(userAgent.Contains("iphone")) { isIphoneRz = true; } string MetaDescription = GetString("Meta.Description"); string MetaKeywords = GetString("Meta.Keywords"); string MetaTitle = GetString("Meta.Title"); string favicon=GetString("Item.Area.Favicon"); string sitepath="https://plc-dev.dynamicwebapac.com/Files/Templates/Designs/PLC/"; //string globalurl=GetString("Global:Area.Primarydomain"); string globalurl = "/Default.aspx?ID=" + GetString("DwAreaFirstPageID"); string homeurl = System.Web.HttpContext.Current.Request.Url.Scheme + "://" + System.Web.HttpContext.Current.Request.Url.Host; //15 January 2017 start sitepath = System.Web.HttpContext.Current.Request.Url.Scheme + "://" + System.Web.HttpContext.Current.Request.Url.Host + "/Files/Templates/Designs/PLC/"; //15 January 2017 end //string countrySelection = new System.Net.WebClient().DownloadString("https://" + System.Web.HttpContext.Current.Request.Url.Host + "/utilities/country-selector"); string sysMaintenanceNoti = GetString("Item.Area.System_Notification_Text"); string fridayMaintenanceNoti = GetString("Item.Area.Day_Notification_Bar_Text"); string maintenanceTimeNoti = GetString("Item.Area.Maintenance_Time_Notification_Bar_Text"); string productQty = "0"; if(GetString("Ecom:Order.OrderLines.TotalProductQuantity") != "") { productQty = GetString("Ecom:Order.OrderLines.TotalProductQuantity"); } TimeSpan maintenanceTimeNotiStartTime = new TimeSpan(GetInteger("Item.Area.Maintenance_Time_Notification_Start_Time_Hour"), GetInteger("Item.Area.Maintenance_Time_Notification_Start_Time_Minute"), 0); TimeSpan maintenanceTimeNotiEndTime = new TimeSpan(GetInteger("Item.Area.Maintenance_Time_Notification_End_Time_Hour"), GetInteger("Item.Area.Maintenance_Time_Notification_End_Time_Minute"), 0); TimeSpan startTime = new TimeSpan(GetInteger("Item.Area.System_Notification_Start_Time_Hour"), GetInteger("Item.Area.System_Notification_Start_Time_Minutes"), 0); TimeSpan endTime = new TimeSpan(GetInteger("Item.Area.System_Notification_End_Time_Hour"), GetInteger("Item.Area.System_Notification_End_Time_Minutes"), 0); TimeSpan serverTime = DateTime.Now.TimeOfDay; TimeSpan friStartTime = new TimeSpan(GetInteger("Item.Area.Day_Notification_Starting_Time_Hour"), GetInteger("Item.Area.Day_Notification_Starting_Time_Minutes"), 0); TimeSpan friEndTime = new TimeSpan(GetInteger("Item.Area.Day_Notification_End_Time_Hour"), GetInteger("Item.Area.Day_Notification_End_Time_Minutes"), 0); string checkDay = DateTime.Now.ToString("dddd").ToUpper(); int branourcustomerlove = GetPageIdByNavigationTag("brandsourcustomerslove"); int salepage = GetPageIdByNavigationTag("sale"); } @*<meta name="description" content="@MetaDescription">*@ @*<meta name="keywords" content="@MetaKeywords">*@ <title>@GetValue("Title")</title> @*<title>@GetGlobalValue("Global:Page.Top.Name")</title>*@ <link rel="shortcut icon" href="@favicon"> <link rel="apple-touch-icon-precomposed" sizes="144x144" href="/Files/Templates/Designs/PLC/assets/images/ico/apple-touch-icon-144-precomposed.png"> <link rel="apple-touch-icon-precomposed" sizes="114x114" href="/Files/Templates/Designs/PLC/assets/images/ico/apple-touch-icon-114-precomposed.png"> <link rel="apple-touch-icon-precomposed" sizes="72x72" href="/Files/Templates/Designs/PLC/assets/images/ico/apple-touch-icon-72-precomposed.png"> <link rel="apple-touch-icon-precomposed" href="/Files/Templates/Designs/PLC/assets/images/ico/apple-touch-icon-57-precomposed.png"> <link rel="stylesheet" href="/Files/Templates/Designs/PLC/assets/css/bootstrap.min.css" type="text/css"> <link href="/Files/Templates/Designs/PLC/assets/css/simplegrid.css?v=2.1.3" rel="stylesheet" type="text/css"> <link href="/Files/Templates/Designs/PLC/assets/css/style_v2.css?v=6.5.7" rel="stylesheet" type="text/css"> <link href="/Files/Templates/Designs/PLC/assets/css/responsive_v1.css?v=3.3.2" rel="stylesheet" type="text/css"> <link href="/Files/Templates/Designs/PLC/assets/css/dropdown.css?v=2.0.5" rel="stylesheet" type="text/css"> <link href="/Files/Templates/Designs/PLC/assets/css/jetmenu.css?v=3.8.3" rel="stylesheet"> <link rel="stylesheet" href="/Files/Templates/Designs/PLC/assets/css/tipso.css"> <link href="/Files/Templates/Designs/PLC/assets/css/allinone_bannerRotator.css?v=1.2.7" rel="stylesheet" type="text/css"> <link href="/Files/Templates/Designs/PLC/assets/css/jquery.bxslider.css?v=2" rel="stylesheet" type="text/css"> <link href="/Files/Templates/Designs/PLC/assets/css/jquery.mCustomScrollbar.css?v=2" type="text/css" rel="stylesheet"> <link href="/Files/Templates/Designs/PLC/assets/css/hover_effect.css?v=2" rel="stylesheet" type="text/css" rel="stylesheet"> <link rel="stylesheet" type="text/css" href="/Files/Templates/Designs/PLC/shop_locator/src/style/css/pluginStyle.css?v=2"> <link rel="stylesheet" type="text/css" href="/Files/Templates/Designs/PLC/assets/css/accordion.css?v=2"> <link rel="stylesheet" type="text/css" href="/Files/Templates/Designs/PLC/fancybox/jquery.fancybox.css?v=2.1.5" media="screen"> <link href="//netdna.bootstrapcdn.com/bootstrap/3.0.0/css/bootstrap-glyphicons.css" rel="stylesheet"> <link rel="stylesheet" href="/Files/Templates/Designs/PLC/assets/css/jquery-ui.css"> <link rel="stylesheet" href="/Files/Templates/Designs/Dwsimple/css/bootstrap-chosen.css"> <!--<p>------------------------------------------------------------ALGOLIA SEARCH---------------------------------------------------<p>--> <script type="text/javascript" src="/Files/Templates/Designs/PLC/js/instantsearch.js?v=1.4"></script> <script src="https://cdn.jsdelivr.net/npm/algoliasearch@3.33.0/dist/algoliasearchLite.min.js" integrity="sha256-3Laj91VXexjTlFLgL8+vvIq27laXdRmFIcO2miulgEs=" crossorigin="anonymous"></script> <script src="https://cdn.jsdelivr.net/npm/instantsearch.js@3.4.0/dist/instantsearch.production.min.js" integrity="sha256-pM0n88cBFRHpSn0N26ETsQdwpA7WAXJDvkHeCLh3ujI=" crossorigin="anonymous"></script> <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/instantsearch.css@7.3.1/themes/reset-min.css" integrity="sha256-t2ATOGCtAIZNnzER679jwcFcKYfLlw01gli6F6oszk8=" crossorigin="anonymous"> <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/instantsearch.css@7.3.1/themes/algolia-min.css" integrity="sha256-HB49n/BZjuqiCtQQf49OdZn63XuKFaxcIHWf0HNKte8=" crossorigin="anonymous"> <!--<p>------------------------------------------------------------END....ALGOLIA SEARCH---------------------------------------------------<p>--> <script type="text/javascript" src="/Files/Templates/Designs/PLC/js/modernizr.custom.79639.js"></script> <script src="/Files/Templates/Designs/PLC/js/jquery.min.js"></script> <script src="/Files/Templates/Designs/PLC/js/jquery.blockUI.js"></script> <script src="/Files/Templates/Designs/PLC/js/jquery.cookie.js"></script> <script src="/Files/Templates/Designs/PLC/js/html5shiv.js" type="text/javascript"></script> <script src='https://www.google.com/recaptcha/api.js'></script> <script src="/Files/Templates/Designs/PLC/js/onemapapi.js?v=0.4.3"></script> <script> var deliveryAddresses = []; var billingAddresses = []; $(document).ready(function() { if(navigator.userAgent.match(/pixel/i)){ $("#mainpg").addClass("pixel-top"); $("#noprint").addClass("pixel-noprint"); } $(".cart-info-box").hide(); $(function () { $('.top-cart-info').click(function(e) { e.stopImmediatePropagation(); $('.cart-info-box').slideToggle(); }); }); $('.btnLogout').click(function () { $.removeCookie('Dynamicweb:Ecom:Cart', null, { path: '/' }); //console.log($.cookie('Dynamicweb:Ecom:Cart')); }); $('#showhidebtn').click(function () { $("#impersonDiv").slideToggle(); }); }); var googleRecaptcha = '@GetString("Item.Area.Google_Recaptcha")'; $('a').on('click touchend', function(e) { var el = $(this); var link = el.attr('href'); window.location = link; }); </script> <script>/* Chosen v1.1.0 | (c) 2011-2013 by Harvest | MIT License, https://github.com/harvesthq/chosen/blob/master/LICENSE.md */ !function(){var a,AbstractChosen,Chosen,SelectParser,b,c={}.hasOwnProperty,d=function(a,b){function d(){this.constructor=a}for(var e in b)c.call(b,e)&&(a[e]=b[e]);return d.prototype=b.prototype,a.prototype=new d,a.__super__=b.prototype,a};SelectParser=function(){function SelectParser(){this.options_index=0,this.parsed=[]}return SelectParser.prototype.add_node=function(a){return"OPTGROUP"===a.nodeName.toUpperCase()?this.add_group(a):this.add_option(a)},SelectParser.prototype.add_group=function(a){var b,c,d,e,f,g;for(b=this.parsed.length,this.parsed.push({array_index:b,group:!0,label:this.escapeExpression(a.label),children:0,disabled:a.disabled}),f=a.childNodes,g=[],d=0,e=f.length;e>d;d++)c=f[d],g.push(this.add_option(c,b,a.disabled));return g},SelectParser.prototype.add_option=function(a,b,c){return"OPTION"===a.nodeName.toUpperCase()?(""!==a.text?(null!=b&&(this.parsed[b].children+=1),this.parsed.push({array_index:this.parsed.length,options_index:this.options_index,value:a.value,text:a.text,html:a.innerHTML,selected:a.selected,disabled:c===!0?c:a.disabled,group_array_index:b,classes:a.className,style:a.style.cssText})):this.parsed.push({array_index:this.parsed.length,options_index:this.options_index,empty:!0}),this.options_index+=1):void 0},SelectParser.prototype.escapeExpression=function(a){var b,c;return null==a||a===!1?"":/[\&\<\>\"\'\`]/.test(a)?(b={"<":"&lt;",">":"&gt;",'"':"&quot;","'":"&#x27;","`":"&#x60;"},c=/&(?!\w+;)|[\<\>\"\'\`]/g,a.replace(c,function(a){return b[a]||"&amp;"})):a},SelectParser}(),SelectParser.select_to_array=function(a){var b,c,d,e,f;for(c=new SelectParser,f=a.childNodes,d=0,e=f.length;e>d;d++)b=f[d],c.add_node(b);return c.parsed},AbstractChosen=function(){function AbstractChosen(a,b){this.form_field=a,this.options=null!=b?b:{},AbstractChosen.browser_is_supported()&&(this.is_multiple=this.form_field.multiple,this.set_default_text(),this.set_default_values(),this.setup(),this.set_up_html(),this.register_observers())}return AbstractChosen.prototype.set_default_values=function(){var a=this;return this.click_test_action=function(b){return a.test_active_click(b)},this.activate_action=function(b){return a.activate_field(b)},this.active_field=!1,this.mouse_on_container=!1,this.results_showing=!1,this.result_highlighted=null,this.allow_single_deselect=null!=this.options.allow_single_deselect&&null!=this.form_field.options[0]&&""===this.form_field.options[0].text?this.options.allow_single_deselect:!1,this.disable_search_threshold=this.options.disable_search_threshold||0,this.disable_search=this.options.disable_search||!1,this.enable_split_word_search=null!=this.options.enable_split_word_search?this.options.enable_split_word_search:!0,this.group_search=null!=this.options.group_search?this.options.group_search:!0,this.search_contains=this.options.search_contains||!1,this.single_backstroke_delete=null!=this.options.single_backstroke_delete?this.options.single_backstroke_delete:!0,this.max_selected_options=this.options.max_selected_options||1/0,this.inherit_select_classes=this.options.inherit_select_classes||!1,this.display_selected_options=null!=this.options.display_selected_options?this.options.display_selected_options:!0,this.display_disabled_options=null!=this.options.display_disabled_options?this.options.display_disabled_options:!0},AbstractChosen.prototype.set_default_text=function(){return this.default_text=this.form_field.getAttribute("data-placeholder")?this.form_field.getAttribute("data-placeholder"):this.is_multiple?this.options.placeholder_text_multiple||this.options.placeholder_text||AbstractChosen.default_multiple_text:this.options.placeholder_text_single||this.options.placeholder_text||AbstractChosen.default_single_text,this.results_none_found=this.form_field.getAttribute("data-no_results_text")||this.options.no_results_text||AbstractChosen.default_no_result_text},AbstractChosen.prototype.mouse_enter=function(){return this.mouse_on_container=!0},AbstractChosen.prototype.mouse_leave=function(){return this.mouse_on_container=!1},AbstractChosen.prototype.input_focus=function(){var a=this;if(this.is_multiple){if(!this.active_field)return setTimeout(function(){return a.container_mousedown()},50)}else if(!this.active_field)return this.activate_field()},AbstractChosen.prototype.input_blur=function(){var a=this;return this.mouse_on_container?void 0:(this.active_field=!1,setTimeout(function(){return a.blur_test()},100))},AbstractChosen.prototype.results_option_build=function(a){var b,c,d,e,f;for(b="",f=this.results_data,d=0,e=f.length;e>d;d++)c=f[d],b+=c.group?this.result_add_group(c):this.result_add_option(c),(null!=a?a.first:void 0)&&(c.selected&&this.is_multiple?this.choice_build(c):c.selected&&!this.is_multiple&&this.single_set_selected_text(c.text));return b},AbstractChosen.prototype.result_add_option=function(a){var b,c;return a.search_match?this.include_option_in_results(a)?(b=[],a.disabled||a.selected&&this.is_multiple||b.push("active-result"),!a.disabled||a.selected&&this.is_multiple||b.push("disabled-result"),a.selected&&b.push("result-selected"),null!=a.group_array_index&&b.push("group-option"),""!==a.classes&&b.push(a.classes),c=document.createElement("li"),c.className=b.join(" "),c.style.cssText=a.style,c.setAttribute("data-option-array-index",a.array_index),c.innerHTML=a.search_text,this.outerHTML(c)):"":""},AbstractChosen.prototype.result_add_group=function(a){var b;return a.search_match||a.group_match?a.active_options>0?(b=document.createElement("li"),b.className="group-result",b.innerHTML=a.search_text,this.outerHTML(b)):"":""},AbstractChosen.prototype.results_update_field=function(){return this.set_default_text(),this.is_multiple||this.results_reset_cleanup(),this.result_clear_highlight(),this.results_build(),this.results_showing?this.winnow_results():void 0},AbstractChosen.prototype.reset_single_select_options=function(){var a,b,c,d,e;for(d=this.results_data,e=[],b=0,c=d.length;c>b;b++)a=d[b],a.selected?e.push(a.selected=!1):e.push(void 0);return e},AbstractChosen.prototype.results_toggle=function(){return this.results_showing?this.results_hide():this.results_show()},AbstractChosen.prototype.results_search=function(){return this.results_showing?this.winnow_results():this.results_show()},AbstractChosen.prototype.winnow_results=function(){var a,b,c,d,e,f,g,h,i,j,k,l,m;for(this.no_results_clear(),e=0,g=this.get_search_text(),a=g.replace(/[-[\]{}()*+?.,\\^$|#\s]/g,"\\$&"),d=this.search_contains?"":"^",c=new RegExp(d+a,"i"),j=new RegExp(a,"i"),m=this.results_data,k=0,l=m.length;l>k;k++)b=m[k],b.search_match=!1,f=null,this.include_option_in_results(b)&&(b.group&&(b.group_match=!1,b.active_options=0),null!=b.group_array_index&&this.results_data[b.group_array_index]&&(f=this.results_data[b.group_array_index],0===f.active_options&&f.search_match&&(e+=1),f.active_options+=1),(!b.group||this.group_search)&&(b.search_text=b.group?b.label:b.html,b.search_match=this.search_string_match(b.search_text,c),b.search_match&&!b.group&&(e+=1),b.search_match?(g.length&&(h=b.search_text.search(j),i=b.search_text.substr(0,h+g.length)+"</em>"+b.search_text.substr(h+g.length),b.search_text=i.substr(0,h)+"<em>"+i.substr(h)),null!=f&&(f.group_match=!0)):null!=b.group_array_index&&this.results_data[b.group_array_index].search_match&&(b.search_match=!0)));return this.result_clear_highlight(),1>e&&g.length?(this.update_results_content(""),this.no_results(g)):(this.update_results_content(this.results_option_build()),this.winnow_results_set_highlight())},AbstractChosen.prototype.search_string_match=function(a,b){var c,d,e,f;if(b.test(a))return!0;if(this.enable_split_word_search&&(a.indexOf(" ")>=0||0===a.indexOf("["))&&(d=a.replace(/\[|\]/g,"").split(" "),d.length))for(e=0,f=d.length;f>e;e++)if(c=d[e],b.test(c))return!0},AbstractChosen.prototype.choices_count=function(){var a,b,c,d;if(null!=this.selected_option_count)return this.selected_option_count;for(this.selected_option_count=0,d=this.form_field.options,b=0,c=d.length;c>b;b++)a=d[b],a.selected&&(this.selected_option_count+=1);return this.selected_option_count},AbstractChosen.prototype.choices_click=function(a){return a.preventDefault(),this.results_showing||this.is_disabled?void 0:this.results_show()},AbstractChosen.prototype.keyup_checker=function(a){var b,c;switch(b=null!=(c=a.which)?c:a.keyCode,this.search_field_scale(),b){case 8:if(this.is_multiple&&this.backstroke_length<1&&this.choices_count()>0)return this.keydown_backstroke();if(!this.pending_backstroke)return this.result_clear_highlight(),this.results_search();break;case 13:if(a.preventDefault(),this.results_showing)return this.result_select(a);break;case 27:return this.results_showing&&this.results_hide(),!0;case 9:case 38:case 40:case 16:case 91:case 17:break;default:return this.results_search()}},AbstractChosen.prototype.clipboard_event_checker=function(){var a=this;return setTimeout(function(){return a.results_search()},50)},AbstractChosen.prototype.container_width=function(){return null!=this.options.width?this.options.width:""+this.form_field.offsetWidth+"px"},AbstractChosen.prototype.include_option_in_results=function(a){return this.is_multiple&&!this.display_selected_options&&a.selected?!1:!this.display_disabled_options&&a.disabled?!1:a.empty?!1:!0},AbstractChosen.prototype.search_results_touchstart=function(a){return this.touch_started=!0,this.search_results_mouseover(a)},AbstractChosen.prototype.search_results_touchmove=function(a){return this.touch_started=!1,this.search_results_mouseout(a)},AbstractChosen.prototype.search_results_touchend=function(a){return this.touch_started?this.search_results_mouseup(a):void 0},AbstractChosen.prototype.outerHTML=function(a){var b;return a.outerHTML?a.outerHTML:(b=document.createElement("div"),b.appendChild(a),b.innerHTML)},AbstractChosen.browser_is_supported=function(){return"Microsoft Internet Explorer"===window.navigator.appName?document.documentMode>=8:/iP(od|hone)/i.test(window.navigator.userAgent)?!0:/Android/i.test(window.navigator.userAgent)&&/Mobile/i.test(window.navigator.userAgent)?!0:!0},AbstractChosen.default_multiple_text="Select Some Options",AbstractChosen.default_single_text="Select an Option",AbstractChosen.default_no_result_text="No results match",AbstractChosen}(),a=jQuery,a.fn.extend({chosen:function(b){return AbstractChosen.browser_is_supported()?this.each(function(){var c,d;c=a(this),d=c.data("chosen"),"destroy"===b&&d?d.destroy():d||c.data("chosen",new Chosen(this,b))}):this}}),Chosen=function(c){function Chosen(){return b=Chosen.__super__.constructor.apply(this,arguments)}return d(Chosen,c),Chosen.prototype.setup=function(){return this.form_field_jq=a(this.form_field),this.current_selectedIndex=this.form_field.selectedIndex,this.is_rtl=this.form_field_jq.hasClass("chosen-rtl")},Chosen.prototype.set_up_html=function(){var b,c;return b=["chosen-container"],b.push("chosen-container-"+(this.is_multiple?"multi":"single")),this.inherit_select_classes&&this.form_field.className&&b.push(this.form_field.className),this.is_rtl&&b.push("chosen-rtl"),c={"class":b.join(" "),style:"width: "+this.container_width()+";",title:this.form_field.title},this.form_field.id.length&&(c.id=this.form_field.id.replace(/[^\w]/g,"_")+"_chosen"),this.container=a("<div />",c),this.is_multiple?this.container.html('<ul class="chosen-choices"><li class="search-field"><input type="text" value="'+this.default_text+'" class="default" autocomplete="off" style="width:25px;" /></li></ul><div class="chosen-drop"><ul class="chosen-results"></ul></div>'):this.container.html('<a class="chosen-single chosen-default" tabindex="-1"><span>'+this.default_text+'</span><div><b></b></div></a><div class="chosen-drop"><div class="chosen-search"><input type="text" autocomplete="off" /></div><ul class="chosen-results"></ul></div>'),this.form_field_jq.hide().after(this.container),this.dropdown=this.container.find("div.chosen-drop").first(),this.search_field=this.container.find("input").first(),this.search_results=this.container.find("ul.chosen-results").first(),this.search_field_scale(),this.search_no_results=this.container.find("li.no-results").first(),this.is_multiple?(this.search_choices=this.container.find("ul.chosen-choices").first(),this.search_container=this.container.find("li.search-field").first()):(this.search_container=this.container.find("div.chosen-search").first(),this.selected_item=this.container.find(".chosen-single").first()),this.results_build(),this.set_tab_index(),this.set_label_behavior(),this.form_field_jq.trigger("chosen:ready",{chosen:this})},Chosen.prototype.register_observers=function(){var a=this;return this.container.bind("mousedown.chosen",function(b){a.container_mousedown(b)}),this.container.bind("mouseup.chosen",function(b){a.container_mouseup(b)}),this.container.bind("mouseenter.chosen",function(b){a.mouse_enter(b)}),this.container.bind("mouseleave.chosen",function(b){a.mouse_leave(b)}),this.search_results.bind("mouseup.chosen",function(b){a.search_results_mouseup(b)}),this.search_results.bind("mouseover.chosen",function(b){a.search_results_mouseover(b)}),this.search_results.bind("mouseout.chosen",function(b){a.search_results_mouseout(b)}),this.search_results.bind("mousewheel.chosen DOMMouseScroll.chosen",function(b){a.search_results_mousewheel(b)}),this.search_results.bind("touchstart.chosen",function(b){a.search_results_touchstart(b)}),this.search_results.bind("touchmove.chosen",function(b){a.search_results_touchmove(b)}),this.search_results.bind("touchend.chosen",function(b){a.search_results_touchend(b)}),this.form_field_jq.bind("chosen:updated.chosen",function(b){a.results_update_field(b)}),this.form_field_jq.bind("chosen:activate.chosen",function(b){a.activate_field(b)}),this.form_field_jq.bind("chosen:open.chosen",function(b){a.container_mousedown(b)}),this.form_field_jq.bind("chosen:close.chosen",function(b){a.input_blur(b)}),this.search_field.bind("blur.chosen",function(b){a.input_blur(b)}),this.search_field.bind("keyup.chosen",function(b){a.keyup_checker(b)}),this.search_field.bind("keydown.chosen",function(b){a.keydown_checker(b)}),this.search_field.bind("focus.chosen",function(b){a.input_focus(b)}),this.search_field.bind("cut.chosen",function(b){a.clipboard_event_checker(b)}),this.search_field.bind("paste.chosen",function(b){a.clipboard_event_checker(b)}),this.is_multiple?this.search_choices.bind("click.chosen",function(b){a.choices_click(b)}):this.container.bind("click.chosen",function(a){a.preventDefault()})},Chosen.prototype.destroy=function(){return a(this.container[0].ownerDocument).unbind("click.chosen",this.click_test_action),this.search_field[0].tabIndex&&(this.form_field_jq[0].tabIndex=this.search_field[0].tabIndex),this.container.remove(),this.form_field_jq.removeData("chosen"),this.form_field_jq.show()},Chosen.prototype.search_field_disabled=function(){return this.is_disabled=this.form_field_jq[0].disabled,this.is_disabled?(this.container.addClass("chosen-disabled"),this.search_field[0].disabled=!0,this.is_multiple||this.selected_item.unbind("focus.chosen",this.activate_action),this.close_field()):(this.container.removeClass("chosen-disabled"),this.search_field[0].disabled=!1,this.is_multiple?void 0:this.selected_item.bind("focus.chosen",this.activate_action))},Chosen.prototype.container_mousedown=function(b){return this.is_disabled||(b&&"mousedown"===b.type&&!this.results_showing&&b.preventDefault(),null!=b&&a(b.target).hasClass("search-choice-close"))?void 0:(this.active_field?this.is_multiple||!b||a(b.target)[0]!==this.selected_item[0]&&!a(b.target).parents("a.chosen-single").length||(b.preventDefault(),this.results_toggle()):(this.is_multiple&&this.search_field.val(""),a(this.container[0].ownerDocument).bind("click.chosen",this.click_test_action),this.results_show()),this.activate_field())},Chosen.prototype.container_mouseup=function(a){return"ABBR"!==a.target.nodeName||this.is_disabled?void 0:this.results_reset(a)},Chosen.prototype.search_results_mousewheel=function(a){var b;return a.originalEvent&&(b=-a.originalEvent.wheelDelta||a.originalEvent.detail),null!=b?(a.preventDefault(),"DOMMouseScroll"===a.type&&(b=40*b),this.search_results.scrollTop(b+this.search_results.scrollTop())):void 0},Chosen.prototype.blur_test=function(){return!this.active_field&&this.container.hasClass("chosen-container-active")?this.close_field():void 0},Chosen.prototype.close_field=function(){return a(this.container[0].ownerDocument).unbind("click.chosen",this.click_test_action),this.active_field=!1,this.results_hide(),this.container.removeClass("chosen-container-active"),this.clear_backstroke(),this.show_search_field_default(),this.search_field_scale()},Chosen.prototype.activate_field=function(){return this.container.addClass("chosen-container-active"),this.active_field=!0,this.search_field.val(this.search_field.val()),this.search_field.focus()},Chosen.prototype.test_active_click=function(b){var c;return c=a(b.target).closest(".chosen-container"),c.length&&this.container[0]===c[0]?this.active_field=!0:this.close_field()},Chosen.prototype.results_build=function(){return this.parsing=!0,this.selected_option_count=null,this.results_data=SelectParser.select_to_array(this.form_field),this.is_multiple?this.search_choices.find("li.search-choice").remove():this.is_multiple||(this.single_set_selected_text(),this.disable_search||this.form_field.options.length<=this.disable_search_threshold?(this.search_field[0].readOnly=!0,this.container.addClass("chosen-container-single-nosearch")):(this.search_field[0].readOnly=!1,this.container.removeClass("chosen-container-single-nosearch"))),this.update_results_content(this.results_option_build({first:!0})),this.search_field_disabled(),this.show_search_field_default(),this.search_field_scale(),this.parsing=!1},Chosen.prototype.result_do_highlight=function(a){var b,c,d,e,f;if(a.length){if(this.result_clear_highlight(),this.result_highlight=a,this.result_highlight.addClass("highlighted"),d=parseInt(this.search_results.css("maxHeight"),10),f=this.search_results.scrollTop(),e=d+f,c=this.result_highlight.position().top+this.search_results.scrollTop(),b=c+this.result_highlight.outerHeight(),b>=e)return this.search_results.scrollTop(b-d>0?b-d:0);if(f>c)return this.search_results.scrollTop(c)}},Chosen.prototype.result_clear_highlight=function(){return this.result_highlight&&this.result_highlight.removeClass("highlighted"),this.result_highlight=null},Chosen.prototype.results_show=function(){return this.is_multiple&&this.max_selected_options<=this.choices_count()?(this.form_field_jq.trigger("chosen:maxselected",{chosen:this}),!1):(this.container.addClass("chosen-with-drop"),this.results_showing=!0,this.search_field.focus(),this.search_field.val(this.search_field.val()),this.winnow_results(),this.form_field_jq.trigger("chosen:showing_dropdown",{chosen:this}))},Chosen.prototype.update_results_content=function(a){return this.search_results.html(a)},Chosen.prototype.results_hide=function(){return this.results_showing&&(this.result_clear_highlight(),this.container.removeClass("chosen-with-drop"),this.form_field_jq.trigger("chosen:hiding_dropdown",{chosen:this})),this.results_showing=!1},Chosen.prototype.set_tab_index=function(){var a;return this.form_field.tabIndex?(a=this.form_field.tabIndex,this.form_field.tabIndex=-1,this.search_field[0].tabIndex=a):void 0},Chosen.prototype.set_label_behavior=function(){var b=this;return this.form_field_label=this.form_field_jq.parents("label"),!this.form_field_label.length&&this.form_field.id.length&&(this.form_field_label=a("label[for='"+this.form_field.id+"']")),this.form_field_label.length>0?this.form_field_label.bind("click.chosen",function(a){return b.is_multiple?b.container_mousedown(a):b.activate_field()}):void 0},Chosen.prototype.show_search_field_default=function(){return this.is_multiple&&this.choices_count()<1&&!this.active_field?(this.search_field.val(this.default_text),this.search_field.addClass("default")):(this.search_field.val(""),this.search_field.removeClass("default"))},Chosen.prototype.search_results_mouseup=function(b){var c;return c=a(b.target).hasClass("active-result")?a(b.target):a(b.target).parents(".active-result").first(),c.length?(this.result_highlight=c,this.result_select(b),this.search_field.focus()):void 0},Chosen.prototype.search_results_mouseover=function(b){var c;return c=a(b.target).hasClass("active-result")?a(b.target):a(b.target).parents(".active-result").first(),c?this.result_do_highlight(c):void 0},Chosen.prototype.search_results_mouseout=function(b){return a(b.target).hasClass("active-result")?this.result_clear_highlight():void 0},Chosen.prototype.choice_build=function(b){var c,d,e=this;return c=a("<li />",{"class":"search-choice"}).html("<span>"+b.html+"</span>"),b.disabled?c.addClass("search-choice-disabled"):(d=a("<a />",{"class":"search-choice-close","data-option-array-index":b.array_index}),d.bind("click.chosen",function(a){return e.choice_destroy_link_click(a)}),c.append(d)),this.search_container.before(c)},Chosen.prototype.choice_destroy_link_click=function(b){return b.preventDefault(),b.stopPropagation(),this.is_disabled?void 0:this.choice_destroy(a(b.target))},Chosen.prototype.choice_destroy=function(a){return this.result_deselect(a[0].getAttribute("data-option-array-index"))?(this.show_search_field_default(),this.is_multiple&&this.choices_count()>0&&this.search_field.val().length<1&&this.results_hide(),a.parents("li").first().remove(),this.search_field_scale()):void 0},Chosen.prototype.results_reset=function(){return this.reset_single_select_options(),this.form_field.options[0].selected=!0,this.single_set_selected_text(),this.show_search_field_default(),this.results_reset_cleanup(),this.form_field_jq.trigger("change"),this.active_field?this.results_hide():void 0},Chosen.prototype.results_reset_cleanup=function(){return this.current_selectedIndex=this.form_field.selectedIndex,this.selected_item.find("abbr").remove()},Chosen.prototype.result_select=function(a){var b,c;return this.result_highlight?(b=this.result_highlight,this.result_clear_highlight(),this.is_multiple&&this.max_selected_options<=this.choices_count()?(this.form_field_jq.trigger("chosen:maxselected",{chosen:this}),!1):(this.is_multiple?b.removeClass("active-result"):this.reset_single_select_options(),c=this.results_data[b[0].getAttribute("data-option-array-index")],c.selected=!0,this.form_field.options[c.options_index].selected=!0,this.selected_option_count=null,this.is_multiple?this.choice_build(c):this.single_set_selected_text(c.text),(a.metaKey||a.ctrlKey)&&this.is_multiple||this.results_hide(),this.search_field.val(""),(this.is_multiple||this.form_field.selectedIndex!==this.current_selectedIndex)&&this.form_field_jq.trigger("change",{selected:this.form_field.options[c.options_index].value}),this.current_selectedIndex=this.form_field.selectedIndex,this.search_field_scale())):void 0},Chosen.prototype.single_set_selected_text=function(a){return null==a&&(a=this.default_text),a===this.default_text?this.selected_item.addClass("chosen-default"):(this.single_deselect_control_build(),this.selected_item.removeClass("chosen-default")),this.selected_item.find("span").text(a)},Chosen.prototype.result_deselect=function(a){var b;return b=this.results_data[a],this.form_field.options[b.options_index].disabled?!1:(b.selected=!1,this.form_field.options[b.options_index].selected=!1,this.selected_option_count=null,this.result_clear_highlight(),this.results_showing&&this.winnow_results(),this.form_field_jq.trigger("change",{deselected:this.form_field.options[b.options_index].value}),this.search_field_scale(),!0)},Chosen.prototype.single_deselect_control_build=function(){return this.allow_single_deselect?(this.selected_item.find("abbr").length||this.selected_item.find("span").first().after('<abbr class="search-choice-close"></abbr>'),this.selected_item.addClass("chosen-single-with-deselect")):void 0},Chosen.prototype.get_search_text=function(){return this.search_field.val()===this.default_text?"":a("<div/>").text(a.trim(this.search_field.val())).html()},Chosen.prototype.winnow_results_set_highlight=function(){var a,b;return b=this.is_multiple?[]:this.search_results.find(".result-selected.active-result"),a=b.length?b.first():this.search_results.find(".active-result").first(),null!=a?this.result_do_highlight(a):void 0},Chosen.prototype.no_results=function(b){var c;return c=a('<li class="no-results">'+this.results_none_found+' "<span></span>"</li>'),c.find("span").first().html(b),this.search_results.append(c),this.form_field_jq.trigger("chosen:no_results",{chosen:this})},Chosen.prototype.no_results_clear=function(){return this.search_results.find(".no-results").remove()},Chosen.prototype.keydown_arrow=function(){var a;return this.results_showing&&this.result_highlight?(a=this.result_highlight.nextAll("li.active-result").first())?this.result_do_highlight(a):void 0:this.results_show()},Chosen.prototype.keyup_arrow=function(){var a;return this.results_showing||this.is_multiple?this.result_highlight?(a=this.result_highlight.prevAll("li.active-result"),a.length?this.result_do_highlight(a.first()):(this.choices_count()>0&&this.results_hide(),this.result_clear_highlight())):void 0:this.results_show()},Chosen.prototype.keydown_backstroke=function(){var a;return this.pending_backstroke?(this.choice_destroy(this.pending_backstroke.find("a").first()),this.clear_backstroke()):(a=this.search_container.siblings("li.search-choice").last(),a.length&&!a.hasClass("search-choice-disabled")?(this.pending_backstroke=a,this.single_backstroke_delete?this.keydown_backstroke():this.pending_backstroke.addClass("search-choice-focus")):void 0)},Chosen.prototype.clear_backstroke=function(){return this.pending_backstroke&&this.pending_backstroke.removeClass("search-choice-focus"),this.pending_backstroke=null},Chosen.prototype.keydown_checker=function(a){var b,c;switch(b=null!=(c=a.which)?c:a.keyCode,this.search_field_scale(),8!==b&&this.pending_backstroke&&this.clear_backstroke(),b){case 8:this.backstroke_length=this.search_field.val().length;break;case 9:this.results_showing&&!this.is_multiple&&this.result_select(a),this.mouse_on_container=!1;break;case 13:a.preventDefault();break;case 38:a.preventDefault(),this.keyup_arrow();break;case 40:a.preventDefault(),this.keydown_arrow()}},Chosen.prototype.search_field_scale=function(){var b,c,d,e,f,g,h,i,j;if(this.is_multiple){for(d=0,h=0,f="position:absolute; left: -1000px; top: -1000px; display:none;",g=["font-size","font-style","font-weight","font-family","line-height","text-transform","letter-spacing"],i=0,j=g.length;j>i;i++)e=g[i],f+=e+":"+this.search_field.css(e)+";";return b=a("<div />",{style:f}),b.text(this.search_field.val()),a("body").append(b),h=b.width()+25,b.remove(),c=this.container.outerWidth(),h>c-10&&(h=c-10),this.search_field.css({width:h+"px"})}},Chosen}(AbstractChosen)}.call(this); </script> <script src="https://ajax.googleapis.com/ajax/libs/jqueryui/1.9.2/jquery-ui.min.js"></script> <script type="text/javascript" src="/Files/Templates/Designs/PLC/js/jetmenu.js?v=2"></script> <script type="text/javascript" src="/Files/Templates/Designs/PLC/fancybox/jquery.mousewheel-3.0.6.pack.js" defer=""></script> <script type="text/javascript" src="/Files/Templates/Designs/PLC/fancybox/jquery.fancybox.js?v=2.1.5" defer=""></script> <script src="/Files/Templates/Designs/PLC/js/bootstrap.min.js"></script> <script src="/Files/Templates/Designs/PLC/js/jquery.mousewheel.min.js"></script> <script src="/Files/Templates/Designs/PLC/js/jquery.easing.1.3.js"></script> <script src="//cdnjs.cloudflare.com/ajax/libs/modernizr/2.8.3/modernizr.min.js"></script> <script src="/Files/Templates/Designs/PLC/js/jquery.mCustomScrollbar.js"></script> <script type="text/javascript" src="/Files/Templates/Designs/PLC/js/paging.js"></script> <script src="/Files/Templates/Designs/PLC/js/price-range.js"></script> <script src="/Files/Templates/Designs/PLC/js/tipso_v2.js"></script> <script type="text/javascript"> $(document).ready(function() { $(function(){ if($(window).width() > 750){ $(".user-menu-mobile").css("display", "none"); $(".sidenavi").css("display", "block"); } }); $('.fancybox').fancybox({ afterLoad : function() { this.title = 'Image ' + (this.index + 1) + ' of ' + this.group.length + (this.title ? ' - ' + this.title : ''); } }); }); @*$(document).ready(function(){ $(".jetmenu").jetmenu(); });*@ $(document).ready(function(){ $("#LoginEmail").focus(function(){ if($(window).width() > 410 && $(window).width() < 415){ $(".cus-modal").css("width", "96%"); $(".cus-modal").css("right", "0"); $(".cus-modal").css("height", "93%"); $(".cus-modal").css("top", "20px"); $(".cus-modal").css("left", "10px"); $(".cus-modal").css("padding", "10px"); } }); }); $(document).ready(function(){ $("#LoginPassword").focus(function(){ if($(window).width() > 410 && $(window).width() < 415){ $(".cus-modal").css("width", "96%"); $(".cus-modal").css("right", "0"); $(".cus-modal").css("height", "93%"); $(".cus-modal").css("top", "20px"); $(".cus-modal").css("left", "10px"); $(".cus-modal").css("padding", "10px"); } }); }); </script> <!-- Start of petloverscentre Zendesk Widget script --> <script id="ze-snippet" src="https://static.zdassets.com/ekr/snippet.js?key=9b786843-7bca-4fcd-900c-678a0e1abb1c"> </script> <!-- End of petloverscentre Zendesk Widget script --> <script type="text/javascript"> zE('messenger:set', 'locale', 'en-US'); </script> @*<div class="wa-message-us" number="6588754869" label="WhatsApp Us" color="green" size="compact" border_radius="6px"> <script src="https://cdn.smooch.io/whatsapp/message-us-btn.min.js" type="text/javascript"></script> </div> <!--End of Zopim Live Chat Script--> <script> $zopim(function() { $zopim.livechat.badge.hide(); }); </script> *@ <!--FONT SETTINGS--> @functions{ public class FontSettings { public class Logo { public static string FontFamily { get; set; } public static string FontSize { get; set; } public static string FontWeight { get; set; } public static string Color { get; set; } public static string LineHeight { get; set; } public static string Casing { get; set; } public static string LetterSpacing { get; set; } } public class H1 { public static string FontFamily { get; set; } public static string FontSize { get; set; } public static string FontWeight { get; set; } public static string Color { get; set; } public static string LineHeight { get; set; } public static string Casing { get; set; } public static string LetterSpacing { get; set; } } public class H2 { public static string FontFamily { get; set; } public static string FontSize { get; set; } public static string FontWeight { get; set; } public static string Color { get; set; } public static string LineHeight { get; set; } public static string Casing { get; set; } public static string LetterSpacing { get; set; } } public class Body { public static string FontFamily { get; set; } public static string FontSize { get; set; } public static string FontWeight { get; set; } public static string Color { get; set; } public static string LineHeight { get; set; } public static string Casing { get; set; } public static string LetterSpacing { get; set; } } } private void InitFontSettings() { //LOGO FontSettings.Logo.FontFamily = CustomFont(GetString("Item.Area.LogoFont.Font"), GetString("Item.Area.LogoFont.CustomFont")); FontSettings.Logo.FontSize = GetString("Item.Area.LogoFont.Size")+"px"; FontSettings.Logo.FontWeight = CheckExistence(GetString("Item.Area.LogoFont.Weight"), "normal"); FontSettings.Logo.LineHeight = CheckExistence(GetString("Item.Area.LogoFont.LineHeight"), "1"); FontSettings.Logo.LetterSpacing = GetString("Item.Area.LogoFont.LetterSpacing") + "px"; FontSettings.Logo.Casing = GetString("Item.Area.LogoFont.Casing"); FontSettings.Logo.Color = GetString("Item.Area.LogoFont.Color.Color"); //HEADINGS FontSettings.H1.FontFamily = CustomFont(GetString("Item.Area.HeadingsH1.Font"), GetString("Item.Area.HeadingsH1.CustomFont")); FontSettings.H1.FontSize = GetString("Item.Area.HeadingsH1.Size")+"px"; FontSettings.H1.FontWeight = CheckExistence(GetString("Item.Area.HeadingsH1.Weight"), "normal"); FontSettings.H1.LineHeight = CheckExistence(GetString("Item.Area.HeadingsH1.LineHeight"), "1"); FontSettings.H1.LetterSpacing = GetString("Item.Area.HeadingsH1.LetterSpacing") + "px"; FontSettings.H1.Casing = GetString("Item.Area.HeadingsH1.Casing"); FontSettings.H1.Color = GetString("Item.Area.HeadingsH1.Color.Color"); FontSettings.H2.FontFamily = CustomFont(GetString("Item.Area.HeadingsH2.Font"), GetString("Item.Area.HeadingsH2.CustomFont")); FontSettings.H2.FontSize = GetString("Item.Area.HeadingsH2.Size")+"px"; FontSettings.H2.FontWeight = CheckExistence(GetString("Item.Area.HeadingsH2.Weight"), "normal"); FontSettings.H2.LineHeight = CheckExistence(GetString("Item.Area.HeadingsH2.LineHeight"), "1"); FontSettings.H2.LetterSpacing = GetString("Item.Area.HeadingsH2.LetterSpacing") + "px"; FontSettings.H2.Casing = GetString("Item.Area.HeadingsH2.Casing"); FontSettings.H2.Color = GetString("Item.Area.HeadingsH2.Color.Color"); //BODY FontSettings.Body.FontFamily = CustomFont(GetString("Item.Area.BodyFont.Font"), GetString("Item.Area.BodyFont.CustomFont")); FontSettings.Body.FontSize = GetString("Item.Area.BodyFont.Size") + "px"; FontSettings.Body.FontWeight = CheckExistence(GetString("Item.Area.BodyFont.Weight"), "normal"); FontSettings.Body.LineHeight = CheckExistence(GetString("Item.Area.BodyFont.LineHeight"), "1"); FontSettings.Body.LetterSpacing = GetString("Item.Area.BodyFont.LetterSpacing") + "px"; FontSettings.Body.Casing = GetString("Item.Area.BodyFont.Casing"); FontSettings.Body.Color = GetString("Item.Area.BodyFont.Color.Color"); gfonts.Add(FontSettings.Logo.FontFamily, ""); if (!gfonts.ContainsKey(FontSettings.H1.FontFamily)) { gfonts.Add(FontSettings.H1.FontFamily, ""); } if (!gfonts.ContainsKey(FontSettings.H2.FontFamily)) { gfonts.Add(FontSettings.H2.FontFamily, ""); } if (!gfonts.ContainsKey(FontSettings.Body.FontFamily)) { gfonts.Add(FontSettings.Body.FontFamily, ""); } } private string CustomFont (string firstfont, string secondfont) { if (firstfont == "custom") { return secondfont; } else { return firstfont; } } private string CheckExistence (string stringitem, string defaultvalue) { if (!string.IsNullOrWhiteSpace(stringitem)) { return stringitem; } else { return defaultvalue; } } private System.Collections.Generic.Dictionary<string, object> gfonts = new System.Collections.Generic.Dictionary<string, object>(); } @{ InitFontSettings(); } @helper GoogleFonts() { if (gfonts != null) { foreach (var item in gfonts) { <link rel="stylesheet" type="text/css" href="https://fonts.googleapis.com/css?family=@item.Key:100,200,300,400,500,600,700,800,900"> } } } @functions{ public string FontStylesCSS() { string CssString = @" .dw-logotext { font-family: " + FontSettings.Logo.FontFamily + @"; font-size: " + FontSettings.Logo.FontSize + @"; font-weight: " + FontSettings.Logo.FontWeight + @"; line-height: " + FontSettings.Logo.LineHeight + @" !important; letter-spacing: " + FontSettings.Logo.LetterSpacing + @"; text-transform: " + FontSettings.Logo.Casing + @"; color: " + FontSettings.Logo.Color + @"; } h1 { font-family: " + FontSettings.H1.FontFamily + @" !important; font-size: " + FontSettings.H1.FontSize + @"; color: " + FontSettings.H1.Color + @"; line-height: " + FontSettings.H1.LineHeight + @" !important; text-transform: " + FontSettings.H1.Casing + @"; font-weight: " + FontSettings.H1.FontWeight + @"; letter-spacing: " + FontSettings.H1.LetterSpacing + @" !important; } h2, h3, h4, h5, h6 { margin-top: 0.7em; margin-bottom: 0.7em; font-family: " + FontSettings.H2.FontFamily + @" !important; font-size: " + FontSettings.H2.FontSize + @"; color: " + FontSettings.H2.Color + @"; line-height: " + FontSettings.H2.LineHeight + @"; text-transform: " + FontSettings.H2.Casing + @" !important; font-weight: " + FontSettings.H2.FontWeight + @" !important; letter-spacing: " + FontSettings.H2.LetterSpacing + @" !important; } h4, h5, h6 { font-size: 16px !important; } body { font-family: " + FontSettings.Body.FontFamily + @" !important; font-size: " + FontSettings.Body.FontSize + @"; color: " + FontSettings.Body.Color + @"; line-height: " + FontSettings.Body.LineHeight + @" !important; text-transform: " + FontSettings.Body.Casing + @"; font-weight: " + FontSettings.Body.FontWeight + @"; letter-spacing: " + FontSettings.Body.LetterSpacing + @" !important; } .navbar-wp .navbar-nav > li > a { font-family: " + FontSettings.Body.FontFamily + @" !important; } .section-title { margin-top: 0.7em; margin-bottom: 0.7em; } "; return CssString; } } @*@GoogleFonts()*@ <!-- 15 January 2017 --> <!-- GENERAL/COLOR SETTINGS --> @functions{ public class ColorSettings { public class Color { public static string Primary { get; set; } public static string Secondary { get; set; } public static string NavbarFont { get; set; } public static string Footer { get; set; } public static string FooterFont { get; set; } public static string Sticker { get; set; } public static string Price { get; set; } public static string Cart { get; set; } } } private void InitColorSettings() { ColorSettings.Color.Primary = GetString("Item.Area.ColorsPrimary.Color"); ColorSettings.Color.Secondary = GetString("Item.Area.ColorsSecondary.Color"); ColorSettings.Color.NavbarFont = GetString("Item.Area.NavbarFontColor"); if (string.IsNullOrWhiteSpace(ColorSettings.Color.NavbarFont)) { ColorSettings.Color.NavbarFont = WrapMethods.getContrastYIQ(ColorSettings.Color.Secondary); } ColorSettings.Color.Footer = GetString("Item.Area.ColorsFooterColor.Color"); ColorSettings.Color.FooterFont = WrapMethods.getContrastYIQ(ColorSettings.Color.Footer); ColorSettings.Color.Price = GetString("Item.Area.EcommercePriceColor.Color"); ColorSettings.Color.Sticker = GetString("Item.Area.EcommerceDiscountStickerColor.Color"); ColorSettings.Color.Cart = GetString("Item.Area.EcommerceCartButtonColor.Color"); } public string GetColorSettings() { string CssString = @" a:hover, a:focus, a:active { color: @Primary; } .navbar-wp, .navbar-wp.affix, .navbar-wp .navbar-nav > li > a { color: @NavbarFont; } .navbar-wp .navbar-nav > .active > a, .navbar-wp .navbar-nav > .active > a:hover, .navbar-wp .navbar-nav > .active > a:focus { color: @NavbarFont; } .navbar-wp .navbar-nav > li > a:hover, .navbar-wp .navbar-nav > li > a:focus { border-top: 0px solid @Secondary; color: @NavbarFont; } .navbar-wp .navbar-nav > li > a span:after { background-color: @Primary; } .btn-dw-primary { color: #FFF; background-color: @Primary; border-color: @Primary; } .btn-dw-secondary { color: @NavbarFont; background-color: @Secondary; border-color: @Secondary; } .btn-dw-cart { color: #FFF; background-color: @Cart; border-color: @Cart; } .dw-section-title { border-color: @Secondary; } .dw-minicart-update { color: #FFF !important; background-color: @Primary; transition: all 0.3s ease-in-out 0s; } .pagination > li > a, .pagination > li > a:hover, .pagination > li > a:focus, .pagination > li > a:active { color: @Primary; } .form-control:hover, .form-control:focus, .form-control:active { border-color: @Primary !important; } .bg-2 { background: @Primary !important; } .blockquote-1:hover { border-color: @Primary !important; } .navbar-wp .navbar-nav > li > a.dropdown-form-toggle, .navbar-wp .navbar-nav > li > a.dropdown-form-toggle:hover, .navbar-wp .navbar-nav > li > a.dropdown-form-toggle:focus { color: @Primary; } .navbar-wp .navbar-nav > .open > a.dropdown-form-toggle, .navbar-wp .navbar-nav > .open > a.dropdown-form-toggle:hover, .navbar-wp .navbar-nav > .open > a.dropdown-form-toggle:focus { color: @Primary; } .navbar-wp .navbar-nav > li > a:hover, .navbar-wp .navbar-nav > li > a:focus { border: 0px solid @Primary; } .navbar-wp .navbar-toggle:hover, .navbar-wp .navbar-toggle:focus { background-color: @Primary !important; border-color: @Primary !important; } .navbar-wp .dropdown-menu { border-top: 1px solid @Primary !important; border-bottom: 3px solid @Primary !important; } .navbar-wp .dropdown-menu > li > a:hover { background: @Primary !important; color: #fff; } .navbar-wp .dropdown-menu .active { background: @Primary !important; color: #fff; } .navbar-wp.navbar-contrasted .dropdown-menu > li > a:hover { background: @Primary !important; } .nav > ul > li > a:hover { color: @Primary; } .lw .w-box.w-box-inverse .thmb-img i { color: @Primary !important; } .w-box.w-box-inverse .thmb-img:hover i { background: @Primary !important; } .c-box { border: 1px solid @Primary !important; } .c-box .c-box-header { background: @Primary !important; } .w-section .aside-feature:hover .icon-feature, .w-section .aside-feature:hover h4 { color: @Primary !important; } .layer-slider-wrapper .title.title-base { background: @Primary !important; } .layer-slider-wrapper .subtitle { color: @Primary !important; } .layer-slider-wrapper .list-item { color: @Primary !important; } .box-element.box-element-bordered { border: 1px solid @Primary !important; } .carousel-2 .carousel-indicators .active { background-color: @Primary !important; } .carousel-2 .carousel-nav a { color: @Primary !important; } .carousel-2 .carousel-nav a:hover { background: @Primary !important; } .carousel-3 .carousel-nav a { color: @Primary !important; } .carousel-3 .carousel-nav a:hover { background: @Primary !important; } .like-button .button.liked i { color: @Primary !important; } ul.list-listings li.featured { border-color: @Primary !important; } ul.list-check li i { color: @Primary !important; } ul.dw-categories li a:hover, ul.dw-categories a:focus, ul.dw-categories a:active{ color: @NavbarFont; background-color: @Primary; border-color: @Primary; } ul.categories li a:hover, ul.categories a:focus, ul.categories a:active{ color: @NavbarFont; background-color: @Primary; border-color: @Primary; } .timeline .event:nth-child(2n):before { background-color: @Primary !important; } .timeline .event:nth-child(2n-1):before { background-color: @Primary !important; } #toTopHover { background-color: @Primary !important; } .tags-list li { border: 1px solid @Primary !important; color: @Primary !important; } .tags-list li:hover, a.open-panel { background-color: @Primary !important; } .nav-pills > li.active > a, .nav-pills > li.active > a:hover, .nav-pills > li.active > a:focus, .panel-group .panel-heading a i, .tags-list li a { color: @NavbarFont !important; } .nav-pills > li > a:hover, .nav-pills > li > a:focus { color: @NavbarFont !important; background: none repeat scroll 0% 0% @Secondary !important; } footer { background: @Footer !important; } footer h4 { color: @FooterFont !important; } footer a { color: @FooterFont !important; } footer a:hover, footer a:focus, footer a:active { color: @Secondary !important; } footer p { color: @FooterFont !important; } footer ul > li { color: @FooterFont !important; } /* Button colors */ .btn-base { color: @NavbarFont !important; background-color: @Secondary !important; border: 1px solid @Secondary !important; } .btn-base:before { background-color: @Secondary !important; } .btn-base:hover:before, .btn-base:focus:before, .btn-base:active:before { color: @NavbarFont !important; background-color: @Primary !important; border-color: @Primary !important; } .btn-icon:before { transition: none !important; } .btn-base:hover, .btn-base:focus, .btn-base:active, .btn-base.active, .open .dropdown-toggle.btn-base { color: @NavbarFont !important; background-color: @Primary !important; border-color: @Primary !important; } .btn-two { color: @NavbarFont !important; border-color: @Secondary !important; background-color: @Secondary !important; border: 1px solid @Secondary !important; } .btn-two:hover, .btn-two:focus, .btn-two:active, .btn-two.active, .open .dropdown-toggle.btn-two { color: @NavbarFont !important; background-color: @Primary !important; border-color: @Primary !important; } .btn-primary { background-color: @Primary !important; border-color: @Primary !important; } .open .dropdown-toggle.btn-primary { background-color: @Primary !important; border-color: @Primary !important; } .btn-one:hover, .btn-one:focus, .btn-one:active, .btn-one.active, .open .dropdown-toggle.btn-one { color: @Primary !important; } .btn-four { border: 2px solid @Primary!important; color: @Primary !important; } .btn-four:hover, .btn-four:focus, .btn-four:active, .btn-four.active, .open .dropdown-toggle.btn-four { background-color: #fff !important; } /* Dropdown-menu */ .dropdown-menu > .active > a, .dropdown-menu > .active > a:hover, .dropdown-menu > .active > a:focus { background: @Primary !important; color: #fff !important; } /* Ecom settings */ .ribbon.base { background: @Sticker !important; color: #fff; border-right: 5px solid @Sticker !important; } .ribbon.base:before { border-top: 27px solid @Sticker !important; } .ribbon.base:after { border-bottom: 27px solid @Sticker !important; } .price { color: @Price !important; } .discount-sticker { background-color: @Sticker !important; } .bs-callout-primary { border-left-color: @Primary !important; }"; return ParseCSSToString(CssString); } private string ParseCSSToString(string TheString) { TheString = TheString.Replace("@Primary", ColorSettings.Color.Primary); TheString = TheString.Replace("@Secondary", ColorSettings.Color.Secondary); TheString = TheString.Replace("@NavbarFont", ColorSettings.Color.NavbarFont); TheString = TheString.Replace("@FooterFont", ColorSettings.Color.FooterFont); TheString = TheString.Replace("@Footer", ColorSettings.Color.Footer); TheString = TheString.Replace("@Sticker", ColorSettings.Color.Sticker); TheString = TheString.Replace("@Price", ColorSettings.Color.Price); TheString = TheString.Replace("@Cart", ColorSettings.Color.Cart); System.Text.StringBuilder sb = new System.Text.StringBuilder(); foreach(var item in TheString.Split(new string[] { Environment.NewLine }, StringSplitOptions.RemoveEmptyEntries)) { sb.AppendLine(item); } return sb.ToString(); } } @{ InitColorSettings(); } @using System.Drawing @using System.Net @functions{ public class GeneralSettings { public class Header { public static string Mode { get; set; } public static string Classes { get; set; } public static bool Show { get; set; } public static string Background { get; set; } } public class Logo { public static string Image { get; set; } public static string Text { get; set; } public static string SecondaryColor { get; set; } } public class Navigation { public static string Position { get; set; } public static string InvertedPosition { get; set; } public static string StickyMenu { get; set; } public static string SelectionMode { get; set; } public static string SelectionStyle { get; set; } public static int SelectionWeight { get; set; } public static bool Case { get; set; } public static string BreadcrumbMode { get; set; } public static string BreadcrumbAlign { get; set; } public static string LeftmenuMode { get; set; } public static string ButtonDesign { get; set; } } public class Headings { public static string Mode { get; set; } } public class Background { public static string Color { get; set; } public static string Image { get; set; } public static string CustomImage { get; set; } public static bool GradientColor { get; set; } public static string GradientPercentage { get; set; } public static string Style { get; set; } public static string Position { get; set; } } public class Site { public static bool Shadow { get; set; } public static string LayoutMode { get; set; } } public class Images { public static bool RoundCorners { get; set; } } } private void InitGeneralSettings() { //Header settings GeneralSettings.Header.Mode = GetString("Item.Area.HeaderLayoutMode"); GeneralSettings.Header.Show = GetBoolean("Item.Area.HeaderShow"); GeneralSettings.Header.Background = GetString("Item.Area.NavigationNavbarBackground"); if (GeneralSettings.Header.Mode == "solid"){ GeneralSettings.Header.Classes = ""; } if (GeneralSettings.Header.Mode == "cover" || GeneralSettings.Header.Mode == "mobile"){ GeneralSettings.Header.Classes = "header-alpha header-cover"; } //Logo settings GeneralSettings.Logo.Image = GetString("Item.Area.GeneralLogo"); GeneralSettings.Logo.Text = GetString("Item.Area.GeneralLogoText"); GeneralSettings.Logo.SecondaryColor = GetString("Item.Area.LogoSecondColor.Color"); //Navigation settings GeneralSettings.Navigation.Position = GetString("Item.Area.NavigationPosition"); GeneralSettings.Navigation.StickyMenu = "off"; if (GetBoolean("Item.Area.NavigationSticky")) { if (GeneralSettings.Header.Show) { if (GeneralSettings.Header.Mode == "cover") { GeneralSettings.Navigation.StickyMenu = "44"; //"data-spy=\"affix\" data-offset-top=\"44\" data-offset-bottom=\"300\""; } else { int offset = ImageHeight()+28; GeneralSettings.Navigation.StickyMenu = offset.ToString(); // "data-spy=\"affix\" data-offset-top=\"" + offset.ToString() + "\" data-offset-bottom=\"300\""; } } else { GeneralSettings.Navigation.StickyMenu = "5"; // "data-spy=\"affix\" data-offset-top=\"5\" data-offset-bottom=\"300\""; } } if (GeneralSettings.Navigation.Position == "left") { GeneralSettings.Navigation.InvertedPosition = "right"; } else { GeneralSettings.Navigation.InvertedPosition = "left"; } GeneralSettings.Navigation.SelectionMode = GetString("Item.Area.NavigationSelectionMode"); GeneralSettings.Navigation.SelectionStyle = ""; GeneralSettings.Navigation.SelectionWeight = GetInteger("Item.Area.SelectionWeight"); if (GeneralSettings.Navigation.SelectionMode == "arrow") { GeneralSettings.Navigation.SelectionStyle = "navbar-arrow"; } GeneralSettings.Navigation.Case = GetBoolean("Item.Area.NavigationUppercase"); GeneralSettings.Navigation.BreadcrumbMode = GetString("Item.Area.NavigationBreadcrumbLayout"); GeneralSettings.Navigation.BreadcrumbAlign = GetString("Item.Area.NavigationBreadcrumbAlign"); GeneralSettings.Navigation.LeftmenuMode = GetString("Item.Area.NavigationLeftNavigationMode"); GeneralSettings.Navigation.ButtonDesign = GetString("Item.Area.NavigationButtonDesign"); //Background settings GeneralSettings.Background.Image = GetString("Item.Area.BackgroundImage.Image.Image"); GeneralSettings.Background.CustomImage = GetString("Item.Area.BackgroundImage.Image.CustomImage"); GeneralSettings.Background.Color = GetString("Item.Area.BackgroundImage.Color.Color"); GeneralSettings.Background.GradientColor = GetBoolean("Item.Area.BackroundGradientColor"); GeneralSettings.Background.GradientPercentage = GetString("Item.Area.GradientPercentage"); if (@GetString("Item.Area.BackgroundFixed") == "True") { GeneralSettings.Background.Position = "fixed"; } else { GeneralSettings.Background.Position = ""; } if (GeneralSettings.Background.Image == "none") { GeneralSettings.Background.Style = ""; } else if (GeneralSettings.Background.Image == "custom") { if (!string.IsNullOrWhiteSpace(GeneralSettings.Background.CustomImage)) { GeneralSettings.Background.Style = "background: url('/Admin/Public/GetImage.ashx?width=1920&amp;Crop=1&amp;Compression=75&amp;image=" + GeneralSettings.Background.CustomImage + "') " + GeneralSettings.Background.Position + " !important; "; } } else { GeneralSettings.Background.Style = "background: url('/Admin/Public/GetImage.ashx?width=1920&amp;Crop=1&amp;Compression=75&amp;image=/Files/Templates/Designs/Dwsimple/images/background/" + GeneralSettings.Background.Image + "') " + GeneralSettings.Background.Position + " !important; "; } //Headings settings GeneralSettings.Headings.Mode = GetString("Item.Area.AdvHeadingsMode"); //Site settings GeneralSettings.Site.Shadow = GetBoolean("Item.Area.BackgroundSiteShadow"); GeneralSettings.Site.LayoutMode = GetString("Item.Area.LayoutMode"); if (GeneralSettings.Site.LayoutMode == "boxed"){ GeneralSettings.Site.LayoutMode = "body-" + GeneralSettings.Site.LayoutMode; GeneralSettings.Header.Classes += " header-boxed"; } //Image settings GeneralSettings.Images.RoundCorners = GetBoolean("Item.Area.LayoutRoundCorners"); } public string GetGeneralCSS() { string CssString = ""; int SelectionWeight = GeneralSettings.Navigation.SelectionWeight; //Site settings if (GetString("Item.Area.LogoFont.Color.Color") == "#FFF" || GetString("Item.Area.LogoFont.Color.Color") == "#FFFFFF") { int offset = ImageHeight()+28; CssString += @" .dw-offsetmenu-logo { color: #333 !important; }"; } if (!string.IsNullOrWhiteSpace(GeneralSettings.Background.Color)) { CssString += @" body { background-color: " + GeneralSettings.Background.Color + @"; background-size: cover; overflow-y: scroll; }"; } if (GeneralSettings.Background.GradientColor) { CssString += @" body { background: -webkit-linear-gradient(bottom, rgba(0, 0, 0, 0." + GeneralSettings.Background.GradientPercentage + @") 0%, rgba(0, 0, 0, 0) 100%); background: -o-linear-gradient(bottom, rgba(0, 0, 0, 0." + GeneralSettings.Background.GradientPercentage + @") 0%, rgba(0, 0, 0, 0) 100%); background: -ms-linear-gradient(bottom, rgba(0, 0, 0, 0." + GeneralSettings.Background.GradientPercentage + @") 0%, rgba(0, 0, 0, 0) 100%); background: -moz-linear-gradient(bottom, rgba(0, 0, 0, 0." + GeneralSettings.Background.GradientPercentage + @") 0%, rgba(0, 0, 0, 0) 100%); background: linear-gradient(to top, rgba(0, 0, 0, 0." + GeneralSettings.Background.GradientPercentage + @") 0%, rgba(0, 0, 0, 0) 100%); background-attachment: fixed; background-color: " + GeneralSettings.Background.Color + @" !important; }"; } if (GeneralSettings.Site.Shadow) { CssString += @" .shad { -webkit-box-shadow: 0px 0px 8px 0px rgba(50, 50, 50, 0.75); -moz-box-shadow: 0px 0px 8px 0px rgba(50, 50, 50, 0.75); box-shadow: 0px 0px 8px 0px rgba(50, 50, 50, 0.75); }"; } //Image settings if (GeneralSettings.Images.RoundCorners) { CssString += @" .content-image { border-radius: 6px; -webkit-border-radius: 6px; -moz-border-radius: 6px; }"; } //Navbar and header custom settings if (GeneralSettings.Header.Mode == "cover") { CssString += @" .navbar-wp { background-color: none !important; }"; if (!GeneralSettings.Header.Show || GeneralSettings.Header.Mode == "mobile") { CssString += @" .header-cover .navbar-wp { top: 0px !important; }"; } } else { if (GeneralSettings.Header.Show) { CssString += @" .navbar-wp.affix .navbar-nav > li > a { padding: 16px 16px !important; }"; } } if (GeneralSettings.Header.Background == "colorline") { CssString += @" .navbar-wp, .navbar-wp.affix { border-bottom: 4px solid " + ColorSettings.Color.Primary + @" !important; } .navbar-wp.affix, .navbar-wp.affix .navbar-nav > li > a { background-color: #FFF; color: #333; } .navbar-wp.affix .navbar-nav > .active > a, .navbar-wp.affix .navbar-nav > li > a:hover, .navbar-wp.affix .navbar-nav > li > a:focus { color: " + ColorSettings.Color.NavbarFont + @"; } .navbar-wp.affix .navbar-header .dw-logotext, .dw-header-sm-title { color: " + ColorSettings.Color.NavbarFont + @" !important; }"; } else if (GeneralSettings.Header.Background == "neutral") { CssString += @" .navbar-wp, .navbar-wp.affix, .navbar-wp .navbar-nav > li > a { background-color: #f1f1f1; } .navbar-wp.affix, .navbar-wp.affix .navbar-nav > li > a { color: #333; } .navbar-wp.affix .navbar-nav > .active > a, .navbar-wp.affix .navbar-nav > li > a:hover, .navbar-wp.affix .navbar-nav > li > a:focus { color: " + ColorSettings.Color.NavbarFont + @"; } .navbar-wp.affix .navbar-header .dw-logotext, .dw-header-sm-title { color: " + ColorSettings.Color.NavbarFont + @" !important; }"; } else if (GeneralSettings.Header.Background == "transparent") { CssString += @" .navbar-wp, .navbar-wp.affix { background-color: #FFF; opacity: 0.9; filter: alpha(opacity=90); /* For IE8 and earlier */ } .navbar-wp.affix, .navbar-wp.affix .navbar-nav > li > a { color: #333; } .navbar-wp.affix .navbar-nav > .active > a, .navbar-wp.affix .navbar-nav > li > a:hover, .navbar-wp.affix .navbar-nav > li > a:focus { color: " + ColorSettings.Color.NavbarFont + @"; } .navbar-wp.affix .navbar-header .dw-logotext, .dw-header-sm-title { color: " + GeneralSettings.Logo.SecondaryColor + @" !important; }"; } else { CssString += @" .navbar-wp, .navbar-wp.affix, .navbar-wp .navbar-nav > li > a { background-color: " + ColorSettings.Color.Secondary + @"; } .dw-header-sm-title { color: " + ColorSettings.Color.NavbarFont + @" !important; }"; } if (GeneralSettings.Navigation.SelectionMode == "background" || GeneralSettings.Navigation.SelectionMode == "arrow"){ CssString += NavbarPosition(false, SelectionWeight); CssString += @" .dw-navbar-button > a { background-color: transparent !important; } .dw-navbar-button > a:hover, dw-navbar-button > a:active, dw-navbar-button > a:focus, .active > a { background-color: " + ColorSettings.Color.Primary + @" !important; }"; } if (GeneralSettings.Navigation.SelectionMode == "underline"){ CssString += NavbarPosition(true); CssString += ClearBackground(); CssString += @" .dw-navbar-button > a span:after { position: absolute; content: ''; left: 0px; bottom: 0px; height: " + SelectionWeight + @"px; width: 100%; transform: scaleX(0); transition: all 0.3s ease-in-out 0s; } .dw-navbar-button > a:hover, dw-navbar-button > a:active, dw-navbar-button > a:focus, .active > a { color: " + ColorSettings.Color.Primary + @" !important; } .dw-navbar-button > a:hover span:after, dw-navbar-button > a:active span:after, dw-navbar-button > a:focus span:after, .active > a span:after { color: " + ColorSettings.Color.Primary + @" !important; transform: scaleX(1); transition: all 0.3s ease-in-out 0s; }"; } if (GeneralSettings.Navigation.SelectionMode == "boxed"){ CssString += NavbarPosition(true, SelectionWeight); CssString += @" .dw-navbar-button > a { background-color: transparent !important; } .dw-navbar-button > a:hover, dw-navbar-button > a:active, dw-navbar-button > a:focus, .active > a { background-color: " + ColorSettings.Color.Primary + @" !important; transition: all 0.3s ease-in-out 0s; }"; } if (GeneralSettings.Navigation.SelectionMode == "border"){ CssString += NavbarPosition(true, 6, SelectionWeight); CssString += ClearBackground(); CssString += @" .dw-navbar-button > a { border: " + SelectionWeight + @"px solid transparent !important; transition: None !important; } .dw-navbar-button > a:hover, dw-navbar-button > a:active, dw-navbar-button > a:focus, .active > a { border-width: " + SelectionWeight + @"px !important; border-color: " + ColorSettings.Color.Primary + @" !important; transition: all 0.3s ease-in-out 0s; }"; } if (GeneralSettings.Navigation.SelectionMode == "font"){ CssString += NavbarPosition(); CssString += ClearBackground(); SelectionWeight = (SelectionWeight*100); CssString += @" .dw-navbar-button > a:hover, dw-navbar-button > a:active, dw-navbar-button > a:focus, .active > a { color: " + ColorSettings.Color.Primary + @" !important; font-weight: " + SelectionWeight + @" !important; transition: all 0.3s ease-in-out 0s; }"; } if (GeneralSettings.Navigation.Case){ CssString += @" .dw-navbar-button > a { text-transform: uppercase !important; }"; } else { CssString += @" .dw-navbar-button > a { text-transform: none !important; }"; } //Breadcrumb custom settings if (GeneralSettings.Navigation.BreadcrumbMode == "light") { CssString += @" .pg-opt { border-bottom: 0px; background: none repeat scroll 0% 0% #FFF; } .dw-breadcrumb-title { font-size: 14px !important; padding: 5px 0px 5px 0px !important; } .dw-breadcrumb { padding: 5px !important; }"; } if (GeneralSettings.Navigation.BreadcrumbMode == "normal") { CssString += @" .dw-breadcrumb-title { font-size: 14px !important; padding: 5px 0px 5px 0px !important; } .dw-breadcrumb a, .pg-opt .breadcrumb { padding: 5px !important; }"; } if (GeneralSettings.Navigation.BreadcrumbMode == "large") { CssString += @" .dw-breadcrumb-title { font-size: 22px !important; padding: 15px 0px 15px 0px !important; } .dw-breadcrumb { padding: 15px !important; }"; } if (GeneralSettings.Navigation.BreadcrumbAlign == "right") { CssString += @" .dw-breadcrumb { float: right !important; }"; } else { CssString += @" .dw-breadcrumb { float: left !important; }"; } //Left menu custom settings if (GeneralSettings.Navigation.LeftmenuMode == "light" || GeneralSettings.Navigation.LeftmenuMode == "light-color") { CssString += @" ul.dw-categories > li > ul > li > a { padding: 5px 35px; } ul.dw-categories, ul.dw-categories > li, ul.dw-categories > li > ul > li { border: 0px solid #EEE; } ul.dw-categories > li > ul { background: none repeat scroll 0% 0% #FFF; } ul.dw-categories li a:hover, ul.dw-categories li a:focus, ul.dw-categories li a:active { background-color: #FFF !important; color: " + ColorSettings.Color.Primary + @" !important; } .list-active, .list-active > a { background-color: #FFF; color: " + ColorSettings.Color.Primary + @" !important; } .list-open-active { background-color: #FFF; color: " + ColorSettings.Color.Primary + @" !important; }"; } if (GeneralSettings.Navigation.LeftmenuMode == "lines") { CssString += @" ul.dw-categories > li { border-bottom: 1px solid #EEE; } ul.dw-categories { border: 0px solid #EEE; } ul.dw-categories > li > ul { background: none repeat scroll 0% 0% #FFF; } ul.dw-categories li a:hover, a:focus, a:active { background-color: #FFF !important; color: " + ColorSettings.Color.Primary + @" !important; } .list-active, .list-active > a { background-color: #FFF; color: " + ColorSettings.Color.Primary + @" !important; } .list-open-active { background-color: #FFF; color: " + ColorSettings.Color.Primary + @" !important; }"; } if (GeneralSettings.Navigation.LeftmenuMode == "boxed") { CssString += @" ul.dw-categories, ul.dw-categories > li, ul.dw-categories > li > ul > li { border: 0px solid #EEE; } .list-active, .list-active > a { background-color: " + ColorSettings.Color.Primary + @" !important; color: #FFF; }"; } if (GeneralSettings.Navigation.LeftmenuMode == "border") { CssString += @" ul.dw-categories > li { border: 1px solid #EEE; } ul.dw-categories > li > ul > li { border-top: 1px solid #EEE; } .list-active, .list-active > a { background-color: " + ColorSettings.Color.Primary + @" !important; color: #FFF; }"; } if (GeneralSettings.Navigation.LeftmenuMode == "light-color") { CssString += @" ul.dw-categories li a:hover, ul.dw-categories a:focus, ul.dw-categories a:active { border-left: 6px solid " + ColorSettings.Color.Primary + @"; } ul.dw-categories .list-active > a { border-left: 6px solid " + ColorSettings.Color.Primary + @"; } .btn-dw:hover, .btn-dw:focus, .btn-dw:active { }"; } //Buttons custom designs if (GeneralSettings.Navigation.ButtonDesign == "light-rounded") { CssString += @" .btn-dw-primary, .btn-dw-secondary, .btn-dw-cart { border-width: 0px; } .btn-dw-primary:hover, .btn-dw-primary:focus, .btn-dw-primary:active { background-color: " + ColorSettings.Color.Secondary + @"; color: #FFF; border-width: 0px; } .btn-dw-secondary:hover, .btn-dw-secondary:focus, .btn-dw-secondary:active { background-color: " + ColorSettings.Color.Primary + @"; color: #FFF; border-width: 0px; } .btn-dw-cart:hover, .btn-dw-cart:focus, .btn-dw-cart:active { background-color: " + GetString("Item.Area.EcommerceCartButtonColor.Color") + @"; color: #FFF; border-width: 0px; }"; } if (GeneralSettings.Navigation.ButtonDesign == "corners") { CssString += @" .btn-dw-primary, .btn-dw-secondary, btn-dw-cart , .btn-dw-cart { border-radius: 0px !important; border-width: 0px; } .btn-dw-primary:hover, .btn-dw-primary:focus, .btn-dw-primary:active { background-color: " + ColorSettings.Color.Secondary + @"; color: #FFF; border-width: 0px; } .btn-dw-secondary:hover, .btn-dw-secondary:focus, .btn-dw-secondary:active { background-color: " + ColorSettings.Color.Primary + @"; color: #FFF; border-width: 0px; } .btn-dw-cart:hover, .btn-dw-cart:focus, .btn-dw-cart:active { background-color: " + GetString("Item.Area.EcommerceCartButtonColor.Color") + @"; color: #FFF; border-width: 0px; }"; } if (GeneralSettings.Navigation.ButtonDesign == "round") { CssString += @" .btn-dw-primary, .btn-dw-secondary, .btn-dw-cart { padding: 5px 15px; border-radius: 200px !important; border-width: 0px !important; } .btn-dw-primary:hover, .btn-dw-primary:focus, .btn-dw-primary:active { background-color: " + ColorSettings.Color.Secondary + @"; color: #FFF; border-width: 0px !important; } .btn-dw-secondary:hover, .btn-dw-secondary:focus, .btn-dw-secondary:active { background-color: " + ColorSettings.Color.Primary + @"; color: #FFF; border-width: 0px !important; } .btn-dw-cart:hover, .btn-dw-cart:focus, .btn-dw-cart:active { background-color: " + GetString("Item.Area.EcommerceCartButtonColor.Color") + @"; color: #FFF; border-width: 0px !important; }"; } if (GeneralSettings.Navigation.ButtonDesign == "border") { CssString += @" .btn-dw-primary, .btn-dw-secondary, .btn-dw-cart { background-color: transparent; } .btn-dw-primary { border-width: 4px; padding: 3px 10px; color: " + ColorSettings.Color.Primary + @"; } .btn-dw-secondary { border-width: 2px; color: " + ColorSettings.Color.Secondary + @"; } .btn-dw-cart { border-width: 4px; padding: 3px 10px; color: " + GetString("Item.Area.EcommerceCartButtonColor.Color") + @"; } .btn-dw-primary:hover, .btn-dw-primary:focus, .btn-dw-primary:active { background-color: " + ColorSettings.Color.Primary + @"; border-width: 4px; padding: 3px 10px; border-color: " + ColorSettings.Color.Primary + @"; color: #FFF; } .btn-dw-secondary:hover, .btn-dw-secondary:focus, .btn-dw-secondary:active { background-color: " + ColorSettings.Color.Primary + @"; border-width: 2px; color: #FFF; border-color: #FFF; } .btn-dw-cart:hover, .btn-dw-cart:focus, .btn-dw-cart:active { background-color: " + GetString("Item.Area.EcommerceCartButtonColor.Color") + @"; border-width: 4px; padding: 3px 10px; border-color: " + GetString("Item.Area.EcommerceCartButtonColor.Color") + @"; color: #FFF; }"; } if (GeneralSettings.Navigation.ButtonDesign == "border-sharp" || GeneralSettings.Navigation.ButtonDesign == "border-round") { CssString += @" .btn-dw-primary, .btn-dw-secondary, .btn-dw-cart { background-color: transparent; } .btn-dw-primary { border-width: 4px; padding: 3px 15px; color: " + ColorSettings.Color.Primary + @"; } .btn-dw-secondary { border-width: 2px; padding: 5px 15px; color: " + ColorSettings.Color.Secondary + @"; } .btn-dw-cart { border-width: 4px; padding: 3px 15px; color: " + GetString("Item.Area.EcommerceCartButtonColor.Color") + @"; } .btn-dw-primary:hover, .btn-dw-primary:focus, .btn-dw-primary:active { background-color: " + ColorSettings.Color.Primary + @"; border-width: 4px; color: #FFF; padding: 3px 15px; border-color: " + ColorSettings.Color.Primary + @"; } .btn-dw-secondary:hover, .btn-dw-secondary:focus, .btn-dw-secondary:active { background-color: " + ColorSettings.Color.Primary + @"; border-width: 2px; color: #FFF; padding: 5px 15px; border-color: #FFF; } .btn-dw-cart:hover, .btn-dw-cart:focus, .btn-dw-cart:active { background-color: " + GetString("Item.Area.EcommerceCartButtonColor.Color") + @"; border-width: 4px; color: #FFF; padding: 3px 15px; border-color: " + GetString("Item.Area.EcommerceCartButtonColor.Color") + @"; }"; } if (GeneralSettings.Navigation.ButtonDesign == "border-sharp") { CssString += @" .btn-dw-primary, .btn-dw-secondary, .btn-dw-cart, .btn-dw-primary:hover, .btn-dw-primary:focus, .btn-dw-primary:active, .btn-dw-secondary:hover, .btn-dw-secondary:focus, .btn-dw-secondary:active, .btn-dw-cart:hover, .btn-dw-cart:focus, .btn-dw-cart:active { border-radius: 0px !important; }"; } if (GeneralSettings.Navigation.ButtonDesign == "border-round") { CssString += @" .btn-dw-primary, .btn-dw-secondary, .btn-dw-cart, .btn-dw-primary:hover, .btn-dw-primary:focus, .btn-dw-primary:active, .btn-dw-secondary:hover, .btn-dw-secondary:focus, .btn-dw-secondary:active, .btn-dw-cart:hover, .btn-dw-cart:focus, .btn-dw-cart:active { border-radius: 200px !important; }"; } //Headings custom settings if (GeneralSettings.Headings.Mode == "underline") { CssString += @" .dw-section-title { border-bottom: 2px solid; }"; } if (GeneralSettings.Headings.Mode == "boxed" || GeneralSettings.Headings.Mode == "boxed-line") { CssString += @" .dw-section-title span { background-color: " + GetString("Item.Area.HeadingsH1.Color.Color") + @"; display: inline-block; padding: 8px 16px; color: #FFF; }"; if (string.IsNullOrWhiteSpace(GetString("Item.Area.HeadingsH1.Color.Color"))) { CssString += @" .dw-section-title { background-color: " + ColorSettings.Color.Primary + @"; }"; } } if (GeneralSettings.Headings.Mode == "boxed-line") { CssString += @" .dw-section-title span { margin-bottom: 2px; } .dw-section-title { border-bottom: 2px solid " + GetString("Item.Area.HeadingsH1.Color.Color") + @"; }"; if (string.IsNullOrWhiteSpace(GetString("Item.Area.HeadingsH1.Color.Color"))) { CssString += @" .dw-section-title { border-bottom: 2px solid " + ColorSettings.Color.Primary + @"; }"; } } if (GeneralSettings.Headings.Mode == "outline") { CssString += @" .dw-section-title { color: #FFF; text-shadow: -1px -1px 0 " + GetString("Item.Area.HeadingsH1.Color.Color") + @", 1px -1px 0 " + GetString("Item.Area.HeadingsH1.Color.Color") + @", -1px 1px 0 " + GetString("Item.Area.HeadingsH1.Color.Color") + @", 1px 1px 0 " + GetString("Item.Area.HeadingsH1.Color.Color") + @"; }"; if (string.IsNullOrWhiteSpace(GetString("Item.Area.HeadingsH1.Color.Color"))) { CssString += @" .dw-section-title { text-shadow: -1px -1px 0 #1A1A1A, 1px -1px 0 #1A1A1A, -1px 1px 0 #1A1A1A, 1px 1px 0 #1A1A1A; }"; } } return CssString; } private string ClearBackground() { string CssString = ""; CssString += @" .dw-navbar-button > a { background-color: rgba(0, 0, 0, 0.0) !important; } .dw-navbar-button > a:hover, dw-navbar-button > a:active, dw-navbar-button > a:focus, .active > a { background-color: rgba(0, 0, 0, 0.0) !important; }"; return CssString; } private string NavbarPosition(bool margin=false, int specialpadding=6, int extramargin=0) { int LogoHeight = 0; string CssString = ""; int Centerpos = 0; if (GeneralSettings.Header.Mode != "solid"){ if (!string.IsNullOrWhiteSpace(GeneralSettings.Logo.Image)) { LogoHeight = ImageHeight(); } else { LogoHeight = GetInteger("Item.Area.LogoFont.Size"); } } else { if (!string.IsNullOrWhiteSpace(GeneralSettings.Logo.Image)) { LogoHeight = 18; } else { LogoHeight = GetInteger("Item.Area.LogoFont.Size")-10; } } if (margin == false) { Centerpos = (LogoHeight/2) + 6; CssString += @" .dw-navbar-button > a, .navbar-wp.affix .navbar-nav > li > a { padding: " + Centerpos + @"px " + (specialpadding+4) + @"px " + Centerpos + @"px " + (specialpadding+4) + @"px !important; margin: " + extramargin + @"px " + extramargin + @"px !important; }"; } else { Centerpos = ((LogoHeight/2)+6)-(specialpadding+extramargin); CssString += @" .dw-navbar-button > a, .navbar-wp.affix .navbar-nav > li > a { padding: " + specialpadding + @"px " + (specialpadding+4) + @"px " + specialpadding + @"px " + (specialpadding+4) + @"px !important; margin: " + Centerpos + @"px 4px 0px 4px !important; }"; } return CssString; } private int ImageHeight () { int LogoHeight = 0; if (!string.IsNullOrWhiteSpace(GetString("Item.Area.GeneralLogo"))) { string imageUrl = "https://" + HttpContext.Current.Request.Url.Authority + GetString("Item.Area.GeneralLogo"); WebRequest request = WebRequest.Create(imageUrl); WebResponse response = request.GetResponse(); Image image = Image.FromStream(response.GetResponseStream()); LogoHeight = image.Height; } else { LogoHeight = 38; } return LogoHeight; } } @{ InitGeneralSettings(); } <!-- Variables --> @{ string attrValue=""; string loginpageid=""; string FirstPg=GetInteger("DwAreaFirstActivePageID").ToString(); string SearchPID = GetInteger("DwAreaSearchPageID").ToString(); var cartid = GetInteger("DwAreaCartPageID").ToString(); string searchplaceholder = Translate("Search", "Search"); string saleid="180"; string storelocation="48"; string myCurrentAbsoluteUriString = System.Web.HttpContext.Current.Request.Url.AbsoluteUri; Uri myCurrentAbsoluteUri = new Uri(myCurrentAbsoluteUriString); string myPlcUrl = myCurrentAbsoluteUri.Scheme + "://" + myCurrentAbsoluteUri.Host; } <script> var websiteUrl = '@myPlcUrl'; </script> <!-- Analytics code --> @{String googleTrackingId=GetString("Item.Area.Google_Analytics_");} @if (!string.IsNullOrWhiteSpace(googleTrackingId)) { <script type="text/javascript"> (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){ (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o), m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m) })(window,document,'script','https://www.google-analytics.com/analytics.js','ga'); ga('create', '@googleTrackingId', 'auto'); ga('set', 'userId', '@GetGlobalValue("Global:Extranet.UserName")'); // Set the user ID using signed-in user_id. ga('require','ecommerce','ecommerce.js'); ga('send', 'pageview'); </script> } @{ var urlName = System.Web.HttpContext.Current.Request.Url.AbsolutePath; if( urlName == "/") { <style> @@media screen and (max-width: 800px) and (min-width: 765px) and (max-height: 1200px) { .content-wrapper { top : unset !important; } } @@media screen and (max-width: 700px) and (min-width: 600px) and (max-height: 400px) { .content-wrapper { top : unset !important; } } </style> } } <style> .M1.dropdown-menu.heavywidth { margin-top: unset !important; } .mystyle{display:none;} .contentwrapper2_whennoti{ top : unset; } hr{ margin-top: 0px; margin-bottom: 10px; } @@media (min-width: 770px) and (max-width:860px){ hr{ margin-top: 37px; margin-bottom: 20px; } } @@media screen and (min-width: 768px){ .welcome-text{ padding-left:20px; } } .breadcrumb.style2 ul { margin: 0px 0px 5px 0; } .customqtybox{ width:50px;text-align:center; } @@media screen and (max-width: 2500px) and (min-width: 1000px) and (max-height: 3000px) { .content-wrapper2{ top: unset !important; } .searchBox{ width:47%; } } } @@media screen and (max-width: 2500px) and (min-width: 1000px) and (max-height: 3000px) { .content-wrapper{ top: unset !important; } } @@media screen and (max-width: 1000px) and (min-width: 700px) { .customqtybox{ width:35px;text-align:center; } } .zoomContainer { z-index: 999; margin-top: 0px !important; overflow: hidden; } .zoomWindow{ border: #ccc 4px solid; background:#ccc; border-style: solid; width:100%; overflow:hidden; } .modal-open { position: inherit !important; padding-right : 0px !important; /*overflow-x : auto !important;*/ /*overflow-y : auto !important;*/ } .M1.dropdown-menu{ margin-top: 6px !important; } a[href^=tel] { text-decoration:inherit; color: inherit; } .alert-main { /*position: fixed;*/ width: 100%; top: 0; z-index: 99999; font-size: 14px; font-size: 1.4rem; -webkit-box-shadow: 0 2px 1px rgba(0,0,0,0.2); -moz-box-shadow: 0 2px 1px rgba(0,0,0,0.2); box-shadow: 0 2px 1px rgba(0,0,0,0.2); background-color: #2e2e2e; color: #909090; font-weight: 500; } @@media screen and (max-width: 700px) and (min-width: 350px) and (max-height: 750px) { .alert-main { /*position: fixed;*/ width: 100%; top: 0; z-index: 99999; font-size: 14px; font-size: 1.4rem; -webkit-box-shadow: 0 2px 1px rgba(0,0,0,0.2); -moz-box-shadow: 0 2px 1px rgba(0,0,0,0.2); box-shadow: 0 2px 1px rgba(0,0,0,0.2); background-color: #2e2e2e; color: #909090; font-weight: 500; height: 95px; } .alert-main .pro-contentbox{ margin-top:-10px;} } @@media screen and (max-width: 700px) and (min-width: 650px) and (max-height: 400px) { .alert-main { position: fixed; width: 100%; top: 0; z-index: 99999; font-size: 14px; font-size: 1.4rem; -webkit-box-shadow: 0 2px 1px rgba(0,0,0,0.2); -moz-box-shadow: 0 2px 1px rgba(0,0,0,0.2); box-shadow: 0 2px 1px rgba(0,0,0,0.2); background-color: #2e2e2e; color: #909090; font-weight: 500; height: 84px; } } .close-thik{ content: '✖'; /* UTF-8 symbol */ } @@media only screen and (min-width: 390px) and (max-height: 800px) and (orientation: landscape) { .mblMenuStyleFixed { height: 230px !important; } } @@media screen and (max-width: 700px) and (min-width: 350px) and (max-height: 700px) { .mblMenuStyleFixed { //position: fixed !important; //z-index: 10000; height: 261px !important; //box-shadow: 0 2px 1px rgba(0,0,0,0.2) !important; } } @@media screen and (max-width: 800px) and (min-width: 765px) and (max-height: 1200px) { .mblMenuStyleFixed { //position: fixed !important; //z-index: 10000; height: 220px !important; //box-shadow: 0 2px 1px rgba(0,0,0,0.2) !important; } } //84 to 97 @@media screen and (max-width: 700px) and (min-width: 350px) and (max-height: 850px) { .whenNoti { top : 97px !important; } } @@media screen and (max-width: 800px) and (min-width: 765px) and (max-height: 1200px) { .whenNoti { top : 55px !important; } } //google pixel @@media screen and (max-width: 400px) and (min-height: 800px) and (max-height: 812px) { .whenNotiMainPg { margin-top : 50px !important; } } @@media screen and (max-width: 700px) and (min-width: 400px) and (max-height: 800px) { .whenNotiMainPg { margin-top : 105px !important; //margin-left: 15px; } .pixel-top{ margin-top : 85px !important; } .pixel-noprint{ top: 97px !important; } } @@media screen and (max-width: 400px) and (min-width: 350px) and (max-height: 800px) { .whenNotiMainPg { margin-top : 105px !important; //margin-left: 15px; } .Noti_Remove { margin-top : 110px !important; } .pixel-top{ margin-top : 185px !important; } } @@media screen and (max-width: 800px) and (min-width: 765px) and (max-height: 1200px) { .whenNotiMainPg { margin-top: 215px !important; } } @@media screen and (max-width: 700px) and (min-width: 600px) and (max-height: 415px) { .whenNotiMainPg { margin-top: 320px !important; } } .whenNoti { top : 90px;/*47 to 90*/ } .whenNotiMainPg { margin-top : 20px; } @@media only screen and (device-width: 428px) and (device-height:926px){ .whenNotiMainPg { margin-top: 85px !important; } .Noti_Remove{ margin-top: 110px !important; } } @@media screen and (max-width: 700px) and (min-width: 350px) and (max-height: 700px) { /*gap*/ .whenNotiMainPg{ margin-top:130px!important; padding-left: 15px; padding-right: 15px; } .Noti_Remove { margin-top: 50px !important; padding-left: 15px; padding-right: 15px; } /*gap*/ } @@media handheld, only screen and (max-width:600px) and (min-width: 420px) and (max-height: 950px){ .Noti_Remove { margin-top: 130px !important; padding-left: 15px; padding-right: 15px; } } @@media screen and (max-width: 700px) and (min-width: 600px) and (max-height: 400px) { .Noti_Remove{ margin-top: 277px !important; } } @@media screen and (max-width: 800px) and (min-width: 700px) and (max-height: 1030px) { .Noti_Remove{ margin-top: 225px !important; } } @@media screen and (max-width: 800px) and (min-width: 700px) and (max-height: 1030px) { .Noti_Remove{ margin-top: 250px !important; } } .product-count { background: none repeat scroll 0 0 #000; border-radius: 50%; color: #fff; display: inline-block; font-size: 10px; height: 20px; padding-top: 2px; position: absolute; right: 17px; text-align: center; top: 25px; width: 20px; } .product-count span.cart-no { position: relative; top: -11px; } .borderLine{ float: right; font-size: 30px; color: #d4d4d4; padding-right: 10px; } @@media screen and (max-width: 700px) and (min-width: 350px) and (max-height: 750px) { .mblProductCount{ top : 16px !important; } } @@media screen and (max-width: 700px) and (min-width: 350px) and (max-height: 750px) { .FullListPromotion{ margin-top: 200px; } } @@media screen and (max-width: 700px) and (min-width: 600px) and (max-height: 400px) { .mblProductCount{ top : 21px !important; } } @@media screen and (max-width: 700px) and (min-width: 350px) and (max-height: 750px) { .mblCartNo{ top : -6px !important; } } @@media screen and (max-width: 700px) and (min-width: 600px) and (max-height: 400px) { .mblCartNo{ @@media screen and (max-width: 700px) and (min-width: 600px) and (max-height: 400px) { .mblCartNo{ top : -11px !important; } } @@media screen and (max-width: 700px) and (min-width: 350px) and (max-height: 700px) { .mblborderLine{ display :none; } } @@media screen and (max-width: 500px) and (min-width: 400px) and (max-height: 750px) { .mblborderLine{ display :none; } top : -11px !important; } } } @@media screen and (max-width: 700px) and (min-width: 650px) and (max-height: 400px) { .mblborderLine{ display :block; } } @@media screen and (max-width: 700px) and (min-width: 650px) and (max-height: 400px) { .mblLandScapeReorder{ float:right !important; } } @@media screen and (max-width: 700px) and (min-width: 650px) and (max-height: 400px) { .mblLandScapeReorderDiv{ padding-left : 0px !important; } } @@media screen and (max-width: 700px) and (min-width: 350px) and (max-height: 700px) { #maincontent>div>p>a[href="/home"]{ border-radius: 45px ; width: 55% !important; font-size: 20px; text-align: center; height: 7% !important; background-color: goldenrod; color: black !important; font-weight: 600; } } @@media screen and (max-width: 800px) and (min-width: 765px) and (max-height: 1200px) { #maincontent>div>p>a[href="/home"]{ width: 30% !important; height: 4% !important; } } @@media screen and (max-width: 700px) and (min-width: 650px) and (max-height: 400px) { #maincontent>div>p>a[href="/home"]{ border-radius: 45px ; width: 55% !important; font-size: 20px; text-align: center; height: 9% !important; background-color: goldenrod; color: black !important; font-weight: 600; } } #maincontent>div>p>a[href="/home"]{ border-radius: 45px; width: 20%; font-size: 20px; text-align: center; height: 6%; background-color: goldenrod; color: black !important; font-weight: 600; } #myBtn { display: none; position: fixed; bottom: 55px; right: 9%; z-index: 99; font-size: 18px; border: none; outline: none; color: white; cursor: pointer; padding: 15px; border-radius: 4px; background-image: url(/Files/Templates/Designs/PLC/assets/images/up_arrow_icon.png); background-size: 35px; width: 35px; height: 35px; } @@media screen and (min-width: 320px) and (max-width: 480px) { #myBtn { bottom: 152px; right: 7%; } } @@media only screen and (device-width: 712px) and (device-height: 1138px){ #myBtn { bottom: 152px; right: 4%; } } @@media only screen and (device-width: 834px) and (device-height: 1194px){ #myBtn { right: 15%; } } @@media (-webkit-min-device-pixel-ratio: 1.25), (min-resolution: 120dpi) { .user-menu-mobile{display:none;} } @@media handheld, only screen and (max-width: 768px){ .content-wrapper{top:10px;position:relative;} } /***********************loading screen*************************/ /* Absolute Center Spinner */ .loading { position: fixed; z-index: 999999; height: 2em; width: 2em; overflow: show; margin: auto; top: 0; left: 0; bottom: 0; right: 0; } /* Transparent Overlay */ .loading:before { content: ''; display: block; position: fixed; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0,0,0,0.3); } /*******************************************************************/ @if(Pageview.Device.ToString().ToUpper() == "MOBILE") { <text>.jetmenu .dropdown{ display:none;}</text> } div.spinner { position: relative; width: 35px; height: 35px; display: inline-block; margin-left: 50%; margin-right: 50%; } div.spinner div { width: 6%; height: 16%; background: #FFF; position: absolute; left: 49%; top: 43%; opacity: 0; -webkit-border-radius: 50px; -webkit-box-shadow: 0 0 3px rgba(0,0,0,0.2); -webkit-animation: fade 1s linear infinite; } @@-webkit-keyframes fade { from {opacity: 1;} to {opacity: 0.25;} } div.spinner div.bar1 { -webkit-transform:rotate(0deg) translate(0, -130%); -webkit-animation-delay: 0s; } div.spinner div.bar2 { -webkit-transform:rotate(30deg) translate(0, -130%); -webkit-animation-delay: -0.9167s; } div.spinner div.bar3 { -webkit-transform:rotate(60deg) translate(0, -130%); -webkit-animation-delay: -0.833s; } div.spinner div.bar4 { -webkit-transform:rotate(90deg) translate(0, -130%); -webkit-animation-delay: -0.7497s; } div.spinner div.bar5 { -webkit-transform:rotate(120deg) translate(0, -130%); -webkit-animation-delay: -0.667s; } div.spinner div.bar6 { -webkit-transform:rotate(150deg) translate(0, -130%); -webkit-animation-delay: -0.5837s; } div.spinner div.bar7 { -webkit-transform:rotate(180deg) translate(0, -130%); -webkit-animation-delay: -0.5s; } div.spinner div.bar8 { -webkit-transform:rotate(210deg) translate(0, -130%); -webkit-animation-delay: -0.4167s; } div.spinner div.bar9 { -webkit-transform:rotate(240deg) translate(0, -130%); -webkit-animation-delay: -0.333s; } div.spinner div.bar10 { -webkit-transform:rotate(270deg) translate(0, -130%); -webkit-animation-delay: -0.2497s; } div.spinner div.bar11 { -webkit-transform:rotate(300deg) translate(0, -130%); -webkit-animation-delay: -0.167s; } div.spinner div.bar12 { -webkit-transform:rotate(330deg) translate(0, -130%); -webkit-animation-delay: -0.0833s; } /***********************loading screen end*************************/ #wa-msg-us-btn{ color : rgb(255, 255, 255) !important; } </style> @if(siteMaintenanceOnAndOff) { <text> <style> .maintenancepageactivated { display: none !important; } </style> </text> } <script> //Browser Back control </script> <link rel="stylesheet" href="//cdnjs.cloudflare.com/ajax/libs/bootstrap-datepicker/1.3.0/css/datepicker.min.css"> <link rel="stylesheet" href="//cdnjs.cloudflare.com/ajax/libs/bootstrap-datepicker/1.3.0/css/datepicker3.min.css"> <script src="//cdnjs.cloudflare.com/ajax/libs/bootstrap-datepicker/1.3.0/js/bootstrap-datepicker.min.js"></script> <!-- Google Tag Manager --> <script> (function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start': new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0], j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src= 'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f); })(window,document,'script','dataLayer','GTM-PKPBTNK'); </script> <!-- End Google Tag Manager --> @* <comment out="" by="" aks="" to="" remove="" the="" unnecessary="" fb="" pixel="" code=""> *@ @* <!-- Global site tag (gtag.js) - Google Analytics --> <script async="" src="https://www.googletagmanager.com/gtag/js?id=UA-110542512-2"></script> <script> window.dataLayer = window.dataLayer || []; function gtag(){dataLayer.push(arguments);} gtag('js', new Date()); gtag('config', 'UA-110542512-2'); </script> <aks ga="" account="" to="" test="" search="" tracking="" comment="" out="">*@ <!-- Facebook Pixel Code --> <script> !function(f,b,e,v,n,t,s) { if(f.fbq)return; n=f.fbq=function(){n.callMethod?n.callMethod.apply(n,arguments):n.queue.push(arguments) }; if(!f._fbq)f._fbq=n; n.push=n; n.loaded=!0; n.version='2.0'; n.queue=[]; t=b.createElement(e); t.async=!0; t.src=v; s=b.getElementsByTagName(e)[0]; s.parentNode.insertBefore(t,s)}(window,document,'script','https://connect.facebook.net/en_US/fbevents.js'); fbq('init', '486591888560634'); @*fbq('track', 'PageView');*@ </script> @*<noscript><img height="1" width="1" src="https://www.facebook.com/tr?id=486591888560634&ev=PageView&noscript=1"></noscript>*@ <!-- End Facebook Pixel Code --> <link rel="stylesheet" href="/Files/Templates/Designs/PLC/css/algolia.css?v=3.3"> <!--Comment--> <script type="text/javascript" src="//cdn.dynamicyield.com/api/8770830/api_dynamic.js"></script> <script type="text/javascript" src="//cdn.dynamicyield.com/api/8770830/api_static.js"></script> <style> .dw-error { display: none; } </style> @*<!-- BEGIN Prevent Multi tabs - 1/2 -->*@ <script src="/Files/Templates/Designs/PLC/js/Duplicate.js?v=1.00"></script> @*<!-- END Prevent Multi tabs - 1/2 -->*@ <script> var ALGOLIA_INSIGHTS_SRC = "https://cdn.jsdelivr.net/npm/search-insights@1.3.1"; !function(e,a,t,n,s,i,c){e.AlgoliaAnalyticsObject=s,e[s]=e[s]||function(){ (e[s].queue=e[s].queue||[]).push(arguments)},i=a.createElement(t),c=a.getElementsByTagName(t)[0], i.async=1,i.src=n,c.parentNode.insertBefore(i,c) }(window,document,"script",ALGOLIA_INSIGHTS_SRC,"aa"); // Initialize library aa('init', { appId: 'X0YY16BYKU', apiKey: '78192b0fabf9fecc59556f70106d3ac6' }); //SG-UAT </script> </aks></comment></head> <script> @*<!-- BEGIN Prevent Multi tabs - 2/2 -->*@ $(document).ready(function () { if (window.IsDuplicate()) { //alert("This duplicate window can cause ........."); console.log("This duplicate window can cause ........."); // window.close(); } }); @*<!-- END Prevent Multi tabs - 2/2 -->*@ $(window).bind('scroll', function () { if ($(window).scrollTop() > 500) { $('header').addClass('nav-down'); } else{ $('header').removeClass('nav-down'); } }); // Hide Header on on scroll down var didScroll; var lastScrollTop = 0; var delta = 5; var navbarHeight = $('header').outerHeight(); $(window).scroll(function(event){ didScroll = true; }); setInterval(function() { if (didScroll) { hasScrolled(); didScroll = false; } }, 500); function hasScrolled() { var st = $(this).scrollTop(); // Make sure they scroll more than delta if(Math.abs(lastScrollTop - st) <= delta) return; // If they scrolled down and are past the navbar, add class .nav-up. // This is necessary so you never see what is "behind" the navbar. if (st > lastScrollTop && st > navbarHeight){ // Scroll Down $('header').removeClass('nav-down').addClass('nav-up'); } else { // Scroll Up if(st + $(window).height() < $(document).height()) { $('header').removeClass('nav-up'); } } lastScrollTop = st; } </script> <script> function myFunction() { var x = document.getElementById("DrodownRspMenu"); if (x.style.display === "none") { x.style.display = "block"; } else { x.style.display = "none"; } } </script> <body> <div id="loader" style="display:none" class="loading"> <div class="spinner"> <div class="bar1"></div><div class="bar2"></div><div class="bar3"></div><div class="bar4"></div><div class="bar5"></div><div class="bar6"></div><div class="bar7"></div><div class="bar8"></div><div class="bar9"></div> <div class="bar10"></div> <div class="bar11"></div> <div class="bar12"></div> </div> </div> <!-- Google Tag Manager (noscript) --> <noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-PKPBTNK" height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript> <!-- End Google Tag Manager (noscript) --> <!--Start Search Loading--> <div id="SearchLoading" class="loadingImg" style="display:none;"> <img height="auto" src="/Files/Templates/Designs/PLC/fancybox/fancybox_loading.gif" style="margin-left: auto; margin-right: auto;"> </div> <!--End Search Loading--> <div id="hidDiv"></div> <!-- <div style="background-color:#ff3f00" class="alert-main1" > <div style="background-color:#ff3f00" class="container"> <div class="pro-contentbox"> <div class="pro-content"> <p style="text-align:center;color:white;"> Delivery slots limited due to high demand. Please check back regularly as we work to provide more slots. </p> </div> </div> </div> </div> --> <div class="alert-main" id="alertmain" style="display:none;"> <div class="container"> <div class="pro-contentbox"> <div class="pro-content"> <p> <!-- <i class="dot yellow"></i> --> <p style="text-align:center;color:white;"> @if(GetBoolean("Item.Area.Day_Notification_Bar_On_Off")) { if(checkDay == GetString("Item.Area.Day_Notification_Day") && serverTime > friStartTime && serverTime < friEndTime) { @fridayMaintenanceNoti }else{ if(GetBoolean("Item.Area.System_Notification_Bar_On_Off")) { if(serverTime > startTime && serverTime < endTime) { @sysMaintenanceNoti }else{ if(GetBoolean("Item.Area.Maintenance_Time_Notification_Bar_On_Off")) { if(GetString("Item.Area.Maintenance_Time_Notification_Day") != "DAILY") { if(checkDay == GetString("Item.Area.Maintenance_Time_Notification_Day") && serverTime > maintenanceTimeNotiStartTime && serverTime < maintenanceTimeNotiEndTime) { @maintenanceTimeNoti }else{ if(GetBoolean("Item.Area.Notification_Bar_On_Off")) { @GetString("Item.Area.Notification_Text") } } }else{ if(serverTime > maintenanceTimeNotiStartTime && serverTime < maintenanceTimeNotiEndTime) { @maintenanceTimeNoti }else{ if(GetBoolean("Item.Area.Notification_Bar_On_Off")) { @GetString("Item.Area.Notification_Text") } } } }else{ if(GetBoolean("Item.Area.Notification_Bar_On_Off")) { @GetString("Item.Area.Notification_Text") } } } }else{ if(GetBoolean("Item.Area.Maintenance_Time_Notification_Bar_On_Off")) { if(GetString("Item.Area.Maintenance_Time_Notification_Day") != "DAILY") { if(checkDay == GetString("Item.Area.Maintenance_Time_Notification_Day") && serverTime > maintenanceTimeNotiStartTime && serverTime < maintenanceTimeNotiEndTime) { @maintenanceTimeNoti }else{ if(GetBoolean("Item.Area.Notification_Bar_On_Off")) { @GetString("Item.Area.Notification_Text") } } }else{ if(serverTime > maintenanceTimeNotiStartTime && serverTime < maintenanceTimeNotiEndTime) { @maintenanceTimeNoti }else{ if(GetBoolean("Item.Area.Notification_Bar_On_Off")) { @GetString("Item.Area.Notification_Text") } } } }else{ if(GetBoolean("Item.Area.Notification_Bar_On_Off")) { @GetString("Item.Area.Notification_Text") } } } } }else{ if(GetBoolean("Item.Area.System_Notification_Bar_On_Off")) { if(serverTime > startTime && serverTime < endTime) { @sysMaintenanceNoti }else{ if(GetBoolean("Item.Area.Maintenance_Time_Notification_Bar_On_Off")) { if(GetString("Item.Area.Maintenance_Time_Notification_Day") != "DAILY") { if(checkDay == GetString("Item.Area.Maintenance_Time_Notification_Day") && serverTime > maintenanceTimeNotiStartTime && serverTime < maintenanceTimeNotiEndTime) { @maintenanceTimeNoti }else{ if(GetBoolean("Item.Area.Notification_Bar_On_Off")) { @GetString("Item.Area.Notification_Text") } } }else{ if(serverTime > maintenanceTimeNotiStartTime && serverTime < maintenanceTimeNotiEndTime) { @maintenanceTimeNoti }else{ if(GetBoolean("Item.Area.Notification_Bar_On_Off")) { @GetString("Item.Area.Notification_Text") } } } }else{ if(GetBoolean("Item.Area.Notification_Bar_On_Off")) { @GetString("Item.Area.Notification_Text") } } } }else{ if(GetBoolean("Item.Area.Maintenance_Time_Notification_Bar_On_Off")) { if(GetString("Item.Area.Maintenance_Time_Notification_Day") != "DAILY") { if(checkDay == GetString("Item.Area.Maintenance_Time_Notification_Day") && serverTime > maintenanceTimeNotiStartTime && serverTime < maintenanceTimeNotiEndTime) { @maintenanceTimeNoti }else{ if(GetBoolean("Item.Area.Notification_Bar_On_Off")) { @GetString("Item.Area.Notification_Text") } } }else{ if(serverTime > maintenanceTimeNotiStartTime && serverTime < maintenanceTimeNotiEndTime) { @maintenanceTimeNoti }else{ if(GetBoolean("Item.Area.Notification_Bar_On_Off")) { @GetString("Item.Area.Notification_Text") } } } }else{ if(GetBoolean("Item.Area.Notification_Bar_On_Off")) { @GetString("Item.Area.Notification_Text") } } } } <a href="javascript:void(0);divClose()" class="close" aria-label="Close" style="width: 10px;top: 0px;height: 10px;opacity: 1;"> <span aria-hidden="true" style="color:#F8F9F9;">&times;</span> </a> </p> </p> </div> </div> </div> </div> @if((DateTime.Now.AddDays(-1).Month != DateTime.Now.Month && DateTime.Now.AddMinutes(30).Hour > 6 && DateTime.Now.AddMinutes(20).Hour < 8) || (DateTime.Now.DayOfWeek == DayOfWeek.Wednesday && DateTime.Now.Hour > 6 && DateTime.Now.Hour < 8)) { <div style="margin-top: 14px;"> <div style="text-align: center; "> if(DateTime.Now.AddDays(-1).Month != DateTime.Now.Month && DateTime.Now.AddMinutes(30).Hour > 6 && DateTime.Now.AddMinutes(20).Hour < 8) { <p>@GetString("Item.Area.Server_Restarting_Message")</p> } if(DateTime.Now.DayOfWeek == DayOfWeek.Wednesday && DateTime.Now.Hour > 6 && DateTime.Now.Hour < 8) { <p>@GetString("Item.Area.IIS_Pool_Recycle_Message")</p> } </div> </div> } @{ int logInCountSessionCountValue = 0; } <div id="menusoverlay" onclick="removeGrey()"></div> <div id="fb-root"></div> <script> function removeGrey(){ $("#menusoverlay").removeAttr("style"); } function hideErrorMessage(){ $(".errorMsg").css("display", "none"); $(".cus-reg-para2").css("padding-bottom", "none"); $(".cus-modal").css("background-color", "white"); if($(window).width() > 1200){ $(".cus-reg-btn").css("margin-top","25px"); if(@logInCountSessionCountValue < 3){ $(".cus-modal").css("height", "390px"); } } if(screen.width > 800 && screen.width < 850 && screen.height > 1000 && screen.height < 1200){ $(".cus-reg-btn").css("margin-top","25px"); if(@logInCountSessionCountValue < 3){ $(".cus-modal").css("height", "400px"); } } if(screen.width > 450 && screen.width < 800 && screen.height > 1000 && screen.height < 1200){ $(".cus-reg-btn").css("margin-top","25px"); $(".cus-modal").css("height", "420px"); } } </script> <!-- MODALS --> <div class="modal fade" id="login" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true"> <div class="modal-dialog"> <div class="modal-content cus-modal" style="background-color:white;"> <div> <button type="button" class="close cus-close" data-dismiss="modal" aria-hidden="true" onclick="hideErrorMessage()"><img class="cus-close-img" src="/Files/Templates/Designs/PLC/assets/images/cancel-img.png"></button> </div> <div class="modal-body cus-mod-body"> <div style="width:100%"><div class="cus-login"> <p class="login-para1" id="myModalLabel">@Translate("I have an online account", "I have an online account")</p> <p class="login-para2">@Translate("to place orders online","to place orders online")</p> @if(System.Web.HttpContext.Current.Request["loggin"] != null) { <text> <script> $(document).ready(function(){ $('#loginPopup').click(); }) </script> </text> } @if (!string.IsNullOrWhiteSpace(GetString("DW_extranet_error_uk"))) { var extranetError = GetString("DW_extranet_error_uk").Replace("username","email address"); var username = System.Web.HttpContext.Current.Request["UserName"]; if (!string.IsNullOrWhiteSpace(GetString("DW_extranet_error_uk")) && GetString("DwPageID") != cartid) { <text> <script> $(document).ready(function(){ $('#loginPopup').click(); }) </script> </text> } <style> .errorMsg { background-color: #ff9898; border: solid 1px #f21a1a; border-style: ridge; border-radius: 4px; margin-top: 5px; } </style> <script> $(document).ready(function(){ if(screen.width < 400 && screen.height < 580){ $(".cus-modal").css("height", "137%"); } if(screen.width < 500 && screen.width > 850 && screen.height < 900){ $(".cus-modal").css("height", "110%"); } if(screen.width > 350 && screen.width < 400 && screen.height > 580 && screen.height < 800){ $(".cus-modal").css("height", "110%"); } }); </script> <div class="form-group errorMsg @username"> @if(!string.IsNullOrEmpty(username)) { Dynamicweb.Security.UserManagement.User user = Dynamicweb.Security.UserManagement.User.GetUserByUserName(username); if(user != null && !user.Active){ <style> @@media only screen and (min-width:992px){ .cus-modal { height: 455px; } .cus-reg-btn { margin-top: 101px; } } @@media only screen and (device-width: 834px) and (device-height: 1194px){ .cus-modal { height: 500px; } .cus-reg-btn { margin-top: 118px; } } @@media only screen and (device-width: 712px) and (device-height: 1138px){ .cus-modal { height: 510px; } .cus-reg-btn { margin-top: 118px; } .errorMsg{ width: 93% !important; } } </style> <form method="post" class="" id="ResendActivateEmail" style="margin-bottom:0px; margin-top: 5px;" action='/Default.aspx?id=@GetPageIdByNavigationTag("ResendActivationLink")'> <input type="hidden" id="validateEmail" name="validateEmail" value="@username"> <div style="font-size:12px; margin-top: 5px;"> <span style="padding:10px;">Your online account is not activated yet.</span><br> <span style="display: inline-block; padding:0px 10px;">Please activate your online account via the activation link sent to your email.</span><br> <a href=""><input id="ResendActivateEmailSubmit" style="padding: 5px 10px; background: unset; width: auto;text-decoration: underline; color: #000;" type="submit" value="Resend activation link"></a> </div> </form> }else { <style> @@media only screen and (min-width:992px){ .cus-modal { height: 405px; } .cus-reg-btn { margin-top: 52px; } } @@media only screen and (device-width: 834px) and (device-height: 1194px){ .cus-modal { height: 430px; } .cus-reg-btn { margin-top: 53px; } } @@media only screen and (device-width: 712px) and (device-height: 1138px){ .cus-modal { height: 450px; } .cus-reg-btn { margin-top: 52px; } .errorMsg{ width: 95% !important; } } </style> <span style="padding:10px;">@extranetError</span> } } </div> } <form class="form-horizontal cus-form-padd" role="form" id="loginform" method="post" action="/"> @*/* Login limit BEGIN */*@ @{ logInCountSessionCountValue = 0; if(System.Web.HttpContext.Current.Session["logInCountSessionCount"] == null) { HttpContext.Current.Session.Add("logInCountSessionCount", logInCountSessionCountValue); } else { if(System.Web.HttpContext.Current.Session["logInCountSessionStartTime"] != null) { DateTime logInCountSessionStartTime = Convert.ToDateTime(System.Web.HttpContext.Current.Session["logInCountSessionStartTime"]); if(logInCountSessionStartTime.AddMinutes(10) < DateTime.Now) { HttpContext.Current.Session.Remove("logInCountSessionCount"); HttpContext.Current.Session.Remove("logInCountSessionStartTime"); } } if(System.Web.HttpContext.Current.Session["logInCountSessionCount"] != null) { logInCountSessionCountValue = Convert.ToInt32(Convert.ToString(System.Web.HttpContext.Current.Session["logInCountSessionCount"])); } if(!string.IsNullOrEmpty(System.Web.HttpContext.Current.Request["btnSubmit"])) { logInCountSessionCountValue++; HttpContext.Current.Session.Add("logInCountSessionCount", logInCountSessionCountValue); if(logInCountSessionCountValue == 1) { HttpContext.Current.Session.Add("logInCountSessionStartTime", DateTime.Now); } } } } @*/* Login limit END */*@ <!--<input type="hidden" name="ID" value="@Pageview.ID" />--> <input type="hidden" name="ID" value="@Pageview.ID"> <input type="hidden" name="DWExtranetUsernameRemember" value="True"> <input type="hidden" name="DWExtranetPasswordRemember" value="True"> @if (string.IsNullOrWhiteSpace(GetString("UserManagement:User.Login.SuccessRedirectToPage"))) { <input type="hidden" name="Redirect" value="/Default.aspx?ID=@Pageview.ID&loggedin=1"> } <div class="cus-form form-group"> @{ attrValue = Translate("Enter email address", "Enter email address"); var username2 = @GetValue("DWExtranetUsername"); } <label for="username" class="cus-email-label col-sm-3">@Translate("Email address", "Email address")</label> <div class="form-text-width cus-padding col-sm-7"><input type="email" id="LoginEmail" class="cus-form2 form-control" name="username" id="username" onkeypress="prevent(event)" value="@username2" required/=""></div> </div> <div class="cus-form1 form-group"> @{ attrValue = Translate("Enter password", "Enter password"); } <label for="password" class="cus-password col-sm-3">@Translate("Password", "Password")</label> <div class="form-text-width cus-pass-text col-sm-7"><input type="password" id="LoginPassword" class="cus-form2 form-control" name="password" id="password" onkeypress="prevent(event)" required=""></div> &nbsp; <a class="cus-forget-pass pull-left" href="/Default.aspx?ID=73&LoginAction=Recovery&firsttime=true">@Translate("Forgot password?", "Forgot password?")</a> &nbsp; </div> <div class="cus-footer modal-footer"> @*/* Login limit BEGIN */*@ @if(logInCountSessionCountValue >= 3) { <style> @@media only screen and (min-width:992px){ .cus-modal { height: 520px; } .modal-fade{ z-index: 1000 !important; } .ui-dialog{ top: 230px !important; } } @@media only screen and (max-width:450px){ .cus-modal { height: 125%; } .ui-dialog{ top: 250px !important; z-index: 100000 !important; } .modal-fade{ z-index: 10001 !important; position: fixed; } .ui-widget-overlay { z-index: 11000 !important; } } @@media only screen and (device-width: 834px) and (device-height: 1194px){ .cus-modal { height: 530px; } .ui-dialog{ top: 230px !important; } .modal-fade{ z-index: 905 !important; } .g-recaptcha{ transform: scale(0.94); } } @@media only screen and (device-width: 712px) and (device-height: 1138px){ .cus-modal { height: 550px; } .ui-dialog{ top: 280px !important; z-index: 10001 !important; } .modal-fade{ z-index: 10001 !important; } .g-recaptcha{ transform: scale(0.88); } } </style> <p> <div class="g-recaptcha" data-sitekey="6LfMI3wUAAAAAMCSoo5WOLuV84AiT4WeAt1w8t0l"></div> </p> <script> function ShowMessage(messgarPara) { var NewDialog; NewDialog = $('<div class="popup" title="Message" style="text-align:center; padding-top:1em;">' + messgarPara + '</div>'); NewDialog.dialog({ resizable: false, modal: true, open: function(event, ui) { $(".ui-dialog-titlebar-close").hide(); $('html, body').animate({ scrollTop: 0 }, 'slow'); }, show: 'clip', buttons: { "Ok": function() { $(this).dialog("close"); } } }); } function SubmitForm(){ var id = grecaptcha.getResponse(); $('#login').addClass('modal-fade'); if(id === "" || id.length === 0){ ShowMessage("Human Verification Failed"); return false; }; } </script> } @*/* Login limit END */*@ <div class="checkbox cus-keepsign" style="padding:10 0 20 0; width: fit-content;"> <label> <!--<input type="checkbox" name="Autologin" checked="checked" value="True"> @Translate("Remember me", "Remember me")</input>--> <input type="checkbox" name="Autologin" checked="checked" value="True" class="cus-checkbox"> <div class="checkbox-text">@Translate("Keep me logged in", "Keep me logged in")</div> </label> </div> <!--<button type="submit" class="btn btn-xs btn-base pull-right"></button>--> <input class="cus-login-btn" name="btnSubmit" onclick="return SubmitForm()" type="submit" value='@Translate("Log In", "Log In")' id="btnSubmit"> </div> @if (GetLoop("DWExtranetExternalLoginProviders").Count != 0) { <div class=".cus-footer modal-footer"> <div class="row"> <div class="col-md-12"> <div class="pull-left">@Translate("Or sign in using", "Or sign in using"):</div> <p> </div> </div> <div class="row"> <div class="col-md-12"> @foreach (LoopItem LoginProvider in GetLoop("DWExtranetExternalLoginProviders")) { var ProviderName = LoginProvider.GetString("ProviderName").ToLower(); var ProviderID = LoginProvider.GetValue("ProviderID"); <a href='/Admin/Public/Social/ExternalLogin.aspx?action=login&amp;providerID=@ProviderID' class="btn btn-xs btn-base pull-left"><i class="fa fa-@ProviderName"></i>@LoginProvider.GetString("ProviderName")</a><text></text> } </div> </div> </div> } <div class="cus-show"><h2 class="cus-line"><span class="cus-text">or</span></h2></div> </form></div> <div class="part2"> <div class="ver-line"><hr width="1" size="500" class="cus-hr"></div> <div class="or">or</div> <div class="ver-line"><hr width="1" size="500" class="cus-hr"></div> </div> <div class="cus-reg"> <p class="cus-reg-para1">@Translate("I have a VIP membership but no online account","I have a VIP membership but no online account")</p> <p class="cus-reg-para2">@Translate("Register for an online account and link your VIP membership","Register for an online account and link your VIP membership")</p> <a href="/register"><button class="cus-reg-btn">@Translate("Register","Register")</button></a> </div> </div></div> </div> </div> </div> <header class="grid-full mblMenuStyleFixed maintenancepageactivated" id="noprint"> <div class="top-bar" id="noprint"> <div class="grid " id="noprint"> @if(Pageview.Device.ToString().ToUpper() == "MOBILE" || (Pageview.Device.ToString().ToUpper() == "TABLET" && Pageview.Platform.ToString().ToUpper() == "ANDROID")) { <div class="col-1-2 tab-1-1 nopadding"> @*<div class="welcome-text">Asia's <i>preferred</i> Pet Store!</div>*@ <div class="call-text alignment-call-text-topbar mbl-flex"> <img style="width:15px;height:15px;" class="mbl-img" src="@sitepath/assets/images/icons8-phone-26.png" alt="icon" title="chat or call us at"> <span class="bold mbl-pd-left">@GetString("Item.Area.ChatOr_CallUs_No") <br><span style=" white-space: nowrap;">for Phone Order</span></span> </div> <div class="customercare-text align-customer-service-toolbar"> <a href="https://customercare.petloverscentre.com/hc/en-us" class="bold">Customer Care </a></div> <div class="trackorder-text alignment-trackorder-text-topbar"> <a href="@trackingURL"> <img style="height:20px;" src="/Files/Images/plc/images/Track_Order_1.png?v=1.2.0" alt="icon" title="chat or call us at"> <span class="bold" style="color: ffffff;">Track Orders</span> </a> </div> </div> } else{ <div class="col-1-2 tab-1-1 nopadding ipad-tab-1"> @*<div class="welcome-text">Asia's <i>preferred</i> Pet Store!</div>*@ <div class="call-text alignment-call-text-topbar"> <img style="width:15px;height:15px;" src="@sitepath/assets/images/icons8-phone-26.png" alt="icon" title="chat or call us at"> <span class="bold">@GetString("Item.Area.ChatOr_CallUs_No") for Phone Order</span> </div> <div class="trackorder-text alignment-trackorder-text-topbar"> <a href="@trackingURL"> <img style="height:20px;" src="/Files/Images/plc/images/Track_Order_1.png?v=1.2.0" alt="icon" title="chat or call us at"> <span class="bold" style="color: ffffff;">Track Orders</span> </a> </div> <div class="customercare-text align-customer-service-toolbar" style=" text-align: center;"> <a href="https://customercare.petloverscentre.com/hc/en-us" class="bold">Customer Care </a></div> </div> } <div class="col-1-2 tab-1-1 nopadding ipad-tab-2" id="noprint"> <div class="country-box" id="noprint"> <div id="countryDropdown" class="wrapper-dropdown-3 dd1 alignment-countryDropdown-topbar" tabindex="1"> @*@countrySelection*@ @*---- BEGAN Country Selection Hard Code ----*@ <span class="bold" style="background:url(https://uat.petloverscentre.com/Files/Templates/Designs/PLC//assets/images/flag_sg.gif) no-repeat;">Singapore</span> <ul class="dropdown"> <li onclick="window.location.href=$(this).find(&quot;a&quot;).attr(&quot;href&quot;);"><a href="https://uat.petloverscentre.com"><img src="https://uat.petloverscentre.com/Files/Templates/Designs/PLC//assets/images/flag_sg.gif" alt="flag image" title="Singapore"> Singapore</a></li> <li onclick="window.location.href=$(this).find(&quot;a&quot;).attr(&quot;href&quot;);"><a href="http://uat.petloverscentre.com.my"><img src="https://uat.petloverscentre.com/Files/Templates/Designs/PLC//assets/images/flag_my.gif" alt="flag image" title="Malaysia"> Malaysia</a></li> <li onclick="window.location.href=$(this).find(&quot;a&quot;).attr(&quot;href&quot;);"><a href="http://uat.petloverscentre.co.th"><img src="https://uat.petloverscentre.com/Files/Templates/Designs/PLC//assets/images/flag_th.gif" alt="flag image" title="Thailand"> Thailand</a></li> <li onclick="window.location.href=$(this).find(&quot;a&quot;).attr(&quot;href&quot;);"><a href="http://www.petloverscentre.vn/"><img src="https://uat.petloverscentre.com/Files/Templates/Designs/PLC//assets/images/flag_vn.gif" alt="flag image" title="Vietnam"> Vietnam</a></li> @*<li onclick="window.location.href=$(this).find(&quot;a&quot;).attr(&quot;href&quot;);"><a href="https://brunei.petloverscentre.com"><img src="https://uat.petloverscentre.com/Files/Templates/Designs/PLC//assets/images/flag_bn.gif" alt="flag image" title="Brunei"> Brunei</a></li>*@ <li onclick="window.location.href=$(this).find(&quot;a&quot;).attr(&quot;href&quot;);"><a href="https://petloverscentre.gocart.ph"><img src="https://uat.petloverscentre.com/Files/Templates/Designs/PLC//assets/images/flag_ph.gif" alt="flag image" title="Philippines"> Philippines</a></li> </ul> @*---- END Country Selection Hard Code ----*@ @*<span style="background:url(@sitepath/assets/images/flag_sg.gif) no-repeat;">Singapore</span> <ul class="dropdown"> <!--<li><a href="#"><img src="@sitepath/assets/images/flag_my.gif"> Malaysia</a></li>--> <li><a href="#"><img src="@sitepath/assets/images/flag_sg.gif" alt="flag image" title="Singapore"> Singapore</a></li>*@ </ul> </div> </div> @if(Pageview.Device.ToString().ToUpper() == "MOBILE" || (Pageview.Device.ToString().ToUpper() == "TABLET" && Pageview.Platform.ToString().ToUpper() == "ANDROID")) { <div class="store-link alignment-store-link-topbar" id="noprint"> <a href="Default.aspx?ID=@storelocation"> <span class="bold">Stores </span> </a> </div> } <div class="dropdown-box vip-box" id="noprint"> <div class="wrapper-dropdown-3 dd2 alignment-vipmembership-topbar" tabindex="1"> <span class="bold">VIP Membership</span> <ul class="dropdown"> @GetValue("DwNavigation(vipcard)") </ul> </div> </div> @if(Pageview.Device.ToString().ToUpper() == "DESKTOP" || (Pageview.Device.ToString().ToUpper() == "TABLET" && Pageview.Platform.ToString().ToUpper() == "IOS")) { <div class="store-link alignment-store-link-topbar" id="noprint"> <a href="Default.aspx?ID=@storelocation"> <span class="bold">Stores </span> </a> </div> } </div> </div> </div> <div class="grid" id="noprint"> <div class="top-info" id="noprint"> @if (!string.IsNullOrWhiteSpace(GetString("Item.Area.Logo"))) { string logo=GetString("Item.Area.Logo"); string areaName = GetString("DwAreaName"); <a href="@homeurl"> <div class="logo"> <img src="@logo" alt="Logo" title="@areaName"> </div> </a> } <div class="top-info-right" id="noprint"> <div class="top-info-content"> @if(!GetBoolean("Item.Area.Enable")){ <div class="top-cart-info" id="noprint"> <span class="borderLine">|<span> <img src="@sitepath/assets/images/shopping-cart.png"> <a class="dw-minicart" id="minipagecart-button"> <i class="fa fa-shopping-cart"></i> <span class="product-count mblProductCount"><span class="cart-no mblCartNo"> @productQty </span> <!--My Cart : @GetValue("Ecom:Order.OrderLines.TotalProductQuantity") <span class="amount">@GetValue("Ecom:Order.OrderLines.Total.PriceWithVAT")</span>--> </span></a> </span></span></div> if(Pageview.Device.ToString().ToUpper() == "MOBILE"){ <div class="mblLandScapeReorderDiv"> @if (!Dynamicweb.Core.Converter.ToBoolean(GetGlobalValue("Global:Extranet.UserName"))){ <a href="javascript:void(0)" data-toggle="modal" data-target="#login"><img src="@sitepath/assets/images/Non_Login_Reorder.png" style="width: 65px;float:right;" class="mblLandScapeReorder"></a> }else{ <a href="/orders"><img src="@sitepath/assets/images/Reorder.png" style="width: 65px;float:right;" class="mblLandScapeReorder"></a> } <span class="borderLine" style="padding-left: 10px; padding-top: 2px;">|</span> </div> }else{ <div> @if (!Dynamicweb.Core.Converter.ToBoolean(GetGlobalValue("Global:Extranet.UserName"))){ <a href="javascript:void(0)" data-toggle="modal" data-target="#login"><img src="@sitepath/assets/images/Non_Login_Reorder.png" style="width: 70px;float:right;"></a> }else{ <a href="/orders"><img src="@sitepath/assets/images/Reorder.png" style="width: 70px;float:right;"></a> } <span class="borderLine" style="padding-top: 3.5px;">|<span> </span></span></div> } if(Pageview.Device.ToString().ToUpper() == "MOBILE"){ <div> <img src="@sitepath/assets/images/Free_Delivery.png" class="mbl_trackimg"> <span class="mbl_tracktxt">Above $80</span> </div> } <div class="cart-info-box" style="display:none;"> <ul class="sub-menu" style="list-style:none;"> <li id="smallscreen-minicart"> @MiniCart() </li> </ul> </div> <div class="top-sign hideLogin" id="noprint" style="width:auto; @*width:25%;*@"> @if (!Dynamicweb.Core.Converter.ToBoolean(GetGlobalValue("Global:Extranet.UserName"))) { if(Pageview.Device.ToString().ToUpper() != "MOBILE") { <a href="#" id="loginPopup" data-toggle="modal" data-target="#login">Log In</a> <text>|</text> <br class="showhide-br"> <a href="Default.aspx?ID=142">Register</a> } else { <br class="showhide-br" style="display:block;"> <br class="showhide-br" style="display:block;"> } } <style> .user-menu-dropdown { background-color: white; //margin-top: 10px; margin-left: -20px; position: absolute; z-index: 2; box-shadow: 2px 2px 2px 2px #888888; width: 180px; display: none; } .user-menu-dropdown > ul { list-style: none; text-align: left; padding: 0px 10px 0px 10px; margin: 0px; } .user-menu-dropdown > ul > li { border-top: solid 1px #d4d4d4; padding: 10px 0px 10px 10px; } .user-menu-dropdown > ul > li > a { vertical-align: -webkit-baseline-middle; } .user-menu:hover .user-menu-dropdown, .user-menu-dropdown:hover { display: block; } .user-menu-mobile { display: block; background:#333; //color: #ffffff; //padding: 10px 20px; border-bottom: #aaa 1px solid; //color: #fff!important; height: 40px; } .user-menu-mobile > div { width:100%; } .user-menu-mobile > div > div { width:50%; float:left; text-align: -webkit-center; padding-top: 9px !important; } .user-menu-mobile > div > div > a { color: #ffc000 !important; font-size: 15px !important; } .user-menu-mobile > div > div > img { width: 20px; margin-top: -5px; } .user-menu-mobile > div > div > span { float: right; color: #ffc000; } @@media screen and (max-width: 800px) and (min-width: 765px) and (max-height: 1200px) { .removeLoginDiv { display: none !important; } .top-navi{ border-top: unset !important; } .hideLogin{ display:none; } } @@media screen and (max-width: 1050px) and (min-width: 1000px) and (max-height: 800px) { .user-menu-mobile{ display:none !important; } .hideLogin{ display:block; } } </style> @if (Dynamicweb.Core.Converter.ToBoolean(GetGlobalValue("Global:Extranet.UserName"))) { <div class="user-menu removeLoginDiv"> @if(Pageview.Device.ToString().ToUpper() != "MOBILE") { <a href="Default.aspx?ID=70"><strong>Hi @GetGlobalValue("Global:Extranet.FirstName")</strong></a> <div class="user-menu-dropdown removeLoginDiv"> <ul> <li style="border: none;"><a href='/view-profile'>@Translate("View Profile", "View Profile")</a></li> <li><a href='/edit-user-profile'>@Translate("Edit User Profile", "Edit User Profile")</a></li> <li><a href='/orders'>@Translate("Order History", "Order History")</a></li> <li><a href='/payment-options'>@Translate("Payment Options", "Payment Options")</a></li> <li><a href='/reorder-reminder'>@Translate("Reorder Reminder", "Reorder Reminder")</a></li> <li><a href='javascript:void(0);SiteLogout();'>@Translate("Logout", "Logout")</a></li> </ul> </div> } <br class="showhide-br"> </div> } @*<p style="margin-top: -11px;">@GetGlobalValue("Global:Extranet.SecondaryUser.UserID")</p>*@ @if (Dynamicweb.Core.Converter.ToBoolean(GetGlobalValue("Global:Extranet.UserName")) && GetLoop("DWExtranetSecondaryUsers").Count > 0) { <div class="impersonation-panel removeLoginDiv" style="margin-bottom: -20px;"> @*Impersonation*@ @if (!string.IsNullOrWhiteSpace(GetGlobalValue("Global:Extranet.SecondaryUser.UserName"))) { <input class="btn btn-default" style="width: 100% !important;padding-top: 0px !important;background-color: #ad2c13 !important;font-size: 12px; " type="button" id='showhidebtn' value='Impersonated by @GetGlobalValue("Global:Extranet.SecondaryUser.UserName")'> } <div id="impersonDiv" style="margin-bottom: -20px;position: absolute;background-color: white;z-index: 9999;border: 1px solid;display:none;padding: 0.5em 0.5em 0.5em 1em; line-height: 3px;"> @if (!string.IsNullOrWhiteSpace(GetGlobalValue("Global:Extranet.SecondaryUser.UserName"))) { string stopImpersonateTranslation = Translate("Stop impersonation", "Stop impersonation"); <i class="fa fa-user-secret"></i> <p>@Pageview.User.UserName<text>&nbsp;</text>@Translate("is impersonated by")<text>&nbsp;</text></p><p>@GetGlobalValue("Global:Extranet.SecondaryUser.UserName")</p> <form method="post"> <input type="submit" class="btn btn-default" name="DwExtranetRemoveSecondaryUser" value="@stopImpersonateTranslation" style="width: 139px !important;padding-top: 0px !important;background-color: #ad2c13 !important; "> </form> } else { @*<a href="/Default.aspx?ID=2953" title="View the list of users you can impersonate"><i class="fa fa-user-secret"></i>@Translate("View the list of users you can impersonate", "View the list of users you can impersonate")</a>*@ @*<a href="/Default.aspx?ID=2953" title="View the list of users you can impersonate"><i class="fa fa-user-secret"></i>@Translate("View impersonated user list", "View impersonated user list")</a>*@ } </div> <div> @if (string.IsNullOrWhiteSpace(GetGlobalValue("Global:Extranet.SecondaryUser.UserName"))) { <a href="/Default.aspx?ID=2953" title="View the list of users you can impersonate"><i class="fa fa-user-secret"></i>@Translate("View impersonated user list", "View impersonated user list")</a> } </div> </div> } <!--<div class="login-name">Welcome <br class="showhide-br">@GetString("DWExtranetUsername") | <a href="/Admin/Public/ExtranetLogoff.aspx?ID=@Pageview.ID"><i class="fa fa-sign-out"></i></a></div>--> </div> } @if(Pageview.Device.ToString().ToUpper() != "MOBILE") { <span class="borderLine removeLoginDiv" style="padding-top: 3.5px;">|</span> <div class="top-sign" id="noprint" style="width:auto; padding-top: 5px;"> <div style="float:left;"><img src="@sitepath/assets/images/Free_Delivery.png" style="width: 60px;"></div> <div style="float:left; line-height: 47px;"><span style="font-weight: bold; padding-left: 5px;">Above $80</span></div> </div> } @if(Pageview.Device.ToString().ToUpper() != "MOBILE") { @* <!-- Dynamicweb Search BEGIN --> *@ @*<!--<style> .searchBox_innner { border-bottom: unset !important; margin: 2px 5% 8px 5% !important; } </style> <div class="searchBox" style=" margin-left: 20px !important;float:left;border-radius: 25px;"> <div class="searchBox_innner"> <style> .my-search-icon, .my-search-icon:hover, .my-search-icon:focus { background-image: url(/files/images/plc/images/search-icon.svg); background-repeat: no-repeat; background-color: transparent; background-position: center; outline: none; } </style> <form method="get" id="searchForm1" onsubmit="return tolower('#searchForm1');" action="/Default.aspx"> <input type="hidden" name="ID" value="159" /> <table style="width: 100%;"> <tr> <td style="width: 10%;"> <button type="submit" id="submitSearch" class="my-search-icon"> <i class="fa fa-search"></i> </button> </td> <td style="width: 90%;"> <input type="text" class="form-control" id="search" name="q" tabindex="1" placeholder="@searchplaceholder" style="width: 100%;" autocomplete="off"> <ul class="searchSuggestUl" id="searchSuggest"></ul> </td> </tr> </table> </form> </div> </div>-->*@ @* <!-- Dynamicweb Search END --> *@ <div class="ais-InstantSearch" id="AlgoliaSearchDiv"> <div id="searchbox" onclick="searchclick()" onkeypress="" class="ais-SearchBox"></div> <div id="pro_popup_bg"></div> <div id="pro_popup_first" class="popup_first"> <div id="first_search" style="display:none;"> <h4 class="sugg_name">Trending Search Terms</h4> <div id="trend_search" class="recent"></div> <hr class="sep_bar"> <h4 class="sugg_name">Recent Searches</h4> <div id="recent_search" class="recent"></div> <div id="pagination"></div> </div> </div> <div id="pro_popup_second" class="popup_second"> <div id="second_search" style="display:none;"> <div class="grid"> <h4 class="sugg_name" style="display: inline-block;">Products</h4> </div> <div id="product"></div> <div id="searchproducts"></div> <div class="grid"> <h4 class="sugg_name" style="display: inline-block;">Brands</h4> </div> <div id="brand"></div> <h4 class="sugg_name">Categories</h4> <div id="catego"></div> <div id="AlgoliaTrickingId" style="display:none"></div> <hr class="sec_bar"> </div> </div> </div> } @if(Pageview.Device.ToString().ToUpper() == "MOBILE") { <style> input[type=search] { width: 300px; box-sizing: border-box; border: 2px solid #ccc; border-radius: 4px; font-size: 16px; background-color: white; background-image: url(/files/images/plc/images/search-icon.svg); background-position: 6px 4px; background-repeat: no-repeat; padding: 12px 20px 12px 40px; -webkit-transition: width 0.4s ease-in-out; transition: width 0.4s ease-in-out; } </style> <!-----------Algolia searchbox Mobile------------> <div class="ais-InstantSearch" id="AlgoliaSearchDiv" style="display:none;"> <div id="searchbox" onclick="searchclick()" onkeyup="typesearch()" class="ais-SearchBox"></div> <div id="pro_popup_bg" class="popup_bg"></div> <div id="pro_popup_first" class="popup_first"> <div id="first_search" style="display:none;"> <h4 class="sugg_name">Trending Search Terms</h4> <div id="trend_search" class="recent"></div> <hr class="sep_bar"> <h4 class="sugg_name">Recent Searches</h4> <div id="recent_search" class="recent"></div> </div> </div> <div id="pro_popup_second" class="popup_second"> <div id="second_search" style="display:none;"> <div class="grid"> <h4 class="sugg_name" style="display: inline-block;">Products</h4> </div> <div id="product"></div> <div id="searchproducts"></div> <div class="grid"> <h4 class="sugg_name" style="display: inline-block;">Brands</h4> </div> <div id="brand"></div> <h4 class="sugg_name">Categories</h4> <div id="catego"></div> @*<h4 class="sugg_name">More Info</h4> <div id="arti"></div>*@ <div id="AlgoliaTrickingId" style="display:none;"></div> <hr class="sec_bar"> </div> </div> <input type="button" class="cancel_btn" onclick="removeSearchDiv()" alt="submit" name="submit" value="Cancel"> </div> <!----------------------------end Algolia search box-----------------------------------> <!-- MODALS --> <!--<div class="modal fade" id="searchMobile" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true"> <div class="modal-dialog" style="top: 0px;padding: unset;margin: unset;"> <div class="modal-content" style=" background-color: #000 !important; border-radius: unset; width: 102%; left: -1px;"> @*<div class="modal-header"> <button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button> <p class="modal-title" id="myModalLabel">Search</p> </div>*@ <div class="modal-body" style="padding: 10px 25px 0px !important;"> <form method="get" id="searchForm" onsubmit="return tolower('#searchForm');" action="/Default.aspx"> <input type="hidden" name="ID" value="159" /> <table style="width: 100%;"> <tr> <button type="submit" id="submitSearch" class="hidden"> </button> @*<td style="width: 10%;"> <input type="image" src="assets/images/icon_Search.svg" alt="submit" name="submit" value="" /> </td>*@ <td style="width: 70%; position: relative; width: 240px;"> <input type="search" class="form-control" id="search" name="searchsuggest" tabindex="1" placeholder="@searchplaceholder" style="width: 100%;border:none: background:#fff; display:block; width: 100%; box-sizing: border-box" autocomplete="off"> @*<img src="/files/images/plc/images/search-icon.svg" style=" position: absolute; top: 13px; right: 5px; width:21px; background-color: white;"/> <ul class="searchSuggestUl" id="searchSuggest"></ul>*@ <img src="/Files/Images/plc/images/Search_Remove_Icon.svg" onclick="return clearSearchText();" style=" position: absolute; top: 7px; right: 2px; width:21px; background-color: white;"/> <ul class="searchSuggestUl" id="searchSuggest"></ul> </td> <td style="width: 20%;"> <input type="button" style=" border: unset; background-color: #000; color: #fff; padding-left: 20px;" onclick="removeSearchDiv()" alt="submit" name="submit" value="Cancel" /> </td> </tr> </table> </form> </div> @*<div class="modal-footer"> </div>*@ </div> </div> </div>--> <script> function showsearch(){ $('#AlgoliaSearchDiv').css("display","block"); } function removeSearchDiv() { $('#AlgoliaSearchDiv').css("display","none"); } function clearSearchText(){ $('#search').val(''); return false; } </script> @*<div class="alert-main" id="alertmain"> <div class="container"> <div class="pro-contentbox"> <div class="pro-content"> <form method="get" id="searchForm" onsubmit="return tolower('#searchForm');" action="/Default.aspx"> <input type="hidden" name="ID" value="159"> <table style="width: 100%;"> <tr> <td style="width: 90%;"> <input type="text" class="form-control" id="search" name="searchsuggest" tabindex="1" placeholder="@searchplaceholder" style="width: 100%;" autocomplete="off"> <ul class="searchSuggestUl" id="searchSuggest"></ul> </td> <td style="width: 10%;"> <input type="image" src="/Files/Templates/Designs/PLC/assets/images/icon_Search.svg" alt="submit" name="submit" value=""> </td> </tr> </table> </form> </div> </div> </div> </div>*@ } </div> <!-- <p>@System.Web.HttpContext.Current.Request.Browser.Platform @System.Web.HttpContext.Current.Request.Browser.Type @System.Environment.OSVersion @System.Web.HttpContext.Current.Request.UserAgent</p> --> <div style="" id="mainMenu" class="top-navi @Pageview.Device.ToString().ToUpper()"> @{ var menuSelect = ""; switch (Pageview.Device.ToString().ToUpper()) { case "MOBILE" : @RenderNavigation(new{ startlevel = "1", endlevel = "4", template = "LiCleanBootstrapDropdown_for_Mobile.xslt", expandmode = "all" }) <link rel="stylesheet" href="/Files/Templates/Designs/PLC/css/algolia_Mobile.css?v=4.4.1"> break; case "TABLET" : @RenderNavigation(new{ startlevel = "1", endlevel = "4", //template = "LiCleanBootstrapDropdown_for_Mobile.xslt", template = "LiCleanBootstrapDropdown_for_Tablet_New.xslt", //template = "LiCleanBootstrapDropdown.xslt", expandmode = "all" }) <script> $(document).ready(function(){ TabletNavigationMenuHandler(); $(window).on( "orientationchange", function( event ) { /*if (window.matchMedia('(max-width: 768px)').matches) { //alert('match'); } else { //alert('does not match'); if(@GetString("DWPageName") == 'Shopping Cart') { //prevention order process crush, doesn't reload } else if(@GetInteger("DWPageID") == '67') { //prevention order process crush, doesn't reload } else { location.reload(); } }*/ if('@GetString("DWPageName")' == 'Shopping Cart') { //prevention order process crush, doesn't reload } else if('@GetInteger("DWPageID")' == '67') { //prevention order process crush, doesn't reload } else { location.reload(); } TabletNavigationMenuHandler(); }); //prevention display:none when second time click on burger menu $('.showhide').click(function(){ if (window.matchMedia('(max-width: 820px)').matches) { $('.navigationSafri').find('.dropdown-column').attr('style','display: block'); $('.M2').find('.dropdown').attr('style','display: block'); $('.dropdown-column').attr('style','text-indent: -5px !important'); } else { //nothing doing for landscape view } }); }); function TabletNavigationMenuHandler(){ if (window.matchMedia('(max-width: 768px)').matches) { //alert('match'); $('.showhide').find('.title').attr('style','display: block'); $('.showhide').find('.icon').attr('style','display: block'); $('.M1.dropdown-menu').attr('style','margin-top: 0px !important'); $('.dropdown-column').attr('style','text-indent: -5px !important'); } else { //alert('does not match'); $('.showhide').click(); $('.showhide').find('.title').attr('style','display: none'); $('.showhide').find('.icon').attr('style','display: none'); $('.showhide').attr('style','display: none'); } } //----------------- BEGIN Tablet Menu Touch and Go ----------------- $('.m-col ul li a').on('click touchend', function(e) { var el = $(this); var link = el.attr('href'); if(link.indexOf('/') != -1 && !window.matchMedia('(max-width: 768px)').matches) { window.location = link; } }); $('.heroStyle .HeroItems .productname a').on('click touchend', function(e) { var el = $(this); var link = el.attr('href'); if(link.indexOf('/') != -1 && !window.matchMedia('(max-width: 768px)').matches) { window.location = link; } }); $('.top-navi .navbar-nav .dw-navbar-button a').on('click touchend', function(e) { var el = $(this); var link = el.attr('href'); if(link != null) { if(link.indexOf('/') != -1 && !window.matchMedia('(max-width: 768px)').matches) { window.location = link; } } }); //----------------- END Tablet Menu Touch and Go ----------------- </script> <style> .top-navi > .navbar-nav > .dw-navbar-button > .M1 > li > .m-col > ul > .dropdown-column, .top-navi > .navbar-nav > .dw-navbar-button > .M1 > li > .m-col > ul > .dropdown-column > .M2 > li { display: block !important; } </style> if(System.Web.HttpContext.Current.Request.UserAgent.Split('(')[1].Split(')')[0].ToUpper().Contains("ANDROID")) { <link rel="stylesheet" href="/Files/Templates/Designs/PLC/css/algolia_Tablet_Android.css?v=4.0.9"> } else { <link rel="stylesheet" href="/Files/Templates/Designs/PLC/css/algolia_Tablet.css?v=6.2.1"> } break; default : @RenderNavigation(new{ startlevel = "1", endlevel = "4", template = "LiCleanBootstrapDropdown.xslt", expandmode = "all" }) @*<text>@GetValue("DwNavigation(jetmenutopnavigation)")</text>*@ <link rel="stylesheet" href="/Files/Templates/Designs/PLC/css/algolia_Tablet.css?v=6.2.1"> break; } } </div> <div> @if(Pageview.Device.ToString().ToUpper() == "TABLET"){ <script> $(document).ready(function(){ $(".jetmenu").jetmenu(); }); </script> } @if(Pageview.Device.ToString().ToUpper() == "MOBILE") { <script> $(document).ready(function(){ $(".jetmenu").jetmenu(); }); </script> <style> @@media (max-width: 375px) .btn-sale { position: inherit !important; top: auto !important; } @@media (max-width: 480px) .btn-sale { position: inherit !important; top: auto !important; } @@media (max-width: 600px) .btn-sale { position: inherit !important; top: auto !important; } @@media (max-width: 768px) .btn-sale { position: inherit !important; top: auto !important; } .search-mobile { float: right; } .search-mobile > a > img { width: 20px; } .btn-sale-mobile { float: right; padding: 1px 0px 0px 0px; } .btn-sale-mobile > a > img { width: 85px; margin-top: -2px; } .search-mobile-algolia { position: relative; z-index: 999 !important; padding: 5px 10px 0px 0px; float: right; } @@media only screen and (device-width: 393px) and (device-height: 786px) and (orientation: landscape) { .search-mobile-algolia { position: relative; z-index: 999 !important; padding: 21px 10px 0px 0px; float: right; } .btn-sale-mobile { float: right; padding: 19px 0px 0px 0px; } } @@media only screen and (min-width: 360px) and (max-height: 640px) and (orientation: landscape) { .search-mobile-algolia { position: relative; z-index: 999 !important; padding: 16px 10px 0px 0px !important; float: right; } .btn-sale-mobile { float: right; padding: 13px 0px 0px 0px !important; } } </style> <div id="sale_mobile" class="btn-sale-mobile" style="display:none;"> <a href="Default.aspx?ID=@saleid&productclassic=true"> <img src="/Files/Templates/Designs/PLC/assets/images/btn_sale.png" alt="button image" title="Sale"> </a> </div> <!--<div class="search-mobile"> <a href="#" id="search-mobile-a" data-toggle="modal" data-target="#AlgoliaSearchDiv" > <img src="assets/images/icon_Search.svg" alt="Search" title="Search"> </a> </div>--> <div id="show_icon" class="search-mobile-algolia" onclick="showsearch()"> <img src="/Files/Templates/Designs/PLC/assets/images/icon_Search.svg" alt="Search" title="Search" style="width: 20;cursor: pointer;"> </div> } </div> @if(Pageview.Device.ToString().ToUpper() != "MOBILE") { <div class="btn-sale" style="display:none;"> <div> <a href="Default.aspx?ID=@saleid&productclassic=true"> <img src="/Files/Templates/Designs/PLC/assets/images/btn_sale.png" alt="button image" title="Sale"> </a> </div> </div> } </div> </div> </div> </header> @if(siteMaintenanceOnAndOff) { @RenderParagraphContent(7910) @RenderParagraphContent(7911) }else{ <div class="content-wrapper grid-full" id="mainpg"> <div onclick="topFunction()" id="myBtn" title="Go to top"></div> <script> $(document).ready(function() { $('.top').tipso({ position: 'top', background: '#000', useTitle: false, width: '', size: 'tiny', maxWidth: 250 }); }); var FacetDeisign = ""; </script> <style> @@media screen and (max-width: 800px) and (min-width: 700px) and (max-height: 1030px) { .Noti_Remove{ margin-top: 220px !important; } .whenNotiMainPg { margin-top: 220px !important; } .content-wrapper#mainpg{ margin-top: 246px; } } @@media screen and (max-width: 415px) and (min-width: 300px) and (max-height: 850px) { .Noti_Remove{ margin-top: 125px !important; } .whenNotiMainPg { margin-top: 120px !important; } } @@media screen and (max-width: 700px) and (min-width: 600px) and (max-height: 400px) { .content-wrapper#mainpg{ margin-top: 255px; } } </style> @GetValue("Title(Full width page)") @GetValue("Description(Use this page for full width pages with no left navigation.)") @{ string siteurl = GetGlobalValue("Global:Request.Url").ToString(); string target = GetString("Item.Page.Target.Options"); } <div class="content-wrapper2 grid-full"> @if(GetString("DwPageName_4").Length>0) { <script> window.DY = window.DY || {}; DY.recommendationContext = { type : "CATEGORY" , data : [ "@GetString("DwPageName_1").Trim()","@GetString("DwPageName_2").Trim()" ,"@GetString("DwPageName_3").Trim()","@GetString("DwPageName_4").Trim()" ]}; </script> } else if(GetString("DwPageName_3").Length>0) { <script> window.DY = window.DY || {}; DY.recommendationContext = { type : "CATEGORY" , data : [ "@GetString("DwPageName_1").Trim()","@GetString("DwPageName_2").Trim()" ,"@GetString("DwPageName_3").Trim()" ]}; </script> } else if(GetString("DwPageName_2").Length>0) { <script> window.DY = window.DY || {}; DY.recommendationContext = { type : "CATEGORY" , data : [ "@GetString("DwPageName_1").Trim()","@GetString("DwPageName_2").Trim()" ]}; </script> } else if(GetString("DwPageName_1").Length>0) { <script> window.DY = window.DY || {}; DY.recommendationContext = { type : "CATEGORY" , data : [ "@GetString("DwPageName_1").Trim()" ]}; </script> } <div class="inner-content grid" style="background-color:#fff;"> @if (GetBoolean("Item.Page.LayoutShowBreadcrumb")) { <div class="breadcrumb style2 col-1-1"> @GetValue("DwNavigation(breadcrumb)") </div> <hr> } @if (!GetBoolean("Item.Page.LayoutHideLeftMenu")) { <div class="col-md-3 col-sm-3 col-3-12"> <div class="widget"> <div class="sidenavi-title col-1-1"> @GetGlobalValue("Global:Page.Top.Name") </div> <ul class="sidenavi"> <li class="current curSub"> <a><span>@GetGlobalValue("Global:Page.Top.Name")</span></a> @GetValue("DwNavigation(leftnavigation)") </li> </ul> </div> @RenderSnippet("facetSnippet") </div> } @{ var attributeValue = "col-md-9 col-sm-9 col-xs-12"; if (GetBoolean("Item.Page.LayoutHideLeftMenu")) { attributeValue = "col-md-12 col-sm-12 col-xm-12"; } } <div class="@attributeValue"> <div class="grid" id="maincontent">@GetValue("DwContent(maincontent)")</div> </div> @*<div align="right" class="col-1-1"> <a onclick="$('html, body').animate({ scrollTop: 0 }, 'fast');" href="javascript:void(0)" class="btn-arrow"><i class="fa fa-chevron-circle-up"></i> Top </a> </div>*@ </div> </div> <div hidden=""> <!-- Page proterty Custom_Script --> @SnippetStart("CustomScriptSnippet") @GetString("Item.Page.Custom_Script") @SnippetEnd("CustomScriptSnippet") </div> <script> $(document).ready(function () { $('.dw-categories > li > a > span').click(function (e) { e.preventDefault(); $that = $(this); $that.closest('li').find('ul').slideToggle(); $that.closest('li').toggleClass("list-open-active"); }); $('.dw-categories > li > ul > li > a > span').click(function (e) { e.preventDefault(); $that = $(this); $that.closest('li').find('ul').slideToggle(); $that.closest('li').toggleClass("list-open-active"); $that.closest('span').toggleClass("active-close"); }); $('.dw-categories > li > a > span').click(function (e) { e.preventDefault(); $that = $(this); $that.closest('li').toggleClass("list-open-active"); $that.closest('span').toggleClass("active-close"); }); }); </script> </div> } <footer class="grid-full maintenancepageactivated" id="noprint"> <div class="grid"> <div class="footer1"> <div class="col-1-2"> <div class="col-1-2 tab-col-1-1 mobile-col-1-1"> <ul class="footer_list"> <li class="title">Brand Profile</li> @GetValue("DwNavigation(Brand)") </ul> <br> <ul class="footer_list"> <li class="title">Shopping</li> @GetValue("DwNavigation(Shopping)") </ul> </div> <div class="col-1-2 tab-col-1-1 mobile-col-1-1"> @*<br class="only-small-screen" style="display:none;">*@ <ul class="footer_list"> <li class="title">Our Services</li> @GetValue("DwNavigation(Services)") </ul> </div> </div> <div class="col-1-2 tab-col-1-2 mobile-col-1-1"> <div class="col-1-2 tab-col-1-1"> <ul class="footer_list"> <li class="title">Members' Lounge</li> @GetValue("DwNavigation(Members)") </ul> <br> <ul class="footer_list"> <li class="title">Policies</li> @GetValue("DwNavigation(Policies)") </ul> </div> <div class="col-1-2 tab-col-1-1"> @*<br class="only-small-screen" style="display:none;">*@ <ul class="footer_list"> <li class="title">Learning Centre</li> @GetValue("DwNavigation(Resources)") </ul> <br> <ul class="footer_list"> @GetValue("DwNavigation(Locations)") </ul> <br> <ul class="footer_list"> <li class="title">Customer Care</li> @GetValue("DwNavigation(Care)") </ul> </div> </div> </div> <div class="footer2"> <div class="col-1-2" style="display:none;"> <div id="likebox-wrapper"> @*@GetString("Item.Area.Facebook_Like_Box")*@ </div> </div> <div class="row" style="margin-left:0;margin-right:0;"> <div class="col-lg-6 subscribe-box" id="test"> @{ if(GetBoolean("Item.Area.News_Letter_") && !Dynamicweb.Core.Converter.ToBoolean(GetGlobalValue("Global:Extranet.UserName"))) { <div class="signup-box"> <h2>Subscribe to our Newsletter!</h2> <div class="signupBox"> <div class="signupBox_innner"> <form action="/Default.aspx?ID=157" method="post"> <input name="UserManagement_Form_Email" type="text" id="UserManagement_Form_Email" placeholder="Enter your email address"> <input name="submit" type="image" src="/Files/Templates/Designs/PLC/assets/images/icon_go.png" id="submit"> </form> </div> </div> </div> } } <div class="question-box"> <h2>@GetString("Item.Area.Question_Box_Label")</h2> @GetString("Item.Area.Question_Box_Description") </div> </div> <div class="col-lg-6 vip-concierge"> <p style="font-size: 17px; margin-top: -0.5em;"> <h2 style="font-weight: normal; font-size: 20px;">Download <strong>VIP Concierge</strong> Today!</h2> <p class="vip-service"> Your one-stop app for all VIP Membership services. </p> </p> @if(Pageview.Device.ToString().ToUpper() == "DESKTOP"){ <div class="row" style="margin-bottom:10px;"> <img src="/Files/Images/plc/images/QR_code.png" style="margin-left:12px;"> </div> }else{ <div class="row" style="margin-bottom:10px;"> <a href="https://apps.apple.com/sg/app/pet-lovers-centre-vip/id1471953601" target="_blank"> <img src="/Files/Images/plc/images/Recurring/App_Store.png" style="width:11.2em;"> </a> <a href="https://play.google.com/store/apps/details?id=com.petloverscentre.vipconcierge&hl=en" target="_blank"> <img src="/Files/Images/plc/images/Recurring/Google_Store.png" style="width:11.2em;"> </a> </div> } </div> </div> <div class="row" style="margin-left:0;margin-right:0;"> <div class="col-lg-6 social-box"> <p class="bold">Connect with us</p> <ul> @{ string socialLinkFacebook = GetString("Item.Area.Facebook_Link"); string socialLinkYoutube = GetString("Item.Area.YouTube_Link"); string twitter = GetString("Item.Area.Twitter_Link"); string instagram = GetString("Item.Area.Instagram_Link"); string socialLinkTikTok = GetString("Item.Area.TikTok_Link"); string social1 = GetString("Item.Area.Social1_Link"); string social2 = GetString("Item.Area.Social2_Link"); string social3 = GetString("Item.Area.Social3_Link"); string social4 = GetString("Item.Area.Social4_Link"); } <li><a href="@socialLinkFacebook" target="_blank"><img src="/Files/Templates/Designs/PLC/assets/images/icon_fb.png" alt="icon" title="Facebook"></a></li> <li><a href="@twitter" target="_blank"><img src="/Files/Templates/Designs/PLC/assets/images/icon_tw.png" alt="icon" title="Twitter"></a></li> <li><a href="@socialLinkYoutube" target="_blank"><img src="/Files/Templates/Designs/PLC/assets/images/icon_yt.png" alt="icon" title="Youtube"></a></li> <li><a href="@instagram" target="_blank"><img src="/Files/Templates/Designs/PLC/assets/images/ig_icon.png" alt="icon" title="Instagram"></a></li> @if(!string.IsNullOrEmpty(socialLinkTikTok)) { <li><a href="@socialLinkTikTok" target="_blank"><img src="/Files/Templates/Designs/PLC/assets/images/tiktok_icon.png" alt="icon" title="Instagram"></a></li> } @if(!string.IsNullOrEmpty(social1)) { <li><a href="@social1" target="_blank"><img src="/Files/Templates/Designs/PLC/assets/images/social1_icon.png?v=1.0" alt="icon" title="Social1"></a></li> } @if(!string.IsNullOrEmpty(social2)) { <li><a href="@social2" target="_blank"><img src="/Files/Templates/Designs/PLC/assets/images/social2_icon.png?v=1.0" alt="icon" title="Social2"></a></li> } @if(!string.IsNullOrEmpty(social3)) { <li><a href="@social3" target="_blank"><img src="/Files/Templates/Designs/PLC/assets/images/social3_icon.png?v=1.0" alt="icon" title="Social3"></a></li> } @if(!string.IsNullOrEmpty(social4)) { <li><a href="@social4" target="_blank"><img src="/Files/Templates/Designs/PLC/assets/images/social4_icon.png?v=1.0" alt="icon" title="Social4"></a></li> } </ul> </div> <!--<div class="chat-box"><a href="#"><img src="assets/images/btn_chat.png" alt="" title=""></a></div>--> <div class="col-lg-6 site-info"> This site is best viewed in Chrome v.66, Safari v.11, Microsoft Edge v.42 and above for desktop & mobile. </div> </div> </div> </div> <div class="grid-full footer-bottom"> <div class="grid"> <p class="footer-bottom1"><a href="javascript:void(0);" style="cursor: default;">Asia's <span style="font-style: italic;">preferred</span> Pet Store!</a></p> <p class="footer-bottom2">@GetString("Item.Area.Footer")<a href="petlovercentre.com">.</a></p> </div> </div> </footer> @if (Dynamicweb.Core.Converter.ToBoolean(GetGlobalValue("Global:Extranet.UserName"))) { int i=Convert.ToInt32(GetGlobalValue("Global:Extranet.UserID")); DateTime today=DateTime.Now; DateTime expDate = new DateTime(); DateTime dobDate = new DateTime(); var VIPCard=""; var VIPContactNumber = ""; Dynamicweb.Security.UserManagement.User u = Dynamicweb.Security.UserManagement.User.GetUserByID(i); foreach (CustomFieldValue val in u.CustomFieldValues) { CustomField field = val.CustomField; string fieldName=field.Name; if(fieldName=="DOB") { dobDate=(DateTime)val.Value; } if(fieldName=="VIP Contact Number") { VIPContactNumber=(string)val.Value; } if(fieldName=="VIP Card No") { VIPCard=(string)val.Value; } } if( !string.IsNullOrWhiteSpace(VIPCard)) { try { string cardDetailResponse = new System.Net.WebClient().DownloadString("http://" + System.Web.HttpContext.Current.Request.Url.Host + "/utilities/json-vip-services?Action=GetNewestCardByMobileNumber&VIPContactNumber=" + @VIPContactNumber.Replace("+", "PLUS")); var JObjCardDetail = JObject.Parse(cardDetailResponse); expDate = Convert.ToDateTime(JObjCardDetail["ExpDate"].ToString()).AddHours(8); if(expDate.Date <= today.Date && expDate.Date != Convert.ToDateTime("01/01/0001")) { <text> <style> a:hover{ border-bottom: unset !Important; } </style> <script type="text/javascript"> $(document).ready(function(){ var alerted = getCookie("IsVIPExpire"); console.log(alerted); if (alerted != 'False'){ expiredVIP(); } }) function expiredVIP() { var mobileDevice2 = '@Pageview.Device.ToString().ToUpper()'; if(mobileDevice2 == "MOBILE") { var customCSS = '<style>'; customCSS += '.ui-dialog.ui-widget.ui-widget-content.ui-corner-all.ui-draggable.ui-dialog-buttons{ top: 375px !important; width: 100% !important; z-index: 999999 !important; left: unset !important;}'; customCSS += '.ui-icon{ margin-top: .3em !important; float: right !important;} .ui-dialog-titlebar-close{ border: none !important; }'; customCSS += '.ui-dialog-titlebar.ui-widget-header.ui-corner-all.ui-helper-clearfix{ border: none; background: no-repeat; }'; customCSS += '.ui-widget-content{ border: none; }'; customCSS += '</style>'; var messageBody = '<div style="text-align: right;"><a href="javascript:void(0);CloseFunction();"><img src="/Files/Images/plc/images/remove_icon.svg" style="width:15px;"></a></div>'; messageBody += '<style>.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset {display:none !important;} .ui-dialog-titlebar.ui-widget-header.ui-corner-all.ui-helper-clearfix {display:none !important;}</style>'; messageBody += '<div style=" font-size: 18px; text-align: center; color: #ec1d23; font-weight: 700;">You VIP membership has expired</div>'; messageBody += '<div style=" font-size: 18px; text-align: center; padding-top: 19px;"><span>Renew your VIP membership to enjoy exclusive</span> <span>Members&#39; Pricings, Birthday Offers and earn Loyalty</span> <span>Points to redeem for vouchers!</span></div>'; messageBody += '<div style="padding-top:20px; height: 75px;"><a style="color: #fff !important; background-color: #ad2c13; padding: 10px 20px 10px 20px; border-radius: 20px; font-size: 18px; " href="https://vip.petloverscentre.com/en_SG/renew-card">Renew VIP membership</a></div>'; var htmlMessgarPara = '<div class="popup" style="text-align: center; margin-top: -15px;padding-left:5px;">' + customCSS + messageBody + '</div>' }else{ var customCSS = '<style>'; customCSS += '.ui-dialog.ui-widget.ui-widget-content.ui-corner-all.ui-draggable.ui-dialog-buttons{ top: 375px !important; width: 450px !important; z-index: 999999 !important;}'; customCSS += '.ui-icon{ margin-top: .3em !important; float: right !important;} .ui-dialog-titlebar-close{ border: none !important; }'; customCSS += '.ui-dialog-titlebar.ui-widget-header.ui-corner-all.ui-helper-clearfix{ border: none; background: no-repeat; }'; customCSS += '.ui-widget-content{ border: none; }'; customCSS += '</style>'; var messageBody = '<div style="text-align: right;"><a href="javascript:void(0);CloseFunction();"><img src="/Files/Images/plc/images/remove_icon.svg" style="width:15px;"></a></div>'; messageBody += '<style>.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset {display:none !important;} .ui-dialog-titlebar.ui-widget-header.ui-corner-all.ui-helper-clearfix {display:none !important;}</style>'; messageBody += '<div style=" font-size: 18px; text-align: center; color: #ec1d23; font-weight: 700;">You VIP membership has expired</div>'; messageBody += '<div style=" font-size: 18px; text-align: center; padding-top: 19px;"><span>Renew your VIP membership to enjoy exclusive</span><br><span>Members&#39; Pricings, Birthday Offers and earn Loyalty</span><br><span>Points to redeem for vouchers!</span></div>'; messageBody += '<div style="padding-top:20px; height: 75px;"><a style="color: #fff !important; background-color: #ad2c13; padding: 10px 20px 10px 20px; border-radius: 20px; font-size: 18px; " href="https://vip.petloverscentre.com/en_SG/renew-card">Renew VIP membership</a></div>'; var htmlMessgarPara = ' <div class="popup" style="text-align: center; margin-top: -15px;padding-left:5px;">' + customCSS + messageBody + '</div>' } document.cookie = "IsVIPExpire=False; expires=Sat, 31 Dec 2050 12:00:00 UTC; path=/;"; ShowVIPExpiredMessage(htmlMessgarPara); } function CloseFunction(){ $('.ui-dialog-buttonset').find("button").click(); } function ShowVIPExpiredMessage(messgarPara) { var NewDialog; NewDialog = $('<div class="popup" title="Message" style="text-align:center; padding-top:2em;">' + messgarPara + '</div>'); NewDialog.dialog({ resizable: false, modal: true, open: function(event, ui) { $(".ui-dialog-titlebar-close").hide(); }, show: 'clip', buttons: { "Ok": function() { //$(this).dialog("close"); $(this).dialog('destroy').remove(); } } }); } </script> </text> } } catch(Exception ex) { <text> <script> console.log("ERROR: Exception Message: @ex.Message"); </script> </text> } } } <script src="/Files/Templates/Designs/PLC/js/dropdown.js" type="text/javascript"></script> <script type="text/javascript"> $(function() { var dd1 = new DropDown1( $('.dd1') ); var dd2 = new DropDown2( $('.dd2') ); $(document).click(function() { $('.wrapper-dropdown-3').removeClass('active'); }); }); </script> <!--<script> (function($){ $(window).load(function(){ $(".cart-content").mCustomScrollbar({ theme:"dark-thick" }); }); })(jQuery); </script>--> <!--<script> $('.top-navi').addClass('original').clone().insertAfter('.top-navi').addClass('cloned').css('position','fixed').css('top','0').css('margin-top','0').css('z-index','10000').removeClass('original').hide(); scrollIntervalID = setInterval(stickIt, 10); function stickIt() { var orgElementPos = $('.original').offset(); orgElementTop = orgElementPos.top; if ($(window).scrollTop() >= (orgElementTop)) { // scrolled past the original position; now only show the cloned, sticky element. // Cloned element should always have same left position and width as original element. orgElement = $('.original'); coordsOrgElement = orgElement.offset(); leftOrgElement = coordsOrgElement.left; widthOrgElement = orgElement.css('width'); $('.cloned').css('left',0).css('box-shadow','3px 3px 3px 3px rgba(0,0,0,0.32)').css('top',0).css('background','#FFFFFF').css('width','100%').show(); $('.cloned .jetmenu').css('padding-left',leftOrgElement+'px'); $('.original').css('visibility','hidden'); } else { // not scrolled past the menu; only show the original menu. $('.cloned').hide(); $('.original').css('visibility','visible'); } } </script> --> @{ var birthday = false; int bday=0; int vip=0; bool userHasValidVipCard = false; bool userHasVIPCard = false; DateTime today1 = DateTime.Now; DateTime expDate1 = new DateTime(); if (Dynamicweb.Core.Converter.ToBoolean(GetGlobalValue("Global:Extranet.UserName"))) { int i = Convert.ToInt32(GetGlobalValue("Global:Extranet.UserID")); Dynamicweb.Security.UserManagement.User u = Dynamicweb.Security.UserManagement.User.GetUserByID(i); foreach (CustomFieldValue val in u.CustomFieldValues) { CustomField field = val.CustomField; string fieldName = field.Name; if(fieldName == "DOB") { DateTime bDay = new DateTime(); if(val.Value != null) { bDay = (DateTime)val.Value; if(bDay.Month == today1.Month) { birthday = true; } } } if(fieldName == "ExpryDate") { expDate1 = (DateTime)val.Value; } switch (fieldName.ToUpper()) { case "VIP CARD NO": userHasVIPCard = !string.IsNullOrEmpty((val.Value).ToString()); break; case "EXPRYDATE": userHasValidVipCard = expDate1.Date < today1.Date; break; default: break; } } } if(birthday){ bday=1; } if(userHasVIPCard){ vip=1; } string loggedin=""; var vbs = System.Web.HttpContext.Current.Request["loggedin"]; if(vbs!=null){ loggedin=vbs.ToString(); }else{ loggedin="0"; } if (Dynamicweb.Core.Converter.ToBoolean(GetGlobalValue("Global:Extranet.UserName"))) { string email=GetGlobalValue("Global:Extranet.UserName"); <!--<text><p>shiwanka 1 @userHasValidVipCard @userHasVIPCard</p></text>--> if(loggedin=="1"){ //System.Web.HttpContext.Current.Session.Add("loggedin", "1"); <script type="text/javascript"> $(document).ready(function(){ window.DY = window.DY || {}; DY.API("event", { name: "Login", properties: { dyType: "login-v1", hashedEmail: DYO.dyhash.sha256('@email'), bDay:@bday, vipLevel:@vip } }); if(window.location.href.indexOf("loggedin")>0 && window.location.href.indexOf("shopping")>0){ window.history.replaceState({}, document.title, "/" + "shopping-cart"); return; } if(window.location.href.indexOf("loggedin")>0){ window.history.replaceState({}, document.title, "/" + "home"); return; } }); </script> } } } <script type="text/javascript"> function queryStringLinks(){ var mainLinks = document.getElementsByName("main"); for(var i = 0;i< mainLinks.length; i++){ if(mainLinks[i].innerHTML == "Brand" || mainLinks[i].innerHTML == "Burb" || mainLinks[i].innerHTML == "applpaws" ){} else if( mainLinks[i].innerHTML =="Home"){mainLinks[i].href="@globalurl";} else if(mainLinks[i].innerHTML != "Fish"){ mainLinks[i].href += "?firstgroup="+(mainLinks[i].innerHTML.substring(0,mainLinks[i].innerHTML.length -1).toLowerCase()); } else{ mainLinks[i].href += "?firstgroup="+(mainLinks[i].innerHTML).toLowerCase(); } } var mainmenu = document.getElementsByName("mainmenu"); for(var i = 0;i< mainmenu.length; i++){ var firstLinks = mainmenu[i].querySelectorAll('[name=first]'); var thirdMenu = mainmenu[i].querySelectorAll('[name=Third]'); var secondLinks = mainmenu[i].querySelectorAll('[name=second]'); var nothirdLinks = 0; if(mainmenu[i].getAttribute("id") == "Small Pets"){ mainmenu[i].setAttribute("id","SmallPets"); } var firstLinkHTML = ""; var mainLinks = document.getElementsByName("main"); for(var k = 0;k<firstLinks.length; k++){ if(k==0){ if(firstLinks[k].innerHTML !="Fish"){ if(firstLinks[k].innerHTML !="Brand"){ firstLinkHTML = firstLinks[k].innerHTML.substring(0,firstLinks[k].innerHTML.length -1); firstLinks[k].href += "?firstgroup="+(firstLinkHTML).toLowerCase(); } else{ firstLinks[k].href += "/"+(firstLinkHTML).toLowerCase(); } } else{ firstLinkHTML = firstLinks[k].innerHTML; firstLinks[k].href += "?firstgroup="+(firstLinkHTML).toLowerCase(); } } else{ firstLinks[k].href += "/"+(firstLinkHTML).toLowerCase(); } } for(var j=0;j<secondLinks.length;j++){ if(firstLinks[0].href.indexOf("brand")>-1){ } else{ secondLinks[j].href = firstLinks[0].href+"&secondgroup="+(secondLinks[j].innerHTML.replace("&amp;","-a-")).toLowerCase(); } } for(var j=0;j<secondLinks.length;j++){ if(secondLinks[j].parentNode.getElementsByTagName('ul').length ==0){ nothirdLinks++; } if(thirdMenu[j]!=null){ var thirdLinks = thirdMenu[j].querySelectorAll("a"); for(var l=0;l<thirdLinks.length;l++){ thirdLinks[l].href = secondLinks[j+nothirdLinks].href+"&thirdgroup="+(thirdLinks[l].innerHTML.replace("&amp;","-a-")).toLowerCase(); } } } } } $(document).ready(function() { $('#tableData').paging({limit:50}); //queryStringLinks(); }); $(document).ready(function(){ $(".dropdown").hover( function() { $('.dropdown-menu', this).fadeIn("fast"); }, function() { $('.dropdown-menu', this).fadeOut("fast"); }); }); function RefreshImage(valImageId) { var objImage = document.images[valImageId]; if (objImage == undefined) { return; } var now = new Date(); objImage.src = objImage.src.split('?')[0] + '?x=' + now.toUTCString(); } $(document).ready(function(){ $("#btnSubmit").click( function() { // alert($("#captchacode").val()) $.getJSON("/inc/captcha.asp?validateCaptchaCode=" + $("#captchacode").val() + "&format=json&jsoncallback=?", function(data) { if (data.status == "1") { $("#moreinfo-form").submit(); result = true; } else { if (data.session == "0") RefreshImage("imgCaptcha"); alert("Enter captcha code correctly please"); $("#captchacode").focus(); result = false; } }); }); }); </script> <!--------------------------------------------------------------Search ---------------------------------------------------------------> <script> function tolower(id){ document.getElementById('search').value=(document.getElementById('search').value).toLowerCase(); } </script> <!----------------------------------------------------------------------Search End------------------------------------------------------------> <style> #AddtoItem { position: fixed; top: 0%; width: 260px; background: #fff; height: 420px; -webkit-box-shadow: 1px 1px 6px 0px rgba(50, 50, 50, 0.75); -moz-box-shadow: 1px 1px 6px 0px rgba(50, 50, 50, 0.75); box-shadow: 1px 1px 6px 0px rgba(50, 50, 50, 0.75); overflow-y: hidden; overflow-x: hidden; margin: 10px; right: 20px; font-weight: 700; } #AddtoItem .modal-backdrop.in { opacity: 0; } img#show { border: 1px solid #bbb; width: 100px; height: auto; margin: 0px auto; display: block; } #AddtoItem h4 { margin: 10px; } #AddtoItem hr { width: 90%; display: block; margin: 0px auto; } #showbox .op { color: #c8c8c8; text-decoration: line-through; float: left; } #showbox .np { float: right; } #showbox .save-price { width: 100%; font-size: 12px; float: left; margin: 0; } .M2 > li > a { margin-left: 0px !important; } .loadingImg { position: absolute; top: 60%; z-index: 9999; left: 50%; } </style> <div class="modal fade" id="AddtoItem"> <h3 style="text-align: center;">Added to Cart</h3> <table id="showbox"> </table> </div><!-- /.modal --> <div id="clientLoginForm" style="display:none;padding: 0px 5px;"> <h3>Login to Demo Site</h3> <p><label>Password:</label>&nbsp;&nbsp;<input type="text" name="clientLoginPassword" id="clientLoginPassword" style="width:90%;"></p> <input type="button" onclick="checkPassword()" value="Login"><br> <br> </div> <div id="addingToCart" style="display:none; background: none;"> <h3><img src="/Files/Templates/Designs/PLC/fancybox/fancybox_loading.gif"></h3> </div> @RenderSnippet("CustomScriptSnippet") <script> function getCookie(cname) { var name = cname + "="; var ca = document.cookie.split(';'); for(var i = 0; ca.length > i; i++) { var c = ca[i]; while (c.charAt(0) == ' ') { c = c.substring(1); } if (c.indexOf(name) == 0) { return c.substring(name.length, c.length); } } return ""; } @*<!-- User Search History BEGIN -->*@ @if(!string.IsNullOrEmpty(GetString("DW_extranet_AccessUserID")) || string.IsNullOrEmpty(GetString("DW_extranet_AccessUserID"))) { <text> function getUserSearchHistory() { //document.cookie = "UserSearchHistoryCookieData=" + userSearchHistoryCookieData1 + "; expires=Sat, 31 Dec 2050 12:00:00 UTC"; var userSearchHistory = []; var userSearchHistoryCookieData = getCookie("UserSearchHistoryCookieData"); if(userSearchHistoryCookieData != null && userSearchHistoryCookieData != "" && userSearchHistoryCookieData.length > 0) { userSearchHistory = userSearchHistoryCookieData.split(","); } return userSearchHistory; } function displayUserSearchHistory() { var userSearchHistory = getUserSearchHistory(); var userSearchHistoryHtmlString = '<div class="ais-Hits ais-Hits--empty">No results</div>'; if(userSearchHistory.length > 0) { userSearchHistoryHtmlString = '<div class="ais-Hits"><ol class="ais-Hits-list">'; $.each(userSearchHistory, function( index, value ) { userSearchHistoryHtmlString += '<li class="ais-Hits-item">'; @*userSearchHistoryHtmlString += '<div><div class="recent-name"><a href="/search?searchsuggest=' + value + '" class="link_recent" >' + value.toUpperCase() + '</a></div></div>';*@ userSearchHistoryHtmlString += '<div><div class="recent-name"><a href="/search?q=' + value + '" class="link_recent" >' + value.toUpperCase() + '</a></div></div>'; userSearchHistoryHtmlString += '</li>'; }); userSearchHistoryHtmlString += '</ol></div>'; } $('#recent_search').html(''); $('#recent_search').append(userSearchHistoryHtmlString); } function addUserSearchHistory(searchKeyWord) { var userSearchHistoryLimit = 6; var userSearchHistory = []; var userSearchHistoryCookieData = getCookie("UserSearchHistoryCookieData"); if(userSearchHistoryCookieData != null && userSearchHistoryCookieData != "" && userSearchHistoryCookieData.length > 0) { userSearchHistory = userSearchHistoryCookieData.split(","); //console.log(userSearchHistory.length); if(userSearchHistory.length >= userSearchHistoryLimit) { userSearchHistory.shift(); } } userSearchHistory.push(searchKeyWord); document.cookie = "UserSearchHistoryCookieData=" + userSearchHistory + "; expires=Sat, 31 Dec 2050 12:00:00 UTC; path=/"; return userSearchHistory; } $(document).ready(function(){ @if(Pageview.Device.ToString().ToUpper() != "MOBILE") { <text> $("#searchbox").keyup(function() { if($("#searchbox").find("input").val() != null && $("#searchbox").find("input").val() != "" && $("#searchbox").find("input").val().length > 0) { typesearch(); } }); </text> } //alert("Document: " + $(document).width() + ", window: " + $(window).width() + "Device info: @System.Web.HttpContext.Current.Request.UserAgent.Split('(')[1].Split(')')[0].ToUpper()"); }); $(window).on('load', function() { $("#searchbox").find("input").keypress(function(event){ if (event.keyCode === 13 || event.which === 13) { var userSearchKeyInWord = $("#searchbox").find("input").val(); if($("#searchbox").find("input").val() != null && $("#searchbox").find("input").val() != "" && $("#searchbox").find("input").val().length > 0) { //var userSearchKeyInWord = $("#searchbox").find("input").val(); //addUserSearchHistory(userSearchKeyInWord); //displayUserSearchHistory(); window.location.href = "/search?searchsuggest=" + userSearchKeyInWord; //window.location.href = "/search?q=" + userSearchKeyInWord; } } }); //Search icon work $( ".ais-SearchBox-submit" ).click(function() { if($("#searchbox").find("input").val() != null && $("#searchbox").find("input").val() != "" && $("#searchbox").find("input").val().length > 0) { var userSearchKeyInWord = $("#searchbox").find("input").val(); addUserSearchHistory(userSearchKeyInWord); displayUserSearchHistory(); window.location.href = "/search?searchsuggest=" + userSearchKeyInWord; //window.location.href = "/search?q=" + userSearchKeyInWord; } }); $("#viewAllProduct").click(function() { if($("#searchbox").find("input").val() != null && $("#searchbox").find("input").val() != "" && $("#searchbox").find("input").val().length > 0) { var userSearchKeyInWord = $("#searchbox").find("input").val(); addUserSearchHistory(userSearchKeyInWord); displayUserSearchHistory(); window.location.href = "/search?searchsuggest=" + userSearchKeyInWord; //window.location.href = "/search?q=" + userSearchKeyInWord; } }); }); </text> } @*<!-- User Search History END -->*@ @*<!-- Algolia retrieve data from json files BEGIN -->*@ <!-- Start Trending Search--> var algoliaTrendURLs = {}; $(document).ready(function(){ var algoliaTrendUrlJsonFileUrl = "/utilities/json-trending-search"; $.ajax({ type : 'GET', url : algoliaTrendUrlJsonFileUrl, async : false, success : function(algoliaTrendData) { algoliaTrendURLs = algoliaTrendData; } }); var TrendingSearchHtmlString = '<div class="ais-Hits ais-Hits--empty">No results</div>'; if(Object.keys(algoliaTrendURLs).length !== 0 && algoliaTrendURLs != null) { TrendingSearchHtmlString = '<div class="ais-Hits"><ol class="ais-Hits-list">'; for(var i=0; i<6; i++){ TrendingSearchHtmlString += '<li class="ais-Hits-item">'; TrendingSearchHtmlString += '<div><div class="recent-name"><a href="' + algoliaTrendURLs[i].url + '" class="link_recent" >' + algoliaTrendURLs[i].Name + '</a></div></div>'; //TrendingSearchHtmlString += '<div><div class="recent-name"><text class="link_recent" onclick="TrendingSearch(\''+ algoliaTrendURLs[i].Name +'\')">' + algoliaTrendURLs[i].Name + '</text></div></div>'; TrendingSearchHtmlString += '</li>'; } TrendingSearchHtmlString += '</ol></div>'; } $('#trend_search').html(''); $('#trend_search').append(TrendingSearchHtmlString); }); function TrendingSearch(name){ $("#searchbox").find("input").val(name); //window.location="/search?searchsuggest="+name //var $inputbox =$("input.ais-SearchBox-input"); //$inputbox.addClass('focus-visible'); //$inputbox.val(name); //$inputbox.keyup(); //$("#searchbox").find("form").submit(); //$inputbox.keypress(); //$inputbox.keyup(); //$inputbox.keypress(); //document.getElementsByClassName('ais-SearchBox-input')[0].value=name; //$("#searchbox").find("input").val(name); //$("#searchbox").keypress(); //$("#searchbox").find("input").click(); //$("#searchbox").find("input").keydown(); //var DownEvent = jQuery.Event("keydown"); //DownEvent.which = 32; //$("#searchbox").find("input").trigger(DownEvent); //var PressEvent = jQuery.Event("keypress"); //PressEvent.which = 32; //$("#searchbox").find("input").keypress(); //$("#searchbox").find("input").keyup(); //$("#searchbox").find("input").blur() } <!--End Trending Search--> var algoliaCategoryUrls = {}; $(document).ready(function(){ var algoliaCategoryUrlJsonFileUrl = "/Files/Files/Algolia/AlgoliaCategoryUrls.json?v=" + (new Date()).getTime(); $.ajax({ type : 'GET', url : algoliaCategoryUrlJsonFileUrl, async : false, success : function(algoliaCategoryUrlsData) { algoliaCategoryUrls = algoliaCategoryUrlsData; } }); }); var algoliaBrandUrls = {}; $(document).ready(function(){ var algoliaBrandUrlJsonFileUrl = "/Files/Files/Algolia/AlgoliaBrandUrls.json?v=" + (new Date()).getTime(); $.ajax({ type : 'GET', url : algoliaBrandUrlJsonFileUrl, async : false, success : function(algoliaBrandUrlsData) { algoliaBrandUrls = algoliaBrandUrlsData; } }); }); @*<!-- Algolia retrieve data from json files END -->*@ function ReplaceText(txt){ document.getElementsByClassName("MyCustomSearchBox")[0].value=txt; search.refresh(); } <!--<p>------------------------------------------Start Algolia instance search js---------------------------------------------------------------------<p>--> <!--<p>---------------------------------------<p>--> <!--<p>---------------------------------------<p>--> var curlyBracesOpen = "{"; var curlyBracesClose = "}"; var categoryInfoHtmlStr = ''; var brandInfoHtmlStr = ''; var brandDivHtmlStr = ''; var trendInfoHtmlStr =''; const searchClient = algoliasearch('X0YY16BYKU', 'a0d11e063348012b91a32a7e18bb5eea'); var index = searchClient.initIndex('PLC_Test_Feed'); var loopname; const search = instantsearch({ indexName: 'PLC_Test_Feed', insightsClient: window.aa, searchClient, searchParameters: { "hitsPerPage": 30, } }); search.addWidgets([ instantsearch.widgets.configure({ clickAnalytics: true, }), ]); index.search({ "page": 0, "analytics": true, "attributesToRetrieve": "*", "attributesToSnippet": "*:20", "highlightPreTag": "<em>", "highlightPostTag": "</em>", "getRankingInfo": true, "snippetEllipsisText": "…", "responseFields": "*", clickAnalytics: true, //optionalFilters: DY.CS.affinityAlgolia, "facets": "*," }).then(function searchDone(algoliaContent) { search.addWidget( instantsearch.widgets.searchBox({ container: '#searchbox', placeholder: 'Search for all categories', attribute: 'firstname', templates: { reset: 'X' }, cssClasses: { root: 'MyCustomrootSearchBox', input: ['MyCustomSearchBox', 'MyCustomSearchBoxForm--subclass'], button: ['searchicon'] }, }), ); search.addWidget( instantsearch.widgets.hits({ container: '#product', transformItems(items) { return items.map(item => { @if(Pageview.Device.ToString().ToUpper() != "MOBILE") { <text> item.name = item.name.substring(0, 32) + " ..."; </text> } item.url = item.url.replace("https://www.petloverscentre.com", "https://uat.petloverscentre.com"); return item; }); }, templates: { @*<!-- block till to next time requesting -->*@ @*item(hit) { return ` <article> <h3> ${instantsearch.highlight({attribute:'name',hit})} </h3> <button ${instantsearch.insights('clickedObjectIDsAfterSearch', { eventName: 'Details', objectIDs: [hit.objectID] })} > Details </button> <button ${instantsearch.insights('convertedObjectIDsAfterSearch', { eventName: 'Add to cart', objectIDs: [hit.objectID] })} > Add to cart </button> <article>`; }*@ item: '<img src="' + curlyBracesOpen + curlyBracesOpen + 'image_url' + curlyBracesClose + curlyBracesClose + '" align="left" alt="' + curlyBracesOpen + curlyBracesOpen + 'name' + curlyBracesClose + curlyBracesClose + '" class="p_img"/>' + '<div class="product_fields">' + '<div class="hit-products-name"><a ${instantsearch.insights("clickedObjectIDsAfterSearch",{eventName: "Details",objectIDs: [hit.objectID]})} href="' + curlyBracesOpen + curlyBracesOpen + 'url' + curlyBracesClose + curlyBracesClose + '" class="link_proname" onclick="return AffinitySearch(\'' + curlyBracesOpen + curlyBracesOpen + 'brand' + curlyBracesClose + curlyBracesClose + '\'' + ',\'' + curlyBracesOpen + curlyBracesOpen + 'objectID' + curlyBracesClose + curlyBracesClose + '\'' + ',\'' + curlyBracesOpen + curlyBracesOpen + 'productID' + curlyBracesClose + curlyBracesClose + '\'' + ');" >' + curlyBracesOpen + curlyBracesOpen + '#helpers.highlight' + curlyBracesClose + curlyBracesClose + '{ "attribute": "brand" }' + curlyBracesOpen + curlyBracesOpen + '/helpers.highlight' + curlyBracesClose + curlyBracesClose + '</a></div> ' + '<div class="hit-products-description" ><a ${instantsearch.insights("clickedObjectIDsAfterSearch",{eventName: "Details",objectIDs: [hit.objectID]})} href="' + curlyBracesOpen + curlyBracesOpen + 'url' + curlyBracesClose + curlyBracesClose + '" class="link_desc" id="name_desc" onclick="return AffinitySearch(\'' + curlyBracesOpen + curlyBracesOpen + 'name' + curlyBracesClose + curlyBracesClose + '\');" >' + curlyBracesOpen + curlyBracesOpen + 'name' + curlyBracesClose + curlyBracesClose + '</a></div>' @*+ '<button ${instantsearch.insights("clickedObjectIDsAfterSearchss",{eventName:"Details1",objectIDs: [hit.objectID]})}>Details1</button>'*@ + '</div>' }, cssClasses: { root: 'MyCustomHits hidden', item: ['MyCustomHitsListitem', 'MyCustomHitsListitem--subclass'] } }) ); index.search('query', { clickAnalytics: true }).then(({hits}) => { console.log("SSS" + hits); }); search.addWidget( instantsearch.widgets.refinementList({ container: '#AlgoliaTrickingId', attribute: 'brand', limit: 30, transformItems(items) { var searchUserInput = $("#searchbox").find("input").val(); liststyleChanged(); SetHeight(); $('#brand').html(''); var i =0; brandInfoHtmlStr = ''; brandDivHtmlStr = ''; var lists = ''; if(items.length > 0){ while (i < items.length) { var lists = ''; for(var j=i ; j < i+6 ; j++){ if(typeof items[j] !== 'undefined') { var algoliaBrandUrl = "/brandsourcustomerslove"; try { algoliaBrandUrl = algoliaBrandUrls.find(x => x.BrandName.toUpperCase() === items[j].label.toUpperCase()).Url; } catch (ex) { algoliaBrandUrl = "/brandsourcustomerslove"; } lists += '<li class="ais-Hits-item subitem"><div class="brand_name"><a href="' + algoliaBrandUrl + '" class="link_recent">'; lists += items[j].value.replace(searchUserInput.toUpperCase(), '<mark class="ais-Highlight-highlighted">' + searchUserInput.toUpperCase() + '</mark>'); lists += '</a></div></li>'; } } if(i == 0){ brandDivHtmlStr += '<div class="item active"><ol class="ais-Hits-list">'+ lists +'</ol></div>'; } else{ brandDivHtmlStr += '<div class="item"><ol class="ais-Hits-list">'+ lists +'</ol></div>'; } i = i+6; } var carouselSlider = ""; if(items.length > 6){ carouselSlider = '<div class="control-box"><div data-slide="prev" class="carousel-control div-btn-arrow left" id="previousbrand" href="#BrandCarousel"></div><div data-slide="next" class="carousel-control div-btn-arrow right" id="nextbrand" href="#BrandCarousel"></div></div>'; } brandInfoHtmlStr = '<div class="ais-Hits MyBrandHits carousel slide" id="BrandCarousel"><div class="carousel-inner">' + brandDivHtmlStr + '</div>'+ carouselSlider +'</div>'; } if( brandInfoHtmlStr == ""){ $("#brand").html("<div class='noresult'>No Result</div>"); }else{ $('#brand').append(brandInfoHtmlStr); } $("#BrandCarousel").carousel({ pause: true, interval: false, wrap: false }); $('#previousbrand').hide(); $('#nextbrand').show(); $('#BrandCarousel').on('slid.bs.carousel', function (e) { $('#BrandCarousel').carousel('pause'); if ($('#BrandCarousel .item:last').hasClass('active')) { $('#nextbrand').hide(); $('#previousbrand').show(); } else if ($('#BrandCarousel .item:first').hasClass('active')) { $('#previousbrand').hide(); $('#nextbrand').show(); }else{ $('#previousbrand').show(); $('#nextbrand').show(); } }); var elmntBrand = document.getElementById("BrandCarousel"); $("#nextbrand").css("margin-top",elmntBrand.offsetHeight/2 -15.5); $("#previousbrand").css("margin-top",elmntBrand.offsetHeight/2 -15.5); $("#BrandCarousel").css("min-height",elmntBrand.offsetHeight); return []; }, templates: { item:'' } }) ); search.addWidget( instantsearch.widgets.refinementList({ container: '#AlgoliaTrickingId', attribute: 'categories', limit: 30, transformItems(items) { var searchUserInput = $("#searchbox").find("input").val(); var searchUserInputPattern = new RegExp(searchUserInput, 'gi'); $('#catego').html(''); categoryInfoHtmlStr = ''; var categoDiv = ''; var i = 0; if(items.length > 0){ while (i < items.length) { var categoList = ''; for(var j = i; j < i+6 ; j++) { if(typeof items[j] !== 'undefined') { var algoliaCategoryUrl = "/"; try { algoliaCategoryUrl = algoliaCategoryUrls.find(x => x.FirstCategory.toUpperCase() === items[j].label.split('|')[0].toUpperCase() && x.SecondCategory.toUpperCase().replace('&', 'AND') === items[j].label.split('|')[1].toUpperCase().replace('&', 'AND').replace(' ', ' ')).Url; } catch (ex) { algoliaCategoryUrl = "/"; } categoList += '<li class="ais-Hits-item subitem"><div class="brand_name"><a href="' + algoliaCategoryUrl + '" class="link_recent">'; var cattext = items[j].value.split('|'); var displaycattext = cattext[0] +' > '+cattext[1]; if(searchUserInput != null && searchUserInput != "" && searchUserInput != " " && searchUserInput.length > 0) { categoList += displaycattext.replace(searchUserInputPattern, '<mark class="ais-Highlight-highlighted">' + searchUserInput.toUpperCase() + '</mark>'); } else { categoList += displaycattext; } categoList += '</a></div></li>'; } } if(i == 0){ categoDiv += '<div class="item active"><ol class="ais-Hits-list">'+ categoList +'</ol></div>'; } else{ categoDiv += '<div class="item"><ol class="ais-Hits-list">'+ categoList +'</ol></div>'; } i= i+6; } var carouselSlider = ""; if(items.length > 6){ carouselSlider = '<div class="control-box"><div data-slide="prev" class="carousel-control div-btn-arrow left" id="previouscategory" href="#CategoryCarousel"></div><div data-slide="next" class="carousel-control div-btn-arrow right" id="nextcategory" href="#CategoryCarousel"></div></div>'; } categoryInfoHtmlStr = '<div class="ais-Hits MyCategoHits carousel slide" id="CategoryCarousel"><div class="carousel-inner">' + categoDiv + '</div>'+ carouselSlider +'</div>'; } if( categoryInfoHtmlStr == ""){ $("#catego").html("<div class='noresult'>No Result</div>"); }else{ $('#catego').append(categoryInfoHtmlStr); } $("#CategoryCarousel").carousel({ pause: true, interval: false, wrap: false }); $('#previouscategory').hide(); $('#nextcategory').show(); $('#CategoryCarousel').on('slid.bs.carousel', function (e) { $('#CategoryCarousel').carousel('pause'); if ($('#CategoryCarousel .item:last').hasClass('active')) { $('#nextcategory').hide(); $('#previouscategory').show(); } else if ($('#CategoryCarousel .item:first').hasClass('active')) { $('#previouscategory').hide(); $('#nextcategory').show(); }else{ $('#previouscategory').show(); $('#nextcategory').show(); } }); var elmntCategory = document.getElementById("CategoryCarousel"); $("#nextcategory").css("margin-top",elmntCategory.offsetHeight/2 -15.5); $("#previouscategory").css("margin-top",elmntCategory.offsetHeight/2 -15.5); $("#CategoryCarousel").css("min-height",elmntCategory.offsetHeight); return []; }, templates: { item:'' } }) ); @*search.addWidget( instantsearch.widgets.hits({ container: '#recent_search', templates: { item: '<div><div class="recent-name"><a href="" class="link_recent" >' + curlyBracesOpen + curlyBracesOpen + 'name' + curlyBracesClose + curlyBracesClose + '</a></div></div>' } }) );*@ @*<!--------------- BEGIN Display User Search History ---------------->*@ displayUserSearchHistory(); @*<!--------------- END Display User Search History ---------------->*@ search.start(); }).catch(function searchFailure(err) { console.error("Algolia ERROR: " + err); }); function SetHeight(){ var elmntProduct = document.getElementById("myCarousel"); if (typeof(elmntProduct) != 'undefined' && elmntProduct != null) { var height = elmntProduct.offsetHeight ; if(elmntProduct.offsetHeight < 200 ){ height = 270; } $("#nextlist").css("margin-top",height/2 - 11); $("#previouslist").css("margin-top",height/2 -11); $("#myCarousel").css("min-height",elmntProduct.offsetHeight ); } } async function liststyleChanged(){ $('#searchproducts').html(''); var products = []; var index = 0; $(".MyCustomHitsListitem").each(function() { products.push($(this).html()); }); var i=0; var div1 = document.createElement('div'); div1.setAttribute('class', 'carousel slide'); div1.setAttribute('id', 'myCarousel'); document.getElementById('searchproducts').appendChild(div1); var div2 = document.createElement('div'); div2.setAttribute('class', 'carousel-inner'); div1.appendChild(div2); if(products.length > 6) { var div4= document.createElement('div'); div4.setAttribute('class', 'control-box'); div1.appendChild(div4); var prev = document.createElement('div'); prev.setAttribute('data-slide', 'prev'); prev.setAttribute('class', 'carousel-control div-btn-arrow left'); prev.setAttribute('id','previouslist'); prev.setAttribute('href', '#myCarousel'); var next = document.createElement('div'); next.setAttribute('data-slide', 'next'); next.setAttribute('class', 'carousel-control div-btn-arrow right'); next.setAttribute('id','nextlist'); next.setAttribute('href', '#myCarousel'); div4.appendChild(prev); div4.appendChild(next); } else if(products.length == 0){ $("#searchproducts").html("<div class='noresult'>No Result</div>"); } while (i < products.length) { var div3 = document.createElement('div'); if(i == 0){ div3.setAttribute('class', 'item active product-item ais-Hits MyCustomHits'); } else{ div3.setAttribute('class', 'item ais-Hits product-item MyCustomHits'); } div2.appendChild(div3); var ul = document.createElement('ul'); ul.setAttribute('class', 'ais-Hits-list'); div3.appendChild(ul); for(var j=i; j < i+6; j++){ if(typeof products[j] !== 'undefined') { var li = document.createElement('li'); li.innerHTML += products[j]; li.setAttribute('class', 'ais-Hits-item MyCustomHitsListitem MyCustomHitsListitem--subclass'); ul.appendChild(li); } } i= i+6; } var elmntProduct = document.getElementById("myCarousel"); $("#nextlist").css("margin-top",elmntProduct.offsetHeight/2 - 11); $("#previouslist").css("margin-top",elmntProduct.offsetHeight/2 -11); $("#myCarousel").css("min-height",elmntProduct.offsetHeight); $("#myCarousel").carousel({ pause: true, interval: false, wrap: false }); $('#previouslist').hide(); $('#nextlist').show(); $('#myCarousel').on('slid.bs.carousel', function (e) { $('#myCarousel').carousel('pause'); if ($('#myCarousel .item:last').hasClass('active')) { $('#nextlist').hide(); $('#previouslist').show(); } else if ($('#myCarousel .item:first').hasClass('active')) { $('#previouslist').hide(); $('#nextlist').show(); }else{ $('#previouslist').show(); $('#nextlist').show(); } }); } <!--<p>------------------------------------------End Algolia search instance js---------------------------------------------------------------------<p>--> <!--<p>------------------------------------------Begin Affinity js---------------------------------------------------------------------<p>--> var userId = DYO.StorageUtils.get('_dyid','localStorage'); var dyHost = "https://"+DYO.hosts.rcom; window.DY.CS = window.DY.CS || {}; getAffinity(DY.scsec, userId, 2) function getAffinity(section,userId,limit){ var xhr = new XMLHttpRequest(); xhr.open('GET', dyHost + '/userAffinities?limit='+limit+'&sec='+section+(userId?'&uid='+userId:"")); xhr.onload = function() { if (xhr.status === 200) { console.log('got user affinity : ' +xhr.responseText); DY.CS.affinityAlgolia = DYAffinityToAlgoliaFilter(JSON.parse(xhr.responseText)); index.search({ clickAnalytics: true, optionalFilters: DY.CS.affinityAlgolia }).then(({ hits }) => { console.log(hits); }); } else { console.log('error getting affinity'); } }; xhr.send(); } function DYAffinityToAlgoliaFilter(affinities) { var filter = []; if (affinities !== {}) { for (var affinity in affinities) { for (var val in affinities[affinity]) { filter.push(affinity + ":" + val + "<score=" + affinities[affinity][val] + ">") } } } return filter; } function AffinitySearch(searchKeywordAffinity, objectID, productId) { console.log("searchKeywordAffinity : " + searchKeywordAffinity + ", objectID : " + objectID + ", productId : " + productId) searchKeywordAffinity = searchKeywordAffinity.replace(" ...", ""); index.search({ clickAnalytics: true, query: searchKeywordAffinity, //eventName: 'Details', optionalFilters: DY.CS.affinityAlgolia }).then(res => { console.log(res); }); return true; } <!--<p>------------------------------------------End Affinity js-----------------------------------------------------------------------<p>--> @*<!--<p>------------------------------------------Begin Error page handling-----------------------------------------------------------------------<p>-->*@ $(document).ready(function(){ var dwErrorMessage = ''; dwErrorMessage = '<div>'; dwErrorMessage += '<p style="color: #ff0000; margin: 0px;">An unexpected error occurred when loading this page.</p>'; dwErrorMessage += '<p style="margin: 0px;">Please try to refresh this page again at a later time. If you still encounter this issue, please contact us at <span style="color: blue; text-decoration: underline;">customercare@petloverscentre.com</span></p>'; dwErrorMessage += '</div>'; try { $('.dw-error').css("margin-top", "30px"); $('.dw-error').html(dwErrorMessage); $('.dw-error').show(); } catch(err) { console.log('ERROR: .dw-error, ' + err.message); } }); @*<!--<p>------------------------------------------End Error page handling-----------------------------------------------------------------------<p>-->*@ </script> </body> </html> <script> $(".sidenavi-title").click(function(){ $(".sidenavi").slideToggle(); $('.sidenavi-title').toggleClass('active'); },function(){ $(".sidenavi").slideToggle(); $('.sidenavi-title').toggleClass('active'); }) @if(Pageview.Device.ToString().ToUpper() == "MOBILE" || Pageview.Device.ToString().ToUpper() == "TABLET") { <text> $(document).ready(function(){ $(".category-title").click(); }) //$("#megaIdPetId").click(function(){location.href= "https://blog.petloverscentre.com/";}); $("#megaIdPetId").on('click touchend', function(e) { window.location.href= "https://blog.petloverscentre.com/"; }); </text> } @if(Pageview.Device.ToString().ToUpper() == "MOBILE") { <text> $(document).ready(function(){ $(".sidenavi-title").click(); $(".category-title").addClass('active'); $("#FacetFilters").hide(); $(".category-title").click(function(){ if ($("#FacetFilters").css('display') == 'none') { $(".category-title").attr('style','margin-bottom: 0px'); $(".category-title").removeClass('active'); $("#FacetFilters").show(); } else { $(".category-title").attr('style','margin-bottom: 50px'); $(".category-title").addClass('active'); $("#FacetFilters").hide(); } }) }) </text> } var baseUrl = "@HttpContext.Current.Request.Url.GetLeftPart(UriPartial.Authority)" + "/utilities/json-search-suggest?q="; //baseUrl = "@HttpContext.Current.Request.Url.GetLeftPart(UriPartial.Authority)" + "/utilities/json-search-suggest?searchsuggest="; $(document).ready(function(){ $('#search').keyup(function(e){ if (e.keyCode == 27) { $('#search').val(''); } }); //start loading icon when enter var isCurrentRequestFinish = true; $("#search").on('submit', function (e) { if (e.keyCode == 13 ) { //$.blockUI({message : $('#SearchLoading'), css: { border: 'none', background: 'none'}}); setTimeout(function(){ $('#submitSearch').click(); }, 30000); } }); //end $('#search').keyup(function(){ var body = $('body'); if($('#search').val().length <= 0 ) { body.removeClass('noscroll'); $('#searchSuggest').html(''); $('#searchSuggest').hide(); } if($('#search').val().length >= 3) { var searchRequest = $('#search').val().toLowerCase(); searchRequest = searchRequest.replaceAll('ingredient', ''); searchRequest = searchRequest.replaceAll('about', ''); searchRequest = searchRequest.replaceAll('off', ''); if(searchRequest.length >= 3) { isCurrentRequestFinish = false; var url = baseUrl + searchRequest; $.ajax({ url: url, dataType: "json", type: 'GET', success: function(data){ var productArr = []; var autoSuggest = '<li class="searchSuggestLi">' + 'No Product found' + '</li>' if(data.length > 0) { productArr = data; autoSuggest = ""; for(var i = 0; i < productArr.length; i++ ) { console.log(productArr[i].ID); autoSuggest += '<li class="searchSuggestLi" name="' + productArr[i].Name + '" onclick="searchSuggestData(this.id);" id="' + productArr[i].Name + '">' + productArr[i].Brand + ": " + productArr[i].Name + '</li>'; } } body.addClass('noscroll'); $('#searchSuggest').html(''); $('#searchSuggest').append(autoSuggest); $('#searchSuggest').show(); isCurrentRequestFinish = true; }, error: function(jqXHR, textStatus, errorThrown) { console.log(textStatus + ': ' + errorThrown); isCurrentRequestFinish = true; }, cache: true }); } } }); }); function searchSuggestData(selectSuggest) { selectSuggest = selectSuggest.replace('&amp;','&'); //console.log(selectSuggest); $('#search').val(''); $('#search').val(selectSuggest); $('#search').focus(); //$('#submitSearch').click(); setTimeout(function(){ $('#submitSearch').click(); }, 500); } $(document).click(function(){ @* --------- solve for menu item disappear in second time Begin ----------*@ @if(Pageview.Device.ToString().ToUpper() == "MOBILE") { <text> $("#mainMenu").find(".M1").find(".dropdown").each(function(){ $(this).css('display', 'block'); }); </text> } @* --------- solve for menu item disappear in second time End ----------*@ setTimeout(function(){ $('#searchSuggest').hide(); },500); }); $(document).scroll(function(){ $('#searchSuggest').hide(); }); //----------------- UI Block functions Begin --------------------- $(document).ready(function(){ var UI_Unblock = getCookie("UI_Unblock"); if(UI_Unblock == "True") { //$.unblockUI(); } else { // This is block for go live. $.blockUI({message : $('#clientLoginForm')}); } //var firstTimeVisiting = getCookie("First_Time_Visiting"); var firstTimeVisiting = "False"; if(firstTimeVisiting == "False") { //$.unblockUI(); } else { showTitle = true; showTitleCloseBtn = true; showButton = false; okReload = false; var mobileDevice2 = '@Pageview.Device.ToString().ToUpper()'; if(mobileDevice2 =="TABLET") { var customCSS = '<style>'; customCSS += '.ui-dialog.ui-widget.ui-widget-content.ui-corner-all.ui-draggable.ui-dialog-buttons{ top: 80px !important; width: 80% !important; z-index: 999999 !important;}'; customCSS += '.ui-icon{ margin-top: .3em !important; float: right !important;} .ui-dialog-titlebar-close{ border: none !important; }'; customCSS += '.ui-dialog-titlebar.ui-widget-header.ui-corner-all.ui-helper-clearfix{ border: none; background: no-repeat; }'; customCSS += '.ui-widget-content{ border: none; }'; customCSS += '.ui-dialog .ui-dialog-content{ overflow: unset; }'; customCSS += '</style>'; var messageBody = '<p style="font-weight: bold; font-size:18px;">New to our Site?</p>'; messageBody += '<p style=" font-size:18px; text-align: center; color:#BB3618;">Register an online account and enjoy $5 OFF your 1<sup>st</sup> purchase with a min $80 spend.</p>'; messageBody += '<style>th{ padding-right:0.25em; vertical-align:top;border:1px solid #E2E1E9;border-width:0 1px;} </style>'; messageBody +='<table rules="cols" style="width:100%;"><tr><th><h3 align="center" style="color:#BB3618;">VIP Members</h3></th><th><h3 align="center" style="color: #BB3618;">Non VIP Members</h3></th></tr><tr><th style="width:50%;"><p style="text-align: left;font-size:12px;margin:20px;width:80%;">Your activated VIP membership does not automatically translate to an online account. Please register for an online account and link your VIP membership if you have not, to enjoy VIP privileges when you shop online.</p></th><th style="width:50%;" ><a href="https://uat.petloverscentre.com/register" style="background-color: #BB3618; border:none;padding: 13px 32px;text-align: center;text-decoration: none;display: inline-block;font-size: 12px;cursor: pointer;width: 80%;color:#fff !important;margin:20px;">Register an Online Account</a></center></th></tr>'; messageBody +='<th style="width:50%"><a href="https://uat.petloverscentre.com/register" style="color: green; background-color: #BB3618; border: none;padding: 13px 32px;text-align: center;text-decoration: none;display: inline-block;font-size: 12px; margin:4px 25px;cursor: pointer; width: 80%;color:#fff !important;margin-top:20px;">Register & Link VIP Membership</a></th>'; messageBody +='<th style="width:50%"> <a href="https://uat.petloverscentre.com/" style=" background-color: #ffffff; border: solid; border-width: thin; color: red;color: white;padding: 13px 32px;text-align: center;text-decoration: none;display: inline-block;font-size: 12px;cursor: pointer; width: 80%;margin:20px; ">Continue Shopping</a></th></tr></table>'; messageBody += '<p><a href="https://customercare.petloverscentre.com/hc/en-us/articles/360000118901-What-do-I-enjoy-with-an-online-account-" target="_blank" style="text-align:center;color:black !important;font-size:11px; margin-top: 20px;"><u>Learn more on the benefits of an online account</u></a></p>'; var htmlMessgarPara = '<div class="popup" style="text-align: center; margin-top: -15px;padding-left:5px;">' + customCSS + messageBody + '</div>' ShowMessageGlobalDialog(htmlMessgarPara, showTitle, showTitleCloseBtn, showButton, okReload); document.cookie = "First_Time_Visiting=False; expires=Sat, 31 Dec 2050 12:00:00 UTC; path=/;"; } else { var mobileDevice1 = '@Pageview.Device.ToString().ToUpper()'; if(mobileDevice1 == 'MOBILE') { //$.blockUI({message : $('#clientLoginForm')}); var customCSS = '<style>'; customCSS += '.ui-dialog.ui-widget.ui-widget-content.ui-corner-all.ui-draggable.ui-dialog-buttons{ top: 80px !important; width: 100% !important; z-index: 999999 !important;}'; customCSS += '.ui-icon{ margin-top: .3em !important; float: right !important;} .ui-dialog-titlebar-close{ border: none !important; }'; customCSS += '.ui-dialog-titlebar.ui-widget-header.ui-corner-all.ui-helper-clearfix{ border: none; background: no-repeat; }'; customCSS += '.ui-widget-content{ border: none; }'; customCSS += '.ui-dialog .ui-dialog-content{ overflow: unset; }'; customCSS += '</style>'; var messageBody = '<p style="font-weight: bold; font-size:18px;">New to our Site?</p>'; messageBody += '<p style=" font-size:18px; text-align: center;color:#BB3618;width:90%;margin:15px;">Register an online account and enjoy $5 OFF your 1<sup>st</sup> purchase with a min $80 spend.</p>'; messageBody +='<table rules="cols" style="width:100%;"><tr><h3 align="center" style="color: #BB3618;">VIP Members</h3></tr><tr><p style="text-align: left;font-size:12px; margin:30px;with:80%;">Your activated VIP membership does not automatically translate to an online account. Please register for an online account and link your VIP membership if you have not, to enjoy VIP privileges when you shop online.</p></tr>'; messageBody +='<tr><a href="https://uat.petloverscentre.com/register" style="color: green; background-color: #BB3618; border: none;padding: 13px 32px;text-align: center;text-decoration: none;display: inline-block;font-size: 12px; margin:20px;cursor: pointer; width: 80%;color:#fff !important;">Register & Link VIP Membership</a></tr> <hr style="color:#E2E1E9;">'; messageBody +='<tr><h3 align="center" style="color: #BB3618;">Non VIP Members</h3></tr>'; messageBody +='<tr><a href="https://uat.petloverscentre.com/register" style="background-color: #BB3618; border:none;padding: 13px 32px;text-align: center;text-decoration: none;display: inline-block;font-size: 12px; margin:20px; cursor: pointer; width:80%;color:#fff !important;">Register an Online Account</a></center></tr>'; messageBody +='<tr><a href="https://uat.petloverscentre.com/" style=" background-color: #ffffff; border: solid; border-width: thin; color: red !important;color: white;padding: 13px 32px;text-align: center;text-decoration: none;display: inline-block;font-size: 12px;cursor: pointer; width: 80%;margin:20px;margin-top:0px; ">Continue Shopping</a></tr></table>'; messageBody += '<p><a href="https://customercare.petloverscentre.com/hc/en-us/articles/360000118901-What-do-I-enjoy-with-an-online-account-" target="_blank" style="text-align:center;color:black !important;font-size:11px; margin-top: 0px;"><u>Learn more on the benefits of an online account</u></a></p>'; var htmlMessgarPara = '<div class="popup" style="text-align: center; margin-top: -15px;padding-left:5px;">' + customCSS + messageBody + '</div>' ShowMessageGlobalDialog(htmlMessgarPara, showTitle, showTitleCloseBtn, showButton, okReload); document.cookie = "First_Time_Visiting=False; expires=Sat, 31 Dec 2050 12:00:00 UTC; path=/;"; } else { var customCSS = '<style>'; customCSS += '.ui-dialog.ui-widget.ui-widget-content.ui-corner-all.ui-draggable.ui-dialog-buttons{ top: 80px !important; width: 50% !important; z-index: 999999 !important;}'; customCSS += '.ui-icon{ margin-top: .3em !important; float: right !important;} .ui-dialog-titlebar-close{ border: none !important; }'; customCSS += '.ui-dialog-titlebar.ui-widget-header.ui-corner-all.ui-helper-clearfix{ border: none; background: no-repeat; }'; customCSS += '.ui-widget-content{ border: none; }'; customCSS += '.ui-dialog .ui-dialog-content{ overflow: unset; }'; customCSS += '</style>'; var messageBody = '<p style="font-weight: bold; font-size:18px;">New to our Site?</p>'; messageBody += '<p style=" font-size:18px; text-align: center; color:#BB3618;">Register an online account and enjoy $5 OFF your 1<sup>st</sup> purchase with a min $80 spend.</p>'; messageBody += '<style>th{ padding-right:0.25em; vertical-align:top;border:1px solid #E2E1E9;border-width:0 1px;} </style>'; messageBody +='<table rules="cols" style="width:100%;"><tr><th><h3 align="center" style="color:#BB3618;">VIP Members</h3></th><th><h3 align="center" style="color: #BB3618;">Non VIP Members</h3></th></tr><tr><th style="width:50%;"><p style="text-align: left;font-size:12px;margin:20px;width:80%;">Your activated VIP membership does not automatically translate to an online account. Please register for an online account and link your VIP membership if you have not, to enjoy VIP privileges when you shop online.</p></th><th style="width:50%;" ><a href="https://uat.petloverscentre.com/register" style="background-color: #BB3618; border:none;padding: 13px 32px;text-align: center;text-decoration: none;display: inline-block;font-size: 12px;cursor: pointer;width: 80%;color:#fff !important;margin:20px;">Register an Online Account</a></center></th></tr>'; messageBody +='<th style="width:50%"><a href="https://uat.petloverscentre.com/register" style="color: green; background-color: #BB3618; border: none;padding: 13px 32px;text-align: center;text-decoration: none;display: inline-block;font-size: 12px; margin:4px 25px;cursor: pointer; width: 80%;color:#fff !important;margin-top:20px;">Register & Link VIP Membership</a></th>'; messageBody +='<th style="width:50%"> <a href="https://uat.petloverscentre.com/" style=" background-color: #ffffff; border: solid; border-width: thin; color: red;color: white;padding: 13px 32px;text-align: center;text-decoration: none;display: inline-block;font-size: 12px;cursor: pointer; width: 80%;margin:20px; ">Continue Shopping</a></th></tr></table>'; messageBody += '<p><a href="https://customercare.petloverscentre.com/hc/en-us/articles/360000118901-What-do-I-enjoy-with-an-online-account-" target="_blank" style="text-align:center;color:black !important;font-size:11px; margin-top: 20px;"><u>Learn more on the benefits of an online account</u></a></p>'; var htmlMessgarPara = '<div class="popup" style="text-align: center; margin-top: -15px;padding-left:5px;">' + customCSS + messageBody + '</div>' ShowMessageGlobalDialog(htmlMessgarPara, showTitle, showTitleCloseBtn, showButton, okReload); document.cookie = "First_Time_Visiting=False; expires=Sat, 31 Dec 2050 12:00:00 UTC; path=/;"; } } } }); function checkPassword() { $.blockUI(); var uiLoginResult = ""; $.ajax({ url: '@myPlcUrl' + '/utilities/json-ui-login?pwd=' + $('#clientLoginPassword').val(), type: 'GET', success: function(data){ uiLoginResult = data.result == "True"; if(uiLoginResult) { document.cookie = "UI_Unblock=True; expires=Mon, 31 Dec 2035 12:00:00 UTC"; $.unblockUI(); } else { document.cookie = "UI_Unblock=False; expires=Thu, 31 Dec 2020 12:00:00 UTC"; $.blockUI({message : $('#clientLoginForm')}); } }, error: function(jqXHR, textStatus, errorThrown) { console.log(textStatus + ': ' + errorThrown); $.blockUI({message : $('#clientLoginForm')}); }, cache: true }); } $("#ResendActivateEmail").submit(function( event ) { $.ajax({ url: '@myPlcUrl' + '/utilities/activate-email-sending?Email=' + $('#validateEmail').val(), type: 'GET', success: function(data){}, cache: true }); }); @*function getCookie(cname) { var name = cname + "="; var ca = document.cookie.split(';'); for(var i = 0; i < ca.length; i++) { var c = ca[i]; while (c.charAt(0) == ' ') { c = c.substring(1); } if (c.indexOf(name) == 0) { return c.substring(name.length, c.length); } } return ""; }*@ //----------------- UI Block functions End --------------------- //----------------- Ajax Add To Cart functions Begin --------------------- function AjaxAddToCart(parameter, requestProductID) { $.blockUI({message : $('#addingToCart'), css: { border: 'none', background: 'none'}}); $.ajax({ url: websiteUrl + parameter + $("#quantityInput_" + requestProductID).val(), type: 'GET', success: function(data){ $("#AddtoItem").modal('hide'); $.unblockUI(); $('#minipagecart-button').html(''); $('#minipagecart-button').html($(data).find("#minipagecart-button").html()); $('#smallscreen-minicart').find('.dropdown-cart').find('.dropdown-cart').html(''); $('#smallscreen-minicart').find('.dropdown-cart').html($(data).find("#smallscreen-minicart").find('.dropdown-cart').html()); }, error: function(jqXHR, textStatus, errorThrown) { $.unblockUI(); }, cache: true }); } //----------------DY Add to cart function DYAddToCart(id, requestQty, totalPrice, pName, prodNO, Currcode, prodGroupsforFBpixel) { window.DY = window.DY || {}; $.ajax({ url: websiteUrl + "/Default.aspx?ID=3306&ProductID=" + id, dataType: "json", type: "GET", success: function(data) { var skuNumber = data["productNumber"]; pName = data["productName"]; prodNO = data["productNumber"]; $.ajax({ url: websiteUrl + "/Default.aspx?ID=6689", dataType: "json", type: "GET", success: function(jsonData) { DY.API("event", { name: "Add to Cart", properties: { dyType: "add-to-cart-v1", value: parseFloat(totalPrice), currency: "SGD", productId: skuNumber, quantity: parseFloat(requestQty), cart: jsonData } }); fbq('track', 'AddToCart', { content_ids: prodNO, content_type: "Product", value: totalPrice, num_items: requestQty, content_name: pName, currency: Currcode, content_category: prodGroupsforFBpixel }); }, error: function(jqXHR, textStatus, errorThrown) { console.log(textStatus + ': ' + errorThrown); }, cache: true }); }, error: function(jqXHR, textStatus, errorThrown) { $.unblockUI(); console.log(textStatus + ': ' + errorThrown); }, cache: true }); } //----------------- Add To Cart PopUp functions Begin --------------------- function showaddedItem(url, id, pBrand, pName, pPrice, currencySymbol, requestQty, visible) { $.ajax({ url: websiteUrl + "/Default.aspx?ID=3306&ProductID=" + id, dataType: "json", type: "GET", success: function(data){ //console.log(data["isInCartQtyProduct"]); if(data["isInCartQtyProduct"] == "True") { requestQty = parseInt(data["inCartQty"]) + parseInt(requestQty); id = data["productID"]; pBrand = data["productBrand"]; pName = data["productName"]; pPrice = data["unitPriceWithVAT"]; currencySymbol = data["currencySymbol"]; } var totalPrice = (parseFloat(pPrice) * parseFloat(requestQty)).toFixed(2); var toAppendData = ""; toAppendData = '<tr><td colspan="2"><img src="/Admin/Public/Getimage.ashx?width=147&compression=85&Crop=5&image=/Files/Images/Ecom/Products/' + id + '.jpg" id="show" alt="product image"></td></tr>'; toAppendData += '<tr><td width="250px" style="padding:20px;" colspan="2">'; toAppendData += '<div class="pid" hidden>' + id + '</div>'; toAppendData += '<div class="pbrand">' + pBrand + '</div>'; toAppendData += '<div class="pname">' + pName + '</div>'; toAppendData += '<div class="qty">QTY: ' + requestQty + '<span class="count"></span></div>'; toAppendData += '<div class="price">' + currencySymbol + pPrice + '</div>'; toAppendData += '</td></tr><tr><td colspan="2"><hr /></td></tr><tr>'; toAppendData += '<td><p style="padding:10px 30px 10px 30px;">Cart Total: ' + currencySymbol + totalPrice + '</p></td>'; toAppendData += '<td><p class="Itotalprice" style="padding:10px;"></p></td>'; toAppendData += '</tr>'; $("#showbox").html(""); $("#showbox").append(toAppendData); $("#AddtoItem").modal('show'); setTimeout(function(){$("#AddtoItem").modal('hide');}, 3000); }, error: function(jqXHR, textStatus, errorThrown) { console.log(textStatus + ': ' + errorThrown); }, cache: true }); } function ShowAddedItem_Then_AjaxAddToCart(url, id, pBrand, pName, pPrice, currencySymbol, requestQty, visible, parameter, prodNO, Currcode, prodGroupsforFBpixel, productSize, productFlavour, productColor) { var value = (parseFloat(pPrice) * parseFloat(requestQty)).toFixed(2); var categories = prodGroupsforFBpixel.split(","); gtag("event", "add_to_cart", { currency: Currcode, value: parseFloat(value), items: [ { item_id: id, item_name: pName, currency: Currcode, index: 0, item_brand: pBrand, item_category: categories[0], item_category2: categories[1], item_category3: categories[2], item_variant: productFlavour, item_variant2: productColor, item_variant3: productSize, price: parseInt(pPrice), quantity: parseInt(requestQty) } ] }); if($("#quantityInput_" + id).val()) { requestQty = $("#quantityInput_" + id).val(); } if(parameter.startsWith("&")) { parameter = "?" + parameter.substring(1); } var DYrequestQty=requestQty; $.blockUI({message : $('#addingToCart'), css: { border: 'none', background: 'none'}}); //$.ajax({ //url: websiteUrl + "/Default.aspx?ID=3306&ProductID=" + id, //dataType: "json", //type: "GET", //success: function(data){ //console.log(data["isInCartQtyProduct"]); //if(data["isInCartQtyProduct"] == "True") { //requestQty = parseInt(data["inCartQty"]) + parseInt(requestQty); //id = data["productID"]; //pBrand = data["productBrand"]; //pName = data["productName"]; //pPrice = data["unitPriceWithVAT"]; //currencySymbol = data["currencySymbol"]; //} var DYtotalPrice = (parseFloat(pPrice) * parseFloat(DYrequestQty)).toFixed(2); var totalPrice = (parseFloat(pPrice) * parseFloat(requestQty)).toFixed(2); var toAppendData = ""; toAppendData = '<tr><td colspan="2"><img src="/Admin/Public/Getimage.ashx?width=147&compression=85&Crop=5&image=/Files/Images/Ecom/Products/' + id + '.jpg" id="show" alt="product image"></td></tr>'; toAppendData += '<tr><td width="250px" style="padding:20px;" colspan="2">'; toAppendData += '<div class="pid" hidden>' + id + '</div>'; toAppendData += '<div class="pbrand">' + pBrand.replace(" myAND ", " & ") + '</div>'; toAppendData += '<div class="pname">' + pName.replace(" myAND ", " & ") + '</div>'; toAppendData += '<div class="qty">QTY: ' + requestQty + '<span class="count"></span></div>'; toAppendData += '<div class="price">' + currencySymbol + pPrice + '</div>'; toAppendData += '</td></tr><tr><td colspan="2"><hr /></td></tr><tr>'; toAppendData += '<td><p style="padding:10px 30px 10px 30px;">Total: ' + currencySymbol + totalPrice + '</p></td>'; toAppendData += '<td><p class="Itotalprice" style="padding:10px;"></p></td>'; toAppendData += '</tr>'; $("#showbox").html(""); $("#showbox").append(toAppendData); $("#AddtoItem").modal('show'); $("body").removeClass("modal-open"); $("body").removeAttr("style"); setTimeout(function(){$("#AddtoItem").modal('hide'); $.unblockUI(); }, 1000); //$.blockUI({message : $('#addingToCart'), css: { border: 'none', background: 'none'}}); $.ajax({ url: "https://uat.petloverscentre.com/products" + parameter + requestQty + "&redirect=false", type: 'GET', success: function(data){ $("#AddtoItem").modal('hide'); $.unblockUI(); $('#minipagecart-button').html(''); $('#minipagecart-button').html($(data).find("#minipagecart-button").html()); $('#smallscreen-minicart').find('.dropdown-cart').find('.dropdown-cart').html(''); $('#smallscreen-minicart').find('.dropdown-cart').html($(data).find("#smallscreen-minicart").find('.dropdown-cart').html()); //alert("id"+id); DYAddToCart(id, DYrequestQty, DYtotalPrice, pName, prodNO, Currcode, prodGroupsforFBpixel ); @*fbq('track','AddToCart',{content_ids:prodNO, content_type:"Product", value:DYtotalPrice, num_items:DYrequestQty, content_name:pName, currency:Currcode, content_category:prodGroupsforFBpixel});*@ }, error: function(jqXHR, textStatus, errorThrown) { $.unblockUI(); }, cache: true }); //}, //error: function(jqXHR, textStatus, errorThrown) { //$.unblockUI(); //console.log(textStatus + ': ' + errorThrown); //}, //cache: true //}); } //----------------- Ajax Add To Cart functions End --------------------- //----------------- Add To Cart PopUp functions End --------------------- //----------------- Show Message Global Dialog Brgin --------------------- function ShowMessageGlobalDialog(htmlMessgarPara, showTitle, showTitleCloseBtn, showButton, okReload) { var NewDialog; NewDialog = $(htmlMessgarPara); NewDialog.dialog({ resizable: false, modal: true, open: function(event, ui) { if(showTitle) { $(".ui-dialog-titlebar.ui-widget-header.ui-corner-all.ui-helper-clearfix").show(); if(showTitleCloseBtn) { $(".ui-dialog-titlebar-close").show(); } else { $(".ui-dialog-titlebar-close").hide(); } } else { $(".ui-dialog-titlebar.ui-widget-header.ui-corner-all.ui-helper-clearfix").hide(); } if(showButton) { $('.ui-dialog-buttonset').show(); } else { $('.ui-dialog-buttonset').hide(); } }, show: 'clip', buttons: { "Ok": function() { $(this).dialog("close"); if(okReload) { location.reload(); } } } }); } //----------------- Show Message Global Dialog End--------------------- //----------------- Document . Ready Begin --------------------- $(document).ready(function(){ $('.blockList>li.dropdown').addClass('fixedBlock'); }); //----------------- Document . Ready End --------------------- //----------------- Notification Bar --------------------- @if(GetBoolean("Item.Area.Notification_Bar_On_Off") || GetBoolean("Item.Area.System_Notification_Bar_On_Off") || GetBoolean("Item.Area.Day_Notification_Bar_On_Off") || GetBoolean("Item.Area.Maintenance_Time_Notification_Bar_On_Off")) { DateTime notiExpDate = DateTime.Now.AddDays(1).Date; String ExpDateDay = notiExpDate.ToString("dddd").Substring(0, 3); string ExpDateString = ExpDateDay + ", " + notiExpDate.ToString("dd MMMM yyyy 12:00:00") + " " + "UTC"; <text> $(document).ready(function() { $("#alertmain").hide(); document.cookie = "PLCBlackNotiBar=hide; expires=" + '@ExpDateString' + "; path=/"; var hasnoti = getCookie("PLCBlackNotiBar"); var isIphone = '@isIphoneRz'; if(hasnoti == "show") { if(isIphone == 'False') { if(history.length == 2) { $("#alertmain").show(); $(".content-wrapper2").addClass("contentwrapper2_whennoti"); $("header").addClass("whenNoti"); $("#mainpg").addClass("whenNotiMainPg"); document.cookie = "PLCBlackNotiBar=show; expires=Sat, 31 Dec 2050 12:00:00 UTC; path=/;"; }else{ $("#alertmain").hide(); $("#mainpg").addClass("Noti_Remove"); } }else{ if(history.length == 1) { $("#alertmain").show(); $(".content-wrapper2").addClass("contentwrapper2_whennoti"); $("header").addClass("whenNoti"); $("#mainpg").addClass("whenNotiMainPg"); document.cookie = "PLCBlackNotiBar=show; expires=Sat, 31 Dec 2050 12:00:00 UTC; path=/;"; }else{ $("#alertmain").hide(); $("#mainpg").addClass("Noti_Remove"); } } } else { var notibar='@GetString("Item.Area.Notification_Bar_On_Off")'; var sysnotibar = '@GetString("Item.Area.System_Notification_Bar_On_Off")'; var daynotibar = '@GetString("Item.Area.Day_Notification_Bar_On_Off")'; var mainnotibar = '@GetString("Item.Area.Maintenance_Time_Notification_Bar_On_Off")'; if(notibar == 'True') { if(sysnotibar == 'True') { if('@serverTime' > '@startTime' && '@serverTime' < '@endTime') { $("#alertmain").show(); $("header").addClass("whenNoti"); $("#mainpg").addClass("whenNotiMainPg"); document.cookie = "notikey=show; expires=Sat, 31 Dec 2050 12:00:00 UTC; path=/;"; }else{ if(mainnotibar == 'True') { if('@GetString("Item.Area.Maintenance_Time_Notification_Day")' != "DAILY") { if('@checkDay' == '@GetString("Item.Area.Maintenance_Time_Notification_Day")' && '@serverTime' > '@maintenanceTimeNotiStartTime' && '@serverTime' < '@maintenanceTimeNotiEndTime') { $("#alertmain").show(); $("header").addClass("whenNoti"); $("#mainpg").addClass("whenNotiMainPg"); document.cookie = "notikey=show; expires=Sat, 31 Dec 2050 12:00:00 UTC; path=/;"; }else{ if(daynotibar == 'True') { if('@checkDay' == '@GetString("Item.Area.Day_Notification_Day")' && '@serverTime' > '@friStartTime' && '@serverTime' < '@friEndTime') { $("#alertmain").show(); $("header").addClass("whenNoti"); $("#mainpg").addClass("whenNotiMainPg"); document.cookie = "notikey=show; expires=Sat, 31 Dec 2050 12:00:00 UTC; path=/;"; }else{ if(notibar == 'True') { $("#alertmain").show(); $("header").addClass("whenNoti"); $("#mainpg").addClass("whenNotiMainPg"); document.cookie = "notikey=show; expires=Sat, 31 Dec 2050 12:00:00 UTC; path=/;"; } } }else{ if(notibar == 'True') { $("#alertmain").show(); $("header").addClass("whenNoti"); $("#mainpg").addClass("whenNotiMainPg"); document.cookie = "notikey=show; expires=Sat, 31 Dec 2050 12:00:00 UTC; path=/;"; } } } }else{ if('@serverTime' > '@maintenanceTimeNotiStartTime' && '@serverTime' < '@maintenanceTimeNotiEndTime') { $("#alertmain").show(); $("header").addClass("whenNoti"); $("#mainpg").addClass("whenNotiMainPg"); document.cookie = "notikey=show; expires=Sat, 31 Dec 2050 12:00:00 UTC; path=/;"; }else{ if(notibar == 'True') { $("#alertmain").show(); $("header").addClass("whenNoti"); $("#mainpg").addClass("whenNotiMainPg"); document.cookie = "notikey=show; expires=Sat, 31 Dec 2050 12:00:00 UTC; path=/;"; } } } }else{ if(daynotibar == 'True') { if('@checkDay' == '@GetString("Item.Area.Day_Notification_Day")' && '@serverTime' > '@friStartTime' && '@serverTime' < '@friEndTime') { $("#alertmain").show(); $("header").addClass("whenNoti"); $("#mainpg").addClass("whenNotiMainPg"); document.cookie = "notikey=show; expires=Sat, 31 Dec 2050 12:00:00 UTC; path=/;"; }else{ if(notibar == 'True') { $("#alertmain").show(); $("header").addClass("whenNoti"); $("#mainpg").addClass("whenNotiMainPg"); document.cookie = "notikey=show; expires=Sat, 31 Dec 2050 12:00:00 UTC; path=/;"; } } }else{ if(notibar == 'True') { $("#alertmain").show(); $("header").addClass("whenNoti"); $("#mainpg").addClass("whenNotiMainPg"); document.cookie = "notikey=show; expires=Sat, 31 Dec 2050 12:00:00 UTC; path=/;"; } } } } }else{ if(mainnotibar == 'True') { if('@GetString("Item.Area.Maintenance_Time_Notification_Day")' != "DAILY") { if('@checkDay' == '@GetString("Item.Area.Maintenance_Time_Notification_Day")' && '@serverTime' > '@maintenanceTimeNotiStartTime' && '@serverTime' < '@maintenanceTimeNotiEndTime') { $("#alertmain").show(); $("header").addClass("whenNoti"); $("#mainpg").addClass("whenNotiMainPg"); document.cookie = "notikey=show; expires=Sat, 31 Dec 2050 12:00:00 UTC; path=/;"; }else{ if(daynotibar == 'True') { if('@checkDay' == '@GetString("Item.Area.Day_Notification_Day")' && '@serverTime' > '@friStartTime' && '@serverTime' < '@friEndTime') { $("#alertmain").show(); $("header").addClass("whenNoti"); $("#mainpg").addClass("whenNotiMainPg"); document.cookie = "notikey=show; expires=Sat, 31 Dec 2050 12:00:00 UTC; path=/;"; }else{ if(notibar == 'True') { $("#alertmain").show(); $("header").addClass("whenNoti"); $("#mainpg").addClass("whenNotiMainPg"); document.cookie = "notikey=show; expires=Sat, 31 Dec 2050 12:00:00 UTC; path=/;"; } } }else{ if(notibar == 'True') { $("#alertmain").show(); $("header").addClass("whenNoti"); $("#mainpg").addClass("whenNotiMainPg"); document.cookie = "notikey=show; expires=Sat, 31 Dec 2050 12:00:00 UTC; path=/;"; } } } }else{ if('@serverTime' > '@maintenanceTimeNotiStartTime' && '@serverTime' < '@maintenanceTimeNotiEndTime') { $("#alertmain").show(); $("header").addClass("whenNoti"); $("#mainpg").addClass("whenNotiMainPg"); document.cookie = "notikey=show; expires=Sat, 31 Dec 2050 12:00:00 UTC; path=/;"; }else{ if(daynotibar == 'True') { if('@checkDay' == '@GetString("Item.Area.Day_Notification_Day")' && '@serverTime' > '@friStartTime' && '@serverTime' < '@friEndTime') { $("#alertmain").show(); $("header").addClass("whenNoti"); $("#mainpg").addClass("whenNotiMainPg"); document.cookie = "notikey=show; expires=Sat, 31 Dec 2050 12:00:00 UTC; path=/;"; }else{ if(notibar == 'True') { $("#alertmain").show(); $("header").addClass("whenNoti"); $("#mainpg").addClass("whenNotiMainPg"); document.cookie = "notikey=show; expires=Sat, 31 Dec 2050 12:00:00 UTC; path=/;"; } } }else{ if(notibar == 'True') { $("#alertmain").show(); $("header").addClass("whenNoti"); $("#mainpg").addClass("whenNotiMainPg"); document.cookie = "notikey=show; expires=Sat, 31 Dec 2050 12:00:00 UTC; path=/;"; } } } } }else{ if(daynotibar == 'True') { if('@checkDay' == '@GetString("Item.Area.Day_Notification_Day")' && '@serverTime' > '@friStartTime' && '@serverTime' < '@friEndTime') { $("#alertmain").show(); $("header").addClass("whenNoti"); $("#mainpg").addClass("whenNotiMainPg"); document.cookie = "notikey=show; expires=Sat, 31 Dec 2050 12:00:00 UTC; path=/;"; }else{ if(notibar == 'True') { $("#alertmain").show(); $("header").addClass("whenNoti"); $("#mainpg").addClass("whenNotiMainPg"); document.cookie = "notikey=show; expires=Sat, 31 Dec 2050 12:00:00 UTC; path=/;"; } } }else{ if(notibar == 'True') { $("#alertmain").show(); $("header").addClass("whenNoti"); $("#mainpg").addClass("whenNotiMainPg"); document.cookie = "notikey=show; expires=Sat, 31 Dec 2050 12:00:00 UTC; path=/;"; } } } } }else{ if(sysnotibar == 'True') { if('@serverTime' > '@startTime' && '@serverTime' < '@endTime') { $("#alertmain").show(); $("header").addClass("whenNoti"); $("#mainpg").addClass("whenNotiMainPg"); document.cookie = "notikey=show; expires=Sat, 31 Dec 2050 12:00:00 UTC; path=/;"; }else{ if(mainnotibar == 'True') { if('@GetString("Item.Area.Maintenance_Time_Notification_Day")' != "DAILY") { if('@checkDay' == '@GetString("Item.Area.Maintenance_Time_Notification_Day")' && '@serverTime' > '@maintenanceTimeNotiStartTime' && '@serverTime' < '@maintenanceTimeNotiEndTime') { $("#alertmain").show(); $("header").addClass("whenNoti"); $("#mainpg").addClass("whenNotiMainPg"); document.cookie = "notikey=show; expires=Sat, 31 Dec 2050 12:00:00 UTC; path=/;"; }else{ if(daynotibar == 'True') { if('@checkDay' == '@GetString("Item.Area.Day_Notification_Day")' && '@serverTime' > '@friStartTime' && '@serverTime' < '@friEndTime') { $("#alertmain").show(); $("header").addClass("whenNoti"); $("#mainpg").addClass("whenNotiMainPg"); document.cookie = "notikey=show; expires=Sat, 31 Dec 2050 12:00:00 UTC; path=/;"; }else{ if(notibar == 'True') { $("#alertmain").show(); $("header").addClass("whenNoti"); $("#mainpg").addClass("whenNotiMainPg"); document.cookie = "notikey=show; expires=Sat, 31 Dec 2050 12:00:00 UTC; path=/;"; }else{ $("#alertmain").hide(); $("#mainpg").addClass("Noti_Remove"); } } }else{ if(notibar == 'True') { $("#alertmain").show(); $("header").addClass("whenNoti"); $("#mainpg").addClass("whenNotiMainPg"); document.cookie = "notikey=show; expires=Sat, 31 Dec 2050 12:00:00 UTC; path=/;"; } } } }else{ if('@serverTime' > '@maintenanceTimeNotiStartTime' && '@serverTime' < '@maintenanceTimeNotiEndTime') { $("#alertmain").show(); $("header").addClass("whenNoti"); $("#mainpg").addClass("whenNotiMainPg"); document.cookie = "notikey=show; expires=Sat, 31 Dec 2050 12:00:00 UTC; path=/;"; }else{ if(notibar == 'True') { $("#alertmain").show(); $("header").addClass("whenNoti"); $("#mainpg").addClass("whenNotiMainPg"); document.cookie = "notikey=show; expires=Sat, 31 Dec 2050 12:00:00 UTC; path=/;"; } } } }else{ if(daynotibar == 'True') { if('@checkDay' == '@GetString("Item.Area.Day_Notification_Day")' && '@serverTime' > '@friStartTime' && '@serverTime' < '@friEndTime') { $("#alertmain").show(); $("header").addClass("whenNoti"); $("#mainpg").addClass("whenNotiMainPg"); document.cookie = "notikey=show; expires=Sat, 31 Dec 2050 12:00:00 UTC; path=/;"; } } } } }else{ if(mainnotibar == 'True') { if('@GetString("Item.Area.Maintenance_Time_Notification_Day")' != "DAILY") { if('@checkDay' == '@GetString("Item.Area.Maintenance_Time_Notification_Day")' && '@serverTime' > '@maintenanceTimeNotiStartTime' && '@serverTime' < '@maintenanceTimeNotiEndTime') { $("#alertmain").show(); $("header").addClass("whenNoti"); $("#mainpg").addClass("whenNotiMainPg"); document.cookie = "notikey=show; expires=Sat, 31 Dec 2050 12:00:00 UTC; path=/;"; }else{ if(daynotibar == 'True') { if('@checkDay' == '@GetString("Item.Area.Day_Notification_Day")' && '@serverTime' > '@friStartTime' && '@serverTime' < '@friEndTime') { $("#alertmain").show(); $("header").addClass("whenNoti"); $("#mainpg").addClass("whenNotiMainPg"); document.cookie = "notikey=show; expires=Sat, 31 Dec 2050 12:00:00 UTC; path=/;"; }else{ if(notibar == 'True') { $("#alertmain").show(); $("header").addClass("whenNoti"); $("#mainpg").addClass("whenNotiMainPg"); document.cookie = "notikey=show; expires=Sat, 31 Dec 2050 12:00:00 UTC; path=/;"; } } }else{ if(notibar == 'True') { $("#alertmain").show(); $("header").addClass("whenNoti"); $("#mainpg").addClass("whenNotiMainPg"); document.cookie = "notikey=show; expires=Sat, 31 Dec 2050 12:00:00 UTC; path=/;"; } } } }else{ if('@serverTime' > '@maintenanceTimeNotiStartTime' && '@serverTime' < '@maintenanceTimeNotiEndTime') { $("#alertmain").show(); $("header").addClass("whenNoti"); $("#mainpg").addClass("whenNotiMainPg"); document.cookie = "notikey=show; expires=Sat, 31 Dec 2050 12:00:00 UTC; path=/;"; }else{ if(notibar == 'True') { $("#alertmain").show(); $("header").addClass("whenNoti"); $("#mainpg").addClass("whenNotiMainPg"); document.cookie = "notikey=show; expires=Sat, 31 Dec 2050 12:00:00 UTC; path=/;"; } } } }else{ if(daynotibar == 'True') { if('@checkDay' == '@GetString("Item.Area.Day_Notification_Day")' && '@serverTime' > '@friStartTime' && '@serverTime' < '@friEndTime') { $("#alertmain").show(); $("header").addClass("whenNoti"); $("#mainpg").addClass("whenNotiMainPg"); document.cookie = "notikey=show; expires=Sat, 31 Dec 2050 12:00:00 UTC; path=/;"; } } } } } } }); function divClose() { $("#alertmain").hide(); $(".content-wrapper2").removeClass("contentwrapper2_whennoti"); $("header").removeClass("whenNoti"); $("#mainpg").removeClass("whenNotiMainPg"); $("#mainpg").addClass("Noti_Remove"); var now = new Date(); var time = now.getTime(); time += 24 * 3600 * 1000; now.setTime(time); document.cookie = "notikey=hide; expires=Sat, 31 Dec 2050 12:00:00 UTC"; document.cookie = "PLCBlackNotiBar=hide; expires=" + '@ExpDateString' + "; path=/"; } </text> }else{ <text> $(document).ready(function() { $("#alertmain").hide(); $("#mainpg").addClass("Noti_Remove"); }) </text> } //----------------- Notification Bar End --------------------- function topFunction() { //document.body.scrollTop = 0; //document.documentElement.scrollTop = 0; $('html, body').animate({ scrollTop: 0 }, 'fast') } window.onscroll = function() {scrollFunction()}; function scrollFunction() { if (document.body.scrollTop > 20 || document.documentElement.scrollTop > 20) { document.getElementById("myBtn").style.display = "block"; } else { document.getElementById("myBtn").style.display = "none"; } } function SiteLogout() { document.cookie = "IsVIPExpire=true; expires=Sat, 31 Dec 2050 12:00:00 UTC; path=/;"; var test = getCookie("IsVIPExpire"); console.log(test); window.location.href = '/Admin/Public/ExtranetLogoff.aspx?ID=3'; } //----------------- BEGIN Update VIP Info and Assigning Groups per Day ----------------- $(document).ready(function(){ if('@GetGlobalValue("Global:Extranet.UserID")' != 0) { var todayDate = new Date(); todayDate.setDate(todayDate.getDate() + 1); todayDate.setHours(0,0,0,0); var updatedVIPInfo = getCookie("UpdatedVIPInfo"); if(updatedVIPInfo.length == 0 || updatedVIPInfo != todayDate) { var url = "/utilities/update-vip-info-and-assigning-groups-per-day"; $.ajax({ url: url, dataType: "text", type: 'GET', success: function(data){ if(data.includes("true")) { document.cookie = "UpdatedVIPInfo=" + todayDate + "; expires=" + todayDate; } }, error: function(jqXHR, textStatus, errorThrown) { console.log(textStatus + ': ' + errorThrown); }, cache: true }); } } }); //----------------- END Update VIP Info and Assigning Groups per Day ----------------- //------------------------------------------------loader---------------------- $('#applyFilters').click(function(){ $('#loader').show(); }); $('#submitSearch').click(function(){ $('#loader').show(); }); $('#searchForm').submit(function(){ $('#loader').show(); }); $('#searchForm1').submit(function(){ $('#loader').show(); }); //------------------------------------------------Pixel for viewcontent---------------------- fbq('track','PageView',{content_ids:'@GetString("DWPageID")', content_type:'', value:'', num_items:'', content_name:'@GetString("DwPageName")', currency:'', content_category:''}); //-----------------------------moved from utilities>Jsonotheralsobought function LoadaddtoCartPopDY(id,pBrand,pName,requestQty,pPrice){ var toAppendData = ""; toAppendData = '<tr><td colspan="2"><img src="/Admin/Public/Getimage.ashx?width=147&compression=85&Crop=5&image=/Files/Images/Ecom/Products/' + id + '.jpg" id="show" alt="product image"></td></tr>'; toAppendData += '<tr><td width="250px" style="padding:20px;" colspan="2">'; toAppendData += '<div class="pid" hidden>' + id + '</div>'; toAppendData += '<div class="pbrand">' + pBrand.replace(" myAND ", " & ") + '</div>'; toAppendData += '<div class="pname">' + pName.replace(" myAND ", " & ") + '</div>'; toAppendData += '<div class="qty">QTY: ' + requestQty + '<span class="count"></span></div>'; toAppendData += '</td></tr><tr><td colspan="2"><hr /></td></tr><tr>'; toAppendData += '</tr>'; $("#showbox").html(""); $("#showbox").append(toAppendData); $("#AddtoItem").modal('show'); setTimeout(function(){$("#AddtoItem").modal('hide'); }, 1500); } //--------------------------moved from PLCshowcartajax.cshtml function AddItemToCart(link){ RunProcess(link); } function RunProcess(link){ currentcart = []; $.blockUI({message : $('#addingToCart'), css: { border: 'none', background: 'none'}}); if(link===""){ LoadCart(); return; } $.ajax({ url: websiteUrl + link + "&redirect=false", sync: "false", type: "GET", success: function(data){ LoadCart(); setTimeout(function(){ $.unblockUI(); }, 1000); }, error: function(jqXHR, textStatus, errorThrown) { console.log(textStatus + ': ' + errorThrown); }, cache: true }); loadMinicart(); } function LoadCart(){ currentcart = []; $("#idCartArea").load("/Default.aspx?ID=7732"); } function loadMinicart(){ currentcart = []; $.ajax({ url: "/Default.aspx?ID=7731", type: 'GET', success: function(data1){ $('#minipagecart-button').html(''); $('#minipagecart-button').html($(data1).find("#minipagecart-button").html()); $('#smallscreen-minicart').find('.dropdown-cart').find('.dropdown-cart').html(''); $('#smallscreen-minicart').find('.dropdown-cart').html($(data1).find("#smallscreen-minicart").find('.dropdown-cart').html()); }, error: function(jqXHR, textStatus, errorThrown) { $.unblockUI(); }, cache: true }); } $('body').click(function(){ if($('.cart-info-box').is(':visible')){ $('.cart-info-box').slideUp(); } }); @*<!--Background running(KK)-->*@ function CallBlankPage() { $.ajax({ url: '/shopping-cart', type: 'GET', success: function (data) { //nothing to do. Just to extend the session } }); }; setInterval(CallBlankPage, 150000); @*<!--End of Background running(KK)-->*@ </script> @if(Pageview.Device.ToString().ToUpper() == "TABLET"){ <style> .M1 > li:nth-child(2){ margin-top:-30px } .M2 > li { margin-top:15px; } </style> } <script> $(document).ready(function() { setTimeout(function(){ $(".MyCustomSearchBox").attr("id","search"); }, 2000); }); </script>