1<!doctype html> 2<html class="no-touch supports-no-cookies" lang="es"> 3 <head><meta charset="UTF-8"> 4<meta http-equiv="X-UA-Compatible" content="IE=edge"> 5<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1"><meta name="theme-color" content="#1d2226"> 6<link rel="canonical" href="https://www.hushpuppies.cl/products/calcetin-mujer-hpw-smile-sock-accesorios-hp-ha211031296-022"> 7 8<!-- ======================= Broadcast Theme V8.0.0 ========================= --> 9 10 11 <link rel="icon" type="image/png" href="//www.hushpuppies.cl/cdn/shop/files/logo-hpp.png?crop=center&height=32&v=1768242651&width=32"> 12 13<link rel="preconnect" href="https://fonts.shopifycdn.com" crossorigin><!-- Title and description ================================================ --> 14 15 16<title> 17 18 Calcetin Algodon Muer Hpw Smile Sock Blanco Hush Puppies 19 20 21 22 – Hush Puppies Chile Walk Happy 23 24 </title> 25 26 27 <meta name="description" content="Hush Puppies, 45 años acompañándote en cada paso, destacando la calidad, moda y tendencia de nuestros productos para caminar felices por la vida. Hush Puppies Walk Happy. Calcetines de algodón Hush Puppies en colaboración exclusiva con SmileyWorld Material: Algodon Largo del CalcetÃn: Medio Código modelo color: HA21103"> 28 29 30<meta property="og:site_name" content="Hush Puppies Chile Walk Happy"> 31<meta property="og:url" content="https://www.hushpuppies.cl/products/calcetin-mujer-hpw-smile-sock-accesorios-hp-ha211031296-022"> 32<meta property="og:title" content="Calcetin Algodon Muer Hpw Smile Sock Blanco Hush Puppies"> 33<meta property="og:type" content="product"> 34<meta property="og:description" content="Hush Puppies, 45 años acompañándote en cada paso, destacando la calidad, moda y tendencia de nuestros productos para caminar felices por la vida. Hush Puppies Walk Happy. Calcetines de algodón Hush Puppies en colaboración exclusiva con SmileyWorld Material: Algodon Largo del CalcetÃn: Medio Código modelo color: HA21103"><meta property="og:image" content="http://www.hushpuppies.cl/cdn/shop/files/HA211031296_022_1.jpg?v=1771247299"> 35 <meta property="og:image:secure_url" content="https://www.hushpuppies.cl/cdn/shop/files/HA211031296_022_1.jpg?v=1771247299"> 36 <meta property="og:image:width" content="1200"> 37 <meta property="og:image:height" content="1600"><meta property="og:price:amount" content="5.394"> 38 <meta property="og:price:currency" content="CLP"><meta name="twitter:card" content="summary_large_image"> 39<meta name="twitter:title" content="Calcetin Algodon Muer Hpw Smile Sock Blanco Hush Puppies"> 40<meta name="twitter:description" content="Hush Puppies, 45 años acompañándote en cada paso, destacando la calidad, moda y tendencia de nuestros productos para caminar felices por la vida. Hush Puppies Walk Happy. Calcetines de algodón Hush Puppies en colaboración exclusiva con SmileyWorld Material: Algodon Largo del CalcetÃn: Medio Código modelo color: HA21103"> 41<!-- CSS ================================================================== --> 42<style data-shopify> 43 @font-face { 44 font-family: "DM Serif Display"; 45 font-weight: 400; 46 font-style: normal; 47 font-display: swap; 48 src: url("//www.hushpuppies.cl/cdn/fonts/dm_serif_display/dmserifdisplay_n4.d2fb62d84e79a0e0554bcf26e5e3d5bd86318b17.woff2") format("woff2"), 49 url("//www.hushpuppies.cl/cdn/fonts/dm_serif_display/dmserifdisplay_n4.776a8bf9adeb2bdfa35851c8b8f6488e4bd0da4e.woff") format("woff"); 50} 51 52 @font-face { 53 font-family: Montserrat; 54 font-weight: 400; 55 font-style: normal; 56 font-display: swap; 57 src: url("//www.hushpuppies.cl/cdn/fonts/montserrat/montserrat_n4.81949fa0ac9fd2021e16436151e8eaa539321637.woff2") format("woff2"), 58 url("//www.hushpuppies.cl/cdn/fonts/montserrat/montserrat_n4.a6c632ca7b62da89c3594789ba828388aac693fe.woff") format("woff"); 59} 60 61 @font-face { 62 font-family: Montserrat; 63 font-weight: 400; 64 font-style: normal; 65 font-display: swap; 66 src: url("//www.hushpuppies.cl/cdn/fonts/montserrat/montserrat_n4.81949fa0ac9fd2021e16436151e8eaa539321637.woff2") format("woff2"), 67 url("//www.hushpuppies.cl/cdn/fonts/montserrat/montserrat_n4.a6c632ca7b62da89c3594789ba828388aac693fe.woff") format("woff"); 68} 69 70 @font-face { 71 font-family: Montserrat; 72 font-weight: 400; 73 font-style: normal; 74 font-display: swap; 75 src: url("//www.hushpuppies.cl/cdn/fonts/montserrat/montserrat_n4.81949fa0ac9fd2021e16436151e8eaa539321637.woff2") format("woff2"), 76 url("//www.hushpuppies.cl/cdn/fonts/montserrat/montserrat_n4.a6c632ca7b62da89c3594789ba828388aac693fe.woff") format("woff"); 77} 78 79 @font-face { 80 font-family: Montserrat; 81 font-weight: 400; 82 font-style: normal; 83 font-display: swap; 84 src: url("//www.hushpuppies.cl/cdn/fonts/montserrat/montserrat_n4.81949fa0ac9fd2021e16436151e8eaa539321637.woff2") format("woff2"), 85 url("//www.hushpuppies.cl/cdn/fonts/montserrat/montserrat_n4.a6c632ca7b62da89c3594789ba828388aac693fe.woff") format("woff"); 86} 87 88 89 90 @font-face { 91 font-family: Montserrat; 92 font-weight: 500; 93 font-style: normal; 94 font-display: swap; 95 src: url("//www.hushpuppies.cl/cdn/fonts/montserrat/montserrat_n5.07ef3781d9c78c8b93c98419da7ad4fbeebb6635.woff2") format("woff2"), 96 url("//www.hushpuppies.cl/cdn/fonts/montserrat/montserrat_n5.adf9b4bd8b0e4f55a0b203cdd84512667e0d5e4d.woff") format("woff"); 97} 98 99 100 101 102 @font-face { 103 font-family: Montserrat; 104 font-weight: 400; 105 font-style: italic; 106 font-display: swap; 107 src: url("//www.hushpuppies.cl/cdn/fonts/montserrat/montserrat_i4.5a4ea298b4789e064f62a29aafc18d41f09ae59b.woff2") format("woff2"), 108 url("//www.hushpuppies.cl/cdn/fonts/montserrat/montserrat_i4.072b5869c5e0ed5b9d2021e4c2af132e16681ad2.woff") format("woff"); 109} 110 111 112 113 114 @font-face { 115 font-family: Montserrat; 116 font-weight: 500; 117 font-style: italic; 118 font-display: swap; 119 src: url("//www.hushpuppies.cl/cdn/fonts/montserrat/montserrat_i5.d3a783eb0cc26f2fda1e99d1dfec3ebaea1dc164.woff2") format("woff2"), 120 url("//www.hushpuppies.cl/cdn/fonts/montserrat/montserrat_i5.76d414ea3d56bb79ef992a9c62dce2e9063bc062.woff") format("woff"); 121} 122 123 124 125 126 @font-face { 127 font-family: Montserrat; 128 font-weight: 500; 129 font-style: normal; 130 font-display: swap; 131 src: url("//www.hushpuppies.cl/cdn/fonts/montserrat/montserrat_n5.07ef3781d9c78c8b93c98419da7ad4fbeebb6635.woff2") format("woff2"), 132 url("//www.hushpuppies.cl/cdn/fonts/montserrat/montserrat_n5.adf9b4bd8b0e4f55a0b203cdd84512667e0d5e4d.woff") format("woff"); 133} 134 135 136 137 138 139 140 :root, 141 .color-scheme-1 {--COLOR-BG-GRADIENT: #f4efe9; 142 --COLOR-BG: #f4efe9; 143 --COLOR-BG-RGB: 244, 239, 233; 144 145 --COLOR-BG-ACCENT: #ffffff; 146 --COLOR-BG-ACCENT-LIGHTEN: #ffffff; 147 148 /* === Link Color ===*/ 149 150 --COLOR-LINK: #242424; 151 --COLOR-LINK-A50: rgba(36, 36, 36, 0.5); 152 --COLOR-LINK-A70: rgba(36, 36, 36, 0.7); 153 --COLOR-LINK-HOVER: rgba(36, 36, 36, 0.7); 154 --COLOR-LINK-OPPOSITE: #ffffff; 155 156 --COLOR-TEXT: #242424; 157 --COLOR-TEXT-HOVER: rgba(36, 36, 36, 0.7); 158 --COLOR-TEXT-LIGHT: #62615f; 159 --COLOR-TEXT-DARK: #000000; 160 --COLOR-TEXT-A5: rgba(36, 36, 36, 0.05); 161 --COLOR-TEXT-A35: rgba(36, 36, 36, 0.35); 162 --COLOR-TEXT-A50: rgba(36, 36, 36, 0.5); 163 --COLOR-TEXT-A80: rgba(36, 36, 36, 0.8); 164 165 166 --COLOR-BORDER: rgb(240, 240, 240); 167 --COLOR-BORDER-LIGHT: #f2f0ed; 168 --COLOR-BORDER-DARK: #bdbdbd; 169 --COLOR-BORDER-HAIRLINE: #efe8df; 170 171 --overlay-bg: #0000004d; 172 173 /* === Bright color ===*/ 174 --COLOR-ACCENT: #1d2226; 175 --COLOR-ACCENT-HOVER: #000000; 176 --COLOR-ACCENT-FADE: rgba(29, 34, 38, 0.05); 177 --COLOR-ACCENT-LIGHT: #487394; 178 179 /* === Default Cart Gradient ===*/ 180 181 --FREE-SHIPPING-GRADIENT: linear-gradient(to right, var(--COLOR-ACCENT-LIGHT) 0%, var(--accent) 100%); 182 183 /* === Buttons ===*/ 184 --BTN-PRIMARY-BG: #242424; 185 --BTN-PRIMARY-TEXT: #ffffff; 186 --BTN-PRIMARY-BORDER: #242424; 187 --BTN-PRIMARY-BORDER-A70: rgba(36, 36, 36, 0.7); 188 189 190 191 --BTN-PRIMARY-BG-BRIGHTER: #313131; 192 193 194 --BTN-SECONDARY-BG: #ffffff; 195 --BTN-SECONDARY-TEXT: #242424; 196 --BTN-SECONDARY-BORDER: #242424; 197 --BTN-SECONDARY-BORDER-A70: rgba(36, 36, 36, 0.7); 198 199 200 201 --BTN-SECONDARY-BG-BRIGHTER: #f2f2f2; 202 203 204 205--COLOR-BG-BRIGHTER: #ece3d8; 206 207 --COLOR-BG-ALPHA-25: rgba(244, 239, 233, 0.25); 208 --COLOR-BG-TRANSPARENT: rgba(244, 239, 233, 0);--COLOR-FOOTER-BG-HAIRLINE: #efe8df; 209 210 /* Dynamic color variables */ 211 --accent: var(--COLOR-ACCENT); 212 --accent-fade: var(--COLOR-ACCENT-FADE); 213 --accent-hover: var(--COLOR-ACCENT-HOVER); 214 --border: var(--COLOR-BORDER); 215 --border-dark: var(--COLOR-BORDER-DARK); 216 --border-light: var(--COLOR-BORDER-LIGHT); 217 --border-hairline: var(--COLOR-BORDER-HAIRLINE); 218 --bg: var(--COLOR-BG-GRADIENT, var(--COLOR-BG)); 219 --bg-accent: var(--COLOR-BG-ACCENT); 220 --bg-accent-lighten: var(--COLOR-BG-ACCENT-LIGHTEN); 221 --icons: var(--COLOR-TEXT); 222 --link: var(--COLOR-LINK); 223 --link-a50: var(--COLOR-LINK-A50); 224 --link-a70: var(--COLOR-LINK-A70); 225 --link-hover: var(--COLOR-LINK-HOVER); 226 --link-opposite: var(--COLOR-LINK-OPPOSITE); 227 --text: var(--COLOR-TEXT); 228 --text-dark: var(--COLOR-TEXT-DARK); 229 --text-light: var(--COLOR-TEXT-LIGHT); 230 --text-hover: var(--COLOR-TEXT-HOVER); 231 --text-a5: var(--COLOR-TEXT-A5); 232 --text-a35: var(--COLOR-TEXT-A35); 233 --text-a50: var(--COLOR-TEXT-A50); 234 --text-a80: var(--COLOR-TEXT-A80); 235 } 236 237 238 .color-scheme-2 {--COLOR-BG-GRADIENT: #020303; 239 --COLOR-BG: #020303; 240 --COLOR-BG-RGB: 2, 3, 3; 241 242 --COLOR-BG-ACCENT: #f4efe9; 243 --COLOR-BG-ACCENT-LIGHTEN: #ffffff; 244 245 /* === Link Color ===*/ 246 247 --COLOR-LINK: #ffffff; 248 --COLOR-LINK-A50: rgba(255, 255, 255, 0.5); 249 --COLOR-LINK-A70: rgba(255, 255, 255, 0.7); 250 --COLOR-LINK-HOVER: rgba(255, 255, 255, 0.7); 251 --COLOR-LINK-OPPOSITE: #000000; 252 253 --COLOR-TEXT: #ffffff; 254 --COLOR-TEXT-HOVER: rgba(255, 255, 255, 0.7); 255 --COLOR-TEXT-LIGHT: #b3b3b3; 256 --COLOR-TEXT-DARK: #d9d9d9; 257 --COLOR-TEXT-A5: rgba(255, 255, 255, 0.05); 258 --COLOR-TEXT-A35: rgba(255, 255, 255, 0.35); 259 --COLOR-TEXT-A50: rgba(255, 255, 255, 0.5); 260 --COLOR-TEXT-A80: rgba(255, 255, 255, 0.8); 261 262 263 --COLOR-BORDER: rgb(255, 255, 255); 264 --COLOR-BORDER-LIGHT: #9a9a9a; 265 --COLOR-BORDER-DARK: #cccccc; 266 --COLOR-BORDER-HAIRLINE: #000000; 267 268 --overlay-bg: #f0eeea; 269 270 /* === Bright color ===*/ 271 --COLOR-ACCENT: #cdff00; 272 --COLOR-ACCENT-HOVER: #8fb300; 273 --COLOR-ACCENT-FADE: rgba(205, 255, 0, 0.05); 274 --COLOR-ACCENT-LIGHT: #ebff99; 275 276 /* === Default Cart Gradient ===*/ 277 278 --FREE-SHIPPING-GRADIENT: linear-gradient(to right, var(--COLOR-ACCENT-LIGHT) 0%, var(--accent) 100%); 279 280 /* === Buttons ===*/ 281 --BTN-PRIMARY-BG: #fcfcfc; 282 --BTN-PRIMARY-TEXT: #1d2226; 283 --BTN-PRIMARY-BORDER: #fcfcfc; 284 --BTN-PRIMARY-BORDER-A70: rgba(252, 252, 252, 0.7); 285 286 287 288 --BTN-PRIMARY-BG-BRIGHTER: #efefef; 289 290 291 --BTN-SECONDARY-BG: #cdff00; 292 --BTN-SECONDARY-TEXT: #000000; 293 --BTN-SECONDARY-BORDER: #cdff00; 294 --BTN-SECONDARY-BORDER-A70: rgba(205, 255, 0, 0.7); 295 296 297 298 --BTN-SECONDARY-BG-BRIGHTER: #b8e600; 299 300 301 302--COLOR-BG-BRIGHTER: #162222; 303 304 --COLOR-BG-ALPHA-25: rgba(2, 3, 3, 0.25); 305 --COLOR-BG-TRANSPARENT: rgba(2, 3, 3, 0);--COLOR-FOOTER-BG-HAIRLINE: #080c0c; 306 307 /* Dynamic color variables */ 308 --accent: var(--COLOR-ACCENT); 309 --accent-fade: var(--COLOR-ACCENT-FADE); 310 --accent-hover: var(--COLOR-ACCENT-HOVER); 311 --border: var(--COLOR-BORDER); 312 --border-dark: var(--COLOR-BORDER-DARK); 313 --border-light: var(--COLOR-BORDER-LIGHT); 314 --border-hairline: var(--COLOR-BORDER-HAIRLINE); 315 --bg: var(--COLOR-BG-GRADIENT, var(--COLOR-BG)); 316 --bg-accent: var(--COLOR-BG-ACCENT); 317 --bg-accent-lighten: var(--COLOR-BG-ACCENT-LIGHTEN); 318 --icons: var(--COLOR-TEXT); 319 --link: var(--COLOR-LINK); 320 --link-a50: var(--COLOR-LINK-A50); 321 --link-a70: var(--COLOR-LINK-A70); 322 --link-hover: var(--COLOR-LINK-HOVER); 323 --link-opposite: var(--COLOR-LINK-OPPOSITE); 324 --text: var(--COLOR-TEXT); 325 --text-dark: var(--COLOR-TEXT-DARK); 326 --text-light: var(--COLOR-TEXT-LIGHT); 327 --text-hover: var(--COLOR-TEXT-HOVER); 328 --text-a5: var(--COLOR-TEXT-A5); 329 --text-a35: var(--COLOR-TEXT-A35); 330 --text-a50: var(--COLOR-TEXT-A50); 331 --text-a80: var(--COLOR-TEXT-A80); 332 } 333 334 335 .color-scheme-3 {--COLOR-BG-GRADIENT: #ffffff; 336 --COLOR-BG: #ffffff;
337 --COLOR-BG-RGB: 255, 255, 255; 338 339 --COLOR-BG-ACCENT: #fcfcfc; 340 --COLOR-BG-ACCENT-LIGHTEN: #ffffff; 341 342 /* === Link Color ===*/ 343 344 --COLOR-LINK: #020303; 345 --COLOR-LINK-A50: rgba(2, 3, 3, 0.5); 346 --COLOR-LINK-A70: rgba(2, 3, 3, 0.7); 347 --COLOR-LINK-HOVER: rgba(2, 3, 3, 0.7); 348 --COLOR-LINK-OPPOSITE: #ffffff; 349 350 --COLOR-TEXT: #000000; 351 --COLOR-TEXT-HOVER: rgba(0, 0, 0, 0.7); 352 --COLOR-TEXT-LIGHT: #4d4d4d; 353 --COLOR-TEXT-DARK: #000000; 354 --COLOR-TEXT-A5: rgba(0, 0, 0, 0.05); 355 --COLOR-TEXT-A35: rgba(0, 0, 0, 0.35); 356 --COLOR-TEXT-A50: rgba(0, 0, 0, 0.5); 357 --COLOR-TEXT-A80: rgba(0, 0, 0, 0.8); 358 359 360 --COLOR-BORDER: rgb(240, 240, 240); 361 --COLOR-BORDER-LIGHT: #f6f6f6; 362 --COLOR-BORDER-DARK: #bdbdbd; 363 --COLOR-BORDER-HAIRLINE: #f7f7f7; 364 365 --overlay-bg: #0000004d; 366 367 /* === Bright color ===*/ 368 --COLOR-ACCENT: #f0f0f0; 369 --COLOR-ACCENT-HOVER: #cec4c4; 370 --COLOR-ACCENT-FADE: rgba(240, 240, 240, 0.05); 371 --COLOR-ACCENT-LIGHT: #ffffff; 372 373 /* === Default Cart Gradient ===*/ 374 375 --FREE-SHIPPING-GRADIENT: linear-gradient(to right, var(--COLOR-ACCENT-LIGHT) 0%, var(--accent) 100%); 376 377 /* === Buttons ===*/ 378 --BTN-PRIMARY-BG: #020303; 379 --BTN-PRIMARY-TEXT: #ffffff; 380 --BTN-PRIMARY-BORDER: #020303; 381 --BTN-PRIMARY-BORDER-A70: rgba(2, 3, 3, 0.7); 382 383 384 385 --BTN-PRIMARY-BG-BRIGHTER: #0c1212; 386 387 388 --BTN-SECONDARY-BG: #cdff00; 389 --BTN-SECONDARY-TEXT: #020303; 390 --BTN-SECONDARY-BORDER: #020303; 391 --BTN-SECONDARY-BORDER-A70: rgba(2, 3, 3, 0.7); 392 393 394 395 --BTN-SECONDARY-BG-BRIGHTER: #b8e600; 396 397 398 399--COLOR-BG-BRIGHTER: #f2f2f2; 400 401 --COLOR-BG-ALPHA-25: rgba(255, 255, 255, 0.25); 402 --COLOR-BG-TRANSPARENT: rgba(255, 255, 255, 0);--COLOR-FOOTER-BG-HAIRLINE: #f7f7f7; 403 404 /* Dynamic color variables */ 405 --accent: var(--COLOR-ACCENT); 406 --accent-fade: var(--COLOR-ACCENT-FADE); 407 --accent-hover: var(--COLOR-ACCENT-HOVER); 408 --border: var(--COLOR-BORDER); 409 --border-dark: var(--COLOR-BORDER-DARK); 410 --border-light: var(--COLOR-BORDER-LIGHT); 411 --border-hairline: var(--COLOR-BORDER-HAIRLINE); 412 --bg: var(--COLOR-BG-GRADIENT, var(--COLOR-BG)); 413 --bg-accent: var(--COLOR-BG-ACCENT); 414 --bg-accent-lighten: var(--COLOR-BG-ACCENT-LIGHTEN); 415 --icons: var(--COLOR-TEXT); 416 --link: var(--COLOR-LINK); 417 --link-a50: var(--COLOR-LINK-A50); 418 --link-a70: var(--COLOR-LINK-A70); 419 --link-hover: var(--COLOR-LINK-HOVER); 420 --link-opposite: var(--COLOR-LINK-OPPOSITE); 421 --text: var(--COLOR-TEXT); 422 --text-dark: var(--COLOR-TEXT-DARK); 423 --text-light: var(--COLOR-TEXT-LIGHT); 424 --text-hover: var(--COLOR-TEXT-HOVER); 425 --text-a5: var(--COLOR-TEXT-A5); 426 --text-a35: var(--COLOR-TEXT-A35); 427 --text-a50: var(--COLOR-TEXT-A50); 428 --text-a80: var(--COLOR-TEXT-A80); 429 } 430 431 432 .color-scheme-4 {--COLOR-BG-GRADIENT: #f0f0f0; 433 --COLOR-BG: #f0f0f0; 434 --COLOR-BG-RGB: 240, 240, 240; 435 436 --COLOR-BG-ACCENT: #fcfcfc; 437 --COLOR-BG-ACCENT-LIGHTEN: #ffffff; 438 439 /* === Link Color ===*/ 440 441 --COLOR-LINK: #030405; 442 --COLOR-LINK-A50: rgba(3, 4, 5, 0.5); 443 --COLOR-LINK-A70: rgba(3, 4, 5, 0.7); 444 --COLOR-LINK-HOVER: rgba(3, 4, 5, 0.7); 445 --COLOR-LINK-OPPOSITE: #ffffff; 446 447 --COLOR-TEXT: #000000; 448 --COLOR-TEXT-HOVER: rgba(0, 0, 0, 0.7); 449 --COLOR-TEXT-LIGHT: #484848; 450 --COLOR-TEXT-DARK: #000000; 451 --COLOR-TEXT-A5: rgba(0, 0, 0, 0.05); 452 --COLOR-TEXT-A35: rgba(0, 0, 0, 0.35); 453 --COLOR-TEXT-A50: rgba(0, 0, 0, 0.5); 454 --COLOR-TEXT-A80: rgba(0, 0, 0, 0.8); 455 456 457 --COLOR-BORDER: rgb(0, 0, 0); 458 --COLOR-BORDER-LIGHT: #606060; 459 --COLOR-BORDER-DARK: #000000; 460 --COLOR-BORDER-HAIRLINE: #e8e8e8; 461 462 --overlay-bg: #0000004d; 463 464 /* === Bright color ===*/ 465 --COLOR-ACCENT: #1d2226; 466 --COLOR-ACCENT-HOVER: #000000; 467 --COLOR-ACCENT-FADE: rgba(29, 34, 38, 0.05); 468 --COLOR-ACCENT-LIGHT: #487394; 469 470 /* === Default Cart Gradient ===*/ 471 472 --FREE-SHIPPING-GRADIENT: linear-gradient(to right, var(--COLOR-ACCENT-LIGHT) 0%, var(--accent) 100%); 473 474 /* === Buttons ===*/ 475 --BTN-PRIMARY-BG: #030405; 476 --BTN-PRIMARY-TEXT: #ffffff; 477 --BTN-PRIMARY-BORDER: #030405; 478 --BTN-PRIMARY-BORDER-A70: rgba(3, 4, 5, 0.7); 479 480 481 482 --BTN-PRIMARY-BG-BRIGHTER: #0d1115; 483 484 485 --BTN-SECONDARY-BG: #cdff00; 486 --BTN-SECONDARY-TEXT: #030405; 487 --BTN-SECONDARY-BORDER: #030405; 488 --BTN-SECONDARY-BORDER-A70: rgba(3, 4, 5, 0.7); 489 490 491 492 --BTN-SECONDARY-BG-BRIGHTER: #b8e600; 493 494 495 496--COLOR-BG-BRIGHTER: #e3e3e3; 497 498 --COLOR-BG-ALPHA-25: rgba(240, 240, 240, 0.25); 499 --COLOR-BG-TRANSPARENT: rgba(240, 240, 240, 0);--COLOR-FOOTER-BG-HAIRLINE: #e8e8e8; 500 501 /* Dynamic color variables */ 502 --accent: var(--COLOR-ACCENT); 503 --accent-fade: var(--COLOR-ACCENT-FADE); 504 --accent-hover: var(--COLOR-ACCENT-HOVER); 505 --border: var(--COLOR-BORDER); 506 --border-dark: var(--COLOR-BORDER-DARK); 507 --border-light: var(--COLOR-BORDER-LIGHT); 508 --border-hairline: var(--COLOR-BORDER-HAIRLINE); 509 --bg: var(--COLOR-BG-GRADIENT, var(--COLOR-BG)); 510 --bg-accent: var(--COLOR-BG-ACCENT); 511 --bg-accent-lighten: var(--COLOR-BG-ACCENT-LIGHTEN); 512 --icons: var(--COLOR-TEXT); 513 --link: var(--COLOR-LINK); 514 --link-a50: var(--COLOR-LINK-A50); 515 --link-a70: var(--COLOR-LINK-A70); 516 --link-hover: var(--COLOR-LINK-HOVER); 517 --link-opposite: var(--COLOR-LINK-OPPOSITE); 518 --text: var(--COLOR-TEXT); 519 --text-dark: var(--COLOR-TEXT-DARK); 520 --text-light: var(--COLOR-TEXT-LIGHT); 521 --text-hover: var(--COLOR-TEXT-HOVER); 522 --text-a5: var(--COLOR-TEXT-A5); 523 --text-a35: var(--COLOR-TEXT-A35); 524 --text-a50: var(--COLOR-TEXT-A50); 525 --text-a80: var(--COLOR-TEXT-A80); 526 } 527 528 529 .color-scheme-5 {--COLOR-BG-GRADIENT: #fcfcfc; 530 --COLOR-BG: #fcfcfc; 531 --COLOR-BG-RGB: 252, 252, 252; 532 533 --COLOR-BG-ACCENT: #ffffff; 534 --COLOR-BG-ACCENT-LIGHTEN: #ffffff; 535 536 /* === Link Color ===*/ 537 538 --COLOR-LINK: #1d2226; 539 --COLOR-LINK-A50: rgba(29, 34, 38, 0.5); 540 --COLOR-LINK-A70: rgba(29, 34, 38, 0.7); 541 --COLOR-LINK-HOVER: rgba(29, 34, 38, 0.7); 542 --COLOR-LINK-OPPOSITE: #ffffff; 543 544 --COLOR-TEXT: #000000; 545 --COLOR-TEXT-HOVER: rgba(0, 0, 0, 0.7); 546 --COLOR-TEXT-LIGHT: #4c4c4c; 547 --COLOR-TEXT-DARK: #000000; 548 --COLOR-TEXT-A5: rgba(0, 0, 0, 0.05); 549 --COLOR-TEXT-A35: rgba(0, 0, 0, 0.35); 550 --COLOR-TEXT-A50: rgba(0, 0, 0, 0.5); 551 --COLOR-TEXT-A80: rgba(0, 0, 0, 0.8); 552 553 554 --COLOR-BORDER: rgb(240, 240, 240); 555 --COLOR-BORDER-LIGHT: #f5f5f5; 556 --COLOR-BORDER-DARK: #bdbdbd; 557 --COLOR-BORDER-HAIRLINE: #f4f4f4; 558 559 --overlay-bg: #0000004d; 560 561 /* === Bright color ===*/
562 --COLOR-ACCENT: #f0f0f0; 563 --COLOR-ACCENT-HOVER: #cec4c4; 564 --COLOR-ACCENT-FADE: rgba(240, 240, 240, 0.05); 565 --COLOR-ACCENT-LIGHT: #ffffff; 566 567 /* === Default Cart Gradient ===*/ 568 569 --FREE-SHIPPING-GRADIENT: linear-gradient(to right, var(--COLOR-ACCENT-LIGHT) 0%, var(--accent) 100%); 570 571 /* === Buttons ===*/ 572 --BTN-PRIMARY-BG: #a54545; 573 --BTN-PRIMARY-TEXT: #fcfcfc; 574 --BTN-PRIMARY-BORDER: #a54545; 575 --BTN-PRIMARY-BORDER-A70: rgba(165, 69, 69, 0.7); 576 577 578 579 --BTN-PRIMARY-BG-BRIGHTER: #933d3d; 580 581 582 --BTN-SECONDARY-BG: #1d2226; 583 --BTN-SECONDARY-TEXT: #ffffff; 584 --BTN-SECONDARY-BORDER: #1d2226; 585 --BTN-SECONDARY-BORDER-A70: rgba(29, 34, 38, 0.7); 586 587 588 589 --BTN-SECONDARY-BG-BRIGHTER: #282f34; 590 591 592 593--COLOR-BG-BRIGHTER: #efefef; 594 595 --COLOR-BG-ALPHA-25: rgba(252, 252, 252, 0.25); 596 --COLOR-BG-TRANSPARENT: rgba(252, 252, 252, 0);--COLOR-FOOTER-BG-HAIRLINE: #f4f4f4; 597 598 /* Dynamic color variables */ 599 --accent: var(--COLOR-ACCENT); 600 --accent-fade: var(--COLOR-ACCENT-FADE); 601 --accent-hover: var(--COLOR-ACCENT-HOVER); 602 --border: var(--COLOR-BORDER); 603 --border-dark: var(--COLOR-BORDER-DARK); 604 --border-light: var(--COLOR-BORDER-LIGHT); 605 --border-hairline: var(--COLOR-BORDER-HAIRLINE); 606 --bg: var(--COLOR-BG-GRADIENT, var(--COLOR-BG)); 607 --bg-accent: var(--COLOR-BG-ACCENT); 608 --bg-accent-lighten: var(--COLOR-BG-ACCENT-LIGHTEN); 609 --icons: var(--COLOR-TEXT); 610 --link: var(--COLOR-LINK); 611 --link-a50: var(--COLOR-LINK-A50); 612 --link-a70: var(--COLOR-LINK-A70); 613 --link-hover: var(--COLOR-LINK-HOVER); 614 --link-opposite: var(--COLOR-LINK-OPPOSITE); 615 --text: var(--COLOR-TEXT); 616 --text-dark: var(--COLOR-TEXT-DARK); 617 --text-light: var(--COLOR-TEXT-LIGHT); 618 --text-hover: var(--COLOR-TEXT-HOVER); 619 --text-a5: var(--COLOR-TEXT-A5); 620 --text-a35: var(--COLOR-TEXT-A35); 621 --text-a50: var(--COLOR-TEXT-A50); 622 --text-a80: var(--COLOR-TEXT-A80); 623 } 624 625 626 .color-scheme-6 {--COLOR-BG-GRADIENT: #000000; 627 --COLOR-BG: #000000; 628 --COLOR-BG-RGB: 0, 0, 0; 629 630 --COLOR-BG-ACCENT: #f0f0f0; 631 --COLOR-BG-ACCENT-LIGHTEN: #ffffff; 632 633 /* === Link Color ===*/ 634 635 --COLOR-LINK: #1d2226; 636 --COLOR-LINK-A50: rgba(29, 34, 38, 0.5); 637 --COLOR-LINK-A70: rgba(29, 34, 38, 0.7); 638 --COLOR-LINK-HOVER: rgba(29, 34, 38, 0.7); 639 --COLOR-LINK-OPPOSITE: #ffffff; 640 641 --COLOR-TEXT: #000000; 642 --COLOR-TEXT-HOVER: rgba(0, 0, 0, 0.7); 643 --COLOR-TEXT-LIGHT: #000000; 644 --COLOR-TEXT-DARK: #000000; 645 --COLOR-TEXT-A5: rgba(0, 0, 0, 0.05); 646 --COLOR-TEXT-A35: rgba(0, 0, 0, 0.35); 647 --COLOR-TEXT-A50: rgba(0, 0, 0, 0.5); 648 --COLOR-TEXT-A80: rgba(0, 0, 0, 0.8); 649 650 651 --COLOR-BORDER: rgb(0, 0, 0); 652 --COLOR-BORDER-LIGHT: #000000; 653 --COLOR-BORDER-DARK: #000000; 654 --COLOR-BORDER-HAIRLINE: #000000; 655 656 --overlay-bg: #0000004d; 657 658 /* === Bright color ===*/ 659 --COLOR-ACCENT: #ffffff; 660 --COLOR-ACCENT-HOVER: #d9d9d9; 661 --COLOR-ACCENT-FADE: rgba(255, 255, 255, 0.05); 662 --COLOR-ACCENT-LIGHT: #ffffff; 663 664 /* === Default Cart Gradient ===*/ 665 666 --FREE-SHIPPING-GRADIENT: linear-gradient(to right, var(--COLOR-ACCENT-LIGHT) 0%, var(--accent) 100%); 667 668 /* === Buttons ===*/ 669 --BTN-PRIMARY-BG: #1d2226; 670 --BTN-PRIMARY-TEXT: #ffffff; 671 --BTN-PRIMARY-BORDER: #1d2226; 672 --BTN-PRIMARY-BORDER-A70: rgba(29, 34, 38, 0.7); 673 674 675 676 --BTN-PRIMARY-BG-BRIGHTER: #282f34; 677 678 679 --BTN-SECONDARY-BG: #cdff00; 680 --BTN-SECONDARY-TEXT: #000000; 681 --BTN-SECONDARY-BORDER: #cdff00; 682 --BTN-SECONDARY-BORDER-A70: rgba(205, 255, 0, 0.7); 683 684 685 686 --BTN-SECONDARY-BG-BRIGHTER: #b8e600; 687 688 689 690--COLOR-BG-BRIGHTER: #1a1a1a; 691 692 --COLOR-BG-ALPHA-25: rgba(0, 0, 0, 0.25); 693 --COLOR-BG-TRANSPARENT: rgba(0, 0, 0, 0);--COLOR-FOOTER-BG-HAIRLINE: #080808; 694 695 /* Dynamic color variables */ 696 --accent: var(--COLOR-ACCENT); 697 --accent-fade: var(--COLOR-ACCENT-FADE); 698 --accent-hover: var(--COLOR-ACCENT-HOVER); 699 --border: var(--COLOR-BORDER); 700 --border-dark: var(--COLOR-BORDER-DARK); 701 --border-light: var(--COLOR-BORDER-LIGHT); 702 --border-hairline: var(--COLOR-BORDER-HAIRLINE); 703 --bg: var(--COLOR-BG-GRADIENT, var(--COLOR-BG)); 704 --bg-accent: var(--COLOR-BG-ACCENT); 705 --bg-accent-lighten: var(--COLOR-BG-ACCENT-LIGHTEN); 706 --icons: var(--COLOR-TEXT); 707 --link: var(--COLOR-LINK); 708 --link-a50: var(--COLOR-LINK-A50); 709 --link-a70: var(--COLOR-LINK-A70); 710 --link-hover: var(--COLOR-LINK-HOVER); 711 --link-opposite: var(--COLOR-LINK-OPPOSITE); 712 --text: var(--COLOR-TEXT); 713 --text-dark: var(--COLOR-TEXT-DARK); 714 --text-light: var(--COLOR-TEXT-LIGHT); 715 --text-hover: var(--COLOR-TEXT-HOVER); 716 --text-a5: var(--COLOR-TEXT-A5); 717 --text-a35: var(--COLOR-TEXT-A35); 718 --text-a50: var(--COLOR-TEXT-A50); 719 --text-a80: var(--COLOR-TEXT-A80); 720 } 721 722 723 .color-scheme-7 {--COLOR-BG-GRADIENT: #f9f9f9; 724 --COLOR-BG: #f9f9f9; 725 --COLOR-BG-RGB: 249, 249, 249; 726 727 --COLOR-BG-ACCENT: #fcfcfc; 728 --COLOR-BG-ACCENT-LIGHTEN: #ffffff; 729 730 /* === Link Color ===*/ 731 732 --COLOR-LINK: #1d2226; 733 --COLOR-LINK-A50: rgba(29, 34, 38, 0.5); 734 --COLOR-LINK-A70: rgba(29, 34, 38, 0.7); 735 --COLOR-LINK-HOVER: rgba(29, 34, 38, 0.7); 736 --COLOR-LINK-OPPOSITE: #ffffff; 737 738 --COLOR-TEXT: #000000; 739 --COLOR-TEXT-HOVER: rgba(0, 0, 0, 0.7); 740 --COLOR-TEXT-LIGHT: #4b4b4b; 741 --COLOR-TEXT-DARK: #000000; 742 --COLOR-TEXT-A5: rgba(0, 0, 0, 0.05); 743 --COLOR-TEXT-A35: rgba(0, 0, 0, 0.35); 744 --COLOR-TEXT-A50: rgba(0, 0, 0, 0.5); 745 --COLOR-TEXT-A80: rgba(0, 0, 0, 0.8); 746 747 748 --COLOR-BORDER: rgb(29, 34, 38); 749 --COLOR-BORDER-LIGHT: #75787a; 750 --COLOR-BORDER-DARK: #000000; 751 --COLOR-BORDER-HAIRLINE: #f1f1f1; 752 753 --overlay-bg: #0000004d; 754 755 /* === Bright color ===*/
756 --COLOR-ACCENT: #f0f0f0; 757 --COLOR-ACCENT-HOVER: #cec4c4; 758 --COLOR-ACCENT-FADE: rgba(240, 240, 240, 0.05); 759 --COLOR-ACCENT-LIGHT: #ffffff; 760 761 /* === Default Cart Gradient ===*/ 762 763 --FREE-SHIPPING-GRADIENT: linear-gradient(to right, var(--COLOR-ACCENT-LIGHT) 0%, var(--accent) 100%); 764 765 /* === Buttons ===*/ 766 --BTN-PRIMARY-BG: #a54545; 767 --BTN-PRIMARY-TEXT: #ffffff; 768 --BTN-PRIMARY-BORDER: #a54545; 769 --BTN-PRIMARY-BORDER-A70: rgba(165, 69, 69, 0.7); 770 771 772 773 --BTN-PRIMARY-BG-BRIGHTER: #933d3d; 774 775 776 --BTN-SECONDARY-BG: #f0f0f0; 777 --BTN-SECONDARY-TEXT: #000000; 778 --BTN-SECONDARY-BORDER: #f0f0f0; 779 --BTN-SECONDARY-BORDER-A70: rgba(240, 240, 240, 0.7); 780 781 782 783 --BTN-SECONDARY-BG-BRIGHTER: #e3e3e3; 784 785 786 787--COLOR-BG-BRIGHTER: #ececec; 788 789 --COLOR-BG-ALPHA-25: rgba(249, 249, 249, 0.25); 790 --COLOR-BG-TRANSPARENT: rgba(249, 249, 249, 0);--COLOR-FOOTER-BG-HAIRLINE: #f1f1f1; 791 792 /* Dynamic color variables */ 793 --accent: var(--COLOR-ACCENT); 794 --accent-fade: var(--COLOR-ACCENT-FADE); 795 --accent-hover: var(--COLOR-ACCENT-HOVER); 796 --border: var(--COLOR-BORDER); 797 --border-dark: var(--COLOR-BORDER-DARK); 798 --border-light: var(--COLOR-BORDER-LIGHT); 799 --border-hairline: var(--COLOR-BORDER-HAIRLINE); 800 --bg: var(--COLOR-BG-GRADIENT, var(--COLOR-BG)); 801 --bg-accent: var(--COLOR-BG-ACCENT); 802 --bg-accent-lighten: var(--COLOR-BG-ACCENT-LIGHTEN); 803 --icons: var(--COLOR-TEXT); 804 --link: var(--COLOR-LINK); 805 --link-a50: var(--COLOR-LINK-A50); 806 --link-a70: var(--COLOR-LINK-A70); 807 --link-hover: var(--COLOR-LINK-HOVER); 808 --link-opposite: var(--COLOR-LINK-OPPOSITE); 809 --text: var(--COLOR-TEXT); 810 --text-dark: var(--COLOR-TEXT-DARK); 811 --text-light: var(--COLOR-TEXT-LIGHT); 812 --text-hover: var(--COLOR-TEXT-HOVER); 813 --text-a5: var(--COLOR-TEXT-A5); 814 --text-a35: var(--COLOR-TEXT-A35); 815 --text-a50: var(--COLOR-TEXT-A50); 816 --text-a80: var(--COLOR-TEXT-A80); 817 } 818 819 820 .color-scheme-8 {--COLOR-BG-GRADIENT: #fcfcfc; 821 --COLOR-BG: #fcfcfc; 822 --COLOR-BG-RGB: 252, 252, 252; 823 824 --COLOR-BG-ACCENT: #f0f0f0; 825 --COLOR-BG-ACCENT-LIGHTEN: #ffffff; 826 827 /* === Link Color ===*/ 828 829 --COLOR-LINK: #1d2226; 830 --COLOR-LINK-A50: rgba(29, 34, 38, 0.5); 831 --COLOR-LINK-A70: rgba(29, 34, 38, 0.7); 832 --COLOR-LINK-HOVER: rgba(29, 34, 38, 0.7); 833 --COLOR-LINK-OPPOSITE: #ffffff; 834 835 --COLOR-TEXT: #000000; 836 --COLOR-TEXT-HOVER: rgba(0, 0, 0, 0.7); 837 --COLOR-TEXT-LIGHT: #4c4c4c; 838 --COLOR-TEXT-DARK: #000000; 839 --COLOR-TEXT-A5: rgba(0, 0, 0, 0.05); 840 --COLOR-TEXT-A35: rgba(0, 0, 0, 0.35); 841 --COLOR-TEXT-A50: rgba(0, 0, 0, 0.5); 842 --COLOR-TEXT-A80: rgba(0, 0, 0, 0.8); 843 844 845 --COLOR-BORDER: rgb(240, 240, 240); 846 --COLOR-BORDER-LIGHT: #f5f5f5; 847 --COLOR-BORDER-DARK: #bdbdbd; 848 --COLOR-BORDER-HAIRLINE: #f4f4f4; 849 850 --overlay-bg: #0000004d; 851 852 /* === Bright color ===*/ 853 --COLOR-ACCENT: #79341b; 854 --COLOR-ACCENT-HOVER: #3e180a; 855 --COLOR-ACCENT-FADE: rgba(121, 52, 27, 0.05); 856 --COLOR-ACCENT-LIGHT: #ee6e3f; 857 858 /* === Default Cart Gradient ===*/ 859 860 --FREE-SHIPPING-GRADIENT: linear-gradient(to right, var(--COLOR-ACCENT-LIGHT) 0%, var(--accent) 100%); 861 862 /* === Buttons ===*/ 863 --BTN-PRIMARY-BG: #79341b; 864 --BTN-PRIMARY-TEXT: #ffffff; 865 --BTN-PRIMARY-BORDER: #79341b; 866 --BTN-PRIMARY-BORDER-A70: rgba(121, 52, 27, 0.7); 867 868 869 870 --BTN-PRIMARY-BG-BRIGHTER: #642b16; 871 872 873 --BTN-SECONDARY-BG: #1d2226; 874 --BTN-SECONDARY-TEXT: #ffffff; 875 --BTN-SECONDARY-BORDER: #1d2226; 876 --BTN-SECONDARY-BORDER-A70: rgba(29, 34, 38, 0.7); 877 878 879 880 --BTN-SECONDARY-BG-BRIGHTER: #282f34; 881 882 883 884--COLOR-BG-BRIGHTER: #efefef; 885 886 --COLOR-BG-ALPHA-25: rgba(252, 252, 252, 0.25); 887 --COLOR-BG-TRANSPARENT: rgba(252, 252, 252, 0);--COLOR-FOOTER-BG-HAIRLINE: #f4f4f4; 888 889 /* Dynamic color variables */ 890 --accent: var(--COLOR-ACCENT); 891 --accent-fade: var(--COLOR-ACCENT-FADE); 892 --accent-hover: var(--COLOR-ACCENT-HOVER); 893 --border: var(--COLOR-BORDER); 894 --border-dark: var(--COLOR-BORDER-DARK); 895 --border-light: var(--COLOR-BORDER-LIGHT); 896 --border-hairline: var(--COLOR-BORDER-HAIRLINE); 897 --bg: var(--COLOR-BG-GRADIENT, var(--COLOR-BG)); 898 --bg-accent: var(--COLOR-BG-ACCENT); 899 --bg-accent-lighten: var(--COLOR-BG-ACCENT-LIGHTEN); 900 --icons: var(--COLOR-TEXT); 901 --link: var(--COLOR-LINK); 902 --link-a50: var(--COLOR-LINK-A50); 903 --link-a70: var(--COLOR-LINK-A70); 904 --link-hover: var(--COLOR-LINK-HOVER); 905 --link-opposite: var(--COLOR-LINK-OPPOSITE); 906 --text: var(--COLOR-TEXT); 907 --text-dark: var(--COLOR-TEXT-DARK); 908 --text-light: var(--COLOR-TEXT-LIGHT); 909 --text-hover: var(--COLOR-TEXT-HOVER); 910 --text-a5: var(--COLOR-TEXT-A5); 911 --text-a35: var(--COLOR-TEXT-A35); 912 --text-a50: var(--COLOR-TEXT-A50); 913 --text-a80: var(--COLOR-TEXT-A80); 914 } 915 916 917 .color-scheme-9 {--COLOR-BG-GRADIENT: #fcfcfc; 918 --COLOR-BG: #fcfcfc; 919 --COLOR-BG-RGB: 252, 252, 252; 920
921 --COLOR-BG-ACCENT: #f0f0f0; 922 --COLOR-BG-ACCENT-LIGHTEN: #ffffff; 923 924 /* === Link Color ===*/ 925 926 --COLOR-LINK: #1d2226; 927 --COLOR-LINK-A50: rgba(29, 34, 38, 0.5); 928 --COLOR-LINK-A70: rgba(29, 34, 38, 0.7); 929 --COLOR-LINK-HOVER: rgba(29, 34, 38, 0.7); 930 --COLOR-LINK-OPPOSITE: #ffffff; 931 932 --COLOR-TEXT: #000000; 933 --COLOR-TEXT-HOVER: rgba(0, 0, 0, 0.7); 934 --COLOR-TEXT-LIGHT: #4c4c4c; 935 --COLOR-TEXT-DARK: #000000; 936 --COLOR-TEXT-A5: rgba(0, 0, 0, 0.05); 937 --COLOR-TEXT-A35: rgba(0, 0, 0, 0.35); 938 --COLOR-TEXT-A50: rgba(0, 0, 0, 0.5); 939 --COLOR-TEXT-A80: rgba(0, 0, 0, 0.8); 940 941 942 --COLOR-BORDER: rgb(240, 240, 240); 943 --COLOR-BORDER-LIGHT: #f5f5f5; 944 --COLOR-BORDER-DARK: #bdbdbd; 945 --COLOR-BORDER-HAIRLINE: #f4f4f4; 946 947 --overlay-bg: #0000004d; 948 949 /* === Bright color ===*/ 950 --COLOR-ACCENT: #79341b; 951 --COLOR-ACCENT-HOVER: #3e180a; 952 --COLOR-ACCENT-FADE: rgba(121, 52, 27, 0.05); 953 --COLOR-ACCENT-LIGHT: #ee6e3f; 954 955 /* === Default Cart Gradient ===*/ 956 957 --FREE-SHIPPING-GRADIENT: linear-gradient(to right, var(--COLOR-ACCENT-LIGHT) 0%, var(--accent) 100%); 958 959 /* === Buttons ===*/ 960 --BTN-PRIMARY-BG: #79341b; 961 --BTN-PRIMARY-TEXT: #ffffff; 962 --BTN-PRIMARY-BORDER: #79341b; 963 --BTN-PRIMARY-BORDER-A70: rgba(121, 52, 27, 0.7); 964 965 966 967 --BTN-PRIMARY-BG-BRIGHTER: #642b16; 968 969 970 --BTN-SECONDARY-BG: #1d2226; 971 --BTN-SECONDARY-TEXT: #ffffff; 972 --BTN-SECONDARY-BORDER: #1d2226; 973 --BTN-SECONDARY-BORDER-A70: rgba(29, 34, 38, 0.7); 974 975 976 977 --BTN-SECONDARY-BG-BRIGHTER: #282f34; 978 979 980 981--COLOR-BG-BRIGHTER: #efefef; 982 983 --COLOR-BG-ALPHA-25: rgba(252, 252, 252, 0.25); 984 --COLOR-BG-TRANSPARENT: rgba(252, 252, 252, 0);--COLOR-FOOTER-BG-HAIRLINE: #f4f4f4; 985 986 /* Dynamic color variables */ 987 --accent: var(--COLOR-ACCENT); 988 --accent-fade: var(--COLOR-ACCENT-FADE); 989 --accent-hover: var(--COLOR-ACCENT-HOVER); 990 --border: var(--COLOR-BORDER); 991 --border-dark: var(--COLOR-BORDER-DARK); 992 --border-light: var(--COLOR-BORDER-LIGHT); 993 --border-hairline: var(--COLOR-BORDER-HAIRLINE); 994 --bg: var(--COLOR-BG-GRADIENT, var(--COLOR-BG)); 995 --bg-accent: var(--COLOR-BG-ACCENT); 996 --bg-accent-lighten: var(--COLOR-BG-ACCENT-LIGHTEN); 997 --icons: var(--COLOR-TEXT); 998 --link: var(--COLOR-LINK); 999 --link-a50: var(--COLOR-LINK-A50); 1000 --link-a70: var(--COLOR-LINK-A70); 1001 --link-hover: var(--COLOR-LINK-HOVER); 1002 --link-opposite: var(--COLOR-LINK-OPPOSITE); 1003 --text: var(--COLOR-TEXT); 1004 --text-dark: var(--COLOR-TEXT-DARK); 1005 --text-light: var(--COLOR-TEXT-LIGHT); 1006 --text-hover: var(--COLOR-TEXT-HOVER); 1007 --text-a5: var(--COLOR-TEXT-A5); 1008 --text-a35: var(--COLOR-TEXT-A35); 1009 --text-a50: var(--COLOR-TEXT-A50); 1010 --text-a80: var(--COLOR-TEXT-A80); 1011 } 1012 1013 1014 .color-scheme-10 {--COLOR-BG-GRADIENT: #fcfcfc; 1015 --COLOR-BG: #fcfcfc; 1016 --COLOR-BG-RGB: 252, 252, 252; 1017 1018 --COLOR-BG-ACCENT: #f0f0f0; 1019 --COLOR-BG-ACCENT-LIGHTEN: #ffffff; 1020 1021 /* === Link Color ===*/ 1022 1023 --COLOR-LINK: #1d2226; 1024 --COLOR-LINK-A50: rgba(29, 34, 38, 0.5); 1025 --COLOR-LINK-A70: rgba(29, 34, 38, 0.7); 1026 --COLOR-LINK-HOVER: rgba(29, 34, 38, 0.7); 1027 --COLOR-LINK-OPPOSITE: #ffffff; 1028 1029 --COLOR-TEXT: #000000; 1030 --COLOR-TEXT-HOVER: rgba(0, 0, 0, 0.7); 1031 --COLOR-TEXT-LIGHT: #4c4c4c; 1032 --COLOR-TEXT-DARK: #000000; 1033 --COLOR-TEXT-A5: rgba(0, 0, 0, 0.05); 1034 --COLOR-TEXT-A35: rgba(0, 0, 0, 0.35); 1035 --COLOR-TEXT-A50: rgba(0, 0, 0, 0.5); 1036 --COLOR-TEXT-A80: rgba(0, 0, 0, 0.8); 1037 1038 1039 --COLOR-BORDER: rgb(240, 240, 240); 1040 --COLOR-BORDER-LIGHT: #f5f5f5; 1041 --COLOR-BORDER-DARK: #bdbdbd; 1042 --COLOR-BORDER-HAIRLINE: #f4f4f4; 1043 1044 --overlay-bg: #0000004d; 1045 1046 /* === Bright color ===*/ 1047 --COLOR-ACCENT: #79341b; 1048 --COLOR-ACCENT-HOVER: #3e180a; 1049 --COLOR-ACCENT-FADE: rgba(121, 52, 27, 0.05); 1050 --COLOR-ACCENT-LIGHT: #ee6e3f; 1051 1052 /* === Default Cart Gradient ===*/ 1053 1054 --FREE-SHIPPING-GRADIENT: linear-gradient(to right, var(--COLOR-ACCENT-LIGHT) 0%, var(--accent) 100%); 1055 1056 /* === Buttons ===*/ 1057 --BTN-PRIMARY-BG: #79341b; 1058 --BTN-PRIMARY-TEXT: #ffffff; 1059 --BTN-PRIMARY-BORDER: #79341b; 1060 --BTN-PRIMARY-BORDER-A70: rgba(121, 52, 27, 0.7); 1061 1062 1063 1064 --BTN-PRIMARY-BG-BRIGHTER: #642b16; 1065 1066 1067 --BTN-SECONDARY-BG: #1d2226; 1068 --BTN-SECONDARY-TEXT: #ffffff; 1069 --BTN-SECONDARY-BORDER: #1d2226; 1070 --BTN-SECONDARY-BORDER-A70: rgba(29, 34, 38, 0.7); 1071 1072 1073 1074 --BTN-SECONDARY-BG-BRIGHTER: #282f34; 1075 1076 1077 1078--COLOR-BG-BRIGHTER: #efefef; 1079 1080 --COLOR-BG-ALPHA-25: rgba(252, 252, 252, 0.25); 1081 --COLOR-BG-TRANSPARENT: rgba(252, 252, 252, 0);--COLOR-FOOTER-BG-HAIRLINE: #f4f4f4; 1082 1083 /* Dynamic color variables */ 1084 --accent: var(--COLOR-ACCENT); 1085 --accent-fade: var(--COLOR-ACCENT-FADE); 1086 --accent-hover: var(--COLOR-ACCENT-HOVER); 1087 --border: var(--COLOR-BORDER); 1088 --border-dark: var(--COLOR-BORDER-DARK); 1089 --border-light: var(--COLOR-BORDER-LIGHT); 1090 --border-hairline: var(--COLOR-BORDER-HAIRLINE); 1091 --bg: var(--COLOR-BG-GRADIENT, var(--COLOR-BG)); 1092 --bg-accent: var(--COLOR-BG-ACCENT); 1093 --bg-accent-lighten: var(--COLOR-BG-ACCENT-LIGHTEN); 1094 --icons: var(--COLOR-TEXT); 1095 --link: var(--COLOR-LINK); 1096 --link-a50: var(--COLOR-LINK-A50); 1097 --link-a70: var(--COLOR-LINK-A70); 1098 --link-hover: var(--COLOR-LINK-HOVER); 1099 --link-opposite: var(--COLOR-LINK-OPPOSITE); 1100 --text: var(--COLOR-TEXT); 1101 --text-dark: var(--COLOR-TEXT-DARK); 1102 --text-light: var(--COLOR-TEXT-LIGHT); 1103 --text-hover: var(--COLOR-TEXT-HOVER); 1104 --text-a5: var(--COLOR-TEXT-A5); 1105 --text-a35: var(--COLOR-TEXT-A35); 1106 --text-a50: var(--COLOR-TEXT-A50); 1107 --text-a80: var(--COLOR-TEXT-A80); 1108 } 1109 1110 1111 .color-scheme-11 {--COLOR-BG-GRADIENT: #fcfcfc; 1112 --COLOR-BG: #fcfcfc; 1113 --COLOR-BG-RGB: 252, 252, 252; 1114
1115 --COLOR-BG-ACCENT: #f0f0f0; 1116 --COLOR-BG-ACCENT-LIGHTEN: #ffffff; 1117 1118 /* === Link Color ===*/ 1119 1120 --COLOR-LINK: #1d2226; 1121 --COLOR-LINK-A50: rgba(29, 34, 38, 0.5); 1122 --COLOR-LINK-A70: rgba(29, 34, 38, 0.7); 1123 --COLOR-LINK-HOVER: rgba(29, 34, 38, 0.7); 1124 --COLOR-LINK-OPPOSITE: #ffffff; 1125 1126 --COLOR-TEXT: #000000; 1127 --COLOR-TEXT-HOVER: rgba(0, 0, 0, 0.7); 1128 --COLOR-TEXT-LIGHT: #4c4c4c; 1129 --COLOR-TEXT-DARK: #000000; 1130 --COLOR-TEXT-A5: rgba(0, 0, 0, 0.05); 1131 --COLOR-TEXT-A35: rgba(0, 0, 0, 0.35); 1132 --COLOR-TEXT-A50: rgba(0, 0, 0, 0.5); 1133 --COLOR-TEXT-A80: rgba(0, 0, 0, 0.8); 1134 1135 1136 --COLOR-BORDER: rgb(240, 240, 240); 1137 --COLOR-BORDER-LIGHT: #f5f5f5; 1138 --COLOR-BORDER-DARK: #bdbdbd; 1139 --COLOR-BORDER-HAIRLINE: #f4f4f4; 1140 1141 --overlay-bg: #0000004d; 1142 1143 /* === Bright color ===*/ 1144 --COLOR-ACCENT: #79341b; 1145 --COLOR-ACCENT-HOVER: #3e180a; 1146 --COLOR-ACCENT-FADE: rgba(121, 52, 27, 0.05); 1147 --COLOR-ACCENT-LIGHT: #ee6e3f; 1148 1149 /* === Default Cart Gradient ===*/ 1150 1151 --FREE-SHIPPING-GRADIENT: linear-gradient(to right, var(--COLOR-ACCENT-LIGHT) 0%, var(--accent) 100%); 1152 1153 /* === Buttons ===*/ 1154 --BTN-PRIMARY-BG: #79341b; 1155 --BTN-PRIMARY-TEXT: #ffffff; 1156 --BTN-PRIMARY-BORDER: #79341b; 1157 --BTN-PRIMARY-BORDER-A70: rgba(121, 52, 27, 0.7); 1158 1159 1160 1161 --BTN-PRIMARY-BG-BRIGHTER: #642b16; 1162 1163 1164 --BTN-SECONDARY-BG: #1d2226; 1165 --BTN-SECONDARY-TEXT: #ffffff; 1166 --BTN-SECONDARY-BORDER: #1d2226; 1167 --BTN-SECONDARY-BORDER-A70: rgba(29, 34, 38, 0.7); 1168 1169 1170 1171 --BTN-SECONDARY-BG-BRIGHTER: #282f34; 1172 1173 1174 1175--COLOR-BG-BRIGHTER: #efefef; 1176 1177 --COLOR-BG-ALPHA-25: rgba(252, 252, 252, 0.25); 1178 --COLOR-BG-TRANSPARENT: rgba(252, 252, 252, 0);--COLOR-FOOTER-BG-HAIRLINE: #f4f4f4; 1179 1180 /* Dynamic color variables */ 1181 --accent: var(--COLOR-ACCENT); 1182 --accent-fade: var(--COLOR-ACCENT-FADE); 1183 --accent-hover: var(--COLOR-ACCENT-HOVER); 1184 --border: var(--COLOR-BORDER); 1185 --border-dark: var(--COLOR-BORDER-DARK); 1186 --border-light: var(--COLOR-BORDER-LIGHT); 1187 --border-hairline: var(--COLOR-BORDER-HAIRLINE); 1188 --bg: var(--COLOR-BG-GRADIENT, var(--COLOR-BG)); 1189 --bg-accent: var(--COLOR-BG-ACCENT); 1190 --bg-accent-lighten: var(--COLOR-BG-ACCENT-LIGHTEN); 1191 --icons: var(--COLOR-TEXT); 1192 --link: var(--COLOR-LINK); 1193 --link-a50: var(--COLOR-LINK-A50); 1194 --link-a70: var(--COLOR-LINK-A70); 1195 --link-hover: var(--COLOR-LINK-HOVER); 1196 --link-opposite: var(--COLOR-LINK-OPPOSITE); 1197 --text: var(--COLOR-TEXT); 1198 --text-dark: var(--COLOR-TEXT-DARK); 1199 --text-light: var(--COLOR-TEXT-LIGHT); 1200 --text-hover: var(--COLOR-TEXT-HOVER); 1201 --text-a5: var(--COLOR-TEXT-A5); 1202 --text-a35: var(--COLOR-TEXT-A35); 1203 --text-a50: var(--COLOR-TEXT-A50); 1204 --text-a80: var(--COLOR-TEXT-A80); 1205 } 1206 1207 1208 .color-scheme-76b3baec-2c80-44e1-9668-9dbcc5b590ab {--COLOR-BG-GRADIENT: #f4efe9; 1209 --COLOR-BG: #f4efe9; 1210 --COLOR-BG-RGB: 244, 239, 233; 1211 1212 --COLOR-BG-ACCENT: #ffffff; 1213 --COLOR-BG-ACCENT-LIGHTEN: #ffffff; 1214 1215 /* === Link Color ===*/ 1216 1217 --COLOR-LINK: #242424; 1218 --COLOR-LINK-A50: rgba(36, 36, 36, 0.5); 1219 --COLOR-LINK-A70: rgba(36, 36, 36, 0.7); 1220 --COLOR-LINK-HOVER: rgba(36, 36, 36, 0.7); 1221 --COLOR-LINK-OPPOSITE: #ffffff; 1222 1223 --COLOR-TEXT: #242424; 1224 --COLOR-TEXT-HOVER: rgba(36, 36, 36, 0.7); 1225 --COLOR-TEXT-LIGHT: #62615f; 1226 --COLOR-TEXT-DARK: #000000; 1227 --COLOR-TEXT-A5: rgba(36, 36, 36, 0.05); 1228 --COLOR-TEXT-A35: rgba(36, 36, 36, 0.35); 1229 --COLOR-TEXT-A50: rgba(36, 36, 36, 0.5); 1230 --COLOR-TEXT-A80: rgba(36, 36, 36, 0.8); 1231 1232 1233 --COLOR-BORDER: rgb(240, 240, 240); 1234 --COLOR-BORDER-LIGHT: #f2f0ed; 1235 --COLOR-BORDER-DARK: #bdbdbd; 1236 --COLOR-BORDER-HAIRLINE: #efe8df; 1237 1238 --overlay-bg: #0000004d; 1239 1240 /* === Bright color ===*/ 1241 --COLOR-ACCENT: #1d2226; 1242 --COLOR-ACCENT-HOVER: #000000; 1243 --COLOR-ACCENT-FADE: rgba(29, 34, 38, 0.05); 1244 --COLOR-ACCENT-LIGHT: #487394; 1245 1246 /* === Default Cart Gradient ===*/ 1247 1248 --FREE-SHIPPING-GRADIENT: linear-gradient(to right, var(--COLOR-ACCENT-LIGHT) 0%, var(--accent) 100%); 1249 1250 /* === Buttons ===*/ 1251 --BTN-PRIMARY-BG: #242424; 1252 --BTN-PRIMARY-TEXT: #ffffff; 1253 --BTN-PRIMARY-BORDER: #242424; 1254 --BTN-PRIMARY-BORDER-A70: rgba(36, 36, 36, 0.7); 1255 1256 1257 1258 --BTN-PRIMARY-BG-BRIGHTER: #313131; 1259 1260 1261 --BTN-SECONDARY-BG: #ffffff; 1262 --BTN-SECONDARY-TEXT: #242424; 1263 --BTN-SECONDARY-BORDER: #242424; 1264 --BTN-SECONDARY-BORDER-A70: rgba(36, 36, 36, 0.7); 1265 1266 1267 1268 --BTN-SECONDARY-BG-BRIGHTER: #f2f2f2; 1269 1270 1271 1272--COLOR-BG-BRIGHTER: #ece3d8; 1273 1274 --COLOR-BG-ALPHA-25: rgba(244, 239, 233, 0.25); 1275 --COLOR-BG-TRANSPARENT: rgba(244, 239, 233, 0);--COLOR-FOOTER-BG-HAIRLINE: #efe8df; 1276 1277 /* Dynamic color variables */ 1278 --accent: var(--COLOR-ACCENT); 1279 --accent-fade: var(--COLOR-ACCENT-FADE); 1280 --accent-hover: var(--COLOR-ACCENT-HOVER); 1281 --border: var(--COLOR-BORDER); 1282 --border-dark: var(--COLOR-BORDER-DARK); 1283 --border-light: var(--COLOR-BORDER-LIGHT); 1284 --border-hairline: var(--COLOR-BORDER-HAIRLINE); 1285 --bg: var(--COLOR-BG-GRADIENT, var(--COLOR-BG)); 1286 --bg-accent: var(--COLOR-BG-ACCENT); 1287 --bg-accent-lighten: var(--COLOR-BG-ACCENT-LIGHTEN); 1288 --icons: var(--COLOR-TEXT); 1289 --link: var(--COLOR-LINK); 1290 --link-a50: var(--COLOR-LINK-A50); 1291 --link-a70: var(--COLOR-LINK-A70); 1292 --link-hover: var(--COLOR-LINK-HOVER); 1293 --link-opposite: var(--COLOR-LINK-OPPOSITE); 1294 --text: var(--COLOR-TEXT); 1295 --text-dark: var(--COLOR-TEXT-DARK); 1296 --text-light: var(--COLOR-TEXT-LIGHT); 1297 --text-hover: var(--COLOR-TEXT-HOVER); 1298 --text-a5: var(--COLOR-TEXT-A5); 1299 --text-a35: var(--COLOR-TEXT-A35); 1300 --text-a50: var(--COLOR-TEXT-A50); 1301 --text-a80: var(--COLOR-TEXT-A80); 1302 } 1303 1304 1305 body, .color-scheme-1, .color-scheme-2, .color-scheme-3, .color-scheme-4, .color-scheme-5, .color-scheme-6, .color-scheme-7, .color-scheme-8, .color-scheme-9, .color-scheme-10, .color-scheme-11, .color-scheme-76b3baec-2c80-44e1-9668-9dbcc5b590ab { 1306 color: var(--text); 1307 background: var(--bg); 1308 } 1309 1310 :root { 1311 --scrollbar-width: 0px; 1312 1313 /* === Product grid badges ===*/ 1314 --COLOR-SALE-BG: #242424; 1315 --COLOR-SALE-TEXT: #ffffff; 1316 1317 --COLOR-BADGE-BG: #000000; 1318 --COLOR-BADGE-TEXT: #fcfcfc; 1319 1320 --COLOR-SOLD-BG: #444444; 1321 --COLOR-SOLD-TEXT: #ffffff; 1322 1323 --COLOR-NEW-BADGE-BG: #444444; 1324 --COLOR-NEW-BADGE-TEXT: #ffffff; 1325 1326 --COLOR-PREORDER-BG: #444444; 1327 --COLOR-PREORDER-TEXT: #ffffff; 1328 1329 /* === Quick Add ===*/ 1330 --COLOR-QUICK-ADD-BG: #000000; 1331 --COLOR-QUICK-ADD-BG-BRIGHTER: #000000; 1332 --COLOR-QUICK-ADD-TEXT: #ffffff; 1333 1334 /* === Product sale color ===*/ 1335 --COLOR-SALE: #242424; 1336 1337 /* === Helper colors for form error states ===*/ 1338 --COLOR-ERROR: #721C24; 1339 --COLOR-ERROR-BG: #F8D7DA; 1340 --COLOR-ERROR-BORDER: #F5C6CB; 1341 1342 --COLOR-SUCCESS: #56AD6A; 1343 --COLOR-SUCCESS-BG: rgba(86, 173, 106, 0.2); 1344 1345 1346 --RADIUS: 300px; 1347 --RADIUS-SELECT: 22px; 1348 1349 1350 --COLOR-HEADER-LINK: #242424; 1351 --COLOR-HEADER-LINK-HOVER: #242424; 1352 1353 --COLOR-MENU-BG: #ffffff; 1354 --COLOR-SUBMENU-BG: #f4f4f4; 1355 --COLOR-SUBMENU-LINK: rgba(0,0,0,0); 1356 --COLOR-SUBMENU-LINK-HOVER: rgba(0, 0, 0, 0.7); 1357 --COLOR-SUBMENU-TEXT-LIGHT: rgba(73, 73, 73, 0.3); 1358 1359 1360 --COLOR-MENU-TRANSPARENT: #242424; 1361 --COLOR-MENU-TRANSPARENT-HOVER: #242424; 1362 1363 1364 --TRANSPARENT: rgba(255, 255, 255, 0); 1365 1366 /* === Default overlay opacity ===*/ 1367 --underlay-opacity: 1; 1368 --underlay-bg: rgba(0,0,0,0.4); 1369 --header-overlay-color: transparent; 1370 1371 /* === Custom Cursor ===*/ 1372 --ICON-ZOOM-IN: url( "//www.hushpuppies.cl/cdn/shop/t/36/assets/icon-zoom-in.svg?v=182473373117644429561790793707" ); 1373 --ICON-ZOOM-OUT: url( "//www.hushpuppies.cl/cdn/shop/t/36/assets/icon-zoom-out.svg?v=101497157853986683871790793707" ); 1374 1375 /* === Custom Icons ===*/ 1376 1377 1378 1379 --ICON-ADD-BAG: url( "//www.hushpuppies.cl/cdn/shop/t/36/assets/icon-add-bag.svg?v=23763382405227654651790793707" ); 1380 --ICON-ADD-CART: url( "//www.hushpuppies.cl/cdn/shop/t/36/assets/icon-add-cart.svg?v=3962293684743587821790793707" ); 1381 --ICON-ARROW-LEFT: url( "//www.hushpuppies.cl/cdn/shop/t/36/assets/icon-nav-arrow-left.svg?v=106782211883556531691790793707" );
1382 --ICON-ARROW-RIGHT: url( "//www.hushpuppies.cl/cdn/shop/t/36/assets/icon-nav-arrow-right.svg?v=159363876971816882971790793707" ); 1383 --ICON-SELECT: url("//www.hushpuppies.cl/cdn/shop/t/36/assets/icon-select.svg?v=150573211567947701091790793707"); 1384 1385 1386 --PRODUCT-GRID-ASPECT-RATIO: 120.0%; 1387 1388 /* === Typography ===*/ 1389 --FONT-HEADING-MINI: 20px; 1390 --FONT-HEADING-X-SMALL: 30px; 1391 --FONT-HEADING-SMALL: 40px; 1392 --FONT-HEADING-MEDIUM: 48px; 1393 --FONT-HEADING-LARGE: 64px; 1394 --FONT-HEADING-X-LARGE: 94px; 1395 1396 --FONT-HEADING-MINI-MOBILE: 16px; 1397 --FONT-HEADING-X-SMALL-MOBILE: 22px; 1398 --FONT-HEADING-SMALL-MOBILE: 24px; 1399 --FONT-HEADING-MEDIUM-MOBILE: 32px; 1400 --FONT-HEADING-LARGE-MOBILE: 40px; 1401 --FONT-HEADING-X-LARGE-MOBILE: 45px; 1402 1403 --FONT-STACK-BODY: Montserrat, sans-serif; 1404 --FONT-STYLE-BODY: normal; 1405 --FONT-WEIGHT-BODY: 400; 1406 --FONT-WEIGHT-BODY-BOLD: 500; 1407 1408 --LETTER-SPACING-BODY: 0.0em; 1409 1410 --FONT-STACK-HEADING: "DM Serif Display", serif; 1411 --FONT-WEIGHT-HEADING: 400; 1412 --FONT-STYLE-HEADING: normal; 1413 1414 --FONT-UPPERCASE-HEADING: none; 1415 --LETTER-SPACING-HEADING: 0.0em; 1416 1417 --FONT-STACK-SUBHEADING: Montserrat, sans-serif; 1418 --FONT-WEIGHT-SUBHEADING: 400; 1419 --FONT-STYLE-SUBHEADING: normal; 1420 --FONT-SIZE-SUBHEADING-DESKTOP: 14px; 1421 --FONT-SIZE-SUBHEADING-MOBILE: 14px; 1422 1423 --FONT-UPPERCASE-SUBHEADING: none; 1424 --LETTER-SPACING-SUBHEADING: -0.025em; 1425 1426 --FONT-STACK-NAV: Montserrat, sans-serif; 1427 --FONT-WEIGHT-NAV: 400; 1428 --FONT-WEIGHT-NAV-BOLD: 500; 1429 --FONT-STYLE-NAV: normal; 1430 --FONT-SIZE-NAV: 16px; 1431 1432 1433 --LETTER-SPACING-NAV: 0.05em; 1434 1435 --FONT-SIZE-BASE: 14px; 1436 1437 /* === Parallax ===*/ 1438 --PARALLAX-STRENGTH-MIN: 115.0%; 1439 --PARALLAX-STRENGTH-MAX: 125.0%;--COLUMNS: 4; 1440 --COLUMNS-MEDIUM: 3; 1441 --COLUMNS-SMALL: 2; 1442 --COLUMNS-MOBILE: 1;--LAYOUT-OUTER: 50px; 1443 --LAYOUT-GUTTER: 32px; 1444 --LAYOUT-OUTER-MEDIUM: 30px; 1445 --LAYOUT-GUTTER-MEDIUM: 22px; 1446 --LAYOUT-OUTER-SMALL: 16px; 1447 --LAYOUT-GUTTER-SMALL: 16px;--base-animation-delay: 0ms; 1448 --line-height-normal: 1.375; /* Equals to line-height: normal; */--SIDEBAR-WIDTH: 288px; 1449 --SIDEBAR-WIDTH-MEDIUM: 258px;--DRAWER-WIDTH: 380px;--ICON-STROKE-WIDTH: 1px; 1450 1451 /* === Button General ===*/ 1452 --BTN-FONT-STACK: Montserrat, sans-serif; 1453 --BTN-FONT-WEIGHT: 400; 1454 --BTN-FONT-STYLE: normal; 1455 --BTN-FONT-SIZE: 12px; 1456 --BTN-SIZE-SMALL: 7px; 1457 --BTN-SIZE-MEDIUM: 8px; 1458 --BTN-SIZE-LARGE: 12px;--BTN-FONT-SIZE-BODY: 0.8571428571428571rem; 1459 1460 --BTN-LETTER-SPACING: 0.0em; 1461 --BTN-UPPERCASE: none; 1462 --BTN-TEXT-ARROW-OFFSET: 0px; 1463 1464 /* === Button White ===*/ 1465 --COLOR-TEXT-BTN-BG-WHITE: #fff; 1466 --COLOR-TEXT-BTN-BORDER-WHITE: #fff; 1467 --COLOR-TEXT-BTN-WHITE: #000; 1468 --COLOR-TEXT-BTN-WHITE-A70: rgba(255, 255, 255, 0.7); 1469 --COLOR-TEXT-BTN-BG-WHITE-BRIGHTER: #f2f2f2; 1470 1471 /* === Button Black ===*/ 1472 --COLOR-TEXT-BTN-BG-BLACK: #000; 1473 --COLOR-TEXT-BTN-BORDER-BLACK: #000; 1474 --COLOR-TEXT-BTN-BLACK: #fff; 1475 --COLOR-TEXT-BTN-BLACK-A70: rgba(0, 0, 0, 0.7); 1476 --COLOR-TEXT-BTN-BG-BLACK-BRIGHTER: #0d0d0d; 1477 1478 /* === Swatch Size ===*/ 1479 --swatch-size-filters: 2.15rem; 1480 --swatch-size-product: 2rem; 1481 } 1482 1483 /* === Backdrop ===*/ 1484 ::backdrop { 1485 --underlay-opacity: 1; 1486 --underlay-bg: rgba(0,0,0,0.4); 1487 } 1488 1489 /* === Gray background on Product grid items ===*/ 1490 1491 1492 *, 1493 *::before, 1494 *::after { 1495 box-sizing: inherit; 1496 } 1497 1498 * { -webkit-font-smoothing: antialiased; } 1499 1500 html { 1501 box-sizing: border-box; 1502 font-size: var(--FONT-SIZE-BASE); 1503 } 1504 1505 html, 1506 body { min-height: 100%; } 1507 1508 body { 1509 position: relative; 1510 min-width: 320px; 1511 font-size: var(--FONT-SIZE-BASE); 1512 text-size-adjust: 100%; 1513 -webkit-text-size-adjust: 100%; 1514 } 1515</style> 1516<link rel="preload" as="font" href="//www.hushpuppies.cl/cdn/fonts/montserrat/montserrat_n4.81949fa0ac9fd2021e16436151e8eaa539321637.woff2" type="font/woff2" crossorigin><link rel="preload" as="font" href="//www.hushpuppies.cl/cdn/fonts/dm_serif_display/dmserifdisplay_n4.d2fb62d84e79a0e0554bcf26e5e3d5bd86318b17.woff2" type="font/woff2" crossorigin><link rel="preload" as="font" href="//www.hushpuppies.cl/cdn/fonts/montserrat/montserrat_n4.81949fa0ac9fd2021e16436151e8eaa539321637.woff2" type="font/woff2" crossorigin><link rel="preload" as="font" href="//www.hushpuppies.cl/cdn/fonts/montserrat/montserrat_n4.81949fa0ac9fd2021e16436151e8eaa539321637.woff2" type="font/woff2" crossorigin><link rel="preload" as="font" href="//www.hushpuppies.cl/cdn/fonts/montserrat/montserrat_n4.81949fa0ac9fd2021e16436151e8eaa539321637.woff2" type="font/woff2" crossorigin><link href="//www.hushpuppies.cl/cdn/shop/t/36/assets/theme.css?v=140909837163052354471791379192" rel="stylesheet" type="text/css" media="all" /> 1517<link href="//www.hushpuppies.cl/cdn/shop/t/36/assets/theme-custom.css?v=132792076627970859621790793707" rel="stylesheet" type="text/css" media="all" /> 1518<link href="//www.hushpuppies.cl/cdn/shop/t/36/assets/swatches.css?v=157844926215047500451790793707" rel="stylesheet" type="text/css" media="all" /> 1519<style data-shopify>.swatches {
1520 --amarillo: #FFD700;--azul: #0057B8;--beige: #F5F5DC;--blanco: #FFFFFF;--cafe: #6F4E37;--celeste: #87CEEB;--gris: #808080;--incoloro: #FFFFFF;--metalizado: #C0C0C0;--morado: #800080;--multicolor: #CCCCCC;--naranjo: #FF7A00;--negro: #000000;--rojo: #E10600;--rosado: #F4A6C1;--verde: #008000; 1521 }</style>
1522<script> 1523 document.documentElement.style.setProperty('--scrollbar-width', `${getScrollbarWidth()}px`); 1524 1525 function getScrollbarWidth() { 1526 // Creating invisible container 1527 const outer = document.createElement('div'); 1528 outer.style.visibility = 'hidden'; 1529 outer.style.overflow = 'scroll'; // forcing scrollbar to appear 1530 outer.style.msOverflowStyle = 'scrollbar'; // needed for WinJS apps 1531 document.documentElement.appendChild(outer); 1532 1533 // Creating inner element and placing it in the container 1534 const inner = document.createElement('div'); 1535 outer.appendChild(inner); 1536 1537 // Calculating difference between container's full width and the child width 1538 const scrollbarWidth = outer.offsetWidth - inner.offsetWidth; 1539 1540 // Removing temporary elements from the DOM 1541 outer.parentNode.removeChild(outer); 1542 1543 return scrollbarWidth; 1544 } 1545 1546 let root = '/'; 1547 if (root[root.length - 1] !== '/') { 1548 root = root + '/'; 1549 } 1550 1551 window.theme = { 1552 routes: { 1553 root: root, 1554 shop_url: 'https://www.hushpuppies.cl', 1555 cart_url: '/cart', 1556 cart_add_url: '/cart/add', 1557 cart_change_url: '/cart/change', 1558 cart_update_url: '/cart/update', 1559 product_recommendations_url: '/recommendations/products', 1560 predictive_search_url: '/search/suggest', 1561 addresses_url: '/account/addresses' 1562 }, 1563 assets: { 1564 photoswipe: '//www.hushpuppies.cl/cdn/shop/t/36/assets/photoswipe.js?v=162613001030112971491790793707', 1565 rellax: '//www.hushpuppies.cl/cdn/shop/t/36/assets/rellax.js?v=4664090443844197101790793707', 1566 smoothscroll: '//www.hushpuppies.cl/cdn/shop/t/36/assets/smoothscroll.js?v=37906625415260927261790793707', 1567 }, 1568 strings: { 1569 addToCart: "Agregar al carrito", 1570 sale: "A la venta", 1571 soldOut: "NO DISPONIBLE SIN STOCK", 1572 preOrder: "Hacer un pedido", 1573 subscription: "Suscripción", 1574 unavailable: "No disponible", 1575 unavailable_with_option: `[value] - No disponible`, 1576 cartAcceptanceError: "Debes aceptar nuestros términos y condiciones.", 1577 discount_not_applicable: "Descuento no aplicable", 1578 discount_already_applied: "Descuento ya aplicado", 1579 shippingCalcSubmitButton: "Calcular gasto de envÃo.", 1580 shippingCalcSubmitButtonDisabled: "Calculando", 1581 oneColor: "color", 1582 otherColor: "colores", 1583 free: "Gratis", 1584 sku: "SKU", 1585 playVideo: "Reproducir vÃdeo", 1586 pauseVideo: "Pausar el vÃdeo", 1587 }, 1588 settings: { 1589 cartType: "drawer", 1590 customerLoggedIn: null ? true : false, 1591 enableQuickAdd: true, 1592 enableAnimations: false, 1593 collectionSwatchStyle: "slider", 1594 mobileMenuType: null, 1595 atcButtonShowPrice: false, 1596 productPageSticky: false, 1597 }, 1598 sliderArrows: { 1599 prev: '<button type="button" class="slider__button slider__button--prev" data-button-arrow data-button-prev>' + "Anterior" + '</button>', 1600 next: '<button type="button" class="slider__button slider__button--next" data-button-arrow data-button-next>' + "Siguiente" + '</button>', 1601 }, 1602 moneyFormat: false ? "${{ amount_no_decimals_with_comma_separator }} CLP" : "${{ amount_no_decimals_with_comma_separator }}", 1603 moneyWithoutCurrencyFormat: "${{ amount_no_decimals_with_comma_separator }}", 1604 moneyWithCurrencyFormat: "${{ amount_no_decimals_with_comma_separator }} CLP", 1605 subtotal: 0, 1606 info: { 1607 name: 'broadcast', 1608 version: '8.0.0', 1609 role: 'main' 1610 }, 1611 }; 1612 1613 let windowInnerHeight = window.innerHeight; 1614 document.documentElement.style.setProperty('--full-height', `${windowInnerHeight}px`); 1615 document.documentElement.style.setProperty('--three-quarters', `${windowInnerHeight * 0.75}px`); 1616 document.documentElement.style.setProperty('--two-thirds', `${windowInnerHeight * 0.66}px`); 1617 document.documentElement.style.setProperty('--one-half', `${windowInnerHeight * 0.5}px`); 1618 document.documentElement.style.setProperty('--one-third', `${windowInnerHeight * 0.33}px`); 1619 document.documentElement.style.setProperty('--one-fifth', `${windowInnerHeight * 0.2}px`); 1620</script>
1620 1621 1622 1623 1624<!-- Theme Javascript ============================================================== -->
1625<script src="//www.hushpuppies.cl/cdn/shop/t/36/assets/vendor.js?v=9664966025159750891790793707" defer="defer"></script>
vendor: 1 bytes, line 1625
1625
1626<script src="//www.hushpuppies.cl/cdn/shop/t/36/assets/theme.dev.js?v=3450659528334668221790945250" defer="defer"></script>
1626<!-- Shopify app scripts =========================================================== --> 1627 1628<meta name="google-site-verification" content="5_HkIWhdiYl2CsL29diKfrmSAYMYaRbBcU_nDRcKIcI" /> 1629
1629<script>window.performance && window.performance.mark && window.performance.mark('shopify.content_for_header.start');</script>
1629<meta name="google-site-verification" content="C2Z2ibKUbSgUet5_o6cqDo5zfje8k6FgkG_BOK575Bk"> 1630<meta id="shopify-digital-wallet" name="shopify-digital-wallet" content="/72563392686/digital_wallets/dialog"> 1631<link rel="ucp" href="/.well-known/ucp" version="2026-08-25"><link rel="buy" href="/cart/47514351141038:1?ucp/version=2026-08-25" payment="com.google.pay dev.shopify.card dev.shopify.shop_pay"><link rel="alternate" type="application/json+oembed" href="https://www.hushpuppies.cl/products/calcetin-mujer-hpw-smile-sock-accesorios-hp-ha211031296-022.oembed">
1632<script async="async" src="/checkouts/internal/preloads.js?locale=es-CL&default_configuration_id=3349086382"></script>
vendor: 1 bytes, line 1632
1632
1633<script id="shopify-features" type="application/json">{"accessToken":"394850b6c6512fe695e627aaeab67263","betas":["rich-media-storefront-analytics"],"domain":"www.hushpuppies.cl","predictiveSearch":true,"shopId":72563392686,"locale":"es"}</script>
vendor: 1 bytes, line 1633
1633
1634<script>var Shopify = Shopify || {}; 1635Shopify.shop = "hushpuppiescl.myshopify.com"; 1636Shopify.locale = "es"; 1637Shopify.currency = {"active":"CLP","rate":"1.0"}; 1638Shopify.country = "CL"; 1639Shopify.theme = {"name":"IP_L51_CYBERMONDAY OCTUBRE ","id":188119187630,"schema_name":"Broadcast","schema_version":"8.0.0","theme_store_id":null,"role":"main"}; 1640Shopify.theme.handle = "null"; 1641Shopify.theme.style = {"id":null,"handle":null}; 1642Shopify.cdnHost = "www.hushpuppies.cl/cdn"; 1643Shopify.routes = Shopify.routes || {}; 1644Shopify.routes.root = "/"; 1645Shopify.shopJsCdnBaseUrl = "https://cdn.shopify.com/shopifycloud/shop-js"; 1646Shopify.SignInWithShop = Shopify.SignInWithShop || {}; 1647Shopify.SignInWithShop.User = Shopify.SignInWithShop.User || {}; 1648Shopify.SignInWithShop.User.recognized = false;</script>
vendor: 1 bytes, line 1648
1648
1649<script type="module">!function(o){(o.Shopify=o.Shopify||{}).modules=!0}(window);</script>
vendor: 1 bytes, line 1649
1649
1650<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 1650
1650
1651<script> 1652 window.Shopify = window.Shopify || {}; 1653 window.Shopify.SignInWithShop = window.Shopify.SignInWithShop || {}; 1654 window.Shopify.SignInWithShop.assetMetrics = { sampleRate: 0.25 }; 1655 window.Shopify.SignInWithShop.eligible = false; 1656</script>
vendor: 1 bytes, line 1656
1656
1657<script id="shop-js-analytics" type="application/json">{"pageType":"product"}</script>
vendor: 1 bytes, line 1657
1657
1658<script defer="defer" async type="module" src="https://cdn.shopify.com/shopifycloud/shop-js/modules/v2/loader.init-shop-cart-sync.es.esm.js"></script>
vendor: 1 bytes, line 1658
1658
1659<script type="module"> 1660 await import("https://cdn.shopify.com/shopifycloud/shop-js/modules/v2/loader.init-shop-cart-sync.es.esm.js"); 1661 1662 window.Shopify.SignInWithShop?.initShopCartSync?.({"fedCMEnabled":true,"windoidEnabled":true}); 1663 1664</script>
vendor: 1 bytes, line 1664
1664
1665<script>(function() { 1666 var isLoaded = false; 1667 function asyncLoad() { 1668 if (isLoaded) return; 1669 isLoaded = true; 1670 var urls = ["https:\/\/api-na1.hubapi.com\/scriptloader\/v1\/8157427.js?shop=hushpuppiescl.myshopify.com"]; 1671 for (var i = 0; i < urls.length; i++) { 1672 var s = document.createElement('script'); 1673 s.type = 'text/javascript'; 1674 s.async = true; 1675 s.src = urls[i]; 1676 var x = document.getElementsByTagName('script')[0]; 1677 x.parentNode.insertBefore(s, x); 1678 } 1679 }; 1680 if(window.attachEvent) { 1681 window.attachEvent('onload', asyncLoad); 1682 } else { 1683 window.addEventListener('load', asyncLoad, false); 1684 } 1685})();</script>
vendor: 1 bytes, line 1685
1685
1686<script id="__st">var __st={"a":72563392686,"offset":-10800,"reqid":"079e1cce-4089-4a64-80c7-4742fbd04111-1791440679","pageurl":"www.hushpuppies.cl\/products\/calcetin-mujer-hpw-smile-sock-accesorios-hp-ha211031296-022","u":"0189384bdf2d","p":"product","rtyp":"product","rid":9011622543534};</script>
vendor: 1 bytes, line 1686
1686
1687<script>window.ShopifyPaypalV4VisibilityTracking = true;</script>
vendor: 1 bytes, line 1687
1687
1688<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:'Protegido por hCaptcha',privacyText:'Privacidad',termsText:'Términos'},(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 1688
1688
1689<script integrity="sha256-JjoPp5ZfB1sSAs5SQaol1x1GgvveM+BgmRzyDexInEQ=" data-source-attribution="shopify.loadfeatures" defer="defer" src="//www.hushpuppies.cl/cdn/shopifycloud/storefront/assets/storefront/load_feature-1bd60354.js" crossorigin="anonymous"></script>
vendor: 1 bytes, line 1689
1689
1690<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.hushpuppies.cl/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>
1690<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 1690
1690
1691<script> 1692 window.Shopify = window.Shopify || {}; 1693 window.Shopify.MCP = window.Shopify.MCP || {}; 1694 window.Shopify.MCP.enabled = true; 1695 window.Shopify.MCP.shop = "hushpuppiescl.myshopify.com"; 1696 window.Shopify.MCP.mcpEndpoint = "https:\/\/www.hushpuppies.cl\/api\/mcp"; 1697 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?\"\nSet policy_types to also get the store's written policies (full text and URL).\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."},"policy_types":{"type":"array","items":{"type":"string","enum":["refund","shipping","privacy","terms_of_service","terms_of_sale","subscription","legal_notice","contact"]},"description":"Policy kinds to fetch, chosen from the user's question â e.g. [\"refund\"] for returns\/exchanges\/damaged items, [\"contact\"] for phone\/hours\/address. Include every kind the question touches. Omit it to get only FAQ answers."}},"required":["query"]}}]; 1698</script>
vendor: 1 bytes, line 1698
1698
1699<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.hushpuppies.cl\/cdn\/shopifycloud\/storefront\/assets\/storefront\/webmcp-c6b62ece.js","sha256-ke4DDuBjdvea3vxLWxHc9E9nq8zihuG4IfYEGbb77ys=");})(); 1700</script>
vendor: 1 bytes, line 1700
1700
1701<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.hushpuppies.cl/cdn/shopifycloud/portable-wallets/latest/portable-wallets.es.js",t.type="module",document.head.appendChild(t)}}; 1702</script>
vendor: 1 bytes, line 1702
1702
1703<script data-source-attribution="shopify.dynamic_checkout.buyer_consent"> 1704 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); 1705</script>
vendor: 1 bytes, line 1705
1705
1706<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})}})); 1707</script>
1707 1708
1709<script id="shopify-cfh-end">window.performance && window.performance.mark && window.performance.mark('shopify.content_for_header.end');</script>
1709 1710 <link href="//www.hushpuppies.cl/cdn/shop/t/36/assets/l51-badges.css?v=119590767910338846611790793707" rel="stylesheet" type="text/css" media="all" /> 1711 1712 <!-- Google Tag Manager --> 1713
1713<script>
vendor: 343 bytes, lines 1713-1717
1713(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start': 1714 new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0], 1715 j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src= 1716 'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f); 1717 })(window,document,'script','dataLayer','
1717GTM-WCGMRH9
vendor: 3 bytes, line 1717
1717');
1717</script>
1717 1718 <!-- End Google Tag Manager --> 1719 <!-- Start of HubSpot Embed Code --> 1720Â
1720<script type="text/javascript" id="hs-script-loader" async defer src="//js.hs-scripts.com/8157427.js?businessUnitId=2232223"></script>
1720 1721Â <!-- End of HubSpot Embed Code --> 1722 1723 1724 <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/swiper@10/swiper-bundle.min.css"> 1725 <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/photoswipe@5/dist/photoswipe.css"> 1726
1726<script src="https://cdn.jsdelivr.net/npm/swiper@10/swiper-bundle.min.js" defer></script>
1726 1727
1727<script src="https://cdn.jsdelivr.net/npm/photoswipe@5/dist/photoswipe-lightbox.esm.min.js" type="module"></script>
1727 1728
1728<script src="//www.hushpuppies.cl/cdn/shop/t/36/assets/l51-badges.js?v=6545932506798665501790793707" defer></script>
1728 1729
1729<script> 1730 1731 window.dataLayer = window.dataLayer || []; 1732 window.gtag = window.gtag || function () { 1733 dataLayer.push(arguments); 1734 }; 1735 gtag('consent', 'default', { 1736 ad_storage: 'denied', 1737 analytics_storage: 'denied', 1738 ad_user_data: 'denied', 1739 ad_personalization: 'denied', 1740 functionality_storage: 'granted', 1741 personalization_storage: 'denied', 1742 security_storage: 'granted', 1743 wait_for_update: 500 1744 }); 1745 1746 gtag('set', 'developer_id.dMmY1Mm', true); 1747 gtag('set', 'ads_data_redaction', true); 1748 1749</script>
1749<script data-cs-plugin='shopify' src="https://cdn.cookie-script.com/s/100ce01443f6465cb5a3318dd1b6e1c2.js"></script>
1749 1750 1751 <link href="//www.hushpuppies.cl/cdn/shop/t/36/assets/product-siblings.css?v=38753590491755609761790793707" rel="stylesheet" type="text/css" media="all" /> 1752
1752<script src="//www.hushpuppies.cl/cdn/shop/t/36/assets/product-siblings.js?v=6796359661344263111790793707" defer="defer"></script>
1752 1753 <link href="//www.hushpuppies.cl/cdn/shop/t/36/assets/lab51-promo-countdown.css?v=54808669523575758881790793707" rel="stylesheet" type="text/css" media="all" /> 1754
1754<script src="//www.hushpuppies.cl/cdn/shop/t/36/assets/lab51-promo-countdown.js?v=128388433081699132401790793707" defer></script>
1754<script> 1755 (function () { 1756 try { 1757 var url = new URL(window.location.href); 1758 1759 if (url.searchParams.has('share_cart')) { 1760 document.documentElement.classList.add( 1761 'share-cart-import-pending' 1762 ); 1763 } 1764 } catch (error) { 1765 console.error('[Compartir carrito]', error); 1766 } 1767 })(); 1768 </script>
1768 1769 1770 <style> 1771 html.share-cart-import-pending body { 1772 overflow: hidden; 1773 } 1774 1775 html.share-cart-import-pending body > * { 1776 visibility: hidden; 1777 } 1778 1779 html.share-cart-import-pending body::before { 1780 content: ''; 1781 position: fixed; 1782 inset: 0; 1783 z-index: 999998; 1784 display: block; 1785 visibility: visible; 1786 background: var(--COLOR-BG, #ffffff); 1787 } 1788 1789 html.share-cart-import-pending body::after { 1790 content: ''; 1791 position: fixed; 1792 top: 50%; 1793 left: 50%; 1794 z-index: 999999; 1795 display: block; 1796 visibility: visible; 1797 width: 42px; 1798 height: 42px; 1799 border: 3px solid rgba(0, 0, 0, 0.15); 1800 border-top-color: var(--COLOR-TEXT, #222222); 1801 border-radius: 50%; 1802 transform: translate(-50%, -50%); 1803 animation: share-cart-spinner 0.7s linear infinite; 1804 } 1805 1806 @keyframes share-cart-spinner { 1807 to { 1808 transform: 1809 translate(-50%, -50%) 1810 rotate(360deg); 1811 } 1812 } 1813 </style> 1814<!-- BEGIN app block: shopify://apps/judge-me-reviews/blocks/judgeme_core/61ccd3b1-a9f2-4160-9fe9-4fec8413e5d8 --><!-- Start of Judge.me Core --> 1815 1816 1817 1818 1819 1820 1821 1822<link rel="dns-prefetch" href="https://cdn.judge.me"> 1823<link rel="dns-prefetch" href="https://cdn1.judge.me"> 1824<link rel="dns-prefetch" href="https://api.judge.me"> 1825
1826<script data-cfasync='false' class='jdgm-settings-script'>window.jdgmSettings={"pagination":5,"disable_web_reviews":false,"badge_no_review_text":"Sin reseñas","badge_n_reviews_text":"{{ n }} reseña/reseñas","hide_badge_preview_if_no_reviews":true,"badge_hide_text":false,"enforce_center_preview_badge":false,"widget_title":"Reseñas de Clientes","widget_open_form_text":"Escribir una reseña","widget_close_form_text":"Cancelar reseña","widget_refresh_page_text":"Actualizar página","widget_summary_text":"Basado en {{ number_of_reviews }} reseña/reseñas","widget_no_review_text":"Sé el primero en escribir una reseña","widget_name_field_text":"Nombre","widget_verified_name_field_text":"Nombre Verificado (público)","widget_name_placeholder_text":"Nombre","widget_required_field_error_text":"Este campo es obligatorio.","widget_email_field_text":"Dirección de correo electrónico","widget_verified_email_field_text":"Correo electrónico Verificado (privado, no se puede editar)","widget_email_placeholder_text":"Tu dirección de correo electrónico","widget_email_field_error_text":"Por favor, ingresa una dirección de correo electrónico válida.","widget_rating_field_text":"Calificación","widget_review_title_field_text":"TÃtulo de la Reseña","widget_review_title_placeholder_text":"Da un tÃtulo a tu reseña","widget_review_body_field_text":"Contenido de la reseña","widget_review_body_placeholder_text":"Empieza a escribir aquÃ...","widget_pictures_field_text":"Imagen/Video (opcional)","widget_submit_review_text":"Enviar Reseña","widget_submit_verified_review_text":"Enviar Reseña Verificada","widget_submit_success_msg_with_auto_publish":"¡Gracias! Por favor, actualiza la página en unos momentos para ver tu reseña. Puedes eliminar o editar tu reseña iniciando sesión en \u003ca href='https://judge.me/login' target='_blank' rel='nofollow noopener'\u003eJudge.me\u003c/a\u003e","widget_submit_success_msg_no_auto_publish":"¡Gracias! Tu reseña se publicará tan pronto como sea aprobada por el administrador de la tienda. Puedes eliminar o editar tu reseña iniciando sesión en \u003ca href='https://judge.me/login' target='_blank' rel='nofollow noopener'\u003eJudge.me\u003c/a\u003e","widget_show_default_reviews_out_of_total_text":"Mostrando {{ n_reviews_shown }} de {{ n_reviews }} reseñas.","widget_show_all_link_text":"Mostrar todas","widget_show_less_link_text":"Mostrar menos","widget_author_said_text":"{{ reviewer_name }} dijo:","widget_days_text":"hace {{ n }} dÃa/dÃas","widget_weeks_text":"hace {{ n }} semana/semanas","widget_months_text":"hace {{ n }} mes/meses","widget_years_text":"hace {{ n }} año/años","widget_yesterday_text":"Ayer","widget_today_text":"Hoy","widget_replied_text":"\u003e\u003e {{ shop_name }} respondió:","widget_read_more_text":"Leer más","widget_reviewer_name_as_initial":"","widget_rating_filter_color":"","widget_rating_filter_see_all_text":"Ver todas las reseñas","widget_sorting_most_recent_text":"Más Recientes","widget_sorting_highest_rating_text":"Mayor Calificación","widget_sorting_lowest_rating_text":"Menor Calificación","widget_sorting_with_pictures_text":"Solo Imágenes","widget_sorting_most_helpful_text":"Más Ãtiles","widget_open_question_form_text":"Hacer una pregunta","widget_reviews_subtab_text":"Reseñas","widget_questions_subtab_text":"Preguntas","widget_question_label_text":"Pregunta","widget_answer_label_text":"Respuesta","widget_question_placeholder_text":"Escribe tu pregunta aquÃ","widget_submit_question_text":"Enviar Pregunta","widget_question_submit_success_text":"¡Gracias por tu pregunta! Te notificaremos una vez que sea respondida.","verified_badge_text":"Verificado","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":"(fuera de la tienda)","all_reviews_pagination":100,"all_reviews_product_name_prefix_text":"sobre","enable_review_pictures":true,"enable_question_anwser":false,"widget_theme":"","review_date_format":"dd/mm/yy","default_sort_method":"most-recent","widget_product_reviews_subtab_text":"Reseñas de Productos","widget_shop_reviews_subtab_text":"Reseñas de la Tienda","widget_other_products_reviews_text":"Reseñas para otros productos","widget_store_reviews_subtab_text":"Reseñas de la tienda","widget_product_variant_reference_text":"Reseña para","widget_no_store_reviews_text":"Esta tienda no ha recibido ninguna reseña todavÃa","widget_web_restriction_product_reviews_text":"Este producto no ha recibido ninguna reseña todavÃa","widget_no_items_text":"No se encontraron elementos","widget_show_more_text":"Mostrar más","widget_write_a_store_review_text":"Escribir una Reseña de la Tienda","widget_product_and_store_reviews_text":"Reseñas de productos y tienda","widget_reviews_in_collection_text":"Reseñas en esta colección","widget_other_languages_heading":"Reseñas en Otros Idiomas","widget_translate_review_text":"Traducir reseña a {{ language }}","widget_translating_review_text":"Traduciendo...","widget_show_original_translation_text":"Mostrar original ({{ language }})","widget_translate_review_failed_text":"No se pudo traducir la reseña.","widget_translate_review_retry_text":"Reintentar","widget_translate_review_try_again_later_text":"Intentar más tarde","show_product_url_for_grouped_product":false,"widget_sorting_pictures_first_text":"Imágenes Primero","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":"â
Reseñas","floating_tab_title":"Deja que los clientes hablen por nosotros","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":"Los clientes n
1826os califican {{ shop.metafields.judgeme.all_reviews_rating | round: 1 }}/5 basado en {{ shop.metafields.judgeme.all_reviews_count }} reseñas.","all_reviews_text_badge_text_branded_style":"{{ shop.metafields.judgeme.all_reviews_rating | round: 1 }} de 5 estrellas basado en {{ shop.metafields.judgeme.all_reviews_count }} reseñas","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":false,"featured_carousel_show_header":true,"featured_carousel_title":"Deja que los clientes hablen por nosotros","testimonials_carousel_title":"Los clientes nos dicen","videos_carousel_title":"Historias de clientes reales","cards_carousel_title":"Los clientes nos dicen","featured_carousel_count_text":"de {{ n }} reseñas","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":false,"featured_carousel_height":250,"featured_carousel_width":80,"featured_carousel_image_size":0,"featured_carousel_image_height":250,"featured_carousel_arrow_color":"#eeeeee","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":false,"mute_video_by_default":false,"widget_sorting_videos_first_text":"Videos Primero","widget_review_pending_text":"Pendiente","featured_carousel_items_for_large_screen":3,"social_share_options_order":"Facebook,Twitter","remove_microdata_snippet":true,"disable_json_ld":false,"enable_json_ld_products":false,"preview_badge_show_question_text":false,"preview_badge_no_question_text":"Sin preguntas","preview_badge_n_question_text":"{{ number_of_questions }} pregunta/preguntas","qa_badge_show_icon":false,"qa_badge_position":"same-row","remove_judgeme_branding":false,"widget_add_search_bar":false,"widget_search_bar_placeholder":"Buscar","widget_sorting_verified_only_text":"Solo verificadas","featured_carousel_theme":"default","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":"#108474","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":"Leer más reseñas","featured_carousel_view_product_button_text":"Ver producto","all_reviews_page_load_reviews_on":"scroll","all_reviews_page_load_more_text":"Cargar Más Reseñas","disable_fb_tab_reviews":false,"enable_ajax_cdn_cache":false,"widget_public_name_text":"mostrado públicamente como","default_reviewer_name":"John Smith","default_reviewer_name_has_non_latin":true,"widget_reviewer_anonymous":"Anónimo","medals_widget_title":"Medallas de Reseñas Judge.me","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":"No es una URL de video de YouTube","widget_max_length_field_error_text":"Por favor, ingresa no más de {0}
1826 caracteres.","widget_show_country_flag":false,"widget_show_collected_via_shop_app":true,"widget_verified_by_shop_badge_style":"light","widget_verified_by_shop_text":"Verificado por la Tienda","widget_show_photo_gallery":true,"widget_load_with_code_splitting":true,"widget_ugc_install_preference":false,"widget_ugc_title":"Hecho por nosotros, Compartido por ti","widget_ugc_subtitle":"Etiquétanos para ver tu imagen destacada en nuestra página","widget_ugc_arrows_color":"#ffffff","widget_ugc_primary_button_text":"Comprar Ahora","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":"Cargar Más","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":"Ver Reseñas","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":"#FFDF00","widget_enable_secondary_color":false,"widget_secondary_color":"#edf5f5","widget_summary_average_rating_text":"{{ average_rating }} de 5","widget_media_grid_title":"Fotos y videos de clientes","widget_media_grid_see_more_text":"Ver más","widget_round_style":false,"widget_show_product_medals":true,"widget_verified_by_judgeme_text":"Verificado por Judge.me","widget_show_store_medals":true,"widget_verified_by_judgeme_text_in_store_medals":"Verificado por Judge.me","widget_media_field_exceed_quantity_message":"Lo sentimos, solo podemos aceptar {{ max_media }} para una reseña.","widget_media_field_exceed_limit_message":"{{ file_name }} es demasiado grande, por favor selecciona un {{ media_type }} menor a {{ size_limit }}MB.","widget_review_submitted_text":"¡Reseña Enviada!","widget_question_submitted_text":"¡Pregunta Enviada!","widget_close_form_text_question":"Cancelar","widget_write_your_answer_here_text":"Escribe tu respuesta aquÃ","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":"recopilado por Judge.me","widget_pagination_type":"standard","widget_load_more_text":"Cargar Más","widget_load_more_color":"#108474","widget_full_review_text":"Reseña Completa","widget_read_more_reviews_text":"Leer Más Reseñas","widget_read_questions_text":"Leer Preguntas","widget_questions_and_answers_text":"Preguntas y Respuestas","widget_verified_by_text":"Verificado por","widget_verified_text":"Verificado","widget_number_of_reviews_text":"{{ number_of_reviews }} reseñas","widget_back_button_text":"Atrás","widget_next_button_text":"Siguiente","widget_custom_forms_filter_button":"Filtros","custom_forms_style":"horizontal","widget_show_review_information":false,"how_reviews_are_collected":"¿Cómo se recopilan las reseñas?","widget_show_review_keywords":false,"widget_gdpr_statement":"Cómo usamos tus datos: Solo te contactaremos sobre la reseña que dejaste, y solo si es necesario. Al enviar tu reseña, aceptas los \u003ca href='https://judge.me/terms' target='_blank' rel='nofollow noopener'\u003etérminos\u003c/a\u003e, \u003ca href='https://judge.me/privacy' target='_blank' rel='nofollow noopener'\u003eprivacidad\u003c/a\u003e y \u003ca href='https://judge.me/content-policy' target='_blank' rel='nofollow noopener'\u003epolÃticas de contenido\u003c/a\u003e de Judge.me.","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,"review_snippet_widget_round_border_style":true,"review_snippet_widget_card_color":"#FFFFFF","review_snippet_widget_slider_arrows_background_color":"#FFFFFF","review_snippet_widget_slider_arrows_color":"#000000","review_snippet_widget_star_color":"#108474","show_product_variant":false,"all_reviews_product_variant_label_text":"Variante: ","widget_show_verified_branding":false,"widget_ai_summary_title":"Los clientes dicen","widget_ai_summary_disclaimer":"Resumen de reseñas impulsado por IA basado en reseñas recientes de clientes","widget_show_ai_summary":false,"widget_show_ai_summary_bg":false,"write_review_button_visibility":"everyone","store_summary_widget_heading":"Los clientes califican esta tienda","store_summary_widget_button_text":"Ver opiniones de clientes","store_summary_widget_button_theme_text":"Ver resumen de opiniones con IA","widget_show_review_title_input":false,"redirect_reviewers_invited_via_email":"external_form","request_store_review_after_product_review":true,"request_review_other_products_in_order":true,"review_form_color_scheme":"default","review_form_corner_style":"square","review_form_star_color":{},"review_form_text_color":"#333333","review_form_background_color":"#ffffff","review_form_field_background_color":"#fafafa","review_form_button_color":{},"review_form_button_text_color":"#ffffff","review_form_modal_overlay_color":"#000000","review_content_screen_title_text":"¿Cómo calificarÃas este producto?","review_content_introduction_text":"Nos encantarÃa que compartieras un poco s
1826obre tu experiencia.","store_review_form_title_text":"¿Cómo calificarÃas esta tienda?","store_review_form_introduction_text":"Nos encantarÃa que compartieras un poco sobre tu experiencia.","show_review_guidance_text":true,"one_star_review_guidance_text":"Pobre","five_star_review_guidance_text":"Excelente","customer_information_screen_title_text":"Sobre ti","customer_information_introduction_text":"Por favor, cuéntanos más sobre ti.","custom_questions_screen_title_text":"Tu experiencia en más detalle","custom_questions_introduction_text":"Aquà hay algunas preguntas para ayudarnos a entender más sobre tu experiencia.","review_submitted_screen_title_text":"¡Gracias por tu reseña!","review_submitted_screen_thank_you_text":"La estamos procesando y aparecerá en la tienda pronto.","review_submitted_screen_email_verification_text":"Por favor, confirma tu correo electrónico haciendo clic en el enlace que acabamos de enviarte. Esto nos ayuda a mantener las reseñas auténticas.","confirm_email_screen_title_text":"Confirma tu correo electrónico","confirm_email_screen_message_text":"Para mantener las reseñas auténticas, te enviaremos un enlace seguro para continuar escribiendo tu reseña. Solo toma un momento.","check_email_screen_title_text":"Revisa tu correo electrónico","check_email_screen_message_text":"Te enviamos un correo a {{ email }}. Haz clic en el botón del correo para continuar.","check_email_screen_resend_message_text":"¡Correo reenviado!","check_email_resend_hint_text":"¿No recibiste el correo electrónico? Revisa tu carpeta de spam o [reenvÃa el correo electrónico].","verification_email_rate_limit_error_text":"Has alcanzado el lÃmite de intentos de reseña para este producto. Por favor, revisa tu bandeja de entrada o inténtalo de nuevo más tarde.","review_submitted_request_store_review_text":"¿Te gustarÃa compartir tu experiencia de compra con nosotros?","review_submitted_review_other_products_text":"¿Te gustarÃa reseñar estos productos?","store_review_screen_title_text":"¿Te gustarÃa compartir tu experiencia de compra con nosotros?","store_review_introduction_text":"Valoramos tu opinión y la utilizamos para mejorar. Por favor, comparte cualquier pensamiento o sugerencia que tengas.","reviewer_media_screen_title_picture_text":"Compartir una foto","reviewer_media_introduction_picture_text":"Sube una foto para apoyar tu reseña.","reviewer_media_screen_title_video_text":"Compartir un video","reviewer_media_introduction_video_text":"Sube un video para apoyar tu reseña.","reviewer_media_screen_title_picture_or_video_text":"Compartir una foto o video","reviewer_media_introduction_picture_or_video_text":"Sube una foto o video para apoyar tu reseña.","reviewer_media_youtube_url_text":"Pega tu URL de Youtube aquÃ","advanced_settings_next_step_button_text":"Siguiente","advanced_settings_close_review_button_text":"Cerrar","modal_write_review_flow":true,"write_review_flow_required_text":"Obligatorio","write_review_flow_privacy_message_text":"Respetamos tu privacidad.","write_review_flow_anonymous_text":"Reseña como anónimo","write_review_flow_visibility_text":"No será visible para otros clientes.","write_review_flow_multiple_selection_help_text":"Selecciona tantos como quieras","write_review_flow_single_selection_help_text":"Selecciona una opción","write_review_flow_required_field_error_text":"Este campo es obligatorio","write_review_flow_invalid_email_error_text":"Por favor ingresa una dirección de correo válida","write_review_flow_max_length_error_text":"Máx. {{ max_length }} caracteres.","write_review_flow_media_upload_text":"\u003cb\u003eHaz clic para subir\u003c/b\u003e o arrastrar y soltar","write_review_flow_gdpr_statement":"Solo te contactaremos sobre tu reseña si es necesario. Al enviar tu reseña, aceptas nuestros \u003ca href='https://judge.me/terms' target='_blank' rel='nofollow noopener'\u003etérminos y condiciones\u003c/a\u003e y \u003ca href='https://judge.me/privacy' target='_blank' rel='nofollow noopener'\u003epolÃtica de privacidad\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":"Cuéntanos más","negative_review_resolution_text":"Tu experiencia es importante para nosotros. Si hubo problemas con tu compra, estamos aquà para ayudar. No dudes en contactarnos, nos encantarÃa la oportunidad de arreglar las cosas.","negative_review_resolution_button_text":"Contáctanos","negative_review_resolution_proceed_with_review_text":"Deja una reseña","negative_review_resolution_subject":"Problema con la compra de {{ shop_name }}.{{ order_name }}","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":false,"transparency_badges_earned_reward":false,"transparency_badges_collected_via_store_invite_text":"Reseña recopilada a través de una invitación al negocio","transparency_badges_from_another_provider_text":"Reseña recopilada de otro proveedor","transparency_badges_collected_from_store_visitor_text":"Reseña recopilada de un visitante del negocio","transparency_badges_written_in_google_text":"Reseña escrita en Google","transparency_badges_written_in_etsy_text":"Reseña escrita en Etsy","transparency_badges_written_in_shop_app_text":"Reseña escrita en Shop App","transparency_badges_earned_reward_text":"Reseña ganó una recompensa para una futura compra","product_review_widget_per_page":10,"widget_store_review_label_text":"Reseña de la tienda","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":true,"review_widget_qna_enabled":false,"review_widget_revamp_dual_publish_end_date":"2026-02-02T12:13:12.000+00:00","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_star_and_histogram_color":"#000000","review_widget_button_color":"#000000","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":"reseña","review_widget_review_word_plural"
1826:"reseñas","review_widget_voting_label":"¿Ãtil?","review_widget_shop_reply_label":"Respuesta de {{ shop_name }}:","review_widget_filters_title":"Filtros","review_widget_filter_rating_title":"Calificación","review_widget_filter_keyword_title":"Palabra clave","review_widget_clear_filters_text":"Borrar filtros","review_widget_expand_more_text":"Más","review_widget_review_highlights_title":"Aspectos destacados de reseñas","qna_widget_question_word_singular":"Pregunta","qna_widget_question_word_plural":"Preguntas","qna_widget_answer_reply_label":"Respuesta de {{ answerer_name }}:","qna_content_screen_title_text":"Preguntar sobre este producto","qna_widget_question_required_field_error_text":"Por favor, ingrese su pregunta.","qna_widget_flow_gdpr_statement":"Solo te contactaremos sobre tu pregunta si es necesario. Al enviar tu pregunta, aceptas nuestros \u003ca href='https://judge.me/terms' target='_blank' rel='nofollow noopener'\u003etérminos y condiciones\u003c/a\u003e y \u003ca href='https://judge.me/privacy' target='_blank' rel='nofollow noopener'\u003epolÃtica de privacidad\u003c/a\u003e.","qna_widget_question_submitted_text":"¡Gracias por tu pregunta!","qna_widget_close_form_text_question":"Cerrar","qna_widget_question_submit_success_text":"Te informaremos por correo electrónico cuando te respondamos tu pregunta.","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":"Reseñas de clientes","all_reviews_widget_v2025_ai_summary_title":"Los clientes dicen sobre esta tienda","all_reviews_widget_v2025_
1826no_review_text":"Sé el primero en escribir una reseña","all_reviews_widget_v2025_review_highlights_title":"Aspectos destacados de reseñas","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_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":"De nuestros clientes","reviews_grid_widget_show_average_rating":true,"platform":"shopify","branding_url":"https://app.judge.me/reviews","branding_text":"Desarrollado por Judge.me","locale":"en","reply_name":"Hush Puppies Chile Walk Happy","widget_version":"3.0","footer":true,"autopublish":false,"review_dates":true,"enable_custom_form":false,"shop_locale":"es","enable_multi_locales_translations":false,"show_review_title_input":false,"review_verification_email_status":"always","require_verification_before_submit":false,"customer_account_validation_enabled":true,"can_be_branded":false,"reply_name_text":"Hush Puppies Chile Walk Happy"};</script>
1826 <style class='jdgm-settings-style'>.jdgm-xx{left:0}:root{--jdgm-primary-color: #FFDF00;--jdgm-secondary-color: rgba(255,223,0,0.1);--jdgm-star-color: #FFDF00;--jdgm-write-review-text-color: white;--jdgm-write-review-bg-color: #FFDF00;--jdgm-paginate-color: #FFDF00;--jdgm-border-radius: 0;--jdgm-reviewer-name-color: #FFDF00}.jdgm-histogram__bar-content{background-color:#FFDF00}.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:#FFDF00}.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:"Ver más"}@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:"Ver más"}}.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:'sobre'}.jdgm-rev__variant-label:before{content:'Variante: '}.jdgm-rev__out-of-store-text:before{content:'(fuera de la tienda)'}@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_written_in_etsy"]{display:none !important}.jdgm-rev__transparency-badge[data-badge-type="review_written_in_google_business"]{display:none !important}.jdgm-rev__transparency-badge[data-badge-type="review_written_in_shop_app"]{display:none !important}.jdgm-rev__transparency-badge[data-badge-type="review_earned_for_future_purchase"]{display:none !important}.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:#108474}.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:'Hush Puppies Chile Walk Happy'}.jdgm-full-rev-modal.rev-snippet-widget .jm-mfp-container .jdgm-full-rev .jdgm-full-rev__product-button{border-radius:calc( 8px * 6 )} 1827</style> <style class='jdgm-settings-style'></style> 1828 1829 1830 1831 1832 <style class='jdgm-miracle-styles'> 1833 @-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
1833/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} 1834 1835</style> 1836 1837 1838 1839 1840 1841 1842 1843 1844
1845<script data-cfasync='false' class='jdgm-script'> 1846!function(e){window.jdgm=window.jdgm||{}; 1847/* INF-1976 */ 1848var _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;}(); 1849if(_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;} 1850jdgm.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/01a11176-2280-7862-971a-b99c4fd1084c/judgeme-773/assets/",jdgm.CDN_API_HOST="https://cdn.judge.me/", 1851jdgm.docReady=function(d){(e.attachEvent?"complete"===e.readyState:"loading"!==e.readyState)? 1852setTimeout(d,0):e.addEventListener("DOMContentLoaded",d)},jdgm.loadCSS=function(d,t,o,a){ 1853!o&&jdgm.loadCSS.requestedUrls.indexOf(d)>=0||(jdgm.loadCSS.requestedUrls.push(d), 1854(a=e.createElement("link")).rel="stylesheet",a.class="jdgm-stylesheet",a.media="nope!", 1855a.href=d,a.onload=function(){this.media="all",t&&setTimeout(t)},e.body.appendChild(a))}, 1856jdgm.loadCSS.requestedUrls=[],jdgm.loadJS=function(e,d){var t=new XMLHttpRequest; 1857t.onreadystatechange=function(){4===t.readyState&&t.status>=200&&t.status<300&&(Function(t.response)(),d&&d(t.response))}, 1858t.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( 1859".jdgm-widget, .jdgm-all-reviews-page").length>0)&&(jdgmSettings.widget_load_with_code_splitting? 1860parseFloat(jdgmSettings.widget_version)>=3?jdgm.loadCSS(jdgm.CDN_BASE_URL+"widget_v3_base.css"): 1861jdgm.loadCSS(jdgm.CDN_BASE_URL+"widget_base.css"):jdgm.loadCSS(jdgm.CDN_BASE_URL+"shopify_v2.css") 1862)}))}(document); 1863</script>
1863 1864<noscript><link rel="stylesheet" type="text/css" media="all" href="https://cdn.shopify.com/extensions/01a11176-2280-7862-971a-b99c4fd1084c/judgeme-773/assets/shopify_v2.css"></noscript> 1865 1866<!-- BEGIN app snippet: theme_fix_tags -->
1866<script> 1867 (function() { 1868 var jdgmThemeFixes = null; 1869 if (!jdgmThemeFixes) return; 1870 1871 // "All themes" fix: CSS and JS applied on every theme. CSS is injected 1872 // before the per-theme fix so the theme-specific CSS wins the cascade. 1873 // HTML is never applied globally (too risky). 1874 var allThemesFix = jdgmThemeFixes['all']; 1875 if (allThemesFix && allThemesFix.css) { 1876 var allStyleTag = document.createElement('style'); 1877 allStyleTag.classList.add('jdgm-theme-fix-style-all'); 1878 allStyleTag.innerHTML = allThemesFix.css; 1879 document.head.append(allStyleTag); 1880 }; 1881 1882 if (allThemesFix && allThemesFix.js) { 1883 var allScriptTag = document.createElement('script'); 1884 allScriptTag.classList.add('jdgm-theme-fix-script-all'); 1885 allScriptTag.innerHTML = allThemesFix.js; 1886 document.head.append(allScriptTag); 1887 }; 1888 1889 var thisThemeFix = jdgmThemeFixes[Shopify.theme.id]; 1890 if (!thisThemeFix) return; 1891 1892 if (thisThemeFix.html) { 1893 document.addEventListener("DOMContentLoaded", function() { 1894 var htmlDiv = document.createElement('div'); 1895 htmlDiv.classList.add('jdgm-theme-fix-html'); 1896 htmlDiv.innerHTML = thisThemeFix.html; 1897 document.body.append(htmlDiv); 1898 }); 1899 }; 1900 1901 if (thisThemeFix.css) { 1902 var styleTag = document.createElement('style'); 1903 styleTag.classList.add('jdgm-theme-fix-style'); 1904 styleTag.innerHTML = thisThemeFix.css; 1905 document.head.append(styleTag); 1906 }; 1907 1908 if (thisThemeFix.js) { 1909 var scriptTag = document.createElement('script'); 1910 scriptTag.classList.add('jdgm-theme-fix-script'); 1911 scriptTag.innerHTML = thisThemeFix.js; 1912 document.head.append(scriptTag); 1913 }; 1914 })(); 1915</script>
1915 1916<!-- END app snippet --> 1917<!-- End of Judge.me Core --> 1918 1919 1920 1921<!-- END app block -->
1921<script src="https://cdn.shopify.com/extensions/01a11176-2280-7862-971a-b99c4fd1084c/judgeme-773/assets/loader.js" type="text/javascript" defer="defer"></script>
vendor: 1 bytes, line 1921
1921
1922<script src="https://cdn.shopify.com/extensions/01a0621d-a453-7c3e-ab9a-6f28d2ed2a6e/forus-hush-puppies-getstock-4/assets/stock-locator.js" type="text/javascript" defer="defer"></script>
1922 1923<link href="https://cdn.shopify.com/extensions/01a0621d-a453-7c3e-ab9a-6f28d2ed2a6e/forus-hush-puppies-getstock-4/assets/stock-locator.css" rel="stylesheet" type="text/css" media="all"> 1924<link href="https://monorail-edge.shopifysvc.com" rel="dns-prefetch">
1925<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: 72563392686,url: window.location.href,navigation_start,duration: currentMs - navigation_start,session_token,page_type: "product"};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 1925
1925
1926<script> 1927 window.__TREKKIE_SHIM_QUEUE = window.__TREKKIE_SHIM_QUEUE || []; 1928</script>
vendor: 1 bytes, line 1928
1928
1929<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}
1929).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: 72563392686,storefrontBaseUrl: "https://www.hushpuppies.cl",extensionsBaseUrl: "https://extensions.shopifycdn.com/cdn/shopifycloud/web-pixels-manager",monorailEndpoint: "https://www.hushpuppies.cl/.well-known/shopify/monorail/unstable/produce_batch",surface: "storefront-renderer",enabledBetaFlags: ["4c64608a","16072cab","8450a54b"],webPixelsConfigList: [{"id":"1899331758","configuration":"{\"config\":\"{\\\"google_tag_ids\\\":[\\\"G-WFHP71RDGS\\\",\\\"AW-757611716\\\",\\\"GT-NB9BS735\\\",\\\"GT-WKPXMX77\\\"],\\\"target_country\\\":\\\"ZZ\\\",\\\"gtag_events\\\":[{\\\"type\\\":\\\"search\\\",\\\"action_label\\\":[\\\"G-WFHP71RDGS\\\",\\\"AW-757611716\\\/eI6lCKz64oIcEMT5oOkC\\\",\\\"MC-SBRXCBXS92\\\"]},{\\\"type\\\":\\\"begin_checkout\\\",\\\"action_label\\\":[\\\"G-WFHP71RDGS\\\",\\\"AW-757611716\\\/wrCVCKj54oIcEMT5oOkC\\\",\\\"MC-SBRXCBXS92\\\"]},{\\\"type\\\":\\\"remove_from_cart\\\",\\\"action_label\\\":\\\"G-WFHP71RDGS\\\"},{\\\"type\\\":\\\"view_item\\\",\\\"action_label\\\":[\\\"G-WFHP71RDGS\\\",\\\"AW-757611716\\\/YBJPCKn64oIcEMT5oOkC\\\",\\\"MC-26R50HZMFD\\\",\\\"MC-SBRXCBXS92\\\"]},{\\\"type\\\":\\\"purchase\\\",\\\"action_label\\\":[\\\"G-WFHP71RDGS\\\",\\\"AW-757611716\\\/gerxCI-z4oIcEMT5oOkC\\\",\\\"MC-26R50HZMFD\\\",\\\"MC-SBRXCBXS92\\\"]},{\\\"type\\\":\\\"add_shipping_info\\\",\\\"action_label\\\":\\\"G-WFHP71RDGS\\\"},{\\\"type\\\":\\\"page_view\\\",\\\"action_label\\\":[\\\"G-WFHP71RDGS\\\",\\\"AW-757611716\\\/MIDSCK754oIcEMT5oOkC\\\",\\\"MC-26R50HZMFD\\\",\\\"AW-757611716\\\/09k2CN-OguUBEMT5oOkC\\\",\\\"MC-SBRXCBXS92\\\"]},{\\\"type\\\":\\\"view_item_list\\\",\\\"action_label\\\":\\\"G-WFHP71RDGS\\\"},{\\\"type\\\":\\\"add_payment_info\\\",\\\"action_label\\\":[\\\"G-WFHP71RDGS\\\",\\\"AW-757611716\\\/iuGJCK_64oIcEMT5oOkC\\\",\\\"MC-SBRXCBXS92\\\"]},{\\\"type\\\":\\\"add_to_cart\\\",\\\"action_label\\\":[\\\"G-WFHP71RDGS\\\",\\\"AW-757611716\\\/Q_UdCKv54oIcEMT5oOkC\\\",\\\"MC-SBRXCBXS92\\\"]},{\\\"type\\\":\\\"view_cart\\\",\\\"action_label\\\":\\\"G-WFHP71RDGS\\\"}],\\\"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"]}
1929,{"id":"1772552366","configuration":"{\"pixelCode\":\"CLNIH6RC77U3V0M5QKCG\"}","eventPayloadVersion":"v1","runtimeContext":"STRICT","scriptVersion":"22e92c2ad45662f435e4801458fb78cc","type":"APP","apiClientId":4383523,"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":"1772486830","configuration":"{\"pixel_id\":\"830778154070013\",\"pixel_type\":\"facebook_pixel\"}","eventPayloadVersion":"v1","runtimeContext":"OPEN","scriptVersion":"bd2f978c17a94bbb8a74d43de2165dc5","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":"1765310638","configuration":"{\"accountID\":\"hushpuppiescl\"}","eventPayloadVersion":"v1","runtimeContext":"STRICT","scriptVersion":"1d4c781273105676f6b02a329648437f","type":"APP","apiClientId":32196493313,"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":[]},"dataSharingState":"optimized","enabledFlags":["9a3ed68a"]},{"id":"1760886958","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":"155779246","eventPayloadVersion":"1","runtimeContext":"LAX","scriptVersion":"1","type":"CUSTOM","privacyPurposes":["ANALYTICS","MARKETING","SALE_OF_DATA"],"name":"Custom Events Checkout"},{"id":"166625454","eventPayloadVersion":"1","runtimeContext":"LAX","scriptVersion":"3","type":"CUSTOM","privacyPurposes":["ANALYTICS","MARKETING","SALE_OF_DATA"],"name":"Soicos Pixel"},{"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":"Hush Puppies Chile Walk Happy","paymentSettings":{"currencyCode":"CLP"},"myshopifyDomain":"hushpuppiescl.myshopify.com","countryCode":"CL","storefrontUrl":"https:\/\/www.hushpuppies.cl"},"customer":null,"cart":null,"checkout":null,"productVariants":[{"price":{"amount":5394.0,"currencyCode":"CLP"},"product":{"title":"Calcetin Algodon Muer Hpw Smile Sock Blanco Hush Puppies","vendor":"hushpuppiescl","id":"9011622543534","untranslatedTitle":"Calcetin Algodon Muer Hpw Smile Sock Blanco Hush Puppies","url":"\/products\/calcetin-mujer-hpw-smile-sock-accesorios-hp-ha211031296-022","type":""},"id":"47514351141038","image":{"src":"\/\/www.hushpuppies.cl\/cdn\/shop\/files\/HA211031296_022_1.jpg?v=1771247299"},"sku":"5339581","title":"Talla Ãnica","untranslatedTitle":"Talla Ãnica"}],"products":[{"id":"9011622543534","handle":"calcetin-mujer-hpw-smile-sock-accesorios-hp-ha211031296-022","isCollective":null,"title":"Calcetin Algodon Muer Hpw Smile Sock Blanco Hush Puppies","type":null,"untranslatedTitle":"Calcetin Algodon Muer Hpw Smile Sock Blanco Hush Puppies","url":"\/products\/calcetin-mujer-hpw-smile-sock-accesorios-hp-ha211031296-022","vendor":"hushpuppiescl","remoteShopId":null,"variants":[{"id":"47514351141038","image":{"src":"\/\/www.hushpuppies.cl\/cdn\/shop\/files\/HA211031296_022_1.jpg?v=1771247299"},"price":{"amount":5394.0,"currencyCode":"CLP"},"sku":"5339581","title":"Talla Ãnica","untranslatedTitle":"Talla Ãnica"}]},{"id":"9011587219630","handle":"cinturon-cuero-elastano-hombre-hp-ferrette-multicolor-hush-puppies","isCollective":null,"title":"Cinturon Cuero \/Elastano Hombre Hp Ferrette Multicolor Hush Puppies","type":null,"untranslatedTitle":"Cinturon Cuero \/Elastano Hombre Hp Ferrette Multicolor Hush Puppies","url":"\/products\/cinturon-cuero-elastano-hombre-hp-ferrette-multicolor-hush-puppies","vendor":"hushpuppiescl","remoteShopId":null,"variants":[{"id":"47514304086190","image":{"src":"\/\/www.hushpuppies.cl\/cdn\/shop\/files\/HA110031741_ZNN_1_23905d6b-ca81-4210-a0e2-b1b6b02b5b6c.jpg?v=1772673680"},"price":{"amount":13794.0,"currencyCode":"CLP"},"sku":"5326206","title":"L\/XL","untranslatedTitle":"L\/XL"}]},{"id":"9011709051054","handle":"cinturon-hombre-hp-fabrizio-accesorios-hp-ha110031745-znn","isCollective":null,"title":"Cinturon Cuero Hombre Fabrizio Multicolor Hush Puppies","type":null,"untranslatedTitle":"Cinturon Cuero Hombre Fabrizio Multicolor Hush Puppies","url":"\/products\/cinturon-hombre-hp-fabrizio-accesorios-hp-ha110031745-znn","vendor":"hushpuppiescl","remoteShopId":null,"variants":[{"id":"47514665484462","image":{"src":"\/\/www.hushpuppies.cl\/cdn\/shop\/files\/HA110031745_ZNN_1.jpg?v=1772450502"},"price":{"amount":13794.0,"currencyCode":"CLP"},"sku":"5404342","title":"L\/XL","untranslatedTitle":"L\/XL"}]},{"id":"9011589251246","handle":"calcetin-hombre-i25h-c-bear-accesorios-hp-ha111031126-n80","isCollective":null,"title":"Calcetin Algodón Hombre C Bear Azul Hush Puppies","type":null,"untranslatedTitle":"Calcetin Algodón Hombre C Bear Azul Hush Puppies","url":"\/products\/calcetin-hombre-i25h-c-bear-accesorios-hp-ha111031126-n80","vendor":"hushpuppiescl","remoteShopId":null,"variants":[{"id":"47514306707630","image":{"src":"\/\/www.hushpuppies.cl\/cdn\/shop\/files\/HA111031126_
1929N80_1.jpg?v=1771246463"},"price":{"amount":4194.0,"currencyCode":"CLP"},"sku":"5253013","title":"Talla Ãnica","untranslatedTitle":"Talla Ãnica"}]}],"purchasingCompany":null},},"https://www.hushpuppies.cl/cdn","7ec887c8w14f9f074p854094e1m1370c602",{"modern":"","legacy":""},{"trekkieShim":true,"agentContext":true,"apiClientId":"580111","facebookCapiEnabled":"true","themeId":"188119187630","themePublished":"true","eventMetadataId":"16804e78-e300-495f-b7ae-0b7d3c877158","pageType":"product","resourceId":"9011622543534","shopId":"72563392686","storefrontBaseUrl":"https:\/\/www.hushpuppies.cl","extensionBaseUrl":"https:\/\/extensions.shopifycdn.com\/cdn\/shopifycloud\/web-pixels-manager","surface":"storefront-renderer","enabledBetaFlags":"[\"4c64608a\", \"16072cab\", \"8450a54b\"]","isMerchantRequest":"false","hashVersion":"7ec887c8w14f9f074p854094e1m1370c602","publish":"custom","events":"[[\"page_viewed\",{}],[\"product_viewed\",{\"productVariant\":{\"price\":{\"amount\":5394.0,\"currencyCode\":\"CLP\"},\"product\":{\"title\":\"Calcetin Algodon Muer Hpw Smile Sock Blanco Hush Puppies\",\"vendor\":\"hushpuppiescl\",\"id\":\"9011622543534\",\"untranslatedTitle\":\"Calcetin Algodon Muer Hpw Smile Sock Blanco Hush Puppies\",\"url\":\"\/products\/calcetin-mujer-hpw-smile-sock-accesorios-hp-ha211031296-022\",\"type\":\"\"},\"id\":\"47514351141038\",\"image\":{\"src\":\"\/\/www.hushpuppies.cl\/cdn\/shop\/files\/HA211031296_022_1.jpg?v=1771247299\"},\"sku\":\"5339581\",\"title\":\"Talla Ãnica\",\"untranslatedTitle\":\"Talla Ãnica\"}}]]"});})();</script>
1929<script> 1930 window.ShopifyAnalytics = window.ShopifyAnalytics || {}; 1931 window.ShopifyAnalytics.meta = window.ShopifyAnalytics.meta || {}; 1932 window.ShopifyAnalytics.meta.currency = 'CLP'; 1933 var meta = {"product":{"id":9011622543534,"gid":"gid:\/\/shopify\/Product\/9011622543534","vendor":"hushpuppiescl","type":"","handle":"calcetin-mujer-hpw-smile-sock-accesorios-hp-ha211031296-022","variants":[{"id":47514351141038,"price":539400,"name":"Calcetin Algodon Muer Hpw Smile Sock Blanco Hush Puppies - Talla Ãnica","public_title":"Talla Ãnica","sku":"5339581"}],"remote":false},"page":{"pageType":"product","resourceType":"product","resourceId":9011622543534,"requestId":"079e1cce-4089-4a64-80c7-4742fbd04111-1791440679"}}; 1934 for (var attr in meta) { 1935 window.ShopifyAnalytics.meta[attr] = meta[attr]; 1936 } 1937</script>
vendor: 1 bytes, line 1937
1937
1938<script class="analytics"> 1939 (function () { 1940 var customDocumentWrite = function(content) { 1941 var jquery = null; 1942 1943 if (window.jQuery) { 1944 jquery = window.jQuery; 1945 } else if (window.Checkout && window.Checkout.$) { 1946 jquery = window.Checkout.$; 1947 } 1948 1949 if (jquery) { 1950 jquery('body').append(content); 1951 } 1952 }; 1953 1954 var hasLoggedConversion = function(token) { 1955 if (token) { 1956 return document.cookie.indexOf('loggedConversion=' + token) !== -1; 1957 } 1958 return false; 1959 } 1960 1961 var setCookieIfConversion = function(token) { 1962 if (token) { 1963 var twoMonthsFromNow = new Date(Date.now()); 1964 twoMonthsFromNow.setMonth(twoMonthsFromNow.getMonth() + 2); 1965 1966 document.cookie = 'loggedConversion=' + token + '; expires=' + twoMonthsFromNow; 1967 } 1968 } 1969 1970 var trekkie = window.ShopifyAnalytics.lib = window.trekkie = window.trekkie || []; 1971 window.ShopifyAnalytics.lib.trekkie = window.trekkie; 1972 if (trekkie.integrations) { 1973 return; 1974 } 1975 trekkie.methods = [ 1976 'identify', 1977 'page', 1978 'ready', 1979 'track', 1980 'trackForm', 1981 'trackLink' 1982 ]; 1983 trekkie.factory = function(method) { 1984 return function() { 1985 var args = Array.prototype.slice.call(arguments); 1986 args.unshift(method); 1987 trekkie.push(args); 1988 if (method == 'track' || method == 'page') { 1989 var pageUrl; 1990 try { 1991 pageUrl = window.location.href; 1992 } catch (e) {} 1993 var pageReferrer; 1994 try { 1995 pageReferrer = document.referrer; 1996 } catch (e) {} 1997 try { 1998 if (window.__TREKKIE_SHIM_QUEUE == null) { 1999 window.__TREKKIE_SHIM_QUEUE = []; 2000 } 2001 window.__TREKKIE_SHIM_QUEUE.push({ 2002 from: 'trekkie-stub', 2003 method: method, 2004 args: args.slice(1), 2005 pageContext: { 2006 url: pageUrl, 2007 referrer: pageReferrer 2008 } 2009 }); 2010 } catch (e) { 2011 // no-op 2012 } 2013 } 2014 return trekkie; 2015 }; 2016 }; 2017 for (var i = 0; i < trekkie.methods.length; i++) { 2018 var key = trekkie.methods[i]; 2019 trekkie[key] = trekkie.factory(key); 2020 } 2021 trekkie.load = function(config) { 2022 trekkie.config = config || {}; 2023 trekkie.config.initialDocumentCookie = document.cookie; 2024 var first = document.getElementsByTagName('script')[0]; 2025var script = document.createElement('script'); 2026script.type = 'text/javascript'; 2027script.onerror = function(e) { 2028 var scriptFallback = document.createElement('script'); 2029 scriptFallback.type = 'text/javascript'; 2030 scriptFallback.onerror = function(error) { 2031 var Monorail = { 2032 produce: function produce(monorailDomain, schemaId, payload) { 2033 var currentMs = new Date().getTime(); 2034 var event = { 2035 schema_id: schemaId, 2036 payload: payload, 2037 metadata: { 2038 event_created_at_ms: currentMs, 2039 event_sent_at_ms: currentMs 2040 } 2041 }; 2042 return Monorail.sendRequest("https://" + monorailDomain + "/v1/produce", JSON.stringify(event)); 2043 }, 2044 sendRequest: function sendRequest(endpointUrl, payload) { 2045 // Try the sendBeacon API 2046 if (window && window.navigator && typeof window.navigator.sendBeacon === 'function' && typeof window.Blob === 'function' && !Monorail.isIos12()) { 2047 var blobData = new window.Blob([payload], { 2048 type: 'text/plain' 2049 }); 2050 2051 if (window.navigator.sendBeacon(endpointUrl, blobData)) { 2052 return true; 2053 } // sendBeacon was not successful 2054 2055 } // XHR beacon 2056 2057 var xhr = new XMLHttpRequest(); 2058 2059 try { 2060 xhr.open('POST', endpointUrl); 2061 xhr.setRequestHeader('Content-Type', 'text/plain'); 2062 xhr.send(payload); 2063 } catch (e) { 2064 console.log(e); 2065 } 2066 2067 return false; 2068 }, 2069 isIos12: function isIos12() { 2070 return window.navigator.userAgent.lastIndexOf('iPhone; CPU iPhone OS 12_') !== -1 || window.navigator.userAgent.lastIndexOf('iPad; CPU OS 12_') !== -1; 2071 } 2072 }; 2073 Monorail.produce('monorail-edge.shopifysvc.com', 2074 'trekkie_storefront_load_errors/1.1', 2075 {shop_id: 72563392686, 2076 theme_id: 188119187630, 2077 app_name: "storefront", 2078 context_url: window.location.href, 2079 source_url: "//www.hushpuppies.cl/cdn/s/trekkie.storefront.51e69540e15035ae012ec8cc42e8f9cd792233a0.min.js"}); 2080 2081 }; 2082 scriptFallback.async = true; 2083 scriptFallback.src = '//www.hushpuppies.cl/cdn/s/trekkie.storefront.51e69540e15035ae012ec8cc42e8f9cd792233a0.min.js'; 2084 first.parentNode.insertBefore(scriptFallback, first); 2085}; 2086script.async = true; 2087script.src = '//www.hushpuppies.cl/cdn/s/trekkie.storefront.51e69540e15035ae012ec8cc42e8f9cd792233a0.min.js'; 2088first.parentNode.insertBefore(script, first); 2089 2090 }; 2091 trekkie.load( 2092 {"Trekkie":{"appName":"storefront","development":false,"defaultAttributes":{"shopId":72563392686,"isMerchantRequest":null,"themeId":188119187630,"themeCityHash":"779766802243686488","contentLanguage":"es","currency":"CLP","eventMetadataId":"16804e78-e300-495f-b7ae-0b7d3c877158"},"isServerSideCookieWritingEnabled":true,"monorailRegion":"shop_domain","enabledBetaFlags":["764d78cb","8450a54b","4c64608a"]},"Session Attribution":{},"S2S":{"facebookCapiEnabled":true,"source":"trekkie-storefront-renderer","apiClientId":580111}} 2093 ); 2094 2095 var loaded = false;
2096 trekkie.ready(function() { 2097 if (loaded) return; 2098 loaded = true; 2099 2100 window.ShopifyAnalytics.lib = window.trekkie; 2101 2102 var originalDocumentWrite = document.write; 2103 document.write = customDocumentWrite; 2104 try { window.ShopifyAnalytics.merchantGoogleAnalytics.call(this); } catch(error) {}; 2105 document.write = originalDocumentWrite; 2106 2107 var match = window.location.pathname.match(/checkouts\/(.+)\/(thank_you|post_purchase)/) 2108 var token = match? match[1]: undefined; 2109 if (!hasLoggedConversion(token)) { 2110 setCookieIfConversion(token); 2111 window.ShopifyAnalytics.lib.track("Viewed Product",{"currency":"CLP","variantId":47514351141038,"productId":9011622543534,"productGid":"gid:\/\/shopify\/Product\/9011622543534","name":"Calcetin Algodon Muer Hpw Smile Sock Blanco Hush Puppies - Talla Ãnica","price":"5394","sku":"5339581","brand":"hushpuppiescl","variant":"Talla Ãnica","category":"","nonInteraction":true,"remote":false,"available":true},undefined,undefined,{"shopifyEmitted":true}); 2112 } 2113 }); 2114 2115 window.ShopifyAnalytics.lib.page(null,{"pageType":"product","resourceType":"product","resourceId":9011622543534,"requestId":"079e1cce-4089-4a64-80c7-4742fbd04111-1791440679","shopifyEmitted":true}); 2116 2117 var eventsListenerScript = document.createElement('script'); 2118 eventsListenerScript.async = true; 2119 eventsListenerScript.src = "//www.hushpuppies.cl/cdn/shopifycloud/storefront/assets/shop_events_listener-4e26a9ce.js"; 2120 document.getElementsByTagName('head')[0].appendChild(eventsListenerScript); 2121})();</script>
vendor: 1 bytes, line 2121
2121
2122<script 2123 defer 2124 src="https://www.hushpuppies.cl/cdn/shopifycloud/perf-kit/shopify-perf-kit-3.10.0.min.js" 2125 data-application="storefront-renderer" 2126 data-shop-id="72563392686" 2127 data-render-region="gcp-us-central1" 2128 data-page-type="product" 2129 data-theme-instance-id="188119187630" 2130 data-theme-name="Broadcast" 2131 data-theme-version="8.0.0" 2132 data-monorail-region="shop_domain" 2133 data-resource-timing-sampling-rate="10" 2134 data-shs="true" 2135 data-shs-beacon="true" 2136 data-shs-export-with-fetch="true" 2137 data-shs-logs-sample-rate="1" 2138 data-shs-beacon-endpoint="https://www.hushpuppies.cl/api/collect" 2139></script>
2139 2140<meta name="shopify-y" content="dc8c75b8-a7c1-4a46-845a-b2df871b04c9" data-expiration="1822998279000"><meta name="shopify-s" content="8a7fefc7-7b72-41e1-8527-a8ab204a27a8" data-expiration="1791442479000"><meta name="new-cookie-storage-activated" content="t"> 2141</head> 2142 2143 <body 2144 id="calcetin-algodon-muer-hpw-smile-sock-blanco-hush-puppies" 2145 class="template-product grid-classic" 2146 data-animations="false"> 2147 2148 2149 <!-- Google Tag Manager (noscript) -->
vendor: 72 bytes, lines 2149-2150
2149 2150 <noscript><iframe src="https://www.googletagmanager.com/ns.html?id=
2150GTM-WCGMRH9
vendor: 91 bytes, lines 2150-2152
2150" 2151 height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript> 2152
2152<!-- End Google Tag Manager (noscript) --><a class="in-page-link visually-hidden skip-link" data-skip-content href="#MainContent">Ir al contenido</a> 2153 2154 <div class="container" data-site-container> 2155 <div class="header-sections"> 2156 <section id="shopify-section-announcement-lab51" class="shopify-section section-lab51-announcement-bar"><div 2157 id="lab51-ab-announcement-lab51" 2158 class="lab51-ab 2159 2160 2161 " 2162 data-lab51-ab 2163 data-mode="static" 2164 data-interval="25" 2165 style=" 2166 --ab-bg: #f4efe9; 2167 --ab-color: #696560; 2168 --ab-fs: 12px; 2169 --ab-fs-m: 12px; 2170 --ab-fw: 500; 2171 --ab-px: 16px; 2172 --ab-py: 10px; 2173 --ab-px-m: 12px; 2174 --ab-py-m: 10px; 2175 --ab-gap: 10px; 2176 --ab-icon: 18px; 2177 --ab-speed: 43s; 2178 --ab-items-gap: 34px; 2179 --ab-align: center; 2180 " 2181 > 2182 <div class="lab51-ab__inner"> 2183 <div class="lab51-ab__desktopMode" data-desktop-mode><div class="lab51-ab__static" data-static><div class="lab51-ab__staticItem" ><a class="lab51-ab__itemlink" href="/pages/centro-de-ayuda"><img 2184 class="lab51-ab__icon" 2185 src="//www.hushpuppies.cl/cdn/shop/files/cuotas_sin_interes.svg?v=1771414581&width=64" 2186 alt="" 2187 loading="lazy" 2188 width="64" 2189 height="64" 2190 ><span class="lab51-ab__text">Paga en 12 cuotas sin interés</span> 2191 </a></div><div class="lab51-ab__staticItem" ><a class="lab51-ab__itemlink" href="/pages/envios-y-entregas"><img 2192 class="lab51-ab__icon" 2193 src="//www.hushpuppies.cl/cdn/shop/files/Beneficios.svg?v=1790001397&width=64" 2194 alt="" 2195 loading="lazy" 2196 width="64" 2197 height="64" 2198 ><span class="lab51-ab__text">Despacho GRATIS desde $74.990</span> 2199 </a></div><div class="lab51-ab__staticItem" ><a class="lab51-ab__itemlink" href="/pages/centro-de-ayuda"><img 2200 class="lab51-ab__icon" 2201 src="//www.hushpuppies.cl/cdn/shop/files/cambios_ilimitados.svg?v=1771414639&width=64" 2202 alt="" 2203 loading="lazy" 2204 width="64" 2205 height="64" 2206 ><span class="lab51-ab__text">Cambios ilimitados sin costo</span> 2207 </a></div><div class="lab51-ab__staticItem" ><a class="lab51-ab__itemlink" href="/pages/centro-de-ayuda"><img 2208 class="lab51-ab__icon" 2209 src="//www.hushpuppies.cl/cdn/shop/files/retiro_en_tienda.svg?v=1771414683&width=64" 2210 alt="" 2211 loading="lazy" 2212 width="64" 2213 height="64" 2214 ><span class="lab51-ab__text">Retiro en tienda GRATIS</span> 2215 </a></div></div></div> 2216 2217 <div class="lab51-ab__mobileMode" data-mobile-mode> 2218 <div class="lab51-ab__items lab51-ab__items--mobile" data-items-mobile><button type="button" class="lab51-ab__btn" data-prev-mobile aria-label="Anterior">â¹</button><div class="lab51-ab__item" data-item-mobile ><a class="lab51-ab__itemlink" href="/pages/centro-de-ayuda"><img 2219 class="lab51-ab__icon" 2220 src="//www.hushpuppies.cl/cdn/shop/files/cuotas_sin_interes.svg?v=1771414581&width=64" 2221 alt="" 2222 loading="lazy" 2223 width="64" 2224 height="64" 2225 ><span class="lab51-ab__text">Paga en 12 cuotas sin interés</span> 2226 </a></div><div class="lab51-ab__item" data-item-mobile ><a class="lab51-ab__itemlink" href="/pages/envios-y-entregas"><img 2227 class="lab51-ab__icon" 2228 src="//www.hushpuppies.cl/cdn/shop/files/Beneficios.svg?v=1790001397&width=64" 2229 alt="" 2230 loading="lazy" 2231 width="64" 2232 height="64" 2233 ><span class="lab51-ab__text">
2233Despacho GRATIS desde $74.990</span> 2234 </a></div><div class="lab51-ab__item" data-item-mobile ><a class="lab51-ab__itemlink" href="/pages/centro-de-ayuda"><img 2235 class="lab51-ab__icon" 2236 src="//www.hushpuppies.cl/cdn/shop/files/cambios_ilimitados.svg?v=1771414639&width=64" 2237 alt="" 2238 loading="lazy" 2239 width="64" 2240 height="64" 2241 ><span class="lab51-ab__text">Cambios ilimitados sin costo</span> 2242 </a></div><div class="lab51-ab__item" data-item-mobile ><a class="lab51-ab__itemlink" href="/pages/centro-de-ayuda"><img 2243 class="lab51-ab__icon" 2244 src="//www.hushpuppies.cl/cdn/shop/files/retiro_en_tienda.svg?v=1771414683&width=64" 2245 alt="" 2246 loading="lazy" 2247 width="64" 2248 height="64" 2249 ><span class="lab51-ab__text">Retiro en tienda GRATIS</span> 2250 </a></div><button type="button" class="lab51-ab__btn" data-next-mobile aria-label="Siguiente">âº</button></div> 2251 </div> 2252 2253 </div> 2254 </div> 2255 2256 <style> 2257 .lab51-ab{ 2258 background: var(--ab-bg); 2259 color: var(--ab-color); 2260 width: 100%; 2261 position: relative; 2262 overflow: hidden; 2263 font-size: var(--ab-fs); 2264 font-weight: var(--ab-fw); 2265 } 2266 2267 .lab51-ab__inner{ 2268 padding: var(--ab-py) var(--ab-px); 2269 display:flex; 2270 align-items:center; 2271 justify-content:center; 2272 min-height: 1px; 2273 } 2274 2275 .lab51-ab__text{ 2276 color: inherit; 2277 line-height: 1.2; 2278 display:inline-block; 2279 } 2280 2281 .lab51-ab__icon{ 2282 width: var(--ab-icon); 2283 height: var(--ab-icon); 2284 object-fit: contain; 2285 display:block; 2286 flex: 0 0 auto; 2287 } 2288 2289 .lab51-ab--desktop-only{ display:block; } 2290 .lab51-ab--mobile-only{ display:block; } 2291 2292 @media (max-width: 749px){ 2293 .lab51-ab{ font-size: var(--ab-fs-m); } 2294 .lab51-ab__inner{ padding: var(--ab-py-m) var(--ab-px-m); } 2295 .lab51-ab--desktop-only{ display:none; } 2296 2297 .lab51-ab__desktopMode{ display:none !important; } 2298 .lab51-ab__mobileMode{ display:block !important; width: 100%; } 2299 } 2300 @media (min-width: 750px){ 2301 .lab51-ab--mobile-only{ display:none; } 2302 2303 .lab51-ab__mobileMode{ display:none !important; } 2304 .lab51-ab__desktopMode{ display:block !important; width: 100%; } 2305 } 2306 2307 .lab51-ab__static{ 2308 width: 100%; 2309 display:flex; 2310 align-items:center; 2311 justify-content: var(--ab-align); 2312 gap: var(--ab-items-gap); 2313 flex-wrap: wrap; 2314 } 2315 .lab51-ab__staticItem{ 2316 display:flex; 2317 align-items:center; 2318 justify-content:center; 2319 flex: 0 0 auto; 2320 } 2321 2322 /* AJUSTE: Items como contenedor flexible para integrar botones */ 2323 .lab51-ab__items{ 2324 width: 100%; 2325 display: flex; 2326 align-items:center; 2327 justify-content:center; 2328 gap: 15px; 2329 } 2330 2331 .lab51-ab__item{ 2332 width: auto; 2333 display:none; 2334 justify-content:center; 2335 } 2336 .lab51-ab__item.is-active{ display:flex; } 2337 2338 .lab51-ab__itemcontent, 2339 .lab51-ab__itemlink{ 2340 display:inline-flex; 2341 align-items:center; 2342 justify-content:center; 2343 gap: var(--ab-gap); 2344 text-decoration:none; 2345 color: inherit; 2346 } 2347 2348 /* AJUSTE: Controles integrados al flujo (no absolute) */ 2349 .lab51-ab__controls, 2350 .lab51-ab__controls--mobile { 2351 display: none; 2352 } 2353 2354 .lab51-ab__btn{ 2355 border:0; 2356 background: transparent; 2357 color: inherit; 2358 font-size: 22px; 2359 line-height:1; 2360 padding: 0 5px; 2361 cursor:pointer; 2362 opacity: .85; 2363 } 2364 .lab51-ab__btn:hover{ opacity: 1; } 2365 2366 .lab51-ab__marquee{ 2367 width: 100%; 2368 overflow:hidden; 2369 } 2370 2371 .lab51-ab__marqueeTrack{ 2372 display:flex; 2373 align-items:center; 2374 gap: var(--ab-gap); 2375 width: max-content; 2376 animation: lab51-ab-marquee var(--ab-speed) linear infinite; 2377 will-change: transform; 2378 } 2379 2380 .lab51-ab__marqueeItem{ 2381 display:flex; 2382 align-items:center; 2383 flex: 0 0 auto; 2384 white-space: nowrap; 2385 } 2386 2387 .lab51-ab__marqueeContent, 2388 .lab51-ab__marqueeLink{ 2389 display:inline-flex; 2390 align-items:center; 2391 gap: var(--ab-gap); 2392 color: inherit; 2393 text-decoration:none; 2394 white-space: nowrap; 2395 } 2396
2397 @keyframes lab51-ab-marquee{ 2398 from { transform: translate3d(0,0,0); } 2399 to { transform: translate3d(-50%,0,0); } 2400 } 2401 2402 @media (prefers-reduced-motion: reduce){ 2403 .lab51-ab__marqueeTrack{ animation: none !important; } 2404 } 2405 </style> 2406
2407<script> 2408 (() => { 2409 const root = document.getElementById("lab51-ab-announcement-lab51"); 2410 if (!root) return; 2411 2412 const mqMobile = window.matchMedia('(max-width: 749px)'); 2413 2414 const initDesktopItems = () => { 2415 const mode = root.dataset.mode; 2416 if (mode !== 'items') return; 2417 2418 const itemsWrap = root.querySelector('[data-items]'); 2419 if (!itemsWrap) return; 2420 2421 const items = Array.from(itemsWrap.querySelectorAll('[data-item]')); 2422 if (!items.length) return; 2423 2424 const prevBtn = root.querySelector('[data-prev]'); 2425 const nextBtn = root.querySelector('[data-next]'); 2426 2427 const intervalValue = parseInt(root.dataset.interval || '35', 10); 2428 const intervalMs = intervalValue * 100; 2429 2430 let idx = 0; 2431 let timer = null; 2432 2433 const setActive = (i) => { 2434 idx = (i + items.length) % items.length; 2435 items.forEach((el, j) => el.classList.toggle('is-active', j === idx)); 2436 }; 2437 2438 const next = () => setActive(idx + 1); 2439 const prev = () => setActive(idx - 1); 2440 2441 const stop = () => { if (timer) clearInterval(timer); timer = null; }; 2442 const start = () => { 2443 if (items.length <= 1) return; 2444 stop(); 2445 if (intervalMs === 0) return; 2446 timer = setInterval(next, intervalMs); 2447 }; 2448 2449 setActive(0); 2450 start(); 2451 2452 if (prevBtn) prevBtn.addEventListener('click', () => { prev(); start(); }); 2453 if (nextBtn) nextBtn.addEventListener('click', () => { next(); start(); }); 2454 2455 root.addEventListener('mouseenter', stop); 2456 root.addEventListener('mouseleave', start); 2457 root.addEventListener('focusin', stop); 2458 root.addEventListener('focusout', start); 2459 2460 document.addEventListener('shopify:section:unload', (e) => { 2461 if (e.detail && e.detail.sectionId === "announcement-lab51") stop(); 2462 }); 2463 }; 2464 2465 const initMobileItems = () => { 2466 const itemsWrap = root.querySelector('[data-items-mobile]'); 2467 if (!itemsWrap) return; 2468 2469 const items = Array.from(itemsWrap.querySelectorAll('[data-item-mobile]')); 2470 if (!items.length) return; 2471 2472 const prevBtn = root.querySelector('[data-prev-mobile]'); 2473 const nextBtn = root.querySelector('[data-next-mobile]'); 2474 2475 const intervalValue = parseInt(root.dataset.interval || '35', 10); 2476 const intervalMs = intervalValue * 100; 2477 2478 let idx = 0; 2479 let timer = null; 2480 2481 const setActive = (i) => { 2482 idx = (i + items.length) % items.length; 2483 items.forEach((el, j) => el.classList.toggle('is-active', j === idx)); 2484 }; 2485 2486 const next = () => setActive(idx + 1); 2487 const prev = () => setActive(idx - 1); 2488 2489 const stop = () => { if (timer) clearInterval(timer); timer = null; }; 2490 const start = () => { 2491 if (items.length <= 1) return; 2492 stop(); 2493 if (intervalMs === 0) return; 2494 timer = setInterval(next, intervalMs); 2495 }; 2496 2497 setActive(0); 2498 start(); 2499 2500 if (prevBtn) prevBtn.addEventListener('click', () => { prev(); start(); }); 2501 if (nextBtn) nextBtn.addEventListener('click', () => { next(); start(); }); 2502 2503 root.addEventListener('mouseenter', stop); 2504 root.addEventListener('mouseleave', start); 2505 2506 document.addEventListener('shopify:section:unload', (e) => { 2507 if (e.detail && e.detail.sectionId === "announcement-lab51") stop(); 2508 }); 2509 }; 2510 2511 initDesktopItems(); 2512 initMobileItems(); 2513 2514 mqMobile.addEventListener('change', () => { 2515 const mobileWrap = root.querySelector('[data-items-mobile]'); 2516 if (mobileWrap) { 2517 const mobileItems = Array.from(mobileWrap.querySelectorAll('[data-item-mobile]')); 2518 if (mobileItems.length) mobileItems.forEach((el, i) => el.classList.toggle('is-active', i === 0)); 2519 } 2520 const deskWrap = root.querySelector('[data-items]'); 2521 if (deskWrap) { 2522 const deskItems = Array.from(deskWrap.querySelectorAll('[data-item]')); 2523 if (deskItems.length) deskItems.forEach((el, i) => el.classList.toggle('is-active', i === 0)); 2524 } 2525 }); 2526 })(); 2527</script>
2527 2528 2529 2530 2531</section> 2532 <!-- BEGIN sections: group-header --> 2533<div id="shopify-section-sections--27653290361006__header" class="shopify-section shopify-section-group-group-header page-header"><style data-shopify>:root { 2534 --HEADER-HEIGHT: 63px; 2535 --HEADER-HEIGHT-MEDIUM: 60.8px; 2536 --HEADER-HEIGHT-MOBILE: 95.0px; 2537 2538 2539--icon-add-cart: var(--ICON-ADD-BAG);} 2540 2541 .theme__header { 2542 --PT: 6px; 2543 --PB: 5px; 2544 2545 2546 }.header__logo__link { 2547 --logo-padding: 25.021061499578774%; 2548 --logo-width-desktop: 210px; 2549 --logo-width-mobile: 135px; 2550 } 2551 .navlink--highlight { 2552 font-weight: 700; 2553 } 2554 2555.main-content > .shopify-section:first-of-type .backdrop--linear:before { display: none; }</style> 2556<header-component 2557 class="header__wrapper" 2558 data-header-wrapper 2559 2560 2561 data-header-sticky 2562 2563 data-header-style="logo_center_menu_left" 2564 data-section-id="sections--27653290361006__header" 2565 data-section-type="header" 2566> 2567 <header 2568 class="theme__header" 2569 role="banner" 2570 data-header-height 2571 data-aos="fade" 2572 ><div class="section-padding"> 2573 <div data-drawer-toggle="hamburger"></div> 2574 <div class="header__mobile"> 2575 <div class="header__mobile__left"> 2576 <div class="header__mobile__button"> 2577 2578 <button type="button" class="header__mobile__hamburger" data-mm51-open><svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-menu" viewBox="0 0 24 24"><path d="M3 5h18M3 12h18M3 19h18" stroke="#000" stroke-linecap="round" stroke-linejoin="round"/></svg></button> 2579 2580 </div><div class="header__mobile__button"> 2581 2582 <button type="button" class="navlink navlink--search" data-mm51-open-search><svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-search" viewBox="0 0 24 24"><g stroke="currentColor"><path d="M10.85 2c2.444 0 4.657.99 6.258 2.592A8.85 8.85 0 1 1 10.85 2ZM17.122 17.122 22 22"/></g></svg></button> 2583 2584 </div></div> 2585 2586 <div class="header__logo header__logo--image"> 2587 <a class="header__logo__link" href="/" data-logo-link><figure class="logo__img logo__img--color image-wrapper lazy-image is-loading" style="--aspect-ratio: 3.9966329966329965;"><img src="//www.hushpuppies.cl/cdn/shop/files/HP_Logo_horiz_large_2019_TM.png?crop=center&height=105&v=1768937255&width=420" alt="Hush Puppies" width="420" height="105" loading="eager" srcset="//www.hushpuppies.cl/cdn/shop/files/HP_Logo_horiz_large_2019_TM.png?v=1768937255&width=210 210w, //www.hushpuppies.cl/cdn/shop/files/HP_Logo_horiz_large_2019_TM.png?v=1768937255&width=315 315w, //www.hushpuppies.cl/cdn/shop/files/HP_Logo_horiz_large_2019_TM.png?v=1768937255&width=420 420w, //www.hushpuppies.cl/cdn/shop/files/HP_Logo_horiz_large_2019_TM.png?v=1768937255&width=135 135w, //www.hushpuppies.cl/cdn/shop/files/HP_Logo_horiz_large_2019_TM.png?v=1768937255&width=203 203w, //www.hushpuppies.cl/cdn/shop/files/HP_Logo_horiz_large_2019_TM.png?v=1768937255&width=270 270w" sizes="(min-width: 750px) 210px, (min-width: 270px) 135px, calc((100vw - 64px) * 0.5)" fetchpriority="high" class=" is-loading "> 2588</figure> 2589</a> 2590 </div> 2591 2592 <div class="header__mobile__right"> 2593 2594<div class="header__mobile__button"> 2595 <a href="/account" class="navlink"><svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-profile-circled" viewBox="0 0 24 24"><path d="M12 2C6.477 2 2 6.477 2 12s4.477 10 10 10 10-4.477 10-10S17.523 2 12 2z" stroke="#000" stroke-linecap="round" stroke-linejoin="round"/><path d="M4.271 18.346S6.5 15.5 12 15.5s7.73 2.846 7.73 2.846M12 12a3 3 0 1 0 0-6 3 3 0 0 0 0 6z" stroke="#000" stroke-linecap="round" stroke-linejoin="round"/></svg><span class="visually-hidden">Cuenta</span> 2596 </a> 2597 </div><div class="header__mobile__button"> 2598 <a href="/cart" class="navlink navlink--cart navlink--cart--icon" data-cart-toggle> 2599 <div class="navlink__cart__content"> 2600 <span class="visually-hidden">Carrito</span> 2601 2602 <span class="header__cart__status__holder"> 2603 <cart-count class="header__cart__status" data-status-separator=": " data-cart-count="0" data-limit="10"> 2604 0 2605 </cart-count><svg width="19" height="21" viewBox="0 0 19 21" fill="none" xmlns="http://www.w3.org/2000/svg"> 2606 <path d="M0.5 7.50325C0.5 6.40195 1.37157 5.50537 2.44216 5.50537H16.0578C17.1284 5.50537 18 6.40195 18 7.50325V18.5022C18 19.6035 17.1284 20.5001 16.0578 20.5001H2.44902C1.37843 20.5001 0.506863 19.6035 0.506863 18.5022V7.50325H0.5Z" stroke="#242424" stroke-linecap="round" stroke-linejoin="round"/> 2607 <path d="M5.36426 8.50565V4.50282C5.36426 2.29315 7.1074 0.5 9.25543 0.5C11.4035 0.5 13.1466 2.29315 13.1466 4.50282V8.19502" stroke="#242424" stroke-linecap="round" stroke-linejoin="round"/> 2608 </svg></span> 2609 </div> 2610 </a> 2611 </div> 2612 </div><div class="header__mobile__bottom"> 2613 <nav class="header__mobile__nav" data-mobile-nav> 2614 <div class="header__mobile__nav__scroller"><a class="navlink" href="/collections/new-in">
2615 <span class="navtext">New In</span> 2616 </a><a class="navlink" href="/collections/hombre"> 2617 <span class="navtext">Hombre</span> 2618 </a><a class="navlink" href="/collections/mujer"> 2619 <span class="navtext">Mujer</span> 2620 </a><a class="navlink" href="https://www.hushpuppieskids.cl/"> 2621 <span class="navtext">KIDS</span> 2622 </a><a class="navlink" href="/collections/last-chance"> 2623 <span class="navtext">Last Chance</span> 2624 </a></div> 2625 </nav> 2626 </div> 2627 </div> 2628 2629 <div class="header__desktop" data-header-desktop><div class="header__desktop__upper header__desktop__upper--reverse" data-takes-space-wrapper> 2630 2631 <!-- <div data-child-takes-space class="header__desktop__bar__l"><div class="header__logo header__logo--image"> 2632 <a class="header__logo__link" href="/" data-logo-link><figure class="logo__img logo__img--color image-wrapper lazy-image is-loading" style="--aspect-ratio: 3.9966329966329965;"><img src="//www.hushpuppies.cl/cdn/shop/files/HP_Logo_horiz_large_2019_TM.png?crop=center&height=105&v=1768937255&width=420" alt="Hush Puppies" width="420" height="105" loading="eager" srcset="//www.hushpuppies.cl/cdn/shop/files/HP_Logo_horiz_large_2019_TM.png?v=1768937255&width=210 210w, //www.hushpuppies.cl/cdn/shop/files/HP_Logo_horiz_large_2019_TM.png?v=1768937255&width=315 315w, //www.hushpuppies.cl/cdn/shop/files/HP_Logo_horiz_large_2019_TM.png?v=1768937255&width=420 420w, //www.hushpuppies.cl/cdn/shop/files/HP_Logo_horiz_large_2019_TM.png?v=1768937255&width=135 135w, //www.hushpuppies.cl/cdn/shop/files/HP_Logo_horiz_large_2019_TM.png?v=1768937255&width=203 203w, //www.hushpuppies.cl/cdn/shop/files/HP_Logo_horiz_large_2019_TM.png?v=1768937255&width=270 270w" sizes="(min-width: 750px) 210px, (min-width: 270px) 135px, calc((100vw - 64px) * 0.5)" fetchpriority="high" class=" is-loading "> 2633</figure> 2634</a> 2635 </div></div> --> 2636 2637 <div data-child-takes-space class="header__desktop__bar__c"><nav class="header__menu header__menu_desk_1 " style="--highlight: #ff201c;"> 2638 2639<div 2640 class="menu__item child" 2641 2642> 2643 <a 2644 href="/collections/new-in" 2645 data-top-link 2646 class="navlink navlink--toplevel" 2647 > 2648 <span class="navtext">New In</span> 2649 </a> 2650 2651 2652</div> 2653 2654<div 2655 class="menu__item grandparent kids-4 " 2656 2657> 2658 <a 2659 href="/collections/hombre" 2660 data-top-link 2661 class="navlink navlink--toplevel" 2662 > 2663 <span class="navtext">
2663Hombre</span> 2664 </a> 2665 2666 2667</div> 2668 2669<div 2670 class="menu__item grandparent kids-4 " 2671 2672> 2673 <a 2674 href="/collections/mujer" 2675 data-top-link 2676 class="navlink navlink--toplevel" 2677 > 2678 <span class="navtext">Mujer</span> 2679 </a> 2680 2681 2682</div><div class="hover__bar"></div> 2683 <div class="hover__bg"></div> 2684</nav> 2685 2686<div class="header__logo header__logo--image"> 2687 <a class="header__logo__link" href="/" data-logo-link><figure class="logo__img logo__img--color image-wrapper lazy-image is-loading" style="--aspect-ratio: 3.9966329966329965;"><img src="//www.hushpuppies.cl/cdn/shop/files/HP_Logo_horiz_large_2019_TM.png?crop=center&height=105&v=1768937255&width=420" alt="Hush Puppies" width="420" height="105" loading="eager" srcset="//www.hushpuppies.cl/cdn/shop/files/HP_Logo_horiz_large_2019_TM.png?v=1768937255&width=210 210w, //www.hushpuppies.cl/cdn/shop/files/HP_Logo_horiz_large_2019_TM.png?v=1768937255&width=315 315w, //www.hushpuppies.cl/cdn/shop/files/HP_Logo_horiz_large_2019_TM.png?v=1768937255&width=420 420w, //www.hushpuppies.cl/cdn/shop/files/HP_Logo_horiz_large_2019_TM.png?v=1768937255&width=135 135w, //www.hushpuppies.cl/cdn/shop/files/HP_Logo_horiz_large_2019_TM.png?v=1768937255&width=203 203w, //www.hushpuppies.cl/cdn/shop/files/HP_Logo_horiz_large_2019_TM.png?v=1768937255&width=270 270w" sizes="(min-width: 750px) 210px, (min-width: 270px) 135px, calc((100vw - 64px) * 0.5)" fetchpriority="high" class=" is-loading "> 2688</figure> 2689</a> 2690 </div> 2691 2692 <nav class="header__menu header__menu_desk_2 " style="--highlight: #ff201c;"> 2693 2694<div 2695 class="menu__item parent" 2696 2697> 2698 <a 2699 href="https://www.hushpuppieskids.cl/" 2700 data-top-link 2701 class="navlink navlink--toplevel" 2702 > 2703 <span class="navtext">KIDS</span> 2704 </a> 2705 2706 2707</div> 2708 2709<div 2710 class="menu__item child" 2711 2712> 2713 <a 2714 href="/collections/cyber-monday" 2715 data-top-link 2716 class="navlink navlink--toplevel navlink--highlight" 2717 > 2718 <span class="navtext">Cyber Monday</span> 2719 </a> 2720 2721 2722</div><div class="hover__bar"></div> 2723 2724 <div class="hover__bg"></div> 2725 </nav></div> 2726 2727 <div data-child-takes-space class="header__desktop__bar__r"><div class="header__desktop__buttons header__desktop__buttons--icons"> 2728<div class="header__desktop__button"> 2729 <button 2730 type="button" 2731 class="l51-ps__trigger" 2732 data-l51-ps-open="header-search" 2733 aria-expanded="false" 2734 aria-label="Abrir buscador" 2735 ><svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-search" viewBox="0 0 24 24"><g stroke="currentColor"><path d="M10.85 2c2.444 0 4.657.99 6.258 2.592A8.85 8.85 0 1 1 10.85 2ZM17.122 17.122 22 22"/></g></svg></button> 2736 </div><div class="header__desktop__button"> 2737 <a href="/account" class="navlink" title="Mi cuenta"> 2738 <svg width="19" height="21" viewBox="0 0 19 21" fill="none" xmlns="http://www.w3.org/2000/svg"> 2739 <path d="M9.25008 9.39205C11.6701 9.39205 13.6286 7.40341 13.6286 4.94602C13.6286 2.48864 11.6701 0.5 9.25008 0.5C6.83002 0.5 4.87158 2.48864 4.87158 4.94602C4.87158 7.40341 6.83002 9.39205 9.25008 9.39205Z" stroke="#242424" stroke-linecap="round" stroke-linejoin="round"/> 2740 <path d="M0.5 20.5001V16.0541C0.5 14.8254 1.47922 13.8311 2.68925 13.8311H15.8108C17.0208 13.8311 18 14.8254 18 16.0541V20.5001" stroke="#242424" stroke-linecap="round" stroke-linejoin="round"/> 2741 </svg> 2742 2743 <span class="visually-hidden">Cuenta</span> 2744 </a> 2745 </div> 2746 <div class="header__desktop__button"> 2747 <a href="https://hushpuppiescl.siguetucompra.cl/" class="navlink"> 2748 <svg width="28" height="20" viewBox="0 0 28 20" fill="none" xmlns="http://www.w3.org/2000/svg"> 2749 <g clip-path="url(#clip0_347_9138)"> 2750 <path d="M24.4035 16.5723H26.8857C27.1516 16.5723 27.3796 16.3627 27.3796 16.0914V1.09759C27.3796 0.838647 27.1643 0.616699 26.8857 0.616699H9.85266C9.58672 0.616699 9.35876 0.826317 9.35876 1.09759V4.41448C9.35876 4.67342 9.14348 4.89537 8.86487 4.89537L3.96392 4.92003C3.78663 4.92003 3.62199 5.01867 3.53335 5.16664L0.696621 10.0988C0.658629 10.1728 0.633301 10.2468 0.633301 10.3331V16.0914C0.633301 16.3504 0.848588 16.5723 1.12719 16.5
2750723H3.78662" stroke="#242424" stroke-miterlimit="10"/> 2751 <path d="M9.38379 16.5723H18.7931" stroke="#242424" stroke-miterlimit="10"/> 2752 <path d="M6.58535 19.3837C8.13105 19.3837 9.38409 18.1636 9.38409 16.6586C9.38409 15.1536 8.13105 13.9336 6.58535 13.9336C5.03966 13.9336 3.78662 15.1536 3.78662 16.6586C3.78662 18.1636 5.03966 19.3837 6.58535 19.3837Z" stroke="#242424" stroke-miterlimit="10"/> 2753 <path d="M21.6049 19.3837C23.1506 19.3837 24.4036 18.1636 24.4036 16.6586C24.4036 15.1536 23.1506 13.9336 21.6049 13.9336C20.0592 13.9336 18.8062 15.1536 18.8062 16.6586C18.8062 18.1636 20.0592 19.3837 21.6049 19.3837Z" stroke="#242424" stroke-miterlimit="10"/> 2754 <path d="M9.38376 16.5719L9.37109 4.41406" stroke="#242424" stroke-miterlimit="10"/> 2755 </g> 2756 <defs> 2757 <clipPath id="clip0_347_9138"> 2758 <rect width="28" height="20" fill="white"/> 2759 </clipPath> 2760 </defs> 2761 </svg> 2762 </a> 2763 </div> 2764 2765 2766 <div class="header__desktop__button"> 2767 <a href="/cart" class="navlink navlink--cart navlink--cart--icon" title="Carrito de compras" data-cart-toggle> 2768 <div class="navlink__cart__content"> 2769 <span class="visually-hidden">Carrito</span> 2770 2771 <span class="header__cart__status__holder"> 2772 <cart-count class="header__cart__status" data-status-separator=": " data-cart-count="0" data-limit="10"> 2773 0 2774 </cart-count><svg width="19" height="21" viewBox="0 0 19 21" fill="none" xmlns="http://www.w3.org/2000/svg"> 2775 <path d="M0.5 7.50325C0.5 6.40195 1.37157 5.50537 2.44216 5.50537H16.0578C17.1284 5.50537 18 6.40195 18 7.50325V18.5022C18 19.6035 17.1284 20.5001 16.0578 20.5001H2.44902C1.37843 20.5001 0.506863 19.6035 0.506863 18.5022V7.50325H0.5Z" stroke="#242424" stroke-linecap="round" stroke-linejoin="round"/> 2776 <path d="M5.36426 8.50565V4.50282C5.36426 2.29315 7.1074 0.5 9.25543 0.5C11.4035 0.5 13.1466 2.29315 13.1466 4.50282V8.19502" stroke="#242424" stroke-linecap="round" stroke-linejoin="round"/> 2777 </svg></span> 2778 </div> 2779 </a> 2780 </div> 2781 </div></div> 2782 </div></div> 2783 </div> 2784 </header> 2785</header-component> 2786 2787<div class="header__backfill" data-header-backfill></div> 2788 2789
2790<script type="application/ld+json"> 2791 { 2792 "@context": "http://schema.org", 2793 "@type": "Organization", 2794 "name": "Hush Puppies Chile Walk Happy", 2795 2796 "logo": "https:\/\/www.hushpuppies.cl\/cdn\/shop\/files\/HP_Logo_horiz_large_2019_TM.png?v=1768937255\u0026width=500", 2797 2798 "sameAs": [ 2799 "", 2800 "https:\/\/www.facebook.com\/HushPuppiesCL", 2801 "https:\/\/www.instagram.com\/hushpuppiescl\/", 2802 "", 2803 "https:\/\/www.youtube.com\/@hushpuppieschile", 2804 "https:\/\/www.tiktok.com\/@hushpuppiescl", 2805 "", 2806 "", 2807 "", 2808 "", 2809 "" 2810 ], 2811 "url": "https:\/\/www.hushpuppies.cl" 2812 } 2813</script>
2813 2814</div> 2815<!-- END sections: group-header --> 2816 2817 <div id="shopify-section-megamenu" class="shopify-section"><link href="//www.hushpuppies.cl/cdn/shop/t/36/assets/megamenu.css?v=131609360019778754961790793707" rel="stylesheet" type="text/css" media="all" /> 2818<link href="//www.hushpuppies.cl/cdn/shop/t/36/assets/megamenu-mobile.css?v=85630556268840951051790793707" rel="stylesheet" type="text/css" media="all" /> 2819<style data-shopify>#Blog--megamenu { 2820 --PT: px; 2821 --PB: px; 2822 2823 --COLUMNS: ; 2824 --COLUMNS-MEDIUM: 0; 2825 --COLUMNS-SMALL: 0; 2826 --COLUMNS-MOBILE: 1; 2827 } 2828 .megamenu51 .mm-panel { 2829 border-radius: 0 0 16px 16px; 2830 width: 96%; 2831 left: calc((100% - 96%) / 2); 2832 } 2833 .megamenu51 .mm-panel .megamenu-container .mm-panel__inner { 2834 background-color: #ffffff; 2835 } 2836 .megamenu51 .mm-panel .megamenu-container .mm-panel__inner .mm-panel__title, 2837 .megamenu51 .mm-panel .megamenu-container .mm-panel__inner .container-images-links .mm-imglink__title, 2838 .megamenu51 .mm-panel .megamenu-container.mm-panel-grid .mm-panel__left h3, 2839 .megamenu51 .mm-panel .megamenu-container .mm-panel__inner .container-mm-bottom-categories .mm-bottom-title { 2840 font-family: 'Montserrat', sans-serif; 2841 font-size: 16px; 2842 font-weight: 500; 2843 margin-bottom: 16px; 2844 text-transform: uppercase; 2845 display: block; 2846 } 2847 2848 .megamenu51 .mm-panel .megamenu-container .mm-panel__inner .mm-collection-group .mm-panel__submenu, 2849 .megamenu51 .mm-panel .megamenu-container .mm-panel__inner .container-images-links, 2850 .megamenu51 .mm-panel .megamenu-container .mm-panel__inner .container-tabs-mm .mm-tabgrid, 2851 .megamenu51 .mm-panel .megamenu-container .mm-panel__inner .mm-position-rows { 2852 gap: 6px; 2853 } 2854 .megamenu51 .mm-panel .megamenu-container .mm-panel__inner .mm-collection-group .mm-panel__submenu .mm-sublink__thumb { 2855 background-color: rgba(0,0,0,0); 2856 position: relative; 2857 } 2858 .megamenu51 .mm-panel .megamenu-container .mm-panel__inner .mm-collection-group .mm-panel__submenu .mm-sublink__thumb img { 2859 width: 85px; 2860 height: 100px; 2861 z-index: 1; 2862 } 2863 2864 .megamenu51 .mm-panel .megamenu-container .mm-panel__inner .mm-collection-group .mm-panel__submenu .mm-sublink--card { 2865 padding: 6px 34px; 2866 background-color: rgba(0,0,0,0); 2867 border-radius: 0px; 2868 font-size: 14px; 2869 color: #1d1d1d; 2870 font-weight: 500; 2871 } 2872 2873 .megamenu51 .mm-panel .megamenu-container .mm-panel__inner .container-tabs-mm .mm-tab { 2874 appearance: none; 2875 border: none; 2876 font-size: 14px; 2877 background: rgba(0,0,0,0); 2878 border-radius: 0px; 2879 color: #5f5f5f; 2880 padding: 8px 8px; 2881 font-weight: 600; 2882 cursor: pointer; 2883 } 2884 2885 .megamenu51 .mm-panel .megamenu-container .mm-panel__inner .container-tabs-mm .mm-tab.is-active { 2886 background: rgba(0,0,0,0); 2887 color: #1d1d1d; 2888 font-weight: 500; 2889 } 2890 2891 .megamenu51 .mm-panel .megamenu-container .mm-panel__inner .container-tabs-mm .mm-tabs__nav .tab-btn-separator { 2892 background: #1d1d1d; 2893 } 2894 2895 .megamenu51 .mm-panel .megamenu-container .mm-panel__inner .container-tabs-mm .mm-tabgrid { 2896 grid-template-columns: repeat(7, minmax(0, 1fr)); 2897 } 2898 2899 .megamenu51 .mm-panel .megamenu-container .mm-panel__inner .container-tabs-mm .mm-tabgrid .mm-sublink--card { 2900 border-radius: 0px; 2901 position: relative; 2902 overflow: hidden; 2903 } 2904 .megamenu51 .mm-panel .megamenu-container .mm-panel__inner .container-tabs-mm .mm-tabgrid .mm-sublink--card .mm-sublink__label { 2905 position: relative; 2906 2907 font-size: 16px; 2908 background-color: #f0f0f0; 2909 padding: 8px 8px; 2910 text-align: center; 2911 } 2912 2913 .megamenu51 .mm-panel .megamenu-container .mm-panel__inner .mm-collection-group .mm-panel__submenu .mm-sublink__thumb::after, 2914 .mm51m__panel .mm-sublink__thumb::after { 2915 content: ''; 2916 width: 64px; 2917 height: 64px; 2918 border-radius: 100px; 2919 background-color: #f4efe9; 2920 position: absolute; 2921 top: 0; 2922 left: 0; 2923 z-index: 0; 2924 } 2925 2926 2927 .megamenu51 .mm-panel .megamenu-container .mm-panel__inner .container-images-links .item-image .mm-imglink__thumb img { 2928 border-radius: 16px; 2929 } 2930 2931 2932 .megamenu51 .mm-panel .megamenu-container .mm-panel__inner .container-mm-bottom-categories { 2933 border-top: solid 1px #f4efe9; 2934 margin: 11px 0 0; 2935 padding: 12px 0 0; 2936 } 2937 2938 2939 .megamenu51 .mm-panel .megamenu-container .mm-panel__inner .container-mm-bottom-categories .mm-bottom-links { 2940 width: 100%; 2941 display: flex; 2942 flex-wrap: wrap; 2943 gap: 8px; 2944 } 2945 .megamenu51 .mm-panel .megamenu-container .mm-panel__inner .container-mm-bottom-categories .mm-bottom-links .mm-bottom-link, 2946 .mm51m__bottom-card .mm51m__bottom-links a, 2947 .mm51m__search-menu-list a { 2948 border-radius: 24px; 2949 background-color: #f4efe9; 2950 padding: 10px 24px; 2951 color: #000000; 2952 font-weight: 500; 2953 font-size: 14px; 2954 display: inline-block; 2955 } 2956 2957 2958 2959 /* Menu mobile */ 2960 2961 .mm51m__drawer { 2962 background-color: #f4efe9; 2963 } 2964 2965 .mm51m__drawer .logo-mm-mobile { 2966 width: 90px; 2967 margin-bottom: 12px; 2968 } 2969 2970 .mm51m__drawer .mm51m__content { 2971 background-color: #fffefc; 2972 padding: 12px 16px; 2973 border-radius: 16px 0 0 16px; 2974 } 2975 2976 .mm51m__nav { 2977 padding: 0px 13px; 2978 } 2979 2980 .mm51m__close { 2981 padding: 0px calc(13px + 15px); 2982 } 2983 2984 .mm51m__nav .mm51m__link { 2985 font-size: 14px; 2986 color: #242424; 2987 font-weight: 500; 2988 } 2989 .mm51m__nav .mm51m__link.is-active { 2990 color: #242424; 2991 background-color: #ffffff; 2992 2993 box-shadow: 0 3px 3px 0 rgba(0, 0, 0, 0.12); 2994 2995 border-radius: 16px; 2996 font-weight: 600; 2997 2998 } 2999 .mm51m__panels .mm51m__h-text, 3000 .item-image .mm51m__h, 3001 .mm51m__search-menus .mm51m__h { 3002 color: #000000; 3003 font-size: 14px; 3004 font-weight: 600; 3005 text-transform: uppercase; 3006 } 3007 .mm51m__panels .mm51m__h-link { 3008 color: #878481; 3009 font-size: 12px; 3010 font-weight: 400; 3011 text-decoration: underline; 3012 } 3013 3014 .mm51m__panel .mm-sublink--card { 3015 background-color: #ffffff; 3016 } 3017 3018 .mm51m__panel .mm-sublink__label { 3019 font-size: 10px; 3020 } 3021 .mm51m__panel-inner .item-image img { 3022 border-radius: 16px; 3023 } 3024 3025 .mm51m__body .container-extras .icon-nav svg path { 3026 stroke: #979490; 3027 } 3028 3029 .mm51m__body .container-extras .icon-nav span { 3030 font-size: 10px; 3031 color: #979490; 3032 } 3033 3034 .mm51m__head svg path { 3035 stroke: #878481; 3036 } 3037 3038 .mm51m__head .mm51m__input,
3039 .mm51m__head .mm51m__input::placeholder { 3040 color: #878481; 3041 font-size: 14px; 3042 } 3043 3044 .mm51m__search { 3045 background-color: #ffffff; 3046 border-radius: 20px; 3047 } 3048 3049 .mm51m__head.mm51_m_head_normal .mm51m__search { 3050 border-bottom: solid 1px #878481; 3051 } 3052 3053 3054 .mm51m__search { 3055 box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.12); 3056 } 3057 3058</style><div class="megamenu51 mm-attach" data-mm-attach><div 3059 class="mm-panel " 3060 data-mm-panel 3061 data-mm-match-title="cyber monday" 3062 aria-hidden="true" 3063 3064 > 3065 <div class="megamenu-container "> 3066 3067 3068 <div class="mm-panel__inner"> 3069 3070 3071 3072 <!--Sección imagenes con links --> 3073 <div class="container-images-links items-images-links-size-4"><div class="item-image"> 3074 <span class="mm-imglink__title">TODO CYBER MONDAY</span><a class="mm-imglink" href="/collections/cyber-monday"><span class="mm-imglink__thumb"> 3075 <img 3076 src="//www.hushpuppies.cl/cdn/shop/files/HUSHPUPPIES_Menusup_Cybermonday.jpg?v=1790866058&width=600" 3077 alt="TODO CYBER MONDAY" 3078 loading="lazy" 3079 > 3080 </span></a></div><div class="item-image"> 3081 <span class="mm-imglink__title">Botas y botines</span><a class="mm-imglink" href="/collections/botas-y-botines-hasta-50-off-2"><span class="mm-imglink__thumb"> 3082 <img 3083 src="//www.hushpuppies.cl/cdn/shop/files/HushPuppies_Menu_sup_botas.jpg?v=1790864752&width=600" 3084 alt="Botas y botines" 3085 loading="lazy" 3086 > 3087 </span></a></div><div class="item-image"> 3088 <span class="mm-imglink__title">zapatos y zapatillas</span><a class="mm-imglink" href="/collections/zapatos-zapatillas-y-slip-on-hasta-50-off"><span class="mm-imglink__thumb"> 3089 <img 3090 src="//www.hushpuppies.cl/cdn/shop/files/HushPuppies_Menu_sup_zapatos.jpg?v=1790864752&width=600" 3091 alt="zapatos y zapatillas" 3092 loading="lazy" 3093 > 3094 </span></a></div><div class="item-image"> 3095 <span class="mm-imglink__title">Ballerinas y mocasines</span><a class="mm-imglink" href="/collections/ballerinas-mocasines-y-alpargatas-hasta-50-off"><span class="mm-imglink__thumb"> 3096 <img 3097 src="//www.hushpuppies.cl/cdn/shop/files/HushPuppies_Menu_sup_Ballerinas.jpg?v=1790864752&width=600" 3098 alt="Ballerinas y mocasines" 3099 loading="lazy" 3100 > 3101 </span></a></div></div> 3102 3103 3104 3105<div class="container-mm-bottom-categories"><div class="mm-bottom-card mm-bottom-card--1"><span class="mm-bottom-title">Por Descuento</span><div class="mm-bottom-links"><a class="mm-bottom-link" href="/collections/desde-20"> 3106 Desde 20% 3107 </a><a class="mm-bottom-link" href="/collections/desde-30"> 3108 Desde 30% 3109 </a><a class="mm-bottom-link" href="/collections/desde-40"> 3110 Desde 40% 3111 </a><a class="mm-bottom-link" href="/collections/despacho-gratis-cybermonday"> 3112 EnvÃo Gratis 3113 </a></div> 3114 </div><div class="mm-bottom-card mm-bottom-card--2"><span class="mm-bottom-title">Por CategorÃa</span><div class="mm-bottom-links"><a class="mm-bottom-link" href="/collections/cyber-monday/Calzado"> 3115 Calzado 3116 </a><a class="mm-bottom-link" href="/collections/cyber-monday/Accesorios"> 3117 Accesorios 3118 </a></div> 3119 </div></div> 3120 3121 </div> 3122 </div> 3123 </div><div 3124 class="mm-panel " 3125 data-mm-panel 3126 data-mm-match-title="tecnologÃas" 3127 aria-hidden="true" 3128 3129 > 3130 <div class="megamenu-container "> 3131 3132 3133 <div class="mm-panel__inner"> 3134 3135 3136 3137 <!--Sección imagenes con links --> 3138 <div class="container-images-links items-images-links-size-4"><div class="item-image">
3139 <span class="mm-imglink__title">Bounce</span><a class="mm-imglink" href="/collections/bounce"><span class="mm-imglink__thumb"> 3140 <img 3141 src="//www.hushpuppies.cl/cdn/shop/files/Logos_tecnologias_BOUNCE.jpg?v=1788878411&width=600" 3142 alt="Bounce" 3143 loading="lazy" 3144 > 3145 </span></a></div><div class="item-image"> 3146 <span class="mm-imglink__title">Fusion</span><a class="mm-imglink" href="/collections/fusion"><span class="mm-imglink__thumb"> 3147 <img 3148 src="//www.hushpuppies.cl/cdn/shop/files/Logos_tecnologias_FUSION.jpg?v=1788878416&width=600" 3149 alt="Fusion" 3150 loading="lazy" 3151 > 3152 </span></a></div><div class="item-image"> 3153 <span class="mm-imglink__title">Zero G</span><a class="mm-imglink" href="/collections/zero-g"><span class="mm-imglink__thumb"> 3154 <img 3155 src="//www.hushpuppies.cl/cdn/shop/files/Logos_tecnologias_ZERO-G.jpg?v=1788878416&width=600" 3156 alt="Zero G" 3157 loading="lazy" 3158 > 3159 </span></a></div><div class="item-image"> 3160 <span class="mm-imglink__title">Spinal</span><a class="mm-imglink" href="/collections/spinal"><span class="mm-imglink__thumb"> 3161 <img 3162 src="//www.hushpuppies.cl/cdn/shop/files/Logos_tecnologias_SPINAL_LOGO.jpg?v=1788878415&width=600" 3163 alt="Spinal" 3164 loading="lazy" 3165 > 3166 </span></a></div></div> 3167 3168 3169 3170 </div> 3171 </div> 3172 </div><div 3173 class="mm-panel " 3174 data-mm-panel 3175 data-mm-match-title="hombre" 3176 aria-hidden="true" 3177 3178 > 3179 <div class="megamenu-container "> 3180 3181 3182 <div class="mm-panel__inner"> 3183 3184 3185<div class="collection-mm-item mm-position-rows"><div class="mm-collection-group mm-collection-group-1 number-columns-2"><div class="mm-panel__header"><div class="mm-panel__title">CALZADO</div><a class="mm-panel__viewall" href="/collections/hombre"> 3186 Ver todo 3187 </a></div><div class="mm-panel__submenu"><a class="mm-sublink mm-sublink--card" href="/collections/botin-hombre"> 3188 <span class="mm-sublink__thumb"><img 3189 src="//www.hushpuppies.cl/cdn/shop/collections/botin_hombre_hp.png?v=1768945104&width=360" 3190 alt="BotÃn Hombre" 3191 loading="lazy" 3192 ></span><span class="mm-sublink__label"> 3193 Botines 3194 </span></a><a class="mm-sublink mm-sublink--card" href="/collections/zapato-hombre"> 3195 <span class="mm-sublink__thumb"><img 3196 src="//www.hushpuppies.cl/cdn/shop/collections/zapatos_hombre.png?v=1768945821&width=360" 3197 alt="Zapato Hombre" 3198 loading="lazy" 3199 ></span><span class="mm-sublink__label"> 3200 Zapatos 3201 </span></a><a class="mm-sublink mm-sublink--card" href="/collections/alpargata-hombre"> 3202 <span class="mm-sublink__thumb"><img 3203 src="//www.hushpuppies.cl/cdn/shop/collections/alpargata_hombre_ec7d27b6-eb48-41a5-b79c-0a0045b69b8d.png?v=1772591416&width=360" 3204 alt="Alpargata Hombre" 3205 loading="lazy" 3206 ></span><span class="mm-sublink__label"> 3207 Alpargatas 3208 </span></a><a class="mm-sublink mm-sublink--card" href="/collections/zapatilla-hombre">
3209 <span class="mm-sublink__thumb"><img 3210 src="//www.hushpuppies.cl/cdn/shop/collections/WhatsApp_Image_2026-03-03_at_23.29.22.jpg?v=1772591579&width=360" 3211 alt="Zapatilla Hombre" 3212 loading="lazy" 3213 ></span><span class="mm-sublink__label"> 3214 Zapatillas 3215 </span></a><a class="mm-sublink mm-sublink--card" href="/collections/mocasin-hombre"> 3216 <span class="mm-sublink__thumb"><img 3217 src="//www.hushpuppies.cl/cdn/shop/collections/mocasines_hombre.png?v=1768945978&width=360" 3218 alt="MocasÃn Hombre" 3219 loading="lazy" 3220 ></span><span class="mm-sublink__label"> 3221 Mocasines 3222 </span></a><a class="mm-sublink mm-sublink--card" href="/collections/sandalias-hombre"> 3223 <span class="mm-sublink__thumb"><img 3224 src="//www.hushpuppies.cl/cdn/shop/collections/sandalias_hombre.png?v=1768945930&width=360" 3225 alt="Sandalias Hombre" 3226 loading="lazy" 3227 ></span><span class="mm-sublink__label"> 3228 Sandalias 3229 </span></a></div> 3230 3231 </div><div class="mm-collection-group mm-collection-group-2 number-columns-2"><div class="mm-panel__header"><div class="mm-panel__title">ACCESORIOS</div><a class="mm-panel__viewall" href="/collections/accesorios-hombre"> 3232 Ver todo 3233 </a></div><div class="mm-panel__submenu"><a class="mm-sublink mm-sublink--card" href="/collections/billeteras-hombre"> 3234 <span class="mm-sublink__thumb"><img 3235 src="//www.hushpuppies.cl/cdn/shop/collections/billeteras_hp.png?v=1768946298&width=360" 3236 alt="Billeteras Hombre" 3237 loading="lazy" 3238 ></span><span class="mm-sublink__label"> 3239 Billeteras 3240 </span></a><a class="mm-sublink mm-sublink--card" href="/collections/calcetines-hombre"> 3241 <span class="mm-sublink__thumb"><img 3242 src="//www.hushpuppies.cl/cdn/shop/collections/calcetines_hp.jpg?v=1772583988&width=360" 3243 alt="Calcetines Hombre" 3244 loading="lazy" 3245 ></span><span class="mm-sublink__label"> 3246 Calcetines 3247 </span></a><a class="mm-sublink mm-sublink--card" href="/collections/cinturones-hombre"> 3248 <span class="mm-sublink__thumb"><img 3249 src="//www.hushpuppies.cl/cdn/shop/collections/cinturones_hp.png?v=1768946328&width=360" 3250 alt="Cinturones Hombre" 3251 loading="lazy" 3252 ></span><span class="mm-sublink__label"> 3253 Cinturones 3254 </span></a><a class="mm-sublink mm-sublink--card" href="/collections/maletin-y-mochilas-hombre"> 3255 <span class="mm-sublink__thumb"><img 3256 src="//www.hushpuppies.cl/cdn/shop/collections/Maletin.png?v=1775064757&width=360" 3257 alt="MaletÃn y Mochilas Hombre" 3258 loading="lazy" 3259 ></span><span class="mm-sublink__label"> 3260 MaletÃn y Mochilas 3261 </span></a><a class="mm-sublink mm-sublink--card" href="/collections/gorros-y-jockeys-hombre">
3262 <span class="mm-sublink__thumb"><img 3263 src="//www.hushpuppies.cl/cdn/shop/collections/gorros_y_jockeys_hp.jpg?v=1768946347&width=360" 3264 alt="Gorros y Jockeys Hombre" 3265 loading="lazy" 3266 ></span><span class="mm-sublink__label"> 3267 Gorros y Jockeys 3268 </span></a><a class="mm-sublink mm-sublink--card" href="/collections/productos-de-limpieza"> 3269 <span class="mm-sublink__thumb"><img 3270 src="//www.hushpuppies.cl/cdn/shop/collections/productos_de_limpieza_hp.jpg?v=1768946415&width=360" 3271 alt="Productos de Limpieza" 3272 loading="lazy" 3273 ></span><span class="mm-sublink__label"> 3274 Productos de Limpieza 3275 </span></a></div> 3276 3277 </div></div> 3278 3279 3280 3281 3282 3283<div class="container-mm-bottom-categories"><div class="mm-bottom-card mm-bottom-card--1"><span class="mm-bottom-title">ESTILOS</span><div class="mm-bottom-links"><a class="mm-bottom-link" href="/collections/casual-hombre"> 3284 Casual 3285 </a><a class="mm-bottom-link" href="/collections/sport-hombre"> 3286 Sport 3287 </a><a class="mm-bottom-link" href="/collections/vestir-hombre"> 3288 Vestir 3289 </a></div> 3290 </div><div class="mm-bottom-card mm-bottom-card--2"><span class="mm-bottom-title">TECNOLOGÃA</span><div class="mm-bottom-links"><a class="mm-bottom-link" href="/collections/spinal-hombre"> 3291 Spinal 3292 </a><a class="mm-bottom-link" href="/collections/light-weight-hombre/Light-weight"> 3293 Light Weight 3294 </a><a class="mm-bottom-link" href="/collections/amortiguacion-hombre/Amortiguaci%C3%B3n"> 3295 Amortiguación 3296 </a></div> 3297 </div></div> 3298 3299 </div> 3300 </div> 3301 </div><div 3302 class="mm-panel " 3303 data-mm-panel 3304 data-mm-match-title="mujer" 3305 aria-hidden="true" 3306 3307 > 3308 <div class="megamenu-container "> 3309 3310 3311 <div class="mm-panel__inner"> 3312 3313 3314<div class="collection-mm-item mm-position-rows"><div class="mm-collection-group mm-collection-group-1 number-columns-2"><div class="mm-panel__header"><div class="mm-panel__title">CALZADO</div><a class="mm-panel__viewall" href="/collections/calzado-mujer"> 3315 Ver todo 3316 </a></div><div class="mm-panel__submenu"><a class="mm-sublink mm-sublink--card" href="/collections/botin-mujer"> 3317 <span class="mm-sublink__thumb"><img 3318 src="//www.hushpuppies.cl/cdn/shop/collections/Botin-Mujer.png?v=1772562670&width=360" 3319 alt="BotÃn Mujer" 3320 loading="lazy" 3321 ></span><span class="mm-sublink__label"> 3322 Botines 3323 </span></a><a class="mm-sublink mm-sublink--card" href="/collections/zapato-mujer"> 3324 <span class="mm-sublink__thumb"><img 3325 src="//www.hushpuppies.cl/cdn/shop/collections/WhatsApp_Image_2026-03-03_at_22.23.32.jpg?v=1772587762&width=360" 3326 alt="Zapato Mujer" 3327 loading="lazy" 3328 ></span><span class="mm-sublink__label"> 3329 Zapatos 3330 </span></a><a class="mm-sublink mm-sublink--card" href="/collections/zapatilla-mujer"> 3331 <span class="mm-sublink__thumb"><img 3332 src="//www.hushpuppies.cl/cdn/shop/collections/Zapatilla-mujer.png?v=1772562367&width=360" 3333 alt="Zapatilla Mujer" 3334 loading="lazy" 3335 ></span><span class="mm-sublink__label"> 3336 Zapatillas 3337 </span></a><a class="mm-sublink mm-sublink--card" href="/collections/mocasin-mujer">
3338 <span class="mm-sublink__thumb"><img 3339 src="//www.hushpuppies.cl/cdn/shop/collections/WhatsApp_Image_2026-03-03_at_22.03.37_1.jpg?v=1772586316&width=360" 3340 alt="MocasÃn Mujer" 3341 loading="lazy" 3342 ></span><span class="mm-sublink__label"> 3343 MocasÃn 3344 </span></a><a class="mm-sublink mm-sublink--card" href="/collections/bota-mujer"> 3345 <span class="mm-sublink__thumb"><img 3346 src="//www.hushpuppies.cl/cdn/shop/collections/Bota-mujer.png?v=1772632082&width=360" 3347 alt="Bota Mujer" 3348 loading="lazy" 3349 ></span><span class="mm-sublink__label"> 3350 Botas 3351 </span></a><a class="mm-sublink mm-sublink--card" href="/collections/ballerina"> 3352 <span class="mm-sublink__thumb"><img 3353 src="//www.hushpuppies.cl/cdn/shop/collections/Ballerina.png?v=1772632535&width=360" 3354 alt="Ballerina" 3355 loading="lazy" 3356 ></span><span class="mm-sublink__label"> 3357 Ballerina 3358 </span></a></div> 3359 3360 </div><div class="mm-collection-group mm-collection-group-2 number-columns-2"><div class="mm-panel__header"><div class="mm-panel__title">ACCESORIOS</div><a class="mm-panel__viewall" href="/collections/accesorios-mujer"> 3361 Ver todo 3362 </a></div><div class="mm-panel__submenu"><a class="mm-sublink mm-sublink--card" href="/collections/billeteras-mujer"> 3363 <span class="mm-sublink__thumb"><img 3364 src="//www.hushpuppies.cl/cdn/shop/collections/WhatsApp_Image_2026-03-03_at_22.03.36.jpg?v=1772586281&width=360" 3365 alt="Billeteras Mujer" 3366 loading="lazy" 3367 ></span><span class="mm-sublink__label"> 3368 Billeteras 3369 </span></a><a class="mm-sublink mm-sublink--card" href="/collections/calcetines-mujer"> 3370 <span class="mm-sublink__thumb"><img 3371 src="//www.hushpuppies.cl/cdn/shop/collections/calcetines_hp_90e7f407-2956-44b4-a0bc-e971fc4bf865.jpg?v=1772584016&width=360" 3372 alt="Calcetines Mujer" 3373 loading="lazy" 3374 ></span><span class="mm-sublink__label"> 3375 Calcetines 3376 </span></a><a class="mm-sublink mm-sublink--card" href="/collections/productos-de-limpieza"> 3377 <span class="mm-sublink__thumb"><img 3378 src="//www.hushpuppies.cl/cdn/shop/collections/productos_de_limpieza_hp.jpg?v=1768946415&width=360" 3379 alt="Productos de Limpieza" 3380 loading="lazy" 3381 ></span><span class="mm-sublink__label"> 3382 Productos de Limpieza 3383 </span></a><a class="mm-sublink mm-sublink--card" href="/collections/carteras"> 3384 <span class="mm-sublink__thumb"><img 3385 src="//www.hushpuppies.cl/cdn/shop/collections/HP-U-AW18-HB-Marloe_Backp
3385ack_1.png?v=1775066916&width=360" 3386 alt="Carteras" 3387 loading="lazy" 3388 ></span><span class="mm-sublink__label"> 3389 Carteras 3390 </span></a><a class="mm-sublink mm-sublink--card" href="/collections/panuelos"> 3391 <span class="mm-sublink__thumb"><img 3392 src="//www.hushpuppies.cl/cdn/shop/collections/Imagenes_Menu_nuevo_Shopify-19.png?v=1775066573&width=360" 3393 alt="Pañuelos" 3394 loading="lazy" 3395 ></span><span class="mm-sublink__label"> 3396 Pañuelos 3397 </span></a><a class="mm-sublink mm-sublink--card" href="/collections/anteojos-mujer"> 3398 <span class="mm-sublink__thumb"><img 3399 src="//www.hushpuppies.cl/cdn/shop/collections/Imagenes_Menu_nuevo_Shopify-16.png?v=1775066512&width=360" 3400 alt="Anteojos Mujer" 3401 loading="lazy" 3402 ></span><span class="mm-sublink__label"> 3403 Anteojos 3404 </span></a></div> 3405 3406 </div></div> 3407 3408 3409 3410 3411 3412<div class="container-mm-bottom-categories"><div class="mm-bottom-card mm-bottom-card--1"><span class="mm-bottom-title">ESTILOS</span><div class="mm-bottom-links"><a class="mm-bottom-link" href="/collections/casual/Mujer"> 3413 Casual 3414 </a><a class="mm-bottom-link" href="/collections/sport-mujer"> 3415 Sport 3416 </a><a class="mm-bottom-link" href="/collections/vestir-mujer"> 3417 Vestir 3418 </a><a class="mm-bottom-link" href="/collections/fiesta-mujer"> 3419 Fiesta 3420 </a></div> 3421 </div><div class="mm-bottom-card mm-bottom-card--2"><span class="mm-bottom-title">TECNOLOGÃA</span><div class="mm-bottom-links"><a class="mm-bottom-link" href="/collections/spinal-mujer"> 3422 Spinal 3423 </a><a class="mm-bottom-link" href="/collections/light-weight-mujer"> 3424 Light Weight 3425 </a><a class="mm-bottom-link" href="/collections/amortiguacion-mujer"> 3426 Amortiguación 3427 </a></div> 3428 </div></div> 3429 3430 </div> 3431 </div> 3432 </div><div class="mm-overlay" data-mm-overlay hidden></div> 3433</div> 3434 3435 3436<div class="mm51m" data-mm51-root> 3437 <div class="mm51m__overlay" data-mm51-overlay hidden></div> 3438 3439 <div class="mm51m__drawer" data-mm51-drawer aria-hidden="true"> 3440 <div class="mm51m__head mm51_m_head_full_width "> 3441 <button class="mm51m__close" type="button" data-mm51-close aria-label="Cerrar"> 3442 <svg width="17" height="17" viewBox="0 0 17 17" fill="none" xmlns="http://www.w3.org/2000/svg"> 3443 <path d="M16.4478 0.436035L8.66411 8.43596L16.4478 16.4359M0.447754 16.436L8.2314 8.43611L0.447754 0.43618" stroke="#949494" stroke-width="1.25"/> 3444 </svg> 3445 3446 3447 </button> 3448 3449 <div class="mm51m__search"> 3450 <input 3451 type="search" 3452 class="mm51m__input" 3453 placeholder="¿Qué estás buscando?" 3454 autocomplete="off" 3455 autocorrect="off" 3456 autocapitalize="off" 3457 spellcheck="false" 3458 data-mm51-search 3459 > 3460 <button type="submit"> 3461 <svg width="18" height="18" viewBox="0 0 18 18" fill="none" xmlns="http://www.w3.org/2000/svg"> 3462 <path fill-rule="evenodd" clip-rule="evenodd" d="M14 7.5022C14 11.0936 11.0896 14.0044 7.5 14.0044C3.91043 14.0044 1 11.0936 1 7.5022C1 3.91086 3.91043 1 7.5 1C11.0896 1 14 3.91086 14 7.5022ZM12.4439 13.1439C11.1239 14.3022 9.3939 15.0044 7.5 15.0044C3.35786 15.0044 0 11.6456 0 7.5022C0 3.35886 3.35786 0 7.5 0C11.6421 0 15 3.35886 15 7.5022C15 9.3912 14.3021 11.117 13.1502 12.4359L13.3307 12.6164L17.8562 17.1419C18.0514 17.3372 18.0514 17.6538 17.8562 17.849C17.6609 18.0443 17.3443 18.0443 17.1491 17.849L12.6236 13.3236L12.4439 13.1439Z" fill="#949494"/> 3463 </svg> 3464 3465 </button> 3466 </div> 3467 </div> 3468 3469 <div class="mm51m__body"> 3470 <!-- LEFT --> 3471 <nav class="mm51m__nav" aria-label="Menú principal mobile"> 3472 3473 3474 <ul class="mm51m__list"><li> 3475 <a 3476 class="mm51m__link" 3477 href="/collections/new-in" 3478 data-mm51-link 3479 data-mm51-title="New In" 3480 > 3481 New In 3482 </a> 3483 </li><li> 3484 <a 3485 class="mm51m__link" 3486 href="/collections/hombre" 3487 data-mm51-link 3488 data-mm51-title="Hombre" 3489 > 3490 Hombre 3491 </a> 3492 </li><li> 3493 <a 3494 class="mm51m__link" 3495 href="/collections/mujer" 3496 data-mm51-link 3497 data-mm51-title="Mujer" 3498 > 3499 Mujer 3500 </a> 3501 </li><li> 3502 <a 3503 class="mm51m__link" 3504 href="https://www.hushpuppieskids.cl/" 3505 data-mm51-link 3506 data-mm51-title="KIDS" 3507 > 3508 KIDS 3509 </a> 3510 </li><li> 3511 <a 3512 class="mm51m__link" 3513 href="/collections/cyber-monday" 3514 data-mm51-link 3515 data-mm51-title="Cyber Monday" 3516 > 3517 Cyber Monday 3518 </a> 3519 </li></ul> 3520 <div class="container-extras"> 3521 <a href="/account" class="icon-nav"> 3522 <svg xmlns="http://www.w3.org/2000/svg" width="19" height="21" viewBox="0 0 19 21" fill="none"> 3523 <path d="M9.25014 9.39205C11.6702 9.39205 13.6286 7.40341 13.6286 4.94602C13.6286 2.48864 11.6702 0.5 9.25014 0.5C6.83008 0.5 4.87164 2.48864 4.87164 4.94602C4.87164 7.40341 6.83008 9.39205 9.25014 9.39205Z" stroke="#979490" stroke-linecap="round" stroke-linejoin="round"/> 3524 <path d="M0.5 20.5001V16.0541C0.5 14.8254 1.47922 13.8311 2.68925 13.8311H15.8108C17.0208 13.8311 18 14.8254 18 16.
35240541V20.5001" stroke="#979490" stroke-linecap="round" stroke-linejoin="round"/> 3525</svg> 3526 <span>Cuenta</span> 3527 </a> 3528 <a href="https://hushpuppiescl.siguetucompra.cl/" class="icon-nav"> 3529 <svg xmlns="http://www.w3.org/2000/svg" width="25" height="18" viewBox="0 0 25 18" fill="none"> 3530 <g clip-path="url(#clip0_1940_6478)"> 3531 <path d="M21.7888 14.9147H24.005C24.2424 14.9147 24.446 14.7261 24.446 14.4819V0.987487C24.446 0.754441 24.2537 0.554688 24.005 0.554688H8.79694C8.55949 0.554688 8.35596 0.743343 8.35596 0.987487V3.97269C8.35596 4.20574 8.16374 4.40549 7.91498 4.40549L3.53914 4.42768C3.38084 4.42768 3.23384 4.51646 3.15469 4.64963L0.621904 9.0886C0.587983 9.15518 0.565369 9.22177 0.565369 9.29945V14.4819C0.565369 14.715 0.757589 14.9147 1.00635 14.9147H3.38084" stroke="#979490" stroke-miterlimit="10"/> 3532 <path d="M8.37854 14.915H16.7797" stroke="#979490" stroke-miterlimit="10"/> 3533 <path d="M5.87967 17.4451C7.25975 17.4451 8.37854 16.3471 8.37854 14.9926C8.37854 13.6381 7.25975 12.54 5.87967 12.54C4.49958 12.54 3.3808 13.6381 3.3808 14.9926C3.3808 16.3471 4.49958 17.4451 5.87967 17.4451Z" stroke="#979490" stroke-miterlimit="10"/> 3534 <path d="M19.2899 17.4451C20.67 17.4451 21.7888 16.3471 21.7888 14.9926C21.7888 13.6381 20.67 12.54 19.2899 12.54C17.9098 12.54 16.791 13.6381 16.791 14.9926C16.791 16.3471 17.9098 17.4451 19.2899 17.4451Z" stroke="#979490" stroke-miterlimit="10"/> 3535 <path d="M8.37856 14.9147L8.36725 3.97266" stroke="#979490" stroke-miterlimit="10"/> 3536 </g> 3537 <defs> 3538 <clipPath id="clip0_1940_6478"> 3539 <rect width="25" height="18" fill="white"/> 3540 </clipPath> 3541 </defs> 3542</svg> 3543 <span>Sigue tu compra</span> 3544 </a> 3545 </div> 3546 </nav> 3547 3548 <!-- RIGHT --> 3549 <div class="mm51m__content"> 3550 <!-- Results (search) --> 3551 <div class="mm51m__results" data-mm51-results-wrap> 3552 3553 <!-- MENUS INICIALES (antes de escribir) --> 3554 <div class="mm51m__search-menus" data-mm51-search-menus><div class="mm51m__search-menu"> 3555 <div class="mm51m__h">Lo más buscado</div> 3556 <ul class="mm51m__search-menu-list"><li><a href="/collections/botin-hombre">Botines</a></li><li><a href="/collections/zapato-hombre">Zapatos</a></li><li><a href="/collections/alpargata-hombre">Alpargatas</a></li><li><a href="/collections/zapatilla-hombre">Zapatillas</a></li><li><a href="/collections/mocasin-hombre">Mocasines</a></li><li><a href="/collections/sandalias-hombre">Sandalias</a></li></ul> 3557 </div><div class="mm51m__search-menu"> 3558 <div class="mm51m__h">PodrÃa interesarte</div> 3559 <ul class="mm51m__search-menu-list"><li><a href="/collections/billeteras-mujer">Billeteras</a></li><li><a href="/collections/calcetines-mujer">Calcetines</a></li><li><a href="/collections/productos-de-limpieza">Productos de Limpieza</a></li><li><a href="/collections/carteras">Carteras</a></li><li><a href="/collections/panuelos">Pañuelos</a></li><li><a href="/collections/anteojos-mujer">Anteojos</a></li></ul> 3560 </div></div> 3561 3562 <!-- RESULTADOS PRODUCTOS --> 3563 <ul class="mm51m__results-list" data-mm51-results></ul> 3564 3565 <div class="mm51m__results-footer" data-mm51-footer hidden> 3566 <a href="#" data-mm51-more>Ver todos los resultados</a> 3567 </div> 3568 </div> 3569 3570 <!-- Panels --> 3571 <div class="mm51m__panels" data-mm51-panels><section 3572 class="mm51m__panel" 3573 data-mm51-panel 3574 data-mm51-match="Cyber Monday" 3575 aria-hidden="true" 3576 3577 > 3578 <div class="mm51m__panel-inner"><div class="mm51m__main"> 3579 3580<div class="mm51m__h mm51m__h--with-link" style="justify-content: flex-end;"><a class="mm51m__h-link" href="/collections/cyber-monday">Ver todo</a></div> 3581 3582 <div class="container-images-links items-images-links-size-4"><div class="item-image"><div class="mm51m__h" style="text-transform:none;letter-spacing:0;font-weight:800;">TODO CYBER MONDAY</div><a class="mm-imglink" href="/collections/cyber-monday"><span class="mm-imglink__thumb"> 3583 <img 3584 src="//www.hushpuppies.cl/cdn/shop/files/HUSHPUPPIES_Menusup_Cybermonday.jpg?v=1790866058&width=600" 3585 alt="TODO CYBER MONDAY" 3586 loading="lazy" 3587 style="width:100%;height:auto;display:block;" 3588 > 3589 </span></a></div><div class="item-image"><div class="mm51m__h" style="text-transform:none;letter-spacing:0;font-weight:800;">Botas y botines</div><a class="mm-imglink" href="/collections/botas-y-botines-hasta-50-off-2"><span class="mm-imglink__thumb"> 3590 <img 3591 src="//www.hushpuppies.cl/cdn/shop/files/HushPuppies_Menu_sup_botas.jpg?v=1790864752&width=600" 3592 alt="Botas y botines" 3593 loading="lazy" 3594 style="width:100%;height:auto;display:block;" 3595 > 3596 </span></a></div><div class="item-image"><div class="mm51m__h" style="text-transform:none;letter-spacing:0;font-weight:800;">zapatos y zapatillas</div><a class="mm-imglink" href="/collections/zapatos-zapatillas-y-slip-on-hasta-50-off"><span class="mm-imglink__thumb"> 3597 <img 3598 src="//www.hushpuppies.cl/cdn/shop/files/HushPuppies_Menu_sup_zapatos.jpg?v=1790864752&width=600" 3599 alt="zapatos y zapatillas" 3600 loading="lazy" 3601 style="width:100%;height:auto;display:block;" 3602 > 3603 </span></a></div><div class="item-image"><div class="mm51m__h" style="text-transform:none;letter-spacing:0;font-weight:800;">Ballerinas y mocasines</div><a class="mm-imglink" href="/collections/ballerinas-mocasines-y-alpargatas-hasta-50-off"><span class="mm-imglink__thumb"> 3604 <img 3605 src="//www.hushpuppies.cl/cdn/shop/files/HushPuppies_Menu_sup_Ballerinas.jpg?v=1790864752&width=600" 3606 alt="Ballerinas y mocasines" 3607 loading="lazy" 3608 style="width:100%;height:auto;display:block;" 3609 > 3610 </span></a></div></div> 3611 3612 </div> 3613 3614 <div class="mm51m__bottom"><div class="mm51m__bottom-card"><span class="mm51m__bottom-title">Por Descuento</span><div class="mm51m__bottom-links"><a href="/collections/desde-20">Desde 20% </a><a href="/collections/desde-30">Desde 30%</a><a href="/collections/desde-40">Desde 40%</a><a href="/collections/despacho-gratis-cybermonday">EnvÃo Gratis</a></div> 3615 </div><div class="mm51m__bottom-card"><span class="mm51m__bottom-title">Por CategorÃa</span><div class="mm51m__bottom-links"><a href="/collections/cyber-monday/Calzado">Calzado</a><a href="/collections/cyber-monday/Accesorios">Accesorios</a></div> 3616 </div></div> 3617 3618 3619 3620 3621 </div> 3622 </section><section 3623 class="mm51m__panel" 3624 data-mm51-panel 3625 data-mm51-match="TecnologÃas" 3626 aria-hidden="true" 3627 3628 > 3629 <div class="mm51m__panel-inner"><div class="mm51m__main"> 3630 3631<div class="mm51m__h mm51m__h--with-link" style="justify-content: flex-end;"></div> 3632 3633 <div class="container-images-links items-images-links-size-4"><div class="item-image"><div class="mm51m__h" style="text-transform:none;letter-spacing:0;font-weight:800;">Bounce</div><a class="mm-imglink" href="/collections/bounce"><span class="mm-imglink__thumb"> 3634 <img 3635 src="//www.hushpuppies.cl/cdn/shop/files/Logos_tecnologias_BOUNCE.jpg?v=1788878411&width=600" 3636 alt="Bounce" 3637 loading="lazy" 3638 style="width:100%;height:auto;display:block;" 3639 > 3640 </span></a></div><div class="item-image"><div class="mm51m__h" style="text-transform:none;letter-spacing:0;font-weight:800;">Fusion</div><a class="mm-imglink" href="/collections/fusion"><span class="mm-imglink__thumb"> 3641 <img 3642 src="//www.hushpuppies.cl/cdn/shop/files/Logos_tecnologias_FUSION.jpg?v=1788878416&width=600" 3643 alt="Fusion" 3644 loading="lazy" 3645 style="width:100%;height:auto;display:block;" 3646 > 3647 </span></a></div><div class="item-image"><div class="mm51m__h" style="text-transform:none;letter-spacing:0;font-weight:800;">Zero G</div><a class="mm-imglink" href="/collections/zero-g"><span class="mm-imglink__thumb"> 3648 <img 3649 src="//www.hushpuppies.cl/cdn/shop/files/Logos_tecnologias_ZERO-G.jpg?v=1788878416&width=600" 3650 alt="Zero G" 3651 loading="lazy" 3652 style="width:100%;height:auto;display:block;" 3653 > 3654 </span></a></div><div class="item-image"><div class="mm51m__h" style="text-transform:none;letter-spacing:0;font-weight:800;">Spinal</div><a class="mm-imglink" href="/collections/spinal"><span class="mm-imglink__thumb"> 3655 <img 3656 src="//www.hushpuppies.cl/cdn/shop/files/Logos_tecnologias_SPINAL_LOGO.jpg?v=1788878415&width=600" 3657 alt="Spinal" 3658 loading="lazy" 3659 style="width:100%;height:auto;display:block;" 3660 > 3661 </span></a></div></div> 3662 3663 </div> 3664 3665 3666 </div> 3667 </section><section 3668 class="mm51m__panel" 3669 data-mm51-panel 3670 data-mm51-match="Hombre" 3671 aria-hidden="true" 3672 3673 > 3674 <div class="mm51m__panel-inner"><div class="mm51m__main"> 3675 3676<div class="collection-mm-item mm-position-rows"><div class="mm-collection-group mm-collection-group-1 number-columns-2"><div class="mm51m__h mm51m__h--with-link">
3677 <span class="mm51m__h-text">CALZADO</span><a class="mm51m__h-link" href="/collections/hombre">Ver todo</a></div><div class="mm-panel__submenu"><a class="mm-sublink mm-sublink--card" href="/collections/botin-hombre"> 3678 <span class="mm-sublink__thumb"><img 3679 src="//www.hushpuppies.cl/cdn/shop/collections/botin_hombre_hp.png?v=1768945104&width=360" 3680 alt="BotÃn Hombre" 3681 loading="lazy" 3682 ></span><span class="mm-sublink__label">Botines</span></a><a class="mm-sublink mm-sublink--card" href="/collections/zapato-hombre"> 3683 <span class="mm-sublink__thumb"><img 3684 src="//www.hushpuppies.cl/cdn/shop/collections/zapatos_hombre.png?v=1768945821&width=360" 3685 alt="Zapato Hombre" 3686 loading="lazy" 3687 ></span><span class="mm-sublink__label">Zapatos</span></a><a class="mm-sublink mm-sublink--card" href="/collections/alpargata-hombre"> 3688 <span class="mm-sublink__thumb"><img 3689 src="//www.hushpuppies.cl/cdn/shop/collections/alpargata_hombre_ec7d27b6-eb48-41a5-b79c-0a0045b69b8d.png?v=1772591416&width=360" 3690 alt="Alpargata Hombre" 3691 loading="lazy" 3692 ></span><span class="mm-sublink__label">Alpargatas</span></a><a class="mm-sublink mm-sublink--card" href="/collections/zapatilla-hombre"> 3693 <span class="mm-sublink__thumb"><img 3694 src="//www.hushpuppies.cl/cdn/shop/collections/WhatsApp_Image_2026-03-03_at_23.29.22.jpg?v=1772591579&width=360" 3695 alt="Zapatilla Hombre" 3696 loading="lazy" 3697 ></span><span class="mm-sublink__label">Zapatillas</span></a><a class="mm-sublink mm-sublink--card" href="/collections/mocasin-hombre"> 3698 <span class="mm-sublink__thumb"><img 3699 src="//www.hushpuppies.cl/cdn/shop/collections/mocasines_hombre.png?v=1768945978&width=360" 3700 alt="MocasÃn Hombre" 3701 loading="lazy" 3702 ></span><span class="mm-sublink__label">Mocasines</span></a><a class="mm-sublink mm-sublink--card" href="/collections/sandalias-hombre"> 3703 <span class="mm-sublink__thumb"><img 3704 src="//www.hushpuppies.cl/cdn/shop/collections/sandalias_hombre.png?v=1768945930&width=360" 3705 alt="Sandalias Hombre" 3706 loading="lazy" 3707 ></span><span class="mm-sublink__label">Sandalias</span></a></div> 3708 </div><div class="mm-collection-group mm-collection-group-2 number-columns-2"><div class="mm51m__h mm51m__h--with-link"> 3709 <span class="mm51m__h-text">ACCESORIOS</span><a class="mm51m__h-link" href="/collections/hombre">Ver todo</a></div><div class="mm-panel__submenu"><a class="mm-sublink mm-sublink--card" href="/collections/billeteras-hombre"> 3710 <span class="mm-sublink__thumb"><img 3711 src="//www.hushpuppies.cl/cdn/shop/collections/billeteras_hp.png?v=1768946298&width=360" 3712 alt="Billeteras Hombre" 3713 loading="lazy" 3714 ></span><span class="mm-sublink__label">Billeteras</span></a><a class="mm-sublink mm-sublink--card" href="/collections/calcetines-hombre">
3715 <span class="mm-sublink__thumb"><img 3716 src="//www.hushpuppies.cl/cdn/shop/collections/calcetines_hp.jpg?v=1772583988&width=360" 3717 alt="Calcetines Hombre" 3718 loading="lazy" 3719 ></span><span class="mm-sublink__label">Calcetines</span></a><a class="mm-sublink mm-sublink--card" href="/collections/cinturones-hombre"> 3720 <span class="mm-sublink__thumb"><img 3721 src="//www.hushpuppies.cl/cdn/shop/collections/cinturones_hp.png?v=1768946328&width=360" 3722 alt="Cinturones Hombre" 3723 loading="lazy" 3724 ></span><span class="mm-sublink__label">Cinturones</span></a><a class="mm-sublink mm-sublink--card" href="/collections/maletin-y-mochilas-hombre"> 3725 <span class="mm-sublink__thumb"><img 3726 src="//www.hushpuppies.cl/cdn/shop/collections/Maletin.png?v=1775064757&width=360" 3727 alt="MaletÃn y Mochilas Hombre" 3728 loading="lazy" 3729 ></span><span class="mm-sublink__label">MaletÃn y Mochilas</span></a><a class="mm-sublink mm-sublink--card" href="/collections/gorros-y-jockeys-hombre"> 3730 <span class="mm-sublink__thumb"><img 3731 src="//www.hushpuppies.cl/cdn/shop/collections/gorros_y_jockeys_hp.jpg?v=1768946347&width=360" 3732 alt="Gorros y Jockeys Hombre" 3733 loading="lazy" 3734 ></span><span class="mm-sublink__label">Gorros y Jockeys</span></a><a class="mm-sublink mm-sublink--card" href="/collections/productos-de-limpieza"> 3735 <span class="mm-sublink__thumb"><img 3736 src="//www.hushpuppies.cl/cdn/shop/collections/productos_de_limpieza_hp.jpg?v=1768946415&width=360" 3737 alt="Productos de Limpieza" 3738 loading="lazy" 3739 ></span><span class="mm-sublink__label">Productos de Limpieza</span></a></div> 3740 </div></div> 3741 3742 3743 </div> 3744 3745 <div class="mm51m__bottom"><div class="mm51m__bottom-card"><span class="mm51m__bottom-title">ESTILOS</span><div class="mm51m__bottom-links"><a href="/collections/casual-hombre">Casual</a><a href="/collections/sport-hombre">Sport</a><a href="/collections/vestir-hombre">Vestir</a></div> 3746 </div><div class="mm51m__bottom-card"><span class="mm51m__bottom-title">TECNOLOGÃA</span><div class="mm51m__bottom-links"><a href="/collections/spinal-hombre">Spinal</a><a href="/collections/light-weight-hombre/Light-weight">Light Weight</a><a href="/collections/amortiguacion-hombre/Amortiguaci%C3%B3n">Amortiguación</a></div> 3747 </div></div> 3748 3749 3750 3751 3752 </div> 3753 </section><section 3754 class="mm51m__panel" 3755 data-mm51-panel 3756 data-mm51-match="Mujer" 3757 aria-hidden="true" 3758 3759 > 3760 <div class="mm51m__panel-inner"><div class="mm51m__main"> 3761 3762<div class="collection-mm-item mm-position-rows"><div class="mm-collection-group mm-collection-group-1 number-columns-3"><div class="mm51m__h mm51m__h--with-link"> 3763 <span class="mm51m__h-text">CALZADO</span><a class="mm51m__h-link" href="/collections/mujer">Ver todo</a></div><div class="mm-panel__submenu"><a class="mm-sublink mm-sublink--card" href="/collections/botin-mujer">
3764 <span class="mm-sublink__thumb"><img 3765 src="//www.hushpuppies.cl/cdn/shop/collections/Botin-Mujer.png?v=1772562670&width=360" 3766 alt="BotÃn Mujer" 3767 loading="lazy" 3768 ></span><span class="mm-sublink__label">Botines</span></a><a class="mm-sublink mm-sublink--card" href="/collections/zapato-mujer"> 3769 <span class="mm-sublink__thumb"><img 3770 src="//www.hushpuppies.cl/cdn/shop/collections/WhatsApp_Image_2026-03-03_at_22.23.32.jpg?v=1772587762&width=360" 3771 alt="Zapato Mujer" 3772 loading="lazy" 3773 ></span><span class="mm-sublink__label">Zapatos</span></a><a class="mm-sublink mm-sublink--card" href="/collections/zapatilla-mujer"> 3774 <span class="mm-sublink__thumb"><img 3775 src="//www.hushpuppies.cl/cdn/shop/collections/Zapatilla-mujer.png?v=1772562367&width=360" 3776 alt="Zapatilla Mujer" 3777 loading="lazy" 3778 ></span><span class="mm-sublink__label">Zapatillas</span></a><a class="mm-sublink mm-sublink--card" href="/collections/mocasin-mujer"> 3779 <span class="mm-sublink__thumb"><img 3780 src="//www.hushpuppies.cl/cdn/shop/collections/WhatsApp_Image_2026-03-03_at_22.03.37_1.jpg?v=1772586316&width=360" 3781 alt="MocasÃn Mujer" 3782 loading="lazy" 3783 ></span><span class="mm-sublink__label">MocasÃn </span></a><a class="mm-sublink mm-sublink--card" href="/collections/bota-mujer"> 3784 <span class="mm-sublink__thumb"><img 3785 src="//www.hushpuppies.cl/cdn/shop/collections/Bota-mujer.png?v=1772632082&width=360" 3786 alt="Bota Mujer" 3787 loading="lazy" 3788 ></span><span class="mm-sublink__label">Botas</span></a><a class="mm-sublink mm-sublink--card" href="/collections/ballerina"> 3789 <span class="mm-sublink__thumb"><img 3790 src="//www.hushpuppies.cl/cdn/shop/collections/Ballerina.png?v=1772632535&width=360" 3791 alt="Ballerina" 3792 loading="lazy" 3793 ></span><span class="mm-sublink__label">Ballerina</span></a></div> 3794 </div><div class="mm-collection-group mm-collection-group-2 number-columns-3"><div class="mm51m__h mm51m__h--with-link"> 3795 <span class="mm51m__h-text">ACCESORIOS</span><a class="mm51m__h-link" href="/collections/mujer">Ver todo</a></div><div class="mm-panel__submenu"><a class="mm-sublink mm-sublink--card" href="/collections/billeteras-mujer"> 3796 <span class="mm-sublink__thumb"><img 3797 src="//www.hushpuppies.cl/cdn/shop/collections/WhatsApp_Image_2026-03-03_at_22.03.36.jpg?v=1772586281&width=360" 3798 alt="Billeteras Mujer" 3799 loading="lazy" 3800 ></span><span class="mm-sublink__label">Billeteras</span></a><a class="mm-sublink mm-sublink--card" href="/collections/calcetines-mujer"> 3801 <span class="mm-sublink__thumb"><img 3802 src="//www.hushpuppies.cl/cdn/shop/collections/calcetines_hp_90e7f407-2956-44b4-a0bc-e971fc4bf865.jpg?v=1772584016&width=360" 3803 alt="Calcetines Mujer" 3804 loading="lazy" 3805 ></span><span class="mm-sublink__label">Calcetines</span></a><a class="mm-sublink mm-sublink--card" href="/collections/productos-de-limpieza">
3806 <span class="mm-sublink__thumb"><img 3807 src="//www.hushpuppies.cl/cdn/shop/collections/productos_de_limpieza_hp.jpg?v=1768946415&width=360" 3808 alt="Productos de Limpieza" 3809 loading="lazy" 3810 ></span><span class="mm-sublink__label">Productos de Limpieza</span></a><a class="mm-sublink mm-sublink--card" href="/collections/carteras"> 3811 <span class="mm-sublink__thumb"><img 3812 src="//www.hushpuppies.cl/cdn/shop/collections/HP-U-AW18-HB-Marloe_Backpack_1.png?v=1775066916&width=360" 3813 alt="Carteras" 3814 loading="lazy" 3815 ></span><span class="mm-sublink__label">Carteras</span></a><a class="mm-sublink mm-sublink--card" href="/collections/panuelos"> 3816 <span class="mm-sublink__thumb"><img 3817 src="//www.hushpuppies.cl/cdn/shop/collections/Imagenes_Menu_nuevo_Shopify-19.png?v=1775066573&width=360" 3818 alt="Pañuelos" 3819 loading="lazy" 3820 ></span><span class="mm-sublink__label">Pañuelos</span></a><a class="mm-sublink mm-sublink--card" href="/collections/anteojos-mujer"> 3821 <span class="mm-sublink__thumb"><img 3822 src="//www.hushpuppies.cl/cdn/shop/collections/Imagenes_Menu_nuevo_Shopify-16.png?v=1775066512&width=360" 3823 alt="Anteojos Mujer" 3824 loading="lazy" 3825 ></span><span class="mm-sublink__label">Anteojos</span></a></div> 3826 </div></div> 3827 3828 3829 </div> 3830 3831 <div class="mm51m__bottom"><div class="mm51m__bottom-card"><span class="mm51m__bottom-title">ESTILOS</span><div class="mm51m__bottom-links"><a href="/collections/casual/Mujer">Casual</a><a href="/collections/sport-mujer">Sport</a><a href="/collections/vestir-mujer">Vestir</a><a href="/collections/fiesta-mujer">Fiesta</a></div> 3832 </div><div class="mm51m__bottom-card"><span class="mm51m__bottom-title">TECNOLOGÃA</span><div class="mm51m__bottom-links"><a href="/collections/spinal-mujer">Spinal</a><a href="/collections/light-weight-mujer">Light Weight</a><a href="/collections/amortiguacion-mujer">Amortiguación</a></div> 3833 </div></div> 3834 3835 3836 3837 3838 </div> 3839 </section></div> 3840 </div> 3841 </div> 3842 </div> 3843</div> 3844
3845<script> 3846 (function(){ 3847 const root = document.querySelector('[data-mm51-root]'); 3848 if(!root) return; 3849 3850 const drawer = root.querySelector('[data-mm51-drawer]'); 3851 const overlay = root.querySelector('[data-mm51-overlay]'); 3852 const closeBtn= root.querySelector('[data-mm51-close]'); 3853 3854 const openBtn = document.querySelector('[data-mm51-open]'); 3855 const openSearchBtn = document.querySelector('[data-mm51-open-search]'); 3856 3857 const links = Array.from(root.querySelectorAll('[data-mm51-link]')); 3858 const panels = Array.from(root.querySelectorAll('[data-mm51-panel]')); 3859 3860 const searchInput = root.querySelector('[data-mm51-search]'); 3861 const resultsWrap = root.querySelector('[data-mm51-results-wrap]'); 3862 const resultsList = root.querySelector('[data-mm51-results]'); 3863 const footer = root.querySelector('[data-mm51-footer]'); 3864 const moreBtn = root.querySelector('[data-mm51-more]'); 3865 const searchMenus = root.querySelector('[data-mm51-search-menus]'); 3866 3867 const minChars = 1; 3868 const limit = 6; 3869 let debounceId = null; 3870 3871 if (moreBtn) { 3872 moreBtn.addEventListener('click', (e) => { 3873 const href = moreBtn.getAttribute('href'); 3874 if (!href || href === '#') { 3875 e.preventDefault(); 3876 return; 3877 } 3878 3879 e.preventDefault(); // cortamos bubbling raro 3880 closeDrawer(); 3881 window.location.assign(href); // navegación forzada 3882 }); 3883} 3884 3885 function lockScroll(on){ 3886 document.documentElement.classList.toggle('mm51m-no-scroll', on); 3887 document.body.classList.toggle('mm51m-no-scroll', on); 3888 } 3889 3890 function normalize(str){ 3891 return (str || '') 3892 .toString() 3893 .trim() 3894 .toLowerCase() 3895 .normalize('NFD') 3896 .replace(/[\u0300-\u036f]/g,'') 3897 .replace(/\s+/g,' '); 3898 } 3899 3900 function setActiveLink(a){ 3901 links.forEach(x => x.classList.toggle('is-active', x === a)); 3902 } 3903 3904 function findPanelForTitle(title){ 3905 const t = normalize(title); 3906 return panels.find(p => normalize(p.getAttribute('data-mm51-match')) === t) || null; 3907 } 3908 3909 function activatePanel(panel){ 3910 panels.forEach(p=>{ 3911 const on = (p === panel); 3912 p.classList.toggle('is-active', on); 3913 p.setAttribute('aria-hidden', on ? 'false' : 'true'); 3914 }); 3915 } 3916 3917 function showSearch(){ 3918 if(resultsWrap) resultsWrap.classList.add('is-active'); 3919 const panelsRoot = root.querySelector('[data-mm51-panels]'); 3920 if(panelsRoot) panelsRoot.style.display = 'none'; 3921 } 3922 3923 function showPanels(){ 3924 if(resultsWrap) resultsWrap.classList.remove('is-active'); 3925 const panelsRoot = root.querySelector('[data-mm51-panels]'); 3926 if(panelsRoot) panelsRoot.style.display = 'block'; 3927 } 3928 3929 function toggleSearchMenus(show){ 3930 if(searchMenus) searchMenus.hidden = !show; 3931 if(resultsList) resultsList.style.display = show ? 'none' : 'block'; 3932 if(footer) footer.hidden = show ? true : footer.hidden; // en modo menús siempre oculto 3933 } 3934 3935 function clearSearchUI(){ 3936 if(resultsList) resultsList.innerHTML = ''; 3937 if(footer) footer.hidden = true; 3938 if(moreBtn) moreBtn.href = '#'; 3939 if(searchInput) searchInput.value = ''; 3940 toggleSearchMenus(true); // vuelve a mostrar menús 3941 } 3942 3943 function openDrawer(mode){ 3944 if(!drawer) return; 3945 drawer.classList.add('is-open'); 3946 drawer.setAttribute('aria-hidden','false'); 3947 3948 if(overlay){ 3949 overlay.hidden = false; 3950 overlay.classList.add('is-open'); 3951 } 3952 lockScroll(true); 3953 3954 if(mode === 'search'){ 3955 showSearch(); 3956 toggleSearchMenus(true); // <-- MENUS visibles antes de escribir 3957 setTimeout(()=>searchInput && searchInput.focus(), 0); 3958 }else{ 3959 showPanels(); 3960 3961 const firstWithPanel = links.find(a => { 3962 const title = a.getAttribute('data-mm51-title') || a.textContent; 3963 return !!findPanelForTitle(title); 3964 }); 3965 3966 if(firstWithPanel){ 3967 activateByLink(firstWithPanel, true); 3968 }else{ 3969 const first = links[0]; 3970 if(first) setActiveLink(first); 3971 } 3972 } 3973 } 3974 3975 function closeDrawer(){ 3976 if(!drawer) return; 3977 drawer.classList.remove('is-open'); 3978 drawer.setAttribute('aria-hidden','true'); 3979 3980 if(overlay){ 3981 overlay.classList.remove('is-open'); 3982 setTimeout(()=>{ overlay.hidden = true; }, 200); 3983 } 3984 lockScroll(false); 3985 clearSearchUI(); 3986 } 3987 3988 function activateByLink(a, force){ 3989 const title = a.getAttribute('data-mm51-title') || a.textContent; 3990 const href = a.getAttribute('href') || '#'; 3991 const panel = findPanelForTitle(title); 3992
3993 setActiveLink(a); 3994 3995 if(!panel){ 3996 if(!force) window.location.assign(href); 3997 return; 3998 } 3999 4000 showPanels(); 4001 activatePanel(panel); 4002 } 4003 4004 openBtn && openBtn.addEventListener('click', ()=>openDrawer('menu')); 4005 openSearchBtn && openSearchBtn.addEventListener('click', ()=>openDrawer('search')); 4006 closeBtn && closeBtn.addEventListener('click', closeDrawer); 4007 overlay && overlay.addEventListener('click', closeDrawer); 4008 4009 document.addEventListener('keydown', (e)=>{ 4010 if(e.key === 'Escape' && drawer && drawer.classList.contains('is-open')) closeDrawer(); 4011 }); 4012 4013 links.forEach(a=>{ 4014 a.addEventListener('click', (e)=>{ 4015 e.preventDefault(); 4016 activateByLink(a, false); 4017 }); 4018 }); 4019 4020 function moneyFromCents(cents){ 4021 if(cents == null) return ''; 4022 try{ 4023 const n = Number(cents) / 100; 4024 return new Intl.NumberFormat(undefined, { 4025 style:'currency', 4026 currency: (window.Shopify && Shopify.currency && Shopify.currency.active) || 'CLP' 4027 }).format(n); 4028 }catch(e){ 4029 return ''; 4030 } 4031 } 4032 4033 function updateFooter(q){ 4034 if(!footer || !moreBtn) return; 4035 const term = (q || '').trim(); 4036 if(!term){ 4037 footer.hidden = true; 4038 moreBtn.href = '#'; 4039 return; 4040 } 4041 footer.hidden = false; 4042 moreBtn.textContent = `Ver todos los resultados para â${term}â`; 4043 moreBtn.href = `/search?q=${encodeURIComponent(term)}&type=product`; 4044 } 4045 4046 async function fetchSuggest(q){ 4047 const url = `/search/suggest.json?q=${encodeURIComponent(q)}&resources[type]=product&resources[limit]=${limit}&resources[options][unavailable_products]=show`; 4048 const res = await fetch(url, { credentials:'same-origin' }); 4049 if(!res.ok) throw new Error('suggest failed'); 4050 return res.json(); 4051 } 4052 4053 function renderResults(data, q){ 4054 const products = data && data.resources && data.resources.results && data.resources.results.products 4055 ? data.resources.results.products 4056 : []; 4057 4058 if(!resultsList) return; 4059 4060 if(!products.length){ 4061 resultsList.innerHTML = `<li class="mm51m__results-item"><div style="color:#666;">Sin resultados</div></li>`; 4062 updateFooter(q); 4063 return; 4064 } 4065 4066 4067 resultsList.innerHTML = products.map(p => { 4068 const img = (p.featured_image && p.featured_image.url) ? p.featured_image.url : ''; 4069 4070 4071 const rawPrice = (p.price != null) ? p.price : 0; 4072 const formattedPrice = new Intl.NumberFormat('es-CL').format(rawPrice); 4073 4074 return ` 4075 <li class="mm51m__results-item"> 4076 <a href="${p.url}"> 4077 <span class="mm51m__results-thumb">${img ? `<img src="${img}" alt="">` : ''}</span> 4078 <span class="mm51m__results-meta"> 4079 <span class="mm51m__results-title">${(p.title || '').replace(/</g,'<')}</span> 4080 ${p.price != null ? `<span class="mm51m__results-price">$${formattedPrice}</span>` : ``} 4081 </span> 4082 </a> 4083 </li> 4084 `; 4085}).join(''); 4086 4087 updateFooter(q); 4088 } 4089 4090 function doSearch(q){ 4091 const term = (q || '').trim().replace(/\s+/g,' '); 4092 4093 // SIN TEXTO -> menús visibles, sin resultados 4094 if(term.length < minChars){ 4095 if(resultsList) resultsList.innerHTML = ''; 4096 if(footer) footer.hidden = true; 4097 toggleSearchMenus(true); 4098 return; 4099 } 4100 4101 // CON TEXTO -> ocultar menús, mostrar resultados 4102 toggleSearchMenus(false); 4103 showSearch(); 4104 4105 clearTimeout(debounceId); 4106 debounceId = setTimeout(async ()=>{ 4107 try{ 4108 const data = await fetchSuggest(term); 4109 renderResults(data, term); 4110 }catch(err){ 4111 if(resultsList) resultsList.innerHTML = `<li class="mm51m__results-item"><div style="color:#666;">Sin resultados</div></li>`; 4112 updateFooter(term); 4113 } 4114 }, 160); 4115 } 4116 4117 searchInput && searchInput.addEventListener('focus', ()=>{ 4118 showSearch(); 4119 const q = (searchInput.value || '').trim(); 4120 if(q.length < minChars) toggleSearchMenus(true); 4121 }); 4122 4123 searchInput && searchInput.addEventListener('input', ()=>{ 4124 doSearch(searchInput.value); 4125 }); 4126 4127 searchInput && searchInput.addEventListener('keydown', (e)=>{ 4128 if(e.key === 'Enter'){ 4129 e.preventDefault(); 4130 const q = (searchInput.value || '').trim(); 4131 if(q.length >= minChars){ 4132 window.location.assign(`/search?q=${encodeURIComponent(q)}&type=product`); 4133 } 4134 } 4135 }); 4136 4137 })(); 4138 </script>
4138 4139
4140<script> 4141 document.addEventListener('DOMContentLoaded', function () { 4142 function syncCloseWidth() { 4143 const nav = document.querySelector('.mm51m__nav'); 4144 const closeBtn = document.querySelector('.mm51m__close'); 4145 4146 if (!nav || !closeBtn) return; 4147 4148 const navWidth = nav.getBoundingClientRect().width; 4149 closeBtn.style.width = navWidth + 'px'; 4150 } 4151 4152 // Al cargar 4153 syncCloseWidth(); 4154 4155 // Al redimensionar 4156 window.addEventListener('resize', syncCloseWidth); 4157 4158 // Si el drawer se abre dinámicamente 4159 document.addEventListener('mm51m:open', syncCloseWidth); 4160 }); 4161 </script>
4161 4162 4163</div> 4164 4165 4166 <div id="shopify-section-lab51-desktop-search" class="shopify-section"> 4167 4168<section 4169 class="l51-ps" 4170 data-l51-ps 4171 data-l51-ps-handle="header-search" 4172 data-limit="6" 4173><template data-l51-ps-tpl> 4174 <div 4175 class="l51-ps__attach" 4176 data-l51-ps-attach 4177 id="l51-ps-portal-lab51-desktop-search" 4178 hidden 4179 style="--ps-top: 0px;" 4180 > 4181 <div class="l51-ps__panel" role="dialog" aria-modal="true" aria-label="Buscador"> 4182 <div class="l51-ps__bar"> 4183 <div class="l51-ps__field"> 4184 <span class="l51-ps__icon" aria-hidden="true"> 4185 <svg width="21" height="21" viewBox="0 0 21 21" fill="none" xmlns="http://www.w3.org/2000/svg"> 4186 <path d="M15.4982 15.4982L20.5 20.5M17.9991 9.24954C17.9991 14.0837 14.0837 17.9991 9.24954 17.9991C4.41542 17.9991 0.5 14.0837 0.5 9.24954C0.5 4.41542 4.41542 0.5 9.24954 0.5C14.0837 0.5 17.9991 4.41542 17.9991 9.24954Z" stroke="#242424" stroke-linecap="round" stroke-linejoin="round"/> 4187 </svg> 4188 4189 </span> 4190 4191 <input 4192 class="l51-ps__input" 4193 type="search" 4194 placeholder="¿Qué estás buscando?" 4195 autocomplete="off" autocorrect="off" autocapitalize="off" spellcheck="false" 4196 aria-expanded="false" 4197 aria-haspopup="listbox" 4198 aria-owns="l51-ps-results-lab51-desktop-search" 4199 data-l51-ps-input 4200 > 4201 4202 <button type="button" class="l51-ps__close" data-l51-ps-close aria-label="Cerrar buscador"> 4203 â 4204 </button> 4205 </div> 4206 </div> 4207 4208 <div class="l51-ps__content"><div class="l51-ps__empty" data-l51-ps-empty> 4209 <div class="l51-ps__grid"> 4210 <div class="l51-ps__reco"> 4211 4212 4213 <div class="l51-ps__reco-row"><p class="l51-ps__muted"></p></div> 4214 </div> 4215 4216 <div class="l51-ps__menus"><div class="l51-ps__menus-row"></div> 4217 </div> 4218 </div> 4219 </div><div class="l51-ps__live" data-l51-ps-live hidden> 4220 <div class="l51-ps__results" id="l51-ps-results-lab51-desktop-search" data-l51-ps-results></div> 4221 4222 <div class="l51-ps__footer" data-l51-ps-footer hidden> 4223 <a class="btn btn--solid btn--large btn--primary" data-l51-ps-more href="#"> 4224 Ver todo 4225 </a> 4226 </div> 4227 </div> 4228 4229 <div class="l51-ps__loading" data-l51-ps-loading hidden> 4230 <div class="l51-ps__spinner"></div> 4231 </div> 4232 </div> 4233 </div> 4234 </div> 4235 </template> 4236</section> 4237 4238 4239
4240<script> 4241 (function(){ 4242 function ready(fn){ 4243 if(document.readyState === 'loading') document.addEventListener('DOMContentLoaded', fn); 4244 else fn(); 4245 } 4246 4247 ready(function(){ 4248 const roots = Array.from(document.querySelectorAll('[data-l51-ps]')); 4249 if(!roots.length) return; 4250 4251 const navEl = document.querySelector('.theme__header'); 4252 if(!navEl) return; 4253 4254 const isDesktop = () => window.matchMedia('(min-width: 990px)').matches; 4255 4256 roots.forEach((root)=>{ 4257 const handle = root.getAttribute('data-l51-ps-handle') || ''; 4258 const tpl = root.querySelector('[data-l51-ps-tpl]'); 4259 if(!handle || !tpl) return; 4260 4261 const triggers = Array.from(document.querySelectorAll('[data-l51-ps-open="'+handle+'"]')); 4262 if(!triggers.length) return; 4263 4264 const limit = parseInt(root.getAttribute('data-limit') || '6', 10) || 6; 4265 const minChars = 1; 4266 4267 let attach = document.querySelector('[data-l51-ps-attach][data-ps-mounted="'+handle+'"]'); 4268 4269 if(!attach){ 4270 attach = tpl.content.firstElementChild.cloneNode(true); 4271 attach.setAttribute('data-ps-mounted', handle); 4272 attach.hidden = true; 4273 navEl.insertAdjacentElement('afterend', attach); 4274 } else { 4275 attach.hidden = true; 4276 } 4277 4278 attach.id = 'l51-ps-portal-' + handle; 4279 triggers.forEach(t => t.setAttribute('aria-controls', attach.id)); 4280 4281 const input = attach.querySelector('[data-l51-ps-input]'); 4282 const closeBtn = attach.querySelector('[data-l51-ps-close]'); 4283 const emptyState = attach.querySelector('[data-l51-ps-empty]'); 4284 const liveState = attach.querySelector('[data-l51-ps-live]'); 4285 const resultsBox = attach.querySelector('[data-l51-ps-results]'); 4286 const loadingEl = attach.querySelector('[data-l51-ps-loading]'); 4287 const footerEl = attach.querySelector('[data-l51-ps-footer]'); 4288 const moreBtn = attach.querySelector('[data-l51-ps-more]'); 4289 4290 if(!input || !resultsBox) return; 4291 4292 let lastQuery = ''; 4293 let debounceTimer = null; 4294 4295 function setTopFromNav(){ 4296 const r = navEl.getBoundingClientRect(); 4297 attach.style.setProperty('--ps-top', r.bottom + 'px'); 4298 } 4299 4300 function setLoading(on){ 4301 if(!loadingEl) return; 4302 loadingEl.hidden = !on; 4303 } 4304 4305 function isOpen(){ return attach.hidden === false; } 4306 4307 function showEmpty(){ 4308 if(emptyState) emptyState.hidden = false; 4309 if(liveState) liveState.hidden = true; 4310 resultsBox.innerHTML = ''; 4311 if(footerEl) footerEl.hidden = true; 4312 } 4313 4314 function showLive(){ 4315 if(emptyState) emptyState.hidden = true; 4316 if(liveState) liveState.hidden = false; 4317 } 4318 4319 function openPanel(){ 4320 if(!isDesktop()) return; 4321 setTopFromNav(); 4322 attach.hidden = false; 4323 triggers.forEach(t => t.setAttribute('aria-expanded','true')); 4324 input.setAttribute('aria-expanded','true'); 4325 showEmpty(); 4326 setLoading(false); 4327 setTimeout(()=> input.focus(), 0); 4328 } 4329 4330 function closePanel(){ 4331 attach.hidden = true; 4332 triggers.forEach(t => t.setAttribute('aria-expanded','false')); 4333 input.setAttribute('aria-expanded','false'); 4334 setLoading(false); 4335 } 4336 4337 function buildUrlHtml(q){ 4338 const p = new URLSearchParams(); 4339 p.set('q', q); 4340 p.set('resources[type]', 'product'); 4341 p.set('resources[limit]', String(limit)); 4342 p.set('resources[options][unavailable_products]', 'last'); 4343 p.set('section_id', 'predictive-search-render'); // â ESTE ES EL QUE EXISTE 4344 return '/search/suggest?' + p.toString(); 4345} 4346 4347 function updateFooterLink(q){ 4348 if(!footerEl || !moreBtn) return; 4349 const term = (q || '').trim(); 4350 if(!term){ footerEl.hidden = true; moreBtn.href = '#'; return; } 4351 moreBtn.href = '/search?q=' + encodeURIComponent(term) + '&type=product'; 4352 moreBtn.textContent = `Ver más resultados para â${term}â`; 4353 footerEl.hidden = false;
4354 } 4355 async function fetchResults(q){ 4356 try{ 4357 setLoading(true); 4358 4359 const url = buildUrlHtml(q); 4360 const res = await fetch(url, { 4361 credentials: 'same-origin', 4362 headers: { 4363 'Accept': 'text/html', 4364 'X-Requested-With': 'XMLHttpRequest' 4365 } 4366 }); 4367 4368 if(!res.ok){ 4369 resultsBox.innerHTML = '<div class="l51-ps__nores">Error al buscar</div>'; 4370 updateFooterLink(q); 4371 return; 4372 } 4373 4374 const html = await res.text(); 4375 4376 // Parsear HTML en DOM y extraer SOLO la sección render 4377 const doc = new DOMParser().parseFromString(html, 'text/html'); 4378 4379 // Shopify normalmente envuelve asÃ: 4380 // <div id="shopify-section-predictive-search-render" class="shopify-section">...</div> 4381 const sectionEl = 4382 doc.getElementById('shopify-section-predictive-search-render') || 4383 doc.querySelector('#shopify-section-predictive-search-render'); 4384 4385 if(!sectionEl){ 4386 console.warn('[L51 PS] No encontré #shopify-section-predictive-search-render en la respuesta', html.slice(0, 500)); 4387 resultsBox.innerHTML = '<div class="l51-ps__nores">Sin resultados</div>'; 4388 updateFooterLink(q); 4389 return; 4390 } 4391 4392 const finalHtml = (sectionEl.innerHTML || '').trim(); 4393 4394 resultsBox.innerHTML = finalHtml || '<div class="l51-ps__nores">Sin resultados</div>'; 4395 updateFooterLink(q); 4396 }catch(e){ 4397 console.warn('[L51 PS] Predictive fetch error', e); 4398 resultsBox.innerHTML = '<div class="l51-ps__nores">Error al buscar</div>'; 4399 updateFooterLink(q); 4400 }finally{ 4401 setLoading(false); 4402 } 4403 } 4404 4405 triggers.forEach((btn)=>{ 4406 if(btn.getAttribute('data-ps-bound') === 'true') return; 4407 btn.setAttribute('data-ps-bound','true'); 4408 4409 btn.addEventListener('click', (e)=>{ 4410 e.preventDefault(); 4411 if(isOpen()){ 4412 input.focus(); 4413 return; 4414 } 4415 openPanel(); 4416 }); 4417 }); 4418 4419 if(closeBtn){ 4420 closeBtn.addEventListener('click', (e)=>{ 4421 e.preventDefault(); 4422 closePanel(); 4423 }); 4424 } 4425 4426 document.addEventListener('click', (e)=>{ 4427 if(!isOpen()) return; 4428 const inside = attach.contains(e.target); 4429 const insideTrigger = triggers.some(t => t.contains(e.target)); 4430 if(!inside && !insideTrigger) closePanel(); 4431 }); 4432 4433 document.addEventListener('keydown', (e)=>{ 4434 if(e.key === 'Escape' && isOpen()) closePanel(); 4435 }); 4436 4437 window.addEventListener('resize', ()=>{ 4438 if(!isDesktop()) closePanel(); 4439 setTopFromNav(); 4440 }, { passive: true }); 4441 4442 window.addEventListener('scroll', ()=>{ 4443 if(!isDesktop()) return; 4444 if(!isOpen()) return; 4445 setTopFromNav(); 4446 }, { passive: true }); 4447 4448 input.addEventListener('input', ()=>{ 4449 const q = (input.value || '').trim(); 4450 4451 if(q.length < minChars){ 4452 lastQuery = ''; 4453 showEmpty(); 4454 setLoading(false); 4455 return; 4456 } 4457 4458 showLive(); 4459 4460 if(q === lastQuery) return; 4461 lastQuery = q; 4462 4463 clearTimeout(debounceTimer); 4464 debounceTimer = setTimeout(()=> fetchResults(q), 180); 4465 }); 4466 4467 input.addEventListener('keydown', (e)=>{ 4468 if(e.key === 'Enter'){ 4469 e.preventDefault(); 4470 const q = (input.value || '').trim(); 4471 if(q.length >= minChars){ 4472 window.location.href = '/search?q=' + encodeURIComponent(q) + '&type=product'; 4473 } 4474 } 4475 }); 4476 4477 attach.addEventListener('click', (e)=>{ 4478 const chip = e.target.closest('[data-l51-ps-chip]'); 4479 if(!chip) return; 4480 e.preventDefault(); 4481 const term = (chip.getAttribute('data-term') || '').trim(); 4482 if(!term) return; 4483 4484 input.value = term; 4485 lastQuery = term; 4486 showLive(); 4487 fetchResults(term); 4488 }); 4489 4490 closePanel(); 4491 setTopFromNav(); 4492 }); 4493 }); 4494 })(); 4495 </script>
4495 4496 4497 4498 4499<style> 4500 /* Solo desktop */ 4501 @media (max-width: 749px){ .l51-ps{display:none !important;} } 4502 4503 .l51-ps__attach{ 4504 position: fixed; /* como un dropdown âpegadoâ al viewport */ 4505 left: 0; 4506 right: 0; 4507 top: var(--ps-top); 4508 z-index: 99; 4509 padding: 0px 1%; 4510 margin-top: -10px; 4511 } 4512 4513 .l51-ps__panel{ 4514 max-width: 100%; 4515 margin: 0 auto; 4516 background:#fff; 4517 border-radius: 0 0 16px 16px; 4518 box-shadow: 0 6px 12px 0 rgba(0, 0, 0, 0.12); 4519 overflow:hidden; 4520 } 4521 4522 .l51-ps__bar{ 4523 padding: 46px 64px 36px; 4524 } 4525 4526 .l51-ps__field{ 4527 position: relative; 4528 display:flex; 4529 align-items:center; 4530 } 4531 4532 .l51-ps__icon{ 4533 position:absolute; 4534 left: 18px; 4535 top: 50%; 4536 transform: translateY(-50%); 4537 opacity:.8; 4538 font-size: 18px; 4539 } 4540 4541 .l51-ps__input{ 4542 width:100%; 4543 height: 48px; 4544 border-radius: 999px; 4545 border: 0; 4546 outline:none; 4547 padding: 0 48px 0 46px; 4548 background: #f5f1ea; 4549 font-size: 16px; 4550 } 4551 4552 .l51-ps__close{ 4553 position:absolute; 4554 right: 10px; 4555 top:50%; 4556 transform: translateY(-50%); 4557 width: 34px; 4558 height: 34px; 4559 border-radius: 999px; 4560 border: 0; 4561 background: transparent; 4562 cursor:pointer; 4563 font-size: 18px; 4564 line-height: 1; 4565 opacity:.9; 4566 } 4567 4568 .l51-ps__content{ 4569 padding: 0px 64px 36px; 4570 } 4571 4572 .l51-ps__content .product-item__bg .lazy-image--backfill { 4573 background: #F4EFE9 !important; 4574 } 4575 4576 .l51-ps__grid{ 4577 display:block; 4578 } 4579 4580 .l51-ps__reco{ 4581 padding-bottom: 36px; 4582 border-bottom: 1px solid #F4EFE9; 4583 margin-bottom: 36px; 4584 } 4585 4586 .l51-ps__h{ 4587 font-family: 'Montserrat',sans-serif; 4588 margin: 0 0 24px; 4589 font-weight: 700; 4590 text-transform: uppercase; 4591 font-size: 16px; 4592 } 4593 4594 .l51-ps__reco-row{ 4595 display:grid; 4596 grid-template-columns: repeat(4, minmax(0, 1fr)); 4597 gap: 18px; 4598 } 4599 4600 .l51-ps__menus-row{ 4601 display:grid; 4602 grid-template-columns: 1fr 1fr; 4603 gap: 28px; 4604 align-items:start; 4605 } 4606 4607 .l51-ps__chips{ 4608 display:flex; 4609 flex-wrap:wrap; 4610 gap: 12px; 4611 } 4612 4613 .l51-ps__chip{ 4614 display: inline-flex; 4615 align-items: center; 4616 justify-content: center; 4617 padding: 10px 36px; 4618 border-radius: 999px; 4619 background: #f4efe9; 4620 text-decoration: none; 4621 color: inherit; 4622 white-space: nowrap; 4623 font-weight: 500; 4624 } 4625 4626 .l51-ps__muted{ margin:0; opacity:.7; } 4627 4628 .l51-ps__loading{ 4629 display:flex; 4630 justify-content:center; 4631 padding: 14px 0 2px; 4632 display: none; 4633 } 4634 4635 .l51-ps__spinner{ 4636 width: 26px; height: 26px; 4637 border-radius: 999px; 4638 border: 2px solid rgba(0,0,0,.14); 4639 border-top-color: rgba(0,0,0,.55); 4640 animation: l51spin .8s linear infinite; 4641 } 4642 4643 @keyframes l51spin{ to{ transform: rotate(360deg);} } 4644 4645 .l51-ps__live .grid { 4646 grid-template-columns: repeat(4, 1fr); 4647 gap: 6px; 4648 } 4649 4650 .l51-ps__footer { 4651 display: flex; 4652 justify-content: center; 4653 padding: 36px 0 0; 4654 } 4655 4656 .l51-ps__footer .btn { 4657 font-size: 16px; 4658 } 4659 4660</style> 4661 4662</div> 4663 4664 </div> 4665 4666 <!-- BEGIN sections: group-overlay --> 4667<div id="shopify-section-sections--27653290393774__cart-drawer" class="shopify-section shopify-section-group-group-overlay"><div 4668 data-section-id="sections--27653290393774__cart-drawer" 4669 data-section-type="cart-drawer" 4670 > 4671 <cart-drawer 4672 class="drawer drawer--cart is-empty color-scheme-1" 4673 id="cart-drawer" 4674 tabindex="0" 4675 > 4676 <collapsible-elements class="drawer__inner" single="true" data-cart-drawer-inner data-scroll-lock-scrollable> 4677 <div class="drawer__body" data-cart-drawer-body data-scroll-lock-scrollable> 4678 4679<div class="cart-block body-x-small" 4680 data-animation="cart-items-fade" 4681 data-animation-duration="500" 4682 data-animation-delay="250" 4683 4684 > 4685<div 4686 class="drawer__message free-shipping" 4687 data-free-shipping="true" 4688 data-free-shipping-limit="74990" 4689 ><span class="free-shipping__success-message">¡Felicidades! Su pedido está calificado para el envÃo gratis</span><span class="free-shipping__default-message"> 4690 Estás a <span data-left-to-spend>$74.990</span> de tener envÃo gratis! 4691 </span><progress 4692 class="free-shipping__progress-bar" 4693 data-progress-bar
4694 value="0" 4695 max="100" 4696 ></progress><div class="confetti"> 4697 <span class="confetti__dot confetti__dot--1"></span> 4698 <span class="confetti__dot confetti__dot--2"></span> 4699 <span class="confetti__dot confetti__dot--3"></span> 4700 <span class="confetti__dot confetti__dot--4"></span> 4701 <span class="confetti__dot confetti__dot--5"></span> 4702 <span class="confetti__dot confetti__dot--6"></span> 4703 </div> 4704 </div></div><div class="cart-block body-small cart-block--top drawer__head" 4705 data-animation="cart-items-fade" 4706 data-animation-duration="500" 4707 data-animation-delay="300" 4708 4709 ><span class="drawer__heading"> 4710 Carrito 4711 4712 <cart-count class="cart__items-count" data-cart-count="0">0</cart-count> 4713 </span> 4714 4715 <button type="button" class="drawer__close" data-cart-drawer-close aria-label="Cerrar Carrito de compras"><svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-cancel" viewBox="0 0 24 24"><path d="M6.758 17.243 12.001 12m5.243-5.243L12 12m0 0L6.758 6.757M12.001 12l5.243 5.243" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/></svg></button> 4716</div><div class="cart-block body-small cart-block--items" 4717 data-animation="cart-items-fade" 4718 data-animation-duration="500" 4719 data-animation-delay="350" 4720 4721 ><div class="cart__errors drawer__errors" 4722 data-cart-errors 4723 data-animation="cart-items-fade" 4724 data-animation-duration="500" 4725 data-animation-delay="400"> 4726 <div class="cart__errors__inner"> 4727 <p class="cart__errors__heading">Lo siento, parece que no tenemos suficiente de este producto.</p> 4728 4729 <p class="cart__errors__content" data-error-message></p> 4730 4731 <button class="cart__errors__close" type="button" data-cart-error-close aria-label="Cerrar Carrito de compras"><svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-cancel" viewBox="0 0 24 24"><path d="M6.758 17.243 12.001 12m5.243-5.243L12 12m0 0L6.758 6.757M12.001 12l5.243 5.243" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/></svg></button> 4732 </div> 4733 </div> 4734 4735 <cart-items class="drawer__items" data-items-holder style="--base-animation-delay: 400ms"></cart-items> 4736</div><div class="cart-block " 4737 data-animation="cart-items-fade" 4738 data-animation-duration="500" 4739 data-animation-delay="400" 4740 4741 > 4742<details 4743 class="cart__widget cart__widget--products accordion" 4744 4745 open="true" 4746 4747 data-collapsible 4748 4749 data-upsell-widget 4750 4751 4752 data-upsell-auto-open 4753 4754 > 4755 <summary class="cart__widget__title" data-collapsible-trigger>¡Alcanza tu despacho gratis! 4756<svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-nav-arrow-down" viewBox="0 0 24 24"><path d="m6 9 6 6 6-6" stroke="#000" stroke-linecap="round" stroke-linejoin="round"/></svg></summary> 4757 4758 <div 4759 class="cart__widget__content" 4760 4761 style="height: auto;" 4762 4763 data-collapsible-body 4764 > 4765 <div class="cart__widget__content__inner" data-collapsible-content> 4766 <div 4767 class="cart__widget__products" 4768 4769 4770 ><quick-add-product 4771 4772 > 4773 <div 4774 class="product-upsell__holder product-upsell__holder--cart" 4775 data-quick-add-holder="9011622543534" 4776 > 4777 <div data-cart-errors-container class="product-upsell__errors"></div> 4778 4779 <div class="product-upsell"> 4780 <div class="product-upsell__image"><a 4781 href="/products/calcetin-mujer-hpw-smile-sock-accesorios-hp-ha211031296-022" 4782 class="product-upsell__image__link" 4783 aria-label="Calcetin Algodon Muer Hpw Smile Sock Blanco Hush Puppies" 4784 > 4785 <div class="product-upsell__image__thumb"><figure class="image-wrapper image-wrapper--cover lazy-image lazy-image--backfill is-loading" style="--aspect-ratio: 0.75;"><img src="//www.hushpuppies.cl/cdn/shop/files/HA211031296_022_1.jpg?crop=center&height=320&v=1771247299&width=240" alt="Calcetin Algodon Muer Hpw Smile Sock Blanco Hush Puppies | Hush Puppies" width="240" height="320" loading="eager" srcset="//www.hushpuppies.cl/cdn/shop/files/HA211031296_022_1.jpg?v=1771247299&width=120 120w, //www.hushpuppies.cl/cdn/shop/files/HA211031296_022_1.jpg?v=1771247299&width=180 180w, //www.hushpuppies.cl/cdn/shop/files/HA211031296_022_1.jpg?v=1771247299&width=240 240w, //www.hushpuppies.cl/cdn/shop/files/HA211031296_022_1.jpg?v=1771247299&width=300 300w, //www.hushpuppies.cl/cdn/shop/files/HA211031296_022_1.jpg?v=1771247299&width=360 360w" sizes="120px" class=" is-loading "> 4786</figure> 4787</div> 4788 </a></div> 4789 4790 <div class="product-upsell__content"><a href="/products/calcetin-mujer-hpw-smile-sock-accesorios-hp-ha211031296-022" class="product-upsell__link"> 4791 <p class="product-upsell__title h3">Calcetin Algodon Muer Hpw Smile Sock Blanco Hush Puppies</p><p class="product-upsell__variant-title h4"> 4792 Talla Ãnica 4793 </p><p class="product-upsell__price sale">
4794 <span class="new-price">$5.394 4795</span><span class="old-price">$8.990</span></p></a><div class="product-upsell__actions"><form method="post" action="/cart/add" id="ProductFormUpsell--sections--27653290393774__cart-drawer-9011622543534" accept-charset="UTF-8" class="product-upsell__form" enctype="multipart/form-data"><input type="hidden" name="form_type" value="product" /><input type="hidden" name="utf8" value="â" /><input type="hidden" name="id" value="47514351141038"> 4796 4797 4798 <input 4799 type="hidden" 4800 form="ProductFormUpsell--sections--27653290393774__cart-drawer-9011622543534" 4801 name="properties[Color]" 4802 value="" 4803 > 4804 4805 <div class="btn__outer"> 4806 <button 4807 class="product-upsell__btn" 4808 type="submit" 4809 name="add" 4810 data-quick-add-btn 4811 data-add-to-cart 4812 4813 > 4814 <span class="btn__plus"></span> 4815 <span class="btn__text">Agregar</span> 4816 4817 <span class="btn__loader"> 4818 <svg height="18" width="18" class="svg-loader"> 4819 <circle r="7" cx="9" cy="9" /> 4820 <circle stroke-dasharray="87.96459430051421 87.96459430051421" r="7" cx="9" cy="9" /> 4821 </svg> 4822 </span> 4823 4824 <span class="btn__added"> </span> 4825 </button> 4826 </div><input type="hidden" name="product-id" value="9011622543534" /><input type="hidden" name="section-id" value="sections--27653290393774__cart-drawer" /></form></div></div> 4827 </div> 4828<style data-shopify> 4829.product-quick-add .product-quick-add__content .des-extra { 4830 color: #979490; 4831} 4832.product-quick-add .product-quick-add__content.quick-add-advance .container-details { 4833 display: grid; 4834} 4835.product-quick-add .product-quick-add__content.quick-add-advance .des-extra { 4836 display: block; 4837 grid-row: 1; 4838 margin: 0 0 6px; 4839 font-size: 16px; 4840 font-weight: 500; 4841} 4842 4843@media screen and (max-width: 749px) { 4844 .product-quick-add .product-quick-add__content.quick-add-advance .des-extra { 4845 font-size: 12px; 4846 font-weight: 400; 4847 } 4848} 4849 4850 4851 4852</style><template data-quick-add-modal-template> 4853 <dialog 4854 class="drawer product-quick-add" 4855 data-product-id="9011622543534" 4856 data-section-id="sections--27653290393774__cart-drawer-9011622543534" 4857 inert 4858 data-quick-add-modal 4859 data-scroll-lock-required 4860 > 4861 <form method="dialog"> 4862 <button class="visually-hidden" aria-label="Cerrar"></button> 4863 </form> 4864 4865 <div 4866 class="drawer__inner product-quick-add__content quick-add-advance " 4867 data-scroll-lock-scrollable 4868 style="--swatch-size: var(--swatch-size-product)" 4869 > 4870 <div class="product-quick-add__close-outer"> 4871 <button 4872 class="product-quick-add__close drawer__close" 4873 aria-label="Cerrar" 4874 data-quick-add-modal-close 4875 ><svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-cancel" viewBox="0 0 24 24"><path d="M6.758 17.243 12.001 12m5.243-5.243L12 12m0 0L6.758 6.757M12.001 12l5.243 5.243" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/></svg></button> 4876 </div> 4877 4878 <div class="product-quick-add__inner" data-product-upsell-ajax></div> 4879 4880 <div class="loader loader--top"><div class="loader-indeterminate"></div></div> 4881 </div> 4882 </dialog> 4883</template> 4884</div> 4885 </quick-add-product><quick-add-product 4886 4887 > 4888 <div 4889 class="product-upsell__holder product-upsell__holder--cart" 4890 data-quick-add-holder="9011709051054" 4891 > 4892 <div data-cart-errors-container class="product-upsell__errors"></div> 4893 4894 <div class="product-upsell"> 4895 <div class="product-upsell__image"><a 4896 href="/products/cinturon-hombre-hp-fabrizio-accesorios-hp-ha110031745-znn" 4897 class="product-upsell__image__link" 4898 aria-label="Cinturon Cuero Hombre Fabrizio Multicolor Hush Puppies" 4899 > 4900 <div class="product-upsell__image__thumb"><figure class="image-wrapper image-wrapper--cover lazy-image lazy-image--backfill is-loading" style="--aspect-ratio: 0.75;"><img src="//www.hushpuppies.cl/cdn/shop/files/HA110031745_ZNN_1.jpg?crop=center&height=320&v=1772450502&width=240" alt="Cinturon Cuero Hombre Fabrizio Multicolor Hush Puppies" width="240" height="320" loading="eager" srcset="//www.hushpuppies.cl/cdn/shop/files/HA110031745_ZNN_1.jpg?v=1772450502&width=120 120w, //www.hushpuppies.cl/cdn/shop/files/HA110031745_ZNN_1.jpg?v=1772450502&width=180 180w, //www.hushpuppies.cl/cdn/shop/files/HA110031745_ZNN_1.jpg?v=1772450502&width=240 240w, //www.hushpuppies.cl/cdn/shop/files/HA110031745_ZNN_1.jpg?v=1772450502&width=300 300w, //www.hushpuppies.cl/cdn/shop/files/HA110031745_ZNN_1.jpg?v=1772450502&width=360 360w" sizes="120px" class=" is-loading "> 4901</figure> 4902</div> 4903 </a></div> 4904 4905 <div class="product-upsell__content"><a href="/products/cinturon-hombre-hp-fabrizio-accesorios-hp-ha110031745-znn" class="product-upsell__link"> 4906 <p class="product-upsell__title h3">Cinturon Cuero Hombre Fabrizio Multicolor Hush Puppies</p><p class="product-upsell__price sale">
4907 <span class="new-price">$13.794 4908</span><span class="old-price">$22.990</span></p></a><div class="product-upsell__actions"><div class="btn__outer"> 4909 <button 4910 class="product-upsell__btn" 4911 type="button" 4912 data-quick-add-btn 4913 data-quick-add-modal-handle="cinturon-hombre-hp-fabrizio-accesorios-hp-ha110031745-znn" 4914 > 4915 <span class="btn__plus"></span> 4916 <span class="btn__text">Agregar</span> 4917 4918 <span class="btn__loader"> 4919 <svg height="18" width="18" class="svg-loader"> 4920 <circle r="7" cx="9" cy="9" /> 4921 <circle stroke-dasharray="87.96459430051421 87.96459430051421" r="7" cx="9" cy="9" /> 4922 </svg> 4923 </span> 4924 4925 <span class="btn__added"> </span> 4926 </button> 4927 </div></div></div> 4928 </div> 4929<style data-shopify> 4930.product-quick-add .product-quick-add__content .des-extra { 4931 color: #979490; 4932} 4933.product-quick-add .product-quick-add__content.quick-add-advance .container-details { 4934 display: grid; 4935} 4936.product-quick-add .product-quick-add__content.quick-add-advance .des-extra { 4937 display: block; 4938 grid-row: 1; 4939 margin: 0 0 6px; 4940 font-size: 16px; 4941 font-weight: 500; 4942} 4943 4944@media screen and (max-width: 749px) { 4945 .product-quick-add .product-quick-add__content.quick-add-advance .des-extra { 4946 font-size: 12px; 4947 font-weight: 400; 4948 } 4949} 4950 4951 4952 4953</style><template data-quick-add-modal-template> 4954 <dialog 4955 class="drawer product-quick-add" 4956 data-product-id="9011709051054" 4957 data-section-id="sections--27653290393774__cart-drawer-9011709051054" 4958 inert 4959 data-quick-add-modal 4960 data-scroll-lock-required 4961 > 4962 <form method="dialog"> 4963 <button class="visually-hidden" aria-label="Cerrar"></button> 4964 </form> 4965 4966 <div 4967 class="drawer__inner product-quick-add__content quick-add-advance " 4968 data-scroll-lock-scrollable 4969 style="--swatch-size: var(--swatch-size-product)" 4970 > 4971 <div class="product-quick-add__close-outer"> 4972 <button 4973 class="product-quick-add__close drawer__close" 4974 aria-label="Cerrar" 4975 data-quick-add-modal-close 4976 ><svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-cancel" viewBox="0 0 24 24"><path d="M6.758 17.243 12.001 12m5.243-5.243L12 12m0 0L6.758 6.757M12.001 12l5.243 5.243" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/></svg></button> 4977 </div> 4978 4979 <div class="product-quick-add__inner" data-product-upsell-ajax></div> 4980 4981 <div class="loader loader--top"><div class="loader-indeterminate"></div></div> 4982 </div> 4983 </dialog> 4984</template> 4985</div> 4986 </quick-add-product><quick-add-product 4987 4988 > 4989 <div 4990 class="product-upsell__holder product-upsell__holder--cart" 4991 data-quick-add-holder="9011589251246" 4992 > 4993 <div data-cart-errors-container class="product-upsell__errors"></div> 4994 4995 <div class="product-upsell"> 4996 <div class="product-upsell__image"><a 4997 href="/products/calcetin-hombre-i25h-c-bear-accesorios-hp-ha111031126-n80" 4998 class="product-upsell__image__link" 4999 aria-label="Calcetin Algodón Hombre C Bear Azul Hush Puppies" 5000 > 5001 <div class="product-upsell__image__thumb"><figure class="image-wrapper image-wrapper--cover lazy-image lazy-image--backfill is-loading" style="--aspect-ratio: 0.75;"><img src="//www.hushpuppies.cl/cdn/shop/files/HA111031126_N80_1.jpg?crop=center&height=320&v=1771246463&width=240" alt="Calcetin Algodón Hombre C Bear Azul Hush Puppies | Hush Puppies" width="240" height="320" loading="eager" srcset="//www.hushpuppies.cl/cdn/shop/files/HA111031126_N80_1.jpg?v=1771246463&width=120 120w, //www.hushpuppies.cl/cdn/shop/files/HA111031126_N80_1.jpg?v=1771246463&width=180 180w, //www.hushpuppies.cl/cdn/shop/files/HA111031126_N80_1.jpg?v=1771246463&width=240 240w, //www.hushpuppies.cl/cdn/shop/files/HA111031126_
5001N80_1.jpg?v=1771246463&width=300 300w, //www.hushpuppies.cl/cdn/shop/files/HA111031126_N80_1.jpg?v=1771246463&width=360 360w" sizes="120px" class=" is-loading "> 5002</figure> 5003</div> 5004 </a></div> 5005 5006 <div class="product-upsell__content"><a href="/products/calcetin-hombre-i25h-c-bear-accesorios-hp-ha111031126-n80" class="product-upsell__link"> 5007 <p class="product-upsell__title h3">Calcetin Algodón Hombre C Bear Azul Hush Puppies</p><p class="product-upsell__variant-title h4"> 5008 Talla Ãnica 5009 </p><p class="product-upsell__price sale"> 5010 <span class="new-price">$4.194 5011</span><span class="old-price">$6.990</span></p></a><div class="product-upsell__actions"><form method="post" action="/cart/add" id="ProductFormUpsell--sections--27653290393774__cart-drawer-9011589251246" accept-charset="UTF-8" class="product-upsell__form" enctype="multipart/form-data"><input type="hidden" name="form_type" value="product" /><input type="hidden" name="utf8" value="â" /><input type="hidden" name="id" value="47514306707630"> 5012 5013 5014 <input 5015 type="hidden" 5016 form="ProductFormUpsell--sections--27653290393774__cart-drawer-9011589251246" 5017 name="properties[Color]" 5018 value="" 5019 > 5020 5021 <div class="btn__outer"> 5022 <button 5023 class="product-upsell__btn" 5024 type="submit" 5025 name="add" 5026 data-quick-add-btn 5027 data-add-to-cart 5028 5029 > 5030 <span class="btn__plus"></span> 5031 <span class="btn__text">Agregar</span> 5032 5033 <span class="btn__loader"> 5034 <svg height="18" width="18" class="svg-loader"> 5035 <circle r="7" cx="9" cy="9" /> 5036 <circle stroke-dasharray="87.96459430051421 87.96459430051421" r="7" cx="9" cy="9" /> 5037 </svg> 5038 </span> 5039 5040 <span class="btn__added"> </span> 5041 </button> 5042 </div><input type="hidden" name="product-id" value="9011589251246" /><input type="hidden" name="section-id" value="sections--27653290393774__cart-drawer" /></form></div></div> 5043 </div> 5044<style data-shopify> 5045.product-quick-add .product-quick-add__content .des-extra { 5046 color: #979490; 5047} 5048.product-quick-add .product-quick-add__content.quick-add-advance .container-details { 5049 display: grid; 5050} 5051.product-quick-add .product-quick-add__content.quick-add-advance .des-extra { 5052 display: block; 5053 grid-row: 1; 5054 margin: 0 0 6px; 5055 font-size: 16px; 5056 font-weight: 500; 5057} 5058 5059@media screen and (max-width: 749px) { 5060 .product-quick-add .product-quick-add__content.quick-add-advance .des-extra { 5061 font-size: 12px; 5062 font-weight: 400; 5063 } 5064} 5065 5066 5067 5068</style><template data-quick-add-modal-template> 5069 <dialog 5070 class="drawer product-quick-add" 5071 data-product-id="9011589251246" 5072 data-section-id="sections--27653290393774__cart-drawer-9011589251246" 5073 inert 5074 data-quick-add-modal 5075 data-scroll-lock-required 5076 > 5077 <form method="dialog"> 5078 <button class="visually-hidden" aria-label="Cerrar"></button> 5079 </form> 5080 5081 <div 5082 class="drawer__inner product-quick-add__content quick-add-advance " 5083 data-scroll-lock-scrollable 5084 style="--swatch-size: var(--swatch-size-product)" 5085 > 5086 <div class="product-quick-add__close-outer"> 5087 <button 5088 class="product-quick-add__close drawer__close" 5089 aria-label="Cerrar" 5090 data-quick-add-modal-close 5091 ><svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-cancel" viewBox="0 0 24 24"><path d="M6.758 17.243 12.001 12m5.243-5.243L12 12m0 0L6.758 6.757M12.001 12l5.243 5.243" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/></svg></button> 5092 </div> 5093 5094 <div class="product-quick-add__inner" data-product-upsell-ajax></div> 5095 5096 <div class="loader loader--top"><div class="loader-indeterminate"></div></div> 5097 </div> 5098 </dialog> 5099</template> 5100</div> 5101 </quick-add-product> 5102</div> 5103 </div> 5104 </div> 5105 </details></div> 5106</div><div 5107 class="drawer__foot" 5108 data-checkout-buttons 5109 style="--base-animation-delay: 250ms;" 5110 ><div class="cart-block " 5111 data-animation="cart-items-fade" 5112 data-animation-duration="500" 5113 data-animation-delay="250" 5114 5115 > 5116 5117<details 5118 class="cart__widget cart__widget--discount accordion" 5119 data-collapsible 5120> 5121 <summary class="cart__widget__title" data-collapsible-trigger>Código de descuento<svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-nav-arrow-down" viewB
5121ox="0 0 24 24"><path d="m6 9 6 6 6-6" stroke="#000" stroke-linecap="round" stroke-linejoin="round"/></svg></summary> 5122 5123 <div class="cart__widget__content" data-collapsible-body> 5124 <div class="cart__widget__content__inner" data-collapsible-content> 5125 <p class="cart__errors__content cart__errors__inner hidden" data-discount-error-message role="alert"></p> 5126 <input 5127 type="text" 5128 class="cart__field" 5129 data-discount-input 5130 placeholder="Introduzca el código de descuento" 5131 aria-label="Introduzca el código de descuento" 5132 value="" 5133 > 5134 5135 <input type="hidden" name="discount" value="" data-discount-field> 5136 5137 <button 5138 class="btn btn--outline btn--primary btn--full" 5139 type="button" 5140 data-apply-discount 5141 > 5142 Aplicar 5143 </button> 5144 </div> 5145 </div> 5146</details> 5147</div><div class="cart-block " 5148 data-animation="cart-items-fade" 5149 data-animation-duration="500" 5150 data-animation-delay="300" 5151 5152 ><form id="cartForm" class="cart__form" action="/cart" method="post" novalidate data-cart-form> 5153 5154 <div class="cart__foot__inner"> 5155 5156 <div class="cart__price__holder" data-cart-price-holder><div class="cart__total"> 5157 <span class="cart__total__label">Subtotal</span> 5158 5159 <span class="cart__total__price cart__total__price--animated" data-cart-total="0">Gratis 5160</span> 5161 5162 <div class="cart__price__loader loader"><div class="loader-indeterminate"></div></div> 5163</div> 5164</div> 5165 5166 <div class="cart__buttons-all"> 5167 5168 <div class="cart__buttons-wrapper"><div class="cart__buttons" data-cart-checkout-buttons> 5169 <fieldset class="cart__buttons__fieldset" data-cart-checkout-button> 5170 <button type="submit" name="checkout" class="btn btn--primary btn--solid btn--full cart__checkout"><!-- /snippets/animated-icon.liquid --> 5171 5172 5173<svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-lock" viewBox="0 0 24 24"><path d="M16 12h1.4a.6.6 0 0 1 .6.6v6.8a.6.6 0 0 1-.6.6H6.6a.6.6 0 0 1-.6-.6v-6.8a.6.6 0 0 1 .6-.6H8m8 0V8c0-1.333-.8-4-4-4S8 6.667 8 8v4m8 0H8" stroke="#000" stroke-linecap="round" stroke-linejoin="round"/></svg>FINALIZAR COMPRA</button></fieldset> 5174 </div> 5175 </div><a href="/cart" class="cart__view btn btn--primary btn--outline">Ver carrito</a><div class="share-cart-trigger-wrapper color-scheme-1"> 5176 <button 5177 type="button" 5178 class="share-cart-button share-cart-trigger btn btn--primary btn--solid btn--full" 5179 data-share-cart-open 5180 aria-haspopup="dialog" 5181 aria-expanded="false" 5182 aria-controls="ShareCartGlobalModal" 5183 > 5184 <span class="share-cart-trigger__icon" aria-hidden="true"> 5185 <svg width="22" height="22" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"> 5186 <path 5187 d="M18 8C19.6569 8 21 6.65685 21 5C21 3.34315 19.6569 2 18 2C16.3431 2 15 3.34315 15 5C15 5.28065 15.0385 5.55231 15.1105 5.80993L8.49261 9.11888C7.96029 8.42346 7.12113 8 6.2 8C4.54315 8 3.2 9.34315 3.2 11C3.2 12.6569 4.54315 14 6.2 14C7.12113 14 7.96029 13.5765 8.49261 12.8811L15.1105 16.1901C15.0385 16.4477 15 16.7194 15 17C15 18.6569 16.3431 20 18 20C19.6569 20 21 18.6569 21 17C21 15.3431 19.6569 14 18 14C17.0789 14 16.2397 14.4235 15.7074 15.1189L9.08951 11.8099C9.16147 11.5523 9.2 11.2806 9.2 11C9.2 10.7194 9.16147 10.4477 9.08951 10.1901L15.7074 6.88112C16.2397 7.57654 17.0789 8 18 8Z" 5188 stroke="currentColor" 5189 stroke-width="1.6" 5190 stroke-linecap="round" 5191 stroke-linejoin="round" 5192 /> 5193 </svg> 5194 </span> 5195 5196 <span> 5197 Compartir carrito 5198 </span> 5199 </button> 5200 </div></div> 5201 5202 <!-- <em class="cart__note text-center">Antes de los impuestos y gastos de envÃo.</em> --> 5203 </div> 5204 </form> 5205</div> 5206</div><div 5207 class="drawer__empty" 5208 data-cart-empty 5209 data-scroll-lock-scrollable 5210 style="--base-animation-delay: 200ms" 5211 > 5212 <div class="drawer__empty__inner"> 5213 <p 5214 class="drawer__empty__message" 5215 data-animation="cart-items-fade" 5216 data-animation-duration="500" 5217 data-animation-delay="200" 5218 >Tu carrito está vacio. Descubrir productos</p><div class="drawer__empty__buttons"><div 5219 class="drawer__empty__item" 5220 data-animation="cart-items-fade" 5221 data-animation-duration="500" 5222 data-animation-delay="250"> 5223 <a href="/collections/new-in" class="btn btn--full btn--primary btn--outline"> 5224 New in 5225 </a> 5226 </div><div 5227 class="drawer__empty__item" 5228 data-animation="cart-items-fade" 5229 data-animation-duration="500" 5230 data-animation-delay="300"> 5231 <a href="/collections/hombre" class="btn btn--full btn--primary btn--outline"> 5232 Hombre 5233 </a> 5234 </div><div 5235 class="drawer__empty__item" 5236 data-animation="cart-items-fade" 5237 data-animation-duration="500" 5238 data-animation-delay="350"> 5239 <a href="/collections/mujer" class="btn btn--full btn--primary btn--outline"> 5240 Mujer 5241 </a> 5242 </div><div 5243 class="drawer__empty__item" 5244 data-animation="cart-items-fade" 5245 data-animation-duration="500" 5246 data-animation-delay="400"> 5247 <a href="/collections/summer-sale" class="btn btn--full btn--primary btn--outline"> 5248 Sale
5249 </a> 5250 </div></div><div 5251 class="drawer__empty__product product__upsell--stacked" 5252 data-animation="cart-items-fade" 5253 data-animation-duration="500" 5254 data-animation-delay="450" 5255 ><quick-add-product 5256 5257 > 5258 <div 5259 class="product-upsell__holder product-upsell__holder--button" 5260 data-quick-add-holder="9011622543534" 5261 > 5262 <div data-cart-errors-container class="product-upsell__errors"></div> 5263 5264 <div class="product-upsell"> 5265 <div class="product-upsell__image"><a 5266 href="/products/calcetin-mujer-hpw-smile-sock-accesorios-hp-ha211031296-022" 5267 class="product-upsell__image__link" 5268 aria-label="Calcetin Algodon Muer Hpw Smile Sock Blanco Hush Puppies" 5269 > 5270 <div class="product-upsell__image__thumb"><figure class="image-wrapper image-wrapper--cover lazy-image lazy-image--backfill is-loading" style="--aspect-ratio: 0.75;"><img src="//www.hushpuppies.cl/cdn/shop/files/HA211031296_022_1.jpg?crop=center&height=320&v=1771247299&width=240" alt="Calcetin Algodon Muer Hpw Smile Sock Blanco Hush Puppies | Hush Puppies" width="240" height="320" loading="eager" srcset="//www.hushpuppies.cl/cdn/shop/files/HA211031296_022_1.jpg?v=1771247299&width=120 120w, //www.hushpuppies.cl/cdn/shop/files/HA211031296_022_1.jpg?v=1771247299&width=180 180w, //www.hushpuppies.cl/cdn/shop/files/HA211031296_022_1.jpg?v=1771247299&width=240 240w, //www.hushpuppies.cl/cdn/shop/files/HA211031296_022_1.jpg?v=1771247299&width=300 300w, //www.hushpuppies.cl/cdn/shop/files/HA211031296_022_1.jpg?v=1771247299&width=360 360w" sizes="120px" class=" is-loading "> 5271</figure> 5272</div> 5273 </a></div> 5274 5275 <div class="product-upsell__content"><a href="/products/calcetin-mujer-hpw-smile-sock-accesorios-hp-ha211031296-022" class="product-upsell__link"> 5276 <p class="product-upsell__title h3">Calcetin Algodon Muer Hpw Smile Sock Blanco Hush Puppies</p><p class="product-upsell__variant-title h4"> 5277 Talla Ãnica 5278 </p><p class="product-upsell__price sale"> 5279 <span class="new-price">$5.394 5280</span><span class="old-price">$8.990</span></p></a><div class="product-upsell__actions"><form method="post" action="/cart/add" id="ProductFormUpsell--sections--27653290393774__cart-drawer-9011622543534" accept-charset="UTF-8" class="product-upsell__form" enctype="multipart/form-data"><input type="hidden" name="form_type" value="product" /><input type="hidden" name="utf8" value="â" /><input type="hidden" name="id" value="47514351141038"> 5281 5282 5283 <input 5284 type="hidden" 5285 form="ProductFormUpsell--sections--27653290393774__cart-drawer-9011622543534" 5286 name="properties[Color]" 5287 value="" 5288 > 5289 5290 <div class="btn__outer"> 5291 <button 5292 class="product-upsell__btn" 5293 type="submit" 5294 name="add" 5295 data-quick-add-btn 5296 data-add-to-cart 5297 5298 > 5299 <span class="btn__plus"></span> 5300 <span class="btn__text">Agregar</span> 5301 5302 <span class="btn__loader"> 5303 <svg height="18" width="18" class="svg-loader"> 5304 <circle r="7" cx="9" cy="9" /> 5305 <circle stroke-dasharray="87.96459430051421 87.96459430051421" r="7" cx="9" cy="9" /> 5306 </svg> 5307 </span> 5308 5309 <span class="btn__added"> </span> 5310 </button> 5311 </div><input type="hidden" name="product-id" value="9011622543534" /><input type="hidden" name="section-id" value="sections--27653290393774__cart-drawer" /></form></div></div> 5312 </div> 5313<style data-shopify> 5314.product-quick-add .product-quick-add__content .des-extra { 5315 color: #979490; 5316} 5317.product-quick-add .product-quick-add__content.quick-add-advance .container-details { 5318 display: grid; 5319} 5320.product-quick-add .product-quick-add__content.quick-add-advance .des-extra { 5321 display: block; 5322 grid-row: 1; 5323 margin: 0 0 6px; 5324 font-size: 16px; 5325 font-weight: 500; 5326} 5327 5328@media screen and (max-width: 749px) { 5329 .product-quick-add .product-quick-add__content.quick-add-advance .des-extra { 5330 font-size: 12px; 5331 font-weight: 400; 5332 } 5333} 5334 5335 5336 5337</style><template data-quick-add-modal-template> 5338 <dialog 5339 class="drawer product-quick-add" 5340 data-product-id="9011622543534"
5341 data-section-id="sections--27653290393774__cart-drawer-9011622543534" 5342 inert 5343 data-quick-add-modal 5344 data-scroll-lock-required 5345 > 5346 <form method="dialog"> 5347 <button class="visually-hidden" aria-label="Cerrar"></button> 5348 </form> 5349 5350 <div 5351 class="drawer__inner product-quick-add__content quick-add-advance " 5352 data-scroll-lock-scrollable 5353 style="--swatch-size: var(--swatch-size-product)" 5354 > 5355 <div class="product-quick-add__close-outer"> 5356 <button 5357 class="product-quick-add__close drawer__close" 5358 aria-label="Cerrar" 5359 data-quick-add-modal-close 5360 ><svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-cancel" viewBox="0 0 24 24"><path d="M6.758 17.243 12.001 12m5.243-5.243L12 12m0 0L6.758 6.757M12.001 12l5.243 5.243" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/></svg></button> 5361 </div> 5362 5363 <div class="product-quick-add__inner" data-product-upsell-ajax></div> 5364 5365 <div class="loader loader--top"><div class="loader-indeterminate"></div></div> 5366 </div> 5367 </dialog> 5368</template> 5369</div> 5370 </quick-add-product><quick-add-product 5371 5372 > 5373 <div 5374 class="product-upsell__holder" 5375 data-quick-add-holder="9011587219630" 5376 > 5377 <div data-cart-errors-container class="product-upsell__errors"></div> 5378 5379 <div class="product-upsell"> 5380 <div class="product-upsell__image"><a 5381 href="/products/cinturon-cuero-elastano-hombre-hp-ferrette-multicolor-hush-puppies" 5382 class="product-upsell__image__link" 5383 aria-label="Cinturon Cuero /Elastano Hombre Hp Ferrette Multicolor Hush Puppies" 5384 > 5385 <div class="product-upsell__image__thumb"><figure class="image-wrapper image-wrapper--cover lazy-image lazy-image--backfill is-loading" style="--aspect-ratio: 0.75;"><img src="//www.hushpuppies.cl/cdn/shop/files/HA110031741_ZNN_1_23905d6b-ca81-4210-a0e2-b1b6b02b5b6c.jpg?crop=center&height=320&v=1772673680&width=240" alt="Cinturon Cuero /Elastano Hombre Hp Ferrette Multicolor Hush Puppies" width="240" height="320" loading="eager" srcset="//www.hushpuppies.cl/cdn/shop/files/HA110031741_ZNN_1_23905d6b-ca81-4210-a0e2-b1b6b02b5b6c.jpg?v=1772673680&width=120 120w, //www.hushpuppies.cl/cdn/shop/files/HA110031741_ZNN_1_23905d6b-ca81-4210-a0e2-b1b6b02b5b6c.jpg?v=1772673680&width=180 180w, //www.hushpuppies.cl/cdn/shop/files/HA110031741_ZNN_1_23905d6b-ca81-4210-a0e2-b1b6b02b5b6c.jpg?v=1772673680&width=240 240w, //www.hushpuppies.cl/cdn/shop/files/HA110031741_ZNN_1_23905d6b-ca81-4210-a0e2-b1b6b02b5b6c.jpg?v=1772673680&width=300 300w, //www.hushpuppies.cl/cdn/shop/files/HA110031741_ZNN_1_23905d6b-ca81-4210-a0e2-b1b6b02b5b6c.jpg?v=1772673680&width=360 360w" sizes="120px" class=" is-loading "> 5386</figure> 5387</div> 5388 </a></div> 5389 5390 <div class="product-upsell__content"><a href="/products/cinturon-cuero-elastano-hombre-hp-ferrette-multicolor-hush-puppies" class="product-upsell__link"> 5391 <p class="product-upsell__title h3">Cinturon Cuero /Elastano Hombre Hp Ferrette Multicolor Hush Puppies</p><p class="product-upsell__price sale"> 5392 <span class="new-price">$13.794 5393</span><span class="old-price">$22.990</span></p></a><span class="product-upsell__out-of-stock">Agotado</span></div> 5394 </div> 5395<style data-shopify> 5396.product-quick-add .product-quick-add__content .des-extra { 5397 color: #979490; 5398} 5399.product-quick-add .product-quick-add__content.quick-add-advance .container-details { 5400 display: grid; 5401} 5402.product-quick-add .product-quick-add__content.quick-add-advance .des-extra { 5403 display: block; 5404 grid-row: 1; 5405 margin: 0 0 6px; 5406 font-size: 16px; 5407 font-weight: 500; 5408} 5409 5410@media screen and (max-width: 749px) { 5411 .product-quick-add .product-quick-add__content.quick-add-advance .des-extra { 5412 font-size: 12px; 5413 font-weight: 400; 5414 } 5415} 5416 5417 5418 5419</style><template data-quick-add-modal-template> 5420 <dialog 5421 class="drawer product-quick-add" 5422 data-product-id="9011587219630" 5423 data-section-id="sections--27653290393774__cart-drawer-9011587219630" 5424 inert 5425 data-quick-add-modal 5426 data-scroll-lock-required 5427 > 5428 <form method="dialog"> 5429 <button class="visually-hidden" aria-label="Cerrar"></button> 5430 </form> 5431 5432 <div 5433 class="drawer__inner product-quick-add__content quick-add-advance " 5434 data-scroll-lock-scrollable 5435 style="--swatch-size: var(--swatch-size-product)" 5436 > 5437 <div class="product-quick-add__close-outer"> 5438 <button 5439 class="product-quick-add__close drawer__close" 5440 aria-label="Cerrar" 5441 data-quick-add-modal-close 5442 ><svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-cancel" viewBox="0 0 24 24">
5442<path d="M6.758 17.243 12.001 12m5.243-5.243L12 12m0 0L6.758 6.757M12.001 12l5.243 5.243" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/></svg></button> 5443 </div> 5444 5445 <div class="product-quick-add__inner" data-product-upsell-ajax></div> 5446 5447 <div class="loader loader--top"><div class="loader-indeterminate"></div></div> 5448 </div> 5449 </dialog> 5450</template> 5451</div> 5452 </quick-add-product></div>
5452<script src="//www.hushpuppies.cl/cdn/shop/t/36/assets/recently-viewed.js?v=65653390500397507271790793707" defer="defer"></script>
5452 5453 5454 <recently-viewed 5455 class="drawer__empty__product product__upsell--stacked hidden" 5456 id="recently-viewed-products-cart" 5457 data-limit="3" 5458 data-target="api-upsell-product" 5459 data-animation="cart-items-fade" 5460 data-animation-duration="500" 5461 data-animation-delay="500" 5462 ></recently-viewed></div> 5463 </div> 5464 </collapsible-elements> 5465 5466 <span class="underlay drawer__underlay" data-drawer-underlay></span> 5467 </cart-drawer> 5468 </div> 5469<style> #shopify-section-sections--27653290393774__cart-drawer .drawer__empty__item .btn {font-size: small;} #shopify-section-sections--27653290393774__cart-drawer .btn--primary {padding: 6px 12px; font-size: 12px;} </style></div> 5470<!-- END sections: group-overlay --> 5471 5472 <!-- CONTENT --> 5473 <main role="main" id="MainContent" class="main-content"> 5474 <section 5475 id="L51PromoCountdown-" 5476 class="l51-promo-countdown" 5477 data-l51-promo-countdown 5478 data-l51-pc-id="section-" 5479 data-has-timer="true" 5480 data-start="2026-10-07 09:25" 5481 data-end="2026-10-07 23:59" 5482 style=" 5483 --pc-bg: #1A3E59; 5484 --pc-text: #FFFFFF; 5485 --pc-align-d: center; 5486 --pc-align-m: center; 5487 --pc-text-align-d: left; 5488 --pc-text-align-m: center; 5489 --pc-btn-text: #FFFFFF; 5490 --pc-btn-bg: #f4efe9; 5491 --pc-btn-border: #FFFFFF; 5492 --pc-btn-hover-text: #242424; 5493 --pc-btn-hover-bg: #f4efe9; 5494 --pc-btn-hover-border: #f4efe9; 5495 --pc-btn-border-w: 3px; 5496 --pc-btn-radius: 30px; 5497 --pc-btn-size-d: 12px; 5498 --pc-btn-size-m: 16px; 5499 --pc-btn-pad-x-d: 20px; 5500 --pc-btn-pad-y-d: 10px; 5501 --pc-btn-pad-x-m: 28px; 5502 --pc-btn-pad-y-m: 14px; 5503 --pc-title-d: 20px; 5504 --pc-title-m: 16px; 5505 --pc-subtitle-d: 16px; 5506 --pc-subtitle-m: 14px; 5507 --pc-count-d: 18px; 5508 --pc-count-m: 16px; 5509 --pc-pad-x-d: 8px; 5510 --pc-pad-y-d: 12px; 5511 --pc-pad-x-m: 16px; 5512 --pc-pad-y-m: 18px; 5513 " 5514 > 5515 <div class="l51-promo-countdown__inner"> 5516 <div class="l51-promo-countdown__text"><span class="l51-promo-countdown__title">TODO CYBER 40% OFF</span></div><div class="l51-promo-countdown__timer" data-countdown-timer> 5517 <div class="l51-promo-countdown__time"> 5518 <strong data-days>00</strong> 5519 <span>DÃAS</span> 5520 </div> 5521 5522 <span class="l51-promo-countdown__sep">:</span> 5523 5524 <div class="l51-promo-countdown__time"> 5525 <strong data-hours>00</strong> 5526 <span>HORAS</span> 5527 </div> 5528 5529 <span class="l51-promo-countdown__sep">:</span> 5530 5531 <div class="l51-promo-countdown__time"> 5532 <strong data-minutes>00</strong> 5533 <span>MINS</span> 5534 </div> 5535 5536 <span class="l51-promo-countdown__sep">:</span> 5537 5538 <div class="l51-promo-countdown__time"> 5539 <strong data-seconds>00</strong> 5540 <span>SECS</span> 5541 </div> 5542 </div><a 5543 href="/collections/todo-cyber-40-off" 5544 target="_blank" 5545 class="l51-promo-countdown__btn is-outline" 5546 > 5547 COMPRAR 5548 </a></div> 5549 </section> 5550 <section id="shopify-section-template--27653300650158__announcement_lab51_ztQrd7" class="shopify-section section-lab51-announcement-bar"><div 5551 id="lab51-ab-template--27653300650158__announcement_lab51_ztQrd7" 5552 class="lab51-ab 5553 5554 5555 " 5556 data-lab51-ab 5557 data-mode="static" 5558 data-interval="35" 5559 style=" 5560 --ab-bg: #E5DDD5; 5561 --ab-color: #151414; 5562 --ab-fs: 14px; 5563 --ab-fs-m: 12px; 5564 --ab-fw: 500; 5565 --ab-px: 16px; 5566 --ab-py: 10px; 5567 --ab-px-m: 12px; 5568 --ab-py-m: 10px; 5569 --ab-gap: 10px; 5570 --ab-icon: 18px; 5571 --ab-speed: 18s; 5572 --ab-items-gap: 18px; 5573 --ab-align: center; 5574 " 5575 > 5576 <div class="lab51-ab__inner"> 5577 <div class="lab51-ab__desktopMode" data-desktop-mode><div class="lab51-ab__static" data-static><div class="lab51-ab__staticItem" ><div class="lab51-ab__itemcontent"><span class="lab51-ab__text">EnvÃo GRATIS sobre $74.990 ⢠Cambios hasta 30 dÃas</span> 5578 </div></div></div></div> 5579 5580 <div class="lab51-ab__mobileMode" data-mobile-mode> 5581 <div class="lab51-ab__items lab51-ab__items--mobile" data-items-mobile><div class="lab51-ab__item" data-item-mobile ><div class="lab51-ab__itemcontent"><span class="lab51-ab__text">EnvÃo GRATIS sobre $74.990 ⢠Cambios hasta 30 dÃas</span> 5582 </div></div></div> 5583 </div> 5584 5585 </div> 5586 </div> 5587 5588 <style> 5589 .lab51-ab{ 5590 background: var(--ab-bg); 5591 color: var(--ab-color); 5592 width: 100%; 5593 position: relative; 5594 overflow: hidden; 5595 font-size: var(--ab-fs); 5596 font-weight: var(--ab-fw); 5597 } 5598 5599 .lab51-ab__inner{ 5600 padding: var(--ab-py) var(--ab-px); 5601 display:flex; 5602 align-items:center; 5603 justify-content:center; 5604 min-height: 1px; 5605 } 5606 5607 .lab51-ab__text{ 5608 color: inherit; 5609 line-height: 1.2; 5610 display:inline-block; 5611 } 5612 5613 .lab51-ab__icon{ 5614 width: var(--ab-icon); 5615 height: var(--ab-icon); 5616 object-fit: contain; 5617 display:block; 5618 flex: 0 0 auto; 5619 } 5620 5621 .lab51-ab--desktop-only{ display:block; } 5622 .lab51-ab--mobile-only{ display:block; } 5623 5624 @media (max-width: 749px){ 5625 .lab51-ab{ font-size: var(--ab-fs-m); } 5626 .lab51-ab__inner{ padding: var(--ab-py-m) var(--ab-px-m); } 5627 .lab51-ab--desktop-only{ display:none; } 5628 5629 .lab51-ab__desktopMode{ display:none !important; } 5630 .lab51-ab__mobileMode{ display:block !important; width: 100%; } 5631 } 5632 @media (min-width: 750px){ 5633 .lab51-ab--mobile-only{ display:none; } 5634 5635 .lab51-ab__mobileMode{ display:none !important; } 5636 .lab51-ab__desktopMode{ display:block !important; width: 100%; } 5637 } 5638 5639 .lab51-ab__static{ 5640 width: 100%; 5641 display:flex; 5642 align-items:center; 5643 justify-content: var(--ab-align); 5644 gap: var(--ab-items-gap); 5645 flex-wrap: wrap; 5646 } 5647 .lab51-ab__staticItem{ 5648 display:flex; 5649 align-items:center; 5650 justify-content:center; 5651 flex: 0 0 auto; 5652 } 5653 5654 /* AJUSTE: Items como contenedor flexible para integrar botones */ 5655 .lab51-ab__items{ 5656 width: 100%; 5657 display: flex; 5658 align-items:center; 5659 justify-content:center; 5660 gap: 15px; 5661 } 5662 5663 .lab51-ab__item{ 5664 width: auto; 5665 display:none; 5666 justify-content:center; 5667 } 5668 .lab51-ab__item.is-active{ display:flex; } 5669 5670 .lab51-ab__itemcontent, 5671 .lab51-ab__itemlink{ 5672 display:inline-flex; 5673 align-items:center; 5674 justify-content:center; 5675 gap: var(--ab-gap); 5676 text-decoration:none; 5677 color: inherit; 5678 } 5679 5680 /* AJUSTE: Controles integrados al flujo (no absolute) */ 5681 .lab51-ab__controls, 5682 .lab51-ab__controls--mobile { 5683 display: none; 5684 } 5685 5686 .lab51-ab__btn{ 5687 border:0; 5688 background: transparent; 5689 color: inherit; 5690 font-size: 22px; 5691 line-height:1; 5692 padding: 0 5px; 5693 cursor:pointer; 5694 opacity: .85; 5695 } 5696 .lab51-ab__btn:hover{ opacity: 1; } 5697 5698 .lab51-ab__marquee{ 5699 width: 100%; 5700 overflow:hidden; 5701 } 5702 5703 .lab51-ab__marqueeTrack{ 5704 display:flex; 5705 align-items:center; 5706 gap: var(--ab-gap); 5707 width: max-content; 5708 animation: lab51-ab-marquee var(--ab-speed) linear infinite; 5709 will-change: transform; 5710 } 5711 5712 .lab51-ab__marqueeItem{ 5713 display:flex; 5714 align-items:center; 5715 flex: 0 0 auto; 5716 white-space: nowrap; 5717 } 5718 5719 .lab51-ab__marqueeContent, 5720 .lab51-ab__marqueeLink{ 5721 display:inline-flex; 5722 align-items:center; 5723 gap: var(--ab-gap); 5724 color: inherit; 5725 text-decoration:none; 5726 white-space: nowrap; 5727 } 5728
5729 @keyframes lab51-ab-marquee{ 5730 from { transform: translate3d(0,0,0); } 5731 to { transform: translate3d(-50%,0,0); } 5732 } 5733 5734 @media (prefers-reduced-motion: reduce){ 5735 .lab51-ab__marqueeTrack{ animation: none !important; } 5736 } 5737 </style> 5738
5739<script> 5740 (() => { 5741 const root = document.getElementById("lab51-ab-template--27653300650158__announcement_lab51_ztQrd7"); 5742 if (!root) return; 5743 5744 const mqMobile = window.matchMedia('(max-width: 749px)'); 5745 5746 const initDesktopItems = () => { 5747 const mode = root.dataset.mode; 5748 if (mode !== 'items') return; 5749 5750 const itemsWrap = root.querySelector('[data-items]'); 5751 if (!itemsWrap) return; 5752 5753 const items = Array.from(itemsWrap.querySelectorAll('[data-item]')); 5754 if (!items.length) return; 5755 5756 const prevBtn = root.querySelector('[data-prev]'); 5757 const nextBtn = root.querySelector('[data-next]'); 5758 5759 const intervalValue = parseInt(root.dataset.interval || '35', 10); 5760 const intervalMs = intervalValue * 100; 5761 5762 let idx = 0; 5763 let timer = null; 5764 5765 const setActive = (i) => { 5766 idx = (i + items.length) % items.length; 5767 items.forEach((el, j) => el.classList.toggle('is-active', j === idx)); 5768 }; 5769 5770 const next = () => setActive(idx + 1); 5771 const prev = () => setActive(idx - 1); 5772 5773 const stop = () => { if (timer) clearInterval(timer); timer = null; }; 5774 const start = () => { 5775 if (items.length <= 1) return; 5776 stop(); 5777 if (intervalMs === 0) return; 5778 timer = setInterval(next, intervalMs); 5779 }; 5780 5781 setActive(0); 5782 start(); 5783 5784 if (prevBtn) prevBtn.addEventListener('click', () => { prev(); start(); }); 5785 if (nextBtn) nextBtn.addEventListener('click', () => { next(); start(); }); 5786 5787 root.addEventListener('mouseenter', stop); 5788 root.addEventListener('mouseleave', start); 5789 root.addEventListener('focusin', stop); 5790 root.addEventListener('focusout', start); 5791 5792 document.addEventListener('shopify:section:unload', (e) => { 5793 if (e.detail && e.detail.sectionId === "template--27653300650158__announcement_lab51_ztQrd7") stop(); 5794 }); 5795 }; 5796 5797 const initMobileItems = () => { 5798 const itemsWrap = root.querySelector('[data-items-mobile]'); 5799 if (!itemsWrap) return; 5800 5801 const items = Array.from(itemsWrap.querySelectorAll('[data-item-mobile]')); 5802 if (!items.length) return; 5803 5804 const prevBtn = root.querySelector('[data-prev-mobile]'); 5805 const nextBtn = root.querySelector('[data-next-mobile]'); 5806 5807 const intervalValue = parseInt(root.dataset.interval || '35', 10); 5808 const intervalMs = intervalValue * 100; 5809 5810 let idx = 0; 5811 let timer = null; 5812 5813 const setActive = (i) => { 5814 idx = (i + items.length) % items.length; 5815 items.forEach((el, j) => el.classList.toggle('is-active', j === idx)); 5816 }; 5817 5818 const next = () => setActive(idx + 1); 5819 const prev = () => setActive(idx - 1); 5820 5821 const stop = () => { if (timer) clearInterval(timer); timer = null; }; 5822 const start = () => { 5823 if (items.length <= 1) return; 5824 stop(); 5825 if (intervalMs === 0) return; 5826 timer = setInterval(next, intervalMs); 5827 }; 5828 5829 setActive(0); 5830 start(); 5831 5832 if (prevBtn) prevBtn.addEventListener('click', () => { prev(); start(); }); 5833 if (nextBtn) nextBtn.addEventListener('click', () => { next(); start(); }); 5834 5835 root.addEventListener('mouseenter', stop); 5836 root.addEventListener('mouseleave', start); 5837 5838 document.addEventListener('shopify:section:unload', (e) => { 5839 if (e.detail && e.detail.sectionId === "template--27653300650158__announcement_lab51_ztQrd7") stop(); 5840 }); 5841 }; 5842 5843 initDesktopItems(); 5844 initMobileItems(); 5845 5846 mqMobile.addEventListener('change', () => { 5847 const mobileWrap = root.querySelector('[data-items-mobile]'); 5848 if (mobileWrap) { 5849 const mobileItems = Array.from(mobileWrap.querySelectorAll('[data-item-mobile]')); 5850 if (mobileItems.length) mobileItems.forEach((el, i) => el.classList.toggle('is-active', i === 0)); 5851 } 5852 const deskWrap = root.querySelector('[data-items]'); 5853 if (deskWrap) { 5854 const deskItems = Array.from(deskWrap.querySelectorAll('[data-item]')); 5855 if (deskItems.length) deskItems.forEach((el, i) => el.classList.toggle('is-active', i === 0)); 5856 } 5857 }); 5858 })(); 5859</script>
5859 5860 5861 5862 5863</section><div id="shopify-section-template--27653300650158__product" class="shopify-section section-overlay-header"><!-- /sections/product.liquid --><product-info 5864 id="MainProduct--template--27653300650158__product" 5865 class="index-product section-padding color-scheme-1" 5866 data-section="template--27653300650158__product" 5867 data-section-id="template--27653300650158__product" 5868 data-product-handle="calcetin-mujer-hpw-smile-sock-accesorios-hp-ha211031296-022" 5869 data-product-id="9011622543534" 5870 data-enable-history-state="true" 5871 data-url="/products/calcetin-mujer-hpw-smile-sock-accesorios-hp-ha211031296-022" 5872 data-overlay-header 5873 data-sticky-enabled="true" 5874 data-variant-image-scroll="true" 5875><style data-shopify>#MainProduct--template--27653300650158__product { 5876 --PT: 0px; 5877 --PB: 0px; 5878 5879 --swatch-size: var(--swatch-size-product); 5880 }</style><product-sticky class="product__wrapper product__wrapper--thumbnails-left" data-product> 5881 <div class="product__wrapper__inner"> 5882 <div class="product__page"><div class="product-media"><div 5883 class="l51-badges" 5884 data-l51-badges 5885 data-scope="pdp" 5886 data-tags="accesorios||accesorios 50 off||blanco||calcetÃn||calcetÃn mujer||cyber monday||ha211031296-022||hush puppies||mujer||promoción escalonada||talla única||todo cyber||todo cyber 35||todo cyber 40" 5887 ></div> 5888 <div class="container-media"><div class="swiper product-swiper" data-product-swiper> 5889 <div class="swiper-wrapper"><div class="swiper-slide" data-media-id="template--27653300650158__product-33824551960750"><a href="//www.hushpuppies.cl/cdn/shop/files/HA211031296_022_1.jpg?v=1771247299&width=1400" 5890 data-pswp-width="1200" 5891 data-pswp-height="1600" 5892 target="_blank" 5893 data-pswp-item> 5894 <img src="//www.hushpuppies.cl/cdn/shop/files/HA211031296_022_1.jpg?v=1771247299&width=1200" alt="Calcetin Algodon Muer Hpw Smile Sock Blanco Hush Puppies | Hush Puppies" srcset="//www.hushpuppies.cl/cdn/shop/files/HA211031296_022_1.jpg?v=1771247299&width=352 352w, //www.hushpuppies.cl/cdn/shop/files/HA211031296_022_1.jpg?v=1771247299&width=832 832w, //www.hushpuppies.cl/cdn/shop/files/HA211031296_022_1.jpg?v=1771247299&width=1200 1200w" width="1200" height="1600" loading="lazy" class="product-media__image"> 5895 </a></div><div class="swiper-slide" data-media-id="template--27653300650158__product-33824551993518"><a href="//www.hushpuppies.cl/cdn/shop/files/HA211031296_022_2.jpg?v=1771247298&width=1400" 5896 data-pswp-width="1200" 5897 data-pswp-height="1600" 5898 target="_blank" 5899 data-pswp-item> 5900 <img src="//www.hushpuppies.cl/cdn/shop/files/HA211031296_022_2.jpg?v=1771247298&width=1200" alt="Calcetin Algodon Muer Hpw Smile Sock Blanco Hush Puppies | Hush Puppies" srcset="//www.hushpuppies.cl/cdn/shop/files/HA211031296_022_2.jpg?v=1771247298&width=352 352w, //www.hushpuppies.cl/cdn/shop/files/HA211031296_022_2.jpg?v=1771247298&width=832 832w, //www.hushpuppies.cl/cdn/shop/files/HA211031296_022_2.jpg?v=1771247298&width=1200 1200w" width="1200" height="1600" loading="lazy" class="product-media__image"> 5901 </a></div><div class="swiper-slide" data-media-id="template--27653300650158__product-33824552026286"><a href="//www.hushpuppies.cl/cdn/shop/files/HA211031296_022_4.jpg?v=1771247298&width=1400" 5902 data-pswp-width="1200" 5903 data-pswp-height="1600" 5904 target="_blank" 5905 data-pswp-item> 5906 <img src="//www.hushpuppies.cl/cdn/shop/files/HA211031296_022_4.jpg?v=1771247298&width=1200" alt="Calcetin Algodon Muer Hpw Smile Sock Blanco Hush Puppies | Hush Puppies" srcset="//www.hushpuppies.cl/cdn/shop/files/HA211031296_022_4.jpg?v=1771247298&width=352 352w, //www.hushpuppies.cl/cdn/shop/files/HA211031296_022_4.jpg?v=1771247298&width=832 832w, //www.hushpuppies.cl/cdn/shop/files/HA211031296_022_4.jpg?v=1771247298&width=1200 1200w" width="1200" height="1600" loading="lazy" class="product-media__image"> 5907 </a></div><div class="swiper-slide" data-media-id="template--27653300650158__product-33824552059054"><a href="//www.hushpuppies.cl/cdn/shop/files/HA211031296_022_3_22b391cc-ade2-4fd8-8ca6-e90f1ef52deb.jpg?v=1771247298&width=1400" 5908 data-pswp-width="1200" 5909 data-pswp-height="1599" 5910 target="_blank" 5911 data-pswp-item> 5912 <img src="//www.hushpuppies.cl/cdn/shop/files/HA211031296_022_3_22b391cc-ade2-4fd8-8ca6-e90f1ef52deb.jpg?v=1771247298&width=1200" alt="Calcetin Algodon Muer Hpw Smile Sock Blanco Hush Puppies | Hush Puppies" srcset="//www.hushpuppies.cl/cdn/shop/files/HA211031296_022_3_22b391cc-ade2-4fd8-8ca6-e90f1ef52deb.jpg?v=1771247298&width=352 352w, //www.hushpuppies.cl/cdn/shop/files/HA211031296_022_3_22b391cc-ade2-4fd8-8ca6-e90f1ef52deb.jpg?v=1771247298&width=832 832w, //www.hushpuppies.cl/cdn/shop/files/HA211031296_022_3_22b391cc-ade2-4fd8-8ca6-e90f1ef52deb.jpg?v=1771247298&width=1200 1200w" width="1200" height="1599" loading="lazy" class="product-media__image"> 5913 </a></div></div> 5914 5915 5916 <div class="container-arrows"> 5917 5918 <button class="swiper-button-prev product-swiper__prev"><svg width="48" height="48" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg">
5919 <g filter="url(#filter0_d_622_18997)"> 5920 <circle cx="24" cy="21" r="21" fill="white"/> 5921 <path d="M28 28L20 20.8293L28 14" stroke="#1D1D1D" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/> 5922 </g> 5923 <defs> 5924 <filter id="filter0_d_622_18997" x="0" y="0" width="48" height="48" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB"> 5925 <feFlood flood-opacity="0" result="BackgroundImageFix"/> 5926 <feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/> 5927 <feOffset dy="3"/> 5928 <feGaussianBlur stdDeviation="1.5"/> 5929 <feComposite in2="hardAlpha" operator="out"/> 5930 <feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.12 0"/> 5931 <feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_622_18997"/> 5932 <feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_622_18997" result="shape"/> 5933 </filter> 5934 </defs> 5935 </svg></button> 5936 <button class="swiper-button-next product-swiper__next"><svg width="48" height="48" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg"> 5937 <g filter="url(#filter0_d_622_19006)"> 5938 <circle cx="24" cy="21" r="21" fill="white"/> 5939 <path d="M20 14L28 21.1707L20 28" stroke="#1D1D1D" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/> 5940 </g> 5941 <defs> 5942 <filter id="filter0_d_622_19006" x="0" y="0" width="48" height="48" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB"> 5943 <feFlood flood-opacity="0" result="BackgroundImageFix"/> 5944 <feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/> 5945 <feOffset dy="3"/> 5946 <feGaussianBlur stdDeviation="1.5"/> 5947 <feComposite in2="hardAlpha" operator="out"/> 5948 <feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.12 0"/> 5949 <feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_622_19006"/> 5950 <feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_622_19006" result="shape"/> 5951 </filter> 5952 </defs> 5953 </svg> 5954 </button> 5955 <div class="swiper-pagination product-swiper__dots"></div> 5956 5957 5958 </div> 5959 5960 </div></div> 5961 </div> 5962 5963 <div class="product__content"> 5964 <div 5965 class="form__wrapper form__wrapper--modern" 5966 data-form-wrapper 5967 > 5968 <div class="form__width"> 5969 5970 <input type="hidden" name="id" value="47514351141038" form="product-form-template--27653300650158__product"> 5971 5972 5973 <input 5974 type="hidden" 5975 name="properties[Tipo de venta]" 5976 value="Hacer un pedido" 5977 form="product-form-template--27653300650158__product" 5978 data-product-preorder 5979 ><div class="container-custom-product"> 5980 5981 <div class="container-product-left"> 5982 <div class="container-title-price-siblings"> 5983 5984 5985 <div class="title-price"> 5986 <div class="container-product-title"><div 5987 class="product__block product__head block-padding" 5988 5989 5990><div class="product__title__wrapper" style="padding-right: 0px;"> 5991 <div class="product-metafield-collections container-relative"> 5992 <div class="product-metafield-collections" role="navigation" aria-label="Breadcrumb"> 5993 <a class="pmc__link" href="/">Inicio</a><!-- <span class="pmc__sep">â¢</span> --> 5994 <!-- <span class="pmc__text">Calcetin Algodon Muer Hpw Smile Sock Blanco Hush Puppies</span> --> 5995 </div> 5996 </div> 5997 </div><div class="product__title__wrapper" ><div class="container-relative"></div> 5998<div class="des-extra"> 5999 CalcetÃn Mujer 6000</div> 6001<h1 class="product__title heading-mini"><span data-zoom-caption> Algodon W Smile Sock </span></h1> 6002 </div> 6003</div> 6004 6005</div> 6006 6007 6008 6009 6010 <div class="container-product-price"><div 6011 class="product__block block-padding" 6012 6013 6014> 6015 <div class="product__price__wrap"> 6016 <div id="Price-template--27653300650158__product" role="status" > 6017<div 6018 class=" 6019 price product__price price--large body-x-large price--on-sale product__price--sale price--show-badge" 6020 > 6021 <div class="price__container"> 6022 <div class="price__regular">
6023 <span class="visually-hidden visually-hidden--inline">Precio regular</span> 6024 <span class="price-item price-item--regular">$5.394</span> 6025 </div> 6026 6027 6028 <div class="price__sale"> 6029 <span class="visually-hidden visually-hidden--inline">Precio de venta</span> 6030 <span class="price-item price-item--sale price-item--last"> 6031 $5.394 6032 </span> 6033 6034 <span class="visually-hidden visually-hidden--inline">Precio regular</span> 6035 <span> 6036 <s class="price-item price-item--regular"> 6037 6038 $8.990 6039 6040 </s> 6041 </span> 6042 </div> 6043 6044 6045 <small class="unit-price caption hidden"> 6046 <span class="visually-hidden">Precio por unidad</span> 6047 <span class="price-item price-item--last"> 6048 <span></span> 6049 <span aria-hidden="true">/</span> 6050 <span class="visually-hidden"> por </span> 6051 <span> 6052 </span> 6053 </span> 6054 </small> 6055 </div><div 6056 class="product__sale" 6057 data-price-off 6058 ><span 6059 class="product__price--off" 6060 data-price-off-badge 6061 > 6062 6063 <span>- 40%</span> 6064 6065 6066 </span></div></div> 6067 6068</div> 6069 6070 <!--<div class="product__tax caption rte">Impuestos incluidos. 6071<a href="/policies/shipping-policy">EnvÃo</a> calculado al finalizar la compra. 6072</div> 6073 <div class="shop-pay-terms" ><form method="post" action="/cart/add" id="product-form-installment-template--27653300650158__product" accept-charset="UTF-8" class="installment" enctype="multipart/form-data" data-product-form-installment=""><input type="hidden" name="form_type" value="product" /><input type="hidden" name="utf8" value="â" /><input type="hidden" name="id" value="47514351141038"> 6074 6075<input type="hidden" name="product-id" value="9011622543534" /><input type="hidden" name="section-id" value="template--27653300650158__product" /></form></div> 6076 --> 6077 </div> 6078</div> 6079</div> 6080 6081 6082 6083 6084 6085 6086 6087 6088 6089</div> 6090 6091 6092 6093 6094<div 6095 class="l51-sib-pdp" 6096 data-sib-pdp 6097 data-sib-id="sib-pdp-9011622543534" 6098 style=" 6099 --sib-pdp-w-d: 72px; 6100 --sib-pdp-h-d: 72px; 6101 --sib-pdp-w-m: 60px; 6102 --sib-pdp-h-m: 60px; 6103 --sib-pdp-radius: 8px; 6104 --sib-pdp-gap: 2px; 6105 " 6106 > 6107 <div class="l51-sib-pdp__title"><strong>Color:</strong> <p>Calcetin Algodon Muer Hpw Smile Sock Blanco Hush Puppies</p></div> 6108 6109 6110 <div class="l51-sib-pdp__grid" id="siblings-grid-sib-pdp-9011622543534"> 6111 6112<a 6113 href="/products/calcetin-mujer-hpw-smile-sock-accesorios-hp-ha211031296-022" 6114 title="Calcetin Algodon Muer Hpw Smile Sock Blanco Hush Puppies" 6115 class="l51-sib-pdp__item is-current" 6116 data-sib-pdp-item 6117 6118 > 6119 6120 6121 <img 6122 src="//www.hushpuppies.cl/cdn/shop/files/HA211031296_022_1.jpg?v=5467087954466692545" 6123 alt="Calcetin Algodon Muer Hpw Smile Sock Blanco Hush Puppies" 6124 class="l51-sib-pdp__img" 6125 loading="lazy" 6126 width="220" 6127 height="220" 6128 > 6129 6130 6131 </a> 6132 6133 6134 6135 </div> 6136 6137 6138 6139 6140 </div> 6141 6142 6143 6144 6145 6146</div> 6147 6148 6149 6150 6151 <div class="container-product-description"> 6152 <!-- <h3>DESCRIPCIÃN</h3> --><div class="product__block product__description rte block-padding" ><div class="product__description__content rte"> 6153<p>Hush Puppies, 45 años acompañándote en cada paso, destacando la calidad, moda y tendencia de nuestros productos para caminar felices por la vida. Hush Puppies Walk Happy.</p><ul> 6154<li>Calcetines de algodón Hush Puppies en colaboración exclusiva con SmileyWorld</li> 6155<li>Material: Algodon</li> 6156<li>Largo del CalcetÃn: Medio</li> 6157</ul><p><strong>Código modelo color:</strong> HA211031296-022</p> 6158</div></div></div> 6159 6160 6161 6162</div> 6163 6164 <div class="container-product-right"> 6165 6166 6167 6168 6169 6170 6171 6172 6173 6174 <div class="container-product-variant"> 6175<div class="product__block product__block--lines product__form__holder block-padding"> 6176 <div class="product__form__outer"> 6177 <variant-selects 6178 id="variant-selects-template--27653300650158__product" 6179 data-section="template--27653300650158__product" 6180 6181 > 6182 <div class="product__selectors" data-product-options><div 6183 class="selector-wrapper selector-wrapper--size" 6184 data-option-position="1" 6185 ><fieldset class="product-form__input"> 6186 <div class="radio__fieldset"> 6187 <legend class="radio__legend radio__legend--size">
6188 <span 6189 class="radio__legend__label" 6190 id="product-9011622543534-calcetin-mujer-hpw-smile-sock-accesorios-hp-ha211031296-022-select-talla-label" 6191 > 6192 <span class="radio__legend__option-name body-large">Talla:</span> 6193 6194</span><small class="radio__legend__value body-x-small" data-option-value data-selected-value>Talla Ãnica</small></legend> 6195 6196 6197<div class="radio__buttons radio__buttons--size" data-variant-buttons><span 6198 class="radio__button" 6199 6200 > 6201 <input 6202 type="radio" 6203 id="template--27653300650158__product-1-0-9011622543534 6204" 6205 name="Talla-1 6206" 6207 value="Talla Ãnica" 6208 form="product-form-template--27653300650158__product" 6209 6210 6211 data-product-url="" 6212 data-option-value-id="4957441392814" 6213 6214 data-l51-size-option="true" 6215 6216 6217 > 6218 6219 <label for="template--27653300650158__product-1-0-9011622543534 6220"><span class="option-title">Talla Ãnica</span> 6221 <span><span class="visually-hidden label-unavailable">Variante agotada o no disponible</span></span> 6222 </label> 6223 </span></div> 6224 </div> 6225 </fieldset></div></div> 6226
6226<script type="application/json" data-selected-variant> 6227 {"id":47514351141038,"title":"Talla Ãnica","option1":"Talla Ãnica","option2":null,"option3":null,"sku":"5339581","requires_shipping":true,"taxable":true,"featured_image":null,"available":true,"name":"Calcetin Algodon Muer Hpw Smile Sock Blanco Hush Puppies - Talla Ãnica","public_title":"Talla Ãnica","options":["Talla Ãnica"],"price":539400,"weight":0,"compare_at_price":899000,"inventory_management":"shopify","barcode":"7800160509701","requires_selling_plan":false,"selling_plan_allocations":[],"quantity_rule":{"min":1,"max":null,"increment":1}} 6228 </script>
6228 6229 </variant-selects> 6230 </div> 6231 </div></div> 6232 6233 6234 6235 6236 6237 6238 6239 <div class="container-product-buttons"> 6240<div 6241 class="product__block product__block--buttons block-padding color-scheme-1" 6242 6243 6244><product-form 6245 class="product-form" 6246 data-hide-errors="false" 6247 data-section-id="template--27653300650158__product" 6248 > 6249 <div 6250 class="product__submit" 6251 6252 > 6253 <div class="product__form__errors" role="alert" data-cart-errors-container> 6254 <span class="product-form__error-message" data-cart-error-message></span> 6255 </div><form method="post" action="/cart/add" id="product-form-template--27653300650158__product" accept-charset="UTF-8" class="form" enctype="multipart/form-data" novalidate="novalidate" data-type="add-to-cart-form" data-product-form=""><input type="hidden" name="form_type" value="product" /><input type="hidden" name="utf8" value="â" /><input 6256 6257 type="hidden" 6258 6259 name="id" 6260 6261 value="47514351141038" 6262 6263 6264 6265 class="product-variant-id" 6266 6267 ><div class="product__submit__buttons"><div class="product__submit__item"> 6268 <input type="hidden" name="quantity" value="1"> 6269 6270 <button 6271 id="ProductSubmitButton-template--27653300650158__product" 6272 type="submit" 6273 name="add" 6274 class="btn btn--large btn--solid btn--primary" 6275 data-preorder="false" 6276 data-add-to-cart 6277 6278 6279 > 6280 <span class="btn__text" data-add-to-cart-text> 6281 <span 6282 data-l51-atc-normal-text 6283 6284 >Agregar al carrito</span> 6285 6286 <span 6287 data-l51-atc-size-text 6288 6289 hidden 6290 6291 > 6292 Selecciona tu talla 6293 </span></span> 6294 6295 <span class="btn__added"> </span> 6296 6297 <span class="btn__loader"> 6298 <svg height="18" width="18" class="svg-loader"> 6299 <circle r="7" cx="9" cy="9" /> 6300 <circle stroke-dasharray="87.96459430051421 87.96459430051421" r="7" cx="9" cy="9" /> 6301 </svg> 6302 </span> 6303 </button></div></div><input type="hidden" name="product-id" value="9011622543534" /><input type="hidden" name="section-id" value="template--27653300650158__product" /></form></div> 6304 </product-form></div></div> 6305 6306 6307 </div></div> 6308 6309 <div class="pdp-benefits"> 6310 <div class="pdp-benefits__inner"><a 6311 class="pdp-benefit" 6312 href="#" 6313 aria-disabled="true" 6314 > 6315 <span class="pdp-benefit__icon"><img src="//www.hushpuppies.cl/cdn/shop/files/Group_2.svg?v=1771343647&width=64" alt="HASTA 12 CUOTAS SIN INTERES" srcset="//www.hushpuppies.cl/cdn/shop/files/Group_2.svg?v=1771343647&width=64 64w" width="64" height="42" loading="lazy"> 6316</span> 6317 <span class="pdp-benefit__text">HASTA 12 CUOTAS SIN INTERES</span> 6318 </a><a 6319 class="pdp-benefit" 6320 href="/pages/envios-y-entregas" 6321 6322 > 6323 <span class="pdp-benefit__icon"><img src="//www.hushpuppies.cl/cdn/shop/files/Vector_12.svg?v=1771343651&width=64" alt="Retiro en tienda gratis" srcset="//www.hushpuppies.cl/cdn/shop/files/Vector_12.svg?v=1771343651&width=64 64w" width="64" height="78" loading="lazy"> 6324</span> 6325 <span class="pdp-benefit__text">Retiro en tienda gratis</span> 6326 </a><a 6327 class="pdp-benefit" 6328 href="/pages/politicas-de-despacho" 6329 6330 >
6331 <span class="pdp-benefit__icon"><img src="//www.hushpuppies.cl/cdn/shop/files/Vector_13.svg?v=1771343661&width=64" alt="Despacho GRATIS desde $74.990" srcset="//www.hushpuppies.cl/cdn/shop/files/Vector_13.svg?v=1771343661&width=64 64w" width="64" height="41" loading="lazy"> 6332</span> 6333 <span class="pdp-benefit__text">Despacho GRATIS desde $74.990</span> 6334 </a><a 6335 class="pdp-benefit" 6336 href="/pages/cambios-retractos-y-garantias" 6337 6338 > 6339 <span class="pdp-benefit__icon"><img src="//www.hushpuppies.cl/cdn/shop/files/Group_338_3.svg?v=1771343665&width=64" alt="Cambios ilimitados sin costo" srcset="//www.hushpuppies.cl/cdn/shop/files/Group_338_3.svg?v=1771343665&width=64 64w" width="64" height="67" loading="lazy"> 6340</span> 6341 <span class="pdp-benefit__text">Cambios ilimitados sin costo</span> 6342 </a></div> 6343 </div> 6344 6345 <div class="container-extra-info"> 6346 <div class="container-grid" data-pdp-accordion> 6347 6348 <div class="container-description-mobile pdp-acc-item"> 6349 <h2 class="pdp-acc-trigger" role="button" tabindex="0" aria-expanded="false"> 6350 DESCRIPCIÃN 6351 <span class="pdp-acc-icon" aria-hidden="true"> 6352 <svg xmlns="http://www.w3.org/2000/svg" width="14" height="8" viewBox="0 0 14 8" fill="none"> 6353 <path d="M13 7L7.06316 1L1 7" stroke="#242424" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/> 6354 </svg> 6355 </span> 6356 </h2> 6357 <div class="pdp-acc-content" hidden> 6358 <p>Hush Puppies, 45 años acompañándote en cada paso, destacando la calidad, moda y tendencia de nuestros productos para caminar felices por la vida. Hush Puppies Walk Happy.</p><ul> 6359<li>Calcetines de algodón Hush Puppies en colaboración exclusiva con SmileyWorld</li> 6360<li>Material: Algodon</li> 6361<li>Largo del CalcetÃn: Medio</li> 6362</ul><p><strong>Código modelo color:</strong> HA211031296-022</p> 6363 </div> 6364 </div> 6365 6366 <div class="container-list-description pdp-acc-item"> 6367 <!-- <h3 class="pdp-acc-trigger" role="button" tabindex="0" aria-expanded="false"> 6368 CARACTERÃSTICAS 6369 <span class="pdp-acc-icon" aria-hidden="true"> 6370 <svg xmlns="http://www.w3.org/2000/svg" width="14" height="8" viewBox="0 0 14 8" fill="none"> 6371 <path d="M13 7L7.06316 1L1 7" stroke="#242424" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/> 6372 </svg> 6373 </span> 6374 </h3> --> 6375 <div class="pdp-acc-content"> 6376 <p>Hush Puppies, 45 años acompañándote en cada paso, destacando la calidad, moda y tendencia de nuestros productos para caminar felices por la vida. Hush Puppies Walk Happy.</p><ul> 6377<li>Calcetines de algodón Hush Puppies en colaboración exclusiva con SmileyWorld</li> 6378<li>Material: Algodon</li> 6379<li>Largo del CalcetÃn: Medio</li> 6380</ul><p><strong>Código modelo color:</strong> HA211031296-022</p> 6381 </div> 6382 </div> 6383 6384 6385 6386 6387 </div> 6388 </div> 6389 <!--
6389<script> 6390 (function(){ 6391 function isMobileAcc(){ 6392 return window.matchMedia('(max-width: 749px)').matches; 6393 } 6394 6395 function setupAccordion(){ 6396 var root = document.querySelector('[data-pdp-accordion]'); 6397 if (!root) return; 6398 6399 var items = Array.prototype.slice.call(root.querySelectorAll('.pdp-acc-item')); 6400 if (!items.length) return; 6401 6402 function openItem(item){ 6403 item.classList.add('is-open'); 6404 var btn = item.querySelector('.pdp-acc-trigger'); 6405 var content = item.querySelector('.pdp-acc-content'); 6406 if (btn) btn.setAttribute('aria-expanded', 'true'); 6407 if (content) content.hidden = false; 6408 } 6409 6410 function closeItem(item){ 6411 item.classList.remove('is-open'); 6412 var btn = item.querySelector('.pdp-acc-trigger'); 6413 var content = item.querySelector('.pdp-acc-content'); 6414 if (btn) btn.setAttribute('aria-expanded', 'false'); 6415 if (content) content.hidden = true; 6416 } 6417 6418 function applyMode(){ 6419 var mobile = isMobileAcc(); 6420 6421 items.forEach(function(item){ 6422 var btn = item.querySelector('.pdp-acc-trigger'); 6423 var content = item.querySelector('.pdp-acc-content'); 6424 if (!btn || !content) return; 6425 6426 if (!btn.dataset.bound){ 6427 btn.dataset.bound = '1'; 6428 6429 btn.addEventListener('click', function(){ 6430 if (!isMobileAcc()) return; 6431 6432 items.forEach(function(other){ 6433 if (other !== item) closeItem(other); 6434 }); 6435 6436 if (item.classList.contains('is-open')) closeItem(item); 6437 else openItem(item); 6438 }); 6439 6440 btn.addEventListener('keydown', function(e){ 6441 if (!isMobileAcc()) return; 6442 if (e.key === 'Enter' || e.key === ' ') { 6443 e.preventDefault(); 6444 btn.click(); 6445 } 6446 }); 6447 } 6448 6449 if (mobile){ 6450 openItem(item); 6451 } else { 6452 openItem(item); 6453 } 6454 }); 6455 6456 if (mobile && items[0]) openItem(items[0]); 6457 } 6458 6459 applyMode(); 6460 window.addEventListener('resize', applyMode); 6461 } 6462 6463 document.addEventListener('DOMContentLoaded', setupAccordion); 6464 })(); 6465 </script>
6465 --> 6466 6467 <ul class="product-list-metafields"> 6468 <li><span>Modelo: HA211031296-022</span></li> 6469 <li><span>PaÃs de fabricación: </span></li> 6470 </ul> 6471 </div> 6472 </div> 6473 </div> 6474 </div> 6475 </div> 6476 </product-sticky> 6477 6478 <!----> 6479 6480 <div class="container-sticky"> 6481 <div class="container-grid"> 6482 <div class="left"> 6483 <div class="product__title__wrapper"> 6484 <div class="container-relative"> 6485 <p class="product__title heading-small">Calcetin Algodon Muer Hpw Smile Sock Blanco Hush Puppies</p> 6486 </div> 6487 </div><div 6488 class="product__block block-padding" 6489 style="margin:0;" 6490 6491> 6492 <div class="product__price__wrap"> 6493 <div id="Price-template--27653300650158__product" role="status" > 6494<div 6495 class=" 6496 price product__price price--large price--on-sale product__price--sale price--show-badge" 6497 > 6498 <div class="price__container"> 6499 <div class="price__regular"> 6500 <span class="visually-hidden visually-hidden--inline">Precio regular</span> 6501 <span class="price-item price-item--regular">$5.394</span> 6502 </div> 6503 6504 6505 <div class="price__sale"> 6506 <span class="visually-hidden visually-hidden--inline">Precio de venta</span> 6507 <span class="price-item price-item--sale price-item--last"> 6508 $5.394 6509 </span> 6510 6511 <span class="visually-hidden visually-hidden--inline">Precio regular</span> 6512 <span> 6513 <s class="price-item price-item--regular"> 6514 6515 $8.990 6516 6517 </s> 6518 </span> 6519 </div> 6520 6521 6522 <small class="unit-price caption hidden"> 6523 <span class="visually-hidden">Precio por unidad</span> 6524 <span class="price-item price-item--last"> 6525 <span></span> 6526 <span aria-hidden="true">/</span> 6527 <span class="visually-hidden"> por </span> 6528 <span> 6529 </span> 6530 </span> 6531 </small> 6532 </div><div 6533 class="product__sale" 6534 data-price-off 6535 ><span 6536 class="product__price--off" 6537 data-price-off-badge 6538 > 6539 6540 <span>- 40%</span> 6541 6542 6543 </span></div></div> 6544 6545</div> 6546 6547 <!--<div class="product__tax caption rte">Impuestos incluidos. 6548<a href="/policies/shipping-policy">EnvÃo</a> calculado al finalizar la compra. 6549</div> 6550 <div class="shop-pay-terms" ><form method="post" action="/cart/add" id="product-form-installment-template--27653300650158__product" accept-charset="UTF-8" class="installment" enctype="multipart/form-data" data-product-form-installment=""><input type="hidden" name="form_type" value="product" /><input type="hidden" name="utf8" value="â" /><input type="hidden" name="id" value="47514351141038"> 6551 6552<input type="hidden" name="product-id" value="9011622543534" /><input type="hidden" name="section-id" value="template--27653300650158__product" /></form></div> 6553 --> 6554 </div> 6555</div> 6556</div> 6557 <div class="right"> 6558<div 6559 class="product__block product__block--buttons block-padding color-scheme-1" 6560 6561 6562><product-form 6563 class="product-form" 6564 data-hide-errors="false" 6565 data-section-id="template--27653300650158__product" 6566 > 6567 <div 6568 class="product__submit" 6569 6570 > 6571 <div class="product__form__errors" role="alert" data-cart-errors-container> 6572 <span class="product-form__error-message" data-cart-error-message></span> 6573 </div><form method="post" action="/cart/add" id="product-form-template--27653300650158__product" accept-charset="UTF-8" class="form" enctype="multipart/form-data" novalidate="novalidate" data-type="add-to-cart-form" data-product-form=""><input type="hidden" name="form_type" value="product" /><input type="hidden" name="utf8" value="â" /><input 6574 6575 type="hidden" 6576 6577 name="id" 6578 6579 value="47514351141038" 6580 6581 6582 6583 class="product-variant-id" 6584 6585 ><div class="product__submit__buttons"><div class="product__submit__item"> 6586 <input type="hidden" name="quantity" value="1"> 6587 6588 <button 6589 id="ProductSubmitButton-template--27653300650158__product" 6590 type="submit" 6591 name="add" 6592 class="btn btn--medium btn--solid btn--primary" 6593 data-preorder="false" 6594 data-add-to-cart 6595 6596 6597 >
6598 <span class="btn__text" data-add-to-cart-text> 6599 <span 6600 data-l51-atc-normal-text 6601 6602 >Agregar al carrito</span> 6603 6604 <span 6605 data-l51-atc-size-text 6606 6607 hidden 6608 6609 > 6610 Selecciona tu talla 6611 </span></span> 6612 6613 <span class="btn__added"> </span> 6614 6615 <span class="btn__loader"> 6616 <svg height="18" width="18" class="svg-loader"> 6617 <circle r="7" cx="9" cy="9" /> 6618 <circle stroke-dasharray="87.96459430051421 87.96459430051421" r="7" cx="9" cy="9" /> 6619 </svg> 6620 </span> 6621 </button></div></div><input type="hidden" name="product-id" value="9011622543534" /><input type="hidden" name="section-id" value="template--27653300650158__product" /></form></div> 6622 </product-form></div></div> 6623 </div> 6624 </div> 6625 6626 6627 6628
6628<script> 6629 document.addEventListener('DOMContentLoaded', () => { 6630 const sticky = document.querySelector('.container-sticky'); 6631 const target = document.querySelector('.product__content .product__submit__item'); 6632 const header = document.querySelector('.theme__header'); 6633 const mq = window.matchMedia('(max-width: 749px)'); 6634 6635 if (!sticky || !target) return; 6636 6637 const headerH = () => header ? Math.round(header.getBoundingClientRect().height) : 0; 6638 const setTop = () => { sticky.style.top = headerH() + 'px'; }; 6639 const clearTop = () => { sticky.style.removeProperty('top'); }; 6640 6641 function showDesktop() { 6642 sticky.classList.add('visible'); 6643 setTop(); 6644 } 6645 6646 function hideDesktop() { 6647 sticky.classList.remove('visible'); 6648 clearTop(); 6649 } 6650 6651 function showMobile() { 6652 sticky.classList.add('visible'); 6653 clearTop(); 6654 } 6655 6656 function hideMobile() { 6657 sticky.classList.remove('visible'); 6658 clearTop(); 6659 } 6660 6661 let submitVisible = true; 6662 let observer = null; 6663 6664 function hasScrolledEnough() { 6665 return window.scrollY >= 200; 6666 } 6667 6668 function updateVisibility() { 6669 if (mq.matches) { 6670 showMobile(); 6671 return; 6672 } 6673 6674 if (!hasScrolledEnough()) { 6675 hideDesktop(); 6676 return; 6677 } 6678 6679 if (submitVisible) { 6680 hideDesktop(); 6681 } else { 6682 showDesktop(); 6683 } 6684 } 6685 6686 function createObserver() { 6687 if (observer) observer.disconnect(); 6688 6689 observer = new IntersectionObserver( 6690 (entries) => { 6691 const entry = entries[0]; 6692 submitVisible = entry.isIntersecting; 6693 updateVisibility(); 6694 }, 6695 { 6696 root: null, 6697 threshold: 0, 6698 rootMargin: '0px 0px -50px 0px' 6699 } 6700 ); 6701 6702 observer.observe(target); 6703 } 6704 6705 createObserver(); 6706 updateVisibility(); 6707 6708 if (mq.addEventListener) { 6709 mq.addEventListener('change', () => { 6710 updateVisibility(); 6711 }); 6712 } else if (mq.addListener) { 6713 mq.addListener(() => { 6714 updateVisibility(); 6715 }); 6716 } 6717 6718 window.addEventListener('scroll', () => { 6719 updateVisibility(); 6720 }, { passive: true }); 6721 6722 window.addEventListener('resize', () => { 6723 updateVisibility(); 6724 6725 if (!mq.matches && sticky.classList.contains('visible')) { 6726 setTop(); 6727 } 6728 }); 6729 6730 if ('ResizeObserver' in window && header) { 6731 new ResizeObserver(() => { 6732 if (!mq.matches && sticky.classList.contains('visible')) { 6733 setTop(); 6734 } 6735 }).observe(header); 6736 } 6737 }); 6738 </script>
6738 6739 6740 6741 6742 6743
6743<script src="//www.hushpuppies.cl/cdn/shop/t/36/assets/product-info.js?v=38535501611784670381790793707" defer="defer"></script>
6743<script src="//www.hushpuppies.cl/cdn/shop/t/36/assets/product-sticky.js?v=68542415428062085981790793707" defer="defer"></script>
6743<script src="//www.hushpuppies.cl/cdn/shop/t/36/assets/product-thumbs.js?v=92217127061909439161790793707" defer="defer"></script>
6743<script type="application/ld+json"> 6744 {"@context":"http:\/\/schema.org\/","@id":"\/products\/calcetin-mujer-hpw-smile-sock-accesorios-hp-ha211031296-022#product","@type":"ProductGroup","brand":{"@type":"Brand","name":"hushpuppiescl"},"category":"","description":"Hush Puppies, 45 años acompañándote en cada paso, destacando la calidad, moda y tendencia de nuestros productos para caminar felices por la vida. Hush Puppies Walk Happy.\nCalcetines de algodón Hush Puppies en colaboración exclusiva con SmileyWorld\nMaterial: Algodon\nLargo del CalcetÃn: Medio\nCódigo modelo color: HA211031296-022","hasVariant":[{"@id":"\/products\/calcetin-mujer-hpw-smile-sock-accesorios-hp-ha211031296-022?variant=47514351141038#variant","@type":"Product","gtin":"7800160509701","image":"https:\/\/www.hushpuppies.cl\/cdn\/shop\/files\/HA211031296_022_1.jpg?v=1771247299\u0026width=1920","name":"Calcetin Algodon Muer Hpw Smile Sock Blanco Hush Puppies - Talla Ãnica","offers":{"@id":"\/products\/calcetin-mujer-hpw-smile-sock-accesorios-hp-ha211031296-022?variant=47514351141038#offer","@type":"Offer","availability":"http:\/\/schema.org\/InStock","price":"5394","priceCurrency":"CLP","url":"https:\/\/www.hushpuppies.cl\/products\/calcetin-mujer-hpw-smile-sock-accesorios-hp-ha211031296-022?variant=47514351141038"},"sku":"5339581"}],"name":"Calcetin Algodon Muer Hpw Smile Sock Blanco Hush Puppies","productGroupID":"9011622543534","url":"https:\/\/www.hushpuppies.cl\/products\/calcetin-mujer-hpw-smile-sock-accesorios-hp-ha211031296-022"} 6745 </script>
6745 6746</product-info> 6747 6748</div><div id="shopify-section-template--27653300650158__related" class="shopify-section"><!-- /sections/related.liquid -->
6748<script src="//www.hushpuppies.cl/cdn/shop/t/36/assets/related-products.js?v=143275479326937654911790793707" defer="defer"></script>
6748 6749 6750<related-products 6751 class="related__wrapper color-scheme-1" 6752 id="RelatedProducts--template--27653300650158__related" 6753 data-section-id="template--27653300650158__related" 6754 data-section-type="related" 6755 style="--PT: 52px; 6756 --PB: 30px;" 6757><div 6758 class="tabs-wrapper related__products section-padding" 6759 ><div class="tab-content tab-content-0 current tabs__recommendation" data-tab-index="0"><h2 6760 class="tab__title text-left heading-mini" 6761 data-aos="hero" 6762 data-aos-anchor="#RelatedProducts--template--27653300650158__related" 6763 data-aos-order="1" 6764 > 6765 Más opciones similares 6766 6767 </h2><div data-related-section 6768 data-limit="10" 6769 data-layout="slider" 6770 data-product-id="9011622543534" 6771 style="--column-count: 4; --COLUMNS: 4; --COLUMNS-MEDIUM: 2; --COLUMNS-SMALL: 2; --COLUMNS-MOBILE: 0;" 6772 ></div> 6773 </div><div 6774 class="tab-content tab-content-1 tabs__recently-viewed current" 6775 data-tab-index="1" 6776 style="--column-count: 10" 6777 ><h2 6778 class="tab__title text-left heading-mini" 6779 data-aos="hero" 6780 data-aos-anchor="#RelatedProducts--template--27653300650158__related" 6781 data-aos-order="1" 6782 > 6783 Recientemente Vistos 6784 6785 </h2><!-- /snippets/products-recently-viewed.liquid --> 6786
6787<script src="//www.hushpuppies.cl/cdn/shop/t/36/assets/recently-viewed.js?v=65653390500397507271790793707" defer="defer"></script>
6787 6788 6789<recently-viewed 6790 class="recent__wrapper fade-toggle hidden" 6791 id="RecentlyViewed-template--27653300650158__related" 6792 data-wrapper-id="recently-viewed-products-template--27653300650158__related" 6793 data-limit="10" 6794 data-target="api-product-grid-item" 6795 data-minimum="" 6796 6797 6798> 6799 <div 6800 class="grid-outer" 6801 style="--column-count: 4; --COLUMNS: 4; --COLUMNS-MEDIUM: 2; --COLUMNS-SMALL: 2; --COLUMNS-MOBILE: 0;" 6802 > 6803 <grid-slider align-arrows> 6804 <div 6805 class="recent__content grid grid--slider grid--mobile-slider hidden" 6806 data-grid-slider 6807 id="recently-viewed-products-template--27653300650158__related" 6808 ></div> 6809 </grid-slider> 6810 </div> 6811</recently-viewed> 6812 6813 6814 6815 </div></div></related-products> 6816 6817 6818</div><div id="shopify-section-template--27653300650158__section-divider-1" class="shopify-section divider-container"><!-- /sections/section-divider.liquid --><section 6819 id="Divider--template--27653300650158__section-divider-1" 6820 class="divider-section section-padding color-scheme-1" 6821 data-section-id="template--27653300650158__section-divider-1" 6822 data-section-type="divider" 6823 style="--PT: 0px; 6824 --PB: 0px;" 6825> 6826 <div class="divider-holder wrapper--full-padded"><hr class="divider"></div> 6827</section> 6828 6829 6830</div><section id="shopify-section-template--27653300650158__17690231540b249cd5" class="shopify-section"><div class=""><div id="shopify-block-ANmZTdjQyMmNIbytEZ__judge_me_reviews_review_widget_YNpzKR" class="shopify-block shopify-app-block"> 6831 6832 6833<div style='clear:both'></div> 6834<div id='judgeme_product_reviews' 6835 class='jdgm-widget jdgm-review-widget' 6836 data-product-title='Calcetin Algodon Muer Hpw Smile Sock Blanco Hush Puppies' 6837 data-id='9011622543534' 6838 data-product-id='9011622543534' 6839 data-widget="review" 6840 data-shop-reviews="false" 6841 data-shop-reviews-count="1" 6842 data-cart-eligible-template="false" 6843 data-shop-average-rating="4.92" 6844 data-shop-review-count="213" 6845 data-empty-state="empty_widget" 6846 data-entry-point="review_widget.js" 6847 data-entry-key="review-widget/main.js" 6848 data-block-id="ANmZTdjQyMmNIbytEZ__judge_me_reviews_review_widget_YNpzKR" 6849 data-customer-logged-in="false" 6850 6851 6852 style='max-width: 1200px; margin: 0 auto;'> 6853 6854 6855 6856 6857 6858 6859 6860 6861</div> 6862 6863
6864<script class='jdgm-review-widget-data'> 6865 jdgm.data ||= {}; jdgm.data.reviewWidget ||= {}; 6866 6867 jdgm.data.reviewWidget[9011622543534] = {"number_of_reviews":0,"average_rating":"0.00","number_of_questions":0,"product_name":"Calcetin Algodon Muer Hpw Smile Sock Blanco Hush Puppies","product_external_id":9011622543534,"image_url":"https://cdn.shopify.com/s/files/1/0725/6339/2686/files/HA211031296_022_1.jpg?v=1771247299","histogram":[{"rating":5,"frequency":0,"percentage":0,"extra_class":null},{"rating":4,"frequency":0,"percentage":0,"extra_class":null},{"rating":3,"frequency":0,"percentage":0,"extra_class":null},{"rating":2,"frequency":0,"percentage":0,"extra_class":null},{"rating":1,"frequency":0,"percentage":0,"extra_class":null}],"review_keywords":null,"product_medals":[],"custom_form_filters_and_averages":null,"photo_gallery":null,"review_summary_text":"Be the first to write a review","ai_summary_text":"","sort_key":"created_at","multi_language_sorting_enabled":false,"reviews":[],"pagination":{"total_pages":0,"current_page":1,"per_page":5}} 6868</script>
6868 6869 6870 6871 6872 6873 6874 6875 6876</div> 6877</div> 6878 6879 6880</section><div id="shopify-section-template--27653300650158__17824060522525fe9a" class="shopify-section"> 6881 6882</div> 6883 </main> 6884 </div> 6885 6886 <!-- BEGIN sections: group-pre-footer --> 6887 6888<!-- END sections: group-pre-footer --> 6889 6890 <footer class="footer-sections"> 6891 <!-- BEGIN sections: group-footer --> 6892<div id="shopify-section-sections--27653290328238__section-divider" class="shopify-section shopify-section-group-group-footer divider-container"><!-- /sections/section-divider.liquid --><section 6893 id="Divider--sections--27653290328238__section-divider" 6894 class="divider-section section-padding color-scheme-1" 6895 data-section-id="sections--27653290328238__section-divider" 6896 data-section-type="divider" 6897 style="--PT: 0px; 6898 --PB: 0px;" 6899> 6900 <div class="divider-holder wrapper--full-padded"><hr class="divider"></div> 6901</section> 6902 6903 6904</div><div id="shopify-section-sections--27653290328238__footer" class="shopify-section shopify-section-group-group-footer"><!-- /sections/footer.liquid --><style data-shopify>.site-footer-wrapper { 6905 --PT: 50px; 6906 --PB: 50px; 6907 --item-count: 5; 6908 } 6909 6910 6911 .shopify-section-group-group-footer { --border: #767676; } 6912 .shopify-section-group-group-footer .field { --border: #767676; } 6913 6914</style><footer 6915 class="site-footer-wrapper section-padding color-scheme-8" 6916 data-section-id="sections--27653290328238__footer" 6917 data-section-type="footer" 6918> 6919 <div class="site-footer wrapper--full-padded"><div class="container-pills"> 6920 6921 <a href="/pages/politicas-de-despacho" class="pills"> 6922 <img src="//www.hushpuppies.cl/cdn/shop/files/pill1_small.svg?v=1769006373" alt="RETIRO EN TIENDA"> 6923 RETIRO EN TIENDA 6924 </a> 6925 6926 6927 <a href="/pages/politicas-de-despacho" class="pills"> 6928 <img src="//www.hushpuppies.cl/cdn/shop/files/pill2_small.svg?v=1769006634" alt="DESPACHOS"> 6929 DESPACHOS 6930 </a> 6931 6932 6933 <a href="/pages/tiendas" class="pills"> 6934 <img src="//www.hushpuppies.cl/cdn/shop/files/pill3_small.svg?v=1769006654" alt="TIENDAS"> 6935 TIENDAS 6936 </a> 6937 6938 6939 <a href="/pages/cambios-retractos-y-garantias" class="pills"> 6940 <img src="//www.hushpuppies.cl/cdn/shop/files/pill4_small.svg?v=1769006668" alt="CAMBIOS Y DEVOLUCIONES"> 6941 CAMBIOS Y DEVOLUCIONES 6942 </a> 6943 6944 6945 <a href="https://hushpuppiescl.siguetucompra.cl/" class="pills"> 6946 <img src="//www.hushpuppies.cl/cdn/shop/files/pill5_small.svg?v=1769006679" alt="SIGUE TU COMPRA"> 6947 SIGUE TU COMPRA 6948 </a> 6949 6950 </div> 6951 6952 <div class="container-grid-footer"> 6953 <div class="container-text"> 6954 <div class="container-title"> 6955 <h3><p>Camina feliz por la vida y disfruta de lo simple.</p></h3> 6956 </div> 6957 <div class="container-paragraph"> 6958 <p>Déjanos tu correo electrónico para contarte las últimas novedades y recibir todas las sorpresas que Hush Puppies tiene para ti</p> 6959 </div> 6960 </div> 6961 <div class="container-newsletter-grid"> 6962
6962<script charset="utf-8" type="text/javascript" src="//js.hsforms.net/forms/embed/v2.js"></script>
6962<script> hbspt.forms.create({ portalId: "8157427", formId: "1cf66532-1da7-466e-b0e9-8dde23ea2c11", region: "na1" });</script>
6962 6963 </div> 6964 </div><collapsible-elements> 6965 <div class="footer__blocks"> 6966<details class="footer__block footer__block--menu accordion" style="--desktop-width: 15%;" data-collapsible desktop="false" mobile="true"> 6967 <summary class="h3 footer__block__title heading-mini accordion__title" data-collapsible-trigger><p><strong>Mi cuenta</strong></p> 6968<svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-nav-arrow-down" viewBox="0 0 24 24"><path d="m6 9 6 6 6-6" stroke="#000" stroke-linecap="round" stroke-linejoin="round"/></svg></summary><div data-collapsible-body> 6969 <ul class="footer__quicklinks unstyled accordion__content" data-collapsible-content><li><a href="https://account.hushpuppies.cl/profile?locale=es®ion_country=CL&buyer_flags=eyJhbGciOiJIUzI1NiJ9.eyJpc3MiOiJodXNocHVwcGllc2NsLm15c2hvcGlmeS5jb20iLCJmbGFncyI6W10sImV4cCI6MTc5MjA0NTQ3OSwibmJmIjoxNzkxNDQwNjc5fQ.TB5OImDH0F4x6yHSi6cltc-QVKo81-YJmye-1MjK0_Y">Mi cuenta</a></li><li><a href="https://hushpuppiescl.siguetucompra.cl/">Sigue tu compra</a></li><li><a href="https://hushpuppiescl.siguetucompra.cl/">Ver Boleta / Ticket de Cambio</a></li></ul> 6970 </div></details> 6971<details class="footer__block footer__block--menu accordion" style="--desktop-width: 16%;" data-collapsible desktop="false" mobile="true"> 6972 <summary class="h3 footer__block__title heading-mini accordion__title" data-collapsible-trigger><p><strong>Servicio al cliente</strong></p> 6973<svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-nav-arrow-down" viewBox="0 0 24 24"><path d="m6 9 6 6 6-6" stroke="#000" stroke-linecap="round" stroke-linejoin="round"/></svg></summary><div data-collapsible-body> 6974 <ul class="footer__quicklinks unstyled accordion__content" data-collapsible-content><li><a href="/pages/centro-de-ayuda">Centro de ayuda</a></li><li><a href="/pages/tiendas">Tiendas</a></li><li><a href="/pages/solicitar-factura">Solicitar Factura</a></li><li><a href="/pages/contacto">Contactanos</a></li><li><a href="/pages/cyber">Cyber Monday</a></li><li><a href="/pages/cyber">Cyber Day</a></li><li><a href="https://cdn.shopify.com/s/files/1/0716/5634/1597/files/HushPuppies_Stock_Forus_CyberMonday2026.pdf?v=1791168012">Stock CyberMonday 2026</a></li></ul> 6975 </div></details> 6976<details class="footer__block footer__block--menu accordion" style="--desktop-width: 15%;" data-collapsible desktop="false" mobile="true"> 6977 <summary class="h3 footer__block__title heading-mini accordion__title" data-collapsible-trigger><p><strong>Legal</strong></p> 6978<svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-nav-arrow-down" viewBox="0 0 24 24"><path d="m6 9 6 6 6-6" stroke="#000" stroke-linecap="round" stroke-linejoin="round"/></svg></summary><div data-collapsible-body> 6979 <ul class="footer__quicklinks unstyled accordion__content" data-collapsible-content><li><a href="/pages/politicas-de-privacidad">PolÃticas de Privacidad</a></li><li><a href="/policies/terms-of-service">Términos y Condiciones</a></li><li><a href="/policies/shipping-policy">PolÃticas de Despacho </a></li><li><a href="/pages/cambios-retractos-y-garantias">Cambios, Retracto y GarantÃa</a></li><li><a href="/pages/politica-de-privacidad-de-marketing">PolÃticas de Privacidad de Marketing</a></li><li><a href="https://www.hushpuppies.cl/pages/politica-de-cookies">PolÃtica de Cookies</a></li></ul> 6980 </div></details> 6981<details class="footer__block footer__block--menu accordion" style="--desktop-width: 15%;" data-collapsible desktop="false" mobile="true"> 6982 <summary class="h3 footer__block__title heading-mini accordion__title" data-collapsible-trigger><p><strong>Hush Puppies</strong></p> 6983<svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-nav-arrow-down" viewBox="0 0 24 24"><path d="m6 9 6 6 6-6" stroke="#000" stroke-linecap="round" stroke-linejoin="round"/></svg></summary><div data-collapsible-body> 6984 <ul class="footer__quicklinks unstyled accordion__content" data-collapsible-content><li><a href="/collections/cerutti">Massimo Cerutti</a></li></ul> 6985 </div></details> 6986<details class="footer__block footer__block--social" style="--desktop-width: 36%;" data-collapsible desktop="false" mobile="false"> 6987 <summary class="h3 footer__block__title heading-mini" data-collapsible-trigger><p><strong>SÃGUENOS</strong> EN NUESTRAS REDES SOCIALES</p> 6988<svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-nav-arrow-down" viewB
6988ox="0 0 24 24"><path d="m6 9 6 6 6-6" stroke="#000" stroke-linecap="round" stroke-linejoin="round"/></svg></summary> 6989 6990 <div data-collapsible-body> 6991 <div class="" data-collapsible-content> 6992<ul class="socials socials--thin" 6993 ><li> 6994 <a href="https://www.instagram.com/hushpuppiescl/" title="Hush Puppies Chile Walk Happy en Instagram" rel="noopener" target="_blank" class="social-link"><svg width="25" height="25" viewBox="0 0 25 25" fill="none" xmlns="http://www.w3.org/2000/svg"> 6995 <path d="M8.63451 0.0912595C11.6097 0.0079262 15.2626 -0.0962405 18.1955 0.174593C22.4943 0.570426 24.5484 3.17459 24.8236 7.27876C25.0142 10.1538 24.9295 13.4663 24.8236 16.3621C24.7283 18.9767 24.4954 21.1538 22.2931 22.9038C20.5037 24.3204 18.6508 24.3725 16.4697 24.4454C13.4203 24.5496 9.76743 24.6746 6.74983 24.3933C2.89578 24.0392 0.534645 21.7163 0.174651 17.9246C-0.111227 14.9246 0.0158309 11.2475 0.121711 8.21626C0.206416 6.09126 0.29112 4.33084 1.70992 2.60168C3.4993 0.414177 5.96632 0.174593 8.64509 0.101676L8.63451 0.0912595ZM9.1745 2.28918C7.50158 2.33084 5.51103 2.28918 4.12399 3.33084C2.19697 4.76834 2.38755 7.10168 2.33461 9.23709C2.28167 11.3725 2.28167 13.2996 2.33461 15.3308C2.38755 17.3621 2.19697 19.7996 4.12399 21.2371C5.17221 22.0183 6.34749 22.1225 7.61805 22.1954C10.2545 22.3413 12.9121 22.31 15.5591 22.2371C17.7191 22.185 20.1014 22.3725 21.5625 20.4767C22.6319 19.0913 22.5366 17.3204 22.579 15.6746C22.6637 12.935 22.6954 10.1538 22.5366 7.42459C22.3354 3.95584 20.9272 2.57043 17.4014 2.37251C14.6909 2.21626 11.9062 2.21626 9.1745 2.28918Z" fill="#242424"/> 6996 <path d="M12.3524 5.99754C17.3076 5.91421 20.4734 11.258 17.9641 15.4663C15.4547 19.6746 9.34539 19.56 6.93131 15.4038C4.52782 11.2684 7.53483 6.08088 12.3524 5.99754ZM12.003 8.24754C9.12304 8.53921 7.46071 11.6746 8.81598 14.1955C10.3407 17.0392 14.5441 17.06 16.1006 14.2267C17.657 11.3934 15.317 7.91421 12.0136 8.24754H12.003Z" fill="#242424"/> 6997 <path d="M19.0012 4.28922C21.0553 4.19547 21.0659 7.25797 19.0859 7.25797C17.106 7.25797 17.0742 4.38297 19.0012 4.28922Z" fill="#242424"/> 6998 </svg> 6999 <span class="icon-fallback-text">Instagram</span> 7000 </a> 7001 </li><li> 7002 <a href="https://www.facebook.com/HushPuppiesCL" title="Hush Puppies Chile Walk Happy en Facebook" rel="noopener" target="_blank" class="social-link"><svg width="14" height="25" viewBox="0 0 14 25" fill="none" xmlns="http://www.w3.org/2000/svg"> 7003 <path d="M13.3077 0C13.5668 0.142026 13.665 0.310682 13.7008 0.612488C13.7901 1.4824 13.7812 3.28435 13.7008 4.17202C13.674 4.4827 13.5846 4.7845 13.2362 4.82889C12.5751 4.91765 11.6727 4.7845 10.9758 4.82889C10.3772 4.86439 9.6089 4.92653 9.34981 5.5479C9.30514 5.65442 9.189 6.02723 9.189 6.12488V8.97428H13.1379C13.3166 8.97428 13.4864 9.25833 13.5132 9.43586C13.6561 10.7585 13.397 12.3296 13.5132 13.6789C13.5489 13.7943 13.2451 14.0872 13.1915 14.0872H9.19793V24.5439C9.19793 24.7569 8.89417 24.9433 8.68868 24.9611C7.32175 25.0854 5.75826 24.8634 4.36453 24.9611C4.23051 24.9966 3.89995 24.7303 3.89995 24.6415V14.1582L3.82847 14.0872H0.433476C0.219055 14.0872 0.0850416 13.6523 0.0671732 13.4747C-0.031103 12.5249 -0.0132346 10.5809 0.0671732 9.62227C0.0850416 9.43586 0.129713 9.22282 0.27266 9.08967C0.299463 9.07192 0.478147 8.9654 0.487081 8.9654H3.89995C3.96249 7.11018 3.66766 5.26384 4.35559 3.49739C4.98992 1.87297 6.33899 0.692377 8.03648 0.230792L9.20687 0H13.3255H13.3077Z" fill="#242424"/> 7004 </svg> 7005 <span class="icon-fallback-text">Facebook</span> 7006 </a> 7007 </li><li> 7008 <a href="https://www.tiktok.com/@hushpuppiescl" title="Hush Puppies Chile Walk Happy en TikTok" rel="noopener" target="_blank" class="social-link"><svg width="24" height="25" viewBox="0 0 24 25" fill="none" xmlns="http://www.w3.org/2000/svg"> 7009 <path d="M20.3893 5.35512C20.2117 5.26421 20.034 5.17331 19.8564 5.06588C19.359 4.76011 18.906 4.39649 18.4974 3.99155C17.4849 2.90895 17.103 1.8181 16.9697 1.04954C16.8543 0.413204 16.8987 0 16.9076 0H12.2889V16.6025C12.2889 16.8257 12.2889 17.0488 12.2801 17.2636C12.2801 17.2884 12.2801 17.3132 12.2801 17.3463C12.2801 17.3546 12.2801 17.3711 12.2801 17.3793C12.1824 18.6024 11.4452 19.685 10.3083 20.28C9.72205 20.5858 9.06478 20.7511 8.39863 20.7511C6.24919 20.7511 4.50832 19.1231 4.50832 17.1066C4.50832 15.0902 6.24919 13.4622 8.39863
700913.4622C8.8072 13.4622 9.20689 13.52 9.5977 13.6357V9.26403C7.22621 8.97478 4.83695 9.62764 2.99838 11.0656C2.199 11.7102 1.53285 12.4788 1.02658 13.33C0.831178 13.644 0.0939792 14.9001 0.00515937 16.9331C-0.0481325 18.0901 0.324909 19.2883 0.502548 19.7842C0.618014 20.09 1.04435 21.0816 1.75491 21.9246C2.32336 22.594 2.99839 23.189 3.75336 23.6766H3.76223C6.00049 25.0897 8.46969 24.9988 8.46969 24.9988C8.89602 24.9823 10.3349 24.9988 11.9692 24.2798C13.7811 23.4865 14.8114 22.2965 14.8114 22.2965C15.4687 21.5858 15.9927 20.7759 16.3569 19.9082C16.7743 18.8834 16.9165 17.6603 16.9165 17.1727V8.36324C16.9697 8.3963 17.7158 8.85082 17.7158 8.85082C17.7158 8.85082 18.7906 9.49542 20.4692 9.90862C21.6683 10.2061 23.2937 10.264 23.2937 10.264V5.99972C22.7253 6.05757 21.5706 5.89228 20.3893 5.34686V5.35512Z" fill="#242424"/> 7010 </svg> 7011 <span class="icon-fallback-text">TikTok</span> 7012 </a> 7013 </li><li> 7014 <a href="https://www.youtube.com/@hushpuppieschile" title="Hush Puppies Chile Walk Happy en YouTube" rel="noopener" target="_blank" class="social-link"><svg width="32" height="22" viewBox="0 0 32 22" fill="none" xmlns="http://www.w3.org/2000/svg"> 7015 <path d="M14.0537 0.0381945C18.0772 -0.0138889 23.0218 -0.0972223 26.9712 0.444444C30.5393 0.923611 31.164 2.70486 31.5134 5.94444C31.8628 9.18403 31.8522 12.8715 31.5134 15.9861C31.1746 19.1007 30.5287 20.9965 26.9712 21.4861C24.1124 21.8715 20.936 21.7986 18.0348 21.8403C14.202 21.8924 10.2526 21.9549 6.43034 21.6319C3.19039 21.3611 1.18925 21.0799 0.501027 17.559C-0.144844 14.2361 -0.102493 9.32986 0.268089 5.94444C0.638671 2.55903 1.27396 0.913194 4.87389 0.444444C7.75385 0.0694443 11.1314 0.0798609 14.0431 0.0486109L14.0537 0.0381945ZM12.7302 6.39236V15.5278L20.8936 10.9236L12.7302 6.39236Z" fill="#242424"/> 7016 </svg> 7017 <span class="icon-fallback-text">YouTube</span> 7018 </a> 7019 </li></ul><div class="container-text-social"><div class="rte footer__social__text"><p>Oficina: Av. Las Condes #11281 - Las Condes.</p><p>â¨Revisa nuestras tiendas <a href="/pages/tiendas" title="Tiendas"><strong>aquÃ</strong>â¨</a></p><p>© 2025 Hush Puppies, reservados todos los derechos</p></div></div> 7020 <img src="//www.hushpuppies.cl/cdn/shop/files/Cards_small.svg?v=1769008393" alt="metodos de pago"/> 7021 </div> 7022 </div> 7023 </details></div> 7024 </collapsible-elements></div> 7025</footer> 7026 7027 7028</div> 7029<!-- END sections: group-footer --> 7030 <div id="shopify-section-l51-badges-global" class="shopify-section"> 7031
7032<script 7033 type="application/json" 7034 id="l51BadgesConfig" 7035 data-section-id="l51-badges-global" 7036> 7037{ 7038 "enabled": true, 7039 7040 "limits": { 7041 "card": 4, 7042 "pdp": 4 7043 }, 7044 7045 "position": { 7046 "card": { 7047 "desktop": "tl", 7048 "mobile": "tl" 7049 }, 7050 "pdp": { 7051 "desktop": "tl", 7052 "mobile": "tl" 7053 } 7054 }, 7055 7056 "edge_padding": { 7057 "desktop": 12, 7058 "mobile": 8 7059 }, 7060 7061 "flow": { 7062 "desktop": { 7063 "direction": "column", 7064 "per_row": 3, 7065 "gap": 6 7066 }, 7067 "mobile": { 7068 "direction": "column", 7069 "per_row": 2, 7070 "gap": 6 7071 } 7072 }, 7073 7074 "rules": [{ 7075 "id": "badge_KHQLJK", 7076 "sort_index": 0, 7077 7078 "trigger_tag": "cyber monday", 7079 "badge_type": "image", 7080 "label": "", 7081 "image":"\/\/www.hushpuppies.cl\/cdn\/shop\/files\/Sello15anos_2026_4x_ad4b9cc6-04b9-44b0-8f49-d50e3d58ecd9.png?v=1790793846\u0026width=240", 7082 7083 "show_on_card": true, 7084 "show_on_pdp": true, 7085 7086 "priority": 50, 7087 7088 "bg": "rgba(0,0,0,0)", 7089 "text": "#111111", 7090 "border": "#111111", 7091 "border_w": 0, 7092 "radius": 16, 7093 7094 "use_custom_position": false, 7095 "pos_card_desktop": "tl", 7096 "pos_card_mobile": "tl", 7097 "pos_pdp_desktop": "tl", 7098 "pos_pdp_mobile": "bl", 7099 7100 "img_w_d": 30, 7101 "img_w_m": 25, 7102 "font_d": 12, 7103 "font_m": 11, 7104 7105 "start_date": "2026-09-30 15:00", 7106 "end_date": "" 7107 }] 7108} 7109</script>
7109 7110 7111</div> 7112 </footer> 7113 7114 <!-- Root element of PhotoSwipe. Must have class pswp. --> 7115<div class="pswp pswp--custom-loader" tabindex="-1" role="dialog" aria-hidden="true"> 7116 <!-- Background of PhotoSwipe. 7117 It's a separate element as animating opacity is faster than rgba(). --> 7118 <div class="pswp__bg"></div> 7119 7120 <!-- Slides wrapper with overflow:hidden. --> 7121 <div class="pswp__scroll-wrap"> 7122 <!-- Container that holds slides. 7123 PhotoSwipe keeps only 3 of them in the DOM to save memory. 7124 Don't modify these 3 pswp__item elements, data is added later on. --> 7125 <div class="pswp__container"> 7126 <div class="pswp__item"></div> 7127 <div class="pswp__item"></div> 7128 <div class="pswp__item"></div> 7129 </div> 7130 7131 <!-- Default (PhotoSwipeUI_Default) interface on top of sliding area. Can be changed. --> 7132 <div class="pswp__ui pswp__ui--hidden"> 7133 <div class="pswp__top-bar"> 7134 <!-- Controls are self-explanatory. Order can be changed. --> 7135 7136 <div class="pswp__counter"></div> 7137 7138 <button class="pswp__button pswp__button--close pswp__custom-close pswp__ui-over-close" title="Close (Esc)"><svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-cancel" viewBox="0 0 24 24"><path d="M6.758 17.243 12.001 12m5.243-5.243L12 12m0 0L6.758 6.757M12.001 12l5.243 5.243" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/></svg></button> 7139 7140 <!-- Preloader demo https://codepen.io/dimsemenov/pen/yyBWoR --> 7141 <!-- element will get class pswp__preloader--active when preloader is running --> 7142 <div class="pswp__preloader"> 7143 <div class="pswp__preloader__icn"> 7144 <div class="pswp__preloader__cut"> 7145 <div class="pswp__preloader__donut"></div> 7146 </div> 7147 </div> 7148 </div> 7149 </div> 7150 7151 <div class="pswp__share-modal pswp__share-modal--hidden pswp__single-tap"> 7152 <div class="pswp__share-tooltip"></div> 7153 </div> 7154 7155 <button class="pswp__button pswp__button--arrow--left" title="Anterior"><svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-nav-arrow-left" viewBox="0 0 24 24"><path d="m15 6-6 6 6 6" stroke="#000" stroke-linecap="round" stroke-linejoin="round"/></svg><span class="visually-hidden">Anterior</span> 7156 </button> 7157 7158 <button class="pswp__button pswp__button--arrow--right" title="Siguiente"><svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-nav-arrow-right" viewBox="0 0 24 24"><path d="m9 6 6 6-6 6" stroke="#000" stroke-width="1" stroke-linecap="round" stroke-linejoin="round"/></svg><span class="visually-hidden">Siguiente</span> 7159 </button> 7160 7161 <div class="pswp__thumbs"></div> 7162 7163 <div class="pswp__caption"> 7164 <div class="pswp__caption__center"></div> 7165 7166 <a href="#" class="pswp__caption-close"><svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-nav-arrow-left" viewBox="0 0 24 24"><path d="m15 6-6 6 6 6" stroke="#000" stroke-linecap="round" stroke-linejoin="round"/></svg><span class="visually-hidden">Cerrar</span> 7167 </a> 7168 </div> 7169 </div> 7170 </div> 7171</div> 7172 7173<div 7174 id="ShareCartGlobalModal" 7175 class="share-cart-modal color-scheme-1" 7176 data-share-cart-modal 7177 role="dialog" 7178 aria-modal="true" 7179 aria-labelledby="ShareCartGlobalModal-title" 7180 hidden 7181 > 7182 <button 7183 type="button" 7184 class="share-cart-modal__overlay" 7185 data-share-cart-close 7186 aria-label="Cerrar ventana" 7187 ></button> 7188 7189 <div class="share-cart-modal__dialog"> 7190 <button 7191 type="button" 7192 class="share-cart-modal__close" 7193 data-share-cart-close 7194 aria-label="Cerrar ventana" 7195 > 7196 <svg 7197 width="22" 7198 height="22"
7199 viewBox="0 0 24 24" 7200 fill="none" 7201 xmlns="http://www.w3.org/2000/svg" 7202 aria-hidden="true" 7203 > 7204 <path 7205 d="M18 6L6 18M6 6L18 18" 7206 stroke="currentColor" 7207 stroke-width="1.8" 7208 stroke-linecap="round" 7209 /> 7210 </svg> 7211 </button> 7212 7213 <div class="share-cart-modal__content"> 7214 <span 7215 id="ShareCartGlobalModal-title" 7216 class="share-cart-modal__title" 7217 > 7218 Tu carrito está listo para compartir 7219 </span> 7220 7221 <p class="share-cart-modal__subtitle"> 7222 Link 7223 </p> 7224 7225 <div class="share-cart-modal__link-wrapper"> 7226 <input 7227 type="text" 7228 class="share-cart-modal__link" 7229 data-share-cart-link 7230 value="" 7231 readonly 7232 aria-label="Link para compartir el carrito" 7233 > 7234 </div> 7235 7236 <button 7237 type="button" 7238 class="share-cart-button share-cart-modal__copy btn btn--primary btn--solid" 7239 data-share-cart-copy 7240 > 7241 <span data-share-cart-copy-text> 7242 Copiar link 7243 </span> 7244 </button> 7245 7246 <p 7247 class="share-cart-modal__message" 7248 data-share-cart-message 7249 role="status" 7250 aria-live="polite" 7251 ></p> 7252 </div> 7253 </div> 7254 </div> 7255 7256 <style> 7257 #ShareCartGlobalModal, 7258 .share-cart-trigger-wrapper.color-scheme-1 { 7259 --share-cart-background: 7260 rgb(var(--color-background, 255 255 255)); 7261 7262 --share-cart-foreground: 7263 rgb(var(--color-foreground, 34 34 34)); 7264 7265 --share-cart-button-background: 7266 rgb( 7267 var( 7268 --color-button, 7269 var(--color-foreground, 34 34 34) 7270 ) 7271 ); 7272 7273 --share-cart-button-text: 7274 rgb( 7275 var( 7276 --color-button-text, 7277 var(--color-background, 255 255 255) 7278 ) 7279 ); 7280 7281 background: transparent; 7282 } 7283 7284 #ShareCartGlobalModal[hidden] { 7285 display: none !important; 7286 } 7287 7288 #ShareCartGlobalModal { 7289 position: fixed; 7290 inset: 0; 7291 z-index: 2147483647; 7292 display: flex; 7293 align-items: center; 7294 justify-content: center; 7295 width: 100vw; 7296 height: 100vh; 7297 height: 100dvh; 7298 margin: 0; 7299 padding: 20px; 7300 overflow: hidden; 7301 box-sizing: border-box; 7302 } 7303 7304 #ShareCartGlobalModal .share-cart-modal__overlay { 7305 position: absolute; 7306 inset: 0; 7307 z-index: 0; 7308 width: 100%; 7309 height: 100%; 7310 margin: 0; 7311 padding: 0; 7312 border: 0; 7313 border-radius: 0; 7314 background: rgba(0, 0, 0, 0.32); 7315 cursor: default; 7316 appearance: none; 7317 } 7318 7319 #ShareCartGlobalModal .share-cart-modal__dialog { 7320 position: relative; 7321 z-index: 1; 7322 width: min(100%, 760px); 7323 max-height: calc(100vh - 40px); 7324 max-height: calc(100dvh - 40px); 7325 overflow-y: auto; 7326 padding: clamp(40px, 6vw, 70px); 7327 border-radius: 4px; 7328 background: var( 7329 --share-cart-background, 7330 var(--COLOR-BG, #ffffff) 7331 ); 7332 color: var( 7333 --share-cart-foreground, 7334 var(--COLOR-TEXT, #222222) 7335 ); 7336 box-shadow: 0 15px 50px rgba(0, 0, 0, 0.2); 7337 box-sizing: border-box; 7338 overscroll-behavior: contain; 7339 } 7340 7341 #ShareCartGlobalModal .share-cart-modal__close { 7342 position: absolute; 7343 top: 18px; 7344 right: 18px; 7345 z-index: 2; 7346 display: flex; 7347 align-items: center; 7348 justify-content: center; 7349 width: 36px; 7350 height: 36px; 7351 margin: 0; 7352 padding: 0; 7353 border: 0; 7354 background: transparent; 7355 color: currentColor; 7356 cursor: pointer; 7357 appearance: none; 7358 } 7359 7360 #ShareCartGlobalModal .share-cart-modal__content { 7361 width: 100%; 7362 text-align: center; 7363 } 7364 7365 #ShareCartGlobalModal .share-cart-modal__title { 7366 margin: 0 0 22px; 7367 font-size: clamp(22px, 3vw, 32px); 7368 font-weight: 700; 7369 line-height: 1.2; 7370 } 7371 7372 #ShareCartGlobalModal .share-cart-modal__subtitle { 7373 margin: 0 0 18px; 7374 font-size: 16px; 7375 line-height: 1.4; 7376 } 7377 7378 #ShareCartGlobalModal .share-cart-modal__link-wrapper { 7379 display: flex; 7380 align-items: center; 7381 width: 100%; 7382 min-height: 110px; 7383 padding: 24px; 7384 border-radius: 24px; 7385 background: #f5f5f5; 7386 box-sizing: border-box; 7387 } 7388 7389 #ShareCartGlobalModal .share-cart-modal__link { 7390 width: 100%; 7391 min-width: 0; 7392 margin: 0; 7393 padding: 0; 7394 border: 0; 7395 outline: 0; 7396 background: transparent; 7397 color: currentColor; 7398 font: inherit; 7399 font-size: 16px; 7400 line-height: 1.5; 7401 text-align: center; 7402 text-overflow: ellipsis; 7403 box-shadow: none; 7404 } 7405 7406 /* 7407 Estilo compartido por: 7408 - Botón Compartir carrito del drawer 7409 - Botón Copiar link del modal 7410 */ 7411 .share-cart-button { 7412 display: flex; 7413 align-items: center; 7414 justify-content: center; 7415 gap: 6px; 7416 border: 1px solid var( 7417 --share-cart-button-background, 7418 var(--COLOR-BUTTON, #222222) 7419 ); 7420 border-radius: var(--btn-radius, var(--BUTTON-RADIUS, 4px)); 7421 background: var( 7422 --share-cart-button-background, 7423 var(--COLOR-BUTTON, #222222) 7424 ); 7425 color: var( 7426 --share-cart-button-text, 7427 var(--COLOR-BUTTON-TEXT, #ffffff) 7428 ); 7429 } 7430 7431 7432 .share-cart-button[disabled], 7433 .share-cart-button[aria-busy='true'] { 7434 opacity: 0.55; 7435 pointer-events: none;
7436 cursor: not-allowed; 7437 } 7438 7439 #ShareCartGlobalModal .share-cart-modal__copy { 7440 width: min(100%, 400px); 7441 margin: 20px auto 0; 7442 } 7443 7444 #ShareCartGlobalModal .share-cart-modal__message { 7445 min-height: 20px; 7446 margin: 12px 0 0; 7447 font-size: 13px; 7448 line-height: 1.4; 7449 } 7450 7451 .share-cart-trigger-wrapper { 7452 width: 100%; 7453 } 7454 7455 .share-cart-trigger-wrapper .share-cart-trigger { 7456 width: 100%; 7457 } 7458 7459 /* 7460 Adaptación a este tema: .btn trae padding: 15px 55px y font-size: 20px 7461 (assets/theme.css), pero dentro del drawer los botones se reducen a 7462 padding: 12px / font-size: 12px (.drawer .cart__checkout, .cart__view). 7463 Igualamos el trigger a esa escala para que no desborde el drawer. 7464 Nota: el custom_css de la sección cart-drawer (sections/group-overlay.json) 7465 fuerza font-size: 12px !important a todos los botones del drawer, asà que 7466 el 16px de acá solo aplica si ese CSS se quita. 7467 */ 7468 .drawer .share-cart-trigger-wrapper .share-cart-trigger { 7469 padding: 12px; 7470 font-size: 12px; 7471 margin-bottom: var(--inner); 7472 }/* 7473 Colores personalizados, aplicados a los dos botones: 7474 - Compartir carrito (carrito lateral) 7475 - Copiar link (modal) 7476 7477 Verificado contra el sistema de botones de este tema 7478 (assets/theme.css): la base usa --btn-bg / --btn-border / --btn-text, 7479 el hover cambia border-color y color con --btn-border-hover / 7480 --btn-text-hover, y el fondo del hover es la capa .btn--solid::after 7481 (z-index: -1) que se desliza con transform y se pinta con 7482 --btn-bg-hover. Por eso alimentamos esas seis variables, fijamos las 7483 propiedades directamente para ganarle a la regla base 7484 .share-cart-button, y NO tocamos background en :hover (romperÃa la 7485 animación de la capa). 7486 */ 7487 .share-cart-trigger-wrapper .share-cart-button.share-cart-trigger, 7488 #ShareCartGlobalModal .share-cart-button.share-cart-modal__copy { 7489 --btn-bg: #FFFFFF; 7490 --btn-border: #FFFFFF; 7491 --btn-text: #1E1D1D; 7492 --btn-bg-hover: #FFFFFF; 7493 --btn-border-hover: #FFFFFF; 7494 --btn-text-hover: #1E1D1D; 7495 7496 background: #FFFFFF; 7497 border-color: #FFFFFF; 7498 color: #1E1D1D; 7499 } 7500 7501 .share-cart-trigger-wrapper .share-cart-button.share-cart-trigger:hover, 7502 .share-cart-trigger-wrapper .share-cart-button.share-cart-trigger:focus-visible, 7503 #ShareCartGlobalModal .share-cart-button.share-cart-modal__copy:hover, 7504 #ShareCartGlobalModal .share-cart-button.share-cart-modal__copy:focus-visible { 7505 border-color: #FFFFFF; 7506 color: #1E1D1D; 7507 } 7508 7509 /* Capa que el tema desliza en el hover de .btn--solid */ 7510 .share-cart-trigger-wrapper .share-cart-button.share-cart-trigger::after, 7511 #ShareCartGlobalModal .share-cart-button.share-cart-modal__copy::after { 7512 background-color: #FFFFFF; 7513 opacity: 1; 7514 } 7515 7516 /* El SVG usa stroke="currentColor", asà que hereda el color del botón */ 7517 .share-cart-trigger-wrapper .share-cart-button.share-cart-trigger .share-cart-trigger__icon svg { 7518 color: inherit; 7519 }.share-cart-trigger__icon { 7520 display: inline-flex; 7521 align-items: center; 7522 justify-content: center; 7523 flex: 0 0 auto; 7524 } 7525 7526 body.share-cart-is-open { 7527 overflow: hidden !important; 7528 touch-action: none; 7529 } 7530 7531 @media screen and (max-width: 749px) { 7532 #ShareCartGlobalModal { 7533 padding: 14px; 7534 } 7535 7536 #ShareCartGlobalModal .share-cart-modal__dialog { 7537 width: 100%; 7538 max-height: calc(100vh - 28px); 7539 max-height: calc(100dvh - 28px); 7540 padding: 54px 20px 30px; 7541 } 7542 7543 #ShareCartGlobalModal .share-cart-modal__title { 7544 margin-bottom: 18px; 7545 font-size: 22px; 7546 } 7547 7548 #ShareCartGlobalModal .share-cart-modal__link-wrapper { 7549 min-height: 90px; 7550 padding: 18px; 7551 border-radius: 16px; 7552 } 7553 7554 #ShareCartGlobalModal .share-cart-modal__link { 7555 font-size: 14px; 7556 } 7557 } 7558 </style> 7559 7560
7560<script> 7561 (function () { 7562 if (window.__shareCartGlobalModalInitialized) return; 7563 window.__shareCartGlobalModalInitialized = true; 7564 7565 const modal = document.querySelector( 7566 '[data-share-cart-modal]' 7567 ); 7568 7569 if (!modal) return; 7570 7571 const input = modal.querySelector( 7572 '[data-share-cart-link]' 7573 ); 7574 7575 const copyButton = modal.querySelector( 7576 '[data-share-cart-copy]' 7577 ); 7578 7579 const copyText = modal.querySelector( 7580 '[data-share-cart-copy-text]' 7581 ); 7582 7583 const message = modal.querySelector( 7584 '[data-share-cart-message]' 7585 ); 7586 7587 let lastFocusedElement = null; 7588 let closeTimer = null; 7589 7590 function getRootUrl() { 7591 const root = 7592 window.Shopify?.routes?.root || '/'; 7593 7594 return root.endsWith('/') 7595 ? root 7596 : root + '/'; 7597 } 7598 7599 function setMessage(text) { 7600 if (message) { 7601 message.textContent = text || ''; 7602 } 7603 } 7604 7605 function resetCopyButton() { 7606 if (closeTimer) { 7607 window.clearTimeout(closeTimer); 7608 closeTimer = null; 7609 } 7610 7611 if (copyButton) { 7612 copyButton.disabled = false; 7613 } 7614 7615 if (copyText) { 7616 copyText.textContent = 7617 "Copiar link"; 7618 } 7619 7620 setMessage(''); 7621 } 7622 7623 async function createShareUrl() { 7624 setMessage(''); 7625 7626 const response = await fetch( 7627 getRootUrl() + 'cart.js', 7628 { 7629 method: 'GET', 7630 credentials: 'same-origin', 7631 headers: { 7632 Accept: 'application/json' 7633 } 7634 } 7635 ); 7636 7637 const cart = await response 7638 .json() 7639 .catch(function () { 7640 return {}; 7641 }); 7642 7643 if (!response.ok) { 7644 throw new Error( 7645 cart.description || 7646 cart.message || 7647 'No fue posible obtener el carrito.' 7648 ); 7649 } 7650 7651 if ( 7652 !cart.items || 7653 cart.items.length === 0 7654 ) { 7655 throw new Error( 7656 'Tu carrito está vacÃo.' 7657 ); 7658 } 7659 7660 const items = cart.items.map( 7661 function (item) { 7662 return ( 7663 item.variant_id + 7664 ':' + 7665 item.quantity 7666 ); 7667 } 7668 ); 7669 7670 const shareUrl = new URL( 7671 getRootUrl() + 'cart', 7672 window.location.origin 7673 ); 7674 7675 shareUrl.searchParams.set( 7676 'share_cart', 7677 items.join(',') 7678 ); 7679 7680 if (input) { 7681 input.value = shareUrl.toString(); 7682 } 7683 } 7684 7685 async function openModal(trigger) { 7686 lastFocusedElement = trigger; 7687 7688 resetCopyButton(); 7689 7690 trigger?.setAttribute( 7691 'aria-expanded', 7692 'true' 7693 ); 7694 7695 trigger?.setAttribute( 7696 'aria-busy', 7697 'true' 7698 ); 7699 7700 try { 7701 await createShareUrl(); 7702 7703 modal.hidden = false; 7704 7705 document.body.classList.add( 7706 'share-cart-is-open' 7707 ); 7708 7709 requestAnimationFrame(function () { 7710 modal 7711 .querySelector( 7712 '.share-cart-modal__close' 7713 ) 7714 ?.focus(); 7715 }); 7716 } catch (error) { 7717 trigger?.setAttribute( 7718 'aria-expanded', 7719 'false' 7720 ); 7721 7722 setMessage( 7723 error.message || 7724 'No fue posible crear el link.' 7725 ); 7726 7727 console.error( 7728 '[Compartir carrito]', 7729 error 7730 ); 7731 } finally { 7732 trigger?.removeAttribute( 7733 'aria-busy' 7734 ); 7735 } 7736 } 7737 7738 function closeModal() { 7739 if (closeTimer) { 7740 window.clearTimeout(closeTimer); 7741 closeTimer = null; 7742 } 7743 7744 modal.hidden = true; 7745 7746 document.body.classList.remove( 7747 'share-cart-is-open' 7748 ); 7749 7750 setMessage(''); 7751 7752 if (copyButton) { 7753 copyButton.disabled = false; 7754 } 7755 7756 if (copyText) { 7757 copyText.textContent = 7758 "Copiar link"; 7759 } 7760 7761 if (lastFocusedElement) { 7762 lastFocusedElement.setAttribute( 7763 'aria-expanded', 7764 'false' 7765 ); 7766 7767 if ( 7768 document.documentElement.contains( 7769 lastFocusedElement 7770 ) 7771 ) { 7772 lastFocusedElement.focus(); 7773 } 7774 } 7775 7776 lastFocusedElement = null; 7777 } 7778 7779 async function copyShareUrl() { 7780 if (!input?.value || !copyButton) return; 7781 7782 const originalText = 7783 copyText?.textContent?.trim() || 7784 "Copiar link"; 7785 7786 copyButton.disabled = true; 7787 setMessage(''); 7788 7789 try { 7790 if ( 7791 navigator.clipboard && 7792 window.isSecureContext 7793 ) { 7794 await navigator.clipboard.writeText( 7795 input.value 7796 ); 7797 } else { 7798 input.focus(); 7799 input.select(); 7800 7801 input.setSelectionRange( 7802 0, 7803 input.value.length 7804 ); 7805 7806 const copied = 7807 document.execCommand('copy'); 7808 7809 if (!copied) { 7810 throw new Error(
7811 'No fue posible copiar el link.' 7812 ); 7813 } 7814 } 7815 7816 if (copyText) { 7817 copyText.textContent = 7818 'Link copiado'; 7819 } 7820 7821 setMessage( 7822 'El link fue copiado correctamente.' 7823 ); 7824 7825 closeTimer = window.setTimeout( 7826 function () { 7827 if (copyText) { 7828 copyText.textContent = 7829 originalText; 7830 } 7831 7832 copyButton.disabled = false; 7833 setMessage(''); 7834 closeModal(); 7835 }, 7836 2000 7837 ); 7838 } catch (error) { 7839 setMessage( 7840 error.message || 7841 'No fue posible copiar el link.' 7842 ); 7843 7844 copyButton.disabled = false; 7845 } 7846 } 7847 7848 document.addEventListener( 7849 'click', 7850 function (event) { 7851 const openTrigger = 7852 event.target.closest( 7853 '[data-share-cart-open]' 7854 ); 7855 7856 if (openTrigger) { 7857 event.preventDefault(); 7858 openModal(openTrigger); 7859 return; 7860 } 7861 7862 const closeTrigger = 7863 event.target.closest( 7864 '[data-share-cart-close]' 7865 ); 7866 7867 if ( 7868 closeTrigger && 7869 closeTrigger.closest( 7870 '[data-share-cart-modal]' 7871 ) 7872 ) { 7873 event.preventDefault(); 7874 closeModal(); 7875 return; 7876 } 7877 7878 const copyTrigger = 7879 event.target.closest( 7880 '[data-share-cart-copy]' 7881 ); 7882 7883 if ( 7884 copyTrigger && 7885 copyTrigger.closest( 7886 '[data-share-cart-modal]' 7887 ) 7888 ) { 7889 event.preventDefault(); 7890 copyShareUrl(); 7891 } 7892 } 7893 ); 7894 7895 document.addEventListener( 7896 'keydown', 7897 function (event) { 7898 if ( 7899 event.key === 'Escape' && 7900 !modal.hidden 7901 ) { 7902 closeModal(); 7903 } 7904 } 7905 ); 7906 })(); 7907 </script>
7907 7908 7909
7909<script src="//www.hushpuppies.cl/cdn/shop/t/36/assets/custom.js?v=176731785519825303231790793707" defer="defer"></script>
7909<!-- Paste marketing code or third party scripts below this comment line ============== --> 7910 7911 <!-- And above this comment line ================================================== --> 7912
7912<script> 7913 document.addEventListener('DOMContentLoaded', () => { 7914 const productMedia = document.querySelector('.product-media'); 7915 const headerWrapper = document.querySelector('.header__wrapper'); 7916 7917 if (!productMedia || !headerWrapper) return; 7918 7919 function setProductMediaHeight() { 7920 const width = window.innerWidth; 7921 if (width > 750) { 7922 productMedia.style.top = `${headerWrapper.offsetHeight}px`; 7923 } else { 7924 productMedia.style.top = ''; // reset en mobile 7925 } 7926 } 7927 7928 // Ejecutar al cargar y al redimensionar 7929 setProductMediaHeight(); 7930 window.addEventListener('resize', setProductMediaHeight); 7931 }); 7932 </script>
7932 7933
7933<script type="module"> 7934 import PhotoSwipeLightbox from "https://cdn.jsdelivr.net/npm/photoswipe@5/dist/photoswipe-lightbox.esm.min.js"; 7935 document.addEventListener('DOMContentLoaded', () => { 7936 let thumbsSwiper = null; 7937 const mainSwiper = new Swiper('[data-product-swiper]', { 7938 slidesPerView: 1, 7939 spaceBetween: 0, 7940 pagination: { el: '.product-swiper__dots', clickable: true }, 7941 loop: false, 7942 rewind: true, 7943 navigation: { 7944 nextEl: '.product-swiper__next', 7945 prevEl: '.product-swiper__prev' 7946 }, 7947 breakpoints: { 7948 990: { 7949 slidesPerView: 3, 7950 spaceBetween: 0, 7951 } 7952 }, 7953 thumbs: thumbsSwiper ? { swiper: thumbsSwiper } : null 7954 }); 7955 7956 // Inicializa PhotoSwipe para zoom 7957 const lightbox = new PhotoSwipeLightbox({ 7958 gallery: '.product-swiper', 7959 children: 'a[data-pswp-item]', 7960 pswpModule: () => import('https://cdn.jsdelivr.net/npm/photoswipe@5/dist/photoswipe.esm.min.js') 7961 }); 7962 lightbox.init(); 7963 }); 7964 </script>
7964 7965
7965<script> 7966 (() => { 7967 const qs = (root, sel) => root.querySelector(sel); 7968 const qsa = (root, sel) => Array.from(root.querySelectorAll(sel)); 7969 7970 function toInt(v, fallback = 1) { 7971 const n = parseInt(v, 10); 7972 return Number.isFinite(n) && n > 0 ? n : fallback; 7973 } 7974 function syncOneProductInfo(productInfoEl) { 7975 if (!productInfoEl) return; 7976 const formWrapper = qs(productInfoEl, "[data-form-wrapper]") || productInfoEl; 7977 const anyFormBoundInput = qs(formWrapper, "[form^='product-form-']"); 7978 const productFormId = anyFormBoundInput ? anyFormBoundInput.getAttribute("form") : null; 7979 const submitItem = qs(formWrapper, ".product__submit__item") || qs(formWrapper, ".product__submit") || null; 7980 if (!submitItem) return; 7981 7982 let hiddenQty = qs(submitItem, "input[type='hidden'][name='quantity'][data-quickadd-hidden-qty]"); 7983 if (!hiddenQty) { 7984 hiddenQty = document.createElement("input"); 7985 hiddenQty.type = "hidden"; 7986 hiddenQty.name = "quantity"; 7987 hiddenQty.value = "1"; 7988 hiddenQty.setAttribute("data-quickadd-hidden-qty", ""); 7989 if (productFormId) hiddenQty.setAttribute("form", productFormId); 7990 submitItem.appendChild(hiddenQty); 7991 } else { 7992 if (productFormId) hiddenQty.setAttribute("form", productFormId); 7993 } 7994 7995 const qtyInput = 7996 qs(formWrapper, "input[data-quantity-input]") || 7997 qs(formWrapper, "input[name='quantity'][type='number']") || 7998 qs(formWrapper, "input[name='quantity']"); 7999 8000 const readQty = () => { 8001 if (!qtyInput) return 1; 8002 return toInt(qtyInput.value, 1); 8003 }; 8004 8005 const writeHidden = () => { 8006 const val = readQty(); 8007 hiddenQty.value = String(val); 8008 }; 8009 8010 writeHidden(); 8011 8012 if (qtyInput) { 8013 qtyInput.addEventListener("input", writeHidden); 8014 qtyInput.addEventListener("change", writeHidden); 8015 } 8016 8017 formWrapper.addEventListener( 8018 "click", 8019 (e) => { 8020 const btn = e.target.closest( 8021 ".quantity__button, [data-popout-option], [data-quantity-increment], [data-quantity-decrement]" 8022 ); 8023 if (!btn) return; 8024 window.requestAnimationFrame(writeHidden); 8025 }, 8026 { passive: true } 8027 ); 8028 8029 formWrapper.addEventListener("change", (e) => { 8030 if (e.target && (e.target.matches("select") || e.target.matches("input"))) { 8031 window.requestAnimationFrame(writeHidden); 8032 } 8033 }); 8034 8035 const mo = new MutationObserver(() => { 8036 const newQtyInput = 8037 qs(formWrapper, "input[data-quantity-input]") || 8038 qs(formWrapper, "input[name='quantity'][type='number']") || 8039 qs(formWrapper, "input[name='quantity']"); 8040 if (newQtyInput && newQtyInput !== qtyInput) { 8041 window.requestAnimationFrame(writeHidden); 8042 } 8043 }); 8044 mo.observe(formWrapper, { childList: true, subtree: true }); 8045 } 8046 8047 function boot(root = document) { 8048 const productInfos = qsa(root, "product-info.product-upsell-info"); 8049 productInfos.forEach(syncOneProductInfo); 8050 } 8051 8052 // Boot normal 8053 if (document.readyState === "loading") { 8054 document.addEventListener("DOMContentLoaded", () => boot(document)); 8055 } else { 8056 boot(document); 8057 } 8058 const globalMO = new MutationObserver((mutations) => { 8059 for (const m of mutations) { 8060 for (const node of m.addedNodes) { 8061 if (!(node instanceof Element)) continue; 8062 8063 if (node.matches?.("product-info.product-upsell-info") || node.querySelector?.("product-info.product-upsell-info")) { 8064 boot(node); 8065 } 8066 } 8067 } 8068 }); 8069 8070 globalMO.observe(document.documentElement, { childList: true, subtree: true }); 8071})(); 8072 </script>
8072 8073
8073<script> 8074 (() => { 8075 if (window.__onlyClickSwatchesPatched) return; 8076 window.__onlyClickSwatchesPatched = true; 8077 8078 const SECTION_ID = window.PRODUCT_CARD_SECTION_ID || 'api-product-grid-item'; 8079 const SEL_CARD = 'product-item, [data-grid-item]'; 8080 const SEL_SWATCH = '[data-sibling-link]'; 8081 const SEL_GRID_SWATCH = '[data-variant-name], [data-variant-title], [data-swatch-button]' 8082 8083 function stripHoverFromSwatches(root = document) { 8084 root.querySelectorAll(SEL_SWATCH + ',' + SEL_GRID_SWATCH).forEach((oldEl) => { 8085 const newEl = oldEl.cloneNode(true); 8086 oldEl.replaceWith(newEl); 8087 }); 8088 8089 const killHover = (e) => { 8090 const t = e.target; 8091 if (!(t instanceof Element)) return; 8092 const inCard = t.closest(SEL_CARD); 8093 if (!inCard) return; 8094 8095 if (t.closest(SEL_SWATCH) || t.closest(SEL_GRID_SWATCH)) { 8096 e.stopImmediatePropagation(); 8097 } 8098 }; 8099 8100 document.addEventListener('mouseover', killHover, true); 8101 document.addEventListener('pointerenter', killHover, true); 8102 8103 } 8104 8105 function getHandleFromUrl(url) { 8106 try { 8107 const u = new URL(url, location.origin); 8108 const parts = u.pathname.split('/').filter(Boolean); 8109 const i = parts.indexOf('products'); 8110 return i >= 0 ? parts[i + 1] : null; 8111 } catch { return null; } 8112 } 8113 8114 function markActive(container, href) { 8115 const base = (href || '').split('?')[0]; 8116 container.querySelectorAll(SEL_SWATCH).forEach((a) => { 8117 const link = (a.getAttribute('data-sibling-link') || a.getAttribute('href') || '').split('?')[0]; 8118 a.classList.toggle('is-active', link === base); 8119 }); 8120 } 8121 8122 async function swapCardFromLink(swatchEl) { 8123 const card = swatchEl.closest(SEL_CARD); 8124 if (!card) return; 8125 8126 const siblingLink = swatchEl.getAttribute('data-sibling-link') || swatchEl.getAttribute('href') || ''; 8127 const handle = getHandleFromUrl(siblingLink); 8128 if (!handle) return; 8129 8130 let requestUrl; 8131 try { 8132 const u = new URL(siblingLink, location.origin); 8133 u.searchParams.set('section_id', SECTION_ID); 8134 requestUrl = u.toString(); 8135 } catch { return; } 8136 8137 card.classList.add('is-loading'); 8138 try { 8139 const res = await fetch(requestUrl, { credentials: 'same-origin' }); 8140 const html = await res.text(); 8141 const doc = new DOMParser().parseFromString(html, 'text/html'); 8142 const newItem = doc.querySelector('product-item') || doc.querySelector('[data-grid-item]'); 8143 if (!newItem) return; 8144 8145 const doSwap = () => { 8146 if (window.theme?.htmlUpdate?.viewTransition) { 8147 window.theme.htmlUpdate.viewTransition(card, newItem, []); 8148 } else { 8149 card.replaceWith(newItem); 8150 } 8151 stripHoverFromSwatches(newItem); 8152 markActive(newItem, siblingLink); 8153 }; 8154 requestAnimationFrame(doSwap); 8155 } catch (err) { 8156 console.warn('Swap falló', err); 8157 } finally { 8158 card.classList.remove('is-loading'); 8159 } 8160 } 8161 8162 const interceptClick = async (e) => { 8163 const t = e.target; 8164 const el = (t instanceof Element) ? t : null; 8165 if (!el) return; 8166 const sw = el.closest(SEL_SWATCH); 8167 if (!sw) return; 8168 8169 e.preventDefault(); 8170 e.stopPropagation(); 8171 e.stopImmediatePropagation(); 8172 await swapCardFromLink(sw); 8173 }; 8174 document.addEventListener('click', interceptClick, true); 8175 8176 // Inicial 8177 stripHoverFromSwatches(document); 8178 })(); 8179 </script>
8179 8180
8180<script> 8181 (() => { 8182 if (window.__blockSiblingHoverOnce) return; 8183 window.__blockSiblingHoverOnce = true; 8184 8185 const HOTSPOT = [ 8186 '[data-sibling-link]', 8187 '[data-swatch-button]', 8188 '[data-variant-title]', 8189 '[data-variant-name]', 8190 'tooltip-component', 8191 '.tooltip-component', 8192 '.swatch__button', 8193 '.swatches' 8194 ].join(','); 8195 8196 function blockHoverOn(el){ 8197 if (!el || el.dataset.hoverBlocked === '1') return; 8198 el.dataset.hoverBlocked = '1'; 8199 8200 const kill = (e) => { 8201 if (e.cancelable) e.preventDefault(); 8202 e.stopImmediatePropagation(); 8203 return false; 8204 }; 8205 8206 el.addEventListener('mouseenter', kill, true); 8207 el.addEventListener('pointerenter', kill, true); 8208 el.addEventListener('mouseover', kill, true); 8209 el.addEventListener('pointerover', kill, true); 8210 } 8211 8212 function scan(root = document){ 8213 root.querySelectorAll(HOTSPOT).forEach(blockHoverOn); 8214 } 8215 8216 if (document.readyState === 'loading') { 8217 document.addEventListener('DOMContentLoaded', () => scan()); 8218 } else { 8219 scan(); 8220 } 8221 8222 document.addEventListener('theme:html:change', (ev) => { 8223 scan(ev?.detail?.element || document); 8224 }); 8225 8226 document.addEventListener('shopify:section:load', (ev) => scan(ev.target)); 8227 8228 const mo = new MutationObserver((muts) => { 8229 for (const m of muts) { 8230 for (const n of m.addedNodes) { 8231 if (!(n instanceof HTMLElement)) continue; 8232 if (n.matches?.(HOTSPOT)) { 8233 blockHoverOn(n); 8234 } else { 8235 scan(n); 8236 } 8237 } 8238 } 8239 }); 8240 mo.observe(document.documentElement, { childList: true, subtree: true }); 8241 })(); 8242 </script>
vendor: 1 bytes, line 8242
8242
8243<script> 8244 (function () { 8245 const MODAL_SELECTOR = 'dialog.product-modal.modal-size-guide'; 8246 let unlockTimer = null; 8247 8248 function log() { 8249 console.log('[SIZE-GUIDE-FORCE]', ...arguments); 8250 } 8251 8252 function getOpenModal() { 8253 return document.querySelector(MODAL_SELECTOR + '[open]'); 8254 } 8255 8256 function forceUnlockBodyOnce() { 8257 const modal = getOpenModal(); 8258 if (!modal) return; 8259 8260 const body = document.body; 8261 const html = document.documentElement; 8262 8263 body.style.setProperty('overflow', 'visible', 'important'); 8264 body.style.setProperty('overflow-y', 'visible', 'important'); 8265 body.style.setProperty('padding-right', '0px', 'important'); 8266 body.style.setProperty('position', 'static', 'important'); 8267 8268 body.removeAttribute('data-scroll-lock-locked'); 8269 body.removeAttribute('data-scroll-lock-filled-gap'); 8270 body.removeAttribute('data-scroll-lock-current-fill-gap-method'); 8271 body.removeAttribute('data-scroll-lock-saved-overflow-y-property'); 8272 body.removeAttribute('data-scroll-lock-saved-inline-overflow-property'); 8273 body.removeAttribute('data-scroll-lock-saved-inline-overflow-y-property'); 8274 8275 html.removeAttribute('data-scroll-locked'); 8276 8277 const scrollables = modal.querySelectorAll('.size-guide-scroll, .tab-content, .product-modal__content'); 8278 scrollables.forEach((el) => { 8279 el.setAttribute('data-scroll-lock-scrollable', ''); 8280 el.style.setProperty('touch-action', 'auto', 'important'); 8281 el.style.setProperty('-webkit-overflow-scrolling', 'touch'); 8282 }); 8283 8284 const guide = modal.querySelector('.size-guide-scroll'); 8285 if (guide) { 8286 guide.style.setProperty('overflow-y', 'auto', 'important'); 8287 guide.style.setProperty('overflow-x', 'hidden', 'important'); 8288 } 8289 8290 log('forceUnlockBodyOnce aplicado', body.getAttribute('style')); 8291 } 8292 8293 function startForceLoop() { 8294 stopForceLoop(); 8295 log('startForceLoop'); 8296 8297 let ticks = 0; 8298 unlockTimer = setInterval(() => { 8299 const modal = getOpenModal(); 8300 if (!modal) { 8301 stopForceLoop(); 8302 return; 8303 } 8304 8305 forceUnlockBodyOnce(); 8306 ticks += 1; 8307 8308 if (ticks > 120) { 8309 log('stop por seguridad'); 8310 stopForceLoop(); 8311 } 8312 }, 50); 8313 } 8314 8315 function stopForceLoop() { 8316 if (unlockTimer) { 8317 clearInterval(unlockTimer); 8318 unlockTimer = null; 8319 log('stopForceLoop'); 8320 } 8321 } 8322 8323 function watchDialog(dialog) { 8324 if (!dialog || dialog.dataset.l51ForceWatch === 'true') return; 8325 dialog.dataset.l51ForceWatch = 'true'; 8326 8327 log('watchDialog', dialog); 8328 8329 const obs = new MutationObserver(() => { 8330 const isOpen = dialog.hasAttribute('open'); 8331 log('dialog mutation, open=', isOpen); 8332 8333 if (isOpen) { 8334 forceUnlockBodyOnce(); 8335 startForceLoop(); 8336 8337 setTimeout(forceUnlockBodyOnce, 20); 8338 setTimeout(forceUnlockBodyOnce, 100); 8339 setTimeout(forceUnlockBodyOnce, 250); 8340 setTimeout(forceUnlockBodyOnce, 500); 8341 } else { 8342 stopForceLoop(); 8343 } 8344 }); 8345 8346 obs.observe(dialog, { 8347 attributes: true, 8348 attributeFilter: ['open'] 8349 }); 8350 8351 dialog.addEventListener('close', stopForceLoop); 8352 } 8353 8354 function initDialogs(scope) { 8355 (scope || document).querySelectorAll(MODAL_SELECTOR).forEach(watchDialog); 8356 } 8357 8358 const globalObserver = new MutationObserver((mutations) => { 8359 mutations.forEach((mutation) => { 8360 mutation.addedNodes.forEach((node) => { 8361 if (!(node instanceof HTMLElement)) return; 8362 8363 if (node.matches?.(MODAL_SELECTOR)) { 8364 log('dialog agregado directamente'); 8365 watchDialog(node); 8366 } 8367 8368 if (node.querySelectorAll) { 8369 const dialogs = node.querySelectorAll(MODAL_SELECTOR); 8370 if (dialogs.length) { 8371 log('dialogs agregados dentro de nodo:', dialogs.length);
8372 dialogs.forEach(watchDialog); 8373 } 8374 } 8375 }); 8376 }); 8377 }); 8378 8379 function boot() { 8380 log('boot'); 8381 initDialogs(document); 8382 8383 globalObserver.observe(document.body, { 8384 childList: true, 8385 subtree: true 8386 }); 8387 8388 document.addEventListener('click', function (e) { 8389 const openBtn = e.target.closest('[data-popup-open]'); 8390 if (!openBtn) return; 8391 8392 const popup = openBtn.closest('popup-component'); 8393 const dialog = popup ? popup.querySelector(MODAL_SELECTOR) : null; 8394 8395 if (dialog) { 8396 log('click abrir size guide'); 8397 setTimeout(() => { 8398 forceUnlockBodyOnce(); 8399 startForceLoop(); 8400 }, 10); 8401 } 8402 }, true); 8403 } 8404 8405 if (document.readyState === 'loading') { 8406 document.addEventListener('DOMContentLoaded', boot); 8407 } else { 8408 boot(); 8409 } 8410 8411 document.addEventListener('shopify:section:load', function (e) { 8412 initDialogs(e.target); 8413 }); 8414 })(); 8415 </script>
8415 8416
8416<script> 8417 if (window.location.pathname.includes('/collections/') && !window.location.search.includes('filter.v.availability')) { 8418 const currentUrl = new URL(window.location.href); 8419 currentUrl.searchParams.set('filter.v.availability', '1'); 8420 window.location.replace(currentUrl.toString()); 8421 } 8422 </script>
8422 8423 8424
8424<script src="//www.hushpuppies.cl/cdn/shop/t/36/assets/share-cart-import.js?v=85823350358157419521790793707" defer="defer"></script>
8424 8425 8426 <link href="//www.hushpuppies.cl/cdn/shop/t/36/assets/l51-variant-persist.css?v=6156254706854908821790793707" rel="stylesheet" type="text/css" media="all" /> 8427
8427<script> 8428 window.L51_VARIANT_PERSIST = { 8429 requireSizeSelection: true, 8430 msgText: 'Debes seleccionar una talla', 8431 dataLayer: true 8432 }; 8433 </script>
8433 8434
8434<script> 8435 (function() { 8436 const originalFetch = window.fetch; 8437 8438 window.fetch = function(...args) { 8439 const fetchPromise = originalFetch.apply(this, args); 8440 const url = args[0]; 8441 8442 // Si la URL de la petición es para agregar al carrito 8443 if (typeof url === 'string' && url.includes('/cart/add')) { 8444 fetchPromise.then((response) => { 8445 // Si el producto se agregó correctamente 8446 if (response.ok) { 8447 // Le damos 250 milisegundos al servidor y forzamos la recarga del cajón 8448 setTimeout(() => { 8449 document.dispatchEvent(new CustomEvent('theme:cart:refresh', { bubbles: true })); 8450 }, 250); 8451 } 8452 }); 8453 } 8454 8455 return fetchPromise; 8456 }; 8457 })(); 8458 </script>
8458 8459 8460
8460<script src="//www.hushpuppies.cl/cdn/shop/t/36/assets/l51-variant-persist.js?v=131808722972496429721790793707" defer="defer"></script>
8460 8461
8462<script> 8463(function () { 8464 var SOURCE_ATTR = 'attr_source'; 8465 var TID_ATTR = 'soicos_tid'; 8466 var TID_PARAM = 'transaction_id'; 8467 8468 var p = new URLSearchParams(window.location.search); 8469 var source = p.get('utm_source') || (p.get('gclid') ? 'GoogleAds' : null); 8470 if (!source) return; 8471 8472 var attrs = {}; 8473 attrs[SOURCE_ATTR] = source; 8474 attrs[TID_ATTR] = source === 'soicos' ? (p.get(TID_PARAM) || '') : ''; 8475 8476 var root = (window.Shopify && window.Shopify.routes && window.Shopify.routes.root) || '/'; 8477 fetch(root + 'cart/update.js', { 8478 method: 'POST', 8479 headers: { 'Content-Type': 'application/json' }, 8480 body: JSON.stringify({ attributes: attrs }) 8481 }).catch(function () {}); 8482})(); 8483</script>
8483 8484 8485 <style> </style> 8486<div id="shopify-block-AUDh3Z1N6UXlzaW5BN__16355170273286740001" class="shopify-block shopify-app-block">
8487<script 8488 src="https://cdnjs.cloudflare.com/ajax/libs/axios/1.0.0-alpha.1/axios.min.js" 8489 integrity="sha512-xIPqqrfvUAc/Cspuj7Bq0UtHNo/5qkdyngx6Vwt+tmbvTLDszzXM0G6c91LXmGrRx8KEPulT+AfOOez+TeVylg==" 8490 crossorigin="anonymous" 8491 referrerpolicy="no-referrer" 8492 defer 8493></script>
8493 8494<!-- BEGIN app snippet: pinflag-pinmap-pro --> 8495 8496 8497 8498<style id="pinflag-modal-anti-flash"> 8499 #pmp-v1-modal { 8500 opacity: 0; 8501 visibility: hidden; 8502 pointer-events: none; 8503 } 8504 8505 #pmp-v1-modal.overlay--active { 8506 opacity: 1; 8507 visibility: visible; 8508 pointer-events: auto; 8509 } 8510</style> 8511 8512<div class="pmp-v1-modal--overlay" id="pmp-v1-modal"> 8513 <div class="pmp-v1-modal--content"> 8514 <button 8515 type="button" 8516 class="pmp-v1-modal--close" 8517 id="pmp-v1--close"> 8518 <svg 8519 height="20px" 8520 id="pmp-v1--close" 8521 style="enable-background:new 0 0 512 512;" 8522 version="1.1" 8523 fill="rgb(255 255 255)" 8524 viewBox="0 0 512 512" 8525 width="20px" 8526 xml:space="preserve" 8527 xmlns="http://www.w3.org/2000/svg" 8528 xmlns:xlink="http://www.w3.org/1999/xlink"> 8529 <path id="pmp-v1--close" d="M443.6,387.1L312.4,255.4l131.5-130c5.4-5.4,5.4-14.2,0-19.6l-37.4-37.6c-2.6-2.6-6.1-4-9.8-4c-3.7,0-7.2,1.5-9.8,4 L256,197.8L124.9,68.3c-2.6-2.6-6.1-4-9.8-4c-3.7,0-7.2,1.5-9.8,4L68,105.9c-5.4,5.4-5.4,14.2,0,19.6l131.5,130L68.4,387.1 c-2.6,2.6-4.1,6.1-4.1,9.8c0,3.7,1.4,7.2,4.1,9.8l37.4,37.6c2.7,2.7,6.2,4.1,9.8,4.1c3.5,0,7.1-1.3,9.8-4.1L256,313.1l130.7,131.1 c2.7,2.7,6.2,4.1,9.8,4.1c3.5,0,7.1-1.3,9.8-4.1l37.4-37.6c2.6-2.6,4.1-6.1,4.1-9.8C447.7,393.2,446.2,389.7,443.6,387.1z" /> 8530 </svg> 8531 </button> 8532 <iframe 8533 id="pinflag-pinmap-pro-v1" 8534 src="about:blank" 8535 scrolling="no" 8536 allow="geolocation"></iframe> 8537 <!-- BEGIN app snippet: pinflag-loader --><div id="pmp-v1-redirect-skeleton" class="pmp-v1-redirect-skeleton"> 8538 <div class="pmp-v1-redirect-skeleton--spinner"></div> 8539 <p class="pmp-v1-redirect-skeleton--text">Estamos confirmando tu pago, esto puede tomar unos segundos...</p> 8540</div> 8541 8542<div id="pmp-v1-loader-split" class="pmp-v1-loader-split"> 8543 <div class="pmp-v1-loader-split--image" id="pmp-v1-loader-split-image"></div> 8544 <div class="pmp-v1-loader-split--panel"> 8545 <div class="pmp-v1-loader-split--info"> 8546 <img class="pmp-v1-loader-split--logo" id="pmp-v1-loader-split-logo" alt="logo" /> 8547 <div class="pmp-v1-loader-split--text"> 8548 <p class="pmp-v1-loader-split--title" id="pmp-v1-loader-split-title"></p> 8549 <h1 class="pmp-v1-loader-split--body" id="pmp-v1-loader-split-body"></h1> 8550 </div> 8551 </div> 8552 <div class="pmp-v1-loader-split--loading"> 8553 <div class="pmp-v1-redirect-skeleton--spinner"></div> 8554 <p class="pmp-v1-loader-split--loading-text">Esto toma solo unos segundos más...</p> 8555 </div> 8556 </div> 8557</div> 8558 8559<div id="pmp-v1-loader-centered" class="pmp-v1-loader-centered"> 8560 <img class="pmp-v1-loader-centered--logo" id="pmp-v1-loader-centered-logo" alt="logo" /> 8561 <div class="pmp-v1-loader-centered--spinner" id="pmp-v1-loader-centered-spinner"></div> 8562 <div class="pmp-v1-loader-centered--text"> 8563 <p class="pmp-v1-loader-centered--title" id="pmp-v1-loader-centered-title"></p> 8564 <h1 class="pmp-v1-loader-centered--body" id="pmp-v1-loader-centered-body"></h1> 8565 </div> 8566</div> 8567 8568<div id="pmp-v1-loader-bar" class="pmp-v1-loader-bar"> 8569 <div class="pmp-v1-loader-bar--banner" id="pmp-v1-loader-bar-banner"> 8570 <img class="pmp-v1-loader-bar--logo" id="pmp-v1-loader-bar-logo" alt="logo" /> 8571 </div> 8572 <div class="pmp-v1-loader-bar--content"> 8573 <p class="pmp-v1-loader-bar--title" id="pmp-v1-loader-bar-title"></p> 8574 <h1 class="pmp-v1-loader-bar--body" id="pmp-v1-loader-bar-body"></h1> 8575 <div class="pmp-v1-loader-bar--loading"> 8576 <div class="pmp-v1-loader-bar--spinner" id="pmp-v1-loader-bar-spinner"></div> 8577 <p class="pmp-v1-loader-bar--loading-text" id="pmp-v1-loader-bar-loading-text">Esto toma solo unos segundos más...</p> 8578 </div> 8579 </div> 8580</div> 8581
8582<script> 8583 const saveRedirectLoaderData = (loaderData) => { 8584 if (!loaderData) return 8585 try { 8586 localStorage?.setItem('pinflagRedirectLoaderData', JSON.stringify(loaderData)) 8587 } catch (e) { 8588 // El loader rico es solo cosmético: si falla (ej. cuota excedida), no debe bloquear el redirect al gateway 8589 } 8590 } 8591 8592 const getRedirectLoaderData = () => { 8593 try { 8594 const stored = localStorage?.getItem('pinflagRedirectLoaderData') 8595 if (!stored) return null 8596 return JSON.parse(stored) 8597 } catch (e) { 8598 return null 8599 } 8600 } 8601 8602 const DEFAULT_TITLE = 'SabÃas que?' 8603 const DEFAULT_BODY = 'La generación X compra más online que los Baby Boomers y Millennials' 8604 const DEFAULT_IMAGE_URL = 'https://did-you-know-image.s3.sa-east-1.amazonaws.com/woman-loader.png' 8605 8606 const applyDidYouKnowDefaults = (loaderData) => ({ 8607 ...loaderData, 8608 imageUrls: loaderData.imageUrls?.length ? loaderData.imageUrls : [DEFAULT_IMAGE_URL], 8609 title: loaderData.title || DEFAULT_TITLE, 8610 body: loaderData.body || DEFAULT_BODY, 8611 titleColor: loaderData.titleColor || '#000000', 8612 bodyColor: loaderData.bodyColor || '#000000' 8613 }) 8614 8615 const MODEL_CONTAINER_IDS = { 8616 split: 'pmp-v1-loader-split', 8617 centered: 'pmp-v1-loader-centered', 8618 bar: 'pmp-v1-loader-bar' 8619 } 8620 8621 const populateLogo = (logoEl, logoUrl) => { 8622 if (!logoEl) return 8623 if (logoUrl) { 8624 logoEl.src = logoUrl 8625 logoEl.style.display = '' 8626 } else { 8627 logoEl.style.display = 'none' 8628 } 8629 } 8630 8631 const populateText = (titleEl, bodyEl, loaderData) => { 8632 if (titleEl) { 8633 titleEl.textContent = loaderData.title || '' 8634 titleEl.style.color = loaderData.titleColor || '' 8635 } 8636 if (bodyEl) { 8637 bodyEl.textContent = loaderData.body || '' 8638 bodyEl.style.color = loaderData.bodyColor || '' 8639 } 8640 } 8641 8642 const populateSpinner = (spinnerEl, color) => { 8643 if (!spinnerEl || !color) return 8644 spinnerEl.style.background = `conic-gradient(from 0deg, transparent 0%, transparent 33%, ${color} 100%)` 8645 } 8646 8647 const IMAGE_ROTATION_INTERVAL = 7000 8648 let imageRotationTimer = null 8649 8650 const stopImageRotation = () => { 8651 if (!imageRotationTimer) return 8652 clearInterval(imageRotationTimer) 8653 imageRotationTimer = null 8654 } 8655 8656 const populateSplitImages = (imageUrls) => { 8657 const imageContainer = document.getElementById('pmp-v1-loader-split-image') 8658 stopImageRotation() 8659 if (!imageContainer) return 8660 8661 imageContainer.innerHTML = '' 8662 8663 imageUrls.forEach((url, index) => { 8664 const layer = document.createElement('div') 8665 layer.className = 'pmp-v1-loader-split--image-layer' 8666 if (index === 0) layer.classList.add('pmp-v1-loader-split--image-layer--active') 8667 layer.style.backgroundImage = `url(${url})` 8668 imageContainer.appendChild(layer) 8669 }) 8670 8671 if (imageUrls.length <= 1) return 8672 8673 let activeIndex = 0 8674 imageRotationTimer = setInterval(() => { 8675 const layers = imageContainer.querySelectorAll('.pmp-v1-loader-split--image-layer') 8676 layers[activeIndex]?.classList.remove('pmp-v1-loader-split--image-layer--active') 8677 activeIndex = (activeIndex + 1) % layers.length 8678 layers[activeIndex]?.classList.add('pmp-v1-loader-split--image-layer--active') 8679 }, IMAGE_ROTATION_INTERVAL) 8680 } 8681 8682 const populateSplit = (loaderData) => { 8683 populateSplitImages((loaderData.imageUrls || []).filter(Boolean)) 8684 8685 populateLogo(document.getElementById('pmp-v1-loader-split-logo'), loaderData.logoUrl) 8686 populateText( 8687 document.getElementById('pmp-v1-loader-split-title'), 8688 document.getElementById('pmp-v1-loader-split-body'), 8689 loaderData 8690 ) 8691 } 8692 8693 const populateCentered = (loaderData) => { 8694 populateLogo(document.getElementById('pmp-v1-loader-centered-logo'), loaderData.logoUrl) 8695 populateText( 8696 document.getElementById('pmp-v1-loader-centered-title'), 8697 document.getElementById('pmp-v1-loader-centered-body'), 8698 loaderData 8699 ) 8700 populateSpinner(document.getElementById('pmp-v1-loader-centered-spinner'), loaderData.secondaryColor) 8701 } 8702 8703 const populateBar = (loaderData) => { 8704 const bannerEl = document.getElementById('pmp-v1-loader-bar-banner') 8705 if (bannerEl && loaderData.backgroundColor) bannerEl.style.backgroundColor = loaderData.backgroundColor 8706 8707 populateLogo(document.getElementById('pmp-v1-loader-bar-logo'), loaderData.logoUrl) 8708 populateText( 8709 document.getElementById('pmp-v1-loader-bar-title'), 8710 document.getElementById('pmp-v1-loader-bar-body'), 8711 loaderData 8712 ) 8713 populateSpinner(document.getElementById('pmp-v1-loader-bar-spinner'), loaderData.secondaryColor) 8714 8715 const loadingTextEl = document.getElementById('pmp-v1-loader-bar-loading-text') 8716 if (loadingTextEl && loaderData.secondaryColor) loadingTextEl.style.color = loaderData.secondaryColor 8717 } 8718 8719 const POPULATE_BY_MODEL = { 8720 split: populateSplit, 8721 centered: populateCentered, 8722 bar: populateBar 8723 } 8724 8725 const showRedirectSkeleton = () => { 8726 const loaderData = applyDidYouKnowDefaults(getRedirectLoaderData() || {}) 8727 const modelDesign = loaderData.modelDesign || 'split' 8728 const containerId = MODEL_CONTAINER_IDS[modelDesign] || MODEL_CONTAINER_IDS.split 8729 const populateModel = POPULATE_BY_MODEL[modelDesign] || populateSplit 8730 8731 populateModel(loaderData) 8732 document.getElementById(containerId)?.classList.add(`${containerId}--visible`) 8733 } 8734 8735 const hideRedirectSkeleton = () => { 8736 stopImageRotation() 8737 document.getElementById('pmp-v1-redirect-skeleton')?.classList.remove('pmp-v1-redirect-skeleton--visible')
8738 Object.values(MODEL_CONTAINER_IDS).forEach((id) => { 8739 document.getElementById(id)?.classList.remove(`${id}--visible`) 8740 }) 8741 localStorage?.removeItem('pinflagRedirectLoaderData') 8742 } 8743</script>
8743 8744 8745<style> 8746 .pmp-v1-redirect-skeleton { 8747 display: none; 8748 position: absolute; 8749 top: 0; 8750 left: 0; 8751 bottom: 0; 8752 right: 0; 8753 width: 100%; 8754 height: 100%; 8755 border-radius: 1rem; 8756 background: #fff; 8757 z-index: 1; 8758 flex-direction: column; 8759 align-items: center; 8760 justify-content: center; 8761 gap: 16px; 8762 padding: 24px; 8763 box-sizing: border-box; 8764 text-align: center; 8765 } 8766 8767 .pmp-v1-redirect-skeleton--visible { 8768 display: flex; 8769 } 8770 8771 .pmp-v1-redirect-skeleton--spinner, 8772 .pmp-v1-loader-centered--spinner, 8773 .pmp-v1-loader-bar--spinner { 8774 border-radius: 50%; 8775 background: conic-gradient(from 0deg, transparent 0%, transparent 33%, #999 100%); 8776 -webkit-mask: radial-gradient(farthest-side, transparent calc(100% - 3px), #000 calc(100% - 3px)); 8777 mask: radial-gradient(farthest-side, transparent calc(100% - 3px), #000 calc(100% - 3px)); 8778 animation: pmp-v1-redirect-skeleton-spin 0.8s linear infinite; 8779 flex-shrink: 0; 8780 } 8781 8782 .pmp-v1-redirect-skeleton--spinner { 8783 width: 25px; 8784 height: 25px; 8785 } 8786 8787 .pmp-v1-redirect-skeleton--text { 8788 font-family: inherit; 8789 font-size: 14px; 8790 color: #555; 8791 margin: 0; 8792 } 8793 8794 @keyframes pmp-v1-redirect-skeleton-spin { 8795 to { transform: rotate(360deg); } 8796 } 8797 8798 .pmp-v1-loader-split, 8799 .pmp-v1-loader-centered, 8800 .pmp-v1-loader-bar { 8801 display: none; 8802 position: absolute; 8803 top: 0; 8804 left: 0; 8805 bottom: 0; 8806 right: 0; 8807 width: 100%; 8808 height: 100%; 8809 border-radius: 1rem; 8810 overflow: hidden; 8811 z-index: 1; 8812 background: #fff; 8813 box-sizing: border-box; 8814 } 8815 8816 .pmp-v1-loader-split--visible, 8817 .pmp-v1-loader-centered--visible, 8818 .pmp-v1-loader-bar--visible { 8819 display: flex; 8820 } 8821 8822 /* Split */ 8823 8824 .pmp-v1-loader-split { 8825 flex-direction: column; 8826 align-items: center; 8827 justify-content: center; 8828 } 8829 8830 .pmp-v1-loader-split--image { 8831 width: 100%; 8832 height: 50%; 8833 position: relative; 8834 overflow: hidden; 8835 flex-shrink: 0; 8836 } 8837 8838 .pmp-v1-loader-split--image-layer { 8839 position: absolute; 8840 top: 0; 8841 left: 0; 8842 right: 0; 8843 bottom: 0; 8844 background-size: cover; 8845 background-position: center; 8846 background-repeat: no-repeat; 8847 opacity: 0; 8848 transition: opacity 1s ease; 8849 } 8850 8851 .pmp-v1-loader-split--image-layer--active { 8852 opacity: 1; 8853 } 8854 8855 .pmp-v1-loader-split--panel { 8856 width: 100%; 8857 height: 50%; 8858 display: flex; 8859 flex-direction: column; 8860 box-sizing: border-box; 8861 } 8862 8863 .pmp-v1-loader-split--info { 8864 width: 100%; 8865 display: flex; 8866 flex-direction: column; 8867 justify-content: center; 8868 align-items: flex-start; 8869 padding: 40px 24px 0; 8870 box-sizing: border-box; 8871 } 8872 8873 .pmp-v1-loader-split--logo { 8874 height: 58px; 8875 object-fit: contain; 8876 margin-bottom: 40px; 8877 } 8878 8879 .pmp-v1-loader-split--text { 8880 display: flex; 8881 flex-direction: column; 8882 gap: 16px; 8883 } 8884 8885 .pmp-v1-loader-split--title { 8886 font-family: 'DM Sans', sans-serif; 8887 font-size: 16px; 8888 opacity: 0.8; 8889 margin: 0; 8890 } 8891 8892 .pmp-v1-loader-split--body { 8893 font-family: 'DM Sans', sans-serif; 8894 font-weight: 700; 8895 font-size: 22px; 8896 text-align: left; 8897 margin: 0; 8898 } 8899 8900 .pmp-v1-loader-split--loading { 8901 width: 100%; 8902 display: flex; 8903 align-items: center; 8904 gap: 12px; 8905 padding: 28px 24px 0; 8906 box-sizing: border-box; 8907 } 8908 8909 .pmp-v1-loader-split--loading-text { 8910 font-family: inherit; 8911 font-size: 16px; 8912 color: #555; 8913 margin: 0; 8914 text-align: left; 8915 } 8916 8917 /* Centered */ 8918 8919 .pmp-v1-loader-centered { 8920 flex-direction: column; 8921 align-items: center; 8922 justify-content: center; 8923 text-align: center; 8924 gap: 36px; 8925 padding: 24px 24px 120px; 8926 } 8927 8928 .pmp-v1-loader-centered--logo { 8929 height: 60px; 8930 object-fit: contain; 8931 flex-shrink: 0; 8932 } 8933 8934 .pmp-v1-loader-centered--spinner { 8935 width: 36px; 8936 height: 36px; 8937 } 8938 8939 .pmp-v1-loader-centered--text { 8940 max-width: 400px; 8941 } 8942 8943 .pmp-v1-loader-centered--title { 8944 font-family: 'DM Sans', sans-serif; 8945 font-weight: 700; 8946 font-size: 24px; 8947 margin: 0; 8948 } 8949 8950 .pmp-v1-loader-centered--body { 8951 font-family: 'DM Sans', sans-serif; 8952 font-size: 14px; 8953 opacity: 0.8; 8954 margin: 8px 0 0; 8955 } 8956 8957 /* Bar */ 8958 8959 .pmp-v1-loader-bar { 8960 flex-direction: column; 8961 align-items: stretch; 8962 justify-content: flex-start; 8963 } 8964 8965 .pmp-v1-loader-bar--banner { 8966 width: 100%; 8967 height: 120px; 8968 display: flex; 8969 align-items: center; 8970 justify-content: flex-start; 8971 padding: 0 24px; 8972 box-sizing: border-box; 8973 flex-shrink: 0; 8974 } 8975 8976 .pmp-v1-loader-bar--logo { 8977 height: 32px; 8978 object-fit: contain; 8979 } 8980 8981 .pmp-v1-loader-bar--content { 8982 flex: 1; 8983 display: flex; 8984 flex-direction: column; 8985 justify-content: center; 8986 padding: 0 24px; 8987 box-sizing: border-box; 8988 } 8989 8990 .pmp-v1-loader-bar--title { 8991 font-family: 'DM Sans', sans-serif; 8992 font-weight: 700; 8993 font-size: 22px; 8994 margin: 0; 8995 } 8996 8997 .pmp-v1-loader-bar--body { 8998 font-family: 'DM Sans', sans-serif; 8999 font-size: 16px; 9000 opacity: 0.8; 9001 margin: 8px 0 0; 9002 } 9003 9004 .pmp-v1-loader-bar--loading { 9005 display: flex; 9006 align-items: center; 9007 gap: 8px; 9008 margin-top: 24px; 9009 } 9010 9011 .pmp-v1-loader-bar--spinner {
9012 width: 20px; 9013 height: 20px; 9014 } 9015 9016 .pmp-v1-loader-bar--loading-text { 9017 font-family: 'DM Sans', sans-serif; 9018 font-size: 16px; 9019 font-weight: 500; 9020 opacity: 0.8; 9021 margin: 0; 9022 } 9023 9024 @media screen and (min-width: 751px) { 9025 .pmp-v1-loader-split { 9026 flex-direction: row; 9027 } 9028 9029 .pmp-v1-loader-split--image { 9030 flex: 1 1 0; 9031 width: auto; 9032 height: 100%; 9033 margin: 0; 9034 } 9035 9036 .pmp-v1-loader-split--panel { 9037 flex: 1 1 0; 9038 width: auto; 9039 height: 100%; 9040 padding: 28px 28px 28px 32px; 9041 } 9042 9043 .pmp-v1-loader-split--info { 9044 width: 100%; 9045 padding: 0; 9046 margin-top: auto; 9047 margin-bottom: auto; 9048 } 9049 9050 .pmp-v1-loader-split--logo { 9051 height: 48px; 9052 margin-bottom: 24px; 9053 } 9054 9055 .pmp-v1-loader-split--title { 9056 font-size: 14px; 9057 } 9058 9059 .pmp-v1-loader-split--body { 9060 font-size: 20px; 9061 } 9062 9063 .pmp-v1-loader-split--loading { 9064 padding: 0; 9065 } 9066 9067 .pmp-v1-loader-split--loading-text { 9068 font-size: 12px; 9069 } 9070 9071 .pmp-v1-loader-centered { 9072 padding: 48px 64px; 9073 } 9074 9075 .pmp-v1-loader-centered--logo { 9076 height: 64px; 9077 margin-top: -8px; 9078 } 9079 9080 .pmp-v1-loader-centered--title { 9081 font-size: 20px; 9082 } 9083 9084 .pmp-v1-loader-centered--body { 9085 margin-top: 20px; 9086 } 9087 9088 .pmp-v1-loader-centered--spinner { 9089 width: 48px; 9090 height: 48px; 9091 } 9092 9093 .pmp-v1-loader-bar--banner { 9094 height: 41.6667%; 9095 padding: 0 64px; 9096 } 9097 9098 .pmp-v1-loader-bar--logo { 9099 height: 64px; 9100 } 9101 9102 .pmp-v1-loader-bar--content { 9103 padding: 0 64px; 9104 } 9105 9106 .pmp-v1-loader-bar--title { 9107 font-size: 20px; 9108 } 9109 9110 .pmp-v1-loader-bar--body { 9111 font-size: 14px; 9112 } 9113 9114 .pmp-v1-loader-bar--loading-text { 9115 font-size: 12px; 9116 } 9117 } 9118</style> 9119<!-- END app snippet --> 9120 <span class="pinflag-attribution">Powered by 9121 <a 9122 href="https://pinflag.cl" 9123 target="_blank" 9124 style="color: white; text-decoration: none"> 9125 <b>Pinflag 9126 </b> 9127 </a> 9128 </span> 9129 </div> 9130</div> 9131
9132<script> 9133 const pmpButtonIdv1 = 'pmp-v1-btn'; 9134 const pmpIframeIdv1 = 'pinflag-pinmap-pro-v1'; 9135 const pmpButtonIdv1Modal = 'pmp-v1-btn-modal'; 9136 const pmpModalOverlayClassv1 = '.pmp-v1-modal--overlay'; 9137 const pmpCloseButtonIdv1 = 'pmp-v1--close'; 9138 const PINFLAG_SAFE_BUYNOW_ID = 'pinflag-buy-now-safe-btn' 9139 const PINFLAG_ADD_TO_CART_ERROR_ID = 'pinflag-add-to-cart-error' 9140 const OPUS_SHADOW_CONTAINER_ID = 'opus-shadow-container'; 9141 const OPUS_CLOSE_BUTTON_SELECTOR = 'button.opus-drawer-container-close'; 9142 const QUICK_BUY_SELECTOR = '[data-testid="Checkout-button"]' 9143 const NATIVE_CHECKOUT_SELECTORS = [ 9144 '[name="checkout"]', 9145 QUICK_BUY_SELECTOR, 9146 '.AOV-CDMinimal__CheckoutButton', 9147 '.rebuy-cart__checkout-button' 9148 ].join(', ') 9149 9150 const ADD_TO_CART_ERROR_FALLBACK = 'No pudimos agregar el producto al carro. Puede que esté agotado.' 9151 const MISSING_IDENTITY_REASON = 'no storefront session and no token configured' 9152 9153 const LIMIT_GET_URL = 13; 9154 const LIMIT_CHECK = 8; 9155 const TIMEOUT_CHECK = 700; 9156 const PINFLAG_REQUEST_TIMEOUT_MS = 7000 9157 const CHECKOUT_CLICK_GRACE_MS = 3000 9158 const PINMAP_READY_RESCUE_MS = 2000 9159 const PINMAP_READY_RESCUE_ATTEMPTS = 5 9160 9161 const COMPANY_API_BASE_URL = 'https://company-api-v2.pinflag.cl' 9162 const CHECKOUT_3P_URL = 'https://pinmap-3p.pinflag.cl/' 9163 const CHECKOUT_ONE_CLICK_URL = 'https://pinmap-one-click.pinflag.cl/' 9164 const CHECKOUT_ONE_CLICK_STAGE_URL = 'https://pinmap-stage.pinflag.cl/' 9165 const CHECKOUT_URL_BY_TYPE = { 9166 'one-click': CHECKOUT_ONE_CLICK_URL, 9167 'checkout-3p': CHECKOUT_3P_URL, 9168 'one-click-stage': CHECKOUT_ONE_CLICK_STAGE_URL 9169 } 9170 const ONE_CLICK_CHECKOUT_TYPES = new Set(['one-click', 'one-click-stage']) 9171 const PINMAP_ORIGINS = Object.values(CHECKOUT_URL_BY_TYPE).map((url) => new URL(url).origin) 9172 9173 const STOREFRONT_SESSION_URL = '/apps/pinflag/session' 9174 const PERSONALIZATION_URL = '/apps/pinflag/personalization' 9175 const ORDER_STATUS_URL_ENDPOINT = '/apps/pinflag/order-status-url' 9176 const ORDER_STATUS_ENDPOINT = '/apps/pinflag/order-status' 9177 const INVENTORY_LOCATIONS_URL = '/apps/pinflag/inventory-locations' 9178 const TRACKING_PINMAP_URL = '/apps/pinflag/tracking/pinmap' 9179 const STOREFRONT_SESSION_QUERY = '?session=storefront' 9180 const STOREFRONT_SESSION_STORAGE_KEY = 'pinflagStorefrontSession' 9181 const STOREFRONT_SESSION_DISABLED_STORAGE_KEY = 'pinflagStorefrontSessionDisabled' 9182 const STOREFRONT_SESSION_DISABLED_STATUS = 403 9183 const SESSION_RENEWAL_RATIO = 0.8 9184 const MIN_SESSION_RENEWAL_SECONDS = 30 9185 const SESSION_REUSE_MARGIN_MS = 60 * 1000 9186 const SESSION_DISABLED_CACHE_TTL_MS = 5 * 60 * 1000 9187 const SESSION_ACK_TIMEOUT_MS = 3000 9188 9189 const PERSONALIZATION_STORAGE_KEY = 'pinflagPersonalization' 9190 const PERSONALIZATION_CACHE_TTL_MS = 5 * 60 * 1000 9191 9192 const NATIVE_TRACKING_DATA_STORAGE_KEY = 'nativeTrackingData' 9193 9194 const LORENZODIPONTTI_HOST = 'lorenzodipontti' 9195 const TOYNG_HOST = 'toyng' 9196 const BUBBA_HOST = 'bubba' 9197 const MIPLACARD_HOST = 'miplacard' 9198 const LOCCITANE_HOST = 'loccitane' 9199 const FORUS_HOSTS = ['parfois', 'merrell', 'azaleia', 'risoluciones', 'underarmour', 'columbia', 'caterpillar', 'vans', 'rkflife', 'hushpuppies', LOCCITANE_HOST, 'viste'] 9200 const HOSTS_WITH_BUY_NOW_PATCH = [TOYNG_HOST, BUBBA_HOST, MIPLACARD_HOST]; 9201 const HOSTS_WITH_DAWN_PATCH = [BUBBA_HOST]; 9202 const CLASSES_TO_STRIP_BY_HOST = { [LOCCITANE_HOST]: ['cart__checkout-button'] }; 9203 9204 let storefrontSession = null 9205 let sessionRenewalTimeoutId = null 9206 let isIframeUsingSession = false 9207 let isIframeIdentified = false 9208 let isNativeCheckoutForced = false 9209 let resolveSessionAck 9210 const sessionAckPromise = new Promise((resolve) => { resolveSessionAck = resolve }) 9211 let companyInfoData = null 9212 const checkoutReadyListeners = [] 9213 const onCheckoutReady = (listener) => checkoutReadyListeners.push(listener) 9214 const notifyCheckoutReady = () => checkoutReadyListeners.forEach((listener) => listener()) 9215 9216 const isBuyNowPatchHost = () => HOSTS_WITH_BUY_NOW_PATCH.some((host) => window.location.host.includes(host)); 9217 const isDawnPatchHost = () => HOSTS_WITH_DAWN_PATCH.some((host) => window.location.host.includes(host)); 9218 const getClassesToStripForHost = () => { 9219 const matchedHost = Object.keys(CLASSES_TO_STRIP_BY_HOST).find((host) => window.location.host.includes(host)); 9220 return matchedHost ? CLASSES_TO_STRIP_BY_HOST[matchedHost] : []; 9221 }; 9222 9223 const autoReplaceButtons = 'true' === 'true'; 9224 9225 const removeApiKeyFromNativeTrackingData = () => { 9226 try { 9227 const storedTrackingData = localStorage.getItem(NATIVE_TRACKING_DATA_STORAGE_KEY) 9228 if (!storedTrackingData) return 9229 9230 let trackingData
9231 try { 9232 trackingData = JSON.parse(storedTrackingData) 9233 } catch { 9234 localStorage.removeItem(NATIVE_TRACKING_DATA_STORAGE_KEY) 9235 return 9236 } 9237 9238 if (!trackingData?.pinflagApiKey) return 9239 9240 delete trackingData.pinflagApiKey 9241 localStorage.setItem(NATIVE_TRACKING_DATA_STORAGE_KEY, JSON.stringify(trackingData)) 9242 } catch { 9243 // localStorage throws when blocked (e.g. Safari private mode); there is nothing to clean up then 9244 } 9245 } 9246 9247 removeApiKeyFromNativeTrackingData() 9248 9249 localStorage?.setItem('pmpV1IsIframeLoaded', 'not loaded'); 9250 localStorage?.setItem('availableCheckoutPinmap', 'loading'); 9251 9252 const MOBILE_BREAKPOINT_PX = 750; 9253 9254 const clearInlineStyle = (el, properties) => { 9255 if (!el) return; 9256 properties.forEach((property) => { el.style[property] = ''; }); 9257 }; 9258 9259 const applyRealMobileViewportBox = () => { 9260 const overlay = document.querySelector(pmpModalOverlayClassv1); 9261 const content = document.querySelector('.pmp-v1-modal--content'); 9262 9263 if (window.innerWidth > MOBILE_BREAKPOINT_PX) { 9264 clearInlineStyle(overlay, ['height', 'width', 'top', 'left']); 9265 clearInlineStyle(content, ['height']); 9266 return; 9267 } 9268 9269 const visualViewport = window.visualViewport; 9270 const heightPx = `${visualViewport ? visualViewport.height : window.innerHeight}px`; 9271 const widthPx = visualViewport ? `${visualViewport.width}px` : '100%'; 9272 const topPx = `${visualViewport ? visualViewport.offsetTop : 0}px`; 9273 const leftPx = `${visualViewport ? visualViewport.offsetLeft : 0}px`; 9274 9275 if (overlay) { 9276 overlay.style.height = heightPx; 9277 overlay.style.width = widthPx; 9278 overlay.style.top = topPx; 9279 overlay.style.left = leftPx; 9280 } 9281 if (content) content.style.height = heightPx; 9282 }; 9283 9284 applyRealMobileViewportBox(); 9285 window.addEventListener('resize', applyRealMobileViewportBox); 9286 window.addEventListener('orientationchange', applyRealMobileViewportBox); 9287 if (window.visualViewport) { 9288 window.visualViewport.addEventListener('resize', applyRealMobileViewportBox); 9289 window.visualViewport.addEventListener('scroll', applyRealMobileViewportBox); 9290 } 9291 9292 let pinflagLockedScrollY = 0; 9293 9294 const lockBodyScroll = (body) => { 9295 pinflagLockedScrollY = window.scrollY; 9296 body.style.position = 'fixed'; 9297 body.style.top = `-${pinflagLockedScrollY}px`; 9298 body.style.width = '100%'; 9299 body.style.overflow = 'hidden'; 9300 }; 9301 9302 const unlockBodyScroll = (body) => { 9303 body.style.position = ''; 9304 body.style.top = ''; 9305 body.style.width = ''; 9306 body.style.overflow = 'auto'; 9307 window.scrollTo(0, pinflagLockedScrollY); 9308 }; 9309 9310 const loadIframeWithUrl = (checkoutType) => { 9311 const baseUrl = CHECKOUT_URL_BY_TYPE[checkoutType] || CHECKOUT_3P_URL 9312 isIframeUsingSession = LEGACY_THEME_API_KEY.length === 0 && Boolean(storefrontSession) 9313 const iframeUrl = isIframeUsingSession 9314 ? baseUrl + STOREFRONT_SESSION_QUERY 9315 : baseUrl + '?token=' 9316 const iframe = document.getElementById(pmpIframeIdv1) 9317 if (iframe) { 9318 if (isIframeUsingSession) iframe.addEventListener('load', handleSessionIframeLoad, { once: true }) 9319 iframe.src = iframeUrl 9320 scheduleIframeReadyRescue() 9321 } 9322 const modalContent = document.querySelector('.pmp-v1-modal--content') 9323 if (modalContent) { 9324 modalContent.classList.toggle('pmp-v1-modal--content--one-click', ONE_CLICK_CHECKOUT_TYPES.has(checkoutType)) 9325 } 9326 toggleCloseButton(checkoutType) 9327 } 9328 9329 const toggleCloseButton = (checkoutType) => { 9330 const closeButton = document.getElementById(pmpCloseButtonIdv1) 9331 const attribution = document.querySelector('.pinflag-attribution') 9332 if (ONE_CLICK_CHECKOUT_TYPES.has(checkoutType)) { 9333 if (closeButton) closeButton.style.display = 'none' 9334 if (attribution) attribution.style.display = 'none' 9335 } else { 9336 if (closeButton) closeButton.style.display = 'block' 9337 if (attribution) attribution.style.display = 'block' 9338 } 9339 } 9340 9341 const fetchWithTimeout = async (url, options = {}) => { 9342 const abortController = new AbortController() 9343 const abortTimeoutId = setTimeout(() => abortController.abort(), PINFLAG_REQUEST_TIMEOUT_MS) 9344 9345 try { 9346 return await fetch(url, { ...options, signal: abortController.signal }) 9347 } finally { 9348 clearTimeout(abortTimeoutId) 9349 } 9350 } 9351 9352 const readSessionStorageJson = (key) => { 9353 try { 9354 return JSON.parse(sessionStorage.getItem(key) || 'null') 9355 } catch { 9356 return null 9357 } 9358 } 9359 9360 const writeSessionStorageJson = (key, value) => { 9361 try { 9362 if (value) sessionStorage.setItem(key, JSON.stringify(value)) 9363 else sessionStorage.removeItem(key) 9364 } catch { 9365 // sessionStorage throws when blocked (e.g. Safari private mode); the cache is best-effort 9366 } 9367 } 9368 9369 const fetchStorefrontSession = async () => { 9370 if (LEGACY_THEME_API_KEY.length > 0) return null 9371 9372 try { 9373 const response = await fetchWithTimeout(STOREFRONT_SESSION_URL) 9374 9375 if (response.status === STOREFRONT_SESSION_DISABLED_STATUS) { 9376 writeSessionStorageJson(STOREFRONT_SESSION_DISABLED_STORAGE_KEY, { cachedAt: Date.now() }) 9377 return null 9378 } 9379 9380 if (!response.ok) return null 9381 9382 const session = await response.json() 9383 9384 if (!session || !session.token) return null 9385 9386 writeSessionStorageJson(STOREFRONT_SESSION_DISABLED_STORAGE_KEY, null) 9387 9388 return { ...session, expiresAt: Date.now() + session.expiresIn * 1000 } 9389 } catch (error) { 9390 console.error('Pinflag: could not fetch the storefront session', error) 9391 return null 9392 } 9393 } 9394 9395 const readCachedStorefrontSession = () => { 9396 const cachedSession = readSessionStorageJson(STOREFRONT_SESSION_STORAGE_KEY) 9397 9398 const isReusable = cachedSession && cachedSession.token && 9399 cachedSession.expiresAt - Date.now() > SESSION_REUSE_MARGIN_MS 9400 9401 return isReusable ? cachedSession : null 9402 } 9403 9404 const isStorefrontSessionKnownDisabled = () => { 9405 const disabledMarker = readSessionStorageJson(STOREFRONT_SESSION_DISABLED_STORAGE_KEY) 9406 9407 return Boolean(disabledMarker) && 9408 Date.now() - disabledMarker.cachedAt < SESSION_DISABLED_CACHE_TTL_MS 9409 } 9410 9411 const LEGACY_THEME_API_KEY = '' 9412 9413 const hasCompanyIdentity = () => Boolean(storefrontSession) || LEGACY_THEME_API_KEY.length > 0 9414 9415 const getPinflagAuthHeaders = () => storefrontSession 9416 ? { 'x-pinflag-session': storefrontSession.token } 9417 : { 'x-api-key': LEGACY_THEME_API_KEY } 9418 9419 const getPinflagIdentity = () => storefrontSession 9420 ? storefrontSession.token 9421 : LEGACY_THEME_API_KEY 9422 9423 const getIframeIdentity = () => isIframeUsingSession && storefrontSession 9424 ? storefrontSession.token 9425 : LEGACY_THEME_API_KEY 9426 9427 const sendSessionToIframe = () => { 9428 const iframe = document.getElementById(pmpIframeIdv1) 9429 if (!iframe || !iframe.contentWindow || !storefrontSession || !isIframeUsingSession) return 9430 9431 const iframeOrigin = PINMAP_ORIGINS.find((origin) => (iframe.src || '').startsWith(origin)) 9432 if (!iframeOrigin) return 9433 9434 iframe.contentWindow.postMessage( 9435 { type: 'receive-session', token: storefrontSession.token, shop: storefrontSession.shop }, 9436 iframeOrigin 9437 ) 9438 } 9439 9440 const handleSessionIframeLoad = () => { 9441 sendSessionToIframe() 9442 setTimeout(() => resolveSessionAck(false), SESSION_ACK_TIMEOUT_MS) 9443 } 9444 9445 const confirmIframeSession = () => { 9446 if (isIframeUsingSession) resolveSessionAck(true) 9447 } 9448 9449 const canIframeIdentifyCompany = async () => { 9450 if (LEGACY_THEME_API_KEY.length > 0) return true 9451 9452 return isIframeUsingSession && sessionAckPromise 9453 } 9454 9455 const scheduleSessionRenewal = () => { 9456 if (sessionRenewalTimeoutId) clearTimeout(sessionRenewalTimeoutId) 9457 if (!storefrontSession || !Number.isFinite(storefrontSession.expiresAt)) return 9458 9459 const remainingSeconds = (storefrontSession.expiresAt - Date.now()) / 1000 9460 const delaySeconds = Math.max( 9461 remainingSeconds * SESSION_RENEWAL_RATIO, 9462 MIN_SESSION_RENEWAL_SECONDS 9463 ) 9464 sessionRenewalTimeoutId = setTimeout(renewStorefrontSession, delaySeconds * 1000) 9465 } 9466 9467 const adoptStorefrontSession = (session) => { 9468 storefrontSession = session 9469 writeSessionStorageJson(STOREFRONT_SESSION_STORAGE_KEY, session) 9470 if (session) scheduleSessionRenewal() 9471 else clearTimeout(sessionRenewalTimeoutId) 9472 } 9473 9474 const renewStorefrontSession = async () => { 9475 const session = await fetchStorefrontSession() 9476 if (!session) return null 9477 9478 adoptStorefrontSession(session) 9479 sendSessionToIframe() 9480 9481 return session 9482 } 9483 9484 const isTrustedPinmapMessage = (event) => { 9485 if (!PINMAP_ORIGINS.includes(event.origin)) return false 9486 const pinmap = document.getElementById(pmpIframeIdv1) 9487 return Boolean(pinmap) && event.source === pinmap.contentWindow 9488 } 9489 9490 window.addEventListener('message', (event) => { 9491 if (!isTrustedPinmapMessage(event)) return 9492 if (!event.data || event.data.type !== 'request-session-refresh') return 9493 9494 if (!event.data.hasSession && storefrontSession) { 9495 sendSessionToIframe() 9496 return 9497 } 9498 9499 renewStorefrontSession() 9500 }) 9501 9502 const requestCompanyPersonalization = async (headers) => { 9503 const response = await fetchWithTimeout( 9504 PERSONALIZATION_URL, 9505 { headers } 9506 ) 9507 9508 if (!response.ok) { 9509 const error = new Error(`company personalization responded ${response.status}`) 9510 error.status = response.status 9511 throw error 9512 } 9513 9514 return response.json() 9515 } 9516 9517 const cachedStorefrontSession = readCachedStorefrontSession() 9518 9519 const loadStorefrontSession = async () => { 9520 if (LEGACY_THEME_API_KEY.length > 0) return null 9521 if (cachedStorefrontSession) return cachedStorefrontSession 9522 if (isStorefrontSessionKnownDisabled()) return null 9523 9524 return fetchStorefrontSession() 9525 } 9526 9527 const sessionPromise = loadStorefrontSession().then((session) => { 9528 adoptStorefrontSession(session) 9529 9530 return session 9531 }) 9532 9533 const requestSessionPersonalization = async () => { 9534 await sessionPromise 9535 9536 try { 9537 return await requestCompanyPersonalization(getPinflagAuthHeaders()) 9538 } catch (error) { 9539 if (error.status !== 401 || !cachedStorefrontSession) throw error 9540 9541 const renewedSession = await fetchStorefrontSession() 9542 adoptStorefrontSession(renewedSession) 9543 9544 if (!renewedSession) throw error 9545 9546 return requestCompanyPersonalization(getPinflagAuthHeaders()) 9547 } 9548 } 9549 9550 const fetchCompanyPersonalization = () => LEGACY_THEME_API_KEY.length > 0 9551 ? requestCompanyPersonalization({ 'x-api-key': LEGACY_THEME_API_KEY }) 9552 : requestSessionPersonalization() 9553 9554 const loadCompanyPersonalization = async () => { 9555 const cachedPersonalization = readSessionStorageJson(PERSONALIZATION_STORAGE_KEY) 9556 const isCachedPersonalizationFresh = cachedPersonalization && 9557 Date.now() - cachedPersonalization.cachedAt < PERSONALIZATION_CACHE_TTL_MS 9558 9559 if (isCachedPersonalizationFresh) return cachedPersonalization.data 9560 9561 const personalization = await fetchCompanyPersonalization() 9562 writeSessionStorageJson(PERSONALIZATION_STORAGE_KEY, { data: personalization, cachedAt: Date.now() }) 9563 9564 return personalization 9565 } 9566 9567 const personalizationPromise = loadCompanyPersonalization().catch((error) => { 9568 console.error('Error al obtener información de la compañÃa:', error) 9569 9570 return null 9571 }) 9572 9573 const leaveNativeCheckout = (reason) => { 9574 isNativeCheckoutForced = true 9575 console.error(`Pinflag: ${reason}, leaving native checkout`) 9576 } 9577 9578 const getCompanyInfoAndLoadIframe = async () => { 9579 if (LEGACY_THEME_API_KEY.length === 0) await sessionPromise 9580 9581 if (!hasCompanyIdentity()) { 9582 leaveNativeCheckout(MISSING_IDENTITY_REASON) 9583 return 9584 } 9585 9586 companyInfoData = await personalizationPromise 9587 9588 if (!hasCompanyIdentity()) { 9589 leaveNativeCheckout(MISSING_IDENTITY_REASON) 9590 return 9591 } 9592 9593 loadIframeWithUrl(companyInfoData?.selectedCheckout) 9594 isIframeIdentified = await canIframeIdentifyCompany() 9595 9596 if (!isIframeIdentified) { 9597 leaveNativeCheckout('pinmap did not confirm the storefront session in time') 9598 return 9599 } 9600 9601 notifyCheckoutReady() 9602 } 9603 9604 const domReadyPromise = document.readyState === 'loading' 9605 ? new Promise((resolve) => document.addEventListener('DOMContentLoaded', resolve, { once: true })) 9606 : Promise.resolve() 9607 9608 const bootstrapPromise = domReadyPromise 9609 .then(getCompanyInfoAndLoadIframe) 9610 .catch((error) => console.error('Pinflag: checkout bootstrap failed', error)) 9611 9612 let resolveCheckoutOpener 9613 const checkoutOpenerPromise = new Promise((resolve) => { resolveCheckoutOpener = resolve }) 9614 const registerCheckoutOpener = (opener) =>
9614 resolveCheckoutOpener(opener) 9615 9616 const GRACE_EXPIRED = Symbol('checkout grace expired') 9617 const releasedCheckoutButtons = new WeakSet() 9618 9619 const raceCheckoutGrace = (promise) => Promise.race([ 9620 promise, 9621 new Promise((resolve) => setTimeout(() => resolve(GRACE_EXPIRED), CHECKOUT_CLICK_GRACE_MS)) 9622 ]) 9623 9624 if (autoReplaceButtons) { 9625 document.addEventListener('click', async (event) => { 9626 const nativeButton = event.target?.closest?.(NATIVE_CHECKOUT_SELECTORS) 9627 9628 if (!nativeButton || nativeButton.id === pmpButtonIdv1) return 9629 if (releasedCheckoutButtons.has(nativeButton)) return 9630 9631 const buttonParent = nativeButton.parentNode 9632 9633 event.preventDefault() 9634 event.stopPropagation() 9635 9636 const checkoutOpener = await raceCheckoutGrace( 9637 Promise.all([bootstrapPromise, checkoutOpenerPromise]).then(([, opener]) => opener) 9638 ) 9639 9640 if (checkoutOpener === GRACE_EXPIRED || isNativeCheckoutForced || !hasCompanyIdentity()) { 9641 releasedCheckoutButtons.add(nativeButton) 9642 9643 const liveButton = nativeButton.isConnected 9644 ? nativeButton 9645 : buttonParent?.querySelector(`#${pmpButtonIdv1}`) 9646 9647 liveButton?.click() 9648 9649 return 9650 } 9651 9652 checkoutOpener(nativeButton.matches(QUICK_BUY_SELECTOR)) 9653 }, true) 9654 } 9655 9656 9657 let pinmapReadyRescueId = null 9658 9659 function scheduleIframeReadyRescue(attemptsLeft = PINMAP_READY_RESCUE_ATTEMPTS) { 9660 if (attemptsLeft <= 0) return 9661 if (localStorage?.getItem('availableCheckoutPinmap') !== 'loading') return 9662 9663 pinmapReadyRescueId = setTimeout(() => { 9664 const pinmap = document.getElementById(pmpIframeIdv1); 9665 pinmap?.contentWindow?.postMessage( 9666 { 9667 type: 'is-ready', 9668 origin: window.location.host, 9669 message: true, 9670 cms: 'shopify', 9671 }, 9672 '*' 9673 ); 9674 scheduleIframeReadyRescue(attemptsLeft - 1); 9675 }, PINMAP_READY_RESCUE_MS); 9676 } 9677 9678 function saveCookie(cookie) { 9679 const value = cookie.trim().split('=')[1]; 9680 localStorage.setItem('cartSession', value); 9681 } 9682 9683 function writeCartCookie() { 9684 if (localStorage.getItem('cartSession')) { 9685 document.cookie = 'cart=' + localStorage.getItem('cartSession'); 9686 localStorage.removeItem('cartSession'); 9687 window.location.reload(); 9688 } 9689 } 9690 9691 function deleteCartCookies() { 9692 const cookies = document.cookie.split(';'); 9693 const checkoutSessionCookies = cookies.filter((cookie) => cookie.includes('cart=')); 9694 for (let i = 0; i < checkoutSessionCookies.length; i++) { 9695 const cookie = checkoutSessionCookies[i]; 9696 saveCookie(cookie); 9697 const eqPos = cookie.indexOf('='); 9698 const name = eqPos > -1 ? cookie.substr(0, eqPos) : cookie; 9699 document.cookie = name + '=;expires=Thu, 01 Jan 1970 00:00:00 GMT'; 9700 } 9701 } 9702 9703 // GOOGLE ANALYTICS (start) 9704 const pushOpenedPinmap = () => { 9705 window.dataLayer = window.dataLayer || []; 9706 window.dataLayer.push({ 9707 event: 'opened_pinmap', 9708 store_name: 'Pinflag Test Store', 9709 }); 9710 }; 9711 9712 const pushFormEvent = () => { 9713 window.dataLayer = window.dataLayer || []; 9714 window.dataLayer.push({ 9715 event: 'pinmap_user_info_filled', 9716 store_name: 'Pinflag Test Store', 9717 }); 9718 }; 9719 9720 const pushPayEvent = () => { 9721 window.dataLayer = window.dataLayer || []; 9722 window.dataLayer.push({ 9723 event: 'pinmap_go_to_pay', 9724 store_name: 'Pinflag Test Store', 9725 }); 9726 }; 9727 9728 const pushCompletedPaySelectionEvent = () => { 9729 window.dataLayer = window.dataLayer || []; 9730 window.dataLayer.push({ 9731 event: 'pinmap_completed_payment_selection', 9732 store_name: 'Pinflag Test Store', 9733 }); 9734 }; 9735 9736 // GOOGLE ANALYTICS (end) 9737 9738 function deleteAllCookiesScrapper() { 9739 var cookies = document.cookie.split(';'); 9740 9741 for (var i = 0; i < cookies.length; i++) { 9742 var cookie = cookies[i]; 9743 var eqPos = cookie.indexOf('='); 9744 var name = eqPos > -1 ? cookie.substr(0, eqPos) : cookie; 9745 var path = location.pathname.substring(0, location.pathname.lastIndexOf('/')); 9746 document.cookie = name + '=;expires=Thu, 01 Jan 1970 00:00:00 GMT; domain=' + document.domain + '; path=/'; 9747 } 9748 } 9749 9750 function deleteHttpOnlyCookie(name) { 9751 document.cookie = name + '=; expires=Thu, 01 Jan 1970 00:00:01 GMT; path=/'; 9752 document.cookie = name + '=deleted; expires=Thu, 01 Jan 1970 00:00:01 GMT; path=/; domain=' + document.domain + ';'; 9753 document.cookie = 9754 name + '=deleted; expires=Thu, 01 Jan 1970 00:00:01 GMT; path=/; domain=.' + document.domain + ';'; 9755 } 9756 9757 function deleteCookie(name) { 9758 const cookies = document.cookie.split(';'); 9759 9760 for (let i = 0; i < cookies.length; i++) { 9761 const cookie = cookies[i]; 9762 const eqPos = cookie.indexOf('='); 9763 const cookieName = eqPos > -1 ? cookie.substr(0, eqPos).trim() : cookie; 9764 if (cookieName.includes(name)) { 9765 document.cookie = 9766 cookieName + '=;expires=Thu, 01 Jan 1970 00:00:00 GMT; domain=' + document.domain + '; path=/'; 9767 document.cookie = 9768 cookieName + '=expires; expires=Thu, 01 Jan 1970 00:00:01 GMT; path=/; domain=.' + document.domain + ';'; 9769 } 9770 } 9771 } 9772 9773 const doesHttpOnlyCookieExist = (cookieName) => { 9774 const d = new Date(); 9775 d.setTime(d.getTime() + 1000); 9776 const expires = 'expires=' + d.toUTCString(); 9777 9778 document.cookie = cookieName + '=new_value;path=/;' + expires; 9779 return document.cookie.indexOf(cookieName + '=') == -1; 9780 }; 9781 9782 const validateCartCookie = () => { 9783 const cookies = document.cookie.split(';');
9784 const cartCookie = cookies.filter((cookie) => cookie.includes('cart='))[0]; 9785 if (cartCookie) { 9786 const cartValue = cartCookie.split('=')[1]; 9787 if (doesHttpOnlyCookieExist('checkout_session_token__cn__' + cartValue)) { 9788 document.cookie = 'cart='; 9789 window.location.reload(); 9790 } 9791 } 9792 }; 9793 9794 const sleep = (ms) => new Promise((resolve) => setTimeout(resolve, ms)); 9795 9796 document.addEventListener( 9797 'DOMContentLoaded', 9798 function () { 9799 const querySelectorInShadow = (selector) => { 9800 const shadowContainers = [`#${OPUS_SHADOW_CONTAINER_ID}`] 9801 const results = [] 9802 shadowContainers.forEach((containerId) => { 9803 const container = document.querySelector(containerId) 9804 if (container && container.shadowRoot) { 9805 results.push(...container.shadowRoot.querySelectorAll(selector)) 9806 } 9807 }) 9808 return results 9809 } 9810 9811 // Function to create a custom button 9812 const createCustomButton = (originalButton, isQuickBuy) => { 9813 const customButton = document.createElement('button'); 9814 customButton.setAttribute('type', 'button'); 9815 9816 const originalClasses = (originalButton.getAttribute('class') || '').split(' ').filter(
9816Boolean); 9817 const classesToStrip = getClassesToStripForHost(); 9818 const finalClasses = classesToStrip.length 9819 ? originalClasses.filter((cls) => !classesToStrip.includes(cls)) 9820 : originalClasses; 9821 customButton.setAttribute('class', ['pinflag-pinmap-btn', ...finalClasses].join(' ')); 9822 if (classesToStrip.length) copyComputedStyles(originalButton, customButton); 9823 9824 customButton.setAttribute('id', pmpButtonIdv1); 9825 customButton.setAttribute('data-btn', isQuickBuy ? 'quick-buy' : 'checkout'); 9826 customButton.innerHTML = originalButton.innerHTML || originalButton.value || ''; 9827 customButton.style.animation = 'none'; 9828 return customButton; 9829 }; 9830 9831 const copyComputedStyles = (sourceElement, targetElement) => { 9832 const computedStyles = getComputedStyle(sourceElement); 9833 9834 const propertiesToCopy = [ 9835 'display', 'width', 'min-width', 'max-width', 9836 'padding-top','padding-right','padding-bottom','padding-left', 9837 'margin-top','margin-right','margin-bottom','margin-left', 9838 'border-top-width','border-right-width','border-bottom-width','border-left-width', 9839 'border-top-style','border-right-style','border-bottom-style','border-left-style', 9840 'border-top-color','border-right-color','border-bottom-color','border-left-color', 9841 'border-radius', 9842 'background-color','background-image', 9843 'color', 9844 'font-family','font-size','font-weight','line-height','letter-spacing','text-transform', 9845 'text-align', 9846 'box-shadow', 9847 'cursor', 9848 'height','min-height' 9849 ]; 9850 9851 propertiesToCopy.forEach((propertyName) => { 9852 const propertyValue = computedStyles.getPropertyValue(propertyName); 9853 const propertyPriority = computedStyles.getPropertyPriority(propertyName); 9854 9855 if (propertyValue) { 9856 targetElement.style.setProperty(propertyName, propertyValue, propertyPriority); 9857 } 9858 }); 9859 }; 9860 9861 const mountBuyNowButton = () => { 9862 const paymentWrapper = 9863 document.querySelector('[data-shopify="payment-button"]') || 9864 document.querySelector('.shopify-payment-button'); 9865 9866 if (!paymentWrapper) return; 9867 if (document.getElementById(PINFLAG_SAFE_BUYNOW_ID)) return; 9868 9869 const form = paymentWrapper.closest('form[action*="/cart/add"]'); 9870 if (!form) return; 9871 9872 const originalBtn = 9873 paymentWrapper.querySelector('shopify-buy-it-now-button button') || 9874 paymentWrapper.querySelector('.shopify-payment-button__button'); 9875 9876 if (!originalBtn) return; 9877 9878 paymentWrapper.style.display = 'none'; 9879 paymentWrapper.setAttribute('data-pinflag-hidden', '1'); 9880 9881 paymentWrapper 9882 .querySelectorAll('shopify-accelerated-checkout, shopify-buy-it-now-button') 9883 .forEach(el => { 9884 el.style.display = 'none'; 9885 el.setAttribute('data-pinflag-hidden', '1'); 9886 }); 9887 9888 const btn = document.createElement('button'); 9889 btn.setAttribute('id', PINFLAG_SAFE_BUYNOW_ID); 9890 btn.setAttribute('type', 'button'); 9891 9892 btn.textContent = originalBtn.textContent?.trim() || 'Comprar ahora'; 9893 9894 btn.className = 'pinflag-pinmap-btn'; 9895 copyComputedStyles(originalBtn, btn); 9896 btn.style.width = '100%'; 9897 btn.style.display = 'block'; 9898 9899 const handler = async (event) => { 9900 event.preventDefault(); 9901 event.stopPropagation(); 9902 event.stopImmediatePropagation(); 9903 9904 const response = await addToCartRefreshCart(form); 9905 const cartDrawer = document.querySelector('cart-drawer'); 9906 if (response && typeof window.refreshCartContents === 'function') { 9907 window.refreshCartContents(response); 9908 return; 9909 } 9910 if (response && cartDrawer && typeof cartDrawer.renderContents === 'function') { 9911 cartDrawer.renderContents(response); 9912 return; 9913 } 9914 }; 9915 9916 btn.addEventListener('pointerdown', handler, true); 9917 9918 paymentWrapper.parentElement.insertBefore(btn, paymentWrapper); 9919 }; 9920 9921 const replaceShopifyQuickBuyButtons = () => { 9922 // Find all html elements with the tag shopify-buy-it-now-button, then their children are the buttons 9923 const shopifyBuyItNowButtons = document.querySelectorAll('shopify-buy-it-now-button'); 9924 shopifyBuyItNowButtons.forEach((shopifyBuyItNowButton) => { 9925 const originalButton = shopifyBuyItNowButton.children[0]; 9926 // Check if the button has already been replaced 9927 if (originalButton && originalButton.id !== pmpButtonIdv1) { 9928 const customButton = createCustomButton(originalButton, true); 9929 customButton.dataset.btn = 'quick-buy'; 9930 originalButton.parentNode.replaceChild(customButton, originalButton); 9931 } 9932 }); 9933 }; 9934 9935 const runWithObserver = (callback) => { 9936 callback(); 9937 const observer = new MutationObserver(callback); 9938 observer.observe(document.body, { childList: true, subtree: true }); 9939 setTimeout(() => observer.disconnect(), 5000); 9940 }; 9941 9942 if (autoReplaceButtons) { 9943 if (isBuyNowPatchHost()) { 9944 runWithObserver(mountBuyNowButton); 9945 } else { 9946 runWithObserver(replaceShopifyQuickBuyButtons); 9947 } 9948 } 9949 9950 // Function to replace an original button with a custom button 9951 const replaceButtons = (buttons, isQuickBuy) => { 9952 if (!hasCompanyIdentity()) return 9953 9954 buttons.forEach((originalButton) => { 9955 if (originalButton.id !== pmpButtonIdv1) { 9956 const customButton = createCustomButton(originalButton, isQuickBuy); 9957 originalButton.parentNode.replaceChild(customButton, originalButton); 9958 } 9959 }); 9960 }; 9961 9962 const replaceButtonsBySelector = (selector, isQuickBuy) => { 9963 const originalButtons = document.querySelectorAll(selector); 9964 if (originalButtons.length === 0) return; 9965 replaceButtons(originalButtons, isQuickBuy); 9966 }; 9967 9968 // Custom logic for different buttons 9969 const handleCheckoutClick = () => displayPinmap(); // Logic for checkout button 9970 const handleQuickBuyClick = () => addToCart(); // Logic for quick buy button 9971 9972 // Replace buttons on page load (with name='checkout') 9973 if (autoReplaceButtons) { 9974 const tryReplaceButtons = () => { 9975 replaceButtonsBySelector('[name="checkout"]', false); // Replace 'checkout' button 9976 replaceButtonsBySelector('[data-testid="Checkout-button"]', true); // Replace 'quick buy' button 9977 replaceButtonsBySelector('.AOV-CDMinimal__CheckoutButton', false); // Replace 'checkout' button from mawi/bonzer 9978 replaceButtonsBySelector('.rebuy-cart__checkout-button', false); // Replace checkout button from Rebuy Smart Cart 9979 9980 // Replace 'checkout' button in Shadow DOM (dynamic cart drawer) 9981 replaceButtons(querySelectorInShadow('.cd-checkout-section-button'), false); 9982 }; 9983 9984 tryReplaceButtons(); 9985 9986 onCheckoutReady(tryReplaceButtons); 9987 9988 registerCheckoutOpener((isQuickBuy) => { 9989 tryReplaceButtons(); 9990 isQuickBuy ? addToCart() : displayPinmap(); 9991 }); 9992 9993 const observer = new MutationObserver(tryReplaceButtons); 9994 observer.observe(document.body, { childList: true, subtree: true }); 9995 } 9996 9997 const checkPaymentComplete = async () => { 9998 for (let index = 0; index < LIMIT_CHECK; index++) { 9999 try {
10000 if (localStorage.getItem('pinflagCustomer')) { 10001 const pinflagCustomer = localStorage.getItem('pinflagCustomer').split('--pinflag--'); 10002 const orderStatusQuery = `email=${pinflagCustomer[0]}` 10003 const response = await axios.get( 10004 `${ORDER_STATUS_URL_ENDPOINT}?${orderStatusQuery}`, 10005 { headers: getPinflagAuthHeaders() } 10006 ); 10007 pinflagCustomer.slice(1).forEach((cookie) => (document.cookie = cookie)); 10008 validateCartCookie(); 10009 await axios.delete( 10010 `${ORDER_STATUS_ENDPOINT}?${orderStatusQuery}`, 10011 { headers: getPinflagAuthHeaders() } 10012 ); 10013 localStorage.removeItem('pinflagCustomer'); 10014 deleteAllCookiesScrapper() 10015 window.location.replace(response.data.orderStatusUrl); 10016 break; 10017 } else { 10018 break; 10019 } 10020 } catch (error) { 10021 console.error(error); 10022 } 10023 await sleep(TIMEOUT_CHECK); 10024 } 10025 writeCartCookie(); 10026 localStorage.getItem('pinflagCustomer') && localStorage.removeItem('pinflagCustomer'); 10027 }; 10028 10029 checkPaymentComplete(); 10030 10031 // Add focus on current window 10032 window.focus(); 10033 10034 // When click on iframe the focus change and we are listen this 10035 var listener = window.addEventListener('blur', function () { 10036 // Remove listener 10037 window.removeEventListener('blur', listener); 10038 }); 10039 10040 const loggedIn = !!''; 10041 const customerData = loggedIn 10042 ? { 10043 names: `${''} ${''}`, 10044 email: `${''}`, 10045 phone: `${parsePhone('')}`, 10046 rut: '', 10047 userAddress: `${''}`, 10048 aditionalInfo: `${''}`, 10049 region: `${''}`, 10050 district: `${''}`, 10051 } 10052 : {}; 10053 10054 const formatStorePickupPriceLabel = (priceLabel) => { 10055 if (!isNaN(parseInt(priceLabel))) { 10056 return '$' + priceLabel 10057 } 10058 return priceLabel 10059 } 10060 10061 const transformToIframeFormat = (data) => { 10062 return { 10063 logoUrl: data.logoUrl, 10064 primaryColor: data.primaryColor || '#394860', 10065 secondaryColor: data.secondaryColor || '#00B7F9', 10066 companyName: data.company?.nombreempresa || data.companyName, 10067 userId: data.company?.userId || data.userId, 10068 pinflagApiKey: getIframeIdentity(), 10069 ownPayments: data.payment, 10070 ccDiscountPercentageLabel: data.ccDiscountPercentageLabel, 10071 storePickupPriceLabel: formatStorePickupPriceLabel(data.storePickupPriceLabel), 10072 storePickupTypeLabel: data.storePickupTypeLabel, 10073 checkout: data.checkout, 10074 useBillingData: data.useBillingData, 10075 marketingCheckboxDefault: data.marketingCheckboxDefault, 10076 storePickupDiscountBanner: data.storePickupDiscountBanner, 10077 paymentPersonalization: data.paymentPersonalization, 10078 useSsn: data.useSsn, 10079 useDiscountCode: data.useDiscountCode, 10080 useGift: data.useGift, 10081 useGiftMessage: data.useGiftMessage, 10082 useGiftCard: data.useGiftCard, 10083 mapboxToken: data.mapboxToken, 10084 usePixelEvents: data.usePixelEvents, 10085 selectedCheckout: data.selectedCheckout, 10086 useOneClick: data.useOneClick, 10087 thankyouPageText: data.thankyouPageText, 10088 cmsBillingFieldsCustomNames: data.cmsBillingFieldsCustomNames, 10089 cmsActiveBillingFields: data.cmsActiveBillingFields, 10090 contactEmail: data.company?.contactEmail || data.contactEmail, 10091 shippingSort: data.shippingSort 10092 } 10093 } 10094 10095 const transformToOriginalFormat = (transformedData) => { 10096 return { 10097 logoUrl: transformedData.logoUrl, 10098 primaryColor: transformedData.primaryColor, 10099 secondaryColor: transformedData.secondaryColor, 10100 company: { 10101 nombreempresa: transformedData.companyName, 10102 userId: transformedData.userId, 10103 contactEmail: transformedData.contactEmail 10104 }, 10105 payment: transformedData.ownPayments, 10106 ccDiscountPercentageLabel: transformedData.ccDiscountPercentageLabel, 10107 storePickupPriceLabel: transformedData.storePickupPriceLabel?.replace('$', '') || transformedData.storePickupPriceLabel, 10108 storePickupTypeLabel: transformedData.storePickupTypeLabel, 10109 checkout: transformedData.checkout, 10110 useBillingData: transformedData.useBillingData, 10111 marketingCheckboxDefault: transformedData.marketingCheckboxDefault, 10112 storePickupDiscountBanner: transformedData.storePickupDiscountBanner, 10113 paymentPersonalization: transformedData.paymentPersonalization, 10114 useSsn: transformedData.useSsn, 10115 useDiscountCode: transformedData.useDiscountCode, 10116 useGift: transformedData.useGift, 10117 useGiftMessage: transformedData.useGiftMessage, 10118 useGiftCard: transformedData.useGiftCard, 10119 mapboxToken: transformedData.mapboxToken, 10120 usePixelEvents: transformedData.usePixelEvents, 10121 selectedCheckout: transformedData.selectedCheckout, 10122 useOneClick: transformedData.useOneClick, 10123 thankyouPageText: transformedData.thankyouPageText, 10124 cmsBillingFieldsCustomNames: transformedData.cmsBillingFieldsCustomNames, 10125 cmsActiveBillingFields: transformedData.cmsActiveBillingFields, 10126 shippingSort: transformedData.shippingSort 10127 } 10128 } 10129 10130 const prepareCompanyInfo = () => { 10131 if (!companyInfoData) return null 10132 return transformToIframeFormat(companyInfoData) 10133 } 10134 10135 const sendCompanyInfoToIframe = () => { 10136 const pinmap = document.getElementById(pmpIframeIdv1) 10137 if (!pinmap) return 10138 const companyInfoToSend = prepareCompanyInfo() 10139 if (companyInfoToSend) { 10140 pinmap.contentWindow.postMessage({ 10141 type: "receive-company-info", 10142 origin: window.location.host, 10143 message: companyInfoToSend, 10144 cms: 'shopify' 10145 }, '*') 10146 } 10147 } 10148 10149 function sendCartData(payload) { 10150 const pinmap = document.getElementById(pmpIframeIdv1); 10151 const companyInfoToSend = prepareCompanyInfo() 10152 pinmap.contentWindow.postMessage( 10153 { 10154 type: 'receive-cart-info', 10155 origin: window.location.host, 10156 message: { 10157 ...payload, 10158 cms: 'shopify', 10159 currentUrl: window.location.href, 10160 loggedIn,
10161 customerData, 10162 companyInfo: companyInfoToSend 10163 }, 10164 cms: 'shopify', 10165 }, 10166 '*' 10167 ); 10168 } 10169 10170 function getPinmapProCheckoutId() { 10171 const checkoutId = localStorage.getItem('pinmapProCheckoutId'); 10172 return checkoutId; 10173 } 10174 10175 function setPinmapProCheckoutId(id) { 10176 if (!id) return; 10177 localStorage?.setItem('pinmapProCheckoutId', id); 10178 } 10179 10180 function getCartData() { 10181 return axios(`${window.location.origin}/cart.js`); 10182 } 10183 10184 let cartWriteChain = Promise.resolve() 10185 const enqueueCartWrite = (task) => { 10186 const result = cartWriteChain.then(() => task()) 10187 cartWriteChain = result.then(() => {}, () => {}) 10188 return result 10189 } 10190 10191 const expectedPropsByVariant = new Map() 10192 const recordExpectedProps = (variantId, props) => { 10193 const variantKey = String(variantId) 10194 const current = expectedPropsByVariant.get(variantKey) || {} 10195 const next = { ...current } 10196 Object.keys(props || {}).forEach((key) => { 10197 const value = props[key] 10198 if (value === '' || value === null || value === undefined) { 10199 delete next[key] 10200 } else { 10201 next[key] = value 10202 } 10203 }) 10204 expectedPropsByVariant.set(variantKey, next) 10205 } 10206 const removeExpectedProp = (variantId, propName) => { 10207 const variantKey = String(variantId) 10208 const current = expectedPropsByVariant.get(variantKey) 10209 if (!current) return 10210 delete current[propName] 10211 expectedPropsByVariant.set(variantKey, current) 10212 } 10213 10214 function redirectToCheckoutScrapper(checkoutData) { 10215 let url; 10216 let cookies; 10217 if (typeof checkoutData === 'object') { 10218 url = checkoutData.permalink; 10219 deleteCookie('checkout_session_token'); 10220 deleteCookie('checkout_session_lookup'); 10221 deleteCookie('queue_token'); 10222 10223 cookies = checkoutData.cookies;
10224 const pinflagCustomerCookies = [checkoutData.email]; 10225 cookies.map((cookie) => { 10226 var eqPos = cookie.indexOf('='); 10227 var cookieName = eqPos > -1 ? cookie.substr(0, eqPos) : cookie; 10228 if (!document.cookie.includes(`${cookieName}=`) && !cookieName.includes('cart')) { 10229 if (cookie.includes('httpOnly')) { 10230 cookie = cookie.slice(0, -10); 10231 } 10232 if (url.includes('thank_you')) { 10233 document.cookie = cookie; 10234 } else { 10235 pinflagCustomerCookies.push(cookie); 10236 } 10237 } 10238 }); 10239 localStorage.setItem('pinflagCustomer', pinflagCustomerCookies.join('--pinflag--')); 10240 } else { 10241 url = checkoutData; 10242 } 10243 if (!isSafeRedirectUrl(url)) return; 10244 window.location.replace(url); 10245 } 10246 10247 const checkMultiOrigin = async (cart) => { 10248 try { 10249 const items = cart.items.map(item => ({ variantId: item.variant_id, sku: item.sku })) 10250 const response = await axios.post( 10251 INVENTORY_LOCATIONS_URL, 10252 { 10253 variantIds: items.map(item => item.variantId), 10254 cartId: cart.token, 10255 items, 10256 cartTotalPrice: cart.total_price / 100, 10257 cartTotalWeight: Math.ceil(cart.total_weight / 1000), 10258 }, 10259 { headers: getPinflagAuthHeaders() } 10260 ) 10261 return response.data 10262 } catch (error) { 10263 console.log('error checking multi-origin', error) 10264 return { isMultiOrigin: false, items: {} } 10265 } 10266 } 10267
10268 const setCartItemsProperties = async (cartItems, extraProperties) => { 10269 for (let i = 0; i < cartItems.length; i++) { 10270 const item = cartItems[i] 10271 const prevProperties = item.properties || {} 10272 const properties = { 10273 ...prevProperties, 10274 ...extraProperties(item), 10275 } 10276 await axios.post(window.Shopify.routes.root + 'cart/change.js', { 10277 line: i + 1, 10278 quantity: item.quantity, 10279 properties, 10280 }) 10281 } 10282 await axios.post(window.Shopify.routes.root + 'cart/update.js', {}) 10283 } 10284 10285 const getMultiOriginData = async (cart) => { 10286 if (!FORUS_HOSTS.some(host => window.location.host.includes(host))) return null 10287 try { 10288 const multiOriginData = await checkMultiOrigin(cart) 10289 return multiOriginData.isMultiOrigin ? multiOriginData : null 10290 } catch (error) { 10291 console.log('error checking multi-origin', error) 10292 return null 10293 } 10294 } 10295 10296 const buildMultiOriginProperties = (cart, multiOriginData) => { 10297 if (!multiOriginData) return null 10298 const cartTotalWeight = Math.ceil(cart.total_weight / 1000) 10299 const cartTotalPrice = cart.total_price / 100 10300 return cart.items.map(item => ({ 10301 variant_id: item.variant_id, 10302 properties: { 10303 _cart_total_price: cartTotalPrice, 10304 _cart_total_weight: cartTotalWeight, 10305 _multi_origin: multiOriginData.items?.[item.variant_id] || 'calculate', 10306 } 10307 })) 10308 } 10309 10310 const STOCK_ORIGIN_PROPERTY = '_stock_origin' 10311 10312 const formatStockOriginSection = (qty, warehouse) => ( 10313 warehouse 10314 ? { qty, storeId: warehouse.storeId, shopifyId: warehouse.shopifyId } 10315 : { qty } 10316 ) 10317 10318 const buildStockOriginProperty = (sku, storeItems, cdItems, storeWarehouse, cdWarehouse) => { 10319 const storeQty = storeItems.find(s => s.sku === sku)?.quantity || 0 10320 const cdQty = cdItems.find(s => s.sku === sku)?.quantity || 0 10321 const origin = {} 10322 if (storeQty > 0) origin.store = formatStockOriginSection(storeQty, storeWarehouse) 10323 if (cdQty > 0) origin.cd = formatStockOriginSection(cdQty, cdWarehouse) 10324 return Object.keys(origin).length ? JSON.stringify(origin) : '' 10325 } 10326 10327 const buildStockOriginIframeUpdate = (cartItems, valueByItem) => ( 10328 cartItems.map(item => ({ 10329 variant_id: item.variant_id, 10330 properties: { [STOCK_ORIGIN_PROPERTY]: valueByItem.get(item) } 10331 })) 10332 ) 10333 10334 const setStockOriginProperties = (message) => enqueueCartWrite(async () => { 10335 const { storeItems = [], cdItems = [], storeWarehouse, cdWarehouse } = message || {} 10336 try { 10337 const cart = (await getCartData()).data 10338 const newValueByItem = new Map( 10339 cart.items.map(item => [ 10340 item, 10341 buildStockOriginProperty(item.sku, storeItems, cdItems, storeWarehouse, cdWarehouse) 10342 ]) 10343 ) 10344 cart.items.forEach(item => recordExpectedProps(item.variant_id, { 10345 [STOCK_ORIGIN_PROPERTY]: newValueByItem.get(item) 10346 })) 10347 const needsUpdate = cart.items.some( 10348 item => newValueByItem.get(item) !== (item.properties?.[STOCK_ORIGIN_PROPERTY] || '') 10349 ) 10350 if (!needsUpdate) return 10351
10352 await setCartItemsProperties(cart.items, (item) => ({ 10353 [STOCK_ORIGIN_PROPERTY]: newValueByItem.get(item) 10354 })) 10355 sendCartItemsProperties(buildStockOriginIframeUpdate(cart.items, newValueByItem)) 10356 } catch (error) { 10357 console.log('error setting stock origin properties', error) 10358 } 10359 }) 10360 10361 const sendCartItemsProperties = (itemsProperties) => { 10362 const pinmap = document.getElementById(pmpIframeIdv1) 10363 if (!pinmap?.contentWindow) return 10364 pinmap.contentWindow.postMessage({ 10365 type: 'update-cart-items-properties', 10366 origin: window.location.host, 10367 message: { itemsProperties }, 10368 cms: 'shopify', 10369 }, '*') 10370 } 10371 10372 const processMultiOriginInBackground = async (cart) => { 10373 const multiOriginData = await getMultiOriginData(cart) 10374 const itemsProperties = buildMultiOriginProperties(cart, multiOriginData) 10375 if (itemsProperties) { 10376 sendCartItemsProperties(itemsProperties) 10377 } 10378 } 10379 10380 const redirectToCheckout = async (urlShopify) => { 10381 await removeNoteAttributesPixelPinflag() 10382 if (urlShopify.email) { 10383 redirectToCheckoutScrapper(urlShopify); 10384 return; 10385 } 10386 const correctUrl = new URL(urlShopify); 10387 correctUrl.hostname = window.location.host; 10388 const url = correctUrl.href; 10389 10390 let limit = 0; 10391 const fetchUrl = () => { 10392 fetch(url) 10393 .then((res) => res.text()) 10394 .then((res) => { 10395 if (res.includes('<!DOCTYPE html>')) { 10396 window.location.replace(url); 10397 clearInterval(interval); 10398 } 10399 if (limit === LIMIT_GET_URL) { 10400 window.location.replace('/checkout'); 10401 clearInterval(interval); 10402 } 10403 }) 10404 .catch((err) => { 10405 window.location.replace('/checkout'); 10406 console.error(err); 10407 }); 10408 limit += 1; 10409 }; 10410 const interval = setInterval(fetchUrl, 1500); 10411 fetchUrl(); 10412 }; 10413 10414 const removeNoteAttributesPixelPinflag = async () => { 10415 try { 10416 const response = await getCartData() 10417 const cartAttributes = response.data.attributes || {} 10418 if (cartAttributes.pixelPinflag) { 10419 cartAttributes.pixelPinflag = '' 10420 } 10421 await axios.post(window.Shopify.routes.root + 'cart/update.js', { 10422 attributes: cartAttributes 10423 }) 10424 } catch (error) { 10425 console.error('error', error) 10426 } 10427 } 10428 10429 function iframeLoaded(isCorrect, nativeTrackingData) { 10430 localStorage?.setItem('availableCheckoutPinmap', isCorrect); 10431 if (pinmapReadyRescueId) clearTimeout(pinmapReadyRescueId); 10432 10433 if (nativeTrackingData) { 10434 const { companyName, cms } = nativeTrackingData 10435 localStorage?.setItem(NATIVE_TRACKING_DATA_STORAGE_KEY, JSON.stringify({ companyName, cms })) 10436 } 10437 10438 const isLorenzodiponttiLoggedIn = window.location.host.includes(LORENZODIPONTTI_HOST) && loggedIn 10439 10440 if (!isCorrect || isLorenzodiponttiLoggedIn) { 10441 localStorage?.setItem('pmpV1IsIframeLoaded', 'not loaded'); 10442 } else { 10443 localStorage?.setItem('pmpV1IsIframeLoaded', 'loaded'); 10444 } 10445 10446 const pinmap = document.getElementById(pmpIframeIdv1) 10447 const pinflagApiKey = getIframeIdentity() 10448 10449 if (companyInfoData) { 10450 sendCompanyInfoToIframe() 10451 } else { 10452 if (pinmap && pinmap.contentWindow) { 10453 pinmap.contentWindow.postMessage({ 10454 type: 'request-company-info', 10455 origin: window.location.host, 10456 pinflagApiKey: pinflagApiKey, 10457 message: true, 10458 cms: 'shopify' 10459 }, '*') 10460 } 10461 10462 setTimeout(() => { 10463 if (companyInfoData) { 10464 sendCompanyInfoToIframe() 10465 } 10466 }, 1000) 10467 } 10468 } 10469 10470 function removeIframe() { 10471 localStorage?.setItem('pmpV1IsIframeLoaded', 'not loaded'); 10472 window.location.replace('/checkout'); 10473 } 10474 10475 function redirectToHome() { 10476 window.location.replace('/'); 10477 } 10478 10479 function redirectToCart() { 10480 window.location.replace('/cart'); 10481 } 10482 10483 // Author: Rosita :) 10484 // Se implementa una función para cerrar el pinmap 10485 function closePinmap() { 10486 document.querySelector(pmpModalOverlayClassv1).classList.remove('overlay--active'); 10487 unlockBodyScroll(document.querySelector('body')); 10488 checkAbandonedCheckoutCookie(); 10489 } 10490 10491 // author: rosita 10492 // se hace update de las cantidades de lo productos del cart 10493 const updateCart = async (data) => { 10494 const { key, quantity } = data; 10495 axios 10496 .post(window.Shopify.routes.root + 'cart/change.js', { 10497 id: key.toString(), 10498 quantity, 10499 }) 10500 .then((res) => { 10501 sendUpdatedCartInfo(res.data, key); 10502 }) 10503 .catch((err) => { 10504 console.log('error', err); 10505 sendUpdatedCartInfo(err.response.data, key); 10506 }); 10507 }; 10508 10509 const sendUpdatedCartInfo = (data, key) => { 10510 const pinmap = document.getElementById(pmpIframeIdv1); 10511 if (data.status) { 10512 pinmap.contentWindow.postMessage( 10513 { 10514 type: 'update-info-cart', 10515 origin: window.location.host, 10516 message: { error: data.message }, 10517 cms: 'shopify', 10518 }, 10519 '*' 10520 ); 10521 } else { 10522 pinmap.contentWindow.postMessage( 10523 { 10524 type: 'update-info-cart', 10525 origin: window.location.host, 10526 message: data, 10527 cms: 'shopify', 10528 }, 10529 '*' 10530 ); 10531 } 10532 }; 10533 10534 const setABTestCookie = () => { 10535 document.cookie = 'checkout_origin=pinmap pro;path=/'; 10536 }; 10537 10538 const emptyCart = async () => { 10539 try { 10540 await axios.post(window.Shopify.routes.root + 'cart/clear.js', {}) 10541 deleteHttpOnlyCookie('cart') 10542 } catch (err) { 10543 console.log('error', err) 10544 } 10545 } 10546 10547 function setCookie(name, value) { 10548 let expires = ""; 10549 let date = new Date(); 10550 date.setTime(date.getTime() + (60 * 60 * 1000)); // 1 hour 10551 expires = "; expires=" + date.toUTCString(); 10552 document.cookie = name + "=" + encodeURIComponent(value) + expires + "; path=/"; 10553 } 10554 10555 function encodePendingStateIds(stateIds) { 10556 return btoa(JSON.stringify(stateIds)) 10557 } 10558 10559 function decodePendingStateIds(encoded) { 10560 if (!encoded) return [] 10561 try { 10562 return JSON.parse(atob(encoded)) 10563 } catch (e) { 10564 return [] 10565 } 10566 } 10567 10568 function handleRequestCompanyInfo(eventMessage) { 10569 const pinflagApiKey = getIframeIdentity() 10570 if (eventMessage.pinflagApiKey === pinflagApiKey && companyInfoData) { 10571 const pinmap = document.getElementById(pmpIframeIdv1) 10572 if (pinmap && pinmap.contentWindow) { 10573 const companyInfoToSend = prepareCompanyInfo() 10574 if (companyInfoToSend) { 10575 pinmap.contentWindow.postMessage({ 10576 type: 'response-company-info', 10577 origin: window.location.host, 10578 pinflagApiKey: pinflagApiKey, 10579 message: companyInfoToSend, 10580 cms: 'shopify' 10581 }, '*') 10582 } 10583 } 10584 } 10585 } 10586 10587 function handleResponseCompanyInfo(eventMessage) { 10588 const pinflagApiKey = getIframeIdentity() 10589 if (eventMessage?.pinflagApiKey === pinflagApiKey && eventMessage.message && !companyInfoData) { 10590 const originalFormat = transformToOriginalFormat(eventMessage.message) 10591 companyInfoData = originalFormat 10592 sendCompanyInfoToIframe() 10593 } 10594 } 10595 10596 const isSafeRedirectUrl = (url) => { 10597 try { 10598 const protocol = new URL(url, window.location.origin).protocol 10599 return protocol === 'https:' || protocol === 'http:' 10600 } catch (error) { 10601 return false 10602 } 10603 } 10604 10605 const redirectToUrl = ({ url, stateId, loaderData }) => { 10606 if (!isSafeRedirectUrl(url)) return 10607 const pendingStateIds = decodePendingStateIds(getCookie('pinflagPaymentRedirect')) 10608 pendingStateIds.push(stateId)
10609 setCookie('pinflagPaymentRedirect', JSON.stringify(encodePendingStateIds(pendingStateIds))) 10610 saveRedirectLoaderData(loaderData) 10611 window.location.href = url 10612 } 10613 10614 function messageHandler(eventMessage) { 10615 if (eventMessage.type === 'request-company-info') { 10616 return handleRequestCompanyInfo(eventMessage); 10617 } 10618 if (eventMessage.type === 'response-company-info') { 10619 return handleResponseCompanyInfo(eventMessage); 10620 } 10621 if (eventMessage.type === 'receive-checkout-id') { 10622 return setPinmapProCheckoutId(eventMessage.message); 10623 } 10624 if (eventMessage.type === 'redirect-to-checkout') { 10625 return redirectToCheckout(eventMessage.message); 10626 } 10627 if (eventMessage.type === 'iframe-loaded') { 10628 return iframeLoaded(eventMessage.message, eventMessage.extraData); 10629 } 10630 if (eventMessage.type === 'session-received') { 10631 return confirmIframeSession(); 10632 } 10633 if (eventMessage.type === 'remove-iframe') { 10634 return removeIframe(); 10635 } 10636 if (eventMessage.type === 'redirect-to-home') { 10637 return redirectToHome(); 10638 } 10639 if (eventMessage.type === 'redirect-to-cart') { 10640 return redirectToCart(); 10641 } 10642 if (eventMessage.type === 'ga-opened-pinmap') { 10643 return pushOpenedPinmap(); 10644 } 10645 if (eventMessage.type === 'ga-event-completed-user-info') { 10646 return pushFormEvent(); 10647 } 10648 if (eventMessage.type === 'ga-event-go-payment') { 10649 setABTestCookie(); 10650 return pushPayEvent(); 10651 } 10652 if (eventMessage.type === 'ga-event-completed-payment_selection') { 10653 return pushCompletedPaySelectionEvent(); 10654 } 10655 if (eventMessage.type === 'close-iframe') { 10656 return closePinmap(); 10657 } 10658 if (eventMessage.type === 'update-cart') { 10659 return updateCart(eventMessage.message); 10660 } 10661 if (eventMessage.type === 'payment-success') { 10662 return emptyCart() 10663 } 10664 if (eventMessage.type === 'gateway-redirect') { 10665 return redirectToUrl(eventMessage.message) 10666 } 10667 if (eventMessage.type === 'set-stock-origin-properties') { 10668 return setStockOriginProperties(eventMessage.message) 10669 } 10670 if (eventMessage.type === 'request-parent-url') { 10671 const pinmap = document.getElementById(pmpIframeIdv1) 10672 pinmap.contentWindow.postMessage({ 10673 type: "receive-parent-url", 10674 origin: window.location.host, 10675 message: { currentUrl: window.location.host }, 10676 cms: 'shopify' 10677 }, '*') 10678 } 10679 } 10680 10681 const updateHeaderSection = (headerContent) => { 10682 // HeaderContent should be an html string 10683 try { 10684 if (!headerContent) { 10685 // Find #CartCount and update it 10686 const cartCount = document.getElementById('CartCount'); 10687 const currentCartCount = parseInt(cartCount.innerHTML); 10688 cartCount.innerHTML = currentCartCount + 1; 10689 return; 10690 } 10691 // Convert the string to a DOM element 10692 const temp = document.createElement('div'); 10693 temp.innerHTML = headerContent; 10694 // Inside this element, find the header section 10695 const newHeader = temp.querySelector('header'); 10696 // Replace the header section with the new one (find the html and replace it) 10697 const headerSelector = newHeader.id 10698 ? `#${newHeader.id}` 10699 : newHeader.class 10700 ? `.${newHeader.class}`.replace(' ', '.') 10701 : 'header'; 10702 let originalHeader = document.querySelector(headerSelector); 10703 // If is more than one header, get the first one 10704 if (originalHeader && originalHeader.length > 1) { 10705 originalHeader = originalHeader[0]; 10706 } 10707 if (originalHeader) { 10708 originalHeader.innerHTML = newHeader.innerHTML; 10709 } 10710 } catch (error) { 10711 console.log('No fue posible actualizar el header:', error) 10712 } 10713 }; 10714 10715 const getCookies = () => { 10716 const cookies = document.cookie 10717 .split(';')
10718 .filter((cookie) => !cookie.includes('checkout') && !cookie.includes('queue')) 10719 .map((cookie) => { 10720 const [name, value] = cookie.split('=').map((c) => c.trim()); 10721 return { name, value }; 10722 }); 10723 return cookies; 10724 }; 10725 10726 const waitForAxios = () => { 10727 if (typeof axios !== 'undefined') return Promise.resolve() 10728 return new Promise((resolve, reject) => { 10729 let attempts = 0 10730 const maxAttempts = 10 10731 10732 const interval = setInterval(() => { 10733 if (typeof axios !== 'undefined') { 10734 clearInterval(interval) 10735 resolve() 10736 } 10737 if (attempts >= maxAttempts) { 10738 clearInterval(interval) 10739 reject('Axios no cargó') 10740 } 10741 attempts++ 10742 }, 100) 10743 }) 10744 }; 10745 10746 const waitForCheckoutListener = () => { 10747 return new Promise(resolve => { 10748 const handlePong = (event) => { 10749 if (!isTrustedPinmapMessage(event)) return 10750 if (event.data?.type === "ping") { 10751 window.removeEventListener("message", handlePong) 10752 resolve(true) 10753 } 10754 } 10755 window.addEventListener("message", handlePong) 10756 }) 10757 } 10758 10759 const closeOpusCart = () => { 10760 querySelectorInShadow(OPUS_CLOSE_BUTTON_SELECTOR)[0]?.click() 10761 } 10762 10763 const closeRebuyCart = () => { 10764 if (window.Rebuy?.SmartCart?.hide) { 10765 window.Rebuy.SmartCart.hide() 10766 } else { 10767 document.querySelector('#rebuy-cart-close')?.click() 10768 } 10769 } 10770 10771 const closeCartDrawerApp = () => { 10772 document.querySelector('#cart-drawer-app .cd-cart-close-button')?.click() 10773 } 10774 10775 const displayPinmap = async () => { 10776 const body = document.querySelector('body') 10777 const logoUrl = document.querySelector('header > a > img')?.src 10778 10779 let cart 10780 try { 10781 const res = await getCartData() 10782 cart = res.data 10783 } catch (err) { 10784 removeIframe() 10785 console.error(err) 10786 return 10787 } 10788 10789 const usePinmap = localStorage?.getItem('pmpV1IsIframeLoaded') 10790 const trackingData = JSON.parse(localStorage?.getItem(NATIVE_TRACKING_DATA_STORAGE_KEY) || '{}') 10791 10792 if (usePinmap === 'not loaded' || !isIframeIdentified) { 10793 await getMultiOriginData(cart) 10794 await sessionPromise 10795 fetch(TRACKING_PINMAP_URL, { 10796 method: 'POST', 10797 headers: { 10798 'Content-Type': 'application/json', 10799 ...getPinflagAuthHeaders() 10800 }, 10801 body: JSON.stringify({ 10802 id: cart?.token, 10803 storeName: trackingData?.companyName, 10804 timeOpenFirstStep: new Date(), 10805 cms: trackingData.cms, 10806 checkoutUsed: 'native', 10807 cartData: cart, 10808 pinflagApiKey: getPinflagIdentity(), 10809 device: navigator.userAgent, 10810 maxTouchPoints: navigator.maxTouchPoints, 10811 wasPinmapLeak: false 10812 }) 10813 }) 10814 .catch(err => console.error('Error enviando pinmap tracking:', err)) 10815 10816 await new Promise(resolve => setTimeout(resolve, 300)) 10817 return window.location.replace('/checkout') 10818 } 10819 10820 processMultiOriginInBackground(cart) 10821 10822 try { 10823 const totalWeight = cart.total_weight 10824 sendCartData({ 10825 cartItems: cart.items, 10826 cartToken: cart.token, 10827 checkoutId: getPinmapProCheckoutId(), 10828 logoUrl, 10829 totalWeight, 10830 cookies: getCookies() 10831 }) 10832 applyRealMobileViewportBox() 10833 lockBodyScroll(body) 10834 localStorage.setItem('pinmap_flow', 'start') 10835 closeOpusCart() 10836 closeRebuyCart() 10837 closeCartDrawerApp() 10838 document.querySelector(`${pmpModalOverlayClassv1}`).classList.add('overlay--active') 10839 } catch (err) { 10840 unlockBodyScroll(body) 10841 removeIframe() 10842 console.error(err) 10843 } 10844 }; 10845 10846 const displayPinmapRedirect = async () => { 10847 const body = document.querySelector('body') 10848 const logoUrl = document.querySelector('header > a > img')?.src 10849 10850 let cart 10851 try { 10852 const res = await getCartData() 10853 cart = res.data 10854 } catch (err) { 10855 removeIframe() 10856 console.error(err) 10857 return 10858 } 10859 10860 let tries = 0 10861 while (tries < 100) { 10862 tries++ 10863 const usePinmap = localStorage?.getItem('pmpV1IsIframeLoaded') 10864 if (usePinmap === 'loaded') break 10865 await new Promise(resolve => setTimeout(resolve, 100)) 10866 } 10867 10868 try { 10869 const totalWeight = cart.total_weight 10870 sendCartData({ 10871 cartItems: cart.items, 10872 cartToken: cart.token, 10873 checkoutId: getPinmapProCheckoutId(), 10874 logoUrl, 10875 totalWeight, 10876 cookies: getCookies() 10877 }) 10878 applyRealMobileViewportBox() 10879 lockBodyScroll(body) 10880 document.querySelector(`${pmpModalOverlayClassv1}`).classList.add('overlay--active') 10881 } catch (err) { 10882 unlockBodyScroll(body) 10883 removeIframe() 10884 console.error(err) 10885 } 10886 } 10887 10888 function getCookie(name) { 10889 const cookies = document.cookie.split(';') 10890 for (let i = 0; i < cookies.length; i++) { 10891 const cookie = cookies[i].trim(); 10892 if (cookie.startsWith(name + '=')) { 10893 return JSON.parse(decodeURIComponent(cookie.substring(name.length + 1))) 10894 } 10895 } 10896 return null 10897 } 10898 10899 // Function to calculate the closest form based on the DOM tree depth 10900 const findClosestForm = (button, forms) => { 10901 let closestForm = null; 10902 let minDistance = Infinity; 10903
10904 forms.forEach((form) => { 10905 const distance = calculateDistance(button, form); 10906 if (distance < minDistance) { 10907 minDistance = distance; 10908 closestForm = form; 10909 } 10910 }); 10911 10912 return closestForm; 10913 }; 10914 10915 // Function to calculate distance between two elements in the DOM tree 10916 const calculateDistance = (el1, el2) => { 10917 const pathToEl1 = []; 10918 let current = el1; 10919 10920 while (current) { 10921 pathToEl1.push(current); 10922 current = current.parentElement; 10923 } 10924 10925 current = el2; 10926 let commonAncestorIndex = -1; 10927 while (current) { 10928 const index = pathToEl1.indexOf(current); 10929 if (index !== -1) { 10930 commonAncestorIndex = index; 10931 break; 10932 } 10933 current = current.parentElement; 10934 } 10935 10936 return commonAncestorIndex === -1 ? Infinity : commonAncestorIndex; 10937 }; 10938 10939 const removeUrlParams = (paramNames) => { 10940 const url = new URL(window.location.href) 10941 paramNames.forEach((paramName) => url.searchParams.delete(paramName)) 10942 window.history.replaceState({}, document.title, url.toString()) 10943 } 10944 10945 const checkRedirect = () => { 10946 const pendingStateIds = decodePendingStateIds(getCookie('pinflagPaymentRedirect')) 10947 const urlStateId = new URLSearchParams(window.location.search).get('state') 10948 10949 if (!urlStateId || !pendingStateIds.includes(urlStateId)) return null 10950 10951 return { 10952 success: new URLSearchParams(window.location.search).get('success') === 'true', 10953 remainingStateIds: pendingStateIds.filter((stateId) => stateId !== urlStateId) 10954 } 10955 } 10956 10957 const replacePinmapUrlIfRedirect = async () => { 10958 const redirectMatch = checkRedirect() 10959 if (redirectMatch) { 10960 if (redirectMatch.remainingStateIds.length) { 10961 setCookie('pinflagPaymentRedirect', JSON.stringify(encodePendingStateIds(redirectMatch.remainingStateIds))) 10962 } else { 10963 deleteHttpOnlyCookie('pinflagPaymentRedirect') 10964 } 10965 removeUrlParams(['state', 'success']) 10966 const pinmap = document.getElementById(pmpIframeIdv1) 10967 10968 if (pinmap) { 10969 document.querySelector('body').style.overflow = 'hidden' 10970 document.querySelector(pmpModalOverlayClassv1)?.classList.add('overlay--active') 10971 showRedirectSkeleton() 10972 10973 pinmap.onload = async () => { 10974 await waitForAxios() 10975 await displayPinmapRedirect() 10976 await waitForCheckoutListener() 10977 10978 hideRedirectSkeleton() 10979 10980 pinmap.contentWindow.postMessage({ 10981 type: "redirect-ready", 10982 origin: window.location.host, 10983 message: { success: redirectMatch.success }, 10984 cms: 'shopify' 10985 }, '*') 10986 } 10987 } 10988 } 10989 }; 10990 10991 const getAddToCartForm = (formRef) => { 10992 if (formRef) return formRef; 10993 10994 const pinflagButtonsByClass = document.querySelectorAll('.pinflag-pinmap-btn'); 10995 const quickBuyButton = Array.from(pinflagButtonsByClass).find((button) => button.dataset.btn === 'quick-buy'); 10996 10997 if (!quickBuyButton) { 10998 console.error('Quick buy button not found'); 10999 return null; 11000 } 11001 11002 const forms = document.querySelectorAll('form[action="/cart/add"]'); 11003 11004 if (forms.length === 0) { 11005 console.error('No form with action /cart/add found'); 11006 return null; 11007 } 11008 11009 return findClosestForm(quickBuyButton, forms); 11010 }; 11011 11012 const buildAddToCartPayload = (form) => { 11013 const formData = new FormData(form); 11014 if (isDawnPatchHost()) { 11015 formData.append('sections', 'cart-drawer,cart-icon-bubble'); 11016 formData.append('sections_url', window.location.pathname); 11017 } else { 11018 formData.append('sections', 'header'); 11019 } 11020 11021 const formParams = new URLSearchParams(); 11022 for (const [k, v] of formData.entries()) formParams.append(k, v); 11023 11024 return formParams; 11025 }; 11026 11027 const postAddToCart = (formParams) => { 11028 return fetch('/cart/add.js', { 11029 method: 'POST', 11030 body: formParams.toString(), 11031 headers: { 'Content-Type': 'application/x-www-form-urlencoded' }, 11032 credentials: 'same-origin', 11033 }); 11034 }; 11035 11036 const clearAddToCartError = () => { 11037 document.getElementById(PINFLAG_ADD_TO_CART_ERROR_ID)?.remove(); 11038 }; 11039 11040 const showAddToCartError = (form, data) => { 11041 clearAddToCartError(); 11042 11043 const message = document.createElement('div'); 11044 message.setAttribute('id', PINFLAG_ADD_TO_CART_ERROR_ID); 11045 message.setAttribute('role', 'alert'); 11046 message.textContent = data?.description?.trim() || ADD_TO_CART_ERROR_FA
11046LLBACK; 11047 11048 form.insertAdjacentElement('beforeend', message); 11049 message.scrollIntoView({ block: 'nearest', behavior: 'smooth' }); 11050 }; 11051 11052 const addToCart = () => { 11053 // Find pinmap button that has quick-buy data attribute 11054 const form = getAddToCartForm(); 11055 11056 if (!form) { 11057 console.error('No form found'); 11058 return; 11059 } 11060 11061 const formParams = buildAddToCartPayload(form); 11062 11063 clearAddToCartError(); 11064 11065 postAddToCart(formParams) 11066 .then(async (response) => { 11067 const data = await response.json(); 11068 11069 if (!response.ok) { 11070 showAddToCartError(form, data); 11071 return; 11072 } 11073 11074 updateHeaderSection(data?.sections?.header); 11075 displayPinmap(); 11076 }) 11077 .catch((error) => { 11078 console.error('error', error); 11079 showAddToCartError(form); 11080 }); 11081 }; 11082 11083 const addToCartRefreshCart = (formRef) => { 11084 const form = getAddToCartForm(formRef); 11085 11086 if (!form) { 11087 console.error('no /cart/add form found'); 11088 return; 11089 } 11090 11091 const formParams = buildAddToCartPayload(form); 11092 11093 clearAddToCartError(); 11094 11095 return postAddToCart(formParams) 11096 .then(async (response) => { 11097 const data = await response.json(); 11098 11099 if (!response.ok) { 11100 showAddToCartError(form, data); 11101 return null; 11102 } 11103 11104 updateHeaderSection(data?.sections?.header); 11105 displayPinmap(); 11106 11107 return data; 11108 }) 11109 .catch((err) => { 11110 console.error('error:', err); 11111 showAddToCartError(form); 11112 return null; 11113 }); 11114 }; 11115 11116 document.addEventListener('click', function (e) { 11117 const target = e.target.id === OPUS_SHADOW_CONTAINER_ID 11118 ? e.composedPath().find(el => el.id === pmpButtonIdv1 || el.id === pmpButtonIdv1Modal || el.id === pmpCloseButtonIdv1) 11119 : e.target 11120 11121 const pinmapButton = target?.closest(`#${pmpButtonIdv1}, #${pmpButtonIdv1Modal}`) 11122 11123 if (pinmapButton) { 11124 e.preventDefault() 11125 const isQuickBuy = pinmapButton.dataset.btn === 'quick-buy' 11126 isQuickBuy ? addToCart() : displayPinmap() 11127 } 11128 11129 if (target?.id === pmpCloseButtonIdv1) { 11130 closePinmap() 11131 } 11132 }); 11133 11134 document.addEventListener('rebuy:smartcart.show', function () { 11135 const isPinmapOpen = document.querySelector(pmpModalOverlayClassv1)?.classList.contains('overlay--active') 11136 if (isPinmapOpen) { 11137 setTimeout(closeRebuyCart, 0) 11138 } 11139 }); 11140 11141 window.addEventListener('message', function (event) { 11142 if (!isTrustedPinmapMessage(event)) return; 11143 if (event.data?.origin === 'pinflag-shopify-pinmap-pro') { 11144 return messageHandler(event.data); 11145 } 11146 }); 11147 11148 replacePinmapUrlIfRedirect() 11149 }, 11150 false 11151 ); 11152 11153 window.addEventListener('beforeunload', function () { 11154 let pinmap = document.getElementById(pmpIframeIdv1); 11155 pinmap.contentWindow.postMessage( 11156 { 11157 type: 'close-pinmap', 11158 origin: window.location.host, 11159 cms: 'shopify', 11160 }, 11161 '*' 11162 ); 11163 }); 11164 11165 function checkAbandonedCheckoutCookie() { 11166 var cookies = document.cookie.split(';'); 11167 var abandonedCheckoutCookieExists = false; 11168 11169 for (var i = 0; i < cookies.length; i++) { 11170 var cookie = cookies[i].trim(); 11171 11172 if (cookie.indexOf('abandonedCheckout=true') === 0) { 11173 abandonedCheckoutCookieExists = true; 11174 break; 11175 } 11176 } 11177 11178 if (!abandonedCheckoutCookieExists) { 11179 let pinmap = document.getElementById(pmpIframeIdv1); 11180 pinmap.contentWindow.postMessage( 11181 { 11182 type: 'close-pinmap', 11183 origin: window.location.host, 11184 cms: 'shopify', 11185 }, 11186 '*' 11187 ); 11188 11189 var now = new Date(); 11190 var expirationDate = new Date(now.getTime() + 30 * 60 * 1000); // Expires in 30 minutes 11191 document.cookie = 'abandonedCheckout=true; expires=' + expirationDate.toUTCString() + '; path=/'; 11192 } 11193 } 11194 11195 const parsePhone = (phone) => { 11196 const strPhone = phone?.toString(); 11197 if (strPhone?.length > 9) { 11198 return strPhone.replaceAll(' ', '').slice(-9); 11199 } else return strPhone; 11200 }; 11201</script>
11201 11202 11203<style> 11204 11205 11206 /* 11207 11208 ============================================================================ 11209 # Pinflag Styles 11210 ============================================================================== 11211*/ 11212 11213 11214 .pmp-v1-modal--overlay { 11215 transition: opacity 0.2s ease-out; 11216 background: rgba(0, 0, 0, 0.4); 11217 position: fixed; 11218 opacity: 0; 11219 bottom: 0; 11220 right: 0; 11221 left: 0; 11222 top: 0; 11223 padding: 40px 8px 34px; 11224 box-sizing: border-box; 11225 visibility: hidden; 11226 z-index: 2000000000; 11227 transition: visibility 0s 11228 , opacity 0.2s linear; 11229 display: flex; 11230 flex-direction: column; 11231 justify-content: center; 11232 align-items: center; 11233 } 11234 11235 .overlay--active { 11236 opacity: 1; 11237 visibility: visible; 11238 overflow: hidden !important; 11239 } 11240 11241 .pmp-v1-modal--content { 11242 position: relative; 11243 top: 0; 11244 left: 0; 11245 bottom: 0; 11246 right: 0; 11247 min-width: 850px; 11248 min-height: min(580px, calc(100vh - 74px)); 11249 max-height: calc(100vh - 74px); 11250 height: auto; 11251 background: #fff; 11252 position: relative; 11253 border-radius: 1rem; 11254 z-index: 999995; 11255 transition: all 0.05s ease-in; 11256 } 11257 11258 .pmp-v1-modal--content--one-click { 11259 min-height: min(650px, calc(100vh - 74px)); 11260 } 11261 11262 /* Pantallas bajas: el modal usa todo el alto; el cerrar entra para no gastar 40px sobre el */ 11263 @media screen and (min-width: 751px) and (max-height: 700px) { 11264 .pmp-v1-modal--overlay { 11265 padding: 0 8px; 11266 justify-content: flex-start; 11267 } 11268 .pmp-v1-modal--content { 11269 min-height: min(580px, 100vh); 11270 max-height: 100vh; 11271 } 11272 .pmp-v1-modal--content--one-click { 11273 min-height: min(650px, 100vh); 11274 } 11275 .pmp-v1-modal--content .pmp-v1-modal--close { 11276 top: 8px; 11277 right: 8px; 11278 z-index: 1; 11279 } 11280 .pmp-v1-modal--close svg { 11281 fill: #4a5568; 11282 } 11283 .pinflag-attribution { 11284 display: none; 11285 } 11286 } 11287 11288 @media screen and (max-width: 750px) { 11289 .pmp-v1-modal--content { 11290 position: initial; 11291 width: 100%; 11292 min-width: 0; 11293 height: 100vh; 11294 height: 100dvh; 11295 border-radius: 0; 11296 } 11297 .pmp-v1-modal--overlay { 11298 top: 0; 11299 height: 100vh; 11300 height: 100dvh; 11301 padding: 0; 11302 background-color: white; 11303 } 11304 #pinmap-pro-close { 11305 display: none; 11306 } 11307 #pinflag-pinmap-pro-v1 { 11308 border-radius: 0; 11309 } 11310 } 11311 11312 .iframe-pinflag { 11313 border: none; 11314 border-radius: 1rem; 11315 } 11316 11317 .pmp-v1-modal--close { 11318 all: unset; 11319 position: absolute; 11320 top: -30px; 11321 right: 0; 11322 background-color: transparent; 11323 border: none; 11324 width: auto !important; 11325 cursor: pointer; 11326 } 11327 11328 .lds-ring { 11329 display: inline-block; 11330 position: relative; 11331 width: 40px; 11332 height: 20px; 11333 } 11334 .lds-ring div { 11335 box-sizing: border-box; 11336 display: block; 11337 position: absolute; 11338 width: 20px; 11339 height: 20px; 11340 border: 3px solid #fff; 11341 border-radius: 50%; 11342 animation: lds-ring 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite; 11343 border-color: #fff transparent transparent transparent; 11344 } 11345 .lds-ring div:nth-child(1) { 11346 animation-delay: -0.45s; 11347 } 11348 .lds-ring div:nth-child(2) { 11349 animation-delay: -0.3s; 11350 } 11351 .lds-ring div:nth-child(3) { 11352 animation-delay: -0.15s; 11353 } 11354 11355 #pinflag-pinmap-pro-v1 { 11356 position: absolute; 11357 top: 0; 11358 left: 0; 11359 bottom: 0; 11360 right: 0; 11361 width: 100%; 11362 height: 100%; 11363 border: none; 11364 border-radius: 1rem; 11365 } 11366 11367 @keyframes lds-ring { 11368 0% { 11369 transform: rotate(0deg); 11370 } 11371 100% { 11372 transform: rotate(360deg); 11373 } 11374 } 11375 11376 @media screen and (max-width: 910px) { 11377 .pinflag-modal--content, 11378 .pinmap-modal--content, 11379 .pmp-modal--content { 11380 position: fixed; 11381 width: 103vw; 11382 height: 103vh; 11383 top: -5px; 11384 bottom: 0; 11385 right: 0; 11386 left: -5px; 11387 background: #fff; 11388 z-index: 999995; 11389 overflow: hidden; 11390 border-radius: 0 !important; 11391 } 11392 .pinflag-modal--close, 11393 .pinmap-modal--close, 11394 .pmp-modal--close { 11395 top: 20px; 11396 right: 20px; 11397 } 11398 } 11399 11400 .pinflag-attribution { 11401 color: #fff; 11402 position: absolute; 11403 bottom: -30px; 11404 right: 0; 11405 } 11406 11407 #pinflag-add-to-cart-error { 11408 margin-top: 10px; 11409 padding: 10px 12px; 11410 border: 1px solid #e0b4b4; 11411 border-radius: 6px; 11412 background-color: #fdf2f2; 11413 color: #9f3a38; 11414 font-size: 14px; 11415 line-height: 1.4; 11416 text-align: center; 11417 } 11418</style> 11419<!-- END app snippet --> 11420</div><div id="shopify-block-AaEUydHg2TGUvMnVpN__3237663295952109972" class="shopify-block shopify-app-block"><div 11421 class="stock-locator stock-locator--align-left" 11422 data-stock-locator 11423 data-block-id="AaEUydHg2TGUvMnVpN__3237663295952109972" 11424 data-show-cd="false" 11425 data-anchor="variant-selects" 11426 data-position="after" 11427 hidden 11428 > 11429 <button 11430 class="stock-locator__trigger" 11431 type="button" 11432 aria-haspopup="dialog" 11433 data-stock-locator-trigger 11434 > 11435 Ver disponibilidad en tiendas 11436 </button> 11437 11438
11438<script type="application/json" data-stock-drawer-variants>[{"id":47514351141038,"size":"Talla Ãnica","sku":"5339581","available":true}]</script>
11438 11439 11440 <div class="stock-drawer" data-stock-drawer="AaEUydHg2TGUvMnVpN__3237663295952109972" aria-hidden="true"> 11441 <div class="stock-drawer__backdrop" data-stock-drawer-backdrop></div> 11442 11443 <div 11444 class="stock-drawer__panel" 11445 role="dialog" 11446 aria-modal="true" 11447 aria-labelledby="stock-drawer-title-AaEUydHg2TGUvMnVpN__3237663295952109972" 11448 > 11449 <div class="stock-drawer__header"> 11450 <button 11451 type="button" 11452 class="stock-drawer__back" 11453 data-stock-drawer-back 11454 hidden 11455 aria-label="Elegir otra talla" 11456 > 11457 <svg width="20" height="20" viewBox="0 0 24 24" fill="none" aria-hidden="true"> 11458 <path d="M15 18l-6-6 6-6" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/> 11459 </svg> 11460 <span>Elegir otra talla</span> 11461 </button> 11462 11463 <div 11464 id="stock-drawer-title-AaEUydHg2TGUvMnVpN__3237663295952109972" 11465 class="stock-drawer__title" 11466 data-stock-drawer-title 11467 > 11468 Elige tu talla 11469 </div> 11470 11471 <button type="button" class="stock-drawer__close" data-stock-drawer-close aria-label="Cerrar"> 11472 <svg width="18" height="18" viewBox="0 0 24 24" fill="none" aria-hidden="true"> 11473 <path d="M18 6L6 18M6 6l12 12" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/> 11474 </svg> 11475 </button> 11476 </div> 11477 11478 <div class="stock-drawer__meta" data-stock-drawer-meta hidden> 11479 <p><strong>Talla:</strong> <span data-stock-drawer-meta-size></span></p> 11480 <p><strong>Sku:</strong> <span data-stock-drawer-meta-sku></span></p> 11481 </div> 11482 11483 <div class="stock-drawer__body"> 11484 <div class="stock-drawer__sizes" data-stock-drawer-sizes></div> 11485 11486 <div class="stock-drawer__results" data-stock-drawer-results hidden> 11487 <p class="stock-drawer__loading" data-stock-drawer-loading hidden>Buscando disponibilidad...</p> 11488 <p class="stock-drawer__error" data-stock-drawer-error hidden></p><div class="stock-drawer__search" data-stock-drawer-search-wrap hidden> 11489 <input 11490 type="search" 11491 class="stock-drawer__search-input" 11492 placeholder="Buscar sucursal" 11493 data-stock-drawer-search 11494 > 11495 <button type="button" class="stock-drawer__search-btn" aria-label="Buscar" data-stock-drawer-search-btn> 11496 <svg width="16" height="16" viewBox="0 0 24 24" fill="none" aria-hidden="true"> 11497 <circle cx="11" cy="11" r="7" stroke="currentColor" stroke-width="2"/> 11498 <path d="M21 21l-4.35-4.35" stroke="currentColor" stroke-width="2" stroke-linecap="round"/> 11499 </svg> 11500 </button> 11501 </div> 11502 <ul class="stock-drawer__list" data-stock-drawer-list></ul> 11503 </div> 11504 </div> 11505 </div> 11506 </div> 11507 </div> 11508</div>
11508<script src="https://cdn.shopify.com/storefront/standard-actions.js" type="module" data-source-attribution="shopify.standard_actions"></script>
11508 11509</body> 11510</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.