1<!doctype html> 2<html class="no-js " lang="en"> 3 <head> 4 <meta charset="utf-8"> 5 <meta http-equiv="X-UA-Compatible" content="IE=edge"> 6 <meta name="viewport" content="width=device-width, initial-scale=1.0"> 7 <meta name="theme-color" content=""> 8 9 <link rel="canonical" href="https://www.joeskc.com/"> 10 11<link rel="icon" type="image/png" href="//www.joeskc.com/cdn/shop/files/logo_favicon.png?crop=center&height=32&v=1763403016&width=32"><link rel="preconnect" href="https://fonts.shopifycdn.com" crossorigin><title> 12 Joe's Kansas City BBQ - World Famous Barbecue 13 – SendJoesKCBBQ</title> 14
14<script type="application/ld+json"> 15 { 16 "@context": "http://schema.org", 17 "@type": "OnlineStore", 18 "name": "Joe's Kansas city Bar-B-Que", 19 "description": "", 20 21 "telephone": "", 22 "address": [{ 23 "@type": "PostalAddress", 24 "streetAddress": "3002 West 47th Avenue", 25 "addressLocality": "", 26 "addressRegion": "", 27 "postalCode": "", 28 "addressCountry": "" 29 },{ 30 "streetAddress": "", 31 "addressLocality": "", 32 "addressRegion": "", 33 "postalCode": "", 34 "addressCountry": "" 35 }], 36 "email": "" 37 } 38 </script>
38 39
39<script type="application/ld+json"> 40 { 41 "@context": "https://schema.org", 42 "@type": "WebSite", 43 "name": "SendJoesKCBBQ", 44 "potentialAction": { 45 "@type": "SearchAction", 46 "target": "https://www.joeskc.com/search?q={search_term_string}", 47 "query-input": "required name=search_term_string" 48 }, 49 "url": "https://www.joeskc.com" 50 } 51 </script>
51 52 53 54 <meta name="description" content="The original Joe's Kansas City BBQ, born out of a gas station in Kansas City and world-famous for our ribs, Z-man sandwich, burnt ends, brisket, & more! Stop by or send BBQ online."> 55 56 <link href="//www.joeskc.com/cdn/shop/t/80/assets/theme.css?v=23787051409108878181785482773" rel="stylesheet" type="text/css" media="all" /> 57 58 59 <link rel="preload" href="//www.joeskc.com/cdn/shop/t/80/assets/secondary-css.css?v=124842348671814217191785247873" as="style" onload="this.onload=null;this.rel='stylesheet'"> 60 <noscript> 61 <link rel="stylesheet" href="//www.joeskc.com/cdn/shop/t/80/assets/secondary-css.css?v=124842348671814217191785247873"> 62 </noscript> 63 <link rel="preload" href="//www.joeskc.com/cdn/shop/t/80/assets/theme-md.css?v=73783615780051519011785247873" as="style" media="(min-width: 768px)"> 64 <link rel="stylesheet" href="//www.joeskc.com/cdn/shop/t/80/assets/theme-md.css?v=73783615780051519011785247873" type="text/css" media="(min-width: 768px)"> 65 <link rel="preload" href="//www.joeskc.com/cdn/shop/t/80/assets/theme-lg.css?v=35461467089789139181785247873" as="style" media="(min-width: 1024px)"> 66 <link rel="stylesheet" href="//www.joeskc.com/cdn/shop/t/80/assets/theme-lg.css?v=35461467089789139181785247873" type="text/css" media="(min-width: 1024px)"> 67 <link rel="preload" href="//www.joeskc.com/cdn/shop/t/80/assets/theme-xl.css?v=41831075581784254051785247873" as="style" media="(min-width: 1280px)"> 68 <link rel="stylesheet" href="//www.joeskc.com/cdn/shop/t/80/assets/theme-xl.css?v=41831075581784254051785247873" type="text/css" media="(min-width: 1280px)"> 69 70 71 72<link rel="preload" href="//www.joeskc.com/cdn/fonts/aleo/aleo_n4.136670fa4cfe14df9f97954729b65c53d88b12be.woff2" as="font" type="font/woff2" crossorigin="anonymous" fetchpriority="high" /> 73 74 75 76 77<meta property="og:site_name" content="SendJoesKCBBQ"> 78<meta property="og:url" content="https://www.joeskc.com/"> 79<meta property="og:title" content="Joe's Kansas City BBQ - World Famous Barbecue"> 80<meta property="og:type" content="website"> 81<meta property="og:description" content="The original Joe's Kansas City BBQ, born out of a gas station in Kansas City and world-famous for our ribs, Z-man sandwich, burnt ends, brisket, & more! Stop by or send BBQ online."><meta property="og:image" content="http://www.joeskc.com/cdn/shop/files/2025_square_logo_RED_5c2dcd08-8d38-44c4-9b96-93914f0779d6.jpg?v=1781631837"> 82 <meta property="og:image:secure_url" content="https://www.joeskc.com/cdn/shop/files/2025_square_logo_RED_5c2dcd08-8d38-44c4-9b96-93914f0779d6.jpg?v=1781631837"> 83 <meta property="og:image:width" content="1000"> 84 <meta property="og:image:height" content="1000"><meta name="twitter:site" content="@https://x.com/joeskc"><meta name="twitter:card" content="summary_large_image"> 85<meta name="twitter:title" content="Joe's Kansas City BBQ - World Famous Barbecue"> 86<meta name="twitter:description" content="The original Joe's Kansas City BBQ, born out of a gas station in Kansas City and world-famous for our ribs, Z-man sandwich, burnt ends, brisket, & more! Stop by or send BBQ online."> 87<style data-shopify>@font-face { 88 font-family: Aleo; 89 font-weight: 700; 90 font-style: normal; 91 font-display: swap; 92 src: url("//www.joeskc.com/cdn/fonts/aleo/aleo_n7.bb6a195ae8203890c5b6ffd628bee17104cc686d.woff2") format("woff2"), 93 url("//www.joeskc.com/cdn/fonts/aleo/aleo_n7.071af82e6c05ec82c5ab10eface7d1bae9723490.woff") format("woff"); 94} 95 96 @font-face { 97 font-family: Aleo; 98 font-weight: 400; 99 font-style: normal; 100 font-display: swap; 101 src: url("//www.joeskc.com/cdn/fonts/aleo/aleo_n4.136670fa4cfe14df9f97954729b65c53d88b12be.woff2") format("woff2"), 102 url("//www.joeskc.com/cdn/fonts/aleo/aleo_n4.5d64991d1f526ac4e19640bbdebcbc191ef24ad0.woff") format("woff"); 103} 104 105 @font-face { 106 font-family: Oswald; 107 font-weight: 400; 108 font-style: normal; 109 font-display: swap; 110 src: url("//www.joeskc.com/cdn/fonts/oswald/oswald_n4.7760ed7a63e536050f64bb0607ff70ce07a480bd.woff2") format("woff2"), 111 url("//www.joeskc.com/cdn/fonts/oswald/oswald_n4.ae5e497f60fc686568afe76e9ff1872693c533e9.woff") format("woff"); 112} 113 114 @font-face { 115 font-family: Aleo; 116 font-weight: 600; 117 font-style: normal; 118 font-display: swap; 119 src: url("//www.joeskc.com/cdn/fonts/aleo/aleo_n6.ca9fe1a6a5d87bfc6fa1d3eba5708c6cbb930708.woff2") format("woff2"), 120 url("//www.joeskc.com/cdn/fonts/aleo/aleo_n6.cf70594e03c7b51a690ad9a94ac8de64550f5476.woff") format("woff"); 121} 122 123 @font-face { 124 font-family: "Libre Bodoni"; 125 font-weight: 600; 126 font-style: italic; 127 font-display: swap; 128 src: url("//www.joeskc.com/cdn/fonts/libre_bodoni/librebodoni_i6.1f20d8369ce8b99ca0d4bc581754ae66ea738849.woff2") format("woff2"), 129 url("//www.joeskc.com/cdn/fonts/libre_bodoni/librebodoni_i6.7bc65d08c38cec452607361f1b63e6a368606744.woff") format("woff"); 130} 131 132 133 @font-face { 134 font-family: Aleo; 135 font-weight: 700; 136 font-style: normal; 137 font-display: swap; 138 src: url("//www.joeskc.com/cdn/fonts/aleo/aleo_n7.bb6a195ae8203890c5b6ffd628bee17104cc686d.woff2") format("woff2"), 139 url("//www.joeskc.com/cdn/fonts/aleo/aleo_n7.071af82e6c05ec82c5ab10eface7d1bae9723490.woff") format("woff"); 140} 141 142 @font-face { 143 font-family: Aleo; 144 font-weight: 400; 145 font-style: italic; 146 font-display: swap; 147 src: url("//www.joeskc.com/cdn/fonts/aleo/aleo_i4.88a25861c09f2509923
147c34ba3366e47df60bc543.woff2") format("woff2"), 148 url("//www.joeskc.com/cdn/fonts/aleo/aleo_i4.7b233ab952f02df341ea5501e4220a671d323710.woff") format("woff"); 149} 150 151 @font-face { 152 font-family: Aleo; 153 font-weight: 700; 154 font-style: italic; 155 font-display: swap; 156 src: url("//www.joeskc.com/cdn/fonts/aleo/aleo_i7.6db85f6e645c64d34d8e29efcc908fa9de7ecbca.woff2") format("woff2"), 157 url("//www.joeskc.com/cdn/fonts/aleo/aleo_i7.3a33fa5ea79edeaa5ef94d93d95ff1b74cc7781f.woff") format("woff"); 158} 159 160 @font-face { 161 font-family: Oswald; 162 font-weight: 400; 163 font-style: normal; 164 font-display: swap; 165 src: url("//www.joeskc.com/cdn/fonts/oswald/oswald_n4.7760ed7a63e536050f64bb0607ff70ce07a480bd.woff2") format("woff2"), 166 url("//www.joeskc.com/cdn/fonts/oswald/oswald_n4.ae5e497f60fc686568afe76e9ff1872693c533e9.woff") format("woff"); 167} 168 169</style> 170<style data-shopify>:root, 171 *:before { 172 --base-font-size: 0.875rem; 173 --font-size-medium-mobile: 0.9rem; 174 --font-size-medium: 1.0rem; 175 --font-size-small: 0.625rem; 176 --font-size-small-mobile: 0.5625rem; 177 --font-size-normal: 0.75rem; 178 --font-size-normal-mobile: 0.675rem; 179 --font-size-large: 1.25rem; 180 --font-size-large-mobile: 1.125rem; 181 --heading-highlight-font-size: 100%; 182 --h1-font-size: 3.825rem; 183 --h2-font-size: 2.25rem; 184 --h3-font-size: 1.35rem; 185 --h4-font-size: 1.2375rem; 186 --h5-font-size: 1.125rem; 187 --h6-font-size: 1.0125rem; 188 --base-font-size-mobile: 0.7875rem; 189 --h1-font-size-mobile: 1.9125rem; 190 --h2-font-size-mobile: 1.35rem; 191 --h3-font-size-mobile: 0.945rem; 192 --h4-font-size-mobile: 0.86625rem; 193 --h5-font-size-mobile: 0.7875rem; 194 --h6-font-size-mobile: 0.70875rem; 195 --rating-star-size: 0.7rem; 196 --border-radius: 100px; 197 --page-width: 1300px; 198 --width-countdown: 7.875rem; 199 --font-menu: Oswald, sans-serif; 200 --font-menu-weight: 400; 201 --font-menu-style: normal; 202 --font-button: Aleo, serif; 203 --font-button-weight: 600; 204 --font-button-style: normal; 205 --font-body-family: Aleo, serif; 206 --font-body-style: normal; 207 --font-body-weight: 400; 208 --font-heading-family: Aleo, serif; 209 --font-heading-highlight: "Libre Bodoni", serif; 210 --font-heading-highlight-style: italic; 211 --font-heading-highlight-weight: 600; 212 --font-heading-style: normal; 213 --font-heading-weight: 700; 214 --heading-text-tranform: none; 215 --advanced-sections-spacing: 0px; 216 --divider-spacing: -0; 217 218 --colors-pulse-speech: 251, 133, 0; 219 --image-treatment-overlay: 35, 31, 32; 220 --image-treatment-text: 255, 255, 255; 221 --colors-line-and-border: 255, 255, 255; 222 --colors-line-and-border-base: 255, 255, 255; 223 --colors-line-header: 127, 38, 41; 224 --colors-line-footer: 127, 38, 41; 225 --colors-background: 255, 255, 255; 226 --colors-text: 35, 31, 32; 227 --colors-text-base: 35, 31, 32; 228 --colors-heading: 35, 31, 32; 229 --colors-heading-base: 35, 31, 32; 230 --colors-background-secondary: 255, 255, 255; 231 --colors-text-secondary: 35, 31, 32; 232 --colors-heading-secondary: 35, 31, 32; 233 --colors-text-link: 127, 38, 41; 234 --background-color: 255, 255, 255; 235 --background-color-base: 255, 255, 255; 236 --background-color-header: 35, 31, 32; 237 --colors-text-header: 255, 255, 255; 238 --background-color-footer: 35, 31, 32; 239 --colors-text-footer: 255, 255, 255; 240 --colors-heading-footer: 255, 255, 255; 241 --colors-text-link-footer: 35, 31, 32; 242 --color-error: 35, 31, 32; 243 --color-success: 35, 31, 32; 244 --colors-price: 35, 31, 32; 245 --colors-price-sale: 35, 31, 32; 246 --colors-button-text: 255, 255, 255; 247 --colors-button: 127, 38, 41; 248 --colors-button-text-hover: 127, 38, 41; 249 --colors-secondary-button: 255, 255, 255; 250 --colors-button-hover: rgb(255, 255, 255); 251 --colors-cart: 127, 38, 41; 252 --colors-cart-text: 127, 38, 41; 253 --colors-icon-rating: 127, 38, 41; 254 --colors-transition-arrows: 36, 36, 36; 255 --color-highlight: rgb(127, 38, 41); 256 --background-pagination-slideshow: 32, 32, 32; 257 --text-color-pagination-slideshow: 255, 255, 255; 258 259 --background-secondary-button: 127, 38, 41; 260 --colors-line-secondary-button: 127, 38, 41; 261 262 263 --button-width: 102%; 264 --button-height: 500%;
265 --button-transform: rotate3d(0,0,1,-10deg) translate3d(-130%,-10em,0); 266 --button-transform-origin: 100% 0%; 267 268 269 --height-parallax: 110%; 270 271 272 --image-zoom: 1.05; 273 274 --card-product-bg: #ffffff; 275 --card-product-padding: 20px; 276 --card-product-padding-mobile: 5px; 277 --card-product-alignment: center; 278 279 --width-scrollbar: 0; 280 --card-product-ratio: 100.0%; 281 --card-product-img-position: absolute; 282 --card-product-img-height: 0; 283 --card-product-img-zoom: scale(1.1); 284 --height-header: 0px; 285 --transition-card-loading: 600ms; 286 --transition-card-image-hover: 500ms; 287 --transition-slideshow: 600ms; 288 --transition-image-hover: 600ms; 289 } 290 .dark, 291 .dark *:before { 292 --image-treatment-overlay: 32, 32, 32; 293 --image-treatment-text: 255, 255, 255; 294 --colors-line-and-border: 94, 94, 94; 295 --colors-line-and-border-base: 94, 94, 94; 296 --colors-line-header: 94, 94, 94; 297 --colors-line-footer: 82, 80, 81; 298 --colors-background: 32, 32, 32; 299 --colors-text: 35, 31, 32; 300 --colors-text-base: 35, 31, 32; 301 --colors-heading: 255, 255, 255; 302 --colors-heading-base: 255, 255, 255; 303 --background-color: 32, 32, 32; 304 --background-color-base: 32, 32, 32; 305 --colors-text-link: 127, 38, 41; 306 --color-error: 255, 88, 88; 307 --color-success: 66, 162, 70; 308 --background-color-header: 32, 32, 32; 309 --colors-text-header: 137, 137, 137; 310 --background-color-footer: 41, 41, 41; 311 --colors-text-footer: 137, 137, 137; 312 --colors-heading-footer: 255, 255, 255; 313 --colors-text-link-footer: 107, 112, 80; 314 --colors-price: 195, 195, 195; 315 --colors-price-sale: 255, 88, 88; 316 --colors-button-text: 255, 255, 255; 317 --colors-button: 0, 0, 0; 318 --colors-button-text-hover: 36, 36, 36; 319 --colors-secondary-button: 255, 255, 255; 320 --colors-button-hover: rgb(255, 255, 255); 321 --colors-cart: 107, 112, 80; 322 --colors-cart-text: 255, 255, 255; 323 --colors-background-secondary: 58, 58, 58; 324 --colors-text-secondary: 255, 255, 255; 325 --colors-heading-secondary: 255, 255, 255; 326 --colors-icon-rating: 200, 184, 159; 327 --colors-pulse-speech: 251, 133, 0; 328 --colors-transition-arrows: 36, 36, 36; 329 --color-highlight: rgb(127, 38, 41); 330 331 --background-secondary-button: transparent; 332 --colors-line-secondary-button: 255, 255, 255; 333 334 --card-product-bg: rgba(0,0,0,0); 335 } 336 shopify-accelerated-checkout { 337 --shopify-accelerated-checkout-button-border-radius: 100px; 338 } 339 shopify-accelerated-checkout-cart { 340 --shopify-accelerated-checkout-button-border-radius: 100px; 341 --shopify-accelerated-checkout-inline-alignment: end; 342 --shopify-accelerated-checkout-button-block-size: 48px; 343 --shopify-accelerated-checkout-button-inline-size: 48px; 344 } 345 shopify-account { 346 --shopify-account-color-accent: rgba(var(--colors-button)); 347 --shopify-account-color-accent-text: rgb(var(--colors-button-text)); 348 --shopify-account-color-background: rgb(var(--background-color-base)); 349 --shopify-account-color-background-subdued: rgba(var(--colors-text-base), .3); 350 --shopify-account-color-text-subdued: rgba(var(--colors-text-base), 1); 351 --shopify-account-radius-button-small: 9999px; 352 --shopify-account-color-control-text: rgba(var(--colors-text-base), 1); 353 --shopify-account-color-border: rgba(var(--colors-line-and-border-base), 1); 354 --shopify-account-color-control-background: rgb(var(--background-color-base)); 355 --shopify-account-color-text: rgba(var(--colors-text-base), 1); 356 --shopify-account-color-text-subdued: rgba(var(--colors-text-base), 1); 357 --shopify-account-dialog-position-top: 30px; 358 --shopify-account-font-body: var(--font-body-family); 359 --shopify-account-font-body-weight: var(--font-body-weight); 360 --shopify-account-font-heading: var(--font-heading-family); 361 --shopify-account-font-heading-weight: var(--font-heading-weight); 362 --shopify-account-radius-base: 8px; 363 --shopify-account-radius-button: 100px; 364 --shopify-account-radius-dialog: 12px; 365 --shopify-account-radius-input: 8px; 366 --shopify-account-signed-in-avatar-color-background: rgba(var(--colors-text), 1); 367 --shopify-account-signed-in-avatar-color-text: rgb(var(--background-color)); 368 } 369 370 [role="button"], 371 [type="button"], 372 .button { 373 color: rgb(var(--colors-button-text-hover)); 374 } 375 button.button-solid, 376 .button.button-solid { 377 border: none; 378 background-color: var(--colors-button-hover); 379 } 380 button.button-disable-effect, 381 .button.button-disable-effect { 382 color: rgba(var(--colors-button-text-hover)); 383 background-color: var(--colors-button-hover); 384 } 385 .button-action { 386 border: none; 387 color: rgba(var(--colors-button-text-hover)); 388 background-color: var(--colors-button-hover); 389 } 390 391 .header, .header *::before { 392 --colors-text: var(--colors-text-header); 393 --colors-heading: var(--colors-text-header); 394 --colors-price: var(--colors-text-header); 395 --colors-line-and-border: var(--colors-line-header); 396 } 397 #sticky-header-content .divider { 398 --colors-line-and-border: var(--colors-line-header); 399 } 400 .paginate-slide-image {
401 background: rgba(var(--background-pagination-slideshow)); 402 color: rgba(var(--text-color-pagination-slideshow)); 403 } 404 body { 405 touch-action: manipulation; 406 } 407 @media (min-width: 1024px) { 408 .paginate-slide-image { 409 color: rgba(var(--text-color-pagination-slideshow)); 410 } 411 .paginate-slide-image:hover { 412 color: rgba(var(--text-color-pagination-slideshow)); 413 } 414 } 415 416 .section-quick-links, 417 .section-quick-links *::before, 418 .section-footer, 419 .section-footer *::before { 420 --colors-text: var(--colors-text-footer); 421 --colors-heading: var(--colors-heading-footer); 422 --colors-text-link: var(--colors-text-link-footer); 423 --colors-line-and-border: var(--colors-line-footer); 424 } 425 .sticky-header { 426 --font-body-weight: 700; 427 } 428 429 .scrollbar-horizontal { 430 position: relative; 431 -ms-overflow-style: none; 432 } 433 .scrollbar-horizontal::-webkit-scrollbar-track { 434 background-color: #ececec; 435 } 436 .scrollbar-horizontal::-webkit-scrollbar { 437 height: 3px; 438 } 439 440 .scrollbar-horizontal::-webkit-scrollbar-track { 441 -webkit-box-shadow: inset 0 0 0px rgba(0, 0, 0, 0); 442 } 443 444 .scrollbar-horizontal::-webkit-scrollbar-thumb { 445 visibility: visible; 446 background-color: #747474; 447 } 448 449 .scrollbar-horizontal::-webkit-scrollbar-thumb:hover { 450 background-color: #747474; 451 } 452 body.scrollbar-body::-webkit-scrollbar{ 453 width: 5px; 454 } 455 .scrollbar-body::-webkit-scrollbar-track{ 456 background: #ececec; 457 } 458 .scrollbar-horizontal { 459 position: relative; 460 -ms-overflow-style: none; 461 } 462 .scrollbar-horizontal::-webkit-scrollbar-track { 463 background-color: #ececec; 464 } 465 .scrollbar-horizontal::-webkit-scrollbar {
466 height: 3px; 467 } 468 469 .scrollbar-horizontal::-webkit-scrollbar-track { 470 -webkit-box-shadow: inset 0 0 0px rgba(0, 0, 0, 0); 471 } 472 473 .scrollbar-horizontal::-webkit-scrollbar-thumb { 474 visibility: visible; 475 background-color: #747474; 476 } 477 478 .scrollbar-horizontal::-webkit-scrollbar-thumb:hover { 479 background-color: #747474; 480 } 481 .scrollbar-body::-webkit-scrollbar{ 482 width: 3px; 483 } 484 .scrollbar-body::-webkit-scrollbar-track{ 485 background: #ececec; 486 } 487 .scrollbar-body.scrollbar-visible:active::-webkit-scrollbar-thumb, 488 .scrollbar-body.scrollbar-visible:focus::-webkit-scrollbar-thumb, 489 .scrollbar-body.scrollbar-visible:hover::-webkit-scrollbar-thumb { 490 background: #747474; 491 visibility: visible; 492 } 493 .scrollbar-body.scrollbar-visible::-webkit-scrollbar-track{ 494 background: transparent; 495 } 496 .scrollbar-body.scrollbar-visible::-webkit-scrollbar-thumb{ 497 background: transparent; 498 visibility: visible; 499 } 500 .scrollbar-body::-webkit-scrollbar-thumb{ 501 background: #747474; 502 } 503 .animate-scroll-banner { 504 animation: scrollX var(--duration, 10s) linear infinite var(--play-state, running) var(--direction); 505 } 506 .padding-scrollbar, .padding-scrollbar-header { 507 padding-right: min(var(--width-scrollbar), 20px); 508 } 509 510 511 .des-block iframe { 512 width: 100%; 513 height: 100%; 514 } 515 .toggle-compare + label span:first-child, 516 .toggle-compare:checked + label span:last-child { 517 display: block 518 } 519 .toggle-compare + label span:last-child, 520 .toggle-compare:checked + label span:first-child { 521 display: none; 522 } 523 .card-product:not(.recommendations) {background: rgb(255, 255, 255);} 524 .dark .card-product:not(.recommendations) {background: transparent;} 525 .card-product:not(.recommendations) .card-info, 526 .card-product:not(.recommendations) .x-variants-data { 527 padding-left: 5px; 528 padding-right: 5px; 529 } 530 .card-product:not(.recommendations) .x-variants-separator::before { 531 content: var(--tw-content); 532 position: absolute; 533 width: calc(100% - 2 * 5px); 534 top: 0; 535 left: 0; 536 margin-left: 5px; 537 margin-right: 5px; 538 } 539 .card-product:not(.recommendations) .card-info .x-variants-data 540 { 541 padding-left: 0; 542 padding-right: 0; 543 } 544 .card-product:not(.recommendations) .card-info .x-variants-separator::before { 545 width: 100%; 546 margin-left: 0; 547 margin-right: 0; 548 } 549 .card-product-slideshow {background: rgb(255, 255, 255); 550 } 551 .dark .card-product-slideshow { 552 background: rgb(58, 58, 58);} 553 button.shopify-payment-button__more-options { 554 color: rgba(var(--colors-text)); 555 } 556 .group-discount:before,.group-discount:after { 557 background-color: rgba(var(--colors-price-sale), 5%); 558 content: ""; 559 position: absolute; 560 right: 100%; 561 height: 100%; 562 top: 0; 563 width: 1.25rem; 564 } 565 .shipping_insurance.group-discount:before,.shipping_insurance.group-discount:after { 566 background-color: rgb(var(--colors-background-secondary)); 567 } 568 .group-discount:after { 569 left: 100%; 570 right: auto; 571 } 572 .card-product-list-atc { 573 padding-left: 5px; 574 padding-right: 5px; 575 } 576 .list-layout .card-product-list-atc { 577 padding-left: 0; 578 padding-right: 0; 579 } 580 @media (min-width: 768px){ 581 .list-layout .card-product:not(.recommendations) { 582 padding-bottom: 0; 583 } 584 .list-layout .card-product:not(.recommendations) .card-info, 585 .list-layout .card-product:not(.recommendations) .x-variants-data{ 586 padding-left: 0; 587 padding-right: 0; 588 } 589 .list-layout .card-product:not(.recommendations) .x-variants-separator::before { 590 width: 100%; 591 margin-left: 0; 592 margin-right: 0; 593 } 594 shopify-accelerated-checkout-cart { 595 --shopify-accelerated-checkout-button-block-size: 46px; 596 --shopify-accelerated-checkout-button-inline-size: 46px; 597 } 598 } 599 @media (min-width: 1024px){ 600 .card-product-list-atc { 601 padding-left: 20px; 602 padding-right: 20px; 603 } 604 .group-discount:before,.group-discount:after { 605 width: 0; 606 } 607 .card-product:not(.recommendations) .card-info, 608 .card-product:not(.recommendations) .x-variants-data { 609 padding-left: 20px; 610 padding-right: 20px; 611 } 612 .card-product:not(.recommendations) .x-variants-separator::before { 613 width: calc(100% - 2 * 20px); 614 margin-left: 20px; 615 margin-right: 20px; 616 } 617 [role="button"], 618 [type="button"], 619 .button { 620 color: rgba(var(--colors-button-text)); 621 } 622 button.button-solid, 623 .button.button-solid { 624 border: none; 625 box-shadow: none; 626 color: rgb(var(--colors-button-text)); 627 background-color: rgba(var(--colors-button)); 628 overflow: hidden; 629 background-origin: border-box; 630 } 631 button.button-solid:hover, 632 .button.button-solid:hover { 633 634 transition-delay: 0.5s; 635 636 transition-property: background-color; 637 background-color: var(--colors-button-hover); 638 color: rgba(var(--colors-button-text-hover)); 639 background-origin: border-box; 640 } 641 .button-action { 642 border: none; 643 color: rgba(var(--colors-button-text-hover)); 644 background-color: var(--colors-button-hover); 645 } 646 button.button-disable-effect, 647 .button.button-disable-effect { 648 color: rgb(var(--colors-button-text)); 649 background-color: rgba(var(--colors-button)); 650 } 651 button.button-disable-effect:hover, 652 .button.button-disable-effect:hover { 653 color: rgba(var(--colors-button-text-hover)); 654 background-color: var(--colors-button-hover); 655 } 656 657 button.button-solid:before, 658 .button.button-solid:before { 659 content: ""; 660 z-index: -1; 661 position: absolute; 662 top: 0; 663 right: 0; 664 bottom: 0; 665 left: 0; 666 width: var(--button-width); 667 height: var(--button-height); 668 background-color: var(--colors-button-hover); 669 backface-visibility: hidden; 670 will-change: transform; 671 transform: var(--button-transform); 672 transform-origin: var(--button-transform-origin); 673 transition: transform 0.5s ease; 674 } 675 button.button-solid:hover:before, 676 .button.button-solid:hover:before {
677 transform: rotate3d(0,0,1,0) translateZ(0); 678 } 679 680 681 } 682 .inventory-low-stock-status { 683 684 --stock-color: rgba(127, 38, 41); 685 686 color: var(--stock-color); 687 } 688 .dark .inventory-low-stock-status { 689 690 --stock-color: rgba(127, 38, 41); 691 692 } 693 .inventory-in-stock-status { 694 695 --stock-color: rgba(127, 38, 41); 696 697 color: var(--stock-color); 698 } 699 .dark .inventory-in-stock-status { 700 701 --stock-color: rgba(127, 38, 41); 702 703 } 704 .inventory-out-of-stock-status { 705 706 --stock-color: rgba(127, 38, 41); 707 708 color: var(--stock-color); 709 } 710 .dark .inventory-out-of-stock-status { 711 712 --stock-color: rgba(127, 38, 41); 713 714 } 715 .inventory-status { 716 background-color: var(--stock-color); 717 } 718 .card-testimonial {background: #ffffff; 719 } 720 .dark .card-testimonial { 721 background: #3a3a3a;} 722 /* App Shopify Subscription */ 723 .shopify_subscriptions_app_policy a { 724 position: relative; 725 margin-top: .5rem; 726 margin-bottom: .5rem; 727 color: rgba(var(--colors-text-link)) !important; 728 text-decoration-thickness: 1px; 729 background: linear-gradient(to right, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0)), linear-gradient(to right, rgba(var(--colors-text-link), 1), rgba(var(--colors-text-link), 1), rgba(var(--colors-text-link), 1)); 730 background-size: 100% 0.1em, 0 0.1em; 731 background-position: 100% 100%,100% 100%; 732 background-repeat: no-repeat; 733 transition: background-size 250ms; 734 } 735 .shopify_subscriptions_app_policy:after { 736 clear: both; 737 content: var(--tw-content); 738 display: block; 739 } 740 @media (min-width: 1024px) { 741 .shopify_subscriptions_app_policy a:hover { 742 background-size: 0 .1em, 100% .1em; 743 background-position: 100% 100%, 0% 100%; 744 } 745 } 746 747 /* Recurpay Subscription App */ 748 #recurpay-account-widget { 749 margin-top: 1rem; 750 } 751 752 /* Seal Subscriptions */ 753 .sls-widget-branding { 754 z-index: 20 !important; 755 } 756 .card .sealsubs-target-element, .card-product-fbt .sealsubs-target-element { 757 display: none !important; 758 } 759 .seal-portal-link a { 760 position: relative; 761 margin-top: .5rem; 762 margin-bottom: .5rem; 763 color: rgba(var(--colors-text-link)) !important; 764 text-decoration-thickness: 1px; 765 background: linear-gradient(to right, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0)), linear-gradient(to right, rgba(var(--colors-text-link), 1), rgba(var(--colors-text-link), 1), rgba(var(--colors-text-link), 1)); 766 background-size: 100% 0.1em, 0 0.1em; 767 background-position: 100% 100%,100% 100%; 768 background-repeat: no-repeat; 769 transition: background-size 250ms; 770 } 771 .seal-portal-link:after { 772 clear: both; 773 content: var(--tw-content); 774 display: block; 775 } 776 @media (min-width: 1024px) { 777 .seal-portal-link a:hover { 778 background-size: 0 .1em, 100% .1em; 779 background-position: 100% 100%, 0% 100%; 780 } 781 } 782 .x-card-title { 783 font-size: 0.9rem; 784 font-family: var(--font-heading-family); 785 font-weight: var(--font-heading-weight); 786 } 787 .x-card-price, .x-card-price-init { 788 font-size: 0.9rem; 789 font-family: var(--font-body-family); 790 font-weight: var(--font-body-weight); 791 } 792 @media (min-width: 768px) { 793 .x-card-title { 794 font-size: 1.0rem; 795 } 796 .x-card-price, .x-card-price-init { 797 font-size: 1.0rem; 798 } 799 } 800 .dbtap-overlay{ 801 display: none 802 } 803 @media (max-width: 1024px) and (pointer: coarse) and (hover: none) { 804 .dbtap-overlay{ 805 display: block 806 } 807 } 808 .swatch-count-small { 809 min-height: 28px; 810 min-width: 28px; 811 } 812 .swatch-count-medium { 813 min-height: 32px; 814 min-width: 32px; 815 } 816 .swatch-count-large { 817 min-height: 38px; 818 min-width: 38px; 819 } 820 .paginate-testimonial { 821 background: rgba(255, 255, 255, 0.2); 822 } 823 .dark .paginate-testimonial { 824 background: rgba(255, 255, 255, 0.2); 825 }</style><style data-shopify> 826 827 /* Judge.me */ 828 #judgeme_product_reviews .jdgm-rev-widg{padding-left:0px;padding-right:0px;padding-top:0px;padding-bottom:0px} 829 .jdgm-rev-widg__header .jdgm-write-rev-link{margin-top:1.25rem;margin-bottom:1.25rem} 830 .jdgm-rev-widg__header .jdgm-rev-widg__sort-wrapper{margin-top:1.25rem;margin-bottom:1.25rem} 831 .jdgm-form-wrapper .jdgm-form__title{font-weight:500} 832 .jdgm-widget .jdgm-write-rev-link, 833 .jdgm-widget .jdgm-btn.jdgm-btn, 834 .jdgm-widget input[type=submit].jdgm-btn { 835 border-width: 1px; 836 font-family: var(--font-button); 837 font-weight: var(--font-button-weight); 838 font-style: var(--font-button-style); 839 } 840 .jdgm-paginate .jdgm-paginate__page { 841 padding: 12px; 842 } 843 .jdgm-widget .jdgm-btn--solid, input[type=submit].jdgm-btn--solid { 844 padding: 14px 20px; 845 } 846 .fera-testimonialCarousel-testimonial-body { 847 word-break: break-word; 848 padding-left:1.25rem; 849 padding-right:1.25rem; 850 } 851 /* end Judge.me */ 852 853div[data-block-handle="featured_carousel"] { 854 width: 100%; 855 direction: ltr; 856 }</style><style data-shopify> 857 .body-text-base-size { 858 font-size: 0.7875rem; 859 } 860 .text-pickup-availability { 861 font-size: 0.875rem; 862 } 863 .text-result-filter { 864 font-size: 0.9625rem; 865 } 866 .text-filter { 867 font-size: 0.70875rem; 868 } 869 .heading-text-base-h3 { 870 font-size: 1.125rem; 871 } 872 .heading-text-base-h2 { 873 font-size: 1.35rem; 874 } 875 .text-suggest-search { 876 font-size: 0.875rem; 877 } 878 .text-review-count { 879 font-size: 0.7rem; 880 } 881 @media (min-width: 768px) { 882 .body-text-base-size { 883 font-size: 0.875rem; 884 } 885 .text-pickup-availability { 886 font-size: 0.9625rem; 887 } 888 .text-filter { 889 font-size: 0.7875rem; 890 } 891 .heading-text-base-h3 { 892 font-size: 1.35rem; 893 } 894 .heading-text-base-h2 { 895 font-size: 2.25rem; 896 } 897 .text-suggest-search { 898 font-size: 1.0rem; 899 } 900 } 901</style> 902 903
903<script>window.performance && window.performance.mark && window.performance.mark('shopify.content_for_header.start');</script>
903<meta name="google-site-verification" content="8OeBhMOTc6WOONNmOClnr69IeFytJTAWjMIUGZHIeJE"> 904<meta name="google-site-verification" content="PHKldZEUoQkgj3xarbuYL7AftbkBefUyweo_Ktphi2w"> 905<meta name="facebook-domain-verification" content="kr1hy7j1pwhdxw0zdkep378xah36zx"> 906<meta name="facebook-domain-verification" content="93vzfxp3u1zdvamf2fedzml578mygs"> 907<meta name="facebook-domain-verification" content="wcn3jfnrmfwc37hae4q63mrklt3a8j"> 908<meta name="facebook-domain-verification" content="fgr221nleej3t8660jz5gidz40ef8o"> 909<meta name="facebook-domain-verification" content="gusbmwp04zdntx96s49zb1y40e65m9"> 910<meta id="shopify-digital-wallet" name="shopify-digital-wallet" content="/8185843/digital_wallets/dialog"> 911<link rel="ucp" href="/.well-known/ucp" version="2026-08-25">
911<script async="async" src="/checkouts/internal/preloads.js?locale=en-US&default_configuration_id=746455107"></script>
vendor: 1 bytes, line 911
911
912<script id="shopify-features" type="application/json">{"accessToken":"abcc42d148127da732d599c50120b54b","betas":["rich-media-storefront-analytics"],"domain":"www.joeskc.com","predictiveSearch":true,"shopId":8185843,"locale":"en"}</script>
vendor: 1 bytes, line 912
912
913<script>var Shopify = Shopify || {}; 914Shopify.shop = "send-joes-bar-b-que.myshopify.com"; 915Shopify.locale = "en"; 916Shopify.currency = {"active":"USD","rate":"1.0"}; 917Shopify.country = "US"; 918Shopify.theme = {"name":"Copy of **Zman-Quantity edits | JULY 2026","id":145037918275,"schema_name":"Eurus","schema_version":"10.1.0","theme_store_id":2048,"role":"main"}; 919Shopify.theme.handle = "null"; 920Shopify.theme.style = {"id":null,"handle":null}; 921Shopify.cdnHost = "www.joeskc.com/cdn"; 922Shopify.routes = Shopify.routes || {}; 923Shopify.routes.root = "/"; 924Shopify.shopJsCdnBaseUrl = "https://cdn.shopify.com/shopifycloud/shop-js"; 925Shopify.SignInWithShop = Shopify.SignInWithShop || {}; 926Shopify.SignInWithShop.User = Shopify.SignInWithShop.User || {}; 927Shopify.SignInWithShop.User.recognized = false;</script>
vendor: 1 bytes, line 927
927
928<script type="module">!function(o){(o.Shopify=o.Shopify||{}).modules=!0}(window);</script>
vendor: 1 bytes, line 928
928
929<script>!function(o){function n(){var o=[];function n(){o.push(Array.prototype.slice.apply(arguments))}return n.q=o,n}var t=o.Shopify=o.Shopify||{};t.loadFeatures=n(),t.autoloadFeatures=n()}(window);</script>
vendor: 1 bytes, line 929
929
930<script> 931 window.Shopify = window.Shopify || {}; 932 window.Shopify.SignInWithShop = window.Shopify.SignInWithShop || {}; 933 window.Shopify.SignInWithShop.assetMetrics = { sampleRate: 0.25 }; 934 window.Shopify.SignInWithShop.eligible = true; 935</script>
vendor: 1 bytes, line 935
935
936<script id="shop-js-analytics" type="application/json">{"pageType":"index"}</script>
vendor: 1 bytes, line 936
936
937<script defer="defer" async type="module" src="https://cdn.shopify.com/shopifycloud/shop-js/modules/v2/loader.init-shop-cart-sync.en.esm.js"></script>
vendor: 1 bytes, line 937
937
938<script type="module"> 939 await import("https://cdn.shopify.com/shopifycloud/shop-js/modules/v2/loader.init-shop-cart-sync.en.esm.js"); 940 941 window.Shopify.SignInWithShop?.initShopCartSync?.({"fedCMEnabled":true,"windoidEnabled":true}); 942 943</script>
vendor: 1 bytes, line 943
943
944<script> 945 window.Shopify = window.Shopify || {}; 946 if (!window.Shopify.featureAssets) window.Shopify.featureAssets = {}; 947 window.Shopify.featureAssets['shop-js'] = {"avatar":["modules/v2/loader.avatar.en.esm.js"],"checkout-modal":["modules/v2/loader.checkout-modal.en.esm.js"],"init-customer-accounts-sign-up":["modules/v2/loader.init-customer-accounts-sign-up.en.esm.js"],"init-customer-accounts":["modules/v2/loader.init-customer-accounts.en.esm.js"],"init-fed-cm":["modules/v2/loader.init-fed-cm.en.esm.js"],"init-shop-cart-sync":["modules/v2/loader.init-shop-cart-sync.en.esm.js"],"init-shop-email-lookup-coordinator":["modules/v2/loader.init-shop-email-lookup-coordinator.en.esm.js"],"init-shop-for-new-customer-accounts":["modules/v2/loader.init-shop-for-new-customer-accounts.en.esm.js"],"init-shop-user-recognition":["modules/v2/loader.init-shop-user-recognition.en.esm.js"],"init-windoid":["modules/v2/loader.init-windoid.en.esm.js"],"lead-capture":["modules/v2/loader.lead-capture.en.esm.js"],"listener":["modules/v2/loader.listener.en.esm.js"],"pay-button":["modules/v2/loader.pay-button.en.esm.js"],"payment-terms":["modules/v2/loader.payment-terms.en.esm.js"],"shop-button":["modules/v2/loader.shop-button.en.esm.js"],"shop-cart-sync":["modules/v2/loader.shop-cart-sync.en.esm.js"],"shop-cash-offers":["modules/v2/loader.shop-cash-offers.en.esm.js"],"shop-follow-button":["modules/v2/loader.shop-follow-button.en.esm.js"],"shop-login-button":["modules/v2/loader.shop-login-button.en.esm.js"],"shop-login":["modules/v2/loader.shop-login.en.esm.js"],"shop-toast-manager":["modules/v2/loader.shop-toast-manager.en.esm.js"],"shop-user-recognition":["modules/v2/loader.shop-user-recognition.en.esm.js"]}; 948</script>
vendor: 1 bytes, line 948
948
949<script>(function() { 950 var isLoaded = false; 951 function asyncLoad() { 952 if (isLoaded) return; 953 isLoaded = true; 954 var urls = ["\/\/www.powr.io\/powr.js?powr-token=send-joes-bar-b-que.myshopify.com\u0026external-type=shopify\u0026shop=send-joes-bar-b-que.myshopify.com"]; 955 for (var i = 0; i < urls.length; i++) { 956 var s = document.createElement('script'); 957 s.type = 'text/javascript'; 958 s.async = true; 959 s.src = urls[i]; 960 var x = document.getElementsByTagName('script')[0]; 961 x.parentNode.insertBefore(s, x); 962 } 963 }; 964 if(window.attachEvent) { 965 window.attachEvent('onload', asyncLoad); 966 } else { 967 window.addEventListener('load', asyncLoad, false); 968 } 969})();</script>
vendor: 1 bytes, line 969
969
970<script id="__st">var __st={"a":8185843,"offset":-18000,"reqid":"2ebe8d35-e2dd-4265-a617-b1415df77f9a-1790909019","pageurl":"www.joeskc.com\/","u":"0c0e7a458707","p":"home"};</script>
vendor: 1 bytes, line 970
970
971<script>window.ShopifyPaypalV4VisibilityTracking = true;</script>
vendor: 1 bytes, line 971
971
972<script id="captcha-bootstrap">!function(){'use strict';const t='contact',e='account',n='new_comment',o=[[t,t],['blogs',n],['comments',n],[t,'customer']],c=[[e,'customer_login'],[e,'guest_login'],[e,'recover_customer_password'],[e,'create_customer']],r=t=>t.map((([t,e])=>`form[action*='/${t}']:not([data-nocaptcha='true']) input[name='form_type'][value='${e}']`)).join(','),a=t=>()=>t?[...document.querySelectorAll(t)].map((t=>t.form)):[];function s(){const t=[...o],e=r(t);return a(e)}const i='password',u='form_key',d=['recaptcha-v3-token','g-recaptcha-response','h-captcha-response',i],f=()=>{try{return window.sessionStorage}catch{return}},m='__shopify_v',_=t=>t.elements[u];function p(t,e,n=!1){try{const o=window.sessionStorage,c=JSON.parse(o.getItem(e)),{data:r}=function(t){const{data:e,action:n}=t;return t[m]||n?{data:e,action:n}:{data:t,action:n}}(c);for(const[e,n]of Object.entries(r))t.elements[e]&&(t.elements[e].value=n);n&&o.removeItem(e)}catch(o){console.error('form repopulation failed',{error:o})}}const l='form_type',E='cptcha';function T(t){t.dataset[E]=!0}const w=window,h=w.document,L='Shopify',v='ce_forms',y='captcha';let A=!1;((t,e)=>{const n=(g='f06e6c50-85a8-45c8-87d0-21a2b65856fe',I='https://cdn.shopify.com/shopifycloud/storefront-forms-hcaptcha/ce_storefront_forms_captcha_hcaptcha.v1.5.3.iife.js',D={infoText:'Protected by hCaptcha',privacyText:'Privacy',termsText:'Terms'},(t,e,n)=>{const o=w[L][v],c=o.bindForm;if(c)return c(t,g,e,D).then(n);var r;o.q.push([[t,g,e,D],n]),r=I,A||(h.body.append(Object.assign(h.createElement('script'),{id:'captcha-provider',async:!0,src:r})),A=!0)});var g,I,D;w[L]=w[L]||{},w[L][v]=w[L][v]||{},w[L][v].q=[],w[L][y]=w[L][y]||{},w[L][y].protect=function(t,e){n(t,void 0,e),T(t)},Object.freeze(w[L][y]),function(t,e,n,w,h,L){const[v,y,A,g]=function(t,e,n){const i=e?o:[],u=t?c:[],d=[...i,...u],f=r(d),m=r(i),_=r(d.filter((([t,e])=>n.includes(e))));return[a(f),a(m),a(_),s()]}(w,h,L),I=t=>{const e=t.target;return e instanceof HTMLFormElement?e:e&&e.form},D=t=>v().includes(t);t.addEventListener('submit',(t=>{const e=I(t);if(!e)return;const n=D(e)&&!e.dataset.hcaptchaBound&&!e.dataset.recaptchaBound,o=_(e),c=g().includes(e)&&(!o||!o.value);(n||c)&&t.preventDefault(),c&&!n&&(function(t){try{if(!f())return;!function(t){const e=f();if(!e)return;const n=_(t);if(!n)return;const o=n.value;o&&e.removeItem(o)}(t);const e=Array.from(Array(32),(()=>Math.random().toString(36)[2])).join('');!function(t,e){_(t)||t.append(Object.assign(document.createElement('input'),{type:'hidden',name:u})),t.elements[u].value=e}(t,e),function(t,e){const n=f();if(!n)return;const o=[...t.querySelectorAll(`input[type='${i}']`)].map((({name:t})=>t)),c=[...d,...o],r={};for(const[a,s]of new FormData(t).entries())c.includes(a)||(r[a]=s);n.setItem(e,JSON.stringify({[m]:1,action:t.action,data:r}))}(t,e)}catch(e){console.error('failed to persist form',e)}}(e),e.submit())}));const S=(t,e)=>{t&&!t.dataset[E]&&(n(t,e.some((e=>e===t))),T(t))};for(const o of['focusin','change'])t.addEventListener(o,(t=>{const e=I(t);D(e)&&S(e,y())}));const B=e.get('form_key'),M=e.get(l),P=B&&M;t.addEventListener('DOMContentLoaded',(()=>{const t=y();if(P)for(const e of t)e.elements[l].value===M&&p(e,B);[...new Set([...A(),...v().filter((t=>'true'===t.dataset.shopifyCaptcha))])].forEach((e=>S(e,t)))}))}(h,new URLSearchParams(w.location.search),n,t,e,['guest_login'])})(!0,!0)}();</script>
vendor: 1 bytes, line 972
972
973<script integrity="sha256-JjoPp5ZfB1sSAs5SQaol1x1GgvveM+BgmRzyDexInEQ=" data-source-attribution="shopify.loadfeatures" defer="defer" src="//www.joeskc.com/cdn/shopifycloud/storefront/assets/storefront/load_feature-1bd60354.js" crossorigin="anonymous"></script>
vendor: 1 bytes, line 973
973
974<script>(function () {var userAgent = navigator.userAgent;var platform = navigator.platform;var maxTouchPoints = navigator.maxTouchPoints || 0;var isIOS = /iPad|iPhone|iPod/.test(platform) || (platform === 'MacIntel' && maxTouchPoints > 1);var isMacSafari = platform.indexOf('Mac') === 0 && /Safari/.test(userAgent) && !/Chrome|Chromium|CriOS|FxiOS|Edg|OPR|Android/.test(userAgent);var isAppleSafari = isIOS || isMacSafari;if (isAppleSafari) {fetch('/sf_private_access_tokens' + location.search).catch(function () {});}function browserMajorVersion(pattern) {var match = userAgent.match(pattern);return match ? parseInt(match[1], 10) : null;}function shouldLoadAutosizesPolyfill() {if (!window.PerformanceObserver?.supportedEntryTypes?.includes('paint')) {return false;}var chromeVersion = browserMajorVersion(/Chrome\/(\d+)/);if (chromeVersion !== null) {return chromeVersion < 126;}var firefoxVersion = browserMajorVersion(/Firefox\/(\d+)/);if (firefoxVersion !== null) {return firefoxVersion < 150;}var safariVersion = isAppleSafari ? browserMajorVersion(/Version\/(\d+).*Safari\//) : null;if (safariVersion !== null) {return safariVersion < 27;}return true;}if (shouldLoadAutosizesPolyfill()) {var autosizesScript = document.createElement('script');autosizesScript.async = true;autosizesScript.crossOrigin = 'anonymous';autosizesScript.src = "//www.joeskc.com/cdn/shopifycloud/storefront/assets/storefront/autosizes-84416378.js";(document.head || document.documentElement).appendChild(autosizesScript);}window.ShopifyAnalytics = window.ShopifyAnalytics || {};window.ShopifyAnalytics.performance = window.ShopifyAnalytics.performance || {};(function () {var LONG_FRAME_THRESHOLD = 50;var longAnimationFrames = [];var activeRafId = null;function collectLongFrames() {var previousTime = null;function rafMonitor(now) {if (activeRafId === null) {return;}var delta = now - previousTime;if (delta > LONG_FRAME_THRESHOLD) {longAnimationFrames.push({startTime: previousTime,endTime: now,});}previousTime = now;activeRafId = requestAnimationFrame(rafMonitor);}previousTime = performance.now();activeRafId = requestAnimationFrame(rafMonitor);}if (!window.PerformanceObserver?.supportedEntryTypes?.includes('long-animation-frame')) {collectLongFrames();var timeoutId = setTimeout(function () {cancelAnimationFrame(activeRafId);}, 10000);window.ShopifyAnalytics.performance.getLongAnimationFrames = function (stopCollection) {if (stopCollection === undefined) {stopCollection = false;}if (stopCollection) {clearTimeout(timeoutId);cancelAnimationFrame(activeRafId);}return longAnimationFrames;};}})();})();</script>
974<script id="shopify-origin-trials" async="async" integrity="sha256-qJbe/jEZBHtr5W/BlA2cKAz3vkXu6vJQyLjgvgCC86g=" src="//cdn.shopify.com/shopifycloud/storefront/assets/storefront/origin_trials-318ab40a.js" crossorigin="anonymous" onload="window.__shopifyOriginTrialsDone = true" onerror="window.__shopifyOriginTrialsDone = true"></script>
vendor: 1 bytes, line 974
974
975<script> 976 window.Shopify = window.Shopify || {}; 977 window.Shopify.MCP = window.Shopify.MCP || {}; 978 window.Shopify.MCP.enabled = true; 979 window.Shopify.MCP.shop = "send-joes-bar-b-que.myshopify.com"; 980 window.Shopify.MCP.mcpEndpoint = "https:\/\/www.joeskc.com\/api\/mcp"; 981 window.Shopify.MCP.tools = [{"name":"search_shop_policies_and_faqs","description":"Used to get facts about the stores policies, products, or services.\nSome examples of questions you can ask are:\n - What is your return policy?\n - What is your shipping policy?\n - What is your phone number?\n - What are your hours of operation?\"\n","inputSchema":{"$schema":"https:\/\/json-schema.org\/draft\/2020-12\/schema","type":"object","properties":{"query":{"type":"string","description":"A natural language query."},"context":{"type":"string","description":"Additional information about the request such as user demographics, mood, location, or other relevant details that could help in tailoring the response appropriately."}},"required":["query"]}}]; 982</script>
vendor: 1 bytes, line 982
982
983<script>(()=>{var d="shopify:webmcp_adapter_loaded",n=Symbol.for("shopify.webmcp_adapter_loading");function s(c,a,{win:r=window,doc:o=document}={}){function p(){try{return r.localStorage.getItem(d)==="true"}catch{return!1}}function l(){try{r.localStorage.setItem(d,"true")}catch{}}function u(){return typeof(o.modelContext||r.navigator?.modelContext)?.registerTool=="function"}function f(){if(r[n]||!u())return;let t=o.head||o.getElementsByTagName("head")[0];if(!t)return;let e=o.createElement("script");e.type="module",e.crossOrigin="anonymous",a&&(e.integrity=a),e.src=c,e.addEventListener("load",l,{once:!0}),e.addEventListener("error",()=>{r[n]=!1},{once:!0}),t.appendChild(e),r[n]=!0}function _(t){let e=o.getElementById("shopify-origin-trials");if(!e||r.__shopifyOriginTrialsDone){t();return}e.addEventListener("load",t,{once:!0}),e.addEventListener("error",t,{once:!0})}function i(){_(()=>r.setTimeout(f,0))}function m(){o.addEventListener("DOMContentLoaded",i,{once:!0})}p()?i():m()}s("\/\/www.joeskc.com\/cdn\/shopifycloud\/storefront\/assets\/storefront\/webmcp-c6b62ece.js","sha256-ke4DDuBjdvea3vxLWxHc9E9nq8zihuG4IfYEGbb77ys=");})(); 984</script>
vendor: 1 bytes, line 984
984
985<script data-source-attribution="shopify.dynamic_checkout.dynamic.init">var Shopify=Shopify||{};Shopify.PaymentButton=Shopify.PaymentButton||{isStorefrontPortableWallets:!0,init:function(){window.Shopify.PaymentButton.init=function(){};var t=document.createElement("script");t.src="https://www.joeskc.com/cdn/shopifycloud/portable-wallets/latest/portable-wallets.en.js",t.type="module",document.head.appendChild(t)}}; 986</script>
vendor: 1 bytes, line 986
986
987<script data-source-attribution="shopify.dynamic_checkout.buyer_consent"> 988 function portableWalletsHideBuyerConsent(e){var t=document.getElementById("shopify-buyer-consent"),n=document.getElementById("shopify-subscription-policy-button");t&&n&&(t.classList.add("hidden"),t.setAttribute("aria-hidden","true"),n.removeEventListener("click",e))}function portableWalletsShowBuyerConsent(e){var t=document.getElementById("shopify-buyer-consent"),n=document.getElementById("shopify-subscription-policy-button");t&&n&&(t.classList.remove("hidden"),t.removeAttribute("aria-hidden"),n.addEventListener("click",e))}window.Shopify?.PaymentButton&&(window.Shopify.PaymentButton.hideBuyerConsent=portableWalletsHideBuyerConsent,window.Shopify.PaymentButton.showBuyerConsent=portableWalletsShowBuyerConsent); 989</script>
vendor: 1 bytes, line 989
989
990<script data-source-attribution="shopify.dynamic_checkout.cart.bootstrap">document.addEventListener("DOMContentLoaded",(function(){function t(){return document.querySelector("shopify-accelerated-checkout-cart, shopify-accelerated-checkout")}if(t())Shopify.PaymentButton.init();else{new MutationObserver((function(e,n){t()&&(Shopify.PaymentButton.init(),n.disconnect())})).observe(document.body,{childList:!0,subtree:!0})}})); 991</script>
vendor: 1 bytes, line 991
991
992<script integrity="sha256-/LA1C2Bx6899fYCos0FS9qLj2opaGFm7AXrTUvBEb4s=" data-source-attribution="shopify.remote_product_tracking" data-shopify-remote-tracking="{"session_id":"01M3X7XXKW9BZGZJY2TTQWN4ND","publisher_shop_id":8185843,"theme_id":145037918275,"theme_published":true,"theme_store_id":2048,"placement":"collection","event_data":{"handle":"","page_type":"home"},"recommendations_tracking_enabled":true}" defer="defer" src="//www.joeskc.com/cdn/shopifycloud/storefront/assets/storefront/remote_product_tracking-91d95044.js" crossorigin="anonymous"></script>
992 993<link id="shopify-accelerated-checkout-styles" rel="stylesheet" media="screen" href="https://www.joeskc.com/cdn/shopifycloud/portable-wallets/latest/accelerated-checkout-backwards-compat.css" crossorigin="anonymous"> 994<style id="shopify-accelerated-checkout-cart"> 995 #shopify-buyer-consent { 996 margin-top: 1em; 997 display: inline-block; 998 width: 100%; 999} 1000 1001#shopify-buyer-consent.hidden { 1002 display: none; 1003} 1004 1005#shopify-subscription-policy-button { 1006 background: none; 1007 border: none; 1008 padding: 0; 1009 text-decoration: underline; 1010 font-size: inherit; 1011 cursor: pointer; 1012} 1013 1014#shopify-subscription-policy-button::before { 1015 box-shadow: none; 1016} 1017 1018 </style> 1019
1020<script id="shopify-cfh-end">window.performance && window.performance.mark && window.performance.mark('shopify.content_for_header.end');</script>
1020 1021 1022 <style>#powrIframeLoader{display:none !important;height:0 !important;}</style> 1023 <!-- BEGIN app block: shopify://apps/seo-manager-venntov/blocks/seomanager/c54c366f-d4bb-4d52-8d2f-dd61ce8e7e12 --><!-- BEGIN app snippet: SEOManager4 --> 1024<meta name='seomanager' content='4.0.5' /> 1025 1026
1027<script> 1028 function sm_htmldecode(str) { 1029 var txt = document.createElement('textarea'); 1030 txt.innerHTML = str; 1031 return txt.value; 1032 } 1033 1034 var venntov_title = sm_htmldecode("Joeâs Kansas City Bar-B-Que (BBQ) - Pick-Up, Catering, Delivery"); 1035 var venntov_description = sm_htmldecode("The original gas station joint turned world-famous. Kansas City style BBQ - Ribs, brisket & the Z-Man. Dine-in, catering, or delivery nationwide."); 1036 1037 if (venntov_title != '') { 1038 document.title = venntov_title; 1039 } 1040 else { 1041 document.title = "Joe's Kansas City BBQ - World Famous Barbecue"; 1042 } 1043 1044 if (document.querySelector('meta[name="description"]') == null) { 1045 var venntov_desc = document.createElement('meta'); 1046 venntov_desc.name = "description"; 1047 venntov_desc.content = venntov_description; 1048 var venntov_head = document.head; 1049 venntov_head.appendChild(venntov_desc); 1050 } else { 1051 document.querySelector('meta[name="description"]').setAttribute("content", venntov_description); 1052 } 1053</script>
1053 1054
1055<script> 1056 var venntov_robotVals = "index, follow, max-image-preview:large, max-snippet:-1, max-video-preview:-1"; 1057 if (venntov_robotVals !== "") { 1058 document.querySelectorAll("[name='robots']").forEach(e => e.remove()); 1059 var venntov_robotMeta = document.createElement('meta'); 1060 venntov_robotMeta.name = "robots"; 1061 venntov_robotMeta.content = venntov_robotVals; 1062 var venntov_head = document.head; 1063 venntov_head.appendChild(venntov_robotMeta); 1064 } 1065</script>
1065 1066
1067<script> 1068 var venntov_googleVals = ""; 1069 if (venntov_googleVals !== "") { 1070 document.querySelectorAll("[name='google']").forEach(e => e.remove()); 1071 var venntov_googleMeta = document.createElement('meta'); 1072 venntov_googleMeta.name = "google"; 1073 venntov_googleMeta.content = venntov_googleVals; 1074 var venntov_head = document.head; 1075 venntov_head.appendChild(venntov_googleMeta); 1076 } 1077 </script>
1077 1078 <!-- JSON-LD support --> 1079
1079<script type="application/ld+json"> 1080 { 1081 "@context": "http://schema.org", 1082 "@type": "Organization", 1083 "name": "Joe's Kansas City Bar-B-Que", 1084 "url": "https://www.joeskc.com","logo": "https://customers.seomanager.com/knowledgegraph/logo/send-joes-bar-b-que_myshopify_com_logo.png?cache=8888" 1085 ,"image": "https://customers.seomanager.com/knowledgegraph/logo/send-joes-bar-b-que_myshopify_com_logo.png?cache=8888","contactPoint": [{ 1086 "@type": "ContactPoint", 1087 "telephone": "913-764-5637", 1088 "contactType": "customer service" 1089 },{ 1090 "@type": "ContactPoint", 1091 "telephone": "913-764-5637", 1092 "contactType": "technical support" 1093 },{ 1094 "@type": "ContactPoint", 1095 "telephone": "913-764-5637", 1096 "contactType": "sales" 1097 }],"sameAs": ["http://facebook.com/joeskcbbq", "http://twitter.com/joeskc", "https://www.instagram.com/joeskc/", "https://pinterest.com/joeskc", "", "", "", ""]} 1098 </script>
1098 1099
1099<script type="application/ld+json"> 1100 { 1101 "@context": "https://schema.org", 1102 "@type": "Restaurant", 1103 "name": "SendJoesKCBBQ", 1104 "url": "https://www.joeskc.com", 1105 "description": "The original Joe's Kansas City BBQ, born out of a gas station in Kansas City and world-famous for our ribs, Z-man sandwich, burnt ends, brisket, \u0026 more! Stop by or send BBQ online." 1106,"image": "https://customers.seomanager.com/knowledgegraph/logo/send-joes-bar-b-que_myshopify_com_logo.png?cache=8888","telephone": "913-722-3366","brand": { 1107 "@type": "Brand", 1108 "name": "Joe's Kansas City Bar-B-Que" 1109 },"hasMap": "https://www.google.com/maps/place/Joe%27s+Kansas+City+Bar-B-Que/%4039.0444523%2C-94.6229292%2C17z/data%3D%213m1%214b1%214m5%213m4%211s0x87c0ee3f1759e979:0x154ee193794197f8%218m2%213d39.0444482%214d-94.6207405","geo": { 1110 "@type": "GeoCoordinates", 1111 "latitude": "38.9115309", 1112 "longitude": "-94.7667087" 1113 } 1114 ,"address": { 1115 "@type": "PostalAddress", 1116 "streetAddress": "3002 West 47th Street", 1117 "addressLocality": "Kansas City", 1118 "addressRegion": "Kansas", 1119 "postalCode": "66062", 1120 "addressCountry": "US" 1121 } 1122 } 1123 </script>
1123 1124
1124<script type="application/ld+json"> 1125 { 1126 "@context": "https://schema.org", 1127 "@type": "WebSite", 1128 "name": "Joe's Kansas City Bar-B-Que", 1129 "url": "www.joeskc.com", 1130 "potentialAction": { 1131 "@type": "SearchAction", 1132 "target": { 1133 "@type": "EntryPoint", 1134 "urlTemplate": "https://www.joeskc.com/search?q={search_term_string}" 1135 }, 1136 "query-input": "required name=search_term_string" 1137 } 1138 } 1139 </script>
1139 1140 1141<!-- 524F4D20383A3331 --><!-- END app snippet --> 1142 1143<!-- END app block --><!-- BEGIN app block: shopify://apps/eg-auto-add-to-cart/blocks/app-embed/0f7d4f74-1e89-4820-aec4-6564d7e535d2 --> 1144 1145 1146 1147 1148 1149 1150 1151 1152 1153 1154 1155 1156
1156<script 1157 async 1158 type="text/javascript" 1159 src="https://cdn.506.io/eg/script.js?shop=send-joes-bar-b-que.myshopify.com&v=12" 1160 ></script>
1160 1161 1162 1163 1164 1165 <meta id="easygift-shop" itemid="c2hvcF8kXzE3OTA5MDkwMTk=" content="{"isInstalled":true,"installedOn":"2024-06-03T16:34:43.688Z","appVersion":"3.0","subscriptionName":"Unlimited","cartAnalytics":true,"freeTrialEndsOn":null,"settings":{"reminderBannerStyle":{"position":{"horizontal":"right","vertical":"bottom"},"primaryColor":"#000000","backgroundColor":"#FFFFFF","borderRadius":null,"padding":"","headerFontSize":"","subHeaderFontSize":"","cssStyles":"","headerText":"Click here to reopen missed deals","subHeaderText":null,"showImage":true,"imageUrl":"https:\/\/cdn.506.io\/eg\/eg_notification_default_512x512.png","displayAfter":5,"closingMode":"doNotAutoClose","selfcloseAfter":5,"reshowBannerAfter":"everyNewSession","fontFamily":null},"addedItemIdentifier":"_Gifted","ignoreOtherAppLineItems":null,"customVariantsInfoLifetimeMins":1440,"redirectPath":null,"ignoreNonStandardCartRequests":false,"bannerStyle":{"position":{"horizontal":"right","vertical":"top"},"primaryColor":"#000000","backgroundColor":"#FFFFFF","borderRadius":null,"padding":"","headerFontSize":"","subHeaderFontSize":"","cssStyles":"","fontFamily":null},"themePresetId":"0","notificationStyle":{"position":{"horizontal":"right","vertical":"bottom"},"primaryColor":"#3A3A3A","backgroundColor":"#FFFFFF","borderRadius":null,"duration":"3.0","headerFontSize":"","subHeaderFontSize":"","padding":"","cssStyles":"#aca-notifications-wrapper {\n display: block;\n right: 0;\n bottom: 0;\n position: fixed;\n z-index: 99999999;\n max-height: 100%;\n overflow: auto;\n}\n.aca-notification-container {\n display: flex;\n flex-direction: row;\n text-align: left;\n font-size: 16px;\n margin: 12px;\n padding: 8px;\n background-color: #FFFFFF;\n width: fit-content;\n box-shadow: rgb(170 170 170) 0px 0px 5px;\n border-radius: 8px;\n opacity: 0;\n transition: opacity 0.4s ease-in-out;\n}\n.aca-notification-container .aca-notification-image {\n display: flex;\n align-items: center;\n justify-content: center;\n min-height: 60px;\n min-width: 60px;\n height: 60px;\n width: 60px;\n background-color: #FFFFFF;\n margin: 8px;\n}\n.aca-notification-image img {\n display: block;\n max-width: 100%;\n max-height: 100%;\n width: auto;\n height: auto;\n border-radius: 6px;\n box-shadow: rgba(99, 115, 129, 0.29) 0px 0px 4px 1px;\n}\n.aca-notification-container .aca-notification-text {\n flex-grow: 1;\n margin: 8px;\n max-width: 260px;\n}\n.aca-notification-heading {\n font-size: 24px;\n margin: 0 0 0.3em 0;\n line-height: normal;\n word-break: break-word;\n line-height: 1.2;\n max-height: 3.6em;\n overflow: hidden;\n color: #3A3A3A;\n}\n.aca-notification-subheading {\n font-size: 18px;\n margin: 0;\n line-height: normal;\n word-break: break-word;\n line-height: 1.4;\n max-height: 5.6em;\n overflow: hidden;\n color: #3A3A3A;\n}\n@media screen and (max-width: 450px) {\n #aca-notifications-wrapper {\n left: null;\n right: null;\n }\n .aca-notification-container {\n width: auto;\n display: block;\n flex-wrap: wrap;\n }\n.aca-notification-container .aca-notification-text {\n max-width: none;\n }\n}","hasCustomizations":false,"fontFamily":null},"fetchCartData":false,"useLocalStorage":{"enabled":false,"expiryMinutes":null},"popupStyle":{"priceShowZeroDecimals":true,"primaryColor":"#7F2629","secondaryColor":"#000000","buttonTextColor":null,"backgroundColor":"#FFFFFF","borderRadius":null,"padding":"","headerFontSize":"","subHeaderFontSize":"","bodyColor":null,"bodyFontSize":"","cssStyles":"#aca-modal {\n position: fixed;\n left: 0;\n top: 0;\n width: 100%;\n height: 100%;\n background: rgba(0, 0, 0, 0.5);\n z-index: 99999999;\n overflow-x: hidden;\n overflow-y: auto;\n display: block;\n}\n#aca-modal-wrapper {\n display: flex;\n align-items: center;\n width: 80%;\n height: auto;\n max-width: 1000px;\n min-height: calc(100% - 60px);\n margin: 30px auto;\n}\n#aca-modal-container {\n position: relative;\n display: flex;\n flex-direction: column;\n align-items: center;\n justify-content: center;\n box-shadow: 0 0 1.5rem rgba(17, 17, 17, 0.7);\n width: 100%;\n padding: 20px;\n background-color: #FFFFFF;\n}\n#aca-close-icon-container {\n position: absolute;\n top: 12px;\n right: 12px;\n width: 25px;\n display: none;\n}\n#aca-close-icon {\n stroke: #333333;\n}\n#aca-modal-custom-image-container {\n background-color: #FFFFFF;\n margin: 0.5em 0;\n}\n#aca-modal-custom-image-container img {\n display: block;\n min-width: 60px;\n min-height: 60px;\n max-width: 200px;\n max-height: 200px;\n width: auto;\n height: auto;\n}\n#aca-modal-headline {\n text-align: center;\n text-transform: none;\n letter-spacing: normal;\n margin: 0.5em 0;\n font-size: 30px;\n color: #000000;\n}\n#aca-modal-subheadline {\n text-align: center;\n font-weight: normal;\n margin: 0 0 0.5em 0;\n font-size: 20px;\n color: #000000;\n}\n#aca-products-container {\n display: flex;\n align-items: flex-start;\n justify-content: center;\n flex-wrap: wrap;\n width: 85%;\n}\n#aca-products-container .aca-product {\n text-align: center;\n margin: 30px;\n width: 200px;\n}\n.aca-product-image {\n display: flex;\n align-items: center;\n justify-content: center;\n width: 100%;\n height: 200px;\n background-color: #FFFFFF;\n margin-bottom: 1em;\n}\n.aca-product-image img {\n display: block;\n max-width: 100%;\n max-height: 100%;\n width: auto;\n height: auto;\n}\n.aca-product-name {\ndisplay: none;\n}\n.aca-product-name, .aca-subscription-name {\n color: #333333;\n line-height: inherit;\n word-break: break-word;\n font-size: 16px;\n}\n.aca-product-variant-name {\n margin-top: 1em;\n color: #333333;\n line-height: inherit;\n word-break: break-word;\n font-size: 16px;\n}
1165\n.aca-product-price {\n color: #333333;\n line-height: inherit;\n font-size: 16px;\n}\n.aca-subscription-label {\n color: #333333;\n line-height: inherit;\n word-break: break-word;\n font-weight: 600;\n font-size: 16px;\n}\n.aca-product-dropdown {\n position: relative;\n display: flex;\n align-items: center;\n cursor: pointer;\n width: 100%;\n height: 42px;\n background-color: #FFFFFF;\n line-height: inherit;\n margin-bottom: 1em;\n}\n.aca-product-dropdown .dropdown-icon {\n position: absolute;\n right: 8px;\n height: 12px;\n width: 12px;\n fill: #E1E3E4;\n}\n.aca-product-dropdown select::before,\n.aca-product-dropdown select::after {\n box-sizing: border-box;\n}\nselect.aca-product-dropdown::-ms-expand {\n display: none;\n}\n.aca-product-dropdown select {\n box-sizing: border-box;\n background-color: transparent;\n border: none;\n margin: 0;\n cursor: inherit;\n line-height: inherit;\n outline: none;\n -moz-appearance: none;\n -webkit-appearance: none;\n appearance: none;\n background-image: none;\n border-top-left-radius: 0;\n border-top-right-radius: 0;\n border-bottom-right-radius: 0;\n border-bottom-left-radius: 0;\n z-index: 1;\n width: 100%;\n height: 100%;\n cursor: pointer;\n border: 1px solid #E1E3E4;\n border-radius: 2px;\n color: #333333;\n padding: 0 30px 0 10px;\n font-size: 15px;\n}\n.aca-product-button {\n border: none;\n cursor: pointer;\n width: 100%;\n min-height: 42px;\n word-break: break-word;\n padding: 8px 14px;\n background-color: #7f2629;\n text-transform: uppercase;\n line-height: inherit;\n border: 1px solid transparent;\n border-radius: 2px;\n font-size: 14px;\n color: #FFFFFF;\n font-weight: bold;\n letter-spacing: 1.039px;\n}\n.aca-product-button.aca-product-out-of-stock-button {\n cursor: default;\n border: 1px solid #7f2629;\n background-color: #FFFFFF;\n color: #7f2629;\n}\n.aca-button-loader {\n display: block;\n border: 3px solid transparent;\n border-radius: 50%;\n border-top: 3px solid #FFFFFF;\n width: 20px;\n height: 20px;\n background: transparent;\n margin: 0 auto;\n -webkit-animation: aca-loader 0.5s linear infinite;\n animation: aca-loader 0.5s linear infinite;\n}\n@-webkit-keyframes aca-loader {\n 0% {\n -webkit-transform: rotate(0deg);\n }\n 100% {\n -webkit-transform: rotate(360deg);\n }\n}\n@keyframes aca-loader {\n 0% {\n transform: rotate(0deg);\n }\n 100% {\n transform: rotate(360deg);\n }\n}\n.aca-button-tick {\n display: block;\n transform: rotate(45deg);\n -webkit-transform: rotate(45deg);\n height: 19px;\n width: 9px;\n margin: 0 auto;\n border-bottom: 3px solid #FFFFFF;\n border-right: 3px solid #FFFFFF;\n}\n.aca-button-cross \u003e svg {\n width: 22px;\n margin-bottom: -6px;\n}\n.aca-button-cross .button-cross-icon {\n stroke: #FFFFFF;\n}\n#aca-bottom-close {\n cursor: pointer;\n text-align: center;\n word-break: break-word;\n color: #7f2629;\n font-size: 16px;\n}\n@media screen and (min-width: 951px) and (max-width: 1200px) {\n #aca-products-container {\n width: 95%;\n padding: 20px 0;\n }\n #aca-products-container .aca-product {\n margin: 20px 3%;\n padding: 0;\n }\n}\n@media screen and (min-width: 951px) and (max-width: 1024px) {\n #aca-products-container .aca-product {\n margin: 20px 2%;\n }\n}\n@media screen and (max-width: 950px) {\n #aca-products-container {\n width: 95%;\n padding: 0;\n }\n #aca-products-container .aca-product {\n width: 45%;\n max-width: 200px;\n margin: 2.5%;\n }\n}\n@media screen and (min-width: 602px) and (max-width: 950px) {\n #aca-products-container .aca-product {\n margin: 4%;\n }\n}\n@media screen and (max-width: 767px) {\n #aca-modal-wrapper {\n width: 90%;\n }\n}\n@media screen and (max-width: 576px) {\n #aca-modal-container {\n padding: 23px 0 0;\n }\n #aca-close-icon-container {\n display: block;\n }\n #aca-bottom-close {\n margin: 10px;\n font-size: 14px;\n }\n #aca-modal-headline {\n margin: 10px 5%;\n font-size: 20px;\n }\n #aca-modal-subheadline {\n margin: 0 0 5px 0;\n font-size: 16px;\n }\n .aca-product-image {\n height: 100px;\n margin: 0;\n }\n .aca-product-name, .aca-subscription-name, .aca-product-variant-name {\n font-size: 12px;\n margin: 5px 0;\n }\n .aca-product-dropdown select, .aca-product-button, .aca-subscription-label {\n font-size: 12px;\n }\n .aca-product-dropdown {\n height: 30px;\n margin-bottom: 7px;\n }\n .aca-product-button {\n min-height: 30px;\n padding: 4px;\n margin-bottom: 7px;\n }\n .aca-button-loader {\n border: 2px solid transparent;\n border-top: 2px solid #FFFFFF;\n width: 12px;\n height: 12px;\n }\n .aca-button-tick {\n height: 12px;\n width: 6px;\n border-bottom: 2px solid #FFFFFF;\n border-right: 2px solid #FFFFFF;\n }\n .aca-button-cross \u003e svg {\n width: 15px;\n margin-bottom: -4px;\n }\n .aca-button-cross .button-cross-icon {\n stroke: #FFFFFF;\n }\n}","hasCustomizations":true,"addButtonText":"Choose gift","
1165dismissButtonText":"Remember to make a selection before closing!","outOfStockButtonText":"Out of Stock","imageUrl":null,"showProductLink":false,"subscriptionLabel":"Subscription Plan","closeModalOutsideClick":true,"headerFontFamily":null,"bodyFontFamily":null},"refreshAfterBannerClick":false,"disableReapplyRules":false,"disableReloadOnFailedAddition":false,"autoReloadCartPage":false,"ajaxRedirectPath":null,"allowSimultaneousRequests":false,"applyRulesOnCheckout":false,"enableCartCtrlOverrides":true,"customRedirectFromCart":null,"scriptSettings":{"branding":{"show":false,"removalRequestSent":null},"productPageRedirection":{"enabled":false,"products":[],"redirectionURL":"\/"},"debugging":{"enabled":false,"enabledOn":null,"stringifyObj":false},"reApplyValueBasedRulesInCart":false,"fetchProductInfoFromSavedDomain":false,"enableBuyNowInterceptions":false,"removeProductsAddedFromExpiredRules":false,"useFinalPrice":false,"useFinalPriceGetEntireCart":false,"hideGiftedPropertyText":false,"fetchCartDataBeforeRequest":false,"disableRedirectAfterFormSubmit":false,"delayUpdates":2000,"decodePayload":false,"hideAlertsOnFrontend":false,"removeEGPropertyFromSplitActionLineItems":false,"customCSS":null},"promoCodeMessageStyle":{"message":"Free gift added!"},"egDiscount":{"cartValueStopCollectionCheck":false},"accessToEnterprise":true},"translations":null,"defaultLocale":"en","shopDomain":"www.joeskc.com"}"> 1166 1167
1168<script defer> 1169 (async function() { 1170 try { 1171 1172 const blockVersion = "v3" 1173 if (blockVersion != "v3") { 1174 return 1175 } 1176 1177 let metaErrorFlag = false; 1178 if (metaErrorFlag) { 1179 return 1180 } 1181 1182 // Parse metafields as JSON 1183 const metafields = {}; 1184 1185 // Process metafields in JavaScript 1186 let savedRulesArray = []; 1187 for (const [key, value] of Object.entries(metafields)) { 1188 if (value) { 1189 for (const prop in value) { 1190 // avoiding Object.Keys for performance gain -- no need to make an array of keys. 1191 savedRulesArray.push(value); 1192 break; 1193 } 1194 } 1195 } 1196 1197 const metaTag = document.createElement('meta'); 1198 metaTag.id = 'easygift-rules'; 1199 metaTag.content = JSON.stringify(savedRulesArray); 1200 metaTag.setAttribute('itemid', 'cnVsZXNfJF8xNzkwOTA5MDE5'); 1201 1202 document.head.appendChild(metaTag); 1203 } catch (err) { 1204 1205 } 1206 })(); 1207</script>
1207 1208 1209 1210
1210<script 1211 type="text/javascript" 1212 defer 1213 > 1214 1215 (function () { 1216 try { 1217 window.EG_INFO = window.EG_INFO || {}; 1218 var shopInfo = {"isInstalled":true,"installedOn":"2024-06-03T16:34:43.688Z","appVersion":"3.0","subscriptionName":"Unlimited","cartAnalytics":true,"freeTrialEndsOn":null,"settings":{"reminderBannerStyle":{"position":{"horizontal":"right","vertical":"bottom"},"primaryColor":"#000000","backgroundColor":"#FFFFFF","borderRadius":null,"padding":"","headerFontSize":"","subHeaderFontSize":"","cssStyles":"","headerText":"Click here to reopen missed deals","subHeaderText":null,"showImage":true,"imageUrl":"https:\/\/cdn.506.io\/eg\/eg_notification_default_512x512.png","displayAfter":5,"closingMode":"doNotAutoClose","selfcloseAfter":5,"reshowBannerAfter":"everyNewSession","fontFamily":null},"addedItemIdentifier":"_Gifted","ignoreOtherAppLineItems":null,"customVariantsInfoLifetimeMins":1440,"redirectPath":null,"ignoreNonStandardCartRequests":false,"bannerStyle":{"position":{"horizontal":"right","vertical":"top"},"primaryColor":"#000000","backgroundColor":"#FFFFFF","borderRadius":null,"padding":"","headerFontSize":"","subHeaderFontSize":"","cssStyles":"","fontFamily":null},"themePresetId":"0","notificationStyle":{"position":{"horizontal":"right","vertical":"bottom"},"primaryColor":"#3A3A3A","backgroundColor":"#FFFFFF","borderRadius":null,"duration":"3.0","headerFontSize":"","subHeaderFontSize":"","padding":"","cssStyles":"#aca-notifications-wrapper {\n display: block;\n right: 0;\n bottom: 0;\n position: fixed;\n z-index: 99999999;\n max-height: 100%;\n overflow: auto;\n}\n.aca-notification-container {\n display: flex;\n flex-direction: row;\n text-align: left;\n font-size: 16px;\n margin: 12px;\n padding: 8px;\n background-color: #FFFFFF;\n width: fit-content;\n box-shadow: rgb(170 170 170) 0px 0px 5px;\n border-radius: 8px;\n opacity: 0;\n transition: opacity 0.4s ease-in-out;\n}\n.aca-notification-container .aca-notification-image {\n display: flex;\n align-items: center;\n justify-content: center;\n min-height: 60px;\n min-width: 60px;\n height: 60px;\n width: 60px;\n background-color: #FFFFFF;\n margin: 8px;\n}\n.aca-notification-image img {\n display: block;\n max-width: 100%;\n max-height: 100%;\n width: auto;\n height: auto;\n border-radius: 6px;\n box-shadow: rgba(99, 115, 129, 0.29) 0px 0px 4px 1px;\n}\n.aca-notification-container .aca-notification-text {\n flex-grow: 1;\n margin: 8px;\n max-width: 260px;\n}\n.aca-notification-heading {\n font-size: 24px;\n margin: 0 0 0.3em 0;\n line-height: normal;\n word-break: break-word;\n line-height: 1.2;\n max-height: 3.6em;\n overflow: hidden;\n color: #3A3A3A;\n}\n.aca-notification-subheading {\n font-size: 18px;\n margin: 0;\n line-height: normal;\n word-break: break-word;\n line-height: 1.4;\n max-height: 5.6em;\n overflow: hidden;\n color: #3A3A3A;\n}\n@media screen and (max-width: 450px) {\n #aca-notifications-wrapper {\n left: null;\n right: null;\n }\n .aca-notification-container {\n width: auto;\n display: block;\n flex-wrap: wrap;\n }\n.aca-notification-container .aca-notification-text {\n max-width: none;\n }\n}","hasCustomizations":false,"fontFamily":null},"fetchCartData":false,"useLocalStorage":{"enabled":false,"expiryMinutes":null},"popupStyle":{"priceShowZeroDecimals":true,"primaryColor":"#7F2629","secondaryColor":"#000000","buttonTextColor":null,"backgroundColor":"#FFFFFF","borderRadius":null,"padding":"","headerFontSize":"","subHeaderFontSize":"","bodyColor":null,"bodyFontSize":"","cssStyles":"#aca-modal {\n position: fixed;\n left: 0;\n top: 0;\n width: 100%;\n height: 100%;\n background: rgba(0, 0, 0, 0.5);\n z-index: 99999999;\n overflow-x: hidden;\n overflow-y: auto;\n display: block;\n}\n#aca-modal-wrapper {\n display: flex;\n align-items: center;\n width: 80%;\n height: auto;\n max-width: 1000px;\n min-height: calc(100% - 60px);\n margin: 30px auto;\n}\n#aca-modal-container {\n position: relative;\n display: flex;\n flex-direction: column;\n align-items: center;\n justify-content: center;\n box-shadow: 0 0 1.5rem rgba(17, 17, 17, 0.7);\n width: 100%;\n padding: 20px;\n background-color: #FFFFFF;\n}\n#aca-close-icon-container {\n position: absolute;\n top: 12px;\n right: 12px;\n width: 25px;\n display: none;\n}\n#aca-close-icon {\n stroke: #333333;\n}\n#aca-modal-custom-image-container {\n background-color: #FFFFFF;\n margin: 0.5em 0;\n}\n#aca-modal-custom-image-container img {\n display: block;\n min-width: 60px;\n min-height: 60px;\n max-width: 200px;\n max-height: 200px;\n width: auto;\n height: auto;\n}\n#aca-modal-headline {\n text-align: center;\n text-transform: none;\n letter-spacing: normal;\n margin: 0.5em 0;\n font-size: 30px;\n color: #000000;\n}\n#aca-modal-subheadline {\n text-align: center;\n font-weight: normal;\n margin: 0 0 0.5em 0;\n font-size: 20px;\n color: #000000;\n}\n#aca-products-container {\n display: flex;\n align-items: flex-start;\n justify-content: center;\n flex-wrap: wrap;\n width: 85%;\n}\n#aca-products-container .aca-product {\n text-align: center;\n margin: 30px;\n width: 200px;\n}\n.aca-product-image {\n display: flex;\n align-items: center;\n justify-content: center;\n width: 100%;\n height: 200px;\n background-color: #FFFFFF;\n margin-bottom: 1em;\n}\n.aca-product-image img {\n display: block;\n max-width: 100%;\n max-height: 100%;\n width: auto;\n height: auto;\n}\n.aca-product-name {\ndisplay: none;\n}\n.aca-product-name, .aca-subscription-name {\n color: #333333;\n line-height: inherit;\n word-break: break-word;\n font-size: 16px;\n}\n.aca-product-variant-name {\n margin-top: 1em;\n color: #333333;\n line-height: inherit;\n word-break: break-word;\n font-size: 16px;\n}
1218\n.aca-product-price {\n color: #333333;\n line-height: inherit;\n font-size: 16px;\n}\n.aca-subscription-label {\n color: #333333;\n line-height: inherit;\n word-break: break-word;\n font-weight: 600;\n font-size: 16px;\n}\n.aca-product-dropdown {\n position: relative;\n display: flex;\n align-items: center;\n cursor: pointer;\n width: 100%;\n height: 42px;\n background-color: #FFFFFF;\n line-height: inherit;\n margin-bottom: 1em;\n}\n.aca-product-dropdown .dropdown-icon {\n position: absolute;\n right: 8px;\n height: 12px;\n width: 12px;\n fill: #E1E3E4;\n}\n.aca-product-dropdown select::before,\n.aca-product-dropdown select::after {\n box-sizing: border-box;\n}\nselect.aca-product-dropdown::-ms-expand {\n display: none;\n}\n.aca-product-dropdown select {\n box-sizing: border-box;\n background-color: transparent;\n border: none;\n margin: 0;\n cursor: inherit;\n line-height: inherit;\n outline: none;\n -moz-appearance: none;\n -webkit-appearance: none;\n appearance: none;\n background-image: none;\n border-top-left-radius: 0;\n border-top-right-radius: 0;\n border-bottom-right-radius: 0;\n border-bottom-left-radius: 0;\n z-index: 1;\n width: 100%;\n height: 100%;\n cursor: pointer;\n border: 1px solid #E1E3E4;\n border-radius: 2px;\n color: #333333;\n padding: 0 30px 0 10px;\n font-size: 15px;\n}\n.aca-product-button {\n border: none;\n cursor: pointer;\n width: 100%;\n min-height: 42px;\n word-break: break-word;\n padding: 8px 14px;\n background-color: #7f2629;\n text-transform: uppercase;\n line-height: inherit;\n border: 1px solid transparent;\n border-radius: 2px;\n font-size: 14px;\n color: #FFFFFF;\n font-weight: bold;\n letter-spacing: 1.039px;\n}\n.aca-product-button.aca-product-out-of-stock-button {\n cursor: default;\n border: 1px solid #7f2629;\n background-color: #FFFFFF;\n color: #7f2629;\n}\n.aca-button-loader {\n display: block;\n border: 3px solid transparent;\n border-radius: 50%;\n border-top: 3px solid #FFFFFF;\n width: 20px;\n height: 20px;\n background: transparent;\n margin: 0 auto;\n -webkit-animation: aca-loader 0.5s linear infinite;\n animation: aca-loader 0.5s linear infinite;\n}\n@-webkit-keyframes aca-loader {\n 0% {\n -webkit-transform: rotate(0deg);\n }\n 100% {\n -webkit-transform: rotate(360deg);\n }\n}\n@keyframes aca-loader {\n 0% {\n transform: rotate(0deg);\n }\n 100% {\n transform: rotate(360deg);\n }\n}\n.aca-button-tick {\n display: block;\n transform: rotate(45deg);\n -webkit-transform: rotate(45deg);\n height: 19px;\n width: 9px;\n margin: 0 auto;\n border-bottom: 3px solid #FFFFFF;\n border-right: 3px solid #FFFFFF;\n}\n.aca-button-cross \u003e svg {\n width: 22px;\n margin-bottom: -6px;\n}\n.aca-button-cross .button-cross-icon {\n stroke: #FFFFFF;\n}\n#aca-bottom-close {\n cursor: pointer;\n text-align: center;\n word-break: break-word;\n color: #7f2629;\n font-size: 16px;\n}\n@media screen and (min-width: 951px) and (max-width: 1200px) {\n #aca-products-container {\n width: 95%;\n padding: 20px 0;\n }\n #aca-products-container .aca-product {\n margin: 20px 3%;\n padding: 0;\n }\n}\n@media screen and (min-width: 951px) and (max-width: 1024px) {\n #aca-products-container .aca-product {\n margin: 20px 2%;\n }\n}\n@media screen and (max-width: 950px) {\n #aca-products-container {\n width: 95%;\n padding: 0;\n }\n #aca-products-container .aca-product {\n width: 45%;\n max-width: 200px;\n margin: 2.5%;\n }\n}\n@media screen and (min-width: 602px) and (max-width: 950px) {\n #aca-products-container .aca-product {\n margin: 4%;\n }\n}\n@media screen and (max-width: 767px) {\n #aca-modal-wrapper {\n width: 90%;\n }\n}\n@media screen and (max-width: 576px) {\n #aca-modal-container {\n padding: 23px 0 0;\n }\n #aca-close-icon-container {\n display: block;\n }\n #aca-bottom-close {\n margin: 10px;\n font-size: 14px;\n }\n #aca-modal-headline {\n margin: 10px 5%;\n font-size: 20px;\n }\n #aca-modal-subheadline {\n margin: 0 0 5px 0;\n font-size: 16px;\n }\n .aca-product-image {\n height: 100px;\n margin: 0;\n }\n .aca-product-name, .aca-subscription-name, .aca-product-variant-name {\n font-size: 12px;\n margin: 5px 0;\n }\n .aca-product-dropdown select, .aca-product-button, .aca-subscription-label {\n font-size: 12px;\n }\n .aca-product-dropdown {\n height: 30px;\n margin-bottom: 7px;\n }\n .aca-product-button {\n min-height: 30px;\n padding: 4px;\n margin-bottom: 7px;\n }\n .aca-button-loader {\n border: 2px solid transparent;\n border-top: 2px solid #FFFFFF;\n width: 12px;\n height: 12px;\n }\n .aca-button-tick {\n height: 12px;\n width: 6px;\n border-bottom: 2px solid #FFFFFF;\n border-right: 2px solid #FFFFFF;\n }\n .aca-button-cross \u003e svg {\n width: 15px;\n margin-bottom: -4px;\n }\n .aca-button-cross .button-cross-icon {\n stroke: #FFFFFF;\n }\n}","hasCustomizations":true,"addButtonText":"Choose gift","dismissButtonText":"Remember to make a selection before closing!","outOfStockButtonText":"Out of Stock","imageUrl":null,"showProductLink":false,"subscriptionLabel":"Subscription Plan","closeModalOutsideClick":true,"headerFontFamily":null,"bodyFontFamily":null},"refreshAfterBannerClick":false,"disableReapplyRules":false,"disableReloadOnFailedAddition":false,"autoReloadCartPage":false,"ajaxRedirectPath":null,"allowSimultaneousRequests":false,"applyRulesOnCheckout":false,"enableCartCtrlOverrides":true,"customRedirectFromCart":null,"scriptSettings":{"branding":{"show":false,"removalRequestSent":null},"productPageRedirection":{"enabled":false,"products":[],"redirectionURL":"\/"},"debugging":{"enabled":false,"enabledOn":null,"stringifyObj":false}
1218,"reApplyValueBasedRulesInCart":false,"fetchProductInfoFromSavedDomain":false,"enableBuyNowInterceptions":false,"removeProductsAddedFromExpiredRules":false,"useFinalPrice":false,"useFinalPriceGetEntireCart":false,"hideGiftedPropertyText":false,"fetchCartDataBeforeRequest":false,"disableRedirectAfterFormSubmit":false,"delayUpdates":2000,"decodePayload":false,"hideAlertsOnFrontend":false,"removeEGPropertyFromSplitActionLineItems":false,"customCSS":null},"promoCodeMessageStyle":{"message":"Free gift added!"},"egDiscount":{"cartValueStopCollectionCheck":false},"accessToEnterprise":true},"translations":null,"defaultLocale":"en","shopDomain":"www.joeskc.com"}; 1219 var productRedirectionEnabled = shopInfo.settings.scriptSettings.productPageRedirection.enabled; 1220 if (["Unlimited", "Enterprise"].includes(shopInfo.subscriptionName) && productRedirectionEnabled) { 1221 var products = shopInfo.settings.scriptSettings.productPageRedirection.products; 1222 if (products.length > 0) { 1223 var productIds = products.map(function(prod) { 1224 var productGid = prod.id; 1225 var productIdNumber = parseInt(productGid.split('/').pop()); 1226 return productIdNumber; 1227 }); 1228 var productInfo = null; 1229 var isProductInList = productIds.includes(productInfo.id); 1230 if (isProductInList) { 1231 var redirectionURL = shopInfo.settings.scriptSettings.productPageRedirection.redirectionURL; 1232 if (redirectionURL) { 1233 window.location = redirectionURL; 1234 } 1235 } 1236 } 1237 } 1238 1239 1240 } catch(err) { 1241 return 1242 }}
1242)() 1243 </script>
1243 1244 1245 1246 1247<!-- END app block --><!-- BEGIN app block: shopify://apps/minmaxify-order-limits/blocks/app-embed-block/3acfba32-89f3-4377-ae20-cbb9abc48475 -->
1247<script src="https://limits.minmaxify.com/limitsv2/send-joes-bar-b-que.myshopify.com?v=149&r=20260504170955" defer></script>
1247 1248 1249<!-- END app block --><!-- BEGIN app block: shopify://apps/judge-me-reviews/blocks/judgeme_core/61ccd3b1-a9f2-4160-9fe9-4fec8413e5d8 --><!-- Start of Judge.me Core --> 1250 1251 1252 1253 1254 1255 1256 1257<link rel="dns-prefetch" href="https://cdn.judge.me"> 1258<link rel="dns-prefetch" href="https://cdn1.judge.me"> 1259<link rel="dns-prefetch" href="https://api.judge.me"> 1260
1261<script data-cfasync='false' class='jdgm-settings-script'>window.jdgmSettings={"pagination":5,"disable_web_reviews":false,"coupon_receiving_condition":"any_review","coupon_value_type":"percentage","coupon_value_percentage":10,"coupon_value_fixed_amount":0,"coupon_discount_type":"single","coupon_tier_text_enabled":false,"coupon_tier_text_percentage":10,"coupon_tier_text_fixed_amount":0,"coupon_tier_photo_enabled":false,"coupon_tier_photo_percentage":10,"coupon_tier_photo_fixed_amount":0,"coupon_tier_video_enabled":false,"coupon_tier_video_percentage":10,"coupon_tier_video_fixed_amount":0,"enable_coupons":false,"badge_no_review_text":"No reviews","badge_n_reviews_text":"{{ n }} review/reviews","badge_star_color":"#7F2629","hide_badge_preview_if_no_reviews":true,"badge_hide_text":false,"enforce_center_preview_badge":false,"widget_title":"Customer Reviews","widget_open_form_text":"Write a review","widget_close_form_text":"Cancel review","widget_refresh_page_text":"Refresh page","widget_summary_text":"Based on {{ number_of_reviews }} review/reviews","widget_no_review_text":"Write a review for shipped frozen BBQ","widget_name_field_text":"Display name","widget_verified_name_field_text":"Verified Name (public)","widget_name_placeholder_text":"Display name","widget_required_field_error_text":"This field is required.","widget_email_field_text":"Email address","widget_verified_email_field_text":"Verified Email (private, can not be edited)","widget_email_placeholder_text":"Your email address","widget_email_field_error_text":"Please enter a valid email address.","widget_rating_field_text":"Rating","widget_review_title_field_text":"Review Title","widget_review_title_placeholder_text":"Give your review a title","widget_review_body_field_text":"Review content","widget_review_body_placeholder_text":"Start writing here...","widget_pictures_field_text":"Picture/Video (optional)","widget_submit_review_text":"Submit Review","widget_submit_verified_review_text":"Submit Verified Review","widget_submit_success_msg_with_auto_publish":"Thank y
1261ou! Please refresh the page in a few moments to see your review. You can remove or edit your review by logging into \u003ca href='https://judge.me/login' target='_blank' rel='nofollow noopener'\u003eJudge.me\u003c/a\u003e","widget_submit_success_msg_no_auto_publish":"Thank you! Your review will be published as soon as it is approved by the shop admin. You can remove or edit your review by logging into \u003ca href='https://judge.me/login' target='_blank' rel='nofollow noopener'\u003eJudge.me\u003c/a\u003e","widget_show_default_reviews_out_of_total_text":"Showing {{ n_reviews_shown }} out of {{ n_reviews }} reviews.","widget_show_all_link_text":"Show all","widget_show_less_link_text":"Show less","widget_author_said_text":"{{ reviewer_name }} said:","widget_days_text":"{{ n }} days ago","widget_weeks_text":"{{ n }} week/weeks ago","widget_months_text":"{{ n }} month/months ago","widget_years_text":"{{ n }} year/years ago","widget_yesterday_text":"Yesterday","widget_today_text":"Today","widget_replied_text":"\u003e\u003e {{ shop_name }} replied:","widget_read_more_text":"Read more","widget_reviewer_name_as_initial":"","widget_rating_filter_color":"#fbcd0a","widget_rating_filter_see_all_text":"See all reviews","widget_sorting_most_recent_text":"Most Recent","widget_sorting_highest_rating_text":"Highest Rating","widget_sorting_lowest_rating_text":"Lowest Rating","widget_sorting_with_pictures_text":"Only Pictures","widget_sorting_most_helpful_text":"Most Helpful","widget_open_question_form_text":"Ask a question","widget_reviews_subtab_text":"Reviews","widget_questions_subtab_text":"Questions","widget_question_label_text":"Question","widget_answer_label_text":"Answer","widget_question_placeholder_text":"Write your question here","widget_submit_question_text":"Submit Question","widget_question_submit_success_text":"Thank you for your question! We will notify you once it gets answered.","widget_star_color":"#7F2629","verified_badge_text":"Verified","verified_badge_bg_color":"","verified_badge_text_color":"","verified_badge_placement":"left-of-reviewer-name","widget_review_max_height":"","widget_hide_border":false,"widget_social_share":false,"widget_thumb":false,"widget_review_location_show":false,"widget_location_format":"","all_reviews_include_out_of_store_products":true,"all_reviews_out_of_store_text":"(out of store)","all_reviews_pagination":100,"all_reviews_product_name_prefix_text":"about","enable_review_pictures":true,"enable_question_anwser":false,"widget_theme":"default","review_date_format":"mm/dd/yyyy","default_sort_method":"most-recent","enable_ai_review_visibility":true,"widget_product_reviews_subtab_text":"Product Reviews","widget_shop_reviews_subtab_text":"Shop Reviews","widget_other_products_reviews_text":"Reviews for other products","widget_store_reviews_subtab_text":"Store reviews","widget_product_variant_reference_text":"Review for","widget_no_store_reviews_text":"This store hasn't received any reviews yet","widget_web_restriction_product_reviews_text":"This product hasn't received any reviews yet","widget_no_items_text":"No items found","widget_show_more_text":"Show more","widget_write_a_store_review_text":"Write a Store Review","widget_product_and_store_reviews_text":"Product and store reviews","widget_reviews_in_collection_text":"Reviews in this collection","widget_other_languages_heading":"Reviews in Other Languages","widget_translate_review_text":"Translate review to {{ language }}","widget_translating_review_text":"Translating...","widget_show_original_translation_text":"Show original ({{ language }})","widget_translate_review_failed_text":"Review couldn't be translated.","widget_translate_review_retry_text":"Retry","widget_translate_review_try_again_later_text":"Try again later","show_product_url_for_grouped_product":false,"widget_sorting_pictures_first_text":"Pictures First","show_pictures_on_all_rev_page_mobile":false,"show_pictures_on_all_rev_page_desktop":false,"floating_tab_hide_mobile_install_preference":false,"floating_tab_button_name":"â
Reviews","floating_tab_title":"Let customers speak for us","floating_tab_button_color":"","floating_tab_button_background_color":"","floating_tab_url":"","floating_tab_url_enabled":false,"floating_tab_tab_style":"text","all_reviews_text_badge_text":"Customers rate us {{ shop.metafields.judgeme.all_reviews_rating | round: 1 }}/5 based on {{ shop.metafields.judgeme.all_reviews_count }} reviews.","all_reviews_text_badge_text_branded_style":"{{ shop.metafields.judgeme.all_reviews_rating | round: 1 }} out of 5 stars based on {{ shop.metafields.judgeme.all_reviews_count }} reviews","is_all_reviews_text_badge_a_link":false,"show_stars_for_all_reviews_text_badge":false,"all_reviews_text_badge_url":"","all_reviews_text_style":"branded","all_reviews_text_color_style":"judgeme_brand_color","all_reviews_text_color":"#108474","all_reviews_text_show_jm_brand":true,"featured_carousel_show_header":true,"featured_carousel_title":"Smoked Local, Loved Nationwide","testimonials_carousel_title":"Customers are saying","videos_carousel_title":"Real customer stories","cards_carousel_title":"Customers are saying","featured_carousel_count_text":"Hear what BBQ fans coast to co
1261ast are saying from {{ n }} reviews","featured_carousel_add_link_to_all_reviews_page":false,"featured_carousel_url":"","featured_carousel_show_images":true,"featured_carousel_autoslide_interval":5,"featured_carousel_arrows_on_the_sides":true,"featured_carousel_height":250,"featured_carousel_width":85,"featured_carousel_image_size":0,"featured_carousel_image_height":250,"featured_carousel_arrow_color":"#231F20","verified_count_badge_style":"branded","verified_count_badge_orientation":"horizontal","verified_count_badge_color_style":"judgeme_brand_color","verified_count_badge_color":"#108474","is_verified_count_badge_a_link":false,"verified_count_badge_url":"","verified_count_badge_show_jm_brand":true,"widget_rating_preset_default":5,"widget_first_sub_tab":"product-reviews","widget_show_histogram":true,"widget_histogram_use_custom_color":false,"widget_pagination_use_custom_color":false,"widget_star_use_custom_color":false,"widget_verified_badge_use_custom_color":false,"widget_write_review_use_custom_color":false,"picture_reminder_submit_button":"Upload Pictures","enable_review_videos":true,"mute_video_by_default":true,"widget_sorting_videos_first_text":"Videos First","widget_review_pending_text":"Pending","featured_carousel_items_for_large_screen":3,"social_share_options_order":"Facebook,Twitter","remove_microdata_snippet":false,"disable_json_ld":false,"enable_json_ld_products":false,"preview_badge_show_question_text":false,"preview_badge_no_question_text":"No questions","preview_badge_n_question_text":"{{ number_of_questions }} question/questions","qa_badge_show_icon":false,"qa_badge_position":"same-row","remove_judgeme_branding":false,"widget_add_search_bar":false,"widget_search_bar_placeholder":"Search","widget_sorting_verified_only_text":"Verified only","widget_sorting_most_relevant_text":"Most Relevant","featured_carousel_theme":"card","featured_carousel_show_rating":true,"featured_carousel_show_title":true,"featured_carousel_show_body":true,"featured_carousel_show_date":false,"featured_carousel_show_reviewer":true,"featured_carousel_show_product":false,"featured_carousel_header_background_color":"#108474","featured_carousel_header_text_color":"#ffffff","featured_carousel_name_product_separator":"reviewed","featured_carousel_full_star_background":"#7F2629","featured_carousel_empty_star_background":"#dadada","featured_carousel_vertical_theme_background":"#f9fafb","featured_carousel_verified_badge_enable":true,"featured_carousel_verified_badge_color":"#108474","featured_carousel_border_style":"round","featured_carousel_review_line_length_limit":3,"featured_carousel_more_reviews_button_text":"Read more reviews","featured_carousel_view_product_button_text":"View product","all_reviews_page_load_reviews_on":"scroll","all_reviews_page_load_more_text":"Load More Reviews","disable_fb_tab_reviews":false,"enable_ajax_cdn_cache":false,"widget_advanced_speed_features":5,"widget_public_name_text":"displayed publicly like","default_reviewer_name":"John Smith","default_reviewer_name_has_non_latin":true,"widget_reviewer_anonymous":"Anonymous","medals_widget_title":"Judge.me Review Medals","medals_widget_background_color":"#f9fafb","medals_widget_position":"footer_all_pages","medals_widget_border_color":"#f9fafb","medals_widget_verified_text_position":"left","medals_widget_use_monochromatic_version":false,"medals_widget_elements_color":"#108474","show_reviewer_avatar":true,"widget_invalid_yt_video_url_error_text":"Not a YouTube video URL","widget_max_length_field_error_text":"Please enter no more than {0} characters.","widget_show_country_flag":false,"widget_show_collected_via_shop_app":true,"widget_verified_by_shop_badge_style":"light","widget_verified_by_shop_text":"Verified by Shop","widget_show_photo_gallery":false,"widget_load_with_code_splitting":true,"widget_ugc_install_preference":false,"widget_ugc_title":"Made by us, Shared by you","widget_ugc_subt
1261itle":"Tag us to see your picture featured in our page","widget_ugc_arrows_color":"#ffffff","widget_ugc_primary_button_text":"Buy Now","widget_ugc_primary_button_background_color":"#108474","widget_ugc_primary_button_text_color":"#ffffff","widget_ugc_primary_button_border_width":"0","widget_ugc_primary_button_border_style":"none","widget_ugc_primary_button_border_color":"#108474","widget_ugc_primary_button_border_radius":"25","widget_ugc_secondary_button_text":"Load More","widget_ugc_secondary_button_background_color":"#ffffff","widget_ugc_secondary_button_text_color":"#108474","widget_ugc_secondary_button_border_width":"2","widget_ugc_secondary_button_border_style":"solid","widget_ugc_secondary_button_border_color":"#108474","widget_ugc_secondary_button_border_radius":"25","widget_ugc_reviews_button_text":"View Reviews","widget_ugc_reviews_button_background_color":"#ffffff","widget_ugc_reviews_button_text_color":"#108474","widget_ugc_reviews_button_border_width":"2","widget_ugc_reviews_button_border_style":"solid","widget_ugc_reviews_button_border_color":"#108474","widget_ugc_reviews_button_border_radius":"25","widget_ugc_reviews_button_link_to":"judgeme-reviews-page","widget_ugc_show_post_date":true,"widget_ugc_max_width":"800","widget_rating_metafield_value_type":true,"widget_primary_color":"#231F20","widget_enable_secondary_color":false,"widget_secondary_color":"#edf5f5","widget_summary_average_rating_text":"{{ average_rating }} out of 5","widget_media_grid_title":"Customer photos \u0026 videos","widget_media_grid_see_more_text":"See more","widget_round_style":false,"widget_show_product_medals":false,"widget_verified_by_judgeme_text":"Verified by Judge.me","widget_show_store_medals":true,"widget_verified_by_judgeme_text_in_store_medals":"Verified by Judge.me","widget_media_field_exceed_quantity_message":"Sorry, we can only accept {{ max_media }} for one review.","widget_media_field_exceed_limit_message":"{{ file_name }} is too large, please select a {{ media_type }} less than {{ size_limit }}MB.","widget_review_submitted_text":"Review Submitted!","widget_question_submitted_text":"Question Submitted!","widget_close_form_text_question":"Cancel","widget_write_your_answer_here_text":"Write your answer here","widget_enabled_branded_link":true,"widget_show_collected_by_judgeme":false,"widget_reviewer_name_color":"","widget_write_review_text_color":"","widget_write_review_bg_color":"","widget_collected_by_judgeme_text":"collected by Judge.me","widget_pagination_type":"standard","widget_load_more_text":"Load More","widget_load_more_color":"#108474","widget_full_review_text":"Full Review","widget_read_more_reviews_text":"Read More Reviews","widget_read_questions_text":"Read Questions","widget_questions_and_answers_text":"Questions \u0026 Answers","widget_verified_by_text":"Verified by","widget_verified_text":"Verified","widget_number_of_reviews_text":"{{ number_of_reviews }} reviews","widget_back_button_text":"Back","widget_next_button_text":"Next","widget_custom_forms_filter_button":"Filters","custom_forms_style":"horizontal","widget_show_review_information":false,"how_reviews_are_collected":"How reviews are collected?","widget_show_review_keywords":false,"widget_gdpr_statement":"How we use your data: We'll only contact you about the review you left, and only if necessary. By submitting your review, you agree to Judge.me's \u003ca href='https://judge.me/terms' target='_blank' rel='nofollow noopener'\u003eterms\u003c/a\u003e, \u003ca href='https://judge.me/privacy' target='_blank' rel='nofollow noopener'\u003eprivacy\u003c/a\u003e and \u003ca href='https://judge.me/content-policy' target='_blank' rel='nofollow noopener'\u003econtent\u003c/a\u003e policies.","widget_multilingual_sorting_enabled":false,"widget_translate_review_content_enabled":false,"widget_translate_review_content_method":"manual","popup_widget_review_selection":"automatically_with_pictures","popup_widget_round_border_style":true,"popup_widget_show_title":true,"popup_widget_show_body":true,"popup_widget_show_reviewer":false,"popup_widget_show_product":true,"popup_widget_show_pictures":true,"popup_widget_use_review_picture":true,"popup_widget_show_on_home_page":true,"popup_widget_show_on_product_page":true,"popup_widget_show_on_collection_page":true,"popup_widget_show_on_cart_page":true,"popup_widget_position":"bottom_left","popup_widget_first_review_delay":5,"popup_widget_duration":5,"popup_widget_interval":5,"popup_widget_review_count":5,"popup_widget_hide_on_mobile":true,"popup_widget_source_mode":"auto","popup_widget_page_product":"current_product","popup_widget_page_collection":"current_collection","popup_widget_page_cart":"cart_mode","popup_widget_page_home":"all","popup_widget_star_rating":"all","popup_widget_review_type":"all","popup_widget_top_up_thin_pages":true,"popup_widget_corner_styling":"soft","review_snippet_widget_round_border_style":true,"review_snippet_widget_card_color":"#FFFFFF","review_snippet_widget_text_color":"#000000","review_snippet_widget_lighter_text_color":"#7B7B7B","review_snippet_widget_slider_arrows_background_color":"#FFFFFF","review_snippet_widget_slider_arrows_color":"#000000","review_snippet_widget_star_color":"#231F20","show_product_variant":false,"all_reviews_product_variant_label_text":"Variant: ","widget_show_verified_branding":false,"widget_ai_summary_title":"Customers say","widget_ai_summary_disclaimer":"Summarized and selected by AI from recent customer reviews","widget_show_ai_summary":false,"widget_show_ai_summary_bg":false,"write_review_button_visibility":"everyone","store_summary_widget_heading":"Customers rate this store","store_summary_widget_button_text":"View customer reviews","store_summary_widget_button_theme_text":"See AI reviews summary","widget_show_review_title_input":true,"widget_autofill_review_title":true,"redirect_reviewers_invited_via_email":"review_widget","request_store_review_after_product_review":false,"request_review_other_products_in_order":false,"review_form_color_scheme":"default","review_form_corner_style":"square","review_form_star_color":"#231F20","review_form_text_color":"#333333","review_form_background_color":"#ffffff","review_form_field_background_color":"#fafafa","review_form_button_color":"#231F20","review_form_button_text_color":"#ffffff","review_form_modal_overlay_color":"#000000","review_form_theme":"multi_step","review_form_location":"in_store_popup","review_form_external_page_background_color":"#C5F7F0","review_content_screen_title_text":"How would you rate this product?","review_content_introduction_text":"We would love it if you would share a bit about your experience.","store_review_form_title_text":"How would you rate this store?","store_review_form_introduction_text":"We would love it if you would share a bit about your experience.","show_review_guidance_text":true,"one_star_review_guidance_text":"Poor","five_star_review_guidance_text":"Great","customer_information_screen_title_text":"About you","customer_information_introduction_text":"Please tell us more about you.","custom_questions_screen_title_text":"Your experience in more detail","custom_questions_introduction_text":"Here are a few questions to help us understand more about your experience.","review_submitted_screen_title_text":"Thanks for your review!","review_submitted_screen_thank_you_text":"We are processing it and it will appear on the store soon.","review_submitted_screen_email_verification_text":"Please confirm your email by clicking the link we just sent you. This helps us keep reviews authentic.","confirm_email_screen_title_text":"Confirm your email","confirm_email_screen_message_text":"To help keep reviews authentic, we'll send you a secure link to continue writing your review. It only takes a moment.","check_email_screen_title_text":"Check your email","check_email_screen_message_text":"We sent you an email to {{ email }}. Click the button on the email to continue.","check_email_screen_resend_message_text":"Email resent!","check_email_resend_hint_text":"Didn't get the email? Check your spam folder or [resend the email].","verification_email_rate_limit_error_text":"You've reached the limit for review attempts on this product. Please check your inbox or try again later.","review_submitted_request_store_review_text":"Would you like to share your experience of shopping with us?","review_submitted_review_other_products_text":"Would you like to review these products?","store_review_screen_title_text":"Would you like to share your experience of shopping with us?","store_review_introduction_text":"We value your feedback and use it to improve. Please share any thoughts or suggestions you have.","reviewer_media_screen_title_picture_text":"Share a picture","reviewer_media_introduction_picture_text":"Upload a photo to support your review.","reviewer_media_screen_title_video_text":"Share a video","reviewer_media_introduction_video_text":"Upload a video to support your review.","reviewer_media_screen_title_picture_or_video_text":"Share a picture or video","reviewer_media_introduction_picture_or_video_text":"Upload a photo or video to support your review.","reviewer_media_
1261youtube_url_text":"Paste your Youtube URL here","advanced_settings_next_step_button_text":"Next","advanced_settings_close_review_button_text":"Close","modal_write_review_flow":false,"write_review_flow_required_text":"Required","write_review_flow_privacy_message_text":"We respect your privacy.","write_review_flow_anonymous_text":"Post review as anonymous","write_review_flow_visibility_text":"This won't be visible to other customers.","write_review_flow_multiple_selection_help_text":"Select as many as you like","write_review_flow_single_selection_help_text":"Select one option","write_review_flow_required_field_error_text":"This field is required","write_review_flow_invalid_email_error_text":"Please enter a valid email address","write_review_flow_max_length_error_text":"Max. {{ max_length }} characters.","write_review_flow_media_upload_text":"\u003cb\u003eClick to upload\u003c/b\u003e or drag and drop","write_review_flow_gdpr_statement":"We'll only contact you about your review if necessary. By submitting your review, you agree to our \u003ca href='https://judge.me/terms' target='_blank' rel='nofollow noopener'\u003eterms and conditions\u003c/a\u003e and \u003ca href='https://judge.me/privacy' target='_blank' rel='nofollow noopener'\u003eprivacy policy\u003c/a\u003e.","rating_only_reviews_enabled":false,"show_negative_reviews_help_screen":false,"new_review_flow_help_screen_rating_threshold":3,"negative_review_resolution_screen_title_text":"Tell us more","negative_review_resolution_text":"Your experience matters to us. If there were issues with your purchase, we're here to help. Feel free to reach out to us, we'd love the opportunity to make things right.","negative_review_resolution_button_text":"Contact us","negative_review_resolution_proceed_with_review_text":"Leave a review","negative_review_resolution_subject":"Issue with purchase from {{ shop_name }}.{{ order_name }}","coupon_promo_intro_any_review_text":"Write a review and get a coupon for {{ amount }} off your next purchase","coupon_promo_intro_with_photo_text":"Write a review and add a photo or video to get a coupon for {{ amount }} off your next purchase","coupon_promo_intro_with_video_text":"Write a review and add a video to get a coupon for {{ amount }} off your next purchase","coupon_promo_intro_up_to_any_review_text":"Write a review and get a coupon for up to {{ amount }} off your next purchase","coupon_promo_intro_up_to_with_photo_text":"Write a review and add a photo or video to get a coupon for up to {{ amount }} off your next purchase","coupon_promo_intro_external_text":"Write a review and get a reward for your next purchase","coupon_promo_intro_external_with_photo_text":"Write a review and add a photo or video to get a reward for your next purchase","coupon_promo_intro_external_with_video_text":"Write a review and add a video to get a reward for your next purchase","coupon_promo_media_photo_text":"Add a photo or video and get a coupon for {{ amount }} off your next purchase","coupon_promo_media_photo_only_text":"Add a photo and get a coupon for {{ amount }} off your next purchase","coupon_promo_media_video_text":"Add a video and get a coupon for {{ amount }} off your next purchase","coupon_promo_media_external_photo_text":"Add a photo or video and get a reward for your next purchase","coupon_promo_media_external_photo_only_text":"Add a photo and get a reward for your next purchase","coupon_promo_media_external_video_text":"Add a video and get a reward for your next purchase","coupon_promo_success_text":"You've got a coupon for your next purchase at {{ shop_name }}!","coupon_promo_success_subtext":"You'll receive your coupon email within the hour.","preview_badge_collection_page_install_status":false,"widget_review_custom_css":"","preview_badge_custom_css":"","preview_badge_stars_count":"5-stars","featured_carousel_custom_css":"","floating_tab_custom_css":"","all_reviews_widget_custom_css":"","medals_widget_custom_css":"","verified_badge_custom_css":"","all_reviews_text_custom_css":"","transparency_badges_collected_via_store_invite":false,"transparency_badges_from_another_provider":false,"transparency_badges_collected_from_store_visitor":false,"transparency_badges_collected_by_verified_review_provider":true,"transparency_badges_earned_reward":false,"transparency_badges_collected_via_store_invite_text":"Review collected via store invitation","transparency_badges_from_another_provider_text":"Review collected from another provider","transparency_badges_collected_from_store_visitor_text":"Review collected from a store visitor","transparency_badges_written_in_google_text":"Review written in Google","transparency_badges_written_in_etsy_text":"Review written in Etsy","transparency_badges_written_in_shop_app_text":"Review written in Shop App","transparency_badges_earned_reward_text":"Review earned a reward for future purchase","product_review_widget_per_page":10,"widget_other_languages_reviews_per_page":3,"widget_store_review_label_text":"Review about the store","widget_cart_mode_aggregate_heading_text":"Customers rate this store","checkout_comment_extension_title_on_product_page":"Customer Comments","checkout_comment_extension_num_latest_comment_show":5,"checkout_comment_extension_format":"name_and_timestamp","checkout_comment_customer_name":"last_initial","checkout_comment_comment_notification":true,"preview_badge_collection_page_install_preference":false,"preview_badge_home_page_install_preference":false,"preview_badge_product_page_install_preference":false,"review_widget_install_preference":"","review_carousel_install_preference":false,"floating_reviews_tab_install_preference":"none","verified_reviews_count_badge_install_preference":false,"all_reviews_text_install_preference":false,"review_widget_best_location":false,"judgeme_medals_install_preference":false,"review_widget_revamp_enabled":false,"review_widget_qna_enabled":false,"review_widget_header_theme":"minimal","review_widget_widget_title_enabled":true,"review_widget_header_text_size":"medium","review_widget_header_text_weight":"regular","review_widget_average_rating_style":"compact","review_widget_bar_chart_enabled":true,"review_widget_bar_chart_type":"numbers","review_widget_bar_chart_style":"standard","review_widget_expanded_media_gallery_enabled":false,"review_widget_show_review_highlights":false,"review_widget_show_review_keywords_in_gray":false,"review_widget_reviews_section_theme":"standard","review_widget_image_style":"thumbnails","review_widget_review_image_ratio":"square","review_widget_stars_size":"medium","review_widget_verified_badge":"standard_text","review_widget_review_title_text_size":"medium","review_widget_review_text_size":"medium","review_widget_review_text_length":"medium","review_widget_number_of_columns_desktop":3,"review_widget_carousel_transition_speed":5,"review_widget_custom_questions_answers_display":"always","review_widget_card_section_size":"small","review_widget_button_text_color":"#FFFFFF","review_widget_text_color":"#000000","review_widget_lighter_text_color":"#7B7B7B","review_widget_corner_styling":"soft","review_widget_review_word_singular":"review","review_widget_review_word_plural"
1261:"reviews","review_widget_voting_label":"Helpful?","review_widget_shop_reply_label":"Reply from {{ shop_name }}:","review_widget_filters_title":"Filters","review_widget_filter_rating_title":"Rating","review_widget_filter_keyword_title":"Keyword","review_widget_clear_filters_text":"Clear filters","review_widget_expand_more_text":"More","review_widget_review_highlights_title":"Review highlights","qna_widget_question_word_singular":"Question","qna_widget_question_word_plural":"Questions","qna_widget_answer_reply_label":"Answer from {{ answerer_name }}:","qna_content_screen_title_text":"Ask a question about this product","qna_widget_question_required_field_error_text":"Please enter your question.","qna_widget_flow_gdpr_statement":"We'll only contact you about your question if necessary. By submitting your question, you agree to our \u003ca href='https://judge.me/terms' target='_blank' rel='nofollow noopener'\u003eterms and conditions\u003c/a\u003e and \u003ca href='https://judge.me/privacy' target='_blank' rel='nofollow noopener'\u003eprivacy policy\u003c/a\u003e.","qna_widget_question_submitted_text":"Thanks for your question!","qna_widget_close_form_text_question":"Close","qna_widget_question_submit_success_text":"Weâll notify you by email when your question is answered.","all_reviews_widget_v2025_enabled":false,"all_reviews_widget_v2025_header_theme":"default","all_reviews_widget_v2025_widget_title_enabled":true,"all_reviews_widget_v2025_header_text_size":"medium","all_reviews_widget_v2025_header_text_weight":"regular","all_reviews_widget_v2025_average_rating_style":"compact","all_reviews_widget_v2025_bar_chart_enabled":true,"all_reviews_widget_v2025_bar_chart_type":"numbers","all_reviews_widget_v2025_bar_chart_style":"standard","all_reviews_widget_v2025_expanded_media_gallery_enabled":false,"all_reviews_widget_v2025_show_store_medals":true,"all_reviews_widget_v2025_show_photo_gallery":true,"all_reviews_widget_v2025_show_review_keywords":false,"all_reviews_widget_v2025_show_ai_summary":false,"all_reviews_widget_v2025_show_ai_summary_bg":false,"all_reviews_widget_v2025_show_review_highlights":false,"all_reviews_widget_v2025_show_review_keywords_in_gray":false,"all_reviews_widget_v2025_add_search_bar":false,"all_reviews_widget_v2025_default_sort_method":"most-recent","all_reviews_widget_v2025_reviews_per_page":10,"all_reviews_widget_v2025_reviews_section_theme":"default","all_reviews_widget_v2025_image_style":"thumbnails","all_reviews_widget_v2025_review_image_ratio":"square","all_reviews_widget_v2025_stars_size":"medium","all_reviews_widget_v2025_verified_badge":"standard_text","all_reviews_widget_v2025_review_title_text_size":"medium","all_reviews_widget_v2025_review_text_size":"medium","all_reviews_widget_v2025_review_text_length":"medium","all_reviews_widget_v2025_number_of_columns_desktop":3,"all_reviews_widget_v2025_carousel_transition_speed":5,"all_reviews_widget_v2025_custom_questions_answers_display":"always","all_reviews_widget_v2025_review_dates":false,"all_reviews_widget_v2025_card_section_size":"small","all_reviews_widget_v2025_show_product_variant":false,"all_reviews_widget_v2025_show_reviewer_avatar":true,"all_reviews_widget_v2025_reviewer_name_as_initial":"","all_reviews_widget_v2025_review_location_show":false,"all_reviews_widget_v2025_location_format":"","all_reviews_widget_v2025_show_country_flag":false,"all_reviews_widget_v2025_widget_thumb":false,"all_reviews_widget_v2025_verified_by_shop_badge_style":"light","all_reviews_widget_v2025_social_share":false,"all_reviews_widget_v2025_social_share_options_order":"Facebook,Twitter,LinkedIn,Pinterest","all_reviews_widget_v2025_pagination_type":"standard","all_reviews_widget_v2025_button_text_color":"#FFFFFF","all_reviews_widget_v2025_text_color":"#000000","all_reviews_widget_v2025_lighter_text_color":"#7B7B7B","all_reviews_widget_v2025_corner_styling":"soft","all_reviews_widget_v2025_title":"Customer reviews","all_reviews_widget_v2025_ai_summary_title":"Customers say about this store","all_reviews_widget_v2025_no_review_text":"Be the first to write a review","all_reviews_widget_v2025_review_highlights_title":"Review highlights","reviews_grid_widget_show_sample_reviews":false,"reviews_grid_widget_review_selection":"all","reviews_grid_widget_select_products":[],"reviews_grid_widget_show_media_only":false,"reviews_grid_widget_display_order":"media_first","reviews_grid_widget_card_grouping":"per_media","reviews_grid_widget_columns_desktop":3,"reviews_grid_widget_rows_desktop":3,"reviews_grid_widget_columns_mobile":2,"reviews_grid_widget_rows_mobile":6,"reviews_grid_widget_show_stars":true,"reviews_grid_widget_show_reviewer_name":true,"reviews_grid_widget_show_review_title_on_hover_desktop":true,"reviews_grid_widget_corner_styling":"soft","reviews_grid_widget_card_spacing":"medium","reviews_grid_widget_header_text_color":"#000000","reviews_grid_widget_star_and_reviewer_name_color":"#F9F9F9","reviews_grid_widget_overlay_and_background_color":"#000000","reviews_grid_widget_content_color":"#F9F9F9","reviews_grid_widget_header_text":"From our customers","reviews_grid_widget_show_average_rating":true,"trust_badge_enabled":false,"trust_badge_structure":"outline","trust_badge_color":"black","trust_badge_star":"black","trust_badge_rating_display_default":"show_avg_text","platform":"shopify","branding_url":"https://app.judge.me/reviews","branding_text":"Powered by Judge.me","locale":"en","reply_name":"SendJoesKCBBQ","shop_currency":"USD","widget_version":"3.0","footer":true,"autopublish":true,"review_dates":true,"enable_custom_form":false,"shop_locale":"en","enable_multi_locales_translations":true,"show_review_title_input":true,"autofill_review_title":true,"review_verification_email_status":"always","require_verification_before_submit":false,"sign_in_with_
1261shop_enabled":false,"customer_account_validation_enabled":true,"most_relevant_sort_enabled":false,"coupon_promo_invited_eligible":true,"coupon_promo_web_eligible":false,"uses_coupon_integration":false,"uses_external_coupon":false,"can_be_branded":true,"rtl_stars_enabled_ar":true,"rtl_stars_enabled_he":true,"reply_name_text":"SendJoesKCBBQ"};</script>
1261 <style class='jdgm-settings-style'>.jdgm-xx{left:0}:root{--jdgm-primary-color: #231F20;--jdgm-secondary-color: rgba(35,31,32,0.1);--jdgm-star-color: #7F2629;--jdgm-write-review-text-color: white;--jdgm-write-review-bg-color: #231F20;--jdgm-paginate-color: #231F20;--jdgm-border-radius: 0;--jdgm-reviewer-name-color: #231F20}.jdgm-histogram__bar-content{background-color:#231F20}.jdgm-rev[data-verified-buyer=true] .jdgm-rev__icon.jdgm-rev__icon:after,.jdgm-rev__buyer-badge.jdgm-rev__buyer-badge{color:white;background-color:#231F20}.jdgm-review-widget--small .jdgm-gallery.jdgm-gallery .jdgm-gallery__thumbnail-link:nth-child(8) .jdgm-gallery__thumbnail-wrapper.jdgm-gallery__thumbnail-wrapper:before{content:"See more"}@media only screen and (min-width: 768px){.jdgm-gallery.jdgm-gallery .jdgm-gallery__thumbnail-link:nth-child(8) .jdgm-gallery__thumbnail-wrapper.jdgm-gallery__thumbnail-wrapper:before{content:"See more"}}.jdgm-preview-badge .jdgm-star.jdgm-star{color:#7F2629}.jdgm-prev-badge[data-average-rating='0.00']{display:none !important}.jdgm-author-all-initials{display:none !important}.jdgm-author-last-initial{display:none !important}.jdgm-rev-widg__title{visibility:hidden}.jdgm-rev-widg__summary-text{visibility:hidden}.jdgm-prev-badge__text{visibility:hidden}.jdgm-rev__prod-link-prefix:before{content:'about'}.jdgm-rev__variant-label:before{content:'Variant: '}.jdgm-rev__out-of-store-text:before{content:'(out of store)'}@media only screen and (min-width: 768px){.jdgm-rev__pics .jdgm-rev_all-rev-page-picture-separator,.jdgm-rev__pics .jdgm-rev__product-picture{display:none}}@media only screen and (max-width: 768px){.jdgm-rev__pics .jdgm-rev_all-rev-page-picture-separator,.jdgm-rev__pics .jdgm-rev__product-picture{display:none}}.jdgm-preview-badge[data-template="product"]{display:none !important}.jdgm-preview-badge[data-template="collection"]{display:none !important}.jdgm-preview-badge[data-template="index"]{display:none !important}.jdgm-review-widget[data-from-snippet="true"]{display:none !important}.jdgm-verified-count-badget[data-from-snippet="true"]{display:none !important}.jdgm-carousel-wrapper[data-from-snippet="true"]{display:none !important}.jdgm-all-reviews-text[data-from-snippet="true"]{display:none !important}.jdgm-medals-section[data-from-snippet="true"]{display:none !important}.jdgm-ugc-media-wrapper[data-from-snippet="true"]{display:none !important}.jdgm-rev__transparency-badge[data-badge-type="review_collected_via_store_invitation"]{display:none !important}.jdgm-rev__transparency-badge[data-badge-type="review_collected_from_another_provider"]{display:none !important}.jdgm-rev__transparency-badge[data-badge-type="review_collected_from_store_visitor"]{display:none !important}.jdgm-rev__transparency-badge[data-badge-type="review_earned_for_future_purchase"]{display:none !important}.jdgm-review-snippet-widget{--jdgm-snippet-card-color: #fff;--jdgm-snippet-text-color: #000;--jdgm-snippet-lighter-text-color: #7B7B7B;--jdgm-snippet-star-color: #231F20;--jdgm-snippet-border-radius: 8px;--jdgm-snippet-arrows-bg-color: #fff;--jdgm-snippet-arrows-color: #000}.jdgm-review-snippet-widget .jdgm-rev-snippet-widget__cards-container .jdgm-rev-snippet-card{border-radius:8px;background:#fff}.jdgm-review-snippet-widget .jdgm-rev-snippet-widget__cards-container .jdgm-rev-snippet-card__rev-rating .jdgm-star{color:#231F20}.jdgm-review-snippet-widget .jdgm-rev-snippet-widget__prev-btn,.jdgm-review-snippet-widget .jdgm-rev-snippet-widget__next-btn{border-radius:50%;background:#fff}.jdgm-review-snippet-widget .jdgm-rev-snippet-widget__prev-btn>svg,.jdgm-review-snippet-widget .jdgm-rev-snippet-widget__next-btn>svg{fill:#000}.jdgm-full-rev-modal.rev-snippet-widget .jm-mfp-container .jm-mfp-content,.jdgm-full-rev-modal.rev-snippet-widget .jm-mfp-container .jdgm-full-rev__icon,.jdgm-full-rev-modal.rev-snippet-widget .jm-mfp-container .jdgm-full-rev__pic-img,.jdgm-full-rev-modal.rev-snippet-widget .jm-mfp-container .jdgm-full-rev__reply{border-radius:8px}.jdgm-full-rev-modal.rev-snippet-widget .jm-mfp-container .jdgm-full-rev[data-verified-buyer="true"] .jdgm-full-rev__icon::after{border-radius:8px}.jdgm-full-rev-modal.rev-snippet-widget .jm-mfp-container .jdgm-full-rev .jdgm-rev__buyer-badge{border-radius:calc( 8px / 2 )}.jdgm-full-rev-modal.rev-snippet-widget .jm-mfp-container .jdgm-full-rev .jdgm-full-rev__replier::before{content:'SendJoesKCBBQ'}.jdgm-full-rev-modal.rev-snippet-widget .jm-mfp-container .jdgm-full-rev .jdgm-full-rev__product-button{border-radius:calc( 8px * 6 )} 1262</style> <style class='jdgm-settings-style'></style> 1263 1264 1265 1266 1267 <style class='jdgm-miracle-styles'> 1268 @-webkit-keyframes jdgm-spin{0%{-webkit-transform:rotate(0deg);-ms-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(359deg);-ms-transform:rotate(359deg);transform:rotate(359deg)}}@keyframes jdgm-spin{0%{-webkit-transform:rotate(0deg);-ms-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(359deg);-ms-transform:rotate(359deg);transform:rotate(359deg)}}@font-face{font-family:'JudgemeStar';src:url("data:application/x-font-woff;charset=utf-8;base64,d09GRgABAAAAAAScAA0AAAAABrAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAEgAAAABoAAAAcbyQ+3kdERUYAAARgAAAAHgAAACAAMwAGT1MvMgAAAZgAAABGAAAAVi+vS9xjbWFwAAAB8AAAAEAAAAFKwBMjvmdhc3AAAARYAAAACAAAAAj//wADZ2x5ZgAAAkAAAAEJAAABdH33LXtoZWFkAAABMAAAAC0AAAA2BroQKWhoZWEAAAFgAAAAHAAAACQD5QHQaG10eAAAAeAAAAAPAAAAFAYAAABsb2NhAAACMAAAAA4AAAAOAO4AeG1heHAAAAF8AAAAHAAAACAASgAvbmFtZQAAA0wAAADeAAABkorWfVZwb3N0AAAELAAAACkAAABEp3ubLXgBY2BkYADhPPP4OfH8Nl8ZuJkYQODS2fRrCPr/aSYGxq1ALgcDWBoAO60LkwAAAHgBY2BkYGDc+v80gx4TAwgASaAICmABAFB+Arl4AWNgZGBgYGPQYWBiAAIwyQgWc2AAAwAHVQB6eAFjYGRiYJzAwMrAwejDmMbAwOAOpb8ySDK0MDAwMbByMsCBAAMCBKS5pjA4PGB4wMR44P8BBj3GrQymQGFGkBwAjtgK
1268/gAAeAFjYoAAEA1jAwAAZAAHAHgB3crBCcAwDEPRZydkih567CDdf4ZskmLwFBV8xBfCaC4BXkOUmx4sU0h2ngNb9V0vQCxaRKIAevT7fGWuBrEAAAAAAAAAAAA0AHgAugAAeAF9z79Kw1AUx/FzTm7un6QmJtwmQ5Bg1abgEGr/BAqlU6Gju+Cgg1MkQ/sA7Vj7BOnmO/gUvo2Lo14NqIO6/IazfD8HEODtmQCfoANwNsyp2/GJt3WKQrd1NLiYYWx2PBqOsmJMEOznPOTzfSCrhAtbbLdmeFLJV9eKd63WLrZcIcuaEVdssWCKM6pLCfTVOYbz/0pNSMSZKLIZpvh78sAUH6PlMrreTCabP9r+Z/puPZ2ur/RqpQHgh+MIegCnXeM4MRAPjYN//5tj4ZtTjkFqEdmeMShlEJ7tVAly2TAkx6R68Fl4E/aVvn8JqHFQ4JS1434gXKcuL31dDhzs3YbsEOAd/IU88gAAAHgBfY4xTgMxEEVfkk0AgRCioKFxQYd2ZRtpixxgRU2RfhU5q5VWseQ4JdfgAJyBlmNwAM7ABRhZQ0ORwp7nr+eZAa54YwYg9zm3ynPOeFRe8MCrciXOh/KSS76UV5L/iDmrLiS5AeU519wrL3jmSbkS5115yR2fyivJv9kx0ZMZ2RLZw27q87iNQi8EBo5FSPIMw3HqBboi5lKTGAGDp8FKXWP+t9TU01Lj5His1Ba6uM9dTEMwvrFmbf5GC/q2drW3ruXUhhsCiQOjznFlCzYhHUZp4xp76vsvQh89CQAAeAFjYGJABowM6IANLMrEyMTIzMjCXpyRWJBqZshWXJJYBKOMAFHFBucAAAAAAAAB//8AAngBY2BkYGDgA2IJBhBgAvKZGViBJAuYxwAABJsAOgAAeAFjYGBgZACCk535hiD60tn0azAaAEqpB6wAAA==") format("woff");font-weight:normal;font-style:normal}.jdgm-star{font-family:'JudgemeStar';display:inline !important;text-decoration:none !important;padding:0 4px 0 0 !important;margin:0 !important;font-weight:bold;opacity:1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.jdgm-star:hover{opacity:1}.jdgm-star:last-of-type{padding:0 !important}.jdgm-star.jdgm--on:before{content:"\e000"}.jdgm-star.jdgm--off:before{content:"\e001"}.jdgm-star.jdgm--half:before{content:"\e002"}.jdgm-widget *{margin:0;line-height:1.4;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;-webkit-overflow-scrolling:touch}.jdgm-hidden{display:none !important;visibility:hidden !important}.jdgm-temp-hidden{display:none}.jdgm-spinner{width:40px;height:40px;margin:auto;border-radius:50%;border-top:2px solid #eee;border-right:2px solid #eee;border-bottom:2px solid #eee;border-left:2px solid #ccc;-webkit-animation:jdgm-spin 0.8s infinite linear;animation:jdgm-spin 0.8s infinite linear}.jdgm-spinner:empty{display:block}.jdgm-prev-badge{display:block !important} 1269 1270</style> 1271 1272 1273 1274 1275 1276 1277 1278 1279
1280<script data-cfasync='false' class='jdgm-script'> 1281!function(e){window.jdgm=window.jdgm||{}; 1282/* INF-1976 */ 1283var _jdgmBlocked=function(){var raw=(window.jdgmSettings||{}).hostname_allowlist;var list=(raw==null?"":""+raw).split(/[\s,]+/).map(function(h){return h.trim().toLowerCase().replace(/\.$/,"");}).filter(function(h){return h;});if(!list.length)return false;var host=(e.location.hostname||"").toLowerCase().replace(/\.$/,"");if(/(^|\.)shopifypreview\.com$/.test(host))return false;var bare=host.replace(/^www\./,"");for(var i=0;i<list.length;i++){var en=list[i];if(en.indexOf("*.")===0){var b=en.slice(2);if(host===b||host.slice(-(b.length+1))==="."+b)return false;}else if(bare===en.replace(/^www\./,""))return false;}return true;}(); 1284if(_jdgmBlocked){jdgm._loaderExecuted=true;jdgm._blocked=true;var _jdgmS=e.createElement("style");_jdgmS.textContent='[class^="jdgm-"],[class*=" jdgm-"]{display:none !important}';(e.head||e.documentElement).appendChild(_jdgmS);return;} 1285jdgm.CDN_HOST="https://cdnwidget.judge.me/",jdgm.CDN_HOST_ALT="https://cdn2.judge.me/cdn/widget_frontend/",jdgm.API_HOST="https://api.judge.me/",jdgm.CDN_BASE_URL="https://cdn.shopify.com/extensions/01a0f14c-14c3-7c54-8630-ec498be121ab/judgeme-770/assets/",jdgm.CDN_API_HOST="https://cdn.judge.me/", 1286jdgm.docReady=function(d){(e.attachEvent?"complete"===e.readyState:"loading"!==e.readyState)? 1287setTimeout(d,0):e.addEventListener("DOMContentLoaded",d)},jdgm.loadCSS=function(d,t,o,a){ 1288!o&&jdgm.loadCSS.requestedUrls.indexOf(d)>=0||(jdgm.loadCSS.requestedUrls.push(d), 1289(a=e.createElement("link")).rel="stylesheet",a.class="jdgm-stylesheet",a.media="nope!", 1290a.href=d,a.onload=function(){this.media="all",t&&setTimeout(t)},e.body.appendChild(a))}, 1291jdgm.loadCSS.requestedUrls=[],jdgm.loadJS=function(e,d){var t=new XMLHttpRequest; 1292t.onreadystatechange=function(){4===t.readyState&&t.status>=200&&t.status<300&&(Function(t.response)(),d&&d(t.response))}, 1293t.open("GET",e),t.onerror=function(){if(e.indexOf(jdgm.CDN_HOST)===0&&jdgm.CDN_HOST_ALT!==jdgm.CDN_HOST){var f=e.replace(jdgm.CDN_HOST,jdgm.CDN_HOST_ALT);jdgm.loadJS(f,d)}},t.send()},jdgm.docReady((function(){(window.jdgmLoadCSS||e.querySelectorAll( 1294".jdgm-widget, .jdgm-all-reviews-page").length>0)&&(jdgmSettings.widget_load_with_code_splitting? 1295parseFloat(jdgmSettings.widget_version)>=3?jdgm.loadCSS(jdgm.CDN_BASE_URL+"widget_v3_base.css"): 1296jdgm.loadCSS(jdgm.CDN_BASE_URL+"widget_base.css"):jdgm.loadCSS(jdgm.CDN_BASE_URL+"shopify_v2.css") 1297)}))}(document); 1298</script>
1298 1299<noscript><link rel="stylesheet" type="text/css" media="all" href="https://cdn.shopify.com/extensions/01a0f14c-14c3-7c54-8630-ec498be121ab/judgeme-770/assets/shopify_v2.css"></noscript> 1300 1301<!-- BEGIN app snippet: theme_fix_tags -->
1301<script> 1302 (function() { 1303 var jdgmThemeFixes = {"131463249987":{"html":"","css":".prod-th .product-title {\n padding-top: 5px !important;\n}\n\n.prod-th .price {\n margin-top: -5px !important;\n}","js":""}}; 1304 if (!jdgmThemeFixes) return; 1305 1306 // "All themes" fix: CSS and JS applied on every theme. CSS is injected 1307 // before the per-theme fix so the theme-specific CSS wins the cascade. 1308 // HTML is never applied globally (too risky). 1309 var allThemesFix = jdgmThemeFixes['all']; 1310 if (allThemesFix && allThemesFix.css) { 1311 var allStyleTag = document.createElement('style'); 1312 allStyleTag.classList.add('jdgm-theme-fix-style-all'); 1313 allStyleTag.innerHTML = allThemesFix.css; 1314 document.head.append(allStyleTag); 1315 }; 1316 1317 if (allThemesFix && allThemesFix.js) { 1318 var allScriptTag = document.createElement('script'); 1319 allScriptTag.classList.add('jdgm-theme-fix-script-all'); 1320 allScriptTag.innerHTML = allThemesFix.js; 1321 document.head.append(allScriptTag); 1322 }; 1323 1324 var thisThemeFix = jdgmThemeFixes[Shopify.theme.id]; 1325 if (!thisThemeFix) return; 1326 1327 if (thisThemeFix.html) { 1328 document.addEventListener("DOMContentLoaded", function() { 1329 var htmlDiv = document.createElement('div'); 1330 htmlDiv.classList.add('jdgm-theme-fix-html'); 1331 htmlDiv.innerHTML = thisThemeFix.html; 1332 document.body.append(htmlDiv); 1333 }); 1334 }; 1335 1336 if (thisThemeFix.css) { 1337 var styleTag = document.createElement('style'); 1338 styleTag.classList.add('jdgm-theme-fix-style'); 1339 styleTag.innerHTML = thisThemeFix.css; 1340 document.head.append(styleTag); 1341 }; 1342 1343 if (thisThemeFix.js) { 1344 var scriptTag = document.createElement('script'); 1345 scriptTag.classList.add('jdgm-theme-fix-script'); 1346 scriptTag.innerHTML = thisThemeFix.js; 1347 document.head.append(scriptTag); 1348 }; 1349 })(); 1350</script>
1350 1351<!-- END app snippet --> 1352<!-- End of Judge.me Core --> 1353 1354 1355 1356<!-- END app block -->
1356<script src="https://cdn.shopify.com/extensions/01a0f7ee-ce98-7d31-a984-9b515ba7600e/qb-cleanup-1145-817eb735/assets/v3-banner.js" type="text/javascript" defer="defer"></script>
vendor: 1 bytes, line 1356
1356
1357<script src="https://cdn.shopify.com/extensions/01a0f7ee-ce98-7d31-a984-9b515ba7600e/qb-cleanup-1145-817eb735/assets/v3-cart-savings.js" type="text/javascript" defer="defer"></script>
vendor: 1 bytes, line 1357
1357
1358<script src="https://cdn.shopify.com/extensions/01a0f14c-14c3-7c54-8630-ec498be121ab/judgeme-770/assets/loader.js" type="text/javascript" defer="defer"></script>
vendor: 1 bytes, line 1358
1358
1359<script src="https://cdn.shopify.com/extensions/01a0f885-56f4-79de-af41-45a261d7aae9/forms-2605/assets/shopify-forms-loader.js" type="text/javascript" defer="defer"></script>
1359 1360<link href="https://monorail-edge.shopifysvc.com" rel="dns-prefetch">
1361<script>(function(){if ("sendBeacon" in navigator && "performance" in window) {try {var session_token_from_headers = performance.getEntriesByType('navigation')[0].serverTiming.find(x => x.name == '_s').description;} catch {var session_token_from_headers = undefined;}var session_cookie_matches = document.cookie.match(/_shopify_s=([^;]*)/);var session_token_from_cookie = session_cookie_matches && session_cookie_matches.length === 2 ? session_cookie_matches[1] : "";var session_token = session_token_from_headers || session_token_from_cookie || "";function handle_abandonment_event(e) {var entries = performance.getEntries().filter(function(entry) {return /monorail-edge.shopifysvc.com/.test(entry.name);});if (!window.abandonment_tracked && entries.length === 0) {window.abandonment_tracked = true;var currentMs = Date.now();var navigation_start = performance.timing.navigationStart;var payload = {shop_id: 8185843,url: window.location.href,navigation_start,duration: currentMs - navigation_start,session_token,page_type: "index"};window.navigator.sendBeacon("https://monorail-edge.shopifysvc.com/v1/produce", JSON.stringify({schema_id: "online_store_buyer_site_abandonment/1.1",payload: payload,metadata: {event_created_at_ms: currentMs,event_sent_at_ms: currentMs}}));}}window.addEventListener('pagehide', handle_abandonment_event);}}());</script>
vendor: 1 bytes, line 1361
1361
1362<script> 1363 window.__TREKKIE_SHIM_QUEUE = window.__TREKKIE_SHIM_QUEUE || []; 1364</script>
vendor: 1 bytes, line 1364
1364
1365<script>(function(){var wpmLoader=function(){"use strict";var e=/Googlebot|Storebot-Google|bingbot|Baiduspider|YandexBot|DuckDuckBot|Slurp|facebookexternalhit|Twitterbot|LinkedInBot|Applebot|AdsBot-Google|Mediapartners-Google|APIs-Google|PetalBot|SemrushBot|AhrefsBot|MJ12bot|DotBot|Acunetix|PerplexityBot|Perplexity-User/i,t=/bytedance/i;function i(){try{var e=document.cookie;if(!e||"string"!=typeof e)return;for(var t=0,i=e.split(";");t<i.length;t++){var n=i[t],r=n.indexOf("=");if(-1!==r){var o=n.slice(0,r).trim();if(o){var a=void 0;try{a=decodeURIComponent(o)}catch(e){a=o}if("_shopify_s"===a){var d=n.slice(r+1).trim();try{return decodeURIComponent(d)}catch(e){return d}}}}}return}catch(e){return}}function n(e){try{"undefined"!=typeof console&&"function"==typeof console.warn&&console.warn(e)}catch(e){}}function r(e,t){return"string"==typeof e&&e.length>0&&e.length<=t?e:void 0}function o(e){var t;switch(null==(t=null==e?void 0:e.navigation)?void 0:t.type){case 0:return"navigate";case 1:return"reload";case 2:return"back_forward";default:return}}function a(){var e,t,i;try{var n=null==(i=null==(t=null==(e=self.ShopifyAnalytics)?void 0:e.lib)?void 0:t.trekkie)?void 0:i.state;return"awaiting-consent"===n||"initialized"===n?n:void 0}catch(e){return}}return function(d,s,u,l){var c=arguments.length>4&&void 0!==arguments[4]?arguments[4]:{};try{var p=c.trekkieShim;!0!==p&&"true"!==p||null!=window.__TREKKIE_SHIM_QUEUE||(window.__TREKKIE_SHIM_QUEUE=[])}catch(e){}var f,v,h,y,g=(v=(f={modern:/Edge?\/(1{2}[4-9]|1[2-9]\d|[2-9]\d{2}|\d{4,})\.\d+(\.\d+|)|Firefox\/(1{2}[4-9]|1[2-9]\d|[2-9]\d{2}|\d{4,})\.\d+(\.\d+|)|Chrom(ium|e)\/(9{2}|\d{3,})\.\d+(\.\d+|)|(Maci|X1{2}).+ Version\/(15\.\d+|(1[6-9]|[2-9]\d|\d{3,})\.\d+)([,.]\d+|)( \(\w+\)|)( Mobile\/\w+|) Safari\/|Chrome.+OPR\/(9{2}|\d{3,})\.\d+\.\d+|(CPU[ +]OS|iPhone[ +]OS|CPU[ +]iPhone|CPU IPhone OS|CPU iPad OS)[ +]+(15[._]\d+|(1[6-9]|[2-9]\d|\d{3,})[._]\d+)([._]\d+|)|Android:?[ /-](14[89]|1[5-9]\d|[2-9]\d{2}|\d{4,})(\.\d+|)(\.\d+|)|Android.+Firefox\/(15\d|1[6-9]\d|[2-9]\d{2}|\d{4,})\.\d+(\.\d+|)|Android.+Chrom(ium|e)\/(14[89]|1[5-9]\d|[2-9]\d{2}|\d{4,})\.\d+(\.\d+|)|SamsungBrowser\/([2-9]\d|\d{3,})\.\d+/,legacy:/Edge?\/(1[6-9]|[2-9]\d|\d{3,})\.\d+(\.\d+|)|Firefox\/(5[4-9]|[6-9]\d|\d{3,})\.\d+(\.\d+|)|Chrom(ium|e)\/(5[1-9]|[6-9]\d|\d{3,})\.\d+(\.\d+|)([\d.]+$|.*Safari\/(?![\d.]+ Edge\/[\d.]+$))|(Maci|X1{2}).+ Version\/(10\.\d+|(1[1-9]|[2-9]\d|\d{3,})\.\d+)([,.]\d+|)( \(\w+\)|)( Mobile\/\w+|) Safari\/|Chrome.+OPR\/(3[89]|[4-9]\d|\d{3,})\.\d+\.\d+|(CPU[ +]OS|iPhone[ +]OS|CPU[ +]iPhone|CPU IPhone OS|CPU iPad OS)[ +]+(10[._]\d+|(1[1-9]|[2-9]\d|\d{3,})[._]\d+)([._]\d+|)|Android:?[ /-](14[89]|1[5-9]\d|[2-9]\d{2}|\d{4,})(\.\d+|)(\.\d+|)|Mobile Safari.+OPR\/([89]\d|\d{3,})\.\d+\.\d+|Android.+Firefox\/(15\d|1[6-9]\d|[2-9]\d{2}|\d{4,})\.\d+(\.\d+|)|Android.+Chrom(ium|e)\/(14[89]|1[5-9]\d|[2-9]\d{2}|\d{4,})\.\d+(\.\d+|)|Android.+(UC? ?Browser|UCWEB|U3)[ /]?(15\.([5-9]|\d{2,})|(1[6-9]|[2-9]\d|\d{3,})\.\d+)\.\d+|SamsungBrowser\/(5\.\d+|([6-9]|\d{2,})\.\d+)|Android.+MQ{2}Browser\/(14(\.(9|\d{2,})|)|(1[5-9]|[2-9]\d|\d{3,})(\.\d+|))(\.\d+|)|K[Aa][Ii]OS\/(3\.\d+|([4-9]|\d{2,})\.\d+)(\.\d+|)/}).modern,h=f.legacy,(y=navigator.userAgent).match(e)?"bot":y.match(v)?"modern":y.match(h)?"legacy":y.match(t)?"bot":"unknown"),m=function(e){var t,i,n=r(e,128);try{var a=window.performance,d=null==(t=null==a?void 0:a.getEntriesByType)?void 0:t.call(a,"navigation")[0];if(!d)return{requestId:n,navigationType:o(a)};var s="type"in d?r(d.type,64):void 0,u="serverTiming"in d&&Array.isArray(d.serverTiming)?d.serverTiming:[];return{requestId:null!=n?n:r(null==(i=u.find(function(e){return"requestID"===e.name}))?void 0:i.description,128),navigationType:s}}catch(e){return{requestId:n}}}(c.requestId),w=function(e){var t=e.version,r=e.browserTarget,o=e.surface,a=e.shopId,d=e.monorailEndpoint,s=window.location.href;return{emit:function(e){var u=e.status,l=e.errorMsg,c=e.failureReason,p=e.useKeepaliveFallback,f=void 0!==p&&p,v=e.navigationType,h=e.pagehidePersisted,y=e.requestId,g=e.trekkieState;if(d){var m,w;try{var b=(new Date).getTime();m=JSON.stringify({metadata:{event_sent_at_ms:b},events:[{schema_id:"web_pixels_manager_load/3.3",payload:{version:t,bundle_target:r,page_url:s,status:u,surface:o,error_msg:l,failure_reason:c,navigation_type:v,pagehide_persisted:h,request_id:y,trekkie_state:g,shop_id:a,visit_token:i()},metadata:{event_created_at_ms:b}}]})}catch(e){return}try{if("function"==typeof window.navigator.sendBeacon&&-1===(w=window.navigator.userAgent).indexOf("iPhone; CPU iPhone OS 12_")&&-1===w.indexOf("iPad; CPU OS 12_")&&-1===w.indexOf("iPod touch; CPU iPhone OS 12_")&&window.navigator.sendBeacon.bind(window.navigator)(d,m))return}catch(e){}if(f)try{"function"==typeof window.fetch&&window.fetch(d,{method:"POST",headers:{"Content-Type":"text/plain"},body:m,keepalive:!0}
1365).catch(function(){})}catch(e){}else try{var _=new XMLHttpRequest;_.open("POST",d,!0),_.setRequestHeader("Content-Type","text/plain"),_.send(m)}catch(e){n("[Web Pixels Manager] Got an unhandled error while logging to Monorail.")}}else n("[Web Pixels Manager] No Monorail endpoint provided, skipping logging.")}}}({version:u,browserTarget:g,surface:d.surface,shopId:d.shopId,monorailEndpoint:d.monorailEndpoint});if(Boolean(null==(_=null==(b=window.Shopify)?void 0:b.analytics)?void 0:_.replayQueue))w.emit({status:"setup-skipped",errorMsg:"replay queue already initialized."});else{var b,_;w.emit({status:"setup-started"}),window.Shopify=window.Shopify||{};var S=window.Shopify;S.analytics=S.analytics||{};var P=S.analytics;P.replayQueue=[],P.publish=function(e,t,i){return P.replayQueue.push([e,t,i]),!0};try{self.performance.mark("wpm:start")}catch(e){}var k,C="modern"===g?"modern":"legacy",E=(null!=l?l:{modern:"",legacy:""})[C],I=[(k={baseUrl:s,hashVersion:u,buildTarget:C}).baseUrl,"/wpm","/b",k.hashVersion,"modern"===k.buildTarget?"m":"l",".js"].join(""),O=!1,T=!1;try{c.browserTarget=g,function(){O=!0;try{window.addEventListener("pagehide",M)}catch(e){O=!1}}(),R(function(){try{R(x)}catch(e){D(e)}}),w.emit({status:"loading",requestId:m.requestId,navigationType:m.navigationType,trekkieState:a()})}catch(e){D(e)}}function U(){var e;if(q(),!function(){var e,t;return Boolean(null==(t=null==(e=window.Shopify)?void 0:e.analytics)?void 0:t.initialized)}()){var t,i,n;try{if("function"!=typeof(null==(e=window.webPixelsManager)?void 0:e.init))return void A();if(!(null!==(n=i=t=window.webPixelsManager.init(d))&&"function"!=typeof n&&Object(n)===n&&"publish"in i&&"function"==typeof i.publish&&"publishCustomEvent"in i&&"function"==typeof i.publishCustomEvent&&"visitor"in i&&"function"==typeof i.visitor))return void A()}catch(e){return void A(e)}var r=window.Shopify.analytics;r.replayQueue.forEach(function(e){var i=e[0],n=e[1],r=e[2];t.publishCustomEvent(i,n,r)}),r.replayQueue=[],r.publish=t.publishCustomEvent,r.visitor=t.visitor,r.initialized=!0}}function A(e){B("manager_api_unavailable",void 0===e?void 0:Q(e))}function x(){B("script_load_failed","".concat(I," has failed to load"))}function B(e,t){T||(T=!0,q(),w.emit({status:"failed",errorMsg:t,failureReason:e,requestId:m.requestId,navigationType:m.navigationType,trekkieState:a()}))}function M(e){O&&(q(),w.emit({status:"pagehide-while-loading",useKeepaliveFallback:!0,pagehidePersisted:e.persisted,requestId:m.requestId,navigationType:m.navigationType,trekkieState:a()}))}function q(){O=!1;try{window.removeEventListener("pagehide",M)}catch(e){}}function R(e){var t;!function(e){var t=e.src,i=e.async,n=void 0===i||i,r=e.onload,o=e.onerror,a=e.sri,d=e.scriptDataAttributes,s=void 0===d?{}:d,u=document.createElement("script"),l=document.querySelector("head"),c=document.querySelector("body");if(u.async=n,u.src=t,a&&(u.integrity=a,u.crossOrigin="anonymous"),s)for(var p in s)if(Object.prototype.hasOwnProperty.call(s,p))try{u.dataset[p]=String(s[p])}catch(e){}if(r&&u.addEventListener("load",r),o&&u.addEventListener("error",o),l)l.appendChild(u);else{if(!c)throw new Error("Did not find a head or body element to append the script");c.appendChild(u)}}({src:I,async:!0,onload:U,onerror:e,sri:(t=E,"string"==typeof t&&/^sha384-[A-Za-z0-9+/=]+$/.test(t)?E:""),scriptDataAttributes:c})}function D(e){B("script_append_failed",Q(e))}function Q(e){return e instanceof Error?e.message:"Unknown error"}}}();wpmLoader({shopId: 8185843,storefrontBaseUrl: "https://www.joeskc.com",extensionsBaseUrl: "https://extensions.shopifycdn.com/cdn/shopifycloud/web-pixels-manager",monorailEndpoint: "https://www.joeskc.com/.well-known/shopify/monorail/unstable/produce_batch",surface: "storefront-renderer",enabledBetaFlags: ["4c64608a","16072cab","8450a54b","7ee89bf1"],webPixelsConfigList: [{"id":"2068742211","configuration":"{\"accountID\":\"selleasy-metrics-track\"}","eventPayloadVersion":"v1","runtimeContext":"STRICT","scriptVersion":"50acfdcd7b118f50e52df83f64624d06","type":"APP","apiClientId":5519923,"privacyPurposes":[],"dataSharingAdjustments":{"protectedCustomerApprovalScopes":["read_customer_email","read_customer_name","read_customer_personal_data"],"dataSharingControls":["share_all_events"]}
1365,"dataSharingState":"unrestricted"},{"id":"808550467","configuration":"{\"webPixelName\":\"Judge.me\"}","eventPayloadVersion":"v1","runtimeContext":"STRICT","scriptVersion":"8acc938b1a30dc7624e304493ca567d7","type":"APP","apiClientId":683015,"privacyPurposes":["ANALYTICS"],"dataSharingAdjustments":{"protectedCustomerApprovalScopes":["read_customer_email","read_customer_name","read_customer_personal_data","read_customer_phone"],"dataSharingControls":["share_all_events"]},"dataSharingState":"unrestricted"},{"id":"357498947","configuration":"{\"config\":\"{\\\"google_tag_ids\\\":[\\\"G-6PHC0YLVBD\\\",\\\"AW-820520708\\\",\\\"GT-KFHHKFX\\\"],\\\"target_country\\\":\\\"US\\\",\\\"gtag_events\\\":[{\\\"type\\\":\\\"search\\\",\\\"action_label\\\":[\\\"G-6PHC0YLVBD\\\",\\\"AW-820520708\\\/1jF9CN_k74sBEITOoIcD\\\",\\\"AW-820520708\\\"]},{\\\"type\\\":\\\"begin_checkout\\\",\\\"action_label\\\":[\\\"G-6PHC0YLVBD\\\",\\\"AW-820520708\\\/a1VzCN3i74sBEITOoIcD\\\",\\\"AW-820520708\\\"]},{\\\"type\\\":\\\"remove_from_cart\\\",\\\"action_label\\\":\\\"G-6PHC0YLVBD\\\"},{\\\"type\\\":\\\"view_item\\\",\\\"action_label\\\":[\\\"G-6PHC0YLVBD\\\",\\\"AW-820520708\\\/J3kQCNfi74sBEITOoIcD\\\",\\\"MC-4K0GJ2B8T3\\\",\\\"AW-820520708\\\"]},{\\\"type\\\":\\\"purchase\\\",\\\"action_label\\\":[\\\"G-6PHC0YLVBD\\\",\\\"AW-820520708\\\/398pCNTi74sBEITOoIcD\\\",\\\"MC-4K0GJ2B8T3\\\",\\\"AW-820520708\\\"]},{\\\"type\\\":\\\"add_shipping_info\\\",\\\"action_label\\\":\\\"G-6PHC0YLVBD\\\"},{\\\"type\\\":\\\"page_view\\\",\\\"action_label\\\":[\\\"G-6PHC0YLVBD\\\",\\\"AW-820520708\\\/r4aJCNHi74sBEITOoIcD\\\",\\\"MC-4K0GJ2B8T3\\\",\\\"AW-820520708\\\"]},{\\\"type\\\":\\\"view_item_list\\\",\\\"action_label\\\":\\\"G-6PHC0YLVBD\\\"},{\\\"type\\\":\\\"add_payment_info\\\",\\\"action_label\\\":[\\\"G-6PHC0YLVBD\\\",\\\"AW-820520708\\\/KGpVCOLk74sBEITOoIcD\\\",\\\"AW-820520708\\\"]},{\\\"type\\\":\\\"add_to_cart\\\",\\\"action_label\\\":[\\\"G-6PHC0YLVBD\\\",\\\"AW-820520708\\\/w9B8CNri74sBEITOoIcD\\\",\\\"AW-820520708\\\"]},{\\\"type\\\":\\\"view_cart\\\",\\\"action_label\\\":\\\"G-6PHC0YLVBD\\\"}],\\\"enable_monitoring_mode\\\":false}\"}","eventPayloadVersion":"v1","runtimeContext":"OPEN","scriptVersion":"a3321ca85cf5aaf6b57585fcd8d67b3a","type":"APP","apiClientId":1780363,"privacyPurposes":[],"dataSharingAdjustments":{"protectedCustomerApprovalScopes":["read_customer_address","read_customer_email","read_customer_name","read_customer_personal_data","read_customer_phone"],"dataSharingControls":["share_all_events"]},"dataSharingState":"optimized","enabledFlags":["9a3ed68a"]},{"id":"147947587","configuration":"{\"pixel_id\":\"439887966991862\",\"pixel_type\":\"facebook_pixel\",\"metaapp_system_user_token\":\"-\"}","eventPayloadVersion":"v1","runtimeContext":"OPEN","scriptVersion":"96420dbe9ea96c426a1b7f364f977719","type":"APP","apiClientId":2329312,"privacyPurposes":["ANALYTICS","MARKETING","SALE_OF_DATA"],"dataSharingAdjustments":{"protectedCustomerApprovalScopes":["read_customer_address","read_customer_email","read_customer_name","read_customer_personal_data","read_customer_phone"],"dataSharingControls":["share_all_events"]},"dataSharingState":"optimized","enabledFlags":["9a3ed68a"]},{"id":"44990531","configuration":"{\"tagID\":\"2613901531929\"}","eventPayloadVersion":"v1","runtimeContext":"STRICT","scriptVersion":"7ae565e198624b39e0856d352b9a6b4c","type":"APP","apiClientId":3009811,"privacyPurposes":["ANALYTICS","MARKETING","SALE_OF_DATA"],"dataSharingAdjustments":{"protectedCustomerApprovalScopes":["read_customer_address","read_customer_email","read_customer_name","read_customer_personal_data","read_customer_phone"],"dataSharingControls":["share_all_events"]},"dataSharingState":"optimized"},{"id":"56361027","eventPayloadVersion":"v1","runtimeContext":"LAX","scriptVersion":"1","type":"CUSTOM","privacyPurposes":["MARKETING"],"name":"Meta pixel (migrated)"},{"id":"shopify-app-pixel","configuration":"{}","eventPayloadVersion":"v1","runtimeContext":"STRICT","scriptVersion":"0530","apiClientId":"shopify-pixel","type":"APP","privacyPurposes":["ANALYTICS","MARKETING"]},{"id":"shopify-custom-pixel","eventPayloadVersion":"v1","runtimeContext":"LAX","scriptVersion":"0530","apiClientId":"shopify-pixel","type":"CUSTOM","privacyPurposes":["ANALYTICS","MARKETING"]}],isMerchantRequest: false,initData: {"shop":{"name":"SendJoesKCBBQ","paymentSettings":{"currencyCode":"USD"},"myshopifyDomain":"send-joes-bar-b-que.myshopify.com","countryCode":"US","storefrontUrl":"https:\/\/www.joeskc.com"},"customer":null,"cart":null,"checkout":null,"productVariants":[],"products":[{"id":"7346021662787","handle":"digital-gift-card","isCollective":false,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"41989886476355","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]}
1365,{"id":"1666759681","handle":"slaughterhouse-five","isCollective":false,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"41603127377987","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"7143437729859","handle":"ribs-brisket-burnt-ends-copy","isCollective":false,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"41603156475971","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"1606464143427","handle":"all-the-meat","isCollective":false,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"41603167289411","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"6770230132803","handle":"z-man-kit-brisket","isCollective":false,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"41603162669123","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"1666745281","handle":"ribs-3-meats","isCollective":false,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"41603175448643","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"7644299395139","handle":"z-man-sandwich-kit-options-tester-1","isCollective":false,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"67584708902979","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"7366434586691","handle":"joes-trucker-hat-copy","isCollective":false,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"42073578602563","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"4005392839","handle":"joes-kansas-city-bar-b-que-sauce-14-oz","isCollective":false,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"13746208967","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"7644832268355","handle":"night-of-the-living-bar-b-q-sauce-14-oz-copy","isCollective":false,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"43180090654787","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"3632509063","handle":"baked-beans-in-bbq-sauce-1-pint","isCollective":false,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"10858570503","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"3632424519","handle":"dirty-rice-1-lb","isCollective":false,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"10856134855","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"7606535290947","handle":"smoked-poblano-cheesy-corn-1-lb","isCollective":false,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"43009318846531","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"2302535745","handle":"all-beef","isCollective":false,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"41603098902595","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]}],"purchasingCompany":null},},"https://www.joeskc.com/cdn","5982071ew7ea472e3p69b68784m2150dfea",{"modern":"","legacy":""},{"trekkieShim":true,"agentContext":true,"apiClientId":"580111","facebookCapiEnabled":"true","themeId":"145037918275","themeStoreId":"2048","themePublished":"true","eventMetadataId":"3e847e49-273d-44fc-acca-1629d44a4136","pageType":"home","shopId":"8185843","storefrontBaseUrl":"https:\/\/www.joeskc.com","extensionBaseUrl":"https:\/\/extensions.shopifycdn.com\/cdn\/shopifycloud\/web-pixels-manager","surface":"storefront-renderer","enabledBetaFlags":"[\"4c64608a\", \"16072cab\", \"8450a54b\", \"7ee89bf1\"]","isMerchantRequest":"false","hashVersion":"5982071ew7ea472e3p69b68784m2150dfea","publish":"custom","events":"[[\"page_viewed\",{}]]"});})();</script>
1365<script> 1366 window.ShopifyAnalytics = window.ShopifyAnalytics || {}; 1367 window.ShopifyAnalytics.meta = window.ShopifyAnalytics.meta || {}; 1368 window.ShopifyAnalytics.meta.currency = 'USD'; 1369 var meta = {"page":{"pageType":"home","requestId":"2ebe8d35-e2dd-4265-a617-b1415df77f9a-1790909019"}}; 1370 for (var attr in meta) { 1371 window.ShopifyAnalytics.meta[attr] = meta[attr]; 1372 } 1373</script>
vendor: 1 bytes, line 1373
1373
1374<script class="analytics"> 1375 (function () { 1376 var customDocumentWrite = function(content) { 1377 var jquery = null; 1378 1379 if (window.jQuery) { 1380 jquery = window.jQuery; 1381 } else if (window.Checkout && window.Checkout.$) { 1382 jquery = window.Checkout.$; 1383 } 1384 1385 if (jquery) { 1386 jquery('body').append(content); 1387 } 1388 }; 1389 1390 var hasLoggedConversion = function(token) { 1391 if (token) { 1392 return document.cookie.indexOf('loggedConversion=' + token) !== -1; 1393 } 1394 return false; 1395 } 1396 1397 var setCookieIfConversion = function(token) { 1398 if (token) { 1399 var twoMonthsFromNow = new Date(Date.now()); 1400 twoMonthsFromNow.setMonth(twoMonthsFromNow.getMonth() + 2); 1401 1402 document.cookie = 'loggedConversion=' + token + '; expires=' + twoMonthsFromNow; 1403 } 1404 } 1405 1406 var trekkie = window.ShopifyAnalytics.lib = window.trekkie = window.trekkie || []; 1407 window.ShopifyAnalytics.lib.trekkie = window.trekkie; 1408 if (trekkie.integrations) { 1409 return; 1410 } 1411 trekkie.methods = [ 1412 'identify', 1413 'page', 1414 'ready', 1415 'track', 1416 'trackForm', 1417 'trackLink' 1418 ]; 1419 trekkie.factory = function(method) { 1420 return function() { 1421 var args = Array.prototype.slice.call(arguments); 1422 args.unshift(method); 1423 trekkie.push(args); 1424 if (method == 'track' || method == 'page') { 1425 var pageUrl; 1426 try { 1427 pageUrl = window.location.href; 1428 } catch (e) {} 1429 var pageReferrer; 1430 try { 1431 pageReferrer = document.referrer; 1432 } catch (e) {} 1433 try { 1434 if (window.__TREKKIE_SHIM_QUEUE == null) { 1435 window.__TREKKIE_SHIM_QUEUE = []; 1436 } 1437 window.__TREKKIE_SHIM_QUEUE.push({ 1438 from: 'trekkie-stub', 1439 method: method, 1440 args: args.slice(1), 1441 pageContext: { 1442 url: pageUrl, 1443 referrer: pageReferrer 1444 } 1445 }); 1446 } catch (e) { 1447 // no-op 1448 } 1449 } 1450 return trekkie; 1451 }; 1452 }; 1453 for (var i = 0; i < trekkie.methods.length; i++) { 1454 var key = trekkie.methods[i]; 1455 trekkie[key] = trekkie.factory(key); 1456 } 1457 trekkie.load = function(config) { 1458 trekkie.config = config || {}; 1459 trekkie.config.initialDocumentCookie = document.cookie; 1460 var first = document.getElementsByTagName('script')[0]; 1461var script = document.createElement('script'); 1462script.type = 'text/javascript'; 1463script.onerror = function(e) { 1464 var scriptFallback = document.createElement('script'); 1465 scriptFallback.type = 'text/javascript'; 1466 scriptFallback.onerror = function(error) { 1467 var Monorail = { 1468 produce: function produce(monorailDomain, schemaId, payload) { 1469 var currentMs = new Date().getTime(); 1470 var event = { 1471 schema_id: schemaId, 1472 payload: payload, 1473 metadata: { 1474 event_created_at_ms: currentMs, 1475 event_sent_at_ms: currentMs 1476 } 1477 }; 1478 return Monorail.sendRequest("https://" + monorailDomain + "/v1/produce", JSON.stringify(event)); 1479 }, 1480 sendRequest: function sendRequest(endpointUrl, payload) { 1481 // Try the sendBeacon API 1482 if (window && window.navigator && typeof window.navigator.sendBeacon === 'function' && typeof window.Blob === 'function' && !Monorail.isIos12()) { 1483 var blobData = new window.Blob([payload], { 1484 type: 'text/plain' 1485 }); 1486 1487 if (window.navigator.sendBeacon(endpointUrl, blobData)) { 1488 return true; 1489 } // sendBeacon was not successful 1490 1491 } // XHR beacon 1492 1493 var xhr = new XMLHttpRequest(); 1494 1495 try { 1496 xhr.open('POST', endpointUrl); 1497 xhr.setRequestHeader('Content-Type', 'text/plain'); 1498 xhr.send(payload); 1499 } catch (e) { 1500 console.log(e); 1501 } 1502 1503 return false; 1504 }, 1505 isIos12: function isIos12() { 1506 return window.navigator.userAgent.lastIndexOf('iPhone; CPU iPhone OS 12_') !== -1 || window.navigator.userAgent.lastIndexOf('iPad; CPU OS 12_') !== -1; 1507 } 1508 }; 1509 Monorail.produce('monorail-edge.shopifysvc.com', 1510 'trekkie_storefront_load_errors/1.1', 1511 {shop_id: 8185843, 1512 theme_id: 145037918275, 1513 app_name: "storefront", 1514 context_url: window.location.href, 1515 source_url: "//www.joeskc.com/cdn/s/trekkie.storefront.2f6d7d7ede7d24234881a9cd5f47e679642fa1f6.min.js"}); 1516 1517 }; 1518 scriptFallback.async = true; 1519 scriptFallback.src = '//www.joeskc.com/cdn/s/trekkie.storefront.2f6d7d7ede7d24234881a9cd5f47e679642fa1f6.min.js'; 1520 first.parentNode.insertBefore(scriptFallback, first); 1521}; 1522script.async = true; 1523script.src = '//www.joeskc.com/cdn/s/trekkie.storefront.2f6d7d7ede7d24234881a9cd5f47e679642fa1f6.min.js'; 1524first.parentNode.insertBefore(script, first); 1525 1526 }; 1527 trekkie.load( 1528 {"Trekkie":{"appName":"storefront","development":false,"defaultAttributes":{"shopId":8185843,"isMerchantRequest":null,"themeId":145037918275,"themeCityHash":"121510237
152871129374854","contentLanguage":"en","currency":"USD","eventMetadataId":"3e847e49-273d-44fc-acca-1629d44a4136"},"isServerSideCookieWritingEnabled":true,"monorailRegion":"shop_domain","enabledBetaFlags":["764d78cb","8450a54b","7ee89bf1","4c64608a"]},"Session Attribution":{},"S2S":{"facebookCapiEnabled":true,"source":"trekkie-storefront-renderer","apiClientId":580111}} 1529 ); 1530 1531 var loaded = false; 1532 trekkie.ready(function() { 1533 if (loaded) return; 1534 loaded = true; 1535 1536 window.ShopifyAnalytics.lib = window.trekkie; 1537 1538 var originalDocumentWrite = document.write; 1539 document.write = customDocumentWrite; 1540 try { window.ShopifyAnalytics.merchantGoogleAnalytics.call(this); } catch(error) {}; 1541 document.write = originalDocumentWrite; 1542 1543 var match = window.location.pathname.match(/checkouts\/(.+)\/(thank_you|post_purchase)/) 1544 var token = match? match[1]: undefined; 1545 if (!hasLoggedConversion(token)) { 1546 setCookieIfConversion(token); 1547 1548 } 1549 }); 1550 1551 window.ShopifyAnalytics.lib.page(null,{"pageType":"home","requestId":"2ebe8d35-e2dd-4265-a617-b1415df77f9a-1790909019","shopifyEmitted":true}); 1552 1553 var eventsListenerScript = document.createElement('script'); 1554 eventsListenerScript.async = true; 1555 eventsListenerScript.src = "//www.joeskc.com/cdn/shopifycloud/storefront/assets/shop_events_listener-4e26a9ce.js"; 1556 document.getElementsByTagName('head')[0].appendChild(eventsListenerScript); 1557})();</script>
1557 1558
1558<script> 1559 if (!window.ga || (window.ga && typeof window.ga !== 'function')) { 1560 window.ga = function ga() { 1561 (window.ga.q = window.ga.q || []).push(arguments); 1562 if (window.Shopify && window.Shopify.analytics && typeof window.Shopify.analytics.publish === 'function') { 1563 window.Shopify.analytics.publish("ga_stub_called", {}, {sendTo: "google_osp_migration"}); 1564 } 1565 console.error("Shopify's Google Analytics stub called with:", Array.from(arguments), "\nSee https://help.shopify.com/manual/promoting-marketing/pixels/pixel-migration#google for more information."); 1566 }; 1567 if (window.Shopify && window.Shopify.analytics && typeof window.Shopify.analytics.publish === 'function') { 1568 window.Shopify.analytics.publish("ga_stub_initialized", {}, {sendTo: "google_osp_migration"}); 1569 } 1570 } 1571</script>
vendor: 1 bytes, line 1571
1571
1572<script 1573 defer 1574 src="https://www.joeskc.com/cdn/shopifycloud/perf-kit/shopify-perf-kit-3.9.4.min.js" 1575 data-application="storefront-renderer" 1576 data-shop-id="8185843" 1577 data-render-region="gcp-us-central1" 1578 data-page-type="index" 1579 data-theme-instance-id="145037918275" 1580 data-theme-name="Eurus" 1581 data-theme-version="10.1.0" 1582 data-monorail-region="shop_domain" 1583 data-resource-timing-sampling-rate="10" 1584 data-shs="true" 1585 data-shs-beacon="true" 1586 data-shs-export-with-fetch="true" 1587 data-shs-logs-sample-rate="1" 1588 data-shs-beacon-endpoint="https://www.joeskc.com/api/collect" 1589></script>
vendor: 1 bytes, line 1589
1589
1590<script src="https://cdn.shopify.com/storefront/web-components/account.js" type="module" crossorigin fetchpriority="low" async></script>
1590<script id="shopify-customer-account-data" type="application/json">{"customer":null,"shop":{"id":"8185843","customerAccountTranslations":[{"key":"account_menu.signed_out_state.sheet_title","value":"Sign in or create account"},{"key":"account_menu.signed_out_state.section_divider","value":"More ways to sign in"},{"key":"account_menu.signed_out_state.alternate_divider","value":"OR"},{"key":"account_menu.signed_out_state.email_field_label","value":"Email"},{"key":"account_menu.signed_out_state.orders_button","value":"Orders"},{"key":"account_menu.signed_out_state.profile_button","value":"Profile"},{"key":"account_menu.signed_out_state.shop_login_button","value":"Sign in with Shop"},{"key":"account_menu.signed_out_state.continue_with_google","value":"Continue with Google"},{"key":"account_menu.signed_out_state.continue_with_facebook","value":"Continue with Facebook"},{"key":"account_menu.signed_out_state.marketing_consent_label","value":"Email me with news and offers"},{"key":"account_menu.signed_in_state.greeting_with_name","value":"Hi, {{first_name}}"},{"key":"account_menu.signed_in_state.greeting_without_name","value":"Account"},{"key":"account_menu.signed_in_state.orders_button","value":"Orders"},{"key":"account_menu.signed_in_state.profile_button","value":"Profile"},{"key":"account_menu.location_picker.sheet_title","value":"Locations"},{"key":"account_menu.location_picker.search_field_placeholder","value":"Search"},{"key":"account_menu.aria_labels.close_menu","value":"Close menu"},{"key":"account_menu.aria_labels.back_to_main_menu","value":"Back to main menu from {{title}}"},{"key":"account_menu.aria_labels.open_submenu","value":"{{title}}, opens submenu"},{"key":"account_menu.aria_labels.loading_menu","value":"Loading menu"},{"key":"account_menu.aria_labels.account","value":"Account"},{"key":"account_menu.aria_labels.sign_in_with_email","value":"Sign in with email"},{"key":"account_menu.aria_labels.sign_in","value":"Sign in"}],"socialLoginProviders":[],"legacyCustomerAccounts":true,"signInLinksVisible":true,"b2bEnabled":true,"marketingConsentSigninEnabled":true,"marketingConsentPreselected":true},"visitor":{"country":"US","language":"en"}}</script>
1590 1591<meta name="shopify-y" content="895862e7-a345-41a3-8ca0-de8f9c1a3271" data-expiration="1822466619000"><meta name="shopify-s" content="816e9114-b45a-4659-af74-f1d2f836a7c8" data-expiration="1790910819000"><meta name="new-cookie-storage-activated" content="t"> 1592</head> 1593 <body 1594 class="gradient scrollbar-body overflow-x-hidden body-text-base-size" 1595 x-data 1596 :class="($store.xPopup.open || $store.xPopup.openVideoShopping) && 'overflow-hidden padding-scrollbar'" 1597 1598 x-intersect.once="$store.xPopup.setWidthScrollbar();" 1599 >
1599<script> 1600 window.addEventListener('DOMContentLoaded', (event) => { 1601 const transitionEl = document.getElementById('x-page-transition'); 1602 transitionEl.style.opacity = '0'; 1603 setTimeout(() => { 1604 transitionEl.remove(); 1605 }, 1000); 1606 }); 1607 </script>
1607 1608 <div id="x-page-transition" class="transition-all ease-in-out duration-1000 opacity-100 fixed top-0 left-0 w-full h-full bg-black z-[9999]"></div><div class="main-container flex flex-col min-h-screen relative"> 1609 <a class="skip-to-content absolute -z-10 button button-solid hidden lg:block pt-2.5 pb-2.5 pl-6 pr-6 lg:pt-3 lg:pb-3 mt-0.5 ml-0.5 leading-normal justify-center cursor-pointer focus-visible:z-60" href="#MainContent"> 1610 Skip to content 1611 </a> 1612 1613 1614 <!-- BEGIN sections: header-group-puff --> 1615<section id="shopify-section-sections--19816061632579__custom_liquid_ijxgFw" class="shopify-section shopify-section-group-header-group-puff section section-custom-liquid x-section"><style data-shopify> 1616 .custom-liquid ul { 1617 list-style: disc; 1618 } 1619 .section-padding-sections--19816061632579__custom_liquid_ijxgFw { 1620 padding-top: 0px; 1621 padding-bottom: 0px; 1622 } 1623 @media (min-width: 768px) { 1624 .section-padding-sections--19816061632579__custom_liquid_ijxgFw { 1625 padding-top: 0px; 1626 padding-bottom: 0px; 1627 } 1628 } 1629</style> 1630 1631<div class="relative mr-auto ml-auto section-padding-sections--19816061632579__custom_liquid_ijxgFw"> 1632 <div class="custom-liquid x-pgw page-width"> 1633 <style> 1634@media (min-width: 768px) { 1635 .section-header { 1636 z-index: 60; 1637 } 1638 1639 a.w-logo-header { 1640 width: 200px; 1641 position: relative; 1642 z-index: 60; /* Added so it stays in same stacking context as header */ 1643 } 1644 1645 a.w-logo-header .header-logo { 1646 position: absolute; 1647 bottom: -69px; 1648 left: 20px; 1649 right: 20px; 1650 z-index: 61; /* Lowered from 110 so it can't cover overlays */ 1651 } 1652} 1653</style> 1654 </div> 1655</div> 1656<style> #shopify-section-sections--19816061632579__custom_liquid_ijxgFw.section-header {position: relative; z-index: 2000;} </style></section><div id="shopify-section-sections--19816061632579__announcement-bar" class="shopify-section shopify-section-group-header-group-puff section-announcement"><style data-shopify> 1657 @media (min-width: 1024px) { 1658 .announcement-bar-toolbar #localization_form button { 1659 padding-bottom: 0.375rem; 1660 padding-top: 0.375rem; 1661 } 1662 .announcement-bar-toolbar #localization_form ul { 1663 z-index: 100; 1664 } 1665 .announcement-bar-right .menu-position-left, 1666 .announcement-bar-left .menu-position-left { 1667 padding-left: 1.25rem; 1668 } 1669 .announcement-bar-right .menu-position-right, 1670 .announcement-bar-left .menu-position-right { 1671 padding-right: 1.25rem; 1672 } 1673 } 1674 .announcement-bar-toolbar #localization_form > .localization-form-child { 1675 width: -moz-max-content; 1676 width: max-content; 1677 } 1678 .announcement-bar-toolbar .social-list a { 1679 height: 1.5rem; 1680 padding-top: 0.125rem; 1681 padding-right: 0.375rem; 1682 padding-left: 0.375rem; 1683 padding-bottom: 0.125rem; 1684 width: 30px; 1685 } 1686 .announcement-bar-toolbar.toolbar-align-left #selector-social { 1687 flex-direction: row-reverse; 1688 } 1689 .announcement-bar-toolbar .social-list { 1690 max-width: 200px; 1691 } 1692 @media (max-width: 767px) { 1693 .announcement-bar-toolbar .social-list { 1694 max-width: unset; 1695 } 1696 } 1697</style> 1698<style data-shopify>#shopify-section-sections--19816061632579__announcement-bar { 1699 contain: style; 1700 } 1701 #x-announcement-bar .arrow { 1702 background: transparent; 1703 border: 0; 1704 box-shadow: none; 1705 color: #e3a6a8; 1706 } 1707 .dark #x-announcement-bar .arrow { 1708 color: #ffffff; 1709 } 1710 .announcement-bar_container-sections--19816061632579__announcement-bar { 1711 1712 background: #7f2629; 1713 1714 1715 } 1716 .dark .announcement-bar_container-sections--19816061632579__announcement-bar { 1717 1718 background: #ffffff; 1719 1720 1721 --colors-text-link: 127, 38, 41; 1722 1723 } 1724 .announcement-bar_text { 1725 1726 color: #e3a6a8; 1727 --colors-line-and-border: 227,166,168; 1728 1729 } 1730 .dark .announcement-bar_text { 1731 1732 color: #ffffff; 1733 --colors-line-and-border: 255,255,255; 1734 1735 } 1736 1737</style><div 1738 id="x-announcement" 1739 class="announcement-bar_container-sections--19816061632579__announcement-bar ltr mr-auto ml-auto flex items-center has-toolbar lg:pr-5 rtl:lg:pr-0 rtl:lg:pl-5 rtl:announcement-bar-right announcement-bar-left flex-r rtl:flex-row-reverse" 1740 1741 > 1742
1743 <div id="x-slide-announcement-bar" class="disable-effect-hover grow flex-1 x-splide splide has-toolbar:lg:pr-5 has-toolbar:lg:pl-5 overflow-hidden visible relative"> 1744 <div class="splide__track x-pgw page-width mr-auto ml-auto pl-0 pr-0"> 1745 <div class="splide__list w-full flex md:block"> 1746<style data-shopify>.text--announcement_yFVPhV .width-countdown { 1747 width: 9.45rem; 1748 }.text--announcement_yFVPhV, 1749 .btn--announcement_yFVPhV { 1750 font-size: 0.945rem; 1751 } 1752 @media (min-width: 768px) { 1753 .text--announcement_yFVPhV, 1754 .btn--announcement_yFVPhV { 1755 font-size: 1.05rem; 1756 } 1757 }.icon--announcement_yFVPhV { 1758 width: 1.05rem; 1759 height: 1.05rem; 1760 } 1761 .button.text_button_announ--announcement_yFVPhV { 1762 1763 color: rgb(var(--colors-button-text-hover)); 1764 1765 1766 background: var(--colors-button-hover); 1767 1768 } 1769 .dark .button.text_button_announ--announcement_yFVPhV { 1770 1771 color: rgb(var(--colors-button-text-hover)); 1772 1773 1774 background: var(--colors-button-hover); 1775 1776 } 1777 @media(min-width: 768px){ 1778 .button.text_button_announ--announcement_yFVPhV { 1779 1780 color: rgba(var(--colors-button-text-hover)); 1781 1782 1783 background: rgba(var(--colors-button)); 1784 1785 } 1786 .dark .button.text_button_announ--announcement_yFVPhV { 1787 1788 color: rgba(var(--colors-button-text-hover)); 1789 1790 1791 background: rgba(var(--colors-button)); 1792 1793 } 1794 } 1795 .text-link-with-arrow--announcement_yFVPhV { 1796 1797 color: rgb(var(--colors-text-link)); 1798 1799 } 1800 .dark .text-link-with-arrow--announcement_yFVPhV { 1801 1802 color: rgb(var(--colors-text-link)); 1803 1804 } 1805 .hyperlink-circle-color--announcement_yFVPhV { 1806 1807 background-color: rgba(var(--colors-text-link)); 1808 1809 } 1810 .dark .hyperlink-circle-color--announcement_yFVPhV { 1811 1812 background-color: rgba(var(--colors-button-text-hover)); 1813 1814 }</style><div x-slide-index="0" class="h-auto w-full flex items-center md:flex justify-center splide__slide x-splide-slide gradient text-center pt-3 pb-3 pl-5 pr-5 lg:pr-5 lg:pl-5" ><div 1815 1816 class="flex items-center flex-wrap justify-center gap-x-3 gap-y-2 ltr"> 1817 1818 <div class="text--announcement_yFVPhV announcement-bar_text flex rtl:order-1"> 1819 1820<p class="x-announcement-bar-block-data leading-[initial]">KANSAS CITY BAR-B-QUE MADE FAMOUS IN A GAS STATION</p></div></div></div> 1821 1822</div> 1823 </div></div> 1824 1825 1826 1827<style data-shopify>.announcement-bar-toolbar #localization_form button { 1828 font-size: 0.86625rem; 1829 } 1830 @media (min-width: 1025px){ 1831 .announcement-bar-toolbar #localization_form button { 1832 font-size: 0.9625rem; 1833 } 1834 } 1835 .announcement-bar-toolbar .locale-options { 1836 1837 background: #7f2629; 1838 1839 } 1840 .announcement-bar-toolbar .country-options { 1841 1842 background: #7f2629; 1843 1844 1845 left: auto; 1846 right: 0; 1847 1848 } 1849 .dark .announcement-bar-toolbar .locale-options { 1850 1851 background: #ffffff; 1852 1853 } 1854 .dark .announcement-bar-toolbar .country-options { 1855 1856 background: #ffffff; 1857 1858 }</style><div class="announcement-bar_text announcement-bar-toolbar toolbar-align-right rtl:toolbar-align-left hidden relative lg:flex items-center"> 1859 1860<div id="selector-social" class=" flex lg:items-center lg:justify-end relative pt-1.5 pb-1.5 mr-auto ml-auto"> 1861 1862 <ul class="social-list flex flex-wrap opacity-70" role="list"> 1863<li> 1864 <a href="https://x.com/joeskc" target="blank" aria-label="Twitter" class="flex disable-effect hover-text-link w-11 h-11 pt-3 pr-3 pb-3 pl-3"><svg class="icon-animation w-full h-full" viewBox="0 0 24 24"> 1865 <path d="M18.244 2.25h3.308l-7.227 8.26 8.502 11.24H16.17l-5.214-6.817L4.99 21.75H1.68l7.73-8.835L1.254 2.25H8.08l4.713 6.231zm-1.161 17.52h1.833L7.084 4.126H5.117z"/> 1866 </svg> 1867</a> 1868 </li><li> 1869 <a href="https://www.facebook.com/joeskcbbq" target="blank" aria-label="Facebook" class="flex disable-effect hover-text-link w-11 h-11 pt-3 pr-3 pb-3 pl-3"><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" role="presentation" class="icon-animation w-full h-full" viewBox="0 0 24 24">
1870 <path fill="currentColor" d="M15.12,5.32H17V2.14A26.11,26.11,0,0,0,14.26,2C11.54,2,9.68,3.66,9.68,6.7V9.32H6.61v3.56H9.68V22h3.68V12.88h3.06l.46-3.56H13.36V7.05C13.36,6,13.64,5.32,15.12,5.32Z"/> 1871 </svg> 1872</a> 1873 </li><li> 1874 <a href="https://www.instagram.com/joeskc/" target="blank" aria-label="Instagram" class="flex disable-effect hover-text-link w-11 h-11 pt-3 pr-3 pb-3 pl-3"><svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" aria-hidden="true" focusable="false" role="presentation" class="icon-animation w-full h-full" viewBox="0 0 24 24" xml:space="preserve"> 1875 <path fill="currentColor" d="M12,9.8c-1.2,0-2.2,1-2.2,2.2s1,2.2,2.2,2.2s2.2-1,2.2-2.2c0,0,0,0,0,0C14.2,10.8,13.2,9.8,12,9.8z M20.8,7.6 c0-0.7-0.1-1.4-0.4-2c-0.4-1-1.1-1.7-2.1-2.1c-0.6-0.2-1.3-0.4-2-0.4c-1.1-0.1-1.5-0.1-4.4-0.1s-3.2,0-4.4,0.1c-0.7,0-1.4,0.1-2,0.4 c-1,0.4-1.7,1.1-2.1,2.1c-0.2,0.6-0.4,1.3-0.4,2C3.1,8.8,3.1,9.1,3.1,12s0,3.2,0.1,4.4c0,0.7,0.1,1.4,0.4,2c0.2,0.5,0.5,0.9,0.8,1.2 c0.4,0.4,0.8,0.6,1.3,0.8c0.6,0.2,1.3,0.4,2,0.4c1.1,0.1,1.5,0.1,4.4,0.1s3.2,0,4.4-0.1c0.7,0,1.4-0.1,2-0.4 c0.5-0.2,0.9-0.5,1.3-0.8c0.4-0.4,0.6-0.8,0.8-1.2c0.2-0.6,0.4-1.3,0.4-2c0.1-1.1,0.1-1.5,0.1-4.4S20.9,8.8,20.8,7.6z M18.6,14.7 c0,0.5-0.1,1.1-0.3,1.6c-0.3,0.9-1,1.5-1.9,1.9c-0.5,0.2-1.1,0.3-1.6,0.3c-0.7,0-0.9,0-2.7,0s-2,0-2.7,0c-0.5,0-1.1-0.1-1.6-0.3 c-0.4-0.2-0.8-0.4-1.2-0.8c-0.3-0.3-0.6-0.7-0.7-1.1c-0.2-0.5-0.3-1.1-0.3-1.6c0-0.7,0-0.9,0-2.7s0-2,0-2.7c0-0.5,0.1-1.1,0.3-1.6 c0.2-0.4,0.4-0.8,0.8-1.2c0.3-0.3,0.7-0.6,1.1-0.7c0.5-0.2,1.1-0.3,1.6-0.3l0,0c0.7,0,0.9,0,2.7,0s2,0,2.7,0c0.5,0,1.1,0.1,1.6,0.3 c0.4,0.2,0.8,0.4,1.2,0.8c0.3,0.3,0.6,0.7,0.7,1.1c0.2,0.5,0.3,1.1,0.3,1.6c0,0.7,0,0.9,0,2.7S18.6,14,18.6,14.7L18.6,14.7z M17.1,8.1c-0.2-0.6-0.7-1-1.3-1.3c-0.4-0.1-0.8-0.2-1.2-0.2c-0.7,0-0.9,0-2.7,0s-2,0-2.7,0c-0.4,0-0.8,0.1-1.2,0.2 c-0.6,0.2-1,0.6-1.3,1.2C6.7,8.5,6.7,8.9,6.7,9.3c0,0.7,0,0.9,0,2.7s0,2,0,2.7c0,0.4,0.1,0.8,0.2,1.2c0.2,0.6,0.7,1,1.3,1.3 c0.4,0.1,0.8,0.2,1.2,0.2l0,0c0.7,0,0.9,0,2.7,0s2,0,2.7,0c0.4,0,0.8-0.1,1.2-0.2c0.6-0.2,1-0.7,1.3-1.3c0.1-0.4,0.2-0.8,0.2-1.2 c0-0.7,0-0.9,0-2.7s0-2,0-2.7C17.4,8.9,17.3,8.5,17.1,8.1L17.1,8.1z M12,15.4c-1.9,0-3.4-1.5-3.4-3.4c0,0,0,0,0,0l0,0 c0-1.9,1.5-3.4,3.4-3.4s3.4,1.5,3.4,3.4C15.4,13.9,13.9,15.4,12,15.4C12,15.4,12,15.4,12,15.4z M15.6,9.3c-0.4,0-0.8-0.4-0.7-0.9 c0-0.4,0.3-0.7,0.7-0.7l0,0c0.4,0,0.8,0.4,0.7,0.9C16.2,8.9,15.9,9.2,15.6,9.3z"/> 1876 </svg> 1877</a> 1878 </li></ul> 1879 </div> 1880 </div></div> 1881</div><div id="shopify-section-sections--19816061632579__header" class="shopify-section shopify-section-group-header-group-puff section-header z-50"><style data-shopify> 1882 #x-header-container { 1883 contain: style layout; 1884 } 1885 1886 1887 .back{ 1888 position: absolute; 1889 top: 50%; 1890 left: 50%; 1891 white-space: nowrap; 1892 opacity: 0; 1893 transform: translate(-50%, -50%) translateY(100%) translateZ(0); 1894 transition-behavior: normal, normal; 1895 transition-duration: 0.6s, 0.6s; 1896 transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1), cubic-bezier(0.165, 0.84, 0.44, 1); 1897 transition-delay: 0s, 0s; 1898 transition-property: transform, opacity; 1899 } 1900 .front{ 1901 transform: translateZ(0); 1902 transition-behavior: normal, normal; 1903 transition-duration: 0.6s, 0.6s; 1904 transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1), cubic-bezier(0.165, 0.84, 0.44, 1); 1905 transition-delay: 0s, 0s; 1906 transition-property: transform, opacity; 1907 border-bottom: 1px solid transparent; 1908 } 1909 .flip-container:hover .front{ 1910 opacity: 0; 1911 transform: translateY(-100%) translateZ(0); 1912 } 1913 .flip-container:hover .back{ 1914 opacity: 1; 1915 transform: translate(-50%, -50%) translateY(0%) translateZ(0); 1916 border-bottom: 1px solid rgba(var(--colors-text-link)); 1917 } 1918 1919 .w-logo-header { 1920 width: 150px; 1921 min-width: 150px; 1922 } 1923 @media(min-width: 768px) { 1924 .w-logo-header { 1925 width: 150px; 1926 min-width: 150px; 1927 } 1928 } 1929 1930 1931 .section-header.is-sticky { 1932 position: sticky; 1933 z-index: 50; 1934 top: var(--announcement-height); 1935 } 1936 .is-sticky #x-header-container:not(.on-scroll-up-animation) { 1937 box-shadow: 0 5px 15px rgba(var(--colors-text), .1); 1938 } 1939 #x-header-container { 1940 transform: translateY(0); 1941 transition: transform 0.4s ease-in-out 0.1s; 1942 will-change: transform; 1943 } 1944 #x-header-container.on-scroll-up-animation { 1945 transform: translateY(var(--header-sticky-transform)); 1946 } 1947 .section-header:has(#x-header-container.on-scroll-up-animation) { 1948 pointer-events: none 1949 } 1950 1951 @media (min-width: 768px) { 1952 .scroll-sticky-popup-cart { 1953 transform: translateY(0); 1954 transition: transform 0.4s ease-in-out 0.1s; 1955 } 1956 .section-header:has(#x-header-container.on-scroll-up-animation) .scroll-sticky-popup-cart { 1957 transform: translateY(var(--header-sticky-transform)); 1958 } 1959 } 1960 1961 1962.logo-name { 1963 font-size: 1.125rem; 1964 } 1965 header { 1966 grid-template-areas: "drawer heading icons"; 1967 1968 } 1969 @media (min-width: 1024px) { 1970 header { 1971 grid-template-areas: "heading navigation icons" ". . ."; 1972 grid-template-columns: auto 1fr auto; 1973 } 1974 .logo-name { 1975 font-size: 2.25rem; 1976 } 1977 .pt-header { 1978 padding-top: 0px; 1979 } 1980 .pb-header { 1981 padding-bottom: 4px; 1982 } 1983 } 1984 .h-hamburger {
1985 height: var(--hamburger-menu-height); 1986 } 1987 @media (max-width: 1023px) { 1988 .section-padding-sections--19816061632579__header { 1989 padding-top: 4px; 1990 padding-bottom: 0px; 1991 } 1992 }</style><div x-show="$store.xHeaderMenu.overlay" 1993 x-transition:enter="ease-in-out duration-300" 1994 x-transition:enter-start="opacity-0" 1995 x-transition:enter-end="opacity-100" 1996 x-transition:leave="transition-all ease-in-out duration-300" 1997 x-transition:leave-end="opacity-0" 1998 class="bg-[rgba(0,0,0,0.4)] hidden lg:flex fixed top-0 right-0 bottom-0 left-0" x-cloak></div> 1999<div 2000 id="x-header-container" 2001 class="relative text-[rgb(var(--colors-text-header))] background-header" 2002 2003 2004 data-is-sticky="true" 2005 data-section-index="3" 2006 2007 x-init='() => { 2008 $store.xHeaderMenu.sectionId = "sections--19816061632579__header"; 2009 $store.xHeaderMenu.mobileHeaderLayout = "center-left"; 2010 $store.xHeaderMenu.initSticky($el, "on-scroll-up"); 2011 2012 }' 2013 2014 :class="($store.xMiniCart.open || $store.xHeaderMenu.show) && 'z-[60]'" 2015 2016 @click.away="$store.xHeaderMenu.openHamburgerMenu = false;" 2017 2018> 2019 <div 2020 id="sticky-header-content" 2021 class="sticky-header-content background-header sticky-header-active z-20 w-full top-0 2022 header-full-width" 2023 :class="{ 'padding-scrollbar-header': $store.xHeaderMenu.isSticky && ($store.xPopup.open || $store.xPopup.openVideoShopping), 'static': $store.xHeaderMenu.overlay, 'relative': !$store.xHeaderMenu.overlay}" 2024 2025 > 2026 <header 2027 class="header lg:pb-0 section-padding-sections--19816061632579__header pt-header lg:pb-0 full-width grid lg:mr-auto lg:ml-auto gap-x-2" :class="{ ' lg:pt-5': !$store.xHeaderMenu.isSticky, 'open-menu': $store.xHeaderMenu.overlay }" 2028 x-on:mouseleave="$store.xHeaderMenu.closeMenu()" 2029 > 2030 <div data-breakpoint="tablet" class="x-container-header-mobile-nav [grid-area:drawer] lg:hidden flex items-center w-full"> 2031 2032 2033 <style data-shopify> 2034 2035 .mobile-navigation-modern-icon-bg { 2036 background: rgba(var(--colors-line-header),1); 2037 } 2038 2039 </style> 2040 <div 2041 id="mobile-navigation" 2042 @click="setTimeout(() => { $store.xMobileNav.open() }, 0)" 2043 class="relative w-11 h-8 pt-2.5 pb-2.5 pl-3 pr-3 -left-3 rounded-full cursor-pointer " 2044 > 2045 <div class=""><svg viewBox="0 0 400 280" xmlns="http://www.w3.org/2000/svg"> 2046 <path fill="currentColor" fill-rule="evenodd" d="M0 0v40h400V0H0zm0 120v40h400v-40H0zm0 120v40h280v-40H0z"/> 2047 </svg> 2048</div> 2049 </div> 2050 </div> 2051 <div class="flex logo-name p-break-words lg:order-2 top-4 text-center [grid-area:heading] mr-auto ml-auto justify-center pb-header flex items-center lg:relative lg:left-0 lg:translate-x-0 lg:mt-0 lg:top-0 lg:ml-0 lg:justify-left lg:[grid-area:auto]" 2052 > 2053 2054 2055 2056<div class="flex lg:mr-3 lg:pr-11"> 2057 <a href="/" class="w-logo-header h-auto disable-effect inline-block"><span class="hidden dark:block h-0 dark:h-auto mr-auto ml-auto md:ml-0">SendJoesKCBBQ</span><img 2058 src="//www.joeskc.com/cdn/shop/files/red_LOGO_2025_CUTOUT.png?v=1756928334&width=816" 2059 alt="Logo of Joe's Kansas City Bar-B-Que with a red border and white text" 2060 sizes="(min-width: 768px) 150px, 150px" 2061 srcset="//www.joeskc.com/cdn/shop/files/red_LOGO_2025_CUTOUT.png?v=1756928334&width=50 50w, 2062 //www.joeskc.com/cdn/shop/files/red_LOGO_2025_CUTOUT.png?v=1756928334&width=100 100w, 2063 //www.joeskc.com/cdn/shop/files/red_LOGO_2025_CUTOUT.png?v=1756928334&width=150 150w, 2064 //www.joeskc.com/cdn/shop/files/red_LOGO_2025_CUTOUT.png?v=1756928334&width=200 200w, 2065 //www.joeskc.com/cdn/shop/files/red_LOGO_2025_CUTOUT.png?v=1756928334&width=250 250w, 2066 //www.joeskc.com/cdn/shop/files/red_LOGO_2025_CUTOUT.png?v=1756928334&width=300 300w, 2067 //www.joeskc.com/cdn/shop/files/red_LOGO_2025_CUTOUT.png?v=1756928334&width=400 400w, 2068 //www.joeskc.com/cdn/shop/files/red_LOGO_2025_CUTOUT.png?v=1756928334&width=500 500w, 2069 //www.joeskc.com/cdn/shop/files/red_LOGO_2025_CUTOUT.png?v=1756928334&width=600 600w" 2070 width="816" 2071 height="664" 2072 class="header-logo w-full block dark:hidden dark:absolute mr-auto ml-auto md:ml-0" 2073 loading="lazy" 2074 /></a> 2075</div> 2076</div> 2077 2078 <div 2079 class="x-container-header-icons justify-end lg:order-4 [grid-area:icons] lg:[grid-area:auto] pb-header flex" 2080 >
2081 <div class="x-header-store-selector-container self-center md:block hidden md:mr-2.5 md:ml-3 empty:hidden"></div> 2082 2083 2084<style data-shopify> 2085 2086 </style> 2087 <div class="x-header-icon-search flex items-center justify-center mobile-center-left" @init-run.window="$store.xHeaderMenu.renderAjax($el, 'header-search-block', '#ajax-loading-header-search');"> 2088 <a 2089 id="SearchOpen" 2090 href="/search" 2091 aria-label="search" 2092 class="flex items-center cursor-pointer justify-center link focus-inset bg-none" 2093 @click.prevent="setTimeout(() => { $store.xModal.setActiveElement('SearchOpen'); }, 0)"> 2094 <span class="w-11 h-10 pl-3 pr-3 pt-2.5 pb-2"><svg class="icon-animation" xmlns="http://www.w3.org/2000/svg" width="100%" height="100%" viewBox="0 0 19 18" fill="none" style="fill: none;"> 2095 <path d="M9.2665 16.2001C13.4639 16.2001 16.8665 12.7975 16.8665 8.60009C16.8665 4.40272 13.4639 1.00009 9.2665 1.00009C5.06914 1.00009 1.6665 4.40272 1.6665 8.60009C1.6665 12.7975 5.06914 16.2001 9.2665 16.2001Z M17.6669 16.9999L16.0669 15.3999" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/> 2096 </svg> 2097</span> 2098 </a> 2099 </div><shopify-store store-domain="https://www.joeskc.com" country="US" language="en"></shopify-store> 2100<shopify-account class="header-icon-account hidden lg:flex relative items-center justify-center" menu="customer-account-main-menu"> 2101 <div slot="signed-out-avatar"> 2102 <span class="w-11 h-10 pl-3 pr-2.5 pt-2.5 pb-2 block"> 2103 <svg class="icon-animation" xmlns="http://www.w3.org/2000/svg" width="100%" height="100%" viewBox="0 0 16 18" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"> 2104 <path fill="none" d="M10.6768 1.76956C10.0249 1.282 9.21778 1.00012 8.33305 1.00012C6.19106 1.00012 4.45264 2.70658 4.45264 4.80919C4.45264 6.91179 6.19106 8.61825 8.33305 8.61825C10.475 8.61825 12.2135 6.91179 12.2135 4.80919M15 16.9999C15 14.0516 12.0122 11.6672 8.33357 11.6672C4.6549 11.6672 1.66699 14.0516 1.66699 16.9999"/> 2105 </svg> 2106 2107 </span> 2108 </div> 2109 </shopify-account><a 2110 id="cart-icon" 2111 href="/cart" 2112 class="relative flex items-center header-icon-cart cursor-pointer" 2113 2114 @click.prevent="setTimeout(() => { $store.xModal.setActiveElement('cart-icon'); $store.xMiniCart.openCart(); }, 0)" 2115 :class="$store.xMiniCart.open && 'pointer-events-none'" 2116 2117 aria-controls="CartDrawer" 2118 aria-expanded="false" 2119 aria-label="Cart Icon,0" 2120 > 2121 <span class="relative w-11 h-10 md:pl-3 inline-block pl-3 pr-0 md:pr-2.5 pt-2.5 pb-2"> 2122 <svg class="icon-animation" xmlns="http://www.w3.org/2000/svg" width="100%" height="100%" viewBox="0 0 22 22" fill="currentColor" stroke="currentColor" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"> 2123 <path stroke-width="0.2" fill-rule="evenodd" d="M8.59556 15.0449C7.33025 15.0449 6.30389 16.0713 6.30389 17.3366C6.30389 18.6019 7.33025 19.6283 8.59556 19.6283C9.86087 19.6283 10.8872 18.6019 10.8872 17.3366C10.8872 16.0713 9.86087 15.0449 8.59556 15.0449ZM8.59556 18.1201C8.16073 18.1201 7.81209 17.7675 7.81209 17.3366C7.81209 16.9057 8.16465 16.5531 8.59556 16.5531C9.03039 16.5531 9.37904 16.9057 9.37904 17.3366C9.37904 17.7675 9.03039 18.1201 8.59556 18.1201Z M15.9289 15.0449C14.6636 15.0449 13.6372 16.0713 13.6372 17.3366C13.6372 18.6019 14.6636 19.6283 15.9289 19.6283C17.1942 19.6283 18.2205 18.6019 18.2205 17.3366C18.2205 16.0713 17.1942 15.0449 15.9289 15.0449ZM15.9289 18.1201C15.494 18.1201 15.1454 17.7675 15.1454 17.3366C15.1454 16.9057 15.498 16.5531 15.9289 16.5531C16.3637 16.5531 16.7123 16.9057 16.7123 17.3366C16.7123 17.7675 16.3637 18.1201 15.9289 18.1201Z"/> 2124 <path stroke-width="0.5" fill-rule="evenodd" d="M20.9 4.64037C20.4557 4.51721 19.9981 4.79088 19.8793 5.25156L19.8574 5.33367C19.8222 5.39752 19.7914 5.46594 19.7738 5.53892L18.0448 12.1572C18.014 12.4309 17.8953 12.5039 17.8073 12.5175H7.80321L7.41607 12.4218L5.12843 3.27657C4.82487 1.86716 3.23672 2.004 3.23672 2.004H1.63537C1.17344 2.004 0.803894 2.3917 0.803894 2.86606C0.803894 3.34043 1.17784 3.72813 1.63537 3.72813H3.26751L5.88071 13.1926C6.30744 14.0775 6.97614 14.2189 7.46447 14.2417H18.1944C18.278 14.2417 18.3572 14.228 18.4364 14.2052C19.1975 14.0182 19.501 13.1972 19.6418 12.7274L21.4939 5.69856C21.6083 5.23788 21.3443 4.76352 20.9 4.64037Z"/> 2125 </svg> 2126 <div id="cart-icon-bubble" > 2127 <div 2128 class="count_item absolute text-center place-content-center -top-0.5 -right-1.5 md:right-0 bg-[rgba(var(--colors-cart))] text-[rgba(var(--colors-cart-text))] font-medium h-5 w-5 rounded-full text-[9px] hidden" 2129 data-value="0" 2130 >0</div> 2131 </div> 2132 </span> 2133 </a></div> 2134 2135 2136 2137 2138 2139 2140<style data-shopify> 2141 .svg-highlight-sections--19816061632579__header { 2142 --color-highlight: #7f2629; 2143 } 2144 .dark .svg-highlight-sections--19816061632579__header { 2145 --color-highlight: rgb(127, 38, 41); 2146 } 2147 2148 .x-icon-caret svg { 2149 color: var(--colors-text-header); 2150 --tw-rotate: 0deg; 2151 transform: rotate(var(--tw-rotate)); 2152 transition: transform 0.5s ease 0.1s; 2153 } 2154 .is-focus .x-icon-caret svg { 2155 color: var(--colors-text-link); 2156 --tw-rotate: 180deg; 2157 } 2158</style><nav 2159 x-on:click.away="$store.xHeaderMenu.closeMenu()" 2160 class="x-container-header-nav [grid-area:navigation] w-full order-3 hidden header__inline-menu lg:flex items-center pb-header lg:[grid-area:auto]" 2161> 2162 <ul class="list-menu inline-flex flex-wrap gap-x-10 items-center" 2163 > 2164 2165 2166<li 2167 id="tree_menu_FdPtda" 2168 class="tree-menu pl-0 relative has-dropdown" 2169 2170 2171 @mouseover="$store.xHeaderMenu.openMenu(1, true); selectedMenu = true" 2172 @focusin="$store.xHeaderMenu.openMenu(1, true); selectedMenu = true" 2173 2174 :class="$store.xHeaderMenu.show === 1 && 'is-focus'" 2175 2176 > 2177 <div class="flip-container relative cursor-pointer tree-menu-item p-break-words flex items-center justify-center pt-1 pb-1 relative hover-text-link
2177is-focus:link-active" x-data='{ active: false }' 2178 2179 2180 x-intersect.once="$store.xHeaderMenu.isTouch && $store.xHeaderMenu.touchItem($el, false, 1)" 2181 2182 2183 > 2184 <div class="overflow-hidden pb-[1px] mg-blink flex items-center"> 2185 <div class="relative x-anm"> 2186 <a 2187 href="/pages/our-story" 2188 class="front cursor-pointer tree-menu-item p-break-words flex items-center justify-center pt-1 pb-1 relative hover-text-link is-focus:link-active" 2189 2190 > 2191 2192 2193 2194 2195 2196 OUR STORY 2197 2198 2199 2200 </a><a 2201 href="/pages/our-story" 2202 tabindex="-1" 2203 class="back cursor-pointer tree-menu-item p-break-words flex items-center justify-center pt-1 pb-1 relative hover-text-link is-focus:link-active" 2204 2205 > 2206 2207 2208 2209 2210 2211 OUR STORY 2212 2213 2214 2215 </a></div> 2216 </div><span class="x-icon-caret w-5 pl-2"><svg width="100%" height="100%" viewBox="0 0 9 7" fill="none" xmlns="http://www.w3.org/2000/svg" style="fill: none;"> 2217 <path d="M0.75 1.625L4.5 5.375L8.25 1.625" stroke="currentcolor" stroke-width="1" stroke-linecap="round" stroke-linejoin="round"/> 2218 </svg> 2219</span></div><div :class="{ 'toggle-menu-hidden': $store.xHeaderMenu.show !== 1, 'toggle-menu-show': $store.xHeaderMenu.show === 1, 'active': $store.xHeaderMenu.initIndex.has(1) }" class="toggle-menu text-[rgba(var(--colors-text))] absolute z-50 background-header top-full w-48 xl:w-[222px] shadow-md is-focus:text-[rgba(var(--colors-text))]" > 2220 <div class="tree-menu-nav" id="menu-1"> 2221 2222<template x-if="!$store.xInit.runDispatch"> 2223 <ul class="pt-5 pb-5"> 2224 2225<li 2226 x-data="{ openSub: false }" 2227 class="relative pl-7 rtl:pl-6 pr-6 rtl:pr-7" 2228 @mouseover="openSub = true; $el.classList.add('is-focus-child');" 2229 @mouseleave="$el.classList.remove('is-focus-child');" 2230 @mouseover.away="openSub = false" 2231 @focusin="openSub = true; $el.classList.add('is-focus-child');" 2232 @focusout="openSub = false; $el.classList.remove('is-focus-child');" 2233 > 2234 <div class="flex tree-menu-item-container items-center"> 2235 2236 2237 <span class="flex-1 menu-item-container rtl:text-end"> 2238 <a href="/pages/our-story" class="nav-link relative p-break-words inline-block duration-200 transition hover-text-link is-focus-child:effect-inline"> 2239 2240 2241 2242 2243 <span class="p-break-words">Our Story</span> 2244 2245 2246</a> 2247 </span> 2248 </div></li><li 2249 x-data="{ openSub: false }" 2250 class="relative pl-7 rtl:pl-6 pr-6 rtl:pr-7" 2251 @mouseover="openSub = true; $el.classList.add('is-focus-child');" 2252 @mouseleave="$el.classList.remove('is-focus-child');" 2253 @mouseover.away="openSub = false" 2254 @focusin="openSub = true; $el.classList.add('is-focus-child');" 2255 @focusout="openSub = false; $el.classList.remove('is-focus-child');" 2256 > 2257 <div class="flex tree-menu-item-container items-center pt-3"> 2258 2259 2260 <span class="flex-1 menu-item-container rtl:text-end"> 2261 <a href="/pages/we-ship-bbq" class="nav-link relative p-break-words inline-block duration-200 transition hover-text-link is-focus-child:effect-inline"> 2262 2263 2264 2265 2266 <span class="p-break-words">We Ship BBQ</span> 2267 2268 2269</a> 2270 </span> 2271 </div></li><li 2272 x-data="{ openSub: false }" 2273 class="relative pl-7 rtl:pl-6 pr-6 rtl:pr-7" 2274 @mouseover="openSub = true; $el.classList.add('is-focus-child');" 2275 @mouseleave="$el.classList.remove('is-focus-child');" 2276 @mouseover.away="openSub = false" 2277 @focusin="openSub = true; $el.classList.add('is-focus-child');" 2278 @focusout="openSub = false; $el.classList.remove('is-focus-child');" 2279 > 2280 <div class="flex tree-menu-item-container items-center pt-3"> 2281 2282
2283 <span class="flex-1 menu-item-container rtl:text-end"> 2284 <a href="/pages/the-legend-of-the-z-man" class="nav-link relative p-break-words inline-block duration-200 transition hover-text-link is-focus-child:effect-inline"> 2285 2286 2287 2288 2289 <span class="p-break-words">The Legend of the Z-Man</span> 2290 2291 2292</a> 2293 </span> 2294 </div></li></ul> 2295 </template> </div> 2296 </div></li> 2297<li 2298 id="tree_menu_dXFfER" 2299 class="tree-menu pl-0 relative has-dropdown" 2300 2301 2302 @mouseover="$store.xHeaderMenu.openMenu(2, true); selectedMenu = true" 2303 @focusin="$store.xHeaderMenu.openMenu(2, true); selectedMenu = true" 2304 2305 :class="$store.xHeaderMenu.show === 2 && 'is-focus'" 2306 2307 > 2308 <div class="flip-container relative cursor-pointer tree-menu-item p-break-words flex items-center justify-center pt-1 pb-1 relative hover-text-link is-focus:link-active" x-data='{ active: false }' 2309 2310 2311 x-intersect.once="$store.xHeaderMenu.isTouch && $store.xHeaderMenu.touchItem($el, false, 2)" 2312 2313 2314 > 2315 <div class="overflow-hidden pb-[1px] mg-blink flex items-center"> 2316 <div class="relative x-anm"> 2317 <a 2318 href="/pages/locations" 2319 class="front cursor-pointer tree-menu-item p-break-words flex items-center justify-center pt-1 pb-1 relative hover-text-link is-focus:link-active" 2320 2321 > 2322 2323 2324 2325 2326 2327 LOCATIONS 2328 2329 2330 2331 </a><a 2332 href="/pages/locations" 2333 tabindex="-1" 2334 class="back cursor-pointer tree-menu-item p-break-words flex items-center justify-center pt-1 pb-1 relative hover-text-link is-focus:link-active" 2335 2336 > 2337 2338 2339 2340 2341 2342 LOCATIONS 2343 2344 2345 2346 </a></div> 2347 </div><span class="x-icon-caret w-5 pl-2"><svg width="100%" height="100%" viewBox="0 0 9 7" fill="none" xmlns="http://www.w3.org/2000/svg" style="fill: none;"> 2348 <path d="M0.75 1.625L4.5 5.375L8.25 1.625" stroke="currentcolor" stroke-width="1" stroke-linecap="round" stroke-linejoin="round"/> 2349 </svg> 2350</span></div><div :class="{ 'toggle-menu-hidden': $store.xHeaderMenu.show !== 2, 'toggle-menu-show': $store.xHeaderMenu.show === 2, 'active': $store.xHeaderMenu.initIndex.has(2) }" class="toggle-menu text-[rgba(var(--colors-text))] absolute z-50 background-header top-full w-48 xl:w-[222px] shadow-md is-focus:text-[rgba(var(--colors-text))]" > 2351 <div class="tree-menu-nav" id="menu-2"> 2352 2353<template x-if="!$store.xInit.runDispatch"> 2354 <ul class="pt-5 pb-5"> 2355 2356<li 2357 x-data="{ openSub: false }" 2358 class="relative pl-7 rtl:pl-6 pr-6 rtl:pr-7" 2359 @mouseover="openSub = true; $el.classList.add('is-focus-child');" 2360 @mouseleave="$el.classList.remove('is-focus-child');" 2361 @mouseover.away="openSub = false" 2362 @focusin="openSub = true; $el.classList.add('is-focus-child');" 2363 @focusout="openSub = false; $el.classList.remove('is-focus-child');" 2364 > 2365 <div class="flex tree-menu-item-container items-center"> 2366 2367 2368 <span class="flex-1 menu-item-container rtl:text-end"> 2369 <a href="/pages/the-original-gas-station-restaurant" class="nav-link relative p-break-words inline-block duration-200 transition hover-text-link is-focus-child:effect-inline"> 2370 2371 2372 2373
2374 <span class="p-break-words">The Original Gas Station Restaurant</span> 2375 2376 2377</a> 2378 </span> 2379 </div></li><li 2380 x-data="{ openSub: false }" 2381 class="relative pl-7 rtl:pl-6 pr-6 rtl:pr-7" 2382 @mouseover="openSub = true; $el.classList.add('is-focus-child');" 2383 @mouseleave="$el.classList.remove('is-focus-child');" 2384 @mouseover.away="openSub = false" 2385 @focusin="openSub = true; $el.classList.add('is-focus-child');" 2386 @focusout="openSub = false; $el.classList.remove('is-focus-child');" 2387 > 2388 <div class="flex tree-menu-item-container items-center pt-3"> 2389 2390 2391 <span class="flex-1 menu-item-container rtl:text-end"> 2392 <a href="/pages/joes-kansas-city-olathe" class="nav-link relative p-break-words inline-block duration-200 transition hover-text-link is-focus-child:effect-inline"> 2393 2394 2395 2396 2397 <span class="p-break-words">Joe's Kansas City - Olathe</span> 2398 2399 2400</a> 2401 </span> 2402 </div></li><li 2403 x-data="{ openSub: false }" 2404 class="relative pl-7 rtl:pl-6 pr-6 rtl:pr-7" 2405 @mouseover="openSub = true; $el.classList.add('is-focus-child');" 2406 @mouseleave="$el.classList.remove('is-focus-child');" 2407 @mouseover.away="openSub = false" 2408 @focusin="openSub = true; $el.classList.add('is-focus-child');" 2409 @focusout="openSub = false; $el.classList.remove('is-focus-child');" 2410 > 2411 <div class="flex tree-menu-item-container items-center pt-3"> 2412 2413 2414 <span class="flex-1 menu-item-container rtl:text-end"> 2415 <a href="/pages/joes-kansas-city-leawood" class="nav-link relative p-break-words inline-block duration-200 transition hover-text-link is-focus-child:effect-inline"> 2416 2417 2418 2419 2420 <span class="p-break-words">Joe's Kansas City - Leawood</span> 2421 2422 2423</a> 2424 </span> 2425 </div></li><li 2426 x-data="{ openSub: false }" 2427 class="relative pl-7 rtl:pl-6 pr-6 rtl:pr-7" 2428 @mouseover="openSub = true; $el.classList.add('is-focus-child');" 2429 @mouseleave="$el.classList.remove('is-focus-child');" 2430 @mouseover.away="openSub = false" 2431 @focusin="openSub = true; $el.classList.add('is-focus-child');" 2432 @focusout="openSub = false; $el.classList.remove('is-focus-child');" 2433 > 2434 <div class="flex tree-menu-item-container items-center pt-3"> 2435 2436 2437 <span class="flex-1 menu-item-container rtl:text-end"> 2438 <a href="http://www.the180room.com" class="nav-link relative p-break-words inline-block duration-200 transition hover-text-link is-focus-child:effect-inline"> 2439 2440 2441 2442 2443 <span class="p-break-words">The 180 Room Event Space</span> 2444 2445 2446</a> 2447 </span> 2448 </div></li></ul> 2449 </template> </div> 2450 </div></li> 2451<li 2452 id="tree_menu_nGbaxp" 2453 class="tree-menu pl-0 relative has-dropdown" 2454 2455 2456 @mouseover="$store.xHeaderMenu.openMenu(3, true); selectedMenu = true" 2457 @focusin="$store.xHeaderMenu.openMenu(3, true); selectedMenu = true" 2458 2459 :class="$store.xHeaderMenu.show === 3 && 'is-focus'" 2460 2461 > 2462 <div class="flip-container relative cursor-pointer tree-menu-item p-break-words flex items-center justify-center pt-1 pb-1 relative hover-text-link is-focus:link-active" x-data='{ active: false }' 2463 2464 2465 x-intersect.once="$store.xHeaderMenu.isTouch && $store.xHeaderMenu.touchItem($el, false, 3)" 2466 2467 2468 > 2469 <div class="overflow-hidden pb-[1px] mg-blink flex items-center"> 2470 <div class="relative x-anm"> 2471 <a 2472 href="#" 2473 class="front cursor-pointer tree-menu-item p-break-words flex items-center justify-center pt-1 pb-1 relative hover-text-link
2473is-focus:link-active" 2474 2475 > 2476 2477 2478 2479 2480 2481 MENUS 2482 2483 2484 2485 </a><a 2486 href="#" 2487 tabindex="-1" 2488 class="back cursor-pointer tree-menu-item p-break-words flex items-center justify-center pt-1 pb-1 relative hover-text-link is-focus:link-active" 2489 2490 > 2491 2492 2493 2494 2495 2496 MENUS 2497 2498 2499 2500 </a></div> 2501 </div><span class="x-icon-caret w-5 pl-2"><svg width="100%" height="100%" viewBox="0 0 9 7" fill="none" xmlns="http://www.w3.org/2000/svg" style="fill: none;"> 2502 <path d="M0.75 1.625L4.5 5.375L8.25 1.625" stroke="currentcolor" stroke-width="1" stroke-linecap="round" stroke-linejoin="round"/> 2503 </svg> 2504</span></div><div :class="{ 'toggle-menu-hidden': $store.xHeaderMenu.show !== 3, 'toggle-menu-show': $store.xHeaderMenu.show === 3, 'active': $store.xHeaderMenu.initIndex.has(3) }" class="toggle-menu text-[rgba(var(--colors-text))] absolute z-50 background-header top-full w-48 xl:w-[222px] shadow-md is-focus:text-[rgba(var(--colors-text))]" > 2505 <div class="tree-menu-nav" id="menu-3"> 2506 2507<template x-if="!$store.xInit.runDispatch"> 2508 <ul class="pt-5 pb-5"> 2509 2510<li 2511 x-data="{ openSub: false }" 2512 class="relative pl-7 rtl:pl-6 pr-6 rtl:pr-7" 2513 @mouseover="openSub = true; $el.classList.add('is-focus-child');" 2514 @mouseleave="$el.classList.remove('is-focus-child');" 2515 @mouseover.away="openSub = false" 2516 @focusin="openSub = true; $el.classList.add('is-focus-child');" 2517 @focusout="openSub = false; $el.classList.remove('is-focus-child');" 2518 > 2519 <div class="flex tree-menu-item-container items-center"> 2520 2521 2522 <span class="flex-1 menu-item-container rtl:text-end"> 2523 <a href="/pages/restaurant-menu" class="nav-link relative p-break-words inline-block duration-200 transition hover-text-link is-focus-child:effect-inline"> 2524 2525 2526 2527 2528 <span class="p-break-words">Restaurant Menu</span> 2529 2530 2531</a> 2532 </span> 2533 </div></li><li 2534 x-data="{ openSub: false }" 2535 class="relative pl-7 rtl:pl-6 pr-6 rtl:pr-7" 2536 @mouseover="openSub = true; $el.classList.add('is-focus-child');" 2537 @mouseleave="$el.classList.remove('is-focus-child');" 2538 @mouseover.away="openSub = false" 2539 @focusin="openSub = true; $el.classList.add('is-focus-child');" 2540 @focusout="openSub = false; $el.classList.remove('is-focus-child');" 2541 > 2542 <div class="flex tree-menu-item-container items-center pt-3"> 2543 2544 2545 <span class="flex-1 menu-item-container rtl:text-end"> 2546 <a href="/pages/party-planner-menu" class="nav-link relative p-break-words inline-block duration-200 transition hover-text-link is-focus-child:effect-inline"> 2547 2548 2549 2550 2551 <span class="p-break-words">The Party Planner</span> 2552 2553 2554</a> 2555 </span> 2556 </div></li><li 2557 x-data="{ openSub: false }" 2558 class="relative pl-7 rtl:pl-6 pr-6 rtl:pr-7" 2559 @mouseover="openSub = true; $el.classList.add('is-focus-child');" 2560 @mouseleave="$el.classList.remove('is-focus-child');" 2561 @mouseover.away="openSub = false" 2562 @focusin="openSub = true; $el.classList.add('is-focus-child');" 2563 @focusout="openSub = false; $el.classList.remove('is-focus-child');" 2564 > 2565 <div class="flex tree-menu-item-container items-center pt-3"> 2566 2567
2568 <span class="flex-1 menu-item-container rtl:text-end"> 2569 <a href="/pages/catering-menu" class="nav-link relative p-break-words inline-block duration-200 transition hover-text-link is-focus-child:effect-inline"> 2570 2571 2572 2573 2574 <span class="p-break-words">Catering Menu</span> 2575 2576 2577</a> 2578 </span> 2579 </div></li><li 2580 x-data="{ openSub: false }" 2581 class="relative pl-7 rtl:pl-6 pr-6 rtl:pr-7" 2582 @mouseover="openSub = true; $el.classList.add('is-focus-child');" 2583 @mouseleave="$el.classList.remove('is-focus-child');" 2584 @mouseover.away="openSub = false" 2585 @focusin="openSub = true; $el.classList.add('is-focus-child');" 2586 @focusout="openSub = false; $el.classList.remove('is-focus-child');" 2587 > 2588 <div class="flex tree-menu-item-container items-center pt-3"> 2589 2590 2591 <span class="flex-1 menu-item-container rtl:text-end"> 2592 <a href="/pages/restaurant-allergen-information" class="nav-link relative p-break-words inline-block duration-200 transition hover-text-link is-focus-child:effect-inline"> 2593 2594 2595 2596 2597 <span class="p-break-words">Allergen Info</span> 2598 2599 2600</a> 2601 </span> 2602 </div></li><li 2603 x-data="{ openSub: false }" 2604 class="relative pl-7 rtl:pl-6 pr-6 rtl:pr-7" 2605 @mouseover="openSub = true; $el.classList.add('is-focus-child');" 2606 @mouseleave="$el.classList.remove('is-focus-child');" 2607 @mouseover.away="openSub = false" 2608 @focusin="openSub = true; $el.classList.add('is-focus-child');" 2609 @focusout="openSub = false; $el.classList.remove('is-focus-child');" 2610 > 2611 <div class="flex tree-menu-item-container items-center pt-3"> 2612 2613 2614 <span class="flex-1 menu-item-container rtl:text-end"> 2615 <a href="/pages/joes-kc-bbq-reheating-instructions" class="nav-link relative p-break-words inline-block duration-200 transition hover-text-link is-focus-child:effect-inline"> 2616 2617 2618 2619 2620 <span class="p-break-words">Reheat Instructions</span> 2621 2622 2623</a> 2624 </span> 2625 </div></li></ul> 2626 </template> </div> 2627 </div></li> 2628<li class="simple_menu pl-0" 2629 2630 @mouseover="$store.xHeaderMenu.openMenu(4);" 2631 @focusin="$store.xHeaderMenu.openMenu(4)" 2632 :class="$store.xHeaderMenu.show === 4 && 'is-focus'" 2633 2634 > 2635 <div class="flip-container simple_menu_item relative cursor-pointer flex items-center p-break-words justify-center pt-1 pb-1 hover-text-link is-focus:link-active" 2636 2637 > 2638 <div class="overflow-hidden pb-[1px] mg-blink flex items-center mr-2"> 2639 <div class="relative x-anm"> 2640 <a href="/pages/restaurant-allergen-information" 2641 class="front cursor-pointer flex items-center p-break-words justify-center pt-1 pb-1 hover-text-link is-focus:link-active" 2642 > 2643 2644 2645 2646 2647 2648 ALLERGEN MENU 2649 2650 2651 2652 </a> 2653 2654 <a href="/pages/restaurant-allergen-information" 2655 tabindex="-1" 2656 class="back cursor-pointer flex items-center p-break-words justify-center pt-1 pb-1 hover-text-link is-focus:link-active" 2657 > 2658 2659 2660 2661 2662 2663 ALLERGEN MENU 2664 2665 2666 2667 </a> 2668 2669 </div> 2670 </div></div></li> 2671<li x-data='{ selectedMenu: false, active: false }' 2672 class="tabbed_menu tabbed_menu pl-0 has-dropdown tabbed-animation-change" 2673 2674 2675 @mouseover="$store.xHeaderMenu.openMenu(5, true); selectedMenu = true" 2676 @focusin="$store.xHeaderMenu.openMenu(5, true); selectedMenu = true" 2677 2678 :class="$store.xHeaderMenu.show === 5 && 'is-focus'" 2679 2680 > 2681 <div class="tabbed_menu_item flip-container relative cursor-pointer flex items-center p-break-words justify-center pt-1 pb-1 hover-text-link
2681is-focus:link-active" 2682 2683 2684 x-intersect.once="$store.xHeaderMenu.isTouch && $store.xHeaderMenu.touchItem($el, false, 5)" 2685 2686 2687 > 2688 <div class="overflow-hidden pb-[1px] mg-blink flex items-center"> 2689 <div class="relative x-anm"> 2690 <a href="/collections" 2691 class="front cursor-pointer flex items-center p-break-words justify-center pt-1 pb-1 hover-text-link is-focus:link-active" 2692 > 2693 2694 2695 2696 2697 2698 2699 2700 2701<span 2702 class="highlight relative inline-block" 2703 x-data="{ isIntersecting: false }" 2704 x-intersect.once="isIntersecting = true" 2705 :class="isIntersecting && 'highlight-anm-start'" 2706> 2707 SHIP JOE'S 2708 2709 2710 <svg class="svg-highlight svg-highlight-sections--19816061632579__header svg-underline absolute left-0 top-auto w-full h-[30%] -bottom-[20%]" xmlns="http://www.w3.org/2000/svg" width="216" height="13" viewBox="0 0 216 13" fill="none" style="fill: none;" preserveAspectRatio="none"> 2711 <path d="M0.406646 9.68922C49.5975 4.73865 161.298 -2.39378 214.572 8.68106" vector-effect="non-scaling-stroke" stroke="var(--color-highlight)" stroke-width="2.5px"/> 2712 </svg> 2713 2714 2715</span> 2716 2717 2718 2719 </a> 2720 2721 <a href="/collections" 2722 tabindex="-1" 2723 class="back cursor-pointer flex items-center p-break-words justify-center pt-1 pb-1 hover-text-link is-focus:link-active" 2724 > 2725 2726 2727 2728 2729 2730 2731 2732 2733<span 2734 class="highlight relative inline-block" 2735 x-data="{ isIntersecting: false }" 2736 x-intersect.once="isIntersecting = true" 2737 :class="isIntersecting && 'highlight-anm-start'" 2738> 2739 SHIP JOE'S 2740 2741 2742 <svg class="svg-highlight svg-highlight-sections--19816061632579__header svg-underline absolute left-0 top-auto w-full h-[30%] -bottom-[20%]" xmlns="http://www.w3.org/2000/svg" width="216" height="13" viewBox="0 0 216 13" fill="none" style="fill: none;" preserveAspectRatio="none"> 2743 <path d="M0.406646 9.68922C49.5975 4.73865 161.298 -2.39378 214.572 8.68106" vector-effect="non-scaling-stroke" stroke="var(--color-highlight)" stroke-width="2.5px"/> 2744 </svg> 2745 2746 2747</span> 2748 2749 2750 2751 </a> 2752 2753 </div> 2754 </div><span class="x-icon-caret w-5 pl-2"><svg width="100%" height="100%" viewBox="0 0 9 7" fill="none" xmlns="http://www.w3.org/2000/svg" style="fill: none;"> 2755 <path d="M0.75 1.625L4.5 5.375L8.25 1.625" stroke="currentcolor" stroke-width="1" stroke-linecap="round" stroke-linejoin="round"/> 2756 </svg> 2757</span></div> 2758 2759<template x-if="!$store.xInit.runDispatch"> 2760 <div 2761 :class="{ 'toggle-menu-hidden': $store.xHeaderMenu.show !== 5, 'toggle-menu-show': $store.xHeaderMenu.show === 5, 'active': $store.xHeaderMenu.initIndex.has(5) }" 2762 id="menu-5" 2763 class="toggle-menu top-full background-header is-focus:text-[rgba(var(--colors-text))] text-[rgba(var(--colors-text))] absolute w-full background-header left-0 z-50 shadow-md ltr mega-menu-vertical" 2764 > 2765 <div x-intersect.once.full="$store.xHeaderMenu.updateHeight($el, 'menu-5')" class="mega-menu-container toggle-menu-child x-pgw page-width mr-auto ml-auto promotion-horizontal image-count-0 md:max-h-[80vh]"> 2766 <div class="mega-nav pt-8 pb-8 overflow-hidden relative grid-cols-4 mega-menu-vertical"><style data-shopify>.color-sub-label-tabbed_menu_i3nJmG { 2767 background: #ce021e; 2768 color: #ffffff; 2769 } 2770 .color-sub-label-tabbed_menu_i3nJmG:before{ 2771 border-top-color: #ce021e; 2772 } 2773 .dark .color-sub-label-tabbed_menu_i3nJmG { 2774 background: #ce021e; 2775 color: #ffffff 2776 } 2777 .dark .color-sub-label-tabbed_menu_i3nJmG:before { 2778 border-top-color: #ce021e; 2779 }</style> 2780 2781 2782 <style data-shopify> 2783 .grid-cols-tabbed_menu_i3nJmG { 2784 grid-template-columns: auto 1fr; 2785 } 2786 </style> 2787 <div class="mega-list-nav grid grid-cols-tabbed_menu_i3nJmG items-start w-full" x-refs="mega_nav"> 2788 <div class="md:max-h-[calc(80vh-3rem)] md:overflow-y-auto scrollbar-body flex flex-col w-72"> 2789 2790<div 2791 class="sub-menu flex items-center z-10 relative pl-2.5 pr-2.5 w-[15.6rem] border-t" 2792 2793 x-intersect.once="$store.xHeaderMenu.openSubMenu('tabbedmenui3njmg', '1');" 2794 2795 :class="$store.xHeaderMenu.subShow.get('tabbedmenui3njmg') === '1' && 'active'" 2796 @mouseover="$dispatch('mouseover-tabbedmenui3njmg-1'); $el.classList.add('is-focus-child')" 2797 @mouseleave="$el.classList.remove('is-focus-child')"
2798 @focusin="$dispatch('focusin-tabbedmenui3njmg-1'); $el.classList.add('is-focus-child')" 2799 @focusout="$el.classList.remove('is-focus-child')" 2800 > 2801 2802 2803 <span class="flex-1"> 2804 <a 2805 href="/collections" 2806 class="nav-link p-break-words z-10 pt-3 pb-3 flex flex-wrap gap-2 items-center pr-5 rtl:pr-0 rtl:pl-5 hover-text-link is-focus-child:effect-inline" 2807 @init-run.window="$store.xHeaderMenu.isTouch && $store.xHeaderMenu.touchItem($el, true, 1)" 2808 > 2809 2810 2811 2812 2813 2814 <span class="p-break-words">Shop By Collection</span> 2815 2816 2817 2818<span class="z-10 w-5 h-4 pt-1 pb-1 pl-1 pr-1 rounded-full block absolute -rotate-90 rtl:rotate-90 right-1.5 rtl:right-auto rtl:left-1.5"> 2819 <svg width="100%" height="100%" viewBox="0 0 9 7" fill="none" xmlns="http://www.w3.org/2000/svg" style="fill: none;"> 2820 <path d="M0.75 1.625L4.5 5.375L8.25 1.625" stroke="currentcolor" stroke-width="1" stroke-linecap="round" stroke-linejoin="round"/> 2821 </svg> 2822 2823 </span></a> 2824 </span> 2825 </div> 2826 2827 2828<div 2829 class="sub-menu flex items-center z-10 relative pl-2.5 pr-2.5 w-[15.6rem]" 2830 2831 :class="$store.xHeaderMenu.subShow.get('tabbedmenui3njmg') === '2' && 'active'" 2832 @mouseover="$dispatch('mouseover-tabbedmenui3njmg-2'); $el.classList.add('is-focus-child')" 2833 @mouseleave="$el.classList.remove('is-focus-child')" 2834 @focusin="$dispatch('focusin-tabbedmenui3njmg-2'); $el.classList.add('is-focus-child')" 2835 @focusout="$el.classList.remove('is-focus-child')" 2836 > 2837 2838 2839 <span class="flex-1"> 2840 <a 2841 href="/collections/smoked-meats" 2842 class="nav-link p-break-words z-10 pt-3 pb-3 flex flex-wrap gap-2 items-center pr-5 rtl:pr-0 rtl:pl-5 hover-text-link is-focus-child:effect-inline" 2843 @init-run.window="$store.xHeaderMenu.isTouch && $store.xHeaderMenu.touchItem($el, true, 2)" 2844 > 2845 2846 2847 2848 2849 2850 <span class="p-break-words">Shop By Smoked Meat</span> 2851 2852 2853 2854<span class="z-10 w-5 h-4 pt-1 pb-1 pl-1 pr-1 rounded-full block absolute -rotate-90 rtl:rotate-90 right-1.5 rtl:right-auto rtl:left-1.5"> 2855 <svg width="100%" height="100%" viewBox="0 0 9 7" fill="none" xmlns="http://www.w3.org/2000/svg" style="fill: none;"> 2856 <path d="M0.75 1.625L4.5 5.375L8.25 1.625" stroke="currentcolor" stroke-width="1" stroke-linecap="round" stroke-linejoin="round"/> 2857 </svg> 2858 2859 </span></a> 2860 </span> 2861 </div> 2862 2863 2864<div 2865 class="sub-menu flex items-center z-10 relative pl-2.5 pr-2.5 w-[15.6rem]" 2866 2867 :class="$store.xHeaderMenu.subShow.get('tabbedmenui3njmg') === '3' && 'active'" 2868 @mouseover="$dispatch('mouseover-tabbedmenui3njmg-3'); $el.classList.add('is-focus-child')" 2869 @mouseleave="$el.classList.remove('is-focus-child')"
2870 @focusin="$dispatch('focusin-tabbedmenui3njmg-3'); $el.classList.add('is-focus-child')" 2871 @focusout="$el.classList.remove('is-focus-child')" 2872 > 2873 2874 2875 <span class="flex-1"> 2876 <a 2877 href="/collections/sides-extras" 2878 class="nav-link p-break-words z-10 pt-3 pb-3 flex flex-wrap gap-2 items-center pr-5 rtl:pr-0 rtl:pl-5 hover-text-link is-focus-child:effect-inline" 2879 @init-run.window="$store.xHeaderMenu.isTouch && $store.xHeaderMenu.touchItem($el, true, 3)" 2880 > 2881 2882 2883 2884 2885 2886 <span class="p-break-words">Sauces & Sides</span> 2887 2888 2889 2890<span class="z-10 w-5 h-4 pt-1 pb-1 pl-1 pr-1 rounded-full block absolute -rotate-90 rtl:rotate-90 right-1.5 rtl:right-auto rtl:left-1.5"> 2891 <svg width="100%" height="100%" viewBox="0 0 9 7" fill="none" xmlns="http://www.w3.org/2000/svg" style="fill: none;"> 2892 <path d="M0.75 1.625L4.5 5.375L8.25 1.625" stroke="currentcolor" stroke-width="1" stroke-linecap="round" stroke-linejoin="round"/> 2893 </svg> 2894 2895 </span></a> 2896 </span> 2897 </div> 2898 2899 2900<div 2901 class="sub-menu flex items-center z-10 relative pl-2.5 pr-2.5 w-[15.6rem]" 2902 2903 :class="$store.xHeaderMenu.subShow.get('tabbedmenui3njmg') === '4' && 'active'" 2904 @mouseover="$dispatch('mouseover-tabbedmenui3njmg-4'); $el.classList.add('is-focus-child')" 2905 @mouseleave="$el.classList.remove('is-focus-child')" 2906 @focusin="$dispatch('focusin-tabbedmenui3njmg-4'); $el.classList.add('is-focus-child')" 2907 @focusout="$el.classList.remove('is-focus-child')" 2908 > 2909 2910 2911 <span class="flex-1"> 2912 <a 2913 href="/collections/joes-digital-gift-cards" 2914 class="nav-link p-break-words z-10 pt-3 pb-3 flex flex-wrap gap-2 items-center pr-5 rtl:pr-0 rtl:pl-5 hover-text-link is-focus-child:effect-inline" 2915 @init-run.window="$store.xHeaderMenu.isTouch && $store.xHeaderMenu.touchItem($el, true, 4)" 2916 > 2917 2918 2919 2920 2921 2922 <span class="p-break-words">Joe's Digital Gift Cards</span> 2923 2924 2925 2926<span class="z-10 w-5 h-4 pt-1 pb-1 pl-1 pr-1 rounded-full block absolute -rotate-90 rtl:rotate-90 right-1.5 rtl:right-auto rtl:left-1.5"> 2927 <svg width="100%" height="100%" viewBox="0 0 9 7" fill="none" xmlns="http://www.w3.org/2000/svg" style="fill: none;"> 2928 <path d="M0.75 1.625L4.5 5.375L8.25 1.625" stroke="currentcolor" stroke-width="1" stroke-linecap="round" stroke-linejoin="round"/> 2929 </svg> 2930 2931 </span></a> 2932 </span> 2933 </div> 2934 2935 2936<div 2937 class="sub-menu flex items-center z-10 relative pl-2.5 pr-2.5 w-[15.6rem]" 2938 2939 :class="$store.xHeaderMenu.subShow.get('tabbedmenui3njmg') === '5' && 'active'" 2940 @mouseover="$dispatch('mouseover-tabbedmenui3njmg-5'); $el.classList.add('is-focus-child')" 2941 @mouseleave="$el.classList.remove('is-focus-child')"
2942 @focusin="$dispatch('focusin-tabbedmenui3njmg-5'); $el.classList.add('is-focus-child')" 2943 @focusout="$el.classList.remove('is-focus-child')" 2944 > 2945 2946 2947 <span class="flex-1"> 2948 <a 2949 href="https://joeskansascitybarbecuestore.com/" 2950 class="nav-link p-break-words z-10 pt-3 pb-3 flex flex-wrap gap-2 items-center hover-text-link is-focus-child:effect-inline" 2951 2952 > 2953 2954 2955 2956 2957 2958 <span class="p-break-words">Sauces, Rubs, & Merch</span> 2959 2960 2961 2962</a> 2963 </span> 2964 </div> 2965 2966 2967<div 2968 class="sub-menu flex items-center z-10 relative pl-2.5 pr-2.5 w-[15.6rem]" 2969 2970 :class="$store.xHeaderMenu.subShow.get('tabbedmenui3njmg') === '6' && 'active'" 2971 @mouseover="$dispatch('mouseover-tabbedmenui3njmg-6'); $el.classList.add('is-focus-child')" 2972 @mouseleave="$el.classList.remove('is-focus-child')" 2973 @focusin="$dispatch('focusin-tabbedmenui3njmg-6'); $el.classList.add('is-focus-child')" 2974 @focusout="$el.classList.remove('is-focus-child')" 2975 > 2976 2977 2978 <span class="flex-1"> 2979 <a 2980 href="/pages/how-we-ship-joe-s-kc-bar-b-que" 2981 class="nav-link p-break-words z-10 pt-3 pb-3 flex flex-wrap gap-2 items-center pr-5 rtl:pr-0 rtl:pl-5 hover-text-link is-focus-child:effect-inline" 2982 @init-run.window="$store.xHeaderMenu.isTouch && $store.xHeaderMenu.touchItem($el, true, 6)" 2983 > 2984 2985 2986 2987 2988 2989 <span class="p-break-words">Shipping Information</span> 2990 2991 2992 2993<span class="z-10 w-5 h-4 pt-1 pb-1 pl-1 pr-1 rounded-full block absolute -rotate-90 rtl:rotate-90 right-1.5 rtl:right-auto rtl:left-1.5"> 2994 <svg width="100%" height="100%" viewBox="0 0 9 7" fill="none" xmlns="http://www.w3.org/2000/svg" style="fill: none;"> 2995 <path d="M0.75 1.625L4.5 5.375L8.25 1.625" stroke="currentcolor" stroke-width="1" stroke-linecap="round" stroke-linejoin="round"/> 2996 </svg> 2997 2998 </span></a> 2999 </span> 3000 </div> 3001 3002 3003<div 3004 class="sub-menu flex items-center z-10 relative pl-2.5 pr-2.5 w-[15.6rem]" 3005 3006 :class="$store.xHeaderMenu.subShow.get('tabbedmenui3njmg') === '7' && 'active'" 3007 @mouseover="$dispatch('mouseover-tabbedmenui3njmg-7'); $el.classList.add('is-focus-child')" 3008 @mouseleave="$el.classList.remove('is-focus-child')" 3009 @focusin="$dispatch('focusin-tabbedmenui3njmg-7'); $el.classList.add('is-focus-child')" 3010 @focusout="$el.classList.remove('is-focus-child')" 3011 > 3012 3013 3014 <span class="flex-1"> 3015 <a 3016 href="/pages/corporate-gifting" 3017 class="nav-link p-break-words z-10 pt-3 pb-3 flex flex-wrap gap-2 items-center hover-text-link is-focus-child:effect-inline" 3018 3019 > 3020 3021 3022 3023 3024
3025 <span class="p-break-words">Corporate Gifting</span> 3026 3027 3028 3029</a> 3030 </span> 3031 </div> 3032 3033 3034</div> 3035 <ul class="md:max-h-[calc(80vh-3rem)] md:overflow-y-scroll scrollbar-body scrollbar-visible"> 3036 3037 <li 3038 class="sub-menu-item has-dropdown tabbed-animation-change" 3039 3040 x-intersect.once="$store.xHeaderMenu.openSubMenu('tabbedmenui3njmg', '1');" 3041 3042 :class="$store.xHeaderMenu.subShow.get('tabbedmenui3njmg') === '1' && 'is-active'" 3043 @mouseover-tabbedmenui3njmg-1.window="$store.xHeaderMenu.openSubMenu('tabbedmenui3njmg', '1'); $el.classList.add('is-focus-child');" 3044 @mouseleave="$el.classList.remove('is-focus-child');" 3045 @focusin-tabbedmenui3njmg-1.window="$store.xHeaderMenu.openSubMenu('tabbedmenui3njmg', '1'); $el.classList.add('is-focus-child');" 3046 @focusout="$el.classList.remove('is-focus-child');" 3047 > 3048 3049 <div class="toggle-menu-sub overflow-hidden relative h-auto ltr"> 3050 <div class="relative x-pgw page-width mr-auto ml-auto"><ul class="sub-menu-container order-2 flex flex-wrap justify-left gap-y-7 gap-x-7 h-full"><li class="relative w-24 lg:w-48"> 3051 <div class=""> 3052 <a href="/collections/best-sellers" class="flex flex-wrap gap-2 nav-link relative transition duration-200 mb-2 p-break-words hover-text-link inline-block"> 3053 3054 3055 3056 3057 3058 <span class="p-break-words">Best Sellers</span> 3059 3060 3061 3062 </a> 3063 3064 3065 3066 3067 <a 3068 href="/collections/best-sellers" 3069 class="menu-item-image inline-block relative overflow-hidden w-full h-0 mt-1 pb-[100%] rounded-md" 3070 aria-label="image" 3071 3072 > 3073 3074 <img 3075 srcset="//www.joeskc.com/cdn/shop/collections/Best_Sellers_collection_banner..jpg?v=1761599088&width=100 100w, 3076 //www.joeskc.com/cdn/shop/collections/Best_Sellers_collection_banner..jpg?v=1761599088&width=225 225w, 3077 //www.joeskc.com/cdn/shop/collections/Best_Sellers_collection_banner..jpg?v=1761599088&width=375 375w, 3078 //www.joeskc.com/cdn/shop/collections/Best_Sellers_collection_banner..jpg?v=1761599088&width=450 450w, 3079 //www.joeskc.com/cdn/shop/collections/Best_Sellers_collection_banner..jpg?v=1761599088&width=750 750w, 3080 //www.joeskc.com/cdn/shop/collections/Best_Sellers_collection_banner..jpg?v=1761599088&width=900 900w, 3081 //www.joeskc.com/cdn/shop/collections/Best_Sellers_collection_banner..jpg?v=1761599088&width=1100 1100w, 3082 //www.joeskc.com/cdn/shop/collections/Best_Sellers_collection_banner..jpg?v=1761599088&width=1500 1500w, 3083 //www.joeskc.com/cdn/shop/collections/Best_Sellers_collection_banner..jpg?v=1761599088&width=1780 1780w" 3084 src="//www.joeskc.com/cdn/shop/collections/Best_Sellers_collection_banner..jpg?v=1761599088&width=3840" 3085 sizes="(min-width: 768px) calc(1300px / 5), 3086 3087 (min-width: 768px) 100px" 3088 alt="Joeâs Kansas City Bar-B-Que (BBQ) Best Sellers collection banner." 3089 height="1969" 3090 width="3499" 3091 loading="lazy" 3092 onload="requestAnimationFrame(() => { this.closest('.skeleton-image')?.classList.remove('animate-Xpulse', 'skeleton-image'); });" 3093 class="w-full h-full object-cover z-10 object-center image-hover absolute top-0 right-0 animate-Xpulse skeleton-image rounded-[10px]" 3094 > 3095 3096 </a> 3097 3098 </div></li><li class="relative w-24 lg:w-48"> 3099 <div class=""> 3100 <a href="/collections/z-man-kits" class="flex flex-wrap gap-2 nav-link relative transition duration-200 mb-2 p-break-words hover-text-link
3100inline-block"> 3101 3102 3103 3104 3105 3106 <span class="p-break-words">The Z-Man</span> 3107 3108 3109 3110 </a> 3111 3112 3113 3114 3115 <a 3116 href="/collections/z-man-kits" 3117 class="menu-item-image inline-block relative overflow-hidden w-full h-0 mt-1 pb-[100%] rounded-md" 3118 aria-label="image" 3119 3120 > 3121 3122 <img 3123 srcset="//www.joeskc.com/cdn/shop/collections/Send-Joes-KC-full-set-zman_454da2e1-47c1-41c6-8866-8937e9b8e1f9.png?v=1759958342&width=100 100w, 3124 //www.joeskc.com/cdn/shop/collections/Send-Joes-KC-full-set-zman_454da2e1-47c1-41c6-8866-8937e9b8e1f9.png?v=1759958342&width=225 225w, 3125 //www.joeskc.com/cdn/shop/collections/Send-Joes-KC-full-set-zman_454da2e1-47c1-41c6-8866-8937e9b8e1f9.png?v=1759958342&width=375 375w, 3126 //www.joeskc.com/cdn/shop/collections/Send-Joes-KC-full-set-zman_454da2e1-47c1-41c6-8866-8937e9b8e1f9.png?v=1759958342&width=450 450w, 3127 //www.joeskc.com/cdn/shop/collections/Send-Joes-KC-full-set-zman_454da2e1-47c1-41c6-8866-8937e9b8e1f9.png?v=1759958342&width=750 750w, 3128 //www.joeskc.com/cdn/shop/collections/Send-Joes-KC-full-set-zman_454da2e1-47c1-41c6-8866-8937e9b8e1f9.png?v=1759958342&width=900 900w, 3129 //www.joeskc.com/cdn/shop/collections/Send-Joes-KC-full-set-zman_454da2e1-47c1-41c6-8866-8937e9b8e1f9.png?v=1759958342&width=1100 1100w, 3130 //www.joeskc.com/cdn/shop/collections/Send-Joes-KC-full-set-zman_454da2e1-47c1-41c6-8866-8937e9b8e1f9.png?v=1759958342&width=1500 1500w, 3131 //www.joeskc.com/cdn/shop/collections/Send-Joes-KC-full-set-zman_454da2e1-47c1-41c6-8866-8937e9b8e1f9.png?v=1759958342&width=1780 1780w" 3132 src="//www.joeskc.com/cdn/shop/collections/Send-Joes-KC-full-set-zman_454da2e1-47c1-41c6-8866-8937e9b8e1f9.png?v=1759958342&width=3840" 3133 sizes="(min-width: 768px) calc(1300px / 5), 3134 3135 (min-width: 768px) 100px" 3136 alt="Joeâs Kansas City Bar-B-Que (BBQ) Z-Man Kits collection banner." 3137 height="1024" 3138 width="1024" 3139 loading="lazy" 3140 onload="requestAnimationFrame(() => { this.closest('.skeleton-image')?.classList.remove('animate-Xpulse', 'skeleton-image'); });" 3141 class="w-full h-full object-cover z-10 object-center image-hover absolute top-0 right-0 animate-Xpulse skeleton-image rounded-[10px]" 3142 > 3143 3144 </a> 3145 3146 </div></li><li class="relative w-24 lg:w-48"> 3147 <div class=""> 3148 <a href="/collections/smoked-meats" class="flex flex-wrap gap-2 nav-link relative transition duration-200 mb-2 p-break-words hover-text-link inline-block"> 3149 3150 3151 3152 3153 3154 <span class="p-break-words">Smoked Meats</span> 3155 3156 3157 3158 </a> 3159 3160 3161 3162 3163 <a 3164 href="/collections/smoked-meats" 3165 class="menu-item-image inline-block relative overflow-hidden w-full h-0 mt-1 pb-[100%] rounded-md" 3166 aria-label="image" 3167 3168 > 3169 3170 <img 3171 srcset="//www.joeskc.com/cdn/shop/collections/AllMeat-Joeskc1348.jpg?v=1761598612&width=100 100w, 3172 //www.joeskc.com/cdn/shop/collections/AllMeat-Joeskc1348.jpg?v=1761598612&width=225 225w, 3173 //www.joeskc.com/cdn/shop/collections/AllMeat-Joeskc1348.jpg?v=1761598612&width=375 375w, 3174 //www.joeskc.com/cdn/shop/collections/AllMeat-Joeskc1348.jpg?v=1761598612&width=450 450w, 3175 //www.joeskc.com/cdn/shop/collections/AllMeat-Joeskc1348.jpg?v=1761598612&width=750 750w, 3176 //www.joeskc.com/cdn/shop/collections/AllMeat-Joeskc1348.jpg?v=1761598612&width=900 900w, 3177 //www.joeskc.com/cdn/shop/collections/AllMeat-Joeskc1348.jpg?v=1761598612&width=1100 1100w, 3178 //www.joeskc.com/cdn/shop/collections/AllMeat-Joeskc1348.jpg?v=1761598612&width=1500 1500w, 3179 //www.joeskc.com/cdn/shop/collections/AllMeat-Joeskc1348.jpg?v=1761598612&width=1780 1780w" 3180 src="//www.joeskc.com/cdn/shop/collections/AllMeat-Joeskc1348.jpg?v=1761598612&width=3840" 3181 sizes="(min-width: 768px) calc(1300px / 5), 3182 3183 (min-width: 768px) 100px" 3184 alt="Joeâs Kansas City Bar-B-Que (BBQ) Smoked Meats collection banner." 3185 height="2474" 3186 width="4398" 3187 loading="lazy" 3188 onload="requestAnimationFrame(() => { this.closest('.skeleton-image')?.classList.remove('animate-Xpulse', 'skeleton-image'); });" 3189 class="w-full h-full object-cover z-10 object-center image-hover absolute top-0 right-0 animate-Xpulse skeleton-image rounded-[10px]" 3190 > 3191 3192 </a> 3193 3194 </div></li><li class="relative w-24 lg:w-48"> 3195 <div class=""> 3196 <a href="/collections/a-la-carte-meats" class="flex flex-wrap gap-2 nav-link relative transition duration-200 mb-2 p-break-words hover-text-link
3196inline-block"> 3197 3198 3199 3200 3201 3202 <span class="p-break-words">A La Carte Meats</span> 3203 3204 3205 3206 </a> 3207 3208 3209 3210 3211 <a 3212 href="/collections/a-la-carte-meats" 3213 class="menu-item-image inline-block relative overflow-hidden w-full h-0 mt-1 pb-[100%] rounded-md" 3214 aria-label="image" 3215 3216 > 3217 3218 <img 3219 srcset="//www.joeskc.com/cdn/shop/collections/PACKAGES_09956f91-3f97-4920-a426-e3035050216a.png?v=1759957731&width=100 100w, 3220 //www.joeskc.com/cdn/shop/collections/PACKAGES_09956f91-3f97-4920-a426-e3035050216a.png?v=1759957731&width=225 225w, 3221 //www.joeskc.com/cdn/shop/collections/PACKAGES_09956f91-3f97-4920-a426-e3035050216a.png?v=1759957731&width=375 375w, 3222 //www.joeskc.com/cdn/shop/collections/PACKAGES_09956f91-3f97-4920-a426-e3035050216a.png?v=1759957731&width=450 450w, 3223 //www.joeskc.com/cdn/shop/collections/PACKAGES_09956f91-3f97-4920-a426-e3035050216a.png?v=1759957731&width=750 750w, 3224 //www.joeskc.com/cdn/shop/collections/PACKAGES_09956f91-3f97-4920-a426-e3035050216a.png?v=1759957731&width=900 900w, 3225 //www.joeskc.com/cdn/shop/collections/PACKAGES_09956f91-3f97-4920-a426-e3035050216a.png?v=1759957731&width=1100 1100w, 3226 //www.joeskc.com/cdn/shop/collections/PACKAGES_09956f91-3f97-4920-a426-e3035050216a.png?v=1759957731&width=1500 1500w, 3227 //www.joeskc.com/cdn/shop/collections/PACKAGES_09956f91-3f97-4920-a426-e3035050216a.png?v=1759957731&width=1780 1780w" 3228 src="//www.joeskc.com/cdn/shop/collections/PACKAGES_09956f91-3f97-4920-a426-e3035050216a.png?v=1759957731&width=3840" 3229 sizes="(min-width: 768px) calc(1300px / 5), 3230 3231 (min-width: 768px) 100px" 3232 alt="Joeâs Kansas City Bar-B-Que (BBQ) A La Carte Meats collection banner." 3233 height="1933" 3234 width="2020" 3235 loading="lazy" 3236 onload="requestAnimationFrame(() => { this.closest('.skeleton-image')?.classList.remove('animate-Xpulse', 'skeleton-image'); });" 3237 class="w-full h-full object-cover z-10 object-center image-hover absolute top-0 right-0 animate-Xpulse skeleton-image rounded-[10px]" 3238 > 3239 3240 </a> 3241 3242 </div></li><li class="relative w-24 lg:w-48"> 3243 <div class=""> 3244 <a href="/collections/sides-extras" class="flex flex-wrap gap-2 nav-link relative transition duration-200 mb-2 p-break-words hover-text-link inline-block"> 3245 3246 3247 3248 3249 3250 <span class="p-break-words">Sauces & Side Dishes</span> 3251 3252 3253 3254 </a> 3255 3256 3257 3258 3259 <a 3260 href="/collections/sides-extras" 3261 class="menu-item-image inline-block relative overflow-hidden w-full h-0 mt-1 pb-[100%] rounded-md" 3262 aria-label="image" 3263 3264 > 3265 3266 <img 3267 srcset="//www.joeskc.com/cdn/shop/collections/Side_combo_with_sauce_2.png?v=1762795284&width=100 100w, 3268 //www.joeskc.com/cdn/shop/collections/Side_combo_with_sauce_2.png?v=1762795284&width=225 225w, 3269 //www.joeskc.com/cdn/shop/collections/Side_combo_with_sauce_2.png?v=1762795284&width=375 375w, 3270 //www.joeskc.com/cdn/shop/collections/Side_combo_with_sauce_2.png?v=1762795284&width=450 450w, 3271 //www.joeskc.com/cdn/shop/collections/Side_combo_with_sauce_2.png?v=1762795284&width=750 750w, 3272 //www.joeskc.com/cdn/shop/collections/Side_combo_with_sauce_2.png?v=1762795284&width=900 900w, 3273 //www.joeskc.com/cdn/shop/collections/Side_combo_with_sauce_2.png?v=1762795284&width=1100 1100w, 3274 //www.joeskc.com/cdn/shop/collections/Side_combo_with_sauce_2.png?v=1762795284&width=1500 1500w, 3275 //www.joeskc.com/cdn/shop/collections/Side_combo_with_sauce_2.png?v=1762795284&width=1780 1780w" 3276 src="//www.joeskc.com/cdn/shop/collections/Side_combo_with_sauce_2.png?v=1762795284&width=3840" 3277 sizes="(min-width: 768px) calc(1300px / 5), 3278 3279 (min-width: 768px) 100px" 3280 alt="Joeâs Kansas City Bar-B-Que (BBQ) Sides collection banner." 3281 height="900" 3282 width="1200" 3283 loading="lazy" 3284 onload="requestAnimationFrame(() => { this.closest('.skeleton-image')?.classList.remove('animate-Xpulse', 'skeleton-image'); });" 3285 class="w-full h-full object-cover z-10 object-center image-hover absolute top-0 right-0 animate-Xpulse skeleton-image rounded-[10px]" 3286 > 3287 3288 </a> 3289 3290 </div></li><li class="relative w-24 lg:w-48"> 3291 <div class=""> 3292 <a href="/collections/shop-gifts" class="flex flex-wrap gap-2 nav-link relative transition duration-200 mb-2 p-break-words hover-text-link
3292inline-block"> 3293 3294 3295 3296 3297 3298 <span class="p-break-words">Shop Gifts</span> 3299 3300 3301 3302 </a> 3303 3304 3305 3306 3307 <a 3308 href="/collections/shop-gifts" 3309 class="menu-item-image inline-block relative overflow-hidden w-full h-0 mt-1 pb-[100%] rounded-md" 3310 aria-label="image" 3311 3312 > 3313 3314 <img 3315 srcset="//www.joeskc.com/cdn/shop/collections/SJ_logo_with_santa_hat.png?v=1762185264&width=100 100w, 3316 //www.joeskc.com/cdn/shop/collections/SJ_logo_with_santa_hat.png?v=1762185264&width=225 225w, 3317 //www.joeskc.com/cdn/shop/collections/SJ_logo_with_
3317santa_hat.png?v=1762185264&width=375 375w, 3318 //www.joeskc.com/cdn/shop/collections/SJ_logo_with_santa_hat.png?v=1762185264&width=450 450w, 3319 //www.joeskc.com/cdn/shop/collections/SJ_logo_with_santa_hat.png?v=1762185264&width=750 750w, 3320 //www.joeskc.com/cdn/shop/collections/SJ_logo_with_santa_hat.png?v=1762185264&width=900 900w, 3321 //www.joeskc.com/cdn/shop/collections/SJ_logo_with_santa_hat.png?v=1762185264&width=1100 1100w, 3322 //www.joeskc.com/cdn/shop/collections/SJ_logo_with_santa_hat.png?v=1762185264&width=1500 1500w, 3323 //www.joeskc.com/cdn/shop/collections/SJ_logo_with_santa_hat.png?v=1762185264&width=1780 1780w" 3324 src="//www.joeskc.com/cdn/shop/collections/SJ_logo_with_santa_hat.png?v=1762185264&width=3840" 3325 sizes="(min-width: 768px) calc(1300px / 5), 3326 3327 (min-width: 768px) 100px" 3328 alt="Joeâs Kansas City Bar-B-Que (BBQ) Shop Gifts collection banner" 3329 height="900" 3330 width="1200" 3331 loading="lazy" 3332 onload="requestAnimationFrame(() => { this.closest('.skeleton-image')?.classList.remove('animate-Xpulse', 'skeleton-image'); });" 3333 class="w-full h-full object-cover z-10 object-center image-hover absolute top-0 right-0 animate-Xpulse skeleton-image rounded-[10px]" 3334 > 3335 3336 </a> 3337 3338 </div></li><li class="relative w-24 lg:w-48"> 3339 <div class=""> 3340 <a href="/collections/all-items" class="flex flex-wrap gap-2 nav-link relative transition duration-200 mb-2 p-break-words hover-text-link inline-block"> 3341 3342 3343 3344 3345 3346 <span class="p-break-words">All Items</span> 3347 3348 3349 3350 </a> 3351 3352 3353 3354 3355 <a 3356 href="/collections/all-items" 3357 class="menu-item-image inline-block relative overflow-hidden w-full h-0 mt-1 pb-[100%] rounded-md" 3358 aria-label="image" 3359 3360 > 3361 3362 <img 3363 srcset="//www.joeskc.com/cdn/shop/collections/all_items_collection_banner.png?v=1761598087&width=100 100w, 3364 //www.joeskc.com/cdn/shop/collections/all_items_collection_banner.png?v=1761598087&width=225 225w, 3365 //www.joeskc.com/cdn/shop/collections/all_items_collection_banner.png?v=1761598087&width=375 375w, 3366 //www.joeskc.com/cdn/shop/collections/all_items_collection_banner.png?v=1761598087&width=450 450w, 3367 //www.joeskc.com/cdn/shop/collections/all_items_collection_banner.png?v=1761598087&width=750 750w, 3368 //www.joeskc.com/cdn/shop/collections/all_items_collection_banner.png?v=1761598087&width=900 900w, 3369 //www.joeskc.com/cdn/shop/collections/all_items_collection_banner.png?v=1761598087&width=1100 1100w, 3370 //www.joeskc.com/cdn/shop/collections/all_items_collection_banner.png?v=1761598087&width=1500 1500w, 3371 //www.joeskc.com/cdn/shop/collections/all_items_collection_banner.png?v=1761598087&width=1780 1780w" 3372 src="//www.joeskc.com/cdn/shop/collections/all_items_collection_banner.png?v=1761598087&width=3840" 3373 sizes="(min-width: 768px) calc(1300px / 5), 3374 3375 (min-width: 768px) 100px" 3376 alt="Joe's Kansas City Bar-B-Que All Items Collection Banner" 3377 height="900" 3378 width="1200" 3379 loading="lazy" 3380 onload="requestAnimationFrame(() => { this.closest('.skeleton-image')?.classList.remove('animate-Xpulse', 'skeleton-image'); });" 3381 class="w-full h-full object-cover z-10 object-center image-hover absolute top-0 right-0 animate-Xpulse skeleton-image rounded-[10px]" 3382 > 3383 3384 </a> 3385 3386 </div></li><li class="relative w-24 lg:w-48"> 3387 <div class=""> 3388 <a href="/products/joes-trucker-hat-copy" class="flex flex-wrap gap-2 nav-link relative transition duration-200 mb-2 p-break-words hover-text-link
3388inline-block"> 3389 3390 3391 3392 3393 3394 <span class="p-break-words">Joe's Trucker Hat</span> 3395 3396 3397 3398 </a> 3399 3400 3401 3402 3403 <a 3404 href="/products/joes-trucker-hat-copy" 3405 class="menu-item-image inline-block relative overflow-hidden w-full h-0 mt-1 pb-[100%] rounded-md" 3406 aria-label="image" 3407 3408 > 3409 3410 <img 3411 srcset="//www.joeskc.com/cdn/shop/files/Joe_s_Trucker_Hat.png?v=1753207652&width=100 100w, 3412 //www.joeskc.com/cdn/shop/files/Joe_s_Trucker_Hat.png?v=1753207652&width=225 225w, 3413 //www.joeskc.com/cdn/shop/files/Joe_s_Trucker_Hat.png?v=1753207652&width=375 375w, 3414 //www.joeskc.com/cdn/shop/files/Joe_s_Trucker_Hat.png?v=1753207652&width=450 450w, 3415 //www.joeskc.com/cdn/shop/files/Joe_s_Trucker_Hat.png?v=1753207652&width=750 750w, 3416 //www.joeskc.com/cdn/shop/files/Joe_s_Trucker_Hat.png?v=1753207652&width=900 900w, 3417 //www.joeskc.com/cdn/shop/files/Joe_s_Trucker_Hat.png?v=1753207652&width=1100 1100w, 3418 //www.joeskc.com/cdn/shop/files/Joe_s_Trucker_Hat.png?v=1753207652&width=1500 1500w, 3419 //www.joeskc.com/cdn/shop/files/Joe_s_Trucker_Hat.png?v=1753207652&width=1780 1780w" 3420 src="//www.joeskc.com/cdn/shop/files/Joe_s_Trucker_Hat.png?v=1753207652&width=3840" 3421 sizes="(min-width: 768px) calc(1300px / 5), 3422 3423 (min-width: 768px) 100px" 3424 alt="Joe's Trucker Hat - SendJoesKCBBQ" 3425 height="1080" 3426 width="1080" 3427 loading="lazy" 3428 onload="requestAnimationFrame(() => { this.closest('.skeleton-image')?.classList.remove('animate-Xpulse', 'skeleton-image'); });" 3429 class="w-full h-full object-cover z-10 object-center image-hover absolute top-0 right-0 animate-Xpulse skeleton-image rounded-[10px]" 3430 > 3431 3432 </a> 3433 3434 </div></li></ul></div> 3435 3436 </div> 3437 </li> 3438 3439 <li 3440 class="sub-menu-item has-dropdown tabbed-animation-change" 3441 3442 :class="$store.xHeaderMenu.subShow.get('tabbedmenui3njmg') === '2' && 'is-active'" 3443 @mouseover-tabbedmenui3njmg-2.window="$store.xHeaderMenu.openSubMenu('tabbedmenui3njmg', '2'); $el.classList.add('is-focus-child');" 3444 @mouseleave="$el.classList.remove('is-focus-child');" 3445 @focusin-tabbedmenui3njmg-2.window="$store.xHeaderMenu.openSubMenu('tabbedmenui3njmg', '2'); $el.classList.add('is-focus-child');" 3446 @focusout="$el.classList.remove('is-focus-child');" 3447 > 3448 3449 <div class="toggle-menu-sub overflow-hidden relative h-auto ltr"> 3450 <div class="relative x-pgw page-width mr-auto ml-auto"><ul class="sub-menu-container order-2 flex flex-wrap justify-left gap-y-7 gap-x-7 h-full"><li class="relative w-24 lg:w-48"> 3451 <div class=""> 3452 <a href="/collections/brisket" class="flex flex-wrap gap-2 nav-link relative transition duration-200 mb-2 p-break-words hover-text-link inline-block"> 3453 3454 3455 3456 3457 3458 <span class="p-break-words">Brisket</span> 3459 3460 3461 3462 </a> 3463 3464 3465 3466 3467 <a 3468 href="/collections/brisket" 3469 class="menu-item-image inline-block relative overflow-hidden w-full h-0 mt-1 pb-[100%] rounded-md" 3470 aria-label="image" 3471 3472 > 3473 3474 <img 3475 srcset="//www.joeskc.com/cdn/shop/collections/BrisketOnePoun
3475dweb_ef6ab608-0fc4-4688-b777-8311dda2dbb9.jpg?v=1762544439&width=100 100w, 3476 //www.joeskc.com/cdn/shop/collections/BrisketOnePoundweb_ef6ab608-0fc4-4688-b777-8311dda2dbb9.jpg?v=1762544439&width=225 225w, 3477 //www.joeskc.com/cdn/shop/collections/BrisketOnePoundweb_ef6ab608-0fc4-4688-b777-8311dda2dbb9.jpg?v=1762544439&width=375 375w, 3478 //www.joeskc.com/cdn/shop/collections/BrisketOnePoundweb_ef6ab608-0fc4-4688-b777-8311dda2dbb9.jpg?v=1762544439&width=450 450w, 3479 //www.joeskc.com/cdn/shop/collections/BrisketOnePoundweb_ef6ab608-0fc4-4688-b777-8311dda2dbb9.jpg?v=1762544439&width=750 750w, 3480 //www.joeskc.com/cdn/shop/collections/BrisketOnePoundweb_ef6ab608-0fc4-4688-b777-8311dda2dbb9.jpg?v=1762544439&width=900 900w, 3481 //www.joeskc.com/cdn/shop/collections/BrisketOnePoundweb_ef6ab608-0fc4-4688-b777-8311dda2dbb9.jpg?v=1762544439&width=1100 1100w, 3482 //www.joeskc.com/cdn/shop/collections/BrisketOnePoundweb_ef6ab608-0fc4-4688-b777-8311dda2dbb9.jpg?v=1762544439&width=1500 1500w, 3483 //www.joeskc.com/cdn/shop/collections/BrisketOnePoundweb_ef6ab608-0fc4-4688-b777-8311dda2dbb9.jpg?v=1762544439&width=1780 1780w" 3484 src="//www.joeskc.com/cdn/shop/collections/BrisketOnePoundweb_ef6ab608-0fc4-4688-b777-8311dda2dbb9.jpg?v=1762544439&width=3840" 3485 sizes="(min-width: 768px) calc(1300px / 5), 3486 3487 (min-width: 768px) 100px" 3488 alt="Joeâs Kansas City Bar-B-Que (BBQ) Brisket collection banner." 3489 height="1542" 3490 width="2313" 3491 loading="lazy" 3492 onload="requestAnimationFrame(() => { this.closest('.skeleton-image')?.classList.remove('animate-Xpulse', 'skeleton-image'); });" 3493 class="w-full h-full object-cover z-10 object-center image-hover absolute top-0 right-0 animate-Xpulse skeleton-image rounded-[10px]" 3494 > 3495 3496 </a> 3497 3498 </div></li><li class="relative w-24 lg:w-48"> 3499 <div class=""> 3500 <a href="/collections/burnt-ends" class="flex flex-wrap gap-2 nav-link relative transition duration-200 mb-2 p-break-words hover-text-link inline-block"> 3501 3502 3503 3504 3505 3506 <span class="p-break-words">Burnt Ends</span> 3507 3508 3509 3510 </a> 3511 3512 3513 3514 3515 <a 3516 href="/collections/burnt-ends" 3517 class="menu-item-image inline-block relative overflow-hidden w-full h-0 mt-1 pb-[100%] rounded-md" 3518 aria-label="image" 3519 3520 > 3521 3522 <img 3523 srcset="//www.joeskc.com/cdn/shop/collections/Send-Joes-KC-burnt-ends-4-lbs.png?v=1759959698&width=100 100w, 3524 //www.joeskc.com/cdn/shop/collections/Send-Joes-KC-burnt-ends-4-lbs.png?v=1759959698&width=225 225w, 3525 //www.joeskc.com/cdn/shop/collections/Send-Joes-KC-burnt-ends-4-lbs.png?v=1759959698&width=375 375w, 3526 //www.joeskc.com/cdn/shop/collections/Send-Joes-KC-burnt-ends-4-lbs.png?v=1759959698&width=450 450w, 3527 //www.joeskc.com/cdn/shop/collections/Send-Joes-KC-burnt-ends-4-lbs.png?v=1759959698&width=750 750w, 3528 //www.joeskc.com/cdn/shop/collections/Send-Joes-KC-burnt-ends-4-lbs.png?v=1759959698&width=900 900w, 3529 //www.joeskc.com/cdn/shop/collections/Send-Joes-KC-burnt-ends-4-lbs.png?v=1759959698&width=1100 1100w, 3530 //www.joeskc.com/cdn/shop/collections/Send-Joes-KC-burnt-ends-4-lbs.png?v=1759959698&width=1500 1500w, 3531 //www.joeskc.com/cdn/shop/collections/Send-Joes-KC-burnt-ends-4-lbs.png?v=1759959698&width=1780 1780w" 3532 src="//www.joeskc.com/cdn/shop/collections/Send-Joes-KC-burnt-ends-4-lbs.png?v=1759959698&width=3840" 3533 sizes="(min-width: 768px) calc(1300px / 5), 3534 3535 (min-width: 768px) 100px" 3536 alt="Joeâs Kansas City Bar-B-Que (BBQ) Burnt Ends collection banner." 3537 height="1024" 3538 width="1024" 3539 loading="lazy" 3540 onload="requestAnimationFrame(() => { this.closest('.skeleton-image')?.classList.remove('animate-Xpulse', 'skeleton-image'); });" 3541 class="w-full h-full object-cover z-10 object-center image-hover absolute top-0 right-0 animate-Xpulse skeleton-image rounded-[10px]" 3542 > 3543 3544 </a> 3545 3546 </div></li><li class="relative w-24 lg:w-48"> 3547 <div class=""> 3548 <a href="/collections/ribs" class="flex flex-wrap gap-2 nav-link relative transition duration-200 mb-2 p-break-words hover-text-link
3548inline-block"> 3549 3550 3551 3552 3553 3554 <span class="p-break-words">Ribs</span> 3555 3556 3557 3558 </a> 3559 3560 3561 3562 3563 <a 3564 href="/collections/ribs" 3565 class="menu-item-image inline-block relative overflow-hidden w-full h-0 mt-1 pb-[100%] rounded-md" 3566 aria-label="image" 3567 3568 > 3569 3570 <img 3571 srcset="//www.joeskc.com/cdn/shop/collections/Send-Joes-KC-Ribs_-Shingled2_a9a6d48f-8eaf-4bd2-855d-043434e50787.png?v=1762545678&width=100 100w, 3572 //www.joeskc.com/cdn/shop/collections/Send-Joes-KC-Ribs_-Shingled2_a9a6d48f-8eaf-4bd2-855d-043434e50787.png?v=1762545678&width=225 225w, 3573 //www.joeskc.com/cdn/shop/collections/Send-Joes-KC-Ribs_-Shingled2_a9a6d48f-8eaf-4bd2-855d-043434e50787.png?v=1762545678&width=375 375w, 3574 //www.joeskc.com/cdn/shop/collections/Send-Joes-KC-Ribs_-Shingled2_a9a6d48f-8eaf-4bd2-855d-043434e50787.png?v=1762545678&width=450 450w, 3575 //www.joeskc.com/cdn/shop/collections/Send-Joes-KC-Ribs_-Shingled2_a9a6d48f-8eaf-4bd2-855d-043434e50787.png?v=1762545678&width=750 750w, 3576 //www.joeskc.com/cdn/shop/collections/Send-Joes-KC-Ribs_-Shingled2_a9a6d48f-8eaf-4bd2-855d-043434e50787.png?v=1762545678&width=900 900w, 3577 //www.joeskc.com/cdn/shop/collections/Send-Joes-KC-Ribs_-Shingled2_a9a6d48f-8eaf-4bd2-855d-043434e50787.png?v=1762545678&width=1100 1100w, 3578 //www.joeskc.com/cdn/shop/collections/Send-Joes-KC-Ribs_-Shingled2_a9a6d48f-8eaf-4bd2-855d-043434e50787.png?v=1762545678&width=1500 1500w, 3579 //www.joeskc.com/cdn/shop/collections/Send-Joes-KC-Ribs_-Shingled2_a9a6d48f-8eaf-4bd2-855d-043434e50787.png?v=1762545678&width=1780 1780w" 3580 src="//www.joeskc.com/cdn/shop/collections/Send-Joes-KC-Ribs_-Shingled2_a9a6d48f-8eaf-4bd2-855d-043434e50787.png?v=1762545678&width=3840" 3581 sizes="(min-width: 768px) calc(1300px / 5), 3582 3583 (min-width: 768px) 100px" 3584 alt="Joeâs Kansas City Bar-B-Que (BBQ) Ribs collection banner." 3585 height="1024" 3586 width="1024" 3587 loading="lazy" 3588 onload="requestAnimationFrame(() => { this.closest('.skeleton-image')?.classList.remove('animate-Xpulse', 'skeleton-image'); });" 3589 class="w-full h-full object-cover z-10 object-center image-hover absolute top-0 right-0 animate-Xpulse skeleton-image rounded-[10px]" 3590 > 3591 3592 </a> 3593 3594 </div></li><li class="relative w-24 lg:w-48"> 3595 <div class=""> 3596 <a href="/collections/pork" class="flex flex-wrap gap-2 nav-link relative transition duration-200 mb-2 p-break-words hover-text-link inline-block"> 3597 3598 3599 3600 3601 3602 <span class="p-break-words">Pork</span> 3603 3604 3605 3606 </a> 3607 3608 3609 3610 3611 <a 3612 href="/collections/pork" 3613 class="menu-item-image inline-block relative overflow-hidden w-full h-0 mt-1 pb-[100%] rounded-md" 3614 aria-label="image" 3615 3616 > 3617 3618 <img 3619 srcset="//www.joeskc.com/cdn/shop/collections/Send-Joes-KC-hogamaniac_2048x2048_431138c9-5409-4a5c-a01e-7c653e23757d.png?v=1759959518&width=100 100w, 3620 //www.joeskc.com/cdn/shop/collections/Send-Joes-KC-hogamaniac_2048x2048_431138c9-5409-4a5c-a01e-7c653e23757d.png?v=1759959518&width=225 225w, 3621 //www.joeskc.com/cdn/shop/collections/Send-Joes-KC-hogamaniac_2048x2048_431138c9-5409-4a5c-a01e-7c653e23757d.png?v=1759959518&width=375 375w, 3622 //www.joeskc.com/cdn/shop/collections/Send-Joes-KC-hogamaniac_2048x2048_431138c9-5409-4a5c-a01e-7c653e23757d.png?v=1759959518&width=450 450w, 3623 //www.joeskc.com/cdn/shop/collections/Send-Joes-KC-hogamaniac_2048x2048_431138c9-5409-4a5c-a01e-7c653e23757d.png?v=1759959518&width=750 750w, 3624 //www.joeskc.com/cdn/shop/collections/Send-Joes-KC-hogamaniac_2048x2048_431138c9-5409-4a5c-a01e-7c653e23757d.png?v=1759959518&width=900 900w, 3625 //www.joeskc.com/cdn/shop/collections/Send-Joes-KC-hogamaniac_2048x2048_431138c9-5409-4a5c-a01e-7c653e23757d.png?v=1759959518&width=1100 1100w, 3626 //www.joeskc.com/cdn/shop/collections/Send-Joes-KC-hogamaniac_2048x2048_431138c9-5409-4a5c-a01e-7c653e23757d.png?v=1759959518&width=1500 1500w, 3627 //www.joeskc.com/cdn/shop/collections/Send-Joes-KC-hogamaniac_2048x2048_431138c9-5409-4a5c-a01e-7c653e23757d.png?v=1759959518&width=1780 1780w" 3628 src="//www.joeskc.com/cdn/shop/collections/Send-Joes-KC-hogamaniac_2048x2048_431138c9-5409-4a5c-a01e-7c653e23757d.png?v=1759959518&width=3840" 3629 sizes="(min-width: 768px) calc(1300px / 5), 3630 3631 (min-width: 768px) 100px" 3632 alt="Joeâs Kansas City Bar-B-Que (BBQ) Pork collection banner." 3633 height="1024" 3634 width="1024" 3635 loading="lazy" 3636 onload="requestAnimationFrame(() => { this.closest('.skeleton-image')?.classList.remove('animate-Xpulse', 'skeleton-image'); });" 3637 class="w-full h-full object-cover z-10 object-center image-hover absolute top-0 right-0 animate-Xpulse skeleton-image rounded-[10px]" 3638 > 3639 3640 </a> 3641 3642 </div></li><li class="relative w-24 lg:w-48"> 3643 <div class=""> 3644 <a href="/collections/poultry" class="flex flex-wrap gap-2 nav-link relative transition duration-200 mb-2 p-break-words hover-text-link
3644inline-block"> 3645 3646 3647 3648 3649 3650 <span class="p-break-words">Poultry</span> 3651 3652 3653 3654 </a> 3655 3656 3657 3658 3659 <a 3660 href="/collections/poultry" 3661 class="menu-item-image inline-block relative overflow-hidden w-full h-0 mt-1 pb-[100%] rounded-md" 3662 aria-label="image" 3663 3664 > 3665 3666 <img 3667 srcset="//www.joeskc.com/cdn/shop/collections/Send-Joes-KC-half-chicken.png?v=1759959595&width=100 100w, 3668 //www.joeskc.com/cdn/shop/collections/Send-Joes-KC-half-chicken.png?v=1759959595&width=225 225w, 3669 //www.joeskc.com/cdn/shop/collections/Send-Joes-KC-half-chicken.png?v=1759959595&width=375 375w, 3670 //www.joeskc.com/cdn/shop/collections/Send-Joes-KC-half-chicken.png?v=1759959595&width=450 450w, 3671 //www.joeskc.com/cdn/shop/collections/Send-Joes-KC-half-chicken.png?v=1759959595&width=750 750w, 3672 //www.joeskc.com/cdn/shop/collections/Send-Joes-KC-half-chicken.png?v=1759959595&width=900 900w, 3673 //www.joeskc.com/cdn/shop/collections/Send-Joes-KC-half-chicken.png?v=1759959595&width=1100 1100w, 3674 //www.joeskc.com/cdn/shop/collections/Send-Joes-KC-half-chicken.png?v=1759959595&width=1500 1500w, 3675 //www.joeskc.com/cdn/shop/collections/Send-Joes-KC-half-chicken.png?v=1759959595&width=1780 1780w" 3676 src="//www.joeskc.com/cdn/shop/collections/Send-Joes-KC-half-chicken.png?v=1759959595&width=3840" 3677 sizes="(min-width: 768px) calc(1300px / 5), 3678 3679 (min-width: 768px) 100px" 3680 alt="Joeâs Kansas City Bar-B-Que (BBQ) Poultry collection banner." 3681 height="600" 3682 width="600" 3683 loading="lazy" 3684 onload="requestAnimationFrame(() => { this.closest('.skeleton-image')?.classList.remove('animate-Xpulse', 'skeleton-image'); });" 3685 class="w-full h-full object-cover z-10 object-center image-hover absolute top-0 right-0 animate-Xpulse skeleton-image rounded-[10px]" 3686 > 3687 3688 </a> 3689 3690 </div></li><li class="relative w-24 lg:w-48"> 3691 <div class=""> 3692 <a href="/collections/sausage" class="flex flex-wrap gap-2 nav-link relative transition duration-200 mb-2 p-break-words hover-text-link inline-block"> 3693 3694 3695 3696 3697 3698 <span class="p-break-words">Sausage</span> 3699 3700 3701 3702 </a> 3703 3704 3705 3706 3707 <a 3708 href="/collections/sausage" 3709 class="menu-item-image inline-block relative overflow-hidden w-full h-0 mt-1 pb-[100%] rounded-md" 3710 aria-label="image" 3711 3712 > 3713 3714 <img 3715 srcset="//www.joeskc.com/cdn/shop/collections/Send-Joes-KC-sausage-2-lbs.png?v=1759958597&width=100 100w, 3716 //www.joeskc.com/cdn/shop/collections/Send-Joes-KC-sausage-2-lbs.png?v=1759958597&width=225 225w, 3717 //www.joeskc.com/cdn/shop/collections/Send-Joes-KC-sausage-2-lbs.png?v=1759958597&width=375 375w, 3718 //www.joeskc.com/cdn/shop/collections/Send-Joes-KC-sausage-2-lbs.png?v=1759958597&width=450 450w, 3719 //www.joeskc.com/cdn/shop/collections/Send-Joes-KC-sausage-2-lbs.png?v=1759958597&width=750 750w, 3720 //www.joeskc.com/cdn/shop/collections/Send-Joes-KC-sausage-2-lbs.png?v=1759958597&width=900 900w, 3721 //www.joeskc.com/cdn/shop/collections/Send-Joes-KC-sausage-2-lbs.png?v=1759958597&width=1100 1100w, 3722 //www.joeskc.com/cdn/shop/collections/Send-Joes-KC-sausage-2-lbs.png?v=1759958597&width=1500 1500w, 3723 //www.joeskc.com/cdn/shop/collections/Send-Joes-KC-sausage-2-lbs.png?v=1759958597&width=1780 1780w" 3724 src="//www.joeskc.com/cdn/shop/collections/Send-Joes-KC-sausage-2-lbs.png?v=1759958597&width=3840" 3725 sizes="(min-width: 768px) calc(1300px / 5), 3726 3727 (min-width: 768px) 100px" 3728 alt="Joeâs Kansas City Bar-B-Que (BBQ) Sausage collection banner." 3729 height="1024" 3730 width="1024" 3731 loading="lazy" 3732 onload="requestAnimationFrame(() => { this.closest('.skeleton-image')?.classList.remove('animate-Xpulse', 'skeleton-image'); });" 3733 class="w-full h-full object-cover z-10 object-center image-hover absolute top-0 right-0 animate-Xpulse skeleton-image rounded-[10px]" 3734 > 3735 3736 </a> 3737 3738 </div></li><li class="relative w-24 lg:w-48"> 3739 <div class=""> 3740 <a href="/collections/smokie-joe" class="flex flex-wrap gap-2 nav-link relative transition duration-200 mb-2 p-break-words hover-text-link
3740inline-block"> 3741 3742 3743 3744 3745 3746 <span class="p-break-words">Smokie Joe</span> 3747 3748 3749 3750 </a> 3751 3752 3753 3754 3755 <a 3756 href="/collections/smokie-joe" 3757 class="menu-item-image inline-block relative overflow-hidden w-full h-0 mt-1 pb-[100%] rounded-md" 3758 aria-label="image" 3759 3760 > 3761 3762 <img 3763 srcset="//www.joeskc.com/cdn/shop/collections/Smokie_Joe_collection_banner..jpg?v=1761598723&width=100 100w, 3764 //www.joeskc.com/cdn/shop/collections/Smokie_Joe_collection_banner..jpg?v=1761598723&width=225 225w, 3765 //www.joeskc.com/cdn/shop/collections/Smokie_Joe_collection_banner..jpg?v=1761598723&width=375 375w, 3766 //www.joeskc.com/cdn/shop/collections/Smokie_Joe_collection_banner..jpg?v=1761598723&width=450 450w, 3767 //www.joeskc.com/cdn/shop/collections/Smokie_Joe_collection_banner..jpg?v=1761598723&width=750 750w, 3768 //www.joeskc.com/cdn/shop/collections/Smokie_Joe_collection_banner..jpg?v=1761598723&width=900 900w, 3769 //www.joeskc.com/cdn/shop/collections/Smokie_Joe_collection_banner..jpg?v=1761598723&width=1100 1100w, 3770 //www.joeskc.com/cdn/shop/collections/Smokie_Joe_collection_banner..jpg?v=1761598723&width=1500 1500w, 3771 //www.joeskc.com/cdn/shop/collections/Smokie_Joe_collection_banner..jpg?v=1761598723&width=1780 1780w" 3772 src="//www.joeskc.com/cdn/shop/collections/Smokie_Joe_collection_banner..jpg?v=1761598723&width=3840" 3773 sizes="(min-width: 768px) calc(1300px / 5), 3774 3775 (min-width: 768px) 100px" 3776 alt="Joeâs Kansas City Bar-B-Que (BBQ) Smokie Joe collection banner." 3777 height="3240" 3778 width="5760" 3779 loading="lazy" 3780 onload="requestAnimationFrame(() => { this.closest('.skeleton-image')?.classList.remove('animate-Xpulse', 'skeleton-image'); });" 3781 class="w-full h-full object-cover z-10 object-center image-hover absolute top-0 right-0 animate-Xpulse skeleton-image rounded-[10px]" 3782 > 3783 3784 </a> 3785 3786 </div></li></ul></div> 3787 3788 </div> 3789 </li> 3790 3791 <li 3792 class="sub-menu-item has-dropdown tabbed-animation-change" 3793 3794 :class="$store.xHeaderMenu.subShow.get('tabbedmenui3njmg') === '3' && 'is-active'" 3795 @mouseover-tabbedmenui3njmg-3.window="$store.xHeaderMenu.openSubMenu('tabbedmenui3njmg', '3'); $el.classList.add('is-focus-child');" 3796 @mouseleave="$el.classList.remove('is-focus-child');" 3797 @focusin-tabbedmenui3njmg-3.window="$store.xHeaderMenu.openSubMenu('tabbedmenui3njmg', '3'); $el.classList.add('is-focus-child');" 3798 @focusout="$el.classList.remove('is-focus-child');" 3799 > 3800 3801 <div class="toggle-menu-sub overflow-hidden relative h-auto ltr"> 3802 <div class="relative x-pgw page-width mr-auto ml-auto"><ul class="sub-menu-container order-2 flex flex-wrap justify-left gap-y-7 gap-x-7 h-full"><li class="relative w-24 lg:w-48"> 3803 <div class=""> 3804 <a href="/products/joes-kansas-city-bar-b-que-sauce-14-oz" class="flex flex-wrap gap-2 nav-link relative transition duration-200 mb-2 p-break-words hover-text-link inline-block"> 3805 3806 3807 3808 3809
3810 <span class="p-break-words">Joe's Kansas City Bar-B-Que Sauce, 14 oz.</span> 3811 3812 3813 3814 </a> 3815 3816 3817 3818 3819 <a 3820 href="/products/joes-kansas-city-bar-b-que-sauce-14-oz" 3821 class="menu-item-image inline-block relative overflow-hidden w-full h-0 mt-1 pb-[100%] rounded-md" 3822 aria-label="image" 3823 3824 > 3825 3826 <img 3827 srcset="//www.joeskc.com/cdn/shop/products/Joeskcbbqsauce.jpg?v=1572992379&width=100 100w, 3828 //www.joeskc.com/cdn/shop/products/Joeskcbbqsauce.jpg?v=1572992379&width=225 225w, 3829 //www.joeskc.com/cdn/shop/products/Joeskcbbqsauce.jpg?v=1572992379&width=375 375w, 3830 //www.joeskc.com/cdn/shop/products/Joeskcbbqsauce.jpg?v=1572992379&width=450 450w, 3831 //www.joeskc.com/cdn/shop/products/Joeskcbbqsauce.jpg?v=1572992379&width=750 750w, 3832 //www.joeskc.com/cdn/shop/products/Joeskcbbqsauce.jpg?v=1572992379&width=900 900w, 3833 //www.joeskc.com/cdn/shop/products/Joeskcbbqsauce.jpg?v=1572992379&width=1100 1100w, 3834 //www.joeskc.com/cdn/shop/products/Joeskcbbqsauce.jpg?v=1572992379&width=1500 1500w, 3835 //www.joeskc.com/cdn/shop/products/Joeskcbbqsauce.jpg?v=1572992379&width=1780 1780w" 3836 src="//www.joeskc.com/cdn/shop/products/Joeskcbbqsauce.jpg?v=1572992379&width=3840" 3837 sizes="(min-width: 768px) calc(1300px / 5), 3838 3839 (min-width: 768px) 100px" 3840 alt="Joe's Kansas City Bar-B-Que Sauce, 14 oz., Joe's Kansas City Bar-B-Que, Joe's KC, BBQ, Barbecue, Kansas City, Ship BBQ" 3841 height="600" 3842 width="600" 3843 loading="lazy" 3844 onload="requestAnimationFrame(() => { this.closest('.skeleton-image')?.classList.remove('animate-Xpulse', 'skeleton-image'); });" 3845 class="w-full h-full object-cover z-10 object-center image-hover absolute top-0 right-0 animate-Xpulse skeleton-image rounded-[10px]" 3846 > 3847 3848 </a> 3849 3850 </div></li><li class="relative w-24 lg:w-48"> 3851 <div class=""> 3852 <a href="/products/night-of-the-living-bar-b-q-sauce-14-oz-copy" class="flex flex-wrap gap-2 nav-link relative transition duration-200 mb-2 p-break-words hover-text-link inline-block"> 3853 3854 3855 3856 3857 3858 <span class="p-break-words">Night of the Living Bar-B-Q Sauce, 14 oz.</span> 3859 3860 3861 3862 </a> 3863 3864 3865 3866 3867 <a 3868 href="/products/night-of-the-living-bar-b-q-sauce-14-oz-copy" 3869 class="menu-item-image inline-block relative overflow-hidden w-full h-0 mt-1 pb-[100%] rounded-md" 3870 aria-label="image" 3871 3872 > 3873 3874 <img 3875 srcset="//www.joeskc.com/cdn/shop/products/night-of-the-living-sauce.jpg?v=1572993252&width=100 100w, 3876 //www.joeskc.com/cdn/shop/products/night-of-the-living-sauce.jpg?v=1572993252&width=225 225w, 3877 //www.joeskc.com/cdn/shop/products/night-of-the-living-sauce.jpg?v=1572993252&width=375 375w, 3878 //www.joeskc.com/cdn/shop/products/night-of-the-living-sauce.jpg?v=1572993252&width=450 450w, 3879 //www.joeskc.com/cdn/shop/products/night-of-the-living-sauce.jpg?v=1572993252&width=750 750w, 3880 //www.joeskc.com/cdn/shop/products/night-of-the-living-sauce.jpg?v=1572993252&width=900 900w, 3881 //www.joeskc.com/cdn/shop/products/night-of-the-living-sauce.jpg?v=1572993252&width=1100 1100w, 3882 //www.joeskc.com/cdn/shop/products/night-of-the-living-sauce.jpg?v=1572993252&width=1500 1500w, 3883 //www.joeskc.com/cdn/shop/products/night-of-the-living-sauce.jpg?v=1572993252&width=1780 1780w" 3884 src="//www.joeskc.com/cdn/shop/products/night-of-the-living-sauce.jpg?v=1572993252&width=3840" 3885 sizes="(min-width: 768px) calc(1300px / 5), 3886 3887 (min-width: 768px) 100px" 3888 alt="Night of the Living Bar-B-Q Sauce, 14 oz., Joe's Kansas City Bar-B-Que, Joe's KC, BBQ, Barbecue, Kansas City, Ship BBQ" 3889 height="600" 3890 width="600" 3891 loading="lazy" 3892 onload="requestAnimationFrame(() => { this.closest('.skeleton-image')?.classList.remove('animate-Xpulse', 'skeleton-image'); });" 3893 class="w-full h-full object-cover z-10 object-center image-hover absolute top-0 right-0 animate-Xpulse skeleton-image rounded-[10px]" 3894 > 3895 3896 </a> 3897 3898 </div></li><li class="relative w-24 lg:w-48"> 3899 <div class=""> 3900 <a href="/products/baked-beans-in-bbq-sauce-1-pint" class="flex flex-wrap gap-2 nav-link relative transition duration-200 mb-2 p-break-words hover-text-link
3900inline-block"> 3901 3902 3903 3904 3905 3906 <span class="p-break-words">Baked Beans in BBQ Sauce, 1 pint</span> 3907 3908 3909 3910 </a> 3911 3912 3913 3914 3915 <a 3916 href="/products/baked-beans-in-bbq-sauce-1-pint" 3917 class="menu-item-image inline-block relative overflow-hidden w-full h-0 mt-1 pb-[100%] rounded-md" 3918 aria-label="image" 3919 3920 > 3921 3922 <img 3923 srcset="//www.joeskc.com/cdn/shop/products/beans-small-web_d9a89a95-3714-435f-b77b-bb9f27898235.jpg?v=1572986568&width=100 100w, 3924 //www.joeskc.com/cdn/shop/products/beans-small-web_d9a89a95-3714-435f-b77b-bb9f27898235.jpg?v=1572986568&width=225 225w, 3925 //www.joeskc.com/cdn/shop/products/beans-small-web_d9a89a95-3714-435f-b77b-bb9f27898235.jpg?v=1572986568&width=375 375w, 3926 //www.joeskc.com/cdn/shop/products/beans-small-web_d9a89a95-3714-435f-b77b-bb9f27898235.jpg?v=1572986568&width=450 450w, 3927 //www.joeskc.com/cdn/shop/products/beans-small-web_d9a89a95-3714-435f-b77b-bb9f27898235.jpg?v=1572986568&width=750 750w, 3928 //www.joeskc.com/cdn/shop/products/beans-small-web_d9a89a95-3714-435f-b77b-bb9f27898235.jpg?v=1572986568&width=900 900w, 3929 //www.joeskc.com/cdn/shop/products/beans-small-web_d9a89a95-3714-435f-b77b-bb9f27898235.jpg?v=1572986568&width=1100 1100w, 3930 //www.joeskc.com/cdn/shop/products/beans-small-web_d9a89a95-3714-435f-b77b-bb9f27898235.jpg?v=1572986568&width=1500 1500w, 3931 //www.joeskc.com/cdn/shop/products/beans-small-web_d9a89a95-3714-435f-b77b-bb9f27898235.jpg?v=1572986568&width=1780 1780w" 3932 src="//www.joeskc.com/cdn/shop/products/beans-small-web_d9a89a95-3714-435f-b77b-bb9f27898235.jpg?v=1572986568&width=3840" 3933 sizes="(min-width: 768px) calc(1300px / 5), 3934 3935 (min-width: 768px) 100px" 3936 alt="Baked Beans in BBQ Sauce, 1 pint, Joe's Kansas City Bar-B-Que, Joe's KC, BBQ, Barbecue, Kansas City, Ship BBQ" 3937 height="600" 3938 width="600" 3939 loading="lazy" 3940 onload="requestAnimationFrame(() => { this.closest('.skeleton-image')?.classList.remove('animate-Xpulse', 'skeleton-image'); });" 3941 class="w-full h-full object-cover z-10 object-center image-hover absolute top-0 right-0 animate-Xpulse skeleton-image rounded-[10px]" 3942 > 3943 3944 </a> 3945 3946 </div></li><li class="relative w-24 lg:w-48"> 3947 <div class=""> 3948 <a href="/products/dirty-rice-1-lb" class="flex flex-wrap gap-2 nav-link relative transition duration-200 mb-2 p-break-words hover-text-link inline-block"> 3949 3950 3951 3952 3953 3954 <span class="p-break-words">Dirty Rice, 1 lb.</span> 3955 3956 3957 3958 </a> 3959 3960 3961 3962 3963 <a 3964 href="/products/dirty-rice-1-lb" 3965 class="menu-item-image inline-block relative overflow-hidden w-full h-0 mt-1 pb-[100%] rounded-md" 3966 aria-label="image" 3967 3968 > 3969 3970 <img 3971 srcset="//www.joeskc.com/cdn/shop/products/dirty-rice-web.jpg?v=1527204114&width=100 100w, 3972 //www.joeskc.com/cdn/shop/products/dirty-rice-web.jpg?v=1527204114&width=225 225w, 3973 //www.joeskc.com/cdn/shop/products/dirty-rice-web.jpg?v=1527204114&width=375 375w,
3974 //www.joeskc.com/cdn/shop/products/dirty-rice-web.jpg?v=1527204114&width=450 450w, 3975 //www.joeskc.com/cdn/shop/products/dirty-rice-web.jpg?v=1527204114&width=750 750w, 3976 //www.joeskc.com/cdn/shop/products/dirty-rice-web.jpg?v=1527204114&width=900 900w, 3977 //www.joeskc.com/cdn/shop/products/dirty-rice-web.jpg?v=1527204114&width=1100 1100w, 3978 //www.joeskc.com/cdn/shop/products/dirty-rice-web.jpg?v=1527204114&width=1500 1500w, 3979 //www.joeskc.com/cdn/shop/products/dirty-rice-web.jpg?v=1527204114&width=1780 1780w" 3980 src="//www.joeskc.com/cdn/shop/products/dirty-rice-web.jpg?v=1527204114&width=3840" 3981 sizes="(min-width: 768px) calc(1300px / 5), 3982 3983 (min-width: 768px) 100px" 3984 alt="Dirty Rice, 1 lb., Joe's Kansas City Bar-B-Que, Joe's KC, BBQ, Barbecue, Kansas City, Ship BBQ" 3985 height="600" 3986 width="600" 3987 loading="lazy" 3988 onload="requestAnimationFrame(() => { this.closest('.skeleton-image')?.classList.remove('animate-Xpulse', 'skeleton-image'); });" 3989 class="w-full h-full object-cover z-10 object-center image-hover absolute top-0 right-0 animate-Xpulse skeleton-image rounded-[10px]" 3990 > 3991 3992 </a> 3993 3994 </div></li><li class="relative w-24 lg:w-48"> 3995 <div class=""> 3996 <a href="/products/smoked-poblano-cheesy-corn-1-lb" class="flex flex-wrap gap-2 nav-link relative transition duration-200 mb-2 p-break-words hover-text-link inline-block"> 3997 3998 3999 4000 4001 4002 <span class="p-break-words">Cheesy Corn, 1 lb.</span> 4003 4004 4005 4006 </a> 4007 4008 4009 4010 4011 <a 4012 href="/products/smoked-poblano-cheesy-corn-1-lb" 4013 class="menu-item-image inline-block relative overflow-hidden w-full h-0 mt-1 pb-[100%] rounded-md" 4014 aria-label="image" 4015 4016 > 4017 4018 <img 4019 srcset="//www.joeskc.com/cdn/shop/files/joes_kansas_city_BBQ_poblano_cheesy_corn.jpg?v=1775486074&width=100 100w, 4020 //www.joeskc.com/cdn/shop/files/joes_kansas_city_BBQ_poblano_cheesy_corn.jpg?v=1775486074&width=225 225w, 4021 //www.joeskc.com/cdn/shop/files/joes_kansas_city_BBQ_poblano_cheesy_corn.jpg?v=1775486074&width=375 375w, 4022 //www.joeskc.com/cdn/shop/files/joes_kansas_city_BBQ_poblano_cheesy_corn.jpg?v=1775486074&width=450 450w, 4023 //www.joeskc.com/cdn/shop/files/joes_kansas_city_BBQ_poblano_cheesy_corn.jpg?v=1775486074&width=750 750w, 4024 //www.joeskc.com/cdn/shop/files/joes_kansas_city_BBQ_poblano_cheesy_corn.jpg?v=1775486074&width=900 900w, 4025 //www.joeskc.com/cdn/shop/files/joes_kansas_city_BBQ_poblano_cheesy_corn.jpg?v=1775486074&width=1100 1100w, 4026 //www.joeskc.com/cdn/shop/files/joes_kansas_city_BBQ_poblano_cheesy_corn.jpg?v=1775486074&width=1500 1500w, 4027 //www.joeskc.com/cdn/shop/files/joes_kansas_city_BBQ_poblano_cheesy_corn.jpg?v=1775486074&width=1780 1780w" 4028 src="//www.joeskc.com/cdn/shop/files/joes_kansas_city_BBQ_poblano_cheesy_corn.jpg?v=1775486074&width=3840" 4029 sizes="(min-width: 768px) calc(1300px / 5), 4030 4031 (min-width: 768px) 100px" 4032 alt="joes kansas city BBQ poblano cheesy corn" 4033 height="3038" 4034 width="3038" 4035 loading="lazy" 4036 onload="requestAnimationFrame(() => { this.closest('.skeleton-image')?.classList.remove('animate-Xpulse', 'skeleton-image'); });" 4037 class="w-full h-full object-cover z-10 object-center image-hover absolute top-0 right-0 animate-Xpulse skeleton-image rounded-[10px]" 4038 > 4039 4040 </a> 4041 4042 </div></li></ul></div> 4043 4044 </div> 4045 </li> 4046 4047 <li
4048 class="sub-menu-item has-dropdown tabbed-animation-change" 4049 4050 :class="$store.xHeaderMenu.subShow.get('tabbedmenui3njmg') === '4' && 'is-active'" 4051 @mouseover-tabbedmenui3njmg-4.window="$store.xHeaderMenu.openSubMenu('tabbedmenui3njmg', '4'); $el.classList.add('is-focus-child');" 4052 @mouseleave="$el.classList.remove('is-focus-child');" 4053 @focusin-tabbedmenui3njmg-4.window="$store.xHeaderMenu.openSubMenu('tabbedmenui3njmg', '4'); $el.classList.add('is-focus-child');" 4054 @focusout="$el.classList.remove('is-focus-child');" 4055 > 4056 4057 <div class="toggle-menu-sub overflow-hidden relative h-auto ltr"> 4058 <div class="relative x-pgw page-width mr-auto ml-auto"><ul class="sub-menu-container order-2 flex flex-wrap justify-left gap-y-7 gap-x-7 h-full"><li class="relative w-24 lg:w-48"> 4059 <div class=""> 4060 <a href="/products/digital-gift-card" class="flex flex-wrap gap-2 nav-link relative transition duration-200 mb-2 p-break-words hover-text-link inline-block"> 4061 4062 4063 4064 4065 4066 <span class="p-break-words">Digital Gift Card</span> 4067 4068 4069 4070 </a> 4071 4072 4073 4074 4075 <a 4076 href="/products/digital-gift-card" 4077 class="menu-item-image inline-block relative overflow-hidden w-full h-0 mt-1 pb-[100%] rounded-md" 4078 aria-label="image" 4079 4080 > 4081 4082 <img 4083 srcset="//www.joeskc.com/cdn/shop/files/joe-s-kansas-city-bar-b-que-gift-card-for-restaurant-use-only-29374198251587_2048x2048_734a5938-326b-4fa4-b91d-d9ef6de804b3.webp?v=1733808516&width=100 100w, 4084 //www.joeskc.com/cdn/shop/files/joe-s-kansas-city-bar-b-que-gift-card-for-restaurant-use-only-29374198251587_2048x2048_734a5938-326b-4fa4-b91d-d9ef6de804b3.webp?v=1733808516&width=225 225w, 4085 //www.joeskc.com/cdn/shop/files/joe-s-kansas-city-bar-b-que-gift-card-for-restaurant-use-only-29374198251587_2048x2048_734a5938-326b-4fa4-b91d-d9ef6de804b3.webp?v=1733808516&width=375 375w, 4086 //www.joeskc.com/cdn/shop/files/joe-s-kansas-city-bar-b-que-gift-card-for-restaurant-use-only-29374198251587_2048x2048_734a5938-326b-4fa4-b91d-d9ef6de804b3.webp?v=1733808516&width=450 450w, 4087 //www.joeskc.com/cdn/shop/files/joe-s-kansas-city-bar-b-que-gift-card-for-restaurant-use-only-29374198251587_2048x2048_734a5938-326b-4fa4-b91d-d9ef6de804b3.webp?v=1733808516&width=750 750w, 4088 //www.joeskc.com/cdn/shop/files/joe-s-kansas-city-bar-b-que-gift-card-for-restaurant-use-only-29374198251587_2048x2048_734a5938-326b-4fa4-b91d-d9ef6de804b3.webp?v=1733808516&width=900 900w, 4089 //www.joeskc.com/cdn/shop/files/joe-s-kansas-city-bar-b-que-gift-card-for-restaurant-use-only-29374198251587_2048x2048_734a5938-326b-4fa4-b91d-d9ef6de804b3.webp?v=1733808516&width=1100 1100w, 4090 //www.joeskc.com/cdn/shop/files/joe-s-kansas-city-bar-b-que-gift-card-for-restaurant-use-only-29374198251587_2048x2048_734a5938-326b-4fa4-b91d-d9ef6de804b3.webp?v=1733808516&width=1500 1500w, 4091 //www.joeskc.com/cdn/shop/files/joe-s-kansas-city-bar-b-que-gift-card-for-restaurant-use-only-29374198251587_2048x2048_734a5938-326b-4fa4-b91d-d9ef6de804b3.webp?v=1733808516&width=1780 1780w" 4092 src="//www.joeskc.com/cdn/shop/files/joe-s-kansas-city-bar-b-que-gift-card-for-restaurant-use-only-29374198251587_2048x2048_734a5938-326b-4fa4-b91d-d9ef6de804b3.webp?v=1733808516&width=3840" 4093 sizes="(min-width: 768px) calc(1300px / 5), 4094 4095 (min-width: 768px) 100px" 4096 alt="Digital Gift Card - SendJoesKCBBQ" 4097 height="2048" 4098 width="2048" 4099 loading="lazy" 4100 onload="requestAnimationFrame(() => { this.closest('.skeleton-image')?.classList.remove('animate-Xpulse', 'skeleton-image'); });" 4101 class="w-full h-full object-cover z-10 object-center image-hover absolute top-0 right-0 animate-Xpulse skeleton-image rounded-[10px]" 4102 > 4103 4104 </a> 4105 4106 </div></li><li class="relative w-24 lg:w-48"> 4107 <div class=""> 4108 <a href="/pages/gift-card-balance-checker" class="flex flex-wrap gap-2 nav-link relative transition duration-200 mb-2 p-break-words hover-text-link
4108inline-block"> 4109 4110 4111 4112 4113 4114 <span class="p-break-words">Gift Card Balance Checker</span> 4115 4116 4117 4118 </a> 4119 4120 4121 </div></li></ul></div> 4122 4123 </div> 4124 </li> 4125 4126 <li 4127 class="sub-menu-item tabbed-animation-change" 4128 4129 :class="$store.xHeaderMenu.subShow.get('tabbedmenui3njmg') === '5' && 'is-active'" 4130 @mouseover-tabbedmenui3njmg-5.window="$store.xHeaderMenu.openSubMenu('tabbedmenui3njmg', '5'); $el.classList.add('is-focus-child');" 4131 @mouseleave="$el.classList.remove('is-focus-child');" 4132 @focusin-tabbedmenui3njmg-5.window="$store.xHeaderMenu.openSubMenu('tabbedmenui3njmg', '5'); $el.classList.add('is-focus-child');" 4133 @focusout="$el.classList.remove('is-focus-child');" 4134 > 4135 4136 <div class="toggle-menu-sub overflow-hidden relative h-auto ltr"> 4137 <div class="relative x-pgw page-width mr-auto ml-auto"></div> 4138 4139 </div> 4140 </li> 4141 4142 <li 4143 class="sub-menu-item has-dropdown tabbed-animation-change" 4144 4145 :class="$store.xHeaderMenu.subShow.get('tabbedmenui3njmg') === '6' && 'is-active'" 4146 @mouseover-tabbedmenui3njmg-6.window="$store.xHeaderMenu.openSubMenu('tabbedmenui3njmg', '6'); $el.classList.add('is-focus-child');" 4147 @mouseleave="$el.classList.remove('is-focus-child');" 4148 @focusin-tabbedmenui3njmg-6.window="$store.xHeaderMenu.openSubMenu('tabbedmenui3njmg', '6'); $el.classList.add('is-focus-child');" 4149 @focusout="$el.classList.remove('is-focus-child');" 4150 > 4151 4152 <div class="toggle-menu-sub overflow-hidden relative h-auto ltr"> 4153 <div class="relative x-pgw page-width mr-auto ml-auto"><ul class="sub-menu-container order-2 flex flex-wrap justify-left gap-y-7 gap-x-7 h-full"><li class="relative w-24 lg:w-48"> 4154 <div class=""> 4155 <a href="/pages/shipped-bbq-reheating-instructions" class="flex flex-wrap gap-2 nav-link relative transition duration-200 mb-2 p-break-words hover-text-link inline-block"> 4156 4157 4158 4159 4160 4161 <span class="p-break-words">Reheating Instructions</span> 4162 4163 4164 4165 </a> 4166 4167 4168 </div></li><li class="relative w-24 lg:w-48"> 4169 <div class=""> 4170 <a href="/pages/how-we-ship-joe-s-kc-bar-b-que" class="flex flex-wrap gap-2 nav-link relative transition duration-200 mb-2 p-break-words hover-text-link inline-block"> 4171 4172 4173 4174 4175
4176 <span class="p-break-words">Shipping Policies</span> 4177 4178 4179 4180 </a> 4181 4182 4183 </div></li><li class="relative w-24 lg:w-48"> 4184 <div class=""> 4185 <a href="/pages/we-ship-bbq" class="flex flex-wrap gap-2 nav-link relative transition duration-200 mb-2 p-break-words hover-text-link inline-block"> 4186 4187 4188 4189 4190 4191 <span class="p-break-words">We Ship Bar-B-Que</span> 4192 4193 4194 4195 </a> 4196 4197 4198 </div></li></ul></div> 4199 4200 </div> 4201 </li> 4202 4203 <li 4204 class="sub-menu-item tabbed-animation-change" 4205 4206 :class="$store.xHeaderMenu.subShow.get('tabbedmenui3njmg') === '7' && 'is-active'" 4207 @mouseover-tabbedmenui3njmg-7.window="$store.xHeaderMenu.openSubMenu('tabbedmenui3njmg', '7'); $el.classList.add('is-focus-child');" 4208 @mouseleave="$el.classList.remove('is-focus-child');" 4209 @focusin-tabbedmenui3njmg-7.window="$store.xHeaderMenu.openSubMenu('tabbedmenui3njmg', '7'); $el.classList.add('is-focus-child');" 4210 @focusout="$el.classList.remove('is-focus-child');" 4211 > 4212 4213 <div class="toggle-menu-sub overflow-hidden relative h-auto ltr"> 4214 <div class="relative x-pgw page-width mr-auto ml-auto"></div> 4215 4216 </div> 4217 </li> 4218 4219 </ul> 4220 </div> 4221 4222 </div></div> 4223 </div> 4224 </template></li> 4225<li 4226 id="tree_menu_eEMEYT" 4227 class="tree-menu pl-0 relative has-dropdown" 4228 4229 4230 @mouseover="$store.xHeaderMenu.openMenu(6, true); selectedMenu = true" 4231 @focusin="$store.xHeaderMenu.openMenu(6, true); selectedMenu = true" 4232 4233 :class="$store.xHeaderMenu.show === 6 && 'is-focus'" 4234 4235 > 4236 <div class="flip-container relative cursor-pointer tree-menu-item p-break-words flex items-center justify-center pt-1 pb-1 relative hover-text-link is-focus:link-active" x-data='{ active: false }' 4237 4238 4239 x-intersect.once="$store.xHeaderMenu.isTouch && $store.xHeaderMenu.touchItem($el, false, 6)" 4240 4241 4242 > 4243 <div class="overflow-hidden pb-[1px] mg-blink flex items-center"> 4244 <div class="relative x-anm"> 4245 <a 4246 href="#" 4247 class="front cursor-pointer tree-menu-item p-break-words flex items-center justify-center pt-1 pb-1 relative hover-text-link is-focus:link-active" 4248 4249 > 4250 4251 4252 4253 4254 4255 4256 4257 4258<span 4259 class="highlight relative inline-block" 4260 x-data="{ isIntersecting: false }" 4261 x-intersect.once="isIntersecting = true" 4262 :class="isIntersecting && 'highlight-anm-start'" 4263> 4264 ORDER JOE'S 4265 4266 4267 <svg class="svg-highlight svg-highlight-sections--19816061632579__header svg-underline absolute left-0 top-auto w-full h-[30%] -bottom-[20%]" xmlns="http://www.w3.org/2000/svg" width="216" height="13" viewBox="0 0 216 13" fill="none" style="fill: none;" preserveAspectRatio="none"> 4268 <path d="M0.406646 9.68922C49.5975 4.73865 161.298 -2.39378 214.572 8.68106" vector-effect="non-scaling-stroke" stroke="var(--color-highlight)" stroke-width="2.5px"/> 4269 </svg> 4270 4271 4272</span> 4273 4274 4275 4276 </a><a 4277 href="#" 4278 tabindex="-1" 4279 class="back cursor-pointer tree-menu-item p-break-words flex items-center justify-center pt-1 pb-1 relative hover-text-link
4279is-focus:link-active" 4280 4281 > 4282 4283 4284 4285 4286 4287 4288 4289 4290<span 4291 class="highlight relative inline-block" 4292 x-data="{ isIntersecting: false }" 4293 x-intersect.once="isIntersecting = true" 4294 :class="isIntersecting && 'highlight-anm-start'" 4295> 4296 ORDER JOE'S 4297 4298 4299 <svg class="svg-highlight svg-highlight-sections--19816061632579__header svg-underline absolute left-0 top-auto w-full h-[30%] -bottom-[20%]" xmlns="http://www.w3.org/2000/svg" width="216" height="13" viewBox="0 0 216 13" fill="none" style="fill: none;" preserveAspectRatio="none"> 4300 <path d="M0.406646 9.68922C49.5975 4.73865 161.298 -2.39378 214.572 8.68106" vector-effect="non-scaling-stroke" stroke="var(--color-highlight)" stroke-width="2.5px"/> 4301 </svg> 4302 4303 4304</span> 4305 4306 4307 4308 </a></div> 4309 </div><span class="x-icon-caret w-5 pl-2"><svg width="100%" height="100%" viewBox="0 0 9 7" fill="none" xmlns="http://www.w3.org/2000/svg" style="fill: none;"> 4310 <path d="M0.75 1.625L4.5 5.375L8.25 1.625" stroke="currentcolor" stroke-width="1" stroke-linecap="round" stroke-linejoin="round"/> 4311 </svg> 4312</span></div><div :class="{ 'toggle-menu-hidden': $store.xHeaderMenu.show !== 6, 'toggle-menu-show': $store.xHeaderMenu.show === 6, 'active': $store.xHeaderMenu.initIndex.has(6) }" class="toggle-menu text-[rgba(var(--colors-text))] absolute z-50 background-header top-full w-48 xl:w-[222px] shadow-md is-focus:text-[rgba(var(--colors-text))]" > 4313 <div class="tree-menu-nav" id="menu-6"> 4314 4315<template x-if="!$store.xInit.runDispatch"> 4316 <ul class="pt-5 pb-5"> 4317 4318<li 4319 x-data="{ openSub: false }" 4320 class="relative pl-7 rtl:pl-6 pr-6 rtl:pr-7" 4321 @mouseover="openSub = true; $el.classList.add('is-focus-child');" 4322 @mouseleave="$el.classList.remove('is-focus-child');" 4323 @mouseover.away="openSub = false" 4324 @focusin="openSub = true; $el.classList.add('is-focus-child');" 4325 @focusout="openSub = false; $el.classList.remove('is-focus-child');" 4326 > 4327 <div class="flex tree-menu-item-container items-center"> 4328 4329 4330 <span class="flex-1 menu-item-container rtl:text-end"> 4331 <a href="https://order.joeskc.com/" class="nav-link relative p-break-words inline-block duration-200 transition hover-text-link is-focus-child:effect-inline"> 4332 4333 4334 4335 4336 <span class="p-break-words">Restaurant Carryout</span> 4337 4338 4339</a> 4340 </span> 4341 </div></li><li 4342 x-data="{ openSub: false }" 4343 class="relative pl-7 rtl:pl-6 pr-6 rtl:pr-7" 4344 @mouseover="openSub = true; $el.classList.add('is-focus-child');" 4345 @mouseleave="$el.classList.remove('is-focus-child');" 4346 @mouseover.away="openSub = false" 4347 @focusin="openSub = true; $el.classList.add('is-focus-child');" 4348 @focusout="openSub = false; $el.classList.remove('is-focus-child');" 4349 > 4350 <div class="flex tree-menu-item-container items-center pt-3"> 4351 4352 4353 <span class="flex-1 menu-item-container rtl:text-end"> 4354 <a href="https://catering.joeskc.com/" class="nav-link relative p-break-words inline-block duration-200 transition hover-text-link is-focus-child:effect-inline"> 4355 4356 4357 4358 4359 <span class="p-break-words">Catering Carryout</span> 4360 4361 4362</a> 4363 </span> 4364 </div></li><li 4365 x-data="{ openSub: false }" 4366 class="relative pl-7 rtl:pl-6 pr-6 rtl:pr-7" 4367 @mouseover="openSub = true; $el.classList.add('is-focus-child');" 4368 @mouseleave="$el.classList.remove('is-focus-child');" 4369 @mouseover.away="openSub = false" 4370 @focusin="openSub = true; $el.classList.add('is-focus-child');" 4371 @focusout="openSub = false; $el.classList.remove('is-focus-child');" 4372 > 4373 <div class="flex tree-menu-item-container items-center pt-3"> 4374 4375
4376 <span class="flex-1 menu-item-container rtl:text-end"> 4377 <a href="https://joeskansascitybarbecuestore.com/" class="nav-link relative p-break-words inline-block duration-200 transition hover-text-link is-focus-child:effect-inline"> 4378 4379 4380 4381 4382 <span class="p-break-words">Joe's Retail & Merch</span> 4383 4384 4385</a> 4386 </span> 4387 </div></li><li 4388 x-data="{ openSub: false }" 4389 class="relative pl-7 rtl:pl-6 pr-6 rtl:pr-7" 4390 @mouseover="openSub = true; $el.classList.add('is-focus-child');" 4391 @mouseleave="$el.classList.remove('is-focus-child');" 4392 @mouseover.away="openSub = false" 4393 @focusin="openSub = true; $el.classList.add('is-focus-child');" 4394 @focusout="openSub = false; $el.classList.remove('is-focus-child');" 4395 > 4396 <div class="flex tree-menu-item-container items-center pt-3"> 4397 4398 4399 <span class="flex-1 menu-item-container rtl:text-end"> 4400 <a href="/products/digital-gift-card" class="nav-link relative p-break-words flex items-center pr-5 rtl:justify-end duration-200 transition hover-text-link is-focus-child:effect-inline"> 4401 4402 4403 4404 4405 <span class="p-break-words">Digital Gift Card</span> 4406 4407 4408<span class="icon-child z-10 w-5 h-4 pt-1 pb-1 pl-1 pr-1 rounded-full block absolute -rotate-90 right-0"> 4409 <svg width="100%" height="100%" viewBox="0 0 9 7" fill="none" xmlns="http://www.w3.org/2000/svg" style="fill: none;"> 4410 <path d="M0.75 1.625L4.5 5.375L8.25 1.625" stroke="currentcolor" stroke-width="1" stroke-linecap="round" stroke-linejoin="round"/> 4411 </svg> 4412 4413 </span></a> 4414 </span> 4415 </div><div class="background-header child absolute -top-2 left-full w-full shadow-showdownInset" :class="openSub ? 'opacity-1 max-h-auto' : 'opacity-0 max-h-0 overflow-hidden' "> 4416 <ul class="pt-5 pb-5"><li class="relative pl-7 pr-6 rtl:pr-7 rtl:pl-6" 4417 x-data="{ openChild: false }" 4418 @mouseover="openChild = true; $el.classList.add('is-focus-subchild');" 4419 @mouseleave="$el.classList.remove('is-focus-subchild');" 4420 @mouseover.away="openChild = false" 4421 @focusin="openChild = true; $el.classList.add('is-focus-subchild');" 4422 @focusout="openChild= false; $el.classList.remove('is-focus-subchild');" 4423 > 4424 <div class="flex tree-menu-item-container items-center"> 4425 4426 4427 <span class="flex-1 menu-item-container rtl:text-end"> 4428 <a href="/pages/gift-card-balance-checker" class="nav-link inline-block p-break-words relative duration-200 hover-text-link transition is-focus-subchild:effect-inline"> 4429 4430 4431 4432 4433 <span class="p-break-words">Gift Card Balance Checker</span> 4434 4435 4436</a> 4437 </span> 4438 </div></li></ul> 4439 </div></li></ul> 4440 </template> <div class="hidden 1" @init-run.window="$store.xHeaderMenu.setPosition($el,2); $store.xHeaderMenu.resizeWindow($el,2)"></div></div> 4441 </div></li> 4442<li x-data='{ active: false }' 4443 class="flip-container tabbed_menu pl-0" 4444 4445 4446 :class="$store.xHeaderMenu.show === 7 && 'is-focus'" 4447 4448 > 4449 <div class="tabbed_menu_item cursor-pointer relative hover-text-link flex items-center is-focus:link-active" 4450 4451 > 4452 <div class="overflow-hidden pb-[1px] mg-blink flex items-center"> 4453 <div class="relative x-anm"> 4454 <a href="https://joeskccares.com/" 4455 class="front cursor-pointer flex items-center p-break-words justify-center pt-1 pb-1 hover-text-link
4455is-focus:link-active" 4456 target="_blank" 4457 > 4458 4459 4460 4461 4462 4463 JOE'S KC CARES 4464 4465 4466 4467 </a> 4468 4469 <a href="https://joeskccares.com/" 4470 tabindex="-1" 4471 class="back cursor-pointer flex items-center p-break-words justify-center pt-1 pb-1 hover-text-link is-focus:link-active" 4472 target="_blank" 4473 > 4474 4475 4476 4477 4478 4479 JOE'S KC CARES 4480 4481 4482 4483 </a> 4484 4485 </div> 4486 </div></div> 4487 4488 </li></ul> 4489</nav> 4490 4491 </header> 4492 4493</div> 4494</div> 4495 4496 <style data-shopify> 4497 @property --percentage { 4498 initial-value: 0%; 4499 inherits: false; 4500 syntax: '<percentage>'; 4501 } 4502 .cart-noti.active { 4503 background: conic-gradient(rgb(var(--colors-line-and-border)) var(--percentage), rgb(var(--color-success)) 0); 4504 animation: timer 5s infinite linear; 4505 } 4506 @keyframes timer { 4507 to { 4508 --percentage: 100%; 4509 } 4510 } 4511 @media (min-width: 768px) { 4512 .section-header.is-sticky .cart-noti { 4513 top: 0; 4514 } 4515 .cart-noti-top { 4516 top: var(--announcement-height, 0); 4517 } 4518 .section-header.is-sticky #x-header-container:not(.on-scroll-up-animation) ~ .cart-noti { 4519 top: auto; 4520 } 4521 } 4522</style> 4523 4524<div 4525 x-init="$store.xCartNoti.enable = true" 4526 x-show="$store.xCartNoti.show" 4527 class="cart-noti fixed bottom-0 md:bottom-auto md:absolute md:top-auto mt-1 mr-1 mb-1 ml-1 left-0 right-0 md:left-auto rtl:left-0 rtl:md:right-auto" 4528 x-transition:enter="transition-all ease-in-out duration-500" 4529 x-transition:enter-start="opacity-0 transform translate-x-1/2" 4530 x-transition:enter-end="opacity-100 transform translate-x-0" 4531 x-transition:leave="transition ease-in-out duration-500" 4532 x-transition:leave-end="opacity-0 transform translate-x-1/2" 4533 x-cloak 4534> 4535 <div class="relative md:w-[400px] text-[rgb(var(--colors-text))] pt-5 pb-5 pl-5 pr-5 md:pt-[30px] md:pb-[30px] md:pl-[30px] md:pr-[30px] bg-[rgba(var(--colors-background))] shadow-[4px_8px_16px_0px_rgba(0,0,0,0.2)] rounded-xl"> 4536 <button 4537 @click="$store.xCartNoti.show = false" 4538 class="cursor-pointer rounded-full group-close-btn top-2 right-2 rtl:right-auto rtl:left-2 absolute w-fit z-10 icon-close-container" 4539 ><svg class="icon-close-animation" width="100%" height="100%" viewBox="0 0 10 10" fill="none" xmlns="http://www.w3.org/2000/svg"> 4540 <path d="M1 9L5 5M5 5L9 1M5 5L1 1M5 5L9 9" stroke="currentColor" stroke-width="1" stroke-linecap="round" stroke-linejoin="round"/> 4541 </svg> 4542</button> 4543 <div class="x-cart-noti-container flex gap-2 items-center mb-1 md:mb-3"> 4544 <div 4545 :class="$store.xCartNoti.show && 'active'" 4546 class="w-9 h-9 min-w-[36px] rounded-full cart-noti flex justify-center items-center bg-[rgba(var(--colors-line-and-border))]" 4547 > 4548 <div class="w-[34px] h-[34px] flex justify-center items-center rounded-full bg-[rgba(var(--colors-background))]"> 4549 <span class="icon-tick w-5 h-5 text-[rgba(var(--color-success))]"> 4550 <svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20" fill="none"> 4551 <path fill-rule="evenodd" clip-rule="evenodd" d="M17.178 4.70733C17.5279 5.01351 17.5597 5.54692 17.2484 5.89236L8.48684 15.6172C8.17397 15.9644 7.63679 15.9865 7.29648 15.6662L2.22645 10.8932C1.91027 10.5955 1.88 10.0995 2.15128 9.76044C2.45061 9.38627 3.00804 9.33477 3.36428 9.65519L7.29794 13.1934C7.63979 13.5009 8.1661 13.4734 8.47409 13.132L16.0103 4.77627C16.3153 4.43813 16.8353 4.40748 17.178 4.70733Z"/> 4552 </svg> 4553 </span> 4554 </div> 4555 </div> 4556 <p>Item added to cart</p> 4557 </div> 4558 <template x-for="(item,index) in Object.values(Alpine.store('xCartNoti').listItem || {})" :key="index"> 4559 <div 4560 class="w-full flex bundler-product relative gap-4 pt-5" 4561 x-data=" 4562 { 4563 item: JSON.parse(JSON.stringify(item)) 4564 } 4565 " 4566 > 4567 <div class="bundler-product-image min-w-[72px] w-[72px] h-[72px] relative"> 4568 <a x-bind:href="item.productUrl" class="block disable-effect w-full"> 4569 <div class="relative w-full overflow-hidden float-left before:h-0 before:block before:pb-[100.0%] rounded-lg"> 4570 4571 <img 4572 x-show="item.featured_image.url" 4573 class="absolute top-0 right-0 left-0 bottom-0 object-cover h-full w-full image-hover" 4574 x-bind:src="`${ item.featured_image.url }`" 4575 4576 loading="lazy" 4577 4578 width="150" 4579 alt="" 4580 height="150" 4581 > 4582 4583 <div class="bg-[#c9c9c9] absolute top-0 left-0 w-full h-full" x-show="!item.featured_image.url"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewB
4583ox="0 0 290 290" class="w-full h-full"> 4584 <image id="icon" x="100" y="90" width="90" height="110" xlink:href="data:img/png;base64,iVBORw0KGgoAAAANSUhEUgAAAFoAAABuCAYAAACnQwS5AAANLUlEQVR4nO1dC4wdVRn+9m63d9tlH33ZSitWFItPrCJURdT6IiZqlEgVUwnGYqTSKFqCqNH4ikYEpcEXPuMjFgsqEXyhFBQjogmGBqkPFLdpabvso9t2d9uya87y/5tvz/3n3rlnzt3HzH7JZufOzP1n5ptz/tf5z7lNO3bswDTg6QBeIH+nAlgBoAPAKIA+AI8A2A3grwDuBbC3jlt0ss8k2csN2Q+K7D/L54Zj3hRy3Ang7QA2ADi3ju8dAfA7AD8EcKMQZsneCOAtdcoeBLATwA9E9lgd360LU9WiPwJgC4BlxrH9APYA6AdQArAUwCoAi4xz/wngEwC+L59LInszgCckyO4GMACgWWSvTJDtetAnhfToaDTR5wD4GoBnevt/D+BmaU2uGw97x08C8HwA6wFcAOAZ3vEfAfgZgI8asu8E8BORvbuK7FdK71rjHb8NwKY61VVNNJLo9wG41tt3s+z7Q52y3gTgCgDrqpwTKvt8AFsBnE37egC8WRpEFJRiCfLwMY/kR+SBzg8gAtJCXwTgYgDHvGPdQlKo7JvkBW6lfU7F3AXgdQHyTDSC6MsBfJw+O0P2XGlxWTFo3HNLJM/hagBnAdhH+26t0YtSIzbRTu99gT7fIvsORpD9GgA7DE9phej5JRGuca/0jm7a95sYsmMS3SrdUOFu+o2RZC/wZP8cwFrxJvR4jB4DIfkl4lZCjOePswqNSfQXxZ+FdPHzIsq+Th7Y4RCACwHcB+ANdM654kfHQLcn+xViHIMRi+jVAN5Nn53R6o0k20V376LPF8mLhBis6+mYe9lNka7rbMtX6fOXsgiLRfQHaftPXjfPiitIgHO3fuoJvJxUyMkRW7XD+0mFrBI3MwgxiG6V8FdxZQSZirKoCcVVxjnHpCUrLol4/WFP9qWhgmIQ/SpJ2kAisTsjyFS8FkC7bD9YxU920edjsv3yhHA8FF+mHMj6hDRCTcQgej1txw4zX03b26uct49eQrOQHQt7xRZA+KonaTWBGESfSdt3RHxAhzNoe2eNc3+dcE8xwM+1NkReDKJXyf8xUR2x4FrmU0WW08O7asjl40+JeB8Of6dtP8GVClmJXkJRkwuDH80oj7GQdH9PCneRw/CTI96Hwz9oe2WIgKxEd0hUBhm9GMooj9EGYL58HkpI+DMGaLuzxrn14hCdPz9EQFaiSySjFhH1okXUB8ijqIYTEZ/LR+YgKOsNjZHrEysiC5XN58Qekpp2oucwR/TMwhzRU4Q5oqcIWYl+iAzPSORb3kOy/XHCpHtRxL6X/9C2P6qeCkkFNM5XfD2AxfIyLCs+LM67vqzlkjcejVCYMyKJIbX2LpFzmbh5zcb5xyRIGZPvuOGt98q9WOf70OtYzzlC0S/kOhvlOyq7JNfaJSNLlRdIKDfYkjXRXWA80RosTlIdzykoTzH871OtnUldvI22t0qa0O+CY/L2tksU9y/qUjFRSiFzVLr0jXKu09fvkGPVvjsq6nG75FZGpHqpx2iEY14QxTI+LaP9EHkVSCJ6IW3/skrmjOP+QRnGmi6UiVSXm7i7jvsYkmcuy1jh4Tqf4QEius06IUl18MknJZwDMRL6cEHJloh4Eomq515aKRnWFJgG5V6z0Dohiegu2j6ScE5eMOylYEM8pkHaNoe6LKKbKA983EsR5hVcSRUSWxygbTMXbgntIIU+IHnmvINTrCHGnOv1TGNoEd1OifO+Gi16fwMjw3rBvmuaSDIJpo6tAVY9pk2ziJ4v7hpSjJicTTIWexHUVOPF9NK7xPVMC27RSwPum+1YaqJbaTsprm+TOSW3k3+9WmovPhdwo1nQLn7wr6jbr5Zxvk+llMu9MWQYjN3BLusEy8Jy8cmAcRwy/P5CY3+blHB1ebV4jUJJysTOMOS7lvVhsTlbaly/n7Zbq5yXhAHpFfPk2Zv8wMZq0ctp26prfo9HsjWed4k3VaFR2OKRfMK4zmUJL4KR1b3rJadhidWqLaK56/QYxy+Q/y70/C6A/8rnO2QSj39eI7GB7uUGSa1CosJb6MJvrXETrDpCAq9B6hWdVMY2AYtojgot1aEGzwn+PBkdp8+30XlPDrjheqFq7oBkG0+Rz32Sf1A8rYZc7pWhpQpH5X8zORMTqEX0oHFc3b128TSukha0zZuKZn03NvThuuTvQ1KDdw2A59G1+mtcl41+tZRDNRylYx3+eRbRrF+s5IpOCXNv7TsypeEcuRDnsG8PvOF68Ec51xmwb4oqe6l0fy5Qv62GTO65C6qcVw2s5ytcS4tojmysYOVq2na51/8BuF+KENXZf8jT143CZ0juGqn83CUZRzVqu2X6XDUw0aHJsf20XZHvsIhmh92qpdsjNdH8Bp9N2y5l+LKU1UVZ8bDMBVQ15Z7nWSTzPq+sOAkcSYaOozJXFarDcmW4Re83jjv8VlrQxeLqLRKD5AYIviXJqKnCL+ReLpJy3Q65l51yL2lK1dgtDAnB4dmBipy0RXQtY6joEa9jJsAldT6b4T6494WE4KgVHVrdpCz/x6a4ZU4n2I82s28pcKiaDJ/oMvmRhz2XJc/g1rgwMFXKNqumMVxKa1n0Vsl15A2cc28JDMM5J12hfnyiO73C8ix53dmEXlKTzYGeBxvDiqDHF8gWtwhDWIojlHtPU95g4Rhl7CoygHNEP45RcgNbA1OlR0nXd/luoqU6FHkf/WaMkYvXlrDmUi30U9Cy2DeIPtF8gSK16ONkj5qsNGdKGUr0fD869Inm0ZVYqxPMBhz3enBovoO9tEnRoeXeKZLC77wiBtEcSU/yPHyi+aAOY70NwNel3jjP4OAsNN/BRE/S875jXqZtdeK30ezY7+U4iOF0g1momALsS6c2hqrY1afsa0BJ7kwC5ztCk/+sbnmQu4JofguqOlSd9KYYEprN4J5aDnwODsMnZfCqteh9ckE1DPXWDM82MNGhc3BYz08KephoriIdkS8x8UGzkWYRWEeHqg4mOrFFl8naautdQcenYlR7OsGjLCGRIbzYY9JyQ0z0QrK2mmDh0dyYa3HMRDDRZv1cCnDB0aTkPxPNKVJt0RzAsKLPI1g1hhLdS6F8J3tpTPQyOqDeBcfreQ/J2diH+tGDJKeNDSITzQud6lQBTq7k3RhmXmVGONJQvp0jbSbaCr9ZdeTdGMZw70aJpzLraSaa36K+FW7leZ/LwsFYlrnspufhG0OFvhV2c/Kuo9kHDvWjkTRxiInm2LzHP7Fg7l2WVca4Z0y8MCaaSVVjyHo77yMuHBmGpknhTbCakMNEs++orVfdkyJULXH2rmwVk6cEt2hTR7PPfNDbdzjy4oEzEey+ho6Ew5tFaxLNTrp6GOreDRSgaolXi2zLYBDNMDypRfeJw6152YMzYGZsozFCrbo1Q9DC3tkEp0r0PPKZT4ieWZzw5bximPIULRmI5lC+IjLsJGKVVA6/i1BVesSzQ2kWvbJgJqeU6DYiVvUz51OLULU0FKnkoJ+qnpZplKlE88q2w3SSoijFNNwaQ4OWA15p2HirVqLZQVc1UaQ8hyJGdHiE+GpXb06J5tbbZ+yL8VtXswE8l6ViZlUd4DWaWphoy8PoMvblHezChs6ghTVxSIm2snR8oaJMGoqVweME3LhToUSzK6dqgn80IO+jKwomOrSIBlZ0aBlD1S/8Vu7PcNHZBO7yWZL/zN24tuCARaF6aqPM9XZN/995ZNVAjDnhsCYO8ZLECvU61sjqiFP52+HTDR4XDan6V3CEOS5HSWRXThe8vlt86b2yGErDfpx8BoFtURb3jgdJJhlDVh0Py3/1ROYXaIn6GKW78OKO8bI6JZCF9ovF1WP7p2hJiJkAnsCaZTiLf7x9kjFUok+IfuGEUlHCb0QMWNiojr+wkpCsquOQ6OKizs5iIxZaFgbpGaoFJoheRIpf3wQnlPJeZsBILCSvE4NkEF0jbivJhuojJZrfZlGiQnhEZ/GjD5HKdbmOxSXPX1Q1wTV3RVmzA96zZokfHiOix9dAKXldREcYeLHpIuloHmHJojrgORHtJc+66hvlSn+uU8g7ONBoz+h5TNL387x5Khqj876irEIDw+torzIb7TwAp0uAZ62rx99bMi+huNEtt7ZOSP5LhAeYLeA0w4IEF89pgesAbKZ9btm3Td7Sb+ytrSx5SX9dvt1NSz5N3hj/IFfecYLILhlh+FmyaOFmb/87pUGebnDpsKzkhZqc3hssSCKJcdyLDpmbDwC4x/t5K/4Z67XyEjYYxzr8t1Ykn9nCiMfBA8LPrd6arKOyGLlbXfhS2l+WNVk3idqdWGOp5A3M5n2eSi0MkUF0rftKAH+T9U8V98iSyTfI56/IWqzddI5bduPbFIYv8nV0kQyfhaOU4myWtbFPk88HpRWvM4b27pJFwrfRQPYpFPSMex2cQLq+YGsp+RijYM3PwfeJ23tNgn/9KK3N5BexL3c/HDmY0TGfQ20cdy36GwAulGZu/V5fEaE//5qVi8frGYGb/g
4584+tiq/H/TgwOAAAAABJRU5ErkJggg=="/> 4585 </svg> 4586 </div> 4587 </div> 4588 </a> 4589 </div> 4590 <div> 4591 <a 4592 x-bind:href="item.url" 4593 class="mr-0 duration-200 transition disable-effect hover-text-link p-break-words" 4594 x-text="item.title" 4595 > 4596 </a> 4597 <p 4598 class="text-[rgba(var(--colors-price))] text-normal font-semibold mt-1" 4599 x-text="new Intl.NumberFormat('en', { style: 'currency', currency: 'USD' }).format(item.price / 100)" 4600 ></p> 4601 </div> 4602 </div> 4603 </template> 4604 </div> 4605</div> 4606 4607 4608<div id="x-cart-drawer-container" class="z-[70] fixed" @init-run.window="$store.xHeaderMenu.renderAjax($el, 'cart-drawer', '#ajax-loading-cart');"></div>
4608<script src="//www.joeskc.com/cdn/shop/t/80/assets/search-prompts.js?v=181440801706723618771785247873" defer></script>
4608
4609<script type="application/ld+json"> 4610 { 4611 "@context": "http://schema.org", 4612 "@type": "Organization", 4613 "name": "SendJoesKCBBQ", 4614 4615 "logo": "https:\/\/www.joeskc.com\/cdn\/shop\/files\/red_LOGO_2025_CUTOUT.png?v=1756928334\u0026width=816", 4616 4617 "sameAs": [ 4618 "https:\/\/x.com\/joeskc", 4619 "https:\/\/www.facebook.com\/joeskcbbq", 4620 "", 4621 "https:\/\/www.instagram.com\/joeskc\/", 4622 "", 4623 "", 4624 "", 4625 "", 4626 "" 4627 ], 4628 "url": "https:\/\/www.joeskc.com" 4629 } 4630</script>
4630 4631
4631<script type="application/ld+json"> 4632 { 4633 "@context": "http://schema.org", 4634 "@type": "WebSite", 4635 "name": "SendJoesKCBBQ", 4636 "potentialAction": { 4637 "@type": "SearchAction", 4638 "target": "https:\/\/www.joeskc.com\/search?q={search_term_string}", 4639 "query-input": "required name=search_term_string" 4640 }, 4641 "url": "https:\/\/www.joeskc.com" 4642 } 4643 </script>
4643<script src="//www.joeskc.com/cdn/shop/t/80/assets/store-selector.js?v=69199566774997787001785247873" defer="defer"></script>
4643 4644 4645<style> #shopify-section-sections--19816061632579__header header {font-size: clamp(10px, 1.2vw, 26px);} @media (min-width: 768px) {#shopify-section-sections--19816061632579__header .header {background: rgb(var(--background-color-header)) !important; align-items: flex-end; }} #shopify-section-sections--19816061632579__header #sticky-header-content {background: rgb(var(--background-color-header)) !important;} </style></div><div id="shopify-section-sections--19816061632579__mobile-navigation" class="shopify-section shopify-section-group-header-group-puff section-mobile-navigation"><style data-shopify>#mobile-navigation { 4646 contain: style layout; 4647 } 4648 #mobile-navigation * {border-color: #f2f2f2;} 4649 .dark #mobile-navigation * {border-color: #313131;} 4650 #mobile-navigation .text-color, 4651 #mobile-navigation .background-header {background: #ffffff;--colors-heading: 0, 0, 0; 4652 color: #000000; 4653 --colors-text: 0, 0, 0; 4654 --colors-text-header: 0, 0, 0; 4655 --colors-text-link: 127, 38, 41; 4656 4657 } 4658 .dark #mobile-navigation .text-color, 4659 .dark #mobile-navigation .background-header {background: #202020;--colors-heading: 255, 255, 255; 4660 color: #ffffff; 4661 --colors-text-header: 255, 255, 255; 4662 --colors-text: 255, 255, 255; 4663 --colors-text-link: 127, 38, 41; 4664 4665 } 4666 4667 .svg-highlight-sections--19816061632579__mobile-navigation { 4668 4669 } 4670 .dark .svg-highlight-sections--19816061632579__mobile-navigation { 4671 4672 --color-highlight: rgb(127, 38, 41); 4673 4674 } 4675 4676 .block-mobile-navigation-after::after { 4677 content: var(--tw-content); 4678 position: absolute; 4679 width: 100%; 4680 left: 0; 4681 border-bottom-width: 1px;border-color: #f2f2f2;} 4682 .dark .block-mobile-navigation-after::after {border-color: #313131;} 4683 .font-menu-level-0 { 4684 font-size: 1.125rem; 4685 } 4686 .font-menu-level-1 { 4687 font-size: 1.0rem; 4688 } 4689 .font-menu-level-2 { 4690 font-size: 0.875rem; 4691 } 4692 4693 .block-mobile-navigation-menu .font-menu-level-0, 4694 .block-mobile-navigation-menu .font-menu-level-1, 4695 .block-mobile-navigation-menu .font-menu-level-2, 4696 .block-mobile-navigation-carousel_menu .font-menu-level-0, 4697 .block-mobile-navigation-carousel_menu .font-menu-level-2, 4698 .block-mobile-navigation-account .font-menu-level-1, 4699 .block-mobile-navigation-cart .font-menu-level-1 4700 { 4701 font-size: 0.7875rem; 4702 font-weight: var(--font-body-weight); 4703 } 4704 4705</style><div 4706 class="z-[9999] fixed top-0 h-full w-full opacity-60 bg-black" 4707 x-show="$store.xMobileNav.show" 4708 x-cloak 4709 @click="setTimeout(() => { $store.xMobileNav.close() }, 0)" 4710></div> 4711<template x-if="!$store.xInit.runDispatch"> 4712 <div 4713 id="mobile-navigation" 4714 :class="{ 'menu-opening': $store.xMobileNav.show }" 4715 class="menu-drawer fixed z-[9999] top-0 bottom-0 w-[90%] max-w-xl motion-reduce overflow-x-hidden ltr left-0 -translate-x-full" 4716 > 4717 <div class="x-container-mobile-nav background-header gradient menu-drawer duration-300 ease-in-out overflow-hidden h-full flex flex-col"> 4718 <div class="x-block-mobile-nav-close pt-4 pb-4 pl-4 pr-4 w-full flex justify-between items-center" 4719 aria-label="Close" 4720 > 4721 <span class="font-menu-level-2 uppercase">Menu</span> 4722 <span 4723 class="cursor-pointer icon-close-container inline-block group-close-btn rounded-full absolute top-2 right-2 rtl:right-auto rtl:left-2" 4724 @click="setTimeout(() => { $store.xMobileNav.close() }, 0)" 4725 ><svg class="icon-close-animation" width="100%" height="100%" viewBox="0 0 10 10" fill="none" xmlns="http://www.w3.org/2000/svg"> 4726 <path d="M1 9L5 5M5 5L9 1M5 5L1 1M5 5L9 9" stroke="currentColor" stroke-width="1" stroke-linecap="round" stroke-linejoin="round"/> 4727 </svg> 4728</span> 4729 </div> 4730 <div 4731 id="menu-navigation" 4732 class="h-full flex-1 overflow-x-hidden scrollbar-body overflow-y-auto scrollbar-stable" 4733 > 4734 4735 <ul 4736 x-data="{ openCur: 0 }" 4737 id="menu-level-0" 4738 role="list" 4739 class="menu-parent relative h-full w-full" 4740 > 4741 <li class="block-mobile-navigation-menu">
4742 <span class="flex empty:hidden border-t ml-4 mr-4"></span> 4743 4744 4745 4746<div 4747 class="flex items-center gap-4 pr-4 pl-4 border-b" 4748 ><style data-shopify>.color-label-sections--19816061632579__mobile-navigation { 4749 background: #7f2629; 4750 color: #ffffff; 4751 } 4752 .color-label-sections--19816061632579__mobile-navigation:before{ 4753 border-top-color: #7f2629; 4754 } 4755 .dark .color-label-sections--19816061632579__mobile-navigation { 4756 background: rgba(0,0,0,0); 4757 color: #ffffff 4758 } 4759 .dark .color-label-sections--19816061632579__mobile-navigation:before { 4760 border-top-color: rgba(0,0,0,0); 4761 } 4762 4763 4764</style> 4765 <a href="https://order.joeskc.com/" class="flex-1 relative pt-2.5 pb-2.5 gap-4 flex items-center disable-effect"> 4766 4767 4768 4769 <span class="flex flex-wrap gap-x-2"> 4770 <span class="p-break-words font-medium font-menu-level-0"> 4771 4772 4773 4774 4775 <span>Order Restaurant Pick-Up</span> 4776 4777 4778 </span> 4779 4780 4781 </span> 4782 </a> 4783</div><div 4784 class="flex items-center gap-4 pr-4 pl-4 border-b" 4785 ><style data-shopify>.color-label-sections--19816061632579__mobile-navigation { 4786 background: #7f2629; 4787 color: #ffffff; 4788 } 4789 .color-label-sections--19816061632579__mobile-navigation:before{ 4790 border-top-color: #7f2629; 4791 } 4792 .dark .color-label-sections--19816061632579__mobile-navigation { 4793 background: rgba(0,0,0,0); 4794 color: #ffffff 4795 } 4796 .dark .color-label-sections--19816061632579__mobile-navigation:before { 4797 border-top-color: rgba(0,0,0,0); 4798 } 4799 4800 4801</style> 4802 <a href="https://catering.joeskc.com/" class="flex-1 relative pt-2.5 pb-2.5 gap-4 flex items-center disable-effect"> 4803 4804 4805 4806 <span class="flex flex-wrap gap-x-2"> 4807 <span class="p-break-words font-medium font-menu-level-0"> 4808 4809 4810 4811 4812 <span>Order Catering Carryout</span> 4813 4814 4815 </span> 4816 4817 4818 </span> 4819 </a> 4820</div><div @click="$store.xMobileNav.scrollTop($el); $store.xMobileNav.setActiveLink('-3')" 4821 class="flex items-center gap-4 pr-4 pl-4 border-b" 4822 ><style data-shopify>.color-label-sections--19816061632579__mobile-navigation { 4823 background: #7f2629; 4824 color: #ffffff; 4825 } 4826 .color-label-sections--19816061632579__mobile-navigation:before{ 4827 border-top-color: #7f2629; 4828 } 4829 .dark .color-label-sections--19816061632579__mobile-navigation { 4830 background: rgba(0,0,0,0); 4831 color: #ffffff 4832 } 4833 .dark .color-label-sections--19816061632579__mobile-navigation:before { 4834 border-top-color: rgba(0,0,0,0); 4835 } 4836 4837 4838</style> 4839 <span class="flex-1 pt-2.5 pb-2.5 flex gap-4 items-center disable-effect"> 4840 4841 4842 4843 <span class="flex flex-wrap gap-x-2"> 4844 <span class="p-break-words font-medium font-menu-level-0"> 4845 4846 4847 4848 4849 <span>Locations</span> 4850 4851 4852 </span> 4853 4854 4855 </span> 4856 </span> 4857<span 4858 class="icon-caret-mobile h-3 w-3 min-h-3 min-w-[12px] block -rotate-90" 4859 ><svg width="100%" height="100%" viewBox="0 0 9 7" fill="none" xmlns="http://www.w3.org/2000/svg" style="fill: none;"> 4860 <path d="M0.75 1.625L4.5 5.375L8.25 1.625" stroke="currentcolor" stroke-width="1" stroke-linecap="round" stroke-linejoin="round"/> 4861 </svg> 4862</span></div><div 4863 class="menu-drawer duration-300 ease-in-out top-0 left-0 fixed background-header w-full h-full z-30 invisible translate-x-full" 4864 :class="{ 'menu-opening': $store.xMobileNav.currentMenuLinks.includes('-3')}" 4865 > 4866 <div class="overflow-x-hidden pb-4 scrollbar-body absolute top-0 z-30 w-full h-full" 4867 :class="$store.xMobileNav.currentMenuLinks.length == 2 ? 'overflow-hidden' : 'overflow-y-auto'" 4868 > 4869 <div class="flex items-center sticky top-0 background-header z-30 pt-4 pb-4 pl-4 pr-4 gap-4 justify-between"> 4870 <div class="flex items-center">
4871 <span class="w-10 h-10 min-w-[40px] min-h-10 pl-3 pr-3 pt-6 block rotate-90" 4872 @click="$store.xMobileNav.removeActiveLink('-3'); " 4873 > 4874 <svg width="100%" height="100%" viewBox="0 0 9 7" fill="none" xmlns="http://www.w3.org/2000/svg" style="fill: none;"> 4875 <path d="M0.75 1.625L4.5 5.375L8.25 1.625" stroke="currentcolor" stroke-width="1" stroke-linecap="round" stroke-linejoin="round"/> 4876 </svg> 4877 4878 </span> 4879 <a href="/pages/locations" class="flex relative flex-wrap gap-x-2 flex-1 font-medium disable-effect"> 4880 <span class="p-break-words font-menu-level-0"> 4881 4882 4883 4884 4885 <span>Locations</span> 4886 4887 4888 </span> 4889 4890 4891 </a> 4892 </div> 4893 <span 4894 class="cursor-pointer icon-close-container inline-block group-close-btn rounded-full" 4895 @click="setTimeout(() => { $store.xMobileNav.close() }, 0)" 4896 ><svg class="icon-close-animation" width="100%" height="100%" viewBox="0 0 10 10" fill="none" xmlns="http://www.w3.org/2000/svg"> 4897 <path d="M1 9L5 5M5 5L9 1M5 5L1 1M5 5L9 9" stroke="currentColor" stroke-width="1" stroke-linecap="round" stroke-linejoin="round"/> 4898 </svg> 4899</span> 4900 </div> 4901 <ul 4902 id="menu-level-1" 4903 class="background-header w-full" 4904 ><li class="border-b pb-3 pl-4 pr-4 pt-3"> 4905 4906 <div 4907 class="flex items-center justify-between h-full gap-" 4908 4909 > 4910 4911 <a href="/pages/the-original-gas-station-restaurant" class="p-break-words h-full flex gap-3 flex-1 disable-effect items-center"> 4912 4913 4914 4915 <span class="flex justify-between items-center font-medium font-menu-level-1 mt-auto mb-auto w-full gap-2"> 4916 <span class="flex flex-wrap gap-x-2"> 4917 4918 4919 4920 4921 <span>The Original Gas Station Restaurant</span> 4922 4923 4924 4925 4926 </span> 4927 4928 </span> 4929 </a> 4930</div></li><li class="border-b pb-3 pl-4 pr-4 pt-3"> 4931 4932 <div 4933 class="flex items-center justify-between h-full gap-" 4934 4935 > 4936 4937 <a href="/pages/joes-kansas-city-leawood" class="p-break-words h-full flex gap-3 flex-1 disable-effect items-center"> 4938 4939 4940 4941 <span class="flex justify-between items-center font-medium font-menu-level-1 mt-auto mb-auto w-full gap-2"> 4942 <span class="flex flex-wrap gap-x-2"> 4943 4944 4945 4946 4947 <span>Joe's Kansas City - Leawood</span> 4948 4949 4950 4951 4952 </span> 4953 4954 </span> 4955 </a> 4956</div></li><li class="border-b pb-3 pl-4 pr-4 pt-3"> 4957 4958 <div 4959 class="flex items-center justify-between h-full gap-" 4960 4961 > 4962 4963 <a href="/pages/joes-kansas-city-olathe" class="p-break-words h-full flex gap-3 flex-1 disable-effect items-center"> 4964 4965 4966
4967 <span class="flex justify-between items-center font-medium font-menu-level-1 mt-auto mb-auto w-full gap-2"> 4968 <span class="flex flex-wrap gap-x-2"> 4969 4970 4971 4972 4973 <span>Joe's Kansas City - Olathe</span> 4974 4975 4976 4977 4978 </span> 4979 4980 </span> 4981 </a> 4982</div></li><li class="border-b pb-3 pl-4 pr-4 pt-3"> 4983 4984 <div 4985 class="flex items-center justify-between h-full gap-" 4986 4987 > 4988 4989 <a href="http://www.the180room.com/" class="p-break-words h-full flex gap-3 flex-1 disable-effect items-center"> 4990 4991 4992 4993 <span class="flex justify-between items-center font-medium font-menu-level-1 mt-auto mb-auto w-full gap-2"> 4994 <span class="flex flex-wrap gap-x-2"> 4995 4996 4997 4998 4999 <span>The 180 Room</span> 5000 5001 5002 5003 5004 </span> 5005 5006 </span> 5007 </a> 5008</div></li></ul> 5009 </div> 5010 </div><div @click="$store.xMobileNav.scrollTop($el); $store.xMobileNav.setActiveLink('-4')" 5011 class="flex items-center gap-4 pr-4 pl-4 border-b" 5012 ><style data-shopify>.color-label-sections--19816061632579__mobile-navigation { 5013 background: #7f2629; 5014 color: #ffffff; 5015 } 5016 .color-label-sections--19816061632579__mobile-navigation:before{ 5017 border-top-color: #7f2629; 5018 } 5019 .dark .color-label-sections--19816061632579__mobile-navigation { 5020 background: rgba(0,0,0,0); 5021 color: #ffffff 5022 } 5023 .dark .color-label-sections--19816061632579__mobile-navigation:before { 5024 border-top-color: rgba(0,0,0,0); 5025 } 5026 5027 5028</style> 5029 <span class="flex-1 pt-2.5 pb-2.5 flex gap-4 items-center disable-effect"> 5030 5031 5032 5033 <span class="flex flex-wrap gap-x-2"> 5034 <span class="p-break-words font-medium font-menu-level-0"> 5035 5036 5037 5038 5039 <span>Menus</span> 5040 5041 5042 </span> 5043 5044 5045 </span> 5046 </span> 5047<span 5048 class="icon-caret-mobile h-3 w-3 min-h-3 min-w-[12px] block -rotate-90" 5049 ><svg width="100%" height="100%" viewBox="0 0 9 7" fill="none" xmlns="http://www.w3.org/2000/svg" style="fill: none;"> 5050 <path d="M0.75 1.625L4.5 5.375L8.25 1.625" stroke="currentcolor" stroke-width="1" stroke-linecap="round" stroke-linejoin="round"/> 5051 </svg> 5052</span></div><div 5053 class="menu-drawer duration-300 ease-in-out top-0 left-0 fixed background-header w-full h-full z-30 invisible translate-x-full" 5054 :class="{ 'menu-opening': $store.xMobileNav.currentMenuLinks.includes('-4')}" 5055 > 5056 <div class="overflow-x-hidden pb-4 scrollbar-body absolute top-0 z-30 w-full h-full" 5057 :class="$store.xMobileNav.currentMenuLinks.length == 2 ? 'overflow-hidden' : 'overflow-y-auto'" 5058 > 5059 <div class="flex items-center sticky top-0 background-header z-30 pt-4 pb-4 pl-4 pr-4 gap-4 justify-between"> 5060 <div class="flex items-center"> 5061 <span class="w-10 h-10 min-w-[40px] min-h-10 pl-3 pr-3 pt-6 block rotate-90" 5062 @click="$store.xMobileNav.removeActiveLink('-4'); " 5063 >
5064 <svg width="100%" height="100%" viewBox="0 0 9 7" fill="none" xmlns="http://www.w3.org/2000/svg" style="fill: none;"> 5065 <path d="M0.75 1.625L4.5 5.375L8.25 1.625" stroke="currentcolor" stroke-width="1" stroke-linecap="round" stroke-linejoin="round"/> 5066 </svg> 5067 5068 </span> 5069 <a href="/pages/restaurant-menu" class="flex relative flex-wrap gap-x-2 flex-1 font-medium disable-effect"> 5070 <span class="p-break-words font-menu-level-0"> 5071 5072 5073 5074 5075 <span>Menus</span> 5076 5077 5078 </span> 5079 5080 5081 </a> 5082 </div> 5083 <span 5084 class="cursor-pointer icon-close-container inline-block group-close-btn rounded-full" 5085 @click="setTimeout(() => { $store.xMobileNav.close() }, 0)" 5086 ><svg class="icon-close-animation" width="100%" height="100%" viewBox="0 0 10 10" fill="none" xmlns="http://www.w3.org/2000/svg"> 5087 <path d="M1 9L5 5M5 5L9 1M5 5L1 1M5 5L9 9" stroke="currentColor" stroke-width="1" stroke-linecap="round" stroke-linejoin="round"/> 5088 </svg> 5089</span> 5090 </div> 5091 <ul 5092 id="menu-level-1" 5093 class="background-header w-full" 5094 ><li class="border-b pb-3 pl-4 pr-4 pt-3"> 5095 5096 <div 5097 class="flex items-center justify-between h-full gap-" 5098 5099 > 5100 5101 <a href="/pages/restaurant-menu" class="p-break-words h-full flex gap-3 flex-1 disable-effect items-center"> 5102 5103 5104 5105 <span class="flex justify-between items-center font-medium font-menu-level-1 mt-auto mb-auto w-full gap-2"> 5106 <span class="flex flex-wrap gap-x-2"> 5107 5108 5109 5110 5111 <span>Restaurant Menu</span> 5112 5113 5114 5115 5116 </span> 5117 5118 </span> 5119 </a> 5120</div></li><li class="border-b pb-3 pl-4 pr-4 pt-3"> 5121 5122 <div 5123 class="flex items-center justify-between h-full gap-" 5124 5125 > 5126 5127 <a href="/pages/catering-menu" class="p-break-words h-full flex gap-3 flex-1 disable-effect items-center"> 5128 5129 5130 5131 <span class="flex justify-between items-center font-medium font-menu-level-1 mt-auto mb-auto w-full gap-2"> 5132 <span class="flex flex-wrap gap-x-2"> 5133 5134 5135 5136 5137 <span>Catering Menu</span> 5138 5139 5140 5141 5142 </span> 5143 5144 </span> 5145 </a> 5146</div></li><li class="border-b pb-3 pl-4 pr-4 pt-3"> 5147 5148 <div 5149 class="flex items-center justify-between h-full gap-" 5150 5151 > 5152 5153 <a href="/pages/party-planner-menu" class="p-break-words h-full flex gap-3 flex-1 disable-effect items-center"> 5154 5155 5156 5157 <span class="flex justify-between items-center font-medium font-menu-level-1 mt-auto mb-auto w-full gap-2"> 5158 <span class="flex flex-wrap gap-x-2"> 5159 5160 5161 5162
5163 <span>Party Planner Menu</span> 5164 5165 5166 5167 5168 </span> 5169 5170 </span> 5171 </a> 5172</div></li><li class="border-b pb-3 pl-4 pr-4 pt-3"> 5173 5174 <div 5175 class="flex items-center justify-between h-full gap-" 5176 5177 > 5178 5179 <a href="/pages/joes-kc-bbq-reheating-instructions" class="p-break-words h-full flex gap-3 flex-1 disable-effect items-center"> 5180 5181 5182 5183 <span class="flex justify-between items-center font-medium font-menu-level-1 mt-auto mb-auto w-full gap-2"> 5184 <span class="flex flex-wrap gap-x-2"> 5185 5186 5187 5188 5189 <span>Reheating Instructions</span> 5190 5191 5192 5193 5194 </span> 5195 5196 </span> 5197 </a> 5198</div></li><li class="border-b pb-3 pl-4 pr-4 pt-3"> 5199 5200 <div 5201 class="flex items-center justify-between h-full gap-" 5202 5203 > 5204 5205 <a href="/pages/restaurant-allergen-information" class="p-break-words h-full flex gap-3 flex-1 disable-effect items-center"> 5206 5207 5208 5209 <span class="flex justify-between items-center font-medium font-menu-level-1 mt-auto mb-auto w-full gap-2"> 5210 <span class="flex flex-wrap gap-x-2"> 5211 5212 5213 5214 5215 <span>Restaurant Allergen Information</span> 5216 5217 5218 5219 5220 </span> 5221 5222 </span> 5223 </a> 5224</div></li></ul> 5225 </div> 5226 </div><div @click="$store.xMobileNav.scrollTop($el); $store.xMobileNav.setActiveLink('-5')" 5227 class="flex items-center gap-4 pr-4 pl-4 border-b" 5228 ><style data-shopify>.color-label-sections--19816061632579__mobile-navigation { 5229 background: #7f2629; 5230 color: #ffffff; 5231 } 5232 .color-label-sections--19816061632579__mobile-navigation:before{ 5233 border-top-color: #7f2629; 5234 } 5235 .dark .color-label-sections--19816061632579__mobile-navigation { 5236 background: rgba(0,0,0,0); 5237 color: #ffffff 5238 } 5239 .dark .color-label-sections--19816061632579__mobile-navigation:before { 5240 border-top-color: rgba(0,0,0,0); 5241 } 5242 5243 5244</style> 5245 <span class="flex-1 pt-2.5 pb-2.5 flex gap-4 items-center disable-effect"> 5246 5247 5248 5249 <span class="flex flex-wrap gap-x-2"> 5250 <span class="p-break-words font-medium font-menu-level-0"> 5251 5252 5253 5254 5255 <span>Ship Joe's Frozen BBQ ð¦</span> 5256 5257 5258 </span> 5259 5260 5261 </span> 5262 </span> 5263<span 5264 class="icon-caret-mobile h-3 w-3 min-h-3 min-w-[12px] block -rotate-90" 5265 ><svg width="100%" height="100%" viewBox="0 0 9 7" fill="none" xmlns="http://www.w3.org/2000/svg" style="fill: none;"> 5266 <path d="M0.75 1.625L4.5 5.375L8.25 1.625" stroke="currentcolor" stroke-width="1" stroke-linecap="round" stroke-linejoin="round"/> 5267 </svg> 5268</span></div><div 5269 class="menu-drawer duration-300 ease-in-out top-0 left-0 fixed background-header w-full h-full z-30 invisible translate-x-full" 5270 :class="{ 'menu-opening': $store.xMobileNav.currentMenuLinks.includes('-5')}" 5271 > 5272 <div class="overflow-x-hidden pb-4 scrollbar-body absolute top-0 z-30 w-full h-full" 5273 :class="$store.xMobileNav.currentMenuLinks.length == 2 ? 'overflow-hidden' : 'overflow-y-auto'" 5274 > 5275 <div class="flex items-center sticky top-0 background-header z-30 pt-4 pb-4 pl-4 pr-4 gap-4 justify-between"> 5276 <div class="flex items-center">
5277 <span class="w-10 h-10 min-w-[40px] min-h-10 pl-3 pr-3 pt-6 block rotate-90" 5278 @click="$store.xMobileNav.removeActiveLink('-5'); " 5279 > 5280 <svg width="100%" height="100%" viewBox="0 0 9 7" fill="none" xmlns="http://www.w3.org/2000/svg" style="fill: none;"> 5281 <path d="M0.75 1.625L4.5 5.375L8.25 1.625" stroke="currentcolor" stroke-width="1" stroke-linecap="round" stroke-linejoin="round"/> 5282 </svg> 5283 5284 </span> 5285 <a href="/collections" class="flex relative flex-wrap gap-x-2 flex-1 font-medium disable-effect"> 5286 <span class="p-break-words font-menu-level-0"> 5287 5288 5289 5290 5291 <span>Ship Joe's Frozen BBQ ð¦</span> 5292 5293 5294 </span> 5295 5296 5297 </a> 5298 </div> 5299 <span 5300 class="cursor-pointer icon-close-container inline-block group-close-btn rounded-full" 5301 @click="setTimeout(() => { $store.xMobileNav.close() }, 0)" 5302 ><svg class="icon-close-animation" width="100%" height="100%" viewBox="0 0 10 10" fill="none" xmlns="http://www.w3.org/2000/svg"> 5303 <path d="M1 9L5 5M5 5L9 1M5 5L1 1M5 5L9 9" stroke="currentColor" stroke-width="1" stroke-linecap="round" stroke-linejoin="round"/> 5304 </svg> 5305</span> 5306 </div> 5307 <ul 5308 id="menu-level-1" 5309 class="background-header w-full" 5310 ><li class="border-b pb-3 pl-4 pr-4 pt-3"> 5311 5312 <div 5313 class="flex items-center justify-between h-full gap-" 5314 5315 > 5316 5317 <a href="/collections/best-sellers" class="p-break-words h-full flex gap-3 flex-1 disable-effect items-center"> 5318 5319 5320 5321 <span class="flex justify-between items-center font-medium font-menu-level-1 mt-auto mb-auto w-full gap-2"> 5322 <span class="flex flex-wrap gap-x-2"> 5323 5324 5325 5326 5327 <span>Shop Best Sellers</span> 5328 5329 5330 5331 5332 </span> 5333 5334 </span> 5335 </a> 5336</div></li><li class="border-b pb-3 pl-4 pr-4 pt-3"> 5337 5338 <div 5339 class="flex items-center justify-between h-full gap-" 5340 @click="$store.xMobileNav.scrollTop($el); $store.xMobileNav.setActiveLink('-5-2');" 5341 > 5342 5343 <span class="p-break-words flex gap-3 h-full flex-1 disable-effect items-center"> 5344 5345 5346 5347 <span class="flex justify-between items-center font-medium font-menu-level-1 mt-auto mb-auto w-full gap-2"> 5348 <span class="flex flex-wrap gap-x-2"> 5349 5350 5351 5352 5353 <span>Shop By Smoked Meats</span> 5354 5355 5356 5357 5358 </span> 5359 5360 </span> 5361 </span> 5362 5363 <span class="icon-caret-mobile h-3 w-3 min-h-3 min-w-[12px] block -rotate-90"> 5364 <svg width="100%" height="100%" viewBox="0 0 9 7" fill="none" xmlns="http://www.w3.org/2000/svg" style="fill: none;"> 5365 <path d="M0.75 1.625L4.5 5.375L8.25 1.625" stroke="currentcolor" stroke-width="1" stroke-linecap="round" stroke-linejoin="round"/> 5366 </svg> 5367 5368 </span> 5369 5370</div><div 5371 class="menu-drawer duration-300 ease-in-out top-0 left-0 absolute background-header w-full h-full z-30 invisible translate-x-full" 5372 :class="{ 'menu-opening': $store.xMobileNav.currentMenuLinks.includes('-5-2')} " 5373 > 5374 <div class="overflow-x-hidden pb-4 scrollbar-body absolute top-0 z-30 w-full h-full" 5375 :class="$store.xMobileNav.currentMenuLinks.length == 3 ? 'overflow-hidden' : 'overflow-y-auto'" 5376 > 5377 <div class="flex items-center sticky top-0 background-header z-30 justify-between pt-4 pb-4 pl-4 pr-4 gap-4"> 5378 <div class="flex items-center">
5379 <span 5380 class="w-10 h-10 min-w-[40px] min-h-10 pl-3 pr-3 pt-6 block rotate-90" 5381 @click="$store.xMobileNav.removeActiveLink('-5-2')" 5382 ><svg width="100%" height="100%" viewBox="0 0 9 7" fill="none" xmlns="http://www.w3.org/2000/svg" style="fill: none;"> 5383 <path d="M0.75 1.625L4.5 5.375L8.25 1.625" stroke="currentcolor" stroke-width="1" stroke-linecap="round" stroke-linejoin="round"/> 5384 </svg> 5385</span> 5386 <a href="/collections/smoked-meats" class="p-break-words flex flex-wrap gap-x-2 flex-1 font-menu-level-0 font-medium disable-effect"> 5387 5388 5389 5390 5391 <span>Shop By Smoked Meats</span> 5392 5393 5394 5395 5396 </a> 5397 </div> 5398 <span 5399 class="cursor-pointer icon-close-container inline-block group-close-btn rounded-full" 5400 @click="setTimeout(() => { $store.xMobileNav.close() }, 0)" 5401 ><svg class="icon-close-animation" width="100%" height="100%" viewBox="0 0 10 10" fill="none" xmlns="http://www.w3.org/2000/svg"> 5402 <path d="M1 9L5 5M5 5L9 1M5 5L1 1M5 5L9 9" stroke="currentColor" stroke-width="1" stroke-linecap="round" stroke-linejoin="round"/> 5403 </svg> 5404</span> 5405 </div> 5406 <ul 5407 id="menu-level-2" 5408 class="w-full background-header" 5409 ><li class="pb-3 border-b pl-4 pr-4 pt-3"> 5410 <a 5411 href="/collections/a-la-carte-meats" 5412 class="p-break-words h-full disable-effect flex gap-3 items-center" 5413 5414 > 5415 5416 5417 <span class="flex flex-wrap gap-x-2"> 5418 <span class="font-menu-level-2 mt-auto mb-auto"> 5419 5420 5421 5422 5423 <span>A La Carte Meats</span> 5424 5425 5426 </span> 5427 5428 5429 </span> 5430 </a> 5431 </li><li class="pb-3 border-b pl-4 pr-4 pt-3"> 5432 <a 5433 href="/collections/brisket" 5434 class="p-break-words h-full disable-effect flex gap-3 items-center" 5435 5436 > 5437 5438 5439 <span class="flex flex-wrap gap-x-2"> 5440 <span class="font-menu-level-2 mt-auto mb-auto"> 5441 5442 5443 5444 5445 <span>Brisket</span> 5446 5447 5448 </span> 5449 5450 5451 </span> 5452 </a> 5453 </li><li class="pb-3 border-b pl-4 pr-4 pt-3"> 5454 <a 5455 href="/collections/burnt-ends" 5456 class="p-break-words h-full disable-effect flex gap-3 items-center" 5457 5458 > 5459 5460
5461 <span class="flex flex-wrap gap-x-2"> 5462 <span class="font-menu-level-2 mt-auto mb-auto"> 5463 5464 5465 5466 5467 <span>Burnt Ends</span> 5468 5469 5470 </span> 5471 5472 5473 </span> 5474 </a> 5475 </li><li class="pb-3 border-b pl-4 pr-4 pt-3"> 5476 <a 5477 href="/collections/ribs" 5478 class="p-break-words h-full disable-effect flex gap-3 items-center" 5479 5480 > 5481 5482 5483 <span class="flex flex-wrap gap-x-2"> 5484 <span class="font-menu-level-2 mt-auto mb-auto"> 5485 5486 5487 5488 5489 <span>Ribs</span> 5490 5491 5492 </span> 5493 5494 5495 </span> 5496 </a> 5497 </li><li class="pb-3 border-b pl-4 pr-4 pt-3"> 5498 <a 5499 href="/collections/pork" 5500 class="p-break-words h-full disable-effect flex gap-3 items-center" 5501 5502 > 5503 5504 5505 <span class="flex flex-wrap gap-x-2"> 5506 <span class="font-menu-level-2 mt-auto mb-auto"> 5507 5508 5509 5510 5511 <span>Pork</span> 5512 5513 5514 </span> 5515 5516 5517 </span> 5518 </a> 5519 </li><li class="pb-3 border-b pl-4 pr-4 pt-3"> 5520 <a 5521 href="/collections/poultry" 5522 class="p-break-words h-full disable-effect flex gap-3 items-center" 5523 5524 > 5525 5526 5527 <span class="flex flex-wrap gap-x-2"> 5528 <span class="font-menu-level-2 mt-auto mb-auto"> 5529 5530 5531 5532 5533 <span>Poultry</span> 5534 5535 5536 </span> 5537 5538 5539 </span> 5540 </a> 5541 </li><li class="pb-3 border-b pl-4 pr-4 pt-3"> 5542 <a 5543 href="/collections/sausage" 5544 class="p-break-words h-full disable-effect flex gap-3 items-center" 5545 5546 > 5547 5548
5549 <span class="flex flex-wrap gap-x-2"> 5550 <span class="font-menu-level-2 mt-auto mb-auto"> 5551 5552 5553 5554 5555 <span>Sausage</span> 5556 5557 5558 </span> 5559 5560 5561 </span> 5562 </a> 5563 </li><li class="pb-3 border-b pl-4 pr-4 pt-3"> 5564 <a 5565 href="/collections/smokie-joe" 5566 class="p-break-words h-full disable-effect flex gap-3 items-center" 5567 5568 > 5569 5570 5571 <span class="flex flex-wrap gap-x-2"> 5572 <span class="font-menu-level-2 mt-auto mb-auto"> 5573 5574 5575 5576 5577 <span>Smokie Joe</span> 5578 5579 5580 </span> 5581 5582 5583 </span> 5584 </a> 5585 </li></ul> 5586 </div> 5587 </div></li><li class="border-b pb-3 pl-4 pr-4 pt-3"> 5588 5589 <div 5590 class="flex items-center justify-between h-full gap-" 5591 5592 > 5593 5594 <a href="/collections/z-man-kits" class="p-break-words h-full flex gap-3 flex-1 disable-effect items-center"> 5595 5596 5597 5598 <span class="flex justify-between items-center font-medium font-menu-level-1 mt-auto mb-auto w-full gap-2"> 5599 <span class="flex flex-wrap gap-x-2"> 5600 5601 5602 5603 5604 <span>Shop The Z-Man</span> 5605 5606 5607 5608 5609 </span> 5610 5611 </span> 5612 </a> 5613</div></li><li class="border-b pb-3 pl-4 pr-4 pt-3"> 5614 5615 <div 5616 class="flex items-center justify-between h-full gap-" 5617 5618 > 5619 5620 <a href="/collections/sides-extras" class="p-break-words h-full flex gap-3 flex-1 disable-effect items-center"> 5621 5622 5623 5624 <span class="flex justify-between items-center font-medium font-menu-level-1 mt-auto mb-auto w-full gap-2"> 5625 <span class="flex flex-wrap gap-x-2"> 5626 5627 5628 5629 5630 <span>Shop Sauces and Sides</span> 5631 5632 5633 5634 5635 </span> 5636 5637 </span> 5638 </a> 5639</div></li><li class="border-b pb-3 pl-4 pr-4 pt-3"> 5640 5641 <div 5642 class="flex items-center justify-between h-full gap-" 5643 5644 > 5645 5646 <a href="/pages/shipped-bbq-reheating-instructions" class="p-break-words h-full flex gap-3 flex-1 disable-effect items-center"> 5647 5648 5649
5650 <span class="flex justify-between items-center font-medium font-menu-level-1 mt-auto mb-auto w-full gap-2"> 5651 <span class="flex flex-wrap gap-x-2"> 5652 5653 5654 5655 5656 <span>Reheating Instructions</span> 5657 5658 5659 5660 5661 </span> 5662 5663 </span> 5664 </a> 5665</div></li><li class="border-b pb-3 pl-4 pr-4 pt-3"> 5666 5667 <div 5668 class="flex items-center justify-between h-full gap-" 5669 5670 > 5671 5672 <a href="/pages/how-we-ship-joe-s-kc-bar-b-que" class="p-break-words h-full flex gap-3 flex-1 disable-effect items-center"> 5673 5674 5675 5676 <span class="flex justify-between items-center font-medium font-menu-level-1 mt-auto mb-auto w-full gap-2"> 5677 <span class="flex flex-wrap gap-x-2"> 5678 5679 5680 5681 5682 <span>Shipping Policy</span> 5683 5684 5685 5686 5687 </span> 5688 5689 </span> 5690 </a> 5691</div></li></ul> 5692 </div> 5693 </div><div 5694 class="flex items-center gap-4 pr-4 pl-4 border-b" 5695 ><style data-shopify>.color-label-sections--19816061632579__mobile-navigation { 5696 background: #7f2629; 5697 color: #ffffff; 5698 } 5699 .color-label-sections--19816061632579__mobile-navigation:before{ 5700 border-top-color: #7f2629; 5701 } 5702 .dark .color-label-sections--19816061632579__mobile-navigation { 5703 background: rgba(0,0,0,0); 5704 color: #ffffff 5705 } 5706 .dark .color-label-sections--19816061632579__mobile-navigation:before { 5707 border-top-color: rgba(0,0,0,0); 5708 } 5709 5710 5711</style> 5712 <a href="https://joeskansascitybarbecuestore.com/" class="flex-1 relative pt-2.5 pb-2.5 gap-4 flex items-center disable-effect"> 5713 5714 5715 5716 <span class="flex flex-wrap gap-x-2"> 5717 <span class="p-break-words font-medium font-menu-level-0"> 5718 5719 5720 5721 5722 <span>Ship Sauces, Rubs & Merch</span> 5723 5724 5725 </span> 5726 5727 5728 </span> 5729 </a> 5730</div><div @click="$store.xMobileNav.scrollTop($el); $store.xMobileNav.setActiveLink('-7')" 5731 class="flex items-center gap-4 pr-4 pl-4 border-b" 5732 ><style data-shopify>.color-label-sections--19816061632579__mobile-navigation { 5733 background: #7f2629; 5734 color: #ffffff; 5735 } 5736 .color-label-sections--19816061632579__mobile-navigation:before{ 5737 border-top-color: #7f2629; 5738 } 5739 .dark .color-label-sections--19816061632579__mobile-navigation { 5740 background: rgba(0,0,0,0); 5741 color: #ffffff 5742 } 5743 .dark .color-label-sections--19816061632579__mobile-navigation:before { 5744 border-top-color: rgba(0,0,0,0); 5745 } 5746 5747 5748</style> 5749 <span class="flex-1 pt-2.5 pb-2.5 flex gap-4 items-center disable-effect"> 5750 5751 5752 5753 <span class="flex flex-wrap gap-x-2"> 5754 <span class="p-break-words font-medium font-menu-level-0"> 5755 5756 5757 5758 5759 <span>Joe's Digital Gift Cards</span> 5760 5761 5762 </span> 5763 5764 5765 </span> 5766 </span> 5767<span 5768 class="icon-caret-mobile h-3 w-3 min-h-3 min-w-[12px] block -rotate-90" 5769 >
5769<svg width="100%" height="100%" viewBox="0 0 9 7" fill="none" xmlns="http://www.w3.org/2000/svg" style="fill: none;"> 5770 <path d="M0.75 1.625L4.5 5.375L8.25 1.625" stroke="currentcolor" stroke-width="1" stroke-linecap="round" stroke-linejoin="round"/> 5771 </svg> 5772</span></div><div 5773 class="menu-drawer duration-300 ease-in-out top-0 left-0 fixed background-header w-full h-full z-30 invisible translate-x-full" 5774 :class="{ 'menu-opening': $store.xMobileNav.currentMenuLinks.includes('-7')}" 5775 > 5776 <div class="overflow-x-hidden pb-4 scrollbar-body absolute top-0 z-30 w-full h-full" 5777 :class="$store.xMobileNav.currentMenuLinks.length == 2 ? 'overflow-hidden' : 'overflow-y-auto'" 5778 > 5779 <div class="flex items-center sticky top-0 background-header z-30 pt-4 pb-4 pl-4 pr-4 gap-4 justify-between"> 5780 <div class="flex items-center"> 5781 <span class="w-10 h-10 min-w-[40px] min-h-10 pl-3 pr-3 pt-6 block rotate-90" 5782 @click="$store.xMobileNav.removeActiveLink('-7'); " 5783 > 5784 <svg width="100%" height="100%" viewBox="0 0 9 7" fill="none" xmlns="http://www.w3.org/2000/svg" style="fill: none;"> 5785 <path d="M0.75 1.625L4.5 5.375L8.25 1.625" stroke="currentcolor" stroke-width="1" stroke-linecap="round" stroke-linejoin="round"/> 5786 </svg> 5787 5788 </span> 5789 <a href="/products/digital-gift-card" class="flex relative flex-wrap gap-x-2 flex-1 font-medium disable-effect"> 5790 <span class="p-break-words font-menu-level-0"> 5791 5792 5793 5794 5795 <span>Joe's Digital Gift Cards</span> 5796 5797 5798 </span> 5799 5800 5801 </a> 5802 </div> 5803 <span 5804 class="cursor-pointer icon-close-container inline-block group-close-btn rounded-full" 5805 @click="setTimeout(() => { $store.xMobileNav.close() }, 0)" 5806 ><svg class="icon-close-animation" width="100%" height="100%" viewBox="0 0 10 10" fill="none" xmlns="http://www.w3.org/2000/svg"> 5807 <path d="M1 9L5 5M5 5L9 1M5 5L1 1M5 5L9 9" stroke="currentColor" stroke-width="1" stroke-linecap="round" stroke-linejoin="round"/> 5808 </svg> 5809</span> 5810 </div> 5811 <ul 5812 id="menu-level-1" 5813 class="background-header w-full" 5814 ><li class="border-b pb-3 pl-4 pr-4 pt-3"> 5815 5816 <div 5817 class="flex items-center justify-between h-full gap-" 5818 5819 > 5820 5821 <a href="/products/digital-gift-card" class="p-break-words h-full flex gap-3 flex-1 disable-effect items-center"> 5822 5823 5824 5825 <span class="flex justify-between items-center font-medium font-menu-level-1 mt-auto mb-auto w-full gap-2"> 5826 <span class="flex flex-wrap gap-x-2"> 5827 5828 5829 5830 5831 <span>Digital Gift Card</span> 5832 5833 5834 5835 5836 </span> 5837 5838 </span> 5839 </a> 5840</div></li><li class="border-b pb-3 pl-4 pr-4 pt-3"> 5841 5842 <div 5843 class="flex items-center justify-between h-full gap-" 5844 5845 > 5846 5847 <a href="/pages/gift-card-balance-checker" class="p-break-words h-full flex gap-3 flex-1 disable-effect items-center"> 5848 5849 5850 5851 <span class="flex justify-between items-center font-medium font-menu-level-1 mt-auto mb-auto w-full gap-2">
5852 <span class="flex flex-wrap gap-x-2"> 5853 5854 5855 5856 5857 <span>Gift Card Balance Checker</span> 5858 5859 5860 5861 5862 </span> 5863 5864 </span> 5865 </a> 5866</div></li></ul> 5867 </div> 5868 </div><div @click="$store.xMobileNav.scrollTop($el); $store.xMobileNav.setActiveLink('-8')" 5869 class="flex items-center gap-4 pr-4 pl-4 border-b" 5870 ><style data-shopify>.color-label-sections--19816061632579__mobile-navigation { 5871 background: #7f2629; 5872 color: #ffffff; 5873 } 5874 .color-label-sections--19816061632579__mobile-navigation:before{ 5875 border-top-color: #7f2629; 5876 } 5877 .dark .color-label-sections--19816061632579__mobile-navigation { 5878 background: rgba(0,0,0,0); 5879 color: #ffffff 5880 } 5881 .dark .color-label-sections--19816061632579__mobile-navigation:before { 5882 border-top-color: rgba(0,0,0,0); 5883 } 5884 5885 5886</style> 5887 <span class="flex-1 pt-2.5 pb-2.5 flex gap-4 items-center disable-effect"> 5888 5889 5890 5891 <span class="flex flex-wrap gap-x-2"> 5892 <span class="p-break-words font-medium font-menu-level-0"> 5893 5894 5895 5896 5897 <span>Our Story</span> 5898 5899 5900 </span> 5901 5902 5903 </span> 5904 </span> 5905<span 5906 class="icon-caret-mobile h-3 w-3 min-h-3 min-w-[12px] block -rotate-90" 5907 ><svg width="100%" height="100%" viewBox="0 0 9 7" fill="none" xmlns="http://www.w3.org/2000/svg" style="fill: none;"> 5908 <path d="M0.75 1.625L4.5 5.375L8.25 1.625" stroke="currentcolor" stroke-width="1" stroke-linecap="round" stroke-linejoin="round"/> 5909 </svg> 5910</span></div><div 5911 class="menu-drawer duration-300 ease-in-out top-0 left-0 fixed background-header w-full h-full z-30 invisible translate-x-full" 5912 :class="{ 'menu-opening': $store.xMobileNav.currentMenuLinks.includes('-8')}" 5913 > 5914 <div class="overflow-x-hidden pb-4 scrollbar-body absolute top-0 z-30 w-full h-full" 5915 :class="$store.xMobileNav.currentMenuLinks.length == 2 ? 'overflow-hidden' : 'overflow-y-auto'" 5916 > 5917 <div class="flex items-center sticky top-0 background-header z-30 pt-4 pb-4 pl-4 pr-4 gap-4 justify-between"> 5918 <div class="flex items-center"> 5919 <span class="w-10 h-10 min-w-[40px] min-h-10 pl-3 pr-3 pt-6 block rotate-90" 5920 @click="$store.xMobileNav.removeActiveLink('-8'); " 5921 > 5922 <svg width="100%" height="100%" viewBox="0 0 9 7" fill="none" xmlns="http://www.w3.org/2000/svg" style="fill: none;"> 5923 <path d="M0.75 1.625L4.5 5.375L8.25 1.625" stroke="currentcolor" stroke-width="1" stroke-linecap="round" stroke-linejoin="round"/> 5924 </svg> 5925 5926 </span> 5927 <a href="/pages/our-story" class="flex relative flex-wrap gap-x-2 flex-1 font-medium disable-effect"> 5928 <span class="p-break-words font-menu-level-0"> 5929 5930 5931 5932 5933 <span>Our Story</span> 5934 5935 5936 </span> 5937 5938 5939 </a> 5940 </div> 5941 <span 5942 class="cursor-pointer icon-close-container inline-block group-close-btn rounded-full" 5943 @click="setTimeout(() => { $store.xMobileNav.close() }, 0)" 5944 ><svg class="icon-close-animation" width="100%" height="100%" viewBox="0 0 10 10" fill="none" xmlns="http://www.w3.org/2000/svg"> 5945 <path d="M1 9L5 5M5 5L9 1M5 5L1 1M5 5L9 9" stroke="currentColor" stroke-width="1" stroke-linecap="round" stroke-linejoin="round"/> 5946 </svg> 5947</span> 5948 </div> 5949 <ul 5950 id="menu-level-1" 5951 class="background-header w-full" 5952 ><li class="border-b pb-3 pl-4 pr-4 pt-3"> 5953 5954 <div 5955 class="flex items-center justify-between h-full gap-" 5956 5957 > 5958 5959 <a href="/pages/our-story" class="p-break-words h-full flex gap-3 flex-1 disable-effect items-center"> 5960 5961 5962
5963 <span class="flex justify-between items-center font-medium font-menu-level-1 mt-auto mb-auto w-full gap-2"> 5964 <span class="flex flex-wrap gap-x-2"> 5965 5966 5967 5968 5969 <span>About Joe's KC</span> 5970 5971 5972 5973 5974 </span> 5975 5976 </span> 5977 </a> 5978</div></li><li class="border-b pb-3 pl-4 pr-4 pt-3"> 5979 5980 <div 5981 class="flex items-center justify-between h-full gap-" 5982 5983 > 5984 5985 <a href="/pages/we-ship-bbq" class="p-break-words h-full flex gap-3 flex-1 disable-effect items-center"> 5986 5987 5988 5989 <span class="flex justify-between items-center font-medium font-menu-level-1 mt-auto mb-auto w-full gap-2"> 5990 <span class="flex flex-wrap gap-x-2"> 5991 5992 5993 5994 5995 <span>We Ship BBQ</span> 5996 5997 5998 5999 6000 </span> 6001 6002 </span> 6003 </a> 6004</div></li><li class="border-b pb-3 pl-4 pr-4 pt-3"> 6005 6006 <div 6007 class="flex items-center justify-between h-full gap-" 6008 6009 > 6010 6011 <a href="https://joeskccares.com/" class="p-break-words h-full flex gap-3 flex-1 disable-effect items-center"> 6012 6013 6014 6015 <span class="flex justify-between items-center font-medium font-menu-level-1 mt-auto mb-auto w-full gap-2"> 6016 <span class="flex flex-wrap gap-x-2"> 6017 6018 6019 6020 6021 <span>Joe's KC Cares</span> 6022 6023 6024 6025 6026 </span> 6027 6028 </span> 6029 </a> 6030</div></li></ul> 6031 </div> 6032 </div><div 6033 class="flex items-center gap-4 pr-4 pl-4 border-b" 6034 ><style data-shopify>.color-label-sections--19816061632579__mobile-navigation { 6035 background: #7f2629; 6036 color: #ffffff; 6037 } 6038 .color-label-sections--19816061632579__mobile-navigation:before{ 6039 border-top-color: #7f2629; 6040 } 6041 .dark .color-label-sections--19816061632579__mobile-navigation { 6042 background: rgba(0,0,0,0); 6043 color: #ffffff 6044 } 6045 .dark .color-label-sections--19816061632579__mobile-navigation:before { 6046 border-top-color: rgba(0,0,0,0); 6047 } 6048 6049 6050</style> 6051 <a href="/pages/contact-us" class="flex-1 relative pt-2.5 pb-2.5 gap-4 flex items-center disable-effect"> 6052 6053 6054 6055 <span class="flex flex-wrap gap-x-2"> 6056 <span class="p-break-words font-medium font-menu-level-0"> 6057 6058 6059 6060 6061 <span>Contact Us</span> 6062 6063 6064 </span> 6065 6066 6067 </span> 6068 </a> 6069</div><div 6070 class="flex items-center gap-4 pr-4 pl-4 border-b" 6071 ><style data-shopify>.color-label-sections--19816061632579__mobile-navigation { 6072 background: #7f2629; 6073 color: #ffffff; 6074 } 6075 .color-label-sections--19816061632579__mobile-navigation:before{ 6076 border-top-color: #7f2629; 6077 } 6078 .dark .color-label-sections--19816061632579__mobile-navigation { 6079 background: rgba(0,0,0,0); 6080 color: #ffffff 6081 } 6082 .dark .color-label-sections--19816061632579__mobile-navigation:before { 6083 border-top-color: rgba(0,0,0,0); 6084 } 6085 6086 6087</style> 6088 <a href="/pages/corporate-gifting" class="flex-1 relative pt-2.5 pb-2.5 gap-4 flex items-center disable-effect"> 6089 6090 6091
6092 <span class="flex flex-wrap gap-x-2"> 6093 <span class="p-break-words font-medium font-menu-level-0"> 6094 6095 6096 6097 6098 <span>Corporate Gifts ð</span> 6099 6100 6101 </span> 6102 6103 6104 </span> 6105 </a> 6106</div> 6107</li><li class="x-block-login block-mobile-navigation block-mobile-navigation-account pl-4 pr-4 block-mobile-navigation-after" > 6108 <style data-shopify> 6109 .x-block-login.block-mobile-navigation shopify-account::part(signed-out-avatar):after{ 6110 font-family: var(--font-body-family); 6111 content: 'Log in'; 6112 font-weight: 500; 6113 6114 } 6115 </style> 6116 6117 <div class=" font-medium pt-3.5 pb-3.5 flex items-center disable-effect"> 6118 <shopify-account menu="customer-account-main-menu"> 6119 <div slot="signed-out-avatar"> 6120 <span class="w-6 h-6 mr-2 rtl:mr-0 rtl:ml-2 block"> 6121 <svg class="" xmlns="http://www.w3.org/2000/svg" width="100%" height="100%" viewBox="0 0 16 18" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"> 6122 <path fill="none" d="M10.6768 1.76956C10.0249 1.282 9.21778 1.00012 8.33305 1.00012C6.19106 1.00012 4.45264 2.70658 4.45264 4.80919C4.45264 6.91179 6.19106 8.61825 8.33305 8.61825C10.475 8.61825 12.2135 6.91179 12.2135 4.80919M15 16.9999C15 14.0516 12.0122 11.6672 8.33357 11.6672C4.6549 11.6672 1.66699 14.0516 1.66699 16.9999"/> 6123 </svg> 6124 6125 </span> 6126 </div> 6127 </shopify-account> 6128 6129 </div> 6130 </li> 6131 </ul> 6132 </div> 6133 6134 <div class="block-mobile-navigation x-header-store-selector-container font-menu-level-2 empty:hidden pl-4 pr-4 flex"></div><style data-shopify> 6135 .font-menu-level-2 button { 6136 font-size: 0.875rem; 6137 } 6138 6139 .x-container-mobile-nav-language .toolbar-button { 6140 padding-top: 0.25rem; 6141 padding-bottom: 0.25rem; 6142 } 6143 </style> 6144 <div class="x-container-mobile-nav-language pb-4 pl-4 pr-4 lg:flex lg:items-center font-menu-level-2 background-header justify-center lg:justify-end bottom-0 left-0 max-w-xl"> 6145</div></div> 6146 </div> 6147</template> 6148</div> 6149<!-- END sections: header-group-puff --> 6150 <!-- BEGIN sections: aside-group-puff --> 6151<div id="shopify-section-sections--19816060289091__quick-view" class="shopify-section shopify-section-group-aside-group-puff section-product-info section-quick-view"><style data-shopify> 6152 .button--quickview.button-solid, .button--quickview.button-disable-effect, 6153 .button--quickview.button-solid:before {--colors-line-and-border: 127, 38, 41; 6154 --colors-button: 127, 38, 41;--colors-button-text: 255, 255, 255;} 6155 .title-size--sections--19816060289091__quick-view { 6156 font-size: 1.35rem; 6157 } 6158 .dark .button--quickview.button-solid, .dark .button--quickview.button-disable-effect, 6159 .dark .button--quickview.button-solid:before {--colors-line-and-border: var(--colors-button);} 6160 @media (min-width: 768px) { 6161 .title-size--sections--19816060289091__quick-view { 6162 font-size: 2.25rem; 6163 } 6164 } 6165 6166 6167 #QuickView .media-thumbnail.quickview-border { 6168 border-width: 1px; 6169 6170 border-radius: 10px; 6171 6172 } 6173 6174</style> 6175 6176<div 6177 id="QuickView" 6178 x-show="$store.xQuickView.show" 6179 :class="{ 'overflow-hidden padding-scrollbar': $store.xPopup.open }" 6180 x-cloak 6181 class="quick_view flex items-end md:items-center fixed top-0 left-0 right-0 bottom-0 z-[90] border" 6182 @keydown.escape="$store.xQuickView.removeFocusQuickView('QuickViewButton'); $store.xQuickView.close()" 6183 @init-run.window="$store.xQuickView.addListener()" 6184 @click="$store.xQuickView.clickInsideQuickView($event)" 6185 x-init="if ( window.location.search.includes('_quick-view') == false ) document.querySelector('.main-container').appendChild($el.parentNode)" 6186> 6187 <div class="x-overlay absolute top-0 left-0 right-0 bottom-0 bg-[#acacac] bg-opacity-30"></div> 6188 <div 6189 role="dialog" 6190 aria-label="Quick view" 6191 aria-modal="true" 6192 x-show="$store.xQuickView.show" 6193 class="x-quickview-modal duration-400 x-pgw page-width w-full pl-0 pr-0 md:pl-5 md:pr-5 lg:pl-16 lg:pr-16 lg:ml-auto lg:mr-auto" 6194 6195 x-transition:enter="transition-all ease-in-out duration-500" 6196 x-transition:enter-start="opacity-0 transform translate-y-1/3" 6197 x-transition:enter-end="opacity-100 transform translate-y-0" 6198 x-transition:leave="transition-all ease-in-out duration-500" 6199 x-transition:leave-end="opacity-0 transform translate-y-1/3" 6200 6201 > 6202 <div class="x-container-quickview-body shadow-popup relative bg-[rgba(var(--background-color),1)] md:h-auto pt-12 lg:pt-8 2xl:pt-12 pb-5 lg:pb-8 2xl:pb-12 rounded-t-[10px] md:rounded-[10px]" 6203 @click.away="$store.xQuickView.close()" 6204 @click="$store.xQuickView.clickInsideContentQuickView($event)" 6205 x-intersect.full="$store.xQuickView.focusQuickView('QuickView', 'QuickViewClose')" 6206 > 6207 6208 <button aria-label="Close quickview" id="QuickViewClose" class="absolute group-close-btn cursor-pointer top-2 right-2 rtl:right-auto rtl:left-2 icon-close-container w-fit z-10 rounded-full" @click.prevent="$store.xQuickView.close()"> 6209 <svg class="icon-close-animation" width="100%" height="100%" viewB
6209ox="0 0 10 10" fill="none" xmlns="http://www.w3.org/2000/svg"> 6210 <path d="M1 9L5 5M5 5L9 1M5 5L1 1M5 5L9 9" stroke="currentColor" stroke-width="1" stroke-linecap="round" stroke-linejoin="round"/> 6211 </svg> 6212 6213 </button> 6214 6215 <div class="x-container-quickview-content pt-2 md:pt-0 md:pl-5 md:pr-5 overflow-y-auto overflow-x-hidden scrollbar-body max-h-[calc(88vh-96px)] md:max-h-[85vh] 2xl:max-h-[77vh]"> 6216 <div x-show="$store.xQuickView.loading" class="x-container-quickview-placeholder flex gap-x-[4%] flex-wrap animate-Xpulse flex-row-reverse"> 6217 <div class="w-full md:w-[48%] bg-slate-200 mb-5 pb-[75%]"></div> 6218 <div class="w-full md:w-[48%]"> 6219 6220 <p class="mb-5 h-5 w-3/4 bg-slate-200"></p><div class="h-7 bg-slate-200 w-2/3 mb-5 rounded"></div><div class="h-5 bg-slate-200 w-1/3 mb-5 rounded"></div><div class="h-7 bg-slate-200 w-1/3 mb-5 rounded"></div><div class="h-10 bg-slate-200 w-full mb-5 rounded"></div></div> 6221 </div> 6222 <div id="quickview-product-content" class="quick-view" x-show="!$store.xQuickView.loading"></div> 6223 </div> 6224 </div> 6225 </div> 6226</div> 6227 6228 6229<div class="popup-choose-options-mobile fixed z-[60] left-0 right-0 animate-goleft duration-300" x-show="$store.xQuickView.openPopupMobile" x-cloak> 6230 <div class="bg-[#acacac] opacity-40 block md:hidden fixed top-0 right-0 bottom-0 left-0" @click="$store.xQuickView.closePopupMobile()"></div> 6231 <div 6232 x-show="$store.xQuickView.openPopupMobile" 6233 class="z-30 md:hidden overflow-auto pt-2 pb-2 flex flex-col fixed bottom-0 left-0 md:bottom-auto max-h-[85vh] w-full bg-[rgba(var(--background-color),1)] text-left rounded-t-[10px]" 6234 x-transition:enter="transition-all ease-in-out duration-500" 6235 x-transition:enter-start="opacity-0 transform translate-y-1/3" 6236 x-transition:enter-end="opacity-100 transform translate-y-0" 6237 x-transition:leave="transition ease-in-out duration-500" 6238 x-transition:leave-end="opacity-0 transform translate-y-1/3" 6239 > 6240 <button 6241 class="cursor-pointer group-close-btn rounded-full absolute icon-close-container w-fit z-10 right-2 md:right-0 top-2 lg:end-10 rtl:left-2 rtl:md:left-0 rtl:right-auto" 6242 aria-label="Close quickview" 6243 @click="$store.xQuickView.closePopupMobile()" 6244 > 6245 <svg class="icon-close-animation" width="100%" height="100%" viewBox="0 0 10 10" fill="none" xmlns="http://www.w3.org/2000/svg"> 6246 <path d="M1 9L5 5M5 5L9 1M5 5L1 1M5 5L9 9" stroke="currentColor" stroke-width="1" stroke-linecap="round" stroke-linejoin="round"/> 6247 </svg> 6248 6249 </button> 6250 <div :class="$store.xQuickView.loadingChooseOption ? 'block md:hidden' : 'hidden md:hidden'" class="flex gap-x-[4%] flex-wrap animate-Xpulse flex-row-reverse"> 6251 <div class="w-full pl-5 pr-5 pt-7 pb-5"> 6252 <p class="mb-5 h-5 w-3/4 bg-slate-200"></p> 6253 <div class="h-7 bg-slate-200 w-full mb-5 rounded"></div> 6254 <div class="h-5 bg-slate-200 w-1/3 mb-5 rounded"></div> 6255 <div class="h-7 bg-slate-200 w-2/3 mb-5 rounded"></div> 6256 <div class="h-7 bg-slate-200 w-1/3 mb-5 rounded"></div> 6257 <div class="h-7 bg-slate-200 w-1/3 mb-5 rounded"></div> 6258 <div class="flex gap-x-5"> 6259 <div class="h-10 bg-slate-200 flex-1 mb-5 rounded"></div> 6260 <div class="h-10 bg-slate-200 flex-1 mb-5 rounded"></div> 6261 </div> 6262 </div> 6263 </div> 6264 <div class="choose-options-mobile rtl:text-right" id="choose-options-mobile" x-show="!$store.xQuickView.loadingChooseOption"></div> 6265 </div> 6266 </div>
6267<script> 6268window.xQuickView = { 6269 sectionId: 'sections--19816060289091__quick-view', 6270 enabled: false, 6271 show_atc_button: true, 6272 atc_btn_bottom: true, 6273 atc_btn_image_desktop: true, 6274 buttonLabel: 'Quick view' 6275} 6276</script>
vendor: 1 bytes, line 6276
6276
6277<script src="//www.joeskc.com/cdn/shop/t/80/assets/quick-view.js?v=147214496455540849331785482772" defer></script>
vendor: 1 bytes, line 6277
6277
6278<script src="//www.joeskc.com/cdn/shop/t/80/assets/payment-button.js?v=19694614378629863991785247873" defer></script>
vendor: 1 bytes, line 6278
6278
6279<script src="//www.joeskc.com/cdn/shop/t/80/assets/product-media.js?v=178923250894042546431785247873" defer></script>
vendor: 1 bytes, line 6279
6279
6280<script src="//www.joeskc.com/cdn/shop/t/80/assets/recently-viewed.js?v=93421342682375135181785247873" defer></script>
vendor: 1 bytes, line 6280
6280
6281<script src="//www.joeskc.com/cdn/shop/t/80/assets/customize-picker.js?v=45277056500756448861785482772" defer></script>
vendor: 1 bytes, line 6281
6281
6282<script src="//www.joeskc.com/cdn/shop/t/80/assets/variant-select.js?v=28920746821541902741785247873" defer></script>
6282 6283 6284</div><div id="shopify-section-sections--19816060289091__product-labels-and-badges" class="shopify-section shopify-section-group-aside-group-puff section-product-labels-and-badges"><style data-shopify>.x-badge-new_label_q3Fex7 .x-badge-content.x-badge-text{ 6285 background-color:#7f2629; 6286 color:#ffffff; 6287 6288 border-width: 1px; 6289 border-style: solid; 6290 border-color: #000000; 6291 6292 } 6293 .dark .x-badge-new_label_q3Fex7 .x-badge-content.x-badge-text{ 6294 background-color:#058942; 6295 color:#ffffff; 6296 6297 border-width: 0; 6298 6299 }.x-badge-new_label_q3Fex7 { 6300 --font-size-scale: 0.9rem; 6301 6302 } 6303 @media (min-width: 768px) { 6304 .x-badge-new_label_q3Fex7 { 6305 --font-size-scale: 0.9rem; 6306 6307 } 6308 }.x-badge-sale_label_RBUaTX .x-badge-content.x-badge-text{ 6309 background-color:#ffe600; 6310 color:#202020; 6311 6312 } 6313 .dark .x-badge-sale_label_RBUaTX .x-badge-content.x-badge-text{ 6314 background-color:#ce021e; 6315 color:#ffffff; 6316 6317 border-width: 0; 6318 6319 }.x-badge-sale_label_RBUaTX { 6320 --font-size-scale: 0.9rem; 6321 6322 } 6323 @media (min-width: 768px) { 6324 .x-badge-sale_label_RBUaTX { 6325 --font-size-scale: 0.9rem; 6326 6327 } 6328 }</style> 6329 <div class="x-badges-block-data" x-badges-block-data='{ 6330 "id": "new_label_q3Fex7", 6331 "enable": true, 6332 "type": "new-label", 6333 "settings": { 6334 "show_on_product_card": true, 6335 "show_on_product_page": true, 6336 "applied_to": "", 6337 "applied_products": [], 6338 "applied_collections": [], 6339 "content": "New", 6340 6341 6342 "type": "rounded-full", 6343 6344 "background_color": "#7f2629", 6345 "text_color": "#ffffff", 6346 "image": null, 6347 "image_alt": "", 6348 "image_aspect_ratio": 0, 6349 "size": 2, 6350 "size_mobile": 2, 6351 "opacity": 100, 6352 "position": "top-left", 6353 "horizontal_position": 5, 6354 "vertical_position": 5, 6355 "schedule_enabled": false, 6356 "reset": false, 6357 "duration": 0, 6358 "timezone": 0, 6359 "start_year": 0, 6360 "start_month": 0, 6361 "start_day": 0, 6362 "start_hour": 0, 6363 "start_minute": 0, 6364 "end_year": 0, 6365 "end_month": 0, 6366 "end_day": 0, 6367 "end_hour": 0, 6368 "end_minute": 0, 6369 "day_since": "activation_date", 6370 "number_show": 30 6371 } 6372 }' x-badges-icon=''></div> 6373 <div class="x-badges-block-data" x-badges-block-data='{ 6374 "id": "sale_label_RBUaTX", 6375 "enable": true, 6376 "type": "sale-label", 6377 "settings": { 6378 "show_on_product_card": true, 6379 "show_on_product_page": true, 6380 "applied_to": "", 6381 "applied_products": [], 6382 "applied_collections": [], 6383 "content": "Save {sale}", 6384 6385 6386 "type": "rounded-full", 6387 6388 "background_color": "#ffe600", 6389 "text_color": "#202020", 6390 "image": null, 6391 "image_alt": "", 6392 "image_aspect_ratio": 0, 6393 "size": 2, 6394 "size_mobile": 2, 6395 "opacity": 100, 6396 "position": "top-right", 6397 "horizontal_position": 95, 6398 "vertical_position": 5, 6399 "schedule_enabled": false, 6400 "reset": false, 6401 "duration": 0, 6402 "timezone": 0, 6403 "start_year": 0, 6404 "start_month": 0, 6405 "start_day": 0, 6406 "start_hour": 0, 6407 "start_minute": 0, 6408 "end_year": 0, 6409 "end_month": 0, 6410 "end_day": 0, 6411 "end_hour": 0, 6412 "end_minute": 0, 6413 "day_since": "none", 6414 "number_show": 30 6415 } 6416 }' x-badges-icon=' 6417 <svg xmlns="http://www.w3.org/2000/svg" width="100%" height="100%" viewBox="0 0 100 100" fill="none"> 6418 <path transform="scale(4.16)" fill="currentColor" fill-rule="evenodd" clip-rule="evenodd" d="M7.422 12c0 1.053.853 1.906 1.906 1.906S11.234 13.053 11.234 12s-.853-1.906-1.906-1.906S7.422 10.947 7.422 12zm1.906.906A.906.906 0 1 1 9.328 11.094a.906.906 0 0 1 0 1.812 M13.047 17.625c0 1.053.853 1.906 1.906 1.906s1.906-.853 1.906-1.906-.853-1.906-1.906-1.906-1.906.853-1.906 1.906zm1.906.906a.906.906 0 1 1 0-1.812.906.906 0 0 1 0 1.812 M8.275 19.385l8.438-8.438-.707-.707-8.438 8.438.707.707 M1.797 13.875c0 5.451 4.418 9.922 9.875 9.922 3.298 0 5.633-1.034 7.266-2.557 1.622-1.514 2.51-3.473 2.995-5.268.82-3.036-.256-6.265-2.708-8.226-2.037-1.63-2.491-4.594-1.043-6.766l.518-.777h-2.34c-3.388 0-6.125 2.795-6.125 6.172a.906.906 0 1 1-1.812 0V3.969l-2.675 2.006c-2.487 1.865-3.95 4.792-3.95 7.9zm9.875 8.922c-4.898 0-8.875-4.017-8.875-8.922 0-2.793 1.315-5.424 3.55-7.1l1.075-.806v.406a1.906 1.906 0 1 0 3.812 0c0-2.836 2.3-5.172 5.125-5.172h.551c-1.173 2.494-.518 5.557 1.689 7.324 2.145 1.716 3.083 4.537 2.367 7.184-.455 1.686-1.272 3.454-2.712 4.798-1.429 1.334-3.513 2.288-6.582 2.288"/> 6419 </svg> 6420 6421 6422'></div>
6422<script src="//www.joeskc.com/cdn/shop/t/80/assets/labels-and-badges.js?v=86550131407629248251785482772" defer></script>
6422 6423</div><section id="shopify-section-sections--19816060289091__popup_promotion_Yc99jk" class="shopify-section shopify-section-group-aside-group-puff section-promotion-popup"> 6424<style data-shopify> 6425 6426 6427 6428 6429/* CUSTOM START - mobile promotion popup close button */ 6430#PromotionPopupClose-sections--19816060289091__popup_promotion_Yc99jk.group-close-btn { 6431 background: #fff !important; 6432 color: #000 !important; 6433 width: 32px !important; 6434 height: 32px !important; 6435 padding: 0 !important; 6436 border-radius: 50% !important; 6437 display: flex !important; 6438 align-items: center !important; 6439 justify-content: center !important; 6440 box-shadow: none !important; 6441} 6442 6443#PromotionPopupClose-sections--19816060289091__popup_promotion_Yc99jk.group-close-btn .icon-close-container { 6444 background: transparent !important; 6445 color: inherit !important; 6446 width: 14px !important; 6447 height: 14px !important; 6448 padding: 0 !important; 6449 border-radius: 0 !important; 6450 display: flex !important; 6451 align-items: center !important; 6452 justify-content: center !important; 6453} 6454 6455#PromotionPopupClose-sections--19816060289091__popup_promotion_Yc99jk.group-close-btn svg { 6456 width: 14px !important; 6457 height: 14px !important; 6458 display: block !important; 6459} 6460/* CUSTOM END */ 6461 6462 .background-sections--19816060289091__popup_promotion_Yc99jk { 6463 background: #fafafa; 6464 } 6465 .dark .background-sections--19816060289091__popup_promotion_Yc99jk { 6466 background: rgb(var(--colors-background-secondary)); 6467 } 6468 .content-text-sections--19816060289091__popup_promotion_Yc99jk { 6469 color: rgb(var(--colors-text-secondary)); 6470 } 6471 .border-text-sections--19816060289091__popup_promotion_Yc99jk { 6472 border-color: rgb(var(--colors-text)); 6473 } 6474 .dark .content-text-sections--19816060289091__popup_promotion_Yc99jk, .dark .background-sections--19816060289091__popup_promotion_Yc99jk { 6475 color: rgb(var(--colors-text-secondary)); 6476 } 6477 .dark .border-text-sections--19816060289091__popup_promotion_Yc99jk { 6478 border-color: rgb(var(--colors-text)); 6479 } 6480</style> 6481 6482 6483 <div 6484 x-data='xPopups({ 6485 "sectionId": "sections--19816060289091__popup_promotion_Yc99jk", 6486 "name": "popup-promotion", 6487 "delays": 2, 6488 "delayDays": 1, 6489 "show_popup": true, 6490 "showOnMobile": true, 6491 "schedule_enabled": true, 6492 "showCountdown": true, 6493 "overlay": true, 6494 "showMinimal": true, 6495 "showMinimalMobile": true, 6496 "default_style": "full", 6497 "default_style_mobile": "full", 6498 "trigger_intent": "delay", 6499 "scroll_height": 0.25 6500 })' 6501 > 6502 <template x-teleport="#eurus-popup"> 6503 6504 <div @click.stop class="overflow-hidden pointer-events-auto"> 6505 <div 6506 id="x-promo-popup-sections--19816060289091__popup_promotion_Yc99jk" 6507 class="promo-popup w-full relative z-[60] md:absolute md:promotion-alignment--center pointer-events-auto md:w-[700px] lg:w-[810px]" 6508 x-init="load()" 6509 x-cloak 6510 x-intersect.full="$store.xModal.focus('x-promo-popup-sections--19816060289091__popup_promotion_Yc99jk', 'PromotionPopupClose-sections--19816060289091__popup_promotion_Yc99jk'); $store.xCartAnalytics.viewCart();" 6511 > 6512 <style data-shopify> 6513 #x-promo-popup-sections--19816060289091__popup_promotion_Yc99jk .background-sections--19816060289091__popup_promotion_Yc99jk{ 6514 will-change: transform, opacity 6515 } 6516 </style> 6517 <div class="relative background-sections--19816060289091__popup_promotion_Yc99jk shadow-popup overflow-hidden rounded-[10px]" 6518 x-show="show && enable" 6519 6520 6521 x-transition:enter="transition-all ease-in-out duration-500" 6522 x-transition:enter-start="opacity-0 transform translate-y-1/3" 6523 x-transition:enter-end="opacity-100 transform translate-y-0" 6524 x-transition:leave="transition-all ease-in-out duration-500" 6525 x-transition:leave-end="opacity-0 transform translate-y-1/3" 6526 6527 6528 > 6529 <button id="PromotionPopupClose-sections--19816060289091__popup_promotion_Yc99jk" aria-label="Close" 6530 class="rounded-full hidden md:block group-close-btn absolute cursor-pointer top-2 right-2 rtl:right-auto rtl:left-2 z-10 focus-visible:outline-none" 6531 @click.prevent="$store.xModal.removeFocus(); close();" 6532 >
6533 <span class="block icon-close-container w-fit rounded-full"> 6534 <svg class="icon-close-animation" width="100%" height="100%" viewBox="0 0 10 10" fill="none" xmlns="http://www.w3.org/2000/svg"> 6535 <path d="M1 9L5 5M5 5L9 1M5 5L1 1M5 5L9 9" stroke="currentColor" stroke-width="1" stroke-linecap="round" stroke-linejoin="round"/> 6536 </svg> 6537 6538 </span> 6539 </button> 6540 <button id="PromotionPopupClose-sections--19816060289091__popup_promotion_Yc99jk" aria-label="Close" 6541 class="rounded-full block md:hidden group-close-btn absolute cursor-pointer top-2 right-2 rtl:right-auto rtl:left-2 z-10 focus-visible:outline-none" 6542 @click.prevent="$store.xModal.removeFocus(); close();" 6543 > 6544 <span class="block icon-close-container w-fit rounded-full"> 6545 <svg class="icon-close-animation" width="100%" height="100%" viewBox="0 0 10 10" fill="none" xmlns="http://www.w3.org/2000/svg"> 6546 <path d="M1 9L5 5M5 5L9 1M5 5L1 1M5 5L9 9" stroke="currentColor" stroke-width="1" stroke-linecap="round" stroke-linejoin="round"/> 6547 </svg> 6548 6549 </span> 6550 </button> 6551 <div class="flex flex-col-reverse md:flex-row flex-col-reverse md:flex-row-reverse rtl:md:flex-row" 6552 > 6553 <div class="content-text-sections--19816060289091__popup_promotion_Yc99jk flex-1 pb-6 pl-6 pr-6 md:pt-10 lg:pt-12 lg:pb-12 lg:pl-14 lg:pr-14 ltr promotion--has-image:w-[54%] overflow-y-auto scrollbar-body max-h-[calc(75vh-96px)] md:max-h-[85vh] 2xl:max-h-[77vh] text-center rtl:text-center"> 6554 <div id="x-promotion-sections--19816060289091__popup_promotion_Yc99jk" class="promotion" 6555 6556 x-data="{ loading: true, textLoad: '-', days: 0, hours: 0, minutes: 0, seconds: 0 }" 6557 x-countdown-data='{ 6558 "blockId": "countdown_timer_dk6wCB", 6559 "schedule_enabled": true, 6560 "timezone": -4, 6561 "start_year": 2026, 6562 "start_month": 8, 6563 "start_day": 13, 6564 "start_hour": 0, 6565 "start_minute": 0, 6566 "end_year": 2026, 6567 "end_month": 8, 6568 "end_day": 17, 6569 "end_hour": 0, 6570 "end_minute": 0, 6571 "reset": false, 6572 "duration": 604800000 6573 }' 6574 x-intersect='$nextTick(() => { 6575 if (!true && window.xViewport.innerWidth < 768) return; 6576 $store.xHelper.countdown({ 6577 "blockId": "countdown_timer_dk6wCB", 6578 "schedule_enabled": true, 6579 "timezone": -4, 6580 "start_year": 2026, 6581 "start_month": 8, 6582 "start_day": 13, 6583 "start_hour": 0, 6584 "start_minute": 0, 6585 "end_year": 2026, 6586 "end_month": 8, 6587 "end_day": 17, 6588 "end_hour": 0, 6589 "end_minute": 0, 6590 "reset": false, 6591 "duration": 604800000 6592 }, (canShow, s, m, h, d) => { 6593 days = d; 6594 hours = h; 6595 minutes = m; 6596 seconds = s; 6597 loading = false; 6598 }) 6599 })' 6600 6601 > 6602<div class="block-sections--19816060289091__popup_promotion_Yc99jk mt-6 md:mt-0" ><p class="mt-2 font-bold">Limited Time Only!</p><style data-shopify>.heading-sections--19816060289091__popup_promotion_Yc99jk {color: #000000;} 6603 .dark .heading-sections--19816060289091__popup_promotion_Yc99jk {color: #ffffff;} 6604 .heading-minimal-sections--19816060289091__popup_promotion_Yc99jk { 6605 font-weight: var(--font-heading-weight);color: #000000;} 6606 .dark .heading-minimal-sections--19816060289091__popup_promotion_Yc99jk {color: #ffffff;}</style><p class="heading-sections--19816060289091__popup_promotion_Yc99jk text-xl md:text-2xl mt-2 md:mt-3 font-bold"> 6607 6608 6609 6610<style data-shopify> 6611 6612 .dark .heading-heading_DiR7gW { 6613 6614 --color-highlight: rgb(127, 38, 41); 6615 6616 } 6617</style> 6618 6619 6620 6621 6622 6623 6624 6625
6626 <span class="highlight relative inline-block hl-underline mb-2.5" x-data="{ isIntersecting: false }" x-intersect.once.margin.-25%.0px.-25%.0px="isIntersecting = true" :class="isIntersecting && `highlight-anm-start`" >$15 OFF Shipped Z-Man Kits 6627 6628 <svg class="svg-highlight svg-underline absolute left-0 top-auto w-full h-[30%] -bottom-[20%]" xmlns="http://www.w3.org/2000/svg" width="216" height="13" viewBox="0 0 216 13" fill="none" style="fill: none;" preserveAspectRatio="none"> 6629 <path d="M0.406646 9.68922C49.5975 4.73865 161.298 -2.39378 214.572 8.68106" vector-effect="non-scaling-stroke" stroke="var(--color-highlight);" stroke-width="4px" style="stroke: var(--color-highlight);"/> 6630 </svg> 6631 6632</span> 6633 6634 6635 6636 6637 6638 6639 </p></div> 6640 6641 6642 6643 6644 6645 <div class="block-sections--19816060289091__popup_promotion_Yc99jk text-[rgb(var(--colors-text))] p-break-words rte mt-5 lg:mt-7 leading-tight rte" > 6646 <p>Get your game-day BBQ ready with $15 off shipped Z-Man Sandwich Kits <strong>August 13â16 </strong> ð</p><p>Whether youâre feeding the whole watch party or stocking up before kickoff, Joeâs Kansas City has game day covered.</p> 6647 </div> 6648 6649 6650<style data-shopify>.background-countdown-countdown_timer_dk6wCB { 6651 font-size: var(--font-size-normal);color: #999999; 6652 border-color: #999999;} 6653 .dark .background-countdown-countdown_timer_dk6wCB {background: transparent;color: #ffffff; 6654 border-color: #ffffff;} 6655 .timer-countdown-countdown_timer_dk6wCB { 6656 font-size: var(--font-size-large);color: #7f2629 6657} 6658 .dark .timer-countdown-countdown_timer_dk6wCB {color: #ffffff 6659}</style><div id="x-countdown-popup-sections--19816060289091__popup_promotion_Yc99jk" 6660 class="block-sections--19816060289091__popup_promotion_Yc99jk x-countdown w-full inline-block md:block mt-5 lg:mt-7 " 6661 6662 > 6663 <div id="x-popup-countdown-countdown_timer_dk6wCB" class="x-content-popup-countdown grid grid-cols-4 justify-center gap-3 md:gap-3"> 6664 <div class="flex flex-col items-center background-countdown-countdown_timer_dk6wCB border pl-1 pr-1 pt-2.5 pb-2.5 md:min-w-[70px] lg:min-w-[74px] rounded"><span class="timer-countdown-countdown_timer_dk6wCB font-bold h4" x-html="loading?textLoad:days"></span><span class="p-break-words">Days</span></div> 6665 <div class="flex flex-col items-center background-countdown-countdown_timer_dk6wCB border pl-1 pr-1 pt-2.5 pb-2.5 md:min-w-[70px] lg:min-w-[74px] rounded"><span class="timer-countdown-countdown_timer_dk6wCB font-bold h4" x-html="loading?textLoad:hours"></span><span class="p-break-words">Hours</span></div> 6666 <div class="flex flex-col items-center background-countdown-countdown_timer_dk6wCB border pl-1 pr-1 pt-2.5 pb-2.5 md:min-w-[70px] lg:min-w-[74px] rounded"><span class="timer-countdown-countdown_timer_dk6wCB font-bold h4" x-html="loading?textLoad:minutes"></span><span class="p-break-words">Minutes</span></div> 6667 <div class="flex flex-col items-center background-countdown-countdown_timer_dk6wCB border pl-1 pr-1 pt-2.5 pb-2.5 md:min-w-[70px] lg:min-w-[74px] rounded"><span class="timer-countdown-countdown_timer_dk6wCB font-bold h4" x-html="loading?textLoad:seconds"></span><span class="p-break-words">Seconds</span></div> 6668 </div> 6669 </div> 6670 6671 6672 6673 6674 6675 <div class="block-sections--19816060289091__popup_promotion_Yc99jk text-[rgb(var(--colors-text))] p-break-words rte mt-5 lg:mt-7 leading-tight rte" > 6676 <p><em><strong>Discount automatically applied in cart, no code needed. </strong></em><em>Valid only for </em><em><strong>shipped frozen orders over $100 </strong></em><em>placed online at joeskc.com. Not valid in stores.</em></p> 6677 </div> 6678 6679 6680<style data-shopify>.button.button--button_aDMKn9, .button.button--button_aDMKn9:before { 6681} 6682 .dark .button.button--button_aDMKn9, .dark .button.button--button_aDMKn9:before {--colors-button-text: 255, 255, 255;--colors-button: 0, 0, 0;--colors-button-hover: rgb(255, 255, 255);--colors-button-text-hover: 36, 36, 36;}</style> 6683 <a 6684 href="/collections/all-items" 6685 class="block-sections--19816060289091__popup_promotion_Yc99jk mt-5 lg:mt-7 text-center w-full md:w-fit button button-solid border button--button_aDMKn9 inline-block ml-0.5 mr-0.5 mb-0.5 empty:hidden pl-6 pr-6 lg:pl-9 lg:pr-9 pt-2.5 pb-2.5 md:pt-3 md:pb-3 leading-normal " 6686 6687 > 6688 6689<div class="flex justify-center "> 6690 6691 6692
6693 <span class="button-text is-focus-button:opacity-0">Shop Shipped</span> 6694 6695 6696 6697 6698</div> 6699 </a> 6700 6701 6702</div> 6703 </div> 6704 <div class="block w-full rounded-t-lg md:rounded-t-none h-52 md:h-auto md:w-[46%] relative overflow-hidden"><img src="//www.joeskc.com/cdn/shop/files/Eating-a-zman.jpg?v=1718126695&width=1500" alt="Person holding a z man sandwich" srcset="//www.joeskc.com/cdn/shop/files/Eating-a-zman.jpg?v=1718126695&width=450 450w, //www.joeskc.com/cdn/shop/files/Eating-a-zman.jpg?v=1718126695&width=750 750w, //www.joeskc.com/cdn/shop/files/Eating-a-zman.jpg?v=1718126695&width=900 900w, //www.joeskc.com/cdn/shop/files/Eating-a-zman.jpg?v=1718126695&width=1100 1100w, //www.joeskc.com/cdn/shop/files/Eating-a-zman.jpg?v=1718126695&width=1500 1500w" width="1500" height="1500" loading="lazy" sizes="(min-width: 1300px) calc((1000px) / 2) , (min-width: 768px) calc((100vw) / 2), 100vw" class="h-full w-full object-cover z-0 relative md:absolute inset-0"> 6705 </div></div> 6706 </div> 6707 </div> 6708 </div> 6709 </template> 6710 6711 6712 <template x-teleport="#popup-minimal-left"> 6713 <div class="relative mb-2" x-show="showMinimal" x-cloak 6714 x-transition:enter="transition-all ease-in-out duration-500" 6715 x-transition:enter-start="opacity-0 transform -translate-x-1/3 rtl:translate-x-1/3" 6716 x-transition:enter-end="opacity-100 transform translate-x-0" 6717 x-transition:leave="transition-all ease-in-out duration-500" 6718 x-transition:leave-end="opacity-0 transform -translate-x-1/3 rtl:translate-x-1/3" 6719 > 6720 <div 6721 class="w-full pb-3 pt-3.5 pl-4 pr-4 md:pt-5 md:pb-4 md:pl-5 md:pr-5 background-sections--19816060289091__popup_promotion_Yc99jk md:block hover:cursor-pointer shadow-md rounded-[10px] overflow-hidden" 6722 aria-label="Media gallery" 6723 @click.prevent="clickMinimal()" 6724 > 6725 <div class="content-text-sections--19816060289091__popup_promotion_Yc99jk mr-7 rtl:mr-0 rtl:ml-7 leading-5 min-h-[1.25rem]"> 6726 6727 6728 6729 <p class="heading-minimal-sections--19816060289091__popup_promotion_Yc99jk"> 6730 6731 $15 OFF Shipped Z-Man Kits 6732 6733 </p> 6734 6735 </div> 6736 </div> 6737 <button aria-label="Close" 6738 class="cursor-pointer pt-2 pb-2 pl-2 pr-2 absolute right-2 rtl:right-auto rtl:left-2 top-[0.625rem] md:top-4 content-text-sections--19816060289091__popup_promotion_Yc99jk md:block " 6739 @click.prevent="closeMinimal()" 6740 > 6741 <span class="block rounded-full h-3 w-3"> 6742 <svg class="" width="100%" height="100%" viewBox="0 0 10 10" fill="none" xmlns="http://www.w3.org/2000/svg"> 6743 <path d="M1 9L5 5M5 5L9 1M5 5L1 1M5 5L9 9" stroke="currentColor" stroke-width="1" stroke-linecap="round" stroke-linejoin="round"/> 6744 </svg> 6745 6746 </span> 6747 </button> 6748 </div> 6749 </template> 6750 6751 </div> 6752
6752<script src="//www.joeskc.com/cdn/shop/t/80/assets/popup.js?v=100348350478779886561785247873" defer></script>
6752 6753
6753<script src="//www.joeskc.com/cdn/shop/t/80/assets/coupon-code.js?v=75051507617727915801785482772" defer></script>
6753 6754 6755 6756</section><section id="shopify-section-sections--19816060289091__popup_promotion_cDpj6A" class="shopify-section shopify-section-group-aside-group-puff section-promotion-popup"> 6757<style data-shopify> 6758 6759 6760 6761 6762/* CUSTOM START - mobile promotion popup close button */ 6763#PromotionPopupClose-sections--19816060289091__popup_promotion_cDpj6A.group-close-btn { 6764 background: #fff !important; 6765 color: #000 !important; 6766 width: 32px !important; 6767 height: 32px !important; 6768 padding: 0 !important; 6769 border-radius: 50% !important; 6770 display: flex !important; 6771 align-items: center !important; 6772 justify-content: center !important; 6773 box-shadow: none !important; 6774} 6775 6776#PromotionPopupClose-sections--19816060289091__popup_promotion_cDpj6A.group-close-btn .icon-close-container { 6777 background: transparent !important; 6778 color: inherit !important; 6779 width: 14px !important; 6780 height: 14px !important; 6781 padding: 0 !important; 6782 border-radius: 0 !important; 6783 display: flex !important; 6784 align-items: center !important; 6785 justify-content: center !important; 6786} 6787 6788#PromotionPopupClose-sections--19816060289091__popup_promotion_cDpj6A.group-close-btn svg { 6789 width: 14px !important; 6790 height: 14px !important; 6791 display: block !important; 6792} 6793/* CUSTOM END */ 6794 6795 .background-sections--19816060289091__popup_promotion_cDpj6A { 6796 background: #fafafa; 6797 } 6798 .dark .background-sections--19816060289091__popup_promotion_cDpj6A { 6799 background: rgb(var(--colors-background-secondary)); 6800 } 6801 .content-text-sections--19816060289091__popup_promotion_cDpj6A { 6802 color: rgb(var(--colors-text-secondary)); 6803 } 6804 .border-text-sections--19816060289091__popup_promotion_cDpj6A { 6805 border-color: rgb(var(--colors-text)); 6806 } 6807 .dark .content-text-sections--19816060289091__popup_promotion_cDpj6A, .dark .background-sections--19816060289091__popup_promotion_cDpj6A { 6808 color: rgb(var(--colors-text-secondary)); 6809 } 6810 .dark .border-text-sections--19816060289091__popup_promotion_cDpj6A { 6811 border-color: rgb(var(--colors-text)); 6812 } 6813</style> 6814 6815 6816 <div 6817 x-data='xPopups({ 6818 "sectionId": "sections--19816060289091__popup_promotion_cDpj6A", 6819 "name": "popup-promotion", 6820 "delays": 2, 6821 "delayDays": 1, 6822 "show_popup": true, 6823 "showOnMobile": true, 6824 "schedule_enabled": true, 6825 "showCountdown": true, 6826 "overlay": true, 6827 "showMinimal": true, 6828 "showMinimalMobile": true, 6829 "default_style": "full", 6830 "default_style_mobile": "full", 6831 "trigger_intent": "delay", 6832 "scroll_height": 0.25 6833 })' 6834 > 6835 <template x-teleport="#eurus-popup"> 6836 6837 <div @click.stop class="overflow-hidden pointer-events-auto"> 6838 <div 6839 id="x-promo-popup-sections--19816060289091__popup_promotion_cDpj6A" 6840 class="promo-popup w-full relative z-[60] md:absolute md:promotion-alignment--center pointer-events-auto md:w-[700px] lg:w-[810px]" 6841 x-init="load()" 6842 x-cloak 6843 x-intersect.full="$store.xModal.focus('x-promo-popup-sections--19816060289091__popup_promotion_cDpj6A', 'PromotionPopupClose-sections--19816060289091__popup_promotion_cDpj6A'); $store.xCartAnalytics.viewCart();" 6844 > 6845 <style data-shopify> 6846 #x-promo-popup-sections--19816060289091__popup_promotion_cDpj6A .background-sections--19816060289091__popup_promotion_cDpj6A{ 6847 will-change: transform, opacity 6848 } 6849 </style> 6850 <div class="relative background-sections--19816060289091__popup_promotion_cDpj6A shadow-popup overflow-hidden rounded-[10px]" 6851 x-show="show && enable" 6852 6853 6854 x-transition:enter="transition-all ease-in-out duration-500" 6855 x-transition:enter-start="opacity-0 transform translate-y-1/3" 6856 x-transition:enter-end="opacity-100 transform translate-y-0" 6857 x-transition:leave="transition-all ease-in-out duration-500" 6858 x-transition:leave-end="opacity-0 transform translate-y-1/3" 6859 6860 6861 > 6862 <button id="PromotionPopupClose-sections--19816060289091__popup_promotion_cDpj6A" aria-label="Close" 6863 class="rounded-full hidden md:block group-close-btn absolute cursor-pointer top-2 right-2 rtl:right-auto rtl:left-2 z-10 focus-visible:outline-none" 6864 @click.prevent="$store.xModal.removeFocus(); close();" 6865 >
6866 <span class="block icon-close-container w-fit rounded-full"> 6867 <svg class="icon-close-animation" width="100%" height="100%" viewBox="0 0 10 10" fill="none" xmlns="http://www.w3.org/2000/svg"> 6868 <path d="M1 9L5 5M5 5L9 1M5 5L1 1M5 5L9 9" stroke="currentColor" stroke-width="1" stroke-linecap="round" stroke-linejoin="round"/> 6869 </svg> 6870 6871 </span> 6872 </button> 6873 <button id="PromotionPopupClose-sections--19816060289091__popup_promotion_cDpj6A" aria-label="Close" 6874 class="rounded-full block md:hidden group-close-btn absolute cursor-pointer top-2 right-2 rtl:right-auto rtl:left-2 z-10 focus-visible:outline-none" 6875 @click.prevent="$store.xModal.removeFocus(); close();" 6876 > 6877 <span class="block icon-close-container w-fit rounded-full"> 6878 <svg class="icon-close-animation" width="100%" height="100%" viewBox="0 0 10 10" fill="none" xmlns="http://www.w3.org/2000/svg"> 6879 <path d="M1 9L5 5M5 5L9 1M5 5L1 1M5 5L9 9" stroke="currentColor" stroke-width="1" stroke-linecap="round" stroke-linejoin="round"/> 6880 </svg> 6881 6882 </span> 6883 </button> 6884 <div class="flex flex-col-reverse md:flex-row flex-col-reverse md:flex-row-reverse rtl:md:flex-row" 6885 > 6886 <div class="content-text-sections--19816060289091__popup_promotion_cDpj6A flex-1 pb-6 pl-6 pr-6 md:pt-10 lg:pt-12 lg:pb-12 lg:pl-14 lg:pr-14 ltr promotion--has-image:w-[54%] overflow-y-auto scrollbar-body max-h-[calc(75vh-96px)] md:max-h-[85vh] 2xl:max-h-[77vh] text-center rtl:text-center"> 6887 <div id="x-promotion-sections--19816060289091__popup_promotion_cDpj6A" class="promotion" 6888 6889 x-data="{ loading: true, textLoad: '-', days: 0, hours: 0, minutes: 0, seconds: 0 }" 6890 x-countdown-data='{ 6891 "blockId": "countdown_timer_fYDiyB", 6892 "schedule_enabled": true, 6893 "timezone": -4, 6894 "start_year": 2026, 6895 "start_month": 8, 6896 "start_day": 29, 6897 "start_hour": 0, 6898 "start_minute": 0, 6899 "end_year": 2026, 6900 "end_month": 9, 6901 "end_day": 3, 6902 "end_hour": 0, 6903 "end_minute": 0, 6904 "reset": false, 6905 "duration": 604800000 6906 }' 6907 x-intersect='$nextTick(() => { 6908 if (!true && window.xViewport.innerWidth < 768) return; 6909 $store.xHelper.countdown({ 6910 "blockId": "countdown_timer_fYDiyB", 6911 "schedule_enabled": true, 6912 "timezone": -4, 6913 "start_year": 2026, 6914 "start_month": 8, 6915 "start_day": 29, 6916 "start_hour": 0, 6917 "start_minute": 0, 6918 "end_year": 2026, 6919 "end_month": 9, 6920 "end_day": 3, 6921 "end_hour": 0, 6922 "end_minute": 0, 6923 "reset": false, 6924 "duration": 604800000 6925 }, (canShow, s, m, h, d) => { 6926 days = d; 6927 hours = h; 6928 minutes = m; 6929 seconds = s; 6930 loading = false; 6931 }) 6932 })' 6933 6934 > 6935<div class="block-sections--19816060289091__popup_promotion_cDpj6A mt-6 md:mt-0" ><p class="mt-2 font-bold">Choice your free gift!</p><style data-shopify>.heading-sections--19816060289091__popup_promotion_cDpj6A {color: #000000;} 6936 .dark .heading-sections--19816060289091__popup_promotion_cDpj6A {color: #ffffff;} 6937 .heading-minimal-sections--19816060289091__popup_promotion_cDpj6A { 6938 font-weight: var(--font-heading-weight);color: #000000;} 6939 .dark .heading-minimal-sections--19816060289091__popup_promotion_cDpj6A {color: #ffffff;}</style><p class="heading-sections--19816060289091__popup_promotion_cDpj6A text-xl md:text-2xl mt-2 md:mt-3 font-bold"> 6940 6941 6942 6943<style data-shopify> 6944 6945 .dark .heading-heading_wHnKqK { 6946 6947 --color-highlight: rgb(127, 38, 41); 6948 6949 } 6950</style> 6951 6952 6953 6954 6955 6956 6957 6958
6959 <span class="highlight relative inline-block hl-underline mb-2.5" x-data="{ isIntersecting: false }" x-intersect.once.margin.-25%.0px.-25%.0px="isIntersecting = true" :class="isIntersecting && `highlight-anm-start`" >FREE Gifts with Shipped BBQ 6960 6961 <svg class="svg-highlight svg-underline absolute left-0 top-auto w-full h-[30%] -bottom-[20%]" xmlns="http://www.w3.org/2000/svg" width="216" height="13" viewBox="0 0 216 13" fill="none" style="fill: none;" preserveAspectRatio="none"> 6962 <path d="M0.406646 9.68922C49.5975 4.73865 161.298 -2.39378 214.572 8.68106" vector-effect="non-scaling-stroke" stroke="var(--color-highlight);" stroke-width="4px" style="stroke: var(--color-highlight);"/> 6963 </svg> 6964 6965</span> 6966 6967 6968 6969 6970 6971 6972 </p></div> 6973 6974 6975 6976 6977 6978 <div class="block-sections--19816060289091__popup_promotion_cDpj6A text-[rgb(var(--colors-text))] p-break-words rte mt-5 lg:mt-7 leading-tight rte" > 6979 <p><strong>ð¥Get Labor Day Weekend ready with Joe'sð¥</strong></p><p>Stock the freezer now and get ready for Labor Day weekend, game days, and everything in between.</p><p><strong>August 29âSeptember 2</strong>, place a qualifying shipped order and <strong>choose one FREE BBQ favorite:</strong></p><p>ð <strong>Sausage â 1 lb.</strong><br/>ð¥ <strong>Smokie Joe â 1.5 lbs.</strong><br/>ð· <strong>Pulled Pork â 1 lb.</strong></p> 6980 </div> 6981 6982 6983<style data-shopify>.background-countdown-countdown_timer_fYDiyB { 6984 font-size: var(--font-size-normal);color: #999999; 6985 border-color: #999999;} 6986 .dark .background-countdown-countdown_timer_fYDiyB {background: transparent;color: #ffffff; 6987 border-color: #ffffff;} 6988 .timer-countdown-countdown_timer_fYDiyB { 6989 font-size: var(--font-size-large);color: #7f2629 6990} 6991 .dark .timer-countdown-countdown_timer_fYDiyB {color: #ffffff 6992}</style><div id="x-countdown-popup-sections--19816060289091__popup_promotion_cDpj6A" 6993 class="block-sections--19816060289091__popup_promotion_cDpj6A x-countdown w-full inline-block md:block mt-5 lg:mt-7 " 6994 6995 > 6996 <div id="x-popup-countdown-countdown_timer_fYDiyB" class="x-content-popup-countdown grid grid-cols-4 justify-center gap-3 md:gap-3"> 6997 <div class="flex flex-col items-center background-countdown-countdown_timer_fYDiyB border pl-1 pr-1 pt-2.5 pb-2.5 md:min-w-[70px] lg:min-w-[74px] rounded"><span class="timer-countdown-countdown_timer_fYDiyB font-bold h4" x-html="loading?textLoad:days"></span><span class="p-break-words">Days</span></div> 6998 <div class="flex flex-col items-center background-countdown-countdown_timer_fYDiyB border pl-1 pr-1 pt-2.5 pb-2.5 md:min-w-[70px] lg:min-w-[74px] rounded"><span class="timer-countdown-countdown_timer_fYDiyB font-bold h4" x-html="loading?textLoad:hours"></span><span class="p-break-words">Hours</span></div> 6999 <div class="flex flex-col items-center background-countdown-countdown_timer_fYDiyB border pl-1 pr-1 pt-2.5 pb-2.5 md:min-w-[70px] lg:min-w-[74px] rounded"><span class="timer-countdown-countdown_timer_fYDiyB font-bold h4" x-html="loading?textLoad:minutes"></span><span class="p-break-words">Minutes</span></div> 7000 <div class="flex flex-col items-center background-countdown-countdown_timer_fYDiyB border pl-1 pr-1 pt-2.5 pb-2.5 md:min-w-[70px] lg:min-w-[74px] rounded"><span class="timer-countdown-countdown_timer_fYDiyB font-bold h4" x-html="loading?textLoad:seconds"></span><span class="p-break-words">Seconds</span></div> 7001 </div> 7002 </div> 7003 7004 7005 7006 7007 7008 <div class="block-sections--19816060289091__popup_promotion_cDpj6A text-[rgb(var(--colors-text))] p-break-words rte mt-5 lg:mt-7 leading-tight rte" > 7009 <p><em><strong>Automatically ships with orders $100+, no code needed! </strong></em><em>Valid only for </em><em><strong>shipped frozen orders </strong></em><em>placed online at joeskc.com. Not valid in stores.</em></p> 7010 </div> 7011 7012 7013<style data-shopify>.button.button--button_pwXrmt, .button.button--button_pwXrmt:before { 7014} 7015 .dark .button.button--button_pwXrmt, .dark .button.button--button_pwXrmt:before {--colors-button-text: 255, 255, 255;--colors-button: 0, 0, 0;--colors-button-hover: rgb(255, 255, 255);--colors-button-text-hover: 36, 36, 36;}</style> 7016 <a 7017 href="/collections/all-items" 7018 class="block-sections--19816060289091__popup_promotion_cDpj6A mt-5 lg:mt-7 text-center w-full md:w-fit button button-solid border button--button_pwXrmt inline-block ml-0.5 mr-0.5 mb-0.5 empty:hidden pl-6 pr-6 lg:pl-9 lg:pr-9 pt-2.5 pb-2.5 md:pt-3 md:pb-3 leading-normal " 7019 7020 > 7021 7022<div class="flex justify-center "> 7023 7024 7025
7026 <span class="button-text is-focus-button:opacity-0">Shop Shipped</span> 7027 7028 7029 7030 7031</div> 7032 </a> 7033 7034 7035</div> 7036 </div> 7037 <div class="block w-full rounded-t-lg md:rounded-t-none h-52 md:h-auto md:w-[46%] relative overflow-hidden"><img src="//www.joeskc.com/cdn/shop/files/saus_pulledpork_smokiejoe_free_gift.gif?v=1787939949&width=1500" alt="" srcset="//www.joeskc.com/cdn/shop/files/saus_pulledpork_smokiejoe_free_gift.gif?v=1787939949&width=450 450w, //www.joeskc.com/cdn/shop/files/saus_pulledpork_smokiejoe_free_gift.gif?v=1787939949&width=750 750w, //www.joeskc.com/cdn/shop/files/saus_pulledpork_smokiejoe_free_gift.gif?v=1787939949&width=900 900w, //www.joeskc.com/cdn/shop/files/saus_pulledpork_smokiejoe_free_gift.gif?v=1787939949&width=1100 1100w, //www.joeskc.com/cdn/shop/files/saus_pulledpork_smokiejoe_free_gift.gif?v=1787939949&width=1500 1500w" width="1500" height="2250" loading="lazy" sizes="(min-width: 1300px) calc((1000px) / 2) , (min-width: 768px) calc((100vw) / 2), 100vw" class="h-full w-full object-cover z-0 relative md:absolute inset-0"> 7038 </div></div> 7039 </div> 7040 </div> 7041 </div> 7042 </template> 7043 7044 7045 <template x-teleport="#popup-minimal-left"> 7046 <div class="relative mb-2" x-show="showMinimal" x-cloak 7047 x-transition:enter="transition-all ease-in-out duration-500" 7048 x-transition:enter-start="opacity-0 transform -translate-x-1/3 rtl:translate-x-1/3" 7049 x-transition:enter-end="opacity-100 transform translate-x-0" 7050 x-transition:leave="transition-all ease-in-out duration-500" 7051 x-transition:leave-end="opacity-0 transform -translate-x-1/3 rtl:translate-x-1/3" 7052 > 7053 <div 7054 class="w-full pb-3 pt-3.5 pl-4 pr-4 md:pt-5 md:pb-4 md:pl-5 md:pr-5 background-sections--19816060289091__popup_promotion_cDpj6A md:block hover:cursor-pointer shadow-md rounded-[10px] overflow-hidden" 7055 aria-label="Media gallery" 7056 @click.prevent="clickMinimal()" 7057 > 7058 <div class="content-text-sections--19816060289091__popup_promotion_cDpj6A mr-7 rtl:mr-0 rtl:ml-7 leading-5 min-h-[1.25rem]"> 7059 7060 7061 7062 <p class="heading-minimal-sections--19816060289091__popup_promotion_cDpj6A"> 7063 7064 FREE Gifts with Shipped BBQ 7065 7066 </p> 7067 7068 </div> 7069 </div> 7070 <button aria-label="Close" 7071 class="cursor-pointer pt-2 pb-2 pl-2 pr-2 absolute right-2 rtl:right-auto rtl:left-2 top-[0.625rem] md:top-4 content-text-sections--19816060289091__popup_promotion_cDpj6A md:block " 7072 @click.prevent="closeMinimal()" 7073 > 7074 <span class="block rounded-full h-3 w-3"> 7075 <svg class="" width="100%" height="100%" viewBox="0 0 10 10" fill="none" xmlns="http://www.w3.org/2000/svg"> 7076 <path d="M1 9L5 5M5 5L9 1M5 5L1 1M5 5L9 9" stroke="currentColor" stroke-width="1" stroke-linecap="round" stroke-linejoin="round"/> 7077 </svg> 7078 7079 </span> 7080 </button> 7081 </div> 7082 </template> 7083 7084 </div> 7085
7085<script src="//www.joeskc.com/cdn/shop/t/80/assets/popup.js?v=100348350478779886561785247873" defer></script>
7085 7086
7086<script src="//www.joeskc.com/cdn/shop/t/80/assets/coupon-code.js?v=75051507617727915801785482772" defer></script>
7086 7087 7088 7089</section><section id="shopify-section-sections--19816060289091__popup_promotion_cXgLHk" class="shopify-section shopify-section-group-aside-group-puff section-promotion-popup"> 7090<style data-shopify> 7091 7092 7093 7094 7095/* CUSTOM START - mobile promotion popup close button */ 7096#PromotionPopupClose-sections--19816060289091__popup_promotion_cXgLHk.group-close-btn { 7097 background: #fff !important; 7098 color: #000 !important; 7099 width: 32px !important; 7100 height: 32px !important; 7101 padding: 0 !important; 7102 border-radius: 50% !important; 7103 display: flex !important; 7104 align-items: center !important; 7105 justify-content: center !important; 7106 box-shadow: none !important; 7107} 7108 7109#PromotionPopupClose-sections--19816060289091__popup_promotion_cXgLHk.group-close-btn .icon-close-container { 7110 background: transparent !important; 7111 color: inherit !important; 7112 width: 14px !important; 7113 height: 14px !important; 7114 padding: 0 !important; 7115 border-radius: 0 !important; 7116 display: flex !important; 7117 align-items: center !important; 7118 justify-content: center !important; 7119} 7120 7121#PromotionPopupClose-sections--19816060289091__popup_promotion_cXgLHk.group-close-btn svg { 7122 width: 14px !important; 7123 height: 14px !important; 7124 display: block !important; 7125} 7126/* CUSTOM END */ 7127 7128 .background-sections--19816060289091__popup_promotion_cXgLHk { 7129 background: #fafafa; 7130 } 7131 .dark .background-sections--19816060289091__popup_promotion_cXgLHk { 7132 background: rgb(var(--colors-background-secondary)); 7133 } 7134 .content-text-sections--19816060289091__popup_promotion_cXgLHk { 7135 color: rgb(var(--colors-text-secondary)); 7136 } 7137 .border-text-sections--19816060289091__popup_promotion_cXgLHk { 7138 border-color: rgb(var(--colors-text)); 7139 } 7140 .dark .content-text-sections--19816060289091__popup_promotion_cXgLHk, .dark .background-sections--19816060289091__popup_promotion_cXgLHk { 7141 color: rgb(var(--colors-text-secondary)); 7142 } 7143 .dark .border-text-sections--19816060289091__popup_promotion_cXgLHk { 7144 border-color: rgb(var(--colors-text)); 7145 } 7146</style> 7147 7148 7149 <div 7150 x-data='xPopups({ 7151 "sectionId": "sections--19816060289091__popup_promotion_cXgLHk", 7152 "name": "popup-promotion", 7153 "delays": 2, 7154 "delayDays": 1, 7155 "show_popup": true, 7156 "showOnMobile": true, 7157 "schedule_enabled": true, 7158 "showCountdown": true, 7159 "overlay": true, 7160 "showMinimal": true, 7161 "showMinimalMobile": true, 7162 "default_style": "full", 7163 "default_style_mobile": "full", 7164 "trigger_intent": "delay", 7165 "scroll_height": 0.25 7166 })' 7167 > 7168 <template x-teleport="#eurus-popup"> 7169 7170 <div @click.stop class="overflow-hidden pointer-events-auto"> 7171 <div 7172 id="x-promo-popup-sections--19816060289091__popup_promotion_cXgLHk" 7173 class="promo-popup w-full relative z-[60] md:absolute md:promotion-alignment--center pointer-events-auto md:w-[700px] lg:w-[810px]" 7174 x-init="load()" 7175 x-cloak 7176 x-intersect.full="$store.xModal.focus('x-promo-popup-sections--19816060289091__popup_promotion_cXgLHk', 'PromotionPopupClose-sections--19816060289091__popup_promotion_cXgLHk'); $store.xCartAnalytics.viewCart();" 7177 > 7178 <style data-shopify> 7179 #x-promo-popup-sections--19816060289091__popup_promotion_cXgLHk .background-sections--19816060289091__popup_promotion_cXgLHk{ 7180 will-change: transform, opacity 7181 } 7182 </style> 7183 <div class="relative background-sections--19816060289091__popup_promotion_cXgLHk shadow-popup overflow-hidden rounded-[10px]" 7184 x-show="show && enable" 7185 7186 7187 x-transition:enter="transition-all ease-in-out duration-500" 7188 x-transition:enter-start="opacity-0 transform translate-y-1/3" 7189 x-transition:enter-end="opacity-100 transform translate-y-0" 7190 x-transition:leave="transition-all ease-in-out duration-500" 7191 x-transition:leave-end="opacity-0 transform translate-y-1/3" 7192 7193 7194 > 7195 <button id="PromotionPopupClose-sections--19816060289091__popup_promotion_cXgLHk" aria-label="Close" 7196 class="rounded-full hidden md:block group-close-btn absolute cursor-pointer top-2 right-2 rtl:right-auto rtl:left-2 z-10 focus-visible:outline-none" 7197 @click.prevent="$store.xModal.removeFocus(); close();" 7198 >
7199 <span class="block icon-close-container w-fit rounded-full"> 7200 <svg class="icon-close-animation" width="100%" height="100%" viewBox="0 0 10 10" fill="none" xmlns="http://www.w3.org/2000/svg"> 7201 <path d="M1 9L5 5M5 5L9 1M5 5L1 1M5 5L9 9" stroke="currentColor" stroke-width="1" stroke-linecap="round" stroke-linejoin="round"/> 7202 </svg> 7203 7204 </span> 7205 </button> 7206 <button id="PromotionPopupClose-sections--19816060289091__popup_promotion_cXgLHk" aria-label="Close" 7207 class="rounded-full block md:hidden group-close-btn absolute cursor-pointer top-2 right-2 rtl:right-auto rtl:left-2 z-10 focus-visible:outline-none" 7208 @click.prevent="$store.xModal.removeFocus(); close();" 7209 > 7210 <span class="block icon-close-container w-fit rounded-full"> 7211 <svg class="icon-close-animation" width="100%" height="100%" viewBox="0 0 10 10" fill="none" xmlns="http://www.w3.org/2000/svg"> 7212 <path d="M1 9L5 5M5 5L9 1M5 5L1 1M5 5L9 9" stroke="currentColor" stroke-width="1" stroke-linecap="round" stroke-linejoin="round"/> 7213 </svg> 7214 7215 </span> 7216 </button> 7217 <div class="flex flex-col-reverse md:flex-row flex-col-reverse md:flex-row-reverse rtl:md:flex-row" 7218 > 7219 <div class="content-text-sections--19816060289091__popup_promotion_cXgLHk flex-1 pb-6 pl-6 pr-6 md:pt-10 lg:pt-12 lg:pb-12 lg:pl-14 lg:pr-14 ltr promotion--has-image:w-[54%] overflow-y-auto scrollbar-body max-h-[calc(75vh-96px)] md:max-h-[85vh] 2xl:max-h-[77vh] text-center rtl:text-center"> 7220 <div id="x-promotion-sections--19816060289091__popup_promotion_cXgLHk" class="promotion" 7221 7222 x-data="{ loading: true, textLoad: '-', days: 0, hours: 0, minutes: 0, seconds: 0 }" 7223 x-countdown-data='{ 7224 "blockId": "countdown_timer_3naWnT", 7225 "schedule_enabled": true, 7226 "timezone": -4, 7227 "start_year": 2026, 7228 "start_month": 8, 7229 "start_day": 23, 7230 "start_hour": 23, 7231 "start_minute": 45, 7232 "end_year": 2026, 7233 "end_month": 8, 7234 "end_day": 29, 7235 "end_hour": 0, 7236 "end_minute": 0, 7237 "reset": false, 7238 "duration": 604800000 7239 }' 7240 x-intersect='$nextTick(() => { 7241 if (!true && window.xViewport.innerWidth < 768) return; 7242 $store.xHelper.countdown({ 7243 "blockId": "countdown_timer_3naWnT", 7244 "schedule_enabled": true, 7245 "timezone": -4, 7246 "start_year": 2026, 7247 "start_month": 8, 7248 "start_day": 23, 7249 "start_hour": 23, 7250 "start_minute": 45, 7251 "end_year": 2026, 7252 "end_month": 8, 7253 "end_day": 29, 7254 "end_hour": 0, 7255 "end_minute": 0, 7256 "reset": false, 7257 "duration": 604800000 7258 }, (canShow, s, m, h, d) => { 7259 days = d; 7260 hours = h; 7261 minutes = m; 7262 seconds = s; 7263 loading = false; 7264 }) 7265 })' 7266 7267 > 7268<div class="block-sections--19816060289091__popup_promotion_cXgLHk mt-6 md:mt-0" ><p class="mt-2 font-bold">Your new favorite side dish is now shipped!</p><style data-shopify>.heading-sections--19816060289091__popup_promotion_cXgLHk {color: #000000;} 7269 .dark .heading-sections--19816060289091__popup_promotion_cXgLHk {color: #ffffff;} 7270 .heading-minimal-sections--19816060289091__popup_promotion_cXgLHk { 7271 font-weight: var(--font-heading-weight);color: #000000;} 7272 .dark .heading-minimal-sections--19816060289091__popup_promotion_cXgLHk {color: #ffffff;}</style><p class="heading-sections--19816060289091__popup_promotion_cXgLHk text-xl md:text-2xl mt-2 md:mt-3 font-bold"> 7273 7274 7275 7276<style data-shopify> 7277 7278 .dark .heading-heading_NJmriH { 7279 7280 --color-highlight: rgb(127, 38, 41); 7281 7282 } 7283</style> 7284 7285 7286 7287 7288 7289 7290 7291
7292 <span class="highlight relative inline-block hl-underline mb-2.5" x-data="{ isIntersecting: false }" x-intersect.once.margin.-25%.0px.-25%.0px="isIntersecting = true" :class="isIntersecting && `highlight-anm-start`" >ð½ NEW PRODUCT GIVEAWAYð½ 7293 7294 <svg class="svg-highlight svg-underline absolute left-0 top-auto w-full h-[30%] -bottom-[20%]" xmlns="http://www.w3.org/2000/svg" width="216" height="13" viewBox="0 0 216 13" fill="none" style="fill: none;" preserveAspectRatio="none"> 7295 <path d="M0.406646 9.68922C49.5975 4.73865 161.298 -2.39378 214.572 8.68106" vector-effect="non-scaling-stroke" stroke="var(--color-highlight);" stroke-width="4px" style="stroke: var(--color-highlight);"/> 7296 </svg> 7297 7298</span> 7299 7300 7301 7302 7303 7304 7305 </p></div> 7306 7307 7308 7309 7310 7311 <div class="block-sections--19816060289091__popup_promotion_cXgLHk text-[rgb(var(--colors-text))] p-break-words rte mt-5 lg:mt-7 leading-tight rte" > 7312 <p>Meet our Shipped <strong>Smoked Poblano Cheesy Corn</strong> â the newest side joining the Joeâs Kansas City online lineup, delivered right to your door.. ð¥</p><p>To celebrate, weâre giving you a <strong>FREE 1 lb. Smoked Poblano Cheesy Corn with every shipped BBQ order</strong> placed<strong> August 26-28!</strong><br/><em><strong><br/>Automatically applied in cart on shipped orders $100+. No code needed!</strong></em></p> 7313 </div> 7314 7315 7316<style data-shopify>.background-countdown-countdown_timer_3naWnT { 7317 font-size: var(--font-size-normal);color: #999999; 7318 border-color: #999999;} 7319 .dark .background-countdown-countdown_timer_3naWnT {background: transparent;color: #ffffff; 7320 border-color: #ffffff;} 7321 .timer-countdown-countdown_timer_3naWnT { 7322 font-size: var(--font-size-large);color: #7f2629 7323} 7324 .dark .timer-countdown-countdown_timer_3naWnT {color: #ffffff 7325}</style><div id="x-countdown-popup-sections--19816060289091__popup_promotion_cXgLHk" 7326 class="block-sections--19816060289091__popup_promotion_cXgLHk x-countdown w-full inline-block md:block mt-5 lg:mt-7 " 7327 7328 > 7329 <div id="x-popup-countdown-countdown_timer_3naWnT" class="x-content-popup-countdown grid grid-cols-4 justify-center gap-3 md:gap-3"> 7330 <div class="flex flex-col items-center background-countdown-countdown_timer_3naWnT border pl-1 pr-1 pt-2.5 pb-2.5 md:min-w-[70px] lg:min-w-[74px] rounded"><span class="timer-countdown-countdown_timer_3naWnT font-bold h4" x-html="loading?textLoad:days"></span><span class="p-break-words">Days</span></div> 7331 <div class="flex flex-col items-center background-countdown-countdown_timer_3naWnT border pl-1 pr-1 pt-2.5 pb-2.5 md:min-w-[70px] lg:min-w-[74px] rounded"><span class="timer-countdown-countdown_timer_3naWnT font-bold h4" x-html="loading?textLoad:hours"></span><span class="p-break-words">Hours</span></div> 7332 <div class="flex flex-col items-center background-countdown-countdown_timer_3naWnT border pl-1 pr-1 pt-2.5 pb-2.5 md:min-w-[70px] lg:min-w-[74px] rounded"><span class="timer-countdown-countdown_timer_3naWnT font-bold h4" x-html="loading?textLoad:minutes"></span><span class="p-break-words">Minutes</span></div> 7333 <div class="flex flex-col items-center background-countdown-countdown_timer_3naWnT border pl-1 pr-1 pt-2.5 pb-2.5 md:min-w-[70px] lg:min-w-[74px] rounded"><span class="timer-countdown-countdown_timer_3naWnT font-bold h4" x-html="loading?textLoad:seconds"></span><span class="p-break-words">Seconds</span></div> 7334 </div> 7335 </div> 7336 7337 7338 7339 7340 7341 <div class="block-sections--19816060289091__popup_promotion_cXgLHk text-[rgb(var(--colors-text))] p-break-words rte mt-5 lg:mt-7 leading-tight rte" > 7342 <p><em>Valid only for </em><em><strong>shipped frozen orders over $100 </strong></em><em>placed online at joeskc.com. Not valid in stores.</em></p> 7343 </div> 7344 7345 7346<style data-shopify>.button.button--button_YFdTyD, .button.button--button_YFdTyD:before { 7347} 7348 .dark .button.button--button_YFdTyD, .dark .button.button--button_YFdTyD:before {--colors-button-text: 255, 255, 255;--colors-button: 0, 0, 0;--colors-button-hover: rgb(255, 255, 255);--colors-button-text-hover: 36, 36, 36;}</style> 7349 <a 7350 href="/collections/all-items" 7351 class="block-sections--19816060289091__popup_promotion_cXgLHk mt-5 lg:mt-7 text-center w-full md:w-fit button button-solid border button--button_YFdTyD inline-block ml-0.5 mr-0.5 mb-0.5 empty:hidden pl-6 pr-6 lg:pl-9 lg:pr-9 pt-2.5 pb-2.5 md:pt-3 md:pb-3 leading-normal " 7352 7353 > 7354 7355<div class="flex justify-center "> 7356 7357 7358
7359 <span class="button-text is-focus-button:opacity-0">Shop Shipped</span> 7360 7361 7362 7363 7364</div> 7365 </a> 7366 7367 7368</div> 7369 </div> 7370 <div class="block w-full rounded-t-lg md:rounded-t-none h-52 md:h-auto md:w-[46%] relative overflow-hidden"><img src="//www.joeskc.com/cdn/shop/files/CheesyCorn11.jpg?v=1775485952&width=1500" alt="" srcset="//www.joeskc.com/cdn/shop/files/CheesyCorn11.jpg?v=1775485952&width=450 450w, //www.joeskc.com/cdn/shop/files/CheesyCorn11.jpg?v=1775485952&width=750 750w, //www.joeskc.com/cdn/shop/files/CheesyCorn11.jpg?v=1775485952&width=900 900w, //www.joeskc.com/cdn/shop/files/CheesyCorn11.jpg?v=1775485952&width=1100 1100w, //www.joeskc.com/cdn/shop/files/CheesyCorn11.jpg?v=1775485952&width=1500 1500w" width="1500" height="1000" loading="lazy" sizes="(min-width: 1300px) calc((1000px) / 2) , (min-width: 768px) calc((100vw) / 2), 100vw" class="h-full w-full object-cover z-0 relative md:absolute inset-0"> 7371 </div></div> 7372 </div> 7373 </div> 7374 </div> 7375 </template> 7376 7377 7378 <template x-teleport="#popup-minimal-left"> 7379 <div class="relative mb-2" x-show="showMinimal" x-cloak 7380 x-transition:enter="transition-all ease-in-out duration-500" 7381 x-transition:enter-start="opacity-0 transform -translate-x-1/3 rtl:translate-x-1/3" 7382 x-transition:enter-end="opacity-100 transform translate-x-0" 7383 x-transition:leave="transition-all ease-in-out duration-500" 7384 x-transition:leave-end="opacity-0 transform -translate-x-1/3 rtl:translate-x-1/3" 7385 > 7386 <div 7387 class="w-full pb-3 pt-3.5 pl-4 pr-4 md:pt-5 md:pb-4 md:pl-5 md:pr-5 background-sections--19816060289091__popup_promotion_cXgLHk md:block hover:cursor-pointer shadow-md rounded-[10px] overflow-hidden" 7388 aria-label="Media gallery" 7389 @click.prevent="clickMinimal()" 7390 > 7391 <div class="content-text-sections--19816060289091__popup_promotion_cXgLHk mr-7 rtl:mr-0 rtl:ml-7 leading-5 min-h-[1.25rem]"> 7392 7393 7394 7395 <p class="heading-minimal-sections--19816060289091__popup_promotion_cXgLHk"> 7396 7397 ð½ NEW PRODUCT GIVEAWAYð½ 7398 7399 </p> 7400 7401 </div> 7402 </div> 7403 <button aria-label="Close" 7404 class="cursor-pointer pt-2 pb-2 pl-2 pr-2 absolute right-2 rtl:right-auto rtl:left-2 top-[0.625rem] md:top-4 content-text-sections--19816060289091__popup_promotion_cXgLHk md:block " 7405 @click.prevent="closeMinimal()" 7406 > 7407 <span class="block rounded-full h-3 w-3"> 7408 <svg class="" width="100%" height="100%" viewBox="0 0 10 10" fill="none" xmlns="http://www.w3.org/2000/svg"> 7409 <path d="M1 9L5 5M5 5L9 1M5 5L1 1M5 5L9 9" stroke="currentColor" stroke-width="1" stroke-linecap="round" stroke-linejoin="round"/> 7410 </svg> 7411 7412 </span> 7413 </button> 7414 </div> 7415 </template> 7416 7417 </div> 7418
7418<script src="//www.joeskc.com/cdn/shop/t/80/assets/popup.js?v=100348350478779886561785247873" defer></script>
7418 7419
7419<script src="//www.joeskc.com/cdn/shop/t/80/assets/coupon-code.js?v=75051507617727915801785482772" defer></script>
7419 7420 7421 7422</section><section id="shopify-section-sections--19816060289091__popup_promotion_rerbMf" class="shopify-section shopify-section-group-aside-group-puff section-promotion-popup"> 7423<style data-shopify> 7424 7425 7426 7427 7428/* CUSTOM START - mobile promotion popup close button */ 7429#PromotionPopupClose-sections--19816060289091__popup_promotion_rerbMf.group-close-btn { 7430 background: #fff !important; 7431 color: #000 !important; 7432 width: 32px !important; 7433 height: 32px !important; 7434 padding: 0 !important; 7435 border-radius: 50% !important; 7436 display: flex !important; 7437 align-items: center !important; 7438 justify-content: center !important; 7439 box-shadow: none !important; 7440} 7441 7442#PromotionPopupClose-sections--19816060289091__popup_promotion_rerbMf.group-close-btn .icon-close-container { 7443 background: transparent !important; 7444 color: inherit !important; 7445 width: 14px !important; 7446 height: 14px !important; 7447 padding: 0 !important; 7448 border-radius: 0 !important; 7449 display: flex !important; 7450 align-items: center !important; 7451 justify-content: center !important; 7452} 7453 7454#PromotionPopupClose-sections--19816060289091__popup_promotion_rerbMf.group-close-btn svg { 7455 width: 14px !important; 7456 height: 14px !important; 7457 display: block !important; 7458} 7459/* CUSTOM END */ 7460 7461 .background-sections--19816060289091__popup_promotion_rerbMf { 7462 background: #fafafa; 7463 } 7464 .dark .background-sections--19816060289091__popup_promotion_rerbMf { 7465 background: rgb(var(--colors-background-secondary)); 7466 } 7467 .content-text-sections--19816060289091__popup_promotion_rerbMf { 7468 color: rgb(var(--colors-text-secondary)); 7469 } 7470 .border-text-sections--19816060289091__popup_promotion_rerbMf { 7471 border-color: rgb(var(--colors-text)); 7472 } 7473 .dark .content-text-sections--19816060289091__popup_promotion_rerbMf, .dark .background-sections--19816060289091__popup_promotion_rerbMf { 7474 color: rgb(var(--colors-text-secondary)); 7475 } 7476 .dark .border-text-sections--19816060289091__popup_promotion_rerbMf { 7477 border-color: rgb(var(--colors-text)); 7478 } 7479</style> 7480 7481 7482 <div 7483 x-data='xPopups({ 7484 "sectionId": "sections--19816060289091__popup_promotion_rerbMf", 7485 "name": "popup-promotion", 7486 "delays": 2, 7487 "delayDays": 1, 7488 "show_popup": true, 7489 "showOnMobile": true, 7490 "schedule_enabled": true, 7491 "showCountdown": true, 7492 "overlay": true, 7493 "showMinimal": true, 7494 "showMinimalMobile": true, 7495 "default_style": "full", 7496 "default_style_mobile": "full", 7497 "trigger_intent": "delay", 7498 "scroll_height": 0.25 7499 })' 7500 > 7501 <template x-teleport="#eurus-popup"> 7502 7503 <div @click.stop class="overflow-hidden pointer-events-auto"> 7504 <div 7505 id="x-promo-popup-sections--19816060289091__popup_promotion_rerbMf" 7506 class="promo-popup w-full relative z-[60] md:absolute md:promotion-alignment--center pointer-events-auto md:w-[700px] lg:w-[810px]" 7507 x-init="load()" 7508 x-cloak 7509 x-intersect.full="$store.xModal.focus('x-promo-popup-sections--19816060289091__popup_promotion_rerbMf', 'PromotionPopupClose-sections--19816060289091__popup_promotion_rerbMf'); $store.xCartAnalytics.viewCart();" 7510 > 7511 <style data-shopify> 7512 #x-promo-popup-sections--19816060289091__popup_promotion_rerbMf .background-sections--19816060289091__popup_promotion_rerbMf{ 7513 will-change: transform, opacity 7514 } 7515 </style> 7516 <div class="relative background-sections--19816060289091__popup_promotion_rerbMf shadow-popup overflow-hidden rounded-[10px]" 7517 x-show="show && enable" 7518 7519 7520 x-transition:enter="transition-all ease-in-out duration-500" 7521 x-transition:enter-start="opacity-0 transform translate-y-1/3" 7522 x-transition:enter-end="opacity-100 transform translate-y-0" 7523 x-transition:leave="transition-all ease-in-out duration-500" 7524 x-transition:leave-end="opacity-0 transform translate-y-1/3" 7525 7526 7527 > 7528 <button id="PromotionPopupClose-sections--19816060289091__popup_promotion_rerbMf" aria-label="Close" 7529 class="rounded-full hidden md:block group-close-btn absolute cursor-pointer top-2 right-2 rtl:right-auto rtl:left-2 z-10 focus-visible:outline-none" 7530 @click.prevent="$store.xModal.removeFocus(); close();" 7531 >
7532 <span class="block icon-close-container w-fit rounded-full"> 7533 <svg class="icon-close-animation" width="100%" height="100%" viewBox="0 0 10 10" fill="none" xmlns="http://www.w3.org/2000/svg"> 7534 <path d="M1 9L5 5M5 5L9 1M5 5L1 1M5 5L9 9" stroke="currentColor" stroke-width="1" stroke-linecap="round" stroke-linejoin="round"/> 7535 </svg> 7536 7537 </span> 7538 </button> 7539 <button id="PromotionPopupClose-sections--19816060289091__popup_promotion_rerbMf" aria-label="Close" 7540 class="rounded-full block md:hidden group-close-btn absolute cursor-pointer top-2 right-2 rtl:right-auto rtl:left-2 z-10 focus-visible:outline-none" 7541 @click.prevent="$store.xModal.removeFocus(); close();" 7542 > 7543 <span class="block icon-close-container w-fit rounded-full"> 7544 <svg class="icon-close-animation" width="100%" height="100%" viewBox="0 0 10 10" fill="none" xmlns="http://www.w3.org/2000/svg"> 7545 <path d="M1 9L5 5M5 5L9 1M5 5L1 1M5 5L9 9" stroke="currentColor" stroke-width="1" stroke-linecap="round" stroke-linejoin="round"/> 7546 </svg> 7547 7548 </span> 7549 </button> 7550 <div class="flex flex-col-reverse md:flex-row flex-col-reverse md:flex-row-reverse rtl:md:flex-row" 7551 > 7552 <div class="content-text-sections--19816060289091__popup_promotion_rerbMf flex-1 pb-6 pl-6 pr-6 md:pt-10 lg:pt-12 lg:pb-12 lg:pl-14 lg:pr-14 ltr promotion--has-image:w-[54%] overflow-y-auto scrollbar-body max-h-[calc(75vh-96px)] md:max-h-[85vh] 2xl:max-h-[77vh] text-center rtl:text-center"> 7553 <div id="x-promotion-sections--19816060289091__popup_promotion_rerbMf" class="promotion" 7554 7555 x-data="{ loading: true, textLoad: '-', days: 0, hours: 0, minutes: 0, seconds: 0 }" 7556 x-countdown-data='{ 7557 "blockId": "countdown_timer_QiaNtW", 7558 "schedule_enabled": true, 7559 "timezone": -4, 7560 "start_year": 2026, 7561 "start_month": 7, 7562 "start_day": 24, 7563 "start_hour": 0, 7564 "start_minute": 0, 7565 "end_year": 2026, 7566 "end_month": 9, 7567 "end_day": 29, 7568 "end_hour": 0, 7569 "end_minute": 0, 7570 "reset": false, 7571 "duration": 604800000 7572 }' 7573 x-intersect='$nextTick(() => { 7574 if (!true && window.xViewport.innerWidth < 768) return; 7575 $store.xHelper.countdown({ 7576 "blockId": "countdown_timer_QiaNtW", 7577 "schedule_enabled": true, 7578 "timezone": -4, 7579 "start_year": 2026, 7580 "start_month": 7, 7581 "start_day": 24, 7582 "start_hour": 0, 7583 "start_minute": 0, 7584 "end_year": 2026, 7585 "end_month": 9, 7586 "end_day": 29, 7587 "end_hour": 0, 7588 "end_minute": 0, 7589 "reset": false, 7590 "duration": 604800000 7591 }, (canShow, s, m, h, d) => { 7592 days = d; 7593 hours = h; 7594 minutes = m; 7595 seconds = s; 7596 loading = false; 7597 }) 7598 })' 7599 7600 > 7601<div class="block-sections--19816060289091__popup_promotion_rerbMf mt-6 md:mt-0" ><p class="mt-2 font-bold">1 lb. Frozen Burnt Ends</p><style data-shopify>.heading-sections--19816060289091__popup_promotion_rerbMf {color: #000000;} 7602 .dark .heading-sections--19816060289091__popup_promotion_rerbMf {color: #ffffff;} 7603 .heading-minimal-sections--19816060289091__popup_promotion_rerbMf { 7604 font-weight: var(--font-heading-weight);color: #000000;} 7605 .dark .heading-minimal-sections--19816060289091__popup_promotion_rerbMf {color: #ffffff;}</style><p class="heading-sections--19816060289091__popup_promotion_rerbMf text-xl md:text-2xl mt-2 md:mt-3 font-bold"> 7606 7607 7608 7609<style data-shopify> 7610 7611 .dark .heading-heading_JHKW6M { 7612 7613 --color-highlight: rgb(127, 38, 41); 7614 7615 } 7616</style> 7617 7618 7619 7620 7621 7622 7623 7624
7625 <span class="highlight relative inline-block hl-underline mb-2.5" x-data="{ isIntersecting: false }" x-intersect.once.margin.-25%.0px.-25%.0px="isIntersecting = true" :class="isIntersecting && `highlight-anm-start`" >FREE Gift with Shipped BBQ 7626 7627 <svg class="svg-highlight svg-underline absolute left-0 top-auto w-full h-[30%] -bottom-[20%]" xmlns="http://www.w3.org/2000/svg" width="216" height="13" viewBox="0 0 216 13" fill="none" style="fill: none;" preserveAspectRatio="none"> 7628 <path d="M0.406646 9.68922C49.5975 4.73865 161.298 -2.39378 214.572 8.68106" vector-effect="non-scaling-stroke" stroke="var(--color-highlight);" stroke-width="4px" style="stroke: var(--color-highlight);"/> 7629 </svg> 7630 7631</span> 7632 7633 7634 7635 7636 7637 7638 </p></div> 7639 7640 7641 7642 7643 7644 <div class="block-sections--19816060289091__popup_promotion_rerbMf text-[rgb(var(--colors-text))] p-break-words rte mt-5 lg:mt-7 leading-tight rte" > 7645 <h3>ðTailgate with Burnt Ends ð</h3><p>Make your watch party a little more Kansas City. With your qualifying purchase, get <strong>1 lb. of Frozen Burnt Ends FREE</strong>.</p><p>Smoky, caramelized, bark-packed and made for game dayâthese Kansas City burnt ends are the perfect addition to your tailgate spread.</p><p><strong>Offer ends September 28!</strong></p> 7646 </div> 7647 7648 7649<style data-shopify>.background-countdown-countdown_timer_QiaNtW { 7650 font-size: var(--font-size-normal);color: #999999; 7651 border-color: #999999;} 7652 .dark .background-countdown-countdown_timer_QiaNtW {background: transparent;color: #ffffff; 7653 border-color: #ffffff;} 7654 .timer-countdown-countdown_timer_QiaNtW { 7655 font-size: var(--font-size-large);color: #7f2629 7656} 7657 .dark .timer-countdown-countdown_timer_QiaNtW {color: #ffffff 7658}</style><div id="x-countdown-popup-sections--19816060289091__popup_promotion_rerbMf" 7659 class="block-sections--19816060289091__popup_promotion_rerbMf x-countdown w-full inline-block md:block mt-5 lg:mt-7 " 7660 7661 > 7662 <div id="x-popup-countdown-countdown_timer_QiaNtW" class="x-content-popup-countdown grid grid-cols-4 justify-center gap-3 md:gap-3"> 7663 <div class="flex flex-col items-center background-countdown-countdown_timer_QiaNtW border pl-1 pr-1 pt-2.5 pb-2.5 md:min-w-[70px] lg:min-w-[74px] rounded"><span class="timer-countdown-countdown_timer_QiaNtW font-bold h4" x-html="loading?textLoad:days"></span><span class="p-break-words">Days</span></div> 7664 <div class="flex flex-col items-center background-countdown-countdown_timer_QiaNtW border pl-1 pr-1 pt-2.5 pb-2.5 md:min-w-[70px] lg:min-w-[74px] rounded"><span class="timer-countdown-countdown_timer_QiaNtW font-bold h4" x-html="loading?textLoad:hours"></span><span class="p-break-words">Hours</span></div> 7665 <div class="flex flex-col items-center background-countdown-countdown_timer_QiaNtW border pl-1 pr-1 pt-2.5 pb-2.5 md:min-w-[70px] lg:min-w-[74px] rounded"><span class="timer-countdown-countdown_timer_QiaNtW font-bold h4" x-html="loading?textLoad:minutes"></span><span class="p-break-words">Minutes</span></div> 7666 <div class="flex flex-col items-center background-countdown-countdown_timer_QiaNtW border pl-1 pr-1 pt-2.5 pb-2.5 md:min-w-[70px] lg:min-w-[74px] rounded"><span class="timer-countdown-countdown_timer_QiaNtW font-bold h4" x-html="loading?textLoad:seconds"></span><span class="p-break-words">Seconds</span></div> 7667 </div> 7668 </div> 7669 7670 7671 7672 7673 7674 <div class="block-sections--19816060289091__popup_promotion_rerbMf text-[rgb(var(--colors-text))] p-break-words rte mt-5 lg:mt-7 leading-tight rte" > 7675 <p><em><strong>Automatically applied at checkout on shipped frozen orders of $150</strong></em><em> or more placed online at joeskc.com. No code needed. Not valid in stores.</em></p> 7676 </div> 7677 7678 7679<style data-shopify>.button.button--button_LTRzG7, .button.button--button_LTRzG7:before { 7680} 7681 .dark .button.button--button_LTRzG7, .dark .button.button--button_LTRzG7:before {--colors-button-text: 255, 255, 255;--colors-button: 0, 0, 0;--colors-button-hover: rgb(255, 255, 255);--colors-button-text-hover: 36, 36, 36;}</style> 7682 <a 7683 href="/collections/all-items" 7684 class="block-sections--19816060289091__popup_promotion_rerbMf mt-5 lg:mt-7 text-center w-full md:w-fit button button-solid border button--button_LTRzG7 inline-block ml-0.5 mr-0.5 mb-0.5 empty:hidden pl-6 pr-6 lg:pl-9 lg:pr-9 pt-2.5 pb-2.5 md:pt-3 md:pb-3 leading-normal " 7685 7686 > 7687 7688<div class="flex justify-center "> 7689 7690 7691
7692 <span class="button-text is-focus-button:opacity-0">SHOP SHIPPED NOW</span> 7693 7694 7695 7696 7697</div> 7698 </a> 7699 7700 7701</div> 7702 </div> 7703 <div class="block w-full rounded-t-lg md:rounded-t-none h-52 md:h-auto md:w-[46%] relative overflow-hidden"><img src="//www.joeskc.com/cdn/shop/files/burnt_ends.png?v=1716229252&width=1500" alt="Joe's KC Burnt ends" srcset="//www.joeskc.com/cdn/shop/files/burnt_ends.png?v=1716229252&width=450 450w, //www.joeskc.com/cdn/shop/files/burnt_ends.png?v=1716229252&width=750 750w, //www.joeskc.com/cdn/shop/files/burnt_ends.png?v=1716229252&width=900 900w, //www.joeskc.com/cdn/shop/files/burnt_ends.png?v=1716229252&width=1100 1100w, //www.joeskc.com/cdn/shop/files/burnt_ends.png?v=1716229252&width=1500 1500w" width="1500" height="1500" loading="lazy" sizes="(min-width: 1300px) calc((1000px) / 2) , (min-width: 768px) calc((100vw) / 2), 100vw" class="h-full w-full object-cover z-0 relative md:absolute inset-0"> 7704 </div></div> 7705 </div> 7706 </div> 7707 </div> 7708 </template> 7709 7710 7711 <template x-teleport="#popup-minimal-left"> 7712 <div class="relative mb-2" x-show="showMinimal" x-cloak 7713 x-transition:enter="transition-all ease-in-out duration-500" 7714 x-transition:enter-start="opacity-0 transform -translate-x-1/3 rtl:translate-x-1/3" 7715 x-transition:enter-end="opacity-100 transform translate-x-0" 7716 x-transition:leave="transition-all ease-in-out duration-500" 7717 x-transition:leave-end="opacity-0 transform -translate-x-1/3 rtl:translate-x-1/3" 7718 > 7719 <div 7720 class="w-full pb-3 pt-3.5 pl-4 pr-4 md:pt-5 md:pb-4 md:pl-5 md:pr-5 background-sections--19816060289091__popup_promotion_rerbMf md:block hover:cursor-pointer shadow-md rounded-[10px] overflow-hidden" 7721 aria-label="Media gallery" 7722 @click.prevent="clickMinimal()" 7723 > 7724 <div class="content-text-sections--19816060289091__popup_promotion_rerbMf mr-7 rtl:mr-0 rtl:ml-7 leading-5 min-h-[1.25rem]"> 7725 7726 7727 7728 <p class="heading-minimal-sections--19816060289091__popup_promotion_rerbMf"> 7729 7730 FREE Gift with Shipped BBQ 7731 7732 </p> 7733 7734 </div> 7735 </div> 7736 <button aria-label="Close" 7737 class="cursor-pointer pt-2 pb-2 pl-2 pr-2 absolute right-2 rtl:right-auto rtl:left-2 top-[0.625rem] md:top-4 content-text-sections--19816060289091__popup_promotion_rerbMf md:block " 7738 @click.prevent="closeMinimal()" 7739 > 7740 <span class="block rounded-full h-3 w-3"> 7741 <svg class="" width="100%" height="100%" viewBox="0 0 10 10" fill="none" xmlns="http://www.w3.org/2000/svg"> 7742 <path d="M1 9L5 5M5 5L9 1M5 5L1 1M5 5L9 9" stroke="currentColor" stroke-width="1" stroke-linecap="round" stroke-linejoin="round"/> 7743 </svg> 7744 7745 </span> 7746 </button> 7747 </div> 7748 </template> 7749 7750 </div> 7751
7751<script src="//www.joeskc.com/cdn/shop/t/80/assets/popup.js?v=100348350478779886561785247873" defer></script>
7751 7752
7752<script src="//www.joeskc.com/cdn/shop/t/80/assets/coupon-code.js?v=75051507617727915801785482772" defer></script>
7752 7753 7754 7755</section> 7756<!-- END sections: aside-group-puff --> 7757 7758 7759 7760 <main id="MainContent" class="content-for-layout focus-none outline-none grow theme-template-index theme-template-suffix-none" role="main" tabindex="-1"> 7761 <div id="shopify-section-template--19816069922883__buttons_grid_b4zrxz" class="shopify-section"> 7762 7763<section 7764 class="buttons-grid-section 7765 pt-[32px] 7766 pb-[28px] 7767 lg:pt-[32px] 7768 lg:pb-[28px]" 7769 style=" 7770 7771 background-color: rgba(0,0,0,0); 7772 7773 " 7774> 7775 <div class="mx-auto w-full px-[60px] lg:px-[100px]"> 7776 7777 7778 7779 <h1 class="hh1 text-center mb-6"> 7780 Order Joe's Kansas City Bar-B-Que 7781 </h1> 7782 7783 7784<div class="buttons-grid grid grid-cols-1 lg:grid-cols-4"> 7785 7786 7787 7788 7789 7790 7791 7792 7793 7794 7795 7796 7797 7798 7799 7800 <div class="flex justify-center w-full"> 7801 <a 7802 href="https://order.joeskc.com/search" 7803 class="button flex items-center justify-center w-full 7804 rounded-full 7805 h-[2.875rem] lg:h-[3.125rem] 7806 button-solid 7807 " 7808 7809 7810 aria-label="Order Pick Up" 7811 > 7812 7813<div class="flex justify-center "> 7814 7815 7816 7817 <span class="button-text is-focus-button:opacity-0">Order Pick Up</span> 7818 7819 7820 7821 7822</div> 7823 </a> 7824 </div> 7825 7826 7827 7828 7829 7830 7831 7832 7833 7834 7835 7836 7837 7838 7839 7840 <div class="flex justify-center w-full"> 7841 <a 7842 href="https://catering.joeskc.com/search" 7843 class="button flex items-center justify-center w-full 7844 rounded-full 7845 h-[2.875rem] lg:h-[3.125rem] 7846 button-solid 7847 " 7848 7849 7850 aria-label="Order Catering" 7851 > 7852 7853<div class="flex justify-center "> 7854 7855 7856 7857 <span class="button-text is-focus-button:opacity-0">Order Catering</span> 7858 7859 7860 7861 7862</div> 7863 </a> 7864 </div> 7865 7866 7867 7868 7869 7870 7871 7872 7873 7874 7875 7876 7877 7878 7879 7880 <div class="flex justify-center w-full"> 7881 <a 7882 href="/collections" 7883 class="button flex items-center justify-center w-full 7884 rounded-full 7885 h-[2.875rem] lg:h-[3.125rem] 7886 button-solid 7887 " 7888 7889 7890 aria-label="Ship Joe's Nationwide" 7891 > 7892 7893<div class="flex justify-center "> 7894 7895 7896 7897 <span class="button-text is-focus-button:opacity-0">Ship Joe's Nationwide</span> 7898 7899 7900 7901 7902</div> 7903 </a> 7904 </div> 7905 7906 7907 7908 7909 7910 7911 7912 7913 7914 7915 7916 7917 7918 7919 7920 <div class="flex justify-center w-full"> 7921 <a 7922 href="/pages/restaurant-allergen-information" 7923 class="button flex items-center justify-center w-full 7924 rounded-full 7925 h-[2.875rem] lg:h-[3.125rem] 7926 button-solid 7927 " 7928 7929 7930 aria-label="Allergen Menu" 7931 > 7932 7933<div class="flex justify-center "> 7934 7935 7936 7937 <span class="button-text is-focus-button:opacity-0">Allergen Menu</span> 7938 7939 7940 7941 7942</div> 7943 </a> 7944 </div> 7945 7946 7947 </div> 7948 </div> 7949</section> 7950 7951 7952<style> 7953 .buttons-grid-section { 7954 padding-left: 60px; 7955 padding-right: 60px; 7956 padding-top: 32px; 7957 padding-bottom: 28px; 7958 } 7959 7960 .buttons-grid-section .buttons-grid { 7961 row-gap: 16px; 7962 column-gap: 64px; 7963 } 7964 7965 @media (min-width: 1024px) { 7966 .buttons-grid-section { 7967 padding-left: 100px; 7968 padding-right: 100px; 7969 padding-top: 32px; 7970 padding-bottom: 28px; 7971 } 7972 7973 .buttons-grid-section .buttons-grid { 7974 row-gap: 20px; 7975 column-gap: 58px; 7976 } 7977} 7978</style> 7979 7980 7981 7982 7983<style> #shopify-section-template--19816069922883__buttons_grid_b4zrxz h1 {text-align: center; background-color: rgba(35, 31, 32, 0.75); color: #ffffff; padding: 12px 16px; border-radius: 4px; font-size: 16px; font-style: italic;} #shopify-section-template--19816069922883__buttons_grid_b4zrxz a {font-size: clamp(12px, 2.5vw, 16px); font-weight: 700; width: 100%; max-width: 100%; display: flex; justify-content: center;} </style></div><section id="shopify-section-template--19816069922883__fe5dccd3-17fd-4fd3-ada9-
7983a0e11305981c" class="shopify-section section section-slideshow"><style data-shopify> 7984 .x-splide-slide.is-active .animate_transition_three_fold_text, 7985 .active.animate_transition_three_fold_text, 7986 .disable-animation-slideshow .animate_transition_three_fold_text { 7987 transform: translateY(0); 7988 opacity: 1; 7989 will-change: transform, opacity; 7990 } 7991 .animate_transition_three_fold_text, .animate_transition_three_fold_right { 7992 opacity: 0; 7993 transition-property: transform,opacity; 7994 transition-timing-function: ease-in; 7995 transition-duration: var(--transition-slideshow); 7996 } 7997 .animate_transition_three_fold_text { 7998 transform: translateY(100%); 7999 } 8000 .animate_transition_three_fold_right { 8001 transform: translateX(100%); 8002 } 8003 .disable-animation-slideshow .animate_transition_three_fold_right , 8004 .disable-animation-slideshow .animate_transition_three_fold_left, 8005 .rtl .disable-animation-slideshow .animate_transition_three_fold_right , 8006 .rtl .disable-animation-slideshow .animate_transition_three_fold_left { 8007 transform: translateX(0%); 8008 opacity: 1; 8009 } 8010 .animate_transition_three_fold_left { 8011 opacity: 0; 8012 transform: translateX(-100%); 8013 transition-property: transform,opacity; 8014 transition-timing-function: ease-in;
8015 transition-duration: var(--transition-slideshow); 8016 } 8017 .x-splide-slide.is-active .animate_transition_three_fold_right, 8018 .x-splide-slide.is-active .animate_transition_three_fold_left, 8019 .active.animate_transition_three_fold_right, 8020 .active.animate_transition_three_fold_left { 8021 opacity: 1; 8022 transform: translateX(0%); 8023 will-change: transform, opacity; 8024 } 8025 .animate-paginate-slideshow { 8026 transform: translateY(100%); 8027 transition-property: transform,opacity; 8028 transition-timing-function: ease-in; 8029 transition-duration: 0.4s; 8030 } 8031 .active.animate-paginate-slideshow { 8032 transform: translateY(0); 8033 will-change: transform; 8034 } 8035 #x-slideshow-template--19816069922883__fe5dccd3-17fd-4fd3-ada9-a0e11305981c .pagination-dots button:after{ 8036 content: ''; 8037 background: rgba(var(--image-treatment-text)); 8038 margin-left:0.375rem; 8039 margin-right:0.375rem; 8040 height:0.5rem; 8041 width:0.5rem; 8042 border-radius:9999px; 8043 opacity:0.5; 8044 } 8045 #x-slideshow-template--19816069922883__fe5dccd3-17fd-4fd3-ada9-a0e11305981c .pagination-dots button.is-active:after{ 8046 content: ''; 8047 --tw-scale-x:1.5; 8048 --tw-scale-y:1.5; 8049 transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); 8050 opacity:1; 8051 transition-duration:300ms; 8052 } 8053 @media (min-width: 1024px) { 8054 .animate_transition_slide__image_three_fold_right, .animate_transition_slide__image_three_fold_left { 8055 overflow: hidden; 8056 scale: 1.1; 8057 } 8058 .animate_transition_slide__image_three_fold_right { 8059 transform-origin: 0 100%; 8060 transform: rotate(5deg); 8061 } 8062 .animate_transition_slide__image_three_fold_left { 8063 transform-origin: 100% 100%; 8064 transform: rotate(-5deg); 8065 } 8066 .x-splide-slide.is-active .animate_transition_slide__image_three_fold_left, 8067 .x-splide-slide.is-active .animate_transition_slide__image_three_fold_right, 8068 .active.animate_transition_slide__image_three_fold_left, 8069 .active.animate_transition_slide__image_three_fold_right { 8070 scale: 1.1; 8071 } 8072 #x-slideshow-template--19816069922883__fe5dccd3-17fd-4fd3-ada9-a0e11305981c .pagination-dots button:after{ 8073 height:0.625rem; 8074 width:0.625rem 8075 } 8076 } 8077 @media screen and (max-width: 767px) { 8078 .mobile-template--19816069922883__fe5dccd3-17fd-4fd3-ada9-a0e11305981c-natural{ 8079 height: 550px; 8080 } 8081 } 8082 @media screen and (min-width: 768px) { 8083 .desktop-template--19816069922883__fe5dccd3-17fd-4fd3-ada9-a0e11305981c-natural{ 8084 height: 0; 8085 padding-bottom: 56.33802816901409%; 8086 } 8087 } 8088 .paginate-slide-image--template--19816069922883__fe5dccd3-17fd-4fd3-ada9-a0e11305981c { 8089 8090 8091 } 8092 8093 #overlay-image-paginate--template--19816069922883__fe5dccd3-17fd-4fd3-ada9-a0e11305981c.active { 8094 transition: width 10s ease-out; 8095 width: 100%; 8096 left: 0; 8097 right: auto; 8098 transform-origin: left; 8099 } 8100 .rtl #overlay-image-paginate--template--19816069922883__fe5dccd3-17fd-4fd3-ada9-a0e11305981c.active { 8101 right: 0; 8102 left: auto; 8103 transform-origin: right; 8104 } 8105 8106 #x-slideshow-template--19816069922883__fe5dccd3-17fd-4fd3-ada9-a0e11305981c:hover #overlay-image-paginate--template--19816069922883__fe5dccd3-17fd-4fd3-ada9-a0e11305981c.active { 8107 transition: none; 8108 width: 0%; 8109 } 8110 8111 8112 .splide__arrow--prev:hover .pagination-button-next-overlay { 8113 opacity: 0; 8114 transition-duration: 100ms; 8115 } 8116 .splide__arrow--next:hover .pagination-image-next-overlay { 8117 opacity: 0; 8118 transition-duration: 100ms; 8119 } 8120 8121 .hidden-img-template--19816069922883__fe5dccd3-17fd-4fd3-ada9-a0e11305981c img[loading="lazy"] { 8122 display: none; 8123 } 8124 .hidden-img-template--19816069922883__fe5dccd3-17fd-4fd3-ada9-a0e11305981c div[x-slide-index="0"] img[loading="lazy"] { 8125 display: block; 8126 } 8127 8128 #shopify-section-template--19816069922883__fe5dccd3-17fd-4fd3-ada9-a0e11305981c { 8129 padding-top: 0px; 8130 padding-bottom: 20px; 8131 } 8132 @media (min-width: 768px) { 8133 #shopify-section-template--19816069922883__fe5dccd3-17fd-4fd3-ada9-
8133a0e11305981c { 8134 padding-top: 0px; 8135 padding-bottom: 28px; 8136 } 8137 }</style><div 8138 id="x-slideshow-template--19816069922883__fe5dccd3-17fd-4fd3-ada9-a0e11305981c" 8139 x-data="{ intersect: false }" 8140 class="x-container-slideshow pause-on-hover_slide_show splide-slideshow overflow-hidden visible mr-auto ml-auto x-splide splide cursor-grab group md:pl-0 md:pr-0 full-width-mobile hidden-img-template--19816069922883__fe5dccd3-17fd-4fd3-ada9-a0e11305981c" 8141 8142 x-intersect.once.margin.200px=' 8143 intersect = true; 8144 $store.xSplide.load($el, { 8145 "speed": 1000, 8146 "pauseOnHover": true, 8147 "pauseOnFocus": false, 8148 "type": "loop", 8149"autoplay": true, 8150 "interval": 10000, 8151 8152 "classes": {"arrows": "splide__arrows block", 8153 "pagination": "splide__pagination flex pointer-events-none flex-nowrap absolute bottom-0 left-1/2 -translate-x-1/2 pagination-bars mb-4 ", 8154 "page": "rtl:pt-3 rtl:-rotate-180 button_pagination button md:w-20 h-5 non_border w-14 relative pagination-bars:rounded-none ml-0.5 mr-0.5 bg-none before:absolute before:top-1/2 before:right-0 before:h-1/4 before:left-0 before:opacity-40 before:bg-image-treatment pagination-bars:after:absolute after:bg-white pagination-bars:after:top-1/2 after:right-0 pagination-bars:overflow-hidden pagination-bars:after:bottom-0 pagination-bars:after:left-0 pagination-bars:after:-translate-x-full pagination-bars:relative pagination-bars:is-active-pagination:after:h-1/4 pagination-bars:is-active-pagination pagination-bars:is-active-pagination:after:animate-shimmerX_10s" 8155 8156 8157 }, 8158 "events": [ 8159 8160 8161 { 8162 "event": "move", 8163 "callback": () => { 8164 document.getElementById("x-slideshow-template--19816069922883__fe5dccd3-17fd-4fd3-ada9-a0e11305981c").classList.remove("hidden-img-template--19816069922883__fe5dccd3-17fd-4fd3-ada9-a0e11305981c"); 8165 } 8166 } 8167 8168 8169 ,{ 8170 "event": "ready", 8171 "callback": () => { 8172 8173 let slide = document.getElementById("x-slideshow-template--19816069922883__fe5dccd3-17fd-4fd3-ada9-a0e11305981c").querySelector(".disable-animation-slideshow"); 8174 if (slide) { 8175 slide.classList.remove("disable-animation-slideshow"); 8176 } 8177 8178 8179 8180 } 8181 } 8182 8183 ] 8184 })' 8185 ><div x-intersect.once="$el.classList.remove('bg-[#c9c9c9]')" class="relative bg-[#c9c9c9] splide__track overflow-hidden md:slideshow:h-[750px] md:slideshow:pb-0 h-[400px] md:h-auto md:rounded-[10px] rounded-[10px]"> 8186 <div class="w-full h-full splide__list flex md:slideshow:relative relative"> 8187<style data-shopify>.button--template--21828924539181__fe5dccd3-17fd-4fd3-ada9-a0e11305981c-slide-1.button-solid, 8188 .button--template--21828924539181__fe5dccd3-17fd-4fd3-ada9-a0e11305981c-slide-1.button-solid:before {--colors-line-and-border: var(--colors-button);} 8189 .button--template--21828924539181__fe5dccd3-17fd-4fd3-ada9-a0e11305981c-slide-1.button-outline {--colors-secondary-button: 255, 255, 255; 8190 --colors-line-secondary-button: 255, 255, 255; 8191 --background-secondary-button: transparent; 8192 8193 8194 } 8195 8196 8197 .content--template--21828924539181__fe5dccd3-17fd-4fd3-ada9-a0e11305981c-slide-1 { 8198 left: 50%; 8199 top: 85%; 8200 transform: translate(-50%,-85%); 8201 } 8202 8203.heading-template--21828924539181__fe5dccd3-17fd-4fd3-ada9-a0e11305981c-slide-1 { 8204 font-size: 1.35rem; 8205 } 8206 .sub-heading-template--21828924539181__fe5dccd3-17fd-4fd3-ada9-a0e11305981c-slide-1 { 8207 font-size: 0.9rem; 8208 } 8209 .image-template--21828924539181__fe5dccd3-17fd-4fd3-ada9-a0e11305981c-slide-1 { 8210 object-position:; 8211 } 8212 .bg-content-template--21828924539181__fe5dccd3-17fd-4fd3-ada9-
8212a0e11305981c-slide-1 { 8213 background-color: rgb(var(--colors-background-secondary));} 8214 @media screen and (min-width: 768px) { 8215 .heading-template--21828924539181__fe5dccd3-17fd-4fd3-ada9-a0e11305981c-slide-1 { 8216 font-size: 2.7rem; 8217 } 8218 .sub-heading-template--21828924539181__fe5dccd3-17fd-4fd3-ada9-a0e11305981c-slide-1 { 8219 font-size: 1.0rem; 8220 } 8221 .image-template--21828924539181__fe5dccd3-17fd-4fd3-ada9-a0e11305981c-slide-1 { 8222 object-position:; 8223 } 8224 #image-paginate--template--19816069922883__fe5dccd3-17fd-4fd3-ada9-a0e11305981c[image-next-active="0"] { 8225 8226 8227 background-image: url(//www.joeskc.com/cdn/shop/files/preview_images/87d533bc860641baaa468dc146dac26c.thumbnail.0000000000.jpg?v=1744913822&width=300); 8228 8229 8230 background-size: cover; 8231 background-repeat: no-repeat; 8232 background-position: center; 8233 } 8234 .bg-full-template--21828924539181__fe5dccd3-17fd-4fd3-ada9-a0e11305981c-slide-1 { 8235 background: transparent; 8236 } 8237 } 8238 .bg-full-template--21828924539181__fe5dccd3-17fd-4fd3-ada9-a0e11305981c-slide-1 { 8239 background-color: rgb(var(--colors-background-secondary));}</style><div x-slide-index="0" 8240 class="x-block-slide x-slideshow-template--21828924539181__fe5dccd3-17fd-4fd3-ada9-a0e11305981c-slide-1 disable-animation-slideshow h-full relative transition-opacity flex-shrink-0 w-full splide__slide x-splide-slide w-full" 8241 x-data="{effect: false}" 8242 x-intersect:leave.margin.-40px="effect = false" 8243 x-intersect.half="effect = true" 8244 8245 8246 > 8247 8248 <div class="video-hero h-full relative overflow-hidden"> 8249 <span class="absolute top-0 left-0 bottom-0 right-0 z-10 pointer-events-none image-treatment-overlay opacity-0"></span> 8250 8251 8252 8253 8254 8255 <div 8256 class="video-slideshow-both video-hero external-video w-full object-cover absolute top-1/2 left-1/2 -translate-x-1/2 -translate-y-1/2 h-full md:h-full md:absolute md:top-1/2 md:left-1/2 md:-translate-x-1/2 md:-translate-y-1/2" 8257 x-intersect:leave="$store.xVideo.pause($el)" 8258 @click.stop="$store.xVideo.togglePlay($el)" 8259 x-intersect="$store.xVideo.play($el)" 8260 8261 8262 > 8263 <span class="absolute top-0 left-0 bottom-0 right-0 z-10 image-treatment-overlay opacity-0"></span> 8264 8265 8266 <img 8267 srcset="//www.joeskc.com/cdn/shop/files/preview_images/87d533bc860641baaa468dc146dac26c.thumbnail.0000000000.jpg?v=1744913822&width=375 375w, 8268 //www.joeskc.com/cdn/shop/files/preview_images/87d533bc860641baaa468dc146dac26c.thumbnail.0000000000.jpg?v=1744913822&width=450 450w, 8269 //www.joeskc.com/cdn/shop/files/preview_images/87d533bc860641baaa468dc146dac26c.thumbnail.0000000000.jpg?v=1744913822&width=750 750w, 8270 //www.joeskc.com/cdn/shop/files/preview_images/87d533bc860641baaa468dc146dac26c.thumbnail.0000000000.jpg?v=1744913822&width=900 900w, 8271 //www.joeskc.com/cdn/shop/files/preview_images/87d533bc860641baaa468dc146dac26c.thumbnail.0000000000.jpg?v=1744913822&width=1100 1100w, 8272 //www.joeskc.com/cdn/shop/files/preview_images/87d533bc860641baaa468dc146dac26c.thumbnail.0000000000.jpg?v=1744913822&width=1500 1500w, 8273 //www.joeskc.com/cdn/shop/files/preview_images/87d533bc860641baaa468dc146dac26c.thumbnail.0000000000.jpg?v=1744913822&width=1780 1780w" 8274 sizes="(min-width: 1024px) 100vw,(min-width: 768px) calc(100vw / 3)," 8275 src="//www.joeskc.com/cdn/shop/files/preview_images/87d533bc860641baaa468dc146dac26c.thumbnail.0000000000.jpg?v=1744913822&width=1780" 8276 alt="Drone footage of Joe's KC restaurant locations" 8277 class="object-cover absolute top-0 left-0 h-full w-full img-thumbnail animate-Xpulse skeleton-image rounded-[10px]" 8278 8279 loading="eager" 8280 fetchpriority="high" 8281 decoding="sync" 8282 8283 onload="requestAnimationFrame(() => { this.closest('.skeleton-image')?.classList.remove('animate-Xpulse', 'skeleton-image'); })" 8284 width="1920" 8285 height="1080" 8286 style="object-position:;" 8287 > 8288 8289 8290 <template x-if="intersect"> 8291 <video playsinline="playsinline" autoplay="autoplay" loop="loop" muted="muted" class="w-full h-full absolute top-0 left-0 video z-10 object-cover" alt="Drone footage of Joe's KC restaurant locations" preload="metadata" aria-label="Drone footage of Joe's KC restaurant locations" poster="//www.joeskc.com/cdn/shop/files/preview_images/87d533bc860641baaa468dc146dac26c.thumbnail.0000000000_1100x.jpg?v=1744913822"><source src="//www.joeskc.com/cdn/shop/videos/c/vp/87d533bc860641baaa468dc146dac26c/87d533bc860641baaa468dc146dac26c.HD-1080p-7.2Mbps-46150483.mp4?v=0" type="video/mp4"><img loading="lazy" alt="" alt="Drone footage of Joe's KC restaurant locations" src="//www.joeskc.com/cdn/shop/files/preview_images/87d533bc860641baaa468dc146dac26c.thumbnail.0000000000_1100x.jpg?v=1744913822"></video> 8292 </template> 8293 8294 8295 </div> 8296 8297 8298 </div> 8299 8300<div class="hero-text pointer-events-none transition absolute left-1/2 z-20 -translate-x-1/2 top-0 w-full h-full table"> 8301 <div class="table-cell max-w-full md:max-w-[745px] md:min-w-[30rem] lg:w-[65%] min-w-[90%] lg:min-w-[30rem] content--template--21828924539181__fe5dccd3-17fd-4fd3-ada9-
8301a0e11305981c-slide-1 pl-5 pr-5 absolute text-center" 8302 > 8303 <div 8304 class="animate_transition_slide__box xl:pr-[60px] xl:pl-[60px] lg:pr-10 lg:pl-10 lg:max-w-[700px] pt-5 pr-5 pl-5 pb-5 mb-5 md:mb-6 float- md:float- 8305 xl:rounded-[60px] md:rounded-[40px] rounded-3xl" 8306 :class="effect && 'active'" 8307 ><div class="mt-4 pointer-events-auto lg:mt-9 inline-flex flex-wrap gap-y-2 p-break-words gap-x-3 md:justify-center justify-center" ><a href="https://order.joeskc.com/" target="_blank" class="button button--template--21828924539181__fe5dccd3-17fd-4fd3-ada9-a0e11305981c-slide-1 button-solid border mt-0.5 mb-0.5 empty:hidden pl-6 pr-6 lg:pl-9 lg:pr-9 pt-2.5 pb-2.5 md:pt-3 md:pb-3 leading-normal"> 8308 8309<div class="flex justify-center "> 8310 8311 8312 8313 <span class="button-text is-focus-button:opacity-0">Order Pick Up Now</span> 8314 8315 8316 8317 8318</div> 8319 </a></div> 8320 </div> 8321 </div> 8322 </div> 8323 8324 8325 </div> 8326 8327 8328<style data-shopify>.button--slide_RUpMQc.button-solid, 8329 .button--slide_RUpMQc.button-solid:before {--colors-line-and-border: var(--colors-button);} 8330 .button--slide_RUpMQc.button-outline { 8331 8332 } 8333 8334.heading-slide_RUpMQc { 8335 font-size: 1.4625rem; 8336 } 8337 .sub-heading-slide_RUpMQc { 8338 font-size: 0.9rem; 8339 } 8340 .image-slide_RUpMQc { 8341 object-position:50.0% 50.0%; 8342 } 8343 .bg-content-slide_RUpMQc { 8344 background-color: rgb(var(--colors-background-secondary));} 8345 @media screen and (min-width: 768px) { 8346 .heading-slide_RUpMQc { 8347 font-size: 2.925rem; 8348 } 8349 .sub-heading-slide_RUpMQc { 8350 font-size: 1.0rem; 8351 } 8352 .image-slide_RUpMQc { 8353 object-position:50.0% 50.0%; 8354 } 8355 #image-paginate--template--19816069922883__fe5dccd3-17fd-4fd3-ada9-a0e11305981c[image-next-active="1"] { 8356 8357 background-image: url(//www.joeskc.com/cdn/shop/files/CA0A6599.jpg?v=1779134687&width=300); 8358 8359 background-size: cover; 8360 background-repeat: no-repeat; 8361 background-position: center; 8362 } 8363 .bg-full-slide_RUpMQc { 8364 background: transparent; 8365 } 8366 } 8367 .bg-full-slide_RUpMQc { 8368 background-color: rgb(var(--colors-background-secondary));}</style><div x-slide-index="1" 8369 class="content-visibility-auto x-block-slide x-slideshow-slide_RUpMQc h-full relative transition-opacity flex-shrink-0 w-full splide__slide x-splide-slide w-full" 8370 x-data="{effect: false}" 8371 x-intersect:leave.margin.-40px="effect = false" 8372 x-intersect.half="effect = true" 8373 8374 8375 > 8376 8377 <div class=" h-full relative overflow-hidden"> 8378 <span class="absolute top-0 left-0 bottom-0 right-0 z-10 pointer-events-none image-treatment-overlay opacity-0"></span> 8379 8380 <div :class="effect && 'active'" class="w-full absolute top-0 left-0 h-full h-full md:absolute md:top-0 md:left-0 z-0 animate_transition_slide__image"> 8381 8382 8383 <parallax-image class="h-full w-full"> 8384 <parallax-movement x-data="xParallax" x-intersect.once.margin.200px="load(false)"> 8385 <picture> 8386 <source 8387 srcset="//www.joeskc.com/cdn/shop/files/CA0A6599.jpg?v=1779134687&width=375 375w, 8388 //www.joeskc.com/cdn/shop/files/CA0A6599.jpg?v=1779134687&width=450 450w, 8389 //www.joeskc.com/cdn/shop/files/CA0A6599.jpg?v=1779134687&width=750 750w, 8390 //www.joeskc.com/cdn/shop/files/CA0A6599.jpg?v=1779134687&width=900 900w" 8391 media="(max-width: 767px)" 8392 sizes="100vw" 8393 > 8394 <img 8395 srcset="//www.joeskc.com/cdn/shop/files/CA0A6599.jpg?v=1779134687&width=375 375w, 8396 //www.joeskc.com/cdn/shop/files/CA0A6599.jpg?v=1779134687&width=450 450w, 8397 //www.joeskc.com/cdn/shop/files/CA0A6599.jpg?v=1779134687&width=750 750w, 8398 //www.joeskc.com/cdn/shop/files/CA0A6599.jpg?v=1779134687&width=900 900w, 8399 //www.joeskc.com/cdn/shop/files/CA0A6599.jpg?v=1779134687&width=1100 1100w, 8400 //www.joeskc.com/cdn/shop/files/CA0A6599.jpg?v=1779134687&width=1500 1500w, 8401 //www.joeskc.com/cdn/shop/files/CA0A6599.jpg?v=1779134687&width=1780 1780w, 8402 //www.joeskc.com/cdn/shop/files/CA0A6599.jpg?v=1779134687&width=2000 2000w, 8403 //www.joeskc.com/cdn/shop/files/CA0A6599.jpg?v=1779134687&width=3000 3000w, 8404 //www.joeskc.com/cdn/shop/files/CA0A6599.jpg?v=1779134687&width=3840 3840w" 8405 8406 loading="lazy" 8407 decoding="async" 8408 8409 sizes="100vw" 8410 src="//www.joeskc.com/cdn/shop/files/CA0A6599.jpg?v=1779134687&width=3840" 8411 alt="" 8412 class="object-cover h-full w-full image-slide_RUpMQc" 8413 width="2000" 8414 height="1333" 8415 > 8416 </picture> 8417 </parallax-movement> 8418 </parallax-image> 8419 8420 8421 8422 </div> 8423 8424 </div> 8425 8426<div class="hero-text pointer-events-none transition x-pgw page-width absolute left-1/2 z-20 -translate-x-1/2 top-0 w-full h-full table"> 8427 <div class="table-cell max-w-full md:max-w-[745px] md:min-w-[30rem] lg:w-[65%] align-middle text-center" 8428 > 8429 <div 8430 class="animate_transition_slide__box xl:pr-[60px] xl:pl-[60px] lg:pr-10 lg:pl-10 lg:max-w-[700px] pt-5 pr-5 pl-5 pb-5 mb-5 md:mb-6 float-center md:float-center 8431 mr-auto ml-auto xl:rounded-[60px] md:rounded-[40px] rounded-3xl" 8432 :class="effect && 'active'" 8433 > 8434 8435 8436<style data-shopify> 8437 8438 .dark .heading-slide_RUpMQc { 8439 8440 --color-highlight: rgb(127, 38, 41); 8441 8442 } 8443</style> 8444 8445 8446 8447 8448 8449 8450 <h2 8451 class='heading-slide_RUpMQc p-break-words h2 block mt-1 leading-tight image-treatment-text'> 8452 8453 8454 8455 Joe's Next Door is Now Open! 8456 8457 8458 </h2> 8459 8460 8461 8462<div class="lg:mt-1 p-break-words pointer-events-auto rte image-treatment-text text-medium rte"> 8463 <h3>The newest dining experience has landed in the heart of the Metro! Bring the whole crew for crave-worthy food, ice-cold cocktails, and every big game on TV. <em>Across the street from the original gas station location!</em></h3> 8464 </div><div class="mt-4 pointer-events-auto lg:mt-9 inline-flex flex-wrap gap-y-2 p-break-words gap-x-3 md:justify-center justify-center" ><a href="https://joesnextdoorkc.com" target="_blank" class="button button--slide_RUpMQc button-solid border mt-0.5 mb-0.5 empty:hidden pl-6 pr-6 lg:pl-9 lg:pr-9 pt-2.5 pb-2.5 md:pt-3 md:pb-3 leading-normal"> 8465 8466<div class="flex justify-center "> 8467 8468 8469
8470 <span class="button-text is-focus-button:opacity-0">Learn More</span> 8471 8472 8473 8474 8475</div> 8476 </a></div> 8477 </div> 8478 </div> 8479 </div> 8480 8481 8482 <a href="https://joesnextdoorkc.com" target="_blank" class="absolute top-0 left-0 bottom-0 right-0 z-[19] opacity-0">https://joesnextdoorkc.com</a> 8483 8484 </div> 8485 8486 8487<style data-shopify>.button--slide_JyNcLX.button-solid, 8488 .button--slide_JyNcLX.button-solid:before {--colors-line-and-border: var(--colors-button);} 8489 .button--slide_JyNcLX.button-outline { 8490 8491 } 8492 8493.heading-slide_JyNcLX { 8494 font-size: 1.9125rem; 8495 } 8496 .sub-heading-slide_JyNcLX { 8497 font-size: 0.9rem; 8498 } 8499 .image-slide_JyNcLX { 8500 object-position:50.0% 50.0%; 8501 } 8502 .bg-content-slide_JyNcLX { 8503 background-color: rgb(var(--colors-background-secondary));} 8504 @media screen and (min-width: 768px) { 8505 .heading-slide_JyNcLX { 8506 font-size: 3.825rem; 8507 } 8508 .sub-heading-slide_JyNcLX { 8509 font-size: 1.0rem; 8510 } 8511 .image-slide_JyNcLX { 8512 object-position:50.0% 50.0%; 8513 } 8514 #image-paginate--template--19816069922883__fe5dccd3-17fd-4fd3-ada9-a0e11305981c[image-next-active="2"] { 8515 8516 background-image: url(//www.joeskc.com/cdn/shop/files/Joe_s_digtal_Gift_Card_Banner_2025-3_7.png?v=1744902715&width=300); 8517 8518 background-size: cover; 8519 background-repeat: no-repeat; 8520 background-position: center; 8521 } 8522 .bg-full-slide_JyNcLX { 8523 background: transparent; 8524 } 8525 } 8526 .bg-full-slide_JyNcLX { 8527 background-color: rgb(var(--colors-background-secondary));}</style><div x-slide-index="2" 8528 class="content-visibility-auto x-block-slide x-slideshow-slide_JyNcLX h-full relative transition-opacity flex-shrink-0 w-full splide__slide x-splide-slide w-full" 8529 x-data="{effect: false}" 8530 x-intersect:leave.margin.-40px="effect = false" 8531 x-intersect.half="effect = true" 8532 8533 8534 > 8535 8536 <div class=" h-full relative overflow-hidden"> 8537 <span class="absolute top-0 left-0 bottom-0 right-0 z-10 pointer-events-none image-treatment-overlay opacity-40"></span> 8538 8539 <div :class="effect && 'active'" class="w-full absolute top-0 left-0 h-full h-full md:absolute md:top-0 md:left-0 z-0 animate_transition_slide__image"> 8540 8541 8542 <parallax-image class="h-full w-full"> 8543 <parallax-movement x-data="xParallax" x-intersect.once.margin.200px="load(false)"> 8544 <picture> 8545 <source 8546 srcset="//www.joeskc.com/cdn/shop/files/Joe_s_digtal_Gift_Card_Banner_2025-3_6_3546857c-5cc4-4e0f-a0cb-c4ebe1ed630b.png?v=1744902372&width=375 375w, 8547 //www.joeskc.com/cdn/shop/files/Joe_s_digtal_Gift_Card_Banner_2025-3_6_3546857c-5cc4-4e0f-a0cb-c4ebe1ed630b.png?v=1744902372&width=450 450w, 8548 //www.joeskc.com/cdn/shop/files/Joe_s_digtal_Gift_Card_Banner_2025-3_6_3546857c-5cc4-4e0f-a0cb-c4ebe1ed630b.png?v=1744902372&width=750 750w, 8549 //www.joeskc.com/cdn/shop/files/Joe_s_digtal_Gift_Card_Banner_2025-3_6_3546857c-5cc4-4e0f-a0cb-c4ebe1ed630b.png?v=1744902372&width=900 900w" 8550 media="(max-width: 767px)" 8551 sizes="100vw" 8552 > 8553 <img 8554 srcset="//www.joeskc.com/cdn/shop/files/Joe_s_digtal_Gift_Card_Banner_2025-3_7.png?v=1744902715&width=375 375w, 8555 //www.joeskc.com/cdn/shop/files/Joe_s_digtal_Gift_Card_Banner_2025-3_7.png?v=1744902715&width=450 450w, 8556 //www.joeskc.com/cdn/shop/files/Joe_s_digtal_Gift_Card_Banner_2025-3_7.png?v=1744902715&width=750 750w, 8557 //www.joeskc.com/cdn/shop/files/Joe_s_digtal_Gift_Card_Banner_2025-3_7.png?v=1744902715&width=900 900w, 8558 //www.joeskc.com/cdn/shop/files/Joe_s_digtal_Gift_Card_Banner_2025-3_7.png?v=1744902715&width=1100 1100w, 8559 //www.joeskc.com/cdn/shop/files/Joe_s_digtal_Gift_Card_Banner_2025-3_7.png?v=1744902715&width=1500 1500w, 8560 //www.joeskc.com/cdn/shop/files/Joe_s_digtal_Gift_Card_Banner_2025-3_7.png?v=1744902715&width=1780 1780w, 8561 //www.joeskc.com/cdn/shop/files/Joe_s_digtal_Gift_Card_Banner_2025-3_7.png?v=1744902715&width=2000 2000w, 8562 //www.joeskc.com/cdn/shop/files/Joe_s_digtal_Gift_Card_Banner_2025-3_7.png?v=1744902715&width=3000 3000w, 8563 //www.joeskc.com/cdn/shop/files/Joe_s_digtal_Gift_Card_Banner_2025-3_7.png?v=1744902715&width=3840 3840w" 8564 8565 loading="lazy" 8566 decoding="async" 8567 8568 sizes="100vw" 8569 src="//www.joeskc.com/cdn/shop/files/Joe_s_digtal_Gift_Card_Banner_2025-3_7.png?v=1744902715&width=3840" 8570 alt="Joe's KC Digital Gift Cards" 8571 class="object-cover h-full w-full image-slide_JyNcLX" 8572 width="1920" 8573 height="860" 8574 > 8575 </picture> 8576 </parallax-movement> 8577 </parallax-image> 8578 8579 8580 8581 </div> 8582 8583 </div> 8584 8585<div class="hero-text pointer-events-none transition x-pgw page-width absolute left-1/2 z-20 -translate-x-1/2 top-0 w-full h-full table"> 8586 <div class="table-cell max-w-full md:max-w-[745px] md:min-w-[30rem] lg:w-[65%] align-middle text-center" 8587 > 8588 <div 8589 class="animate_transition_slide__box xl:pr-[60px] xl:pl-[60px] lg:pr-10 lg:pl-10 lg:max-w-[700px] pt-5 pr-5 pl-5 pb-5 mb-5 md:mb-6 float-center md:float-center 8590 mr-auto ml-auto xl:rounded-[60px] md:rounded-[40px] rounded-3xl" 8591 :class="effect && 'active'" 8592 > 8593 8594 8595<style data-shopify> 8596 8597 .dark .heading-slide_JyNcLX { 8598 8599 --color-highlight: rgb(127, 38, 41); 8600 8601 } 8602</style> 8603 8604 8605 8606 8607 8608 8609 <h2 8610 class='heading-slide_JyNcLX p-break-words h2 block mt-1 leading-tight image-treatment-text'> 8611 8612 8613 8614 Digital Gift Card 8615 8616 8617 </h2> 8618 8619 8620 8621<div class="lg:mt-1 p-break-words pointer-events-auto rte image-treatment-text text-medium rte"> 8622 <h3>Joe's Kansas City Bar-B-Que Gift Cards are redeemable for restaurant & online nationwide delivery orders.</h3> 8623 </div><div class="mt-4 pointer-events-auto lg:mt-9 inline-flex flex-wrap gap-y-2 p-break-words gap-x-3 md:justify-center justify-center" ><a href="/products/digital-gift-card" class="button button--slide_JyNcLX button-solid border mt-0.5 mb-0.5 empty:hidden pl-6 pr-6 lg:pl-9 lg:pr-9 pt-2.5 pb-2.5 md:pt-3 md:pb-3 leading-normal"> 8624 8625<div class="flex justify-center "> 8626 8627 8628
8629 <span class="button-text is-focus-button:opacity-0">Shop Gift Cards Now</span> 8630 8631 8632 8633 8634</div> 8635 </a></div> 8636 </div> 8637 </div> 8638 </div> 8639 8640 8641 <a href="/products/digital-gift-card" target="_blank" class="absolute top-0 left-0 bottom-0 right-0 z-[19] opacity-0">/products/digital-gift-card</a> 8642 8643 </div> 8644 8645 8646<style data-shopify>.button--slide_FiJhnQ.button-solid, 8647 .button--slide_FiJhnQ.button-solid:before {--colors-line-and-border: var(--colors-button);} 8648 .button--slide_FiJhnQ.button-outline { 8649 8650 } 8651 8652.heading-slide_FiJhnQ { 8653 font-size: 1.4625rem; 8654 } 8655 .sub-heading-slide_FiJhnQ { 8656 font-size: 0.9rem; 8657 } 8658 .image-slide_FiJhnQ { 8659 object-position:50.0% 50.0%; 8660 } 8661 .bg-content-slide_FiJhnQ { 8662 background-color: rgb(var(--colors-background-secondary));} 8663 @media screen and (min-width: 768px) { 8664 .heading-slide_FiJhnQ { 8665 font-size: 2.925rem; 8666 } 8667 .sub-heading-slide_FiJhnQ { 8668 font-size: 1.0rem; 8669 } 8670 .image-slide_FiJhnQ { 8671 object-position:50.0% 50.0%; 8672 } 8673 #image-paginate--template--19816069922883__fe5dccd3-17fd-4fd3-ada9-a0e11305981c[image-next-active="3"] { 8674 8675 background-image: url(//www.joeskc.com/cdn/shop/files/180-room-test-slide.jpg?v=1648142452&width=300); 8676 8677 background-size: cover; 8678 background-repeat: no-repeat; 8679 background-position: center; 8680 } 8681 .bg-full-slide_FiJhnQ { 8682 background: transparent; 8683 } 8684 } 8685 .bg-full-slide_FiJhnQ { 8686 background-color: rgb(var(--colors-background-secondary));}</style><div x-slide-index="3" 8687 class="content-visibility-auto x-block-slide x-slideshow-slide_FiJhnQ h-full relative transition-opacity flex-shrink-0 w-full splide__slide x-splide-slide w-full" 8688 x-data="{effect: false}" 8689 x-intersect:leave.margin.-40px="effect = false" 8690 x-intersect.half="effect = true" 8691 8692 8693 > 8694 8695 <div class=" h-full relative overflow-hidden"> 8696 <span class="absolute top-0 left-0 bottom-0 right-0 z-10 pointer-events-none image-treatment-overlay opacity-0"></span> 8697 8698 <div :class="effect && 'active'" class="w-full absolute top-0 left-0 h-full h-full md:absolute md:top-0 md:left-0 z-0 animate_transition_slide__image"> 8699 8700 8701 <parallax-image class="h-full w-full"> 8702 <parallax-movement x-data="xParallax" x-intersect.once.margin.200px="load(false)"> 8703 <picture> 8704 <source 8705 srcset="//www.joeskc.com/cdn/shop/files/180-room-test-slide.jpg?v=1648142452&width=375 375w, 8706 //www.joeskc.com/cdn/shop/files/180-room-test-slide.jpg?v=1648142452&width=450 450w, 8707 //www.joeskc.com/cdn/shop/files/180-room-test-slide.jpg?v=1648142452&width=750 750w, 8708 //www.joeskc.com/cdn/shop/files/180-room-test-slide.jpg?v=1648142452&width=900 900w" 8709 media="(max-width: 767px)" 8710 sizes="100vw" 8711 > 8712 <img 8713 srcset="//www.joeskc.com/cdn/shop/files/180-room-test-slide.jpg?v=1648142452&width=375 375w, 8714 //www.joeskc.com/cdn/shop/files/180-room-test-slide.jpg?v=1648142452&width=450 450w, 8715 //www.joeskc.com/cdn/shop/files/180-room-test-slide.jpg?v=1648142452&width=750 750w, 8716 //www.joeskc.com/cdn/shop/files/180-room-test-slide.jpg?v=1648142452&width=900 900w, 8717 //www.joeskc.com/cdn/shop/files/180-room-test-slide.jpg?v=1648142452&width=1100 1100w, 8718 //www.joeskc.com/cdn/shop/files/180-room-test-slide.jpg?v=1648142452&width=1500 1500w, 8719 //www.joeskc.com/cdn/shop/files/180-room-test-slide.jpg?v=1648142452&width=1780 1780w, 8720 //www.joeskc.com/cdn/shop/files/180-room-test-slide.jpg?v=1648142452&width=2000 2000w, 8721 //www.joeskc.com/cdn/shop/files/180-room-test-slide.jpg?v=1648142452&width=3000 3000w, 8722 //www.joeskc.com/cdn/shop/files/180-room-test-slide.jpg?v=1648142452&width=3840 3840w" 8723 8724 loading="lazy" 8725 decoding="async" 8726 8727 sizes="100vw" 8728 src="//www.joeskc.com/cdn/shop/files/180-room-test-slide.jpg?v=1648142452&width=3840" 8729 alt="Image of the Joe's KC 180 room event space" 8730 class="object-cover h-full w-full image-slide_FiJhnQ" 8731 width="2000" 8732 height="800" 8733 > 8734 </picture> 8735 </parallax-movement> 8736 </parallax-image> 8737 8738 8739 8740 </div> 8741 8742 </div> 8743 8744<div class="hero-text pointer-events-none transition x-pgw page-width absolute left-1/2 z-20 -translate-x-1/2 top-0 w-full h-full table"> 8745 <div class="table-cell max-w-full md:max-w-[745px] md:min-w-[30rem] lg:w-[65%] align-middle text-center" 8746 > 8747 <div 8748 class="animate_transition_slide__box xl:pr-[60px] xl:pl-[60px] lg:pr-10 lg:pl-10 lg:max-w-[700px] pt-5 pr-5 pl-5 pb-5 mb-5 md:mb-6 float-center md:float-center 8749 mr-auto ml-auto xl:rounded-[60px] md:rounded-[40px] rounded-3xl" 8750 :class="effect && 'active'" 8751 > 8752 8753 8754<style data-shopify> 8755 8756 .dark .heading-slide_FiJhnQ { 8757 8758 --color-highlight: rgb(127, 38, 41); 8759 8760 } 8761</style> 8762 8763 8764 8765 8766 8767 8768 <h2 8769 class='heading-slide_FiJhnQ p-break-words h2 block mt-1 leading-tight image-treatment-text'> 8770 8771 8772 8773 Catering & Event Space 8774 8775 8776 </h2> 8777 8778 8779 8780<div class="lg:mt-1 p-break-words pointer-events-auto rte image-treatment-text text-medium rte"> 8781 <h3>Experience the Best Bar-B-Que Catering with Joe's KC Authentic Flavors! Pick-up and delivery options available.</h3> 8782 </div><div class="mt-4 pointer-events-auto lg:mt-9 inline-flex flex-wrap gap-y-2 p-break-words gap-x-3 md:justify-center justify-center" ><a href="/pages/new-catering-menu" target="_blank" class="button button--slide_FiJhnQ button-solid border mt-0.5 mb-0.5 empty:hidden pl-6 pr-6 lg:pl-9 lg:pr-9 pt-2.5 pb-2.5 md:pt-3 md:pb-3 leading-normal"> 8783 8784<div class="flex justify-center "> 8785 8786 8787
8788 <span class="button-text is-focus-button:opacity-0">Catering Menu</span> 8789 8790 8791 8792 8793</div> 8794 </a><a href="https://www.the180room.com/" target="_blank" class="button button--slide_FiJhnQ button-solid border mt-0.5 mb-0.5 empty:hidden pl-6 pr-6 lg:pl-9 lg:pr-9 pt-2.5 pb-2.5 md:pt-3 md:pb-3 leading-normal"> 8795 8796<div class="flex justify-center "> 8797 8798 8799 8800 <span class="button-text is-focus-button:opacity-0">180 Room</span> 8801 8802 8803 8804 8805</div> 8806 </a></div> 8807 </div> 8808 </div> 8809 </div> 8810 8811 8812 </div> 8813 8814 8815<style data-shopify>.button--971b1015-ef28-4d4a-a43c-646bfd6da4a0.button-solid, 8816 .button--971b1015-ef28-4d4a-a43c-646bfd6da4a0.button-solid:before {--colors-line-and-border: var(--colors-button);} 8817 .button--971b1015-ef28-4d4a-a43c-646bfd6da4a0.button-outline {--colors-secondary-button: 255, 255, 255; 8818 --colors-line-secondary-button: 255, 255, 255; 8819 --background-secondary-button: transparent; 8820 8821 8822 } 8823 8824.heading-971b1015-ef28-4d4a-a43c-646bfd6da4a0 { 8825 font-size: 1.9125rem; 8826 } 8827 .sub-heading-971b1015-ef28-4d4a-a43c-646bfd6da4a0 { 8828 font-size: 0.9rem; 8829 } 8830 .image-971b1015-ef28-4d4a-a43c-646bfd6da4a0 { 8831 object-position:50.0% 50.0%; 8832 } 8833 .bg-content-971b1015-ef28-4d4a-a43c-646bfd6da4a0 { 8834 background-color: rgb(var(--colors-background-secondary));} 8835 @media screen and (min-width: 768px) { 8836 .heading-971b1015-ef28-4d4a-a43c-646bfd6da4a0 { 8837 font-size: 3.825rem; 8838 } 8839 .sub-heading-971b1015-ef28-4d4a-a43c-646bfd6da4a0 { 8840 font-size: 1.0rem; 8841 } 8842 .image-971b1015-ef28-4d4a-a43c-646bfd6da4a0 { 8843 object-position:50.0% 50.0%; 8844 } 8845 #image-paginate--template--19816069922883__fe5dccd3-17fd-4fd3-ada9-a0e11305981c[image-next-active="4"] { 8846 8847 background-image: url(//www.joeskc.com/cdn/shop/files/miscellany_packages_of_Joe_s_KC_BBQ.png?v=1753206721&width=300); 8848 8849 background-size: cover; 8850 background-repeat: no-repeat; 8851 background-position: center; 8852 } 8853 .bg-full-971b1015-ef28-4d4a-a43c-646bfd6da4a0 { 8854 background: transparent; 8855 } 8856 } 8857 .bg-full-971b1015-ef28-4d4a-a43c-646bfd6da4a0 { 8858 background-color: rgb(var(--colors-background-secondary));}</style><div x-slide-index="4" 8859 class="content-visibility-auto x-block-slide x-slideshow-971b1015-ef28-4d4a-a43c-646bfd6da4a0 h-full relative transition-opacity flex-shrink-0 w-full splide__slide x-splide-slide w-full" 8860 x-data="{effect: false}" 8861 x-intersect:leave.margin.-40px="effect = false" 8862 x-intersect.half="effect = true" 8863 8864 8865 > 8866 8867 <div class=" h-full relative overflow-hidden"> 8868 <span class="absolute top-0 left-0 bottom-0 right-0 z-10 pointer-events-none image-treatment-overlay opacity-40"></span> 8869 8870 <div :class="effect && 'active'" class="w-full absolute top-0 left-0 h-full h-full md:absolute md:top-0 md:left-0 z-0 animate_transition_slide__image"> 8871 8872 8873 <parallax-image class="h-full w-full"> 8874 <parallax-movement x-data="xParallax" x-intersect.once.margin.200px="load(false)"> 8875 <picture> 8876 <source 8877 srcset="//www.joeskc.com/cdn/shop/files/miscellany_packages_of_Joe_s_KC_BBQ.png?v=1753206721&width=375 375w, 8878 //www.joeskc.com/cdn/shop/files/miscellany_packages_of_Joe_s_KC_BBQ.png?v=1753206721&width=450 450w, 8879 //www.joeskc.com/cdn/shop/files/miscellany_packages_of_Joe_s_KC_BBQ.png?v=1753206721&width=750 750w, 8880 //www.joeskc.com/cdn/shop/files/miscellany_packages_of_Joe_s_KC_BBQ.png?v=1753206721&width=900 900w" 8881 media="(max-width: 767px)" 8882 sizes="100vw" 8883 > 8884 <img 8885 srcset="//www.joeskc.com/cdn/shop/files/miscellany_packages_of_Joe_s_KC_BBQ.png?v=1753206721&width=375 375w, 8886 //www.joeskc.com/cdn/shop/files/miscellany_packages_of_Joe_s_KC_BBQ.png?v=1753206721&width=450 450w, 8887 //www.joeskc.com/cdn/shop/files/miscellany_packages_of_Joe_s_KC_BBQ.png?v=1753206721&width=750 750w, 8888 //www.joeskc.com/cdn/shop/files/miscellany_packages_of_Joe_s_KC_BBQ.png?v=1753206721&width=900 900w, 8889 //www.joeskc.com/cdn/shop/files/miscellany_packages_of_Joe_s_KC_BBQ.png?v=1753206721&width=1100 1100w, 8890 //www.joeskc.com/cdn/shop/files/miscellany_packages_of_Joe_s_KC_BBQ.png?v=1753206721&width=1500 1500w, 8891 //www.joeskc.com/cdn/shop/files/miscellany_packages_of_Joe_s_KC_BBQ.png?v=1753206721&width=1780 1780w, 8892 //www.joeskc.com/cdn/shop/files/miscellany_packages_of_Joe_s_KC_BBQ.png?v=1753206721&width=2000 2000w, 8893 //www.joeskc.com/cdn/shop/files/miscellany_packages_of_Joe_s_KC_BBQ.png?v=1753206721&width=3000 3000w, 8894 //www.joeskc.com/cdn/shop/files/miscellany_packages_of_Joe_s_KC_BBQ.png?v=1753206721&width=3840 3840w" 8895 8896 loading="lazy" 8897 decoding="async" 8898 8899 sizes="100vw" 8900 src="//www.joeskc.com/cdn/shop/files/miscellany_packages_of_Joe_s_KC_BBQ.png?v=1753206721&width=3840" 8901 alt="miscellany packages of shipped Joe's KC BBQ" 8902 class="object-cover h-full w-full image-971b1015-ef28-4d4a-a43c-646bfd6da4a0" 8903 width="1000" 8904 height="900" 8905 > 8906 </picture> 8907 </parallax-movement> 8908 </parallax-image> 8909 8910 8911 8912 </div> 8913 8914 </div> 8915 8916<div class="hero-text pointer-events-none transition x-pgw page-width absolute left-1/2 z-20 -translate-x-1/2 top-0 w-full h-full table"> 8917 <div class="table-cell max-w-full md:max-w-[745px] md:min-w-[30rem] lg:w-[65%] align-middle text-center" 8918 > 8919 <div 8920 class="animate_transition_slide__box xl:pr-[60px] xl:pl-[60px] lg:pr-10 lg:pl-10 lg:max-w-[700px] pt-5 pr-5 pl-5 pb-5 mb-5 md:mb-6 float-center md:float-center 8921 mr-auto ml-auto xl:rounded-[60px] md:rounded-[40px] rounded-3xl" 8922 :class="effect && 'active'" 8923 > 8924 8925 8926<style data-shopify> 8927 8928 .dark .heading-971b1015-ef28-4d4a-a43c-646bfd6da4a0 { 8929 8930 --color-highlight: rgb(127, 38, 41); 8931 8932 } 8933</style> 8934 8935 8936 8937 8938 8939 8940 <h2 8941 class='heading-971b1015-ef28-4d4a-a43c-646bfd6da4a0 p-break-words h2 block mt-1 leading-tight image-treatment-text'> 8942 8943 8944 8945 SendJoesKCBBQ 8946 8947 8948 </h2> 8949 8950 8951 8952<div class="lg:mt-1 p-break-words pointer-events-auto rte image-treatment-text text-medium rte"> 8953 <h3>We delivery Joeâs Kansas City Bar-B-Que nationwideâincluding the continental U.S., Alaska, and Hawaiiâso you can enjoy authentic Kansas City BBQ anywhere.</h3> 8954 </div><div class="mt-4 pointer-events-auto lg:mt-9 inline-flex flex-wrap gap-y-2 p-break-words gap-x-3 md:justify-center justify-center" ><a href="/collections/all-items" class="button button--971b1015-ef28-4d4a-a43c-646bfd6da4a0 button-solid border mt-0.5 mb-0.5 empty:hidden pl-6 pr-6 lg:pl-9 lg:pr-9 pt-2.5 pb-2.5 md:pt-3 md:pb-3 leading-normal"> 8955 8956<div class="flex justify-center "> 8957 8958 8959
8960 <span class="button-text is-focus-button:opacity-0">Shop Nationwide Delivery</span> 8961 8962 8963 8964 8965</div> 8966 </a></div> 8967 </div> 8968 </div> 8969 </div> 8970 8971 8972 <a href="/collections/all-items" class="absolute top-0 left-0 bottom-0 right-0 z-[19] opacity-0">/collections/all-items</a> 8973 8974 </div> 8975 8976</div> 8977 </div> 8978 8979 <div class="splide__arrows"> 8980 <button class="splide__arrow splide__arrow--prev button-arrow hidden group-hover:lg:block absolute none_border z-10 w-12 h-12 rounded-full after:text-[20px] rtl:-rotate-90 pr-4 pl-4 pb-4 pt-4 top-1/2 left-0 -translate-y-1/2 lg:left-8 rtl:lg:left-auto rtl:lg:right-8 duration-100 opacity-60 hover:opacity-100 disabled:opacity-40 disabled:cursor-not-allowed rotate-90" aria-label="previous slide"> 8981 <span class="hidden">previous slide</span> 8982 <svg width="100%" height="100%" viewBox="0 0 9 7" fill="none" xmlns="http://www.w3.org/2000/svg" style="fill: none;"> 8983 <path d="M0.75 1.625L4.5 5.375L8.25 1.625" stroke="currentcolor" stroke-width="1" stroke-linecap="round" stroke-linejoin="round"/> 8984 </svg> 8985 8986 </button> 8987 <button class="splide__arrow splide__arrow--next button-arrow hidden group-hover:lg:block absolute none_border z-10 w-12 h-12 rounded-full after:text-[20px] rtl:rotate-90 pr-4 pl-4 pb-4 pt-4 top-1/2 right-0 -translate-y-1/2 lg:right-8 rtl:lg:right-auto rtl:lg:left-8 duration-100 opacity-60 hover:opacity-100 disabled:opacity-40 disabled:cursor-not-allowed -rotate-90" aria-label="next slide"> 8988 <span class="hidden">next slide</span> 8989 <svg width="100%" height="100%" viewBox="0 0 9 7" fill="none" xmlns="http://www.w3.org/2000/svg" style="fill: none;"> 8990 <path d="M0.75 1.625L4.5 5.375L8.25 1.625" stroke="currentcolor" stroke-width="1" stroke-linecap="round" stroke-linejoin="round"/> 8991 </svg> 8992 8993 </button> 8994 </div> 8995 8996</div> 8997<style> #shopify-section-template--19816069922883__fe5dccd3-17fd-4fd3-ada9-a0e11305981c h2, #shopify-section-template--19816069922883__fe5dccd3-17fd-4fd3-ada9-a0e11305981c h3, #shopify-section-template--19816069922883__fe5dccd3-17fd-4fd3-ada9-a0e11305981c h6 {text-align: center; background-color: rgba(35, 31, 32, 0.75); color: #ffffff; padding: 12px 16px; border-radius: 4px;} #shopify-section-template--19816069922883__fe5dccd3-17fd-4fd3-ada9-a0e11305981c a {font-size: 16px; font-weight: 700; width: 100%; max-width: 100%; display: flex; justify-content: center;} </style></section><section id="shopify-section-template--19816069922883__multiple_stores_yK6DBn" class="shopify-section section section-multiple-stores x-section"> <style data-shopify>.btn-location-template--19816069922883__multiple_stores_yK6DBn.button.button-solid:not(.not-icon) { 8998 display: none; 8999 } 9000 #content_location_detail-template--19816069922883__multiple_stores_yK6DBn .btn-location-template--19816069922883__multiple_stores_yK6DBn.button.button-solid:not(.not-icon) { 9001 display: flex; 9002 align-items: center; 9003 justify-content: center; 9004 } 9005 .h-scroll-location-template--19816069922883__multiple_stores_yK6DBn .active, 9006 .h-scroll-location-template--19816069922883__multiple_stores_yK6DBn ul li > div:hover { 9007 9008 background: #9bceac; 9009 9010 } 9011 .dark .h-scroll-location-template--19816069922883__multiple_stores_yK6DBn .active, 9012 .dark .h-scroll-location-template--19816069922883__multiple_stores_yK6DBn ul li > div:hover { 9013 9014 background: rgba(var(--colors-background)); 9015 9016 } 9017 .heading-template--19816069922883__multiple_stores_yK6DBn { 9018 font-size: 1.755rem; 9019 } 9020 .h-scroll-location-template--19816069922883__multiple_stores_yK6DBn::-webkit-scrollbar {
9021 width: 2px; 9022 } 9023 .h-scroll-location-template--19816069922883__multiple_stores_yK6DBn::-webkit-scrollbar-track { 9024 background: rgba(var(--colors-heading-base),.5); 9025 } 9026 .h-scroll-location-template--19816069922883__multiple_stores_yK6DBn::-webkit-scrollbar-thumb { 9027 background-color: rgba(var(--colors-heading-base)); 9028 border-radius: 10px; 9029 } 9030 .background--template--19816069922883__multiple_stores_yK6DBn { 9031 9032 background: rgb(var(--colors-background-secondary)); 9033 --background-color: var(--colors-background-secondary); 9034 9035 } 9036 .dark .text--template--19816069922883__multiple_stores_yK6DBn {color: ;} 9037 .dark .background--template--19816069922883__multiple_stores_yK6DBn { 9038 9039 background: rgb(var(--colors-background-secondary)); 9040 --background-color: var(--colors-background-secondary); 9041 9042 } 9043 .section-height-mobile--template--19816069922883__multiple_stores_yK6DBn { 9044 9045 height: 250px; 9046 9047 } 9048 .col-location-text.section-height--template--19816069922883__multiple_stores_yK6DBn { 9049 height: 470px; 9050 } 9051 9052 #shopify-section-template--19816069922883__multiple_stores_yK6DBn { 9053 9054 --colors-line-and-border: 255,255,255; 9055 9056 } 9057 9058 .dark #shopify-section-template--19816069922883__multiple_stores_yK6DBn { 9059 9060 --colors-line-and-border: 94,94,94; 9061 9062 } 9063 9064 .store-block-container { 9065 border-bottom: 1px solid rgba(var(--colors-line-and-border), 1); 9066 } 9067 9068 .store-block-container.container-active { 9069 border-bottom: 0; 9070 } 9071 .store-block-container .container-btn-location-template--19816069922883__multiple_stores_yK6DBn { 9072 padding: 0; 9073 } 9074 #content_location_detail-template--19816069922883__multiple_stores_yK6DBn .location-title { 9075 font-size: 1.25rem; 9076 } 9077 @media (min-width: 768px) { 9078 .heading-template--19816069922883__multiple_stores_yK6DBn { 9079 font-size: 2.925rem; 9080 } 9081 #content_location_detail-template--19816069922883__multiple_stores_yK6DBn .location-title { 9082 font-size: 1.75rem; 9083 } 9084 .section-height--template--19816069922883__multiple_stores_yK6DBn, 9085 .col-location-text.section-height--template--19816069922883__multiple_stores_yK6DBn { 9086 9087 height: 650px; 9088 padding-bottom: 2rem; 9089 9090 } 9091 } 9092 .address_location.rte p { 9093 margin-top: 0; 9094 } 9095 .section-padding-template--19816069922883__multiple_stores_yK6DBn { 9096 padding-top: 16px; 9097 padding-bottom: 16px; 9098 } 9099 @media (min-width: 768px) { 9100 .section-padding-template--19816069922883__multiple_stores_yK6DBn { 9101 padding-top: 28px; 9102 padding-bottom: 28px; 9103 } 9104 }</style><div id="shopify-section-template--19816069922883__multiple_stores_yK6DBn" x-data="xMultipleStores" x-intersect.once.margin.200px="load()" class="section-padding-template--19816069922883__multiple_stores_yK6DBn"> 9105 <div 9106 class=" md:pl-5 md:pr-5 pl-5 pr-5" 9107 > 9108 <div class="md:flex md:flex-row gap-x-6 flex flex-col"> 9109 <div class=" section-height--template--19816069922883__multiple_stores_yK6DBn background--template--19816069922883__multiple_stores_yK6DBn pt-5 pb-5 pl-5 pr-5 md:pr-6 md:pl-6 md:pt-8 md:pb-8 rounded-[10px] w-full h-full md:max-w-[40%] lg:max-w-[540px] flex justify-center" 9110 9111 > 9112 <div class="col-location-text relative w-full md:flex md:flex-col md:overflow-hidden"> 9113 <div class="x-block-multiple-stores-header heading-top-location-template--19816069922883__multiple_stores_yK6DBn pb-7 md:pb-14"> 9114 9115 9116 9117 9118<style data-shopify> 9119 9120 .dark .heading-template--19816069922883__multiple_stores_yK6DBn { 9121 9122 --color-highlight: rgb(127, 38, 41); 9123 9124 } 9125</style> 9126 9127 9128 9129 9130 9131 9132 <h2 9133 class='heading-template--19816069922883__multiple_stores_yK6DBn h2 block text-center rtl:text-center'> 9134 9135 9136 9137 Locations 9138 9139 9140 </h2> 9141 9142 9143 9144 9145 <div :class="canScroll ? 'hidden' : 'hidden'" class="splide__arrows md:hidden text-center mt-2.5"> 9146 <button @click="scrollUp" class="bg-white splide__arrow splide__arrow--prev button-arrow md:hidden disable-effect-hover relative top-0 none_border z-10 w-[1.875rem] h-[1.875rem] rounded-full after:text-[20px] pt-4 pb-4 pl-4 pr-4 duration-100 opacity-100 disabled:opacity-40 disabled:cursor-not-allowed rotate-180" aria-label="previous slide" disabled :disabled="atTop">
9147 <span class="inline-block h-3 w-3 absolute top-1/2 -translate-y-1/2 left-1/2 -translate-x-1/2"><span class="hidden">previous slide</span><svg width="100%" height="100%" viewBox="0 0 9 7" fill="none" xmlns="http://www.w3.org/2000/svg" style="fill: none;"> 9148 <path d="M0.75 1.625L4.5 5.375L8.25 1.625" stroke="currentcolor" stroke-width="1" stroke-linecap="round" stroke-linejoin="round"/> 9149 </svg> 9150</span> 9151 </button> 9152 <button @click="scrollDown" class="bg-white splide__arrow splide__arrow--next button-arrow md:hidden disable-effect-hover relative top-0 none_border z-10 w-[1.875rem] h-[1.875rem] rounded-full after:text-[20px] pt-4 pb-4 pl-4 pr-4 duration-100 opacity-100 disabled:opacity-40 disabled:cursor-not-allowed " aria-label="next slide" :disabled="atBottom"> 9153 <span class="inline-block h-3 w-3 absolute top-1/2 -translate-y-1/2 left-1/2 -translate-x-1/2"><span class="hidden">next slide</span><svg width="100%" height="100%" viewBox="0 0 9 7" fill="none" xmlns="http://www.w3.org/2000/svg" style="fill: none;"> 9154 <path d="M0.75 1.625L4.5 5.375L8.25 1.625" stroke="currentcolor" stroke-width="1" stroke-linecap="round" stroke-linejoin="round"/> 9155 </svg> 9156</span> 9157 </button> 9158 </div> 9159 </div> 9160 <div class="multi_stores_content md:grow md:overflow-y-auto h-scroll-location-template--19816069922883__multiple_stores_yK6DBn rtl"> 9161 <div id="x-multiple-store-template--19816069922883__multiple_stores_yK6DBn" class=" ltr"> 9162 <div class="overflow-hidden relative anm-fade-paragraph md:h-0" x-intersect.once="$el.classList.remove('md:h-0')"> 9163 <ul class=" max-h-max scrollbar-stable flex flex-col list_multiple_stores pb-0.5 pl-1 pr-1 md:pl-2.5 md:pr-2.5 overflow-y-auto h-scroll-location-template--19816069922883__multiple_stores_yK6DBn anm-fade-element md:ltr" x-intersect.once="$el.classList.add('is-visible')" id="list-stores-template--19816069922883__multiple_stores_yK6DBn" x-ref="list_stores" @scroll="checkCanScrollVertical"> 9164 9165 9166 9167 <li :class="{ 'container-active': active == '1' }" x-ref="first_store" class="mb-1 store-block-container"> 9168 <div id="item_Y9qJAy" class="duration-200 p-break-words items-center pt-5 pb-5 pl-4 pr-4 md:pt-7 md:pb-7 md:pl-7 md:pr-7 border-0 rounded-[0.625rem] cursor-pointer hover:transition-all hover:ease-linear" 9169 :class="{ 'active': active == '1' }" 9170 @click="active = 1" 9171 tabindex="0" 9172 > 9173 9174 <p class="h4 location-title pl-1 pr-1 mb
9174-2 md:pl-0 md:pr-0 font-bold"> 9175 The Gas Station 9176 </p> 9177 9178 9179 <div class="draw-scroll-location grow overflow-y-auto scrollbar-body scrollbar-stable overflow-x-hidden pl-1 pr-1 md:pl-0 md:pr-0 mt-0 "><div class="hidden img_location pb-4"> 9180 9181 <img 9182 srcset="//www.joeskc.com/cdn/shop/files/Joe_s_KC_gas_station.png?v=1753385918&width=225 225w, 9183 //www.joeskc.com/cdn/shop/files/Joe_s_KC_gas_station.png?v=1753385918&width=375 375w, 9184 //www.joeskc.com/cdn/shop/files/Joe_s_KC_gas_station.png?v=1753385918&width=450 450w, 9185 //www.joeskc.com/cdn/shop/files/Joe_s_KC_gas_station.png?v=1753385918&width=750 750w, 9186 //www.joeskc.com/cdn/shop/files/Joe_s_KC_gas_station.png?v=1753385918&width=900 900w, 9187 //www.joeskc.com/cdn/shop/files/Joe_s_KC_gas_station.png?v=1753385918&width=1100 1100w, 9188 //www.joeskc.com/cdn/shop/files/Joe_s_KC_gas_station.png?v=1753385918&width=1500 1500w, 9189 //www.joeskc.com/cdn/shop/files/Joe_s_KC_gas_station.png?v=1753385918&width=1780 1780w, 9190 //www.joeskc.com/cdn/shop/files/Joe_s_KC_gas_station.png?v=1753385918&width=2000 2000w, 9191 //www.joeskc.com/cdn/shop/files/Joe_s_KC_gas_station.png?v=1753385918&width=3000 3000w, 9192 //www.joeskc.com/cdn/shop/files/Joe_s_KC_gas_station.png?v=1753385918&width=3840 3840w" 9193 src="//www.joeskc.com/cdn/shop/files/Joe_s_KC_gas_station.png?v=1753385918&width=1080" 9194 sizes="(min-width: 1024px) 28rem, 9195 (min-width: 768px) 24rem, 9196 100vw" 9197 alt="Joe's Kansas City gas station location in mission KS" 9198 class="w-full h-full object-cover object-center rounded-[1.25rem]" 9199 loading="lazy" 9200 height="1914" 9201 width="4429" 9202 x-intersect.once="$el.classList.add('active')" 9203 > 9204 </div> 9205 9206<div class="rte address_location overflow-hidden mb-3 md:mb-4"> 9207 9208 <p class="rte">3002 West 47th Ave, Kansas City, KS 66103</p> 9209 9210 9211 <div class="info_storehour store-hour-template--19816069922883__multiple_stores_yK6DBn mb-2 md:mb-2.5 hidden"> 9212 <h3>Our original joint, established 1996, in the gas station at the corner of 47th & Mission in Kansas City, Kansas. </h3><p><strong>General Manager: </strong>Victor Brummel</p><p>Walk-ins only. No reservations.</p><h4>Phone</h4><h4><a href="tel:+19137223366" class="metafield-url">913.722.3366</a></h4><div class="metafield-rich_text_field"><h3><strong>Store hours</strong></h3><p><strong>Monday-Thursday:</strong> 11:00 a.m. - 9:00 p.m. </p><p><strong>Friday-Saturday:</strong> 11:00 a.m. - 10:00 p.m. </p><p><strong>Sunday </strong>CLOSED.</p></div><div class="metafield-rich_text_field"><h6><strong>Joe's Kansas City restaurants are closed on the following holidays: </strong>New Year's Day, Easter, Memorial Day, Fourth of July, Labor Day, Thanksgiving, Christmas Day</h6></div><h4>More Actions</h4><p><a href="https://order.joeskc.com/" target="_blank" title="https://order.joeskc.com/">Order Restaurant Pick Up</a></p><p><a href="https://catering.joeskc.com/" target="_blank" title="https://catering.joeskc.com/">Order Catering Pick-Up</a></p><p><a href="https://www.joeskc.com/pages/restaurant-menu" target="_blank" title="https://www.joeskc.com/pages/restaurant-menu">Restaurant Menu</a></p><p><a href="/pages/the-original-gas-station-restaurant" target="_blank" title="The Original Gas Station Restaurant">Read more about this location here</a></p><p></p><h6></h6> 9213 </div> 9214 9215 </div> 9216 9217 <a data-id="item_Y9qJAy" href="#item_Y9qJAy" class="font-bold location-view cursor-pointer underline text-[rgba(var(--colors-heading))]" 9218 @click.prevent="openLocation($el); $store.xPopup.open = true;" 9219 >View details 9220 </a> 9221 </div> 9222 9223 <div class="container-btn-location-template--19816069922883__multiple_stores_yK6DBn w-full bottom-5 lg:bottom-10 pt-4"> 9224 9225 <a class="flex items-center justify-center h-[2.875rem] md:h-[3.125rem] btn-location-template--19816069922883__multiple_stores_yK6DBn button button-solid pt-2 pb-2 pl-4 pr-4" 9226 href="https://www.google.com/maps/place/3002 West 47th Ave, Kansas City, KS 66103" 9227 target="_blank" 9228 > 9229 9230<div class="flex justify-center "> 9231 9232 9233
9234 <span class="button-text is-focus-button:opacity-0">Get Directions</span> 9235 9236 9237 9238 9239</div> 9240 </a> 9241 9242 </div> 9243 9244 </div> 9245 </li> 9246 9247 9248 9249 9250 9251 <li :class="{ 'container-active': active == '2' }" class="mb-1 store-block-container"> 9252 <div id="item_JQeAXL" class="duration-200 p-break-words items-center pt-5 pb-5 pl-4 pr-4 md:pt-7 md:pb-7 md:pl-7 md:pr-7 border-0 rounded-[0.625rem] cursor-pointer hover:transition-all hover:ease-linear" 9253 :class="{ 'active': active == '2' }" 9254 @click="active = 2" 9255 tabindex="0" 9256 > 9257 9258 <p class="h4 location-title pl-1 pr-1 mb-2 md:pl-0 md:pr-0 font-bold"> 9259 Leawood, KS 9260 </p> 9261 9262 9263 <div class="draw-scroll-location grow overflow-y-auto scrollbar-body scrollbar-stable overflow-x-hidden pl-1 pr-1 md:pl-0 md:pr-0 mt-0 "><div class="hidden img_location pb-4"> 9264 9265 <img 9266 srcset="//www.joeskc.com/cdn/shop/files/joes-kc-leawood-location.jpeg?v=1742160843&width=225 225w, 9267 //www.joeskc.com/cdn/shop/files/joes-kc-leawood-location.jpeg?v=1742160843&width=375 375w, 9268 //www.joeskc.com/cdn/shop/files/joes-kc-leawood-location.jpeg?v=1742160843&width=450 450w, 9269 //www.joeskc.com/cdn/shop/files/joes-kc-leawood-location.jpeg?v=1742160843&width=750 750w, 9270 //www.joeskc.com/cdn/shop/files/joes-kc-leawood-location.jpeg?v=1742160843&width=900 900w, 9271 //www.joeskc.com/cdn/shop/files/joes-kc-leawood-location.jpeg?v=1742160843&width=1100 1100w, 9272 //www.joeskc.com/cdn/shop/files/joes-kc-leawood-location.jpeg?v=1742160843&width=1500 1500w, 9273 //www.joeskc.com/cdn/shop/files/joes-kc-leawood-location.jpeg?v=1742160843&width=1780 1780w, 9274 //www.joeskc.com/cdn/shop/files/joes-kc-leawood-location.jpeg?v=1742160843&width=2000 2000w, 9275 //www.joeskc.com/cdn/shop/files/joes-kc-leawood-location.jpeg?v=1742160843&width=3000 3000w, 9276 //www.joeskc.com/cdn/shop/files/joes-kc-leawood-location.jpeg?v=1742160843&width=3840 3840w" 9277 src="//www.joeskc.com/cdn/shop/files/joes-kc-leawood-location.jpeg?v=1742160843&width=1080" 9278 sizes="(min-width: 1024px) 28rem, 9279 (min-width: 768px) 24rem, 9280 100vw" 9281 alt="Joe's Kc Leawood location" 9282 class="w-full h-full object-cover object-center rounded-[1.25rem]" 9283 loading="lazy" 9284 height="471" 9285 width="1000" 9286 x-intersect.once="$el.classList.add('active')" 9287 > 9288 </div> 9289 9290<div class="rte address_location overflow-hidden mb-3 md:mb-4"> 9291 9292 <p class="rte">11723 Roe Ave, Leawood, KS 66211</p> 9293 9294 9295 <div class="info_storehour store-hour-template--19816069922883__multiple_stores_yK6DBn mb-2 md:mb-2.5 hidden"> 9296 <h3>Located in the heart of Leawood at 119th and Roe, our Leawood location is great for meetings and gathering with friends or family for what we think is Kansas Cityâs best BBQ. We serve the exact same BBQ that you would get at our original gas station location.</h3><p><strong>Established 2012</strong></p><p><strong>General Manager:</strong> Brian Irwin</p><p>Walk-ins only. No reservations.</p><h4><a href="tel:+19133385151" class="metafield-url">913.338.5151</a></h4><div class="metafield-rich_text_field"><h3><strong>Store hours</strong></h3><p><strong>Monday-Thursday:</strong> 11:00 a.m. - 9:00 p.m. </p><p><strong>Friday-Saturday:</strong> 11:00 a.m. - 10:00 p.m. </p><p><strong>Sunday </strong>CLOSED.</p></div><div class="metafield-rich_text_field"><h6><strong>Joe's Kansas City restaurants are closed on the following holidays: </strong>New Year's Day, Easter, Memorial Day, Fourth of July, Labor Day, Thanksgiving, Christmas Day</h6></div><h4>More Actions</h4><p><a href="https://order.joeskc.com/" target="_blank" title="https://order.joeskc.com/">Order Restaurant Pick Up</a></p><p><a href="https://catering.joeskc.com/" target="_blank" title="https://catering.joeskc.com/">Order Catering Pick-Up</a></p><p><a href="https://www.joeskc.com/pages/restaurant-menu" target="_blank" title="https://www.joeskc.com/pages/restaurant-menu">Restaurant Menu</a></p><p><a href="/pages/joes-kansas-city-leawood" target="_blank" title="Joe's Kansas City - Leawood">Learn more about this location here</a></p> 9297 </div> 9298 9299 </div> 9300 9301 <a data-id="item_JQeAXL" href="#item_JQeAXL" class="font-bold location-view cursor-pointer underline text-[rgba(var(--colors-heading))]" 9302 @click.prevent="openLocation($el); $store.xPopup.open = true;" 9303 >View details 9304 </a> 9305 </div> 9306 9307 <div class="container-btn-location-template--19816069922883__multiple_stores_yK6DBn w-full bottom-5 lg:bottom-10 pt-4"> 9308 9309 <a class="flex items-center justify-center h-[2.875rem] md:h-[3.125rem] btn-location-template--19816069922883__multiple_stores_yK6DBn button button-solid pt-2 pb-2 pl-4 pr-4" 9310 href="https://www.google.com/maps/place/11723 Roe Ave, Leawood, KS 66211" 9311 target="_blank" 9312 > 9313 9314<div class="flex justify-center "> 9315 9316 9317
9318 <span class="button-text is-focus-button:opacity-0">Get Directions</span> 9319 9320 9321 9322 9323</div> 9324 </a> 9325 9326 </div> 9327 9328 </div> 9329 </li> 9330 9331 9332 9333 9334 9335 <li :class="{ 'container-active': active == '3' }" class=""> 9336 <div id="item_CDQtj7" class="duration-200 p-break-words items-center pt-5 pb-5 pl-4 pr-4 md:pt-7 md:pb-7 md:pl-7 md:pr-7 border-0 rounded-[0.625rem] cursor-pointer hover:transition-all hover:ease-linear" 9337 :class="{ 'active': active == '3' }" 9338 @click="active = 3" 9339 tabindex="0" 9340 > 9341 9342 <p class="h4 location-title pl-1 pr-1 mb-2 md:pl-0 md:pr-0 font-bold"> 9343 Olathe, KS 9344 </p> 9345 9346 9347 <div class="draw-scroll-location grow overflow-y-auto scrollbar-body scrollbar-stable overflow-x-hidden pl-1 pr-1 md:pl-0 md:pr-0 mt-0 "><div class="hidden img_location pb-4"> 9348 9349 <img 9350 srcset="//www.joeskc.com/cdn/shop/files/Joe_s_KC_BBQ_Olathe_Location.png?v=1753208292&width=225 225w, 9351 //www.joeskc.com/cdn/shop/files/Joe_s_KC_BBQ_Olathe_Location.png?v=1753208292&width=375 375w, 9352 //www.joeskc.com/cdn/shop/files/Joe_s_KC_BBQ_Olathe_Location.png?v=1753208292&width=450 450w, 9353 //www.joeskc.com/cdn/shop/files/Joe_s_KC_BBQ_Olathe_Location.png?v=1753208292&width=750 750w, 9354 //www.joeskc.com/cdn/shop/files/Joe_s_KC_BBQ_Olathe_Location.png?v=1753208292&width=900 900w, 9355 //www.joeskc.com/cdn/shop/files/Joe_s_KC_BBQ_Olathe_Location.png?v=1753208292&width=1100 1100w, 9356 //www.joeskc.com/cdn/shop/files/Joe_s_KC_BBQ_Olathe_Location.png?v=1753208292&width=1500 1500w, 9357 //www.joeskc.com/cdn/shop/files/Joe_s_KC_BBQ_Olathe_Location.png?v=1753208292&width=1780 1780w, 9358 //www.joeskc.com/cdn/shop/files/Joe_s_KC_BBQ_Olathe_Location.png?v=1753208292&width=2000 2000w, 9359 //www.joeskc.com/cdn/shop/files/Joe_s_KC_BBQ_Olathe_Location.png?v=1753208292&width=3000 3000w, 9360 //www.joeskc.com/cdn/shop/files/Joe_s_KC_BBQ_Olathe_Location.png?v=1753208292&width=3840 3840w" 9361 src="//www.joeskc.com/cdn/shop/files/Joe_s_KC_BBQ_Olathe_Location.png?v=1753208292&width=1080" 9362 sizes="(min-width: 1024px) 28rem, 9363 (min-width: 768px) 24rem, 9364 100vw" 9365 alt="Joe's KC BBQ Olathe Location" 9366 class="w-full h-full object-cover object-center rounded-[1.25rem]" 9367 loading="lazy" 9368 height="1200" 9369 width="1200" 9370 x-intersect.once="$el.classList.add('active')" 9371 > 9372 </div> 9373 9374<div class="rte address_location overflow-hidden mb-3 md:mb-4"> 9375 9376 <p class="rte">11950 South Strang Line Road Olathe, KS 66062</p> 9377 9378 9379 <div class="info_storehour store-hour-template--19816069922883__multiple_stores_yK6DBn mb-2 md:mb-2.5 hidden"> 9380 <h3>Conveniently located off I-35 and 119thstreet in Olathe Kansas. Serving the exact same BBQ that youâd get in our original gas station location. Joeâs spacious Olathe restaurant is perfect for large gatherings and meetings.</h3><p><strong>Established 2006</strong></p><p><strong>General Manager:</strong> Lorie Wagner</p><p>Walk-ins only. No reservations.</p><h4><a href="tel:+19137826858" class="metafield-url">913.782.6858</a></h4><div class="metafield-rich_text_field"><h3><strong>Store hours</strong></h3><p><strong>Monday-Thursday:</strong> 11:00 a.m. - 9:00 p.m. </p><p><strong>Friday-Saturday:</strong> 11:00 a.m. - 10:00 p.m. </p><p><strong>Sunday </strong>CLOSED.</p></div><div class="metafield-rich_text_field"><h6><strong>Joe's Kansas City restaurants are closed on the following holidays: </strong>New Year's Day, Easter, Memorial Day, Fourth of July, Labor Day, Thanksgiving, Christmas Day</h6></div><h4>More Actions</h4><p><a href="https://order.joeskc.com/" target="_blank" title="https://order.joeskc.com/">Order Restaurant Pick Up</a></p><p><a href="https://catering.joeskc.com/" target="_blank" title="https://catering.joeskc.com/">Order Catering Pick-Up</a></p><p><a href="https://www.joeskc.com/pages/restaurant-menu" target="_blank" title="https://www.joeskc.com/pages/restaurant-menu">Restaurant Menu</a></p><p><a href="/pages/joes-kansas-city-olathe" target="_blank" title="Joe's Kansas City - Olathe">Learn more about this location here</a></p> 9381 </div> 9382 9383 </div> 9384 9385 <a data-id="item_CDQtj7" href="#item_CDQtj7" class="font-bold location-view cursor-pointer underline text-[rgba(var(--colors-heading))]" 9386 @click.prevent="openLocation($el); $store.xPopup.open = true;" 9387 >View details 9388 </a> 9389 </div> 9390 9391 <div class="container-btn-location-template--19816069922883__multiple_stores_yK6DBn w-full bottom-5 lg:bottom-10 pt-4"> 9392 9393 <a class="flex items-center justify-center h-[2.875rem] md:h-[3.125rem] btn-location-template--19816069922883__multiple_stores_yK6DBn button button-solid pt-2 pb-2 pl-4 pr-4" 9394 href="https://www.google.com/maps/place/11950 South Strang Line Road Olathe, KS 66062" 9395 target="_blank" 9396 > 9397 9398<div class="flex justify-center "> 9399 9400 9401
9402 <span class="button-text is-focus-button:opacity-0">Get Directions</span> 9403 9404 9405 9406 9407</div> 9408 </a> 9409 9410 </div> 9411 9412 </div> 9413 </li> 9414 9415 9416 9417 </ul> 9418 9419 </div> 9420 </div> 9421 </div> 9422 </div> 9423 </div> 9424 <div class="x-block-location-banner grow h-full md:flex items-start mt-2.5 md:mt-0"> 9425 <div x-intersect.once="$el.classList.remove('bg-[#c9c9c9]')" class="h_img_location content-visibility-auto w-full relative overflow-hidden bg-[#c9c9c9] rounded-[10px] section-height--template--19816069922883__multiple_stores_yK6DBn section-height-mobile--template--19816069922883__multiple_stores_yK6DBn h-img-location--template--19816069922883__multiple_stores_yK6DBn" x-ref="h_img_location"> 9426 9427 <div class="w-full h-full absolute top-0 left-0" x-show="active == '1'" :class="{ 'active': active == '1' }" > 9428 <img 9429 srcset="//www.joeskc.com/cdn/shop/files/Joe_s_KC_gas_station.png?v=1753385918&width=225 225w, 9430 //www.joeskc.com/cdn/shop/files/Joe_s_KC_gas_station.png?v=1753385918&width=375 375w, 9431 //www.joeskc.com/cdn/shop/files/Joe_s_KC_gas_station.png?v=1753385918&width=450 450w, 9432 //www.joeskc.com/cdn/shop/files/Joe_s_KC_gas_station.png?v=1753385918&width=750 750w, 9433 //www.joeskc.com/cdn/shop/files/Joe_s_KC_gas_station.png?v=1753385918&width=900 900w, 9434 //www.joeskc.com/cdn/shop/files/Joe_s_KC_gas_station.png?v=1753385918&width=1100 1100w, 9435 //www.joeskc.com/cdn/shop/files/Joe_s_KC_gas_station.png?v=1753385918&width=1400 1400w, 9436 //www.joeskc.com/cdn/shop/files/Joe_s_KC_gas_station.png?v=1753385918&width=1500 1500w, 9437 //www.joeskc.com/cdn/shop/files/Joe_s_KC_gas_station.png?v=1753385918&width=1780 1780w, 9438 //www.joeskc.com/cdn/shop/files/Joe_s_KC_gas_station.png?v=1753385918&width=2000 2000w, 9439 //www.joeskc.com/cdn/shop/files/Joe_s_KC_gas_station.png?v=1753385918&width=3000 3000w, 9440 //www.joeskc.com/cdn/shop/files/Joe_s_KC_gas_station.png?v=1753385918&width=3840 3840w" 9441 src="//www.joeskc.com/cdn/shop/files/Joe_s_KC_gas_station.png?v=1753385918&width=1080" 9442 sizes="(min-width: 1300px) calc(100vw - 564px) , 9443 (min-width: 1024px) calc(100vw - 564px), 9444 (min-width: 768px) calc(100vw - (40vw + 24px)), 9445 100vw" 9446 alt="Joe's Kansas City gas station location in mission KS" 9447 class="animate_transition_slide__image w-full h-full object-cover image-hover rounded-[10px]" 9448 9449 loading="lazy" 9450 9451 height="1914" 9452 width="4429" 9453 x-intersect.once="$el.classList.add('active')" 9454 > 9455 9456</div> 9457 9458 <div class="w-full h-full absolute top-0 left-0" x-show="active == '2'" :class="{ 'active': active == '2' }" x-cloak> 9459 <img 9460 srcset="//www.joeskc.com/cdn/shop/files/joes-kc-leawood-location.jpeg?v=1742160843&width=225 225w, 9461 //www.joeskc.com/cdn/shop/files/joes-kc-leawood-location.jpeg?v=1742160843&width=375 375w, 9462 //www.joeskc.com/cdn/shop/files/joes-kc-leawood-location.jpeg?v=1742160843&width=450 450w, 9463 //www.joeskc.com/cdn/shop/files/joes-kc-leawood-location.jpeg?v=1742160843&width=750 750w, 9464 //www.joeskc.com/cdn/shop/files/joes-kc-leawood-location.jpeg?v=1742160843&width=900 900w, 9465 //www.joeskc.com/cdn/shop/files/joes-kc-leawood-location.jpeg?v=1742160843&width=1100 1100w, 9466 //www.joeskc.com/cdn/shop/files/joes-kc-leawood-location.jpeg?v=1742160843&width=1400 1400w, 9467 //www.joeskc.com/cdn/shop/files/joes-kc-leawood-location.jpeg?v=1742160843&width=1500 1500w, 9468 //www.joeskc.com/cdn/shop/files/joes-kc-leawood-location.jpeg?v=1742160843&width=1780 1780w, 9469 //www.joeskc.com/cdn/shop/files/joes-kc-leawood-location.jpeg?v=1742160843&width=2000 2000w, 9470 //www.joeskc.com/cdn/shop/files/joes-kc-leawood-location.jpeg?v=1742160843&width=3000 3000w, 9471 //www.joeskc.com/cdn/shop/files/joes-kc-leawood-location.jpeg?v=1742160843&width=3840 3840w" 9472 src="//www.joeskc.com/cdn/shop/files/joes-kc-leawood-location.jpeg?v=1742160843&width=1080" 9473 sizes="(min-width: 1300px) calc(100vw - 564px) , 9474 (min-width: 1024px) calc(100vw - 564px), 9475 (min-width: 768px) calc(100vw - (40vw + 24px)), 9476 100vw" 9477 alt="Joe's Kc Leawood location" 9478 class="animate_transition_slide__image w-full h-full object-cover image-hover rounded-[10px]" 9479 9480 loading="lazy" 9481 9482 height="471" 9483 width="1000" 9484 x-intersect.once="$el.classList.add('active')" 9485 > 9486 9487</div> 9488 9489 <div class="w-full h-full absolute top-0 left-0" x-show="active == '3'" :class="{ 'active': active == '3' }" x-cloak> 9490 <img 9491 srcset="//www.joeskc.com/cdn/shop/files/Joe_s_KC_BBQ_Olathe_Location.png?v=1753208292&width=225 225w, 9492 //www.joeskc.com/cdn/shop/files/Joe_s_KC_BBQ_Olathe_Location.png?v=1753208292&width=375 375w, 9493 //www.joeskc.com/cdn/shop/files/Joe_s_KC_BBQ_Olathe_Location.png?v=1753208292&width=450 450w, 9494 //www.joeskc.com/cdn/shop/files/Joe_s_KC_BBQ_Olathe_Location.png?v=1753208292&width=750 750w, 9495 //www.joeskc.com/cdn/shop/files/Joe_s_KC_BBQ_Olathe_Location.png?v=1753208292&width=900 900w, 9496 //www.joeskc.com/cdn/shop/files/Joe_s_KC_BBQ_Olathe_Location.png?v=1753208292&width=1100 1100w, 9497 //www.joeskc.com/cdn/shop/files/Joe_s_KC_BBQ_Olathe_Location.png?v=1753208292&width=1400 1400w, 9498 //www.joeskc.com/cdn/shop/files/Joe_s_KC_BBQ_Olathe_Location.png?v=1753208292&width=1500 1500w, 9499 //www.joeskc.com/cdn/shop/files/Joe_s_KC_BBQ_Olathe_Location.png?v=1753208292&width=1780 1780w, 9500 //www.joeskc.com/cdn/shop/files/Joe_s_KC_BBQ_Olathe_Location.png?v=1753208292&width=2000 2000w, 9501 //www.joeskc.com/cdn/shop/files/Joe_s_KC_BBQ_Olathe_Location.png?v=1753208292&width=3000 3000w, 9502 //www.joeskc.com/cdn/shop/files/Joe_s_KC_BBQ_Olathe_Location.png?v=1753208292&width=3840 3840w" 9503 src="//www.joeskc.com/cdn/shop/files/Joe_s_KC_BBQ_Olathe_Location.png?v=1753208292&width=1080" 9504 sizes="(min-width: 1300px) calc(100vw - 564px) , 9505 (min-width: 1024px) calc(100vw - 564px), 9506 (min-width: 768px) calc(100vw - (40vw + 24px)), 9507 100vw" 9508 alt="Joe's KC BBQ Olathe Location" 9509 class="animate_transition_slide__image w-full h-full object-cover image-hover rounded-[10px]" 9510 9511 loading="lazy" 9512 9513 height="1200" 9514 width="1200" 9515 x-intersect.once="$el.classList.add('active')" 9516 > 9517 9518</div> 9519 9520 </div> 9521 </div> 9522 </div> 9523 </div> 9524 <style data-shopify>#content_location_detail-template--19816069922883__multiple_stores_yK6DBn .location-view { 9525 display: none; 9526 } 9527 #content_location_detail-template--19816069922883__multiple_stores_yK6DBn .img_location { 9528 display: block; 9529 padding-bottom: 20px; 9530 } 9531 #content_location_detail-template--19816069922883__multiple_stores_yK6DBn .info_storehour { 9532 display: block; 9533 } 9534 #content_location_detail-template--19816069922883__multiple_stores_yK6DBn .address_location { 9535 height: auto; 9536 white-space: initial; 9537 overflow: initial; 9538 margin-bottom: 0; 9539 -webkit-line-clamp: unset; 9540 } 9541 #content_location_detail-template--19816069922883__multiple_stores_yK6DBn .button-text { 9542 display: inline-block; 9543 } 9544 #content_location_detail-template--19816069922883__multiple_stores_yK6DBn .popup-mt { 9545 margin-top: 5rem; 9546 } 9547 #content_location_detail-template--19816069922883__multiple_stores_yK6DBn .info_storehour { 9548 margin-top: 5px; 9549 } 9550 #content_location_detail-template--19816069922883__multiple_stores_yK6DBn .info_storehour p:nth-child(2) { 9551 margin: 8px 0; 9552 } 9553 #content_location_detail-template--19816069922883__multiple_stores_yK6DBn .draw-scroll-location { 9554 margin-bottom: 1.75rem; 9555 margin-top: 1.75rem; 9556 } 9557 #content_location_detail-template--19816069922883__multiple_stores_yK6DBn .location-title { 9558 padding-right: 2.25rem; 9559 padding-left: 0px; 9560 padding-bottom: 20px; 9561 border-bottom-width: 1px; 9562 } 9563 .rtl #content_location_detail-template--19816069922883__multiple_stores_yK6DBn .location-title { 9564 padding-left: 2.25rem; 9565 padding-right: 0px; 9566 } 9567 @media (min-width: 768px) { 9568 #content_location_detail-template--19816069922883__multiple_stores_yK6DBn .draw-scroll-location { 9569 height: calc(100vh - 11rem); 9570 margin-bottom: 1.75rem; 9571 margin-top: 1.75rem; 9572 } 9573 #content_location_detail-template--19816069922883__multiple_stores_yK6DBn .popup-mt { 9574 margin-top: 5rem; 9575 } 9576 } 9577 button.bg-\[rgba\(var\(--colors-secondary-button\)\)\] { 9578 background-color: rgba(var(--colors-secondary-button)); 9579 }</style><template x-teleport="body"> 9580<div 9581 id="xMultipleStores" 9582 class="text-[rgb(var(--colors-text))] md:rounded-none" 9583 x-show="open" 9584 x-cloak 9585> 9586 <div class="fixed z-[60] typeDrawer md:fixed left-0 top-0 w-full h-full md:flex md:justify-end right-0 animate-goleft duration-300"> 9587 <div id="Location-Drawer-Overlay" class="bg-black opacity-40 block fixed top-0 right-0 bottom-0 left-0" @click="hideLocation(); $store.xPopup.open = false;" @keyup.escape.window="hideLocation(); $store.xPopup.open = false;" ></div> 9588 <div 9589 id="LocationDetail" 9590 role="dialog" 9591 aria-modal="true" 9592 aria-label="Your cart" 9593 tabindex="-1" 9594 class="z-30 overflow-hidden flex flex-col fixed bottom-0 left-0 md:bottom-auto max-h-[80vh] w-full right-0 md:z-auto md:relative md:max-h-screen md:w-96 bg-[rgba(var(--background-color),1)] md:left-auto lg:lg:max-w-md lg:w-screen rounded-t-[10px] md:rounded-[10px] md:mt-2.5 md:mb-2.5 md:mr-2.5 md:ml-2.5" 9595 x-show="open" 9596 x-transition:enter="transition-all ease-in-out duration-500" 9597 x-transition:enter-start="opacity-0 transform translate-y-1/3 md:translate-y-0 md:translate-x-1/3" 9598 x-transition:enter-end="opacity-100 transform translate-y-0 md:translate-x-0" 9599 x-transition:leave="transition ease-in-out duration-500" 9600 x-transition:leave-end="opacity-0 transform translate-y-1/3 md:translate-y-0 md:translate-x-1/3" 9601 x-intersect.full="$store.xModal.focus('xMultipleStores', 'CloseLocation')" 9602 @keyup.escape="$store.xModal.removeFocus(); show = false; $store.xPopup.open = false" 9603 > 9604 <div id="content_location_detail-template--19816069922883__multiple_stores_yK6DBn" class="flex flex-col overflow-hidden max-h-[80vh] md:max-h-screen pt-5 pb-5 pl-4 pr-4 md:pt-5 md:pb-5 md:pl-8 md:pr-8 opacity-1" x-ref="content_location_detail"></div> 9605 <button 9606 id="CloseLocation" 9607 @click="hideLocation(); $store.xPopup.open = false;" 9608 @keyup.escape.window="hideLocation(); $store.xPopup.open = false;" 9609 class="cursor-pointer absolute group-close-btn icon-close-container rounded-full z-10 top-2 md:top-[1.3rem] lg:end-10 right-4 md:right-8" 9610 > 9611 <svg class="icon-close-animation" width="100%" height="100%" viewB
9611ox="0 0 10 10" fill="none" xmlns="http://www.w3.org/2000/svg"> 9612 <path d="M1 9L5 5M5 5L9 1M5 5L1 1M5 5L9 9" stroke="currentColor" stroke-width="1" stroke-linecap="round" stroke-linejoin="round"/> 9613 </svg> 9614 9615 </button> 9616 </div> 9617 </div> 9618 </div> 9619</template> 9620 9621</div>
9622<script src="//www.joeskc.com/cdn/shop/t/80/assets/multiple-stores.js?v=135291728024214848891785247873" defer></script>
9622 9623<style> #shopify-section-template--19816069922883__multiple_stores_yK6DBn .info_storehour p a {display: inline-block; padding: 12px 20px; background: #7f2629; color: #fff !important; text-decoration: none; border-radius: 6px; border: 1px solid rgba(35, 31, 32, 0.2); box-shadow: 5px 5px 6px rgba(0, 0, 0, 0.2); transition: 0.2s; margin-bottom: 8px;} #shopify-section-template--19816069922883__multiple_stores_yK6DBn .info_storehour p a:hover {background: #fff; color: #7f2629 !important;} </style></section><section id="shopify-section-template--19816069922883__image_with_text_wmR4Vr" class="shopify-section section section-image-with-text x-section"> 9624<style data-shopify>.section-padding-template--19816069922883__image_with_text_wmR4Vr { 9625 padding-top: 16px; 9626 padding-bottom: 16px; 9627 } 9628 @media (min-width: 768px) { 9629 .section-padding-template--19816069922883__image_with_text_wmR4Vr { 9630 padding-top: 16px; 9631 padding-bottom: 16px; 9632 } 9633 } 9634 .iwt--template--19816069922883__image_with_text_wmR4Vr { 9635 9636 background: #ffffff; 9637 --background-color: 255, 255, 255; 9638 9639 } 9640 .dark .iwt--template--19816069922883__image_with_text_wmR4Vr { 9641 9642 background: rgb(var(--colors-background-secondary)); 9643 --background-color: var(--colors-background-secondary); 9644 9645 }.mobile-template--19816069922883__image_with_text_wmR4Vr-natural { 9646 padding-bottom: 99.95119570522206%; 9647 }.border-radius-template--19816069922883__image_with_text_wmR4Vr { 9648 9649 9650 border-radius: 10px; 9651 9652 9653 } 9654 @media screen and (min-width: 768px) {.desktop-template--19816069922883__image_with_text_wmR4Vr-natural { 9655 padding-bottom: 99.95119570522206%; 9656 }} 9657 .border--template--19816069922883__image_with_text_wmR4Vr, .border--template--19816069922883__image_with_text_wmR4Vr:before { 9658 9659 --colors-line-and-border: var(--colors-line-and-border-base) 9660 9661 } 9662 .dark .border--template--19816069922883__image_with_text_wmR4Vr, .dark .border--template--19816069922883__image_with_text_wmR4Vr:before { 9663 9664 --colors-line-and-border: var(--colors-line-and-border-base) 9665 9666 } 9667 .icon--template--19816069922883__image_with_text_wmR4Vr { 9668 width: 31.5px; 9669 height: 31.5px; 9670 min-width: 31.5px; 9671 min-height: 31.5px; 9672 9673 color: #231F20; 9674 9675 } 9676 @media (min-width: 1024px){ 9677 .icon--template--19816069922883__image_with_text_wmR4Vr { 9678 width: 45px; 9679 height: 45px; 9680 min-width: 45px; 9681 min-height: 45px; 9682 } 9683 } 9684 .dark .icon--template--19816069922883__image_with_text_wmR4Vr { 9685 9686 color: rgb(var(--colors-text)); 9687 9688 } 9689 9690 .dark .color-text--template--19816069922883__image_with_text_wmR4Vr { 9691 9692 --colors-text: var(--colors-text-secondary); 9693 9694 } 9695 .columns-header-color--template--19816069922883__image_with_text_wmR4Vr { 9696 9697 --colors-heading: 255,255,255; 9698 9699 } 9700 .dark .columns-header-color--template--19816069922883__image_with_text_wmR4Vr { 9701 9702 --colors-heading: var(--colors-heading-secondary); 9703 9704 }</style><div class="ltr section-padding-template--19816069922883__image_with_text_wmR4Vr md:pl-5 md:pr-5 full-width-mobile"> 9705 <div class="image-with-text text-[rgb(var(--colors-text))] desktop-large image-position-mobile-left border-radius-template--19816069922883__image_with_text_wmR4Vr stacked image-position-right image-with-text-overlap" 9706 > 9707 9708 <div class="iwt-image border-radius-template--19816069922883__image_with_text_wmR4Vr md:w-2/3 promotion w-full flex self-center"> 9709 <div class="promotion w-full relative md:h-auto min-h-[100%] md:promotion:h-[450px] md:promotion:pb-0 h-[250px] md:h-auto"> 9710 <div class="flex w-full h-full gap-x-1 relative md:promotion:relative"> 9711 9712 9713 9714 9715 <div class="border-radius-template--19816069922883__image_with_text_wmR4Vr w-full overflow-hidden h-[calc(100%-2rem)] md:h-[calc(100%-5rem)]"> 9716 <parallax-image class="block h-full w-full"> 9717 <parallax-movement x-data="xParallax" x-intersect.once.margin.200px="load(false)"> 9718 <img 9719 class="h-full w-full object-cover border-radius-template--19816069922883__image_with_text_wmR4Vr animate_transition_slide__image animate-Xpulse skeleton-image" 9720 srcset="//www.joeskc.com/cdn/shop/files/Catering-home_page_button.png?v=1742414004&width=450 450w, 9721 //www.joeskc.com/cdn/shop/files/Catering-home_page_button.png?v=1742414004&width=750 750w, 9722 //www.joeskc.com/cdn/shop/files/Catering-home_page_button.png?v=1742414004&width=900 900w, 9723 //www.joeskc.com/cdn/shop/files/Catering-home_page_button.png?v=1742414004&width=1100 1100w, 9724 //www.joeskc.com/cdn/shop/files/Catering-home_page_button.png?v=1742414004&width=1500 1500w, 9725 //www.joeskc.com/cdn/shop/files/Catering-home_page_button.png?v=1742414004 2049w" 9726 src="//www.joeskc.com/cdn/shop/files/Catering-home_page_button.png?v=1742414004&width=1500" 9727 alt="Joe's Kansas City Bar-B-Que catering, pick up or delivery ribs, turkey, brisket, BBQ beans, authentic KC BBQ" 9728 9729 9730 loading="lazy" 9731 9732 9733 onload="requestAnimationFrame(() => { this.closest('.skeleton-image')?.classList.remove('animate-Xpulse', 'skeleton-image'); this.closest('.animate_transition_slide__image')?.classList.add('active'); });" 9734 sizes=" 9735 9736 9737 (min-width: 1300px) 33.3333vw, (min-width: 768px) 33.3333vw, 9738 9739 9740 100vw" 9741 width="2049" 9742 height="2048" 9743 style="object-position: 50.0% 50.0%" 9744 > 9745 </parallax-movement> 9746 </parallax-image> 9747 </div> 9748 9749 9750 9751 <div class="border-radius-template--19816069922883__image_with_text_wmR4Vr h-full w-full overflow-hidden mt-8 md:mt-20 h-[calc(100%-2rem)] md:h-[calc(100%-5rem)]"> 9752 <parallax-image class="block h-full w-full"> 9753 <parallax-movement x-data="xParallax" x-intersect.once.margin.200px="load(false)"> 9754 <img 9755 class="h-full w-full object-cover border-radius-template--19816069922883__image_with_text_wmR4Vr animate_transition_slide__image animate-Xpulse skeleton-image" 9756 srcset="//www.joeskc.com/cdn/shop/files/Catering-1_498bc413-ad51-42ed-a268-a9b061a58b2c.jpg?v=1651160853&width=450 450w, 9757 //www.joeskc.com/cdn/shop/files/Catering-1_498bc413-ad51-42ed-a268-a9b061a58b2c.jpg?v=1651160853&width=750 750w, 9758 //www.joeskc.com/cdn/shop/files/Catering-1_498bc413-ad51-42ed-a268-a9b061a58b2c.jpg?v=1651160853&width=900 900w, 9759 //www.joeskc.com/cdn/shop/files/Catering-1_498bc413-ad51-42ed-a268-a9b061a58b2c.jpg?v=1651160853&width=1100 1100w, 9760 //www.joeskc.com/cdn/shop/files/Catering-1_498bc413-ad51-42ed-a268-a9b061a58b2c.jpg?v=1651160853&width=1500 1500w, 9761 //www.joeskc.com/cdn/shop/files/Catering-1_498bc413-ad51-42ed-a268-a9b061a58b2c.jpg?v=1651160853 800w" 9762 src="//www.joeskc.com/cdn/shop/files/Catering-1_498bc413-ad51-42ed-a268-a9b061a58b2c.jpg?v=1651160853&width=1500" 9763 alt="Joe's Kansas City Bar-B-Que catering, pick up or delivery side options for authentic KC BBQ" 9764 9765 9766 loading="lazy" 9767 9768 9769 onload="requestAnimationFrame(() => { this.closest('.skeleton-image')?.classList.remove('animate-Xpulse', 'skeleton-image'); this.closest('.animate_transition_slide__image')?.classList.add('active'); });" 9770 sizes=" 9771 9772 (min-width: 1300px) 33.333333333333336vw, (min-width: 768px) 33.333333333333336vw, 9773 9774 100vw" 9775 width="800" 9776 height="800" 9777 style="object-position: 50.0% 50.0%" 9778 > 9779 </parallax-movement> 9780 </parallax-image> 9781 </div> 9782 9783 9784 9785 </div> 9786 </div> 9787 </div> 9788 <div class="md:w-1/3 w-full flex justify-center md:justify-start iwt-content-overlap self-center md:justify-end" 9789 > 9790 <div class="iwt-content iwt-overlap iwt--template--19816069922883__image_with_text_wmR4Vr border-radius-template--19816069922883__image_with_text_wmR4Vr w-11/12 md:w-full xl:w-11/12 md:max-w-2xl lg:pl-20 lg:pr-20"><style data-shopify>.heading-size--heading_XRy4bV { 9791 font-size: 1.35rem; 9792 } 9793 .color-text-heading_XRy4bV { 9794 9795 9796 } 9797 .dark .color-text-heading_XRy4bV { 9798 9799 --colors-heading: var(--colors-heading-secondary); 9800 9801 9802 --colors-text: var(--colors-text-secondary); 9803 9804 } 9805 @media (min-width: 768px) { 9806 .heading-size--heading_XRy4bV { 9807 font-size: 2.25rem; 9808 } 9809 }</style> 9810 <div class="x-block-text color-text-heading_XRy4bV text-[rgb(var(--colors-text))] w-full mt-5 text-center rtl:text-center" > 9811 9812 9813 <div class="mt-2 mb-1.5 md:mt-2.5 md:mb-3"> 9814 9815 9816 9817<style data-shopify> 9818 9819 .dark .heading-heading_XRy4bV { 9820 9821 --color-highlight: rgb(127, 38, 41); 9822 9823 } 9824</style> 9825 9826 9827 9828 9829 9830 9831 <h3 9832 class='heading-heading_XRy4bV h2 block heading-size--heading_XRy4bV'> 9833 9834 9835 9836 Joe's KC Bar-B-Que Caters! 9837 9838 9839 </h3> 9840 9841 9842 9843 </div> 9844 9845 9846 9847 <div class="rte"><p><em><strong>Delivery and Full-Service also available. See menu for more information.</strong></em></p><p><a href="/pages/catering-menu" title="Catering Menu">View Catering Menu</a></p></div> 9848 9849 </div> 9850 9851 9852 <style data-shopify> 9853 .button-button_QTmk4M, .button-button_QTmk4M *:before { 9854 9855 9856 9857 9858 9859 9860 9861 } 9862 .dark .button-button_QTmk4M, .dark .button-button_QTmk4M *:before { 9863 9864 --colors-button: 0, 0, 0; 9865 9866 9867 --colors-button-text: 255, 255, 255; 9868 9869 9870 --colors-button-hover: rgb(255, 255, 255); 9871 9872 9873 --colors-button-text-hover: 36, 36, 36; 9874 9875 9876 --colors-secondary-button: 255, 255, 255; 9877 --colors-line-secondary-button: 255, 255, 255; 9878 9879 9880 --background-secondary-button: transparent; 9881 9882 9883 --colors-text-link: 127, 38, 41; 9884 9885 } 9886 </style> 9887 <div class="button-button_QTmk4M mb-9 md:mb-4 flex justify-center rtl:justify-center mt-4 md:mt-8" 9888 9889 > 9890 9891 <a class="button button-solid leading-normal empty:hidden text-center pl-7 pr-7 pt-2.5 pb-2.5 md:pl-8 md:pr-8 md:pt-3 md:pb-3" href="https://catering.joeskc.com/" target="_blank"> 9892 9893<div class="flex justify-center "> 9894 9895 9896
9897 <span class="button-text is-focus-button:opacity-0">Order Catering Pick-Up</span> 9898 9899 9900 9901 9902</div> 9903 </a> 9904 9905 </div> 9906 9907 9908 9909 </div> 9910 </div> 9911 </div> 9912</div> 9913 9914<style> #shopify-section-template--19816069922883__image_with_text_wmR4Vr a {display: inline-block; padding: 12px 20px; background: #7f2629; color: #fff; text-decoration: none; border-radius: 30px; border: 1px solid rgba(35, 31, 32, 0.2); box-shadow: 5px 5px 6px rgba(0, 0, 0, 0.2); transition: 0.2s;} #shopify-section-template--19816069922883__image_with_text_wmR4Vr a:hover {background: #fff; color: #7f2629;} </style></section><section id="shopify-section-template--19816069922883__featured_collection_jhekbQ" class="shopify-section section section-featured-collection x-section"> 9915<style data-shopify>.section-padding-template--19816069922883__featured_collection_jhekbQ { 9916 padding-top: 28px; 9917 padding-bottom: 28px; 9918 } 9919 @media (min-width: 768px) { 9920 .section-padding-template--19816069922883__featured_collection_jhekbQ { 9921 padding-top: 28px; 9922 padding-bottom: 28px; 9923 } 9924 } 9925 .heading-template--19816069922883__featured_collection_jhekbQ { 9926 font-size: 1.35rem; 9927 } 9928 #shopify-section-template--19816069922883__featured_collection_jhekbQ .collection-title .h4 { 9929 font-size: 0.875rem; 9930 } 9931 @media (min-width: 768px) { 9932 .heading-template--19816069922883__featured_collection_jhekbQ { 9933 font-size: 2.25rem; 9934 } 9935 #shopify-section-template--19816069922883__featured_collection_jhekbQ .collection-title .h4 { 9936 font-size: 0.98rem; 9937 } 9938 } 9939 @media (min-width: 1024px) { 9940 #shopify-section-template--19816069922883__featured_collection_jhekbQ .collection-title .h4 { 9941 font-size: 1.225rem; 9942 } 9943 } 9944 .collection-title .label-template--19816069922883__featured_collection_jhekbQ { 9945 9946 9947 background: rgba(35, 31, 32, 0.1); 9948 9949 9950 9951 color: rgb(var(--colors-heading)); 9952 9953 } 9954 .collection-title .label-template--19816069922883__featured_collection_jhekbQ.active, .collection-title .label-template--19816069922883__featured_collection_jhekbQ.active:hover { 9955 9956 background: #e3a6a8; 9957 9958 9959 color: rgb(var(--colors-heading)); 9960 9961 } 9962 .collection-title .label-template--19816069922883__featured_collection_jhekbQ:hover { 9963 9964 9965 background: rgba(35, 31, 32, 0.5); 9966 9967 9968 9969 color: rgb(var(--colors-heading)); 9970 9971 } 9972 .dark .collection-title .label-template--19816069922883__featured_collection_jhekbQ { 9973 9974 9975 background: rgba(255, 255, 255, 0.1); 9976 9977 9978 9979 color: rgb(var(--colors-heading)); 9980 9981 } 9982 .dark .collection-title .label-template--19816069922883__featured_collection_jhekbQ.active, .dark .collection-title .label-template--19816069922883__featured_collection_jhekbQ.active:hover { 9983 9984 9985 background: rgba(255, 255, 255, 0.5); 9986 9987 9988 9989 color: rgb(var(--colors-heading)); 9990 9991 } 9992 .dark .collection-title .label-template--19816069922883__featured_collection_jhekbQ:hover { 9993 9994 9995 background: rgba(255, 255, 255, 0.5); 9996 9997 9998 9999 color: rgb(var(--colors-heading)); 10000 10001 }</style> 10002<div 10003 class="x-container-featured-collection section-padding-template--19816069922883__featured_collection_jhekbQ" 10004 x-data="{ 10005 view_all_link: '/collections/best-sellers', 10006 setViewAllLink(url) { 10007 this.view_all_link = url; 10008 } 10009 }" 10010> 10011 <div class="collection_wrapper"><div class="mb-4 md:mb-2 relative"> 10012 <div class="relative w-full bg-transparent"><div class="featured-collection relative min-h-[300px] left-0 right-0 bg-[rgba(var(--background-color))] pb-2" x-data='xFeaturedCollection("template--19816069922883__featured_collection_jhekbQ", "page", $el)'> 10013 <div class="x-block-header pl-5 pr-5 flex flex-col items-center rtl:items-center 10014" 10015 ><div class=" flex-auto text-center rtl:text-center"> 10016 10017 10018 10019<style data-shopify> 10020 10021 .dark .heading-template--19816069922883__featured_collection_jhekbQ { 10022 10023 --color-highlight: rgb(127, 38, 41); 10024 10025 } 10026</style> 10027 10028 10029 10030 10031 10032 10033 <h2 10034 class='heading-template--19816069922883__featured_collection_jhekbQ h2 block leading-tight p-break-words'> 10035 10036 10037 10038 Joe's KC Bar-B-Que Nationwide Delivery 10039 10040 10041 </h2> 10042 10043 10044 10045<div class="rte mt-2 lg:mb-3"><h3>We ship Joeâs Kansas City Bar-B-Que nationwideâincluding the continental U.S., Alaska, and Hawaiiâso you can enjoy authentic Kansas City BBQ anywhere.</h3><p><a href="/collections" title="All collections"><em><strong>See All Collections Here</strong></em></a></p></div> 10046 10047 </div> 10048 10049 10050 <style data-shopify> 10051 .collection-title-container.scrollbar-body::-webkit-scrollbar{ 10052 width: 1px; 10053 height: 2px; 10054 } 10055 </style> 10056 <div class="collection-title-container h-10 md:h-auto relative mr-5 ml-5 z-[19] overflow-x-auto overflow-y-hidden scrollbar-body scrollbar-stable self
10056-center min-w-[30%] w-full"> 10057 <div class="flex flex-row md:flex-wrap items-center h-full gap-y-2 gap-x-2 md:gap-x-4 md:justify-center"> 10058 <div 10059 class="collection-title flex justify-center items-center max-w-[75%]" 10060 @click="setTimeout(() => { select(1); setViewAllLink('/collections/best-sellers'); scrollIntoView($el) }, 0)" 10061 :class="currentTab === 1 || 'opacity-80'" 10062 10063 10064 10065 10066 > 10067 <span 10068 class="none label-template--19816069922883__featured_collection_jhekbQ inline-block h4 text-sm whitespace-nowrap pt-1.5 pb-1.5 pl-2.5 pr-2.5 cursor-pointer w-full overflow-hidden text-ellipsis md:leading-none md:text-[120%] md:pt-2.5 md:pb-2.5 md:pl-3.5 md:pr-3.5 duration-300 leading-snug rounded-full" 10069 :class="currentTab === 1 && 'active'" 10070 > 10071 Best Sellers 10072 </span> 10073 </div> 10074 <div 10075 class="collection-title flex justify-center items-center max-w-[75%]" 10076 @click="setTimeout(() => { select(2); setViewAllLink('/collections/z-man-kits'); scrollIntoView($el) }, 0)" 10077 :class="currentTab === 2 || 'opacity-80'" 10078 10079 10080 x-intersect.once='loadData(2)' 10081 10082 > 10083 <span 10084 class="none label-template--19816069922883__featured_collection_jhekbQ inline-block h4 text-sm whitespace-nowrap pt-1.5 pb-1.5 pl-2.5 pr-2.5 cursor-pointer w-full overflow-hidden text-ellipsis md:leading-none md:text-[120%] md:pt-2.5 md:pb-2.5 md:pl-3.5 md:pr-3.5 duration-300 leading-snug rounded-full" 10085 :class="currentTab === 2 && 'active'" 10086 > 10087 Z-Man Kits 10088 </span> 10089 </div> 10090 <div 10091 class="collection-title flex justify-center items-center max-w-[75%]" 10092 @click="setTimeout(() => { select(3); setViewAllLink('/collections/a-la-carte-meats'); scrollIntoView($el) }, 0)" 10093 :class="currentTab === 3 || 'opacity-80'" 10094 10095 10096 x-intersect.once='loadData(3)' 10097 10098 > 10099 <span 10100 class="none label-template--19816069922883__featured_collection_jhekbQ inline-block h4 text-sm whitespace-nowrap pt-1.5 pb-1.5 pl-2.5 pr-2.5 cursor-pointer w-full overflow-hidden text-ellipsis md:leading-none md:text-[120%] md:pt-2.5 md:pb-2.5 md:pl-3.5 md:pr-3.5 duration-300 leading-snug rounded-full" 10101 :class="currentTab === 3 && 'active'" 10102 > 10103 A La Carte Meats 10104 </span> 10105 </div> 10106 <div 10107 class="collection-title flex justify-center items-center max-w-[75%]" 10108 @click="setTimeout(() => { select(4); setViewAllLink('/collections/sides-extras'); scrollIntoView($el) }, 0)" 10109 :class="currentTab === 4 || 'opacity-80'" 10110 10111 10112 x-intersect.once='loadData(4)' 10113 10114 > 10115 <span 10116 class="none label-template--19816069922883__featured_collection_jhekbQ inline-block h4 text-sm whitespace-nowrap pt-1.5 pb-1.5 pl-2.5 pr-2.5 cursor-pointer w-full overflow-hidden text-ellipsis md:leading-none md:text-[120%] md:pt-2.5 md:pb-2.5 md:pl-3.5 md:pr-3.5 duration-300 leading-snug rounded-full" 10117 :class="currentTab === 4 && 'active'" 10118 > 10119 Sides & Extras 10120 </span> 10121 </div> 10122 <div 10123 class="collection-title flex justify-center items-center max-w-[75%]" 10124 @click="setTimeout(() => { select(5); setViewAllLink('/collections/all-items'); scrollIntoView($el) }, 0)" 10125 :class="currentTab === 5 || 'opacity-80'" 10126 10127 10128 x-intersect.once='loadData(5)' 10129 10130 >
10131 <span 10132 class="none label-template--19816069922883__featured_collection_jhekbQ inline-block h4 text-sm whitespace-nowrap pt-1.5 pb-1.5 pl-2.5 pr-2.5 cursor-pointer w-full overflow-hidden text-ellipsis md:leading-none md:text-[120%] md:pt-2.5 md:pb-2.5 md:pl-3.5 md:pr-3.5 duration-300 leading-snug rounded-full" 10133 :class="currentTab === 5 && 'active'" 10134 > 10135 All Items 10136 </span> 10137 </div></div> 10138 </div> 10139 10140 </div><div class=" md:pl-5 md:pr-5 full-width-mobile" x-show="loading"> 10141 10142 10143 <div :class="currentTab === 2? '!block': 'hidden'" class="hidden lg:mt-8"> 10144 10145<style data-shopify> 10146 .gap-skeleton-template--19816069922883__featured_collection_jhekbQ { 10147 gap: 16px; 10148 } 10149 @media (min-width: 768px) { 10150 .gap-skeleton-template--19816069922883__featured_collection_jhekbQ { 10151 gap: 28px; 10152 } 10153 } 10154</style> 10155 10156 <div class="w-full grid grid-cols-1 md:grid-cols-4 lg:grid-cols-5 gap-skeleton-template--19816069922883__featured_collection_jhekbQ"> 10157 10158 <div class="animate-Xpulse"> 10159 <div class="bg-[#c9c9c9] relative z-20 overflow-hidden rounded-[10px] before:h-0 before:block z-0 pb-[100%]"></div> 10160 <div class="flex flex-col items-center"> 10161 <div class="h-3 w-3/4 bg-[#c9c9c9] mt-4"></div> 10162 <div class="h-3 w-1/2 bg-[#c9c9c9] mt-2.5 mb-2.5"></div> 10163 </div> 10164 </div> 10165 10166 <div class="animate-Xpulse hidden md:block"> 10167 <div class="bg-[#c9c9c9] relative z-20 overflow-hidden rounded-[10px] before:h-0 before:block z-0 pb-[100%]"></div> 10168 <div class="flex flex-col items-center"> 10169 <div class="h-3 w-3/4 bg-[#c9c9c9] mt-4"></div> 10170 <div class="h-3 w-1/2 bg-[#c9c9c9] mt-2.5 mb-2.5"></div> 10171 </div> 10172 </div> 10173 10174 <div class="animate-Xpulse hidden md:block"> 10175 <div class="bg-[#c9c9c9] relative z-20 overflow-hidden rounded-[10px] before:h-0 before:block z-0 pb-[100%]"></div> 10176 <div class="flex flex-col items-center"> 10177 <div class="h-3 w-3/4 bg-[#c9c9c9] mt-4"></div> 10178 <div class="h-3 w-1/2 bg-[#c9c9c9] mt-2.5 mb-2.5"></div> 10179 </div> 10180 </div> 10181 10182 <div class="animate-Xpulse hidden md:block"> 10183 <div class="bg-[#c9c9c9] relative z-20 overflow-hidden rounded-[10px] before:h-0 before:block z-0 pb-[100%]"></div> 10184 <div class="flex flex-col items-center"> 10185 <div class="h-3 w-3/4 bg-[#c9c9c9] mt-4"></div> 10186 <div class="h-3 w-1/2 bg-[#c9c9c9] mt-2.5 mb-2.5"></div> 10187 </div> 10188 </div> 10189 10190 <div class="animate-Xpulse hidden md:block"> 10191 <div class="bg-[#c9c9c9] relative z-20 overflow-hidden rounded-[10px] before:h-0 before:block z-0 pb-[100%]"></div> 10192 <div class="flex flex-col items-center"> 10193 <div class="h-3 w-3/4 bg-[#c9c9c9] mt-4"></div> 10194 <div class="h-3 w-1/2 bg-[#c9c9c9] mt-2.5 mb-2.5"></div> 10195 </div> 10196 </div> 10197 10198 </div> 10199 10200 </div> 10201 10202 10203 10204 <div :class="currentTab === 3? '!block': 'hidden'" class="hidden lg:mt-8"> 10205 10206<style data-shopify> 10207 .gap-skeleton-template--19816069922883__featured_collection_jhekbQ { 10208 gap: 16px; 10209 } 10210 @media (min-width: 768px) { 10211 .gap-skeleton-template--19816069922883__featured_collection_jhekbQ { 10212 gap: 28px; 10213 } 10214 } 10215</style> 10216 10217 <div class="w-full grid grid-cols-1 md:grid-cols-4 lg:grid-cols-5 gap-skeleton-template--19816069922883__featured_collection_jhekbQ"> 10218 10219 <div class="animate-Xpulse"> 10220 <div class="bg-[#c9c9c9] relative z-20 overflow-hidden rounded-[10px] before:h-0 before:block z-0 pb-[100%]"></div> 10221 <div class="flex flex-col items-center"> 10222 <div class="h-3 w-3/4 bg-[#c9c9c9] mt-4"></div> 10223 <div class="h-3 w-1/2 bg-[#c9c9c9] mt-2.5 mb-2.5"></div> 10224 </div> 10225 </div> 10226 10227 <div class="animate-Xpulse hidden md:block"> 10228 <div class="bg-[#c9c9c9] relative z-20 overflow-hidden rounded-[10px] before:h-0 before:block z-0 pb-[100%]"></div> 10229 <div class="flex flex-col items-center"> 10230 <div class="h-3 w-3/4 bg-[#c9c9c9] mt-4"></div> 10231 <div class="h-3 w-1/2 bg-[#c9c9c9] mt-2.5 mb-2.5"></div> 10232 </div> 10233 </div> 10234 10235 <div class="animate-Xpulse hidden md:block"> 10236 <div class="bg-[#c9c9c9] relative z-20 overflow-hidden rounded-[10px] before:h-0 before:block z-0 pb-[100%]"></div> 10237 <div class="flex flex-col items-center"> 10238 <div class="h-3 w-3/4 bg-[#c9c9c9] mt-4"></div> 10239 <div class="h-3 w-1/2 bg-[#c9c9c9] mt-2.5 mb-2.5"></div> 10240 </div> 10241 </div> 10242 10243 <div class="animate-Xpulse hidden md:block"> 10244 <div class="bg-[#c9c9c9] relative z-20 overflow-hidden rounded-[10px] before:h-0 before:block z-0 pb-[100%]"></div> 10245 <div class="flex flex-col items-center"> 10246 <div class="h-3 w-3/4 bg-[#c9c9c9] mt-4"></div> 10247 <div class="h-3 w-1/2 bg-[#c9c9c9] mt-2.5 mb-2.5"></div> 10248 </div> 10249 </div> 10250 10251 <div class="animate-Xpulse hidden md:block"> 10252 <div class="bg-[#c9c9c9] relative z-20 overflow-hidden rounded-[10px] before:h-0 before:block z-0 pb-[100%]"></div> 10253 <div class="flex flex-col items-center"> 10254 <div class="h-3 w-3/4 bg-[#c9c9c9] mt-4"></div> 10255 <div class="h-3 w-1/2 bg-[#c9c9c9] mt-2.5 mb-2.5"></div> 10256 </div> 10257 </div> 10258 10259 </div> 10260 10261 </div> 10262 10263 10264 10265 <div :class="currentTab === 4? '!block': 'hidden'" class="hidden lg:mt-8"> 10266 10267<style data-shopify> 10268 .gap-skeleton-template--19816069922883__featured_collection_jhekbQ { 10269 gap: 16px; 10270 } 10271 @media (min-width: 768px) { 10272 .gap-skeleton-template--19816069922883__featured_collection_jhekbQ { 10273 gap: 28px; 10274 } 10275 } 10276</style> 10277 10278 <div class="w-full grid grid-cols-1 md:grid-cols-4 lg:grid-cols-5 ga
10278p-skeleton-template--19816069922883__featured_collection_jhekbQ"> 10279 10280 <div class="animate-Xpulse"> 10281 <div class="bg-[#c9c9c9] relative z-20 overflow-hidden rounded-[10px] before:h-0 before:block z-0 pb-[100%]"></div> 10282 <div class="flex flex-col items-center"> 10283 <div class="h-3 w-3/4 bg-[#c9c9c9] mt-4"></div> 10284 <div class="h-3 w-1/2 bg-[#c9c9c9] mt-2.5 mb-2.5"></div> 10285 </div> 10286 </div> 10287 10288 <div class="animate-Xpulse hidden md:block"> 10289 <div class="bg-[#c9c9c9] relative z-20 overflow-hidden rounded-[10px] before:h-0 before:block z-0 pb-[100%]"></div> 10290 <div class="flex flex-col items-center"> 10291 <div class="h-3 w-3/4 bg-[#c9c9c9] mt-4"></div> 10292 <div class="h-3 w-1/2 bg-[#c9c9c9] mt-2.5 mb-2.5"></div> 10293 </div> 10294 </div> 10295 10296 <div class="animate-Xpulse hidden md:block"> 10297 <div class="bg-[#c9c9c9] relative z-20 overflow-hidden rounded-[10px] before:h-0 before:block z-0 pb-[100%]"></div> 10298 <div class="flex flex-col items-center"> 10299 <div class="h-3 w-3/4 bg-[#c9c9c9] mt-4"></div> 10300 <div class="h-3 w-1/2 bg-[#c9c9c9] mt-2.5 mb-2.5"></div> 10301 </div> 10302 </div> 10303 10304 <div class="animate-Xpulse hidden md:block"> 10305 <div class="bg-[#c9c9c9] relative z-20 overflow-hidden rounded-[10px] before:h-0 before:block z-0 pb-[100%]"></div> 10306 <div class="flex flex-col items-center"> 10307 <div class="h-3 w-3/4 bg-[#c9c9c9] mt-4"></div> 10308 <div class="h-3 w-1/2 bg-[#c9c9c9] mt-2.5 mb-2.5"></div> 10309 </div> 10310 </div> 10311 10312 <div class="animate-Xpulse hidden md:block"> 10313 <div class="bg-[#c9c9c9] relative z-20 overflow-hidden rounded-[10px] before:h-0 before:block z-0 pb-[100%]"></div> 10314 <div class="flex flex-col items-center"> 10315 <div class="h-3 w-3/4 bg-[#c9c9c9] mt-4"></div> 10316 <div class="h-3 w-1/2 bg-[#c9c9c9] mt-2.5 mb-2.5"></div> 10317 </div> 10318 </div> 10319 10320 </div> 10321 10322 </div> 10323 10324 10325 10326 <div :class="currentTab === 5? '!block': 'hidden'" class="hidden lg:mt-8"> 10327 10328<style data-shopify> 10329 .gap-skeleton-template--19816069922883__featured_collection_jhekbQ { 10330 gap: 16px; 10331 } 10332 @media (min-width: 768px) { 10333 .gap-skeleton-template--19816069922883__featured_collection_jhekbQ { 10334 gap: 28px; 10335 } 10336 } 10337</style> 10338 10339 <div class="w-full grid grid-cols-1 md:grid-cols-4 lg:grid-cols-5 gap-skeleton-template--19816069922883__featured_collection_jhekbQ"> 10340 10341 <div class="animate-Xpulse"> 10342 <div class="bg-[#c9c9c9] relative z-20 overflow-hidden rounded-[10px] before:h-0 before:block z-0 pb-[100%]"></div> 10343 <div class="flex flex-col items-center"> 10344 <div class="h-3 w-3/4 bg-[#c9c9c9] mt-4"></div> 10345 <div class="h-3 w-1/2 bg-[#c9c9c9] mt-2.5 mb-2.5"></div> 10346 </div> 10347 </div> 10348 10349 <div class="animate-Xpulse hidden md:block"> 10350 <div class="bg-[#c9c9c9] relative z-20 overflow-hidden rounded-[10px] before:h-0 before:block z-0 pb-[100%]"></div> 10351 <div class="flex flex-col items-center"> 10352 <div class="h-3 w-3/4 bg-[#c9c9c9] mt-4"></div> 10353 <div class="h-3 w-1/2 bg-[#c9c9c9] mt-2.5 mb-2.5"></div> 10354 </div> 10355 </div> 10356 10357 <div class="animate-Xpulse hidden md:block"> 10358 <div class="bg-[#c9c9c9] relative z-20 overflow-hidden rounded-[10px] before:h-0 before:block z-0 pb-[100%]"></div> 10359 <div class="flex flex-col items-center"> 10360 <div class="h-3 w-3/4 bg-[#c9c9c9] mt-4"></div> 10361 <div class="h-3 w-1/2 bg-[#c9c9c9] mt-2.5 mb-2.5"></div> 10362 </div> 10363 </div> 10364 10365 <div class="animate-Xpulse hidden md:block"> 10366 <div class="bg-[#c9c9c9] relative z-20 overflow-hidden rounded-[10px] before:h-0 before:block z-0 pb-[100%]"></div> 10367 <div class="flex flex-col items-center"> 10368 <div class="h-3 w-3/4 bg-[#c9c9c9] mt-4"></div> 10369 <div class="h-3 w-1/2 bg-[#c9c9c9] mt-2.5 mb-2.5"></div> 10370 </div> 10371 </div> 10372 10373 <div class="animate-Xpulse hidden md:block"> 10374 <div class="bg-[#c9c9c9] relative z-20 overflow-hidden rounded-[10px] before:h-0 before:block z-0 pb-[100%]"></div> 10375 <div class="flex flex-col items-center"> 10376 <div class="h-3 w-3/4 bg-[#c9c9c9] mt-4"></div> 10377 <div class="h-3 w-1/2 bg-[#c9c9c9] mt-2.5 mb-2.5"></div> 10378 </div> 10379 </div> 10380 10381 </div> 10382 10383 </div> 10384 10385 10386 </div> 10387 10388 10389 10390 10391 <div class="animate-fade-in relative mt-4 lg:mt-8" 10392 id="x-fc-template--19816069922883__featured_collection_jhekbQ-1" 10393 x-show="currentTab == 1" 10394 > 10395 <style data-shopify> 10396 10397 @media (max-width: 767px) { 10398 .preload-slide-mobile--collection_bGeicbtemplate--19816069922883__featured_collection_jhekbQ { 10399 margin-right: 16px; 10400 10401 width: calc(((100% + 16px) / 1) - 16px); 10402 } 10403 } 10404 10405 10406 10407 </style> 10408 <div 10409 class=" carousel-mobile md:pl-5 md:pr-5 pl-0 pr-0 md:pl-5 md:pr-5" 10410 x-intersect.once.margin.-200px='$store.xCustomerEvent.fire("list_product_viewed", $el, {list: { title: `Best Sellers`, id: "collection" }}
10410)' 10411 ><div ><div 10412 id="x-collection-collection_bGeicb" 10413 class="collection overflow-hidden x-splide visible splide pl-5 pr-5 md:pl-0 md:pr-0" 10414 x-data-slider="template--19816069922883__featured_collection_jhekbQ" 10415 x-intersect.once.margin.200px='$store.xSplide.load($el, { 10416 "speed": 1000, 10417 "pagination": false, 10418 "mediaQuery": "min", 10419 "updateOnMove": "true", 10420 "pauseOnHover": true, 10421 "pauseOnFocus": false, 10422 "progressBar": 5, 10423 10424"rewind": true, 10425 "autoplay": true, 10426 "interval": 5000, 10427 "breakpoints": { 10428 300: {"gap": "16px", 10429 "perPage": 1, 10430 "perMove": 1 10431 }, 10432 768: { 10433 "drag": true, 10434 "destroy": true, 10435 "gap": "28px", 10436 "perPage": 4, 10437 "perMove": 4 10438 }, 10439 1024: { 10440 "perPage": 5, 10441 "perMove": 5 10442 } 10443 }, 10444 "classes": { 10445 "arrows" : "block" 10446 }, 10447 "events": [ 10448 { 10449 "event": "ready", 10450 "callback": () => { 10451 document.dispatchEvent(new CustomEvent("eurus:template--19816069922883__featured_collection_jhekbQ:splide-ready")); 10452 } 10453 } 10454 ] 10455 })'x-intersect.once='$el.classList.add("is-ready-to-animate")' 10456 > 10457 <style data-shopify> 10458 .gap-mobile-collection_bGeicb-template--19816069922883__featured_collection_jhekbQ { 10459 gap: 16px; 10460 } 10461 @media (min-width: 768px) { 10462 .gap-collection_bGeicb-template--19816069922883__featured_collection_jhekbQ { 10463 10464 gap: 28px; 10465 10466 } 10467 } 10468 </style> 10469 10470 <div class="splide__arrows flex items-center justify-center gap-3 md:gap-0 md:mt-0 mt-5 order-2"> 10471 <button 10472 class="splide__arrow splide__arrow--prev button-arrow pt-3 pb-3 pr-3 pl-3 rounded-full z-10 w-11 h-11 border border-solid md:border-none after:text-[20px] rtl:rotate-180 disabled:cursor-not-allowed disabled:opacity-30 hidden md:hidden" 10473 aria-label="previous slide" 10474 > 10475 <span class="hidden">previous slide</span> 10476 10477 <svg width="100%" height="100%" viewBox="0 0 100 100" fill="none" xmlns="http://www.w3.org/2000/svg"> 10478 <path fill="none" d="M72.0001 95L27 49.9999L72.0001 5" stroke="currentColor" stroke-width="6.5" stroke-linecap="round" stroke-linejoin="round"/> 10479 </svg> 10480 10481 10482 10483 </button> 10484 <button 10485 class="splide__arrow splide__arrow--next button-arrow pt-3 pb-3 pr-3 pl-3 rounded-full z-10 w-11 h-11 border border-solid md:border-none after:text-[20px] rtl:rotate-180 disabled:cursor-not-allowed disabled:opacity-30 hidden md:hidden" 10486 aria-label="next slide" 10487 > 10488 <span class="hidden">next slide</span> 10489 10490 <svg width="100%" height="100%" viewBox="0 0 100 100" fill="none" xmlns="http://www.w3.org/2000/svg"> 10491 <path fill="none" d="M26.9999 5L72 50.0001L26.9999 95" stroke="currentColor" stroke-width="6.5" stroke-linecap="round" stroke-linejoin="round"/> 10492 </svg> 10493 10494 10495 10496 </button> 10497 </div> 10498 10499 10500 <div class="splide__track lg:pl-0 lg:pr-0"> 10501 10502 <div class="splide__list gap-collection_bGeicb-template--19816069922883__featured_collection_jhekbQ md:grid md:grid-cols-4 lg:grid-cols-5 flex w-full"><style data-shopify> 10503 .x-slide-animation-duration-1 { 10504 --delay-time: 0ms 10505 } 10506 </style> 10507 10508 10509 10510 10511<div 10512
10513 x-data="xProductCard('template--19816069922883__featured_collection_jhekbQ-1-1', '/collections/best-sellers/products/slaughterhouse-five', '1666759681')" 10514 10515 class="card-product overflow-hidden card md:list-layout:flex relative pb-4 md:pb-5 splide__slide x-splide-slide h-auto preload-slide-collection_bGeicbtemplate--19816069922883__featured_collection_jhekbQ preload-slide-mobile--collection_bGeicbtemplate--19816069922883__featured_collection_jhekbQ rounded-[10px]" 10516 x-slide-index="0" 10517> 10518 <div class="md:list-layout:w-2/5 md:list-layout:lg:w-1/4 relative disable-effect md:list-layout:pr-8" 10519 > 10520 10521 <a 10522 10523 x-intersect.once.margin.-20px.0px.-20px.0px="$el.querySelector('.animate_transition_card__image')?.classList.add('active', 'lazy_active')" 10524 10525 href="/collections/best-sellers/products/slaughterhouse-five" 10526 10527 x-data="{ lastWindowWidth: 0 }" 10528 x-intersect.once.margin.200px='$nextTick(() => { $store.xBadges && $store.xBadges.load($el, () => {}, null, true); })' 10529 x-labels-data="[ 10530 10531{ 10532 "variant_id": 41603127377987, 10533 "product_id": 1666759681, 10534 "available": true, 10535 "title": "Slaughterhouse Five", 10536 "compare_at_price": 0, 10537 "price": 19999, 10538 "price_with_currency": "$ 199.99", 10539 "sale_amount": "$ -199.99", 10540 "collections": "||165788254275||69089857||69089921||288082919491||69090241||69090817||297689448515||216422407||69091073||", 10541 "inventory_management": "shopify", 10542 "qty": 503, 10543 "container": "card", 10544 "can_show_preorder": false, 10545 "diff_day_create": 1437767529, 10546 "diff_day_publish": 1778167720 10547 10548 } 10549 ]" 10550 10551 aria-label="Slaughterhouse Five" 10552 id="1666759681-template--19816069922883__featured_collection_jhekbQ" 10553 class="x-labels-data ltr group link-product-variant overflow-hidden block relative z-[15] cursor-pointer before:h-0 before:block no-collage rounded-[10px] pb-[100%]"> 10554 <div
10555 id="x-slideshow-card-product-template--19816069922883__featured_collection_jhekbQ-1-1-0" 10556 class="block w-full h-full absolute top-0 left-0 z-0 overflow-hidden x-splide splide visible animate_transition_card__image" 10557 @click='$store.xCustomerEvent.fire("product_selected", $el)' 10558 x-customer-event-data="{ 10559 "product": { 10560 "title": "Slaughterhouse Five", 10561 "listName": "Best Sellers", 10562 "sku": "1666759681", 10563 "currencyCode": "USD", 10564 "price": 19999, 10565 "vendor": "SendJoesKCBBQ" 10566 } 10567 }" 10568 x-cloak 10569 10570 x-intersect.once.margin.200px='$store.xSplide.load($el, { 10571 "drag": true, 10572 "pagination": true, 10573 "arrows": false, 10574 "pauseOnFocus": false, 10575 "pauseOnHover": false, 10576 "perMove": 1, 10577 "perPage": 1, 10578 "focus": "center", 10579 "mediaQuery": "min", 10580 "rewind": true, 10581 10582 "destroy": true, 10583 10584 "breakpoints": { 10585 1024: { 10586 10587 "destroy": true 10588 10589 } 10590 }, 10591 10592 "playOnHover": true, 10593 10594 10595 "classes": { 10596 "pagination": "gap-1 flex-nowrap absolute bottom-2 left-2.5 rtl:right-2.5 rtl:left-auto flex", 10597 "page": "paginate-dots-card-product duration-200 rounded-full w-2 flex items-center h-2" 10598 }, 10599 "type": "fade", 10600 })'> 10601 <div 10602 id="image-product-template--19816069922883__featured_collection_jhekbQ-1-1-0" 10603 class="splide__track overflow-hidden max-h-full h-full w-full" 10604 > 10605 <div class="w-full h-full splide__list"> 10606 <div class="w-full z-0 h-full min-h-full overflow-hidden splide__slide x-splide-slide h-full max-h-full lg:top-0 lg:left-0 lg:absolute" 10607 > 10608 10609 <picture> 10610 <img 10611 srcset=" 10612 //www.joeskc.com/cdn/shop/products/SlaughterhouseFive-Web.jpg?v=1527204128&width=250 250w, 10613 //www.joeskc.com/cdn/shop/products/SlaughterhouseFive-Web.jpg?v=1527204128&width=350 350w, 10614 //www.joeskc.com/cdn/shop/products/SlaughterhouseFive-Web.jpg?v=1527204128&width=450 450w, 10615 //www.joeskc.com/cdn/shop/products/SlaughterhouseFive-Web.jpg?v=1527204128&width=750 750w, 10616 //www.joeskc.com/cdn/shop/products/SlaughterhouseFive-Web.jpg?v=1527204128&width=900 900w, 10617 //www.joeskc.com/cdn/shop/products/SlaughterhouseFive-Web.jpg?v=1527204128&width=1100 1100w, 10618 //www.joeskc.com/cdn/shop/products/SlaughterhouseFive-Web.jpg?v=1527204128&width=1500 1500w,//www.joeskc.com/cdn/shop/products/SlaughterhouseFive-Web.jpg?v=1527204128 600w" 10619 src="//www.joeskc.com/cdn/shop/products/SlaughterhouseFive-Web.jpg?v=1527204128&width=1500" 10620 sizes="(min-width: 1300px) calc(100vw / 5), (min-width: 1024px) calc((100vw) / 5), (min-width: 768px) calc((100vw) / 2), calc((100vw /1) )" 10621 alt="Slaughterhouse Five, Joe's Kansas City Bar-B-Que, Joe's KC, BBQ, Barbecue, Kansas City, Ship BBQ" 10622 class="w-full preview-img motion-reduce aspect-square relative animate-Xpulse skeleton-image object-cover h-full min-h-full image-first-hover lg:group-hover:opacity-0 animate_transition_image" 10623 10624 loading="lazy" 10625 10626 width="600" 10627 height="600" 10628 onload="requestAnimationFrame(() => { 10629 this?.classList.add('active');this.closest('.skeleton-image')?.classList.remove('animate-Xpulse', 'skeleton-image'); 10630 setTimeout(() => { this.closest('.animate_transition_card__image')?.classList.add('lazy_active', 'active'); }, 250); 10631 })" 10632 /> 10633 </picture> 10634 10635 </div><style data-shopify> 10636 #image-product-template--19816069922883__featured_collection_jhekbQ-1-1-0 .media-slide:not(:first-child) { 10637 height: 100%; 10638 } 10639 </style> 10640 <div class="media-slide splide__slide x-splide-slide z-0 transition ease-out duration-300 w-full h-full lg:block"> 10641 10642 <picture> 10643 <img 10644 srcset="//www.joeskc.com/cdn/shop/products/Send-Joes-KC-Slaughterhouse-Five-20-Years2_c3138d33-2043-4203-ae2b-09307e0cad80.png?v=1527204128&width=250 250w, 10645 //www.joeskc.com/cdn/shop/products/Send-Joes-KC-Slaughterhouse-Five-20-Years2_c3138d33-2043-4203-ae2b-09307e0cad80.png?v=1527204128&width=350 350w, 10646 //www.joeskc.com/cdn/shop/products/Send-Joes-KC-Slaughterhouse-Five-20-Years2_c3138d33-2043-4203-ae2b-09307e0cad80.png?v=1527204128&width=450 450w, 10647 //www.joeskc.com/cdn/shop/products/Send-Joes-KC-Slaughterhouse-Five-20-Years2_c3138d33-2043-4203-ae2b-09307e0cad80.png?v=1527204128&width=750 750w, 10648 //www.joeskc.com/cdn/shop/products/Send-Joes-KC-Slaughterhouse-Five-20-Years2_c3138d33-2043-4203-ae2b-09307e0cad80.png?v=1527204128&width=900 900w, 10649 //www.joeskc.com/cdn/shop/products/Send-Joes-KC-Slaughterhouse-Five-20-Years2_c3138d33-2043-4203-ae2b-09307e0cad80.png?v=1527204128&width=1100 1100w, 10650 //www.joeskc.com/cdn/shop/products/Send-Joes-KC-Slaughterhouse-Five-20-Years2_c3138d33-2043-4203-ae2b-09307e0cad80.png?v=1527204128&width=1500 1500w,//www.joeskc.com/cdn/shop/products/Send-Joes-KC-Slaughterhouse-Five-20-Years2_c3138d33-2043-4203-ae2b-09307e0cad80.png?v=1527204128 1024w" 10651 src="//www.joeskc.com/cdn/shop/products/Send-Joes-KC-Slaughterhouse-Five-20-Years2_c3138d33-2043-4203-ae2b-09307e0cad80.png?v=1527204128&width=1500" 10652 sizes="(min-width: 1300px) calc(100vw / 5), (min-width: 1024px) calc((100vw) / 5), (min-width: 768px) calc((100vw) / 2), calc((100vw /1) )" 10653 alt="Slaughterhouse Five, Joe's Kansas City Bar-B-Que, Joe's KC, BBQ, Barbecue, Kansas City, Ship BBQ" 10654 class="motion-reduce min-w-full h-full object-cover group-hover:cursor-pointer content-visibility-auto image-second-hover lg:opacity-0 lg:group-hover:opacity-100" 10655 loading="lazy" 10656 width="1024" 10657 height="1024" 10658 onload="requestAnimationFrame(() => { 10659 this.closest('.skeleton-image')?.classList.remove('animate-Xpulse', 'skeleton-image'); 10660 setTimeout(() => { this.closest('.animate_transition_card__image')?.classList.add('lazy_active', 'active'); }, 250); 10661 })" 10662 /> 10663 </picture> 10664 10665 </div></div> 10666 </div></div> 10667 <div class="md:list-layout:hidden" x-show="$store.xQuickView" :class="$store.xQuickView && $store.xQuickView.btn_atc_bottom ? 'mobile-bottom':''"><div class="quick-view-container absolute z-20 bottom-2 right-2 rtl:right-auto rtl:left-2 rtl:lg:left-auto lg:top-auto lg:right-auto lg:bottom-4 lg:w-full lg:group-hover:opacity-100 lg:group-hover:translate-y-0 focus:opacity-100 focus:translate-y-0 lg:translate-y-full transition-all duration-[var(--transition-card-image-hover)] ease-in-out lg:opacity-0" 10668 x-show="$store.xQuickView" x-cloak 10669 > 10670 <div x-data="xProductCart" x-show="$store.xQuickView && $store.xQuickView.show_atc_button" 10671 class="w-full hide-icon lg:pl-4 lg:pr-4" 10672 :class="if($store.xQuickView){ return ($store.xQuickView.btn_atc_bottom ? 'hidden' : '') + ($store.xQuickView.atc_btn_image_desktop ? ' lg:block' : ' lg:hidden') }" 10673 x-cloak 10674 > 10675 10676 <button 10677 type="submit" 10678 name="add" 10679 @click.prevent="setTimeout(() => { $store.xQuickView && (showOptions = !showOptions); $store.xQuickView.showChooseOption('template--19816069922883__featured_collection_jhekbQ-1666759681-collection_bGeicb', $el); }, 0)" 10680 x-on:mouseover="setTimeout(() => { $store.xQuickView && $store.xQuickView.loadChooseOptions('/collections/best-sellers/products/slaughterhouse-five', $el, 'template--19816069922883__featured_collection_jhekbQ-1666759681-collection_bGeicb', 501); }, 0)" 10681 data-id="template--19816069922883__featured_collection_jhekbQ-1666759681-collection_bGeicb" 10682 class="button button--quickview button-solid not-icon leading-normal w-full pr-5 pl-5 pt-2.5 pb-2.5 lg:pt-3 lg:pb-3 h-full text-[12px] lg:text-[14px] lg:-translate-x-0 disabled:cursor-not-allowed disable-action-btn-animation disabled:opacity-60 hidden lg:block" 10683 :class="errorMessage && 'opacity-60 cursor-not-allowed'" 10684
10685 aria-label="Choose options" 10686 10687 > 10688 <span :class="{ 'lg:block opacity-0 is-focus-button' : loading, 'hidden' : errorMessage}"> 10689 10690 <span class="flex items-center justify-center"> 10691 10692<div class="flex justify-center "> 10693 10694 10695 10696 <span class="button-text is-focus-button:opacity-0">Choose options</span> 10697 10698 10699 10700 10701</div> 10702 </span> 10703 </span> 10704 <div class="lg:inline-block w-4 h-4 md:w-5 md:h-5 absolute top-[calc(50%-8px)] left-[calc(50%-8px)] md:top-[calc(50%-10px)] md:left-[calc(50%-10px)]" x-show="loading" x-cloak> 10705 10706 <svg class="animate-spin rounded-full" viewBox="0 0 512 512" xmlns="http://www.w3.org/2000/svg"> 10707 <path transform="translate(0 512) scale(0.1 -0.1)" fill="currentColor" d="M2474 4676 c-43 -19 -101 -81 -115 -123 -18 -56 -7 -145 24 -190 52 -75 79 -85 262 -99 90 -7 207 -22 260 -33 436 -92 824 -352 1070 -721 521 -781 321 -1824 -453 -2358 -501 -345 -1172 -393 -1715 -121 -700 350 -1075 1118 -917 1876 37 180 86 305 209 536 51 96 54 147 15 226 -37 73 -86 104 -174 109 -105 6 -151 -24 -224 -145 -137 -230 -241 -543 -276 -833 -13 -110 -13 -355 1 -478 52 -475 268 -922 614 -1267 351 -352 787 -560 1284 -615 171 -19 442 -8 615 24 423 80 802 282 1111 591 407 407 625 931 625 1505 0 574 -218 1098 -625 1505 -296 296 -654 493 -1055 579 -210 45 -470 61 -536 32z"/> 10708 </svg> 10709 10710 10711 </div> 10712 </button> 10713 <button 10714 type="submit" 10715 name="add" 10716 @click.prevent="setTimeout(() => { $store.xQuickView && (showOptions = !showOptions); $store.xQuickView.showChooseOption('template--19816069922883__featured_collection_jhekbQ-1666759681-collection_bGeicb', $el); }, 0)" 10717 x-on:mouseover="setTimeout(() => { $store.xQuickView && $store.xQuickView.loadChooseOptions('/collections/best-sellers/products/slaughterhouse-five', $el, 'template--19816069922883__featured_collection_jhekbQ-1666759681-collection_bGeicb', 501); }, 0)" 10718 class="button label-btn-quickview button-disable-effect not-icon button--quickview rounded-full lg:leading-snug none_border lg:hidden h-full pt-1.5 pb-1.5 pl-1.5 pr-1.5 disabled:cursor-not-allowed disabled:opacity-60" 10719 data-id="template--19816069922883__featured_collection_jhekbQ-1666759681-collection_bGeicb" 10720 :class="errorMessage && 'opacity-60 cursor-not-allowed'"aria-label="Choose options"x-customer-event-data="{ 10721 "product": { 10722 "title": "Slaughterhouse Five", 10723 "listName": "Best Sellers", 10724 "sku": "1666759681", 10725 "currencyCode": "USD", 10726 "price": 19999, 10727 "vendor": "SendJoesKCBBQ" 10728 } 10729 }" 10730 > 10731 <span class="w-5 h-5 flex items-center justify-center md:w-6 md:h-6" x-show="!loading"><svg class="" xmlns="http://www.w3.org/2000/svg" width="100%" height="100%" viewBox="0 0 20 16" fill="none" stroke="currentColor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"> 10732 <path fill="none" d="M4.537 3.25H18.0745L15.937 10.375H6.6745L4.537 3.25L4.00262 1.46875 M9.28698 12.8687C9.28698 13.459 8.80846 13.9375 8.21823 13.9375C7.62797 13.9375 7.14948 13.459 7.14948 12.8687 M14.9872 12.75C14.9872 13.3402 14.5087 13.8188 13.9185 13.8188C13.3282 13.8188 12.8497 13.3402 12.8497 12.75 M1.44977 1.35001H3.34977"/> 10733 </svg></span> 10734 <span class="block w-5 h-5" x-show="loading" x-cloak> 10735 10736 <svg class="animate-spin rounded-full" viewBox="0 0 512 512" xmlns="http://www.w3.org/2000/svg"> 10737 <path transform="translate(0 512) scale(0.1 -0.1)" fill="currentColor" d="M2474 4676 c-43 -19 -101 -81 -115 -123 -18 -56 -7 -145 24 -190 52 -75 79 -85 262 -99 90 -7 207 -22 260 -33 436 -92 824 -352 1070 -721 521 -781 321 -1824 -453 -2358 -501 -345 -1172 -393 -1715 -121 -700 350 -1075 1118 -917 1876 37 180 86 305 209 536 51 96 54 147 15 226 -37 73 -86 104 -174 109 -105 6 -151 -24 -224 -145 -137 -230 -241 -543 -276 -833 -13 -110 -13 -355 1 -478 52 -475 268 -922 614 -1267 351 -352 787 -560 1284 -615 171 -19 442 -8 615 24 423 80 802 282 1111 591 407 407 625 931 625 1505 0 574 -218 1098 -625 1505 -296 296 -654 493 -1055 579 -210 45 -470 61 -536 32z"/> 10738 </svg> 10739 10740 10741 </span> 10742 </button> 10743 10744 </div> 10745 </div><div 10746 class="button-quickview-icon absolute z-[15] lg:group-hover:opacity-100 lg:group-hover:translate-y-0 focus:opacity-100 focus:translate-y-0 transition-all duration-[var(--transition-card-image-hover)] ease-in-out lg:opacity-0" 10747 :class="$store.xQuickView && $store.xQuickView.show_atc_button ? 'btn-quickadd bottom-11 md:bottom-12 right-2 lg:top-4 lg:bottom-auto lg:-translate-y-full rtl:right-auto rtl:left-2' : 'bottom-2 right-0 lg:top-auto lg:translate-y-full lg:right-auto lg:bottom-4 lg:w-full lg:left-0 pl-2 pr-2 lg:pr-4 lg:pl-4'" 10748 x-show="$store.xQuickView && $store.xQuickView.enabled" x-cloak 10749 > 10750 <div> 10751 <button 10752 @click.prevent='$store.xQuickView && $store.xQuickView.open(); $store.xCustomerEvent.fire("product_selected", $el);' 10753 x-on:mouseover="$store.xQuickView && $store.xQuickView.load('/collections/best-sellers/products/slaughterhouse-five', $el, 'template--19816069922883__featured_collection_jhekbQ-1666759681-collection_bGeicb')" 10754 x-on:focus="$store.xQuickView && $store.xQuickView.load('/collections/best-sellers/products/slaughterhouse-five', $el, 'template--19816069922883__featured_collection_jhekbQ-1666759681-collection_bGeicb')" 10755 class="button label-btn-quickview button--quickview not-icon leading-normal empty:hidden hidden lg:block z-50 h-full" 10756 :class="$store.xQuickView && $store.xQuickView.show_atc_button ? 'pt-1.5 pb-1.5 pl-1.5 pr-1.5 md:pt-2.5 md:pb-2.5 md:pl-2.5 md:pr-2.5 rounded-full button-disable-effect' : 'w-full pt-3 pb-3 button-solid'" 10757 x-customer-event-data="{ 10758 "product": { 10759 "title": "Slaughterhouse Five", 10760 "listName": "Best Sellers", 10761 "sku": "1666759681", 10762 "currencyCode": "USD", 10763 "price": 19999, 10764 "vendor": "SendJoesKCBBQ" 10765 } 10766 }" 10767 aria-label="Button quickview" 10768 >
10769 <span x-show="$store.xQuickView && $store.xQuickView.show_atc_button" class="w-4 h-4 flex items-center"><svg width="100%" height="100%" viewBox="0 0 64 64" fill="none" xmlns="http://www.w3.org/2000/svg" style="fill: none;"> 10770 <path d="M28 8 a20 20 0 1 1 0 40 a20 20 0 1 1 0 -40 M42 42 L58 58 M28 20 V36 M20 28 H36" stroke="currentColor" stroke-width="6" stroke-linecap="round" stroke-linejoin="round" fill="none"/> 10771 </svg> 10772</span> 10773 <span x-show="$store.xQuickView && !$store.xQuickView.show_atc_button" class="flex items-center justify-center"> 10774 10775<div class="flex justify-center "> 10776 10777 <span class="button-text " x-text="$store.xQuickView && $store.xQuickView.buttonLabel"></span> 10778 10779 10780</div> 10781 </span> 10782 </button> 10783 <button @click.prevent='$store.xQuickView && $store.xQuickView.load("/collections/best-sellers/products/slaughterhouse-five", $el, "template--19816069922883__featured_collection_jhekbQ-1666759681-collection_bGeicb"); $store.xQuickView && $store.xQuickView.open(); $store.xCustomerEvent.fire("product_selected", $el);' 10784 class="button label-btn-quickview button-disable-effect not-icon button--quickview rounded-full lg:leading-snug none_border lg:hidden h-full pt-2 pb-2 pl-2 pr-2" 10785 aria-label="Button quickview" 10786 x-customer-event-data="{ 10787 "product": { 10788 "title": "Slaughterhouse Five", 10789 "listName": "Best Sellers", 10790 "sku": "1666759681", 10791 "currencyCode": "USD", 10792 "price": 19999, 10793 "vendor": "SendJoesKCBBQ" 10794 } 10795 }" 10796 > 10797 <span class="w-4 h-4 md:w-5 md:h-5 flex items-center"><svg width="100%" height="100%" viewBox="0 0 64 64" fill="none" xmlns="http://www.w3.org/2000/svg" style="fill: none;"> 10798 <path d="M28 8 a20 20 0 1 1 0 40 a20 20 0 1 1 0 -40 M42 42 L58 58 M28 20 V36 M20 28 H36" stroke="currentColor" stroke-width="6" stroke-linecap="round" stroke-linejoin="round" fill="none"/> 10799 </svg> 10800</span> 10801 </button> 10802 </div> 10803 </div> 10804 </div> 10805 10806 </a> 10807 <div class="card-info no-collage:mb-2 md:list-layout:hidden pt-5 text-center md:list-layout:pt-0 md:list-layout:lg:pt-0 md:list-layout:text-left"> 10808 10809 <div class="below-image ltr flex flex-wrap justify-center md:list-layout:justify-start rtl:md:list-layout:justify-end mb-2.5 gap-1 empty:hidden"></div><h3 class="card__heading h5 no-collage:mb-2 mb-2.5 leading-tight" id="title-template--19816069922883__featured_collection_jhekbQ-1666759681"> 10810 <a href="/collections/best-sellers/products/slaughterhouse-five" 10811 class="x-card-title full-unstyled-link link-product-variant text-[rgba(var(--colors-heading))] hover:text-[rgba(var(--colors-text-link))] cursor-pointer duration-200 p-break-words" 10812 @click='$store.xCustomerEvent.fire("product_selected", $el)' 10813 x-customer-event-data="{ 10814 "product": { 10815 "title": "Slaughterhouse Five", 10816 "listName": "Best Sellers", 10817 "sku": "1666759681", 10818 "currencyCode": "USD", 10819 "price": 19999, 10820 "vendor": "SendJoesKCBBQ" 10821 } 10822 }" 10823 > 10824 Slaughterhouse Five 10825 </a> 10826 </h3> 10827 10828 10829 10830 10831 10832 10833 10834 10835<div 10836 class="x-review-product judge 10837 10838 flex w-full items-center justify-center ltr mb-2.5 md:list-layout:justify-start 10839 " 10840> 10841 10842<div class="rating gap-1 flex leading-tight" role="img" aria-label="5.0 out of 5.0 stars"> 10843 10844 <svg class="fill-[rgba(var(--colors-icon-rating))] w-[var(--rating-star-size)] h-[var(--rating-star-size)]" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" stroke="currentColor"> 10845 <path d="M510.549 196.024c-3.812-11.726-14.5-19.868-26.82-20.42l-147.935-6.686-52.09-138.642C279.37 18.739 268.329 11.089 256 11.089c-12.329 0-23.37 7.65-27.704 19.187l-52.089 138.642-147.935 6.686c-12.321.552-23.008 8.694-26.821 20.42-3.812 11.726.052 24.598 9.689 32.283l115.756 92.368L87.542 463.453c-3.27 11.889 1.155 24.554 11.136 31.808 9.985 7.246 23.404 7.548 33.704.758L256 414.473l123.617 81.547c10.3 6.789 23.719 6.487 33.704-.758 9.982-7.245 14.405-19.92 11.131-31.808l-39.347-142.779 115.756-92.368c9.637-7.686 13.501-20.558 9.688-32.283z"/> 10846 </svg> 10847 10848 <svg class="fill-[rgba(var(--colors-icon-rating))] w-[var(--rating-star-size)] h-[var(--rating-star-size)]" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" stroke="currentColor"> 10849 <path d="M510.549 196.024c-3.812-11.726-14.5-19.868-26.82-20.42l-147.935-6.686-52.09-138.642C279.37 18.739 268.329 11.089 256 11.089c-12.329 0-23.37 7.65-27.704 19.187l-52.089 138.642-147.935 6.686c-12.321.552-23.008 8.694-26.821 20.42-3.812 11.726.052 24.598 9.689 32.283l115.756 92.368L87.542 463.453c-3.27 11.889 1.155 24.554 11.136 31.808 9.985 7.246 23.404 7.548 33.704.758L256 414.473l123.617 81.547c10.3 6.789 23.719 6.487 33.704-.758 9.982-7.245 14.405-19.92 11.131-31.808l-39.347-142.779 115.756-92.368c9.637-7.686 13.501-20.558 9.688-32.283z"/> 10850 </svg> 10851 10852 <svg class="fill-[rgba(var(--colors-icon-rating))] w-[var(--rating-star-size)] h-[var(--rating-star-size)]" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" stroke="currentColor"> 10853 <path d="M510.549 196.024c-3.812-11.726-14.5-19.868-26.82-20.42l-147.935-6.686-52.09-138.642C279.37 18.739 268.329 11.089 256 11.089c-12.329 0-23.37 7.65-27.704 19.187l-52.089 138.642-147.935 6.686c-12.321.552-23.008 8.694-26.821 20.42-3.812 11.726.052 24.598 9.689 32.283l115.756 92.368L87.542 463.453c-3.27 11.889 1.155 24.554 11.136 31.808 9.985 7.246 23.404 7.548 33.704.758L256 414.473l123.617 81.547c10.3 6.789 23.719 6.487 33.704-.758 9.982-7.245 14.405-19.92 11.131-31.808l-39.347-142.779 115.756-92.368c9.637-7.686 13.501-20.558 9.688-32.283z"/> 10854 </svg> 10855 10856 <svg class="fill-[rgba(var(--colors-icon-rating))] w-[var(--rating-star-size)] h-[var(--rating-star-size)]" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" stroke="currentColor"> 10857 <path d="M510.549 196.024c-3.812-11.726-14.5-19.868-26.82-20.42l-147.935-6.686-52.09-138.642C279.37 18.739 268.329 11.089 256 11.089c-12.329 0-23.37 7.65-27.704 19.187l-52.089 138.642-147.935 6.686c-12.321.552-23.008 8.694-26.821 20.42-3.812 11.726.052 24.598 9.689 32.283l115.756 92.368L87.542 463.453c-3.27 11.889 1.155 24.554 11.136 31.808 9.985 7.246 23.404 7.548 33.704.758L256 414.473l123.617 81.547c10.3 6.789 23.719 6.487 33.704-.758 9.982-7.245 14.405-19.92 11.131-31.808l-39.347-142.779 115.756-92.368c9.637-7.686 13.501-20.558 9.688-32.283z"/> 10858 </svg> 10859 10860 <svg class="fill-[rgba(var(--colors-icon-rating))] w-[var(--rating-star-size)] h-[var(--rating-star-size)]" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" stroke="currentColor"> 10861 <path d="M510.549 196.024c-3.812-11.726-14.5-19.868-26.82-20.42l-147.935-6.686-52.09-138.642C279.37 18.739 268.329 11.089 256 11.089c-12.329 0-23.37 7.65-27.704 19.187l-52.089 138.642-147.935 6.686c-12.321.552-23.008 8.694-26.821 20.42-3.812 11.726.052 24.598 9.689 32.283l115.756 92.368L87.542 463.453c-3.27 11.889 1.155 24.554 11.136 31.808 9.985 7.246 23.404 7.548 33.704.758L256 414.473l123.617 81.547c10.3 6.789 23.719 6.487 33.704-.758 9.982-7.245 14.405-19.92 11.131-31.808l-39.347-142.779 115.756-92.368c9.637-7.686 13.501-20.558 9.688-32.283z"/> 10862 </svg> 10863 10864 10865 </div> 10866 <p class="rating-count leading-none caption ml-1 text-review-count">(10) 10867 </p> 10868</div> 10869 10870<div class="x-card-price flex items-center mb-2.5 flex-wrap gap-1 justify-center rtl:flex-row-reverse md:rtl:list-layout:flex-row md:list-layout:justify-start"> 10871 10872 10873 <div class=" price leading-none "> 10874 <div class="target-price hidden">
1087419999</div> 10875 <div class="target-compare-at-price hidden">0</div> 10876 10877 10878 10879 10880 10881 10882 10883 10884 10885 10886 10887 10888 10889<p class="price"> 10890 $ 199.99 10891 </p> 10892 10893 10894</div> 10895 10896 10897 <div class="leading-none next-price flex flex-wrap gap-x-1 gap-y-2 empty:hidden"></div> 10898 </div> 10899 10900 <template x-if="localStorage.getItem('selectedStore')"> 10901 <div id="x-availability-notice-template--19816069922883__featured_collection_jhekbQ" class="flex mb-2.5 items-center flex-wrap gap-1 justify-center rtl:flex-row-reverse md:rtl:list-layout:flex-row md:list-layout:justify-start justify-center" x-show="$store.xStoreSelector?.canShow('1666759681', [165788254275, 69089857, 69089921, 288082919491, 69090241, 69090817, 297689448515, 216422407, 69091073])"> 10902 10903<div 10904 class="text-availability-notice" 10905 x-data='{ 10906 locations: [], 10907 pickupLocations: [], 10908 pickupAvailabilites: [] 10909 }' 10910 x-show="$store.xStoreSelector?.selectedStore && locations.includes($store.xStoreSelector?.getStore())" 10911> 10912 <style data-shopify> 10913 .text-availability-notice { 10914 font-size: 0.669375rem; 10915 } 10916 @media (min-width: 768px) { 10917 .text-availability-notice { 10918 font-size: 0.74375rem; 10919 } 10920 } 10921 </style> 10922 <div x-cloak x-show="$store.xStoreSelector?.checkAvailability(pickupLocations, pickupAvailabilites)" class="inventory-in-stock-status flex flex-row items-center gap-[3px]"> 10923 <span class="flex h-4 w-4 relative"> 10924 <svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"> 10925 <rect width="16" height="16" rx="8" fill="currentColor" fill-opacity="0.2"/> 10926 <rect x="4" y="4" width="8" height="8" rx="4" fill="currentColor"/> 10927 </svg> 10928 10929</span><span x-text="'Available for pickup at ' + $store.xStoreSelector?.getStoreText()"> </span> 10930 </div> 10931 <div x-cloak x-show="! $store.xStoreSelector?.checkAvailability(pickupLocations, pickupAvailabilites)" class="inventory-out-of-stock-status flex flex-row items-center gap-[3px]"> 10932 <span class="flex h-4 w-4 relative"> 10933 <svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"> 10934 <rect width="16" height="16" rx="8" fill="currentColor" fill-opacity="0.2"/> 10935 <rect x="4" y="4" width="8" height="8" rx="4" fill="currentColor"/> 10936 </svg> 10937 10938</span><span x-text="'Out of stock at ' + $store.xStoreSelector?.getStoreText()"> </span> 10939 </div> 10940</div></div> 10941 </template> 10942 <div class="bottom-card ltr flex flex-wrap justify-center md:list-layout:justify-start rtl:md:list-layout:justify-end mb-2.5 gap-1 empty:hidden"></div> 10943 </div> 10944 </div><div 10945 id="choose-options-template--19816069922883__featured_collection_jhekbQ-1666759681-collection_bGeicb" 10946 class="hidden md:block absolute w-full min-h-full h-full left-0 top-0 bg-[rgba(var(--background-color))] z-[15] md:list-layout:w-3/5 list-layout:lg:w-3/4 md:list-layout:left-auto md:list-layout:right-0" 10947 x-show="showOptions" 10948 x-transition:enter="transition-all ease-in-out duration-300" 10949 x-transition:enter-start="opacity-0 transform translate-y-full" 10950 x-transition:enter-end="opacity-100 transform translate-y-0" 10951 x-transition:leave="transition-all ease-in-out duration-300" 10952 x-transition:leave-start="opacity-100 transform translate-y-0" 10953 x-transition:leave-end="opacity-0 transform translate-y-full" 10954 x-cloak 10955 > 10956 <div class="choose-options relative w-full min-h-full h-full"></div> 10957 <div class="icon-loading hidden absolute top-0 left-0 right-0 h-full w-full z-20 bg-[rgba(var(--background-color))]"> 10958 <div 10959 class="lg:inline-block w-4 h-4 md:w-5 md:h-5 absolute top-[calc(50%-8px)] left-[calc(50%-8px)] md:top-[calc(50%-10px)] md:left-[calc(50%-10px)]"> 10960 <svg class="animate-spin rounded-full" viewBox="0 0 512 512" xmlns="http://www.w3.org/2000/svg"> 10961 <path transform="translate(0 512) scale(0.1 -0.1)" fill="currentColor" d="M2474 4676 c-43 -19 -101 -81 -115 -123 -18 -56 -7 -145 24 -190 52 -75 79 -85 262 -99 90 -7 207 -22 260 -33 436 -92 824 -352 1070 -721 521 -781 321 -1824 -453 -2358 -501 -345 -1172 -393 -1715 -121 -700 350 -1075 1118 -917 1876 37 180 86 305 209 536 51 96 54 147 15 226 -37 73 -86 104 -174 109 -105 6 -151 -24 -224 -145 -137 -230 -241 -543 -276 -833 -13 -110 -13 -355 1 -478 52 -475 268 -922 614 -1267 351 -352 787 -560 1284 -615 171 -19 442 -8 615 24 423 80 802 282 1111 591 407 407 625 931 625 1505 0 574 -218 1098 -625 1505 -296 296 -654 493 -1055 579 -210 45 -470 61 -536 32z"/> 10962 </svg> 10963 10964 </div> 10965 </div> 10966 </div> 10967 <div 10968 id="x-product-template-1666759681-template--19816069922883__featured_collection_jhekbQ-1-1" 10969 class="list-layout:lg:w-3/4 md:list-layout:w-3/5 list-layout:md:pl-0 rtl:list-layout:md:pl-5 rtl:list-layout:md:pr-0 text-center" 10970 > 10971 10972 10973 <div class="hidden" @init-run="document.addEventListener('eurus:cart:items-changed', () => { 10974 Alpine.store('xUpdateVariantQuanity').updateQuantity('template--19816069922883__featured_collection_jhekbQ', '/products/slaughterhouse-five'); 10975 });"></div> 10976 <div 10977 id="current-variant-template--19816069922883__featured_collection_jhekbQ-1666759681-collection_bGeicb" 10978 class="current-variant hidden" 10979 >41603127377987</div> 10980 10981 10982 <template x-if="$store.xQuickView"><div x-data="xProductCart" x-show="$store.xQuickView.show_atc_button && ($store.xQuickView.btn_atc_bottom || !$store.xQuickView.atc_btn_image_desktop)" 10983 class="card-info bottom_atc md:list-layout:hidden pt-2.5 hide-icon" 10984 :class="if($store.xQuickView.show_atc_button){ return ($store.xQuickView.btn_atc_bottom ? '' : 'hidden') + ($store.xQuickView.atc_btn_image_desktop ? ' lg:hidden' : ' lg:block')}" 10985 x-cloak 10986 > 10987 10988 <button 10989 type="submit" 10990 name="add" 10991 @click.prevent="setTimeout(() => { $store.xQuickView && (showOptions = !showOptions); $store.xQuickView.showChooseOption('template--19816069922883__featured_collection_jhekbQ-1666759681-collection_bGeicb', $el); }, 0)" 10992 x-on:mouseover="setTimeout(() => { $store.xQuickView && $store.xQuickView.loadChooseOptions('/collections/best-sellers/products/slaughterhouse-five', $el, 'template--19816069922883__featured_collection_jhekbQ-1666759681-collection_bGeicb', 501); }, 0)" 10993 data-id="template--19816069922883__featured_collection_jhekbQ-1666759681-collection_bGeicb" 10994 class="button button--quickview button-solid not-icon leading-normal mt-2 w-full pr-5 pl-5 pt-2.5 pb-2.5 lg:pt-3 lg:pb-3 h-full text-[12px] lg:text-[14px] lg:-translate-x-0 disabled:cursor-not-allowed disable-action-btn-animation disabled:opacity-60" 10995 :class="errorMessage && 'opacity-60 cursor-not-allowed'"
10996 aria-label="Choose options" 10997 10998 > 10999 <span :class="{ 'lg:block opacity-0 is-focus-button' : loading, 'hidden' : errorMessage}"> 11000 11001 <span class="flex items-center justify-center"> 11002 11003<div class="flex justify-center "> 11004 11005 11006 11007 <span class="button-text is-focus-button:opacity-0">Choose options</span> 11008 11009 11010 11011 11012</div> 11013 </span> 11014 </span> 11015 <div class="lg:inline-block w-4 h-4 md:w-5 md:h-5 absolute top-[calc(50%-8px)] left-[calc(50%-8px)] md:top-[calc(50%-10px)] md:left-[calc(50%-10px)]" x-show="loading" x-cloak> 11016 11017 <svg class="animate-spin rounded-full" viewBox="0 0 512 512" xmlns="http://www.w3.org/2000/svg"> 11018 <path transform="translate(0 512) scale(0.1 -0.1)" fill="currentColor" d="M2474 4676 c-43 -19 -101 -81 -115 -123 -18 -56 -7 -145 24 -190 52 -75 79 -85 262 -99 90 -7 207 -22 260 -33 436 -92 824 -352 1070 -721 521 -781 321 -1824 -453 -2358 -501 -345 -1172 -393 -1715 -121 -700 350 -1075 1118 -917 1876 37 180 86 305 209 536 51 96 54 147 15 226 -37 73 -86 104 -174 109 -105 6 -151 -24 -224 -145 -137 -230 -241 -543 -276 -833 -13 -110 -13 -355 1 -478 52 -475 268 -922 614 -1267 351 -352 787 -560 1284 -615 171 -19 442 -8 615 24 423 80 802 282 1111 591 407 407 625 931 625 1505 0 574 -218 1098 -625 1505 -296 296 -654 493 -1055 579 -210 45 -470 61 -536 32z"/> 11019 </svg> 11020 11021 11022 </div> 11023 </button> 11024 11025 </div></template> 11026 11027 </div> 11028</div> 11029<style data-shopify> 11030 .x-slide-animation-duration-2 { 11031 --delay-time: 100ms 11032 } 11033 </style> 11034 11035 11036 11037 11038<div 11039 11040 x-data="xProductCard('template--19816069922883__featured_collection_jhekbQ-1-2', '/collections/best-sellers/products/ribs-brisket-burnt-ends-copy', '7143437729859')" 11041 11042 class="card-product overflow-hidden card md:list-layout:flex relative pb-4 md:pb-5 splide__slide x-splide-slide h-auto preload-slide-collection_bGeicbtemplate--19816069922883__featured_collection_jhekbQ preload-slide-mobile--collection_bGeicbtemplate--19816069922883__featured_collection_jhekbQ rounded-[10px]" 11043 x-slide-index="1" 11044> 11045 <div class="md:list-layout:w-2/5 md:list-layout:lg:w-1/4 relative disable-effect md:list-layout:pr-8" 11046 > 11047 11048 <a 11049 11050 x-intersect.once.margin.-20px.0px.-20px.0px="$el.querySelector('.animate_transition_card__image')?.classList.add('active', 'lazy_active')" 11051 11052 href="/collections/best-sellers/products/ribs-brisket-burnt-ends-copy" 11053 11054 x-data="{ lastWindowWidth: 0 }" 11055 x-intersect.once.margin.200px='$nextTick(() => { $store.xBadges && $store.xBadges.load($el, () => {}, null, true); })' 11056 x-labels-data="[ 11057 11058{ 11059 "variant_id": 41603156475971, 11060 "product_id": 7143437729859, 11061 "available": true, 11062 "title": "Ribs, Brisket &amp; Burnt Ends", 11063 "compare_at_price": 0, 11064 "price": 18399, 11065 "price_with_currency": "$ 183.99", 11066 "sale_amount": "$ -183.99", 11067 "collections": "||165788254275||69089857||69089921||69090177||288082919491||69090241||69090625||297689448515||216422407||", 11068 "inventory_management": "shopify", 11069 "qty": 2290, 11070 "container": "card", 11071 "can_show_preorder": false, 11072 "diff_day_create": 1714492088, 11073 "diff_day_publish": 1714496238 11074 11075 } 11076 ]" 11077 11078 aria-label="Ribs, Brisket & Burnt Ends" 11079 id="7143437729859-template--19816069922883__featured_collection_jhekbQ" 11080 class="x-labels-data ltr group link-product-variant overflow-hidden block relative z-[15] cursor-pointer before:h-0 before:block no-collage rounded-[10px] pb-[100%]"> 11081 <div
11082 id="x-slideshow-card-product-template--19816069922883__featured_collection_jhekbQ-1-2-1" 11083 class="block w-full h-full absolute top-0 left-0 z-0 overflow-hidden x-splide splide visible animate_transition_card__image" 11084 @click='$store.xCustomerEvent.fire("product_selected", $el)' 11085 x-customer-event-data="{ 11086 "product": { 11087 "title": "Ribs, Brisket &amp; Burnt Ends", 11088 "listName": "Best Sellers", 11089 "sku": "7143437729859", 11090 "currencyCode": "USD", 11091 "price": 18399, 11092 "vendor": "SendJoesKCBBQ" 11093 } 11094 }" 11095 x-cloak 11096 11097 x-intersect.once.margin.200px='$store.xSplide.load($el, { 11098 "drag": true, 11099 "pagination": true, 11100 "arrows": false, 11101 "pauseOnFocus": false, 11102 "pauseOnHover": false, 11103 "perMove": 1, 11104 "perPage": 1, 11105 "focus": "center", 11106 "mediaQuery": "min", 11107 "rewind": true, 11108 11109 "destroy": true, 11110 11111 "breakpoints": { 11112 1024: { 11113 11114 "destroy": true 11115 11116 } 11117 }, 11118 11119 "playOnHover": true, 11120 11121 11122 "classes": { 11123 "pagination": "gap-1 flex-nowrap absolute bottom-2 left-2.5 rtl:right-2.5 rtl:left-auto flex", 11124 "page": "paginate-dots-card-product duration-200 rounded-full w-2 flex items-center h-2" 11125 }, 11126 "type": "fade", 11127 })'> 11128 <div 11129 id="image-product-template--19816069922883__featured_collection_jhekbQ-1-2-1" 11130 class="splide__track overflow-hidden max-h-full h-full w-full" 11131 > 11132 <div class="w-full h-full splide__list"> 11133 <div class="w-full z-0 h-full min-h-full overflow-hidden splide__slide x-splide-slide h-full max-h-full lg:top-0 lg:left-0 lg:absolute" 11134 > 11135 11136 <picture> 11137 <img 11138 srcset=" 11139 //www.joeskc.com/cdn/shop/files/rib-brisket-burnt-end-web.jpg?v=1714496253&width=250 250w, 11140 //www.joeskc.com/cdn/shop/files/rib-brisket-burnt-end-web.jpg?v=1714496253&width=350 350w, 11141 //www.joeskc.com/cdn/shop/files/rib-brisket-burnt-end-web.jpg?v=1714496253&width=450 450w, 11142 //www.joeskc.com/cdn/shop/files/rib-brisket-burnt-end-web.jpg?v=1714496253&width=750 750w, 11143 //www.joeskc.com/cdn/shop/files/rib-brisket-burnt-end-web.jpg?v=1714496253&width=900 900w, 11144 //www.joeskc.com/cdn/shop/files/rib-brisket-burnt-end-web.jpg?v=1714496253&width=1100 1100w, 11145 //www.joeskc.com/cdn/shop/files/rib-brisket-burnt-end-web.jpg?v=1714496253&width=1500 1500w,//www.joeskc.com/cdn/shop/files/rib-brisket-burnt-end-web.jpg?v=1714496253 600w" 11146 src="//www.joeskc.com/cdn/shop/files/rib-brisket-burnt-end-web.jpg?v=1714496253&width=1500" 11147 sizes="(min-width: 1300px) calc(100vw / 5), (min-width: 1024px) calc((100vw) / 5), (min-width: 768px) calc((100vw) / 2), calc((100vw /1) )" 11148 alt="Ribs, Brisket & Burnt Ends, Joe's Kansas City Bar-B-Que, Joe's KC, BBQ, Barbecue, Kansas City, Ship BBQ" 11149 class="w-full preview-img motion-reduce aspect-square relative animate-Xpulse skeleton-image object-cover h-full min-h-full image-first-hover lg:group-hover:opacity-0 animate_transition_image" 11150 11151 loading="lazy" 11152 11153 width="600" 11154 height="600" 11155 onload="requestAnimationFrame(() => { 11156 this?.classList.add('active');this.closest('.skeleton-image')?.classList.remove('animate-Xpulse', 'skeleton-image'); 11157 setTimeout(() => { this.closest('.animate_transition_card__image')?.classList.add('lazy_active', 'active'); }, 250); 11158 })" 11159 /> 11160 </picture> 11161 11162 </div><style data-shopify> 11163 #image-product-template--19816069922883__featured_collection_jhekbQ-1-2-1 .media-slide:not(:first-child) { 11164 height: 100%; 11165 } 11166 </style> 11167 <div class="media-slide splide__slide x-splide-slide z-0 transition ease-out duration-300 w-full h-full lg:block"> 11168 11169 <picture> 11170 <img 11171 srcset="//www.joeskc.com/cdn/shop/files/Send-Joes-KC-Burnt-Ends_93263ab3-641f-4c5f-9bec-27ede8ebdc0d.png?v=1714496253&width=250 250w, 11172 //www.joeskc.com/cdn/shop/files/Send-Joes-KC-Burnt-Ends_93263ab3-641f-4c5f-9bec-27ede8ebdc0d.png?v=1714496253&width=350 350w, 11173 //www.joeskc.com/cdn/shop/files/Send-Joes-KC-Burnt-Ends_93263ab3-641f-4c5f-9bec-27ede8ebdc0d.png?v=1714496253&width=450 450w, 11174 //www.joeskc.com/cdn/shop/files/Send-Joes-KC-Burnt-Ends_93263ab3-641f-4c5f-9bec-27ede8ebdc0d.png?v=1714496253&width=750 750w, 11175 //www.joeskc.com/cdn/shop/files/Send-Joes-KC-Burnt-Ends_93263ab3-641f-4c5f-9bec-27ede8ebdc0d.png?v=1714496253&width=900 900w, 11176 //www.joeskc.com/cdn/shop/files/Send-Joes-KC-Burnt-Ends_93263ab3-641f-4c5f-9bec-27ede8ebdc0d.png?v=1714496253&width=1100 1100w, 11177 //www.joeskc.com/cdn/shop/files/Send-Joes-KC-Burnt-Ends_93263ab3-641f-4c5f-9bec-27ede8ebdc0d.png?v=1714496253&width=1500 1500w,//www.joeskc.com/cdn/shop/files/Send-Joes-KC-Burnt-Ends_93263ab3-641f-4c5f-9bec-27ede8ebdc0d.png?v=1714496253 1024w" 11178 src="//www.joeskc.com/cdn/shop/files/Send-Joes-KC-Burnt-Ends_93263ab3-641f-4c5f-9bec-27ede8ebdc0d.png?v=1714496253&width=1500" 11179 sizes="(min-width: 1300px) calc(100vw / 5), (min-width: 1024px) calc((100vw) / 5), (min-width: 768px) calc((100vw) / 2), calc((100vw /1) )" 11180 alt="Ribs, Brisket & Burnt Ends, Joe's Kansas City Bar-B-Que, Joe's KC, BBQ, Barbecue, Kansas City, Ship BBQ" 11181 class="motion-reduce min-w-full h-full object-cover group-hover:cursor-pointer content-visibility-auto image-second-hover lg:opacity-0 lg:group-hover:opacity-100" 11182 loading="lazy" 11183 width="1024" 11184 height="1024" 11185 onload="requestAnimationFrame(() => { 11186 this.closest('.skeleton-image')?.classList.remove('animate-Xpulse', 'skeleton-image'); 11187 setTimeout(() => { this.closest('.animate_transition_card__image')?.classList.add('lazy_active', 'active'); }, 250); 11188 })" 11189 /> 11190 </picture> 11191 11192 </div></div> 11193 </div></div> 11194 <div class="md:list-layout:hidden" x-show="$store.xQuickView" :class="$store.xQuickView && $store.xQuickView.btn_atc_bottom ? 'mobile-bottom':''"><div class="quick-view-container absolute z-20 bottom-2 right-2 rtl:right-auto rtl:left-2 rtl:lg:left-auto lg:top-auto lg:right-auto lg:bottom-4 lg:w-full lg:group-hover:opacity-100 lg:group-hover:translate-y-0 focus:opacity-100 focus:translate-y-0 lg:translate-y-full transition-all duration-[var(--transition-card-image-hover)] ease-in-out lg:opacity-0" 11195 x-show="$store.xQuickView" x-cloak 11196 > 11197 <div x-data="xProductCart" x-show="$store.xQuickView && $store.xQuickView.show_atc_button" 11198 class="w-full hide-icon lg:pl-4 lg:pr-4" 11199 :class="if($store.xQuickView){ return ($store.xQuickView.btn_atc_bottom ? 'hidden' : '') + ($store.xQuickView.atc_btn_image_desktop ? ' lg:block' : ' lg:hidden') }" 11200 x-cloak 11201 > 11202 11203 <button 11204 type="submit" 11205 name="add" 11206 @click.prevent="setTimeout(() => { $store.xQuickView && (showOptions = !showOptions); $store.xQuickView.showChooseOption('template--19816069922883__featured_collection_jhekbQ-7143437729859-collection_bGeicb', $el); }, 0)" 11207 x-on:mouseover="setTimeout(() => { $store.xQuickView && $store.xQuickView.loadChooseOptions('/collections/best-sellers/products/ribs-brisket-burnt-ends-copy', $el, 'template--19816069922883__featured_collection_jhekbQ-7143437729859-collection_bGeicb', 502); }, 0)" 11208 data-id="template--19816069922883__featured_collection_jhekbQ-7143437729859-collection_bGeicb" 11209 class="button button--quickview button-solid not-icon leading-normal w-full pr-5 pl-5 pt-2.5 pb-2.5 lg:pt-3 lg:pb-3 h-full text-[12px] lg:text-[14px] lg:-translate-x-0 disabled:cursor-not-allowed disable-action-btn-animation disabled:opacity-60 hidden lg:block" 11210 :class="errorMessage && 'opacity-60 cursor-not-allowed'" 11211
11212 aria-label="Choose options" 11213 11214 > 11215 <span :class="{ 'lg:block opacity-0 is-focus-button' : loading, 'hidden' : errorMessage}"> 11216 11217 <span class="flex items-center justify-center"> 11218 11219<div class="flex justify-center "> 11220 11221 11222 11223 <span class="button-text is-focus-button:opacity-0">Choose options</span> 11224 11225 11226 11227 11228</div> 11229 </span> 11230 </span> 11231 <div class="lg:inline-block w-4 h-4 md:w-5 md:h-5 absolute top-[calc(50%-8px)] left-[calc(50%-8px)] md:top-[calc(50%-10px)] md:left-[calc(50%-10px)]" x-show="loading" x-cloak> 11232 11233 <svg class="animate-spin rounded-full" viewBox="0 0 512 512" xmlns="http://www.w3.org/2000/svg"> 11234 <path transform="translate(0 512) scale(0.1 -0.1)" fill="currentColor" d="M2474 4676 c-43 -19 -101 -81 -115 -123 -18 -56 -7 -145 24 -190 52 -75 79 -85 262 -99 90 -7 207 -22 260 -33 436 -92 824 -352 1070 -721 521 -781 321 -1824 -453 -2358 -501 -345 -1172 -393 -1715 -121 -700 350 -1075 1118 -917 1876 37 180 86 305 209 536 51 96 54 147 15 226 -37 73 -86 104 -174 109 -105 6 -151 -24 -224 -145 -137 -230 -241 -543 -276 -833 -13 -110 -13 -355 1 -478 52 -475 268 -922 614 -1267 351 -352 787 -560 1284 -615 171 -19 442 -8 615 24 423 80 802 282 1111 591 407 407 625 931 625 1505 0 574 -218 1098 -625 1505 -296 296 -654 493 -1055 579 -210 45 -470 61 -536 32z"/> 11235 </svg> 11236 11237 11238 </div> 11239 </button> 11240 <button 11241 type="submit" 11242 name="add" 11243 @click.prevent="setTimeout(() => { $store.xQuickView && (showOptions = !showOptions); $store.xQuickView.showChooseOption('template--19816069922883__featured_collection_jhekbQ-7143437729859-collection_bGeicb', $el); }, 0)" 11244 x-on:mouseover="setTimeout(() => { $store.xQuickView && $store.xQuickView.loadChooseOptions('/collections/best-sellers/products/ribs-brisket-burnt-ends-copy', $el, 'template--19816069922883__featured_collection_jhekbQ-7143437729859-collection_bGeicb', 502); }, 0)" 11245 class="button label-btn-quickview button-disable-effect not-icon button--quickview rounded-full lg:leading-snug none_border lg:hidden h-full pt-1.5 pb-1.5 pl-1.5 pr-1.5 disabled:cursor-not-allowed disabled:opacity-60" 11246 data-id="template--19816069922883__featured_collection_jhekbQ-7143437729859-collection_bGeicb" 11247 :class="errorMessage && 'opacity-60 cursor-not-allowed'"aria-label="Choose options"x-customer-event-data="{ 11248 "product": { 11249 "title": "Ribs, Brisket &amp; Burnt Ends", 11250 "listName": "Best Sellers", 11251 "sku": "7143437729859", 11252 "currencyCode": "USD", 11253 "price": 18399, 11254 "vendor": "SendJoesKCBBQ" 11255 } 11256 }" 11257 > 11258 <span class="w-5 h-5 flex items-center justify-center md:w-6 md:h-6" x-show="!loading"><svg class="" xmlns="http://www.w3.org/2000/svg" width="100%" height="100%" viewBox="0 0 20 16" fill="none" stroke="currentColor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"> 11259 <path fill="none" d="M4.537 3.25H18.0745L15.937 10.375H6.6745L4.537 3.25L4.00262 1.46875 M9.28698 12.8687C9.28698 13.459 8.80846 13.9375 8.21823 13.9375C7.62797 13.9375 7.14948 13.459 7.14948 12.8687 M14.9872 12.75C14.9872 13.3402 14.5087 13.8188 13.9185 13.8188C13.3282 13.8188 12.8497 13.3402 12.8497 12.75 M1.44977 1.35001H3.34977"/> 11260 </svg></span> 11261 <span class="block w-5 h-5" x-show="loading" x-cloak> 11262 11263 <svg class="animate-spin rounded-full" viewBox="0 0 512 512" xmlns="http://www.w3.org/2000/svg"> 11264 <path transform="translate(0 512) scale(0.1 -0.1)" fill="currentColor" d="M2474 4676 c-43 -19 -101 -81 -115 -123 -18 -56 -7 -145 24 -190 52 -75 79 -85 262 -99 90 -7 207 -22 260 -33 436 -92 824 -352 1070 -721 521 -781 321 -1824 -453 -2358 -501 -345 -1172 -393 -1715 -121 -700 350 -1075 1118 -917 1876 37 180 86 305 209 536 51 96 54 147 15 226 -37 73 -86 104 -174 109 -105 6 -151 -24 -224 -145 -137 -230 -241 -543 -276 -833 -13 -110 -13 -355 1 -478 52 -475 268 -922 614 -1267 351 -352 787 -560 1284 -615 171 -19 442 -8 615 24 423 80 802 282 1111 591 407 407 625 931 625 1505 0 574 -218 1098 -625 1505 -296 296 -654 493 -1055 579 -210 45 -470 61 -536 32z"/> 11265 </svg> 11266 11267 11268 </span> 11269 </button> 11270 11271 </div> 11272 </div><div 11273 class="button-quickview-icon absolute z-[15] lg:group-hover:opacity-100 lg:group-hover:translate-y-0 focus:opacity-100 focus:translate-y-0 transition-all duration-[var(--transition-card-image-hover)] ease-in-out lg:opacity-0" 11274 :class="$store.xQuickView && $store.xQuickView.show_atc_button ? 'btn-quickadd bottom-11 md:bottom-12 right-2 lg:top-4 lg:bottom-auto lg:-translate-y-full rtl:right-auto rtl:left-2' : 'bottom-2 right-0 lg:top-auto lg:translate-y-full lg:right-auto lg:bottom-4 lg:w-full lg:left-0 pl-2 pr-2 lg:pr-4 lg:pl-4'" 11275 x-show="$store.xQuickView && $store.xQuickView.enabled" x-cloak 11276 > 11277 <div> 11278 <button 11279 @click.prevent='$store.xQuickView && $store.xQuickView.open(); $store.xCustomerEvent.fire("product_selected", $el);' 11280 x-on:mouseover="$store.xQuickView && $store.xQuickView.load('/collections/best-sellers/products/ribs-brisket-burnt-ends-copy', $el, 'template--19816069922883__featured_collection_jhekbQ-7143437729859-collection_bGeicb')" 11281 x-on:focus="$store.xQuickView && $store.xQuickView.load('/collections/best-sellers/products/ribs-brisket-burnt-ends-copy', $el, 'template--19816069922883__featured_collection_jhekbQ-7143437729859-collection_bGeicb')" 11282 class="button label-btn-quickview button--quickview not-icon leading-normal empty:hidden hidden lg:block z-50 h-full" 11283 :class="$store.xQuickView && $store.xQuickView.show_atc_button ? 'pt-1.5 pb-1.5 pl-1.5 pr-1.5 md:pt-2.5 md:pb-2.5 md:pl-2.5 md:pr-2.5 rounded-full button-disable-effect' : 'w-full pt-3 pb-3 button-solid'" 11284 x-customer-event-data="{ 11285 "product": { 11286 "title": "Ribs, Brisket &amp; Burnt Ends", 11287 "listName": "Best Sellers", 11288 "sku": "7143437729859", 11289 "currencyCode": "USD", 11290 "price": 18399, 11291 "vendor": "SendJoesKCBBQ" 11292 } 11293 }" 11294 aria-label="Button quickview" 11295 >
11296 <span x-show="$store.xQuickView && $store.xQuickView.show_atc_button" class="w-4 h-4 flex items-center"><svg width="100%" height="100%" viewBox="0 0 64 64" fill="none" xmlns="http://www.w3.org/2000/svg" style="fill: none;"> 11297 <path d="M28 8 a20 20 0 1 1 0 40 a20 20 0 1 1 0 -40 M42 42 L58 58 M28 20 V36 M20 28 H36" stroke="currentColor" stroke-width="6" stroke-linecap="round" stroke-linejoin="round" fill="none"/> 11298 </svg> 11299</span> 11300 <span x-show="$store.xQuickView && !$store.xQuickView.show_atc_button" class="flex items-center justify-center"> 11301 11302<div class="flex justify-center "> 11303 11304 <span class="button-text " x-text="$store.xQuickView && $store.xQuickView.buttonLabel"></span> 11305 11306 11307</div> 11308 </span> 11309 </button> 11310 <button @click.prevent='$store.xQuickView && $store.xQuickView.load("/collections/best-sellers/products/ribs-brisket-burnt-ends-copy", $el, "template--19816069922883__featured_collection_jhekbQ-7143437729859-collection_bGeicb"); $store.xQuickView && $store.xQuickView.open(); $store.xCustomerEvent.fire("product_selected", $el);' 11311 class="button label-btn-quickview button-disable-effect not-icon button--quickview rounded-full lg:leading-snug none_border lg:hidden h-full pt-2 pb-2 pl-2 pr-2" 11312 aria-label="Button quickview" 11313 x-customer-event-data="{ 11314 "product": { 11315 "title": "Ribs, Brisket &amp; Burnt Ends", 11316 "listName": "Best Sellers", 11317 "sku": "7143437729859", 11318 "currencyCode": "USD", 11319 "price": 18399, 11320 "vendor": "SendJoesKCBBQ" 11321 } 11322 }" 11323 > 11324 <span class="w-4 h-4 md:w-5 md:h-5 flex items-center"><svg width="100%" height="100%" viewBox="0 0 64 64" fill="none" xmlns="http://www.w3.org/2000/svg" style="fill: none;"> 11325 <path d="M28 8 a20 20 0 1 1 0 40 a20 20 0 1 1 0 -40 M42 42 L58 58 M28 20 V36 M20 28 H36" stroke="currentColor" stroke-width="6" stroke-linecap="round" stroke-linejoin="round" fill="none"/> 11326 </svg> 11327</span> 11328 </button> 11329 </div> 11330 </div> 11331 </div> 11332 11333 </a> 11334 <div class="card-info no-collage:mb-2 md:list-layout:hidden pt-5 text-center md:list-layout:pt-0 md:list-layout:lg:pt-0 md:list-layout:text-left"> 11335 11336 <div class="below-image ltr flex flex-wrap justify-center md:list-layout:justify-start rtl:md:list-layout:justify-end mb-2.5 gap-1 empty:hidden"></div><h3 class="card__heading h5 no-collage:mb-2 mb-2.5 leading-tight" id="title-template--19816069922883__featured_collection_jhekbQ-7143437729859"> 11337 <a href="/collections/best-sellers/products/ribs-brisket-burnt-ends-copy" 11338 class="x-card-title full-unstyled-link link-product-variant text-[rgba(var(--colors-heading))] hover:text-[rgba(var(--colors-text-link))] cursor-pointer duration-200 p-break-words" 11339 @click='$store.xCustomerEvent.fire("product_selected", $el)' 11340 x-customer-event-data="{ 11341 "product": { 11342 "title": "Ribs, Brisket &amp; Burnt Ends", 11343 "listName": "Best Sellers", 11344 "sku": "7143437729859", 11345 "currencyCode": "USD", 11346 "price": 18399, 11347 "vendor": "SendJoesKCBBQ" 11348 } 11349 }" 11350 > 11351 Ribs, Brisket & Burnt Ends 11352 </a> 11353 </h3> 11354 11355 11356 11357 11358 11359 11360 11361 11362<div 11363 class="x-review-product judge 11364 11365 flex w-full items-center justify-center ltr mb-2.5 md:list-layout:justify-start 11366 " 11367> 11368 11369<div class="rating gap-1 flex leading-tight" role="img" aria-label="4.93 out of 5.0 stars"> 11370 11371 <svg class="fill-[rgba(var(--colors-icon-rating))] w-[var(--rating-star-size)] h-[var(--rating-star-size)]" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" stroke="currentColor"> 11372 <path d="M510.549 196.024c-3.812-11.726-14.5-19.868-26.82-20.42l-147.935-6.686-52.09-138.642C279.37 18.739 268.329 11.089 256 11.089c-12.329 0-23.37 7.65-27.704 19.187l-52.089 138.642-147.935 6.686c-12.321.552-23.008 8.694-26.821 20.42-3.812 11.726.052 24.598 9.689 32.283l115.756 92.368L87.542 463.453c-3.27 11.889 1.155 24.554 11.136 31.808 9.985 7.246 23.404 7.548 33.704.758L256 414.473l123.617 81.547c10.3 6.789 23.719 6.487 33.704-.758 9.982-7.245 14.405-19.92 11.131-31.808l-39.347-142.779 115.756-92.368c9.637-7.686 13.501-20.558 9.688-32.283z"/> 11373 </svg> 11374 11375 <svg class="fill-[rgba(var(--colors-icon-rating))] w-[var(--rating-star-size)] h-[var(--rating-star-size)]" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" stroke="currentColor"> 11376 <path d="M510.549 196.024c-3.812-11.726-14.5-19.868-26.82-20.42l-147.935-6.686-52.09-138.642C279.37 18.739 268.329 11.089 256 11.089c-12.329 0-23.37 7.65-27.704 19.187l-52.089 138.642-147.935 6.686c-12.321.552-23.008 8.694-26.821 20.42-3.812 11.726.052 24.598 9.689 32.283l115.756 92.368L87.542 463.453c-3.27 11.889 1.155 24.554 11.136 31.808 9.985 7.246 23.404 7.548 33.704.758L256 414.473l123.617 81.547c10.3 6.789 23.719 6.487 33.704-.758 9.982-7.245 14.405-19.92 11.131-31.808l-39.347-142.779 115.756-92.368c9.637-7.686 13.501-20.558 9.688-32.283z"/> 11377 </svg> 11378 11379 <svg class="fill-[rgba(var(--colors-icon-rating))] w-[var(--rating-star-size)] h-[var(--rating-star-size)]" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" stroke="currentColor"> 11380 <path d="M510.549 196.024c-3.812-11.726-14.5-19.868-26.82-20.42l-147.935-6.686-52.09-138.642C279.37 18.739 268.329 11.089 256 11.089c-12.329 0-23.37 7.65-27.704 19.187l-52.089 138.642-147.935 6.686c-12.321.552-23.008 8.694-26.821 20.42-3.812 11.726.052 24.598 9.689 32.283l115.756 92.368L87.542 463.453c-3.27 11.889 1.155 24.554 11.136 31.808 9.985 7.246 23.404 7.548 33.704.758L256 414.473l123.617 81.547c10.3 6.789 23.719 6.487 33.704-.758 9.982-7.245 14.405-19.92 11.131-31.808l-39.347-142.779 115.756-92.368c9.637-7.686 13.501-20.558 9.688-32.283z"/> 11381 </svg> 11382 11383 <svg class="fill-[rgba(var(--colors-icon-rating))] w-[var(--rating-star-size)] h-[var(--rating-star-size)]" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" stroke="currentColor"> 11384 <path d="M510.549 196.024c-3.812-11.726-14.5-19.868-26.82-20.42l-147.935-6.686-52.09-138.642C279.37 18.739 268.329 11.089 256 11.089c-12.329 0-23.37 7.65-27.704 19.187l-52.089 138.642-147.935 6.686c-12.321.552-23.008 8.694-26.821 20.42-3.812 11.726.052 24.598 9.689 32.283l115.756 92.368L87.542 463.453c-3.27 11.889 1.155 24.554 11.136 31.808 9.985 7.246 23.404 7.548 33.704.758L256 414.473l123.617 81.547c10.3 6.789 23.719 6.487 33.704-.758 9.982-7.245 14.405-19.92 11.131-31.808l-39.347-142.779 115.756-92.368c9.637-7.686 13.501-20.558 9.688-32.283z"/> 11385 </svg> 11386 11387 <svg class="fill-[rgba(var(--colors-icon-rating))] w-[var(--rating-star-size)] h-[var(--rating-star-size)]" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" stroke="currentColor"> 11388 <path d="M510.549 196.024c-3.812-11.726-14.5-19.868-26.82-20.42l-147.935-6.686-52.09-138.642C279.37 18.739 268.329 11.089 256 11.089c-12.329 0-23.37 7.65-27.704 19.187l-52.089 138.642-147.935 6.686c-12.321.552-23.008 8.694-26.821 20.42-3.812 11.726.052 24.598 9.689 32.283l115.756 92.368L87.542 463.453c-3.27 11.889 1.155 24.554 11.136 31.808 9.985 7.246 23.404 7.548 33.704.758L256 414.473l123.617 81.547c10.3 6.789 23.719 6.487 33.704-.758 9.982-7.245 14.405-19.92 11.131-31.808l-39.347-142.779 115.756-92.368c9.637-7.686 13.501-20.558 9.688-32.283z"/> 11389 </svg> 11390 11391 11392 </div> 11393 <p class="rating-count leading-none caption ml-1 text-review-count">(43) 11394 </p> 11395</div> 11396 11397<div class="x-card-price flex items-center mb-2.5 flex-wrap gap-1 justify-center rtl:flex-row-reverse md:rtl:list-layout:flex-row md:list-layout:justify-start"> 11398 11399 11400 <div class=" price leading-none "> 11401 <div class="target-price hidden">18399</div> 11402 <div class="target-compare-at-price hidden"></div> 11403 11404 11405 11406 11407 11408 11409 11410 11411 11412 11413 11414 11415 11416<p class="price"> 11417 $ 183.99 11418 </p> 11419 11420 11421</div> 11422 11423 11424 <div class="leading-none next-price flex flex-wrap gap-x-1 gap-y-2 empty:hidden"></div> 11425 </div> 11426 11427 <template x-if="localStorage.getItem('selectedStore')"> 11428 <div id="x-availability-notice-template--19816069922883__featured_collection_jhekbQ" class="flex mb-2.5 items-center flex-wrap gap-1 justify-center rtl:flex-row-reverse md:rtl:list-layout:flex-row md:list-layout:justify-start justify-center" x-show="$store.xStoreSelector?.canShow('7143437729859', [165788254275, 69089857, 69089921, 69090177, 288082919491, 69090241, 69090625, 297689448515, 216422407])"> 11429 11430<div 11431 class="text-availability-notice" 11432 x-data='{ 11433 locations: [], 11434 pickupLocations: [], 11435 pickupAvailabilites: [] 11436 }' 11437 x-show="$store.xStoreSelector?.selectedStore && locations.includes($store.xStoreSelector?.getStore())" 11438> 11439 <style data-shopify> 11440 .text-availability-notice { 11441 font-size: 0.669375rem; 11442 } 11443 @media (min-width: 768px) { 11444 .text-availability-notice { 11445 font-size: 0.74375rem; 11446 } 11447 } 11448 </style> 11449 <div x-cloak x-show="$store.xStoreSelector?.checkAvailability(pickupLocations, pickupAvailabilites)" class="inventory-in-stock-status flex flex-row items-center gap-[3px]"> 11450 <span class="flex h-4 w-4 relative">
11451 <svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"> 11452 <rect width="16" height="16" rx="8" fill="currentColor" fill-opacity="0.2"/> 11453 <rect x="4" y="4" width="8" height="8" rx="4" fill="currentColor"/> 11454 </svg> 11455 11456</span><span x-text="'Available for pickup at ' + $store.xStoreSelector?.getStoreText()"> </span> 11457 </div> 11458 <div x-cloak x-show="! $store.xStoreSelector?.checkAvailability(pickupLocations, pickupAvailabilites)" class="inventory-out-of-stock-status flex flex-row items-center gap-[3px]"> 11459 <span class="flex h-4 w-4 relative"> 11460 <svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"> 11461 <rect width="16" height="16" rx="8" fill="currentColor" fill-opacity="0.2"/> 11462 <rect x="4" y="4" width="8" height="8" rx="4" fill="currentColor"/> 11463 </svg> 11464 11465</span><span x-text="'Out of stock at ' + $store.xStoreSelector?.getStoreText()"> </span> 11466 </div> 11467</div></div> 11468 </template> 11469 <div class="bottom-card ltr flex flex-wrap justify-center md:list-layout:justify-start rtl:md:list-layout:justify-end mb-2.5 gap-1 empty:hidden"></div> 11470 </div> 11471 </div><div 11472 id="choose-options-template--19816069922883__featured_collection_jhekbQ-7143437729859-collection_bGeicb" 11473 class="hidden md:block absolute w-full min-h-full h-full left-0 top-0 bg-[rgba(var(--background-color))] z-[15] md:list-layout:w-3/5 list-layout:lg:w-3/4 md:list-layout:left-auto md:list-layout:right-0" 11474 x-show="showOptions" 11475 x-transition:enter="transition-all ease-in-out duration-300" 11476 x-transition:enter-start="opacity-0 transform translate-y-full" 11477 x-transition:enter-end="opacity-100 transform translate-y-0" 11478 x-transition:leave="transition-all ease-in-out duration-300" 11479 x-transition:leave-start="opacity-100 transform translate-y-0" 11480 x-transition:leave-end="opacity-0 transform translate-y-full" 11481 x-cloak 11482 > 11483 <div class="choose-options relative w-full min-h-full h-full"></div> 11484 <div class="icon-loading hidden absolute top-0 left-0 right-0 h-full w-full z-20 bg-[rgba(var(--background-color))]"> 11485 <div 11486 class="lg:inline-block w-4 h-4 md:w-5 md:h-5 absolute top-[calc(50%-8px)] left-[calc(50%-8px)] md:top-[calc(50%-10px)] md:left-[calc(50%-10px)]"> 11487 <svg class="animate-spin rounded-full" viewBox="0 0 512 512" xmlns="http://www.w3.org/2000/svg"> 11488 <path transform="translate(0 512) scale(0.1 -0.1)" fill="currentColor" d="M2474 4676 c-43 -19 -101 -81 -115 -123 -18 -56 -7 -145 24 -190 52 -75 79 -85 262 -99 90 -7 207 -22 260 -33 436 -92 824 -352 1070 -721 521 -781 321 -1824 -453 -2358 -501 -345 -1172 -393 -1715 -121 -700 350 -1075 1118 -917 1876 37 180 86 305 209 536 51 96 54 147 15 226 -37 73 -86 104 -174 109 -105 6 -151 -24 -224 -145 -137 -230 -241 -543 -276 -833 -13 -110 -13 -355 1 -478 52 -475 268 -922 614 -1267 351 -352 787 -560 1284 -615 171 -19 442 -8 615 24 423 80 802 282 1111 591 407 407 625 931 625 1505 0 574 -218 1098 -625 1505 -296 296 -654 493 -1055 579 -210 45 -470 61 -536 32z"/> 11489 </svg> 11490 11491 </div> 11492 </div> 11493 </div> 11494 <div 11495 id="x-product-template-7143437729859-template--19816069922883__featured_collection_jhekbQ-1-2" 11496 class="list-layout:lg:w-3/4 md:list-layout:w-3/5 list-layout:md:pl-0 rtl:list-layout:md:pl-5 rtl:list-layout:md:pr-0 text-center" 11497 > 11498 11499 11500 <div class="hidden" @init-run="document.addEventListener('eurus:cart:items-changed', () => { 11501 Alpine.store('xUpdateVariantQuanity').updateQuantity('template--19816069922883__featured_collection_jhekbQ', '/products/ribs-brisket-burnt-ends-copy'); 11502 });"></div> 11503 <div 11504 id="current-variant-template--19816069922883__featured_collection_jhekbQ-7143437729859-collection_bGeicb" 11505 class="current-variant hidden" 11506 >41603156475971</div> 11507 11508 11509 <template x-if="$store.xQuickView"><div x-data="xProductCart" x-show="$store.xQuickView.show_atc_button && ($store.xQuickView.btn_atc_bottom || !$store.xQuickView.atc_btn_image_desktop)" 11510 class="card-info bottom_atc md:list-layout:hidden pt-2.5 hide-icon" 11511 :class="if($store.xQuickView.show_atc_button){ return ($store.xQuickView.btn_atc_bottom ? '' : 'hidden') + ($store.xQuickView.atc_btn_image_desktop ? ' lg:hidden' : ' lg:block')}" 11512 x-cloak 11513 > 11514 11515 <button 11516 type="submit" 11517 name="add" 11518 @click.prevent="setTimeout(() => { $store.xQuickView && (showOptions = !showOptions); $store.xQuickView.showChooseOption('template--19816069922883__featured_collection_jhekbQ-7143437729859-collection_bGeicb', $el); }, 0)" 11519 x-on:mouseover="setTimeout(() => { $store.xQuickView && $store.xQuickView.loadChooseOptions('/collections/best-sellers/products/ribs-brisket-burnt-ends-copy', $el, 'template--19816069922883__featured_collection_jhekbQ-7143437729859-collection_bGeicb', 502); }, 0)" 11520 data-id="template--19816069922883__featured_collection_jhekbQ-7143437729859-collection_bGeicb" 11521 class="button button--quickview button-solid not-icon leading-normal mt-2 w-full pr-5 pl-5 pt-2.5 pb-2.5 lg:pt-3 lg:pb-3 h-full text-[12px] lg:text-[14px] lg:-translate-x-0 disabled:cursor-not-allowed disable-action-btn-animation disabled:opacity-60" 11522 :class="errorMessage && 'opacity-60 cursor-not-allowed'"
11523 aria-label="Choose options" 11524 11525 > 11526 <span :class="{ 'lg:block opacity-0 is-focus-button' : loading, 'hidden' : errorMessage}"> 11527 11528 <span class="flex items-center justify-center"> 11529 11530<div class="flex justify-center "> 11531 11532 11533 11534 <span class="button-text is-focus-button:opacity-0">Choose options</span> 11535 11536 11537 11538 11539</div> 11540 </span> 11541 </span> 11542 <div class="lg:inline-block w-4 h-4 md:w-5 md:h-5 absolute top-[calc(50%-8px)] left-[calc(50%-8px)] md:top-[calc(50%-10px)] md:left-[calc(50%-10px)]" x-show="loading" x-cloak> 11543 11544 <svg class="animate-spin rounded-full" viewBox="0 0 512 512" xmlns="http://www.w3.org/2000/svg"> 11545 <path transform="translate(0 512) scale(0.1 -0.1)" fill="currentColor" d="M2474 4676 c-43 -19 -101 -81 -115 -123 -18 -56 -7 -145 24 -190 52 -75 79 -85 262 -99 90 -7 207 -22 260 -33 436 -92 824 -352 1070 -721 521 -781 321 -1824 -453 -2358 -501 -345 -1172 -393 -1715 -121 -700 350 -1075 1118 -917 1876 37 180 86 305 209 536 51 96 54 147 15 226 -37 73 -86 104 -174 109 -105 6 -151 -24 -224 -145 -137 -230 -241 -543 -276 -833 -13 -110 -13 -355 1 -478 52 -475 268 -922 614 -1267 351 -352 787 -560 1284 -615 171 -19 442 -8 615 24 423 80 802 282 1111 591 407 407 625 931 625 1505 0 574 -218 1098 -625 1505 -296 296 -654 493 -1055 579 -210 45 -470 61 -536 32z"/> 11546 </svg> 11547 11548 11549 </div> 11550 </button> 11551 11552 </div></template> 11553 11554 </div> 11555</div> 11556<style data-shopify> 11557 .x-slide-animation-duration-3 { 11558 --delay-time: 200ms 11559 } 11560 </style> 11561 11562 11563 11564 11565<div 11566 11567 x-data="xProductCard('template--19816069922883__featured_collection_jhekbQ-1-3', '/collections/best-sellers/products/all-the-meat', '1606464143427')" 11568 11569 class="card-product overflow-hidden card md:list-layout:flex relative pb-4 md:pb-5 splide__slide x-splide-slide h-auto preload-slide-collection_bGeicbtemplate--19816069922883__featured_collection_jhekbQ preload-slide-mobile--collection_bGeicbtemplate--19816069922883__featured_collection_jhekbQ rounded-[10px]" 11570 x-slide-index="2" 11571> 11572 <div class="md:list-layout:w-2/5 md:list-layout:lg:w-1/4 relative disable-effect md:list-layout:pr-8" 11573 > 11574 11575 <a 11576 11577 x-intersect.once.margin.-20px.0px.-20px.0px="$el.querySelector('.animate_transition_card__image')?.classList.add('active', 'lazy_active')" 11578 11579 href="/collections/best-sellers/products/all-the-meat" 11580 11581 x-data="{ lastWindowWidth: 0 }" 11582 x-intersect.once.margin.200px='$nextTick(() => { $store.xBadges && $store.xBadges.load($el, () => {}, null, true); })' 11583 x-labels-data="[ 11584 11585{ 11586 "variant_id": 41603167289411, 11587 "product_id": 1606464143427, 11588 "available": true, 11589 "title": "All The Meat", 11590 "compare_at_price": 0, 11591 "price": 38899, 11592 "price_with_currency": "$ 388.99", 11593 "sale_amount": "$ -388.99", 11594 "collections": "||165788254275||69089857||69089921||69090177||288082919491||69090241||69090433||69090625||69090817||297689448515||216422407||69091073||", 11595 "inventory_management": "shopify", 11596 "qty": 157, 11597 "container": "card", 11598 "can_show_preorder": false, 11599 "diff_day_create": 1537989624, 11600 "diff_day_publish": 1707329374 11601 11602 } 11603 ]" 11604 11605 aria-label="All The Meat" 11606 id="1606464143427-template--19816069922883__featured_collection_jhekbQ" 11607 class="x-labels-data ltr group link-product-variant overflow-hidden block relative z-[15] cursor-pointer before:h-0 before:block no-collage rounded-[10px] pb-[100%]"> 11608 <div
11609 id="x-slideshow-card-product-template--19816069922883__featured_collection_jhekbQ-1-3-2" 11610 class="block w-full h-full absolute top-0 left-0 z-0 overflow-hidden x-splide splide visible animate_transition_card__image" 11611 @click='$store.xCustomerEvent.fire("product_selected", $el)' 11612 x-customer-event-data="{ 11613 "product": { 11614 "title": "All The Meat", 11615 "listName": "Best Sellers", 11616 "sku": "1606464143427", 11617 "currencyCode": "USD", 11618 "price": 38899, 11619 "vendor": "SendJoesKCBBQ" 11620 } 11621 }" 11622 x-cloak 11623 11624 x-intersect.once.margin.200px='$store.xSplide.load($el, { 11625 "drag": true, 11626 "pagination": true, 11627 "arrows": false, 11628 "pauseOnFocus": false, 11629 "pauseOnHover": false, 11630 "perMove": 1, 11631 "perPage": 1, 11632 "focus": "center", 11633 "mediaQuery": "min", 11634 "rewind": true, 11635 11636 "destroy": true, 11637 11638 "breakpoints": { 11639 1024: { 11640 11641 "destroy": true 11642 11643 } 11644 }, 11645 11646 "playOnHover": true, 11647 11648 11649 "classes": { 11650 "pagination": "gap-1 flex-nowrap absolute bottom-2 left-2.5 rtl:right-2.5 rtl:left-auto flex", 11651 "page": "paginate-dots-card-product duration-200 rounded-full w-2 flex items-center h-2" 11652 }, 11653 "type": "fade", 11654 })'> 11655 <div 11656 id="image-product-template--19816069922883__featured_collection_jhekbQ-1-3-2" 11657 class="splide__track overflow-hidden max-h-full h-full w-full" 11658 > 11659 <div class="w-full h-full splide__list"> 11660 <div class="w-full z-0 h-full min-h-full overflow-hidden splide__slide x-splide-slide h-full max-h-full lg:top-0 lg:left-0 lg:absolute" 11661 > 11662 11663 <picture> 11664 <img 11665 srcset=" 11666 //www.joeskc.com/cdn/shop/products/All-the-meat.jpg?v=1667582774&width=250 250w, 11667 //www.joeskc.com/cdn/shop/products/All-the-meat.jpg?v=1667582774&width=350 350w, 11668 //www.joeskc.com/cdn/shop/products/All-the-meat.jpg?v=1667582774&width=450 450w, 11669 //www.joeskc.com/cdn/shop/products/All-the-meat.jpg?v=1667582774&width=750 750w, 11670 //www.joeskc.com/cdn/shop/products/All-the-meat.jpg?v=1667582774&width=900 900w, 11671 //www.joeskc.com/cdn/shop/products/All-the-meat.jpg?v=1667582774&width=1100 1100w, 11672 //www.joeskc.com/cdn/shop/products/All-the-meat.jpg?v=1667582774&width=1500 1500w,//www.joeskc.com/cdn/shop/products/All-the-meat.jpg?v=1667582774 2048w" 11673 src="//www.joeskc.com/cdn/shop/products/All-the-meat.jpg?v=1667582774&width=1500" 11674 sizes="(min-width: 1300px) calc(100vw / 5), (min-width: 1024px) calc((100vw) / 5), (min-width: 768px) calc((100vw) / 2), calc((100vw /1) )" 11675 alt="All The Meat - SendJoesKCBBQ" 11676 class="w-full preview-img motion-reduce aspect-square relative animate-Xpulse skeleton-image object-cover h-full min-h-full image-first-hover lg:group-hover:opacity-0 animate_transition_image" 11677 11678 loading="lazy" 11679 11680 width="2048" 11681 height="2048" 11682 onload="requestAnimationFrame(() => { 11683 this?.classList.add('active');this.closest('.skeleton-image')?.classList.remove('animate-Xpulse', 'skeleton-image'); 11684 setTimeout(() => { this.closest('.animate_transition_card__image')?.classList.add('lazy_active', 'active'); }, 250); 11685 })" 11686 /> 11687 </picture> 11688 11689 </div><style data-shopify> 11690 #image-product-template--19816069922883__featured_collection_jhekbQ-1-3-2 .media-slide:not(:first-child) { 11691 height: 100%; 11692 } 11693 </style> 11694 <div class="media-slide splide__slide x-splide-slide z-0 transition ease-out duration-300 w-full h-full lg:block"> 11695 11696 <picture> 11697 <img 11698 srcset="//www.joeskc.com/cdn/shop/products/Send_Joes_chicken_n_ribs_sign_0d0a969c-5ef5-4c38-a214-e04e6a3a8a97.jpg?v=1667582774&width=250 250w, 11699 //www.joeskc.com/cdn/shop/products/Send_Joes_chicken_n_ribs_sign_0d0a969c-5ef5-4c38-a214-e04e6a3a8a97.jpg?v=1667582774&width=350 350w, 11700 //www.joeskc.com/cdn/shop/products/Send_Joes_chicken_n_ribs_sign_0d0a969c-5ef5-4c38-a214-e04e6a3a8a97.jpg?v=1667582774&width=450 450w, 11701 //www.joeskc.com/cdn/shop/products/Send_Joes_chicken_n_ribs_sign_0d0a969c-5ef5-4c38-a214-e04e6a3a8a97.jpg?v=1667582774&width=750 750w, 11702 //www.joeskc.com/cdn/shop/products/Send_Joes_chicken_n_ribs_sign_0d0a969c-5ef5-4c38-a214-e04e6a3a8a97.jpg?v=1667582774&width=900 900w, 11703 //www.joeskc.com/cdn/shop/products/Send_Joes_chicken_n_ribs_sign_0d0a969c-5ef5-4c38-a214-e04e6a3a8a97.jpg?v=1667582774&width=1100 1100w, 11704 //www.joeskc.com/cdn/shop/products/Send_Joes_chicken_n_ribs_sign_0d0a969c-5ef5-4c38-a214-e04e6a3a8a97.jpg?v=1667582774&width=1500 1500w,//www.joeskc.com/cdn/shop/products/Send_Joes_chicken_n_ribs_sign_0d0a969c-5ef5-4c38-a214-e04e6a3a8a97.jpg?v=1667582774 1024w" 11705 src="//www.joeskc.com/cdn/shop/products/Send_Joes_chicken_n_ribs_sign_0d0a969c-5ef5-4c38-a214-e04e6a3a8a97.jpg?v=1667582774&width=1500" 11706 sizes="(min-width: 1300px) calc(100vw / 5), (min-width: 1024px) calc((100vw) / 5), (min-width: 768px) calc((100vw) / 2), calc((100vw /1) )" 11707 alt="All The Meat, Joe's Kansas City Bar-B-Que, Joe's KC, BBQ, Barbecue, Kansas City, Ship BBQ" 11708 class="motion-reduce min-w-full h-full object-cover group-hover:cursor-pointer content-visibility-auto image-second-hover lg:opacity-0 lg:group-hover:opacity-100" 11709 loading="lazy" 11710 width="1024" 11711 height="1024" 11712 onload="requestAnimationFrame(() => { 11713 this.closest('.skeleton-image')?.classList.remove('animate-Xpulse', 'skeleton-image'); 11714 setTimeout(() => { this.closest('.animate_transition_card__image')?.classList.add('lazy_active', 'active'); }, 250); 11715 })" 11716 /> 11717 </picture> 11718 11719 </div></div> 11720 </div></div> 11721 <div class="md:list-layout:hidden" x-show="$store.xQuickView" :class="$store.xQuickView && $store.xQuickView.btn_atc_bottom ? 'mobile-bottom':''"><div class="quick-view-container absolute z-20 bottom-2 right-2 rtl:right-auto rtl:left-2 rtl:lg:left-auto lg:top-auto lg:right-auto lg:bottom-4 lg:w-full lg:group-hover:opacity-100 lg:group-hover:translate-y-0 focus:opacity-100 focus:translate-y-0 lg:translate-y-full transition-all duration-[var(--transition-card-image-hover)] ease-in-out lg:opacity-0" 11722 x-show="$store.xQuickView" x-cloak 11723 > 11724 <div x-data="xProductCart" x-show="$store.xQuickView && $store.xQuickView.show_atc_button" 11725 class="w-full hide-icon lg:pl-4 lg:pr-4" 11726 :class="if($store.xQuickView){ return ($store.xQuickView.btn_atc_bottom ? 'hidden' : '') + ($store.xQuickView.atc_btn_image_desktop ? ' lg:block' : ' lg:hidden') }" 11727 x-cloak 11728 > 11729 11730 <button 11731 type="submit" 11732 name="add" 11733 @click.prevent="setTimeout(() => { $store.xQuickView && (showOptions = !showOptions); $store.xQuickView.showChooseOption('template--19816069922883__featured_collection_jhekbQ-1606464143427-collection_bGeicb', $el); }, 0)" 11734 x-on:mouseover="setTimeout(() => { $store.xQuickView && $store.xQuickView.loadChooseOptions('/collections/best-sellers/products/all-the-meat', $el, 'template--19816069922883__featured_collection_jhekbQ-1606464143427-collection_bGeicb', 503); }, 0)" 11735 data-id="template--19816069922883__featured_collection_jhekbQ-1606464143427-collection_bGeicb" 11736 class="button button--quickview button-solid not-icon leading-normal w-full pr-5 pl-5 pt-2.5 pb-2.5 lg:pt-3 lg:pb-3 h-full text-[12px] lg:text-[14px] lg:-translate-x-0 disabled:cursor-not-allowed disable-action-btn-animation disabled:opacity-60 hidden lg:block" 11737 :class="errorMessage && 'opacity-60 cursor-not-allowed'" 11738
11739 aria-label="Choose options" 11740 11741 > 11742 <span :class="{ 'lg:block opacity-0 is-focus-button' : loading, 'hidden' : errorMessage}"> 11743 11744 <span class="flex items-center justify-center"> 11745 11746<div class="flex justify-center "> 11747 11748 11749 11750 <span class="button-text is-focus-button:opacity-0">Choose options</span> 11751 11752 11753 11754 11755</div> 11756 </span> 11757 </span> 11758 <div class="lg:inline-block w-4 h-4 md:w-5 md:h-5 absolute top-[calc(50%-8px)] left-[calc(50%-8px)] md:top-[calc(50%-10px)] md:left-[calc(50%-10px)]" x-show="loading" x-cloak> 11759 11760 <svg class="animate-spin rounded-full" viewBox="0 0 512 512" xmlns="http://www.w3.org/2000/svg"> 11761 <path transform="translate(0 512) scale(0.1 -0.1)" fill="currentColor" d="M2474 4676 c-43 -19 -101 -81 -115 -123 -18 -56 -7 -145 24 -190 52 -75 79 -85 262 -99 90 -7 207 -22 260 -33 436 -92 824 -352 1070 -721 521 -781 321 -1824 -453 -2358 -501 -345 -1172 -393 -1715 -121 -700 350 -1075 1118 -917 1876 37 180 86 305 209 536 51 96 54 147 15 226 -37 73 -86 104 -174 109 -105 6 -151 -24 -224 -145 -137 -230 -241 -543 -276 -833 -13 -110 -13 -355 1 -478 52 -475 268 -922 614 -1267 351 -352 787 -560 1284 -615 171 -19 442 -8 615 24 423 80 802 282 1111 591 407 407 625 931 625 1505 0 574 -218 1098 -625 1505 -296 296 -654 493 -1055 579 -210 45 -470 61 -536 32z"/> 11762 </svg> 11763 11764 11765 </div> 11766 </button> 11767 <button 11768 type="submit" 11769 name="add" 11770 @click.prevent="setTimeout(() => { $store.xQuickView && (showOptions = !showOptions); $store.xQuickView.showChooseOption('template--19816069922883__featured_collection_jhekbQ-1606464143427-collection_bGeicb', $el); }, 0)" 11771 x-on:mouseover="setTimeout(() => { $store.xQuickView && $store.xQuickView.loadChooseOptions('/collections/best-sellers/products/all-the-meat', $el, 'template--19816069922883__featured_collection_jhekbQ-1606464143427-collection_bGeicb', 503); }, 0)" 11772 class="button label-btn-quickview button-disable-effect not-icon button--quickview rounded-full lg:leading-snug none_border lg:hidden h-full pt-1.5 pb-1.5 pl-1.5 pr-1.5 disabled:cursor-not-allowed disabled:opacity-60" 11773 data-id="template--19816069922883__featured_collection_jhekbQ-1606464143427-collection_bGeicb" 11774 :class="errorMessage && 'opacity-60 cursor-not-allowed'"aria-label="Choose options"x-customer-event-data="{ 11775 "product": { 11776 "title": "All The Meat", 11777 "listName": "Best Sellers", 11778 "sku": "1606464143427", 11779 "currencyCode": "USD", 11780 "price": 38899, 11781 "vendor": "SendJoesKCBBQ" 11782 } 11783 }" 11784 > 11785 <span class="w-5 h-5 flex items-center justify-center md:w-6 md:h-6" x-show="!loading"><svg class="" xmlns="http://www.w3.org/2000/svg" width="100%" height="100%" viewBox="0 0 20 16" fill="none" stroke="currentColor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"> 11786 <path fill="none" d="M4.537 3.25H18.0745L15.937 10.375H6.6745L4.537 3.25L4.00262 1.46875 M9.28698 12.8687C9.28698 13.459 8.80846 13.9375 8.21823 13.9375C7.62797 13.9375 7.14948 13.459 7.14948 12.8687 M14.9872 12.75C14.9872 13.3402 14.5087 13.8188 13.9185 13.8188C13.3282 13.8188 12.8497 13.3402 12.8497 12.75 M1.44977 1.35001H3.34977"/> 11787 </svg></span> 11788 <span class="block w-5 h-5" x-show="loading" x-cloak> 11789 11790 <svg class="animate-spin rounded-full" viewBox="0 0 512 512" xmlns="http://www.w3.org/2000/svg"> 11791 <path transform="translate(0 512) scale(0.1 -0.1)" fill="currentColor" d="M2474 4676 c-43 -19 -101 -81 -115 -123 -18 -56 -7 -145 24 -190 52 -75 79 -85 262 -99 90 -7 207 -22 260 -33 436 -92 824 -352 1070 -721 521 -781 321 -1824 -453 -2358 -501 -345 -1172 -393 -1715 -121 -700 350 -1075 1118 -917 1876 37 180 86 305 209 536 51 96 54 147 15 226 -37 73 -86 104 -174 109 -105 6 -151 -24 -224 -145 -137 -230 -241 -543 -276 -833 -13 -110 -13 -355 1 -478 52 -475 268 -922 614 -1267 351 -352 787 -560 1284 -615 171 -19 442 -8 615 24 423 80 802 282 1111 591 407 407 625 931 625 1505 0 574 -218 1098 -625 1505 -296 296 -654 493 -1055 579 -210 45 -470 61 -536 32z"/> 11792 </svg> 11793 11794 11795 </span> 11796 </button> 11797 11798 </div> 11799 </div><div 11800 class="button-quickview-icon absolute z-[15] lg:group-hover:opacity-100 lg:group-hover:translate-y-0 focus:opacity-100 focus:translate-y-0 transition-all duration-[var(--transition-card-image-hover)] ease-in-out lg:opacity-0" 11801 :class="$store.xQuickView && $store.xQuickView.show_atc_button ? 'btn-quickadd bottom-11 md:bottom-12 right-2 lg:top-4 lg:bottom-auto lg:-translate-y-full rtl:right-auto rtl:left-2' : 'bottom-2 right-0 lg:top-auto lg:translate-y-full lg:right-auto lg:bottom-4 lg:w-full lg:left-0 pl-2 pr-2 lg:pr-4 lg:pl-4'" 11802 x-show="$store.xQuickView && $store.xQuickView.enabled" x-cloak 11803 > 11804 <div> 11805 <button 11806 @click.prevent='$store.xQuickView && $store.xQuickView.open(); $store.xCustomerEvent.fire("product_selected", $el);' 11807 x-on:mouseover="$store.xQuickView && $store.xQuickView.load('/collections/best-sellers/products/all-the-meat', $el, 'template--19816069922883__featured_collection_jhekbQ-1606464143427-collection_bGeicb')" 11808 x-on:focus="$store.xQuickView && $store.xQuickView.load('/collections/best-sellers/products/all-the-meat', $el, 'template--19816069922883__featured_collection_jhekbQ-1606464143427-collection_bGeicb')" 11809 class="button label-btn-quickview button--quickview not-icon leading-normal empty:hidden hidden lg:block z-50 h-full" 11810 :class="$store.xQuickView && $store.xQuickView.show_atc_button ? 'pt-1.5 pb-1.5 pl-1.5 pr-1.5 md:pt-2.5 md:pb-2.5 md:pl-2.5 md:pr-2.5 rounded-full button-disable-effect' : 'w-full pt-3 pb-3 button-solid'" 11811 x-customer-event-data="{ 11812 "product": { 11813 "title": "All The Meat", 11814 "listName": "Best Sellers", 11815 "sku": "1606464143427", 11816 "currencyCode": "USD", 11817 "price": 38899, 11818 "vendor": "SendJoesKCBBQ" 11819 } 11820 }" 11821 aria-label="Button quickview" 11822 >
11823 <span x-show="$store.xQuickView && $store.xQuickView.show_atc_button" class="w-4 h-4 flex items-center"><svg width="100%" height="100%" viewBox="0 0 64 64" fill="none" xmlns="http://www.w3.org/2000/svg" style="fill: none;"> 11824 <path d="M28 8 a20 20 0 1 1 0 40 a20 20 0 1 1 0 -40 M42 42 L58 58 M28 20 V36 M20 28 H36" stroke="currentColor" stroke-width="6" stroke-linecap="round" stroke-linejoin="round" fill="none"/> 11825 </svg> 11826</span> 11827 <span x-show="$store.xQuickView && !$store.xQuickView.show_atc_button" class="flex items-center justify-center"> 11828 11829<div class="flex justify-center "> 11830 11831 <span class="button-text " x-text="$store.xQuickView && $store.xQuickView.buttonLabel"></span> 11832 11833 11834</div> 11835 </span> 11836 </button> 11837 <button @click.prevent='$store.xQuickView && $store.xQuickView.load("/collections/best-sellers/products/all-the-meat", $el, "template--19816069922883__featured_collection_jhekbQ-1606464143427-collection_bGeicb"); $store.xQuickView && $store.xQuickView.open(); $store.xCustomerEvent.fire("product_selected", $el);' 11838 class="button label-btn-quickview button-disable-effect not-icon button--quickview rounded-full lg:leading-snug none_border lg:hidden h-full pt-2 pb-2 pl-2 pr-2" 11839 aria-label="Button quickview" 11840 x-customer-event-data="{ 11841 "product": { 11842 "title": "All The Meat", 11843 "listName": "Best Sellers", 11844 "sku": "1606464143427", 11845 "currencyCode": "USD", 11846 "price": 38899, 11847 "vendor": "SendJoesKCBBQ" 11848 } 11849 }" 11850 > 11851 <span class="w-4 h-4 md:w-5 md:h-5 flex items-center"><svg width="100%" height="100%" viewBox="0 0 64 64" fill="none" xmlns="http://www.w3.org/2000/svg" style="fill: none;"> 11852 <path d="M28 8 a20 20 0 1 1 0 40 a20 20 0 1 1 0 -40 M42 42 L58 58 M28 20 V36 M20 28 H36" stroke="currentColor" stroke-width="6" stroke-linecap="round" stroke-linejoin="round" fill="none"/> 11853 </svg> 11854</span> 11855 </button> 11856 </div> 11857 </div> 11858 </div> 11859 11860 </a> 11861 <div class="card-info no-collage:mb-2 md:list-layout:hidden pt-5 text-center md:list-layout:pt-0 md:list-layout:lg:pt-0 md:list-layout:text-left"> 11862 11863 <div class="below-image ltr flex flex-wrap justify-center md:list-layout:justify-start rtl:md:list-layout:justify-end mb-2.5 gap-1 empty:hidden"></div><h3 class="card__heading h5 no-collage:mb-2 mb-2.5 leading-tight" id="title-template--19816069922883__featured_collection_jhekbQ-1606464143427"> 11864 <a href="/collections/best-sellers/products/all-the-meat" 11865 class="x-card-title full-unstyled-link link-product-variant text-[rgba(var(--colors-heading))] hover:text-[rgba(var(--colors-text-link))] cursor-pointer duration-200 p-break-words" 11866 @click='$store.xCustomerEvent.fire("product_selected", $el)' 11867 x-customer-event-data="{ 11868 "product": { 11869 "title": "All The Meat", 11870 "listName": "Best Sellers", 11871 "sku": "1606464143427", 11872 "currencyCode": "USD", 11873 "price": 38899, 11874 "vendor": "SendJoesKCBBQ" 11875 } 11876 }" 11877 > 11878 All The Meat 11879 </a> 11880 </h3> 11881 11882 11883 11884 11885 11886 11887 11888 11889<div 11890 class="x-review-product judge 11891 11892 flex w-full items-center justify-center ltr mb-2.5 md:list-layout:justify-start 11893 " 11894> 11895 11896<div class="rating gap-1 flex leading-tight" role="img" aria-label="4.5 out of 5.0 stars"> 11897 11898 <svg class="fill-[rgba(var(--colors-icon-rating))] w-[var(--rating-star-size)] h-[var(--rating-star-size)]" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" stroke="currentColor"> 11899 <path d="M510.549 196.024c-3.812-11.726-14.5-19.868-26.82-20.42l-147.935-6.686-52.09-138.642C279.37 18.739 268.329 11.089 256 11.089c-12.329 0-23.37 7.65-27.704 19.187l-52.089 138.642-147.935 6.686c-12.321.552-23.008 8.694-26.821 20.42-3.812 11.726.052 24.598 9.689 32.283l115.756 92.368L87.542 463.453c-3.27 11.889 1.155 24.554 11.136 31.808 9.985 7.246 23.404 7.548 33.704.758L256 414.473l123.617 81.547c10.3 6.789 23.719 6.487 33.704-.758 9.982-7.245 14.405-19.92 11.131-31.808l-39.347-142.779 115.756-92.368c9.637-7.686 13.501-20.558 9.688-32.283z"/> 11900 </svg> 11901 11902 <svg class="fill-[rgba(var(--colors-icon-rating))] w-[var(--rating-star-size)] h-[var(--rating-star-size)]" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" stroke="currentColor"> 11903 <path d="M510.549 196.024c-3.812-11.726-14.5-19.868-26.82-20.42l-147.935-6.686-52.09-138.642C279.37 18.739 268.329 11.089 256 11.089c-12.329 0-23.37 7.65-27.704 19.187l-52.089 138.642-147.935 6.686c-12.321.552-23.008 8.694-26.821 20.42-3.812 11.726.052 24.598 9.689 32.283l115.756 92.368L87.542 463.453c-3.27 11.889 1.155 24.554 11.136 31.808 9.985 7.246 23.404 7.548 33.704.758L256 414.473l123.617 81.547c10.3 6.789 23.719 6.487 33.704-.758 9.982-7.245 14.405-19.92 11.131-31.808l-39.347-142.779 115.756-92.368c9.637-7.686 13.501-20.558 9.688-32.283z"/> 11904 </svg> 11905 11906 <svg class="fill-[rgba(var(--colors-icon-rating))] w-[var(--rating-star-size)] h-[var(--rating-star-size)]" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" stroke="currentColor"> 11907 <path d="M510.549 196.024c-3.812-11.726-14.5-19.868-26.82-20.42l-147.935-6.686-52.09-138.642C279.37 18.739 268.329 11.089 256 11.089c-12.329 0-23.37 7.65-27.704 19.187l-52.089 138.642-147.935 6.686c-12.321.552-23.008 8.694-26.821 20.42-3.812 11.726.052 24.598 9.689 32.283l115.756 92.368L87.542 463.453c-3.27 11.889 1.155 24.554 11.136 31.808 9.985 7.246 23.404 7.548 33.704.758L256 414.473l123.617 81.547c10.3 6.789 23.719 6.487 33.704-.758 9.982-7.245 14.405-19.92 11.131-31.808l-39.347-142.779 115.756-92.368c9.637-7.686 13.501-20.558 9.688-32.283z"/> 11908 </svg> 11909 11910 <svg class="fill-[rgba(var(--colors-icon-rating))] w-[var(--rating-star-size)] h-[var(--rating-star-size)]" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" stroke="currentColor"> 11911 <path d="M510.549 196.024c-3.812-11.726-14.5-19.868-26.82-20.42l-147.935-6.686-52.09-138.642C279.37 18.739 268.329 11.089 256 11.089c-12.329 0-23.37 7.65-27.704 19.187l-52.089 138.642-147.935 6.686c-12.321.552-23.008 8.694-26.821 20.42-3.812 11.726.052 24.598 9.689 32.283l115.756 92.368L87.542 463.453c-3.27 11.889 1.155 24.554 11.136 31.808 9.985 7.246 23.404 7.548 33.704.758L256 414.473l123.617 81.547c10.3 6.789 23.719 6.487 33.704-.758 9.982-7.245 14.405-19.92 11.131-31.808l-39.347-142.779 115.756-92.368c9.637-7.686 13.501-20.558 9.688-32.283z"/> 11912 </svg> 11913 11914<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" class=" text-[rgb(var(--colors-text),0.3)] w-[var(--rating-star-size)] h-[var(--rating-star-size)]"> 11915 <path d="M510.549 196.024c-3.812-11.726-14.5-19.868-26.82-20.42l-147.935-6.686-52.09-138.642C279.37 18.739 268.329 11.089 256 11.089s-23.37 7.65-27.704 19.187l-52.089 138.642-147.935 6.686c-12.321.552-23.008 8.694-26.821 20.42-3.812 11.726.052 24.598 9.689 32.283l115.756 92.368-39.354 142.778c-3.27 11.889 1.155 24.554 11.136 31.808 9.985 7.246 23.404 7.548 33.704.758L256 414.473l123.617 81.547c10.3 6.789 23.719 6.487 33.704-.758 9.982-7.245 14.405-19.92 11.131-31.808l-39.347-142.779 115.756-92.368c9.637-7.686 13.501-20.558 9.688-32.283z" fill="currentColor"/> 11916 <path d="M510.549 196.024c-3.812-11.726-14.5-19.868-26.82-20.42l-147.935-6.686-52.09-138.642C279.37 18.739 268.329 11.089 256 11.089s-23.37 7.65-27.704 19.187l-52.089 138.642-147.935 6.686c-12.321.552-23.008 8.694-26.821 20.42-3.812 11.726.052 24.598 9.689 32.283l115.756 92.368-39.354 142.778c-3.27 11.889 1.155 24.554 11.136 31.808 9.985 7.246 23.404 7.548 33.704.758L256 414.473l123.617 81.547c10.3 6.789 23.719 6.487 33.704-.758 9.982-7.245 14.405-19.92 11.131-31.808l-39.347-142.779 115.756-92.368c9.637-7.686 13.501-20.558 9.688-32.283z" fill="rgba(var(--colors-icon-rating))" style="clip-path: inset(0 50% 0 0)"/> 11917 </svg> 11918 </div> 11919 <p class="rating-count leading-none caption ml-1 text-review-count">(6) 11920 </p> 11921</div> 11922 11923<div class="x-card-price flex items-center mb-2.5 flex-wrap gap-1 justify-center rtl:flex-row-reverse md:rtl:list-layout:flex-row md:list-layout:justify-start"> 11924 11925 11926 <div class=" price leading-none "> 11927 <div class="target-price hidden">38899</div> 11928 <div class="target-compare-at-price hidden"></div> 11929 11930 11931 11932 11933 11934 11935 11936 11937 11938 11939 11940 11941 11942<p class="price"> 11943 $ 388.99 11944 </p> 11945 11946 11947</div> 11948 11949 11950 <div class="leading-none next-price flex flex-wrap gap-x-1 gap-y-2 empty:hidden"></div> 11951 </div> 11952 11953 <template x-if="localStorage.getItem('selectedStore')"> 11954 <div id="x-availability-notice-template--19816069922883__featured_collection_jhekbQ" class="flex mb-2.5 items-center flex-wrap gap-1 justify-center rtl:flex-row-reverse md:rtl:list-layout:flex-row md:list-layout:justify-start justify-center" x-show="$store.xStoreSelector?.canShow('1606464143427', [165788254275, 69089857, 69089921, 69090177, 288082919491, 69090241, 69090433, 69090625, 69090817, 297689448515, 216422407, 69091073])"> 11955 11956<div 11957 class="text-availability-notice" 11958 x-data='{ 11959 locations: [], 11960 pickupLocations: [], 11961 pickupAvailabilites: [] 11962 }' 11963 x-show="$store.xStoreSelector?.selectedStore && locations.includes($store.xStoreSelector?.getStore())" 11964> 11965 <style data-shopify> 11966 .text-availability-notice { 11967 font-size: 0.669375rem; 11968 } 11969 @media (min-width: 768px) { 11970 .text-availability-notice { 11971 font-size: 0.74375rem; 11972 } 11973 } 11974 </style> 11975 <div x-cloak x-show="$store.xStoreSelector?.checkAvailability(pickupLocations, pickupAvailabilites)" class="inventory-in-stock-status flex flex-row items-center gap-[3px]"> 11976 <span class="flex h-4 w-4 relative">
11977 <svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"> 11978 <rect width="16" height="16" rx="8" fill="currentColor" fill-opacity="0.2"/> 11979 <rect x="4" y="4" width="8" height="8" rx="4" fill="currentColor"/> 11980 </svg> 11981 11982</span><span x-text="'Available for pickup at ' + $store.xStoreSelector?.getStoreText()"> </span> 11983 </div> 11984 <div x-cloak x-show="! $store.xStoreSelector?.checkAvailability(pickupLocations, pickupAvailabilites)" class="inventory-out-of-stock-status flex flex-row items-center gap-[3px]"> 11985 <span class="flex h-4 w-4 relative"> 11986 <svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"> 11987 <rect width="16" height="16" rx="8" fill="currentColor" fill-opacity="0.2"/> 11988 <rect x="4" y="4" width="8" height="8" rx="4" fill="currentColor"/> 11989 </svg> 11990 11991</span><span x-text="'Out of stock at ' + $store.xStoreSelector?.getStoreText()"> </span> 11992 </div> 11993</div></div> 11994 </template> 11995 <div class="bottom-card ltr flex flex-wrap justify-center md:list-layout:justify-start rtl:md:list-layout:justify-end mb-2.5 gap-1 empty:hidden"></div> 11996 </div> 11997 </div><div 11998 id="choose-options-template--19816069922883__featured_collection_jhekbQ-1606464143427-collection_bGeicb" 11999 class="hidden md:block absolute w-full min-h-full h-full left-0 top-0 bg-[rgba(var(--background-color))] z-[15] md:list-layout:w-3/5 list-layout:lg:w-3/4 md:list-layout:left-auto md:list-layout:right-0" 12000 x-show="showOptions" 12001 x-transition:enter="transition-all ease-in-out duration-300" 12002 x-transition:enter-start="opacity-0 transform translate-y-full" 12003 x-transition:enter-end="opacity-100 transform translate-y-0" 12004 x-transition:leave="transition-all ease-in-out duration-300" 12005 x-transition:leave-start="opacity-100 transform translate-y-0" 12006 x-transition:leave-end="opacity-0 transform translate-y-full" 12007 x-cloak 12008 > 12009 <div class="choose-options relative w-full min-h-full h-full"></div> 12010 <div class="icon-loading hidden absolute top-0 left-0 right-0 h-full w-full z-20 bg-[rgba(var(--background-color))]"> 12011 <div 12012 class="lg:inline-block w-4 h-4 md:w-5 md:h-5 absolute top-[calc(50%-8px)] left-[calc(50%-8px)] md:top-[calc(50%-10px)] md:left-[calc(50%-10px)]"> 12013 <svg class="animate-spin rounded-full" viewBox="0 0 512 512" xmlns="http://www.w3.org/2000/svg"> 12014 <path transform="translate(0 512) scale(0.1 -0.1)" fill="currentColor" d="M2474 4676 c-43 -19 -101 -81 -115 -123 -18 -56 -7 -145 24 -190 52 -75 79 -85 262 -99 90 -7 207 -22 260 -33 436 -92 824 -352 1070 -721 521 -781 321 -1824 -453 -2358 -501 -345 -1172 -393 -1715 -121 -700 350 -1075 1118 -917 1876 37 180 86 305 209 536 51 96 54 147 15 226 -37 73 -86 104 -174 109 -105 6 -151 -24 -224 -145 -137 -230 -241 -543 -276 -833 -13 -110 -13 -355 1 -478 52 -475 268 -922 614 -1267 351 -352 787 -560 1284 -615 171 -19 442 -8 615 24 423 80 802 282 1111 591 407 407 625 931 625 1505 0 574 -218 1098 -625 1505 -296 296 -654 493 -1055 579 -210 45 -470 61 -536 32z"/> 12015 </svg> 12016 12017 </div> 12018 </div> 12019 </div> 12020 <div 12021 id="x-product-template-1606464143427-template--19816069922883__featured_collection_jhekbQ-1-3" 12022 class="list-layout:lg:w-3/4 md:list-layout:w-3/5 list-layout:md:pl-0 rtl:list-layout:md:pl-5 rtl:list-layout:md:pr-0 text-center" 12023 > 12024 12025 12026 <div class="hidden" @init-run="document.addEventListener('eurus:cart:items-changed', () => { 12027 Alpine.store('xUpdateVariantQuanity').updateQuantity('template--19816069922883__featured_collection_jhekbQ', '/products/all-the-meat'); 12028 });"></div> 12029 <div 12030 id="current-variant-template--19816069922883__featured_collection_jhekbQ-1606464143427-collection_bGeicb" 12031 class="current-variant hidden" 12032 >41603167289411</div> 12033 12034 12035 <template x-if="$store.xQuickView"><div x-data="xProductCart" x-show="$store.xQuickView.show_atc_button && ($store.xQuickView.btn_atc_bottom || !$store.xQuickView.atc_btn_image_desktop)" 12036 class="card-info bottom_atc md:list-layout:hidden pt-2.5 hide-icon" 12037 :class="if($store.xQuickView.show_atc_button){ return ($store.xQuickView.btn_atc_bottom ? '' : 'hidden') + ($store.xQuickView.atc_btn_image_desktop ? ' lg:hidden' : ' lg:block')}" 12038 x-cloak 12039 > 12040 12041 <button 12042 type="submit" 12043 name="add" 12044 @click.prevent="setTimeout(() => { $store.xQuickView && (showOptions = !showOptions); $store.xQuickView.showChooseOption('template--19816069922883__featured_collection_jhekbQ-1606464143427-collection_bGeicb', $el); }, 0)" 12045 x-on:mouseover="setTimeout(() => { $store.xQuickView && $store.xQuickView.loadChooseOptions('/collections/best-sellers/products/all-the-meat', $el, 'template--19816069922883__featured_collection_jhekbQ-1606464143427-collection_bGeicb', 503); }, 0)" 12046 data-id="template--19816069922883__featured_collection_jhekbQ-1606464143427-collection_bGeicb" 12047 class="button button--quickview button-solid not-icon leading-normal mt-2 w-full pr-5 pl-5 pt-2.5 pb-2.5 lg:pt-3 lg:pb-3 h-full text-[12px] lg:text-[14px] lg:-translate-x-0 disabled:cursor-not-allowed disable-action-btn-animation disabled:opacity-60" 12048 :class="errorMessage && 'opacity-60 cursor-not-allowed'"
12049 aria-label="Choose options" 12050 12051 > 12052 <span :class="{ 'lg:block opacity-0 is-focus-button' : loading, 'hidden' : errorMessage}"> 12053 12054 <span class="flex items-center justify-center"> 12055 12056<div class="flex justify-center "> 12057 12058 12059 12060 <span class="button-text is-focus-button:opacity-0">Choose options</span> 12061 12062 12063 12064 12065</div> 12066 </span> 12067 </span> 12068 <div class="lg:inline-block w-4 h-4 md:w-5 md:h-5 absolute top-[calc(50%-8px)] left-[calc(50%-8px)] md:top-[calc(50%-10px)] md:left-[calc(50%-10px)]" x-show="loading" x-cloak> 12069 12070 <svg class="animate-spin rounded-full" viewBox="0 0 512 512" xmlns="http://www.w3.org/2000/svg"> 12071 <path transform="translate(0 512) scale(0.1 -0.1)" fill="currentColor" d="M2474 4676 c-43 -19 -101 -81 -115 -123 -18 -56 -7 -145 24 -190 52 -75 79 -85 262 -99 90 -7 207 -22 260 -33 436 -92 824 -352 1070 -721 521 -781 321 -1824 -453 -2358 -501 -345 -1172 -393 -1715 -121 -700 350 -1075 1118 -917 1876 37 180 86 305 209 536 51 96 54 147 15 226 -37 73 -86 104 -174 109 -105 6 -151 -24 -224 -145 -137 -230 -241 -543 -276 -833 -13 -110 -13 -355 1 -478 52 -475 268 -922 614 -1267 351 -352 787 -560 1284 -615 171 -19 442 -8 615 24 423 80 802 282 1111 591 407 407 625 931 625 1505 0 574 -218 1098 -625 1505 -296 296 -654 493 -1055 579 -210 45 -470 61 -536 32z"/> 12072 </svg> 12073 12074 12075 </div> 12076 </button> 12077 12078 </div></template> 12079 12080 </div> 12081</div> 12082<style data-shopify> 12083 .x-slide-animation-duration-4 { 12084 --delay-time: 300ms 12085 } 12086 </style> 12087 12088 12089 12090 12091<div 12092 12093 x-data="xProductCard('template--19816069922883__featured_collection_jhekbQ-1-4', '/collections/best-sellers/products/z-man-kit-brisket', '6770230132803')" 12094 12095 class="card-product overflow-hidden card md:list-layout:flex relative pb-4 md:pb-5 splide__slide x-splide-slide h-auto preload-slide-collection_bGeicbtemplate--19816069922883__featured_collection_jhekbQ preload-slide-mobile--collection_bGeicbtemplate--19816069922883__featured_collection_jhekbQ rounded-[10px]" 12096 x-slide-index="3" 12097> 12098 <div class="md:list-layout:w-2/5 md:list-layout:lg:w-1/4 relative disable-effect md:list-layout:pr-8" 12099 > 12100 12101 <a 12102 12103 x-intersect.once.margin.-20px.0px.-20px.0px="$el.querySelector('.animate_transition_card__image')?.classList.add('active', 'lazy_active')" 12104 12105 href="/collections/best-sellers/products/z-man-kit-brisket" 12106 12107 x-data="{ lastWindowWidth: 0 }" 12108 x-intersect.once.margin.200px='$nextTick(() => { $store.xBadges && $store.xBadges.load($el, () => {}, null, true); })' 12109 x-labels-data="[ 12110 12111{ 12112 "variant_id": 41603162669123, 12113 "product_id": 6770230132803, 12114 "available": true, 12115 "title": "Z-Man Kit - Brisket", 12116 "compare_at_price": 0, 12117 "price": 13799, 12118 "price_with_currency": "$ 137.99", 12119 "sale_amount": "$ -137.99", 12120 "collections": "||165788254275||69089857||69089921||288082919491||297689448515||216422407||69111617||", 12121 "inventory_management": "shopify", 12122 "qty": 91, 12123 "container": "card", 12124 "can_show_preorder": false, 12125 "diff_day_create": 1672086479, 12126 "diff_day_publish": 1674500032 12127 12128 } 12129 ]" 12130 12131 aria-label="Z-Man Kit - Brisket" 12132 id="6770230132803-template--19816069922883__featured_collection_jhekbQ" 12133 class="x-labels-data ltr group link-product-variant overflow-hidden block relative z-[15] cursor-pointer before:h-0 before:block no-collage rounded-[10px] pb-[100%]"> 12134 <div
12135 id="x-slideshow-card-product-template--19816069922883__featured_collection_jhekbQ-1-4-3" 12136 class="block w-full h-full absolute top-0 left-0 z-0 overflow-hidden x-splide splide visible animate_transition_card__image" 12137 @click='$store.xCustomerEvent.fire("product_selected", $el)' 12138 x-customer-event-data="{ 12139 "product": { 12140 "title": "Z-Man Kit - Brisket", 12141 "listName": "Best Sellers", 12142 "sku": "6770230132803", 12143 "currencyCode": "USD", 12144 "price": 13799, 12145 "vendor": "SendJoesKCBBQ" 12146 } 12147 }" 12148 x-cloak 12149 12150 x-intersect.once.margin.200px='$store.xSplide.load($el, { 12151 "drag": true, 12152 "pagination": true, 12153 "arrows": false, 12154 "pauseOnFocus": false, 12155 "pauseOnHover": false, 12156 "perMove": 1, 12157 "perPage": 1, 12158 "focus": "center", 12159 "mediaQuery": "min", 12160 "rewind": true, 12161 12162 "destroy": true, 12163 12164 "breakpoints": { 12165 1024: { 12166 12167 "destroy": true 12168 12169 } 12170 }, 12171 12172 "playOnHover": true, 12173 12174 12175 "classes": { 12176 "pagination": "gap-1 flex-nowrap absolute bottom-2 left-2.5 rtl:right-2.5 rtl:left-auto flex", 12177 "page": "paginate-dots-card-product duration-200 rounded-full w-2 flex items-center h-2" 12178 }, 12179 "type": "fade", 12180 })'> 12181 <div 12182 id="image-product-template--19816069922883__featured_collection_jhekbQ-1-4-3" 12183 class="splide__track overflow-hidden max-h-full h-full w-full" 12184 > 12185 <div class="w-full h-full splide__list"> 12186 <div class="w-full z-0 h-full min-h-full overflow-hidden splide__slide x-splide-slide h-full max-h-full lg:top-0 lg:left-0 lg:absolute" 12187 > 12188 12189 <picture> 12190 <img 12191 srcset=" 12192 //www.joeskc.com/cdn/shop/products/Z_Man_Brisket-1.jpg?v=1782501209&width=250 250w, 12193 //www.joeskc.com/cdn/shop/products/Z_Man_Brisket-1.jpg?v=1782501209&width=350 350w, 12194 //www.joeskc.com/cdn/shop/products/Z_Man_Brisket-1.jpg?v=1782501209&width=450 450w, 12195 //www.joeskc.com/cdn/shop/products/Z_Man_Brisket-1.jpg?v=1782501209&width=750 750w, 12196 //www.joeskc.com/cdn/shop/products/Z_Man_Brisket-1.jpg?v=1782501209&width=900 900w, 12197 //www.joeskc.com/cdn/shop/products/Z_Man_Brisket-1.jpg?v=1782501209&width=1100 1100w, 12198 //www.joeskc.com/cdn/shop/products/Z_Man_Brisket-1.jpg?v=1782501209&width=1500 1500w,//www.joeskc.com/cdn/shop/products/Z_Man_Brisket-1.jpg?v=1782501209 600w" 12199 src="//www.joeskc.com/cdn/shop/products/Z_Man_Brisket-1.jpg?v=1782501209&width=1500" 12200 sizes="(min-width: 1300px) calc(100vw / 5), (min-width: 1024px) calc((100vw) / 5), (min-width: 768px) calc((100vw) / 2), calc((100vw /1) )" 12201 alt="Z-Man Kit - Brisket, Joe's Kansas City Bar-B-Que, Joe's KC, BBQ, Barbecue, Kansas City, Ship BBQ" 12202 class="w-full preview-img motion-reduce aspect-square relative animate-Xpulse skeleton-image object-cover h-full min-h-full image-first-hover lg:group-hover:opacity-0 animate_transition_image" 12203 12204 loading="lazy" 12205 12206 width="600" 12207 height="600" 12208 onload="requestAnimationFrame(() => { 12209 this?.classList.add('active');this.closest('.skeleton-image')?.classList.remove('animate-Xpulse', 'skeleton-image'); 12210 setTimeout(() => { this.closest('.animate_transition_card__image')?.classList.add('lazy_active', 'active'); }, 250); 12211 })" 12212 /> 12213 </picture> 12214 12215 </div><style data-shopify> 12216 #image-product-template--19816069922883__featured_collection_jhekbQ-1-4-3 .media-slide:not(:first-child) { 12217 height: 100%; 12218 } 12219 </style> 12220 <div class="media-slide splide__slide x-splide-slide z-0 transition ease-out duration-300 w-full h-full lg:block"> 12221 12222 <picture> 12223 <img 12224 srcset="//www.joeskc.com/cdn/shop/products/Z-Man_Brisket-2.jpg?v=1782501118&width=250 250w, 12225 //www.joeskc.com/cdn/shop/products/Z-Man_Brisket-2.jpg?v=1782501118&width=350 350w, 12226 //www.joeskc.com/cdn/shop/products/Z-Man_Brisket-2.jpg?v=1782501118&width=450 450w, 12227 //www.joeskc.com/cdn/shop/products/Z-Man_Brisket-2.jpg?v=1782501118&width=750 750w, 12228 //www.joeskc.com/cdn/shop/products/Z-Man_Brisket-2.jpg?v=1782501118&width=900 900w, 12229 //www.joeskc.com/cdn/shop/products/Z-Man_Brisket-2.jpg?v=1782501118&width=1100 1100w, 12230 //www.joeskc.com/cdn/shop/products/Z-Man_Brisket-2.jpg?v=1782501118&width=1500 1500w,//www.joeskc.com/cdn/shop/products/Z-Man_Brisket-2.jpg?v=1782501118 600w" 12231 src="//www.joeskc.com/cdn/shop/products/Z-Man_Brisket-2.jpg?v=1782501118&width=1500" 12232 sizes="(min-width: 1300px) calc(100vw / 5), (min-width: 1024px) calc((100vw) / 5), (min-width: 768px) calc((100vw) / 2), calc((100vw /1) )" 12233 alt="Z-Man Kit - Brisket, Joe's Kansas City Bar-B-Que, Joe's KC, BBQ, Barbecue, Kansas City, Ship BBQ" 12234 class="motion-reduce min-w-full h-full object-cover group-hover:cursor-pointer content-visibility-auto image-second-hover lg:opacity-0 lg:group-hover:opacity-100" 12235 loading="lazy" 12236 width="600" 12237 height="600" 12238 onload="requestAnimationFrame(() => { 12239 this.closest('.skeleton-image')?.classList.remove('animate-Xpulse', 'skeleton-image'); 12240 setTimeout(() => { this.closest('.animate_transition_card__image')?.classList.add('lazy_active', 'active'); }, 250); 12241 })" 12242 /> 12243 </picture> 12244 12245 </div></div> 12246 </div></div> 12247 <div class="md:list-layout:hidden" x-show="$store.xQuickView" :class="$store.xQuickView && $store.xQuickView.btn_atc_bottom ? 'mobile-bottom':''"><div class="quick-view-container absolute z-20 bottom-2 right-2 rtl:right-auto rtl:left-2 rtl:lg:left-auto lg:top-auto lg:right-auto lg:bottom-4 lg:w-full lg:group-hover:opacity-100 lg:group-hover:translate-y-0 focus:opacity-100 focus:translate-y-0 lg:translate-y-full transition-all duration-[var(--transition-card-image-hover)] ease-in-out lg:opacity-0" 12248 x-show="$store.xQuickView" x-cloak 12249 > 12250 <div x-data="xProductCart" x-show="$store.xQuickView && $store.xQuickView.show_atc_button" 12251 class="w-full hide-icon lg:pl-4 lg:pr-4" 12252 :class="if($store.xQuickView){ return ($store.xQuickView.btn_atc_bottom ? 'hidden' : '') + ($store.xQuickView.atc_btn_image_desktop ? ' lg:block' : ' lg:hidden') }" 12253 x-cloak 12254 > 12255 12256 <button 12257 type="submit" 12258 name="add" 12259 @click.prevent="setTimeout(() => { $store.xQuickView && (showOptions = !showOptions); $store.xQuickView.showChooseOption('template--19816069922883__featured_collection_jhekbQ-6770230132803-collection_bGeicb', $el); }, 0)" 12260 x-on:mouseover="setTimeout(() => { $store.xQuickView && $store.xQuickView.loadChooseOptions('/collections/best-sellers/products/z-man-kit-brisket', $el, 'template--19816069922883__featured_collection_jhekbQ-6770230132803-collection_bGeicb', 504); }, 0)" 12261 data-id="template--19816069922883__featured_collection_jhekbQ-6770230132803-collection_bGeicb" 12262 class="button button--quickview button-solid not-icon leading-normal w-full pr-5 pl-5 pt-2.5 pb-2.5 lg:pt-3 lg:pb-3 h-full text-[12px] lg:text-[14px] lg:-translate-x-0 disabled:cursor-not-allowed disable-action-btn-animation disabled:opacity-60 hidden lg:block" 12263 :class="errorMessage && 'opacity-60 cursor-not-allowed'" 12264
12265 aria-label="Choose options" 12266 12267 > 12268 <span :class="{ 'lg:block opacity-0 is-focus-button' : loading, 'hidden' : errorMessage}"> 12269 12270 <span class="flex items-center justify-center"> 12271 12272<div class="flex justify-center "> 12273 12274 12275 12276 <span class="button-text is-focus-button:opacity-0">Choose options</span> 12277 12278 12279 12280 12281</div> 12282 </span> 12283 </span> 12284 <div class="lg:inline-block w-4 h-4 md:w-5 md:h-5 absolute top-[calc(50%-8px)] left-[calc(50%-8px)] md:top-[calc(50%-10px)] md:left-[calc(50%-10px)]" x-show="loading" x-cloak> 12285 12286 <svg class="animate-spin rounded-full" viewBox="0 0 512 512" xmlns="http://www.w3.org/2000/svg"> 12287 <path transform="translate(0 512) scale(0.1 -0.1)" fill="currentColor" d="M2474 4676 c-43 -19 -101 -81 -115 -123 -18 -56 -7 -145 24 -190 52 -75 79 -85 262 -99 90 -7 207 -22 260 -33 436 -92 824 -352 1070 -721 521 -781 321 -1824 -453 -2358 -501 -345 -1172 -393 -1715 -121 -700 350 -1075 1118 -917 1876 37 180 86 305 209 536 51 96 54 147 15 226 -37 73 -86 104 -174 109 -105 6 -151 -24 -224 -145 -137 -230 -241 -543 -276 -833 -13 -110 -13 -355 1 -478 52 -475 268 -922 614 -1267 351 -352 787 -560 1284 -615 171 -19 442 -8 615 24 423 80 802 282 1111 591 407 407 625 931 625 1505 0 574 -218 1098 -625 1505 -296 296 -654 493 -1055 579 -210 45 -470 61 -536 32z"/> 12288 </svg> 12289 12290 12291 </div> 12292 </button> 12293 <button 12294 type="submit" 12295 name="add" 12296 @click.prevent="setTimeout(() => { $store.xQuickView && (showOptions = !showOptions); $store.xQuickView.showChooseOption('template--19816069922883__featured_collection_jhekbQ-6770230132803-collection_bGeicb', $el); }, 0)" 12297 x-on:mouseover="setTimeout(() => { $store.xQuickView && $store.xQuickView.loadChooseOptions('/collections/best-sellers/products/z-man-kit-brisket', $el, 'template--19816069922883__featured_collection_jhekbQ-6770230132803-collection_bGeicb', 504); }, 0)" 12298 class="button label-btn-quickview button-disable-effect not-icon button--quickview rounded-full lg:leading-snug none_border lg:hidden h-full pt-1.5 pb-1.5 pl-1.5 pr-1.5 disabled:cursor-not-allowed disabled:opacity-60" 12299 data-id="template--19816069922883__featured_collection_jhekbQ-6770230132803-collection_bGeicb" 12300 :class="errorMessage && 'opacity-60 cursor-not-allowed'"aria-label="Choose options"x-customer-event-data="{ 12301 "product": { 12302 "title": "Z-Man Kit - Brisket", 12303 "listName": "Best Sellers", 12304 "sku": "6770230132803", 12305 "currencyCode": "USD", 12306 "price": 13799, 12307 "vendor": "SendJoesKCBBQ" 12308 } 12309 }" 12310 > 12311 <span class="w-5 h-5 flex items-center justify-center md:w-6 md:h-6" x-show="!loading"><svg class="" xmlns="http://www.w3.org/2000/svg" width="100%" height="100%" viewBox="0 0 20 16" fill="none" stroke="currentColor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"> 12312 <path fill="none" d="M4.537 3.25H18.0745L15.937 10.375H6.6745L4.537 3.25L4.00262 1.46875 M9.28698 12.8687C9.28698 13.459 8.80846 13.9375 8.21823 13.9375C7.62797 13.9375 7.14948 13.459 7.14948 12.8687 M14.9872 12.75C14.9872 13.3402 14.5087 13.8188 13.9185 13.8188C13.3282 13.8188 12.8497 13.3402 12.8497 12.75 M1.44977 1.35001H3.34977"/> 12313 </svg></span> 12314 <span class="block w-5 h-5" x-show="loading" x-cloak> 12315 12316 <svg class="animate-spin rounded-full" viewBox="0 0 512 512" xmlns="http://www.w3.org/2000/svg"> 12317 <path transform="translate(0 512) scale(0.1 -0.1)" fill="currentColor" d="M2474 4676 c-43 -19 -101 -81 -115 -123 -18 -56 -7 -145 24 -190 52 -75 79 -85 262 -99 90 -7 207 -22 260 -33 436 -92 824 -352 1070 -721 521 -781 321 -1824 -453 -2358 -501 -345 -1172 -393 -1715 -121 -700 350 -1075 1118 -917 1876 37 180 86 305 209 536 51 96 54 147 15 226 -37 73 -86 104 -174 109 -105 6 -151 -24 -224 -145 -137 -230 -241 -543 -276 -833 -13 -110 -13 -355 1 -478 52 -475 268 -922 614 -1267 351 -352 787 -560 1284 -615 171 -19 442 -8 615 24 423 80 802 282 1111 591 407 407 625 931 625 1505 0 574 -218 1098 -625 1505 -296 296 -654 493 -1055 579 -210 45 -470 61 -536 32z"/> 12318 </svg> 12319 12320 12321 </span> 12322 </button> 12323 12324 </div> 12325 </div><div 12326 class="button-quickview-icon absolute z-[15] lg:group-hover:opacity-100 lg:group-hover:translate-y-0 focus:opacity-100 focus:translate-y-0 transition-all duration-[var(--transition-card-image-hover)] ease-in-out lg:opacity-0" 12327 :class="$store.xQuickView && $store.xQuickView.show_atc_button ? 'btn-quickadd bottom-11 md:bottom-12 right-2 lg:top-4 lg:bottom-auto lg:-translate-y-full rtl:right-auto rtl:left-2' : 'bottom-2 right-0 lg:top-auto lg:translate-y-full lg:right-auto lg:bottom-4 lg:w-full lg:left-0 pl-2 pr-2 lg:pr-4 lg:pl-4'" 12328 x-show="$store.xQuickView && $store.xQuickView.enabled" x-cloak 12329 > 12330 <div> 12331 <button 12332 @click.prevent='$store.xQuickView && $store.xQuickView.open(); $store.xCustomerEvent.fire("product_selected", $el);' 12333 x-on:mouseover="$store.xQuickView && $store.xQuickView.load('/collections/best-sellers/products/z-man-kit-brisket', $el, 'template--19816069922883__featured_collection_jhekbQ-6770230132803-collection_bGeicb')" 12334 x-on:focus="$store.xQuickView && $store.xQuickView.load('/collections/best-sellers/products/z-man-kit-brisket', $el, 'template--19816069922883__featured_collection_jhekbQ-6770230132803-collection_bGeicb')" 12335 class="button label-btn-quickview button--quickview not-icon leading-normal empty:hidden hidden lg:block z-50 h-full" 12336 :class="$store.xQuickView && $store.xQuickView.show_atc_button ? 'pt-1.5 pb-1.5 pl-1.5 pr-1.5 md:pt-2.5 md:pb-2.5 md:pl-2.5 md:pr-2.5 rounded-full button-disable-effect' : 'w-full pt-3 pb-3 button-solid'" 12337 x-customer-event-data="{ 12338 "product": { 12339 "title": "Z-Man Kit - Brisket", 12340 "listName": "Best Sellers", 12341 "sku": "6770230132803", 12342 "currencyCode": "USD", 12343 "price": 13799, 12344 "vendor": "SendJoesKCBBQ" 12345 } 12346 }" 12347 aria-label="Button quickview" 12348 >
12349 <span x-show="$store.xQuickView && $store.xQuickView.show_atc_button" class="w-4 h-4 flex items-center"><svg width="100%" height="100%" viewBox="0 0 64 64" fill="none" xmlns="http://www.w3.org/2000/svg" style="fill: none;"> 12350 <path d="M28 8 a20 20 0 1 1 0 40 a20 20 0 1 1 0 -40 M42 42 L58 58 M28 20 V36 M20 28 H36" stroke="currentColor" stroke-width="6" stroke-linecap="round" stroke-linejoin="round" fill="none"/> 12351 </svg> 12352</span> 12353 <span x-show="$store.xQuickView && !$store.xQuickView.show_atc_button" class="flex items-center justify-center"> 12354 12355<div class="flex justify-center "> 12356 12357 <span class="button-text " x-text="$store.xQuickView && $store.xQuickView.buttonLabel"></span> 12358 12359 12360</div> 12361 </span> 12362 </button> 12363 <button @click.prevent='$store.xQuickView && $store.xQuickView.load("/collections/best-sellers/products/z-man-kit-brisket", $el, "template--19816069922883__featured_collection_jhekbQ-6770230132803-collection_bGeicb"); $store.xQuickView && $store.xQuickView.open(); $store.xCustomerEvent.fire("product_selected", $el);' 12364 class="button label-btn-quickview button-disable-effect not-icon button--quickview rounded-full lg:leading-snug none_border lg:hidden h-full pt-2 pb-2 pl-2 pr-2" 12365 aria-label="Button quickview" 12366 x-customer-event-data="{ 12367 "product": { 12368 "title": "Z-Man Kit - Brisket", 12369 "listName": "Best Sellers", 12370 "sku": "6770230132803", 12371 "currencyCode": "USD", 12372 "price": 13799, 12373 "vendor": "SendJoesKCBBQ" 12374 } 12375 }" 12376 > 12377 <span class="w-4 h-4 md:w-5 md:h-5 flex items-center"><svg width="100%" height="100%" viewBox="0 0 64 64" fill="none" xmlns="http://www.w3.org/2000/svg" style="fill: none;"> 12378 <path d="M28 8 a20 20 0 1 1 0 40 a20 20 0 1 1 0 -40 M42 42 L58 58 M28 20 V36 M20 28 H36" stroke="currentColor" stroke-width="6" stroke-linecap="round" stroke-linejoin="round" fill="none"/> 12379 </svg> 12380</span> 12381 </button> 12382 </div> 12383 </div> 12384 </div> 12385 12386 </a> 12387 <div class="card-info no-collage:mb-2 md:list-layout:hidden pt-5 text-center md:list-layout:pt-0 md:list-layout:lg:pt-0 md:list-layout:text-left"> 12388 12389 <div class="below-image ltr flex flex-wrap justify-center md:list-layout:justify-start rtl:md:list-layout:justify-end mb-2.5 gap-1 empty:hidden"></div><h3 class="card__heading h5 no-collage:mb-2 mb-2.5 leading-tight" id="title-template--19816069922883__featured_collection_jhekbQ-6770230132803"> 12390 <a href="/collections/best-sellers/products/z-man-kit-brisket" 12391 class="x-card-title full-unstyled-link link-product-variant text-[rgba(var(--colors-heading))] hover:text-[rgba(var(--colors-text-link))] cursor-pointer duration-200 p-break-words" 12392 @click='$store.xCustomerEvent.fire("product_selected", $el)' 12393 x-customer-event-data="{ 12394 "product": { 12395 "title": "Z-Man Kit - Brisket", 12396 "listName": "Best Sellers", 12397 "sku": "6770230132803", 12398 "currencyCode": "USD", 12399 "price": 13799, 12400 "vendor": "SendJoesKCBBQ" 12401 } 12402 }" 12403 > 12404 Z-Man Kit - Brisket 12405 </a> 12406 </h3> 12407 12408 12409 12410 12411 12412 12413 12414 12415<div 12416 class="x-review-product judge 12417 12418 flex w-full items-center justify-center ltr mb-2.5 md:list-layout:justify-start 12419 " 12420> 12421 12422<div class="rating gap-1 flex leading-tight" role="img" aria-label="4.76 out of 5.0 stars"> 12423 12424 <svg class="fill-[rgba(var(--colors-icon-rating))] w-[var(--rating-star-size)] h-[var(--rating-star-size)]" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" stroke="currentColor"> 12425 <path d="M510.549 196.024c-3.812-11.726-14.5-19.868-26.82-20.42l-147.935-6.686-52.09-138.642C279.37 18.739 268.329 11.089 256 11.089c-12.329 0-23.37 7.65-27.704 19.187l-52.089 138.642-147.935 6.686c-12.321.552-23.008 8.694-26.821 20.42-3.812 11.726.052 24.598 9.689 32.283l115.756 92.368L87.542 463.453c-3.27 11.889 1.155 24.554 11.136 31.808 9.985 7.246 23.404 7.548 33.704.758L256 414.473l123.617 81.547c10.3 6.789 23.719 6.487 33.704-.758 9.982-7.245 14.405-19.92 11.131-31.808l-39.347-142.779 115.756-92.368c9.637-7.686 13.501-20.558 9.688-32.283z"/> 12426 </svg> 12427 12428 <svg class="fill-[rgba(var(--colors-icon-rating))] w-[var(--rating-star-size)] h-[var(--rating-star-size)]" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" stroke="currentColor"> 12429 <path d="M510.549 196.024c-3.812-11.726-14.5-19.868-26.82-20.42l-147.935-6.686-52.09-138.642C279.37 18.739 268.329 11.089 256 11.089c-12.329 0-23.37 7.65-27.704 19.187l-52.089 138.642-147.935 6.686c-12.321.552-23.008 8.694-26.821 20.42-3.812 11.726.052 24.598 9.689 32.283l115.756 92.368L87.542 463.453c-3.27 11.889 1.155 24.554 11.136 31.808 9.985 7.246 23.404 7.548 33.704.758L256 414.473l123.617 81.547c10.3 6.789 23.719 6.487 33.704-.758 9.982-7.245 14.405-19.92 11.131-31.808l-39.347-142.779 115.756-92.368c9.637-7.686 13.501-20.558 9.688-32.283z"/> 12430 </svg> 12431 12432 <svg class="fill-[rgba(var(--colors-icon-rating))] w-[var(--rating-star-size)] h-[var(--rating-star-size)]" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" stroke="currentColor"> 12433 <path d="M510.549 196.024c-3.812-11.726-14.5-19.868-26.82-20.42l-147.935-6.686-52.09-138.642C279.37 18.739 268.329 11.089 256 11.089c-12.329 0-23.37 7.65-27.704 19.187l-52.089 138.642-147.935 6.686c-12.321.552-23.008 8.694-26.821 20.42-3.812 11.726.052 24.598 9.689 32.283l115.756 92.368L87.542 463.453c-3.27 11.889 1.155 24.554 11.136 31.808 9.985 7.246 23.404 7.548 33.704.758L256 414.473l123.617 81.547c10.3 6.789 23.719 6.487 33.704-.758 9.982-7.245 14.405-19.92 11.131-31.808l-39.347-142.779 115.756-92.368c9.637-7.686 13.501-20.558 9.688-32.283z"/> 12434 </svg> 12435 12436 <svg class="fill-[rgba(var(--colors-icon-rating))] w-[var(--rating-star-size)] h-[var(--rating-star-size)]" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" stroke="currentColor"> 12437 <path d="M510.549 196.024c-3.812-11.726-14.5-19.868-26.82-20.42l-147.935-6.686-52.09-138.642C279.37 18.739 268.329 11.089 256 11.089c-12.329 0-23.37 7.65-27.704 19.187l-52.089 138.642-147.935 6.686c-12.321.552-23.008 8.694-26.821 20.42-3.812 11.726.052 24.598 9.689 32.283l115.756 92.368L87.542 463.453c-3.27 11.889 1.155 24.554 11.136 31.808 9.985 7.246 23.404 7.548 33.704.758L256 414.473l123.617 81.547c10.3 6.789 23.719 6.487 33.704-.758 9.982-7.245 14.405-19.92 11.131-31.808l-39.347-142.779 115.756-92.368c9.637-7.686 13.501-20.558 9.688-32.283z"/> 12438 </svg> 12439 12440 <svg class="fill-[rgba(var(--colors-icon-rating))] w-[var(--rating-star-size)] h-[var(--rating-star-size)]" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" stroke="currentColor"> 12441 <path d="M510.549 196.024c-3.812-11.726-14.5-19.868-26.82-20.42l-147.935-6.686-52.09-138.642C279.37 18.739 268.329 11.089 256 11.089c-12.329 0-23.37 7.65-27.704 19.187l-52.089 138.642-147.935 6.686c-12.321.552-23.008 8.694-26.821 20.42-3.812 11.726.052 24.598 9.689 32.283l115.756 92.368L87.542 463.453c-3.27 11.889 1.155 24.554 11.136 31.808 9.985 7.246 23.404 7.548 33.704.758L256 414.473l123.617 81.547c10.3 6.789 23.719 6.487 33.704-.758 9.982-7.245 14.405-19.92 11.131-31.808l-39.347-142.779 115.756-92.368c9.637-7.686 13.501-20.558 9.688-32.283z"/> 12442 </svg> 12443 12444 12445 </div> 12446 <p class="rating-count leading-none caption ml-1 text-review-count">(25) 12447 </p> 12448</div> 12449 12450<div class="x-card-price flex items-center mb-2.5 flex-wrap gap-1 justify-center rtl:flex-row-reverse md:rtl:list-layout:flex-row md:list-layout:justify-start"> 12451 12452 12453 <div class=" price leading-none "> 12454 <div class="target-price hidden">13799</div> 12455 <div class="target-compare-at-price hidden"></div> 12456 12457 12458 12459 12460 12461 12462 12463 12464 12465 12466 12467 12468 12469<p class="price"> 12470 $ 137.99 12471 </p> 12472 12473 12474</div> 12475 12476 12477 <div class="leading-none next-price flex flex-wrap gap-x-1 gap-y-2 empty:hidden"></div> 12478 </div> 12479 12480 <template x-if="localStorage.getItem('selectedStore')"> 12481 <div id="x-availability-notice-template--19816069922883__featured_collection_jhekbQ" class="flex mb-2.5 items-center flex-wrap gap-1 justify-center rtl:flex-row-reverse md:rtl:list-layout:flex-row md:list-layout:justify-start justify-center" x-show="$store.xStoreSelector?.canShow('6770230132803', [165788254275, 69089857, 69089921, 288082919491, 297689448515, 216422407, 69111617])"> 12482 12483<div 12484 class="text-availability-notice" 12485 x-data='{ 12486 locations: [], 12487 pickupLocations: [], 12488 pickupAvailabilites: [] 12489 }' 12490 x-show="$store.xStoreSelector?.selectedStore && locations.includes($store.xStoreSelector?.getStore())" 12491> 12492 <style data-shopify> 12493 .text-availability-notice { 12494 font-size: 0.669375rem; 12495 } 12496 @media (min-width: 768px) { 12497 .text-availability-notice { 12498 font-size: 0.74375rem; 12499 } 12500 } 12501 </style> 12502 <div x-cloak x-show="$store.xStoreSelector?.checkAvailability(pickupLocations, pickupAvailabilites)" class="inventory-in-stock-status flex flex-row items-center gap-[3px]"> 12503 <span class="flex h-4 w-4 relative">
12504 <svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"> 12505 <rect width="16" height="16" rx="8" fill="currentColor" fill-opacity="0.2"/> 12506 <rect x="4" y="4" width="8" height="8" rx="4" fill="currentColor"/> 12507 </svg> 12508 12509</span><span x-text="'Available for pickup at ' + $store.xStoreSelector?.getStoreText()"> </span> 12510 </div> 12511 <div x-cloak x-show="! $store.xStoreSelector?.checkAvailability(pickupLocations, pickupAvailabilites)" class="inventory-out-of-stock-status flex flex-row items-center gap-[3px]"> 12512 <span class="flex h-4 w-4 relative"> 12513 <svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"> 12514 <rect width="16" height="16" rx="8" fill="currentColor" fill-opacity="0.2"/> 12515 <rect x="4" y="4" width="8" height="8" rx="4" fill="currentColor"/> 12516 </svg> 12517 12518</span><span x-text="'Out of stock at ' + $store.xStoreSelector?.getStoreText()"> </span> 12519 </div> 12520</div></div> 12521 </template> 12522 <div class="bottom-card ltr flex flex-wrap justify-center md:list-layout:justify-start rtl:md:list-layout:justify-end mb-2.5 gap-1 empty:hidden"></div> 12523 </div> 12524 </div><div 12525 id="choose-options-template--19816069922883__featured_collection_jhekbQ-6770230132803-collection_bGeicb" 12526 class="hidden md:block absolute w-full min-h-full h-full left-0 top-0 bg-[rgba(var(--background-color))] z-[15] md:list-layout:w-3/5 list-layout:lg:w-3/4 md:list-layout:left-auto md:list-layout:right-0" 12527 x-show="showOptions" 12528 x-transition:enter="transition-all ease-in-out duration-300" 12529 x-transition:enter-start="opacity-0 transform translate-y-full" 12530 x-transition:enter-end="opacity-100 transform translate-y-0" 12531 x-transition:leave="transition-all ease-in-out duration-300" 12532 x-transition:leave-start="opacity-100 transform translate-y-0" 12533 x-transition:leave-end="opacity-0 transform translate-y-full" 12534 x-cloak 12535 > 12536 <div class="choose-options relative w-full min-h-full h-full"></div> 12537 <div class="icon-loading hidden absolute top-0 left-0 right-0 h-full w-full z-20 bg-[rgba(var(--background-color))]"> 12538 <div 12539 class="lg:inline-block w-4 h-4 md:w-5 md:h-5 absolute top-[calc(50%-8px)] left-[calc(50%-8px)] md:top-[calc(50%-10px)] md:left-[calc(50%-10px)]"> 12540 <svg class="animate-spin rounded-full" viewBox="0 0 512 512" xmlns="http://www.w3.org/2000/svg"> 12541 <path transform="translate(0 512) scale(0.1 -0.1)" fill="currentColor" d="M2474 4676 c-43 -19 -101 -81 -115 -123 -18 -56 -7 -145 24 -190 52 -75 79 -85 262 -99 90 -7 207 -22 260 -33 436 -92 824 -352 1070 -721 521 -781 321 -1824 -453 -2358 -501 -345 -1172 -393 -1715 -121 -700 350 -1075 1118 -917 1876 37 180 86 305 209 536 51 96 54 147 15 226 -37 73 -86 104 -174 109 -105 6 -151 -24 -224 -145 -137 -230 -241 -543 -276 -833 -13 -110 -13 -355 1 -478 52 -475 268 -922 614 -1267 351 -352 787 -560 1284 -615 171 -19 442 -8 615 24 423 80 802 282 1111 591 407 407 625 931 625 1505 0 574 -218 1098 -625 1505 -296 296 -654 493 -1055 579 -210 45 -470 61 -536 32z"/> 12542 </svg> 12543 12544 </div> 12545 </div> 12546 </div> 12547 <div 12548 id="x-product-template-6770230132803-template--19816069922883__featured_collection_jhekbQ-1-4" 12549 class="list-layout:lg:w-3/4 md:list-layout:w-3/5 list-layout:md:pl-0 rtl:list-layout:md:pl-5 rtl:list-layout:md:pr-0 text-center" 12550 > 12551 12552 12553 <div class="hidden" @init-run="document.addEventListener('eurus:cart:items-changed', () => { 12554 Alpine.store('xUpdateVariantQuanity').updateQuantity('template--19816069922883__featured_collection_jhekbQ', '/products/z-man-kit-brisket'); 12555 });"></div> 12556 <div 12557 id="current-variant-template--19816069922883__featured_collection_jhekbQ-6770230132803-collection_bGeicb" 12558 class="current-variant hidden" 12559 >41603162669123</div> 12560 12561 12562 <template x-if="$store.xQuickView"><div x-data="xProductCart" x-show="$store.xQuickView.show_atc_button && ($store.xQuickView.btn_atc_bottom || !$store.xQuickView.atc_btn_image_desktop)" 12563 class="card-info bottom_atc md:list-layout:hidden pt-2.5 hide-icon" 12564 :class="if($store.xQuickView.show_atc_button){ return ($store.xQuickView.btn_atc_bottom ? '' : 'hidden') + ($store.xQuickView.atc_btn_image_desktop ? ' lg:hidden' : ' lg:block')}" 12565 x-cloak 12566 > 12567 12568 <button 12569 type="submit" 12570 name="add" 12571 @click.prevent="setTimeout(() => { $store.xQuickView && (showOptions = !showOptions); $store.xQuickView.showChooseOption('template--19816069922883__featured_collection_jhekbQ-6770230132803-collection_bGeicb', $el); }, 0)" 12572 x-on:mouseover="setTimeout(() => { $store.xQuickView && $store.xQuickView.loadChooseOptions('/collections/best-sellers/products/z-man-kit-brisket', $el, 'template--19816069922883__featured_collection_jhekbQ-6770230132803-collection_bGeicb', 504); }, 0)" 12573 data-id="template--19816069922883__featured_collection_jhekbQ-6770230132803-collection_bGeicb" 12574 class="button button--quickview button-solid not-icon leading-normal mt-2 w-full pr-5 pl-5 pt-2.5 pb-2.5 lg:pt-3 lg:pb-3 h-full text-[12px] lg:text-[14px] lg:-translate-x-0 disabled:cursor-not-allowed disable-action-btn-animation disabled:opacity-60" 12575 :class="errorMessage && 'opacity-60 cursor-not-allowed'"
12576 aria-label="Choose options" 12577 12578 > 12579 <span :class="{ 'lg:block opacity-0 is-focus-button' : loading, 'hidden' : errorMessage}"> 12580 12581 <span class="flex items-center justify-center"> 12582 12583<div class="flex justify-center "> 12584 12585 12586 12587 <span class="button-text is-focus-button:opacity-0">Choose options</span> 12588 12589 12590 12591 12592</div> 12593 </span> 12594 </span> 12595 <div class="lg:inline-block w-4 h-4 md:w-5 md:h-5 absolute top-[calc(50%-8px)] left-[calc(50%-8px)] md:top-[calc(50%-10px)] md:left-[calc(50%-10px)]" x-show="loading" x-cloak> 12596 12597 <svg class="animate-spin rounded-full" viewBox="0 0 512 512" xmlns="http://www.w3.org/2000/svg"> 12598 <path transform="translate(0 512) scale(0.1 -0.1)" fill="currentColor" d="M2474 4676 c-43 -19 -101 -81 -115 -123 -18 -56 -7 -145 24 -190 52 -75 79 -85 262 -99 90 -7 207 -22 260 -33 436 -92 824 -352 1070 -721 521 -781 321 -1824 -453 -2358 -501 -345 -1172 -393 -1715 -121 -700 350 -1075 1118 -917 1876 37 180 86 305 209 536 51 96 54 147 15 226 -37 73 -86 104 -174 109 -105 6 -151 -24 -224 -145 -137 -230 -241 -543 -276 -833 -13 -110 -13 -355 1 -478 52 -475 268 -922 614 -1267 351 -352 787 -560 1284 -615 171 -19 442 -8 615 24 423 80 802 282 1111 591 407 407 625 931 625 1505 0 574 -218 1098 -625 1505 -296 296 -654 493 -1055 579 -210 45 -470 61 -536 32z"/> 12599 </svg> 12600 12601 12602 </div> 12603 </button> 12604 12605 </div></template> 12606 12607 </div> 12608</div> 12609<style data-shopify> 12610 .x-slide-animation-duration-5 { 12611 --delay-time: 400ms 12612 } 12613 </style> 12614 12615 12616 12617 12618<div 12619 12620 x-data="xProductCard('template--19816069922883__featured_collection_jhekbQ-1-5', '/collections/best-sellers/products/ribs-3-meats', '1666745281')" 12621 12622 class="card-product overflow-hidden card md:list-layout:flex relative pb-4 md:pb-5 splide__slide x-splide-slide h-auto preload-slide-collection_bGeicbtemplate--19816069922883__featured_collection_jhekbQ preload-slide-mobile--collection_bGeicbtemplate--19816069922883__featured_collection_jhekbQ rounded-[10px]" 12623 x-slide-index="4" 12624> 12625 <div class="md:list-layout:w-2/5 md:list-layout:lg:w-1/4 relative disable-effect md:list-layout:pr-8" 12626 > 12627 12628 <a 12629 12630 x-intersect.once.margin.-20px.0px.-20px.0px="$el.querySelector('.animate_transition_card__image')?.classList.add('active', 'lazy_active')" 12631 12632 href="/collections/best-sellers/products/ribs-3-meats" 12633 12634 x-data="{ lastWindowWidth: 0 }" 12635 x-intersect.once.margin.200px='$nextTick(() => { $store.xBadges && $store.xBadges.load($el, () => {}, null, true); })' 12636 x-labels-data="[ 12637 12638{ 12639 "variant_id": 41603175448643, 12640 "product_id": 1666745281, 12641 "available": true, 12642 "title": "Ribs &amp; 3 Meats", 12643 "compare_at_price": 0, 12644 "price": 20399, 12645 "price_with_currency": "$ 203.99", 12646 "sale_amount": "$ -203.99", 12647 "collections": "||165788254275||69089857||69089921||288082919491||69090241||69090625||69090817||297689448515||216422407||", 12648 "inventory_management": "shopify", 12649 "qty": 1145, 12650 "container": "card", 12651 "can_show_preorder": false, 12652 "diff_day_create": 1437767042, 12653 "diff_day_publish": 1707160058 12654 12655 } 12656 ]" 12657 12658 aria-label="Ribs & 3 Meats" 12659 id="1666745281-template--19816069922883__featured_collection_jhekbQ" 12660 class="x-labels-data ltr group link-product-variant overflow-hidden block relative z-[15] cursor-pointer before:h-0 before:block no-collage rounded-[10px] pb-[100%]"> 12661 <div
12662 id="x-slideshow-card-product-template--19816069922883__featured_collection_jhekbQ-1-5-4" 12663 class="block w-full h-full absolute top-0 left-0 z-0 overflow-hidden x-splide splide visible animate_transition_card__image" 12664 @click='$store.xCustomerEvent.fire("product_selected", $el)' 12665 x-customer-event-data="{ 12666 "product": { 12667 "title": "Ribs &amp; 3 Meats", 12668 "listName": "Best Sellers", 12669 "sku": "1666745281", 12670 "currencyCode": "USD", 12671 "price": 20399, 12672 "vendor": "SendJoesKCBBQ" 12673 } 12674 }" 12675 x-cloak 12676 12677 x-intersect.once.margin.200px='$store.xSplide.load($el, { 12678 "drag": true, 12679 "pagination": true, 12680 "arrows": false, 12681 "pauseOnFocus": false, 12682 "pauseOnHover": false, 12683 "perMove": 1, 12684 "perPage": 1, 12685 "focus": "center", 12686 "mediaQuery": "min", 12687 "rewind": true, 12688 12689 "destroy": true, 12690 12691 "breakpoints": { 12692 1024: { 12693 12694 "destroy": true 12695 12696 } 12697 }, 12698 12699 "playOnHover": true, 12700 12701 12702 "classes": { 12703 "pagination": "gap-1 flex-nowrap absolute bottom-2 left-2.5 rtl:right-2.5 rtl:left-auto flex", 12704 "page": "paginate-dots-card-product duration-200 rounded-full w-2 flex items-center h-2" 12705 }, 12706 "type": "fade", 12707 })'> 12708 <div 12709 id="image-product-template--19816069922883__featured_collection_jhekbQ-1-5-4" 12710 class="splide__track overflow-hidden max-h-full h-full w-full" 12711 > 12712 <div class="w-full h-full splide__list"> 12713 <div class="w-full z-0 h-full min-h-full overflow-hidden splide__slide x-splide-slide h-full max-h-full lg:top-0 lg:left-0 lg:absolute" 12714 > 12715 12716 <picture> 12717 <img 12718 srcset=" 12719 //www.joeskc.com/cdn/shop/products/rib-and-3-meat-web.jpg?v=1527204124&width=250 250w, 12720 //www.joeskc.com/cdn/shop/products/rib-and-3-meat-web.jpg?v=1527204124&width=350 350w, 12721 //www.joeskc.com/cdn/shop/products/rib-and-3-meat-web.jpg?v=1527204124&width=450 450w, 12722 //www.joeskc.com/cdn/shop/products/rib-and-3-meat-web.jpg?v=1527204124&width=750 750w, 12723 //www.joeskc.com/cdn/shop/products/rib-and-3-meat-web.jpg?v=1527204124&width=900 900w, 12724 //www.joeskc.com/cdn/shop/products/rib-and-3-meat-web.jpg?v=1527204124&width=1100 1100w, 12725 //www.joeskc.com/cdn/shop/products/rib-and-3-meat-web.jpg?v=1527204124&width=1500 1500w,//www.joeskc.com/cdn/shop/products/rib-and-3-meat-web.jpg?v=1527204124 600w" 12726 src="//www.joeskc.com/cdn/shop/products/rib-and-3-meat-web.jpg?v=1527204124&width=1500" 12727 sizes="(min-width: 1300px) calc(100vw / 5), (min-width: 1024px) calc((100vw) / 5), (min-width: 768px) calc((100vw) / 2), calc((100vw /1) )" 12728 alt="Ribs & 3 Meats, Joe's Kansas City Bar-B-Que, Joe's KC, BBQ, Barbecue, Kansas City, Ship BBQ" 12729 class="w-full preview-img motion-reduce aspect-square relative animate-Xpulse skeleton-image object-cover h-full min-h-full image-first-hover lg:group-hover:opacity-0 animate_transition_image" 12730 12731 loading="lazy" 12732 12733 width="600" 12734 height="600" 12735 onload="requestAnimationFrame(() => { 12736 this?.classList.add('active');this.closest('.skeleton-image')?.classList.remove('animate-Xpulse', 'skeleton-image'); 12737 setTimeout(() => { this.closest('.animate_transition_card__image')?.classList.add('lazy_active', 'active'); }, 250); 12738 })" 12739 /> 12740 </picture> 12741 12742 </div><style data-shopify> 12743 #image-product-template--19816069922883__featured_collection_jhekbQ-1-5-4 .media-slide:not(:first-child) { 12744 height: 100%; 12745 } 12746 </style> 12747 <div class="media-slide splide__slide x-splide-slide z-0 transition ease-out duration-300 w-full h-full lg:block"> 12748 12749 <picture> 12750 <img 12751 srcset="//www.joeskc.com/cdn/shop/products/Send-Joes-KC-checking-ribs_4ee70130-679b-44bd-b369-99e9d5069268.png?v=1527204124&width=250 250w, 12752 //www.joeskc.com/cdn/shop/products/Send-Joes-KC-checking-ribs_4ee70130-679b-44bd-b369-99e9d5069268.png?v=1527204124&width=350 350w, 12753 //www.joeskc.com/cdn/shop/products/Send-Joes-KC-checking-ribs_4ee70130-679b-44bd-b369-99e9d5069268.png?v=1527204124&width=450 450w, 12754 //www.joeskc.com/cdn/shop/products/Send-Joes-KC-checking-ribs_4ee70130-679b-44bd-b369-99e9d5069268.png?v=1527204124&width=750 750w, 12755 //www.joeskc.com/cdn/shop/products/Send-Joes-KC-checking-ribs_4ee70130-679b-44bd-b369-99e9d5069268.png?v=1527204124&width=900 900w, 12756 //www.joeskc.com/cdn/shop/products/Send-Joes-KC-checking-ribs_4ee70130-679b-44bd-b369-99e9d5069268.png?v=1527204124&width=1100 1100w, 12757 //www.joeskc.com/cdn/shop/products/Send-Joes-KC-checking-ribs_4ee70130-679b-44bd-b369-99e9d5069268.png?v=1527204124&width=1500 1500w,//www.joeskc.com/cdn/shop/products/Send-Joes-KC-checking-ribs_4ee70130-679b-44bd-b369-99e9d5069268.png?v=1527204124 1024w" 12758 src="//www.joeskc.com/cdn/shop/products/Send-Joes-KC-checking-ribs_4ee70130-679b-44bd-b369-99e9d5069268.png?v=1527204124&width=1500" 12759 sizes="(min-width: 1300px) calc(100vw / 5), (min-width: 1024px) calc((100vw) / 5), (min-width: 768px) calc((100vw) / 2), calc((100vw /1) )" 12760 alt="Ribs & 3 Meats, Joe's Kansas City Bar-B-Que, Joe's KC, BBQ, Barbecue, Kansas City, Ship BBQ" 12761 class="motion-reduce min-w-full h-full object-cover group-hover:cursor-pointer content-visibility-auto image-second-hover lg:opacity-0 lg:group-hover:opacity-100" 12762 loading="lazy" 12763 width="1024" 12764 height="1024" 12765 onload="requestAnimationFrame(() => { 12766 this.closest('.skeleton-image')?.classList.remove('animate-Xpulse', 'skeleton-image'); 12767 setTimeout(() => { this.closest('.animate_transition_card__image')?.classList.add('lazy_active', 'active'); }, 250); 12768 })" 12769 /> 12770 </picture> 12771 12772 </div></div> 12773 </div></div> 12774 <div class="md:list-layout:hidden" x-show="$store.xQuickView" :class="$store.xQuickView && $store.xQuickView.btn_atc_bottom ? 'mobile-bottom':''"><div class="quick-view-container absolute z-20 bottom-2 right-2 rtl:right-auto rtl:left-2 rtl:lg:left-auto lg:top-auto lg:right-auto lg:bottom-4 lg:w-full lg:group-hover:opacity-100 lg:group-hover:translate-y-0 focus:opacity-100 focus:translate-y-0 lg:translate-y-full transition-all duration-[var(--transition-card-image-hover)] ease-in-out lg:opacity-0" 12775 x-show="$store.xQuickView" x-cloak 12776 > 12777 <div x-data="xProductCart" x-show="$store.xQuickView && $store.xQuickView.show_atc_button" 12778 class="w-full hide-icon lg:pl-4 lg:pr-4" 12779 :class="if($store.xQuickView){ return ($store.xQuickView.btn_atc_bottom ? 'hidden' : '') + ($store.xQuickView.atc_btn_image_desktop ? ' lg:block' : ' lg:hidden') }" 12780 x-cloak 12781 > 12782 12783 <button 12784 type="submit" 12785 name="add" 12786 @click.prevent="setTimeout(() => { $store.xQuickView && (showOptions = !showOptions); $store.xQuickView.showChooseOption('template--19816069922883__featured_collection_jhekbQ-1666745281-collection_bGeicb', $el); }, 0)" 12787 x-on:mouseover="setTimeout(() => { $store.xQuickView && $store.xQuickView.loadChooseOptions('/collections/best-sellers/products/ribs-3-meats', $el, 'template--19816069922883__featured_collection_jhekbQ-1666745281-collection_bGeicb', 505); }, 0)" 12788 data-id="template--19816069922883__featured_collection_jhekbQ-1666745281-collection_bGeicb" 12789 class="button button--quickview button-solid not-icon leading-normal w-full pr-5 pl-5 pt-2.5 pb-2.5 lg:pt-3 lg:pb-3 h-full text-[12px] lg:text-[14px] lg:-translate-x-0 disabled:cursor-not-allowed disable-action-btn-animation disabled:opacity-60 hidden lg:block" 12790 :class="errorMessage && 'opacity-60 cursor-not-allowed'" 12791
12792 aria-label="Choose options" 12793 12794 > 12795 <span :class="{ 'lg:block opacity-0 is-focus-button' : loading, 'hidden' : errorMessage}"> 12796 12797 <span class="flex items-center justify-center"> 12798 12799<div class="flex justify-center "> 12800 12801 12802 12803 <span class="button-text is-focus-button:opacity-0">Choose options</span> 12804 12805 12806 12807 12808</div> 12809 </span> 12810 </span> 12811 <div class="lg:inline-block w-4 h-4 md:w-5 md:h-5 absolute top-[calc(50%-8px)] left-[calc(50%-8px)] md:top-[calc(50%-10px)] md:left-[calc(50%-10px)]" x-show="loading" x-cloak> 12812 12813 <svg class="animate-spin rounded-full" viewBox="0 0 512 512" xmlns="http://www.w3.org/2000/svg"> 12814 <path transform="translate(0 512) scale(0.1 -0.1)" fill="currentColor" d="M2474 4676 c-43 -19 -101 -81 -115 -123 -18 -56 -7 -145 24 -190 52 -75 79 -85 262 -99 90 -7 207 -22 260 -33 436 -92 824 -352 1070 -721 521 -781 321 -1824 -453 -2358 -501 -345 -1172 -393 -1715 -121 -700 350 -1075 1118 -917 1876 37 180 86 305 209 536 51 96 54 147 15 226 -37 73 -86 104 -174 109 -105 6 -151 -24 -224 -145 -137 -230 -241 -543 -276 -833 -13 -110 -13 -355 1 -478 52 -475 268 -922 614 -1267 351 -352 787 -560 1284 -615 171 -19 442 -8 615 24 423 80 802 282 1111 591 407 407 625 931 625 1505 0 574 -218 1098 -625 1505 -296 296 -654 493 -1055 579 -210 45 -470 61 -536 32z"/> 12815 </svg> 12816 12817 12818 </div> 12819 </button> 12820 <button 12821 type="submit" 12822 name="add" 12823 @click.prevent="setTimeout(() => { $store.xQuickView && (showOptions = !showOptions); $store.xQuickView.showChooseOption('template--19816069922883__featured_collection_jhekbQ-1666745281-collection_bGeicb', $el); }, 0)" 12824 x-on:mouseover="setTimeout(() => { $store.xQuickView && $store.xQuickView.loadChooseOptions('/collections/best-sellers/products/ribs-3-meats', $el, 'template--19816069922883__featured_collection_jhekbQ-1666745281-collection_bGeicb', 505); }, 0)" 12825 class="button label-btn-quickview button-disable-effect not-icon button--quickview rounded-full lg:leading-snug none_border lg:hidden h-full pt-1.5 pb-1.5 pl-1.5 pr-1.5 disabled:cursor-not-allowed disabled:opacity-60" 12826 data-id="template--19816069922883__featured_collection_jhekbQ-1666745281-collection_bGeicb" 12827 :class="errorMessage && 'opacity-60 cursor-not-allowed'"aria-label="Choose options"x-customer-event-data="{ 12828 "product": { 12829 "title": "Ribs &amp; 3 Meats", 12830 "listName": "Best Sellers", 12831 "sku": "1666745281", 12832 "currencyCode": "USD", 12833 "price": 20399, 12834 "vendor": "SendJoesKCBBQ" 12835 } 12836 }" 12837 > 12838 <span class="w-5 h-5 flex items-center justify-center md:w-6 md:h-6" x-show="!loading"><svg class="" xmlns="http://www.w3.org/2000/svg" width="100%" height="100%" viewBox="0 0 20 16" fill="none" stroke="currentColor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"> 12839 <path fill="none" d="M4.537 3.25H18.0745L15.937 10.375H6.6745L4.537 3.25L4.00262 1.46875 M9.28698 12.8687C9.28698 13.459 8.80846 13.9375 8.21823 13.9375C7.62797 13.9375 7.14948 13.459 7.14948 12.8687 M14.9872 12.75C14.9872 13.3402 14.5087 13.8188 13.9185 13.8188C13.3282 13.8188 12.8497 13.3402 12.8497 12.75 M1.44977 1.35001H3.34977"/> 12840 </svg></span> 12841 <span class="block w-5 h-5" x-show="loading" x-cloak> 12842 12843 <svg class="animate-spin rounded-full" viewBox="0 0 512 512" xmlns="http://www.w3.org/2000/svg"> 12844 <path transform="translate(0 512) scale(0.1 -0.1)" fill="currentColor" d="M2474 4676 c-43 -19 -101 -81 -115 -123 -18 -56 -7 -145 24 -190 52 -75 79 -85 262 -99 90 -7 207 -22 260 -33 436 -92 824 -352 1070 -721 521 -781 321 -1824 -453 -2358 -501 -345 -1172 -393 -1715 -121 -700 350 -1075 1118 -917 1876 37 180 86 305 209 536 51 96 54 147 15 226 -37 73 -86 104 -174 109 -105 6 -151 -24 -224 -145 -137 -230 -241 -543 -276 -833 -13 -110 -13 -355 1 -478 52 -475 268 -922 614 -1267 351 -352 787 -560 1284 -615 171 -19 442 -8 615 24 423 80 802 282 1111 591 407 407 625 931 625 1505 0 574 -218 1098 -625 1505 -296 296 -654 493 -1055 579 -210 45 -470 61 -536 32z"/> 12845 </svg> 12846 12847 12848 </span> 12849 </button> 12850 12851 </div> 12852 </div><div 12853 class="button-quickview-icon absolute z-[15] lg:group-hover:opacity-100 lg:group-hover:translate-y-0 focus:opacity-100 focus:translate-y-0 transition-all duration-[var(--transition-card-image-hover)] ease-in-out lg:opacity-0" 12854 :class="$store.xQuickView && $store.xQuickView.show_atc_button ? 'btn-quickadd bottom-11 md:bottom-12 right-2 lg:top-4 lg:bottom-auto lg:-translate-y-full rtl:right-auto rtl:left-2' : 'bottom-2 right-0 lg:top-auto lg:translate-y-full lg:right-auto lg:bottom-4 lg:w-full lg:left-0 pl-2 pr-2 lg:pr-4 lg:pl-4'" 12855 x-show="$store.xQuickView && $store.xQuickView.enabled" x-cloak 12856 > 12857 <div> 12858 <button 12859 @click.prevent='$store.xQuickView && $store.xQuickView.open(); $store.xCustomerEvent.fire("product_selected", $el);' 12860 x-on:mouseover="$store.xQuickView && $store.xQuickView.load('/collections/best-sellers/products/ribs-3-meats', $el, 'template--19816069922883__featured_collection_jhekbQ-1666745281-collection_bGeicb')" 12861 x-on:focus="$store.xQuickView && $store.xQuickView.load('/collections/best-sellers/products/ribs-3-meats', $el, 'template--19816069922883__featured_collection_jhekbQ-1666745281-collection_bGeicb')" 12862 class="button label-btn-quickview button--quickview not-icon leading-normal empty:hidden hidden lg:block z-50 h-full" 12863 :class="$store.xQuickView && $store.xQuickView.show_atc_button ? 'pt-1.5 pb-1.5 pl-1.5 pr-1.5 md:pt-2.5 md:pb-2.5 md:pl-2.5 md:pr-2.5 rounded-full button-disable-effect' : 'w-full pt-3 pb-3 button-solid'" 12864 x-customer-event-data="{ 12865 "product": { 12866 "title": "Ribs &amp; 3 Meats", 12867 "listName": "Best Sellers", 12868 "sku": "1666745281", 12869 "currencyCode": "USD", 12870 "price": 20399, 12871 "vendor": "SendJoesKCBBQ" 12872 } 12873 }" 12874 aria-label="Button quickview" 12875 >
12876 <span x-show="$store.xQuickView && $store.xQuickView.show_atc_button" class="w-4 h-4 flex items-center"><svg width="100%" height="100%" viewBox="0 0 64 64" fill="none" xmlns="http://www.w3.org/2000/svg" style="fill: none;"> 12877 <path d="M28 8 a20 20 0 1 1 0 40 a20 20 0 1 1 0 -40 M42 42 L58 58 M28 20 V36 M20 28 H36" stroke="currentColor" stroke-width="6" stroke-linecap="round" stroke-linejoin="round" fill="none"/> 12878 </svg> 12879</span> 12880 <span x-show="$store.xQuickView && !$store.xQuickView.show_atc_button" class="flex items-center justify-center"> 12881 12882<div class="flex justify-center "> 12883 12884 <span class="button-text " x-text="$store.xQuickView && $store.xQuickView.buttonLabel"></span> 12885 12886 12887</div> 12888 </span> 12889 </button> 12890 <button @click.prevent='$store.xQuickView && $store.xQuickView.load("/collections/best-sellers/products/ribs-3-meats", $el, "template--19816069922883__featured_collection_jhekbQ-1666745281-collection_bGeicb"); $store.xQuickView && $store.xQuickView.open(); $store.xCustomerEvent.fire("product_selected", $el);' 12891 class="button label-btn-quickview button-disable-effect not-icon button--quickview rounded-full lg:leading-snug none_border lg:hidden h-full pt-2 pb-2 pl-2 pr-2" 12892 aria-label="Button quickview" 12893 x-customer-event-data="{ 12894 "product": { 12895 "title": "Ribs &amp; 3 Meats", 12896 "listName": "Best Sellers", 12897 "sku": "1666745281", 12898 "currencyCode": "USD", 12899 "price": 20399, 12900 "vendor": "SendJoesKCBBQ" 12901 } 12902 }" 12903 > 12904 <span class="w-4 h-4 md:w-5 md:h-5 flex items-center"><svg width="100%" height="100%" viewBox="0 0 64 64" fill="none" xmlns="http://www.w3.org/2000/svg" style="fill: none;"> 12905 <path d="M28 8 a20 20 0 1 1 0 40 a20 20 0 1 1 0 -40 M42 42 L58 58 M28 20 V36 M20 28 H36" stroke="currentColor" stroke-width="6" stroke-linecap="round" stroke-linejoin="round" fill="none"/> 12906 </svg> 12907</span> 12908 </button> 12909 </div> 12910 </div> 12911 </div> 12912 12913 </a> 12914 <div class="card-info no-collage:mb-2 md:list-layout:hidden pt-5 text-center md:list-layout:pt-0 md:list-layout:lg:pt-0 md:list-layout:text-left"> 12915 12916 <div class="below-image ltr flex flex-wrap justify-center md:list-layout:justify-start rtl:md:list-layout:justify-end mb-2.5 gap-1 empty:hidden"></div><h3 class="card__heading h5 no-collage:mb-2 mb-2.5 leading-tight" id="title-template--19816069922883__featured_collection_jhekbQ-1666745281"> 12917 <a href="/collections/best-sellers/products/ribs-3-meats" 12918 class="x-card-title full-unstyled-link link-product-variant text-[rgba(var(--colors-heading))] hover:text-[rgba(var(--colors-text-link))] cursor-pointer duration-200 p-break-words" 12919 @click='$store.xCustomerEvent.fire("product_selected", $el)' 12920 x-customer-event-data="{ 12921 "product": { 12922 "title": "Ribs &amp; 3 Meats", 12923 "listName": "Best Sellers", 12924 "sku": "1666745281", 12925 "currencyCode": "USD", 12926 "price": 20399, 12927 "vendor": "SendJoesKCBBQ" 12928 } 12929 }" 12930 > 12931 Ribs & 3 Meats 12932 </a> 12933 </h3> 12934 12935 12936 12937 12938 12939 12940 12941 12942<div 12943 class="x-review-product judge 12944 12945 flex w-full items-center justify-center ltr mb-2.5 md:list-layout:justify-start 12946 " 12947> 12948 12949<div class="rating gap-1 flex leading-tight" role="img" aria-label="4.73 out of 5.0 stars"> 12950 12951 <svg class="fill-[rgba(var(--colors-icon-rating))] w-[var(--rating-star-size)] h-[var(--rating-star-size)]" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" stroke="currentColor"> 12952 <path d="M510.549 196.024c-3.812-11.726-14.5-19.868-26.82-20.42l-147.935-6.686-52.09-138.642C279.37 18.739 268.329 11.089 256 11.089c-12.329 0-23.37 7.65-27.704 19.187l-52.089 138.642-147.935 6.686c-12.321.552-23.008 8.694-26.821 20.42-3.812 11.726.052 24.598 9.689 32.283l115.756 92.368L87.542 463.453c-3.27 11.889 1.155 24.554 11.136 31.808 9.985 7.246 23.404 7.548 33.704.758L256 414.473l123.617 81.547c10.3 6.789 23.719 6.487 33.704-.758 9.982-7.245 14.405-19.92 11.131-31.808l-39.347-142.779 115.756-92.368c9.637-7.686 13.501-20.558 9.688-32.283z"/> 12953 </svg> 12954 12955 <svg class="fill-[rgba(var(--colors-icon-rating))] w-[var(--rating-star-size)] h-[var(--rating-star-size)]" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" stroke="currentColor"> 12956 <path d="M510.549 196.024c-3.812-11.726-14.5-19.868-26.82-20.42l-147.935-6.686-52.09-138.642C279.37 18.739 268.329 11.089 256 11.089c-12.329 0-23.37 7.65-27.704 19.187l-52.089 138.642-147.935 6.686c-12.321.552-23.008 8.694-26.821 20.42-3.812 11.726.052 24.598 9.689 32.283l115.756 92.368L87.542 463.453c-3.27 11.889 1.155 24.554 11.136 31.808 9.985 7.246 23.404 7.548 33.704.758L256 414.473l123.617 81.547c10.3 6.789 23.719 6.487 33.704-.758 9.982-7.245 14.405-19.92 11.131-31.808l-39.347-142.779 115.756-92.368c9.637-7.686 13.501-20.558 9.688-32.283z"/> 12957 </svg> 12958 12959 <svg class="fill-[rgba(var(--colors-icon-rating))] w-[var(--rating-star-size)] h-[var(--rating-star-size)]" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" stroke="currentColor"> 12960 <path d="M510.549 196.024c-3.812-11.726-14.5-19.868-26.82-20.42l-147.935-6.686-52.09-138.642C279.37 18.739 268.329 11.089 256 11.089c-12.329 0-23.37 7.65-27.704 19.187l-52.089 138.642-147.935 6.686c-12.321.552-23.008 8.694-26.821 20.42-3.812 11.726.052 24.598 9.689 32.283l115.756 92.368L87.542 463.453c-3.27 11.889 1.155 24.554 11.136 31.808 9.985 7.246 23.404 7.548 33.704.758L256 414.473l123.617 81.547c10.3 6.789 23.719 6.487 33.704-.758 9.982-7.245 14.405-19.92 11.131-31.808l-39.347-142.779 115.756-92.368c9.637-7.686 13.501-20.558 9.688-32.283z"/> 12961 </svg> 12962 12963 <svg class="fill-[rgba(var(--colors-icon-rating))] w-[var(--rating-star-size)] h-[var(--rating-star-size)]" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" stroke="currentColor"> 12964 <path d="M510.549 196.024c-3.812-11.726-14.5-19.868-26.82-20.42l-147.935-6.686-52.09-138.642C279.37 18.739 268.329 11.089 256 11.089c-12.329 0-23.37 7.65-27.704 19.187l-52.089 138.642-147.935 6.686c-12.321.552-23.008 8.694-26.821 20.42-3.812 11.726.052 24.598 9.689 32.283l115.756 92.368L87.542 463.453c-3.27 11.889 1.155 24.554 11.136 31.808 9.985 7.246 23.404 7.548 33.704.758L256 414.473l123.617 81.547c10.3 6.789 23.719 6.487 33.704-.758 9.982-7.245 14.405-19.92 11.131-31.808l-39.347-142.779 115.756-92.368c9.637-7.686 13.501-20.558 9.688-32.283z"/> 12965 </svg> 12966 12967 <svg class="fill-[rgba(var(--colors-icon-rating))] w-[var(--rating-star-size)] h-[var(--rating-star-size)]" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" stroke="currentColor"> 12968 <path d="M510.549 196.024c-3.812-11.726-14.5-19.868-26.82-20.42l-147.935-6.686-52.09-138.642C279.37 18.739 268.329 11.089 256 11.089c-12.329 0-23.37 7.65-27.704 19.187l-52.089 138.642-147.935 6.686c-12.321.552-23.008 8.694-26.821 20.42-3.812 11.726.052 24.598 9.689 32.283l115.756 92.368L87.542 463.453c-3.27 11.889 1.155 24.554 11.136 31.808 9.985 7.246 23.404 7.548 33.704.758L256 414.473l123.617 81.547c10.3 6.789 23.719 6.487 33.704-.758 9.982-7.245 14.405-19.92 11.131-31.808l-39.347-142.779 115.756-92.368c9.637-7.686 13.501-20.558 9.688-32.283z"/> 12969 </svg> 12970 12971 12972 </div> 12973 <p class="rating-count leading-none caption ml-1 text-review-count">(11) 12974 </p> 12975</div> 12976 12977<div class="x-card-price flex items-center mb-2.5 flex-wrap gap-1 justify-center rtl:flex-row-reverse md:rtl:list-layout:flex-row md:list-layout:justify-start"> 12978 12979 12980 <div class=" price leading-none "> 12981 <div class="target-price hidden">20399</div> 12982 <div class="target-compare-at-price hidden"></div> 12983 12984 12985 12986 12987 12988 12989 12990 12991 12992 12993 12994 12995 12996<p class="price"> 12997 $ 203.99 12998 </p> 12999 13000 13001</div> 13002 13003 13004 <div class="leading-none next-price flex flex-wrap gap-x-1 gap-y-2 empty:hidden"></div> 13005 </div> 13006 13007 <template x-if="localStorage.getItem('selectedStore')"> 13008 <div id="x-availability-notice-template--19816069922883__featured_collection_jhekbQ" class="flex mb-2.5 items-center flex-wrap gap-1 justify-center rtl:flex-row-reverse md:rtl:list-layout:flex-row md:list-layout:justify-start justify-center" x-show="$store.xStoreSelector?.canShow('1666745281', [165788254275, 69089857, 69089921, 288082919491, 69090241, 69090625, 69090817, 297689448515, 216422407])"> 13009 13010<div 13011 class="text-availability-notice" 13012 x-data='{ 13013 locations: [], 13014 pickupLocations: [], 13015 pickupAvailabilites: [] 13016 }' 13017 x-show="$store.xStoreSelector?.selectedStore && locations.includes($store.xStoreSelector?.getStore())" 13018> 13019 <style data-shopify> 13020 .text-availability-notice { 13021 font-size: 0.669375rem; 13022 } 13023 @media (min-width: 768px) { 13024 .text-availability-notice { 13025 font-size: 0.74375rem; 13026 } 13027 } 13028 </style> 13029 <div x-cloak x-show="$store.xStoreSelector?.checkAvailability(pickupLocations, pickupAvailabilites)" class="inventory-in-stock-status flex flex-row items-center gap-[3px]"> 13030 <span class="flex h-4 w-4 relative">
13031 <svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"> 13032 <rect width="16" height="16" rx="8" fill="currentColor" fill-opacity="0.2"/> 13033 <rect x="4" y="4" width="8" height="8" rx="4" fill="currentColor"/> 13034 </svg> 13035 13036</span><span x-text="'Available for pickup at ' + $store.xStoreSelector?.getStoreText()"> </span> 13037 </div> 13038 <div x-cloak x-show="! $store.xStoreSelector?.checkAvailability(pickupLocations, pickupAvailabilites)" class="inventory-out-of-stock-status flex flex-row items-center gap-[3px]"> 13039 <span class="flex h-4 w-4 relative"> 13040 <svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"> 13041 <rect width="16" height="16" rx="8" fill="currentColor" fill-opacity="0.2"/> 13042 <rect x="4" y="4" width="8" height="8" rx="4" fill="currentColor"/> 13043 </svg> 13044 13045</span><span x-text="'Out of stock at ' + $store.xStoreSelector?.getStoreText()"> </span> 13046 </div> 13047</div></div> 13048 </template> 13049 <div class="bottom-card ltr flex flex-wrap justify-center md:list-layout:justify-start rtl:md:list-layout:justify-end mb-2.5 gap-1 empty:hidden"></div> 13050 </div> 13051 </div><div 13052 id="choose-options-template--19816069922883__featured_collection_jhekbQ-1666745281-collection_bGeicb" 13053 class="hidden md:block absolute w-full min-h-full h-full left-0 top-0 bg-[rgba(var(--background-color))] z-[15] md:list-layout:w-3/5 list-layout:lg:w-3/4 md:list-layout:left-auto md:list-layout:right-0" 13054 x-show="showOptions" 13055 x-transition:enter="transition-all ease-in-out duration-300" 13056 x-transition:enter-start="opacity-0 transform translate-y-full" 13057 x-transition:enter-end="opacity-100 transform translate-y-0" 13058 x-transition:leave="transition-all ease-in-out duration-300" 13059 x-transition:leave-start="opacity-100 transform translate-y-0" 13060 x-transition:leave-end="opacity-0 transform translate-y-full" 13061 x-cloak 13062 > 13063 <div class="choose-options relative w-full min-h-full h-full"></div> 13064 <div class="icon-loading hidden absolute top-0 left-0 right-0 h-full w-full z-20 bg-[rgba(var(--background-color))]"> 13065 <div 13066 class="lg:inline-block w-4 h-4 md:w-5 md:h-5 absolute top-[calc(50%-8px)] left-[calc(50%-8px)] md:top-[calc(50%-10px)] md:left-[calc(50%-10px)]"> 13067 <svg class="animate-spin rounded-full" viewBox="0 0 512 512" xmlns="http://www.w3.org/2000/svg"> 13068 <path transform="translate(0 512) scale(0.1 -0.1)" fill="currentColor" d="M2474 4676 c-43 -19 -101 -81 -115 -123 -18 -56 -7 -145 24 -190 52 -75 79 -85 262 -99 90 -7 207 -22 260 -33 436 -92 824 -352 1070 -721 521 -781 321 -1824 -453 -2358 -501 -345 -1172 -393 -1715 -121 -700 350 -1075 1118 -917 1876 37 180 86 305 209 536 51 96 54 147 15 226 -37 73 -86 104 -174 109 -105 6 -151 -24 -224 -145 -137 -230 -241 -543 -276 -833 -13 -110 -13 -355 1 -478 52 -475 268 -922 614 -1267 351 -352 787 -560 1284 -615 171 -19 442 -8 615 24 423 80 802 282 1111 591 407 407 625 931 625 1505 0 574 -218 1098 -625 1505 -296 296 -654 493 -1055 579 -210 45 -470 61 -536 32z"/> 13069 </svg> 13070 13071 </div> 13072 </div> 13073 </div> 13074 <div 13075 id="x-product-template-1666745281-template--19816069922883__featured_collection_jhekbQ-1-5" 13076 class="list-layout:lg:w-3/4 md:list-layout:w-3/5 list-layout:md:pl-0 rtl:list-layout:md:pl-5 rtl:list-layout:md:pr-0 text-center" 13077 > 13078 13079 13080 <div class="hidden" @init-run="document.addEventListener('eurus:cart:items-changed', () => { 13081 Alpine.store('xUpdateVariantQuanity').updateQuantity('template--19816069922883__featured_collection_jhekbQ', '/products/ribs-3-meats'); 13082 });"></div> 13083 <div 13084 id="current-variant-template--19816069922883__featured_collection_jhekbQ-1666745281-collection_bGeicb" 13085 class="current-variant hidden" 13086 >41603175448643</div> 13087 13088 13089 <template x-if="$store.xQuickView"><div x-data="xProductCart" x-show="$store.xQuickView.show_atc_button && ($store.xQuickView.btn_atc_bottom || !$store.xQuickView.atc_btn_image_desktop)" 13090 class="card-info bottom_atc md:list-layout:hidden pt-2.5 hide-icon" 13091 :class="if($store.xQuickView.show_atc_button){ return ($store.xQuickView.btn_atc_bottom ? '' : 'hidden') + ($store.xQuickView.atc_btn_image_desktop ? ' lg:hidden' : ' lg:block')}" 13092 x-cloak 13093 > 13094 13095 <button 13096 type="submit" 13097 name="add" 13098 @click.prevent="setTimeout(() => { $store.xQuickView && (showOptions = !showOptions); $store.xQuickView.showChooseOption('template--19816069922883__featured_collection_jhekbQ-1666745281-collection_bGeicb', $el); }, 0)" 13099 x-on:mouseover="setTimeout(() => { $store.xQuickView && $store.xQuickView.loadChooseOptions('/collections/best-sellers/products/ribs-3-meats', $el, 'template--19816069922883__featured_collection_jhekbQ-1666745281-collection_bGeicb', 505); }, 0)" 13100 data-id="template--19816069922883__featured_collection_jhekbQ-1666745281-collection_bGeicb" 13101 class="button button--quickview button-solid not-icon leading-normal mt-2 w-full pr-5 pl-5 pt-2.5 pb-2.5 lg:pt-3 lg:pb-3 h-full text-[12px] lg:text-[14px] lg:-translate-x-0 disabled:cursor-not-allowed disable-action-btn-animation disabled:opacity-60" 13102 :class="errorMessage && 'opacity-60 cursor-not-allowed'"
13103 aria-label="Choose options" 13104 13105 > 13106 <span :class="{ 'lg:block opacity-0 is-focus-button' : loading, 'hidden' : errorMessage}"> 13107 13108 <span class="flex items-center justify-center"> 13109 13110<div class="flex justify-center "> 13111 13112 13113 13114 <span class="button-text is-focus-button:opacity-0">Choose options</span> 13115 13116 13117 13118 13119</div> 13120 </span> 13121 </span> 13122 <div class="lg:inline-block w-4 h-4 md:w-5 md:h-5 absolute top-[calc(50%-8px)] left-[calc(50%-8px)] md:top-[calc(50%-10px)] md:left-[calc(50%-10px)]" x-show="loading" x-cloak> 13123 13124 <svg class="animate-spin rounded-full" viewBox="0 0 512 512" xmlns="http://www.w3.org/2000/svg"> 13125 <path transform="translate(0 512) scale(0.1 -0.1)" fill="currentColor" d="M2474 4676 c-43 -19 -101 -81 -115 -123 -18 -56 -7 -145 24 -190 52 -75 79 -85 262 -99 90 -7 207 -22 260 -33 436 -92 824 -352 1070 -721 521 -781 321 -1824 -453 -2358 -501 -345 -1172 -393 -1715 -121 -700 350 -1075 1118 -917 1876 37 180 86 305 209 536 51 96 54 147 15 226 -37 73 -86 104 -174 109 -105 6 -151 -24 -224 -145 -137 -230 -241 -543 -276 -833 -13 -110 -13 -355 1 -478 52 -475 268 -922 614 -1267 351 -352 787 -560 1284 -615 171 -19 442 -8 615 24 423 80 802 282 1111 591 407 407 625 931 625 1505 0 574 -218 1098 -625 1505 -296 296 -654 493 -1055 579 -210 45 -470 61 -536 32z"/> 13126 </svg> 13127 13128 13129 </div> 13130 </button> 13131 13132 </div></template> 13133 13134 </div> 13135</div> 13136</div> 13137 13138 </div> 13139 13140<div class=" md:hidden items-center flex w-full gap-5 mt-2.5 md:mt-5 md:w-3/4 ml-auto mr-auto"> 13141 <div class="splide-progress inline-block grow rounded-md"><style data-shopify>.splide-progress-bar-template--19816069922883__featured_collection_jhekbQ-collection_bGeicb { 13142 width: 20.0%; 13143 } 13144 @media (min-width: 768px) { 13145 .splide-progress-bar-template--19816069922883__featured_collection_jhekbQ-collection_bGeicb { 13146 width: 100.0%; 13147 } 13148 }</style><div class="splide-progress-bar-template--19816069922883__featured_collection_jhekbQ-collection_bGeicb splide-progress-bar rounded-md"></div> 13149 </div> 13150 </div></div> 13151 </div> 13152 </div> 13153 </div> 13154 </div> 13155 </div> 13156</div></div></div>
13157<script src="//www.joeskc.com/cdn/shop/t/80/assets/featured-collection.js?v=166203110154732063391785247873" defer></script>
13157 13158 13159 13160<style> #shopify-section-template--19816069922883__featured_collection_jhekbQ h2 {text-align: center; background-color: rgba(35, 31, 32, 0.75); color: #ffffff; padding: 12px 16px; border-radius: 4px;} #shopify-section-template--19816069922883__featured_collection_jhekbQ .card-info .price div {font-size: 1rem !important;} </style></section><section id="shopify-section-template--19816069922883__1742498599adf27311" class="shopify-section section x-section section-apps"><div class="x-pgw page-width"><div id="shopify-block-AZHRNbVp1eXRkYW1HR__judge_me_reviews_featured_carousel_3K9PTW" class="shopify-block shopify-app-block"><div style="margin:0 auto;max-width:1800px;"> 13161 <div class='jdgm-carousel-wrapper'> 13162 <div class="jdgm-carousel-title-and-link"> 13163 <h2 class='jdgm-carousel-title'>Let customers speak for us</h2> 13164 <span class="jdgm-all-reviews-rating-wrapper" href="javascript:void(0)"> 13165 <span style="display:block" data-score='4.87' class='jdgm-all-reviews-rating' aria-label='4.87 stars' tabindex='0' role='img'></span> 13166 <span style="display: block" class='jdgm-carousel-number-of-reviews' data-number-of-reviews='396'> 13167 from 396 reviews 13168 </span> 13169 </span> 13170 </div> 13171 <section class='jdgm-widget jdgm-carousel jdgm-carousel--card-theme' data-widget-locale='en'> <style>.jdgm-carousel{display: none}</style> <style> .jdgm-xx{left:0}.jdgm-carousel-wrapper .jdgm-carousel__arrows .jdgm-carousel__right-arrow,.jdgm-carousel-wrapper .jdgm-carousel__arrows .jdgm-carousel__left-arrow{border-color:#231F20}.jdgm-carousel-wrapper .jdgm-carousel__arrows .jdgm-carousel__play-pause{color:#231F20}.jdgm-carousel-wrapper{width:85% !important;margin:auto}.jdgm-carousel-title-and-link{width:calc(100% - 81px);margin:0 auto 24px auto}.jdgm-carousel-wrapper .jdgm-widget.jdgm-carousel{width:calc(100% - 81px);margin:0 auto}.jdgm-carousel-wrapper .jdgm-carousel__left-arrow{float:left;margin-left:-25px;margin-top:-150.0px}.jdgm-carousel-wrapper .jdgm-carousel__right-arrow{float:right;margin-right:-25px;margin-top:-150.0px}.jdgm-carousel-item__timestamp{display:none !important}.jdgm-carousel-item__product-title{display:none !important}.jdgm-carousel-title-and-link{padding-left:20px}.jdgm-carousel-title,.jdgm-all-reviews-rating-wrapper{text-align:left !important}.jdgm-carousel-wrapper .jdgm-star.jdgm-star,.jdgm-carousel .jdgm-star.jdgm-star{background:#7F2629;padding:3px !important;margin:0 2px !important;color:white}.jdgm-carousel-wrapper .jdgm-star.jdgm-star.jdgm--off,.jdgm-carousel .jdgm-star.jdgm-star.jdgm--off{background:#dadada}.jdgm-carousel-wrapper .jdgm-star.jdgm-star.jdgm--off:before,.jdgm-carousel .jdgm-star.jdgm-star.jdgm--off:before{content:"\e000"}.jdgm-carousel-wrapper .jdgm-star.jdgm-star.jdgm--half,.jdgm-carousel .jdgm-star.jdgm-star.jdgm--half{background:linear-gradient(90deg, #7F2629 50%, #dadada 50%)}.jdgm-carousel-wrapper .jdgm-star.jdgm-star.jdgm--half:before,.jdgm-carousel .jdgm-star.jdgm-star.jdgm--half:before{content:"\e000"}.jdgm-carousel--card-theme .jdgm-carousel-item{padding:8px 20px}.jdgm-carousel--card-theme .jdgm-carousel-item__inner-wrapper{height:100%;padding:16px;box-shadow:0px 4px 12px rgba(0,0,0,0.1);border-radius:4px;width:100%}.jdgm-carousel--card-theme .jdgm-carousel-item__review-rating{font-size:80%;margin-bottom:8px}.jdgm-carousel--card-theme .jdgm-carousel-item__product{text-align:left}.jdgm-carousel--card-theme .jdgm-carousel-item__reviewer-name-wrapper{text-align:left;margin:8px 0 0 0}.jdgm-carousel--card-theme .jdgm-carousel-item__reviewer-name{font-size:100%;opacity:0.8;line-height:1.4;padding-bottom:0;font-weight:600}.jdgm-carousel--card-theme .jdgm-carousel-item__timestamp{opacity:0.8}.jdgm-carousel--card-theme .jdgm-carousel-item__review{text-align:left;height:calc(100% - 1.2999999999999998em)} 13172 </style> <style> </style> <div class='jdgm-carousel__item-container'> <div class='jdgm-carousel__item-wrapper'><div class='jdgm-carousel-item' data-review-id='c2bd77ab-afd5-4576-a3ed-40564188972e'> <div class='jdgm-carousel-item__inner-wrapper'> <div class='jdgm-carousel-item__review'>
13172 <div class='jdgm-carousel-item__review-rating' aria-label='5 stars' role='img'> <span class='jdgm-star jdgm--on'></span><span class='jdgm-star jdgm--on'></span><span class='jdgm-star jdgm--on'></span><span class='jdgm-star jdgm--on'></span><span class='jdgm-star jdgm--on'></span> </div> <div class='jdgm-carousel-item__review-content'> <div class='jdgm-carousel-item__review-title'>Fantastic again!</div> <div class='jdgm-carousel-item__review-body'><p>This is the third time Iâve shipped Joeâs to various parts of the country. Every time it is easy order and the friends are thankful for some great KC BBQ.</p></div> </div> </div> <div class='jdgm-carousel-item__reviewer-name-wrapper'> <div class='jdgm-carousel-item__reviewer-name jdgm-ellipsis'> Scott MacGee </div> <div class='jdgm-carousel-item__timestamp jdgm-ellipsis jdgm-spinner' data-time='10/01/2026'> 10/01/2026 </div> </div> </div> </div><div class='jdgm-carousel-item' data-review-id='a0eec868-2605-40db-b8c0-689b0bcc1745'> <div class='jdgm-carousel-item__inner-wrapper'> <div class='jdgm-carousel-item__review'> <div class='jdgm-carousel-item__review-rating' aria-label='5 stars' role='img'> <span class='jdgm-star jdgm--on'></span><span class='jdgm-star jdgm--on'></span><span class='jdgm-star jdgm--on'></span><span class='jdgm-star jdgm--on'></span><span class='jdgm-star jdgm--on'></span> </div> <div class='jdgm-carousel-item__review-content'> <div class='jdgm-carousel-item__review-title'>KC Joe's Enjoyed Anywhere in the USA!!!</div> <div class='jdgm-carousel-item__review-body'><p>I ordered KC Joe's online BBQ for a friend. She RAVED about it. She noted how the directions sent with the food was very specific and it tasted totally fresh like you were eating it at the restaurant.</p></div> </div> </div> <div class='jdgm-carousel-item__reviewer-name-wrapper'> <div class='jdgm-carousel-item__reviewer-name jdgm-ellipsis'> Carla Krebs </div> <div class='jdgm-carousel-item__timestamp jdgm-ellipsis jdgm-spinner' data-time='09/21/2026'> 09/21/2026 </div> </div> </div> </div><div class='jdgm-carousel-item' data-review-id='f5c4ef8e-1970-4e2f-afde-4bee1b0c3bf2'> <div class='jdgm-carousel-item__inner-wrapper'> <div class='jdgm-carousel-item__review'> <div class='jdgm-carousel-item__review-rating' aria-label='5 stars' role='img'> <span class='jdgm-star jdgm--on'></span><span class='jdgm-star jdgm--on'></span><span class='jdgm-star jdgm--on'></span><span class='jdgm-star jdgm--on'></span><span class='jdgm-star jdgm--on'></span> </div> <div class='jdgm-carousel-item__review-content'> <div class='jdgm-carousel-item__review-title'>Joe's KC is the BEST! Hands down.</div> <div class='jdgm-carousel-item__review-body'><p>I sent this to some friends out of town and they said it was so good that even when they were full they could not stop eating it. Yep, That's Joes!! The best BBQ in KC.</p></div> </div> </div> <div class='jdgm-carousel-item__reviewer-name-wrapper'> <div class='jdgm-carousel-item__reviewer-name jdgm-ellipsis'> J Brownrigg </div> <div class='jdgm-carousel-item__timestamp jdgm-ellipsis jdgm-spinner' data-time='09/10/2026'> 09/10/2026 </div> </div> </div> </div><div class='jdgm-carousel-item' data-review-id='b11ddbe2-c444-497f-9e73-068d8f5dd76e'> <div class='jdgm-carousel-item__inner-wrapper'> <div class='jdgm-carousel-item__review'> <div class='jdgm-carousel-item__review-rating' aria-label='5 stars' role='img'> <span class='jdgm-star jdgm--on'></span><span class='jdgm-star jdgm--on'></span><span class='jdgm-star jdgm--on'></span><span class='jdgm-star jdgm--on'></span><span class='jdgm-star jdgm--on'></span> </div> <div class='jdgm-carousel-item__review-content'> <div class='jdgm-carousel-item__review-title'>A Happy 50th</div> <div class='jdgm-carousel-item__review-body'><p>I sent these to some friends celebrating their 50th wedding anniversary and they really enjoyed them.</p></div> </div> </div> <div class='jdgm-carousel-item__reviewer-name-wrapper'> <div class='jdgm-carousel-item__reviewer-name jdgm-ellipsis'> Kathy Mc </div> <div class='jdgm-carousel-item__timestamp jdgm-ellipsis jdgm-spinner' data-time='09/10/2026'> 09/10/2026 </div> </div> </div> </div><div class='jdgm-carousel-item' data-review-id='6d6d60a3-e61b-4ace-a19b-787efe7fa5bc'> <div class='jdgm-carousel-item__inner-wrapper'> <div class='jdgm-carousel-item__review'>
13172 <div class='jdgm-carousel-item__review-rating' aria-label='5 stars' role='img'> <span class='jdgm-star jdgm--on'></span><span class='jdgm-star jdgm--on'></span><span class='jdgm-star jdgm--on'></span><span class='jdgm-star jdgm--on'></span><span class='jdgm-star jdgm--on'></span> </div> <div class='jdgm-carousel-item__review-content'> <div class='jdgm-carousel-item__review-title'>All the way to Chicago</div> <div class='jdgm-carousel-item__review-body'><p>I haven't lived in MO for over 10 years so I was so happy to find out that I could get the world's best bbq delivered. Zman, sides, sausage, pulled pork, everything arrives perfectly packaged, shipped cold and with very easy instructions. I highly recommend.</p></div> </div> </div> <div class='jdgm-carousel-item__reviewer-name-wrapper'> <div class='jdgm-carousel-item__reviewer-name jdgm-ellipsis'> Shaun Crawford </div> <div class='jdgm-carousel-item__timestamp jdgm-ellipsis jdgm-spinner' data-time='09/09/2026'> 09/09/2026 </div> </div> </div> </div><div class='jdgm-carousel-item' data-review-id='7b6eb7ab-348d-4ff1-9afc-09c38b1feb94'> <div class='jdgm-carousel-item__inner-wrapper'> <div class='jdgm-carousel-item__review'> <div class='jdgm-carousel-item__review-rating' aria-label='5 stars' role='img'> <span class='jdgm-star jdgm--on'></span><span class='jdgm-star jdgm--on'></span><span class='jdgm-star jdgm--on'></span><span class='jdgm-star jdgm--on'></span><span class='jdgm-star jdgm--on'></span> </div> <div class='jdgm-carousel-item__review-content'> <div class='jdgm-carousel-item__review-title'>Fabulous!</div> <div class='jdgm-carousel-item__review-body'><p>Joe's is the absolute BEST! 13173<br />A tried and true KC BBQ Legand! 13174<br />And a great 2nd Anniversary gift!</p></div> </div> </div> <div class='jdgm-carousel-item__reviewer-name-wrapper'> <div class='jdgm-carousel-item__reviewer-name jdgm-ellipsis'> E.H. </div> <div class='jdgm-carousel-item__timestamp jdgm-ellipsis jdgm-spinner' data-time='09/09/2026'> 09/09/2026 </div> </div> </div> </div><div class='jdgm-carousel-item' data-review-id='6a433645-eece-570c-be9b-3954f915385b'> <div class='jdgm-carousel-item__inner-wrapper'> <div class='jdgm-carousel-item__review'> <div class='jdgm-carousel-item__review-rating' aria-label='5 stars' role='img'> <span class='jdgm-star jdgm--on'></span><span class='jdgm-star jdgm--on'></span><span class='jdgm-star jdgm--on'></span><span class='jdgm-star jdgm--on'></span><span class='jdgm-star jdgm--on'></span> </div> <div class='jdgm-carousel-item__review-content'> <div class='jdgm-carousel-item__review-title'></div> <div class='jdgm-carousel-item__review-body'><p>Always packed well and shipped promptly. High quality product with great glavor.</p></div> </div> </div> <div class='jdgm-carousel-item__reviewer-name-wrapper'> <div class='jdgm-carousel-item__reviewer-name jdgm-ellipsis'> Kevin </div> <div class='jdgm-carousel-item__timestamp jdgm-ellipsis jdgm-spinner' data-time='08/29/2026'> 08/29/2026 </div> </div> </div> </div><div class='jdgm-carousel-item' data-review-id='456be17d-294e-4763-9d9d-58c2a4582995'> <div class='jdgm-carousel-item__inner-wrapper'> <div class='jdgm-carousel-item__review'> <div class='jdgm-carousel-item__review-rating' aria-label='5 stars' role='img'> <span class='jdgm-star jdgm--on'></span><span class='jdgm-star jdgm--on'></span><span class='jdgm-star jdgm--on'></span><span class='jdgm-star jdgm--on'></span><span class='jdgm-star jdgm--on'></span> </div> <div class='jdgm-carousel-item__review-content'> <div class='jdgm-carousel-item__review-title'>All Beef</div> <div class='jdgm-carousel-item__review-body'><p>We sent Joe's as thank you gifts to many of our clients. They enjoyed it immensely! We loved it ourselves and thought it was a perfect gift.</p></div> </div> </div> <div class='jdgm-carousel-item__reviewer-name-wrapper'> <div class='jdgm-carousel-item__reviewer-name jdgm-ellipsis'> Cindy Mills </div> <div class='jdgm-carousel-item__timestamp jdgm-ellipsis jdgm-spinner' data-time='08/21/2026'> 08/21/2026 </div> </div> </div> </div><div class='jdgm-carousel-item' data-review-id='560735ee-5d6c-43ca-8c6f-42b6a9a72ced'> <div class='jdgm-carousel-item__inner-wrapper'> <div class='jdgm-carousel-item__review'>
13174 <div class='jdgm-carousel-item__review-rating' aria-label='5 stars' role='img'> <span class='jdgm-star jdgm--on'></span><span class='jdgm-star jdgm--on'></span><span class='jdgm-star jdgm--on'></span><span class='jdgm-star jdgm--on'></span><span class='jdgm-star jdgm--on'></span> </div> <div class='jdgm-carousel-item__review-content'> <div class='jdgm-carousel-item__review-title'>Great!!</div> <div class='jdgm-carousel-item__review-body'><p>Great barbecue! Amazed it tasted so fresh shipped! Can't imagine what it will taste like dining in!!</p></div> </div> </div> <div class='jdgm-carousel-item__reviewer-name-wrapper'> <div class='jdgm-carousel-item__reviewer-name jdgm-ellipsis'> Ann Nonneman </div> <div class='jdgm-carousel-item__timestamp jdgm-ellipsis jdgm-spinner' data-time='08/12/2026'> 08/12/2026 </div> </div> </div> </div><div class='jdgm-carousel-item' data-review-id='d0232a84-1787-58d7-9d43-219b06f84390'> <div class='jdgm-carousel-item__inner-wrapper'> <div class='jdgm-carousel-item__review'> <div class='jdgm-carousel-item__review-rating' aria-label='5 stars' role='img'> <span class='jdgm-star jdgm--on'></span><span class='jdgm-star jdgm--on'></span><span class='jdgm-star jdgm--on'></span><span class='jdgm-star jdgm--on'></span><span class='jdgm-star jdgm--on'></span> </div> <div class='jdgm-carousel-item__review-content'> <div class='jdgm-carousel-item__review-title'></div> <div class='jdgm-carousel-item__review-body'><p>Absolutely love</p></div> </div> </div> <div class='jdgm-carousel-item__reviewer-name-wrapper'> <div class='jdgm-carousel-item__reviewer-name jdgm-ellipsis'> Wesley Hurd </div> <div class='jdgm-carousel-item__timestamp jdgm-ellipsis jdgm-spinner' data-time='08/12/2026'> 08/12/2026 </div> </div> </div> </div><div class='jdgm-carousel-item' data-review-id='5be9bcd7-b8e2-581f-8281-9eea0d7a7bdb'> <div class='jdgm-carousel-item__inner-wrapper'> <div class='jdgm-carousel-item__review'> <div class='jdgm-carousel-item__review-rating' aria-label='5 stars' role='img'> <span class='jdgm-star jdgm--on'></span><span class='jdgm-star jdgm--on'></span><span class='jdgm-star jdgm--on'></span><span class='jdgm-star jdgm--on'></span><span class='jdgm-star jdgm--on'></span> </div> <div class='jdgm-carousel-item__review-content'> <div class='jdgm-carousel-item__review-title'></div> <div class='jdgm-carousel-item__review-body'><p>Love Joes KC always</p></div> </div> </div> <div class='jdgm-carousel-item__reviewer-name-wrapper'> <div class='jdgm-carousel-item__reviewer-name jdgm-ellipsis'> Wesley Hurd </div> <div class='jdgm-carousel-item__timestamp jdgm-ellipsis jdgm-spinner' data-time='08/12/2026'> 08/12/2026 </div> </div> </div> </div><div class='jdgm-carousel-item' data-review-id='727c3d74-0965-5b22-be3a-2036053dabee'> <div class='jdgm-carousel-item__inner-wrapper'> <div class='jdgm-carousel-item__review'> <div class='jdgm-carousel-item__review-rating' aria-label='5 stars' role='img'> <span class='jdgm-star jdgm--on'></span><span class='jdgm-star jdgm--on'></span><span class='jdgm-star jdgm--on'></span><span class='jdgm-star jdgm--on'></span><span class='jdgm-star jdgm--on'></span> </div> <div class='jdgm-carousel-item__review-content'> <div class='jdgm-carousel-item__review-title'></div> <div class='jdgm-carousel-item__review-body'><p>Arrived on time. Quality and taste exceeded expectations</p></div> </div> </div> <div class='jdgm-carousel-item__reviewer-name-wrapper'> <div class='jdgm-carousel-item__reviewer-name jdgm-ellipsis'> Eric </div> <div class='jdgm-carousel-item__timestamp jdgm-ellipsis jdgm-spinner' data-time='08/08/2026'> 08/08/2026 </div> </div> </div> </div><div class='jdgm-carousel-item' data-review-id='3703cb69-8699-41f2-9009-5d4b2346ae0a'> <div class='jdgm-carousel-item__inner-wrapper'> <div class='jdgm-carousel-item__review'> <div class='jdgm-carousel-item__review-rating' aria-label='5 stars' role='img'> <span class='jdgm-star jdgm--on'></span><span class='jdgm-star jdgm--on'></span><span class='jdgm-star jdgm--on'></span><span class='jdgm-star jdgm--on'></span><span class='jdgm-star jdgm--on'></span> </div> <div class='jdgm-carousel-item__review-content'> <div class='jdgm-carousel-item__review-title'>Bongo</div> <div class='jdgm-carousel-item__review-body'><p>Very good juicy ribs and Zman was very good too. 13175<br />The packaging was the best. At times the vacuum packed meat cracks from the ice packaging but this time, no problem with that.</p></div> </div> </div> <div class='jdgm-carousel-item__reviewer-name-wrapper'> <div class='jdgm-carousel-item__reviewer-name jdgm-ellipsis'> CAJoe </div> <div class='jdgm-carousel-item__timestamp jdgm-ellipsis jdgm-spinner' data-time='07/31/2026'> 07/31/2026 </div> </div> </div> </div><div class='jdgm-carousel-item' data-review-id='34bd081a-16ad-4aa4-a9b0-376748ef18ba'> <div class='jdgm-carousel-item__inner-wrapper'> <div class='jdgm-carousel-item__review'>
13175 <div class='jdgm-carousel-item__review-rating' aria-label='5 stars' role='img'> <span class='jdgm-star jdgm--on'></span><span class='jdgm-star jdgm--on'></span><span class='jdgm-star jdgm--on'></span><span class='jdgm-star jdgm--on'></span><span class='jdgm-star jdgm--on'></span> </div> <div class='jdgm-carousel-item__review-content'> <div class='jdgm-carousel-item__review-title'>Yummy</div> <div class='jdgm-carousel-item__review-body'><p>Never r disappointed. A family favorite</p></div> </div> </div> <div class='jdgm-carousel-item__reviewer-name-wrapper'> <div class='jdgm-carousel-item__reviewer-name jdgm-ellipsis'> Henry Zupko </div> <div class='jdgm-carousel-item__timestamp jdgm-ellipsis jdgm-spinner' data-time='07/31/2026'> 07/31/2026 </div> </div> </div> </div><div class='jdgm-carousel-item' data-review-id='6e3961db-5bd0-449a-9620-0884ae5a43cf'> <div class='jdgm-carousel-item__inner-wrapper'> <div class='jdgm-carousel-item__review'> <div class='jdgm-carousel-item__review-rating' aria-label='5 stars' role='img'> <span class='jdgm-star jdgm--on'></span><span class='jdgm-star jdgm--on'></span><span class='jdgm-star jdgm--on'></span><span class='jdgm-star jdgm--on'></span><span class='jdgm-star jdgm--on'></span> </div> <div class='jdgm-carousel-item__review-content'> <div class='jdgm-carousel-item__review-title'>A nice part of home</div> <div class='jdgm-carousel-item__review-body'><p>No matter where I am at in the United States in my travels. It's always nice to have a piece of home.</p></div> </div> </div> <div class='jdgm-carousel-item__reviewer-name-wrapper'> <div class='jdgm-carousel-item__reviewer-name jdgm-ellipsis'> Rebecca Champine </div> <div class='jdgm-carousel-item__timestamp jdgm-ellipsis jdgm-spinner' data-time='07/30/2026'> 07/30/2026 </div> </div> </div> </div></div> </div> <div class='jdgm-carousel__arrows'> <div class='jdgm-carousel__left-arrow' tabindex="0" role="button" aria-label="Previous reviews"></div> <div class='jdgm-carousel__right-arrow' tabindex="0" role="button" aria-label="Next reviews"></div> </div> </section> <section> </section> 13176 </div> 13177</div> 13178 13179 13180</div>�</div> 13181 13182 13183<style> #shopify-section-template--19816069922883__1742498599adf27311 {background-color: #ffffff; padding: 16px 0;} </style></section><section id="shopify-section-template--19816069922883__newsletter_Xr3QkA" class="shopify-section section section-newsletter x-section"><style data-shopify>#shopify-section-template--19816069922883__newsletter_Xr3QkA{ 13184 background: rgba(0,0,0,0); 13185 } 13186 .dark #shopify-section-template--19816069922883__newsletter_Xr3QkA{ 13187 13188 background: rgba(0,0,0,0); 13189 13190 } 13191 #shopify-section-template--19816069922883__newsletter_Xr3QkA, #shopify-section-template--19816069922883__newsletter_Xr3QkA *:before { 13192 13193 color: #FFFFFF; 13194 --colors-text: 255, 255, 255; 13195 13196 13197 --colors-heading: 255, 255, 255; 13198 13199 13200 --colors-button: 127, 38, 41; 13201 13202 13203 --colors-button-text: 255, 255, 255; 13204 13205 13206 --colors-button-hover: rgb(255, 255, 255); 13207 13208 13209 --colors-button-text-hover: 127, 38, 41; 13210 13211 13212 --colors-line-and-border: 255,255,255; 13213 13214 } 13215 .dark #shopify-section-template--19816069922883__newsletter_Xr3QkA, .dark #shopify-section-template--19816069922883__newsletter_Xr3QkA *:before { 13216 13217 color: #231f20; 13218 --colors-text: 35, 31, 32; 13219 13220 13221 --colors-heading: 255, 255, 255; 13222 13223 13224 --colors-button: 0, 0, 0; 13225 13226 13227 --colors-button-text: 255, 255, 255; 13228 13229 13230 --colors-button-hover: rgb(255, 255, 255); 13231 13232 13233 --colors-button-text-hover: 36, 36, 36; 13234 13235 13236 --colors-line-and-border: 94, 94, 94; 13237 13238 }.image-template--19816069922883__newsletter_Xr3QkA { 13239 object-position: 50.0% 50.0% 13240 } 13241 .mobile-template--19816069922883__newsletter_Xr3QkA-natural { 13242 padding-bottom: 34.199999999999996%; 13243 }@media (min-width: 768px) {.desktop-template--19816069922883__newsletter_Xr3QkA-natural { 13244 padding-bottom: 34.199999999999996%; 13245 } 13246 .image-template--19816069922883__newsletter_Xr3QkA { 13247 object-position: 50.0% 50.0% 13248 }} 13249 .section-padding-template--19816069922883__newsletter_Xr3QkA { 13250 padding-top: 28px; 13251 padding-bottom: 28px; 13252 } 13253 @media (min-width: 768px) { 13254 .section-padding-template--19816069922883__newsletter_Xr3QkA { 13255 padding-top: 28px; 13256 padding-bottom: 28px; 13257 } 13258 }</style><div class="newsletter section-padding-template--19816069922883__newsletter_Xr3QkA"> 13259 <div class="promotion h-full relative w-full h-[250px] md:h-auto md:promotion:h-[450px] md:promotion:pb-0"><div class="w-full flex absolute overflow-hidden top-0 left-0 bottom-0 z-0">
13260 <span class="h-full w-full absolute top-0 left-0 bottom-0 right-0 z-10 image-treatment-overlay transition-opacity opacity-60 md:block"></span><div class="relative block block h-full w-full"> 13261 <parallax-image class="block h-full w-full"> 13262 <parallax-movement x-data="xParallax" x-intersect.once.margin.200px="load(false)"> 13263 13264 <picture> 13265 <source 13266 srcset="//www.joeskc.com/cdn/shop/files/bg-horses.jpg?v=1614309558&width=375 375w, 13267 //www.joeskc.com/cdn/shop/files/bg-horses.jpg?v=1614309558&width=450 450w, 13268 //www.joeskc.com/cdn/shop/files/bg-horses.jpg?v=1614309558&width=750 750w, 13269 //www.joeskc.com/cdn/shop/files/bg-horses.jpg?v=1614309558&width=900 900w" 13270 media="(max-width: 767px)" 13271 width="1500" 13272 height="513" 13273 > 13274 <img 13275 srcset="//www.joeskc.com/cdn/shop/files/bg-horses.jpg?v=1614309558&width=750 750w, 13276 //www.joeskc.com/cdn/shop/files/bg-horses.jpg?v=1614309558&width=900 900w, 13277 //www.joeskc.com/cdn/shop/files/bg-horses.jpg?v=1614309558&width=1100 1100w, 13278 //www.joeskc.com/cdn/shop/files/bg-horses.jpg?v=1614309558&width=1500 1500w, 13279 //www.joeskc.com/cdn/shop/files/bg-horses.jpg?v=1614309558&width=1780 1780w, 13280 //www.joeskc.com/cdn/shop/files/bg-horses.jpg?v=1614309558&width=2000 2000w, 13281 //www.joeskc.com/cdn/shop/files/bg-horses.jpg?v=1614309558&width=3000 3000w, 13282 //www.joeskc.com/cdn/shop/files/bg-horses.jpg?v=1614309558&width=3840 3840w" 13283 13284 loading="lazy" 13285 13286 onload="requestAnimationFrame(() => { this.closest('.skeleton-image')?.classList.remove('animate-Xpulse', 'skeleton-image'); });" 13287 sizes="100vw" 13288 src="//www.joeskc.com/cdn/shop/files/bg-horses.jpg?v=1614309558&width=3840" 13289 alt="Close up of the decor, metal horses, in Olathe Joe's KC location" 13290 class="object-cover h-full w-full image-template--19816069922883__newsletter_Xr3QkA animate-Xpulse skeleton-image" 13291 width="1500" 13292 height="513" 13293 > 13294 </picture> 13295 13296 </parallax-movement> 13297 </parallax-image> 13298 </div> 13299 13300 </div> 13301 13302 <div class="w-full z-10 flex items-center h-full overflow-hidden absolute left-0 top-1/2 -translate-y-1/2 md:absolute md:left-0 md:top-1/2 md:-translate-y-1/2"> 13303 <div class="newsletter__wrapper md:max-w-3xl lg:pr-0 lg:pl-0 md:w-full mr-auto ml-auto pl-5 pr-5 text-center"><div class="x-block-header-wrapper "><style data-shopify>.heading-heading_WKcxxD { 13304 font-size: 1.35rem; 13305 } 13306 @media screen and (min-width: 768px) { 13307 .heading-heading_WKcxxD { 13308 font-size: 2.25rem; 13309 } 13310 }</style><div > 13311 13312 13313 13314<style data-shopify> 13315 13316 .dark .heading-heading_WKcxxD { 13317 13318 --color-highlight: rgb(127, 38, 41); 13319 13320 } 13321</style> 13322 13323 13324 13325 13326 13327 13328 <h3 13329 class='heading-heading_WKcxxD x-block-header p-break-words h2 block leading-tight anm-fade-element' x-intersect.once="$el.classList.add('is-visible'); setTimeout(() => { $el.classList.remove('anm-fade-element', 'is-visible') }, 600)"> 13330 13331 13332 13333 Subscribe to our emails 13334 13335 13336 </h3> 13337 13338 13339 13340 </div></div><div x-intersect.once="$el.classList.add('is-visible')" class="x-block-text anm-fade-element p-break-words rte mb-6 max-w-5xl mr-auto ml-auto" > 13341 <h4>Get $10 off your first frozen shipped BBQ online order placed at joeskc.com</h4><p>Be the first to know about new collections and exclusive offers.</p> 13342 </div><style data-shopify> 13343 .bg-form-email_form_RexGLn { 13344 13345 background: transparent; 13346 13347 } 13348 .dark .bg-form-email_form_RexGLn { 13349 13350 background: transparent; 13351 13352 } 13353 </style> 13354 <div x-intersect.once="$el.classList.add('is-visible')" class="x-block-email-form anm-fade-element mr-auto ml-auto" > 13355 13356 <form method="post" action="/contact#NewsletterForm--template--19816069922883__newsletter_Xr3QkA" id="NewsletterForm--template--19816069922883__newsletter_Xr3QkA" accept-charset="UTF-8" class="newsletter-form"><input type="hidden" name="form_type" value="customer" /><input type="hidden" name="utf8" value="â" /> 13357 <input type="hidden" aria-hidden="true" name="contact[tags]" value="newsletter"> 13358 <div class="mt-4 lg:mt-8" > 13359 <div class="bg-form-email_form_RexGLn flex pt-1.5 pb-1.5 pl-1.5 pr-1.5 border border-solid rounded-[var(--border-radius)] mb-1"> 13360 <div class="relative flex-1"> 13361 <input 13362 id="NewsletterFormInput--template--19816069922883__newsletter_Xr3QkA" 13363 type="email" 13364 name="contact[email]" 13365 class="w-full input pl-5 pr-5 lg:pr-8 lg:pl-8 pt-5 pb-1 md:pt-3.5 md:pb-2 focus:outline-none focus:border-0 bg-transparent placeholder:opacity-0" 13366 value="" 13367 aria-required="true" 13368 autocorrect="off" 13369 autocapitalize="off" 13370 autocomplete="email" 13371 13372 placeholder="Email" 13373 required 13374 > 13375 <label 13376 for="NewsletterFormInput--template--19816069922883__newsletter_Xr3QkA" 13377 class="absolute duration-200 top-1/2 left-5 lg:left-8 -translate-y-1/2 input_focus:text-xs input_focus:top-2 input_not_empty:top-2 input_not_empty:text-xs pointer-events-none" 13378 > 13379 Email 13380 </label> 13381 </div> 13382 <button 13383 type="submit" 13384 class="button button-solid ml-0.5 pl-5 pr-5 lg:pl-9 lg:pr-9 pt-2 pb-2 leading-normal cursor-pointer empty:hidden" 13385 name="commit" 13386 aria-label="Subscribe" 13387 > 13388<div class="flex justify-center "> 13389 13390 13391
13392 <span class="button-text is-focus-button:opacity-0">Subscribe</span> 13393 13394 13395 13396 13397</div> 13398 </button> 13399 </div></div></form> 13400 </div></div> 13401 </div> 13402 </div> 13403</div> 13404 13405<style> #shopify-section-template--19816069922883__newsletter_Xr3QkA h3 {text-align: center; background-color: rgba(35, 31, 32, 0.75); color: #ffffff; padding: 12px 16px; border-radius: 4px;} </style></section><section id="shopify-section-template--19816069922883__image_with_text_KWTafL" class="shopify-section section section-image-with-text x-section"> 13406<style data-shopify>.section-padding-template--19816069922883__image_with_text_KWTafL { 13407 padding-top: 16px; 13408 padding-bottom: 32px; 13409 } 13410 @media (min-width: 768px) { 13411 .section-padding-template--19816069922883__image_with_text_KWTafL { 13412 padding-top: 28px; 13413 padding-bottom: 56px; 13414 } 13415 } 13416 .iwt--template--19816069922883__image_with_text_KWTafL { 13417 13418 background: rgb(var(--colors-background-secondary)); 13419 --background-color: var(--colors-background-secondary); 13420 13421 } 13422 .dark .iwt--template--19816069922883__image_with_text_KWTafL { 13423 13424 background: rgb(var(--colors-background-secondary)); 13425 --background-color: var(--colors-background-secondary); 13426 13427 }.mobile-template--19816069922883__image_with_text_KWTafL-natural { 13428 padding-bottom: 58.263888888888886%; 13429 }.border-radius-template--19816069922883__image_with_text_KWTafL { 13430 13431 13432 border-radius: 10px; 13433 13434 13435 } 13436 @media screen and (min-width: 768px) {.desktop-template--19816069922883__image_with_text_KWTafL-natural { 13437 padding-bottom: 58.263888888888886%; 13438 }} 13439 .border--template--19816069922883__image_with_text_KWTafL, .border--template--19816069922883__image_with_text_KWTafL:before { 13440 13441 --colors-line-and-border: var(--colors-line-and-border-base) 13442 13443 } 13444 .dark .border--template--19816069922883__image_with_text_KWTafL, .dark .border--template--19816069922883__image_with_text_KWTafL:before { 13445 13446 --colors-line-and-border: var(--colors-line-and-border-base) 13447 13448 } 13449 .icon--template--19816069922883__image_with_text_KWTafL { 13450 width: 31.5px; 13451 height: 31.5px; 13452 min-width: 31.5px; 13453 min-height: 31.5px; 13454 13455 color: #231F20; 13456 13457 } 13458 @media (min-width: 1024px){ 13459 .icon--template--19816069922883__image_with_text_KWTafL { 13460 width: 45px; 13461 height: 45px; 13462 min-width: 45px; 13463 min-height: 45px; 13464 } 13465 } 13466 .dark .icon--template--19816069922883__image_with_text_KWTafL { 13467 13468 color: rgb(var(--colors-text)); 13469 13470 } 13471 13472 .dark .color-text--template--19816069922883__image_with_text_KWTafL { 13473 13474 --colors-text: var(--colors-text-secondary); 13475 13476 } 13477 .columns-header-color--template--19816069922883__image_with_text_KWTafL { 13478 13479 --colors-heading: var(--colors-heading-secondary); 13480 13481 } 13482 .dark .columns-header-color--template--19816069922883__image_with_text_KWTafL { 13483 13484 --colors-heading: var(--colors-heading-secondary); 13485 13486 }</style><div class="ltr section-padding-template--19816069922883__image_with_text_KWTafL md:pl-5 md:pr-5 pr-5 pl-5"> 13487 <div class="image-with-text text-[rgb(var(--colors-text))] desktop-large image-position-mobile-left border-radius-template--19816069922883__image_with_text_KWTafL normal image-position-left image-with-text-overlap" 13488 > 13489 13490 <div class="iwt-image border-radius-template--19816069922883__image_with_text_KWTafL md:w-2/3 promotion w-full flex self-center"> 13491 <div class="promotion w-full relative md:h-auto min-h-[100%] md:promotion:h-[550px] md:promotion:pb-0 h-0 mobile-template--19816069922883__image_with_text_KWTafL-natural"> 13492 <div class="flex w-full h-full absolute top-0 left-0 bottom-0 md:promotion:relative"> 13493 13494 13495 13496 13497 <div class="border-radius-template--19816069922883__image_with_text_KWTafL w-full overflow-hidden h-full"> 13498 <parallax-image class="block h-full w-full"> 13499 <parallax-movement x-data="xParallax" x-intersect.once.margin.200px="load(false)"> 13500 <img 13501 class="h-full w-full object-cover border-radius-template--19816069922883__image_with_text_KWTafL animate_transition_slide__image animate-Xpulse skeleton-image" 13502 srcset="//www.joeskc.com/cdn/shop/files/2025_ROCKET_PIG_SAUCE.jpg?v=1746020209&width=450 450w, 13503 //www.joeskc.com/cdn/shop/files/2025_ROCKET_PIG_SAUCE.jpg?v=1746020209&width=750 750w, 13504 //www.joeskc.com/cdn/shop/files/2025_ROCKET_PIG_SAUCE.jpg?v=1746020209&width=900 900w, 13505 //www.joeskc.com/cdn/shop/files/2025_ROCKET_PIG_SAUCE.jpg?v=1746020209&width=1100 1100w, 13506 //www.joeskc.com/cdn/shop/files/2025_ROCKET_PIG_SAUCE.jpg?v=1746020209&width=1500 1500w, 13507 //www.joeskc.com/cdn/shop/files/2025_ROCKET_PIG_SAUCE.jpg?v=1746020209 1440w" 13508 src="//www.joeskc.com/cdn/shop/files/2025_ROCKET_PIG_SAUCE.jpg?v=1746020209&width=1500" 13509 alt="2025 ROCKET PIG SAUCE 20.5 OZ" 13510 13511 13512 loading="lazy" 13513 13514 13515 onload="requestAnimationFrame(() => { this.closest('.skeleton-image')?.classList.remove('animate-Xpulse', 'skeleton-image'); this.closest('.animate_transition_slide__image')?.classList.add('active'); });" 13516 sizes=" 13517 13518 13519 (min-width: 1300px) 66.6667vw, (min-width: 768px) 66.6667vw, 13520 13521 13522 100vw" 13523 width="1440" 13524 height="839" 13525 style="object-position: 50.0% 50.0%" 13526 > 13527 </parallax-movement> 13528 </parallax-image> 13529 </div> 13530 13531 13532 13533 13534 </div> 13535 </div> 13536 </div> 13537 <div class="md:w-1/3 w-full flex justify-center md:justify-start iwt-content-overlap self-center rtl:md:justify-end" 13538 > 13539 <div class="iwt-content iwt-overlap iwt--template--19816069922883__image_with_text_KWTafL border-radius-template--19816069922883__image_with_text_KWTafL w-11/12 md:w-full xl:w-11/12 md:max-w-2xl lg:pl-20 lg:pr-20"><style data-shopify>.heading-size--heading_JdAbfV { 13540 font-size: 1.35rem; 13541 } 13542 .color-text-heading_JdAbfV { 13543 13544 13545 } 13546 .dark .color-text-heading_JdAbfV { 13547 13548 --colors-heading: var(--colors-heading-secondary); 13549 13550 13551 --colors-text: var(--colors-text-secondary); 13552 13553 } 13554 @media (min-width: 768px) { 13555 .heading-size--heading_JdAbfV { 13556 font-size: 2.25rem; 13557 } 13558 }</style> 13559 <div class="x-block-text color-text-heading_JdAbfV text-[rgb(var(--colors-text))] w-full mt-5 text-center rtl:text-center" > 13560 13561 13562 <div class="mt-2 mb-1.5 md:mt-2.5 md:mb-3"> 13563 13564 13565 13566<style data-shopify> 13567 13568 .dark .heading-heading_JdAbfV { 13569 13570 --color-highlight: rgb(127, 38, 41); 13571 13572 } 13573</style> 13574 13575 13576 13577 13578 13579 13580 <h2 13581 class='heading-heading_JdAbfV h2 block heading-size--heading_JdAbfV'> 13582 13583 13584 13585 Shop Joe's KC Merch 13586 13587 13588 </h2> 13589 13590 13591 13592 </div> 13593 13594 13595 13596 <div class="rte"><p>Shop for Joeâs KC merchandise or find all our signature spices, sauces and rubs all in one place.</p></div> 13597 13598 </div> 13599 13600 13601 <style data-shopify> 13602 .button-button_eTdtTx, .button-button_eTdtTx *:before { 13603 13604 13605 13606 13607 13608 13609 13610 } 13611 .dark .button-button_eTdtTx, .dark .button-button_eTdtTx *:before { 13612 13613 --colors-button: 0, 0, 0; 13614 13615 13616 --colors-button-text: 255, 255, 255; 13617 13618 13619 --colors-button-hover: rgb(255, 255, 255); 13620 13621 13622 --colors-button-text-hover: 36, 36, 36; 13623 13624 13625 --colors-secondary-button: 255, 255, 255; 13626 --colors-line-secondary-button: 255, 255, 255; 13627 13628 13629 --background-secondary-button: transparent; 13630 13631 13632 --colors-text-link: 127, 38, 41; 13633 13634 } 13635 </style> 13636 <div class="button-button_eTdtTx mb-9 md:mb-4 flex justify-center rtl:justify-center mt-4 md:mt-8" 13637 13638 > 13639 13640 <a class="button button-solid leading-normal empty:hidden text-center pl-7 pr-7 pt-2.5 pb-2.5 md:pl-8 md:pr-8 md:pt-3 md:pb-3" href="https://joeskansascitybarbecuestore.com/" target="_blank"> 13641 13642<div class="flex justify-center "> 13643 13644 13645
13646 <span class="button-text is-focus-button:opacity-0">Shop Retail Goods</span> 13647 13648 13649 13650 13651</div> 13652 </a> 13653 13654 </div> 13655 13656 13657 13658 </div> 13659 </div> 13660 </div> 13661</div> 13662 13663<style> #shopify-section-template--19816069922883__image_with_text_KWTafL a {font-size: 16px; font-weight: 700; width: 100%; max-width: 100%; display: flex; justify-content: center;} </style></section> 13664 </main> 13665 13666 <!-- BEGIN sections: footer-group-puff --> 13667<div id="shopify-section-sections--19816061403203__footer" class="shopify-section shopify-section-group-footer-group-puff section-footer"> 13668<style data-shopify> 13669 #section-footer { 13670 contain: style layout; 13671 } 13672 .section-padding-sections--19816061403203__footer { 13673 padding-top: 0px; 13674 padding-bottom: 16px; 13675 } 13676 @media (min-width: 768px) { 13677 .section-padding-sections--19816061403203__footer { 13678 padding-top: 0px; 13679 padding-bottom: 40px; 13680 } 13681 } 13682</style> 13683<div id="section-footer" class="section-footer relative background-footer sticky-footer selection:bg-[rgba(var(--colors-text-footer),0.2)] section-padding-sections--19816061403203__footer"><div class="flex-wrap md:mb-5 md:border-b md:border-b-solid md:pt-12 md:pb-7"> 13684 <div class="pt-6 md:pt-0 md:flex justify-center md:mt-auto md:mb-auto md:mr-auto md:ml-auto md:pr-0 rtl:md:pr-5 rtl:md:pl-0 x-pgw page-width flex-wrap"> 13685 <div class="footer-col--1 md:pr-5 rtl:md:pr-0 md:first:pl-0 rtl:md:pl-5 rtl:md:first:pr-0 md:mb-7 md:pl-0 w-full md:w-1/5 ltr" ><div x-data="{ open: false }" class="x-block-link-list pt-4 pb-4 border-b md:border-none"><div @click="open = ! open" class="relative pr-5 rtl:pr-0 rtl:pl-5 cursor-pointer md:cursor-default duration-200 transition"> 13686 <p class="h6 text-[115%]">ABOUT JOE'S KC</p> 13687 <span class="md:hidden absolute w-2.5 h-2.5 top-1/2 -translate-y-1/2 duration-500 flex right-3.5 rtl:right-auto rtl:left-3.5" :class="open ? 'rotate-180' : ''"><svg width="100%" height="100%" viewBox="0 0 9 7" fill="none" xmlns="http://www.w3.org/2000/svg" style="fill: none;"> 13688 <path d="M0.75 1.625L4.5 5.375L8.25 1.625" stroke="currentcolor" stroke-width="1" stroke-linecap="round" stroke-linejoin="round"/> 13689 </svg> 13690</span> 13691 </div> 13692 <ul class="mt-6 hidden md:block"> 13693 13694<li class="mb-1 mt-6 md:mt-0 first:pt-0 pt-2"> 13695 <a href="/pages/our-story" class="hover-text-link nav-link relative block lg:inline-block"> 13696 Our Story 13697 </a> 13698 </li><li class="mb-1 first:pt-0 pt-2"> 13699 <a href="/pages/locations" class="hover-text-link nav-link relative block lg:inline-block"> 13700 Restaurant Locations 13701 </a> 13702 </li><li class="mb-1 first:pt-0 pt-2"> 13703 <a href="http://www.the180room.com/" class="hover-text-link nav-link relative block lg:inline-block"> 13704 The 180 Room, Private Dining & Event Space 13705 </a> 13706 </li><li class="mb-1 first:pt-0 pt-2"> 13707 <a href="/pages/we-ship-bbq" class="hover-text-link nav-link relative block lg:inline-block"> 13708 We Ship BBQ 13709 </a> 13710 </li> 13711 </ul> 13712 <ul class="md:hidden" x-show="open" x-collapse x-cloak> 13713 13714<li class="mb-1 mt-6 md:mt-0 first:pt-0 pt-2"> 13715 <a href="/pages/our-story" class="hover-text-link nav-link relative block lg:inline-block"> 13716 Our Story 13717 </a> 13718 </li><li class="mb-1 first:pt-0 pt-2"> 13719 <a href="/pages/locations" class="hover-text-link nav-link relative block lg:inline-block"> 13720 Restaurant Locations 13721 </a> 13722 </li><li class="mb-1 first:pt-0 pt-2"> 13723 <a href="http://www.the180room.com/" class="hover-text-link nav-link relative block lg:inline-block"> 13724 The 180 Room, Private Dining & Event Space 13725 </a> 13726 </li><li class="mb-1 first:pt-0 pt-2"> 13727 <a href="/pages/we-ship-bbq" class="hover-text-link nav-link relative block lg:inline-block"> 13728 We Ship BBQ 13729 </a> 13730 </li> 13731 </ul></div></div> 13732 <div class="footer-col--2 md:pr-5 rtl:md:pr-0 md:first:pl-0 rtl:md:pl-5 rtl:md:first:pr-0 md:mb-7 md:pl-10 rtl:md:pl-0 rtl:md:pr-10 w-full md:w-1/5 ltr" ><div x-data="{ open: false }" class="x-block-link-list pt-4 pb-4 border-b md:border-none"><div @click="open = ! open" class="relative pr-5 rtl:pr-0 rtl:pl-5 curs
13732or-pointer md:cursor-default duration-200 transition"> 13733 <p class="h6 text-[115%]">SHOP</p> 13734 <span class="md:hidden absolute w-2.5 h-2.5 top-1/2 -translate-y-1/2 duration-500 flex right-3.5 rtl:right-auto rtl:left-3.5" :class="open ? 'rotate-180' : ''"><svg width="100%" height="100%" viewBox="0 0 9 7" fill="none" xmlns="http://www.w3.org/2000/svg" style="fill: none;"> 13735 <path d="M0.75 1.625L4.5 5.375L8.25 1.625" stroke="currentcolor" stroke-width="1" stroke-linecap="round" stroke-linejoin="round"/> 13736 </svg> 13737</span> 13738 </div> 13739 <ul class="mt-6 hidden md:block"> 13740 13741<li class="mb-1 mt-6 md:mt-0 first:pt-0 pt-2"> 13742 <a href="https://order.joeskc.com/" class="hover-text-link nav-link relative block lg:inline-block"> 13743 Restaurant Pick-Up 13744 </a> 13745 </li><li class="mb-1 first:pt-0 pt-2"> 13746 <a href="https://catering.joeskc.com/" class="hover-text-link nav-link relative block lg:inline-block"> 13747 Catering Pick-Up 13748 </a> 13749 </li><li class="mb-1 first:pt-0 pt-2"> 13750 <a href="/collections" class="hover-text-link nav-link relative block lg:inline-block"> 13751 Ship Joe's Nationwide 13752 </a> 13753 </li><li class="mb-1 first:pt-0 pt-2"> 13754 <a href="/pages/corporate-gifting" class="hover-text-link nav-link relative block lg:inline-block"> 13755 Corporate Gifts 13756 </a> 13757 </li> 13758 </ul> 13759 <ul class="md:hidden" x-show="open" x-collapse x-cloak> 13760 13761<li class="mb-1 mt-6 md:mt-0 first:pt-0 pt-2"> 13762 <a href="https://order.joeskc.com/" class="hover-text-link nav-link relative block lg:inline-block"> 13763 Restaurant Pick-Up 13764 </a> 13765 </li><li class="mb-1 first:pt-0 pt-2"> 13766 <a href="https://catering.joeskc.com/" class="hover-text-link nav-link relative block lg:inline-block"> 13767 Catering Pick-Up 13768 </a> 13769 </li><li class="mb-1 first:pt-0 pt-2"> 13770 <a href="/collections" class="hover-text-link nav-link relative block lg:inline-block"> 13771 Ship Joe's Nationwide 13772 </a> 13773 </li><li class="mb-1 first:pt-0 pt-2"> 13774 <a href="/pages/corporate-gifting" class="hover-text-link nav-link relative block lg:inline-block"> 13775 Corporate Gifts 13776 </a> 13777 </li> 13778 </ul></div></div> 13779 <div class="footer-col--3 md:pr-5 rtl:md:pr-0 md:first:pl-0 rtl:md:pl-5 rtl:md:first:pr-0 md:mb-7 md:pl-10 rtl:md:pl-0 rtl:md:pr-10 w-full md:w-1/5 ltr" ><div x-data="{ open: false }" class="x-block-link-list pt-4 pb-4 border-b md:border-none"><div @click="open = ! open" class="relative pr-5 rtl:pr-0 rtl:pl-5 cursor-pointer md:cursor-default duration-200 transition"> 13780 <p class="h6 text-[115%]">INFO</p> 13781 <span class="md:hidden absolute w-2.5 h-2.5 top-1/2 -translate-y-1/2 duration-500 flex right-3.5 rtl:right-auto rtl:left-3.5" :class="open ? 'rotate-180' : ''"><svg width="100%" height="100%" viewBox="0 0 9 7" fill="none" xmlns="http://www.w3.org/2000/svg" style="fill: none;"> 13782 <path d="M0.75 1.625L4.5 5.375L8.25 1.625" stroke="currentcolor" stroke-width="1" stroke-linecap="round" stroke-linejoin="round"/> 13783 </svg> 13784</span> 13785 </div> 13786 <ul class="mt-6 hidden md:block"> 13787 13788<li class="mb-1 mt-6 md:mt-0 first:pt-0 pt-2"> 13789 <a href="/pages/restaurant-allergen-information" class="hover-text-link nav-link relative block lg:inline-block"> 13790 Restaurant Allergen Information 13791 </a> 13792 </li><li class="mb-1 first:pt-0 pt-2"> 13793 <a href="/pages/how-we-ship-joe-s-kc-bar-b-que" class="hover-text-link nav-link relative block lg:inline-block"> 13794 How we Ship Our BBQ 13795 </a> 13796 </li><li class="mb-1 first:pt-0 pt-2"> 13797 <a href="/pages/gift-card-balance-checker" class="hover-text-link nav-link relative block lg:inline-block"> 13798 Gift Card Balance Checker 13799 </a> 13800 </li><li class="mb-1 first:pt-0 pt-2"> 13801 <a href="/pages/joes-kc-bbq-reheating-instructions" class="hover-text-link nav-link relative block lg:inline-block"> 13802 Reheat Instructions 13803 </a> 13804 </li> 13805 </ul> 13806 <ul class="md:hidden" x-show="open" x-collapse x-cloak> 13807 13808<li class="mb-1 mt-6 md:mt-0 first:pt-0 pt-2"> 13809 <a href="/pages/restaurant-allergen-information" class="hover-text-link nav-link relative block lg:inline-block"> 13810 Restaurant Allergen Information 13811 </a> 13812 </li><li class="mb-1 first:pt-0 pt-2"> 13813 <a href="/pages/how-we-ship-joe-s-kc-bar-b-que" class="hover-text-link nav-link relative block lg:inline-block"> 13814 How we Ship Our BBQ 13815 </a> 13816 </li><li class="mb-1 first:pt-0 pt-2"> 13817 <a href="/pages/gift-card-balance-checker" class="hover-text-link nav-link relative block lg:inline-block"> 13818 Gift Card Balance Checker 13819 </a> 13820 </li><li class="mb-1 first:pt-0 pt-2"> 13821 <a href="/pages/joes-kc-bbq-reheating-instructions" class="hover-text-link nav-link relative block lg:inline-block"> 13822 Reheat Instructions 13823 </a> 13824 </li> 13825 </ul></div></div> 13826 <div class="footer-col--4 md:pr-5 rtl:md:pr-0 md:first:pl-0 rtl:md:pl-5 rtl:md:first:pr-0 md:mb-7 md:pl-10 rtl:md:pl-0 rtl:md:pr-10 w-full md:w-1/5 ltr" ><div x-data="{ open: false }" class="x-block-link-list pt-4 pb-4 border-b md:border-none"><div @click="open = ! open" class="relative pr-5 rtl:pr-0 rtl:pl-5 curs
13826or-pointer md:cursor-default duration-200 transition"> 13827 <p class="h6 text-[115%]">RESOURCES</p> 13828 <span class="md:hidden absolute w-2.5 h-2.5 top-1/2 -translate-y-1/2 duration-500 flex right-3.5 rtl:right-auto rtl:left-3.5" :class="open ? 'rotate-180' : ''"><svg width="100%" height="100%" viewBox="0 0 9 7" fill="none" xmlns="http://www.w3.org/2000/svg" style="fill: none;"> 13829 <path d="M0.75 1.625L4.5 5.375L8.25 1.625" stroke="currentcolor" stroke-width="1" stroke-linecap="round" stroke-linejoin="round"/> 13830 </svg> 13831</span> 13832 </div> 13833 <ul class="mt-6 hidden md:block"> 13834 13835<li class="mb-1 mt-6 md:mt-0 first:pt-0 pt-2"> 13836 <a href="/pages/apply-online" class="hover-text-link nav-link relative block lg:inline-block"> 13837 Employment Opportunities 13838 </a> 13839 </li><li class="mb-1 first:pt-0 pt-2"> 13840 <a href="/policies/privacy-policy" class="hover-text-link nav-link relative block lg:inline-block"> 13841 Privacy Policy 13842 </a> 13843 </li><li class="mb-1 first:pt-0 pt-2"> 13844 <a href="/policies/refund-policy" class="hover-text-link nav-link relative block lg:inline-block"> 13845 Shipping Refund & Returns Policy 13846 </a> 13847 </li><li class="mb-1 first:pt-0 pt-2"> 13848 <a href="/policies/terms-of-service" class="hover-text-link nav-link relative block lg:inline-block"> 13849 Terms of Service 13850 </a> 13851 </li> 13852 </ul> 13853 <ul class="md:hidden" x-show="open" x-collapse x-cloak> 13854 13855<li class="mb-1 mt-6 md:mt-0 first:pt-0 pt-2"> 13856 <a href="/pages/apply-online" class="hover-text-link nav-link relative block lg:inline-block"> 13857 Employment Opportunities 13858 </a> 13859 </li><li class="mb-1 first:pt-0 pt-2"> 13860 <a href="/policies/privacy-policy" class="hover-text-link nav-link relative block lg:inline-block"> 13861 Privacy Policy 13862 </a> 13863 </li><li class="mb-1 first:pt-0 pt-2"> 13864 <a href="/policies/refund-policy" class="hover-text-link nav-link relative block lg:inline-block"> 13865 Shipping Refund & Returns Policy 13866 </a> 13867 </li><li class="mb-1 first:pt-0 pt-2"> 13868 <a href="/policies/terms-of-service" class="hover-text-link nav-link relative block lg:inline-block"> 13869 Terms of Service 13870 </a> 13871 </li> 13872 </ul></div></div> 13873 <div class="footer-col--5 md:pr-5 rtl:md:pr-0 md:first:pl-0 rtl:md:pl-5 rtl:md:first:pr-0 md:mb-7 md:pl-10 rtl:md:pl-0 rtl:md:pr-10 w-full md:w-1/5 ltr" ><div x-data="{ open: false }" class="x-block-link-list pt-4 pb-4 border-b md:border-none"><div @click="open = ! open" class="relative pr-5 rtl:pr-0 rtl:pl-5 cursor-pointer md:cursor-default duration-200 transition"> 13874 <p class="h6 text-[115%]">LET'S CONNECT</p> 13875 <span class="md:hidden absolute w-2.5 h-2.5 top-1/2 -translate-y-1/2 duration-500 flex right-3.5 rtl:right-auto rtl:left-3.5" :class="open ? 'rotate-180' : ''"><svg width="100%" height="100%" viewBox="0 0 9 7" fill="none" xmlns="http://www.w3.org/2000/svg" style="fill: none;"> 13876 <path d="M0.75 1.625L4.5 5.375L8.25 1.625" stroke="currentcolor" stroke-width="1" stroke-linecap="round" stroke-linejoin="round"/> 13877 </svg> 13878</span> 13879 </div> 13880 <ul class="mt-6 hidden md:block"> 13881 13882<li class="mb-1 mt-6 md:mt-0 first:pt-0 pt-2"> 13883 <a href="https://www.joeskc.com/account/login" class="hover-text-link nav-link relative block lg:inline-block"> 13884 Account Login 13885 </a> 13886 </li><li class="mb-1 first:pt-0 pt-2"> 13887 <a href="/pages/contact-us" class="hover-text-link nav-link relative block lg:inline-block"> 13888 Contact Us 13889 </a> 13890 </li><li class="mb-1 first:pt-0 pt-2"> 13891 <a href="/pages/newsletter" class="hover-text-link nav-link relative block lg:inline-block"> 13892 Newsletter 13893 </a> 13894 </li><li class="mb-1 first:pt-0 pt-2"> 13895 <a href="/pages/write-a-review" class="hover-text-link nav-link relative block lg:inline-block"> 13896 Write a Review 13897 </a> 13898 </li><li class="mt-2"> 13899 13900<div id="selector-social" class=" flex flex-col items-center md:items-start mr-auto ml-auto"> 13901 13902 <ul class="social-list flex flex-wrap pt-2.5 pb-2.5 gap-2 justify-center md:justify-start" role="list"> 13903<li> 13904 <a href="https://x.com/joeskc" target="blank" aria-label="Twitter" class="flex disable-effect hover-text-link w-11 h-11 pt-3 pr-3 pb-3 pl-3 border border-solid rounded-full"><svg class="icon-animation w-full h-full" viewBox="0 0 24 24"> 13905 <path d="M18.244 2.25h3.308l-7.227 8.26 8.502 11.24H16.17l-5.214-6.817L4.99 21.75H1.68l7.73-8.835L1.254 2.25H8.08l4.713 6.231zm-1.161 17.52h1.833L7.084 4.126H5.117z"/> 13906 </svg> 13907</a> 13908 </li><li> 13909 <a href="https://www.facebook.com/joeskcbbq" target="blank" aria-label="Facebook" class="flex disable-effect hover-text-link w-11 h-11 pt-3 pr-3 pb-3 pl-3 border border-solid rounded-full"><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" role="presentation" class="icon-animation w-full h-full" viewBox="0 0 24 24">
13910 <path fill="currentColor" d="M15.12,5.32H17V2.14A26.11,26.11,0,0,0,14.26,2C11.54,2,9.68,3.66,9.68,6.7V9.32H6.61v3.56H9.68V22h3.68V12.88h3.06l.46-3.56H13.36V7.05C13.36,6,13.64,5.32,15.12,5.32Z"/> 13911 </svg> 13912</a> 13913 </li><li> 13914 <a href="https://www.instagram.com/joeskc/" target="blank" aria-label="Instagram" class="flex disable-effect hover-text-link w-11 h-11 pt-3 pr-3 pb-3 pl-3 border border-solid rounded-full"><svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" aria-hidden="true" focusable="false" role="presentation" class="icon-animation w-full h-full" viewBox="0 0 24 24" xml:space="preserve"> 13915 <path fill="currentColor" d="M12,9.8c-1.2,0-2.2,1-2.2,2.2s1,2.2,2.2,2.2s2.2-1,2.2-2.2c0,0,0,0,0,0C14.2,10.8,13.2,9.8,12,9.8z M20.8,7.6 c0-0.7-0.1-1.4-0.4-2c-0.4-1-1.1-1.7-2.1-2.1c-0.6-0.2-1.3-0.4-2-0.4c-1.1-0.1-1.5-0.1-4.4-0.1s-3.2,0-4.4,0.1c-0.7,0-1.4,0.1-2,0.4 c-1,0.4-1.7,1.1-2.1,2.1c-0.2,0.6-0.4,1.3-0.4,2C3.1,8.8,3.1,9.1,3.1,12s0,3.2,0.1,4.4c0,0.7,0.1,1.4,0.4,2c0.2,0.5,0.5,0.9,0.8,1.2 c0.4,0.4,0.8,0.6,1.3,0.8c0.6,0.2,1.3,0.4,2,0.4c1.1,0.1,1.5,0.1,4.4,0.1s3.2,0,4.4-0.1c0.7,0,1.4-0.1,2-0.4 c0.5-0.2,0.9-0.5,1.3-0.8c0.4-0.4,0.6-0.8,0.8-1.2c0.2-0.6,0.4-1.3,0.4-2c0.1-1.1,0.1-1.5,0.1-4.4S20.9,8.8,20.8,7.6z M18.6,14.7 c0,0.5-0.1,1.1-0.3,1.6c-0.3,0.9-1,1.5-1.9,1.9c-0.5,0.2-1.1,0.3-1.6,0.3c-0.7,0-0.9,0-2.7,0s-2,0-2.7,0c-0.5,0-1.1-0.1-1.6-0.3 c-0.4-0.2-0.8-0.4-1.2-0.8c-0.3-0.3-0.6-0.7-0.7-1.1c-0.2-0.5-0.3-1.1-0.3-1.6c0-0.7,0-0.9,0-2.7s0-2,0-2.7c0-0.5,0.1-1.1,0.3-1.6 c0.2-0.4,0.4-0.8,0.8-1.2c0.3-0.3,0.7-0.6,1.1-0.7c0.5-0.2,1.1-0.3,1.6-0.3l0,0c0.7,0,0.9,0,2.7,0s2,0,2.7,0c0.5,0,1.1,0.1,1.6,0.3 c0.4,0.2,0.8,0.4,1.2,0.8c0.3,0.3,0.6,0.7,0.7,1.1c0.2,0.5,0.3,1.1,0.3,1.6c0,0.7,0,0.9,0,2.7S18.6,14,18.6,14.7L18.6,14.7z M17.1,8.1c-0.2-0.6-0.7-1-1.3-1.3c-0.4-0.1-0.8-0.2-1.2-0.2c-0.7,0-0.9,0-2.7,0s-2,0-2.7,0c-0.4,0-0.8,0.1-1.2,0.2 c-0.6,0.2-1,0.6-1.3,1.2C6.7,8.5,6.7,8.9,6.7,9.3c0,0.7,0,0.9,0,2.7s0,2,0,2.7c0,0.4,0.1,0.8,0.2,1.2c0.2,0.6,0.7,1,1.3,1.3 c0.4,0.1,0.8,0.2,1.2,0.2l0,0c0.7,0,0.9,0,2.7,0s2,0,2.7,0c0.4,0,0.8-0.1,1.2-0.2c0.6-0.2,1-0.7,1.3-1.3c0.1-0.4,0.2-0.8,0.2-1.2 c0-0.7,0-0.9,0-2.7s0-2,0-2.7C17.4,8.9,17.3,8.5,17.1,8.1L17.1,8.1z M12,15.4c-1.9,0-3.4-1.5-3.4-3.4c0,0,0,0,0,0l0,0 c0-1.9,1.5-3.4,3.4-3.4s3.4,1.5,3.4,3.4C15.4,13.9,13.9,15.4,12,15.4C12,15.4,12,15.4,12,15.4z M15.6,9.3c-0.4,0-0.8-0.4-0.7-0.9 c0-0.4,0.3-0.7,0.7-0.7l0,0c0.4,0,0.8,0.4,0.7,0.9C16.2,8.9,15.9,9.2,15.6,9.3z"/> 13916 </svg> 13917</a> 13918 </li></ul> 13919 </div> 13920 </li> 13921 </ul> 13922 <ul class="md:hidden" x-show="open" x-collapse x-cloak> 13923 13924<li class="mb-1 mt-6 md:mt-0 first:pt-0 pt-2"> 13925 <a href="https://www.joeskc.com/account/login" class="hover-text-link nav-link relative block lg:inline-block"> 13926 Account Login 13927 </a> 13928 </li><li class="mb-1 first:pt-0 pt-2"> 13929 <a href="/pages/contact-us" class="hover-text-link nav-link relative block lg:inline-block"> 13930 Contact Us 13931 </a> 13932 </li><li class="mb-1 first:pt-0 pt-2"> 13933 <a href="/pages/newsletter" class="hover-text-link nav-link relative block lg:inline-block"> 13934 Newsletter 13935 </a> 13936 </li><li class="mb-1 first:pt-0 pt-2"> 13937 <a href="/pages/write-a-review" class="hover-text-link nav-link relative block lg:inline-block"> 13938 Write a Review 13939 </a> 13940 </li><li class="mt-2"> 13941 13942<div id="selector-social" class=" flex flex-col items-center md:items-start mr-auto ml-auto"> 13943 13944 <ul class="social-list flex flex-wrap pt-2.5 pb-2.5 gap-2 justify-center md:justify-start" role="list"> 13945<li> 13946 <a href="https://x.com/joeskc" target="blank" aria-label="Twitter" class="flex disable-effect hover-text-link w-11 h-11 pt-3 pr-3 pb-3 pl-3 border border-solid rounded-full"><svg class="icon-animation w-full h-full" viewBox="0 0 24 24"> 13947 <path d="M18.244 2.25h3.308l-7.227 8.26 8.502 11.24H16.17l-5.214-6.817L4.99 21.75H1.68l7.73-8.835L1.254 2.25H8.08l4.713 6.231zm-1.161 17.52h1.833L7.084 4.126H5.117z"/> 13948 </svg> 13949</a> 13950 </li><li> 13951 <a href="https://www.facebook.com/joeskcbbq" target="blank" aria-label="Facebook" class="flex disable-effect hover-text-link w-11 h-11 pt-3 pr-3 pb-3 pl-3 border border-solid rounded-full"><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" role="presentation" class="icon-animation w-full h-full" viewBox="0 0 24 24">
13952 <path fill="currentColor" d="M15.12,5.32H17V2.14A26.11,26.11,0,0,0,14.26,2C11.54,2,9.68,3.66,9.68,6.7V9.32H6.61v3.56H9.68V22h3.68V12.88h3.06l.46-3.56H13.36V7.05C13.36,6,13.64,5.32,15.12,5.32Z"/> 13953 </svg> 13954</a> 13955 </li><li> 13956 <a href="https://www.instagram.com/joeskc/" target="blank" aria-label="Instagram" class="flex disable-effect hover-text-link w-11 h-11 pt-3 pr-3 pb-3 pl-3 border border-solid rounded-full"><svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" aria-hidden="true" focusable="false" role="presentation" class="icon-animation w-full h-full" viewBox="0 0 24 24" xml:space="preserve"> 13957 <path fill="currentColor" d="M12,9.8c-1.2,0-2.2,1-2.2,2.2s1,2.2,2.2,2.2s2.2-1,2.2-2.2c0,0,0,0,0,0C14.2,10.8,13.2,9.8,12,9.8z M20.8,7.6 c0-0.7-0.1-1.4-0.4-2c-0.4-1-1.1-1.7-2.1-2.1c-0.6-0.2-1.3-0.4-2-0.4c-1.1-0.1-1.5-0.1-4.4-0.1s-3.2,0-4.4,0.1c-0.7,0-1.4,0.1-2,0.4 c-1,0.4-1.7,1.1-2.1,2.1c-0.2,0.6-0.4,1.3-0.4,2C3.1,8.8,3.1,9.1,3.1,12s0,3.2,0.1,4.4c0,0.7,0.1,1.4,0.4,2c0.2,0.5,0.5,0.9,0.8,1.2 c0.4,0.4,0.8,0.6,1.3,0.8c0.6,0.2,1.3,0.4,2,0.4c1.1,0.1,1.5,0.1,4.4,0.1s3.2,0,4.4-0.1c0.7,0,1.4-0.1,2-0.4 c0.5-0.2,0.9-0.5,1.3-0.8c0.4-0.4,0.6-0.8,0.8-1.2c0.2-0.6,0.4-1.3,0.4-2c0.1-1.1,0.1-1.5,0.1-4.4S20.9,8.8,20.8,7.6z M18.6,14.7 c0,0.5-0.1,1.1-0.3,1.6c-0.3,0.9-1,1.5-1.9,1.9c-0.5,0.2-1.1,0.3-1.6,0.3c-0.7,0-0.9,0-2.7,0s-2,0-2.7,0c-0.5,0-1.1-0.1-1.6-0.3 c-0.4-0.2-0.8-0.4-1.2-0.8c-0.3-0.3-0.6-0.7-0.7-1.1c-0.2-0.5-0.3-1.1-0.3-1.6c0-0.7,0-0.9,0-2.7s0-2,0-2.7c0-0.5,0.1-1.1,0.3-1.6 c0.2-0.4,0.4-0.8,0.8-1.2c0.3-0.3,0.7-0.6,1.1-0.7c0.5-0.2,1.1-0.3,1.6-0.3l0,0c0.7,0,0.9,0,2.7,0s2,0,2.7,0c0.5,0,1.1,0.1,1.6,0.3 c0.4,0.2,0.8,0.4,1.2,0.8c0.3,0.3,0.6,0.7,0.7,1.1c0.2,0.5,0.3,1.1,0.3,1.6c0,0.7,0,0.9,0,2.7S18.6,14,18.6,14.7L18.6,14.7z M17.1,8.1c-0.2-0.6-0.7-1-1.3-1.3c-0.4-0.1-0.8-0.2-1.2-0.2c-0.7,0-0.9,0-2.7,0s-2,0-2.7,0c-0.4,0-0.8,0.1-1.2,0.2 c-0.6,0.2-1,0.6-1.3,1.2C6.7,8.5,6.7,8.9,6.7,9.3c0,0.7,0,0.9,0,2.7s0,2,0,2.7c0,0.4,0.1,0.8,0.2,1.2c0.2,0.6,0.7,1,1.3,1.3 c0.4,0.1,0.8,0.2,1.2,0.2l0,0c0.7,0,0.9,0,2.7,0s2,0,2.7,0c0.4,0,0.8-0.1,1.2-0.2c0.6-0.2,1-0.7,1.3-1.3c0.1-0.4,0.2-0.8,0.2-1.2 c0-0.7,0-0.9,0-2.7s0-2,0-2.7C17.4,8.9,17.3,8.5,17.1,8.1L17.1,8.1z M12,15.4c-1.9,0-3.4-1.5-3.4-3.4c0,0,0,0,0,0l0,0 c0-1.9,1.5-3.4,3.4-3.4s3.4,1.5,3.4,3.4C15.4,13.9,13.9,15.4,12,15.4C12,15.4,12,15.4,12,15.4z M15.6,9.3c-0.4,0-0.8-0.4-0.7-0.9 c0-0.4,0.3-0.7,0.7-0.7l0,0c0.4,0,0.8,0.4,0.7,0.9C16.2,8.9,15.9,9.2,15.6,9.3z"/> 13958 </svg> 13959</a> 13960 </li></ul> 13961 </div> 13962 </li> 13963 </ul></div></div></div></div><div class="additional-footer ltr mr-5 ml-5" 13964 > 13965 <div class="flex flex-col"><div class="mb-3 md:mb-2 lg:mb-2"> 13966 13967 13968 </div><div class="flex flex-col items-center lg:mt-2 order-last"> 13969 <div class="mt-4 md:mt-4 base-link text-center lg:mt-0 p-break-words"><p class="inline-block">© 2026, </p> 13970 <a href="/" title="">SendJoesKCBBQ</a>.<div class="ml-1 inline-block"> 13971 <p>All Rights Reserved.<br/></p> 13972 </div> 13973 </div> 13974 </div></div> 13975 </div> 13976</div> 13977<style> #shopify-section-sections--19816061403203__footer a:hover, #shopify-section-sections--19816061403203__footer a:focus-visible {color: #7f2629;} #shopify-section-sections--19816061403203__footer a {font-size: 16px;} </style></div> 13978<!-- END sections: footer-group-puff --> 13979 13980 13981<div id="eurus-popup" class="fixed duration-500 inset-0 z-[100] pointer-events-none md:block flex flex-col-reverse h-fit top-[unset] md:h-full md:top-0" x-cloak></div> 13982 13983<div id="popup-minimal-left" 13984 class="popup-minimal fixed z-50 bottom-4 md:bottom-8 left-4 md:left-8 pointer-events-auto pr-4 md:pr-8" 13985></div> 13986 13987 13988 <div class="scroll-to-top"> 13989 <style data-shopify> 13990 .scroll_top { 13991 bottom: 40px; 13992 } 13993 @media(min-width: 768px) { 13994 .scroll_top { 13995 bottom: 40px; 13996 } 13997 } 13998 </style> 13999 <div 14000 x-data="xScrollTop" 14001 @init-run.window="scrollFunction()" 14002 @scroll.window="scrollFunction()" 14003 class="hidden md:block" 14004 > 14005 <button 14006 x-show="show" x-cloak 14007 @click="scrollTop()" 14008 class="scroll_top fixed z-50 pl-3 pr-3 pb-3 pt-3 w-11 h-11 md:w-14 md:h-14 md:pl-4 md:pt-4 md:pr-4 md:pb-4 border-0 rounded-full right-5 rtl:right-auto rtl:left-5 -rotate-90 button button-action" 14009 x-transition:enter="transition-all ease-in-out duration-500" 14010 x-transition:enter-start="opacity-0 transform translate-y-1/3" 14011 x-transition:enter-end="opacity-100 translate-y-0" 14012 x-transition:leave="transition-all ease-in-out duration-500" 14013 x-transition:leave-end="opacity-0 transform translate-y-1/3" 14014 aria-label="scroll top" 14015 > 14016 14017 <svg class=" w-full h-full" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg"> 14018 <path d="M597.34016 170.65984q18.00192 0 30.33088 12.32896l298.65984 298.65984q12.32896 12.32896 12.32896 30.33088t-12.32896 30.33088l-298.65984 298.65984q-12.32896 12.32896-30.33088 12.32896-18.3296 0-30.49472-12.16512t-12.16512-30.49472q0-18.00192 12.32896-30.33088l225.9968-225.66912-665.00608 0q-17.67424 0-30.16704-12.4928t-12.4928-30.16704 12.4928-30.16704 30.16704-12.4928l665.00608 0-225.9968-225.66912q-12.32896-12.32896-12.32896-30.33088 0-18.3296 12.16512-30.49472t30.49472-12.16512z" /> 14019 </svg> 14020 14021 14022 </button> 14023 </div> 14024
14024<script> 14025 requestAnimationFrame(() => { 14026 document.addEventListener('alpine:init', () => { 14027 Alpine.data('xScrollTop', () => ({ 14028 show: false, 14029 scrollTop() { 14030 window.scrollTo({top: 0, behavior: 'smooth'}); 14031 }, 14032 scrollFunction() { 14033 const position = window.xViewport.innerWidth < 1025 ? 300 : 900; 14034 this.show = (document.body.scrollTop > position || document.documentElement.scrollTop > position) 14035 ? true : false; 14036 } 14037 })); 14038 }); 14039 }); 14040 </script>
14040 14041</div> 14042 14043 14044 </div> 14045 <div><ul hidden> 14046 <li id="a11y-refresh-page-message">Choosing a selection results in a full page refresh. 14047 </li> 14048 <li id="a11y-new-window-message">Opens in a new window. 14049 </li> 14050 </ul> 14051
14051<script> 14052 window.Eurus = { 14053 cart_error: `There was an error while updating your cart. Please try again.`, 14054 cart_quantity_error_html: `You can only add [quantity] of this item to your cart.`, 14055 cart_addon_sync_error: `Quantity could not be updated`, 14056 loadedScript: new Set(), 14057 cart_add_url: '/cart/add' 14058 }; 14059 </script>
14059 14060 14061
14061<script src="//www.joeskc.com/cdn/shop/t/80/assets/splide4.1.3.js?v=75458750262329959491785247873" defer></script>
14061 14062 14063 14064
14064<script src="//www.joeskc.com/cdn/shop/t/80/assets/cart-noti.js?v=68127480464519787801785247873" defer></script>
14064 14065 14066 14067 14068 14069
14069<script src="//www.joeskc.com/cdn/shop/t/80/assets/preview-color-swatches.js?v=76489450639821414821785482772" defer></script>
14069 14070
14070<script src="//www.joeskc.com/cdn/shop/t/80/assets/speech-search.js?v=80603510328065116571785247873" defer></script>
14070 14071
14071<script src="//www.joeskc.com/cdn/shop/t/80/assets/double-touch.js?v=64605958049830659291785247873" defer></script>
14071<script src="//www.joeskc.com/cdn/shop/t/80/assets/cart-countdown-timer.js?v=143864077785370808651785247873" defer></script>
14071 14072 14073
14073<script src="//www.joeskc.com/cdn/shop/t/80/assets/theme.js?v=35276034566610601951785407864" defer></script>
14073 14074
14074<script src="//www.joeskc.com/cdn/shop/t/80/assets/header.js?v=53661949296896879111785247873" defer></script>
14074 14075
14075<script src="//www.joeskc.com/cdn/shop/t/80/assets/truncate-text.js?v=48087358240679057471785247873" defer></script>
14075 14076
14076<script src="//www.joeskc.com/cdn/shop/t/80/assets/variant-select-card.js?v=131603089912524905791785247873" defer></script>
14076 14077 14078
14078<script src="//www.joeskc.com/cdn/shop/t/80/assets/product-cart.js?v=118920320792046611671785482772" defer></script>
14078 14079
14079<script src="//www.joeskc.com/cdn/shop/t/80/assets/quantity-selector.js?v=56005620581758573381785247873" defer></script>
14079 14080 14081
14081<script src="//www.joeskc.com/cdn/shop/t/80/assets/video.js?v=57078603138906415871785482771" defer></script>
14081 14082
14082<script src="//www.joeskc.com/cdn/shop/t/80/assets/vendors.js?v=21726020999429958561785247873" defer></script>
14082 14083
14083<script> 14084 window.addEventListener("load", (event) => { 14085 deferScriptLoad('instant.page', '//www.joeskc.com/cdn/shop/t/80/assets/instant.page.v5.1.1.js?v=43232110432331176871785247873', () => {}, true); 14086 }); 14087 </script>
14087 14088 </div> 14089 <style> /* Mobile (default) */body {background-image: url("https://cdn.shopify.com/s/files/1/0818/5843/files/Website_Background-mobile-2.0.png?v=1770307366"); background-size: 130% auto; /* zoom in */ background-repeat: repeat; background-position: top center; background-attachment: scroll;} /* Desktop */@media (min-width: 769px) {body {background-image: url("https://cdn.shopify.com/s/files/1/0818/5843/files/Website_Background-3_desktop-2.0.png?v=1770307179"); background-size: 90% auto; }} /* Desktop */@media (min-width: 769px) {body {background-image: url("https://cdn.shopify.com/s/files/1/0818/5843/files/Website_Background-3_desktop-2.0.png?v=1770307179"); }} @media (min-width: 768px) {#sticky-header.background-header, #sticky-header-content.background-header {background: none; box-shadow: none; }} label.flex.items-center {border: 1px solid #000000; border-radius: 6px;} h1 {text-align: center; background-color: rgba(35, 31, 32, 0.75); color: #ffffff; padding: 12px 16px; border-radius: 4px;} .button.button-solid,button.button-solid,.button.button-solid:hover,button.button-solid:hover,.button.button-solid:focus,button.button-solid:focus {border: 1px solid rgba(35, 31, 32, 0.2) !important; box-shadow: 5px 5px 6px rgba(0, 0, 0, 0.2) !important;} h1 {text-align: center; background-color: rgba(35, 31, 32, 0.75); color: #ffffff; padding: 12px 16px; border-radius: 4px;} </style> 14090<div id="shopify-block-AS1NsNlV0dXFVeUZXd__9498845458295061716" class="shopify-block shopify-app-block"> 14091 14092 <style type="text/css"> 14093 .gs_banner-timer-wrapper { 14094 background-color: #f5f5f5; 14095 display: flex; 14096 flex-wrap: wrap; 14097 position: relative; 14098 align-items: center; 14099 justify-content: center; 14100 padding-top: 0px; 14101 padding-bottom: 0px; 14102 width: 100%; 14103 gap: 2%; 14104 } 14105 .gs_banner-timer-container { 14106 display: grid; 14107 grid-template-columns: 1fr 10px 1fr 10px 1fr 10px 1fr; 14108 column-gap: 3px; 14109 text-align: center; 14110 justify-content: center; 14111 row-gap: 0px; 14112 direction: ltr; 14113 } 14114 .gs_banner-timer-title { 14115 color: #333; 14116 font-size: 20px; 14117 font-style: normal; 14118 font-weight: bold; 14119 text-align: center; 14120 line-height: 1.2; 14121 letter-spacing: 0px; 14122 } 14123 .gs_banner-timer-numbers, .gs_banner-timer-divider { 14124 color: #333; 14125 font-size: 25px; 14126 font-weight: bold; 14127 line-height: 1; 14128 } 14129 .gs_banner-timer-label { 14130 color: #333; 14131 font-size: 10px; 14132 grid-column-start: span 2; 14133 grid-column-end: auto; 14134 padding-right: 10px; 14135 } 14136 .gs_banner-timer-label.gs_banner-timer-label-seconds { 14137 grid-column-start: auto; 14138 grid-column-end: auto; 14139 } 14140 .gs_banner-cta-button { 14141 display: inline-block; 14142 cursor: pointer; 14143 text-align: center; 14144 border: none; 14145 padding: 7px 16px; 14146 min-height: 36px; 14147 min-width: 36px; 14148 color: #333; 14149 background: #333; 14150 border-radius: 4px; 14151 font-weight: 500; 14152 font-size: 10px; 14153 flex-shrink: 0; 14154 } 14155 .gs_banner-cta-link { 14156 textDecoration: none; 14157 color: inherit; 14158 } 14159 </style> 14160 14161
14162<script type="text/javascript"> 14163 window.gs_banner = window.gs_banner || {}; 14164 window.gs_banner.timer = window.gs_banner.timer || {}; 14165 window.gs_banner.timer.activeBanner = null || {}; 14166</script>
14166 14167 14168 14169</div><div id="shopify-block-ANXhSaDM1QVJrdUdnS__7913310566140222867" class="shopify-block shopify-app-block"> 14170
14171<script type="text/javascript"> 14172 window.DISCOUNT_MANAGER = window.DISCOUNT_MANAGER || {}; 14173 window.DISCOUNT_MANAGER.cartSavings = null || null; 14174 if (window.DISCOUNT_MANAGER.cartSavings) { 14175 window.DISCOUNT_MANAGER.cartSavings.compareAtPrices = { 14176 14177 }; 14178 } 14179</script>
14179 14180 14181 14182</div><div id="shopify-block-AdEg4TnpCWURjL090R__13375078075628245689" class="shopify-block shopify-app-block"> 14183 14184 14185 14186 14187 14188 14189 14190 14191 14192 14193 14194 14195 14196 14197 14198 14199 14200 14201 14202 14203 14204 14205 14206 14207</div><div id="shopify-block-AeWtjZE1LT2Irb3pva__7079518687644006178" class="shopify-block shopify-app-block">
14207<script> 14208 (function () { 14209 const cartAttributes = {}; 14210 14211 // Helper function to retrieve the UTM from Url 14212 function getUTMFromUrl() { 14213 const url_string = window.location.href; 14214 const url = new URL(url_string); 14215 14216 const utm_id = url.searchParams.get("utm_id"); 14217 const utm_source = url.searchParams.get("utm_source"); 14218 const utm_medium = url.searchParams.get("utm_medium"); 14219 const utm_campaign = url.searchParams.get("utm_campaign"); 14220 const utm_term = url.searchParams.get("utm_term"); 14221 const ref = url.searchParams.get("ref"); 14222 14223 if (!utm_id && !utm_source && !utm_medium && !utm_campaign && !ref) { 14224 return null; 14225 } 14226 14227 let utmParameters = {}; 14228 14229 if (utm_id) { 14230 utmParameters.utm_id = utm_id; 14231 } 14232 if (utm_source) { 14233 utmParameters.utm_source = utm_source; 14234 } 14235 if (utm_medium) { 14236 utmParameters.utm_medium = utm_medium; 14237 } 14238 if (utm_campaign) { 14239 utmParameters.utm_campaign = utm_campaign; 14240 } 14241 if (utm_term) { 14242 utmParameters.utm_term = utm_term; 14243 } 14244 if (ref) { 14245 utmParameters.ref = ref; 14246 } 14247 14248 14249 return Object.keys(utmParameters).length === 0 14250 ? null 14251 : utmParameters; 14252 } 14253 14254 // Helper function to retrieve the UTM from Cookie 14255 function getUTMAttributes() { 14256 const urlUtmParams = getUTMFromUrl(); 14257 14258 if (urlUtmParams) { 14259 return urlUtmParams; 14260 } 14261 14262 // No longer reading from deprecated Shopify cookies 14263 return undefined; 14264 } 14265 14266 function saveUtmParameters() { 14267 const utmParams = getUTMAttributes(); 14268 if (utmParams) { 14269 const cartHasUtmAttributes = Object.keys(cartAttributes).find(attributeKey => attributeKey.startsWith("utm_") || attributeKey === "ref"); 14270 if (cartHasUtmAttributes) { 14271 // Don't call API if it already contains our UTM parameters 14272 return; 14273 } 14274 14275 // Handle both Shopify.routes.root and routes.root_url for better compatibility 14276 var rootUrl = (window.Shopify && window.Shopify.routes && window.Shopify.routes.root) 14277 || (window.routes && window.routes.root_url) 14278 || '/'; 14279 14280 var updateCart = fetch(rootUrl + 'cart/update.js', 14281 { 14282 headers: { 14283 'Content-Type': 'application/json', 14284 }, 14285 method: "POST", 14286 body: JSON.stringify({ 14287 attributes: { 14288 ...utmParams 14289 }, 14290 }) 14291 }) 14292 .then(response => response.json()) 14293 .then(data => { 14294 return data 14295 }); 14296 } 14297 } 14298 14299 saveUtmParameters(); 14300 })(); 14301</script>
14301 14302 14303 14304 14305 14306</div><div id="shopify-block-AZFd6aGFnS21FS1hVa__13768625480086291342" class="shopify-block shopify-app-block">
14306<script> 14307 window['ShopifyForms'] = { 14308 ...window['ShopifyForms'], 14309 currentPageType: "index" 14310 }; 14311</script>
14311 14312 14313 14314</div>
14314<script src="https://cdn.shopify.com/storefront/standard-actions.js" type="module" data-source-attribution="shopify.standard_actions"></script>
14314 14315</body> 14316</html>
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.