1 <!DOCTYPE html> <html class="no-js" lang="en"> <head> <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" /> <meta charset="utf-8" /> <title> 2 P.F. Chang's | Contact Us | P.F. Chang's 3</title> <link rel="shortcut icon" href="/assets/icons/favicon.ico" type="image/x-icon"> <meta name="viewport" content="width=device-width, initial-scale=1"> <link rel="apple-touch-icon" sizes="180x180" href="/assets/icons/apple-touch-icon.png"> <link rel="icon" type="image/png" sizes="32x32" href="/assets/icons/favicon-32x32.png"> <link rel="icon" type="image/png" sizes="16x16" href="/assets/icons/favicon-16x16.png"> <link rel="manifest" href="/assets/icons/manifest.json"> <link href="/ResourcePackages/PFC/assets/dist/fonts/Avenir Next Condensed.woff" rel="preload" as="font" type="font/woff" crossorigin> <link href="/ResourcePackages/PFC/assets/dist/fonts/TrajanProBold.woff" rel="preload" as="font" type="font/woff" crossorigin> <link href="/ResourcePackages/PFC/assets/dist/fonts/Avenir Next Condensed.woff2" rel="preload" as="font" type="font/woff2" crossorigin> <link href="/ResourcePackages/PFC/assets/dist/fonts/TrajanProBold.woff2" rel="preload" as="font" type="font/woff2" crossorigin> <link href="/ResourcePackages/PFC/assets/dist/css/main.50e0e7539f0101ee6b6262f03db5bd93.min.css" rel="stylesheet" type="text/css" />
3<script> 4 (function () { 5 "use strict"; 6 var el = document.getElementsByTagName('html')[0], 7 nojsClass = "no-js", jsClass = "js"; 8 9 if (el.classList) { 10 el.classList.remove(nojsClass); 11 el.classList.add(jsClass); 12 } else { 13 el.className = el.className.replace(new RegExp('(^|\\b)' + nojsClass.split(' ').join('|') + '(\\b|$)', 'gi'), ' '); 14 el.className += ' ' + jsClass; 15 } 16 }()); 17 </script>
17 <meta property="og:title" content="Contact Us | P.F. Chang's" /><meta property="og:description" content="Questions or comments about P.F. Chang's? Contact us to find out more information about our locations, menu items, rewards and more." /><meta property="og:url" content="https://www.pfchangs.com/contact-us" /><meta property="og:type" content="website" /><meta property="og:site_name" content="Default" /><style type="text/css" media="all">/* 01/07/2025 10pm AZT Updated for Header Template Publish */ 18/* Need to add to main.faf9fdâ¦a.css:15915*/ 19/* Nav bar css */ 20nav.main-navbar{ 21 height: 5rem; 22 width: 100vw; 23 background-color: #000; 24 box-shadow: 0 3px 15px rgba(0, 0, 0, 0.2); 25 display: flex; 26 position: fixed; 27 z-index: 10; 28 padding:0 20px; 29 top:80px; /*update to 35px*/ 30 /*top:0;*/ 31} 32.header-cta .button.button-red { 33 padding: .5em 1em .4em !important; 34} 35.header-cta .button.button-red:focus{ 36 color:#a6262f !important; 37} 38.header-cta .button.button-red:hover{ 39 color:#a6262f !important; 40 font-weight: 600; 41} 42/*Styling logo*/ 43.main-navbar .logo{ 44 padding:1vh 0vw; 45 width: 20vw; 46 display: flex;
47 align-items: center; 48} 49.main-navbar .logo a{ 50 /*font-size: 2em;*/ 51 padding: 0px 0px 0px 0px; 52 line-height: 2; 53 height:unset; 54} 55.main-navbar .logo img { 56 width: 200px; 57} 58 59/*Styling Links*/ 60.main-navbar .nav-links{ 61 display: flex; 62 list-style: none; 63 width: 80vw; 64 padding: 0 0.1vw; 65 justify-content: space-evenly; 66 align-items: center; 67 text-transform: uppercase; 68 margin-bottom:0px; 69} 70.main-navbar .nav-links li a{ 71 text-decoration: none; 72 margin: 0 0.7vw; 73 color: #fff !important; 74 75 font-weight: 400; 76 padding:12px 5px;height:unset; 77} 78.main-navbar .nav-links li a:hover { 79 font-weight:600; 80} 81.main-navbar .nav-links li { 82 position: relative; 83} 84.main-navbar .form__label--checkbox a img{ 85 width: 30px; 86} 87.main-navbar .logo .form__label--checkbox a{ 88 font-size:18px; 89 margin-top: 0px !important; 90 padding: 0 !important; 91} 92/*More css*/ 93.menu-options.show ul{ 94 /*display:flex;*/ 95 /*margin-top:130px;*/ /*change to 100 once top navbar removed*/ 96 /*width:70vw; 97 justify-content: space-evenly; 98 align-items: center; 99 margin-left: auto; 100 margin-bottom:0;*/ 101 text-transform: uppercase; 102 padding-left:0; 103} 104.menu-options.show ul li a{ 105 text-decoration:unset; 106 font-weight: 400; 107 padding:8px; 108} 109.menu-options.show ul li a:hover{ 110 font-weight: 600; 111 text-decoration-color: #fff !important; 112} 113ul.nav-links-right { 114 display: flex; 115 justify-content: flex-end; 116 align-items: center; 117 margin-bottom: 0; 118 margin-left: auto; 119 width: 40vw; 120 padding-right: 20px; 121} 122/*Styling Hamburger Icon*/ 123.hamburger div{ 124 width: 30px; 125 height:3px; 126 background: #f2f5f7; 127 margin: 5px; 128 transition: all 0.3s ease; 129} 130.hamburger{ 131 display: none; 132} 133.main-navbar .logo .form__label--checkbox a:last-child{ 134 font-size:14px; 135 font-weight:400; 136} 137 138@media only screen and (min-width : 300px) and (max-width: 767px){ 139 140 /*#truyo-consent-module.sticky-footer.d-flex{ 141 bottom: 70px; 142 }*/ 143 /*ul.copy-rights li:last-child{ 144 width:100% !important; 145}*/ 146ul.copy-rights li:nth-child(odd){ 147 width: 45%; 148 vertical-align: top; 149} 150ul.copy-rights li:nth-child(even){ 151 width: 53%; 152 vertical-align: top; 153} 154 /* ul.copy-rights li:nth-child(5){ 155 width:100%; 156}*/ 157 ul.copy-rights li{ 158 display: inline-block !important; 159 margin-right: 0 !important; 160 padding: 9px 0px; 161 text-align: left; 162 } 163 .cookieSettingButton{ 164 margin-right:0px !important; 165 } 166 .main-navbar .logo img{ 167 width: 175px !important; 168 } 169 .main-navbar .logo a.mb-logo { 170 padding: 0px 0px 0px 10px; 171} 172 .mobile-only{ 173 display:block !important; 174} 175 176 ul.copy-rights li:last-child{ 177 display:block; 178 /*margin-top:10px;text-align:center;*/ 179 } 180 .footer .container { 181 padding: 0px 20px 0px 20px !important; 182} 183 .main-navbar .logo .mb-order { 184 right: 12px; 185 top: 15px; 186 width: 100px; 187 padding: 7px 0px !important; 188 border-radius: 50px; 189 line-height: unset; 190 font-size: 1.125rem; 191 } 192 .container-top-content p{ 193 font-size:14px; 194 } 195 .nav-links-web{ 196 display:none !important; 197 } 198 .header-global-location .site-header__location-link, 199 a.site-header__button.sign-in-status__button{ 200 font-size:14px !important; 201 font-weight: 400; 202 } 203 .nav-links-mb a.site-header__button.sign-in-status__button{ 204 font-size:18px !important; 205 font-weight: 400; 206 } 207} 208@media only screen and (min-width : 767px) and (max-width: 819px){ 209 .hamburger{ 210 top: 8% !important; /*update to 4*/ 211 } 212 213} 214@media screen and (min-width: 767px) and (max-width:820px) { 215 .footer{ 216 padding-bottom: 90px; 217 } 218 /*.hamburger { 219 right: 20px !important; 220 }*/ 221 .main-navbar .logo .mb-order{ 222 right: 20px; 223 top: 12px; 224 width: 100px; 225 padding: 7px 0px !important; 226 border-radius: 50px; 227 } 228 .main-navbar .logo{ 229 margin-left: 45px !important; 230 } 231 /*#truyo-consent-module.sticky-footer.d-flex{ 232 bottom:75px; 233 }*/ 234 #truyo-consent-module.sticky-footer{ 235 min-height:100px; 236 height:auto; 237 } 238 nav.main-navbar .nav-links .desktop-only{ 239 display:none !important; 240 } 241 .top-strip { 242 top: 124px !important; /*update to 80px*/ 243 border-bottom: unset !important; 244 padding:0 20px !important; 245 z-index:1 !important; 246 } 247 .main-navbar .nav-links{ 248 width: 30% !important; 249 } 250 ul.nav-links-mb .icon-alignment, ul.nav-links-mb .header-location-icon-alignment { 251 filter: brightness(0) invert(1); 252 } 253 .nav-links-mb .text-global-header a{ 254 margin-top:0 !important; 255 padding:5px !important; 256 } 257 .nav-links-mb .text-global-header .text-small{ 258 margin-left: 30px !important; 259 width:100%; 260 } 261 ul.copy-rights li{ 262 margin-right: 30px !important; 263 } 264 ul.copy-rights li:last-child a{ 265 margin-top: 8px; 266} 267} 268@media screen and (min-width: 820px) and (max-width:1024px){ 269 .footer{ 270 padding-bottom: 45px; 271 } 272 .sign-in-status{ 273 justify-content: left !important; 274 } 275 /*#truyo-consent-module.sticky-footer.d-flex{ 276 bottom:75px; 277 }*/ 278 #truyo-consent-module.sticky-footer{ 279 min-height:100px; 280 height:auto; 281 } 282 ul.copy-rights li { 283 margin-right: 30px !important; 284 } 285 286 /*.sticky-footer{ 287 display:block !important; 288 }*/ 289 .main-navbar .logo .mb-order { 290 right: 20px;
291 top: 17px; 292 width: 100px; 293 padding: 7px 0px !important; 294 border-radius: 50px; 295 display: block; 296 position: absolute; 297 } 298 .main-navbar .logo{ 299 margin-left: 45px;width: 50vw; 300 } 301 .slider-nav-2{ 302 display:none !important; 303 } 304 .hamburger{ 305 display:block; 306 position: fixed; 307 cursor: pointer; 308 left:2%; 309 /*right: 50px;*/ 310 top: 6%; /*update to 3*/ 311 transform: translate(-5%, -50%); 312 z-index: 2; 313 transition: all 0.7s ease; 314 width:20px; 315 } 316 nav.main-navbar .nav-links .desktop-only{ 317 display:none !important; 318 } 319 .main-navbar .nav-links { 320 position: fixed; 321 top: 0; 322 left: 0; /* ensure it starts from left */ 323 background: #A6262F; 324 min-height: 600px; 325 height: 100%; 326 width: 30%; 327 flex-direction: column; 328 329 /* change origin to LEFT */ 330 clip-path: circle(0px at 0% 0%); 331 -webkit-clip-path: circle(0px at 0% 0%); 332 333 transition: all 1s ease-out; 334 pointer-events: none; 335 justify-content: flex-start; 336 align-items: baseline; 337 338 /*overflow-y:auto; 339 padding-bottom:10rem;*/ 340 } 341 342 .main-navbar .nav-links.open { 343 /* expand from LEFT */ 344 clip-path: circle(150% at 0% 0%) !important; 345 -webkit-clip-path: circle(150% at 0% 0%) !important; 346 pointer-events: all; 347 width: 30% !important; 348 } 349 .nav-links-mb{ 350 padding-left:0px; 351 } 352 .main-navbar .nav-links li { 353 opacity: 0; 354 padding: 3px 0px; 355 left: 30px; 356 top: 70px; 357 text-align: left; 358 } 359 .nav-links-mb.mobile-only li.fade { 360 opacity: 1 !important; 361 display:block; 362 top: 70px; 363 padding: 3px 20px 3px 10px; 364 /*top: 100px; */ 365 } 366 .nav-links-mb.mobile-only{ 367 display:block; 368 } 369 nav.main-navbar{ 370 top:44px; /*update to 0px if client wants red banner*/ 371 border-bottom: 1px solid #a6262f; 372 } 373 .top-strip { 374 top: 124px !important; /*update to 80px if client wants red banner*/ 375 border-bottom: unset !important; 376 padding:0 20px !important; 377 z-index:1 !important; 378 } 379 ul.nav-links-mb .icon-alignment, ul.nav-links-mb .header-location-icon-alignment { 380 filter: brightness(0) invert(1); 381 } 382 .nav-links-mb .text-global-header a{ 383 margin-top:0 !important; 384 padding:5px !important; 385 } 386 .nav-links-mb .text-global-header .text-small{ 387 margin-left: 30px !important; 388 width:100%; 389 } 390 .main-navbar .nav-links li:nth-child(1){ 391 transition: all 0.5s ease 0.2s; 392 } 393 .main-navbar .nav-links li:nth-child(2){ 394 transition: all 0.5s ease 0.4s; 395 } 396 .main-navbar .nav-links li:nth-child(3){ 397 transition: all 0.5s ease 0.6s; 398 } 399 .main-navbar .nav-links li:nth-child(4){ 400 transition: all 0.5s ease 0.7s; 401 } 402 .main-navbar .nav-links li:nth-child(5){ 403 transition: all 0.5s ease 0.8s; 404 } 405 .main-navbar .nav-links li:nth-child(6){ 406 transition: all 0.5s ease 0.9s; 407 margin: 0; 408 } 409 .main-navbar .nav-links li:nth-child(7){ 410 transition: all 0.5s ease 1s; 411 margin: 0; 412 } 413} 414/*Stying for small screens*/ 415@media screen and (max-width: 820px){ 416 /*.sticky-footer{display:block !important;}*/ 417 .footer{ 418 padding-bottom:85px !important; 419 } 420 .menu-options.show{ 421 display:none !important; 422 } 423 .mb-order { 424 display: inline-block !important; 425 position: absolute; 426 top: 5px; 427 right: 0px; 428 } 429 .main-navbar .logo{ 430 width:100%; 431 } 432 433 .mobile-only{display:block !important;} 434 .main-navbar .logo{ 435 margin-left:65px; 436 } 437 nav.main-navbar{ 438 position: fixed; 439 z-index: 3;width:100%; 440 border-bottom: 1px solid #A6262F; 441 top: 44px; /* update to 0px */ 442 } 443 .hamburger{ 444 display: block; 445 position: fixed; 446 cursor: pointer; 447 left: 2%; /* move icon to left */ 448 top: 7%; /*upadte to 3.5*/ 449 transform: translate(-5%, -50%); 450 z-index: 2; 451 transition: all 0.7s ease; 452} 453 454.main-navbar .nav-links{ 455 position: fixed; 456 top: 0; 457 left: 0; /* ensure it starts from left */ 458 background: #A6262F; 459 min-height: 600px; 460 height: 100%; 461 width: 55%; 462 flex-direction: column; 463 464 /* change origin to LEFT */ 465 clip-path: circle(0px at 0% 0%); 466 -webkit-clip-path: circle(0px at 0% 0%); 467 468 transition: all 1s ease-out; 469 pointer-events: none; 470 justify-content: flex-start;
471 align-items: baseline; 472 /*overflow-y: auto;*/ 473 padding-bottom: 14rem; 474} 475 .nav-links-mb{ 476 padding-left:0; 477 } 478.main-navbar .nav-links.open{ 479 /* expand from LEFT */ 480 clip-path: circle(150% at 0% 0%); 481 -webkit-clip-path: circle(150% at 0% 0%); 482 pointer-events: all; 483} 484 .main-navbar .nav-links li{ 485 opacity: 0; 486 padding: 3px 15px; 487 left: 30px; 488 top: 70px; 489 text-align: left; 490 } 491 .main-navbar .nav-links li:nth-child(1){ 492 transition: all 0.5s ease 0.2s; 493 } 494 .main-navbar .nav-links li:nth-child(2){ 495 transition: all 0.5s ease 0.4s; 496 } 497 .main-navbar .nav-links li:nth-child(3){ 498 transition: all 0.5s ease 0.6s; 499 } 500 .main-navbar .nav-links li:nth-child(4){ 501 transition: all 0.5s ease 0.7s; 502 } 503 .main-navbar .nav-links li:nth-child(5){ 504 transition: all 0.5s ease 0.8s; 505 } 506 .main-navbar .nav-links li:nth-child(6){ 507 transition: all 0.5s ease 0.9s; 508 margin: 0; 509 } 510 .main-navbar .nav-links li:nth-child(7){ 511 transition: all 0.5s ease 1s; 512 margin: 0; 513 } 514 .main-navbar li.fade{ 515 opacity: 1 !important; 516 left:0; 517 /* top: 100px; */ 518 } 519} 520@media screen and (min-width: 820px){ 521 .desktop-only { 522 display:block; 523 } 524 .main-navbar .logo a{ 525 line-height:1.5; 526 } 527} 528/* Start Footer css */ 529 .footer { 530 background: #000; 531 min-height:100px; 532 z-index: 9; 533 position: relative; 534} 535.text-default{ 536 color: #595959 !important; 537} 538.footer-item ul li a{ 539 font-weight: 300; 540 /*height: 45px;*/ 541 min-width: 45px; 542 padding:9px 0px; 543} 544.footer-item ul li{ 545 margin-bottom:6px;list-style-type:none; 546} 547ul.copy-rights { 548 padding-left:0; 549 flex-direction: row; 550 display: flex; 551 justify-content: space-between; 552} 553ul.copy-rights li{ 554 display:inline; 555 /*margin-right:60px;*/ 556} 557ul.copy-rights li a{ 558 font-weight:500; 559} 560.footer-logo img{ 561 width:250px; 562} 563.footer-apps-link img { 564 width: 160px; 565 /*margin-right: 15px;*/ 566} 567.footer .footer-item{ 568 justify-content: space-between; 569} 570.footer-apps-link { 571 display: flex; 572 justify-content: center; 573 text-align: center; 574} 575.social-icons__list { 576 justify-content:center; 577} 578li.social-icons__item a{ 579 width:44px; 580 height: 44px !important; 581} 582.footer .container { 583 padding: 40px 140px; 584} 585/* END Footer Css*/ 586 587.mobile-only{ 588 display:none; 589} 590.txt-underline{ 591text-decoration:unset; 592} 593 594.menu-options{ 595 display:none; 596} 597.menu-options.show{ 598 display:flex; 599 background-color: #a6262f !important; 600 position:absolute; 601 z-index: 99; 602} 603.menu-options.show .float-end{ 604 float:inline-end; 605} 606#morelink a span:after { 607 content: ''; 608 display: inline-block; 609 width: 6px; 610 height: 6px; 611 border-top: 0.1rem solid white; 612 border-right: 0.1rem solid white; 613 -moz-transform: rotate(225deg); 614 -webkit-transform: rotate(225deg); 615 transform: rotate(138deg); 616} 617#morelink a span{ 618 margin-left: 2px; 619 position: relative; 620 top: -3px; 621} 622.site-main{ 623 padding:0 !important; 624 min-height:50vh; 625} 626.social-icons{ 627 border-bottom:unset; 628} 629/*sign in css*/ 630.sign-in-status{ 631 display:flex; 632} 633/*.sign-in-status img{ 634 width: 20px; 635}*/ 636/*Animating Hamburger Icon on Click*/ 637.toggle .line1{ 638 transform: rotate(-45deg) translate(-5px,6px); 639} 640.toggle .line2{ 641 transition: all 0.7s ease; 642 width:0; 643} 644.toggle .line3{ 645 transform: rotate(45deg) translate(-5px,-6px); 646} 647/*cookie css*/ 648span#truyo-cookieBarContent a{ 649 color:#fff !important; 650 text-decoration:underline; 651 font-size: 14px !important; 652 font-weight:400; 653 font-family: "Avenir Next Condensed" !important; 654} 655#acceptAllCookieButton:hover{ 656 color:#fff !important; 657 opacity:1 !important; 658} 659#truyo-consent-module #truyo-cookieBarContent{ 660 font-family: "Avenir Next Condensed" !important; 661} 662#cookieSettingButton{
663 color:#fff !important; 664 font-weight: 400; 665 height: 0; 666 background:#a6262f !important 667} 668div#truyo-consent-module,#truyo-cookieBarContent { 669 background:#a6262f !important; 670 color:#fff !important; 671} 672.sticky-footer { 673 position: fixed; 674 bottom: 0; 675 left: 0; 676 right: 0; 677 width: 100%; 678 z-index: 99; 679 background: #000; 680 color: #fff; 681 margin:0px 30px 0px 0px; 682 padding: 15px 15px; 683 display:none; 684 text-align: center; 685 /*min-height:127px;*/ 686 min-height:75px; 687} 688.site-header__location-link{ 689 font-size:18px !important; 690 /*padding: 9px 20px !important;*/ 691 text-transform: none !important; 692} 693.header-cta a{ 694 padding:0px !important; 695 margin:0px !important; 696} 697.footer-header{ 698 margin: 0 auto; 699 z-index: 999; 700 position: relative; 701 background: #000; 702 display: inline-block; 703 padding: 0 15px; 704} 705.footer-buttons__line { 706 position: absolute; 707 width: 100%; 708 top: 30%; 709 transform: translateY(-50%); 710 left: 0px; 711 right: 0; 712 margin: auto; 713 height: 2px; 714 z-index: 9; 715 background: #353735; 716} 717/*@media (max-height: 550px) { 718 .sticky-footer { 719 position: relative; 720 } 721}*/ 722#truyo-consent-module.sticky-footer{ 723 min-height:100px; 724 height:auto !important; 725 } 726.site-footer{ 727background:#000 !important; 728} 729 730 731/*Footer Location model css*/ 732.sticky-footer-location-model { 733 margin-bottom: 15px; 734} 735.sticky-footer-location-header .form__label--checkbox .desktop-only{ 736 display:block; 737} 738.sticky-footer-location-header .form__label--checkbox{ 739 text-align:center; 740 align-items: center; 741 justify-content: space-evenly; 742} 743.sticky-footer-location-model #order-btn{ 744 display:none; 745} 746.sticky-footer-location-header a{ 747 font-size:18px; 748 margin-top:0 !important; 749} 750.sticky-footer-location-model #locationId { 751 max-width:400px; 752 width:100% 753} 754/*@media screen and (max-width: 380px){ 755 .footer { 756 padding-bottom: 120px !important; 757 } 758}*/ 759 760</style><style type="text/css" media="all">:root { 761 --header-height: 160px; /* update to 110px */ 762} 763html { 764 scroll-padding-top: var(--header-height) !important; 765} 766/*Start top navbar css*/ 767.container-top-banner{ 768 position:relative; 769 z-index: 10; 770} 771.container-top-content{ 772 position:fixed; 773 top:0; 774 width: 100%; 775 text-align: center; 776 background-color: #a6262f; 777 color:#fff; 778} 779.container-anchor{ 780 color:#fff!important; 781} 782.container-top-content a { 783 font-weight:500; 784 height: 44px; 785 text-decoration: underline; 786} 787.container-top-content a strong{ 788 font-weight: bolder; 789 font-size: 1.125rem; 790} 791/*END top navbar css*/ 792.site-header { 793 position: relative !important; 794 top: 0; 795 left: 0; 796 width: 100%; 797 margin-bottom:70px; /* update to 25*/ 798} 799@media only screen and (min-width: 300px) and (max-width: 767px) { 800 .container-top-banner a { 801 font-size: 14px; 802 padding: 9px 0px !important; 803 } 804} 805@media only screen and (min-width: 768px) and (max-width: 1023px) { 806 .container-top-banner a { 807 padding: 9px 0px !important; 808 } 809 /*Global Footer CSS 05-Aug-2026*/ 810 .Footer-mobile-links{ 811 display:flex !important; 812 } 813 .Footer-desktop-links{ 814 display:none !important; 815 } 816 .footer .container{ 817 padding: 20px 60px; 818 } 819 .social-icons__list{ 820 flex-wrap: initial; 821 } 822 .Footer-mobile-links .border-bottom-red{ 823 border-bottom: unset; 824 } 825 826 827} 828 829/*gold color CTA*/ 830.button--solid-gold { 831 background-image: linear-gradient(to right, #CBAC57, #F1DEA2); 832 border: 0px solid #CBAC57; 833 color: #000 !important; 834} 835.button--solid-gold:hover,.button--solid-gold:focus { 836 background-image: linear-gradient(to right, #F1DEA2, #CBAC57); 837 border: 0px solid #CBAC57; 838 color: #000 !important; 839} 840/* Start Top black strip */ 841.top-strip { 842 background-color: #000; 843 color: #fff; 844 height: 36px; 845 display: flex; 846 justify-content: space-between; 847 align-items: center; 848 padding: 0 40px; 849 font-size: 13px; 850 border-bottom: 1px solid #a6262f; /* thin red line */ 851 position:fixed; 852 top:44px; /*update to 0px when we display red banner*/ 853 left:0; 854 width:100%; 855 z-index:11; 856} 857 858/* Left section */ 859.top-strip-left { 860 display: flex; 861 align-items: center; 862 gap: 6px; 863 cursor: pointer; 864} 865 866/* Right section */ 867.top-strip-right { 868 display: flex; 869 align-items: center; 870 gap: 6px; 871 cursor: pointer; 872}
873/*a.site-header__button.sign-in-status__button{ 874 height: 100% !important; 875 width: 100% !important; 876 color: #fff !important; 877 text-transform: none !important; 878}*/ 879/* END Top black strip */ 880</style><style type="text/css" media="all">/*27-Feb-2025*/ 881@media only screen and (min-width : 300px) and (max-width: 767px){ 882.pfc-dialog .mat-dialog-container{ 883 padding-bottom: 5rem; 884} 885/*Location model overlapping with Sticky footer*/ 886.cdk-overlay-backdrop{ 887 height:100%; 888} 889.location-modal { 890 z-index: 9999; 891 position: relative; 892 overflow: auto; 893 height: 700px; 894} 895.sticky-footer-buttons a{ 896 z-index:9; 897} 898.location-results__list{ 899 z-index: 999; 900 position: relative; 901} 902.pfc-dialog .mat-dialog-container{ 903min-height: 100%; 904 height: auto; 905 overflow:unset; 906} 907.location-modal .modal-content{ 908height:100%; 909} 910 .location-modal .modal-dialog{ 911 margin: 0; 912 } 913 .top-strip{ 914 top:124px; /*update to 80px when red banner display*/ 915 border-bottom:unset; 916 padding: 0 20px; 917 z-index:1; 918 } 919 .header-global-location .form__label--checkbox .text-light{ 920 font-size:13.3px; 921} 922 .header-global-location .form__label--checkbox .text-small{ 923 font-size:10px; 924 } 925 .top-strip-right .text-global-header, 926 .top-strip-left .text-global-header{ 927 font-size: 13.3px !important; 928 font-weight: 400; 929} 930.icon-alignment,.header-location-icon-alignment{ 931 height: 21px !important; 932 width: 21px !important; 933} 934 ul.nav-links-mb .icon-alignment,ul.nav-links-mb .header-location-icon-alignment 935 { 936 filter: brightness(0) invert(1); 937 } 938 .nav-links-mb .text-global-header a{ 939 margin-top:0 !important; 940 padding:5px !important; 941 } 942 .nav-links-mb .text-global-header .text-small{ 943 margin-left: 30px !important; 944 width: 100%; 945 } 946 .hamburger{ 947 left: 4%; 948 top: 9%; /*update to 4.5 if red banner display*/ 949 } 950 .container-top-content a strong{ 951 font-size:14px; 952 } 953 .Footer-mobile-links{ 954 display:block !important; 955 } 956 .Footer-desktop-links{ 957 display:none !important; 958 } 959 .mt-15{ 960 margin-top: -15px; 961 } 962 .be-ix-link-block .be-related-link-container .be-list, 963 .be-ix-link-block .be-related-link-container .be-label{ 964 margin-left: 15px !important; 965 } 966 .be-ix-link-block .be-related-link-container .be-list .be-list-item, 967 .be-ix-link-block .be-related-link-container .be-label{ 968 text-align: left !important; 969 } 970 .footer::after { 971 background-image: url(/images/default-source/icons/footer-dragon-mb.png) !important; 972 bottom: 0 !important; 973 height: 130px !important; 974 background-size: 100% 130px !important; 975 background-position: center 5px !important; 976 } 977 .be-ix-link-block .be-related-link-container .be-label{ 978 margin-top:15px; 979 } 980 ul.copy-rights{ 981 flex-direction: column; 982 display: block; 983 } 984} 985@media screen and (max-width: 390px){ 986 .hamburger{ 987 top: 10%; /*update to 5 if red banner display*/ 988 } 989} 990@media screen and (max-width: 376px){ 991 .location-modal .modal-content{ 992 margin-bottom: 40px; 993 } 994 .main-navbar .logo{ 995 margin-left:60px; 996 } 997 .main-navbar .logo img { 998 width: 150px !important; 999 } 1000 .hamburger { 1001 top: 12% !important; /*update to 6.5%*/ 1002 } 1003} 1004 1005/*Sticy footer hide 07/May/2025*/ 1006.sticky-footer-location-header,.sticky-footer-location-model { 1007 display:none; 1008} 1009/*25-uly-2025 Privacy Policy button hover CSS*/ 1010#truyoConsentCookieSettings .modal-footer button{ 1011 color:#fff !important; 1012} 1013#truyoConsentCookieSettings .modal-footer button:hover{ 1014 background:#fff !important; 1015 color:#000 !important; 1016 border:3px solid #000; 1017} 1018 1019/*@media only screen and (max-width: 991px) { 1020 .food-category .fixed-header { 1021 top: var(--header-height) !important; 1022 } 1023}*/ 1024/*15k popup css*/ 1025/* Overlay */ 1026.popup-overlay { 1027 position: fixed; 1028 inset: 0; 1029 background: rgba(0, 0, 0, 0.6); 1030 display: none; 1031 align-items: center; 1032 justify-content: center; 1033 z-index: 9999; 1034} 1035 1036/* Modal */ 1037.popup-modal { 1038 background: #fff; 1039 width: 90%; 1040 max-width: 400px; 1041 border-radius: 30px; 1042 padding: 40px 40px; 1043 text-align: center; 1044 box-shadow: 0 20px 50px rgba(0, 0, 0, 0.25); 1045 position: relative; 1046 animation: popupFade 0.3s ease-out; 1047} 1048 1049/* Close button */ 1050.popup-close { 1051 position: absolute; 1052 top: 0px; 1053 right: 12px; 1054 background: none; 1055 border: none; 1056 font-size: 25px; 1057 cursor: pointer; 1058 color: #000 !important;
1059 width: 20px; 1060} 1061 1062/* Title */ 1063#popupTitle { 1064 text-transform: uppercase; 1065} 1066img#popupImage { 1067 width: 250px; 1068 margin: 15px auto; 1069} 1070/* Message */ 1071.popup-message { 1072 margin-bottom: 22px; 1073 line-height: 1.5; 1074} 1075 1076/* CTA */ 1077.popup-actions { 1078 display: flex; 1079 justify-content: center; 1080} 1081 1082/* Animation */ 1083@keyframes popupFade { 1084 from { 1085 opacity: 0; 1086 transform: scale(0.95); 1087 } 1088 to { 1089 opacity: 1; 1090 transform: scale(1); 1091 } 1092} 1093 1094/* Mobile */ 1095@media (max-width: 480px) { 1096 .popup-modal { 1097 padding: 20px 16px 24px; 1098 } 1099 .popup-title { 1100 font-size: 20px; 1101 } 1102} 1103 1104/*12-April-2026*/ 1105.nav-links-web{ 1106 display: flex !important; 1107 justify-content: space-evenly; 1108 align-items: center; 1109 padding: 0 0.1vw; 1110 margin-bottom: 0; 1111 width: 40vw; 1112} 1113/*.nav-links-web a:after { 1114 background: none repeat scroll 0 0 transparent; 1115 content: ""; 1116 display: block; 1117 height: 1px; 1118 left: 50%; 1119 position: absolute; 1120 background: #a6262f; 1121 transition: width 0.3s ease 0s, left 0.3s ease 0s; 1122 width: 0; 1123} 1124.nav-links-web a:hover:after { 1125 width: 100%; 1126 left: 0; 1127}*/ 1128.nav-links-web li a:hover{ 1129 text-decoration:underline !important; 1130 text-decoration-color: #a6262f !important; 1131 text-underline-offset: 5px; 1132} 1133.border-top-white{ 1134 border-top:2px solid #fff; 1135 margin:0 20px; 1136} 1137.header-global-location .form__label--checkbox .text-light{ 1138 margin-top:0 !important; 1139 font-weight:600; 1140 letter-spacing:5%; 1141} 1142.header-global-location .form__label--checkbox .text-small{ 1143 margin-top:0 !important; 1144 font-weight:400; 1145 text-decoration-color: #a6262f !important; 1146 letter-spacing:5%; 1147} 1148.text-global-header:hover{ 1149 font-weight: 600; 1150} 1151.text-global-header{ 1152 letter-spacing:5%; 1153} 1154.header-global-location .form__label--checkbox{ 1155 align-items: center; 1156} 1157ul.nav-links-mb .sign-in-status__button{ 1158 text-transform: none !important; 1159} 1160.sign-in-status{ 1161 justify-content: center; 1162 align-items: center; 1163} 1164 1165.nav-links-mb #dynamicLink.text-global-header::before, 1166.nav-links-mb .text-global-header .txt-underline::before 1167{ 1168 content: ""; 1169 display: inline-block; 1170 width: 21px; 1171 height: 21px; 1172 background-image: url('/images/default-source/icons/location-white-icon.png'); 1173 background-size: contain; 1174 background-repeat: no-repeat; 1175 vertical-align: middle; 1176} 1177.nav-links-mb #dynamicLink.text-global-header .header-location-icon-alignment, 1178.nav-links-mb .text-global-header .txt-underline .header-location-icon-alignment{ 1179 display:none; 1180} 1181.nav-overlap{ 1182 padding-top: 60px; 1183 min-height: 700px; 1184 height: 100%; 1185 overflow-y: auto; 1186} 1187.header-global-location .form__label--checkbox .text-light:hover{ 1188 text-decoration: underline #a6262f !important; 1189} 1190.text-global-header:hover{ 1191 text-decoration:unset !important; 1192} 1193.sign-in-status__button.text-global-header:hover, 1194.top-strip-left #dynamicLink:hover{ 1195 text-decoration:underline !important; 1196 text-decoration-color: #a6262f !important; 1197} 1198/*Footer ADA issue CSS*/ 1199.footer-item .footer-heading { 1200 font-size: 1.5rem; 1201 font-weight:600; 1202} 1203@media screen and (max-width: 345px){ 1204 .main-navbar .logo { 1205 margin-left: 45px; 1206 } 1207 .hamburger { 1208 top: 10% !important; /*update to 5*/ 1209 } 1210} 1211@media screen and (max-width: 1024px) and (max-height: 600px) { 1212 /* Nest Hub specific styles go here */ 1213 .hamburger{ 1214 top: 13.5%; /*update to 6.5*/ 1215 } 1216 .main-navbar .nav-links.open{ 1217 width: 25% !important; 1218 } 1219 .nav-overlap{ 1220 padding-top: 0px; 1221 } 1222} 1223@media only screen and (min-width: 500px) and (max-width: 540px){ 1224 .hamburger{ 1225 top: 12%; /*update to 6*/ 1226 } 1227} 1228@media screen and (min-width: 391px) and (max-width:400px) { 1229 .hamburger { 1230 top: 12%; /*update to 6*/ 1231 } 1232} 1233@media screen and (min-width: 415px) and (max-width:428px) { 1234 .hamburger { 1235 top: 11%; /*update to 5.5*/ 1236 } 1237} 1238 1239 1240/*Global Footer CSS 05-Aug-2026*/ 1241/*Footer ADA issue CSS*/ 1242.footer-item .footer-heading { 1243 font-size: 1.5rem; 1244 font-weight:600; 1245} 1246/*10-June-2026*/ 1247.footer-logo{ 1248 text-align:center; 1249 display: flex; 1250 justify-content: center;
1251 align-items: center; 1252 width: 100%; 1253 border-bottom: 1px solid #a6262f; 1254} 1255.footer-text-gold { 1256 color: #D8BE75 !important; 1257 font-weight:700 !important; 1258} 1259.border-bottom-red { 1260 border-bottom: 1px solid #a6262f; 1261} 1262.social-icons__item { 1263 margin: 0 7px; 1264} 1265.Footer-mobile-links{ 1266 display:none; 1267} 1268.footer-apps-link a{ 1269 padding:9px 0px; 1270} 1271.footer-rewards-section img{ 1272 width:400px; 1273 margin-top:6px; 1274} 1275 1276/*Footer image css*/ 1277.footer { 1278 position: relative; 1279 background: #000; 1280 overflow: hidden; 1281 padding-bottom: 150px; 1282} 1283 1284.footer::after { 1285 content: ""; 1286 position: absolute; 1287 left: 0; 1288 bottom: -25px; 1289 width: 100%; 1290 height: 315px; 1291 background-image: url("/images/default-source/icons/footer-dragon-desktop.png"); 1292 background-repeat: no-repeat; 1293 background-position: center 35px; 1294 background-size: 115% 255px; 1295 pointer-events: none; 1296 z-index: 0; 1297} 1298@media only screen and (min-width : 768px) and (max-width: 1024px){ 1299 .footer::after{ 1300 background-image: url(/images/default-source/icons/footer-dragon-tab.png); 1301 bottom: 0; 1302 height: 220px; 1303 background-size: 100% 190px; 1304 } 1305 ul.copy-rights{ 1306 display: block; 1307 } 1308}</style><style type="text/css" media="all">.cta-info__title{ 1309font-family: Winsel Variable; 1310font-size: 24px; 1311font-weight: 900; 1312text-align: left; 1313} 1314 1315.cta-info{ 1316 margin-top: 20px; 1317} 1318</style>
1318<script type="text/javascript"> 1319/*(function () { 1320 1321 // â BUSINESS CONTROL 1322 var isBannerEnabled = true; //uncomment if client wants red banner 1323 //var isBannerEnabled = false; //if client wants hide comment this line 1324 1325 window.addEventListener("load", function () { 1326 1327 var banner = document.getElementById("topBanner"); 1328 var navbar = document.getElementById("main-navbar"); 1329 var moreOptions=document.getElementById("moreoptions"); 1330 var sitemain=document.getElementById("site-main"); 1331 var topheader=document.getElementById("top-strip"); 1332 1333 var root=document.documentElement; 1334 1335 if(!banner || !navbar) return; 1336 var isMobileOrTablet=window.innerWidth <= 1024; 1337 1338 if (!isBannerEnabled) { 1339 // â Hide banner 1340 banner.style.display = "none"; 1341 1342 // navbar stays at top 1343 navbar.style.top = locationBanner + "px"; 1344 topheader.style.top = "0px"; 1345 //moreOptions.style.top = navbar.offsetHeight; 1346 document.body.style.paddingTop = "0px"; 1347 root.style.setProperty('--header-height',navbar.offsetHeight + "px"); 1348 return; 1349 } 1350 //debugger; 1351 banner.style.display = "block"; 1352 1353 var bannerHeight = banner.offsetHeight; 1354 var navbarHeight = navbar.offsetHeight; 1355 var locationBanner = topheader.offsetHeight; 1356 var moreHeight=navbar.offsetHeight + bannerHeight; 1357 var totalHeight = bannerHeight + navbarHeight + locationBanner; 1358 1359 1360 // â Push navbar below banner 1361 navbar.style.top = bannerHeight + locationBanner + "px"; 1362 topheader.style.top = bannerHeight + "px"; 1363 // moreOptions.style.top = moreHeight + "px"; 1364 1365 // â Push page content 1366 document.body.style.paddingTop = 1367 bannerHeight + "px"; 1368 root.style.setProperty('--header-height', totalHeight + "px"); 1369 1370 }); 1371 1372})();*/ 1373 1374 1375</script>
1375<script type="text/javascript"> 1376//Google Tag Manager Starts Here
vendor: 569 bytes, lines 1376-1390
1376 1377 (function (w, d, s, l, i) { 1378 w[l] = w[l] || []; 1379 w[l].push({ 1380 'gtm.start': new Date().getTime(), 1381 event: 'gtm.js' 1382 }); 1383 var f = d.getElementsByTagName(s)[0], 1384 j = d.createElement(s), 1385 dl = l != 'dataLayer' ? '&l=' + l : ''; 1386 j.async = true; 1387 j.src = 1388 'https://www.googletagmanager.com/gtm.js?id=' + i + dl; 1389 f.parentNode.insertBefore(j, f); 1390 })(window, document, 'script', 'dataLayer', '
1390GTM-N2763L
vendor: 4 bytes, line 1390
1390')
1391//Google Tag Manager Ends Here 1392 1393window.addEventListener('load', function () { 1394 setTimeout(function () { 1395 var isGtmLoaded = !!(window.dataLayer && Array.isArray(window.dataLayer)); 1396 var isCookiePluginLoaded = typeof window.cookieTopicListResponse !== 'undefined'; 1397 1398 if (!isGtmLoaded) { 1399 console.warn('GTM not detected. Loading cookie plugin as fallback...'); 1400 loadCookiePlugin(); 1401 return; 1402 } 1403 1404 if (!isCookiePluginLoaded) { 1405 console.warn('GTM detected but cookie plugin not detected. Loading fallback...'); 1406 loadCookiePlugin(); 1407 } 1408 }, 1000); 1409 1410 function loadCookiePlugin() { 1411 if (document.querySelector('script[src*="truyo"]')) return; 1412 var script = document.createElement('script'); 1413 script.async = true; 1414 1415 // Hostname-based logic 1416 var host = window.location.hostname; 1417 1418 if (host === "uat.pfchangs.com") { 1419 script.src = "https://truyostagingcdn.truyo.com/js/51875040d0b3eef1931678098c42388a.js"; 1420 } 1421 else if (host === "www.pfchangs.com") { 1422 script.src = "https://truyoproductionuscdn.truyo.com/js/7c875dad99be9f49cb708d16f9e7e6cd.js"; 1423 } 1424 else { 1425 console.warn("Unknown environment. Please update Truyo script.src as needed."); 1426 return; 1427 } 1428 1429 document.head.appendChild(script); 1430 } 1431 }); 1432 1433 1434 !function(){var i="analytics",analytics=window[i]=window[i]||[];if(!analytics.initialize)if(analytics.invoked)window.console&&console.error&&console.error("Segment snippet included twice.");else{analytics.invoked=!0;analytics.methods=["trackSubmit","trackClick","trackLink","trackForm","pageview","identify","reset","group","track","ready","alias","debug","page","screen","once","off","on","addSourceMiddleware","addIntegrationMiddleware","setAnonymousId","addDestinationMiddleware","register"];analytics.factory=function(e){return function(){if(window[i].initialized)return window[i][e].apply(window[i],arguments);var n=Array.prototype.slice.call(arguments);if(["track","screen","alias","group","page","identify"].indexOf(e)>-1){var c=document.querySelector("link[rel='canonical']");n.push({__t:"bpc",c:c&&c.getAttribute("href")||void 0,p:location.pathname,u:location.href,s:location.search,t:document.title,r:document.referrer})}n.unshift(e);analytics.push(n);return analytics}};for(var n=0;n<analytics.methods.length;n++){var key=analytics.methods[n];analytics[key]=analytics.factory(key)}analytics.load=function(key,n){var t=document.createElement("script");t.type="text/javascript";t.async=!0;t.setAttribute("data-global-segment-analytics-key",i);t.src="https://cdn.segment.com/analytics.js/v1/" + key + "/analytics.min.js";var r=document.getElementsByTagName("script")[0];r.parentNode.insertBefore(t,r);analytics._loadOptions=n};analytics._writeKey="aPEcjjuFMWcIGA5OjUxNPq4XRTDGaS0w";;analytics.SNIPPET_VERSION="5.2.0"; 1435 analytics.load("aPEcjjuFMWcIGA5OjUxNPq4XRTDGaS0w"); 1436 analytics.page(); 1437 }}(); 1438 1439 1440</script>
1440<meta name="Generator" content="Sitefinity 15.3.8500.0 DX" /><link rel="canonical" href="https://www.pfchangs.com/contact-us" /><meta name="description" content="Questions or comments about P.F. Chang's? Contact us to find out more information about our locations, menu items, rewards and more." /></head> <body> <input type="hidden" id="application-insights-connectionstring" 1441 value="InstrumentationKey=54e41a9f-30da-4bd9-ba88-ce6cfb1e32de;IngestionEndpoint=https://westus-0.in.applicationinsights.azure.com/;LiveEndpoint=https://westus.livediagnostics.monitor.azure.com/;ApplicationId=fe0e5a51-858c-4331-87b7-7a38db86c5f5" /> <header id="site-header" class="site-header"> 1442 1443<div class="container-top-banner" > 1444 <div class="container-top-content" id="topBanner"> 1445 <p class="text-white mb-0"> 1446 <a href="/menu?utm_source=Website&utm_medium=Header+Banner&utm_campaign=Free+Delivery+Orders+%2450%2B" class="text-white mb-0 p-1">Enjoy <strong>$0 Delivery</strong> for orders of $50 or more! 1447 </a> 1448 </p> 1449 </div> 1450 </div> 1451 1452 1453 <div class="top-strip" id="top-strip"> 1454 <div class="top-strip-left"> 1455 <div class="header-global-location"> 1456 <pfcb-location-header></pfcb-location-header> 1457 </div> 1458 </div> 1459 1460 <div class="top-strip-right"> 1461 <pfcb-sign-in-status></pfcb-sign-in-status> 1462 </div> 1463</div> 1464 1465<nav class="main-navbar" id="main-navbar"> 1466 <div class="logo"><a href="/home" class="mb-logo"><img alt="P.F. Chang's Home" src="/images/default-source/logos/pfchangs_logo_white.png" /></a> 1467 1468 <a href="https://order.pfchangs.com/" class="mobile-only mb-order button button--solid-red" data-sf-ec-immutable="">Order</a> 1469 </div> 1470 <div class="hamburger"> 1471 <div class="line1"></div> 1472 <div class="line2"></div> 1473 <div class="line3"></div> 1474 </div> 1475 <div class="nav-links"> 1476 <div class="nav-overlap"> 1477 <!-- Start Mobile menu --> 1478 <ul class="nav-links-mb mobile-only"> 1479 <li><a href="/menu" data-sf-ec-immutable="" class="text-white">Menu</a></li> 1480 1481 <li><a href="/reservations" data-sf-ec-immutable="" class="text-white">Reservations</a></li> 1482 <li><a href="/rewards" class="text-white">Rewards</a></li> 1483 <li><a href="/locations/" data-sf-ec-immutable="" class="text-white">Locations</a></li> 1484 <li><a href="/offers" class="text-white">Offers</a></li> 1485 1486 <li><a href="/menu/happy-hour" data-sf-ec-immutable="" class="text-white">Happy Hour</a></li> 1487 <li><a href="/catering" data-sf-ec-immutable="" class="text-white">Catering</a></li> 1488 <li><a href="/events" data-sf-ec-immutable="" class="text-white">BOOK YOUR EVENT</a></li> 1489 <li><a href="/fundraiser" data-sf-ec-immutable="" class="text-white">FUNDRAISERS</a></li> 1490 <li><a href="/gift-cards" data-sf-ec-immutable="" class="text-white">Gift cards</a></li> 1491 1492 <li><a href="/careers" data-sf-ec-immutable="" class="text-white">Careers</a></li> 1493 <li class="border-top-white"></li> 1494 <li> 1495 <pfcb-sign-in-status></pfcb-sign-in-status> 1496 </li> 1497 <li> 1498 <pfcb-location-header></pfcb-location-header> 1499 </li> 1500 </ul> 1501 </div> 1502 <!-- End Mobile Menu --> 1503 <!-- Start Desktop menu --> 1504<ul class="nav-links-web desktop-only"> 1505 <li><a href="/menu" data-sf-ec-immutable="" class="text-white">Menu</a></li> 1506 <li><a href="/catering" data-sf-ec-immutable="" class="text-white">Catering</a></li> 1507 <li><a href="/rewards" data-sf-ec-immutable="" class="text-white">Rewards</a></li> 1508 1509 <li class="more-menu" id="morelink"> 1510 <a href="#" data-sf-ec-immutable="" class="text-white" aria-label="More Navbar items" aria-haspopup="true" aria-expanded="false" role="button">More <span></span></a> 1511 <div class="menu-options" id="moreoptions"> 1512 <ul class="menu"> 1513 <li><a href="/beverages" data-sf-ec-immutable="" class="text-white">Beverages</a></li> 1514 <li><a href="/offers" data-sf-ec-immutable="" class="text-white">Offers</a></li> 1515 <li><a href="/events" data-sf-ec-immutable="" class="text-white">Events</a></li> 1516 <li><a href="/gift-cards" data-sf-ec-immutable="" class="text-white">Gift cards</a></li> 1517 <li class="desktop-only"><a href="/fundraiser" data-sf-ec-immutable="" class="text-white">FUNDRAISERS</a></li> 1518 <li class="desktop-only"><a href="/careers" data-sf-ec-immutable="" class="text-white">Careers</a></li> 1519 1520 </ul> 1521 </div> 1522 </li> 1523 </ul> 1524 <!-- END Desktop menu --> 1525 <ul class="nav-links-right desktop-only"> 1526 <li class="header-cta pr-2"> 1527 <a class="button button-red" href="/reservations" data-sf-ec-immutable=""> 1528 Reservations</a> 1529 </li> 1530 <li class="header-cta"><a href="https://order.pfchangs.com/" class="button button-red" data-sf-ec-immutable="">Order Now</a> 1531 </li> 1532 </ul> 1533 </div> 1534 1535</nav> 1536 1537 <pfcb-session-check></pfcb-session-check> 1538 1539 </header>
1539 <main id="site-main" class="site-main" tabindex="-1"> 1540<div id="Main_C009_Col00" class="sf_colsIn container-pattern container-pattern--black" data-sf-element="Container" data-placeholder-label="Container Black Pattern"><div id="Main_C007_Col00" class="sf_colsIn contact-container" data-sf-element="Container" data-placeholder-label="Container"><div class="row col-top-100" data-sf-element="Row"> 1541 <div id="Main_C011_Col00" class="sf_colsIn col-lg-8" data-sf-element="Column 1" data-placeholder-label="Column 1"> 1542<div > 1543 <h2 class="text-uppercase">contact us </h2><div class="width-80"><p>We are committed to providing the best possible experience. After hitting the âsubmitâ button, your message will be reviewed and we will be in touch in 3-5 business days.</p></div> 1544</div><pfcb-contact-us></pfcb-contact-us> 1545 </div> 1546 <div id="Main_C011_Col01" class="sf_colsIn col-lg-4" data-sf-element="Column 2" data-placeholder-label="Column 2"> 1547<div > 1548 <p class="text-right">Available M-F 8:00am-4:00pm (AZ Time) 1549 <br>8377 E. Hartford Drive #200, Scottsdale, AZ 85255 1550</p> 1551</div> 1552 <img loading="lazy" class="desktop-only width-100" src="/images/default-source/app/contact-image.jpg?sfvrsn=16812d5a_1" title="contact-image" alt="Contact us image" 1553 1554 /> 1555 1556<div class="cta-info"> 1557 <h3 class="cta-info__title">FREQUENTLY ASKED QUESTIONS</h3> 1558 <div class="cta-info__content"> 1559 <div class="cta-info__description"><h5 class="row-bottom-clear"><a href="/faq " target="_blank" class="text-black col-top-15 col-bottom-15">General Questions<span class="visually-hidden">(opens in a new window)</span></a> 1560</h5> 1561<h5 class="row-bottom-clear"><a href="/faq/rewards-faqs" target="_blank" class="text-black col-top-15 col-bottom-15">Rewards Questions<span class="visually-hidden">(opens in a new window)</span></a> 1562</h5></div> 1563 </div> 1564</div> 1565 </div> 1566</div> 1567 1568</div> 1569 1570</div> 1571 1572<div > 1573 <div class="popup-overlay" id="customPopupOverlay"><div class="popup-modal"><button class="popup-close">Ã</button> 1574 <img id="popupImage" data-sf-ec-immutable=""><p id="popupMessage"> </p><a class="popup-cta button button--solid-red" id="popupCta" data-sf-ec-immutable=""></a></div></div> 1575</div> </main> <footer id="site-footer" class="site-footer"> 1576
1577<script type="text/javascript" src="//cdn.bc0a.com/autopilot/f00000000270133/autopilot_sdk.js"></script>
1577 1578 1579<div class="footer"> 1580 <div class="container pb-2"> 1581 <div class="row"> 1582 <div class="be-ix-link-block pb-3"> 1583 <!--Link Block Targeting Div --> 1584 </div> 1585 </div> 1586 <!--<div class="row"> 1587 <div class="footer-logo pb-3"><a href="/home" title="home-page" sfref="[f669d9a7-009d-4d83-ddaa-000000000002]2D13707A-18EA-4CC3-9FC5-8EB4A874BFED"><img alt="PFC-footer-logo" src="/images/default-source/logos/pfchangs_logo_white.png?sfvrsn=4d47ae45_1" sfref="[images%7COpenAccessDataProvider%7Cc8732437-afcf-449b-8b93-d65c3e9dc03d]c266ed6f-7a21-4306-973c-f5d5213e132c" data-sf-ec-immutable="" /></a> 1588 </div> 1589 </div>--> 1590 <div class="row pb-4"> 1591 <div class="col-md-6 offset-md-3 col-lg-6 offset-lg-0 col-xl-6 offset-xl-0"> 1592 <div class="footer-item d-flex flex-column pt-3 footer-rewards-section"> 1593 <p class="text-red text-center">SIGN UP FOR </p><a data-sf-ec-immutable="" href="/account/sign-up" title="sign-up" class="text-center"><img alt="PFC-footer-rewards-logo" src="/images/default-source/logos/rewards-logo.png?sfvrsn=68dc805f_3" sfref="[images%7COpenAccessDataProvider%7Cc8732437-afcf-449b-8b93-d65c3e9dc03d]0bf9c53c-a525-45c2-9430-c6b7f123f2a1" data-sf-ec-immutable=""></a> 1594 </div> 1595 </div> 1596 <div class="col-md-6 col-lg-6 col-xl-6"> 1597 <div class="footer-item d-flex flex-column pt-3 Footer-desktop-links"> 1598 <p class="text-red text-center">FOLLOW US ON SOCIAL</p> 1599 <div class="social-icons text-center p-0"> 1600 <ul class="social-icons__list pl-0"> 1601 <li class="social-icons__item"><a data-sf-ec-immutable="" href="https://www.facebook.com/pfchangs/"><img alt="Facebook icon" src="/images/default-source/icons/facebook-icon-bg.png?sfvrsn=d1a17986_1" sfref="[images%7COpenAccessDataProvider%7Cc8732437-afcf-449b-8b93-d65c3e9dc03d]bcfa3ce7-b45b-45c6-a6bb-d93aa28e76a7" data-sf-ec-immutable=""></a> 1602 </li> 1603 <li class="social-icons__item"><a data-sf-ec-immutable="" class="twitter-logo" href="https://twitter.com/PFChangs"><img src="/images/default-source/icons/twitter-icon-bg.png?sfvrsn=2df16e91_1" sf-size="100" alt="Twitter icon" sfref="[images%7COpenAccessDataProvider%7Cc8732437-afcf-449b-8b93-d65c3e9dc03d]27c824ce-1739-4a80-8aba-1d50f4703adf" data-sf-ec-immutable=""></a> 1604 </li> 1605 <li class="social-icons__item"><a data-sf-ec-immutable="" href="https://www.instagram.com/pfchangs/"><img src="/images/default-source/icons/instagram-icon-bg.png?sfvrsn=b7238756_1" alt="Instagram icon" sfref="[images%7COpenAccessDataProvider%7Cc8732437-afcf-449b-8b93-d65c3e9dc03d]14fbc763-d9d8-4099-abc8-7ab4164a24ac" data-sf-ec-immutable=""></a> 1606 </li> 1607 <li class="social-icons__item"><a href="https://www.tiktok.com/@pfchangs" data-sf-ec-immutable=""><img src="/images/default-source/icons/tiktok-icon-bg.png?sfvrsn=5da033a_1" alt="Tiktok icon" sfref="[images%7COpenAccessDataProvider%7Cc8732437-afcf-449b-8b93-d65c3e9dc03d]1b26440e-55fc-479b-a6fa-4b709dd001af" data-sf-ec-immutable=""></a> 1608 </li> 1609 <li class="social-icons__item"><a href="https://www.linkedin.com/company/pfchangs/posts/?feedView=all" data-sf-ec-immutable=""><img src="/images/default-source/icons/linkedin-icon.png?sfvrsn=b0e65a34_1" alt="Linkedin icon" sfref="[images%7COpenAccessDataProvider%7Cc8732437-afcf-449b-8b93-d65c3e9dc03d]9dfb1295-a41d-48f9-a05b-89a846653b58" data-sf-ec-immutable=""></a> 1610 </li> 1611 </ul> 1612 </div> 1613 </div> 1614 </div> 1615 </div> 1616 </div> 1617 <div class="border-bottom-red"></div> 1618 <div class="container pt-2 pb-2"> 1619 <div class="row pt-3"> 1620 <div class="col-6 col-md-4 col-lg-4 col-xl-4"> 1621 <div class="footer-item d-flex flex-column"> 1622 <ul class="pl-0"> 1623 <li><a class="footer-text-gold text-uppercase" href="/menu" title="menu" data-sf-ec-immutable="">Menu</a></li> 1624 <li><a class="footer-text-gold text-uppercase" href="/reservations" title="Reservations" data-sf-ec-immutable="">Reservations</a></li> 1625 <li><a class="footer-text-gold text-uppercase" href="/Catering" title="Catering" data-sf-ec-immutable="">Catering</a></li> 1626 <li><a class="footer-text-gold text-uppercase" href="/gift-cards" title="Gift Cards" data-sf-ec-immutable="">Gift Cards</a></li> 1627 <li><a class="footer-text-gold text-uppercase" href="/faq" title="Faqs" data-sf-ec-immutable="">FAQS</a></li> 1628 </ul> 1629 </div> 1630 </div> 1631 <div class="col-6 col-md-4 col-lg-4 col-xl-4"> 1632 <div class="footer-item d-flex flex-column"> 1633 <ul class="pl-0"> 1634 <li><a class="text-white text-uppercase" href="/about-us" title="About Us" data-sf-ec-immutable="">About Us</a></li> 1635 <li><a class="text-white text-uppercase" href="/contact-us" title="Contact Us" data-sf-ec-immutable="">Contact Us</a></li> 1636 <li><a class="text-white text-uppercase" href="/careers" title="Careers" data-sf-ec-immutable="">Careers</a></li> 1637 <li><a class="text-white text-uppercase" href="/global/opportunities" title="Global Development" data-sf-ec-immutable="">Global Development</a></li> 1638 <li><a class="text-white text-uppercase" href="/press-releases" title="Press Releases" data-sf-ec-immutable="">Press Releases</a></li> 1639 </ul> 1640 </div> 1641 </div> 1642 <div class="col-6 offset-6 col-md-4 offset-md-0 col-lg-4 col-xl-4"> 1643 <div class="footer-item d-flex flex-column"> 1644 <ul class="pl-0 mt-15"> 1645 <li><a class="text-white" href="https://www.pfchangshomemenu.com/" title="Grocery Products" data-sf-ec-immutable="">GROCERY PRODUCTS</a></li> 1646 <li><a class="text-white" href="/book-event" title="Book an Events" aria-label="Book an Event Link" data-sf-ec-immutable="">BOOK AN EVENT</a></li> 1647 <li><a class="text-white" href="/nutrition" title="Nutrition & Allergen Info" data-sf-ec-immutable="">NUTRITION & ALLERGEN INFO</a></li> 1648 </ul> 1649 </div> 1650 </div> 1651 </div> 1652 </div> 1653 <div class="border-bottom-red"></div> 1654 <div class="container Footer-mobile-links"> 1655 <div class="row pb-4"> 1656 <div class="col-md-6 col-lg-6 col-xl-6 border-bottom-red"> 1657 <div class="footer-item d-flex flex-column pt-3 pb-4"> 1658 <p class="text-red text-center">FOLLOW US ON SOCIAL</p> 1659 <div class="social-icons text-center p-0"> 1660 <ul class="social-icons__list pl-0"> 1661 <li class="social-icons__item"><a data-sf-ec-immutable="" href="https://www.facebook.com/pfchangs/"><img src="/images/default-source/icons/facebook-icon-bg.png?sfvrsn=d1a17986_1" alt="Facebook icon" sfref="[images%7COpenAccessDataProvider%7Cc8732437-afcf-449b-8b93-d65c3e9dc03d]bcfa3ce7-b45b-45c6-a6bb-d93aa28e76a7" data-sf-ec-immutable=""></a> 1662 </li> 1663 <li class="social-icons__item"><a data-sf-ec-immutable="" class="twitter-logo" href="https://twitter.com/PFChangs"><img src="/images/default-source/icons/twitter-icon-bg.png?sfvrsn=2df16e91_1" sf-size="100" alt="Twitter icon" sfref="[images%7COpenAccessDataProvider%7Cc8732437-afcf-449b-8b93-d65c3e9dc03d]27c824ce-1739-4a80-8aba-1d50f4703adf" data-sf-ec-immutable=""></a> 1664 </li> 1665 <li class="social-icons__item"><a data-sf-ec-immutable="" href="https://www.instagram.com/pfchangs/"><img src="/images/default-source/icons/instagram-icon-bg.png?sfvrsn=b7238756_1" alt="Instagram icon" sfref="[images%7COpenAccessDataProvider%7Cc8732437-afcf-449b-8b93-d65c3e9dc03d]14fbc763-d9d8-4099-abc8-7ab4164a24ac" data-sf-ec-immutable=""></a> 1666 </li> 1667 <li class="social-icons__item"><a href="https://www.tiktok.com/@pfchangs" data-sf-ec-immutable=""><img src="/images/default-source/icons/tiktok-icon-bg.png?sfvrsn=5da033a_1" alt="Tiktok icon" sfref="[images%7COpenAccessDataProvider%7Cc8732437-afcf-449b-8b93-d65c3e9dc03d]1b26440e-55f
1667c-479b-a6fa-4b709dd001af" data-sf-ec-immutable=""></a> 1668 </li> 1669 <li class="social-icons__item"><a href="https://www.linkedin.com/company/pfchangs/posts/?feedView=all" data-sf-ec-immutable=""><img src="/images/default-source/icons/linkedin-icon.png?sfvrsn=b0e65a34_1" alt="Linkedin icon" sfref="[images%7COpenAccessDataProvider%7Cc8732437-afcf-449b-8b93-d65c3e9dc03d]9dfb1295-a41d-48f9-a05b-89a846653b58" data-sf-ec-immutable=""></a> 1670 </li> 1671 </ul> 1672 </div> 1673 </div> 1674 </div> 1675 <div class="col-md-6 col-lg-6 col-xl-6"> 1676 <div class="footer-item d-flex flex-column pt-3"> 1677 <p class="text-red text-center">DOWNLOAD OUR APP</p> 1678 <div class="footer-apps-link"><a data-sf-ec-immutable="" class="mr-2" href="https://apps.apple.com/us/app/p-f-changs/id1474244475"><img src="/images/default-source/icons/icon-app-apple3bfb29af-9c34-4322-acbe-c27c921ef971.png?sfvrsn=48a8f697_3" alt="app-store-icon" sfref="[images%7COpenAccessDataProvider%7Cc8732437-afcf-449b-8b93-d65c3e9dc03d]fe19b805-8fb1-4e5c-89cc-39ab29881bce" data-sf-ec-immutable=""></a> 1679 <a data-sf-ec-immutable="" href="https://play.google.com/store/apps/details?id=com.pfchangs.order"> 1680 <img src="/images/default-source/icons/icon-app-google82c6eddd-5f14-4b40-affb-76c858d8a623.png?sfvrsn=da6cd9d9_3" alt="google-play-icon" sfref="[images%7COpenAccessDataProvider%7Cc8732437-afcf-449b-8b93-d65c3e9dc03d]edaf96f7-80c3-4f2d-b3f0-b7ca8a1f4f03" data-sf-ec-immutable=""></a> 1681 </div> 1682 </div> 1683 </div> 1684 </div> 1685 </div> 1686 <div class="border-bottom-red"></div> 1687 <div class="container pt-2 pb-2"> 1688 <div class="row pt-3 text-center"> 1689 <div class="col-md-12 col-lg-12 col-xl-12"> 1690 <ul class="copy-rights pl-0"> 1691 <li><a href="/terms-of-use" class="text-white" sfref="[f669d9a7-009d-4d83-ddaa-000000000002]90639039-C300-489B-96F6-3C2A96CE748B" data-sf-ec-immutable="">Terms of Use</a></li> 1692 <li><a aria-label="Learn more about Privacy Policy" class="text-white" id="privacy-policy-link" href="/privacy" data-sf-ec-immutable="">Privacy Policy</a></li> 1693 <li><a href="/sitemap" class="text-white" sfref="[f669d9a7-009d-4d83-ddaa-000000000002]A6B5AF43-BECF-4A08-BA29-F8FD46C19391" data-sf-ec-immutable="">Site Map</a></li> 1694 <li><a href="/accessibility" class="text-white" title="Accessibility" data-sf-ec-immutable="">Accessibility</a></li> 1695 <li><a href="/privacy#bookmark44" class="text-white" sfref="[f669d9a7-009d-4d83-ddaa-000000000002]C0638326-8F3D-4E16-83E9-4DB302A05EA7" data-sf-ec-immutable="">CA Notice at Collection</a></li> 1696 <li><a class="text-white cookieSettingButton" data-sf-ec-immutable="" href="#">Your Privacy Choices</a> 1697 <a href="#" class="cookieSettingButton pl-2"> 1698 <img data-sf-ec-immutable="" alt="Privacy Choice Footer Icon" src="/ResourcePackages/PFC/assets/dist/images/privacyoptions29x14.png"></a> 1699 </li> 1700 </ul> 1701 </div> 1702 </div> 1703 <div class="row pt-3 pb-3"> 1704 <div class="col-md-12 col-lg-12 col-xl-12"> 1705 <ul class="text-center pl-0"> 1706 <li id="copyright_text_footer"></li> 1707 </ul> 1708 </div> 1709 </div> 1710 </div> 1711 <!-- <div class="sticky-footer"> 1712 <div class="d-flex"><a href="/reservations" class="button button--solid-red mr-2" sfref="[f669d9a7-009d-4d83-ddaa-000000000002]C1A8DB4A-117A-4F30-A6E6-0703406EC1F5" data-sf-ec-immutable="">Reservations</a> 1713 <a href="https://order.pfchangs.com/" class="button button--solid-red" data-sf-ec-immutable="">Order Now</a> 1714 </div> 1715</div> --> 1716</div> 1717 1718 1719<div class="sticky-footer"> 1720 <div class="sticky-footer-location-header"> 1721 <pfcb-location-header></pfcb-location-header> 1722 </div> 1723 <div class="sticky-footer-location-model"> 1724 <pfcb-choose-location-modal></pfcb-choose-location-modal> 1725 </div> 1726 <div class="d-flex"> 1727 <a href="/menu" class="button button--solid-red mr-2" >Menu</a> 1728 <a href="/offers" class="button button--solid-red">Offers</a> 1729 </div> 1730</div> 1731 1732 1733 1734 </footer>
1734<script src="/ScriptResource.axd?d=6DQe8ARl7A9TiuWej5ttCuAXsdUxWHYPMyNzN2UWtnnzYToWisfNtfm93k_7P_aBTPFSwJ0tYYJgPhqFFizdyZJvIntt4Kgjuf-bdxbRDn4_bK-KKxh8SvIK7kzbGMkI354fphBR08xxyi-_vsh4SarSqwnMSKWFYBJWsUmmNX6RYTS0eToDf6rG97MyhqYc0&t=1d22661f" type="text/javascript"></script>
1734<script src="/ScriptResource.axd?d=74FHISOx3fOPKwLxL0RMYgtaaM1tMte0IvN27CiCQm4RaQtD-zHgIkKggd5OOA-en2TB1Gck7xQ7YpF70GsF9_1T0JpiSCG3MRtkMGVBPHTdzcTNoCZKbwVEnFz0Imc451zLBI85OiGvP_i0N3HmL5cM1V7ABtMS0XnNDf1PfXNmWOk-LF7AAKZ_B3sg8nm70&t=1d22661f" type="text/javascript"></script>
1734
1734<script src="/ResourcePackages/PFC/assets/dist/js/all.45f545ce4e98ea5e227073273f2528f9.min.js" type="text/javascript"></script>
1734 1735 1736 1737 1738 1739
1739<script src="/angular-app/dist/angular-app/runtime.fef78612f6a65e90.js" type="text/javascript"></script>
1739<script src="/angular-app/dist/angular-app/polyfills.a50f1e3cdad7b7c1.js" type="text/javascript"></script>
1739<script src="/angular-app/dist/angular-app/scripts.8ec598c2d5ab50e9.js" type="text/javascript"></script>
1739<script src="/angular-app/dist/angular-app/main.7360718a8c179074.js" type="text/javascript"></script>
1739<script type="application/json" id="PersonalizationTracker"> 1740 {"IsPagePersonalizationTarget":false,"IsUrlPersonalizationTarget":false,"PageId":"b155691d-d7f4-48c6-9008-ae63c3b4dfe6"} 1741</script>
1741<script type="text/javascript" src="/WebResource.axd?d=NjxTqR2bqTw1rewxxlkHPrexbBAytZy0kSeC0en34PTTYSJazl4oMh_MHrfRdxMzw5qIwwdBpmX60yjI6ZyyInbdrPSivVqvOZ5maDHrmBpnkrguq4RWKsGeQmIyuOkMvuN4OvpbpRSftGF8Al-FBLLfa2K_-_ZXVWKDKNm7HyXxIZL8HkVMmvLmiiX7NYQAq83FAj9ouna_F1m2flbWhUBWLr4MITT5e-efAobz9Qo1&t=639227125842213614"> 1742 1743</script>
1743<script type="text/javascript"> 1744/*window.addEventListener("load", function () { 1745 setTimeout(function () { 1746 1747 function checkIfTestEnv() { 1748 return window.location.href.indexOf("uat") !== -1; 1749 } 1750 1751 //const link = document.querySelectorAll("#dynamicLink"); 1752 const link = document.getElementsByClassName("text-global-header"); 1753 const linkURL = document.getElementById("dynamicUrl"); 1754 1755 if (link && linkURL) { 1756 if (checkIfTestEnv()) { 1757 link.href = "https://locations.pfchangs.com.preprod.rioseo.com/"; 1758 linkURL.href = "https://locations.pfchangs.com.preprod.rioseo.com/"; 1759 } else { 1760 link.href = "https://locations.pfchangs.com/"; 1761 linkURL.href = "https://locations.pfchangs.com/"; 1762 } 1763 } 1764 1765 }, 1000); // delay important 1766});*/ 1767 1768window.addEventListener("load", function () { 1769 setTimeout(function () { 1770 1771 function checkIfTestEnv() { 1772 return window.location.href.indexOf("uat") !== -1; 1773 } 1774 1775 // Determine the correct URL based on environment 1776 const targetURL = checkIfTestEnv() 1777 ? "https://locations.pfchangs.com.preprod.rioseo.com/" 1778 : "https://locations.pfchangs.com/"; 1779 1780 // Select ALL elements with the class 'dynamic-link' 1781 // You can also use "a[href*='locations.pfchangs.com']" to target by partial URL 1782 const links = document.querySelectorAll("#dynamicLink"); 1783 const footerLinks = document.querySelectorAll("#dynamicUrl"); 1784 1785 if (links.length > 0) { 1786 links.forEach(link => { 1787 link.href = targetURL; 1788 }); 1789 } 1790 if (footerLinks.length > 0) { 1791 footerLinks.forEach(link => { 1792 link.href = targetURL; 1793 }); 1794 } 1795 1796 }, 1000); 1797}); 1798 1799/*More option script*/ 1800const moreLink = document.getElementById("morelink"); 1801const dropdown = document.getElementById("moreoptions"); 1802 1803// Toggle dropdown 1804moreLink.onclick = function (e) { 1805 e.preventDefault(); // â THIS FIXES SCROLL TO TOP 1806 e.stopPropagation(); // prevent immediate close 1807 dropdown.classList.toggle("show"); 1808}; 1809 1810// 1. Close when clicking outside 1811document.addEventListener("click", function (e) { 1812 if (!dropdown.contains(e.target) && !moreLink.contains(e.target)) { 1813 dropdown.classList.remove("show"); 1814 } 1815}); 1816 1817// 2. Close on scroll 1818window.addEventListener("scroll", function () { 1819 dropdown.classList.remove("show"); 1820}); 1821 1822// 3. Allow clicks inside dropdown (links should work) 1823dropdown.addEventListener("click", function (e) { 1824 e.stopPropagation(); // prevents closing when clicking inside 1825}); 1826 1827</script>
1827<script type="text/javascript"> 1828/* ========= SESSION CONTROL ========= */ 1829/* Session key to block other popups in the same session */ 1830const POPUP_KEY = 'popupShown'; 1831 1832/* LocalStorage key to block popup for 5 days after close */ 1833const POPUP_BLOCK_KEY = 'popupBlockedUntil'; 1834 1835/* 5 days in milliseconds */ 1836const FIVE_DAYS_MS = 5 * 24 * 60 * 60 * 1000; 1837 1838/* Check if any popup is already shown in this session */ 1839function popupAlreadyShown() { 1840 return sessionStorage.getItem(POPUP_KEY) === 'true'; 1841} 1842/* Mark popup as shown for the current session */ 1843function markPopupShown() { 1844 sessionStorage.setItem(POPUP_KEY, 'true'); 1845} 1846/* Check if popup is blocked for 5 days */ 1847function isPopupBlocked() { 1848 const blockedUntil = localStorage.getItem(POPUP_BLOCK_KEY); 1849 if (!blockedUntil) return false; 1850 1851 return Date.now() < Number(blockedUntil); 1852} 1853 1854/* ========= OPEN POPUP ========= */ 1855function openPopup(imageUrl, imageAlt, message, ctaText, ctaUrl) { 1856 1857 /* Do not open popup if: 1858 1. Another popup already opened in this session 1859 2. Popup is blocked for 5 days */ 1860 if (popupAlreadyShown() || isPopupBlocked()) return; 1861 1862 //if (popupAlreadyShown()) return; 1863 1864 const overlay = document.getElementById('customPopupOverlay'); 1865 if (!overlay) return; 1866 1867 /* Set popup content dynamically */ 1868 //document.getElementById('popupTitle').innerText = title; 1869 1870 /* Handle image */ 1871 const img = document.getElementById('popupImage'); 1872 if (imageUrl) { 1873 img.src = imageUrl; 1874 img.alt = imageAlt || ''; 1875 img.style.display = 'block'; 1876 } else { 1877 img.style.display = 'none'; 1878 } 1879 1880 document.getElementById('popupMessage').innerText = message; 1881 1882 const cta = document.getElementById('popupCta'); 1883 cta.innerText = ctaText; 1884 cta.href = ctaUrl || '#'; 1885 1886 /* Show popup and disable page scroll */ 1887 overlay.style.display = 'flex'; 1888 document.body.style.overflow = 'hidden'; 1889 1890 /* Mark popup as shown so no other popup appears */ 1891 markPopupShown(); 1892} 1893 1894/* ========= CLOSE POPUP ========= */ 1895document.addEventListener('click', function (e) { 1896 if ( 1897 e.target.classList.contains('popup-close') || 1898 e.target.id === 'customPopupOverlay' 1899 ) { 1900 /* Hide popup and restore scrolling */ 1901 document.getElementById('customPopupOverlay').style.display = 'none'; 1902 document.body.style.overflow = ''; 1903 1904 /* Block popup for next 5 days */ 1905 const blockUntil = Date.now() + FIVE_DAYS_MS; 1906 localStorage.setItem(POPUP_BLOCK_KEY, blockUntil.toString()); 1907 1908 } 1909}); 1910 1911(function () { 1912 1913 /* ================================ 1914 CONFIG 1915 - Keys used in sessionStorage 1916 - Thresholds controlling popup logic 1917 ================================= */ 1918 const DETAIL_COUNT_KEY = 'sf_menu_detail_count'; // Tracks "See Details" clicks 1919 const CATEGORY_COUNT_KEY = 'sf_menu_category_count'; // Tracks category navigation clicks 1920 const POPUP_SHOWN_KEY = 'popupShown'; // Prevents popup from reappearing 1921 1922 const DETAIL_THRESHOLD = 3; // Minimum detail views before popup eligibility 1923 const CATEGORY_THRESHOLD = 2; // Minimum category clicks before popup eligibility 1924 const POPUP_DELAY = 15000; // Delay popup by 15 seconds after page load 1925 1926 /* ================================ 1927 MENU ITEM DETAIL CLICK COUNT 1928 ("See Details" link interaction) 1929 - Increments count when users view menu item details 1930 ================================= */ 1931 document.addEventListener('click', function (e) { 1932 1933 // Do nothing if popup already displayed this session 1934 if (sessionStorage.getItem(POPUP_SHOWN_KEY)) return; 1935 1936 // Capture clicks on menu detail links 1937 const detailLink = e.target.closest('a[href*="/menu/"]'); 1938 if (!detailLink) return; 1939 1940 // Only count links explicitly labeled "See Details" 1941 if (!detailLink.textContent.toLowerCase().includes('see details')) return; 1942 1943 // Retrieve and increment click count
1944 let count = Number(sessionStorage.getItem(DETAIL_COUNT_KEY)) || 0; 1945 count++; 1946 1947 // Persist updated count for session 1948 sessionStorage.setItem(DETAIL_COUNT_KEY, count); 1949 console.log('[DETAIL COUNT]', count); 1950 }); 1951 1952 /* ================================ 1953 MENU CATEGORY CLICK COUNT 1954 - Tracks browsing behavior across menu categories 1955 ================================= */ 1956 document.addEventListener('click', function (e) { 1957 1958 // Skip tracking if popup already shown 1959 if (sessionStorage.getItem(POPUP_SHOWN_KEY)) return; 1960 1961 // Detect clicks on category navigation links 1962 const categoryLink = e.target.closest('a.food-category__link'); 1963 if (!categoryLink) return; 1964 1965 // Retrieve and increment category click count 1966 let count = Number(sessionStorage.getItem(CATEGORY_COUNT_KEY)) || 0; 1967 count++; 1968 1969 // Store updated value in session 1970 sessionStorage.setItem(CATEGORY_COUNT_KEY, count); 1971 console.log('[CATEGORY COUNT]', count); 1972 }); 1973 1974 /* ================================ 1975 LOYALTY POPUP TRIGGER 1976 - Evaluates engagement after page load 1977 - Shows popup only once per session 1978 ================================= */ 1979 document.addEventListener('DOMContentLoaded', function () { 1980 1981 // Hard stop if popup already shown 1982 if (sessionStorage.getItem(POPUP_SHOWN_KEY)) return; 1983 1984 // Retrieve engagement metrics 1985 const detailCount = Number(sessionStorage.getItem(DETAIL_COUNT_KEY)) || 0; 1986 const categoryCount = Number(sessionStorage.getItem(CATEGORY_COUNT_KEY)) || 0; 1987 1988 // Determine popup eligibility 1989 const shouldShowPopup = 1990 detailCount >= DETAIL_THRESHOLD || 1991 categoryCount >= CATEGORY_THRESHOLD; 1992 1993 if (!shouldShowPopup) return; 1994 1995 // ⱠDelay popup display to avoid interrupting navigation 1996 setTimeout(function () { 1997 1998 // Safety check in case popup was triggered elsewhere 1999 if (sessionStorage.getItem(POPUP_SHOWN_KEY)) return; 2000 2001 // Trigger loyalty signup popup 2002 openPopup( 2003 // "Loyalty Sign-Up", 2004 "/images/default-source/default-album/15k-pop-img.jpg", 2005 "Loyality popup image", 2006 "Join to earn 10% Chang's Ca$h®, free Edamame when you dine-in, plus more member-only perks!", 2007 "Join Now", 2008 "/rewards?utm_source=Website&utm_medium=Pop+Up&utm_campaign=Loyalty+-+Menu+Page+Visits" 2009 ); 2010 2011 // Lock popup for the remainder of the session 2012 sessionStorage.setItem(POPUP_SHOWN_KEY, 'true'); 2013 2014 }, POPUP_DELAY); 2015 }); 2016 2017})(); 2018 2019</script>
2019<script type="text/javascript"> 2020(function() { 2021 const user = localStorage.user; 2022 const userId = user ? JSON.parse(user).printedCardNumber : null; 2023 const userStatus = user ? 'Logged-In' : 'Guest'; 2024 dataLayer.push({ 2025 event: 'page_view', 2026 page_name : document.title, 2027 user_status: userStatus, 2028 ...(user && { 2029 user_id: userId, 2030 }) 2031 }); 2032})(); 2033 2034//Footer Auto Update Year JS 2035let year = new Date().getFullYear(); 2036let date = new Date().getDate(); 2037let element = document.getElementById("copyright_text_footer"); 2038let copyright_text_footer = `©${year} P.F.Chang's All rights reserved.` 2039element.textContent = copyright_text_footer.toString(); 2040 2041/**/ 2042 const hamburger = document.querySelector(".hamburger"); 2043const navLinks = document.querySelector(".nav-links"); 2044const links = document.querySelectorAll(".nav-links-mb li"); 2045 2046hamburger.addEventListener('click', ()=>{ 2047 //Animate Links 2048 navLinks.classList.toggle("open"); 2049 links.forEach(link => { 2050 link.classList.toggle("fade"); 2051 }); 2052 2053 //Hamburger Animation 2054 hamburger.classList.toggle("toggle"); 2055}); 2056/**/ 2057/*document.getElementById("morelink").onclick = function() {moreFunction()}; 2058 2059function moreFunction() { 2060 var element = document.getElementById("moreoptions"); 2061 element.classList.toggle("show"); 2062}*/ 2063 2064 2065/*page load*/ 2066/*document.getElementById(".main-navbar .nav-links li").onclick = function() {pageloadFunction()}; 2067 2068function pageloadFunction() { 2069 document.location.reload(); 2070}*/ 2071 2072</script>
2072
2072<script type="application/ld+json"> 2073 { 2074 "@context": "http://schema.org", 2075 "@type": "WebSite", 2076 "name": "PF Chang's", 2077 "url": "https://www.pfchangs.com" 2078 } 2079 </script>
2079 </body> </html> 2080
Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.