1<!doctype html> 2<html class="no-js" lang="en" dir="ltr"> 3 <head> 4 5 6 7
7<script> 8 window.dataLayer = window.dataLayer || []; 9 function gtag() { 10 dataLayer.push(arguments); 11 } 12 gtag("consent", "default", { 13 ad_storage: "denied", 14 ad_user_data: "denied", 15 ad_personalization: "denied", 16 analytics_storage: "denied", 17 functionality_storage: "denied", 18 personalization_storage: "denied", 19 security_storage: "granted", 20 wait_for_update: 2000, 21 }); 22 gtag("set", "ads_data_redaction", true); 23 gtag("set", "url_passthrough", true); 24 </script>
24 25 26 <!-- Google Tag Manager --> 27
27<script>
vendor: 351 bytes, lines 27-31
27(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start': 28 new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0], 29 j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src= 30 'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f); 31 })(window,document,'script','dataLayer','
31GTM-T5R8X34
vendor: 3 bytes, line 31
31');
31</script>
31 32 <!-- End Google Tag Manager --> 33 <!-- cookieyes banner
33<script id="cookieyes" type="text/javascript" src="https://cdn-cookieyes.com/common/shopify.js"></script>
33
33<script id="cookieyes" type="text/javascript" src="https://cdn-cookieyes.com/client_data/4f266f81bec912904a659c43/script.js"></script>
33 --> 34 35 36 37 <meta charset="utf-8"> 38 <meta http-equiv="X-UA-Compatible" content="IE=edge"> 39 <meta name="viewport" content="width=device-width,initial-scale=1"> 40 <meta name="theme-color" content=""><link rel="canonical" href="https://vbarbershop.com/products/vs-shaving-face-essentials-kit"> 41 <link rel="preconnect" href="https://cdn.shopify.com" crossorigin> 42 43 <style> 44 /* 45 * The Typekit service used to deliver this font or fonts for use on websites 46 * is provided by Adobe and is subject to these Terms of Use 47 * http://www.adobe.com/products/eulas/tou_typekit. For font license 48 * information, see the list below. 49 * 50 * brandon-grotesque: 51 * - http://typekit.com/eulas/0000000000000000000132df 52 * - http://typekit.com/eulas/0000000000000000000132e0 53 * - http://typekit.com/eulas/0000000000000000000132e3 54 * - http://typekit.com/eulas/0000000000000000000132e4 55 * - http://typekit.com/eulas/000000000000000077359df6 56 * 57 * © 2009-2026 Adobe Systems Incorporated. All Rights Reserved. 58 */ 59/*{"last_published":"2024-08-01 23:22:11 UTC"}*/ 60 61@import url("https://p.typekit.net/p.css?s=1&k=mmq6txf&ht=tk&f=10294.10295.10296.10297.10304&a=17457900&app=typekit&e=css"); 62 63@font-face { 64font-family:"brandon-grotesque"; 65src:url("https://use.typekit.net/af/1da05b/0000000000000000000132df/27/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n4&v=3") format("woff2"),url("https://use.typekit.net/af/1da05b/0000000000000000000132df/27/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n4&v=3") format("woff"),url("https://use.typekit.net/af/1da05b/0000000000000000000132df/27/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n4&v=3") format("opentype"); 66font-display:auto;font-style:normal;font-weight:400;font-stretch:normal; 67} 68 69@font-face { 70font-family:"brandon-grotesque"; 71src:url("https://use.typekit.net/af/32d3ee/0000000000000000000132e0/27/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i4&v=3") format("woff2"),url("https://use.typekit.net/af/32d3ee/0000000000000000000132e0/27/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i4&v=3") format("woff"),url("https://use.typekit.net/af/32d3ee/0000000000000000000132e0/27/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i4&v=3") format("opentype"); 72font-display:auto;font-style:italic;font-weight:400;font-stretch:normal; 73} 74 75@font-face { 76font-family:"brandon-grotesque"; 77src:url("https://use.typekit.net/af/8f4e31/0000000000000000000132e3/27/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n7&v=3") format("woff2"),url("https://use.typekit.net/af/8f4e31/0000000000000000000132e3/27/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n7&v=3") format("woff"),url("https://use.typekit.net/af/8f4e31/0000000000000000000132e3/27/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n7&v=3") format("opentype"); 78font-display:auto;font-style:normal;font-weight:700;font-stretch:normal; 79} 80 81@font-face { 82font-family:"brandon-grotesque"; 83src:url("https://use.typekit.net/af/383ab4/0000000000000000000132e4/27/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i7&v=3") format("woff2"),url("https://use.typekit.net/af/383ab4/0000000000000000000132e4/27/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i7&v=3") format("woff"),url("https://use.typekit.net/af/383ab4/0000000000000000000132e4/27/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i7&v=3") format("opentype"); 84font-display:auto;font-style:italic;font-weight:700;font-stretch:normal; 85} 86 87@font-face { 88font-family:"brandon-grotesque"; 89src:url("https://use.typekit.net/af/257c86/000000000000000077359df6/30/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n9&v=3") format("woff2"),url("https://use.typekit.net/af/257c86/000000000000000077359df6/30/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n9&v=3") format("woff"),url("https://use.typekit.net/af/257c86/000000000000000077359df6/30/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n9&v=3") format("opentype"); 90font-display:auto;font-style:normal;font-weight:900;font-stretch:normal; 91} 92 93.tk-brandon-grotesque { font-family: "brandon-grotesque",sans-serif; } 94</style> 95 96 97 98<style> 99/* RQ! added this for initial load STARTS */ 100body, 101a, 102.field, 103.field__input, 104.select__select, 105.customer .field input, 106.customer select, 107.spr-form-input { 108 font-family: "brandon-grotesque"; 109} 110/* RQ! added this for initial load ENDS */@font-face { 111 font-family: Cabin; 112 font-weight: 400; 113 font-style: normal; 114 font-display: swap; 115 src: url("//vbarbershop.com/cdn/fonts/cabin/cabin_n4.cefc6494a78f87584a6f312fea532919154f66fe.woff2") format("woff2"), 116 url("//vbarbershop.com/cdn/fonts/cabin/cabin_n4.8c16611b00f59d27f4b27ce4328dfe514ce77517.woff") format("woff"); 117} 118@font-face { 119 font-family: Cabin; 120 font-weight: 700; 121 font-style: normal; 122 font-display: swap; 123 src: url("//vbarbershop.com/cdn/fonts/cabin/cabin_n7.255204a342bfdbc9ae2017bd4e6
123a90f8dbb2f561.woff2") format("woff2"), 124 url("//vbarbershop.com/cdn/fonts/cabin/cabin_n7.e2afa22a0d0f4b64da3569c990897429d40ff5c0.woff") format("woff"); 125} 126@font-face { 127 font-family: Cabin; 128 font-weight: 400; 129 font-style: italic; 130 font-display: swap; 131 src: url("//vbarbershop.com/cdn/fonts/cabin/cabin_i4.d89c1b32b09ecbc46c12781fcf7b2085f17c0be9.woff2") format("woff2"), 132 url("//vbarbershop.com/cdn/fonts/cabin/cabin_i4.0a521b11d0b69adfc41e22a263eec7c02aecfe99.woff") format("woff"); 133} 134@font-face { 135 font-family: Cabin; 136 font-weight: 700; 137 font-style: italic; 138 font-display: swap; 139 src: url("//vbarbershop.com/cdn/fonts/cabin/cabin_i7.ef2404c08a493e7ccbc92d8c39adf683f40e1fb5.woff2") format("woff2"), 140 url("//vbarbershop.com/cdn/fonts/cabin/cabin_i7.480421791818000fc8a5d4134822321b5d7964f8.woff") format("woff"); 141} 142@font-face { 143 font-family: Cabin; 144 font-weight: 500; 145 font-style: normal; 146 font-display: swap; 147 src: url("//vbarbershop.com/cdn/fonts/cabin/cabin_n5.0250ac238cfbbff14d3c16fcc89f227ca95d5c6f.woff2") format("woff2"), 148 url("//vbarbershop.com/cdn/fonts/cabin/cabin_n5.46470cf25a90d766aece73a31a42bfd8ef7a470b.woff") format("woff"); 149} 150@font-face { 151 font-family: Cabin; 152 font-weight: 600; 153 font-style: normal; 154 font-display: swap; 155 src: url("//vbarbershop.com/cdn/fonts/cabin/cabin_n6.c6b1e64927bbec1c65aab7077888fb033480c4f7.woff2") format("woff2"), 156 url("//vbarbershop.com/cdn/fonts/cabin/cabin_n6.6c2e65d54c893ad9f1390da3b810b8e6cf976a4f.woff") format("woff"); 157} 158@font-face { 159 font-family: Jost; 160 font-weight: 400; 161 font-style: normal; 162 font-display: swap; 163 src: url("//vbarbershop.com/cdn/fonts/jost/jost_n4.d47a1b6347ce4a4c9f437608011273009d91f2b7.woff2") format("woff2"), 164 url("//vbarbershop.com/cdn/fonts/jost/jost_n4.791c46290e672b3f85c3d1c651ef2efa3819eadd.woff") format("woff"); 165} 166@font-face { 167 font-family: Jost; 168 font-weight: 700; 169 font-style: normal; 170 font-display: swap; 171 src: url("//vbarbershop.com/cdn/fonts/jost/jost_n7.921dc18c13fa0b0c94c5e2517ffe06139c3615a3.woff2") format("woff2"), 172 url("//vbarbershop.com/cdn/fonts/jost/jost_n7.cbfc16c98c1e195f46c536e775e4e959c5f2f22b.woff") format("woff"); 173} 174@font-face { 175 font-family: Jost; 176 font-weight: 500; 177 font-style: normal; 178 font-display: swap; 179 src: url("//vbarbershop.com/cdn/fonts/jost/jost_n5.7c8497861ffd15f4e1284cd221f14658b0e95d61.woff2") format("woff2"), 180 url("//vbarbershop.com/cdn/fonts/jost/jost_n5.fb6a06896db583cc2df5ba1b30d9c04383119dd9.woff") format("woff"); 181} 182@font-face { 183 font-family: Jost; 184 font-weight: 600; 185 font-style: normal; 186 font-display: swap; 187 src: url("//vbarbershop.com/cdn/fonts/jost/jost_n6.ec1178db7a7515114a2d84e3dd680832b7af8b99.woff2") format("woff2"), 188 url("//vbarbershop.com/cdn/fonts/jost/jost_n6.b1178bb6bdd3979fef38e103a3816f6980aeaff9.woff") format("woff"); 189} 190 191:root,.color-background-1 { 192 --color-foreground: 51, 51, 51; 193 --color-background: 250, 250, 250; 194 --gradient-background: linear-gradient(180deg, rgba(250, 250, 250, 1), rgba(247, 247, 247, 1) 100%); 195 --color-button-text: 250, 250, 250; 196 --color-button: 44, 79, 68; 197 --color-sale-off-price: 44, 79, 68; 198 --color-compare-at-price: 119, 119, 119; 199 --color-review-stars: 145, 128, 93; 200 --color-background-input: 242, 242, 242;--free-shipping-tracking-background:linear-gradient(269.94deg, rgba(212, 203, 184, 1) 0.05%, rgba(145, 128, 93, 1) 99.95%);--color-text-message-success: 44, 79, 68; 201 --color-background-message-success: 242, 242, 242; 202 --color-text-message-warning: 135, 36, 25; 203 --color-background-message-warning: 255, 255, 255; 204 --color-text-message-error: 234, 92, 92; 205 --color-background-message-error: 254, 242, 242; 206 } 207.color-background-2 { 208 --color-foreground: 255, 255, 255; 209 --color-background: 145, 128, 93; 210 --gradient-background: #91805d; 211 --color-button-text: 255, 255, 255; 212 --color-button: 0, 0, 0; 213 --color-sale-off-price: 135, 36, 25; 214 --color-compare-at-price: 119, 119, 119; 215 --color-review-stars: 251, 191, 36; 216 --color-background-input: 242, 242, 242;--free-shipping-tracking-background:linear-gradient(269.94deg, rgba(239, 68, 68, 1) 0.05%, rgba(251, 191, 36, 1) 99.95%);--color-text-message-success: 44, 79, 68; 217 --color-background-message-success: 239, 253, 244; 218 --color-text-message-warning: 160, 98, 7; 219 --color-background-message-warning: 254, 252, 232; 220 --color-text-message-error: 152, 28, 27; 221 --color-background-message-error: 254, 242, 242; 222 } 223.color-inverse { 224 --color-foreground: 250, 250, 250; 225 --color-background: 44, 79, 68; 226 --gradient-background: #2c4f44; 227 --color-button-text: 242, 242, 242; 228 --color-button: 0, 0, 0; 229 --color-sale-off-price: 135, 36, 25; 230 --color-compare-at-price: 115, 115, 115; 231 --color-review-stars: 4, 69, 202; 232 --color-background-input: 145, 128, 93;--free-shipping-tracking-background:linear-gradient(269.94deg, rgba(239, 68, 68, 1) 0.05%, rgba(251, 191, 36, 1) 99.95%);--color-text-message-success: 44, 79, 68; 233 --color-background-message-success: 239, 253, 244; 234 --color-text-message-warning: 160, 98, 7; 235 --color-background-message-warning: 254, 252, 232; 236 --color-text-message-error: 152, 28, 27; 237 --color-background-message-error: 254, 242, 242; 238 } 239.color-scheme-5bbd8bad-8a13-4cdf-969e-1277fa3de869 { 240 --color-foreground: 255, 255, 255; 241 --color-background: 0, 0, 0; 242 --gradient-background: linear-gradient(180deg, rgba(0, 0, 0, 1), rgba(0, 0, 0, 1) 100%); 243 --color-button-text: 0, 0, 0; 244 --color-button: 255, 255, 255; 245 --color-sale-off-price: 135, 36, 25; 246 --color-compare-at-price: 145, 128, 93; 247 --color-review-stars: 145, 128, 93; 248 --color-background-input: 145, 128, 93;--free-shipping-tracking-background:linear-gradient(269.94deg, rgba(212, 203, 184, 1) 0.05%, rgba(145, 128, 93, 1) 99.95%);--color-text-message-success: 44, 79, 68; 249 --color-background-message-success: 242, 242, 242; 250 --color-text-message-warning: 135, 36, 25; 251 --color-background-message-warning: 255, 255, 255; 252 --color-text-message-error: 234, 92, 92; 253 --color-background-message-error: 254, 242, 242; 254 } 255.color-scheme-71a5a6d3-2b82-4729-8f23-810bdc32c9df { 256 --color-foreground: 145, 128, 93; 257 --color-background: 0, 0, 0; 258 --gradient-background: linear-gradient(180deg, rgba(0, 0, 0, 1), rgba(0, 0, 0, 1) 100%); 259 --color-button-text: 250, 250, 250; 260 --color-button: 145, 128, 93; 261 --color-sale-off-price: 135, 36, 25; 262 --color-compare-at-price: 145, 128, 93; 263 --color-review-stars: 119, 119, 119; 264 --color-background-input: 0, 0, 0;--free-shipping-tracking-background:linear-gradient(269.94deg, rgba(212, 203, 184, 1) 0.05%, rgba(145, 128, 93, 1) 99.95%);--color-text-message-success: 44, 79, 68; 265 --color-background-message-success: 242, 242, 242; 266 --color-text-message-warning: 135, 36, 25; 267 --color-background-message-warning: 255, 255, 255; 268 --color-text-message-error: 234, 92, 92; 269 --color-background-message-error: 254, 242, 242; 270 } 271.color-scheme-d470677e-0a48-452e-bcb6-4d123e59b2de { 272 --color-foreground: 51, 51, 51; 273 --color-background: 255, 255, 255; 274 --gradient-background: #ffffff; 275 --color-button-text: 250, 250, 250; 276 --color-button: 44, 79, 68; 277 --color-sale-off-price: 44, 79, 68; 278 --color-compare-at-price: 119, 119, 119; 279 --color-review-stars: 145, 128, 93; 280 --color-background-input: 242, 242, 242;--free-shipping-tracking-background:linear-gradient(269.94deg, rgba(212, 203, 184, 1) 0.05%, rgba(145, 128, 93, 1) 99.95%);--color-text-message-success: 44, 79, 68; 281 --color-background-message-success: 242, 242, 242; 282 --color-text-message-warning: 135, 36, 25; 283 --color-background-message-warning: 255, 255, 255; 284 --color-text-message-error: 234, 92, 92; 285 --color-background-message-error: 254, 242, 242; 286 } 287.color-scheme-3b71c977-b544-46d8-a047-96bdbba44da9 { 288 --color-foreground: 51, 51, 51; 289 --color-background: 250, 250, 250; 290 --gradient-background: linear-gradient(180deg, rgba(250, 250, 250, 1), rgba(247, 247, 247, 1) 100%); 291 --color-button-text: 250, 250, 250; 292 --color-button: 44, 79, 68; 293 --color-sale-off-price: 44, 79, 68; 294 --color-compare-at-price: 119, 119, 119; 295 --color-review-stars: 145, 128, 93; 296 --color-background-input: 242, 242, 242;--free-shipping-tracking-background:linear-gradient(269.94deg, rgba(212, 203, 184, 1) 0.05%, rgba(145, 128, 93, 1) 99.95%);--color-text-message-success: 44, 79, 68; 297 --color-background-message-success: 242, 242, 242; 298 --color-text-message-warning: 135, 36, 25; 299 --color-background-message-warning: 255, 255, 255; 300 --color-text-message-error: 234, 92, 92; 301 --color-background-message-error: 254, 242, 242; 302 } 303.color-scheme-f6247c22-0fb4-4af3-9b26-2c1551b88137 { 304 --color-foreground: 255, 255, 255; 305 --color-background: 44, 79, 68; 306 --gradient-background: linear-gradient(180deg, rgba(250, 250, 250, 1), rgba(247, 247, 247, 1) 100%); 307 --color-button-text: 250, 250, 250; 308 --color-button: 44, 79, 68; 309 --color-sale-off-price: 44, 79, 68; 310 --color-compare-at-price: 119, 119, 119; 311 --color-review-stars: 145, 128, 93; 312 --color-background-input: 242, 242, 242;--free-shipping-tracking-background:linear-gradient(269.94deg, rgba(212, 203, 184, 1) 0.05%, rgba(145, 128, 93, 1) 99.95%);--color-text-message-success: 44, 79, 68; 313 --color-background-message-success: 242, 242, 242; 314 --color-text-message-warning: 135, 36, 25; 315 --color-background-message-warning: 255, 255, 255; 316 --color-text-message-error: 234, 92, 92; 317 --color-background-message-error: 254, 242, 242; 318 }:root { 319 --font-body-family: Cabin, sans-serif; 320 --font-body-style: normal; 321 --font-body-weight: 400; 322 --font-body-weight-bold: 700; 323 --font-body-weight-medium:500; 324 --font-body-weight-large:600; 325 326 --font-heading-family: Jost, sans-serif; 327 --font-heading-style: normal; 328 --font-heading-weight: 400; 329 --font-heading-weight-bold: 700; 330 --font-heading-weight-rte-bold: 700; 331 --font-heading-weight-semi-bold:600; 332 --font-heading-weight-medium:500; 333 334 --font-origin-body-scale: 1.0; 335 --font-origin-heading-scale: 1.0; 336 --custom-font-scale: 1.0; 337 338 --font-body-scale: calc(var(--custom-font-scale) * var(--font-origin-body-scale)); 339 --font-heading-scale: calc(var(--custom-font-scale) * var(--font-origin-heading-scale)); 340 341 --color-global-shadow: 51, 51, 51; 342 343 --card-heading-product-weight: var(--font-heading-weight-semi-bold);--font-button-family: var(--font-heading-family); 344 --font-button-style: var(--font-heading-style); 345 --font-button-weight: var(--font-heading-weight); 346 --font-button-weight-medium: var(--font-heading-weight-medium); 347 --font-origin-button-scale: var(--font-origin-heading-scale); 348 --font-button-weight-bold: var(--font-heading-weight-semi-bold);--font-button-scale: calc(var(--custom-font-scale) * var(--font-origin-button-scale)); 349 350 --page-width: 160rem; 351 --page-width-margin: 0rem; 352 353 --transform-direction: -1; 354 --left-holder: left; 355 --right-holder: right; 356 --center-holder: center; 357 358 --product-card-text-alignment: var(--center-holder); 359 --product-card-border-opacity: 0.05; 360 --product-card-padding: 2rem; 361 --product-card-content-padding: 0; 362 --product-card-shadow-position: -1px; 363 --product-card-shadow-opacity: 0.5; 364 --product-card-border-radius: 0px;--product-card-border-radius-image: 0px;--product-card-shadow-distance: 8rem; 365 366 --collection-card-text-alignment: var(--left-holder); 367 --collection-card-border-radius: 16px; 368 369 --color-sale-badge-foreground: 255, 255, 255; 370 --color-sale-badge-background: 135, 36, 25; 371 --color-sold-out-badge-foreground: 255, 255, 255; 372 --color-sold-out-badge-background: 119, 119, 119; 373 --color-custom-badge-1-foreground: 250, 250, 250; 374 --color-custom-badge-1-background: 0, 129, 48; 375 --color-custom-badge-2-foreground: 255, 255, 255; 376 --color-custom-badge-2-background: 6, 5, 227; 377 --color-custom-badge-3-foreground: 255, 255, 255; 378 --color-custom-badge-3-background: 0, 0, 0; 379 --color-custom-badge-4-foreground: 255, 255, 255; 380 --color-custom-badge-4-background: 24, 206, 8; 381 --color-custom-badge-5-foreground: 0, 0, 0; 382 --color-custom-badge-5-background: 138, 255, 248; 383 --color-blog-card-badge-foreground: 0, 0, 0; 384 --color-blog-card-badge-background: 255, 255, 255; 385 386 --spacing-sections-desktop: 0px; 387 --spacing-sections-mobile: 0px; 388 389 --grid-desktop-vertical-spacing: 20px; 390 --grid-desktop-horizontal-spacing: 40px; 391 --grid-mobile-vertical-spacing: 10px; 392 --grid-mobile-horizontal-spacing: 20px; 393 394 --variants-pills-color-radius:50%; 395 --card-product-color-radius:50%;--global-border-radius: 8px; 396 --buttons-radius: 6px; 397 --inputs-radius: 8px; 398 399 /* Deprecated variables - will be removed in the next version */ 400 --font-body-weight-500: var(--font-body-weight-medium); 401 } 402 403 :root, .color-background-1, .color-background-2, .color-inverse, .color-scheme-5bbd8bad-8a13-4cdf-969e-1277fa3de869, .color-scheme-71a5a6d3-2b82-4729-8f23-810bdc32c9df, .color-scheme-d470677e-0a48-452e-bcb6-4d123e59b2de, .color-scheme-3b71c977-b544-46d8-a047-96bdbba44da9, .color-scheme-f6247c22-0fb4-4af3-9b26-2c1551b88137 { 404 --color-button-outline: var(--color-button-text); 405 --color-button-text-outline: var(--color-button); 406 --color-link: var(--color-foreground); 407 --color-line: rgb(var(--color-foreground), .3); 408 --color-card-hover: var(--color-foreground); 409 --color-accent-text: var(--color-highlight); 410 --color-price-foreground: var(--color-foreground); 411 --color-review-stars-foreground: var(--color-review-stars); 412 --color-highlight: var(--color-button); 413 } 414 415 body, .color-background-1, .color-background-2, .color-inverse, .color-scheme-5bbd8bad-8a13-4cdf-969e-1277fa3de869, .color-scheme-71a5a6d3-2b82-4729-8f23-810bdc32c9df, .color-scheme-d470677e-0a48-452e-bcb6-4d123e59b2de, .color-scheme-3b71c977-b544-46d8-a047-96bdbba44da9, .color-scheme-f6247c22-0fb4-4af3-9b26-2c1551b88137 { 416 color: rgb(var(--color-foreground)); 417 background-color: rgb(var(--color-background)); 418 }*, 419 *::before, 420 *::after { 421 box-sizing: inherit; 422 } 423 424 html { 425 box-sizing: border-box; 426 font-size: calc(var(--font-body-scale) * 62.5%); 427 height: 100%; 428 } 429 430 body { 431 display: grid; 432 grid-template-rows: auto auto 1fr auto; 433 grid-template-columns: 100%; 434 min-height: 100%; 435 margin: 0; 436 font-size: 1.6rem; 437 line-height: calc(1 + 0.6 / var(--font-body-scale)); 438 font-family: var(--font-body-family); 439 font-style: var(--font-body-style); 440 font-weight: var(--font-body-weight); 441 }ul.grid.contains-card--product { 442 --grid-horizontal-spacing: 0rem; 443 --grid-mobile-vertical-spacing: 0rem; 444 --grid-desktop-vertical-spacing: 0rem; 445 row-gap: 0rem; 446 }.card-wrapper--product { 447 border: 1px solid rgb(var(--color-foreground), var(--product-card-border-opacity)); 448 }appear-animate-single:not(.appear) { 449 transform: scale(1.5); 450 opacity: 0; 451 } 452 .js .appear-animate-item-in-list:not(.done) { 453 transform: translateY(3rem); 454 opacity: 0; 455 } 456 @media(min-width: 750px) { 457 use-animate img { 458 opacity: 0; 459 transform: scale(1.1); 460 } 461 }.js appear-animate-list:not(.start) .card-wrapper--product { 462 --product-card-border-opacity: 0; 463 }.card__heading--collection a:before { 464 content: ""; 465 }@media(hover: hover) and (min-width: 990px) { 466 .card__quick-buttons { 467 position: absolute; 468 top: calc(100% + 1rem); 469 inset-inline: var(--product-card-padding); 470 opacity: 0; 471 visibility: hidden; 472 transition: opacity 300ms ease, top 300ms ease; 473 } 474 475 .card-wrapper--product:hover .card__quick-buttons { 476 opacity: 1; 477 top: calc(100% - 2rem - var(--product-card-shadow-position)); 478 visibility: visible; 479 } 480 }</style><link href="//vbarbershop.com/cdn/shop/t/129/assets/critical-base.css?v=29263042550056917111790225192" rel="stylesheet" type="text/css" media="all" /> 481 <link href="//vbarbershop.com/cdn/shop/t/129/assets/base.css?v=142219956960734681591790225164" rel="stylesheet" type="text/css" media="all" /> 482 <link href="//vbarbershop.com/cdn/shop/t/129/assets/custom.css?v=115697771134893074561790225296" rel="stylesheet" type="text/css" media="all" /> 483 <link href="//vbarbershop.com/cdn/shop/t/129/assets/component-price.css?v=169073278754176340261790225182" rel="stylesheet" type="text/css" media="all" /> 484 <noscript><link href="//vbarbershop.com/cdn/shop/t/129/assets/component-price.css
484?v=169073278754176340261790225182" rel="stylesheet" type="text/css" media="all" /></noscript><link rel="shortcut icon" type="image/png" href="//vbarbershop.com/cdn/shop/files/Vs-Round-Logo.webp?crop=center&height=96&v=1710779114&width=96"> 485 <link rel="apple-touch-icon" type="image/png" href="//vbarbershop.com/cdn/shop/files/Vs-Round-Logo.webp?crop=center&height=180&v=1710779114&width=180"> 486<link rel="preload" as="font" href="//vbarbershop.com/cdn/fonts/cabin/cabin_n4.cefc6494a78f87584a6f312fea532919154f66fe.woff2" type="font/woff2" crossorigin><link rel="preload" as="font" href="//vbarbershop.com/cdn/fonts/cabin/cabin_n7.255204a342bfdbc9ae2017bd4e6a90f8dbb2f561.woff2" type="font/woff2" crossorigin><link rel="preload" as="font" href="//vbarbershop.com/cdn/fonts/jost/jost_n4.d47a1b6347ce4a4c9f437608011273009d91f2b7.woff2" type="font/woff2" crossorigin><link rel="preload" as="font" href="//vbarbershop.com/cdn/fonts/jost/jost_n7.921dc18c13fa0b0c94c5e2517ffe06139c3615a3.woff2" type="font/woff2" crossorigin> 487<title> 488 V's SHAVING FACE⢠ESSENTIALS KIT 489</title> 490 491 492 <meta name="description" content="Everything you need for the ultimate shave is in this kit! With the Shaving Face Kit, you can bring the quality of a Vâs Barbershop shave into your daily routine. Formulated by Vâs Barbershop, the leader in authentic barbershop shaving, this simple 3 Step process will give you a close and luxurious shave experience eve"> 493 494 495 496<meta property="og:site_name" content="V's Barbershop"> 497<meta property="og:url" content="https://vbarbershop.com/products/vs-shaving-face-essentials-kit"> 498<meta property="og:title" content="V's SHAVING FACE⢠ESSENTIALS KIT"> 499<meta property="og:type" content="product"> 500<meta property="og:description" content="Everything you need for the ultimate shave is in this kit! With the Shaving Face Kit, you can bring the quality of a Vâs Barbershop shave into your daily routine. Formulated by Vâs Barbershop, the leader in authentic barbershop shaving, this simple 3 Step process will give you a close and luxurious shave experience eve"><meta property="og:image" content="http://vbarbershop.com/cdn/shop/files/ShavingFaceKit.jpg?v=1773177626"> 501 <meta property="og:image:secure_url" content="https://vbarbershop.com/cdn/shop/files/ShavingFaceKit.jpg?v=1773177626"> 502 <meta property="og:image:width" content="800"> 503 <meta property="og:image:height" content="1000"><meta property="og:price:amount" content="43.00"> 504 <meta property="og:price:currency" content="USD"><meta name="twitter:site" content="@vbarbershop"><meta name="twitter:card" content="summary_large_image"> 505<meta name="twitter:title" content="V's SHAVING FACE⢠ESSENTIALS KIT"> 506<meta name="twitter:description" content="Everything you need for the ultimate shave is in this kit! With the Shaving Face Kit, you can bring the quality of a Vâs Barbershop shave into your daily routine. Formulated by Vâs Barbershop, the leader in authentic barbershop shaving, this simple 3 Step process will give you a close and luxurious shave experience eve">
507<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
507<!-- RQ! added this --> 508
508<script src="https://cdnjs.cloudflare.com/ajax/libs/slick-carousel/1.9.0/slick.min.js"></script>
508<!-- RQ! added this --> 509 510
510<script> 511 window.shopUrl = 'https://vbarbershop.com'; 512 window.routes = { 513 cart_url: '/cart', 514 cart_add_url: '/cart/add', 515 cart_change_url: '/cart/change', 516 cart_update_url: '/cart/update', 517 predictive_search_url: '/search/suggest', 518 search_url: '/search', 519 product_recommendations_url: '/recommendations/products' 520 }; 521 522 window.photoswipeUrls = { 523 lib: '//vbarbershop.com/cdn/shop/t/129/assets/photoswipe.umd.min.js?v=26433048617275824511790225207', 524 loaded: false 525 }; 526 527 window.hasQuickAddDrawer = false; 528 window.hasQuickViewModal = false; 529 530 window.cartStrings = { 531 error: `There was an error while updating your cart. Please try again.`, 532 quantityError: `You can only add [quantity] of this item to your cart.`, 533 success: `The product has been added to the cart.` 534 } 535 536 window.variantStrings = { 537 addToCart: `Add to cart`, 538 soldOut: `Sold out`, 539 unavailable: `Unavailable`, 540 unavailable_with_option: `[value] - Unavailable` 541 } 542 543 window.accessibilityStrings = { 544 imageAvailable: `Image [index] is now available in gallery view`, 545 shareSuccess: `Link copied to clipboard`, 546 copyToClipboard: `Copy link`, 547 pauseSlideshow: `Pause slideshow`, 548 playSlideshow: `Play slideshow`,countdownExpiredMsg: `The countdown timer has been expired.`, 549 passwordVisibilityShow: `Show password`, 550 passwordVisibilityHide: `Hide password` 551 };window.recentlyViewedStrings = { 552 empty: "There are no recently viewed products." 553 }; 554 window.recentlyViewedLimit = 10;window.currentProduct = { 555 id: 10246975684908, 556 url: "\/products\/vs-shaving-face-essentials-kit", 557 image: "\/\/vbarbershop.com\/cdn\/shop\/files\/ShavingFaceKit.jpg?v=1773177626\u0026width=100"};window.freeShippingBarExcludeProducts =[];window.moneyFormat = "${{amount}}"; 558 window.loadedBackgroundColorSwatches =false; 559 window.currencyMain = "USD"; 560 window.appearAnimate = true; 561 window.hideUnavailableOptions = true; 562 window.showAddToCartMessage = true; 563 </script>
563<script>window.performance && window.performance.mark && window.performance.mark('shopify.content_for_header.start');</script>
563<meta name="facebook-domain-verification" content="3zbjmb7apve19fa3mnscgct6jyj0nb"> 564<meta name="facebook-domain-verification" content="q3uzpexnr1to5qmjqldc62n3lo3oap"> 565<meta name="google-site-verification" content="6hfju-YhLu4934fC_25fx_sK5zt8Nhh6GalBtDin6sE"> 566<meta name="google-site-verification" content="yrLE1nSn2PHUYC99ZLrXUPz6w06i6DEFWIeKsDoIV4A"> 567<meta id="shopify-digital-wallet" name="shopify-digital-wallet" content="/55475798113/digital_wallets/dialog"> 568<meta id="in-context-paypal-metadata" data-shop-id="55475798113" data-venmo-supported="false" data-environment="production" data-locale="en_US" data-paypal-v4="true" data-currency="USD"> 569<link rel="ucp" href="/.well-known/ucp" version="2026-08-25"><link rel="buy" href="/cart/52716699386156:1?ucp/version=2026-08-25&context/payment/0/handler=dev.shopify.shop_pay" payment="dev.shopify.shop_pay com.google.pay dev.shopify.card"><link rel="alternate" type="application/json+oembed" href="https://vbarbershop.com/products/vs-shaving-face-essentials-kit.oembed">
570<script async="async" src="/checkouts/internal/preloads.js?locale=en-US&default_configuration_id=74645804"></script>
570 571<link rel="preconnect" href="https://shop.app" crossorigin="anonymous">
572<script async="async" src="https://shop.app/checkouts/internal/preloads.js?locale=en-US&default_configuration_id=74645804&shop_id=55475798113" crossorigin="anonymous"></script>
vendor: 1 bytes, line 572
572
573<script id="apple-pay-shop-capabilities" type="application/json">{"shopId":55475798113,"countryCode":"US","currencyCode":"USD","merchantCapabilities":["supports3DS"],"merchantId":"gid:\/\/shopify\/Shop\/55475798113","merchantName":"V's Barbershop","requiredBillingContactFields":["postalAddress","email"],"requiredShippingContactFields":["postalAddress","email"],"shippingType":"shipping","supportedNetworks":["visa","masterCard","amex","discover","elo","jcb"],"total":{"type":"pending","label":"V's Barbershop","amount":"1.00"},"shopifyPaymentsEnabled":true,"supportsSubscriptions":true}</script>
vendor: 1 bytes, line 573
573
574<script id="shopify-features" type="application/json">{"accessToken":"3f678de6ffe0e71ef9d7102bdf42dee4","betas":["rich-media-storefront-analytics"],"domain":"vbarbershop.com","predictiveSearch":true,"shopId":55475798113,"locale":"en"}</script>
vendor: 1 bytes, line 574
574
575<script>var Shopify = Shopify || {}; 576Shopify.shop = "v-barbershop.myshopify.com"; 577Shopify.locale = "en"; 578Shopify.currency = {"active":"USD","rate":"1.0"}; 579Shopify.country = "US"; 580Shopify.theme = {"name":"Woodstock 3.1 - Job Posting Changes -- WPD_BDR","id":186095534380,"schema_name":"Woodstock","schema_version":"3.1.0","theme_store_id":null,"role":"main"}; 581Shopify.theme.handle = "null"; 582Shopify.theme.style = {"id":null,"handle":null}; 583Shopify.cdnHost = "vbarbershop.com/cdn"; 584Shopify.routes = Shopify.routes || {}; 585Shopify.routes.root = "/"; 586Shopify.shopJsCdnBaseUrl = "https://cdn.shopify.com/shopifycloud/shop-js"; 587Shopify.SignInWithShop = Shopify.SignInWithShop || {}; 588Shopify.SignInWithShop.User = Shopify.SignInWithShop.User || {}; 589Shopify.SignInWithShop.User.recognized = false;</script>
vendor: 1 bytes, line 589
589
590<script type="module">!function(o){(o.Shopify=o.Shopify||{}).modules=!0}(window);</script>
vendor: 1 bytes, line 590
590
591<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 591
591
592<script> 593 window.ShopifyPay = window.ShopifyPay || {}; 594 window.ShopifyPay.apiHost = "shop.app\/pay"; 595 window.ShopifyPay.redirectState = null; 596</script>
vendor: 1 bytes, line 596
596
597<script> 598 window.Shopify = window.Shopify || {}; 599 window.Shopify.SignInWithShop = window.Shopify.SignInWithShop || {}; 600 window.Shopify.SignInWithShop.assetMetrics = { sampleRate: 0.25 }; 601 window.Shopify.SignInWithShop.eligible = true; 602</script>
vendor: 1 bytes, line 602
602
603<script id="shop-js-analytics" type="application/json">{"pageType":"product"}</script>
vendor: 1 bytes, line 603
603
604<script defer="defer" async type="module" src="https://cdn.shopify.com/shopifycloud/shop-js/modules/v2/loader.init-shop-cart-sync.en.esm.js"></script>
vendor: 1 bytes, line 604
604
605<script type="module"> 606 await import("https://cdn.shopify.com/shopifycloud/shop-js/modules/v2/loader.init-shop-cart-sync.en.esm.js"); 607 608 window.Shopify.SignInWithShop?.initShopCartSync?.({"fedCMEnabled":true,"windoidEnabled":true}); 609 610</script>
vendor: 1 bytes, line 610
610
611<script defer="defer" async type="module" src="https://cdn.shopify.com/shopifycloud/shop-js/modules/v2/loader.payment-terms.en.esm.js"></script>
vendor: 1 bytes, line 611
611
612<script type="module"> 613 await import("https://cdn.shopify.com/shopifycloud/shop-js/modules/v2/loader.payment-terms.en.esm.js"); 614 615 616</script>
vendor: 1 bytes, line 616
616
617<script> 618 window.Shopify = window.Shopify || {}; 619 if (!window.Shopify.featureAssets) window.Shopify.featureAssets = {}; 620 window.Shopify.featureAssets['shop-js'] = {"avatar":["modules/v2/loader.avatar.en.esm.js"],"checkout-modal":["modules/v2/loader.checkout-modal.en.esm.js"],"init-customer-accounts-sign-up":["modules/v2/loader.init-customer-accounts-sign-up.en.esm.js"],"init-customer-accounts":["modules/v2/loader.init-customer-accounts.en.esm.js"],"init-fed-cm":["modules/v2/loader.init-fed-cm.en.esm.js"],"init-shop-cart-sync":["modules/v2/loader.init-shop-cart-sync.en.esm.js"],"init-shop-email-lookup-coordinator":["modules/v2/loader.init-shop-email-lookup-coordinator.en.esm.js"],"init-shop-for-new-customer-accounts":["modules/v2/loader.init-shop-for-new-customer-accounts.en.esm.js"],"init-shop-user-recognition":["modules/v2/loader.init-shop-user-recognition.en.esm.js"],"init-windoid":["modules/v2/loader.init-windoid.en.esm.js"],"lead-capture":["modules/v2/loader.lead-capture.en.esm.js"],"listener":["modules/v2/loader.listener.en.esm.js"],"pay-button":["modules/v2/loader.pay-button.en.esm.js"],"payment-terms":["modules/v2/loader.payment-terms.en.esm.js"],"shop-button":["modules/v2/loader.shop-button.en.esm.js"],"shop-cart-sync":["modules/v2/loader.shop-cart-sync.en.esm.js"],"shop-cash-offers":["modules/v2/loader.shop-cash-offers.en.esm.js"],"shop-follow-button":["modules/v2/loader.shop-follow-button.en.esm.js"],"shop-login-button":["modules/v2/loader.shop-login-button.en.esm.js"],"shop-login":["modules/v2/loader.shop-login.en.esm.js"],"shop-toast-manager":["modules/v2/loader.shop-toast-manager.en.esm.js"],"shop-user-recognition":["modules/v2/loader.shop-user-recognition.en.esm.js"]}; 621</script>
vendor: 1 bytes, line 621
621
622<script>(function() { 623 var isLoaded = false; 624 function asyncLoad() { 625 if (isLoaded) return; 626 isLoaded = true; 627 var urls = ["https:\/\/static.klaviyo.com\/onsite\/js\/klaviyo.js?company_id=VenFnW\u0026shop=v-barbershop.myshopify.com","\/\/cdn.shopify.com\/proxy\/677dcff9fc853b48c07be4df63fb7c90a7caa6ff9e5d15337b84f35ba3289019\/editor.print.app\/js\/sp.js?shop=v-barbershop.myshopify.com\u0026sp-cache-control=cHVibGljLCBtYXgtYWdlPTkwMA","\/\/cdn.shopify.com\/proxy\/0f7fa2ba6686f80385a999914d51a59808dd270c530e8a55af3793ec977e8b78\/designpackscdn.com\/design_packs_file.js?shop=v-barbershop.myshopify.com\u0026sp-cache-control=cHVibGljLCBtYXgtYWdlPTkwMA"]; 628 for (var i = 0; i < urls.length; i++) { 629 var s = document.createElement('script'); 630 s.type = 'text/javascript'; 631 s.async = true; 632 s.src = urls[i]; 633 var x = document.getElementsByTagName('script')[0]; 634 x.parentNode.insertBefore(s, x); 635 } 636 }; 637 if(window.attachEvent) { 638 window.attachEvent('onload', asyncLoad); 639 } else { 640 window.addEventListener('load', asyncLoad, false); 641 } 642})();</script>
vendor: 1 bytes, line 642
642
643<script id="__st">var __st={"a":55475798113,"offset":-25200,"reqid":"196a91de-0123-4512-bb25-dd0cfcd01209-1791061218","pageurl":"vbarbershop.com\/products\/vs-shaving-face-essentials-kit","u":"44568ffac29e","p":"product","rtyp":"product","rid":10246975684908};</script>
vendor: 1 bytes, line 643
643
644<script>window.ShopifyPaypalV4VisibilityTracking = true;</script>
vendor: 1 bytes, line 644
644
645<script id="captcha-bootstrap">!function(){'use strict';const t='contact',e='account',n='new_comment',o=[[t,t],['blogs',n],['comments',n],[t,'customer']],c=[[e,'customer_login'],[e,'guest_login'],[e,'recover_customer_password'],[e,'create_customer']],r=t=>t.map((([t,e])=>`form[action*='/${t}']:not([data-nocaptcha='true']) input[name='form_type'][value='${e}']`)).join(','),a=t=>()=>t?[...document.querySelectorAll(t)].map((t=>t.form)):[];function s(){const t=[...o],e=r(t);return a(e)}const i='password',u='form_key',d=['recaptcha-v3-token','g-recaptcha-response','h-captcha-response',i],f=()=>{try{return window.sessionStorage}catch{return}},m='__shopify_v',_=t=>t.elements[u];function p(t,e,n=!1){try{const o=window.sessionStorage,c=JSON.parse(o.getItem(e)),{data:r}=function(t){const{data:e,action:n}=t;return t[m]||n?{data:e,action:n}:{data:t,action:n}}(c);for(const[e,n]of Object.entries(r))t.elements[e]&&(t.elements[e].value=n);n&&o.removeItem(e)}catch(o){console.error('form repopulation failed',{error:o})}}const l='form_type',E='cptcha';function T(t){t.dataset[E]=!0}const w=window,h=w.document,L='Shopify',v='ce_forms',y='captcha';let A=!1;((t,e)=>{const n=(g='f06e6c50-85a8-45c8-87d0-21a2b65856fe',I='https://cdn.shopify.com/shopifycloud/storefront-forms-hcaptcha/ce_storefront_forms_captcha_hcaptcha.v1.5.3.iife.js',D={infoText:'Protected by hCaptcha',privacyText:'Privacy',termsText:'Terms'},(t,e,n)=>{const o=w[L][v],c=o.bindForm;if(c)return c(t,g,e,D).then(n);var r;o.q.push([[t,g,e,D],n]),r=I,A||(h.body.append(Object.assign(h.createElement('script'),{id:'captcha-provider',async:!0,src:r})),A=!0)});var g,I,D;w[L]=w[L]||{},w[L][v]=w[L][v]||{},w[L][v].q=[],w[L][y]=w[L][y]||{},w[L][y].protect=function(t,e){n(t,void 0,e),T(t)},Object.freeze(w[L][y]),function(t,e,n,w,h,L){const[v,y,A,g]=function(t,e,n){const i=e?o:[],u=t?c:[],d=[...i,...u],f=r(d),m=r(i),_=r(d.filter((([t,e])=>n.includes(e))));return[a(f),a(m),a(_),s()]}(w,h,L),I=t=>{const e=t.target;return e instanceof HTMLFormElement?e:e&&e.form},D=t=>v().includes(t);t.addEventListener('submit',(t=>{const e=I(t);if(!e)return;const n=D(e)&&!e.dataset.hcaptchaBound&&!e.dataset.recaptchaBound,o=_(e),c=g().includes(e)&&(!o||!o.value);(n||c)&&t.preventDefault(),c&&!n&&(function(t){try{if(!f())return;!function(t){const e=f();if(!e)return;const n=_(t);if(!n)return;const o=n.value;o&&e.removeItem(o)}(t);const e=Array.from(Array(32),(()=>Math.random().toString(36)[2])).join('');!function(t,e){_(t)||t.append(Object.assign(document.createElement('input'),{type:'hidden',name:u})),t.elements[u].value=e}(t,e),function(t,e){const n=f();if(!n)return;const o=[...t.querySelectorAll(`input[type='${i}']`)].map((({name:t})=>t)),c=[...d,...o],r={};for(const[a,s]of new FormData(t).entries())c.includes(a)||(r[a]=s);n.setItem(e,JSON.stringify({[m]:1,action:t.action,data:r}))}(t,e)}catch(e){console.error('failed to persist form',e)}}(e),e.submit())}));const S=(t,e)=>{t&&!t.dataset[E]&&(n(t,e.some((e=>e===t))),T(t))};for(const o of['focusin','change'])t.addEventListener(o,(t=>{const e=I(t);D(e)&&S(e,y())}));const B=e.get('form_key'),M=e.get(l),P=B&&M;t.addEventListener('DOMContentLoaded',(()=>{const t=y();if(P)for(const e of t)e.elements[l].value===M&&p(e,B);[...new Set([...A(),...v().filter((t=>'true'===t.dataset.shopifyCaptcha))])].forEach((e=>S(e,t)))}))}(h,new URLSearchParams(w.location.search),n,t,e,['guest_login'])})(!1,!0)}();</script>
vendor: 1 bytes, line 645
645
646<script integrity="sha256-JjoPp5ZfB1sSAs5SQaol1x1GgvveM+BgmRzyDexInEQ=" data-source-attribution="shopify.loadfeatures" defer="defer" src="//vbarbershop.com/cdn/shopifycloud/storefront/assets/storefront/load_feature-1bd60354.js" crossorigin="anonymous"></script>
vendor: 1 bytes, line 646
646
647<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 = "//vbarbershop.com/cdn/shopifycloud/storefront/assets/storefront/autosizes-84416378.js";(document.head || document.documentElement).appendChild(autosizesScript);}window.ShopifyAnalytics = window.ShopifyAnalytics || {};window.ShopifyAnalytics.performance = window.ShopifyAnalytics.performance || {};(function () {var LONG_FRAME_THRESHOLD = 50;var longAnimationFrames = [];var activeRafId = null;function collectLongFrames() {var previousTime = null;function rafMonitor(now) {if (activeRafId === null) {return;}var delta = now - previousTime;if (delta > LONG_FRAME_THRESHOLD) {longAnimationFrames.push({startTime: previousTime,endTime: now,});}previousTime = now;activeRafId = requestAnimationFrame(rafMonitor);}previousTime = performance.now();activeRafId = requestAnimationFrame(rafMonitor);}if (!window.PerformanceObserver?.supportedEntryTypes?.includes('long-animation-frame')) {collectLongFrames();var timeoutId = setTimeout(function () {cancelAnimationFrame(activeRafId);}, 10000);window.ShopifyAnalytics.performance.getLongAnimationFrames = function (stopCollection) {if (stopCollection === undefined) {stopCollection = false;}if (stopCollection) {clearTimeout(timeoutId);cancelAnimationFrame(activeRafId);}return longAnimationFrames;};}})();})();</script>
647<script crossorigin="anonymous" defer="defer" src="//vbarbershop.com/cdn/shopifycloud/storefront/assets/shopify_pay/storefront-616277c7.js?v=20250812"></script>
vendor: 1 bytes, line 647
647
648<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 648
648
649<script> 650 window.Shopify = window.Shopify || {}; 651 window.Shopify.MCP = window.Shopify.MCP || {}; 652 window.Shopify.MCP.enabled = true; 653 window.Shopify.MCP.shop = "v-barbershop.myshopify.com"; 654 window.Shopify.MCP.mcpEndpoint = "https:\/\/vbarbershop.com\/api\/mcp"; 655 window.Shopify.MCP.tools = [{"name":"search_shop_policies_and_faqs","description":"Used to get facts about the stores policies, products, or services.\nSome examples of questions you can ask are:\n - What is your return policy?\n - What is your shipping policy?\n - What is your phone number?\n - What are your hours of operation?\"\n","inputSchema":{"$schema":"https:\/\/json-schema.org\/draft\/2020-12\/schema","type":"object","properties":{"query":{"type":"string","description":"A natural language query."},"context":{"type":"string","description":"Additional information about the request such as user demographics, mood, location, or other relevant details that could help in tailoring the response appropriately."}},"required":["query"]}}]; 656</script>
vendor: 1 bytes, line 656
656
657<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("\/\/vbarbershop.com\/cdn\/shopifycloud\/storefront\/assets\/storefront\/webmcp-c6b62ece.js","sha256-ke4DDuBjdvea3vxLWxHc9E9nq8zihuG4IfYEGbb77ys=");})(); 658</script>
vendor: 1 bytes, line 658
658
659<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://vbarbershop.com/cdn/shopifycloud/portable-wallets/latest/portable-wallets.en.js",t.type="module",document.head.appendChild(t)}}; 660</script>
vendor: 1 bytes, line 660
660
661<script data-source-attribution="shopify.dynamic_checkout.buyer_consent"> 662 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); 663</script>
vendor: 1 bytes, line 663
663
664<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})}})); 665</script>
665 666<link id="shopify-accelerated-checkout-styles" rel="stylesheet" media="screen" href="https://vbarbershop.com/cdn/shopifycloud/portable-wallets/latest/accelerated-checkout-backwards-compat.css" crossorigin="anonymous"> 667<style id="shopify-accelerated-checkout-cart"> 668 #shopify-buyer-consent { 669 margin-top: 1em; 670 display: inline-block; 671 width: 100%; 672} 673 674#shopify-buyer-consent.hidden { 675 display: none; 676} 677 678#shopify-subscription-policy-button { 679 background: none; 680 border: none; 681 padding: 0; 682 text-decoration: underline; 683 font-size: inherit; 684 cursor: pointer; 685} 686 687#shopify-subscription-policy-button::before { 688 box-shadow: none; 689} 690 691 </style> 692
693<script id="shopify-cfh-end">window.performance && window.performance.mark && window.performance.mark('shopify.content_for_header.end');</script>
693 694 695
695<script src="//vbarbershop.com/cdn/shop/t/129/assets/critical-global.js?v=71951814763272773091790225192" defer="defer"></script>
695 696
696<script src="//vbarbershop.com/cdn/shop/t/129/assets/motion.min.js?v=71979496349861598611790225205" defer="defer"></script>
696 697 698 <link rel="stylesheet" href="//vbarbershop.com/cdn/shop/t/129/assets/component-card.css?v=41855031481627982521790225171" media="print" onload="this.media='all'">
698<script>document.documentElement.className = document.documentElement.className.replace('no-js', 'js'); 699 if (Shopify.designMode) { 700 document.documentElement.classList.add('shopify-design-mode'); 701 } 702 </script>
702 703 704
704<script src="//vbarbershop.com/cdn/shop/t/129/assets/custom.js?v=14155248978798298521790225297" defer></script>
704<!-- RQ! added this --> 705 706 707 708 709
709<script type="text/javascript"> 710 function getCookie(name) { 711 const value = `; ${document.cookie}`; 712 const parts = value.split(`; ${name}=`); 713 if (parts.length === 2) return parts.pop().split(';').shift(); 714 return null; 715 } 716 717 function setCookie(name, value, hours) { 718 const date = new Date(); 719 date.setTime(date.getTime() + (hours * 60 * 60 * 1000)); 720 const expires = `expires=${date.toUTCString()}`; 721 document.cookie = `${name}=${value}; ${expires}; path=/`; 722 } 723 724 function isMobileDevice() { 725 return window.innerWidth <= 768; 726 } 727 728 function showKlaviyoForm() { 729 if (isMobileDevice()) { 730 window._klOnsite = window._klOnsite || []; 731 window._klOnsite.push(['openForm', 'RfUaxr']); 732 console.log('Klaviyo mobile form shown'); 733 } else { 734 window._klOnsite = window._klOnsite || []; 735 window._klOnsite.push(['openForm', 'Tre9df']); 736 console.log('Klaviyo desktop form shown'); 737 } 738 } 739 740 if (!getCookie('klaviyo_popup_seen')) { 741 if (document.readyState === 'loading') { 742 document.addEventListener('DOMContentLoaded', showKlaviyoForm); 743 } else { 744 showKlaviyoForm(); 745 } 746 setCookie('klaviyo_popup_seen', 'true', 24); 747 } else { 748 console.log('Klaviyo pop-up skipped'); 749 } 750 </script>
750 751 752 753 754 755 <link rel="preload" href="//vbarbershop.com/cdn/shop/t/129/assets/design-pack-styles.css?v=108337400465735395681790225195" as="style"> 756 <link href="//vbarbershop.com/cdn/shop/t/129/assets/design-pack-styles.css?v=108337400465735395681790225195" rel="stylesheet" type="text/css" media="all" /> 757 <!-- BEGIN app block: shopify://apps/consentmo-gdpr/blocks/gdpr_cookie_consent/4fbe573f-a377-4fea-9801-3ee0858cae41 --> 758<link rel="preconnect" href="https://app.consentmo.com" crossorigin data-csm-preconnect="app"> 759<link rel="dns-prefetch" href="https://workers.consentmo.com" data-csm-preconnect="workers"> 760<link rel="dns-prefetch" href="https://storage.consentmo.com" data-csm-preconnect="storage"> 761<link rel="preconnect" href="https://cdn.consentmo.com" crossorigin data-csm-preconnect="cdn"><link rel="prefetch" href="https://cdn.shopify.com/extensions/01a0fcf5-9827-75b1-9d7e-ea3a10d70819/gdpr-backpack-903/assets/layout-cookie-bar.consentmo.js" crossorigin data-csm-layout-prefetch="banner"> 762 <link rel="prefetch" href="https://cdn.shopify.com/extensions/01a0fcf5-9827-75b1-9d7e-ea3a10d70819/gdpr-backpack-903/assets/layout-cookie-dialog.consentmo.js" crossorigin data-csm-layout-prefetch="dialog"> 763 <link rel="prefetch" href="https://cdn.shopify.com/extensions/01a0fcf5-9827-75b1-9d7e-ea3a10d70819/gdpr-backpack-903/assets/layout-cookie-box.consentmo.js" crossorigin data-csm-layout-prefetch="box"> 764 <link rel="prefetch" href="https://cdn.shopify.com/extensions/01a0fcf5-9827-75b1-9d7e-ea3a10d70819/gdpr-backpack-903/assets/layout-cookie-smart-banner.consentmo.js" crossorigin data-csm-layout-prefetch="smart"> 765 <link rel="prefetch" href="https://cdn.shopify.com/extensions/01a0fcf5-9827-75b1-9d7e-ea3a10d70819/gdpr-backpack-903/assets/layout-mobile-cookie-bar.consentmo.js" crossorigin data-csm-layout-prefetch="mobile">
765<script> 766(function () { 767 try { 768 document.documentElement.classList.add('csm-cookie-embed'); 769 } catch (e) {} 770})(); 771</script>
771<script data-consentmo-data-src-bootstrap> 772(function () { 773 'use strict'; 774 if (window.__consentmoDataSrcBootstrapInit) return; 775 window.__consentmoDataSrcBootstrapInit = true; 776 777 var DATA_SRC_SELECTOR = [ 778 'script[data-src*="consentmo_cookie_consent"]', 779 'script[data-src*="gdpr_cookie_consent.min"]', 780 'script[data-src*="gdrp_cookie_consent_unlimited"]' 781 ].join(','); 782 783 function activateConsentmoDataSrcScripts() { 784 if (!window.Shopify || !window.Shopify.shop) return; 785 document.querySelectorAll(DATA_SRC_SELECTOR).forEach(function (scriptEl) { 786 // getAttribute: src="" must not count as "already has src" (.src === page URL). 787 if (scriptEl.getAttribute('src')) return; 788 var url = scriptEl.getAttribute('data-src'); 789 if (!url) return; 790 if (scriptEl.getAttribute('type') === 'text/plain') { 791 scriptEl.removeAttribute('type'); 792 } 793 scriptEl.src = url; 794 }); 795 } 796 function scheduleActivation() { 797 activateConsentmoDataSrcScripts(); 798 // Retry on next task so other DCL handlers (lazy-loaders) can finish setting Shopify.shop / data-src first. 799 setTimeout(activateConsentmoDataSrcScripts, 0); 800 } 801 if (document.readyState === 'loading') { 802 document.addEventListener('DOMContentLoaded', scheduleActivation, { once: true }); 803 } else { 804 scheduleActivation(); 805 } 806})(); 807</script>
807 808 809 810<!-- END app block --><!-- BEGIN app block: shopify://apps/consentmo-gdpr/blocks/ada_compliance/4fbe573f-a377-4fea-9801-3ee0858cae41 --> 811<!-- END app block --><!-- BEGIN app block: shopify://apps/boost-ai-search-filter/blocks/boost-sd-ssr/7fc998ae-a150-4367-bab8-505d8a4503f7 -->
811<script type="text/javascript">"use strict";(()=>{function readTemplates(){let templates={};templates= 812 813 { 814 815 816 817 818 "quickView": "\u003c!-- TEMPLATE QUICK VIEW --\u003e{% assign isShowMediaEnabled = false %}{%- comment -%} Split and Prioritize Media: video \u003e gif \u003e image {%- endcomment -%}{% assign videoGroup = \"\" | split: \"\" %}{% assign gifGroup = \"\" | split: \"\" %}{% assign imageGroup = \"\" | split: \"\" %}{% if product.media and product.media.size \u003e 0 %}{% for item in product.media %}{%- comment -%} check VIDEO {%- endcomment -%}{% if item.mediaContentType == 'VIDEO' %}{% if isShowMediaEnabled %}{% assign item_as_array = item | Array %}{% assign videoGroup = videoGroup | concat: item_as_array %}{% endif %}{%- comment -%} check GIF {%- endcomment -%}{% elsif item.mediaContentType == 'IMAGE' and item.image.originalSrc contains '.gif' %}{% if isShowMediaEnabled %}{% assign item_as_array = item | Array %}{% assign gifGroup = gifGroup | concat: item_as_array %}{% endif %}{%- comment -%}check img {%- endcomment -%}{% else %}{% assign item_as_array = item | Array %}{% assign imageGroup = imageGroup | concat: item_as_array %}{% endif %}{% endfor %}{% endif %}{% assign cleanMedia = videoGroup | concat: gifGroup | concat: imageGroup %}{%- comment -%} Fallback if cleanMedia[] {%- endcomment -%}{% if cleanMedia.size == 0 %}{% if product.images_info and product.images_info.size \u003e 0 %}{% assign cleanMedia = product.images_info %}{% elsif product.no_image %}{% assign no_image_as_array = product.no_image | Array %}{% assign cleanMedia = no_image_as_array %}{% endif %}{% endif %}{% assign show_prev_next_btns = cleanMedia.size \u003e 4 %}{% capture productData %}{\"id\": \"{{ product.id }}\",\"handle\": \"{{ product.handle }}\",\"variantId\": \"{{ product.variant_id }}\",\"splitProduct\": \"{{ product.split_product }}\",\"variants\": {{ product.variants | json | escape }},\"tags\": {{ product.tags | json | escape }},\"images\": {{ cleanMedia | json | escape }},\"media\": {{ cleanMedia | json | escape }},\"category\": \"{{ product.product_type | escape }}\",\"priceMin\": \"{{ product.price_min }}\",\"options_with_values\": {{ product.options_with_values | json | escape }}}{% endcapture %}{% if product.variants.size == 1 and product.variants[0].title == 'Default Title' %}{% assign isDefaultOption = true %}{% else %}{% assign isDefaultOption = false %}{% endif %}\u003cdiv aria-modal=\"true\" role=\"dialog\" aria-label=\"Quick view detail for product {{ product.title | escape }}\" class=\"boost-sd__modal\" id=\"boost-sd__modal-quickview\" data-product-id='{{ productData.id }}' data-product='{{ productData | json_encode }}'\u003e\u003cdiv class=\"boost-sd__modal-backdrop\"\u003e\u003c\/div\u003e\u003cdiv class=\"boost-sd__modal-container\"\u003e \u003cdiv tabindex=\"-1\" class=\"boost-sd__modal-wrapper\"\u003e \u003cdiv class=\"boost-sd__quick-view\" product-id=\"{{ product.id }}\"\u003e \u003cdiv class=\"boost-sd__quick-view-product-image\"\u003e \u003cdiv class=\"boost-sd__slider boost-sd__slider--thumb-vertical\"\u003e \u003cdiv class=\"boost-sd__thumbs-container boost-sd__thumbs-container--vertical\"\u003e {% if show_prev_next_btns %} \u003cdiv class=\"boost-sd__thumbs-container-prev-button boost-sd__thumbs-container-prev-button--vertical\"\u003e\u003cbutton type=\"button\" aria-label=\"Previous\" class=\"boost-sd__button boost-sd__button--circle boost-sd__button--full-width\" style=\"padding: 0px;\" disabled=\"\"\u003e\u003cspan class=\"boost-sd__icon\" style=\"margin: 0px;\"\u003e \u003csvg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" fill=\"none\" viewBox=\"0 0 10 7\" height=\"7\" width=\"10\" class=\"boost-sd__thumbs-container-button-icon\"\u003e \u003cpath stroke-linejoin=\"round\" stroke-linecap=\"round\" stroke=\"currentColor\" d=\"M0.764024 5.51189L5.00002 1.28789L9.23602 5.51189\"\u003e\u003c\/path\u003e \u003c\/svg\u003e \u003c\/span\u003e\u003c\/button\u003e\u003c\/div\u003e {% endif %} \u003cdiv class=\"boost-sd__thumbs-container-thumbs boost-sd__thumbs-container-thumbs--vertical\"\u003e {% if request.previewMode == true %} {% for media_item in cleanMedia limit: 4 %} \u003cdiv class=\"boost-sd__thumbs-container-thumbs-item\" data-index=\"{{ forloop.index0 }}\"\u003e \u003cdiv class=\"boost-sd__slide\"\u003e \u003cdiv class=\"boost-sd__product-image-wrapper boost-sd__product-image-wrapper--aspect-ratio-3-4\"\u003e \u003cdiv tabindex=\"0\" class=\"boost-sd__product-image\"\u003e {% if media_item.mediaContentType == 'VIDEO' and isShowMediaEnabled %} \u003cimg src=\"{{ media_item.preview.image.originalSrc }}\" alt=\"{{ product.title | escape }} video thumbnail\" fetchpriority=\"auto\" loading=\"eager\" width=\"100%\" height=\"auto\" \/\u003e \u003cdiv class=\"boost-sd__product-video-icon-overlay\"\u003e \u003csvg width=\"20\" height=\"20\" viewBox=\"0 0 20 20\" fill=\"none\"\u003e \u003cpath d=\"M15 10L7 15V5L15 10Z\" fill=\"white\" \/\u003e \u003c\/svg\u003e \u003c\/div\u003e {% else %} \u003cimg class=\"boost-sd__product-image-img\" src=\"{{ media_item.image.originalSrc | default: media_item.src }}\" fetchpriority=\"auto\" sizes=\"200px\" decoding=\"async\" loading=\"eager\" alt=\"{{ product.title | escape }} thumbnail {{ forloop.index }}\" width=\"auto\" height=\"auto\" \/\u003e {% endif %} \u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e {% endfor %} {% else %} {% for media_item in cleanMedia %} \u003cdiv class=\"boost-sd__thumbs-container-thumbs-item\" data-index=\"{{ forloop.index0 }}\"\u003e \u003cdiv class=\"boost-sd__slide\"\u003e \u003cdiv class=\"boost-sd__product-image-wrapper boost-sd__product-image-wrapper--aspect-ratio-3-4\"\u003e \u003cdiv tabindex=\"0\" class=\"boost-sd__product-image\"\u003e {% if media_item.mediaContentType == 'VIDEO' and isShowMediaEnabled %} \u003cimg src=\"{{ media_item.preview.image.originalSrc }}\" alt=\"Video thumb\" fetchpriority=\"auto\" loading=\"eager\" width=\"100%\" height=\"auto\" \/\u003e \u003cdiv class=\"boost-sd__product-video-icon-overlay\"\u003e \u003csvg width=\"20\" height=\"20\" viewBox=\"0 0 20 20\" fill=\"none\"\u003e \u003cpath d=\"M15 10L7 15V5L15 10Z\" fill=\"white\" \/\u003e \u003c\/svg\u003e \u003c\/div\u003e {% else %} \u003cimg class=\"boost-sd__product-image-img\" src=\"{{ media_item.image.originalSrc | default: media_item.src }}\" fetchpriority=\"auto\" sizes=\"200px\" decoding=\"async\" loading=\"eager\" alt=\"Thumbnail {{ forloop.index }}\" width=\"auto\" height=\"auto\" \/\u003e {% endif %} \u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e {% endfor %} {% endif %} \u003c\/div\u003e {% if show_prev_next_btns %} \u003cdiv class=\"boost-sd__thumbs-container-next-button boost-sd__thumbs-container-next-button--vertical\"\u003e\u003cbutton type=\"button\" aria-label=\"Next\" class=\"boost-sd__button boost-sd__button--circle boost-sd__button--full-width\" style=\"padding: 0px;\"\u003e\u003cspan class=\"boost-sd__icon\" style=\"margin: 0px;\"\u003e \u003csvg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" fill=\"none\" viewBox=\"0 0 10 7\" height=\"7\" width=\"10\" class=\"boost-sd__thumbs-container-button-icon\"\u003e \u003cpath stroke-linejoin=\"round\" stroke-linecap=\"round\" stroke=\"currentColor\" d=\"M0.764024 5.51189L5.00002 1.28789L9.23602 5.51189\"\u003e\u003c\/path\u003e \u003c\/svg\u003e \u003c\/span\u003e\u003c\/button\u003e\u003c\/div\u003e {% endif %} \u003c\/div\u003e \u003cdiv class=\"slick-slider\"\u003e {% if request.previewMode == true %} {% for media_item in cleanMedia limit: 1 %} \u003cdiv class=\"boost-sd__slide\" data-index=\"{{ forloop.index0 }}\"\u003e \u003cdiv class=\"boost-sd__product-image-wrapper boost-sd__product-image-wrapper--aspect-ratio-3-4\"\u003e \u003cdiv class=\"boost-sd__product-image-row boost-sd__product-image-row--top\"\u003e \u003cdiv class=\"boost-sd__product-image-column boost-sd__product-image-column--in-top boost-sd__product-image-column--left\"\u003e {% assign hideOtherLabelsWhenSoldOut = true -%} {% assign moneyFormat = request.money_format | strip_html -%} {% assign removePriceDecimal = false -%} {% assign showCentAsSuperscript = false -%} {% assign decimalDelimiter = '' -%} {% assign withoutTrailingZeros = true -%} {% if hideOtherLabelsWhenSoldOut != true -%} {% assign compareAtPriceMin = product.compare_at_price_min | default: 0 -%}
818 {% if compareAtPriceMin \u003e product.price_min and compareAtPriceMin \u003e 0 -%} {% assign percent = compareAtPriceMin | minus: product.price_min | times: 100 | divided_by: compareAtPriceMin | round -%} {% assign salePercent = percent | append: '%' -%} {% assign saleAmount = compareAtPriceMin | minus: product.price_min | format_currency: moneyFormat, showCentAsSuperscript, removePriceDecimal, decimalDelimiter, withoutTrailingZeros -%} {% assign productItemSaleTranslated = \"productItem.productItemSale\" | translate: translations, \"Sale\" | replace: '{{salePercent}}', salePercent | replace: '{{saleAmount}}', saleAmount -%} \u003cdiv class=\"boost-sd__product-label boost-sd__product-label--text boost-sd__product-label--capsule boost-sd__product-label--sale\"\u003e \u003cspan class=\"boost-sd__product-label-text\"\u003e \u003cspan\u003e{{ productItemSaleTranslated }}\u003c\/span\u003e \u003c\/span\u003e \u003c\/div\u003e {% endif -%} {% if product.available == false -%} \u003cdiv class=\"boost-sd__product-label boost-sd__product-label--text boost-sd__product-label--capsule boost-sd__product-label--soldout\"\u003e \u003cspan class=\"boost-sd__product-label-text\"\u003e{{ \"productItem.productItemSoldOut\" | translate: translations, \"Sold out\" }}\u003c\/span\u003e \u003c\/div\u003e {% endif -%} {% else -%} {% if product.available == false -%} \u003cdiv class=\"boost-sd__product-label boost-sd__product-label--text boost-sd__product-label--capsule boost-sd__product-label--soldout\"\u003e \u003cspan class=\"boost-sd__product-label-text\"\u003e{{ \"productItem.productItemSoldOut\" | translate: translations, \"Sold out\" }}\u003c\/span\u003e \u003c\/div\u003e {% else -%} {% assign compareAtPriceMin = product.compare_at_price_min | default: 0 -%} {% if compareAtPriceMin \u003e product.price_min and compareAtPriceMin \u003e 0 -%} {% assign percent = compareAtPriceMin | minus: product.price_min | times: 100 | divided_by: compareAtPriceMin | round -%} {% assign salePercent = percent | append: '%' -%} {% assign saleAmount = compareAtPriceMin | minus: product.price_min | format_currency: moneyFormat, showCentAsSuperscript, removePriceDecimal, decimalDelimiter, withoutTrailingZeros -%} {% assign translatedText = \"productItem.productItemSale\" | translate: translations, \"Sale\" | replace: '{{salePercent}}', salePercent | replace: '{{saleAmount}}', saleAmount %} \u003cdiv class=\"boost-sd__product-label boost-sd__product-label--text boost-sd__product-label--capsule boost-sd__product-label--sale\"\u003e \u003cspan class=\"boost-sd__product-label-text\"\u003e \u003cspan\u003e{{ translatedText }}\u003c\/span\u003e \u003c\/span\u003e \u003c\/div\u003e {% endif -%} {% endif -%} {% endif -%} \u003c\/div\u003e \u003c\/div\u003e \u003cdiv class=\"boost-sd__product-image\"\u003e {% if media_item.mediaContentType == 'VIDEO' and isShowMediaEnabled %} \u003cvideo controls playsinline autoplay muted loop poster=\"{{ media_item.preview.image.originalSrc }}\" width=\"100%\" height=\"auto\"\u003e {% for source in media_item.sources %} \u003csource src=\"{{ source.url }}\" type=\"{{ source.mime_type }}\"\u003e {% endfor %} \u003c\/video\u003e {% else %} \u003cimg id=\"product-image-{{ product.id }}-{{ forloop.index }}\" class=\"boost-sd__product-image-img boost-sd__product-image-img--main\" src=\"{{ media_item.image.originalSrc | default: media_item.src }}\" fetchpriority=\"auto\" sizes=\"200px\" decoding=\"async\" loading=\"eager\" alt=\"{{ product.title | escape }}\" width=\"auto\" height=\"auto\" \/\u003e {% endif %} \u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e {% endfor %} {% else %} {% for media_item in cleanMedia %} \u003cdiv class=\"boost-sd__slide\" data-index=\"{{ forloop.index0 }}\"\u003e \u003cdiv class=\"boost-sd__product-image-wrapper boost-sd__product-image-wrapper--aspect-ratio-3-4\"\u003e \u003cdiv class=\"boost-sd__product-image-row boost-sd__product-image-row--top\"\u003e \u003cdiv class=\"boost-sd__product-image-column boost-sd__product-image-column--in-top boost-sd__product-image-column--left\"\u003e {% assign hideOtherLabelsWhenSoldOut = true -%} {% assign moneyFormat = request.money_format | strip_html -%} {% assign removePriceDecimal = false -%} {% assign showCentAsSuperscript = false -%} {% assign decimalDelimiter = '' -%} {% assign withoutTrailingZeros = true -%} {% if hideOtherLabelsWhenSoldOut != true -%} {% assign compareAtPriceMin = product.compare_at_price_min | default: 0 -%}
818 {% if compareAtPriceMin \u003e product.price_min and compareAtPriceMin \u003e 0 -%} {% assign percent = compareAtPriceMin | minus: product.price_min | times: 100 | divided_by: compareAtPriceMin | round -%} {% assign salePercent = percent | append: '%' -%} {% assign saleAmount = compareAtPriceMin | minus: product.price_min | format_currency: moneyFormat, showCentAsSuperscript, removePriceDecimal, decimalDelimiter, withoutTrailingZeros -%} {% assign productItemSaleTranslated = \"productItem.productItemSale\" | translate: translations, \"Sale\" | replace: '{{salePercent}}', salePercent | replace: '{{saleAmount}}', saleAmount -%} \u003cdiv class=\"boost-sd__product-label boost-sd__product-label--text boost-sd__product-label--capsule boost-sd__product-label--sale\"\u003e \u003cspan class=\"boost-sd__product-label-text\"\u003e \u003cspan\u003e{{ productItemSaleTranslated }}\u003c\/span\u003e \u003c\/span\u003e \u003c\/div\u003e {% endif -%} {% if product.available == false -%} \u003cdiv class=\"boost-sd__product-label boost-sd__product-label--text boost-sd__product-label--capsule boost-sd__product-label--soldout\"\u003e \u003cspan class=\"boost-sd__product-label-text\"\u003e{{ \"productItem.productItemSoldOut\" | translate: translations, \"Sold out\" }}\u003c\/span\u003e \u003c\/div\u003e {% endif -%} {% else -%} {% if product.available == false -%} \u003cdiv class=\"boost-sd__product-label boost-sd__product-label--text boost-sd__product-label--capsule boost-sd__product-label--soldout\"\u003e \u003cspan class=\"boost-sd__product-label-text\"\u003e{{ \"productItem.productItemSoldOut\" | translate: translations, \"Sold out\" }}\u003c\/span\u003e \u003c\/div\u003e {% else -%} {% assign compareAtPriceMin = product.compare_at_price_min | default: 0 -%} {% if compareAtPriceMin \u003e product.price_min and compareAtPriceMin \u003e 0 -%} {% assign percent = compareAtPriceMin | minus: product.price_min | times: 100 | divided_by: compareAtPriceMin | round -%} {% assign salePercent = percent | append: '%' -%} {% assign saleAmount = compareAtPriceMin | minus: product.price_min | format_currency: moneyFormat, showCentAsSuperscript, removePriceDecimal, decimalDelimiter, withoutTrailingZeros -%} {% assign translatedText = \"productItem.productItemSale\" | translate: translations, \"Sale\" | replace: '{{salePercent}}', salePercent | replace: '{{saleAmount}}', saleAmount %} \u003cdiv class=\"boost-sd__product-label boost-sd__product-label--text boost-sd__product-label--capsule boost-sd__product-label--sale\"\u003e \u003cspan class=\"boost-sd__product-label-text\"\u003e \u003cspan\u003e{{ translatedText }}\u003c\/span\u003e \u003c\/span\u003e \u003c\/div\u003e {% endif -%} {% endif -%} {% endif -%} \u003c\/div\u003e \u003c\/div\u003e \u003cdiv class=\"boost-sd__product-image\"\u003e {% if media_item.mediaContentType == 'VIDEO' and isShowMediaEnabled %} \u003cvideo controls playsinline autoplay muted loop poster=\"{{ media_item.preview.image.originalSrc }}\" width=\"100%\" height=\"auto\"\u003e {% for source in media_item.sources %} \u003csource src=\"{{ source.url }}\" type=\"{{ source.mime_type }}\"\u003e {% endfor %} \u003c\/video\u003e {% else %} \u003cimg id=\"product-image-{{ product.id }}-{{ forloop.index }}\" class=\"boost-sd__product-image-img boost-sd__product-image-img--main\" src=\"{{ media_item.image.originalSrc | default: media_item.src }}\" fetchpriority=\"auto\" sizes=\"200px\" decoding=\"async\" loading=\"eager\" alt=\"{{ product.title | escape }}\" width=\"auto\" height=\"auto\" \/\u003e {% endif %} \u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e {% endfor %} {% endif %} \u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003cdiv tabindex=\"0\" class=\"boost-sd__quick-view-product-info\"\u003e \u003ch2 class=\"boost-sd__quick-view-title\"\u003e{{ product.title | escape }}\u003c\/h2\u003e \u003cp class=\"boost-sd__quick-view-vendor\"\u003e{{ product.vendor }}\u003c\/p\u003e {% capture showCurrencyCodes %}false{% endcapture %} {% assign moneyFormat = request.money_format | strip_html -%} {% if showCurrencyCodes == 'true' %} {% assign moneyFormat = request.money_format_with_currency | strip_html -%} {% endif %} \u003cdiv class=\"boost-sd__quick-view-price\"\u003e \u003cspan class=\"boost-sd__format-currency\"\u003e\u003cspan class=\"\"\u003e{{ product.price_min | format_currency: moneyFormat }}\u003c\/span\u003e\u003c\/span\u003e \u003c\/div\u003e {% if isDefaultOption == false %} {% for swatch in product.options_with_values %} \u003cdiv class=\"boost-sd__product-swatch\"\u003e \u003cdiv class=\"boost-sd__product-swatch-title\"\u003e{{ swatch.label | escape }}\u003c\/div\u003e \u003cdiv class=\"boost-sd__product-swatch-options\"\u003e {% for value in swatch.values %} {% assign swatchBy = 'text' %} {% assign backgroundSwatch = \"background-color: \" | append: value.title | strip_html | escape %} {% assign domain = request.shop %} {% assign imageName = value.title | strip_html | downcase | strip | escape %} {% if imageName contains \" \" %} {% assign imageName = imageName | replace: ' ', \"-\" %} {% endif %} {% if swatch.original_name == 'color' %} {% assign url = \"\/\/\" | append: domain | append: \"\/cdn\/shop\/files\/\" | append: imageName | append: \".png\" %} {% assign backgroundSwatch = backgroundSwatch | append: \"; background-image: url('\" | append: url | append: \"');\" %} {% assign swatchBy = 'color-and-image' %} {% endif %} {% for variant in product.variants %} {% assign options = variant.merged_options %} {% if variant.original_merged_options != nil %} {% assign options = variant.original_merged_options %} {% endif %} {% for option in options %} {% assign currentOption = option | strip_html | downcase | strip | replace: 'color:', '' | escape %} {% if currentOption contains \" \" %} {% assign currentOption = currentOption | replace: ' ', \"-\" %} {% endif %} {% if currentOption == imageName and variant.image %} {% assign backgroundSwatch = \"background-image: url('\" | append: variant.image | append: \"');\" %} {% assign swatchBy = 'product-image' %} {% endif %} {% endfor %} {% endfor %} \u003cdiv class=\"boost-sd__product-swatch-option\" data-swatch-by='{{ swatchBy }}'\u003e \u003cdiv class=\"boost-sd__radio\"\u003e \u003cdiv class=\"boost-sd__tooltip\"\u003e {% if swatch.original_name == 'color' %} \u003cdiv class=\"boost-sd__tooltip-content\"\u003e{{ value.title | strip_html | escape }}\u003c\/div\u003e {% endif %} \u003cinput id=\"product-swatch-qv-{{ product.id }}-{{ value.title | strip_html | escape }}\" class=\"boost-sd__radio-input boost-sd__radio-input--hidden\" type=\"radio\" value=\"{{ value.title | strip_html | escape }}\" checked=\"\" \/\u003e {% if swatch.original_name == 'color' %} \u003clabel role=\"radio\" tabindex=\"0\" aria-label=\"{{ swatch.original_name }}:{{ value.title }}\" for=\"product-swatch-qv-{{ product.id }}-{{ value.title | strip_html | escape }}\" data-swatch-value=\"{{ value.title | strip_html | escape }}\" class=\"boost-sd__radio-label boost-sd__radio-label--hide-text boost-sd__radio-label--large\" style=\"{{ backgroundSwatch }}\"\u003e {{ value.title | strip_html | escape }} \u003c\/label\u003e {% else %} \u003clabel role=\"radio\" tabindex=\"0\" aria-label=\"{{ swatch.original_name }}:{{ value.title }}\" for=\"product-swatch-qv-{{ product.id }}-{{ value.title | strip_html | escape }}\" data-swatch-value=\"{{ value.title | strip_html | escape }}\" class=\"boost-sd__radio-label boost-sd__radio-label--in-quick-view\"\u003e {{ value.title | strip_html | escape }} \u003c\/label\u003e {% endif %} \u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e {% endfor %} \u003c\/div\u003e \u003c\/div\u003e {% endfor %} {% endif %} \u003cdiv class=\"boost-sd__quick-view-quantity\"\u003e \u003cp class=\"boost-sd__quick-view-quantity-title\"\u003e{{ \"quickView.qvQuantity\" | translate: translations, 'Quantity' }}\u003c\/p\u003e \u003cdiv class=\"boost-sd__input-number boost-sd__input-number--md\"\u003e \u003cdiv class=\"boost-sd__input-number-btn-wrapper\"\u003e \u003cbutton type=\"button\" aria-label=\"Decrease quantity\" class=\"boost-sd__button boost-sd__button--full-width boost-sd__input-number-btn\"\u003e\u003cspan\u003e-\u003c\/span\u003e\u003c\/button\u003e \u003c\/div\u003e \u003cinput type=\"number\" aria-label=\"Item quantity\" class=\"boost-sd__input-number-input\" value=\"1\" \/\u003e \u003cdiv class=\"boost-sd__input-number-btn-wrapper\"\u003e \u003cbutton type=\"button\" aria-label=\"Increase quantity\" class=\"boost-sd__button boost-sd__button--full-width boost-sd__input-number-btn\"\u003e\u003cspan\u003e+\u003c\/span\u003e\u003c\/button\u003e \u003c\/div\u003e \u003c\/div\u003e \u003cdiv class=\"boost-sd__quick-view-quantity-error\" style=\"color: red; font-size: 90%; display: none\"\u003e{{ \"quickView.qvQuantityError\" | translate: translations, 'Please input quantity' }}\u003c\/div\u003e \u003c\/div\u003e \u003c!-- TODO check preorder --\u003e \u003cdiv class=\"boost-sd__quick-view-preorder\"\u003e \u003c!-- TEMPLATE PRE_ORDER WITH PAYMENT --\u003e \u003c!-- TODO check preorder --\u003e {% if product.variants %} {% assign variants = product.variants %} {% else %} {% assign variants = variants %} {% endif %} {% for variant in variants %} {% if variant.preorder %} {% assign paymentType = variant.preorder.payment.type %} {% assign discountType = variant.preorder.payment.discountType %} {% assign discountValue = variant.preorder.payment.discountValue %} {% assign originalPrice = variant.price %} {% assign paymentLabel = '' %} {% if paymentType == 'full' %} {% assign paymentLabel = 'Full payment' %} {% endif %} {% if paymentType == 'partial' %} {% assign paymentLabel = 'Partial payment' %} {% endif %} {% if paymentType == 'none' %} {% assign paymentLabel = 'No payment' %} {% endif %} {% capture showCurrencyCodes %}false{% endcapture %} {% assign moneyFormat = request.money_format | strip_html -%} {% if showCurrencyCodes == 'true' %} {% assign moneyFormat = request.money_format_with_currency | strip_html -%} {% endif %} {% assign moneyRate = request.currency_rate | strip_html -%} {% if discountType == 'percentage' %} {% assign percentNum = originalPrice | times: discountValue | divided_by: 100 %} {% assign discountedPrice = originalPrice | times: 1.0 | minus: percentNum %} {% elsif discountType == 'amount' %} {% assign discountValue = discountValue | times: moneyRate %} {% assign discountedPrice = originalPrice | times: 1.0 | minus: discountValue %} {% else %} {% assign discountedPrice = originalPrice %} {% endif %} {% assign removePriceDecimal = false -%} {% assign showCentAsSuperscript = false -%} {% assign decimalDelimiter = '' -%} {% assign withoutTrailingZeros = true -%} {% assign originalPriceFormat = originalPrice | format_currency: moneyFormat, showCentAsSuperscript, removePriceDecimal, decimalDelimiter, withoutTrailingZeros -%} {% assign discountedPriceFormat = discountedPrice | format_currency: moneyFormat, showCentAsSuperscript, removePriceDecimal, decimalDelimiter, withoutTrailingZeros -%} {% assign discountValueFormat = discountValue | format_currency: moneyFormat, showCentAsSuperscript, removePriceDecimal, decimalDelimiter, withoutTrailingZeros %} \u003cdiv tabindex=\"0\" role=\"region\" aria-labelledby=\"preorder-title\" aria-describedby=\"preorder-description\" class=\"boost-sd__preorder\" data-variant-id=\"{{ variant.id }}\"\u003e \u003cdiv class=\"boost-sd__preorder-option\"\u003e \u003ch2 id=\"preorder-title\" class=\"boost-sd__preorder-title\"\u003e{{ paymentLabel }}\u003c\/h2\u003e \u003cdiv aria-live=\"polite\" id=\"preorder-description\" class=\"boost-sd__preorder-discount\"\u003e {% if discountType == 'percentage' %} \u003cspan class=\"boost-sd__preorder-save\"\u003eSave {{ discountValue }}%\u003c\/span\u003e {% elsif discountType == 'amount' %} \u003cspan class=\"boost-sd__preorder-save\"\u003eSave {{ discountValueFormat }}\u003c\/span\u003e {% endif %} \u003cdiv class=\"boost-sd__preorder-price\"\u003e {% if discountType != 'none' %} \u003cspan aria-label=\"Original Price: {{ originalPriceFormat }}\" class=\"boost-sd__preorder-original-price\"\u003e{{ originalPriceFormat }}\u003c\/span\u003e {% endif %} \u003cspan aria-label=\"Discounted Price: {{ discountedPriceFormat }}\" class=\"boost-sd__preorder-discounted-price\"\u003e{{ discountedPriceFormat }}\u003c\/span\u003e \u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e {% endif %} {% endfor %} {% assign buttonLabel = 'Pre-Order' %} {% assign preOrderButtonText = variants[0].preorder.settings.buttonText %} {% assign preOrderDeliveryText = variants[0].preorder.settings.deliveryText %} {% if preOrderButtonText and preOrderButtonText != '' %} {% assign buttonLabel = preOrderButtonText %} {% endif %} \u003cbutton type=\"button\" aria-label='{{ buttonLabel }}' class=\"boost-sd__button boost-sd__button--border boost-sd__button--round boost-sd__button--large boost-sd__button--preorder\"\u003e \u003cspan aria-hidden=\"true\" class=\"boost-sd__button-text\"\u003e {{ buttonLabel }} \u003c\/span\u003e \u003c\/button\u003e \u003cp tabindex=\"0\" class=\"boost-sd__preorder-note\"\u003e \u003cstrong class=\"boost-sd__preorder-note-title\"\u003ePlease note: \u003c\/strong\u003e\u003cspan class=\"boost-sd__preorder-note-text\"\u003e{{ preOrderDeliveryText }}\u003c\/span\u003e \u003c\/p\u003e \u003c\/div\u003e \u003cdiv class=\"boost-sd__quick-view-btn\"\u003e \u003cbutton type=\"button\" class=\"boost-sd__button boost-sd__button--border boost-sd__button--round boost-sd__button--large boost-sd__btn-add-to-cart\"\u003e \u003cspan class=\"boost-sd__button-text\"\u003e {{ \"productItem.atcAvailableLabel\" | translate: translations, 'Add to cart' }} \u003c\/span\u003e \u003c\/button\u003e \u003cbutton type=\"button\" class=\"boost-sd__button boost-sd__button--border boost-sd__button--round boost-sd__button--large boost-sd__btn-buy-now\"\u003e \u003cspan class=\"boost-sd__button-text\"\u003e{{ \"quickView.buyItNowBtnLabel\" | translate: translations, 'Buy it now' }}\u003c\/span\u003e \u003c\/button\u003e \u003c\/div\u003e \u003ca class=\"boost-sd__quick-view-details-link\" href=\"\/products\/{{ product.handle }}\"\u003e{{ \"quickView.qvViewFullDetails\" | translate: translations, 'View full details' }}\u003c\/a\u003e \u003c\/div\u003e \u003c\/div\u003e \u003cbutton type=\"button\" aria-label='{{ \"close\" | translate: translations, \"Close\" }}' class=\"boost-sd__button boost-sd__button--transparent boost-sd__button--float boost-sd__modal-close-btn\"\u003e \u003csvg class=\"boost-sd__modal-close-svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"\u003e \u003cpath fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M19.3536 5.35355C19.5488 5.15829 19.5488 4.84171 19.3536 4.64645C19.
8181583 4.45118 18.8417 4.45118 18.6464 4.64645L12 11.2929L5.35355 4.64645C5.15829 4.45118 4.84171 4.45118 4.64645 4.64645C4.45118 4.84171 4.45118 5.15829 4.64645 5.35355L11.2929 12L4.64645 18.6464C4.45118 18.8417 4.45118 19.1583 4.64645 19.3536C4.84171 19.5488 5.15829 19.5488 5.35355 19.3536L12 12.7071L18.6464 19.3536C18.8417 19.5488 19.1583 19.5488 19.3536 19.3536C19.5488 19.1583 19.5488 18.8417 19.3536 18.6464L12.7071 12L19.3536 5.35355Z\" fill=\"#222222\"\u003e\u003c\/path\u003e \u003c\/svg\u003e \u003c\/button\u003e \u003c\/div\u003e\u003c\/div\u003e\u003c\/div\u003e", 819 820 821 822 823 824 "cart": "\u003c!-- TEMPLATE CART --\u003e\u003c!-- This Template contains a few variables built from the client js side --\u003e{% assign currentLocale = '' %}{% if locale != \"\" or locale != null %}{% assign currentLocale = locale %}{% endif %}", 825 826 827 828 829 830 "refineBy": "\u003c!-- TEMPLATE REFINE BY --\u003e\u003cdiv class='boost-sd__refine-by-vertical-refine-by'\u003e\u003cdiv class='boost-sd__refine-by-vertical-refine-by-title'\u003e \u003cdiv class='boost-sd__refine-by-vertical-refine-by-heading'\u003e {{ 'refine' | translate: translations, 'Refine By' }} \u003c\/div\u003e \u003cbutton type='button' aria-label='{{ \"clearAll\" | translate: translations, \"Clear All\" }}' id='boost-sd__button--clear-all-filters' class='boost-sd__button boost-sd__button--clear' data-metadata='{ \"action\": { \"clearAllFilter\": \"\" } }'\u003e \u003cspan class='boost-sd__button-text' data-metadata='{ \"action\": { \"clearAllFilter\": \"\" } }' aria-hidden='true'\u003e {{- 'clearAll' | translate: translations, 'Clear All' -}} \u003c\/span\u003e \u003c\/button\u003e\u003c\/div\u003e\u003cdiv class='boost-sd__refine-by-vertical-refine-by-list'\u003e {% for refineByOption in refineBy.options %} \u003cbutton aria-label='Clear {{ refineByOption.data.label | escape }}: {% if refineByOption.type == \"range\" %}{% if refineByOption.data.key == \"pf_p_price\" or refineByOption.data.key == \"pf_vp_variants_price\" %}{{ refineByOption.data.value.lower | currency_format: refineByOption.data.moneyFormatValue }} to {{ refineByOption.data.value.upper | currency_format: refineByOption.data.moneyFormatValue }}{% else %}{{ refineByOption.data.value.lower | escape }} to {{ refineByOption.data.value.upper | escape }}{% endif %}{% else %}{{ refineByOption.data.valueDisplay | escape }}{% endif %}' metadata='{\"action\": { \"clearFilter\": {{ refineByOption.metaData | json | escape }} } }' class='boost-sd__refine-by-vertical-refine-by-item' id='{{ refineByOption.data.value | downcase | replace: \" \", \"-\" | append: \"-clear-filter\" | simpleMd5 }}'\u003e \u003cdiv metadata='{\"action\": { \"clearFilter\": {{ refineByOption.metaData | json | escape }} } }' class='boost-sd__refine-by-vertical-refine-by-type'\u003e \u003cspan metadata='{\"action\": { \"clearFilter\": {{ refineByOption.metaData | json | escape }} } }' class='boost-sd__refine-by-vertical-refine-by-option'\u003e {{ refineByOption.data.label | escape }}: \u003c\/span\u003e \u003cspan metadata='{\"action\": { \"clearFilter\": {{ refineByOption.metaData | json | escape }} } }' class='boost-sd__refine-by-vertical-refine-by-value'\u003e {% if refineByOption.type == 'range' %} {% if refineByOption.data.key == 'pf_p_price' or refineByOption.data.key == 'pf_vp_variants_price' %} {{ refineByOption.data.value.lower | currency_format: refineByOption.data.moneyFormatValue }} - {{ refineByOption.data.value.upper | currency_format: refineByOption.data.moneyFormatValue }} {% else %} {{ refineByOption.data.value.lower | escape }} - {{ refineByOption.data.value.upper | escape }} {% endif %} {% else %} {% if refineByOption.data.valueDisplay contains ':' %} {{ refineByOption.data.valueDisplay | split: ':' | last | escape }} {% else %} {{ refineByOption.data.valueDisplay | escape }} {% endif %} {% endif %} \u003c\/span\u003e \u003c\/div\u003e \u003csvg metadata='{\"action\": { \"clearFilter\": {{ refineByOption.metaData | json | escape }} } }
830' class='boost-sd__refine-by-vertical-refine-by-clear' xmlns='http:\/\/www.w3.org\/2000\/svg' width='12' height='12' viewBox='0 0 12 12' role='img' aria-hidden='true' fill='#222'\u003e \u003cpath metadata='{\"action\": { \"clearFilter\": {{ refineByOption.metaData | json | escape }} } }' fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M7.41401 6.00001L11.707 1.70701C12.098 1.31601 12.098 0.684006 11.707 0.293006C11.316 -0.0979941 10.684 -0.0979941 10.293 0.293006L6.00001 4.58601L1.70701 0.293006C1.31601 -0.0979941 0.684006 -0.0979941 0.293006 0.293006C-0.0979941 0.684006 -0.0979941 1.31601 0.293006 1.70701L4.58601 6.00001L0.293006 10.293C-0.0979941 10.684 -0.0979941 11.316 0.293006 11.707C0.488006 11.902 0.744006 12 1.00001 12C1.25601 12 1.51201 11.902 1.70701 11.707L6.00001 7.41401L10.293 11.707C10.488 11.902 10.744 12 11 12C11.256 12 11.512 11.902 11.707 11.707C12.098 11.316 12.098 10.684 11.707 10.293L7.41401 6.00001Z\" fill=\"#3D4246\"\u003e \u003c\/path\u003e \u003c\/svg\u003e \u003c\/button\u003e {% endfor %} \u003c\/div\u003e\u003c\/div\u003e", 831 832 833 834 835 836 "filterOptionBoxItem": "\u003c!-- This Template contains a few variables built from the client js side --\u003e{% if request.previewMode == true %}\u003cli class=\"boost-sd__filter-option-item boost-sd__filter-option-box-item\"\u003e\u003cbutton role='checkbox' aria-label='{{ value.key | escape_once | strip_html }}. Number of products: {{ value.doc_count }}' aria-checked='false' class='boost-sd__filter-option-item-button boost-sd__filter-option-item-button--as-button'\u003e \u003cspan class='boost-sd__filter-option-item-label'\u003e {% if option.displayAllValuesInUppercaseForm %} {{ value.key | escape | upcase }} {% else %} {{ value.key | escape }} {% endif %} \u003c\/span\u003e\u003c\/button\u003e\u003c\/li\u003e{% else %}\u003cli class='{{ className }}'\u003e\u003cbutton role='checkbox' aria-label='Find product with {{ label | escape }} is {{ value.label | escape_once | strip_html }}. Number of products: {{ value.doc_count }}' aria-checked='{% if className contains \"boost-sd__filter-option-box-item--selected\" %}true{% else %}false{% endif %}' id='{{ actionId }}' class='boost-sd__filter-option-item-button boost-sd__filter-option-item-button--as-button' data-action='{{ dataAction }}'\u003e \u003cspan data-action='{{ dataAction }}' class='boost-sd__filter-option-item-label'\u003e {% if displayAllValuesInUppercaseForm %} {{ value.label | escape | upcase }} {% else %} {{ value.label | escape }} {% endif %} \u003c\/span\u003e\u003c\/button\u003e\u003c\/li\u003e{% endif %}", 837 838 839 840 841 842 "filterOptionListItem": "\u003c!-- This Template contains a few variables built from the client js side --\u003e{% if request.previewMode == true %}\u003cli class=\"boost-sd__filter-option-item boost-sd__filter-option-list-option-item\"\u003e\u003cbutton role=\"checkbox\" aria-checked=\"false\" aria-label=\"{{ value.key | escape_once }}. Number of products: {{ value.doc_count }}\" class=\"boost-sd__filter-option-item-button boost-sd__filter-option-item-button--as-button boost-sd__filter-option-item-button--with-checkbox\"\u003e {% if option.filterType == \"variants_price\" or option.filterType == \"price\" %} {% if value.from == 0 %} {{ \"under\" | translate: translations, \"Under\" }} {{ value.to | format_currency: option.moneyFormatValue }} {% elsif value.to == nil %} {{ \"above\" | translate: translations, \"Above\" }} {{ value.from | format_currency: option.moneyFormatValue }} {% elsif value.from != 0 and value.to != nil %} {{ value.from | format_currency: option.moneyFormatValue }} - {{ value.to | format_currency: option.moneyFormatValue }} {% endif %} {% elsif option.filterType == \"percent_sale\" %} {% if value.from == nil %} {{ \"under\" | translate: translations, \"Under\" }} {{ value.to }} {% elsif value.to == nil %} {{ \"above\" | translate: translations, \"Above\" }} {{ value.from }} {% elsif value.from != 0 and value.to != nil %} {{ value.from }}% - {{ value.to }}% {% endif %} {% else %} \u003cspan class=\"boost-sd__filter-option-item-label\"\u003e {% if option.displayAllValuesInU
842ppercaseForm %} {% if option.filterType == \"stock\" or option.filterType == \"collection\" %} {{ value.label | upcase | escape }} {% else %} {{ value.key | upcase | escape }} {% endif %} {% else %} {% if option.filterType == \"stock\" or option.filterType == \"collection\" %} {{ value.label | escape }} {% else %} {{ value.key | escape }} {% endif %} {% endif %} \u003c\/span\u003e {% endif %} {% if filterSettings.showFilterOptionCount %} \u003cspan aria-hidden=\"true\" class=\"boost-sd__filter-option-item-amount\"\u003e({{ value.doc_count }})\u003c\/span\u003e {% endif %} \u003c\/button\u003e\u003c\/li\u003e{% else %}\u003cli class='boost-sd__filter-option-item boost-sd__filter-option-list-option-item'\u003e\u003cbutton role='checkbox' aria-checked='{% if className contains \"boost-sd__filter-option-item-button--selected\" %}true{% else %}false{% endif %}' aria-label='Find product with {{ label | escape }} is {{ value.label | escape_once | strip_html }}. Number of products: {{ value.doc_count }}' id='{{ actionId }}' class='{{ className }}' data-action='{{ dataAction }}'\u003e \u003cspan data-action='{{ dataAction }}' class='boost-sd__filter-option-item-label'\u003e {% if displayAllValuesInUppercaseForm %} {{ value.label | upcase | escape }} {% else %} {{ value.label | escape }} {% endif %} \u003c\/span\u003e {% if showDocCount %} \u003cspan data-action='{{ dataAction }}' aria-hidden='true' class='boost-sd__filter-option-item-amount'\u003e ({{ value.doc_count }})\u003c\/span\u003e {% endif %} \u003c\/button\u003e\u003c\/li\u003e{% endif %}", 843 844 845 846 847 848 "filterOptionSwatchItem": "\u003c!-- This Template contains a few variables built from the client js side --\u003e{% assign swatchListStyle = option.swatchStyle == 'circle-list' or option.swatchStyle == 'square-list' %}{% if request.previewMode == true %}{% assign swatchTyleClass = \"\" %}{% if swatchListStyle %}{% assign swatchTyleClass = \"list\" %}{% else %}{% assign swatchTyleClass = \"grid\" %}{% endif %}\u003cli class='boost-sd__filter-option-item boost-sd__filter-option-swatch-item'\u003e\u003cbutton title='{{ value.key | strip_html | escape }}. Number of products: {{ value.doc_count }}' role='checkbox' aria-checked='false' class='boost-sd__filter-option-item-button boost-sd__filter-option-item-button--as-button'\u003e \u003cspan class='boost-sd__filter-option-swatch-item-img boost-sd__filter-option-swatch-item-img--{{ swatchTyleClass }} boost-sd__filter-option-swatch-item-img--circle' style='background-color: {{ value.key | escape }};'\u003e\u003c\/span\u003e {% if swatchListStyle %} \u003cspan class='boost-sd__filter-option-item-label'\u003e {% if option.displayAllValuesInUppercaseForm %} {{ value.key | escape | upcase }} {% else %} {{ value.key | escape }} {% endif %} \u003c\/span\u003e \u003cspan aria-hidden='true' class='boost-sd__filter-option-item-amount'\u003e({{ value.doc_count }})\u003c\/span\u003e {% endif %} \u003c\/button\u003e\u003c\/li\u003e{% else %}\u003cli data-action='{{ dataAction }}' class='boost-sd__filter-option-item boost-sd__filter-option-swatch-item'\u003e\u003cbutton role='checkbox' aria-checked='{% if className contains \"boost-sd__filter-option-item-button--selected\" %}true{% else %}false{% endif %}' title='Find product with {{ label | escape }} is {{ value.label | escape | strip_html }}. Number of products: {{ value.doc_count }}' id='{{ actionId }}' data-action='{{ dataAction }}' class='boost-sd__filter-option-item-button boost-sd__filter-option-item-button--as-button'\u003e {% if swatchValue.backgroundColor == nil %} {% assign swatchBackgroundColor = \"none\" %} {% else %} {% assign swatchBackgroundColor = swatchValue.backgroundColor | strip_html %} {% endif %} {% if swatchValue.backgroundImage == nil %} {% assign swatchBackgroundImage = \"none\" %} {% else %} {% assign swatchBackgroundImage = swatchValue.backgroundImage | strip_html %} {% endif %} \u003cspan data-action='{{ dataAction }}' class='{{ className }}
848' style='background-color: {{ swatchBackgroundColor }}; background-image: {{ swatchBackgroundImage }}'\u003e\u003c\/span\u003e {% if swatchType == 'list' %} \u003cspan data-action='{{ dataAction }}' class='boost-sd__filter-option-item-label'\u003e {% if option.displayAllValuesInUppercaseForm %} {{ value.label | escape | upcase }} {% else %} {{ value.label | escape }} {% endif %} \u003c\/span\u003e {% if showDocCount %} \u003cspan data-action='{{ dataAction }}' aria-hidden='true' class='boost-sd__filter-option-item-amount'\u003e({{ value.doc_count }})\u003c\/span\u003e {% endif %} {% endif %} \u003c\/button\u003e\u003c\/li\u003e{% endif %}", 849 850 851 852 853 854 "filterOptionMultiLevelCollectionItem": "\u003c!-- This Template contains a few variables built from the client js side --\u003e{% if request.previewMode == true %}\u003cli class='boost-sd__filter-option-item boost-sd__filter-option-item-multilevel-collections {% if option.keepValuesStatic and value.doc_count == 0 %} boost-sd__filter-option-item-multilevel-collections--disabled {% endif %}'\u003e\u003cdiv class='boost-sd__filter-option-item-multilevel-collections-firstlevel'\u003e \u003ca title='Link to {{ value.displayName }}. Number of products: {{ value.doc_count }}' href='\/collections\/{{ value.handle }}' class='boost-sd__filter-option-item-button boost-sd__filter-option-item-button--as-link'\u003e \u003cspan class='boost-sd__filter-option-item-label'\u003e {% if option.displayAllValuesInUppercaseForm %} {{ value.displayName | upcase }} {% else %} {{ value.displayName }} {% endif %} \u003c\/span\u003e \u003c\/a\u003e {% if showDocCount %} \u003cspan role='text' aria-hidden='true' class='boost-sd__filter-option-item-amount'\u003e({{ value.doc_count }})\u003c\/span\u003e {% endif %} {% if value.existedTags %} \u003cbutton type='button' aria-label='Expand\/Collapse {{ value.displayName }}' class='boost-sd__button boost-sd__button--transparent'\u003e \u003csvg class='boost-sd__arrow-icon boost-sd__arrow-icon--right' xmlns='http:\/\/www.w3.org\/2000\/svg' width='7' height='12' role='img' aria-label='Expand\/Collapse {{ value.displayName }}' viewBox='0 0 7 12' fill='#222'\u003e \u003cpath class=\"boost-sd__arrow-icon-path\" d=\"M6.58942 0.610713C6.26398 0.285274 5.73635 0.285274 5.41091 0.610713L0.611415 5.41021C0.455135 5.56649 0.366829 5.77895 0.366829 5.99996C0.366829 6.22098 0.454629 6.43294 0.610909 6.58922L5.41091 11.3892C5.73635 11.7147 6.26398 11.7147 6.58942 11.3892C6.91486 11.0638 6.91486 10.5362 6.58942 10.2107L2.37867 5.99996L6.58942 1.78922C6.91486 1.46379 6.91486 0.936153 6.58942 0.610713Z\"\u003e\u003c\/path\u003e \u003c\/svg\u003e \u003c\/button\u003e {% endif %} \u003c\/div\u003e\u003c\/li\u003e{% else %}{% assign currentLocale = '' %}{% if locale != \"\" %}{% assign currentLocale = '\/' | append: locale %}{% endif %}\u003cli class='boost-sd__filter-option-item boost-sd__filter-option-item-multilevel-collections {% if option.keepValuesStatic and value.doc_count == 0 %} boost-sd__filter-option-item-multilevel-collections--disabled {% endif %}'\u003e\u003cdiv class='boost-sd__filter-option-item-multilevel-collections-firstlevel'\u003e \u003ca id='{{ actionId }}' metaData='{{ metaData | json | escape }}' title='Link to {{ value.displayName }}. Number of products: {{ value.doc_count }}' data-action='select-filter-item' href='{{ currentLocale }}\/collections\/{{ value.handle }}' class='{{ className }}'\u003e \u003cspan style='{{ styleOptionItem }}' data-metadata='{{ metaData | json | escape }}' class='boost-sd__filter-option-item-label'\u003e {% if option.displayAllValuesInUppercaseForm %} {{ value.displayName | upcase }} {% else %} {{ value.displayName }} {% endif %} \u003c\/span\u003e {% if showDocCount %} \u003cspan role='text' aria-hidden='true' class='boost-sd__filter-option-item-amount'\u003e({{ value.doc_count }})\u003c\/span\u003e {% endif %} \u003c\/a\u003e {% if value.existedTags %} \u003cbutton aria-label='Expand\/Collapse {{ value.displayName }}' id='{{ value.actionIdArrow }}' data-metadata='{{ value.metaDataArrow | json | escape }}' type='button' class='boost-sd__button boost-sd__button--transparent' style='padding-right: 0px;'\u003e \u003csvg id='{{ value.targetIdArrow }}' data-metadata='{{ value.metaDataArrow | json | escape }}' class='boost-sd__arrow-icon boost-sd__arrow-icon--right' xmlns='http:\/\/www.w3.org\/2000\/svg' width='7' height='12' role='img' aria-label='Expand\/Collapse {{ value.displayName }}' viewBox='0 0 7 12' fill='#222'\u003e \u003cpath data-metadata='{{ value.metaDataArrow | json | escape }}' class=\"boost-sd__arrow-icon-path\" d=\"M6.58942 0.610713C6.26398 0.285274 5.73635 0.285274 5.41091 0.610713L0.611415 5.41021C0.455135 5.56649 0.366829 5.77895 0.366829 5.99996C0.366829 6.22098 0.454629 6.43294 0.610909 6.58922L5.41091 11.3892C5.73635 11.7147 6.26398 11.7147 6.58942 11.3892C6.91486 11.0638 6.91486 10.5362 6.58942 10.2107L2.37867 5.99996L6.58942 1.78922C6.91486 1.46379 6.91486 0.936153 6.58942 0.610713Z\"\u003e\u003c\/path\u003e \u003c\/svg\u003e \u003c\/button\u003e {% endif %} \u003c\/div\u003e {% if value.existedTags \u003e 0 %} \u003cul id='{{ value.targetIdList }}' class='boost-sd__filter-option-item-multilevel-collections-listitem boost boost-sd__g-hide'\u003e {% for tag in value.tags %} \u003cli class='boost-sd__filter-option-item-multilevel-collections-secondlevel'\u003e \u003cdiv class='boost-sd__filter-option-item boost-sd__filter-option-item-multilevel-collections-secondlevel-title'\u003e \u003ca id='{{ tag.actionId }}' data-metadata='{{ tag.metaData | json | escape }}' title='Link to {{ tag.displayName }}' data-action='select-filter-item' href='{{ currentLocale }}\/collections\/{{ value.handle }}\/{{ tag.tag }}' class='{{ tag.className }}'\u003e \u003cspan data-metadata='{{ tag.metaData | json | escape }}' class='boost-sd__filter-option-item-label'\u003e {% if option.displayAllValuesInU
854ppercaseForm %} {{ tag.displayName | upcase }} {% else %} {{ tag.displayName }} {% endif %} \u003c\/span\u003e \u003c\/a\u003e {% if tag.existedSubTags %} \u003cbutton aria-label='Expand\/Collapse {{ tag.displayName }}' id='{{ tag.actionIdArrow }}' data-metadata='{{ tag.metaDataArrow | json | escape }}' type='button' class='boost-sd__button boost-sd__button--transparent' style='padding-right: 0px;'\u003e \u003csvg id='{{ tag.targetIdArrow }}' data-metadata='{{ tag.metaDataArrow | json | escape }}' class='boost-sd__arrow-icon boost-sd__arrow-icon--right' xmlns='http:\/\/www.w3.org\/2000\/svg' width='7' height='12' role='img' aria-label='Expand\/Collapse {{ tag.displayName }}' viewBox='0 0 7 12' fill='#222'\u003e \u003cpath data-metadata='{{ tag.metaDataArrow | json | escape }}' class=\"boost-sd__arrow-icon-path\" d=\"M6.58942 0.610713C6.26398 0.285274 5.73635 0.285274 5.41091 0.610713L0.611415 5.41021C0.455135 5.56649 0.366829 5.77895 0.366829 5.99996C0.366829 6.22098 0.454629 6.43294 0.610909 6.58922L5.41091 11.3892C5.73635 11.7147 6.26398 11.7147 6.58942 11.3892C6.91486 11.0638 6.91486 10.5362 6.58942 10.2107L2.37867 5.99996L6.58942 1.78922C6.91486 1.46379 6.91486 0.936153 6.58942 0.610713Z\"\u003e\u003c\/path\u003e \u003c\/svg\u003e \u003c\/button\u003e {% endif %} \u003c\/div\u003e {% if tag.existedSubTags %} \u003cul id='{{ tag.targetIdList }}' class='boost-sd__filter-option-item-multilevel-collections-thirdlevel boost-sd__g-hide'\u003e {% for subTag in tag.subTags %} \u003cli class='boost-sd__filter-option-item boost-sd__filter-option-item-multilevel-collections-thirdlevel-title'\u003e \u003ca id='{{ subTag.actionId }}' data-metadata='{{ subTag.metaData | json | escape }}' title='Link to {{ subTag.displayName }}' data-action='select-filter-item' href='{{ currentLocale }}\/collections\/{{ value.handle }}\/{{ subTag.tag }}' class='{{ subTag.className }}'\u003e \u003cspan data-metadata='{{ subTag.metaData | json | escape }}' class='boost-sd__filter-option-item-label'\u003e {% if option.displayAllValuesInUppercaseForm %} {{ subTag.displayName | upcase }} {% else %} {{ subTag.displayName }} {% endif %} \u003c\/span\u003e \u003c\/a\u003e \u003c\/li\u003e {% endfor %} \u003c\/ul\u003e {% endif %} \u003c\/li\u003e {% endfor %} \u003c\/ul\u003e {% endif %}\u003c\/li\u003e{% endif %}", 855 856 857 858 859 860 "filterOptionMultiLevelTagItem": "\u003c!-- This Template contains a few variables built from the client js side --\u003e{% if request.previewMode == true %}\u003cli class='boost-sd__filter-option-item boost-sd__filter-option-list-option-item'\u003e\u003cbutton role='checkbox' aria-checked='false' aria-label='{{ value.displayName }}. Number of products: {{ value.doc_count }}' class='boost-sd__filter-option-item-button boost-sd__filter-option-item-button--as-button boost-sd__filter-option-item-button--with-checkbox'\u003e \u003cspan class='boost-sd__filter-option-item-label'\u003e {% if option.displayAllValuesInUppercaseForm %} {{ value.displayName | upcase }} {% else %} {{ value.displayName }} {% endif %} \u003c\/span\u003e\u003c\/button\u003e {% assign existedTags = value.subTags | size %} {% if existedTags \u003e 0 %} \u003cbutton type='button' aria-label='Expand\/Collapse {{ value.displayName }}' class='boost-sd__button boost-sd__button--transparent boost-sd__filter-option-list-option-item-collapse-btn'\u003e \u003csvg class='boost-sd__arrow-icon boost-sd__arrow-icon--right' xmlns='http:\/\/www.w3.org\/2000\/svg' width='7' height='12' role='img' aria-label='Expand\/Collapse {{ value.displayName }}' viewBox='0 0 7 12' fill='#222'\u003e \u003cpath class=\"boost-sd__arrow-icon-path\" d=\"M6.58942 0.610713C6.26398 0.285274 5.73635 0.285274 5.41091 0.610713L0.611415 5.41021C0.455135 5.56649 0.366829 5.77895 0.366829 5.99996C0.366829 6.22098 0.454629 6.43294 0.610909 6.58922L5.41091 11.3892C5.73635 11.7147 6.26398 11.7147 6.58942 11.3892C6.91486 11.0638 6.91486 10.5362 6.58942 10.2107L2.37867 5.99996L6.58942 1.78922C6.91486 1.46379 6.91486 0.936153 6.58942 0.610713Z\"\u003e \u003c\/path\u003e \u003c\/svg\u003e\u003c\/button\u003e {% endif %}\u003c\/li\u003e{% else %}\u003cli class='boost-sd__filter-option-item boost-sd__filter-option-list-option-item'\u003e\u003cbutton role='checkbox' aria-checked='{% if className contains \"boost-sd__filter-option-item-button--selected\" %}true{% else %}false{% endif %}' aria-label='Find product with {{ label | escape }}
860 is {{ value.displayName | escape | strip_html }}. Number of products: {{ value.doc_count }}' data-metadata='{{ metaData | json | escape }}' id='{{ actionId }}' class='{{ className }}'\u003e \u003cspan style='{{ styleOptionItem }}' data-metadata='{{ metaData | json | escape }}' class='boost-sd__filter-option-item-label'\u003e {% if option.displayAllValuesInUppercaseForm %} {{ value.displayName | upcase }} {% else %} {{ value.displayName }} {% endif %} \u003c\/span\u003e {% if showProductCount %} \u003cspan data-metadata='{{ metaData | json | escape }}' role='text' aria-hidden='true' class='boost-sd__filter-option-item-amount'\u003e({{ value.doc_count }})\u003c\/span\u003e {% endif %} \u003c\/button\u003e {% assign existedTags = value.subTags | size %} {% if existedTags \u003e 0 %} \u003cbutton aria-label='Expand\/Collapse {{ value.displayName }}' type='button' data-metadata='{{ value.metaDataArrow | json | escape }}' id='{{ value.actionIdArrow }}' class='boost-sd__button boost-sd__button--transparent boost-sd__filter-option-list-option-item-collapse-btn'\u003e \u003csvg id='{{ value.targetIdArrow }}' data-metadata='{{ value.metaDataArrow | json | escape }}' class='boost-sd__arrow-icon boost-sd__arrow-icon--right' xmlns='http:\/\/www.w3.org\/2000\/svg' width='7' height='12' role='img' aria-label='Expand\/Collapse {{ value.displayName }}' viewBox='0 0 7 12' fill='{{ colorOptionItem }}'\u003e \u003cpath data-metadata='{{ value.metaDataArrow | json | escape }}' class=\"boost-sd__arrow-icon-path\" d=\"M6.58942 0.610713C6.26398 0.285274 5.73635 0.285274 5.41091 0.610713L0.611415 5.41021C0.455135 5.56649 0.366829 5.77895 0.366829 5.99996C0.366829 6.22098 0.454629 6.43294 0.610909 6.58922L5.41091 11.3892C5.73635 11.7147 6.26398 11.7147 6.58942 11.3892C6.91486 11.0638 6.91486 10.5362 6.58942 10.2107L2.37867 5.99996L6.58942 1.78922C6.91486 1.46379 6.91486 0.936153 6.58942 0.610713Z\"\u003e\u003c\/path\u003e \u003c\/svg\u003e\u003c\/button\u003e\u003c!-- style=\"display: none\" --\u003e\u003cul id='{{ value.targetIdList }}' class='boost-sd__filter-option-list-option-item-sublist boost-sd__g-hide'\u003e {% for tag in value.subTags %} \u003cli class='boost-sd__filter-option-item boost-sd__filter-option-list-option-item'\u003e \u003cbutton role='checkbox' aria-checked='{% if tag.className contains \"boost-sd__filter-option-item-button--selected\" %}true{% else %}false{% endif %}' aria-label='Find product with {{ label | escape }} is {{ tag.displayName | escape | strip_html }}. Number of products: {{ tag.doc_count }}' data-metadata='{{ tag.metaData | json | escape }}' id='{{ tag.actionId }}' class='{{ tag.className }}'\u003e \u003cspan style='{{ styleOptionItem }}' data-metadata='{{ tag.metaData | json | escape }}' class='boost-sd__filter-option-item-label'\u003e {% if option.displayAllValuesInUppercaseForm %} {{ tag.displayName | upcase }} {% else %} {{ tag.displayName }} {% endif %} \u003c\/span\u003e {% if showProductCount %} \u003cspan data-metadata='{{ tag.metaData | json | escape }}' role='text' aria-hidden='true' class='boost-sd__filter-option-item-amount'\u003e({{ tag.doc_count }})\u003c\/span\u003e {% endif %} \u003c\/button\u003e {% assign existedSubTags = tag.subTags | size %} {% if existedSubTags \u003e 0 %} \u003cbutton aria-label='Expand\/Collapse {{ tag.displayName }}' type='button' data-metadata='{{ tag.metaDataArrow | json | escape }}' id='{{ tag.actionIdArrow }}' class='boost-sd__button boost-sd__button--transparent boost-sd__filter-option-list-option-item-collapse-btn'\u003e \u003csvg id='{{ tag.targetIdArrow }}' data-metadata='{{ tag.metaDataArrow | json | escape }}' class='boost-sd__arrow-icon boost-sd__arrow-icon--right' xmlns='http:\/\/www.w3.org\/2000\/svg' width='7' height='12' role='img' aria-label='Expand\/Collapse {{ tag.displayName }}' viewBox='0 0 7 12' fill='{{ colorOptionItem }}'\u003e \u003cpath data-metadata='{{ tag.metaDataArrow | json | escape }}' class=\"boost-sd__arrow-icon-path\" d=\"M6.58942 0.610713C6.26398 0.285274 5.73635 0.285274 5.41091 0.610713L0.611415 5.41021C0.455135 5.56649 0.366829 5.77895 0.366829 5.99996C0.366829 6.22098 0.454629 6.43294 0.610909 6.58922L5.41091 11.3892C5.73635 11.7147 6.26398 11.7147 6.58942 11.3892C6.91486 11.0638 6.91486 10.5362 6.58942 10.2107L2.37867 5.99996L6.58942 1.78922C6.91486 1.46379 6.91486 0.936153 6.58942 0.610713Z\"\u003e\u003c\/path\u003e \u003c\/svg\u003e \u003c\/button\u003e \u003c!-- style=\"display: none\" --\u003e \u003cul id='{{ tag.targetIdList }}' class='boost-sd__filter-option-list-option-item-sublist boost-sd__g-hide'\u003e {% for subTag in tag.subTags %} \u003cli class='boost-sd__filter-option-item boost-sd__filter-option-list-option-item'\u003e \u003cbutton role='checkbox' aria-checked='{% if subTag.className contains \"boost-sd__filter-option-item-button--selected\" %}true{% else %}false{% endif %}' aria-label='Find product with {{ label | escape }}
860 is {{ subTag.displayName | escape | strip_html }}. Number of products: {{ subTag.doc_count }}' id='{{ subTag.actionId }}' data-metadata='{{ subTag.metaData | json | escape }}' class='{{ subTag.className }}'\u003e \u003cspan style='{{ styleOptionItem }}' data-metadata='{{ subTag.metaData | json | escape }}' class='boost-sd__filter-option-item-label'\u003e {% if option.displayAllValuesInUppercaseForm %} {{ subTag.displayName | upcase }} {% else %} {{ subTag.displayName }} {% endif %} \u003c\/span\u003e {% if showProductCount %} \u003cspan data-metadata='{{ subTag.metaData | json | escape }}' role='text' aria-hidden='true' class='boost-sd__filter-option-item-amount'\u003e({{ subTag.doc_count }})\u003c\/span\u003e {% endif %} \u003c\/button\u003e \u003c\/li\u003e {% endfor %} \u003c\/ul\u003e {% endif %} \u003c\/li\u003e {% endfor %} \u003c\/ul\u003e {% endif %}\u003c\/li\u003e{% endif %}", 861 862 863 864 865 866 "filterOptionRatingItem": "\u003c!-- This Template contains a few variables built from the client js side --\u003e{% if request.previewMode == true %}\u003cli class='boost-sd__filter-option-item boost-sd__filter-option-rating-item'\u003e\u003cbutton role='checkbox' aria-checked='false' aria-label='{{ value.key }} Stars. Number of products: {{ value.doc_count }}' class='boost-sd__filter-option-item-button boost-sd__filter-option-item-button--as-button boost-sd__filter-option-item-button--with-checkbox'\u003e \u003cspan role='presentation' class='boost-sd__filter-option-rating-item-presentation'\u003e {% for i in (0..4) %} {% if i \u003c value.from %} \u003ci class='boost-sd__filter-option-rating-item-icon-star boost-sd__filter-option-rating-item-icon-star--active' style='color: {{ starColor }} ;'\u003e\u003c\/i\u003e {% else %} \u003ci class='boost-sd__filter-option-rating-item-icon-star' style='color: {{ starColor }} ;'\u003e\u003c\/i\u003e {% endif %} {% endfor %} {% if showExactRating == false %} \u003cspan\u003e\u0026 Up\u003c\/span\u003e {% endif %} \u003c\/span\u003e \u003cspan role='text' aria-hidden='true' class='boost-sd__filter-option-item-amount'\u003e({{ value.doc_count }})\u003c\/span\u003e\u003c\/button\u003e\u003c\/li\u003e{% else %}\u003cli data-value='{{ value.key }}' data-action='{{ dataAction }}' class='boost-sd__filter-option-item boost-sd__filter-option-rating-item'\u003e\u003cbutton role='checkbox' aria-checked='{% if className contains \"boost-sd__filter-option-item-button--selected\" %}true{% else %}false{% endif %}' aria-label='{{ value.key }} Stars. Number of products: {{ value.doc_count }}' id='{{ actionId }}' data-action='{{ dataAction }}' class='{{ className }}'\u003e \u003cspan data-action='{{ dataAction }}' role='presentation' class='boost-sd__filter-option-rating-item-presentation'\u003e {% for i in (0..4) %} {% if i \u003c value.from %} \u003ci data-action='{{ dataAction }}' class='boost-sd__filter-option-rating-item-icon-star boost-sd__filter-option-rating-item-icon-star--active' style='color: {{ starColor }} ;'\u003e\u003c\/i\u003e {% else %} \u003ci data-action='{{ dataAction }}' class='boost-sd__filter-option-rating-item-icon-star' style='color: {{ starColor }} ;'\u003e\u003c\/i\u003e {% endif %} {% endfor %} {% if showExactRating == false %} \u003cspan data-action='{{ dataAction }}'\u003e\u0026 Up\u003c\/span\u003e {% endif %} \u003c\/span\u003e {% if showDocCount %} \u003cspan data-action='{{ dataAction }}' role='text' aria-hidden='true' class='boost-sd__filter-option-item-amount'\u003e({{ value.doc_count }})\u003c\/span\u003e {% endif %} \u003c\/button\u003e\u003c\/li\u003e{% endif %}", 867 868 869 870 871 872 "productPrice": "\u003c!-- This Template contains a few variables built from the client js side --\u003e{% assign removePriceDecimal = false -%}{% assign decimalDelimiter = '' -%}{% assign withoutTrailingZeros = true -%}{% assign showCentAsSuperscript = false -%}{% assign moneyFormat = request.money_format | strip_html -%}{% assign showSavingDisplay = false -%}{% assign minPrice = product.price_min | times: 1.0 -%}{% assign maxPrice = 0 -%}{% if product.price_max -%}{% assign maxPrice = product.price_max | times: 1.0 -%}{% endif -%}
872\u003c!-- convert variable compareAtPriceMin to number --\u003e{% assign compareAtPriceMin = 0 -%}{% if product.compare_at_price_min -%}{% assign compareAtPriceMin = product.compare_at_price_min | times: 1.0 -%}{% endif -%}\u003c!-- Check if enable variant showing as an individual product --\u003e{% if product.variant_id != \"\" and product.variant_id != blank -%}{% assign currentVariantId = product.variant_id | times: 1 -%}{% for variant in product.variants -%}{% if variant.id == currentVariantId -%}{% assign minPrice = variant.price | times: 1.0 -%}{% assign maxPrice = variant.price | times: 1.0 -%}{% if variant.compare_at_price and variant.compare_at_price != \"0.0\" -%}{% assign compareAtPriceMin = variant.compare_at_price | times: 1.0 -%}{% endif -%}{% break -%}{% endif -%}{% endfor -%}{% endif -%}{% assign isSale = false -%}{% assign salePercent = 0 -%}{% assign saleAmount = 0 -%}{% if compareAtPriceMin \u003e minPrice -%}{% assign isSale = true -%}{% endif -%}{% assign compareAtPriceWithFormat = '' -%}{% unless compareAtPriceMin == null or compareAtPriceMin == 0 or isSale == false -%}\u003c!-- calculate salePercent base on compareAtPriceMin and minPrice --\u003e{% assign compare = compareAtPriceMin | minus: minPrice | times: 100 -%}{% if compareAtPriceMin \u003e 0 %}{% assign salePercent = compare | divided_by: compareAtPriceMin | ceil | append: '%' -%}{% else %}{% assign salePercent = '0%' %}{% endif %}\u003c!-- compareAtPriceWithFormat is compare price with PriceMin and format currency --\u003e{% assign compareAtPriceWithFormat = compareAtPriceMin | format_currency: moneyFormat, showCentAsSuperscript, removePriceDecimal, decimalDelimiter, withoutTrailingZeros -%}{% assign saleAmount = compareAtPriceMin | minus: minPrice -%}{% endunless -%}\u003c!-- Format price min --\u003e{% assign priceMinWithFormat = minPrice | format_currency: moneyFormat, showCentAsSuperscript, removePriceDecimal , decimalDelimiter, withoutTrailingZeros -%}\u003c!-- Format price max --\u003e{% assign priceMaxWithFormat = '' -%}{% if product.price_max and maxPrice \u003e minPrice -%}{% assign priceMaxWithFormat = maxPrice | format_currency: moneyFormat, showCentAsSuperscript, removePriceDecimal , decimalDelimiter, withoutTrailingZeros -%}{% endif -%}\u003c!-- priceMax used for multi variant price display where it can have min-max price with format and translation --\u003e{% assign hasMultiVariantPrice = false -%}{% if translations.productItem.amount contains \"minPrice\" -%}{% assign hasMultiVariantPrice = true -%}{% endif -%}{% assign isSamePrice = true -%}{% if minPrice != maxPrice or product.compare_at_price_min != product.compare_at_price_max -%}{% assign isSamePrice = false -%}{% endif -%}{% assign priceValueWithFormat = priceMinWithFormat -%}{% if isSamePrice == false and maxPrice \u003e minPrice and hasMultiVariantPrice -%}{% assign priceValueWithFormat = \"productItem.amount\" | translate: translations, \"\" | replace: '{{minPrice}}', priceMinWithFormat | replace: '{{maxPrice}}', priceMaxWithFormat -%}{% endif -%}{% assign savingPriceWithFormat = '' -%}{% unless showSavingDisplay == false or saleAmount == 0 -%}{% assign saleAmountWithFormat = saleAmount | format_currency: moneyFormat, showCentAsSuperscript, removePriceDecimal, decimalDelimiter, withoutTrailingZeros -%}{% assign savingPriceWithFormat = \"productItem.savingAmount\" | translate: translations, \"Save {{saleAmount}}\" | replace: '{{saleAmount}}', saleAmountWithFormat | replace: '{{salePercent}}', salePercent -%}{% endunless -%}\u003c!-- Price compare display top or bottom --\u003e\u003c!-- Price compare display left or right --\u003e\u003cdiv class=\"boost-sd__product-price-wrapper\"\u003e\u003cspan class=\"boost-sd__visually-hidden\"\u003e {% if isSale %} Regular price {{ compareAtPriceWithFormat }}, now on sale for {{ priceValueWithFormat }}{% if savingPriceWithFormat != '' %}, saving {{ savingPriceWithFormat }}{% endif %} {% else %} Regular price {{ priceValueWithFormat }} {% endif %} \u003c\/span\u003e\u003cspan aria-hidden=\"true\" class=\"boost-sd__product-price-content boost-sd__product-price-content--text-align-left\"\u003e \u003cspan class=\"{% if isSale == true %}boost-sd__product-price--sale{% else %}boost-sd__product-price--default{% endif %}\"\u003e \u003cspan class=\"boost-sd__format-currency\"\u003e{{ priceValueWithFormat }}
872\u003c\/span\u003e \u003c\/span\u003e {% if compareAtPriceWithFormat != '' -%} \u003cspan class=\"boost-sd__format-currency boost-sd__format-currency--price-compare boost-sd__product-price--compare\"\u003e \u003cspan class=\"boost-sd__format-currency\"\u003e{{ compareAtPriceWithFormat }}\u003c\/span\u003e \u003c\/span\u003e {% endif -%} \u003c\/span\u003e {% if savingPriceWithFormat != '' -%} \u003cspan aria-hidden=\"true\" class=\"boost-sd__product-price--saving\"\u003e \u003cspan class=\"boost-sd__format-currency\"\u003e{{ savingPriceWithFormat }}\u003c\/span\u003e\u003c\/span\u003e {% endif -%}\u003c\/div\u003e", 873 874 875 876 877 878 "recommendation": "\u003c!-- TEMPLATE RECOMMENDATION --\u003e{% assign widgetNameTranslationLabel = 'recommendation.' | append: widgetId %}{% assign widgetTitle = '' %}{% if widgetDesignSettings.titleAlignment != '' %} {% assign widgetTitle = widgetTitle | append: 'boost-sd__recommendation-title--' | append: widgetDesignSettings.titleAlignment %}{% endif %}\u003cdiv id='{{ widgetId }}' class='boost-sd__recommendation ' data-product-price='true'\u003e\u003cdiv class='boost-sd__recommendation-title {{ widgetTitle }}'\u003e \u003cspan tabindex=\"0\" role=\"heading\" aria-level=\"2\" class='boost-sd__recommendation-title-text'\u003e {{ widgetNameTranslationLabel | translate: translations, widgetName }} \u003c\/span\u003e\u003c\/div\u003e {% if widgetDesignSettings.layoutDisplay == 'carousel' %} \u003c!-- TEMPLATE RECOMMENDATION TYPE CAROUSEL --\u003e\u003cdiv class=\"boost-sd__slider\"\u003e\u003cdiv class=\"boost-sd__slider-container\"\u003e {% for product in products %} \u003cdiv class=\"boost-sd__slide\"\u003e {% capture domain %}{{ widgetDesignSettings.tenantId }}{% endcapture %} \u003c!-- TEMPLATE GRID PRODUCT ITEM --\u003e{% if product.original_images != nil %} {% assign imageArray = product.original_images %}{% else %} {% assign imageArray = product.images_info %}{% endif %}{% assign productId = product.id %}{% if product.variant_id %} {% assign productId = product.variant_id %}{% endif %}{% assign filterOptionIdImageBaseOn = 'pf_opt_color' %} {% capture filterOptionIdImageBaseOn %}{% endcapture %}{% assign optionName = filterOptionIdImageBaseOn | replace: 'pf_opt_', '' %}{% assign filterValues = request[filterOptionIdImageBaseOn] %}{% assign selectedVariantImageByFilterOption = nil %}{% comment %}NEW LOGIC: Only find images based on filters IF that variant matches the item being displayed (for split products){% endcomment %}{% if product.variant_id %} {% assign targetVariantId = product.variant_id %} {% for variant in product.variants %} {% if variant.id == product.variant_id %} {% for filterValue in filterValues %} {% assign optionNameValue = optionName | append: \":\" | append: filterValue | strip %} {% if variant.merged_options contains optionNameValue %} {% if variant.image %} {% assign selectedVariantImageByFilterOption = variant.image %} {% break %} {% endif %} {% endif %} {% endfor %} {% if selectedVariantImageByFilterOption != nil %} {% break %} {% endif %} {% endif %} {% endfor %}{% else %} {% for item in product.variants %} {% for filterValue in filterValues %} {% assign optionNameValue = optionName | append: \":\" | append: filterValue | strip %} {% if item.merged_options contains optionNameValue %} {% if item.image %} {% assign selectedVariantImageByFilterOption = item.image %} {% break %} {% endif %} {% endif %} {% endfor %} {% if selectedVariantImageByFilterOption != nil %}{% break %}{% endif %} {% endfor %}{% endif %}{% capture productVariants %} [ {% for variant in product.variants %} {% assign preorder = '{}' %} {% if variant.preorder and variant.preorder != nil %} {% assign preorder = variant.preorder %} {% else %} {% assign preorder = '' %} {% endif %} { \"title\": \"{{ variant.title }}\", \"id\": \"{{ variant.id }}\", \"available\": {{ variant.available }}, \"preorder\": {{ preorder | json }} }{% unless forloop.last %},{% endunless %} {% endfor %} ]{% endcapture %}{% capture productData %} { \"handle\": \"{{ product.handle }}\", \"variantId\": \"{{ product.variant_id }}\", \"splitProduct\": \"{{ product.split_product }}\", \"variants\": {{ productVariants | json | escape }}, \"priceMin\": \"{{ product.price_min }}\", \"priceMax\": \"{{ product.price_max }}\", \"compareAtPriceMin\": \"{{ product.compare_at_price_min }}\", \"compareAtPriceMax\": \"{{ product.compare_at_price_max }}\", \"images\": {{ imageArray | json | escape }}, \"options_with_values\": {{ product.options_with_values | json | escape }}, \"selectedVariantImageByFilterOption\": \"{{ selectedVariantImageByFilterOption | escape }}\", \"category\": \"{{ product.product_type | escape }}\", \"tags\" : {{ product.tags | json | escape }} }{% endcapture %}{%- capture borderLayoutSetting %}noBorder{% endcapture -%}{% if borderLayoutSetting == 'noPadding' %} {% assign borderLayoutItem = 'no-padding' %}{% elsif borderLayoutSetting == 'hasPadding' %}
878 {% assign borderLayoutItem = 'border-has-padding' %}{% elsif borderLayoutSetting == 'noPaddingImage' %} {% assign borderLayoutItem = 'border-no-padding-image' %}{% else %} {% assign borderLayoutItem = 'no-border' %}{% endif %}{% assign productLocale = '' %}{% if request.current_locale != \"\" or request.current_locale != null or request.current_locale != nil %} {% assign productLocale = request.current_locale %}{% endif %}{% assign variantUrl = '' %}{% if product.variant_id %} {% assign variantUrl = '?variant=' | append: product.variant_id %}{% endif %}\u003cdiv class='boost-sd__product-item boost-sd__product-item--{{ borderLayoutItem }} boost-sd__product-item-grid-view-layout' id='{{ product.id }}' data-product-id='{{ productId }}' data-product='{{ productData | json_encode }}'\u003e\u003c!-- TEMPLATE GRID PRODUCT ITEM - PRODUCT IMAGE --\u003e{%- capture aspectRatioSetting %}portrait{% endcapture -%}{% capture hoverEffect %}reveal-second-image{% endcapture %}{% assign productImages = product.images_info %}{% if product.split_product %} {% assign productImages = product.original_images %}{% endif %}{%- comment -%} Consolidate GIF filtering logic based on settings {%- endcomment -%}{% assign noImageUrl = \"https:\/\/cdn.shopify.com\/extensions\/201f4d7b-8d39-43a4-82de-e6f412341695\/0.0.0\/assets\/boost-pfs-no-image.jpg?v=1677838268\" %}{% assign filteredImages = \"\" | split: \",\" %}{% assign nonGifImages = \"\" | split: \",\" %}{% if checkShowGif == false or checkShowGif == 'false' or checkShowGif == nil %} {% for img in productImages %} {% assign img_url_clean = img.src | split: '?' | first | downcase %} {% unless img_url_clean contains '.gif' %} {% assign tmp = img.src | split: \"___\" %} {% assign filteredImages = filteredImages | concat: tmp %} {% assign nonGifImages = nonGifImages | concat: tmp %} {% endunless %} {% endfor %}{% else %} {% assign filteredImages = productImages %} {% for img in productImages %} {% assign img_url_clean = img.src | split: '?' | first | downcase %} {% unless img_url_clean contains '.gif' %} {% assign tmp = img.src | split: \"___\" %} {% assign nonGifImages = nonGifImages | concat: tmp %} {% endunless %} {% endfor %}{% endif %}\u003cdiv class=\"boost-sd__product-item-grid-view-layout-image\"\u003e\u003cdiv class=\"boost-sd__product-link-image\"\u003e \u003cdiv style=\"position: relative\"\u003e {%- comment -%} Consolidate hover effect logic {%- endcomment -%} {% assign effectClasses = '' %} {% assign hasSecondImage = false %} {% if hoverEffect == 'zoom-in' or hoverEffect == 'reveal-second-image-and-zoom-in' %} {% assign effectClasses = effectClasses | append: 'boost-sd__product-image-wrapper--zoom-in' %} {% endif %} {% if hoverEffect == 'reveal-second-image-and-zoom-in' or hoverEffect == 'reveal-second-image' %} {% if filteredImages.size \u003e 1 %} {% assign hasSecondImage = true %} {% endif %} {% comment %} Always add has-second-image class for reveal-second-image-and-zoom-in to ensure zoom works {% endcomment %} {% if hasSecondImage or hoverEffect == 'reveal-second-image-and-zoom-in' %} {% assign effectClasses = effectClasses | append: ' boost-sd__product-image-wrapper--has-second-image' %} {% endif %} {% endif %} {% assign aspectRatio = '' -%} {% if aspectRatioSetting == 'natural' -%} {% if hasGifData and mediaToDisplay.image %} {% assign imageWidth = mediaToDisplay.image.width %} {% assign imageHeight = mediaToDisplay.image.height %} {% else %} {% assign imageWidth = product.images_info[0].width %} {% assign imageHeight = product.images_info[0].height %} {% endif %} {% assign aspectRatio = aspectRatio | append: 'aspect-ratio: ' | append: imageWidth | append: '\/' | append: imageHeight -%} {% endif -%} {%- comment -%} select video of gif prioritize {%- endcomment -%} {% assign firstVideo = nil %} {% assign firstGif = nil %} {% assign hasVideoData = false %} {% assign hasGifData = false %} {% if product.media and product.media.size \u003e 0 %} {% for media_item in product.media %} {% if media_item.mediaContentType == 'VIDEO' and firstVideo == nil %} {% assign firstVideo = media_item %} {% assign hasVideoData = true %} {% elsif media_item.mediaContentType == 'IMAGE' and firstGif == nil %} {% assign media_url_clean = media_item.image.originalSrc | split: '?' | first | lowercase %} {% if media_url_clean contains '.gif' %} {% assign firstGif = media_item %} {% assign hasGifData = true %} {% endif %} {% endif %} {% endfor %} {% endif %} {%- comment -%} prioritize video \u003e gif \u003e image {%- endcomment -%} {% assign showMedia = false %} {% assign mediaToDisplay = nil %} {% if hasVideoData %} {% assign mediaToDisplay = firstVideo %} {% assign showMedia = true %} {% assign mediaType = 'video' %} {% elsif hasGifData %} {% assign mediaToDisplay = firstGif %} {% assign showMedia = true %} {% assign mediaType = 'gif' %} {% endif %} {% assign finalShowMedia = false %} \u003cdiv class=\"boost-sd__product-image-wrapper boost-sd__product-image-wrapper--crop-center {{ effectClasses }} boost-sd__product-image-wrapper--portrait\" style=\"{{ aspectRatio }}\"\u003e {% assign firstImageObj = product.images_info[0] %} {% assign hasImages = false %} {% if firstImageObj and firstImageObj.src != blank %} {% assign hasImages = true %} {% endif %} \u003ca aria-label=\"{{ product.title | escape }}\" class=\"boost-sd__product-link boost-sd__product-image\" {%- if request.previewMode != true %} href=\"{{ productLocale }}\/products\/{{ product.handle }}{{ variantUrl }}\"{% endif -%}\u003e {% if finalShowMedia %} {%- comment -%} CASE 1: VIDEO \/ GIF {%- endcomment -%} {% if mediaType == 'video' %} \u003cdiv class=\"boost-sd__product-video-wrapper\"\u003e \u003cvideo class=\"boost-sd__product-image-img boost-sd__product-image-img--main\" muted loop playsinline poster=\"{{ mediaToDisplay.preview.image.originalSrc }}\" preload=\"none\" \u003e {% for source in mediaToDisplay.sources %} \u003csource data-src=\"{{ source.url }}\" type=\"{{ source.mime_type }}\"\u003e {% endfor %} \u003c\/video\u003e \u003c\/div\u003e {% else %} \u003cimg id=\"product-image-{{ product.id }}\" class=\"boost-sd__product-image-img boost-sd__product-image-img--main\" alt=\"{{ product.title | escape }}\" src=\"{{ mediaToDisplay.image.originalSrc }}\" width=\"auto\" height=\"auto\" \/\u003e {% endif %} {% elsif hasImages %} {%- comment -%} NORMAL IMAGE {%- endcomment -%} {% assign firstImageSrc = \"\" %} {% if filteredImages.size \u003e 0 %} {% assign firstImageSrc = filteredImages[0] %} {% else %} {% assign firstImageSrc = noImageUrl %} {% endif %} {%- comment -%} Responsive image parameters {%- endcomment -%} {% assign widthParam = \"\u0026width=\" -%} {% assign widths = \"200,300,400,500,700,800\" | split: \",\" -%} {% assign maxWidth = 700 -%} {% if request.device contains 'mobile' -%} {% assign maxWidth = 400 -%} {% endif -%} {% assign productPerRow = 4 -%} {% if request.productPerRow != blank -%} {% assign productPerRow = request.productPerRow | plus: 0 -%} {% endif -%} {% if request.productImageWidth != blank -%} {% assign imageWidth = request.productImageWidth | plus: 0 -%} {% if imageWidth \u003e maxWidth -%} {% assign maxWidth = imageWidth -%} {% endif -%} {% endif -%} {% if product.images_info[0] -%} {% capture srcset -%} {% for width in widths -%} {% assign widthNo = width | plus: 0 %} {% if widthNo \u003c maxWidth -%} {{ firstImageSrc }}
878{{ widthParam }}{{ width }} {{ width }}w, {% else -%} {{ firstImageSrc }}{{ widthParam }}{{ maxWidth }} {{ maxWidth }}w {% break -%} {% endif -%} {% endfor -%} {% endcapture -%} \u003cimg id=\"product-image-{{ product.id }}\" class=\"boost-sd__product-image-img boost-sd__product-image-img--main\" {% if index and index \u003c productPerRow -%} loading=\"eager\" {% else -%} loading=\"lazy\" {% endif -%} decoding=\"async\" alt=\"{{ product.title | escape }}\" src=\"{{ firstImageSrc }}\u0026width=200\" srcset=\"{{ srcset }}\" width=\"auto\" height=\"auto\" \/\u003e {% else %} \u003cimg class=\"boost-sd__product-image-img boost-sd__product-image-img--main\" alt=\"{{ product.title | escape }}\" src=\"{{ noImageUrl }}\" width=\"auto\" height=\"auto\" \/\u003e {% endif %} {% else %} {%- comment -%}CASE 3: NO IMAGE ONLY {%- endcomment -%} \u003cimg class=\"boost-sd__product-image-img boost-sd__product-image-img--main\" alt=\"{{ product.title | escape }}\" src=\"{{ noImageUrl }}\" width=\"auto\" height=\"auto\" \/\u003e {% endif %} {% comment %} Only render second image block if there's potential for a second image {% endcomment %} {% assign shouldRenderSecondImage = false %} {% if hoverEffect == 'reveal-second-image-and-zoom-in' or hoverEffect == 'reveal-second-image' %} {% if finalShowMedia and nonGifImages.size \u003e 0 %} {% assign shouldRenderSecondImage = true %} {% elsif nonGifImages.size \u003e 1 %} {% assign shouldRenderSecondImage = true %} {% endif %} {% endif %} {% if shouldRenderSecondImage %} {% assign secondImage = nil %} {% if finalShowMedia %} {%- comment -%} When showing video\/GIF, hover should show first normal image {%- endcomment -%} {% if nonGifImages.size \u003e 0 %} {% assign secondImage = nonGifImages[0] %} {% endif %} {% else %} {%- comment -%} When showing normal image, hover should show second image {%- endcomment -%} {% if nonGifImages.size \u003e 1 %} {% assign secondImage = nonGifImages[1] %} {% endif %} {% endif %} {% if secondImage != blank %} {% capture secondImageSrcset %} {% for width in widths %} {% assign widthNo = width | plus: 0 %} {% if widthNo \u003c maxWidth %} {{ secondImage }}{{ widthParam }}{{ width }} {{ width }}w, {% else %} {{ secondImage }}{{ widthParam }}{{ maxWidth }} {{ maxWidth }}w {% break %} {% endif %} {% endfor %} {% endcapture %} \u003cimg width=\"auto\" height=\"auto\" {% if index and index \u003c productPerRow -%} loading=\"eager\" {% else -%} loading=\"lazy\" {% endif -%} class=\"boost-sd__product-image-img boost-sd__product-image-img--second\" alt=\"{{ product.title | escape }}\" aria-hidden=\"true\" src=\"{{ secondImage }}\u0026width=200\" srcset=\"{{ secondImageSrcset }}\"\u003e {% endif %} {% endif %} \u003c\/a\u003e \u003cdiv class=\"boost-sd__product-image-row boost-sd__product-image-row--top \"\u003e \u003cdiv class=\"boost-sd__product-image-column boost-sd__product-image-column--in-top boost-sd__product-image-column--left\"\u003e {% assign hideOtherLabelsWhenSoldOut = true -%}{% assign moneyFormat = request.money_format | strip_html -%}{% assign removePriceDecimal = false -%}{% assign showCentAsSuperscript = false -%}{% assign decimalDelimiter = '' -%}{% assign withoutTrailingZeros = true -%}{% if hideOtherLabelsWhenSoldOut != true -%} {% assign compareAtPriceMin = product.compare_at_price_min | default: 0 -%} {% if compareAtPriceMin \u003e product.price_min and compareAtPriceMin \u003e 0 -%} {% assign percent = compareAtPriceMin | minus: product.price_min | times: 100 | divided_by: compareAtPriceMin | round -%} {% assign salePercent = percent | append: '%' -%} {% assign saleAmount = compareAtPriceMin | minus: product.price_min | format_currency: moneyFormat, showCentAsSuperscript, removePriceDecimal, decimalDelimiter, withoutTrailingZeros -%} {% assign productItemSaleTranslated = \"productItem.productItemSale\" | translate: translations, \"Sale\" | replace: '{{salePercent}}', salePercent | replace: '{{saleAmount}}', saleAmount -%} \u003cdiv class=\"boost-sd__product-label boost-sd__product-label--text boost-sd__product-label--capsule boost-sd__product-label--sale\"\u003e \u003cspan class=\"boost-sd__product-label-text\"\u003e \u003cspan\u003e{{ productItemSaleTranslated }}\u003c\/span\u003e \u003c\/span\u003e \u003c\/div\u003e {% endif -%} {% if product.available == false -%} \u003cdiv class=\"boost-sd__product-label boost-sd__product-label--text boost-sd__product-label--capsule boost-sd__product-label--soldout\"\u003e \u003cspan class=\"boost-sd__product-label-text\"\u003e{{ \"productItem.productItemSoldOut\" | translate: translations, \"Sold out\" }}\u003c\/span\u003e \u003c\/div\u003e {% endif -%} {% else -%} {% if product.available == false -%} \u003cdiv class=\"boost-sd__product-label boost-sd__product-label--text boost-sd__product-label--capsule boost-sd__product-label--soldout\"\u003e \u003cspan class=\"boost-sd__product-label-text\"\u003e{{ \"productItem.productItemSoldOut\" | translate: translations, \"Sold out\" }}\u003c\/span\u003e \u003c\/div\u003e {% else -%} {% assign compareAtPriceMin = product.compare_at_price_min | default: 0 -%}
878 {% if compareAtPriceMin \u003e product.price_min and compareAtPriceMin \u003e 0 -%} {% assign percent = compareAtPriceMin | minus: product.price_min | times: 100 | divided_by: compareAtPriceMin | round -%} {% assign salePercent = percent | append: '%' -%} {% assign saleAmount = compareAtPriceMin | minus: product.price_min | format_currency: moneyFormat, showCentAsSuperscript, removePriceDecimal, decimalDelimiter, withoutTrailingZeros -%} {% assign translatedText = \"productItem.productItemSale\" | translate: translations, \"Sale\" | replace: '{{salePercent}}', salePercent | replace: '{{saleAmount}}', saleAmount %} \u003cdiv class=\"boost-sd__product-label boost-sd__product-label--text boost-sd__product-label--capsule boost-sd__product-label--sale\"\u003e \u003cspan class=\"boost-sd__product-label-text\"\u003e \u003cspan\u003e{{ translatedText }}\u003c\/span\u003e \u003c\/span\u003e \u003c\/div\u003e {% endif -%} {% endif -%}{% endif -%} \u003c\/div\u003e \u003c\/div\u003e \u003cdiv class=\"boost-sd__product-image-row boost-sd__product-image-row--bottom \"\u003e \u003cdiv class=\"boost-sd__product-image-column boost-sd__product-image-column--in-bottom boost-sd__product-image-column--right\"\u003e \u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003c!-- POPUP --\u003e \u003cdiv aria-modal=\"true\" role=\"dialog\" aria-label=\"Choose options for product {{ product.title | escape }}\" class=\"boost-sd__popup-select-option\" style=\"display: none\"\u003e \u003cdiv tabindex=\"-1\" class=\"boost-sd__popup-select-option-container\"\u003e {% for swatch in product.options_with_values -%} \u003cdiv class=\"boost-sd__product-swatch\"\u003e \u003cdiv class=\"boost-sd__product-swatch-title\"\u003e{{ swatch.label | escape }}\u003c\/div\u003e \u003cdiv class=\"boost-sd__product-swatch-options\"\u003e {% for value in swatch.values -%} {% assign swatchBy = 'text' %} {% assign backgroundSwatch = \"background-color: \" | append: value.title | strip_html | escape -%} {% assign imageName = value.title | strip_html | downcase | strip | escape -%} {% if imageName contains \" \" -%} {% assign imageName = imageName | replace: ' ', \"-\" -%} {% endif -%} {% assign url = \"\/\/\" | append: domain | append: \"\/cdn\/shop\/files\/\" | append: imageName | append: \".png\" -%} {% if swatch.original_name == 'color' -%} {% assign backgroundSwatch = backgroundSwatch | append: \"; background-image: url('\" | append: url | append: \"');\" %} {% assign swatchBy = 'color-and-image' %} {% endif -%} {% for variant in product.variants %} {% assign options = variant.merged_options %} {% if variant.original_merged_options != nil %} {% assign options = variant.original_merged_options %} {% endif %} {% for option in options %} {% assign currentOption = option | strip_html | downcase | strip | replace: 'color:', '' | escape %} {% if currentOption contains \" \" %} {% assign currentOption = currentOption | replace: ' ', \"-\" %} {% endif %} {% if currentOption == imageName and variant.image %} {% assign backgroundSwatch = \"background-image: url('\" | append: variant.image | append: \"');\" %} {% assign swatchBy = 'product-image' %} {% endif %} {% endfor %} {% endfor %} \u003cdiv class=\"boost-sd__product-swatch-option\" data-swatch-by=\"{{ swatchBy }}\"\u003e \u003cdiv class=\"boost-sd__radio\"\u003e \u003cdiv class=\"boost-sd__tooltip\"\u003e {% if swatch.original_name == 'color' -%} \u003cdiv class=\"boost-sd__tooltip-content\" style=\"display: none;\"\u003e{{ value.title | strip_html | escape }}\u003c\/div\u003e {% endif -%} \u003cinput id=\"product-swatch-qv-{{ product.id }}-{{ value.title | strip_html | escape }}\" class=\"boost-sd__radio-input boost-sd__radio-input--hidden\" type=\"radio\" value=\"{{ value.title | strip_html | escape }}\" checked=\"\" \/\u003e {% if swatch.original_name == 'color' -%} \u003clabel role=\"radio\" tabindex=\"0\" aria-label=\"{{ swatch.original_name }}:{{ value.title }}\" for=\"product-swatch-qv-{{ product.id }}-{{ value.title | strip_html | escape }}\" class=\"boost-sd__radio-label boost-sd__radio-label--hide-text boost-sd__radio-label--large\" style=\"{{ backgroundSwatch }}\" \u003e {{ value.title | strip_html | escape }} \u003c\/label\u003e {% else -%} \u003clabel role=\"radio\" tabindex=\"0\" aria-label=\"{{ swatch.original_name }}:{{ value.title }}\" for=\"product-swatch-qv-{{ product.id }}-{{ value.title | strip_html | escape }}\" class=\"boost-sd__radio-label boost-sd__radio-label--in-quick-view\" \u003e {{ value.title | strip_html | escape }} \u003c\/label\u003e {% endif -%} \u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e {% endfor -%} \u003c\/div\u003e \u003c\/div\u003e {% endfor -%} \u003c\/div\u003e \u003cbutton type=\"button\" class=\"boost-sd__button boost-sd__button--primary boost-sd__button--add-to-cart boost-sd__button--full-width boost-sd__button--large boost-sd__btn-add-to-cart\" \u003e \u003cspan class=\"boost-sd__button-text boost-sd__cta-button-text\"\u003e{{ \"productItem.atcAvailableLabel\" | translate: translations, 'Add to cart' }}\u003c\/span\u003e \u003c\/button\u003e \u003cbutton type=\"button\" aria-label='{{ \"close\" | translate: translations, \"Close\" }}' class=\"boost-sd__button boost-sd__button--transparent boost-sd__button--float boost-sd__popup-select-option-close-btn\" \u003e \u003csvg width=\"17\" height=\"17\" viewBox=\"0 0 17 17\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"\u003e \u003cpath fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M12.9024 3.56904C13.0325 3.43886 13.0325 3.22781 12.9024 3.09763C12.7722 2.96746 12.5611 2.96746 12.431 3.09763L8 7.5286L3.56904 3.09763C3.43886 2.96746 3.22781 2.96746 3.09763 3.09763C2.96746 3.22781 2.96746 3.43886 3.09763 3.56904L7.5286 8L3.09763 12.431C2.96746 12.5611 2.96746 12.7722 3.09763 12.9024C3.22781 13.0325 3.43886 13.0325 3.56904 12.9024L8 8.47141L12.431 12.9024C12.5611 13.0325 12.7722 13.0325 12.9024 12.9024C13.0325 12.7722 13.0325 12.5611 12.9024 12.431L8.47141 8L12.9024 3.56904Z\" fill=\"#222222\"\u003e\u003c\/path\u003e \u003c\/svg\u003e \u003c\/button\u003e \u003c\/div\u003e \u003c!-- POPUP --\u003e \u003c\/div\u003e\u003c\/div\u003e\u003c\/div\u003e\u003c!-- TEMPLATE GRID PRODUCT ITEM - PRODUCT INFO --\u003e\u003cdiv class=\"boost-sd__product-info-wrapper\"\u003e\u003cdiv class=\"boost-sd__product-info boost-sd__product-info--left\"\u003e \u003ca aria-label=\"{{ product.title | escape }}\" class=\"boost-sd__product-link\" {% if request.previewMode != true %} href=\"{{ productLocale }}\/products\/{{ product.handle }}{{ variantUrl }}\"{% endif %}\u003e \u003cdiv class=\"boost-sd__product-title\" id=\"product-title-{{ product.id }}\"\u003e {{ product.title | escape }} \u003c\/div\u003e \u003c\/a\u003e \u003cdiv class=\"boost-sd__product-price\" id=\"product-price-{{ product.id }}\"\u003e \u003c!-- This Template contains a few variables built from the client js side --\u003e{% assign removePriceDecimal = false -%}{% assign decimalDelimiter = '' -%}{% assign withoutTrailingZeros = true -%}{% assign showCentAsSuperscript = false -%}{% assign moneyFormat = request.money_format | strip_html -%}{% assign showSavingDisplay = false -%}{% assign minPrice = product.price_min | times: 1.0 -%}{% assign maxPrice = 0 -%}{% if product.price_max -%} {% assign maxPrice = product.price_max | times: 1.0 -%}{% endif -%}
878\u003c!-- convert variable compareAtPriceMin to number --\u003e{% assign compareAtPriceMin = 0 -%}{% if product.compare_at_price_min -%} {% assign compareAtPriceMin = product.compare_at_price_min | times: 1.0 -%}{% endif -%}\u003c!-- Check if enable variant showing as an individual product --\u003e{% if product.variant_id != \"\" and product.variant_id != blank -%} {% assign currentVariantId = product.variant_id | times: 1 -%} {% for variant in product.variants -%} {% if variant.id == currentVariantId -%} {% assign minPrice = variant.price | times: 1.0 -%} {% assign maxPrice = variant.price | times: 1.0 -%} {% if variant.compare_at_price and variant.compare_at_price != \"0.0\" -%} {% assign compareAtPriceMin = variant.compare_at_price | times: 1.0 -%} {% endif -%} {% break -%} {% endif -%} {% endfor -%}{% endif -%}{% assign isSale = false -%}{% assign salePercent = 0 -%}{% assign saleAmount = 0 -%}{% if compareAtPriceMin \u003e minPrice -%} {% assign isSale = true -%}{% endif -%}{% assign compareAtPriceWithFormat = '' -%}{% unless compareAtPriceMin == null or compareAtPriceMin == 0 or isSale == false -%} \u003c!-- calculate salePercent base on compareAtPriceMin and minPrice --\u003e {% assign compare = compareAtPriceMin | minus: minPrice | times: 100 -%} {% if compareAtPriceMin \u003e 0 %} {% assign salePercent = compare | divided_by: compareAtPriceMin | ceil | append: '%' -%} {% else %} {% assign salePercent = '0%' %} {% endif %} \u003c!-- compareAtPriceWithFormat is compare price with PriceMin and format currency --\u003e {% assign compareAtPriceWithFormat = compareAtPriceMin | format_currency: moneyFormat, showCentAsSuperscript, removePriceDecimal, decimalDelimiter, withoutTrailingZeros -%} {% assign saleAmount = compareAtPriceMin | minus: minPrice -%}{% endunless -%}\u003c!-- Format price min --\u003e{% assign priceMinWithFormat = minPrice | format_currency: moneyFormat, showCentAsSuperscript, removePriceDecimal , decimalDelimiter, withoutTrailingZeros -%}\u003c!-- Format price max --\u003e{% assign priceMaxWithFormat = '' -%}{% if product.price_max and maxPrice \u003e minPrice -%} {% assign priceMaxWithFormat = maxPrice | format_currency: moneyFormat, showCentAsSuperscript, removePriceDecimal , decimalDelimiter, withoutTrailingZeros -%}{% endif -%}\u003c!-- priceMax used for multi variant price display where it can have min-max price with format and translation --\u003e{% assign hasMultiVariantPrice = false -%}{% if translations.productItem.amount contains \"minPrice\" -%} {% assign hasMultiVariantPrice = true -%}{% endif -%}{% assign isSamePrice = true -%}{% if minPrice != maxPrice or product.compare_at_price_min != product.compare_at_price_max -%} {% assign isSamePrice = false -%}{% endif -%}{% assign priceValueWithFormat = priceMinWithFormat -%}{% if isSamePrice == false and maxPrice \u003e minPrice and hasMultiVariantPrice -%} {% assign priceValueWithFormat = \"productItem.amount\" | translate: translations, \"\" | replace: '{{minPrice}}', priceMinWithFormat | replace: '{{maxPrice}}', priceMaxWithFormat -%}{% endif -%} {% assign savingPriceWithFormat = '' -%}{% unless showSavingDisplay == false or saleAmount == 0 -%} {% assign saleAmountWithFormat = saleAmount | format_currency: moneyFormat, showCentAsSuperscript, removePriceDecimal, decimalDelimiter, withoutTrailingZeros -%} {% assign savingPriceWithFormat = \"productItem.savingAmount\" | translate: translations, \"Save {{saleAmount}}\" | replace: '{{saleAmount}}', saleAmountWithFormat | replace: '{{salePercent}}', salePercent -%}{% endunless -%}\u003c!-- Price compare display top or bottom --\u003e\u003c!-- Price compare display left or right --\u003e\u003cdiv class=\"boost-sd__product-price-wrapper\"\u003e \u003cspan class=\"boost-sd__visually-hidden\"\u003e {% if isSale %} Regular price {{ compareAtPriceWithFormat }}, now on sale for {{ priceValueWithFormat }}{% if savingPriceWithFormat != '' %}, saving {{ savingPriceWithFormat }}{% endif %} {% else %} Regular price {{ priceValueWithFormat }} {% endif %} \u003c\/span\u003e \u003cspan aria-hidden=\"true\" class=\"boost-sd__product-price-content boost-sd__product-price-content--text-align-left\" \u003e \u003cspan class=\"{% if isSale == true %}boost-sd__product-price--sale{% else %}boost-sd__product-price--default{% endif %}\" \u003e \u003cspan class=\"boost-sd__format-currency\"\u003e{{ priceValueWithFormat }}
878\u003c\/span\u003e \u003c\/span\u003e {% if compareAtPriceWithFormat != '' -%} \u003cspan class=\"boost-sd__format-currency boost-sd__format-currency--price-compare boost-sd__product-price--compare\" \u003e \u003cspan class=\"boost-sd__format-currency\"\u003e{{ compareAtPriceWithFormat }}\u003c\/span\u003e \u003c\/span\u003e {% endif -%} \u003c\/span\u003e {% if savingPriceWithFormat != '' -%} \u003cspan aria-hidden=\"true\" class=\"boost-sd__product-price--saving\" \u003e \u003cspan class=\"boost-sd__format-currency\"\u003e{{ savingPriceWithFormat }}\u003c\/span\u003e \u003c\/span\u003e {% endif -%} \u003c\/div\u003e \u003c\/div\u003e \u003c!-- PRODUCT INVENTORY --\u003e \u003c!-- TEMPLATE PRODUCT SWATCH --\u003e{% assign swatches = '' %} \u003c\/div\u003e\u003c\/div\u003e\u003c\/div\u003e \u003c\/div\u003e {% endfor %} {% assign numberOfProductPerRow = widgetDesignSettings.numberOfProductPerRow %} {% assign numberOfRecommendProduct = widgetDesignSettings.numberOfRecommendProduct %} {% if numberOfRecommendProduct \u003c numberOfProductPerRow %} {% assign sliderPages = 1 %} {% assign disable = \"disabled\" %} {% else %} {% assign sliderPages = numberOfRecommendProduct | divided_by: numberOfProductPerRow | ceil %} {% assign disable = \"\" %} {% endif %} \u003c\/div\u003e\u003cdiv class=\"boost-sd__prev-button boost-sd__prev-button--inside\"\u003e \u003cbutton type=\"button\" aria-label=\"Previous\" class=\"boost-sd__button boost-sd__button--circle boost-sd__slider-button\" {{ disable }}\u003e \u003cspan class=\"boost-sd__icon\"\u003e \u003csvg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" fill=\"none\" viewBox=\"0 0 10 7\" height=\"7\" width=\"10\" class=\"boost-sd__prev-button-icon\"\u003e \u003cpath stroke-linejoin=\"round\" stroke-linecap=\"round\" stroke=\"#212121\" d=\"M0.764024 5.51189L5.00002 1.28789L9.23602 5.51189\"\u003e\u003c\/path\u003e \u003c\/svg\u003e \u003c\/span\u003e \u003c\/button\u003e\u003c\/div\u003e\u003cdiv class=\"boost-sd__next-button boost-sd__next-button--inside\"\u003e \u003cbutton type=\"button\" aria-label=\"Next\" class=\"boost-sd__button boost-sd__button--circle boost-sd__slider-button\" {{ disable }}\u003e \u003cspan class=\"boost-sd__icon\" style=\"margin: 0px;\"\u003e \u003csvg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" fill=\"none\" viewBox=\"0 0 10 7\" height=\"7\" width=\"10\" class=\"boost-sd__next-button-icon\"\u003e \u003cpath stroke-linejoin=\"round\" stroke-linecap=\"round\" stroke=\"#212121\" d=\"M0.764024 5.51189L5.00002 1.28789L9.23602 5.51189\"\u003e\u003c\/path\u003e \u003c\/svg\u003e \u003c\/span\u003e \u003c\/button\u003e\u003c\/div\u003e\u003c\/div\u003e {% else %} \u003c!-- TEMPLATE RECOMMENDATION TYPE BUNDLE --\u003e{% assign bundleStyle = widgetDesignSettings.bundleStyle %}\u003cdiv class=\"boost-sd__recommendation-bundle boost-sd__recommendation-bundle--{{ bundleStyle }}\"\u003e\u003cdiv class=\"boost-sd__recommendation-bundle-left\"\u003e \u003cdiv class=\"boost-sd__recommendation-bundle-images boost-sd__recommendation-bundle-images--{{ bundleStyle }}\"\u003e {% for product in products %} \u003cdiv class=\"boost-sd__recommendation-bundle-image-item\"\u003e {% if product.checked %} \u003ca aria-label=\"View product details for {{ product.title | escape }}\" class=\"boost-sd__product-link boost-sd__product-link-image\" href=\"\/products\/{{ product.handle }}\"\u003e {% endif %} \u003cdiv class=\"boost-sd__product-image-wrapper boost-sd__product-image-wrapper--full-box\"\u003e \u003cdiv class=\"boost-sd__product-image {% unless product.checked %} boost-sd__product-image--blur {% endunless %}\"\u003e {% if product.images_info[0] %} \u003cimg id=\"product-image-{{ product.id }}\" class=\"boost-sd__product-image-img boost-sd__product-image-img--main\" src=\"{{ product.images_info[0].src }}\" alt=\"{{ product.title | escape }}\" width=\"auto\" height=\"auto\" \/\u003e {% else %} \u003cimg id=\"product-image-{{ product.id }}\" class=\"boost-sd__product-image-img boost-sd__product-image-img--main\" src=\"https:\/\/cdn.shopify.com\/extensions\/201f4d7b-8d39-43a4-82de-e6f412341695\/0.0.0\/assets\/boost-pfs-no-image.jpg?v=1677838268\" alt=\"{{ product.title | escape }}\" width=\"auto\" height=\"auto\" \/\u003e {% endif %} \u003c\/div\u003e \u003c\/div\u003e {% if product.checked %} \u003c\/a\u003e {% endif %} {% if bundleStyle == 'style2' %} \u003cdiv class=\"boost-sd__recommendation-bundle-item-info boost-sd__recommendation-bundle-item-info--{{ bundleStyle }}\"\u003e \u003cdiv class=\"boost-sd__recommendation-bundle-item-info-content {% unless product.checked %} boost-sd__recommendation-bundle-item-info-content--blur {% endunless %}\"\u003e \u003cdiv class=\"boost-sd__recommendation-bundle-item-title\"\u003e {% if forloop.index0 == 0 %} \u003cspan role=\"text\" tabindex=\"0\"\u003e \u003cb\u003eThis item:\u003c\/b\u003e {{ product.title | escape }} \u003c\/span\u003e {% elsif product.checked %} \u003ca class=\"boost-sd__product-link\" href=\"\/products\/{{ product.handle }}\"\u003e {{ product.title | escape }} \u003c\/a\u003e {% else %} \u003cspan role=\"text\" tabindex=\"0\"\u003e{{ product.title | escape }}\u003c\/span\u003e {% endif %} \u003c\/div\u003e {%- if product.selectedOption.title != 'Default Title' -%} \u003cdiv class=\"boost-sd__recommendation-bundle-dropdown-wrapper boost-sd__recommendation-bundle-dropdown-wrapper--{{ bundleStyle }}\"\u003e \u003cdiv {% if product.checked %} tabindex=\"0\" {% endif %}
878 role=\"combobox\" aria-label=\"Select an option\" aria-expanded=\"false\" aria-haspopup=\"true\" data-id=\"boost-sd__dropdown-{{ widgetId }}\" data-product-id=\"{{ product.id }}\" id=\"boost-sd__dropdown-{{ widgetId }}\" class=\"boost-sd__dropdown {% unless product.checked %} boost-sd__dropdown--disabled {% endunless %}\"\u003e \u003cdiv class=\"boost-sd__dropdown-selected-option\"\u003e \u003cspan aria-label=\"Current option: {{ product.selectedOption.title | escape }}\" class=\"boost-sd__dropdown-option-text\"\u003e{{ product.selectedOption.title | escape }}\u003c\/span\u003e \u003csvg width=\"8\" height=\"12\" viewBox=\"0 0 8 5\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"\u003e \u003cpath d=\"M7.09832 3.98009e-07L0.901685 -1.43717e-07C0.15069 -2.09371e-07 -0.269991 0.75351 0.193991 1.2676L3.29231 4.70055C3.65265 5.09982 4.34735 5.09982 4.70769 4.70055L7.80601 1.2676C8.26999 0.753511 7.84931 4.63664e-07 7.09832 3.98009e-07Z\" fill=\"#5C5F62\"\u003e\u003c\/path\u003e \u003c\/svg\u003e \u003c\/div\u003e \u003cul role=\"listbox\" data-id=\"boost-sd__dropdown-list-{{ widgetId }}\" id=\"boost-sd__dropdown-list-{{ widgetId }}\" class=\"boost-sd__dropdown-option-list\"\u003e {% for variant in product.variants %} \u003cli role=\"option\" aria-selected=\"{{ variant.title == product.selectedOption.title }}\" data-id=\"boost-sd__dropdown-option-{{ widgetId }}\" data-variant-id=\"{{ variant.id }}\" id=\"boost-sd__dropdown-option-{{ widgetId }}\" class=\"boost-sd__dropdown-option {% if variant.title == product.selectedOption.title %}boost-sd__dropdown-option--selected{% endif %}\"\u003e {{ variant.title | escape }} \u003c\/li\u003e {% endfor %} \u003c\/ul\u003e \u003c\/div\u003e \u003c\/div\u003e {% endif %} \u003cdiv class=\"boost-sd__recommendation-bundle-checkbox\"\u003e \u003cbutton type=\"button\" aria-checked=\"{% if product.checked %} true {% else %} false {% endif %}\" aria-label=\"{% if product.checked %} Click to remove from bundle {% else %} Click to add to bundle {% endif %}\" class=\"boost-sd__recommendation-bundle-checkbox-box {% if product.checked %} boost-sd__recommendation-bundle-checkbox-box--checked {% endif %}\" data-id=\"boost-sd__checkbox-{{ widgetId }}\" id=\"boost-sd__checkbox-{{ widgetId }}-{{ product.id }}\" \u003e\u003c\/button\u003e \u003c\/div\u003e \u003cspan role=\"text\" tabindex=\"0\" aria-label=\"Price
878: {{ product.selectedOption.price }}\" class=\"boost-sd__format-currency\"\u003e \u003cspan\u003e{{ product.selectedOption.price }}\u003c\/span\u003e \u003c\/span\u003e \u003c\/div\u003e \u003c\/div\u003e {% endif %} \u003c\/div\u003e {% unless forloop.last %} \u003cdiv class=\"boost-sd__recommendation-bundle-plus-icon-wrapper boost-sd__recommendation-bundle-plus-icon-wrapper--{{ bundleStyle }}\"\u003e \u003csvg width=\"16\" height=\"16\" viewBox=\"0 0 16 16\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"\u003e \u003cpath fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M15 7H9V1C9 0.448 8.553 0 8 0C7.447 0 7 0.448 7 1V7H1C0.447 7 0 7.448 0 8C0 8.552 0.447 9 1 9H7V15C7 15.552 7.447 16 8 16C8.553 16 9 15.552 9 15V9H15C15.553 9 16 8.552 16 8C16 7.448 15.553 7 15 7Z\" fill=\"#5C5F62\"\u003e\u003c\/path\u003e \u003c\/svg\u003e \u003c\/div\u003e {% endunless %} {% endfor %} \u003c\/div\u003e {% if bundleStyle == 'style1' %} {% for product in products %} \u003cdiv class=\"boost-sd__recommendation-bundle-item-info boost-sd__recommendation-bundle-item-info--{{ bundleStyle }}\"\u003e \u003cdiv class=\"boost-sd__recommendation-bundle-item-info-content {% unless product.checked %} boost-sd__recommendation-bundle-item-info-content--blur {% endunless %}\"\u003e \u003cdiv class=\"boost-sd__recommendation-bundle-item-title\"\u003e \u003cdiv class=\"boost-sd__recommendation-bundle-checkbox\"\u003e \u003cbutton type=\"button\" aria-checked=\"{% if product.checked %} true {% else %} false {% endif %}\" aria-label=\"{% if product.checked %} Click to remove from bundle {% else %} Click to add to bundle {% endif %}\" class=\"boost-sd__recommendation-bundle-checkbox-box {% if product.checked %} boost-sd__recommendation-bundle-checkbox-box--checked {% endif %}\" data-id=\"boost-sd__checkbox-{{ widgetId }}\" id=\"boost-sd__checkbox-{{ widgetId }}-{{ product.id }}\" \u003e\u003c\/button\u003e \u003c\/div\u003e {% if forloop.index0 == 0 %} \u003cspan role=\"text\" tabindex=\"0\"\u003e \u003cb\u003eThis item:\u003c\/b\u003e {{ product.title | escape }} \u003c\/span\u003e {% elsif product.checked %} \u003ca class=\"boost-sd__product-link\" href=\"\/products\/{{ product.handle }}\"\u003e {{ product.title | escape }} \u003c\/a\u003e {% else %} \u003cspan role=\"text\" tabindex=\"0\"\u003e{{ product.title | escape }}\u003c\/span\u003e {% endif %} \u003c\/div\u003e {%- if product.selectedOption.title != 'Default Title' -%} \u003cdiv class=\"boost-sd__recommendation-bundle-dropdown-wrapper boost-sd__recommendation-bundle-dropdown-wrapper--{{ bundleStyle }}\"\u003e \u003cdiv {% if product.checked %} tabindex=\"0\" {% endif %} role=\"combobox\" aria-label=\"Select an option\" aria-expanded=\"false\" aria-haspopup=\"true\" data-id=\"boost-sd__dropdown-{{ widgetId }}\" data-product-id=\"{{ product.id }}\" id=\"boost-sd__dropdown-{{ widgetId }}\" class=\"boost-sd__dropdown {% unless product.checked %} boost-sd__dropdown--disabled {% endunless %}\"\u003e \u003cdiv class=\"boost-sd__dropdown-selected-option\"\u003e \u003cspan aria-label=\"Current option: {{ product.selectedOption.title | escape }}\" class=\"boost-sd__dropdown-option-text\"\u003e{{ product.selectedOption.title | escape }}\u003c\/span\u003e \u003csvg width=\"8\" height=\"12\" viewBox=\"0 0 8 5\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"\u003e \u003cpath d=\"M7.09832 3.98009e-07L0.901685 -1.43717e-07C0.15069 -2.09371e-07 -0.269991 0.75351 0.193991 1.2676L3.29231 4.70055C3.65265 5.09982 4.34735 5.09982 4.70769 4.70055L7.80601 1.2676C8.26999 0.753511 7.84931 4.63664e-07 7.09832 3.98009e-07Z\" fill=\"#5C5F62\"\u003e\u003c\/path\u003e \u003c\/svg\u003e \u003c\/div\u003e \u003cul role=\"listbox\" data-id=\"boost-sd__dropdown-list-{{ widgetId }}\" id=\"boost-sd__dropdown-list-{{ widgetId }}\" class=\"boost-sd__dropdown-option-list\"\u003e {% for variant in product.variants %} \u003cli role=\"option\" aria-selected=\"{{ variant.title == product.selectedOption.title }}\" data-id=\"boost-sd__dropdown-option-{{ widgetId }}\" data-variant-id=\"{{ variant.id }}\" id=\"boost-sd__dropdown-option-{{ widgetId }}\" class=\"boost-sd__dropdown-option {% if variant.title == product.selectedOption.title %}boost-sd__dropdown-option--selected{% endif %}\"\u003e {{ variant.title | escape }} \u003c\/li\u003e {% endfor %} \u003c\/ul\u003e \u003c\/div\u003e \u003c\/div\u003e {% endif %} \u003cspan role=\"text\" tabindex=\"0\" aria-label=\"Price
878: {{ product.selectedOption.price }}\" class=\"boost-sd__format-currency\"\u003e \u003cspan\u003e{{ product.selectedOption.price }}\u003c\/span\u003e \u003c\/span\u003e \u003c\/div\u003e \u003c\/div\u003e {% endfor %} {% endif %} \u003c\/div\u003e\u003cdiv class=\"boost-sd__recommendation-bundle-right\"\u003e {% if hasSelectedProduct == true %} \u003cdiv role=\"text\" tabindex=\"0\" class=\"boost-sd__recommendation-bundle-total-price\"\u003e Total price: \u003cb class=\"boost-sd__recommendation-bundle-price-text\"\u003e \u003cspan class=\"boost-sd__format-currency\"\u003e{{ totalPrice }}\u003c\/span\u003e \u003c\/b\u003e \u003c\/div\u003e {% endif %} \u003cbutton type=\"button\" {% if hasSelectedProduct == false %}disabled{% endif %} class=\"boost-sd__button boost-sd__button--primary boost-sd__button--large boost-sd__button--round boost-sd__button--full-width boost-sd__btn-add-to-cart\"\u003e \u003cspan\u003eAdd to Cart\u003c\/span\u003e \u003c\/button\u003e\u003c\/div\u003e\u003c\/div\u003e {% endif %}\u003c\/div\u003e\u003cstyle\u003e #{{ widgetId }} .boost-sd__recommendation-title { color: {{ widgetDesignSettings.titleTextColor }}; font-family: {{ widgetDesignSettings.titleFont }}; font-size: {{ widgetDesignSettings.titleFontSize }}px; text-transform: {{ widgetDesignSettings.titleTextTransform }}; font-weight: {{ widgetDesignSettings.titleFontWeight }}; font-style: {{ widgetDesignSettings.titleFontStyle }}; }\u003c\/style\u003e", 879 880 881 882 883 884 "searchTabCollectionsContent": "\u003cdiv role=\"tabpanel\" class=\"boost-sd__search-result-panel-content\"\u003e {% assign currentLocale = '' %} {% if currentLocale != \"\" %} {% assign currentLocale = currentLocale %} {% endif %} {% for collection in collections %} \u003ca tabindex=\"0\" href=\"{{ currentLocale }}\/collections\/{{ collection.handle }}\" class=\"boost-sd__search-result-panel-content-item\"\u003e \u003cdiv class=\"boost-sd__search-result-panel-content-item-text\"\u003e \u003cp class=\"boost-sd__search-result-panel-content-item-title 123\"\u003e{{ collection.title | escape }}
884\u003c\/p\u003e {% if collection.body_html != \"\" %} \u003cp class=\"boost-sd__search-result-panel-content-item-description\"\u003e {{ collection.body_html | strip_html | truncate: 270, '...' }} \u003c\/p\u003e {% endif %} \u003c\/div\u003e\u003c\/a\u003e {% endfor %} {% capture pageSize %} 25 {% endcapture %} {% assign pageSize = pageSize | plus: 0 %} {% if pageSize \u003c= 0 %} {% assign pageSize = 1 %} {% endif %} {% if pageSize \u003c totalCollection %} {% assign totalPage = totalCollection | divided_by: pageSize | ceil %} {% assign pagination = currentPage | pagination_list: totalPage | split: \",\" %} {% assign toProduct = currentPage | times: pageSize %} \u003cdiv class=\"boost-sd__pagination boost-sd__pagination--center\"\u003e {% if currentPage != 1 %} \u003cbutton type=\"button\" aria-label=\"previous page\" class=\"boost-sd__pagination-button boost-sd__pagination-button--circle boost-sd__pagination-button--previous\" style=\"color: rgb(122, 122, 122); background-color: rgba(0, 0, 0, 0); font-size: inherit; text-transform: none; border-color: transparent; border-width: 1px; border-style: solid;\"\u003e \u003cspan class=\"boost-sd__pagination-button-icon boost-sd__pagination-button-icon--left\"\u003e \u003csvg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" fill=\"none\" viewBox=\"0 0 7 12\" height=\"12\" width=\"7\"\u003e \u003cpath d=\"M6.80474 0.528514C6.54439 0.268165 6.12228 0.268165 5.86193 0.528514L0.861929 5.52851C0.601579 5.78886 0.601579 6.21097 0.861929 6.47132L5.86193 11.4713C6.12228 11.7317 6.54439 11.7317 6.80474 11.4713C7.06509 11.211 7.06509 10.7889 6.80474 10.5285L2.27614 5.99992L6.80474 1.47132C7.06509 1.21097 7.06509 0.788864 6.80474 0.528514Z\" clip-rule=\"evenodd\" fill-rule=\"evenodd\"\u003e\u003c\/path\u003e \u003c\/svg\u003e \u003c\/span\u003e \u003c\/button\u003e {% endif %} {% for page_string in pagination %} {% assign page = page_string | plus: 0 %} {% if page == 0 %} \u003cbutton class=\"boost-sd__pagination-number boost-sd__pagination-number--disabled boost-sd__pagination-number--circle\"\u003e...\u003c\/button\u003e {% elsif page == request.page %} \u003cbutton class=\"boost-sd__pagination-number boost-sd__pagination-number--circle boost-sd__pagination-number--active\" style=\"color: rgb(122, 122, 122); background-color: rgba(0, 0, 0, 0); font-size: inherit;\" data-page=\"{{ page }}\"\u003e{{ page }}\u003c\/button\u003e {% else %} \u003cbutton class=\"boost-sd__pagination-number boost-sd__pagination-number--circle\" style=\"color: rgb(122, 122, 122); background-color: rgba(0, 0, 0, 0); font-size: inherit;\" data-page=\"{{ page }}\"\u003e{{ page }}\u003c\/button\u003e {% endif %} {% endfor %} {% if currentPage != totalPage %} \u003cbutton type=\"button\" aria-label=\"next page\" class=\"boost-sd__pagination-button boost-sd__pagination-button--circle boost-sd__pagination-button--next\" style=\"color: rgb(122, 122, 122); background-color: rgba(0, 0, 0, 0); font-size: inherit; text-transform: none; border-color: transparent; border-width: 1px; border-style: solid;\"\u003e \u003cspan class=\"boost-sd__pagination-button-icon boost-sd__pagination-button-icon--right\"\u003e \u003csvg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" fill=\"none\" viewBox=\"0 0 7 12\" height=\"12\" width=\"7\"\u003e \u003cpath d=\"M0.195262 0.528514C0.455612 0.268165 0.877722 0.268165 1.13807 0.528514L6.13807 5.52851C6.39842 5.78886 6.39842 6.21097 6.13807 6.47132L1.13807 11.4713C0.877722 11.7317 0.455612 11.7317 0.195262 11.4713C-0.0650874 11.211 -0.0650874 10.7889 0.195262 10.5285L4.72386 5.99992L0.195262 1.47132C-0.0650874 1.21097 -0.0650874 0.788864 0.195262 0.528514Z\" clip-rule=\"evenodd\" fill-rule=\"evenodd\"\u003e\u003c\/path\u003e \u003c\/svg\u003e \u003c\/span\u003e \u003c\/button\u003e {% endif %} \u003c\/div\u003e {% endif %}\u003c\/div\u003e", 885 886 887 888 889 890 "searchTabPagesContent": "\u003cdiv role=\"tabpanel\" class=\"boost-sd__search-result-panel-content\"\u003e {% for page in pages %} \u003ca tabindex=\"0\" href=\"{{ page.url }}\" class=\"boost-sd__search-result-panel-content-item\"\u003e {% if page.image != null %} \u003cdiv class=\"boost-sd__search-result-panel-content-item-image\"\u003e \u003cimg src=\"{{ page.image.src }}\" width=\"auto\" height=\"auto\" alt=\"{{ page.title | escape }}\"\u003e \u003c\/div\u003e {% endif %} \u003cdiv class=\"boost-sd__search-result-panel-content-item-text\"\u003e \u003cp class=\"boost-sd__search-result-panel-content-item-title\"\u003e{{ page.title | escape }}\u003c\/p\u003e {% if page.body_html != \"\" %} \u003cp class=\"boost-sd__search-result-panel-content-item-description\"\u003e {{ page.body_html | strip_html | truncate: 270, '...' }} \u003c\/p\u003e {% endif %} \u003c\/div\u003e\u003c\/a\u003e {% endfor %} {% capture pageSize %} 25 {% endcapture %} {% assign pageSize = pageSize | plus: 0 %} {% if pageSize \u003c= 0 %} {% assign pageSize = 1 %} {% endif %} {% if pageSize \u003c totalPageTab %} {% assign totalPage = totalPageTab | divided_by: pageSize | ceil %} {% assign pagination = currentPage | pagination_list: totalPage | split: \",\" %} {% assign toProduct = currentPage | times: pageSize %} \u003cdiv class=\"boost-sd__pagination boost-sd__pagination--center\"\u003e {% if currentPage != 1 %} \u003cbutton type=\"button\" aria-label=\"previous page\" class=\"boost-sd__pagination-button boost-sd__pagination-button--circle boost-sd__pagination-button--previous\" style=\"color: rgb(122, 122, 122); background-color: rgba(0, 0, 0, 0); font-size: inherit; text-transform: none; border-color: transparent; border-width: 1px; border-style: solid;\"\u003e \u003cspan class=\"boost-sd__pagination-button-icon boost-sd__pagination-button-icon--left\"\u003e \u003csvg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" fill=\"none\" viewBox=\"0 0 7 12\" height=\"12\" width=\"7\"\u003e \u003cpath d=\"M6.80474 0.528514C6.54439 0.268165 6.12228 0.268165 5.86193 0.528514L0.861929 5.52851C0.601579 5.78886 0.601579 6.21097 0.861929 6.47132L5.86193 11.4713C6.12228 11.7317 6.54439 11.7317 6.80474 11.4713C7.06509 11.211 7.06509 10.7889 6.80474 10.5285L2.27614 5.99992L6.80474 1.47132C7.06509 1.21097 7.06509 0.788864 6.80474 0.528514Z\"
890clip-rule=\"evenodd\" fill-rule=\"evenodd\"\u003e\u003c\/path\u003e \u003c\/svg\u003e \u003c\/span\u003e \u003c\/button\u003e {% endif %} {% for page_string in pagination %} {% assign page = page_string | plus: 0 %} {% if page == 0 %} \u003cbutton class=\"boost-sd__pagination-number boost-sd__pagination-number--disabled boost-sd__pagination-number--circle\"\u003e...\u003c\/button\u003e {% elsif page == request.page %} \u003cbutton class=\"boost-sd__pagination-number boost-sd__pagination-number--circle boost-sd__pagination-number--active\" style=\"color: rgb(122, 122, 122); background-color: rgba(0, 0, 0, 0); font-size: inherit;\" data-page=\"{{ page }}\"\u003e{{ page }}\u003c\/button\u003e {% else %} \u003cbutton class=\"boost-sd__pagination-number boost-sd__pagination-number--circle\" style=\"color: rgb(122, 122, 122); background-color: rgba(0, 0, 0, 0); font-size: inherit;\" data-page=\"{{ page }}\"\u003e{{ page }}\u003c\/button\u003e {% endif %} {% endfor %} {% if currentPage != totalPage %} \u003cbutton type=\"button\" aria-label=\"next page\" class=\"boost-sd__pagination-button boost-sd__pagination-button--circle boost-sd__pagination-button--next\" style=\"color: rgb(122, 122, 122); background-color: rgba(0, 0, 0, 0); font-size: inherit; text-transform: none; border-color: transparent; border-width: 1px; border-style: solid;\"\u003e \u003cspan class=\"boost-sd__pagination-button-icon boost-sd__pagination-button-icon--right\"\u003e \u003csvg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" fill=\"none\" viewBox=\"0 0 7 12\" height=\"12\" width=\"7\"\u003e \u003cpath d=\"M0.195262 0.528514C0.455612 0.268165 0.877722 0.268165 1.13807 0.528514L6.13807 5.52851C6.39842 5.78886 6.39842 6.21097 6.13807 6.47132L1.13807 11.4713C0.877722 11.7317 0.455612 11.7317 0.195262 11.4713C-0.0650874 11.211 -0.0650874 10.7889 0.195262 10.5285L4.72386 5.99992L0.195262 1.47132C-0.0650874 1.21097 -0.0650874 0.788864 0.195262 0.528514Z\" clip-rule=\"evenodd\" fill-rule=\"evenodd\"\u003e\u003c\/path\u003e \u003c\/svg\u003e \u003c\/span\u003e \u003c\/button\u003e {% endif %} \u003c\/div\u003e {% endif %}\u003c\/div\u003e", 891 892 893 894 895 896 "searchTabCollectionsContentPagination": "{% assign pagination = currentPage | pagination_list: totalPage | split: \",\" %}{% assign toProduct = currentPage | times: pageSize %}\u003cdiv class=\"boost-sd__pagination boost-sd__pagination--center\"\u003e {% if currentPage != 1 %} \u003cbutton type=\"button\" aria-label=\"previous page\" class=\"boost-sd__pagination-button boost-sd__pagination-button--circle boost-sd__pagination-button--previous\" style=\"color: rgb(122, 122, 122); background-color: rgba(0, 0, 0, 0); font-size: inherit; text-transform: none; border-color: transparent; border-width: 1px; border-style: solid;\"\u003e \u003cspan class=\"boost-sd__pagination-button-icon boost-sd__pagination-button-icon--left\"\u003e \u003csvg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" fill=\"none\" viewBox=\"0 0 7 12\" height=\"12\" width=\"7\"\u003e \u003cpath d=\"M6.80474 0.528514C6.54439 0.268165 6.12228 0.268165 5.86193 0.528514L0.861929 5.52851C0.601579 5.78886 0.601579 6.21097 0.861929 6.47132L5.86193 11.4713C6.12228 11.7317 6.54439 11.7317 6.80474 11.4713C7.06509 11.211 7.06509 10.7889 6.80474 10.5285L2.27614 5.99992L6.80474 1.47132C7.06509 1.21097 7.06509 0.788864 6.80474 0.528514Z\" clip-rule=\"evenodd\" fill-rule=\"evenodd\"\u003e\u003c\/path\u003e \u003c\/svg\u003e \u003c\/span\u003e\u003c\/button\u003e {% endif %} {% for page_string in pagination %} {% assign page = page_string | plus: 0 %} {% if page == 0 %} \u003cbutton class=\"boost-sd__pagination-number boost-sd__pagination-number--disabled boost-sd__pagination-number--circle\"\u003e...\u003c\/button\u003e {% elsif page == request.page %} \u003cbutton class=\"boost-sd__pagination-number boost-sd__pagination-number--circle boost-sd__pagination-number--active\" style=\"color: rgb(122, 122, 122); background-color: rgba(0, 0, 0, 0); font-size: inherit;\" data-page=\"{{ page }}\"\u003e{{ page }}\u003c\/button\u003e {% else %} \u003cbutton class=\"boost-sd__pagination-number boost-sd__pagination-number--circle\" style=\"color: rgb(122, 122, 122); background-color: rgba(0, 0, 0, 0); font-size: inherit;\" data-page=\"{{ page }}\"\u003e{{ page }}\u003c\/button\u003e {% endif %} {% endfor %} {% if currentPage != totalPage %} \u003cbutton type=\"button\" aria-label=\"next page\" class=\"boost-sd__pagination-button boost-sd__pagination-button--circle boost-sd__pagination-button--next\" style=\"color: rgb(122, 122, 122); background-color: rgba(0, 0, 0, 0); font-size: inherit; text-transform: none; border-color: transparent; border-width: 1px; border-style: solid;\"\u003e \u003cspan class=\"boost-sd__pagination-button-icon boost-sd__pagination-button-icon--right\"\u003e \u003csvg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" fill=\"none\" viewBox=\"0 0 7 12\" height=\"12\" width=\"7\"\u003e \u003cpath d=\"M0.195262 0.528514C0.455612 0.268165 0.877722 0.268165 1.13807 0.528514L6.13807 5.52851C6.39842 5.78886 6.39842 6.21097 6.13807 6.47132L1.13807 11.4713C0.877722 11.7317 0.45
8965612 11.7317 0.195262 11.4713C-0.0650874 11.211 -0.0650874 10.7889 0.195262 10.5285L4.72386 5.99992L0.195262 1.47132C-0.0650874 1.21097 -0.0650874 0.788864 0.195262 0.528514Z\" clip-rule=\"evenodd\" fill-rule=\"evenodd\"\u003e\u003c\/path\u003e \u003c\/svg\u003e \u003c\/span\u003e\u003c\/button\u003e {% endif %}\u003c\/div\u003e", 897 898 899 900 901 902 "placeholderFilterTree": "\u003c!-- TEMPLATE PLACEHOLDER --\u003e\u003c!-- This is global variable filter settings layout --\u003e\u003cdiv class='boost-sd-container'\u003e\u003cdiv class='boost-sd-layout boost-sd-layout--has-filter-vertical'\u003e \u003cdiv class='boost-sd-left boost-filter-tree-column'\u003e \u003c!-- TEMPLATE FILTER TREE PLACEHOLDER --\u003e \u003cdiv id=\"boost-sd__filter-tree-wrapper\" class=\"boost-sd__filter-tree-wrapper\"\u003e \u003cdiv class=\"boost-sd__filter-tree-vertical \"\u003e \u003cdiv class=\"boost-sd__filter-tree-vertical-placeholder\"\u003e \u003cdiv class=\"boost-sd__filter-tree-vertical-placeholder-item\"\u003e \u003cspan class=\"boost-sd__placeholder-item\" style=\"width:80%; border-radius: 0;\"\u003e\u003c\/span\u003e \u003cspan class=\"boost-sd__placeholder-item\" style=\"border-radius: 0;\"\u003e\u003c\/span\u003e \u003cspan class=\"boost-sd__placeholder-item\" style=\"width:65%; border-radius: 0;\"\u003e\u003c\/span\u003e \u003cspan class=\"boost-sd__placeholder-item\" style=\"width:40%; border-radius: 0;\"\u003e\u003c\/span\u003e \u003c\/div\u003e \u003cdiv class=\"boost-sd__filter-tree-vertical-placeholder-item\"\u003e \u003cspan class=\"boost-sd__placeholder-item\" style=\"width:80%; border-radius: 0;\"\u003e\u003c\/span\u003e \u003cspan class=\"boost-sd__placeholder-item\" style=\"border-radius: 0;\"\u003e\u003c\/span\u003e \u003cspan class=\"boost-sd__placeholder-item\" style=\"width:65%; border-radius: 0;\"\u003e\u003c\/span\u003e \u003cspan class=\"boost-sd__placeholder-item\" style=\"width:40%; border-radius: 0;\"\u003e\u003c\/span\u003e \u003c\/div\u003e \u003cdiv class=\"boost-sd__filter-tree-vertical-placeholder-item\"\u003e \u003cspan class=\"boost-sd__placeholder-item\" style=\"width:80%; border-radius: 0;\"\u003e\u003c\/span\u003e \u003cspan class=\"boost-sd__placeholder-item\" style=\"border-radius: 0;\"\u003e\u003c\/span\u003e \u003cspan class=\"boost-sd__placeholder-item\" style=\"width:65%; border-radius: 0;\"\u003e\u003c\/span\u003e \u003cspan class=\"boost-sd__placeholder-item\" style=\"width:40%; border-radius: 0;\"\u003e\u003c\/span\u003e \u003c\/div\u003e \u003cdiv class=\"boost-sd__filter-tree-vertical-placeholder-item\"\u003e \u003cspan class=\"boost-sd__placeholder-item\" style=\"width:80%; border-radius: 0;\"\u003e\u003c\/span\u003e \u003cspan class=\"boost-sd__placeholder-item\" style=\"border-radius: 0;\"\u003e\u003c\/span\u003e \u003cspan class=\"boost-sd__placeholder-item\" style=\"width:65%; border-radius: 0;\"\u003e\u003c\/span\u003e \u003cspan class=\"boost-sd__placeholder-item\" style=\"width:40%; border-radius: 0;\"\u003e\u003c\/span\u003e \u003c\/div\u003e \u003cdiv class=\"boost-sd__filter-tree-vertical-placeholder-item\"\u003e \u003cspan class=\"boost-sd__placeholder-item\" style=\"width:80%; border-radius: 0;\"\u003e\u003c\/span\u003e \u003cspan class=\"boost-sd__placeholder-item\" style=\"border-radius: 0;\"\u003e\u003c\/span\u003e \u003cspan class=\"boost-sd__placeholder-item\" style=\"width:65%; border-radius: 0;\"\u003e\u003c\/span\u003e \u003cspan class=\"boost-sd__placeholder-item\" style=\"width:40%; border-radius: 0;\"\u003e\u003c\/span\u003e \u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003cdiv class='boost-sd-right boost-product-listing-column'\u003e \u003c!-- TEMPLATE TOOLBAR PLACEHOLDER--\u003e \u003cdiv class=\"boost-sd__toolbar-container\"\u003e \u003cdiv class=\"boost-sd__toolbar-inner\"\u003e \u003cdiv class=\"boost-sd__toolbar-content\"\u003e \u003cdiv class=\"boost-sd__toolbar boost-sd__toolbar--3_1\"\u003e \u003cspan class=\"boost-sd__toolbar-item boost-sd__placeholder-item\" style=\"height: 28px; border-radius: 0;\"\u003e\u003c\/span\u003e \u003cspan class=\"boost-sd__toolbar-item boost-sd__placeholder-item\" style=\"height: 28px; border-radius: 0; margin-bottom: 0\"\u003e\u003c\/span\u003e \u003cspan class=\"boost-sd__toolbar-item boost-sd__placeholder-item\" style=\"height: 28px; border-radius: 0; margin-bottom: 0\"\u003e\u003c\/span\u003e \u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003c!-- TEMPLATE PRODUCT LIST PLACEHOLDER--\u003e \u003cdiv class=\"boost-sd__product-list-placeholder boost-sd__product-list-placeholder--4-col\"\u003e \u003cdiv class=\"boost-sd__product-list-placeholder-item\"\u003e \u003cspan class=\"boost-sd__placeholder-item\" style=\"width: 100%; border-radius: 0;\"\u003e\u003c\/span\u003e \u003cspan class=\"boost-sd__placeholder-item\" style=\"border-radius: 0;\"\u003e\u003c\/span\u003e \u003cspan class=\"boost-sd__placeholder-item\" style=\"width: 80%; border-radius: 0;\"\u003e\u003c\/span\u003e \u003cspan class=\"boost-sd__placeholder-item\" style=\"width: 40%; border-radius: 0;\"\u003e\u003c\/span\u003e \u003c\/div\u003e \u003cdiv class=\"boost-sd__product-list-placeholder-item\"\u003e \u003cspan class=\"boost-sd__placeholder-item\" style=\"width: 100%; border-radius: 0;\"\u003e\u003c\/span\u003e \u003cspan class=\"boost-sd__placeholder-item\" style=\"border-radius: 0;\"\u003e\u003c\/span\u003e \u003cspan class=\"boost-sd__placeholder-item\" style=\"width: 80%; border-radius: 0;\"\u003e\u003c\/span\u003e \u003cspan class=\"boost-sd__placeholder-item\" style=\"width: 40%; border-radius: 0;\"\u003e\u003c\/span\u003e \u003c\/div\u003e \u003cdiv class=\"boost-sd__product-list-placeholder-item\"\u003e \u003cspan class=\"boost-sd__placeholder-item\" style=\"width: 100%; border-radius: 0;\"\u003e\u003c\/span\u003e \u003cspan class=\"boost-sd__placeholder-item\" style=\"border-radius: 0;\"\u003e\u003c\/span\u003e \u003cspan class=\"boost-sd__placeholder-item\" style=\"width: 80%; border-radius: 0;\"\u003e\u003c\/span\u003e \u003cspan class=\"boost-sd__placeholder-item\" style=\"width: 40%; border-radius: 0;\"\u003e\u003c\/span\u003e \u003c\/div\u003e \u003cdiv class=\"boost-sd__product-list-placeholder-item\"\u003e \u003cspan class=\"boost-sd__placeholder-item\" style=\"width: 100%; border-radius: 0;\"\u003e\u003c\/span\u003e \u003cspan class=\"boost-sd__placeholder-item\" style=\"border-radius: 0;\"\u003e\u003c\/span\u003e \u003cspan class=\"boost-sd__placeholder-item\" style=\"width: 80%; border-radius: 0;\"\u003e\u003c\/span\u003e \u003cspan class=\"boost-sd__placeholder-item\" style=\"width: 40%; border-radius: 0;\"\u003e\u003c\/span\u003e \u003c\/div\u003e \u003cdiv class=\"boost-sd__product-list-placeholder-item\"\u003e \u003cspan class=\"boost-sd__placeholder-item\" style=\"width: 100%; border-radius: 0;\"\u003e\u003c\/span\u003e \u003cspan class=\"boost-sd__placeholder-item\" style=\"border-radius: 0;\"\u003e\u003c\/span\u003e \u003cspan class=\"boost-sd__placeholder-item\" style=\"width: 80%; border-radius: 0;\"\u003e\u003c\/span\u003e \u003cspan class=\"boost-sd__placeholder-item\" style=\"width: 40%; border-radius: 0;\"\u003e\u003c\/span\u003e \u003c\/div\u003e \u003cdiv class=\"boost-sd__product-list-placeholder-item\"\u003e \u003cspan class=\"boost-sd__placeholder-item\" style=\"width: 100%; border-radius: 0;\"\u003e\u003c\/span\u003e \u003cspan class=\"boost-sd__placeholder-item\" style=\"border-radius: 0;\"\u003e\u003c\/span\u003e \u003cspan class=\"boost-sd__placeholder-item\" style=\"width: 80%; border-radius: 0;\"\u003e\u003c\/span\u003e \u003cspan class=\"boost-sd__placeholder-item\" style=\"width: 40%; border-radius: 0;\"\u003e\u003c\/span\u003e \u003c\/div\u003e \u003cdiv class=\"boost-sd__product-list-placeholder-item\"\u003e \u003cspan class=\"boost-sd__placeholder-item\" style=\"width: 100%; border-radius: 0;\"\u003e\u003c\/span\u003e \u003cspan class=\"boost-sd__placeholder-item\" style=\"border-radius: 0;\"\u003e\u003c\/span\u003e \u003cspan class=\"boost-sd__placeholder-item\" style=\"width: 80%; border-radius: 0;\"\u003e\u003c\/span\u003e \u003cspan class=\"boost-sd__placeholder-item\" style=\"width: 40%; border-radius: 0;\"\u003e\u003c\/span\u003e \u003c\/div\u003e \u003cdiv class=\"boost-sd__product-list-placeholder-item\"\u003e \u003cspan class=\"boost-sd__placeholder-item\" style=\"width: 100%; border-radius: 0;\"\u003e\u003c\/span\u003e \u003cspan class=\"boost-sd__placeholder-item\" style=\"border-radius: 0;\"\u003e\u003c\/span\u003e \u003cspan class=\"boost-sd__placeholder-item\" style=\"width: 80%; border-radius: 0;\"\u003e\u003c\/span\u003e \u003cspan class=\"boost-sd__placeholder-item\" style=\"width: 40%; border-radius: 0;\"\u003e\u003c\/span\u003e \u003c\/div\u003e \u003cdiv class=\"boost-sd__product-list-placeholder-item\"\u003e \u003cspan class=\"boost-sd__placeholder-item\" style=\"width: 100%; border-radius: 0;\"\u003e\u003c\/span\u003e \u003cspan class=\"boost-sd__placeholder-item\" style=\"border-radius: 0;\"\u003e\u003c\/span\u003e \u003cspan class=\"boost-sd__placeholder-item\" style=\"width: 80%; border-radius: 0;\"\u003e\u003c\/span\u003e \u003cspan class=\"boost-sd__placeholder-item\" style=\"width: 40%; border-radius: 0;\"\u003e\u003c\/span\u003e \u003c\/div\u003e \u003cdiv class=\"boost-sd__product-list-placeholder-item\"\u003e \u003cspan class=\"boost-sd__placeholder-item\" style=\"width: 100%; border-radius: 0;\"\u003e\u003c\/span\u003e \u003cspan class=\"boost-sd__placeholder-item\" style=\"border-radius: 0;\"\u003e\u003c\/span\u003e \u003cspan class=\"boost-sd__placeholder-item\" style=\"width: 80%; border-radius: 0;\"\u003e\u003c\/span\u003e \u003cspan class=\"boost-sd__placeholder-item\" style=\"width: 40%; border-radius: 0;\"\u003e\u003c\/span\u003e \u003c\/div\u003e \u003cdiv class=\"boost-sd__product-list-placeholder-item\"\u003e \u003cspan class=\"boost-sd__placeholder-item\" style=\"width: 100%; border-radius: 0;\"\u003e\u003c\/span\u003e \u003cspan class=\"boost-sd__placeholder-item\" style=\"border-radius: 0;\"\u003e\u003c\/span\u003e \u003cspan class=\"boost-sd__placeholder-item\" style=\"width: 80%; border-radius: 0;\"\u003e\u003c\/span\u003e \u003cspan class=\"boost-sd__placeholder-item\" style=\"width: 40%; border-radius: 0;\"\u003e\u003c\/span\u003e \u003c\/div\u003e \u003cdiv class=\"boost-sd__product-list-placeholder-item\"\u003e \u003cspan class=\"boost-sd__placeholder-item\" style=\"width: 100%; border-radius: 0;\"\u003e\u003c\/span\u003e \u003cspan class=\"boost-sd__placeholder-item\" style=\"border-radius: 0;\"\u003e\u003c\/span\u003e \u003cspan class=\"boost-sd__placeholder-item\" style=\"width: 80%; border-radius: 0;\"\u003e\u003c\/span\u003e \u003cspan class=\"boost-sd__placeholder-item\" style=\"width: 40%; border-radius: 0;\"\u003e\u003c\/span\u003e \u003c\/div\u003e \u003cdiv class=\"boost-sd__product-list-placeholder-item\"\u003e \u003cspan class=\"boost-sd__placeholder-item\" style=\"width: 100%; border-radius: 0;\"\u003e\u003c\/span\u003e \u003cspan class=\"boost-sd__placeholder-item\" style=\"border-radius: 0;\"\u003e\u003c\/span\u003e \u003cspan class=\"boost-sd__placeholder-item\" style=\"width: 80%; border-radius: 0;\"\u003e\u003c\/span\u003e \u003cspan class=\"boost-sd__placeholder-item\" style=\"width: 40%; border-radius: 0;\"\u003e\u003c\/span\u003e \u003c\/div\u003e \u003cdiv class=\"boost-sd__product-list-placeholder-item\"\u003e \u003cspan class=\"boost-sd__placeholder-item\" style=\"width: 100%; border-radius: 0;\"\u003e\u003c\/span\u003e \u003cspan class=\"boost-sd__placeholder-item\" style=\"border-radius: 0;\"\u003e\u003c\/span\u003e \u003cspan class=\"boost-sd__placeholder-item\" style=\"width: 80%; border-radius: 0;\"\u003e\u003c\/span\u003e \u003cspan class=\"boost-sd__placeholder-item\" style=\"width: 40%; border-radius: 0;\"\u003e\u003c\/span\u003e \u003c\/div\u003e \u003cdiv class=\"boost-sd__product-list-placeholder-item\"\u003e \u003cspan class=\"boost-sd__placeholder-item\" style=\"width: 100%; border-radius: 0;\"\u003e\u003c\/span\u003e \u003cspan class=\"boost-sd__placeholder-item\" style=\"border-radius: 0;\"\u003e\u003c\/span\u003e \u003cspan class=\"boost-sd__placeholder-item\" style=\"width: 80%; border-radius: 0;\"\u003e\u003c\/span\u003e \u003cspan class=\"boost-sd__placeholder-item\" style=\"width: 40%; border-radius: 0;\"\u003e\u003c\/span\u003e \u003c\/div\u003e \u003cdiv class=\"boost-sd__product-list-placeholder-item\"\u003e \u003cspan class=\"boost-sd__placeholder-item\" style=\"width: 100%; border-radius: 0;\"\u003e\u003c\/span\u003e \u003cspan class=\"boost-sd__placeholder-item\" style=\"border-radius: 0;\"\u003e\u003c\/span\u003e \u003cspan class=\"boost-sd__placeholder-item\" style=\"width: 80%; border-radius: 0;\"\u003e\u003c\/span\u003e \u003cspan class=\"boost-sd__placeholder-item\" style=\"width: 40%; border-radius: 0;\"\u003e\u003c\/span\u003e \u003c\/div\u003e \u003cdiv class=\"boost-sd__product-list-placeholder-item\"\u003e \u003cspan class=\"boost-sd__placeholder-item\" style=\"width: 100%; border-radius: 0;\"\u003e\u003c\/span\u003e \u003cspan class=\"boost-sd__placeholder-item\" style=\"border-radius: 0;\"\u003e\u003c\/span\u003e \u003cspan class=\"boost-sd__placeholder-item\" style=\"width: 80%; border-radius: 0;\"\u003e\u003c\/span\u003e \u003cspan class=\"boost-sd__placeholder-item\" style=\"width: 40%; border-radius: 0;\"\u003e\u003c\/span\u003e \u003c\/div\u003e \u003cdiv class=\"boost-sd__product-list-placeholder-item\"\u003e \u003cspan class=\"boost-sd__placeholder-item\" style=\"width: 100%; border-radius: 0;\"\u003e\u003c\/span\u003e \u003cspan class=\"boost-sd__placeholder-item\" style=\"border-radius: 0;\"\u003e\u003c\/span\u003e \u003cspan class=\"boost-sd__placeholder-item\" style=\"width: 80%; border-radius: 0;\"\u003e\u003c\/span\u003e \u003cspan class=\"boost-sd__placeholder-item\" style=\"width: 40%; border-radius: 0;\"\u003e\u003c\/span\u003e \u003c\/div\u003e \u003cdiv class=\"boost-sd__product-list-placeholder-item\"\u003e \u003cspan class=\"boost-sd__placeholder-item\" style=\"width: 100%; border-radius: 0;\"\u003e\u003c\/span\u003e \u003cspan class=\"boost-sd__placeholder-item\" style=\"border-radius: 0;\"\u003e\u003c\/span\u003e \u003cspan class=\"boost-sd__placeholder-item\" style=\"width: 80%; border-radius: 0;\"\u003e\u003c\/span\u003e \u003cspan class=\"boost-sd__placeholder-item\" style=\"width: 40%; border-radius: 0;\"\u003e\u003c\/span\u003e \u003c\/div\u003e \u003cdiv class=\"boost-sd__product-list-placeholder-item\"\u003e \u003cspan class=\"boost-sd__placeholder-item\" style=\"width: 100%; border-radius: 0;\"\u003e\u003c\/span\u003e \u003cspan class=\"boost-sd__placeholder-item\" style=\"border-radius: 0;\"\u003e\u003c\/span\u003e \u003cspan class=\"boost-sd__placeholder-item\" style=\"width: 80%; border-radius: 0;\"\u003e\u003c\/span\u003e \u003cspan class=\"boost-sd__placeholder-item\" style=\"width: 40%; border-radius: 0;\"\u003e\u003c\/span\u003e \u003c\/div\u003e \u003cdiv class=\"boost-sd__product-list-placeholder-item\"\u003e \u003cspan class=\"boost-sd__placeholder-item\" style=\"width: 100%; border-radius: 0;\"\u003e\u003c\/span\u003e \u003cspan class=\"boost-sd__placeholder-item\" style=\"border-radius: 0;\"\u003e\u003c\/span\u003e \u003cspan class=\"boost-sd__placeholder-item\" style=\"width: 80%; border-radius: 0;\"\u003e\u003c\/span\u003e \u003cspan class=\"boost-sd__placeholder-item\" style=\"width: 40%; border-radius: 0;\"\u003e\u003c\/span\u003e \u003c\/div\u003e \u003cdiv class=\"boost-sd__product-list-placeholder-item\"\u00
9023e \u003cspan class=\"boost-sd__placeholder-item\" style=\"width: 100%; border-radius: 0;\"\u003e\u003c\/span\u003e \u003cspan class=\"boost-sd__placeholder-item\" style=\"border-radius: 0;\"\u003e\u003c\/span\u003e \u003cspan class=\"boost-sd__placeholder-item\" style=\"width: 80%; border-radius: 0;\"\u003e\u003c\/span\u003e \u003cspan class=\"boost-sd__placeholder-item\" style=\"width: 40%; border-radius: 0;\"\u003e\u003c\/span\u003e \u003c\/div\u003e \u003cdiv class=\"boost-sd__product-list-placeholder-item\"\u003e \u003cspan class=\"boost-sd__placeholder-item\" style=\"width: 100%; border-radius: 0;\"\u003e\u003c\/span\u003e \u003cspan class=\"boost-sd__placeholder-item\" style=\"border-radius: 0;\"\u003e\u003c\/span\u003e \u003cspan class=\"boost-sd__placeholder-item\" style=\"width: 80%; border-radius: 0;\"\u003e\u003c\/span\u003e \u003cspan class=\"boost-sd__placeholder-item\" style=\"width: 40%; border-radius: 0;\"\u003e\u003c\/span\u003e \u003c\/div\u003e \u003cdiv class=\"boost-sd__product-list-placeholder-item\"\u003e \u003cspan class=\"boost-sd__placeholder-item\" style=\"width: 100%; border-radius: 0;\"\u003e\u003c\/span\u003e \u003cspan class=\"boost-sd__placeholder-item\" style=\"border-radius: 0;\"\u003e\u003c\/span\u003e \u003cspan class=\"boost-sd__placeholder-item\" style=\"width: 80%; border-radius: 0;\"\u003e\u003c\/span\u003e \u003cspan class=\"boost-sd__placeholder-item\" style=\"width: 40%; border-radius: 0;\"\u003e\u003c\/span\u003e \u003c\/div\u003e \u003c\/div\u003e \u003cdiv class=\"boost-sd__pagination boost-sd__pagination--center\"\u003e \u003cspan class=\"boost-sd__placeholder-item\" style=\"height: 40px; border-radius: 0;\"\u003e\u003c\/span\u003e \u003c\/div\u003e \u003c\/div\u003e\u003c\/div\u003e\u003c\/div\u003e\u003cstyle\u003e .boost-sd__collection-header { width: 100%; height: 130px; display: block; background: -webkit-gradient(linear, left top, right top, color-stop(8%, #eee), color-stop(18%, #e6e6e6), color-stop(33%, #eee)); background-color: #eee; animation: banner-place-holder-shimmer 2s linear infinite forwards; } .boost-sd__collection-header:empty { display: block; } .boost-sd__collection-header .boost-sd__placeholder-item { height: 130px; } @media only screen and (min-width: 992px) { .boost-sd__collection-header, .boost-sd__collection-header .boost-sd__placeholder-item { height: 150px; } } @keyframes banner-place-holder-shimmer { 0% { background-position: -1500px 0; } 100% { background-position: 1500px 0; } } .boost-sd__in-collection-search { margin-bottom: 20px; margin-top: 20px; width: 100%; max-width: 100%; display: flex; position: relative; } .boost-sd__in-collection-search--horizontal { margin: 20px auto 0; max-width: 592px; } @media only screen and (min-width: 992px) { .boost-sd__in-collection-search { margin-bottom: 16px; margin-top: 16px; } } .boost-sd__filter-tree-vertical { margin-top: 0; margin-right: 0; } .boost-sd__filter-tree-vertical-placeholder { background: transparent; width: 100%; max-width: 100%; display: none; } .boost-sd__filter-tree-vertical-placeholder-list { margin: 30px 10px 0; padding: 0; list-style: none; } .boost-sd__filter-tree-vertical-placeholder-item { max-width: 100%; padding: 20px 0; display: block; } .boost-sd__filter-tree-vertical-placeholder-item:first-child { padding-top: 0; } .boost-sd__filter-tree-vertical-placeholder-item:not(:last-child) { border-bottom: 1px solid #ebebeb; } .boost-sd__filter-tree-vertical-placeholder-item::before, .boost-sd__filter-tree-vertical-placeholder-item::after, { display: none; } .boost-sd__filter-tree-horizontal-placeholder { display: none; } @media only screen and (min-width: 992px) { .boost-sd__filter-tree-vertical { width: 272px; } .boost-sd-layout .boost-sd-left .boost-sd__filter-tree-wrapper .boost-sd__filter-tree-vertical { margin-right: 16px; margin-left: 0; } .boost-sd__filter-tree-vertical-placeholder, .boost-sd__filter-tree-horizontal-placeholder { display: inline-block; } .boost-sd-layout--has-filter-horizontal { flex-wrap: wrap; margin-top: 0; } .boost-sd-layout--has-filter-horizontal .boost-sd-left, .boost-sd-layout--has-filter-horizontal .boost-sd-right { flex: 0 0 100%; } .boost-sd__filter-tree-horizontal { width: 100%; } .boost-sd__filter-tree-horizontal-placeholder { padding: 16px 0; border-top: 1px solid #ebebeb; width: 100%; max-width: 100%; background: transparent; } .boost-sd__filter-tree-horizontal-placeholder-list { margin: 0; padding: 0; list-style: none; border-bottom: 1px solid #e8e9eb; } .boost-sd__filter-tree-horizontal-placeholder-item { border: none; display: inline-block; margin-right: 35px; position: relative; } .boost-sd__filter-tree-horizontal-placeholder-button { width: auto; height: auto; display: inline-block; position: relative; padding: 5px 15px 5px 0; margin: 0; min-height: auto; min-width: 0; border-radius: 0; box-shadow: none; background: none; border: none; letter-spacing: normal; text-align: left; cursor: pointer; } .boost-sd__filter-tree-horizontal-placeholder-button .boost-sd__placeholder-item { width: 80px; height: 10px; display: inline-block; margin: 0 15px 0 0; } .boost-sd__filter-tree-horizontal-placeholder-icon { transform: rotate(-90deg); } } .boost-sd__in-collection-search { margin-bottom: 20px; margin-top: 20px; width: 100%; max-width: 100%; display: flex; position: relative; } .boost-sd__in-collection-search--horizontal { margin: 20px auto 0; max-width: 592px; } @media only screen and (min-width: 992px) { .boost-sd__in-collection-search { margin-bottom: 16px; margin-top: 16px; } } .boost-sd__toolbar-container { width: 100%; margin-bottom: 16px; } .boost-sd__toolbar-inner { max-width: 1216px; margin: 0 auto; } .boost-sd__toolbar-content { border-bottom: 1px solid #ebebeb; border-top: 1px solid #ebebeb; padding: 16px 0; }
902 .boost-sd__toolbar { align-items: center; width: 100%; display: flex; flex-wrap: wrap; column-gap: 16px; justify-content: space-between; } .boost-sd__toolbar .boost-sd__placeholder-item { flex-basis: 45%; } .boost-sd__toolbar .boost-sd__placeholder-item:first-child { flex-basis: 100%; margin-bottom: 16px; } @media only screen and (min-width: 992px) { .boost-sd__toolbar-content { display: flex; align-items: center; border-bottom: none; padding: 16px 0 16px; border-top: 1px solid #ebebeb; border-bottom: 0; } .boost-sd__toolbar { flex-wrap: inherit; } .boost-sd__toolbar .boost-sd__placeholder-item { flex-basis: auto; } .boost-sd__toolbar .boost-sd__placeholder-item:first-child { flex-basis: auto; margin-bottom: 0; } .boost-sd__toolbar--3_1 .boost-sd__toolbar-item { flex: 1; } .boost-sd__toolbar--3_1 .boost-sd__toolbar-item:nth-child(2) { justify-content: center; } .boost-sd__toolbar--3_1 .boost-sd__toolbar-item:nth-child(3) { justify-content: end; } } .boost-sd__product-list-placeholder { gap: 16px; margin-bottom: 32px; flex-wrap: wrap; width: 100%; display: flex; } .boost-sd__product-list-placeholder--1-col .boost-sd__product-list-placeholder-item { width: 100%; } .boost-sd__product-list-placeholder--2-col .boost-sd__product-list-placeholder-item, .boost-sd__product-list-placeholder--3-col .boost-sd__product-list-placeholder-item, .boost-sd__product-list-placeholder--4-col .boost-sd__product-list-placeholder-item, .boost-sd__product-list-placeholder--5-col .boost-sd__product-list-placeholder-item, .boost-sd__product-list-placeholder--6-col .boost-sd__product-list-placeholder-item { width: calc(50% - 8px); } .boost-sd__product-list-placeholder .boost-sd__product-list-placeholder-item .boost-sd__placeholder-item:first-child { height: 222px; } .boost-sd__placeholder-list-item { background: rgba(0, 0, 0, 0.07); min-width: 50px; height: 20px; animation: 2s infinite place-holder-animation; display: inline-block; } .boost-sd__product-list-placeholder--list-view .boost-sd__product-list-placeholder-item { flex-direction: row; display: flex; width: 100%; } .boost-sd__sd__placeholder-list-view-layout-info-group { width: 100%; padding-left: 16px; display: flex; flex-direction: column; align-items: baseline; gap: 16px; text-align: left; justify-content: center; } .boost-sd__placeholder-list-view-layout-image { flex: 160px; width: auto; max-width: 160px; height: 160px; } .boost-sd__pagination { padding-top: 10px; padding-bottom: 10px; justify-content: center; align-items: center; display: flex; } @media only screen and (min-width: 576px) { .boost-sd__product-list-placeholder { gap: 32px; margin-bottom: 64px; } .boost-sd__product-list-placeholder--3-col .boost-sd__product-list-placeholder-item, .boost-sd__product-list-placeholder--4-col .boost-sd__product-list-placeholder-item, .boost-sd__product-list-placeholder--5-col .boost-sd__product-list-placeholder-item, .boost-sd__product-list-placeholder--6-col .boost-sd__product-list-placeholder-item { width: calc(33.3333333333% - (32px - 32px \/ 3)); } } @media only screen and (min-width: 992px) { .boost-sd__product-list-placeholder .boost-sd__placeholder-item:not(:last-child) { margin-bottom: 8px; } .boost-sd__product-list-placeholder .boost-sd__placeholder-item:first-child { margin-bottom: 16px; } .boost-sd__product-list-placeholder--3-col .boost-sd__product-list-placeholder-item .boost-sd__placeholder-item:first-child { height: 382px; } .boost-sd__product-list-placeholder--4-col .boost-sd__product-list-placeholder-item .boost-sd__placeholder-item:first-child { height: 275px; } .boost-sd__product-list-placeholder--5-col .boost-sd__product-list-placeholder-item .boost-sd__placeholder-item:first-child { height: 215px; } .boost-sd__product-list-placeholder--6-col .boost-sd__product-list-placeholder-item .boost-sd__placeholder-item:first-child { height: 175px; } .boost-sd__product-list-placeholder--3-col .boost-sd__product-list-placeholder-item { width: calc(33.3333333333% - (32px - 32px \/ 3)); } .boost-sd__product-list-placeholder--4-col .boost-sd__product-list-placeholder-item { width: calc(25% - (32px - 32px \/ 4)); } .boost-sd__product-list-placeholder--5-col .boost-sd__product-list-placeholder-item { width: calc(20% - (32px - 32px \/ 5)); } .boost-sd__product-list-placeholder--6-col .boost-sd__product-list-placeholder-item { width: calc(16.6666667% - (32px - 32px \/ 6)); } } .boost-sd-container * { box-sizing: border-box; } .boost-sd__placeholder-item { background: rgba(0, 0, 0, 0.07); border-radius: 50rem; min-width: 50px; max-width: 100%; height: 20px; animation: 2s infinite place-holder-animation; display: inline-block; } .boost-sd__placeholder-item:empty { display: block; } .boost-sd__placeholder-item:not(:last-child) { margin-bottom: 18px; } .boost-sd-layout { margin: 20px auto 0; } .boost-sd-left { position: relative; } .boost-sd-layout .boost-sd-right { width: 100%; margin-bottom: 20px; } @keyframes place-holder-animation { 0% { opacity: 1; } 50% { opacity: 0.5; } 100% { opacity: 1; } } @media only screen and (min-width: 992px) { .boost-sd-layout { display: flex; max-width: 1216px; } .boost-sd-layout .boost-sd-right { flex: auto; max-width: 100%; } }\u003c\/style\u003e", 903 904 905 906 907 908 "preOrder": "\u003c!-- TEMPLATE PRE-ORDER APP BLOCK --\u003e\u003cdiv class=\"boost-sd__product-form\"\u003e\u003c!-- Quantity Input --\u003e\u003cdiv class=\"boost-sd__product-form-quantity\"\u003e \u003cp id=\"quantity-title\" class=\"boost-sd__product-form-quantity-title\"\u003e {{ \"quickView.qvQuantity\" | translate: translations, 'Quantity' }} \u003c\/p\u003e \u003cdiv role=\"group\" aria-labelledby=\"quantity-title\" class=\"boost-sd__input-number boost-sd__input-number--md\"\u003e \u003cdiv class=\"boost-sd__input-number-btn-wrapper\"\u003e \u003cbutton type=\"button\" aria-label=\"Decrease quantity\" aria-controls=\"item-quantity\" class=\"boost-sd__button boost-sd__button--full-width boost-sd__input-number-btn\"\u003e \u003cspan aria-hidden=\"true\"\u003e-\u003c\/span\u003e \u003c\/button\u003e \u003c\/div\u003e \u003cinput id=\"item-quantity\" type=\"number\" aria-labelledby=\"quantity-title\" aria-describedby=\"quantity-error\" class=\"boost-sd__input-number-input\" value=\"1\" min=\"1\" \/\u003e \u003cdiv class=\"boost-sd__input-number-btn-wrapper\"\u003e \u003cbutton type=\"button\" aria-label=\"Increase quantity\" aria-controls=\"item-quantity\" class=\"boost-sd__button boost-sd__button--full-width boost-sd__input-number-btn\"\u003e \u003cspan aria-hidden=\"true\"\u003e+\u003c\/span\u003e \u003c\/button\u003e \u003c\/div\u003e \u003c\/div\u003e \u003cdiv aria-live=\"assertive\" id=\"quantity-error\" class=\"boost-sd__product-form-quantity-error\"\u003e {{ \"quickView.qvQuantityError\" | translate: translations, 'Please input quantity' }} \u003c\/div\u003e\u003c\/div\u003e\u003cdiv class=\"boost-sd__preorder-options\"\u003e \u003c!-- TEMPLATE PRE_ORDER WITH PAYMENT --\u003e \u003c!-- TODO check preorder --\u003e {% if product.variants %} {% assign variants = product.variants %} {% else %} {% assign variants = variants %} {% endif %} {% for variant in variants %} {% if variant.preorder %} {% assign paymentType = variant.preorder.payment.type %} {% assign discountType = variant.preorder.payment.discountType %} {% assign discountValue = variant.preorder.payment.discountValue %} {% assign originalPrice = variant.price %} {% assign paymentLabel = '' %} {% if paymentType == 'full' %} {% assign paymentLabel = 'Full payment' %} {% endif %} {% if paymentType == 'partial' %} {% assign paymentLabel = 'Partial payment' %} {% endif %} {% if paymentType == 'none' %} {% assign paymentLabel = 'No payment' %} {% endif %} {% capture showCurrencyCodes %}false{% endcapture %} {% assign moneyFormat = request.money_format | strip_html -%} {% if showCurrencyCodes == 'true' %} {% assign moneyFormat = request.money_format_with_currency | strip_html -%} {% endif %} {% assign moneyRate = request.currency_rate | strip_html -%} {% if discountType == 'percentage' %} {% assign percentNum = originalPrice | times: discountValue | divided_by: 100 %} {% assign discountedPrice = originalPrice | times: 1.0 | minus: percentNum %} {% elsif discountType == 'amount' %} {% assign discountValue = discountValue | times: moneyRate %} {% assign discountedPrice = originalPrice | times: 1.0 | minus: discountValue %} {% else %} {% assign discountedPrice = originalPrice %} {% endif %} {% assign removePriceDecimal = false -%} {% assign showCentAsSuperscript = false -%} {% assign decimalDelimiter = '' -%} {% assign withoutTrailingZeros = true -%} {% assign originalPriceFormat = originalPrice | format_currency: moneyFormat, showCentAsSuperscript, removePriceDecimal, decimalDelimiter, withoutTrailingZeros -%} {% assign discountedPriceFormat = discountedPrice | format_currency: moneyFormat, showCentAsSuperscript, removePriceDecimal, decimalDelimiter, withoutTrailingZeros -%} {% assign discountValueFormat = discountValue | format_currency: moneyFormat, showCentAsSuperscript, removePriceDecimal, decimalDelimiter, withoutTrailingZeros %} \u003cdiv tabindex=\"0\" role=\"region\" aria-labelledby=\"preorder-title\" aria-describedby=\"preorder-description\" class=\"boost-sd__preorder\" data-variant-id=\"{{ variant.id }}\"\u003e \u003cdiv class=\"boost-sd__preorder-option\"\u003e \u003ch2 id=\"preorder-title\" class=\"boost-sd__preorder-title\"\u003e{{ paymentLabel }}\u003c\/h2\u003e \u003cdiv aria-live=\"polite\" id=\"preorder-description\" class=\"boost-sd__preorder-discount\"\u003e {% if discountType == 'percentage' %} \u003cspan class=\"boost-sd__preorder-save\"\u003eSave {{ discountValue }}%\u003c\/span\u003e {% elsif discountType == 'amount' %} \u003cspan class=\"boost-sd__preorder-save\"\u003eSave {{ discountValueFormat }}\u003c\/span\u003e {% endif %} \u003cdiv class=\"boost-sd__preorder-price\"\u003e {% if discountType != 'none' %} \u003cspan aria-label=\"Original Price: {{ originalPriceFormat }}\" class=\"boost-sd__preorder-original-price\"\u003e{{ originalPriceFormat }}\u003c\/span\u003e {% endif %} \u003cspan aria-label=\"Discounted Price: {{ discountedPriceFormat }}\" class=\"boost-sd__preorder-discounted-price\"\u003e{{ discountedPriceFormat }}\u003c\/span\u003e \u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e {% endif %} {% endfor %} {% assign buttonLabel = 'Pre-Order' %} {% assign preOrderButtonText = variants[0].preorder.settings.buttonText %} {% assign preOrderDeliveryText = variants[0].preorder.settings.deliveryText %} {% if preOrderButtonText and preOrderButtonText != '' %} {% assign buttonLabel = preOrderButtonText %} {% endif %} \u003cbutton type=\"button\" aria-label='{{ buttonLabel }}' class=\"boost-sd__button boost-sd__button--border boost-sd__button--round boost-sd__button--large boost-sd__button--preorder\"\u003e \u003cspan aria-hidden=\"true\" class=\"boost-sd__button-text\"\u003e {{ buttonLabel }} \u003c\/span\u003e \u003c\/button\u003e \u003cp tabindex=\"0\" class=\"boost-sd__preorder-note\"\u003e \u003cstrong class=\"boost-sd__preorder-note-title\"\u003ePlease note: \u003c\/strong\u003e\u003cspan class=\"boost-sd__preorder-note-text\"\u003e{{ preOrderDeliveryText }}\u003c\/span\u003e \u003c\/p\u003e\u003c\/div\u003e\u003c!-- TEMPLATE ADD TO CART --\u003e\u003cdiv class=\"boost-sd__purchase-options\"\u003e \u003cbutton type=\"button\" class=\"boost-sd__button boost-sd__button--border boost-sd__button--round boost-sd__button--large boost-sd__button--purchase\"\u003e \u003cspan class=\"boost-sd__button-text\"\u003e {{ \"productItem.atcAvailableLabel\" | translate: translations, 'Add to cart' }} \u003c\/span\u003e \u003c\/button\u003e \u003cbutton type=\"button\" class=\"boost-sd__button boost-sd__button--border boost-sd__button--round boost-sd__button--large boost-sd__btn-buy-now\"\u003e \u003cspan class=\"boost-sd__button-text\"\u003e{{ \"quickView.buyItNowBtnLabel\" | translate: translations, 'Buy it now' }}\u003c\/span\u003e \u003c\/button\u003e\u003c\/div\u003e\u003c\/div\u003e", 909 910 911 912 913 914 "preOrderPlaceholder": "\u003c!-- Placeholder for PreOrder --\u003e\u003cdiv class=\"boost-sd__preorder-placeholder\"\u003e\u003cdiv class=\"boost-sd__preorder-placeholder-quantity-label\"\u003e \u003cdiv class=\"boost-sd__placeholder-item\" style=\"width: 65px; height: 20px;\"\u003e\u003c\/div\u003e\u003c\/div\u003e\u003cdiv class=\"boost-sd__preorder-placeholder-product-quantity\"\u003e \u003cdiv class=\"boost-sd__placeholder-item\" style=\"width: 160px; height: 38px;\"\u003e\u003c\/div\u003e\u003c\/div\u003e\u003cdiv class=\"boost-sd__preorder-placeholder-add-to-cart\"\u003e \u003cdiv class=\"boost-sd__placeholder-item\" style=\"width: 100%; height: 50px;\"\u003e\u003c\/div\u003e\u003c\/div\u003e\u003cdiv class=\"boost-sd__preorder-placeholder-buy-it-now\"\u003e \u003cdiv class=\"boost-sd__placeholder-item\" style=\"width: 100%; height: 50px;\"\u003e\u003c\/div\u003e\u003c\/div\u003e\u003c\/div\u003e", 915 916 917 918 919 920 "backInStock": "\u003c!-- Popup Notify Me Form --\u003e\u003cdiv role=\"dialog\" aria-hidden=\"true\" aria-labelledby=\"boost-sd__bis-
920popup-title\" aria-describedby=\"boost-sd__bis-popup-description\" id=\"boost-sd__bis-notify-popup\" class=\"boost-sd__bis-notify-popup\"\u003e\u003cdiv class=\"boost-sd__bis-popup-backdrop\"\u003e\u003c\/div\u003e\u003cdiv class=\"boost-sd__bis-popup-container\"\u003e \u003cdiv class=\"boost-sd__bis-popup-heading\"\u003e \u003c!-- Close Button --\u003e \u003cbutton aria-label=\"Close popup\" id=\"boost-sd__bis-close-popup\" class=\"boost-sd__bis-close-button\"\u003e \u003csvg width=\"16\" height=\"16\" viewBox=\"0 0 16 16\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" role=\"img\" aria-label='{{ \"close\" | translate: translations, \"Close\" }}'\u003e \u003cpath d=\"M9.41385 8L15.7069 1.707C15.8944 1.51949 15.9997 1.26518 15.9997 1C15.9997 0.734825 15.8944 0.48051 15.7069 0.293002C15.5193 0.105494 15.265 0.000152588 14.9998 0.000152588C14.7347 0.000152588 14.4804 0.105494 14.2928 0.293002L7.99985 6.586L1.70685 0.293002C1.614 0.200157 1.50378 0.126509 1.38247 0.0762618C1.26117 0.0260146 1.13115 0.000152588 0.999849 0.000152588C0.868547 0.000152588 0.738531 0.0260146 0.617224 0.0762618C0.495916 0.126509 0.385694 0.200157 0.292849 0.293002C0.105341 0.48051 0 0.734825 0 1C0 1.26518 0.105341 1.51949 0.292849 1.707L6.58585 8L0.292849 14.293C0.105341 14.4805 0 14.7348 0 15C0 15.2652 0.105341 15.5195 0.292849 15.707C0.480357 15.8945 0.734673 15.9999 0.999849 15.9999C1.26503 15.9999 1.51934 15.8945 1.70685 15.707L7.99985 9.414L14.2928 15.707C14.3855 15.8002 14.4957 15.8741 14.617 15.9246C14.7383 15.9751 14.8684 16.001 14.9998 16.001C15.1313 16.001 15.2614 15.9751 15.3827 15.9246C15.504 15.8741 15.6142 15.8002 15.7069 15.707C15.7998 15.6142 15.8735 15.504 15.9238 15.3827C15.9742 15.2614 16 15.1313 16 15C16 14.8687 15.9742 14.7386 15.9238 14.6173C15.8735 14.496 15.7998 14.3858 15.7069 14.293L9.41385 8Z\" fill=\"#5C5F62\" \/\u003e \u003c\/svg\u003e \u003c\/button\u003e \u003c!-- Title --\u003e \u003cp id=\"boost-sd__bis-popup-title\" class=\"boost-sd__bis-popup-title\"\u003eNotify me\u003c\/p\u003e \u003c\/div\u003e \u003cdiv class=\"boost-sd__bis-popup-content\"\u003e \u003c!-- Description --\u003e \u003cp id=\"boost-sd__bis-popup-description\" class=\"boost-sd__bis-popup-description\"\u003e Get a notification as soon as this product is back in stock by signing up below! \u003c\/p\u003e \u003c!-- Variant Selector --\u003e {% if filteredVariants.size \u003e 0 and filteredVariants[0].title != 'Default Title' %} \u003clabel for=\"boost-sd__bis-dropdown-variant\" class=\"boost-sd__bis-dropdown-label\"\u003eSelect variant\u003c\/label\u003e \u003cdiv aria-label=\"Select an option\" role=\"combobox\" aria-expanded=\"false\" aria-haspopup=\"listbox\" aria-controls=\"boost-sd__bis-dropdown-list\" aria-activedescendant=\"\" data-id=\"boost-sd__bis-dropdown-variant\" id=\"boost-sd__bis-dropdown-variant\" class=\"boost-sd__bis-dropdown-variant\"\u003e \u003cdiv role=\"button\" aria-labelledby=\"boost-sd__bis-dropdown-selected-option\" aria-label=\"Press to toggle dropdown\" tabindex=\"0\" id=\"boost-sd__bis-dropdown-selected-option\" class=\"boost-sd__bis-dropdown-selected-option\"\u003e \u003cspan aria-label=\"Current option: {{ filteredVariants[0].title | escape }}\" class=\"boost-sd__bis-dropdown-option-text\" title=\"{{ filteredVariants[0].title | escape }}\"\u003e {{ filteredVariants[0].title | escape }} \u003c\/span\u003e \u003csvg width=\"8\" height=\"12\" viewBox=\"0 0 8 5\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"\u003e \u003cpath d=\"M7.09832 3.98009e-07L0.901685 -1.43717e-07C0.15069 -2.09371e-07 -0.269991 0.75351 0.193991 1.2676L3.29231 4.70055C3.65265 5.09982 4.34735 5.09982 4.70769 4.70055L7.80601 1.2676C8.26999 0.753511 7.84931 4.63664e-07 7.09832 3.98009e-07Z\" fill=\"#222222\"\u003e\u003c\/path\u003e \u003c\/svg\u003e \u003c\/div\u003e \u003cul role=\"listbox\" aria-labelledby=\"boost-sd__bis-dropdown-selected-option\" data-id=\"boost-sd__bis-dropdown-list\" tabindex=\"-1\" id=\"boost-sd__bis-dropdown-list\" class=\"boost-sd__bis-dropdown-option-list\"\u003e {% for variant in filteredVariants %} \u003cli role=\"option\" tabindex=\"-1\" aria-selected=\"false\" data-id=\"boost-sd__bis-dropdown-option-item-{{ forloop.index }}\" id=\"boost-sd__bis-dropdown-option-item-{{ forloop.index }}\" class=\"boost-sd__bis-dropdown-option-item\" data-variant-id=\"{{ variant.id }}\"\u003e {{ variant.title | escape }} \u003c\/li\u003e {% endfor %} \u003c\/ul\u003e \u003c\/div\u003e {% endif %} \u003c!-- Email Input --\u003e \u003clabel for=\"boost-sd__bis-email-input\" class=\"boost-sd__bis-email-label\"\u003eEmail address\u003c\/label\u003e \u003cinput type=\"email\" aria-describedby=\"boost-sd__bis-email-error\" id=\"boost-sd__bis-email-input\" class=\"boost-sd__bis-email-input\" placeholder=\"Enter your email\" \/\u003e \u003cspan aria-live=\"polite\" id=\"boost-sd__bis-email-error\" class=\"boost-sd__bis-email-error\"\u003ePlease input a valid email address\u003c\/span\u003e \u003c!-- SMS Input --\u003e \u003clabel for=\"boost-sd__bis-
920phone-input\" class=\"boost-sd__bis-phone-label\"\u003eSMS\u003c\/label\u003e \u003cdiv class=\"boost-sd__bis-phone-container\"\u003e \u003cbutton type=\"button\" aria-haspopup=\"listbox\" class=\"boost-sd__bis-phone-button\"\u003e \u003cimg id=\"boost-sd__bis-phone-selected-flag\" class=\"boost-sd__bis-phone-selected-flag\" src=\"{{ 'https:\/\/flagcdn.com\/ca.svg' | asset_url }}\" alt=\"Canada\"\u003e \u003csvg width=\"8\" height=\"12\" viewBox=\"0 0 8 5\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"\u003e \u003cpath d=\"M7.09832 3.98e-07L0.901685 -1.43e-07C0.15069 -2.09e-07 -0.269991 0.75351 0.193991 1.2676L3.29231 4.70055C3.65265 5.09982 4.34735 5.09982 4.70769 4.70055L7.80601 1.2676C8.26999 0.753511 7.84931 4.63e-07 7.09832 3.98e-07Z\" fill=\"#222222\" \/\u003e \u003c\/svg\u003e \u003c\/button\u003e \u003cinput type=\"tel\" aria-describedby=\"boost-sd__bis-phone-error\" id=\"boost-sd__bis-phone-input\" class=\"boost-sd__bis-phone-input\" placeholder=\"(+1) XXX-XXXX\" data-country-code=\"+1\" data-country-format=\"(XXX) XXX-XXXX\"\u003e \u003c\/div\u003e \u003cdiv aria-expanded=\"false\" class=\"boost-sd__bis-phone-dropdown\" id=\"boost-sd__bis-phone-dropdown\"\u003e \u003cinput type=\"text\" id=\"boost-sd__bis-search-country\" class=\"boost-sd__bis-search-country\" placeholder=\"Search country...\"\u003e \u003cdiv id=\"boost-sd__bis-country-options\" class=\"boost-sd__bis-country-options\"\u003e\u003c\/div\u003e \u003c\/div\u003e \u003cspan aria-live=\"polite\" id=\"boost-sd__bis-phone-error\" class=\"boost-sd__bis-phone-error\"\u003ePlease input a valid phone number\u003c\/span\u003e \u003c!-- Submit Button --\u003e \u003cbutton aria-disabled=\"true\" id=\"boost-sd__bis-submit-button\" class=\"boost-sd__bis-submit-button\" disabled\u003e Notify me when available \u003c\/button\u003e \u003c\/div\u003e\u003c\/div\u003e\u003c\/div\u003e\u003c!-- Success Banner --\u003e\u003cdiv aria-hidden=\"true\" aria-live=\"polite\" id=\"boost-sd__bis-success-banner\" class=\"boost-sd__bis-success-banner\"\u003e\u003csvg id=\"boost-sd__bis-success-banner-icon\" class=\"boost-sd__bis-success-banner-icon\" width=\"20\" height=\"20\" viewBox=\"0 0 20 20\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"\u003e \u003cpath fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M0 10C0 15.514 4.486 20 10 20C15.514 20 20 15.514 20 10C20 4.486 15.514 0 10 0C4.486 0 0 4.486 0 10ZM15.2071 8.20711C15.5976 7.81658 15.5976 7.18342 15.2071 6.79289C14.8166 6.40237 14.1834 6.40237 13.7929 6.79289L9 11.5858L6.70711 9.29289C6.31658 8.90237 5.68342 8.90237 5.29289 9.29289C4.90237 9.68342 4.90237 10.3166 5.29289 10.7071L8.29289 13.7071C8.68342 14.0976 9.31658 14.0976 9.70711 13.7071L15.2071 8.20711Z\" fill=\"white\" \/\u003e\u003c\/svg\u003e\u003cspan id=\"boost-sd__bis-success-banner-text\" class=\"boost-sd__bis-success-banner-text\"\u003eWe will notify you when the item is available\u003c\/span\u003e\u003c\/div\u003e", 921 922 923 924 925 926 "countdownTimer": "\u003c!-- TEMPLATE COUNTDOWN TIMER INLINE --\u003e\u003cdiv class=\"boost-sd__countdown-timer\" data-campaign-id=\"{{ campaignId }}\" {% if cta.type == 'entire' and cta.link %} data-timer-cta-link=\"{{ cta.link | escape }}\" role=\"link\" tabindex=\"0\" aria-label=\"{{ header | strip_html | escape }}\" style=\"cursor: pointer;\" {% endif %}\u003e\u003cdiv class=\"boost-sd__countdown-timer-content\"\u003e {% if header != blank %} \u003cdiv class=\"boost-sd__countdown-timer-header\"\u003e {{ header | strip_html | escape }} \u003c\/div\u003e {% endif %} {% if upsellTitle != blank %} \u003cdiv class=\"boost-sd__countdown-timer-upsell\"\u003e {{ upsellTitle | strip_html | escape }} \u003c\/div\u003e {% endif %} \u003c\/div\u003e\u003cdiv class=\"boost-sd__countdown-timer-digits\" role=\"timer\" aria-live=\"off\" aria-atomic=\"true\" aria-label=\"Countdown timer\"\u003e \u003cdiv class=\"boost-sd__countdown-timer-unit {% if hideDays %}boost-sd__countdown-timer-unit--hidden{% endif %}\" data-timer-unit-days\u003e \u003cspan class=\"boost-sd__countdown-timer-value\" data-timer-days\u003e{{ days }}\u003c\/span\u003e \u003cspan class=\"boost-sd__countdown-timer-label\"\u003e{{ labels.days }}\u003c\/span\u003e \u003c\/div\u003e \u003cspan class=\"boost-sd__countdown-timer-separator {% if hideDays %}boost-sd__countdown-timer-separator--hidden{% endif %}\" data-timer-separator-days aria-hidden=\"true\"\u003e:\u003c\/span\u003e \u003cdiv class=\"boost-sd__countdown-timer-unit\"\u003e \u003cspan class=\"boost-sd__countdown-timer-value\" data-timer-hours\u003e{{ hours }}\u003c\/span\u003e \u003cspan class=\"boost-sd__countdown-timer-label\"\u003e{{ labels.hours | escape }}\u003c\/span\u003e \u003c\/div\u003e \u003cspan class=\"boost-sd__countdown-timer-separator\" aria-hidden=\"true\"\u003e:\u003c\/span\u003e \u003cdiv class=\"boost-sd__countdown-timer-unit\"\u003e \u003cspan class=\"boost-sd__countdown-timer-value\" data-timer-minutes\u003e{{ minutes }}\u003c\/span\u003e \u003cspan class=\"boost-sd__countdown-timer-label\"\u003e{{ labels.minutes | escape }}\u003c\/span\u003e \u003c\/div\u003e \u003cspan class=\"boost-sd__countdown-timer-separator\" aria-hidden=\"true\"\u003e:\u003c\/span\u003e \u003cdiv class=\"boost-sd__countdown-timer-unit\"\u003e \u003cspan class=\"boost-sd__countdown-timer-value\" data-timer-seconds\u003e{{ seconds }}\u003c\/span\u003e \u003cspan class=\"boost-sd__countdown-timer-label\"\u003e{{ labels.seconds | escape }}\u003c\/span\u003e \u003c\/div\u003e\u003c\/div\u003e {% if cta.type == 'button' and cta.link %} \u003cdiv class=\"boost-sd__countdown-timer-cta\"\u003e \u003ca href=\"{{ cta.link | escape }}\" class=\"boost-sd__button boost-sd__countdown-timer-button\"\u003e {{ cta.buttonText | escape }} \u003c\/a\u003e\u003c\/div\u003e {% endif %}\u003c\/div\u003e", 927 928 929 930 931 932 "countdownTimerPlaceholder": "\u003c!-- TEMPLATE COUNTDOWN TIMER PLACEHOLDER --\u003e\u003cdiv class=\"boost-sd__countdown-timer-pl\"\u003e\u003cdiv class=\"boost-sd__countdown-timer-pl-title skeleton\"\u003e\u0026nbsp;\u003c\/div\u003e\u003cdiv class=\"boost-sd__countdown-timer-pl-subtitle skeleton\"\u003e\u0026nbsp;\u003c\/div\u003e\u003cdiv class=\"boost-sd__countdown-timer-pl-digits\"\u003e \u003cdiv class=\"boost-sd__countdown-timer-pl-box\"\u003e \u003cdiv class=\"boost-sd__countdown-timer-pl-number skeleton\"\u003e\u0026nbsp;\u003c\/div\u003e \u003cdiv class=\"boost-sd__countdown-timer-pl-label skeleton\"\u003e\u0026nbsp;\u003c\/div\u003e \u003c\/div\u003e \u003cdiv class=\"boost-sd__countdown-timer-pl-separator\"\u003e:\u003c\/div\u003e \u003cdiv class=\"boost-sd__countdown-timer-pl-box\"\u003e \u003cdiv class=\"boost-sd__countdown-timer-pl-number skeleton\"\u003e\u0026nbsp;\u003c\/div\u003e \u003cdiv class=\"boost-sd__countdown-timer-pl-label skeleton\"\u003e\u0026nbsp;\u003c\/div\u003e \u003c\/div\u003e \u003cdiv class=\"boost-sd__countdown-timer-pl-separator\"\u003e:\u003c\/div\u003e \u003cdiv class=\"boost-sd__countdown-timer-pl-box\"\u003e \u003cdiv class=\"boost-sd__countdown-timer-pl-number skeleton\"\u003e\u0026nbsp;\u003c\/div\u003e \u003cdiv class=\"boost-sd__countdown-timer-pl-label skeleton\"\u003e\u0026nbsp;\u003c\/div\u003e \u003c\/div\u003e \u003cdiv class=\"boost-sd__countdown-timer-pl-separator\"\u003e:\u003c\/div\u003e \u003cdiv class=\"boost-sd__countdown-timer-pl-box\"\u003e \u003cdiv class=\"boost-sd__countdown-timer-pl-number skeleton\"\u003e\u0026nbsp;\u003c\/div\u003e \u003cdiv class=\"boost-sd__countdown-timer-pl-label skeleton\"\u003e\u0026nbsp;\u003c\/div\u003e \u003c\/div\u003e\u003c\/div\u003e\u003cdiv class=\"boost-sd__countdown-timer-pl-button skeleton\"\u003e\u0026nbsp;\u003c\/div\u003e\u003c\/div\u003e\u003cstyle\u003e .boost-sd__countdown-timer-pl { width: 100%; max-width: 920px; margin: 0 auto; background: #f8f8f8; border: 1px solid #dedede; border-radius: 20px; box-shadow: 0 2px 8px rgba(0, 0, 0, 0.06); padding: 24px 24px 20px; text-align: center; } .boost-sd__countdown-timer-pl .skeleton { position: relative; overflow: hidden; background: #dcdcdc; } .boost-sd__countdown-timer-pl .skeleton::after { content: \"\"; position: absolute; inset: 0; transform: translateX(-100%); background: linear-gradient(90deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.65) 50%, rgba(255, 255, 255, 0) 100%); animation: boost-sd-countdown-shimmer 1.4s infinite; } .boost-sd__countdown-timer-pl-title { width: 220px; height: 28px; border-radius: 8px; margin: 0 auto 8px; } .boost-sd__countdown-timer-pl-subtitle { width: 150px; height: 20px; border-radius: 8px; margin: 0 auto 20px; } .boost-sd__countdown-timer-pl-digits { display: flex; align-items: center; justify-content: center; gap: 4px; } .boost-sd__countdown-timer-pl-box { flex: 1 1 0; min-width: 60px; max-width: 130px; aspect-ratio: 11 \/ 9; background: linear-gradient(180deg, #e8e8e8 0%, #ffffff 100%); border-radius: 20px; border: 1px solid #ececec; box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.55); display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 12px; padding: 15px 0; } .boost-sd__countdown-timer-pl-separator { font-weight: 400; font-size: 20px; line-height: 1; color: #2a2a2a; transform: translateY(-8px); } .boost-sd__countdown-timer-pl-number { width: 50px; height: 32px; border-radius: 8px; } .boost-sd__countdown-timer-pl-label { width: 40px; height: 14px; border-radius: 6px; } .boost-sd__countdown-timer-pl-button { width: 100%; height: 40px; border-radius: 8px; margin: 16px auto 0; } @keyframes boost-sd-countdown-shimmer { 100% { transform: translateX(100%); } } @media (max-width: 768px) { .boost-sd__countdown-timer-pl { padding: 16px 10px; } .boost-sd__countdown-timer-pl-subtitle { margin: 0 auto 10px; } .boost-sd__countdown-timer-pl-separator { transform: translateY(-10px); } } @media (max-width: 520px) { .boost-sd__countdown-timer-pl-separator { display: none; } .boost-sd__countdown-timer-pl-title { width: 180px; height: 24px; } .boost-sd__countdown-timer-pl-subtitle { width: 120px; height: 16px; } }\u003c\/style\u003e", 933 934 935 } || {};return templates}function readTemplateId(){let templateId="";templateId= 936 937 "NMszvVmETQ" 938 || "";return templateId}function readTemplateMetadata(){let templateMetadata=null;templateMetadata = 939 940 941 {"collectionFilters":"NMszvVmETQ/themes/default/main__0__liquid","productList":"NMszvVmETQ/product-list/main__0__liquid","productItem":"NMszvVmETQ/product-item/main__0__liquid","collectionHeader":"NMszvVmETQ/collection-header/main__0__liquid","searchPage":"NMszvVmETQ/themes/default/search__0__liquid","mostPopularProducts":"NMszvVmETQ/no-search-result-page/most-popular-products__0__liquid","recommendation":"NMszvVmETQ/recommendation/main__0__liquid","recommendationDynamicBundle":"NMszvVmETQ/recommendation/dynamic-bundle__0__liquid","recommendationEmbeddedBundle":"NMszvVmETQ/recommendation/embedded-bundle__0__liquid","recommendationVolumeBundleProduct":"NMszvVmETQ/recommendation/volume-bundle/volume-product__0__liquid","recommendationVolumeBundlePopup":"NMszvVmETQ/recommendation/volume-bundle/volume-popup__0__liquid","recommendationVolumeBundleBlock":"NMszvVmETQ/recommendation/volume-bundle/main__0__liquid","tierDiscountBundlePopup":"NMszvVmETQ/tier-discount-bundle/tier-discount-popup__0__liquid","tierDiscountBundleBlock":"NMszvVmETQ/tier-discount-bundle/main__0__liquid","instantSearchWidget":"NMszvVmETQ/instant-search-widget/main__0__liquid","quickView":"NMszvVmETQ/quickview/main__0__liquid","cart":"NMszvVmETQ/cart/main__0__liquid","placeholderFilterTree":"NMszvVmETQ/place-holder/place-holder__0__liquid","placeholderRecommendation":"NMszvVmETQ/recommendation-placeholder/main__0__liquid","preOrder":"NMszvVmETQ/pre-order/main__0__liquid","preOrderPlaceholder":"NMszvVmETQ/pre-order-placeholder/main__0__liquid","backInStock":"NMszvVmETQ/back-in-stock/main__0__liquid","countdownTimer":"NMszvVmETQ/countdown-timer/main__0__liquid","countdownTimerPlaceholder":"NMszvVmETQ/countdown-timer-placeholder/main__0__liquid","templateVersion":"2.51.1","setupVersion":"v3","applyUniqueVersion":true,"themeNameLib":"default","themeLibVersion":"1.88.2","themeCssVersion":"2.51.1","themeCssUrl":"https://cdn.boostcommerce.i
941o/widget-integration/theme/default/2.51.1/main.css","settingsCssUrl":"https://cdn.shopify.com/s/files/1/0554/7579/8113/files/boost-app-do-not-delete-this-file-v-barbershop__NMszvVmETQ-settings.css?v=1779244911","updatedAt":1783928745,"featureOptions":{"enableBannerInterleaving":true},"customizeCssUrl":"https://cdn.boostcommerce.io/widget-integration/theme/customization/v-barbershop.myshopify.com/NMszvVmETQ/customization-1779245057536.css","customizeJsUrl":"https://cdn.boostcommerce.io/widget-integration/theme/customization/v-barbershop.myshopify.com/NMszvVmETQ/customization-1778554914676.js","upgradeLog":"API upgrade theme lib version to 1.88.2 by "} 942 ;return templateMetadata}function readTemplateSettings(){let templateSettings=null;templateSettings = 943 944 945 {"appPreferenceSettings":{"watermark":false},"preOrderSettings":{"buttonText":"Pre-order","deliveryText":"This is a pre-order. Items will ship based on the estimated delivery date.","showDeliveryText":false},"generalSettings":{"addCollectionToProductUrl":false,"breakpointmobile":"575px","breakpointtabletportraitmin":"576px","breakpointtabletportraitmax":"991px","breakpointtabletlandscapetmin":"992px","breakpointtabletlandscapemax":"1199px","breakpointdesktop":"1200px","enableTrackingOrderRevenue":true},"searchSettings":{"searchPanelBlocks":{"searchTermSuggestions":{"label":"Check out some of these popular searches","searchTermList":["ma","pomade","firsthand clay pomade","hair","tonic","suavecito","brosh","uppercut","85018","85260"],"backup":[],"type":"based_on_data","active":true},"mostPopularProducts":{"label":"Trending products","productList":["vs-shave-cream-6oz-retail","cocoa-butter-15oz","barbicide-half-gallon","witch-hazel-4-gallon-case","billy-jealousy-liquidsand-exfoliating-cleanser","combination-code-face-moisturizer-backbar","feather-artist-club-pro-guard-blades-15-pack","kms-7ca-men-reshade-4-shots-x-20ml","queen-helene-mint-julep-clay-mask","billy-jealousy-stable-condition-texture-sea-salt-spray"],"backup":[],"type":"based_on_data","active":true},"products":{"label":"Products","pageSize":25,"active":true,"displayImage":true},"collections":{"label":"Collections","pageSize":25,"active":true,"displayImage":false,"displayDescription":false,"excludedValues":[]},"pages":{"label":"Pages","pageSize":25,"active":true,"displayImage":true,"displayExcerpt":true},"searchEmptyResultMessages":{"active":true,"label":"We are sorry! We couldn't find results for \"{{ terms }}\".{{ breakline }}But don't give up â check the spelling or try less specific search terms."},"searchTips":{"label":"Search tips","active":false,"searchTips":"Please double-check your spelling.{{ breakline }}Use more generic search terms.{{ breakline }}Enter fewer keywords.{{ breakline }}Try searching by product type, brand, model number or product feature."}},"suggestionNoResult":{"search_terms":{"label":"Check out some of these popular searches","status":false,"data":["ma","pomade","firsthand clay pomade","hair","tonic","suavecito","brosh","uppercut","85018","85260"],"type":"based_on_data","backup":[]},"products":{"label":"Trending products","status":false,"data":["vs-shave-cream-6oz-retail","cocoa-butter-15oz","barbicide-half-gallon","witch-hazel-4-gallon-case","billy-jealousy-liquidsand-exfoliating-cleanser","combination-code-face-moisturizer-backbar","feather-artist-club-pro-guard-blades-15-pack","kms-7ca-men-reshade-4-shots-x-20ml","queen-helene-mint-julep-clay-mask","billy-jealousy-stable-condition-texture-sea-salt-spray"],"type":"based_on_data","backup":[]}},"enableInstantSearch":true,"productAvailable":false,"showSuggestionProductImage":true,"showSuggestionProductPrice":true,"showSuggestionProductSalePrice":true,"showSuggestionProductSku":false,"showSuggestionProductVendor":true,"suggestionBlocks":[{"type":"suggestions","label":"Popular suggestions","status":"active","number":5},{"type":"pages","label":"Pages","status":"active","number":3},{"type":"products","label":"Products","status":"active","number":6},{"type":"collections","label":"Categories","status":"active","number":3,"excludedValues":[]}],"searchBoxOnclick":{"recentSearch":{"label":"Recent searches","status":true,"number":"3"},"searchTermSuggestion":{"label":"Popular searches","status":false,"data":[],"backup":[],"type":"manually"},"productSuggestion":{"label":"Trending products","status":false,"data":[],"backup":[],"type":"manually"}},"suggestionStyle":"style2","suggestionStyle1ProductItemType":"list","suggestionStyle1ProductPosition":"none","suggestionStyle1ProductPerRow":"1","suggestionStyle2ProductItemType":"list","suggestionStyle2ProductPosition":"right","suggestionStyle2ProductPerRow":"2","suggestionStyle3ProductItemType":"list","suggestionStyle3ProductPosition":"right","suggestionStyle3ProductPerRow":"3"},"filterSettings":{"showFilterOptionCount":true,"showRefineBy":true,"showOutOfStockOption":false,"showSingleOption":false,"keepToggleState":true,"changeMobileButtonLabel":false,"sortingAvailableFirst":false,"showLoading":false,"activeScrollToTop":false,"showVariantImageBasedOnSelectedFilter":"","productAndVariantAvailable":false,"availableAfterFiltering":false,"isShortenUrlParam":false,"filterTreeMobileStyle":"style2","filterTreeVerticalStyle":"style-default","filterTreeHorizontalStyle":"style1","stickyFilterOnDesktop":true,"stickyFilterOnMobile":false,"style":{"filterTitleTextColor":"#333333","filterTitleFontSize":"inherit","filterTitleFontWeight":"inherit","filterTitleFontTransform":"none","filterTitleFontFamily":"inherit","filterOptionTextColor":"#333333","filterOptionFontSize":"inherit","filterOptionFontFamily":"inherit"},"filterLayout":"vertical"},"additionalElementSettings":{"customSortingList":"relevance|best-selling|manual|title-ascending|title-descending|price-ascending|price-descending|created-ascending|created-descending","enableCollectionSearch":false},"themeSettings":{"productItems":{"general":{"borderLayout":"noBorder","subLayout":"subLayout_2_2","backgroundColor":"#FFFFFF","backgroundColorOnHover":"#FFFFFF","borderColor":"#CCCCCC","borderColorOnHover":"#CCCCCC"}
945,"productImg":{"elements":{"productSaleLabel":{"shape":"capsule","displayType":"text","displayOptions":"always","color":"#FFFFFF","backgroundColor":"#FF3300","fontSizeScale":100,"fontSize":"inherit","fontSizeTabletPortrait":"inherit","fontSizeTabletLandscape":"inherit","fontSizeMobile":"inherit","fontFamily":"inherit","fontStyle":"inherit","textTransform":"none","fontWeight":"inherit","isEnable":true},"productSoldOutLabel":{"hideOtherLabelsWhenSoldOut":true,"shape":"capsule","displayType":"text","displayOptions":"always","color":"#FFFFFF","backgroundColor":"#333333","fontSizeScale":100,"fontSize":"inherit","fontSizeTabletPortrait":"inherit","fontSizeTabletLandscape":"inherit","fontSizeMobile":"inherit","fontFamily":"inherit","fontStyle":"inherit","textTransform":"none","fontWeight":"inherit","isEnable":true},"productCustomLabelByTag":{"shape":"capsule","color":"#FFFFFF","backgroundColor":"#00A47C","fontSizeScale":100,"fontSize":"inherit","fontSizeTabletPortrait":"inherit","fontSizeTabletLandscape":"inherit","fontSizeMobile":"inherit","fontFamily":"inherit","fontStyle":"inherit","textTransform":"none","fontWeight":"inherit","isEnable":false},"selectOptionBtn":{"buttonType":"selectOptionBtn","action":"quickAddToCart","isEnable":false},"qvBtn":{"buttonType":"qvBtn","isEnable":false}},"grid":{"top":{"direction":"horizontal","elements":{"left":["saleLabel","soldOutLabel","customLabelByTag"]}},"bottom":{"direction":"horizontal","elements":{"left":["selectOptionBtn","qvBtn"]}}},"aspectRatioType":"portrait","cropPosition":"center","hoverEffect":"reveal-second-image","showVideoGif":false},"styleSettings":{"selectOptionBtn":{"showOnHovering":true,"showOn":"desktopOnly","displayType":"textWithIcon","shape":"rectangle","imgSrc":"https://boost-cdn-prod.bc-solutions.net/icon/add-to-cart-white.svg","iconPosition":"left","backgroundColor":"#333333","backgroundColorOnHover":"#333333","borderColor":"#333333","borderColorOnHover":"#333333","textColor":"#FFFFFF","textColorOnHover":"#FFFFFF","fontSizeScale":100,"fontSize":"inherit","fontSizeTabletPortrait":"inherit","fontSizeTabletLandscape":"inherit","fontSizeMobile":"inherit","fontFamily":"inherit","fontStyle":"inherit","textTransform":"none","buttonPosition":"top","fontWeight":"inherit","width":"100%"},"qvBtn":{"showOn":"desktopOnly","showOnHovering":true,"displayType":"icon","shape":"square","imgSrc":"https://boost-cdn-prod.bc-solutions.net/icon/quick-view.svg","iconPosition":"left","width":"40px","backgroundColor":"#fafafa","backgroundColorOnHover":"#fafafa","borderColor":"#333333","borderColorOnHover":"#333333","textColor":"#333333","textColorOnHover":"#333333","fontSizeScale":100,"fontSize":"inherit","fontSizeTabletPortrait":"inherit","fontSizeTabletLandscape":"inherit","fontSizeMobile":"inherit","fontFamily":"inherit","fontStyle":"inherit","textTransform":"none","fontWeight":"inherit"}},"productInfo":{"textAlign":"left","elements":{"swatches.1":{"showOptionValueOnHovering":true,"shape":"circle","changeProductImageOn":"hover","isEnable":false},"title":{"color":"#333333","fontSizeScale":100,"fontSize":"inherit","fontSizeTabletPortrait":"inherit","fontSizeTabletLandscape":"inherit","fontSizeMobile":"inherit","fontFamily":"inherit","fontStyle":"inherit","textTransform":"capitalize","isEnable":true,"fontWeight":"inherit"},"vendor":{"color":"#666666","fontSizeScale":100,"fontSize":"inherit","fontSizeTabletPortrait":"inherit","fontSizeTabletLandscape":"inherit","fontSizeMobile":"inherit","fontFamily":"inherit","fontStyle":"inherit","textTransform":"uppercase","isEnable":false,"fontWeight":"inherit"},"price":{"showCentAsSuperscript":false,"showCurrencyCodes":false,"compareAtPricePosition":"right","showSavingDisplay":false,"priceColor":"#333333","priceFontSizeScale":100,"priceFontFamily":"inherit","priceFontStyle":"inherit","priceFontSize":"inherit","priceFontSizeTabletPortrait":"inherit","priceFontSizeTabletLandscape":"inherit","priceFontSizeMobile":"inherit","salePriceColor":"#FF3300","salePriceFontSizeScale":100,"salePriceFontFamily":"inherit","salePriceFontStyle":"inherit","salePriceFontSize":"inherit","salePriceFontSizeTabletPortrait":"inherit","salePriceFontSizeTabletLandscape":"inherit","salePriceFontSizeMobile":"inherit","compareAtPriceColor":"#666666","compareAtPriceFontSizeScale":100,"compareAtPriceFontFamily":"inherit","compareAtPriceFontStyle":"inherit","compareAtPriceFontSize":"inherit","compareAtPriceFontSizeTabletPortrait":"inherit","compareAtPriceFontSizeTabletLandscape":"inherit","compareAtPriceFontSizeMobile":"inherit","savingDisplayColor":"#FF3300","savingDisplayFontSizeScale":100,"savingDisplayFontFamily":"inherit","savingDisplayFontStyle":"inherit","savingDisplayFontSize":"inherit","savingDisplayFontSizeTabletPortrait":"inherit","savingDisplayFontSizeTabletLandscape":"inherit","savingDisplayFontSizeMobile":"inherit","
945isEnable":true,"priceFontWeight":"inherit","salePriceFontWeight":"inherit","compareAtPriceFontWeight":"inherit","savingDisplayFontWeight":"inherit"},"inventoryStatus":{"lowInventoryThreshold":0,"fontSizeScale":100,"textTransform":"none","inStockColor":"#00A47C","lowStockColor":"#F29100","soldOutColor":"#666666","fontFamily":"inherit","fontStyle":"inherit","fontSize":"inherit","fontSizeTabletPortrait":"inherit","fontSizeTabletLandscape":"inherit","fontSizeMobile":"inherit","isEnable":false,"fontWeight":"inherit"},"rating":false,"swatches.2":{"showOptionValueOnHovering":true,"shape":"circle","changeProductImageOn":"hover","isEnable":false},"swatches.3":{"showOptionValueOnHovering":true,"shape":"circle","changeProductImageOn":"hover","isEnable":false},"wishlist":{"isEnable":false}}}},"additionalElements":{"pagination":{"paginationType":"default","alignment":"center","productCount":{"showProductCount":false,"position":"top","color":"#333333"},"number":{"shape":"circle","color":"#333333","colorOnSelected":"#333333","backgroundColor":"#fafafa","backgroundColorOnSelected":"#fafafa","fontSizeScale":100,"fontSize":"inherit","fontSizeTabletPortrait":"inherit","fontSizeTabletLandscape":"inherit","fontSizeMobile":"inherit","fontFamily":"inherit","fontStyle":"inherit","fontWeight":"inherit"},"button":{"shape":"circle","buttonType":"icon-only","color":"#333333","backgroundColor":"#fafafa","backgroundColorOnHover":"#FFFFFF","textTransform":"none","fontSizeScale":100,"fontSize":"inherit","fontSizeTabletPortrait":"inherit","fontSizeTabletLandscape":"inherit","fontSizeMobile":"inherit","fontFamily":"inherit","fontStyle":"inherit","fontWeight":"inherit"}},"toolbar":{"layout":"3_1","filterText":{"color":"#222222","fontSizeScale":100,"fontFamily":"inherit","fontStyle":"inherit","textTransform":"none","fontSize":"inherit","fontSizeTabletPortrait":"inherit","fontSizeTabletLandscape":"inherit","fontSizeMobile":"inherit","fontWeight":"inherit"},"refineByText":{"color":"#222222","fontSizeScale":100,"fontFamily":"inherit","fontStyle":"inherit","textTransform":"none","fontSize":"inherit","fontSizeTabletPortrait":"inherit","fontSizeTabletLandscape":"inherit","fontSizeMobile":"inherit","fontWeight":"inherit"},"elements":{"viewAs":{"fontSizeScale":100,"fontSize":"inherit","fontSizeTabletPortrait":"inherit","fontSizeTabletLandscape":"inherit","fontSizeMobile":"inherit","color":"#333333","fontFamily":"inherit","fontStyle":"inherit","textTransform":"none","listType":"grid/list","showListViewDefault":false,"isEnable":true,"fontWeight":"inherit"},"productCount":{"fontSizeScale":100,"fontSize":"inherit","fontSizeTabletPortrait":"inherit","fontSizeTabletLandscape":"inherit","fontSizeMobile":"inherit","color":"#333333","fontFamily":"inherit","fontStyle":"inherit","textTransform":"none","isEnable":true,"fontWeight":"inherit"},"showLimitList":{"fontSizeScale":100,"fontSize":"inherit","fontSizeTabletPortrait":"inherit","fontSizeTabletLandscape":"inherit","fontSizeMobile":"inherit","color":"#333333","fontFamily":"inherit","fontStyle":"inherit","textTransform":"none","isEnable":false,"fontWeight":"inherit"},"sorting":{"fontSizeScale":100,"fontSize":"inherit","fontSizeTabletPortrait":"inherit","fontSizeTabletLandscape":"inherit","fontSizeMobile":"inherit","color":"#333333","fontFamily":"inherit","fontStyle":"inherit","textTransform":"none","isEnable":true,"fontWeight":"inherit"}}},"collectionHeader":{"isEnable":false,"layout":2,"contentPosition":"middle-center","elements":{"breadCrumb":{"showCollectionTitle":false,"showCollectionList":false,"showPagination":false,"placement":"on-top","alignment":"middle-left","fontSizeScale":100,"fontFamily":"inherit","fontStyle":"inherit","textTransform":"none","fontSize":"inherit","fontSizeTabletPortrait":"inherit","fontSizeTabletLandscape":"inherit","fontSizeMobile":"inherit","color":"#222222","isEnable":false,"fontWeight":"inherit"},"collectionImage":{"size":"medium","parallaxEffect":false,"directionParallax":"vertical","isEnable":true},"collectionTitle":{"textAlign":"center","textTransform":"none","fontSizeScale":100,"fontSize":40,"fontSizeTabletPortrait":40,"fontSizeTabletLandscape":40,"fontSizeMobile":30,"fontFamily":"inherit","fontStyle":"inherit","collectionTitleColor":"#333333","isEnable":true,"fontWeight":"inherit"}
945,"productCount":{"fontSizeScale":100,"fontFamily":"inherit","fontStyle":"inherit","textTransform":"none","fontSize":"inherit","fontSizeTabletPortrait":"inherit","fontSizeTabletLandscape":"inherit","fontSizeMobile":"inherit","color":"#333333","isEnable":false,"fontWeight":"inherit"},"collectionDescription":{"fontSize":null,"fontSizeTabletPortrait":null,"fontSizeTabletLandscape":null,"fontSizeMobile":null,"isEnable":false}}}},"quickView":{"showProductImage":true,"thumbnailPosition":"topLeft","isEnableProductVendor":true,"showCurrencyCodes":false,"buttonOverall":{"shape":"round","fontSizeScale":100,"fontSize":"inherit","fontSizeTabletPortrait":"inherit","fontSizeTabletLandscape":"inherit","fontSizeMobile":"inherit","fontFamily":"inherit","fontStyle":"inherit","fontWeight":"inherit"},"buyItNowBtn":{"enable":true,"color":"#FFFFFF","hoverColor":"#FFFFFF","backgroundColor":"#333333","hoverBackgroundColor":"#333333","textTransform":"none","borderColor":"#222222","hoverBorderColor":"#222222"},"addToCartBtn":{"color":"#333333","hoverColor":"#333333","backgroundColor":"#fafafa","hoverBackgroundColor":"#fafafa","borderColor":"#333333","hoverBorderColor":"#333333","textTransform":"none"}},"cart":{"enableCart":false,"cartStyle":"side","showCurrencyCodes":false,"enableWidgetRecommendation":false,"widgetRecommendationId":"","autoOpenAjaxCartOnAddToCart":true,"generalLayout":{"shape":"round","fontSizeScale":100,"fontSize":"inherit","fontSizeTabletPortrait":"inherit","fontSizeTabletLandscape":"inherit","fontSizeMobile":"inherit","fontFamily":"inherit","fontStyle":"inherit","fontWeight":"inherit"},"checkoutBtn":{"textTransform":"none","color":"#FFFFFF","hoverColor":"#FFFFFF","backgroundColor":"#333333","hoverBackgroundColor":"#333333","borderColor":"#333333","hoverBorderColor":"#333333"},"viewCartBtn":{"textTransform":"none","color":"#333333","hoverColor":"#333333","backgroundColor":"#fafafa","hoverBackgroundColor":"#fafafa","borderColor":"#333333","hoverBorderColor":"#222222"}},"productList":{"productsPerPage":24,"productsPerRowOnDesktop":4,"productsPerRowOnMobile":2},"searchPage":{"headerBackground":"#F6F6F8","elements":{"searchHeaderText":{"color":"#333333","textTransform":"none","fontSizeScale":100,"fontSize":"inherit","fontSizeTabletPortrait":"inherit","fontSizeTabletLandscape":"inherit","fontSizeMobile":"inherit","fontFamily":"inherit","fontStyle":"inherit","fontWeight":"inherit"},"placeholderSearch":{"color":"#666666","textTransform":"none","fontSizeScale":100,"fontFamily":"inherit","fontStyle":"inherit","fontSize":"inherit","fontSizeTabletPortrait":"inherit","fontSizeTabletLandscape":"inherit","fontSizeMobile":"inherit","fontWeight":"inherit"},"scopedSuggestionLabel":{"color":"#333333","textTransform":"none","fontSizeScale":100,"fontFamily":"inherit","fontStyle":"inherit","fontSize":"inherit","fontSizeTabletPortrait":"inherit","fontSizeTabletLandscape":"inherit","fontSizeMobile":"inherit","fontWeight":"inherit"},"scopedSuggestionItem":{"color":"#333333","textTransform":"none","fontSizeScale":100,"fontFamily":"inherit","fontStyle":"inherit","fontSize":"inherit","fontSizeTabletPortrait":"inherit","fontSizeTabletLandscape":"inherit","fontSizeMobile":"inherit","backgroundColor":"#E8E9EB","fontWeight":"inherit"},"titleTab":{"color":"#333333","textTransform":"none","fontSizeScale":100,"fontFamily":"inherit","fontStyle":"inherit","fontSize":"inherit","fontSizeTabletPortrait":"inherit","fontSizeTabletLandscape":"inherit","fontSizeMobile":"inherit","fontWeight":"inherit"},"productCount":{"color":"#333333","textTransform":"none","fontSizeScale":100,"fontFamily":"inherit","fontStyle":"inherit","fontSize":"inherit","fontSizeTabletPortrait":"inherit","fontSizeTabletLandscape":"inherit","fontSizeMobile":"inherit","fontWeight":"inherit"},"collectionAndPageTabTitle":{"color":"#333333","textTransform":"none","fontSizeScale":100,"fontFamily":"inherit","fontStyle":"inherit","fontSize":"inherit","fontSizeTabletPortrait":"inherit","fontSizeTabletLandscape":"inherit","fontSizeMobile":"inherit","fontWeight":"inherit"},"collectionAndPageTabDescription":{"color":"#333333","textTransform":"none","fontSizeScale":100,"fontFamily":"inherit","fontStyle":"inherit","fontSize":"inherit","fontSizeTabletPortrait":"inherit","fontSizeTabletLandscape":"inherit","fontSizeMobile":"inherit","fontWeight":"inherit"},"tipForYou":{"color":"#333333","textTransform":"none","fontSizeScale":100,"fontFamily":"inherit","fontStyle":"inherit","fontSize":"inherit","fontSizeTabletPortrait":"inherit","fontSizeTabletLandscape":"inherit","fontSizeMobile":"inherit","fontWeight":"inherit"},"line":{"color":"#CCCCCC"}}},"filterTree":{"elements":{"refineBy":{"color":"#333333"},"filterTitle":{"color":"#333333","textTransform":"none","fontSizeScale":100,"fontFamily":"inherit","fontStyle":"inherit","fontSize":"inherit","fontSizeTabletPortrait":"inherit","fontSizeTabletLandscape":"inherit","fontSizeMobile":"inherit","fontWeight":"inherit"},"filterOption":{"color":"#333333","textTransform":"none","fontSizeScale":100,"fontFamily":"inherit","fontStyle":"inherit","fontSize":"inherit","fontSizeTabletPortrait":"inherit","fontSizeTabletLandscape":"inherit","fontSizeMobile":"inherit","fontWeight":"inherit"}
945,"productCount":{"color":"#666666","textTransform":"none","fontSizeScale":100,"fontFamily":"inherit","fontStyle":"inherit","fontSize":"inherit","fontSizeTabletPortrait":"inherit","fontSizeTabletLandscape":"inherit","fontSizeMobile":"inherit","fontWeight":"inherit"},"line":{"color":"#CCCCCC"},"checkbox":{"color":"#22222299"},"searchBox":{"color":"#CCCCCC"}}},"isw":{"backgroundSuggestion":"#F8F8F8","backgroundProducts":"#fafafa","hoverBackgroundSuggestion":"#E8E9EB","hoverBackgroundProducts":"#F8F8F8","elements":{"titleMultiElement":{"color":"#666666","textTransform":"none","fontSizeScale":100,"fontFamily":"inherit","fontStyle":"inherit","fontSize":"inherit","fontSizeTabletPortrait":"inherit","fontSizeTabletLandscape":"inherit","fontSizeMobile":"inherit","fontWeight":"inherit"},"results":{"color":"#333333","textTransform":"none","fontSizeScale":100,"fontFamily":"inherit","fontStyle":"inherit","fontSize":"inherit","fontSizeTabletPortrait":"inherit","fontSizeTabletLandscape":"inherit","fontSizeMobile":"inherit","fontWeight":"inherit"},"didYouMean":{"color":"#333333","textTransform":"none","fontSizeScale":100,"fontFamily":"inherit","fontStyle":"inherit","fontSize":"inherit","fontSizeTabletPortrait":"inherit","fontSizeTabletLandscape":"inherit","fontSizeMobile":"inherit","fontWeight":"inherit"},"didYouMeanResults":{"color":"#333333","textTransform":"none","fontSizeScale":100,"fontFamily":"inherit","fontStyle":"inherit","fontSize":"inherit","fontSizeTabletPortrait":"inherit","fontSizeTabletLandscape":"inherit","fontSizeMobile":"inherit","backgroundColor":"#F6F6F7","fontWeight":"inherit"},"productTitle":{"color":"#333333","textTransform":"none","fontSizeScale":100,"fontFamily":"inherit","fontStyle":"inherit","fontSize":"inherit","fontSizeTabletPortrait":"inherit","fontSizeTabletLandscape":"inherit","fontSizeMobile":"inherit","fontWeight":"inherit"},"productVendor":{"color":"#666666","textTransform":"none","fontSizeScale":100,"fontFamily":"inherit","fontStyle":"inherit","fontSize":"inherit","fontSizeTabletPortrait":"inherit","fontSizeTabletLandscape":"inherit","fontSizeMobile":"inherit","fontWeight":"inherit"},"productPrice":{"color":"#333333","textTransform":"none","fontSizeScale":100,"fontFamily":"inherit","fontStyle":"inherit","fontSize":"inherit","fontSizeTabletPortrait":"inherit","fontSizeTabletLandscape":"inherit","fontSizeMobile":"inherit","fontWeight":"inherit"},"productSalePrice":{"color":"#DD3300","textTransform":"none","fontSizeScale":100,"fontFamily":"inherit","fontStyle":"inherit","fontSize":"inherit","fontSizeTabletPortrait":"inherit","fontSizeTabletLandscape":"inherit","fontSizeMobile":"inherit","fontWeight":"inherit"},"productCompareAtPrice":{"color":"#666666","textTransform":"none","fontSizeScale":100,"fontFamily":"inherit","fontStyle":"inherit","fontSize":"inherit","fontSizeTabletPortrait":"inherit","fontSizeTabletLandscape":"inherit","fontSizeMobile":"inherit","fontWeight":"inherit"},"productSKU":{"color":"#666666","textTransform":"none","fontSizeScale":100,"fontFamily":"inherit","fontStyle":"inherit","fontSize":"inherit","fontSizeTabletPortrait":"inherit","fontSizeTabletLandscape":"inherit","fontSizeMobile":"inherit","fontWeight":"inherit"},"viewAllBtn":{"color":"#333333","textTransform":"none","fontSizeScale":100,"fontFamily":"inherit","fontStyle":"inherit","fontSize":"inherit","fontSizeTabletPortrait":"inherit","fontSizeTabletLandscape":"inherit","fontSizeMobile":"inherit","backgroundColor":"#fafafa","hoverBackgroundColor":"#E8E9EB","fontWeight":"inherit"}}}},"currentAppIntegration":{},"themeName":"default","srcThemeNameLib":"woodstock"} 946 ;return templateSettings}function readPayload(){return {generalSettings:{page: "product",collection_id: 0,collection_handle: "",collection_product_count: 0,... 947 { 948 949 950 "product_id": 10246975684908, 951 952 },collection_tags: null,current_tags: null,default_sort_by: "",no_image_url: "https:\/\/cdn.shopify.com\/extensions\/01a0e6ff-4d67-7d67-9987-f5e32fd926b9\/product-filter-search-230\/assets\/boost-pfs-no-image.jpg",search_term: "",template: "product",currencies: ["USD"],current_currency: "USD",published_locales: 953 {"en":true},current_locale: "en"},shop:{name: "V\u0026#39;s Barbershop",url: "https:\/\/vbarbershop.com",domain: "v-barbershop.myshopify.com",currency: "USD",money_format: "\u0026#36;{{amount}}",money_format_with_currency: "\u0026#36;{{amount}} USD"},generalSettingsMetafield: 954 955 {"enableTrackingOrderRevenue":true,"addCollectionToProductUrl":false,"ssr_version":"v1","ssr_engine":"node"} 956 ,translation: 957 958 959 960 {"refineDesktop":"Filter","refine":"Refine By","refineMobile":"Refine By","refineMobileCollapse":"Hide Filter","clear":"Clear","clearAll":"Clear All","viewMore":"View More","viewLess":"View Less","apply":"Apply","applyAll":"Apply All","close"
960:"Close","back":"Back","showLimit":"Show","collectionAll":"All","under":"Under","above":"Above","ratingStar":"Star","ratingStars":"Stars","ratingUp":"& Up","showResult":"Show result","searchOptions":"Search Options","inCollectionSearch":"Search for products in this collection","loadPreviousPage":"Load Previous Page","loadMore":"Load more {{ amountProduct }} Products","loadMoreTotal":"{{ from }} - {{ to }} of {{ total }} Products","viewAs":"View as","listView":"List view","gridView":"Grid view","gridViewColumns":"Grid view {{count}} Columns","search":{"generalTitle":"General Title (when no search term)","resultHeader":"Search results for \"{{ terms }}\"","resultNumber":"Showing {{ count }} results for \"{{ terms }}\"","seeAllProducts":"See all products","resultEmpty":"We are sorry! We couldn't find results for \"{{ terms }}\".{{ breakline }}But don't give up â check the spelling or try less specific search terms.","resultEmptyWithSuggestion":"Sorry, nothing found for \"{{ terms }}\". Check out these items instead?","searchTotalResult":"Showing {{ count }} result","searchTotalResults":"Showing {{ count }} results","searchPanelProduct":"Products","searchPanelCollection":"Collections","searchPanelPage":"Pages","searchTipsTitle":"Search tips","searchTipsContent":"Please double-check your spelling.{{ breakline }}Use more generic search terms.{{ breakline }}Enter fewer keywords.{{ breakline }}Try searching by product type, brand, model number or product feature.","noSearchResultSearchTermLabel":"Check out some of these popular searches","noSearchResultProductsLabel":"Trending products","searchBoxOnclickRecentSearchLabel":"Recent searches","searchBoxOnclickSearchTermLabel":"Popular searches","searchBoxOnclickProductsLabel":"Trending products"},"suggestion":{"viewAll":"View all results","didYouMean":"Did you mean: {{ terms }}","searchBoxPlaceholder":"Search","suggestQuery":"Show {{ count }} results for {{ terms }}","instantSearchSuggestionsLabel":"Popular suggestions","instantSearchCollectionsLabel":"Categories","instantSearchProductsLabel":"Products","instantSearchPagesLabel":"Pages","searchBoxOnclickRecentSearchLabel":"Recent searches","searchBoxOnclickSearchTermLabel":"Popular searches","searchBoxOnclickProductsLabel":"Trending products","noSearchResultSearchTermLabel":"Check out some of these popular searches","noSearchResultProductsLabel":"Trending products"},"error":{"noFilterResult":"Sorry, no products matched your selection","noSearchResult":"Sorry, no products matched the keyword","noProducts":"No products found in this collection","noSuggestionResult":"Please hit enter to see possible results for \"{{ terms }}\".","noSuggestionProducts":"Please hit enter to see possible results for \"{{ terms }}\"."},"recommendation":{"homepage-078150":"Just dropped","homepage-301551":"Best Sellers","collectionpage-635327":"Just dropped","collectionpage-673162":"Most Popular Products","productpage-812018":"Recently viewed","productpage-745840":"Frequently Bought Together","cartpage-077680":"Still interested in this?","cartpage-601844":"Similar Products"},"productItem":{"qvBtnLabel":"Quick view","atcAvailableLabel":"Add to cart","soldoutLabel":"Sold out","productItemSale":"Sale","productItemSoldOut":"Sold out","viewProductBtnLabel":"View product","atcSelectOptionsLabel":"Select options","amount":"None","savingAmount":"Save {{saleAmount}}","swatchButtonText1":"+{{count}}","swatchButtonText2":"+{{count}}","swatchButtonText3":"+{{count}}","inventoryInStock":"In stock","inventoryLowStock":"Only {{count}} left!","inventorySoldOut":"Sold out","atcAddingToCartBtnLabel":"Adding...","atcAddedToCartBtnLabel":"Added!","atcFailedToCartBtnLabel":"Failed!"},"quickView":{"qvQuantity":"Quantity","qvViewFullDetails":"View full details","buyItNowBtnLabel":"Buy it now","qvQuantityError":"Please input quantity"},"cart":{"atcMiniCartSubtotalLabel":"Subtotal","atcMiniCartEmptyCartLabel":"Your Cart Is Currently Empty","atcMiniCartCountItemLabel":"item","atcMiniCartCountItemLabelPlural":"items","atcMiniCartShopingCartLabel":"Your cart","atcMiniCartViewCartLabel":"View cart","atcMiniCartCheckoutLabel":"Checkout"},"recentlyViewed":{"recentProductHeading":"Recently Viewed Products"},"mostPopular":{"popularProductsHeading":"Popular Products"}
960,"perpage":{"productCountPerPage":"Display: {{count}} per page"},"productCount":{"textDescriptionCollectionHeader":"{{count}} product","textDescriptionCollectionHeaderPlural":"{{count}} products","textDescriptionToolbar":"{{count}} product","textDescriptionToolbarPlural":"{{count}} products","textDescriptionPagination":"Showing {{from}} - {{to}} of {{total}} product","textDescriptionPaginationPlural":"Showing {{from}} - {{to}} of {{total}} products"},"pagination":{"loadPreviousText":"Load Previous Page","loadPreviousInfiniteText":"Load Previous Page","loadMoreText":"Load more","prevText":"Previous","nextText":"Next"},"sortingList":{"sorting":"Sort by","relevance":"Relevance","best-selling":"Best selling","manual":"Manual","title-ascending":"Title ascending","title-descending":"Title descending","price-ascending":"Price ascending","price-descending":"Price descending","created-ascending":"Created ascending","created-descending":"Created descending"},"collectionHeader":{"collectionAllProduct":"Products"},"breadcrumb":{"home":"Home","collections":"Collections","pagination":"Page {{ page }} of {{totalPages}}","toFrontPage":"Back to the front page"},"sliderProduct":{"prevButton":"Previous","nextButton":"Next"},"filterOptions":{"filterOption|C4b55kbWhU|pf_v_vendor":"Vendor","filterOption|C4b55kbWhU|pf_pt_product_type":"Product Type","filterOption|C4b55kbWhU|pf_p_price":"Price","filterOption|2-aLS607EV|pf_pt_product_type":"Product Type","filterOption|2-aLS607EV|pf_p_price":"Price","filterOption|2-aLS607EV|pf_v_brand":"Brand","filterOption|2-aLS607EV|pf_opt_scent":"Scent","filterOption|2-aLS607EV|pf_opt_size":"Size"},"predictiveBundle":{}} 961 ,integration: 962 963 null 964 ,filterSettingsMetafield: 965 966 {"showFilterOptionCount":true,"showRefineBy":true,"showOutOfStockOption":false,"showSingleOption":false,"keepToggleState":true,"showLoading":false,"activeScrollToTop":false,"productAndVariantAvailable":false,"availableAfterFiltering":false,"filterLayout":"vertical","filterTreeMobileStyle":"style2","filterTreeVerticalStyle":"style-default","filterTreeHorizontalStyle":"style1","stickyFilterOnDesktop":true,"stickyFilterOnMobile":false,"changeMobileButtonLabel":false,"sortingAvailableFirst":false,"showVariantImageBasedOnSelectedFilter":"","isShortenUrlParam":false,"style":{"filterTitleTextColor":"","filterTitleFontSize":"","filterTitleFontWeight":"","filterTitleFontTransform":"","filterTitleFontFamily":"","filterOptionTextColor":"","filterOptionFontSize":"","filterOptionFontFamily":"","filterMobileButtonTextColor":"","filterMobileButtonFontSize":"","filterMobileButtonFontWeight":"","filterMobileButtonFontTransform":"","filterMobileButtonFontFamily":"","filterMobileButtonBackgroundColor":""}} 967 ,additionalElementSettingsMetafield: 968 969 {"customSortingList":"relevance|best-selling|manual|title-ascending|title-descending|price-ascending|price-descending|created-ascending|created-descending"} 970 ,backInStockMetafield: 971 972 null 973 ,swatchSettings: 974 975 null 976 ,defaultSortOrder: 977 978 null 979 ,user: 980 { 981 982 },product: 983 984 {"id":10246975684908,"title":"V's SHAVING FACE⢠ESSENTIALS KIT","handle":"vs-shaving-face-essentials-kit","description":"\u003cp\u003eEverything you need for the ultimate shave is in this kit! With the Shaving Face Kit, you can b\u003cspan\u003ering the quality of a Vâs Barbershop shave into your daily routine. \u003cmeta charset=\"utf-8\"\u003eFormulated by Vâs Barbershop, the leader in authentic barbershop shaving, this simple 3 Step process will give you a close and luxurious shave experience every single time.\u003c\/span\u003e\u003c\/p\u003e","published_at":"2026-03-05T12:50:57-07:00","created_at":"2026-03-04T13:19:40-07:00","vendor":"V's Barbershop","type":"","tags":[],"price":4300,"price_min":4300,"price_max":4300,"available":true,"price_varies":false,"compare_at_price":4800,"compare_at_price_min":4800,"compare_at_price_max":4800,"compare_at_price_varies":false,"variants":[{"id":52716699386156,"title":"Default Title","option1":"Default Title","option2":null,"option3":null,"sku":"VBS158","requires_shipping":true,"taxable":true,"featured_image":null,"available":true,"name":"V's SHAVING FACE⢠ESSENTIALS KIT","public_title":null,"options":["Default Title"],"price":4300,"weight":757,"compare_at_price":4800,"inventory_management":"shopify","barcode":null,"requires_selling_plan":false,"selling_plan_allocations":[],"quantity_rule":{"min":1,"max":null,"increment":1}}],"images":["\/\/vbarbershop.com\/cdn\/shop\/files\/ShavingFaceKit.jpg?v=1773177626"],"featured_image":"\/\/vbarbershop.com\/cdn\/shop\/files\/ShavingFaceKit.jpg?v=1773177626","options":["Title"],"media":[{"alt":null,"id":43515900723500,"position":1,"preview_image":{"aspect_ratio":0.8,"height":1000,"width":800,"src":"\/\/vbarbershop.com\/cdn\/shop\/files\/ShavingFaceKit.jpg?v=1773177626"},"aspect_ratio":0.8,"height":1000,"media_type":"image","src":"\/\/vbarbershop.com\/cdn\/shop\/files\/ShavingFaceKit.jpg?v=1773177626","width":800},{"alt":null,"id":43527284818220,"position":2,"preview_image":{"aspect_ratio":1.333,"height":360,"width":480,"src":"\/\/vbarbershop.com\/cdn\/shop\/files\/preview_images\/hqdefault_3934e66c-2339-45a1-97de-17d6e8f50598.jpg?v=1773254898"},"aspect_ratio":1.77,"external_id":"2a8Fudd8Olg","host":"youtube","media_type":"external_video"},{"alt":null,"id":43527285047596,"position":3,"preview_image":{"aspect_ratio":1.333,"height":360,"width":480,"src":"\/\/vbarbershop.com\/cdn\/shop\/files\/preview_images\/hqdefault_86d91873-9fbd-484f-a741-930961656ba2.jpg?v=1773254933"},"aspect_ratio":1.77,"external_id":"Vdy6MAUKFmE","host":"youtube","media_type":"external_video"},{"alt":null,"id":43527285604652,"position":4,"preview_image":{"aspect_ratio":1.333,"height":360,"width":480,"src":"\/\/vbarbershop.com\/cdn\/shop\/files\/preview_images\/hqdefault_bc396632-3315-4dd5-9ec1-24b094a71d87.jpg?v=1773254953"},"aspect_ratio":1.77,"external_id":"Uy5MecIj9us","host":"youtube","media_type":"external_video"}],"requires_selling_plan":false,"selling_plan_groups":[],"content":"\u003cp\u003eEverything you need for the ultimate shave is in this kit! With the Shaving Face Kit, you can b\u003cspan\u003er
984ing the quality of a Vâs Barbershop shave into your daily routine. \u003cmeta charset=\"utf-8\"\u003eFormulated by Vâs Barbershop, the leader in authentic barbershop shaving, this simple 3 Step process will give you a close and luxurious shave experience every single time.\u003c\/span\u003e\u003c\/p\u003e"} 985 ,b2b: 986 987 null 988 ,templateId:readTemplateId(),productGridSelector: 989 990 "" 991 || "",templateMetadata:readTemplateMetadata(),templateSettings:readTemplateSettings(),template:readTemplates(),recommendationWidgets: 992 993 { 994 995 996 "home-page": {"homepage-078150":{"params":{"shop":"v-barbershop.myshopify.com","recommendationType":"newest-arrivals","limit":12,"layoutDisplay":"carousel"},"widgetName":"Just dropped","widgetStatus":"draft","widgetDesignSettings":{"tenantId":"v-barbershop.myshopify.com","widgetId":"defaultSettings","layoutDisplay":"carousel","templateType":"customization","themePreview":"","numberOfRecommendProduct":12,"numberOfProductPerRow":4,"titleAlignment":"left","titleTextColor":"#3D4246","titleFont":"Poppins","titleTextTransform":"capitalize","titleFontSize":14,"titleFontStyle":"100"}},"homepage-301551":{"params":{"shop":"v-barbershop.myshopify.com","recommendationType":"bestsellers","limit":12,"layoutDisplay":"carousel"},"widgetName":"Best Sellers","widgetStatus":"draft","widgetDesignSettings":{"tenantId":"v-barbershop.myshopify.com","widgetId":"defaultSettings","layoutDisplay":"carousel","templateType":"customization","themePreview":"","numberOfRecommendProduct":12,"numberOfProductPerRow":4,"titleAlignment":"left","titleTextColor":"#3D4246","titleFont":"Poppins","titleTextTransform":"capitalize","titleFontSize":14,"titleFontStyle":"100"}}}, 997 998 999 1000 "cart-page": {"cartpage-077680":{"params":{"shop":"v-barbershop.myshopify.com","recommendationType":"recently-viewed","limit":12,"layoutDisplay":"carousel"},"widgetName":"Still interested in this?","widgetStatus":"draft","widgetDesignSettings":{"tenantId":"v-barbershop.myshopify.com","widgetId":"defaultSettings","layoutDisplay":"carousel","templateType":"customization","themePreview":"","numberOfRecommendProduct":12,"numberOfProductPerRow":4,"titleAlignment":"left","titleTextColor":"#3D4246","titleFont":"Poppins","titleTextTransform":"capitalize","titleFontSize":14,"titleFontStyle":"100"}},"cartpage-601844":{"params":{"shop":"v-barbershop.myshopify.com","recommendationType":"related-items","limit":12,"layoutDisplay":"carousel","modelType":"Alternative","secondaryAlgorithm":"bestsellers"},"widgetName":"Similar Products","widgetStatus":"draft","widgetDesignSettings":{"tenantId":"v-barbershop.myshopify.com","widgetId":"defaultSettings","layoutDisplay":"carousel","templateType":"customization","themePreview":"","numberOfRecommendProduct":12,"numberOfProductPerRow":4,"titleAlignment":"left","titleTextColor":"#3D4246","titleFont":"Poppins","titleTextTransform":"capitalize","titleFontSize":14,"titleFontStyle":"100"}}}, 1001 1002 1003 1004 1005 1006 "product-page": {"productpage-812018":{"params":{"shop":"v-barbershop.myshopify.com","recommendationType":"recently-viewed","limit":12,"layoutDisplay":"carousel"},"widgetName":"Recently viewed","widgetStatus":"draft","widgetDesignSettings":{"tenantId":"v-barbershop.myshopify.com","widgetId":"defaultSettings","layoutDisplay":"carousel","templateType":"customization","themePreview":"","numberOfRecommendProduct":12,"numberOfProductPerRow":4,"titleAlignment":"left","titleTextColor":"#3D4246","titleFont":"Poppins","titleTextTransform":"capitalize","titleFontSize":14,"titleFontStyle":"100"}},"productpage-745840":{"params":{"shop":"v-barbershop.myshopify.com","recommendationType":"frequently-bought-together","limit":2,"layoutDisplay":"bundle","modelType":"FBT","secondaryAlgorithm":"bestsellers"},"widgetName":"Frequently Bought Together","widgetStatus":"draft","widgetDesignSettings":{"bundleStyle":"style1","layoutDisplay":"bundle","numberOfRecommendProduct":2,"templateType":"customization","themePreview":"","titleAlignment":"left","titleFont":"Poppins","titleFontSize":14,"titleFontStyle":"100","titleTextColor":"#3D4246","titleTextTransform":"capitalize"}}}, 1007 1008 1009
1010 "collection-page": {"collectionpage-635327":{"params":{"shop":"v-barbershop.myshopify.com","recommendationType":"newest-arrivals","limit":12,"layoutDisplay":"carousel"},"widgetName":"Just dropped","widgetStatus":"draft","widgetDesignSettings":{"tenantId":"v-barbershop.myshopify.com","widgetId":"defaultSettings","layoutDisplay":"carousel","templateType":"customization","themePreview":"","numberOfRecommendProduct":12,"numberOfProductPerRow":4,"titleAlignment":"left","titleTextColor":"#3D4246","titleFont":"Poppins","titleTextTransform":"capitalize","titleFontSize":14,"titleFontStyle":"100"}},"collectionpage-673162":{"params":{"shop":"v-barbershop.myshopify.com","recommendationType":"trending-products","limit":12,"layoutDisplay":"carousel","calculatedBasedOn":"purchase-events","rangeOfTime":"7-day"},"widgetName":"Most Popular Products","widgetStatus":"draft","widgetDesignSettings":{"tenantId":"v-barbershop.myshopify.com","widgetId":"defaultSettings","layoutDisplay":"carousel","templateType":"customization","themePreview":"","numberOfRecommendProduct":12,"numberOfProductPerRow":4,"titleAlignment":"left","titleTextColor":"#3D4246","titleFont":"Poppins","titleTextTransform":"capitalize","titleFontSize":14,"titleFontStyle":"100"}}}, 1011 1012 1013 1014 "defaultSettings": null, 1015 1016 1017 1018 1019 1020 1021 } || {},recommendationPlaceholder: 1022 1023 1024 "\u003c!-- TEMPLATE RECOMMENDATION PLACEHOLDER--\u003e\u003cdiv class=\"boost-sd__rc-pl\"\u003e\u003cdiv class=\"boost-sd__rc-title-pl\"\u003e \u003cspan class=\"boost-sd__rc-pl-item\" style=\"width: 150px; height: 30px;\"\u003e\u003c\/span\u003e\u003c\/div\u003e\u003cdiv class=\"boost-sd__rc-product-list-pl\"\u003e \u003cspan class=\"boost-sd__rc-pl-item\"\u003e\u003c\/span\u003e \u003cspan class=\"boost-sd__rc-pl-item\"\u003e\u003c\/span\u003e \u003cspan class=\"boost-sd__rc-pl-item\"\u003e\u003c\/span\u003e \u003cspan class=\"boost-sd__rc-pl-item\"\u003e\u003c\/span\u003e\u003c\/div\u003e\u003cdiv class=\"boost-sd__rc-info-pl\"\u003e \u003cspan class=\"boost-sd__rc-pl-item\"\u003e\u003c\/span\u003e \u003cspan class=\"boost-sd__rc-pl-item\"\u003e\u003c\/span\u003e \u003cspan class=\"boost-sd__rc-pl-item\"\u003e\u003c\/span\u003e\u003c\/div\u003e\u003c\/div\u003e\u003cstyle\u003e .boost-sd__rc-pl { width: 100%; min-height: 600px; } .boost-sd__rc-pl-item { display: block; width: 100%; height: 20px; background: rgba(0, 0, 0, 0.07); margin-bottom: 16px; animation: 2s infinite place-holder-animation; } .boost-sd__rc-title-pl { width: 100%; display: flex; padding: 0 0 30px; } .boost-sd__rc-product-list-pl { display: flex; width: 100%; padding: 0; gap: 32px; position: relative; margin-bottom: 20px; } .boost-sd__rc-product-list-pl .boost-sd__rc-pl-item:nth-child(3), .boost-sd__rc-product-list-pl .boost-sd__rc-pl-item:nth-child(4) { display: none; } .boost-sd__rc-product-list-pl .boost-sd__rc-pl-item { display: block; flex-wrap: wrap; width: calc(50% - 8px); height: 218px; } .boost-sd__rc-info-pl .boost-sd__rc-pl-item:nth-child(2) { width: 80% } .boost-sd__rc-info-pl .boost-sd__rc-pl-item:nth-child(3) { width: 50% } @media only screen and (min-width: 768px) { .boost-sd__rc-pl-item { margin-bottom: 8px; } .boost-sd__rc-title-pl { padding-bottom: 60px; } .boost-sd__rc-product-list-pl .boost-sd__rc-pl-item:nth-child(3), .boost-sd__rc-product-list-pl .boost-sd__rc-pl-item:nth-child(4) { display: block; } .boost-sd__rc-product-list-pl .boost-sd__rc-pl-item { height: 382px; width: calc(25% - 8px); } .boost-sd__rc-info-pl .boost-sd__rc-pl-item:first-child { width: 50% } .boost-sd__rc-info-pl .boost-sd__rc-pl-item:nth-child(2) { width: 40% } .boost-sd__rc-info-pl .boost-sd__rc-pl-item:nth-child(3) { width: 30% } } @keyframes place-holder-animation { 0% { opacity: 1; } 50% { opacity: 0.5; } 100% { opacity: 1; } }\u003c\/style\u003e" 1025 ,simplifiedIntegrationPlaceholder: 1026 1027 1028 "\u003c!-- TEMPLATE PLACEHOLDER --\u003e\u003c!-- This is global variable filter settings layout --\u003e\u003cdiv class='boost-sd-container'\u003e\u003cdiv class='boost-sd-layout boost-sd-layout--has-filter-vertical'\u003e \u003cdiv class='boost-sd-left boost-filter-tree-column'\u003e \u003c!-- TEMPLATE FILTER TREE PLACEHOLDER --\u003e \u003cdiv id=\"boost-sd__filter-tree-wrapper\" class=\"boost-sd__filter-tree-wrapper\"\u003e \u003cdiv class=\"boost-sd__filter-tree-vertical \"\u003e \u003cdiv class=\"boost-sd__filter-tree-vertical-placeholder\"\u003e \u003cdiv class=\"boost-sd__filter-tree-vertical-placeholder-item\"\u003e \u003cspan class=\"boost-sd__placeholder-item\" style=\"width:80%; border-radius: 0;\"\u003e\u003c\/span\u003e \u003cspan class=\"boost-sd__placeholder-item\" style=\"border-radius: 0;\"\u003e\u003c\/span\u003e \u003cspan class=\"boost-sd__placeholder-item\" style=\"width:65%; border-radius: 0;\"\u003e\u003c\/span\u003e \u003cspan class=\"boost-sd__placeholder-item\" style=\"width:40%; border-radius: 0;\"\u003e\u003c\/span\u003e \u003c\/div\u003e \u003cdiv class=\"boost-sd__filter-tree-vertical-placeholder-item\"\u003e \u003cspan class=\"boost-sd__placeholder-item\" style=\"width:80%; border-radius: 0;\"\u003e\u003c\/span\u003e \u003cspan class=\"boost-sd__placeholder-item\" style=\"border-radius: 0;\"\u003e\u003c\/span\u003e \u003cspan class=\"boost-sd__placeholder-item\" style=\"width:65%; border-radius: 0;\"\u003e\u003c\/span\u003e \u003cspan class=\"boost-sd__placeholder-item\" style=\"width:40%; border-radius: 0;\"\u003e\u003c\/span\u003e \u003c\/div\u003e \u003cdiv class=\"boost-sd__filter-tree-vertical-placeholder-item\"\u003e \u003cspan class=\"boost-sd__placeholder-item\" style=\"width:80%; border-radius: 0;\"\u003e\u003c\/span\u003e \u003cspan class=\"boost-sd__placeholder-item\" style=\"border-radius: 0;\"\u003e\u003c\/span\u003e \u003cspan class=\"boost-sd__placeholder-item\" style=\"width:65%; border-radius: 0;\"\u003e\u003c\/span\u003e \u003cspan class=\"boost-sd__placeholder-item\" style=\"width:40%; border-radius: 0;\"\u003e\u003c\/span\u003e \u003c\/div\u003e \u003cdiv class=\"boost-sd__filter-tree-vertical-placeholder-item\"\u003e \u003cspan class=\"boost-sd__placeholder-item\" style=\"width:80%; border-radius: 0;\"\u003e\u003c\/span\u003e \u003cspan class=\"boost-sd__placeholder-item\" style=\"border-radius: 0;\"\u003e\u003c\/span\u003e \u003cspan class=\"boost-sd__placeholder-item\" style=\"width:65%; border-radius: 0;\"\u003e\u003c\/span\u003e \u003cspan class=\"boost-sd__placeholder-item\" style=\"width:40%; border-radius: 0;\"\u003e\u003c\/span\u003e \u003c\/div\u003e \u003cdiv class=\"boost-sd__filter-tree-vertical-placeholder-item\"\u003e \u003cspan class=\"boost-sd__placeholder-item\" style=\"width:80%; border-radius: 0;\"\u003e\u003c\/span\u003e \u003cspan class=\"boost-sd__placeholder-item\" style=\"border-radius: 0;\"\u003e\u003c\/span\u003e \u003cspan class=\"boost-sd__placeholder-item\" style=\"width:65%; border-radius: 0;\"\u003e\u003c\/span\u003e \u003cspan class=\"boost-sd__placeholder-item\" style=\"width:40%; border-radius: 0;\"\u003e\u003c\/span\u003e \u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003cdiv class='boost-sd-right boost-product-listing-column'\u003e \u003c!-- TEMPLATE TOOLBAR PLACEHOLDER--\u003e \u003cdiv class=\"boost-sd__toolbar-container\"\u003e \u003cdiv class=\"boost-sd__toolbar-inner\"\u003e \u003cdiv class=\"boost-sd__toolbar-content\"\u003e \u003cdiv class=\"boost-sd__toolbar boost-sd__toolbar--3_1\"\u003e \u003cspan class=\"boost-sd__toolbar-item boost-sd__placeholder-item\" style=\"height: 28px; border-radius: 0;\"\u003e\u003c\/span\u003e \u003cspan class=\"boost-sd__toolbar-item boost-sd__placeholder-item\" style=\"height: 28px; border-radius: 0; margin-bottom: 0\"\u003e\u003c\/span\u003e \u003cspan class=\"boost-sd__toolbar-item boost-sd__placeholder-item\" style=\"height: 28px; border-radius: 0; margin-bottom: 0\"\u003e\u003c\/span\u003e \u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003c!-- TEMPLATE PRODUCT LIST PLACEHOLDER--\u003e \u003cdiv class=\"boost-sd__product-list-placeholder boost-sd__product-list-placeholder--4-col\"\u003e \u003cdiv class=\"boost-sd__product-list-placeholder-item\"\u003e \u003cspan class=\"boost-sd__placeholder-item\" style=\"width: 100%; border-radius: 0;\"\u003e\u003c\/span\u003e \u003cspan class=\"boost-sd__placeholder-item\" style=\"border-radius: 0;\"\u003e\u003c\/span\u003e \u003cspan class=\"boost-sd__placeholder-item\" style=\"width: 80%; border-radius: 0;\"\u003e\u003c\/span\u003e \u003cspan class=\"boost-sd__placeholder-item\" style=\"width: 40%; border-radius: 0;\"\u003e\u003c\/span\u003e \u003c\/div\u003e \u003cdiv class=\"boost-sd__product-list-placeholder-item\"\u003e \u003cspan class=\"boost-sd__placeholder-item\" style=\"width: 100%; border-radius: 0;\"\u003e\u003c\/span\u003e \u003cspan class=\"boost-sd__placeholder-item\" style=\"border-radius: 0;\"\u003e\u003c\/span\u003e \u003cspan class=\"boost-sd__placeholder-item\" style=\"width: 80%; border-radius: 0;\"\u003e\u003c\/span\u003e \u003cspan class=\"boost-sd__placeholder-item\" style=\"width: 40%; border-radius: 0;\"\u003e\u003c\/span\u003e \u003c\/div\u003e \u003cdiv class=\"boost-sd__product-list-placeholder-item\"\u003e \u003cspan class=\"boost-sd__placeholder-item\" style=\"width: 100%; border-radius: 0;\"\u003e\u003c\/span\u003e \u003cspan class=\"boost-sd__placeholder-item\" style=\"border-radius: 0;\"\u003e\u003c\/span\u003e \u003cspan class=\"boost-sd__placeholder-item\" style=\"width: 80%; border-radius: 0;\"\u003e\u003c\/span\u003e \u003cspan class=\"boost-sd__placeholder-item\" style=\"width: 40%; border-radius: 0;\"\u003e\u003c\/span\u003e \u003c\/div\u003e \u003cdiv class=\"boost-sd__product-list-placeholder-item\"\u003e \u003cspan class=\"boost-sd__placeholder-item\" style=\"width: 100%; border-radius: 0;\"\u003e\u003c\/span\u003e \u003cspan class=\"boost-sd__placeholder-item\" style=\"border-radius: 0;\"\u003e\u003c\/span\u003e \u003cspan class=\"boost-sd__placeholder-item\" style=\"width: 80%; border-radius: 0;\"\u003e\u003c\/span\u003e \u003cspan class=\"boost-sd__placeholder-item\" style=\"width: 40%; border-radius: 0;\"\u003e\u003c\/span\u003e \u003c\/div\u003e \u003cdiv class=\"boost-sd__product-list-placeholder-item\"\u003e \u003cspan class=\"boost-sd__placeholder-item\" style=\"width: 100%; border-radius: 0;\"\u003e\u003c\/span\u003e \u003cspan class=\"boost-sd__placeholder-item\" style=\"border-radius: 0;\"\u003e\u003c\/span\u003e \u003cspan class=\"boost-sd__placeholder-item\" style=\"width: 80%; border-radius: 0;\"\u003e\u003c\/span\u003e \u003cspan class=\"boost-sd__placeholder-item\" style=\"width: 40%; border-radius: 0;\"\u003e\u003c\/span\u003e \u003c\/div\u003e \u003cdiv class=\"boost-sd__product-list-placeholder-item\"\u003e \u003cspan class=\"boost-sd__placeholder-item\" style=\"width: 100%; border-radius: 0;\"\u003e\u003c\/span\u003e \u003cspan class=\"boost-sd__placeholder-item\" style=\"border-radius: 0;\"\u003e\u003c\/span\u003e \u003cspan class=\"boost-sd__placeholder-item\" style=\"width: 80%; border-radius: 0;\"\u003e\u003c\/span\u003e \u003cspan class=\"boost-sd__placeholder-item\" style=\"width: 40%; border-radius: 0;\"\u003e\u003c\/span\u003e \u003c\/div\u003e \u003cdiv class=\"boost-sd__product-list-placeholder-item\"\u003e \u003cspan class=\"boost-sd__placeholder-item\" style=\"width: 100%; border-radius: 0;\"\u003e\u003c\/span\u003e \u003cspan class=\"boost-sd__placeholder-item\" style=\"border-radius: 0;\"\u003e\u003c\/span\u003e \u003cspan class=\"boost-sd__placeholder-item\" style=\"width: 80%; border-radius: 0;\"\u003e\u003c\/span\u003e \u003cspan class=\"boost-sd__placeholder-item\" style=\"width: 40%; border-radius: 0;\"\u003e\u003c\/span\u003e \u003c\/div\u003e \u003cdiv class=\"boost-sd__product-list-placeholder-item\"\u003e \u003cspan class=\"boost-sd__placeholder-item\" style=\"width: 100%; border-radius: 0;\"\u003e\u003c\/span\u003e \u003cspan class=\"boost-sd__placeholder-item\" style=\"border-radius: 0;\"\u003e\u003c\/span\u003e \u003cspan class=\"boost-sd__placeholder-item\" style=\"width: 80%; border-radius: 0;\"\u003e\u003c\/span\u003e \u003cspan class=\"boost-sd__placeholder-item\" style=\"width: 40%; border-radius: 0;\"\u003e\u003c\/span\u003e \u003c\/div\u003e \u003cdiv class=\"boost-sd__product-list-placeholder-item\"\u003e \u003cspan class=\"boost-sd__placeholder-item\" style=\"width: 100%; border-radius: 0;\"\u003e\u003c\/span\u003e \u003cspan class=\"boost-sd__placeholder-item\" style=\"border-radius: 0;\"\u003e\u003c\/span\u003e \u003cspan class=\"boost-sd__placeholder-item\" style=\"width: 80%; border-radius: 0;\"\u003e\u003c\/span\u003e \u003cspan class=\"boost-sd__placeholder-item\" style=\"width: 40%; border-radius: 0;\"\u003e\u003c\/span\u003e \u003c\/div\u003e \u003cdiv class=\"boost-sd__product-list-placeholder-item\"\u003e \u003cspan class=\"boost-sd__placeholder-item\" style=\"width: 100%; border-radius: 0;\"\u003e\u003c\/span\u003e \u003cspan class=\"boost-sd__placeholder-item\" style=\"border-radius: 0;\"\u003e\u003c\/span\u003e \u003cspan class=\"boost-sd__placeholder-item\" style=\"width: 80%; border-radius: 0;\"\u003e\u003c\/span\u003e \u003cspan class=\"boost-sd__placeholder-item\" style=\"width: 40%; border-radius: 0;\"\u003e\u003c\/span\u003e \u003c\/div\u003e \u003cdiv class=\"boost-sd__product-list-placeholder-item\"\u003e \u003cspan class=\"boost-sd__placeholder-item\" style=\"width: 100%; border-radius: 0;\"\u003e\u003c\/span\u003e \u003cspan class=\"boost-sd__placeholder-item\" style=\"border-radius: 0;\"\u003e\u003c\/span\u003e \u003cspan class=\"boost-sd__placeholder-item\" style=\"width: 80%; border-radius: 0;\"\u003e\u003c\/span\u003e \u003cspan class=\"boost-sd__placeholder-item\" style=\"width: 40%; border-radius: 0;\"\u003e\u003c\/span\u003e \u003c\/div\u003e \u003cdiv class=\"boost-sd__product-list-placeholder-item\"\u003e \u003cspan class=\"boost-sd__placeholder-item\" style=\"width: 100%; border-radius: 0;\"\u003e\u003c\/span\u003e \u003cspan class=\"boost-sd__placeholder-item\" style=\"border-radius: 0;\"\u003e\u003c\/span\u003e \u003cspan class=\"boost-sd__placeholder-item\" style=\"width: 80%; border-radius: 0;\"\u003e\u003c\/span\u003e \u003cspan class=\"boost-sd__placeholder-item\" style=\"width: 40%; border-radius: 0;\"\u003e\u003c\/span\u003e \u003c\/div\u003e \u003cdiv class=\"boost-sd__product-list-placeholder-item\"\u003e \u003cspan class=\"boost-sd__placeholder-item\" style=\"width: 100%; border-radius: 0;\"\u003e\u003c\/span\u003e \u003cspan class=\"boost-sd__placeholder-item\" style=\"border-radius: 0;\"\u003e\u003c\/span\u003e \u003cspan class=\"boost-sd__placeholder-item\" style=\"width: 80%; border-radius: 0;\"\u003e\u003c\/span\u003e \u003cspan class=\"boost-sd__placeholder-item\" style=\"width: 40%; border-radius: 0;\"\u003e\u003c\/span\u003e \u003c\/div\u003e \u003cdiv class=\"boost-sd__product-list-placeholder-item\"\u003e \u003cspan class=\"boost-sd__placeholder-item\" style=\"width: 100%; border-radius: 0;\"\u003e\u003c\/span\u003e \u003cspan class=\"boost-sd__placeholder-item\" style=\"border-radius: 0;\"\u003e\u003c\/span\u003e \u003cspan class=\"boost-sd__placeholder-item\" style=\"width: 80%; border-radius: 0;\"\u003e\u003c\/span\u003e \u003cspan class=\"boost-sd__placeholder-item\" style=\"width: 40%; border-radius: 0;\"\u003e\u003c\/span\u003e \u003c\/div\u003e \u003cdiv class=\"boost-sd__product-list-placeholder-item\"\u003e \u003cspan class=\"boost-sd__placeholder-item\" style=\"width: 100%; border-radius: 0;\"\u003e\u003c\/span\u003e \u003cspan class=\"boost-sd__placeholder-item\" style=
1028\"border-radius: 0;\"\u003e\u003c\/span\u003e \u003cspan class=\"boost-sd__placeholder-item\" style=\"width: 80%; border-radius: 0;\"\u003e\u003c\/span\u003e \u003cspan class=\"boost-sd__placeholder-item\" style=\"width: 40%; border-radius: 0;\"\u003e\u003c\/span\u003e \u003c\/div\u003e \u003cdiv class=\"boost-sd__product-list-placeholder-item\"\u003e \u003cspan class=\"boost-sd__placeholder-item\" style=\"width: 100%; border-radius: 0;\"\u003e\u003c\/span\u003e \u003cspan class=\"boost-sd__placeholder-item\" style=\"border-radius: 0;\"\u003e\u003c\/span\u003e \u003cspan class=\"boost-sd__placeholder-item\" style=\"width: 80%; border-radius: 0;\"\u003e\u003c\/span\u003e \u003cspan class=\"boost-sd__placeholder-item\" style=\"width: 40%; border-radius: 0;\"\u003e\u003c\/span\u003e \u003c\/div\u003e \u003cdiv class=\"boost-sd__product-list-placeholder-item\"\u003e \u003cspan class=\"boost-sd__placeholder-item\" style=\"width: 100%; border-radius: 0;\"\u003e\u003c\/span\u003e \u003cspan class=\"boost-sd__placeholder-item\" style=\"border-radius: 0;\"\u003e\u003c\/span\u003e \u003cspan class=\"boost-sd__placeholder-item\" style=\"width: 80%; border-radius: 0;\"\u003e\u003c\/span\u003e \u003cspan class=\"boost-sd__placeholder-item\" style=\"width: 40%; border-radius: 0;\"\u003e\u003c\/span\u003e \u003c\/div\u003e \u003cdiv class=\"boost-sd__product-list-placeholder-item\"\u003e \u003cspan class=\"boost-sd__placeholder-item\" style=\"width: 100%; border-radius: 0;\"\u003e\u003c\/span\u003e \u003cspan class=\"boost-sd__placeholder-item\" style=\"border-radius: 0;\"\u003e\u003c\/span\u003e \u003cspan class=\"boost-sd__placeholder-item\" style=\"width: 80%; border-radius: 0;\"\u003e\u003c\/span\u003e \u003cspan class=\"boost-sd__placeholder-item\" style=\"width: 40%; border-radius: 0;\"\u003e\u003c\/span\u003e \u003c\/div\u003e \u003cdiv class=\"boost-sd__product-list-placeholder-item\"\u003e \u003cspan class=\"boost-sd__placeholder-item\" style=\"width: 100%; border-radius: 0;\"\u003e\u003c\/span\u003e \u003cspan class=\"boost-sd__placeholder-item\" style=\"border-radius: 0;\"\u003e\u003c\/span\u003e \u003cspan class=\"boost-sd__placeholder-item\" style=\"width: 80%; border-radius: 0;\"\u003e\u003c\/span\u003e \u003cspan class=\"boost-sd__placeholder-item\" style=\"width: 40%; border-radius: 0;\"\u003e\u003c\/span\u003e \u003c\/div\u003e \u003cdiv class=\"boost-sd__product-list-placeholder-item\"\u003e \u003cspan class=\"boost-sd__placeholder-item\" style=\"width: 100%; border-radius: 0;\"\u003e\u003c\/span\u003e \u003cspan class=\"boost-sd__placeholder-item\" style=\"border-radius: 0;\"\u003e\u003c\/span\u003e \u003cspan class=\"boost-sd__placeholder-item\" style=\"width: 80%; border-radius: 0;\"\u003e\u003c\/span\u003e \u003cspan class=\"boost-sd__placeholder-item\" style=\"width: 40%; border-radius: 0;\"\u003e\u003c\/span\u003e \u003c\/div\u003e \u003cdiv class=\"boost-sd__product-list-placeholder-item\"\u003e \u003cspan class=\"boost-sd__placeholder-item\" style=\"width: 100%; border-radius: 0;\"\u003e\u003c\/span\u003e \u003cspan class=\"boost-sd__placeholder-item\" style=\"border-radius: 0;\"\u003e\u003c\/span\u003e \u003cspan class=\"boost-sd__placeholder-item\" style=\"width: 80%; border-radius: 0;\"\u003e\u003c\/span\u003e \u003cspan class=\"boost-sd__placeholder-item\" style=\"width: 40%; border-radius: 0;\"\u003e\u003c\/span\u003e \u003c\/div\u003e \u003cdiv class=\"boost-sd__product-list-placeholder-item\"\u003e \u003cspan class=\"boost-sd__placeholder-item\" style=\"width: 100%; border-radius: 0;\"\u003e\u003c\/span\u003e \u003cspan class=\"boost-sd__placeholder-item\" style=\"border-radius: 0;\"\u003e\u003c\/span\u003e \u003cspan class=\"boost-sd__placeholder-item\" style=\"width: 80%; border-radius: 0;\"\u003e\u003c\/span\u003e \u003cspan class=\"boost-sd__placeholder-item\" style=\"width: 40%; border-radius: 0;\"\u003e\u003c\/span\u003e \u003c\/div\u003e \u003cdiv class=\"boost-sd__product-list-placeholder-item\"\u003e \u003cspan class=\"boost-sd__placeholder-item\" style=\"width: 100%; border-radius: 0;\"\u003e\u003c\/span\u003e \u003cspan class=\"boost-sd__placeholder-item\" style=\"border-radius: 0;\"\u003e\u003c\/span\u003e \u003cspan class=\"boost-sd__placeholder-item\" style=\"width: 80%; border-radius: 0;\"\u003e\u003c\/span\u003e \u003cspan class=\"boost-sd__placeholder-item\" style=\"width: 40%; border-radius: 0;\"\u003e\u003c\/span\u003e \u003c\/div\u003e \u003cdiv class=\"boost-sd__product-list-placeholder-item\"\u003e \u003cspan class=\"boost-sd__placeholder-item\" style=\"width: 100%; border-radius: 0;\"\u003e\u003c\/span\u003e \u003cspan class=\"boost-sd__placeholder-item\" style=\"border-radius: 0;\"\u003e\u003c\/span\u003e \u003cspan class=\"boost-sd__placeholder-item\" style=\"width: 80%; border-radius: 0;\"\u003e\u003c\/span\u003e \u003cspan class=\"boost-sd__placeholder-item\" style=\"width: 40%; border-radius: 0;\"\u003e\u003c\/span\u003e \u003c\/div\u003e \u003c\/div\u003e \u003cdiv class=\"boost-sd__pagination boost-sd__pagination--center\"\u003e \u003cspan class=\"boost-sd__placeholder-item\" style=\"height: 40px; border-radius: 0;\"\u003e\u003c\/span\u003e \u003c\/div\u003e \u003c\/div\u003e\u003c\/div\u003e\u003c\/div\u003e\u003cstyle\u003e .boost-sd__collection-header { width: 100%; height: 130px; display: block; background: -webkit-gradient(linear, left top, right top, color-stop(8%, #eee), color-stop(18%, #e6e6e6), color-stop(33%, #eee)); background-color: #eee; animation: banner-place-holder-shimmer 2s linear infinite forwards; } .boost-sd__collection-header:empty { display: block; } .boost-sd__collection-header .boost-sd__placeholder-item { height: 130px; } @media only screen and (min-width: 992px) { .boost-sd__collection-header, .boost-sd__collection-header .boost-sd__placeholder-item { height: 150px; } } @keyframes banner-place-holder-shimmer { 0% { background-position: -1500px 0; } 100% { background-position: 1500px 0; } } .boost-sd__in-collection-search { margin-bottom: 20px; margin-top: 20px; width: 100%; max-width: 100%; display: flex; position: relative; } .boost-sd__in-collection-search--horizontal { margin: 20px auto 0; max-width: 592px; } @media only screen and (min-width: 992px) { .boost-sd__in-collection-search { margin-bottom: 16px; margin-top: 16px; } } .boost-sd__filter-tree-vertical { margin-top: 0; margin-right: 0; } .boost-sd__filter-tree-vertical-placeholder { background: transparent; width: 100%; max-width: 100%; display: none; } .boost-sd__filter-tree-vertical-placeholder-list { margin: 30px 10px 0; padding: 0; list-style: none; } .boost-sd__filter-tree-vertical-placeholder-item { max-width: 100%; padding: 20px 0; display: block; } .boost-sd__filter-tree-vertical-placeholder-item:first-child { padding-top: 0; } .boost-sd__filter-tree-vertical-placeholder-item:not(:last-child) { border-bottom: 1px solid #ebebeb; } .boost-sd__filter-tree-vertical-placeholder-item::before, .boost-sd__filter-tree-vertical-placeholder-item::after, { display: none; } .boost-sd__filter-tree-horizontal-placeholder { display: none; } @media only screen and (min-width: 992px) { .boost-sd__filter-tree-vertical { width: 272px; } .boost-sd-layout .boost-sd-left .boost-sd__filter-tree-wrapper .boost-sd__filter-tree-vertical { margin-right: 16px; margin-left: 0; } .boost-sd__filter-tree-vertical-placeholder, .boost-sd__filter-tree-horizontal-placeholder { display: inline-block; } .boost-sd-layout--has-filter-horizontal { flex-wrap: wrap; margin-top: 0; } .boost-sd-layout--has-filter-horizontal .boost-sd-left, .boost-sd-layout--has-filter-horizontal .boost-sd-right { flex: 0 0 100%; } .boost-sd__filter-tree-horizontal { width: 100%; } .boost-sd__filter-tree-horizontal-placeholder { padding: 16px 0; border-top: 1px solid #ebebeb; width: 100%; max-width: 100%; background: transparent; } .boost-sd__filter-tree-horizontal-placeholder-list { margin: 0; padding: 0; list-style: none; border-bottom: 1px solid #e8e9eb; } .boost-sd__filter-tree-horizontal-placeholder-item { border: none; display: inline-block; margin-right: 35px; position: relative; } .boost-sd__filter-tree-horizontal-placeholder-button { width: auto; height: auto; display: inline-block; position: relative; padding: 5px 15px 5px 0; margin: 0; min-height: auto; min-width: 0; border-radius: 0; box-shadow: none; background: none; border: none; letter-spacing: normal; text-align: left; cursor: pointer; } .boost-sd__filter-tree-horizontal-placeholder-button .boost-sd__placeholder-item { width: 80px; height: 10px; display: inline-block; margin: 0 15px 0 0; } .boost-sd__filter-tree-horizontal-placeholder-icon { transform: rotate(-90deg); } } .boost-sd__in-collection-search { margin-bottom: 20px; margin-top: 20px; width: 100%; max-width: 100%; display: flex; position: relative; } .boost-sd__in-collection-search--horizontal { margin: 20px auto 0; max-width: 592px; } @media only screen and (min-width: 992px) { .boost-sd__in-collection-search { margin-bottom: 16px; margin-top: 16px; } } .boost-sd__toolbar-container { width: 100%; margin-bottom: 16px; } .boost-sd__toolbar-inner { max-width: 1216px; margin: 0 auto; } .boost-sd__toolbar-content { border-bottom: 1px solid #ebebeb; border-top: 1px solid #ebebeb; padding: 16px 0; }
1028 .boost-sd__toolbar { align-items: center; width: 100%; display: flex; flex-wrap: wrap; column-gap: 16px; justify-content: space-between; } .boost-sd__toolbar .boost-sd__placeholder-item { flex-basis: 45%; } .boost-sd__toolbar .boost-sd__placeholder-item:first-child { flex-basis: 100%; margin-bottom: 16px; } @media only screen and (min-width: 992px) { .boost-sd__toolbar-content { display: flex; align-items: center; border-bottom: none; padding: 16px 0 16px; border-top: 1px solid #ebebeb; border-bottom: 0; } .boost-sd__toolbar { flex-wrap: inherit; } .boost-sd__toolbar .boost-sd__placeholder-item { flex-basis: auto; } .boost-sd__toolbar .boost-sd__placeholder-item:first-child { flex-basis: auto; margin-bottom: 0; } .boost-sd__toolbar--3_1 .boost-sd__toolbar-item { flex: 1; } .boost-sd__toolbar--3_1 .boost-sd__toolbar-item:nth-child(2) { justify-content: center; } .boost-sd__toolbar--3_1 .boost-sd__toolbar-item:nth-child(3) { justify-content: end; } } .boost-sd__product-list-placeholder { gap: 16px; margin-bottom: 32px; flex-wrap: wrap; width: 100%; display: flex; } .boost-sd__product-list-placeholder--1-col .boost-sd__product-list-placeholder-item { width: 100%; } .boost-sd__product-list-placeholder--2-col .boost-sd__product-list-placeholder-item, .boost-sd__product-list-placeholder--3-col .boost-sd__product-list-placeholder-item, .boost-sd__product-list-placeholder--4-col .boost-sd__product-list-placeholder-item, .boost-sd__product-list-placeholder--5-col .boost-sd__product-list-placeholder-item, .boost-sd__product-list-placeholder--6-col .boost-sd__product-list-placeholder-item { width: calc(50% - 8px); } .boost-sd__product-list-placeholder .boost-sd__product-list-placeholder-item .boost-sd__placeholder-item:first-child { height: 222px; } .boost-sd__placeholder-list-item { background: rgba(0, 0, 0, 0.07); min-width: 50px; height: 20px; animation: 2s infinite place-holder-animation; display: inline-block; } .boost-sd__product-list-placeholder--list-view .boost-sd__product-list-placeholder-item { flex-direction: row; display: flex; width: 100%; } .boost-sd__sd__placeholder-list-view-layout-info-group { width: 100%; padding-left: 16px; display: flex; flex-direction: column; align-items: baseline; gap: 16px; text-align: left; justify-content: center; } .boost-sd__placeholder-list-view-layout-image { flex: 160px; width: auto; max-width: 160px; height: 160px; } .boost-sd__pagination { padding-top: 10px; padding-bottom: 10px; justify-content: center; align-items: center; display: flex; } @media only screen and (min-width: 576px) { .boost-sd__product-list-placeholder { gap: 32px; margin-bottom: 64px; } .boost-sd__product-list-placeholder--3-col .boost-sd__product-list-placeholder-item, .boost-sd__product-list-placeholder--4-col .boost-sd__product-list-placeholder-item, .boost-sd__product-list-placeholder--5-col .boost-sd__product-list-placeholder-item, .boost-sd__product-list-placeholder--6-col .boost-sd__product-list-placeholder-item { width: calc(33.3333333333% - (32px - 32px \/ 3)); } } @media only screen and (min-width: 992px) { .boost-sd__product-list-placeholder .boost-sd__placeholder-item:not(:last-child) { margin-bottom: 8px; } .boost-sd__product-list-placeholder .boost-sd__placeholder-item:first-child { margin-bottom: 16px; } .boost-sd__product-list-placeholder--3-col .boost-sd__product-list-placeholder-item .boost-sd__placeholder-item:first-child { height: 382px; } .boost-sd__product-list-placeholder--4-col .boost-sd__product-list-placeholder-item .boost-sd__placeholder-item:first-child { height: 275px; } .boost-sd__product-list-placeholder--5-col .boost-sd__product-list-placeholder-item .boost-sd__placeholder-item:first-child { height: 215px; } .boost-sd__product-list-placeholder--6-col .boost-sd__product-list-placeholder-item .boost-sd__placeholder-item:first-child { height: 175px; } .boost-sd__product-list-placeholder--3-col .boost-sd__product-list-placeholder-item { width: calc(33.3333333333% - (32px - 32px \/ 3)); } .boost-sd__product-list-placeholder--4-col .boost-sd__product-list-placeholder-item { width: calc(25% - (32px - 32px \/ 4)); } .boost-sd__product-list-placeholder--5-col .boost-sd__product-list-placeholder-item { width: calc(20% - (32px - 32px \/ 5)); } .boost-sd__product-list-placeholder--6-col .boost-sd__product-list-placeholder-item { width: calc(16.6666667% - (32px - 32px \/ 6)); } } .boost-sd-container * { box-sizing: border-box; } .boost-sd__placeholder-item { background: rgba(0, 0, 0, 0.07); border-radius: 50rem; min-width: 50px; max-width: 100%; height: 20px; animation: 2s infinite place-holder-animation; display: inline-block; } .boost-sd__placeholder-item:empty { display: block; } .boost-sd__placeholder-item:not(:last-child) { margin-bottom: 18px; } .boost-sd-layout { margin: 20px auto 0; } .boost-sd-left { position: relative; } .boost-sd-layout .boost-sd-right { width: 100%; margin-bottom: 20px; } @keyframes place-holder-animation { 0% { opacity: 1; } 50% { opacity: 0.5; } 100% { opacity: 1; } } @media only screen and (min-width: 992px) { .boost-sd-layout { display: flex; max-width: 1216px; } .boost-sd-layout .boost-sd-right { flex: auto; max-width: 100%; } }\u003c\/style\u003e" 1029 ,allSyncedCollections: 1030 1031 null 1032 ,isOnboarding: 1033 1034 false 1035 };}window.__BOOST_TAE_LIQUID__=readPayload();})();</script>
1035<script type="text/javascript">"use strict";(()=>{var Me=["__proto__","constructor","prototype"];function O(n,...t){if(!n||t.length===0)return n;let e=i=>!!i&&typeof i=="object",o=i=>{if(!e(i))return!1;let r=Object.getPrototypeOf(i);return r===Object.prototype||r===null};for(let i of t)if(i)for(let r in i){if(!Object.prototype.hasOwnProperty.call(i,r)||Me.includes(r))continue;let a=i[r];if(!(r in n)){n[r]=a;continue}let s=n[r];Array.isArray(s)&&Array.isArray(a)?n[r]=s.concat(...a):o(s)&&o(a)?n[r]=O(s,a):n[r]=a}return n}var ee=class{constructor(t,e){this.modules=[];this.cachedModulesByConstructor=new Map;this.status="created";this.cachedEventListeners={};this.registryBlockListeners=[];this.readyListeners=[];this.mode="production";this.logLevel=1;this.blocks={};let o=window.boostWidgetIntegration;this.config=t||{logLevel:o?.config?.logLevel,env:"production"},this.logLevel=this.config.logLevel??(this.mode==="production"?2:this.logLevel),this.config.logLevel==null&&(this.config.logLevel=this.logLevel),this.dataObjects=e||{},this.logger={debug:(...i)=>{this.logLevel<=0&&console.debug("Boost > [DEBUG] ",...i)},info:(...i)=>{this.logLevel<=1&&console.info("Boost > [INFO] ",...i)},warn:(...i)=>{this.logLevel<=2&&console.warn("Boost > [WARN] ",...i)},error:(...i)=>{this.logLevel<=3&&console.error("Boost > [ERROR] ",...i)}}}bootstrap(){if(this.status==="bootstrapped"){this.logger.warn("Application already bootstrapped");return}if(this.status==="started"){this.logger.warn("Application already started");return}this.loadModuleEventListeners(),this.dispatchLifecycleEvent({name:"onBeforeAppBootstrap",payload:null}),(this.config?.customization?.app?.onBootstrap?this.config.customization.app:window.boostWidgetIntegration?.config?.customization?.app)?.onBootstrap?.(this),this.extendAppConfigFromModules(),this.extendAppConfigFromGlobalVariables(),this.initializeDataObjects(),this.assignGlobalVariables(),this.status="bootstrapped",this.dispatchLifecycleEvent({name:"onAppBootstrap",payload:null})}moduleLabel(t){if(typeof t!="function"&&(typeof t!="object"||t===null))return"Unknown";let e=t;return Object.prototype.hasOwnProperty.call(e,"moduleName")&&typeof e.moduleName=="string"?e.moduleName:typeof e.name=="string"&&e.name?e.name:"Unknown"}async initModules(){await Promise.all(this.modules.map(async t=>{if(!t.shouldInit()){this.logger.info("Module not initialized",this.moduleLabel(t.constructor),"shouldInit returned false");return}t.onBeforeModuleInit?.(),this.dispatchLifecycleEvent({name:"onBeforeModuleInit",payload:{module:t}}),this.logger.info(`Initializing ${this.moduleLabel(t.constructor)} module`);try{await t.init(),this.dispatchLifecycleEvent({name:"onModuleInit",payload:{module:t}})}catch(e){this.logger.error(`Error initializing module ${this.moduleLabel(t.constructor)}:`,e),this.dispatchLifecycleEvent({name:"onModuleError",payload:{module:t,error:e instanceof Error?e:new Error(String(e))}})}}))}getModule(t){let e=this.cachedModulesByConstructor.get(t);if(!(e&&!e.shouldInit()))return e}getModuleByName(t){let e=this.modules.find(o=>o.constructor.moduleName===t);if(!(e&&!e.shouldInit()))return e}getModuleByClassName(t){let e=this.modules.find(o=>this.moduleLabel(o.constructor)===t);if(!(e&&!e.shouldInit()))return e}registerBlock(t){if(!t.id){this.logger.error("Block id is required");return}let e=t.id;if(this.blocks[e]){this.logger.error(`Block with id ${e} already exists`);return}this.blocks[e]=t,window.boostWidgetIntegration.blocks&&(window.boostWidgetIntegration.blocks[e]=t),this.dispatchLifecycleEvent({name:"onRegisterBlock",payload:{block:t}}),this.registryBlockListeners.forEach(o=>{try{o(t)}catch(i){this.logger.error("Error in registry block listener:",i)}})}addRegistryBlockListener(t){this.registryBlockListeners.push(t),Object.values(this.blocks).forEac
1035h(e=>{try{t(e)}catch(o){this.logger.error("Error in registry block listener for existing block:",o)}})}removeRegistryBlockListener(t){let e=this.registryBlockListeners.indexOf(t);e>-1&&this.registryBlockListeners.splice(e,1)}onReady(t){if(this.status==="started")try{t()}catch(e){this.logger.error("Error in ready handler:",e)}else this.readyListeners.push(t)}assignGlobalVariables(){window.boostWidgetIntegration||(window.boostWidgetIntegration={}),Object.assign(window.boostWidgetIntegration,{TAEApp:this,config:this.config,dataObjects:this.dataObjects,blocks:this.blocks})}async start(){this.logger.info("Application starting"),this.bootstrap(),this.dispatchLifecycleEvent({name:"onBeforeAppStart",payload:null}),this.config.customization?.app?.onBeforeStart?.(this),await this.initModules(),this.status="started",this.dispatchLifecycleEvent({name:"onAppStart",payload:null}),this.readyListeners.forEach(t=>{try{t()}catch(e){this.logger.error("Error in ready listener:",e)}}),this.config?.customization?.app?.onStart&&this.config.customization.app.onStart(this)}destroy(){if(this.status!=="started"){this.logger.warn("Application not started yet");return}this.modules.forEach(t=>{this.dispatchLifecycleEvent({name:"onModuleDestroy",payload:{module:t}}),t.destroy()}),this.modules=[],this.resetBlocks(),this.status="destroyed",this.dispatchLifecycleEvent({name:"onAppDestroy",payload:null})}setLogLevel(t){this.logLevel=t,this.updateConfig({logLevel:t})}loadModule(t){if(!t)return this;let e=this,o=new t(e);return e.cachedModulesByConstructor.has(t)?(this.logger.warn(`Module ${this.moduleLabel(t)} already loaded`),e):(this.modules.push(o),this.cachedModulesByConstructor.set(t,o),this.logger.info(`Module ${this.moduleLabel(t)} already loaded`),e)}updateConfig(t){return typeof t=="function"?this.config=t(this.config):O(this.config,t),this.config}dispatchLifecycleEvent(t){switch(t.name){case"onBeforeAppBootstrap":this.triggerEvent("onBeforeAppBootstrap",t);break;case"onAppBootstrap":this.logger.info("Application bootstrapped"),this.triggerEvent("onAppBootstrap",t);break;case"onBeforeModuleInit":this.triggerEvent("onBeforeModuleInit",t);break;case"onModuleInit":this.logger.info(`Module ${this.moduleLabel(t.payload.module.constructor)} initialized`),this.triggerEvent("onModuleInit",t);break;case"onModuleDestroy":this.logger.info(`Module ${this.moduleLabel(t.payload.module.constructor)} destroyed`),this.triggerEvent("onModuleDestroy",t);break;case"onBeforeAppStart":this.triggerEvent("onBeforeAppStart",t);break;case"onAppStart":this.logger.info("Application started"),this.triggerEvent("onAppStart",t);break;case"onAppDestroy":this.logger.info("Application destroyed"),this.triggerEvent("onAppDestroy",t);break;case"onAppError":this.logger.error("Application error",t.payload.error),this.triggerEvent("onAppError",t);break;case"onModuleError":this.logger.error("Module error",this.moduleLabel(t.payload.module.constructor),t.payload.error),this.triggerEvent("onModuleError",t);break;case"onRegisterBlock":this.logger.info(`Block registered with id: ${t.payload.block.id}`),this.triggerEvent("onRegisterBlock",t);break;default:this.logger.warn("Unknown lifecycle event",t);break}}triggerEvent(t,e){let o=this.cachedEventListeners[t];o&&o.forEach(i=>{try{t==="onRegisterBlock"&&e.payload&&"block"in e.payload?i(e.payload.block):i(e)}catch(r){this.logger.error(`Error in event listener for ${t}:`,r,"Event data:",e)}})}extendAppConfigFromModules(){this.modules.forEach(t=>{let e=t.extendAppConfig;e&&O(this.config,e)})}extendAppConfigFromGlobalVariables(){let t=window.boostWidgetIntegration?.config;t&&O(this.config,t)}initializeDataObjects(){this.modules.forEach(t=>{let e=t.dataObject;e&&O(this.dataObjects,e)})}resetBlocks(){this.logger.info("Resetting all blocks"),this.blocks={}}loadModuleEventListeners(){this.cachedEventListeners={};let t=["onBeforeAppBootstrap","onAppBootstrap","onModuleInit","onModuleDestroy","onBeforeAppStart","onAppStart","onAppDestroy","onAppError","onModuleError","onRegisterBlock"];this.modules.forEach(e=>{t.forEach(o=>{let i=(...r)=>{if(!((this.status==="bootstrapped"||this.status==="started")&&!e.shouldInit()))return e[o]?.(...r)};typeof i=="function"&&(this.cachedEventListeners[o]||(this.cachedEventListeners[o]=[]),o==="onRegisterBlock"?this.cachedEventListeners[o]?.push((r=>{i.call(e,r)})):this.cachedEventListeners[o]?.push(i.bind(e)))})})}};var te=class{constructor(t){this.app=t}shouldInit(){return!0}destroy(){}init(){}get extendAppConfig(){return{}}get dataObject(){return{}}};var c=class extends te{constructor(){super(...arguments);this.boostTAEApp=null}get TAEApp(){let e=T();if(!e)throw new Error("Boost TAE is not initialized");return this.boostTAEApp=e,this.boostTAEApp}get TAEAppConfig(){return this.TAEApp.config}get TAEAppDataObjects(){return this.TAEApp.dataObjects}onDocumentReady(e){if(document.readyState==="loading"){document.addEventListener("DOMContentLoaded",e);return}setTimeout(e,0)}offDocumentReady(e){document.removeEventListener("DOMContentLoaded",e)}};var he=new WeakMap;function se(n){return typeof n=="string"?n.split("@@BOOST_LT_SLASH@@").join("</"):""}function xe(n){let t=he.get(n);if(t)return t;let e={...n,template:Object.fromEntries(Object.entries(n.template).map(([o,i])=>
1035[o,se(i)])),recommendationPlaceholder:se(n.recommendationPlaceholder),simplifiedIntegrationPlaceholder:se(n.simplifiedIntegrationPlaceholder),isOnboarding:typeof n.isOnboarding=="string"?n.isOnboarding==="true":!!n.isOnboarding};return he.set(n,e),e}function Re(){return{generalSettings:{},shop:{},generalSettingsMetafield:null,translation:null,integration:null,filterSettingsMetafield:null,additionalElementSettingsMetafield:null,backInStockMetafield:null,swatchSettings:null,defaultSortOrder:null,user:null,product:null,b2b:null,templateId:"",productGridSelector:"",templateMetadata:null,templateSettings:null,template:{},recommendationWidgets:{},recommendationPlaceholder:"",simplifiedIntegrationPlaceholder:"",allSyncedCollections:null,isOnboarding:!1}}var be,Fe,Se=!1;function f(){if(be)return be;let n=Fe?.()??(typeof window>"u"?void 0:window.__BOOST_TAE_LIQUID__);return n?xe(n):(Se||(Se=!0,console.error("[Boost] Liquid payload is missing. The app embed did not render it, or the runtime asset loaded before it. Continuing with defaults.")),Re())}var D=class extends c{get extendAppConfig(){let{defaultSortOrder:t,additionalElementSettingsMetafield:e}=f();return{additionalElementSettings:Object.assign(t==null?{}:{default_sort_order:t},e)}}};D.moduleName="AdditionalElement";function le(){let n=T().config?.filterSettings?.shortenUrlParamList,t={};return Array.isArray(n)&&n.forEach(e=>{if(typeof e!="string")return;let o=e.lastIndexOf(":");if(o===-1)return;let i=e.slice(0,o).trim(),r=e.slice(o+1).trim();i.startsWith("pf_")&&i.length>0&&r.length>0&&(t[r]=i)}),t}function ce(){return"xxxxxxxx-xxxx-xxxx-xxxx-xxxxxxxxxxxx".replace(/[x]/g,function(){return(Math.random()*16|0).toString(16)})}function de(n){return new URLSearchParams(window.location.search).get(n)}function ye(n){return typeof n=="string"?n!=="out-of-stock":Array.isArray(n)?n.map(t=>t!=="out-of-stock"):!1}function oe(){return window.innerWidth<576}function Oe(){return window.innerWidth<=991}function Ae(){let n="";return oe()?n+="mobile|":n=n.replace("mobile|",""),Oe()?n+="tablet_portrait_max":n=n.replace("tablet_portrait_max",""),n}function Ee(){let{generalSettings:{collection_id:n=0,page:t="collection",default_sort_by:e}={},additionalElementSettings:{default_sort_order:o={},customSortingList:i}={}}=T().config,r=["relevance","best-selling","manual","title-ascending","title-descending","price-ascending","price-descending","created-ascending","created-descending"],a=de("sort"),s=i?i.split("|"):r;if(a&&s.includes(a))return a;let l=t==="search",d=t==="collection";l&&s.splice(s.indexOf("manual"),1);let{all:g,search:m}=o;if(d){if(n in o)return o[n];if(g)return g;if(e)return e}else if(l)return m||"relevance";return""}var Te=(n={})=>(n.return_all_currency_fields=!1,{...n,currency_rate:window.Shopify?.currency?.rate,currency:window.Shopify?.currency?.active,country:window.Shopify?.country}),I=n=>{try{let t=localStorage.getItem(n);return t?JSON.parse(t):null}catch{return null}},ge=(n,t)=>{try{localStorage.setItem(n,JSON.stringify(t))}catch(e){T().logger.error("Error setLocalStorage",e)}},pe=n=>{try{localStorage.removeItem(n)}catch(t){T().logger.error("Error removeLocalStorage",t)}};function Ce(n){let t=n%50;return t>25?n+(50-t):n-t}function we(n){if(!n)return;n.querySelectorAll(".boost-sd__product-image-img[loading='lazy']").forEach(function(e){ue(e.parentElement,o=>{let i=o.querySelector(".boost-sd__product-image-img[loading='lazy']");i&&i.removeAttribute("loading")})})}function ue(n,t){let e=new IntersectionObserver(function(i,r){i.forEach(function(a){a.isIntersecting&&(t(a.target),r.unobserve(a.target))})});Array.isArray(n)?n.forEach(o=>e.observe(o)):e.observe(n)}var ke=n=>{try{if(!n){let e=De().search;return!e||e.length<=1?!1:ae(e)}if(typeof n=="string"){let e=n.indexOf("?"),o=e>=0?n.substring(e):"";return!o||o.length<=1?!1:ae(o)}let t=n.search;return!t||t.length<=1?!1:ae(t)}catch{return!0}},ae=n=>{let t=decodeURIComponent(n).split("&");for(let e=0;e<t.length;e++)if(ze(t[e]))return!0;return!1},De=()=>{let t=window.location.href.replace(/%3C/g,"<").replace(/%3E/g,">"),e=[];for(let a=0;a<t.length;
1035a++)e.push(t.charAt(a));let o=e.join("").split("<").join("%3C").split(">").join("%3E"),i="",r=o.replace(/#.*$/,"");return r.split("?").length>1&&(i=r.split("?")[1],i.length>0&&(i="?"+i)),{pathname:window.location.pathname,href:o,search:i}},ze=n=>{if(typeof n=="string"){n=n.toLowerCase();let t=["img src","script","alert","onabort","popstate","afterprint","beforeprint","beforeunload","blur","canplay","canplaythrough","change","click","contextmenu","copy","cut","dblclick","drag","dragend","dragenter","dragleave","dragover","dragstart","drop","durationchange","ended","error","focus","focusin","focusout","fullscreenchange","fullscreenerror","hashchange","input","invalid","keydown","keypress","keyup","load","loadeddata","loadedmetadata","loadstart","mousedown","mouseenter","mouseleave","mousemove","mouseover","mouseout","mouseout","mouseup","offline","online","pagehide","pageshow","paste","pause","play","playing","progress","ratechange","resize","reset","scroll","search","seeked","seeking","select","show","stalled","submit","suspend","timeupdate","toggle","touchcancel","touchend","touchmove","touchstart","unload","volumechange","waiting","wheel"],e=new RegExp(t.join("=|on")),o=(n.match(/</g)||[]).length,i=(n.match(/>/g)||[]).length,r=(n.match(/alert\(/g)||[]).length,a=(n.match(/console\.log\(/g)||[]).length,s=(n.match(/execCommand/g)||[]).length,l=(n.match(/document\.cookie/g)||[]).length,d=(n.match(/j.*a.*v.*a.*s.*c.*r.*i.*p.*t/g)||[]).length,g=e.test(n);if(o>0&&i>0||o>1||i>1||r||a||s||l||d||g)return!0}return!1},z=()=>T().config.generalSettings?.page==="collection",L=()=>T().config.generalSettings?.page==="search",Ue=()=>T().config.generalSettings?.page==="cart",We=()=>T().config.generalSettings?.page==="product",qe=()=>T().config.generalSettings?.page==="index",Pe=()=>window.location.pathname.indexOf("/collections/vendors")>-1,_e=()=>{let n="";switch(!0){case z():n="collection_page";break;case L():n="search_page";break;case We():n="product_page";break;case Ue():n="cart_page";break;case qe():n="home_page";break;default:break}return n},Be=()=>{let n=new URLSearchParams(window.location.search),t=le();for(let e of n.keys()){if(e.startsWith("pf_"))return!0;let o=t[e];if(typeof o=="string"&&o.startsWith("pf_"))return!0}return!1};function Ie(){return window?.__st?.cid||window?.meta?.page?.customerId||window?.ShopifyAnalytics?.meta?.page?.customerId||window?.ShopifyAnalytics?.lib?.user?.()?.traits()?.uniqToken}function Le(){return window.location.pathname.indexOf("/collections/types")>-1}var k=class n extends c{saveRequestId(t,e,o=[]){let i=I(n.STORAGE_KEY_PRE_REQUEST_IDS)||{};i[t]=e,Array.isArray(o)&&o?.forEach(r=>{let a="";switch(t){case"search":a=n.KEY_PLACEMENT_BY_TYPE.search_page;break;case"suggest":a=n.KEY_PLACEMENT_BY_TYPE.instant_search;break;case"product_page_bundle":a=n.KEY_PLACEMENT_BY_TYPE.product_page;break;default:break}i[`${r.widgetId||""}_${a}`]=e}),ge(n.STORAGE_KEY_PRE_REQUEST_IDS,i)}savePreAction(t){ge(n.STORAGE_KEY_PRE_ACTION,t)}};k.moduleName="Analytics";k.STORAGE_KEY_PRE_REQUEST_IDS="boostSdPreRequestIds";k.STORAGE_KEY_PRE_ACTION="boostSdPreAction";k.KEY_PLACEMENT_BY_TYPE={product_page:"product_page",search_page:"search_page",instant_search:"instant_search"};var U=class extends c{get extendAppConfig(){let t=f(),e={cdn:"https://cdn.boostcommerce.io",bundleUrl:"https://services.mybcapps.com/bc-sf-filter/bundles",productUrl:"https://services.mybcapps.com/bc-sf-filter/products",productListingUrl:"https://services.mybcapps.com/bc-sf-filter/product-listing",subscriptionUrl:"https://services.mybcapps.com/bc-sf-filter/subscribe-b2s",nodeSSRUrl:"https://services.mybcapps.com/bc-sf-ssr-node",rubySSRUrl:"https://services.mybcapps.com/bc-sf-ssr-ruby",ssrUrl:"",taeSettings:{instantSearch:{enabled:!1,...window.boostWidgetIntegration?.taeSettings?.instantSearch}},generalSettings:Object.assign({preview_mode:!1,preview_path:"",custom_js_asset_url:"",custom_css_asset_url:"",swatch_extension:"png",ssr_engine:"node",ssr_version:"v1",...t.generalSettings},t.generalSettingsMetafield),translation:t.translation??{}};if(e.generalSettings.ssr_version==="v2")switch(e.generalSettings?.ssr_engine||"n
1035ode"){case"ruby":e.ssrUrl=e.rubySSRUrl??"";break;default:e.ssrUrl=e.nodeSSRUrl??""}return e}ensureSSRURL(){let{generalSettings:t}=this.TAEAppConfig,e=t?.ssr_engine||"node";if(t?.ssr_version==="v2")switch(e){case"ruby":this.TAEAppConfig.ssrUrl=this.TAEAppConfig.rubySSRUrl??"";break;default:this.TAEAppConfig.ssrUrl=this.TAEAppConfig.nodeSSRUrl??""}}onBeforeAppStart(){let{templateMetadata:t}=this.TAEAppConfig;if(t?.themeLibVersion){let o=t.themeLibVersion.split(".").map(Number);this.TAEAppConfig.generalSettings?.ssr_engine||(o[0]>1||o[0]===1&&o[1]>=89)&&(this.TAEAppConfig.generalSettings.ssr_version="v2",this.ensureSSRURL());let i=this.TAEAppConfig.generalSettings?.ssr_version||"v2";(o[0]<1||o[0]===1&&o[1]<89)&&i==="v2"&&this.rewriteLegacySSRFetchRequests()}}onAppDestroy(){this.originalFetch&&(window.fetch=this.originalFetch,this.originalFetch=void 0)}rewriteLegacySSRFetchRequests(){this.ensureSSRURL();let{filterUrl:t,searchUrl:e,productUrl:o,ssrUrl:i}=this.TAEAppConfig;if(!i)return;let r=d=>{if(!d)return"";try{let g=new URL(d,window.location.origin);return g.origin+g.pathname.replace(/\/+$/,"")}catch{return""}},a=r(i);if(!a)return;let s=[{baseUrl:r(t),ssrPath:"/filter"},{baseUrl:r(e),ssrPath:"/search"},{baseUrl:r(o),ssrPath:"/quickview",requiredParam:"quickview_widget_id"}],l=window.fetch;this.originalFetch=l,window.fetch=(d,g)=>{let m=typeof d=="string"||d instanceof URL?d.toString():d.url,E;try{let S=new URL(m,window.location.href),h=S.origin+S.pathname.replace(/\/+$/,""),b=s.find(y=>y.baseUrl&&y.baseUrl===h&&(!y.requiredParam||S.searchParams.has(y.requiredParam)));if(b){let y=b.ssrPath==="/filter"&&(L()||S.searchParams.has("q"))?"/search":b.ssrPath;E=`${a}${y}${S.search}${S.hash}`}}catch{E=void 0}if(!E)return l.call(window,d,g);if(typeof Request=="function"&&d instanceof Request)try{return l.call(window,new Request(E,d),g)}catch{}return l.call(window,E,g)}}};U.moduleName="AppSettings";var C=class extends c{constructor(){super(...arguments);this.cacheVersionString=Date.now().toString()}onAppStart(){this.loadAssetFiles(),this.assetLoadingPromise("themeCSS").then(()=>{this.TAEApp.updateConfig({themeCssLoaded:!0})}).catch(e=>this.TAEApp.logger.error("Failed to load themeCSS",e)),this.assetLoadingPromise("settingsCSS").then(()=>{this.TAEApp.updateConfig({settingsCSSLoaded:!0})}).catch(e=>this.TAEApp.logger.error("Failed to load settingsCSS",e))}loadAssetFiles(){this.loadThemeCSS(),this.loadSettingsCSS(),this.loadMainScript(),this.loadRTLCSS(),this.loadCustomizedCSSAndScript()}loadCustomizedCSSAndScript(){let{assetFilesLoader:e,templateMetadata:o}=this.TAEAppConfig,i=e.themeCSS.element,r=e.settingsCSS.element,a=()=>{this.TAEAppConfig.assetFilesLoader.themeCSS.status!=="loaded"||this.TAEAppConfig.assetFilesLoader.settingsCSS.status!=="loaded"||(o?.customizeCssUrl&&this.loadCSSFile("customizedCSS"),o?.customizeJsUrl&&this.loadScript("customizedScript"))};i?.addEventListener("load",a),r?.addEventListener("load",a)}loadSettingsCSS(){return this.loadCSSFile("settingsCSS")}loadThemeCSS(){return this.loadCSSFile("themeCSS")}loadRTLCSS(){if(document.documentElement.getAttribute("dir")==="rtl")return this.loadCSSFile("rtlCSS")}loadMainScript(){return this.loadScript("mainScript")}preloadModuleScript(e){let o=this.TAEAppConfig,i=o.env==="staging",r=i?"staging":o.templateMetadata?.themeLibVersion;if(!i||!["filter","recommendation","instant-search"].includes(e))return;let a=`${o.cdn}/widget-integration/${r}/${e}.module.js`,s=document.createElement("link");s.rel="preload",s.as="script",s.href=a,document.head?.appendChild(s)}loadResourceByName(e,o){if(this.TAEAppConfig.assetFilesLoader[e].element)return;let i=this.TAEAppConfig.assetFilesLoader[e],r=o?.resourceType||i.type,a=this.TAEAppConfig.env==="staging",s=o?.url||i.url;if(!s)switch(e){case"themeCSS":s=this.TAEAppConfig.templateMetadata?.themeCssUrl||this.TAEAppConfig.fallback?.themeCssUrl,a&&(s+=`?v=${this.cacheVersionString}`);break;case"settingsCSS":s=this.TAEAppConfig.templateMetadata?.settingsCssUrl||this.TAEAppConfig.fallback?.settingsCssUrl;break;case"rtlCSS":{let{themeCSS:l}=this.TAEAppConfig.assetFilesLoader;if(l.url){let d=new URL(l.url),m=d.pathname.split("/").slice(0,-1).join("/")+"/rtl.css";s=new URL(m,d.origin).href,a&&(s+=`?v=${this.cacheVersionString}`)}break}case"mainScript":s=`${this.TAEAppConfig.cdn}/widget-integration/${a?"staging":this.TAEAppConfig.templateMetadata?.themeLibVersion}/bc-widget-integration.js`,a&&(s+=`?v=${this.cacheVersionString}`);break;case"customizedCSS":s=this.TAEAppConfig.templateMetadata?.customizeCssUrl;break;case"customizedScript":s=this.TAEAppConfig.templateMetadata?.customizeJsUrl;break}
1035if(s){if(r==="stylesheet"){let l=document.createElement("link");l.rel="stylesheet",l.type="text/css",l.media="all",l.href=s,document.head.appendChild(l),this.TAEApp.updateConfig({assetFilesLoader:{[e]:{element:l,status:"loading",url:s}}}),l.onload=()=>{this.TAEApp.updateConfig({assetFilesLoader:{[e]:{element:l,status:"loaded",url:s}}})},l.onerror=()=>{this.TAEApp.updateConfig({assetFilesLoader:{[e]:{element:l,status:"error",url:s}}})}}else if(r==="script"){let l=document.createElement("script");l.src=s;let d=o?.strategy;if(d==="async"?l.async=!0:d==="defer"&&(l.defer=!0),i.module&&(l.type="module"),d==="async"||d==="defer"){let g=document.createElement("link");g.rel="preload",g.as="script",g.href=s,document.head?.appendChild(g)}document.head.appendChild(l),this.TAEApp.updateConfig({assetFilesLoader:{[e]:{element:l,status:"loading",url:s}}}),l.onload=()=>{this.TAEApp.updateConfig({assetFilesLoader:{[e]:{element:l,status:"loaded",url:s}}})},l.onerror=()=>{this.TAEApp.updateConfig({assetFilesLoader:{[e]:{element:l,status:"error",url:s}}})},l.onprogress=()=>{this.TAEApp.updateConfig({assetFilesLoader:{[e]:{element:l,status:"loading",url:s}}})}}}}loadCSSFile(e,o){return this.loadResourceByName(e,{url:o,resourceType:"stylesheet"})}loadScript(e,o,i){return this.loadResourceByName(e,{strategy:i,url:o,resourceType:"script"})}assetLoadingPromise(e,o=5e3){return new Promise((i,r)=>{let a=null,{assetFilesLoader:s}=this.TAEAppConfig,l=s[e];if(l.status==="loaded")return i(!0);if(l.status==="error")return r(new Error(`Failed to load asset ${e}`));l.element||this.loadResourceByName(e);let d=this.TAEAppConfig.assetFilesLoader[e]?.element;if(!d)return this.TAEApp.logger.warn(`Asset ${e} not found`),i(!1);d?.addEventListener("load",()=>{a&&clearTimeout(a),i(!0)}),d?.addEventListener("error",()=>{a&&clearTimeout(a),r(new Error(`Failed to load asset ${e}`))}),a=setTimeout(()=>{r(new Error(`Timeout loading asset ${e}`))},o)})}get extendAppConfig(){return{themeCssLoaded:!1,settingsCSSLoaded:!1,assetFilesLoader:{themeCSS:{type:"stylesheet",element:null,status:"not-initialized",url:null},settingsCSS:{type:"stylesheet",element:null,status:"not-initialized",url:null},rtlCSS:{type:"stylesheet",element:null,status:"not-initialized",url:null},customizedCSS:{type:"stylesheet",element:null,status:"not-initialized",url:null},mainScript:{type:"script",element:null,status:"not-initialized",url:null},customizedScript:{type:"script",element:null,status:"not-initialized",url:null}}}}};C.moduleName="AssetFilesLoader";var x=class extends c{setQueryParams(t){let{b2b:e}=this.TAEAppConfig;if(!e.enabled)return;t.set("company_location_id",`${e.current_company_id}_${e.current_location_id}`);let o=window.Shopify?.currency;o&&(t.set("currency",o.active),t.set("currency_rate",o.rate.toString()))}get extendAppConfig(){return{b2b:Object.assign({enabled:!1},f().b2b)}}};x.moduleName="B2B";var M=class n extends c{get extendAppConfig(){return{fallback:{containerElement:".boost-sd__filter-product-list",themeCssUrl:"https://cdn.boostcommerce.io/widget-integration/theme/default/1.0.1/main.css",settingsCssUrl:"https://boost-cdn-staging.bc-solutions.net/widget-integration/theme/default/staging/default-settings.css"}}}dispatchEvent(){let t=new CustomEvent(n.EVENT_NAME);window.dispatchEvent(t)}async loadFallbackSectionFromShopify(t){return fetch(t.url||`${window.location.origin}/?section_id=${t.sectionName}`).catch(e=>{throw this.TAEApp.logger.error("Error loading fallback section from Shopify:",e),e}).then(e=>e.text())}get containerElement(){let{containerElement:t}=this.TAEAppConfig.fallback;return t instanceof HTMLElement?t:document.querySelector(t)}async loadFilterProductFallback(){let{fallback:t,cdn:e="https://boost-cdn-prod.bc-solutions.net",templateMetadata:o}=this.TAEAppConfig,i=t?.customizedTemplate||o.customizedFallback;if(i){let{source:a,templateName:s,templateURL:l}=i;switch(a){case"Shopify":{if(!s&&!l){this.TAEApp.logger.warn("Both templateName and templateURL are undefined");return}let d=await this.loadFallbackSectionFromShopify({sectionName:s,url:l}),g=this.containerElement;if(!g){this.TAEApp.logger.warn("Container element not found for fallback template");return}g.innerHTML=d,this.dispatchEvent();return}default:this.TAEApp.logger.warn(`Unsupported source for customized template: ${a}`);return}}let r=document.createElement("script");r.src=`${e}/fallback-theme/1.0.12/boost-sd-fallback-theme.js`,r.defer=!0,r.onload=()=>{this.dispatchEvent()},document.body.appendChild(r)}};M.moduleName="Fallback";M.EVENT_NAME="boost-sd-enable-product-filter-fallback";var R=class extends c{constructor(){super(...arguments);this.ensurePlaceholder=()=>{let{simplifiedIntegration:{enabled:e,selectedSelector:o,placeholderAdded:i}}=this.TAEAppConfig;if(!e||!o){this.oldldSICollectionFilterContainerDetected()||this.backwardCompatibilityModule?.legacyUpdateAppStatus("ready");return}if(i)return;let r=document.querySelector(o);r&&r instanceof HTMLElement?(this.renderPlaceholder(r),this.collectionFilterModule?.initBlock()):this.TAEApp.logger.error(`Placeholder container not found: ${o}. Please update the selector in Boost's app embed`)}}get collectionFilterModule(){return this.TAEApp.getModule(w)}get backwardCompatibilityModule(){return this.TAEApp.getModule(u)}get extendAppConfig(){let e=f();return{simplifiedIntegration:{enabled:!1,collectionPage:!1,instantSearch:!1,productListSelector:{collectionPage:[],searchPage:[]},selectedSelector:"",selectorFromMetafield:"",selectorFromAppEmbed:e.productGridSelector,allSyncedCollections:e.allSyncedCollections||{syncedCollections:[]},placeholderAdded:!1,placeholder:e.simplifiedIntegrationPlaceholder,isOnboarding:e.isOnboarding,neededToHideElements:[]}}}init(){let e=this.TAEApp,o=this.TAEAppConfig.simplifiedIntegration,{templateMetadata:{integratedTheme:i={}}}=this.TAEAppConfig,r=window.Shopify?.theme?.id;if(!r){e.logger.warn("Theme ID is missing");return}let a=i[r];if(!a||Object.keys(a).length===0){e.logger.warn("Theme is not integrated
1035with SimplifiedIntegration flow");return}let{collectionPage:s=!1,searchPage:l=!1,instantSearch:d=!1,productListSelector:g={}}=a,{page:m,collection_id:E=0}=this.TAEAppConfig.generalSettings,S=m==="collection",h=m==="search";if(!(o.isOnboarding&&!this.checkSyncedCollection(E))){if(S&&s||h&&l){let{collectionPage:b=[],searchPage:y=[]}=g,P=S?b:y;if(P.length===0){this.app.logger.warn("empty selectors");return}let A=P[P.length-1],_=0,B=setInterval(()=>{let F=!!document.querySelector(A),v=F?P:P.slice(0,-1),me=v.slice(0,-1),ie=v[v.length-1],Z=o.selectorFromAppEmbed||ie,ne=document.querySelector(Z);if(ne){let re;if(F){let fe=document.querySelectorAll(A);re=fe[fe.length-1]||ne}else re=ne;o.neededToHideElements=F?[A]:me,o.selectorFromMetafield=ie,o.selectedSelector=Z,this.renderPlaceholder(re),this.collectionFilterModule?.initBlock(),clearInterval(B)}else++_>100&&clearInterval(B)},50);this.TAEApp.updateConfig({simplifiedIntegration:{...o,...a,enabled:!0}})}d&&this.setupISW()}}onAppStart(){this.onDocumentReady(this.ensurePlaceholder)}onModuleDestroy(){this.offDocumentReady(this.ensurePlaceholder)}oldldSICollectionFilterContainerDetected(){return!!document.querySelector(".boost-sd__filter-product-list")}checkSyncedCollection(e){let{simplifiedIntegration:o}=this.TAEAppConfig,{allSyncedCollections:{syncedCollections:i}}=o,r=i?.includes(e),a=e===0&&i?.length>0;return!r&&!a?(this.TAEApp.logger.warn("collection not synced -> fallback original theme"),!1):!0}renderPlaceholder(e){let{simplifiedIntegration:o}=this.TAEAppConfig,i=o?.placeholder||"",r=o?.neededToHideElements||[],a=o?.selectedSelector||"";e.style.display="none",this.hideNeededElements();let s=document.createElement("div");s.innerHTML=i||"",s.className="boost-sd__filter-product-list boost-sd__placeholder-product-filter-tree",e.insertAdjacentElement("afterend",s),o&&(o.placeholderAdded=!0,r&&a&&r.push(a))}hideNeededElements(){let{simplifiedIntegration:{neededToHideElements:e}}=this.TAEAppConfig;e&&e.length>0&&this.setElementsDisplay(e,"none")}showNeededElements(){let{simplifiedIntegration:{neededToHideElements:e}}=this.TAEAppConfig;e&&e.length>0&&this.setElementsDisplay(e,"")}removePlaceholder(){let{simplifiedIntegration:{placeholderAdded:e}}=this.TAEAppConfig;if(e){let o=document.querySelector(".boost-sd__placeholder-product-filter-tree");o instanceof HTMLElement&&o.remove()}}removeOriginalGrid(){this.getOriginalContainers().forEach(e=>e.remove())}showOriginalGrid(){this.getOriginalContainers().forEach(e=>{e instanceof HTMLElement&&(e.style.display="")}),this.showNeededElements(),this.removePlaceholder()}getOriginalContainers(){let{neededToHideElements:e,selectedSelector:o}=this.TAEAppConfig.simplifiedIntegration||{},i=new Set(e||[]);o&&i.add(o);let r=new Set;return i.forEach(a=>{document.querySelectorAll(a).forEach(s=>r.add(s))}),Array.from(r)}setElementsDisplay(e,o){Array.isArray(e)&&e.forEach(i=>{document.querySelectorAll(i).forEach(r=>{r instanceof HTMLElement&&(r.style.display=o)})})}setupISW(){this.TAEApp.updateConfig({taeSettings:{instantSearch:{enabled:!0}}})}};R.moduleName="SimplifiedIntegration";var w=class n extends c{constructor(){super(...arguments);this.initBlock=async()=>{let e=document.querySelector(".boost-sd__filter-product-list:not(.boost-sd__filter-product-list--ready)");if(!e){this.app.logger.error("Filter DOM not found"),this.backwardCompatibilityV1Module?.legacyUpdateAppStatus("ready");return}this.assetFileLoaderModule?.preloadModuleScript("filter");let o=this.TAEAppConfig,{customization:i}=o;typeof i?.filter?.beforeRender=="function"&&i.filter.beforeRender();let r=`${this.widgetId}-${ce()}`;e?.classList?.add("boost-sd__filter-product-list--ready"),e.id=r;let a=this.prepareFilterAPIQueryParams(),s=await this.filterAPI(a),l={id:r,document:e,widgetId:this.widgetId,defaultSort:a.get("sort")||"",defaultParams:this.filterAPIDefaultParams,filterTree:{options:[]},dynamicBundles:[]};this.backwardCompatibilityV1Module?.legacyAssignDefaultBlockAttributes(l,e,"filter");let{html:g,bundles:m}=s;m&&(l.dynamicBundles=m),s.filter&&(s.filter.options=this.updateValuesOptions(s.filter.options),l.filterTree=s.filter);try{await Promise.all([this.assetFileLoaderModule?.assetLoadingPromise("themeCSS"),this.assetFileLoaderModule?.assetLoadingPromise("settingsCSS")])}catch{}g&&(e.innerHTML=g),g&&!s.simplifiedIntegrationFallbackTriggered&&o.simplifiedIntegration?.enabled&&this.simplifiedIntegrationModule?.removeOriginalGrid(),l.cache={[a.toString()]:{...s,timestamp:new Date().getTime()}},this.TAEApp.registerBlock(l),this.saveFilterAPIResponseAnalyticData(s?.meta?.rid,s.bundles),this.syncAppConfigWithFilterAPIResponse(s),this.block=l,this.savePageLimitSettings(),this.backwardCompatibilityV1Module?.legacyUpdateAppStatus("ready")}}get backwardCompatibilityV1Module(){return this.TAEApp.getModule(u)}get b2bModule(){return this.TAEApp.getModule(x)}get fallbackModule(){return this.TAEApp.getModule(M)}get simplifiedIntegrationModule(){return this.TAEApp.getModule(R)}get analyticModule(){return this.TAEApp.getModule(k)}get assetFileLoaderModule(){return this.TAEApp.getModule(C)}get extendAppConfig(){let{swatchSettings:e,filterSettingsMetafield:o}=f();return{filterUrl:"https://services.mybcapps.com/bc-sf-filter/filter",filterSettings:Object.assign({swatch_extension:"png",...e==null?{}:{swatch_settings:e}},o)}}get apiEndpoint(){let{filterUrl:e,searchUrl:o}=this.app.config,{ssrUrl:i,generalSettings:r}=this.TAEAppConfig;r.ssr_version==="v2"&&i&&(e=`${i}/filter`,o=`${i}/search`);let s=new URLSearchParams(window.location.search).get("q");return L()||s?o:e}get widgetId(){let{templateMetadata:e,generalSettings:o}=this.TAEAppConfig,r=(o?.page||"collection")==="collection"?"collectionFilters":"searchPage";return e[r]||"default"}get filterAPIDefaultParams(){let{shop:e,templateSettings:o,templateMetadata:i,generalSettings:r,templateId:a,simplifiedIntegration:s}=this.TAEAppConfig,l=this.getHistoryParams(),d=typeof o?.themeSettings?.productList?.productsPerPage=="number"?o.themeSettings.productList.productsPerPage:16,g=I(n.LIMIT),m=I(n.LIMIT_SETTING),S=m&&m!==`${d}`?d:g&&!isNaN(Number(g))?Number(g):d,h=this.widgetId,b=oe(),y=window.innerWidth,P=o?.filterSettings?.filterLayout==="vertical"&&o?.filterSettings?.filterTreeVerticalStyle==="style-default",A=b?o?.themeSettings?.productList?.productsPerRowOnMobile||2:o?.themeSettings?.productList?.productsPerRowOnDesktop||3,_=b?y/A:y/(A+(P?1:0)),B=Ae(),v=o?.themeSettings?.additionalElements?.toolbar?.elements?.viewAs?.showListViewDefault===!0?"list":`grid--${oe()?o?.themeSettings?.productList?.productsPerRowOnMobile||2:o?.themeSettings?.productList?.productsPerRowOnDesktop||3}`;return{_:"pf",t:Date.now().toString(),sid:ce(),shop:e.domain,page:Number(l?.page||1),limit:S,sort:l?.sort||Ee(),locale:r.current_locale,event_type:"init",pg:_e(),build_filter_tree:!0,collection_scope:r.collection_id||"0",money_format:e.money_format,money_format_with_currency:e.money_format_with_currency,widgetId:h,viewAs:v,device:B,first_load:!0,productImageWidth:Ce(_),productPerRow:A,grid_col:A,widget_updated_at:i?.updatedAt,templateId:a,current_locale:(window?.Shopify?.routes?.root||"/")?.replace(/\/$/,""),simplifiedIntegration:s.enabled||!1,customer_id:Ie(),insert_banners:i?.featureOptions?.enableBannerInterleaving||!1,...Te()}}savePageLimitSettings(){let{templateSettings:e}=this.TAEAppConfig,o=typeof e?.themeSettings?.productList?.productsPerPage=="number"?e.themeSettings.productList.productsPerPage:16,i=I(n.LIMIT),r=I(n.LIMIT_SETTING),s=r&&r!==`${o}`?o:i&&!isNaN(Number(i))?Number(i):o;if(typeof window<"u"&&window.localStorage)try{localStorage.setItem(n.LIMIT_SETTING,`${o}`),localStorage.setItem(n.LIMIT,`${s}`)}catch(l){this.app.logger.error("Failed to save limit settings to localStorage",l)}}syncAppConfigWithFilterAPIResponse(e){let{shop:o}=this.TAEAppConfig;e.meta?.money_format&&(o.money_format=e.meta.money_format),e.meta?.money_format_with_currency&&(o.money_format_with_currency=e.meta.money_format_with_currency),e.meta?.currency&&(o.currency=e.meta.currency),this.app.updateConfig({shop:o}),this.backwardCompatibilityV1Module?.legacyUpdateAppStatus("ready")}prepareFilterAPIQueryParams(){let{generalSettings:e,filterSettings:o,customization:i}=this.TAEAppConfig,r=this.getHistoryParams(),a=this.filterAPIDefaultParams,s=new URLSearchParams;
1035Object.entries(a).forEach(([h,b])=>{s.set(h,b!==void 0?b.toString():"")}),s.set("search_no_result",Object.keys(r?.paramMap||{}).length===0?"true":"false"),r?.paramMap&&Object.keys(r.paramMap).forEach(h=>{r.paramMap[h].forEach(b=>s.append(`${h}[]`,h.startsWith(`${a._}_st_`)?ye(b).toString():b))});let d=new URLSearchParams(window.location.search).get("q");d&&(Pe()?s.set("vendor",d):Le()?s.set("product_type",d):s.set("q",d),z()&&(s.set("incollection_search","true"),s.set("event_type","incollection_search")),this.setSearchQueryParamsWithSuggetion(s)),e.collection_tags?.length&&e.collection_tags.forEach(h=>{s.append("tag[]",h)}),o.sortingAvailableFirst&&s.set("sort_first","available");let g=o?.availableAfterFiltering,m=o?.productAndVariantAvailable,E=Array.from(s.keys()).some(h=>h.startsWith("pf_")),S=!g&&m||g&&E?"true":"false";if(s.set("product_available",S),s.set("variant_available",S),o.showOutOfStockOption&&s.set("zero_options","true"),this.b2bModule?.setQueryParams(s),i?.filter?.customizedAPIParams){let{customizedAPIParams:h}=i.filter;Object.entries(h).forEach(([b,y])=>{s.set(b,y)})}return s}setSearchQueryParamsWithSuggetion(e){let o="boostSDSuggestionData",i="boostSDClickSuggestionTerm",r=I(i);if(!r)return;let a=I(o);a&&(e.set("query",a.query),e.set("parent_request_id",a.id),e.set("suggestion",r),e.set("item_rank",(a.suggestions.findIndex(s=>s===r)+1).toString()),pe(i),pe(o))}saveFilterAPIResponseAnalyticData(e,o){let i=L()?"search":"filter",r=this.analyticModule;e&&(r?.saveRequestId(i,e),o&&r?.saveRequestId(i,e,o)),r?.savePreAction(i)}formatPercentSaleLabel(e,o=0){let i="";return o?e?i=`${o}% - ${e}%`:i=`above ${o}%`:i=`under ${e}%`,i}updateValuesOptions(e){return Array.isArray(e)?e.map(o=>(o.filterType==="percent_sale"&&(o.values=o.values?.map(i=>(i.key=i.key.replace("*-",":").replace("-*",":").replace("-",":"),i.label=this.formatPercentSaleLabel(i.to,i.from),i))),o)):e}async filterAPI(e){let o=this.TAEAppConfig,i=e.toString(),r=await fetch(`${this.apiEndpoint}?${i}`,{method:"GET"}),a=[404,413,403,500],s=!1;return a.includes(r.status)&&(o.simplifiedIntegration?.enabled?(this.simplifiedIntegrationModule?.showOriginalGrid(),s=!0):this.fallbackModule?.loadFilterProductFallback()),{...await r.json(),simplifiedIntegrationFallbackTriggered:s}}getHistoryParams(){let e=new URL(window.location.href);if(ke(e)){this.app.logger.error("[Security] Potential XSS detected in URL parameters. Ignoring query params.",window.location.href);return}let i=e.search,r="pf_",a=",",s=/[.*+?^${}()|[\]\\]/g,{searchParams:l}=e,d=l.get("sort"),g=l.get("page"),m={},E=le(),S=this.TAEAppConfig.customization?.filter?.customizedAPIParams?.multipleValueSeparator||a,h=S.replace(s,"\\$&"),y=encodeURIComponent(S).replace(s,"\\$&"),P=new RegExp(`${h}|${y}`);for(let A of l.keys()){let _=A,B;if(E[A]){_=E[A];let F=A.replace(s,"\\$&"),v=i.match(new RegExp(`[?&]${F}=([^&]+)`));B=(v?v[1]:"").split(P).map(Z=>decodeURIComponent(Z.replace(/\+/g," ")))}else B=l.getAll(A);_.startsWith(r)&&!m[_]&&(_==="pf_tag"?m.tag=B:m[_]=B)}return{paramMap:m,sort:d,page:g}}};w.moduleName="CollectionFilter";w.LIMIT="boostSDLimit";w.LIMIT_SETTING="boostSDLimitSetting";var u=class extends c{shouldInit(){let{templateMetadata:{themeLibVersion:t}={}}=this.TAEAppConfig;if(!t)return!0;let e=t.split(".")[0];return Number(e)<=1}get collectionFilterModule(){return this.TAEApp.getModule(w)}init(){window.boostSDTaeUtils={lazyLoadImages:we,inViewPortHandler:ue,initCollectionFilter:()=>{setTimeout(()=>{this.collectionFilterModule?.initBlock()})}}}onAppStart(){let t=this.TAEApp,{env:e}=this.TAEAppConfig,o={...this.TAEAppConfig.customization?.filter?.customizedAPIParams||{},...window.boostSdCustomParams||{}};this.TAEApp.updateConfig(i=>(i.customization={...i.customization,filter:{...i.customization?.filter,customizedAPIParams:o}},i)),window.boostSdCustomParams=o,Object.assign(window.boostWidgetIntegration,{generalSettings:{...this.TAEAppConfig.generalSettings,templateId:this.TAEAppConfig.templateId},simplifiedIntegration:this.TAEAppConfig.simplifiedIntegration,taeSettings:this.TAEAppConfig.taeSettings,env:e,app:{[e]:{customization:{},...this.TAEAppConfig,...window.boostWidgetIntegration.app?.[e]}},customization:{...this.TAEAppConfig.customization,filter:{...this.TAEAppConfig.customization?.filter,customizedAPIParams:o}},regisCustomization:function(i,r){if(typeof i=="function"&&i.name&&!r){let a=i.name;window.boostWidgetIntegration.app[e].customization[a]=i}else if(typeof i=="function"&&i.name&&r){window.boostWidgetIntegration.app[e].customization[r]=window.boostWidgetIntegration.app[e].customization[r]||{};let a=i.name;window.boostWidgetIntegration.app[e].customization[r][a]=i}else t.logger.error("Invalid function or function does not have a name.")}}),Object.assign(window,{boostSDData:this.TAEAppDataObjects})}onBeforeAppStart(){Object.assign(window,{boostWidgetIntegration:{...window.boostWidgetIntegration,status:"initializing"}})}legacyUpdateAppStatus(t){Object.assign(window.boostWidgetIntegration,{status:t})}legacyIsUsingRecommendationAppV3(){return window.boostSDAppConfig?.themeInfo?.taeFeatures?.recommendation==="installed"}legacyInitRecommendationWidgets(t){window.boostWidgetIntegration.app[this.TAEAppConfig.env].recommendationWidgets=t}legacyAssignDefaultBlockAttributes(t,e,o){let{templateSettings:i}=this.app.config;Object.assign(t,{widgetInfo:i,templateSettings:i,app:window.boostWidgetIntegration.app?.[this.app.config.env],document:e,id:e.id||t.id,blockType:o||"filter"}),"widgetId"in t||Object.assign(t,{widgetId:e.id||t.id})}};u.moduleName="BackwardCompatibilityV1";var W=class extends c{constructor(){super(...arguments);this.initBlock=()=>{let e=document.createElement("div");e.id="bc-bis",e.className="boost-sd__bis",e.style.display="none",document.body.appendChild(e),this.block={id:"bc-bis",document:e},this.backwardCompatibilityV1Module?.legacyAssignDefaultBlockAttributes(this.block,e,"backInStock"),this.TAEApp.registerBlock(this.block)}}get extendAppConfig(){return{klaviyoBISUrl:"https://a.klaviyo.com/client/back-in-stock-subscriptions",backInStock:Object.assign({enabled:!1,productSettings:{},displaySettings:{},isTurbo:!1},f().backInStockMetafield)}}get backwardCompatibilityV1Module(){return this.TAEApp.getModule(u)}onModuleInit(){this.onDocumentReady(this.initBlock)}onModuleDestroy(){this.offDocumentReady(this.initBlock)}};W.moduleName="BackInStock";var q=class extends c{constructor(){super(...arguments);this.initBlock=()=>{this.block={id:"cart",document:document.body},this.backwardCompatibilityModule?.legacyAssignDefaultBlockAttributes(this.block,this.block.document,"cart"),this.TAEApp.registerBlock(this.block)}}get extendAppConfig(){return{customization:{cart:{}}}}get backwardCompatibilityModule(){return this.TAEApp.getModule(u)}onModuleInit(){this.onDocumentReady(this.initBlock)}onModuleDestroy(){this.offDocumentReady(this.initBlock)}};q.moduleName="Cart";var N=class extends c{constructor(){super(...arguments);this.initBlock=()=>
1035{if(this.block)return;let e=document.querySelector(".boost-sd__countdown-timer-wrapper");if(!e)return;let{template:o}=this.TAEAppConfig;typeof o?.countdownTimerPlaceholder=="string"&&(e.innerHTML=o.countdownTimerPlaceholder),this.block={id:e.id||"boost-sd-countdown-timer",document:e},this.block.blockType="countdownTimer",this.TAEApp.registerBlock(this.block)}}onModuleInit(){this.onDocumentReady(this.initBlock),document.addEventListener("shopify:section:load",this.initBlock)}onModuleDestroy(){this.offDocumentReady(this.initBlock),document.removeEventListener("shopify:section:load",this.initBlock)}};N.moduleName="CountdownTimer";var V=class extends c{constructor(){super(...arguments);this.initBlock=()=>{let e=document.querySelector(".boost-sd__preOrder-container"),{customization:o,template:i}=this.TAEAppConfig;typeof o?.preOrder?.beforeRender=="function"&&o.preOrder.beforeRender(),e&&(typeof i?.preOrderPlaceholder=="string"&&(e.innerHTML=i.preOrderPlaceholder),this.block={id:e.id||"bc-pre-order",document:e},this.backwardCompatibilityV1Module?.legacyAssignDefaultBlockAttributes(this.block,e,"preOrder"),this.TAEApp.registerBlock(this.block))}}get extendAppConfig(){return{customization:{preOrder:{}}}}get backwardCompatibilityV1Module(){return this.TAEApp.getModule(u)}onModuleInit(){this.onDocumentReady(this.initBlock)}onModuleDestroy(){this.offDocumentReady(this.initBlock)}};V.moduleName="PreOrder";var H=class extends c{constructor(){super(...arguments);this.initBlock=()=>{let e=document.querySelector(".boost-sd-widget-predictive-bundle");e&&(this.block={id:e.id||"bc-predictive-bundle",document:e},this.backwardCompatibilityV1Module?.legacyAssignDefaultBlockAttributes(this.block,e,"predictiveBundle"),this.TAEApp.registerBlock(this.block))}}get extendAppConfig(){return{predictiveBundle:{multiBundleSupport:!1}}}get backwardCompatibilityV1Module(){return this.TAEApp.getModule(u)}onModuleInit(){this.onDocumentReady(this.initBlock)}onModuleDestroy(){this.offDocumentReady(this.initBlock)}};H.moduleName="PredictiveBundle";var $=class extends c{constructor(){super(...arguments);this.blocks={};this.initBlocks=()=>{if(this.backwardCompatibilityV1Module?.legacyIsUsingRecommendationAppV3()){this.backwardCompatibilityV1Module?.legacyInitRecommendationWidgets({});return}let{recommendationWidgets:e}=this.TAEAppConfig;this.backwardCompatibilityV1Module?.legacyInitRecommendationWidgets(e);let{recommendationPlaceholder:o}=f(),i=document.querySelectorAll('[id^="boost-sd-widget-"]');for(let r of i)r.innerHTML=o,this.initBlock(r)}}get extendAppConfig(){return{recommendUrl:"https://services.mybcapps.com/discovery/recommend",recommendationWidgets:f().recommendationWidgets}}get backwardCompatibilityV1Module(){return this.TAEApp.getModule(u)}get assetFileLoaderModule(){return this.TAEApp.getModule(C)}onModuleInit(){this.onDocumentReady(this.initBlocks)}onModuleDestroy(){this.offDocumentReady(this.initBlocks)}initBlock(e){let o={id:e.id,document:e};this.assetFileLoaderModule?.preloadModuleScript("recommendation"),this.backwardCompatibilityV1Module?.legacyAssignDefaultBlockAttributes(o,e,"recommendation"),o.widgetId=e.id?.replace("boost-sd-widget-",""),this.TAEApp.registerBlock(o),this.blocks[o.id]=o}};$.moduleName="Recommendation";var j=class extends c{constructor(){super(...arguments);this.block={id:"bc-instant-search",document:document.createElement("div")};this.initBlock=()=>{if(!this.enabled)return;this.assetFileLoaderModule?.preloadModuleScript("instant-search");let{document:e,id:o}=this.block;e.id=o,window.document.body.appendChild(e),this.backwardCompatibilityV1Module?.legacyAssignDefaultBlockAttributes(this.block,e,"instantSearch"),this.TAEApp.registerBlock(this.block)}}get backwardCompatibilityV1Module(){return this.TAEApp.getModule(u)}get assetFileLoaderModule(){return this.TAEApp.getModule(C)}get extendAppConfig(){return{searchUrl:"https://services.mybcapps.com/bc-sf-filter/search"}}get enabled(){let{taeSettings:e,templateId:o,simplifiedIntegration:i}=this.TAEAppConfig;return e?.instantSearch?.enabled&&o&&(!i.enabled||i.instantSearch)}onModuleInit(){this.onDocumentReady(this.initBlock)}onModuleDestroy(){this.offDocumentReady(this.initBlock)}};j.moduleName="Search";var G=class extends c{shouldInit(){return this.TAEAppConfig.generalSettings.enableRobot}init(){if(!(z()||L())||document.querySelector('meta[name="robots"]'))return;let e=Be(),o=!!de("q")&&!L();if(!e&&!o)return;let i=document.createElement("meta");i.name="robots",i.content="noindex,nofollow,nosnippet",i.setAttribute("data-boost-injected","seo-enhancement"),document.head.append(i)}get extendAppConfig(){return{generalSettings:{enableRobot:!0}}}};G.moduleName="SEOEnhancement";var Y=class extends c{get extendAppConfig(){let{shop:t,integration:e}=f();return{shop:t,integration:{...e}}}};Y.moduleName="ShopifyMetafield";var K=class extends c{get dataObject(){let t=f();return{user:{...t.user},product:{...t.product}}}};K.moduleName="ShopifyDataObject";var Q=class extends c{get extendAppConfig(){let t=f();return{templateUrl:"https://services.mybcapps.com/bc-sf-filter/ssr-template",templateId:t.templateId,templateMetadata:t.templateMetadata??{},template:t.template,templateSettings:t.templateSettings??{}}}};Q.moduleName="TemplateManagement";var J=class extends c{constructor(){super(...arguments);this.initBlock=()=>{let e=document.querySelector(".boost-sd__widget-tier-discount-bundle");e&&(this.block={id:e.id||"bc-tier-discount-bundle",document:e},this.backwardCompatibilityV1Module?.legacyAssignDefaultBlockAttributes(this.block,e,"tierDiscountBundle"),this.TAEApp.registerBlock(this.block))}}get backwardCompatibilityV1Module(){return this.TAEApp.getModule(u)}onModuleInit(){this.onDocumentReady(this.initBlock)}onModuleDestroy(){this.offDocumentReady(this.initBlock)}};J.moduleName="TierDiscountBundle";var X=class extends c{constructor(){super(...arguments);this.initBlock=()=>{let e=document.querySelector(".boost-sd__widget-volume-bundle");e&&(this.block={id:e.id||"bc-volume-bundle",document:e},this.backwardCompatibilityV1Module?.legacyAssignDefaultBlockAttributes(this.block,e,"volumeBundle"),this.TAEApp.registerBlock(this.block))}}get backwardCompatibilityV1Module(){return this.TAEApp.getModule(u)}onModuleInit(){this.onDocumentReady(this.initBlock)}onModuleDestroy(){this.offDocumentReady(this.initBlock)}};X.moduleName="VolumeBundle";
1035var ve=new ee().loadModule(U).loadModule(K).loadModule(Y).loadModule(Q).loadModule(w).loadModule(D).loadModule(j).loadModule($).loadModule(q).loadModule(k).loadModule(x).loadModule(W).loadModule(X).loadModule(J).loadModule(H).loadModule(V).loadModule(N).loadModule(R).loadModule(G).loadModule(M).loadModule(C).loadModule(u);ve.start();function T(){return ve}})();</script>
1035<!-- END app block --><!-- BEGIN app block: shopify://apps/klaviyo-email-marketing-sms/blocks/klaviyo-onsite-embed/2632fe16-c075-4321-a88b-50b567f42507 --> 1036 1037 1038 1039 1040 1041 1042 1043 1044 1045 1046 1047 1048
1048<script async src="https://static.klaviyo.com/onsite/js/VenFnW/klaviyo.js?company_id=VenFnW"></script>
1048 1049
1049<script>!function(){if(!window.klaviyo){window._klOnsite=window._klOnsite||[];try{window.klaviyo=new Proxy({},{get:function(n,i){return"push"===i?function(){var n;(n=window._klOnsite).push.apply(n,arguments)}:function(){for(var n=arguments.length,o=new Array(n),w=0;w<n;w++)o[w]=arguments[w];var t="function"==typeof o[o.length-1]?o.pop():void 0,e=new Promise((function(n){window._klOnsite.push([i].concat(o,[function(i){t&&t(i),n(i)}]))}));return e}}})}catch(n){window.klaviyo=window.klaviyo||[],window.klaviyo.push=function(){var n;(n=window._klOnsite).push.apply(n,arguments)}}}}();</script>
1049 1050 1051 1052
1052<script id="viewed_product"> 1053 if (item == null) { 1054 var _learnq = _learnq || []; 1055 1056 var MetafieldReviews = null 1057 var MetafieldYotpoRating = null 1058 var MetafieldYotpoCount = null 1059 var MetafieldLooxRating = null 1060 var MetafieldLooxCount = null 1061 var okendoProduct = null 1062 var okendoProductReviewCount = null 1063 var okendoProductReviewAverageValue = null 1064 try { 1065 // The following fields are used for Customer Hub recently viewed in order to add reviews. 1066 // This information is not part of __kla_viewed. Instead, it is part of __kla_viewed_reviewed_items 1067 MetafieldReviews = {}; 1068 MetafieldYotpoRating = null 1069 MetafieldYotpoCount = null 1070 MetafieldLooxRating = null 1071 MetafieldLooxCount = null 1072 1073 okendoProduct = null 1074 // If the okendo metafield is not legacy, it will error, which then requires the new json formatted data 1075 if (okendoProduct && 'error' in okendoProduct) { 1076 okendoProduct = null 1077 } 1078 okendoProductReviewCount = okendoProduct ? okendoProduct.reviewCount : null 1079 okendoProductReviewAverageValue = okendoProduct ? okendoProduct.reviewAverageValue : null 1080 } catch (error) { 1081 console.error('Error in Klaviyo onsite reviews tracking:', error); 1082 } 1083 1084 var item = { 1085 Name: "V's SHAVING FACE⢠ESSENTIALS KIT", 1086 ProductID: 10246975684908, 1087 Categories: ["AFTERSHAVES","AFTERSHAVES \u0026 TONICS","All Products","BODY","BRANDS","BUNDLES","CREAMS \u0026 OILS","FACE","FRAGRANCE","GIFT SETS","GROOMING PRODUCTS","PRE-SHAVES","SHAVING","SKINCARE","V's BARBERSHOP"], 1088 ImageURL: "https://vbarbershop.com/cdn/shop/files/ShavingFaceKit_grande.jpg?v=1773177626", 1089 URL: "https://vbarbershop.com/products/vs-shaving-face-essentials-kit", 1090 Brand: "V's Barbershop", 1091 Price: "$43.00", 1092 Value: "43.00", 1093 CompareAtPrice: "$48.00" 1094 }; 1095 _learnq.push(['track', 'Viewed Product', item]); 1096 _learnq.push(['trackViewedItem', { 1097 Title: item.Name, 1098 ItemId: item.ProductID, 1099 Categories: item.Categories, 1100 ImageUrl: item.ImageURL, 1101 Url: item.URL, 1102 Metadata: { 1103 Brand: item.Brand, 1104 Price: item.Price, 1105 Value: item.Value, 1106 CompareAtPrice: item.CompareAtPrice 1107 }, 1108 metafields:{ 1109 reviews: MetafieldReviews, 1110 yotpo:{ 1111 rating: MetafieldYotpoRating, 1112 count: MetafieldYotpoCount, 1113 }, 1114 loox:{ 1115 rating: MetafieldLooxRating, 1116 count: MetafieldLooxCount, 1117 }, 1118 okendo: { 1119 rating: okendoProductReviewAverageValue, 1120 count: okendoProductReviewCount, 1121 } 1122 } 1123 }]); 1124 } 1125 </script>
1125 1126 1127 1128 1129 1130 1131
1131<script> 1132 window.klaviyoReviewsProductDesignMode = false 1133 </script>
1133 1134 1135 1136 1137 <!-- BEGIN app snippet: customer-hub-data -->
1137<script> 1138 if (!window.customerHub) { 1139 window.customerHub = {}; 1140 } 1141 window.customerHub.storefrontRoutes = { 1142 login: "/account/login?return_url=%2F%23k-hub", 1143 register: "/account/register?return_url=%2F%23k-hub", 1144 logout: "/account/logout", 1145 profile: "/account", 1146 addresses: "/account/addresses", 1147 }; 1148 1149 window.customerHub.userId = null; 1150 1151 window.customerHub.storeDomain = "v-barbershop.myshopify.com"; 1152 1153 1154 window.customerHub.activeProduct = { 1155 name: "V's SHAVING FACE⢠ESSENTIALS KIT", 1156 category: null, 1157 imageUrl: "https://vbarbershop.com/cdn/shop/files/ShavingFaceKit_grande.jpg?v=1773177626", 1158 id: "10246975684908", 1159 link: "https://vbarbershop.com/products/vs-shaving-face-essentials-kit", 1160 options: [ 1161 1162 { 1163 name: "Title", 1164 values: [ 1165 1166 1167 1168 { 1169 name: "Default Title", 1170 colorHex: null, 1171 swatchImageUrl: null 1172 } 1173 1174 ] 1175 } 1176 1177 ], 1178 variants: [ 1179 1180 { 1181 id: "52716699386156", 1182 selectedOptions: [ 1183 1184 1185 { 1186 name: "Title", 1187 value: "Default Title" 1188 } 1189 1190 ], 1191 1192 imageUrl: null, 1193 1194 price: "4300", 1195 currency: "USD", 1196 availableForSale: true, 1197 title: "Default Title", 1198 }, 1199 1200 ], 1201 };
1202 window.customerHub.activeProduct.variants.forEach((variant) => { 1203 1204 variant.price = `${variant.price.slice(0, -2)}.${variant.price.slice(-2)}`; 1205 }); 1206 1207 1208 1209 window.customerHub.storeLocale = { 1210 currentLanguage: 'en', 1211 currentCountry: 'US', 1212 availableLanguages: [ 1213 1214 { 1215 iso_code: 'en', 1216 endonym_name: 'English' 1217 } 1218 1219 ], 1220 availableCountries: [ 1221 1222 { 1223 iso_code: 'US', 1224 name: 'United States', 1225 currency_code: 'USD' 1226 } 1227 1228 ] 1229 }; 1230 1231</script>
1231 1232<!-- END app snippet --> 1233 1234 1235 1236 1237 1238 1239 1240<!-- END app block --><!-- BEGIN app block: shopify://apps/wsh-wholesale-pricing/blocks/app-embed/94cbfa01-7191-4bb2-bcd8-b519b9b3bd06 -->
1240<script> 1241 1242 window.wpdExtensionIsProductPage = {"id":10246975684908,"title":"V's SHAVING FACE⢠ESSENTIALS KIT","handle":"vs-shaving-face-essentials-kit","description":"\u003cp\u003eEverything you need for the ultimate shave is in this kit! With the Shaving Face Kit, you can b\u003cspan\u003ering the quality of a Vâs Barbershop shave into your daily routine. \u003cmeta charset=\"utf-8\"\u003eFormulated by Vâs Barbershop, the leader in authentic barbershop shaving, this simple 3 Step process will give you a close and luxurious shave experience every single time.\u003c\/span\u003e\u003c\/p\u003e","published_at":"2026-03-05T12:50:57-07:00","created_at":"2026-03-04T13:19:40-07:00","vendor":"V's Barbershop","type":"","tags":[],"price":4300,"price_min":4300,"price_max":4300,"available":true,"price_varies":false,"compare_at_price":4800,"compare_at_price_min":4800,"compare_at_price_max":4800,"compare_at_price_varies":false,"variants":[{"id":52716699386156,"title":"Default Title","option1":"Default Title","option2":null,"option3":null,"sku":"VBS158","requires_shipping":true,"taxable":true,"featured_image":null,"available":true,"name":"V's SHAVING FACE⢠ESSENTIALS KIT","public_title":null,"options":["Default Title"],"price":4300,"weight":757,"compare_at_price":4800,"inventory_management":"shopify","barcode":null,"requires_selling_plan":false,"selling_plan_allocations":[],"quantity_rule":{"min":1,"max":null,"increment":1}}],"images":["\/\/vbarbershop.com\/cdn\/shop\/files\/ShavingFaceKit.jpg?v=1773177626"],"featured_image":"\/\/vbarbershop.com\/cdn\/shop\/files\/ShavingFaceKit.jpg?v=1773177626","options":["Title"],"media":[{"alt":null,"id":43515900723500,"position":1,"preview_image":{"aspect_ratio":0.8,"height":1000,"width":800,"src":"\/\/vbarbershop.com\/cdn\/shop\/files\/ShavingFaceKit.jpg?v=1773177626"},"aspect_ratio":0.8,"height":1000,"media_type":"image","src":"\/\/vbarbershop.com\/cdn\/shop\/files\/ShavingFaceKit.jpg?v=1773177626","width":800},{"alt":null,"id":43527284818220,"position":2,"preview_image":{"aspect_ratio":1.333,"height":360,"width":480,"src":"\/\/vbarbershop.com\/cdn\/shop\/files\/preview_images\/hqdefault_3934e66c-2339-45a1-97de-17d6e8f50598.jpg?v=1773254898"},"aspect_ratio":1.77,"external_id":"2a8Fudd8Olg","host":"youtube","media_type":"external_video"},{"alt":null,"id":43527285047596,"position":3,"preview_image":{"aspect_ratio":1.333,"height":360,"width":480,"src":"\/\/vbarbershop.com\/cdn\/shop\/files\/preview_images\/hqdefault_86d91873-9fbd-484f-a741-930961656ba2.jpg?v=1773254933"},"aspect_ratio":1.77,"external_id":"Vdy6MAUKFmE","host":"youtube","media_type":"external_video"},{"alt":null,"id":43527285604652,"position":4,"preview_image":{"aspect_ratio":1.333,"height":360,"width":480,"src":"\/\/vbarbershop.com\/cdn\/shop\/files\/preview_images\/hqdefault_bc396632-3315-4dd5-9ec1-24b094a71d87.jpg?v=1773254953"},"aspect_ratio":1.77,"external_id":"Uy5MecIj9us","host":"youtube","media_type":"external_video"}],"requires_selling_plan":false,"selling_plan_groups":[],"content":"\u003cp\u003eEverything you need for the ultimate shave is in this kit! With the Shaving Face Kit, you can b\u003cspan\u003ering the quality of a Vâs Barbershop shave into your daily routine. \u003cmeta charset=\"utf-8\"\u003eFormulated by Vâs Barbershop, the leader in authentic barbershop shaving, this simple 3 Step process will give you a close and luxurious shave experience every single time.\u003c\/span\u003e\u003c\/p\u003e"}; 1243 window.wpdExtensionIsProductPage.selected_or_first_available_variant = {"id":52716699386156,"title":"Default Title","option1":"Default Title","option2":null,"option3":null,"sku":"VBS158","requires_shipping":true,"taxable":true,"featured_image":null,"available":true,"name":"V's SHAVING FACE⢠ESSENTIALS KIT","public_title":null,"options":["Default Title"],"price":4300,"weight":757,"compare_at_price":4800,"inventory_management":"shopify","barcode":null,"requires_selling_plan":false,"selling_plan_allocations":[],"quantity_rule":{"min":1,"max":null,"increment":1}}; 1244 window.wpdExtensionProductCollectionIds = "470022258988,470022684972,429437387052,473492980012,473495699756,487367246124,470022127916,473493078316,470022783276,470022979884,486022218028,470021833004,470021800236,470022455596,473497043244"; 1245; 1246window.wpdExtensionIsCartPage = false;
1247 1248window.showCrossOutPrice = true; 1249window.WPDAppProxy = "/apps/wpdapp"; 1250window.showVDTableWithPrice = false; 1251window.vdBadgeLabel = "Volume Discounts"; 1252 1253 1254window.WPDMarketLocalization = ""; 1255window.WPDMoneyFormat = "${{amount}}"; 1256 1257 1258 1259 1260 1261 1262 1263 1264 1265 1266 1267 1268 1269 1270 1271 1272 1273 1274 1275 1276 1277 1278 1279 1280 1281 1282 1283 1284 window.is_wcp_wholesale_customer = false; 1285 1286 1287 window.wcp_customer = { 1288 email: "", 1289 id: "", 1290 tags: null, 1291 default_address: null, 1292 tax_exempt: false, 1293 company_id: "", 1294 location_id: "" 1295 }; 1296 1297 window.shopPermanentDomain = "v-barbershop.myshopify.com"; 1298 window.wpdAPIRootUrl = "https://bdr.wholesalehelper.io/"; 1299 window.wpdHasGuestDiscounts = false; 1300</script>
1300 1301 1302 1303 1304 1305 1306 1307 1308<!-- END app block --><!-- BEGIN app block: shopify://apps/eg-auto-add-to-cart/blocks/app-embed/0f7d4f74-1e89-4820-aec4-6564d7e535d2 --> 1309 1310 1311 1312 1313 1314 1315 1316 1317 1318 1319 1320 1321
1321<script 1322 async 1323 type="text/javascript" 1324 src="https://cdn.506.io/eg/script.js?shop=v-barbershop.myshopify.com&v=12" 1325 ></script>
1325 1326 1327 1328 1329 1330 <meta id="easygift-shop" itemid="c2hvcF8kXzE3OTEwNjEyMTg=" content="{"isInstalled":true,"installedOn":"2022-11-24T17:13:18.972Z","appVersion":"3.0","subscriptionName":"Unlimited","cartAnalytics":true,"freeTrialEndsOn":null,"settings":{"reminderBannerStyle":{"position":{"horizontal":"right","vertical":"bottom"},"backgroundColor":"#FFFFFF","borderRadius":null,"padding":null,"headerFontSize":null,"subHeaderFontSize":null,"fontFamily":null,"imageUrl":null,"closingMode":"doNotAutoClose","cssStyles":"","displayAfter":5,"headerText":"","primaryColor":"#000000","reshowBannerAfter":"everyNewSession","selfcloseAfter":5,"showImage":false,"subHeaderText":""},"addedItemIdentifier":"_Gifted","ignoreOtherAppLineItems":null,"customVariantsInfoLifetimeMins":1440,"redirectPath":null,"ignoreNonStandardCartRequests":false,"bannerStyle":{"position":{"horizontal":"right","vertical":"bottom"},"backgroundColor":"#FFFFFF","borderRadius":null,"padding":null,"headerFontSize":null,"subHeaderFontSize":null,"fontFamily":null,"cssStyles":null,"primaryColor":"#000000"},"themePresetId":null,"notificationStyle":{"position":{"horizontal":null,"vertical":null},"primaryColor":null,"backgroundColor":"#FFFFFF","borderRadius":null,"duration":null,"cssStyles":null,"headerFontSize":null,"subHeaderFontSize":null,"padding":null,"fontFamily":null,"hasCustomizations":false},"fetchCartData":false,"useLocalStorage":{"expiryMinutes":null,"enabled":false},"popupStyle":{"primaryColor":null,"secondaryColor":null,"backgroundColor":"#FFFFFF","borderRadius":null,"padding":null,"headerFontSize":null,"subHeaderFontSize":null,"bodyColor":null,"bodyFontSize":null,"cssStyles":null,"addButtonText":null,"dismissButtonText":null,"outOfStockButtonText":null,"imageUrl":null,"closeModalOutsideClick":true,"priceShowZeroDecimals":true,"headerFontFamily":null,"bodyFontFamily":null,"hasCustomizations":false,"showProductLink":false,"subscriptionLabel":"Subscription Plan"},"refreshAfterBannerClick":false,"disableReapplyRules":false,"disableReloadOnFailedAddition":false,"autoReloadCartPage":false,"ajaxRedirectPath":null,"allowSimultaneousRequests":false,"applyRulesOnCheckout":false,"enableCartCtrlOverrides":true,"customRedirectFromCart":null,"scriptSettings":{"branding":{"show":false,"removalRequestSent":null},"productPageRedirection":{"enabled":false,"products":[],"redirectionURL":"\/"},"debugging":{"enabled":false,"enabledOn":null,"stringifyObj":false},"customCSS":null,"delayUpdates":2000,"decodePayload":false,"hideAlertsOnFrontend":false,"removeEGPropertyFromSplitActionLineItems":false,"fetchProductInfoFromSavedDomain":false,"enableBuyNowInterceptions":false,"removeProductsAddedFromExpiredRules":false,"useFinalPrice":false,"useFinalPriceGetEntireCart":false,"hideGiftedPropertyText":false,"fetchCartDataBeforeRequest":false,"disableRedirectAfterFormSubmit":false},"promoCodeMessageStyle":{"message":"Free gift added!"},"accessToEnterprise":false},"translations":null,"defaultLocale":"en","shopDomain":"vbarbershop.com"}"> 1331 1332
1333<script defer> 1334 (async function() { 1335 try { 1336 1337 const blockVersion = "v3" 1338 if (blockVersion != "v3") { 1339 return 1340 } 1341 1342 let metaErrorFlag = false; 1343 if (metaErrorFlag) { 1344 return 1345 } 1346 1347 // Parse metafields as JSON 1348 const metafields = {}; 1349 1350 // Process metafields in JavaScript 1351 let savedRulesArray = []; 1352 for (const [key, value] of Object.entries(metafields)) { 1353 if (value) { 1354 for (const prop in value) { 1355 // avoiding Object.Keys for performance gain -- no need to make an array of keys. 1356 savedRulesArray.push(value); 1357 break; 1358 } 1359 } 1360 } 1361 1362 const metaTag = document.createElement('meta'); 1363 metaTag.id = 'easygift-rules'; 1364 metaTag.content = JSON.stringify(savedRulesArray); 1365 metaTag.setAttribute('itemid', 'cnVsZXNfJF8xNzkxMDYxMjE4'); 1366 1367 document.head.appendChild(metaTag); 1368 } catch (err) { 1369 1370 } 1371 })(); 1372</script>
1372 1373 1374 1375
1375<script 1376 type="text/javascript" 1377 defer 1378 > 1379 1380 (function () { 1381 try { 1382 window.EG_INFO = window.EG_INFO || {}; 1383 var shopInfo = {"isInstalled":true,"installedOn":"2022-11-24T17:13:18.972Z","appVersion":"3.0","subscriptionName":"Unlimited","cartAnalytics":true,"freeTrialEndsOn":null,"settings":{"reminderBannerStyle":{"position":{"horizontal":"right","vertical":"bottom"},"backgroundColor":"#FFFFFF","borderRadius":null,"padding":null,"headerFontSize":null,"subHeaderFontSize":null,"fontFamily":null,"imageUrl":null,"closingMode":"doNotAutoClose","cssStyles":"","displayAfter":5,"headerText":"","primaryColor":"#000000","reshowBannerAfter":"everyNewSession","selfcloseAfter":5,"showImage":false,"subHeaderText":""},"addedItemIdentifier":"_Gifted","ignoreOtherAppLineItems":null,"customVariantsInfoLifetimeMins":1440,"redirectPath":null,"ignoreNonStandardCartRequests":false,"bannerStyle":{"position":{"horizontal":"right","vertical":"bottom"},"backgroundColor":"#FFFFFF","borderRadius":null,"padding":null,"headerFontSize":null,"subHeaderFontSize":null,"fontFamily":null,"cssStyles":null,"primaryColor":"#000000"},"themePresetId":null,"notificationStyle":{"position":{"horizontal":null,"vertical":null},"primaryColor":null,"backgroundColor":"#FFFFFF","borderRadius":null,"duration":null,"cssStyles":null,"headerFontSize":null,"subHeaderFontSize":null,"padding":null,"fontFamily":null,"hasCustomizations":false},"fetchCartData":false,"useLocalStorage":{"expiryMinutes":null,"enabled":false},"popupStyle":{"primaryColor":null,"secondaryColor":null,"backgroundColor":"#FFFFFF","borderRadius":null,"padding":null,"headerFontSize":null,"subHeaderFontSize":null,"bodyColor":null,"bodyFontSize":null,"cssStyles":null,"addButtonText":null,"dismissButtonText":null,"outOfStockButtonText":null,"imageUrl":null,"closeModalOutsideClick":true,"priceShowZeroDecimals":true,"headerFontFamily":null,"bodyFontFamily":null,"hasCustomizations":false,"showProductLink":false,"subscriptionLabel":"Subscription Plan"},"refreshAfterBannerClick":false,"disableReapplyRules":false,"disableReloadOnFailedAddition":false,"autoReloadCartPage":false,"ajaxRedirectPath":null,"allowSimultaneousRequests":false,"applyRulesOnCheckout":false,"enableCartCtrlOverrides":true,"customRedirectFromCart":null,"scriptSettings":{"branding":{"show":false,"removalRequestSent":null},"productPageRedirection":{"enabled":false,"products":[],"redirectionURL":"\/"},"debugging":{"enabled":false,"enabledOn":null,"stringifyObj":false},"customCSS":null,"delayUpdates":2000,"decodePayload":false,"hideAlertsOnFrontend":false,"removeEGPropertyFromSplitActionLineItems":false,"fetchProductInfoFromSavedDomain":false,"enableBuyNowInterceptions":false,"removeProductsAddedFromExpiredRules":false,"useFinalPrice":false,"useFinalPriceGetEntireCart":false,"hideGiftedPropertyText":false,"fetchCartDataBeforeRequest":false,"disableRedirectAfterFormSubmit":false},"promoCodeMessageStyle":{"message":"Free gift added!"},"accessToEnterprise":false},"translations":null,"defaultLocale":"en","shopDomain":"vbarbershop.com"}; 1384 var productRedirectionEnabled = shopInfo.settings.scriptSettings.productPageRedirection.enabled; 1385 if (["Unlimited", "Enterprise"].includes(shopInfo.subscriptionName) && productRedirectionEnabled) { 1386 var products = shopInfo.settings.scriptSettings.productPageRedirection.products; 1387 if (products.length > 0) { 1388 var productIds = products.map(function(prod) { 1389 var productGid = prod.id; 1390 var productIdNumber = parseInt(productGid.split('/').pop()); 1391 return productIdNumber; 1392 }); 1393 var productInfo = {"id":10246975684908,"title":"V's SHAVING FACE⢠ESSENTIALS KIT","handle":"vs-shaving-face-essentials-kit","description":"\u003cp\u003eEverything you need for the ultimate shave is in this kit! With the Shaving Face Kit, you can b\u003cspan\u003ering the quality of a Vâs Barbershop shave into your daily routine. \u003cmeta charset=\"utf-8\"\u003eFormulated by Vâs Barbershop, the leader in authentic barbershop shaving, this simple 3 Step process will give you a close and luxurious shave experience every single time.\u003c\/span\u003e\u003c\/p\u003e","published_at":"2026-03-05T12:50:57-07:00","created_at":"2026-03-04T13:19:40-07:00","vendor":"V's Barbershop","type":"","tags":[],"price":4300,"price_min":4300,"price_max":4300,"available":true,"price_varies":false,"compare_at_price":4800,"compare_at_price_min":4800,"compare_at_price_max":4800,"compare_at_price_varies":false,"variants":[{"id":52716699386156,"title":"Default Title","option1":"Default Title","option2":null,"option3":null,"sku":"VBS158","requires_shipping":true,"taxable":true,"featured_image":null,"available":true,"name":"V's SHAVING FACE⢠ESSENTIALS KIT","public_title":null,"options":["Default Title"],"price":4300,"weight":757,"compare_at_price":4800,"inventory_management":"shopify","barcode":null,"requires_selling_plan":false,"selling_plan_allocations":[],"quantity_rule":{"min":1,"max":null,"increment":1}}],"images":["\/\/vbarbershop.com\/cdn\/shop\/files\/ShavingFaceKit.jpg?v=1773177626"],"featured_image":"\/\/vbarbershop.com\/cdn\/shop\/files\/ShavingFaceKit.jpg?v=1773177626","options":["Title"],"media":[{"alt":null,"id":43515900723500,"position":1,"preview_image":{"aspect_ratio":0.8,"height":1000,"width":800,"src":"\/\/vbarbershop.com\/cdn\/shop\/files\/ShavingFaceKit.jpg?v=1773177626"},"aspect_ratio":0.8,"height":1000,"media_type":"image","src":"\/\/vbarbershop.com\/cdn\/shop\/files\/ShavingFaceKit.jpg?v=1773177626","width":800},{"alt":null,"id":43527284818220,"position":2,"preview_image":{"aspect_ratio":1.333,"height":360,"width":480,"src":"\/\/vbarbershop.com\/cdn\/shop\/files\/preview_images\/hqdefault_3934e66c-2339-45a1-97de-17d6e8f50598.jpg?v=1773254898"},"aspect_ratio":1.77,"external_id":"2a8Fudd8Olg","host":"youtube","media_type":"external_video"},{"alt":null,"id":43527285047596,"position":3,"preview_image":{"aspect_ratio":1.333,"height":360,"width":480,"src":"\/\/vbarbershop.com\/cdn\/shop\/files\/preview_images\/hqdefault_86d91873-9fbd-484f-a741-930961656ba2.jpg?v=1773254933"},"aspect_ratio":1.77,"external_id":"Vdy6MAUKFmE","host":"youtube","media_type":"external_video"},{"alt":null,"id":43527285604652,"position":4,"preview_image":{"aspect_ratio":1.333,"height":360,"width":480,"src":"\/\/vbarbershop.com\/cdn\/shop\/files\/preview_images\/hqdefault_bc396632-3315-4dd5-9ec1-24b094a71d87.jpg?v=1773254953"},"aspect_ratio":1.77,"external_id":"Uy5MecIj9us","host":"youtube","media_type":"external_video"}],"requires_selling_plan":false,"selling_plan_groups":[],"content":"\u003cp\u003eEverything you need for the ultimate shave is in this kit! With the Shaving Face Kit, you can b\u003cspan\u003er
1393ing the quality of a Vâs Barbershop shave into your daily routine. \u003cmeta charset=\"utf-8\"\u003eFormulated by Vâs Barbershop, the leader in authentic barbershop shaving, this simple 3 Step process will give you a close and luxurious shave experience every single time.\u003c\/span\u003e\u003c\/p\u003e"}; 1394 var isProductInList = productIds.includes(productInfo.id); 1395 if (isProductInList) { 1396 var redirectionURL = shopInfo.settings.scriptSettings.productPageRedirection.redirectionURL; 1397 if (redirectionURL) { 1398 window.location = redirectionURL; 1399 } 1400 } 1401 } 1402 } 1403 1404 1405 1406 var rawPriceString = "43.00"; 1407 1408 rawPriceString = rawPriceString.trim(); 1409 1410 var normalisedPrice; 1411 1412 function processNumberString(str) { 1413 // Helper to find the rightmost index of '.', ',' or "'" 1414 const lastDot = str.lastIndexOf('.'); 1415 const lastComma = str.lastIndexOf(','); 1416 const lastApostrophe = str.lastIndexOf("'"); 1417 const lastIndex = Math.max(lastDot, lastComma, lastApostrophe); 1418 1419 // If no punctuation, remove any stray spaces and return 1420 if (lastIndex === -1) { 1421 return str.replace(/[.,'\s]/g, ''); 1422 } 1423 1424 // Extract parts 1425 const before = str.slice(0, lastIndex).replace(/[.,'\s]/g, ''); 1426 const after = str.slice(lastIndex + 1).replace(/[.,'\s]/g, ''); 1427 1428 // If the after part is 1 or 2 digits, treat as decimal 1429 if (after.length > 0 && after.length <= 2) { 1430 return `${before}.${after}`; 1431 } 1432 1433 // Otherwise treat as integer with thousands separator removed 1434 return before + after; 1435 } 1436 1437 normalisedPrice = processNumberString(rawPriceString) 1438 1439 window.EG_INFO["52716699386156"] = { 1440 "price": `${normalisedPrice}`, 1441 "presentmentPrices": { 1442 "edges": [ 1443 { 1444 "node": { 1445 "price": { 1446 "amount": `${normalisedPrice}`, 1447 "currencyCode": "USD" 1448 } 1449 } 1450 } 1451 ] 1452 }, 1453 "sellingPlanGroups": { 1454 "edges": [ 1455 1456 ] 1457 }, 1458 "product": { 1459 "id": "gid://shopify/Product/10246975684908", 1460 "tags": [], 1461 "collections": { 1462 "pageInfo": { 1463 "hasNextPage": false 1464 }, 1465 "edges": [ 1466 1467 { 1468 "node": { 1469 "id": "gid://shopify/Collection/470022258988" 1470 } 1471 }, 1472 1473 { 1474 "node": { 1475 "id": "gid://shopify/Collection/470022684972" 1476 } 1477 }, 1478 1479 { 1480 "node": { 1481 "id": "gid://shopify/Collection/429437387052" 1482 } 1483 }, 1484 1485 { 1486 "node": { 1487 "id": "gid://shopify/Collection/473492980012" 1488 } 1489 }, 1490 1491 { 1492 "node": { 1493 "id": "gid://shopify/Collection/473495699756" 1494 } 1495 }, 1496 1497 { 1498 "node": { 1499 "id": "gid://shopify/Collection/487367246124" 1500 } 1501 }, 1502 1503 { 1504 "node": { 1505 "id": "gid://shopify/Collection/470022127916" 1506 } 1507 }, 1508 1509 { 1510 "node": { 1511 "id": "gid://shopify/Collection/473493078316" 1512 } 1513 }, 1514 1515 { 1516 "node": { 1517 "id": "gid://shopify/Collection/470022783276" 1518 } 1519 }, 1520 1521 { 1522 "node": { 1523 "id": "gid://shopify/Collection/470022979884" 1524 } 1525 }, 1526 1527 { 1528 "node": { 1529 "id": "gid://shopify/Collection/486022218028" 1530 } 1531 }, 1532 1533 { 1534 "node": { 1535 "id": "gid://shopify/Collection/470021833004" 1536 } 1537 }, 1538 1539 { 1540 "node": { 1541 "id": "gid://shopify/Collection/470021800236" 1542 } 1543 }, 1544 1545 { 1546 "node": { 1547 "id": "gid://shopify/Collection/470022455596" 1548 } 1549 }, 1550 1551 { 1552 "node": { 1553 "id": "gid://shopify/Collection/473497043244" 1554 } 1555 } 1556 1557 ] 1558 } 1559 }, 1560 "id": "52716699386156", 1561 "timestamp": 1791061218 1562 }; 1563 1564 } catch(err) { 1565 return 1566 }}
1566)() 1567 </script>
1567 1568 1569 1570 1571<!-- END app block --><!-- BEGIN app block: shopify://apps/boost-ai-search-filter/blocks/instant-search-app-embedded/7fc998ae-a150-4367-bab8-505d8a4503f7 -->
1571<script type="text/javascript">(function a(){!window.boostWidgetIntegration&&(window.boostWidgetIntegration={});const b=window.boostWidgetIntegration;!b.taeSettings&&(b.taeSettings={});const c=b.taeSettings;c.instantSearch={enabled:!0}})()</script>
1571<!-- END app block --><!-- BEGIN app block: shopify://apps/judge-me-reviews/blocks/judgeme_core/61ccd3b1-a9f2-4160-9fe9-4fec8413e5d8 --><!-- Start of Judge.me Core --> 1572 1573 1574 1575 1576 1577 1578 1579<link rel="dns-prefetch" href="https://cdn.judge.me"> 1580<link rel="dns-prefetch" href="https://cdn1.judge.me"> 1581<link rel="dns-prefetch" href="https://api.judge.me"> 1582
1583<script data-cfasync='false' class='jdgm-settings-script'>window.jdgmSettings={"pagination":5,"disable_web_reviews":false,"coupon_receiving_condition":"any_review","coupon_value_type":"percentage","coupon_value_percentage":10,"coupon_value_fixed_amount":0,"coupon_discount_type":"single","coupon_tier_text_enabled":false,"coupon_tier_text_percentage":10,"coupon_tier_text_fixed_amount":0,"coupon_tier_photo_enabled":false,"coupon_tier_photo_percentage":10,"coupon_tier_photo_fixed_amount":0,"coupon_tier_video_enabled":false,"coupon_tier_video_percentage":10,"coupon_tier_video_fixed_amount":0,"enable_coupons":false,"badge_no_review_text":"No reviews","badge_n_reviews_text":"{{ n }} review/reviews","hide_badge_preview_if_no_reviews":true,"badge_hide_text":false,"enforce_center_preview_badge":false,"widget_title":"Customer Reviews","widget_open_form_text":"Write a review","widget_close_form_text":"Cancel review","widget_refresh_page_text":"Refresh page","widget_summary_text":"Based on {{ number_of_reviews }} review/reviews","widget_no_review_text":"Be the first to write a review","widget_name_field_text":"Display name","widget_verified_name_field_text":"Verified Name (public)","widget_name_placeholder_text":"Display name","widget_required_field_error_text":"This field is required.","widget_email_field_text":"Email address","widget_verified_email_field_text":"Verified Email (private, can not be edited)","widget_email_placeholder_text":"Your email address","widget_email_field_error_text":"Please enter a valid email address.","widget_rating_field_text":"Rating","widget_review_title_field_text":"Review Title","widget_review_title_placeholder_text":"Give your review a title","widget_review_body_field_text":"Review content","widget_review_body_placeholder_text":"Start writing here...","widget_pictures_field_text":"Picture/Video (optional)","widget_submit_review_text":"Submit Review","widget_submit_verified_review_text":"Submit Verified Review","widget_submit_success_msg_with_auto_publish":"Thank y
1583ou! Please refresh the page in a few moments to see your review. You can remove or edit your review by logging into \u003ca href='https://judge.me/login' target='_blank' rel='nofollow noopener'\u003eJudge.me\u003c/a\u003e","widget_submit_success_msg_no_auto_publish":"Thank you! Your review will be published as soon as it is approved by the shop admin. You can remove or edit your review by logging into \u003ca href='https://judge.me/login' target='_blank' rel='nofollow noopener'\u003eJudge.me\u003c/a\u003e","widget_show_default_reviews_out_of_total_text":"Showing {{ n_reviews_shown }} out of {{ n_reviews }} reviews.","widget_show_all_link_text":"Show all","widget_show_less_link_text":"Show less","widget_author_said_text":"{{ reviewer_name }} said:","widget_days_text":"{{ n }} days ago","widget_weeks_text":"{{ n }} week/weeks ago","widget_months_text":"{{ n }} month/months ago","widget_years_text":"{{ n }} year/years ago","widget_yesterday_text":"Yesterday","widget_today_text":"Today","widget_replied_text":"\u003e\u003e {{ shop_name }} replied:","widget_read_more_text":"Read more","widget_reviewer_name_as_initial":"","widget_rating_filter_color":"#fbcd0a","widget_rating_filter_see_all_text":"See all reviews","widget_sorting_most_recent_text":"Most Recent","widget_sorting_highest_rating_text":"Highest Rating","widget_sorting_lowest_rating_text":"Lowest Rating","widget_sorting_with_pictures_text":"Only Pictures","widget_sorting_most_helpful_text":"Most Helpful","widget_open_question_form_text":"Ask a question","widget_reviews_subtab_text":"Reviews","widget_questions_subtab_text":"Questions","widget_question_label_text":"Question","widget_answer_label_text":"Answer","widget_question_placeholder_text":"Write your question here","widget_submit_question_text":"Submit Question","widget_question_submit_success_text":"Thank you for your question! We will notify you once it gets answered.","verified_badge_text":"Verified","verified_badge_bg_color":"","verified_badge_text_color":"","verified_badge_placement":"left-of-reviewer-name","widget_review_max_height":"","widget_hide_border":false,"widget_social_share":false,"widget_thumb":false,"widget_review_location_show":false,"widget_location_format":"","all_reviews_include_out_of_store_products":true,"all_reviews_out_of_store_text":"(out of store)","all_reviews_pagination":100,"all_reviews_product_name_prefix_text":"about","enable_review_pictures":true,"enable_question_anwser":false,"widget_theme":"default","review_date_format":"mm/dd/yyyy","default_sort_method":"most-recent","enable_ai_review_visibility":true,"widget_product_reviews_subtab_text":"Product Reviews","widget_shop_reviews_subtab_text":"Shop Reviews","widget_other_products_reviews_text":"Reviews for other products","widget_store_reviews_subtab_text":"Store reviews","widget_product_variant_reference_text":"Review for","widget_no_store_reviews_text":"This store hasn't received any reviews yet","widget_web_restriction_product_reviews_text":"This product hasn't received any reviews yet","widget_no_items_text":"No items found","widget_show_more_text":"Show more","widget_write_a_store_review_text":"Write a Store Review","widget_product_and_store_reviews_text":"Product and store reviews","widget_reviews_in_collection_text":"Reviews in this collection","widget_other_languages_heading":"Reviews in Other Languages","widget_translate_review_text":"Translate review to {{ language }}","widget_translating_review_text":"Translating...","widget_show_original_translation_text":"Show original ({{ language }})","widget_translate_review_failed_text":"Review couldn't be translated.","widget_translate_review_retry_text":"Retry","widget_translate_review_try_again_later_text":"Try again later","show_product_url_for_grouped_product":false,"widget_sorting_pictures_first_text":"Pictures First","show_pictures_on_all_rev_page_mobile":false,"show_pictures_on_all_rev_page_desktop":false,"floating_tab_hide_mobile_install_preference":false,"floating_tab_button_name":"â
Reviews","floating_tab_title":"Let customers speak for us","floating_tab_button_color":"","floating_tab_button_background_color":"","floating_tab_url":"","floating_tab_url_enabled":false,"floating_tab_tab_style":"text","all_reviews_text_badge_text":"Customers rate us {{ shop.metafields.judgeme.all_reviews_rating | round: 1 }}/5 based on {{ shop.metafields.judgeme.all_reviews_count }} reviews.","all_reviews_text_badge_text_branded_style":"{{ shop.metafields.judgeme.all_reviews_rating | round: 1 }} out of 5 stars based on {{ shop.metafields.judgeme.all_reviews_count }} reviews","is_all_reviews_text_badge_a_link":false,"show_stars_for_all_reviews_text_badge":false,"all_reviews_text_badge_url":"","all_reviews_text_style":"branded","all_reviews_text_color_style":"judgeme_brand_color","all_reviews_text_color":"#108474","all_reviews_text_show_jm_brand":true,"featured_carousel_show_header":true,"featured_carousel_title":"Let customers speak for us","testimonials_carousel_title":"Customers are saying","videos_carousel_title":"Real customer stories","cards_carousel_title":"Customers are saying","featured_carousel_count_text":"from {{ n }} reviews","featured_carousel_add_link_to_all_reviews_page":false,"featured_carousel_url":"","featured_carousel_show_images":true,"featured_carousel_autoslide_interval":5,"featured_carousel_arrows_on_the_sides":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 First","widget_review_pending_text":"Pending","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":true,"preview_badge_show_question_text":false,"preview_badge_no_question_text":"No questions","preview_badge_n_question_text":"{{ number_of_questions }} question/questions","qa_badge_show_icon":false,"qa_badge_position":"same-row","remove_judgeme_branding":false,"widget_add_search_bar":false,"widget_search_bar_placeholder":"Search","widget_sorting_verified_only_text":"Verified only","widget_sorting_most_relevant_text":"Most Relevant","featured_carousel_theme":"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":"Read more reviews","featured_carousel_view_product_button_text":"View product","all_reviews_page_load_reviews_on":"scroll","all_reviews_page_load_more_text":"Load More Reviews","disable_fb_tab_reviews":false,"enable_ajax_cdn_cache":false,"widget_advanced_speed_features":5,"widget_public_name_text":"displayed publicly like","default_reviewer_name":"John Smith","default_reviewer_name_has_non_latin":true,"widget_reviewer_anonymous":"Anonymous","medals_widget_title":"Judge.me Review Medals","medals_widget_background_color":"#f9fafb","medals_widget_position":"footer_all_pages","medals_widget_border_color":"#f9fafb","medals_widget_verified_text_position":"left","medals_widget_use_monochromatic_version":false,"medals_widget_elements_color":"#108474","show_reviewer_avatar":true,"widget_invalid_yt_video_url_error_text":"Not a YouTube video URL","widget_max_length_field_error_text":"Please enter no more than {0} characters.","widget_show_country_flag":false,"widget_show_collected_via_shop_app":true,"widget_verified_by_shop_badge_style":"light","widget_verified_by_shop_text":"Verified by Shop","widget_show_photo_gallery":false,"widget_load_with_code_splitting":true,"widget_ugc_install_preference":false,"widget_ugc_title":"Made by us, Shared by you","widget_ugc_subt
1583itle":"Tag us to see your picture featured in our page","widget_ugc_arrows_color":"#ffffff","widget_ugc_primary_button_text":"Buy Now","widget_ugc_primary_button_background_color":"#108474","widget_ugc_primary_button_text_color":"#ffffff","widget_ugc_primary_button_border_width":"0","widget_ugc_primary_button_border_style":"none","widget_ugc_primary_button_border_color":"#108474","widget_ugc_primary_button_border_radius":"25","widget_ugc_secondary_button_text":"Load More","widget_ugc_secondary_button_background_color":"#ffffff","widget_ugc_secondary_button_text_color":"#108474","widget_ugc_secondary_button_border_width":"2","widget_ugc_secondary_button_border_style":"solid","widget_ugc_secondary_button_border_color":"#108474","widget_ugc_secondary_button_border_radius":"25","widget_ugc_reviews_button_text":"View Reviews","widget_ugc_reviews_button_background_color":"#ffffff","widget_ugc_reviews_button_text_color":"#108474","widget_ugc_reviews_button_border_width":"2","widget_ugc_reviews_button_border_style":"solid","widget_ugc_reviews_button_border_color":"#108474","widget_ugc_reviews_button_border_radius":"25","widget_ugc_reviews_button_link_to":"judgeme-reviews-page","widget_ugc_show_post_date":true,"widget_ugc_max_width":"800","widget_rating_metafield_value_type":true,"widget_primary_color":"#333333","widget_enable_secondary_color":false,"widget_secondary_color":"#edf5f5","widget_summary_average_rating_text":"{{ average_rating }} out of 5","widget_media_grid_title":"Customer photos \u0026 videos","widget_media_grid_see_more_text":"See more","widget_round_style":false,"widget_show_product_medals":true,"widget_verified_by_judgeme_text":"Verified by Judge.me","widget_show_store_medals":true,"widget_verified_by_judgeme_text_in_store_medals":"Verified by Judge.me","widget_media_field_exceed_quantity_message":"Sorry, we can only accept {{ max_media }} for one review.","widget_media_field_exceed_limit_message":"{{ file_name }} is too large, please select a {{ media_type }} less than {{ size_limit }}MB.","widget_review_submitted_text":"Review Submitted!","widget_question_submitted_text":"Question Submitted!","widget_close_form_text_question":"Cancel","widget_write_your_answer_here_text":"Write your answer here","widget_enabled_branded_link":true,"widget_show_collected_by_judgeme":false,"widget_reviewer_name_color":"","widget_write_review_text_color":"","widget_write_review_bg_color":"","widget_collected_by_judgeme_text":"collected by Judge.me","widget_pagination_type":"standard","widget_load_more_text":"Load More","widget_load_more_color":"#108474","widget_full_review_text":"Full Review","widget_read_more_reviews_text":"Read More Reviews","widget_read_questions_text":"Read Questions","widget_questions_and_answers_text":"Questions \u0026 Answers","widget_verified_by_text":"Verified by","widget_verified_text":"Verified","widget_number_of_reviews_text":"{{ number_of_reviews }} reviews","widget_back_button_text":"Back","widget_next_button_text":"Next","widget_custom_forms_filter_button":"Filters","custom_forms_style":"horizontal","widget_show_review_information":false,"how_reviews_are_collected":"How reviews are collected?","widget_show_review_keywords":false,"widget_gdpr_statement":"How we use your data: We'll only contact you about the review you left, and only if necessary. By submitting your review, you agree to Judge.me's \u003ca href='https://judge.me/terms' target='_blank' rel='nofollow noopener'\u003eterms\u003c/a\u003e, \u003ca href='https://judge.me/privacy' target='_blank' rel='nofollow noopener'\u003eprivacy\u003c/a\u003e and \u003ca href='https://judge.me/content-policy' target='_blank' rel='nofollow noopener'\u003econtent\u003c/a\u003e policies.","widget_multilingual_sorting_enabled":false,"widget_translate_review_content_enabled":false,"widget_translate_review_content_method":"manual","popup_widget_review_selection":"automatically_with_pictures","popup_widget_round_border_style":true,"popup_widget_show_title":true,"popup_widget_show_body":true,"popup_widget_show_reviewer":false,"popup_widget_show_product":true,"popup_widget_show_pictures":true,"popup_widget_use_review_picture":true,"popup_widget_show_on_home_page":true,"popup_widget_show_on_product_page":true,"popup_widget_show_on_collection_page":true,"popup_widget_show_on_cart_page":true,"popup_widget_position":"bottom_left","popup_widget_first_review_delay":5,"popup_widget_duration":5,"popup_widget_interval":5,"popup_widget_review_count":5,"popup_widget_hide_on_mobile":true,"review_snippet_widget_round_border_style":true,"review_snippet_widget_card_color":"#FFFFFF","review_snippet_widget_text_color":"#000000","review_snippet_widget_lighter_text_color":"#7B7B7B","review_snippet_widget_slider_arrows_background_color":"#FFFFFF","review_snippet_widget_slider_arrows_color":"#000000","review_snippet_widget_star_color":"#333333","show_product_variant":false,"all_reviews_product_variant_label_text":"Variant: ","widget_show_verified_branding":false,"widget_ai_summary_title":"Customers say","widget_ai_summary_disclaimer":"AI-powered review summary based on recent customer reviews","widget_show_ai_summary":false,"widget_show_ai_summary_bg":false,"write_review_button_visibility":"everyone","store_summary_widget_heading":"Customers rate this store","store_summary_widget_button_text":"View customer reviews","store_summary_widget_button_theme_text":"See AI reviews summary","widget_show_review_title_input":true,"widget_autofill_review_title":true,"redirect_reviewers_invited_via_email":"review_widget","request_store_review_after_product_review":true,"request_review_other_products_in_order":true,"review_form_color_scheme":"default","review_form_corner_style":"square","review_form_star_color":"#333333","review_form_text_color":"#333333","review_form_background_color":"#ffffff","review_form_field_background_color":"#fafafa","review_form_button_color":"#333333","review_form_button_text_color":"#ffffff","review_form_modal_overlay_color":"#000000","review_form_theme":"multi_step","review_form_location":"in_store_popup","review_form_external_page_background_color":"#C5F7F0","review_content_screen_title_text":"How would you rate this product?","review_content_introduction_text":"We would love it if you would share a bit about your experience.","store_review_form_title_text":"How would you rate this store?","store_review_form_introduction_text":"We would love it if you would share a bit about your experience.","show_review_guidance_text":true,"one_star_review_guidance_text":"Poor","five_star_review_guidance_text":"Great","customer_information_screen_title_text":"About you","customer_information_introduction_text":"Please tell us more about you.","custom_questions_screen_title_text":"Your experience in more detail","custom_questions_introduction_text":"Here are a few questions to help us understand more about your experience.","review_submitted_screen_title_text":"Thanks for your review!","review_submitted_screen_thank_you_text":"We are processing it and it will appear on the store soon.","review_submitted_screen_email_verification_text":"Please confirm your email by clicking the link we just sent you. This helps us keep reviews authentic.","confirm_email_screen_title_text":"Confirm your email","confirm_email_screen_message_text":"To help keep reviews authentic, we'll send you a secure link to continue writing your review. It only takes a moment.","check_email_screen_title_text":"Check your email","check_email_screen_message_text":"We sent you an email to {{ email }}. Click the button on the email to continue.","check_email_screen_resend_message_text":"Email resent!","check_email_resend_hint_text":"Didn't get the email? Check your spam folder or [resend the email].","verification_email_rate_limit_error_text":"You've reached the limit for review attempts on this product. Please check your inbox or try again later.","review_submitted_request_store_review_text":"Would you like to share your experience of shopping with us?","review_submitted_review_other_products_text":"Would you like to review these products?","store_review_screen_title_text":"Would you like to share your experience of shopping with us?","store_review_introduction_text":"We value your feedback and use it to improve. Please share any thoughts or suggestions you have.","reviewer_media_screen_title_picture_text":"Share a picture","reviewer_media_introduction_picture_text":"Upload a photo to support your review.","reviewer_media_screen_title_video_text":"Share a video","reviewer_media_introduction_video_text":"Upload a video to support your review.","reviewer_media_screen_title_picture_or_video_text":"Share a picture or video","reviewer_media_introduction_picture_or_video_text":"Upload a photo or video to support your review.","reviewer_media_
1583youtube_url_text":"Paste your Youtube URL here","advanced_settings_next_step_button_text":"Next","advanced_settings_close_review_button_text":"Close","modal_write_review_flow":false,"write_review_flow_required_text":"Required","write_review_flow_privacy_message_text":"We respect your privacy.","write_review_flow_anonymous_text":"Post review as anonymous","write_review_flow_visibility_text":"This won't be visible to other customers.","write_review_flow_multiple_selection_help_text":"Select as many as you like","write_review_flow_single_selection_help_text":"Select one option","write_review_flow_required_field_error_text":"This field is required","write_review_flow_invalid_email_error_text":"Please enter a valid email address","write_review_flow_max_length_error_text":"Max. {{ max_length }} characters.","write_review_flow_media_upload_text":"\u003cb\u003eClick to upload\u003c/b\u003e or drag and drop","write_review_flow_gdpr_statement":"We'll only contact you about your review if necessary. By submitting your review, you agree to our \u003ca href='https://judge.me/terms' target='_blank' rel='nofollow noopener'\u003eterms and conditions\u003c/a\u003e and \u003ca href='https://judge.me/privacy' target='_blank' rel='nofollow noopener'\u003eprivacy policy\u003c/a\u003e.","rating_only_reviews_enabled":false,"show_negative_reviews_help_screen":false,"new_review_flow_help_screen_rating_threshold":3,"negative_review_resolution_screen_title_text":"Tell us more","negative_review_resolution_text":"Your experience matters to us. If there were issues with your purchase, we're here to help. Feel free to reach out to us, we'd love the opportunity to make things right.","negative_review_resolution_button_text":"Contact us","negative_review_resolution_proceed_with_review_text":"Leave a review","negative_review_resolution_subject":"Issue with purchase from {{ shop_name }}.{{ order_name }}","coupon_promo_intro_any_review_text":"Write a review and get a coupon for {{ amount }} off your next purchase","coupon_promo_intro_with_photo_text":"Write a review and add a photo or video to get a coupon for {{ amount }} off your next purchase","coupon_promo_intro_with_video_text":"Write a review and add a video to get a coupon for {{ amount }} off your next purchase","coupon_promo_intro_up_to_any_review_text":"Write a review and get a coupon for up to {{ amount }} off your next purchase","coupon_promo_intro_up_to_with_photo_text":"Write a review and add a photo or video to get a coupon for up to {{ amount }} off your next purchase","coupon_promo_intro_external_text":"Write a review and get a reward for your next purchase","coupon_promo_intro_external_with_photo_text":"Write a review and add a photo or video to get a reward for your next purchase","coupon_promo_intro_external_with_video_text":"Write a review and add a video to get a reward for your next purchase","coupon_promo_media_photo_text":"Add a photo or video and get a coupon for {{ amount }} off your next purchase","coupon_promo_media_photo_only_text":"Add a photo and get a coupon for {{ amount }} off your next purchase","coupon_promo_media_video_text":"Add a video and get a coupon for {{ amount }} off your next purchase","coupon_promo_media_external_photo_text":"Add a photo or video and get a reward for your next purchase","coupon_promo_media_external_photo_only_text":"Add a photo and get a reward for your next purchase","coupon_promo_media_external_video_text":"Add a video and get a reward for your next purchase","coupon_promo_success_text":"You've got a coupon for your next purchase at {{ shop_name }}!","coupon_promo_success_subtext":"You'll receive your coupon email within the hour.","preview_badge_collection_page_install_status":false,"widget_review_custom_css":"","preview_badge_custom_css":"","preview_badge_stars_count":"5-stars","featured_carousel_custom_css":"","floating_tab_custom_css":"","all_reviews_widget_custom_css":"","medals_widget_custom_css":"","verified_badge_custom_css":"","all_reviews_text_custom_css":"","transparency_badges_collected_via_store_invite":false,"transparency_badges_from_another_provider":false,"transparency_badges_collected_from_store_visitor":false,"transparency_badges_collected_by_verified_review_provider":true,"transparency_badges_earned_reward":false,"transparency_badges_collected_via_store_invite_text":"Review collected via store invitation","transparency_badges_from_another_provider_text":"Review collected from another provider","transparency_badges_collected_from_store_visitor_text":"Review collected from a store visitor","transparency_badges_written_in_google_text":"Review written in Google","transparency_badges_written_in_etsy_text":"Review written in Etsy","transparency_badges_written_in_shop_app_text":"Review written in Shop App","transparency_badges_earned_reward_text":"Review earned a reward for future purchase","product_review_widget_per_page":10,"widget_other_languages_reviews_per_page":3,"widget_store_review_label_text":"Review about the store","widget_cart_mode_aggregate_heading_text":"Customers rate this store","checkout_comment_extension_title_on_product_page":"Customer Comments","checkout_comment_extension_num_latest_comment_show":5,"checkout_comment_extension_format":"name_and_timestamp","checkout_comment_customer_name":"last_initial","checkout_comment_comment_notification":true,"preview_badge_collection_page_install_preference":false,"preview_badge_home_page_install_preference":false,"preview_badge_product_page_install_preference":false,"review_widget_install_preference":"","review_carousel_install_preference":false,"floating_reviews_tab_install_preference":"none","verified_reviews_count_badge_install_preference":false,"all_reviews_text_install_preference":false,"review_widget_best_location":false,"judgeme_medals_install_preference":false,"review_widget_revamp_enabled":false,"review_widget_qna_enabled":false,"review_widget_header_theme":"minimal","review_widget_widget_title_enabled":true,"review_widget_header_text_size":"medium","review_widget_header_text_weight":"regular","review_widget_average_rating_style":"compact","review_widget_bar_chart_enabled":true,"review_widget_bar_chart_type":"numbers","review_widget_bar_chart_style":"standard","review_widget_expanded_media_gallery_enabled":false,"review_widget_show_review_highlights":false,"review_widget_show_review_keywords_in_gray":false,"review_widget_reviews_section_theme":"standard","review_widget_image_style":"thumbnails","review_widget_review_image_ratio":"square","review_widget_stars_size":"medium","review_widget_verified_badge":"standard_text","review_widget_review_title_text_size":"medium","review_widget_review_text_size":"medium","review_widget_review_text_length":"medium","review_widget_number_of_columns_desktop":3,"review_widget_carousel_transition_speed":5,"review_widget_custom_questions_answers_display":"always","review_widget_card_section_size":"small","review_widget_button_text_color":"#FFFFFF","review_widget_text_color":"#000000","review_widget_lighter_text_color":"#7B7B7B","review_widget_corner_styling":"soft","review_widget_review_word_singular":"review","review_widget_review_word_plural"
1583:"reviews","review_widget_voting_label":"Helpful?","review_widget_shop_reply_label":"Reply from {{ shop_name }}:","review_widget_filters_title":"Filters","review_widget_filter_rating_title":"Rating","review_widget_filter_keyword_title":"Keyword","review_widget_clear_filters_text":"Clear filters","review_widget_expand_more_text":"More","review_widget_review_highlights_title":"Review highlights","qna_widget_question_word_singular":"Question","qna_widget_question_word_plural":"Questions","qna_widget_answer_reply_label":"Answer from {{ answerer_name }}:","qna_content_screen_title_text":"Ask a question about this product","qna_widget_question_required_field_error_text":"Please enter your question.","qna_widget_flow_gdpr_statement":"We'll only contact you about your question if necessary. By submitting your question, you agree to our \u003ca href='https://judge.me/terms' target='_blank' rel='nofollow noopener'\u003eterms and conditions\u003c/a\u003e and \u003ca href='https://judge.me/privacy' target='_blank' rel='nofollow noopener'\u003eprivacy policy\u003c/a\u003e.","qna_widget_question_submitted_text":"Thanks for your question!","qna_widget_close_form_text_question":"Close","qna_widget_question_submit_success_text":"Weâll notify you by email when your question is answered.","all_reviews_widget_v2025_enabled":false,"all_reviews_widget_v2025_header_theme":"default","all_reviews_widget_v2025_widget_title_enabled":true,"all_reviews_widget_v2025_header_text_size":"medium","all_reviews_widget_v2025_header_text_weight":"regular","all_reviews_widget_v2025_average_rating_style":"compact","all_reviews_widget_v2025_bar_chart_enabled":true,"all_reviews_widget_v2025_bar_chart_type":"numbers","all_reviews_widget_v2025_bar_chart_style":"standard","all_reviews_widget_v2025_expanded_media_gallery_enabled":false,"all_reviews_widget_v2025_show_store_medals":true,"all_reviews_widget_v2025_show_photo_gallery":true,"all_reviews_widget_v2025_show_review_keywords":false,"all_reviews_widget_v2025_show_ai_summary":false,"all_reviews_widget_v2025_show_ai_summary_bg":false,"all_reviews_widget_v2025_show_review_highlights":false,"all_reviews_widget_v2025_show_review_keywords_in_gray":false,"all_reviews_widget_v2025_add_search_bar":false,"all_reviews_widget_v2025_default_sort_method":"most-recent","all_reviews_widget_v2025_reviews_per_page":10,"all_reviews_widget_v2025_reviews_section_theme":"default","all_reviews_widget_v2025_image_style":"thumbnails","all_reviews_widget_v2025_review_image_ratio":"square","all_reviews_widget_v2025_stars_size":"medium","all_reviews_widget_v2025_verified_badge":"standard_text","all_reviews_widget_v2025_review_title_text_size":"medium","all_reviews_widget_v2025_review_text_size":"medium","all_reviews_widget_v2025_review_text_length":"medium","all_reviews_widget_v2025_number_of_columns_desktop":3,"all_reviews_widget_v2025_carousel_transition_speed":5,"all_reviews_widget_v2025_custom_questions_answers_display":"always","all_reviews_widget_v2025_review_dates":false,"all_reviews_widget_v2025_card_section_size":"small","all_reviews_widget_v2025_show_product_variant":false,"all_reviews_widget_v2025_show_reviewer_avatar":true,"all_reviews_widget_v2025_reviewer_name_as_initial":"","all_reviews_widget_v2025_review_location_show":false,"all_reviews_widget_v2025_location_format":"","all_reviews_widget_v2025_show_country_flag":false,"all_reviews_widget_v2025_widget_thumb":false,"all_reviews_widget_v2025_verified_by_shop_badge_style":"light","all_reviews_widget_v2025_social_share":false,"all_reviews_widget_v2025_social_share_options_order":"Facebook,Twitter,LinkedIn,Pinterest","all_reviews_widget_v2025_pagination_type":"standard","all_reviews_widget_v2025_button_text_color":"#FFFFFF","all_reviews_widget_v2025_text_color":"#000000","all_reviews_widget_v2025_lighter_text_color":"#7B7B7B","all_reviews_widget_v2025_corner_styling":"soft","all_reviews_widget_v2025_title":"Customer reviews","all_reviews_widget_v2025_ai_summary_title":"Customers say about this store","all_reviews_widget_v2025_no_review_text":"Be the first to write a review","all_reviews_widget_v2025_review_highlights_title":"Review highlights","reviews_grid_widget_show_sample_reviews":false,"reviews_grid_widget_review_selection":"all","reviews_grid_widget_select_products":[],"reviews_grid_widget_show_media_only":false,"reviews_grid_widget_display_order":"media_first","reviews_grid_widget_card_grouping":"per_media","reviews_grid_widget_columns_desktop":3,"reviews_grid_widget_rows_desktop":3,"reviews_grid_widget_columns_mobile":2,"reviews_grid_widget_rows_mobile":6,"reviews_grid_widget_show_stars":true,"reviews_grid_widget_show_reviewer_name":true,"reviews_grid_widget_show_review_title_on_hover_desktop":true,"reviews_grid_widget_corner_styling":"soft","reviews_grid_widget_card_spacing":"medium","reviews_grid_widget_header_text_color":"#000000","reviews_grid_widget_star_and_reviewer_name_color":"#F9F9F9","reviews_grid_widget_overlay_and_background_color":"#000000","reviews_grid_widget_content_color":"#F9F9F9","reviews_grid_widget_header_text":"From our customers","reviews_grid_widget_show_average_rating":true,"trust_badge_enabled":false,"trust_badge_structure":"outline","trust_badge_color":"black","trust_badge_star":"black","trust_badge_rating_display_default":"show_avg_text","platform":"shopify","branding_url":"https://app.judge.me/reviews/stores/vbarbershop.com","branding_text":"Powered by Judge.me","locale":"en","reply_name":"V's Barbershop","shop_currency":"USD","widget_version":"3.0","footer":true,"autopublish":true,"review_dates":true,"enable_custom_form":false,"shop_use_review_site":true,"shop_locale":"en","enable_multi_locales_translations":true,"show_review_title_input":true,"autofill_review_title":true,"review_verification_email_status":"always","require_verification_before_submit":false,"sign_in_with_
1583shop_enabled":false,"customer_account_validation_enabled":true,"most_relevant_sort_enabled":false,"coupon_promo_invited_eligible":true,"coupon_promo_web_eligible":false,"uses_coupon_integration":false,"uses_external_coupon":false,"can_be_branded":true,"rtl_stars_enabled_ar":true,"rtl_stars_enabled_he":true,"reply_name_text":"V's Barbershop"};</script>
1583 <style class='jdgm-settings-style'>.jdgm-xx{left:0}:root{--jdgm-primary-color: #333;--jdgm-secondary-color: rgba(51,51,51,0.1);--jdgm-star-color: #333;--jdgm-write-review-text-color: white;--jdgm-write-review-bg-color: #333333;--jdgm-paginate-color: #333;--jdgm-border-radius: 0;--jdgm-reviewer-name-color: #333333}.jdgm-histogram__bar-content{background-color:#333}.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:#333}.jdgm-review-widget--small .jdgm-gallery.jdgm-gallery .jdgm-gallery__thumbnail-link:nth-child(8) .jdgm-gallery__thumbnail-wrapper.jdgm-gallery__thumbnail-wrapper:before{content:"See more"}@media only screen and (min-width: 768px){.jdgm-gallery.jdgm-gallery .jdgm-gallery__thumbnail-link:nth-child(8) .jdgm-gallery__thumbnail-wrapper.jdgm-gallery__thumbnail-wrapper:before{content:"See more"}}.jdgm-prev-badge[data-average-rating='0.00']{display:none !important}.jdgm-author-all-initials{display:none !important}.jdgm-author-last-initial{display:none !important}.jdgm-rev-widg__title{visibility:hidden}.jdgm-rev-widg__summary-text{visibility:hidden}.jdgm-prev-badge__text{visibility:hidden}.jdgm-rev__prod-link-prefix:before{content:'about'}.jdgm-rev__variant-label:before{content:'Variant: '}.jdgm-rev__out-of-store-text:before{content:'(out of store)'}@media only screen and (min-width: 768px){.jdgm-rev__pics .jdgm-rev_all-rev-page-picture-separator,.jdgm-rev__pics .jdgm-rev__product-picture{display:none}}@media only screen and (max-width: 768px){.jdgm-rev__pics .jdgm-rev_all-rev-page-picture-separator,.jdgm-rev__pics .jdgm-rev__product-picture{display:none}}.jdgm-preview-badge[data-template="product"]{display:none !important}.jdgm-preview-badge[data-template="collection"]{display:none !important}.jdgm-preview-badge[data-template="index"]{display:none !important}.jdgm-review-widget[data-from-snippet="true"]{display:none !important}.jdgm-verified-count-badget[data-from-snippet="true"]{display:none !important}.jdgm-carousel-wrapper[data-from-snippet="true"]{display:none !important}.jdgm-all-reviews-text[data-from-snippet="true"]{display:none !important}.jdgm-medals-section[data-from-snippet="true"]{display:none !important}.jdgm-ugc-media-wrapper[data-from-snippet="true"]{display:none !important}.jdgm-rev__transparency-badge[data-badge-type="review_collected_via_store_invitation"]{display:none !important}.jdgm-rev__transparency-badge[data-badge-type="review_collected_from_another_provider"]{display:none !important}.jdgm-rev__transparency-badge[data-badge-type="review_collected_from_store_visitor"]{display:none !important}.jdgm-rev__transparency-badge[data-badge-type="review_earned_for_future_purchase"]{display:none !important}.jdgm-review-snippet-widget{--jdgm-snippet-card-color: #fff;--jdgm-snippet-text-color: #000;--jdgm-snippet-lighter-text-color: #7B7B7B;--jdgm-snippet-star-color: #333;--jdgm-snippet-border-radius: 8px;--jdgm-snippet-arrows-bg-color: #fff;--jdgm-snippet-arrows-color: #000}.jdgm-review-snippet-widget .jdgm-rev-snippet-widget__cards-container .jdgm-rev-snippet-card{border-radius:8px;background:#fff}.jdgm-review-snippet-widget .jdgm-rev-snippet-widget__cards-container .jdgm-rev-snippet-card__rev-rating .jdgm-star{color:#333}.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:'V's Barbershop'}.jdgm-full-rev-modal.rev-snippet-widget .jm-mfp-container .jdgm-full-rev .jdgm-full-rev__product-button{border-radius:calc( 8px * 6 )} 1584</style> <style class='jdgm-settings-style'></style> 1585 1586 1587 1588 1589 <style class='jdgm-miracle-styles'> 1590 @-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
1590/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-prev-badge{display:block !important} 1591 1592</style> 1593 1594 1595 1596 1597 1598 1599 1600 1601
1602<script data-cfasync='false' class='jdgm-script'> 1603!function(e){window.jdgm=window.jdgm||{}; 1604/* INF-1976 */ 1605var _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;}(); 1606if(_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;} 1607jdgm.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/01a0fd03-c455-7b82-9766-74101e55572c/judgeme-771/assets/",jdgm.CDN_API_HOST="https://cdn.judge.me/", 1608jdgm.docReady=function(d){(e.attachEvent?"complete"===e.readyState:"loading"!==e.readyState)? 1609setTimeout(d,0):e.addEventListener("DOMContentLoaded",d)},jdgm.loadCSS=function(d,t,o,a){ 1610!o&&jdgm.loadCSS.requestedUrls.indexOf(d)>=0||(jdgm.loadCSS.requestedUrls.push(d), 1611(a=e.createElement("link")).rel="stylesheet",a.class="jdgm-stylesheet",a.media="nope!", 1612a.href=d,a.onload=function(){this.media="all",t&&setTimeout(t)},e.body.appendChild(a))}, 1613jdgm.loadCSS.requestedUrls=[],jdgm.loadJS=function(e,d){var t=new XMLHttpRequest; 1614t.onreadystatechange=function(){4===t.readyState&&t.status>=200&&t.status<300&&(Function(t.response)(),d&&d(t.response))}, 1615t.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( 1616".jdgm-widget, .jdgm-all-reviews-page").length>0)&&(jdgmSettings.widget_load_with_code_splitting? 1617parseFloat(jdgmSettings.widget_version)>=3?jdgm.loadCSS(jdgm.CDN_BASE_URL+"widget_v3_base.css"): 1618jdgm.loadCSS(jdgm.CDN_BASE_URL+"widget_base.css"):jdgm.loadCSS(jdgm.CDN_BASE_URL+"shopify_v2.css") 1619)}))}(document); 1620</script>
1620 1621<noscript><link rel="stylesheet" type="text/css" media="all" href="https://cdn.shopify.com/extensions/01a0fd03-c455-7b82-9766-74101e55572c/judgeme-771/assets/shopify_v2.css"></noscript> 1622 1623<!-- BEGIN app snippet: theme_fix_tags -->
1623<script> 1624 (function() { 1625 var jdgmThemeFixes = null; 1626 if (!jdgmThemeFixes) return; 1627 1628 // "All themes" fix: CSS and JS applied on every theme. CSS is injected 1629 // before the per-theme fix so the theme-specific CSS wins the cascade. 1630 // HTML is never applied globally (too risky). 1631 var allThemesFix = jdgmThemeFixes['all']; 1632 if (allThemesFix && allThemesFix.css) { 1633 var allStyleTag = document.createElement('style'); 1634 allStyleTag.classList.add('jdgm-theme-fix-style-all'); 1635 allStyleTag.innerHTML = allThemesFix.css; 1636 document.head.append(allStyleTag); 1637 }; 1638 1639 if (allThemesFix && allThemesFix.js) { 1640 var allScriptTag = document.createElement('script'); 1641 allScriptTag.classList.add('jdgm-theme-fix-script-all'); 1642 allScriptTag.innerHTML = allThemesFix.js; 1643 document.head.append(allScriptTag); 1644 }; 1645 1646 var thisThemeFix = jdgmThemeFixes[Shopify.theme.id]; 1647 if (!thisThemeFix) return; 1648 1649 if (thisThemeFix.html) { 1650 document.addEventListener("DOMContentLoaded", function() { 1651 var htmlDiv = document.createElement('div'); 1652 htmlDiv.classList.add('jdgm-theme-fix-html'); 1653 htmlDiv.innerHTML = thisThemeFix.html; 1654 document.body.append(htmlDiv); 1655 }); 1656 }; 1657 1658 if (thisThemeFix.css) { 1659 var styleTag = document.createElement('style'); 1660 styleTag.classList.add('jdgm-theme-fix-style'); 1661 styleTag.innerHTML = thisThemeFix.css; 1662 document.head.append(styleTag); 1663 }; 1664 1665 if (thisThemeFix.js) { 1666 var scriptTag = document.createElement('script'); 1667 scriptTag.classList.add('jdgm-theme-fix-script'); 1668 scriptTag.innerHTML = thisThemeFix.js; 1669 document.head.append(scriptTag); 1670 }; 1671 })(); 1672</script>
1672 1673<!-- END app snippet --> 1674<!-- End of Judge.me Core --> 1675 1676 1677 1678<!-- END app block -->
1678<script src="https://cdn.shopify.com/extensions/01a0fcf5-9827-75b1-9d7e-ea3a10d70819/gdpr-backpack-903/assets/consentmo_ada.js" type="text/javascript" defer="defer"></script>
vendor: 1 bytes, line 1678
1678
1679<script src="https://cdn.shopify.com/extensions/01a0fd03-c455-7b82-9766-74101e55572c/judgeme-771/assets/loader.js" type="text/javascript" defer="defer"></script>
vendor: 1 bytes, line 1679
1679
1680<script src="https://cdn.shopify.com/extensions/01a0fcf5-9827-75b1-9d7e-ea3a10d70819/gdpr-backpack-903/assets/consentmo_cookie_consent.js" type="text/javascript" defer="defer"></script>
1680 1681<link href="https://monorail-edge.shopifysvc.com" rel="dns-prefetch">
1682<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: 55475798113,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 1682
1682
1683<script> 1684 window.__TREKKIE_SHIM_QUEUE = window.__TREKKIE_SHIM_QUEUE || []; 1685</script>
vendor: 1 bytes, line 1685
1685
1686<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}
1686).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: 55475798113,storefrontBaseUrl: "https://vbarbershop.com",extensionsBaseUrl: "https://extensions.shopifycdn.com/cdn/shopifycloud/web-pixels-manager",monorailEndpoint: "https://vbarbershop.com/.well-known/shopify/monorail/unstable/produce_batch",surface: "storefront-renderer",enabledBetaFlags: ["4c64608a","16072cab","8450a54b","7ee89bf1"],webPixelsConfigList: [{"id":"1771962668","configuration":"{\"accountID\":\"VenFnW\",\"webPixelConfig\":\"eyJlbmFibGVBZGRlZFRvQ2FydEV2ZW50cyI6IHRydWV9\"}","eventPayloadVersion":"v1","runtimeContext":"STRICT","scriptVersion":"c63c5b72c8d77be5f2d27d14c081da38","type":"APP","apiClientId":123074,"privacyPurposes":["ANALYTICS","MARKETING"],"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"]}
1686,{"id":"1423409452","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":"1180172588","configuration":"{\"config\":\"{\\\"google_tag_ids\\\":[\\\"G-4C1823XFDT\\\",\\\"AW-17032035039\\\",\\\"GT-NB9B435C\\\"],\\\"target_country\\\":\\\"US\\\",\\\"gtag_events\\\":[{\\\"type\\\":\\\"begin_checkout\\\",\\\"action_label\\\":[\\\"G-4C1823XFDT\\\",\\\"AW-17032035039\\\/f-6lCPy7hr8aEN_1wLk_\\\"]},{\\\"type\\\":\\\"search\\\",\\\"action_label\\\":[\\\"G-4C1823XFDT\\\",\\\"AW-17032035039\\\/1M9rCPa7hr8aEN_1wLk_\\\"]},{\\\"type\\\":\\\"remove_from_cart\\\",\\\"action_label\\\":\\\"G-4C1823XFDT\\\"},{\\\"type\\\":\\\"view_item\\\",\\\"action_label\\\":[\\\"G-4C1823XFDT\\\",\\\"AW-17032035039\\\/FhWMCPO7hr8aEN_1wLk_\\\",\\\"MC-HF37J841D5\\\"]},{\\\"type\\\":\\\"add_shipping_info\\\",\\\"action_label\\\":\\\"G-4C1823XFDT\\\"},{\\\"type\\\":\\\"purchase\\\",\\\"action_label\\\":[\\\"G-4C1823XFDT\\\",\\\"AW-17032035039\\\/OucjCJ22hr8aEN_1wLk_\\\",\\\"MC-HF37J841D5\\\"]},{\\\"type\\\":\\\"page_view\\\",\\\"action_label\\\":[\\\"G-4C1823XFDT\\\",\\\"AW-17032035039\\\/xNGNCKC2hr8aEN_1wLk_\\\",\\\"MC-HF37J841D5\\\"]},{\\\"type\\\":\\\"view_item_list\\\",\\\"action_label\\\":\\\"G-4C1823XFDT\\\"},{\\\"type\\\":\\\"add_payment_info\\\",\\\"action_label\\\":[\\\"G-4C1823XFDT\\\",\\\"AW-17032035039\\\/0ND6CP-7hr8aEN_1wLk_\\\"]},{\\\"type\\\":\\\"add_to_cart\\\",\\\"action_label\\\":[\\\"G-4C1823XFDT\\\",\\\"AW-17032035039\\\/kBBmCPm7hr8aEN_1wLk_\\\"]},{\\\"type\\\":\\\"view_cart\\\",\\\"action_label\\\":\\\"G-4C1823XFDT\\\"}],\\\"enable_monitoring_mode\\\":false}\"}","eventPayloadVersion":"v1","runtimeContext":"OPEN","scriptVersion":"a3321ca85cf5aaf6b57585fcd8d67b3a","type":"APP","apiClientId":1780363,"privacyPurposes":[],"dataSharingAdjustments":{"protectedCustomerApprovalScopes":["read_customer_address","read_customer_email","read_customer_name","read_customer_personal_data","read_customer_phone"],"dataSharingControls":["share_all_events"]},"dataSharingState":"optimized","enabledFlags":["9a3ed68a"]},{"id":"664011052","configuration":"{\"pixelCode\":\"CC7SG9JC77U8IVDL19JG\"}","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":[]},"dataSharingState":"optimized"},{"id":"242942252","configuration":"{\"pixel_id\":\"392891276313730\",\"pixel_type\":\"facebook_pixel\",\"metaapp_system_user_token\":\"-\"}","eventPayloadVersion":"v1","runtimeContext":"OPEN","scriptVersion":"96420dbe9ea96c426a1b7f364f977719","type":"APP","apiClientId":2329312,"privacyPurposes":["ANALYTICS","MARKETING","SALE_OF_DATA"],"dataSharingAdjustments":{"protectedCustomerApprovalScopes":["read_customer_address","read_customer_email","read_customer_name","read_customer_personal_data","read_customer_phone"],"dataSharingControls":["share_all_events"]},"dataSharingState":"optimized","enabledFlags":["9a3ed68a"]},{"id":"150798636","eventPayloadVersion":"1","runtimeContext":"LAX","scriptVersion":"1","type":"CUSTOM","privacyPurposes":["ANALYTICS","MARKETING","SALE_OF_DATA"],"name":"GTM NEW"},{"id":"186810668","eventPayloadVersion":"1","runtimeContext":"LAX","scriptVersion":"1","type":"CUSTOM","privacyPurposes":["ANALYTICS","MARKETING","SALE_OF_DATA"],"name":"Retention"},{"id":"190153004","eventPayloadVersion":"1","runtimeContext":"LAX","scriptVersion":"9","type":"CUSTOM","privacyPurposes":["ANALYTICS","MARKETING","SALE_OF_DATA"],"name":"Tealium"},{"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":"V's Barbershop","paymentSettings":{"currencyCode":"USD"},"myshopifyDomain":"v-barbershop.myshopify.com","countryCode":"US","storefrontUrl":"https:\/\/vbarbershop.com"},"customer":null,"cart":null,"checkout":null,"productVariants":[{"price":{"amount":43.0,"currencyCode":"USD"},"product":{"title":"V's SHAVING FACE⢠ESSENTIALS KIT","vendor":"V's Barbershop","id":"10246975684908","untranslatedTitle":"V's SHAVING FACE⢠ESSENTIALS KIT","url":"\/products\/vs-shaving-face-essentials-kit","type":""},"id":"52716699386156","image":{"src":"\/\/vbarbershop.com\/cdn\/shop\/files\/ShavingFaceKit.jpg?v=1773177626"},"sku":"VBS158","title":"Default Title","untranslatedTitle":"Default Title"}
1686],"products":[{"id":"10246975684908","handle":"vs-shaving-face-essentials-kit","isCollective":null,"title":"V's SHAVING FACE⢠ESSENTIALS KIT","type":null,"untranslatedTitle":"V's SHAVING FACE⢠ESSENTIALS KIT","url":"\/products\/vs-shaving-face-essentials-kit","vendor":"V's Barbershop","remoteShopId":null,"variants":[{"id":"52716699386156","image":{"src":"\/\/vbarbershop.com\/cdn\/shop\/files\/ShavingFaceKit.jpg?v=1773177626"},"price":{"amount":43.0,"currencyCode":"USD"},"sku":"VBS158","title":"Default Title","untranslatedTitle":"Default Title"}]},{"id":"6754488287329","handle":"vs-authentic-barbershop-tonic-12oz-bottle","isCollective":null,"title":"V's AUTHENTIC BARBERSHOP TONIC","type":null,"untranslatedTitle":"V's AUTHENTIC BARBERSHOP TONIC","url":"\/products\/vs-authentic-barbershop-tonic-12oz-bottle","vendor":"V's Barbershop","remoteShopId":null,"variants":[{"id":"39874793144417","image":{"src":"\/\/vbarbershop.com\/cdn\/shop\/products\/V_s-Tonic-Front.jpg?v=1681152969"},"price":{"amount":18.0,"currencyCode":"USD"},"sku":"VBS070","title":"Default Title","untranslatedTitle":"Default Title"}]},{"id":"6806036021345","handle":"layrite-natural-matte-cream","isCollective":null,"title":"LAYRITE NATURAL MATTE CREAM","type":null,"untranslatedTitle":"LAYRITE NATURAL MATTE CREAM","url":"\/products\/layrite-natural-matte-cream","vendor":"Layrite","remoteShopId":null,"variants":[{"id":"40084323074145","image":{"src":"\/\/vbarbershop.com\/cdn\/shop\/files\/Layrite_Natural_Matte.jpg?v=1769633987"},"price":{"amount":24.5,"currencyCode":"USD"},"sku":"LR002","title":"4.25 OZ","untranslatedTitle":"4.25 OZ"}]},{"id":"10017881391404","handle":"wahl-micro-power-shaver","isCollective":null,"title":"WAHL MICRO POWER SHAVER","type":null,"untranslatedTitle":"WAHL MICRO POWER SHAVER","url":"\/products\/wahl-micro-power-shaver","vendor":"Wahl","remoteShopId":null,"variants":[{"id":"51262123802924","image":{"src":"\/\/vbarbershop.com\/cdn\/shop\/files\/WahlMicroPowerShaver.jpg?v=1750437922"},"price":{"amount":59.99,"currencyCode":"USD"},"sku":"WA024","title":"Default Title","untranslatedTitle":"Default Title"}]},{"id":"9745598611756","handle":"vs-barbershop-collegiate-v-t-shirt-ice-gray","isCollective":null,"title":"V's BARBERSHOP COLLEGIATE V T-SHIRT - ICE GRAY","type":null,"untranslatedTitle":"V's BARBERSHOP COLLEGIATE V T-SHIRT - ICE GRAY","url":"\/products\/vs-barbershop-collegiate-v-t-shirt-ice-gray","vendor":"V's Barbershop","remoteShopId":null,"variants":[{"id":"50267555954988","image":{"src":"\/\/vbarbershop.com\/cdn\/shop\/files\/CollegiateVTeeIceGrayFront.jpg?v=1733340588"},"price":{"amount":33.0,"currencyCode":"USD"},"sku":"VBA035-S","title":"Small","untranslatedTitle":"Small"}]}],"purchasingCompany":null},},"https://vbarbershop.com/cdn","5982071ew7ea472e3p69b68784m2150dfea",{"modern":"","legacy":""},{"trekkieShim":true,"agentContext":true,"apiClientId":"580111","facebookCapiEnabled":"true","themeId":"186095534380","themePublished":"true","eventMetadataId":"cb893a3d-e981-4367-8e31-b0f6ccfb7ae7","pageType":"product","resourceId":"10246975684908","shopId":"55475798113","storefrontBaseUrl":"https:\/\/vbarbershop.com","extensionBaseUrl":"https:\/\/extensions.shopifycdn.com\/cdn\/shopifycloud\/web-pixels-manager","surface":"storefront-renderer","enabledBetaFlags":"[\"4c64608a\", \"16072cab\", \"8450a54b\", \"7ee89bf1\"]","isMerchantRequest":"false","hashVersion":"5982071ew7ea472e3p69b68784m2150dfea","publish":"custom","events":"[[\"page_viewed\",{}],[\"product_viewed\",{\"productVariant\":{\"price\":{\"amount\":43.0,\"currencyCode\":\"USD\"},\"product\":{\"title\":\"V's SHAVING FACE⢠ESSENTIALS KIT\",\"vendor\":\"V's Barbershop\",\"id\":\"10246975684908\",\"untranslatedTitle\":\"V's SHAVING FACE⢠ESSENTIALS KIT\",\"url\":\"\/products\/vs-shaving-face-essentials-kit\",\"type\":\"\"},\"id\":\"52716699386156\",\"image\":{\"src\":\"\/\/vbarbershop.com\/cdn\/shop\/files\/ShavingFaceKit.jpg?v=1773177626\"},\"sku\":\"VBS158\",\"title\":\"Default Title\",\"untranslatedTitle\":\"Default Title\"}}]]"});})();</script>
1686<script> 1687 window.ShopifyAnalytics = window.ShopifyAnalytics || {}; 1688 window.ShopifyAnalytics.meta = window.ShopifyAnalytics.meta || {}; 1689 window.ShopifyAnalytics.meta.currency = 'USD'; 1690 var meta = {"product":{"id":10246975684908,"gid":"gid:\/\/shopify\/Product\/10246975684908","vendor":"V's Barbershop","type":"","handle":"vs-shaving-face-essentials-kit","variants":[{"id":52716699386156,"price":4300,"name":"V's SHAVING FACE⢠ESSENTIALS KIT","public_title":null,"sku":"VBS158"}],"remote":false},"page":{"pageType":"product","resourceType":"product","resourceId":10246975684908,"requestId":"196a91de-0123-4512-bb25-dd0cfcd01209-1791061218"}}; 1691 for (var attr in meta) { 1692 window.ShopifyAnalytics.meta[attr] = meta[attr]; 1693 } 1694</script>
vendor: 1 bytes, line 1694
1694
1695<script class="analytics"> 1696 (function () { 1697 var customDocumentWrite = function(content) { 1698 var jquery = null; 1699 1700 if (window.jQuery) { 1701 jquery = window.jQuery; 1702 } else if (window.Checkout && window.Checkout.$) { 1703 jquery = window.Checkout.$; 1704 } 1705 1706 if (jquery) { 1707 jquery('body').append(content); 1708 } 1709 }; 1710 1711 var hasLoggedConversion = function(token) { 1712 if (token) { 1713 return document.cookie.indexOf('loggedConversion=' + token) !== -1; 1714 } 1715 return false; 1716 } 1717 1718 var setCookieIfConversion = function(token) { 1719 if (token) { 1720 var twoMonthsFromNow = new Date(Date.now()); 1721 twoMonthsFromNow.setMonth(twoMonthsFromNow.getMonth() + 2); 1722 1723 document.cookie = 'loggedConversion=' + token + '; expires=' + twoMonthsFromNow; 1724 } 1725 } 1726 1727 var trekkie = window.ShopifyAnalytics.lib = window.trekkie = window.trekkie || []; 1728 window.ShopifyAnalytics.lib.trekkie = window.trekkie; 1729 if (trekkie.integrations) { 1730 return; 1731 } 1732 trekkie.methods = [ 1733 'identify', 1734 'page', 1735 'ready', 1736 'track', 1737 'trackForm', 1738 'trackLink' 1739 ]; 1740 trekkie.factory = function(method) { 1741 return function() { 1742 var args = Array.prototype.slice.call(arguments); 1743 args.unshift(method); 1744 trekkie.push(args); 1745 if (method == 'track' || method == 'page') { 1746 var pageUrl; 1747 try { 1748 pageUrl = window.location.href; 1749 } catch (e) {} 1750 var pageReferrer; 1751 try { 1752 pageReferrer = document.referrer; 1753 } catch (e) {} 1754 try { 1755 if (window.__TREKKIE_SHIM_QUEUE == null) { 1756 window.__TREKKIE_SHIM_QUEUE = []; 1757 } 1758 window.__TREKKIE_SHIM_QUEUE.push({ 1759 from: 'trekkie-stub', 1760 method: method, 1761 args: args.slice(1), 1762 pageContext: { 1763 url: pageUrl, 1764 referrer: pageReferrer 1765 } 1766 }); 1767 } catch (e) { 1768 // no-op 1769 } 1770 } 1771 return trekkie; 1772 }; 1773 }; 1774 for (var i = 0; i < trekkie.methods.length; i++) { 1775 var key = trekkie.methods[i]; 1776 trekkie[key] = trekkie.factory(key); 1777 } 1778 trekkie.load = function(config) { 1779 trekkie.config = config || {}; 1780 trekkie.config.initialDocumentCookie = document.cookie; 1781 var first = document.getElementsByTagName('script')[0]; 1782var script = document.createElement('script'); 1783script.type = 'text/javascript'; 1784script.onerror = function(e) { 1785 var scriptFallback = document.createElement('script'); 1786 scriptFallback.type = 'text/javascript'; 1787 scriptFallback.onerror = function(error) { 1788 var Monorail = { 1789 produce: function produce(monorailDomain, schemaId, payload) { 1790 var currentMs = new Date().getTime(); 1791 var event = { 1792 schema_id: schemaId, 1793 payload: payload, 1794 metadata: { 1795 event_created_at_ms: currentMs, 1796 event_sent_at_ms: currentMs 1797 } 1798 }; 1799 return Monorail.sendRequest("https://" + monorailDomain + "/v1/produce", JSON.stringify(event)); 1800 }, 1801 sendRequest: function sendRequest(endpointUrl, payload) { 1802 // Try the sendBeacon API 1803 if (window && window.navigator && typeof window.navigator.sendBeacon === 'function' && typeof window.Blob === 'function' && !Monorail.isIos12()) { 1804 var blobData = new window.Blob([payload], { 1805 type: 'text/plain' 1806 }); 1807 1808 if (window.navigator.sendBeacon(endpointUrl, blobData)) { 1809 return true; 1810 } // sendBeacon was not successful 1811 1812 } // XHR beacon 1813 1814 var xhr = new XMLHttpRequest(); 1815 1816 try { 1817 xhr.open('POST', endpointUrl); 1818 xhr.setRequestHeader('Content-Type', 'text/plain'); 1819 xhr.send(payload); 1820 } catch (e) { 1821 console.log(e); 1822 } 1823 1824 return false; 1825 }, 1826 isIos12: function isIos12() { 1827 return window.navigator.userAgent.lastIndexOf('iPhone; CPU iPhone OS 12_') !== -1 || window.navigator.userAgent.lastIndexOf('iPad; CPU OS 12_') !== -1; 1828 } 1829 }; 1830 Monorail.produce('monorail-edge.shopifysvc.com', 1831 'trekkie_storefront_load_errors/1.1', 1832 {shop_id: 55475798113, 1833 theme_id: 186095534380, 1834 app_name: "storefront", 1835 context_url: window.location.href, 1836 source_url: "//vbarbershop.com/cdn/s/trekkie.storefront.2f6d7d7ede7d24234881a9cd5f47e679642fa1f6.min.js"}); 1837 1838 }; 1839 scriptFallback.async = true; 1840 scriptFallback.src = '//vbarbershop.com/cdn/s/trekkie.storefront.2f6d7d7ede7d24234881a9cd5f47e679642fa1f6.min.js'; 1841 first.parentNode.insertBefore(scriptFallback, first); 1842}; 1843script.async = true; 1844script.src = '//vbarbershop.com/cdn/s/trekkie.storefront.2f6d7d7ede7d24234881a9cd5f47e679642fa1f6.min.js'; 1845first.parentNode.insertBefore(script, first); 1846 1847 }; 1848 trekkie.load( 1849 {"Trekkie":{"appName":"storefront","development":false,"defaultAttributes":{"shopId":55475798113,"isMerchantRequest":null,"themeId":186095534380,"themeCityHash":"3914864626642035886","contentLanguage":"en","currency":"USD","eventMetadataId":"cb893a3d-e981-4367-8e31-b0f6ccfb7ae7"},"isServerSideCookieWritingEnabled":true,"monorailRegion":"shop_domain","enabledBetaFlags":["764d78cb","8450a54b","7ee89bf1","4c64608a"]},"Session Attribution":{},"S2S":{"facebookCapiEnabled":true,"source":"trekkie-storefront-renderer","apiClientId":580111}} 1850 ); 1851 1852 var loaded = false;
1853 trekkie.ready(function() { 1854 if (loaded) return; 1855 loaded = true; 1856 1857 window.ShopifyAnalytics.lib = window.trekkie; 1858 1859 var originalDocumentWrite = document.write; 1860 document.write = customDocumentWrite; 1861 try { window.ShopifyAnalytics.merchantGoogleAnalytics.call(this); } catch(error) {}; 1862 document.write = originalDocumentWrite; 1863 1864 var match = window.location.pathname.match(/checkouts\/(.+)\/(thank_you|post_purchase)/) 1865 var token = match? match[1]: undefined; 1866 if (!hasLoggedConversion(token)) { 1867 setCookieIfConversion(token); 1868 window.ShopifyAnalytics.lib.track("Viewed Product",{"currency":"USD","variantId":52716699386156,"productId":10246975684908,"productGid":"gid:\/\/shopify\/Product\/10246975684908","name":"V's SHAVING FACE⢠ESSENTIALS KIT","price":"43.00","sku":"VBS158","brand":"V's Barbershop","variant":null,"category":"","nonInteraction":true,"remote":false,"available":true},undefined,undefined,{"shopifyEmitted":true}); 1869 } 1870 }); 1871 1872 window.ShopifyAnalytics.lib.page(null,{"pageType":"product","resourceType":"product","resourceId":10246975684908,"requestId":"196a91de-0123-4512-bb25-dd0cfcd01209-1791061218","shopifyEmitted":true}); 1873 1874 var eventsListenerScript = document.createElement('script'); 1875 eventsListenerScript.async = true; 1876 eventsListenerScript.src = "//vbarbershop.com/cdn/shopifycloud/storefront/assets/shop_events_listener-4e26a9ce.js"; 1877 document.getElementsByTagName('head')[0].appendChild(eventsListenerScript); 1878})();</script>
vendor: 1 bytes, line 1878
1878
1879<script 1880 defer 1881 src="https://vbarbershop.com/cdn/shopifycloud/perf-kit/shopify-perf-kit-3.9.4.min.js" 1882 data-application="storefront-renderer" 1883 data-shop-id="55475798113" 1884 data-render-region="gcp-us-central1" 1885 data-page-type="product" 1886 data-theme-instance-id="186095534380" 1887 data-theme-name="Woodstock" 1888 data-theme-version="3.1.0" 1889 data-monorail-region="shop_domain" 1890 data-resource-timing-sampling-rate="10" 1891 data-shs="true" 1892 data-shs-beacon="true" 1893 data-shs-export-with-fetch="true" 1894 data-shs-logs-sample-rate="1" 1895 data-shs-beacon-endpoint="https://vbarbershop.com/api/collect" 1896></script>
1896 1897<meta name="shopify-y" content="00000000-0000-0000-5000-000000000000" data-expiration="1822618818000"><meta name="shopify-s" content="00000000-0000-0000-5000-000000000000" data-expiration="1791063018000"><meta name="new-cookie-storage-activated" content="t"> 1898</head> 1899 1900 1901 <body class="gradient has-appear-effect"> 1902 1903 1904 1905 <!-- Google Tag Manager (noscript) -->
vendor: 72 bytes, lines 1905-1906
1905 1906 <noscript><iframe src="https://www.googletagmanager.com/ns.html?id=
1906GTM-T5R8X34
vendor: 91 bytes, lines 1906-1908
1906" 1907 height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript> 1908
1908<!-- End Google Tag Manager (noscript) --> 1909 1910 <a class="skip-to-content-link skip-to-content-link--all button visually-hidden" href="#MainContent" data-no-instant> 1911 <span>Skip to content</span> 1912 </a><svg xmlns="http://www.w3.org/2000/svg" class="hidden"> 1913 <symbol id="icon-search" viewbox="0 0 24 24" fill="none"> 1914 <path d="M22 22L15.656 15.656" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/> 1915 <path d="M10 18C14.4183 18 18 14.4183 18 10C18 5.58172 14.4183 2 10 2C5.58172 2 2 5.58172 2 10C2 14.4183 5.58172 18 10 18Z" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/> 1916 </symbol> 1917 1918 <symbol id="icon-close" class="icon icon-close" fill="none" viewBox="0 0 18 17"> 1919 <path d="M.865 15.978a.5.5 0 00.707.707l7.433-7.431 7.579 7.282a.501.501 0 00.846-.37.5.5 0 00-.153-.351L9.712 8.546l7.417-7.416a.5.5 0 10-.707-.708L8.991 7.853 1.413.573a.5.5 0 10-.693.72l7.563 7.268-7.418 7.417z" fill="currentColor"> 1920 </symbol> 1921 1922 <symbol id="icon-star"> 1923 <path d="M6.5 0L8.3544 3.7568L12.5 4.3592L9.5 7.2832L10.208 11.4128L6.5 9.4632L2.792 11.4128L3.5 7.2832L0.5 4.3592L4.6456 3.7568L6.5 0Z" fill="currentColor"/> 1924 </symbol> 1925 1926 <symbol id="icon-eye"> 1927 <path d="M2 9C2 9 5 4.5 9.5 4.5C14 4.5 17 9 17 9C17 9 14 13.5 9.5 13.5C5 13.5 2 9 2 9Z" stroke="currentColor" stroke-width="1.2" stroke-linecap="round" stroke-linejoin="round"/> 1928 <path d="M9.5 10.5C11.1569 10.5 12.5 9.15685 12.5 7.5C12.5 5.84315 11.1569 4.5 9.5 4.5C7.84315 4.5 6.5 5.84315 6.5 7.5C6.5 9.15685 7.84315 10.5 9.5 10.5Z" stroke="currentColor" stroke-width="1.2" stroke-linecap="round" stroke-linejoin="round"/> 1929 </symbol> 1930</svg><!-- BEGIN sections: header-group --> 1931<div id="shopify-section-sections--26886042976556__header" class="shopify-section shopify-section-group-header-group section-header"> 1932<!-- Tealium / AdTaxi integration script from Consentmo GDPR Compliance App -->
1933<script id="consentmo-tealium-adtaxi-integration-script"> 1934 let isTealiumAdTaxiExecuted = false; 1935 function executeTealiumAdTaxi() { 1936 if (!isTealiumAdTaxiExecuted) { 1937 // The content of Tealium / AdTaxi script goes here 1938 var tealiumScript = document.createElement('script'); 1939 tealiumScript.type = 'text/javascript'; 1940 tealiumScript.async = true; 1941 tealiumScript.src = 'https://tags.tiqcdn.com/utag/adtaxi/vbarbershop.com/prod/utag.js'; 1942 var firstScript = document.getElementsByTagName('script')[0]; 1943 firstScript.parentNode.insertBefore(tealiumScript, firstScript); 1944 isTealiumAdTaxiExecuted = true; 1945 } 1946 } 1947 document.addEventListener('consentmoSignal', function(eventData) { 1948 let data = eventData.detail.preferences; 1949 if (data.analytics || data.marketing) { 1950 executeTealiumAdTaxi(); 1951 } 1952 }); 1953</script>
1953 1954<!-- End Adtaxi script from Consentmo --> 1955<link rel="stylesheet" href="//vbarbershop.com/cdn/shop/t/129/assets/component-search.css?v=131819334157748362831790225185" media="print" onload="this.media='all'"> 1956<link rel="stylesheet" href="//vbarbershop.com/cdn/shop/t/129/assets/component-mega-menu.css?v=1383300071490072921790225179" media="print" onload="this.media='all'"> 1957 1958<noscript><link href="//vbarbershop.com/cdn/shop/t/129/assets/component-mega-menu.css?v=1383300071490072921790225179" rel="stylesheet" type="text/css" media="all" /></noscript> 1959<noscript><link href="//vbarbershop.com/cdn/shop/t/129/assets/component-search.css?v=131819334157748362831790225185" rel="stylesheet" type="text/css" media="all" /></noscript><style> 1960 .header-top { 1961 --disclosure-direction: 0.5rem; 1962 border-bottom: 1px solid rgb(var(--color-foreground), 0.05); 1963 } 1964 1965 .menu-drawer-container { 1966 display: flex; 1967 } 1968 1969 .header__heading-logo { 1970 max-width: min(100%, 90px); 1971 } 1972 1973 .header__icons { 1974 column-gap: 1rem; 1975 } 1976 1977 .list-menu { 1978 list-style: none; 1979 padding: 0; 1980 margin: 0; 1981 } 1982 1983 .list-menu--inline { 1984 display: inline-flex; 1985 flex-wrap: wrap; 1986 column-gap: 0.5rem; 1987 } 1988 1989 summary.list-menu__item { 1990 padding-inline-end: 2.7rem; 1991 } 1992 1993 .list-menu__item:not(.header__menu-item--top) { 1994 line-height: calc(1 + 0.3 / var(--font-body-scale)); 1995 } 1996 1997 .list-menu__item--link { 1998 text-decoration: none; 1999 padding-bottom: 1rem; 2000 padding-top: 1rem; 2001 line-height: calc(1 + 0.8 / var(--font-body-scale)); 2002 } 2003 2004 .predictive-search-loading-icon { 2005 display: none; 2006 } 2007 2008 .header__toggle-nav-button { 2009 width: 0rem; 2010 padding: 0; 2011 background: none; 2012 border: none; 2013 } 2014 2015 2016 2017 @media screen and (min-width: 750px) { 2018 .list-menu__item--link { 2019 padding-bottom: 0.6rem; 2020 padding-top: 0.6rem; 2021 } 2022 }@media screen and (min-width: 990px) { 2023 .header__heading-logo { 2024 max-width: min(100%, 100px); 2025 } 2026 }@media screen and (min-width: 1200px) { 2027 .list-menu--inline { 2028 column-gap: 1rem; 2029 } 2030 } 2031</style> 2032<style>@media screen and (max-width: 989px) { 2033 .header__heading-link {text-align: center;}} 2034 .header { 2035 --header-template-areas: 'left-icon heading icons';--header-template-columns: 1fr auto 1fr;}@media screen and (min-width: 990px) { 2036 .header {--header-template-areas: 'heading icons icons' 'navigation navigation navigation'; 2037 --header-template-columns: repeat(3, auto); 2038 padding-top: 1.5rem;}.header__inner { 2039 row-gap: 1.5rem; 2040 } 2041 .header__heading { 2042 z-index: 3; 2043 } 2044 .header__icons { 2045 grid-column: 2/4; 2046 width: 100%; 2047 justify-content: flex-end; 2048 } 2049 .header__search { 2050 flex-grow: 1; 2051 } 2052 .search--header { 2053 justify-content: flex-end; 2054 } 2055 .search__input--header { 2056 2057 width: min(50rem, 100%); 2058 2059 }.header__menu-labels ul { 2060 column-gap: 2.5rem; 2061 }} 2062</style>
2062<script src="//vbarbershop.com/cdn/shop/t/129/assets/details-disclosure.js?v=17506770513992211911790225195" defer="defer"></script>
vendor: 1 bytes, line 2062
2062
2063<script src="//vbarbershop.com/cdn/shop/t/129/assets/details-modal.js?v=141430337600116437951790225196" defer="defer"></script>
2063<script src="//vbarbershop.com/cdn/shop/t/129/assets/sticky-header.js?v=171312928031008106291790225228" defer="defer"></script>
2063<sticky-header 2064 class="header-wrapper por db color-background-1 gradient header-wrapper--border-bottom toggle-nav" 2065 2066 data-sticky-type="on_scroll_up" 2067><div class="header-top color-background-2 isolate gradient small-hide medium-hide"> 2068 <div class="page-width"> 2069 <div class="header-top__content flex flex-wrap w100 justify-space-between align-center"><div class="header__store-information small-hide medium-hide"><ul class="header__store-information__list list-unstyled flex"><li><a role="link" aria-label="FREE SHIPPING ON ALL ORDERS OVER $50" class="rq-header-info-without-link header__store-information__item header__store-information__item--link flex align-center link-effect-no-underline color-foreground header__icon__text"> 2070 <style> 2071 .rq-header-info-without-link { 2072 cursor: auto !important; 2073 } 2074 .rq-header-info-without-link:before { 2075 content: unset !important; 2076 } 2077 </style> 2078 2079 <div class="rq-image-icons"> 2080 <img src="//vbarbershop.com/cdn/shop/files/FreeShipping2.png?v=1708706601" alt="Shipping box"> 2081 </div> 2082 <span>FREE SHIPPING ON ALL ORDERS OVER $50</span> 2083 </a></li></ul></div><div class="header__localization align-center isolate flex justify-right flex-grow-1"><div class="header__store-information small-hide medium-hide"> 2084 2085 <ul class="uaf-announcement-bar-menu" style="display: flex; list-style-type: none;"> 2086 2087 <li><a class="header__store-information__item header__store-information__item--link flex align-center link-effect-no-underline color-foreground header__icon__text" href="/pages/faqs">HELP</a></li> 2088 2089 <li><a class="header__store-information__item header__store-information__item--link flex align-center link-effect-no-underline color-foreground header__icon__text" href="/pages/contact">CONTACT</a></li> 2090 2091 <li><a class="header__store-information__item header__store-information__item--link flex align-center link-effect-no-underline color-foreground header__icon__text" href="/pages/franchise-home">FRANCHISE</a></li> 2092 2093 <li><a class="header__store-information__item header__store-information__item--link flex align-center link-effect-no-underline color-foreground header__icon__text" href="https://account.vbarbershop.com">WHOLESALE</a></li> 2094 2095 </ul> 2096 2097 </div> 2098 2099</div></div> 2100 </div> 2101 </div><header class="header header--top-left w100 header--has-menu header--mobile-center"> 2102 <div class="header__inner page-width"><div class="header__left-icons flex justify-left large-up-hide"> 2103 <header-drawer 2104 data-breakpoint="tablet" 2105 class="header__drawer-mobile align-self-center" 2106 id="header-drawer-menu-mobile" 2107 > 2108 <details id="Details-menu-drawer-container" class="menu-drawer-container"> 2109 <summary 2110 class="header__icon header__icon--menu header__icon--summary link header__button-icon flex justify-center align-center" 2111 aria-label="Menu" 2112 > 2113 <span class="por"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="24" height="24" viewBox="0 0 24 24" aria-hidden="true" focusable="false" role="presentation" class="icon icon-hamburger icon-open-state"> 2114 <line x1="5" y1="7" x2="19" y2="7" stroke="currentColor" stroke-width="2" stroke-linecap="round"/> 2115 <line x1="5" y1="12" x2="19" y2="12" stroke="currentColor" stroke-width="2" stroke-linecap="round"/> 2116 <line x1="5" y1="17" x2="19" y2="17" stroke="currentColor" stroke-width="2" stroke-linecap="round"/> 2117</svg><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" role="presentation" class="icon icon-close icon-close-state" width="24" height="24" viewBox="0 0 22 22" fill="none"> 2118 <path d="M5.5 16.5L16.5 5.5M5.5 5.5L16.5 16.5" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/> 2119</svg></span> 2120 </summary> 2121 <div id="menu-drawer" class="gradient menu-drawer menu-drawer--left motion-reduce" tabindex="-1"> 2122 <div class="menu-drawer__inner-container por h100"> 2123 <div class="menu-drawer__navigation-container h100 overflow-hidden"><div class="menu-drawer__block menu-drawer__background"><details-accordion id="header-region-mobile"> 2124 <details> 2125 <summary class="rq-mob-main header__customer-support-region__button header__customer-support-region__button--mobile flex align-center por no-control-menu"> 2126
2127 <span class="header__customer-support-region__global-info"><span class="font-body-bold">LOCATIONS & RESERVATIONS</span> 2128 </span><svg width="18" height="18" viewBox="0 0 18 18" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon icon-caret light"> 2129 <path d="M14.25 6.75L9 12L3.75 6.75" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/> 2130</svg></summary> 2131 <div class="rq-mobile header__customer-support-region__list flex flex-column"><div class="header__customer-support-region__region flex flex-column"> 2132 2133 <a href="/pages/store-locator" class=" rq-bg-color"> 2134 <span class="header__customer-support-region__name"> 2135 2136 <div class="rq-icons-customer-support-desktop"> 2137 <img src="//vbarbershop.com/cdn/shop/files/VBarbershop-Icon-Location.svg?v=1706053933" alt="Gold and black circular location pin icon"> 2138 </div> 2139 2140 FIND A LOCATION 2141 </span> 2142 <a href="tel:" class="header__customer-support-region__hotline font-body-bold link link--text"></a> 2143 <span class="header__customer-support-region__address light"></span> 2144 <a href="mailto:" class="header__customer-support-region__email link link--text"></a> 2145 </a> 2146 </div><hr class="margin0"><div class="header__customer-support-region__region flex flex-column"> 2147 2148 <a class=" rq-click-on-book-app rq-bg-color"> 2149 <span class="header__customer-support-region__name"> 2150 2151 <div class="rq-icons-customer-support-desktop"> 2152 <img src="//vbarbershop.com/cdn/shop/files/VBarbershop-Icon-Reservation.svg?v=1706053933" alt="Gold and black circular barber pole icon"> 2153 </div> 2154 2155 BOOK A RESERVATION 2156 </span> 2157 <a href="tel:" class="header__customer-support-region__hotline font-body-bold link link--text"></a> 2158 <span class="header__customer-support-region__address light"></span> 2159 <a href="mailto:" class="header__customer-support-region__email link link--text"></a> 2160 </a> 2161 </div><hr class="margin0"><div class="header__customer-support-region__region flex flex-column"> 2162 2163 <a href="https://qrco.de/bbcemi" class=" rq-bg-color"> 2164 <span class="header__customer-support-region__name"> 2165 2166 <div class="rq-icons-customer-support-desktop"> 2167 <img src="//vbarbershop.com/cdn/shop/files/VBarbershop-Icon-App.svg?v=1706053933" alt="Gold and black circular icon of a hand holding a smartphone displaying the v's barbershop logo"> 2168 </div> 2169 2170 DOWNLOAD OUR APP 2171 </span> 2172 <a href="tel:" class="header__customer-support-region__hotline font-body-bold link link--text"></a> 2173 <span class="header__customer-support-region__address light"></span> 2174 <a href="mailto:" class="header__customer-support-region__email link link--text"></a> 2175 </a> 2176 </div><hr class="margin0"><div class="header__customer-support-region__region flex flex-column"> 2177 2178 <a class=" rq-click-on-gift-app rq-bg-color">
2179 <span class="header__customer-support-region__name"> 2180 2181 <div class="rq-icons-customer-support-desktop"> 2182 <img src="//vbarbershop.com/cdn/shop/files/VBarbershop-Icon-GiftCard.svg?v=1706053933" alt="Gold and black circular icon of a v's barbershop gift card with sparkle accents"> 2183 </div> 2184 2185 BUY A GIFT CARD 2186 </span> 2187 <a href="tel:" class="header__customer-support-region__hotline font-body-bold link link--text"></a> 2188 <span class="header__customer-support-region__address light"></span> 2189 <a href="mailto:" class="header__customer-support-region__email link link--text"></a> 2190 </a> 2191 </div></div> 2192 </details> 2193 </details-accordion></div><nav class="menu-drawer__navigation menu-drawer__block"> 2194 <ul class="menu-drawer__menu has-submenu list-menu menu-drawer__background" role="list"><li><details id="Details-menu-drawer-menu-item-1"> 2195 <summary 2196 class="menu-drawer__menu-item list-menu__item link link--text header__menu-item--top h6 first w100" 2197 2198 >HAIR 2199<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon icon-caret"> 2200 <path d="M12.6667 6L8 10.6667L3.33333 6" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/> 2201</svg> </summary><div 2202 id="link-hair" 2203 class="menu-drawer__submenu has-submenu gradient motion-reduce" 2204 tabindex="-1" 2205 > 2206 <div class="menu-drawer__inner-submenu menu-drawer__background"> 2207 <button class="menu-drawer__close-button link link--text" aria-expanded="true"><svg class="icon icon-arrow icon-revert-in-rtl" aria-hidden="true" focusable="false" role="presentation" xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 24 24" fill="none"><path d="M10 19L3 12M3 12L10 5M3 12L21 12" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/></svg>HAIR 2208 </button> 2209 <ul class="menu-drawer__menu list-menu" role="list" tabindex="-1"><li> 2210 <a 2211 href="/collections/hair" 2212 class="menu-drawer__menu-item link link--text list-menu__item w100" 2213 2214 2215 > 2216 Go to HAIR 2217 </a> 2218 </li><li><details id="Details-menu-drawer-submenu-1"> 2219 <summary class="menu-drawer__menu-item link link--text list-menu__item w100"> 2220 Shop By Type 2221 <svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon icon-caret"> 2222 <path d="M12.6667 6L8 10.6667L3.33333 6" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/> 2223</svg> 2224</summary> 2225 <div 2226 id="childlink-shop-by-type" 2227 class="menu-drawer__submenu has-submenu gradient motion-reduce" 2228 > 2229 <div class="menu-drawer__inner-submenu menu-drawer__background"> 2230 <button 2231 class="menu-drawer__close-button link link--text" 2232 aria-expanded="true" 2233 ><svg class="icon icon-arrow icon-revert-in-rtl" aria-hidden="true" focusable="false" role="presentation" xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 24 24" fill="none"><path d="M10 19L3 12M3 12L10 5M3 12L21 12" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/></svg>Shop By Type 2234 </button> 2235 <ul class="menu-drawer__menu list-menu" role="list" tabindex="-1"><li> 2236 <a 2237 href="#" 2238 class="menu-drawer__menu-item link link--text list-menu__item w100" 2239 2240 > 2241 Go to Shop By Type 2242 </a> 2243 </li><li> 2244 <a 2245 href="/collections/shampoos" 2246 class="menu-drawer__menu-item link link--text list-menu__item w100" 2247 2248 > 2249 Shampoos 2250</a> 2251 </li><li> 2252 <a 2253 href="/collections/conditioners" 2254 class="menu-drawer__menu-item link link--text list-menu__item w100" 2255 2256 > 2257 Conditioners 2258</a> 2259 </li><li> 2260 <a 2261 href="/collections/pomades" 2262 class="menu-drawer__menu-item link link--text list-menu__item w100" 2263 2264 > 2265 Pomades 2266</a> 2267 </li><li> 2268 <a 2269 href="/collections/fibers-pastes" 2270 class="menu-drawer__menu-item link link--text list-menu__item w100" 2271 2272 > 2273 Fibers & Pastes 2274</a> 2275 </li><li> 2276 <a 2277 href="/collections/clays" 2278 class="menu-drawer__menu-item link link--text list-menu__item w100" 2279 2280 > 2281 Clays 2282</a> 2283 </li><li> 2284 <a 2285 href="/collections/creams" 2286 class="menu-drawer__menu-item link link--text list-menu__item w100" 2287 2288 > 2289 Creams 2290</a> 2291 </li><li> 2292 <a 2293 href="/collections/gels" 2294 class="menu-drawer__menu-item link link--text list-menu__item w100" 2295 2296 > 2297 Gels 2298</a> 2299 </li><li> 2300 <a 2301 href="/collections/sprays" 2302 class="menu-drawer__menu-item link link--text list-menu__item w100" 2303 2304 > 2305 Sprays 2306</a> 2307 </li><li> 2308 <a 2309 href="/collections/foams-mousses" 2310 class="menu-drawer__menu-item link link--text list-menu__item w100" 2311 2312 > 2313 Foams & Mousses 2314</a> 2315 </li><li> 2316 <a 2317 href="/collections/hair-powders" 2318 class="menu-drawer__menu-item link link--text list-menu__item w100" 2319 2320 > 2321 Hair Powders 2322</a> 2323 </li><li> 2324 <a 2325 href="/collections/hair-tonics" 2326 class="menu-drawer__menu-item link link--text list-menu__item last w100" 2327 2328 > 2329 Hair Tonics 2330</a> 2331 </li></ul> 2332 </div> 2333 </div> 2334 </details></li><li>
2334<details id="Details-menu-drawer-submenu-2"> 2335 <summary class="menu-drawer__menu-item link link--text list-menu__item last w100"> 2336 Shop By Concern 2337 <svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon icon-caret"> 2338 <path d="M12.6667 6L8 10.6667L3.33333 6" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/> 2339</svg> 2340</summary> 2341 <div 2342 id="childlink-shop-by-concern" 2343 class="menu-drawer__submenu has-submenu gradient motion-reduce" 2344 > 2345 <div class="menu-drawer__inner-submenu menu-drawer__background"> 2346 <button 2347 class="menu-drawer__close-button link link--text" 2348 aria-expanded="true" 2349 ><svg class="icon icon-arrow icon-revert-in-rtl" aria-hidden="true" focusable="false" role="presentation" xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 24 24" fill="none"><path d="M10 19L3 12M3 12L10 5M3 12L21 12" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/></svg>Shop By Concern 2350 </button> 2351 <ul class="menu-drawer__menu list-menu" role="list" tabindex="-1"><li> 2352 <a 2353 href="#" 2354 class="menu-drawer__menu-item link link--text list-menu__item w100" 2355 2356 > 2357 Go to Shop By Concern 2358 </a> 2359 </li><li> 2360 <a 2361 href="/collections/hair-loss-thinning" 2362 class="menu-drawer__menu-item link link--text list-menu__item w100" 2363 2364 > 2365 Hair Loss & Thinning 2366</a> 2367 </li><li> 2368 <a 2369 href="/collections/curls-textures" 2370 class="menu-drawer__menu-item link link--text list-menu__item w100" 2371 2372 > 2373 Curls & Textures 2374</a> 2375 </li><li> 2376 <a 2377 href="/collections/dandruff-dry-scalp" 2378 class="menu-drawer__menu-item link link--text list-menu__item w100" 2379 2380 > 2381 Dandruff & Dry Scalp 2382</a> 2383 </li><li> 2384 <a 2385 href="/collections/damaged-hair" 2386 class="menu-drawer__menu-item link link--text list-menu__item w100" 2387 2388 > 2389 Damaged Hair 2390</a> 2391 </li><li> 2392 <a 2393 href="/collections/volumizing" 2394 class="menu-drawer__menu-item link link--text list-menu__item last w100" 2395 2396 > 2397 Volumizing 2398</a> 2399 </li></ul> 2400 </div> 2401 </div> 2402 </details></li><li><div class="mega-menu__column__item menu-drawer__menu-item"> 2403 <div class="card-wrapper contains-card--collection card-radius por card--shadow overflow-hidden"> 2404 <div class="card card--media"> 2405 <div class="card__inner"> 2406 <div class="card__media"> 2407 <div class="media media--hover-effect w100 ratio" style="--ratio-percent: 100%;"> 2408 2409<img src="//vbarbershop.com/cdn/shop/files/PUCKS.jpg?v=1712779808&width=1000" alt="Hair creams" srcset="//vbarbershop.com/cdn/shop/files/PUCKS.jpg?v=1712779808&width=165 165w, //vbarbershop.com/cdn/shop/files/PUCKS.jpg?v=1712779808&width=360 360w, //vbarbershop.com/cdn/shop/files/PUCKS.jpg?v=1712779808&width=533 533w, //vbarbershop.com/cdn/shop/files/PUCKS.jpg?v=1712779808&width=720 720w, //vbarbershop.com/cdn/shop/files/PUCKS.jpg?v=1712779808&width=940 940w" width="1000" height="1000" loading="lazy" sizes="(min-width: 1600px) 367px, (min-width: 990px) calc((100vw - 130px) / 4), (min-width: 750px) calc((100vw - 120px) / 3), calc((100vw - 35px) / 2)" class="motion-reduce"> 2410 2411 </div> 2412 </div><div class="card__content card__content--overlay-text mega-menu__overlay color-scheme-f6247c22-0fb4-4af3-9b26-2c1551b88137 align-end" style="--overlay-opacity:0.0"> 2413 <div class="card__information center mega-menu__promotion-info" style="--text-position:3;"><div class="caption-large">FOR PUCKS SAKE, FIX YOUR HAIR</div><div class="mega-menu__heading-promo h3 card__heading font-heading-bold"> 2414 <a href="/collections/pucks" class="full-unstyled-link"> 2415 2416 </a> 2417 </div></div> 2418 </div></div></div> 2419 </div> 2420</div><div class="mega-menu__column__item menu-drawer__menu-item"> 2421 <div class="card-wrapper contains-card--collection card-radius por card--shadow overflow-hidden"> 2422 <div class="card card--media"> 2423 <div class="card__inner"> 2424 <div class="card__media"> 2425 <div class="media media--hover-effect w100 ratio" style="--ratio-percent: 100%;"> 2426 2427<img src="//vbarbershop.com/cdn/shop/files/hairloss.jpg?v=1712876268&width=1000" alt="Hairloss" srcset="//vbarbershop.com/cdn/shop/files/hairloss.jpg?v=1712876268&width=165 165w, //vbarbershop.com/cdn/shop/files/hairloss.jpg?v=1712876268&width=360 360w, //vbarbershop.com/cdn/shop/files/hairloss.jpg?v=1712876268&width=533 533w, //vbarbershop.com/cdn/shop/files/hairloss.jpg?v=1712876268&width=720 720w, //vbarbershop.com/cdn/shop/files/hairloss.jpg?v=1712876268&width=940 940w" width="1000" height="1000" loading="lazy" sizes="(min-width: 1600px) 367px, (min-width: 990px) calc((100vw - 130px) / 4), (min-width: 750px) calc((100vw - 120px) / 3), calc((100vw - 35px) / 2)" class="motion-reduce"> 2428 2429 </div> 2430 </div><div class="card__content card__content--overlay-text mega-menu__overlay color-scheme-f6247c22-0fb4-4af3-9b26-2c1551b88137 align-end" style="--overlay-opacity:0.0"> 2431 <div class="card__information center mega-menu__promotion-info" style="--text-position:3;"><div class="caption-large">THINNING HAIR? WE GOT YOU!</div><div class="mega-menu__heading-promo h3 card__heading font-heading-bold"> 2432 <a href="/collections/hair-loss-thinning" class="full-unstyled-link"> 2433 2434 </a> 2435 </div></div> 2436 </div></div></div> 2437 </div> 2438</div></li></ul> 2439 </div> 2440 </div> 2441 </details></li><li>
2441<details id="Details-menu-drawer-menu-item-2"> 2442 <summary 2443 class="menu-drawer__menu-item list-menu__item link link--text header__menu-item--top h6 w100" 2444 2445 >FACE 2446<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon icon-caret"> 2447 <path d="M12.6667 6L8 10.6667L3.33333 6" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/> 2448</svg> </summary><div 2449 id="link-face" 2450 class="menu-drawer__submenu has-submenu gradient motion-reduce" 2451 tabindex="-1" 2452 > 2453 <div class="menu-drawer__inner-submenu menu-drawer__background"> 2454 <button class="menu-drawer__close-button link link--text" aria-expanded="true"><svg class="icon icon-arrow icon-revert-in-rtl" aria-hidden="true" focusable="false" role="presentation" xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 24 24" fill="none"><path d="M10 19L3 12M3 12L10 5M3 12L21 12" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/></svg>FACE 2455 </button> 2456 <ul class="menu-drawer__menu list-menu" role="list" tabindex="-1"><li> 2457 <a 2458 href="/collections/face" 2459 class="menu-drawer__menu-item link link--text list-menu__item w100" 2460 2461 2462 > 2463 Go to FACE 2464 </a> 2465 </li><li><details id="Details-menu-drawer-submenu-1"> 2466 <summary class="menu-drawer__menu-item link link--text list-menu__item w100"> 2467 Shaving 2468 <svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon icon-caret"> 2469 <path d="M12.6667 6L8 10.6667L3.33333 6" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/> 2470</svg> 2471</summary> 2472 <div 2473 id="childlink-shaving" 2474 class="menu-drawer__submenu has-submenu gradient motion-reduce" 2475 > 2476 <div class="menu-drawer__inner-submenu menu-drawer__background"> 2477 <button 2478 class="menu-drawer__close-button link link--text" 2479 aria-expanded="true" 2480 ><svg class="icon icon-arrow icon-revert-in-rtl" aria-hidden="true" focusable="false" role="presentation" xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 24 24" fill="none"><path d="M10 19L3 12M3 12L10 5M3 12L21 12" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/></svg>Shaving 2481 </button> 2482 <ul class="menu-drawer__menu list-menu" role="list" tabindex="-1"><li> 2483 <a 2484 href="/collections/shaving-1" 2485 class="menu-drawer__menu-item link link--text list-menu__item w100" 2486 2487 > 2488 Go to Shaving 2489 </a> 2490 </li><li> 2491 <a 2492 href="/collections/pre-shaves"
2493 class="menu-drawer__menu-item link link--text list-menu__item w100" 2494 2495 > 2496 Pre-Shaves 2497</a> 2498 </li><li> 2499 <a 2500 href="/collections/creams-oils" 2501 class="menu-drawer__menu-item link link--text list-menu__item w100" 2502 2503 > 2504 Creams & Oils 2505</a> 2506 </li><li> 2507 <a 2508 href="/collections/aftershaves" 2509 class="menu-drawer__menu-item link link--text list-menu__item last w100" 2510 2511 > 2512 Aftershaves 2513</a> 2514 </li></ul> 2515 </div> 2516 </div> 2517 </details></li><li><details id="Details-menu-drawer-submenu-2"> 2518 <summary class="menu-drawer__menu-item link link--text list-menu__item w100"> 2519 Beard 2520 <svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon icon-caret"> 2521 <path d="M12.6667 6L8 10.6667L3.33333 6" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/> 2522</svg> 2523</summary> 2524 <div 2525 id="childlink-beard" 2526 class="menu-drawer__submenu has-submenu gradient motion-reduce" 2527 > 2528 <div class="menu-drawer__inner-submenu menu-drawer__background"> 2529 <button 2530 class="menu-drawer__close-button link link--text" 2531 aria-expanded="true" 2532 ><svg class="icon icon-arrow icon-revert-in-rtl" aria-hidden="true" focusable="false" role="presentation" xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 24 24" fill="none"><path d="M10 19L3 12M3 12L10 5M3 12L21 12" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/></svg>Beard 2533 </button> 2534 <ul class="menu-drawer__menu list-menu" role="list" tabindex="-1"><li> 2535 <a 2536 href="/collections/beard" 2537 class="menu-drawer__menu-item link link--text list-menu__item w100" 2538 2539 > 2540 Go to Beard 2541 </a> 2542 </li><li> 2543 <a 2544 href="/collections/beard-washes" 2545 class="menu-drawer__menu-item link link--text list-menu__item w100" 2546 2547 > 2548 Beard Washes 2549</a> 2550 </li><li> 2551 <a 2552 href="/collections/beard-conditioners" 2553 class="menu-drawer__menu-item link link--text list-menu__item w100" 2554 2555 > 2556 Beard Conditioners 2557</a> 2558 </li><li> 2559 <a 2560 href="/collections/balms-waxes" 2561 class="menu-drawer__menu-item link link--text list-menu__item w100" 2562 2563 > 2564 Balms & Waxes 2565</a> 2566 </li><li> 2567 <a 2568 href="/collections/moustache" 2569 class="menu-drawer__menu-item link link--text list-menu__item w100" 2570 2571 > 2572 Moustache 2573</a> 2574 </li><li> 2575 <a 2576 href="/collections/oils-serums" 2577 class="menu-drawer__menu-item link link--text list-menu__item last w100" 2578 2579 > 2580 Oils & Serums 2581</a> 2582 </li></ul> 2583 </div> 2584 </div> 2585 </details></li><li>
2585<details id="Details-menu-drawer-submenu-3"> 2586 <summary class="menu-drawer__menu-item link link--text list-menu__item last w100"> 2587 Skincare 2588 <svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon icon-caret"> 2589 <path d="M12.6667 6L8 10.6667L3.33333 6" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/> 2590</svg> 2591</summary> 2592 <div 2593 id="childlink-skincare" 2594 class="menu-drawer__submenu has-submenu gradient motion-reduce" 2595 > 2596 <div class="menu-drawer__inner-submenu menu-drawer__background"> 2597 <button 2598 class="menu-drawer__close-button link link--text" 2599 aria-expanded="true" 2600 ><svg class="icon icon-arrow icon-revert-in-rtl" aria-hidden="true" focusable="false" role="presentation" xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 24 24" fill="none"><path d="M10 19L3 12M3 12L10 5M3 12L21 12" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/></svg>Skincare 2601 </button> 2602 <ul class="menu-drawer__menu list-menu" role="list" tabindex="-1"><li> 2603 <a 2604 href="/collections/skincare" 2605 class="menu-drawer__menu-item link link--text list-menu__item w100" 2606 2607 > 2608 Go to Skincare 2609 </a> 2610 </li><li> 2611 <a 2612 href="/collections/cleansers" 2613 class="menu-drawer__menu-item link link--text list-menu__item w100" 2614 2615 > 2616 Cleansers 2617</a> 2618 </li><li> 2619 <a 2620 href="/collections/moisturizers" 2621 class="menu-drawer__menu-item link link--text list-menu__item w100" 2622 2623 > 2624 Moisturizers 2625</a> 2626 </li><li> 2627 <a 2628 href="/collections/exfoliators" 2629 class="menu-drawer__menu-item link link--text list-menu__item w100" 2630 2631 > 2632 Exfoliators 2633</a> 2634 </li><li> 2635 <a 2636 href="/collections/eye-creams-masks" 2637 class="menu-drawer__menu-item link link--text list-menu__item w100" 2638 2639 > 2640 Eye Creams & Masks 2641</a> 2642 </li><li> 2643 <a 2644 href="/collections/aftershaves-tonics" 2645 class="menu-drawer__menu-item link link--text list-menu__item last w100" 2646 2647 > 2648 Aftershaves & Tonics 2649</a> 2650 </li></ul> 2651 </div> 2652 </div> 2653 </details></li><li><div class="mega-menu__column__item menu-drawer__menu-item"> 2654 <div class="card-wrapper contains-card--collection card-radius por card--shadow overflow-hidden"> 2655 <div class="card card--media"> 2656 <div class="card__inner"> 2657 <div class="card__media"> 2658 <div class="media media--hover-effect w100 ratio" style="--ratio-percent: 100%;"> 2659 2660<img src="//vbarbershop.com/cdn/shop/files/SFK.jpg?v=1712780219&width=1000" alt="Sfk" srcset="//vbarbershop.com/cdn/shop/files/SFK.jpg?v=1712780219&width=165 165w, //vbarbershop.com/cdn/shop/files/SFK.jpg?v=1712780219&width=360 360w, //vbarbershop.com/cdn/shop/files/SFK.jpg?v=1712780219&width=533 533w, //vbarbershop.com/cdn/shop/files/SFK.jpg?v=1712780219&width=720 720w, //vbarbershop.com/cdn/shop/files/SFK.jpg?v=1712780219&width=940 940w" width="1000" height="1000" loading="lazy" sizes="(min-width: 1600px) 367px, (min-width: 990px) calc((100vw - 130px) / 4), (min-width: 750px) calc((100vw - 120px) / 3), calc((100vw - 35px) / 2)" class="motion-reduce"> 2661 2662 </div> 2663 </div><div class="card__content card__content--overlay-text mega-menu__overlay color-scheme-f6247c22-0fb4-4af3-9b26-2c1551b88137 align-end" style="--overlay-opacity:0.0"> 2664 <div class="card__information center mega-menu__promotion-info" style="--text-position:3;"><div class="caption-large">GET THE PERFECT SHAVE AT HOME</div><div class="mega-menu__heading-promo h3 card__heading font-heading-bold"> 2665 <a href="https://vbarbershop.com/products/vs-shaving-face-essentials-kit" class="full-unstyled-link"> 2666 2667 </a> 2668 </div></div> 2669 </div></div></div> 2670 </div> 2671</div></li></ul> 2672 </div> 2673 </div> 2674 </details></li><li>
2674<details id="Details-menu-drawer-menu-item-3"> 2675 <summary 2676 class="menu-drawer__menu-item list-menu__item link link--text header__menu-item--top h6 w100" 2677 2678 >BODY 2679<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon icon-caret"> 2680 <path d="M12.6667 6L8 10.6667L3.33333 6" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/> 2681</svg> </summary><div 2682 id="link-body" 2683 class="menu-drawer__submenu has-submenu gradient motion-reduce" 2684 tabindex="-1" 2685 > 2686 <div class="menu-drawer__inner-submenu menu-drawer__background"> 2687 <button class="menu-drawer__close-button link link--text" aria-expanded="true"><svg class="icon icon-arrow icon-revert-in-rtl" aria-hidden="true" focusable="false" role="presentation" xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 24 24" fill="none"><path d="M10 19L3 12M3 12L10 5M3 12L21 12" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/></svg>BODY 2688 </button> 2689 <ul class="menu-drawer__menu list-menu" role="list" tabindex="-1"><li> 2690 <a 2691 href="/collections/body" 2692 class="menu-drawer__menu-item link link--text list-menu__item w100" 2693 2694 2695 > 2696 Go to BODY 2697 </a> 2698 </li><li><details id="Details-menu-drawer-submenu-1"> 2699 <summary class="menu-drawer__menu-item link link--text list-menu__item last w100"> 2700 Shop All Body 2701 <svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon icon-caret"> 2702 <path d="M12.6667 6L8 10.6667L3.33333 6" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/> 2703</svg> 2704</summary> 2705 <div 2706 id="childlink-shop-all-body" 2707 class="menu-drawer__submenu has-submenu gradient motion-reduce" 2708 > 2709 <div class="menu-drawer__inner-submenu menu-drawer__background"> 2710 <button 2711 class="menu-drawer__close-button link link--text" 2712 aria-expanded="true" 2713 ><svg class="icon icon-arrow icon-revert-in-rtl" aria-hidden="true" focusable="false" role="presentation" xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 24 24" fill="none"><path d="M10 19L3 12M3 12L10 5M3 12L21 12" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/></svg>Shop All Body 2714 </button> 2715 <ul class="menu-drawer__menu list-menu" role="list" tabindex="-1"><li> 2716 <a 2717 href="/collections/body" 2718 class="menu-drawer__menu-item link link--text list-menu__item w100" 2719 2720 > 2721 Go to Shop All Body 2722 </a> 2723 </li><li> 2724 <a 2725 href="/collections/soaps-washes" 2726 class="menu-drawer__menu-item link link--text list-menu__item w100" 2727 2728 > 2729 Soaps & Washes 2730</a> 2731 </li><li> 2732 <a 2733 href="/collections/lotions-moisturizers" 2734 class="menu-drawer__menu-item link link--text list-menu__item w100" 2735 2736 > 2737 Lotions & Moisturizers 2738</a> 2739 </li><li> 2740 <a 2741 href="/collections/fragrance" 2742 class="menu-drawer__menu-item link link--text list-menu__item w100" 2743 2744 > 2745 Fragrance 2746</a> 2747 </li><li> 2748 <a 2749 href="/collections/tattoo" 2750 class="menu-drawer__menu-item link link--text list-menu__item last w100" 2751 2752 > 2753 Tattoo 2754</a> 2755 </li></ul> 2756 </div> 2757 </div> 2758 </details></li><li><div class="mega-menu__column__item menu-drawer__menu-item"> 2759 <div class="card-wrapper contains-card--collection card-radius por card--shadow overflow-hidden"> 2760 <div class="card card--media"> 2761 <div class="card__inner"> 2762 <div class="card__media"> 2763 <div class="media media--hover-effect w100 ratio" style="--ratio-percent: 100%;"> 2764 2765<img src="//vbarbershop.com/cdn/shop/files/TRAVEL.jpg?v=1712777020&width=1000" alt="Travel" srcset="//vbarbershop.com/cdn/shop/files/TRAVEL.jpg?v=1712777020&width=165 165w, //vbarbershop.com/cdn/shop/files/TRAVEL.jpg?v=1712777020&width=360 360w, //vbarbershop.com/cdn/shop/files/TRAVEL.jpg?v=1712777020&width=533 533w, //vbarbershop.com/cdn/shop/files/TRAVEL.jpg?v=1712777020&width=720 720w, //vbarbershop.com/cdn/shop/files/TRAVEL.jpg?v=1712777020&width=940 940w" width="1000" height="1000" loading="lazy" sizes="(min-width: 1600px) 367px, (min-width: 990px) calc((100vw - 130px) / 4), (min-width: 750px) calc((100vw - 120px) / 3), calc((100vw - 35px) / 2)" class="motion-reduce"> 2766 2767 </div> 2768 </div><div class="card__content card__content--overlay-text mega-menu__overlay color-scheme-f6247c22-0fb4-4af3-9b26-2c1551b88137 align-end" style="--overlay-opacity:0.0"> 2769 <div class="card__information center mega-menu__promotion-info" style="--text-position:3;"><div class="caption-large">YOUR GO-TO'S: TRAVEL SIZED</div><div class="mega-menu__heading-promo h3 card__heading font-heading-bold"> 2770 <a href="/collections/travel-size" class="full-unstyled-link"> 2771 2772 </a> 2773 </div></div> 2774 </div></div></div> 2775 </div> 2776</div><div class="mega-menu__column__item menu-drawer__menu-item"> 2777 <div class="card-wrapper contains-card--collection card-radius por card--shadow overflow-hidden"> 2778 <div class="card card--media"> 2779 <div class="card__inner"> 2780 <div class="card__media"> 2781 <div class="media media--hover-effect w100 ratio" style="--ratio-percent: 100%;"> 2782 2783<img src="//vbarbershop.com/cdn/shop/files/InkBlog.jpg?v=1712778544&width=1000" alt="Inkblog" srcset="//vbarbershop.com/cdn/shop/files/InkBlog.jpg?v=1712778544&width=165 165w, //vbarbershop.com/cdn/shop/files/InkBlog.jpg?v=1712778544&width=360 360w, //vbarbershop.com/cdn/shop/files/InkBlog.jpg?v=1712778544&width=533 533w, //vbarbershop.com/cdn/shop/files/InkBlog.jpg?v=1712778544&width=720 720w, //vbarbershop.com/cdn/shop/files/InkBlog.jpg?v=1712778544&width=940 940w" width="1000" height="1000" loading="lazy" sizes="(min-width: 1600px) 367px, (min-width: 990px) calc((100vw - 130px) / 4), (min-width: 750px) calc((100vw - 120px) / 3), calc((100vw - 35px) / 2)" class="motion-reduce"> 2784 2785 </div> 2786 </div><div class="card__content card__content--overlay-text mega-menu__overlay color-scheme-f6247c22-0fb4-4af3-9b26-2c1551b88137 align-end" style="--overlay-opacity:0.0"> 2787 <div class="card__information center mega-menu__promotion-info" style="--text-position:3;"><div class="caption-large">3 STEPS TO BETTER LOOKING INK</div><div class="mega-menu__heading-promo h3 card__heading font-heading-bold"> 2788 <a href="/blogs/the-library/billy-jealousy-marked-iv-life-tattoo-kit" class="full-unstyled-link"> 2789 2790 </a> 2791 </div></div> 2792 </div></div></div> 2793 </div> 2794</div><div class="mega-menu__column__item menu-drawer__menu-item"> 2795 <div class="card-wrapper contains-card--collection card-radius por card--shadow overflow-hidden"> 2796 <div class="card card--media"> 2797 <div class="card__inner"> 2798 <div class="card__media"> 2799 <div class="media media--hover-effect w100 ratio" style="--ratio-percent: 100%;"> 2800 2801<img src="//vbarbershop.com/cdn/shop/files/SHOWPROMO.jpg?v=1712778815&width=1000" alt="Showpromo" srcset="//vbarbershop.com/cdn/shop/files/SHOWPROMO.jpg?v=1712778815&width=165 165w, //vbarbershop.com/cdn/shop/files/SHOWPROMO.jpg?v=1712778815&width=360 360w, //vbarbershop.com/cdn/shop/files/SHOWPROMO.jpg?v=1712778815&width=533 533w, //vbarbershop.com/cdn/shop/files/SHOWPROMO.jpg?v=1712778815&width=720 720w, //vbarbershop.com/cdn/shop/files/SHOWPROMO.jpg?v=1712778815&width=940 940w" width="1000" height="1000" loading="lazy" sizes="(min-width: 1600px) 367px, (min-width: 990px) calc((100vw - 130px) / 4), (min-width: 750px) calc((100vw - 120px) / 3), calc((100vw - 35px) / 2)" class="motion-reduce"> 2802 2803 </div> 2804 </div><div class="card__content card__content--overlay-text mega-menu__overlay color-scheme-f6247c22-0fb4-4af3-9b26-2c1551b88137 align-end" style="--overlay-opacity:0.0"> 2805 <div class="card__information center mega-menu__promotion-info" style="--text-position:3;"><div class="caption-large">UPGRADE YOUR SHOWER ROUTINE</div><div class="mega-menu__heading-promo h3 card__heading font-heading-bold"> 2806 <a href="/collections/soaps-washes" class="full-unstyled-link"> 2807 2808 </a> 2809 </div></div> 2810 </div></div></div> 2811 </div> 2812</div></li></ul> 2813 </div> 2814 </div> 2815 </details></li><li>
2815<details id="Details-menu-drawer-menu-item-4"> 2816 <summary 2817 class="menu-drawer__menu-item list-menu__item link link--text header__menu-item--top h6 w100" 2818 2819 >TOOLS 2820<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon icon-caret"> 2821 <path d="M12.6667 6L8 10.6667L3.33333 6" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/> 2822</svg> </summary><div 2823 id="link-tools" 2824 class="menu-drawer__submenu has-submenu gradient motion-reduce" 2825 tabindex="-1" 2826 > 2827 <div class="menu-drawer__inner-submenu menu-drawer__background"> 2828 <button class="menu-drawer__close-button link link--text" aria-expanded="true"><svg class="icon icon-arrow icon-revert-in-rtl" aria-hidden="true" focusable="false" role="presentation" xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 24 24" fill="none"><path d="M10 19L3 12M3 12L10 5M3 12L21 12" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/></svg>TOOLS 2829 </button> 2830 <ul class="menu-drawer__menu list-menu" role="list" tabindex="-1"><li> 2831 <a 2832 href="/collections/tools" 2833 class="menu-drawer__menu-item link link--text list-menu__item w100" 2834 2835 2836 > 2837 Go to TOOLS 2838 </a> 2839 </li><li><details id="Details-menu-drawer-submenu-1"> 2840 <summary class="menu-drawer__menu-item link link--text list-menu__item last w100"> 2841 Shop All Tools 2842 <svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon icon-caret"> 2843 <path d="M12.6667 6L8 10.6667L3.33333 6" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/> 2844</svg> 2845</summary> 2846 <div 2847 id="childlink-shop-all-tools" 2848 class="menu-drawer__submenu has-submenu gradient motion-reduce" 2849 > 2850 <div class="menu-drawer__inner-submenu menu-drawer__background"> 2851 <button 2852 class="menu-drawer__close-button link link--text" 2853 aria-expanded="true" 2854 ><svg class="icon icon-arrow icon-revert-in-rtl" aria-hidden="true" focusable="false" role="presentation" xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 24 24" fill="none"><path d="M10 19L3 12M3 12L10 5M3 12L21 12" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/></svg>Shop All Tools 2855 </button> 2856 <ul class="menu-drawer__menu list-menu" role="list" tabindex="-1"><li> 2857 <a 2858 href="/collections/tools" 2859 class="menu-drawer__menu-item link link--text list-menu__item w100" 2860 2861 > 2862 Go to Shop All Tools 2863 </a> 2864 </li><li> 2865 <a 2866 href="/collections/clippers" 2867 class="menu-drawer__menu-item link link--text list-menu__item w100" 2868 2869 > 2870 Clippers 2871</a> 2872 </li><li> 2873 <a 2874 href="/collections/trimmer
2874s-shavers" 2875 class="menu-drawer__menu-item link link--text list-menu__item w100" 2876 2877 > 2878 Trimmers & Shavers 2879</a> 2880 </li><li> 2881 <a 2882 href="/collections/razors" 2883 class="menu-drawer__menu-item link link--text list-menu__item w100" 2884 2885 > 2886 Razors 2887</a> 2888 </li><li> 2889 <a 2890 href="/collections/brushes-combs" 2891 class="menu-drawer__menu-item link link--text list-menu__item w100" 2892 2893 > 2894 Brushes & Combs 2895</a> 2896 </li><li> 2897 <a 2898 href="/collections/nail-tools" 2899 class="menu-drawer__menu-item link link--text list-menu__item w100" 2900 2901 > 2902 Nail Care Tools 2903</a> 2904 </li><li> 2905 <a 2906 href="/collections/hair-removal-tools" 2907 class="menu-drawer__menu-item link link--text list-menu__item w100" 2908 2909 > 2910 Hair Removal Tools 2911</a> 2912 </li><li> 2913 <a 2914 href="/collections/skincare-tools" 2915 class="menu-drawer__menu-item link link--text list-menu__item w100" 2916 2917 > 2918 Skin Care Tools 2919</a> 2920 </li><li> 2921 <a 2922 href="/collections/tool-accessories" 2923 class="menu-drawer__menu-item link link--text list-menu__item last w100" 2924 2925 > 2926 Tool Accessories 2927</a> 2928 </li></ul> 2929 </div> 2930 </div> 2931 </details></li><li><div class="mega-menu__column__item menu-drawer__menu-item"> 2932 <div class="card-wrapper contains-card--collection card-radius por card--shadow overflow-hidden"> 2933 <div class="card card--media"> 2934 <div class="card__inner"> 2935 <div class="card__media"> 2936 <div class="media media--hover-effect w100 ratio" style="--ratio-percent: 100%;"> 2937 2938<img src="//vbarbershop.com/cdn/shop/files/TWEEZERMAN_5464ad7f-cd6a-43f0-adf6-76cf57f1ded9.jpg?v=1712877180&width=1000" alt="Tweezerman 5464ad7f cd6a 43f0 adf6 76cf57f1ded9" srcset="//vbarbershop.com/cdn/shop/files/TWEEZERMAN_5464ad7f-cd6a-43f0-adf6-76cf57f1ded9.jpg?v=1712877180&width=165 165w, //vbarbershop.com/cdn/shop/files/TWEEZERMAN_5464ad7f-cd6a-43f0-adf6-76cf57f1ded9.jpg?v=1712877180&width=360 360w, //vbarbershop.com/cdn/shop/files/TWEEZERMAN_5464ad7f-cd6a-43f0-adf6-76cf57f1ded9.jpg?v=1712877180&width=533 533w, //vbarbershop.com/cdn/shop/files/TWEEZERMAN_5464ad7f-cd6a-43f0-adf6-76cf57f1ded9.jpg?v=1712877180&width=720 720w, //vbarbershop.com/cdn/shop/files/TWEEZERMAN_5464ad7f-cd6a-43f0-adf6-76cf57f1ded9.jpg?v=1712877180&width=940 940w" width="1000" height="1000" loading="lazy" sizes="(min-width: 1600px) 367px, (min-width: 990px) calc((100vw - 130px) / 4), (min-width: 750px) calc((100vw - 120px) / 3), calc((100vw - 35px) / 2)" class="motion-reduce"> 2939 2940 </div> 2941 </div><div class="card__content card__content--overlay-text mega-menu__overlay color-scheme-f6247c22-0fb4-4af3-9b26-2c1551b88137 align-end" style="--overlay-opacity:0.0"> 2942 <div class="card__information center mega-menu__promotion-info" style="--text-position:3;"><div class="caption-large">TRIM & TWEEZE WITH THESE</div><div class="mega-menu__heading-promo h3 card__heading font-heading-bold"> 2943 <a href="/collections/tools" class="full-unstyled-link"> 2944 2945 </a> 2946 </div></div> 2947 </div></div></div> 2948 </div> 2949</div><div class="mega-menu__column__item menu-drawer__menu-item"> 2950 <div class="card-wrapper contains-card--collection card-radius por card--shadow overflow-hidden"> 2951 <div class="card card--media"> 2952 <div class="card__inner"> 2953 <div class="card__media"> 2954 <div class="media media--hover-effect w100 ratio" style="--ratio-percent: 100%;"> 2955 2956<img src="//vbarbershop.com/cdn/shop/files/clippers.jpg?v=1712877964&width=1000" alt="Clippers" srcset="//vbarbershop.com/cdn/shop/files/clippers.jpg?v=1712877964&width=165 165w, //vbarbershop.com/cdn/shop/files/clippers.jpg?v=1712877964&width=360 360w, //vbarbershop.com/cdn/shop/files/clippers.jpg?v=1712877964&width=533 533w, //vbarbershop.com/cdn/shop/files/clippers.jpg?v=1712877964&width=720 720w, //vbarbershop.com/cdn/shop/files/clippers.jpg?v=1712877964&width=940 940w" width="1000" height="1000" loading="lazy" sizes="(min-width: 1600px) 367px, (min-width: 990px) calc((100vw - 130px) / 4), (min-width: 750px) calc((100vw - 120px) / 3), calc((100vw - 35px) / 2)" class="motion-reduce"> 2957 2958 </div> 2959 </div><div class="card__content card__content--overlay-text mega-menu__overlay color-scheme-f6247c22-0fb4-4af3-9b26-2c1551b88137 align-end" style="--overlay-opacity:0.0"> 2960 <div class="card__information center mega-menu__promotion-info" style="--text-position:3;"><div class="caption-large">THE BEST CLIPPERS FOR AT HOME CUTS</div><div class="mega-menu__heading-promo h3 card__heading font-heading-bold"> 2961 <a href="/collections/clippers" class="full-unstyled-link"> 2962 2963 </a> 2964 </div></div> 2965 </div></div></div> 2966 </div> 2967</div><div class="mega-menu__column__item menu-drawer__menu-item"> 2968 <div class="card-wrapper contains-card--collection card-radius por card--shadow overflow-hidden"> 2969 <div class="card card--media"> 2970 <div class="card__inner"> 2971 <div class="card__media"> 2972 <div class="media media--hover-effect w100 ratio" style="--ratio-percent: 100%;"> 2973 2974<img src="//vbarbershop.com/cdn/shop/files/NailCare.jpg?v=1712878902&width=1000" alt="Nailcare" srcset="//vbarbershop.com/cdn/shop/files/NailCare.jpg?v=1712878902&width=165 165w, //vbarbershop.com/cdn/shop/files/NailCare.jpg?v=1712878902&width=360 360w, //vbarbershop.com/cdn/shop/files/NailCare.jpg?v=1712878902&width=533 533w, //vbarbershop.com/cdn/shop/files/NailCare.jpg?v=1712878902&width=720 720w, //vbarbershop.com/cdn/shop/files/NailCare.jpg?v=1712878902&width=940 940w" width="1000" height="1000" loading="lazy" sizes="(min-width: 1600px) 367px, (min-width: 990px) calc((100vw - 130px) / 4), (min-width: 750px) calc((100vw - 120px) / 3), calc((100vw - 35px) / 2)" class="motion-reduce"> 2975 2976 </div> 2977 </div><div class="card__content card__content--overlay-text mega-menu__overlay color-scheme-f6247c22-0fb4-4af3-9b26-2c1551b88137 align-end" style="--overlay-opacity:0.0"> 2978 <div class="card__information center mega-menu__promotion-info" style="--text-position:3;"><div class="caption-large">GIVE YOURSELF A MAN-ICURE</div><div class="mega-menu__heading-promo h3 card__heading font-heading-bold"> 2979 <a href="/collections/nail-tools" class="full-unstyled-link"> 2980 2981 </a> 2982 </div></div> 2983 </div></div></div> 2984 </div> 2985</div></li></ul> 2986 </div> 2987 </div> 2988 </details></li><li><a 2989 href="/collections/bundles" 2990 class="menu-drawer__menu-item list-menu__item link link--text header__menu-item--top h6 w100" 2991 2992 2993 2994 >BUNDLES & SETS 2995</a></li><li>
2995<details id="Details-menu-drawer-menu-item-6"> 2996 <summary 2997 class="menu-drawer__menu-item list-menu__item link link--text header__menu-item--top h6 w100" 2998 2999 >BRANDS 3000<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon icon-caret"> 3001 <path d="M12.6667 6L8 10.6667L3.33333 6" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/> 3002</svg> </summary><div 3003 id="link-brands" 3004 class="menu-drawer__submenu has-submenu gradient motion-reduce" 3005 tabindex="-1" 3006 > 3007 <div class="menu-drawer__inner-submenu menu-drawer__background"> 3008 <button class="menu-drawer__close-button link link--text" aria-expanded="true"><svg class="icon icon-arrow icon-revert-in-rtl" aria-hidden="true" focusable="false" role="presentation" xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 24 24" fill="none"><path d="M10 19L3 12M3 12L10 5M3 12L21 12" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/></svg>BRANDS 3009 </button> 3010 <ul class="menu-drawer__menu list-menu" role="list" tabindex="-1"><li> 3011 <a 3012 href="/collections/brands" 3013 class="menu-drawer__menu-item link link--text list-menu__item w100" 3014 3015 3016 > 3017 Go to BRANDS 3018 </a> 3019 </li><li><details id="Details-menu-drawer-submenu-1"> 3020 <summary class="menu-drawer__menu-item link link--text list-menu__item last w100"> 3021 Shop All Brands 3022 <svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon icon-caret"> 3023 <path d="M12.6667 6L8 10.6667L3.33333 6" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/> 3024</svg> 3025</summary> 3026 <div 3027 id="childlink-shop-all-brands" 3028 class="menu-drawer__submenu has-submenu gradient motion-reduce" 3029 > 3030 <div class="menu-drawer__inner-submenu menu-drawer__background"> 3031 <button 3032 class="menu-drawer__close-button link link--text" 3033 aria-expanded="true" 3034 ><svg class="icon icon-arrow icon-revert-in-rtl" aria-hidden="true" focusable="false" role="presentation" xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 24 24" fill="none"><path d="M10 19L3 12M3 12L10 5M3 12L21 12" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/></svg>Shop All Brands 3035 </button> 3036 <ul class="menu-drawer__menu list-menu" role="list" tabindex="-1"><li> 3037 <a 3038 href="/collections/brands" 3039 class="menu-drawer__menu-item link link--text list-menu__item w100" 3040 3041 > 3042 Go to Shop All Brands 3043 </a> 3044 </li><li> 3045 <a 3046 href="/collections/vs-barbershop" 3047 class="menu-drawer__menu-item link link--text list-menu__item w100" 3048 3049 > 3050 V's Barbershop 3051</a> 3052 </li><li> 3053 <a 3054 href="/collections/actiiv" 3055 class="menu-drawer__menu-item link link--text list-menu__item w100" 3056 3057 > 3058 Actiiv 3059</a> 3060 </li><li> 3061 <a 3062 href="/collections/alchimie-forever" 3063 class="menu-drawer__menu-item link link--text list-menu__item w100" 3064 3065 > 3066 Alchimie Forever 3067</a> 3068 </li><li> 3069 <a 3070 href="/collections/american-crew" 3071 class="menu-drawer__menu-item link link--text list-menu__item w100" 3072 3073 > 3074 American Crew 3075</a> 3076 </li><li> 3077 <a 3078 href="/collections/andis" 3079 class="menu-drawer__menu-item link link--text list-menu__item w100" 3080 3081 > 3082 Andis 3083</a> 3084 </li><li> 3085 <a 3086 href="/collections/barber-strong" 3087 class="menu-drawer__menu-item link link--text list-menu__item w100" 3088 3089 > 3090 Barber Strong 3091</a> 3092 </li><li> 3093 <a 3094 href="/collections/billy-jealousy" 3095 class="menu-drawer__menu-item link link--text list-menu__item w100" 3096 3097 > 3098 Billy Jealousy 3099</a> 3100 </li><li> 3101 <a 3102 href="/collections/bosleymd" 3103 class="menu-drawer__menu-item link link--text list-menu__item w100" 3104 3105 > 3106 BosleyMD 3107</a> 3108 </li><li> 3109 <a 3110 href="/collections/brosh" 3111 class="menu-drawer__menu-item link link--text list-menu__item w100" 3112 3113 > 3114 Brosh 3115</a> 3116 </li><li> 3117 <a 3118 href="/collections/captain-fawcett" 3119 class="menu-drawer__menu-item link link--text list-menu__item w100" 3120 3121 > 3122 Captain Fawcett 3123</a> 3124 </li><li> 3125 <a 3126 href="/collections/depot" 3127 class="menu-drawer__menu-item link link--text list-menu__item w100" 3128 3129 > 3130 Depot 3131</a> 3132 </li><li> 3133 <a 3134 href="/collections/educated-beards" 3135 class="menu-drawer__menu-item link link--text list-menu__item w100" 3136 3137 > 3138 Educated Beards 3139</a> 3140 </li><li> 3141 <a 3142 href="/collections/firsthand" 3143 class="menu-drawer__menu-item link link--text list-menu__item w100" 3144 3145 > 3146 Firsthand 3147</a> 3148 </li><li> 3149 <a 3150 href="/collections/henson-shaving" 3151 class="menu-drawer__menu-item link link--text list-menu__item w100" 3152 3153 > 3154 Henson Shaving 3155</a> 3156 </li><li> 3157 <a 3158 href="/collections/kms" 3159 class="menu-drawer__menu-item link link--text list-menu__item w100" 3160 3161 > 3162 KMS 3163</a> 3164 </li><li> 3165 <a 3166 href="/collections/layrite" 3167 class="menu-drawer__menu-item link link--text list-menu__item w100" 3168 3169 > 3170 Layrite 3171</a> 3172 </li><li> 3173 <a 3174 href="/collections/reuzel" 3175 class="menu-drawer__menu-item link link--text list-menu__item w100" 3176 3177 > 3178 Reuzel 3179</a> 3180 </li><li> 3181 <a 3182 href="/collections/slick-gorilla" 3183 class="menu-drawer__menu-item link link--text list-menu__item w100" 3184 3185 > 3186 Slick Gorilla 3187</a> 3188 </li><li> 3189 <a 3190 href="/collections/suavecito" 3191 class="menu-drawer__menu-item link link--text list-menu__item w100" 3192 3193 > 3194 Suavecito 3195</a> 3196 </li><li> 3197 <a 3198 href="/collections/tweezerman" 3199 class="menu-drawer__menu-item link link--text list-menu__item w100" 3200 3201 > 3202 Tweezerman 3203</a> 3204 </li><li> 3205 <a 3206 href="/collections/uppercut" 3207 class="menu-drawer__menu-item link link--text list-menu__item w100" 3208 3209 > 3210 Uppercut 3211</a> 3212 </li><li> 3213 <a 3214 href="/collections/wahl" 3215 class="menu-drawer__menu-item link link--text list-menu__item last w100" 3216 3217 > 3218 Wahl 3219</a> 3220 </li></ul> 3221
3221 </div> 3222 </div> 3223 </details></li><li><div class="mega-menu__column__item menu-drawer__menu-item"> 3224 <div class="card-wrapper contains-card--collection card-radius por card--shadow overflow-hidden"> 3225 <div class="card card--media"> 3226 <div class="card__inner"> 3227 <div class="card__media"> 3228 <div class="media media--hover-effect w100 ratio" style="--ratio-percent: 100%;"> 3229 3230<img src="//vbarbershop.com/cdn/shop/files/REUZEL.jpg?v=1712939326&width=1000" alt="Reuzel" srcset="//vbarbershop.com/cdn/shop/files/REUZEL.jpg?v=1712939326&width=165 165w, //vbarbershop.com/cdn/shop/files/REUZEL.jpg?v=1712939326&width=360 360w, //vbarbershop.com/cdn/shop/files/REUZEL.jpg?v=1712939326&width=533 533w, //vbarbershop.com/cdn/shop/files/REUZEL.jpg?v=1712939326&width=720 720w, //vbarbershop.com/cdn/shop/files/REUZEL.jpg?v=1712939326&width=940 940w" width="1000" height="1000" loading="lazy" sizes="(min-width: 1600px) 367px, (min-width: 990px) calc((100vw - 130px) / 4), (min-width: 750px) calc((100vw - 120px) / 3), calc((100vw - 35px) / 2)" class="motion-reduce"> 3231 3232 </div> 3233 </div><div class="card__content card__content--overlay-text mega-menu__overlay color-scheme-f6247c22-0fb4-4af3-9b26-2c1551b88137 align-end" style="--overlay-opacity:0.0"> 3234 <div class="card__information center mega-menu__promotion-info" style="--text-position:3;"><div class="caption-large">YOUR FAVORITES FROM REUZEL</div><div class="mega-menu__heading-promo h3 card__heading font-heading-bold"> 3235 <a href="/collections/reuzel" class="full-unstyled-link"> 3236 3237 </a> 3238 </div></div> 3239 </div></div></div> 3240 </div> 3241</div><div class="mega-menu__column__item menu-drawer__menu-item"> 3242 <div class="card-wrapper contains-card--collection card-radius por card--shadow overflow-hidden"> 3243 <div class="card card--media"> 3244 <div class="card__inner"> 3245 <div class="card__media"> 3246 <div class="media media--hover-effect w100 ratio" style="--ratio-percent: 100%;"> 3247 3248<img src="//vbarbershop.com/cdn/shop/files/V_S.jpg?v=1712939200&width=1000" alt="V s" srcset="//vbarbershop.com/cdn/shop/files/V_S.jpg?v=1712939200&width=165 165w, //vbarbershop.com/cdn/shop/files/V_S.jpg?v=1712939200&width=360 360w, //vbarbershop.com/cdn/shop/files/V_S.jpg?v=1712939200&width=533 533w, //vbarbershop.com/cdn/shop/files/V_S.jpg?v=1712939200&width=720 720w, //vbarbershop.com/cdn/shop/files/V_S.jpg?v=1712939200&width=940 940w" width="1000" height="1000" loading="lazy" sizes="(min-width: 1600px) 367px, (min-width: 990px) calc((100vw - 130px) / 4), (min-width: 750px) calc((100vw - 120px) / 3), calc((100vw - 35px) / 2)" class="motion-reduce"> 3249 3250 </div> 3251 </div><div class="card__content card__content--overlay-text mega-menu__overlay color-scheme-f6247c22-0fb4-4af3-9b26-2c1551b88137 align-end" style="--overlay-opacity:0.0"> 3252 <div class="card__information center mega-menu__promotion-info" style="--text-position:3;"><div class="caption-large">PATRONS CALL IT "LIQUID GOLD"</div><div class="mega-menu__heading-promo h3 card__heading font-heading-bold"> 3253 <a href="/products/vs-authentic-barbershop-tonic-12oz-bottle" class="full-unstyled-link"> 3254 3255 </a> 3256 </div></div> 3257 </div></div></div> 3258 </div> 3259</div><div class="mega-menu__column__item menu-drawer__menu-item"> 3260 <div class="card-wrapper contains-card--collection card-radius por card--shadow overflow-hidden"> 3261 <div class="card card--media"> 3262 <div class="card__inner"> 3263 <div class="card__media"> 3264 <div class="media media--hover-effect w100 ratio" style="--ratio-percent: 100%;"> 3265 3266<img src="//vbarbershop.com/cdn/shop/files/EDUCATEDBEARDS.jpg?v=1712939550&width=1000" alt="Educatedbeards" srcset="//vbarbershop.com/cdn/shop/files/EDUCATEDBEARDS.jpg?v=1712939550&width=165 165w, //vbarbershop.com/cdn/shop/files/EDUCATEDBEARDS.jpg?v=1712939550&width=360 360w, //vbarbershop.com/cdn/shop/files/EDUCATEDBEARDS.jpg?v=1712939550&width=533 533w, //vbarbershop.com/cdn/shop/files/EDUCATEDBEARDS.jpg?v=1712939550&width=720 720w, //vbarbershop.com/cdn/shop/files/EDUCATEDBEARDS.jpg?v=1712939550&width=940 940w" width="1000" height="1000" loading="lazy" sizes="(min-width: 1600px) 367px, (min-width: 990px) calc((100vw - 130px) / 4), (min-width: 750px) calc((100vw - 120px) / 3), calc((100vw - 35px) / 2)" class="motion-reduce"> 3267 3268 </div> 3269 </div><div class="card__content card__content--overlay-text mega-menu__overlay color-scheme-f6247c22-0fb4-4af3-9b26-2c1551b88137 align-end" style="--overlay-opacity:0.0"> 3270 <div class="card__information center mega-menu__promotion-info" style="--text-position:3;"><div class="caption-large">STEP UP YOUR BEARD GAME</div><div class="mega-menu__heading-promo h3 card__heading font-heading-bold"> 3271 <a href="/collections/educated-beards" class="full-unstyled-link"> 3272 3273 </a> 3274 </div></div> 3275 </div></div></div> 3276 </div> 3277</div></li></ul> 3278 </div> 3279 </div> 3280 </details></li><li>
3280<details id="Details-menu-drawer-menu-item-7"> 3281 <summary 3282 class="menu-drawer__menu-item list-menu__item link link--text header__menu-item--top h6 w100" 3283 3284 >APPAREL 3285<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon icon-caret"> 3286 <path d="M12.6667 6L8 10.6667L3.33333 6" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/> 3287</svg> </summary><div 3288 id="link-apparel" 3289 class="menu-drawer__submenu has-submenu gradient motion-reduce" 3290 tabindex="-1" 3291 > 3292 <div class="menu-drawer__inner-submenu menu-drawer__background"> 3293 <button class="menu-drawer__close-button link link--text" aria-expanded="true"><svg class="icon icon-arrow icon-revert-in-rtl" aria-hidden="true" focusable="false" role="presentation" xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 24 24" fill="none"><path d="M10 19L3 12M3 12L10 5M3 12L21 12" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/></svg>APPAREL 3294 </button> 3295 <ul class="menu-drawer__menu list-menu" role="list" tabindex="-1"><li> 3296 <a 3297 href="/collections/apparel" 3298 class="menu-drawer__menu-item link link--text list-menu__item w100" 3299 3300 3301 > 3302 Go to APPAREL 3303 </a> 3304 </li><li><details id="Details-menu-drawer-submenu-1"> 3305 <summary class="menu-drawer__menu-item link link--text list-menu__item w100"> 3306 Shirts 3307 <svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon icon-caret"> 3308 <path d="M12.6667 6L8 10.6667L3.33333 6" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/> 3309</svg> 3310</summary> 3311 <div 3312 id="childlink-shirts" 3313 class="menu-drawer__submenu has-submenu gradient motion-reduce" 3314 > 3315 <div class="menu-drawer__inner-submenu menu-drawer__background"> 3316 <button 3317 class="menu-drawer__close-button link link--text" 3318 aria-expanded="true" 3319 ><svg class="icon icon-arrow icon-revert-in-rtl" aria-hidden="true" focusable="false" role="presentation" xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 24 24" fill="none"><path d="M10 19L3 12M3 12L10 5M3 12L21 12" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/></svg>Shirts 3320 </button> 3321 <ul class="menu-drawer__menu list-menu" role="list" tabindex="-1"><li> 3322 <a 3323 href="/collections/shirts" 3324 class="menu-drawer__menu-item link link--text list-menu__item w100" 3325 3326 > 3327 Go to Shirts 3328 </a> 3329 </li><li> 3330 <a 3331 href="/collections/short-sleeve" 3332 class="menu-drawer__menu-item link link--text list-menu__item w100" 3333 3334 > 3335 Short Sleeve 3336</a> 3337 </li><li> 3338 <a 3339 href="/collections/sweatshirts-hoodies" 3340 class="menu-drawer__menu-item link link--text list-menu__item w100" 3341 3342 > 3343 Sweatshirts & Hoodies 3344</a> 3345 </li><li> 3346 <a 3347 href="/collections/kids" 3348 class="menu-drawer__menu-item link link--text list-menu__item last w100" 3349 3350 > 3351 Kids 3352</a> 3353 </li></ul> 3354 </div> 3355 </div> 3356 </details></li><li>
3356<details id="Details-menu-drawer-submenu-2"> 3357 <summary class="menu-drawer__menu-item link link--text list-menu__item w100"> 3358 Hats 3359 <svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon icon-caret"> 3360 <path d="M12.6667 6L8 10.6667L3.33333 6" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/> 3361</svg> 3362</summary> 3363 <div 3364 id="childlink-hats" 3365 class="menu-drawer__submenu has-submenu gradient motion-reduce" 3366 > 3367 <div class="menu-drawer__inner-submenu menu-drawer__background"> 3368 <button 3369 class="menu-drawer__close-button link link--text" 3370 aria-expanded="true" 3371 ><svg class="icon icon-arrow icon-revert-in-rtl" aria-hidden="true" focusable="false" role="presentation" xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 24 24" fill="none"><path d="M10 19L3 12M3 12L10 5M3 12L21 12" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/></svg>Hats 3372 </button> 3373 <ul class="menu-drawer__menu list-menu" role="list" tabindex="-1"><li> 3374 <a 3375 href="/collections/hats" 3376 class="menu-drawer__menu-item link link--text list-menu__item w100" 3377 3378 > 3379 Go to Hats 3380 </a> 3381 </li><li> 3382 <a 3383 href="/collections/hats" 3384 class="menu-drawer__menu-item link link--text list-menu__item last w100" 3385 3386 > 3387 All hats 3388</a> 3389 </li></ul> 3390 </div> 3391 </div> 3392 </details></li><li><details id="Details-menu-drawer-submenu-3"> 3393 <summary class="menu-drawer__menu-item link link--text list-menu__item last w100"> 3394 Accessories 3395 <svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon icon-caret"> 3396 <path d="M12.6667 6L8 10.6667L3.33333 6" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/> 3397</svg> 3398</summary> 3399 <div 3400 id="childlink-accessories" 3401 class="menu-drawer__submenu has-submenu gradient motion-reduce" 3402 > 3403 <div class="menu-drawer__inner-submenu menu-drawer__background"> 3404 <button 3405 class="menu-drawer__close-button link link--text" 3406 aria-expanded="true" 3407 ><svg class="icon icon-arrow icon-revert-in-rtl" aria-hidden="true" focusable="false" role="presentation" xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 24 24" fill="none"><path d="M10 19L3 12M3 12L10 5M3 12L21 12" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/></svg>Accessories 3408 </button> 3409 <ul class="menu-drawer__menu list-menu" role="list" tabindex="-1"><li> 3410 <a 3411 href="/collections/accessories" 3412 class="menu-drawer__menu-item link link--text list-menu__item w100" 3413 3414 > 3415 Go to Accessories 3416 </a> 3417 </li><li> 3418 <a 3419 href="/collections/accessories" 3420 class="menu-drawer__menu-item link link--text list-menu__item last w100" 3421 3422 > 3423 All accessories 3424</a> 3425 </li></ul> 3426 </div> 3427 </div> 3428 </details></li><li><div class="mega-menu__column__item menu-drawer__menu-item"> 3429 <div class="card-wrapper contains-card--collection card-radius por card--shadow overflow-hidden"> 3430 <div class="card card--media"> 3431 <div class="card__inner"> 3432 <div class="card__media"> 3433 <div class="media media--hover-effect w100 ratio" style="--ratio-percent: 100%;"> 3434 3435<img src="//vbarbershop.com/cdn/shop/files/Hats.jpg?v=1712938897&width=1000" alt="Hats" srcset="//vbarbershop.com/cdn/shop/files/Hats.jpg?v=1712938897&width=165 165w, //vbarbershop.com/cdn/shop/files/Hats.jpg?v=1712938897&width=360 360w, //vbarbershop.com/cdn/shop/files/Hats.jpg?v=1712938897&width=533 533w, //vbarbershop.com/cdn/shop/files/Hats.jpg?v=1712938897&width=720 720w, //vbarbershop.com/cdn/shop/files/Hats.jpg?v=1712938897&width=940 940w" width="1000" height="1000" loading="lazy" sizes="(min-width: 1600px) 367px, (min-width: 990px) calc((100vw - 130px) / 4), (min-width: 750px) calc((100vw - 120px) / 3), calc((100vw - 35px) / 2)" class="motion-reduce"> 3436 3437 </div> 3438 </div><div class="card__content card__content--overlay-text mega-menu__overlay color-scheme-f6247c22-0fb4-4af3-9b26-2c1551b88137 align-end" style="--overlay-opacity:0.0"> 3439 <div class="card__information center mega-menu__promotion-info" style="--text-position:3;"><div class="caption-large">SHOP ALL HATS</div><div class="mega-menu__heading-promo h3 card__heading font-heading-bold"> 3440 <a href="/collections/hats" class="full-unstyled-link"> 3441 3442 </a> 3443 </div></div> 3444 </div></div></div> 3445 </div> 3446</div></li></ul> 3447 </div> 3448 </div> 3449 </details></li><li><a 3450 href="/collections/last-chance" 3451 class="menu-drawer__menu-item list-menu__item link link--text header__menu-item--top h6 last w100" 3452 3453 3454 3455 >LAST CHANCE 3456</a></li> 3457 3458 3459 3460 3461 3462 3463 </ul> 3464 3465 </nav> 3466<div class="menu-drawer__menu-labels flex justify-center align-center menu-drawer__block"> 3467 <ul class="menu-drawer__menu-labels__list list-unstyled flex margin0 flex-wrap"><li class="menu-drawer__menu-labels__item"><a 3468 href="/collections/pro-products" 3469 class="link align-center flex menu-drawer__menu-labels__item-gap" 3470 > 3471 <div class="rq-image-icons-location"> 3472 <img src="//vbarbershop.com/cdn/shop/files/PRO.png?v=1788702289" alt="Pro"> 3473 </div> 3474
3475 <span class="text-small">PRO PRODUCTS</span></a></li><li class="menu-drawer__menu-labels__item"><a 3476 href="/pages/store-locator" 3477 class="link align-center flex menu-drawer__menu-labels__item-gap" 3478 > 3479 <div class="rq-image-icons-location"> 3480 <img src="//vbarbershop.com/cdn/shop/files/Location.png?v=1708706788" alt="Location pin icon in gold"> 3481 </div> 3482 3483 <span class="text-small">FIND A LOCATION</span></a></li></ul> 3484 </div><div class="menu-drawer__utility-links menu-drawer__block menu-drawer__background"><ul class="list-unstyled flex list-social flex-wrap list-social--has-background list list-social--in-drawer" role="list"><li class="list-social__item flex align-center"> 3485 <a href="https://twitter.com/vbarbershop" class="link flex justify-center align-center por tap-area-icon list-social__link list-social__link--twitter" target="_blank" data-no-instant><svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" height="16" height="16" viewBox="0 0 20 20" aria-hidden="true" focusable="false" role="presentation" class="icon icon-twitter" fill="none"> 3486 <path d="M15.2213 3H17.9803L11.9224 9.78967L19 19H13.4459L9.0973 13.403L4.11896 19H1.35988L7.77774 11.738L1 3H6.6921L10.6208 8.11292L15.2213 3ZM14.2556 17.4059H15.7851L5.88837 4.53506H4.24492L14.2556 17.4059Z" fill="currentColor"/> 3487</svg><span class="visually-hidden">Twitter</span> 3488 </a> 3489 </li><li class="list-social__item flex align-center"> 3490 <a href="https://www.facebook.com/vbarbershop/" class="link flex justify-center align-center por tap-area-icon list-social__link list-social__link--facebook" target="_blank" data-no-instant><svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" class="icon icon-facebook" role="presentation"> 3491 <path d="M6.02103 15.3333L6.00001 8.66663H3.33334V5.99996H6.00001V4.33329C6.00001 1.85903 7.53222 0.666626 9.73944 0.666626C10.7967 0.666626 11.7054 0.745339 11.9702 0.780526V3.36628L10.4394 3.36697C9.23898 3.36697 9.00655 3.93739 9.00655 4.77443V5.99996H12.5L11.1667 8.66663H9.00655V15.3333H6.02103Z" fill="currentColor"/> 3492</svg><span class="visually-hidden">Facebook</span> 3493 </a> 3494 </li><li class="list-social__item flex align-center"> 3495 <a href="https://www.pinterest.com/vbarbershop/" class="link flex justify-center align-center por tap-area-icon list-social__link list-social__link--pinterest" target="_blank" data-no-instant><svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" role="presentation" class="icon icon-pinterest"> 3496 <path d="M8 0C3.6 0 0 3.6 0 8C0 11.4 2.13333 14.2667 5.06667 15.4667C5 14.8667 4.93333 13.8667 5.06667 13.2C5.2 12.6 6 9.2 6 9.2C6 9.2 5.8 8.66667 5.8 8C5.8 6.86667 6.46667 6.06667 7.26667 6.06667C7.93333 6.06667 8.26667 6.6 8.26667 7.2C8.26667 7.86667 7.8 8.93333 7.6 9.86667C7.4 10.6667 8 11.3333 8.8 11.3333C10.2 11.3333 11.3333 9.86667 11.3333 7.66667C11.3333 5.73333 9.93333 4.4 8 4.4C5.73333 4.4 4.4 6.13333 4.4 7.86667C4.4 8.53333 4.66667 9.26667 5 9.66667C5.06667 9.73333 5.06667 9.8 5.06667 9.86667C5 10.1333 4.86667 10.6667 4.86667 10.8C4.8 10.9333 4.73333 11 4.6 10.9333C3.6 10.4667 3 9 3 7.86667C3 5.33333 4.86667 3 8.26667 3C11.0667 3 13.2 5 13.2 7.6C13.2 10.3333 11.4667 12.6 9.06667 12.6C8.26667 12.6 7.46667 12.2 7.2 11.6667C7.2 11.6667 6.8 13.2 6.73333 13.6C6.53333 14.2667 6.06667 15.1333 5.73333 15.6667C6.4 15.8667 7.2 16 8 16C12.4 16 16 12.4 16 8C16 3.6 12.4 0 8 0Z" fill="currentColor"/> 3497</svg><span class="visually-hidden">Pinterest</span> 3498 </a> 3499 </li><li class="list-social__item flex align-center"> 3500 <a href="https://www.instagram.com/v_barbershop/" class="link flex justify-center align-center por tap-area-icon list-social__link list-social__link--instagram" target="_blank" data-no-instant>
3500<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" role="presentation" class="icon icon-instagram"> 3501 <path d="M7.99999 1.98796C9.95799 1.98796 10.19 1.99529 10.9633 2.03063C11.4282 2.03604 11.8888 2.12151 12.3247 2.28329C12.6433 2.4007 12.9315 2.5882 13.168 2.83196C13.4117 3.06842 13.5993 3.35663 13.7167 3.67529C13.8784 4.11119 13.9639 4.57171 13.9693 5.03663C14.0047 5.80996 14.012 6.04196 14.012 7.99996C14.012 9.95796 14.0047 10.19 13.9693 10.9633C13.9639 11.4282 13.8784 11.8887 13.7167 12.3246C13.5946 12.6409 13.4077 12.9282 13.168 13.1679C12.9282 13.4077 12.641 13.5946 12.3247 13.7166C11.8888 13.8784 11.4282 13.9639 10.9633 13.9693C10.19 14.0046 9.95799 14.012 7.99999 14.012C6.04199 14.012 5.80999 14.0046 5.03666 13.9693C4.57174 13.9639 4.11122 13.8784 3.67532 13.7166C3.35666 13.5992 3.06845 13.4117 2.83199 13.168C2.58823 12.9315 2.40073 12.6433 2.28332 12.3246C2.12154 11.8887 2.03607 11.4282 2.03066 10.9633C1.99532 10.19 1.98799 9.95796 1.98799 7.99996C1.98799 6.04196 1.99532 5.80996 2.03066 5.03663C2.03607 4.57171 2.12154 4.11119 2.28332 3.67529C2.40073 3.35663 2.58823 3.06842 2.83199 2.83196C3.06845 2.5882 3.35666 2.4007 3.67532 2.28329C4.11122 2.12151 4.571
350174 2.03604 5.03666 2.03063C5.80999 1.99529 6.04199 1.98796 7.99999 1.98796ZM7.99999 0.666626C6.00866 0.666626 5.75866 0.675293 4.97666 0.710626C4.36838 0.723197 3.76659 0.838371 3.19666 1.05129C2.70902 1.24007 2.26626 1.52875 1.8968 1.89879C1.52734 2.26882 1.23935 2.71203 1.05132 3.19996C0.838401 3.76989 0.723227 4.37168 0.710656 4.97996C0.675323 5.75863 0.666656 6.00863 0.666656 7.99996C0.666656 9.99129 0.675323 10.2413 0.710656 11.0233C0.723227 11.6316 0.838401 12.2334 1.05132 12.8033C1.2401 13.2909 1.52878 13.7337 1.89882 14.1032C2.26885 14.4726 2.71206 14.7606 3.19999 14.9486C3.76992 15.1615 4.37171 15.2767 4.97999 15.2893C5.75866 15.3246 6.00866 15.3333 7.99999 15.3333C9.99132 15.3333 10.2413 15.3246 11.0233 15.2893C11.6316 15.2767 12.2334 15.1615 12.8033 14.9486C13.291 14.7598 13.7337 14.4712 14.1032 14.1011C14.4726 13.7311 14.7606 13.2879 14.9487 12.8C15.1616 12.23 15.2768 11.6282 15.2893 11.02C15.3247 10.2413 15.3333 9.99129 15.3333 7.99996C15.3333 6.00863 15.3247 5.75863 15.2893 4.97663C15.2768 4.36835 15.1616 3.76656 14.9487 3.19663C14.7599 2.70899 14.4712 2.26623 14.1012 1.89677C13.7311 1.52731 13.2879 1.23932 12.8 1.05129C12.2301 0.838371 11.6283 0.723197 11.02 0.710626C10.2413 0.675293 9.99132 0.666626 7.99999 0.666626Z" fill="currentColor"/> 3502 <path d="M7.99998 4.23401C7.25514 4.23401 6.52702 4.45488 5.9077 4.86869C5.28839 5.28251 4.80569 5.87068 4.52065 6.55882C4.23561 7.24697 4.16103 8.00419 4.30634 8.73472C4.45165 9.46525 4.81033 10.1363 5.33702 10.663C5.8637 11.1897 6.53474 11.5483 7.26527 11.6936C7.9958 11.839 8.75302 11.7644 9.44117 11.4793C10.1293 11.1943 10.7175 10.7116 11.1313 10.0923C11.5451 9.47297 11.766 8.74485 11.766 8.00001C11.766 7.0012 11.3692 6.04331 10.6629 5.33705C9.95668 4.63078 8.99879 4.23401 7.99998 4.23401V4.23401ZM7.99998 10.4447C7.51647 10.4447 7.04382 10.3013 6.6418 10.0327C6.23977 9.76405 5.92643 9.38225 5.7414 8.93554C5.55637 8.48884 5.50796 7.9973 5.60229 7.52308C5.69661 7.04886 5.92945 6.61326 6.27134 6.27137C6.61323 5.92948 7.04883 5.69664 7.52305 5.60232C7.99727 5.50799 8.48881 5.5564 8.93551 5.74143C9.38222 5.92646 9.76402 6.2398 10.0326 6.64182C10.3013 7.04385 10.4446 7.5165 10.4446 8.00001C10.4446 8.64837 10.1871 9.27019 9.72862 9.72865C9.27016 10.1871 8.64835 10.4447 7.99998 10.4447V10.4447Z" fill="currentColor"/> 3503 <path d="M11.9147 4.96532C12.4007 4.96532 12.7947 4.57133 12.7947 4.08532C12.7947 3.59931 12.4007 3.20532 11.9147 3.20532C11.4287 3.20532 11.0347 3.59931 11.0347 4.08532C11.0347 4.57133 11.4287 4.96532 11.9147 4.96532Z" fill="currentColor"/> 3504</svg><span class="visually-hidden">Instagram</span> 3505 </a> 3506 </li><li class="list-social__item flex align-center"> 3507 <a href="https://www.youtube.com/user/Vbarbershop" class="link flex justify-center align-center por tap-area-icon list-social__link list-social__link--youtube" target="_blank" data-no-instant><svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" role="presentation" class="icon icon-youtube"> 3508 <path d="M15.9963 5.6389C16.0323 4.1584 15.8047 2.68898 15.3349 1.36707C15.0161 0.824662 14.5737 0.45862 14.0848 0.33273C12.0625 0.0715852 10.0317 -0.0354495 8.00136 0.0120845C5.97838 -0.037607 3.95498 0.0659739 1.93973 0.322387C1.54131 0.425528 1.17259 0.691484 0.878584 1.0878C0.224452 1.9463 0.15177 3.41507 0.0790889 4.65628C-0.026363 6.88794 -0.026363 9.12715 0.0790889 11.3588C0.100116 12.0574 0.173207 12.7509 0.297133 13.4275C0.384769 13.9499 0.562073 14.4332 0.813171 14.8342C1.10918 15.2515 1.48648 15.5326 1.89612 15.641C3.46307 15.9162 5.04193 16.0303 6.62041 15.9823C9.16426 16.034 11.3956 15.9823 14.0339 15.6927C14.4536 15.591 14.8415 15.3095 15.1459 14.8859C15.3494 14.5962 15.5014 14.2416 15.5893 13.8516C15.8492 12.7165 15.9769 11.5286 15.9672 10.3348C15.9963 9.75558 15.9963 6.25951 15.9963 5.6389ZM6.35876 10.9554V4.55284L10.6615 7.76965C9.45499 8.72124 7.86327 9.79696 6.35876 10.9554Z" fill="currentColor"/> 3509</svg><span class="visually-hidden">YouTube</span> 3510 </a> 3511 </li><li class="list-social__item flex align-center">
3512 <a href="https://www.tiktok.com/@vs_barbershop" class="link flex justify-center align-center por tap-area-icon list-social__link list-social__link--tiktok" target="_blank" data-no-instant><svg class="icon icon-tiktok" fill="currentColor" width="16" height="16" viewBox="0 0 16 16" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" role="presentation"> 3513 <path d="M9 0h1.98c.144.715.54 1.617 1.235 2.512C12.895 3.389 13.797 4 15 4v2c-1.753 0-3.07-.814-4-1.829V11a5 5 0 1 1-5-5v2a3 3 0 1 0 3 3V0Z"/> 3514</svg><span class="visually-hidden">TikTok</span> 3515 </a> 3516 </li></ul></div></div> 3517 </div> 3518 </div> 3519 </details> 3520 </header-drawer> 3521 <a href="/account/login" class="header__icon header__icon--account link header__button-icon flex justify-center align-center large-up-hide"> 3522 <svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon icon-account"> 3523 <rect x="7" y="2" width="10" height="10" rx="5" stroke="currentColor" stroke-width="2"/> 3524 <path d="M12 15.5C13.5 15.5 16 15.8333 16.5 16C17 16.1667 20.2 16.8 21 18C22 19.5 22 20 22 22" stroke="currentColor" stroke-width="2" stroke-linecap="round"/> 3525 <path d="M12 15.5C10.5 15.5 8 15.8333 7.5 16C7 16.1667 3.8 16.8 3 18C2 19.5 2 20 2 22" stroke="currentColor" stroke-width="2" stroke-linecap="round"/> 3526</svg> 3527 <span class="visually-hidden">Log in</span> 3528 </a> 3529 3530</div><div class="header__heading flex align-center"><button 3531 type="button" 3532 class="header__toggle-nav-button flex justify-left align-center color-foreground header__button-icon small-hide medium-hide por" 3533 tabindex="-1" 3534 aria-label="Navigation toggle in sticky header" 3535 ><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="24" height="24" viewBox="0 0 24 24" aria-hidden="true" focusable="false" role="presentation" class="icon icon-hamburger icon-open-state"> 3536 <line x1="5" y1="7" x2="19" y2="7" stroke="currentColor" stroke-width="2" stroke-linecap="round"/> 3537 <line x1="5" y1="12" x2="19" y2="12" stroke="currentColor" stroke-width="2" stroke-linecap="round"/> 3538 <line x1="5" y1="17" x2="19" y2="17" stroke="currentColor" stroke-width="2" stroke-linecap="round"/> 3539</svg><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" role="presentation" class="icon icon-close icon-close-state" width="24" height="24" viewBox="0 0 22 22" fill="none"> 3540 <path d="M5.5 16.5L16.5 5.5M5.5 5.5L16.5 16.5" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/> 3541</svg></button><a 3542 href="/" 3543 class="header__heading-link link link--text flex justify-center" 3544 ><img src="//vbarbershop.com/cdn/shop/files/Vs-Round-Logo.png?v=1695653544&width=500" alt="V's Barbershop circular logo in black and gold with "Barbershop" arched at the top and "Est. 1999" at the bottom." srcset="//vbarbershop.com/cdn/shop/files/Vs-Round-Logo.png?v=1695653544&width=50 50w, //vbarbershop.com/cdn/shop/files/Vs-Round-Logo.png?v=1695653544&width=100 100w, //vbarbershop.com/cdn/shop/files/Vs-Round-Logo.png?v=1695653544&width=150 150w, //vbarbershop.com/cdn/shop/files/Vs-Round-Logo.png?v=1695653544&width=200 200w, //vbarbershop.com/cdn/shop/files/Vs-Round-Logo.png?v=1695653544&width=250 250w, //vbarbershop.com/cdn/shop/files/Vs-Round-Logo.png?v=1695653544&width=300 300w, //vbarbershop.com/cdn/shop/files/Vs-Round-Logo.png?v=1695653544&width=400 400w, //vbarbershop.com/cdn/shop/files/Vs-Round-Logo.png?v=1695653544&width=500 500w" width="130" height="130.0" class="header__heading-logo motion-reduce"> 3545</a></div><div class="header__icons flex align-center"><div class="header__search small-hide medium-hide"><form action="/search" method="get" role="search" class="search search--header flex w100 por"> 3546 <input class="search__input search__input--header w100 color-foreground" 3547 id="Search-In-Inline" 3548 type="search" 3549 aria-label="Search" 3550 name="q" 3551 value="" 3552 placeholder="Search"> 3553 <label class="field__label visually-hidden" for="Search-In-Inl
3553ine">Search</label> 3554 <input type="hidden" name="options[prefix]" value="last"> 3555 <button class="search__button search__button--header field__button light flex justify-center align-center overflow-hidden" aria-label="Search" onclick="document.getElementById('Search-In-Inline').focus();"> 3556 <svg class="icon icon-search" aria-hidden="true" focusable="false" role="presentation" width="24" height="24"> 3557 <use href="#icon-search"> 3558 </svg> 3559 </button> 3560</form></div><details-disclosure class="header__customer-support-region small-hide medium-hide por" data-ignore-hover="true" id="header-region-desktop"> 3561 <details class="disclosure"> 3562 <summary class="disclosure__button header__customer-support-region__button header__customer-support-region__button--desktop flex align-center"> 3563 3564 <div class="rq-icons-customer-support"> 3565 <img src="//vbarbershop.com/cdn/shop/files/FinalButtonIcon.png?v=1708710172" alt="Gold and black circular barber pole icon"> 3566 </div> 3567 3568 <span class="header__customer-support-region__global-info"><span class="link link--text font-body-bold">LOCATIONS & RESERVATIONS</span> 3569 </span><svg width="18" height="18" viewBox="0 0 18 18" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon icon-caret light"> 3570 <path d="M14.25 6.75L9 12L3.75 6.75" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/> 3571</svg></summary> 3572 <div class="rq-main-support disclosure__list-wrapper disclosure__list-wrapper--bottom header__customer-support-region__list header__customer-support-region__list--in-dropdown flex flex-column"><div class="header__customer-support-region__region flex flex-column" > 3573 3574 <a href="/pages/store-locator" class=" rq-bg-color"> 3575 <span class="header__customer-support-region__name"> 3576 3577 <div class="rq-icons-customer-support-desktop"> 3578 <img src="//vbarbershop.com/cdn/shop/files/VBarbershop-Icon-Location.svg?v=1706053933" alt="Gold and black circular location pin icon"> 3579 </div> 3580 3581 <div class="gb-pre"> 3582 FIND A LOCATION 3583 </div> 3584 </span> 3585 <a href="tel:" class="header__customer-support-region__hotline font-body-bold link link--text"></a> 3586 <span class="header__customer-support-region__address light"></span> 3587 <a href="mailto:" class="header__customer-support-region__email link link--text"></a> 3588 </a> 3589 </div><hr class="margin0"><div class="header__customer-support-region__region flex flex-column" > 3590 3591 <a class=" rq-click-on-book-app rq-bg-color"> 3592 <span class="header__customer-support-region__name"> 3593 3594 <div class="rq-icons-customer-support-desktop"> 3595 <img src="//vbarbershop.com/cdn/shop/files/VBarbershop-Icon-Reservation.svg?v=1706053933" alt="Gold and black circular barber pole icon"> 3596 </div> 3597 3598 <div class="gb-pre"> 3599 BOOK A RESERVATION 3600 </div> 3601 </span> 3602 <a href="tel:" class="header__customer-support-region__hotline font-body-bold link link--text"></a> 3603 <span class="header__customer-support-region__address light"></span> 3604 <a href="mailto:" class="header__customer-support-region__email link link--text"></a> 3605 </a> 3606 </div><hr class="margin0"><div class="header__customer-support-region__region flex flex-column" > 3607 3608 <a href="https://qrco.de/bbcemi" class=" rq-bg-color"> 3609 <span class="header__customer-support-region__name"> 3610 3611 <div class="rq-icons-customer-support-desktop"> 3612 <img src="//vbarbershop.com/cdn/shop/files/VBarbershop-Icon-App.svg?v=1706053933" alt="Gold and black circular icon of a hand holding a smartphone displaying the v's barbershop logo"> 3613 </div> 3614 3615 <div class="gb-pre"> 3616 DOWNLOAD OUR APP 3617 </div> 3618 </span> 3619 <a href="tel:" class="header__customer-support-region__hotline font-body-bold link link--text"></a>
3620 <span class="header__customer-support-region__address light"></span> 3621 <a href="mailto:" class="header__customer-support-region__email link link--text"></a> 3622 </a> 3623 </div><hr class="margin0"><div class="header__customer-support-region__region flex flex-column" > 3624 3625 <a class=" rq-click-on-gift-app rq-bg-color"> 3626 <span class="header__customer-support-region__name"> 3627 3628 <div class="rq-icons-customer-support-desktop"> 3629 <img src="//vbarbershop.com/cdn/shop/files/VBarbershop-Icon-GiftCard.svg?v=1706053933" alt="Gold and black circular icon of a v's barbershop gift card with sparkle accents"> 3630 </div> 3631 3632 <div class="gb-pre"> 3633 BUY A GIFT CARD 3634 </div> 3635 </span> 3636 <a href="tel:" class="header__customer-support-region__hotline font-body-bold link link--text"></a> 3637 <span class="header__customer-support-region__address light"></span> 3638 <a href="mailto:" class="header__customer-support-region__email link link--text"></a> 3639 </a> 3640 </div></div> 3641 </details> 3642 </details-disclosure><details-modal class="header__search large-up-hide" data-breakpoint="tablet"> 3643 <details class="flex"> 3644 <summary class="header__icon header__icon--search header__icon--summary link header__button-icon modal__toggle flex justify-center align-center large-up-hide" aria-haspopup="dialog" aria-label="Search"> 3645 <svg class="modal__toggle-open icon icon-search" aria-hidden="true" focusable="false" role="presentation" width="24" height="24"> 3646 <use href="#icon-search"> 3647 </svg> 3648 </summary> 3649 <div class="search-modal gradient color-background-1" role="dialog" aria-modal="true" aria-label="Search"> 3650 <div class="page-width"> 3651 <div class="por search-modal__inner" tabindex="-1"><form action="/search" method="get" role="search" class="search search--header flex w100 por"> 3652 <input class="search__input search__input--header w100 color-foreground" 3653 id="Search-In-Modal" 3654 type="search" 3655 aria-label="Search" 3656 name="q" 3657 value="" 3658 placeholder="Search"> 3659 <label class="field__label visually-hidden" for="Search-In-Modal">Search</label> 3660 <input type="hidden" name="options[prefix]" value="last"> 3661 <button class="search__button search__button--header field__button light flex justify-center align-center overflow-hidden" aria-label="Search" onclick="document.getElementById('Search-In-Modal').focus();"> 3662 <svg class="icon icon-search" aria-hidden="true" focusable="false" role="presentation" width="24" height="24"> 3663 <use href="#icon-search"> 3664 </svg> 3665 </button> 3666</form><button type="button" class="search-modal__close-button modal__close-button link link--text focus-inset flex justify-center align-center" aria-label="Close"> 3667 <svg class="icon icon-close" aria-hidden="true" focusable="false" role="presentation"> 3668 <use href="#icon-close"/> 3669 </svg> 3670 </button> 3671 </div> 3672 </div> 3673 </div> 3674 </details> 3675 <div class="details-modal-overlay search-modal-overlay"></div> 3676</details-modal> 3677 <a href="/account/login" class="header__icon header__icon--account link header__button-icon flex justify-center align-center small-hide medium-hide"> 3678 <svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon icon-account"> 3679 <rect x="7" y="2" width="10" height="10" rx="5" stroke="currentColor" stroke-width="2"/> 3680 <path d="M12 15.5C13.5 15.5 16 15.8333 16.5 16C17 16.1667 20.2 16.8 21 18C22 19.5 22 20 22 22" stroke="currentColor" stroke-width="2" stroke-linecap="round"/> 3681 <path d="M12 15.5C10.5 15.5 8 15.8333 7.5 16C7 16.1667 3.8 16.8 3 18C2 19.5 2 20 2 22" stroke="currentColor" stroke-width="2" stroke-linecap="round"/> 3682</svg> 3683 <span class="visually-hidden">Log in</span> 3684 </a> 3685 3686<a href="/cart" class="header__icon header__icon--cart link flex justify-center align-center por header__button-icon" id="cart-icon-bubble" data-no-instant aria-label="Cart"><div class="header__cart-inner flex justify-center align-center"> 3687 <div class="por flex"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon icon-cart icon-open-state"> 3688 <path d="M19.5013 6H5.49868C4.1187 6 3 7.13667 3 8.53883V20.4612C3 21.8633 4.1187 23 5.49868 23H19.5013C20.8813 23 22 21.8633 22 20.4612V8.53883C22 7.13667 20.8813 6 19.5013 6Z" stroke="currentColor" stroke-width="2" stroke-miterlimit="10"/> 3689 <path d="M8 5.3C8 2.93 9.92 1 12.3 1C14.67 1 16.6 2.92 16.6 5.3" stroke="currentColor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/> 3690</svg> <div class="cart-count-bubble flex justify-center align-center header__count-bubble font-body-semi-bold"><span aria-hidden="true" class="flex justify-center align-center">0</span><span class="visually-hidden flex justify-center align-center">0 items</span> 3691 </div> 3692 </div> 3693 <div class="flex header__cart-total flex-column small-hide medium-hide"> 3694 <span class="flex align-center small-hide medium-hide light header__cart-total__label caption lh1">Subtotal</span> 3695 <span class="font-body-bold header__cart-total__price lh1 price" data-wpd-cart-total>$0.00</span> 3696 </div> 3697</div></a> 3698</div><div class="header__inline-menu small-hide medium-hide w100 flex justify-space-between"><nav> 3699 <ul class="list-menu list-menu--inline" role="list"><li><header-menu 3700 3701 > 3702 <details id="Details-HeaderMenu-1" class="mega-menu"> 3703 <summary 3704 class="header__menu-item header__menu-item--top list-menu__item link h6 header__menu-item--link" 3705 data-href="/collections/hair" 3706 3707 >
3708 <span class="link-effect-no-underline">HAIR</span><svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon icon-caret light"> 3709 <path d="M12.6667 6L8 10.6667L3.33333 6" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/> 3710</svg> </summary><div 3711 id="MegaMenu-Content-1" 3712 class="mega-menu__content gradient motion-reduce global-settings-popup mega-menu__content--has-go-to-link" 3713 tabindex="-1" 3714 > 3715 <div class="page-width flex mega-menu__content__inner flex-wrap"><ul class="mega-menu__list mega-menu__list--center mega-menu__column--span2" role="list"><li class="mega-menu__splitting-span" style="--total-rows: 6;--total-columns: 2;"> 3716 <a href="#" class="link mega-menu__link font-heading-bold mega-menu__link--title h4"> 3717 <span class="link-effect-no-underline">Shop By Type</span></a><ul class="list-unstyled mega-menu__list mega-menu__list--splitting" role="list"><li> 3718 <a href="/collections/shampoos" class="mega-menu__link link header-menu__link-sub font-body-semi-bold text-small"> 3719 <span class="link-effect-no-underline">Shampoos</span></a> 3720 </li><li> 3721 <a href="/collections/conditioners" class="mega-menu__link link header-menu__link-sub font-body-semi-bold text-small"> 3722 <span class="link-effect-no-underline">Conditioners</span></a> 3723 </li><li> 3724 <a href="/collections/pomades" class="mega-menu__link link header-menu__link-sub font-body-semi-bold text-small"> 3725 <span class="link-effect-no-underline">Pomades</span></a> 3726 </li><li> 3727 <a href="/collections/fibers-pastes" class="mega-menu__link link header-menu__link-sub font-body-semi-bold text-small"> 3728 <span class="link-effect-no-underline">Fibers & Pastes</span></a> 3729 </li><li> 3730 <a href="/collections/clays" class="mega-menu__link link header-menu__link-sub font-body-semi-bold text-small"> 3731 <span class="link-effect-no-underline">Clays</span></a> 3732 </li><li> 3733 <a href="/collections/creams" class="mega-menu__link link header-menu__link-sub font-body-semi-bold text-small"> 3734 <span class="link-effect-no-underline">Creams</span></a> 3735 </li><li> 3736 <a href="/collections/gels" class="mega-menu__link link header-menu__link-sub font-body-semi-bold text-small"> 3737 <span class="link-effect-no-underline">Gels</span></a> 3738 </li><li> 3739 <a href="/collections/sprays" class="mega-menu__link link header-menu__link-sub font-body-semi-bold text-small"> 3740 <span class="link-effect-no-underline">Sprays</span></a> 3741 </li><li> 3742 <a href="/collections/foams-mousses" class="mega-menu__link link header-menu__link-sub font-body-semi-bold text-small"> 3743 <span class="link-effect-no-underline">Foams & Mousses</span></a> 3744 </li><li> 3745 <a href="/collections/hair-powders" class="mega-menu__link link header-menu__link-sub font-body-semi-bold text-small"> 3746 <span class="link-effect-no-underline">Hair Powders</span></a> 3747 </li><li> 3748 <a href="/collections/hair-tonics" class="mega-menu__link link header-menu__link-sub font-body-semi-bold text-small"> 3749 <span class="link-effect-no-underline">Hair Tonics</span></a> 3750 </li></ul></li><li> 3751 <a href="#" class="link mega-menu__link font-heading-bold mega-menu__link--title h4"> 3752 <span class="link-effect-no-underline">Shop By Concern</span></a><ul class="list-unstyled" role="list"><li> 3753 <a href="/collections/hair-loss-thinning" class="mega-menu__link link header-menu__link-sub font-body-semi-bold text-small">
3754 <span class="link-effect-no-underline">Hair Loss & Thinning</span></a> 3755 </li><li> 3756 <a href="/collections/curls-textures" class="mega-menu__link link header-menu__link-sub font-body-semi-bold text-small"> 3757 <span class="link-effect-no-underline">Curls & Textures</span></a> 3758 </li><li> 3759 <a href="/collections/dandruff-dry-scalp" class="mega-menu__link link header-menu__link-sub font-body-semi-bold text-small"> 3760 <span class="link-effect-no-underline">Dandruff & Dry Scalp</span></a> 3761 </li><li> 3762 <a href="/collections/damaged-hair" class="mega-menu__link link header-menu__link-sub font-body-semi-bold text-small"> 3763 <span class="link-effect-no-underline">Damaged Hair</span></a> 3764 </li><li> 3765 <a href="/collections/volumizing" class="mega-menu__link link header-menu__link-sub font-body-semi-bold text-small"> 3766 <span class="link-effect-no-underline">Volumizing</span></a> 3767 </li></ul></li></ul> 3768<div class="mega-menu__column mega-menu__column--last mega-menu__column--span2"> 3769 <div class="mega-menu__column__item" > 3770 <div class="card-wrapper contains-card--collection card-radius por card--shadow overflow-hidden"> 3771 <div class="card card--media"> 3772 <div class="card__inner"> 3773 <div class="card__media"> 3774 <div class="media media--hover-effect w100 ratio" style="--ratio-percent: 100%;"> 3775 3776<img src="//vbarbershop.com/cdn/shop/files/PUCKS.jpg?v=1712779808&width=1000" alt="Hair creams" srcset="//vbarbershop.com/cdn/shop/files/PUCKS.jpg?v=1712779808&width=165 165w, //vbarbershop.com/cdn/shop/files/PUCKS.jpg?v=1712779808&width=360 360w, //vbarbershop.com/cdn/shop/files/PUCKS.jpg?v=1712779808&width=533 533w, //vbarbershop.com/cdn/shop/files/PUCKS.jpg?v=1712779808&width=720 720w, //vbarbershop.com/cdn/shop/files/PUCKS.jpg?v=1712779808&width=940 940w" width="1000" height="1000" loading="lazy" sizes="(min-width: 1600px) 367px, (min-width: 990px) calc((100vw - 130px) / 4), (min-width: 750px) calc((100vw - 120px) / 3), calc((100vw - 35px) / 2)" class="motion-reduce"> 3777 3778 </div> 3779 </div><div class="card__content card__content--overlay-text mega-menu__overlay color-scheme-f6247c22-0fb4-4af3-9b26-2c1551b88137 align-end" style="--overlay-opacity:0.0"> 3780 <div class="card__information center mega-menu__promotion-info" style="--text-position:3;"><div class="caption-large">FOR PUCKS SAKE, FIX YOUR HAIR</div><div class="mega-menu__heading-promo h3 card__heading font-heading-bold"> 3781 <a href="/collections/pucks" class="full-unstyled-link"> 3782 3783 </a> 3784 </div></div> 3785 </div></div></div> 3786 </div> 3787</div><div class="mega-menu__column__item" > 3788 <div class="card-wrapper contains-card--collection card-radius por card--shadow overflow-hidden"> 3789 <div class="card card--media"> 3790 <div class="card__inner"> 3791 <div class="card__media"> 3792 <div class="media media--hover-effect w100 ratio" style="--ratio-percent: 100%;"> 3793 3794<img src="//vbarbershop.com/cdn/shop/files/hairloss.jpg?v=1712876268&width=1000" alt="Hairloss" srcset="//vbarbershop.com/cdn/shop/files/hairloss.jpg?v=1712876268&width=165 165w, //vbarbershop.com/cdn/shop/files/hairloss.jpg?v=1712876268&width=360 360w, //vbarbershop.com/cdn/shop/files/hairloss.jpg?v=1712876268&width=533 533w, //vbarbershop.com/cdn/shop/files/hairloss.jpg?v=1712876268&width=720 720w, //vbarbershop.com/cdn/shop/files/hairloss.jpg?v=1712876268&width=940 940w" width="1000" height="1000" loading="lazy" sizes="(min-width: 1600px) 367px, (min-width: 990px) calc((100vw - 130px) / 4), (min-width: 750px) calc((100vw - 120px) / 3), calc((100vw - 35px) / 2)" class="motion-reduce"> 3795 3796 </div> 3797 </div><div class="card__content card__content--overlay-text mega-menu__overlay color-scheme-f6247c22-0fb4-4af3-9b26-2c1551b88137 align-end" style="--overlay-opacity:0.0"> 3798 <div class="card__information center mega-menu__promotion-info" style="--text-position:3;"><div class="caption-large">THINNING HAIR? WE GOT YOU!</div><div class="mega-menu__heading-promo h3 card__heading font-heading-bold"> 3799 <a href="/collections/hair-loss-thinning" class="full-unstyled-link"> 3800 3801 </a> 3802 </div></div> 3803 </div></div></div> 3804 </div> 3805</div> 3806 </div></div><div class="header__goto-link center margin-top-1rem"> 3807 <a 3808 href="/collections/hair" 3809 class="link link-effect-no-underline align-center justify-center font-body-semi-bold" 3810 3811 > 3812 Go to HAIR 3813<svg class="icon" aria-hidden="true" focusable="false" role="presentation" xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewB
3813ox="0 0 24 24" fill="none"><path d="M10 6H6C4.89543 6 4 6.89543 4 8V18C4 19.1046 4.89543 20 6 20H16C17.1046 20 18 19.1046 18 18V14M14 4H20M20 4V10M20 4L10 14" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/></svg></a> 3814 </div></div></details> 3815 </header-menu></li><li><header-menu 3816 3817 > 3818 <details id="Details-HeaderMenu-2" class="mega-menu"> 3819 <summary 3820 class="header__menu-item header__menu-item--top list-menu__item link h6 header__menu-item--link" 3821 data-href="/collections/face" 3822 3823 > 3824 <span class="link-effect-no-underline">FACE</span><svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon icon-caret light"> 3825 <path d="M12.6667 6L8 10.6667L3.33333 6" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/> 3826</svg> </summary><div 3827 id="MegaMenu-Content-2" 3828 class="mega-menu__content gradient motion-reduce global-settings-popup mega-menu__content--has-go-to-link" 3829 tabindex="-1" 3830 > 3831 <div class="page-width flex mega-menu__content__inner flex-wrap"> 3832 <ul class="mega-menu__list mega-menu__list--center mega-menu__column--span3" role="list"><li> 3833 <a href="/collections/shaving-1" class="link mega-menu__link font-heading-bold mega-menu__link--title h4"> 3834 <span class="link-effect-no-underline">Shaving</span></a><ul class="list-unstyled" role="list"><li> 3835 <a href="/collections/pre-shaves" class="mega-menu__link link header-menu__link-sub font-body-semi-bold text-small"> 3836 <span class="link-effect-no-underline">Pre-Shaves</span></a> 3837 </li><li> 3838 <a href="/collections/creams-oils" class="mega-menu__link link header-menu__link-sub font-body-semi-bold text-small"> 3839 <span class="link-effect-no-underline">Creams & Oils</span></a> 3840 </li><li> 3841 <a href="/collections/aftershaves" class="mega-menu__link link header-menu__link-sub font-body-semi-bold text-small"> 3842 <span class="link-effect-no-underline">Aftershaves</span></a> 3843 </li></ul></li><li> 3844 <a href="/collections/beard" class="link mega-menu__link font-heading-bold mega-menu__link--title h4"> 3845 <span class="link-effect-no-underline">Beard</span></a><ul class="list-unstyled" role="list"><li> 3846 <a href="/collections/beard-washes" class="mega-menu__link link header-menu__link-sub font-body-semi-bold text-small"> 3847 <span class="link-effect-no-underline">Beard Washes</span></a> 3848 </li><li> 3849 <a href="/collections/beard-conditioners" class="mega-menu__link link header-menu__link-sub font-body-semi-bold text-small"> 3850 <span class="link-effect-no-underline">Beard Conditioners</span></a> 3851 </li><li> 3852 <a href="/collections/balms-waxes" class="mega-menu__link link header-menu__link-sub font-body-semi-bold text-small"> 3853 <span class="link-effect-no-underline">Balms & Waxes</span></a> 3854 </li><li> 3855 <a href="/collections/moustache" class="mega-menu__link link header-menu__link-sub font-body-semi-bold text-small"> 3856 <span class="link-effect-no-underline">Moustache</span></a> 3857 </li><li> 3858 <a href="/collections/oils-serums" class="mega-menu__link link header-menu__link-sub font-body-semi-bold text-small"> 3859 <span class="link-effect-no-underline">Oils & Serums</span></a> 3860 </li></ul></li><li> 3861 <a href="/collections/skincare" class="link mega-menu__link font-heading-bold mega-menu__link--title h4"> 3862 <span class="link-effect-no-underline">Skincare</span></a><ul class="list-unstyled" role="list"><li> 3863 <a href="/collections/cleansers" class="mega-menu__link link header-menu__link-sub font-body-semi-bold text-small">
3864 <span class="link-effect-no-underline">Cleansers</span></a> 3865 </li><li> 3866 <a href="/collections/moisturizers" class="mega-menu__link link header-menu__link-sub font-body-semi-bold text-small"> 3867 <span class="link-effect-no-underline">Moisturizers</span></a> 3868 </li><li> 3869 <a href="/collections/exfoliators" class="mega-menu__link link header-menu__link-sub font-body-semi-bold text-small"> 3870 <span class="link-effect-no-underline">Exfoliators</span></a> 3871 </li><li> 3872 <a href="/collections/eye-creams-masks" class="mega-menu__link link header-menu__link-sub font-body-semi-bold text-small"> 3873 <span class="link-effect-no-underline">Eye Creams & Masks</span></a> 3874 </li><li> 3875 <a href="/collections/aftershaves-tonics" class="mega-menu__link link header-menu__link-sub font-body-semi-bold text-small"> 3876 <span class="link-effect-no-underline">Aftershaves & Tonics</span></a> 3877 </li></ul></li></ul> 3878 3879<div class="mega-menu__column mega-menu__column--last mega-menu__column--span1 mega-menu__column--allow-full"> 3880 <div class="mega-menu__column__item" > 3881 <div class="card-wrapper contains-card--collection card-radius por card--shadow overflow-hidden"> 3882 <div class="card card--media"> 3883 <div class="card__inner"> 3884 <div class="card__media"> 3885 <div class="media media--hover-effect w100 ratio" style="--ratio-percent: 100%;"> 3886 3887<img src="//vbarbershop.com/cdn/shop/files/SFK.jpg?v=1712780219&width=1000" alt="Sfk" srcset="//vbarbershop.com/cdn/shop/files/SFK.jpg?v=1712780219&width=165 165w, //vbarbershop.com/cdn/shop/files/SFK.jpg?v=1712780219&width=360 360w, //vbarbershop.com/cdn/shop/files/SFK.jpg?v=1712780219&width=533 533w, //vbarbershop.com/cdn/shop/files/SFK.jpg?v=1712780219&width=720 720w, //vbarbershop.com/cdn/shop/files/SFK.jpg?v=1712780219&width=940 940w" width="1000" height="1000" loading="lazy" sizes="(min-width: 1600px) 367px, (min-width: 990px) calc((100vw - 130px) / 4), (min-width: 750px) calc((100vw - 120px) / 3), calc((100vw - 35px) / 2)" class="motion-reduce"> 3888 3889 </div> 3890 </div><div class="card__content card__content--overlay-text mega-menu__overlay color-scheme-f6247c22-0fb4-4af3-9b26-2c1551b88137 align-end" style="--overlay-opacity:0.0"> 3891 <div class="card__information center mega-menu__promotion-info" style="--text-position:3;"><div class="caption-large">GET THE PERFECT SHAVE AT HOME</div><div class="mega-menu__heading-promo h3 card__heading font-heading-bold"> 3892 <a href="https://vbarbershop.com/products/vs-shaving-face-essentials-kit" class="full-unstyled-link"> 3893 3894 </a> 3895 </div></div> 3896 </div></div></div> 3897 </div> 3898</div> 3899 </div></div><div class="header__goto-link center margin-top-1rem"> 3900 <a 3901 href="/collections/face" 3902 class="link link-effect-no-underline align-center justify-center font-body-semi-bold" 3903 3904 > 3905 Go to FACE 3906<svg class="icon" aria-hidden="true" focusable="false" role="presentation" xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none"><path d="M10 6H6C4.89543 6 4 6.89543 4 8V18C4 19.1046 4.89543 20 6 20H16C17.1046 20 18 19.1046 18 18V14M14 4H20M20 4V10M20 4L10 14" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/></svg></a> 3907 </div></div></details> 3908 </header-menu></li><li><header-menu 3909 3910 > 3911 <details id="Details-HeaderMenu-3" class="mega-menu"> 3912 <summary 3913 class="header__menu-item header__menu-item--top list-menu__item link h6 header__menu-item--link" 3914 data-href="/collections/body" 3915 3916 >
3917 <span class="link-effect-no-underline">BODY</span><svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon icon-caret light"> 3918 <path d="M12.6667 6L8 10.6667L3.33333 6" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/> 3919</svg> </summary><div 3920 id="MegaMenu-Content-3" 3921 class="mega-menu__content gradient motion-reduce global-settings-popup mega-menu__content--has-go-to-link" 3922 tabindex="-1" 3923 > 3924 <div class="page-width flex mega-menu__content__inner flex-wrap"><ul class="mega-menu__list mega-menu__list--center mega-menu__column--span1" role="list"><li> 3925 <a href="/collections/body" class="link mega-menu__link font-heading-bold mega-menu__link--title h4"> 3926 <span class="link-effect-no-underline">Shop All Body</span></a><ul class="list-unstyled" role="list"><li> 3927 <a href="/collections/soaps-washes" class="mega-menu__link link header-menu__link-sub font-body-semi-bold text-small"> 3928 <span class="link-effect-no-underline">Soaps & Washes</span></a> 3929 </li><li> 3930 <a href="/collections/lotions-moisturizers" class="mega-menu__link link header-menu__link-sub font-body-semi-bold text-small"> 3931 <span class="link-effect-no-underline">Lotions & Moisturizers</span></a> 3932 </li><li> 3933 <a href="/collections/fragrance" class="mega-menu__link link header-menu__link-sub font-body-semi-bold text-small"> 3934 <span class="link-effect-no-underline">Fragrance</span></a> 3935 </li><li> 3936 <a href="/collections/tattoo" class="mega-menu__link link header-menu__link-sub font-body-semi-bold text-small"> 3937 <span class="link-effect-no-underline">Tattoo</span></a> 3938 </li></ul></li></ul> 3939<div class="mega-menu__column mega-menu__column--last mega-menu__column--span3"> 3940 <div class="mega-menu__column__item" > 3941 <div class="card-wrapper contains-card--collection card-radius por card--shadow overflow-hidden"> 3942 <div class="card card--media"> 3943 <div class="card__inner"> 3944 <div class="card__media"> 3945 <div class="media media--hover-effect w100 ratio" style="--ratio-percent: 100%;"> 3946 3947<img src="//vbarbershop.com/cdn/shop/files/TRAVEL.jpg?v=1712777020&width=1000" alt="Travel" srcset="//vbarbershop.com/cdn/shop/files/TRAVEL.jpg?v=1712777020&width=165 165w, //vbarbershop.com/cdn/shop/files/TRAVEL.jpg?v=1712777020&width=360 360w, //vbarbershop.com/cdn/shop/files/TRAVEL.jpg?v=1712777020&width=533 533w, //vbarbershop.com/cdn/shop/files/TRAVEL.jpg?v=1712777020&width=720 720w, //vbarbershop.com/cdn/shop/files/TRAVEL.jpg?v=1712777020&width=940 940w" width="1000" height="1000" loading="lazy" sizes="(min-width: 1600px) 367px, (min-width: 990px) calc((100vw - 130px) / 4), (min-width: 750px) calc((100vw - 120px) / 3), calc((100vw - 35px) / 2)" class="motion-reduce"> 3948 3949 </div> 3950 </div><div class="card__content card__content--overlay-text mega-menu__overlay color-scheme-f6247c22-0fb4-4af3-9b26-2c1551b88137 align-end" style="--overlay-opacity:0.0"> 3951 <div class="card__information center mega-menu__promotion-info" style="--text-position:3;"><div class="caption-large">YOUR GO-TO'S: TRAVEL SIZED</div><div class="mega-menu__heading-promo h3 card__heading font-heading-bold"> 3952 <a href="/collections/travel-size" class="full-unstyled-link"> 3953 3954 </a> 3955 </div></div> 3956 </div></div></div> 3957 </div> 3958</div><div class="mega-menu__column__item" > 3959 <div class="card-wrapper contains-card--collection card-radius por card--shadow overflow-hidden"> 3960 <div class="card card--media"> 3961 <div class="card__inner"> 3962 <div class="card__media"> 3963 <div class="media media--hover-effect w100 ratio" style="--ratio-percent: 100%;"> 3964 3965<img src="//vbarbershop.com/cdn/shop/files/InkBlog.jpg?v=1712778544&width=1000" alt="Inkblog" srcset="//vbarbershop.com/cdn/shop/files/InkBlog.jpg?v=1712778544&width=165 165w, //vbarbershop.com/cdn/shop/files/InkBlog.jpg?v=1712778544&width=360 360w, //vbarbershop.com/cdn/shop/files/InkBlog.jpg?v=1712778544&width=533 533w, //vbarbershop.com/cdn/shop/files/InkBlog.jpg?v=1712778544&width=720 720w, //vbarbershop.com/cdn/shop/files/InkBlog.jpg?v=1712778544&width=940 940w" width="1000" height="1000" loading="lazy" sizes="(min-width: 1600px) 367px, (min-width: 990px) calc((100vw - 130px) / 4), (min-width: 750px) calc((100vw - 120px) / 3), calc((100vw - 35px) / 2)" class="motion-reduce"> 3966 3967 </div> 3968 </div><div class="card__content card__content--overlay-text mega-menu__overlay color-scheme-f6247c22-0fb4-4af3-9b26-2c1551b88137 align-end" style="--overlay-opacity:0.0"> 3969 <div class="card__information center mega-menu__promotion-info" style="--text-position:3;"><div class="caption-large">3 STEPS TO BETTER LOOKING INK</div><div class="mega-menu__heading-promo h3 card__heading font-heading-bold"> 3970 <a href="/blogs/the-library/billy-jealousy-marked-iv-life-tattoo-kit" class="full-unstyled-link"> 3971 3972 </a> 3973 </div></div> 3974 </div></div></div> 3975 </div> 3976</div><div class="mega-menu__column__item" > 3977 <div class="card-wrapper contains-card--collection card-radius por card--shadow overflow-hidden"> 3978 <div class="card card--media"> 3979 <div class="card__inner"> 3980 <div class="card__media"> 3981 <div class="media media--hover-effect w100 ratio" style="--ratio-percent: 100%;"> 3982 3983<img src="//vbarbershop.com/cdn/shop/files/SHOWPROMO.jpg?v=1712778815&width=1000" alt="Showpromo" srcset="//vbarbershop.com/cdn/shop/files/SHOWPROMO.jpg?v=1712778815&width=165 165w, //vbarbershop.com/cdn/shop/files/SHOWPROMO.jpg?v=1712778815&width=360 360w, //vbarbershop.com/cdn/shop/files/SHOWPROMO.jpg?v=1712778815&width=533 533w, //vbarbershop.com/cdn/shop/files/SHOWPROMO.jpg?v=1712778815&width=720 720w, //vbarbershop.com/cdn/shop/files/SHOWPROMO.jpg?v=1712778815&width=940 940w" width="1000" height="1000" loading="lazy" sizes="(min-width: 1600px) 367px, (min-width: 990px) calc((100vw - 130px) / 4), (min-width: 750px) calc((100vw - 120px) / 3), calc((100vw - 35px) / 2)" class="motion-reduce"> 3984 3985 </div> 3986 </div><div class="card__content card__content--overlay-text mega-menu__overlay color-scheme-f6247c22-0fb4-4af3-9b26-2c1551b88137 align-end" style="--overlay-opacity:0.0"> 3987 <div class="card__information center mega-menu__promotion-info" style="--text-position:3;"><div class="caption-large">UPGRADE YOUR SHOWER ROUTINE</div><div class="mega-menu__heading-promo h3 card__heading font-heading-bold"> 3988 <a href="/collections/soaps-washes" class="full-unstyled-link"> 3989 3990 </a> 3991 </div></div> 3992 </div></div></div> 3993 </div> 3994</div> 3995 </div></div><div class="header__goto-link center margin-top-1rem"> 3996 <a 3997 href="/collections/body" 3998 class="link link-effect-no-underline align-center justify-center font-body-semi-bold" 3999 4000 > 4001 Go to BODY 4002<svg class="icon" aria-hidden="true" focusable="false" role="presentation" xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewB
4002ox="0 0 24 24" fill="none"><path d="M10 6H6C4.89543 6 4 6.89543 4 8V18C4 19.1046 4.89543 20 6 20H16C17.1046 20 18 19.1046 18 18V14M14 4H20M20 4V10M20 4L10 14" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/></svg></a> 4003 </div></div></details> 4004 </header-menu></li><li><header-menu 4005 4006 > 4007 <details id="Details-HeaderMenu-4" class="mega-menu"> 4008 <summary 4009 class="header__menu-item header__menu-item--top list-menu__item link h6 header__menu-item--link" 4010 data-href="/collections/tools" 4011 4012 > 4013 <span class="link-effect-no-underline">TOOLS</span><svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon icon-caret light"> 4014 <path d="M12.6667 6L8 10.6667L3.33333 6" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/> 4015</svg> </summary><div 4016 id="MegaMenu-Content-4" 4017 class="mega-menu__content gradient motion-reduce global-settings-popup mega-menu__content--has-go-to-link" 4018 tabindex="-1" 4019 > 4020 <div class="page-width flex mega-menu__content__inner flex-wrap"><ul class="mega-menu__list mega-menu__list--center mega-menu__column--span1" role="list"><li> 4021 <a href="/collections/tools" class="link mega-menu__link font-heading-bold mega-menu__link--title h4"> 4022 <span class="link-effect-no-underline">Shop All Tools</span></a><ul class="list-unstyled" role="list"><li> 4023 <a href="/collections/clippers" class="mega-menu__link link header-menu__link-sub font-body-semi-bold text-small"> 4024 <span class="link-effect-no-underline">Clippers</span></a> 4025 </li><li> 4026 <a href="/collections/trimmers-shavers" class="mega-menu__link link header-menu__link-sub font-body-semi-bold text-small"> 4027 <span class="link-effect-no-underline">Trimmers & Shavers</span></a> 4028 </li><li> 4029 <a href="/collections/razors" class="mega-menu__link link header-menu__link-sub font-body-semi-bold text-small"> 4030 <span class="link-effect-no-underline">Razors</span></a> 4031 </li><li> 4032 <a href="/collections/brushes-combs" class="mega-menu__link link header-menu__link-sub font-body-semi-bold text-small"> 4033 <span class="link-effect-no-underline">Brushes & Combs</span></a> 4034 </li><li> 4035 <a href="/collections/nail-tools" class="mega-menu__link link header-menu__link-sub font-body-semi-bold text-small"> 4036 <span class="link-effect-no-underline">Nail Care Tools</span></a> 4037 </li><li> 4038 <a href="/collections/hair-removal-tools" class="mega-menu__link link header-menu__link-sub font-body-semi-bold text-small"> 4039 <span class="link-effect-no-underline">Hair Removal Tools</span></a> 4040 </li><li> 4041 <a href="/collections/skincare-tools" class="mega-menu__link link header-menu__link-sub font-body-semi-bold text-small"> 4042 <span class="link-effect-no-underline">Skin Care Tools</span></a> 4043 </li><li> 4044 <a href="/collections/tool-accessories" class="mega-menu__link link header-menu__link-sub font-body-semi-bold text-small"> 4045 <span class="link-effect-no-underline">Tool Accessories</span></a> 4046 </li></ul></li></ul> 4047<div class="mega-menu__column mega-menu__column--last mega-menu__column--span3"> 4048 <div class="mega-menu__column__item" > 4049 <div class="card-wrapper contains-card--collection card-radius por card--shadow overflow-hidden"> 4050 <div class="card card--media"> 4051 <div class="card__inner"> 4052 <div class="card__media"> 4053 <div class="media media--hover-effect w100 ratio" style="--ratio-percent: 100%;"> 4054 4055<img src="//vbarbershop.com/cdn/shop/files/TWEEZERMAN_5464ad7f-cd6a-43f0-adf6-76cf57f1ded9.jpg?v=1712877180&width=1000" alt="Tweezerman 5464ad7f cd6a 43f0 adf6 76cf57f1ded9" srcset="//vbarbershop.com/cdn/shop/files/TWEEZERMAN_5464ad7f-cd6a-43f0-adf6-76cf57f1ded9.jpg?v=1712877180&width=165 165w, //vbarbershop.com/cdn/shop/files/TWEEZERMAN_5464ad7f-cd6a-43f0-adf6-76cf57f1ded9.jpg?v=1712877180&width=360 360w, //vbarbershop.com/cdn/shop/files/TWEEZERMAN_5464ad7f-cd6a-43f0-adf6-76cf57f1ded9.jpg?v=1712877180&width=533 533w, //vbarbershop.com/cdn/shop/files/TWEEZERMAN_5464ad7f-cd6a-43f0-adf6-76cf57f1ded9.jpg?v=1712877180&width=720 720w, //vbarbershop.com/cdn/shop/files/TWEEZERMAN_5464ad7f-cd6a-43f0-adf6-76cf57f1ded9.jpg?v=1712877180&width=940 940w" width="1000" height="1000" loading="lazy" sizes="(min-width: 1600px) 367px, (min-width: 990px) calc((100vw - 130px) / 4), (min-width: 750px) calc((100vw - 120px) / 3), calc((100vw - 35px) / 2)" class="motion-reduce"> 4056 4057 </div> 4058 </div><div class="card__content card__content--overlay-text mega-menu__overlay color-scheme-f6247c22-0fb4-4af3-9b26-2c1551b88137 align-end" style="--overlay-opacity:0.0"> 4059 <div class="card__information center mega-menu__promotion-info" style="--text-position:3;"><div class="caption-large">TRIM & TWEEZE WITH THESE</div><div class="mega-menu__heading-promo h3 card__heading font-heading-bold"> 4060 <a href="/collections/tools" class="full-unstyled-link"> 4061 4062 </a> 4063 </div></div> 4064 </div></div></div> 4065 </div> 4066</div><div class="mega-menu__column__item" > 4067 <div class="card-wrapper contains-card--collection card-radius por card--shadow overflow-hidden"> 4068 <div class="card card--media"> 4069 <div class="card__inner"> 4070 <div class="card__media"> 4071 <div class="media media--hover-effect w100 ratio" style="--ratio-percent: 100%;"> 4072 4073<img src="//vbarbershop.com/cdn/shop/files/clippers.jpg?v=1712877964&width=1000" alt="Clippers" srcset="//vbarbershop.com/cdn/shop/files/clippers.jpg?v=1712877964&width=165 165w, //vbarbershop.com/cdn/shop/files/clippers.jpg?v=1712877964&width=360 360w, //vbarbershop.com/cdn/shop/files/clippers.jpg?v=1712877964&width=533 533w, //vbarbershop.com/cdn/shop/files/clippers.jpg?v=1712877964&width=720 720w, //vbarbershop.com/cdn/shop/files/clippers.jpg?v=1712877964&width=940 940w" width="1000" height="1000" loading="lazy" sizes="(min-width: 1600px) 367px, (min-width: 990px) calc((100vw - 130px) / 4), (min-width: 750px) calc((100vw - 120px) / 3), calc((100vw - 35px) / 2)" class="motion-reduce"> 4074 4075 </div> 4076 </div><div class="card__content card__content--overlay-text mega-menu__overlay color-scheme-f6247c22-0fb4-4af3-9b26-2c1551b88137 align-end" style="--overlay-opacity:0.0"> 4077 <div class="card__information center mega-menu__promotion-info" style="--text-position:3;"><div class="caption-large">THE BEST CLIPPERS FOR AT HOME CUTS</div><div class="mega-menu__heading-promo h3 card__heading font-heading-bold"> 4078 <a href="/collections/clippers" class="full-unstyled-link"> 4079 4080 </a> 4081 </div></div> 4082 </div></div></div> 4083 </div> 4084</div><div class="mega-menu__column__item" > 4085 <div class="card-wrapper contains-card--collection card-radius por card--shadow overflow-hidden"> 4086 <div class="card card--media"> 4087 <div class="card__inner"> 4088 <div class="card__media"> 4089 <div class="media media--hover-effect w100 ratio" style="--ratio-percent: 100%;"> 4090 4091<img src="//vbarbershop.com/cdn/shop/files/NailCare.jpg?v=1712878902&width=1000" alt="Nailcare" srcset="//vbarbershop.com/cdn/shop/files/NailCare.jpg?v=1712878902&width=165 165w, //vbarbershop.com/cdn/shop/files/NailCare.jpg?v=1712878902&width=360 360w, //vbarbershop.com/cdn/shop/files/NailCare.jpg?v=1712878902&width=533 533w, //vbarbershop.com/cdn/shop/files/NailCare.jpg?v=1712878902&width=720 720w, //vbarbershop.com/cdn/shop/files/NailCare.jpg?v=1712878902&width=940 940w" width="1000" height="1000" loading="lazy" sizes="(min-width: 1600px) 367px, (min-width: 990px) calc((100vw - 130px) / 4), (min-width: 750px) calc((100vw - 120px) / 3), calc((100vw - 35px) / 2)" class="motion-reduce"> 4092 4093 </div> 4094 </div><div class="card__content card__content--overlay-text mega-menu__overlay color-scheme-f6247c22-0fb4-4af3-9b26-2c1551b88137 align-end" style="--overlay-opacity:0.0"> 4095 <div class="card__information center mega-menu__promotion-info" style="--text-position:3;"><div class="caption-large">GIVE YOURSELF A MAN-ICURE</div><div class="mega-menu__heading-promo h3 card__heading font-heading-bold"> 4096 <a href="/collections/nail-tools" class="full-unstyled-link"> 4097 4098 </a> 4099 </div></div> 4100 </div></div></div> 4101 </div> 4102</div> 4103 </div></div><div class="header__goto-link center margin-top-1rem"> 4104 <a 4105 href="/collections/tools" 4106 class="link link-effect-no-underline align-center justify-center font-body-semi-bold" 4107 4108 > 4109 Go to TOOLS 4110<svg class="icon" aria-hidden="true" focusable="false" role="presentation" xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewB
4110ox="0 0 24 24" fill="none"><path d="M10 6H6C4.89543 6 4 6.89543 4 8V18C4 19.1046 4.89543 20 6 20H16C17.1046 20 18 19.1046 18 18V14M14 4H20M20 4V10M20 4L10 14" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/></svg></a> 4111 </div></div></details> 4112 </header-menu></li><li><a 4113 href="/collections/bundles" 4114 class="header__menu-item header__menu-item--top header__menu-item list-menu__item link h6" 4115 4116 4117 4118 > 4119 <span class="link-effect-no-underline">BUNDLES & SETS</span></a></li><li><header-menu 4120 4121 > 4122 <details id="Details-HeaderMenu-6" class="mega-menu"> 4123 <summary 4124 class="header__menu-item header__menu-item--top list-menu__item link h6 header__menu-item--link" 4125 data-href="/collections/brands" 4126 4127 > 4128 <span class="link-effect-no-underline">BRANDS</span><svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon icon-caret light"> 4129 <path d="M12.6667 6L8 10.6667L3.33333 6" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/> 4130</svg> </summary><div 4131 id="MegaMenu-Content-6" 4132 class="mega-menu__content gradient motion-reduce global-settings-popup mega-menu__content--has-go-to-link" 4133 tabindex="-1" 4134 > 4135 <div class="page-width flex mega-menu__content__inner flex-wrap"><ul class="mega-menu__list mega-menu__list--center mega-menu__column--span1" role="list"><li class="mega-menu__splitting-span" style="--total-rows: 11;--total-columns: 2;"> 4136 <a href="/collections/brands" class="link mega-menu__link font-heading-bold mega-menu__link--title h4"> 4137 <span class="link-effect-no-underline">Shop All Brands</span></a><ul class="list-unstyled mega-menu__list mega-menu__list--splitting" role="list"><li> 4138 <a href="/collections/vs-barbershop" class="mega-menu__link link header-menu__link-sub font-body-semi-bold text-small"> 4139 <span class="link-effect-no-underline">V's Barbershop</span></a> 4140 </li><li> 4141 <a href="/collections/actiiv" class="mega-menu__link link header-menu__link-sub font-body-semi-bold text-small"> 4142 <span class="link-effect-no-underline">Actiiv</span></a> 4143 </li><li> 4144 <a href="/collections/alchimie-forever" class="mega-menu__link link header-menu__link-sub font-body-semi-bold text-small"> 4145 <span class="link-effect-no-underline">Alchimie Forever</span></a> 4146 </li><li> 4147 <a href="/collections/american-crew" class="mega-menu__link link header-menu__link-sub font-body-semi-bold text-small"> 4148 <span class="link-effect-no-underline">American Crew</span></a> 4149 </li><li> 4150 <a href="/collections/andis" class="mega-menu__link link header-menu__link-sub font-body-semi-bold text-small"> 4151 <span class="link-effect-no-underline">Andis</span></a> 4152 </li><li> 4153 <a href="/collections/barber-strong" class="mega-menu__link link header-menu__link-sub font-body-semi-bold text-small"> 4154 <span class="link-effect-no-underline">Barber Strong</span></a> 4155 </li><li> 4156 <a href="/collections/billy-jealousy" class="mega-menu__link link header-menu__link-sub font-body-semi-bold text-small"> 4157 <span class="link-effect-no-underline">Billy Jealousy</span></a> 4158 </li><li> 4159 <a href="/collections/bosleymd" class="mega-menu__link link header-menu__link-sub font-body-semi-bold text-small"> 4160 <span class="link-effect-no-underline">BosleyMD</span></a> 4161 </li><li> 4162 <a href="/collections/brosh" class="mega-menu__link link header-menu__link-sub font-body-semi-bold text-small">
4163 <span class="link-effect-no-underline">Brosh</span></a> 4164 </li><li> 4165 <a href="/collections/captain-fawcett" class="mega-menu__link link header-menu__link-sub font-body-semi-bold text-small"> 4166 <span class="link-effect-no-underline">Captain Fawcett</span></a> 4167 </li><li> 4168 <a href="/collections/depot" class="mega-menu__link link header-menu__link-sub font-body-semi-bold text-small"> 4169 <span class="link-effect-no-underline">Depot</span></a> 4170 </li><li> 4171 <a href="/collections/educated-beards" class="mega-menu__link link header-menu__link-sub font-body-semi-bold text-small"> 4172 <span class="link-effect-no-underline">Educated Beards</span></a> 4173 </li><li> 4174 <a href="/collections/firsthand" class="mega-menu__link link header-menu__link-sub font-body-semi-bold text-small"> 4175 <span class="link-effect-no-underline">Firsthand</span></a> 4176 </li><li> 4177 <a href="/collections/henson-shaving" class="mega-menu__link link header-menu__link-sub font-body-semi-bold text-small"> 4178 <span class="link-effect-no-underline">Henson Shaving</span></a> 4179 </li><li> 4180 <a href="/collections/kms" class="mega-menu__link link header-menu__link-sub font-body-semi-bold text-small"> 4181 <span class="link-effect-no-underline">KMS</span></a> 4182 </li><li> 4183 <a href="/collections/layrite" class="mega-menu__link link header-menu__link-sub font-body-semi-bold text-small"> 4184 <span class="link-effect-no-underline">Layrite</span></a> 4185 </li><li> 4186 <a href="/collections/reuzel" class="mega-menu__link link header-menu__link-sub font-body-semi-bold text-small"> 4187 <span class="link-effect-no-underline">Reuzel</span></a> 4188 </li><li> 4189 <a href="/collections/slick-gorilla" class="mega-menu__link link header-menu__link-sub font-body-semi-bold text-small"> 4190 <span class="link-effect-no-underline">Slick Gorilla</span></a> 4191 </li><li> 4192 <a href="/collections/suavecito" class="mega-menu__link link header-menu__link-sub font-body-semi-bold text-small"> 4193 <span class="link-effect-no-underline">Suavecito</span></a> 4194 </li><li> 4195 <a href="/collections/tweezerman" class="mega-menu__link link header-menu__link-sub font-body-semi-bold text-small"> 4196 <span class="link-effect-no-underline">Tweezerman</span></a> 4197 </li><li> 4198 <a href="/collections/uppercut" class="mega-menu__link link header-menu__link-sub font-body-semi-bold text-small"> 4199 <span class="link-effect-no-underline">Uppercut</span></a> 4200 </li><li> 4201 <a href="/collections/wahl" class="mega-menu__link link header-menu__link-sub font-body-semi-bold text-small"> 4202 <span class="link-effect-no-underline">Wahl</span></a> 4203 </li></ul></li></ul> 4204<div class="mega-menu__column mega-menu__column--last mega-menu__column--span3"> 4205 <div class="mega-menu__column__item" > 4206 <div class="card-wrapper contains-card--collection card-radius por card--shadow overflow-hidden"> 4207 <div class="card card--media"> 4208 <div class="card__inner"> 4209 <div class="card__media"> 4210 <div class="media media--hover-effect w100 ratio" style="--ratio-percent: 100%;"> 4211 4212<img src="//vbarbershop.com/cdn/shop/files/REUZEL.jpg?v=1712939326&width=1000" alt="Reuzel" srcset="//vbarbershop.com/cdn/shop/files/REUZEL.jpg?v=1712939326&width=165 165w, //vbarbershop.com/cdn/shop/files/REUZEL.jpg?v=1712939326&width=360 360w, //vbarbershop.com/cdn/shop/files/REUZEL.jpg?v=1712939326&width=533 533w, //vbarbershop.com/cdn/shop/files/REUZEL.jpg?v=1712939326&width=720 720w, //vbarbershop.com/cdn/shop/files/REUZEL.jpg?v=1712939326&width=940 940w" width="1000" height="1000" loading="lazy" sizes="(min-width: 1600px) 367px, (min-width: 990px) calc((100vw - 130px) / 4), (min-width: 750px) calc((100vw - 120px) / 3), calc((100vw - 35px) / 2)" class="motion-reduce"> 4213 4214 </div> 4215 </div><div class="card__content card__content--overlay-text mega-menu__overlay color-scheme-f6247c22-0fb4-4af3-9b26-2c1551b88137 align-end" style="--overlay-opacity:0.0"> 4216 <div class="card__information center mega-menu__promotion-info" style="--text-position:3;"><div class="caption-large">YOUR FAVORITES FROM REUZEL</div><div class="mega-menu__heading-promo h3 card__heading font-heading-bold"> 4217 <a href="/collections/reuzel" class="full-unstyled-link"> 4218 4219 </a> 4220 </div></div> 4221 </div></div></div> 4222 </div> 4223</div><div class="mega-menu__column__item" > 4224 <div class="card-wrapper contains-card--collection card-radius por card--shadow overflow-hidden"> 4225 <div class="card card--media"> 4226 <div class="card__inner"> 4227 <div class="card__media"> 4228 <div class="media media--hover-effect w100 ratio" style="--ratio-percent: 100%;"> 4229 4230<img src="//vbarbershop.com/cdn/shop/files/V_S.jpg?v=1712939200&width=1000" alt="V s" srcset="//vbarbershop.com/cdn/shop/files/V_S.jpg?v=1712939200&width=165 165w, //vbarbershop.com/cdn/shop/files/V_S.jpg?v=1712939200&width=360 360w, //vbarbershop.com/cdn/shop/files/V_S.jpg?v=1712939200&width=533 533w, //vbarbershop.com/cdn/shop/files/V_S.jpg?v=1712939200&width=720 720w, //vbarbershop.com/cdn/shop/files/V_S.jpg?v=1712939200&width=940 940w" width="1000" height="1000" loading="lazy" sizes="(min-width: 1600px) 367px, (min-width: 990px) calc((100vw - 130px) / 4), (min-width: 750px) calc((100vw - 120px) / 3), calc((100vw - 35px) / 2)" class="motion-reduce"> 4231 4232 </div> 4233 </div><div class="card__content card__content--overlay-text mega-menu__overlay color-scheme-f6247c22-0fb4-4af3-9b26-2c1551b88137 align-end" style="--overlay-opacity:0.0"> 4234 <div class="card__information center mega-menu__promotion-info" style="--text-position:3;"><div class="caption-large">PATRONS CALL IT "LIQUID GOLD"</div><div class="mega-menu__heading-promo h3 card__heading font-heading-bold"> 4235 <a href="/products/vs-authentic-barbershop-tonic-12oz-bottle" class="full-unstyled-link"> 4236 4237 </a> 4238 </div></div> 4239 </div></div></div> 4240 </div> 4241</div><div class="mega-menu__column__item" > 4242 <div class="card-wrapper contains-card--collection card-radius por card--shadow overflow-hidden"> 4243 <div class="card card--media"> 4244 <div class="card__inner"> 4245 <div class="card__media"> 4246 <div class="media media--hover-effect w100 ratio" style="--ratio-percent: 100%;"> 4247 4248<img src="//vbarbershop.com/cdn/shop/files/EDUCATEDBEARDS.jpg?v=1712939550&width=1000" alt="Educatedbeards" srcset="//vbarbershop.com/cdn/shop/files/EDUCATEDBEARDS.jpg?v=1712939550&width=165 165w, //vbarbershop.com/cdn/shop/files/EDUCATEDBEARDS.jpg?v=1712939550&width=360 360w, //vbarbershop.com/cdn/shop/files/EDUCATEDBEARDS.jpg?v=1712939550&width=533 533w, //vbarbershop.com/cdn/shop/files/EDUCATEDBEARDS.jpg?v=1712939550&width=720 720w, //vbarbershop.com/cdn/shop/files/EDUCATEDBEARDS.jpg?v=1712939550&width=940 940w" width="1000" height="1000" loading="lazy" sizes="(min-width: 1600px) 367px, (min-width: 990px) calc((100vw - 130px) / 4), (min-width: 750px) calc((100vw - 120px) / 3), calc((100vw - 35px) / 2)" class="motion-reduce"> 4249 4250 </div> 4251 </div><div class="card__content card__content--overlay-text mega-menu__overlay color-scheme-f6247c22-0fb4-4af3-9b26-2c1551b88137 align-end" style="--overlay-opacity:0.0"> 4252 <div class="card__information center mega-menu__promotion-info" style="--text-position:3;"><div class="caption-large">STEP UP YOUR BEARD GAME</div><div class="mega-menu__heading-promo h3 card__heading font-heading-bold"> 4253 <a href="/collections/educated-beards" class="full-unstyled-link"> 4254 4255 </a> 4256 </div></div> 4257 </div></div></div> 4258 </div> 4259</div> 4260 </div></div><div class="header__goto-link center margin-top-1rem"> 4261 <a 4262 href="/collections/brands" 4263 class="link link-effect-no-underline align-center justify-center font-body-semi-bold" 4264 4265 > 4266 Go to BRANDS 4267<svg class="icon" aria-hidden="true" focusable="false" role="presentation" xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewB
4267ox="0 0 24 24" fill="none"><path d="M10 6H6C4.89543 6 4 6.89543 4 8V18C4 19.1046 4.89543 20 6 20H16C17.1046 20 18 19.1046 18 18V14M14 4H20M20 4V10M20 4L10 14" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/></svg></a> 4268 </div></div></details> 4269 </header-menu></li><li><header-menu 4270 4271 > 4272 <details id="Details-HeaderMenu-7" class="mega-menu"> 4273 <summary 4274 class="header__menu-item header__menu-item--top list-menu__item link h6 header__menu-item--link" 4275 data-href="/collections/apparel" 4276 4277 > 4278 <span class="link-effect-no-underline">APPAREL</span><svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon icon-caret light"> 4279 <path d="M12.6667 6L8 10.6667L3.33333 6" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/> 4280</svg> </summary><div 4281 id="MegaMenu-Content-7" 4282 class="mega-menu__content gradient motion-reduce global-settings-popup mega-menu__content--has-go-to-link" 4283 tabindex="-1" 4284 > 4285 <div class="page-width flex mega-menu__content__inner flex-wrap"> 4286 <ul class="mega-menu__list mega-menu__list--center mega-menu__column--span3" role="list"><li> 4287 <a href="/collections/shirts" class="link mega-menu__link font-heading-bold mega-menu__link--title h4"> 4288 <span class="link-effect-no-underline">Shirts</span></a><ul class="list-unstyled" role="list"><li> 4289 <a href="/collections/short-sleeve" class="mega-menu__link link header-menu__link-sub font-body-semi-bold text-small"> 4290 <span class="link-effect-no-underline">Short Sleeve</span></a> 4291 </li><li> 4292 <a href="/collections/sweatshirts-hoodies" class="mega-menu__link link header-menu__link-sub font-body-semi-bold text-small"> 4293 <span class="link-effect-no-underline">Sweatshirts & Hoodies</span></a> 4294 </li><li> 4295 <a href="/collections/kids" class="mega-menu__link link header-menu__link-sub font-body-semi-bold text-small"> 4296 <span class="link-effect-no-underline">Kids</span></a> 4297 </li></ul></li><li> 4298 <a href="/collections/hats" class="link mega-menu__link font-heading-bold mega-menu__link--title h4"> 4299 <span class="link-effect-no-underline">Hats</span></a><ul class="list-unstyled" role="list"><li> 4300 <a href="/collections/hats" class="mega-menu__link link header-menu__link-sub font-body-semi-bold text-small"> 4301 <span class="link-effect-no-underline">All hats</span></a> 4302 </li></ul></li><li> 4303 <a href="/collections/accessories" class="link mega-menu__link font-heading-bold mega-menu__link--title h4"> 4304 <span class="link-effect-no-underline">Accessories</span></a><ul class="list-unstyled" role="list"><li> 4305 <a href="/collections/accessories" class="mega-menu__link link header-menu__link-sub font-body-semi-bold text-small"> 4306 <span class="link-effect-no-underline">All accessories</span></a> 4307 </li></ul></li></ul> 4308 4309<div class="mega-menu__column mega-menu__column--last mega-menu__column--span1 mega-menu__column--allow-full"> 4310 <div class="mega-menu__column__item" > 4311 <div class="card-wrapper contains-card--collection card-radius por card--shadow overflow-hidden"> 4312 <div class="card card--media"> 4313 <div class="card__inner"> 4314 <div class="card__media"> 4315 <div class="media media--hover-effect w100 ratio" style="--ratio-percent: 100%;"> 4316 4317<img src="//vbarbershop.com/cdn/shop/files/Hats.jpg?v=1712938897&width=1000" alt="Hats" srcset="//vbarbershop.com/cdn/shop/files/Hats.jpg?v=1712938897&width=165 165w, //vbarbershop.com/cdn/shop/files/Hats.jpg?v=1712938897&width=360 360w, //vbarbershop.com/cdn/shop/files/Hats.jpg?v=1712938897&width=533 533w, //vbarbershop.com/cdn/shop/files/Hats.jpg?v=1712938897&width=720 720w, //vbarbershop.com/cdn/shop/files/Hats.jpg?v=1712938897&width=940 940w" width="1000" height="1000" loading="lazy" sizes="(min-width: 1600px) 367px, (min-width: 990px) calc((100vw - 130px) / 4), (min-width: 750px) calc((100vw - 120px) / 3), calc((100vw - 35px) / 2)" class="motion-reduce"> 4318 4319 </div> 4320 </div><div class="card__content card__content--overlay-text mega-menu__overlay color-scheme-f6247c22-0fb4-4af3-9b26-2c1551b88137 align-end" style="--overlay-opacity:0.0"> 4321 <div class="card__information center mega-menu__promotion-info" style="--text-position:3;"><div class="caption-large">SHOP ALL HATS</div><div class="mega-menu__heading-promo h3 card__heading font-heading-bold"> 4322 <a href="/collections/hats" class="full-unstyled-link"> 4323 4324 </a> 4325 </div></div> 4326 </div></div></div> 4327 </div> 4328</div> 4329 </div></div><div class="header__goto-link center margin-top-1rem"> 4330 <a 4331 href="/collections/apparel" 4332 class="link link-effect-no-underline align-center justify-center font-body-semi-bold" 4333 4334 > 4335 Go to APPAREL 4336<svg class="icon" aria-hidden="true" focusable="false" role="presentation" xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewB
4336ox="0 0 24 24" fill="none"><path d="M10 6H6C4.89543 6 4 6.89543 4 8V18C4 19.1046 4.89543 20 6 20H16C17.1046 20 18 19.1046 18 18V14M14 4H20M20 4V10M20 4L10 14" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/></svg></a> 4337 </div></div></details> 4338 </header-menu></li><li><a 4339 href="/collections/last-chance" 4340 class="header__menu-item header__menu-item--top header__menu-item list-menu__item link h6" 4341 4342 4343 4344 > 4345 <span class="link-effect-no-underline">LAST CHANCE</span></a></li></ul> 4346 </nav><div class="header__menu-labels align-self-center small-hide medium-hide"> 4347 <ul class="list-unstyled flex margin0"> 4348 4349 4350 4351 4352 <li 4353 4354 ><a href="/pages/store-locator" class="flex header__menu-labels__item link align-center"> 4355 <div class="rq-image-icons-location"> 4356 <img src="//vbarbershop.com/cdn/shop/files/Location.png?v=1708706788" alt="Location pin icon in gold"> 4357 </div> 4358 4359 <span class="text-small">FIND A LOCATION</span></a></li> 4360 4361</ul> 4362 </div></div></div> 4363 </header> 4364</sticky-header> 4365
4366<script type="application/ld+json"> 4367 { 4368 "@context": "http://schema.org", 4369 "@type": "Organization", 4370 "name": "V\u0026#39;s Barbershop", 4371 4372 "logo": "https:\/\/vbarbershop.com\/cdn\/shop\/files\/Vs-Round-Logo.png?v=1695653544\u0026width=2305", 4373 4374 "sameAs": [ 4375 "https:\/\/twitter.com\/vbarbershop", 4376 "https:\/\/www.facebook.com\/vbarbershop\/", 4377 "https:\/\/www.pinterest.com\/vbarbershop\/", 4378 "https:\/\/www.instagram.com\/v_barbershop\/", 4379 "https:\/\/www.tiktok.com\/@vs_barbershop", 4380 "", 4381 "", 4382 "https:\/\/www.youtube.com\/user\/Vbarbershop", 4383 "" 4384 ], 4385 "url": "https:\/\/vbarbershop.com" 4386 } 4387</script>
4387</div><div id="shopify-section-sections--26886042976556__dede3a39-26e5-4edf-853c-fa9f556e49a9" class="shopify-section shopify-section-group-header-group"></div><div id="shopify-section-sections--26886042976556__announcement_bar_pro_Ke6tcG" class="shopify-section shopify-section-group-header-group"></div> 4388<!-- END sections: header-group --><main id="MainContent" class="content-for-layout focus-none" role="main" tabindex="-1"> 4389 <section id="shopify-section-template--26886042747180__main" class="shopify-section section"><product-info 4390 id="MainProduct-template--26886042747180__main" 4391 class="product-section section-template--26886042747180__main-padding has-background-input db" 4392 data-section="template--26886042747180__main" 4393 data-update-url="true" 4394 data-url="/products/vs-shaving-face-essentials-kit" 4395 data-sync-element="ProductInfo-Sticky-template--26886042747180__main" 4396 data-option-size="1" 4397> 4398<link href="//vbarbershop.com/cdn/shop/t/129/assets/section-main-product.css?v=110018148403965629091790225222" rel="stylesheet" type="text/css" media="all" /> 4399<link href="//vbarbershop.com/cdn/shop/t/129/assets/component-accordion.css?v=60137958923968862881790225169" rel="stylesheet" type="text/css" media="all" /> 4400 4401<link href="//vbarbershop.com/cdn/shop/t/129/assets/component-rating.css?v=138824523743739711331790225183" rel="stylesheet" type="text/css" media="all" /> 4402<link href="//vbarbershop.com/cdn/shop/t/129/assets/component-loading-overlay.css?v=155189480257543581321790225178" rel="stylesheet" type="text/css" media="all" /> 4403<link href="//vbarbershop.com/cdn/shop/t/129/assets/component-deferred-media.css?v=76924405248198464971790225174" rel="stylesheet" type="text/css" media="all" /> 4404<style> 4405 .section-template--26886042747180__main-padding { 4406 padding-top: 0px; 4407 padding-bottom: 0px; 4408 } 4409 4410 .breadcrumb { 4411 padding-bottom: 1.5rem; 4412 } 4413 4414 @media screen and (min-width: 750px) { 4415 .section-template--26886042747180__main-padding { 4416 padding-top: 0px; 4417 padding-bottom: 0px; 4418 } 4419 4420 .breadcrumb { 4421 padding-bottom: 3.2rem; 4422 } 4423 }.sticky-cart-template--26886042747180__main { 4424 --right-position: 1.5rem; 4425 position: fixed; 4426 bottom: 1.5rem; 4427 transform: translateY(calc(100% + 3rem)); 4428 max-width: calc(min(var(--page-width), 100vw) - (var(--right-position) * 2)); 4429 }#MediaGallery-template--26886042747180__main{ 4430 --object-fit:cover; 4431 } 4432</style>
4433<script src="//vbarbershop.com/cdn/shop/t/129/assets/product-info.js?v=21526032989884524931790225209" defer="defer"></script>
4433<div class=" background-input product-section__padding"><div class="page-width"> 4434 <div class="product product--medium product--media-left product--thumbnail product--mobile-hide grid grid--1-col grid--gapless grid--2-col-tablet w100"> 4435 <div class="grid__item product__media-wrapper product__sticky"><media-gallery id="MediaGallery-template--26886042747180__main" role="region" class="product__media-gallery" aria-label="Gallery Viewer" data-desktop-layout="thumbnail"> 4436 <div id="GalleryStatus-template--26886042747180__main" class="visually-hidden" role="status"></div> 4437 <slider-component id="GalleryViewer-template--26886042747180__main" class="slider-mobile-gutter por"> 4438 <a class="skip-to-content-link button visually-hidden" href="#ProductInfo-template--26886042747180__main" data-no-instant> 4439 <span>Skip to product information</span> 4440 </a> 4441 <ul id="Slider-Gallery-template--26886042747180__main" class="product__media-list contains-media grid list-unstyled slider slider--mobile slider--tablet slider--desktop slider--everywhere" role="list"><li id="Slide-template--26886042747180__main-43515900723500" class="w100 product__media-item grid__item slider__slide is-active flex-wrap" data-media-id="template--26886042747180__main-43515900723500"> 4442 4443<a class="product__modal-opener product__modal-opener--image w100" href="//vbarbershop.com/cdn/shop/files/ShavingFaceKit.jpg?v=1773177626&width=800" data-pswp-width="800" data-pswp-height="1000" aria-label="Open media 1 in modal" tabindex="-1"> 4444 <span class="product__media-icon motion-reduce quick-add-hidden no-js-hidden" aria-hidden="true"><svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-zoom" width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg"> 4445 <rect width="22" height="21.9998" fill="none"/> 4446 <path d="M8.59999 13.4L3 19" stroke="currentColor" stroke-width="1.4" stroke-linecap="round" stroke-linejoin="round"/> 4447 <path d="M19.0001 3L13.4001 8.59999" stroke="currentColor" stroke-width="1.4" stroke-linecap="round" stroke-linejoin="round"/> 4448 <path d="M13.4001 13.4L19.0001 19" stroke="currentColor" stroke-width="1.4" stroke-linecap="round" stroke-linejoin="round"/> 4449 <path d="M3 3L8.59999 8.59999" stroke="currentColor" stroke-width="1.4" stroke-linecap="round" stroke-linejoin="round"/> 4450 <path d="M14.1998 3H18.9998V7.79999" stroke="currentColor" stroke-width="1.4" stroke-linecap="round" stroke-linejoin="round"/> 4451 <path d="M7.79999 19H3V14.2" stroke="currentColor" stroke-width="1.4" stroke-linecap="round" stroke-linejoin="round"/> 4452 <path d="M3 7.79999V3H7.79999" stroke="currentColor" stroke-width="1.4" stroke-linecap="round" stroke-linejoin="round"/> 4453 <path d="M18.9998 14.2V19H14.1998" stroke="currentColor" stroke-width="1.4" stroke-linecap="round" stroke-linejoin="round"/> 4454</svg> 4455 </span> 4456 4457 <div class="w100 product__media media ratio" style="--ratio-percent: 125.0%;"> 4458 4459<img src="//vbarbershop.com/cdn/shop/files/ShavingFaceKit.jpg?v=1773177626&width=1946" alt="V's SHAVING FACE⢠ESSENTIALS KIT" srcset="//vbarbershop.com/cdn/shop/files/ShavingFaceKit.jpg?v=1773177626&width=150 150w, //vbarbershop.com/cdn/shop/files/ShavingFaceKit.jpg?v=1773177626&width=493 493w, //vbarbershop.com/cdn/shop/files/ShavingFaceKit.jpg?v=1773177626&width=600 600w, //vbarbershop.com/cdn/shop/files/ShavingFaceKit.jpg?v=1773177626&width=713 713w" width="800" height="1217" loading="eager" sizes="(min-width: 1600px) 825px, (min-width: 750px) calc(55.0vw - 10rem), calc(100vw / 1 - 4rem)" fetchpriority="high"> 4460</div><svg version="1.1" id="L5" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" 4461 viewBox="0 0 100 100" enable-background="new 0 0 0 0" xml:space="preserve" class="product__media-loading no-js-hidden"> 4462 <circle fill="currentColor" stroke="none" cx="10" cy="50" r="10"> 4463 <animateTransform 4464 attributeName="transform" 4465 dur="1s" 4466 type="translate" 4467 values="0 15 ; 0 -15; 0 15" 4468 repeatCount="indefinite" 4469 begin="0.1"/> 4470 </circle> 4471 <circle fill="currentColor" stroke="none" cx="50" cy="50" r="10"> 4472 <animateTransform 4473 attributeName="transform" 4474 dur="1s" 4475 type="translate" 4476 values="0 10 ; 0 -10; 0 10"
4477 repeatCount="indefinite" 4478 begin="0.2"/> 4479 </circle> 4480 <circle fill="currentColor" stroke="none" cx="90" cy="50" r="10"> 4481 <animateTransform 4482 attributeName="transform" 4483 dur="1s" 4484 type="translate" 4485 values="0 5 ; 0 -5; 0 5" 4486 repeatCount="indefinite" 4487 begin="0.3"/> 4488 </circle> 4489</svg></a> 4490 </li><li id="Slide-template--26886042747180__main-43527284818220" class="w100 product__media-item grid__item slider__slide flex-wrap product__media-item--full" data-media-id="template--26886042747180__main-43527284818220"> 4491 4492<noscript class="w100"> 4493 <span class="product__media-icon motion-reduce"><svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-play" width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg"> 4494 <rect width="22" height="21.9998" fill="none"/> 4495 <path d="M6.7063 19.2629V3C6.7063 3 14.1601 8.42098 18 11.1315C14.1601 13.842 6.7063 19.2629 6.7063 19.2629Z" stroke="currentColor" stroke-width="1.4" stroke-linecap="round" stroke-linejoin="round"/> 4496</svg> </span> 4497 <div class="w100 product__media media gradient" style="padding-top: 75.0%;"> 4498 4499<img src="//vbarbershop.com/cdn/shop/files/preview_images/hqdefault_3934e66c-2339-45a1-97de-17d6e8f50598.jpg?v=1773254898&width=1946" alt="V's SHAVING FACE⢠ESSENTIALS KIT" srcset="//vbarbershop.com/cdn/shop/files/preview_images/hqdefault_3934e66c-2339-45a1-97de-17d6e8f50598.jpg?v=1773254898&width=150 150w, //vbarbershop.com/cdn/shop/files/preview_images/hqdefault_3934e66c-2339-45a1-97de-17d6e8f50598.jpg?v=1773254898&width=480 480w" width="480" height="730" loading="lazy" sizes="(min-width: 1600px) 825px, (min-width: 750px) calc(55.0vw - 10rem), calc(100vw / 1 - 4rem)"> 4500</div> 4501 <a href="https://www.youtube.com/embed/2a8Fudd8Olg?controls=1&enablejsapi=1&modestbranding=1&origin=https%3A%2F%2Fvbarbershop.com&playsinline=1&rel=0" class="product__media-toggle"> 4502 <span class="visually-hidden">V&#39;s SHAVING FACE⢠ESSENTIALS KIT opens full screen video in same window.</span> 4503 </a> 4504 </noscript><deferred-media class="deferred-media gradient media no-js-hidden product__deferred-media w100" style="--ratio-percent: 56.49717514124294%;" data-media-id="43527284818220" data-autoplay="1"><button id="Deferred-Poster-Modal-43527284818220" class="deferred-media__poster" type="button"> 4505 <span class="deferred-media__poster-button motion-reduce"><span class="visually-hidden">Play video</span><svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-play" width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg"> 4506 <rect width="22" height="21.9998" fill="none"/> 4507 <path d="M6.7063 19.2629V3C6.7063 3 14.1601 8.42098 18 11.1315C14.1601 13.842 6.7063 19.2629 6.7063 19.2629Z" stroke="currentColor" stroke-width="1.4" stroke-linecap="round" stroke-linejoin="round"/> 4508</svg> </span> 4509 4510<img src="//vbarbershop.com/cdn/shop/files/preview_images/hqdefault_3934e66c-2339-45a1-97de-17d6e8f50598.jpg?v=1773254898&width=1946" alt="V's SHAVING FACE⢠ESSENTIALS KIT" srcset="//vbarbershop.com/cdn/shop/files/preview_images/hqdefault_3934e66c-2339-45a1-97de-17d6e8f50598.jpg?v=1773254898&width=150 150w, //vbarbershop.com/cdn/shop/files/preview_images/hqdefault_3934e66c-2339-45a1-97de-17d6e8f50598.jpg?v=1773254898&width=480 480w" width="480" height="730" loading="lazy" sizes="(min-width: 1600px) 825px, (min-width: 750px) calc(55.0vw - 10rem), calc(100vw / 1 - 4rem)"> 4511</button> 4512 <template><iframe frameborder="0" allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" allowfullscreen="allowfullscreen" class="js-youtube" loading="lazy" src="https://www.youtube.com/embed/2a8Fudd8Olg?autoplay=1&controls=1&enablejsapi=1&loop=0&modestbranding=1&mute=1&origin=https%3A%2F%2Fvbarbershop.com&playlist=2a8Fudd8Olg&playsinline=1&rel=0" title="V's SHAVING FACE⢠ESSENTIALS KIT"></iframe></template></deferred-media></li><li id="Slide-template--26886042747180__main-43527285047596" class="w100 product__media-item grid__item slider__slide flex-wrap product__media-item--full" data-media-id="template--26886042747180__main-43527285047596"> 4513 4514<noscript class="w100"> 4515 <span class="product__media-icon motion-reduce"><svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-play" width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg"> 4516 <rect width="22" height="21.9998" fill="none"/> 4517 <path d="M6.7063 19.2629V3C6.7063 3 14.1601 8.42098 18 11.1315C14.1601 13.842 6.7063 19.2629 6.7063 19.2629Z" stroke="currentColor" stroke-width="1.4" stroke-linecap="round" stroke-linejoin="round"/> 4518</svg> </span> 4519 <div class="w100 product__media media gradient" style="padding-top: 75.0%;"> 4520 4521<img src="//vbarbershop.com/cdn/shop/files/preview_images/hqdefault_86d91873-9fbd-484f-a741-930961656ba2.jpg?v=1773254933&width=1946" alt="V's SHAVING FACE⢠ESSENTIALS KIT" srcset="//vbarbershop.com/cdn/shop/files/preview_images/hqdefault_86d91873-9fbd-484f-a741-930961656ba2.jpg?v=1773254933&width=150 150w, //vbarbershop.com/cdn/shop/files/preview_images/hqdefault_86d91873-9fbd-484f-a741-930961656ba2.jpg?v=1773254933&width=480 480w" width="480" height="730" loading="lazy" sizes="(min-width: 1600px) 825px, (min-width: 750px) calc(55.0vw - 10rem), calc(100vw / 1 - 4rem)"> 4522</div> 4523 <a href="https://www.youtube.com/embed/Vdy6MAUKFmE?controls=1&enablejsapi=1&modestbranding=1&origin=https%3A%2F%2Fvbarbershop.com&playsinline=1&rel=0" class="product__media-toggle">
4524 <span class="visually-hidden">V&#39;s SHAVING FACE⢠ESSENTIALS KIT opens full screen video in same window.</span> 4525 </a> 4526 </noscript><deferred-media class="deferred-media gradient media no-js-hidden product__deferred-media w100" style="--ratio-percent: 56.49717514124294%;" data-media-id="43527285047596" data-autoplay="1"><button id="Deferred-Poster-Modal-43527285047596" class="deferred-media__poster" type="button"> 4527 <span class="deferred-media__poster-button motion-reduce"><span class="visually-hidden">Play video</span><svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-play" width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg"> 4528 <rect width="22" height="21.9998" fill="none"/> 4529 <path d="M6.7063 19.2629V3C6.7063 3 14.1601 8.42098 18 11.1315C14.1601 13.842 6.7063 19.2629 6.7063 19.2629Z" stroke="currentColor" stroke-width="1.4" stroke-linecap="round" stroke-linejoin="round"/> 4530</svg> </span> 4531 4532<img src="//vbarbershop.com/cdn/shop/files/preview_images/hqdefault_86d91873-9fbd-484f-a741-930961656ba2.jpg?v=1773254933&width=1946" alt="V's SHAVING FACE⢠ESSENTIALS KIT" srcset="//vbarbershop.com/cdn/shop/files/preview_images/hqdefault_86d91873-9fbd-484f-a741-930961656ba2.jpg?v=1773254933&width=150 150w, //vbarbershop.com/cdn/shop/files/preview_images/hqdefault_86d91873-9fbd-484f-a741-930961656ba2.jpg?v=1773254933&width=480 480w" width="480" height="730" loading="lazy" sizes="(min-width: 1600px) 825px, (min-width: 750px) calc(55.0vw - 10rem), calc(100vw / 1 - 4rem)"> 4533</button> 4534 <template><iframe frameborder="0" allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" allowfullscreen="allowfullscreen" class="js-youtube" loading="lazy" src="https://www.youtube.com/embed/Vdy6MAUKFmE?autoplay=1&controls=1&enablejsapi=1&loop=0&modestbranding=1&mute=1&origin=https%3A%2F%2Fvbarbershop.com&playlist=Vdy6MAUKFmE&playsinline=1&rel=0" title="V's SHAVING FACE⢠ESSENTIALS KIT"></iframe></template></deferred-media></li><li id="Slide-template--26886042747180__main-43527285604652" class="w100 product__media-item grid__item slider__slide flex-wrap product__media-item--full" data-media-id="template--26886042747180__main-43527285604652"> 4535 4536<noscript class="w100"> 4537 <span class="product__media-icon motion-reduce"><svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-play" width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg"> 4538 <rect width="22" height="21.9998" fill="none"/> 4539 <path d="M6.7063 19.2629V3C6.7063 3 14.1601 8.42098 18 11.1315C14.1601 13.842 6.7063 19.2629 6.7063 19.2629Z" stroke="currentColor" stroke-width="1.4" stroke-linecap="round" stroke-linejoin="round"/> 4540</svg> </span> 4541 <div class="w100 product__media media gradient" style="padding-top: 75.0%;"> 4542 4543<img src="//vbarbershop.com/cdn/shop/files/preview_images/hqdefault_bc396632-3315-4dd5-9ec1-24b094a71d87.jpg?v=1773254953&width=1946" alt="V's SHAVING FACE⢠ESSENTIALS KIT" srcset="//vbarbershop.com/cdn/shop/files/preview_images/hqdefault_bc396632-3315-4dd5-9ec1-24b094a71d87.jpg?v=1773254953&width=150 150w, //vbarbershop.com/cdn/shop/files/preview_images/hqdefault_bc396632-3315-4dd5-9ec1-24b094a71d87.jpg?v=1773254953&width=480 480w" width="480" height="730" loading="lazy" sizes="(min-width: 1600px) 825px, (min-width: 750px) calc(55.0vw - 10rem), calc(100vw / 1 - 4rem)"> 4544</div> 4545 <a href="https://www.youtube.com/embed/Uy5MecIj9us?controls=1&enablejsapi=1&modestbranding=1&origin=https%3A%2F%2Fvbarbershop.com&playsinline=1&rel=0" class="product__media-toggle"> 4546 <span class="visually-hidden">V&#39;s SHAVING FACE⢠ESSENTIALS KIT opens full screen video in same window.</span> 4547 </a> 4548 </noscript><deferred-media class="deferred-media gradient media no-js-hidden product__deferred-media w100" style="--ratio-percent: 56.49717514124294%;" data-media-id="43527285604652" data-autoplay="1"><button id="Deferred-Poster-Modal-43527285604652" class="deferred-media__poster" type="button"> 4549 <span class="deferred-media__poster-button motion-reduce"><span class="visually-hidden">Play video</span><svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-play" width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg"> 4550 <rect width="22" height="21.9998" fill="none"/> 4551 <path d="M6.7063 19.2629V3C6.7063 3 14.1601 8.42098 18 11.1315C14.1601 13.842 6.7063 19.2629 6.7063 19.2629Z" stroke="currentColor" stroke-width="1.4" stroke-linecap="round" stroke-linejoin="round"/> 4552</svg> </span> 4553 4554<img src="//vbarbershop.com/cdn/shop/files/preview_images/hqdefault_bc396632-3315-4dd5-9ec1-24b094a71d87.jpg?v=1773254953&width=1946" alt="V's SHAVING FACE⢠ESSENTIALS KIT" srcset="//vbarbershop.com/cdn/shop/files/preview_images/hqdefault_bc396632-3315-4dd5-9ec1-24b094a71d87.jpg?v=1773254953&width=150 150w, //vbarbershop.com/cdn/shop/files/preview_images/hqdefault_bc396632-3315-4dd5-9ec1-24b094a71d87.jpg?v=1773254953&width=480 480w" width="480" height="730" loading="lazy" sizes="(min-width: 1600px) 825px, (min-width: 750px) calc(55.0vw - 10rem), calc(100vw / 1 - 4rem)"> 4555</button> 4556 <template><iframe frameborder="0" allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" allowfullscreen="allowfullscreen" class="js-youtube" loading="lazy" src="https://www.youtube.com/embed/Uy5MecIj9us?autoplay=1&controls=1&enablejsapi=1&loop=0&modestbranding=1&mute=1&origin=https%3A%2F%2Fvbarbershop.com&playlist=Uy5MecIj9us&playsinline=1&rel=0" title="V's SHAVING FACE⢠ESSENTIALS KIT"></iframe></template></deferred-media></li></ul><div class="slider-buttons no-js-hidden medium-hide large-up-hide flex justify-center align-center"> 4557 <button type="button" class="product__slider-button slider-button--large product__slider-button--prev slider-button flex flex-column justify-center align-center slider-button--prev tap-area-icon" name="previous" aria-label="Slide left"><span></span> 4558<span></span></button> 4559 <button type="button" class="product__slider-button slider-button--large product__slider-button--next slider-button flex flex-column justify-center align-center slider-button--next tap-area-icon" name="next" aria-label="Slide right"><span></span> 4560<span></span></button> 4561 </div> </slider-component><slider-component id="GalleryThumbnails-template--26886042747180__main" class="por thumbnail-slider slider-mobile-gutter flex align-center small-hide small-margin-top slider-component-mobile"> 4562 <button type="button" class="product__slider-button--prev slider-button flex flex-column justify-center align-center slider-button--prev tap-area-icon small-hide medium-hide large-up-hide" name="previous" aria-label="Slide left" aria-controls="GalleryThumbnails-template--26886042747180__main"><span></span> 4563<span></span></button> 4564 <ul id="Slider-Thumbnails-template--26886042747180__main" class="thumbnail-list list-unstyled slider slider--mobile flex align-center thumbnail-list--grid-on-desktop thumbnail-list--center-mobile thumbnail-list--center-tablet-up"><li id="Slide-Thumbnails-template--26886042747180__main-0" class="thumbnail-list__item slider__slide por" data-target="template--26886042747180__main-43515900723500" data-media-position="1"><button class="w100 h100 thumbnail global-media-settings--small media ratio thumbnail--narrow" 4565 aria-label="Load image 1 in gallery view" 4566 aria-current="true" 4567 aria-controls="GalleryViewer-template--26886042747180__main" 4568 aria-describedby="Thumbnail-template--26886042747180__main-0" 4569 style="--ratio-percent:125.0%;" 4570 > 4571 <img id="Thumbnail-template--26886042747180__main-0" srcset="//vbarbershop.com/cdn/shop/files/ShavingFaceKit.jpg?v=1773177626&width=59 59w, 4572 //vbarbershop.com/cdn/shop/files/ShavingFaceKit.jpg?v=1773177626&width=118 118w, 4573 //vbarbershop.com/cdn/shop/files/ShavingFaceKit.jpg?v=1773177626&width=84 84w, 4574 //vbarbershop.com/cdn/shop/files/ShavingFaceKit.jpg?v=1773177626&width=168 168w, 4575 //vbarbershop.com/cdn/shop/files/ShavingFaceKit.jpg?v=1773177626&width=130 130w, 4576 //vbarbershop.com/cdn/shop/files/ShavingFaceKit.jpg?v=1773177626&width=260 260w" 4577 src="//vbarbershop.com/cdn/shop/files/ShavingFaceKit.jpg?v=1773177626&width=416" 4578 sizes="(min-width: 1600px) calc((825 - 4rem) / 4), (min-width: 990px) calc((55.0vw - 4rem) / 4), (min-width: 750px) calc((100vw - 15rem) / 8), calc((100vw - 14rem) / 3)" 4579 alt="V's SHAVING FACE⢠ESSENTIALS KIT" 4580 height="208" 4581 width="208" 4582 loading="lazy" 4583 > 4584 </button> 4585 </li><li id="Slide-Thumbnails-template--26886042747180__main-2" class="thumbnail-list__item slider__slide por" data-target="template--26886042747180__main-43527284818220" data-media-position="1"><span class="thumbnail__badge" aria-hidden="true"><svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-play" width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg"> 4586 <rect width="22" height="21.9998" fill="none"/> 4587 <path d="M6.7063 19.2629V3C6.7063 3 14.1601 8.42098 18 11.1315C14.1601 13.842 6.7063 19.2629 6.7063 19.2629Z" stroke="currentColor" stroke-width="1.4" stroke-linecap="round" stroke-linejoin="round"/> 4588</svg> </span><button class="w100 h100 thumbnail global-media-settings--small media ratio thumbnail--wide" 4589 aria-label="Play video 1 in gallery view" 4590 4591 aria-controls="GalleryViewer-template--26886042747180__main" 4592 aria-describedby="Thumbnail-template--26886042747180__main-2" 4593 style="--ratio-percent:75.0%;" 4594 > 4595 <img id="Thumbnail-template--26886042747180__main-2" 4596 srcset="//vbarbershop.com/cdn/shop/files/preview_images/hqdefault_3934e66c-2339-45a1-97de-17d6e8f50598.jpg?v=1773254898&width=59 59w, 4597 //vbarbershop.com/cdn/shop/files/preview_images/hqdefault_3934e66c-2339-45a1-97de-17d6e8f50598.jpg?v=1773254898&width=118 118w, 4598 //vbarbershop.com/cdn/shop/files/preview_images/hqdefault_3934e66c-2339-45a1-97de-17d6e8f50598.jpg?v=1773254898&width=84 84w, 4599 //vbarbershop.com/cdn/shop/files/preview_images/hqdefault_3934e66c-2339-45a1-97de-17d6e8f50598.jpg?v=1773254898&width=168 168w, 4600 //vbarbershop.com/cdn/shop/files/preview_images/hqdefault_3934e66c-2339-45a1-97de-17d6e8f50598.jpg?v=1773254898&width=130 130w, 4601 //vbarbershop.com/cdn/shop/files/preview_images/hqdefault_3934e66c-2339-45a1-97de-17d6e8f50598.jpg?v=1773254898&width=260 260w" 4602 src="//vbarbershop.com/cdn/shop/files/preview_images/hqdefault_3934e66c-2339-45a1-97de-17d6e8f50598.jpg?crop=center&height=84&v=1773254898&width=84" 4603 sizes="(min-width: 1200px) calc((1200px - 19.5rem) / 12), (min-width: 750px) calc((100vw - 16.5rem) / 8), calc((100vw - 8rem) / 5)" 4604 alt="V's SHAVING FACE⢠ESSENTIALS KIT" 4605 height="200" 4606 width="200" 4607 loading="lazy" 4608 > 4609 </button> 4610 </li><li id="Slide-Thumbnails-template--26886042747180__main-3" class="thumbnail-list__item slider__slide por" data-target="template--26886042747180__main-43527285047596" data-media-position="2"><span class="thumbnail__badge" aria-hidden="true"><svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-play" width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg"> 4611 <rect width="22" height="21.9998" fill="none"/> 4612 <path d="M6.7063 19.2629V3C6.7063 3 14.1601 8.42098 18 11.1315C14.1601 13.842 6.7063 19.2629 6.7063 19.2629Z" stroke="currentColor" stroke-width="1.4" stroke-linecap="round" stroke-linejoin="round"/> 4613</svg> </span><button class="w100 h100 thumbnail global-media-settings--small media ratio thumbnail--wide" 4614 aria-label="Play video 2 in gallery view" 4615 4616 aria-controls="GalleryViewer-template--26886042747180__main" 4617 aria-describedby="Thumbnail-template--26886042747180__main-3" 4618 style="--ratio-percent:75.0%;" 4619 > 4620 <img id="Thumbnail-template--26886042747180__main-3" 4621 srcset="//vbarbershop.com/cdn/shop/files/preview_images/hqdefault_86d91873-9fbd-484f-a741-930961656ba2.jpg?v=1773254933&width=59 59w, 4622 //vbarbershop.com/cdn/shop/files/preview_images/hqdefault_86d91873-9fbd-484f-a741-930961656ba2.jpg?v=1773254933&width=118 118w, 4623 //vbarbershop.com/cdn/shop/files/preview_images/hqdefault_86d91873-9fbd-484f-a741-930961656ba2.jpg?v=1773254933&width=84 84w, 4624 //vbarbershop.com/cdn/shop/files/preview_images/hqdefault_86d91873-9fbd-484f-a741-930961656ba2.jpg?v=1773254933&width=168 168w, 4625 //vbarbershop.com/cdn/shop/files/preview_images/hqdefault_86d91873-9fbd-484f-a741-930961656ba2.jpg?v=1773254933&width=130 130w, 4626 //vbarbershop.com/cdn/shop/files/preview_images/hqdefault_86d91873-9fbd-484f-a741-930961656ba2.jpg?v=1773254933&width=260 260w" 4627 src="//vbarbershop.com/cdn/shop/files/preview_images/hqdefault_86d91873-9fbd-484f-a741-930961656ba2.jpg?crop=center&height=84&v=1773254933&width=84" 4628 sizes="(min-width: 1200px) calc((1200px - 19.5rem) / 12), (min-width: 750px) calc((100vw - 16.5rem) / 8), calc((100vw - 8rem) / 5)" 4629 alt="V's SHAVING FACE⢠ESSENTIALS KIT" 4630 height="200" 4631 width="200" 4632 loading="lazy" 4633 > 4634 </button> 4635 </li><li id="Slide-Thumbnails-template--26886042747180__main-4" class="thumbnail-list__item slider__slide por" data-target="template--26886042747180__main-43527285604652" data-media-position="3"><span class="thumbnail__badge" aria-hidden="true"><svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-play" width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg"> 4636 <rect width="22" height="21.9998" fill="none"/> 4637 <path d="M6.7063 19.2629V3C6.7063 3 14.1601 8.42098 18 11.1315C14.1601 13.842 6.7063 19.2629 6.7063 19.2629Z" stroke="currentColor" stroke-width="1.4" stroke-linecap="round" stroke-linejoin="round"/> 4638</svg> </span><button class="w100 h100 thumbnail global-media-settings--small media ratio thumbnail--wide" 4639 aria-label="Play video 3 in gallery view" 4640 4641 aria-controls="GalleryViewer-template--26886042747180__main" 4642 aria-describedby="Thumbnail-template--26886042747180__main-4" 4643 style="--ratio-percent:75.0%;" 4644 > 4645 <img id="Thumbnail-template--26886042747180__main-4" 4646 srcset="//vbarbershop.com/cdn/shop/files/preview_images/hqdefault_bc396632-3315-4dd5-9ec1-24b094a71d87.jpg?v=1773254953&width=59 59w, 4647 //vbarbershop.com/cdn/shop/files/preview_images/hqdefault_bc396632-3315-4dd5-9ec1-24b094a71d87.jpg?v=1773254953&width=118 118w, 4648 //vbarbershop.com/cdn/shop/files/preview_images/hqdefault_bc396632-3315-4dd5-9ec1-24b094a71d87.jpg?v=1773254953&width=84 84w, 4649 //vbarbershop.com/cdn/shop/files/preview_images/hqdefault_bc396632-3315-4dd5-9ec1-24b094a71d87.jpg?v=1773254953&width=168 168w, 4650 //vbarbershop.com/cdn/shop/files/preview_images/hqdefault_bc396632-3315-4dd5-9ec1-24b094a71d87.jpg?v=1773254953&width=130 130w, 4651 //vbarbershop.com/cdn/shop/files/preview_images/hqdefault_bc396632-3315-4dd5-9ec1-24b094a71d87.jpg?v=1773254953&width=260 260w" 4652 src="//vbarbershop.com/cdn/shop/files/preview_images/hqdefault_bc396632-3315-4dd5-9ec1-24b094a71d87.jpg?crop=center&height=84&v=1773254953&width=84" 4653
4653 sizes="(min-width: 1200px) calc((1200px - 19.5rem) / 12), (min-width: 750px) calc((100vw - 16.5rem) / 8), calc((100vw - 8rem) / 5)" 4654 alt="V's SHAVING FACE⢠ESSENTIALS KIT" 4655 height="200" 4656 width="200" 4657 loading="lazy" 4658 > 4659 </button> 4660 </li></ul> 4661 <button type="button" class="product__slider-button--next slider-button flex flex-column justify-center align-center slider-button--next tap-area-icon small-hide medium-hide large-up-hide" name="next" aria-label="Slide right" aria-controls="GalleryThumbnails-template--26886042747180__main"><span></span> 4662<span></span></button> 4663 </slider-component></media-gallery></div> 4664 <div class="product__info-wrapper product__info-wrapper-media-left grid__item por" style="--gap-desktop:23px;--gap-mobile:10px;"> 4665 <div 4666 id="ProductInfo-template--26886042747180__main" 4667 class="product__info-container accordion-wrapper--dividers" 4668 ><div class="product__title" ><a href="/collections/vendors?q=V%27s%20Barbershop" class="link color-foreground db w100 product__vendor-link font-body-semi-bold break"><span>By</span> V's Barbershop</a><h1 class="font-heading-extra-bold margin0 h2">V's SHAVING FACE⢠ESSENTIALS KIT</h1> 4669 </div><p class="product__text 4670 subtitle subtitle--medium 4671 4672 4673 break margin0 4674 " 4675 4676 4677 > 4678 4679 4680 <span>THE PERFECT SHAVE ROUTINE</span> 4681 </p><div id="shopify-block-Ac3gzVEd2YkMwanpKS__judge_me_reviews_preview_badge_QNR7Vf" class="shopify-block shopify-app-block"> 4682<div class='jdgm-widget jdgm-preview-badge' 4683 data-id='10246975684908' 4684 data-template='manual-installation'> 4685 <div style='display:none' class='jdgm-prev-badge' data-average-rating='0.00' data-number-of-reviews='0' data-number-of-questions='0'> <span class='jdgm-prev-badge__stars' data-score='0.00' tabindex='0' aria-label='0.00 stars' role='button'> <span class='jdgm-star jdgm--off'></span><span class='jdgm-star jdgm--off'></span><span class='jdgm-star jdgm--off'></span><span class='jdgm-star jdgm--off'></span><span class='jdgm-star jdgm--off'></span> </span> <span class='jdgm-prev-badge__text'> No reviews </span> </div> 4686</div> 4687 4688 4689 4690 4691</div><div class="rte product__rte 4692 4693 4694 " 4695 4696 4697 > 4698 <p><span class="metafield-multi_line_text_field">Everything you need for the ultimate shave is in this kit! With the Shaving Face Kit, you can bring the quality of a Vâs Barbershop shave into your daily routine. Formulated by Vâs Barbershop, the leader in authentic barbershop shaving, this simple 3 Step process will give you a close and luxurious shave experience every single time. Get $5 off when you buy all three shave staples together! <br /> 4699<br /> 4700WHAT'S INCLUDED:<br /> 4701(1) V's Barbershop Shave Prep<br /> 4702(1) V's Barbershop Shave Cream<br /> 4703(1) V's Barbershop Authentic Barbershop Tonic</span></p> 4704 </div> 4705 <div class="rq_metafield_custom_section flex-container"> 4706 <div class="flex-child"><img src="//vbarbershop.com/cdn/shop/files/VBarbershop-Icon-Face.svg?v=1706053933" alt="Vbarbershop icon face"><h3>FACE</h3></div> 4707 <div class="flex-child"><h4>USED ON: </h4><p><span class="metafield-multi_line_text_field">All skin types</span></p><h4>WHEN TO USE:</h4><p><span class="metafield-multi_line_text_field">Use in the morning for your shave routine.</span></p> 4708</div> 4709 </div> 4710 4711<div class="product__price-block"> 4712 <div id="price-top-template--26886042747180__main" class="rq_product_style" ><div class="no-js-hidden" id="price-template--26886042747180__main" role="status"> 4713<div class="price price--large flex align-center price--on-sale 4714 4715 price--show-badge price--out-card"> 4716 <div class="price__container"><div class="price__regular">
4717 <span class="visually-hidden visually-hidden--inline">Regular price</span> 4718 4719 <span class="price-item price-item--regular" data-wpd-product-handle="vs-shaving-face-essentials-kit" 4720data-wpd-variant-id="52716699386156" 4721data-wpd-variant-price="4300" 4722data-wpd-variant-compare-at-price="4800" 4723data-wpd-product-collection-ids="470022258988,470022684972,429437387052,473492980012,473495699756,487367246124,470022127916,473493078316,470022783276,470022979884,486022218028,470021833004,470021800236,470022455596,473497043244" 4724data-wpd-product-id="10246975684908"> 4725 $43.00 4726 </span> 4727 </div> 4728 <div class="price__sale"> 4729 <span class="visually-hidden visually-hidden--inline">Regular price</span> 4730 <span class="flex align-center"> 4731 <s class="price-item price-item--regular data-wpd-hide"> 4732 4733 $48.00 4734 4735 </s></span> 4736 <span class="visually-hidden visually-hidden--inline">Sale price</span> 4737 <span class="price-item price-item--sale price-item--last" data-wpd-product-handle="vs-shaving-face-essentials-kit" 4738data-wpd-variant-id="52716699386156" 4739data-wpd-variant-price="4300" 4740data-wpd-variant-compare-at-price="4800" 4741data-wpd-product-collection-ids="470022258988,470022684972,429437387052,473492980012,473495699756,487367246124,470022127916,473493078316,470022783276,470022979884,486022218028,470021833004,470021800236,470022455596,473497043244" 4742data-wpd-product-id="10246975684908"> 4743 $43.00 4744 </span> 4745 </div><small class="unit-price caption hidden"> 4746 <span class="visually-hidden">Unit price</span> 4747 <span class="price-item price-item--last"> 4748 <span></span> 4749 <span aria-hidden="true">/</span> 4750 <span class="visually-hidden"> per </span> 4751 <span> 4752 </span> 4753 </span> 4754 </small></div> 4755 4756 4757 4758 4759 4760 4761 4762 4763 4764 4765 4766 4767 4768 4769 <span class="price__badge lh1 color-foreground bundle" style="color: white; background: #2C4F44"> 4770 Bundle & Save 4771 </span> 4772 4773</div> 4774</div></div><div class="product__tax caption rte margin-top-1rem">Taxes and <a href="/policies/shipping-policy">shipping</a> calculated at checkout 4775</div><div class="margin-top-1rem"><form method="post" action="/cart/add" id="product-form-installment-template--26886042747180__main" accept-charset="UTF-8" class="installment text-small" enctype="multipart/form-data"><input type="hidden" name="form_type" value="product" /><input type="hidden" name="utf8" value="â" /><input class="rq-get-id" type="hidden" name="id" value="52716699386156"> 4776 <shopify-payment-terms variant-id="52716699386156" shopify-meta="{"type":"product","currency_code":"USD","country_code":"US","variants":[{"id":52716699386156,"price_per_term":"$21.50","price_per_term_amount":21.5,"full_price":"$43.00","full_price_amount":43.0,"eligible":true,"available":true,"number_of_payment_terms":2}],"min_price":"$35.00","min_price_amount":35.0,"max_price":"$30,000.00","max_price_amount":30000.0,"financing_plans":[{"min_price":"$35.00","max_price":"$49.99","terms":[{"apr":0,"loan_type":"split_pay","installments_count":2}],"min_price_amount":35.0,"max_price_amount":49.99},{"min_price":"$50.00","max_price":"$149.99","terms":[{"apr":0,"loan_type":"split_pay","installments_count":3},{"apr":0,"loan_type":"split_pay","installments_count":4}],"min_price_amount":50.0,"max_price_amount":149.99},{"min_price":"$150.00","max_price":"$999.99","terms":[{"apr":0,"loan_type":"split_pay","installments_count":3},{"apr":0,"loan_type":"split_pay","installments_count":4},{"apr":15,"loan_type":"interest","installments_count":3},{"apr":15,"loan_type":"interest","installments_count":6},{"apr":15,"loan_type":"interest","installments_count":12}],"min_price_amount":150.0,"max_price_amount":999.99},{"min_price":"$1,000.00","max_price":"$30,000.00","terms":[{"apr":15,"loan_type":"interest","installments_count":3},{"apr":15,"loan_type":"interest","installments_count":6},{"apr":15,"loan_type":"interest","installments_count":12}],"min_price_amount":1000.0,"max_price_amount":30000.0}],"installments_buyer_prequalification_enabled":false,"seller_id":1159874}"></shopify-payment-terms> 4777 <div id='wcp_vd_table'></div><input type="hidden" name="product-id" value="10246975684908" /><input type="hidden" name="section-id" value="template--26886042747180__main" /></form></div></div><div class="product__sale-box product__info-box flex flex-column overflow-hidden" > 4778 4779 4780<div class="product__sale-box__actions"><product-form class="product-form" data-hide-errors="false"> 4781 <div class="product-form__error-message-wrapper alert alert--error alert--no-button" role="alert" hidden> 4782 <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-error" viewBox="0 0 13 13"> 4783 <circle cx="6.5" cy="6.50049" r="5.5" stroke="white" stroke-width="2"/> 4784 <circle cx="6.5" cy="6.5" r="5.5" fill="currentColor" stroke="currentColor" stroke-width="0.7"/>
4785 <path d="M5.87413 3.52832L5.97439 7.57216H7.02713L7.12739 3.52832H5.87413ZM6.50076 9.66091C6.88091 9.66091 7.18169 9.37267 7.18169 9.00504C7.18169 8.63742 6.88091 8.34917 6.50076 8.34917C6.12061 8.34917 5.81982 8.63742 5.81982 9.00504C5.81982 9.37267 6.12061 9.66091 6.50076 9.66091Z" fill="white"/> 4786 <path d="M5.87413 3.17832H5.51535L5.52424 3.537L5.6245 7.58083L5.63296 7.92216H5.97439H7.02713H7.36856L7.37702 7.58083L7.47728 3.537L7.48617 3.17832H7.12739H5.87413ZM6.50076 10.0109C7.06121 10.0109 7.5317 9.57872 7.5317 9.00504C7.5317 8.43137 7.06121 7.99918 6.50076 7.99918C5.94031 7.99918 5.46982 8.43137 5.46982 9.00504C5.46982 9.57872 5.94031 10.0109 6.50076 10.0109Z" fill="white" stroke="#EB001B" stroke-width="0.7"> 4787 </svg> 4788 <span class="product-form__error-message"></span> 4789 </div><form method="post" action="/cart/add" id="product-form-template--26886042747180__main" accept-charset="UTF-8" class="form" enctype="multipart/form-data" novalidate="novalidate" data-type="add-to-cart-form"><input type="hidden" name="form_type" value="product" /><input type="hidden" name="utf8" value="â" /><input type="hidden" name="id" value="52716699386156" class="product-variant-id"><div class="product-form__buttons product-form__buttons--input product-form__quantity-wrapper product-form__buttons-single" id="Quantity-Form-template--26886042747180__main"><label class="quantity__label caption" for="Quantity-template--26886042747180__main"> 4790 Quantity 4791 <div class="quantity__label__loading loading__spinner hidden"><svg version="1.1" id="L5" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" 4792 viewBox="0 0 100 100" enable-background="new 0 0 0 0" xml:space="preserve"> 4793 <circle fill="currentColor" stroke="none" cx="10" cy="50" r="10"> 4794 <animateTransform 4795 attributeName="transform" 4796 dur="1s" 4797 type="translate" 4798 values="0 15 ; 0 -15; 0 15" 4799 repeatCount="indefinite" 4800 begin="0.1"/> 4801 </circle> 4802 <circle fill="currentColor" stroke="none" cx="50" cy="50" r="10"> 4803 <animateTransform 4804 attributeName="transform" 4805 dur="1s" 4806 type="translate" 4807 values="0 10 ; 0 -10; 0 10" 4808 repeatCount="indefinite" 4809 begin="0.2"/> 4810 </circle> 4811 <circle fill="currentColor" stroke="none" cx="90" cy="50" r="10"> 4812 <animateTransform 4813 attributeName="transform" 4814 dur="1s" 4815 type="translate" 4816 values="0 5 ; 0 -5; 0 5" 4817 repeatCount="indefinite" 4818 begin="0.3"/> 4819 </circle> 4820</svg></div> 4821 <span class="quantity__rules-cart hidden"> 4822 <span class="quantity__rules-cart__number background-input" 4823 ><strong class="quantity-cart">0</strong> in cart</span 4824 > 4825 </span> 4826</label><div class="product-form__input product-form__quantity"> 4827 <quantity-input class="quantity flex align-center color-foreground por"> 4828 <input class="quantity__input flex-grow-1 center background-input" 4829 type="number" 4830 name="quantity" 4831 id="Quantity-template--26886042747180__main" 4832 aria-label="Quantity" 4833 data-cart-quantity="0" 4834 data-min="1" 4835 min="1" 4836 4837 step="1" 4838 value="1" 4839 > 4840 <div class="quantity__buttons flex flex-column flex-grow-1"> 4841 <button class="quantity__button flex justify-center align-center no-js-hidden w100 color-foreground" name="plus" type="button"> 4842 <span class="visually-hidden">Increase quantity for V&#39;s SHAVING FACE⢠ESSENTIALS KIT</span> 4843 <svg width="12" height="6" viewBox="0 0 12 6" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true"> 4844 <path d="M10.6666 5.33331L5.99992 0.666646L1.33325 5.33331" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/> 4845 </svg> 4846 </button> 4847 <button class="quantity__button flex justify-center align-center no-js-hidden w100 color-foreground" name="minus" type="button">
4848 <span class="visually-hidden">Decrease quantity for V&#39;s SHAVING FACE⢠ESSENTIALS KIT</span> 4849 <svg width="12" height="7" viewBox="0 0 12 7" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true"> 4850 <path d="M10.6666 1.16663L5.99992 5.83329L1.33325 1.16663" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/> 4851 </svg> 4852 </button> 4853 </div> 4854 </quantity-input> 4855 </div><button 4856 type="submit" 4857 name="add" 4858 class="product-form__submit button flex w100 cart-submit-button button--bold" 4859 4860 4861 id="card-submit-button-template--26886042747180__main" 4862 > 4863 <span>Add to cart 4864</span> 4865 <div class="loading-overlay__spinner hidden"><svg version="1.1" id="L5" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" 4866 viewBox="0 0 100 100" enable-background="new 0 0 0 0" xml:space="preserve"> 4867 <circle fill="currentColor" stroke="none" cx="10" cy="50" r="10"> 4868 <animateTransform 4869 attributeName="transform" 4870 dur="1s" 4871 type="translate" 4872 values="0 15 ; 0 -15; 0 15" 4873 repeatCount="indefinite" 4874 begin="0.1"/> 4875 </circle> 4876 <circle fill="currentColor" stroke="none" cx="50" cy="50" r="10"> 4877 <animateTransform 4878 attributeName="transform" 4879 dur="1s" 4880 type="translate" 4881 values="0 10 ; 0 -10; 0 10" 4882 repeatCount="indefinite" 4883 begin="0.2"/> 4884 </circle> 4885 <circle fill="currentColor" stroke="none" cx="90" cy="50" r="10"> 4886 <animateTransform 4887 attributeName="transform" 4888 dur="1s" 4889 type="translate" 4890 values="0 5 ; 0 -5; 0 5" 4891 repeatCount="indefinite" 4892 begin="0.3"/> 4893 </circle> 4894</svg></div> 4895 </button><div class="product-form__quantity-rules quantity__rules caption flex flex-wrap" id="Quantity-Rules-template--26886042747180__main"></div></div><input type="hidden" name="product-id" value="10246975684908" /><input type="hidden" name="section-id" value="template--26886042747180__main" /></form></product-form><link href="//vbarbershop.com/cdn/shop/t/129/assets/component-pickup-availability.css?v=64560175083448288151790225181" rel="stylesheet" type="text/css" media="all" /> 4896<pickup-availability class="product__pickup-availabilities no-js-hidden" 4897 4898 data-root-url="/" 4899 data-variant-id="52716699386156" 4900 data-has-only-default-variant="true" 4901 > 4902 <template> 4903 <pickup-availability-preview class="pickup-availability-preview"> 4904 <svg xmlns="http://www.w3.org/2000/svg" fill="none" aria-hidden="true" focusable="false" role="presentation" class="icon icon-unavailable" fill="none" viewBox="0 0 20 20"> 4905 <path fill="#DE3618" stroke="#fff" d="M13.94 3.94L10 7.878l-3.94-3.94A1.499 1.499 0 103.94 6.06L7.88 10l-3.94 3.94a1.499 1.499 0 102.12 2.12L10 12.12l3.94 3.94a1.497 1.497 0 002.12 0 1.499 1.499 0 000-2.12L12.122 10l3.94-3.94a1.499 1.499 0 10-2.121-2.12z"/> 4906</svg> 4907 4908 <div class="pickup-availability-info"> 4909 <p class="text-small">Couldn't load pickup availability</p> 4910 <button class="pickup-availability-button link link--text underlined-link">Refresh</button> 4911 </div> 4912 </pickup-availability-preview> 4913 </template> 4914 </pickup-availability> 4915 </div></div> 4916
4916<script src="//vbarbershop.com/cdn/shop/t/129/assets/pickup-availability.js?v=171404065674639990361790225207" defer="defer"></script>
4916<p class="product__text 4917 caption-with-letter-spacing caption-with-letter-spacing--large uppercase 4918 product__text--with-icon flex align-center 4919 4920 break margin0 4921 " 4922 4923 4924 > 4925 4926 <img class="rq-image-text" src="//vbarbershop.com/cdn/shop/files/FreeShipIcon.svg?v=1779898497" alt="Freeshipicon"> 4927 4928 <span>FREE SHIPPING ON ORDERS OVER $50</span> 4929 </p><p class="product__text 4930 caption-with-letter-spacing caption-with-letter-spacing--large uppercase 4931 product__text--with-icon flex align-center 4932 4933 break margin0 4934 " 4935 4936 4937 > 4938 4939 <img class="rq-image-text" src="//vbarbershop.com/cdn/shop/files/HassleFree.svg?v=1708645046" alt="Hasslefree"> 4940 4941 <span>HASSLE FREE RETURNS</span> 4942 </p><hr ><product-recommendations class="complementary-products no-js-hidden db" data-url="/recommendations/products?section_id=template--26886042747180__main&product_id=10246975684908&limit=3&intent=complementary"><link href="//vbarbershop.com/cdn/shop/t/129/assets/component-complementary-products.css?v=55843985366895710521790225174" rel="stylesheet" type="text/css" media="all" />
4943<script src="//vbarbershop.com/cdn/shop/t/129/assets/product-price.js?v=22113653949164134311790225210" defer="defer"></script>
4943 4944
4944<script src="//vbarbershop.com/cdn/shop/t/129/assets/complementary-products.js?v=144541948729560259751790225169" defer="defer"></script>
4944<link rel="stylesheet" href="//vbarbershop.com/cdn/shop/t/129/assets/quick-view.css?v=67797749819578390781790225213" media="print" onload="this.media='all'"></product-recommendations>
4945<script src="//vbarbershop.com/cdn/shop/t/129/assets/product-recommendation.js?v=32853270057649516631790225210" defer="defer"></script>
4945<div> 4946 4947 </div></div> 4948 </div> 4949 </div> 4950 </div> 4951 </div>
4952<script src="//vbarbershop.com/cdn/shop/t/129/assets/media-gallery.js?v=37092624577299428561790225204" defer="defer"></script>
4952<link rel="stylesheet" href="//vbarbershop.com/cdn/shop/t/129/assets/photoswipe.css?v=126115040001802602641790225206" media="print" onload="this.media='all'">
4952<script> 4953 document.addEventListener('DOMContentLoaded', function() { 4954 function isIE() { 4955 const ua = window.navigator.userAgent; 4956 const msie = ua.indexOf('MSIE '); 4957 const trident = ua.indexOf('Trident/'); 4958 4959 return (msie > 0 || trident > 0); 4960 } 4961 4962 if (!isIE()) return; 4963 const hiddenInput = document.querySelector('#product-form-template--26886042747180__main input[name="id"]'); 4964 const noScriptInputWrapper = document.createElement('div'); 4965 const variantSwitcher = document.querySelector('variant-radios[data-section="template--26886042747180__main"]') || document.querySelector('variant-selects[data-section="template--26886042747180__main"]'); 4966 noScriptInputWrapper.innerHTML = document.querySelector('.product-form__noscript-wrapper-template--26886042747180__main').textContent; 4967 variantSwitcher.outerHTML = noScriptInputWrapper.outerHTML; 4968 4969 document.querySelector('#Variants-template--26886042747180__main').addEventListener('change', function(event) { 4970 hiddenInput.value = event.currentTarget.value; 4971 }); 4972 }); 4973</script>
4973<script type="application/ld+json"> 4974 { 4975 "@context": "http://schema.org/", 4976 "@type": "Product", 4977 "name": "V's SHAVING FACE⢠ESSENTIALS KIT", 4978 "url": "https:\/\/vbarbershop.com\/products\/vs-shaving-face-essentials-kit", 4979 "productID": "10246975684908", 4980 "image": [ 4981 "https:\/\/vbarbershop.com\/cdn\/shop\/files\/ShavingFaceKit.jpg?v=1773177626\u0026width=800" 4982 ], 4983 "description": "Everything you need for the ultimate shave is in this kit! With the Shaving Face Kit, you can bring the quality of a Vâs Barbershop shave into your daily routine. Formulated by Vâs Barbershop, the leader in authentic barbershop shaving, this simple 3 Step process will give you a close and luxurious shave experience every single time.", 4984 "sku": "VBS158", 4985"brand": { 4986 "@type": "Brand", 4987 "name": "V's Barbershop" 4988 }, 4989 "offers": [{ 4990 "@type" : "Offer","sku": "VBS158","availability" : "http://schema.org/InStock", 4991 "price" : 43.0, 4992 "priceCurrency" : "USD", 4993 "priceValidUntil": "2027-10-03", 4994 "url" : "https:\/\/vbarbershop.com\/products\/vs-shaving-face-essentials-kit?variant=52716699386156" 4995} 4996]} 4997</script>
4997<style> 4998.product-nav__item { 4999 position: fixed; 5000 top: 50%; 5001 z-index: 2; 5002 padding: 1.5rem; 5003} 5004.product-nav__content { 5005 width: 32rem; 5006} 5007.product-nav__item--previous { 5008 inset-inline-start: 0; 5009} 5010.product-nav__item--transform-left { 5011 transform: translate(calc((100% - 3.5rem) * var(--transform-direction)), -50%); 5012} 5013.product-nav__item--next { 5014 inset-inline-end: 0; 5015} 5016.product-nav__item--transform-right { 5017 transform: translate(calc((-100% + 3.5rem) * var(--transform-direction)), -50%); 5018} 5019.product-nav__info { 5020 padding: 0 15px; 5021 width: 70%; 5022} 5023.product-nav__image { 5024 width: 30%; 5025} 5026</style></product-info>
5026<script src="//vbarbershop.com/cdn/shop/t/129/assets/sticky-cart.js?v=138292385603903990031790225227" defer="defer"></script>
5026 5027 <link rel="stylesheet" href="//vbarbershop.com/cdn/shop/t/129/assets/component-sticky-cart.css?v=109960443426680186931790225188" media="print" onload="this.media='all'"> 5028 <noscript><link href="//vbarbershop.com/cdn/shop/t/129/assets/component-sticky-cart.css?v=109960443426680186931790225188" rel="stylesheet" type="text/css" media="all" /></noscript><sticky-cart data-form="product-form-template--26886042747180__main" class="sticky-cart-template--26886042747180__main no-js-hidden" data-section="Sticky-template--26886042747180__main" data-sticky-type="on_scroll_up"> 5029 <product-info 5030 id="ProductInfo-Sticky-template--26886042747180__main" 5031 class="flex sticky-cart__inner justify-space-between flex-wrap gradient" 5032 data-section="Sticky-template--26886042747180__main" 5033 data-original-section="template--26886042747180__main" 5034 data-url="/products/vs-shaving-face-essentials-kit" 5035 data-sync-element="MainProduct-template--26886042747180__main" 5036 data-option-size="1" 5037 data-in-sticky="true" 5038 > 5039 <div class="sticky-cart__price-media flex align-center"> 5040 <div class="sticky-cart__media small-hide" id="Featured-Media-Sticky-template--26886042747180__main"><img src="//vbarbershop.com/cdn/shop/files/ShavingFaceKit.jpg?v=1773177626&width=150" alt="" srcset="//vbarbershop.com/cdn/shop/files/ShavingFaceKit.jpg?v=1773177626&width=150 150w" width="150" height="188" loading="lazy" id="sticky-media-template--26886042747180__main"> 5041</div><div class="price price--sticky" id="price-Sticky-template--26886042747180__main"> 5042<div class="price price--on-sale 5043 price--in-card 5044"> 5045 <div class="price__container break"><div class="price__regular"> 5046 <span class="visually-hidden visually-hidden--inline">Regular price</span> 5047 5048 <span class="price-item price-item--regular" data-wpd-product-handle="vs-shaving-face-essentials-kit" 5049data-wpd-variant-id="52716699386156" 5050data-wpd-variant-price="4300" 5051data-wpd-variant-compare-at-price="4800" 5052data-wpd-product-collection-ids="470022258988,470022684972,429437387052,473492980012,473495699756,487367246124,470022127916,473493078316,470022783276,470022979884,486022218028,470021833004,470021800236,470022455596,473497043244" 5053data-wpd-product-id="10246975684908"> 5054 $43.00 5055 </span> 5056 </div> 5057 <div class="price__sale flex-column"> 5058 <span class="visually-hidden visually-hidden--inline">Regular price</span> 5059 <span class="flex align-center"> 5060 <s class="price-item price-item--regular data-wpd-hide"> 5061 5062 $48.00 5063 5064 </s></span> 5065 <span class="visually-hidden visually-hidden--inline">Sale price</span> 5066 <span class="price-item price-item--sale price-item--last price-item--sale-in-card" data-wpd-product-handle="vs-shaving-face-essentials-kit" 5067data-wpd-variant-id="52716699386156" 5068data-wpd-variant-price="4300" 5069data-wpd-variant-compare-at-price="4800" 5070data-wpd-product-collection-ids="470022258988,470022684972,429437387052,473492980012,473495699756,487367246124,470022127916,473493078316,470022783276,470022979884,486022218028,470021833004,470021800236,470022455596,473497043244" 5071data-wpd-product-id="10246975684908"> 5072 $43.00 5073 </span> 5074 </div></div></div> 5075</div> 5076 </div><div class="sticky-cart__form flex align-center"><product-form class="product-form flex"><form method="post" action="/cart/add" id="product-form-Sticky-template--26886042747180__main" accept-charset="UTF-8" class="form" enctype="multipart/form-data" novalidate="novalidate" data-type="add-to-cart-form"><input type="hidden" name="form_type" value="product" /><input type="hidden" name="utf8" value="â" /><div class="product-form__quantity-wrapper hidden" id="Quantity-Form-Sticky-template--26886042747180__main"> 5077 <input type="hidden" name="id" value="52716699386156" disabled> 5078 <input class="quantity__input hidden" 5079 type="number" 5080 name="quantity" 5081 id="Quantity-Sticky-template--26886042747180__main" 5082 aria-label="Quantity" 5083 data-cart-quantity="0" 5084 data-min="1" 5085 min="1" 5086 5087 step="1" 5088 value="1" 5089 > 5090 </div> 5091 <div class="product-form__buttons"> 5092 <button 5093 type="submit" 5094 name="add" 5095 class="sticky-cart__submit product-form__submit button flex w100 button--primary button--medium" 5096 5097 aria-labelledby="card-submit-button-template--26886042747180__main" 5098 >
5099 <span>Add to cart 5100</span> 5101 <div class="loading-overlay__spinner hidden"><svg version="1.1" id="L5" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" 5102 viewBox="0 0 100 100" enable-background="new 0 0 0 0" xml:space="preserve"> 5103 <circle fill="currentColor" stroke="none" cx="10" cy="50" r="10"> 5104 <animateTransform 5105 attributeName="transform" 5106 dur="1s" 5107 type="translate" 5108 values="0 15 ; 0 -15; 0 15" 5109 repeatCount="indefinite" 5110 begin="0.1"/> 5111 </circle> 5112 <circle fill="currentColor" stroke="none" cx="50" cy="50" r="10"> 5113 <animateTransform 5114 attributeName="transform" 5115 dur="1s" 5116 type="translate" 5117 values="0 10 ; 0 -10; 0 10" 5118 repeatCount="indefinite" 5119 begin="0.2"/> 5120 </circle> 5121 <circle fill="currentColor" stroke="none" cx="90" cy="50" r="10"> 5122 <animateTransform 5123 attributeName="transform" 5124 dur="1s" 5125 type="translate" 5126 values="0 5 ; 0 -5; 0 5" 5127 repeatCount="indefinite" 5128 begin="0.3"/> 5129 </circle> 5130</svg></div> 5131 </button> 5132 </div><input type="hidden" name="product-id" value="10246975684908" /><input type="hidden" name="section-id" value="template--26886042747180__main" /></form></product-form> 5133 </div> 5134 </product-info> 5135 </sticky-cart> 5136<style> #shopify-section-template--26886042747180__main p, #shopify-section-template--26886042747180__main a {letter-spacing: 0.1rem; line-height: 24px;} #shopify-section-template--26886042747180__main h1 {margin-bottom: 16px; margin-top: 4px;} #shopify-section-template--26886042747180__main h1.font-heading-extra-bold {text-transform: none !important;} </style></section><section id="shopify-section-template--26886042747180__ef375ca1-be7c-40fa-ae83-dfd83ea10774" class="shopify-section section banner-grid"><link href="//vbarbershop.com/cdn/shop/t/129/assets/section-image-banner.css?v=104693720240340061451790225219" rel="stylesheet" type="text/css" media="all" /> 5137<link href="//vbarbershop.com/cdn/shop/t/129/assets/section-banner-grid.css?v=2472466212350053401790225215" rel="stylesheet" type="text/css" media="all" /> 5138<style> 5139 #shopify-section-template--26886042747180__ef375ca1-be7c-40fa-ae83-dfd83ea10774 { 5140 padding-top: 57px; 5141 padding-bottom: 48px; 5142 --cell-spacing: 10px; 5143 --border-radius: 8px; 5144 --popup-corner-radius: 6px; 5145 --border-width: 2px; 5146 --border-opacity: 0.05;}.banner__content--template--26886042747180__ef375ca1-be7c-40fa-ae83-dfd83ea10774-template--20124663120173__ef375ca1-be7c-40fa-ae83-dfd83ea10774-promotion-banner-2 { 5147 5148 --color-foreground: 255, 255, 255;--color-button-text: 255, 255, 255; 5149 --color-button: 37, 99, 235; 5150 --color-button-text-outline: 37, 99, 235; 5151 --color-button-outline: 255, 255, 255; 5152 --color-link: var(--color-foreground); 5153 --banner-gap: 1.5rem; 5154 } 5155 5156.banner__content--template--26886042747180__ef375ca1-be7c-40fa-ae83-dfd83ea10774-template--20124663120173__ef375ca1-be7c-40fa-ae83-dfd83ea10774-promotion-banner-1 { 5157 5158 --color-foreground: 255, 255, 255;--color-button-text: 255, 255, 255; 5159 --color-button: 37, 99, 235; 5160 --color-button-text-outline: 37, 99, 235; 5161 --color-button-outline: 255, 255, 255; 5162 --color-link: var(--color-foreground); 5163 --banner-gap: 1.5rem; 5164 } 5165 5166@media screen and (min-width: 750px) { 5167 #shopify-section-template--26886042747180__ef375ca1-be7c-40fa-ae83-dfd83ea10774 { 5168 --cell-spacing: 10px; 5169 --desktop-row-height: 33rem; 5170 --desktop-column-max: 4; 5171 padding-top: 76px; 5172 padding-bottom: 64px; 5173 }#Banner-template--26886042747180__ef375ca1-be7c-40fa-ae83-dfd83ea10774-template--20124663120173__ef375ca1-be7c-40fa-ae83-dfd83ea10774-promotion-banner-2 { 5174 --column-span: 2; 5175 --row-span: 1;}.banner__content--template--26886042747180__ef375ca1-be7c-40fa-ae83-dfd83ea10774-template--20124663120173__ef375ca1-be7c-40fa-ae83-dfd83ea10774-promotion-banner-2 { 5176 --banner-gap: 1.5rem; 5177 }
5178#Banner-template--26886042747180__ef375ca1-be7c-40fa-ae83-dfd83ea10774-template--20124663120173__ef375ca1-be7c-40fa-ae83-dfd83ea10774-promotion-banner-1 { 5179 --column-span: 2; 5180 --row-span: 1;}.banner__content--template--26886042747180__ef375ca1-be7c-40fa-ae83-dfd83ea10774-template--20124663120173__ef375ca1-be7c-40fa-ae83-dfd83ea10774-promotion-banner-1 { 5181 --banner-gap: 1.5rem; 5182 } 5183}</style><div class="page-width"><div class="banner-grid__grid contains-media"><div id="Banner-template--26886042747180__ef375ca1-be7c-40fa-ae83-dfd83ea10774-template--20124663120173__ef375ca1-be7c-40fa-ae83-dfd83ea10774-promotion-banner-2" class="banner banner-grid__item por flex banner-grid__item--shadow banner--content-align-left banner--content-align-mobile-center banner--medium-mobile" ><parallax-element class="db banner__media media banner-grid__item__media" data-speed="0.5" style="--speed: 0.5;" data-turn-off="true"> 5184 <div class="parallax-ele w100 h100"> 5185 <appear-animate-single class="parallax-inner w100 h100 db media"><img src="//vbarbershop.com/cdn/shop/files/howto_2x_c3a0e3f9-4bbf-4af9-85ab-c1ed130eabd4.png?v=1706568449&width=1500" alt="Howto 2x c3a0e3f9 4bbf 4af9 85ab c1ed130eabd4" srcset="//vbarbershop.com/cdn/shop/files/howto_2x_c3a0e3f9-4bbf-4af9-85ab-c1ed130eabd4.png?v=1706568449&width=375 375w, //vbarbershop.com/cdn/shop/files/howto_2x_c3a0e3f9-4bbf-4af9-85ab-c1ed130eabd4.png?v=1706568449&width=550 550w, //vbarbershop.com/cdn/shop/files/howto_2x_c3a0e3f9-4bbf-4af9-85ab-c1ed130eabd4.png?v=1706568449&width=750 750w, //vbarbershop.com/cdn/shop/files/howto_2x_c3a0e3f9-4bbf-4af9-85ab-c1ed130eabd4.png?v=1706568449&width=1100 1100w, //vbarbershop.com/cdn/shop/files/howto_2x_c3a0e3f9-4bbf-4af9-85ab-c1ed130eabd4.png?v=1706568449&width=1500 1500w" width="1401" height="953.0" loading="lazy" class="" sizes="100vw"> 5186</appear-animate-single> 5187 </div> 5188 </parallax-element><div class="banner-grid__content banner__content banner__content--top-left banner__content--template--26886042747180__ef375ca1-be7c-40fa-ae83-dfd83ea10774-template--20124663120173__ef375ca1-be7c-40fa-ae83-dfd83ea10774-promotion-banner-2 page-width banner-grid__content--narrow justify-desktop align-desktop align-center justify-center" 5189 style=" 5190 --justify-desktop: flex-start; 5191 --align-desktop: flex-start; 5192 " 5193 > 5194 <appear-animate-list class="db banner__box banner-grid__item__box background-transparent color-foreground banner-grid__item__box--small size-style size-style--tablet" 5195 data-delay="0.3" 5196 style="--size-style-width-desktop: 90%; 5197 --size-style-width-tablet: 90%; 5198 --size-style-width-mobile: 90%;" 5199 ><h2 class="banner__heading banner-grid__item__heading font-heading-extra-bold h2 appear-animate-item-in-list"> 5200 How to use 5201 </h2> 5202 5203<div class="banner__text banner-grid__item__text rte body appear-animate-item-in-list"> 5204 Follow the 3-step process included in the kit for a close and luxurious shave. Begin with Vâs Shave Prep, apply Vâs Shave Cream, use a high-quality razor for shaving, and finish with Vâs Barbershop Tonic for the perfect after-shave experience. 5205 </div></appear-animate-list> 5206 </div> 5207 </div><div id="Banner-template--26886042747180__ef375ca1-be7c-40fa-ae83-dfd83ea10774-template--20124663120173__ef375ca1-be7c-40fa-ae83-dfd83ea10774-promotion-banner-1" class="banner banner-grid__item por flex banner-grid__item--shadow banner--content-align-left banner--content-align-mobile-left banner--medium-mobile" ><parallax-element class="db banner__media media banner-grid__item__media" data-speed="0.5" style="--speed: 0.5;" data-turn-off="true"> 5208 <div class="parallax-ele w100 h100"> 5209 <appear-animate-single class="parallax-inner w100 h100 db media"><img src="//vbarbershop.com/cdn/shop/files/ingredients_2x_1096b1a9-0a6d-466d-bb78-ac6a1fc579e1.png?v=1706568476&width=1500" alt="Ingredients 2x 1096b1a9 0a6d 466d bb78 ac6a1fc579e1" srcset="//vbarbershop.com/cdn/shop/files/ingredients_2x_1096b1a9-0a6d-466d-bb78-ac6a1fc579e1.png?v=1706568476&width=375 375w, //vbarbershop.com/cdn/shop/files/ingredients_2x_1096b1a9-0a6d-466d-bb78-ac6a1fc579e1.png?v=1706568476&width=550 550w, //vbarbershop.com/cdn/shop/files/ingredients_2x_1096b1a9-0a6d-466d-bb78-ac6a1fc579e1.png?v=1706568476&width=750 750w, //vbarbershop.com/cdn/shop/files/ingredients_2x_1096b1a9-0a6d-466d-bb78-ac6a1fc579e1.png?v=1706568476&width=1100 1100w, //vbarbershop.com/cdn/shop/files/ingredients_2x_1096b1a9-0a6d-466d-bb78-ac6a1fc579e1.png?v=1706568476&width=1500 1500w" width="1401" height="953.0" loading="lazy" class="" sizes="100vw" style="object-position:58.8759% 51.2854%;"> 5210</appear-animate-single> 5211 </div> 5212 </parallax-element><div class="banner-grid__content banner__content banner__content--top-left banner__content--template--26886042747180__ef375ca1-be7c-40fa-ae83-dfd83ea10774-template--20124663120173__ef375ca1-be7c-40fa-ae83-dfd83ea10774-promotion-banner-1 page-width banner-grid__content--narrow justify-desktop align-desktop align-center justify-center" 5213 style=" 5214 --justify-desktop: flex-start; 5215 --align-desktop: flex-start; 5216 " 5217 > 5218 <appear-animate-list class="db banner__box banner-grid__item__box background-trans
5218parent color-foreground banner-grid__item__box--small size-style size-style--tablet" 5219 data-delay="0.3" 5220 style="--size-style-width-desktop: 90%; 5221 --size-style-width-tablet: 90%; 5222 --size-style-width-mobile: 90%;" 5223 ><h2 class="banner__heading banner-grid__item__heading font-heading-extra-bold h2 appear-animate-item-in-list"> 5224 Ingredients 5225 </h2> 5226<div class="rq-ingredients-html-add banner__text banner-grid__item__text rte body" > 5227 5228 Please see individual product pages for a complete list of ingredients. 5229 5230 </div> 5231 </appear-animate-list> 5232 </div> 5233 </div></div> 5234</div><style> #shopify-section-template--26886042747180__ef375ca1-be7c-40fa-ae83-dfd83ea10774 .banner__text {line-height: 24px; font-weight: 400; letter-spacing: 0.1rem; overflow: unset; font-family: "brandon-grotesque";} #shopify-section-template--26886042747180__ef375ca1-be7c-40fa-ae83-dfd83ea10774 .banner__heading {font-family: "Robusto"; text-transform: lowercase; font-size: 40px; letter-spacing: 0.2rem;} </style></section><div id="shopify-section-template--26886042747180__39d09f35-c4bc-44b6-a5b9-5ac77acf83fe" class="shopify-section DP__video-with-text-simple"> 5235 5236 5237 5238 5239<style>.DP--template--26886042747180__39d09f35-c4bc-44b6-a5b9-5ac77acf83fe { margin-top: 10px; margin-bottom: 10px;}.DP--template--26886042747180__39d09f35-c4bc-44b6-a5b9-5ac77acf83fe .dsgn-pck__sizer { padding-top: 20px; padding-bottom: 20px; width: 100%; max-width: 1600px;}.DP--template--26886042747180__39d09f35-c4bc-44b6-a5b9-5ac77acf83fe .dsgn-pck__background { background-color: ; background-image: ;}.DP--template--26886042747180__39d09f35-c4bc-44b6-a5b9-5ac77acf83fe .dsgn-pck__background > img { position: absolute; object-fit: cover; top: 0; left: 0; width: 100%; height: 100%; z-index: -1;}.DP--template--26886042747180__39d09f35-c4bc-44b6-a5b9-5ac77acf83fe .dsgn-pck__grid--main { grid-template-columns: 1fr minmax(250px, 43%);}.DP--template--26886042747180__39d09f35-c4bc-44b6-a5b9-5ac77acf83fe .dsgn-pck__content { padding: 20px; display: flex; justify-content: center; align-items: center;background: ;}.DP--template--26886042747180__39d09f35-c4bc-44b6-a5b9-5ac77acf83fe .dsgn-pck__inner-content { width: fit-content; max-width: min(600px, 80%); margin: auto;}.DP--template--26886042747180__39d09f35-c4bc-44b6-a5b9-5ac77acf83fe .dsgn-pck__video { position: relative;}.DP--template--26886042747180__39d09f35-c4bc-44b6-a5b9-5ac77acf83fe .dsgn-pck__video video { object-fit: cover; top: 0; right: 0; bottom: 0; left: 0; width: 100%; height: 100%; position: absolute; -webkit-mask-image: -webkit-radial-gradient(white, black); -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden;}.DP--template--26886042747180__39d09f35-c4bc-44b6-a5b9-5ac77acf83fe .dsgn-pck__video video:not(:root):fullscreen { object-fit: contain;}.DP--template--26886042747180__39d09f35-c4bc-44b6-a5b9-5ac77acf83fe .dsgn-pck__video iframe { object-fit: cover; width: 100%; aspect-ratio: 16000 / 9000;}/* Play button */.DP--template--26886042747180__39d09f35-c4bc-44b6-a5b9-5ac77acf83fe .dsgn-pck__video-wrapper { --play-button-size: 50px; position: relative;}.DP--template--26886042747180__39d09f35-c4bc-44b6-a5b9-5ac77acf83fe .dsgn-pck__play-button-wrapper { display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; cursor: pointer;}.DP--template--26886042747180__39d09f35-c4bc-44b6-a5b9-5ac77acf83fe svg.dsgn-pck__play-button,.DP--template--26886042747180__39d09f35-c4bc-44b6-a5b9-5ac77acf83fe svg.dsgn-pck__pause-button { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: var(--play-button-size); height: var(--play-button-size); fill: #ffffff; transition: 0.1s ease; cursor: pointer; pointer-events: none;}.DP--template--26886042747180__39d09f35-c4bc-44b6-a5b9-5ac77acf83fe .dsgn-pck__pause-button { opacity: 0; transition: 0.1s ease; width: calc(var(--play-button-size)/1.5); height: calc(var(--play-button-size)/1.5); fill: #ffffff;}.DP--template--26886042747180__39d09f35-c4bc-44b6-a5b9-5ac77acf83fe .dsgn-pck__playing .dsgn-pck__play-button { opacity: 0;}.DP--template--26886042747180__39d09f35-c4bc-44b6-a5b9-5ac77acf83fe .dsgn-pck__video-wrapper:hover .dsgn-pck__playing .dsgn-pck__pause-button { opacity: 100; pointer-events: initial; animation: fadeOutAnimation 1.5s cubic-bezier(0.4, 0, 1, 1); animation-iteration-count: 1; animation-fill-mode: forwards;}@keyframes fadeOutAnimation { 0% { opacity: 1; } 100% { opacity: 0; }}.DP--template--26886042747180__39d09f35-c4bc-44b6-a5b9-5ac77acf83fe .dsgn-pck__block .dsgn-pck__small-heading { font-size: calc(var(--dp-g-small-heading-size, var(--dp-small-heading-size, 24px)) * 1.0);}.DP--template--26886042747180__39d09f35-c4bc-44b6-a5b9-5ac77acf83fe .dsgn-pck__text p,.DP--template--26886042747180__39d09f35-c4bc-44b6-a5b9-5ac77acf83fe .dsgn-pck__text ul { line-height: var(--dp-g-body-line-height, var(--dp-body-line-height, calc(3px + 2.5ex + 3px))); color: #333333; font-size: calc(var(--dp-g-body-size, var(--dp-body-size, 18px)) * 1.0);}.DP--template--26886042747180__39d09f35-c4bc-44b6-a5b9-5ac77acf83fe .dsgn-pck__small-text p,.DP--template--26886042747180__39d09f35-c4bc-44b6-a5b9-5ac77acf83fe .dsgn-pck__small-text ul { font-size: calc(var(--dp-g-body-size, var(--dp-body-size, 18px)) * 0.8);}.DP--template--26886042747180__39d09f35-c4bc-44b6-a5b9-5ac77acf83fe .dsgn-pck__block { color: #333333;}.DP--template--26886042747180__39d09f35-c4bc-44b6-a5b9-5ac77acf83fe .dsgn-pck__block + .dsgn-pck__block { margin-top: 15px;}/* Animation */#DP--template--26886042747180__39d09f35-c4bc-44b6-a5b9-5ac77acf83fe.dsgn-pck__animation-applied [style*="--dsgn-pck-animate"] { animation-name: dsgn-pck__animation--fade-in; }#DP--template--26886042747180__39d09f35-c4bc-44b6-a5b9-5ac77acf83fe .dsgn-pck__heading {text-transform: uppercase;font-size: 30px;letter-spacing: .2rem; }#DP--template--26886042747180__39d09f35-c4bc-44b6-a5b9-5ac77acf83fe .dsgn-pck__inner-content {max-width: min(600px, 90%); }#DP--template--26886042747180__39d09f35-c4bc-44b6-a5b9-5ac77acf83fe p {font-weight: 400!important; letter-spacing: .1rem!important; line-height: 24px!important; }#DP--template--26886042747180__39d09f35-c4bc-44b6-a5b9-5ac77acf83fe p.dsgn-pck__icon-text { font-family: 'brandon-grotesque'; font-size: 11px; letter-spacing: 1px !important; line-height: 15px !important; }/* Landscape phone to portrait tablet */@media (max-width: 767px) { .DP--template--26886042747180__39d09f35-c4bc-44b6-a5b9-5ac77acf83fe .dsgn-pck__grid--main { grid-template-columns: repeat(1, minmax(250px, 1fr)); }}/* Landscape phones and down */@media (max-width: 480px) { .DP--template--26886042747180__39d09f35-c4bc-44b6-a5b9-5ac77acf83fe { margin-top: 8px; margin-bottom: 8px; } .DP--template--26886042747180__39d09f35-c4bc-44b6-a5b9-5ac77acf83fe .dsgn-pck__sizer { padding-top: 15px; padding-bottom: 15px; } .DP--template--26886042747180__39d09f35-c4bc-44b6-a5b9-5ac77acf83fe .dsgn-pck__inner-content { max-width: min(400px, 100%); }.DP--template--26886042747180__39d09f35-c4bc-44b6-a5b9-5ac77acf83fe .dsgn-pck__video .dsgn-pck__svg-sizer { aspect-ratio: 1 / 1; }#DP--template--26886042747180__39d09f35-c4bc-44b6-a5b9-5ac77acf83fe .dsgn-pck__heading {text-transform: uppercase;font-size: 22px; }#DP--template--26886042747180__39d09f35-c4bc-44b6-a5b9-5ac77acf83fe .dsgn-pck__inner-content {padding-top: 20px;max-width: min(600px, 95%); }}</style><section id="DP--template--26886042747180__39d09f35-c4bc-44b6-a5b9-5ac77acf83fe" class="DP--template--26886042747180__39d09f35-c4bc-44b6-a5b9-5ac77acf83fe dsgn-pck__video-with-text-simple dsgn-pck__section "><div class="dsgn-pck__background"><div class="dsgn-pck__sizer dsgn-pck__grid dsgn-pck__grid--main dsgn-pck__grid-reverse"> <div class="dsgn-pck__video"> <img class="desktop-img" src="//vbarbershop.com/cdn/shop/files/Vs_Tonic_Fallback.jpg?v=1704901489" alt="Vs tonic fallback"> <img class="mobile-img" src="//vbarbershop.com/cdn/shop/files/Vs_Tonic_Fallback.jpg?v=1704901489" alt="Vs tonic fallback"> </div> <div class="dsgn-pck__content dsgn-pck__flex dsgn-pck__justify-left" style="--dsgn-pck-animate: 1;"> <div class="dsgn-pck__inner-content"><div id="DP--template--21193436299564__39d09f35-c4bc-44b6-a5b9-5ac77acf83fe-heading-1" class="dsgn-pck__block dsgn-pck__block-id-template--21193436299564__39d09f35-c4bc-44b6-a5b9-5ac77acf83fe-heading-1 dsgn-pck__block--heading dsgn-pck__block--1" style="--dsgn-pck-animate: 1;"><style>.dsgn-pck__block-id-template--21193436299564__39d09f35-c4bc-44b6-a5b9-5ac77acf83fe-heading-1 .dsgn-pck__heading { margin: 0; line-height: var(--dp-g-heading-line-height, var(--dp-heading-line-height, calc(3px + 2ex + 3px)));color: #827759;font-size: calc(var(--dp-g-heading-size, var(--dp-heading-size, 35px)) * 1.0);} @media (max-width: 480px) { .dsgn-pck__block-id-template--21193436299564__39d09f35-c4bc-44b6-a5b9-5ac77acf83fe-heading-1 .dsgn-pck__heading {} } </style><h3 class="dsgn-pck__heading"> MORE ABOUT V's SHAVING FACE⢠ESSENTIALS KIT </h3></div><div id="DP--template--21193436299564__39d09f35-c4bc-44b6-a5b9-5ac77acf83fe-text-1" class="dsgn-pck__block dsgn-pck__block-id-template--21193436299564__39d09f35-c4bc-44b6-a5b9-5ac77acf83fe-text-1 dsgn-pck__block--text dsgn-pck__block--2" style="--dsgn-pck-animate: 2;"><style>.DP--template--26886042747180__39d09f35-c4bc-44b6-a5b9-5ac77acf83fe .dsgn-pck__block-id-template--21193436299564__39d09f35-c4bc-44b6-a5b9-5ac77acf83fe-text-1 .dsgn-pck__text * {color: ;} </style> <div class="dsgn-pck__text dsgn-pck__rte"> <div class="metafield-rich_text_field"><p>V's Shave Prep: Rinse your face with warm water or apply a warm, moist towel. Apply a small amount of V's Shave Prep to your fingers, massage gently onto your face, then follow with Vâs Shave Cream and a high-quality razor for a close, comfortable shave.</p><p>V's Shave Cream: After preparing your face with warm water and Vâs Shave Prep, apply Vâs Shave Cream to your face. Shave with a high-quality razor, rinse, and enjoy the smooth, comfortable finish.</p><p>V's Authentic Barbershop Tonic: After shaving, pour a small amount onto your hands, rub together, and pat onto your face and neck. Avoid the eye area and use as part of your daily shaving routine.</p></div> </div></div><div id="DP--08ec35a0-ec08-4c8e-9496-f6e8488a79ef" class="dsgn-pck__block dsgn-pck__block-id-08ec35a0-ec08-4c8e-9496-f6e8488a79ef dsgn-pck__block--spacer dsgn-pck__block--3" style="--dsgn-pck-animate: 3;"><style> #shopify-section-template--26886042747180__39d09f35-c4bc-44b6-a5b9-5ac77acf83fe .DP--template--26886042747180__39d09f35-c4bc-44b6-a5b9-5ac77acf83fe .dsgn-pck__block-id-08ec35a0-ec08-4c8e-9496-f6e8488a79ef, #shopify-section-template--26886042747180__39d09f35-c4bc-44b6-a5b9-5ac77acf83fe .DP--template--26886042747180__39d09f35-c4bc-44b6-a5b9-5ac77acf83fe .dsgn-pck__block-id-08ec35a0-ec08-4c8e-9496-f6e8488a79ef + .dsgn-pck__block { margin-top: 0; } .dsgn-pck__block-id-08ec35a0-ec08-4c8e-9496-f6e8488a79ef .dsgn-pck__spacer { height: 20px; display: block !important; } @media (max-width: 480px) { .dsgn-pck__block-id-08ec35a0-ec08-4c8e-9496-f6e8488a79ef .dsgn-pck__spacer { height: 15px; } } </style> <div class="dsgn-pck__spacer" aria-hidden="true"></div></div><div id="DP--97f901de-ef65-4cd0-9df8-9871dfff47b7" class="dsgn-pck__block dsgn-pck__block-id-97f901de-ef65-4cd0-9df8-9871dfff47b7 dsgn-pck__block--icons dsgn-pck__block--4" style="--dsgn-pck-animate: 4;"><style> .dsgn-pck__block-id-97f901de-ef65-4cd0-9df8-9871dfff47b7 .dsgn-pck__icons { --flex-gap: 10px; gap: var(--flex-gap); flex-wrap: wrap; } .dsgn-pck__block-id-97f901de-ef65-4cd0-9df8-9871dfff47b7 .dsgn-pck__icon { --flex-items: 4.0; text-align: center; flex: 0 1 calc((100% / var(--flex-items)) - (((var(--flex-items) - 1) / var(--flex-items)) * var(--flex-gap))); width: calc((100% / var(--flex-items)) - (((var(--flex-items) - 1) / var(--flex-items)) * var(--flex-gap))); } .dsgn-pck__block-id-97f901de-ef65-4cd0-9df8-9871dfff47b7 .dsgn-pck__image__wrapper { position: relative; width: 90%; height: auto; display: inline-block; font-size: 0; } .dsgn-pck__block-id-97f901de-ef65-4cd0-9df8-9871dfff47b7
5239svg.dsgn-pck__svg-sizer { width: 100%; } .dsgn-pck__block-id-97f901de-ef65-4cd0-9df8-9871dfff47b7 .dsgn-pck__small-heading + .dsgn-pck__icon-text { margin-top: 5px; } .dsgn-pck__block-id-97f901de-ef65-4cd0-9df8-9871dfff47b7 .dsgn-pck__icon a, .dsgn-pck__block-id-97f901de-ef65-4cd0-9df8-9871dfff47b7 .dsgn-pck__icon p { color: #333333; line-height: 1.2; margin: 0; text-decoration: none; }.dsgn-pck__block-id-97f901de-ef65-4cd0-9df8-9871dfff47b7 .dsgn-pck__icon { display: flex; flex-direction: column; align-items: center; gap: 5px; } .dsgn-pck__block-id-97f901de-ef65-4cd0-9df8-9871dfff47b7 .dsgn-pck__icon-content { text-align: center; }@media (max-width: 767px) { .dsgn-pck__block-id-97f901de-ef65-4cd0-9df8-9871dfff47b7 .dsgn-pck__icon { --flex-items: 4.0; }.dsgn-pck__block-id-97f901de-ef65-4cd0-9df8-9871dfff47b7 .dsgn-pck__icon { display: flex; flex-direction: column; align-items: center; gap: 5px; } .dsgn-pck__block-id-97f901de-ef65-4cd0-9df8-9871dfff47b7 .dsgn-pck__icon-content { text-align: center; }} </style> <div class="dsgn-pck__flex dsgn-pck__icons dsgn-pck__justify-left"></div></div></div> </div> </div> </div></section> 5240 5241
5242<script type="application/json" data-dsgn-pck="template--26886042747180__39d09f35-c4bc-44b6-a5b9-5ac77acf83fe"> 5243 { 5244 "id": "template--26886042747180__39d09f35-c4bc-44b6-a5b9-5ac77acf83fe", 5245 "animation": "fade-in", 5246 "autoplay": false 5247 } 5248</script>
5248<script data-dsgn-pck-js="template--26886042747180__39d09f35-c4bc-44b6-a5b9-5ac77acf83fe" type="module" defer> 5249(function(){ 5250 5251 const designPack = { 5252 settings: {}, 5253 onIntersect: function(entries, observer){ 5254 // Target the first entry available. 5255 let observedSection = entries[0]; 5256 if (!observedSection.isIntersecting) return; 5257 const section = observedSection.target; 5258 5259 /* Run these functions when section is visible */ 5260 if (designPack.settings.autoplay) { 5261 designPack.enableLazyVideoAutoplay(section); 5262 } 5263 designPack.animateSection(section); 5264 5265 /* Stop observing section */ 5266 observer.unobserve(section); 5267 }, 5268 animateSection: function(section){ 5269 section.classList.add('dsgn-pck__animation-applied'); 5270 }, 5271 enableLazyVideoAutoplay: function(section) { 5272 5273 // Get video source urls 5274 const lazySources = section.querySelectorAll('.dsgn-pck__video-element source[data-src]'); 5275 lazySources.forEach(source => { 5276 if (!source.src){ 5277 source.src = source.dataset.src; 5278 } 5279 }); 5280 5281 const lazyVideos = section.querySelectorAll('.dsgn-pck__video-element'); 5282 lazyVideos.forEach((video, idx) => { 5283 // processing each video 5284 video.preload = 'auto'; 5285 video.muted = true; // ensure property-level mute 5286 video.autoplay = true; // let browser decide 5287 video.load(); 5288 5289 // removed playing listener 5290 video.addEventListener('pause', () => { 5291 if (!video.ended) { 5292 video.play().catch(() => {}); 5293 } 5294 }); 5295 // After a short delay, if video is still paused, allow user interaction to start it (for Safari). 5296 setTimeout(() => { 5297 if (video.paused) { 5298 // autoplay failed â awaiting user interaction 5299 const playOnInteract = () => { 5300 video.play().catch(()=>{}); 5301 document.removeEventListener('click', playOnInteract); 5302 document.removeEventListener('touchstart', playOnInteract); 5303 document.removeEventListener('keydown', playOnInteract, { once: true }); 5304 }; 5305 document.addEventListener('click', playOnInteract); 5306 document.addEventListener('touchstart', playOnInteract); 5307 document.addEventListener('keydown', playOnInteract, { once: true }); 5308 } 5309 }, 1500); 5310 }); 5311 }, 5312 enableSliderBlock: function(section){ 5313 const sliderBlocks = section.querySelectorAll(`.dsgn-pck__slider-block`); 5314 5315 sliderBlocks.forEach(elem => { 5316 designPack.flkty = new Flickity( elem, { 5317 cellAlign: 'left', 5318 contain: true, 5319 wrapAround: true, 5320 adaptiveHeight: true, 5321 imagesLoaded: true, 5322 prevNextButtons: JSON.parse(getComputedStyle(elem).getPropertyValue('--show-arrows')), 5323 autoPlay: JSON.parse(getComputedStyle(elem).getPropertyValue('--autoplay')), 5324 fade: JSON.parse(getComputedStyle(elem).getPropertyValue('--slider-animation')), 5325 pageDots: JSON.parse(getComputedStyle(elem).getPropertyValue('--page-dots')), 5326 draggable: JSON.parse(getComputedStyle(elem).getPropertyValue('--draggable')), 5327 freeScrollFriction: JSON.parse(getComputedStyle(elem).getPropertyValue('--free-scroll-friction')), 5328 selectedAttraction: JSON.parse(getComputedStyle(elem).getPropertyValue('--selected-attraction')), 5329 friction: JSON.parse(getComputedStyle(elem).getPropertyValue('--friction')), 5330 dragThreshold: JSON.parse(getComputedStyle(elem).getPropertyValue('--drag-threshold')) 5331 }); 5332 }); 5333 5334 }, 5335 enableComparisonSliderBlock(block) { 5336 5337 let isClicked = false; 5338 5339 const fullImage = block; 5340 const image = block.querySelector('.dsgn-pck__comparison__overlay'); 5341 const slider = block.querySelector('.dsgn-pck__comparison__slider'); 5342 const width = fullImage.offsetWidth; 5343 const height = fullImage.offsetHeight; 5344 5345 function compare() { 5346 slider.style.top = `${height / 2 - slider.offsetHeight / 2}px`; 5347 slider.style.left = `${width / 2 - slider.offsetWidth / 2}px`; 5348 image.style.width = '50%'; 5349 5350 slider.addEventListener('mousedown', () => isClicked = true); 5351 slider.addEventListener('touchstart', () => isClicked = true); 5352 5353 section.addEventListener('mouseup', () => isClicked = false); 5354 section.addEventListener('touchend', () => isClicked = false); 5355 5356 section.addEventListener('mousemove', onSlideMove); 5357 section.addEventListener('touchmove', onSlideMove); 5358 } 5359 5360 function onSlideMove(event) { 5361 if (!isClicked) return; 5362 doSlide(currentPosition(event)); 5363 } 5364 5365 function currentPosition(event) { 5366 let pageX = (event.touches ? event.touches[0].pageX : event.pageX); 5367 const xImage = image.getBoundingClientRect(); 5368 let x = Math.max(0, Math.min(pageX - xImage.left, width)); 5369 return x; 5370 } 5371 5372 function doSlide(x) { 5373 image.style.width = `${x}px`; 5374 slider.style.left = `${x - slider.offsetWidth / 2}px`; 5375 } 5376 5377 compare(); 5378 }, 5379 initializeAndEnableClock(section) { 5380 const clockSelector = '.dsgn-pck__clock'; 5381 const startDate = section.querySelector('[data-timer-start]').dataset.timerStart; 5382 const endDate = section.querySelector('[data-timer-end]').dataset.timerEnd; 5383 const resetDaily = section.querySelector('[data-timer-reset-daily]').dataset.timerResetDaily === "true"; // Ensure it's a boolean 5384 const timezone = section.querySelector('[data-timer-timezone]').dataset.timerTimezone; // Assuming timezone is in a similar dataset 5385 const startMs = Date.parse(startDate); 5386 const endMs = Date.parse(endDate); 5387 5388 // Function to extract UTC offset from timezone string (e.g., "-05:00 ~ (GMT-05:00) Eastern Time (US & Canada)") 5389 function getTimezoneOffset(timezone) { 5390 const offsetMatch = timezone.match(/([-+]\d{2}):(\d{2})/); 5391 if (offsetMatch) { 5392 const hoursOffset = parseInt(offsetMatch[1], 10); 5393 const minutesOffset = parseInt(offsetMatch[2], 10); 5394 return hoursOffset * 60 + (hoursOffset < 0 ? -minutesOffset : minutesOffset); // Convert to minutes 5395 } 5396 return 0; // Default to UTC if no match 5397 } 5398 5399 const timezoneOffset = getTimezoneOffset(timezone); 5400 5401 // Adjust current time to account for timezone offset
5402 function getCurrentMsWithTimezone() { 5403 const now = new Date(); 5404 const localTime = now.getTime(); 5405 const localOffset = now.getTimezoneOffset(); // In minutes 5406 const totalOffset = localOffset + timezoneOffset; 5407 return localTime + totalOffset * 60 * 1000; // Adjusted time in ms 5408 } 5409 5410 const currentMs = getCurrentMsWithTimezone(); 5411 5412 // If current time is before the start, hide the clock 5413 if (endMs <= currentMs || currentMs < startMs) { 5414 section.querySelector(`.dsgn-pck__clock-wrap`).style.display = 'none'; 5415 return; 5416 } 5417 5418 const clock = section.querySelector(clockSelector); 5419 let timeinterval; // Declare timeinterval for global access 5420 5421 // Function to update the clock display 5422 function updateClockDisplay(hours, minutes, seconds, days = null) { 5423 if (days !== null) { 5424 const daysSpan = clock.querySelector('.dsgn-pck__days .dsgn-pck__number'); 5425 if (resetDaily == true){ 5426 daysSpan.innerHTML = 0; 5427 } else { 5428 if (daysSpan.innerHTML != days) daysSpan.innerHTML = days; 5429 } 5430 } 5431 5432 const hoursSpan = clock.querySelector('.dsgn-pck__hours .dsgn-pck__number'); 5433 const minutesSpan = clock.querySelector('.dsgn-pck__minutes .dsgn-pck__number'); 5434 const secondsSpan = clock.querySelector('.dsgn-pck__seconds .dsgn-pck__number'); 5435 5436 if (hoursSpan.innerHTML != hours) hoursSpan.innerHTML = ('0' + hours).slice(-2); 5437 if (minutesSpan.innerHTML != minutes) minutesSpan.innerHTML = ('0' + minutes).slice(-2); 5438 if (secondsSpan.innerHTML != seconds) secondsSpan.innerHTML = ('0' + seconds).slice(-2); 5439 } 5440 5441 // Function to calculate time left 5442 function calculateTimeLeft(targetTime) { 5443 const total = targetTime - getCurrentMsWithTimezone(); 5444 const days = Math.floor(total / (1000 * 60 * 60 * 24)); 5445 const hours = Math.floor((total / (1000 * 60 * 60)) % 24); 5446 const minutes = Math.floor((total / (1000 * 60)) % 60); 5447 const seconds = Math.floor((total / 1000) % 60); 5448 return { total, days, hours, minutes, seconds }; 5449 } 5450 5451 // Function to handle the timer logic based on 24-hour reset or default countdown 5452 function updateClockLogic(timeLeft) { 5453 updateClockDisplay(timeLeft.hours, timeLeft.minutes, timeLeft.seconds, timeLeft.days); 5454 5455 if (timeLeft.total <= 0) { 5456 clearInterval(timeinterval); 5457 if (resetDaily) { 5458 initializeAndEnableClock(section); // Reset the clock 5459 } 5460 } 5461 } 5462 5463 // Main logic for the countdown 5464 if (resetDaily) { 5465 const resetInterval = 24 * 60 * 60 * 1000; // 24 hours in milliseconds 5466 5467 function getNextResetTime() { 5468 const lastResetTime = new Date(endMs); // Assuming endMs is when the time should be reset 5469 const timeSinceLastReset = currentMs - endMs; 5470 const timeUntilNextReset = resetInterval - (timeSinceLastReset % resetInterval); 5471 return currentMs + timeUntilNextReset; 5472 } 5473 5474 function updateClock() { 5475 const nextResetTime = getNextResetTime(); 5476 const timeLeft = calculateTimeLeft(nextResetTime); 5477 updateClockLogic(timeLeft); 5478 } 5479 5480 updateClock(); 5481 timeinterval = setInterval(updateClock, 1000); // Assign interval to the declared timeinterval 5482 5483 } else { 5484 function updateClock() { 5485 const timeLeft = calculateTimeLeft(Date.parse(endDate)); 5486 updateClockLogic(timeLeft); 5487 } 5488 5489 updateClock(); 5490 timeinterval = setInterval(updateClock, 1000); // Assign interval to the declared timeinterval 5491 } 5492 }, 5493 toggleVideo: function(playToggle){ 5494 const videoWrapper = playToggle.closest('.dsgn-pck__video-wrapper'); 5495 const video = videoWrapper.querySelector('video'); 5496 if (video.paused) { 5497 video.play(); 5498 playToggle.classList.add('dsgn-pck__playing'); 5499 } else { 5500 video.pause(); 5501 playToggle.classList.remove('dsgn-pck__playing'); 5502 } 5503 5504 video.addEventListener("ended", () => { 5505 playToggle.classList.remove('dsgn-pck__playing'); 5506 }); 5507 }, 5508 enableAudioPlayer: function(block) { 5509 const playButton = block.querySelector('.dsgn-pck__play-audio'); 5510 const percentageBar = block.querySelector('.dsgn-pck__percentage'); 5511 const seekObj = block.querySelector('.dsgn-pck__seek'); 5512 const currentTimeDisplay = block.querySelector('.dsgn-pck__current-time'); 5513 const totalDurationDisplay = block.querySelector('.dsgn-pck__total-duration'); 5514 const audio = block.querySelector('audio'); 5515 5516 function togglePlay() { 5517 if (audio.paused) { 5518 audio.play(); 5519 playButton.classList.add('pause'); 5520 } else { 5521 audio.pause(); 5522 playButton.classList.remove('pause'); 5523 } 5524 } 5525 5526 function calculatePercentPlayed() { 5527 const percentage = (audio.currentTime / audio.duration) * 100; 5528 percentageBar.style.width = `${percentage}%`; 5529 } 5530 5531 function formatTime(seconds) { 5532 const hours = Math.floor(seconds / 3600); 5533 const minutes = Math.floor((seconds % 3600) / 60); 5534 const secs = Math.floor(seconds % 60); 5535 return hours > 0 5536 ? `${hours}:${minutes < 10 ? `0${minutes}` : minutes}:${secs < 10 ? `0${secs}` : secs}` 5537 : `${minutes}:${secs < 10 ? `0${secs}` : secs}`; 5538 } 5539 5540 function initProgressBar() { 5541 currentTimeDisplay.innerHTML = formatTime(audio.currentTime); 5542 calculatePercentPlayed(); 5543 } 5544 5545 function seek(e) { 5546 const percent = e.offsetX / seekObj.offsetWidth; 5547 audio.currentTime = percent * audio.duration; 5548 } 5549 5550 audio.addEventListener('loadedmetadata', () => { 5551 if (totalDurationDisplay) { 5552 totalDurationDisplay.innerHTML = formatTime(audio.duration); 5553 } 5554 }); 5555 5556 playButton.addEventListener('click', togglePlay); 5557 seekObj.addEventListener('click', seek); 5558 audio.addEventListener('timeupdate', initProgressBar); 5559 audio.addEventListener('ended', () => { 5560 playButton.classList.remove('pause'); 5561 percentageBar.style.width = '0'; 5562 currentTimeDisplay.innerHTML = '00:00'; 5563 }); 5564 }, 5565 swapVideoSource: function(mq, mobileSrc, section){ 5566 const videoElement = section.querySelector(':not(.dsgn-pck__content) video'); 5567 const defaultSrc = videoElement.querySelectorAll('[data-dsgn-pck-default-src][src*=".mp4"], [data-dsgn-pck-default-src][src*=".mov"]')[0]; 5568 if (mq.matches){ 5569 videoElement.src = mobileSrc.src; 5570 videoElement.setAttribute('poster', mobileSrc.dataset.posterImg); 5571 } else { 5572 videoElement.src = defaultSrc.src; 5573 videoElement.setAttribute('poster', defaultSrc.dataset.posterImg); 5574 } 5575 }, 5576 load: function(section){ 5577 5578 const options = { 5579 root: null, 5580 rootMargin: '0px', 5581 threshold: [0, 0.25, 0.5, 0.75, 1] 5582 }; 5583 5584 // Trigger functions when section is visible 5585 const observer = new IntersectionObserver( designPack.onIntersect, options ); 5586 5587 if (section) { 5588 observer.observe(section); 5589 } 5590 5591 const mobileSrc = section.querySelector('[data-dsgn-pck-mobile-src]'); 5592 if (typeof mobileSrc !== 'undefined' && mobileSrc !== null){ 5593 const mq = window.matchMedia('(max-width: 480px)'); 5594 if (mq.matches) { 5595 designPack.swapVideoSource(mq, mobileSrc, section); 5596 } 5597 mq.addEventListener('change', function () { 5598 designPack.swapVideoSource(mq, mobileSrc, section); 5599 }); 5600 } 5601 5602 const countdownTimer = section.querySelector('.dsgn-pck__clock'); 5603 if (typeof countdownTimer !== 'undefined' && countdownTimer !== null){ 5604 designPack.initializeAndEnableClock(section); 5605 //@TODO rename all these functions to enableCountdownTimerBlock 5606 } 5607 5608 const sliderBlock = section.querySelector('.dsgn-pck__slider-block'); 5609 if (typeof sliderBlock !== 'undefined' && sliderBlock !== null){ 5610 designPack.enableSliderBlock(section); 5611 } 5612 5613 const comparisonSliderBlocks = section.querySelectorAll('.dsgn-pck__comparison-slider-block'); 5614 comparisonSliderBlocks.forEach(comparisonSliderBlock => { 5615 designPack.enableComparisonSliderBlock(comparisonSliderBlock); 5616 }); 5617
5618 const playToggles = section.querySelectorAll(`[data-play-trigger]`); 5619 playToggles.forEach((playToggle) => { 5620 playToggle.addEventListener('click', (e) => { 5621 designPack.toggleVideo(e.target) 5622 }); 5623 }); 5624 5625 const audioElements = section.querySelectorAll('.dsgn-pck__audio-player'); 5626 audioElements.forEach(audioBlock => { 5627 designPack.enableAudioPlayer(audioBlock); 5628 }); 5629 }, 5630 unload: function(section){ 5631 section.classList.remove('dsgn-pck__animation-applied') 5632 } 5633 } 5634 5635 window.addEventListener('shopify:section:unload', function (e) { 5636 const settings = document.querySelector(`[data-dsgn-pck="${e.detail.sectionId}"]`); 5637 const sectionId = e.detail.sectionId; 5638 const section = document.querySelector(`#DP--${e.detail.sectionId}`); 5639 if (sectionId == designPack.settings.id){ 5640 designPack.unload(section); 5641 } 5642 }); 5643 5644 designPack.settings = JSON.parse(document.querySelector('[data-dsgn-pck="template--26886042747180__39d09f35-c4bc-44b6-a5b9-5ac77acf83fe"]').innerHTML); 5645 const sectionId = "template--26886042747180__39d09f35-c4bc-44b6-a5b9-5ac77acf83fe"; 5646 const section = document.querySelector(`#DP--${sectionId}`); 5647 5648 if (sectionId == designPack.settings.id){ 5649 designPack.load(section); 5650 } 5651})() 5652</script>
5652 5653<style> #shopify-section-template--26886042747180__39d09f35-c4bc-44b6-a5b9-5ac77acf83fe h3.dsgn-pck__heading {font-family: "brandon-grotesque"; letter-spacing: 2px; font-weight: 700 !important; line-height: 35px !important; font-size: 35px !important; color: #91805d !important; text-transform: none !important;} </style></div><section id="shopify-section-template--26886042747180__8124c74c-24a1-4cc3-9369-91db0fab3a14" class="shopify-section spacer"><style> 5654 #shopify-section-template--26886042747180__8124c74c-24a1-4cc3-9369-91db0fab3a14 { 5655 height: 30px; 5656 } 5657 @media screen and (min-width: 750px) { 5658 #shopify-section-template--26886042747180__8124c74c-24a1-4cc3-9369-91db0fab3a14 { 5659 height: 40px; 5660 } 5661 }</style> 5662</section><div id="shopify-section-template--26886042747180__design_pack_banner_image_simple_EgfcBE" class="shopify-section DP__banner-image-simple"> 5663 5664 5665<style>.DP--template--26886042747180__design_pack_banner_image_simple_EgfcBE { margin-top: 0px; margin-bottom: 40px; margin-left: auto; margin-right: auto; max-width: px;}.DP--template--26886042747180__design_pack_banner_image_simple_EgfcBE .dsgn-pck__sizer { width: 90%; margin: auto; max-width: px;}.DP--template--26886042747180__design_pack_banner_image_simple_EgfcBE .dsgn-pck__background { width: 100%;}.DP--template--26886042747180__design_pack_banner_image_simple_EgfcBE .dsgn-pck__background > .dsgn-pck__image__wrapper::before { content: ''; display: block; position: absolute; top: 0; bottom: 0; right: 0;
5665 left: 0; z-index: 1; background: rgba(0,0,0,.5);}.DP--template--26886042747180__design_pack_banner_image_simple_EgfcBE .dsgn-pck__grid--main { height: 100%;}.DP--template--26886042747180__design_pack_banner_image_simple_EgfcBE .dsgn-pck__content { z-index: 2; height: 100%; grid-template-columns: 1fr; grid-area: 1 / 1 / 2 / 2; padding: 5% 0;}.DP--template--26886042747180__design_pack_banner_image_simple_EgfcBE .dsgn-pck__inner-content { z-index: 2; max-width: 500px; width: 100%; padding:; background: ;}.DP--template--26886042747180__design_pack_banner_image_simple_EgfcBE .dsgn-pck__rte p,.DP--template--26886042747180__design_pack_banner_image_simple_EgfcBE .dsgn-pck__rte ul { line-height: var(--dp-g-body-line-height, var(--dp-body-line-height, calc(3px + 2.5ex + 3px))); color: #ffffff; font-size: calc(var(--dp-g-body-size, var(--dp-body-size, 18px)) * 1.0);}.DP--template--26886042747180__design_pack_banner_image_simple_EgfcBE .dsgn-pck__small-text p,.DP--template--26886042747180__design_pack_banner_image_simple_EgfcBE .dsgn-pck__small-text ul { font-size: calc(var(--dp-g-body-size, var(--dp-body-size, 18px)) * 0.8);}.DP--template--26886042747180__design_pack_banner_image_simple_EgfcBE .dsgn-pck__block { color: #ffffff;}.DP--template--26886042747180__design_pack_banner_image_simple_EgfcBE .dsgn-pck__block + .dsgn-pck__block { margin-top: 15px;}/* Animation */.DP--template--26886042747180__design_pack_banner_image_simple_EgfcBE [style*="--dsgn-pck-animate"] { opacity: 1; }/* Landscape phones and down */@media (max-width: 480px) { .DP--template--26886042747180__design_pack_banner_image_simple_EgfcBE { margin-top: 0px; margin-bottom: 30px; } .DP--template--26886042747180__design_pack_banner_image_simple_EgfcBE .dsgn-pck__inner-content { min-width: 100%; padding: clamp(10px, 5%, 40px); }}</style><section id="DP--template--26886042747180__design_pack_banner_image_simple_EgfcBE" class="DP--template--26886042747180__design_pack_banner_image_simple_EgfcBE dsgn-pck__banner-image-simple dsgn-pck__section rq_vs-prp-tip-pdp dsgn-pck__section-style"><div class="dsgn-pck__background"> <div class="dsgn-pck__image__wrapper"> <svg class="dsgn-pck__mobile--hidden" viewBox="0 0 1200000 400000"></svg> <svg class="dsgn-pck__mobile--visible dsgn-pck__desktop--hidden" viewB
5665ox="0 0 1200000 400000" ></svg><picture><img src="//vbarbershop.com/cdn/shop/files/Vtip1.jpg?v=1699563949&width=5000" alt="Vtip1" srcset="//vbarbershop.com/cdn/shop/files/Vtip1.jpg?v=1699563949&width=180 180w, //vbarbershop.com/cdn/shop/files/Vtip1.jpg?v=1699563949&width=360 360w, //vbarbershop.com/cdn/shop/files/Vtip1.jpg?v=1699563949&width=540 540w, //vbarbershop.com/cdn/shop/files/Vtip1.jpg?v=1699563949&width=720 720w, //vbarbershop.com/cdn/shop/files/Vtip1.jpg?v=1699563949&width=900 900w, //vbarbershop.com/cdn/shop/files/Vtip1.jpg?v=1699563949&width=1080 1080w, //vbarbershop.com/cdn/shop/files/Vtip1.jpg?v=1699563949&width=1296 1296w, //vbarbershop.com/cdn/shop/files/Vtip1.jpg?v=1699563949&width=1512 1512w, //vbarbershop.com/cdn/shop/files/Vtip1.jpg?v=1699563949&width=1728 1728w, //vbarbershop.com/cdn/shop/files/Vtip1.jpg?v=1699563949&width=1950 1950w, //vbarbershop.com/cdn/shop/files/Vtip1.jpg?v=1699563949&width=2100 2100w, //vbarbershop.com/cdn/shop/files/Vtip1.jpg?v=1699563949&width=2260 2260w, //vbarbershop.com/cdn/shop/files/Vtip1.jpg?v=1699563949&width=2450 2450w, //vbarbershop.com/cdn/shop/files/Vtip1.jpg?v=1699563949&width=2700 2700w, //vbarbershop.com/cdn/shop/files/Vtip1.jpg?v=1699563949&width=3000 3000w, //vbarbershop.com/cdn/shop/files/Vtip1.jpg?v=1699563949&width=3350 3350w, //vbarbershop.com/cdn/shop/files/Vtip1.jpg?v=1699563949&width=3750 3750w, //vbarbershop.com/cdn/shop/files/Vtip1.jpg?v=1699563949&width=4100 4100w" width="5000" height="2013" loading="lazy" sizes="100vw"> </picture><div class="dsgn-pck__sizer dsgn-pck__grid dsgn-pck__grid--main"> <div class=" dsgn-pck__content dsgn-pck__flex dsgn-pck__justify-right dsgn-pck__align-center dsgn-pck__text-alignment-left "><div class="dsgn-pck__inner-content dsgn-pck__relative "><div id="DP--inset_image_xP9YcV" class="dsgn-pck__block dsgn-pck__block-id-inset_image_xP9YcV dsgn-pck__block--inset_image dsgn-pck__block--1" style="--dsgn-pck-animate: 1;"><style> .dsgn-pck__block-id-inset_image_xP9YcV .dsgn-pck__image__wrapper { width: 80%; max-width: px; display: inline-block; } .dsgn-pck__block-id-inset_image_xP9YcV .dsgn-pck__image__wrapper svg { width: 100%; } .dsgn-pck__block-id-inset_image_xP9YcV .dsgn-pck__image__wrapper path { fill: #ffffff; } .dsgn-pck__block-id-inset_image_xP9YcV .dsgn-pck__image__wrapper a { display: block; } .dsgn-pck__block-id-inset_image_xP9YcV .dsgn-pck__item picture { width: 100%; object-fit: contain; } </style><div class="dsgn-pck__inset-image dsgn-pck__flex dsgn-pck__justify-left"><div class="dsgn-pck__image__wrapper"><svg class="dsgn-pck__svg-sizer" viewBox="0 0 1077 460"></svg><picture><img src="//vbarbershop.com/cdn/shop/files/VsProTip_2x_508f0689-43f9-4924-a34a-f021ad97b42d.png?v=1706567691&width=3000" alt="Vsprotip 2x 508f0689 43f9 4924 a34a f021ad97b42d" srcset="//vbarbershop.com/cdn/shop/files/VsProTip_2x_508f0689-43f9-4924-a34a-f021ad97b42d.png?v=1706567691&width=180 180w, //vbarbershop.com/cdn/shop/files/VsProTip_2x_508f0689-43f9-4924-a34a-f021ad97b42d.png?v=1706567691&width=360 360w, //vbarbershop.com/cdn/shop/files/VsProTip_2x_508f0689-43f9-4924-a34a-f021ad97b42d.png?v=1706567691&width=540 540w, //vbarbershop.com/cdn/shop/files/VsProTip_2x_508f0689-43f9-4924-a34a-f021ad97b42d.png?v=1706567691&width=720 720w, //vbarbershop.com/cdn/shop/files/VsProTip_2x_508f0689-43f9-4924-a34a-f021ad97b42d.png?v=1706567691&width=900 900w, //vbarbershop.com/cdn/shop/files/VsProTip_2x_508f0689-43f9-4924-a34a-f021ad97b42d.png?v=1706567691&width=1080 1080w, //vbarbershop.com/cdn/shop/files/VsProTip_2x_508f0689-43f9-4924-a34a-f021ad97b42d.png?v=1706567691&width=1296 1296w, //vbarbershop.com/cdn/shop/files/VsProTip_2x_508f0689-43f9-4924-a34a-f021ad97b42d.png?v=1706567691&width=1512 1512w, //vbarbershop.com/cdn/shop/files/VsProTip_2x_508f0689-43f9-4924-a34a-f021ad97b42d.png?v=1706567691&width=1728 1728w, //vbarbershop.com/cdn/shop/files/VsProTip_2x_508f0689-43f9-4924-a34a-f021ad97b42d.png?v=1706567691&width=1950 1950w, //vbarbershop.com/cdn/shop/files/VsProTip_2x_508f0689-43f9-4924-a34a-f021ad97b42d.png?v=1706567691&width=2100 2100w, //vbarbershop.com/cdn/shop/files/VsProTip_2x_508f0689-43f9-4924-a34a-f021ad97b42d.png?v=1706567691&width=2260 2260w, //vbarbershop.com/cdn/shop/files/VsProTip_2x_508f0689-43f9-4924-a34a-f021ad97b42d.png?v=1706567691&width=2450 2450w, //vbarbershop.com/cdn/shop/files/VsProTip_2x_508f0689-43f9-4924-a34a-f021ad97b42d.png?v=1706567691&width=2700 2700w, //vbarbershop.com/cdn/shop/files/VsProTip_2x_508f0689-43f9-4924-a34a-f021ad97b42d.png?v=1706567691&width=3000 3000w" width="3000" height="1281" loading="lazy" sizes="(max-width: 480px) 80vw,(max-width: 767px) 80vw, 40vw"> </picture></div></div></div><div id="DP--text_VYD7QB" class="dsgn-pck__block dsgn-pck__block-id-text_VYD7QB dsgn-pck__block--text dsgn-pck__block--2" style="--dsgn-pck-animate: 2;"><style>.DP--template--26886042747180__design_pack_banner_image_simple_EgfcBE .dsgn-pck__block-id-text_VYD7QB .dsgn-pck__text * {color: ;} </style> <div class="dsgn-pck__text dsgn-pck__rte"> <p>To use Tonic as a cologne, apply liberally to your face, neck, and chest.</p> </div></div> </div></div> </div> </div> </div></section> 5666 5667
5668<script type="application/json" data-dsgn-pck="template--26886042747180__design_pack_banner_image_simple_EgfcBE"> 5669 { 5670 "id": "template--26886042747180__design_pack_banner_image_simple_EgfcBE", 5671 "animation": "none" 5672 } 5673</script>
5673<script data-dsgn-pck-js="template--26886042747180__design_pack_banner_image_simple_EgfcBE" type="module" defer> 5674 (function(){ 5675 5676 const designPack = { 5677 settings: {}, 5678 animateSection: function(entries, observer){ 5679 // Target the first entry available. 5680 let observedSection = entries[0]; 5681 if (observedSection.isIntersecting) { 5682 observedSection.target.classList.add('dsgn-pck__animation-applied'); 5683 } 5684 }, 5685 enableComparisonSliderBlock(block) { 5686 5687 let isClicked = false; 5688 5689 const fullImage = block; 5690 const image = block.querySelector('.dsgn-pck__comparison__overlay'); 5691 const slider = block.querySelector('.dsgn-pck__comparison__slider'); 5692 const width = fullImage.offsetWidth; 5693 const height = fullImage.offsetHeight; 5694 5695 function compare() { 5696 slider.style.top = `${height / 2 - slider.offsetHeight / 2}px`; 5697 slider.style.left = `${width / 2 - slider.offsetWidth / 2}px`; 5698 image.style.width = '50%'; 5699 5700 slider.addEventListener('mousedown', () => isClicked = true); 5701 slider.addEventListener('touchstart', () => isClicked = true); 5702 5703 section.addEventListener('mouseup', () => isClicked = false); 5704 section.addEventListener('touchend', () => isClicked = false); 5705 5706 section.addEventListener('mousemove', onSlideMove); 5707 section.addEventListener('touchmove', onSlideMove); 5708 } 5709 5710 function onSlideMove(event) { 5711 if (!isClicked) return; 5712 doSlide(currentPosition(event)); 5713 } 5714 5715 function currentPosition(event) { 5716 let pageX = (event.touches ? event.touches[0].pageX : event.pageX); 5717 const xImage = image.getBoundingClientRect(); 5718 let x = Math.max(0, Math.min(pageX - xImage.left, width)); 5719 return x; 5720 } 5721 5722 function doSlide(x) { 5723 image.style.width = `${x}px`; 5724 slider.style.left = `${x - slider.offsetWidth / 2}px`; 5725 } 5726 5727 compare(); 5728 }, 5729 initializeAndEnableClock(section) { 5730 const clockSelector = '.dsgn-pck__clock'; 5731 const startDate = section.querySelector('[data-timer-start]').dataset.timerStart; 5732 const endDate = section.querySelector('[data-timer-end]').dataset.timerEnd; 5733 const resetDaily = section.querySelector('[data-timer-reset-daily]').dataset.timerResetDaily === "true"; // Ensure it's a boolean 5734 const timezone = section.querySelector('[data-timer-timezone]').dataset.timerTimezone; // Assuming timezone is in a similar dataset 5735 const startMs = Date.parse(startDate); 5736 const endMs = Date.parse(endDate); 5737 5738 // Function to extract UTC offset from timezone string (e.g., "-05:00 ~ (GMT-05:00) Eastern Time (US & Canada)") 5739 function getTimezoneOffset(timezone) { 5740 const offsetMatch = timezone.match(/([-+]\d{2}):(\d{2})/); 5741 if (offsetMatch) { 5742 const hoursOffset = parseInt(offsetMatch[1], 10); 5743 const minutesOffset = parseInt(offsetMatch[2], 10); 5744 return hoursOffset * 60 + (hoursOffset < 0 ? -minutesOffset : minutesOffset); // Convert to minutes 5745 } 5746 return 0; // Default to UTC if no match 5747 } 5748 5749 const timezoneOffset = getTimezoneOffset(timezone); 5750 5751 // Adjust current time to account for timezone offset 5752 function getCurrentMsWithTimezone() { 5753 const now = new Date(); 5754 const localTime = now.getTime(); 5755 const localOffset = now.getTimezoneOffset(); // In minutes 5756 const totalOffset = localOffset + timezoneOffset; 5757 return localTime + totalOffset * 60 * 1000; // Adjusted time in ms 5758 } 5759 5760 const currentMs = getCurrentMsWithTimezone(); 5761 5762 // If current time is before the start, hide the clock 5763 if (endMs <= currentMs || currentMs < startMs) { 5764 section.querySelector(`.dsgn-pck__clock-wrap`).style.display = 'none'; 5765 return; 5766 } 5767 5768 const clock = section.querySelector(clockSelector); 5769 let timeinterval; // Declare timeinterval for global access 5770 5771 // Function to update the clock display 5772 function updateClockDisplay(hours, minutes, seconds, days = null) { 5773 if (days !== null) { 5774 const daysSpan = clock.querySelector('.dsgn-pck__days .dsgn-pck__number'); 5775 if (resetDaily == true){ 5776 daysSpan.innerHTML = 0; 5777 } else { 5778 if (daysSpan.innerHTML != days) daysSpan.innerHTML = days; 5779 } 5780 } 5781 5782 const hoursSpan = clock.querySelector('.dsgn-pck__hours .dsgn-pck__number'); 5783 const minutesSpan = clock.querySelector('.dsgn-pck__minutes .dsgn-pck__number'); 5784 const secondsSpan = clock.querySelector('.dsgn-pck__seconds .dsgn-pck__number'); 5785 5786 if (hoursSpan.innerHTML != hours) hoursSpan.innerHTML = ('0' + hours).slice(-2); 5787 if (minutesSpan.innerHTML != minutes) minutesSpan.innerHTML = ('0' + minutes).slice(-2); 5788 if (secondsSpan.innerHTML != seconds) secondsSpan.innerHTML = ('0' + seconds).slice(-2); 5789 } 5790 5791 // Function to calculate time left 5792 function calculateTimeLeft(targetTime) {
5793 const total = targetTime - getCurrentMsWithTimezone(); 5794 const days = Math.floor(total / (1000 * 60 * 60 * 24)); 5795 const hours = Math.floor((total / (1000 * 60 * 60)) % 24); 5796 const minutes = Math.floor((total / (1000 * 60)) % 60); 5797 const seconds = Math.floor((total / 1000) % 60); 5798 return { total, days, hours, minutes, seconds }; 5799 } 5800 5801 // Function to handle the timer logic based on 24-hour reset or default countdown 5802 function updateClockLogic(timeLeft) { 5803 updateClockDisplay(timeLeft.hours, timeLeft.minutes, timeLeft.seconds, timeLeft.days); 5804 5805 if (timeLeft.total <= 0) { 5806 clearInterval(timeinterval); 5807 if (resetDaily) { 5808 initializeAndEnableClock(section); // Reset the clock 5809 } 5810 } 5811 } 5812 5813 // Main logic for the countdown 5814 if (resetDaily) { 5815 const resetInterval = 24 * 60 * 60 * 1000; // 24 hours in milliseconds 5816 5817 function getNextResetTime() { 5818 const lastResetTime = new Date(endMs); // Assuming endMs is when the time should be reset 5819 const timeSinceLastReset = currentMs - endMs; 5820 const timeUntilNextReset = resetInterval - (timeSinceLastReset % resetInterval); 5821 return currentMs + timeUntilNextReset; 5822 } 5823 5824 function updateClock() { 5825 const nextResetTime = getNextResetTime(); 5826 const timeLeft = calculateTimeLeft(nextResetTime); 5827 updateClockLogic(timeLeft); 5828 } 5829 5830 updateClock(); 5831 timeinterval = setInterval(updateClock, 1000); // Assign interval to the declared timeinterval 5832 5833 } else { 5834 function updateClock() { 5835 const timeLeft = calculateTimeLeft(Date.parse(endDate)); 5836 updateClockLogic(timeLeft); 5837 } 5838 5839 updateClock(); 5840 timeinterval = setInterval(updateClock, 1000); // Assign interval to the declared timeinterval 5841 } 5842 }, 5843 toggleVideo: function(playToggle){ 5844 const videoWrapper = playToggle.closest('.dsgn-pck__video-wrapper'); 5845 const video = videoWrapper.querySelector('video'); 5846 if (video.paused) { 5847 video.play(); 5848 playToggle.classList.add('dsgn-pck__playing'); 5849 } else { 5850 video.pause(); 5851 playToggle.classList.remove('dsgn-pck__playing'); 5852 } 5853 5854 video.addEventListener("ended", () => { 5855 playToggle.classList.remove('dsgn-pck__playing'); 5856 }); 5857 }, 5858 enableAudioPlayer: function(block) { 5859 const playButton = block.querySelector('.dsgn-pck__play-audio'); 5860 const percentageBar = block.querySelector('.dsgn-pck__percentage'); 5861 const seekObj = block.querySelector('.dsgn-pck__seek'); 5862 const currentTimeDisplay = block.querySelector('.dsgn-pck__current-time'); 5863 const totalDurationDisplay = block.querySelector('.dsgn-pck__total-duration'); 5864 const audio = block.querySelector('audio'); 5865 5866 function togglePlay() { 5867 if (audio.paused) { 5868 audio.play(); 5869 playButton.classList.add('pause'); 5870 } else { 5871 audio.pause(); 5872 playButton.classList.remove('pause'); 5873 } 5874 } 5875 5876 function calculatePercentPlayed() { 5877 const percentage = (audio.currentTime / audio.duration) * 100; 5878 percentageBar.style.width = `${percentage}%`; 5879 } 5880 5881 function formatTime(seconds) { 5882 const hours = Math.floor(seconds / 3600); 5883 const minutes = Math.floor((seconds % 3600) / 60); 5884 const secs = Math.floor(seconds % 60); 5885 return hours > 0 5886 ? `${hours}:${minutes < 10 ? `0${minutes}` : minutes}:${secs < 10 ? `0${secs}` : secs}` 5887 : `${minutes}:${secs < 10 ? `0${secs}` : secs}`; 5888 } 5889 5890 function initProgressBar() { 5891 currentTimeDisplay.innerHTML = formatTime(audio.currentTime); 5892 calculatePercentPlayed(); 5893 } 5894 5895 function seek(e) { 5896 const percent = e.offsetX / seekObj.offsetWidth; 5897 audio.currentTime = percent * audio.duration; 5898 } 5899 5900 audio.addEventListener('loadedmetadata', () => { 5901 if (totalDurationDisplay) { 5902 totalDurationDisplay.innerHTML = formatTime(audio.duration); 5903 } 5904 }); 5905 5906 playButton.addEventListener('click', togglePlay); 5907 seekObj.addEventListener('click', seek); 5908 audio.addEventListener('timeupdate', initProgressBar); 5909 audio.addEventListener('ended', () => { 5910 playButton.classList.remove('pause'); 5911 percentageBar.style.width = '0'; 5912 currentTimeDisplay.innerHTML = '00:00'; 5913 }); 5914 }, 5915 load: function(section){ 5916 5917 if (this.settings.animation !== 'none'){ 5918 const options = { 5919 root: null, 5920 rootMargin: '0px', 5921 threshold: [0, 0.25, 0.5, 0.75, 1] 5922 }; 5923 // Construct Intersection Observer. 5924 const observer = new IntersectionObserver( this.animateSection, options ); 5925 // Observe if element is present. 5926 if (section) { 5927 observer.observe(section); 5928 } 5929 } 5930 5931 const countdownTimer = section.querySelector('.dsgn-pck__clock'); 5932 if (typeof countdownTimer !== 'undefined' && countdownTimer !== null){ 5933 designPack.initializeAndEnableClock(section); 5934 //@TODO rename all these functions to enableCountdownTimerBlock 5935 } 5936 5937 const comparisonSliderBlocks = section.querySelectorAll('.dsgn-pck__comparison-slider-block'); 5938 comparisonSliderBlocks.forEach(comparisonSliderBlock => { 5939 designPack.enableComparisonSliderBlock(comparisonSliderBlock); 5940 }); 5941
5942 const playToggles = section.querySelectorAll(`[data-play-trigger]`); 5943 playToggles.forEach((playToggle) => { 5944 playToggle.addEventListener('click', (e) => { 5945 this.toggleVideo(e.target) 5946 }); 5947 }); 5948 5949 const audioElements = section.querySelectorAll('.dsgn-pck__audio-player'); 5950 audioElements.forEach(audioBlock => { 5951 designPack.enableAudioPlayer(audioBlock); 5952 }); 5953 }, 5954 unload: function(section){ 5955 section.classList.remove('dsgn-pck__animation-applied') 5956 } 5957 } 5958 5959 window.addEventListener('shopify:section:unload', function (e) { 5960 const settings = document.querySelector(`[data-dsgn-pck="${e.detail.sectionId}"]`); 5961 const sectionId = e.detail.sectionId; 5962 const section = document.querySelector(`#DP--${e.detail.sectionId}`); 5963 if (sectionId == designPack.settings.id){ 5964 designPack.unload(section); 5965 } 5966 }); 5967 5968 designPack.settings = JSON.parse(document.querySelector('[data-dsgn-pck="template--26886042747180__design_pack_banner_image_simple_EgfcBE"]').innerHTML); 5969 const sectionId = "template--26886042747180__design_pack_banner_image_simple_EgfcBE"; 5970 const section = document.querySelector(`#DP--${sectionId}`); 5971 5972 if (sectionId == designPack.settings.id){ 5973 designPack.load(section); 5974 } 5975 })() 5976</script>
5976 5977</div><div id="shopify-section-template--26886042747180__52658ab4-b868-459a-ad25-4e6caa8660de" class="shopify-section DP__blog-simple DP__shift"> 5978 5979 5980 5981<style>#DP--template--26886042747180__52658ab4-b868-459a-ad25-4e6caa8660de { 5982 background: ; 5983 --gutter: 30px; 5984} 5985 5986#DP--template--26886042747180__52658ab4-b868-459a-ad25-4e6caa8660de .dsgn-pck__grid { 5987 gap: var(--gutter); 5988 margin-bottom: 80px; 5989 padding-bottom: 2px; 5990} 5991 5992#DP--template--26886042747180__52658ab4-b868-459a-ad25-4e6caa8660de .dsgn-pck__grid-item { 5993 position: relative; 5994 height: 100%; 5995 overflow: hidden; 5996 cursor: pointer; 5997 transition: all .5s; 5998 border-radius: 8px; 5999 display: flex; 6000 flex-direction: column; 6001 background: #FFFFFF; 6002 border: thin solid rgba(51, 51, 51, 0.2); 6003} 6004 6005#DP--template--26886042747180__52658ab4-b868-459a-ad25-4e6caa8660de .dsgn-pck__grid-item-content { 6006 padding: 1em; 6007 display: flex; 6008 flex-direction: column; 6009 justify-content: space-between; 6010 flex: 1 0 auto; 6011} 6012 6013#DP--template--26886042747180__52658ab4-b868-459a-ad25-4e6caa8660de .dsgn-pck__inner-content { 6014 height: 100%; 6015 display: flex; 6016 flex-wrap: wrap; 6017 justify-content: center; 6018 text-align: center; 6019 position: relative; 6020 color: #333333; 6021} 6022 6023#DP--template--26886042747180__52658ab4-b868-459a-ad25-4e6caa8660de .dsgn-pck__text-content { 6024 width: 100%; 6025} 6026 6027#DP--template--26886042747180__52658ab4-b868-459a-ad25-4e6caa8660de .dsgn-pck__small-heading { 6028 text-align: left; 6029 margin-bottom: 0.5em; 6030 line-height: calc(3px + 2ex + 3px); 6031 color: #333333; 6032 font-size: calc(var(--dp-g-small-heading-size, var(--dp-small-heading-size, 24px)) * 1.0);} 6033 6034#DP--template--26886042747180__52658ab4-b868-459a-ad25-4e6caa8660de .dsgn-pck__author { 6035 display: inline; 6036 text-align: left; 6037 color: #333333;font-size: calc(var(--dp-g-body-size, var(--dp-body-size, 18px)) * 0.7); 6038} 6039 6040#DP--template--26886042747180__52658ab4-b868-459a-ad25-4e6caa8660de .dsgn-pck__date { 6041 display: inline; 6042 text-align: left; 6043 color: #333333;font-size: calc(var(--dp-g-body-size, var(--dp-body-size, 18px)) * 0.7); 6044} 6045 6046#DP--template--26886042747180__52658ab4-b868-459a-ad25-4e6caa8660de .dsgn-pck__author + .dsgn-pck__date::before { 6047 content: " | " 6048} 6049 6050#DP--template--26886042747180__52658ab4-b868-459a-ad25-4e6caa8660de .dsgn-pck__excerpt { 6051 text-align: left; 6052 margin-top: 1.5em; 6053 color: #333333;font-size: calc(var(--dp-g-body-size, var(--dp-body-size, 18px)) * 1.0); 6054} 6055 6056#DP--template--26886042747180__52658ab4-b868-459a-ad25-4e6caa8660de .dsgn-pck__upper-area { 6057 text-decoration: none; 6058} 6059 6060#DP--template--26886042747180__52658ab4-b868-459a-ad25-4e6caa8660de .dsgn-pck__lower-area { 6061 display: flex; 6062 justify-content: space-between; 6063 align-items: center; 6064 text-decoration: none; 6065} 6066 6067#DP--template--26886042747180__52658ab4-b868-459a-ad25-4e6caa8660de .dsgn-pck__lower-area p { 6068 margin-bottom: 0; 6069 color: #333333;font-size: calc(var(--dp-g-body-size, var(--dp-body-size, 18px)) * 1.0); 6070} 6071 6072#DP--template--26886042747180__52658ab4-b868-459a-ad25-4e6caa8660de p.dsgn-pck__button { 6073 margin-top: 1.5em; 6074 display: inline-block; 6075 text-decoration: none; 6076 text-transform: uppercase; 6077 margin-left: auto; 6078 font-weight: bold; 6079 position: relative; 6080} 6081 6082#DP--template--26886042747180__52658ab4-b868-459a-ad25-4e6caa8660de p.dsgn-pck__button:after { 6083 content: ''; 6084 display: block; 6085 position: absolute; 6086 height: 1px; 6087 background: black; 6088 top: 100%; 6089 left: 0; 6090 width: 0; 6091 transition: width 0.3s ease-out; 6092} 6093 6094#DP--template--26886042747180__52658ab4-b868-459a-ad25-4e6caa8660de p.dsgn-pck__button:hover:after { 6095 width: 100%; 6096} 6097 6098#DP--template--26886042747180__52658ab4-b868-459a-ad25-4e6caa8660de .dsgn-pck__pagination { 6099 text-align: center; 6100 margin-top: 1.5rem; 6101 margin-bottom: 3em;font-size: calc(var(--dp-g-body-size, var(--dp-body-size, 18px)) * 1.0); 6102} 6103 6104#DP--template--26886042747180__52658ab4-b868-459a-ad25-4e6caa8660de .dsgn-pck__pagination .page { 6105 padding: 0.5em 1em; 6106 margin: 0 auto; 6107 transition: 0.3s; 6108 display: inline-block; 6109 border-bottom: 1px solid transparent; 6110} 6111 6112#DP--template--26886042747180__52658ab4-b868-459a-ad25-4e6caa8660de .dsgn-pck__pagination .page:hover { 6113 border-bottom: 1px solid; 6114 font-style: italic; 6115} 6116 6117#DP--template--26886042747180__52658ab4-b868-459a-ad25-4e6caa8660de .dsgn-pck__pagination .prev, 6118#DP--template--26886042747180__52658ab4-b868-459a-ad25-4e6caa8660de .dsgn-pck__pagination .next { 6119 padding: 0.5em 1em; 6120} 6121 6122#DP--template--26886042747180__52658ab4-b868-459a-ad25-4e6caa8660de .dsgn-pck__pagination .prev a, 6123#DP--template--26886042747180__52658ab4-b868-459a-ad25-4e6caa8660de .dsgn-pck__pagination .next a, 6124#DP--template--26886042747180__52658ab4-b868-459a-ad25-4e6caa8660de .dsgn-pck__pagination .page a { 6125 text-decoration: none; 6126 color: #333333; 6127} 6128 6129#DP--template--26886042747180__52658ab4-b868-459a-ad25-4e6caa8660de .dsgn-pck__pagination .current { 6130 border-bottom: 1px solid ; 6131 font-style: italic; 6132} 6133 6134/* Animation */#DP--template--26886042747180__52658ab4-b868-459a-ad25-4e6caa8660de [style*="--dsgn-pck-animate"] { 6135 opacity: 1; 6136 } 6137 6138 6139#DP--template--26886042747180__52658ab4-b868-459a-ad25-4e6caa8660de .dsgn-pck__sizer { 6140 padding-top: 20px; 6141 padding-bottom: 20px; 6142 width: 90%; 6143 max-width: 1460px; 6144}#DP--template--26886042747180__52658ab4-b868-459a-ad25-4e6caa8660de .dsgn-pck__small-heading { 6145font-size: 20px; 6146margin-bottom: 0px; 6147letter-spacing: .1rem; 6148 }#DP--template--26886042747180__52658ab4-b868-459a-ad25-4e6caa8660de 6149p.dsgn-pck__excerpt { 6150font-size: 15px; 6151margin-top: 15px; 6152line-height: 22px; 6153letter-spacing: .1rem;
6154font-weight: 400; }#DP--template--26886042747180__52658ab4-b868-459a-ad25-4e6caa8660de 6155p.dsgn-pck__button { 6156color: white; 6157font-family: 'BrandonMedium'; 6158letter-spacing: .1rem; 6159border-radius: 5px; 6160font-size: 16px; 6161 margin-top: 5px; 6162 padding: 12px 16px; 6163 background-color: #2c4f44; 6164 display: block; 6165 width: 100%; 6166 text-align: center; }#DP--template--26886042747180__52658ab4-b868-459a-ad25-4e6caa8660de 6167.dsgn-pck__image__wrapper { 6168 height: 250px; 6169 }#DP--template--26886042747180__52658ab4-b868-459a-ad25-4e6caa8660de 6170path{ 6171 fill: transparent; 6172 }/* Landscape phones and down */ 6173@media (max-width: 480px) { 6174 #DP--template--26886042747180__52658ab4-b868-459a-ad25-4e6caa8660de .dsgn-pck__grid { 6175 grid-template-columns: 1fr; 6176 grid-template-columns: repeat(auto-fit, minmax(100%, 1fr)); 6177 } 6178 6179 #DP--template--26886042747180__52658ab4-b868-459a-ad25-4e6caa8660de .dsgn-pck__sizer { 6180 min-width: 70%; 6181 padding-top: 10px; 6182 padding-bottom: 10px; 6183 }#DP--template--26886042747180__52658ab4-b868-459a-ad25-4e6caa8660de .dsgn-pck__small-heading { 6184font-size: 18px; 6185margin-bottom: 0px; 6186letter-spacing: .1rem; }#DP--template--26886042747180__52658ab4-b868-459a-ad25-4e6caa8660de 6187p.dsgn-pck__excerpt { 6188font-size: 14px; 6189margin-top: 8px; 6190margin-bottom: 8px; 6191line-height: 1.2; }#DP--template--26886042747180__52658ab4-b868-459a-ad25-4e6caa8660de 6192p.dsgn-pck__button { 6193font-size: 14px; 6194margin-top: 0px; 6195padding: 12px 16px; 6196background-color: #2c4f44; 6197color: white; 6198font-family: 'BrandonMedium'; 6199letter-spacing: .1rem; 6200border-radius: 5px; 6201 display: block; 6202 width: 100%; 6203 text-align: center; }#DP--template--26886042747180__52658ab4-b868-459a-ad25-4e6caa8660de 6204.dsgn-pck__image__wrapper { 6205 height: 175px 6206 }#DP--template--26886042747180__52658ab4-b868-459a-ad25-4e6caa8660de 6207path{ 6208 fill: #000 6209 }} 6210</style> 6211 6212 6213<section id="DP--template--26886042747180__52658ab4-b868-459a-ad25-4e6caa8660de" class="DP--template--26886042747180__52658ab4-b868-459a-ad25-4e6caa8660de dsgn-pck__blog-fade-in dsgn-pck__section "> 6214 <div class="dsgn-pck__sizer"> 6215 <div class="rq-blog-post-slider-finaltemplate--26886042747180__52658ab4-b868-459a-ad25-4e6caa8660de rq-blog-post-slider "> 6216 6217 <!--RQ! article 1 STARTS--> 6218 6219 6220 6221 <div class="dsgn-pck__grid-item dsgn-pck__block-557161447521" 6222 style="--dsgn-pck-animate: ;"> 6223 <a href="/blogs/product-knowledge/product-highlight-vs-shave-prep"> 6224 <div class="dsgn-pck__image__wrapper"> 6225 <svg class="dsgn-pck__svg-sizer" viewBox="0 0 0 0"></svg><img src="//vbarbershop.com/cdn/shop/articles/ph-1-1667931135421_11717a5e-5ca6-445d-a7f5-137705ae691c.jpg?v=1668119238&width=2800" alt="Product Highlight: V's #1 Shave Prep" srcset="//vbarbershop.com/cdn/shop/articles/ph-1-1667931135421_11717a5e-5ca6-445d-a7f5-137705ae691c.jpg?v=1668119238&width=180 180w, //vbarbershop.com/cdn/shop/articles/ph-1-1667931135421_11717a5e-5ca6-445d-a7f5-137705ae691c.jpg?v=1668119238&width=360 360w, //vbarbershop.com/cdn/shop/articles/ph-1-1667931135421_11717a5e-5ca6-445d-a7f5-137705ae691c.jpg?v=1668119238&width=540 540w, //vbarbershop.com/cdn/shop/articles/ph-1-1667931135421_11717a5e-5ca6-445d-a7f5-137705ae691c.jpg?v=1668119238&width=720 720w, //vbarbershop.com/cdn/shop/articles/ph-1-1667931135421_11717a5e-5ca6-445d-a7f5-137705ae691c.jpg?v=1668119238&width=900 900w, //vbarbershop.com/cdn/shop/articles/ph-1-1667931135421_11717a5e-5ca6-445d-a7f5-137705ae691c.jpg?v=1668119238&width=1080 1080w, //vbarbershop.com/cdn/shop/articles/ph-1-1667931135421_11717a5e-5ca6-445d-a7f5-137705ae691c.jpg?v=1668119238&width=1296 1296w, //vbarbershop.com/cdn/shop/articles/ph-1-1667931135421_11717a5e-5ca6-445d-a7f5-137705ae691c.jpg?v=1668119238&width=1512 1512w, //vbarbershop.com/cdn/shop/articles/ph-1-1667931135421_11717a5e-5ca6-445d-a7f5-137705ae691c.jpg?v=1668119238&width=1728 1728w, //vbarbershop.com/cdn/shop/articles/ph-1-1667931135421_11717a5e-5ca6-445d-a7f5-137705ae691c.jpg?v=1668119238&width=1950 1950w, //vbarbershop.com/cdn/shop/articles/ph-1-1667931135421_11717a5e-5ca6-445d-a7f5-137705ae691c.jpg?v=1668119238&width=2100 2100w, //vbarbershop.com/cdn/shop/articles/ph-1-1667931135421_11717a5e-5ca6-445d-a7f5-137705ae691c.jpg?v=1668119238&width=2260 2260w, //vbarbershop.com/cdn/shop/articles/ph-1-1667931135421_11717a5e-5ca6-445d-a7f5-137705ae691c.jpg?v=1668119238&width=2450 2450w, //vbarbershop.com/cdn/shop/articles/ph-1-1667931135421_11717a5e-5ca6-445d-a7f5-137705ae691c.jpg?v=1668119238&width=2700 2700w" width="2800" height="1573" loading="lazy" sizes="(max-width: 480px) 90vw,(max-width: 767px) 50vw, 30vw 6226"> 6227</div> 6228 </a> 6229 <div class="dsgn-pck__grid-item-content"> 6230 <a href="/blogs/product-knowledge/product-highlight-vs-shave-prep" class="dsgn-pck__upper-area"> 6231 <h3 class="dsgn-pck__small-heading">Product Highlight: V's Shave Prep</h3><p class="dsgn-pck__excerpt">Today we're highlighting our Vâs #1 Shave Prep. Itâs the first step to a great...</p></a><a href="/blogs/product-knowledge/product-highlight-vs-shave-prep" class="dsgn-pck__lower-area"><p class="dsgn-pck__button">Read more</p></a></div> 6232 </div> 6233 6234 <!--RQ! article 1 ENDS--> 6235 6236 <!--RQ! article 2 STARTS--> 6237 6238 6239 6240 <div class="dsgn-pck__grid-item dsgn-pck__block-557166821473" 6241 style="--dsgn-pck-animate: ;"> 6242 <a href="/blogs/product-knowledge/product-highlight-vs-shave-cream"> 6243 <div class="dsgn-pck__image__wrapper"> 6244 <svg class="dsgn-pck__svg-sizer" viewBox="0 0 0 0"></svg><img src="//vbarbershop.com/cdn/shop/articles/ph-2-1665771981147.jpg?v=1668119025&width=2800" alt="V's #2 Shave Cream" srcset="//vbarbershop.com/cdn/shop/articles/ph-2-1665771981147.jpg?v=1668119025&width=180 180w, //vbarbershop.com/cdn/shop/articles/ph-2-1665771981147.jpg?v=1668119025&width=360 360w, //vbarbershop.com/cdn/shop/articles/ph-2-1665771981147.jpg?v=1668119025&width=540 540w, //vbarbershop.com/cdn/shop/articles/ph-2-1665771981147.jpg?v=1668119025&width=720 720w, //vbarbershop.com/cdn/shop/articles/ph-2-1665771981147.jpg?v=1668119025&width=900 900w, //vbarbershop.com/cdn/shop/articles/ph-2-1665771981147.jpg?v=1668119025&width=1080 1080w, //vbarbershop.com/cdn/shop/articles/ph-2-1665771981147.jpg?v=1668119025&width=1296 1296w, //vbarbershop.com/cdn/shop/articles/ph-2-1665771981147.jpg?v=1668119025&width=1512 1512w, //vbarbershop.com/cdn/shop/articles/ph-2-1665771981147.jpg?v=1668119025&width=1728 1728w, //vbarbershop.com/cdn/shop/articles/ph-2-1665771981147.jpg?v=1668119025&width=1950 1950w, //vbarbershop.com/cdn/shop/articles/ph-2-1665771981147.jpg?v=1668119025&width=2100 2100w, //vbarbershop.com/cdn/shop/articles/ph-2-1665771981147.jpg?v=1668119025&width=2260 2260w, //vbarbershop.com/cdn/shop/articles/ph-2-1665771981147.jpg?v=1668119025&width=2450 2450w, //vbarbershop.com/cdn/shop/articles/ph-2-1665771981147.jpg?v=1668119025&width=2700 2700w" width="2800" height="1573" loading="lazy" sizes="(max-width: 480px) 90vw,(max-width: 767px) 50vw, 30vw 6245"> 6246</div> 6247 </a> 6248 <div class="dsgn-pck__grid-item-content"> 6249 <a href="/blogs/product-knowledge/product-highlight-vs-shave-cream" class="dsgn-pck__upper-area"> 6250 <h3 class="dsgn-pck__small-heading">Product Highlight: V's Shave Cream</h3><p class="dsgn-pck__excerpt">Vâs #2 Shave Cream is the second step to a great shave. Vâs Shave Cream...</p></a><a href="/blogs/product-knowledge/product-highlight-vs-shave-cream" class="dsgn-pck__lower-area"><p class="dsgn-pck__button">Read more</p></a></div> 6251 </div> 6252 6253 <!--RQ! article 2 ENDS--> 6254 6255 <!--RQ! article 3 STARTS--> 6256 6257 6258 6259 <div class="dsgn-pck__grid-item dsgn-pck__block-557161054305" 6260 style="--dsgn-pck-animate: ;"> 6261 <a href="/blogs/product-knowledge/product-highlight-vs-tonic"> 6262 <div class="dsgn-pck__image__wrapper"> 6263 <svg class="dsgn-pck__svg-sizer" viewBox="0 0 0 0"></svg><img src="//vbarbershop.com/cdn/shop/articles/ph-tonic-1665766827042.jpg?v=1668119269&width=2800" alt="Product Highlight: V's Authentic Barbershop Tonic" srcset="//vbarbershop.com/cdn/shop/articles/ph-tonic-1665766827042.jpg?v=1668119269&width=180 180w, //vbarbershop.com/cdn/shop/articles/ph-tonic-1665766827042.jpg?v=1668119269&width=360 360w, //vbarbershop.com/cdn/shop/articles/ph-tonic-1665766827042.jpg?v=1668119269&width=540 540w, //vbarbershop.com/cdn/shop/articles/ph-tonic-1665766827042.jpg?v=1668119269&width=720 720w, //vbarbershop.com/cdn/shop/articles/ph-tonic-1665766827042.jpg?v=1668119269&width=900 900w, //vbarbershop.com/cdn/shop/articles/ph-tonic-1665766827042.jpg?v=1668119269&width=1080 1080w, //vbarbershop.com/cdn/shop/articles/ph-tonic-1665766827042.jpg?v=1668119269&width=1296 1296w, //vbarbershop.com/cdn/shop/articles/ph-tonic-1665766827042.jpg?v=1668119269&width=1512 1512w, //vbarbershop.com/cdn/shop/articles/ph-tonic-1665766827042.jpg?v=1668119269&width=1728 1728w, //vbarbershop.com/cdn/shop/articles/ph-tonic-1665766827042.jpg?v=1668119269&width=1950 1950w, //vbarbershop.com/cdn/shop/articles/ph-tonic-1665766827042.jpg?v=1668119269&width=2100 2100w, //vbarbershop.com/cdn/shop/articles/ph-tonic-1665766827042.jpg?v=1668119269&width=2260 2260w, //vbarbershop.com/cdn/shop/articles/ph-tonic-1665766827042.jpg?v=1668119269&width=2450 2450w, //vbarbershop.com/cdn/shop/articles/ph-tonic-1665766827042.jpg?v=1668119269&width=2700 2700w" width="2800" height="1573" loading="lazy" sizes="(max-width: 480px) 90vw,(max-width: 767px) 50vw, 30vw 6264"> 6265</div> 6266 </a> 6267 <div class="dsgn-pck__grid-item-content"> 6268 <a href="/blogs/product-knowledge/product-highlight-vs-tonic" class="dsgn-pck__upper-area"> 6269 <h3 class="dsgn-pck__small-heading">Product Highlight: V's Authentic Barbershop Tonic</h3><p class="dsgn-pck__excerpt">Vâs Authentic Barbershop Tonic was created as our signature product because it captures the distinct...</p></a><a href="/blogs/product-knowledge/product-highlight-vs-tonic" class="dsgn-pck__lower-area"><p class="dsgn-pck__button">Read more</p></a></div> 6270 </div> 6271 6272 <!--RQ! article 3 ENDS--> 6273 6274 <!--RQ! article 4 STARTS--> 6275 6276 6277 6278 <!--RQ! article 4 ENDS--> 6279 6280 <!--RQ! article 5 STARTS--> 6281 6282 6283 6284 <!--RQ! article 5 ENDS--> 6285 6286 <!--RQ! article 6 STARTS--> 6287 6288 6289 <!--RQ! article 6 ENDS--></div> 6290 <button class="rq-blog-post-slider-prev rq-blog-post-slider-prevtemplate--26886042747180__52658ab4-b868-459a-ad25-4e6caa8660de" aria-label="Previous slide"> 6291 <svg width="10" height="15" viewBox="0 0 10 15" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true"> 6292 <path d="M8.71833 15L0 7.5L8.71833 0L10 1.10257L2.56337 7.5L10 13.8974L8.71833 15Z" fill="#ffffff"/> 6293 </svg> 6294 </button> 6295 <button class="rq-blog-post-slider-next rq-blog-post-slider-nexttemplate--26886042747180__52658ab4-b868-459a-ad25-4e6caa8660de" aria-label="Next slide"> 6296 <svg width="10" height="15" viewBox="0 0 10 15" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true"> 6297 <path d="M1.28167 15L10 7.5L1.28167 0L1.72702e-07 1.10257L7.43663 7.5L1.72702e-07 13.8974L1.28167 15Z" fill="#ffffff"/> 6298 </svg> 6299 </button> 6300</section> 6301
6302<script type="text/javascript"> 6303$('.rq-blog-post-slider-finaltemplate--26886042747180__52658ab4-b868-459a-ad25-4e6caa8660de').slick({ 6304 infinite: false, 6305 autoplaySpeed: 1000, 6306 autoplay: false, 6307 slidesToShow: 3, 6308 slidesToScroll: 1, 6309 arrows: true, 6310 dots: false, 6311 adaptiveHeight: true, 6312 prevArrow: $('.rq-blog-post-slider-prevtemplate--26886042747180__52658ab4-b868-459a-ad25-4e6caa8660de'), 6313 nextArrow: $('.rq-blog-post-slider-nexttemplate--26886042747180__52658ab4-b868-459a-ad25-4e6caa8660de'), 6314 responsive: [{ 6315 breakpoint: 1023, 6316 settings: { 6317 slidesToShow: 1, 6318 slidesToScroll: 1, 6319 centerMode: false, 6320 } 6321 }] 6322}); 6323 6324$('.dsgn-pck__sizer').each(function(){ 6325 var highestBox = 0; 6326 $('.dsgn-pck__small-heading', this).each(function(){ 6327 if($(this).height() > highestBox) { 6328 highestBox = $(this).height(); 6329 } 6330 6331 }); 6332 $('.dsgn-pck__small-heading',this).height(highestBox); 6333 }); 6334 6335</script>
6335 6336 6337
6338<script type="application/json" data-dsgn-pck="template--26886042747180__52658ab4-b868-459a-ad25-4e6caa8660de"> 6339 { 6340 "id": "template--26886042747180__52658ab4-b868-459a-ad25-4e6caa8660de", 6341 "animation": "none" 6342 } 6343</script>
6343<script data-dsgn-pck-js="template--26886042747180__52658ab4-b868-459a-ad25-4e6caa8660de" type="module" defer> 6344(function(){ 6345 'use strict'; 6346 6347 const designPack = { 6348 settings: { 6349 }, 6350 animateSection: function(entries, observer){ 6351 // Target the first entry available. 6352 let observedSection = entries[0]; 6353 6354 if (observedSection.isIntersecting) { 6355 observedSection.target.classList.add('dsgn-pck__animation-applied'); 6356 } 6357 }, 6358 load: function (section) { 6359 if (this.settings.animation !== 'none'){ 6360 const options = { 6361 root: null, 6362 rootMargin: '0px', 6363 threshold: 0 6364 }; 6365 // Construct Intersection Observer. 6366 const observer = new IntersectionObserver( this.animateSection, options ); 6367 6368 // Observe if element is present. 6369 if (section) { 6370 observer.observe(section); 6371 } 6372 } 6373 }, 6374 unload: function (section) { 6375 section.classList.remove('dsgn-pck__animation-applied') 6376 } 6377 } 6378 6379 window.addEventListener('shopify:section:unload', function (e) { 6380 const settings = document.querySelector(`[data-dsgn-pck="${e.detail.sectionId}"]`); 6381 const sectionId = e.detail.sectionId; 6382 const section = document.querySelector(`#DP--${e.detail.sectionId}`); 6383 if (sectionId == designPack.settings.id){ 6384 designPack.unload(section); 6385 } 6386 }); 6387 6388 designPack.settings = JSON.parse(document.querySelector('[data-dsgn-pck="template--26886042747180__52658ab4-b868-459a-ad25-4e6caa8660de"]').innerHTML); 6389 const sectionId = "template--26886042747180__52658ab4-b868-459a-ad25-4e6caa8660de"; 6390 const sections = document.querySelectorAll(`#DP--${sectionId} .dsgn-pck__grid`); 6391 6392 sections.forEach((section) => { 6393 if (sectionId == designPack.settings.id){ 6394 designPack.load(section); 6395 } 6396 }) 6397 6398})(); 6399</script>
6399 6400<style> #shopify-section-template--26886042747180__52658ab4-b868-459a-ad25-4e6caa8660de #DP--template--21193436299564__52658ab4-b868-459a-ad25-4e6caa8660de p.dsgn-pck__button {font-size: 16px; margin-top: 5px; padding: 12px 16px; background-color: #2c4f44; display: block; width: 100%; text-align: center;} #shopify-section-template--26886042747180__52658ab4-b868-459a-ad25-4e6caa8660de #DP--template--21193436299564__52658ab4-b868-459a-ad25-4e6caa8660de .dsgn-pck__grid-item {border: none;} </style></div><section id="shopify-section-template--26886042747180__1714772081862a0d8b" class="shopify-section section"><div class="page-width"><div id="shopify-block-AbnBQbExkbk1oRnJMZ__judge_me_reviews_review_widget_wLEpCc" class="shopify-block shopify-app-block"> 6401 6402 6403<div style='clear:both'></div> 6404<div id='judgeme_product_reviews' 6405 class='jdgm-widget jdgm-review-widget' 6406 data-product-title='V's SHAVING FACE⢠ESSENTIALS KIT' 6407 data-id='10246975684908' 6408 data-product-id='10246975684908' 6409 data-widget="review" 6410 data-shop-reviews="false" 6411 data-shop-reviews-count="2" 6412 data-cart-eligible-template="false" 6413 data-shop-average-rating="4.66" 6414 data-shop-review-count="136" 6415 data-empty-state="empty_widget" 6416 data-entry-point="review_widget.js" 6417 data-entry-key="review-widget/main.js" 6418 data-block-id="AbnBQbExkbk1oRnJMZ__judge_me_reviews_review_widget_wLEpCc" 6419 data-customer-logged-in="false" 6420 6421 6422 style='max-width: 1200px; margin: 0 auto;'> 6423 6424 6425 6426 <div class='jdgm-legacy-widget-content' style='display: none;'> 6427 <div class='jdgm-rev-widg' data-updated-at='2026-03-05T19:50:59Z' data-average-rating='0.00' data-number-of-reviews='0' data-number-of-questions='0' data-image-url='https://cdn.shopify.com/s/files/1/0554/7579/8113/files/PerfectShave.jpg?v=1772656646'> <style class='jdgm-temp-hiding-style'>.jdgm-rev-widg{ display: none }</style> <div class='jdgm-rev-widg__header'> <h2 class='jdgm-rev-widg__title'>Customer Reviews</h2> <div class='jdgm-rev-widg__summary'> <div class='jdgm-rev-widg__summary-stars' aria-label='Average rating is 0.00 stars' role='img'> <span class='jdgm-star jdgm--off'></span><span class='jdgm-star jdgm--off'></span><span class='jdgm-star jdgm--off'></span><span class='jdgm-star jdgm--off'></span><span class='jdgm-star jdgm--off'></span> </div> <div class='jdgm-rev-widg__summary-text'>Be the first to write a review</div> </div> <a style='display: none' href='#' class='jdgm-write-rev-link' role='button'>Write a review</a> <div class='jdgm-histogram jdgm-temp-hidden'> <div class='jdgm-histogram__row' data-rating='5' data-frequency='0' data-percentage='0'> <div class='jdgm-histogram__star' role='button' aria-label="0% (0) reviews with 5 star rating" tabindex='0' ><span class='jdgm-star jdgm--on'></span><span class='jdgm-star jdgm--on'></span><span class='jdgm-star jdgm--on'></span><span class='jdgm-star jdgm--on'></span><span class='jdgm-star jdgm--on'></span></div> <div class='jdgm-histogram__bar'> <div class='jdgm-histogram__bar-content' style='width: 0%;'> </div> </div> <div class='jdgm-histogram__percentage'>0%</div> <div class='jdgm-histogram__frequency'>(0)</div> </div> <div class='jdgm-histogram__row' data-rating='4' data-frequency='0' data-percentage='0'> <div class='jdgm-histogram__star' role='button' aria-label="0% (0) reviews with 4 star rating" tabindex='0' ><span class='jdgm-star jdgm--on'></span><span class='jdgm-star jdgm--on'></span><span class='jdgm-star jdgm--on'></span><span class='jdgm-star jdgm--on'></span><span class='jdgm-star jdgm--off'></span></div> <div class='jdgm-histogram__bar'> <div class='jdgm-histogram__bar-content' style='width: 0%;'> </div> </div> <div class='jdgm-histogram__percentage'>0%</div> <div class='jdgm-histogram__frequency'>(0)</div> </div> <div class='jdgm-histogram__row' data-rating='3' data-frequency='0' data-percentage='0'> <div class='jdgm-histogram__star' role='button' aria-label="0% (0) reviews with 3 star rating" tabindex='0' ><span class='jdgm-star jdgm--on'></span><span class='jdgm-star jdgm--on'></span><span class='jdgm-star jdgm--on'></span><span class='jdgm-star jdgm--off'></span><span class='jdgm-star jdgm--off'></span></div> <div class='jdgm-histogram__bar'> <div class='jdgm-histogram__bar-content' style='width: 0%;'> </div> </div> <div class='jdgm-histogram__percentage'>0%</div> <div class='jdgm-histogram__frequency'>(0)</div> </div> <div class='jdgm-histogram__row' data-rating='2' data-frequency='0' data-percentage='0'> <div class='jdgm-histogram__star' role='button' aria-label="0% (0) reviews with 2 star rating" tabindex='0' ><span class='jdgm-star jdgm--on'></span><span class='jdgm-star jdgm--on'></span><span class='jdgm-star jdgm--off'></span><span class='jdgm-star jdgm--off'></span><span class='jdgm-star jdgm--off'></span></div> <div class='jdgm-histogram__bar'> <div class='jdgm-histogram__bar-content' style='width: 0%;'> </div> </div> <div class='jdgm-histogram__percentage'>0%</div> <div class='jdgm-histogram__frequency'>(0)</div> </div> <div class='jdgm-histogram__row' data-rating='1' data-frequency='0' data-percentage='0'> <div class='jdgm-histogram__star' role='button' aria-label="0% (0) reviews with 1 star rating" tabindex='0' ><span class='jdgm-star jdgm--on'></span><span class='jdgm-star jdgm--off'></span><span class='jdgm-star jdgm--off'></span><span class='jdgm-star jdgm--off'></span><span class='jdgm-star jdgm--off'></span></div> <div class='jdgm-histogram__bar'> <div class='jdgm-histogram__bar-content' style='width: 0%;'> </div> </div> <div class='jdgm-histogram__percentage'>0%</div> <div class='jdgm-histogram__frequency'>(0)</div> </div> <div class='jdgm-histogram__row jdgm-histogram__clear-filter' data-rating=null tabindex='0'></div> </div> <div class='jdgm-rev-widg__sort-wrapper'></div> </div> <div class='jdgm-rev-widg__body'> <div class='jdgm-rev-widg__reviews'></div> <div class='jdgm-paginate' data-per-page='5' data-url='https://api.judge.me/reviews/reviews_for_widget' style="display: none;"></div> </div> <div class='jdgm-rev-widg__paginate-spinner-wrapper'> <div class='jdgm-spinner'></div> </div> </div> 6428 </div> 6429 6430 6431 6432 6433 6434 6435</div> 6436 6437 6438 6439 6440 6441 6442 6443 6444</div> 6445</div> 6446 6447 6448</section><section id="shopify-section-template--26886042747180__0ddf72d3-d80d-4b18-96c2-8827aaa4a0c4" class="shopify-section spacer"><style> 6449 #shopify-section-template--26886042747180__0ddf72d3-d80d-4b18-96c2-8827aaa4a0c4 { 6450 height: 60px; 6451 } 6452 @media screen and (min-width: 750px) { 6453 #shopify-section-template--26886042747180__0ddf72d3-d80d-4b18-96c2-8827aaa4a0c4 { 6454 height: 80px; 6455 } 6456 }</style> 6457</section><section id="shopify-section-template--26886042747180__0e413342-efdc-48b5-8916-ba8129b7b506" class="shopify-section section collapsible-content-section"><link href="//vbarbershop.com/cdn/shop/t/129/assets/collapsible-content.css?v=137618974042170276291790225167" rel="stylesheet" type="text/css" media="all" /> 6458<style> 6459 .section-template--26886042747180__0e413342-efdc-48b5-8916-ba8129b7b506-padding {padding-top: 60px;padding-bottom: 45px;} 6460 6461 @media screen and (min-width: 750px) { 6462 .section-template--26886042747180__0e413342-efdc-48b5-8916-ba8129b7b506-padding { 6463 padding-top: 80px; 6464 padding-bottom: 60px; 6465 } 6466 }#shopify-section-template--26886042747180__0e413342-efdc-48b5-8916-ba8129b7b506 {--title-gap: -1.8rem; 6467 --title-indent: 0.8rem; 6468 --title-back-size: 4rem; 6469 --title-back-letter-spacing: -1.6px;} 6470 6471 @media screen and (min-width: 990px) { 6472 #shopify-section-template--26886042747180__0e413342-efdc-48b5-8916-ba8129b7b506 {--title-gap: -2.2rem; 6473 --title-indent: 1rem; 6474 --title-back-size: 4.8rem; 6475 --title-back-letter-spacing: -2.4px;} 6476 } 6477 6478 @media screen and (min-width: 1200px) { 6479 #shopify-section-template--26886042747180__0e413342-efdc-48b5-8916-ba8129b7b506 {--title-gap: -2.6rem; 6480 --title-indent: 1.2rem; 6481 --title-back-size: 5.4rem; 6482 --title-back-letter-spacing: -2.7px;} 6483 }</style><div class="color-inverse gradient isolate"> 6484 <div class="collapsible-content collapsible-row-layout section-template--26886042747180__0e413342-efdc-48b5-8916-ba8129b7b506-padding"> 6485 <div class="collapsible-content__wrapper page-width"><div class="collapsible-content__header left"> 6486<div class="title"> 6487 <div class="flex justify-space-between w100 align-center title__gap por"><h2 class="title__heading h2 font-heading-extra-bold margin0 lh1 title__heading--before-line">FAQ</h2></div> 6488 </div></div><div class="grid grid--1-col 6489 6490 collapsible-content__grid 6491 6492 collapsible-content__grid--reverse" 6493 6494 ><div class="grid__item accordion-wrapper--dividers" style="--accordion-distance-setting:15px;"><details-accordion class="accordion db collapsible-content__item" > 6495 <details 6496 id="Details-template--21193436299564__0e413342-efdc-48b5-8916-ba8129b7b506-collapsible_row-1-template--26886042747180__0e413342-efdc-48b5-8916-ba8129b7b506" 6497 6498 > 6499 <summary class="summary-accordion summary-accordion--has-hover flex justify-space-between align-center por" id="Summary-template--21193436299564__0e413342-efdc-48b5-8916-ba8129b7b506-collapsible_row-1-template--26886042747180__0e413342-efdc-48b5-8916-ba8129b7b506"> 6500 <div class="summary__title flex align-center flex-grow-1"> 6501 6502 <h2 class="h6 accordion__title font-heading-bold margin0"> 6503 Should shave tonics be used in combination with other shaving products? 6504 </h2> 6505 </div> 6506 <div class="summary-accordion__plus-minus-wrapper flex justify-center align-center">
6507 <span class="summary-accordion__plus-minus por flex justify-center align-center"> 6508 <span class="summary-accordion__icon-line"></span> 6509 <span class="summary-accordion__icon-line"></span> 6510 </span> 6511 </div> 6512 </summary> 6513 <div class="accordion__content accordion__content--no-icon accordion__content--empty" id="CollapsibleAccordion-template--21193436299564__0e413342-efdc-48b5-8916-ba8129b7b506-collapsible_row-1-template--26886042747180__0e413342-efdc-48b5-8916-ba8129b7b506" role="region" aria-labelledby="Summary-template--21193436299564__0e413342-efdc-48b5-8916-ba8129b7b506-collapsible_row-1-template--26886042747180__0e413342-efdc-48b5-8916-ba8129b7b506"> 6514 <div class="rte"> 6515 <p><span class="metafield-multi_line_text_field">Yes, shave tonics complement other shaving products. Use them before applying shaving cream for a smoother shave and afterward to soothe and refresh the skin.</span></p> 6516 6517 </div> 6518 </div> 6519 </details> 6520 </details-accordion>
6520<details-accordion class="accordion db collapsible-content__item" > 6521 <details 6522 id="Details-template--21193436299564__0e413342-efdc-48b5-8916-ba8129b7b506-collapsible_row-1-1-template--26886042747180__0e413342-efdc-48b5-8916-ba8129b7b506" 6523 6524 > 6525 <summary class="summary-accordion summary-accordion--has-hover flex justify-space-between align-center por" id="Summary-template--21193436299564__0e413342-efdc-48b5-8916-ba8129b7b506-collapsible_row-1-1-template--26886042747180__0e413342-efdc-48b5-8916-ba8129b7b506"> 6526 <div class="summary__title flex align-center flex-grow-1"> 6527 6528 <h2 class="h6 accordion__title font-heading-bold margin0"> 6529 What are the benefits of using a shave tonic in my grooming routine? 6530 </h2> 6531 </div> 6532 <div class="summary-accordion__plus-minus-wrapper flex justify-center align-center"> 6533 <span class="summary-accordion__plus-minus por flex justify-center align-center"> 6534 <span class="summary-accordion__icon-line"></span> 6535 <span class="summary-accordion__icon-line"></span> 6536 </span> 6537 </div> 6538 </summary> 6539 <div class="accordion__content accordion__content--no-icon accordion__content--empty" id="CollapsibleAccordion-template--21193436299564__0e413342-efdc-48b5-8916-ba8129b7b506-collapsible_row-1-1-template--26886042747180__0e413342-efdc-48b5-8916-ba8129b7b506" role="region" aria-labelledby="Summary-template--21193436299564__0e413342-efdc-48b5-8916-ba8129b7b506-collapsible_row-1-1-template--26886042747180__0e413342-efdc-48b5-8916-ba8129b7b506"> 6540 <div class="rte"> 6541 <p><span class="metafield-multi_line_text_field">Tonics provide a soothing and refreshing effect post-shave, helping to reduce irritation and razor burn. They also hydrate and tone the skin, leaving it smooth and revitalized.</span></p> 6542 6543 </div> 6544 </div> 6545 </details> 6546 </details-accordion>
6546<details-accordion class="accordion db collapsible-content__item" > 6547 <details 6548 id="Details-template--21193436299564__0e413342-efdc-48b5-8916-ba8129b7b506-collapsible_row-1-2-template--26886042747180__0e413342-efdc-48b5-8916-ba8129b7b506" 6549 6550 > 6551 <summary class="summary-accordion summary-accordion--has-hover flex justify-space-between align-center por" id="Summary-template--21193436299564__0e413342-efdc-48b5-8916-ba8129b7b506-collapsible_row-1-2-template--26886042747180__0e413342-efdc-48b5-8916-ba8129b7b506"> 6552 <div class="summary__title flex align-center flex-grow-1"> 6553 6554 <h2 class="h6 accordion__title font-heading-bold margin0"> 6555 Are pre-shave products suitable for sensitive skin? 6556 </h2> 6557 </div> 6558 <div class="summary-accordion__plus-minus-wrapper flex justify-center align-center"> 6559 <span class="summary-accordion__plus-minus por flex justify-center align-center"> 6560 <span class="summary-accordion__icon-line"></span> 6561 <span class="summary-accordion__icon-line"></span> 6562 </span> 6563 </div> 6564 </summary> 6565 <div class="accordion__content accordion__content--no-icon accordion__content--empty" id="CollapsibleAccordion-template--21193436299564__0e413342-efdc-48b5-8916-ba8129b7b506-collapsible_row-1-2-template--26886042747180__0e413342-efdc-48b5-8916-ba8129b7b506" role="region" aria-labelledby="Summary-template--21193436299564__0e413342-efdc-48b5-8916-ba8129b7b506-collapsible_row-1-2-template--26886042747180__0e413342-efdc-48b5-8916-ba8129b7b506"> 6566 <div class="rte"> 6567 <p><span class="metafield-multi_line_text_field">Yes, many pre-shave products are formulated for sensitive skin, containing natural, soothing ingredients to minimize irritation and redness during shaving.</span></p> 6568 6569 </div> 6570 </div> 6571 </details> 6572 </details-accordion></div> 6573 </div> 6574 </div> 6575 </div> 6576</div> 6577 6578 6579<style> #shopify-section-template--26886042747180__0e413342-efdc-48b5-8916-ba8129b7b506 p {line-height: 24px; letter-spacing: 0.1rem; font-weight: 400 !important; font-size: 18px;} #shopify-section-template--26886042747180__0e413342-efdc-48b5-8916-ba8129b7b506 .collapsible-content {padding-left: 7%; padding-right: 7%;} </style></section><section id="shopify-section-template--26886042747180__product-recommendations" class="shopify-section section"><link rel="stylesheet" href="//vbarbershop.com/cdn/shop/t/129/assets/component-price.css?v=169073278754176340261790225182" media="print" onload="this.media='all'"> 6580<noscript></noscript> 6581
6582<script src="//vbarbershop.com/cdn/shop/t/129/assets/product-recommendation.js?v=32853270057649516631790225210" defer="defer"></script>
6582<link rel="stylesheet" href="//vbarbershop.com/cdn/shop/t/129/assets/component-rating.css?v=138824523743739711331790225183" media="print" onload="this.media='all'"> 6583 <noscript><link href="//vbarbershop.com/cdn/shop/t/129/assets/component-rating.css?v=138824523743739711331790225183" rel="stylesheet" type="text/css" media="all" /></noscript><link rel="stylesheet" href="//vbarbershop.com/cdn/shop/t/129/assets/quick-view.css?v=67797749819578390781790225213" media="print" onload="this.media='all'"><link rel="stylesheet" href="//vbarbershop.com/cdn/shop/t/129/assets/component-card-product-colors.css?v=42356077173345852211790225170" media="print" onload="this.media='all'"> 6584 <link rel="stylesheet" href="//vbarbershop.com/cdn/shop/t/129/assets/component-tooltip.css?v=82289538778717005671790225189" media="print" onload="this.media='all'"> 6585 <noscript><link href="//vbarbershop.com/cdn/shop/t/129/assets/component-tooltip.css?v=82289538778717005671790225189" rel="stylesheet" type="text/css" media="all" /></noscript> 6586 <noscript><link href="//vbarbershop.com/cdn/shop/t/129/assets/component-card-product-colors.css?v=42356077173345852211790225170" rel="stylesheet" type="text/css" media="all" /></noscript><style> 6587 .product-recommendations { 6588 display: block; 6589 } 6590 6591 .section-template--26886042747180__product-recommendations-padding { 6592 padding-top: 51px; 6593 padding-bottom: 30px; 6594 } 6595 6596 @media screen and (min-width: 750px) { 6597 .section-template--26886042747180__product-recommendations-padding { 6598 padding-top: 68px; 6599 padding-bottom: 40px; 6600 } 6601 }#shopify-section-template--26886042747180__product-recommendations {--title-gap: -1.8rem; 6602 --title-indent: 0.8rem; 6603 --title-back-size: 4rem; 6604 --title-back-letter-spacing: -1.6px;} 6605 6606 @media screen and (min-width: 990px) { 6607 #shopify-section-template--26886042747180__product-recommendations {--title-gap: -2.2rem; 6608 --title-indent: 1rem; 6609 --title-back-size: 4.8rem; 6610 --title-back-letter-spacing: -2.4px;} 6611 } 6612 6613 @media screen and (min-width: 1200px) { 6614 #shopify-section-template--26886042747180__product-recommendations {--title-gap: -2.6rem; 6615 --title-indent: 1.2rem; 6616 --title-back-size: 5.4rem; 6617 --title-back-letter-spacing: -2.7px;} 6618 }</style><div class="color-background-1 gradient no-js-hidden"> 6619 <product-recommendations class="product-recommendations section-template--26886042747180__product-recommendations-padding" data-url="/recommendations/products?section_id=template--26886042747180__product-recommendations&product_id=10246975684908&limit=10"> 6620 6621 </product-recommendations> 6622</div> 6623 6624 6625<style> #shopify-section-template--26886042747180__product-recommendations p, #shopify-section-template--26886042747180__product-recommendations .card__vendor {letter-spacing: 0.1rem;} #shopify-section-template--26886042747180__product-recommendations .card__heading {text-transform: none;} #shopify-section-template--26886042747180__product-recommendations h2 {font-size: 20px;} </style></section><section id="shopify-section-template--26886042747180__42ea5b86-e5b3-44b9-8a28-410eec1590ed" class="shopify-section section"><style> 6626 .section-template--26886042747180__42ea5b86-e5b3-44b9-8a28-410eec1590ed-padding { 6627 padding-top: 30px; 6628 padding-bottom: 45px; 6629 } 6630 6631 @media screen and (min-width: 750px) { 6632 .section-template--26886042747180__42ea5b86-e5b3-44b9-8a28-410eec1590ed-padding { 6633 padding-top: 40px; 6634 padding-bottom: 60px; 6635 } 6636 }#shopify-section-template--26886042747180__42ea5b86-e5b3-44b9-8a28-410eec1590ed {--title-gap: -1.8rem; 6637 --title-indent: 0.8rem; 6638 --title-back-size: 4rem; 6639 --title-back-letter-spacing: -1.6px;} 6640 6641 @media screen and (min-width: 990px) { 6642 #shopify-section-template--26886042747180__42ea5b86-e5b3-44b9-8a28-410eec1590ed {--title-gap: -2.2rem; 6643 --title-indent: 1rem; 6644 --title-back-size: 4.8rem; 6645 --title-back-letter-spacing: -2.4px;} 6646 } 6647 6648 @media screen and (min-width: 1200px) { 6649 #shopify-section-template--26886042747180__42ea5b86-e5b3-44b9-8a28-410eec1590ed {--title-gap: -2.6rem; 6650 --title-indent: 1.2rem; 6651 --title-back-size: 5.4rem; 6652 --title-back-letter-spacing: -2.7px;} 6653 }</style> 6654 6655 <recently-viewed class="db recently-viewed-products" 6656 data-product-id="10246975684908" data-product-url="/products/vs-shaving-face-essentials-kit" data-product-image="//vbarbershop.com/cdn/shop/files/ShavingFaceKit.jpg?v=1773177626&width=100" 6657 data-full-width="true" 6658 data-prev-button="Slider-template--26886042747180__42ea5b86-e5b3-44b9-8a28-410eec1590ed-prev-button" 6659 data-next-button="Slider-template--26886042747180__42ea5b86-e5b3-44b9-8a28-410eec1590ed-next-button" 6660 data-limit="10" 6661 data-color-scheme="background-1" 6662 data-inherit-card-color-scheme="true" 6663 data-card-color-scheme="background-2" 6664 > 6665 <div class="recently-viewed-products__section color-background-1 gradient hidden"> 6666 <div class="collection section-template--26886042747180__42ea5b86-e5b3-44b9-8a28-410eec1590ed-pa
6666dding"> 6667 <div class="page-width--full"> 6668<div class="title"> 6669 <div class="flex justify-space-between w100 align-center title__gap por"><h2 class="title__heading h2 font-heading-extra-bold margin0 lh1 title__heading--before-line">Recently viewed</h2><div class="slider-buttons slider-buttons--box flex"> 6670 <button type="button" id="Slider-template--26886042747180__42ea5b86-e5b3-44b9-8a28-410eec1590ed-prev-button" class="slider-button flex flex-column justify-center align-center slider-button--prev no-js-hidden por tap-area-icon" name="previous" aria-label="Slide left" aria-controls="Slider-template--26886042747180__42ea5b86-e5b3-44b9-8a28-410eec1590ed" disabled="disabled"><span></span> 6671<span></span></button> 6672 <button type="button" id="Slider-template--26886042747180__42ea5b86-e5b3-44b9-8a28-410eec1590ed-next-button" class="slider-button flex flex-column justify-center align-center slider-button--next no-js-hidden por tap-area-icon" name="next" aria-label="Slide right" aria-controls="Slider-template--26886042747180__42ea5b86-e5b3-44b9-8a28-410eec1590ed"><span></span> 6673<span></span></button> 6674 </div></div> 6675 </div></div> 6676 <div class="recently-viewed-products__results"> 6677 6678 </div> 6679 </div> 6680 </div> 6681 </recently-viewed><style> #shopify-section-template--26886042747180__42ea5b86-e5b3-44b9-8a28-410eec1590ed p, #shopify-section-template--26886042747180__42ea5b86-e5b3-44b9-8a28-410eec1590ed .card__vendor {letter-spacing: 0.1rem;} #shopify-section-template--26886042747180__42ea5b86-e5b3-44b9-8a28-410eec1590ed .card__heading {text-transform: none;} #shopify-section-template--26886042747180__42ea5b86-e5b3-44b9-8a28-410eec1590ed h2 {font-size: 20px;} </style></section><section id="shopify-section-template--26886042747180__f05adc2b-aa3e-4c99-9f22-0da27eb1abde" class="shopify-section section"><style> 6682.section-template--26886042747180__f05adc2b-aa3e-4c99-9f22-0da27eb1abde-padding { 6683 padding-top: calc(0px * 0.75); 6684 padding-bottom: calc(0px * 0.75); 6685} 6686 6687@media screen and (min-width: 750px) { 6688 .section-template--26886042747180__f05adc2b-aa3e-4c99-9f22-0da27eb1abde-padding { 6689 padding-top: 0px; 6690 padding-bottom: 0px; 6691 } 6692} 6693</style> 6694<div class="color-background-1 gradient"> 6695 <div class="section-template--26886042747180__f05adc2b-aa3e-4c99-9f22-0da27eb1abde-padding"> 6696 <style data-shopify> 6697@media (max-width: 768px) { 6698.product__slider-button { 6699margin: 8px; 6700} 6701.product__sale-box { 6702 padding: 2.0rem!important; 6703} 6704.header__heading-logo { 6705max-width: 60px; 6706} 6707.breadcrumb { 6708display: none;} 6709h1 { 6710line-height: 2.6rem;} 6711.product__vendor-link { 6712 margin-bottom: 0rem!important; 6713} 6714p { 6715line-height: 2.3rem; 6716} 6717.price.price--large { 6718 font-family: Garner!important; 6719 font-size: 24px!important; 6720 color: #2C4F44!important; 6721} 6722} 6723.price.price--large { 6724 font-family: Garner; 6725 font-size: 28px; 6726 color: #2C4F44; 6727} 6728.price__container { 6729font-family: Garner!important; 6730 color: #2C4F44!important; 6731} 6732div#price-top-template--21193436299564__main { 6733margin-bottom: -18px; 6734} 6735.product__tax { 6736display: none; 6737} 6738p.product__text.subtitle.subtitle--medium { 6739margin-top: 6px; 6740margin-bottom: 8px; 6741} 6742.header__customer-support-region { 6743 margin-right: 5rem; 6744 margin-left: 2rem; 6745} 6746@media only screen and (min-width: 750px) { 6747.banner--content-align-left.banner--desktop-transparent .banner__box, .banner--content-align-right.banner--desktop-transparent .banner__box, .banner--medium.banner--desktop-transparent .banner__box { 6748 max-width: 50rem; 6749} 6750} 6751@media screen and (max-width: 1022px) { 6752path{ 6753 fill: #000 !important 6754} 6755} 6756</style> 6757 </div> 6758</div> 6759 6760 6761</section> 6762 </main><!-- BEGIN sections: footer-group --> 6763<section id="shopify-section-sections--26886042943788__bfd2550c-78a2-4adf-80a8-bba5061ac4bc" class="shopify-section shopify-section-group-footer-group section"><link rel="stylesheet" href="//vbarbershop.com/cdn/shop/t/129/assets/section-text-icons.css?v=31018486766550848661790225225" media="print" onload="this.media='all'"> 6764<noscript><link href="//vbarbershop.com/cdn/shop/t/129/assets/section-text-icons.css?v=31018486766550848661790225225" rel="stylesheet" type="text/css" media="all" /></noscript> 6765<style> 6766 .section-sections--26886042943788__bfd2550c-78a2-4adf-80a8-bba5061ac4bc-padding { 6767 padding-top: 24px; 6768 padding-bottom: 0px; 6769 --icon-width: 10%; 6770 --border-width:0px; 6771 --border-spacing:0px; 6772 } 6773 6774 .text-icons__card__icon-wrapper--sections--26886042943788__bfd2550c-78a2-4adf-80a8-bba5061ac4bc { 6775 width: var(--icon-width); 6776 height: fit-content;}.text-icons__card__icon-wrapper--sections--26886042943788__bfd2550c-78a2-4adf-80a8-bba5061ac4bc .text-icons__card__icon { 6777 position: absolute; 6778 inset-inline-start: 50%; 6779 top: 50%; 6780 transform: translate(calc(var(--transform-direction) * 50%), -50%); 6781 width: calc(100% - var(--border-spacing)); 6782 height: auto; 6783 min-width: 2rem; 6784 }.text-icons__card--sections--26886042943788__bfd2550c-78a2-4adf-80a8-bba5061ac4bc { 6785 gap: calc(1.5rem + var(--border-width));} 6786 .text-icons__card__info--sections--26886042943788__bfd2550c-78a2-4adf-80a8-bba5061ac4bc { 6787 width: calc(100% - 1.5rem - var(--icon-width) - var(--border-width)); 6788 }@media screen and (min-width: 750px) { 6789 .section-sections--26886042943788__bfd2550c-78a2-4adf-80a8-bba5061ac4bc-padding { 6790 padding-top: 32px; 6791 padding-bottom: 0px; 6792 --icon-width: 28%; 6793 --border-spacing:0px; 6794 } 6795 }</style><div class="text-icons color-scheme-5bbd8bad-8a13-4cdf-969e-1277fa3de869 isolate gradient" style=""> 6796 <div class="page-width section-sections--26886042943788__bfd2550c-78a2-4adf-80a8-bba5061ac4bc-padding"> 6797<slider-component 6798 class="slider-mobile-gutter por" 6799 6800 > 6801 <ul 6802 class="text-icons__list grid grid--1-col grid--2-col-tablet grid--4-col-desktop grid--peek" 6803 id="Slider-sections--26886042943788__bfd2550c-78a2-4adf-80a8-bba5061ac4bc" 6804 role="list" 6805 ><li 6806 id="Slide-sections--26886042943788__bfd2550c-78a2-4adf-80a8-bba5061ac4bc-1" 6807 class="text-icons__item grid__item left" 6808 6809 > 6810 <div class="text-icons__card text-icons__card--sections--26886042943788__bfd2550c-78a2-4adf-80a8-bba5061ac4bc 6811 por 6812 flex 6813 " 6814 > 6815 <div class="text-icons__card__icon-wrapper text-icons__card__icon-wrapper--sections--26886042943788__bfd2550c-78a2-4adf-80a8-bba5061ac4bc flex por" 6816 > 6817 <div class="w100 media media--circle media--transparent"><img src="//vbarbershop.com/cdn/shop/files/VBarbershop-Icon-Location.svg?v=1706053933&width=1420" alt="Gold and black circular location pin icon" srcset="//vbarbershop.com/cdn/shop/files/VBarbershop-Icon-Location.svg?v=1706053933&width=275 275w, //vbarbershop.com/cdn/shop/files/VBarbershop-Icon-Location.svg?v=1706053933&width=550 550w, //vbarbershop.com/cdn/shop/files/VBarbershop-Icon-Location.svg?v=1706053933&width=710 710w, //vbarbershop.com/cdn/shop/files/VBarbershop-Icon-Location.svg?v=1706053933&width=1420 1420w" width="1420" height="1420" loading="lazy" sizes="(min-width: 990px) 550px, (min-width: 750px) 550px, calc(100vw - 30px)" class="text-icons__card__icon zoom"> 6818</div> 6819 </div> 6820 6821 <div class=" text-icons__card__info text-icons__card__info--sections--26886042943788__bfd2550c-78a2-4adf-80a8-bba5061ac4bc"><h2 class="card__heading h5 card__heading--sections--26886042943788__bfd2550c-78a2-4adf-80a8-bba5061ac4bc font-heading-bold"><a 6822 href="/pages/store-locator" 6823 id="CardLink-sections--26886042943788__bfd2550c-78a2-4adf-80a8-bba5061ac4bc-sections--20768131416364__bfd2550c-78a2-4adf-80a8-bba5061ac4bc-text-icon-1" 6824 class="full-unstyled-link" 6825 aria-labelledby="CardLink-sections--26886042943788__bfd2550c-78a2-4adf-80a8-bba5061ac4bc-sections--20768131416364__bfd2550c-78a2-4adf-80a8-bba5061ac4bc-text-icon-1" 6826 6827 > 6828 FIND A LOCATION 6829 </a></h2></div> 6830 </div> 6831 </li><li 6832 id="Slide-sections--26886042943788__bfd2550c-78a2-4adf-80a8-bba5061ac4bc-2" 6833 class="text-icons__item grid__item left" 6834 6835 > 6836 <div class="text-icons__card text-icons__card--sections--26886042943788__bfd2550c-78a2-4adf-80a8-bba5061ac4bc 6837 6838 flex 6839 " 6840 > 6841 <div class="text-icons__card__icon-wrapper text-icons__card__icon-wrapper--sections--26886042943788__bfd2550c-78a2-4adf-80a8-bba5061ac4bc flex por" 6842 > 6843 <div class="w100 media media--circle media--transparent"><img src="//vbarbershop.com/cdn/shop/files/VBarbershop-Icon-Reservation.svg?v=1706053933&width=1420" alt="Gold and black circular barber pole icon" srcset="//vbarbershop.com/cdn/shop/files/VBarbershop-Icon-Reservation.svg?v=1706053933&width=275 275w, //vbarbershop.com/cdn/shop/files/VBarbershop-Icon-Reservation.svg?v=1706053933&width=550 550w, //vbarbershop.com/cdn/shop/files/VBarbershop-Icon-Reservation.svg?v=1706053933&width=710 710w, //vbarbershop.com/cdn/shop/files/VBarbershop-Icon-Reservation.svg?v=1706053933&width=1420 1420w" width="1420" height="1420" loading="lazy" sizes="(min-width: 990px) 550px, (min-width: 750px) 550px, calc(100vw - 30px)" class="text-icons__card__icon zoom"> 6844</div> 6845 </div> 6846 6847 <div class=" rq-click-on-book-app2 text-icons__card__info text-icons__card__info--sections--26886042943788__bfd2550c-78a2-4adf-80a8-bba5061ac4bc"><h2 class="card__heading h5 card__heading--sections--26886042943788__bfd2550c-78a2-4adf-80a8-bba5061ac4bc font-heading-bold">BOOK A RESERVATION 6848</h2></div> 6849 </div> 6850 </li><li 6851 id="Slide-sections--26886042943788__bfd2550c-78a2-4adf-80a8-bba5061ac4bc-3" 6852 class="text-icons__item grid__item left" 6853 6854 > 6855 <div class="text-icons__card text-icons__card--sections--26886042943788__bfd2550c-78a2-4adf-80a8-bba5061ac4bc 6856 por 6857 flex 6858 " 6859 > 6860 <div class="text-icons__card__icon-wrapper text-icons__card__icon-wrapper--sections--26886042943788__bfd2550c-78a2-4adf-80a8-bba5061ac4bc flex por" 6861 > 6862 <div class="w100 media media--circle media--transparent"><img src="//vbarbershop.com/cdn/shop/files/VBarbershop-Icon-App.svg?v=1706053933&width=1420" alt="Gold and black circular icon of a hand holding a smartphone displaying the v's barbershop logo" srcset="//vbarbershop.com/cdn/shop/files/VBarbershop-Icon-App.svg?v=1706053933&width=275 275w, //vbarbershop.com/cdn/shop/files/VBarbershop-Icon-App.svg?v=1706053933&width=550 550w, //vbarbershop.com/cdn/shop/files/VBarbershop-Icon-App.svg?v=1706053933&width=710 710w, //vbarbershop.com/cdn/shop/files/VBarbershop-Icon-App.svg?v=1706053933&width=1420 1420w" width="1420" height="1420" loading="lazy" sizes="(min-width: 990px) 550px, (min-width: 750px) 550px, calc(100vw - 30px)" class="text-icons__card__icon zoom"> 6863</div> 6864 </div> 6865 6866 <div class=" text-icons__card__info text-icons__card__info--sections--26886042943788__bfd2550c-78a2-4adf-80a8-bba5061ac4bc"><h2 class="card__heading h5 card__heading--sections--26886042943788__bfd2550c-78a2-4adf-80a8-bba5061ac4bc font-heading-bold"><a 6867 href="https://qrco.de/bbcemi" 6868 id="CardLink-sections--26886042943788__bfd2550c-78a2-4adf-80a8-bba5061ac4bc-sections--20768131416364__bfd2550c-78a2-4adf-80a8-bba5061ac4bc-text-icon-3" 6869 class="full-unstyled-link" 6870 aria-labelledby="CardLink-sections--26886042943788__bfd2550c-78a2-4adf-80a8-bba5061ac4bc-sections--20768131416364__bfd2550c-78a2-4adf-80a8-bba5061ac4bc-text-icon-3" 6871 6872 > 6873 DOWNLOAD THE APP 6874 </a></h2></div> 6875 </div> 6876 </li><li 6877 id="Slide-sections--26886042943788__bfd2550c-78a2-4adf-80a8-bba5061ac4bc-4" 6878 class="text-icons__item grid__item left" 6879 6880 > 6881 <div class="text-icons__card text-icons__card--sections--26886042943788__bfd2550c-78a2-4adf-80a8-bba5061ac4bc 6882 6883 flex 6884 " 6885 > 6886 <div class="text-icons__card__icon-wrapper text-icons__card__icon-wrapper--sections--26886042943788__bfd2550c-78a2-4adf-80a8-bba5061ac4bc flex por" 6887 > 6888 <div class="w100 media media--circle media--transparent"><img src="//vbarbershop.com/cdn/shop/files/VBarbershop-Icon-GiftCard.svg?v=1706053933&width=1420" alt="Gold and black circular icon of a v's barbershop gift card with sparkle accents" srcset="//vbarbershop.com/cdn/shop/files/VBarbershop-Icon-GiftCard.svg?v=1706053933&width=275 275w, //vbarbershop.com/cdn/shop/files/VBarbershop-Icon-GiftCard.svg?v=1706053933&width=550 550w, //vbarbershop.com/cdn/shop/files/VBarbershop-Icon-GiftCard.svg?v=1706053933&width=710 710w, //vbarbershop.com/cdn/shop/files/VBarbershop-Icon-GiftCard.svg?v=1706053933&width=1420 1420w" width="1420" height="1420" loading="lazy" sizes="(min-width: 990px) 550px, (min-width: 750px) 550px, calc(100vw - 30px)" class="text-icons__card__icon zoom"> 6889</div> 6890 </div> 6891 6892 <div class=" rq-click-on-gift-app2 text-icons__card__info text-icons__card__info--sections--26886042943788__bfd2550c-78a2-4adf-80a8-bba5061ac4bc"><h2 class="card__heading h5 card__heading--sections--26886042943788__bfd2550c-78a2-4adf-80a8-bba5061ac4bc font-heading-bold">BUY A GIFT CARD 6893</h2></div> 6894 </div> 6895 </li></ul></slider-component></div> 6896</div> 6897 6898 6899<style> #shopify-section-sections--26886042943788__bfd2550c-78a2-4adf-80a8-bba5061ac4bc {margin-top: 0.5px; border-top: 4.5px solid #fff; background-color: #000;} #shopify-section-sections--26886042943788__bfd2550c-78a2-4adf-80a8-bba5061ac4bc .slider-mobile-gutter.por {border-bottom: 1px solid #fff !important; padding-bottom: 26px;} #shopify-section-sections--26886042943788__bfd2550c-78a2-4adf-80a8-bba5061ac4bc h2 {font-size: 14px; line-height: 18px; letter-spacing: 1.5px;} #shopify-section-sections--26886042943788__bfd2550c-78a2-4adf-80a8-bba5061ac4bc .text-icons__card {gap: 0px !important; align-items: center;} #shopify-section-sections--26886042943788__bfd2550c-78a2-4adf-80a8-bba5061ac4bc .text-icons__card__info {width: calc(100% - 0px - var(--icon-width) - var(--border-width));} </style></section><div id="shopify-section-sections--26886042943788__footer" class="shopify-section shopify-section-group-footer-group"> 6900<link href="//vbarbershop.com/cdn/shop/t/129/assets/section-footer.css?v=6512411756105686851790225218" rel="stylesheet" type="text/css" media="all" />
6901<script src="//vbarbershop.com/cdn/shop/t/129/assets/footer-collapse-block.js?v=118391792964921513541790225197" defer="defer"></script>
6901<style>.footer { 6902 margin-top: 0px; 6903 }.section-sections--26886042943788__footer-padding { 6904 padding-top: 45px; 6905 --newsletter-input-height: 5rem; 6906 } 6907 6908 .footer__newsletter__heading { 6909 flex: 1; 6910 } 6911 6912 @media screen and (min-width: 750px) {.footer { 6913 margin-top: 0px; 6914 }.section-sections--26886042943788__footer-padding { 6915 padding-top: 60px; 6916 } 6917 } 6918</style> 6919 6920<footer class="footer"> 6921 <div class="footer__inner color-scheme-5bbd8bad-8a13-4cdf-969e-1277fa3de869 gradient section-sections--26886042943788__footer-padding"><div class="footer__content-top page-width"><div class="footer__blocks-wrapper grid grid--1-col grid--4-col-tablet"><div class="footer-block grid__item" ><div class="footer__logo left"><a href="/" aria-label="V's Barbershop logo in gold."><img 6922 srcset= "//vbarbershop.com/cdn/shop/files/vs-footer-450x312.png?v=1649980030&width=165, //vbarbershop.com/cdn/shop/files/vs-footer-450x312.png?v=1649980030&width=330 2x" 6923 src="//vbarbershop.com/cdn/shop/files/vs-footer-450x312.png?v=1649980030&width=400" 6924 alt="V's Barbershop logo in gold." 6925 loading="lazy" 6926 width="450" 6927 height="312" 6928 style="max-width: min(100%, 165px);" 6929 > 6930 </a></div><div class="footer-block__details-content footer-block-store-information footer__text-color text-small element-small-margin-top"> 6931 <ul class="list-unstyled" role="list"></ul> 6932 </div></div><footer-collapse-block class="footer-block grid__item footer-block--menu" ><h2 class="footer-block__heading h5 font-heading-extra-bold"><a class="full-unstyled-link footer-block__collapse-link" href="#" data-no-instant> 6933 <span>OUR COMPANY</span><svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon icon-caret no-js-hidden medium-hide large-up-hide"> 6934 <path d="M12.6667 6L8 10.6667L3.33333 6" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/> 6935</svg> </a></h2><ul class="footer-block__details-content list-unstyled"><li> 6936 <a href="/pages/about" class="link list-menu__item list-menu__item--link footer__text-color text-small"> 6937 <span class="link-effect-no-underline">ABOUT V's</span> 6938 </a> 6939 </li><li> 6940 <a href="/pages/services" class="link list-menu__item list-menu__item--link footer__text-color text-small"> 6941 <span class="link-effect-no-underline">SERVICES</span> 6942 </a> 6943 </li><li> 6944 <a href="/pages/employment" class="link list-menu__item list-menu__item--link footer__text-color text-small"> 6945 <span class="link-effect-no-underline">EMPLOYMENT</span> 6946 </a> 6947 </li><li> 6948 <a href="/pages/franchise-home" class="link list-menu__item list-menu__item--link footer__text-color text-small"> 6949 <span class="link-effect-no-underline">FRANCHISE</span> 6950 </a> 6951 </li><li> 6952 <a href="https://account.vbarbershop.com" class="link list-menu__item list-menu__item--link footer__text-color text-small"> 6953 <span class="link-effect-no-underline">WHOLESALE</span> 6954 </a> 6955 </li></ul></footer-collapse-block><footer-collapse-block class="footer-block grid__item footer-block--menu" ><h2 class="footer-block__heading h5 font-heading-extra-bold"><a class="full-unstyled-link footer-block__collapse-link" href="#" data-no-instant> 6956 <span>NEED HELP?</span><svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon icon-caret no-js-hidden medium-hide large-up-hide"> 6957 <path d="M12.6667 6L8 10.6667L3.33333 6" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/> 6958</svg> </a></h2><ul class="footer-block__details-content list-unstyled"><li> 6959 <a href="/pages/contact" class="link list-menu__item list-menu__item--link footer__text-color text-small">
6960 <span class="link-effect-no-underline">CUSTOMER SUPPORT</span> 6961 </a> 6962 </li><li> 6963 <a href="/pages/shipping-policy" class="link list-menu__item list-menu__item--link footer__text-color text-small"> 6964 <span class="link-effect-no-underline">SHIPPING</span> 6965 </a> 6966 </li><li> 6967 <a href="/pages/return-policy" class="link list-menu__item list-menu__item--link footer__text-color text-small"> 6968 <span class="link-effect-no-underline">RETURNS & EXCHANGES</span> 6969 </a> 6970 </li><li> 6971 <a href="/pages/faqs" class="link list-menu__item list-menu__item--link footer__text-color text-small"> 6972 <span class="link-effect-no-underline">FAQS</span> 6973 </a> 6974 </li><li> 6975 <a href="/pages/contact" class="link list-menu__item list-menu__item--link footer__text-color text-small"> 6976 <span class="link-effect-no-underline">CONTACT</span> 6977 </a> 6978 </li></ul></footer-collapse-block><footer-collapse-block class="footer-block grid__item" ><h2 class="footer-block__heading h5 font-heading-extra-bold"><a class="full-unstyled-link footer-block__collapse-link" href="#" data-no-instant> 6979 <span>JOIN OUR LIST</span><svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon icon-caret no-js-hidden medium-hide large-up-hide"> 6980 <path d="M12.6667 6L8 10.6667L3.33333 6" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/> 6981</svg> </a></h2><link href="//vbarbershop.com/cdn/shop/t/129/assets/component-newsletter.css?v=144301926171005223641790225180" rel="stylesheet" type="text/css" media="all" /> 6982 <div class="footer-block__details-content newsletter"><div class="newsletter__subheading rte footer__text-color text-small"><p>ENTER YOUR EMAIL 15% OFF YOUR FIRST ORDER!</p></div><form method="post" action="/contact#NewsletterFooter" id="NewsletterFooter" accept-charset="UTF-8" class="footer__newsletter element-small-margin-top"><input type="hidden" name="form_type" value="customer" /><input type="hidden" name="utf8" value="â" /><input type="hidden" name="contact[tags]" value="newsletter"><div class="footer-block__newsletter-field-wrapper newsletter__form-field-wrapper flex justify-space-between"> 6983 <div class="footer-block__newsletter-field field flex-grow-1"> 6984 <input 6985 id="NewsletterForm--sections--26886042943788__footer" 6986 aria-label="Email" 6987 type="email" 6988 name="contact[email]" 6989 class="footer-block__newsletter-field-input field__input newsletter__input" 6990 value="" 6991 aria-required="true" 6992 autocorrect="off" 6993 autocapitalize="off" 6994 autocomplete="email" 6995 6996 placeholder="Email" 6997 required 6998 > 6999 <label class="field__label visually-hidden" for="NewsletterForm--sections--26886042943788__footer"> 7000 Email 7001 </label> 7002 </div> 7003 <button type="submit" class="footer-block__newsletter-form-button button button--small newsletter__button newsletter__button--square" name="commit" id="FooterSubscribe" aria-label="Subscribe"><svg width="20" height="20" viewBox="0 0 24 24" fill="none" aria-hidden="true" focusable="false" role="presentation" class="icon icon-arrow icon-revert-in-rtl" xmlns="http://www.w3.org/2000/svg"> 7004 <path d="M14 5L21 12M21 12L14 19M21 12L3 12" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/> 7005</svg> 7006</button> 7007 </div></form></div></footer-collapse-block></div></div>
7007<div class="footer__content-middle"> 7008 <div class="page-width flex w100 footer__content-sub-wrapper align-center"><div class="footer__column footer__content-middle__column flex-grow-1 flex"> 7009 <ul class="footer__column__bottom-links list-unstyled flex flex-wrap overflow-hidden"><li> 7010 <a href="/pages/privacy-policy" class="link footer__text-color text-small focus-inset"> 7011 <span class="link-effect-no-underline">Privacy Policy</span> 7012 </a> 7013 </li><li> 7014 <a href="/pages/terms-of-service" class="link footer__text-color text-small focus-inset"> 7015 <span class="link-effect-no-underline">Terms of Service</span> 7016 </a> 7017 </li><li> 7018 <a href="/pages/accessibility-statement" class="link footer__text-color text-small focus-inset"> 7019 <span class="link-effect-no-underline">Accessibility Statement</span> 7020 </a> 7021 </li><li> 7022 <a href="/pages/your-privacy-choices" class="link footer__text-color text-small focus-inset"> 7023 <span class="link-effect-no-underline">Your Privacy Choices</span> 7024 </a> 7025 </li><li> 7026 <a href="/pages/withdraw-contract" class="link footer__text-color text-small focus-inset"> 7027 <span class="link-effect-no-underline">EU Withdraw</span> 7028 </a> 7029 </li></ul> 7030 </div><div class="footer__column footer__content-middle__column footer__social-icons flex-grow-1"><ul class="list-unstyled flex list-social flex-wrap footer__list-social justify-right" role="list"><li class="list-social__item flex align-center"> 7031 <a href="https://twitter.com/vbarbershop" class="link flex justify-center align-center por tap-area-icon list-social__transparent" target="_blank" data-no-instant><svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" height="16" height="16" viewBox="0 0 20 20" aria-hidden="true" focusable="false" role="presentation" class="icon icon-twitter" fill="none"> 7032 <path d="M15.2213 3H17.9803L11.9224 9.78967L19 19H13.4459L9.0973 13.403L4.11896 19H1.35988L7.77774 11.738L1 3H6.6921L10.6208 8.11292L15.2213 3ZM14.2556 17.4059H15.7851L5.88837 4.53506H4.24492L14.2556 17.4059Z" fill="currentColor"/> 7033</svg><span class="visually-hidden">Twitter</span> 7034 </a> 7035 </li><li class="list-social__item flex align-center"> 7036 <a href="https://www.facebook.com/vbarbershop/" class="link flex justify-center align-center por tap-area-icon list-social__transparent" target="_blank" data-no-instant><svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" class="icon icon-facebook" role="presentation"> 7037 <path d="M6.02103 15.3333L6.00001 8.66663H3.33334V5.99996H6.00001V4.33329C6.00001 1.85903 7.53222 0.666626 9.73944 0.666626C10.7967 0.666626 11.7054 0.745339 11.9702 0.780526V3.36628L10.4394 3.36697C9.23898 3.36697 9.00655 3.93739 9.00655 4.77443V5.99996H12.5L11.1667 8.66663H9.00655V15.3333H6.02103Z" fill="currentColor"/> 7038</svg><span class="visually-hidden">Facebook</span> 7039 </a> 7040 </li><li class="list-social__item flex align-center"> 7041 <a href="https://www.pinterest.com/vbarbershop/" class="link flex justify-center align-center por tap-area-icon list-social__transparent" target="_blank" data-no-instant><svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" role="presentation" class="icon icon-pinterest"> 7042 <path d="M8 0C3.6 0 0 3.6 0 8C0 11.4 2.13333 14.2667 5.06667 15.4667C5 14.8667 4.93333 13.8667 5.06667 13.2C5.2 12.6 6 9.2 6 9.2C6 9.2 5.8 8.66667 5.8 8C5.8 6.86667 6.46667 6.06667 7.26667 6.06667C7.93333 6.06667 8.26667 6.6 8.26667 7.2C8.26667 7.86667 7.8 8.93333 7.6 9.86667C7.4 10.6667 8 11.3333 8.8 11.3333C10.2 11.3333 11.3333 9.86667 11.3333 7.66667C11.3333 5.73333 9.93333 4.4 8 4.4C5.73333 4.4 4.4 6.13333 4.4 7.86667C4.4 8.53333 4.66667 9.26667 5 9.66667C5.06667 9.73333 5.06667 9.8 5.06667 9.86667C5 10.
70421333 4.86667 10.6667 4.86667 10.8C4.8 10.9333 4.73333 11 4.6 10.9333C3.6 10.4667 3 9 3 7.86667C3 5.33333 4.86667 3 8.26667 3C11.0667 3 13.2 5 13.2 7.6C13.2 10.3333 11.4667 12.6 9.06667 12.6C8.26667 12.6 7.46667 12.2 7.2 11.6667C7.2 11.6667 6.8 13.2 6.73333 13.6C6.53333 14.2667 6.06667 15.1333 5.73333 15.6667C6.4 15.8667 7.2 16 8 16C12.4 16 16 12.4 16 8C16 3.6 12.4 0 8 0Z" fill="currentColor"/> 7043</svg><span class="visually-hidden">Pinterest</span> 7044 </a> 7045 </li><li class="list-social__item flex align-center"> 7046 <a href="https://www.instagram.com/v_barbershop/" class="link flex justify-center align-center por tap-area-icon list-social__transparent" target="_blank" data-no-instant><svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" role="presentation" class="icon icon-instagram"> 7047 <path d="M7.99999 1.98796C9.95799 1.98796 10.19 1.99529 10.9633 2.03063C11.4282 2.03604 11.8888 2.12151 12.3247 2.28329C12.6433 2.4007 12.9315 2.5882 13.168 2.83196C13.4117 3.06842 13.5993 3.35663 13.7167 3.67529C13.8784 4.11119 13.9639 4.57171 13.9693 5.03663C14.0047 5.80996 14.012 6.04196 14.012 7.99996C14.012 9.95796 14.0047 10.19 13.9693 10.9633C13.9639 11.4282 13.8784 11.8887 13.7167 12.3246C13.5946 12.6409 13.4077 12.9282 13.168 13.1679C12.9282 13.4077 12.641 13.5946 12.3247 13.7166C11.8888 13.8784 11.4282 13.9639 10.9633 13.9693C10.19 14.0046 9.95799 14.012 7.99999 14.012C6.04199 14.012 5.80999 14.0046 5.03666 13.9693C4.57174 13.9639 4.11122 13.8784 3.67532 13.7166C3.35666 13.5992 3.06845 13.4117 2.83199 13.168C2.58823 12.9315 2.40073 12.6433 2.28332 12.3246C2.12154 11.8887 2.03607 11.4282 2.03066 10.9633C1.99532 10.19 1.98799 9.95796 1.98799 7.99996C1.98799 6.04196 1.99532 5.80996 2.03066 5.03663C2.03607 4.57171 2.12154 4.11119 2.28332 3.67529C2.40073 3.35663 2.58823 3.06842 2.83199 2.83196C3.06845 2.5882 3.35666 2.4007 3.67532 2.28329C4.11122 2.12151 4.571
704774 2.03604 5.03666 2.03063C5.80999 1.99529 6.04199 1.98796 7.99999 1.98796ZM7.99999 0.666626C6.00866 0.666626 5.75866 0.675293 4.97666 0.710626C4.36838 0.723197 3.76659 0.838371 3.19666 1.05129C2.70902 1.24007 2.26626 1.52875 1.8968 1.89879C1.52734 2.26882 1.23935 2.71203 1.05132 3.19996C0.838401 3.76989 0.723227 4.37168 0.710656 4.97996C0.675323 5.75863 0.666656 6.00863 0.666656 7.99996C0.666656 9.99129 0.675323 10.2413 0.710656 11.0233C0.723227 11.6316 0.838401 12.2334 1.05132 12.8033C1.2401 13.2909 1.52878 13.7337 1.89882 14.1032C2.26885 14.4726 2.71206 14.7606 3.19999 14.9486C3.76992 15.1615 4.37171 15.2767 4.97999 15.2893C5.75866 15.3246 6.00866 15.3333 7.99999 15.3333C9.99132 15.3333 10.2413 15.3246 11.0233 15.2893C11.6316 15.2767 12.2334 15.1615 12.8033 14.9486C13.291 14.7598 13.7337 14.4712 14.1032 14.1011C14.4726 13.7311 14.7606 13.2879 14.9487 12.8C15.1616 12.23 15.2768 11.6282 15.2893 11.02C15.3247 10.2413 15.3333 9.99129 15.3333 7.99996C15.3333 6.00863 15.3247 5.75863 15.2893 4.97663C15.2768 4.36835 15.1616 3.76656 14.9487 3.19663C14.7599 2.70899 14.4712 2.26623 14.1012 1.89677C13.7311 1.52731 13.2879 1.23932 12.8 1.05129C12.2301 0.838371 11.6283 0.723197 11.02 0.710626C10.2413 0.675293 9.99132 0.666626 7.99999 0.666626Z" fill="currentColor"/> 7048 <path d="M7.99998 4.23401C7.25514 4.23401 6.52702 4.45488 5.9077 4.86869C5.28839 5.28251 4.80569 5.87068 4.52065 6.55882C4.23561 7.24697 4.16103 8.00419 4.30634 8.73472C4.45165 9.46525 4.81033 10.1363 5.33702 10.663C5.8637 11.1897 6.53474 11.5483 7.26527 11.6936C7.9958 11.839 8.75302 11.7644 9.44117 11.4793C10.1293 11.1943 10.7175 10.7116 11.1313 10.0923C11.5451 9.47297 11.766 8.74485 11.766 8.00001C11.766 7.0012 11.3692 6.04331 10.6629 5.33705C9.95668 4.63078 8.99879 4.23401 7.99998 4.23401V4.23401ZM7.99998 10.4447C7.51647 10.4447 7.04382 10.3013 6.6418 10.0327C6.23977 9.76405 5.92643 9.38225 5.7414 8.93554C5.55637 8.48884 5.50796 7.9973 5.60229 7.52308C5.69661 7.04886 5.92945 6.61326 6.27134 6.27137C6.61323 5.92948 7.04883 5.69664 7.52305 5.60232C7.99727 5.50799 8.48881 5.5564 8.93551 5.74143C9.38222 5.92646 9.76402 6.2398 10.0326 6.64182C10.3013 7.04385 10.4446 7.5165 10.4446 8.00001C10.4446 8.64837 10.1871 9.27019 9.72862 9.72865C9.27016 10.1871 8.64835 10.4447 7.99998 10.4447V10.4447Z" fill="currentColor"/> 7049 <path d="M11.9147 4.96532C12.4007 4.96532 12.7947 4.57133 12.7947 4.08532C12.7947 3.59931 12.4007 3.20532 11.9147 3.20532C11.4287 3.20532 11.0347 3.59931 11.0347 4.08532C11.0347 4.57133 11.4287 4.96532 11.9147 4.96532Z" fill="currentColor"/> 7050</svg><span class="visually-hidden">Instagram</span> 7051 </a> 7052 </li><li class="list-social__item flex align-center"> 7053 <a href="https://www.youtube.com/user/Vbarbershop" class="link flex justify-center align-center por tap-area-icon list-social__transparent" target="_blank" data-no-instant><svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" role="presentation" class="icon icon-youtube"> 7054 <path d="M15.9963 5.6389C16.0323 4.1584 15.8047 2.68898 15.3349 1.36707C15.0161 0.824662 14.5737 0.45862 14.0848 0.33273C12.0625 0.0715852 10.0317 -0.0354495 8.00136 0.0120845C5.97838 -0.037607 3.95498 0.0659739 1.93973 0.322387C1.54131 0.425528 1.17259 0.691484 0.878584 1.0878C0.224452 1.9463 0.15177 3.41507 0.0790889 4.65628C-0.026363 6.88794 -0.026363 9.12715 0.0790889 11.3588C0.100116 12.0574 0.173207 12.7509 0.297133 13.4275C0.384769 13.9499 0.562073 14.4332 0.813171 14.8342C1.10918 15.2515 1.48648 15.5326 1.89612 15.641C3.46307 15.9162 5.04193 16.0303 6.62041 15.9823C9.16426 16.034 11.3956 15.9823 14.0339 15.6927C14.4536 15.591 14.8415 15.3095 15.1459 14.8859C15.3494 14.5962 15.5014 14.2416 15.5893 13.8516C15.8492 12.7165 15.9769 11.5286 15.9672 10.3348C15.9963 9.75558 15.9963 6.25951 15.9963 5.6389ZM6.35876 10.9554V4.55284L10.6615 7.76965C9.45499 8.72124 7.86327 9.79696 6.35876 10.9554Z" fill="currentColor"/> 7055</svg><span class="visually-hidden">YouTube</span> 7056 </a> 7057 </li><li class="list-social__item flex align-center"> 7058 <a href="https://www.tiktok.com/@vs_barbershop" class="link flex justify-center align-center por tap-area-icon list-social__transparent" target="_blank" data-no-instant><svg class="icon icon-tiktok" fill="currentColor" width="16" height="16" viewB
7058ox="0 0 16 16" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" role="presentation"> 7059 <path d="M9 0h1.98c.144.715.54 1.617 1.235 2.512C12.895 3.389 13.797 4 15 4v2c-1.753 0-3.07-.814-4-1.829V11a5 5 0 1 1-5-5v2a3 3 0 1 0 3 3V0Z"/> 7060</svg><span class="visually-hidden">TikTok</span> 7061 </a> 7062 </li></ul></div></div> 7063 </div><div class="footer__content-bottom color-background-2 gradient"> 7064 <div class="page-width flex w100 footer__content-sub-wrapper align-center"><div class="footer__column footer__copyright caption w100"> 7065 <small class="copyright__content">© 2026, <a href="/" title="">V's Barbershop</a></small> 7066 <small class="copyright__content">OUR PRODUCTS AND SERVICES ARE AVAILABLE TO ALL MEMBERS OF THE PUBLIC REGARDLESS OF RACE, GENDER OR SEXUAL ORIENTATION.</small> 7067 </div> 7068 </div> 7069 </div> 7070 </div> 7071</footer> 7072 7073 7074<style> #shopify-section-sections--26886042943788__footer .footer__content-middle {border-bottom: 5px solid #fff !important;} #shopify-section-sections--26886042943788__footer .footer__column__bottom-links a {text-transform: uppercase; font-size: 11px;} #shopify-section-sections--26886042943788__footer .link-effect-no-underline {color: #fff !important;} </style></div> 7075<!-- END sections: footer-group --><section id="shopify-section-cookies-banner" class="shopify-section section cookies-banner-section"></section><div id="shopify-section-email-signup-popup" class="shopify-section section email-signup-popup-section"></div><ul hidden> 7076 <li id="a11y-refresh-page-message">Choosing a selection results in a full page refresh.</li> 7077 </ul> 7078 7079
7079<script src="//vbarbershop.com/cdn/shop/t/129/assets/global.js?v=113143277618983169311790225199" defer="defer"></script>
7079 7080
7080<script src="//vbarbershop.com/cdn/shop/t/129/assets/appear-animate.js?v=35049374968770614641790225163" defer="defer"></script>
7080 7081
7081<script src="//vbarbershop.com/cdn/shop/t/129/assets/truncate-text.js?v=68493967667136846881790225230" defer="defer"></script>
7081<script src="//vbarbershop.com/cdn/shop/t/129/assets/cart.js?v=173338779625111075571790225167" defer="defer"></script>
7081<div id="shopify-section-cart-drawer" class="shopify-section cart-drawer-section"><cart-drawer class="flex drawer drawer--cart is-empty h100"> 7082 <div id="CartDrawer" class="cart-drawer"> 7083 <div id="CartDrawer-Overlay"class="cart-drawer__overlay drawer__overlay"></div> 7084 <div class="drawer__inner drawer__inner--medium drawer__inner--cart" role="dialog" aria-modal="true" aria-label="Your cart" tabindex="-1"> 7085 <div class="drawer__header flex justify-space-between align-center"> 7086 <h2 class="drawer__heading margin0 h4 font-heading-bold">Your cart</h2> 7087 <button class="drawer__close" type="button" onclick="this.closest('cart-drawer').close()" aria-label="Close"><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" role="presentation" class="icon icon-close" width="24" height="24" viewBox="0 0 22 22" fill="none"> 7088 <path d="M5.5 16.5L16.5 5.5M5.5 5.5L16.5 16.5" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/> 7089</svg></button> 7090 </div><div> 7091<free-shipping-bar 7092 class="free-shipping-bar db background-input no-js-hidden cart-drawer__box" 7093 data-threshold="5000" 7094 data-total="0" 7095 7096 data-show-exclude-message="true" 7097 data-count-exclude-products="0" 7098 7099 > 7100 <div class="free-shipping-bar__unreached-message text-small hidden rte">Spend <strong>[remain]</strong> more to reach <strong>Free Shipping</strong>!</div> 7101 <div class="free-shipping-bar__reached-message text-small hidden rte">Congratulations! You've got free shipping.</div> 7102 <div class="free-shipping-bar__progress-wrapper flex align-center"> 7103 <div class="free-shipping-bar__progress-bar por flex-grow-1"> 7104 <span class="free-shipping-bar__progress-bar__passed"></span> 7105 </div> 7106 <span class="free-shipping-bar__progress-number font-body-bold"></span> 7107 </div><div class="free-shipping-bar__exclude-message text-small hidden rte alert alert--small alert--warning caption margin-top-1rem"> 7108 <strong>Please note*:</strong> [product_count] product(s) in your cart excluded from the free shipping option. 7109 </div></free-shipping-bar> 7110
7110<script src="//vbarbershop.com/cdn/shop/t/129/assets/free-shipping-bar.js?v=32964482922337977481790225198" defer="defer"></script>
7110 7111 <link rel="stylesheet" href="//vbarbershop.com/cdn/shop/t/129/assets/component-free-shipping-bar.css?v=66528101602453239091790225177" media="print" onload="this.media='all'"> 7112</div><div class="drawer__inner-empty flex-grow-1 flex flex-column"> 7113 <div class="cart-drawer__warnings flex flex-column justify-left center flex-grow-1"> 7114 <div class="cart-drawer__empty-content"> 7115 <div class="cart-drawer__empty-content__top"> 7116 <h2 class="cart-drawer__heading h2 font-heading-bold">Your cart is empty</h2><h3 class="h5 font-heading-bold margin0 small-margin-bottom">Check out our most wanted collections!</h3><ul class="recommended-collections recommended-collections--list 7117 collection-list 7118 contains-card 7119 contains-card--collection 7120 flex flex-column list-unstyled 7121 collection-list--4-items" 7122 role="list" 7123><li class="recommended-collections__item"><div class="recommended-collections__list-item custom-gap align-center w100 por background-input"><div class="media"> 7124 <img src="//vbarbershop.com/cdn/shop/files/Layrite_Natural_Matte.jpg?crop=center&height=100&v=1769633987&width=100" alt="" srcset="//vbarbershop.com/cdn/shop/files/Layrite_Natural_Matte.jpg?crop=center&height=100&v=1769633987&width=100 100w" width="100" height="100" loading="lazy" class="aspect-ratio"> 7125 </div><a class="full-link full-unstyled-link flex-grow-1 heading-font font-heading-extra-bold text-small left" href="/collections/hair">HAIR</a><svg class="icon icon-revert-in-rtl" aria-hidden="true" focusable="false" role="presentation" xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none"><path d="M9 5L16 12L9 19" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/></svg></div> 7126 </li><li class="recommended-collections__item"><div class="recommended-collections__list-item custom-gap align-center w100 por background-input"><div class="media"> 7127 <img src="//vbarbershop.com/cdn/shop/products/V_s-Tonic-Front.jpg?crop=center&height=100&v=1681152969&width=100" alt="" srcset="//vbarbershop.com/cdn/shop/products/V_s-Tonic-Front.jpg?crop=center&height=100&v=1681152969&width=100 100w" width="100" height="100" loading="lazy" class="aspect-ratio"> 7128 </div><a class="full-link full-unstyled-link flex-grow-1 heading-font font-heading-extra-bold text-small left" href="/collections/face">FACE</a><svg class="icon icon-revert-in-rtl" aria-hidden="true" focusable="false" role="presentation" xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none"><path d="M9 5L16 12L9 19" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/></svg></div> 7129 </li><li class="recommended-collections__item"><div class="recommended-collections__list-item custom-gap align-center w100 por background-input"><div class="media"> 7130 <img src="//vbarbershop.com/cdn/shop/files/WahlMicroPowerShaver.jpg?crop=center&height=100&v=1750437922&width=100" alt="" srcset="//vbarbershop.com/cdn/shop/files/WahlMicroPowerShaver.jpg?crop=center&height=100&v=1750437922&width=100 100w" width="100" height="100" loading="lazy" class="aspect-ratio"> 7131 </div><a class="full-link full-unstyled-link flex-grow-1 heading-font font-heading-extra-bold text-small left" href="/collections/tools">TOOLS</a><svg class="icon icon-revert-in-rtl" aria-hidden="true" focusable="false" role="presentation" xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none"><path d="M9 5L16 12L9 19" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/></svg></div> 7132 </li><li class="recommended-collections__item"><div class="recommended-collections__list-item custom-gap align-center w100 por background-input"><div class="media"> 7133 <img src="//vbarbershop.com/cdn/shop/files/CollegiateVTeeIceGrayFront.jpg?crop=center&height=100&v=1733340588&width=100" alt="" srcset="//vbarbershop.com/cdn/shop/files/CollegiateVTeeIceGrayFront.jpg?crop=center&height=100&v=1733340588&width=100 100w" width="100" height="100" loading="lazy" class="aspect-ratio"> 7134 </div><a class="full-link full-unstyled-link flex-grow-1 heading-font font-heading-extra-bold text-small left" href="/collections/apparel">APPAREL</a><svg class="icon icon-revert-in-rtl" aria-hidden="true" focusable="false" role="presentation" xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewB
7134ox="0 0 24 24" fill="none"><path d="M9 5L16 12L9 19" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/></svg></div> 7135 </li></ul> 7136<a href="/collections/all" class="button element-small-margin-top w100"> 7137 <span>Continue shopping</span> 7138</a> </div></div> 7139 </div><div class="cart-drawer__login background-input center"> 7140 <p class="cart__login-title h3 margin0 font-heading-extra-bold">Have an account?</p> 7141 <p class="cart__login-paragraph margin0 margin-top-1rem"> 7142 <a href="/account/login" class="link underlined-link">Log in</a> to check out faster. 7143 </p> 7144 </div></div> 7145 <div class="cart-drawer__scroll-area"> 7146 <cart-drawer-items class="cart-drawer__items h100"> 7147 <form action="/cart" id="CartDrawer-Form" class="cart__contents cart-drawer__form flex flex-wrap flex-grow-1" method="post"> 7148 <div id="CartDrawer-CartItems" class="drawer__contents js-contents"><p id="CartDrawer-LiveRegionText" class="visually-hidden" role="status"></p> 7149 <p id="CartDrawer-LineItemStatus" class="visually-hidden" aria-hidden="true" role="status">Loading...</p> 7150 </div> 7151 <div id="CartDrawer-CartErrors" role="alert" class="cart-errors alert alert--error alert--small flex hidden"> 7152 <span class="cart-item__error-text"></span> 7153 <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-error" viewBox="0 0 13 13"> 7154 <circle cx="6.5" cy="6.50049" r="5.5" stroke="white" stroke-width="2"/> 7155 <circle cx="6.5" cy="6.5" r="5.5" fill="#EB001B" stroke="#EB001B" stroke-width="0.7"/> 7156 <path d="M5.87413 3.52832L5.97439 7.57216H7.02713L7.12739 3.52832H5.87413ZM6.50076 9.66091C6.88091 9.66091 7.18169 9.37267 7.18169 9.00504C7.18169 8.63742 6.88091 8.34917 6.50076 8.34917C6.12061 8.34917 5.81982 8.63742 5.81982 9.00504C5.81982 9.37267 6.12061 9.66091 6.50076 9.66091Z" fill="white"/> 7157 <path d="M5.87413 3.17832H5.51535L5.52424 3.537L5.6245 7.58083L5.63296 7.92216H5.97439H7.02713H7.36856L7.37702 7.58083L7.47728 3.537L7.48617 3.17832H7.12739H5.87413ZM6.50076 10.0109C7.06121 10.0109 7.5317 9.57872 7.5317 9.00504C7.5317 8.43137 7.06121 7.99918 6.50076 7.99918C5.94031 7.99918 5.46982 8.43137 5.46982 9.00504C5.46982 9.57872 5.94031 10.0109 6.50076 10.0109Z" fill="white" stroke="#EB001B" stroke-width="0.7"> 7158 </svg> 7159 </div> 7160 </form> 7161 </cart-drawer-items><hr class="cart-drawer__scroll-area__line"><cart-product-recommendations 7162 data-url="/recommendations/products" 7163 data-product-ids="" 7164 data-limit="5" 7165 class="no-js-hidden cart-drawer__recommendation cart-drawer__recommendation--media-square" 7166 data-section-id="cart-drawer-product-recommendations" 7167 data-component-classes="slider-component-desktop slider-component-tablet slider-component-mobile" 7168 data-grid-classes="slider slider--mobile slider--tablet slider--desktop grid--1-col" 7169 data-remove-loading="true" 7170 data-item-selector=".item" 7171 > 7172 <div class="cart-drawer__recommendation-title-wrapper flex justify-space-between w100 align-center"> 7173 <h2 class="h5 margin0">Recommendations</h2> 7174 <div class="cart-drawer__recommendation__slider-buttons slider-buttons slider-buttons--box flex align-center"> 7175 <button type="button" id="Slider-cart-drawer-product-recommendations-prev-button" class="cart-drawer__recommendation__slider-button slider-button flex flex-column justify-center align-center slider-button--prev no-js-hidden tap-area-icon" name="previous" aria-label="Slide left" aria-controls="Slider-cart-drawer-product-recommendations" disabled="disabled"><span></span> 7176<span></span></button> 7177 <button type="button" id="Slider-cart-drawer-product-recommendations-next-button" class="cart-drawer__recommendation__slider-button slider-button flex flex-column justify-center align-center slider-button--next no-js-hidden tap-area-icon" name="next" aria-label="Slide right" aria-controls="Slider-cart-drawer-product-recommendations"><span></span> 7178<span></span></button> 7179 </div> 7180 </div> 7181 <div class="cart__recommendation-list"></div> 7182 <div class="cart__recommendation-loading small-margin-bottom"> 7183 <div class="cart-drawer__recommendation-item">
7184 <span class="cart-drawer__recommendation-item__info media skeleton-box"></span> 7185 <div> 7186 <div class="skeleton-box"> 7187 <span class="db margin-top-1rem"></span> 7188 </div> 7189 <div class="skeleton-box margin-top-1rem"> 7190 <span class="db margin-top-1rem"></span> 7191 </div> 7192 </div> 7193 </div> 7194 </div> 7195 </cart-product-recommendations></div> 7196 <div class="drawer__footer por flex flex-column justify-right flex-grow-1"> 7197 <div class="drawer__footer__inner flex flex-column background-input"><div class="cart-drawer__footer cart-drawer__footer--subtotal" ><div class="totals flex justify-space-between align-end flex-wrap" role="status"> 7198 <h2 class="totals__subtotal font-heading-bold uppercase h4">Subtotal</h2> 7199 <p class="totals__subtotal-value price font-body-semi-bold" data-wpd-cart-total>$0.00</p> 7200 </div> 7201 7202 <div></div> 7203 7204 <small class="tax-note text-small rte db">Taxes and <a href="/policies/shipping-policy">shipping</a> calculated at checkout 7205</small> 7206 </div><div class="center cart__ctas cart__ctas--grid" ><a href="/cart" id="CartDrawer-ViewCart" class="button button--secondary button--shadow" data-no-instant> 7207 <span>View cart</span> 7208 </a><button type="submit" id="CartDrawer-Checkout" class="cart__checkout-button button button--shadow" name="checkout" form="CartDrawer-Form"><svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20" fill="none" class="icon icon-lock"> 7209 <path d="M10.5 12.5V14.1667M5.49998 17.5H15.5C16.4205 17.5 17.1666 16.7538 17.1666 15.8333V10.8333C17.1666 9.91286 16.4205 9.16667 15.5 9.16667H5.49998C4.57951 9.16667 3.83331 9.91286 3.83331 10.8333V15.8333C3.83331 16.7538 4.57951 17.5 5.49998 17.5ZM13.8333 9.16667V5.83333C13.8333 3.99238 12.3409 2.5 10.5 2.5C8.65903 2.5 7.16665 3.99238 7.16665 5.83333V9.16667H13.8333Z" stroke="currentColor" stroke-width="1.5" stroke-linecap="round"/> 7210</svg><span>Check out</span> 7211 </button> 7212 </div></div> 7213 </div> 7214 </div> 7215 </div> 7216</cart-drawer> 7217
7218<script> 7219 document.addEventListener('DOMContentLoaded', function() { 7220 function isIE() { 7221 const ua = window.navigator.userAgent; 7222 const msie = ua.indexOf('MSIE '); 7223 const trident = ua.indexOf('Trident/'); 7224 7225 return (msie > 0 || trident > 0); 7226 } 7227 7228 if (!isIE()) return; 7229 const cartSubmitInput = document.createElement('input'); 7230 cartSubmitInput.setAttribute('name', 'checkout'); 7231 cartSubmitInput.setAttribute('type', 'hidden'); 7232 document.querySelector('#cart').appendChild(cartSubmitInput); 7233 document.querySelector('#checkout').addEventListener('click', function(event) { 7234 document.querySelector('#cart').submit(); 7235 }); 7236 }); 7237</script>
7237<link rel="stylesheet" href="//vbarbershop.com/cdn/shop/t/129/assets/component-cart-drawer-product-recommendation.css?v=138670918168730168311790225172" media="print" onload="this.media='all'"> 7238
7238<script src="//vbarbershop.com/cdn/shop/t/129/assets/product-price.js?v=22113653949164134311790225210" defer="defer"></script>
7238 7239
7239<script src="//vbarbershop.com/cdn/shop/t/129/assets/cart-product-recommendation.js?v=25324336881809558211790225167" defer="defer"></script>
7239 7240
7240<script src="//vbarbershop.com/cdn/shop/t/129/assets/cart-drawer-product-recommendation-item.js?v=150913418330187361401790225166" defer="defer"></script>
7240<link rel="stylesheet" href="//vbarbershop.com/cdn/shop/t/129/assets/component-recommended-collection-list.css?v=23378350521781369211790225183" media="print" onload="this.media='all'"></div>
7240<script src="//vbarbershop.com/cdn/shop/t/129/assets/cart-drawer.js?v=58448938670617860221790225166" defer="defer"></script>
7240<!--RQ! code for "Add "Quick order list" section to PDP" STARTS--> 7241 7242
7242<script src="//vbarbershop.com/cdn/shop/t/129/assets/quantity-popover.js?v=987015268078116491790225211" defer="defer"></script>
7242 7243
7243<script src="//vbarbershop.com/cdn/shop/t/129/assets/price-per-item.js?v=120511139962366747551790225208" defer="defer"></script>
7243 7244
7244<script src="//vbarbershop.com/cdn/shop/t/129/assets/quick-order-list.js?v=40806888633704976881790225212" defer="defer"></script>
7244 7245 7246 <!--RQ! code for "Add "Quick order list" section to PDP" ENDS--> 7247 7248 <link rel="stylesheet" href="//vbarbershop.com/cdn/shop/t/129/assets/component-popup.css?v=183610721889015381361790225181" media="print" onload="this.media='all'">
7248<script src="//vbarbershop.com/cdn/shop/t/129/assets/parallax-element.js?v=16806643968477137681790225206" defer="defer"></script>
7248 7249 7250 <toast-message-manager></toast-message-manager> 7251 <back-button-menu class="back-button-menu"> 7252 <button type="button" class="button"><svg class="icon" aria-hidden="true" focusable="false" role="presentation" xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 24 24" fill="none"><path d="M3 10H13C17.4183 10 21 13.5817 21 18V20M3 10L9 16M3 10L9 4" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/></svg></button> 7253 </back-button-menu><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" role="presentation" class="icon icon-close hidden icon-close-sample" width="24" height="24" viewBox="0 0 22 22" fill="none"> 7254 <path d="M5.5 16.5L16.5 5.5M5.5 5.5L16.5 16.5" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/> 7255</svg>
7255<script src="//vbarbershop.com/cdn/shop/t/129/assets/back-to-top.js?v=50262902837377989361790225163" async></script>
7255 7256 <back-to-top class="floating-element"> 7257 <button class="button floating-button" type="button" aria-label="Back to top"><svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon icon-caret"> 7258 <path d="M12.6667 6L8 10.6667L3.33333 6" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/> 7259</svg> </button> 7260 </back-to-top><shoppable-reels-popup id="shoppable-reels-popup"> 7261 <div class="reels-popup"> 7262 <div class="reels-popup__buttons reels-popup__buttons--actions flex flex-column"> 7263 <button type="button" class="popup-close reels-popup__button" aria-label="Close"><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" role="presentation" class="icon icon-close" width="24" height="24" viewBox="0 0 22 22" fill="none"> 7264 <path d="M5.5 16.5L16.5 5.5M5.5 5.5L16.5 16.5" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/> 7265</svg></button> 7266 <button type="button" class="reels-collapse reels-popup__button" aria-label="Translation missing: en.accessibility.collapse"> 7267 <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"> 7268 <polyline points="4 14 10 14 10 20"></polyline><polyline points="20 10 14 10 14 4"></polyline><line x1="14" y1="10" x2="21" y2="3"></line><line x1="3" y1="21" x2="10" y2="14"></line> 7269 </svg> 7270 </button> 7271 <button type="button" class="reels-expand reels-popup__button" aria-label="Translation missing: en.accessibility.expand"> 7272 <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"> 7273 <polyline points="15 3 21 3 21 9"></polyline><polyline points="9 21 3 21 3 15"></polyline><line x1="21" y1="3" x2="14" y2="10"></line><line x1="3" y1="21" x2="10" y2="14"></line> 7274 </svg> 7275 </button> 7276 <button type="button" class="reels-mute reels-popup__button" aria-label="Toggle sound"> 7277 <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="none" viewBox="0 0 24 24" class="icon-sound-on"> 7278 <path fill="currentColor" fill-rule="evenodd" d="M17.6359 8.34441C17.998 8.14325 18.4546 8.27371 18.6557 8.6358L18.0001 9.00003C18.6557 8.6358 18.6555 8.63548 18.6557 8.6358L18.6564 8.63711 18.6572 8.63851 18.6589 8.64155 18.6627 8.64867 18.6724 8.66702C18.6796 8.68109 18.6885 8.69885 18.6987 8.72036 18.7192 8.76338 18.7452 8.82138 18.7746 8.89493 18.8334 9.04209 18.906 9.25103 18.9766 9.52625 19.1179 10.0772 19.2501 10.8899 19.2501 12 19.2501 13.1101 19.1179 13.9229 18.9766 14.4738 18.906 14.749 18.8334 14.958 18.7746 15.1051 18.7452 15.1787 18.7192 15.2367 18.6987 15.2797 18.6885 15.3012 18.6796 15.319 18.6724 15.333L18.6627 15.3514 18.6589 15.3585 18.6572 15.3616 18.6564 15.363C18.6563 15.3633 18.6557 15.3643 18.0001 15L18.6557 15.3643C18.4546 15.7264 17.998 15.8568 17.6359 15.6557 17.2769 15.4562 17.1456 15.0056 17.3394 14.645L17.3444 14.6348C17.3513 14.6204 17.3644 14.5917 17.3819 14.5481 17.4168 14.4608 17.4692 14.3135 17.5236 14.1013 17.6323 13.6772 17.7501 12.9899 17.7501 12 17.7501 11.0101 17.6323 10.3229 17.5236 9.89881 17.4692 9.68654 17.4168 9.53922 17.3819 9.45201 17.3644 9.40837 17.3513 9.37965 17.3444 9.36526L17.3394 9.35502C17.1456 8.99444 17.2769 8.54387 17.6359 8.34441zM12.1403 4.90978C11.4261 5.25674 10.521 5.85164 9.2312 6.70205L9.01226 6.84641C8.9956 6.8574 8.97915 6.86824 8.96293 6.87895 8.58273 7.12974 8.31941 7.30343 8.03087 7.43078 7.74651 7.55627 7.44766 7.64593 7.14118 7.69768 6.83019 7.7502 6.51474 7.75013 6.05928 7.75004 6.03984 7.75004 6.02014 7.75003 6.00018 7.75003 4.55651 7.75003 4.06921 7.76631 3.6549 7.958 3.25454 8.14323 2.82814 8.54443 2.6189 8.93278 2.42242 9.29743 1.96754 9.43376 1.60289 9.23729 1.23824 9.04081 1.10191 8.58593 1.29838 8.22128 1.66151 7.54732 2.33025 6.9181 3.02506 6.59664 3.77669 6.24889 4.62225 6.24933 5.83916 6.24998 5.89213 6.25 5.94579 6.25003 6.00018 6.25003 6.5367 6.25003 6.71966 6.24762 6.89142 6.21862 7.0753 6.18757 7.25461 6.13377 7.42523 6.05848 7.58458 5.98815 7.73866 5.88945 8.18657 5.59411L8.4533
72786 5.41821C9.68423 4.60663 10.6713 3.95576 11.4849 3.56055 12.3109 3.15928 13.1242 2.9361 13.9424 3.21531 14.2143 3.30809 14.476 3.44128 14.711 3.60646 15.4171 4.10266 15.716 4.88667 15.8779 5.78612 16.0371 6.67048 16.0915 7.84243 16.1593 9.30232L16.162 9.35983C16.2138 10.4748 16.2501 11.448 16.2501 12 16.2501 12.552 16.2138 13.5253 16.162 14.6402L16.1593 14.6977C16.0915 16.1576 16.0371 17.3296 15.8779 18.2139 15.716 19.1134 15.4171 19.8974 14.711 20.3936 14.476 20.5588 14.2143 20.692 13.9424 20.7848 13.1242 21.064 12.3109 20.8408 11.4849 20.4395 10.6713 20.0443 9.68423 19.3934 8.45336 18.5819L8.18657 18.4059C7.73866 18.1106 7.58458 18.0119 7.42523 17.9416 7.25461 17.8663 7.0753 17.8125 6.89142 17.7814 6.71966 17.7524 6.5367 17.75 6.00018 17.75 5.94579 17.75 5.89213 17.7501 5.83917 17.7501 4.62225 17.7507 3.77669 17.7512 3.02506 17.4034 2.33026 17.082 1.66151 16.4527 1.29838 15.7788.905762 15.0501.859693 14.2881.794187 13.2045.791589 13.1615.78896 13.1181.786278 13.0741.775014 12.8892.765966 12.7058.759736 12.526.745393 12.112 1.06935 11.7648 1.48332 11.7505 1.89728 11.7361 2.24449 12.0601 2.25884 12.4741 2.26455 12.6391 2.27293 12.8093 2.2835 12.9828 2.36055 14.247 2.40062 14.6622 2.6189 15.0673 2.82814 15.4556 3.25454 15.8568 3.6549 16.0421 4.06921 16.2338 4.55651 16.25 6.00018 16.25 6.02014 16.25 6.03983 16.25 6.05927 16.25 6.51474 16.2499 6.83019 16.2499 7.14118 16.3024 7.44766 16.3541 7.74651 16.4438 8.03087 16.5693 8.31941 16.6966 8.58273 16.8703 8.96292 17.1211 8.97915 17.1318 8.99559 17.1427 9.01226 17.1537L9.2312 17.298C10.521 18.1484 11.4261 18.7433 12.1403 19.0903 12.8526 19.4363 13.2088 19.4502 13.4579 19.3651 13.5953 19.3183 13.7298 19.2498 13.8486 19.1664 14.0652 19.0141 14.2627 18.7195 14.4016 17.9482 14.5411 17.1733 14.5925 16.1014 14.6636 14.5706 14.7157 13.451 14.7501 12.5118 14.7501 12 14.7501 11.4883 14.7157 10.549 14.6636 9.42946 14.5925 7.89871 14.5411 6.82677 14.4016 6.05188 14.2627 5.28052 14.0652 4.98595 13.8486 4.8337 13.7298 4.75023 13.5953 4.68181 13.4579 4.63492 13.2088 4.54989 12.8526 4.56376 12.1403 4.90978z" clip-rule="evenodd"></path> 7279 </svg> 7280 <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="none" viewBox="0 0 24 24" class="icon-sound-off"> 7281 <path fill="currentColor" fill-rule="evenodd" d="M12.1403 4.90978C11.4261 5.25675 10.521 5.85164 9.2312 6.70206L9.01226 6.84641C8.9956 6.8574 8.97916 6.86824 8.96293 6.87895 8.58273 7.12974 8.31941 7.30343 8.03087 7.43078 7.74651 7.55627 7.44766 7.64593 7.14119 7.69768 6.83019 7.7502 6.51474 7.75013 6.05928 7.75004 6.03984 7.75004 6.02014 7.75003 6.00019 7.75003 4.55651 7.75003 4.06922 7.76631 3.65491 7.958 3.25455 8.14323 2.82814 8.54443 2.6189 8.93278 2.42242 9.29743 1.96754 9.43376 1.60289 9.23729 1.23824 9.04081 1.10191 8.58593 1.29838 8.22128 1.66151 7.54732 2.33026 6.9181 3.02506 6.59664 3.77669 6.24889 4.62225 6.24933 5.83916 6.24998 5.89213 6.25 5.94579 6.25003 6.00019 6.25003 6.5367 6.25003 6.71966 6.24763 6.89142 6.21862 7.0753 6.18757 7.25462 6.13377 7.42523 6.05848 7.58458 5.98815 7.73866 5.88945 8.18658 5.59411L8.45336 5.41821C9.68423 4.60663 10.6713 3.95576 11.4849 3.56055 12.3109 3.15928 13.1242 2.9361 13.9424 3.21531 14.2143 3.30809 14.476 3.44128 14.711 3.60646 15.3504 4.05581 15.6553 4.74135 15.8271 5.52977 15.9964 6.30709 16.0625 7.31288 16.1232 8.54003 16.1436 8.95374 15.8248 9.30568 15.4111 9.32612 14.9974 9.34655 14.6454 9.02774 14.625 8.61403 14.5632 7.36321 14.4998 6.48403 14.3615 5.84912 14.2255 5.22532 14.0444 4.97136 13.8486 4.8337 13.7298 4.75023 13.5953 4.68181 13.4579 4.63492 13.2088 4.54989 12.8526 4.56376 12.1403 4.90978zM15.5001 11.25C15.9143 11.25 16.2501 11.5858 16.2501 12 16.2501 12.552 16.2138 13.5253 16.162 14.6402L16.1593 14.6977C16.0915 16.1576 16.0371 17.3296 15.8779 18.2139 15.716 19.1134 15.4171 19.8974 14.711 20.3936 14.476 20.5588 14.2143 20.692 13.9424 20.7848 13.2004 21.038 12.4628 20.8773 11.7205 20.549 10.9876 20.2248 10.1278 19.6808 9.08903 19.0001 8.74257 18.7731 8.64576 18.3082 8.87279 17.9617 9.09982 17.6153 9.56472 17.5184 9.91117 17.7455 10.9699 18.4393 11.7265 18.9114 12.3273 19.1772 12.9188 19.4389 13.2325 19.4421 13.4579 19.3651 13.5953 19.3183 13.7298 19.2498 13.8486 19.1664 14.0652 19.0141 14.2627 18.7195 14.4016 17.9482 14.5411 17.1733 14.5925 16.1014 14.6636 14.5706 14.7157 13.451 14.7501 12.5118 14.7501 12 14.7501 11.5858 15.0859 11.25 15.5001 11.25zM1.48332 11.7505C1.89728 11.7361 2.24449 12.0601 2.25884 12.474 2.26455 12.6391 2.27293 12.8093 2.2835 12.9828 2.36055 14.247 2.40062 14.6622 2.6189 15.0673 2.82814 15.4556 3.25455 15.8568 3.65491 16.0421 4.06922 16.2338 4.55651 16.25 6.00019 16.25 6.02014 16.25 6.03983 16.25 6.05927 16.25 6.51474 16.2499 6.83019 16.2499 7.14119 16.3024 7.54962 16.3714 7.8248 16.7584 7.75583 17.1668 7.68686 17.5752 7.29985 17.8504 6.89142
728117.7814 6.71966 17.7524 6.5367 17.75 6.00019 17.75 5.94579 17.75 5.89213 17.7501 5.83917 17.7501 4.62225 17.7507 3.77669 17.7512 3.02506 17.4034 2.33026 17.082 1.66151 16.4527 1.29838 15.7788.905764 15.0501.859694 14.2881.794188 13.2045.79159 13.1615.788961 13.1181.786279 13.0741.775014 12.8892.765966 12.7058.759736 12.526.745394 12.112 1.06935 11.7648 1.48332 11.7505zM20.2646 6.3164C20.6421 6.14605 21.0863 6.31403 21.2566 6.6916 21.7237 7.72674 22.2501 9.45958 22.2501 12 22.2501 14.1916 21.8583 15.7829 21.4501 16.8442 21.2463 17.374 21.0395 17.7692 20.8776 18.039 20.7967 18.1738 20.7271 18.2772 20.6749 18.3504 20.6487 18.3869 20.627 18.4159 20.6103 18.4375 20.6019 18.4483 20.5949 18.4572 20.5892 18.4643L20.5817 18.4736 20.5787 18.4772 20.5774 18.4788C20.5771 18.4791 20.5763 18.4801 20.0001 18L20.5763 18.4801C20.3111 18.7983 19.8382 18.8413 19.52 18.5762 19.2033 18.3123 19.1592 17.8426 19.4201 17.5245 19.4207 17.5237 19.4219 17.5222 19.4236 17.52 19.4289 17.5132 19.4394 17.4994 19.4543 17.4785 19.484 17.4368 19.5316 17.3668 19.5914 17.2673 19.7107 17.0683 19.8789 16.751 20.0501 16.3058 20.3919 15.4171 20.7501 14.0084 20.7501 12 20.7501 9.67366 20.2695 8.15099 19.8894 7.30849 19.719 6.93093 19.887 6.48676 20.2646 6.3164zM18.1641 9.26566C18.5697 9.18146 18.9667 9.44198 19.0509 9.84754 19.161 10.378 19.2501 11.0889 19.2501 12 19.2501 13.1101 19.1179 13.9228 18.9766 14.4738 18.906 14.749 18.8334 14.9579 18.7746 15.1051 18.7452 15.1787 18.7192 15.2367 18.6987 15.2797 18.6885 15.3012 18.6796 15.3189 18.6724 15.333L18.6627 15.3514 18.6589 15.3585 18.6572 15.3615 18.6564 15.3629C18.6563 15.3632 18.6557 15.3642 18.0001 15L18.6557 15.3642C18.4546 15.7263 17.998 15.8568 17.6359 15.6556 17.2769 15.4562 17.1456 15.0056 17.3394 14.645L17.3444 14.6348C17.3513 14.6204 17.3644 14.5917 17.3819 14.548 17.4168 14.4608 17.4692 14.3135 17.5236 14.1012 17.6323 13.6772 17.7501 12.9899 17.7501 12 17.7501 11.1873 17.6707 10.5787 17.5822 10.1525 17.498 9.74689 17.7585 9.34986 18.1641 9.26566z" clip-rule="evenodd"></path> 7282 <path fill="currentColor" fill-rule="evenodd" d="M22.5304 1.46967C22.8233 1.76256 22.8233 2.23744 22.5304 2.53033L2.53043 22.5303C2.23754 22.8232 1.76266 22.8232 1.46977 22.5303C1.17688 22.2374 1.17688 21.7626 1.46977 21.4697L21.4698 1.46967C21.7627 1.17678 22.2375 1.17678 22.5304 1.46967Z" clip-rule="evenodd"></path> 7283 </svg> 7284 </button> 7285 </div> 7286 <div class="reels-popup__inner h100 por"> 7287 <div class="reels-popup__buttons reels-popup__buttons--nav flex flex-column small-hide"> 7288 <button class="reels-prev reels-popup__button" aria-label="Previous video"><svg class="icon" aria-hidden="true" focusable="false" role="presentation" xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 24 24" fill="none"><path d="M5 15L12 8L19 15" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/></svg></button> 7289 <button class="reels-next reels-popup__button" aria-label="Next video"><svg class="icon" aria-hidden="true" focusable="false" role="presentation" xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 24 24" fill="none"><path d="M19 9L12 16L5 9" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/></svg></button> 7290 </div> 7291 <div class="reels-track w100 h100 flex flex-column"> 7292 </div> 7293 </div> 7294 <div class="reels-swipe-hint flex flex-column align-center"> 7295 <div class="reels-swipe-hint__icon-layer"> 7296 <span class="reels-swipe-hint__icon main"></span> 7297 <span class="reels-swipe-hint__icon trail1"></span> 7298 <span class="reels-swipe-hint__icon trail2"></span> 7299 </div> 7300 <span class="reels-swipe-hint__text font-body-bold">Swipe</span> 7301 </div> 7302 <span class="reels-popup__overlay"></span> 7303 </div> 7304</shoppable-reels-popup><template id="countdown-tpl"><div class="countdown__timer flex"> 7305 <div class="countdown__part countdown__days center"> 7306 <span class="countdown__part__value countdown__part__value--in-banner countdown__days__value flex justify-center align-center h2 font-heading-extra-bold"></span> 7307 <span class="countdown__text countdown__text--in-banner font-body-semi-bold db countdown__days__label uppercase break">Days</span> 7308 </div> 7309 <div class="countdown__part countdown__hours center"> 7310 <span class="countdown__part__value countdown__part__value--in-banner countdown__hours__value flex justify-center align-center h2 font-heading-extra-bold"></span> 7311 <span class="countdown__text countdown__text--in-banner font-body-semi-bold db countdown__hours__label uppercase break">Hours</span> 7312 </div> 7313 <div class="countdown__part countdown__minutes center"> 7314 <span class="countdown__part__value countdown__part__value--in-banner countdown__minutes__value flex justify-center align-center h2 font-heading-extra-bold"></span> 7315 <span class="countdown__text countdown__text--in-banner font-body-semi-bold db countdown__minutes__label uppercase break">Minutes</span> 7316 </div> 7317 <div class="countdown__part countdown__seconds center"> 7318 <span class="countdown__part__value countdown__part__value--in-banner countdown__seconds__value flex justify-center align-center h2 font-heading-extra-bold"></span> 7319 <span class="countdown__text countdown__text--in-banner font-body-semi-bold db countdown__seconds__label uppercase break">Seconds</span> 7320 </div> 7321</div></template> 7322 7323
7323<script src="//vbarbershop.com/cdn/shop/t/129/assets/quick-add.js?v=65450729105767776781790225212" defer="defer"></script>
7323 7324
7324<script src="//vbarbershop.com/cdn/shop/t/129/assets/quick-view.js?v=111536774825665138101790225213" defer="defer"></script>
7324 7325
7325<script src="//vbarbershop.com/cdn/shop/t/129/assets/product-form.js?v=153477003984608657791790225208" defer="defer"></script>
7325 7326
7326<script src="//vbarbershop.com/cdn/shop/t/129/assets/card-product-colors.js?v=70646752982001002211790225165" defer="defer"></script>
7326 7327
7327<script src="//vbarbershop.com/cdn/shop/t/129/assets/details-accordion.js?v=170558748681591396671790225195" defer="defer"></script>
7327 7328
7328<script src="//vbarbershop.com/cdn/shop/t/129/assets/component-tabs.js?v=171046875404353959881790225189" defer="defer"></script>
7328<script src="//vbarbershop.com/cdn/shop/t/129/assets/recently-viewed.js?v=121502877790301438841790225213" defer="defer"></script>
7328<script src="//vbarbershop.com/cdn/shop/t/129/assets/discount-code.js?v=119301564678440075181790225196" defer="defer"></script>
7328 7329 7330 <link rel="stylesheet" href="//vbarbershop.com/cdn/shop/t/129/assets/base.css?v=142219956960734681591790225164" media="print" onload="this.media='all'"> 7331 <link rel="stylesheet" href="//vbarbershop.com/cdn/shop/t/129/assets/component-search-modal.css?v=104788159261205638651790225185" media="print" onload="this.media='all'"> 7332 <link rel="stylesheet" href="//vbarbershop.com/cdn/shop/t/129/assets/component-list-menu.css?v=25578231982877184571790225178" media="print" onload="this.media='all'"> 7333 <link rel="stylesheet" href="//vbarbershop.com/cdn/shop/t/129/assets/component-list-social.css?v=92793399402093378101790225178" media="print" onload="this.media='all'"> 7334 <link rel="stylesheet" href="//vbarbershop.com/cdn/shop/t/129/assets/component-rte.css?v=131795624420802806201790225184" media="print" onload="this.media='all'"> 7335 <link rel="stylesheet" href="//vbarbershop.com/cdn/shop/t/129/assets/disclosure.css?v=42551093164709110631790225196" media="print" onload="this.media='all'"> 7336 <link rel="stylesheet" href="//vbarbershop.com/cdn/shop/t/129/assets/component-menu-drawer.css?v=24694264000777643541790225179" media="print" onload="this.media='all'"><link rel="stylesheet" href="//vbarbershop.com/cdn/shop/t/129/assets/component-price.css?v=169073278754176340261790225182" media="print" onload="this.media='all'"> 7337 <link rel="stylesheet" href="//vbarbershop.com/cdn/shop/t/129/assets/component-loading-overlay.css?v=155189480257543581321790225178" media="print" onload="this.media='all'"><link rel="stylesheet" href="//vbarbershop.com/cdn/shop/t/129/assets/component-drawer.css?v=31026899544851966241790225175" media="print" onload="this.media='all'"> 7338 <link rel="stylesheet" href="//vbarbershop.com/cdn/shop/t/129/assets/component-cart-drawer.css?v=81897537410972126041790225172" media="print" onload="this.media='all'"><link rel="stylesheet" href="//vbarbershop.com/cdn/shop/t/129/assets/component-cart.css?v=50801657726344968021790225173" media="print" onload="this.media='all'"> 7339 <link rel="stylesheet" href="//vbarbershop.com/cdn/shop/t/129/assets/component-totals.css?v=19086879398466813611790225189" media="print" onload="this.media='all'"> 7340 <link rel="stylesheet" href="//vbarbershop.com/cdn/shop/t/129/assets/component-discounts.css?v=28406685698330830381790225175" media="print" onload="this.media='all'"><link rel="stylesheet" href="//vbarbershop.com/cdn/shop/t/129/assets/component-cart-items.css?v=164406201800456674491790225172" media="print" onload="this.media='all'"> 7341 <noscript> 7342 <link href="//vbarbershop.com/cdn/shop/t/129/assets/component-list-menu.css?v=25578231982877184571790225178" rel="stylesheet" type="text/css" media="all" /> 7343 <link href="//vbarbershop.com/cdn/shop/t/129/assets/component-list-social.css?v=92793399402093378101790225178" rel="stylesheet" type="text/css" media="all" /> 7344 <link href="//vbarbershop.com/cdn/shop/t/129/assets/component-rte.css?v=131795624420802806201790225184" rel="stylesheet" type="text/css" media="all" /> 7345 <link href="//vbarbershop.com/cdn/shop/t/129/assets/disclosure.css?v=42551093164709110631790225196" rel="stylesheet" type="text/css" media="all" /> 7346 <link href="//vbarbershop.com/cdn/shop/t/129/assets/component-menu-drawer.css?v=24694264000777643541790225179" rel="stylesheet" type="text/css" media="all" /> 7347 <link href="//vbarbershop.com/cdn/shop/t/129/assets/component-search-modal.css?v=104788159261205638651790225185" rel="stylesheet" type="text/css" media="all" /> 7348 <link href="//vbarbershop.com/cdn/shop/t/129/assets/component-card.css?v=41855031481627982521790225171" rel="stylesheet" type="text/css" media="all" /> 7349 <link href="//vbarbershop.com/cdn/shop/t/129/assets/component-accordion.css?v=60137958923968862881790225169" rel="stylesheet" type="text/css" media="all" /> 7350<link href="//vbarbershop.com/cdn/shop/t/129/assets/no-js.css?v=36672210833239736371790225205" rel="stylesheet" type="text/css" media="all" /> 7351 </noscript> 7352 7353 <!--RQ! gift card script STARTS--> 7354 <div class="rq-last-button-book"> 7355 <div id='mytime-widget-wrapper-1720645593267'> 7356
7356<script type='text/javascript'> !function(document, data, scriptId, styleId) { var walkinWaitlistEnabledAndUnavailable = false; var buttonId = 'mytime-widget-wrapper-1720645593267_button_wrapper'; var config = {}; var existingWidgetApiScript = document.getElementById(scriptId); if (!existingWidgetApiScript) { var js = document.createElement('script'); js.id = scriptId; js.src = 'https://www.mytime.com/assets/my_client/booking_widget_embed.js'; document.body.appendChild(js); } var existingStyle = document.getElementById(styleId); if (!existingStyle) { var style = document.createElement('style'); style.id = styleId; style.type = 'text/css'; style.innerHTML = '.mytime-widget-button-wrapper { cursor: pointer !important; display: inline-block !important; } .mytime-widget-button-wrapper > .mytime-widget-default-button-v2 { box-shadow: 0 3px 1px -2px rgba(0,0,0,.2), 0 2px 2px 0 rgba(0,0,0,.14), 0 1px 5px 0 rgba(0,0,0,.12) !important; color: #fff !important; text-decoration: none !important; transition: box-shadow 280ms cubic-bezier(.4,0,.2,1) !important; } .mytime-widget-button-wrapper > .mytime-widget-default-button-v2:active { box-shadow: 0 5px 5px -3px rgba(0,0,0,.2), 0 8px 10px 1px rgba(0,0,0,.14), 0 3px 14px 2px rgba(0,0,0,.12) !important; } .mytime-widget-button-wrapper.disabled { cursor: default !important; pointer-events: none !important; } .mytime-widget-button-wrapper > .mytime-widget-default-button-v2 .waitlist-button-information { display: block; font-size: 11px; width: 100%; line-height: 24px; text-align: center; margin-top: -14px; padding-bottom: 4px; }'; document.body.appendChild(style); } var button = document.createElement('div'); button.setAttribute('class', 'mytime-widget-button-wrapper'); button.setAttribute('id', buttonId); function extractURLParametersFromURL() { const searchQueryString = decodeURIComponent(window.location.search); const params = new URLSearchParams(searchQueryString); return params.toString(); }; data.rootPageURLParameters = extractURLParametersFromURL(); button.setAttribute('widget-data', JSON.stringify(data)); button.innerHTML = data.button_html; if (walkinWaitlistEnabledAndUnavailable) { button.classList.add('disabled'); } function forEach(nodeList, cb) { for(var i = 0, l = nodeList.length; i < l; i++) { cb(nodeList[i]) } } var myTimeWidgetTimeoutRef = null; var maxRetries = 25; var currentRetry = 0; function openWidget() { if (walkinWaitlistEnabledAndUnavailable) { return; } var data = button.getAttribute('widget-data'); if (!window.myTimeWidget) { myTimeWidgetTimeoutRef = setTimeout(function retryOpeningWidget() { currentRetry++; if (currentRetry <= maxRetries) { openWidget(); } else { currentRetry = 0; } }, 60); return; } myTimeWidget.open(JSON.parse(data)); } button.onclick = function() { clearTimeout(myTimeWidgetTimeoutRef); openWidget(); }; forEach(button.querySelectorAll('a'), function (link) { link.onclick = null; }); var preExistingButtonRef = document.getElementById(buttonId); if (preExistingButtonRef) { /* removes existing button before adding new one, if any exists */ preExistingButtonRef.remove(); } var initialWidgetWrapper = document.getElementById('mytime-widget-wrapper-1720645593267'); initialWidgetWrapper.parentNode.insertBefore(button, initialWidgetWrapper); }(document, {"company_id":124716,"location_id":139089,"top_bar_color":"#2C4F44","button_text_color":"#FFFFFF","header_type":"1","selected_theme":"custom","classes":false,"button_html":"<a href=\"javascript:void(0);\" class=\"mytime-widget-default-button-v2\" style=\"background-color: #2C4F44 !important; color: #FFFFFF !important; font-family: Arial, Helvetica, sans-serif; font-size: 21px; line-height: 50px; padding: 0px 30px; display: inline-block; border-radius: 25px;\">BUY A GIFT CARD</a>","baseUrl":"www.mytime.com","elementID":"mytime","referrer":"newbookingwidget","gtm":"JTNDIS0tJTIwR29vZ2xlJTIwVGFnJTIwTWFuYWdlciUyMC0tJTNFJTBBJTNDc2NyaXB0JTNFKGZ1bmN0aW9uKHclMkNkJTJDcyUyQ2wlMkNpKSU3QnclNUJsJTVEJTNEdyU1QmwlNUQlN0MlN0MlNUIlNUQlM0J3JTVCbCU1RC5wdXNoKCU3QidndG0uc3RhcnQnJTNBJTBBbmV3JTIwRGF0ZSgpLmdldFRpbWUoKSUyQ2V2ZW50JTN
7356BJ2d0bS5qcyclN0QpJTNCdmFyJTIwZiUzRGQuZ2V0RWxlbWVudHNCeVRhZ05hbWUocyklNUIwJTVEJTJDJTBBaiUzRGQuY3JlYXRlRWxlbWVudChzKSUyQ2RsJTNEbCElM0QnZGF0YUxheWVyJyUzRiclMjZsJTNEJyUyQmwlM0EnJyUzQmouYXN5bmMlM0R0cnVlJTNCai5zcmMlM0QlMEEnaHR0cHMlM0ElMkYlMkZ3d3cuZ29vZ2xldGFnbWFuYWdlci5jb20lMkZndG0uanMlM0ZpZCUzRCclMkJpJTJCZGwlM0JmLnBhcmVudE5vZGUuaW5zZXJ0QmVmb3JlKGolMkNmKSUzQiUwQSU3RCkod2luZG93JTJDZG9jdW1lbnQlMkMnc2NyaXB0JyUyQydkYXRhTGF5ZXInJTJDJ0dUTS1UNVI4WDM0JyklM0IlM0MlMkZzY3JpcHQlM0UlMEElM0MhLS0lMjBFbmQlMjBHb29nbGUlMjBUYWclMjBNYW5hZ2VyJTIwLS0lM0U=","widgetIncludes":"c2VydmljZXMlMkNnaWZ0X2NhcmRzJTJDbXlfYWNjb3VudA==","defaultTo":"Z2lmdF9jYXJkcw==","forceWalkInFlow":false,"parent":false}, 'mytime-widget-script', 'mytime-widget-button-style-v2'); </script>
7356 7357 </div> 7358 </div> 7359 <!--RQ! gift card script ENDS--> 7360 7361 <!--RQ! book a reservation script ENDS--> 7362 <div class="rq-last-button-book"> 7363 <div id='mytime-widget-wrapper-1705004457052'> 7364
7364<script type='text/javascript'> !function(document, data, scriptId, styleId) { var walkinWaitlistEnabledAndUnavailable = false; var buttonId = 'mytime-widget-wrapper-1705004457052_button_wrapper'; var config = {}; var existingWidgetApiScript = document.getElementById(scriptId); if (!existingWidgetApiScript) { var js = document.createElement('script'); js.id = scriptId; js.src = 'https://www.mytime.com/assets/my_client/booking_widget_embed.js'; document.body.appendChild(js); } var existingStyle = document.getElementById(styleId); if (!existingStyle) { var style = document.createElement('style'); style.id = styleId; style.type = 'text/css'; style.innerHTML = '.mytime-widget-button-wrapper-v2 { cursor: pointer !important; display: inline-block !important; } .mytime-widget-button-wrapper-v2 > .mytime-widget-default-button-v2 { box-shadow: 0 3px 1px -2px rgba(0,0,0,.2), 0 2px 2px 0 rgba(0,0,0,.14), 0 1px 5px 0 rgba(0,0,0,.12) !important; color: #fff !important; text-decoration: none !important; transition: box-shadow 280ms cubic-bezier(.4,0,.2,1) !important; } .mytime-widget-button-wrapper-v2 > .mytime-widget-default-button-v2:active { box-shadow: 0 5px 5px -3px rgba(0,0,0,.2), 0 8px 10px 1px rgba(0,0,0,.14), 0 3px 14px 2px rgba(0,0,0,.12) !important; } .mytime-widget-button-wrapper-v2.disabled { cursor: default !important; pointer-events: none !important; } .mytime-widget-button-wrapper-v2 > .mytime-widget-default-button-v2 .waitlist-button-information { display: block; font-size: 11px; width: 100%; line-height: 24px; text-align: center; margin-top: -14px; padding-bottom: 4px; }'; document.body.appendChild(style); } var button = document.createElement('div'); button.setAttribute('class', 'mytime-widget-button-wrapper-v2'); button.setAttribute('id', buttonId); function extractURLParametersFromURL(paramKey) { const searchQueryString = decodeURIComponent(window.location.search); const params = new URLSearchParams(searchQueryString); const extractedURLQueryStringParameters = new URLSearchParams(); let hasURLParams = false; for (const [key, val] of params.entries()) { if (key && key.toLowerCase().startsWith(paramKey)) { hasURLParams = true; extractedURLQueryStringParameters.append(key, val); } } if (hasURLParams) { return extractedURLQueryStringParameters.toString(); } return null; }; data.gaParameters = extractURLParametersFromURL('_ga'); data.gclidParameters = extractURLParametersFromURL('gclid'); data.utmParameters = extractURLParametersFromURL('utm'); button.setAttribute('widget-data', JSON.stringify(data)); button.innerHTML = data.button_html; if (walkinWaitlistEnabledAndUnavailable) { button.classList.add('disabled'); } function forEach(nodeList, cb) { for(var i = 0, l = nodeList.length; i < l; i++) { cb(nodeList[i]) } } var myTimeWidgetTimeoutRef = null; var maxRetries = 25; var currentRetry = 0; function openWidget() { if (walkinWaitlistEnabledAndUnavailable) { return; } var data = button.getAttribute('widget-data'); if (!window.myTimeWidget) { myTimeWidgetTimeoutRef = setTimeout(function retryOpeningWidget() { currentRetry++; if (currentRetry <= maxRetries) { openWidget(); } else { currentRetry = 0; } }, 60); return; } myTimeWidget.open(JSON.parse(data)); } button.onclick = function() { clearTimeout(myTimeWidgetTimeoutRef); openWidget(); }; forEach(button.querySelectorAll('a'), function (link) { link.onclick = null; }); var preExistingButtonRef = document.getElementById(buttonId); if (preExistingButtonRef) { /* removes existing button before adding new one, if any exists */ preExistingButtonRef.remove(); } var initialWidgetWrapper = document.getElementById('mytime-widget-wrapper-1705004457052'); initialWidgetWrapper.parentNode.insertBefore(button, initialWidgetWrapper); }(document, {"company_id":119096,"top_bar_color":"#862419","button_text_color":"#ffffff","header_type":"1","selected_theme":"custom","classes":false,"button_html":"<a href=\"javascript:void(0);\" class=\"mytime-widget-default-button-v2\" style=\"background-color: #862419 !important; color: #ffffff !important; font-family: Arial, Helvetica, sans-serif; font-size: 21px; line-height: 50px; padding: 0px 30px; display: inline-block; border-radius: 25px;\">BOOK / MANAGE RESERVATIONS</a>","baseUrl":"www.mytime.com","elementID":"mytime","referrer":"newbookingwidget","forceWalkInFlow":false,"parent":true,"loginOnShopify":true}, 'mytime-widget-script', 'mytime-widget-button-style-v2'); </script>
7364 7365 </div> 7366 </div> 7367 <!--RQ! book a reservation script ENDS--> 7368 7369
7369<script src="//vbarbershop.com/cdn/shop/t/129/assets/instantpage-5.2.0.js?v=99963444960178710701790225202" type="module" defer></script>
7369 7370 7371<!--RQ! B2B Script for Taxi Ad STARTS--> 7372 7373<!--RQ! B2B Script for Taxi Ad ENDS--> 7374 <style> </style>
7375<script src="https://cdn.shopify.com/storefront/standard-actions.js" type="module" data-source-attribution="shopify.standard_actions"></script>
7375 7376</body> 7377</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.