| English
Any fish lover will need an aquarium heater and thermometer for their tropical fish tank. The heater serves to keep the fish tank at your desired water temperature, while the thermometer monitors the tank's water temperature.
Error executing template "Designs/PLC/eCom/Productlist/PLCProductList_without_filter.cshtml" System.IndexOutOfRangeException: Index was outside the bounds of the array. at CompiledRazorTemplates.Dynamic.RazorEngine_9f41c45f6f8643e5999426b991466acb.<>c__DisplayClass1_0.b__0(TextWriter __razor_helper_writer) in E:\www\uat.petloverscentre.co.th\Solution\Files\Templates\Designs\PLC\eCom\Productlist\PLCProductList_without_filter.cshtml:line 396 at CompiledRazorTemplates.Dynamic.RazorEngine_9f41c45f6f8643e5999426b991466acb.Execute() in E:\www\uat.petloverscentre.co.th\Solution\Files\Templates\Designs\PLC\eCom\Productlist\PLCProductList_without_filter.cshtml:line 2028 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.Web 2 3 @using System.Text.RegularExpressions 4 @using System.Web 5 6 7 @functions{ 8 public class WrapMethods 9 { 10 11 12 //Gets the contrasting color 13 public static string getContrastYIQ(string hexcolor) 14 { 15 if (hexcolor != "") 16 { 17 hexcolor = Regex.Replace(hexcolor, "[^0-9a-zA-Z]+", ""); 18 19 int r = Convert.ToByte(hexcolor.Substring(0, 2), 16); 20 int g = Convert.ToByte(hexcolor.Substring(2, 2), 16); 21 int b = Convert.ToByte(hexcolor.Substring(4, 2), 16); 22 int yiq = ((r * 299) + (g * 587) + (b * 114)) / 1000; 23 24 if (yiq >= 128) 25 { 26 return "black"; 27 } 28 else 29 { 30 return "white"; 31 } 32 } 33 else 34 { 35 return "black"; 36 } 37 } 38 39 40 //Truncate text 41 public static string Truncate (string value, int count, bool strip=true) 42 { 43 if (strip == true){ 44 value = StripHtmlTagByCharArray(value); 45 } 46 47 if (value.Length > count) 48 { 49 value = value.Substring(0, count - 1) + "..."; 50 } 51 52 return value; 53 } 54 55 56 //Strip text from HTML 57 public static string StripHtmlTagByCharArray(string htmlString) 58 { 59 char[] array = new char[htmlString.Length]; 60 int arrayIndex = 0; 61 bool inside = false; 62 63 for (int i = 0; i < htmlString.Length; i++) 64 { 65 char let = htmlString[i]; 66 if (let == '<') 67 { 68 inside = true; 69 continue; 70 } 71 if (let == '>') 72 { 73 inside = false; 74 continue; 75 } 76 if (!inside) 77 { 78 array[arrayIndex] = let; 79 arrayIndex++; 80 } 81 } 82 return new string(array, 0, arrayIndex); 83 } 84 85 //Make the correct count of columns 86 public static string ColumnMaker(int Col, string ScreenSize) 87 { 88 string Columns = ""; 89 90 switch (Col) 91 { 92 case 1: 93 Columns = "col-"+ScreenSize+"-12"; 94 break; 95 96 case 2: 97 Columns = "col-"+ScreenSize+"-6"; 98 break; 99 100 case 3: 101 Columns = "col-"+ScreenSize+"-4"; 102 break; 103 104 case 4: 105 Columns = "col-"+ScreenSize+"-3"; 106 break; 107 108 default: 109 Columns = "col-"+ScreenSize+"-3"; 110 break; 111 } 112 113 return Columns; 114 } 115 116 117 private string Custom(string firstoption, string secondoption) 118 { 119 if (firstoption == "custom") 120 { 121 return secondoption; 122 } 123 else 124 { 125 return firstoption; 126 } 127 } 128 } 129 } 130 @using DWAPAC.PLC.Services 131 @using Dynamicweb.Security.UserManagement.Common.CustomFields 132 133 134 <link rel="stylesheet" href="//code.jquery.com/ui/1.12.1/themes/base/jquery-ui.css"> 135 <script type="text/javascript" src="/Files/Templates/Designs/PLC/eCom/ProductList/Compare.js"></script> 136 <style> 137 .ui-dialog-titlebar, .ui-dialog-buttonset button{ 138 background:#662010; 139 color: #FFF; 140 } 141 .clearfix{ 142 margin-bottom: -10px !important; 143 } 144 145 #myBtn { 146 display: none; 147 position: fixed; 148 bottom: 55px; 149 right: 9%; 150 z-index: 99; 151 font-size: 18px; 152 border: none; 153 outline: none; 154 color: white; 155 cursor: pointer; 156 padding: 15px; 157 border-radius: 4px; 158 background-image: url(/Files/Templates/Designs/PLC/assets/images/up_arrow_icon.png); 159 background-size: 35px; 160 width: 35px; 161 height: 35px; 162 } 163 164 .product-box .prod-img img { 165 display: block; 166 margin: 0px auto; 167 } 168 .prod-pbox{ 169 height:115px; 170 } 171 /*::before { 172 padding-top:0.5em; 173 }commented out By AKS due to menu collapsing problem */ 174 input[type=number]::-webkit-inner-spin-button, 175 input[type=number]::-webkit-outer-spin-button { 176 -webkit-appearance: none; 177 -moz-appearance: none; 178 appearance: none; 179 margin: 0; 180 } 181 @if(GetInteger("Ecom:ProductList.PageProdCnt") > 0) 182 { 183 <text> 184 .btn-addto-cart { 185 margin-bottom:5px; 186 background-color: #ad2d14; 187 height:38px; 188 border-radius: 3px; 189 } 190 .btn-addto-cart:hover { 191 //background-color: #500d00; 192 } 193 .glyphicon-minus, .glyphicon-plus { 194 cursor: pointer; 195 color: #ffffff; 196 } 197 </text> 198 if(System.Web.HttpContext.Current.Request.Browser.Type.ToUpper().Contains("SAFARI")) 199 { 200 <text> 201 .btn-addto-cart div a, .btn-addto-cart a { 202 line-height: 36px; 203 } 204 #addtocartLink { 205 margin-top: 30px !important; 206 } 207 @@media screen (max-width: 340px){ 208 .btn-addto-cart div a, .btn-addto-cart a { 209 padding-top: 0px; 210 } 211 } 212 .fixsize { 213 margin-top: 120px; 214 } 215 </text> 216 } 217 else 218 { 219 220 } 221 } 222 else 223 { 224 if(System.Web.HttpContext.Current.Request.Browser.Type.ToUpper().Contains("SAFARI")) 225 { 226 <text> 227 .btn-addto-cart div a, .btn-addto-cart a { 228 line-height: 36px; 229 } 230 #addtocartLink { 231 margin-top: 30px !important; 232 } 233 @@media screen (max-width: 340px){ 234 .btn-addto-cart div a, .btn-addto-cart a { 235 padding-top: 0px; 236 } 237 } 238 </text> 239 } 240 else 241 { 242 243 } 244 } 245 @@media screen and (max-width: 700px) and (min-width: 350px) and (max-height: 700px) { 246 .mblAddTo { 247 padding-left:30px !important; 248 } 249 } 250 @@media screen and (max-width: 700px) and (min-width: 375px) and (max-height: 700px) { 251 .mblpromologo { 252 padding-bottom:2px; 253 } 254 } 255 @@media screen and (max-width: 700px) and (min-width: 350px) and (max-height: 700px) { 256 .mblpromologo1 { 257 padding-bottom:-5px; 258 } 259 } 260 @@media screen and (max-width: 800px) and (min-width: 768px) and (max-height: 1024px) { 261 .mblPromologoipad { 262 padding-bottom:5px; 263 } 264 } 265 @@media screen and (max-width: 1024px) and (min-width: 768px) and (max-height: 800px) { 266 .mblPromologoipad1 { 267 padding-bottom:5px; 268 } 269 } 270 @@media screen and (max-width: 800px) and (min-width: 760px) and (max-height: 1200px) { 271 .mblPromologolap { 272 padding-bottom:2px; 273 } 274 } 275 276 277 @@media screen and (max-width: 800px) and (min-width: 700px) and (max-height: 1030px) { 278 .mblAddTo { 279 padding-left:70px !important; 280 } 281 } 282 283 @@media screen and (max-width: 700px) and (min-width: 350px) and (max-height: 700px) { 284 .btn-sale{ 285 position: absolute; 286 z-index: 10; 287 right: 10px; 288 width: 80px; 289 padding-top: 8px !important; 290 } 291 } 292 </style> 293 294 @helper GetProductList(dynamic Loop,bool birthday,string becomeAMemberPrice, int ColMD=3, int ColSM=3, int ColXS=1) 295 { 296 297 var birthday0 = false; 298 bool showBirthdayPrice = false; 299 bool userHasVIPCard = false; 300 bool userHasValidVipCard = false; 301 DateTime expDate = new DateTime(); 302 DateTime today = DateTime.Now; 303 304 if (Dynamicweb.Core.Converter.ToBoolean(GetGlobalValue("Global:Extranet.UserName"))) 305 { 306 int i = Convert.ToInt32(GetGlobalValue("Global:Extranet.UserID")); 307 Dynamicweb.Security.UserManagement.User u = Dynamicweb.Security.UserManagement.User.GetUserByID(i); 308 309 foreach (CustomFieldValue val in u.CustomFieldValues) 310 { 311 CustomField field = val.CustomField; 312 string fieldName = field.Name; 313 314 if(fieldName == "DOB") 315 { 316 DateTime bDay = new DateTime(); 317 if(val.Value != null) 318 { 319 bDay = (DateTime)val.Value; 320 if(bDay.Month == today.Month) 321 { 322 birthday0 = true; 323 } 324 } 325 } 326 if(fieldName=="ExpryDate") 327 { 328 expDate=(DateTime)val.Value; 329 } 330 331 switch (fieldName.ToUpper()) 332 { 333 case "VIP CARD NO": 334 userHasVIPCard = !string.IsNullOrEmpty((val.Value).ToString()); 335 break; 336 case "EXPRYDATE": 337 userHasValidVipCard = expDate.Date < today.Date; 338 break; 339 default: 340 break; 341 } 342 } 343 } 344 showBirthdayPrice = birthday0 && userHasVIPCard && userHasValidVipCard; 345 346 string pathproduct="/Files/Images/plc"; 347 string imgpath="/Files/Images/Ecom/Products/"; 348 string imgpathpng=""; 349 string pidString = ""; 350 var loopCounter = 0; 351 List<string>statusList = new List<string>(); 352 353 foreach(LoopItem product1 in Loop) 354 { 355 string pid1 = product1.GetString("Ecom:Product.ID"); 356 pidString += "[" + pid1 + "],"; 357 } 358 pidString = pidString.Remove(pidString.Length - 1); 359 pidString = "{" + pidString; 360 pidString = pidString + "}"; 361 362 var response = WebServices.getProductMultiStatusAdvServiceResponse(pidString); 363 364 var responseSplit = response.Split(';'); 365 if (responseSplit[0].Contains("500")) 366 { 367 <style> 368 @@media screen and (max-width: 700px) and (min-width: 350px) and (max-height: 700px) { 369 .mainImg{ 370 padding-left: 85px; 371 } 372 } 373 374 @@media screen and (max-width: 700px) and (min-width: 600px) and (max-height: 400px) { 375 .mainImg{ 376 padding-left: 222px; 377 } 378 } 379 </style> 380 if(Pageview.Device.ToString().ToUpper() == "MOBILE") 381 { 382 <div style="padding-left: 60px;" name="under_maintenance"> 383 <img src="/Files/Templates/Designs/PLC/assets/images/under_maintenance_icon.png" class="mainImg" alt="Under Maintenance"><br><br> 384 <span style="font-size: 20px;font-weight: 700;">Sorry, we are facing a temporary server error. Please try again later.</span> 385 </div> 386 }else if(Pageview.Device.ToString().ToUpper() == "TABLET") 387 { 388 <div name="under_maintenance"><img src="/Files/Templates/Designs/PLC/assets/images/under_maintenance_icon.png" alt="Under Maintenance"><span style="padding-left: 15px; font-size: 20px; font-weight: 700;">Sorry, we are facing a temporary server error. Please try again later.</span></div> 389 }else{ 390 <div style="padding-left: 60px;" name="under_maintenance"><img src="/Files/Templates/Designs/PLC/assets/images/under_maintenance_icon.png" alt="Under Maintenance"><span style="padding-left: 15px; font-size: 20px; font-weight: 700;">Sorry, we are facing a temporary server error. Please try again later.</span></div> 391 } 392 return; 393 } 394 395 396 string productResponse = responseSplit[2].Split('{')[1].Replace("}",""); 397 398 var singleProduct = productResponse.Split(','); 399 for(var i =0; i < singleProduct.Length; i++) 400 { 401 string string1 = singleProduct[i].Remove(singleProduct[i].Length-1).Remove(0,1); 402 statusList.Add(string1.Split(':')[1]); 403 } 404 if (responseSplit[0].Contains("200")) 405 { 406 foreach (LoopItem product in Loop) 407 { 408 string pid=product.GetString("Ecom:Product.ID"); 409 //Promotion 410 411 string promoName = ""; 412 string promoD = ""; 413 List<string> productPromoNames=new List<string>(); 414 var promosqlString = "SELECT ED.DISCOUNTNAME,ED.DISCOUNTDESCRIPTION FROM EcomDiscountExtensions EDEs INNER JOIN EcomDiscount ED ON EDEs.DISCOUNTID = ED.DISCOUNTID WHERE EDEs.DISCOUNTDISPLAYATPDP = 'True' and ED.DiscountActive = 'True' and (GetDate() BETWEEN ED.DiscountValidFrom AND ED.DiscountValidTo) and ED.DISCOUNTPRODUCTSANDGROUPS LIKE '%p:" + pid + ",%'"; 415 using(System.Data.IDataReader promoNameReder = Dynamicweb.Data.Database.CreateDataReader(promosqlString)) 416 { 417 while (promoNameReder.Read()) 418 { 419 promoName += promoNameReder["DISCOUNTNAME"].ToString(); 420 promoD += promoNameReder["DISCOUNTDESCRIPTION"].ToString() + "<br>"; 421 } 422 } 423 string Image = product.GetString("Ecom:Product.ImageSmall.Default.Clean"); 424 string Link = product.GetString("Ecom:Product.Link.Clean"); 425 string GroupLink = product.GetString("Ecom:Product.LinkGroup.Clean"); 426 string Name = product.GetString("Ecom:Product.Name"); 427 Name = Name.Replace("\"","❞"); 428 GroupLink = "Default.aspx?ID=" + GetPageIdByNavigationTag("Products") + "&ProductID=" + pid; 429 string Number = product.GetString("Ecom:Product.Number"); 430 string ProdBrand = product.GetString("Ecom:Product:Field.ProductBrand"); 431 imgpath = "/Files/Images/Ecom/Products/" + pid + ".jpg"; 432 imgpathpng = "/Files/Images/Ecom/Products/" + pid + ".png"; 433 var absolutePathjpg = System.Web.HttpContext.Current.Server.MapPath("~/"+ imgpath); 434 var absolutePathpng = System.Web.HttpContext.Current.Server.MapPath("~/"+ imgpathpng); 435 if(System.IO.File.Exists(absolutePathjpg)) 436 { 437 Image=imgpath; 438 } 439 else if(System.IO.File.Exists(absolutePathpng)) 440 { 441 Image=imgpathpng; 442 } 443 444 string Description = product.GetString("Ecom:Product.ShortDescription"); 445 string Discount = product.GetString("Ecom:Product.Discount.Price"); 446 string Price = product.GetString("Ecom:Product.Price"); 447 string CurrencyCode = product.GetString("Ecom:Product.Price.Currency.Code"); 448 //string Promotion=product.GetString("Ecom:Product.Price"); 449 string Active=product.GetString("Ecom:Product.IsActive"); 450 var Rating=product.GetDouble("Ecom:Product.Rating"); 451 452 var sellingPrice = Math.Floor((product.GetDouble("Ecom:Product:Field.ProductSPrice"))*1000/5)/200; 453 var internetPrice = Math.Floor((product.GetDouble("Ecom:Product:Field.ProductSInternetPrice"))*1000/5)/200; 454 var price=9.95; 455 456 if(price==product.GetDouble("Ecom:Product:Field.ProductSInternetPrice")) 457 { 458 internetPrice= product.GetDouble("Ecom:Product:Field.ProductSInternetPrice"); 459 } 460 Boolean inventoryDiscount = product.GetBoolean("Ecom:Product:Field.ProductInventoryDiscountFlag"); 461 var discountPercentage = product.GetDouble("Ecom:Product:Field.ProductInventoryDiscount"); 462 var birthdayPrice = Math.Floor((product.GetDouble("Ecom:Product:Field.ProductSBirthdayPrice"))*1000/5)/200; 463 var memberPrice = Math.Floor((product.GetDouble("Ecom:Product:Field.ProductSMemberPrice"))*1000/5)/200; 464 var disable=product.GetBoolean("Ecom:Product:Field.Disable"); 465 var promotion=0.00; 466 var discountType=""; 467 var promoNames = ""; 468 var testingNames = ""; 469 foreach(var promoItem in product.GetLoop("AllDiscounts")) 470 { 471 promoNames += promoItem.GetString("Ecom:AllDiscounts.Discount.Name") +"<br>"; 472 } 473 foreach (LoopItem item in product.GetLoop("ProductDiscounts")) 474 { 475 476 if(item.GetString("Ecom:Product.Discount.Type")=="PERCENT") 477 { 478 discountType="PERCENT"; 479 promotion=item.GetDouble("Ecom:Product.Discount.PercentWithoutVATFormatted"); 480 } 481 else 482 { 483 discountType="AMOUNT"; 484 promotion=item.GetDouble("Ecom:Product.Discount.AmountWithoutVATFormatted"); 485 } 486 } 487 488 string sellingPriceStr = ((sellingPrice * 100) % 100) > 0 ? string.Format("{0:0.00}", sellingPrice) : string.Format("{0:0}", sellingPrice); 489 string internetPriceStr = ((internetPrice * 100) % 100) > 0 ? string.Format("{0:0.00}", internetPrice) : string.Format("{0:0}", internetPrice); 490 string savePriceStr = ((sellingPrice-internetPrice * 100) % 100) > 0 ? string.Format("{0:0.00}", sellingPrice-internetPrice) : string.Format("{0:0.00}", sellingPrice-internetPrice); 491 string memberPriceStr = ((memberPrice * 100) % 100) > 0 ? string.Format("{0:0.00}", memberPrice) : string.Format("{0:0}", memberPrice); 492 string birthdayPriceStr = ((birthdayPrice * 100) % 100) > 0 ? string.Format("{0:0.00}", birthdayPrice) : string.Format("{0:0}", birthdayPrice); 493 494 if(pid != "PROD1" && pid !="PROD2") 495 { 496 <!--product start--> 497 if(!disable) 498 { 499 <div class="product-box col-1-3 tab-col-1-2 mobile-col-1-1" id="get_@pid"> 500 <div class="prod-img"> 501 @if(promotion != 0) 502 { 503 if(discountType == "PERCENT") 504 { 505 <div class="ribbon-P"><span>@promotion% Off</span></div> 506 } 507 else 508 { 509 <div class="ribbon-P"><span>@product.GetString("Ecom:Product.Currency.Symbol")@promotion Off</span></div> 510 } 511 } 512 else 513 { 514 //add ERP discount ribbon 515 if(inventoryDiscount) 516 { 517 if(discountPercentage != 0) 518 { 519 <div class="ribbon-D"><span>@discountPercentage% Off</span></div> 520 } 521 } 522 } 523 <a href="@GroupLink" title="@Name"> 524 <img src="/Admin/Public/Getimage.ashx?width=147&compression=60&Crop=5&image=@Image" class="img-responsive" id="img_@pid" alt="@Name @Number" title="@Name @Number"> 525 </a> 526 </div> 527 <p class="prod-name">@ProdBrand 528 <br/> @product.GetString("Ecom:Product.Name") 529 </p> 530 531 532 @if(promoName != "") 533 { 534 <span class="top tipso_style" data-tipso='@promoName.Replace("\"", """).Replace("'","'").Replace("<","<").Replace(">",">")'> 535 @if(GetGlobalValue("Global:Extranet.UserName")!= ""){ 536 <div style="background: linear-gradient(to right, #ec5a11 , #f4a413 ); text-align: center; font-size: medium; color: white; font-weight: 600; margin-bottom: inherit;">@Translate("PROMOTION")</div> 537 538 539 } 540 else{ 541 542 <div class="mblpromologo mblpromologo1 mblPromologoipad mblPromologoipad1 mblPromologolap" style="background: linear-gradient(to right, #ec5a11 , #f4a413 ); text-align: center; font-size: medium; color: white; font-weight: 600; margin-bottom: inherit;"><img src="/Files/Templates/Designs/PLC/assets/images/login_promo.png" style="padding-bottom:2px;"> @Translate("LOGIN PROMO")</div> 543 544 } 545 </span> 546 }else{ 547 <div style="background: white; text-align: center; font-size: medium; color: white; font-weight: 600; margin-bottom: inherit; padding-bottom: 3px;"></div> 548 } 549 <div class="prod-star" style="display:none;"> 550 @if(@Rating == 0) 551 { 552 <label class = "starUnselected"></label> 553 <label class = "starUnselected"></label> 554 <label class = "starUnselected"></label> 555 <label class = "starUnselected"></label> 556 <label class = "starUnselected"></label> 557 } 558 @if(Rating % 1 != 0) 559 { 560 for(var i = 1; i < @Rating; i++) 561 { 562 <label class = "starSelected"></label> 563 } 564 <label class = "starSelected half"></label> 565 } 566 else 567 { 568 for(var i = 1; i < @Rating+1; i++) 569 { 570 <label class = "starSelected"></label> 571 } 572 } 573 574 575 </div> 576 <div class="prod-pbox"> 577 @if(inventoryDiscount) 578 { 579 if(sellingPrice != internetPrice) 580 { 581 <div class="prod-price"> 582 <p class="op">@product.GetString("Ecom:Product.Currency.Symbol")@sellingPriceStr</p> 583 <p class="np">@product.GetString("Ecom:Product.Currency.Symbol")@internetPriceStr</p> 584 <p class="save-price">Save @product.GetString("Ecom:Product.Currency.Symbol")@savePriceStr @*@string.Format("{0:0}", sellingPrice-internetPrice)*@</p> 585 </div> 586 } 587 else if(sellingPrice == internetPrice) 588 { 589 <div class="prod-price"> 590 <p class="np">@product.GetString("Ecom:Product.Currency.Symbol")@sellingPriceStr</p> 591 </div> 592 } 593 <div style="height:65px;">@* Add gap to fix aligment *@ 594 <div class="member-price"></div> 595 </div> 596 } 597 @*inventoryDiscount false*@ 598 else 599 { 600 if (!Dynamicweb.Core.Converter.ToBoolean(GetGlobalValue("Global:Extranet.UserName"))) 601 { 602 @*<div class="prod-price"> 603 <p class="np">@product.GetString("Ecom:Product.Currency.Symbol")@sellingPriceStr</p> 604 </div>*@ 605 606 if(sellingPrice != internetPrice) 607 { 608 <div class="prod-price"> 609 <p class="op">@product.GetString("Ecom:Product.Currency.Symbol")@sellingPriceStr</p> 610 <p class="np">@product.GetString("Ecom:Product.Currency.Symbol")@internetPriceStr</p> 611 <p class="save-price">Save @product.GetString("Ecom:Product.Currency.Symbol")@savePriceStr @*@string.Format("{0:0}", sellingPrice-internetPrice)*@</p> 612 </div> 613 } 614 else if(sellingPrice == internetPrice) 615 { 616 <div class="prod-price"> 617 <p class="np">@product.GetString("Ecom:Product.Currency.Symbol")@sellingPriceStr</p> 618 </div> 619 } 620 621 <div style="height:65px;"> 622 <div class="member-price"> 623 @if(memberPrice > 0) 624 { 625 <div id="proId" style="display:none"></div> 626 <div class="title" id="memberId">@Translate("VIP Member") 627 <span class="top tipso_style" data-tipso="@Translate("Become a VIP member for only") @product.GetString("Ecom:Product.Currency.Symbol") 100 & @Translate("log in to your web account to enjoy this price")"> 628 <img src="@pathproduct/images/icon_info.png" width="20" align="texttop" alt="icon info" title=""></span> 629 <p class="price">@product.GetString("Ecom:Product.Currency.Symbol")@memberPriceStr</p> 630 </div> 631 <div class="title" id="birthdayId" >@Translate("VIP Birthday") 632 <span class="top tipso_style" data-tipso="@Translate("Become a VIP member for only") @product.GetString("Ecom:Product.Currency.Symbol") 100 & @Translate("log in to your web account to enjoy this price on your birthday month")"> 633 <img src="@pathproduct/images/icon_info.png" width="20" align="texttop" alt="icon info"></span> 634 <p class="price">@product.GetString("Ecom:Product.Currency.Symbol")@birthdayPriceStr</p> 635 </div> 636 637 } 638 @if(birthdayPrice > 0 && showBirthdayPrice) 639 { 640 <div class="title">@Translate("VIP Birthday") 641 <span class="top tipso_style" data-tipso="@Translate("Become a VIP member for only") @product.GetString("Ecom:Product.Currency.Symbol") 100 & @Translate("enjoy this price on your birthday month")"> 642 <img src="@pathproduct/images/icon_info.png" width="20" align="texttop" alt="icon info"></span> 643 <p class="price">@product.GetString("Ecom:Product.Currency.Symbol")@birthdayPriceStr</p> 644 </div> 645 } 646 </div> 647 </div> 648 } 649 else if(Dynamicweb.Core.Converter.ToBoolean(GetGlobalValue("Global:Extranet.UserName"))) 650 { 651 @*<div class="prod-price"> 652 <p class="np">@product.GetString("Ecom:Product.Currency.Symbol")@internetPriceStr</p> 653 </div>*@ 654 655 if(sellingPrice != internetPrice) 656 { 657 <div class="prod-price"> 658 <p class="op">@product.GetString("Ecom:Product.Currency.Symbol")@sellingPriceStr</p> 659 <p class="np">@product.GetString("Ecom:Product.Currency.Symbol")@internetPriceStr</p> 660 <p class="save-price">Save @product.GetString("Ecom:Product.Currency.Symbol")@savePriceStr @*@string.Format("{0:0}", sellingPrice-internetPrice)*@</p> 661 </div> 662 } 663 else if(sellingPrice == internetPrice) 664 { 665 <div class="prod-price"> 666 <p class="np">@product.GetString("Ecom:Product.Currency.Symbol")@sellingPriceStr</p> 667 </div> 668 } 669 670 if(userHasVIPCard) 671 { 672 if(userHasValidVipCard) 673 { 674 <div id="proId" style="display:none"></div> 675 <div style="height:65px;"> 676 <div class="member-price"> 677 <div class="title" id="memberId" >@Translate("VIP Member") 678 <span class="top tipso_style" data-tipso="As a VIP member, you get to enjoy this price"> 679 <img src="@pathproduct/images/icon_info.png" width="20" align="texttop" alt="icon info" title=""></span> 680 <p class="price">@product.GetString("Ecom:Product.Currency.Symbol")@memberPriceStr</p> 681 </div> 682 <div class="title" id="birthdayId">@Translate("VIP Birthday") 683 <span class="top tipso_style" data-tipso="As a VIP member, you get to enjoy this price on your birthday month"> 684 <img src="@pathproduct/images/icon_info.png" width="20" align="texttop" alt="icon info"></span> 685 <p class="price">@product.GetString("Ecom:Product.Currency.Symbol")@birthdayPriceStr</p> 686 </div> 687 </div> 688 </div> 689 } 690 691 if(!birthday) 692 { 693 if(!userHasValidVipCard) 694 { 695 <div style="height:65px;"> 696 <div class="member-price"> 697 @if(memberPrice > 0) 698 { 699 <div class="title" id="memberId">@Translate("VIP Member") 700 <span class="top tipso_style" data-tipso="As a VIP member, you get to enjoy this price " > 701 <img src="@pathproduct/images/icon_info.png" width="20" align="texttop" alt="icon info"></span> 702 <p class="price">@product.GetString("Ecom:Product.Currency.Symbol")@memberPriceStr</p> 703 </div> 704 } 705 </div> 706 </div> 707 } 708 } 709 else if (birthday) 710 { 711 if(!userHasValidVipCard) 712 { 713 <div style="height:65px;"> 714 <div class="member-price"> 715 <div class="title" id="birthdayId">@Translate("VIP Birthday") 716 <span class="top tipso_style" data-tipso="As a VIP member, you get to enjoy this price on your birthday month"> 717 <img src="@pathproduct/images/icon_info.png" width="20" align="texttop" alt="icon_info"></span> 718 <p class="price">@product.GetString("Ecom:Product.Currency.Symbol")@birthdayPriceStr</p> 719 </div> 720 </div> 721 </div> 722 } 723 } 724 } 725 else 726 { 727 if(memberPrice > 0) 728 { 729 <div id="proId" style="display:none"></div> 730 <div style="height:65px;"> 731 <div class="member-price"> 732 <div class="title" id="memberId" >@Translate("VIP Member") 733 <span class="top tipso_style" data-tipso="@Translate("Become a VIP member for only") @product.GetString("Ecom:Product.Currency.Symbol") 100 & @Translate("log in to your web account to enjoy this price") "> 734 <img src="@pathproduct/images/icon_info.png" width="20" align="texttop" alt="icon info" title=""></span> 735 <p class="price">@product.GetString("Ecom:Product.Currency.Symbol")@memberPriceStr</p> 736 </div> 737 <div class="title" id="birthdayId">@Translate("VIP Birthday") 738 <span class="top tipso_style" data-tipso="@Translate("Become a VIP member for only") @product.GetString("Ecom:Product.Currency.Symbol") 100 & @Translate("log in to your web account to enjoy this price on your birthday month")"> 739 <img src="@pathproduct/images/icon_info.png" width="20" align="texttop" alt="icon info"></span> 740 <p class="price">@product.GetString("Ecom:Product.Currency.Symbol")@birthdayPriceStr</p> 741 </div> 742 </div> 743 </div> 744 } 745 } 746 } 747 } 748 </div> 749 <!-------------------------------------------------------End Pricing----------------------------------------------------------------------------------------------------> 750 <hr> 751 @{ 752 string tipsoMessage = "no Message Available!"; 753 tipsoMessage = statusList[loopCounter]; 754 switch (statusList[loopCounter].ToUpper()) 755 { 756 case "AVAILABLE" : 757 //tipsoMessage = "Stocks are available, with the earliest delivery within 2 working days from the date of order."; 758 tipsoMessage = Translate("Stocks are available, with the earliest delivery within 3 working days from the date of order."); 759 break; 760 case "SPECIAL ORDER" : 761 //tipsoMessage = "We will check physical stocks availability before confirming your order."; 762 //tipsoMessage = Translate("Stocks are subject to supplier's availability. For more details, please contact") + " Customer Care hotline: 02-170-7979 / Line OA : @plcthailand"; 763 tipsoMessage = Translate("SPECIAL ORDER Tooltip_Message"); 764 break; 765 case "IN STOCK" : 766 tipsoMessage = Translate("Stocks are available at our retail stores for delivery within 7 working days upon receipt of payment."); 767 break; 768 default : 769 tipsoMessage = "no Message Available!"; 770 break; 771 } 772 tipsoMessage = tipsoMessage.Replace("\'", "'"); 773 <ul class="info"> 774 <li>*@Translate(statusList[loopCounter])<span class="top tipso_style" data-tipso='@tipsoMessage' style="vertical-align: text-bottom;"> 775 <img src="@pathproduct/images/icon_question_mark.png" alt="icon info" title="" style="width:10px;"> 776 </span></li> 777 </ul> 778 if(statusList[loopCounter].ToUpper() == "SPECIAL ORDER") 779 { 780 <ul class="info" style="line-height: 32.7px;"> 781 <li>*@Translate("NOT AVAILABLE ONLINE")</li> 782 </ul> 783 } 784 } 785 @if(statusList[loopCounter].ToUpper() != "SPECIAL ORDER") 786 { 787 <div class="btn-addto-cart smalldev"> 788 <div class="col-md-6 col-sm-6 col-xs-6" style="padding: 5px 0px; border-radius: 3px 0px 0px 3px; text-align: center;display: table-cell;vertical-align: middle;"> 789 <span onclick='QtyControlBtn("quantityInput_@pid", "-");' type="button" data-value="-1" data-target="#spinner2" data-toggle="spinner"> 790 <span class="glyphicon glyphicon-minus"></span> 791 </span> 792 <input type="number" onkeydown='QtyKeyControl("quantityInput_@pid", "keydown");' onkeyup='QtyKeyControl("quantityInput_@pid", "keyup");' onfocusout='return QtyKeyControl("quantityInput_@pid", "focusout");' class="selectbox-qty" style="width:50px;text-align:center;" id="quantityInput_@pid" value="1" min="1" max="9999"> 793 <span onclick='QtyControlBtn("quantityInput_@pid", "+");' type="button" data-value="2" data-target="#spinner2" data-toggle="spinner"> 794 <span class="glyphicon glyphicon-plus"></span> 795 </span> 796 </div> 797 <div class="col-md-6 col-sm-6 col-xs-6 mblAddTo" style="padding: 1px 5px;display: table-cell;"> 798 <a onclick='ShowAddedItem_Then_AjaxAddToCart(" ", "@pid", "@ProdBrand.Replace(" & ", " myAND ")", "@product.GetString("Ecom:Product.Name").Replace(" & ", " myAND ").Replace("\"", "")", "@product.GetString("Ecom:Product.Price.PriceWithVAT")", "@product.GetString("Ecom:Product.Price.Currency.Symbol")", $("#quantityInput_" + "@pid").val(), true, "&cartcmd=add&productid=@pid&quantity=","@product.GetString("Ecom:Product.Number")");' href='javascript:void(0)' style="border-radius: 0px 3px 3px 0px;"> 799 <i class="fa fa-shopping-cart"></i> 800 @Translate("Add to cart") 801 </a> 802 </div> 803 </div> 804 } 805 else 806 { 807 <div class="btn-addto-cart" style="margin-bottom:5px; cursor:not-allowed; display:none;"> 808 <a ><i class="fa fa-shopping-cart"></i> In Store Only </a> 809 </div> 810 } 811 <!--<div class="btn-addto-cart smalldev" style="margin-bottom:5px;"> 812 <a href="@GroupLink"><i class="fa fa-search-plus"></i> View products details </a> 813 </div>--> 814 <div class="prod-compare" style="height : 35px;"> 815 @{ 816 string productname = product.GetString("Ecom:Product.Name"); 817 productname = productname.Replace("\"","❞"); 818 } 819 <form> 820 <label>@Translate("Compare") 821 <input type="checkbox" id='@product.GetString("Ecom:Product.CompareID")' name="compareproduct" onclick="compareProducts('@product.GetString("Ecom:Product.CompareID")', '@productname', '@product.GetString("Ecom:Product.LinkGroup.Clean")',$(this).prop('checked'));$('html, body').animate({scrollTop: $('.compare-box').offset().top}, 500);"> 822 <span></span> 823 </label> 824 </form> 825 </div> 826 </div> 827 } 828 <!--product end--> 829 } 830 loopCounter++; 831 } 832 } 833 <div onclick="topFunction()" id="myBtn" title="Go to top"></div> 834 } 835 <script> 836 function topFunction() { 837 //document.body.scrollTop = 0; 838 //document.documentElement.scrollTop = 0; 839 $('html, body').animate({ scrollTop: 0 }, 'fast') 840 } 841 842 window.onscroll = function() {scrollFunction()}; 843 844 function scrollFunction() { 845 if (document.body.scrollTop > 20 || document.documentElement.scrollTop > 20) { 846 document.getElementById("myBtn").style.display = "block"; 847 } else { 848 document.getElementById("myBtn").style.display = "none"; 849 } 850 } 851 </script> 852 <script type="text/javascript" src="/Files/Templates/Designs/PLC/eCom/ProductList/Compare.js"></script> 853 854 <style> 855 @@media only screen and (min-width:350px) and (max-width:700px){ 856 .content-wrapper#mainpg{ 857 margin-top:0px !important; 858 } 859 } 860 @@media only screen and (min-width:400px) and (max-width:700px){ 861 .breadcrumb { 862 margin-top: 140px; 863 } 864 .whenNotiMainPg .breadcrumb { 865 margin-top: 85px !important; 866 } 867 } 868 @@media only screen and (max-width:350px){ 869 .breadcrumb { 870 margin-top: 25px; 871 } 872 .whenNotiMainPg .breadcrumb { 873 margin-top: 25px !important; 874 } 875 } 876 @@media only screen and (device-height:727px) and (device-width:414px){ 877 .whenNotiMainPg .breadcrumb { 878 margin-top: 140px !important; 879 } 880 .breadcrumb { 881 margin-top: 140px; 882 } 883 } 884 885 @@media only screen and (device-height:812px) and (device-width:375px){ 886 .whenNotiMainPg .breadcrumb { 887 margin-top: 50px !important; 888 } 889 .breadcrumb { 890 margin-top: 20px; 891 } 892 .content-wrapper#mainpg{ 893 margin-top:0px !important; 894 } 895 } 896 @@media only screen and (device-height: 896px) and (device-width: 414px){ 897 .whenNotiMainPg .breadcrumb { 898 margin-top: 75px !important; 899 } 900 .breadcrumb { 901 margin-top: 75px; 902 } 903 } 904 @@media only screen and (min-width: 350px) and (max-width: 400px){ 905 .breadcrumb { 906 margin-top: 110px; 907 } 908 .whenNotiMainPg .breadcrumb { 909 margin-top: 110px; 910 } 911 } 912 @@media only screen and (device-height:667px) and (device-width:375px){ 913 .whenNotiMainPg .breadcrumb { 914 margin-top: 55px !important; 915 } 916 .breadcrumb { 917 margin-top: 15px; 918 } 919 } 920 @@media only screen and (device-height:640px) and (device-width:360px){ 921 .whenNotiMainPg .breadcrumb { 922 margin-top: 55px !important; 923 } 924 .breadcrumb { 925 margin-top: 25px; 926 } 927 } 928 929 @@media only screen and (device-height: 1138px) and (device-width: 712px){ 930 .breadcrumb { 931 margin-top: 40px; 932 } 933 .whenNotiMainPg .breadcrumb { 934 margin-top: 75px !important; 935 } 936 } 937 input[type=number]::-webkit-inner-spin-button, 938 input[type=number]::-webkit-outer-spin-button 939 { 940 -webkit-appearance: none; 941 -moz-appearance: none; 942 appearance: none; 943 margin: 0; 944 } 945 input[type=number] { 946 -moz-appearance:textfield; 947 } 948 @@media screen and (max-width: 780px) and (min-width: 600px){ 949 .content-wrapper#mainpg { 950 margin-top: 100px; 951 padding-left: 15px; 952 padding-right: 15px; 953 } 954 } 955 .product-box .prod-compare label{ 956 display: inline; 957 } 958 .prod-content-right { 959 width: 100% !important; 960 } 961 .category-title { 962 margin-top:0px; 963 } 964 965 .clearfix{ 966 margin-bottom: -10px; 967 } 968 969 .current1{ 970 margin-left: 217px; 971 } 972 973 .current2{ 974 margin-left: 158px; 975 } 976 977 .current3{ 978 margin-left: 131px; 979 } 980 981 .current4{ 982 margin-left: 103px; 983 } 984 985 .current5{ 986 margin-left: 75px; 987 } 988 989 .current6{ 990 margin-left: 51px; 991 } 992 993 .destopcurrent2{ 994 margin-left: 250px; 995 } 996 997 .destopcurrent3{ 998 margin-left: 220px; 999 } 1000 1001 .destopcurrent4{ 1002 margin-left: 200px; 1003 } 1004 1005 .destopcurrent5{ 1006 margin-left: 180px; 1007 } 1008 1009 .destopcurrent6{ 1010 margin-left: 180px; 1011 } 1012 1013 .commoncurrent{ 1014 margin-left: 221px; 1015 } 1016 1017 .total1{ 1018 margin-left: 163px; 1019 } 1020 1021 .total2{ 1022 margin-left: 134px; 1023 } 1024 1025 .total3{ 1026 margin-left: 106px; 1027 } 1028 1029 .total4{ 1030 margin-left: 79px; 1031 } 1032 1033 .total5{ 1034 margin-left: 79px; 1035 } 1036 1037 .commontotal{ 1038 margin-left: 51px; 1039 } 1040 1041 .currenttotal1{ 1042 margin-left: 400px; 1043 } 1044 1045 .currenttotal2{ 1046 margin-left: 304px; 1047 } 1048 1049 .currenttotal3{ 1050 margin-left: 292px; 1051 } 1052 1053 .currenttotal4{ 1054 margin-left: 278px; 1055 } 1056 1057 .currenttotal5{ 1058 margin-left: 256px; 1059 } 1060 1061 .currenttotal6{ 1062 margin-left: 238px; 1063 } 1064 1065 @@media only screen and (max-width: 850px){ 1066 .mblpagination{ 1067 margin-left: unset !important; 1068 } 1069 } 1070 @*@@media only screen and (min-width: 768px){ 1071 .clearfix{ 1072 display:none !important; 1073 } 1074 }*@ 1075 1076 @@media screen and (max-width: 1050px) and (min-width: 1000px) and (max-height: 800px) { 1077 .currenttotal1{ 1078 margin-left: 310px !important; 1079 } 1080 1081 .currenttotal2{ 1082 margin-left: 250px !important; 1083 } 1084 1085 .currenttotal3{ 1086 margin-left: 220px !important; 1087 } 1088 1089 .currenttotal4{ 1090 margin-left: 195px !important; 1091 } 1092 1093 .currenttotal5{ 1094 margin-left: 170px !important; 1095 } 1096 1097 .currenttotal6{ 1098 margin-left: 135px !important; 1099 } 1100 1101 .total6current2{ 1102 margin-left: 185px; 1103 } 1104 1105 .total6current3{ 1106 margin-left: 166px; 1107 } 1108 1109 .total6current4{ 1110 margin-left: 130px; 1111 } 1112 1113 .total6current5{ 1114 margin-left: 100px; 1115 } 1116 1117 .total6current6{ 1118 margin-left: 100px; 1119 } 1120 1121 .current1{ 1122 margin-left: 125px; 1123 } 1124 1125 .current2{ 1126 margin-left: 70px; 1127 } 1128 1129 .current3{ 1130 margin-left: 40px; 1131 } 1132 1133 .current4{ 1134 margin-left: 12px; 1135 } 1136 1137 .current5{ 1138 margin-left: -15px; 1139 } 1140 1141 .current6{ 1142 margin-left: -40px; 1143 } 1144 1145 .commoncurrent{ 1146 margin-left: 128px; 1147 } 1148 1149 .total1{ 1150 margin-left: 70px; 1151 } 1152 1153 .total2{ 1154 margin-left: 45px; 1155 } 1156 1157 .total3{ 1158 margin-left: 16px; 1159 } 1160 1161 .total4{ 1162 margin-left: -10px; 1163 } 1164 1165 .total5{ 1166 margin-left: -15px; 1167 } 1168 1169 .commontotal{ 1170 margin-left: -42px; 1171 } 1172 } 1173 </style> 1174 1175 @{ 1176 string sqlString = "SELECT BecomeAMemberPrice FROM ItemType_PLC_WebSite_Settings"; 1177 string becomeAMemberPrice = ""; 1178 using (System.Data.IDataReader myImageReader = Dynamicweb.Data.Database.CreateDataReader(sqlString.ToString())) 1179 { 1180 while (myImageReader.Read()) 1181 { 1182 becomeAMemberPrice = myImageReader["BecomeAMemberPrice"].ToString(); 1183 } 1184 } 1185 1186 var birthday = false; 1187 bool showBirthdayPrice1 = false; 1188 bool userHasVIPCard1 = false; 1189 bool userHasValidVipCard1 = false; 1190 1191 if (Dynamicweb.Core.Converter.ToBoolean(GetGlobalValue("Global:Extranet.UserName"))) 1192 { 1193 int i = Convert.ToInt32(GetGlobalValue("Global:Extranet.UserID")); 1194 1195 Dynamicweb.Security.UserManagement.User u = Dynamicweb.Security.UserManagement.User.GetUserByID(i); 1196 1197 foreach (CustomFieldValue val in u.CustomFieldValues) 1198 { 1199 CustomField field = val.CustomField; 1200 1201 string fieldName = field.Name; 1202 1203 if(fieldName == "DOB") 1204 { 1205 DateTime today = DateTime.Now; 1206 DateTime bDay = new DateTime(); 1207 if(val.Value != null) 1208 { 1209 bDay = (DateTime)val.Value; 1210 if(bDay.Month == today.Month) 1211 { 1212 birthday = true; 1213 } 1214 } 1215 } 1216 switch (fieldName.ToUpper()) 1217 { 1218 case "VIP CARD NO": 1219 userHasVIPCard1 = !string.IsNullOrEmpty((val.Value).ToString()); 1220 break; 1221 case "EXPRYDATE": 1222 userHasValidVipCard1 = DateTime.Now.Month <= ((DateTime)val.Value).Month; 1223 break; 1224 default: 1225 break; 1226 } 1227 } 1228 } 1229 showBirthdayPrice1 = birthday && userHasVIPCard1 && userHasValidVipCard1; 1230 1231 string grouplink = ""; 1232 1233 if (!string.IsNullOrWhiteSpace(GetString("Ecom:ProductList:Page.GroupID"))) { 1234 grouplink = "/Default.aspx?ID=" + GetValue("Ecom:ProductList:Page.ID") + "&GroupID=" + GetValue("Ecom:ProductList:Page.GroupID"); 1235 } else { 1236 grouplink = "&eComQuery=" + GetValue("Ecom:ProductList:Search.Query"); 1237 } 1238 var strUrl = System.Web.HttpContext.Current.Request.RawUrl.ToString() ; 1239 string[] words = strUrl.Split('/'); 1240 var firstgroup =System.Web.HttpContext.Current.Request.Params["firstgroup"]; 1241 var secondgroup = System.Web.HttpContext.Current.Request.Params["secondgroup"]; 1242 var thirdgroup = System.Web.HttpContext.Current.Request.Params["thirdgroup"]; 1243 @*var firstgroup =words[2]; 1244 var secondgroup = words[3]; 1245 var thirdgroup = words[4];*@ 1246 var grouptext = ""; 1247 1248 if (!string.IsNullOrWhiteSpace(firstgroup) && !string.IsNullOrWhiteSpace(secondgroup) && !string.IsNullOrWhiteSpace(thirdgroup)) 1249 { 1250 grouptext = thirdgroup; 1251 } 1252 else if(!string.IsNullOrWhiteSpace(firstgroup) && !string.IsNullOrWhiteSpace(secondgroup)) 1253 { 1254 grouptext = secondgroup; 1255 } 1256 else 1257 { 1258 grouptext = firstgroup; 1259 } 1260 1261 var totalPages = GetInteger("Ecom:ProductList.TotalPages"); 1262 var currentPage = GetInteger("Ecom:ProductList.CurrentPage"); 1263 var noOfPages = 3; 1264 var currentPageLink = ""; 1265 var blankLink = ""; 1266 var otherLink = ""; 1267 if(totalPages != 0) 1268 { 1269 foreach (LoopItem page in GetLoop("Ecom:ProductList.Pages")) 1270 { 1271 if (page.GetBoolean("Ecom:ProductList.Pages.Page.IsCurrent")) 1272 { 1273 currentPageLink =page.GetString("Ecom:ProductList.Pages.Page.Url"); 1274 } 1275 } 1276 var firstSplit = currentPageLink.Split(new string[] { "PageNum=" }, StringSplitOptions.None); 1277 blankLink = firstSplit[0]; 1278 1279 if(firstSplit[1].Contains("&")) 1280 { 1281 string[] split = firstSplit[1].Split(new char[] { '&' }, 2); 1282 otherLink = "&"+split[1]; 1283 } 1284 } 1285 1286 object objShowH1Title = false; 1287 bool showH1TitleFlag = false; 1288 Dynamicweb.Frontend.PageView.Current().Page.PropertyItem.TryGetValue("Show_H1_Title", ref objShowH1Title); ///with 9.6.10 1289 //Dynamicweb.Frontend.PageView.Current().Page.PropertyItem.TryGetValue("Show_H1_Title", out objShowH1Title); ///with 9.10.17 1290 showH1TitleFlag = objShowH1Title != null ? bool.Parse(objShowH1Title.ToString()) : false; 1291 1292 1293 } 1294 1295 <script> 1296 $( document ).ready(function() { 1297 document.cookie = "sortby="; 1298 Compare.writecompare(); 1299 if(getQueryStringValue("SortBy")) 1300 { 1301 var selectedVal = getQueryStringValue("SortBy") + "&SortOrder=" + getQueryStringValue("SortOrder") 1302 $('#sortSelect').val(selectedVal); 1303 } else { 1304 //$('#sortSelect').val('PleaseSelect'); 1305 //document.cookie = "sortby="; 1306 } 1307 }); 1308 function getCookie(name) { 1309 var pattern = RegExp(name + "=.[^;]*") 1310 matched = document.cookie.match(pattern) 1311 1312 if (matched) { 1313 var cookie = matched[0].split('=') 1314 return cookie[1] 1315 } 1316 return false 1317 } 1318 </script> 1319 1320 @{string pathproduct="/Files/Images/plc/";} 1321 1322 <div style="display:none;"> 1323 <div class="col-3-12"> 1324 @SnippetStart("facetSnippet") 1325 <div class="category-title col-1-1" style="margin-bottom: 50px;"> 1326 <div class="smallText">Shop by:</div> 1327 </div> 1328 <div id="FacetFilters" class="category-box col-1-1"> 1329 <div class="smallText">@Translate("Filter by"):</div> 1330 <hr class="grey" style="margin-top: 0px; margin-bottom: 0px;"> 1331 @{ 1332 string stringGroupID = ""; 1333 if(GetString("Ecom:ProductList:Page.ID") != "298") 1334 { 1335 foreach(var productGroup in GetLoop("ProductGroups")) 1336 { 1337 stringGroupID += productGroup.GetString("Ecom:Group.ID") + ","; 1338 } 1339 } 1340 } 1341 <!------------------------- for Price Filter Begin -------------------------> 1342 1343 <!------------------------- for Price Filter End -------------------------> 1344 <div class="filter-vertical toogleContent FixedHeightContainer" > 1345 <form id="filtercontainer" name="EcomSearch" class="form-filters" method="get" > 1346 @*<input type="hidden" name="ID" value='@GetString("Ecom:ProductList:Page.ID")' />*@ 1347 @if (!string.IsNullOrEmpty(System.Web.HttpContext.Current.Request["q"])) 1348 { <input type='hidden' name='q' value='@System.Web.HttpContext.Current.Request["q"]' /> } 1349 @if (!string.IsNullOrEmpty(System.Web.HttpContext.Current.Request["searchsuggest"])) 1350 { <input type='hidden' name='searchsuggest' value='@System.Web.HttpContext.Current.Request["searchsuggest"]' /> } 1351 1352 <input type="submit" style="display:none;"> 1353 1354 @foreach (LoopItem facetGroup in GetLoop("FacetGroups")) 1355 { 1356 foreach (LoopItem facet in facetGroup.GetLoop("Facets")) 1357 { 1358 var facetOptions = facet.GetLoop("FacetOptions"); 1359 string facetQueryParameter = facet.GetString("Facet.QueryParameter"); 1360 1361 if (!facetOptions.Any()) 1362 { 1363 continue; 1364 } 1365 if( 1366 (facet.GetString("Facet.Name")=="SecondGroup" ) || 1367 (facet.GetString("Facet.Name")=="ThirdGroup" ) || 1368 (facet.GetString("Facet.Name")=="FirstGroup") || 1369 (facet.GetString("Facet.Name")=="Color") || 1370 //(facet.GetString("Facet.Name")=="Size") || 1371 (facet.GetString("Facet.Name")=="Weight") || 1372 (facet.GetString("Facet.Name")=="Health Consideration") || 1373 (facet.GetString("Facet.Name")=="Life Stage") || 1374 (facet.GetString("Facet.Name")=="Availability") || 1375 (facet.GetString("Facet.Name")=="productclassic") || 1376 (facet.GetString("Facet.Name")=="Nutritional Option")|| 1377 (facet.GetString("Facet.Name")=="Brands")|| 1378 (facet.GetString("Facet.Name")=="Treats Type")|| 1379 (facet.GetString("Facet.Name")=="Kibble - Bite Size")|| 1380 (facet.GetString("Facet.Name")=="Pet Type")|| 1381 (facet.GetString("Facet.Name")=="Applications Type")|| 1382 (facet.GetString("Facet.Name")=="Pet Weight Range")|| 1383 (facet.GetString("Facet.Name")=="Litter Materials")|| 1384 (facet.GetString("Facet.Name")=="Litter Features")|| 1385 (facet.GetString("Facet.Name") == "Size")|| 1386 (facet.GetString("Facet.Name") == "Weights")|| 1387 (facet.GetString("Facet.Name") == "Volume")|| 1388 (facet.GetString("Facet.Name") == "Pet Weight Ranges") 1389 ) 1390 { 1391 if((facet.GetString("Facet.Name")=="SecondGroup")||(facet.GetString("Facet.Name")=="ThirdGroup")||(facet.GetString("Facet.Name")=="FirstGroup")||(facet.GetString("Facet.Name")=="productclassic")){ 1392 1393 <!--Category--> 1394 <div style="display:none" class="panel panel-flat"> 1395 <div class="panel-heading"> 1396 @{ 1397 var str = Regex.Replace(facet.GetString("Facet.Name"), @"\s+", ""); 1398 } 1399 <h4 class="panel-title tot-accordion"> 1400 <a data-toggle="collapse" data-target='#collapse@(str)' class="accordion-section-title" style="color: #000 !important;"> 1401 <span class="pull-right hasMinus"> <i class="i-minus"></i></span> @Translate(facet.GetString("Facet.Name")) 1402 </a> 1403 </h4> 1404 </div> 1405 <div id='collapse@(str)' class="collapse in"> 1406 <div class="panel-body smoothscroll" > 1407 1408 @if (facetOptions.Count() > 0) 1409 { 1410 <ul class="list-unstyled long-list"> 1411 1412 @foreach (LoopItem option in facetOptions) 1413 { 1414 var value = option.GetValue("FacetOption.Value"); 1415 var isSelected = option.GetBoolean("FacetOption.Selected"); 1416 var label = option.GetString("FacetOption.Label"); 1417 label = label.Replace("-a-",""); 1418 1419 var count = option.GetInteger("FacetOption.Count"); 1420 var facetName = (Regex.Replace(facet.GetString("Facet.Name"), @"\s+", "")).ToLower(); 1421 1422 char[] array = label.ToCharArray(); 1423 // Handle the first letter in the string. 1424 if (array.Length >= 1) 1425 { 1426 if (char.IsLower(array[0])) 1427 { 1428 array[0] = char.ToUpper(array[0]); 1429 } 1430 } 1431 // Scan through the letters, checking for spaces. 1432 // ... Uppercase the lowercase letters following spaces. 1433 for (int i = 1; i < array.Length; i++) 1434 { 1435 if (array[i - 1] == ' ') 1436 { 1437 if (char.IsLower(array[i])) 1438 { 1439 array[i] = char.ToUpper(array[i]); 1440 } 1441 } 1442 } 1443 string label2=new string(array); 1444 <li> 1445 <div class="block-element"> 1446 <label onclick ="clickCheckbox(this);"> 1447 @*<input type="checkbox" onclick="submitform()" data-hidden="true" class="filter-option-value" id="chk@(facetName)@(count)" name="@facetName" value="@value" @if (isSelected) { <text> checked="checked" </text> } />*@ 1448 <input type="checkbox" onclick="submitform()" data-hidden="true" class="filter-option-value" id="chk@(facetName)@(count)" name="@facetQueryParameter" value="@value" @if (isSelected) { <text> checked="checked" </text> } /> 1449 @label2 1450 </label> 1451 <span class="badge">(@count)</span> 1452 </div> 1453 </li> } 1454 </ul> 1455 } 1456 </div> 1457 </div> 1458 </div> 1459 <!--/Category menu end--> 1460 1461 } 1462 else{ 1463 1464 <div id="accordion"> 1465 <!--Category--> 1466 <div class="accordion-section" > 1467 @{ 1468 var str = Regex.Replace(facet.GetString("Facet.Name"), @"\s+", ""); 1469 bool showFacetName = false; 1470 } 1471 @if(facetOptions.Count() == 1) 1472 { 1473 foreach (LoopItem option in facetOptions) 1474 { 1475 if(option.GetInteger("FacetOption.Count") > 0 && option.GetString("FacetOption.Label").ToLower().Contains("nothing select")) 1476 { 1477 showFacetName = false; 1478 } 1479 else if(option.GetInteger("FacetOption.Count") > 0) 1480 { 1481 showFacetName = true; 1482 } 1483 } 1484 } 1485 else if (facetOptions.Count() > 1) 1486 { 1487 foreach (LoopItem option in facetOptions) 1488 { 1489 if(option.GetInteger("FacetOption.Count") > 0) 1490 { 1491 showFacetName = true; 1492 } 1493 } 1494 } 1495 @if(showFacetName) 1496 { 1497 <a class="accordion-section-title" data-toggle="collapse" onclick="return disableLink();" data-target='#collapse@(str)' href="#collapse@(str)" style="padding-top: 20px;"> 1498 @Translate(facet.GetString("Facet.Name")) 1499 </a> 1500 } 1501 </div> 1502 <div name="visibleFilter" id='collapse@(str)' class="accordion-section-content collapse scrollminicart"> 1503 @if (facetOptions.Count() > 0) 1504 { 1505 foreach (LoopItem option in facetOptions) 1506 { 1507 var value = option.GetValue("FacetOption.Value"); 1508 var isSelected = option.GetBoolean("FacetOption.Selected"); 1509 1510 var count = option.GetInteger("FacetOption.Count"); 1511 var label = option.GetString("FacetOption.Label"); 1512 label = facet.GetString("Facet.Name") == "Brands" ? label.ToUpper() : System.Globalization.CultureInfo.CurrentCulture.TextInfo.ToTitleCase(label.ToLower()); 1513 var displayLabel = Translate(label) + " (" + count + ")"; 1514 var labelCount = " (" + count + ")"; 1515 var facetName = (Regex.Replace(facet.GetString("Facet.Name"), @"\s+", "")).ToLower(); 1516 facetName = facetName == "kibble-bitesize" ? "bitesize" : facetName; 1517 if(count != 0 && !displayLabel.ToLower().Contains("nothing select")) 1518 { 1519 @*<input type="checkbox" onclick="submitform()" data-hidden="false" data-category="@str" class="filter-option-value" id="chk@(label)@(count)" name="@facetName" value="@value" @if (isSelected) { <text> checked="checked" </text> } />*@ 1520 <input type="checkbox" onclick="submitform()" data-hidden="false" data-category="@str" class="filter-option-value" id="chk@(label)@(count)" name="@facetQueryParameter" value="@value" @if (isSelected) { <text> checked="checked" </text> } /> 1521 @*@Translate(label) @labelCount*@ 1522 @displayLabel 1523 <br> 1524 } 1525 1526 } 1527 } 1528 </div> 1529 <!--/Category menu end--> 1530 </div>}} 1531 } 1532 1533 } 1534 @{ 1535 string currency = GetLoop("Products").Count() > 0 ? GetLoop("Products")[0].GetString("Ecom:Product.Discount.Price.Currency.Symbol") : string.Empty; 1536 } 1537 <div id="accordion"> 1538 <div id="priceFilterTitle" class="accordion-section" style="display:none;"> 1539 <a class="accordion-section-title" data-toggle="collapse" onclick="return disableLink(); return false;" data-target='#collapsePriceFilter' href="#collapsePriceFilter" style="padding-top: 20px;"> 1540 @Translate("Price Filter") 1541 </a> 1542 </div> 1543 <div name="visibleFilter" id='collapsePriceFilter' class="accordion-section-content collapse scrollminicart" style="display:none;"> 1544 <div> 1545 <label>@Translate("Price range"): @currency</label> 1546 <input class="price-filter-min" id="price-filter-min" name="minpricefilter" value="0" readonly /> 1547 ~ 1548 <input class="price-filter-max" id="price-filter-max" name="maxpricefilter" value="10000" readonly /> 1549 <input type="hidden" id="minprice" name="minprice" value="0" /> 1550 <input type="hidden" id="maxprice" name="maxprice" value="10000" /> 1551 </div> 1552 <div class="slider-range"> 1553 <div id="slider-range"></div> 1554 </div> 1555 </div> 1556 </div> 1557 1558 <div id="accordion"> 1559 <div id="wordSearchTitle" class="accordion-section"> 1560 <a class="accordion-section-title" data-toggle="collapse" onclick="return disableLink();" data-target='#collapseWordSearch' href="#collapseWordSearch" style="padding-top: 20px;"> 1561 @Translate("Search within this list") 1562 </a> 1563 </div> 1564 <div name="visibleFilter" id='collapseWordSearch' class="accordion-section-content collapse scrollminicart"> 1565 <div> 1566 <input type="text" id="wordSearch" name="wordSearch" placeholder='@Translate("Word Search")' value='@System.Web.HttpContext.Current.Request["wordSearch"]' /> 1567 <input id="applyFilters" type="submit" class="btn btn-sm btn-two" value='@Translate("Search")' style="width:60px;" /> 1568 </div> 1569 </div> 1570 </div> 1571 1572 <div style="clear:both;margin-bottom:40px;" > 1573 <input id="clearFilters" type="reset" onclick="resetForm()" class="btn btn-sm btn-two" value='@Translate("Reset Filters")' /> 1574 </div> 1575 </form> 1576 1577 1578 1579 1580 <script> 1581 function resetForm(){ 1582 var checkboxes = document.getElementById("filtercontainer").getElementsByTagName("input"); 1583 for(var i=0;i<checkboxes.length;i++){ 1584 if(checkboxes[i].checked == true && $(checkboxes[i]).data("hidden")==false){ 1585 console.log(checkboxes[i].value); 1586 $(checkboxes[i]).attr("checked",false); 1587 } 1588 } 1589 $("#wordSearch").val(""); 1590 var url = new URL(window.location); 1591 var query_string = url.search; 1592 var search_params = new URLSearchParams(query_string); 1593 search_params.set('minpricefilter', '0'); 1594 search_params.set('maxpricefilter', max_price); 1595 search_params.set('wordSearch', ''); 1596 url.search = search_params.toString(); 1597 var new_url = url.toString(); 1598 window.location.href = new_url; 1599 setTimeout(function(){document.getElementById("filtercontainer").submit();},300); 1600 } 1601 </script> 1602 @foreach (LoopItem k in GetLoop("Ecom:Search.Filters")) 1603 { 1604 1605 <!--@LoopStart("Ecom:Search.Filter.Options")--> 1606 <!--@Ecom:Search.Filter.Name--> 1607 <!--@Ecom:Search.Filter.Option.Label--> 1608 <!--@Ecom:Search.Filter.Option.Value--> 1609 <!--@LoopEnd("Ecom:Search.Filter.Options")--> 1610 } 1611 1612 </div> 1613 <script> 1614 function disableLink(){ 1615 return false; 1616 } 1617 function submitform(){ 1618 var x = document.getElementsByName('EcomSearch'); 1619 x[0].submit(); 1620 } 1621 1622 function clickCheckbox(check){ 1623 1624 } 1625 1626 function expandFacets(){ 1627 1628 var filterDiv = document.getElementsByName("visibleFilter"); 1629 1630 for(var i=0;i<filterDiv.length;i++){ 1631 1632 var checkboxes = filterDiv[i].getElementsByTagName("input"); 1633 1634 for(var j=0;j<checkboxes.length;j++){ 1635 if(checkboxes[j].checked == true){ 1636 var targetFilter = document.getElementById("collapse"+$(checkboxes[j]).data("category")); 1637 console.log("collapse"+$(checkboxes[j]).data("category")); 1638 targetFilter.setAttribute("class", "collapse in"); 1639 break; 1640 } 1641 } 1642 } 1643 } 1644 1645 $(document).ready(function() { 1646 //expandFacets(); 1647 if('@GetGlobalValue("Global:Device.IsMobile")' != "True") { 1648 $('.accordion-section-title').click(); 1649 } 1650 }); 1651 </script> 1652 <style> 1653 .price-filter-min, .price-filter-max { 1654 width: 22%; 1655 border: none; 1656 background: none; 1657 } 1658 .price-filter-min { 1659 text-align: right; 1660 } 1661 .price-filter-max { 1662 text-align: left; 1663 } 1664 .slider-range { 1665 padding: 0 10px 0 10px; 1666 } 1667 #applyFilters { 1668 margin-top: -3px; 1669 } 1670 1671 .FixedHeightContainer 1672 { 1673 height: auto; 1674 } 1675 .scrollminicart 1676 { 1677 max-height:224px; 1678 height:auto; 1679 overflow:auto; 1680 1681 } 1682 #collapsePriceFilter.collapse > div 1683 { 1684 display:none; 1685 } 1686 #collapsePriceFilter.collapse.in > div 1687 { 1688 display:block!important; 1689 } 1690 </style> 1691 <!------------------------- Price Filter Begin -------------------------> 1692 @{ 1693 int requested_Min_Price = 0; 1694 int requested_Max_Price = 0; 1695 int minPrice = 0; 1696 int maxPrice = 0; 1697 int pageNumber = 0; 1698 string getPriceUrl = string.Empty; 1699 try 1700 { 1701 requested_Min_Price = Convert.ToInt32(System.Web.HttpContext.Current.Request["minpricefilter"]); 1702 requested_Max_Price = Convert.ToInt32(System.Web.HttpContext.Current.Request["maxpricefilter"]); 1703 minPrice = Convert.ToInt32(System.Web.HttpContext.Current.Request["minprice"]); 1704 maxPrice = Convert.ToInt32(System.Web.HttpContext.Current.Request["maxprice"]); 1705 pageNumber = Convert.ToInt32(System.Web.HttpContext.Current.Request["PageNum"]); 1706 //getPriceUrl = System.Web.HttpContext.Current.Request.Url.AbsoluteUri.Replace(GetString("Ecom:ProductList:Page.ID"), "3123").Replace("PageNum=" + pageNumber,"PageNum="); 1707 getPriceUrl = System.Web.HttpContext.Current.Request.Url.Scheme + "://" + System.Web.HttpContext.Current.Request.Url.Host + "/Default.aspx?ID=3123"; 1708 } 1709 catch(Exception ex) 1710 { 1711 requested_Min_Price = 0; 1712 requested_Max_Price = 0; 1713 minPrice = 0; 1714 maxPrice = 0; 1715 //getPriceUrl = System.Web.HttpContext.Current.Request.Url.AbsoluteUri.Replace(GetString("Ecom:ProductList:Page.ID"), "3123"); 1716 getPriceUrl = System.Web.HttpContext.Current.Request.Url.Scheme + "://" + System.Web.HttpContext.Current.Request.Url.Host + "/Default.aspx?ID=3123"; 1717 } 1718 } 1719 1720 <link rel="stylesheet" href="/Files/Templates/Designs/PLC/assets/jQuery_Ui_Slider/jquery-ui.css" type="text/css"> 1721 <script src="https://code.jquery.com/ui/1.12.1/jquery-ui.js"></script> 1722 <script src="/Files/Templates/Designs/PLC/assets/jQuery_Ui_Slider/jquery.ui.touch-punch.min.js"></script> 1723 1724 <script> 1725 var priceFilterMouseDown = false; 1726 var min_price = 0; 1727 var max_price = 0; 1728 var requested_min_price = parseInt("@requested_Min_Price"); 1729 var requested_max_price = parseInt("@requested_Max_Price"); 1730 var url = "@getPriceUrl" + "&SortBy=InternetPrice&SortOrder=Desc" + "&GroupId=" + "@stringGroupID"; 1731 $.ajax( 1732 { 1733 url: url, 1734 type: 'POST', 1735 success: function (data) 1736 { 1737 if(parseInt("@minPrice") == 0 && parseInt("@maxPrice") == 0) { 1738 min_price = parseInt(data["Min_Price"]); 1739 max_price = parseInt(data["Max_Price"]) + 1; 1740 } else { 1741 min_price = parseInt("@minPrice"); 1742 max_price = parseInt("@maxPrice"); 1743 } 1744 1745 $("#minprice").val(min_price); 1746 $("#maxprice").val(max_price); 1747 1748 if(requested_min_price == 0 && requested_max_price == 0) 1749 { 1750 requested_max_price = min_price; 1751 requested_max_price = max_price; 1752 } 1753 $( function() { 1754 $( "#slider-range" ).slider({ 1755 range: true, 1756 min: min_price, 1757 max: max_price, 1758 values: [ requested_min_price, requested_max_price ], 1759 slide: function( event, ui ) { 1760 $( "#price-filter-min" ).val(ui.values[ 0 ]); 1761 $( "#price-filter-max" ).val(ui.values[ 1 ]); 1762 } 1763 }); 1764 $( "#price-filter-min" ).val( $( "#slider-range" ).slider( "values", 0 )); 1765 $( "#price-filter-max" ).val( $( "#slider-range" ).slider( "values", 1 ) ); 1766 }); 1767 $( "#priceFilterTitle" ).show(); 1768 $( "#collapsePriceFilter" ).show(); 1769 $('.ui-slider-handle ui-corner-all ui-state-default').draggable(); 1770 }, 1771 error: function (jqXHR, textStatus, errorThrown) 1772 { 1773 //console.log("jqXHR: " + jqXHR); 1774 //console.log("textStatus: " + textStatus); 1775 //console.log("errorThrown: " + errorThrown); 1776 } 1777 }); 1778 1779 $( "#slider-range" ).mousedown(function() { 1780 priceFilterMouseDown = true; 1781 }); 1782 $(document).mouseup(function() { 1783 if(priceFilterMouseDown) { 1784 $("#applyFilters").click(); 1785 } 1786 }); 1787 1788 1789 <!------------------------- Price Filter End -------------------------> 1790 1791 <!------------------------- on Form Submit Begin -------------------------> 1792 1793 $(function() 1794 { 1795 $("form").submit(function() 1796 { 1797 $('#wordSearch').val($('#wordSearch').val().toLowerCase()); 1798 <!-- Handling null value parameter --> 1799 $( 'input[value=""]' ).each(function(index) { 1800 if($( this ).val() == null || $( this ).val() == "") { 1801 $( this ).attr("disabled", "disabled"); 1802 } 1803 }); 1804 return true; // ensure form still submits 1805 }); 1806 }); 1807 <!------------------------- on Form Submit End -------------------------> 1808 </script> 1809 <style> 1810 .dw-categories > li > .M2{ 1811 background:none; 1812 } 1813 .list-open-active { 1814 background:none; 1815 } 1816 ul.dw-categories > li > ul { 1817 background:none; 1818 } 1819 .list-active { 1820 background:none; 1821 } 1822 </style> 1823 </div> 1824 @SnippetEnd("facetSnippet") 1825 </div> 1826 </div> 1827 @if(showH1TitleFlag) 1828 { 1829 <h1 style="text-align: center;">@GetString("Ecom:Group:Field.h1titletext")</h1> 1830 } 1831 <div class="prod-content-right col-12-12"> 1832 @if( !string.IsNullOrWhiteSpace(grouptext)) 1833 { 1834 <h2 style="text-transform: capitalize;">@grouptext.Replace("-a-","&")</h2> 1835 } 1836 else 1837 { 1838 <h2 style="text-transform: capitalize;">@grouptext</h2> 1839 } 1840 <div class="col-1-1 nopadding"> 1841 <div class="sort-box col-1-3 nopadding"> 1842 <form class="sort-by"> 1843 <label class="smallText bold">@Translate("Sort by:", "Sort by:") </label> 1844 <select id="sortSelect" onchange="SortProductsBy(this.value)" style="width:100px"> 1845 @*<option value="PleaseSelect">@Translate("Please select", "Please select") </option>*@ 1846 <option value="TotalAmtSold&SortOrder=Desc" > @Translate("Best Selling", "Best Selling") </option> 1847 <option value="Brand&SortOrder=Asc" >@Translate("Brand A-Z", "Brand A-Z") </option> 1848 <option value="Brand&SortOrder=Desc" > @Translate("Brand Z-A", "Brand Z-A") </option> 1849 1850 <option value="InternetPrice&SortOrder=Asc" >@Translate("Price low-high") </option> 1851 <option value="InternetPrice&SortOrder=Desc" > @Translate("Price high-low", "Price high-low") </option> 1852 1853 1854 @*<option value="BestSelling&SortOrder=Asc" >@Translate("Best Selling low-high", "Best Selling low-high") </option> 1855 <option value="BestSelling&SortOrder=Desc" > @Translate("Best Selling high-low", "Best Selling high-low") </option>*@ 1856 1857 <option value="NewArrivals&SortOrder=Desc" > @Translate("New Arrivals", "New Arrivals") </option> 1858 @*<option value="NewArrivals&SortOrder=Asc" >@Translate("New Arrivals low-high", "New Arrivals low-high") </option> 1859 <option value="NewArrivals&SortOrder=Desc" > @Translate("New Arrivals high-low", "New Arrivals high-low") </option>*@ 1860 </select> 1861 </form> 1862 </div> 1863 1864 <div class="page-no-top col-2-3"> 1865 @if(currentPage == 1) 1866 { 1867 if(totalPages == 1) 1868 { 1869 <div id="items-pages" class="items-pages currenttotal1 mblpagination">@GetString("Ecom:ProductList.PageProdCnt") @Translate("items in list")</div> 1870 }else if(totalPages == 2){ 1871 <div id="items-pages" class="items-pages currenttotal2 mblpagination">@GetString("Ecom:ProductList.PageProdCnt") @Translate("items in list")</div> 1872 }else if(totalPages == 3){ 1873 <div id="items-pages" class="items-pages currenttotal3 mblpagination">@GetString("Ecom:ProductList.PageProdCnt") @Translate("items in list")</div> 1874 }else if(totalPages == 4){ 1875 <div id="items-pages" class="items-pages currenttotal4 mblpagination">@GetString("Ecom:ProductList.PageProdCnt") @Translate("items in list")</div> 1876 }else if(totalPages == 5){ 1877 <div id="items-pages" class="items-pages currenttotal5 mblpagination">@GetString("Ecom:ProductList.PageProdCnt") @Translate("items in list")</div> 1878 }else if(totalPages == 6){ 1879 <div id="items-pages" class="items-pages currenttotal6 mblpagination">@GetString("Ecom:ProductList.PageProdCnt") @Translate("items in list")</div> 1880 }else{ 1881 <div id="items-pages" class="items-pages current1 mblpagination">@GetString("Ecom:ProductList.PageProdCnt") @Translate("items in list")</div> 1882 } 1883 }else if(currentPage == 2) 1884 { 1885 if(totalPages <= 6) 1886 { 1887 <div id="items-pages" class="items-pages total6current2 destopcurrent2 mblpagination">@GetString("Ecom:ProductList.PageProdCnt") @Translate("items in list")</div> 1888 }else{ 1889 <div id="items-pages" class="items-pages current2 mblpagination">@GetString("Ecom:ProductList.PageProdCnt") @Translate("items in list")</div> 1890 } 1891 }else if(currentPage == 3) 1892 { 1893 if(totalPages <= 6) 1894 { 1895 <div id="items-pages" class="items-pages total6current3 destopcurrent3 mblpagination">@GetString("Ecom:ProductList.PageProdCnt") @Translate("items in list")</div> 1896 }else{ 1897 <div id="items-pages" class="items-pages current3 mblpagination">@GetString("Ecom:ProductList.PageProdCnt") @Translate("items in list")</div> 1898 } 1899 }else if(currentPage == 4) 1900 { 1901 if(totalPages <= 6) 1902 { 1903 <div id="items-pages" class="items-pages total6current4 destopcurrent4 mblpagination">@GetString("Ecom:ProductList.PageProdCnt") @Translate("items in list")</div> 1904 }else{ 1905 <div id="items-pages" class="items-pages current4 mblpagination">@GetString("Ecom:ProductList.PageProdCnt") @Translate("items in list")</div> 1906 } 1907 }else if(currentPage == 5) 1908 { 1909 if(totalPages <= 6) 1910 { 1911 <div id="items-pages" class="items-pages total6current5 destopcurrent5 mblpagination">@GetString("Ecom:ProductList.PageProdCnt") @Translate("items in list")</div> 1912 }else{ 1913 <div id="items-pages" class="items-pages current5 mblpagination">@GetString("Ecom:ProductList.PageProdCnt") @Translate("items in list")</div> 1914 } 1915 }else if(currentPage == 6) 1916 { 1917 if(totalPages <= 6) 1918 { 1919 <div id="items-pages" class="items-pages total6current6 destopcurrent6 mblpagination">@GetString("Ecom:ProductList.PageProdCnt") @Translate("items in list")</div> 1920 }else{ 1921 <div id="items-pages" class="items-pages current6 mblpagination">@GetString("Ecom:ProductList.PageProdCnt") @Translate("items in list")</div> 1922 } 1923 }else 1924 { 1925 if(currentPage == totalPages) 1926 { 1927 <div id="items-pages" class="items-pages commoncurrent mblpagination">@GetString("Ecom:ProductList.PageProdCnt") @Translate("items in list")</div> 1928 }else{ 1929 if(currentPage == (totalPages - 1)) 1930 { 1931 <div id="items-pages" class="items-pages total1 mblpagination">@GetString("Ecom:ProductList.PageProdCnt") @Translate("items in list")</div> 1932 }else if(currentPage == (totalPages - 2)) 1933 { 1934 <div id="items-pages" class="items-pages total2 mblpagination">@GetString("Ecom:ProductList.PageProdCnt") @Translate("items in list")</div> 1935 }else if(currentPage == (totalPages - 3)) 1936 { 1937 <div id="items-pages" class="items-pages total3 mblpagination">@GetString("Ecom:ProductList.PageProdCnt") @Translate("items in list")</div> 1938 }else if(currentPage == (totalPages - 4)) 1939 { 1940 <div id="items-pages" class="items-pages total4 mblpagination">@GetString("Ecom:ProductList.PageProdCnt") @Translate("items in list")</div> 1941 }else if(currentPage == (totalPages - 5)) 1942 { 1943 <div id="items-pages" class="items-pages total5 mblpagination">@GetString("Ecom:ProductList.PageProdCnt") @Translate("items in list")</div> 1944 }else{ 1945 <div id="items-pages" class="items-pages commontotal mblpagination">@GetString("Ecom:ProductList.PageProdCnt") @Translate("items in list")</div> 1946 } 1947 } 1948 } 1949 <ul class="page-prev-next top-paging-prev" style="float: left;"> 1950 @if (!string.IsNullOrWhiteSpace(GetString("Ecom:ProductList.PrevPage.Clean"))) 1951 { 1952 <li><a href="@GetString("Ecom:ProductList.PrevPage.Clean")" style="margin-top:3px;">‹</a></li> 1953 } 1954 </ul> 1955 <ul id="page-no" class="page-no"> 1956 @{ 1957 if(currentPage!=1){ 1958 <li style="padding: 0 2px 0 2px;"><a href='@(blankLink+"PageNum=1"+otherLink)'><strong>1</strong></a></li> 1959 } 1960 @*...*@ 1961 if(currentPage - noOfPages > 2){ 1962 <li><a>...</a></li> 1963 } 1964 @*previous 5 pages*@ 1965 for(var i = currentPage-noOfPages; i < currentPage; i++){ 1966 if(i>1){ 1967 <li style="padding: 0 2px 0 2px;"><a href='@(blankLink+"PageNum="+i+otherLink)' ><strong>@i</strong></a></li> 1968 } 1969 } 1970 @*currentpage*@ 1971 <li class="active" style="padding: 0 2px 0 2px; text-decoration: underline;"><a href="@currentPageLink"><strong>@currentPage</strong></a></li> 1972 @*forward 5 pages*@ 1973 for(var i = currentPage+1; i < currentPage+noOfPages + 1; i++){ 1974 if(i<totalPages){ 1975 <li style="padding: 0 2px 0 2px;"><a href='@(blankLink+"PageNum="+i+otherLink)'><strong>@i</strong></a></li> 1976 } 1977 } 1978 @*...*@ 1979 if(currentPage + noOfPages < totalPages-2){ 1980 <li style="padding: 0 2px 0 2px;"><a>...</a></li> 1981 } 1982 1983 if(currentPage != totalPages && totalPages != 0){ 1984 <li style="padding: 0 2px 0 2px;"><a href='@(blankLink+"PageNum="+totalPages+otherLink)'><strong>@totalPages</strong></a></li> 1985 } 1986 } 1987 1988 </ul> 1989 <ul class="page-prev-next" style="margin-left: 10px;"> 1990 1991 @if (!string.IsNullOrWhiteSpace(GetString("Ecom:ProductList.NextPage.Clean"))) 1992 { 1993 <li><a href="@GetString("Ecom:ProductList.NextPage.Clean")" style="margin-top: 3px;">›</a></li> 1994 } 1995 1996 </ul> 1997 </div> 1998 1999 <hr class="grey"> 2000 </div> 2001 2002 @if(birthday && showBirthdayPrice1) 2003 { 2004 <!--<div class="info-box col-1-1" style="padding-bottom: 20px;">--> 2005 <!-- <img src="@pathproduct/images/icon_info.png" width="20" align="texttop" alt="icon_info" title="">--> 2006 <!--<span style="font-size:16px;"><strong>That's because it's your birthday this month!</span>--> 2007 <!--</div>--> 2008 } 2009 <div class="clearfix"></div> 2010 <div class="clearfix"></div> 2011 2012 <div class="compare-box" id="comparebox" style="display: none;"> 2013 <div class="title"> 2014 <h3>@Translate("Compare products")</h3> 2015 <p>(@Translate("Add up to 3 products"))</p> 2016 </div> 2017 <div class="btn-box"> 2018 <div class="btn" style="background-color:#FDF2F0;"><a href='javascript:Compare.compare(@GetPageIdByNavigationTag("ProductComparison"));'>@Translate("Compare","Compare")</a></div> 2019 <p align="center" class="smallText bold"><a href="javascript:Compare.removeall();">@Translate("Clear All","Clear All")</a></p> 2020 </div> 2021 <div id ="compare" class="add-img"> 2022 <div class="btn-add-img"><a href="#">+</a></div> 2023 </div> 2024 </div> 2025 2026 <div id="addedItem"></div> 2027 <div class="col-1-1 nopadding"> 2028 @GetProductList(GetLoop("Products"),birthday,becomeAMemberPrice, 3) 2029 </div> 2030 2031 <p> </p> 2032 <hr class="grey"> 2033 2034 <div class="page-no-bottom col-1-1" style="margin-bottom:0px;"> 2035 <div id="items-pages" class="items-pages">@GetString("Ecom:ProductList.PageProdCnt") @Translate("items in list")</div> 2036 <ul class="page-prev-next"> 2037 2038 @if (!string.IsNullOrWhiteSpace(GetString("Ecom:ProductList.PrevPage.Clean"))) 2039 { 2040 <li style="padding: 0 2px 0 2px;"><a href="@GetString("Ecom:ProductList.PrevPage.Clean")">‹</a></li> 2041 } 2042 2043 </ul> 2044 <ul id="page-no" class="page-no"> 2045 2046 @{ 2047 if(currentPage!=1){ 2048 <li style="padding: 0 2px 0 2px;"><a href='@(blankLink+"PageNum=1"+otherLink)'><strong>1</strong></a></li> 2049 } 2050 @*...*@ 2051 if(currentPage - noOfPages > 2){ 2052 <li><a>...</a></li> 2053 } 2054 @*previous 5 pages*@ 2055 for(var i =currentPage-noOfPages;i<currentPage;i++){ 2056 if(i>1){ 2057 <li style="padding: 0 2px 0 2px;"><a href='@(blankLink+"PageNum="+i+otherLink)' ><strong>@i</strong></a></li> 2058 } 2059 } 2060 @*currentpage*@ 2061 <li class="active" style="padding: 0 2px 0 2px; text-decoration: underline;"><a href="@currentPageLink"><strong>@currentPage</strong></a></li> 2062 @*forward 5 pages*@ 2063 for(var i =currentPage+1;i<currentPage+noOfPages+1;i++){ 2064 if(i<totalPages){ 2065 <li style="padding: 0 2px 0 2px;"><a href='@(blankLink+"PageNum="+i+otherLink)'><strong>@i</strong></a></li> 2066 } 2067 } 2068 @*...*@ 2069 if(currentPage + noOfPages < totalPages-2){ 2070 <li><a>...</a></li> 2071 } 2072 2073 if(currentPage != totalPages && totalPages != 0){ 2074 <li style="padding: 0 2px 0 2px;"><a href='@(blankLink+"PageNum="+totalPages+otherLink)'><strong>@totalPages</strong></a></li> 2075 } 2076 } 2077 2078 </ul> 2079 <ul class="page-prev-next" style="margin-left: 10px;"> 2080 2081 @if (!string.IsNullOrWhiteSpace(GetString("Ecom:ProductList.NextPage.Clean"))) 2082 { 2083 <li><a href="@GetString("Ecom:ProductList.NextPage.Clean")">›</a></li> 2084 } 2085 2086 </ul> 2087 </div> 2088 <!--<div class="clearfix"></div> 2089 2090 <div class="compare-box" id="comparebox" style="display: none;"> 2091 <div class="title"> 2092 <h3>@Translate("Compare products")</h3> 2093 <p>(@Translate("Add up to 3 products"))</p> 2094 </div> 2095 <div class="btn-box"> 2096 <div class="btn" style="background-color:#FDF2F0;"><a href='javascript:Compare.compare(@GetPageIdByNavigationTag("ProductComparison"));'>@Translate("Compare","Compare")</a></div> 2097 <p align="center" class="smallText bold"><a href="javascript:Compare.removeall();">@Translate("Clear All","Clear All")</a></p> 2098 </div> 2099 <div id ="compare" class="add-img"> 2100 <div class="btn-add-img"><a href="#">+</a></div> 2101 </div> 2102 </div> 2103 2104 </div>--> 2105 2106 <div id="location" style="width:100%; max-width:400px;display: none;"> 2107 <form> 2108 <h3 style="margin:0;">You have selected more than one location.</h3> 2109 <p style="margin:0 0 20px 0;">Which location would like to pick up this product from?</p> 2110 <input type="checkbox" /> Toa Payoh<br /> 2111 <input type="checkbox" /> Valley Point 2112 <div class="btn-addto-cart" style="margin-top:20px; width:200px;"> 2113 <a href="#"><i class="fa fa-shopping-cart"></i> @Translate("Add to cart") **</a> 2114 </div> 2115 </form> 2116 </div> 2117 <script> 2118 function getQueryStringValue (key) { 2119 return unescape(window.location.search.replace(new RegExp("^(?:.*[&\\?]" + escape(key).replace(/[\.\+\*]/g, "\\$&") + "(?:\\=([^&]*))?)?.*$", "i"), "$1")); 2120 } 2121 2122 setSortDropDown(); 2123 function setSortDropDown(){ 2124 var pageLink = document.location.href; 2125 if(!pageLink.includes("SortBy")) { 2126 2127 } else { 2128 var sortby1 = pageLink.split('SortBy=')[1]; 2129 var sortby = sortby1.split('&SortOrder=')[0]; 2130 var sortorder = sortby1.split('&SortOrder=')[1]; 2131 var sortstring = sortby.toLowerCase() + sortorder.toLowerCase(); 2132 document.getElementById("sortSelect").value = sortstring; 2133 } 2134 } 2135 function SortProductsBy(sortcode) { 2136 var Page = "@grouplink"; 2137 var pageLink = document.location.href; 2138 var paraJoinSign = ""; 2139 if(location.href.indexOf('?') >= 0) { 2140 paraJoinSign = "&"; 2141 } else { 2142 paraJoinSign = "?"; 2143 } 2144 2145 if($("#sortSelect").val() == "PleaseSelect") { 2146 //document.cookie = "sortby="; 2147 } else { 2148 //document.cookie = "sortby=" + sortcode; 2149 } 2150 2151 if(!pageLink.includes("SortBy")){ 2152 document.location.href = location.href + paraJoinSign + "SortBy=" + sortcode; 2153 } 2154 else{ 2155 //document.location.href = pageLink.split("&SortBy")[0]+ "&SortBy=" + sortcode; 2156 var withoutParameter = window.location.href.split('?')[0]; 2157 document.location.href = withoutParameter + "?SortBy=" + sortcode; 2158 } 2159 } 2160 2161 function compareProducts(compareId,productName,productLink,checked){ 2162 if(!checked) { 2163 Compare.remove(compareId); 2164 } else { 2165 Compare.add(compareId,productName,productLink); 2166 } 2167 } 2168 </script> 2169 @* ----- qty controller Begin----- *@ 2170 <script type="text/javascript" src="/Files/Templates/Designs/PLC/js/PLCAddToCartQtyController.js?v=1.1"></script> 2171 @* ----- qty controller End------- *@
