Error executing template "Designs/PLC/_parsed/ProductWidth.parsed.cshtml"
System.Net.WebException: The underlying connection was closed: Could not establish trust relationship for the SSL/TLS secure channel. ---> System.Security.Authentication.AuthenticationException: The remote certificate is invalid according to the validation procedure.
   at System.Net.Security.SslState.StartSendAuthResetSignal(ProtocolToken message, AsyncProtocolRequest asyncRequest, Exception exception)
   at System.Net.Security.SslState.CheckCompletionBeforeNextReceive(ProtocolToken message, AsyncProtocolRequest asyncRequest)
   at System.Net.Security.SslState.ProcessReceivedBlob(Byte[] buffer, Int32 count, AsyncProtocolRequest asyncRequest)
   at System.Net.Security.SslState.StartReceiveBlob(Byte[] buffer, AsyncProtocolRequest asyncRequest)
   at System.Net.Security.SslState.CheckCompletionBeforeNextReceive(ProtocolToken message, AsyncProtocolRequest asyncRequest)
   at System.Net.Security.SslState.ProcessReceivedBlob(Byte[] buffer, Int32 count, AsyncProtocolRequest asyncRequest)
   at System.Net.Security.SslState.StartReceiveBlob(Byte[] buffer, AsyncProtocolRequest asyncRequest)
   at System.Net.Security.SslState.CheckCompletionBeforeNextReceive(ProtocolToken message, AsyncProtocolRequest asyncRequest)
   at System.Net.Security.SslState.ProcessReceivedBlob(Byte[] buffer, Int32 count, AsyncProtocolRequest asyncRequest)
   at System.Net.Security.SslState.StartReceiveBlob(Byte[] buffer, AsyncProtocolRequest asyncRequest)
   at System.Net.Security.SslState.CheckCompletionBeforeNextReceive(ProtocolToken message, AsyncProtocolRequest asyncRequest)
   at System.Net.Security.SslState.ForceAuthentication(Boolean receiveFirst, Byte[] buffer, AsyncProtocolRequest asyncRequest)
   at System.Net.Security.SslState.ProcessAuthentication(LazyAsyncResult lazyResult)
   at System.Threading.ExecutionContext.RunInternal(ExecutionContext executionContext, ContextCallback callback, Object state, Boolean preserveSyncCtx)
   at System.Threading.ExecutionContext.Run(ExecutionContext executionContext, ContextCallback callback, Object state, Boolean preserveSyncCtx)
   at System.Threading.ExecutionContext.Run(ExecutionContext executionContext, ContextCallback callback, Object state)
   at System.Net.TlsStream.ProcessAuthentication(LazyAsyncResult result)
   at System.Net.TlsStream.Write(Byte[] buffer, Int32 offset, Int32 size)
   at System.Net.ConnectStream.WriteHeaders(Boolean async)
   --- End of inner exception stack trace ---
   at System.Net.WebClient.DownloadDataInternal(Uri address, WebRequest& request)
   at System.Net.WebClient.DownloadString(Uri address)
   at CompiledRazorTemplates.Dynamic.RazorEngine_2ab0529129c5411a8fdec4a7b4fdb2a1.Execute() in C:\Server\Solution\Files\Templates\Designs\PLC\_parsed\ProductWidth.parsed.cshtml:line 397
   at RazorEngine.Templating.TemplateBase.RazorEngine.Templating.ITemplate.Run(ExecuteContext context, TextWriter reader)
   at RazorEngine.Templating.RazorEngineService.RunCompile(ITemplateKey key, TextWriter writer, Type modelType, Object model, DynamicViewBag viewBag)
   at RazorEngine.Templating.RazorEngineServiceExtensions.<>c__DisplayClass16_0.b__0(TextWriter writer)
   at RazorEngine.Templating.RazorEngineServiceExtensions.WithWriter(Action`1 withWriter)
   at Dynamicweb.Rendering.Template.RenderRazorTemplate()

1 @using System 2 @using System.Web 3 @using Dynamicweb.Security.UserManagement.Common.CustomFields; 4 @using Dynamicweb.Security.UserManagement 5 6 @using System.Text.RegularExpressions 7 @using System.Web 8 9 10 @functions{ 11 public class WrapMethods 12 { 13 14 15 //Gets the contrasting color 16 public static string getContrastYIQ(string hexcolor) 17 { 18 if (hexcolor != "") 19 { 20 hexcolor = Regex.Replace(hexcolor, "[^0-9a-zA-Z]+", ""); 21 22 int r = Convert.ToByte(hexcolor.Substring(0, 2), 16); 23 int g = Convert.ToByte(hexcolor.Substring(2, 2), 16); 24 int b = Convert.ToByte(hexcolor.Substring(4, 2), 16); 25 int yiq = ((r * 299) + (g * 587) + (b * 114)) / 1000; 26 27 if (yiq >= 128) 28 { 29 return "black"; 30 } 31 else 32 { 33 return "white"; 34 } 35 } 36 else 37 { 38 return "black"; 39 } 40 } 41 42 43 //Truncate text 44 public static string Truncate (string value, int count, bool strip=true) 45 { 46 if (strip == true){ 47 value = StripHtmlTagByCharArray(value); 48 } 49 50 if (value.Length > count) 51 { 52 value = value.Substring(0, count - 1) + "..."; 53 } 54 55 return value; 56 } 57 58 59 //Strip text from HTML 60 public static string StripHtmlTagByCharArray(string htmlString) 61 { 62 char[] array = new char[htmlString.Length]; 63 int arrayIndex = 0; 64 bool inside = false; 65 66 for (int i = 0; i < htmlString.Length; i++) 67 { 68 char let = htmlString[i]; 69 if (let == '<') 70 { 71 inside = true; 72 continue; 73 } 74 if (let == '>') 75 { 76 inside = false; 77 continue; 78 } 79 if (!inside) 80 { 81 array[arrayIndex] = let; 82 arrayIndex++; 83 } 84 } 85 return new string(array, 0, arrayIndex); 86 } 87 88 //Make the correct count of columns 89 public static string ColumnMaker(int Col, string ScreenSize) 90 { 91 string Columns = ""; 92 93 switch (Col) 94 { 95 case 1: 96 Columns = "col-"+ScreenSize+"-12"; 97 break; 98 99 case 2: 100 Columns = "col-"+ScreenSize+"-6"; 101 break; 102 103 case 3: 104 Columns = "col-"+ScreenSize+"-4"; 105 break; 106 107 case 4: 108 Columns = "col-"+ScreenSize+"-3"; 109 break; 110 111 default: 112 Columns = "col-"+ScreenSize+"-3"; 113 break; 114 } 115 116 return Columns; 117 } 118 119 120 private string Custom(string firstoption, string secondoption) 121 { 122 if (firstoption == "custom") 123 { 124 return secondoption; 125 } 126 else 127 { 128 return firstoption; 129 } 130 } 131 } 132 } 133 @helper MiniCart() 134 { 135 var list = new List<String>(); 136 foreach (var orderline1 in GetLoop("OrderLines")){ 137 var repackString = ""; 138 if(orderline1.GetString("Ecom:Order:OrderLine.ProductName").Contains("Repack Service")){ 139 foreach (LoopItem orderLineField in orderline1.GetLoop("Order.OrderLineFields")){ 140 repackString = orderLineField.GetString("Ecom:Order:OrderLine.OrderLineField.Value")+"|"; 141 } 142 repackString += orderline1.GetValue("Ecom:Order:OrderLine.Quantity") + "|" + orderline1.GetString("Ecom:Order:OrderLine.Price.PriceFormatted"); 143 list.Add(repackString); 144 145 } 146 } 147 <div class="dropdown-cart FixedHeightContainer"> 148 149 @if (GetInteger("Ecom:Order.OrderLines.TotalProductQuantity") > 0) 150 { 151 152 153 154 <div class="cart-content scrollminicart"> 155 @{string imgpath="/Files/Images/Ecom/Products/";} 156 @foreach (var orderline in GetLoop("OrderLines")) 157 { 158 159 var isVoucher = false; 160 if(orderline.GetString("Ecom:Order:OrderLine.Type") == "1") 161 { 162 isVoucher = true; 163 } 164 var pid = orderline.GetString("Ecom:Order:OrderLine.ProductID"); 165 var pNo=orderline.GetString("Ecom:Order:OrderLine.ProductNumber"); 166 var image = orderline.GetString("Ecom:Product.ImageSmall.Default.Clean"); 167 string imgpathjpg=imgpath+pid+".jpg"; 168 string imgpathpng=imgpath+pid+".png"; 169 var absolutePathsjpg = System.Web.HttpContext.Current.Server.MapPath("~/"+ imgpathjpg); 170 var absolutePathpng = System.Web.HttpContext.Current.Server.MapPath("~/"+ imgpathpng); 171 if(System.IO.File.Exists(absolutePathsjpg)){ 172 image=imgpathjpg; 173 } 174 else if(System.IO.File.Exists(absolutePathpng)){ 175 image=imgpathpng; 176 } 177 178 var repackTrue= false; 179 var repackID = ""; 180 var repackQuantity = ""; 181 var repackPrice =""; 182 for (int j=0; j<@list.Count;j++){ 183 184 string[] stringlist = list[j].Split('|'); 185 if(stringlist[0]==pid){ 186 repackTrue = true; 187 repackQuantity = stringlist[1]; 188 repackPrice = stringlist[2]; 189 } 190 } 191 if(orderline.GetString("Ecom:Order:OrderLine.ProductName")!="$3 Repack Service" && orderline.GetString("Ecom:Order:OrderLine.ProductName")!="$4 Repack Service"){ 192 193 if(orderline.GetString("Ecom:Order:OrderLine.Type")!="3") 194 { 195 196 <div class="cart-row"> 197 @if(!orderline.GetString("Ecom:Order:OrderLine.ProductName").Contains("Repack Service")) 198 { 199 <div class="cart-img"> 200 @if(!isVoucher) 201 { 202 <img src="/Admin/Public/GetImage.ashx?width=50&image=@image&Compression=99" class="img-center" alt=""> 203 } 204 else 205 { 206 <p>&nbsp;</p> 207 } 208 </div> 209 }else{ 210 <div class="cart-img"> 211 <p>&nbsp;</p> 212 </div> 213 } 214 <div class="cart-details"> 215 <p class="bold"> 216 <a href="@orderline.GetValue(" ecom:order:orderline.productlink")"=""> 217 <p style="margin: 0px;">@orderline.GetString("Ecom:Product:Field.ProductBrand")</p> 218 <p style="margin: 0px;">@orderline.GetString("Ecom:Order:OrderLine.ProductName")</p> 219 </a> 220 <br>@orderline.GetString("Ecom:Order:OrderLine.ProductVariantText")</p> 221 222 @if(!isVoucher) 223 { 224 <table> 225 <tr style="font-size:12px;"> 226 <td>@Translate("Item No","Item No")&nbsp;</td> 227 <td>: @pNo </td> 228 </tr> 229 @if(!string.IsNullOrWhiteSpace(orderline.GetString("Ecom:Product:Field.Flavour"))) 230 { 231 <tr style="font-size:12px;"> 232 <td>@Translate("Flavour","Flavour")&nbsp;</td> 233 <td>:&nbsp;@orderline.GetString("Ecom:Product:Field.Flavour")</td> 234 </tr> 235 } 236 <tr style="font-size:12px;"> 237 <td>@Translate("Quantity","Quantity")&nbsp;</td> 238 <td>: @orderline.GetValue("Ecom:Order:OrderLine.Quantity")</td> 239 </tr> 240 </table> 241 } 242 </div> 243 244 245 @if(orderline.GetString("Ecom:Order:OrderLine.Price.PriceFormatted") != orderline.GetString("Ecom:Order:OrderLine.TotalPriceWithProductDiscounts")) 246 { 247 <span style="text-decoration:line-through;"> 248 @orderline.GetString("Ecom:Order:OrderLine.Price.PriceFormatted") 249 250 </span> 251 <br> 252 @orderline.GetValue("Ecom:Order:OrderLine.TotalPriceWithProductDiscounts") 253 254 } 255 else 256 { 257 258 @orderline.GetString("Ecom:Order:OrderLine.Price.PriceWithVATFormatted") 259 260 } 261 </div> 262 263 } 264 else if(orderline.GetString("Ecom:Order:OrderLine.Type")=="3" && String.IsNullOrWhiteSpace(orderline.GetString("Ecom:Order:OrderLine.ParentLineID"))) 265 { 266 <div class="cart-row"> 267 <div class="cart-img"> 268 <p>&nbsp;</p> 269 </div> 270 <div class="cart-details"> 271 <p class="bold"><a href="@orderline.GetValue(" ecom:order:orderline.productlink")"=""> 272 <span id="name@(pid)">@orderline.GetValue("Ecom:Order:OrderLine.ProductName")</span></a> 273 <br>@orderline.GetString("Ecom:Order:OrderLine.ProductVariantText")</p> 274 </div> 275 @orderline.GetString("Ecom:Order:OrderLine.Price.PriceWithVATFormatted") 276 </div> 277 } 278 if(repackTrue) 279 { 280 <div class="cart-row"> 281 <div class="cart-img">&nbsp;</div> 282 <div class="cart-details"> 283 <table style="font-size: 12px !important;"> 284 <tbody> 285 <tr class="bold">Repack</tr> 286 <tr><td>Quantity:&nbsp;</td><td>@repackQuantity</td></tr> 287 288 </tbody> 289 </table> 290 </div> 291 <b> @repackPrice </b> 292 </div> 293 } 294 } 295 } 296 </div> 297 <hr class="grey"> 298 <div class="cart-bottom"> 299 <!-- @{ var saveDeliveryFee = 80.00 - GetDouble("Ecom:Order.PriceWithoutTaxes.PriceWithVAT") + GetDouble("Ecom:Order.ShippingFee.PriceWithVAT.Value"); } 300 @if(saveDeliveryFee > 0) 301 { 302 <div class="cart-highlight">Spend @GetString("Ecom:Order.Currency.Symbol")@string.Format("{0:0.00}",saveDeliveryFee) more to save on delivery</div> 303 }--> 304 <div class="cart-total"> 305 <table width="100%" border="0" cellspacing="0" cellpadding="0" style="font-size:14px;"> 306 <tr> 307 <td class="title">@Translate("Subtotal","Subtotal")</td> 308 <td>:</td> 309 <td class="price">@GetString("Ecom:Order.PriceWithoutFees.PriceWithVATFormatted")</td> 310 </tr> 311 <!--<tr> 312 <td class="title">@Translate("Delivery","Delivery")</td> 313 <td>:</td> 314 @if(GetDouble("Ecom:Order.ShippingFee.Price") == 0.00) 315 { 316 <td class="price">Free</td> 317 } 318 else 319 { 320 <td class="price">@GetString("Ecom:Order.ShippingFee.PriceWithVATFormatted")</td> 321 } 322 </tr>--> 323 <tr> 324 <td class="title">@Translate("Promotions","Promotions")</td> 325 <td>:</td> 326 <td class="price">@GetString("Ecom:Order.TotalDiscount.PriceWithVATFormatted")</td> 327 </tr> 328 329 <tr> 330 <td class="title">@Translate("Total","Total")</td> 331 <td>:</td> 332 <td class="price">@GetString("Ecom:Order.Price.PriceWithVATFormatted")</td> 333 </tr> 334 </table> 335 336 </div> 337 </div> 338 <br> 339 <div class="cart-button"> 340 @{ var cartid = GetValue("DwAreaCartPageID"); 341 var tempcartid = "67"; 342 } 343 344 <a class="btn-continue" id="btn-continue" onclick='$(".cart-info-box").slideToggle();' href="javascript:void(0)">Continue Shopping »</a> 345 346 <div class="btn-addto-cart"> 347 <a href="Default.aspx?ID=@tempcartid"><i class="fa fa-shopping-cart"></i> View Cart & Checkout</a> 348 </div> 349 </div> 350 351 } 352 else 353 { 354 <span class="cart-items">@Translate("Your shopping cart is empty.", "Your shopping cart is empty.")</span> 355 } 356 </div> 357 <text> 358 </text> 359 } 360 <style> 361 .FixedHeightContainer 362 { 363 height: auto; 364 } 365 .scrollminicart 366 { 367 height:224px; 368 overflow:auto; 369 } 370 </style> 371 @{string charset=GetString("CharSet");} 372 <!DOCTYPE html> 373 <html lang="en"> 374 <head> 375 <!-- Google Tag Manager --> 376 <script>(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start': 377 new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0], 378 j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src= 379 'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f); 380 })(window,document,'script','dataLayer','GTM-TWZ4Z3W');</script> 381 <!-- End Google Tag Manager --> 382 383 <meta charset="@charset"> 384 <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=0"> 385 <meta name="format-detection" content="telephone=no"> 386 @{ 387 string MetaDescription = GetString("Meta.Description"); 388 string MetaKeywords = GetString("Meta.Keywords"); 389 string MetaTitle = GetString("Meta.Title"); 390 string favicon=GetString("Item.Area.Favicon"); 391 string sitepath="https://plc-dev.dynamicwebapac.com/Files/Templates/Designs/PLC/"; 392 //string globalurl=GetString("Global:Area.Primarydomain"); 393 string globalurl = "/Default.aspx?ID=" + GetString("DwAreaFirstPageID"); 394 //15 January 2017 start 395 sitepath = System.Web.HttpContext.Current.Request.Url.Scheme + "://" + System.Web.HttpContext.Current.Request.Url.Host + "/Files/Templates/Designs/PLC/"; 396 //15 January 2017 end 397 string countrySelection = new System.Net.WebClient().DownloadString(System.Web.HttpContext.Current.Request.Url.Scheme + "://" + System.Web.HttpContext.Current.Request.Url.Host + "/utilities/country-selector"); 398 string sysMaintenanceNoti = GetString("Item.Area.System_Notification_Text"); 399 string fridayMaintenanceNoti = GetString("Item.Area.Day_Notification_Bar_Text"); 400 string maintenanceTimeNoti = GetString("Item.Area.Maintenance_Time_Notification_Bar_Text"); 401 string productQty = "0"; 402 if(GetString("Ecom:Order.OrderLines.TotalProductQuantity") != "") 403 { 404 productQty = GetString("Ecom:Order.OrderLines.TotalProductQuantity"); 405 } 406 407 TimeSpan maintenanceTimeNotiStartTime = new TimeSpan(GetInteger("Item.Area.Maintenance_Time_Notification_Start_Time_Hour"), GetInteger("Item.Area.Maintenance_Time_Notification_Start_Time_Minute"), 0); 408 TimeSpan maintenanceTimeNotiEndTime = new TimeSpan(GetInteger("Item.Area.Maintenance_Time_Notification_End_Time_Hour"), GetInteger("Item.Area.Maintenance_Time_Notification_End_Time_Minute"), 0); 409 TimeSpan startTime = new TimeSpan(GetInteger("Item.Area.System_Notification_Start_Time_Hour"), GetInteger("Item.Area.System_Notification_Start_Time_Minutes"), 0); 410 TimeSpan endTime = new TimeSpan(GetInteger("Item.Area.System_Notification_End_Time_Hour"), GetInteger("Item.Area.System_Notification_End_Time_Minutes"), 0); 411 TimeSpan serverTime = DateTime.Now.TimeOfDay; 412 TimeSpan friStartTime = new TimeSpan(GetInteger("Item.Area.Day_Notification_Starting_Time_Hour"), GetInteger("Item.Area.Day_Notification_Starting_Time_Minutes"), 0); 413 TimeSpan friEndTime = new TimeSpan(GetInteger("Item.Area.Day_Notification_End_Time_Hour"), GetInteger("Item.Area.Day_Notification_End_Time_Minutes"), 0); 414 string checkDay = DateTime.Now.ToString("dddd").ToUpper(); 415 } 416 417 418 419 <title>@GetValue("Title")</title> 420 @GetValue("MetaTags") 421 @GetValue("CopyRightNotice") 422 423 @*<title>@GetGlobalValue("Global:Page.Top.Name")</title>*@ 424 <link rel="shortcut icon" href="@favicon"> 425 <link rel="apple-touch-icon-precomposed" sizes="144x144" href="/Files/Templates/Designs/PLC/assets/images/ico/apple-touch-icon-144-precomposed.png"> 426 <link rel="apple-touch-icon-precomposed" sizes="114x114" href="/Files/Templates/Designs/PLC/assets/images/ico/apple-touch-icon-114-precomposed.png"> 427 <link rel="apple-touch-icon-precomposed" sizes="72x72" href="/Files/Templates/Designs/PLC/assets/images/ico/apple-touch-icon-72-precomposed.png"> 428 <link rel="apple-touch-icon-precomposed" href="/Files/Templates/Designs/PLC/assets/images/ico/apple-touch-icon-57-precomposed.png"> 429 430 <link rel="stylesheet" href="/Files/Templates/Designs/PLC/assets/css/bootstrap.min.css" type="text/css"> 431 <link href="/Files/Templates/Designs/PLC/assets/css/simplegrid.css?v=2.1" rel="stylesheet" type="text/css"> 432 <link href="/Files/Templates/Designs/PLC/assets/css/style_v2.2.css?v=2.1.8" rel="stylesheet" type="text/css"> 433 434 <link href="/Files/Templates/Designs/PLC/assets/css/dropdown.css" rel="stylesheet" type="text/css"> 435 <link href="/Files/Templates/Designs/PLC/assets/css/jetmenu.css?v=2.1.9" rel="stylesheet"> 436 <link rel="stylesheet" href="/Files/Templates/Designs/PLC/assets/css/tipso.css"> 437 <link href="/Files/Templates/Designs/PLC/assets/css/allinone_bannerRotator.css" rel="stylesheet" type="text/css"> 438 <link href="/Files/Templates/Designs/PLC/assets/css/jquery.bxslider.css" rel="stylesheet" type="text/css"> 439 <link href="/Files/Templates/Designs/PLC/assets/css/jquery.mCustomScrollbar.css" type="text/css" rel="stylesheet"> 440 <link href="/Files/Templates/Designs/PLC/assets/css/responsive_v1.css?v=2.4.7" rel="stylesheet" type="text/css" rel="stylesheet"> 441 <link href="/Files/Templates/Designs/PLC/assets/css/hover_effect.css" rel="stylesheet" type="text/css" rel="stylesheet"> 442 <link rel="stylesheet" type="text/css" href="/Files/Templates/Designs/PLC/shop_locator/src/style/css/pluginStyle.css"> 443 <link rel="stylesheet" type="text/css" href="/Files/Templates/Designs/PLC/assets/css/accordion.css"> 444 <link rel="stylesheet" type="text/css" href="/Files/Templates/Designs/PLC/fancybox/jquery.fancybox.css?v=2.1.5" media="screen"> 445 <link href="//netdna.bootstrapcdn.com/bootstrap/3.0.0/css/bootstrap-glyphicons.css" rel="stylesheet"> 446 <link rel="stylesheet" href="/Files/Templates/Designs/PLC/assets/css/jquery-ui.css"> 447 <link rel="stylesheet" href="/Files/Templates/Designs/Dwsimple/css/bootstrap-chosen.css"> 448 449 450 <script type="text/javascript" src="/Files/Templates/Designs/PLC/js/modernizr.custom.79639.js"></script> 451 <script src="/Files/Templates/Designs/PLC/js/jquery.min.js"></script> 452 <script src="/Files/Templates/Designs/PLC/js/jquery.blockUI.js"></script> 453 <script src="/Files/Templates/Designs/PLC/js/jquery.cookie.js"></script> 454 <script src="/Files/Templates/Designs/PLC/js/html5shiv.js" type="text/javascript"></script> 455 <!--<script src="Files/Templates/Designs/PLC/fancybox/jquery.fancybox.js"></script> --> 456 457 458 <script> 459 if(navigator.userAgent.indexOf("Redmi") !== -1 || navigator.userAgent.indexOf("Mi") !== -1 || navigator.userAgent.indexOf("Xiaomi") !== -1){ 460 $('.ui-icon').on('click touchend', function(e) { 461 $(".ui-dialog").hide(); 462 return true; 463 }); 464 } 465 function getCookie(cname) { 466 var name = cname + "="; 467 var ca = document.cookie.split(';'); 468 for(var i = 0; i < ca.length; i++) { 469 var c = ca[i]; 470 while (c.charAt(0) == ' ') { 471 c = c.substring(1); 472 } 473 if (c.indexOf(name) == 0) { 474 return c.substring(name.length, c.length); 475 } 476 } 477 return ""; 478 } 479 $(document).ready(function() { 480 $(".cart-info-box").hide(); 481 $(function () { 482 $('.top-cart-info').click(function(e) { 483 e.stopImmediatePropagation(); 484 $('.cart-info-box').slideToggle(); 485 }); 486 }); 487 $('.btnLogout').click(function () { 488 $.removeCookie('Dynamicweb:Ecom:Cart', null, { path: '/' }); 489 //console.log($.cookie('Dynamicweb:Ecom:Cart')); 490 }); 491 $('#showhidebtn').click(function () { 492 $("#impersonDiv").slideToggle(); 493 }); 494 495 }); 496 var googleRecaptcha = '@GetString("Item.Area.Google_Recaptcha")'; 497 $('a').on('click touchend', function(e) { 498 var el = $(this); 499 var link = el.attr('href'); 500 window.location = link; 501 }); 502 </script> 503 <script>/* Chosen v1.1.0 | (c) 2011-2013 by Harvest | MIT License, https://github.com/harvesthq/chosen/blob/master/LICENSE.md */ 504 !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); 505 </script> 506 <script src="https://ajax.googleapis.com/ajax/libs/jqueryui/1.9.2/jquery-ui.min.js"></script> 507 508 <script type="text/javascript" src="/Files/Templates/Designs/PLC/js/jetmenu.js"></script> 509 510 <script type="text/javascript" src="/Files/Templates/Designs/PLC/fancybox/jquery.mousewheel-3.0.6.pack.js" defer=""></script> 511 <script type="text/javascript" src="/Files/Templates/Designs/PLC/fancybox/jquery.fancybox.js?v=2.1.5" defer=""></script> 512 <script src="/Files/Templates/Designs/PLC/js/bootstrap.min.js"></script> 513 <script src="/Files/Templates/Designs/PLC/js/jquery.mousewheel.min.js"></script> 514 <script src="/Files/Templates/Designs/PLC/js/jquery.easing.1.3.js"></script> 515 <script src="//cdnjs.cloudflare.com/ajax/libs/modernizr/2.8.3/modernizr.min.js"></script> 516 <script src="/Files/Templates/Designs/PLC/js/jquery.mCustomScrollbar.js"></script> 517 <script type="text/javascript" src="/Files/Templates/Designs/PLC/js/paging.js"></script> 518 <script src="/Files/Templates/Designs/PLC/js/price-range.js"></script> 519 <script src="/Files/Templates/Designs/PLC/js/tipso_v2.js"></script> 520 <script type="text/javascript"> 521 522 $(document).ready(function() { 523 if(window.navigator.userAgent.indexOf("SamsungBrowser") > -1){ 524 $(".whenNotiMainPg .mobileSlider").css("margin-top","35px"); 525 } 526 $(function(){ 527 if($(window).width() > 750){ 528 $(".user-menu-mobile").css("display", "none"); 529 $(".sidenavi").css("display", "block"); 530 } 531 }); 532 533 534 $('.fancybox').fancybox({ 535 afterLoad : function() { 536 this.title = 'Image ' + (this.index + 1) + ' of ' + this.group.length + (this.title ? ' - ' + this.title : ''); 537 } 538 }); 539 }); 540 541 </script> 542 543 <script type="text/javascript"> 544 $(document).ready(function(){ 545 $(".jetmenu").jetmenu(); 546 }); 547 </script> 548 <script type="text/javascript" src='/Files/Templates/Designs/PLC/js/jquery.elevateZoom-3.0.8.min.js'></script> 549 550 <!--FONT SETTINGS--> 551 @functions{ 552 public class FontSettings 553 { 554 public class Logo 555 { 556 public static string FontFamily { get; set; } 557 public static string FontSize { get; set; } 558 public static string FontWeight { get; set; } 559 public static string Color { get; set; } 560 public static string LineHeight { get; set; } 561 public static string Casing { get; set; } 562 public static string LetterSpacing { get; set; } 563 } 564 565 public class H1 566 { 567 public static string FontFamily { get; set; } 568 public static string FontSize { get; set; } 569 public static string FontWeight { get; set; } 570 public static string Color { get; set; } 571 public static string LineHeight { get; set; } 572 public static string Casing { get; set; } 573 public static string LetterSpacing { get; set; } 574 } 575 576 public class H2 577 { 578 public static string FontFamily { get; set; } 579 public static string FontSize { get; set; } 580 public static string FontWeight { get; set; } 581 public static string Color { get; set; } 582 public static string LineHeight { get; set; } 583 public static string Casing { get; set; } 584 public static string LetterSpacing { get; set; } 585 } 586 587 public class Body 588 { 589 public static string FontFamily { get; set; } 590 public static string FontSize { get; set; } 591 public static string FontWeight { get; set; } 592 public static string Color { get; set; } 593 public static string LineHeight { get; set; } 594 public static string Casing { get; set; } 595 public static string LetterSpacing { get; set; } 596 } 597 } 598 599 private void InitFontSettings() 600 { 601 //LOGO 602 FontSettings.Logo.FontFamily = CustomFont(GetString("Item.Area.LogoFont.Font"), GetString("Item.Area.LogoFont.CustomFont")); 603 FontSettings.Logo.FontSize = GetString("Item.Area.LogoFont.Size")+"px"; 604 FontSettings.Logo.FontWeight = CheckExistence(GetString("Item.Area.LogoFont.Weight"), "normal"); 605 FontSettings.Logo.LineHeight = CheckExistence(GetString("Item.Area.LogoFont.LineHeight"), "1"); 606 FontSettings.Logo.LetterSpacing = GetString("Item.Area.LogoFont.LetterSpacing") + "px"; 607 FontSettings.Logo.Casing = GetString("Item.Area.LogoFont.Casing"); 608 FontSettings.Logo.Color = GetString("Item.Area.LogoFont.Color.Color"); 609 610 611 //HEADINGS 612 FontSettings.H1.FontFamily = CustomFont(GetString("Item.Area.HeadingsH1.Font"), GetString("Item.Area.HeadingsH1.CustomFont")); 613 FontSettings.H1.FontSize = GetString("Item.Area.HeadingsH1.Size")+"px"; 614 FontSettings.H1.FontWeight = CheckExistence(GetString("Item.Area.HeadingsH1.Weight"), "normal"); 615 FontSettings.H1.LineHeight = CheckExistence(GetString("Item.Area.HeadingsH1.LineHeight"), "1"); 616 FontSettings.H1.LetterSpacing = GetString("Item.Area.HeadingsH1.LetterSpacing") + "px"; 617 FontSettings.H1.Casing = GetString("Item.Area.HeadingsH1.Casing"); 618 FontSettings.H1.Color = GetString("Item.Area.HeadingsH1.Color.Color"); 619 620 FontSettings.H2.FontFamily = CustomFont(GetString("Item.Area.HeadingsH2.Font"), GetString("Item.Area.HeadingsH2.CustomFont")); 621 FontSettings.H2.FontSize = GetString("Item.Area.HeadingsH2.Size")+"px"; 622 FontSettings.H2.FontWeight = CheckExistence(GetString("Item.Area.HeadingsH2.Weight"), "normal"); 623 FontSettings.H2.LineHeight = CheckExistence(GetString("Item.Area.HeadingsH2.LineHeight"), "1"); 624 FontSettings.H2.LetterSpacing = GetString("Item.Area.HeadingsH2.LetterSpacing") + "px"; 625 FontSettings.H2.Casing = GetString("Item.Area.HeadingsH2.Casing"); 626 FontSettings.H2.Color = GetString("Item.Area.HeadingsH2.Color.Color"); 627 628 629 //BODY 630 FontSettings.Body.FontFamily = CustomFont(GetString("Item.Area.BodyFont.Font"), GetString("Item.Area.BodyFont.CustomFont")); 631 FontSettings.Body.FontSize = GetString("Item.Area.BodyFont.Size") + "px"; 632 FontSettings.Body.FontWeight = CheckExistence(GetString("Item.Area.BodyFont.Weight"), "normal"); 633 FontSettings.Body.LineHeight = CheckExistence(GetString("Item.Area.BodyFont.LineHeight"), "1"); 634 FontSettings.Body.LetterSpacing = GetString("Item.Area.BodyFont.LetterSpacing") + "px"; 635 FontSettings.Body.Casing = GetString("Item.Area.BodyFont.Casing"); 636 FontSettings.Body.Color = GetString("Item.Area.BodyFont.Color.Color"); 637 638 639 gfonts.Add(FontSettings.Logo.FontFamily, ""); 640 if (!gfonts.ContainsKey(FontSettings.H1.FontFamily)) 641 { 642 gfonts.Add(FontSettings.H1.FontFamily, ""); 643 } 644 if (!gfonts.ContainsKey(FontSettings.H2.FontFamily)) 645 { 646 gfonts.Add(FontSettings.H2.FontFamily, ""); 647 } 648 if (!gfonts.ContainsKey(FontSettings.Body.FontFamily)) 649 { 650 gfonts.Add(FontSettings.Body.FontFamily, ""); 651 } 652 653 } 654 655 private string CustomFont (string firstfont, string secondfont) 656 { 657 if (firstfont == "custom") 658 { 659 return secondfont; 660 } 661 else 662 { 663 return firstfont; 664 } 665 } 666 667 private string CheckExistence (string stringitem, string defaultvalue) 668 { 669 if (!string.IsNullOrWhiteSpace(stringitem)) { 670 return stringitem; 671 } else { 672 return defaultvalue; 673 } 674 } 675 676 private System.Collections.Generic.Dictionary<string, object> gfonts = new System.Collections.Generic.Dictionary<string, object>(); 677 } 678 679 @{ 680 InitFontSettings(); 681 } 682 683 @helper GoogleFonts() 684 { 685 if (gfonts != null) 686 { 687 foreach (var item in gfonts) 688 { 689 <link rel="stylesheet" type="text/css" href="https://fonts.googleapis.com/css?family=@item.Key:100,200,300,400,500,600,700,800,900"> 690 } 691 } 692 } 693 694 @functions{ 695 public string FontStylesCSS() 696 { 697 string CssString = @" 698 .dw-logotext { 699 font-family: " + FontSettings.Logo.FontFamily + @"; 700 font-size: " + FontSettings.Logo.FontSize + @"; 701 font-weight: " + FontSettings.Logo.FontWeight + @"; 702 line-height: " + FontSettings.Logo.LineHeight + @" !important; 703 letter-spacing: " + FontSettings.Logo.LetterSpacing + @"; 704 text-transform: " + FontSettings.Logo.Casing + @"; 705 color: " + FontSettings.Logo.Color + @"; 706 } 707 708 h1 { 709 font-family: " + FontSettings.H1.FontFamily + @" !important; 710 font-size: " + FontSettings.H1.FontSize + @"; 711 color: " + FontSettings.H1.Color + @"; 712 line-height: " + FontSettings.H1.LineHeight + @" !important; 713 text-transform: " + FontSettings.H1.Casing + @"; 714 font-weight: " + FontSettings.H1.FontWeight + @"; 715 letter-spacing: " + FontSettings.H1.LetterSpacing + @" !important; 716 } 717 718 719 h2, h3, h4, h5, h6 { 720 margin-top: 0.7em; 721 margin-bottom: 0.7em; 722 723 font-family: " + FontSettings.H2.FontFamily + @" !important; 724 font-size: " + FontSettings.H2.FontSize + @"; 725 color: " + FontSettings.H2.Color + @"; 726 line-height: " + FontSettings.H2.LineHeight + @"; 727 text-transform: " + FontSettings.H2.Casing + @" !important; 728 font-weight: " + FontSettings.H2.FontWeight + @" !important; 729 letter-spacing: " + FontSettings.H2.LetterSpacing + @" !important; 730 } 731 732 h4, h5, h6 { 733 font-size: 16px !important; 734 } 735 736 body { 737 font-family: " + FontSettings.Body.FontFamily + @" !important; 738 font-size: " + FontSettings.Body.FontSize + @"; 739 color: " + FontSettings.Body.Color + @"; 740 line-height: " + FontSettings.Body.LineHeight + @" !important; 741 text-transform: " + FontSettings.Body.Casing + @"; 742 font-weight: " + FontSettings.Body.FontWeight + @"; 743 letter-spacing: " + FontSettings.Body.LetterSpacing + @" !important; 744 } 745 746 .navbar-wp .navbar-nav > li > a { 747 font-family: " + FontSettings.Body.FontFamily + @" !important; 748 } 749 750 .section-title { 751 margin-top: 0.7em; 752 margin-bottom: 0.7em; 753 } 754 "; 755 return CssString; 756 } 757 } 758 @*@GoogleFonts()*@ <!-- 15 January 2017 --> 759 <!-- GENERAL/COLOR SETTINGS --> 760 @functions{ 761 public class ColorSettings 762 { 763 public class Color 764 { 765 public static string Primary { get; set; } 766 public static string Secondary { get; set; } 767 public static string NavbarFont { get; set; } 768 public static string Footer { get; set; } 769 public static string FooterFont { get; set; } 770 771 public static string Sticker { get; set; } 772 public static string Price { get; set; } 773 public static string Cart { get; set; } 774 } 775 } 776 777 private void InitColorSettings() 778 { 779 ColorSettings.Color.Primary = GetString("Item.Area.ColorsPrimary.Color"); 780 ColorSettings.Color.Secondary = GetString("Item.Area.ColorsSecondary.Color"); 781 782 ColorSettings.Color.NavbarFont = GetString("Item.Area.NavbarFontColor"); 783 784 if (string.IsNullOrWhiteSpace(ColorSettings.Color.NavbarFont)) 785 { 786 ColorSettings.Color.NavbarFont = WrapMethods.getContrastYIQ(ColorSettings.Color.Secondary); 787 } 788 789 ColorSettings.Color.Footer = GetString("Item.Area.ColorsFooterColor.Color"); 790 ColorSettings.Color.FooterFont = WrapMethods.getContrastYIQ(ColorSettings.Color.Footer); 791 792 ColorSettings.Color.Price = GetString("Item.Area.EcommercePriceColor.Color"); 793 ColorSettings.Color.Sticker = GetString("Item.Area.EcommerceDiscountStickerColor.Color"); 794 ColorSettings.Color.Cart = GetString("Item.Area.EcommerceCartButtonColor.Color"); 795 } 796 797 public string GetColorSettings() 798 { 799 string CssString = @" 800 a:hover, a:focus, a:active { 801 color: @Primary; 802 } 803 804 .navbar-wp, .navbar-wp.affix, .navbar-wp .navbar-nav > li > a { 805 color: @NavbarFont; 806 } 807 808 .navbar-wp .navbar-nav > .active > a, .navbar-wp .navbar-nav > .active > a:hover, .navbar-wp .navbar-nav > .active > a:focus { 809 color: @NavbarFont; 810 } 811 812 .navbar-wp .navbar-nav > li > a:hover, .navbar-wp .navbar-nav > li > a:focus { 813 border-top: 0px solid @Secondary; 814 color: @NavbarFont; 815 } 816 817 .navbar-wp .navbar-nav > li > a span:after { 818 background-color: @Primary; 819 } 820 821 .btn-dw-primary { 822 color: #FFF; 823 background-color: @Primary; 824 border-color: @Primary; 825 } 826 827 .btn-dw-secondary { 828 color: @NavbarFont; 829 background-color: @Secondary; 830 border-color: @Secondary; 831 } 832 833 .btn-dw-cart { 834 color: #FFF; 835 background-color: @Cart; 836 border-color: @Cart; 837 } 838 839 .dw-section-title { 840 border-color: @Secondary; 841 } 842 843 .dw-minicart-update { 844 color: #FFF !important; 845 background-color: @Primary; 846 transition: all 0.3s ease-in-out 0s; 847 } 848 849 .pagination > li > a, .pagination > li > a:hover, .pagination > li > a:focus, .pagination > li > a:active { 850 color: @Primary; 851 } 852 853 .form-control:hover, .form-control:focus, .form-control:active { 854 border-color: @Primary !important; 855 } 856 857 .bg-2 { 858 background: @Primary !important; 859 } 860 861 .blockquote-1:hover { 862 border-color: @Primary !important; 863 } 864 865 .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 { 866 color: @Primary; 867 } 868 869 .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 { 870 color: @Primary; 871 } 872 873 .navbar-wp .navbar-nav > li > a:hover, .navbar-wp .navbar-nav > li > a:focus { 874 border: 0px solid @Primary; 875 } 876 877 .navbar-wp .navbar-toggle:hover, .navbar-wp .navbar-toggle:focus { 878 background-color: @Primary !important; 879 border-color: @Primary !important; 880 } 881 882 .navbar-wp .dropdown-menu { 883 border-top: 1px solid @Primary !important; 884 border-bottom: 3px solid @Primary !important; 885 } 886 887 .navbar-wp .dropdown-menu > li > a:hover { 888 background: @Primary !important; 889 color: #fff; 890 } 891 892 .navbar-wp .dropdown-menu .active { 893 background: @Primary !important; 894 color: #fff; 895 } 896 897 .navbar-wp.navbar-contrasted .dropdown-menu > li > a:hover { 898 background: @Primary !important; 899 } 900 901 .nav > ul > li > a:hover { 902 color: @Primary; 903 } 904 905 .lw .w-box.w-box-inverse .thmb-img i { 906 color: @Primary !important; 907 } 908 909 .w-box.w-box-inverse .thmb-img:hover i { 910 background: @Primary !important; 911 } 912 913 .c-box { 914 border: 1px solid @Primary !important; 915 } 916 917 .c-box .c-box-header { 918 background: @Primary !important; 919 } 920 921 .w-section .aside-feature:hover .icon-feature, .w-section .aside-feature:hover h4 { 922 color: @Primary !important; 923 } 924 925 .layer-slider-wrapper .title.title-base { 926 background: @Primary !important; 927 } 928 929 .layer-slider-wrapper .subtitle { 930 color: @Primary !important; 931 } 932 933 .layer-slider-wrapper .list-item { 934 color: @Primary !important; 935 } 936 937 .box-element.box-element-bordered { 938 border: 1px solid @Primary !important; 939 } 940 941 .carousel-2 .carousel-indicators .active { 942 background-color: @Primary !important; 943 } 944 945 .carousel-2 .carousel-nav a { 946 color: @Primary !important; 947 } 948 949 .carousel-2 .carousel-nav a:hover { 950 background: @Primary !important; 951 } 952 953 .carousel-3 .carousel-nav a { 954 color: @Primary !important; 955 } 956 957 .carousel-3 .carousel-nav a:hover { 958 background: @Primary !important; 959 } 960 961 .like-button .button.liked i { 962 color: @Primary !important; 963 } 964 965 ul.list-listings li.featured { 966 border-color: @Primary !important; 967 } 968 969 ul.list-check li i { 970 color: @Primary !important; 971 } 972 973 ul.dw-categories li a:hover, ul.dw-categories a:focus, ul.dw-categories a:active{ 974 color: @NavbarFont; 975 background-color: @Primary; 976 border-color: @Primary; 977 } 978 979 ul.categories li a:hover, ul.categories a:focus, ul.categories a:active{ 980 color: @NavbarFont; 981 background-color: @Primary; 982 border-color: @Primary; 983 } 984 985 .timeline .event:nth-child(2n):before { 986 background-color: @Primary !important; 987 } 988 989 .timeline .event:nth-child(2n-1):before { 990 background-color: @Primary !important; 991 } 992 993 #toTopHover { 994 background-color: @Primary !important; 995 } 996 997 .tags-list li { 998 border: 1px solid @Primary !important; 999 color: @Primary !important; 1000 } 1001 1002 .tags-list li:hover, 1003 a.open-panel { 1004 background-color: @Primary !important; 1005 } 1006 1007 .nav-pills > li.active > a, .nav-pills > li.active > a:hover, .nav-pills > li.active > a:focus, 1008 .panel-group .panel-heading a i, 1009 .tags-list li a { 1010 color: @NavbarFont !important; 1011 } 1012 1013 .nav-pills > li > a:hover, .nav-pills > li > a:focus { 1014 color: @NavbarFont !important; 1015 background: none repeat scroll 0% 0% @Secondary !important; 1016 } 1017 1018 footer { 1019 background: @Footer !important; 1020 } 1021 1022 footer h4 { 1023 color: @FooterFont !important; 1024 } 1025 1026 footer a { 1027 color: @FooterFont !important; 1028 } 1029 1030 footer a:hover, footer a:focus, footer a:active { 1031 color: @Secondary !important; 1032 } 1033 1034 footer p { 1035 color: @FooterFont !important; 1036 } 1037 1038 footer ul > li { 1039 color: @FooterFont !important; 1040 } 1041 1042 1043 /* Button colors */ 1044 .btn-base { 1045 color: @NavbarFont !important; 1046 background-color: @Secondary !important; 1047 border: 1px solid @Secondary !important; 1048 } 1049 1050 .btn-base:before { 1051 background-color: @Secondary !important; 1052 } 1053 1054 .btn-base:hover:before, .btn-base:focus:before, .btn-base:active:before { 1055 color: @NavbarFont !important; 1056 background-color: @Primary !important; 1057 border-color: @Primary !important; 1058 } 1059 1060 .btn-icon:before { 1061 transition: none !important; 1062 } 1063 1064 .btn-base:hover, .btn-base:focus, .btn-base:active, .btn-base.active, .open .dropdown-toggle.btn-base { 1065 color: @NavbarFont !important; 1066 background-color: @Primary !important; 1067 border-color: @Primary !important; 1068 } 1069 1070 .btn-two { 1071 color: @NavbarFont !important; 1072 border-color: @Secondary !important; 1073 background-color: @Secondary !important; 1074 border: 1px solid @Secondary !important; 1075 } 1076 1077 .btn-two:hover, .btn-two:focus, .btn-two:active, .btn-two.active, .open .dropdown-toggle.btn-two { 1078 color: @NavbarFont !important; 1079 background-color: @Primary !important; 1080 border-color: @Primary !important; 1081 } 1082 1083 .btn-primary { 1084 background-color: @Primary !important; 1085 border-color: @Primary !important; 1086 } 1087 1088 .open .dropdown-toggle.btn-primary { 1089 background-color: @Primary !important; 1090 border-color: @Primary !important; 1091 } 1092 1093 .btn-one:hover, .btn-one:focus, .btn-one:active, .btn-one.active, .open .dropdown-toggle.btn-one { 1094 color: @Primary !important; 1095 } 1096 1097 .btn-four { 1098 border: 2px solid @Primary!important; 1099 color: @Primary !important; 1100 } 1101 1102 .btn-four:hover, .btn-four:focus, .btn-four:active, .btn-four.active, .open .dropdown-toggle.btn-four { 1103 background-color: #fff !important; 1104 } 1105 1106 1107 /* Dropdown-menu */ 1108 .dropdown-menu > .active > a, .dropdown-menu > .active > a:hover, .dropdown-menu > .active > a:focus { 1109 background: @Primary !important; 1110 color: #fff !important; 1111 } 1112 1113 /* Ecom settings */ 1114 .ribbon.base { 1115 background: @Sticker !important; 1116 color: #fff; 1117 border-right: 5px solid @Sticker !important; 1118 } 1119 1120 .ribbon.base:before { 1121 border-top: 27px solid @Sticker !important; 1122 } 1123 1124 .ribbon.base:after { 1125 border-bottom: 27px solid @Sticker !important; 1126 } 1127 1128 .price { 1129 color: @Price !important; 1130 } 1131 1132 .discount-sticker { 1133 background-color: @Sticker !important; 1134 } 1135 1136 .bs-callout-primary { 1137 border-left-color: @Primary !important; 1138 }"; 1139 1140 return ParseCSSToString(CssString); 1141 } 1142 1143 private string ParseCSSToString(string TheString) 1144 { 1145 TheString = TheString.Replace("@Primary", ColorSettings.Color.Primary); 1146 TheString = TheString.Replace("@Secondary", ColorSettings.Color.Secondary); 1147 TheString = TheString.Replace("@NavbarFont", ColorSettings.Color.NavbarFont); 1148 TheString = TheString.Replace("@FooterFont", ColorSettings.Color.FooterFont); 1149 TheString = TheString.Replace("@Footer", ColorSettings.Color.Footer); 1150 1151 TheString = TheString.Replace("@Sticker", ColorSettings.Color.Sticker); 1152 TheString = TheString.Replace("@Price", ColorSettings.Color.Price); 1153 TheString = TheString.Replace("@Cart", ColorSettings.Color.Cart); 1154 1155 1156 System.Text.StringBuilder sb = new System.Text.StringBuilder(); 1157 1158 foreach(var item in TheString.Split(new string[] { Environment.NewLine }, StringSplitOptions.RemoveEmptyEntries)) 1159 { 1160 sb.AppendLine(item); 1161 } 1162 1163 return sb.ToString(); 1164 } 1165 } 1166 1167 @{ 1168 InitColorSettings(); 1169 } 1170 1171 1172 1173 @using System.Drawing 1174 @using System.Net 1175 1176 1177 @functions{ 1178 public class GeneralSettings 1179 { 1180 1181 public class Header 1182 { 1183 public static string Mode { get; set; } 1184 public static string Classes { get; set; } 1185 public static bool Show { get; set; } 1186 public static string Background { get; set; } 1187 } 1188 1189 public class Logo 1190 { 1191 public static string Image { get; set; } 1192 public static string Text { get; set; } 1193 public static string SecondaryColor { get; set; } 1194 } 1195 1196 public class Navigation 1197 { 1198 public static string Position { get; set; } 1199 public static string InvertedPosition { get; set; } 1200 public static string StickyMenu { get; set; } 1201 public static string SelectionMode { get; set; } 1202 public static string SelectionStyle { get; set; } 1203 public static int SelectionWeight { get; set; } 1204 public static bool Case { get; set; } 1205 1206 public static string BreadcrumbMode { get; set; } 1207 public static string BreadcrumbAlign { get; set; } 1208 1209 public static string LeftmenuMode { get; set; } 1210 1211 public static string ButtonDesign { get; set; } 1212 } 1213 1214 public class Headings 1215 { 1216 public static string Mode { get; set; } 1217 } 1218 1219 public class Background 1220 { 1221 public static string Color { get; set; } 1222 public static string Image { get; set; } 1223 public static string CustomImage { get; set; } 1224 public static bool GradientColor { get; set; } 1225 public static string GradientPercentage { get; set; } 1226 public static string Style { get; set; } 1227 public static string Position { get; set; } 1228 } 1229 1230 public class Site 1231 { 1232 public static bool Shadow { get; set; } 1233 public static string LayoutMode { get; set; } 1234 } 1235 1236 public class Images 1237 { 1238 public static bool RoundCorners { get; set; } 1239 } 1240 } 1241 1242 private void InitGeneralSettings() 1243 { 1244 //Header settings 1245 GeneralSettings.Header.Mode = GetString("Item.Area.HeaderLayoutMode"); 1246 GeneralSettings.Header.Show = GetBoolean("Item.Area.HeaderShow"); 1247 GeneralSettings.Header.Background = GetString("Item.Area.NavigationNavbarBackground"); 1248 1249 if (GeneralSettings.Header.Mode == "solid"){ 1250 GeneralSettings.Header.Classes = ""; 1251 } 1252 1253 if (GeneralSettings.Header.Mode == "cover" || GeneralSettings.Header.Mode == "mobile"){ 1254 GeneralSettings.Header.Classes = "header-alpha header-cover"; 1255 } 1256 1257 1258 //Logo settings 1259 GeneralSettings.Logo.Image = GetString("Item.Area.GeneralLogo"); 1260 GeneralSettings.Logo.Text = GetString("Item.Area.GeneralLogoText"); 1261 GeneralSettings.Logo.SecondaryColor = GetString("Item.Area.LogoSecondColor.Color"); 1262 1263 1264 //Navigation settings 1265 GeneralSettings.Navigation.Position = GetString("Item.Area.NavigationPosition"); 1266 GeneralSettings.Navigation.StickyMenu = "off"; 1267 1268 if (GetBoolean("Item.Area.NavigationSticky")) { 1269 if (GeneralSettings.Header.Show) 1270 { 1271 if (GeneralSettings.Header.Mode == "cover") 1272 { 1273 GeneralSettings.Navigation.StickyMenu = "44"; //"data-spy=\"affix\" data-offset-top=\"44\" data-offset-bottom=\"300\""; 1274 } 1275 else 1276 { 1277 int offset = ImageHeight()+28; 1278 1279 GeneralSettings.Navigation.StickyMenu = offset.ToString(); // "data-spy=\"affix\" data-offset-top=\"" + offset.ToString() + "\" data-offset-bottom=\"300\""; 1280 } 1281 } 1282 else 1283 { 1284 GeneralSettings.Navigation.StickyMenu = "5"; // "data-spy=\"affix\" data-offset-top=\"5\" data-offset-bottom=\"300\""; 1285 } 1286 } 1287 1288 if (GeneralSettings.Navigation.Position == "left") { 1289 GeneralSettings.Navigation.InvertedPosition = "right"; 1290 } 1291 else 1292 { 1293 GeneralSettings.Navigation.InvertedPosition = "left"; 1294 } 1295 1296 GeneralSettings.Navigation.SelectionMode = GetString("Item.Area.NavigationSelectionMode"); 1297 GeneralSettings.Navigation.SelectionStyle = ""; 1298 GeneralSettings.Navigation.SelectionWeight = GetInteger("Item.Area.SelectionWeight"); 1299 1300 if (GeneralSettings.Navigation.SelectionMode == "arrow") { 1301 GeneralSettings.Navigation.SelectionStyle = "navbar-arrow"; 1302 } 1303 1304 GeneralSettings.Navigation.Case = GetBoolean("Item.Area.NavigationUppercase"); 1305 1306 GeneralSettings.Navigation.BreadcrumbMode = GetString("Item.Area.NavigationBreadcrumbLayout"); 1307 GeneralSettings.Navigation.BreadcrumbAlign = GetString("Item.Area.NavigationBreadcrumbAlign"); 1308 1309 GeneralSettings.Navigation.LeftmenuMode = GetString("Item.Area.NavigationLeftNavigationMode"); 1310 1311 GeneralSettings.Navigation.ButtonDesign = GetString("Item.Area.NavigationButtonDesign"); 1312 1313 1314 //Background settings 1315 GeneralSettings.Background.Image = GetString("Item.Area.BackgroundImage.Image.Image"); 1316 GeneralSettings.Background.CustomImage = GetString("Item.Area.BackgroundImage.Image.CustomImage"); 1317 GeneralSettings.Background.Color = GetString("Item.Area.BackgroundImage.Color.Color"); 1318 GeneralSettings.Background.GradientColor = GetBoolean("Item.Area.BackroundGradientColor"); 1319 GeneralSettings.Background.GradientPercentage = GetString("Item.Area.GradientPercentage"); 1320 1321 1322 if (@GetString("Item.Area.BackgroundFixed") == "True") 1323 { 1324 GeneralSettings.Background.Position = "fixed"; 1325 } 1326 else 1327 { 1328 GeneralSettings.Background.Position = ""; 1329 } 1330 1331 1332 if (GeneralSettings.Background.Image == "none") 1333 { 1334 GeneralSettings.Background.Style = ""; 1335 } 1336 else if (GeneralSettings.Background.Image == "custom") 1337 { 1338 if (!string.IsNullOrWhiteSpace(GeneralSettings.Background.CustomImage)) 1339 { 1340 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; "; 1341 } 1342 } 1343 else 1344 { 1345 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; "; 1346 } 1347 1348 1349 //Headings settings 1350 GeneralSettings.Headings.Mode = GetString("Item.Area.AdvHeadingsMode"); 1351 1352 1353 //Site settings 1354 GeneralSettings.Site.Shadow = GetBoolean("Item.Area.BackgroundSiteShadow"); 1355 GeneralSettings.Site.LayoutMode = GetString("Item.Area.LayoutMode"); 1356 1357 if (GeneralSettings.Site.LayoutMode == "boxed"){ 1358 GeneralSettings.Site.LayoutMode = "body-" + GeneralSettings.Site.LayoutMode; 1359 GeneralSettings.Header.Classes += " header-boxed"; 1360 } 1361 1362 1363 //Image settings 1364 GeneralSettings.Images.RoundCorners = GetBoolean("Item.Area.LayoutRoundCorners"); 1365 } 1366 1367 public string GetGeneralCSS() 1368 { 1369 string CssString = ""; 1370 int SelectionWeight = GeneralSettings.Navigation.SelectionWeight; 1371 1372 //Site settings 1373 if (GetString("Item.Area.LogoFont.Color.Color") == "#FFF" || GetString("Item.Area.LogoFont.Color.Color") == "#FFFFFF") 1374 { 1375 int offset = ImageHeight()+28; 1376 1377 CssString += @" 1378 .dw-offsetmenu-logo { 1379 color: #333 !important; 1380 }"; 1381 } 1382 1383 if (!string.IsNullOrWhiteSpace(GeneralSettings.Background.Color)) 1384 { 1385 CssString += @" 1386 body { 1387 background-color: " + GeneralSettings.Background.Color + @"; 1388 background-size: cover; 1389 overflow-y: scroll; 1390 }"; 1391 } 1392 1393 if (GeneralSettings.Background.GradientColor) 1394 { 1395 CssString += @" 1396 body { 1397 background: -webkit-linear-gradient(bottom, rgba(0, 0, 0, 0." + GeneralSettings.Background.GradientPercentage + @") 0%, rgba(0, 0, 0, 0) 100%); 1398 background: -o-linear-gradient(bottom, rgba(0, 0, 0, 0." + GeneralSettings.Background.GradientPercentage + @") 0%, rgba(0, 0, 0, 0) 100%); 1399 background: -ms-linear-gradient(bottom, rgba(0, 0, 0, 0." + GeneralSettings.Background.GradientPercentage + @") 0%, rgba(0, 0, 0, 0) 100%); 1400 background: -moz-linear-gradient(bottom, rgba(0, 0, 0, 0." + GeneralSettings.Background.GradientPercentage + @") 0%, rgba(0, 0, 0, 0) 100%); 1401 background: linear-gradient(to top, rgba(0, 0, 0, 0." + GeneralSettings.Background.GradientPercentage + @") 0%, rgba(0, 0, 0, 0) 100%); 1402 background-attachment: fixed; 1403 background-color: " + GeneralSettings.Background.Color + @" !important; 1404 }"; 1405 } 1406 1407 if (GeneralSettings.Site.Shadow) 1408 { 1409 CssString += @" 1410 .shad { 1411 -webkit-box-shadow: 0px 0px 8px 0px rgba(50, 50, 50, 0.75); 1412 -moz-box-shadow: 0px 0px 8px 0px rgba(50, 50, 50, 0.75); 1413 box-shadow: 0px 0px 8px 0px rgba(50, 50, 50, 0.75); 1414 }"; 1415 } 1416 1417 //Image settings 1418 if (GeneralSettings.Images.RoundCorners) 1419 { 1420 CssString += @" 1421 .content-image { 1422 border-radius: 6px; 1423 -webkit-border-radius: 6px; 1424 -moz-border-radius: 6px; 1425 }"; 1426 } 1427 1428 //Navbar and header custom settings 1429 if (GeneralSettings.Header.Mode == "cover") 1430 { 1431 CssString += @" 1432 .navbar-wp { 1433 background-color: none !important; 1434 }"; 1435 1436 if (!GeneralSettings.Header.Show || GeneralSettings.Header.Mode == "mobile") 1437 { 1438 CssString += @" 1439 .header-cover .navbar-wp { 1440 top: 0px !important; 1441 }"; 1442 } 1443 } 1444 else 1445 { 1446 if (GeneralSettings.Header.Show) 1447 { 1448 CssString += @" 1449 .navbar-wp.affix .navbar-nav > li > a { 1450 padding: 16px 16px !important; 1451 }"; 1452 } 1453 } 1454 1455 if (GeneralSettings.Header.Background == "colorline") 1456 { 1457 CssString += @" 1458 .navbar-wp, .navbar-wp.affix { 1459 border-bottom: 4px solid " + ColorSettings.Color.Primary + @" !important; 1460 } 1461 1462 .navbar-wp.affix, .navbar-wp.affix .navbar-nav > li > a { 1463 background-color: #FFF; 1464 color: #333; 1465 } 1466 1467 .navbar-wp.affix .navbar-nav > .active > a, .navbar-wp.affix .navbar-nav > li > a:hover, .navbar-wp.affix .navbar-nav > li > a:focus { 1468 color: " + ColorSettings.Color.NavbarFont + @"; 1469 } 1470 1471 .navbar-wp.affix .navbar-header .dw-logotext, .dw-header-sm-title { 1472 color: " + ColorSettings.Color.NavbarFont + @" !important; 1473 }"; 1474 } else if (GeneralSettings.Header.Background == "neutral") 1475 { 1476 CssString += @" 1477 .navbar-wp, .navbar-wp.affix, .navbar-wp .navbar-nav > li > a { 1478 background-color: #f1f1f1; 1479 } 1480 1481 .navbar-wp.affix, .navbar-wp.affix .navbar-nav > li > a { 1482 color: #333; 1483 } 1484 1485 .navbar-wp.affix .navbar-nav > .active > a, .navbar-wp.affix .navbar-nav > li > a:hover, .navbar-wp.affix .navbar-nav > li > a:focus { 1486 color: " + ColorSettings.Color.NavbarFont + @"; 1487 } 1488 1489 .navbar-wp.affix .navbar-header .dw-logotext, .dw-header-sm-title { 1490 color: " + ColorSettings.Color.NavbarFont + @" !important; 1491 }"; 1492 } 1493 else if (GeneralSettings.Header.Background == "transparent") 1494 { 1495 CssString += @" 1496 .navbar-wp, .navbar-wp.affix { 1497 background-color: #FFF; 1498 opacity: 0.9; 1499 filter: alpha(opacity=90); /* For IE8 and earlier */ 1500 } 1501 1502 .navbar-wp.affix, .navbar-wp.affix .navbar-nav > li > a { 1503 color: #333; 1504 } 1505 1506 .navbar-wp.affix .navbar-nav > .active > a, .navbar-wp.affix .navbar-nav > li > a:hover, .navbar-wp.affix .navbar-nav > li > a:focus { 1507 color: " + ColorSettings.Color.NavbarFont + @"; 1508 } 1509 1510 .navbar-wp.affix .navbar-header .dw-logotext, .dw-header-sm-title { 1511 color: " + GeneralSettings.Logo.SecondaryColor + @" !important; 1512 }"; 1513 } 1514 else 1515 { 1516 CssString += @" 1517 .navbar-wp, .navbar-wp.affix, .navbar-wp .navbar-nav > li > a { 1518 background-color: " + ColorSettings.Color.Secondary + @"; 1519 } 1520 1521 .dw-header-sm-title { 1522 color: " + ColorSettings.Color.NavbarFont + @" !important; 1523 }"; 1524 } 1525 1526 if (GeneralSettings.Navigation.SelectionMode == "background" || GeneralSettings.Navigation.SelectionMode == "arrow"){ 1527 CssString += NavbarPosition(false, SelectionWeight); 1528 1529 CssString += @" 1530 .dw-navbar-button > a { 1531 background-color: transparent !important; 1532 } 1533 1534 .dw-navbar-button > a:hover, dw-navbar-button > a:active, dw-navbar-button > a:focus, .active > a { 1535 background-color: " + ColorSettings.Color.Primary + @" !important; 1536 }"; 1537 } 1538 1539 if (GeneralSettings.Navigation.SelectionMode == "underline"){ 1540 CssString += NavbarPosition(true); 1541 1542 CssString += ClearBackground(); 1543 1544 CssString += @" 1545 .dw-navbar-button > a span:after { 1546 position: absolute; 1547 content: ''; 1548 left: 0px; 1549 bottom: 0px; 1550 height: " + SelectionWeight + @"px; 1551 width: 100%; 1552 transform: scaleX(0); 1553 transition: all 0.3s ease-in-out 0s; 1554 } 1555 .dw-navbar-button > a:hover, dw-navbar-button > a:active, dw-navbar-button > a:focus, .active > a { 1556 color: " + ColorSettings.Color.Primary + @" !important; 1557 } 1558 1559 .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 { 1560 color: " + ColorSettings.Color.Primary + @" !important; 1561 transform: scaleX(1); 1562 transition: all 0.3s ease-in-out 0s; 1563 }"; 1564 } 1565 1566 if (GeneralSettings.Navigation.SelectionMode == "boxed"){ 1567 CssString += NavbarPosition(true, SelectionWeight); 1568 1569 CssString += @" 1570 .dw-navbar-button > a { 1571 background-color: transparent !important; 1572 } 1573 1574 .dw-navbar-button > a:hover, dw-navbar-button > a:active, dw-navbar-button > a:focus, .active > a { 1575 background-color: " + ColorSettings.Color.Primary + @" !important; 1576 transition: all 0.3s ease-in-out 0s; 1577 }"; 1578 } 1579 1580 if (GeneralSettings.Navigation.SelectionMode == "border"){ 1581 CssString += NavbarPosition(true, 6, SelectionWeight); 1582 1583 CssString += ClearBackground(); 1584 1585 CssString += @" 1586 .dw-navbar-button > a { 1587 border: " + SelectionWeight + @"px solid transparent !important; transition: None !important; 1588 } 1589 1590 .dw-navbar-button > a:hover, dw-navbar-button > a:active, dw-navbar-button > a:focus, .active > a { 1591 border-width: " + SelectionWeight + @"px !important; 1592 border-color: " + ColorSettings.Color.Primary + @" !important; 1593 transition: all 0.3s ease-in-out 0s; 1594 }"; 1595 } 1596 1597 if (GeneralSettings.Navigation.SelectionMode == "font"){ 1598 CssString += NavbarPosition(); 1599 1600 CssString += ClearBackground(); 1601 1602 SelectionWeight = (SelectionWeight*100); 1603 1604 CssString += @" 1605 .dw-navbar-button > a:hover, dw-navbar-button > a:active, dw-navbar-button > a:focus, .active > a { 1606 color: " + ColorSettings.Color.Primary + @" !important; 1607 font-weight: " + SelectionWeight + @" !important; 1608 transition: all 0.3s ease-in-out 0s; 1609 }"; 1610 } 1611 1612 if (GeneralSettings.Navigation.Case){ 1613 CssString += @" 1614 .dw-navbar-button > a { 1615 text-transform: uppercase !important; 1616 }"; 1617 } 1618 else 1619 { 1620 CssString += @" 1621 .dw-navbar-button > a { 1622 text-transform: none !important; 1623 }"; 1624 } 1625 1626 1627 //Breadcrumb custom settings 1628 if (GeneralSettings.Navigation.BreadcrumbMode == "light") 1629 { 1630 CssString += @" 1631 .pg-opt { 1632 border-bottom: 0px; 1633 background: none repeat scroll 0% 0% #FFF; 1634 } 1635 1636 .dw-breadcrumb-title { 1637 font-size: 14px !important; 1638 padding: 5px 0px 5px 0px !important; 1639 } 1640 1641 .dw-breadcrumb { 1642 padding: 5px !important; 1643 }"; 1644 } 1645 1646 if (GeneralSettings.Navigation.BreadcrumbMode == "normal") 1647 { 1648 CssString += @" 1649 .dw-breadcrumb-title { 1650 font-size: 14px !important; 1651 padding: 5px 0px 5px 0px !important; 1652 } 1653 1654 .dw-breadcrumb a, .pg-opt .breadcrumb { 1655 padding: 5px !important; 1656 }"; 1657 } 1658 1659 if (GeneralSettings.Navigation.BreadcrumbMode == "large") 1660 { 1661 CssString += @" 1662 .dw-breadcrumb-title { 1663 font-size: 22px !important; 1664 padding: 15px 0px 15px 0px !important; 1665 } 1666 1667 .dw-breadcrumb { 1668 padding: 15px !important; 1669 }"; 1670 } 1671 1672 1673 if (GeneralSettings.Navigation.BreadcrumbAlign == "right") 1674 { 1675 CssString += @" 1676 .dw-breadcrumb { 1677 float: right !important; 1678 }"; 1679 } 1680 else 1681 { 1682 CssString += @" 1683 .dw-breadcrumb { 1684 float: left !important; 1685 }"; 1686 } 1687 1688 1689 //Left menu custom settings 1690 if (GeneralSettings.Navigation.LeftmenuMode == "light" || GeneralSettings.Navigation.LeftmenuMode == "light-color") 1691 { 1692 CssString += @" 1693 ul.dw-categories > li > ul > li > a { 1694 padding: 5px 35px; 1695 } 1696 1697 ul.dw-categories, ul.dw-categories > li, ul.dw-categories > li > ul > li { 1698 border: 0px solid #EEE; 1699 } 1700 1701 ul.dw-categories > li > ul { 1702 background: none repeat scroll 0% 0% #FFF; 1703 } 1704 1705 ul.dw-categories li a:hover, ul.dw-categories li a:focus, ul.dw-categories li a:active { 1706 background-color: #FFF !important; 1707 color: " + ColorSettings.Color.Primary + @" !important; 1708 } 1709 1710 .list-active, .list-active > a { 1711 background-color: #FFF; 1712 color: " + ColorSettings.Color.Primary + @" !important; 1713 } 1714 1715 .list-open-active { 1716 background-color: #FFF; 1717 color: " + ColorSettings.Color.Primary + @" !important; 1718 }"; 1719 } 1720 1721 if (GeneralSettings.Navigation.LeftmenuMode == "lines") 1722 { 1723 CssString += @" 1724 ul.dw-categories > li { 1725 border-bottom: 1px solid #EEE; 1726 } 1727 1728 ul.dw-categories { 1729 border: 0px solid #EEE; 1730 } 1731 1732 ul.dw-categories > li > ul { 1733 background: none repeat scroll 0% 0% #FFF; 1734 } 1735 1736 ul.dw-categories li a:hover, a:focus, a:active { 1737 background-color: #FFF !important; 1738 color: " + ColorSettings.Color.Primary + @" !important; 1739 } 1740 1741 .list-active, .list-active > a { 1742 background-color: #FFF; 1743 color: " + ColorSettings.Color.Primary + @" !important; 1744 } 1745 1746 .list-open-active { 1747 background-color: #FFF; 1748 color: " + ColorSettings.Color.Primary + @" !important; 1749 }"; 1750 } 1751 1752 if (GeneralSettings.Navigation.LeftmenuMode == "boxed") 1753 { 1754 CssString += @" 1755 ul.dw-categories, ul.dw-categories > li, ul.dw-categories > li > ul > li { 1756 border: 0px solid #EEE; 1757 } 1758 1759 .list-active, .list-active > a { 1760 background-color: " + ColorSettings.Color.Primary + @" !important; 1761 color: #FFF; 1762 }"; 1763 } 1764 1765 if (GeneralSettings.Navigation.LeftmenuMode == "border") 1766 { 1767 CssString += @" 1768 ul.dw-categories > li { 1769 border: 1px solid #EEE; 1770 } 1771 1772 ul.dw-categories > li > ul > li { 1773 border-top: 1px solid #EEE; 1774 } 1775 1776 .list-active, .list-active > a { 1777 background-color: " + ColorSettings.Color.Primary + @" !important; 1778 color: #FFF; 1779 }"; 1780 } 1781 1782 if (GeneralSettings.Navigation.LeftmenuMode == "light-color") 1783 { 1784 CssString += @" 1785 ul.dw-categories li a:hover, ul.dw-categories a:focus, ul.dw-categories a:active { 1786 border-left: 6px solid " + ColorSettings.Color.Primary + @"; 1787 } 1788 1789 ul.dw-categories .list-active > a { 1790 border-left: 6px solid " + ColorSettings.Color.Primary + @"; 1791 } 1792 1793 .btn-dw:hover, .btn-dw:focus, .btn-dw:active { 1794 1795 }"; 1796 } 1797 1798 1799 //Buttons custom designs 1800 if (GeneralSettings.Navigation.ButtonDesign == "light-rounded") 1801 { 1802 CssString += @" 1803 .btn-dw-primary, .btn-dw-secondary, .btn-dw-cart { 1804 border-width: 0px; 1805 } 1806 1807 .btn-dw-primary:hover, .btn-dw-primary:focus, .btn-dw-primary:active { 1808 background-color: " + ColorSettings.Color.Secondary + @"; 1809 color: #FFF; 1810 border-width: 0px; 1811 } 1812 1813 .btn-dw-secondary:hover, .btn-dw-secondary:focus, .btn-dw-secondary:active { 1814 background-color: " + ColorSettings.Color.Primary + @"; 1815 color: #FFF; 1816 border-width: 0px; 1817 } 1818 1819 .btn-dw-cart:hover, .btn-dw-cart:focus, .btn-dw-cart:active { 1820 background-color: " + GetString("Item.Area.EcommerceCartButtonColor.Color") + @"; 1821 color: #FFF; 1822 border-width: 0px; 1823 }"; 1824 } 1825 1826 if (GeneralSettings.Navigation.ButtonDesign == "corners") 1827 { 1828 CssString += @" 1829 .btn-dw-primary, .btn-dw-secondary, btn-dw-cart , .btn-dw-cart { 1830 border-radius: 0px !important; 1831 border-width: 0px; 1832 } 1833 1834 .btn-dw-primary:hover, .btn-dw-primary:focus, .btn-dw-primary:active { 1835 background-color: " + ColorSettings.Color.Secondary + @"; 1836 color: #FFF; 1837 border-width: 0px; 1838 } 1839 1840 .btn-dw-secondary:hover, .btn-dw-secondary:focus, .btn-dw-secondary:active { 1841 background-color: " + ColorSettings.Color.Primary + @"; 1842 color: #FFF; 1843 border-width: 0px; 1844 } 1845 1846 .btn-dw-cart:hover, .btn-dw-cart:focus, .btn-dw-cart:active { 1847 background-color: " + GetString("Item.Area.EcommerceCartButtonColor.Color") + @"; 1848 color: #FFF; 1849 border-width: 0px; 1850 }"; 1851 } 1852 1853 if (GeneralSettings.Navigation.ButtonDesign == "round") 1854 { 1855 CssString += @" 1856 .btn-dw-primary, .btn-dw-secondary, .btn-dw-cart { 1857 padding: 5px 15px; 1858 border-radius: 200px !important; 1859 border-width: 0px !important; 1860 } 1861 1862 .btn-dw-primary:hover, .btn-dw-primary:focus, .btn-dw-primary:active { 1863 background-color: " + ColorSettings.Color.Secondary + @"; 1864 color: #FFF; 1865 border-width: 0px !important; 1866 } 1867 1868 .btn-dw-secondary:hover, .btn-dw-secondary:focus, .btn-dw-secondary:active { 1869 background-color: " + ColorSettings.Color.Primary + @"; 1870 color: #FFF; 1871 border-width: 0px !important; 1872 } 1873 1874 .btn-dw-cart:hover, .btn-dw-cart:focus, .btn-dw-cart:active { 1875 background-color: " + GetString("Item.Area.EcommerceCartButtonColor.Color") + @"; 1876 color: #FFF; 1877 border-width: 0px !important; 1878 }"; 1879 } 1880 1881 if (GeneralSettings.Navigation.ButtonDesign == "border") 1882 { 1883 CssString += @" 1884 .btn-dw-primary, .btn-dw-secondary, .btn-dw-cart { 1885 background-color: transparent; 1886 } 1887 1888 .btn-dw-primary { 1889 border-width: 4px; 1890 padding: 3px 10px; 1891 color: " + ColorSettings.Color.Primary + @"; 1892 } 1893 1894 .btn-dw-secondary { 1895 border-width: 2px; 1896 color: " + ColorSettings.Color.Secondary + @"; 1897 } 1898 1899 .btn-dw-cart { 1900 border-width: 4px; 1901 padding: 3px 10px; 1902 color: " + GetString("Item.Area.EcommerceCartButtonColor.Color") + @"; 1903 } 1904 1905 .btn-dw-primary:hover, .btn-dw-primary:focus, .btn-dw-primary:active { 1906 background-color: " + ColorSettings.Color.Primary + @"; 1907 border-width: 4px; 1908 padding: 3px 10px; 1909 border-color: " + ColorSettings.Color.Primary + @"; 1910 color: #FFF; 1911 } 1912 1913 .btn-dw-secondary:hover, .btn-dw-secondary:focus, .btn-dw-secondary:active { 1914 background-color: " + ColorSettings.Color.Primary + @"; 1915 border-width: 2px; 1916 color: #FFF; 1917 border-color: #FFF; 1918 } 1919 1920 .btn-dw-cart:hover, .btn-dw-cart:focus, .btn-dw-cart:active { 1921 background-color: " + GetString("Item.Area.EcommerceCartButtonColor.Color") + @"; 1922 border-width: 4px; 1923 padding: 3px 10px; 1924 border-color: " + GetString("Item.Area.EcommerceCartButtonColor.Color") + @"; 1925 color: #FFF; 1926 }"; 1927 } 1928 1929 if (GeneralSettings.Navigation.ButtonDesign == "border-sharp" || GeneralSettings.Navigation.ButtonDesign == "border-round") 1930 { 1931 CssString += @" 1932 .btn-dw-primary, .btn-dw-secondary, .btn-dw-cart { 1933 background-color: transparent; 1934 } 1935 1936 .btn-dw-primary { 1937 border-width: 4px; 1938 padding: 3px 15px; 1939 color: " + ColorSettings.Color.Primary + @"; 1940 } 1941 1942 .btn-dw-secondary { 1943 border-width: 2px; 1944 padding: 5px 15px; 1945 color: " + ColorSettings.Color.Secondary + @"; 1946 } 1947 1948 .btn-dw-cart { 1949 border-width: 4px; 1950 padding: 3px 15px; 1951 color: " + GetString("Item.Area.EcommerceCartButtonColor.Color") + @"; 1952 } 1953 1954 .btn-dw-primary:hover, .btn-dw-primary:focus, .btn-dw-primary:active { 1955 background-color: " + ColorSettings.Color.Primary + @"; 1956 border-width: 4px; 1957 color: #FFF; 1958 padding: 3px 15px; 1959 border-color: " + ColorSettings.Color.Primary + @"; 1960 } 1961 1962 .btn-dw-secondary:hover, .btn-dw-secondary:focus, .btn-dw-secondary:active { 1963 background-color: " + ColorSettings.Color.Primary + @"; 1964 border-width: 2px; 1965 color: #FFF; 1966 padding: 5px 15px; 1967 border-color: #FFF; 1968 } 1969 1970 .btn-dw-cart:hover, .btn-dw-cart:focus, .btn-dw-cart:active { 1971 background-color: " + GetString("Item.Area.EcommerceCartButtonColor.Color") + @"; 1972 border-width: 4px; 1973 color: #FFF; 1974 padding: 3px 15px; 1975 border-color: " + GetString("Item.Area.EcommerceCartButtonColor.Color") + @"; 1976 }"; 1977 } 1978 1979 if (GeneralSettings.Navigation.ButtonDesign == "border-sharp") 1980 { 1981 CssString += @" 1982 .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 { 1983 border-radius: 0px !important; 1984 }"; 1985 } 1986 1987 if (GeneralSettings.Navigation.ButtonDesign == "border-round") 1988 { 1989 CssString += @" 1990 .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 { 1991 border-radius: 200px !important; 1992 }"; 1993 } 1994 1995 1996 //Headings custom settings 1997 if (GeneralSettings.Headings.Mode == "underline") 1998 { 1999 CssString += @" 2000 .dw-section-title { 2001 border-bottom: 2px solid; 2002 }"; 2003 } 2004 2005 if (GeneralSettings.Headings.Mode == "boxed" || GeneralSettings.Headings.Mode == "boxed-line") 2006 { 2007 CssString += @" 2008 .dw-section-title span { 2009 background-color: " + GetString("Item.Area.HeadingsH1.Color.Color") + @"; 2010 display: inline-block; 2011 padding: 8px 16px; 2012 color: #FFF; 2013 }"; 2014 2015 if (string.IsNullOrWhiteSpace(GetString("Item.Area.HeadingsH1.Color.Color"))) 2016 { 2017 CssString += @" 2018 .dw-section-title { 2019 background-color: " + ColorSettings.Color.Primary + @"; 2020 }"; 2021 } 2022 } 2023 2024 if (GeneralSettings.Headings.Mode == "boxed-line") 2025 { 2026 CssString += @" 2027 .dw-section-title span { 2028 margin-bottom: 2px; 2029 } 2030 2031 .dw-section-title { 2032 border-bottom: 2px solid " + GetString("Item.Area.HeadingsH1.Color.Color") + @"; 2033 }"; 2034 2035 if (string.IsNullOrWhiteSpace(GetString("Item.Area.HeadingsH1.Color.Color"))) 2036 { 2037 CssString += @" 2038 .dw-section-title { 2039 border-bottom: 2px solid " + ColorSettings.Color.Primary + @"; 2040 }"; 2041 } 2042 } 2043 2044 if (GeneralSettings.Headings.Mode == "outline") 2045 { 2046 CssString += @" 2047 .dw-section-title { 2048 color: #FFF; 2049 text-shadow: 2050 -1px -1px 0 " + GetString("Item.Area.HeadingsH1.Color.Color") + @", 2051 1px -1px 0 " + GetString("Item.Area.HeadingsH1.Color.Color") + @", 2052 -1px 1px 0 " + GetString("Item.Area.HeadingsH1.Color.Color") + @", 2053 1px 1px 0 " + GetString("Item.Area.HeadingsH1.Color.Color") + @"; 2054 }"; 2055 2056 if (string.IsNullOrWhiteSpace(GetString("Item.Area.HeadingsH1.Color.Color"))) 2057 { 2058 CssString += @" 2059 .dw-section-title { 2060 text-shadow: 2061 -1px -1px 0 #1A1A1A, 2062 1px -1px 0 #1A1A1A, 2063 -1px 1px 0 #1A1A1A, 2064 1px 1px 0 #1A1A1A; 2065 }"; 2066 } 2067 } 2068 2069 return CssString; 2070 } 2071 2072 private string ClearBackground() { 2073 string CssString = ""; 2074 2075 CssString += @" 2076 .dw-navbar-button > a { 2077 background-color: rgba(0, 0, 0, 0.0) !important; 2078 } 2079 2080 .dw-navbar-button > a:hover, dw-navbar-button > a:active, dw-navbar-button > a:focus, .active > a { 2081 background-color: rgba(0, 0, 0, 0.0) !important; 2082 }"; 2083 2084 return CssString; 2085 } 2086 2087 private string NavbarPosition(bool margin=false, int specialpadding=6, int extramargin=0) { 2088 int LogoHeight = 0; 2089 string CssString = ""; 2090 int Centerpos = 0; 2091 2092 if (GeneralSettings.Header.Mode != "solid"){ 2093 if (!string.IsNullOrWhiteSpace(GeneralSettings.Logo.Image)) 2094 { 2095 LogoHeight = ImageHeight(); 2096 } 2097 else 2098 { 2099 LogoHeight = GetInteger("Item.Area.LogoFont.Size"); 2100 } 2101 } 2102 else 2103 { 2104 if (!string.IsNullOrWhiteSpace(GeneralSettings.Logo.Image)) 2105 { 2106 LogoHeight = 18; 2107 } 2108 else 2109 { 2110 LogoHeight = GetInteger("Item.Area.LogoFont.Size")-10; 2111 } 2112 } 2113 2114 if (margin == false) 2115 { 2116 Centerpos = (LogoHeight/2) + 6; 2117 2118 CssString += @" 2119 .dw-navbar-button > a, .navbar-wp.affix .navbar-nav > li > a { 2120 padding: " + Centerpos + @"px " + (specialpadding+4) + @"px " + Centerpos + @"px " + (specialpadding+4) + @"px !important; 2121 margin: " + extramargin + @"px " + extramargin + @"px !important; 2122 }"; 2123 } 2124 else 2125 { 2126 Centerpos = ((LogoHeight/2)+6)-(specialpadding+extramargin); 2127 2128 CssString += @" 2129 .dw-navbar-button > a, .navbar-wp.affix .navbar-nav > li > a { 2130 padding: " + specialpadding + @"px " + (specialpadding+4) + @"px " + specialpadding + @"px " + (specialpadding+4) + @"px !important; 2131 margin: " + Centerpos + @"px 4px 0px 4px !important; 2132 }"; 2133 } 2134 2135 return CssString; 2136 } 2137 2138 private int ImageHeight () 2139 { 2140 int LogoHeight = 0; 2141 2142 if (!string.IsNullOrWhiteSpace(GetString("Item.Area.GeneralLogo"))) 2143 { 2144 string imageUrl = "https://" + HttpContext.Current.Request.Url.Authority + GetString("Item.Area.GeneralLogo"); 2145 2146 WebRequest request = WebRequest.Create(imageUrl); 2147 WebResponse response = request.GetResponse(); 2148 Image image = Image.FromStream(response.GetResponseStream()); 2149 2150 LogoHeight = image.Height; 2151 } 2152 else 2153 { 2154 LogoHeight = 38; 2155 } 2156 2157 return LogoHeight; 2158 } 2159 } 2160 2161 2162 2163 @{ 2164 InitGeneralSettings(); 2165 } 2166 2167 2168 <!-- Variables --> 2169 @{ 2170 string attrValue=""; 2171 string loginpageid=""; 2172 string FirstPg=GetInteger("DwAreaFirstActivePageID").ToString(); 2173 string SearchPID = GetInteger("DwAreaSearchPageID").ToString(); 2174 var cartid = GetInteger("DwAreaCartPageID").ToString(); 2175 string searchplaceholder = Translate("Search in all categories", "Search in all categories"); 2176 string saleid="180"; 2177 string storelocation="48"; 2178 2179 string myCurrentAbsoluteUriString = System.Web.HttpContext.Current.Request.Url.AbsoluteUri; 2180 Uri myCurrentAbsoluteUri = new Uri(myCurrentAbsoluteUriString); 2181 string myPlcUrl = myCurrentAbsoluteUri.Scheme + "://" + myCurrentAbsoluteUri.Host; 2182 } 2183 2184 <script> 2185 var websiteUrl = '@myPlcUrl'; 2186 </script> 2187 2188 @functions{ 2189 public static string RemoveWhiteSpaceFromStylesheets(string body) 2190 { 2191 body = Regex.Replace(body, @"[a-zA-Z]+#", "#"); 2192 body = Regex.Replace(body, @"[\n\r]+\s*", string.Empty); 2193 body = Regex.Replace(body, @"\s+", " "); 2194 body = Regex.Replace(body, @"\s?([:,;{}])\s?", "$1"); 2195 body = body.Replace(";}", "}"); 2196 body = Regex.Replace(body, @"([\s:]0)(px|pt|%|em)", "$1"); 2197 // Remove comments from CSS 2198 body = Regex.Replace(body, @"/\*[\d\D]*?\*/", string.Empty); 2199 return body; 2200 } 2201 } 2202 2203 <!-- Analytics code --> 2204 @{String googleTrackingId=GetString("Item.Area.Google_Analytics_");} 2205 @if (!string.IsNullOrWhiteSpace(googleTrackingId)) 2206 { 2207 <script type="text/javascript"> 2208 (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){ 2209 (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o), 2210 m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m) 2211 })(window,document,'script','https://www.google-analytics.com/analytics.js','ga'); 2212 2213 ga('create', '@googleTrackingId', 'auto'); 2214 ga('set', 'userId', '@GetGlobalValue("Global:Extranet.UserName")'); // Set the user ID using signed-in user_id. 2215 ga('require','ecommerce','ecommerce.js'); 2216 ga('send', 'pageview'); 2217 </script> 2218 } 2219 <style> 2220 2221 .user-menu-dropdown { 2222 background-color: white; 2223 margin-left: -20px; 2224 position: absolute; 2225 z-index: 9999; 2226 box-shadow: 2px 2px 2px 2px #888888; 2227 width: 180px; 2228 display: none; 2229 } 2230 .user-menu-dropdown > ul { 2231 list-style: none; 2232 text-align: left; 2233 padding: 0px 10px 0px 10px; 2234 margin: 0px; 2235 } 2236 .user-menu-dropdown > ul > li { 2237 border-top: solid 1px #d4d4d4; 2238 padding: 10px 0px 10px 10px; 2239 } 2240 .user-menu-dropdown > ul > li > a { 2241 vertical-align: -webkit-baseline-middle; 2242 } 2243 .user-menu:hover .user-menu-dropdown, .user-menu-dropdown:hover { 2244 display: block; 2245 } 2246 .user-menu-mobile { 2247 2248 background:#333; 2249 border-bottom: #aaa 1px solid; 2250 height: 40px; 2251 } 2252 .user-menu-mobile > div { 2253 width:100%; 2254 } 2255 .user-menu-mobile > div > div { 2256 width:50%; 2257 float:left; 2258 text-align: -webkit-center; 2259 padding-top: 9px !important; 2260 } 2261 .user-menu-mobile > div > div > a { 2262 color: #ffc000 !important; 2263 font-size: 15px !important; 2264 } 2265 .user-menu-mobile > div > div > img { 2266 width: 20px; 2267 margin-top: -5px; 2268 } 2269 .user-menu-mobile > div > div > span { 2270 float: right; 2271 color: #ffc000; 2272 } 2273 2274 .contentwrapper2_whennoti{ 2275 top : unset; 2276 } 2277 2278 @@media screen and (max-width: 2500px) and (min-width: 1000px) and (max-height: 3000px) { 2279 .content-wrapper2{ 2280 top: unset !important; 2281 } 2282 } 2283 2284 2285 @@media screen and (max-width: 2500px) and (min-width: 1000px) and (max-height: 3000px) { 2286 .content-wrapper{ 2287 top: unset !important; 2288 } 2289 } 2290 @@media screen and (max-width: 800px) and (min-width: 700px) and (max-height: 1050px) { 2291 .user-menu{ 2292 /*display:none !important;*/ 2293 padding-top: 10px; 2294 } 2295 } 2296 @@media screen and (max-width: 1050px) and (min-width: 1000px) and (max-height: 800px) { 2297 .user-menu-mobile{ 2298 display:none !important; 2299 } 2300 } 2301 @@media screen and (max-width: 1050px) and (min-width: 1000px) and (max-height: 800px) { 2302 .hideLogin{ 2303 display:block; 2304 } 2305 } 2306 @@media screen and (max-width: 800px) and (min-width: 750px) and (max-height: 1050px) { 2307 .hideLogin{ 2308 display:none; 2309 } 2310 } 2311 2312 /******************************added by AKS to fix menu overlapping on content in Ipad view**********************************/ 2313 @@media (max-width:768px){ 2314 header{ 2315 position: relative !important; 2316 } 2317 } 2318 @@media handheld, only screen and (max-width: 480px){ 2319 .content-wrapper#mainpg{ 2320 margin-top: -125px; 2321 } 2322 .content-wrapper{ 2323 top:0px; 2324 } 2325 .whenNoti { 2326 top: 0px!important; 2327 } 2328 } 2329 @@media screen and (max-width: 700px) and (min-width: 350px) and (max-height: 700px) { 2330 .mblMenuStyleFixed { 2331 //position: fixed !important; 2332 //z-index: 10000; 2333 //height: 261px !important; 2334 //box-shadow: 0 2px 1px rgba(0,0,0,0.2) !important; 2335 } 2336 } 2337 /*********************************************************************/ 2338 .zoomContainer { 2339 z-index: 999; 2340 margin-top: 0px !important; 2341 overflow: hidden; 2342 } 2343 2344 .zoomWindow{ 2345 border: #ccc 4px solid; 2346 background:#ccc; 2347 border-style: solid; 2348 width:100%; 2349 overflow:hidden; 2350 } 2351 .modal-open { 2352 position: inherit !important; 2353 padding-right : 0px !important; 2354 overflow-x : auto !important; 2355 overflow-y : auto !important; 2356 } 2357 .M1.dropdown-menu{ 2358 margin-top: 6px !important; 2359 } 2360 2361 a[href^=tel] { 2362 text-decoration:inherit; 2363 color: inherit; 2364 } 2365 2366 .alert-main { 2367 /*position: fixed;*/ 2368 width: 100%; 2369 top: 0; 2370 z-index: 99999; 2371 font-size: 14px; 2372 font-size: 1.4rem; 2373 -webkit-box-shadow: 0 2px 1px rgba(0,0,0,0.2); 2374 -moz-box-shadow: 0 2px 1px rgba(0,0,0,0.2); 2375 box-shadow: 0 2px 1px rgba(0,0,0,0.2); 2376 background-color: #2e2e2e; 2377 color: #909090; 2378 font-weight: 500; 2379 } 2380 2381 @@media screen and (max-width: 700px) and (min-width: 350px) and (max-height: 750px) { 2382 .alert-main { 2383 position: fixed; 2384 width: 100%; 2385 top: 0; 2386 z-index: 99999; 2387 font-size: 14px; 2388 font-size: 1.4rem; 2389 -webkit-box-shadow: 0 2px 1px rgba(0,0,0,0.2); 2390 -moz-box-shadow: 0 2px 1px rgba(0,0,0,0.2); 2391 box-shadow: 0 2px 1px rgba(0,0,0,0.2); 2392 background-color: #2e2e2e; 2393 color: #909090; 2394 font-weight: 500; 2395 height: 95px; 2396 } 2397 } 2398 @@media screen and (max-width: 380px){ 2399 .content-wrapper#mainpg { 2400 margin-top: -175px; 2401 } 2402 } 2403 @@media screen and (max-width: 700px) and (min-width: 650px) and (max-height: 400px) { 2404 .alert-main { 2405 position: fixed; 2406 width: 100%; 2407 top: 0; 2408 z-index: 99999; 2409 font-size: 14px; 2410 font-size: 1.4rem; 2411 -webkit-box-shadow: 0 2px 1px rgba(0,0,0,0.2); 2412 -moz-box-shadow: 0 2px 1px rgba(0,0,0,0.2); 2413 box-shadow: 0 2px 1px rgba(0,0,0,0.2); 2414 background-color: #2e2e2e; 2415 color: #909090; 2416 font-weight: 500; 2417 height: 65px; 2418 } 2419 } 2420 2421 .close-thik{ 2422 content: '✖'; /* UTF-8 symbol */ 2423 } 2424 2425 2426 @@media screen and (max-width: 800px) and (min-width: 765px) and (max-height: 1200px) { 2427 .mblMenuStyleFixed { 2428 //position: fixed !important; 2429 //z-index: 10000; 2430 height: 220px !important; 2431 //box-shadow: 0 2px 1px rgba(0,0,0,0.2) !important; 2432 } 2433 } 2434 @@media screen and (max-width: 700px) and (min-width: 350px) and (max-height: 700px) { 2435 .whenNoti { 2436 top : 84px !important; 2437 } 2438 } 2439 @@media screen and (max-width: 700px) and (min-width: 600px) and (max-height: 400px) { 2440 .whenNoti { 2441 top : 64px !important; 2442 } 2443 #searchMobile { 2444 top: 64px; 2445 } 2446 } 2447 @@media screen and (max-width: 800px) and (min-width: 765px) and (max-height: 1200px) { 2448 .whenNoti { 2449 /*top : 65px !important; AKS */ 2450 top : 0px !important; 2451 } 2452 } 2453 2454 @@media screen and (max-width: 700px) and (min-width: 350px) and (max-height: 700px) { 2455 .whenNotiMainPg { 2456 margin-top : 60px !important; 2457 /*margin-top : 242px !important;*/ 2458 } 2459 } 2460 @@media screen and (max-width: 800px) and (min-width: 765px) and (max-height: 1200px) { 2461 .whenNotiMainPg { 2462 margin-top: 0px !important; 2463 } 2464 } 2465 @@media screen and (max-width: 700px) and (min-width: 600px) and (max-height: 400px) { 2466 .whenNotiMainPg { 2467 margin-top: 320px !important; 2468 } 2469 } 2470 .whenNoti { 2471 top : 47px; 2472 } 2473 .whenNotiMainPg { 2474 margin-top : 20px; 2475 } 2476 2477 @@media screen and (max-width: 700px) and (min-width: 350px) and (max-height: 700px) { 2478 .Noti_Remove{ 2479 //margin-top: 135px !important; 2480 } 2481 } 2482 2483 .product-count { 2484 background: none repeat scroll 0 0 #000; 2485 border-radius: 50%; 2486 color: #fff; 2487 display: inline-block; 2488 font-size: 10px; 2489 height: 20px; 2490 padding-top: 2px; 2491 position: absolute; 2492 right: 17px; 2493 text-align: center; 2494 top: 25px; 2495 width: 20px; 2496 } 2497 .product-count span.cart-no { 2498 position: relative; 2499 top: -11px; 2500 } 2501 2502 .borderLine{ 2503 float: right; 2504 font-size: 30px; 2505 color: #d4d4d4; 2506 padding-right: 10px; 2507 } 2508 2509 @@media screen and (max-width: 700px) and (min-width: 350px) and (max-height: 750px) { 2510 .mblProductCount{ 2511 top : 16px !important; 2512 } 2513 } 2514 2515 @@media screen and (max-width: 700px) and (min-width: 600px) and (max-height: 400px) { 2516 .mblProductCount{ 2517 top : 21px !important; 2518 } 2519 } 2520 2521 2522 @@media screen and (max-width: 700px) and (min-width: 350px) and (max-height: 750px) { 2523 .mblCartNo{ 2524 top : -6px !important; 2525 } 2526 } 2527 2528 @@media screen and (max-width: 700px) and (min-width: 600px) and (max-height: 400px) { 2529 .mblCartNo{ 2530 top : -11px !important; 2531 } 2532 } 2533 2534 @@media screen and (max-width: 700px) and (min-width: 600px) and (max-height: 400px) { 2535 .mblCartNo{ 2536 top : -11px !important; 2537 } 2538 } 2539 2540 @@media screen and (max-width: 700px) and (min-width: 350px) and (max-height: 700px) { 2541 .mblborderLine{ 2542 display :none; 2543 } 2544 } 2545 2546 @@media screen and (max-width: 500px) and (min-width: 400px) and (max-height: 750px) { 2547 .mblborderLine{ 2548 display :none; 2549 } 2550 } 2551 @@media screen and (max-width: 700px) and (min-width: 650px) and (max-height: 400px) { 2552 .mblborderLine{ 2553 display :none; 2554 } 2555 } 2556 2557 @@media screen and (max-width: 700px) and (min-width: 650px) and (max-height: 400px) { 2558 .mblLandScapeReorder{ 2559 float:right !important; 2560 } 2561 } 2562 2563 @@media screen and (max-width: 700px) and (min-width: 650px) and (max-height: 400px) { 2564 .mblLandScapeReorderDiv{ 2565 padding-left : 0px !important; 2566 } 2567 } 2568 2569 #myBtn { 2570 display: none; 2571 position: fixed; 2572 bottom: 55px; 2573 right: 9%; 2574 z-index: 99; 2575 font-size: 18px; 2576 border: none; 2577 outline: none; 2578 color: white; 2579 cursor: pointer; 2580 padding: 15px; 2581 border-radius: 4px; 2582 background-image: url(/Files/Templates/Designs/PLC/assets/images/up_arrow_icon.png); 2583 background-size: 35px; 2584 width: 35px; 2585 height: 35px; 2586 } 2587 2588 @@media (-webkit-min-device-pixel-ratio: 1.25), (min-resolution: 120dpi) { 2589 .user-menu-mobile{display:none;} 2590 } 2591 2592 @@media handheld, only screen and (max-width: 768px){ 2593 .content-wrapper{top:10px;position:relative;} 2594 } 2595 2596 2597 /***********************loading screen*************************/ 2598 /* Absolute Center Spinner */ 2599 .loading { 2600 position: fixed; 2601 z-index: 999999; 2602 height: 2em; 2603 width: 2em; 2604 overflow: show; 2605 margin: auto; 2606 top: 0; 2607 left: 0; 2608 bottom: 0; 2609 right: 0; 2610 } 2611 2612 /* Transparent Overlay */ 2613 .loading:before { 2614 content: ''; 2615 display: block; 2616 position: fixed; 2617 top: 0; 2618 left: 0; 2619 width: 100%; 2620 height: 100%; 2621 background-color: rgba(0,0,0,0.3); 2622 } 2623 2624 /*----------------------------------------------------*/ 2625 .lds-spinner { 2626 color: official; 2627 display: inline-block; 2628 position: relative; 2629 width: 15px; 2630 height: 15px; 2631 } 2632 .lds-spinner div { 2633 transform-origin: 2px 12px; 2634 animation: lds-spinner 1.2s linear infinite; 2635 } 2636 @if(Pageview.Device.ToString().ToUpper() == "MOBILE") 2637 { 2638 <text>.jetmenu .dropdown{ display:none;}</text> 2639 } 2640 .lds-spinner div:after { 2641 content: " "; 2642 display: block; 2643 position: absolute; 2644 2645 width: 2.5px; 2646 height: 7px; 2647 border-radius: 50%; 2648 background: #fff; 2649 } 2650 .lds-spinner div:nth-child(1) { 2651 transform: rotate(0deg); 2652 animation-delay: -1.1s; 2653 } 2654 .lds-spinner div:nth-child(2) { 2655 transform: rotate(30deg); 2656 animation-delay: -1s; 2657 } 2658 .lds-spinner div:nth-child(3) { 2659 transform: rotate(60deg); 2660 animation-delay: -0.9s; 2661 } 2662 .lds-spinner div:nth-child(4) { 2663 transform: rotate(90deg); 2664 animation-delay: -0.8s; 2665 } 2666 .lds-spinner div:nth-child(5) { 2667 transform: rotate(120deg); 2668 animation-delay: -0.7s; 2669 } 2670 .lds-spinner div:nth-child(6) { 2671 transform: rotate(150deg); 2672 animation-delay: -0.6s; 2673 } 2674 .lds-spinner div:nth-child(7) { 2675 transform: rotate(180deg); 2676 animation-delay: -0.5s; 2677 } 2678 .lds-spinner div:nth-child(8) { 2679 transform: rotate(210deg); 2680 animation-delay: -0.4s; 2681 } 2682 .lds-spinner div:nth-child(9) { 2683 transform: rotate(240deg); 2684 animation-delay: -0.3s; 2685 } 2686 .lds-spinner div:nth-child(10) { 2687 transform: rotate(270deg); 2688 animation-delay: -0.2s; 2689 } 2690 .lds-spinner div:nth-child(11) { 2691 transform: rotate(300deg); 2692 animation-delay: -0.1s; 2693 } 2694 .lds-spinner div:nth-child(12) { 2695 transform: rotate(330deg); 2696 animation-delay: 0s; 2697 } 2698 @@keyframes lds-spinner { 2699 0% { 2700 opacity: 1; 2701 } 2702 100% { 2703 opacity: 0; 2704 } 2705 } 2706 2707 /***********************loading screen end*************************/ 2708 </style> 2709 2710 <script> 2711 //Browser Back control 2712 /*************************Added By AKS for VIP card expire alert ..9/24/2019***********************/ 2713 2714 @if (Dynamicweb.Core.Converter.ToBoolean(GetGlobalValue("Global:Extranet.UserName"))) 2715 { 2716 var user = Dynamicweb.Security.UserManagement.User.GetCurrentUser(Dynamicweb.Security.UserManagement.PagePermissionLevels.Frontend); 2717 List<Dynamicweb.Security.UserManagement.Common.CustomFields.CustomFieldValue> custom_fields = user.CustomFieldValues; 2718 DateTime expiryDate =(DateTime) custom_fields.Find(x => x.CustomField.Name == "ExpryDate").Value; 2719 2720 if(DateTime.Now > expiryDate) 2721 { 2722 <text> 2723 var isVIPExpire = getCookie("IsVIPExpire"); 2724 if(isVIPExpire != 'IsShown') 2725 { 2726 document.cookie = "IsVIPExpire=true; expires=Sat, 31 Dec 2050 12:00:00 UTC; path=/;"; 2727 } 2728 </text> 2729 } 2730 else 2731 { 2732 <text> 2733 document.cookie = "IsVIPExpire=false; expires=Sat, 31 Dec 2050 12:00:00 UTC; path=/;"; 2734 </text> 2735 } 2736 } 2737 /************************************************************************************************/ 2738 </script> 2739 2740 <link rel="stylesheet" href="//cdnjs.cloudflare.com/ajax/libs/bootstrap-datepicker/1.3.0/css/datepicker.min.css"> 2741 <link rel="stylesheet" href="//cdnjs.cloudflare.com/ajax/libs/bootstrap-datepicker/1.3.0/css/datepicker3.min.css"> 2742 <script src="//cdnjs.cloudflare.com/ajax/libs/bootstrap-datepicker/1.3.0/js/bootstrap-datepicker.min.js"></script> 2743 <script type="text/javascript" src="//script.crazyegg.com/pages/scripts/0074/5989.js" async="async"></script> 2744 2745 <!-- Start Alexa Certify Javascript --> 2746 2747 <script type="text/javascript"> 2748 _atrk_opts = { atrk_acct:"/z1pl1awEti2fn", domain:"@System.Web.HttpContext.Current.Request.Url.Host",dynamic: true}; 2749 (function() { var as = document.createElement('script'); as.type = 'text/javascript'; as.async = true; as.src = "https://certify-js.alexametrics.com/atrk.js"; var s = document.getElementsByTagName('script')[0];s.parentNode.insertBefore(as, s); })(); 2750 </script> 2751 <noscript><img src="https://certify.alexametrics.com/atrk.gif?account=/z1pl1awEti2fn" style="display:none" height="1" width="1" alt=""></noscript> 2752 <!-- End Alexa Certify Javascript --> 2753 @GetValue("Stylesheets") 2754 @GetValue("Javascripts") 2755 </head> 2756 2757 <script> 2758 $(window).bind('scroll', function () { 2759 if ($(window).scrollTop() > 500) { 2760 $('header').addClass('nav-down'); 2761 } 2762 else{ 2763 $('header').removeClass('nav-down'); 2764 } 2765 }); 2766 2767 // Hide Header on on scroll down 2768 var didScroll; 2769 var lastScrollTop = 0; 2770 var delta = 5; 2771 var navbarHeight = $('header').outerHeight(); 2772 2773 $(window).scroll(function(event){ 2774 didScroll = true; 2775 }); 2776 2777 setInterval(function() { 2778 if (didScroll) { 2779 hasScrolled(); 2780 didScroll = false; 2781 } 2782 }, 500); 2783 2784 function hasScrolled() { 2785 var st = $(this).scrollTop(); 2786 2787 // Make sure they scroll more than delta 2788 if(Math.abs(lastScrollTop - st) <= delta) 2789 return; 2790 2791 // If they scrolled down and are past the navbar, add class .nav-up. 2792 // This is necessary so you never see what is "behind" the navbar. 2793 if (st > lastScrollTop && st > navbarHeight){ 2794 // Scroll Down 2795 $('header').removeClass('nav-down').addClass('nav-up'); 2796 } else { 2797 // Scroll Up 2798 if(st + $(window).height() < $(document).height()) { 2799 $('header').removeClass('nav-up'); 2800 } 2801 } 2802 2803 lastScrollTop = st; 2804 } 2805 </script> 2806 <script> 2807 function myFunction() { 2808 var x = document.getElementById("DrodownRspMenu"); 2809 if (x.style.display === "none") { 2810 x.style.display = "block"; 2811 } else { 2812 x.style.display = "none"; 2813 } 2814 } 2815 </script> 2816 <body> 2817 <!-- Google Tag Manager (noscript) --> 2818 <noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-TWZ4Z3W" height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript> 2819 <!-- End Google Tag Manager (noscript) --> 2820 <style> 2821 #SearchLoading{ 2822 display:none; 2823 } 2824 .searchBackground{ 2825 background-color: unset !important; 2826 border: unset !important; 2827 } 2828 2829 .freezeBackground{ 2830 z-index: 1000; 2831 border: none; 2832 margin: 0px; 2833 padding: 0px; 2834 width: 100%; 2835 height: 100%; 2836 top: 0px; 2837 left: 0px; 2838 background-color: rgb(0, 0, 0); 2839 opacity: 0.6; 2840 cursor: wait; 2841 position: fixed; 2842 pointer-events: none; 2843 } 2844 2845 .loadingImg { 2846 position: absolute; 2847 top: 60%; 2848 z-index: 9999; 2849 left: 50%; 2850 } 2851 </style> 2852 2853 2854 <div id="loader" style="display:none" class="loading"> 2855 <div class="lds-spinner"><div></div><div></div><div></div><div></div><div></div><div></div><div></div><div></div><div></div><div></div><div></div><div></div></div> 2856 </div> 2857 2858 2859 <div id="hidDiv"></div> 2860 <div class="pop-upnoti-mo-search"> 2861 <div class="alert-main" id="alertmain" style="display:none;"> 2862 <div class="container"> 2863 <div class="pro-contentbox"> 2864 <div class="pro-content"> 2865 <p> 2866 <i class="dot yellow"></i> 2867 <p style="text-align:center;color:white;"> 2868 @if(GetBoolean("Item.Area.Day_Notification_Bar_On_Off")) 2869 { 2870 if(checkDay == GetString("Item.Area.Day_Notification_Day") && serverTime > friStartTime && serverTime < friEndTime) 2871 { 2872 @fridayMaintenanceNoti 2873 }else{ 2874 if(GetBoolean("Item.Area.System_Notification_Bar_On_Off")) 2875 { 2876 if(serverTime > startTime && serverTime < endTime) 2877 { 2878 @sysMaintenanceNoti 2879 }else{ 2880 if(GetBoolean("Item.Area.Maintenance_Time_Notification_Bar_On_Off")) 2881 { 2882 if(GetString("Item.Area.Maintenance_Time_Notification_Day") != "DAILY") 2883 { 2884 if(checkDay == GetString("Item.Area.Maintenance_Time_Notification_Day") && serverTime > maintenanceTimeNotiStartTime && serverTime < maintenanceTimeNotiEndTime) 2885 { 2886 @maintenanceTimeNoti 2887 }else{ 2888 if(GetBoolean("Item.Area.Notification_Bar_On_Off")) 2889 { 2890 @GetString("Item.Area.Notification_Text") 2891 } 2892 } 2893 }else{ 2894 if(serverTime > maintenanceTimeNotiStartTime && serverTime < maintenanceTimeNotiEndTime) 2895 { 2896 @maintenanceTimeNoti 2897 }else{ 2898 if(GetBoolean("Item.Area.Notification_Bar_On_Off")) 2899 { 2900 @GetString("Item.Area.Notification_Text") 2901 } 2902 } 2903 } 2904 }else{ 2905 if(GetBoolean("Item.Area.Notification_Bar_On_Off")) 2906 { 2907 @GetString("Item.Area.Notification_Text") 2908 } 2909 } 2910 } 2911 }else{ 2912 if(GetBoolean("Item.Area.Maintenance_Time_Notification_Bar_On_Off")) 2913 { 2914 if(GetString("Item.Area.Maintenance_Time_Notification_Day") != "DAILY") 2915 { 2916 if(checkDay == GetString("Item.Area.Maintenance_Time_Notification_Day") && serverTime > maintenanceTimeNotiStartTime && serverTime < maintenanceTimeNotiEndTime) 2917 { 2918 @maintenanceTimeNoti 2919 }else{ 2920 if(GetBoolean("Item.Area.Notification_Bar_On_Off")) 2921 { 2922 @GetString("Item.Area.Notification_Text") 2923 } 2924 } 2925 }else{ 2926 if(serverTime > maintenanceTimeNotiStartTime && serverTime < maintenanceTimeNotiEndTime) 2927 { 2928 @maintenanceTimeNoti 2929 }else{ 2930 if(GetBoolean("Item.Area.Notification_Bar_On_Off")) 2931 { 2932 @GetString("Item.Area.Notification_Text") 2933 } 2934 } 2935 } 2936 }else{ 2937 if(GetBoolean("Item.Area.Notification_Bar_On_Off")) 2938 { 2939 @GetString("Item.Area.Notification_Text") 2940 } 2941 } 2942 } 2943 } 2944 }else{ 2945 if(GetBoolean("Item.Area.System_Notification_Bar_On_Off")) 2946 { 2947 if(serverTime > startTime && serverTime < endTime) 2948 { 2949 @sysMaintenanceNoti 2950 }else{ 2951 if(GetBoolean("Item.Area.Maintenance_Time_Notification_Bar_On_Off")) 2952 { 2953 if(GetString("Item.Area.Maintenance_Time_Notification_Day") != "DAILY") 2954 { 2955 if(checkDay == GetString("Item.Area.Maintenance_Time_Notification_Day") && serverTime > maintenanceTimeNotiStartTime && serverTime < maintenanceTimeNotiEndTime) 2956 { 2957 @maintenanceTimeNoti 2958 }else{ 2959 if(GetBoolean("Item.Area.Notification_Bar_On_Off")) 2960 { 2961 @GetString("Item.Area.Notification_Text") 2962 } 2963 } 2964 }else{ 2965 if(serverTime > maintenanceTimeNotiStartTime && serverTime < maintenanceTimeNotiEndTime) 2966 { 2967 @maintenanceTimeNoti 2968 }else{ 2969 if(GetBoolean("Item.Area.Notification_Bar_On_Off")) 2970 { 2971 @GetString("Item.Area.Notification_Text") 2972 } 2973 } 2974 } 2975 }else{ 2976 if(GetBoolean("Item.Area.Notification_Bar_On_Off")) 2977 { 2978 @GetString("Item.Area.Notification_Text") 2979 } 2980 } 2981 } 2982 }else{ 2983 if(GetBoolean("Item.Area.Maintenance_Time_Notification_Bar_On_Off")) 2984 { 2985 if(GetString("Item.Area.Maintenance_Time_Notification_Day") != "DAILY") 2986 { 2987 if(checkDay == GetString("Item.Area.Maintenance_Time_Notification_Day") && serverTime > maintenanceTimeNotiStartTime && serverTime < maintenanceTimeNotiEndTime) 2988 { 2989 @maintenanceTimeNoti 2990 }else{ 2991 if(GetBoolean("Item.Area.Notification_Bar_On_Off")) 2992 { 2993 @GetString("Item.Area.Notification_Text") 2994 } 2995 } 2996 }else{ 2997 if(serverTime > maintenanceTimeNotiStartTime && serverTime < maintenanceTimeNotiEndTime) 2998 { 2999 @maintenanceTimeNoti 3000 }else{ 3001 if(GetBoolean("Item.Area.Notification_Bar_On_Off")) 3002 { 3003 @GetString("Item.Area.Notification_Text") 3004 } 3005 } 3006 } 3007 }else{ 3008 if(GetBoolean("Item.Area.Notification_Bar_On_Off")) 3009 { 3010 @GetString("Item.Area.Notification_Text") 3011 } 3012 } 3013 } 3014 } 3015 <a href="javascript:void(0);divClose()" class="close" aria-label="Close" style="width: 10px;top: 0px;height: 10px;opacity: 1;"> 3016 <span aria-hidden="true" style="color:#F8F9F9;">&times;</span> 3017 </a> 3018 </p> 3019 </p> 3020 </div> 3021 </div> 3022 </div> 3023 </div> 3024 3025 <div class="prevent-overlay"></div> 3026 @if(Pageview.Device.ToString().ToUpper() == "MOBILE") 3027 { 3028 <div class="modal fade" id="searchMobile" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true"> 3029 <div class="modal-dialog" style="top: 0px;padding: unset;margin: unset;"> 3030 <div class="modal-content" style=" background-color: #000 !important; border-radius: unset; width: 102%; left: -1px;"> 3031 <div class="modal-body" style="padding: 10px 25px 0px !important;"> 3032 <form method="get" id="searchForm" onsubmit="return tolower('#searchForm');" action="/Default.aspx"> 3033 <input type="hidden" name="ID" value="159"> 3034 <table style="width: 100%;"> 3035 <tr> 3036 <td style="width: 70%; position: relative; width: 240px;"> 3037 <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"> 3038 <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;"> 3039 <ul class="searchSuggestUl" id="searchSuggest"></ul> 3040 </td> 3041 <td style="width: 20%;"> 3042 <input type="button" style=" border: unset; background-color: #000; color: #fff; padding-left: 20px;" onclick="removeSearchDiv()" alt="submit" name="submit" value="Cancel"> 3043 </td> 3044 </tr> 3045 </table> 3046 <button type="submit" id="submitSearch" class="my-search-icon hidden"> 3047 <i class="fa fa-search"></i> 3048 </button> 3049 </form> 3050 </div> 3051 </div> 3052 </div> 3053 </div> 3054 } 3055 </div> 3056 <div id="menusoverlay"></div> 3057 <div id="fb-root"></div> 3058 3059 <!-- MODALS --> 3060 <div class="modal fade" id="login" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true"> 3061 <div class="modal-dialog"> 3062 <div class="modal-content"> 3063 <div class="modal-header"> 3064 <button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button> 3065 <p class="modal-title" id="myModalLabel">@Translate("Log In", "Log In")</p> 3066 </div> 3067 <form role="form" id="loginform" method="post" action="/home"> 3068 <div class="modal-body"> 3069 @if (!string.IsNullOrWhiteSpace(GetString("DW_extranet_error_uk"))) 3070 { 3071 var extranetError = GetString("DW_extranet_error_uk").Replace("username","email address"); 3072 if (!string.IsNullOrWhiteSpace(GetString("DW_extranet_error_uk")) && GetString("DwPageID") != cartid) 3073 { 3074 <text> 3075 <script> 3076 3077 $(document).ready(function(){ 3078 $('#loginPopup').click(); 3079 }) 3080 </script> 3081 </text> 3082 } 3083 <style> 3084 .errorMsg { 3085 background-color: #ff9898; 3086 border: solid 1px #f21a1a; 3087 border-style: ridge; 3088 border-radius: 4px; 3089 } 3090 </style> 3091 @SnippetStart("mySnippet") 3092 <div class="form-group errorMsg" style="margin-bottom: 10px;"> 3093 <span style="padding:10px;">@extranetError</span> 3094 </div> 3095 @SnippetEnd("mySnippet") 3096 @RenderSnippet("mySnippet") 3097 } 3098 <!--<input type="hidden" name="ID" value="@Pageview.ID" />--> 3099 <input type="hidden" name="ID" value="@FirstPg"> 3100 <input type="hidden" name="DWExtranetUsernameRemember" value="True"> 3101 <input type="hidden" name="DWExtranetPasswordRemember" value="True"> 3102 @if (string.IsNullOrWhiteSpace(GetString("UserManagement:User.Login.SuccessRedirectToPage"))) { 3103 <input type="hidden" name="Redirect" value="/Default.aspx?ID=@Pageview.ID"> 3104 } 3105 <div class="form-group"> 3106 @{ attrValue = Translate("Enter email address", "Enter email address"); 3107 var username2 = @GetValue("DWExtranetUsername"); 3108 } 3109 <label for="username">@Translate("Email address", "Email address")</label> 3110 <input type="email" class="form-control" name="username" id="username" placeholder="@attrValue" value="@username2" required=""> 3111 </div> 3112 <div class="form-group"> 3113 @{ attrValue = Translate("Enter password", "Enter password"); 3114 } 3115 <label for="password">@Translate("Password", "Password")</label> 3116 <input type="password" class="form-control" name="password" id="password" placeholder="@attrValue" required=""> 3117 <p>&nbsp;</p> 3118 <a class="pull-left" href="/Default.aspx?ID=73&LoginAction=Recovery&firsttime=true">@Translate("Forgot your password?", "Forgot your password?")</a> 3119 &nbsp; 3120 </div> 3121 </div> 3122 <div class="modal-footer"> 3123 <div class=""> 3124 <div class="col-md-12 col-sm-12 col-xs-12"> 3125 <div class="checkbox pull-left"> 3126 <label> 3127 <!--<input type="checkbox" name="Autologin" checked="checked" value="True"> @Translate("Remember me", "Remember me")</input>--> 3128 <input type="checkbox" name="Autologin" checked="checked" value="True"> @Translate("Keep me logged in", "Keep me logged in") 3129 </label> 3130 </div> 3131 <!--<button type="submit" class="btn btn-xs btn-base pull-right"></button>--> 3132 <input name="btnSubmit" type="submit" value='@Translate("Log In", "Log In")' id="btnSubmit" style="width:100px !important;"> 3133 </div> 3134 </div> 3135 @*<div style="text-align: left;"> 3136 <span style="font-size: 13px;"> 3137 For VIP card holders who have not registered for an online account, please <a href="/register" style="color: #428bca !important; text-decoration: underline !important;">register here</a>. 3138 </span> 3139 </div>*@ 3140 </div> 3141 3142 @if (GetLoop("DWExtranetExternalLoginProviders").Count != 0) 3143 { 3144 <div class="modal-footer"> 3145 <div class="row"> 3146 <div class="col-md-12"> 3147 <div class="pull-left">@Translate("Or sign in using", "Or sign in using"):</div> 3148 <p> 3149 </div> 3150 </div> 3151 <div class="row"> 3152 <div class="col-md-12"> 3153 @foreach (LoopItem LoginProvider in GetLoop("DWExtranetExternalLoginProviders")) 3154 { 3155 var ProviderName = LoginProvider.GetString("ProviderName").ToLower(); 3156 var ProviderID = LoginProvider.GetValue("ProviderID"); 3157 <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> 3158 } 3159 </div> 3160 </div> 3161 </div> 3162 } 3163 <p style="text-align: -webkit-left;font-size: 16px;margin: 0px;padding: 0px 15px;">For VIP card holders who have not registered for an online account, please <a href="/register">register here</a>.</p> 3164 </form> 3165 </div> 3166 </div> 3167 </div> 3168 <header class="grid-full mblMenuStyleFixed" id="noprint"> 3169 <div class="top-bar" id="noprint"> 3170 <div class="grid" id="noprint"> 3171 <div class="col-1-2 tab-1-1 nopadding"> 3172 <div class="welcome-text">Asia’s <i>preferred</i> Pet Store!</div> 3173 <div class="call-text"><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">1800-88-7387 for Phone Order</span></div> 3174 </div> 3175 <div class="col-1-2 tab-1-1 nopadding" id="noprint"> 3176 <div class="country-box" id="noprint"> 3177 <div id="countryDropdown" class="wrapper-dropdown-3 dd1" tabindex="1"> 3178 @countrySelection 3179 @*---- BEGAN Country Selection Hard Code ----*@ 3180 @*<span style="background:url(https://uat.petloverscentre.com/Files/Templates/Designs/PLC//assets/images/flag_sg.gif) no-repeat;">Singapore</span>*@ 3181 <ul class="dropdown"> 3182 <li onclick="window.location.href=$(this).find(&quot;a&quot;).attr(&quot;href&quot;);"><a href="https://www.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> 3183 <li onclick="window.location.href=$(this).find(&quot;a&quot;).attr(&quot;href&quot;);"><a href="http://www.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> 3184 <li onclick="window.location.href=$(this).find(&quot;a&quot;).attr(&quot;href&quot;);"><a href="http://www.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> 3185 <li onclick="window.location.href=$(this).find(&quot;a&quot;).attr(&quot;href&quot;);"><a href="https://vietnam.petloverscentre.com"><img src="https://uat.petloverscentre.com/Files/Templates/Designs/PLC//assets/images/flag_vn.gif" alt="flag image" title="Vietnam"> Vietnam</a></li> 3186 @*<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>*@ 3187 <li onclick="window.location.href=$(this).find(&quot;a&quot;).attr(&quot;href&quot;);"><a href="http://www.robinsonsretailholdings.com.ph/retail/pet-lovers-center"><img src="https://uat.petloverscentre.com/Files/Templates/Designs/PLC//assets/images/flag_ph.gif" alt="flag image" title="Philippines"> Philippines</a></li> 3188 </ul> 3189 @*---- END Country Selection Hard Code ----*@ 3190 @*<span style="background:url(@sitepath/assets/images/flag_sg.gif) no-repeat;">Malaysia</span> 3191 <ul class="dropdown"> 3192 <li><a href="#"><img src="@sitepath/assets/images/flag_my.gif" alt="flag image" title="Malaysia"> Malaysia</a></li> 3193 <!--<li><a href="#"><img src="@sitepath/assets/images/flag_sg.gif" alt="flag image" title="Singapore"> Singapore</a></li>--> 3194 </ul>*@ 3195 </div> 3196 </div> 3197 <div class="store-link" id="noprint"><a href="Default.aspx?ID=@storelocation">Store Locations</a></div> 3198 <div class="dropdown-box" id="noprint"> 3199 <div class="wrapper-dropdown-3 dd2" tabindex="1"> 3200 <span>VIP Membership</span> 3201 <ul class="dropdown"> 3202 @GetValue("DwNavigation(vipcard)") 3203 </ul> 3204 </div> 3205 </div> 3206 </div> 3207 3208 </div> 3209 </div> 3210 3211 <div class="grid" id="noprint"> 3212 <div class="top-info" id="noprint"> 3213 3214 3215 @if (!string.IsNullOrWhiteSpace(GetString("Item.Area.Logo"))) 3216 { 3217 string logo=GetString("Item.Area.Logo"); 3218 string areaName = GetString("DwAreaName"); 3219 3220 <a href="@globalurl"> 3221 <div class="logo"> 3222 3223 <img src="@logo" alt="Logo" title="@areaName"> 3224 3225 </div> 3226 </a> 3227 } 3228 3229 3230 <div class="top-info-right" id="noprint"> 3231 <div class="top-info-content"> 3232 @if(!GetBoolean("Item.Area.Enable")){ 3233 <div class="top-cart-info" id="noprint"> 3234 <span class="borderLine">|<span> 3235 <img src="@sitepath/assets/images/shopping-cart.png"> 3236 <a class="dw-minicart" id="minipagecart-button"> 3237 <i class="fa fa-shopping-cart"></i> 3238 <span class="product-count mblProductCount"><span class="cart-no mblCartNo"> @productQty </span> 3239 <!--My Cart : @GetValue("Ecom:Order.OrderLines.TotalProductQuantity") <span class="amount">@GetValue("Ecom:Order.OrderLines.Total.PriceWithVAT")</span>--> 3240 </span></a> 3241 </span></span></div> 3242 if(Pageview.Device.ToString().ToUpper() == "MOBILE"){ 3243 <div class="mblLandScapeReorderDiv"> 3244 @if (!Dynamicweb.Core.Converter.ToBoolean(GetGlobalValue("Global:Extranet.UserName"))){ 3245 <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> 3246 }else{ 3247 <a href="/orders"><img src="@sitepath/assets/images/Reorder.png" style="width: 65px;float:right;" class="mblLandScapeReorder"></a> 3248 } 3249 <span class="borderLine mblborderLine">|<span> 3250 </span></span></div> 3251 }else if(Pageview.Device.ToString().ToUpper() == "TABLET"){ 3252 <div> 3253 @if (!Dynamicweb.Core.Converter.ToBoolean(GetGlobalValue("Global:Extranet.UserName"))){ 3254 <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> 3255 }else{ 3256 <a href="/orders"><img src="@sitepath/assets/images/Reorder.png" style="width: 70px;float:right;"></a> 3257 } 3258 <span class="borderLine" style="padding-top: 3.5px;">|<span> 3259 </span></span></div> 3260 }else{ 3261 <div> 3262 @if (!Dynamicweb.Core.Converter.ToBoolean(GetGlobalValue("Global:Extranet.UserName"))){ 3263 <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> 3264 }else{ 3265 <a href="/orders"><img src="@sitepath/assets/images/Reorder.png" style="width: 70px;float:right;"></a> 3266 } 3267 <span class="borderLine" style="padding-top: 3.5px;">|<span> 3268 </span></span></div> 3269 } 3270 3271 if(Pageview.Device.ToString().ToUpper() == "MOBILE"){ 3272 <!-- Remove Free Delivery Logo --> 3273 @*<span class="borderLine" style="padding-top: 3.5px;">|</span> 3274 <div> 3275 <img src="@sitepath/assets/images/Free_Delivery.png" style="width: 50px; padding-top: 9px; padding-right: 9px; float:right;" class=""> 3276 <!--<span style="font-weight: bold; font-size: 12px; float:right;">Above $80</span>--> 3277 </div>*@ 3278 } 3279 <div class="cart-info-box" style="display:none;"> 3280 <ul class="sub-menu" style="list-style:none;"> 3281 <li id="smallscreen-minicart"> 3282 @MiniCart() 3283 </li> 3284 </ul> 3285 </div> 3286 3287 <div class="top-sign hideLogin" id="noprint" style="width:auto;"> 3288 @if (!Dynamicweb.Core.Converter.ToBoolean(GetGlobalValue("Global:Extranet.UserName"))) 3289 { 3290 if(Pageview.Device.ToString().ToUpper() != "MOBILE") 3291 { 3292 <div class="ShowHideLogIn"> 3293 <a href="#" id="loginPopup" data-toggle="modal" data-target="#login">Log In</a> 3294 <text>|</text> 3295 <br class="showhide-br"> 3296 <a href="Default.aspx?ID=142">Register</a> 3297 </div> 3298 } 3299 else 3300 { 3301 <br class="showhide-br" style="display:block;"> 3302 <br class="showhide-br" style="display:block;"> 3303 } 3304 } 3305 @if (Dynamicweb.Core.Converter.ToBoolean(GetGlobalValue("Global:Extranet.UserName"))){ 3306 @*<a href="Default.aspx?ID=70"><strong>Hi @GetGlobalValue("Global:Extranet.Name")</strong></a> 3307 <br class="showhide-br"> 3308 <a href='/Admin/Public/ExtranetLogoff.aspx?ID=3' class="btnLogout">@Translate("Logout", "Logout")</a>*@ 3309 3310 <div class="user-menu"> 3311 3312 @if(Pageview.Device.ToString().ToUpper() != "MOBILE") { 3313 <a href="Default.aspx?ID=70"><strong>Hi @GetGlobalValue("Global:Extranet.FirstName")</strong></a> 3314 <div class="user-menu-dropdown"> 3315 <ul> 3316 <li style="border: none;"><a href='/view-profile'>@Translate("View Profile", "View Profile")</a></li> 3317 <li><a href='/edit-user-profile'>@Translate("Edit User Profile", "Edit User Profile")</a></li> 3318 <li><a href='/orders'>@Translate("Orders", "Orders")</a></li> 3319 <li><a href='javascript:void(0);SiteLogout()'>@Translate("Logout", "Logout")</a></li> 3320 </ul> 3321 </div> 3322 } 3323 <br class="showhide-br"> 3324 </div> 3325 3326 } 3327 @*<p style="margin-top: -11px;">@GetGlobalValue("Global:Extranet.SecondaryUser.UserID")</p>*@ 3328 @if (Dynamicweb.Core.Converter.ToBoolean(GetGlobalValue("Global:Extranet.UserName")) && GetLoop("DWExtranetSecondaryUsers").Count > 0) 3329 { 3330 3331 <div class="impersonation-panel" style="margin-bottom: -20px;"> 3332 @*Impersonation*@ 3333 @if (!string.IsNullOrWhiteSpace(GetGlobalValue("Global:Extranet.SecondaryUser.UserName"))) 3334 { 3335 <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")'> 3336 } 3337 <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;"> 3338 @if (!string.IsNullOrWhiteSpace(GetGlobalValue("Global:Extranet.SecondaryUser.UserName"))) 3339 { 3340 3341 string stopImpersonateTranslation = Translate("Stop impersonation", "Stop impersonation"); 3342 <i class="fa fa-user-secret"></i> 3343 <p>@Pageview.User.UserName<text>&nbsp;</text>@Translate("is impersonated by")<text>&nbsp;</text></p><p>@GetGlobalValue("Global:Extranet.SecondaryUser.UserName")</p> 3344 <form method="post"> 3345 <input type="submit" class="btn btn-default" name="DwExtranetRemoveSecondaryUser" value="@stopImpersonateTranslation" style="width: 139px !important;padding-top: 0px !important;background-color: #ad2c13 !important; "> 3346 </form> 3347 3348 } 3349 else 3350 { 3351 @*<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>*@ 3352 @*<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>*@ 3353 } 3354 </div> 3355 <div> 3356 @if (string.IsNullOrWhiteSpace(GetGlobalValue("Global:Extranet.SecondaryUser.UserName"))) 3357 { 3358 <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> 3359 } 3360 </div> 3361 </div> 3362 } 3363 <!--<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>--> 3364 3365 3366 </div> 3367 } 3368 3369 @if(Pageview.Device.ToString().ToUpper() != "MOBILE") 3370 { <!-- Remove Free Delivery Logo --> 3371 @*<span class="borderLine ShowHideLogIn hideLogin" style="padding-top: 3.5px;">|</span> 3372 <div class="top-sign" id="noprint" style="width:auto; padding-top: 5px;"> 3373 <div style="float:left;"><img src="@sitepath/assets/images/Free_Delivery.png" style="width: 60px;"></div> 3374 <!-- <div style="float:left; line-height: 47px;"><span style="font-weight: bold; padding-left: 5px;">Above $80</span></div>--> 3375 </div>*@ 3376 } 3377 3378 @*<div class="searchBox" style="float: none; width: 50%;margin-left: -2px !important; "> 3379 <div class="searchBox_innner"> 3380 <form method="get" id="searchForm" onsubmit="return tolower('#searchForm');" action="Default.aspx"> 3381 <input type="hidden" name="ID" value="159"> 3382 <div class="input-group" style="width: 60%;"> 3383 <input type="text" class="form-control" id="search" name="q" tabindex="1" placeholder="@searchplaceholder" style="width: 170%;"> 3384 <span class="input-group-btn"> 3385 <button name="submit" type="submit" id="submit"><i class="fa fa-search"></i></button> 3386 </span> 3387 </div> 3388 </form> 3389 </div> 3390 </div>*@ 3391 <style> 3392 .searchBox_innner { 3393 border-bottom: unset !important; 3394 margin: 2px 5% 8px 5% !important; 3395 } 3396 3397 .top-info-content { 3398 border-bottom: #d8d8d8 1px solid !important; 3399 } 3400 </style> 3401 @if(Pageview.Device.ToString().ToUpper() != "MOBILE") 3402 { 3403 <div class="searchBox" style="width: 47%; margin-left: 20px !important;float:left;border-radius: 25px;"> 3404 <div class="searchBox_innner"> 3405 <style> 3406 .my-search-icon, .my-search-icon:hover, .my-search-icon:focus { 3407 background-image: url(/files/images/plc/images/search-icon.svg); 3408 background-repeat: no-repeat; 3409 background-color: transparent; 3410 background-position: center; 3411 outline: none; 3412 } 3413 </style> 3414 <form method="get" id="searchForm" onsubmit="return tolower('#searchForm');" action="/Default.aspx"> 3415 <input type="hidden" name="ID" value="159"> 3416 <table style="width: 100%;"> 3417 <tr> 3418 <td style="width: 10%;"> 3419 <button type="submit" id="submitSearch" class="my-search-icon"> 3420 <i class="fa fa-search"></i> 3421 </button> 3422 </td> 3423 <td style="width: 90%;"> 3424 <input type="text" class="form-control" id="search" name="searchsuggest" tabindex="1" placeholder="@searchplaceholder" style="width: 100%;" autocomplete="off"> 3425 <ul class="searchSuggestUl" id="searchSuggest"></ul> 3426 </td> 3427 </tr> 3428 </table> 3429 </form> 3430 </div> 3431 </div> 3432 } 3433 @if(Pageview.Device.ToString().ToUpper() == "MOBILE") 3434 { 3435 <!-- MODALS --> 3436 <style> 3437 input[type=search] { 3438 width: 300px; 3439 box-sizing: border-box; 3440 border: 2px solid #ccc; 3441 border-radius: 4px; 3442 font-size: 16px; 3443 background-color: white; 3444 background-image: url(/files/images/plc/images/search-icon.svg); 3445 background-position: 6px 4px; 3446 background-repeat: no-repeat; 3447 padding: 12px 20px 12px 40px; 3448 -webkit-transition: width 0.4s ease-in-out; 3449 transition: width 0.4s ease-in-out; 3450 } 3451 </style> 3452 3453 3454 <script> 3455 function removeSearchDiv() 3456 { 3457 $('#search-mobile-a').click(); 3458 } 3459 3460 function clearSearchText(){ 3461 $('#search').val(''); 3462 return false; 3463 } 3464 </script> 3465 } 3466 </div> 3467 3468 <div style="" id="mainMenu" class="top-navi"> 3469 @{ 3470 var menuSelect = ""; 3471 switch (Pageview.Device.ToString().ToUpper()) 3472 { 3473 case "MOBILE" : 3474 @RenderNavigation(new{ 3475 startlevel = "1", 3476 endlevel = "4", 3477 template = "LiCleanBootstrapDropdown_for_Mobile.xslt", 3478 expandmode = "all" 3479 }) 3480 break; 3481 case "TABLET" : 3482 @RenderNavigation(new{ 3483 startlevel = "1", 3484 endlevel = "4", 3485 //template = "LiCleanBootstrapDropdown_for_Mobile.xslt", 3486 template = "LiCleanBootstrapDropdown_for_Tablet_New.xslt", 3487 //template = "LiCleanBootstrapDropdown.xslt", 3488 expandmode = "all" 3489 }) 3490 <script> 3491 $(document).ready(function(){ 3492 TabletNavigationMenuHandler(); 3493 $( window ).on( "orientationchange", function( event ) { 3494 if('@GetString("DWPageName")' == 'Shopping Cart') { 3495 //prevention order process crush, doesn't reload 3496 } else if('@GetInteger("DWPageID")' == '67') { 3497 //prevention order process crush, doesn't reload 3498 } else { 3499 location.reload(); 3500 } 3501 TabletNavigationMenuHandler(); 3502 }); 3503 3504 //prevention display:none when second time click on burger menu 3505 $('.showhide').click(function(){ 3506 if (window.matchMedia('(max-width: 768px)').matches) { 3507 $('.navigationSafri').find('.dropdown-column').attr('style','display: block'); 3508 $('.M2').find('.dropdown').attr('style','display: block'); 3509 $('.dropdown-column').attr('style','text-indent: -5px !important'); 3510 } else { 3511 //nothing doing for landscape view 3512 } 3513 }); 3514 }); 3515 function TabletNavigationMenuHandler(){ 3516 if (window.matchMedia('(max-width: 768px)').matches) { 3517 $('.showhide').find('.title').attr('style','display: block'); 3518 $('.showhide').find('.icon').attr('style','display: block'); 3519 $('.M1.dropdown-menu').attr('style','margin-top: 0px !important'); 3520 $('.dropdown-column').attr('style','text-indent: -5px !important'); 3521 } else { 3522 $('.showhide').click(); 3523 $('.showhide').find('.title').attr('style','display: none'); 3524 $('.showhide').find('.icon').attr('style','display: none'); 3525 $('.showhide').attr('style','display: none'); 3526 } 3527 } 3528 //----------------- BEGIN Tablet Menu Touch and Go ----------------- 3529 $('.m-col ul li a').on('click touchend', function(e) { 3530 var el = $(this); 3531 var link = el.attr('href'); 3532 3533 if(link.indexOf('/') != -1 && !window.matchMedia('(max-width: 768px)').matches) { 3534 window.location = link; 3535 } 3536 }); 3537 //----------------- End Tablet Menu Touch and Go ----------------- 3538 </script> 3539 break; 3540 default : 3541 @RenderNavigation(new{ 3542 startlevel = "1", 3543 endlevel = "4", 3544 template = "LiCleanBootstrapDropdown.xslt", 3545 expandmode = "all" 3546 }) 3547 @*<text>@GetValue("DwNavigation(jetmenutopnavigation)")</text>*@ 3548 break; 3549 } 3550 } 3551 </div> 3552 <div> 3553 @if(Pageview.Device.ToString().ToUpper() == "MOBILE") 3554 { 3555 <style> 3556 @@media (max-width: 375px) .btn-sale { 3557 position: inherit !important; 3558 top: auto !important; 3559 } 3560 @@media (max-width: 480px) .btn-sale { 3561 position: inherit !important; 3562 top: auto !important; 3563 } 3564 @@media (max-width: 600px) .btn-sale { 3565 position: inherit !important; 3566 top: auto !important; 3567 } 3568 @@media (max-width: 768px) .btn-sale { 3569 position: inherit !important; 3570 top: auto !important; 3571 } 3572 @@media screen and (max-width: 700px) and (min-width: 600px) and (max-height: 400px) { 3573 .search-mobile { 3574 padding-top: 20px; 3575 } 3576 3577 .btn-sale-mobile { 3578 padding-top: 20px; 3579 } 3580 } 3581 .search-mobile { 3582 float: right; 3583 } 3584 .search-mobile > a > img { 3585 width: 20px; 3586 } 3587 .btn-sale-mobile { 3588 float: right; 3589 } 3590 .btn-sale-mobile > a > img { 3591 width: 80px; 3592 margin-top: -6px; 3593 } 3594 </style> 3595 <div class="btn-sale-mobile"> 3596 <a href="Default.aspx?ID=@saleid&productclassic=true"> 3597 <img src="/Files/Templates/Designs/PLC/assets/images/btn_sale.png" alt="button image" title="Sale"> 3598 </a> 3599 </div> 3600 <div class="search-mobile"> 3601 <a href="#" id="search-mobile-a" data-toggle="modal" data-target="#searchMobile"> 3602 <img src="/Files/Templates/Designs/PLC/assets/images/icon_Search.svg" alt="Search" title="Search" style="margin-top: -3;"> 3603 </a> 3604 </div> 3605 } 3606 </div> 3607 @if(Pageview.Device.ToString().ToUpper() != "MOBILE") 3608 { 3609 <div class="btn-sale"> 3610 <a href="Default.aspx?ID=@saleid&productclassic=true"> 3611 <img src="/Files/Templates/Designs/PLC/assets/images/btn_sale.png" alt="button image" title="Sale"> 3612 </a> 3613 </div> 3614 } 3615 </div> 3616 </div> 3617 </div> 3618 </header> 3619 @if(Pageview.Device.ToString().ToUpper() == "MOBILE" ){ 3620 <div class="clearfix mbl_buttompadding"></div> 3621 } 3622 <div class="content-wrapper grid-full" id="mainpg"> 3623 <div onclick="topFunction()" id="myBtn" title="Go to top"></div> 3624 3625 <style> 3626 .content-wrapper { 3627 //top: 100px; 3628 //position: relative; 3629 } 3630 3631 @@media screen and (max-width: 700px) and (min-width: 350px) and (max-height: 700px) { 3632 .mblRemoveTop { 3633 top : 0px !important; 3634 } 3635 } 3636 @@media (max-width: 768px) { 3637 hr.hr3.hide-on-screen { 3638 display:none; 3639 } 3640 hr.breadcrumbBar { 3641 display:none; 3642 } 3643 } 3644 </style> 3645 <script> 3646 $(document).ready(function(){ 3647 $('.top').tipso({ 3648 position: 'top', 3649 background: '#000', 3650 useTitle: false, 3651 width: '', 3652 size: 'tiny', 3653 maxWidth: 250 3654 }); 3655 }); 3656 </script> 3657 @GetValue("Title(Full width page)") 3658 @GetValue("Description(Use this page for full width pages with no left navigation.)") 3659 @using System.Globalization 3660 @{ 3661 TextInfo textInfo = new CultureInfo("en-US",false).TextInfo; 3662 string siteurl = GetGlobalValue("Global:Request.Url").ToString(); 3663 var firstgroup =System.Web.HttpContext.Current.Request.Params["firstgroup"]; 3664 var secondgroup = System.Web.HttpContext.Current.Request.Params["secondgroup"]; 3665 var thirdgroup = System.Web.HttpContext.Current.Request.Params["thirdgroup"]; 3666 3667 var threegroups =false; 3668 var twogroups = false; 3669 var onegroup = false; 3670 3671 if (!string.IsNullOrWhiteSpace(firstgroup) && !string.IsNullOrWhiteSpace(secondgroup) && !string.IsNullOrWhiteSpace(thirdgroup)) 3672 { 3673 threegroups = true; 3674 } 3675 else if(!string.IsNullOrWhiteSpace(firstgroup) && !string.IsNullOrWhiteSpace(secondgroup)){ 3676 twogroups = true; 3677 } 3678 else{ 3679 onegroup = true; 3680 } 3681 var pageid = GetString("DwTopPageID"); 3682 } 3683 3684 <div class="content-wrapper grid-full"> 3685 <!--<div class="separate-banner" style="min-height:67px;"> 3686 <div class="dwcontent" id="advcontent" title="ADV area"></div> 3687 </div>--> 3688 3689 <div class="grid"> 3690 @if(GetBoolean("Item.Page.LayoutShowBreadcrumb")){ 3691 string greaterThan = "<li>></li>"; 3692 <hr class="hr3 hide-on-screen"> 3693 <div class="breadcrumb col-1-2" id="noprint"> 3694 <ul class="dw-breadcrumb" id="breadcrumb"> 3695 @if(!string.IsNullOrWhiteSpace(firstgroup)){ 3696 <li><a href="default.aspx?ID=@(pageid)&firstgroup=@firstgroup">@textInfo.ToTitleCase(firstgroup.Replace("-a-","&")) </a>@if(threegroups || twogroups){@greaterThan}</li> 3697 } 3698 @if(!string.IsNullOrWhiteSpace(secondgroup)){ 3699 <li><a href="default.aspx?ID=@(pageid)&firstgroup=@firstgroup&secondgroup=@secondgroup">@textInfo.ToTitleCase(secondgroup.Replace("-a-","&")) </a>@if(threegroups){@greaterThan}</li> 3700 } 3701 @if(!string.IsNullOrWhiteSpace(thirdgroup)){ 3702 <li><a href="default.aspx?ID=@(pageid)&firstgroup=@firstgroup&secondgroup=@secondgroup&thirdgroup=@thirdgroup">@textInfo.ToTitleCase(thirdgroup.Replace("-a-","&")) </a></li> 3703 } 3704 </ul> 3705 </div> 3706 3707 <!--<div class="inner-top-contact col-1-3" id="noprint"> 3708 <span class="bold">Need help?</span><br> 3709 <a href="#" onclick="showLiveChatBox();">Chat with us live</a> or call us at <span class="bold">@GetString("Item.Area.CallUs")</span> 3710 </div>--> 3711 3712 <hr class="breadcrumbBar"> 3713 } 3714 else{ 3715 <hr class="hr3 hide-on-screen"> 3716 <div class="col-2-3" id="noprint"> 3717 @*<h1 class="inner-title center">@GetGlobalValue("Global:Page.Top.Name")</h1>*@ 3718 </div> 3719 @*<div class="inner-top-contact col-1-3"> 3720 <span class="bold">Need help?</span><br> 3721 <a href="#">Chat with us live</a> or call us at <span class="bold">1800 738 3663</span> 3722 </div>*@ 3723 3724 <hr class="breadcrumbBar"> 3725 } 3726 @if(!GetBoolean("Item.Page.LayoutHideLeftMenu")) { 3727 <div class="col-md-3 col-sm-3 col-3-12"> 3728 <div class="widget"> 3729 <div class="sidenavi-title col-1-1"> 3730 @GetGlobalValue("Global:Page.Top.Name") 3731 </div> 3732 @GetValue("DwNavigation(leftnavigation)") 3733 </div> 3734 <p>&nbsp;</p> 3735 </div> 3736 } 3737 3738 @{ 3739 var attributeValue = "col-md-9 col-sm-12 col-xs-12"; 3740 3741 if(GetBoolean("Item.Page.LayoutHideLeftMenu")) { 3742 attributeValue = "grid"; 3743 } 3744 } 3745 3746 <div class="@attributeValue"> 3747 <div class="grid" id="maincontent">@GetValue("DwContent(maincontent)")</div> 3748 </div> 3749 3750 <div class="@attributeValue"> 3751 <div class="grid" id="relatedproducts">@GetValue("DwContent(relatedproducts)")</div> 3752 </div> 3753 3754 @*<div align="right" class="col-1-1"> 3755 <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> 3756 </div>*@ 3757 </div> 3758 </div> 3759 <script src="/Files/Templates/Designs/PLC/js/jquery.bxslider.js"></script> 3760 <script> 3761 $(document).ready(function(){ 3762 $('.bxslider-bestseller').bxSlider({ 3763 minSlides: 1, 3764 maxSlides: 5, 3765 slideWidth: 180, 3766 slideMargin: 25, 3767 auto: false 3768 }); 3769 3770 $('.bxslider-featuredbrand').bxSlider({ 3771 pause: 2500, 3772 minSlides: 3, 3773 maxSlides: 6, 3774 slideWidth: 167, 3775 slideMargin: 0 3776 }); 3777 }); 3778 $(document).ready(function(){ 3779 $(".category-title").click(function(){ 3780 $(".category-box").slideToggle(); 3781 $('.category-title').toggleClass('active'); 3782 },function(){ 3783 $(".category-box").slideToggle(); 3784 $('.category-title').toggleClass('active'); 3785 }) 3786 }); 3787 function showLiveChatBox() 3788 { 3789 $zopim(function() { 3790 $zopim.livechat.window.show(); 3791 }); 3792 } 3793 </script> 3794 </div> 3795 3796 <footer class="grid-full" id="noprint"> 3797 <div class="grid"> 3798 <div class="footer1"> 3799 <div class="col-1-2 tab-col-1-2 mobile-col-1-1"> 3800 <div class="col-1-2 tab-col-1-1 mobile-col-1-1"> 3801 <ul class="footer_list"> 3802 <li class="title">Brand Profile</li> 3803 @GetValue("DwNavigation(Brand)") 3804 </ul> 3805 3806 <br> 3807 3808 <ul class="footer_list"> 3809 <li class="title">Shopping</li> 3810 @GetValue("DwNavigation(Shopping)") 3811 </ul> 3812 </div> 3813 3814 <div class="col-1-2 tab-col-1-1 mobile-col-1-1"> 3815 @*<br class="only-small-screen" style="display:none;">*@ 3816 <ul class="footer_list"> 3817 <li class="title">Our Services</li> 3818 @GetValue("DwNavigation(Services)") 3819 </ul> 3820 </div> 3821 </div> 3822 3823 3824 <div class="col-1-2 tab-col-1-2 mobile-col-1-1"> 3825 <div class="col-1-2 tab-col-1-1 mobile-col-1-1"> 3826 <ul class="footer_list"> 3827 <li class="title">Members' Lounge</li> 3828 @GetValue("DwNavigation(Members)") 3829 </ul> 3830 <br> 3831 3832 <ul class="footer_list"> 3833 <li class="title">Policies</li> 3834 @GetValue("DwNavigation(Policies)") 3835 </ul> 3836 </div> 3837 3838 <div class="col-1-2 mobile-col-1-1"> 3839 @*<br class="only-small-screen" style="display:none;">*@ 3840 <ul class="footer_list"> 3841 <li class="title">Resources</li> 3842 @GetValue("DwNavigation(Resources)") 3843 </ul> 3844 3845 <br> 3846 3847 <ul class="footer_list"> 3848 @GetValue("DwNavigation(Locations)") 3849 </ul> 3850 3851 <br> 3852 3853 <ul class="footer_list"> 3854 <li class="title">Customer Care</li> 3855 @GetValue("DwNavigation(Care)") 3856 </ul> 3857 </div> 3858 </div> 3859 3860 </div> 3861 3862 3863 <div class="footer2"> 3864 <div class="col-1-2" style="display:none;"> 3865 <div id="likebox-wrapper"> 3866 @*@GetString("Item.Area.Facebook_Like_Box")*@ 3867 </div> 3868 </div> 3869 <div class="col-1-2" style="position:relative;"> 3870 @{ 3871 if(GetBoolean("Item.Area.News_Letter_")) 3872 { 3873 <div class="signup-box"> 3874 <h2>Subscribe to our eNewsletter!</h2> 3875 3876 <div class="signupBox"> 3877 <div class="signupBox_innner"> 3878 <form action="/Default.aspx?ID=157" method="post"> 3879 <input name="UserManagement_Form_Email" type="text" id="UserManagement_Form_Email" placeholder="Enter your email address"> 3880 <input name="submit" type="image" src="/Files/Templates/Designs/PLC/assets/images/icon_go.png" id="submit"> 3881 </form> 3882 </div> 3883 </div> 3884 </div> 3885 } 3886 } 3887 <div class="question-box"> 3888 <h2>@GetString("Item.Area.Question_Box_Label")</h2> 3889 @GetString("Item.Area.Question_Box_Description") 3890 </div> 3891 3892 <div class="social-box"> 3893 <p class="bold">Connect with us</p> 3894 <ul> 3895 @{ 3896 string FB=GetString("Item.Area.Facebook_Link"); 3897 string Youtube=GetString("Item.Area.YouTube_Link"); 3898 string twitter=GetString("Item.Area.Twitter_Link"); 3899 string instagram=GetString("Item.Area.Instagram_Link"); 3900 3901 } 3902 <li><a href="@FB" target="_blank"><img src="/Files/Templates/Designs/PLC/assets/images/icon_fb.png" alt="icon" title="Facebook"></a></li> 3903 <li><a href="@twitter" target="_blank"><img src="/Files/Templates/Designs/PLC/assets/images/icon_tw.png" alt="icon" title="Twitter"></a></li> 3904 <li><a href="@Youtube" target="_blank"><img src="/Files/Templates/Designs/PLC/assets/images/icon_yt.png" alt="icon" title="Youtube"></a></li> 3905 <li><a href="@instagram" target="_blank"><img src="/Files/Templates/Designs/PLC/assets/images/ig_icon.png" alt="icon" title="Instagram"></a></li> 3906 </ul> 3907 </div> 3908 3909 <!--<div class="chat-box"><a href="#"><img src="assets/images/btn_chat.png" alt="" title=""></a></div>--> 3910 3911 </div> 3912 <div class="col-1-2" style="padding:10px 20px 20px 20px;"> 3913 3914 <p>This site is best viewed in Chrome v.66, Safari v.11, Microsoft Edge v.42 and above for desktop & mobile. This site is not yet fully compatible with tablet devices.</p> 3915 3916 </div> 3917 </div> 3918 </div> 3919 3920 3921 3922 <div class="grid-full footer-bottom"> 3923 <div class="grid"> 3924 <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> 3925 <p class="footer-bottom2">@GetString("Item.Area.Footer")</p> 3926 3927 </div> 3928 </div> 3929 3930 </footer> 3931 3932 @if (Dynamicweb.Core.Converter.ToBoolean(GetGlobalValue("Global:Extranet.UserName"))) 3933 { 3934 int i=Convert.ToInt32(GetGlobalValue("Global:Extranet.UserID")); 3935 DateTime today=DateTime.Now; 3936 DateTime expDate = new DateTime(); 3937 DateTime dobDate = new DateTime(); 3938 var VIPCard=""; 3939 3940 Dynamicweb.Security.UserManagement.User u = Dynamicweb.Security.UserManagement.User.GetUserByID(i); 3941 3942 foreach (CustomFieldValue val in u.CustomFieldValues) 3943 { 3944 CustomField field = val.CustomField; 3945 string fieldName=field.Name; 3946 if(fieldName=="DOB") 3947 { 3948 dobDate=(DateTime)val.Value; 3949 } 3950 if(fieldName=="ExpryDate") 3951 { 3952 expDate=(DateTime)val.Value; 3953 } 3954 if(fieldName=="VIP Card No") 3955 { 3956 VIPCard=(string)val.Value; 3957 } 3958 } 3959 if( !string.IsNullOrWhiteSpace(VIPCard)) 3960 { 3961 if(expDate.Date.AddYears(-1) < today.Date) 3962 { 3963 <text> 3964 <style> 3965 a:hover{ 3966 border-bottom: unset !Important; 3967 } 3968 </style> 3969 <script type="text/javascript"> 3970 $(document).ready(function(){ 3971 var alerted = getCookie("IsVIPExpire"); 3972 console.log(alerted); 3973 if (alerted == 'true'){ 3974 expiredVIP(); 3975 document.cookie = "IsVIPExpire=IsShown; expires=Sat, 31 Dec 2050 12:00:00 UTC; path=/;"; 3976 } 3977 }) 3978 3979 3980 function expiredVIP() 3981 { 3982 var mobileDevice2 = '@Pageview.Device.ToString().ToUpper()'; 3983 console.log(mobileDevice2); 3984 if(mobileDevice2 == "MOBILE") 3985 { 3986 var customCSS = '<style>'; 3987 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;}'; 3988 customCSS += '.ui-icon{ margin-top: .3em !important; float: right !important;} .ui-dialog-titlebar-close{ border: none !important; }'; 3989 customCSS += '.ui-dialog-titlebar.ui-widget-header.ui-corner-all.ui-helper-clearfix{ border: none; background: no-repeat; }'; 3990 customCSS += '.ui-widget-content{ border: none; }'; 3991 customCSS += '</style>'; 3992 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>'; 3993 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>'; 3994 messageBody += '<div style=" font-size: 18px; text-align: center; color: #ec1d23; font-weight: 700;">You VIP membership has expired</div>'; 3995 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>'; 3996 //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="javascript:void(0);ClearPopup();">Renew VIP membership</a></div>'; 3997 messageBody += '<a style="padding: 10px 20px 10px 20px; border-radius: 20px; font-size: 18px;"></div>'; 3998 var htmlMessgarPara = '<div class="popup" style="text-align: center; margin-top: -15px;padding-left:5px;">' + customCSS + messageBody + '</div>' 3999 }else{ 4000 var customCSS = '<style>'; 4001 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;}'; 4002 customCSS += '.ui-icon{ margin-top: .3em !important; float: right !important;} .ui-dialog-titlebar-close{ border: none !important; }'; 4003 customCSS += '.ui-dialog-titlebar.ui-widget-header.ui-corner-all.ui-helper-clearfix{ border: none; background: no-repeat; }'; 4004 customCSS += '.ui-widget-content{ border: none; }'; 4005 customCSS += '</style>'; 4006 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>'; 4007 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>'; 4008 messageBody += '<div style=" font-size: 18px; text-align: center; color: #ec1d23; font-weight: 700;">You VIP membership has expired</div>'; 4009 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>'; 4010 //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="javascript:void(0);ClearPopup();">Renew VIP membership</a></div>'; 4011 messageBody += '<a style="padding: 10px 20px 10px 20px; border-radius: 20px; font-size: 18px;"></div>'; 4012 var htmlMessgarPara = '<div class="popup" style="text-align: center; margin-top: -15px;padding-left:5px;">' + customCSS + messageBody + '</div>' 4013 } 4014 document.cookie = "IsVIPExpire=False; expires=Sat, 31 Dec 2050 12:00:00 UTC; path=/;"; 4015 ShowVIPExpiredMessage(htmlMessgarPara); 4016 } 4017 4018 function CloseFunction(){ 4019 $('.ui-dialog-buttonset').find("button").click(); 4020 } 4021 4022 function ClearPopup() 4023 { 4024 CloseFunction(); 4025 window.location.href = "https://vip.petloverscentre.com/en_SG/renew-card"; 4026 } 4027 4028 function ShowVIPExpiredMessage(messgarPara) { 4029 var NewDialog; 4030 NewDialog = $('<div class="popup" title="Message" style="text-align:center; padding-top:2em;">' + messgarPara + '</div>'); 4031 NewDialog.dialog({ 4032 resizable: false, 4033 modal: true, 4034 open: function(event, ui) { 4035 $(".ui-dialog-titlebar-close").hide(); 4036 }, 4037 show: 'clip', 4038 buttons: { 4039 "Ok": function() { 4040 //$(this).dialog("close"); 4041 $(this).dialog('destroy').remove(); 4042 } 4043 } 4044 }); 4045 } 4046 </script> 4047 </text> 4048 } 4049 } 4050 } 4051 4052 4053 <script src="/Files/Templates/Designs/PLC/js/dropdown.js" type="text/javascript"></script> 4054 <script type="text/javascript"> 4055 $(function() { 4056 var dd1 = new DropDown1( $('.dd1') ); 4057 var dd2 = new DropDown2( $('.dd2') ); 4058 $(document).click(function() { 4059 $('.wrapper-dropdown-3').removeClass('active'); 4060 }); 4061 4062 }); 4063 </script> 4064 4065 4066 4067 4068 4069 <!--<script> 4070 (function($){ 4071 $(window).load(function(){ 4072 $(".cart-content").mCustomScrollbar({ 4073 theme:"dark-thick" 4074 }); 4075 }); 4076 })(jQuery); 4077 </script>--> 4078 4079 4080 <!--<script> 4081 $('.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(); 4082 4083 scrollIntervalID = setInterval(stickIt, 10); 4084 4085 function stickIt() { 4086 4087 var orgElementPos = $('.original').offset(); 4088 orgElementTop = orgElementPos.top; 4089 4090 if ($(window).scrollTop() >= (orgElementTop)) { 4091 // scrolled past the original position; now only show the cloned, sticky element. 4092 4093 // Cloned element should always have same left position and width as original element. 4094 orgElement = $('.original'); 4095 coordsOrgElement = orgElement.offset(); 4096 leftOrgElement = coordsOrgElement.left; 4097 widthOrgElement = orgElement.css('width'); 4098 $('.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(); 4099 $('.cloned .jetmenu').css('padding-left',leftOrgElement+'px'); 4100 $('.original').css('visibility','hidden'); 4101 } else { 4102 // not scrolled past the menu; only show the original menu. 4103 $('.cloned').hide(); 4104 $('.original').css('visibility','visible'); 4105 } 4106 } 4107 </script> --> 4108 4109 4110 4111 <script type="text/javascript"> 4112 function queryStringLinks(){ 4113 var mainLinks = document.getElementsByName("main"); 4114 for(var i = 0;i< mainLinks.length; i++){ 4115 if(mainLinks[i].innerHTML == "Brand" || mainLinks[i].innerHTML == "Burb" || mainLinks[i].innerHTML == "applpaws" ){} 4116 else if( mainLinks[i].innerHTML =="Home"){mainLinks[i].href="@globalurl";} 4117 else if(mainLinks[i].innerHTML != "Fish"){ 4118 mainLinks[i].href += "?firstgroup="+(mainLinks[i].innerHTML.substring(0,mainLinks[i].innerHTML.length -1).toLowerCase()); 4119 } 4120 else{ 4121 mainLinks[i].href += "?firstgroup="+(mainLinks[i].innerHTML).toLowerCase(); 4122 } 4123 } 4124 var mainmenu = document.getElementsByName("mainmenu"); 4125 for(var i = 0;i< mainmenu.length; i++){ 4126 var firstLinks = mainmenu[i].querySelectorAll('[name=first]'); 4127 var thirdMenu = mainmenu[i].querySelectorAll('[name=Third]'); 4128 var secondLinks = mainmenu[i].querySelectorAll('[name=second]'); 4129 var nothirdLinks = 0; 4130 if(mainmenu[i].getAttribute("id") == "Small Pets"){ 4131 mainmenu[i].setAttribute("id","SmallPets"); 4132 } 4133 var firstLinkHTML = ""; 4134 var mainLinks = document.getElementsByName("main"); 4135 4136 for(var k = 0;k<firstLinks.length; k++){ 4137 if(k==0){ 4138 if(firstLinks[k].innerHTML !="Fish"){ 4139 if(firstLinks[k].innerHTML !="Brand"){ 4140 firstLinkHTML = firstLinks[k].innerHTML.substring(0,firstLinks[k].innerHTML.length -1); 4141 firstLinks[k].href += "?firstgroup="+(firstLinkHTML).toLowerCase(); 4142 } 4143 else{ 4144 firstLinks[k].href += "/"+(firstLinkHTML).toLowerCase(); 4145 } 4146 4147 } 4148 else{ 4149 firstLinkHTML = firstLinks[k].innerHTML; 4150 firstLinks[k].href += "?firstgroup="+(firstLinkHTML).toLowerCase(); 4151 } 4152 } 4153 else{ 4154 firstLinks[k].href += "/"+(firstLinkHTML).toLowerCase(); 4155 } 4156 } 4157 4158 4159 for(var j=0;j<secondLinks.length;j++){ 4160 if(firstLinks[0].href.indexOf("brand")>-1){ 4161 4162 } 4163 else{ 4164 secondLinks[j].href = firstLinks[0].href+"&secondgroup="+(secondLinks[j].innerHTML.replace("&amp;","-a-")).toLowerCase(); 4165 } 4166 } 4167 4168 4169 for(var j=0;j<secondLinks.length;j++){ 4170 if(secondLinks[j].parentNode.getElementsByTagName('ul').length ==0){ 4171 nothirdLinks++; 4172 } 4173 if(thirdMenu[j]!=null){ 4174 var thirdLinks = thirdMenu[j].querySelectorAll("a"); 4175 for(var l=0;l<thirdLinks.length;l++){ 4176 4177 thirdLinks[l].href = secondLinks[j+nothirdLinks].href+"&thirdgroup="+(thirdLinks[l].innerHTML.replace("&amp;","-a-")).toLowerCase(); 4178 4179 } 4180 } 4181 } 4182 4183 4184 4185 } 4186 } 4187 4188 $(document).ready(function() { 4189 $('#tableData').paging({limit:50}); 4190 //queryStringLinks(); 4191 }); 4192 $(document).ready(function(){ 4193 $(".dropdown").hover( 4194 function() { $('.dropdown-menu', this).fadeIn("fast"); 4195 }, 4196 function() { $('.dropdown-menu', this).fadeOut("fast"); 4197 }); 4198 }); 4199 4200 function RefreshImage(valImageId) { 4201 var objImage = document.images[valImageId]; 4202 if (objImage == undefined) { return; } 4203 var now = new Date(); objImage.src = objImage.src.split('?')[0] + '?x=' + now.toUTCString(); } 4204 $(document).ready(function(){ $("#btnSubmit").click( 4205 function() { 4206 // alert($("#captchacode").val()) 4207 $.getJSON("/inc/captcha.asp?validateCaptchaCode=" + $("#captchacode").val() + "&format=json&jsoncallback=?", function(data) { 4208 if (data.status == "1") { $("#moreinfo-form").submit(); result = true; } 4209 else { if (data.session == "0") RefreshImage("imgCaptcha"); 4210 alert("Enter captcha code correctly please"); 4211 $("#captchacode").focus(); result = false; } 4212 }); 4213 }); 4214 }); 4215 </script> 4216 <!--------------------------------------------------------------Search ---------------------------------------------------------------> 4217 <script> 4218 function tolower(id){ 4219 document.getElementById('search').value=(document.getElementById('search').value).toLowerCase(); 4220 } 4221 </script> 4222 <!----------------------------------------------------------------------Search End------------------------------------------------------------> 4223 <style> 4224 #AddtoItem { 4225 position: fixed; 4226 top: 0%; 4227 width: 260px; 4228 background: #fff; 4229 height: 420px; 4230 -webkit-box-shadow: 1px 1px 6px 0px rgba(50, 50, 50, 0.75); 4231 -moz-box-shadow: 1px 1px 6px 0px rgba(50, 50, 50, 0.75); 4232 box-shadow: 1px 1px 6px 0px rgba(50, 50, 50, 0.75); 4233 overflow-y: hidden; 4234 overflow-x: hidden; 4235 margin: 10px; 4236 right: 20px; 4237 font-weight: 700; 4238 } 4239 4240 #AddtoItem .modal-backdrop.in { 4241 opacity: 0; 4242 } 4243 4244 img#show { 4245 border: 1px solid #bbb; 4246 width: 100px; 4247 height: auto; 4248 margin: 0px auto; 4249 display: block; 4250 } 4251 4252 #AddtoItem h4 { 4253 margin: 10px; 4254 } 4255 4256 #AddtoItem hr { 4257 width: 90%; 4258 display: block; 4259 margin: 0px auto; 4260 } 4261 4262 #showbox .op { 4263 color: #c8c8c8; 4264 text-decoration: line-through; 4265 float: left; 4266 } 4267 4268 #showbox .np { 4269 float: right; 4270 } 4271 4272 #showbox .save-price { 4273 width: 100%; 4274 font-size: 12px; 4275 float: left; 4276 margin: 0; 4277 } 4278 .M2 > li > a { 4279 margin-left: 0px !important; 4280 } 4281 </style> 4282 4283 <div class="modal fade" id="AddtoItem"> 4284 <h3 style="text-align: center;">Added to Cart</h3> 4285 <table id="showbox"> 4286 </table> 4287 </div><!-- /.modal --> 4288 4289 <div id="clientLoginForm" style="display:none;padding: 0px 5px;"> 4290 <h3>Login to demo site</h3> 4291 <p><label>Password:</label>&nbsp;&nbsp;<input type="text" name="clientLoginPassword" id="clientLoginPassword" style="width:90%;"></p> 4292 <input type="button" onclick="checkPassword()" value="Login"><br> <br> 4293 </div> 4294 4295 <div id="addingToCart" style="display:none; background: none;"> 4296 <h3><img src="/Files/Templates/Designs/PLC/fancybox/fancybox_loading.gif"></h3> 4297 </div> 4298 4299 @RenderSnippet("CustomScriptSnippet") 4300 4301 @if (Dynamicweb.Core.Converter.ToBoolean(GetGlobalValue("Global:Extranet.UserName")) || !Dynamicweb.Core.Converter.ToBoolean(GetGlobalValue("Global:Extranet.UserName"))) 4302 { 4303 <!--Start of Zopim Live Chat Script--> 4304 4305 <script type="text/javascript"> 4306 4307 window.$zopim||(function(d,s){var z=$zopim=function(c){z._.push(c)},$=z.s= 4308 d.createElement(s),e=d.getElementsByTagName(s)[0];z.set=function(o){z.set. 4309 _.push(o)};z._=[];z.set._=[];$.async=!0;$.setAttribute("charset","utf-8"); 4310 $.src="//v2.zopim.com/?2IGUlip9pCiqtmLFJm7euVrlIr1wF3OM";z.t=+new Date;$. 4311 type="text/javascript";e.parentNode.insertBefore($,e)})(document,"script"); 4312 $zopim(function() { 4313 $zopim.livechat.departments.filter('Customer Service (MY)','Pet Care Consultant (MY)'); 4314 }); 4315 4316 </script> 4317 4318 <!--End of Zopim Live Chat Script--> 4319 <script> 4320 $zopim(function() { 4321 $zopim.livechat.badge.hide(); 4322 }); 4323 </script> 4324 4325 } 4326 4327 </body> 4328 </html> 4329 <script> 4330 $(".sidenavi-title").click(function(){ 4331 //$(".sidenavi").slideToggle(); 4332 $('.sidenavi-title').toggleClass('active'); 4333 },function(){ 4334 //$(".sidenavi").slideToggle(); 4335 $('.sidenavi-title').toggleClass('active'); 4336 }) 4337 @if(Pageview.Device.ToString().ToUpper() == "MOBILE" || Pageview.Device.ToString().ToUpper() == "TABLET") 4338 { 4339 <text> 4340 $(document).ready(function(){ 4341 $(".category-title").click(); 4342 }) 4343 </text> 4344 } 4345 4346 @if(Pageview.Device.ToString().ToUpper() == "MOBILE") 4347 { 4348 <text> 4349 $(document).ready(function(){ 4350 $(".sidenavi-title").click(); 4351 $(".category-title").addClass('active'); 4352 $("#FacetFilters").hide(); 4353 4354 $(".category-title").click(function(){ 4355 if ($("#FacetFilters").css('display') == 'none') { 4356 $(".category-title").attr('style','margin-bottom: 0px'); 4357 $(".category-title").removeClass('active'); 4358 $("#FacetFilters").show(); 4359 } else { 4360 $(".category-title").attr('style','margin-bottom: 50px'); 4361 $(".category-title").addClass('active'); 4362 $("#FacetFilters").hide(); 4363 } 4364 }) 4365 }) 4366 </text> 4367 } 4368 4369 var baseUrl = "@HttpContext.Current.Request.Url.GetLeftPart(UriPartial.Authority)" + "/utilities/json-search-suggest?q="; 4370 baseUrl = "@HttpContext.Current.Request.Url.GetLeftPart(UriPartial.Authority)" + "/utilities/json-search-suggest?searchsuggest="; 4371 $(document).ready(function(){ 4372 $('#search').keyup(function(e){ 4373 if (e.keyCode == 27) { 4374 $('#search').val(''); 4375 } 4376 }); 4377 4378 //start loading icon when enter 4379 $("#search").on('submit', function (e) { 4380 if (e.keyCode == 13 ) { 4381 //$.blockUI({message : $('#SearchLoading'), css: { border: 'none', background: 'none'}});//comment by AKS Aug-6-2019 4382 setTimeout(function(){ $('#submitSearch').click(); }, 3000); 4383 } 4384 }); 4385 //end 4386 4387 $('#search').keyup(function(){ 4388 var body = $('body'); 4389 4390 if($('#search').val().length <= 0 ) 4391 { 4392 body.removeClass('noscroll'); 4393 $('#searchSuggest').html(''); 4394 $('#searchSuggest').hide(); 4395 } 4396 if($('#search').val().length >= 1) 4397 { 4398 var url = baseUrl + $('#search').val().toLowerCase(); 4399 $.ajax({ 4400 url: url, 4401 dataType: "json", 4402 type: 'GET', 4403 success: function(data){ 4404 var productArr = []; 4405 var autoSuggest = '<li class="searchSuggestLi">' + 'No Product found' + '</li>' 4406 if(data.length > 0) { 4407 productArr = data; 4408 autoSuggest = ""; 4409 for(var i = 0; i < productArr.length; i++ ) 4410 { 4411 autoSuggest += '<li class="searchSuggestLi" name="' + productArr[i].Name + '" onclick="searchSuggestData(this.id);" id="' + productArr[i].ID + '">' + productArr[i].Brand + ": " + productArr[i].Name + '</li>'; 4412 } 4413 } 4414 body.addClass('noscroll'); 4415 $('#searchSuggest').html(''); 4416 $('#searchSuggest').append(autoSuggest); 4417 $('#searchSuggest').show(); 4418 }, 4419 error: function(jqXHR, textStatus, errorThrown) { 4420 console.log(textStatus + ': ' + errorThrown); 4421 }, 4422 cache: true 4423 }); 4424 } 4425 }); 4426 }); 4427 4428 function searchSuggestData(selectSuggest) 4429 { 4430 //$.blockUI({message : $('#SearchLoading'), css: { border: 'none', background: 'none'}});//comment by AKS Aug-6-2019 4431 selectSuggest = selectSuggest.replace('&amp;','&'); 4432 //console.log(selectSuggest); 4433 $('#search').val(''); 4434 $('#search').val(selectSuggest); 4435 $('#search').focus(); 4436 setTimeout(function(){ $('#submitSearch').click(); }, 500); 4437 4438 } 4439 4440 $(document).click(function(){ 4441 @* --------- solve for menu item disappear in second time Begin ----------*@ 4442 @if(Pageview.Device.ToString().ToUpper() == "MOBILE") 4443 { 4444 <text> 4445 $("#mainMenu").find(".M1").find(".dropdown").each(function(){ 4446 $(this).css('display', 'block'); 4447 }); 4448 </text> 4449 } 4450 @* --------- solve for menu item disappear in second time End ----------*@ 4451 4452 setTimeout(function(){ 4453 $('#searchSuggest').hide(); 4454 },500); 4455 }); 4456 4457 $(document).scroll(function(){ 4458 $('#searchSuggest').hide(); 4459 }); 4460 4461 //----------------- UI Block functions Begin --------------------- 4462 $(document).ready(function(){ 4463 var UI_Unblock = getCookie("UI_Unblock"); 4464 if(UI_Unblock == "True") { 4465 //$.unblockUI(); 4466 } else { 4467 // This is block for go live. 4468 $.blockUI({message : $('#clientLoginForm')}); 4469 } 4470 4471 var firstTimeVisiting = getCookie("First_Time_Visiting"); 4472 if(firstTimeVisiting == "False") { 4473 //$.unblockUI(); 4474 } else { 4475 showTitle = true; 4476 showTitleCloseBtn = true; 4477 showButton = false; 4478 okReload = false; 4479 var mobileDevice2 = '@Pageview.Device.ToString().ToUpper()'; 4480 if(mobileDevice2 =="TABLET") { 4481 var customCSS = '<style>'; 4482 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;}'; 4483 customCSS += '.ui-icon{ margin-top: .3em !important; float: right !important;} .ui-dialog-titlebar-close{ border: none !important; }'; 4484 customCSS += '.ui-dialog-titlebar.ui-widget-header.ui-corner-all.ui-helper-clearfix{ border: none; background: no-repeat; }'; 4485 customCSS += '.ui-widget-content{ border: none; }'; 4486 customCSS += '.ui-dialog .ui-dialog-content{ overflow: unset; }'; 4487 customCSS += '</style>'; 4488 var messageBody = '<p style="font-weight: bold; font-size:18px;">New to our Site?</p>'; 4489 messageBody += '<p style=" font-size:18px; text-align: center; color:#BB3618;">Register an online account and enjoy RM15 OFF your 1<sup>st</sup> purchase with a min RM240 spend.</p>'; 4490 messageBody += '<style>th{ padding-right:0.25em; vertical-align:top;border:1px solid #E2E1E9;border-width:0 1px;} </style>'; 4491 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="/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>'; 4492 messageBody +='<th style="width:50%"><a href="/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>'; 4493 messageBody +='<th style="width:50%"> <a href="/" 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>'; 4494 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>'; 4495 var htmlMessgarPara = '<div class="popup" style="text-align: center; margin-top: -15px;padding-left:5px;">' + customCSS + messageBody + '</div>' 4496 ShowMessageGlobalDialog(htmlMessgarPara, showTitle, showTitleCloseBtn, showButton, okReload); 4497 document.cookie = "First_Time_Visiting=False; expires=Sat, 31 Dec 2050 12:00:00 UTC; path=/;"; 4498 } else { 4499 var mobileDevice1 = '@Pageview.Device.ToString().ToUpper()'; 4500 if(mobileDevice1 == 'MOBILE') { 4501 //$.blockUI({message : $('#clientLoginForm')}); 4502 var customCSS = '<style>'; 4503 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;}'; 4504 customCSS += '.ui-icon{ margin-top: .3em !important; float: right !important;} .ui-dialog-titlebar-close{ border: none !important; }'; 4505 customCSS += '.ui-dialog-titlebar.ui-widget-header.ui-corner-all.ui-helper-clearfix{ border: none; background: no-repeat; }'; 4506 customCSS += '.ui-widget-content{ border: none; }'; 4507 customCSS += '.ui-dialog .ui-dialog-content{ overflow: unset; }'; 4508 customCSS += '</style>'; 4509 var messageBody = '<p style="font-weight: bold; font-size:18px;">New to our Site?</p>'; 4510 messageBody += '<p style=" font-size:18px; text-align: center;color:#BB3618;width:90%;margin:15px;">Register an online account and enjoy RM15 OFF your 1<sup>st</sup> purchase with a min RM240 spend.</p>'; 4511 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>'; 4512 messageBody +='<tr><a href="/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;">'; 4513 messageBody +='<tr><h3 align="center" style="color: #BB3618;">Non VIP Members</h3></tr>'; 4514 messageBody +='<tr><a href="/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>'; 4515 messageBody +='<tr><a href="/" 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>'; 4516 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>'; 4517 var htmlMessgarPara = '<div class="popup" style="text-align: center; margin-top: -15px;padding-left:5px;">' + customCSS + messageBody + '</div>' 4518 ShowMessageGlobalDialog(htmlMessgarPara, showTitle, showTitleCloseBtn, showButton, okReload); 4519 document.cookie = "First_Time_Visiting=False; expires=Sat, 31 Dec 2050 12:00:00 UTC; path=/;"; 4520 } else { 4521 var customCSS = '<style>'; 4522 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;}'; 4523 customCSS += '.ui-icon{ margin-top: .3em !important; float: right !important;} .ui-dialog-titlebar-close{ border: none !important; }'; 4524 customCSS += '.ui-dialog-titlebar.ui-widget-header.ui-corner-all.ui-helper-clearfix{ border: none; background: no-repeat; }'; 4525 customCSS += '.ui-widget-content{ border: none; }'; 4526 customCSS += '.ui-dialog .ui-dialog-content{ overflow: unset; }'; 4527 customCSS += '</style>'; 4528 var messageBody = '<p style="font-weight: bold; font-size:18px;">New to our Site?</p>'; 4529 messageBody += '<p style=" font-size:18px; text-align: center; color:#BB3618;">Register an online account and enjoy RM15 OFF your 1<sup>st</sup> purchase with a min RM240 spend.</p>'; 4530 messageBody += '<style>th{ padding-right:0.25em; vertical-align:top;border:1px solid #E2E1E9;border-width:0 1px;} </style>'; 4531 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="/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>'; 4532 messageBody +='<th style="width:50%"><a href="/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>'; 4533 messageBody +='<th style="width:50%"> <a href="/" 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>'; 4534 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>'; 4535 var htmlMessgarPara = '<div class="popup" style="text-align: center; margin-top: -15px;padding-left:5px;">' + customCSS + messageBody + '</div>' 4536 ShowMessageGlobalDialog(htmlMessgarPara, showTitle, showTitleCloseBtn, showButton, okReload); 4537 document.cookie = "First_Time_Visiting=False; expires=Sat, 31 Dec 2050 12:00:00 UTC; path=/;"; 4538 } 4539 } 4540 } 4541 }); 4542 function checkPassword() 4543 { 4544 console.log("here password"); 4545 $.blockUI(); 4546 var uiLoginResult = ""; 4547 $.ajax({ 4548 url: '@myPlcUrl' + '/utilities/json-ui-login?pwd=' + $('#clientLoginPassword').val(), 4549 type: 'GET', 4550 success: function(data){ 4551 console.log(data); 4552 uiLoginResult = data.result == "True"; 4553 console.log(uiLoginResult); 4554 if(uiLoginResult) { 4555 document.cookie = "UI_Unblock=True; expires=Tue, 31 Dec 2020 12:00:00 UTC"; 4556 $.unblockUI(); 4557 } else { 4558 document.cookie = "UI_Unblock=False; expires=Mon, 31 Dec 2018 12:00:00 UTC"; 4559 $.blockUI({message : $('#clientLoginForm')}); 4560 } 4561 }, 4562 error: function(jqXHR, textStatus, errorThrown) { 4563 console.log(textStatus + ': ' + errorThrown); 4564 $.blockUI({message : $('#clientLoginForm')}); 4565 }, 4566 cache: true 4567 }); 4568 } 4569 4570 4571 //----------------- UI Block functions End --------------------- 4572 4573 //----------------- Ajax Add To Cart functions Begin --------------------- 4574 function AjaxAddToCart(parameter, requestProductID) { 4575 $.blockUI({message : $('#addingToCart'), css: { border: 'none', background: 'none'}}); 4576 $.ajax({ 4577 url: websiteUrl + parameter + $("#quantityInput_" + requestProductID).val(), 4578 type: 'GET', 4579 success: function(data){ 4580 $("#AddtoItem").modal('hide'); 4581 $.unblockUI(); 4582 $('#minipagecart-button').html(''); 4583 $('#minipagecart-button').html($(data).find("#minipagecart-button").html()); 4584 $('#smallscreen-minicart').find('.dropdown-cart').find('.dropdown-cart').html(''); 4585 $('#smallscreen-minicart').find('.dropdown-cart').html($(data).find("#smallscreen-minicart").find('.dropdown-cart').html()); 4586 }, 4587 error: function(jqXHR, textStatus, errorThrown) { 4588 $.unblockUI(); 4589 }, 4590 cache: true 4591 }); 4592 } 4593 4594 4595 //----------------- Add To Cart PopUp functions Begin --------------------- 4596 function showaddedItem(url, id, pBrand, pName, pPrice, currencySymbol, requestQty, visible) { 4597 $.ajax({ 4598 url: websiteUrl + "/Default.aspx?ID=3306&ProductID=" + id, 4599 dataType: "json", 4600 type: "GET", 4601 success: function(data){ 4602 //console.log(data["isInCartQtyProduct"]); 4603 if(data["isInCartQtyProduct"] == "True") { 4604 requestQty = parseInt(data["inCartQty"]) + parseInt(requestQty); 4605 id = data["productID"]; 4606 pBrand = data["productBrand"]; 4607 pName = data["productName"]; 4608 pPrice = data["unitPriceWithVAT"]; 4609 currencySymbol = data["currencySymbol"]; 4610 } 4611 4612 var totalPrice = (parseFloat(pPrice) * parseFloat(requestQty)).toFixed(2); 4613 var toAppendData = ""; 4614 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>'; 4615 toAppendData += '<tr><td width="250px" style="padding:20px;" colspan="2">'; 4616 toAppendData += '<div class="pid" hidden>' + id + '</div>'; 4617 toAppendData += '<div class="pbrand">' + pBrand + '</div>'; 4618 toAppendData += '<div class="pname">' + pName + '</div>'; 4619 toAppendData += '<div class="qty">QTY: ' + requestQty + '<span class="count"></span></div>'; 4620 toAppendData += '<div class="price">' + currencySymbol + pPrice + '</div>'; 4621 toAppendData += '</td></tr><tr><td colspan="2"><hr /></td></tr><tr>'; 4622 toAppendData += '<td><p style="padding:10px 30px 10px 30px;">Cart Total: ' + currencySymbol + totalPrice + '</p></td>'; 4623 toAppendData += '<td><p class="Itotalprice" style="padding:10px;"></p></td>'; 4624 toAppendData += '</tr>'; 4625 $("#showbox").html(""); 4626 $("#showbox").append(toAppendData); 4627 4628 $("#AddtoItem").modal('show'); 4629 setTimeout(function(){$("#AddtoItem").modal('hide');}, 3000); 4630 }, 4631 error: function(jqXHR, textStatus, errorThrown) { 4632 console.log(textStatus + ': ' + errorThrown); 4633 }, 4634 cache: true 4635 }); 4636 } 4637 4638 function ShowAddedItem_Then_AjaxAddToCart(url, id, pBrand, pName, pPrice, currencySymbol, requestQty, visible, parameter) { 4639 $.blockUI({message : $('#addingToCart'), css: { border: 'none', background: 'none'}}); 4640 4641 var totalPrice = (parseFloat(pPrice) * parseFloat(requestQty)).toFixed(2); 4642 var toAppendData = ""; 4643 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>'; 4644 toAppendData += '<tr><td width="250px" style="padding:20px;" colspan="2">'; 4645 toAppendData += '<div class="pid" hidden>' + id + '</div>'; 4646 toAppendData += '<div class="pbrand">' + pBrand.replace(" myAND ", " & ") + '</div>'; 4647 toAppendData += '<div class="pname">' + pName.replace(" myAND ", " & ") + '</div>'; 4648 toAppendData += '<div class="qty">QTY: ' + requestQty + '<span class="count"></span></div>'; 4649 toAppendData += '<div class="price">' + currencySymbol + pPrice + '</div>'; 4650 toAppendData += '</td></tr><tr><td colspan="2"><hr /></td></tr><tr>'; 4651 toAppendData += '<td><p style="padding:10px 30px 10px 30px;">Total: ' + currencySymbol + totalPrice + '</p></td>'; 4652 toAppendData += '<td><p class="Itotalprice" style="padding:10px;"></p></td>'; 4653 toAppendData += '</tr>'; 4654 $("#showbox").html(""); 4655 $("#showbox").append(toAppendData); 4656 4657 $("#AddtoItem").modal('show'); 4658 $("body").removeClass("modal-open"); 4659 $("body").removeAttr("style"); 4660 setTimeout(function(){$("#AddtoItem").modal('hide');$.unblockUI();}, 1000); 4661 4662 $.ajax({ 4663 url: websiteUrl + "/Default.aspx?ID=6520" + parameter + $("#quantityInput_" + id).val() +"&redirect=false", 4664 type: 'GET', 4665 success: function(data){ 4666 $("#AddtoItem").modal('hide'); 4667 $.unblockUI(); 4668 $('#minipagecart-button').html(''); 4669 $('#minipagecart-button').html($(data).find("#minipagecart-button").html()); 4670 $('#smallscreen-minicart').find('.dropdown-cart').find('.dropdown-cart').html(''); 4671 $('#smallscreen-minicart').find('.dropdown-cart').html($(data).find("#smallscreen-minicart").find('.dropdown-cart').html()); 4672 }, 4673 error: function(jqXHR, textStatus, errorThrown) { 4674 $.unblockUI(); 4675 }, 4676 cache: true 4677 }); 4678 //}, 4679 //error: function(jqXHR, textStatus, errorThrown) { 4680 // $.unblockUI(); 4681 // console.log(textStatus + ': ' + errorThrown); 4682 //}, 4683 //cache: true 4684 //}); 4685 } 4686 //----------------- Ajax Add To Cart functions End --------------------- 4687 //----------------- Add To Cart PopUp functions End --------------------- 4688 4689 //----------------- Show Message Global Dialog Brgin --------------------- 4690 function ShowMessageGlobalDialog(htmlMessgarPara, showTitle, showTitleCloseBtn, showButton, okReload) { 4691 var NewDialog; 4692 NewDialog = $(htmlMessgarPara); 4693 NewDialog.dialog({ 4694 resizable: false, 4695 modal: true, 4696 open: function(event, ui) { 4697 if(showTitle) { 4698 $(".ui-dialog-titlebar.ui-widget-header.ui-corner-all.ui-helper-clearfix").show(); 4699 if(showTitleCloseBtn) { 4700 $(".ui-dialog-titlebar-close").show(); 4701 } 4702 else { 4703 $(".ui-dialog-titlebar-close").hide(); 4704 } 4705 } 4706 else { 4707 $(".ui-dialog-titlebar.ui-widget-header.ui-corner-all.ui-helper-clearfix").hide(); 4708 } 4709 if(showButton) { 4710 $('.ui-dialog-buttonset').show(); 4711 } 4712 else { 4713 $('.ui-dialog-buttonset').hide(); 4714 } 4715 }, 4716 show: 'clip', 4717 buttons: { 4718 "Ok": function() { 4719 $(this).dialog("close"); 4720 if(okReload) 4721 { 4722 location.reload(); 4723 } 4724 } 4725 } 4726 }); 4727 } 4728 //----------------- Show Message Global Dialog End--------------------- 4729 4730 //----------------- Document . Ready Begin --------------------- 4731 $(document).ready(function(){ 4732 $('.blockList>li.dropdown').addClass('fixedBlock'); 4733 }); 4734 //----------------- Document . Ready End --------------------- 4735 4736 4737 //----------------- Notification Bar --------------------- 4738 @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")) 4739 { 4740 DateTime notiExpDate = DateTime.Now.AddDays(1).Date; 4741 String ExpDateDay = notiExpDate.ToString("dddd").Substring(0, 3); 4742 string ExpDateString = ExpDateDay + ", " + notiExpDate.ToString("dd MMMM yyyy 12:00:00") + " " + "UTC"; 4743 <text> 4744 $(document).ready(function() { 4745 var hasnoti = getCookie("PLCBlackNotiBar"); 4746 if(hasnoti == "show") { 4747 if(history.length == 2) 4748 { 4749 $("#alertmain").show(); 4750 $(".content-wrapper2").addClass("contentwrapper2_whennoti"); 4751 $("header").addClass("whenNoti"); 4752 $("#mainpg").addClass("whenNotiMainPg"); 4753 document.cookie = "PLCBlackNotiBar=show; expires=Sat, 31 Dec 2050 12:00:00 UTC; path=/;"; 4754 }else{ 4755 $("#alertmain").hide(); 4756 } 4757 } else { 4758 var notibar='@GetString("Item.Area.Notification_Bar_On_Off")'; 4759 var sysnotibar = '@GetString("Item.Area.System_Notification_Bar_On_Off")'; 4760 var daynotibar = '@GetString("Item.Area.Day_Notification_Bar_On_Off")'; 4761 var mainnotibar = '@GetString("Item.Area.Maintenance_Time_Notification_Bar_On_Off")'; 4762 if(notibar == 'True') 4763 { 4764 if(sysnotibar == 'True') 4765 { 4766 if('@serverTime' > '@startTime' && '@serverTime' < '@endTime') 4767 { 4768 $("#alertmain").show(); 4769 $("header").addClass("whenNoti"); 4770 $("#mainpg").addClass("whenNotiMainPg"); 4771 document.cookie = "notikey=show; expires=Sat, 31 Dec 2050 12:00:00 UTC; path=/;"; 4772 }else{ 4773 if(mainnotibar == 'True') 4774 { 4775 if('@GetString("Item.Area.Maintenance_Time_Notification_Day")' != "DAILY") 4776 { 4777 if('@checkDay' == '@GetString("Item.Area.Maintenance_Time_Notification_Day")' && '@serverTime' > '@maintenanceTimeNotiStartTime' && '@serverTime' < '@maintenanceTimeNotiEndTime') 4778 { 4779 $("#alertmain").show(); 4780 $("header").addClass("whenNoti"); 4781 $("#mainpg").addClass("whenNotiMainPg"); 4782 document.cookie = "notikey=show; expires=Sat, 31 Dec 2050 12:00:00 UTC; path=/;"; 4783 }else{ 4784 if(daynotibar == 'True') 4785 { 4786 if('@checkDay' == '@GetString("Item.Area.Day_Notification_Day")' && '@serverTime' > '@friStartTime' && '@serverTime' < '@friEndTime') 4787 { 4788 $("#alertmain").show(); 4789 $("header").addClass("whenNoti"); 4790 $("#mainpg").addClass("whenNotiMainPg"); 4791 document.cookie = "notikey=show; expires=Sat, 31 Dec 2050 12:00:00 UTC; path=/;"; 4792 }else{ 4793 if(notibar == 'True') 4794 { 4795 $("#alertmain").show(); 4796 $("header").addClass("whenNoti"); 4797 $("#mainpg").addClass("whenNotiMainPg"); 4798 document.cookie = "notikey=show; expires=Sat, 31 Dec 2050 12:00:00 UTC; path=/;"; 4799 } 4800 } 4801 }else{ 4802 if(notibar == 'True') 4803 { 4804 $("#alertmain").show(); 4805 $("header").addClass("whenNoti"); 4806 $("#mainpg").addClass("whenNotiMainPg"); 4807 document.cookie = "notikey=show; expires=Sat, 31 Dec 2050 12:00:00 UTC; path=/;"; 4808 } 4809 } 4810 } 4811 }else{ 4812 if('@serverTime' > '@maintenanceTimeNotiStartTime' && '@serverTime' < '@maintenanceTimeNotiEndTime') 4813 { 4814 $("#alertmain").show(); 4815 $("header").addClass("whenNoti"); 4816 $("#mainpg").addClass("whenNotiMainPg"); 4817 document.cookie = "notikey=show; expires=Sat, 31 Dec 2050 12:00:00 UTC; path=/;"; 4818 }else{ 4819 if(notibar == 'True') 4820 { 4821 $("#alertmain").show(); 4822 $("header").addClass("whenNoti"); 4823 $("#mainpg").addClass("whenNotiMainPg"); 4824 document.cookie = "notikey=show; expires=Sat, 31 Dec 2050 12:00:00 UTC; path=/;"; 4825 } 4826 } 4827 } 4828 }else{ 4829 if(daynotibar == 'True') 4830 { 4831 if('@checkDay' == '@GetString("Item.Area.Day_Notification_Day")' && '@serverTime' > '@friStartTime' && '@serverTime' < '@friEndTime') 4832 { 4833 $("#alertmain").show(); 4834 $("header").addClass("whenNoti"); 4835 $("#mainpg").addClass("whenNotiMainPg"); 4836 document.cookie = "notikey=show; expires=Sat, 31 Dec 2050 12:00:00 UTC; path=/;"; 4837 }else{ 4838 if(notibar == 'True') 4839 { 4840 $("#alertmain").show(); 4841 $("header").addClass("whenNoti"); 4842 $("#mainpg").addClass("whenNotiMainPg"); 4843 document.cookie = "notikey=show; expires=Sat, 31 Dec 2050 12:00:00 UTC; path=/;"; 4844 } 4845 } 4846 }else{ 4847 if(notibar == 'True') 4848 { 4849 $("#alertmain").show(); 4850 $("header").addClass("whenNoti"); 4851 $("#mainpg").addClass("whenNotiMainPg"); 4852 document.cookie = "notikey=show; expires=Sat, 31 Dec 2050 12:00:00 UTC; path=/;"; 4853 } 4854 } 4855 } 4856 } 4857 }else{ 4858 if(mainnotibar == 'True') 4859 { 4860 if('@GetString("Item.Area.Maintenance_Time_Notification_Day")' != "DAILY") 4861 { 4862 if('@checkDay' == '@GetString("Item.Area.Maintenance_Time_Notification_Day")' && '@serverTime' > '@maintenanceTimeNotiStartTime' && '@serverTime' < '@maintenanceTimeNotiEndTime') 4863 { 4864 $("#alertmain").show(); 4865 $("header").addClass("whenNoti"); 4866 $("#mainpg").addClass("whenNotiMainPg"); 4867 document.cookie = "notikey=show; expires=Sat, 31 Dec 2050 12:00:00 UTC; path=/;"; 4868 }else{ 4869 if(daynotibar == 'True') 4870 { 4871 if('@checkDay' == '@GetString("Item.Area.Day_Notification_Day")' && '@serverTime' > '@friStartTime' && '@serverTime' < '@friEndTime') 4872 { 4873 $("#alertmain").show(); 4874 $("header").addClass("whenNoti"); 4875 $("#mainpg").addClass("whenNotiMainPg"); 4876 document.cookie = "notikey=show; expires=Sat, 31 Dec 2050 12:00:00 UTC; path=/;"; 4877 }else{ 4878 if(notibar == 'True') 4879 { 4880 $("#alertmain").show(); 4881 $("header").addClass("whenNoti"); 4882 $("#mainpg").addClass("whenNotiMainPg"); 4883 document.cookie = "notikey=show; expires=Sat, 31 Dec 2050 12:00:00 UTC; path=/;"; 4884 } 4885 } 4886 }else{ 4887 if(notibar == 'True') 4888 { 4889 $("#alertmain").show(); 4890 $("header").addClass("whenNoti"); 4891 $("#mainpg").addClass("whenNotiMainPg"); 4892 document.cookie = "notikey=show; expires=Sat, 31 Dec 2050 12:00:00 UTC; path=/;"; 4893 } 4894 } 4895 } 4896 }else{ 4897 if('@serverTime' > '@maintenanceTimeNotiStartTime' && '@serverTime' < '@maintenanceTimeNotiEndTime') 4898 { 4899 $("#alertmain").show(); 4900 $("header").addClass("whenNoti"); 4901 $("#mainpg").addClass("whenNotiMainPg"); 4902 document.cookie = "notikey=show; expires=Sat, 31 Dec 2050 12:00:00 UTC; path=/;"; 4903 }else{ 4904 if(daynotibar == 'True') 4905 { 4906 if('@checkDay' == '@GetString("Item.Area.Day_Notification_Day")' && '@serverTime' > '@friStartTime' && '@serverTime' < '@friEndTime') 4907 { 4908 $("#alertmain").show(); 4909 $("header").addClass("whenNoti"); 4910 $("#mainpg").addClass("whenNotiMainPg"); 4911 document.cookie = "notikey=show; expires=Sat, 31 Dec 2050 12:00:00 UTC; path=/;"; 4912 }else{ 4913 if(notibar == 'True') 4914 { 4915 $("#alertmain").show(); 4916 $("header").addClass("whenNoti"); 4917 $("#mainpg").addClass("whenNotiMainPg"); 4918 document.cookie = "notikey=show; expires=Sat, 31 Dec 2050 12:00:00 UTC; path=/;"; 4919 } 4920 } 4921 }else{ 4922 if(notibar == 'True') 4923 { 4924 $("#alertmain").show(); 4925 $("header").addClass("whenNoti"); 4926 $("#mainpg").addClass("whenNotiMainPg"); 4927 document.cookie = "notikey=show; expires=Sat, 31 Dec 2050 12:00:00 UTC; path=/;"; 4928 } 4929 } 4930 } 4931 } 4932 }else{ 4933 if(daynotibar == 'True') 4934 { 4935 if('@checkDay' == '@GetString("Item.Area.Day_Notification_Day")' && '@serverTime' > '@friStartTime' && '@serverTime' < '@friEndTime') 4936 { 4937 $("#alertmain").show(); 4938 $("header").addClass("whenNoti"); 4939 $("#mainpg").addClass("whenNotiMainPg"); 4940 document.cookie = "notikey=show; expires=Sat, 31 Dec 2050 12:00:00 UTC; path=/;"; 4941 }else{ 4942 if(notibar == 'True') 4943 { 4944 $("#alertmain").show(); 4945 $("header").addClass("whenNoti"); 4946 $("#mainpg").addClass("whenNotiMainPg"); 4947 document.cookie = "notikey=show; expires=Sat, 31 Dec 2050 12:00:00 UTC; path=/;"; 4948 } 4949 } 4950 }else{ 4951 if(notibar == 'True') 4952 { 4953 $("#alertmain").show(); 4954 $("header").addClass("whenNoti"); 4955 $("#mainpg").addClass("whenNotiMainPg"); 4956 document.cookie = "notikey=show; expires=Sat, 31 Dec 2050 12:00:00 UTC; path=/;"; 4957 } 4958 } 4959 } 4960 } 4961 }else{ 4962 if(sysnotibar == 'True') 4963 { 4964 if('@serverTime' > '@startTime' && '@serverTime' < '@endTime') 4965 { 4966 $("#alertmain").show(); 4967 $("header").addClass("whenNoti"); 4968 $("#mainpg").addClass("whenNotiMainPg"); 4969 document.cookie = "notikey=show; expires=Sat, 31 Dec 2050 12:00:00 UTC; path=/;"; 4970 }else{ 4971 if(mainnotibar == 'True') 4972 { 4973 if('@GetString("Item.Area.Maintenance_Time_Notification_Day")' != "DAILY") 4974 { console.log("test"); 4975 if('@checkDay' == '@GetString("Item.Area.Maintenance_Time_Notification_Day")' && '@serverTime' > '@maintenanceTimeNotiStartTime' && '@serverTime' < '@maintenanceTimeNotiEndTime') 4976 { 4977 $("#alertmain").show(); 4978 $("header").addClass("whenNoti"); 4979 $("#mainpg").addClass("whenNotiMainPg"); 4980 document.cookie = "notikey=show; expires=Sat, 31 Dec 2050 12:00:00 UTC; path=/;"; 4981 }else{ 4982 if(daynotibar == 'True') 4983 { 4984 if('@checkDay' == '@GetString("Item.Area.Day_Notification_Day")' && '@serverTime' > '@friStartTime' && '@serverTime' < '@friEndTime') 4985 { 4986 $("#alertmain").show(); 4987 $("header").addClass("whenNoti"); 4988 $("#mainpg").addClass("whenNotiMainPg"); 4989 document.cookie = "notikey=show; expires=Sat, 31 Dec 2050 12:00:00 UTC; path=/;"; 4990 }else{ 4991 if(notibar == 'True') 4992 { 4993 $("#alertmain").show(); 4994 $("header").addClass("whenNoti"); 4995 $("#mainpg").addClass("whenNotiMainPg"); 4996 document.cookie = "notikey=show; expires=Sat, 31 Dec 2050 12:00:00 UTC; path=/;"; 4997 } 4998 } 4999 }else{ 5000 if(notibar == 'True') 5001 { 5002 $("#alertmain").show(); 5003 $("header").addClass("whenNoti"); 5004 $("#mainpg").addClass("whenNotiMainPg"); 5005 document.cookie = "notikey=show; expires=Sat, 31 Dec 2050 12:00:00 UTC; path=/;"; 5006 } 5007 } 5008 } 5009 }else{ 5010 if('@serverTime' > '@maintenanceTimeNotiStartTime' && '@serverTime' < '@maintenanceTimeNotiEndTime') 5011 { 5012 $("#alertmain").show(); 5013 $("header").addClass("whenNoti"); 5014 $("#mainpg").addClass("whenNotiMainPg"); 5015 document.cookie = "notikey=show; expires=Sat, 31 Dec 2050 12:00:00 UTC; path=/;"; 5016 }else{ 5017 if(notibar == 'True') 5018 { 5019 $("#alertmain").show(); 5020 $("header").addClass("whenNoti"); 5021 $("#mainpg").addClass("whenNotiMainPg"); 5022 document.cookie = "notikey=show; expires=Sat, 31 Dec 2050 12:00:00 UTC; path=/;"; 5023 } 5024 } 5025 } 5026 }else{ 5027 if(daynotibar == 'True') 5028 { 5029 if('@checkDay' == '@GetString("Item.Area.Day_Notification_Day")' && '@serverTime' > '@friStartTime' && '@serverTime' < '@friEndTime') 5030 { 5031 $("#alertmain").show(); 5032 $("header").addClass("whenNoti"); 5033 $("#mainpg").addClass("whenNotiMainPg"); 5034 document.cookie = "notikey=show; expires=Sat, 31 Dec 2050 12:00:00 UTC; path=/;"; 5035 } 5036 } 5037 } 5038 } 5039 }else{ 5040 if(mainnotibar == 'True') 5041 { 5042 if('@GetString("Item.Area.Maintenance_Time_Notification_Day")' != "DAILY") 5043 { 5044 if('@checkDay' == '@GetString("Item.Area.Maintenance_Time_Notification_Day")' && '@serverTime' > '@maintenanceTimeNotiStartTime' && '@serverTime' < '@maintenanceTimeNotiEndTime') 5045 { 5046 $("#alertmain").show(); 5047 $("header").addClass("whenNoti"); 5048 $("#mainpg").addClass("whenNotiMainPg"); 5049 document.cookie = "notikey=show; expires=Sat, 31 Dec 2050 12:00:00 UTC; path=/;"; 5050 }else{ 5051 if(daynotibar == 'True') 5052 { 5053 if('@checkDay' == '@GetString("Item.Area.Day_Notification_Day")' && '@serverTime' > '@friStartTime' && '@serverTime' < '@friEndTime') 5054 { 5055 $("#alertmain").show(); 5056 $("header").addClass("whenNoti"); 5057 $("#mainpg").addClass("whenNotiMainPg"); 5058 document.cookie = "notikey=show; expires=Sat, 31 Dec 2050 12:00:00 UTC; path=/;"; 5059 }else{ 5060 if(notibar == 'True') 5061 { 5062 $("#alertmain").show(); 5063 $("header").addClass("whenNoti"); 5064 $("#mainpg").addClass("whenNotiMainPg"); 5065 document.cookie = "notikey=show; expires=Sat, 31 Dec 2050 12:00:00 UTC; path=/;"; 5066 } 5067 } 5068 }else{ 5069 if(notibar == 'True') 5070 { 5071 $("#alertmain").show(); 5072 $("header").addClass("whenNoti"); 5073 $("#mainpg").addClass("whenNotiMainPg"); 5074 document.cookie = "notikey=show; expires=Sat, 31 Dec 2050 12:00:00 UTC; path=/;"; 5075 } 5076 } 5077 } 5078 }else{ 5079 if('@serverTime' > '@maintenanceTimeNotiStartTime' && '@serverTime' < '@maintenanceTimeNotiEndTime') 5080 { 5081 $("#alertmain").show(); 5082 $("header").addClass("whenNoti"); 5083 $("#mainpg").addClass("whenNotiMainPg"); 5084 document.cookie = "notikey=show; expires=Sat, 31 Dec 2050 12:00:00 UTC; path=/;"; 5085 }else{ 5086 if(notibar == 'True') 5087 { 5088 $("#alertmain").show(); 5089 $("header").addClass("whenNoti"); 5090 $("#mainpg").addClass("whenNotiMainPg"); 5091 document.cookie = "notikey=show; expires=Sat, 31 Dec 2050 12:00:00 UTC; path=/;"; 5092 } 5093 } 5094 } 5095 }else{ 5096 if(daynotibar == 'True') 5097 { 5098 if('@checkDay' == '@GetString("Item.Area.Day_Notification_Day")' && '@serverTime' > '@friStartTime' && '@serverTime' < '@friEndTime') 5099 { 5100 $("#alertmain").show(); 5101 $("header").addClass("whenNoti"); 5102 $("#mainpg").addClass("whenNotiMainPg"); 5103 document.cookie = "notikey=show; expires=Sat, 31 Dec 2050 12:00:00 UTC; path=/;"; 5104 } 5105 } 5106 } 5107 } 5108 } 5109 } 5110 }); 5111 5112 function divClose() { 5113 $("#alertmain").hide(); 5114 $(".content-wrapper2").removeClass("contentwrapper2_whennoti"); 5115 $("header").removeClass("whenNoti"); 5116 $("#mainpg").removeClass("whenNotiMainPg"); 5117 $("#mainpg").addClass("Noti_Remove"); 5118 var now = new Date(); 5119 var time = now.getTime(); 5120 time += 24 * 3600 * 1000; 5121 now.setTime(time); 5122 //document.cookie = "notikey=noti; expires=Sat, 31 Dec 2050 12:00:00 UTC"; 5123 document.cookie = "PLCBlackNotiBar=show; expires=" + '@ExpDateString' + "; path=/"; 5124 } 5125 </text> 5126 } 5127 //----------------- Notification Bar End --------------------- 5128 5129 function SiteLogout() 5130 { 5131 document.cookie = "IsVIPExpire=true; expires=Sat, 31 Dec 2050 12:00:00 UTC; path=/;"; 5132 window.location.href = '/Admin/Public/ExtranetLogoff.aspx?ID=3'; 5133 } 5134 5135 function topFunction() { 5136 //document.body.scrollTop = 0; 5137 //document.documentElement.scrollTop = 0; 5138 $('html, body').animate({ scrollTop: 0 }, 'fast') 5139 } 5140 5141 window.onscroll = function() {scrollFunction()}; 5142 5143 function scrollFunction() { 5144 if (document.body.scrollTop > 20 || document.documentElement.scrollTop > 20) { 5145 document.getElementById("myBtn").style.display = "block"; 5146 } else { 5147 document.getElementById("myBtn").style.display = "none"; 5148 } 5149 } 5150 5151 //----------------- BEGIN Update VIP Info and Assigning Groups per Day ----------------- 5152 $(document).ready(function(){ 5153 if('@GetGlobalValue("Global:Extranet.UserID")' != 0) 5154 { 5155 var todayDate = new Date(); 5156 todayDate.setDate(todayDate.getDate() + 1); 5157 todayDate.setHours(0,0,0,0); 5158 var updatedVIPInfo = getCookie("UpdatedVIPInfo"); 5159 5160 if(updatedVIPInfo.length == 0 || updatedVIPInfo != todayDate) 5161 { 5162 var url = "/utilities/update-vip-info-and-assigning-groups-per-day"; 5163 $.ajax({ 5164 url: url, 5165 dataType: "text", 5166 type: 'GET', 5167 success: function(data){ 5168 if(data.includes("true")) 5169 { 5170 document.cookie = "UpdatedVIPInfo=" + todayDate + "; expires=" + todayDate; 5171 } 5172 }, 5173 error: function(jqXHR, textStatus, errorThrown) { 5174 console.log(textStatus + ': ' + errorThrown); 5175 }, 5176 cache: true 5177 }); 5178 } 5179 } 5180 }); 5181 //----------------- END Update VIP Info and Assigning Groups per Day ----------------- 5182 5183 //------------------------------------------------loader---------------------- 5184 $('#applyFilters').click(function(){ 5185 $('#loader').show();$('.blockOverlay').remove(); 5186 }); 5187 $('#submitSearch').click(function(){ 5188 $('#loader').show(); $('.blockOverlay').remove(); 5189 }); 5190 $('#searchForm').submit(function(){ 5191 $('#loader').show(); $('.blockOverlay').remove(); 5192 }); 5193 $('#searchForm1').submit(function(){ 5194 $('#loader').show(); $('.blockOverlay').remove(); 5195 }); 5196 //------------------------------------------------Minicart fix---------------------- 5197 $('body').click(function(){ 5198 if($('.cart-info-box').is(':visible')){ 5199 $('.cart-info-box').slideUp(); 5200 } 5201 }); 5202 </script>