1<!doctype html> 2<html lang="en"> 3 <head > 4
4<script> 5 var LOCALE = 'en\u002DUS'; 6 var BASE_URL = 'https\u003A\u002F\u002Fcanadahair.ca\u002F'; 7 var require = { 8 'baseUrl': 'https\u003A\u002F\u002Fcdn.canadahair.ca\u002Fstatic\u002Fversion1788948291\u002Ffrontend\u002FPolisys\u002Ftheme\u002Dfrontend\u002Dcanadahair\u002Fen_US' 9 };</script>
9 <meta charset="utf-8"/> 10<meta name="title" content="Save Big on Hair Extensions, Wigs, and Toppers with Canada Hairâ¢"/> 11<meta name="description" content="Shop current promotions on hair extensions, wigs, and toppers. Premium quality at reduced prices. Limited-time offers on select colors and lengths."/> 12<meta name="keywords" content="hair extensions, wigs, hair care, hot tools"/> 13<meta name="robots" content="INDEX,FOLLOW"/> 14<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1.0, user-scalable=no"/> 15<meta name="format-detection" content="telephone=no"/> 16<title>Save Big on Hair Extensions, Wigs, and Toppers with Canada Hairâ¢</title> 17<link rel="stylesheet" type="text/css" media="all" href="https://cdn.canadahair.ca/static/version1788948291/frontend/Polisys/theme-frontend-canadahair/en_US/Mirasvit_RewardsCheckout/css/source/module.css" /> 18<link rel="stylesheet" type="text/css" media="all" href="https://cdn.canadahair.ca/static/version1788948291/frontend/Polisys/theme-frontend-canadahair/en_US/mage/calendar.css" /> 19<link rel="stylesheet" type="text/css" media="all" href="https://cdn.canadahair.ca/static/version1788948291/frontend/Polisys/theme-frontend-canadahair/en_US/css/styles-m.css" /> 20<link rel="stylesheet" type="text/css" media="all" href="https://cdn.canadahair.ca/static/version1788948291/frontend/Polisys/theme-frontend-canadahair/en_US/owl.carousel/assets/owl.carousel.css" /> 21<link rel="stylesheet" type="text/css" media="all" href="https://cdn.canadahair.ca/static/version1788948291/frontend/Polisys/theme-frontend-canadahair/en_US/fancybox/css/jquery.fancybox.css" /> 22<link rel="stylesheet" type="text/css" media="all" href="https://cdn.canadahair.ca/static/version1788948291/frontend/Polisys/theme-frontend-canadahair/en_US/icon-fonts/css/porto-icons-codes.css" /> 23<link rel="stylesheet" type="text/css" media="all" href="https://cdn.canadahair.ca/static/version1788948291/frontend/Polisys/theme-frontend-canadahair/en_US/icon-fonts/css/animation.css" /> 24<link rel="stylesheet" type="text/css" media="all" href="https://cdn.canadahair.ca/static/version1788948291/frontend/Polisys/theme-frontend-canadahair/en_US/font-awesome/css/font-awesome.min.css" /> 25<link rel="stylesheet" type="text/css" media="all" href="https://cdn.canadahair.ca/static/version1788948291/frontend/Polisys/theme-frontend-canadahair/en_US/jquery/uppy/dist/uppy-custom.css" /> 26<link rel="stylesheet" type="text/css" media="all" href="https://cdn.canadahair.ca/static/version1788948291/frontend/Polisys/theme-frontend-canadahair/en_US/Amasty_Label/vendor/tooltipster/css/tooltipster.min.css" /> 27<link rel="stylesheet" type="text/css" media="all" href="https://cdn.canadahair.ca/static/version1788948291/frontend/Polisys/theme-frontend-canadahair/en_US/Astound_Affirm/affirm-promo.css" /> 28<link rel="stylesheet" type="text/css" media="all" href="https://cdn.canadahair.ca/static/version1788948291/frontend/Polisys/theme-frontend-canadahair/en_US/Magedelight_SMSProfile/css/intlTelInput.css" /> 29<link rel="stylesheet" type="text/css" media="all" href="https://cdn.canadahair.ca/static/version1788948291/frontend/Polisys/theme-frontend-canadahair/en_US/Magedelight_SMSProfile/css/isValidNumber.css" /> 30<link rel="stylesheet" type="text/css" media="all" href="https://cdn.canadahair.ca/static/version1788948291/frontend/Polisys/theme-frontend-canadahair/en_US/Smartwave_Filterproducts/css/owl.carousel/assets/owl.carousel.css" /> 31<link rel="stylesheet" type="text/css" media="screen and (min-width: 768px)" href="https://cdn.canadahair.ca/static/version1788948291/frontend/Polisys/theme-frontend-canadahair/en_US/css/styles-l.css" /> 32<link rel="stylesheet" type="text/css" media="print" href="https://cdn.canadahair.ca/static/version1788948291/frontend/Polisys/theme-frontend-canadahair/en_US/css/print.css" />
33<script type="text/javascript" src="https://cdn.canadahair.ca/static/version1788948291/frontend/Polisys/theme-frontend-canadahair/en_US/requirejs/require.js"></script>
vendor: 1 bytes, line 33
33
34<script type="text/javascript" src="https://cdn.canadahair.ca/static/version1788948291/frontend/Polisys/theme-frontend-canadahair/en_US/mage/requirejs/mixins.js"></script>
vendor: 1 bytes, line 34
34
35<script type="text/javascript" src="https://cdn.canadahair.ca/static/version1788948291/frontend/Polisys/theme-frontend-canadahair/en_US/requirejs-config.js"></script>
35 36<link rel="stylesheet" type="text/css" href="//fonts.googleapis.com/css?family=Shadows+Into+Light" /> 37<link rel="icon" type="image/x-icon" href="https://cdn.canadahair.ca/media/favicon/default/favicon.png" /> 38<link rel="shortcut icon" type="image/x-icon" href="https://cdn.canadahair.ca/media/favicon/default/favicon.png" />
39<script> 40 window.dataLayer.push({ 41 event: 'consentUpdate', // Event name 42 ad_storage: "granted", 43 ad_user_data: "granted", 44 ad_personalization: "granted", 45 analytics_storage: "granted", 46 functionality_storage: "granted", 47 personalization_storage: "granted", 48 security_storage: "granted" 49}); 50 51 gtag('consent', 'update', { 52 ad_storage: "granted", 53 ad_user_data: "granted", 54 ad_personalization: "granted", 55 analytics_storage: "granted", 56 functionality_storage: "granted", 57 personalization_storage: "granted", 58 security_storage: "granted" 59}); 60</script>
60 61
62<script> 63(function () { 64 const pathname = window.location.pathname; 65 66 if (pathname !== "/checkout/cart" && pathname !== "/checkout/cart/") { 67 68 }else{ 69 70 const script = document.createElement("script"); 71 script.src = "https://qqq." + location.hostname + "/code-product/2/cart-page.js?v=1"; 72 script.async = false; 73 74 document.head.appendChild(script); 75} 76})(); 77</script>
77 78
79<script> 80 checkTest(1); 81 82 var titleL = document.documentElement.lang === "fr" ? "FR" : "EN"; 83 84 //https://docs.google.com/spreadsheets/d/1bnMJzOImLcN78ZouseD9EpZRqWqz0-W28sGhvYhhS74 85 //https://docs.google.com/spreadsheets/d/12VRWKlgsoMFzafAt73Ajf62B3bSuJooaYDRotbA5piE 86 // Define color maps for English & French 87 88var categoryTitleEN = new Map([ 89 ["volumizer",["volumizer", "Clip-in Volumizer", "volumizer", "Clip-in Volumizer"]], 90 ["clip",["clipin", "Clip-in Hair Extensions", "clip", "Clip-ins"]], 91 ["tape",["tapein", "Tape-in Hair Extensions", "permanent", "Tape-in"]], 92 ["micro",["microloop", "Micro-loop Hair Extensions", "permanent", "Micro-loop"]], 93 ["nano",["nano", "Nano-rings Hair Extensions (Nano-Beads)", "permanent", "Nano-rings (Nano-Beads)"]], 94 ["fusion",["fusion", "Fusion Hair Extensions (Pre Bonded Keratin)", "permanent", "Fusion (Pre Bonded Keratin)"]], 95 ["sew",["sewin", "Sew-in Hair Extensions (Hair Weave)", "sewin", "Sew-in (Hair Weave)"]], 96 ["ponytail",["ponytail", "Wrap Ponytail Hair Extensions", "ponytail", "Wrap Ponytail"]], 97 ["hat",["bobhat", "Wig Hat", "bobhat", "Wig Hat"]], 98 ["wire",["wire", "Invisible Wire Hair Extensions", "wire", "Invisible Wire"]], 99 [" men",["men", "Hair Toupee For Men | Hair Replacement System", "men", "Hair Toupee For Men"]], 100 ["topper",["topper", "Hair Topper for Thinning Hair", "topper", "Hair Toppers"]], 101 ["v light",["vlight", "V Light Extensions", "vlight", "V-Light"]], 102 ["butterfly",["butterfly", "Butterfly Extensions", "butterfly", "Butterfly"]], 103 [" toupee",["men", "Hair Toupee For Men | Hair Replacement System", "men", "Hair Toupee For Men"]]]); 104//volumatrice and volumatrices included as well 105 106 var colorTitleEN = new Map([["Dark Brown & Grey",5965], ["Dark Brown & Gray",5965], ["Light Golden Blonde #18",121], ["Light Natural Blonde #20",122], ["Light Ash Blonde #22",123], ["Light Beige Blonde #26",124], ["Warm Golden Light Brown #14",125], ["Cool Beige Blonde #10C",126], ["Neutral Dark Blonde #9",127], ["Light Brown #7",128], ["Dark Chocolate Brown #5",129], ["Mocha Brown #3",130], ["Dark Brown #3",130], ["Baby Pink",132], ["Pink",131], ["Blue",133], ["Platinum Ash Blonde #603",134], ["Light Silver Ash Blonde #602",135], ["Silver Ash Blonde #601",136], ["Dark Brown Blend #P4 5",137], ["Dark Brown to Chestnut Brown #04T6",138], ["Dark Brown with Warm Highlights #R3 3T5",139], ["Dark Brown to Light Blonde Blend #R4T5 10",140], ["Medium Brown to Ash Blonde Blend #B6 6T10A",141], ["Rooted Dark Blonde to Light Ash Blonde #P7 10D 11A",142], ["Medium Brown to Ash Blonde Blend #P6 10A",143], ["Medium Brown to Light Blonde Blend #B4T8 10E",144], ["Light Blonde with Medium Brown Blend #P8 10B",145], ["Light Brown to Light Natural Blonde Blend #P7 20",146], ["Medium Brown to Light Natural Blonde Blend #B6T7 20",147], ["Cool Light Blonde to Blonde Mix #B10C 10CT60",148], ["Ash Blonde to Platinum Blonde Mix #P17 613",149], ["Ash Blonde to Strawberry Blonde Mix #P10F 22",150], ["Dark Ash Blonde mix #18",151], ["Light Ash Blonde mix #18",152], ["Icy White Blonde P17A Ice White",153], ["Dark Blonde #18DARK",154], ["Light Blonde #18LIGHT",155], ["Rooted Dark Blonde to Light Ash Blonde #B7T60A",156], ["Rooted Medium Brown to Light Ash Blonde #B5A 5AT60",157], ["Rooted Light Blonde to Golden Blonde #R11 12",158], ["Rooted Dark Blonde to Light Ash Blonde #06T9A",159], ["Light Ash Blonde #60A",160], ["Soft Brown Root to Vanilla Blonde #T9A White",161], ["Warm Light Brown to Soft Honey Blonde #T9A 613",162], ["Deep Chestnut Brown to Warm Caramel #T3 8",163], ["Warm Chestnut Brown to Golden Blonde #T4122",164], ["Warm Chestnut to Honey Blonde #T4 24 16",165], ["Natural Beige Blonde Ombre #T9A 22 16",166], ["Jet Black",21], ["Light Brown",26], ["Dark Auburn",29], ["Honey Brown/Ash Blonde",31], ["Honey Brown / Ash Blonde",31], ["Honey Brown Ash Blonde",31], ["Honey Brown & Ash Blonde",31], ["Red",32], ["Burgundy",33], ["Purple",34], ["Strawberry Blonde/Bleach Blonde",115], ["Strawberry Blonde Bleach Blonde",115], ["Strawberry Blonde & Bleach Blonde",115], ["Strawberry Blonde / Bleach Blonde",115], ["Ombre Grey",346], ["Ombre Gray",346], ["Ombre Blonde",347], ["Ombre Chestnut Brown",348], ["Ombre Brown",348], ["Ombre Pastel",378], ["Ombre Light Blonde",379], ["Ombre Balayage",380], ["Ombre Ash Blonde",381], ["Platinum Blonde",5830], ["Rooted Honey Blonde Highlights",5854], ["Chestnut Brown Balayage",5855], ["Ginger",5850], ["Dark Blonde Balayage",5853], ["Dark Brown Balayage",5851], ["Dark Brown & Blonde Balayage",5851], ["Sandy Blonde",5852], ["Sterling Silver",5932], ["Black/Brown & Grey #1b40",5963], [" Black/Brown & Gray #1b40",5963], ["Grey #1b80",5962], ["Gray #1b80",5962], ["White Blonde",5933], ["Black/Brown & Balayage Highlights #1bt-blyg",5964], ["Bleach Blonde",30], ["Ash Blonde",120], ["Silver",208], ["Strawberry Blonde",28], ["Blonde",382], ["Chestnut Brown",25], ["Black/Brown",22], ["Black Brown",22], ["Black / Brown",22], ["Dark Brown",23], ["Honey Brown",27], ["Chocolate Brown",24]]); 107 var qualityTitleEN = new Map([["remy", "hh"], ["european", "euro"], ["human", "hh"], ["synthetic", "synth"], ["wholesale", "wholesale"]]); 108 var lengthTitleEN = new Map([["10", "10inches"], ["14", "14inches"], ["16", "16inches"], ["18", "18inches"], ["20", "20inches"], ["22", "22inches"], ["24", "24inches"], ["26", "22inches"], ["28", "24inches"]]); 109 var thicknessTitleEN = new Map([["extra volume", "very-thick"], ["very thick", "very-thick"], ["thick", "thick"]]); 110 var colorMenTitleEN = new Map([["1B60","pu0406-1b60"], ["1B65","pu0406-1b60"], ["1B80","pu0406-1b80"], ["Dark Auburn #17","17"], ["Dark Brown with Medium Grey Blend #220","220"], ["Dark Brown with Heavy Grey Blend #240","240"], ["Medium Brown with Medium Grey Blend #320","320"], ["Medium Brown with Heavy Grey Blend #340","340"], ["Medium Brown with Very Heavy Grey Blend #350","350"], ["Light Brown with Medium Grey Blend #420","420"], ["Light Brown with Heavy Grey Blend #440","440"], ["Dark Blonde with Grey Blend #510","510"], ["Dark Blonde with Medium Grey Blend #520","520"], ["Dark Blonde with Heavy Grey Blend #540","540"], ["Dark Blonde with Very Heavy Grey Blend #550","550"], ["Dark Blonde with Salt & Pepper Blend #565","565"], ["Dark Blonde with Silver Blend #580","580"], ["Medium Blonde with Grey Blend #610","610"], ["Platinum Blonde #613","613"], ["Medium Blonde with Medium Grey Blend #620","620"], ["Medium Blonde with Heavy Grey Blend #640","640"], ["Light Blonde with Grey Blend #720","720"], ["Light Blonde with Medium Grey Blend #740","740"], ["Cool Grey Brown #1720","1720"], ["Ash Grey Brown#1740","1740"], ["Silver Ash Brown #1750","1750"], ["Strawberry Blonde with Grey Blend #1820","1820"], ["Soft Silver Grey #2020","2020"], ["Ash Dark Blonde #10R","10r"], ["Medium Ash Brown #12R","12r"], ["Light Grey Brown #1765H","1765h"], ["Soft Steel Grey#1780H","1780h"], ["Dark Blonde Grey Blend #17R","17r"], ["Off Black with Medium Grey Blend #1B30","1b30"], ["Off Black with Silver Grey Blend #1B50","1b50"], ["Natural Black #1C","1c"], ["Light Auburn #20","20men"], ["Light Blonde Grey Blend #20R","20r"], ["Medium Auburn Grey Blend #22R","22r"], ["Copper Blonde Grey Blend #30R","30r"], ["Silver Blend #380H","380h"], ["Cool Natural Brown #4R","4r"], ["Dark Blonde #5","5men"], ["Soft Cool Brown #5R","5r"], ["Dark Auburn Red #5RD","5rd"], ["Silver Auburn Grey Blend #60R","60r"], ["Platinum Auburn Grey Blend #613R","613r"], ["Soft Cool Brown #6R","6r"], ["Natural Ash Brown #6RD","6rd"], ["Light Blonde #7","7men"], ["Natural light Brown #8R","8r"], ["Jet Black","pu0406-1"], ["Chestnut Brown","pu0406-6"], ["Ash Brown","pu0406-7ash"], ["Light Medium Brown","pu0406-18"], ["Black/Brown with very light grey","pu0406-1b05"], ["Black/Brown with very light gray","pu0406-1b05"], ["Black/Brown with light grey","pu0406-1b20"], ["Black/Brown with light gray","pu0406-1b20"], ["Black/Brown with medium grey","pu0406-1b40"], ["Black/Brown with medium gray","pu0406-1b40"], ["Salt and Pepper","pu0406-1b60"], ["Black/Brown with heavy gray","pu0406-1b80"], ["Dark Brown with light grey","pu0406-210"], ["Dark Brown with light gray","pu0406-210"], ["Dark Brown with medium grey","pu0406-230"], ["Dark Brown with medium gray","pu0406-230"], ["Gray","pu0406-260"], ["Mocha Brown with light grey","pu0406-310"], ["Mocha Brown with light gray","pu0406-310"], ["Silver Grey","pu0406-365"], ["Silver Gray","pu0406-365"], ["Chocolate Brown with light grey","pu0406-410"], ["Chocolate Brown with light gray","pu0406-410"], ["Ash Chocolate Brown","pu0406-4ash"], ["Mocha Brown","pu0406-3"], ["Black / Brown","pu0406-1b"], ["Grey","pu0406-260"], ["Dark Brown","pu0406-2"], ["Chocolate Brown","pu0406-4"]]); 111 112 var qualityTopperTitleEN = new Map([["large coverage", "largepart"], ["large part", "largepart"], ["part", "part"], ["full crown", "fullcrown"], ["crown", "crown"], ["full", "full"]]); 113 var bangTitleEN = new Map([["with bangs", "bang"]]); 114 115 function findCategory(title, type, defaultValue) { 116 const categoryMap = titleL === "FR" ? window[type + "TitleFR"] : window[type + "TitleEN"]; 117 118 for (const [key, value] of categoryMap) { 119 const regex = new RegExp(`(?<!\\w)${key.replace(/[\s/&]/g, "(?:\\s|\\/|&)?")}(?!\\w)`, "i"); 120 if (regex.test(title)) { 121 return value; 122 } 123 } 124 125 return defaultValue; 126 } 127 128 function loadScriptSync(src) { 129 let script = document.createElement("script"); 130 script.src = src; 131 script.type = "text/javascript"; 132 script.async = false; // Ensures it's executed in order 133 document.head.appendChild(script); // Load it in <head> for immediate execution 134 } 135 136 function checkAndRunFunction(functionName, t = 0) { 137 // Check if the function exists 138 if (typeof window[functionName] === 'function' && document.getElementById('main-div')) { 139 console.log(`Function ${functionName}
139 exists, calling it now!`); 140 setTimeout(() => { 141 window[functionName](); // Call the function dynamically 142 }, 100); 143 } else if (t < 100) { 144 console.log(`Function ${functionName} does not exist, retrying... ${t}`); 145 146 // Retry after 100ms if the function doesn't exist 147 setTimeout(() => { 148 checkAndRunFunction(functionName, t + 1); 149 }, 100); 150 } 151 } 152 153 function checkTest(t){ 154 if(t<20){ 155 console.log("TEST"+t); 156 setTimeout(() => { 157 //if(document.body && window.dataLayer.find(event => event.event === "productPage")){ 158 if(document.body && document.title){ 159 if((document.body.classList.contains("catalog-product-view") && document.title) || window.location.href.indexOf("product-page") > -1 || document.title == "Clip-in Jet Black Remy Hair 18 inches test"){ 160 161 if(window.location.href.indexOf("product-page") > -1){ 162 var pageCategory = "clipin"; 163 }else{ 164 //var pageCategory = findCategory(document.title,"category")[0]; 165 var result = findCategory(document.title, "category"); 166 var pageCategory = (result && result.length > 0) ? result[0] : undefined; 167 } 168 169 //loading 170 if(pageCategory!== "wholesale" && pageCategory!== undefined && pageCategory!==""){ 171 const v = "1234"; 172 173 //canonical 174 var domain = window.location.hostname; 175 var canonicalCH = new Map([["clipin","https://canadahair.ca/jet-black-clip-in-hair-extensions-remy-indian-hair-canada-hair.html"],["tapein","https://canadahair.ca/tape-in-hair-extensions-canada-hair-jet-black-canada-hair.html"],["fusion","https://canadahair.ca/jet-black-1-fusion-hair-extensions-real-remy-hair-20-strands-1g-strand-final-sale-canada-hair.html"],["nano","https://canadahair.ca/jet-black-1-nano-rings-hair-extensions-100-real-hair-human-hair-qty-20-strands.html"],["sewin","https://canadahair.ca/jet-black-1-silky-straight-100-remy-human-hair-canada-hair.html"],["microloop","https://canadahair.ca/jet-black-1-micro-loop-hair-extensions-real-remy-hair-20-strands-1g-strand-canada-hair.html"],["volumizer","https://canadahair.ca/jet-black-1-silky-straight-100-remy-human-hair-canada-hair.html"],["wire","https://canadahair.ca/jet-black-invisible-wire-hair-extensions-human-hair.html"],["ponytail","https://canadahair.ca/jet-black-1-ponytail-hair-extensions-100-real-hair-18-inches-1.html"],["topper","https://canadahair.ca/thinning-hair-part-hair-topper-remy-hair.html"],["butterfly","https://canadahair.ca/butterfly-remy-14inch-1.html"],["vlight","https://canadahair.ca/vlight-premium-remy-14inch-1.html"],["bobhat","https://canadahair.ca/bobhat-wig-hh-1.html"],["men","https://canadahair.ca/jet-black-hair-toupee-men-hair-replacement-system-pu-topper-0406.html"]]); 176 if(canonicalCH.get(result[0]) && domain == "canadahair.ca" && !document.querySelector('.page-product-configurable')){ 177 var newCanonical = canonicalCH.get(result[0]); 178 179 (function () { 180 181 if (!newCanonical || typeof newCanonical !== "string") { 182 return; // do nothing if invalid 183 } 184 185 // remove duplicate canonicals if any 186 var canonicals = document.querySelectorAll('link[rel="canonical"]'); 187 canonicals.forEach(function (el, index) { 188 if (index > 0) el.remove(); 189 }); 190 191 var canonical = document.querySelector('link[rel="canonical"]'); 192 193 if (!canonical) { 194 canonical = document.createElement('link'); 195 canonical.setAttribute('rel', 'canonical'); 196 document.head.appendChild(canonical); 197 } 198 199 canonical.setAttribute('href', newCanonical); 200 201 })(); 202 } 203 204 loadScriptSync("https://qqq."+domain+"/code-product/2/media.js?v="+v); 205 loadScriptSync("https://qqq."+domain+"/code-product/2/"+pageCategory+".js?v="+v); 206 if(pageCategory==="topper"){ 207 loadScriptSync("https://qqq."+domain+"/code-product/2/product-logic-toppers.js?v="+v); 208 }else if(document.title=='Honey Brown / Ash Blonde (#12/24) CLIP IN hair extensions 100% real hair (human hair)'){ 209 loadScriptSync("https://qqq."+domain+"/code-product/2/product-logic-extensions.js?v="+v); 210 }else{ 211 loadScriptSync("https://qqq."+domain+"/code-product/2/product-logic-extensions.js?v="+v); 212 } 213 214 checkAndRunFunction("loadImagesNew"); 215 216 } 217 218 setTimeout(() => { 219 if (!document.getElementById('main-div')) { 220 console.log("TEST Istvan2"); 221 222 if(document.querySelector("#chr-mini-rating")){ 223 document.querySelector(".page-title").after(document.querySelector("#chr-mini-rating")); 224 } 225 226 /*if (document.querySelector(".gallery-placeholder")) { 227 document.querySelector(".gallery-placeholder").classList.remove("_block-content-loading"); 228 }*/ 229 // Array of selectors for the elements you want to add "on" to 230 const selectors = [ 231 ".product-info-price", 232 ".product-info-main", 233 "#maincontent", 234 ".product-info-main" // yes, the last one is repeated intentionally 235 ]; 236
237 selectors.forEach(selector => { 238 const element = document.querySelector(selector); 239 if (element) element.classList.add("on"); 240 }); 241 } 242 }, 1000); 243 244 } 245 }else{ 246 checkTest(t+1); 247 } 248 }, 50); 249 } 250 } 251 252</script>
252 253 254 255 256 257<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Nunito" /> 258 259 260 261 262<style> 263img.bmx\:rounded.bmx\:mb-6{ 264display:none!important; 265} 266.top-promo-bar{ 267min-width:100vw; 268width:100vw; 269} 270 271#paypal-smart-button > div > iframe.component-frame { 272 z-index: 1 !important; 273} 274 275.modal-backdrop { 276 z-index: 100000000000000000000000!important; 277} 278/* category page*/ 279.amlabel-position-top-left-9002-prod.amlabel-position-wrapper { 280 width: 100% !important; 281} 282 283#maincontent>div.products{ 284min-height:100vh; 285} 286 287.product.info.detailed { 288 display: none !important; 289} 290.main-product-detail { 291 display: none !important; 292} 293 294/*span.loading { 295 position: fixed!important; 296 top: 50vh!important; 297 background-color: black !important; 298 padding: 20px 30px; 299 border-radius: 50px; 300 font-size: 20px; 301 width: 50%; 302left:25%; 303 font-weight: 700; 304 color: white; 305 box-shadow: 0px 0px 10px 3px rgb(150, 150, 150); 306 z-index: 100; 307 text-shadow: 0px 0px 5px BLACK; 308} 309.infinite-loader .loading i.ajax-loader { 310 margin-right: 15px; 311 width: 21px; 312 height: 21px; 313 border-width: 5px; 314} 315*/ 316span.loading,.infinite-loader .loading i.ajax-loader { 317display:none!important; 318} 319@media screen and (max-width: 767px) { 320 .swatch-option.image:hover { 321 transform: none!important; 322 } 323 .filter.active .filter-options,.filter.active .filter-title,.filter-current,.block-actions.filter-actions{ 324 width: 100%!important; 325 } 326.swatch-option-tooltip{ 327display:none!important; 328} 329} 330 div#reamaze-widget { 331 z-index: 998 !important; 332 } 333 #product-configuration-chat{ 334 z-index: 999!important; 335 } 336.product-item-photo { 337 isolation: isolate; 338} 339 340 341 342#master-category-description > div > p#links { 343 display: flex; 344 flex-wrap: wrap; 345} 346#master-category-description > div > p#links > .styled-link { 347 width: calc((100% - 15px) / 2); 348 border-radius: 5px; 349 text-align: center; 350 border: 2px solid lightgrey; 351 margin: 1px 3px; 352} 353} 354/* product page*/ 355 @media (max-width: 767px){ 356 .page-main > div > #links > a { 357width: calc((100% - 20px) / 2); 358 border-radius: 5px; 359 text-align: center; 360 border: 2px solid lightgrey; 361 margin: 1px 3px; 362 } 363 .page-main > div > #links{ 364 display: flex; 365 flex-wrap: wrap; 366justify-content: center; 367 } 368 } 369 370/* cart page*/ 371@media(max-width: 767px) { 372img[src="https://canadahair.ca/blog-ch/wp-content/uploads/2023/10/free-shipping-free-returns1-fr.png"]{ 373 height: 45px!important; 374 width: auto!important; 375} 376.rewards > div > p.lead{ 377line-height:1.7; 378} 379ul.checkout.methods.items.checkout-methods-items { 380position: fixed!important; 381bottom: -40px!important; 382left: 0px!important; 383z-index: 10000000000000000!important; 384background-color: white!important; 385box-shadow: 0px -3px 10px 0px rgb(0 0 0 / 30%); 386width: 100%; 387} 388button.action.primary.checkout.custom-sticked { 389 top: calc(100vh - 122px) !important; 390} 391ul.checkout.methods.items.checkout-methods-items > li.item:nth-child(1),ul.checkout.methods.items.checkout-methods-items > li.item:nth-child(2){ 392min-height:50px; 393} 394} 395 396.page-title{ 397margin-top:15px!important; 398margin-bottom:0px!important; 399} 400.page-title-wrapper{ 401display:flex; 402flex:1; 403align-items: center; 404justify-content: center; 405} 406.page-title{ 407text-align:center; 408} 409.page-title{ 410text-align:center; 411font-size:1.5em;
412font-weight:400; 413} 414@media(min-width: 1240px) { 415.page-title{ 416text-align:center; 417font-size:2em; 418font-weight:400; 419} 420} 421 422/* content > configuration */ 423.header,#minisearch-autocomplete-top-search { 424 font-size: 12px!important; 425} 426 427.sections.nav-sections { 428 background-color: white!important; 429} 430 431@media (min-width: 1295px){ 432.ui-menu-item.level0:nth-child(13) > .level0.submenu { 433 right: 0px !important; 434 left: -200px !important; 435} 436} 437 438@media (min-width: 768px){ 439.breadcrumbs{ 440min-height:38.153px; 441height:38.153px; 442} 443 .page-layout-2columns-right > div > #maincontent{ 444 max-width:100vw!important; 445 width:calc(100vw - 30px); 446margin:0px; 447 } 448.page-header .navigation .level0.parent>a:after { 449 display: none!important; 450} 451.navigation .level0 .submenu { 452 left: 0px !important; 453} 454.ui-menu-item.level0:nth-child(5) > .level0.submenu { 455 right: 0px !important; 456 left: -200px !important; 457} 458} 459 460@media (min-width: 1281px){ 461nav.navigation.sw-megamenu{ 462max-height:40px; 463} 464} 465 466body#html-body { 467 overflow-y: hidden; 468} 469.product-info-price, .product-info-main, #maincontent { 470 min-height: 100vh; 471} 472.product-info-price.on, .product-info-main.on, #maincontent.on { 473 min-height: 0px; 474} 475.extensionhair{ 476 min-height:30.44px; 477} 478.product-info-main .product-info-price { 479display:none; 480} 481.product-info-main{ 482 background-color:lightgrey; 483} 484.product-info-main > div{ 485 display:none; 486} 487.product-info-main.on{ 488 background-color:white; 489} 490.product-info-main.on > div{ 491 display:block; 492} 493.product-info-main.on > div.prev-next-products { 494display: none!important; 495} 496.product-info-main.on > div.product-social-links { 497display: none!important; 498} 499@media (min-width: 768px){ 500.extensionhair{ 501 min-height:61.594px; 502} 503} 504 505 506@media only screen and (max-width: 767px) { 507.nav-open .nav-sections { 508 background-color: white!important; 509} 510#totop{ 511display:none!important; 512} 513 514div#mobileshow > .row { 515 padding: 0px 10px 10px!important; 516} 517 518.owl-stage-outer{ 519min-height:435px; 520} 521@media (max-width: 768px) { 522 h1 { 523 min-height: 53px; /* keep your rule */ 524 padding-top: 20px; 525 } 526} 527 528h2{ 529min-height:70px; 530} 531#mobileshow>a>img{ 532background-color:#D3D3D3; 533min-height:calc(100vw - 30px); 534min-width:calc(100vw - 30px); 535} 536.home-banner.mobile{ 537min-height:calc(100vw - 30px); 538min-width:calc(100vw - 30px); 539} 540 .mobile-sticky .page-main { 541 margin-top: 0px!important; 542 } 543} 544 545/* Hide the menu on desktop */ 546.mobile-only-menu { 547 display: none; 548} 549 550/* Show the menu only on mobile */ 551@media (max-width: 768px) { 552 .mobile-only-menu { 553 display: block; 554 } 555.product.media{ 556min-height: 141vw; 557} 558} 559 560 561/* Show the menu on desktop */ 562.desktop-only-menu { 563 display: block; 564} 565 566/* Hide the menu on mobile */ 567@media (max-width: 768px) { 568 .desktop-only-menu { 569 display: none; 570 } 571} 572 573 .custom-gallery { 574 display: flex; 575 justify-content: center; 576 flex-wrap: wrap; 577 gap: 10px; 578 } 579 580 .custom-gallery a { 581 display: block; 582 width: 150px; /* Reduced 25% from 172px */ 583 height: 150px; 584 overflow: hidden; 585 transition: transform 0.3s ease, box-shadow 0.3s ease; 586 } 587 588 .custom-gallery img { 589 width: 100%; 590 height: 100%; 591 object-fit: cover; 592 transition: transform 0.3s ease; 593 } 594 595 .custom-gallery a:hover { 596 transform: scale(1.05); 597 box-shadow: 0 5px 15px rgba(0, 0, 0, 0.2); 598 } 599 600 @media (max-width: 768px) { 601 .custom-gallery { 602 justify-content: space-around; /* Ensure even distribution */ 603 } 604 605 .custom-gallery a { 606 width: 25vw; /* Make the images smaller on mobile */ 607 height: 25vw; 608 } 609 } 610 611 .link-box a { 612 color: #000; /* Black color */ 613 text-decoration: none; /* Remove underline */ 614 font-size: 20px; /* Increase font size */ 615 } 616 617 .link-box a:hover { 618 color: #ff508c; /* Pink color on hover */ 619 } 620 621 .link-box a:visited { 622 color: #000; /* Ensure visited links remain black */ 623 } 624 625 626 627.product-items .product-item-info .rewards__product-points { 628 display: none; 629} 630 631.swatch-attribute.hair_extensions_length { 632 display: block; 633} 634.swatch-option.text { 635 min-width: 60px !important; 636} 637 638.swatch-attribute.hair_extensions_thickness { 639 display: none; 640} 641 642span.price > span.visually-hidden { 643 display: none; 644} 645 646span.price > span.currency-decimal { 647 display: inline; 648} 649 650 651.price-label {display:none;} 652 653.products-grid .product-item-details .product-item-actions .actions-primary {display:none;} 654 655.products-grid .product-item div[class^="swatch-opt-"] { 656 display: none !important; 657} 658 659.page-header.type1 .logo { 660 margin-top: 8px !important; 661 margin-bottom: 8px !important 662}; 663 664 665</style> 666 667<meta name="facebook-domain-verification" content="xor9njy6tn4o8r0tcr8omwe68mo4q8" /> 668<meta name="theme-color" content="#FF508C" /> 669<meta name="google-site-verification" content="rhkvvQsQi4qmYsMazNuempzlnoO-1mFN-TYkv5TwDFM" /> 670<meta name="p:domain_verify" content="hoqAXdlftnUTdpPbbcyNqplHMbiiVl1Q"/> 671 672<!-- FB Share 673<meta property="og:title" content="Hair Extensions and much more at low prices ?" /> 674<meta property="og:description" content="Discover a 100% Canadian company specialized in quality Hair Extensions, Wigs, Hair Care, and Hair Tools!" />
675<meta property="og:image" content="https://canadahair.b-cdn.net/media/wysiwyg/misc/facebook-thumb-ch.png" /> 676 /FB Share --> 677<meta name="msvalidate.01" content="EBFDA1CCF8B16F6A865C8430968D3E97" /> 678<meta name="google-site-verification" content="34caZZjg7DD58GUXoHyUBe-JpKBnSIGTGhaIxA9XkqU" /> 679<!-- FB Retarget
680<script>
vendor: 403 bytes, lines 680-687
680 681!function(f,b,e,v,n,t,s){if(f.fbq)return;n=f.fbq=function(){n.callMethod? 682n.callMethod.apply(n,arguments):n.queue.push(arguments)};if(!f._fbq)f._fbq=n; 683n.push=n;n.loaded=!0;n.version='2.0';n.queue=[];t=b.createElement(e);t.async=!0; 684t.src=v;s=b.getElementsByTagName(e)[0];s.parentNode.insertBefore(t,s)}(window, 685document,'script','https://connect.facebook.net/en_US/fbevents.js'); 686 687fbq('init', '
6871550021851951512
vendor: 30 bytes, lines 687-688
687'); 688fbq('track', "PageView");
688</script>
688 689FB Retarget --> 690 691 692 693<!-- temporary css --> 694 695 696 697<link rel="stylesheet" type="text/css" media="all" href="https://mesrallonges.com/blog/wp-content/uploads/2017/temporary_settings_french.css"> 698 699 700<style type="text/css"> 701 702.nav-sections-items .header.links li.authorization-link { 703 display: block!important; 704} 705 706/*dont show elastics search ad*/ 707.copyright{ 708display:none!important; 709} 710 711button#product-addtocart-button{ 712margin-top: 0px!important; 713} 714 715/*CLS adjustments: do not display the default desktop sticky nav-sections*/ 716@media only screen and (min-width: 768px){ 717.sticky-logo{ 718display:none!important; 719} 720} 721 722/*CLS adjustments: adding city to the promotional banner*/ 723@media only screen and (max-width: 767px){ 724.paragraphPromo{ 725padding:5px!important; 726padding-bottom:27.4px!important; 727} 728.paragraphPromo.city{ 729padding:5px!important; 730padding-bottom:5px!important; 731} 732} 733 734/*CLS adjustments: change mobile navigation menu loading*/ 735@media only screen and (max-width: 767px){ 736.nav-sections { 737left: 0px!important; 738visibility:hidden; 739transition:none!important; 740} 741.nav-open .nav-sections{ 742visibility: visible; 743} 744.nav-before-open .page-wrapper { 745visibility: visible; 746} 747.nav-open .page-wrapper { 748left: 0px; 749visibility: hidden; 750top:0px; 751margin-top:64px; 752} 753.nav-open .page-wrapper { 754margin-top:0px; 755} 756.nav-before-open .page-wrapper>.page-header.type1 { 757 position: fixed!important; 758 top: 0px!important; 759} 760.page-wrapper>p:nth-child(2){ 761display:none!important; 762} 763#homepage-slider { 764margin-top: 0px!important; 765} 766} 767 768/* Istvan CLS adjustments start here */ 769@media only screen and (min-width: 768px){ 770div.loading-mask{ 771display:none!important; 772} 773} 774 775.homepage-divs{ 776max-width:1280px!important; 777margin-left:auto; 778margin-right:auto; 779width:100%; 780} 781.page-wrapper{ 782min-width:100%; 783width:100%; 784min-height:100vh; 785} 786.navigation, .page-wrapper > .breadcrumbs, .page-header .header.panel, .header.content, .footer.content, .page-wrapper > .widget, .page-wrapper > .page-bottom, .block.category.event, .top-container, .page-main { 787max-width: 1280px!important; 788} 789.page-wrapper > div.breadcrumbs{ 790max-width: 100vw!important; 791width:100%; 792} 793@media only screen and (max-width: 767px){ 794.columns .column.main { 795 max-width: 100%!important; 796 padding: 15px!important; 797} 798.navigation, .page-wrapper > .breadcrumbs, .page-header .header.panel, .header.content, .footer.content, .page-wrapper > .widget, .page-wrapper > .page-bottom, .block.category.event, .top-container, .page-main { 799padding:0px!important; 800} 801.navigation, .page-wrapper > .breadcrumbs, .page-header .header.panel, .header.content, .footer.content, .page-wrapper > .widget, .page-wrapper > .page-bottom, .block.category.event, .top-container { 802padding-left:15px!important; 803padding-right:15px!important; 804} 805.category-description, .toolbar.toolbar-products{ 806padding-left:15px!important; 807padding-right:15px!important; 808} 809.page-wrapper{ 810margin-top: 0px; 811} 812#homepage-slider{ 813margin-top: 64px; 814} 815.header.content .logo { 816 flex-grow: 0!important; 817order:none!important; 818 position: absolute!important; 819 left: 45px!important; 820} 821.page-header.type1 .minicart-wrapper { 822 position: absolute!important; 823 right: 15px!important; 824} 825.header.content .block.block-search { 826margin-left: 57%; 827} 828.page-wrapper>.page-header{ 829 position: fixed!important; 830 width: 100%!important; 831 top: 0!important; 832} 833 834.action.nav-toggle{ 835min-width:18px!important; 836} 837} 838/* Istvan CLS adjustments end here */ 839 840@media (max-width: 767px) { 841.page-header{ 842 position: fixed!important; 843 width: 100%!important; 844 top: 0!important; 845 box-shadow: 3px 0px 5px 0px rgb(0 0 0 / 30%)!important; 846} 847 848.action.nav-toggle{ 849min-width:18px!important; 850} 851} 852.navigation, .page-wrapper > .breadcrumbs, .page-header .header.panel, .header.content, .footer.content, .page-wrapper > .widget, .page-wrapper > .page-bottom, .block.category.event, .top-container, .page-main { 853max-width: 1280px!important; 854} 855 856.panel { 857background-color: #f0f0ed!important; 858display: block!important; 859} 860 861 862html,body{ 863font-family:'Nunito','Open Sans','Helvetica Neue','Helvetica','Arial'!important; 864} 865 866.box-tocart .action.tocart:not(:last-child) {margin-bottom:15px;font-size:18px;} 867.buttons-referral-like {display:none;} 868.product-item-name {display:block;margin: 0 0 3px 0; word-wrap: break-word; font-size:18px; hyphens: none;} 869html { 870 background-color: #f3f3f3; 871} 872.wrapper5 { 873 max-width: 680px; 874 margin: 10px auto; 875 padding: 0 10px; 876} 877 878.youtube { 879 background-color: #9e9e9e; 880 margin-bottom: 30px; 881 position: relative; 882 padding-top: 56.25%; 883 overflow: hidden; 884 cursor: pointer; 885} 886.youtube img { 887 width: 100%; 888 top: -16.82%; 889 left: 0; 890 opacity: 0.7; 891} 892.youtube .play-button { 893 width: 90px; 894 height: 60px; 895 background-color: #333; 896 box-shadow: 0 0 30px rgba( 0,0,0,0.6 ); 897 z-index: 1; 898 opacity: 0.8; 899 border-radius: 6px; 900} 901.youtube .play-button:before { 902 content: ""; 903 border-style: solid; 904 border-width: 15px 0 15px 26.0px; 905 border-color: transparent transparent transparent #fff; 906} 907.youtube img, 908.youtube .play-button { 909 cursor: pointer; 910} 911.youtube img, 912.youtube iframe, 913.youtube .play-button, 914.youtube .play-button:before { 915 position: absolute; 916} 917.youtube .play-button, 918.youtube .play-button:before { 919 top: 50%; 920 left: 50%; 921 transform: translate3d( -50%, -50%, 0 ); 922} 923.youtube iframe { 924 height: 100%; 925 width: 100%; 926 top: 0; 927 left: 0; 928} 929#more {display: none;} 930#more1 {display: none;} 931#more2 {display: none;} 932#more44 {display: none;} 933#more54 {display: none;} 934#more64 {display: none;} 935 936.minimal-price-link {display:none;} 937.product-item .product-reviews-summary {display:none;} 938 939 940.yotpo-reviews-carousel .carousel-display-wrapper #carousel-top-panel .headline { 941 visibility: hidden; 942} 943 944.yotpo-reviews-carousel .yotpo-small-box {display:none;} 945 946 947.fieldset > .field.qty, .nested.options-list > .field.qty { 948 margin-bottom: 20px; 949} 950 951.carousel-reviews-bottom-line {display:none;} 952 953 .info-table { 954 width: 100%; 955 border-collapse: collapse; 956font-size:16px; 957 } 958 .info-table td { 959 padding: 8px; 960 border: 1px solid #ddd; 961 } 962 .info-table tr:nth-child(odd) { 963 background-color: #f9f9f9; 964 } 965 966 967 .custom-background { 968 background-color: #f0f0f0; /* Replace with your desired color */ 969 padding: 20px; 970 /* Other styling as needed */ 971} 972 973.page-wrapper > .breadcrumbs { 974 background-color: #6E6E6E; 975 position: relative; 976 977 margin-top: 2px !important; /* Forces the margin to be applied */ 978} 979 980.page-wrapper>.breadcrumbs .items { 981 padding: 2px 2px; 982} 983 984 985@media (min-width: 768px) { 986 .block-search { 987 width: 800px !important; 988 } 989} 990 991 992 993</style> 994<!-- /temporary css ---> 995 996 997 998<style> 999 #moremore {display: none;} 1000 #moremore12 {display: none;} 1001 #moremore17 {display: none;}
1002/* Media query for desktop screens (e.g., screens wider than 768px) */ 1003@media (min-width: 769px) { 1004 #minheight { 1005 min-height: 450px; /* Minimum height for desktop */ 1006 /* Desktop-specific styles */ 1007 } 1008} 1009 1010/* Media query for mobile screens (e.g., screens up to 768px wide) */ 1011@media (max-width: 768px) { 1012 #minheight { 1013 min-height: 475px; /* Minimum height for mobile */ 1014 /* Mobile-specific styles */ 1015 } 1016} 1017 1018 1019 /* Media query for desktop screens (e.g., screens wider than 768px) */ 1020@media (min-width: 769px) { 1021 .minheight1 { 1022 min-height: 300px; /* Minimum height for desktop */ 1023 /* Desktop-specific styles */ 1024 } 1025} 1026 1027/* Media query for mobile screens (e.g., screens up to 768px wide) */ 1028@media (max-width: 768px) { 1029 .minheight1 { 1030 min-height: 150px; /* Minimum height for mobile */ 1031 /* Mobile-specific styles */ 1032 } 1033} 1034 1035 1036 .styled-link { 1037 border: 2px solid #ff69b4; /* Pink border */ 1038 padding: 5px; /* Reduced padding */ 1039 display: inline-block; 1040 box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.2); 1041 border-radius: 10px; 1042 background-color: #fff0f5; /* Light pink background */ 1043 text-decoration: none; 1044 color: #000000; /* Black text */ 1045 font-weight: bold; 1046 font-size: 12px; /* Smaller font size */ 1047} 1048 1049.styled-link:hover { 1050 color: #ff1493; /* Darker pink on hover */ 1051 text-decoration: underline; 1052} 1053 1054 1055 .length-links { 1056 font-family: Arial, sans-serif; 1057 font-size: 16px; /* Adjusted for better readability */ 1058 text-align: center; 1059 padding: 15px; /* Increased padding */ 1060font-size: 14px; 1061 border-radius: 5px; 1062 } 1063 1064 .length-links a { 1065 color: #ff69b4; /* Pink color for the text */ 1066 text-decoration: none; 1067 padding: 8px 12px; /* Increased padding for better touch target */ 1068 margin: 5px; /* Added margin to prevent overlap */ 1069 border: 1px solid #ffb6c1; /* Light pink for the border */ 1070 border-radius: 3px; 1071 transition: background-color 0.3s, color 0.3s; 1072 display: inline-block; /* Adjust display for spacing */ 1073 } 1074 1075 .length-links a:hover { 1076 background-color: #ff69b4; /* Pink background on hover */ 1077 color: white; 1078 } 1079 1080 1081.length-links5 { 1082 font-family: Arial, sans-serif; 1083 font-size: 16px; /* Adjusted for better readability */ 1084 text-align: center; 1085 padding: 15px; /* Increased padding */ 1086 font-size: 14px; 1087 border-radius: 5px; 1088 color: #808080; /* Greyish text color */ 1089} 1090 1091.length-links5 a { 1092 color: #000000; /* Lighter grey color for the text */ 1093 text-decoration: none; 1094 padding: 8px 12px; /* Increased padding for better touch target */ 1095 margin: 5px; /* Added margin to prevent overlap */ 1096 border: 1px solid #d3d3d3; /* Light grey for the border */ 1097 border-radius: 3px; 1098 transition: background-color 0.3s, color 0.3s; 1099 display: inline-block; /* Adjust display for spacing */ 1100} 1101 1102.length-links5 a:hover { 1103 background-color: #808080; /* Darker grey background on hover */ 1104 color: white; 1105} 1106 1107 1108 1109 1110.length-links10 { 1111 font-family: Arial, sans-serif; 1112 font-size: 16px; /* Adjusted for better readability */ 1113 text-align: center; 1114 padding: 15px; /* Increased padding */ 1115 font-size: 14px; 1116 border-radius: 5px; 1117 color: #5f9ea0; /* Cadet blue for text */ 1118} 1119 1120.length-links10 a { 1121 color: #7ba6b4; /* Light blue for the text */ 1122 text-decoration: none; 1123 padding: 8px 12px; /* Increased padding for better touch target */ 1124 margin: 5px; /* Added margin to prevent overlap */ 1125 border: 1px solid #b0e0e6; /* Powder blue for the border */ 1126 border-radius: 3px; 1127 transition: background-color 0.3s, color 0.3s; 1128 display: inline-block; /* Adjust display for spacing */ 1129} 1130 1131.length-links10 a:hover { 1132 background-color: #1e90ff; /* Dodger blue background on hover */ 1133 color: white; 1134} 1135 1136 1137 </style> 1138 1139 1140<style type="text/css"> 1141.uniquestuff {display:none;} 1142.block.upsell { display: none !important; } 1143</style>
1144<script type="text/javascript">require([ 1145 'jquery', 1146 'owl.carousel/owl.carousel.min' 1147], function ($) { 1148 $(window).on('load', function () { 1149 $("#brands-slider-demo-8 .owl-carousel").owlCarousel({ 1150 autoplay: true, 1151 autoplayTimeout: 5000, // Set to 5 seconds (adjustable) 1152 autoplayHoverPause: true, 1153 margin: 20, 1154 nav: true, 1155 navText: ["<em class='porto-icon-left-open-big'></em>", "<em class='porto-icon-right-open-big'></em>"], 1156 dots: false, 1157 loop: true, 1158 responsive: { 1159 0: { 1160 items: 2 1161 }, 1162 640: { 1163 items: 3 1164 }, 1165 768: { 1166 items: 4 1167 }, 1168 992: { 1169 items: 5 1170 }, 1171 1200: { 1172 items: 5 1173 } 1174 } 1175 }); 1176 }); 1177}); 1178 1179</script>
1179 1180 1181 1182 1183<!-- Tendance (Trending) pills inside Mirasvit autocomplete (Mes Rallonges) --> 1184<style> 1185 .ch-trending { 1186 padding: 14px 15px; 1187 border-bottom: 1px solid #eee; 1188 } 1189 .ch-trending-title { 1190 margin: 0 0 10px 0; 1191 font-weight: bold; 1192 font-size: 15px; 1193 font-family: Arial, sans-serif; 1194 } 1195 .ch-tag-list { 1196 display: flex; 1197 flex-wrap: wrap; 1198 gap: 10px; 1199 } 1200 .ch-tag-list a { 1201 background-color: #f2f2f2; 1202 border-radius: 20px; 1203 padding: 8px 14px; 1204 text-decoration: none; 1205 color: #333; 1206 font-size: 14px; 1207 font-family: Arial, sans-serif; 1208 white-space: nowrap; 1209 transition: background 0.2s ease; 1210 } 1211 .ch-tag-list a:hover { background-color: #e0e0e0; } 1212 1213 /* Masquer uniquement la section "Suggestions Populaires" */ 1214 .mst-searchautocomplete__index.popular { 1215 display: none !important; 1216 } 1217 1218 @media (max-width: 768px) { 1219 .ch-trending { padding: 12px; } 1220 .ch-tag-list a { font-size: 13px; padding: 6px 12px; } 1221 .ch-trending-title { font-size: 14px; } 1222 } 1223.toplanding {display:none;} 1224.sidebar.sidebar-main { 1225 max-height: none !important; /* Removes the height restriction */ 1226 overflow: visible !important; /* Lets content expand naturally */ 1227} 1228 1229/* Close only inactive filter panels */ 1230.filter-options .filter-options-item:not(.active) .filter-options-content { 1231 display: none; 1232} 1233 1234/* Keep active panel open */ 1235.filter-options .filter-options-item.active .filter-options-content { 1236 display: block; 1237} 1238 1239/* Reset arrow rotation */ 1240.filter-options .filter-options-item.active > .filter-options-title:after { 1241 transform: rotate(0deg); 1242} 1243 1244</style> 1245
1246<script> 1247(function () { 1248 const INPUT_SELECTOR = '#search'; 1249 const AC_SELECTOR = '.mst-searchautocomplete__autocomplete'; 1250 const WRAPPER_SELECTOR = '.mst-searchautocomplete__wrapper'; 1251 1252 const trendingItems = [ 1253 {label: "Clip in", href: "https://canadahair.ca/jet-black-clip-in-hair-extensions-remy-indian-hair-canada-hair.html?ci=21&qi=hh&li=14inches&ti=standard&hi=white&wi=no"}, 1254 {label: "Toppers", href: "https://canadahair.ca/thinning-hair-part-hair-topper-remy-hair.html?ci=21&qi=part&li=10inches&bi="}, 1255 {label: "Invisible Tape ins", href: "https://canadahair.ca/tape-in-hair-extensions-canada-hair-jet-black-canada-hair.html?ci=21&qi=euro&li=14inches&ti=thick&hi=white&wi=no"}, 1256 {label: "Colour Swatches", href: "https://canadahair.ca/2-color-swatches-free"}, 1257 {label: "Human Hair Wigs", href: "https://canadahair.ca/canada-wigs.html"}, 1258 {label: "Nano Rings", href: "https://canadahair.ca/jet-black-1-nano-rings-hair-extensions-100-real-hair-human-hair-qty-20-strands.html?ci=21&qi=hh&li=14inches&ti=thick&hi=white&wi=no"}, 1259 {label: "European Hair", href: "https://canadahair.ca/european-hair.html"}, 1260 {label: "Wavy Hair Extensions", href: "https://canadahair.ca/jet-black-clip-in-hair-extensions-remy-indian-hair-canada-hair.html?ci=21&qi=hh&li=14inches&ti=standard&hi=white&wi=yes"}, 1261 {label: "Blonde Hair Extensions", href: "https://canadahair.ca/hair-extensions/blonde.html"} 1262 ]; 1263 1264 function makeTrendingEl() { 1265 const el = document.createElement('div'); 1266 el.className = 'ch-trending'; 1267 el.setAttribute('role', 'region'); 1268 el.setAttribute('aria-label', 'Trending on Canada Hair'); 1269 el.innerHTML = ` 1270 <div class="ch-trending-title">Trending on Canada Hair⢠â</div> 1271 <div class="ch-tag-list"> 1272 ${trendingItems.map(item => `<a href="${item.href}">${item.label}</a>`).join('')} 1273 </div> 1274 `; 1275 return el; 1276 } 1277 1278 1279 function mountTrending() { 1280 const input = document.querySelector(INPUT_SELECTOR); 1281 const ac = document.querySelector(AC_SELECTOR); 1282 const wrapper = ac && ac.querySelector(WRAPPER_SELECTOR); 1283 if (!input || !ac || !wrapper) return false; 1284 1285 if (wrapper.querySelector('.ch-trending')) return true; 1286 1287 const trendingEl = makeTrendingEl(); 1288 wrapper.prepend(trendingEl); 1289 1290 const sync = () => { 1291 const show = (input.value || '').trim().length === 0; 1292 trendingEl.style.display = show ? 'block' : 'none'; 1293 }; 1294 input.addEventListener('input', sync); 1295 input.addEventListener('focus', sync); 1296 sync(); 1297 1298 const closeBtn = ac.querySelector('.mst-searchautocomplete__close'); 1299 if (closeBtn) { 1300 closeBtn.addEventListener('click', () => { 1301 trendingEl.style.display = 'none'; 1302 }); 1303 } 1304 return true; 1305 } 1306 1307 if (!mountTrending()) { 1308 const obs = new MutationObserver(() => { 1309 if (mountTrending()) obs.disconnect(); 1310 }); 1311 obs.observe(document.documentElement, { childList: true, subtree: true }); 1312 } 1313})(); 1314</script>
1314 1315
1316<script> 1317(function(){ 1318 const TITLE_SEL = '.ch-trending-title'; 1319 1320 function applyCity(city){ 1321 const el = document.querySelector(TITLE_SEL); 1322 if (!el || !city || el.dataset.cityApplied === '1') return false; 1323 el.textContent = el.textContent + ' in ' + city; 1324 el.dataset.cityApplied = '1'; 1325 return true; 1326 } 1327 1328 1329 function fetchCity(){ 1330 fetch('https://ipapi.co/json/') 1331 .then(r => r.json()) 1332 .then(d => applyCity(d && d.city)) 1333 .catch(() => {}); 1334 } 1335 1336 if (document.querySelector(TITLE_SEL)) { 1337 fetchCity(); 1338 } else { 1339 const obs = new MutationObserver(() => { 1340 if (document.querySelector(TITLE_SEL)) { 1341 fetchCity(); 1342 obs.disconnect(); 1343 } 1344 }); 1345 obs.observe(document.documentElement, { childList: true, subtree: true }); 1346 } 1347})(); 1348</script>
1348 1349
1350<script> 1351require(['jquery', 'domReady!'], function ($) { 1352 1353 function collapseAllFilters() { 1354 var $items = $('.filter-options .filter-options-item'); 1355 1356 // Remove active & allow classes (most themes use 'active') 1357 $items.removeClass('active allow expanded'); // â add 'expanded' if your theme uses it 1358 1359 // Update ARIA only â do NOT touch display with .hide() / .show() 1360 $items.each(function () { 1361 var $item = $(this); 1362 var $title = $item.children('[data-role="title"]'); 1363 var $content = $item.children('[data-role="content"]'); 1364 1365 $title.attr({ 1366 'aria-expanded': 'false', 1367 'aria-selected': 'false' 1368 }); 1369 1370 $content.attr('aria-hidden', 'true'); 1371 // Do NOT do $content.hide() here 1372 }); 1373 } 1374 1375 // Run once on page load 1376 collapseAllFilters(); 1377 1378 // Re-apply after Mirasvit / Magento AJAX updates 1379 $(document).on('ajaxComplete mstNavAjaxSuccess mstLayeredNavAjaxSuccess', function () { 1380 collapseAllFilters(); 1381 }); 1382 1383}); 1384</script>
1384 1385 1386 1387
1388<script type="text/javascript" xml="space">// <![CDATA[ 1389function myFunction502() { 1390 var dots = document.getElementById("dots502"); 1391 var moreText = document.getElementById("more502"); 1392 var btnText = document.getElementById("myBtn502"); 1393 1394 if (dots.style.display === "none") { 1395 dots.style.display = "inline"; 1396 btnText.innerHTML = "[+] Product Details"; 1397 moreText.style.display = "none"; 1398 } else { 1399 dots.style.display = "none"; 1400 btnText.innerHTML = "[-] Product Details"; 1401 moreText.style.display = "inline"; 1402 } 1403} 1404// ]]></script>
1404 1405
1406<script type="text/javascript" xml="space">// <![CDATA[ 1407function myFunction500() { 1408 var dots = document.getElementById("dots500"); 1409 var moreText = document.getElementById("more500"); 1410 var btnText = document.getElementById("myBtn500"); 1411 1412 if (dots.style.display === "none") { 1413 dots.style.display = "inline"; 1414 btnText.innerHTML = "[+] Dos & Don'ts"; 1415 moreText.style.display = "none"; 1416 } else { 1417 dots.style.display = "none"; 1418 btnText.innerHTML = "[-] Dos & Don'ts"; 1419 moreText.style.display = "inline"; 1420 } 1421} 1422// ]]></script>
vendor: 2 bytes, line 1422
1422
1423<script type="text/javascript" xml="space">// <![CDATA[ 1424function myFunction504() { 1425 var dots = document.getElementById("dots504"); 1426 var moreText = document.getElementById("more504"); 1427 var btnText = document.getElementById("myBtn504"); 1428 1429 if (dots.style.display === "none") { 1430 dots.style.display = "inline"; 1431 btnText.innerHTML = "[+] 5 reasons why they are the best!"; 1432 moreText.style.display = "none"; 1433 } else { 1434 dots.style.display = "none"; 1435 btnText.innerHTML = "[-] 5 reasons why they are the best!"; 1436 moreText.style.display = "inline"; 1437 } 1438} 1439// ]]></script>
1439 1440
1441<script type="text/javascript" xml="space">// <![CDATA[ 1442function myFunction505() { 1443 var dots = document.getElementById("dots505"); 1444 var moreText = document.getElementById("more505"); 1445 var btnText = document.getElementById("myBtn505"); 1446 1447 if (dots.style.display === "none") { 1448 dots.style.display = "inline"; 1449 btnText.innerHTML = "[+] How to wash & maintain?"; 1450 moreText.style.display = "none"; 1451 } else { 1452 dots.style.display = "none"; 1453 btnText.innerHTML = "[-] How to wash & maintain?"; 1454 moreText.style.display = "inline"; 1455 } 1456} 1457// ]]></script>
1457 1458 1459<!-- the end --> 1460 1461 <link rel="stylesheet" href="//fonts.googleapis.com/css?family=Open+Sans%3A300%2C300italic%2C400%2C400italic%2C600%2C600italic%2C700%2C700italic%2C800%2C800italic&v1&subset=latin%2Clatin-ext" type="text/css" media="screen"/> 1462<link href="https://fonts.googleapis.com/css?family=Oswald:300,400,700" rel="stylesheet"> 1463<link href="https://fonts.googleapis.com/css?family=Poppins:300,400,500,600,700" rel="stylesheet"> 1464 <link rel="stylesheet" type="text/css" media="all" href="https://cdn.canadahair.ca/media/porto/web/bootstrap/css/bootstrap.optimized.min.css"> 1465 <link rel="stylesheet" type="text/css" media="all" href="https://cdn.canadahair.ca/media/porto/web/css/animate.optimized.css"> 1466<link rel="stylesheet" type="text/css" media="all" href="https://cdn.canadahair.ca/media/porto/web/css/header/type1.css"> 1467<link rel="stylesheet" type="text/css" media="all" href="https://cdn.canadahair.ca/media/porto/web/css/custom.css"> 1468<link rel="stylesheet" type="text/css" media="all" href="https://cdn.canadahair.ca/media/porto/configed_css/design_english.css"> 1469<link rel="stylesheet" type="text/css" media="all" href="https://cdn.canadahair.ca/media/porto/configed_css/settings_english.css">
1470<script type="text/javascript"> 1471require([ 1472 'jquery' 1473], function ($) { 1474 $(document).ready(function(){ 1475 $("body").addClass("layout-1140"); 1476 $("body").addClass("wide"); 1477 $("body").addClass("mobile-sticky"); 1478 $(".drop-menu > a").off("click").on("click", function(){ 1479 if($(this).parent().children(".nav-sections").hasClass("visible")) 1480 $(this).parent().children(".nav-sections").removeClass("visible"); 1481 else 1482 $(this).parent().children(".nav-sections").addClass("visible") 1483 }); 1484 }); 1485 var scrolled = false; 1486 $(window).scroll(function(){ 1487 if(!$('.page-header').hasClass('type10') && !$('.page-header').hasClass('type22')) { 1488 if($(window).width()>=768){ 1489 if(140<$(window).scrollTop() && !scrolled){ 1490 $('.page-header').addClass("sticky-header"); 1491 scrolled = true; 1492 if(!$(".page-header").hasClass("type12")) { 1493 $('.page-header .minicart-wrapper').after('<div class="minicart-place hide"></div>'); 1494 var minicart = $('.page-header .minicart-wrapper').detach(); 1495 if($(".page-header").hasClass("type8") || $(".page-header").hasClass("type25")) 1496 $('.page-header .menu-wrapper').append(minicart); 1497 else 1498 $('.page-header .navigation').append(minicart); 1499 var logo_image = $('<div>').append($('.page-header .header > .logo').clone()).html(); 1500 if($(".page-header").hasClass("type8") || $(".page-header").hasClass("type25")) 1501 $('.page-header .menu-wrapper').prepend('<div class="sticky-logo">'+logo_image+'</div>'); 1502 else 1503 $('.page-header .navigation').prepend('<div class="sticky-logo">'+logo_image+'</div>'); 1504 } else { 1505 $('.page-header.type12 .logo').append('<span class="sticky-logo"><img src=""/></span>'); 1506 $('.page-header .logo > img').addClass("hide"); 1507 } 1508 $(".sticky-logo img").attr("src","https://cdn.canadahair.ca/media/porto/sticky_logo/websites/4/logomrch.png"); 1509 } 1510 if(140>=$(window).scrollTop() && scrolled){ 1511 $('.page-header').removeClass("sticky-header"); 1512 scrolled = false; 1513 if(!$(".page-header").hasClass("type12")) { 1514 var minicart; 1515 if($(".page-header").hasClass("type8") || $(".page-header").hasClass("type25")) 1516 minicart = $('.page-header .menu-wrapper .minicart-wrapper').detach(); 1517 else 1518 minicart = $('.page-header .navigation .minicart-wrapper').detach(); 1519 $('.minicart-place').after(minicart); 1520 $('.minicart-place').remove(); 1521 $('.page-header .minicart-wrapper-moved').addClass("minicart-wrapper").removeClass("minicart-wrapper-moved").removeClass("hide"); 1522 } 1523 if($(".page-header").hasClass("type8") || $(".page-header").hasClass("type25")) 1524 $('.page-header .menu-wrapper > .sticky-logo').remove(); 1525 else if($(".page-header").hasClass("type12")) { 1526 $('.page-header .sticky-logo').remove(); 1527 $('.page-header .logo > img').removeClass("hide");; 1528 } else 1529 $('.page-header .navigation > .sticky-logo').remove(); 1530 } 1531 } 1532 } 1533 }); 1534}); 1535</script>
1535 1536 1537<!-- Google Tag Manager by MagePal -->
1538<script>window.dataLayer = window.dataLayer || [];</script>
1538 1539 1540
1541<script type="text/x-magento-init"> 1542 { 1543 "*": { 1544 "magepalGtmDatalayer": { 1545 "isCookieRestrictionModeEnabled": 0, 1546 "currentWebsite": 4, 1547 "cookieName": "user_allowed_save_cookie", 1548 "dataLayer": "dataLayer", 1549 "accountId": "GTM", 1550 "data": [{"ecommerce":{"currencyCode":"CAD"},"pageType":"cms_page_view","list":"other"}], 1551 "isGdprEnabled": 0, 1552 "gdprOption": 0, 1553 "addJsInHeader": 0, 1554 "containerCode": "" 1555 } 1556 } 1557 } 1558</script>
1558 1559<!-- End Google Tag Manager by MagePal --> 1560
1560<script type="text/x-magento-init"> 1561 { 1562 "*": { 1563 "Magento_PageCache/js/form-key-provider": { 1564 "isPaginationCacheEnabled": 1565 0 } 1566 } 1567 } 1568 </script>
1568 1569
1569<script hash="sha256-fQDY1VJmJDOJByE8ZaEPaf2bMpz48L+hmhkGBEjAefg="> 1570 window.dataLayer = window.dataLayer || []; 1571 </script>
1571 1572
1572<script type="text/x-magento-init"> 1573 { 1574 "*": { 1575 "Stape_Gtm/js/datalayer": { 1576 "isUserDataEnabled": true, 1577 "data": {}, 1578 "suffix": "_stape", 1579 "pageType": "", 1580 "extraData": {}, 1581 "productItemSelector": "", 1582 "useDisplayCurrency": false } 1583 } 1584 } 1585 </script>
1585 1586 <!-- GTM Container Loader By GTM Server Side plugin -->
1587<script>!function(){"use strict";function l(e){for(var t=e,r=0,n=document.cookie.split(";");r<n.length;r++){var o=n[r].split("=");if(o[0].trim()===t)return o[1]}}function s(e){return localStorage.getItem(e)}function u(e){return window[e]}function A(e,t){e=document.querySelector(e);return t?null==e?void 0:e.getAttribute(t):null==e?void 0:e.textContent}var e=window,t=document,r="script",n="dataLayer",o="https://qqq.canadahair.ca",a="",i="MWWvaeemzgfc",c="SaZfgY=aWQ9R1RNLVc1OFhQVko%3D&sort=asc",g="cookie",v="_sbp",E="",d=!1;try{var d=!!g&&(m=navigator.userAgent,!!(m=new RegExp("Version/([0-9._]+)(.*Mobile)?.*Safari.*").exec(m)))&&16.4<=parseFloat(m[1]),f="stapeUserId"===g,I=d&&!f?function(e,t,r){void 0===t&&(t="");var n={cookie:l,localStorage:s,jsVariable:u,cssSelector:A},t=Array.isArray(t)?t:[t];if(e&&n[e])for(var o=n[e],a=0,i=t;a<i.length;a++){var c=i[a],c=r?o(c,r):o(c);if(c)return c}else console.warn("invalid uid source",e)}(g,v,E):void 0;d=d&&(!!I||f)}catch(e){console.error(e)}var m=e,g=(m[n]=m[n]||[],m[n].push({"gtm.start":(new Date).getTime(),event:"gtm.js"}),t.getElementsByTagName(r)[0]),v=I?"&bi="+encodeURIComponent(I):"",E=t.createElement(r),f=(d&&(i=8<i.length?i.replace(/([a-z]{8}$)/,"kp$1"):"kp"+i),!d&&a?a:o);E.async=!0,E.src=f+"/"+i+".js?"+c+v,null!=(e=g.parentNode)&&e.insertBefore(E,g)}();</script>
1587<!-- END of GTM Container Loader By GTM Server Side plugin --> 1588 </head> 1589 <body data-container="body" 1590 data-mage-init='{"loaderAjax": {}, "loader": { "icon": "https://cdn.canadahair.ca/static/version1788948291/frontend/Polisys/theme-frontend-canadahair/en_US/images/loader-2.gif"}}' 1591 id="html-body" class="cms-deals layout-1140 wide mobile-sticky mst-nav__theme-magento-blank mst-nav__theme-smartwave-porto mst-nav__theme-polisys-theme-frontend-canadahair cms-page-view page-layout-1column"> 1592 1593<!-- Google Tag Manager by MagePal --> 1594<noscript><iframe src="//www.googletagmanager.com/ns.html?id=GTM" 1595height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript> 1596<!-- End Google Tag Manager by MagePal --> 1597
1598<script type="text/x-magento-init"> 1599 { 1600 "*": { 1601 "Magento_PageBuilder/js/widget-initializer": { 1602 "config": {"[data-content-type=\"slider\"][data-appearance=\"default\"]":{"Magento_PageBuilder\/js\/content-type\/slider\/appearance\/default\/widget":false},"[data-content-type=\"map\"]":{"Magento_PageBuilder\/js\/content-type\/map\/appearance\/default\/widget":false},"[data-content-type=\"row\"]":{"Magento_PageBuilder\/js\/content-type\/row\/appearance\/default\/widget":false},"[data-content-type=\"tabs\"]":{"Magento_PageBuilder\/js\/content-type\/tabs\/appearance\/default\/widget":false},"[data-content-type=\"slide\"]":{"Magento_PageBuilder\/js\/content-type\/slide\/appearance\/default\/widget":{"buttonSelector":".pagebuilder-slide-button","showOverlay":"hover","dataRole":"slide"}},"[data-content-type=\"banner\"]":{"Magento_PageBuilder\/js\/content-type\/banner\/appearance\/default\/widget":{"buttonSelector":".pagebuilder-banner-button","showOverlay":"hover","dataRole":"banner"}},"[data-content-type=\"buttons\"]":{"Magento_PageBuilder\/js\/content-type\/buttons\/appearance\/inline\/widget":false},"[data-content-type=\"products\"][data-appearance=\"carousel\"]":{"Magento_PageBuilder\/js\/content-type\/products\/appearance\/carousel\/widget":false},"[data-content-type=\"filterproducts\"][data-appearance=\"owlcarousel\"]":{"Smartwave_Filterproducts\/js\/content-type\/filterproducts\/appearance\/carousel\/widget":false}}, 1603 "breakpoints": {"desktop":{"label":"Desktop","stage":true,"default":true,"class":"desktop-switcher","icon":"Magento_PageBuilder::css\/images\/switcher\/switcher-desktop.svg","conditions":{"min-width":"1024px"},"options":{"products":{"default":{"slidesToShow":"5"}}}},"tablet":{"conditions":{"max-width":"1024px","min-width":"768px"},"options":{"products":{"default":{"slidesToShow":"4"},"continuous":{"slidesToShow":"3"}}}},"mobile":{"label":"Mobile","stage":true,"class":"mobile-switcher","icon":"Magento_PageBuilder::css\/images\/switcher\/switcher-mobile.svg","media":"only screen and (max-width: 768px)","conditions":{"max-width":"768px","min-width":"640px"},"options":{"products":{"default":{"slidesToShow":"3"}}}},"mobile-small":{"conditions":{"max-width":"640px"},"options":{"products":{"default":{"slidesToShow":"2"},"continuous":{"slidesToShow":"1"}}}}} } 1604 } 1605 } 1606</script>
1606 1607
1608<script type="text/x-magento-init"> 1609 { 1610 "*": { 1611 "mage/cookies": { 1612 "expires": null, 1613 "path": "\u002F", 1614 "domain": ".canadahair.ca", 1615 "secure": false, 1616 "lifetime": "86400" 1617 } 1618 } 1619 } 1620</script>
1620 1621 <noscript> 1622 <div class="message global noscript"> 1623 <div class="content"> 1624 <p> 1625 <strong>JavaScript seems to be disabled in your browser.</strong> 1626 <span> 1627 For the best experience on our site, be sure to turn on Javascript in your browser. </span> 1628 </p> 1629 </div> 1630 </div> 1631 </noscript> 1632
1633<script> 1634 window.cookiesConfig = window.cookiesConfig || {}; 1635 window.cookiesConfig.secure = false; 1636</script>
1636
1636<script> 1637 window.onerror = function(msg, url, line) { 1638 var key = "collected_errors"; 1639 var errors = {}; 1640 if (sessionStorage.getItem(key)) { 1641 errors = JSON.parse(sessionStorage.getItem(key)); 1642 } 1643 if (!(window.location.href in errors)) { 1644 errors[window.location.href] = []; 1645 } 1646 errors[window.location.href].push("error: \'" + msg + "\' " + "file: " + url + " " + "line: " + line); 1647 sessionStorage.setItem(key, JSON.stringify(errors)); 1648 };</script>
1648<script> require.config({ 1649 map: { 1650 '*': { 1651 wysiwygAdapter: 'mage/adminhtml/wysiwyg/tiny_mce/tinymceAdapter' 1652 } 1653 } 1654 });</script>
1654<script> require.config({ 1655 paths: { 1656 googleMaps: 'https\u003A\u002F\u002Fmaps.googleapis.com\u002Fmaps\u002Fapi\u002Fjs\u003Fv\u003D3.53\u0026key\u003D' 1657 }, 1658 config: { 1659 'Magento_PageBuilder/js/utils/map': { 1660 style: '', 1661 }, 1662 'Magento_PageBuilder/js/content-type/map/preview': { 1663 apiKey: '', 1664 apiKeyErrorMessage: 'You\u0020must\u0020provide\u0020a\u0020valid\u0020\u003Ca\u0020href\u003D\u0027https\u003A\u002F\u002Fcanadahair.ca\u002Fadminhtml\u002Fsystem_config\u002Fedit\u002Fsection\u002Fcms\u002F\u0023cms_pagebuilder\u0027\u0020target\u003D\u0027_blank\u0027\u003EGoogle\u0020Maps\u0020API\u0020key\u003C\u002Fa\u003E\u0020to\u0020use\u0020a\u0020map.' 1665 }, 1666 'Magento_PageBuilder/js/form/element/map': { 1667 apiKey: '', 1668 apiKeyErrorMessage: 'You\u0020must\u0020provide\u0020a\u0020valid\u0020\u003Ca\u0020href\u003D\u0027https\u003A\u002F\u002Fcanadahair.ca\u002Fadminhtml\u002Fsystem_config\u002Fedit\u002Fsection\u002Fcms\u002F\u0023cms_pagebuilder\u0027\u0020target\u003D\u0027_blank\u0027\u003EGoogle\u0020Maps\u0020API\u0020key\u003C\u002Fa\u003E\u0020to\u0020use\u0020a\u0020map.' 1669 }, 1670 } 1671 });</script>
1671<script> 1672 require.config({ 1673 shim: { 1674 'Magento_PageBuilder/js/utils/map': { 1675 deps: ['googleMaps'] 1676 } 1677 } 1678 });</script>
1678
1678<script nonce="MjBjcWE4ZmI1bnZ0Nm51ZW9sYjd6emR5anJxcDJwbGY="> 1679 require([ 1680 'jquery', 1681 'Mirasvit_SearchAutocomplete/js/autocomplete', 1682 'Mirasvit_SearchAutocomplete/js/typeahead' 1683 ], function ($, autocomplete, typeahead) { 1684 const selector = 'input#search, input#mobile_search, .minisearch input[type="text"]'; 1685 1686 $(document).ready(function () { 1687 $('#search_mini_form').prop("minSearchLength", 10000); 1688 1689 const $input = $(selector); 1690 1691 $input.each(function (index, searchInput) { 1692 new typeahead($(searchInput)).init({"query":"","priceFormat":{"pattern":"$%s","precision":2,"requiredPrecision":2,"decimalSymbol":".","groupSymbol":",","groupLength":3,"integerRequired":false},"minSearchLength":3,"url":"https:\/\/canadahair.ca\/searchautocomplete\/ajax\/suggest\/","storeId":"5","delay":300,"isAjaxCartButton":false,"isShowCartButton":false,"isShowImage":true,"isShowPrice":true,"isShowSku":false,"isShowRating":true,"isShowDescription":false,"isShowStockStatus":false,"isShowAdditionalAttributes":false,"isKeepLastSearchRequest":false,"layout":"1column","popularTitle":"Popular Suggestions","popularSearches":["Clip-ins","Toppers","Invisible tape-ins","Colour swatches","Human hair wigs","Nano rings","European hair","Wavy hair","Blonde hair"],"isTypeaheadEnabled":true,"typeaheadUrl":"https:\/\/canadahair.ca\/searchautocomplete\/ajax\/typeahead\/","logUrl":"https:\/\/canadahair.ca\/searchautocomplete\/ajax\/log\/","minSuggestLength":2,"currency":"CAD","limit":null,"customerGroupId":0,"filterPosition":"filters_top","filterLimit":5,"availableOrders":{"_score":"Relevance","name.sort_name":"Product Name","sku.sort_sku":"SKU","price_0_4":"Price","hair_extensions_style_value.sort_hair_extensions_style":"Style","hair_extensions_quality_value.sort_hair_extensions_quality":"Hair Quality","attachment_style_value.sort_attachment_style":"Attachment style","new_extensions_length_value.sort_new_extensions_length":"Length","new_extensions_color_value.sort_new_extensions_color":"Colour","product_availability_value.sort_product_availability":"Product availability"},"defaultOrder":"_score","localStorageFields":{"prevRequestField":"mstLatestRequest","isRestorePrevRequestFlag":"mstIsRestorePrevRequest","isRefererAutocompleteFlag":"mstIsRefererAutocomplete"},"isHighlightingEnabled":true}); 1693 new autocomplete($(searchInput)).init({"query":"","priceFormat":{"pattern":"$%s","precision":2,"requiredPrecision":2,"decimalSymbol":".","groupSymbol":",","groupLength":3,"integerRequired":false},"minSearchLength":3,"url":"https:\/\/canadahair.ca\/searchautocomplete\/ajax\/suggest\/","storeId":"5","delay":300,"isAjaxCartButton":false,"isShowCartButton":false,"isShowImage":true,"isShowPrice":true,"isShowSku":false,"isShowRating":true,"isShowDescription":false,"isShowStockStatus":false,"isShowAdditionalAttributes":false,"isKeepLastSearchRequest":false,"layout":"1column","popularTitle":"Popular Suggestions","popularSearches":["Clip-ins","Toppers","Invisible tape-ins","Colour swatches","Human hair wigs","Nano rings","European hair","Wavy hair","Blonde hair"],"isTypeaheadEnabled":true,"typeaheadUrl":"https:\/\/canadahair.ca\/searchautocomplete\/ajax\/typeahead\/","logUrl":"https:\/\/canadahair.ca\/searchautocomplete\/ajax\/log\/","minSuggestLength":2,"currency":"CAD","limit":null,"customerGroupId":0,"filterPosition":"filters_top","filterLimit":5,"availableOrders":{"_score":"Relevance","name.sort_name":"Product Name","sku.sort_sku":"SKU","price_0_4":"Price","hair_extensions_style_value.sort_hair_extensions_style":"Style","hair_extensions_quality_value.sort_hair_extensions_quality":"Hair Quality","attachment_style_value.sort_attachment_style":"Attachment style","new_extensions_length_value.sort_new_extensions_length":"Length","new_extensions_color_value.sort_new_extensions_color":"Colour","product_availability_value.sort_product_availability":"Product availability"},"defaultOrder":"_score","localStorageFields":{"prevRequestField":"mstLatestRequest","isRestorePrevRequestFlag":"mstIsRestorePrevRequest","isRefererAutocompleteFlag":"mstIsRefererAutocomplete"},"isHighlightingEnabled":true}); 1694 }); 1695 }); 1696 } 1697 ); 1698 </script>
1698 1699 1700
1700<script id="searchAutocompletePlaceholder" type="text/x-custom-template"> 1701 <div class="mst-searchautocomplete__autocomplete"></div> 1702 <div class="mst-searchautocomplete__backdrop"></div> 1703</script>
1703 1704
1705<script id="searchAutocompleteWrapper" type="text/x-custom-template"> 1706 <div class="mst-searchautocomplete__wrapper"> 1707 <!-- ko if: loading() --> 1708 <div class="mst-searchautocomplete__results"> 1709 <!-- ko template: { name: 'mst_dd_skeleton' } --><!-- /ko --> 1710 </div> 1711 <!-- /ko --> 1712 1713 <!-- ko if: !loading() && isEmptyQuery() --> 1714 <div class="mst-searchautocomplete__results mst-dd-prompt"> 1715 <!-- ko if: popularSearches.length --> 1716 <p class="mst-dd-eyebrow" data-bind="text: config.popularTitle"></p> 1717 <div class="mst-dd-chips" data-bind="foreach: { data: popularSearches, as: 'query' }"> 1718 <a href="#" class="mst-dd-chip" data-bind="text: query, click: $root.selectQuery"></a> 1719 </div> 1720 <!-- /ko --> 1721 1722 <!-- ko if: recentSearches().length --> 1723 <div class="mst-dd-prompt__head"> 1724 <p class="mst-dd-eyebrow">Recent</p> 1725 <a href="#" class="mst-dd-prompt__clear" data-bind="click: clearRecentSearches">Clear</a> 1726 </div> 1727 <div class="mst-dd-recent" data-bind="foreach: { data: recentSearches, as: 'query' }"> 1728 <button type="button" class="mst-dd-recent-btn" data-bind="click: $root.selectQuery"> 1729 <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" aria-hidden="true" focusable="false"><circle cx="12" cy="12" r="9"/><path d="M12 7v5l3 2"/></svg> 1730 <span data-bind="text: query"></span> 1731 </button> 1732 </div> 1733 <!-- /ko --> 1734 </div> 1735 <!-- /ko --> 1736 1737 <!-- ko if: !loading() && !isEmptyQuery() && result().noResults --> 1738 <div class="mst-searchautocomplete__results mst-dd-noresults"> 1739 <div class="mst-dd-noresults__icon"> 1740 <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" aria-hidden="true" focusable="false"><circle cx="11" cy="11" r="7"/><path d="m21 21-4.3-4.3"/></svg> 1741 </div> 1742 <p class="mst-dd-noresults__title" data-bind="text: result().textEmpty"></p> 1743 <p class="mst-dd-noresults__hint">Check the spelling or try a shorter, more general term.</p> 1744 1745 <!-- ko if: popularSearches.length --> 1746 <p class="mst-dd-eyebrow" data-bind="text: config.popularTitle"></p> 1747 <div class="mst-dd-chips mst-dd-chips--center" data-bind="foreach: { data: popularSearches, as: 'query' }"> 1748 <a href="#" class="mst-dd-chip" data-bind="text: query, click: $root.selectQuery"></a> 1749 </div> 1750 <!-- /ko --> 1751 </div> 1752 <!-- /ko --> 1753 1754 <!-- ko if: !loading() && !isEmptyQuery() && !result().noResults --> 1755 <div class="mst-searchautocomplete__results"> 1756 <!-- ko if: isTwoColumns() --> 1757 <div class="mst-dd-2col"> 1758 <div class="mst-dd-main" data-bind="foreach: { data: productIndexes, as: 'index' }"> 1759 <!-- ko template: { name: 'mst_dd_index', data: index } --><!-- /ko --> 1760 </div> 1761 <div class="mst-dd-side" data-bind="foreach: { data: otherIndexes, as: 'index' }"> 1762 <!-- ko template: { name: 'mst_dd_index', data: index } --><!-- /ko --> 1763 </div> 1764 </div> 1765 <!-- /ko --> 1766 1767 <!-- ko ifnot: isTwoColumns() --> 1768 <div class="mst-dd-1col" data-bind="foreach: { data: visibleIndexes, as: 'index' }"> 1769 <!-- ko template: { name: 'mst_dd_index', data: index } --><!-- /ko --> 1770 </div> 1771 <!-- /ko --> 1772 </div> 1773 1774 <a class="mst-dd-viewall" data-bind=" 1775 visible: result().urlAll && result().totalItems > 0, 1776 attr: { href: result().urlAll }, 1777 text: result().textAll"></a> 1778 <!-- /ko --> 1779 </div> 1780</script>
1780 1781
1782<script id="mst_dd_index" type="text/x-custom-template"> 1783 <div data-bind="attr: { class: 'mst-searchautocomplete__index mst-dd-section ' + identifier }"> 1784 <p class="mst-dd-sectitle"> 1785 <span class="mst-dd-sectitle__name" data-bind="text: title"></span> 1786 <span class="mst-dd-sectitle__count" data-bind="visible: isShowTotals, text: '(' + totalItems + ')'"></span> 1787 </p> 1788 1789 <div class="mst-dd-notice" data-bind="visible: isMisspell == true"> 1790 <span data-bind="html: textMisspell"></span> 1791 <span data-bind="html: textCorrected"></span> 1792 </div> 1793 1794 <ul data-bind=" 1795 attr: { class: $root.listCssClass($data) }, 1796 foreach: { data: items, as: 'item' }" 1797 aria-label="Search Autocomplete Result"> 1798 <li data-bind=" 1799 template: { name: $parent.identifier, data: item }, 1800 attr: { class: $root.itemCssClass($parent) }, 1801 event: { mouseover: $root.onMouseOver, mouseout: $root.onMouseOut, mousedown: $root.onClick }, 1802 css: { _active: item.isActive }"> 1803 </li> 1804 </ul> 1805 </div> 1806</script>
1806 1807
1808<script id="mst_dd_skeleton" type="text/x-custom-template"> 1809 <div class="mst-dd-1col"> 1810 <div class="mst-dd-section"> 1811 <p class="mst-dd-sectitle"><span class="mst-dd-sk__line mst-dd-sk__line--title mst-skeleton"></span></p> 1812 <ul class="mst-dd-list"> 1813 <li class="mst-dd-card mst-dd-card--skeleton"> 1814 <span class="mst-dd-card__thumb mst-skeleton"></span> 1815 <div class="mst-dd-card__meta"> 1816 <span class="mst-dd-sk__line mst-dd-sk__line--name mst-skeleton"></span> 1817 <span class="mst-dd-sk__line mst-dd-sk__line--desc mst-skeleton"></span> 1818 <span class="mst-dd-sk__line mst-dd-sk__line--meta mst-skeleton"></span> 1819 </div> 1820 </li> 1821 <li class="mst-dd-card mst-dd-card--skeleton"> 1822 <span class="mst-dd-card__thumb mst-skeleton"></span> 1823 <div class="mst-dd-card__meta"> 1824 <span class="mst-dd-sk__line mst-dd-sk__line--name mst-skeleton"></span> 1825 <span class="mst-dd-sk__line mst-dd-sk__line--desc mst-skeleton"></span> 1826 <span class="mst-dd-sk__line mst-dd-sk__line--meta mst-skeleton"></span> 1827 </div> 1828 </li> 1829 <li class="mst-dd-card mst-dd-card--skeleton"> 1830 <span class="mst-dd-card__thumb mst-skeleton"></span> 1831 <div class="mst-dd-card__meta"> 1832 <span class="mst-dd-sk__line mst-dd-sk__line--name mst-skeleton"></span> 1833 <span class="mst-dd-sk__line mst-dd-sk__line--desc mst-skeleton"></span> 1834 <span class="mst-dd-sk__line mst-dd-sk__line--meta mst-skeleton"></span> 1835 </div> 1836 </li> 1837 </ul> 1838 </div> 1839 </div> 1840</script>
1840 1841
1842<script id="mst_dd_generic_item" type="text/x-custom-template"> 1843 <!-- ko if: ($data.imageUrl) --> 1844 <span class="mst-dd-card__thumb"> 1845 <img rel="noreferrer" data-bind="attr: { src: imageUrl, alt: name }"/> 1846 </span> 1847 <!-- /ko --> 1848 1849 <div class="mst-dd-card__meta"> 1850 <a class="mst-dd-card__title title" rel="noreferrer" data-bind="html: name, attr: { href: url }, highlight"></a> 1851 1852 <!-- ko if: ($data.description) --> 1853 <p class="mst-dd-card__desc" data-bind="html: description, highlight"></p> 1854 <!-- /ko --> 1855 </div> 1856</script>
1856 1857
1858<script id="mirasvit_gry_registry" type="text/x-custom-template"> 1859 <div class="mst-dd-card__meta"> 1860 <a class="mst-dd-card__title title" data-bind="text: title, attr: { href: url }, highlight"></a> 1861 <p class="mst-dd-card__desc" data-bind="text: name, highlight"></p> 1862 </div> 1863</script>
1863 1864
1865<script id="magento_search_query" type="text/x-custom-template"> 1866 <div class="mst-dd-card__meta"> 1867 <a class="mst-dd-card__title title" data-bind="text: query_text, attr: { href: url }, highlight"></a> 1868 </div> 1869 <span class="mst-dd-card__num-results" data-bind="text: num_results"></span> 1870</script>
1870 1871
1872<script id="magento_catalog_product" type="text/x-custom-template"> 1873 <!-- ko if: (imageUrl && $root.config.isShowImage) --> 1874 <a class="mst-dd-card__thumb" rel="noreferrer" data-bind="attr: { href: url }"> 1875 <img data-bind="attr: { src: imageUrl, alt: name }"/> 1876 </a> 1877 <!-- /ko --> 1878 1879 <div class="mst-dd-card__meta"> 1880 <a class="mst-dd-card__title title" rel="noreferrer" data-bind="html: name, attr: { href: url }, highlight"></a> 1881 1882 <!-- ko if: (sku && $root.config.isShowSku) --> 1883 <p class="mst-dd-card__sku" data-bind="text: sku, highlight"></p> 1884 <!-- /ko --> 1885 1886 <!-- ko if: (additionalAttributes && $root.config.isShowAdditionalAttributes) --> 1887 <div data-bind="foreach: { data: additionalAttributes, as: 'attribute' }"> 1888 <!-- ko if: (attribute) --> 1889 <p class="mst-dd-card__attr"> 1890 <span class="attr-label" data-bind="text: attribute.label"></span> 1891 <b class="attr-value" data-bind="text: attribute.value"></b> 1892 </p> 1893 <!-- /ko --> 1894 </div> 1895 <!-- /ko --> 1896 1897 <!-- ko if: (description && $root.config.isShowDescription) --> 1898 <p class="mst-dd-card__desc" data-bind="text: description, highlight"></p> 1899 <!-- /ko --> 1900 1901 <div class="mst-dd-card__metarow"> 1902 <!-- ko if: (rating && $root.config.isShowRating) --> 1903 <span class="rating-summary"> 1904 <span class="rating-result"> 1905 <span data-bind="style: { width: rating + '%' }"></span> 1906 </span> 1907 </span> 1908 <!-- ko if: (reviews) --> 1909 <span class="mst-dd-reviews">(<span data-bind="text: reviews"></span>)</span> 1910 <!-- /ko --> 1911 <!-- /ko --> 1912 1913 <!-- ko if: (stockStatus && $root.config.isShowStockStatus) --> 1914 <span class="mst-dd-stock stock_status" data-bind="text: stockStatus, processStockStatus"></span> 1915 <!-- /ko --> 1916 </div> 1917 </div> 1918 1919 <div class="mst-dd-pricecol"> 1920 <!-- ko if: (price && $root.config.isShowPrice) --> 1921 <span class="price" data-bind="html: price"></span> 1922 <!-- /ko --> 1923 1924 <!-- ko if: (addToCartUrl && $root.config.isShowCartButton) --> 1925 <span class="to-cart"> 1926 <a class="action primary small mst__add_to_cart" data-bind="attr: { _href: addToCartUrl }"> 1927 <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" aria-hidden="true" focusable="false"><circle cx="9" cy="20" r="1.4"/><circle cx="18" cy="20" r="1.4"/><path d="M3 4h2l2.5 11h10l2-7H6"/></svg> 1928 <span>Add To Cart</span> 1929 </a> 1930 </span> 1931 <!-- /ko --> 1932 </div> 1933</script>
1933 1934
1935<script id="magento_catalog_categoryproduct" type="text/x-custom-template"> 1936 <!-- ko template: { name: 'mst_dd_generic_item' } --><!-- /ko --> 1937</script>
vendor: 1 bytes, line 1937
1937
1938<script id="magento_catalog_category" type="text/x-custom-template"> 1939 <!-- ko template: { name: 'mst_dd_generic_item' } --><!-- /ko --> 1940</script>
vendor: 1 bytes, line 1940
1940
1941<script id="magento_cms_page" type="text/x-custom-template"> 1942 <!-- ko template: { name: 'mst_dd_generic_item' } --><!-- /ko --> 1943</script>
vendor: 1 bytes, line 1943
1943
1944<script id="magento_catalog_attribute" type="text/x-custom-template"> 1945 <!-- ko template: { name: 'mst_dd_generic_item' } --><!-- /ko --> 1946</script>
vendor: 1 bytes, line 1946
1946
1947<script id="magento_catalog_attribute_2" type="text/x-custom-template"> 1948 <!-- ko template: { name: 'mst_dd_generic_item' } --><!-- /ko --> 1949</script>
vendor: 1 bytes, line 1949
1949
1950<script id="magento_catalog_attribute_3" type="text/x-custom-template"> 1951 <!-- ko template: { name: 'mst_dd_generic_item' } --><!-- /ko --> 1952</script>
vendor: 1 bytes, line 1952
1952
1953<script id="magento_catalog_attribute_4" type="text/x-custom-template"> 1954 <!-- ko template: { name: 'mst_dd_generic_item' } --><!-- /ko --> 1955</script>
vendor: 1 bytes, line 1955
1955
1956<script id="magento_catalog_attribute_5" type="text/x-custom-template"> 1957 <!-- ko template: { name: 'mst_dd_generic_item' } --><!-- /ko --> 1958</script>
vendor: 1 bytes, line 1958
1958
1959<script id="mirasvit_kb_article" type="text/x-custom-template"> 1960 <!-- ko template: { name: 'mst_dd_generic_item' } --><!-- /ko --> 1961</script>
vendor: 1 bytes, line 1961
1961
1962<script id="mirasvit_blog_post" type="text/x-custom-template"> 1963 <!-- ko template: { name: 'mst_dd_generic_item' } --><!-- /ko --> 1964</script>
vendor: 1 bytes, line 1964
1964
1965<script id="mirasvit_brand_page" type="text/x-custom-template"> 1966 <!-- ko template: { name: 'mst_dd_generic_item' } --><!-- /ko --> 1967</script>
vendor: 1 bytes, line 1967
1967
1968<script id="external_wordpress_post" type="text/x-custom-template"> 1969 <!-- ko template: { name: 'mst_dd_generic_item' } --><!-- /ko --> 1970</script>
vendor: 1 bytes, line 1970
1970
1971<script id="external_wordpress_page" type="text/x-custom-template"> 1972 <!-- ko template: { name: 'mst_dd_generic_item' } --><!-- /ko --> 1973</script>
vendor: 1 bytes, line 1973
1973
1974<script id="amasty_blog_post" type="text/x-custom-template"> 1975 <!-- ko template: { name: 'mst_dd_generic_item' } --><!-- /ko --> 1976</script>
vendor: 1 bytes, line 1976
1976
1977<script id="amasty_faq_question" type="text/x-custom-template"> 1978 <!-- ko template: { name: 'mst_dd_generic_item' } --><!-- /ko --> 1979</script>
vendor: 1 bytes, line 1979
1979
1980<script id="magefan_blog_post" type="text/x-custom-template"> 1981 <!-- ko template: { name: 'mst_dd_generic_item' } --><!-- /ko --> 1982</script>
vendor: 1 bytes, line 1982
1982
1983<script id="magefan_secondblog_post" type="text/x-custom-template"> 1984 <!-- ko template: { name: 'mst_dd_generic_item' } --><!-- /ko --> 1985</script>
vendor: 1 bytes, line 1985
1985
1986<script id="mageplaza_blog_post" type="text/x-custom-template"> 1987 <!-- ko template: { name: 'mst_dd_generic_item' } --><!-- /ko --> 1988</script>
vendor: 1 bytes, line 1988
1988
1989<script id="aheadworks_blog_post" type="text/x-custom-template"> 1990 <!-- ko template: { name: 'mst_dd_generic_item' } --><!-- /ko --> 1991</script>
vendor: 1 bytes, line 1991
1991
1992<script id="ves_blog_post" type="text/x-custom-template"> 1993 <!-- ko template: { name: 'mst_dd_generic_item' } --><!-- /ko --> 1994</script>
vendor: 1 bytes, line 1994
1994
1995<script id="fishpig_glossary_word" type="text/x-custom-template"> 1996 <!-- ko template: { name: 'mst_dd_generic_item' } --><!-- /ko --> 1997</script>
vendor: 1 bytes, line 1997
1997
1998<script id="blackbird_contentmanager_content" type="text/x-custom-template"> 1999 <!-- ko template: { name: 'mst_dd_generic_item' } --><!-- /ko --> 2000</script>
2000 2001 2002 2003 <style nonce="MjBjcWE4ZmI1bnZ0Nm51ZW9sYjd6emR5anJxcDJwbGY="> 2004 .mst-search__highlight, 2005 .mst-searchautocomplete__highlight, 2006 .mstInPage__highlight { background-color: #e0f2fe; color: #333333; font-weight: 700 } 2007 </style> 2008<div class="widget block block-static-block"> 2009 </div> 2010<div class="widget block block-static-block"> 2011 <p><style> 2012.splash::before { 2013 content: "LOADING"; 2014 position: absolute; 2015 z-index: 1000000; 2016 color: black!important; 2017 height: 100vh; 2018 width: 100vw; 2019 min-height: 100vh; 2020 top: 43vh; 2021} 2022.widget.block.block-static-block > p { 2023 margin: 0; 2024} 2025 2026.splash { 2027 position: bsolute; 2028 inset: 0; 2029 width: 100vw; 2030 height: 100vh; 2031 margin: 0; 2032 padding: 0; 2033 display: none; 2034 align-items: center; 2035 justify-content: center; 2036 text-align: center; 2037 line-height: 1.7; 2038 font-size: 2.5rem; 2039 font-weight: 600; 2040 text-transform: uppercase; 2041 letter-spacing: 0.05em; 2042 z-index: 999999; 2043 background-color: white; 2044 min-width: 100vw; 2045 min-height: 100vh; 2046color: white; 2047} 2048#mobile-splash{ 2049color: white; 2050} 2051 2052.unique-promo-bar-xx39w, 2053.page-wrapper { 2054display:none; 2055} 2056#mobile-splash,#desktop-splash{ 2057 display: none; 2058} 2059/* ---------- MOBILE ---------- */ 2060@media (max-width: 767px) { 2061 #mobile-splash { 2062 display: flex; 2063 } 2064} 2065 2066/* ---------- DESKTOP ---------- */ 2067@media (min-width: 768px) { 2068 #desktop-splash { 2069 display: flex; 2070 } 2071} 2072#mobile-splash.off,#desktop-splash.off{ 2073 display: none; 2074} 2075.unique-promo-bar-xx39w.on, 2076.page-wrapper.on { 2077display:block; 2078} 2079</style> 2080 2081<p id="mobile-splash" class="splash"> 2082· · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · 2083<br><br><br><br>·<br><br><br><br> 2084Loading 2085<br><br><br><br>·<br><br><br><br> 2086· · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · 2087</p> 2088 2089<p id="desktop-splash" class="splash"> 2090· · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · 2091<br><br><br><br>·<br><br><br><br> 2092Loading 2093<br><br><br><br>·<br><br><br><br> 2094· · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · 2095</p> 2096
2097<script> 2098 setTimeout(function () { 2099 var el4 = document.querySelector('.unique-promo-bar-xx39w'); 2100 if (el4) { 2101 el4.classList.add('on'); 2102 } 2103 var el3 = document.querySelector('.page-wrapper'); 2104 if (el3) { 2105 el3.classList.add('on'); 2106 } 2107 var el1 = document.querySelector('#mobile-splash'); 2108 if (el1) { 2109 el1.classList.add('off'); 2110 } 2111 var el2 = document.querySelector('#desktop-splash'); 2112 if (el2) { 2113 el2.classList.add('off'); 2114 } 2115 }, 250); 2116</script>
2116 2117</p></div> 2118<div class="widget block block-static-block"> 2119 <p><style> 2120:root{ 2121 --unique-header-h-xx39w: 0px; 2122} 2123@media (max-width: 768px){ 2124 .sep{ display:none; } 2125} 2126 2127/* ===== PROMO BAR ===== */ 2128.unique-promo-bar-xx39w{ 2129 background:linear-gradient(to bottom, #f4f4f4 0%, #e8e8e8 100%); 2130 color:#000; 2131 font-family:Arial, sans-serif; 2132 font-size:13px; 2133 padding:10px 18px; 2134 line-height:1.25; 2135 letter-spacing:0; 2136 position:sticky; 2137 top:var(--unique-header-h-xx39w); 2138 z-index:1; 2139 box-sizing:border-box; 2140 width:100%; 2141 border-bottom:1px solid rgba(0,0,0,.12); 2142} 2143.unique-promo-row-xx39w{ 2144 max-width:760px; 2145 margin:0 auto; 2146 display:grid; 2147 grid-template-columns:auto auto; 2148 align-items:center; 2149 justify-content:center; 2150 column-gap:14px; 2151} 2152.unique-promo-left-xx39w{ 2153 display:flex; 2154 flex-direction:column; 2155 align-items:flex-start; 2156 justify-content:center; 2157 min-width:0; 2158} 2159.unique-promo-main-xx39w{ 2160 font-size:17px; 2161 font-weight:700; 2162 color:#111; 2163 line-height:1.05; 2164 white-space:nowrap; 2165} 2166.unique-promo-main-xx39w .highlight{ 2167 color:#ff4f8b; 2168 font-weight:800; 2169} 2170.unique-promo-sub-xx39w{ 2171 margin-top:2px; 2172 font-size:12px; 2173 color:#222; 2174 font-weight:600; 2175 white-space:nowrap; 2176} 2177.unique-promo-sub-xx39w a{ 2178 color:#000; 2179 text-decoration:underline; 2180 font-weight:700; 2181} 2182.unique-mobile-extra-xx39w{ 2183 display:none; 2184} 2185.unique-coupon-wrap-xx39w{ 2186 display:inline-flex; 2187 align-items:center; 2188 gap:0; 2189 background:#f6f6f6; 2190 border:1px solid rgba(0,0,0,.18); 2191 border-radius:999px; 2192 padding:3px; 2193 flex-shrink:0; 2194 box-shadow:0 1px 3px rgba(0,0,0,.08); 2195} 2196.unique-code-pill-xx39w{ 2197 display:inline-flex; 2198 align-items:center; 2199 justify-content:center; 2200 min-width:102px; 2201 height:31px; 2202 padding:0 14px; 2203 border-radius:999px; 2204 background:#0b0b0d; 2205 color:#ff4f8b; 2206 font-weight:800; 2207 font-size:15px; 2208 letter-spacing:.6px; 2209 cursor:pointer; 2210 user-select:none; 2211 white-space:nowrap; 2212 box-sizing:border-box; 2213} 2214.unique-copy-btn-xx39w{ 2215 display:inline-flex; 2216 align-items:center; 2217 justify-content:center; 2218 min-width:48px; 2219 height:31px; 2220 padding:0 12px; 2221 border:none; 2222 background:transparent; 2223 color:#6f6f6f; 2224 font-size:12px; 2225 font-weight:700; 2226 border-radius:999px; 2227 cursor:pointer; 2228} 2229.unique-copy-btn-xx39w:focus, 2230.unique-code-pill-xx39w:focus{ 2231 outline:2px solid rgba(0,0,0,.18); 2232 outline-offset:2px; 2233} 2234.unique-copy-btn-xx39w.unique-copied-xx39w{ 2235 color:#ff4f8b; 2236} 2237 2238body.menu-open .unique-promo-bar-xx39w, 2239body.nav-open .unique-promo-bar-xx39w, 2240body.drawer-open .unique-promo-bar-xx39w, 2241body.mm-wrapper_opened .unique-promo-bar-xx39w{ 2242 display:none !important; 2243} 2244 2245@media (max-width:767px){ 2246 .unique-promo-bar-xx39w{ 2247 margin-top:70px; 2248 padding:10px 12px; 2249 } 2250 .unique-promo-row-xx39w{ 2251 max-width:100%; 2252 grid-template-columns:1fr auto; 2253 column-gap:8px; 2254 align-items:flex-start; 2255 } 2256 .unique-promo-left-xx39w{ 2257 flex:1 1 auto; 2258 } 2259 .unique-promo-main-xx39w{ 2260 font-size:16px; 2261 white-space:normal; 2262 } 2263 .unique-promo-sub-xx39w{ 2264 display:none; 2265 } 2266 .unique-mobile-extra-xx39w{ 2267 display:block; 2268 margin-top:2px; 2269 font-size:11px; 2270 line-height:1.25; 2271 color:#222; 2272 font-weight:600; 2273 } 2274 .unique-mobile-extra-xx39w a{ 2275 color:#000; 2276 text-decoration:underline; 2277 font-weight:700; 2278 } 2279 .unique-mobile-extra-xx39w span{ 2280 display:block; 2281 } 2282 .unique-coupon-wrap-xx39w{ 2283 transform:scale(.92); 2284 transform-origin:right top; 2285 } 2286} 2287</style> 2288 2289<div id="uniquePromoMount-xx39w" class="unique-promo-bar-xx39w" role="region" aria-label="Spring sale promo"> 2290 <div class="unique-promo-row-xx39w" aria-live="polite"> 2291 <div class="unique-promo-left-xx39w"> 2292 <div class="unique-promo-main-xx39w"><span class="highlight">20% OFF</span> your entire order.</div> 2293 2294 <div class="unique-promo-sub-xx39w"> 2295 Stylists +15% extra ⢠Loyal Members +5% extra <a href="/deals">(Learn more â)</a> Offer may end without notice. 2296 2297 2298 </div> 2299 2300 <div class="unique-mobile-extra-xx39w">
2301 <span>Stylists +15% extra</span> 2302 <span>Loyal Members +5% extra</span> 2303 <span><a href="/deals">(Learn more â)</a></span> 2304<span> Offer may end without notice. </span> 2305 </div> 2306 </div> 2307 2308 <div class="unique-coupon-wrap-xx39w"> 2309 <span class="unique-code-pill-xx39w" role="button" tabindex="0" data-code="SAVE20">SAVE20</span> 2310 <button class="unique-copy-btn-xx39w" type="button" data-code="SAVE20">Copy</button> 2311 </div> 2312 </div> 2313</div> 2314 2315<style> 2316/* ===== BACKGROUND ===== */ 2317body{ 2318 margin:0; 2319 min-height:100vh; 2320 overflow-x:hidden; 2321 background-color:#ffffff; 2322 position:relative; 2323 z-index:1; 2324} 2325body::before{ 2326 content:""; 2327 position:fixed; 2328 inset:0; 2329 pointer-events:none; 2330 z-index:-1; 2331 background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 1440 600' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill='%23f4f8fb' d='M0 400 L200 300 L350 380 L550 250 L750 390 L950 280 L1150 360 L1440 240 L1440 600 L0 600 Z'/%3E%3Cpath fill='%23edf3f8' d='M0 450 L250 340 L500 420 L700 310 L900 440 L1150 330 L1440 380 L1440 600 L0 600 Z'/%3E%3C/svg%3E"); 2332 background-repeat:no-repeat; 2333 background-position:bottom center; 2334 background-size:cover; 2335 opacity:0.5; 2336} 2337/* Snow */ 2338.snow{ 2339 position:fixed; 2340 top:0; 2341 left:0; 2342 width:100%; 2343 height:100%; 2344 pointer-events:none; 2345 z-index:1; 2346 overflow:hidden; 2347} 2348.snowflake{ 2349 position:absolute; 2350 top:-10px; 2351 color:#ffffff; 2352 font-size:14px; 2353 animation:fall linear infinite; 2354 opacity:0.9; 2355} 2356@keyframes fall{ 2357 0%{transform:translateY(0);} 2358 100%{transform:translateY(110vh);} 2359} 2360</style> 2361<!-- 2362<div class="snow"> 2363 <div class="snowflake" style="left:5%;animation-duration:8s;">â</div> 2364 <div class="snowflake" style="left:15%;animation-duration:10s;">â</div> 2365 <div class="snowflake" style="left:25%;animation-duration:7s;">â</div> 2366 <div class="snowflake" style="left:35%;animation-duration:12s;">â</div> 2367 <div class="snowflake" style="left:45%;animation-duration:9s;">â</div> 2368 <div class="snowflake" style="left:55%;animation-duration:11s;">â</div> 2369 <div class="snowflake" style="left:65%;animation-duration:8s;">â</div> 2370 <div class="snowflake" style="left:75%;animation-duration:13s;">â</div> 2371 <div class="snowflake" style="left:85%;animation-duration:9s;">â</div> 2372 <div class="snowflake" style="left:95%;animation-duration:10s;">â</div> 2373</div> --> 2374
2375<script> 2376// Mount under header 2377(function(){ 2378 const header = document.querySelector('.page-header.type1') || document.querySelector('header'); 2379 const banner = document.getElementById('uniquePromoMount-xx39w'); 2380 if(header && banner && header.nextSibling !== banner){ 2381 header.parentNode.insertBefore(banner, header.nextSibling); 2382 } 2383})(); 2384 2385// Track header height so promo stays below header 2386(function(){ 2387 const header = document.querySelector('.page-header.type1') || document.querySelector('header'); 2388 let raf = null; 2389 const setH = () => { 2390 raf = null; 2391 const px = header ? Math.ceil(header.getBoundingClientRect().height) : 0; 2392 document.documentElement.style.setProperty('--unique-header-h-xx39w', px + 'px'); 2393 }; 2394 const requestSet = () => { 2395 if(raf) return; 2396 raf = requestAnimationFrame(setH); 2397 }; 2398 requestSet(); 2399 window.addEventListener('resize', requestSet, {passive:true}); 2400 window.addEventListener('orientationchange', requestSet, {passive:true}); 2401 window.addEventListener('scroll', requestSet, {passive:true}); 2402 if(window.ResizeObserver && header){ 2403 new ResizeObserver(requestSet).observe(header); 2404 } 2405})(); 2406 2407// Copy coupon 2408(function(){ 2409 const copyCode = (code, button) => { 2410 if(navigator.clipboard && navigator.clipboard.writeText){ 2411 navigator.clipboard.writeText(code).then(()=>{ 2412 const original = button.textContent; 2413 button.textContent = 'Copied'; 2414 button.classList.add('unique-copied-xx39w'); 2415 setTimeout(()=>{ 2416 button.textContent = original; 2417 button.classList.remove('unique-copied-xx39w'); 2418 }, 1200); 2419 }); 2420 } 2421 }; 2422 2423 const codePill = document.querySelector('.unique-code-pill-xx39w'); 2424 const copyBtn = document.querySelector('.unique-copy-btn-xx39w'); 2425 2426 if(codePill){ 2427 codePill.addEventListener('click', function(){ 2428 copyCode(this.dataset.code, copyBtn); 2429 }); 2430 codePill.addEventListener('keydown', function(e){ 2431 if(e.key === 'Enter' || e.key === ' '){ 2432 e.preventDefault(); 2433 copyCode(this.dataset.code, copyBtn); 2434 } 2435 }); 2436 } 2437 2438 if(copyBtn){ 2439 copyBtn.addEventListener('click', function(){ 2440 copyCode(this.dataset.code, this); 2441 }); 2442 } 2443})(); 2444 2445// Check if SAVE20 is already applied 2446(async function () { 2447 const btn = document.querySelector('.unique-copy-btn-xx39w'); 2448 2449 if (!btn) return; 2450 2451 try { 2452 const response = await fetch('/checkout/cart/', { 2453 credentials: 'same-origin', 2454 cache: 'no-store' 2455 }); 2456 2457 const html = await response.text(); 2458 const doc = new DOMParser().parseFromString(html, 'text/html'); 2459 2460 const couponInput = 2461 doc.querySelector('input[name="coupon_code"]') || 2462 doc.querySelector('#coupon_code'); 2463 2464 const appliedCoupon = couponInput?.value?.trim()?.toUpperCase(); 2465 2466 if (appliedCoupon === 'SAVE20') { 2467 btn.textContent = 'Already Applied'; 2468 btn.classList.add('unique-copied-xx39w'); 2469 2470 // Optional: also update the code pill 2471 const codePill = document.querySelector('.unique-code-pill-xx39w'); 2472 if (codePill) { 2473 codePill.setAttribute('aria-label', 'Already Applied'); 2474 } 2475 } 2476 } catch (err) { 2477 console.log('Could not check coupon status', err); 2478 } 2479})(); 2480</script>
2480<!-- CanadaHair.ca | behind-promo-banner-3 | Step 3 2481 Replace the previous notice with this entire snippet. 2482 Statuses are set manually; this snippet does not monitor services. --> 2483<style> 2484/* ===== BANNER ===== */ 2485.ch-notice-bp1{ 2486 position:relative; z-index:2; width:100%; box-sizing:border-box; 2487 padding:10px 16px; background:#fff0f5; color:#262626; 2488 border-top:1px solid rgba(255,80,140,.18); 2489 border-bottom:1px solid rgba(255,80,140,.35); 2490 font-family:Arial,sans-serif; font-size:13px; line-height:1.4; 2491 text-align:center; 2492} 2493.ch-notice-bp1 strong{color:#d92f6c; font-weight:800;} 2494 2495/* Magento button overrides */ 2496button.ch-more-bp1, 2497button.ch-more-bp1:hover, 2498button.ch-more-bp1:active, 2499button.ch-more-bp1:focus{ 2500 display:inline !important; min-width:0 !important; 2501 min-height:0 !important; width:auto !important; height:auto !important; 2502 margin:0 0 0 4px !important; padding:0 !important; 2503 border:0 !important; border-radius:0 !important; 2504 background:transparent !important; background-image:none !important; 2505 box-shadow:none !important; color:#d92f6c !important; 2506 font-family:Arial,sans-serif !important; font-size:13px !important; 2507 font-weight:800 !important; line-height:inherit !important; 2508 text-decoration:underline !important; text-underline-offset:2px; 2509 text-transform:none !important; letter-spacing:0 !important; 2510 cursor:pointer; appearance:none; -webkit-appearance:none; 2511} 2512button.ch-more-bp1:hover{color:#b51e54 !important;} 2513button.ch-more-bp1:focus-visible{ 2514 outline:2px solid rgba(255,80,140,.55) !important; 2515 outline-offset:3px !important; 2516} 2517 2518/* ===== POPUP ===== */ 2519.ch-modal-bp1{ 2520 display:none; position:fixed; inset:0; z-index:999999; 2521 align-items:center; justify-content:center; box-sizing:border-box; 2522 padding:20px; background:rgba(15,15,15,.62); 2523 font-family:Arial,sans-serif; 2524} 2525.ch-modal-bp1.ch-open-bp1{display:flex;} 2526.ch-dialog-bp1{ 2527 position:relative; width:100%; max-width:570px; 2528 max-height:calc(100vh - 40px); max-height:calc(100dvh - 40px); 2529 overflow:auto; overscroll-behavior:contain; box-sizing:border-box; 2530 padding:34px; background:#fff; color:#272727; 2531 border:1px solid rgba(255,80,140,.25); 2532 border-top:6px solid #ff508c; border-radius:10px; 2533 box-shadow:0 20px 65px rgba(0,0,0,.32); text-align:left; 2534} 2535button.ch-close-bp1, 2536button.ch-close-bp1:hover, 2537button.ch-close-bp1:active, 2538button.ch-close-bp1:focus{ 2539 position:absolute !important; top:13px !important; right:14px !important; 2540 display:flex !important; align-items:center !important; 2541 justify-content:center !important; width:36px !important; 2542 min-width:36px !important; height:36px !important; min-height:0 !important; 2543 margin:0 !important; padding:0 !important; 2544 border:1px solid #ddd !important; border-radius:50% !important; 2545 background:#fff !important; background-image:none !important; 2546 box-shadow:none !important; color:#777 !important; 2547 font-family:Arial,sans-serif !important; font-size:25px !important; 2548 font-weight:400 !important; line-height:1 !important; 2549 text-transform:none !important; cursor:pointer; 2550 appearance:none; -webkit-appearance:none; 2551} 2552button.ch-close-bp1:hover{ 2553 border-color:#ff508c !important; color:#ff508c !important; 2554 background:#fff5f8 !important; 2555} 2556.ch-date-bp1{ 2557 margin:0 48px 7px 0; color:#d92f6c; font-size:12px; 2558 font-weight:800; line-height:1.3; letter-spacing:.45px; 2559 text-transform:uppercase; 2560} 2561.ch-title-bp1{ 2562 margin:0 40px 19px 0; color:#171717; 2563 font-size:23px; line-height:1.2; font-weight:800; 2564} 2565.ch-dialog-bp1 p{ 2566 margin:0 0 15px; color:#333; font-size:15px; line-height:1.6; 2567} 2568.ch-dialog-bp1 p.ch-inventory-highlight-bp1{ 2569 margin:21px 0 !important; padding:15px 17px; 2570 background:#fff0f5; border-left:4px solid #ff508c; 2571 color:#272727 !important; font-weight:700; 2572} 2573.ch-dialog-bp1 p.ch-help-bp1{margin:18px 0 0; font-size:13px;} 2574 2575/* ===== STATUS LIGHTS ===== */ 2576.ch-dot-bp1{ 2577 display:inline-block; width:10px; height:10px; flex:0 0 10px; 2578 border-radius:50%; vertical-align:middle; 2579} 2580.ch-dot-bp1.ch-green-bp1{background:#168544;} 2581.ch-dot-bp1.ch-yellow-bp1{background:#f4c430; border:1px solid #ad8000; box-sizing:border-box;} 2582.ch-dot-bp1.ch-red-bp1{background:#c93636;} 2583.ch-notice-bp1 > .ch-dot-bp1{margin-right:5px;} 2584.ch-legend-bp1{ 2585 display:flex; flex-wrap:wrap; gap:8px 16px; 2586 margin:0 0 14px; color:#555; font-size:12px; line-height:1.4; 2587} 2588.ch-legend-bp1 >
2588 span{display:inline-flex; align-items:center; gap:6px;} 2589.ch-status-list-bp1{ 2590 display:block; list-style:none !important; margin:0 !important; 2591 padding:0 !important; border:1px solid #e8e8e8; 2592 border-radius:8px; overflow:hidden; 2593} 2594.ch-status-list-bp1 > .ch-status-item-bp1{ 2595 display:block; list-style:none !important; margin:0 !important; 2596 padding:13px 15px !important; border:0; 2597 border-bottom:1px solid #e8e8e8; background:#fff; 2598} 2599.ch-status-list-bp1 > .ch-status-item-bp1::before{display:none !important;} 2600.ch-status-list-bp1 > .ch-status-item-bp1:last-child{border-bottom:0;} 2601.ch-status-list-bp1 > .ch-status-item-bp1.ch-warning-bp1{background:#fffcf1;} 2602.ch-status-list-bp1 > .ch-status-item-bp1.ch-critical-bp1{background:#fff7f7;} 2603.ch-status-heading-bp1{ 2604 display:flex; align-items:center; flex-wrap:wrap; gap:6px 10px; 2605 margin:0; line-height:1.4; 2606} 2607.ch-status-name-bp1{ 2608 display:inline-flex; align-items:center; gap:8px; 2609 color:#242424; font-size:14px; font-weight:700; 2610} 2611.ch-status-pill-bp1{ 2612 display:inline-block; padding:3px 8px; border-radius:999px; 2613 font-size:11px; font-weight:700; line-height:1.4; 2614} 2615.ch-status-pill-bp1.ch-green-bp1{background:#eaf7ee; color:#176b37;} 2616.ch-status-pill-bp1.ch-yellow-bp1{background:#fff0bd; color:#705100;} 2617.ch-status-pill-bp1.ch-red-bp1{background:#fdeaea; color:#a52323;} 2618.ch-dialog-bp1 .ch-status-description-bp1{ 2619 margin:5px 0 0 18px; font-size:13px; line-height:1.5; color:#555; 2620} 2621 2622/* ===== CONTINUE BUTTON ===== */ 2623button.ch-continue-bp1, 2624button.ch-continue-bp1:hover, 2625button.ch-continue-bp1:active, 2626button.ch-continue-bp1:focus{ 2627 display:block !important; width:100% !important; height:auto !important; 2628 min-height:44px !important; box-sizing:border-box !important; 2629 margin:25px 0 0 !important; padding:12px 18px !important; 2630 border:1px solid #ff508c !important; border-radius:999px !important; 2631 background:#ff508c !important; background-image:none !important; 2632 box-shadow:none !important; color:#fff !important; 2633 font-family:Arial,sans-serif !important; font-size:14px !important; 2634 font-weight:800 !important; line-height:1.3 !important; 2635 text-align:center !important; text-transform:none !important; 2636 letter-spacing:0 !important; cursor:pointer; 2637 appearance:none; -webkit-appearance:none; 2638} 2639button.ch-continue-bp1:hover{ 2640 border-color:#e63e78 !important; background:#e63e78 !important; 2641} 2642button.ch-continue-bp1:focus-visible, 2643button.ch-close-bp1:focus-visible{ 2644 outline:3px solid rgba(255,80,140,.3) !important; 2645 outline-offset:3px !important; 2646} 2647body.ch-modal-active-bp1{overflow:hidden;} 2648 2649/* Hide only the banner when mobile navigation is open */ 2650body.menu-open .ch-notice-bp1, 2651body.nav-open .ch-notice-bp1, 2652html.nav-open .ch-notice-bp1, 2653body.drawer-open .ch-notice-bp1, 2654body.mm-wrapper_opened .ch-notice-bp1{display:none !important;} 2655 2656@media (max-width:767px){ 2657 .ch-notice-bp1{padding:9px 12px; font-size:12px; line-height:1.45;} 2658 button.ch-more-bp1, 2659 button.ch-more-bp1:hover, 2660 button.ch-more-bp1:active, 2661 button.ch-more-bp1:focus{font-size:12px !important;} 2662 .ch-modal-bp1{padding:14px;} 2663 .ch-dialog-bp1{ 2664 max-height:calc(100vh - 28px); max-height:calc(100dvh - 28px); 2665 padding:29px 22px 23px; border-radius:9px; 2666 } 2667 .ch-date-bp1{padding-right:28px; font-size:11px;} 2668 .ch-title-bp1{margin-top:8px; font-size:20px;} 2669 .ch-dialog-bp1 p{font-size:14px; line-height:1.55;} 2670 .ch-dialog-bp1 p.ch-inventory-highlight-bp1{padding:14px;} 2671 .ch-status-list-bp1 > .ch-status-item-bp1{padding:12px !important;} 2672 .ch-status-name-bp1{font-size:13px;} 2673} 2674</style> 2675 2676<div id="behind-promo-banner-3" class="ch-notice-bp1" role="status"> 2677 <strong>Attention:</strong> 2678 Orders placed from September 23 to October 10 will ship October 11. 2679 <button class="ch-more-bp1" type="button" aria-haspopup="dialog" 2680 aria-controls="ch-modal-bp1" aria-expanded="false">Read more</button> 2681</div> 2682 2683<div id="ch-modal-bp1" class="ch-modal-bp1" aria-hidden="true"> 2684 <div class="ch-dialog-bp1" role="dialog" aria-modal="true" 2685 aria-labelledby="ch-title-bp1" tabindex="-1"> 2686 <button class="ch-close-bp1" type="button" 2687 aria-label="Close service update">Ã</button> 2688 2689 <div class="ch-date-bp1">Official Service Update â September 18, 2026</div> 2690 <h2 id="ch-title-bp1" class="ch-title-bp1">Order Processing Severely Disrupted</h2> 2691 <p> 2692 Due to an <strong>unprecedented volume of orders</strong>, order processing is 2693 severely disrupted and our inventory is running low. 2694 </p> 2695 <p> 2696Ongoing international trade uncertainty and other global supply-chain pressures may also affect upcoming shipments and restocking timelines. 2697 </p> 2698 <p class="ch-inventory-highlight-bp1"> 2699 Orders placed from <strong>September 23 through October 10</strong> will ship on 2700 <strong>October 11</strong>. Inventory availability cannot be guaranteed. 2701 </p> 2702 2703 <div class="ch-legend-bp1" aria-label="Status colour guide">
2704 <span><span class="ch-dot-bp1 ch-green-bp1" aria-hidden="true"></span>Operating normally</span> 2705 <span><span class="ch-dot-bp1 ch-yellow-bp1" aria-hidden="true"></span>Early disruptions</span> 2706 <span><span class="ch-dot-bp1 ch-red-bp1" aria-hidden="true"></span>Service disrupted</span> 2707 </div> 2708 2709 <ul class="ch-status-list-bp1" aria-label="Current service statuses"> 2710 <li class="ch-status-item-bp1"> 2711 <div class="ch-status-heading-bp1"> 2712 <span class="ch-status-name-bp1"><span class="ch-dot-bp1 ch-green-bp1" aria-hidden="true"></span>Online ordering</span> 2713 <span class="ch-status-pill-bp1 ch-green-bp1">Available 24/7</span> 2714 </div> 2715 <p class="ch-status-description-bp1">Our website is accepting orders 24/7.</p> 2716 </li> 2717 2718 <li class="ch-status-item-bp1"> 2719 <div class="ch-status-heading-bp1"> 2720 <span class="ch-status-name-bp1"><span class="ch-dot-bp1 ch-green-bp1" aria-hidden="true"></span>Customer support</span> 2721 <span class="ch-status-pill-bp1 ch-green-bp1">Available 24/7</span> 2722 </div> 2723 <p class="ch-status-description-bp1">Our customer support is available 24/7.</p> 2724 </li> 2725 <li class="ch-status-item-bp1 ch-critical-bp1"> 2726 <div class="ch-status-heading-bp1"> 2727 <span class="ch-status-name-bp1"><span class="ch-dot-bp1 ch-red-bp1" aria-hidden="true"></span>Order processing</span> 2728 <span class="ch-status-pill-bp1 ch-red-bp1">Severely disrupted</span> 2729 </div> 2730 <p class="ch-status-description-bp1">Orders placed from September 23 through October 10 will ship on October 11.</p> 2731 </li> 2732 2733 <li class="ch-status-item-bp1 ch-critical-bp1"> 2734 <div class="ch-status-heading-bp1"> 2735 <span class="ch-status-name-bp1"><span class="ch-dot-bp1 ch-red-bp1" aria-hidden="true"></span>Express shipping</span> 2736 <span class="ch-status-pill-bp1 ch-red-bp1">Suspended</span> 2737 </div> 2738 <p class="ch-status-description-bp1">Express shipping remains suspended.</p> 2739 </li> 2740 2741 <li class="ch-status-item-bp1 ch-warning-bp1"> 2742 <div class="ch-status-heading-bp1"> 2743 <span class="ch-status-name-bp1"><span class="ch-dot-bp1 ch-yellow-bp1" aria-hidden="true"></span>Returns processing</span> 2744 <span class="ch-status-pill-bp1 ch-yellow-bp1">Delays beginning</span> 2745 </div> 2746 <p class="ch-status-description-bp1">Refunds may take up to 2 weeks after we receive your return.</p> 2747 </li> 2748 2749 <li class="ch-status-item-bp1 ch-warning-bp1"> 2750 <div class="ch-status-heading-bp1"> 2751 <span class="ch-status-name-bp1"><span class="ch-dot-bp1 ch-yellow-bp1" aria-hidden="true"></span>Inventory availability</span> 2752 <span class="ch-status-pill-bp1 ch-yellow-bp1">Limited</span> 2753 </div> 2754 <p class="ch-status-description-bp1">Some products, colours and lengths are running low. In-stock availability is not guaranteed.</p> 2755 </li> 2756 2757 2758 </ul> 2759 2760 <p class="ch-help-bp1"> 2761 Need your order for a specific date? Please contact us before ordering 2762 so we can verify availability and confirm the applicable shipping timeframe. 2763 </p> 2764 <button class="ch-continue-bp1" type="button">Continue Shopping</button> 2765 </div> 2766</div> 2767
2768<script> 2769(function(){ 2770 function init(){ 2771 const notice = document.getElementById('behind-promo-banner-3'); 2772 const modal = document.getElementById('ch-modal-bp1'); 2773 if(!notice || !modal || notice.dataset.initialized === 'true') return; 2774 2775 const openButton = notice.querySelector('.ch-more-bp1'); 2776 const closeButton = modal.querySelector('.ch-close-bp1'); 2777 const continueButton = modal.querySelector('.ch-continue-bp1'); 2778 const dialog = modal.querySelector('.ch-dialog-bp1'); 2779 if(!openButton || !closeButton || !continueButton || !dialog) return; 2780 notice.dataset.initialized = 'true'; 2781 2782 /* Keep the notice immediately below the existing promo banner. */ 2783 function placeNotice(){ 2784 const promo = document.getElementById('uniquePromoMount-xx39w'); 2785 if(!promo) return false; 2786 if(promo.nextElementSibling !== notice){ 2787 promo.insertAdjacentElement('afterend', notice); 2788 } 2789 return true; 2790 } 2791 if(!placeNotice()){ 2792 const observer = new MutationObserver(function(){ 2793 if(placeNotice()) observer.disconnect(); 2794 }); 2795 observer.observe(document.body, {childList:true, subtree:true}); 2796 window.setTimeout(function(){observer.disconnect();}, 10000); 2797 } 2798 2799 /* Prevent theme containers from clipping the popup. */ 2800 if(modal.parentNode !== document.body) document.body.appendChild(modal); 2801 let previouslyFocused = null; 2802 2803 function openModal(){ 2804 previouslyFocused = document.activeElement; 2805 modal.classList.add('ch-open-bp1'); 2806 modal.setAttribute('aria-hidden', 'false'); 2807 openButton.setAttribute('aria-expanded', 'true'); 2808 document.body.classList.add('ch-modal-active-bp1'); 2809 dialog.scrollTop = 0; 2810 closeButton.focus({preventScroll:true}); 2811 } 2812 function closeModal(){ 2813 if(!modal.classList.contains('ch-open-bp1')) return; 2814 modal.classList.remove('ch-open-bp1'); 2815 modal.setAttribute('aria-hidden', 'true'); 2816 openButton.setAttribute('aria-expanded', 'false'); 2817 document.body.classList.remove('ch-modal-active-bp1'); 2818 if(previouslyFocused && previouslyFocused.isConnected){ 2819 previouslyFocused.focus({preventScroll:true}); 2820 } 2821 } 2822 2823 openButton.addEventListener('click', openModal); 2824 closeButton.addEventListener('click', closeModal); 2825 continueButton.addEventListener('click', closeModal); 2826 modal.addEventListener('click', function(event){ 2827 if(event.target === modal) closeModal(); 2828 }); 2829 2830 document.addEventListener('keydown', function(event){ 2831 if(!modal.classList.contains('ch-open-bp1')) return; 2832 if(event.key === 'Escape'){ 2833 event.preventDefault(); 2834 closeModal(); 2835 return; 2836 } 2837 if(event.key !== 'Tab') return; 2838 const focusable = Array.from(dialog.querySelectorAll( 2839 'button:not([disabled]), a[href], input:not([disabled]), ' + 2840 'select:not([disabled]), textarea:not([disabled]), ' + 2841 '[tabindex]:not([tabindex="-1"])' 2842 )).filter(function(element){return element.getClientRects().length > 0;}); 2843 const first = focusable[0]; 2844 const last = focusable[focusable.length - 1]; 2845 if(!first){event.preventDefault(); dialog.focus(); return;} 2846 if(!dialog.contains(document.activeElement)){ 2847 event.preventDefault(); 2848 (event.shiftKey ? last : first).focus(); 2849 }else if(event.shiftKey && (document.activeElement === first || document.activeElement === dialog)){ 2850 event.preventDefault(); last.focus(); 2851 }else if(!event.shiftKey && document.activeElement === last){ 2852 event.preventDefault(); first.focus(); 2853 } 2854 }); 2855 } 2856 2857 if(document.readyState === 'loading'){ 2858 document.addEventListener('DOMContentLoaded', init, {once:true}); 2859 }else{ 2860 init(); 2861 } 2862})(); 2863</script>
2863</p></div> 2864 2865
2865<script type="text/javascript">window.digitalData = ({"page":{"pageInfo":{"pageName":"Save Big on Hair Extensions, Wigs, and Toppers with Canada Hair\u2122","destinationURL":"https:\/\/canadahair.ca\/deals","language":"en_US"},"category":{"pageType":"cms_page_view"}},"pluginversion":"1.5.0","version":"2.4.7-p10","generatedDate":1790697276000});</script>
2865<!-- You have successfully installed the Fresh Relevance Extension. 2866You haven't enabled our script. With a Fresh Relevance account, you can create effortless personalization, 2867live email content and cart and browse abandonment emails. 2868If you want to know more about us, then check us out at https://www.freshrelevance.com 2869If you need help with the extension, go to https://www.freshrelevance.com/contact --> 2870<div class="page-wrapper"><header class="page-header type1 " > 2871 <div class="panel wrapper"> 2872 <div class="panel header"> 2873 <a class="action skip contentarea" 2874 href="#contentarea"> 2875 <span> 2876 Skip to Content </span> 2877</a> 2878 <ul class="header links"> <li class="greet welcome" data-bind="scope: 'customer'"> 2879 <!-- ko if: customer().fullname --> 2880 <span class="logged-in" 2881 data-bind="text: new String('Welcome, %1!'). 2882 replace('%1', customer().fullname)"> 2883 </span> 2884 <!-- /ko --> 2885 <!-- ko ifnot: customer().fullname --> 2886 <span class="not-logged-in" 2887 data-bind="text: 'Welcome :)'"></span> 2888 <!-- /ko --> 2889 </li> 2890
2890<script type="text/x-magento-init"> 2891 { 2892 "*": { 2893 "Magento_Ui/js/core/app": { 2894 "components": { 2895 "customer": { 2896 "component": "Magento_Customer/js/view/customer" 2897 } 2898 } 2899 } 2900 } 2901 } 2902 </script>
2902 2903<li class="item link compare hide" data-bind="scope: 'compareProducts'" data-role="compare-products-link"> 2904 <a class="action compare" title="Compare Products" 2905 data-bind="attr: {'href': compareProducts().listUrl}, css: {'': !compareProducts().count}" 2906 > 2907 <em class="porto-icon-chart hidden-xs"></em> 2908 Compare (<span class="counter qty" data-bind="text: compareProducts().countCaption"></span>) 2909 </a> 2910</li>
2911<script type="text/x-magento-init"> 2912{"[data-role=compare-products-link]": {"Magento_Ui/js/core/app": {"components":{"compareProducts":{"component":"Magento_Catalog\/js\/view\/compare-products"}}}}} 2913</script>
2913 2914<li class="link authorization-link" data-label="or"> 2915 <a href="https://canadahair.ca/customer/account/login/" >Sign In</a> 2916</li> 2917<li><a href="https://canadahair.ca/customer/account/create/" id="idKOYdK3Hg" >Create an Account</a></li></ul> </div> 2918 </div> 2919 <div class="header content"> 2920 2921 <a class="logo" href="https://canadahair.ca/" title="Canada Hair"> 2922 <img src="https://cdn.canadahair.ca/media/logo/stores/5/logo-gif-ch_3_.gif" 2923 alt="Canada Hair" 2924 width="180" height="40" /> 2925 </a> 2926 2927<div data-block="minicart" class="minicart-wrapper"> 2928 <a class="action showcart" href="https://canadahair.ca/checkout/cart/" 2929 data-bind="scope: 'minicart_content'"> 2930 <span class="text">My Cart</span> 2931 <span class="counter qty empty" 2932 data-bind="css: { empty: !!getCartParam('summary_count') == false && !isLoading() }, 2933 blockLoader: isLoading"> 2934 <span class="counter-number"> 2935 <!-- ko if: getCartParam('summary_count') --> 2936 <!-- ko text: getCartParam('summary_count').toLocaleString(window.LOCALE) --><!-- /ko --> 2937 <!-- /ko --> 2938 </span> 2939 <span class="counter-label"> 2940 <!-- ko if: getCartParam('summary_count') --> 2941 <!-- ko text: getCartParam('summary_count').toLocaleString(window.LOCALE) --><!-- /ko --> 2942 <!-- ko i18n: 'items' --><!-- /ko --> 2943 <!-- /ko --> 2944 </span> 2945 </span> 2946 </a> 2947 <div class="block block-minicart" 2948 data-role="dropdownDialog" 2949 data-mage-init='{"dropdownDialog":{ 2950 "appendTo":"[data-block=minicart]", 2951 "triggerTarget":".showcart", 2952 "timeout": "2000", 2953 "closeOnMouseLeave": false, 2954 "closeOnEscape": true, 2955 "triggerClass":"active", 2956 "parentClass":"active", 2957 "buttons":[]}}'> 2958 <div id="minicart-content-wrapper" data-bind="scope: 'minicart_content'"> 2959 <!-- ko template: getTemplate() --><!-- /ko --> 2960 </div> 2961 </div> 2962
2962<script>window.checkout = {"shoppingCartUrl":"https:\/\/canadahair.ca\/checkout\/cart\/","checkoutUrl":"https:\/\/canadahair.ca\/checkout\/","updateItemQtyUrl":"https:\/\/canadahair.ca\/checkout\/sidebar\/updateItemQty\/","removeItemUrl":"https:\/\/canadahair.ca\/checkout\/sidebar\/removeItem\/","imageTemplate":"Magento_Catalog\/product\/image_with_borders","baseUrl":"https:\/\/canadahair.ca\/","minicartMaxItemsVisible":1,"websiteId":"4","maxItemsToDisplay":10,"storeId":"5","storeGroupId":"4","customerLoginUrl":"https:\/\/canadahair.ca\/customer\/account\/login\/","isRedirectRequired":false,"autocomplete":"off","asLowAsActiveMiniCart":false,"apr":"0.10","months":"12","logo":null,"script":"https:\/\/cdn1.affirm.com\/js\/v2\/affirm.js","public_api_key":"SMR2UU1LMJE8HXWL","min_order_total":"0.01","max_order_total":"50000","currency_rate":"1.000000000000","display_cart_subtotal_incl_tax":0,"display_cart_subtotal_excl_tax":1,"edu":false,"defaultEduDesc":"You will be redirected to Affirm to securely complete your purchase. Just fill out a few pieces of basic information and get a real-time decision. Checking your eligibility won't affect your credit score.","affirmTitle":"Continue with Affirm","locale":"en_CA","country_code":"CAN","currency":"CAD","element_id":"als_mcc","promo_id":"","color_id":"","captcha":{"user_login":{"isCaseSensitive":false,"imageHeight":50,"imageSrc":"","refreshUrl":"https:\/\/canadahair.ca\/captcha\/refresh\/","isRequired":false,"timestamp":1790697276}}}</script>
2962
2962<script type="text/x-magento-init"> 2963 { 2964 "[data-block='minicart']": { 2965 "Magento_Ui/js/core/app": {"components":{"minicart_content":{"children":{"subtotal.container":{"children":{"subtotal":{"children":{"subtotal.totals":{"config":{"display_cart_subtotal_incl_tax":0,"display_cart_subtotal_excl_tax":1,"template":"Magento_Tax\/checkout\/minicart\/subtotal\/totals"},"children":{"subtotal.totals.msrp":{"component":"Magento_Msrp\/js\/view\/checkout\/minicart\/subtotal\/totals","config":{"displayArea":"minicart-subtotal-hidden","template":"Magento_Msrp\/checkout\/minicart\/subtotal\/totals"}}},"component":"Magento_Tax\/js\/view\/checkout\/minicart\/subtotal\/totals"}},"component":"uiComponent","config":{"template":"Magento_Checkout\/minicart\/subtotal"}}},"component":"uiComponent","config":{"displayArea":"subtotalContainer"}},"item.renderer":{"component":"Magento_Checkout\/js\/view\/cart-item-renderer","config":{"displayArea":"defaultRenderer","template":"Magento_Checkout\/minicart\/item\/default"},"children":{"item.image":{"component":"Magento_Catalog\/js\/view\/image","config":{"template":"Magento_Catalog\/product\/image","displayArea":"itemImage"}},"checkout.cart.item.price.sidebar":{"component":"uiComponent","config":{"template":"Magento_Checkout\/minicart\/item\/price","displayArea":"priceSidebar"}}}},"extra_info":{"component":"uiComponent","config":{"displayArea":"extraInfo"},"children":{"affirm_minicard":{"component":"Astound_Affirm\/js\/view\/minicart","config":{"template":"Astound_Affirm\/minicart\/info"}}}},"promotion":{"component":"uiComponent","config":{"displayArea":"promotion"}}},"config":{"itemRenderer":{"default":"defaultRenderer","simple":"defaultRenderer","virtual":"defaultRenderer"},"template":"Magento_Checkout\/minicart\/content"},"component":"Magento_Checkout\/js\/view\/minicart"}},"types":[]} }, 2966 "*": { 2967 "Magento_Ui/js/block-loader": "https\u003A\u002F\u002Fcdn.canadahair.ca\u002Fstatic\u002Fversion1788948291\u002Ffrontend\u002FPolisys\u002Ftheme\u002Dfrontend\u002Dcanadahair\u002Fen_US\u002Fimages\u002Floader\u002D1.gif" 2968 } 2969 } 2970 </script>
2970 2971</div> 2972 <span data-action="toggle-nav" class="action nav-toggle"><span>Toggle Nav</span></span> 2973 <div class="block block-search"> 2974 <div class="block block-title"><strong>Search</strong></div> 2975 <div class="block block-content"> 2976 <form class="form minisearch" id="search_mini_form" action="https://canadahair.ca/catalogsearch/result/" method="get"> 2977 <div class="field search"> 2978 <label class="label" for="search" data-role="minisearch-label"> 2979 <span>Search</span> 2980 </label> 2981 <div class="control"> 2982 <input id="search" 2983 data-mage-init='{"quickSearch":{ 2984 "formSelector":"#search_mini_form", 2985 "url":"https://canadahair.ca/search/ajax/suggest/", 2986 "destinationSelector":"#search_autocomplete"} 2987 }' 2988 type="text" 2989 name="q" 2990 value="" 2991 placeholder="Search..." 2992 class="input-text" 2993 maxlength="128" 2994 role="combobox" 2995 aria-haspopup="false" 2996 aria-autocomplete="both" 2997 autocomplete="off"/> 2998 <div id="search_autocomplete" class="search-autocomplete"></div> 2999 <div class="nested"> 3000 <a class="action advanced" href="https://canadahair.ca/catalogsearch/advanced/" data-action="advanced-search"> 3001 Advanced Search </a> 3002</div> 3003 </div> 3004 </div> 3005 <div class="actions"> 3006 <button type="submit" 3007 title="Search" 3008 class="action search"> 3009 <span>Search</span> 3010 </button> 3011 </div> 3012 </form> 3013 </div> 3014</div> 3015 <div class="custom-block"><p><select onchange="window.location.href=this.value" style="font-size: 12px; 3016 cursor: pointer; 3017 outline: none; 3018 appearance: none; 3019 -webkit-appearance: none; 3020 -moz-appearance: none; 3021 padding: 0 15px 0 5px; 3022 line-height: 1.6; 3023 vertical-align: middle; 3024 color: #000; 3025 font-family: inherit;"> 3026 3027 <option value="" selected disabled>USEFUL INFO</option> 3028 3029 <!-- Account --> 3030 <option value="https://canadahair.ca/rewards/account/">My Store Credits $</option> 3031 <option value="https://canadahair.ca/sales/order/history/">My Orders âº</option> 3032 3033 <option value="" disabled>ââââââââââ</option> 3034 <option value="" disabled>DISCOUNTS</option> 3035 3036 <!-- Benefits --> 3037 <option value="https://canadahair.typeform.com/to/Rl5A85iT?typeform-source=canadahair.ca">5% Loyalty Discount â </option> 3038 <option value="https://canadahair.typeform.com/to/IypFXQ?typeform-source=canadahair.ca">15% Hairstylist Discount â</option> 3039 3040 <option value="" disabled>ââââââââââ</option> 3041 <option value="" disabled>DISCOVER</option> 3042 3043 <option value="https://canadahair.typeform.com/to/aKjQx0Hz?typeform-source=canadahair.ca">3 Swatches â $5 â¦</option> 3044 <option value="https://canadahair.ca/brands.html">Our Brands â </option> 3045 <option value="https://canadahair.ca/videos">Our Videos â¶</option> 3046 3047 <option value="" disabled>ââââââââââ</option> 3048 <option value="" disabled>HELP</option> 3049 3050 <option value="https://canadahair.ca/upload-selfie-recommendation">Hair Recommendation âº</option> 3051 <option value="https://canadahair.reamaze.com/kb/shipping/when-will-i-receive-my-order">Shipping â±ï¸</option> 3052 <option value="https://canadahair.reamaze.com/kb/shipping/can-i-return-or-exchange-an-item">Returns â</option> 3053 <option value="https://canadahair.reamaze.com/">Help Center</option> 3054 <option value="https://canadahair.reamaze.com/conversations/new">Contact Us â¥</option> 3055 3056</select> 3057</p></div> </div> 3058 <div class="sections nav-sections"> 3059 <div class="section-items nav-sections-items" data-mage-init='{"tabs":{"openedState":"active"}}
3059'> 3060 3061 <div class="section-item-close"> 3062 <p class="label">Close</p> 3063 <p class="x-sign">X</p> 3064 </div> 3065 3066 <div class="section-item-title nav-sections-item-title" 3067 data-role="collapsible"> 3068 <a class="nav-sections-item-switch" 3069 data-toggle="switch" href="#store.menu"> 3070 Menu </a> 3071 </div> 3072 <div class="section-item-content nav-sections-item-content" 3073 id="store.menu" 3074 data-role="content"> 3075 3076<nav class="navigation sw-megamenu " role="navigation"> 3077 <ul> 3078 <style> 3079/* Modern Top Navigation */ 3080 3081.navigation .level-top, 3082.navigation a { 3083 font-family: 'Inter', 'Helvetica Neue', Helvetica, Arial, sans-serif; 3084 font-weight: 600; 3085 font-size: 15px; 3086 letter-spacing: 0.5px; 3087 text-transform: uppercase; 3088 transition: all 0.3s ease; 3089} 3090 3091/* Softer hover effect */ 3092.navigation .level-top:hover, 3093.navigation a:hover { 3094 color: #ff69b4 !important; 3095} 3096 3097/* Add spacing between items */ 3098.navigation li { 3099 margin: 0 12px; 3100} 3101 3102/* Remove heavy look */ 3103.navigation { 3104 -webkit-font-smoothing: antialiased; 3105 -moz-osx-font-smoothing: grayscale; 3106} 3107</style> 3108<p><style> 3109 3110ul.desktop-only-menu { 3111 width: 100vw !important; 3112 margin-left: calc(-50vw + 50%); 3113 box-sizing: border-box; 3114} 3115 3116/* Prevent âre-open when moving back quicklyâ */ 3117.desktop-only-menu .level0.submenu, 3118.desktop-only-menu .submenu { 3119 opacity: 0; 3120 visibility: hidden; 3121 pointer-events: none; /* key: can't be hovered while closing */ 3122 transition: opacity 0.18s ease, visibility 0s linear 0.18s; 3123} 3124 3125/* Show only when hovering the top-level LI (or the submenu itself while open) */ 3126.desktop-only-menu li.level0.parent:hover > .submenu, 3127.desktop-only-menu li.level0.parent:focus-within > .submenu { 3128 opacity: 1; 3129 visibility: visible; 3130 pointer-events: auto; 3131 transition: opacity 0.18s ease, visibility 0s; 3132} 3133 3134/* Menu-only image pop */ 3135.desktop-only-menu a img{ 3136 transition: transform 0.18s ease, box-shadow 0.18s ease; 3137 transform: translateZ(0); 3138} 3139 3140.desktop-only-menu a:hover img{ 3141 transform: scale(1.03); 3142 box-shadow: 0 8px 16px rgba(0,0,0,0.2); 3143} 3144</style> 3145</p> 3146<ul class="mobile-only-menu"><!-- COLOR MATCH --> 3147<li class="ui-menu-item level0 classic parent "> 3148<div class="open-children-toggle"> </div> 3149<a class="level-top" title="Color Match - Find Your Perfect Hair Color" href="https://canadahair.ca/samples-swatches-color-rings">COLOUR MATCH</a> 3150<div class="level0 submenu" style="left: 0px; right: auto; border-radius: 0px 6px 6px;"> 3151<div class="row"> 3152<ul class="subchildmenu "> 3153<li class="ui-menu-item level1"><a style="font-weight: 400 !important;" title="Get 3 Swatches for $5" href="https://canadahair.typeform.com/to/aKjQx0Hz?typeform-source=canadahair.ca"> Get 3 Swatches for $5 <span style="background-color: #ff4c4c; color: white; padding: 3px 6px; border-radius: 5px; font-weight: bold; margin-left: 5px; font-size: 9px;">POPULAR</span> </a></li> 3154<li class="ui-menu-item level1"><a style="font-weight: 400 !important;" title="Send a Selfie for Color Recommendation" href="https://canadahair.ca/upload-selfie-recommendation"> Send a Selfie </a></li> 3155<li class="ui-menu-item level1"><a style="font-weight: 400 !important;" title="Order Our Color Ring" href="https://canadahair.ca/color-ring-choose-a-color-canada-hair.html"> Order Our Colour Ring </a></li> 3156<li class="ui-menu-item level1"><a style="font-weight: 400 !important;" title="Order Hair Samples" href="https://canadahair.ca/permanent-human-hair-extensions-sample-kit.html"> Order $1 Samples </a></li> 3157</ul> 3158</div> 3159</div> 3160</li> 3161<!-- ALL OUR COLORS--> 3162<li class="ui-menu-item level0 classic parent"> 3163<div class="open-children-toggle"> </div> 3164<a class="level-top" href="https://canadahair.ca/canada-hair-campaign">OUR COLOURS</a> 3165<div class="level0 submenu" style="left: 0px; right: auto; border-radius: 0px 6px 6px;"> 3166<div class="row"> 3167<ul class="subchildmenu col-md-12 mega-columns columns4"> 3168<li class="ui-menu-item level1 parent"> 3169<div class="open-children-toggle"> </div> 3170<ul class="subchildmenu"> 3171<li class="ui-menu-item level2"><a style="font-weight: 400 !important;
3171" title="Black shades" href="https://canadahair.ca/hair-extensions/black.html">Black shades</a></li> 3172<li class="ui-menu-item level2"><a style="font-weight: 400 !important;" title="Blonde shades" href="https://canadahair.ca/hair-extensions/blonde.html">Blonde shades</a></li> 3173<li class="ui-menu-item level2"><a style="font-weight: 400 !important;" title="Gray shades" href="https://canadahair.ca/hair-extensions/gray.html">Grey shades</a></li> 3174<li class="ui-menu-item level2"><a style="font-weight: 400 !important;" title="Brown shades" href="https://canadahair.ca/hair-extensions/brown.html">Brown shades</a></li> 3175<li class="ui-menu-item level2"><a style="font-weight: 400 !important;" title="Fantasy shades" href="https://canadahair.ca/hair-extensions/fantasy.html">Fantasy shades</a></li> 3176<li class="ui-menu-item level2"><a style="font-weight: 400 !important;" title="Balayage & Ombre" href="https://canadahair.ca/hair-extensions/balayage-ombre.html">Balayage & Ombre</a></li> 3177</ul> 3178</li> 3179</ul> 3180</div> 3181</div> 3182</li> 3183<li class="ui-menu-item level0 staticwidth parent "> 3184<div class="open-children-toggle"> </div> 3185<a class="level-top" title="HAIR EXTENSIONS" href="https://canadahair.ca/hair-extensions.html">HAIR EXTENSIONS</a> 3186<div class="level0 submenu" style="width: 1000px; left: -9999px; right: auto; border-radius: 6px 0px 6px 6px;"> 3187<div class="container2"> 3188<div class="row"> 3189<ul class="subchildmenu col-md-12 mega-columns columns4"> 3190<li class="ui-menu-item level1 parent "> 3191<div class="open-children-toggle"> </div> 3192<strong>READY-TO-WEAR AT HOME</strong> 3193<ul class="subchildmenu "> 3194<li class="ui-menu-item level2 "><a style="font-weight: 400 !important;" title="CLIP IN" href="https://canadahair.ca/jet-black-clip-in-hair-extensions-remy-indian-hair-canada-hair.html?ci=21&qi=hh&li=14inches&ti=standard&hi=white&wi=no">CLIP IN <span style="background-color: #ff5050; color: white; padding: 1px 4px; border-radius: 5px; font-weight: bold; margin-left: 4px; font-size: 9px; vertical-align: super; position: relative; top: -2px;">POPULAR</span></a></li> 3195<li class="ui-menu-item level2 "><a style="font-weight: 400 !important;" title="TOPPERS" href="https://canadahair.ca/thinning-hair-part-hair-topper-remy-hair.html?ci=21&qi=part&li=10inches&bi=">TOPPERS</a></li> 3196<li class="ui-menu-item level2 "><a style="font-weight: 400 !important;" title="INVISIBLE WIRE" href="https://canadahair.ca/jet-black-invisible-wire-hair-extensions-human-hair.html?ci=21&qi=hh&li=14inches&ti=standard&hi=white&wi=no">INVISIBLE WIRE</a></li> 3197<li class="ui-menu-item level2 "><a style="font-weight: 400 !important;" title="PONYTAILS" href="https://canadahair.ca/jet-black-1-ponytail-hair-extensions-100-real-hair-18-inches-1.html?ci=21&qi=hh&li=14inches&ti=thick&hi=white&wi=no">PONYTAILS</a></li> 3198<li class="ui-menu-item level2 "><a style="font-weight: 400 !important;" title="VOLUMIZING CLIP-INS" href="https://canadahair.ca/volumizer-hh-1.html">VOLUMIZING CLIP-INS</a></li> 3199<li class="ui-menu-item level2 "><a style="font-weight: 400 !important;" title="HAIR WIGS" href="https://canadahair.ca/wigs.html">HAIR WIGS</a></li> 3200</ul> 3201</li> 3202<li class="ui-menu-item level1 parent "> 3203<div class="open-children-toggle"> </div> 3204<strong>PROFESSIONAL SALON EXTENSIONS</strong> 3205<ul class="subchildmenu "> 3206<li class="ui-menu-item level2 "><a style="font-weight: 400 !important;" title="TAPE INS" href="https://canadahair.ca/tape-in-hair-extensions-canada-hair-jet-black-canada-hair.html?ci=21&qi=hh&li=14inches&ti=thick&hi=white&wi=no">TAPE INS</a></li> 3207<li class="ui-menu-item level2 "><a style="font-weight: 400 !important;" title="INVISIBLE TAPE INS" href="https://canadahair.ca/tape-in-hair-extensions-canada-hair-jet-black-canada-hair.html?ci=21&qi=euro&li=14inches&ti=thick&hi=white&wi=no">INVISIBLE TAPE INS </a></li> 3208<li class="ui-menu-item level2 "><a style="font-weight: 400 !important;" title="SEW INS" href="https://canadahair.ca/jet-black-1-silky-straight-100-remy-human-hair-canada-hair.html?ci=21&qi=hh&li=14inches&ti=thick&hi=white&wi=no">SEW INS</a></li> 3209<li class="ui-menu-item level2 "><a style="font-weight: 400 !important;
3209" title="INVISIBLE SEW INS" href="https://canadahair.ca/jet-black-1-silky-straight-100-remy-human-hair-canada-hair.html?ci=21&qi=euro&li=14inches&ti=thick&hi=white&wi=no">INVISIBLE SEW INS</a></li> 3210<li class="ui-menu-item level2 "><a style="font-weight: 400 !important;" title="V LIGHT" href="https://canadahair.ca/vlight-premium-remy-14inch-4.html">V LIGHT</a></li> 3211<li class="ui-menu-item level2 "><a style="font-weight: 400 !important;" title="NANO RINGS" href="https://canadahair.ca/jet-black-1-nano-rings-hair-extensions-100-real-hair-human-hair-qty-20-strands.html?ci=21&qi=hh&li=14inches&ti=thick&hi=white&wi=no">NANO RINGS</a></li> 3212<li class="ui-menu-item level2 "><a style="font-weight: 400 !important;" title="FUSION" href="https://canadahair.ca/jet-black-1-fusion-hair-extensions-real-remy-hair-20-strands-1g-strand-final-sale-canada-hair.html?ci=21&qi=hh&li=14inches&ti=thick&hi=white&wi=no">FUSION</a></li> 3213<li class="ui-menu-item level2 "><a style="font-weight: 400 !important;" title="MICROLOOP" href="https://canadahair.ca/jet-black-1-micro-loop-hair-extensions-real-remy-hair-20-strands-1g-strand-canada-hair.html?ci=21&qi=hh&li=14inches&ti=thick&hi=white&wi=no">MICROLOOP</a></li> 3214<li class="ui-menu-item level2 "><a style="font-weight: 400 !important;" title="BUTTERFLY EXTENSIONS" href="https://canadahair.ca/butterfly-remy-14inch-1.html">BUTTERFLY EXTENSIONS</a></li> 3215<li class="ui-menu-item level2 "><a style="font-weight: 400 !important;" title="TOOLS, SAMPLES & COLOR RING" href="https://canadahair.ca/tools.html">TOOLS, SAMPLES & COLOUR RING</a></li> 3216<li class="ui-menu-item level2 "><a style="font-weight: 400 !important;" title="EUROPEAN HAIR" href="https://canadahair.ca/hair-extensions/european-hair.html">EUROPEAN HAIR <span style="background-color: #00cc99; color: white; padding: 1px 4px; border-radius: 5px; font-weight: bold; margin-left: 4px; font-size: 9px; vertical-align: super; position: relative; top: -2px;">NEW ELITE QUALITY</span></a></li> 3217</ul> 3218</li> 3219</ul> 3220</div> 3221</div> 3222</div> 3223</li> 3224<!-- toppers --> 3225<li class="ui-menu-item level0 classic parent "> 3226<div class="open-children-toggle"> </div> 3227<a class="level-top" title="Hair Toppers for Thinning Hair â Full, Partial & Large Coverage" href="https://canadahair.ca/thinning-hair-part-hair-topper-remy-hair.html?ci=21&qi=part&li=10inches&bi=">TOPPERS</a> 3228<div class="level0 submenu" style="left: 0px; right: auto; border-radius: 0px 6px 6px;"> 3229<div class="row"> 3230<ul class="subchildmenu "> 3231<li class="ui-menu-item level1"><a style="font-weight: 400 !important;" title="Small Hair Topper for Thinning Hair" href="https://canadahair.ca/thinning-hair-part-hair-topper-remy-hair.html?ci=21&qi=part&li=10inches&bi="> Small </a></li> 3232<li class="ui-menu-item level1"><a style="font-weight: 400 !important;" title="Large Hair Topper for Thinning Hair" href="https://canadahair.ca/hair-topper-for-thinning-hair-remy-hair.html"> Large </a></li> 3233<li class="ui-menu-item level1"><a style="font-weight: 400 !important;" title="Full Coverage Hair Topper" href="https://canadahair.ca/full-coverage-hair-topper-remy-hair.html"> Full Coverage </a></li> 3234</ul> 3235</div> 3236</div> 3237</li> 3238<!-- WIGS --> 3239<li class="ui-menu-item level0 staticwidth parent "> 3240<div class="open-children-toggle"> </div> 3241<a class="level-top" title="WIGS" href="https://canadahair.ca/wigs.html">HAIR WIGS</a> 3242<div class="level0 submenu" style="width: 1000px; left: -9999px; right: auto; border-radius: 6px 0px 6px 6px;"> 3243<div class="container2"> 3244<div class="row"> 3245<ul class="subchildmenu col-md-12 mega-columns columns4"> 3246<li class="ui-menu-item level1 parent "> 3247<div class="open-children-toggle"> </div> 3248<strong>SHOP BY HAIR QUALITY</strong> 3249<ul class="subchildmenu "> 3250<li class="ui-menu-item level2 "><a style="font-weight: 400 !important;" title="SYNTHETIC HAIR WIGS" href="https://canadahair.ca/wigs/synthetic.html">SYNTHETIC HAIR WIGS</a></li> 3251<li class="ui-menu-item level2 "><a style="font-weight: 400 !important;
3251" title="REMY HUMAN HAIR WIGS" href="https://canadahair.ca/wigs/remy-hair.html">REMY HUMAN HAIR WIGS</a></li> 3252<li class="ui-menu-item level2 "><a style="font-weight: 400 !important;" title="EUROPEAN HAIR WIGS" href="https://canadahair.ca/wigs/european-hair.html">EUROPEAN HAIR WIGS <span style="background-color: #00cc99; color: white; padding: 1px 4px; border-radius: 5px; font-weight: bold; margin-left: 4px; font-size: 9px; vertical-align: super; position: relative; top: -2px;">NEW ELITE QUALITY</span></a></li> 3253</ul> 3254</li> 3255<li class="ui-menu-item level1 parent "> 3256<div class="open-children-toggle"> </div> 3257<strong>SHOP BY COLOUR CATEGORY</strong> 3258<ul class="subchildmenu "> 3259<li class="ui-menu-item level2 "><a style="font-weight: 400 !important;" title="BLACK WIGS" href="https://canadahair.ca/wigs/black.html">BLACK WIGS</a></li> 3260<li class="ui-menu-item level2 "><a style="font-weight: 400 !important;" title="BROWN WIGS" href="https://canadahair.ca/wigs/brown.html">BROWN WIGS</a></li> 3261<li class="ui-menu-item level2 "><a style="font-weight: 400 !important;" title="BLONDE WIGS" href="https://canadahair.ca/wigs/blonde.html">BLONDE WIGS</a></li> 3262<li class="ui-menu-item level2 "><a style="font-weight: 400 !important;" title="HIGHLIGHTED / OMBRE WIGS" href="https://canadahair.ca/wigs/balayage.html">BALAYAGE WIGS</a></li> 3263<li class="ui-menu-item level2 "><a style="font-weight: 400 !important;" title="GREY WIGS" href="https://canadahair.ca/wigs/grey.html">GREY WIGS</a></li> 3264<li class="ui-menu-item level2 "><a style="font-weight: 400 !important;" title="RED WIGS" href="https://canadahair.ca/wigs/red.html">RED WIGS</a></li> 3265<li class="ui-menu-item level2 "><a style="font-weight: 400 !important;" title="PURPLE WIGS" href="https://canadahair.ca/wigs/purple.html">PURPLE WIGS</a></li> 3266<li class="ui-menu-item level2 "><a style="font-weight: 400 !important;" title="BURGUNDY WIGS" href="https://canadahair.ca/wigs/burgundy.html">BURGUNDY WIGS</a></li> 3267<li class="ui-menu-item level2 "><a style="font-weight: 400 !important;" title="PINK WIGS" href="https://canadahair.ca/wigs/pink.html">PINK WIGS</a></li> 3268<li class="ui-menu-item level2 "><a style="font-weight: 400 !important;" title="BLUE WIGS" href="https://canadahair.ca/wigs/blue.html">BLUE WIGS</a></li> 3269<li class="ui-menu-item level2 "><a style="font-weight: 400 !important;" title="WHITE WIGS" href="https://canadahair.ca/wigs/white.html">WHITE WIGS</a></li> 3270</ul> 3271</li> 3272<li class="ui-menu-item level1 parent "> 3273<div class="open-children-toggle"> </div> 3274<strong>SHOP BY STYLES</strong> 3275<ul class="subchildmenu "> 3276<li class="ui-menu-item level2 "><a style="font-weight: 400 !important;" title="SHORT WIGS" href="https://canadahair.ca/wigs/short.html">SHORT WIGS</a></li> 3277<li class="ui-menu-item level2 "><a style="font-weight: 400 !important;" title="LONG WIGS" href="https://canadahair.ca/wigs/long.html">LONG WIGS</a></li> 3278<li class="ui-menu-item level2 "><a style="font-weight: 400 !important;" title="WIGS WITH BANGS" href="https://canadahair.ca/wigs/bangs.html">WIGS WITH BANGS</a></li> 3279<li class="ui-menu-item level2 "><a style="font-weight: 400 !important;" title="CURLY WIGS" href="https://canadahair.ca/wigs/curly-wigs.html?by_style=5893">CURLY WIGS</a></li> 3280<li class="ui-menu-item level2 "><a style="font-weight: 400 !important;" title="WIG HAT" href="https://canadahair.ca/wigs/wig-hat.html">WIG HAT</a></li> 3281</ul> 3282</li> 3283</ul> 3284</div> 3285</div> 3286</div> 3287</li> 3288<!-- MEN --> 3289<li class="ui-menu-item level0 staticwidth "><a class="level-top" title="Men toupees Canada Hair" href="https://canadahair.ca/jet-black-hair-toupee-men-hair-replacement-system-pu-topper-0406.html">MEN TOUPEES</a></li> 3290<!-- DEALS --> 3291<li class="ui-menu-item level0 staticwidth parent "> 3292<div class="open-children-toggle"> </div> 3293<a class="level-top" title="DEALS" href="https://canadahair.ca/deals">DEALS</a> 3294<div class="level0 submenu" style="width: 1000px; left: -9999px; right: auto; border-radius: 6px 0px 6px 6px;"> 3295<div class="container2"> 3296<div class="row"> 3297<ul class="subchildmenu col-md-12 mega-columns columns4"> 3298<li class="ui-menu-item level1 parent "> 3299<div class="open-children-toggle"> </div> 3300<strong>DISCOUNTS</strong> 3301<ul class="subchildmenu "> 3302<li class="ui-menu-item level2 "><a style="font-weight: 400 !important;
3302" title="5% CASHBACK PROGRAM" href="https://canadahair.ca/rewards-program">5% CASHBACK PROGRAM</a></li> 3303<li class="ui-menu-item level2 "><a style="font-weight: 400 !important;" title="15% STYLIST DISCOUNT" href="https://canadahair.typeform.com/to/IypFXQ">15% STYLIST DISCOUNT</a></li> 3304<li class="ui-menu-item level2 "><a style="font-weight: 400 !important;" title="5% OATH OF LOYALTY DISCOUNT" href="https://canadahair.typeform.com/to/Rl5A85iT?typeform-source=canadahair.ca">5% OATH OF LOYALTY DISCOUNT</a></li> 3305<li class="ui-menu-item level2 "><a style="font-weight: 400 !important;" title="WHOLESALE DISCOUNT" href="https://canadahair.ca/wholesale">WHOLESALE DISCOUNT</a></li> 3306<li class="ui-menu-item level2 "><a style="font-weight: 400 !important;" title="LIFETIME DISCOUNT" href="https://canadahair.ca/lifetime-discount.html">LIFETIME DISCOUNT</a></li> 3307<li class="ui-menu-item level2 "><a style="font-weight: 400 !important;" title="LOW BUDGET CLIP INS" href="https://canadahair.ca/low-budget.html">LOW BUDGET CLIP INS</a></li> 3308<li class="ui-menu-item level2 "><a style="font-weight: 400 !important;" title="WIN YOUR PURCHASE" href="https://canadahair.ca/win-your-purchase">WIN YOUR PURCHASE</a></li> 3309</ul> 3310</li> 3311<li class="ui-menu-item level1 parent "> 3312<div class="open-children-toggle"> </div> 3313<strong>OUR OTHER WEBSITES</strong> 3314<ul class="subchildmenu "> 3315<li class="ui-menu-item level2 "><a style="font-weight: 400 !important;" title="NOBRANDHAIR.COM" href="https://nobrandhair.com" target="_blank" rel="nofollow noopener noreferrer">NoBrandHair.com</a></li> 3316</ul> 3317</li> 3318</ul> 3319</div> 3320</div> 3321</div> 3322</li> 3323<!-- HELP --> 3324<li class="ui-menu-item level0 staticwidth parent "> 3325<div class="open-children-toggle"> </div> 3326<a class="level-top" title="HELP" href="https://canadahair.ca/help">HELP</a> 3327<div class="level0 submenu" style="width: 1000px; left: -9999px; right: auto; border-radius: 6px 0px 6px 6px;"> 3328<div class="container2"> 3329<div class="row"> 3330<ul class="subchildmenu col-md-12 mega-columns columns4"> 3331<li class="ui-menu-item level1 parent "> 3332<div class="open-children-toggle"> </div> 3333<strong>HELP</strong> 3334<ul class="subchildmenu "> 3335<li class="ui-menu-item level2 "><a style="font-weight: 400 !important;" title="HELP CENTER" href="https://canadahair.ca/help">HELP CENTER</a></li> 3336<li class="ui-menu-item level2 "><a style="font-weight: 400 !important;" title="EMAIL US" href="https://canadahair.reamaze.com/conversations/new">EMAIL US</a></li> 3337<li class="ui-menu-item level2 "><a style="font-weight: 400 !important;" title="CALL TOLL-FREE 24/7 1-888-657-8876" href="tel:+18886578876">CALL TOLL-FREE 24/7 1-888-657-8876</a></li> 3338<li class="ui-menu-item level2 "><a style="font-weight: 400 !important;" title="SMS SUPPORT 236-979-6541" href="sms:+12369796541">SMS SUPPORT 236-979-6541</a></li> 3339<li class="ui-menu-item level2 "><a style="font-weight: 400 !important;" title="3 STEPS HAIR QUIZ" href="https://form.typeform.com/to/PS15PMn9">3 STEPS HAIR QUIZ</a></li> 3340<li class="ui-menu-item level2 "><a style="font-weight: 400 !important;" title="3 SWATCHES FOR $5" href="https://canadahair.typeform.com/to/aKjQx0Hz?typeform-source=canadahair.ca">3 SWATCHES FOR $5</a></li> 3341<li class="ui-menu-item level2 "><a style="font-weight: 400 !important;" title="GET A RECOMMENDATION" href="https://canadahair.ca/upload-selfie-recommendation">GET A RECOMMENDATION</a></li> 3342<li class="ui-menu-item level2 "><a style="font-weight: 400 !important;" title="PAYMENT PLANS" href="https://canadahair.ca/payment-plans">PAYMENT PLANS</a></li> 3343<li class="ui-menu-item level2 "><a style="font-weight: 400 !important;" title="GIFT CARDS" href="https://canadahair.ca/gift-card-canada-hair.html">GIFT CARDS</a></li> 3344<li class="ui-menu-item level2 "><a style="font-weight: 400 !important;" title="VIDEOS" href="https://canadahair.ca/videos">VIDEOS</a></li> 3345<li class="ui-menu-item level2 "><a style="font-weight: 400 !important;" title="OUR BRANDS" href="https://canadahair.ca/brands.html">OUR BRANDS</a></li> 3346<li class="ui-menu-item level2 "><a style="font-weight: 400 !important;
3346" title="POST A REVIEW" href="https://canadahair.ca/reviews">POST A REVIEW</a></li> 3347<li class="ui-menu-item level2 "><a style="font-weight: 400 !important;" title="BEFORE & AFTER" href="https://canadahair.ca/reviews/before-after-hair-extensions">BEFORE & AFTER</a></li> 3348<li class="ui-menu-item level2 "><a style="font-weight: 400 !important;" title="OUR BLOG" href="https://canadahair.ca/blog.html">OUR BLOG</a></li> 3349<li class="ui-menu-item level2 "><a style="font-weight: 400 !important;" title="RETURN POLICY" href="https://canadahair.reamaze.com/kb/shipping/can-i-return-or-exchange-an-item">RETURN POLICY</a></li> 3350<li class="ui-menu-item level2 "><a style="font-weight: 400 !important;" title="SHIPPING INFORMATION" href="https://canadahair.reamaze.com/kb/shipping/when-will-i-receive-my-order">SHIPPING INFORMATION</a></li> 3351<li class="ui-menu-item level2 "><a style="font-weight: 400 !important;" title="OUR TEAM" href="https://canadahair.ca/team">OUR TEAM</a></li> 3352<li class="ui-menu-item level2 "><a style="font-weight: 400 !important;" title="ABOUT US" href="https://canadahair.ca/canada-hair-company">ABOUT US</a></li> 3353</ul> 3354</li> 3355</ul> 3356</div> 3357</div> 3358</div> 3359</li> 3360</ul> 3361<!-- DESKTOP ONLY --> 3362<ul class="desktop-only-menu" style="text-align: center; background: #000000;"> 3363<li class="ui-menu-item level0 staticwidth parent " style="text-align: left;"> 3364<div class="open-children-toggle"> </div> 3365<a class="level-top" style="color: #ffffff; padding: 0 10px !important; line-height: 35px; font-size: 18px;" title="SWATCHES" href="https://canadahair.typeform.com/to/aKjQx0Hz?typeform-source=canadahair.ca">SWATCHES</a></li> 3366<li class="ui-menu-item level0 staticwidth parent " style="text-align: left;"> 3367<div class="open-children-toggle"> </div> 3368<a class="level-top" style="color: #ffffff; padding: 0 10px !important; line-height: 35px; font-size: 18px;" title="COLORS" href="https://canadahair.ca/canada-hair-campaign">COLOURS</a> 3369<div class="level0 submenu" style="position: absolute; top: 100%; left: 50vw; transform: translateX(-33%); width: 80vw; min-height: 650px; padding: 30px 60px; border-radius: 0; z-index: 9999;"> 3370<div class="container2"> 3371<div class="row"> 3372<ul class="subchildmenu col-md-12 mega-columns columns5"><!-- Column 1 --> 3373<li class="ui-menu-item level1 parent "> 3374<div class="open-children-toggle"> </div> 3375<strong style="font-size: 18px;">COLOUR MATCH</strong> 3376<ul class="subchildmenu "> 3377<li class="ui-menu-item level2" style="margin-top: 10px;"><a style="font-size: 14px; font-weight: 400 !important; display: block; padding: 6px 2px 0; text-transform: none;" href="https://canadahair.typeform.com/to/aKjQx0Hz?typeform-source=canadahair.ca">Get 3 swatches for $5</a></li> 3378<li class="ui-menu-item level2"><a style="font-size: 14px; font-weight: 400 !important; display: block; padding: 6px 2px 0; text-transform: none;" href="https://canadahair.ca/upload-selfie-recommendation">Send a selfie, get a recommendation</a></li> 3379<li class="ui-menu-item level2"><a style="font-size: 14px; font-weight: 400 !important; display: block; padding: 6px 2px 0; text-transform: none;" href="https://canadahair.ca/color-ring-choose-a-color-canada-hair.html">Order our colour ring</a></li> 3380<li class="ui-menu-item level2"><a style="font-size: 14px; font-weight: 400 !important; display: block; padding: 6px 2px 0; text-transform: none;" href="https://canadahair.ca/permanent-human-hair-extensions-sample-kit.html">Order $1 samples </a></li> 3381</ul> 3382</li> 3383<!-- Column 2 --> 3384<li class="ui-menu-item level1 parent "> 3385<div class="open-children-toggle"> </div> 3386<strong style="font-size: 18px;">SHOP BY COLOUR CATEGORY</strong> 3387<ul class="subchildmenu "> 3388<li class="ui-menu-item level2"><a style="text-decoration: none; display: block;" href="https://canadahair.ca/hair-extensions/black.html"> <img style="width: 100%; max-width: 360px; height: auto; border-radius: 10px; margin-bottom: 8px;" src="https://xaq6katun5.cloudimg.io/__images__/cms/banner/black.png"> <span style="font-size: 16px;">Black Shades</span> </a></li> 3389<li class="ui-menu-item level2"><a style="text-decoration: none; display: block;
3389" href="https://canadahair.ca/hair-extensions/brown.html"> <img style="width: 100%; max-width: 360px; height: auto; border-radius: 10px; margin-bottom: 8px;" src="https://xaq6katun5.cloudimg.io/__images__/cms/banner/brown.png"> <span style="font-size: 16px;">Brown Shades</span> </a></li> 3390</ul> 3391</li> 3392<!-- Column 3 --> 3393<li class="ui-menu-item level1 parent "> 3394<div class="open-children-toggle"> </div> 3395<strong style="font-size: 18px;"> </strong> 3396<ul class="subchildmenu "> 3397<li class="ui-menu-item level2"><a style="text-decoration: none; display: block;" href="https://canadahair.ca/hair-extensions/blonde.html"> <img style="width: 100%; max-width: 360px; height: auto; border-radius: 10px; margin-bottom: 8px;" src="https://xaq6katun5.cloudimg.io/__images__/cms/banner/blonde.png"> <span style="font-size: 16px;">Blonde Shades</span> </a></li> 3398<li class="ui-menu-item level2"><a style="text-decoration: none; display: block;" href="https://canadahair.ca/hair-extensions/balayage-ombre.html"> <img style="width: 100%; max-width: 360px; height: auto; border-radius: 10px; margin-bottom: 8px;" src="https://xaq6katun5.cloudimg.io/__images__/cms/banner/balayage.png"> <span style="font-size: 16px;">Balayage Shades</span> </a></li> 3399</ul> 3400</li> 3401<!-- Column 4 --> 3402<li class="ui-menu-item level1 parent "> 3403<div class="open-children-toggle"> </div> 3404<strong style="font-size: 18px;"> </strong> 3405<ul class="subchildmenu "> 3406<li class="ui-menu-item level2"><a style="text-decoration: none; display: block;" href="https://canadahair.ca/hair-extensions/gray.html"> <img style="width: 100%; max-width: 360px; height: auto; border-radius: 10px; margin-bottom: 8px;" src="https://xaq6katun5.cloudimg.io/__images__/cms/banner/gray.png"> <span style="font-size: 16px;">Gray/Silver Shades</span> </a></li> 3407<li class="ui-menu-item level2"><a style="text-decoration: none; display: block;" href="https://canadahair.ca/catalogsearch/result/?q=AUBURN+HAIR+EXTENSIONS"> <img style="width: 100%; max-width: 360px; height: auto; border-radius: 10px; margin-bottom: 8px;" src="https://xaq6katun5.cloudimg.io/__images__/cms/banner/ginger.png"> <span style="font-size: 16px;">Red/Auburn Shades</span> </a></li> 3408</ul> 3409</li> 3410<!-- Column 5 --> 3411<li class="ui-menu-item level1 parent "> 3412<div class="open-children-toggle"> </div> 3413<strong style="font-size: 18px;"> </strong> 3414<ul class="subchildmenu "> 3415<li class="ui-menu-item level2"><a style="text-decoration: none; display: block;" href="https://canadahair.ca/hair-extensions/fantasy.html"> <img style="width: 100%; max-width: 360px; height: auto; border-radius: 10px; margin-bottom: 8px;" src="https://xaq6katun5.cloudimg.io/__images__/cms/banner/colored.png"> <span style="font-size: 16px;">Fantasy Shades</span> </a></li> 3416<li class="ui-menu-item level2"><a style="text-decoration: none; display: block;" href="https://canadahair.ca/canada-hair-campaign"> <img style="width: 100%; max-width: 360px; height: auto; border-radius: 10px; margin-bottom: 8px;" src="https://xaq6katun5.cloudimg.io/__images__/cms/banner/all.png"> <span style="font-size: 16px;">See all colours</span> </a></li> 3417</ul> 3418</li> 3419</ul> 3420</div> 3421</div> 3422</div> 3423</li> 3424<!-- hair extensions--> 3425<li class="ui-menu-item level0 staticwidth parent" style="text-align: left;"> 3426<div class="open-children-toggle"> </div> 3427<a class="level-top" style="color: #ffffff; padding: 0 10px !important; line-height: 35px; font-size: 18px;" title="HAIR EXTENSIONS" href="https://canadahair.ca/hair-extensions.html"> HAIR EXTENSIONS </a> 3428<div class="level0 submenu" style="position: absolute; top: 100%; left: auto; transform: translateX(-39%); width: 80vw; min-height: 650px; padding: 30px 60px; border-radius: 0; z-index: 9999; right: 0;"> 3429<div class="container2"> 3430<div class="row"> 3431<ul class="subchildmenu col-md-12 mega-columns columns5"><!-- ================= COLUMN 1 (UNCHANGED) ================= --> 3432<li class="ui-menu-item level1 parent"> 3433<div class="open-children-toggle"> </div> 3434<strong style="font-size: 16px; font-weight: 600; display: block; margin-bottom: 6px;">SHOP BY TYPE</strong> 3435<ul class="subchildmenu" style="margin-top: 0;"> 3436<li class="ui-menu-item level2" style="margin-top: 0;"><a style="font-size: 14px; font-weight: 400 !important; display: block; padding: 6px 2px 0; text-transform: none;
3436" href="https://canadahair.ca/jet-black-clip-in-hair-extensions-remy-indian-hair-canada-hair.html?ci=21&qi=hh&li=14inches&ti=standard&hi=white&wi=no">Clip-ins <span style="background-color: #ff5050; color: #ffffff; padding: 3px 6px; border-radius: 5px; font-weight: bold; margin-left: 10px; font-size: 10px;">POPULAR</span></a> <a style="font-size: 14px; font-weight: 400 !important; display: block; padding: 6px 2px 0; text-transform: none;" href="https://canadahair.ca/thinning-hair-part-hair-topper-remy-hair.html?ci=21&qi=part&li=10inches&bi=">Hair toppers <span style="background-color: #ff5050; color: #ffffff; padding: 3px 6px; border-radius: 5px; font-weight: bold; margin-left: 10px; font-size: 10px;">POPULAR</span></a> <a style="font-size: 14px; font-weight: 400 !important; display: block; padding: 6px 2px 0; text-transform: none;" href="https://canadahair.ca/jet-black-invisible-wire-hair-extensions-human-hair.html?ci=21&qi=hh&li=14inches&ti=standard&hi=white&wi=no">Invisible wire</a> <a style="font-size: 14px; font-weight: 400 !important; display: block; padding: 6px 2px 0; text-transform: none;" href="https://canadahair.ca/jet-black-1-ponytail-hair-extensions-100-real-hair-18-inches-1.html?ci=21&qi=hh&li=14inches&ti=thick&hi=white&wi=no">Ponytails</a> <a style="font-size: 14px; font-weight: 400 !important; display: block; padding: 6px 2px 0; text-transform: none;" href="https://canadahair.ca/volumizer-hh-1.html">Volumizing clip-ins</a> <a style="font-size: 14px; font-weight: 400 !important; display: block; padding: 6px 2px 0; text-transform: none;" href="https://canadahair.ca/wigs.html">Hair wigs</a> <a style="font-size: 14px; font-weight: 400 !important; display: block; padding: 6px 2px 0; text-transform: none;" href="https://canadahair.ca/tape-in-hair-extensions-canada-hair-jet-black-canada-hair.html?ci=21&qi=hh&li=14inches&ti=thick&hi=white&wi=no">Tape-ins</a> <a style="font-size: 14px; font-weight: 400 !important; display: block; padding: 6px 2px 0; text-transform: none;" href="https://canadahair.ca/tape-in-hair-extensions-canada-hair-jet-black-canada-hair.html?ci=21&qi=euro&li=14inches&ti=thick&hi=white&wi=no">Invisible tape-ins </a> <a style="font-size: 14px; font-weight: 400 !important; display: block; padding: 6px 2px 0; text-transform: none;" href="https://canadahair.ca/jet-black-1-silky-straight-100-remy-human-hair-canada-hair.html?ci=21&qi=hh&li=14inches&ti=thick&hi=white&wi=no">Sew-ins</a> <a style="font-size: 14px; font-weight: 400 !important; display: block; padding: 6px 2px 0; text-transform: none;" href="https://canadahair.ca/jet-black-1-silky-straight-100-remy-human-hair-canada-hair.html?ci=21&qi=euro&li=14inches&ti=thick&hi=white&wi=no">Invisible sew-ins </a> <a style="font-size: 14px; font-weight: 400 !important; display: block; padding: 6px 2px 0; text-transform: none;" href="https://canadahair.ca/vlight-premium-remy-14inch-1.html">V-light</a> <a style="font-size: 14px; font-weight: 400 !important; display: block; padding: 6px 2px 0; text-transform: none;" href="https://canadahair.ca/jet-black-1-nano-rings-hair-extensions-100-real-hair-human-hair-qty-20-strands.html?ci=21&qi=hh&li=14inches&ti=thick&hi=white&wi=no">Nano-rings</a> <a style="font-size: 14px; font-weight: 400 !important; display: block; padding: 6px 2px 0; text-transform: none;" href="https://canadahair.ca/jet-black-1-fusion-hair-extensions-real-remy-hair-20-strands-1g-strand-final-sale-canada-hair.html?ci=21&qi=hh&li=14inches&ti=thick&hi=white&wi=no">Fusion</a> <a style="font-size: 14px; font-weight: 400 !important; display: block; padding: 6px 2px 0; text-transform: none;" href="https://canadahair.ca/jet-black-1-micro-loop-hair-extensions-real-remy-hair-20-strands-1g-strand-canada-hair.html?ci=21&qi=hh&li=14inches&ti=thick&hi=white&wi=no">Micro-loop</a> <a style="font-size: 14px; font-weight: 400 !important; display: block; padding: 6px 2px 0; text-transform: none;
3436" href="https://canadahair.ca/butterfly-remy-14inch-1.html">Butterfly</a></li> 3437</ul> 3438</li> 3439<!-- ================= COLUMN 2 (READY-TO-WEAR) ================= --> 3440<li class="ui-menu-item level1 parent"> 3441<div class="open-children-toggle"> </div> 3442<strong style="font-size: 16px; font-weight: 600; display: block; margin-bottom: 8px;">READYâTOâWEAR AT HOME</strong> 3443<ul class="subchildmenu"> 3444<li class="ui-menu-item level2" style="margin-top: 8px;"><a style="display: block; text-decoration: none;" href="https://canadahair.ca/jet-black-clip-in-hair-extensions-remy-indian-hair-canada-hair.html?ci=21&qi=hh&li=14inches&ti=standard&hi=white&wi=no"> <img style="width: 100%; max-width: 370px; height: 370px; object-fit: cover; border-radius: 10px; margin-bottom: 10px;" src="https://xaq6katun5.cloudimg.io/__images__/cms/banner/clipin.png"> </a></li> 3445</ul> 3446</li> 3447<!-- ================= COLUMN 3 (READY-TO-WEAR) ================= --> 3448<li class="ui-menu-item level1 parent"><strong style="font-size: 16px; font-weight: 600; display: block; margin-bottom: 8px;"> </strong> 3449<ul class="subchildmenu"> 3450<li class="ui-menu-item level2" style="margin-top: 8px;"><a style="display: block; text-decoration: none;" href="https://canadahair.ca/thinning-hair-part-hair-topper-remy-hair.html?ci=21&qi=part&li=10inches&bi="> <img style="width: 100%; max-width: 370px; height: 370px; object-fit: cover; border-radius: 10px; margin-bottom: 10px;" src="https://xaq6katun5.cloudimg.io/__images__/cms/banner/toppers-5.png"> </a></li> 3451</ul> 3452</li> 3453<!-- ================= COLUMN 4 (SALON EXTENSIONS) ================= --> 3454<li class="ui-menu-item level1 parent"> 3455<div class="open-children-toggle"> </div> 3456<strong style="font-size: 16px; font-weight: 600; display: block; margin-bottom: 8px;">SALON EXTENSIONS</strong> 3457<ul class="subchildmenu"> 3458<li class="ui-menu-item level2" style="margin-top: 8px;"><a style="display: block; text-decoration: none;" href="https://canadahair.ca/tape-in-hair-extensions-canada-hair-jet-black-canada-hair.html?ci=21&qi=hh&li=14inches&ti=thick&hi=white&wi=no"> <img style="width: 100%; max-width: 370px; height: 370px; object-fit: cover; border-radius: 10px; margin-bottom: 10px;" src="https://xaq6katun5.cloudimg.io/__images__/cms/banner/tapein.png"> </a></li> 3459</ul> 3460</li> 3461<!-- ================= COLUMN 5 (SALON EXTENSIONS) ================= --> 3462<li class="ui-menu-item level1 parent"><strong style="font-size: 16px; font-weight: 600; display: block; margin-bottom: 8px;"> </strong> 3463<ul class="subchildmenu"> 3464<li class="ui-menu-item level2" style="margin-top: 8px;"><a style="display: block; text-decoration: none;" href="https://canadahair.ca/jet-black-1-nano-rings-hair-extensions-100-real-hair-human-hair-qty-20-strands.html?ci=21&qi=hh&li=14inches&ti=thick&hi=white&wi=no"> <img style="width: 100%; max-width: 370px; height: 370px; object-fit: cover; border-radius: 10px; margin-bottom: 10px;" src="https://xaq6katun5.cloudimg.io/__images__/cms/banner/nano.png"> </a></li> 3465</ul> 3466</li> 3467</ul> 3468</div> 3469<!--- 2nd row --> 3470<div class="row"> 3471<ul class="subchildmenu col-md-12 mega-columns columns5"><!-- COLUMN 1 --> 3472<li class="ui-menu-item level1 parent"> 3473<div class="open-children-toggle"> </div> 3474<strong style="font-size: 16px; font-weight: 600; display: block; margin-bottom: 6px;">SHOP BY COLOR</strong> 3475<ul class="subchildmenu" style="margin-top: 0;"> 3476<li class="ui-menu-item level2"><a style="font-size: 14px; font-weight: 400 !important; display: block; padding: 6px 2px 0; text-transform: none;" href="https://canadahair.ca/hair-extensions/black.html">Black</a> <a style="font-size: 14px; font-weight: 400 !important; display: block; padding: 6px 2px 0; text-transform: none;" href="https://canadahair.ca/hair-extensions/brown.html">Brown</a> <a style="font-size: 14px; font-weight: 400 !important; display: block; padding: 6px 2px 0; text-transform: none;" href="https://canadahair.ca/hair-extensions/blonde.html">Blonde</a> <a style="font-size: 14px; font-weight: 400 !important; display: block; padding: 6px 2px 0; text-transform: none;
3476" href="https://canadahair.ca/hair-extensions/balayage-ombre.html">Balayage & ombre</a> <a style="font-size: 14px; font-weight: 400 !important; display: block; padding: 6px 2px 0; text-transform: none;" href="https://canadahair.ca/hair-extensions/gray.html">Gray</a> <a style="font-size: 14px; font-weight: 400 !important; display: block; padding: 6px 2px 0; text-transform: none;" href="https://canadahair.ca/hair-extensions/fantasy.html">Fantasy</a></li> 3477</ul> 3478</li> 3479<!-- COLUMN 2 --> 3480<li class="ui-menu-item level1 parent"> 3481<div class="open-children-toggle"> </div> 3482<strong style="font-size: 16px; font-weight: 600; display: block; margin-bottom: 6px;">SHOP BY LENGTH</strong> 3483<ul class="subchildmenu" style="margin-top: 0;"> 3484<li class="ui-menu-item level2"><a style="font-size: 14px; font-weight: 400 !important; display: block; padding: 6px 2px 0; text-transform: none;" href="https://canadahair.ca/hair-extensions/10-12-14-inch.html">10, 12, & 14 inch</a> <a style="font-size: 14px; font-weight: 400 !important; display: block; padding: 6px 2px 0; text-transform: none;" href="https://canadahair.ca/hair-extensions/16-18-20-inch.html">16, 18, 20 inch</a> <a style="font-size: 14px; font-weight: 400 !important; display: block; padding: 6px 2px 0; text-transform: none;" href="https://canadahair.ca/hair-extensions/22-24-26-28-inch.html">22 inch & more</a></li> 3485</ul> 3486</li> 3487<!-- COLUMN 3 --> 3488<li class="ui-menu-item level1 parent"> 3489<div class="open-children-toggle"> </div> 3490<strong style="font-size: 16px; font-weight: 600; display: block; margin-bottom: 6px;">SHOP BY QUALITY</strong> 3491<ul class="subchildmenu" style="margin-top: 0;"> 3492<li class="ui-menu-item level2"><a style="font-size: 14px; font-weight: 400 !important; display: block; padding: 6px 2px 0; text-transform: none;" href="https://canadahair.ca/hair-extensions/human-hair.html">Remy human hair</a> <a style="font-size: 14px; font-weight: 400 !important; display: block; padding: 6px 2px 0; text-transform: none;" href="https://canadahair.ca/hair-extensions/european-hair.html">European hair <span style="background-color: #00cc99; color: #ffffff; padding: 3px 6px; border-radius: 5px; font-weight: bold; margin-left: 10px; font-size: 10px;">ELITE QUALITY</span></a> <a style="font-size: 14px; font-weight: 400 !important; display: block; padding: 6px 2px 0; text-transform: none;" href="https://canadahair.ca/hair-extensions/synthetic.html">Synthetic hair</a></li> 3493</ul> 3494</li> 3495<!-- COLUMN 4 --> 3496<li class="ui-menu-item level1 parent"> 3497<div class="open-children-toggle"> </div> 3498<strong style="font-size: 16px; font-weight: 600; display: block; margin-bottom: 6px;">SHOP BY STYLE</strong> 3499<ul class="subchildmenu" style="margin-top: 0;"> 3500<li class="ui-menu-item level2"><a style="font-size: 14px; font-weight: 400 !important; display: block; padding: 6px 2px 0; text-transform: none;" href="https://canadahair.ca/hair-extensions/wavy.html">Wavy <span style="background-color: #ff5050; color: #ffffff; padding: 3px 6px; border-radius: 5px; font-weight: bold; margin-left: 10px; font-size: 10px;">POPULAR</span></a> <a style="font-size: 14px; font-weight: 400 !important; display: block; padding: 6px 2px 0; text-transform: none;" href="https://canadahair.ca/jet-black-hair-toupee-men-hair-replacement-system-pu-topper-0406.html">For men <span style="background-color: #0066ff; color: #ffffff; padding: 3px 6px; border-radius: 5px; font-weight: bold; margin-left: 10px; font-size: 10px;">FOR MEN</span></a> <a style="font-size: 14px; font-weight: 400 !important; display: block; padding: 6px 2px 0; text-transform: none;" href="https://canadahair.ca/tools.html">Tools & Samples</a> <a style="font-size: 14px; font-weight: 400 !important; display: block; padding: 6px 2px 0; text-transform: none;" href="https://canadahair.ca/low-budget.html">Low-budget clip-ins</a></li> 3501</ul> 3502</li> 3503<!-- COLUMN 5 --> 3504<li class="ui-menu-item level1 parent"> 3505<div class="open-children-toggle"> </div> 3506<strong style="font-size: 16px; font-weight: 600; display: block; margin-bottom: 6px;">SHOP BY BRAND</strong> 3507<ul class="subchildmenu" style="margin-top: 0;"> 3508<li class="ui-menu-item level2"><a style="font-size: 14px; font-weight: 400 !important; display: block; padding: 6px 2px 0; text-transform: none;
3508" href="https://canadahair.ca/brands/tara-hair.html">XO Tara Hair â¢</a> <a style="font-size: 14px; font-weight: 400 !important; display: block; padding: 6px 2px 0; text-transform: none;" href="https://canadahair.ca/brands/quality-hair.html">XO Quality Hair â¢</a> <a style="font-size: 14px; font-weight: 400 !important; display: block; padding: 6px 2px 0; text-transform: none;" href="https://canadahair.ca/brands/sam-conan.html">Sam Conan ⢠</a></li> 3509</ul> 3510</li> 3511</ul> 3512</div> 3513</div> 3514</div> 3515</li> 3516<!-- TOPPERS --> 3517<li class="ui-menu-item level0 staticwidth parent" style="text-align: left;"> 3518<div class="open-children-toggle"> </div> 3519<a class="level-top" style="color: #ffffff; padding: 0 10px !important; line-height: 35px; font-size: 18px;" title="TOPPERS" href="https://canadahair.ca/thinning-hair-part-hair-topper-remy-hair.html?ci=21&qi=part&li=10inches&bi="> TOPPERS </a> 3520<div class="level0 submenu" style="position: absolute; top: 100%; left: auto; transform: translateX(-54%); width: 80vw; min-height: 650px; padding: 30px 60px; border-radius: 0; z-index: 9999; right: 0;"> 3521<div class="container2"> 3522<div class="row"> 3523<ul class="subchildmenu col-md-12 mega-columns columns5"><!-- ================= COLUMN 1 ================= --> 3524<li class="ui-menu-item level1 parent"> 3525<div class="open-children-toggle"> </div> 3526<strong style="font-size: 16px; font-weight: 600; display: block; margin-bottom: 6px;"> SHOP BY </strong> 3527<ul class="subchildmenu" style="margin-top: 0;"> 3528<li class="ui-menu-item level2" style="margin-top: 0;"><a style="font-size: 14px; font-weight: 400 !important; display: block; padding: 6px 2px 0; text-transform: none;" href="https://canadahair.ca/topper-remy-part-10inch-1.html">Black</a> <a style="font-size: 14px; font-weight: 400 !important; display: block; padding: 6px 2px 0; text-transform: none;" href="https://canadahair.ca/topper-remy-part-10inch-2.html">Brown</a> <a style="font-size: 14px; font-weight: 400 !important; display: block; padding: 6px 2px 0; text-transform: none;" href="https://canadahair.ca/topper-remy-part-10inch-60.html">Blonde</a> <a style="font-size: 14px; font-weight: 400 !important; display: block; padding: 6px 2px 0; text-transform: none;" href="https://canadahair.ca/topper-remy-part-10inch-omb-balayage.html">Balayage & ombre</a> <a style="font-size: 14px; font-weight: 400 !important; display: block; padding: 6px 2px 0; text-transform: none;" href="https://canadahair.ca/topper-remy-part-10inch-sterling-silver.html">Gray</a> <a style="font-size: 14px; font-weight: 400 !important; display: block; padding: 6px 2px 0; text-transform: none;" href="https://canadahair.ca/topper-remy-part-10inch-1b.html">10 inch</a> <a style="font-size: 14px; font-weight: 400 !important; display: block; padding: 6px 2px 0; text-transform: none;" href="https://canadahair.ca/topper-remy-part-14inch-1b.html">14 inch</a> <a style="font-size: 14px; font-weight: 400 !important; display: block; padding: 6px 2px 0; text-transform: none;" href="https://canadahair.ca/topper-remy-part-18inch-1b.html">18 inch</a> <a style="font-size: 14px; font-weight: 400 !important; display: block; padding: 6px 2px 0; text-transform: none;" href="https://canadahair.ca/bang-topper-remy-part-10inch-1b.html">With bangs <span style="background-color: #ff5050; color: #ffffff; padding: 3px 6px; border-radius: 5px; font-weight: bold; margin-left: 10px; font-size: 10px;">POPULAR</span></a> <a style="font-size: 14px; font-weight: 400 !important; display: block; padding: 6px 2px 0; text-transform: none;" href="https://canadahair.ca/topper-remy-part-10inch-1b.html">Part area</a> <a style="font-size: 14px; font-weight: 400 !important; display: block; padding: 6px 2px 0; text-transform: none;" href="https://canadahair.ca/topper-remy-crown-10inch-2.html">Crown area</a> <a style="font-size: 14px; font-weight: 400 !important; display: block; padding: 6px 2px 0; text-transform: none;" href="https://canadahair.ca/topper-remy-full-10inch-2.html">Full coverage</a> <a style="font-size: 14px; font-weight: 400 !important; display: block; padding: 6px 2px 0; text-transform: none;
3528" href="https://canadahair.ca/jet-black-hair-toupee-men-hair-replacement-system-pu-topper-0406.html">Men toupees <span style="background-color: #0066ff; color: #ffffff; padding: 3px 6px; border-radius: 5px; font-weight: bold; margin-left: 10px; font-size: 10px;">FOR MEN</span></a></li> 3529</ul> 3530</li> 3531<!-- ================= COLUMN 2 ================= --> 3532<li class="ui-menu-item level1 parent"> 3533<div class="open-children-toggle"> </div> 3534<strong style="font-size: 16px; font-weight: 600; display: block; margin-bottom: 8px;"> </strong> 3535<ul class="subchildmenu"> 3536<li class="ui-menu-item level2" style="margin-top: 8px;"><a style="display: block; text-decoration: none;" href="https://canadahair.ca/bang-topper-remy-part-10inch-1.html"> <img style="width: 100%; max-width: 370px; height: 370px; object-fit: cover; border-radius: 10px; margin-bottom: 10px;" src="https://xaq6katun5.cloudimg.io/__images__/cms/banner/1-topper.png" alt="Black hair toppers"> <span style="font-size: 15px; font-weight: 400 !important; display: block; padding: 6px 2px 0; white-space: nowrap; hyphens: none; word-break: keep-all; text-transform: none;"> Black hair toppers </span> </a></li> 3537</ul> 3538</li> 3539<!-- ================= COLUMN 3 ================= --> 3540<li class="ui-menu-item level1 parent"><strong style="font-size: 16px; font-weight: 600; display: block; margin-bottom: 8px;"> </strong> 3541<ul class="subchildmenu"> 3542<li class="ui-menu-item level2" style="margin-top: 8px;"><a style="display: block; text-decoration: none;" href="https://canadahair.ca/bang-topper-remy-part-10inch-4.html"> <img style="width: 100%; max-width: 370px; height: 370px; object-fit: cover; border-radius: 10px; margin-bottom: 10px;" src="https://xaq6katun5.cloudimg.io/__images__/cms/banner/2-topper.png" alt="Brown hair toppers"> <span style="font-size: 15px; font-weight: 400 !important; display: block; padding: 6px 2px 0; white-space: nowrap; hyphens: none; word-break: keep-all; text-transform: none;"> Brown hair toppers </span> </a></li> 3543</ul> 3544</li> 3545<!-- ================= COLUMN 4 ================= --> 3546<li class="ui-menu-item level1 parent"> 3547<div class="open-children-toggle"> </div> 3548<strong style="font-size: 16px; font-weight: 600; display: block; margin-bottom: 8px;"> </strong> 3549<ul class="subchildmenu"> 3550<li class="ui-menu-item level2" style="margin-top: 8px;"><a style="display: block; text-decoration: none;" href="https://canadahair.ca/bang-topper-remy-part-10inch-60.html"> <img style="width: 100%; max-width: 370px; height: 370px; object-fit: cover; border-radius: 10px; margin-bottom: 10px;" src="https://xaq6katun5.cloudimg.io/__images__/cms/banner/3-topper.png" alt="Blonde & balayage hair toppers"> <span style="font-size: 15px; font-weight: 400 !important; display: block; padding: 6px 2px 0; white-space: nowrap; hyphens: none; word-break: keep-all; text-transform: none;"> Blonde & balayage hair toppers </span> </a></li> 3551</ul> 3552</li> 3553<!-- ================= COLUMN 5 ================= --> 3554<li class="ui-menu-item level1 parent"><strong style="font-size: 16px; font-weight: 600; display: block; margin-bottom: 8px;"> </strong> 3555<ul class="subchildmenu"> 3556<li class="ui-menu-item level2" style="margin-top: 8px;"><a style="display: block; text-decoration: none;" href="https://canadahair.ca/bang-topper-remy-part-10inch-1b80.html"> <img style="width: 100%; max-width: 370px; height: 370px; object-fit: cover; border-radius: 10px; margin-bottom: 10px;" src="https://xaq6katun5.cloudimg.io/__images__/cms/banner/4-topper.png" alt="Gray hair toppers"> <span style="font-size: 15px; font-weight: 400 !important; display: block; padding: 6px 2px 0; white-space: nowrap; hyphens: none; word-break: keep-all; text-transform: none;"> Grey hair toppers </span> </a></li> 3557</ul> 3558</li> 3559</ul> 3560</div> 3561</div> 3562</div> 3563</li> 3564<!-- WIGS --> 3565<li class="ui-menu-item level0 staticwidth parent" style="text-align: left;"> 3566<div class="open-children-toggle"> </div> 3567<a class="level-top" style="color: #ffffff; padding: 0 10px !important; line-height: 35px; font-size: 18px;
3567" title="WIGS" href="https://canadahair.ca/wigs.html"> WIGS </a> 3568<div class="level0 submenu" style="position: absolute; top: 100%; left: auto; transform: translateX(-47%); width: 80vw; min-height: 650px; padding: 30px 60px; border-radius: 0; z-index: 9999; right: 0;"> 3569<div class="container2"> 3570<div class="row"> 3571<ul class="subchildmenu col-md-12 mega-columns columns5"><!-- ================= COLUMN 1 ================= --> 3572<li class="ui-menu-item level1 parent"> 3573<div class="open-children-toggle"> </div> 3574<strong style="font-size: 16px; font-weight: 600; display: block; margin-bottom: 6px;"> SHOP BY </strong> 3575<ul class="subchildmenu" style="margin-top: 0;"> 3576<li class="ui-menu-item level2" style="margin-top: 0;"><!-- Colors --> <a style="font-size: 14px; font-weight: 400 !important; display: block; padding: 6px 2px 0; text-transform: none;" href="https://canadahair.ca/wigs/synthetic.html">Synthetic hair</a> <a style="font-size: 14px; font-weight: 400 !important; display: block; padding: 6px 2px 0; text-transform: none;" href="https://canadahair.ca/wigs/remy-hair.html">Remy human hair <span style="background-color: #ff5050; color: #ffffff; padding: 3px 6px; border-radius: 5px; font-weight: bold; margin-left: 10px; font-size: 10px;">POPULAR</span> </a> <a style="font-size: 14px; font-weight: 400 !important; display: block; padding: 6px 2px 0; text-transform: none;" href="https://canadahair.ca/wigs/european-hair.html">European hair <span style="background-color: #00cc99; color: #ffffff; padding: 3px 6px; border-radius: 5px; font-weight: bold; margin-left: 10px; font-size: 10px;">ELITE QUALITY</span></a> <a style="font-size: 14px; font-weight: 400 !important; display: block; padding: 6px 2px 0; text-transform: none;" href="https://canadahair.ca/wigs/black.html">Black</a> <a style="font-size: 14px; font-weight: 400 !important; display: block; padding: 6px 2px 0; text-transform: none;" href="https://canadahair.ca/wigs/brown.html">Brown</a> <a style="font-size: 14px; font-weight: 400 !important; display: block; padding: 6px 2px 0; text-transform: none;" href="https://canadahair.ca/wigs/blonde.html">Blonde</a> <a style="font-size: 14px; font-weight: 400 !important; display: block; padding: 6px 2px 0; text-transform: none;" href="https://canadahair.ca/wigs/balayage-ombre.html">Balayage & ombre</a> <a style="font-size: 14px; font-weight: 400 !important; display: block; padding: 6px 2px 0; text-transform: none;" href="https://canadahair.ca/wigs/grey.html">Gray</a> <a style="font-size: 14px; font-weight: 400 !important; display: block; padding: 6px 2px 0; text-transform: none;" href="https://canadahair.ca/wigs/red.html">Red</a> <a style="font-size: 14px; font-weight: 400 !important; display: block; padding: 6px 2px 0; text-transform: none;" href="https://canadahair.ca/wigs/purple.html">Purple</a> <a style="font-size: 14px; font-weight: 400 !important; display: block; padding: 6px 2px 0; text-transform: none;" href="https://canadahair.ca/wigs/pink.html">Pink</a> <a style="font-size: 14px; font-weight: 400 !important; display: block; padding: 6px 2px 0; text-transform: none;" href="https://canadahair.ca/wigs/white.html">White</a> <a style="font-size: 14px; font-weight: 400 !important; display: block; padding: 6px 2px 0; text-transform: none;" href="https://canadahair.ca/wigs/blue.html">Blue</a> <a style="font-size: 14px; font-weight: 400 !important; display: block; padding: 6px 2px 0; text-transform: none;" href="https://canadahair.ca/wigs/burgundy.html">Burgundy</a> <a style="font-size: 14px; font-weight: 400 !important; display: block; padding: 6px 2px 0; text-transform: none;" href="https://canadahair.ca/wigs/short.html">Short</a> <a style="font-size: 14px; font-weight: 400 !important; display: block; padding: 6px 2px 0; text-transform: none;" href="https://canadahair.ca/wigs/long.html">Long</a> <a style="font-size: 14px; font-weight: 400 !important; display: block; padding: 6px 2px 0; text-transform: none;" href="https://canadahair.ca/wigs/wig-hat.html">Wig hat <span style="background-color: #ff5050; color: #ffffff; padding: 3px 6px; border-radius: 5px; font-weight: bold; margin-left: 10px; font-size: 10px;">POPULAR</span></a> <a style="font-size: 14px; font-weight: 400 !important; display: block; padding: 6px 2px 0; text-transform: none;
3576" href="https://canadahair.ca/wigs/bangs.html">Wig with bangs</a> <a style="font-size: 14px; font-weight: 400 !important; display: block; padding: 6px 2px 0; text-transform: none;" href="https://canadahair.ca/wigs/curly.html?by_style=5893">Curly wigs</a> <a style="font-size: 14px; font-weight: 400 !important; display: block; padding: 6px 2px 0; text-transform: none;" href="https://canadahair.ca/jet-black-hair-toupee-men-hair-replacement-system-pu-topper-0406.html">Men toupees <span style="background-color: #0066ff; color: #ffffff; padding: 3px 6px; border-radius: 5px; font-weight: bold; margin-left: 10px; font-size: 10px;">FOR MEN</span></a></li> 3577</ul> 3578</li> 3579<!-- ================= COLUMN 2 (Synthetic wigs) ================= --> 3580<li class="ui-menu-item level1 parent"> 3581<div class="open-children-toggle"> </div> 3582<strong style="font-size: 16px; font-weight: 600; display: block; margin-bottom: 8px;"> </strong> 3583<ul class="subchildmenu"> 3584<li class="ui-menu-item level2" style="margin-top: 8px;"><a style="display: block; text-decoration: none;" href="https://canadahair.ca/wigs/synthetic.html"> <img style="width: 100%; max-width: 370px; height: 370px; object-fit: cover; border-radius: 10px; margin-bottom: 10px;" src="https://xaq6katun5.cloudimg.io/__images__/cms/banner/s-wigs.png" alt="Synthetic wigs"> <span style="font-size: 15px; font-weight: 400 !important; display: block; padding: 6px 2px 0; white-space: nowrap; hyphens: none; word-break: keep-all; text-transform: none;"> Synthetic wigs </span> </a></li> 3585</ul> 3586</li> 3587<!-- ================= COLUMN 3 (Remy hair wigs) ================= --> 3588<li class="ui-menu-item level1 parent"><strong style="font-size: 16px; font-weight: 600; display: block; margin-bottom: 8px;"> </strong> 3589<ul class="subchildmenu"> 3590<li class="ui-menu-item level2" style="margin-top: 8px;"><a style="display: block; text-decoration: none;" href="https://canadahair.ca/wigs/remy-hair.html"> <img style="width: 100%; max-width: 370px; height: 370px; object-fit: cover; border-radius: 10px; margin-bottom: 10px;" src="https://xaq6katun5.cloudimg.io/__images__/cms/banner/r-wigs.png" alt="Remy Human Hair Wigs"> <span style="font-size: 15px; font-weight: 400 !important; display: block; padding: 6px 2px 0; white-space: nowrap; hyphens: none; word-break: keep-all; text-transform: none;">Remy Human Hair Wigs</span> </a></li> 3591</ul> 3592</li> 3593<!-- ================= COLUMN 4 (European hair wigs) ================= --> 3594<li class="ui-menu-item level1 parent"> 3595<div class="open-children-toggle"> </div> 3596<strong style="font-size: 16px; font-weight: 600; display: block; margin-bottom: 8px;"> </strong> 3597<ul class="subchildmenu"> 3598<li class="ui-menu-item level2" style="margin-top: 8px;"><a style="display: block; text-decoration: none;" href="https://canadahair.ca/wigs/european-hair.html"> <img style="width: 100%; max-width: 370px; height: 370px; object-fit: cover; border-radius: 10px; margin-bottom: 10px;" src="https://xaq6katun5.cloudimg.io/__images__/cms/banner/e-wigs.png" alt="European hair wigs"> <span style="font-size: 15px; font-weight: 400 !important; display: block; padding: 6px 2px 0; white-space: nowrap; hyphens: none; word-break: keep-all; text-transform: none;"> European hair wigs </span> </a></li> 3599</ul> 3600</li> 3601<!-- ================= COLUMN 5 (Wig hats) ================= --> 3602<li class="ui-menu-item level1 parent"><strong style="font-size: 16px; font-weight: 600; display: block; margin-bottom: 8px;"> </strong> 3603<ul class="subchildmenu"> 3604<li class="ui-menu-item level2" style="margin-top: 8px;"><a style="display: block; text-decoration: none;" href="https://canadahair.ca/wigs/wig-hat.html"> <img style="width: 100%; max-width: 370px; height: 370px; object-fit: cover; border-radius: 10px; margin-bottom: 10px;" src="https://xaq6katun5.cloudimg.io/__images__/cms/banner/wigs-h.png" alt="Wig hats"> <span style="font-size: 15px; font-weight: 400 !important; display: block; padding: 6px 2px 0; white-space: nowrap; hyphens: none; word-break: keep-all; text-transform: none;"> Wig hats </span> </a></li> 3605</ul> 3606</li> 3607</ul> 3608</div> 3609</div> 3610</div> 3611</li> 3612<!-- deals --> 3613<li class="ui-menu-item level0 staticwidth parent" style="text-align: left;"> 3614<div class="open-children-toggle"> </div> 3615<a class="level-top" style="color: #ffffff; padding: 0 10px !important; line-height: 35px; font-size: 18px;
3615" title="DEALS" href="https://canadahair.ca/deals"> DEALS </a> 3616<div class="level0 submenu" style="position: absolute; top: 100%; left: auto; transform: translateX(-65%); width: 80vw; min-height: 650px; padding: 30px 60px; border-radius: 0; z-index: 9999; right: 0;"> 3617<div class="container2"> 3618<div class="row"> 3619<ul class="subchildmenu col-md-12 mega-columns columns5"><!-- ================= COLUMN 1 ================= --> 3620<li class="ui-menu-item level1 parent"> 3621<div class="open-children-toggle"> </div> 3622<strong style="font-size: 16px; font-weight: 600; display: block; margin-bottom: 6px;"> DISCOUNTS </strong> 3623<ul class="subchildmenu" style="margin-top: 0;"> 3624<li class="ui-menu-item level2" style="margin-top: 0;"><a style="font-size: 14px; font-weight: 400 !important; display: block; padding: 6px 2px 0; text-transform: none;" href="https://canadahair.ca/rewards-program"> 5% Cashback Program </a> <a style="font-size: 14px; font-weight: 400 !important; display: block; padding: 6px 2px 0; text-transform: none;" href="https://canadahair.typeform.com/to/IypFXQ"> 15% Stylist Discount </a> <a style="font-size: 14px; font-weight: 400 !important; display: block; padding: 6px 2px 0; text-transform: none;" href="https://canadahair.typeform.com/to/Rl5A85iT?typeform-source=canadahair.ca"> 5% Oath of Loyalty Discount </a> <a style="font-size: 14px; font-weight: 400 !important; display: block; padding: 6px 2px 0; text-transform: none;" href="https://canadahair.ca/wholesale"> Wholesale Discounts </a> <a style="font-size: 14px; font-weight: 400 !important; display: block; padding: 6px 2px 0; text-transform: none;" href="https://canadahair.ca/lifetime-discount.html"> Lifetime discount </a> <a style="font-size: 14px; font-weight: 400 !important; display: block; padding: 6px 2px 0; text-transform: none;" href="https://canadahair.ca/low-budget.html"> Low Budget Clip-ins </a> <a style="font-size: 14px; font-weight: 400 !important; display: block; padding: 6px 2px 0; text-transform: none;" href="https://canadahair.ca/win-your-purchase"> Win your purchase </a> <strong style="font-size: 16px; font-weight: 600; display: block; margin-top: 14px; margin-bottom: 6px;"> OUR OTHER WEBSITES </strong> 3625<ul class="subchildmenu" style="margin-top: 0;"> 3626<li class="ui-menu-item level2" style="margin-top: 0;"><!-- External domains (NO SEO juice) --> <a style="font-size: 14px; font-weight: 400 !important; display: block; padding: 6px 2px 0; text-transform: none;" href="https://NoBrandHair.com" target="_blank" rel="nofollow noopener noreferrer"> NoBrandHair.com </a></li> 3627</ul> 3628</li> 3629</ul> 3630</li> 3631<!-- ================= COLUMN 2 ================= --> 3632<li class="ui-menu-item level1 parent"> 3633<ul class="subchildmenu"> 3634<li class="ui-menu-item level2" style="margin-top: 8px;"><a style="display: block; text-decoration: none;" href="https://canadahair.ca/rewards-program"> <img style="width: 100%; max-width: 370px; height: 370px; object-fit: cover; border-radius: 10px; margin-bottom: 10px;" src="https://xaq6katun5.cloudimg.io/__images__/cms/banner/cashback.png" alt="5% Cashback Program"> <span style="font-size: 15px; font-weight: 400 !important; display: block; padding: 6px 2px 0; text-transform: none;"> 5% Cashback Program </span> </a></li> 3635</ul> 3636</li> 3637<!-- ================= COLUMN 3 ================= --> 3638<li class="ui-menu-item level1 parent"> 3639<ul class="subchildmenu"> 3640<li class="ui-menu-item level2" style="margin-top: 8px;"><a style="display: block; text-decoration: none;" href="https://canadahair.typeform.com/to/IypFXQ"> <img style="width: 100%; max-width: 370px; height: 370px; object-fit: cover; border-radius: 10px; margin-bottom: 10px;" src="https://xaq6katun5.cloudimg.io/__images__/cms/banner/stylist2.png" alt="15% Stylist Discount"> <span style="font-size: 15px; font-weight: 400 !important; display: block; padding: 6px 2px 0; text-transform: none;"> 15% Stylist Discount </span> </a></li> 3641</ul> 3642</li> 3643<!-- ================= COLUMN 4 ================= --> 3644<li class="ui-menu-item level1 parent"> 3645<ul class="subchildmenu"> 3646<li class="ui-menu-item level2" style="margin-top: 8px;"><a style="display: block; text-decoration: none;
3646" href="https://canadahair.typeform.com/to/Rl5A85iT?typeform-source=canadahair.ca"> <img style="width: 100%; max-width: 370px; height: 370px; object-fit: cover; border-radius: 10px; margin-bottom: 10px;" src="https://xaq6katun5.cloudimg.io/__images__/cms/banner/loyalty.png" alt="5% Oath of Loyalty Discount"> <span style="font-size: 15px; font-weight: 400 !important; display: block; padding: 6px 2px 0; text-transform: none;"> 5% Oath of Loyalty Discount </span> </a></li> 3647</ul> 3648</li> 3649<!-- ================= COLUMN 5 ================= --> 3650<li class="ui-menu-item level1 parent"> 3651<ul class="subchildmenu"> 3652<li class="ui-menu-item level2" style="margin-top: 8px;"><a style="display: block; text-decoration: none;" href="https://canadahair.ca/wholesale"> <img style="width: 100%; max-width: 370px; height: 370px; object-fit: cover; border-radius: 10px; margin-bottom: 10px;" src="https://xaq6katun5.cloudimg.io/__images__/cms/banner/wholesale.png" alt="Wholesale Discounts"> <span style="font-size: 15px; font-weight: 400 !important; display: block; padding: 6px 2px 0; text-transform: none;"> Wholesale Discounts </span> </a></li> 3653</ul> 3654</li> 3655</ul> 3656</div> 3657</div> 3658</div> 3659</li> 3660<!-- HELP --> 3661<li class="ui-menu-item level0 staticwidth parent" style="text-align: left;"> 3662<div class="open-children-toggle"> </div> 3663<a class="level-top" style="color: #ffffff; padding: 0 10px !important; line-height: 35px; font-size: 18px;" title="HELP" href="https://canadahair.ca/help"> HELP </a> 3664<div class="level0 submenu" style="position: absolute; top: 100%; left: auto; transform: translateX(-72%); width: 80vw; min-height: 650px; padding: 30px 60px; border-radius: 0; z-index: 9999; right: 0;"> 3665<div class="container2"> 3666<div class="row"> 3667<ul class="subchildmenu col-md-12 mega-columns columns5"><!-- ================= COLUMN 1 ================= --> 3668<li class="ui-menu-item level1 parent"> 3669<div class="open-children-toggle"> </div> 3670<strong style="font-size: 16px; font-weight: 600; display: block; margin-bottom: 6px;"> HELP & SUPPORT </strong> 3671<ul class="subchildmenu" style="margin-top: 0;"> 3672<li class="ui-menu-item level2" style="margin-top: 0;"><a style="font-size: 14px; font-weight: 400 !important; display: block; padding: 6px 2px 0; text-transform: none;" href="https://canadahair.ca/help">Help Center</a> <a style="font-size: 14px; font-weight: 400 !important; display: block; padding: 6px 2px 0; text-transform: none;" href="https://canadahair.reamaze.com/conversations/new">Email us</a> <a style="font-size: 14px; font-weight: 400 !important; display: block; padding: 6px 2px 0; text-transform: none;" href="#"> Call us toll-free 24/7 </a><a style="font-weight: 400 !important;" href="tel:+18886578876">1-888-657-8876</a> <a style="font-size: 14px; font-weight: 400 !important; display: block; padding: 6px 2px 0; text-transform: none;" href="#"> SMS support </a><a style="font-weight: 400 !important;" href="tel:+12369796541">236-979-6541</a> <a style="font-size: 14px; font-weight: 400 !important; display: block; padding: 6px 2px 0; text-transform: none;" href="https://form.typeform.com/to/PS15PMn9">3 Steps Hair Quiz</a> <a style="font-size: 14px; font-weight: 400 !important; display: block; padding: 6px 2px 0; text-transform: none;" href="https://canadahair.typeform.com/to/aKjQx0Hz?typeform-source=canadahair.ca">3 Swatches for $5</a> <a style="font-size: 14px; font-weight: 400 !important; display: block; padding: 6px 2px 0; text-transform: none;" href="https://canadahair.ca/upload-selfie-recommendation">Get a recommendation</a> <a style="font-size: 14px; font-weight: 400 !important; display: block; padding: 6px 2px 0; text-transform: none;" href="https://canadahair.ca/payment-plans">Payment plans</a> <a style="font-size: 14px; font-weight: 400 !important; display: block; padding: 6px 2px 0; text-transform: none;" href="https://canadahair.ca/gift-card-canada-hair.html">Gift cards</a> <a style="font-size: 14px; font-weight: 400 !important; display: block; padding: 6px 2px 0; text-transform: none;" href="https://canadahair.ca/videos">Videos</a> <a style="font-size: 14px; font-weight: 400 !important; display: block; padding: 6px 2px 0; text-transform: none;
3672" href="https://canadahair.ca/brands.html">Our brands</a> <a style="font-size: 14px; font-weight: 400 !important; display: block; padding: 6px 2px 0; text-transform: none;" href="https://canadahair.ca/reviews">Post a review</a> <a style="font-size: 14px; font-weight: 400 !important; display: block; padding: 6px 2px 0; text-transform: none;" href="https://canadahair.ca/reviews/before-after-hair-extensions">Before & after</a> <a style="font-size: 14px; font-weight: 400 !important; display: block; padding: 6px 2px 0; text-transform: none;" href="https://canadahair.ca/blog.html">Our blog</a> <a style="font-size: 14px; font-weight: 400 !important; display: block; padding: 6px 2px 0; text-transform: none;" href="https://canadahair.reamaze.com/kb/shipping/when-will-i-receive-my-order">Shipping information</a> <a style="font-size: 14px; font-weight: 400 !important; display: block; padding: 6px 2px 0; text-transform: none;" href="https://canadahair.reamaze.com/kb/shipping/can-i-return-or-exchange-an-item">Return policy</a> <a style="font-size: 14px; font-weight: 400 !important; display: block; padding: 6px 2px 0; text-transform: none;" href="https://canadahair.ca/team">Our team</a> <a style="font-size: 14px; font-weight: 400 !important; display: block; padding: 6px 2px 0; text-transform: none;" href="https://canadahair.ca/canada-hair-company">About us</a></li> 3673</ul> 3674</li> 3675<!-- ================= COLUMN 2 ================= --> 3676<li class="ui-menu-item level1 parent"> 3677<ul class="subchildmenu"><!-- Row 1: 3 swatches for $5 --> 3678<li class="ui-menu-item level2" style="margin-top: 8px;"><a style="display: block; text-decoration: none;" href="https://canadahair.typeform.com/to/aKjQx0Hz?typeform-source=canadahair.ca"> <img style="width: 100%; max-width: 370px; height: 220px; object-fit: cover; border-radius: 10px; margin-bottom: 10px;" src="https://xaq6katun5.cloudimg.io/__images__/cms/banner/swatch2.png" alt="Get 3 swatches for $5"> </a></li> 3679<!-- Row 2: Get a recommendation --> 3680<li class="ui-menu-item level2" style="margin-top: 14px;"><a style="display: block; text-decoration: none;" href="https://canadahair.ca/upload-selfie-recommendation"> <img style="width: 100%; max-width: 370px; height: 220px; object-fit: cover; border-radius: 10px; margin-bottom: 10px;" src="https://xaq6katun5.cloudimg.io/__images__/cms/banner/selfie2.png" alt="Get a recommendation"> </a></li> 3681</ul> 3682</li> 3683<!-- ================= COLUMN 3 ================= --> 3684<li class="ui-menu-item level1 parent"> 3685<ul class="subchildmenu"><!-- Row 1: Help Center --> 3686<li class="ui-menu-item level2" style="margin-top: 8px;"><a style="display: block; text-decoration: none;" href="https://canadahair.ca/help"> <img style="width: 100%; max-width: 370px; height: 220px; object-fit: cover; border-radius: 10px; margin-bottom: 10px;" src="https://xaq6katun5.cloudimg.io/__images__/cms/banner/help2.png" alt="Help Center"> </a></li> 3687<!-- Row 2: Return policy --> 3688<li class="ui-menu-item level2" style="margin-top: 14px;"><a style="display: block; text-decoration: none;" href="https://canadahair.reamaze.com/kb/shipping/can-i-return-or-exchange-an-item"> <img style="width: 100%; max-width: 370px; height: 220px; object-fit: cover; border-radius: 10px; margin-bottom: 10px;" src="https://xaq6katun5.cloudimg.io/__images__/cms/banner/returns2.png" alt="Return policy"> </a></li> 3689</ul> 3690</li> 3691<!-- ================= COLUMN 4 ================= --> 3692<li class="ui-menu-item level1 parent"> 3693<ul class="subchildmenu"><!-- Row 1: Our blog --> 3694<li class="ui-menu-item level2" style="margin-top: 8px;"><a style="display: block; text-decoration: none;" href="https://canadahair.ca/blog.html"> <img style="width: 100%; max-width: 370px; height: 220px; object-fit: cover; border-radius: 10px; margin-bottom: 10px;" src="https://xaq6katun5.cloudimg.io/__images__/cms/banner/blog2.png" alt="Our blog"> </a></li> 3695<!-- Row 2: Videos --> 3696<li class="ui-menu-item level2" style="margin-top: 14px;"><a style="display: block; text-decoration: none;" href="https://canadahair.ca/videos"> <img style="width: 100%; max-width: 370px; height: 220px; object-fit: cover; border-radius: 10px; margin-bottom: 10px;" src="https://xaq6katun5.cloudimg.io/__images__/cms/banner/videos2.png" alt="Videos"> </a></li> 3697</ul> 3698</li> 3699<!-- ================= COLUMN 5 ================= --> 3700<li class="ui-menu-item level1 parent"> 3701<ul class="subchildmenu"><!-- Row 1: Email us --> 3702<li class="ui-menu-item level2" style="margin-top: 8px;"><a style="display: block; text-decoration: none;
3702" href="https://canadahair.reamaze.com/conversations/new"> <img style="width: 100%; max-width: 370px; height: 220px; object-fit: cover; border-radius: 10px; margin-bottom: 10px;" src="https://xaq6katun5.cloudimg.io/__images__/cms/banner/email2.png" alt="Email us"> </a></li> 3703<!-- Row 2: Call us toll-free 24/7 (number stays same line) --> 3704<li class="ui-menu-item level2" style="margin-top: 14px;"><a style="display: block; text-decoration: none;" href="tel:+18886578876"> <img style="width: 100%; max-width: 370px; height: 220px; object-fit: cover; border-radius: 10px; margin-bottom: 10px;" src="https://xaq6katun5.cloudimg.io/__images__/cms/banner/call2.png" alt="Call us toll-free 24/7"> </a></li> 3705</ul> 3706</li> 3707</ul> 3708</div> 3709</div> 3710</div> 3711</li> 3712 </ul> 3713</nav> 3714
3715<script type="text/javascript"> 3716 require([ 3717 'jquery', 3718 'Smartwave_Megamenu/js/sw_megamenu' 3719 ], function ($) { 3720 $(".sw-megamenu").swMegamenu(); 3721 }); 3722</script>
3722 3723 </div> 3724 <div class="section-item-title nav-sections-item-title" 3725 data-role="collapsible"> 3726 <a class="nav-sections-item-switch" 3727 data-toggle="switch" href="#store.links"> 3728 Account </a> 3729 </div> 3730 <div class="section-item-content nav-sections-item-content" 3731 id="store.links" 3732 data-role="content"> 3733 <!-- Account links --> </div> 3734 </div> 3735 </div> 3736 3737
3737<script> 3738 require(['jquery', 'domReady!'], function ($) { 3739 $(function () { 3740 $('.section-item-close').click(function () { 3741 $('.nav-toggle').trigger('click'); 3742 }); 3743 }); 3744 }); 3745 </script>
3745 3746 3747</header> 3748<div class="breadcrumbs"> 3749 <ul class="items"> 3750 <li class="item home"> 3751 <a href="https://canadahair.ca/" 3752 title="Go to Home Page"> 3753 Home </a> 3754 </li> 3755 <li class="item cms_page"> 3756 <strong>Deals</strong> 3757 </li> 3758 </ul> 3759</div> 3760<div class="widget block block-static-block"> 3761 <p>
3761<script> 3762document.querySelectorAll('link[rel="stylesheet"][href="https://cdn.canadahair.ca/media/porto/configed_css/design_english.css"]').forEach(function(link){ 3763 link.parentNode.removeChild(link); 3764}); 3765</script>
3765 3766 3767<style> 3768/*WARNING: Do not change this file. Your changes will be lost. 2017-04-05 08:38:57 */ 3769 3770.theme-color{color:#333333 !important;} 3771.theme-hover-color:hover{color:#333333 !important;} 3772.theme-bg-color{background-color:#333333 !important;} 3773.theme-border-color{border-color:#333333 !important;} 3774.theme-hover-bg-color:hover{background-color:#333333 !important;} 3775a,a:hover, .page-header a, .page-header a:hover, .page-header .panel.header .header.links > li > a, .minicart-wrapper .action.showcart:before, .minicart-wrapper .action.showcart.active:before, .owl-theme .owl-controls .owl-nav [class*=owl-], .recent-posts .post-date .day, .minicart-wrapper .action.showcart:hover:before, .minicart-wrapper .action.showcart:active:before, .minicart-wrapper .action.showcart.active:before, .minicart-wrapper .action.showcart.active:hover:before, .sorter-action:before, .pages a.page, .pages a.page, .sorter-action:hover:before, .product-options-bottom .price-box .price-container .price, .product-info-price .price-box .price-container .price, .product-info-main .product-info-price .price-wrapper .price, .product.data.items > .item.title.active > .switch, .product.data.items > .item.title.active > .switch:focus, .product.data.items > .item.title.active > .switch:hover, .minicart-items .action.edit:before, .minicart-items .action.delete:before, .page-main > .page-title-wrapper .page-title, .cart.table-wrapper .product-item-name > a, .cart.table-wrapper .product-item-name > a:hover, .cart.table-wrapper .col.subtotal .price, .cart.table-wrapper .actions-toolbar > .action-edit:hover:before, .cart.table-wrapper .actions-toolbar > .action-delete:hover:before, .cart.table-wrapper .actions-toolbar > .action-edit:before, .cart.table-wrapper .actions-toolbar > .action-delete:before, .paypal-review-discount .block > .title strong, .cart-discount .block > .title strong, .minicart-items .action.edit:hover:before, .minicart-items .action.delete:hover:before, .authentication-wrapper button.action-auth-toggle, .modal-custom .action-close:before, .modal-popup .action-close:before, .modal-slide .action-close:before, .abs-action-button-as-link:hover, .abs-action-remove:hover, .abs-discount-block .action.check:hover, .popup .actions-toolbar .action.cancel:hover, .paypal-button-widget .paypal-button:hover, .bundle-options-container .action.back:hover, .block.related .action.select:hover, .cart.table-wrapper .actions-toolbar > .action-delete:hover, .cart.table-wrapper .action.help.map:hover, .checkout-index-index .modal-popup .modal-footer .action-hide-popup:hover, .opc-wrapper .edit-address-link:hover, .opc-block-shipping-information .shipping-information-title .action-edit:hover, .action-auth-toggle:hover, .checkout-payment-method .payment-method-billing-address .action-cancel:hover, .checkout-payment-method .payment-method-billing-address .billing-address-details .action-edit-address:hover, .checkout-agreements-block .action-show:hover, .gift-options .actions-toolbar .action-cancel:hover, .gift-summary .action-edit:hover, .gift-summary .action-delete:hover, .gift-wrapping-title .action-remove:hover, .wishlist.split.button > .action:hover, .abs-add-fields .action.remove:hover, .paypal-review-discount .action.check:hover, .cart-discount .action.check:hover, .form-giftregistry-share .action.remove:hover, .form-giftregistry-edit .action.remove:hover, .form-add-invitations .action.remove:hover, .form-create-return .action.remove:hover, .form.send.friend .action.remove:hover, .opc-progress-bar-item._complete > span, .checkout-payment-method .payment-option-title .action-toggle, .checkout-payment-method .payment-option-title .action-toggle:after, .opc-block-shipping-information .shipping-information-title .action-edit:before, .opc-block-shipping-information .shipping-information-title .action-edit:hover:before, .block-collapsible-nav .item.current a, .block-collapsible-nav .item.current strong, .block-collapsible-nav .item a:hover, .block-collapsible-nav .item a:active, .block-collapsible-nav .item a:focus, .magento-rma-returns-returns .page-main .page-title-wrapper .page-title, .magento-rma-returns-view .page-main .page-title-wrapper .page-title, .magento-rma-guest-returns .page-main .page-title-wrapper .page-title, .account .page-main .page-title-wrapper .page-title, [class^="sales-guest-"] .page-main .page-title-wrapper .page-title, .sales-guest-view .page-main .page-title-wrapper .page-title, .magento-rma-guest-returns .page-main .page-title-wrapper .page-title, .fieldset > .legend, p .alternative-font, .entry-content h3, .history h4, .nav-toggle:before, .block-search .label:before, .nav-toggle:hover:before, .block-search .label:hover:before, .fotorama .fotorama-sprite, .fotorama__fullscreen .fotorama .fotorama__zoom-out, .fotorama__fullscreen .fotorama .fotorama__zoom-in, .fotorama .fotorama__arr .fotorama__arr__arr, .fotorama .fotorama__fullscreen-icon, .fotorama .fotorama__thumb__arr, .page-header.type5 .search-area > a, .page-header.type5 .search-area > a:hover, .page-header.type5 .minicart-wrapper .action.showcart:before, .page-header.type5 .minicart-wrapper .action.showcart.active:before, .page-header.type5 .minicart-wrapper .action.showcart .counter.qty, .page-header.type5 .block-search .action.search:before, .block-search .action.search:before, .filterproducts-tab .data.items > .item.title[aria-expanded=true] a.switch, .page-header.type7 .minicart-wrapper .action.showcart .counter.qty, .qty.field .qty-changer > a:hover, .post-holder .post-date .day, .widget.block-recent-posts ul li a, .post-list .post-content .post-read-more, .post-header .post-title a, a:visited, .alink:visited, a:active, .alink:active, .block-category-event > div.event-desc, .block-category-event .event-ticker .dates > div > span.desc, #ln_price_slider .ui-slider-handle, .table.grouped .price-box .price, .abs-action-remove, .abs-discount-block .action.check, .popup .actions-toolbar .action.cancel, .paypal-button-widget .paypal-button, .bundle-options-container .action.back, .block.related .action.select, .cart.table-wrapper .actions-toolbar > .action-delete, .cart.table-wrapper .action.help.map, .checkout-index-index .modal-popup .modal-footer .action-hide-popup, .opc-wrapper .edit-ad
3775dress-link, .opc-block-shipping-information .shipping-information-title .action-edit, .action-auth-toggle, .checkout-payment-method .payment-method-billing-address .action-cancel, .checkout-payment-method .payment-method-billing-address .billing-address-details .action-edit-address, .checkout-agreements-block .action-show, .gift-options .actions-toolbar .action-cancel, .gift-summary .action-edit, .gift-summary .action-delete, .gift-wrapping-title .action-remove, .wishlist.split.button > .action, .abs-add-fields .action.remove, .paypal-review-discount .action.check, .cart-discount .action.check, .form-giftregistry-share .action.remove, .form-giftregistry-edit .action.remove, .form-add-invitations .action.remove, .form-create-return .action.remove, .form.send.friend .action.remove, .minicart-items .product-item-name a 3776 {color:#333333;} 3777.action.primary, .action.primary:hover, .owl-theme .owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot:hover span, .recent-posts .post-date .month, .footer-ribbon, .filter-options-title:hover:after, .modes-mode.active, .modes-mode:hover, .pages strong.page, .pages .action:hover, .pages a.page:hover, button:hover, .action.primary:focus, .action.primary:active, .btn-primary, .contact-index-index .page-main .contact-info [class^="porto-icon-"], .contact-index-index .page-main .contact-info [class*=" porto-icon-"], .btn-default, .cms-index-index blockquote.testimonial, .btn-default:hover, .products-grid .product-item-info:hover .product-item-details .product-item-actions .tocart, .products-grid.products.grid.flex-grid .product-item-details .product-item-actions .tocart, .post-holder .post-date .month, .page-header.type8 .header.content, .page-header.type11 .navigation li.level0.active, .iwd-summary-cart, #ln_price_slider .ui-slider-handle, .filter-toggle.active,.products-grid .product-item .product-item-info:hover .weltpixel-quickview.weltpixel_quickview_button_v2 3778 {background-color:#333333;} 3779.action.primary, .action.primary:hover, .modes-mode.active, .modes-mode:hover, .pages strong.page, .pages .action:hover, .pages a.page:hover, .fotorama__nav .fotorama__thumb-border, button:hover, .action.primary:focus, .action.primary:active, .products-grid .product-item-info:hover .product-item-details .product-item-actions .tocart, .products-grid.products.grid.flex-grid .product-item-details .product-item-actions .tocart, .filter-toggle.active,i.ajax-loader, .swatch-option.selected, .swatch-option.image:not(.disabled):hover, .swatch-option.color:not(.disabled):hover, .swatch-option:not(.disabled):hover 3780 {border-color:#333333;} 3781.page-header, .minicart-wrapper .block-minicart, .product.data.items > .item.title.active > .switch, .product.data.items > .item.title.active > .switch:focus, .product.data.items > .item.title.active > .switch:hover, .authentication-dropdown, .login-container, .form.password.reset, .form.send.confirmation, .form.password.forget, .form.create.account, .form.form-edit-account, .form-address-edit, .form-newsletter-manage, .featured-box .box-content, .history .featured-box .box-content, .form.search.advanced, .homepage-grid-banner .ribbon:before, .cms-index-index .testimonial-arrow-down, #newsletter_popup, .iwd-one-page-checkout-sidebar .iwd-opc-block-summary, .block-header-customer-login 3782 {border-top-color:#333333;} 3783.minicart-wrapper .block-minicart:before, .prev-next-products .product-nav .product-pop:before, .iwd-one-page-checkout-sidebar .iwd-opc-block-summary:before, .block-header-customer-login:before 3784 {border-bottom-color:#333333;} 3785@media (max-width: 767px) { 3786 .navigation a { 3787 color: #777 !important; 3788 } 3789 .navigation a:hover, .nav-sections .header.links a:hover { 3790 color: #333333 !important; 3791 } 3792 header.page-header .nav-sections-item-title.active > a, header.page-header .nav-sections-item-title.active > a:hover, header.page-header .nav-sections-item-title.active > a:focus { 3793 color: #333333; 3794 } 3795 header.page-header .nav-sections-item-title, .sw-megamenu.navigation li.level0.fullwidth .submenu .menu-top-block a.btn-default:hover, .sw-megamenu.navigation li.level0.staticwidth .submenu .menu-top-block a.btn-default:hover, .sw-megamenu.navigation li.level0.fullwidth .submenu .menu-left-block a.btn-default:hover, .sw-megamenu.navigation li.level0.staticwidth .submenu .menu-left-block a.btn-default:hover, .sw-megamenu.navigation li.level0.fullwidth .submenu .menu-right-block a.btn-default:hover, .sw-megamenu.navigation li.level0.staticwidth .submenu .menu-right-block a.btn-default:hover, .sw-megamenu.navigation li.level0.fullwidth .submenu .menu-bottom-block a.btn-default:hover, .sw-megamenu.navigation li.level0.staticwidth .submenu .menu-bottom-block a.btn-default:hover, .sw-megamenu.navigation li.level0.fullwidth .submenu .menu-top-block a.btn-default:focus, .sw-megamenu.navigation li.level0.staticwidth .submenu .menu-top-block a.btn-default:focus, .sw-megamenu.navigation li.level0.fullwidth .submenu .menu-left-block a.btn-default:focus, .sw-megamenu.navigation li.level0.staticwidth .submenu .menu-left-block a.btn-default:focus, .sw-megamenu.navigation li.level0.fullwidth .submenu .menu-right-block a.btn-default:focus, .sw-megamenu.navigation li.level0.staticwidth .submenu .menu-right-block a.btn-default:focus, .sw-megamenu.navigation li.level0.fullwidth .submenu .menu-bottom-block a.btn-default:focus, .sw-megamenu.navigation li.level0.staticwidth .submenu .menu-bottom-block a.btn-default:focus { 3796 background-color: #333333; 3797 } 3798 .page-header.type5 .minicart-wrapper .action.showcart .counter.qty { 3799 color: #fff; 3800 } 3801} 3802@media (min-width: 768px) {
3803 .page-header.type1 .navigation li.level0, .page-header.type1 .panel.header .header.links > li > a, .page-header.type1 .panel.header .header.links > li > a:hover,.page-header.type3 .header.panel .top-panel>.links > li > a, .page-header.type3 .header.panel .top-panel>.links > li > a:hover, .page-header.type4 .header.panel .links > li > a, .page-header.type4 .header.panel .links > li > a:hover, .page-header.type3 .header.panel .block-search .action.search:before, .page-header.type6 .navigation .level0 > .level-top, .page-header.type6 .minicart-wrapper .action.showcart:before, .page-header.type6 .minicart-wrapper .action.showcart.active:before, .page-header.type6 .search-area > a, .page-header.type6 .search-area > a:hover, .page-header.type6 .block-search .action.search:before, .page-header.type11 .panel.header .header.links > li > a, .page-header.type4 .header.panel .block-search .action.search:before, .page-header.type9 .header.panel .block-search .action.search:before, .page-header.type11 .panel.header .header.links > li > a:hover, .page-header.type11 .navigation li.level0:hover { 3804 color: #333333; 3805 } 3806 .page-header.type1 .navigation li.level0.active, .page-header.type1 .navigation li.level0:hover, .page-header.type3 .navigation .level0:hover > .level-top, .page-header.type4 .navigation .level0:hover > .level-top, .page-header.type3 .navigation .level0.active > .level-top, .page-header.type3 .navigation .level0.has-active > .level-top, .page-header.type4 .navigation .level0.active > .level-top, .page-header.type4 .navigation .level0.has-active > .level-top, .page-header.type6 .panel.wrapper, .page-header.type6 .navigation .level0:hover > .level-top, .sw-megamenu.navigation li.level0.fullwidth .submenu .menu-top-block a.btn-default, .sw-megamenu.navigation li.level0.staticwidth .submenu .menu-top-block a.btn-default, .sw-megamenu.navigation li.level0.fullwidth .submenu .menu-left-block a.btn-default, .sw-megamenu.navigation li.level0.staticwidth .submenu .menu-left-block a.btn-default, .sw-megamenu.navigation li.level0.fullwidth .submenu .menu-right-block a.btn-default, .sw-megamenu.navigation li.level0.staticwidth .submenu .menu-right-block a.btn-default, .sw-megamenu.navigation li.level0.fullwidth .submenu .menu-bottom-block a.btn-default, .sw-megamenu.navigation li.level0.staticwidth .submenu .menu-bottom-block a.btn-default, .sw-megamenu.navigation.side-megamenu li.level0:hover, .sw-megamenu.navigation li.level0.fullwidth .submenu .menu-right-block a.btn-default:hover { 3807 background-color: #333333; 3808 } 3809 .navigation .level0 .submenu { 3810 border-color:#333333; 3811 } 3812 .product.info.detailed.vertical .product.data.items > .item.title.active > .switch, .product.info.detailed.vertical .product.data.items > .item.title.active > .switch:focus, .product.info.detailed.vertical .product.data.items > .item.title.active > .switch:hover { 3813 border-left-color: #333333; 3814 } 3815 .sw-megamenu.navigation.side-megamenu li.level0:hover > a { 3816 border-top-color:#333333; 3817 } 3818} 3819a:hover{color:#FF508C} 3820button.action.primary{ 3821} 3822button.action.primary:hover{ 3823 background-color:#FF508C; 3824 border-color:#FF508C; 3825} 3826@media (min-width: 768px){ 3827 .page-header.type1 .navigation > ul, .page-header.type2 .nav-sections, .page-header.type8 .menu-wrapper, .page-header .drop-menu .nav-sections, .page-header.type11 .nav-sections, .page-header.type16 .nav-sections, .page-header.type17 .nav-sections { 3828 background-color: #FFFFFF; 3829 } 3830} 3831@media (min-width: 768px){ 3832 .sw-megamenu.navigation span.cat-label.cat-label-label3 { 3833 background-color: #FF5A33; 3834 } 3835 .sw-megamenu.navigation li.level0 > a > span.cat-label.cat-label-label3:before { 3836 border-top-color: #FF5A33; 3837 } 3838 .sw-megamenu.navigation li .subchildmenu li > a > span > span.cat-label.cat-label-label3:before, .sw-megamenu.navigation.side-megamenu li.level0 > a > span.cat-label.cat-label-label3:before { 3839 border-right-color: #FF5A33; 3840 } 3841} 3842@media (max-width: 768px){ 3843 .sw-megamenu.navigation span.cat-label.cat-label-label3 { 3844 background-color: #FF5A33; 3845 } 3846 .sw-megamenu.navigation span.cat-label.cat-label-label3:before { 3847 border-right-color: #FF5A33; 3848 } 3849} 3850.footer-ribbon:before{ 3851 border-right-color:#FF508C; 3852} 3853</style> 3854 3855</p></div> 3856<div class="widget block block-static-block"> 3857
3857<script> 3858(function(){if(!window.chatbase||window.chatbase("getState")!=="initialized"){window.chatbase=(...arguments)=>{if(!window.chatbase.q){window.chatbase.q=[]}window.chatbase.q.push(arguments)};window.chatbase=new Proxy(window.chatbase,{get(target,prop){if(prop==="q"){return target.q}return(...args)=>target(prop,...args)}})}const onLoad=function(){const script=document.createElement("script");script.src="https://www.chatbase.co/embed.min.js";script.id="G4k7DYLVNakAkUBfSt3yD";script.domain="www.chatbase.co";document.body.appendChild(script)};if(document.readyState==="complete"){onLoad()}else{window.addEventListener("load",onLoad)}})(); 3859</script>
3859 3860</div> 3861<main id="maincontent" class="page-main"><a id="contentarea" tabindex="-1"></a> 3862<div class="page messages"><div data-placeholder="messages"></div> 3863<div data-bind="scope: 'messages'"> 3864 <!-- ko if: cookieMessages && cookieMessages.length > 0 --> 3865 <div role="alert" data-bind="foreach: { data: cookieMessages, as: 'message' }" class="messages"> 3866 <div data-bind="attr: { 3867 class: 'message-' + message.type + ' ' + message.type + ' message', 3868 'data-ui-id': 'message-' + message.type 3869 }"> 3870 <div data-bind="html: $parent.prepareMessageForHtml(message.text)"></div> 3871 </div> 3872 </div> 3873 <!-- /ko --> 3874 3875 <!-- ko if: messages().messages && messages().messages.length > 0 --> 3876 <div role="alert" data-bind="foreach: { data: messages().messages, as: 'message' }" class="messages"> 3877 <div data-bind="attr: { 3878 class: 'message-' + message.type + ' ' + message.type + ' message', 3879 'data-ui-id': 'message-' + message.type 3880 }"> 3881 <div data-bind="html: $parent.prepareMessageForHtml(message.text)"></div> 3882 <!-- ko if: $parent.isSuccessMessage(message) --><!-- /ko --> 3883 </div> 3884 </div> 3885 <!-- /ko --> 3886</div>
3887<script type="text/x-magento-init"> 3888 { 3889 "*": { 3890 "Magento_Ui/js/core/app": { 3891 "components": { 3892 "messages": { 3893 "component": "Magento_Theme/js/view/messages" 3894 } 3895 } 3896 } 3897 } 3898 } 3899</script>
3899 3900</div><div class="widget block block-static-block"> 3901 </div> 3902<div class="widget block block-static-block"> 3903 <p>
3903<script> 3904 // variable : review-text-allpages 3905 document.addEventListener('DOMContentLoaded', function() { 3906 setTimeout(function(){ 3907 if(document.querySelectorAll('.yotpo-reviews-tab-layout > .yotpo-base-layout')[0]){ 3908 console.log("1"); 3909 const targetNode1 = document.querySelectorAll('.yotpo-reviews-tab-layout > .yotpo-base-layout')[0]; 3910 3911 // Options for the observer (which mutations to observe) 3912 const observerConfig = {childList: true}; 3913 3914 // Callback function to execute when mutations are observed 3915 const callback = function(mutationsList, observer) { 3916 // Use traditional 'for loops' for IE 11 3917 for(const mutation of mutationsList) { 3918 if (mutation.type === 'childList') { 3919 console.log("2"); 3920 setTimeout(function(){ 3921 if(document.querySelectorAll('.yotpo-reviews-tab-list')[0]){ 3922 console.log("4"); 3923 const targetNode2 = document.querySelectorAll('.yotpo-reviews-tab-list')[0]; 3924 3925 // Options for the observer (which mutations to observe) 3926 const observerConfig = {childList: true}; 3927 3928 // Callback function to execute when mutations are observed 3929 const callback = function(mutationsList, observer) { 3930 // Use traditional 'for loops' for IE 11 3931 for(const mutation of mutationsList) { 3932 if (mutation.type === 'childList') { 3933 console.log("5"); 3934 adjustD(); 3935 adjustTabReviews(); 3936 console.log("6"); 3937 } 3938 } 3939 }; 3940 3941 // Create an observer instance linked to the callback function 3942 const observer = new MutationObserver(callback); 3943 3944 // Start observing the target node for configured mutations 3945 observer.observe(targetNode2, observerConfig); 3946 console.log("5"); 3947 adjustD(); 3948 adjustTabReviews(); 3949 } 3950 }, 500); 3951 console.log("3"); 3952 } 3953 } 3954 }; 3955 3956 // Create an observer instance linked to the callback function 3957 const observer = new MutationObserver(callback); 3958 3959 // Start observing the target node for configured mutations 3960 observer.observe(targetNode1, observerConfig); 3961 } 3962 3963 3964 3965 3966 function adjustTabReviews(){ 3967 var time = 0; 3968 for(var i = 0; i < document.querySelectorAll(".yotpo-reviews-tab-review-rating-title").length; i++){ 3969 if(document.querySelectorAll(".yotpo-reviews-tab-review-rating-title")[i]){ 3970 if(document.querySelectorAll(".yotpo-reviews-tab-review-content")[i].children.length==3 && document.querySelectorAll(".yotpo-reviews-tab-review-content")[i].children[1].innerText == "Read more"){ 3971 document.querySelectorAll(".yotpo-reviews-tab-review-content")[i].children[1].click(); 3972 var time = 500; 3973 } 3974 } 3975 } 3976 3977 setTimeout(function(){ 3978 for(var i = 0; i < document.querySelectorAll(".yotpo-reviews-tab-review-rating-title").length; i++){ 3979 if(document.querySelectorAll(".yotpo-reviews-tab-review-rating-title")[i]){ 3980 var rTitle = document.querySelectorAll(".yotpo-reviews-tab-review-rating-title")[i].innerHTML; 3981 var nText = document.querySelectorAll(".yotpo-reviews-tab-review-content")[i].innerHTML; 3982 3983 // halo to wire 3984 rTitle= rTitle.replaceAll("halo extension", "invisible wire extension"); 3985 nText = nText.replaceAll("halo extension", "invisible wire extension"); 3986 rTitle= rTitle.replaceAll("halo", "invisible wire extensions"); 3987 nText = nText.replaceAll("halo", "invisible wire extensions"); 3988 3989 // country specific 3990 var canada = ["canada hair","canadahair","canadahair.ca","Canada"]; 3991 var usa = ["usa hair","usahair","usahair.com","USA"]; 3992 if(window.location.hostname == "usahair.com"){ 3993 for(var t = 0; t<4; t++){ 3994 rTitle= rTitle.replaceAll(canad
3994a[t],usa[t]); 3995 nText = nText.replaceAll(canada[t],usa[t]); 3996 } 3997 }else if(window.location.hostname == "canadahair.ca"){ 3998 for(var t = 0; t<4; t++){ 3999 rTitle= rTitle.replaceAll(usa[t],canada[t]); 4000 nText = nText.replaceAll(usa[t],canada[t]); 4001 } 4002 } 4003 document.querySelectorAll(".yotpo-reviews-tab-review-rating-title")[i].innerHTML = rTitle; 4004 document.querySelectorAll(".yotpo-reviews-tab-review-content")[i].innerHTML = nText; 4005 } 4006 } 4007 }, time); 4008 } 4009 4010 function adjustD(){ 4011 for(i=0;i<document.querySelectorAll(".yotpo-review-date").length;i++){ 4012 var rChange = document.querySelectorAll(".yotpo-review-date")[i]; 4013 if(rChange.innerText.length>10){ 4014 rChange = rChange.children[1]; 4015 } 4016 console.log(i + " "+rChange.innerText.length); 4017 if(rChange.classList.contains("done-list")){}else{ 4018 if(rChange.innerText.length == 10){ 4019 if((Number(rChange.innerText.substring(7, 9))<23 && Number(rChange.innerText.substring(4, 6))<32 && Number(rChange.innerText.substring(1, 3))<13) || (Number(rChange.innerText.substring(7, 9))<23 && Number(rChange.innerText.substring(1, 3))<13)){ 4020 console.log("REVIEW " + rChange.innerText + " becomes 23"); 4021 rChange.innerText = rChange.innerText.substring(0, 7) + "23 "; 4022 }else if((Number(rChange.innerText.substring(7, 9))<24 && Number(rChange.innerText.substring(4, 6))<32 && Number(rChange.innerText.substring(1, 3))<12) || (Number(rChange.innerText.substring(7, 9))<24 && Number(rChange.innerText.substring(1, 3))<9)){ 4023 console.log("REVIEW " + rChange.innerText + " becomes 24"); 4024 rChange.innerText = rChange.innerText.substring(0, 7) + "24 "; 4025 } 4026 }else if(rChange.innerText.length == 8){ 4027 if((Number(rChange.innerText.substring(6, 8))<23 && Number(rChange.innerText.substring(3, 5))<32 && Number(rChange.innerText.substring(0, 2))<13) || (Number(rChange.innerText.substring(6, 8))<23 && Number(rChange.innerText.substring(0, 2))<13)){ 4028 console.log("REVIEW " + rChange.innerText + " becomes 23"); 4029 rChange.innerText = rChange.innerText.substring(0, 6) + "23"; 4030 }else if((Number(rChange.innerText.substring(6, 8))<24 && Number(rChange.innerText.substring(3, 5))<32 && Number(rChange.innerText.substring(0, 2))<12) || (Number(rChange.innerText.substring(6, 8))<24 && Number(rChange.innerText.substring(0, 2))<9)){ 4031 console.log("REVIEW " + rChange.innerText + " becomes 24"); 4032 rChange.innerText = rChange.innerText.substring(0, 6) + "24"; 4033 } 4034 } 4035 document.querySelectorAll(".yotpo-review-date")[i].classList.add("done-list"); 4036 } 4037 } 4038 } 4039 4040 }, 1000); 4041 }, false); 4042</script>
4042</p></div> 4043<div class="widget block block-static-block"> 4044 </div> 4045<div class="widget block block-static-block"> 4046 <style type="text/css">.products-grid .product-item-details .product-item-actions {display:none;} 4047 4048 4049.products-grid .product-item div[class^="swatch-opt-"] {display:none;}</style></div> 4050<div class="widget block block-static-block"> 4051 <p><div id="product-configuration-chat" class="product-configuration product-configuration-on"> 4052 <div> 4053 <div id="configuration-chat-outerdiv" class="configuration-outerdiv"> 4054 <div id="transparent-chat" onclick="popupToggleChat('chat')" class="transparent"></div> 4055 <p id="close-popup-x-chat" onclick="popupToggleChat('chat')" class="close-popup-x-inactive">X</p> 4056 <div id="configuration-chat-innerdiv" class="configuration-innerdiv"> 4057 <p onclick="popupToggleChat('chat')"><span id="myBtn-chat-CH" class="myBtn">HELP</span> <span id="dots-chat-CH" style="display: inline;"></span></p> 4058 <p class="hiddenLength" id="chat-welcome">How Can We Help You Today?</p> 4059 <div class="hiddenLength"> 4060 <div onclick="popupToggleChat('chat','chatbase')"> 4061 <p>🤖 Bilbo, Your AI Assistance</p> 4062 <p>✅ Best for Product Recommendations</p> 4063 <p>✅ Fast & Available 24/7</p> 4064 <p>✅ Instant Answers, No Waiting</p> 4065 <p>Ideal if you're in a hurry or want the most efficient help.</p> 4066 <div>Talk to Bilbo (AI)</div> 4067 </div> 4068 <div onclick="popupToggleChat('chat','reamaze')"> 4069 <p>👩‍💼 Personal Help</p> 4070 <p>✅ Great for Order Support</p> 4071 <p>✅ Human Touch & Guidance</p> 4072 <p>✅ May Have a Short Wait</p> 4073 <p>Best if you have a complex issue or need detailed assistance.</p> 4074 <div>Talk to a Real Person</div> 4075 </div> 4076 </div> 4077 </div> 4078 </div> 4079 </div> 4080</div> 4081
4082<script type="text/javascript" xml="space">// <![CDATA[ 4083 function popupToggleChat(type,chat) { 4084 if(document.getElementById("myBtn-"+type+"-CH").innerHTML=="X"){ 4085 document.getElementById("myBtn-"+type+"-CH").innerHTML= "HELP"; 4086 if(document.getElementById("chatbase-bubble-window").style.display != "none"){ 4087 document.getElementById("chatbase-bubble-button").click(); 4088 } 4089 if(document.getElementById("reamaze-popup").getAttribute("aria-hidden")==null){ 4090 document.getElementById("reamaze-widget").click(); 4091 } 4092 }else{ 4093 //Set width 4094 var w = document.documentElement.clientWidth || document.body.clientWidth || window.innerWidth; 4095 var targetWidth = 768; 4096 if ( w > targetWidth) { 4097 document.getElementById("close-popup-x-"+type).style.right = ((w - 600)/2.2) + "px"; 4098 } 4099 4100 var dots = document.getElementById("dots-"+type+"-CH"); 4101 if(document.getElementById("more-"+type+"-CH")){ 4102 var moreText = document.getElementById("more-"+type+"-CH"); 4103 } 4104 var btnText = document.getElementById("myBtn-"+type+"-CH"); 4105 var c = document.getElementById("configuration-"+type+"-innerdiv").children; 4106 4107 var textType = new Map([["chat", ["HELP","CLOSE"]]]); 4108 4109 if (dots.style.display === "none") { 4110 dots.style.display = "inline"; 4111 btnText.innerHTML = textType.get(type)[0]; 4112 if(moreText){ 4113 moreText.style.display = "none"; 4114 } 4115 4116 var i; 4117 for (i = 1; i < c.length; i++) { 4118 c[i].classList.add("hiddenLength"); 4119 } 4120 4121 document.getElementById("configuration-"+type+"-outerdiv").classList.remove("mobile-configuration-OUTERdiv"); 4122 document.getElementById("configuration-"+type+"-innerdiv").classList.remove("mobile-configuration-INNERdiv-600"); 4123 document.getElementById("close-popup-x-"+type).classList.remove("close-popup-x"); 4124 } else { 4125 dots.style.display = "none"; 4126 btnText.innerHTML = btnText.innerHTML = textType.get(type)[1]; 4127 if(moreText){ 4128 moreText.style.display = "inline"; 4129 } 4130 4131 var i; 4132 for (i = 1; i < c.length; i++) { 4133 c[i].classList.remove("hiddenLength"); 4134 } 4135 4136 document.getElementById("configuration-"+type+"-outerdiv").classList.add("mobile-configuration-OUTERdiv"); 4137 document.getElementById("configuration-"+type+"-innerdiv").classList.add("mobile-configuration-INNERdiv-600"); 4138 document.getElementById("close-popup-x-"+type).classList.add("close-popup-x"); 4139 } 4140 4141 if(chat){ 4142 if(chat=="reamaze"){ 4143 document.getElementById("reamaze-widget").click(); 4144 }else{ 4145 if(document.getElementById("chatbase-bubble-window").style.display == "none"){ 4146 document.getElementById("chatbase-bubble-button").click(); 4147 } 4148 } 4149 if ( w > targetWidth) { 4150 btnText.innerHTML = "X"; 4151 } 4152 } 4153 } 4154 } 4155 4156</script>
4156 4157 4158<style> 4159#reamaze-container > button{ 4160 display:none!important; 4161} 4162#chatbase-bubble-button,#reamaze-widget{ 4163 visibility: hidden; 4164} 4165 4166#myBtn-chat-CH{ 4167letter-spacing: 2px; 4168} 4169#chat-welcome{ 4170 font-size:18px; 4171 margin-top:80px; 4172 margin-bottom:20px; 4173} 4174#configuration-chat-innerdiv > div{ 4175 display: flex; 4176 color: black; 4177 text-align: left; 4178 font-size: 14px; 4179 padding:0px 0px 0px 40px; 4180} 4181#configuration-chat-innerdiv > div > div{ 4182width:50%; 4183padding: 15px; 4184font-weight: 300; 4185cursor:pointer; 4186} 4187#configuration-chat-innerdiv > div > div > div{ 4188background-color:black; 4189color:white; 4190border-radius:5px; 4191padding: 10px 15px; 4192width: max-content; 4193} 4194#configuration-chat-innerdiv > div > div p:first-of-type { 4195 font-weight: bold; 4196 font-size:16px; 4197} 4198#configuration-chat-innerdiv > div > div p:last-of-type { 4199 font-style: italic; 4200 color: gray; 4201} 4202 4203.product-configuration > div{ 4204 display:block!important; 4205 flex: none!important; 4206 justify-content: center; 4207 padding: none!important; 4208 height: auto!important; 4209 background: none!important; 4210 border: none!important; 4211 box-shadow: none!important; 4212 border-radius: none!important; 4213 margin-bottom: 0px; 4214 height: auto!important; 4215 max-width: 100%!important; 4216 min-width: 100%!important; 4217 width: 100%!important; 4218} 4219 4220#product-configuration{ 4221text-align:center; 4222} 4223 4224#product-configuration-disclaimer-sentence{ 4225font-size:15px; 4226color: rgb(80,80,80,1); 4227font-weight: 400!important; 4228} 4229 4230.myBtn{ 4231font-size: 14px; 4232margin:0px; 4233} 4234 4235.configuration-innerdiv> p:nth-child(1){ 4236cursor: pointer; 4237text-align: center; 4238} 4239 4240.product-configuration > div > div> div > .configuration-innerdiv > p:nth-child(1){ 4241margin-block-start: 0em!important; 4242margin-block-end: 0.35em!important; 4243} 4244 4245.hiddenLength{ 4246display:none!important; 4247} 4248 4249.mobile-configuration-OUTERdiv{ 4250background-color:rgba(230,230,230,0.95); 4251height:100vh!important; 4252width:100vw!important; 4253position:fixed; 4254top:0px; 4255left:0px; 4256z-index:1000001; 4257} 4258 4259.transparent{ 4260display:none; 4261position:fixed; 4262width:100%; 4263height:100%; 4264opacity:0.1; 4265top:0; 4266left:0; 4267z-index:1000002; 4268} 4269 4270.mobile-configuration-INNERdiv-600{ 4271background-color:rgba(240,240,240); 4272max-height:80vh; 4273width:90vw; 4274max-width:600px; 4275text-align: center; 4276margin-left:auto; 4277margin-right:auto; 4278margin-top:8vh; 4279overflow: auto; 4280box-shadow: 0px 0px 15px 3px rgba(0,0,0,.3)!important; 4281padding:0 0 25px 0; 4282position: relative; 4283z-index:1000004; 4284padding-bottom: 70px; 4285} 4286 4287.mobile-configuration-INNERdiv-600 > p{ 4288font-size:16px; 4289color:black; 4290padding:0px 10px; 4291margin-top:15px; 4292margin-bottom:10px; 4293margin-left:auto!important; 4294margin-right:auto!important; 4295max-width:400px; 4296width:95% 4297} 4298.mobile-configuration-INNERdiv-600 > p:nth-child(1){ 4299background-color: #ff508c; 4300color:white!important; 4301padding:14px 0px 12px 0px; 4302margin:0px; 4303width:90vw; 4304max-width:600px; 4305position:fixed; 4306border:none; 4307} 4308 4309.mobile-configuration-OUTERdiv > .transparent{ 4310display: inline-block!important; 4311} 4312 4313.close-popup-x-inactive{ 4314display:none; 4315} 4316.close-popup-x{ 4317display: inline-block!important; 4318text-align: center; 4319vertical-align: bottom; 4320position: fixed; 4321width: auto!important; 4322height: auto!important; 4323border: 4px solid #ff508c; 4324background-color: white; 4325color: #ff508c!important; 4326border-radius: 100%; 4327z-index: 1000006; 4328cursor: pointer; 4329} 4330 4331#product-configuration-chat{ 4332 position:fixed; 4333 width: 80px; 4334 height: 70px; 4335 color: white; 4336 background-color: black; 4337 border-radius: 100%; 4338 right: 1rem; 4339 bottom: 5rem; 4340 box-shadow: 0px 0px 10px 3px rgba(0, 0, 0, 0.3) !important; 4341 font-weight:700; 4342 z-index: 473644; 4343 font-size:25px; 4344 align-content: center; 4345} 4346@media(max-width: 767px) { 4347 .close-popup-x { 4348 top: 6vh!important; 4349 right: 0vw!important; 4350 padding: 3vw 6vw!important; 4351 } 4352 #product-configuration-chat{ 4353 left: 50%; 4354 top: 0px; 4355 height: 65px !important; 4356 width: 58px!important; 4357 border-radius: 0px !important; 4358 } 4359 #chat-welcome{ 4360 font-size:18px; 4361 margin-top:80px; 4362 margin-bottom:0px; 4363 } 4364 #configuration-chat-innerdiv > div > div{ 4365 padding:20px 30px; 4366 } 4367 #configuration-chat-innerdiv > div{ 4368 display: flex; 4369 color: black; 4370 text-align: left; 4371 font-size: 14px; 4372 padding: 5px; 4373 flex-wrap:wrap; 4374 } 4375 #configuration-chat-innerdiv > div > div{ 4376 width:100%; 4377 } 4378 #reamaze-container > button{ 4379 display:block!important; 4380 } 4381} 4382@media(min-width: 768px) { 4383 .close-popup-x { 4384 font-size: 30px!important; 4385 padding: 15px 30px!important; 4386 top:6vh; 4387 } 4388 #chatbase-bubble-window{ 4389 bottom:12rem!important; 4390 } 4391} 4392 4393button.items-center.justify-center.gap-2.whitespace-nowrap.rounded-md.text-sm.font-medium.transition-all.duration-200.disabled\:pointer-events-none.disabled\:opacity-50.\[\&_svg\]\:pointer-events-none.\[\&_svg\]\:shrink-0.outline-hidden.focus-visible\:border-ring.focus-visible\:ring-ring\/50.focus-visible\:ring-\[3px\].aria-invalid\:ring-destructive\/20.dark\:aria-invalid\:ring-destructive\/40.aria-invalid\:border-destructive.hidden.h-7.w-7.p-0.text-inherit.opacity-70.group-data-\[mobile\=true\]\:block.hover\:opacity-85 { 4394 display: block!important; 4395} 4396#configuration-chat-innerdiv > p > span#myBtn-chat-CH { 4397 color: white; 4398} 4399</style></p></div> 4400<div class="columns"><div class="column main">
4400<script type="text/x-magento-init"> 4401 { 4402 "#product-addtocart-button": { 4403 "custom-sticky": { 4404 "selector": "#product-addtocart-button", 4405 "mediaBreakpointMax": 768, 4406 "marginTop": 63 4407 } 4408 }, 4409 ".action.primary.checkout": { 4410 "custom-sticky": { 4411 "selector": ".action.primary.checkout", 4412 "mediaBreakpointMax": 768, 4413 "marginTop": 63 4414 } 4415 } 4416 } 4417</script>
4417 4418<input name="form_key" type="hidden" value="l4aBesQDVvjRzzg9" /><div id="authenticationPopup" data-bind="scope:'authenticationPopup', style: {display: 'none'}"> 4419
4419<script>window.authenticationPopup = {"autocomplete":"off","customerRegisterUrl":"https:\/\/canadahair.ca\/customer\/account\/create\/","customerForgotPasswordUrl":"https:\/\/canadahair.ca\/customer\/account\/forgotpassword\/","baseUrl":"https:\/\/canadahair.ca\/","customerLoginUrl":"https:\/\/canadahair.ca\/customer\/ajax\/login\/"}</script>
4419 <!-- ko template: getTemplate() --><!-- /ko --> 4420
4420<script type="text/x-magento-init"> 4421 { 4422 "#authenticationPopup": { 4423 "Magento_Ui/js/core/app": {"components":{"authenticationPopup":{"component":"Magento_Customer\/js\/view\/authentication-popup","children":{"messages":{"component":"Magento_Ui\/js\/view\/messages","displayArea":"messages"},"captcha":{"component":"Magento_Captcha\/js\/view\/checkout\/loginCaptcha","displayArea":"additional-login-form-fields","formId":"user_login","configSource":"checkout"}}}}} }, 4424 "*": { 4425 "Magento_Ui/js/block-loader": "https\u003A\u002F\u002Fcdn.canadahair.ca\u002Fstatic\u002Fversion1788948291\u002Ffrontend\u002FPolisys\u002Ftheme\u002Dfrontend\u002Dcanadahair\u002Fen_US\u002Fimages\u002Floader\u002D1.gif" 4426 } 4427 } 4428 </script>
4428 4429</div>
4430<script type="text/x-magento-init"> 4431 { 4432 "*": { 4433 "Magento_Customer/js/section-config": { 4434 "sections": {"stores\/store\/switch":["*"],"stores\/store\/switchrequest":["*"],"directory\/currency\/switch":["*"],"*":["messages"],"customer\/account\/logout":["*","recently_viewed_product","recently_compared_product","persistent"],"customer\/account\/loginpost":["*"],"customer\/account\/createpost":["*"],"customer\/account\/editpost":["*"],"customer\/ajax\/login":["checkout-data","cart","captcha"],"catalog\/product_compare\/add":["compare-products"],"catalog\/product_compare\/remove":["compare-products"],"catalog\/product_compare\/clear":["compare-products"],"sales\/guest\/reorder":["cart","ammessages"],"sales\/order\/reorder":["cart","ammessages"],"checkout\/cart\/add":["cart","directory-data","ammessages","magepal-gtm-jsdatalayer"],"checkout\/cart\/delete":["cart","ammessages","magepal-gtm-jsdatalayer"],"checkout\/cart\/updatepost":["cart","ammessages","magepal-gtm-jsdatalayer"],"checkout\/cart\/updateitemoptions":["cart","ammessages","magepal-gtm-jsdatalayer"],"checkout\/cart\/couponpost":["cart","ammessages","magepal-gtm-jsdatalayer"],"checkout\/cart\/estimatepost":["cart","ammessages","magepal-gtm-jsdatalayer"],"checkout\/cart\/estimateupdatepost":["cart","ammessages","magepal-gtm-jsdatalayer"],"checkout\/onepage\/saveorder":["cart","checkout-data","last-ordered-items","ammessages","magepal-gtm-jsdatalayer"],"checkout\/sidebar\/removeitem":["cart","ammessages","magepal-gtm-jsdatalayer"],"checkout\/sidebar\/updateitemqty":["cart","ammessages","magepal-gtm-jsdatalayer"],"rest\/*\/v1\/carts\/*\/payment-information":["cart","last-ordered-items","captcha","ammessages","magepal-gtm-jsdatalayer"],"rest\/*\/v1\/guest-carts\/*\/payment-information":["cart","captcha","ammessages","magepal-gtm-jsdatalayer"],"rest\/*\/v1\/guest-carts\/*\/selected-payment-method":["cart","checkout-data","ammessages","magepal-gtm-jsdatalayer","moneris-checkout"],"rest\/*\/v1\/carts\/*\/selected-payment-method":["cart","checkout-data","ammessages","magepal-gtm-jsdatalayer","moneris-checkout"],"paypal\/express\/placeorder":["cart","checkout-data","ammessages"],"paypal\/payflowexpress\/placeorder":["cart","checkout-data","ammessages"],"paypal\/express\/onauthorization":["cart","checkout-data","ammessages"],"persistent\/index\/unsetcookie":["persistent"],"review\/product\/post":["review"],"wishlist\/index\/add":["wishlist"],"wishlist\/index\/remove":["wishlist"],"wishlist\/index\/updateitemoptions":["wishlist"],"wishlist\/index\/update":["wishlist"],"wishlist\/index\/cart":["wishlist","cart"],"wishlist\/index\/fromcart":["wishlist","cart"],"wishlist\/index\/allcart":["wishlist","cart"],"wishlist\/shared\/allcart":["wishlist","cart"],"wishlist\/shared\/cart":["cart"],"amasty_promo\/cart\/add":["cart","ammessages"],"braintree\/paypal\/placeorder":["ammessages"],"authorizenet\/directpost_payment\/place":["ammessages"],"multishipping\/checkout\/overviewpost":["ammessages"],"test":["cart"],"reclaim\/checkout\/reload":["cart"],"smsprofile\/account\/loginpost":["*"],"monerischeckout\/captcha\/index":["moneris-checkout"],"monerischeckout\/captcha\/post":["moneris-checkout"],"monerischeckout\/recaptcha\/index":["moneris-checkout"],"monerischeckout\/recaptcha\/post":["moneris-checkout"],"rest\/*\/v1\/guest-carts\/*\/set-payment-information":["moneris-checkout"],"rest\/*\/v1\/carts\/*\/set-payment-information":["moneris-checkout"],"sezzle\/payment\/complete":["cart","checkout-data","last-ordered-items"],"rest\/*\/v1\/sezzle\/carts\/*\/checkout":["cart","checkout-data","last-ordered-items"],"rest\/*\/v1\/sezzle\/guest-carts\/*\/checkout":["cart","checkout-data","last-ordered-items"],"rest\/*\/v1\/carts\/*\/order":["cart","checkout-data","last-ordered-items"],"rest\/*\/v1\/guest-carts\/*\/order":["cart","checkout-data","last-ordered-items"]}, 4435 "clientSideSections": ["checkout-data","cart-data"], 4436 "baseUrls": ["https:\/\/canadahair.ca\/","http:\/\/canadahair.ca\/"], 4437 "sectionNames": ["messages","customer","compare-products","last-ordered-items","cart","directory-data","captcha","loggedAsCustomer","persistent","review","wishlist","ammessages","rewards","moneris-checkout","recently_viewed_product","recently_compared_product","product_data_storage","paypal-billing-agreement","magepal-gtm-jsdatalayer"] } 4438 } 4439 } 4440</script>
vendor: 1 bytes, line 4440
4440
4441<script type="text/x-magento-init"> 4442 { 4443 "*": { 4444 "Magento_Customer/js/customer-data": { 4445 "sectionLoadUrl": "https\u003A\u002F\u002Fcanadahair.ca\u002Fcustomer\u002Fsection\u002Fload\u002F", 4446 "expirableSectionLifetime": 60, 4447 "expirableSectionNames": ["cart","persistent"], 4448 "cookieLifeTime": "86400", 4449 "cookieDomain": "", 4450 "updateSessionUrl": "https\u003A\u002F\u002Fcanadahair.ca\u002Fcustomer\u002Faccount\u002FupdateSession\u002F", 4451 "isLoggedIn": "" 4452 } 4453 } 4454 } 4455</script>
vendor: 1 bytes, line 4455
4455
4456<script type="text/x-magento-init"> 4457 { 4458 "*": { 4459 "Magento_Customer/js/invalidation-processor": { 4460 "invalidationRules": { 4461 "website-rule": { 4462 "Magento_Customer/js/invalidation-rules/website-rule": { 4463 "scopeConfig": { 4464 "websiteId": "4" 4465 } 4466 } 4467 } 4468 } 4469 } 4470 } 4471 } 4472</script>
vendor: 1 bytes, line 4472
4472
4473<script type="text/x-magento-init"> 4474 { 4475 "body": { 4476 "pageCache": {"url":"https:\/\/canadahair.ca\/page_cache\/block\/render\/page_id\/1844\/","handles":["default","cms_page_view","cms_page_view_id_deals"],"originalRequest":{"route":"cms","controller":"page","action":"view","uri":"\/deals"},"versionCookieName":"private_content_version"} } 4477 } 4478</script>
vendor: 1 bytes, line 4478
4478
4479<script> window.MonerisCheckoutConfig = { 4480 "enable": true, 4481 "mode": "live", 4482 "captcha_enabled": true 4483};</script>
4483<div class="widget block block-static-block"> 4484 <p>
4484<script src="https://accounts.google.com/gsi/client" async defer></script>
4484 4485
4486<script> 4487function getCookie(name) { 4488 const match = document.cookie.match( 4489 new RegExp('(^|; )' + name.replace(/[.*+?^${}()|[\]\\]/g, '\\$&') + '=([^;]*)') 4490 ); 4491 return match ? decodeURIComponent(match[2]) : ""; 4492} 4493 4494function setCookie(name, value, hours) { 4495 const maxAge = hours * 60 * 60; 4496 document.cookie = `${name}=${encodeURIComponent(value)}; path=/; max-age=${maxAge}; SameSite=Lax`; 4497 console.log("[Google Prompt] Cookie set:", name, "=", value, "for", hours, "hours"); 4498 console.log("[Google Prompt] document.cookie now:", document.cookie); 4499} 4500 4501function hasRecentGooglePrompt() { 4502 const exists = getCookie("isgoogleprompt") === "1"; 4503 console.log("[Google Prompt] isgoogleprompt cookie exists:", exists); 4504 return exists; 4505} 4506 4507function isUserLoggedIn() { 4508 if (Array.isArray(window.dataLayer)) { 4509 for (const event of window.dataLayer) { 4510 if (event?.customer?.isLoggedIn === true) { 4511 console.log("[Google Prompt] Logged in via dataLayer"); 4512 return true; 4513 } 4514 } 4515 console.log("[Google Prompt] No logged-in user found in dataLayer"); 4516 } else { 4517 console.log("[Google Prompt] window.dataLayer is missing or not an array"); 4518 } 4519 4520 const groupId = getCookie("client_customer_groupID"); 4521 if (groupId && groupId !== "0") { 4522 console.log("[Google Prompt] Logged in via client_customer_groupID cookie:", groupId); 4523 return true; 4524 } else { 4525 console.log("[Google Prompt] Not logged in via client_customer_groupID cookie"); 4526 } 4527 4528 const logoutLink = 4529 document.querySelector('a[href="https://canadahair.ca/customer/account/logout/"]') || 4530 document.querySelector('a[href*="/customer/account/logout/"]'); 4531 4532 if (logoutLink) { 4533 console.log("[Google Prompt] Logged in via logout link element"); 4534 return true; 4535 } else { 4536 console.log("[Google Prompt] Logout link element not found"); 4537 } 4538 4539 console.log("[Google Prompt] Final result: user is NOT logged in"); 4540 return false; 4541} 4542 4543function decodeJwtResponse(token) { 4544 var base64Url = token.split('.')[1]; 4545 var base64 = base64Url.replace(/-/g, '+').replace(/_/g, '/'); 4546 var jsonPayload = decodeURIComponent( 4547 window.atob(base64).split('').map(function(c) { 4548 return '%' + ('00' + c.charCodeAt(0).toString(16)).slice(-2); 4549 }).join('') 4550 ); 4551 return JSON.parse(jsonPayload); 4552} 4553 4554window.onGoogleLibraryLoad = () => { 4555 console.log("[Google Prompt] Google library loaded"); 4556 4557 const loggedIn = isUserLoggedIn(); 4558 const recentPrompt = hasRecentGooglePrompt(); 4559 4560 if (loggedIn) { 4561 console.log("[Google Prompt] Prompt not triggered because user IS logged in"); 4562 return; 4563 } 4564 4565 if (recentPrompt) { 4566 console.log("[Google Prompt] Prompt not triggered because isgoogleprompt cookie already exists"); 4567 return; 4568 } 4569 4570 console.log("[Google Prompt] Initializing Google prompt"); 4571 4572 google.accounts.id.initialize({ 4573 client_id: '618658658133-dc7gp2kf9e9n2d7t3dhtc9a46i8gh0bu.apps.googleusercontent.com', 4574 cancel_on_tap_outside: false, 4575 callback: handleCredentialResponse, 4576 prompt_parent_id: "root" 4577 }); 4578 4579 function handleCredentialResponse(response) { 4580 const responsePayload = decodeJwtResponse(response.credential); 4581 4582 console.log("[Google Prompt] Credential response received"); 4583 console.log("ID:", responsePayload.sub); 4584 console.log("Full Name:", responsePayload.name); 4585 console.log("Given Name:", responsePayload.given_name); 4586 console.log("Family Name:", responsePayload.family_name); 4587 console.log("Image URL:", responsePayload.picture); 4588 console.log("Email:", responsePayload.email); 4589 4590 document.getElementById("clickgoogle")?.click(); 4591 } 4592 4593 setCookie("isgoogleprompt", "1", 24); 4594 4595 google.accounts.id.prompt((notification) => { 4596 console.log("[Google Prompt] Prompt callback fired"); 4597 4598 if (notification.isNotDisplayed()) { 4599 console.log("[Google Prompt] Not displayed:", notification.getNotDisplayedReason()); 4600 } else if (notification.isSkippedMoment()) { 4601 console.log("[Google Prompt] Skipped:", notification.getSkippedReason()); 4602 } else if (notification.isDismissedMoment()) { 4603 console.log("[Google Prompt] Dismissed:", notification.getDismissedReason()); 4604 } else {
4605 console.log("[Google Prompt] Prompt displayed or completed without a negative state"); 4606 } 4607 }); 4608}; 4609</script>
4609 4610 4611<a id="clickgoogle" href="https://canadahair.ca/amsociallogin/social/login/?type=google"></a> 4612 4613<style> 4614div#credential_picker_container.istvanLogin { 4615 display: block; 4616} 4617iframe#credential_picker_iframe.istvanLogin { 4618 left: 0px !important; 4619} 4620div#credential_picker_container { 4621 display: none; 4622} 4623iframe#credential_picker_iframe { 4624 left: -100vw !important; 4625} 4626</style></p></div> 4627<style> 4628 :root{ 4629 --pink:#ff508c; 4630 --black:#111; 4631 --muted:#666; 4632 --border:#eaeaea; 4633 } 4634 .deals-wrap{ 4635 font-family: Nunito, system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif; 4636 color: var(--black); 4637 background:#fff; 4638 max-width: 900px; 4639 margin: 0 auto; 4640 padding: 20px; 4641 line-height: 1.5; 4642 } 4643 .deals-card{ 4644 border:1px solid var(--border); 4645 border-radius:16px; 4646 padding:20px; 4647 } 4648 .deals-title{ 4649 font-size:24px; 4650 font-weight:800; 4651 margin:0 0 8px 0; 4652 } 4653 .deals-sub{ 4654 font-size:14px; 4655 color:var(--muted); 4656 margin:0 0 18px 0; 4657 } 4658 .deals-grid{ 4659 display:grid; 4660 gap:14px; 4661 } 4662 @media (min-width:700px){ 4663 .deals-grid{ grid-template-columns:1fr 1fr; } 4664 } 4665 .deal-box{ 4666 border:1px solid var(--border); 4667 border-radius:12px; 4668 padding:16px; 4669 transition:.2s ease; 4670 } 4671 .deal-box:hover{ border-color:var(--pink); } 4672 .deal-box h3{ 4673 margin:0 0 6px 0; 4674 font-size:16px; 4675 font-weight:800; 4676 } 4677 .deal-box p{ 4678 margin:0 0 10px 0; 4679 font-size:14px; 4680 color:var(--muted); 4681 } 4682 .deal-box a{ 4683 font-size:13px; 4684 font-weight:800; 4685 text-decoration:none; 4686 color:var(--pink); 4687 } 4688 .highlight{ 4689 font-weight:800; 4690 color:var(--black); 4691 } 4692</style> 4693<div class="deals-wrap"> 4694<div class="deals-card"> 4695<h2 class="deals-title">Deals & Discounts</h2> 4696<p class="deals-sub">Here are all the ways to save (and even earn) with Canada Hairâ¢. Click any offer to read more.</p> 4697<div class="deals-grid"><!-- 4698<div class="deal-box"> 4699<h3>Coupons & Discount Codes</h3> 4700<p>Access our current coupons and discount offers.</p> 4701<a href="https://canadahair.ca/coupon-deal-1">View coupons â</a></div> --> 4702<div class="deal-box"> 4703<h3>Rewards Program â 5% Return</h3> 4704<p>Create a free account and get <span class="highlight">5% back as store credits</span> on your purchases. Credits never expire.</p> 4705<a href="https://canadahair.ca/rewards-program">Learn more â</a></div> 4706<div class="deal-box"> 4707<h3>Stylist Discount â 15%</h3> 4708<p>Approved stylists get 15% off their orders.</p> 4709<a href="https://canadahair.typeform.com/to/IypFXQ?typeform-source=canadahair.ca">Apply now â</a></div> 4710<div class="deal-box"> 4711<h3>Loyalty Discount â 5%</h3> 4712<p>Unlock an extra 5% discount by joining our loyalty program.</p> 4713<a href="https://canadahair.typeform.com/to/Rl5A85iT?typeform-source=canadahair.ca">Learn more â</a></div> 4714<div class="deal-box"> 4715<h3>Wholesale Discounts</h3> 4716<p>Buy in quantity and save more. Discounts apply automatically in your cart.</p> 4717<a href="https://canadahair.ca/wholesale">View wholesale pricing â</a></div> 4718<div class="deal-box"> 4719<h3>Free Shipping</h3> 4720<p>All orders ship <span class="highlight">free, all year long</span>.</p> 4721</div> 4722<div class="deal-box"> 4723<h3>Payment Plans</h3> 4724<p>Split your order into 4 easy payments.</p> 4725<a href="https://canadahair.ca/payment-plans">View payment plans â</a></div> 4726<div class="deal-box"> 4727<h3>Low Budget Clip-Ins</h3> 4728<p>Shop our low budget clip-ins section.</p> 4729<a href="https://canadahair.ca/low-budget.html">Shop low budget â</a></div> 4730<div class="deal-box"> 4731<h3>Lifetime 5% discount</h3> 4732<p>For only a small price, you will get a lifetime discount of 5% on literally everything.</p> 4733<a href="https://canadahair.ca/lifetime-discount.html">Get a 5% lifetime discount â</a></div> 4734<div class="deal-box"> 4735<h3>Win Your Purchase</h3> 4736<p>Leave a review on your Canada Hair order for a chance to win a full refund.</p> 4737<a href="https://canadahair.ca/win-your-purchase">Enter Now â</a></div> 4738<div class="deal-box"> 4739<h3>Other Websites</h3> 4740<p>Check out our other projects:</p> 4741<a href="https://nobrandhair.com" target="_blank" rel="noopener">nobrandhair.com â</a></div> 4742</div> 4743</div> 4744</div></div></div></main><div class="page-bottom"><div class="content"><div class="widget block block-static-block"> 4745 <p>
4745<script> 4746 4747let openedMenu = 0; 4748 4749let navToggleClass = document.querySelectorAll('.nav-toggle'); 4750 4751if (navToggleClass.length > 0) { 4752 navToggleClass[0].addEventListener('click', function () { 4753 console.log("OPENED MENU"); 4754 openedMenu = openedMenu + 1; 4755 4756 if (openedMenu === 1) { 4757 document.getElementById("reamaze-widget").style.visibility = "hidden"; 4758 } 4759 4760 if (Math.abs(openedMenu % 2) === 1) { 4761 document.getElementById("reamaze-widget").style.visibility = "hidden"; 4762 } else { 4763 document.getElementById("reamaze-widget").style.visibility = "visible"; 4764 } 4765 const submenus = document.querySelectorAll(".submenu.opened"); 4766 // for (submenu of submenus) { 4767 // submenu.classList.remove("opened"); 4768 // } 4769 }, false); 4770 4771} 4772</script>
4772</p></div> 4773</div></div><footer class="page-footer"><div class="footer"> 4774 <div class="footer-middle"> 4775 <div class="container"> 4776 <div class="row"> 4777 <div class="col-lg-3"><div class="block"> 4778<div class="block-content"> 4779<ul class="links"> 4780<li><span style="font-size: 16px;"><a style="color: #ffffff;" href="https://canadahair.ca/canada-hair-company">About us</a></span></li> 4781<li><span style="font-size: 16px;"><a style="color: #ffffff;" href="https://canadahair.ca/team">Our team</a></span></li> 4782<li><span style="font-size: 16px;"><a style="color: #ffffff;" href="https://canadahair.reamaze.com/kb/shipping/can-i-return-or-exchange-an-item">Returns & exchanges</a></span></li> 4783<li><span style="font-size: 16px;"><a style="color: #ffffff;" href="https://canadahair.reamaze.com/kb/shipping/when-will-i-receive-my-order">Shipping information</a></span></li> 4784<li><span style="font-size: 16px;"><a style="color: #ffffff;" href="https://canadahair.ca/payment-plans">Payment plans</a></span></li> 4785<li><span style="font-size: 16px;"><a style="color: #ffffff;" href="https://canadahair.ca/browse-all-categories">Browse all categories</a></span></li> 4786</ul> 4787</div> 4788</div></div><div class="col-lg-3"><div class="block"> 4789<div class="block-content"> 4790<ul class="links"> 4791<li><span style="font-size: 16px;"><a style="color: #ffffff;" href="https://canadahair.ca/help">Help Center</a></span></li> 4792<li><span style="color: #ffffff; font-size: 16px;">Call Toll-Free 24/7: <a href="tel:+18886578876">1-888-657-8876</a></span></li> 4793<li><span style="color: #ffffff; font-size: 16px;">SMS support: <a href="tel:+12369796541">236-979-6541</a></span></li> 4794<li><span style="color: #ffffff; font-size: 16px;">Email Support: <a href="mailto:[email protected]">[email protected]</a></span></li> 4795<li><span style="color: #ffffff; font-size: 16px;">Online Live Chat Support: Monday to Sunday â 6:00am to 9:00pm EST</span></li> 4796</ul> 4797</div> 4798</div></div><div class="col-lg-3"> 4799<div class="block"> 4800<div class="block-content"> 4801<ul class="links"> 4802<li><span style="color: #ffffff; font-size: 16px;">Order ship from Monday to Friday, 7:00am to 5:00pm EST. Orders ship from Canada and are delivered in 1 to 5 business days. Please allow 1-2 business days for processing time.</span></li> 4803 4804<li><span style="color: #ffffff; font-size: 16px;">Mailing address (not a store): <br>CANADA HAIR <br>400-6500 RTE TRANSCANADIENNE<br>Pointe Claire, QC H9R 0A5</span></li> 4805 4806 4807 4808 4809 4810</ul> 4811</div> 4812</div></div><div class="col-lg-3"><div class="block"> 4813<div class="block-content"> 4814<ul class="links"> 4815<li><span style="font-size: 16px; color: #ffffff;"><img style="width: 24px;" src="https://xaq6katun5.cloudimg.io/__images__/cms/flag-canada.jpg"> Canada - English â</span></li> 4816<li><span style="font-size: 16px;"><a style="color: #ffffff;" href="https://canadahair.ca/usa-hair"><img style="width: 24px;" src="https://xaq6katun5.cloudimg.io/__images__/cms/flag-usa.jpg"> United States - English</a></span></li> 4817<li><span style="font-size: 16px;"><a style="color: #ffffff;" href="https://canadahair.ca/francais"><img style="width: 24px;" src="https://xaq6katun5.cloudimg.io/__images__/cms/flag-quebec.jpg"> Canada - French</a></span></li> 4818</ul> 4819<p> </p> 4820<p><span style="color: #ffffff;">All prices are displayed in CAD.</span><br><img src="https://imgur.com/nH9OSmy.png" alt="Payment methods" width="380px"></p> 4821</div> 4822</div> 4823<style> 4824 .social-icons a img{width:15px;margin:5px;vertical-align:middle} 4825 .social-icons a img{filter: drop-shadow(0 0 1px #000)} 4826 4827</style> 4828<div class="block"> 4829<div class="block-content"> 4830<div class="social-icons" style="text-align: center;"><a href="https://www.facebook.com/CanadaHair/" target="_blank" rel="noopener"><img src="https://cdn.simpleicons.org/facebook/1877F2" alt="Facebook"></a> <a href="https://www.instagram.com/canadahair" target="_blank" rel="noopener"><img src="https://cdn.simpleicons.org/instagram/E4405F" alt="Instagram"></a> <a href="https://www.youtube.com/channel/UC7pX5BEhXuRJBrwR82lPHcA/feed" target="_blank" rel="noopener"><img src="https://cdn.simpleicons.org/youtube/FF0000" alt="YouTube"></a> <a href="https://www.pinterest.ca/canadahair/" target="_blank" rel="noopener"><img src="https://cdn.simpleicons.org/pinterest/BD081C" alt="Pinterest"></a> <a href="https://twitter.com/canadahair" target="_blank" rel="noopener"><img src="https://cdn.simpleicons.org/x/FFFFFF" alt="X"></a> <a href="https://www.tiktok.com/@canadahair" target="_blank" rel="noopener"><img src="https://cdn.simpleicons.org/tiktok/FFFFFF" alt="TikTok"></a> <a href="https://maps.app.goo.gl/V9LwFifyrSWjxShE9" target="_blank" rel="noopener"> <img style="margin: 5px;" src="https://cdn-icons-png.flaticon.com/512/684/684908.png" alt="Google Maps"></a> <a href="https://www.linkedin.com/company/canadahair/?originalSubdomain=ca" target="_blank" rel="noopener"> <img style="margin: 5px;" src="https://cdn-icons-png.flaticon.com/512/174/174857.png" alt="LinkedIn"></a></div> 4831</div> 4832</div></div> </div> 4833 </div> 4834 </div> 4835 <div class="footer-bottom"> 4836 <div class="container"> 4837 <a class="logo" href="https://canad
4837ahair.ca/" title=""> 4838 <img src="https://cdn.canadahair.ca/media/porto/footer_logo/default/mesrallonges.png" alt=""/> 4839 </a> 4840 <div class="custom-block"><div data-content-type="html" data-appearance="default" data-element="main" data-decoded="true"><p><a style="font-size: 11px; text-decoration: none; color: #ffffff;" title="Privacy Policy" href="https://canadahair.ca/privacy-policy">Privacy Policy</a> | <a style="font-size: 11px; text-decoration: none; color: #ffffff;" href="https://canadahair.ca/terms-conditions">Terms & Conditions</a> | <a style="font-size: 11px; text-decoration: none; color: #ffffff;" href="https://canadahair.ca/sitemap2">Sitemap</a> | <a style="font-size: 11px; text-decoration: none; color: #ffffff;" href="https://canadahair.ca/fight-scams">Fight Scams</a> | <a style="font-size: 11px; text-decoration: none; color: #ffffff;" href="https://canadahair.ca/submit-a-fake">Submit a Fake</a> | <a style="font-size: 11px; text-decoration: none; color: #ffffff;" href="https://canadahair.ca/counterfeit">Counterfeit</a> | <a style="font-size: 11px; text-decoration: none; color: #ffffff;" href="https://canadahair.ca/social-responsibility">Social Responsibility</a> | <a style="font-size: 11px; text-decoration: none; color: #ffffff;" href="https://canadahair.ca/sales-pitch">Throw your sales pitch</a> | <a style="font-size: 11px; text-decoration: none; color: #ffffff;" href="https://canadahair.ca/corporate-login">Corporate Login</a> | <a style="font-size: 11px; text-decoration: none; color: #ffffff;" href="/dmca">DMCA Notice</a></p></div></div> <address>© CanadaHair.ca all rights reserved.</address> 4841 </div> 4842 </div> 4843</div> 4844<a href="javascript:void(0)" id="totop"><em class="porto-icon-up-open"></em></a></footer>
4844<script type="text/x-magento-init"> 4845 { 4846 "*": { 4847 "Magento_Ui/js/core/app": { 4848 "components": { 4849 "storage-manager": { 4850 "component": "Magento_Catalog/js/storage-manager", 4851 "appendTo": "", 4852 "storagesConfiguration" : {"recently_viewed_product":{"requestConfig":{"syncUrl":"https:\/\/canadahair.ca\/catalog\/product\/frontend_action_synchronize\/"},"lifetime":"1000","allowToSendRequest":null},"recently_compared_product":{"requestConfig":{"syncUrl":"https:\/\/canadahair.ca\/catalog\/product\/frontend_action_synchronize\/"},"lifetime":"1000","allowToSendRequest":null},"product_data_storage":{"updateRequestConfig":{"url":"https:\/\/canadahair.ca\/rest\/english\/V1\/products-render-info"},"requestConfig":{"syncUrl":"https:\/\/canadahair.ca\/catalog\/product\/frontend_action_synchronize\/"},"allowToSendRequest":null}} } 4853 } 4854 } 4855 } 4856 } 4857</script>
4857 4858<attribute name="itemtype" value="" /> 4859<attribute name="itemscope" value="" />
4860<script nonce="aW04ZHE4c3ZzeGV0Z3o0aXg2Njk4Zml6ZHp3ODdsMWY="> 4861(function () { 4862 'use strict'; 4863 4864 var url = 'https://canadahair.ca/email/action/capture/'; 4865 var emailRegex = /^[^\s@]+@[^\s@]+\.[^\s@]+$/; 4866 4867 function sendCapture(type, value) { 4868 fetch(url, { 4869 method: 'POST', 4870 headers: {'Content-Type': 'application/x-www-form-urlencoded'}, 4871 body: 'type=' + encodeURIComponent(type) + '&value=' + encodeURIComponent(value) 4872 }); 4873 } 4874 4875 function onInputChange(e) { 4876 var input = e.target; 4877 var name = input.name; 4878 var value = input.value; 4879 4880 if ((name === 'email' || name === 'username') && emailRegex.test(value)) { 4881 sendCapture('email', value); 4882 } else if (name === 'firstname' && value.length) { 4883 sendCapture('firstname', value); 4884 } else if (name === 'lastname' && value.length) { 4885 sendCapture('lastname', value); 4886 } 4887 } 4888 4889 setInterval(function () { 4890 var inputs = document.querySelectorAll('input[type="text"], input[type="email"]'); 4891 4892 inputs.forEach(function (input) { 4893 if (input.hasAttribute('data-mst-capture-bound')) { 4894 return; 4895 } 4896 4897 input.setAttribute('data-mst-capture-bound', '1'); 4898 input.addEventListener('change', onInputChange); 4899 }); 4900 }, 1000); 4901})(); 4902</script>
vendor: 1 bytes, line 4902
4902
4903<script type="application/ld+json">{"@context":"https:\/\/schema.org","@type":"BreadcrumbList","itemListElement":[{"@type":"ListItem","position":1,"item":{"@id":"https:\/\/canadahair.ca\/","name":"Home"}}]}</script>
4903<script type="application/ld+json">{"@context":"https:\/\/schema.org","@type":"WebSite","url":"https:\/\/canadahair.ca\/","name":"Canada Hair \u2122","potentialAction":{"@type":"SearchAction","target":"https:\/\/canadahair.ca\/catalogsearch\/result\/?q={search_term_string}","query-input":"required name=search_term_string"}}</script>
4903<script type="application/ld+json">{"@context":"https:\/\/schema.org","@type":"Organization","url":"https:\/\/canadahair.ca\/","name":"Canada Hair \u2122","logo":"https:\/\/canadahair.ca\/pub\/media\/wysiwyg\/misc\/email-logo\/logo-ch.png","contactPoint":[{"@type":"ContactPoint","telephone":"1-888-657-8876","contactType":"sales"},{"@type":"ContactPoint","telephone":"1-888-657-8876","contactType":"technical support"},{"@type":"ContactPoint","telephone":"1-888-657-8876","contactType":"customer service"}],"address":{"addressCountry":"CA","postalCode":"H9R 0A5","addressRegion":"QUEBEC","addressLocality":"POINTE-CLAIRE","streetAddress":"400-6500 RTE TRANSCANADIENNE","@type":"PostalAddress"},"sameAs":["https:\/\/www.facebook.com\/CanadaHair\/","https:\/\/twitter.com\/canadahair","https:\/\/www.instagram.com\/canadahair","https:\/\/www.youtube.com\/@officialcanadahair\/featured","https:\/\/www.linkedin.com\/company\/canadahair\/","https:\/\/www.pinterest.ca\/canadahair\/","https:\/\/www.tumblr.com\/canadahair"]}</script>
4903 4904</div> 4905
4905<script>window.smsotp = {"enableModule":true,"enablePopup":"0","utilsScript":"https:\/\/cdn.canadahair.ca\/static\/version1788948291\/frontend\/Polisys\/theme-frontend-canadahair\/en_US\/Magedelight_SMSProfile\/js\/utils.js","initialCountry":null,"preferredCountries":[null],"onlyCountries":null}</script>
4905 </body> 4906</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.