1 2 3 4 5 6 7 8 9 10 11 12 13 14 15<!doctype html> 16<html class="no-js" lang="en"> 17 <head> 18
18<script> 19 const currentPath = window.location.pathname; 20 const query = window.location.search; 21 22 // Check if user is on /account/login 23 // and if query contains checkout_url=%2Fpages%2Fmembership 24 if ( 25 currentPath === '/account/login' && 26 query.includes('checkout_url=%2Fpages%2Fmembership') 27 ) { 28 // Redirect to /pages/membership 29 history.pushState(null, '', '/pages/membership'); 30 window.location.href = '/pages/membership?wrongaccount'; 31 } 32 </script>
32 33 34 35 <meta charset="utf-8"> 36 <meta http-equiv="X-UA-Compatible" content="IE=edge"> 37 <meta name="viewport" content="width=device-width,initial-scale=1"> 38 <meta name="theme-color" content=""> 39 <link rel="canonical" href="https://colehaan.com.ph/"> 40 <link rel="preconnect" href="https://cdn.shopify.com" crossorigin> 41 <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/swiper@11/swiper-bundle.min.css"/> 42 <link href="https://fonts.googleapis.com/css2?family=Frank+Ruhl+Libre:wght@300;400;500;600;700;800&family=Pinyon+Script&family=Work+Sans:wght@100;200;300;400;500;600;700;800;900&display=swap" rel="stylesheet"/><link rel="icon" type="image/png" href="//colehaan.com.ph/cdn/shop/files/CH_Favicon_500x500_2c3c94b6-2d3e-4eaa-8ca3-4ebb373c86e6.png?crop=center&height=32&v=1737006303&width=32"><link rel="preconnect" href="https://fonts.shopifycdn.com" crossorigin><title> 43 Cole Haan | Philippines 44 – Cole Haan Philippines</title> 45 46 47 <meta name="description" content="Shop at Cole Haan Philippines for our collection of Shoes, Leather Bags, Accessories and Outerwear for Men and Women. The Cole Haan Philippines store are items available locally in the Philippines."> 48 49 50 <link rel="preconnect" href="https://fonts.googleapis.com"> 51 <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin> 52 <link href="https://fonts.googleapis.com/css2?family=Work+Sans&display=swap" rel="stylesheet"> 53 <link href="https://fonts.cdnfonts.com/css/work-sans" rel="stylesheet"> 54 <!-- Glider component --> 55
55<script src="https://cdnjs.cloudflare.com/ajax/libs/Glide.js/3.0.2/glide.js"></script>
55 56 <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/Glide.js/3.0.2/css/glide.core.css"> 57 <!-- --> 58 59
59<script src="//colehaan.com.ph/cdn/shop/t/131/assets/jquery.min.js?v=118972937870852736831790040514"></script>
59 60
60<script src="//colehaan.com.ph/cdn/shop/t/131/assets/bootstrap.min.js?v=32591802964700199041790040471" type="text/javascript"></script>
60 61 <link href="//colehaan.com.ph/cdn/shop/t/131/assets/new-featured-collection.css?v=101211421671622431041790040519" rel="stylesheet" type="text/css" media="all" /> 62 <link href="//colehaan.com.ph/cdn/shop/t/131/assets/bootstrap.min.css?v=92724426126914450521790040470" rel="stylesheet" type="text/css" media="all" /> 63
63<script src="//colehaan.com.ph/cdn/shop/t/131/assets/multicolumn-first.js?v=113034264683937574701790040519" type="text/javascript"></script>
63 64 65 <!-- TrustBox script -->
66<script type="text/javascript" src="//widget.trustpilot.com/bootstrap/v5/tp.widget.bootstrap.min.js" async></script>
66 67<!-- End TrustBox script --> 68 69 <!-- Include Slick Slider CSS --> 70<link rel="stylesheet" type="text/css" href="//cdn.jsdelivr.net/npm/[email protected]/slick/slick.css"/> 71<link rel="stylesheet" type="text/css" href="//cdn.jsdelivr.net/npm/[email protected]/slick/slick-theme.css"/> 72 73<!-- Include Slick Slider JavaScript -->
74<script type="text/javascript" src="//cdn.jsdelivr.net/npm/[email protected]/slick/slick.min.js" defer="defer"></script>
74 75 76 77 78<meta property="og:site_name" content="Cole Haan Philippines"> 79<meta property="og:url" content="https://colehaan.com.ph/"> 80<meta property="og:title" content="Cole Haan | Philippines"> 81<meta property="og:type" content="website"> 82<meta property="og:description" content="Shop at Cole Haan Philippines for our collection of Shoes, Leather Bags, Accessories and Outerwear for Men and Women. The Cole Haan Philippines store are items available locally in the Philippines."><meta name="twitter:card" content="summary_large_image"> 83<meta name="twitter:title" content="Cole Haan | Philippines"> 84<meta name="twitter:description" content="Shop at Cole Haan Philippines for our collection of Shoes, Leather Bags, Accessories and Outerwear for Men and Women. The Cole Haan Philippines store are items available locally in the Philippines."> 85 86 87
87<script src="//colehaan.com.ph/cdn/shop/t/131/assets/constants.js?v=95358004781563950421790040497" defer="defer"></script>
87 88
88<script src="//colehaan.com.ph/cdn/shop/t/131/assets/pubsub.js?v=2921868252632587581790040524" defer="defer"></script>
88 89
89<script src="//colehaan.com.ph/cdn/shop/t/131/assets/global.js?v=15889204645569497881790040512" defer="defer"></script>
89 90
90<script>window.performance && window.performance.mark && window.performance.mark('shopify.content_for_header.start');</script>
90<meta name="facebook-domain-verification" content="7ai59z4lb4r82kijby64g10h3wcn7k"> 91<meta name="google-site-verification" content="NdzJpKU1LZuikzoAWjJFBLZ2Ndji2KVMFvG-D52Ghwg"> 92<meta id="shopify-digital-wallet" name="shopify-digital-wallet" content="/44543082658/digital_wallets/dialog"> 93<link rel="ucp" href="/.well-known/ucp" version="2026-08-25">
93<script async="async" src="/checkouts/internal/preloads.js?locale=en-PH"></script>
vendor: 1 bytes, line 93
93
94<script id="shopify-features" type="application/json">{"accessToken":"97136424352ce13956140b90ee94b8bf","betas":["rich-media-storefront-analytics"],"domain":"colehaan.com.ph","predictiveSearch":true,"shopId":44543082658,"locale":"en"}</script>
vendor: 1 bytes, line 94
94
95<script>var Shopify = Shopify || {}; 96Shopify.shop = "cole-haan-philippines.myshopify.com"; 97Shopify.locale = "en"; 98Shopify.currency = {"active":"PHP","rate":"1.0"}; 99Shopify.country = "PH"; 100Shopify.theme = {"name":"OCTOBER 2026","id":166952042740,"schema_name":"Dawn","schema_version":"9.0.0","theme_store_id":null,"role":"main"}; 101Shopify.theme.handle = "null"; 102Shopify.theme.style = {"id":null,"handle":null}; 103Shopify.cdnHost = "colehaan.com.ph/cdn"; 104Shopify.routes = Shopify.routes || {}; 105Shopify.routes.root = "/"; 106Shopify.shopJsCdnBaseUrl = "https://cdn.shopify.com/shopifycloud/shop-js"; 107Shopify.SignInWithShop = Shopify.SignInWithShop || {}; 108Shopify.SignInWithShop.User = Shopify.SignInWithShop.User || {}; 109Shopify.SignInWithShop.User.recognized = false;</script>
vendor: 1 bytes, line 109
109
110<script type="module">!function(o){(o.Shopify=o.Shopify||{}).modules=!0}(window);</script>
vendor: 1 bytes, line 110
110
111<script>!function(o){function n(){var o=[];function n(){o.push(Array.prototype.slice.apply(arguments))}return n.q=o,n}var t=o.Shopify=o.Shopify||{};t.loadFeatures=n(),t.autoloadFeatures=n()}(window);</script>
vendor: 1 bytes, line 111
111
112<script> 113 window.Shopify = window.Shopify || {}; 114 window.Shopify.SignInWithShop = window.Shopify.SignInWithShop || {}; 115 window.Shopify.SignInWithShop.assetMetrics = { sampleRate: 0.25 }; 116 window.Shopify.SignInWithShop.eligible = true; 117</script>
vendor: 1 bytes, line 117
117
118<script id="shop-js-analytics" type="application/json">{"pageType":"index"}</script>
vendor: 1 bytes, line 118
118
119<script defer="defer" async type="module" src="https://cdn.shopify.com/shopifycloud/shop-js/modules/v2/loader.init-shop-cart-sync.en.esm.js"></script>
vendor: 1 bytes, line 119
119
120<script type="module"> 121 await import("https://cdn.shopify.com/shopifycloud/shop-js/modules/v2/loader.init-shop-cart-sync.en.esm.js"); 122 123 window.Shopify.SignInWithShop?.initShopCartSync?.({"fedCMEnabled":true,"windoidEnabled":true}); 124 125</script>
vendor: 1 bytes, line 125
125
126<script> 127 window.Shopify = window.Shopify || {}; 128 if (!window.Shopify.featureAssets) window.Shopify.featureAssets = {}; 129 window.Shopify.featureAssets['shop-js'] = {"avatar":["modules/v2/loader.avatar.en.esm.js"],"checkout-modal":["modules/v2/loader.checkout-modal.en.esm.js"],"init-customer-accounts-sign-up":["modules/v2/loader.init-customer-accounts-sign-up.en.esm.js"],"init-customer-accounts":["modules/v2/loader.init-customer-accounts.en.esm.js"],"init-fed-cm":["modules/v2/loader.init-fed-cm.en.esm.js"],"init-shop-cart-sync":["modules/v2/loader.init-shop-cart-sync.en.esm.js"],"init-shop-email-lookup-coordinator":["modules/v2/loader.init-shop-email-lookup-coordinator.en.esm.js"],"init-shop-for-new-customer-accounts":["modules/v2/loader.init-shop-for-new-customer-accounts.en.esm.js"],"init-shop-user-recognition":["modules/v2/loader.init-shop-user-recognition.en.esm.js"],"init-windoid":["modules/v2/loader.init-windoid.en.esm.js"],"lead-capture":["modules/v2/loader.lead-capture.en.esm.js"],"listener":["modules/v2/loader.listener.en.esm.js"],"pay-button":["modules/v2/loader.pay-button.en.esm.js"],"payment-terms":["modules/v2/loader.payment-terms.en.esm.js"],"shop-button":["modules/v2/loader.shop-button.en.esm.js"],"shop-cart-sync":["modules/v2/loader.shop-cart-sync.en.esm.js"],"shop-cash-offers":["modules/v2/loader.shop-cash-offers.en.esm.js"],"shop-follow-button":["modules/v2/loader.shop-follow-button.en.esm.js"],"shop-login-button":["modules/v2/loader.shop-login-button.en.esm.js"],"shop-login":["modules/v2/loader.shop-login.en.esm.js"],"shop-toast-manager":["modules/v2/loader.shop-toast-manager.en.esm.js"],"shop-user-recognition":["modules/v2/loader.shop-user-recognition.en.esm.js"]}; 130</script>
vendor: 1 bytes, line 130
130
131<script>(function() { 132 var isLoaded = false; 133 function asyncLoad() { 134 if (isLoaded) return; 135 isLoaded = true; 136 var urls = ["https:\/\/cookie-consent-banner.web.app\/loader.js?shop=cole-haan-philippines.myshopify.com","https:\/\/slots-app.logbase.io\/slots-script-tag.js?shop=cole-haan-philippines.myshopify.com","https:\/\/tnc-app.herokuapp.com\/get_script\/e3dff72c2f4f11edb8485ae14899b38d.js?v=864503\u0026shop=cole-haan-philippines.myshopify.com","https:\/\/storage.nfcube.com\/instafeed-43802963c56fd5ea611abeca55b5e7e8.js?shop=cole-haan-philippines.myshopify.com"]; 137 for (var i = 0; i < urls.length; i++) { 138 var s = document.createElement('script'); 139 s.type = 'text/javascript'; 140 s.async = true; 141 s.src = urls[i]; 142 var x = document.getElementsByTagName('script')[0]; 143 x.parentNode.insertBefore(s, x); 144 } 145 }; 146 if(window.attachEvent) { 147 window.attachEvent('onload', asyncLoad); 148 } else { 149 window.addEventListener('load', asyncLoad, false); 150 } 151})();</script>
vendor: 1 bytes, line 151
151
152<script id="__st">var __st={"a":44543082658,"offset":28800,"reqid":"7d56e20d-457b-4690-a829-a107d4827bcf-1791224005","pageurl":"colehaan.com.ph\/","u":"509c77b7dc7d","p":"home"};</script>
vendor: 1 bytes, line 152
152
153<script>window.ShopifyPaypalV4VisibilityTracking = true;</script>
vendor: 1 bytes, line 153
153
154<script id="captcha-bootstrap">!function(){'use strict';const t='contact',e='account',n='new_comment',o=[[t,t],['blogs',n],['comments',n],[t,'customer']],c=[[e,'customer_login'],[e,'guest_login'],[e,'recover_customer_password'],[e,'create_customer']],r=t=>t.map((([t,e])=>`form[action*='/${t}']:not([data-nocaptcha='true']) input[name='form_type'][value='${e}']`)).join(','),a=t=>()=>t?[...document.querySelectorAll(t)].map((t=>t.form)):[];function s(){const t=[...o],e=r(t);return a(e)}const i='password',u='form_key',d=['recaptcha-v3-token','g-recaptcha-response','h-captcha-response',i],f=()=>{try{return window.sessionStorage}catch{return}},m='__shopify_v',_=t=>t.elements[u];function p(t,e,n=!1){try{const o=window.sessionStorage,c=JSON.parse(o.getItem(e)),{data:r}=function(t){const{data:e,action:n}=t;return t[m]||n?{data:e,action:n}:{data:t,action:n}}(c);for(const[e,n]of Object.entries(r))t.elements[e]&&(t.elements[e].value=n);n&&o.removeItem(e)}catch(o){console.error('form repopulation failed',{error:o})}}const l='form_type',E='cptcha';function T(t){t.dataset[E]=!0}const w=window,h=w.document,L='Shopify',v='ce_forms',y='captcha';let A=!1;((t,e)=>{const n=(g='f06e6c50-85a8-45c8-87d0-21a2b65856fe',I='https://cdn.shopify.com/shopifycloud/storefront-forms-hcaptcha/ce_storefront_forms_captcha_hcaptcha.v1.5.3.iife.js',D={infoText:'Protected by hCaptcha',privacyText:'Privacy',termsText:'Terms'},(t,e,n)=>{const o=w[L][v],c=o.bindForm;if(c)return c(t,g,e,D).then(n);var r;o.q.push([[t,g,e,D],n]),r=I,A||(h.body.append(Object.assign(h.createElement('script'),{id:'captcha-provider',async:!0,src:r})),A=!0)});var g,I,D;w[L]=w[L]||{},w[L][v]=w[L][v]||{},w[L][v].q=[],w[L][y]=w[L][y]||{},w[L][y].protect=function(t,e){n(t,void 0,e),T(t)},Object.freeze(w[L][y]),function(t,e,n,w,h,L){const[v,y,A,g]=function(t,e,n){const i=e?o:[],u=t?c:[],d=[...i,...u],f=r(d),m=r(i),_=r(d.filter((([t,e])=>n.includes(e))));return[a(f),a(m),a(_),s()]}(w,h,L),I=t=>{const e=t.target;return e instanceof HTMLFormElement?e:e&&e.form},D=t=>v().includes(t);t.addEventListener('submit',(t=>{const e=I(t);if(!e)return;const n=D(e)&&!e.dataset.hcaptchaBound&&!e.dataset.recaptchaBound,o=_(e),c=g().includes(e)&&(!o||!o.value);(n||c)&&t.preventDefault(),c&&!n&&(function(t){try{if(!f())return;!function(t){const e=f();if(!e)return;const n=_(t);if(!n)return;const o=n.value;o&&e.removeItem(o)}(t);const e=Array.from(Array(32),(()=>Math.random().toString(36)[2])).join('');!function(t,e){_(t)||t.append(Object.assign(document.createElement('input'),{type:'hidden',name:u})),t.elements[u].value=e}(t,e),function(t,e){const n=f();if(!n)return;const o=[...t.querySelectorAll(`input[type='${i}']`)].map((({name:t})=>t)),c=[...d,...o],r={};for(const[a,s]of new FormData(t).entries())c.includes(a)||(r[a]=s);n.setItem(e,JSON.stringify({[m]:1,action:t.action,data:r}))}(t,e)}catch(e){console.error('failed to persist form',e)}}(e),e.submit())}));const S=(t,e)=>{t&&!t.dataset[E]&&(n(t,e.some((e=>e===t))),T(t))};for(const o of['focusin','change'])t.addEventListener(o,(t=>{const e=I(t);D(e)&&S(e,y())}));const B=e.get('form_key'),M=e.get(l),P=B&&M;t.addEventListener('DOMContentLoaded',(()=>{const t=y();if(P)for(const e of t)e.elements[l].value===M&&p(e,B);[...new Set([...A(),...v().filter((t=>'true'===t.dataset.shopifyCaptcha))])].forEach((e=>S(e,t)))}))}(h,new URLSearchParams(w.location.search),n,t,e,['guest_login'])})(!0,!1)}();</script>
vendor: 1 bytes, line 154
154
155<script integrity="sha256-JjoPp5ZfB1sSAs5SQaol1x1GgvveM+BgmRzyDexInEQ=" data-source-attribution="shopify.loadfeatures" defer="defer" src="//colehaan.com.ph/cdn/shopifycloud/storefront/assets/storefront/load_feature-1bd60354.js" crossorigin="anonymous"></script>
vendor: 1 bytes, line 155
155
156<script>(function () {var userAgent = navigator.userAgent;var platform = navigator.platform;var maxTouchPoints = navigator.maxTouchPoints || 0;var isIOS = /iPad|iPhone|iPod/.test(platform) || (platform === 'MacIntel' && maxTouchPoints > 1);var isMacSafari = platform.indexOf('Mac') === 0 && /Safari/.test(userAgent) && !/Chrome|Chromium|CriOS|FxiOS|Edg|OPR|Android/.test(userAgent);var isAppleSafari = isIOS || isMacSafari;if (isAppleSafari) {fetch('/sf_private_access_tokens' + location.search).catch(function () {});}function browserMajorVersion(pattern) {var match = userAgent.match(pattern);return match ? parseInt(match[1], 10) : null;}function shouldLoadAutosizesPolyfill() {if (!window.PerformanceObserver?.supportedEntryTypes?.includes('paint')) {return false;}var chromeVersion = browserMajorVersion(/Chrome\/(\d+)/);if (chromeVersion !== null) {return chromeVersion < 126;}var firefoxVersion = browserMajorVersion(/Firefox\/(\d+)/);if (firefoxVersion !== null) {return firefoxVersion < 150;}var safariVersion = isAppleSafari ? browserMajorVersion(/Version\/(\d+).*Safari\//) : null;if (safariVersion !== null) {return safariVersion < 27;}return true;}if (shouldLoadAutosizesPolyfill()) {var autosizesScript = document.createElement('script');autosizesScript.async = true;autosizesScript.crossOrigin = 'anonymous';autosizesScript.src = "//colehaan.com.ph/cdn/shopifycloud/storefront/assets/storefront/autosizes-84416378.js";(document.head || document.documentElement).appendChild(autosizesScript);}window.ShopifyAnalytics = window.ShopifyAnalytics || {};window.ShopifyAnalytics.performance = window.ShopifyAnalytics.performance || {};(function () {var LONG_FRAME_THRESHOLD = 50;var longAnimationFrames = [];var activeRafId = null;function collectLongFrames() {var previousTime = null;function rafMonitor(now) {if (activeRafId === null) {return;}var delta = now - previousTime;if (delta > LONG_FRAME_THRESHOLD) {longAnimationFrames.push({startTime: previousTime,endTime: now,});}previousTime = now;activeRafId = requestAnimationFrame(rafMonitor);}previousTime = performance.now();activeRafId = requestAnimationFrame(rafMonitor);}if (!window.PerformanceObserver?.supportedEntryTypes?.includes('long-animation-frame')) {collectLongFrames();var timeoutId = setTimeout(function () {cancelAnimationFrame(activeRafId);}, 10000);window.ShopifyAnalytics.performance.getLongAnimationFrames = function (stopCollection) {if (stopCollection === undefined) {stopCollection = false;}if (stopCollection) {clearTimeout(timeoutId);cancelAnimationFrame(activeRafId);}return longAnimationFrames;};}})();})();</script>
156<script id="shopify-origin-trials" async="async" integrity="sha256-qJbe/jEZBHtr5W/BlA2cKAz3vkXu6vJQyLjgvgCC86g=" src="//cdn.shopify.com/shopifycloud/storefront/assets/storefront/origin_trials-318ab40a.js" crossorigin="anonymous" onload="window.__shopifyOriginTrialsDone = true" onerror="window.__shopifyOriginTrialsDone = true"></script>
vendor: 1 bytes, line 156
156
157<script> 158 window.Shopify = window.Shopify || {}; 159 window.Shopify.MCP = window.Shopify.MCP || {}; 160 window.Shopify.MCP.enabled = true; 161 window.Shopify.MCP.shop = "cole-haan-philippines.myshopify.com"; 162 window.Shopify.MCP.mcpEndpoint = "https:\/\/colehaan.com.ph\/api\/mcp"; 163 window.Shopify.MCP.tools = [{"name":"search_shop_policies_and_faqs","description":"Used to get facts about the stores policies, products, or services.\nSome examples of questions you can ask are:\n - What is your return policy?\n - What is your shipping policy?\n - What is your phone number?\n - What are your hours of operation?\"\n","inputSchema":{"$schema":"https:\/\/json-schema.org\/draft\/2020-12\/schema","type":"object","properties":{"query":{"type":"string","description":"A natural language query."},"context":{"type":"string","description":"Additional information about the request such as user demographics, mood, location, or other relevant details that could help in tailoring the response appropriately."}},"required":["query"]}}]; 164</script>
vendor: 1 bytes, line 164
164
165<script>(()=>{var d="shopify:webmcp_adapter_loaded",n=Symbol.for("shopify.webmcp_adapter_loading");function s(c,a,{win:r=window,doc:o=document}={}){function p(){try{return r.localStorage.getItem(d)==="true"}catch{return!1}}function l(){try{r.localStorage.setItem(d,"true")}catch{}}function u(){return typeof(o.modelContext||r.navigator?.modelContext)?.registerTool=="function"}function f(){if(r[n]||!u())return;let t=o.head||o.getElementsByTagName("head")[0];if(!t)return;let e=o.createElement("script");e.type="module",e.crossOrigin="anonymous",a&&(e.integrity=a),e.src=c,e.addEventListener("load",l,{once:!0}),e.addEventListener("error",()=>{r[n]=!1},{once:!0}),t.appendChild(e),r[n]=!0}function _(t){let e=o.getElementById("shopify-origin-trials");if(!e||r.__shopifyOriginTrialsDone){t();return}e.addEventListener("load",t,{once:!0}),e.addEventListener("error",t,{once:!0})}function i(){_(()=>r.setTimeout(f,0))}function m(){o.addEventListener("DOMContentLoaded",i,{once:!0})}p()?i():m()}s("\/\/colehaan.com.ph\/cdn\/shopifycloud\/storefront\/assets\/storefront\/webmcp-c6b62ece.js","sha256-ke4DDuBjdvea3vxLWxHc9E9nq8zihuG4IfYEGbb77ys=");})(); 166</script>
vendor: 1 bytes, line 166
166
167<script data-source-attribution="shopify.dynamic_checkout.dynamic.init">var Shopify=Shopify||{};Shopify.PaymentButton=Shopify.PaymentButton||{isStorefrontPortableWallets:!0,init:function(){window.Shopify.PaymentButton.init=function(){};var t=document.createElement("script");t.src="https://colehaan.com.ph/cdn/shopifycloud/portable-wallets/latest/portable-wallets.en.js",t.type="module",document.head.appendChild(t)}}; 168</script>
vendor: 1 bytes, line 168
168
169<script data-source-attribution="shopify.dynamic_checkout.buyer_consent"> 170 function portableWalletsHideBuyerConsent(e){var t=document.getElementById("shopify-buyer-consent"),n=document.getElementById("shopify-subscription-policy-button");t&&n&&(t.classList.add("hidden"),t.setAttribute("aria-hidden","true"),n.removeEventListener("click",e))}function portableWalletsShowBuyerConsent(e){var t=document.getElementById("shopify-buyer-consent"),n=document.getElementById("shopify-subscription-policy-button");t&&n&&(t.classList.remove("hidden"),t.removeAttribute("aria-hidden"),n.addEventListener("click",e))}window.Shopify?.PaymentButton&&(window.Shopify.PaymentButton.hideBuyerConsent=portableWalletsHideBuyerConsent,window.Shopify.PaymentButton.showBuyerConsent=portableWalletsShowBuyerConsent); 171</script>
vendor: 1 bytes, line 171
171
172<script data-source-attribution="shopify.dynamic_checkout.cart.bootstrap">document.addEventListener("DOMContentLoaded",(function(){function t(){return document.querySelector("shopify-accelerated-checkout-cart, shopify-accelerated-checkout")}if(t())Shopify.PaymentButton.init();else{new MutationObserver((function(e,n){t()&&(Shopify.PaymentButton.init(),n.disconnect())})).observe(document.body,{childList:!0,subtree:!0})}})); 173</script>
vendor: 1 bytes, line 173
173
174<script id="sections-script" data-sections="header" defer="defer" src="//colehaan.com.ph/cdn/shop/t/131/compiled_assets/scripts.js?v=180342395004836989481790040570"></script>
vendor: 1 bytes, line 174
174
175<script id="shopify-cfh-end">window.performance && window.performance.mark && window.performance.mark('shopify.content_for_header.end');</script>
175 176 177
178<script type="text/javascript"> 179 var dataLayer = []; 180 var pageAction = window.pageAction; 181 var pageType = ''; 182 var trackingBody = document.documentElement; 183 window.dataLayer = window.dataLayer || [];//$(document).ready(function () { 184 if (trackingBody.dataset.pagetype != null) { 185 pageType = trackingBody.dataset.pagetype; 186 187 if (typeof window.dataLayer !== "undefined") { 188 window.dataLayer.push({ 189 'dimension10': pageType 190 }); 191 } 192 193 if (pageType == 'category' || pageType == 'simple_category') { 194 var pageDept = ''; 195 var pageCategory = ''; 196 var pageSubCategory = ''; 197 198 if (trackingBody.dataset.pagedept != null) { 199 pageDept = trackingBody.dataset.pagedept; 200 201 if (typeof window.dataLayer !== "undefined") { 202 window.dataLayer.push({ 203 'dimension11': pageDept 204 }); 205 } 206 } 207 208 if (trackingBody.dataset.pagesubcategory != null) { 209 pageSubCategory = trackingBody.dataset.pagesubcategory; 210 if (typeof window.dataLayer !== "undefined") { 211 window.dataLayer.push({ 212 'dimension13': pageSubCategory 213 }); 214 } 215 } 216 } else if (pageType == 'pdp' || pageType == 'simple_pdp') { 217 if (typeof window.dataLayer !== "undefined") { 218 window.dataLayer.push({ 219 'dimension16': trackingBody.dataset.pid 220 }); 221 } 222 } 223 } else { 224 if (typeof window.dataLayer !== "undefined") { 225 window.dataLayer.push({ 226 'dimension10': 'other' 227 }); 228 } 229 } 230 231 if (trackingBody.dataset.paymenttype != null) { 232 if (typeof window.dataLayer !== "undefined") { 233 window.dataLayer.push({ 234 'dimension9': trackingBody.dataset.paymenttype 235 }); 236 } 237 } 238 239 if (trackingBody.dataset.pagetype == "search-results") { 240 if (typeof window.dataLayer !== "undefined") { 241 window.dataLayer.push({ 242 'dimension12': document.title.replace(/Cole Haan/gi, "").replace(/[|]/g, "").trim() 243 }); 244 } 245 } 246 247 if (typeof window.dataLayer !== "undefined") { 248 window.dataLayer.push({ 249 'dimension3': 'browser' 250 }); 251 252 window.dataLayer.splice(3, 0, { 253 'dimension46': '${custGroupArray.toString()}' 254 }); 255 } 256 257 if (typeof window.dataLayer !== "undefined") { 258 window.dataLayer.push("Liquid error (snippets/include-googleTagManager line 106): Could not find asset snippets/model-gtmData-customer.liquid"); 259 } 260 //}); 261</script>
261 262<!-- Google Tag Manager -->
263<script>
vendor: 327 bytes, lines 263-267
263(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start': 264new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0], 265j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src= 266'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f); 267})(window,document,'script','dataLayer','
267GTM-MHLW2KQ
vendor: 3 bytes, line 267
267');
267</script>
267 268<!-- This is where GTM events are initialized -->
269<script defer type="text/javascript" src="//colehaan.com.ph/cdn/shop/t/131/assets/tagmanager.js?v=37504"></script>
269 270<!-- End Google Tag Manager --> 271 <!--<link rel="icon" type="image/png" href='//colehaan.com.ph/cdn/shop/t/131/assets/196x196.png?v=37504' sizes="196x196" /> 272 <link rel="icon" type="image/png" href='//colehaan.com.ph/cdn/shop/t/131/assets/96x96.png?v=37504' sizes="96x96" /> 273 <link rel="icon" type="image/png" href='//colehaan.com.ph/cdn/shop/t/131/assets/32x32.png?v=37504' sizes="32x32" /> 274 <link rel="icon" type="image/png" href='//colehaan.com.ph/cdn/shop/t/131/assets/16x16.png?v=37504' sizes="16x16" /> 275 <link rel="icon" type="image/png" href='//colehaan.com.ph/cdn/shop/t/131/assets/128x128.png?v=37504' sizes="128x128" />--> 276 <link rel="preconnect" href="https://fonts.googleapis.com"> 277 <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin> 278 <link href="https://fonts.googleapis.com/css2?family=Work+Sans:ital,wght@0,100..900;1,100..900&display=swap" rel="stylesheet"> 279 <link href="https://fonts.googleapis.com/css2?family=Spectral:ital,wght@0,200;0,300;0,400;0,500;0,600;0,700;0,800;1,200;1,300;1,400;1,500;1,600;1,700;1,800&display=swap" rel="stylesheet"> 280 <style data-shopify> 281 .mobile-image-viewer img { 282 touch-action: pinch-zoom; 283 max-width: 100%; 284 height: auto; 285 } 286 @font-face { 287 font-family: "Work Sans"; 288 font-weight: 400; 289 font-style: normal; 290 font-display: swap; 291 src: url("//colehaan.com.ph/cdn/fonts/work_sans/worksans_n4.b7973b3d07d0ace13de1b1bea9c45759cdbe12cf.woff2") format("woff2"), 292 url("//colehaan.com.ph/cdn/fonts/work_sans/worksans_n4.cf5ceb1e6d373a9505e637c1aff0a71d0959556d.woff") format("woff"); 293} 294 295 @font-face { 296 font-family: "Work Sans"; 297 font-weight: 700; 298 font-style: normal; 299 font-display: swap; 300 src: url("//colehaan.com.ph/cdn/fonts/work_sans/worksans_n7.e2cf5bd8f2c7e9d30c030f9ea8eafc69f5a92f7b.woff2") format("woff2"), 301 url("//colehaan.com.ph/cdn/fonts/work_sans/worksans_n7.20f1c80359e7f7b4327b81543e1acb5c32cd03cd.woff") format("woff"); 302} 303 304 @font-face { 305 font-family: "Work Sans"; 306 font-weight: 400; 307 font-style: italic; 308 font-display: swap; 309 src: url("//colehaan.com.ph/cdn/fonts/work_sans/worksans_i4.16ff51e3e71fc1d09ff97b9ff9ccacbeeb384ec4.woff2") format("woff2"), 310 url("//colehaan.com.ph/cdn/fonts/work_sans/worksans_i4.ed4a1418cba5b7f04f79e4d5c8a5f1a6bd34f23b.woff") format("woff"); 311} 312 313 @font-face { 314 font-family: "Work Sans"; 315 font-weight: 700; 316 font-style: italic; 317 font-display: swap; 318 src: url("//colehaan.com.ph/cdn/fonts/work_sans/worksans_i7.7cdba6320b03c03dcaa365743a4e0e729fe97e54.woff2") format("woff2"), 319 url("//colehaan.com.ph/cdn/fonts/work_sans/worksans_i7.42a9f4016982495f4c0b0fb3dc64cf8f2d0c3eaa.woff") format("woff"); 320} 321 322 @font-face { 323 font-family: "Work Sans"; 324 font-weight: 500; 325 font-style: normal; 326 font-display: swap; 327 src: url("//colehaan.com.ph/cdn/fonts/work_sans/worksans_n5.42fc03d7028ac0f31a2ddf10d4a2904a7483a1c4.woff2") format("woff2"), 328 url("//colehaan.com.ph/cdn/fonts/work_sans/worksans_n5.1f79bf93aa21696aa0428c88e39fb9f946295341.woff") format("woff"); 329} 330 331 332 label[style*="Liquid error"] { 333 display: none !important; 334 } 335 336 :root { 337 --font-body-family: "Work Sans", sans-serif; 338 --font-body-style: normal; 339 --font-body-weight: 400; 340 --font-body-weight-bold: 700; 341 342 --font-heading-family: "Work Sans", sans-serif; 343 --font-heading-style: normal; 344 --font-heading-weight: 500; 345 346 --font-body-scale: 1.0; 347 --font-heading-scale: 1.0; 348 349 --color-base-text: 18, 18, 18; 350 --color-shadow: 18, 18, 18; 351 --color-base-background-1: 255, 255, 255; 352 --color-base-background-2: 243, 243, 243; 353 --color-base-solid-button-labels: 255, 255, 255; 354 --color-base-outline-button-labels: 18, 18, 18; 355 --color-base-accent-1: 18, 18, 18; 356 --color-base-accent-2: 18, 18, 18; 357 --payment-terms-background-color: #ffffff; 358 359 --gradient-base-background-1: #ffffff; 360 --gradient-base-background-2: #f3f3f3; 361 --gradient-base-accent-1: #121212; 362 --gradient-base-accent-2: #121212; 363 364 --media-padding: px; 365 --media-border-opacity: 0.05; 366 --media-border-width: 1px; 367 --media-radius: 0px;
368 --media-shadow-opacity: 0.0; 369 --media-shadow-horizontal-offset: 0px; 370 --media-shadow-vertical-offset: 4px; 371 --media-shadow-blur-radius: 5px; 372 --media-shadow-visible: 0; 373 374 --page-width: 120rem; 375 --page-width-margin: 0rem; 376 377 --product-card-image-padding: 0.0rem; 378 --product-card-corner-radius: 0.0rem; 379 --product-card-text-alignment: left; 380 --product-card-border-width: 0.0rem; 381 --product-card-border-opacity: 0.1; 382 --product-card-shadow-opacity: 0.0; 383 --product-card-shadow-visible: 0; 384 --product-card-shadow-horizontal-offset: 0.0rem; 385 --product-card-shadow-vertical-offset: 0.4rem; 386 --product-card-shadow-blur-radius: 0.5rem; 387 388 --collection-card-image-padding: 0.0rem; 389 --collection-card-corner-radius: 0.0rem; 390 --collection-card-text-alignment: left; 391 --collection-card-border-width: 0.0rem; 392 --collection-card-border-opacity: 0.1; 393 --collection-card-shadow-opacity: 0.0; 394 --collection-card-shadow-visible: 0; 395 --collection-card-shadow-horizontal-offset: 0.0rem; 396 --collection-card-shadow-vertical-offset: 0.4rem; 397 --collection-card-shadow-blur-radius: 0.5rem; 398 399 --blog-card-image-padding: 0.0rem; 400 --blog-card-corner-radius: 0.0rem; 401 --blog-card-text-alignment: left; 402 --blog-card-border-width: 0.0rem; 403 --blog-card-border-opacity: 0.1; 404 --blog-card-shadow-opacity: 0.0; 405 --blog-card-shadow-visible: 0; 406 --blog-card-shadow-horizontal-offset: 0.0rem; 407 --blog-card-shadow-vertical-offset: 0.4rem; 408 --blog-card-shadow-blur-radius: 0.5rem; 409 410 --badge-corner-radius: 4.0rem; 411 412 --popup-border-width: 1px; 413 --popup-border-opacity: 0.1; 414 --popup-corner-radius: 0px; 415 --popup-shadow-opacity: 0.0; 416 --popup-shadow-horizontal-offset: 0px; 417 --popup-shadow-vertical-offset: 4px; 418 --popup-shadow-blur-radius: 5px; 419 420 --drawer-border-width: 1px; 421 --drawer-border-opacity: 0.1; 422 --drawer-shadow-opacity: 0.0; 423 --drawer-shadow-horizontal-offset: 0px; 424 --drawer-shadow-vertical-offset: 4px; 425 --drawer-shadow-blur-radius: 5px; 426 427 --spacing-sections-desktop: 16px; 428 --spacing-sections-mobile: 16px; 429 430 --grid-desktop-vertical-spacing: 8px; 431 --grid-desktop-horizontal-spacing: 16px; 432 --grid-mobile-vertical-spacing: 4px; 433 --grid-mobile-horizontal-spacing: 8px; 434 435 --text-boxes-border-opacity: 0.1; 436 --text-boxes-border-width: 0px; 437 --text-boxes-radius: 0px; 438 --text-boxes-shadow-opacity: 0.0; 439 --text-boxes-shadow-visible: 0; 440 --text-boxes-shadow-horizontal-offset: 0px; 441 --text-boxes-shadow-vertical-offset: 4px; 442 --text-boxes-shadow-blur-radius: 5px; 443 444 --buttons-radius: 0px; 445 --buttons-radius-outset: 0px; 446 --buttons-border-width: 1px; 447 --buttons-border-opacity: 1.0; 448 --buttons-shadow-opacity: 0.0; 449 --buttons-shadow-visible: 0; 450 --buttons-shadow-horizontal-offset: 0px; 451 --buttons-shadow-vertical-offset: 4px; 452 --buttons-shadow-blur-radius: 5px; 453 --buttons-border-offset: 0px; 454 455 --inputs-radius: 0px; 456 --inputs-border-width: 1px; 457 --inputs-border-opacity: 0.55; 458 --inputs-shadow-opacity: 0.0; 459 --inputs-shadow-horizontal-offset: 0px; 460 --inputs-margin-offset: 0px; 461 --inputs-shadow-vertical-offset: 4px; 462 --inputs-shadow-blur-radius: 5px; 463 --inputs-radius-outset: 0px; 464 465 --variant-pills-radius: 40px; 466 --variant-pills-border-width: 1px; 467 --variant-pills-border-opacity: 0.55; 468 --variant-pills-shadow-opacity: 0.0; 469 --variant-pills-shadow-horizontal-offset: 0px; 470 --variant-pills-shadow-vertical-offset: 4px; 471 --variant-pills-shadow-blur-radius: 5px; 472 } 473 474 @media screen and (max-width: 500px){ 475 [class*="ai-announcement-bar-wrapper"]{ 476 padding-top: 0 !important; 477 } 478 [class*="ai-announcement-bar__item"] { 479 white-space: wrap !important; 480 display: block !important; 481 padding-top: 8px; 482 padding-bottom: 8px; 483 } 484 485 [class*="ai-announcement-bar__link"] { 486 display: inline-flex !important; 487 white-space: wrap !important; 488 } 489 490 [class*="ai-announcement-bar"]:not([class*="ai-announcement-bar-slide"]):not([class*="ai-announcement-bar-text"]):not([class*="ai-announcement-bar-wrapper"]){ 491 height: 98px !important; 492 } 493 [class*="ai-announcement-bar-slide"] { 494 min-height: auto !important; 495 max-width: max-content; 496 height: auto; 497 padding: 0 32px !important; 498 } 499 [class*="ai-announcement-bar-text"] { 500 display: block !important; 501 } 502 } 503 504 *, 505 *::before, 506 *::after { 507 box-sizing: inherit; 508 } 509 510 html { 511 box-sizing: border-box; 512 font-size: calc(var(--font-body-scale) * 62.5%); 513 height: 100%; 514 } 515 516 body { 517 display: grid; 518 grid-template-rows: auto auto 1fr auto; 519 grid-template-columns: 100%; 520 min-height: 100%; 521 margin: 0; 522 font-size: 1.5rem; 523 letter-spacing: 0.06rem; 524 line-height: calc(1 + 0.8 / var(--font-body-scale)); 525 font-family: var(--font-body-family); 526 font-style: var(--font-body-style); 527 font-weight: var(--font-body-weight); 528 } 529 @font-face { 530 font-family: "WorkSansLight"; 531 src: url('https://cdn.shopify.com/s/files/1/0268/1228/5039/files/WorkSans-Light.woff?v=1689610907') format("woff"); 532 font-weight: normal; 533 font-style: normal; 534 } 535 @font-face { 536 font-family: "WorkSansRegular"; 537 src: url('https://cdn.shopify.com/s/files/1/0268/1228/5039/files/WorkSans-Regular.woff?v=1681900737') format("woff"); 538 font-weight: normal; 539 font-style: normal; 540 } 541 @font-face { 542 font-family: "WorkSansSemiBold"; 543 src: url('https://cdn.shopify.com/s/files/1/0268/1228/5039/files/WorkSans-SemiBold.woff?v=1681900737 ') format("woff"); 544 font-weight: 600; 545 font-style: normal; 546 } 547 @font-face { 548 font-family: "WorkSansMedium"; 549 src: url('https://cdn.shopify.com/s/files/1/0268/1228/5039/files/WorkSans-Medium.woff?v=1681900737') format("woff"); 550 font-weight: normal; 551 font-style: normal; 552 } 553 @font-face { 554 font-family: "LibreItalic"; 555 src: url('//cdn.shopify.com/s/files/1/0268/1228/5039/files/LibreBodoni-Italic-VariableFont_wght.ttf?v=1681825818') format("truetype"); 556 font-weight: normal; 557 font-style: normal; 558 } 559 @font-face { 560 font-family: "LibreBodoniItalic"; 561 src: url('https://cdn.shopify.com/s/files/1/0268/1228/5039/files/LibreBodoni-Italic-VariableFont_wght_ae639b7d-494e-4f0d-8def-8fff57fc9948.ttf?v=1689610542') format("truetype"); 562 font-weight: 500; 563 font-style: normal; 564 } 565 @font-face { 566 font-family: "LibreBodoni"; 567 src: url('https://cdn.shopify.com/s/files/1/0268/1228/5039/files/LibreBodoni-VariableFont_wght.ttf?v=1681825818') format("truetype"); 568 font-weight: normal; 569 font-style: normal; 570 } 571 @font-face { 572 font-family: "CHUIicons"; 573 src: url('https://cdn.shopify.com/s/files/1/0268/1228/5039/files/CH-UI-icons.woff?v=1681900737') format("woff"); 574 font-weight: normal; 575 font-style: normal; 576 } 577 @font-face { 578 font-family: "FrankRuhlLibre"; 579 src: url('https://cdn.shopify.com/s/files/1/0268/1228/5039/files/FrankRuhlLibre-VariableFont_wght.ttf?v=1703074387') format("ttf"); 580 font-weight: normal; 581 font-style: normal; 582 } 583 @font-face { 584 font-family: 'Frank Ruhl Libre'; 585 src: url('https://cdn.shopify.com/s/files/1/0445/4308/2658/files/j8_w6_fAw7jrcalD7oKYNX0QfAnPW7Dl4Q_1.woff2?v=1707793694') format("woff"); 586 font-weight: 300; 587 font-style: normal; 588 } 589 @font-face { 590 font-family: 'Frank Ruhl Libre'; 591 src: url('https://cdn.shopify.com/s/files/1/0445/4308/2658/files/j8_w6_fAw7jrcalD7oKYNX0QfAnPW7Dl4Q_1.woff2?v=1707793694') format("woff"); 592 font-weight: 500; 593 font-style: normal; 594 } 595 @font-face { 596 font-family: 'Frank Ruhl Libre'; 597 src: url('https://cdn.shopify.com/s/files/1/0445/4308/2658/files/j8_w6_fAw7jrcalD7oKYNX0QfAnPW7Dl4Q_1.woff2?v=1707793694') format("woff"); 598 font-weight: normal; 599 font-style: normal; 600 } 601 @font-face {
602 font-family: "PinyonScript"; 603 src: url('https://cdn.shopify.com/s/files/1/0268/1228/5039/files/PinyonScript-Regular.ttf?v=1704688430') format("ttf"); 604 font-weight: normal; 605 font-style: normal; 606 } 607 @media screen and (min-width: 750px) { 608 body { 609 font-size: 1.6rem; 610 } 611 } 612 @media screen and (max-width: 768px) { 613 .facets-vertical.page-width { 614 padding: 0 !important; 615 } 616 } 617 </style> 618 <!-- Font Awesome --> 619 <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css"> 620 <!-- <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css"> --> 621 <link href="//colehaan.com.ph/cdn/shop/t/131/assets/base.css?v=45797758216894801791790040469" rel="stylesheet" type="text/css" media="all" /> 622 623 <meta name="facebook-domain-verification" content="krrc4fy6zx1hq1dm8cdrfi69z02k8m" /> 624 <meta name="google-site-verification" content="gIkR3OMhXU-dS3UnL9FcJ75rIvdoN5gsDuIStNKZttc" /> 625 626
626<script> 627 628 629 630 631 632 633 var gsf_conversion_data = {page_type : 'home', event : 'page_view', data : {product_data : [{variant_id : 47648283328756, product_id : 9331416891636, name : "Judson Brushed Twill Duffle", price : "13990.00", currency : "PHP", sku : "F12804", brand : "Cole Haan Philippines", variant : "Green Jacket-New British Tan / UNIT", category : "Duffles"}, {variant_id : 47571754909940, product_id : 9307196752116, name : "Men's 2.ZERÃGRAND EVO Laser Quick-On Oxford", price : "8990.00", currency : "PHP", sku : "C43664 8.0W", brand : "Cole Haan Philippines", variant : "British Tan-Java / Wide / 8", category : "Oxford"}], total_price :"22980.00", shop_currency : "PHP"}}; 634 635 636</script>
636 637 638 <!-- Hotjar Tracking Code for https://colehaan.co.uk/ --> 639
639<script>
vendor: 125 bytes, lines 639-642
639 640 (function(h,o,t,j,a,r){ 641 h.hj=h.hj||function(){(h.hj.q=h.hj.q||[]).push(arguments)}; 642 h._hjSettings={hjid:
6423297183
vendor: 262 bytes, lines 642-648
642,hjsv:6}; 643 a=o.getElementsByTagName('head')[0]; 644 r=o.createElement('script');r.async=1; 645 r.src=t+h._hjSettings.hjid+j+h._hjSettings.hjsv; 646 a.appendChild(r); 647 })(window,document,'https://static.hotjar.com/c/hotjar-','.js?sv='); 648
648</script>
648 649 650 651 652 <!-- bling--> 653
653<script> 654 (function(w,d,t,r,u) 655 { 656 var f,n,i; 657 w[u]=w[u]||[],f=function() 658 { 659 var o={ti:"22023827", tm:"shpfy_ui", enableAutoSpaTracking: true}; 660 o.q=w[u],w[u]=new UET(o),w[u].push("pageLoad") 661 }, 662 n=d.createElement(t),n.src=r,n.async=1,n.onload=n.onreadystatechange=function() 663 { 664 var s=this.readyState; 665 s&&s!=="loaded"&&s!=="complete"||(f(),n.onload=n.onreadystatechange=null) 666 }, 667 i=d.getElementsByTagName(t)[0],i.parentNode.insertBefore(n,i) 668 }) 669 (window,document,"script","//bat.bing.com/bat.js","uetq"); 670 </script>
670 671 672 <!-- "snippets/shogun-head.liquid" was not rendered, the associated app was uninstalled --> 673 674 <!-- Thoughtmetric --> 675
675<script> 676 !function(t,e,i){if(!t.thoughtmetric){t.thoughtmetricQueue=t.thoughtmetricQueue||[],t.thoughtmetric=t.thoughtmetric||function(){t.thoughtmetricQueue.push(arguments)};var u=e.createElement("script");u.async=!0,u.src="https://pixel.thoughtmetric.io/tmpixel.min.js";var h=e.getElementsByTagName("script")[0];h.parentNode.insertBefore(u,h)}}(window,document); thoughtmetric("init","ID-c2569b0a3585b00a"); thoughtmetric('pii', true); thoughtmetric("pageview"); 677 </script>
677<link rel="preload" as="font" href="//colehaan.com.ph/cdn/fonts/work_sans/worksans_n4.b7973b3d07d0ace13de1b1bea9c45759cdbe12cf.woff2" type="font/woff2" crossorigin><link rel="preload" as="font" href="//colehaan.com.ph/cdn/fonts/work_sans/worksans_n5.42fc03d7028ac0f31a2ddf10d4a2904a7483a1c4.woff2" type="font/woff2" crossorigin><link rel="stylesheet" href="//colehaan.com.ph/cdn/shop/t/131/assets/component-predictive-search.css?v=85913294783299393391790040492" media="print" onload="this.media='all'">
677<script>document.documentElement.className = document.documentElement.className.replace('no-js', 'js'); 678 if (Shopify.designMode) { 679 document.documentElement.classList.add('shopify-design-mode'); 680 } 681 </script>
681 682 <style type='text/css'> 683 .baCountry{width:30px;height:20px;display:inline-block;vertical-align:middle;margin-right:6px;background-size:30px!important;border-radius:4px;background-repeat:no-repeat} 684 .baCountry-traditional .baCountry{background-image:url(https://cdn.shopify.com/s/files/1/0194/1736/6592/t/1/assets/ba-flags.png?=14261939516959647149);height:19px!important} 685 .baCountry-modern .baCountry{background-image:url(https://cdn.shopify.com/s/files/1/0194/1736/6592/t/1/assets/ba-flags.png?=14261939516959647149)} 686 .baCountry-NO-FLAG{background-position:0 0}.baCountry-AD{background-position:0 -20px}.baCountry-AED{background-position:0 -40px}.baCountry-AFN{background-position:0 -60px}.baCountry-AG{background-position:0 -80px}.baCountry-AI{background-position:0 -100px}.baCountry-ALL{background-position:0 -120px}.baCountry-AMD{background-position:0 -140px}.baCountry-AOA{background-position:0 -160px}.baCountry-ARS{background-position:0 -180px}.baCountry-AS{background-position:0 -200px}.baCountry-AT{background-position:0 -220px}.baCountry-AUD{background-position:0 -240px}.baCountry-AWG{background-position:0 -260px}.baCountry-AZN{background-position:0 -280px}.baCountry-BAM{background-position:0 -300px}.baCountry-BBD{background-position:0 -320px}.baCountry-BDT{background-position:0 -340px}.baCountry-BE{background-position:0 -360px}.baCountry-BF{background-position:0 -380px}.baCountry-BGN{background-position:0 -400px}.baCountry-BHD{background-position:0 -420px}.baCountry-BIF{background-position:0 -440px}.baCountry-BJ{background-position:0 -460px}.baCountry-BMD{background-position:0 -480px}.baCountry-BND{background-position:0 -500px}.baCountry-BOB{background-position:0 -520px}.baCountry-BRL{background-position:0 -540px}.baCountry-BSD{background-position:0 -560px}.baCountry-BTN{background-position:0 -580px}.baCountry-BWP{background-position:0 -600px}.baCountry-BYN{background-position:0 -620px}.baCountry-BZD{background-position:0 -640px}.baCountry-CAD{background-position:0 -660px}.baCountry-CC{background-position:0 -680px}.baCountry-CDF{background-position:0 -700px}.baCountry-CG{background-position:0 -720px}.baCountry-CHF{background-position:0 -740px}.baCountry-CI{background-position:0 -760px}.baCountry-CK{background-position:0 -780px}.baCountry-CLP{background-position:0 -800px}.baCountry-CM{background-position:0 -820px}.baCountry-CNY{background-position:0 -840px}.baCountry-COP{background-position:0 -860px}.baCountry-CRC{background-position:0 -880px}.baCountry-CU{background-position:0 -900px}.baCountry-CX{background-position:0 -920px}.baCountry-CY{background-position:0 -940px}.baCountry-CZK{background-position:0 -960px}.baCountry-DE{background-position:0 -980px}.baCountry-DJF{background-position:0 -1000px}.baCountry-DKK{background-position:0 -1020px}.baCountry-DM{background-position:0 -1040px}.baCountry-DOP{background-position:0 -1060px}.baCountry-DZD{background-position:0 -1080px}.baCountry-EC{background-position:0 -1100px}.baCountry-EE{background-position:0 -1120px}.baCountry-EGP{background-position:0 -1140px}.baCountry-ER{background-position:0 -1160px}.baCountry-ES{background-position:0 -1180px}.baCountry-ETB{background-position:0 -1200px}.baCountry-EUR{background-position:0 -1220px}.baCountry-FI{background-position:0 -1240px}.baCountry-FJD{background-position:0 -1260px}.baCountry-FKP{background-position:0 -1280px}.baCountry-FO{background-position:0 -1300px}.baCountry-FR{background-position:0 -1320px}.baCountry-GA{background-position:0 -1340px}.baCountry-GBP{background-position:0 -1360px}.baCountry-GD{background-position:0 -1380px}.baCountry-GEL{background-position:0 -1400px}.baCountry-GHS{background-position:0 -1420px}.baCountry-GIP{background-position:0 -1440px}.baCountry-GL{background-position:0 -1460px}.baCountry-GMD{background-position:0 -1480px}.baCountry-GNF{background-position:0 -1500px}.baCountry-GQ{background-position:0 -1520px}.baCountry-GR{background-position:0 -1540px}.baCountry-GTQ{background-position:0 -1560px}.baCountry-GU{background-position:0 -1580px}.baCountry-GW{background-position:0 -1600px}.baCountry-HKD{background-position:0 -1620px}.baCountry-HNL{background-position:0 -1640px}.baCountry-HRK{background-position:0 -1660px}.baCountry-HTG{background-position:0 -1680px}.baCountry-HUF{background-position:0 -1700px}.baCountry-IDR{background-position:0 -1720px}.baCountry-IE{background-position:0 -1740px}.baCountry-ILS{background-position:0 -1760px}.baCountry-INR{background-position:0 -1780px}.baCountry-IO{background-position:0 -1800px}
686.baCountry-IQD{background-position:0 -1820px}.baCountry-IRR{background-position:0 -1840px}.baCountry-ISK{background-position:0 -1860px}.baCountry-IT{background-position:0 -1880px}.baCountry-JMD{background-position:0 -1900px}.baCountry-JOD{background-position:0 -1920px}.baCountry-JPY{background-position:0 -1940px}.baCountry-KES{background-position:0 -1960px}.baCountry-KGS{background-position:0 -1980px}.baCountry-KHR{background-position:0 -2000px}.baCountry-KI{background-position:0 -2020px}.baCountry-KMF{background-position:0 -2040px}.baCountry-KN{background-position:0 -2060px}.baCountry-KP{background-position:0 -2080px}.baCountry-KRW{background-position:0 -2100px}.baCountry-KWD{background-position:0 -2120px}.baCountry-KYD{background-position:0 -2140px}.baCountry-KZT{background-position:0 -2160px}.baCountry-LBP{background-position:0 -2180px}.baCountry-LI{background-position:0 -2200px}.baCountry-LKR{background-position:0 -2220px}.baCountry-LRD{background-position:0 -2240px}.baCountry-LSL{background-position:0 -2260px}.baCountry-LT{background-position:0 -2280px}.baCountry-LU{background-position:0 -2300px}.baCountry-LV{background-position:0 -2320px}.baCountry-LYD{background-position:0 -2340px}.baCountry-MAD{background-position:0 -2360px}.baCountry-MC{background-position:0 -2380px}.baCountry-MDL{background-position:0 -2400px}
686.baCountry-ME{background-position:0 -2420px}.baCountry-MGA{background-position:0 -2440px}.baCountry-MKD{background-position:0 -2460px}.baCountry-ML{background-position:0 -2480px}.baCountry-MMK{background-position:0 -2500px}.baCountry-MN{background-position:0 -2520px}.baCountry-MOP{background-position:0 -2540px}.baCountry-MQ{background-position:0 -2560px}.baCountry-MR{background-position:0 -2580px}.baCountry-MS{background-position:0 -2600px}.baCountry-MT{background-position:0 -2620px}.baCountry-MUR{background-position:0 -2640px}.baCountry-MVR{background-position:0 -2660px}.baCountry-MWK{background-position:0 -2680px}.baCountry-MXN{background-position:0 -2700px}.baCountry-MYR{background-position:0 -2720px}.baCountry-MZN{background-position:0 -2740px}.baCountry-NAD{background-position:0 -2760px}.baCountry-NE{background-position:0 -2780px}.baCountry-NF{background-position:0 -2800px}.baCountry-NG{background-position:0 -2820px}.baCountry-NIO{background-position:0 -2840px}.baCountry-NL{background-position:0 -2860px}.baCountry-NOK{background-position:0 -2880px}.baCountry-NPR{background-position:0 -2900px}.baCountry-NR{background-position:0 -2920px}.baCountry-NU{background-position:0 -2940px}.baCountry-NZD{background-position:0 -2960px}.baCountry-OMR{background-position:0 -2980px}.baCountry-PAB{background-position:0 -3000px}.baCountry-PEN{background-position:0 -3020px}.baCountry-PGK{background-position:0 -3040px}.baCountry-PHP{background-position:0 -3060px}.baCountry-PKR{background-position:0 -3080px}.baCountry-PLN{background-position:0 -3100px}.baCountry-PR{background-position:0 -3120px}.baCountry-PS{background-position:0 -3140px}.baCountry-PT{background-position:0 -3160px}.baCountry-PW{background-position:0 -3180px}.baCountry-QAR{background-position:0 -3200px}.baCountry-RON{background-position:0 -3220px}.baCountry-RSD{background-position:0 -3240px}.baCountry-RUB{background-position:0 -3260px}.baCountry-RWF{background-position:0 -3280px}.baCountry-SAR{background-position:0 -3300px}.baCountry-SBD{background-position:0 -3320px}.baCountry-SCR{background-position:0 -3340px}.baCountry-SDG{background-position:0 -3360px}.baCountry-SEK{background-position:0 -3380px}.baCountry-SGD{background-position:0 -3400px}.baCountry-SI{background-position:0 -3420px}.baCountry-SK{background-position:0 -3440px}.baCountry-SLL{background-position:0 -3460px}.baCountry-SM{background-position:0 -3480px}.baCountry-SN{background-position:0 -3500px}.baCountry-SO{background-position:0 -3520px}.baCountry-SRD{background-position:0 -3540px}.baCountry-SSP{background-position:0 -3560px}.baCountry-STD{background-position:0 -3580px}.baCountry-SV{background-position:0 -3600px}.baCountry-SYP{background-position:0 -3620px}.baCountry-SZL{background-position:0 -3640px}.baCountry-TC{background-position:0 -3660px}.baCountry-TD{background-position:0 -3680px}.baCountry-TG{background-position:0 -3700px}.baCountry-THB{background-position:0 -3720px}.baCountry-TJS{background-position:0 -3740px}.baCountry-TK{background-position:0 -3760px}.baCountry-TMT{background-position:0 -3780px}.baCountry-TND{background-position:0 -3800px}.baCountry-TOP{background-position:0 -3820px}.baCountry-TRY{background-position:0 -3840px}.baCountry-TTD{background-position:0 -3860px}.baCountry-TWD{background-position:0 -3880px}.baCountry-TZS{background-position:0 -3900px}.baCountry-UAH{background-position:0 -3920px}.baCountry-UGX{background-position:0 -3940px}.baCountry-USD{background-position:0 -3960px}.baCountry-UYU{background-position:0 -3980px}.baCountry-UZS{background-position:0 -4000px}.baCountry-VEF{background-position:0 -4020px}.baCountry-VG{background-position:0 -4040px}.baCountry-VI{background-position:0 -4060px}.baCountry-VND{background-position:0 -4080px}.baCountry-VUV{background-position:0 -4100px}.baCountry-WST{background-position:0 -4120px}.baCountry-XAF{background-position:0 -4140px}.baCountry-XPF{background-position:0 -4160px}.baCountry-YER{background-position:0 -4180px}.baCountry-ZAR{background-position:0 -4200px}.baCountry-ZM{background-position:0 -4220px}.baCountry-ZW{background-position:0 -4240px} 687 .bacurr-checkoutNotice{margin: 3px 10px 0 10px;left: 0;right: 0;text-align: center;} 688 @media (min-width:750px) {.bacurr-checkoutNotice{position: absolute;}} 689</style> 690
691<script> 692 window.baCurr = window.baCurr || {}; 693 window.baCurr.config = {}; window.baCurr.rePeat = function () {}; 694 Object.assign(window.baCurr.config, { 695 "enabled":false, 696 "manual_placement":"", 697 "night_time":false, 698 "round_by_default":false, 699 "display_position":"top_right", 700 "display_position_type":"floating", 701 "custom_code":{"css":""}, 702 "flag_type":"countryandmoney", 703 "flag_design":"modern", 704 "round_style":"none", 705 "round_dec":"", 706 "chosen_cur":[{"USD":"US Dollar (USD)"},{"EUR":"Euro (EUR)"},{"GBP":"British Pound (GBP)"},{"CAD":"Canadian Dollar (CAD)"},{"AED":"United Arab Emirates Dirham (AED)"},{"ALL":"Albanian Lek (ALL)"},{"AFN":"Afghan Afghani (AFN)"},{"AMD":"Armenian Dram (AMD)"},{"AOA":"Angolan Kwanza (AOA)"},{"ARS":"Argentine Peso (ARS)"},{"AUD":"Australian Dollar (AUD)"},{"AWG":"Aruban Florin (AWG)"},{"AZN":"Azerbaijani Manat (AZN)"},{"BIF":"Burundian Franc (BIF)"},{"BBD":"Barbadian Dollar (BBD)"},{"BDT":"Bangladeshi Taka (BDT)"},{"BSD":"Bahamian Dollar (BSD)"},{"BHD":"Bahraini Dinar (BHD)"},{"BMD":"Bermudan Dollar (BMD)"},{"BYN":"Belarusian Ruble (BYN)"},{"BZD":"Belize Dollar (BZD)"},{"BTN":"Bhutanese Ngultrum (BTN)"},{"BAM":"Bosnia-Herzegovina Convertible Mark (BAM)"},{"BRL":"Brazilian Real (BRL)"},{"BOB":"Bolivian Boliviano (BOB)"},{"BWP":"Botswanan Pula (BWP)"},{"BND":"Brunei Dollar (BND)"},{"BGN":"Bulgarian Lev (BGN)"},{"CDF":"Congolese Franc (CDF)"},{"CHF":"Swiss Franc (CHF)"},{"CLP":"Chilean Peso (CLP)"},{"CNY":"Chinese Yuan (CNY)"},{"COP":"Colombian Peso (COP)"},{"CRC":"Costa Rican Colon (CRC)"},{"CZK":"Czech Republic Koruna (CZK)"},{"DJF":"Djiboutian Franc (DJF)"},{"DKK":"Danish Krone (DKK)"},{"DOP":"Dominican Peso (DOP)"},{"DZD":"Algerian Dinar (DZD)"},{"EGP":"Egyptian Pound (EGP)"},{"ETB":"Ethiopian Birr (ETB)"},{"FJD":"Fijian Dollar (FJD)"},{"FKP":"Falkland Islands Pound (FKP)"},{"GIP":"Gibraltar Pound (GIP)"},{"GHS":"Ghanaian Cedi (GHS)"},{"GMD":"Gambian Dalasi (GMD)"},{"GNF":"Guinean Franc (GNF)"},{"GTQ":"Guatemalan Quetzal (GTQ)"},{"GEL":"Georgian Lari (GEL)"},{"HRK":"Croatian Kuna (HRK)"},{"HNL":"Honduran Lempira (HNL)"},{"HKD":"Hong Kong Dollar (HKD)"},{"HTG":"Haitian Gourde (HTG)"},{"HUF":"Hungarian Forint (HUF)"},{"IDR":"Indonesian Rupiah (IDR)"},{"ILS":"Israeli New Shekel (ILS)"},{"ISK":"Icelandic Krona (ISK)"},{"INR":"Indian Rupee (INR)"},{"IQD":"Iraqi Dinar (IQD)"},{"IRR":"Iranian Rial (IRR)"},{"JMD":"Jamaican Dollar (JMD)"},{"JPY":"Japanese Yen (JPY)"},{"JOD":"Jordanian Dinar (JOD)"},{"KES":"Kenyan Shilling (KES)"},{"KGS":"Kyrgystani Som (KGS)"},{"KHR":"Cambodian Riel (KHR)"},{"KMF":"Comorian Franc (KMF)"},{"KRW":"South Korean Won (KRW)"},{"KWD":"Kuwaiti Dinar (KWD)"},{"KYD":"Cayman Islands Dollar (KYD)"},{"KZT":"Kazakhstani Tenge (KZT)"},{"LBP":"Lebanese Pound (LBP)"},{"LKR":"Sri Lankan Rupee (LKR)"},{"LRD":"Liberian Dollar (LRD)"},{"LSL":"Lesotho Loti (LSL)"},{"LYD":"Libyan Dinar (LYD)"},{"MAD":"Moroccan Dirham (MAD)"},{"MDL":"Moldovan Leu (MDL)"},{"MGA":"Malagasy Ariary (MGA)"},{"MMK":"Myanmar Kyat (MMK)"},{"MKD":"Macedonian Denar (MKD)"},{"MOP":"Macanese Pataca (MOP)"},{"MUR":"Mauritian Rupee (MUR)"},{"MVR":"Maldivian Rufiyaa (MVR)"},{"MWK":"Malawian Kwacha (MWK)"},{"MXN":"Mexican Peso (MXN)"},{"MYR":"Malaysian Ringgit (MYR)"},{"MZN":"Mozambican Metical (MZN)"},{"NAD":"Namibian Dollar (NAD)"},{"NPR":"Nepalese Rupee (NPR)"},{"NZD":"New Zealand Dollar (NZD)"},{"NIO":"Nicaraguan Cordoba (NIO)"},{"NOK":"Norwegian Krone (NOK)"},{"OMR":"Omani Rial (OMR)"},{"PAB":"Panamanian Balboa (PAB)"},{"PKR":"Pakistani Rupee (PKR)"},{"PGK":"Papua New Guinean Kina (PGK)"},{"PEN":"Peruvian Nuevo Sol (PEN)"},{"PHP":"Philippine Peso (PHP)"},{"PLN":"Polish Zloty (PLN)"},{"QAR":"Qatari Rial (QAR)"},{"RON":"Romanian Leu (RON)"},{"RUB":"Russian Ruble (RUB)"},{"RWF":"Rwandan Franc (RWF)"},{"SAR":"Saudi Riyal (SAR)"},{"STD":"Sao Tome and Principe Dobra (STD)"},{"RSD":"Serbian Dinar (RSD)"},{"SCR":"Seychellois Rupee (SCR)"},{"SGD":"Singapore Dollar (SGD)"},{"SYP":"Syrian Pound (SYP)"},{"SEK":"Swedish Krona (SEK)"},{"TWD":"New Taiwan Dollar (TWD)"},{"THB":"Thai Baht (THB)"},{"TZS":"Tanzanian Shilling (TZS)"},{"TTD":"Trinidad and Tobago Dollar (TTD)"},{"TND":"Tunisian Dinar (TND)"},{"TRY":"Turkish Lira (TRY)"},{"SBD":"Solomon Islands Dollar (SBD)"},{"SDG":"Sudanese Pound (SDG)"},{"SLL":"Sierra Leonean Leone (SLL)"},{"SRD":"Surinamese Dollar (SRD)"},{"SZL":"Swazi Lilangeni (SZL)"},{"TJS":"Tajikistani Somoni (TJS)"},{"TOP":"Tongan PaÊ»anga (TOP)"},{"TMT":"Turkmenistani Manat (TMT)"},{"UAH":"Ukrainian Hryvnia (UAH)"},{"UGX":"Ugandan Shilling (UGX)"},{"UYU":"Uruguayan Peso (UYU)"},{"UZS":"Uzbekistan Som (UZS)"},{"VEF":"Venezuelan Bolivar (VEF)"},{"VND":"Vietnamese Dong (VND)"},{"VUV":"Vanuatu Vatu (VUV)"},{"WST":"Samoan Tala (WST)"},{"XAF":"Central African CFA Franc (XAF)"},{"XPF":"CFP Franc (XPF)"},{"YER":"Yemeni Rial (YER)"},{"ZAR":"South African Rand (ZAR)"}], 707 "desktop_visible":false, 708 "mob_visible":false, 709 "money_mouse_show":false, 710 "textColor":"", 711 "flag_theme":"default", 712 "selector_hover_hex":"", 713 "lightning":false, 714 "mob_manual_placement":"", 715 "mob_placement":"bottom_left", 716 "mob_placement_type":"floating", 717 "moneyWithCurrencyFormat":false, 718 "ui_style":"default", 719 "user_curr":"", 720 "auto_loc":true, 721 "auto_pref":false, 722 "selector_bg_hex":"", 723 "selector_border_type":"noBorder", 724 "cart_alert_bg_hex":"", 725 "cart_alert_note":"", 726 "cart_alert_state":true, 727 "cart_alert_font_hex":"" 728 },{ 729 money_format: "â±{{amount}}", 730 money_with_currency_format: "â±{{amount}} PHP", 731 user_curr: "PHP" 732 }); 733 window.baCurr.config.multi_curr = []; 734 735 window.baCurr.config.final_currency = "PHP" || ''; 736 window.baCurr.config.multi_curr = "PHP".split(',') || ''; 737 738 (function(window, document) {"use strict"; 739 function onload(){ 740 function insertPopupMessageJs(){ 741 var head = document.getElementsByTagName('head')[0]; 742 var script = document.createElement('script'); 743 script.src = ('https:' == document.location.protocol ? 'https://' : 'http://') + 'currency.boosterapps.com/preview_curr.js'; 744 script.type = 'text/javascript'; 745 head.appendChild(script); 746 } 747 748 if(document.location.search.indexOf("preview_cur=1") > -1){ 749 setTimeout(function(){ 750 window.currency_preview_result = document.getElementById("baCurrSelector").length > 0 ? 'success' : 'error'; 751 insertPopupMessageJs(); 752 }, 1000); 753 } 754 } 755 756 var head = document.getElementsByTagName('head')[0]; 757 var script = document.createElement('script'); 758 script.src = ('https:' == document.location.protocol ? 'https://' : 'http://') + ""; 759 script.type = 'text/javascript'; 760 script.onload = script.onreadystatechange = function() { 761 if (script.readyState) { 762 if (script.readyState === 'complete' || script.readyState === 'loaded') { 763 script.onreadystatechange = null; 764 onload(); 765 } 766 } 767 else { 768 onload(); 769 } 770 }; 771 head.appendChild(script); 772 773 }(window, document)); 774</script>
774 775 776 777 <!--Add new featured-collection style--> 778 779 <style> 780 //Anti bootstrap default 781 dl, ol, p, .collection ul{ 782 margin-top: 1em; 783 margin-block-start: 1em; 784 } 785 786 .collection ul{ 787 margin-top: 1em !important; 788 margin-block-start: 1em !important; 789 } 790 791 .shopify-section.section.featured_collection__section, 792 .shopify-section.section.multicolumn__section{ 793 padding-left: 20px; 794 padding-right: 20px; 795 } 796 797 @media (min-width: 1200px) { 798 .container { 799 max-width: 1940px; 800 } 801 } 802 </style> 803 804 805<!-- Start of Judge.me Core --> 806<link rel="dns-prefetch" href="https://cdn.judge.me/">
807<script data-cfasync='false' class='jdgm-settings-script'>window.jdgmSettings={"pagination":5,"disable_web_reviews":true,"badge_no_review_text":"No reviews","badge_n_reviews_text":"{{ n }} review/reviews","hide_badge_preview_if_no_reviews":true,"badge_hide_text":false,"enforce_center_preview_badge":false,"widget_title":"Customer Reviews","widget_open_form_text":"Write a review","widget_close_form_text":"Cancel review","widget_refresh_page_text":"Refresh page","widget_summary_text":"Based on {{ number_of_reviews }} review/reviews","widget_no_review_text":"Be the first to write a review","widget_name_field_text":"Display name","widget_verified_name_field_text":"Verified Name (public)","widget_name_placeholder_text":"Display name","widget_required_field_error_text":"This field is required.","widget_email_field_text":"Email address","widget_verified_email_field_text":"Verified Email (private, can not be edited)","widget_email_placeholder_text":"Your email address","widget_email_field_error_text":"Please enter a valid email address.","widget_rating_field_text":"Rating","widget_review_title_field_text":"Review Title","widget_review_title_placeholder_text":"Give your review a title","widget_review_body_field_text":"Review content","widget_review_body_placeholder_text":"Start writing here...","widget_pictures_field_text":"Picture/Video (optional)","widget_submit_review_text":"Submit Review","widget_submit_verified_review_text":"Submit Verified Review","widget_submit_success_msg_with_auto_publish":"Thank y
807ou! Please refresh the page in a few moments to see your review. You can remove or edit your review by logging into \u003ca href='https://judge.me/login' target='_blank' rel='nofollow noopener'\u003eJudge.me\u003c/a\u003e","widget_submit_success_msg_no_auto_publish":"Thank you! Your review will be published as soon as it is approved by the shop admin. You can remove or edit your review by logging into \u003ca href='https://judge.me/login' target='_blank' rel='nofollow noopener'\u003eJudge.me\u003c/a\u003e","widget_show_default_reviews_out_of_total_text":"Showing {{ n_reviews_shown }} out of {{ n_reviews }} reviews.","widget_show_all_link_text":"Show all","widget_show_less_link_text":"Show less","widget_author_said_text":"{{ reviewer_name }} said:","widget_days_text":"{{ n }} days ago","widget_weeks_text":"{{ n }} week/weeks ago","widget_months_text":"{{ n }} month/months ago","widget_years_text":"{{ n }} year/years ago","widget_yesterday_text":"Yesterday","widget_today_text":"Today","widget_replied_text":"\u003e\u003e {{ shop_name }} replied:","widget_read_more_text":"Read more","widget_reviewer_name_as_initial":"","widget_rating_filter_color":"","widget_rating_filter_see_all_text":"See all reviews","widget_sorting_most_recent_text":"Most Recent","widget_sorting_highest_rating_text":"Highest Rating","widget_sorting_lowest_rating_text":"Lowest Rating","widget_sorting_with_pictures_text":"Only Pictures","widget_sorting_most_helpful_text":"Most Helpful","widget_open_question_form_text":"Ask a question","widget_reviews_subtab_text":"Reviews","widget_questions_subtab_text":"Questions","widget_question_label_text":"Question","widget_answer_label_text":"Answer","widget_question_placeholder_text":"Write your question here","widget_submit_question_text":"Submit Question","widget_question_submit_success_text":"Thank you for your question! We will notify you once it gets answered.","verified_badge_text":"Verified","verified_badge_bg_color":"","verified_badge_text_color":"","verified_badge_placement":"left-of-reviewer-name","widget_review_max_height":"","widget_hide_border":false,"widget_social_share":true,"widget_thumb":true,"widget_review_location_show":true,"widget_location_format":"state_only","all_reviews_include_out_of_store_products":true,"all_reviews_out_of_store_text":"(out of store)","all_reviews_pagination":100,"all_reviews_product_name_prefix_text":"about","enable_review_pictures":true,"enable_question_anwser":false,"widget_theme":"","review_date_format":"mm/dd/yyyy","default_sort_method":"highest-rating","widget_product_reviews_subtab_text":"Product Reviews","widget_shop_reviews_subtab_text":"Shop Reviews","widget_other_products_reviews_text":"Reviews for other products","widget_store_reviews_subtab_text":"Store reviews","widget_no_store_reviews_text":"This store hasn't received any reviews yet","widget_web_restriction_product_reviews_text":"This product hasn't received any reviews yet","widget_no_items_text":"No items found","widget_show_more_text":"Show more","widget_write_a_store_review_text":"Write a Store Review","widget_other_languages_heading":"Reviews in Other Languages","widget_translate_review_text":"Translate review to {{ language }}","widget_translating_review_text":"Translating...","widget_show_original_translation_text":"Show original ({{ language }})","widget_translate_review_failed_text":"Review couldn't be translated.","widget_translate_review_retry_text":"Retry","widget_translate_review_try_again_later_text":"Try again later","show_product_url_for_grouped_product":false,"widget_sorting_pictures_first_text":"Pictures First","show_pictures_on_all_rev_page_mobile":false,"show_pictures_on_all_rev_page_desktop":false,"floating_tab_hide_mobile_install_preference":false,"floating_tab_button_name":"â
Reviews","floating_tab_title":"Let customers speak for us","floating_tab_button_color":"","floating_tab_button_background_color":"","floating_tab_url":"","floating_tab_url_enabled":true,"floating_tab_tab_style":"text","all_reviews_text_badge_text":"Customers rate us {{ shop.metafields.judgeme.all_reviews_rating | round: 1 }}/5 based on {{ shop.metafields.judgeme.all_reviews_count }} reviews.","all_reviews_text_badge_text_branded_style":"{{ shop.metafields.judgeme.all_reviews_rating | round: 1 }} out of 5 stars based on {{ shop.metafields.judgeme.all_reviews_count }} reviews","is_all_reviews_text_badge_a_link":false,"show_stars_for_all_reviews_text_badge":false,"all_reviews_text_badge_url":"","all_reviews_text_style":"text","all_reviews_text_color_style":"judgeme_brand_color","all_reviews_text_color":"#108474","all_reviews_text_show_jm_brand":true,"featured_carousel_show_header":true,"featured_carousel_title":"Let customers speak for us","testimonials_carousel_title":"Customers are saying","videos_carousel_title":"Real customer stories","cards_carousel_title":"Customers are saying","featured_carousel_count_text":"from {{ n }} reviews","featured_carousel_add_link_to_all_reviews_page":false,"featured_carousel_url":"","featured_carousel_show_images":true,"featured_carousel_autoslide_interval":5,"featured_carousel_arrows_on_the_sides":false,"featured_carousel_height":250,"featured_carousel_width":80,"featured_carousel_image_size":0,"featured_carousel_image_height":250,"featured_carousel_arrow_color":"#eeeeee","verified_count_badge_style":"vintage","verified_count_badge_orientation":"horizontal","verified_count_badge_color_style":"judgeme_brand_color","verified_count_badge_color":"#108474","is_verified_count_badge_a_link":false,"verified_count_badge_url":"","verified_count_badge_show_jm_brand":true,"widget_rating_preset_default":5,"widget_first_sub_tab":"product-reviews","widget_show_histogram":true,"widget_histogram_use_custom_color":false,"widget_pagination_use_custom_color":false,"widget_star_use_custom_color":false,"widget_verified_badge_use_custom_color":false,"widget_write_review_use_custom_color":false,"picture_reminder_submit_button":"Upload Pictures","enable_review_videos":true,"mute_video_by_default":false,"widget_sorting_videos_first_text":"Videos First","widget_review_pending_text":"Pending","featured_carousel_items_for_large_screen":3,"social_share_options_order":"Facebook","remove_microdata_snippet":true,"disable_json_ld":false,"enable_json_ld_products":false,"preview_badge_show_question_text":false,"preview_badge_no_question_text":"No questions","preview_badge_n_question_text":"{{ number_of_questions }} question/questions","qa_badge_show_icon":false,"qa_badge_position":"same-row","remove_judgeme_branding":true,"widget_add_search_bar":false,"widget_search_bar_placeholder":"Search","widget_sorting_verified_only_text":"Verified only","featured_carousel_theme":"default","featured_carousel_show_rating":true,"featured_carousel_show_title":true,"featured_carousel_show_body":true,"featured_carousel_show_date":false,"featured_carousel_show_reviewer":true,"featured_carousel_show_product":false,"featured_carousel_header_background_color":"#108474","featured_carousel_header_text_color":"#ffffff","featured_carousel_name_product_separator":"reviewed","featured_carousel_full_star_background":"#108474","featured_carousel_empty_star_background":"#dadada","featured_carousel_vertical_theme_background":"#f9fafb","featured_carousel_verified_badge_enable":false,"featured_carousel_verified_badge_color":"#108474","featured_carousel_border_style":"round","featured_carousel_review_line_length_limit":3,"featured_carousel_more_reviews_button_text":"Read more reviews","featured_carousel_view_product_button_text":"View product","all_reviews_page_load_reviews_on":"scroll","all_reviews_page_load_more_text":"Load More Reviews","disable_fb_tab_reviews":true,"enable_ajax_cdn_cache":false,"widget_public_name_text":"displayed publicly like","default_reviewer_name":"John Smith","default_reviewer_name_has_non_latin":true,"widget_reviewer_anonymous":"Anonymous","medals_widget_title":"Judge.me Review Medals","medals_widget_background_color":"#f9fafb","medals_widget_position":"footer_all_pages","medals_widget_border_color":"#f9fafb","medals_widget_verified_text_position":"left","medals_widget_use_monochromatic_version":false,"medals_widget_elements_color":"#108474","show_reviewer_avatar":false,"widget_invalid_yt_video_url_error_text":"Not a YouTube video URL","widget_max_length_field_error_text":"Please enter no more than {0} characters.","widget_show_country_flag":true,"widget_show_collected_via_shop_app":true,"widget_verified_by_shop_badge_style":"light","widget_verified_by_shop_text":"Verified by Shop","widget_show_photo_gallery":false,"widget_load_with_code_splitting":true,"widget_ugc_install_preference":false,"widget_ugc_title":"Made by us, Shared by you","widget_ugc_subt
807itle":"Tag us to see your picture featured in our page","widget_ugc_arrows_color":"#ffffff","widget_ugc_primary_button_text":"Buy Now","widget_ugc_primary_button_background_color":"#108474","widget_ugc_primary_button_text_color":"#ffffff","widget_ugc_primary_button_border_width":"0","widget_ugc_primary_button_border_style":"none","widget_ugc_primary_button_border_color":"#108474","widget_ugc_primary_button_border_radius":"25","widget_ugc_secondary_button_text":"Load More","widget_ugc_secondary_button_background_color":"#ffffff","widget_ugc_secondary_button_text_color":"#108474","widget_ugc_secondary_button_border_width":"2","widget_ugc_secondary_button_border_style":"solid","widget_ugc_secondary_button_border_color":"#108474","widget_ugc_secondary_button_border_radius":"25","widget_ugc_reviews_button_text":"View Reviews","widget_ugc_reviews_button_background_color":"#ffffff","widget_ugc_reviews_button_text_color":"#108474","widget_ugc_reviews_button_border_width":"2","widget_ugc_reviews_button_border_style":"solid","widget_ugc_reviews_button_border_color":"#108474","widget_ugc_reviews_button_border_radius":"25","widget_ugc_reviews_button_link_to":"judgeme-reviews-page","widget_ugc_show_post_date":true,"widget_ugc_max_width":"800","widget_rating_metafield_value_type":true,"widget_primary_color":"#108474","widget_enable_secondary_color":false,"widget_secondary_color":"#edf5f5","widget_summary_average_rating_text":"{{ average_rating }} out of 5","widget_media_grid_title":"Customer photos \u0026 videos","widget_media_grid_see_more_text":"See more","widget_round_style":false,"widget_show_product_medals":true,"widget_verified_by_judgeme_text":"Verified by Judge.me","widget_show_store_medals":true,"widget_verified_by_judgeme_text_in_store_medals":"Verified by Judge.me","widget_media_field_exceed_quantity_message":"Sorry, we can only accept {{ max_media }} for one review.","widget_media_field_exceed_limit_message":"{{ file_name }} is too large, please select a {{ media_type }} less than {{ size_limit }}MB.","widget_review_submitted_text":"Review Submitted!","widget_question_submitted_text":"Question Submitted!","widget_close_form_text_question":"Cancel","widget_write_your_answer_here_text":"Write your answer here","widget_enabled_branded_link":true,"widget_show_collected_by_judgeme":false,"widget_reviewer_name_color":"","widget_write_review_text_color":"","widget_write_review_bg_color":"","widget_collected_by_judgeme_text":"collected by Judge.me","widget_pagination_type":"standard","widget_load_more_text":"Load More","widget_load_more_color":"#108474","widget_full_review_text":"Full Review","widget_read_more_reviews_text":"Read More Reviews","widget_read_questions_text":"Read Questions","widget_questions_and_answers_text":"Questions \u0026 Answers","widget_verified_by_text":"Verified by","widget_verified_text":"Verified","widget_number_of_reviews_text":"{{ number_of_reviews }} reviews","widget_back_button_text":"Back","widget_next_button_text":"Next","widget_custom_forms_filter_button":"Filters","custom_forms_style":"vertical","widget_show_review_information":false,"how_reviews_are_collected":"How reviews are collected?","widget_show_review_keywords":false,"widget_gdpr_statement":"How we use your data: We'll only contact you about the review you left, and only if necessary. By submitting your review, you agree to Judge.me's \u003ca href='https://judge.me/terms' target='_blank' rel='nofollow noopener'\u003eterms\u003c/a\u003e, \u003ca href='https://judge.me/privacy' target='_blank' rel='nofollow noopener'\u003eprivacy\u003c/a\u003e and \u003ca href='https://judge.me/content-policy' target='_blank' rel='nofollow noopener'\u003econtent\u003c/a\u003e policies.","widget_multilingual_sorting_enabled":false,"widget_translate_review_content_enabled":false,"widget_translate_review_content_method":"manual","popup_widget_review_selection":"automatically_with_pictures","popup_widget_round_border_style":true,"popup_widget_show_title":true,"popup_widget_show_body":true,"popup_widget_show_reviewer":false,"popup_widget_show_product":true,"popup_widget_show_pictures":true,"popup_widget_use_review_picture":true,"popup_widget_show_on_home_page":true,"popup_widget_show_on_product_page":true,"popup_widget_show_on_collection_page":true,"popup_widget_show_on_cart_page":true,"popup_widget_position":"bottom_left","popup_widget_first_review_delay":5,"popup_widget_duration":5,"popup_widget_interval":5,"popup_widget_review_count":5,"popup_widget_hide_on_mobile":true,"review_snippet_widget_round_border_style":true,"review_snippet_widget_card_color":"#FFFFFF","review_snippet_widget_slider_arrows_background_color":"#FFFFFF","review_snippet_widget_slider_arrows_color":"#000000","review_snippet_widget_star_color":"#108474","show_product_variant":false,"all_reviews_product_variant_label_text":"Variant: ","widget_show_verified_branding":false,"widget_ai_summary_title":"Customers say","widget_ai_summary_disclaimer":"AI-powered review summary based on recent customer reviews","widget_show_ai_summary":false,"widget_show_ai_summary_bg":false,"widget_show_review_title_input":true,"redirect_reviewers_invited_via_email":"review_widget","request_store_review_after_product_review":false,"request_review_other_products_in_order":false,"review_form_color_scheme":"default","review_form_corner_style":"square","review_form_star_color":{},"review_form_text_color":"#333333","review_form_background_color":"#ffffff","review_form_field_background_color":"#fafafa","review_form_button_color":{},"review_form_button_text_color":"#ffffff","review_form_modal_overlay_color":"#000000","review_content_screen_title_text":"How would you rate this product?","review_content_introduction_text":"We would love it if you would share a bit about your experience.","store_review_form_title_text":"How would you rate this store?","store_review_form_introduction_text":"We would love it if you would share a bit about your experience.","show_review_guidance_text":true,"one_star_review_guidance_text":"Poor","five_star_review_guidance_text":"Great","customer_information_screen_title_text":"About you","customer_information_introduction_text":"Please tell us more about you.","custom_questions_screen_title_text":"Your experience in more detail","custom_questions_introduction_text":"Here are a few questions to help us understand more about your experience.","review_submitted_screen_title_text":"Thanks for your review!","review_submitted_screen_thank_you_text":"We are processing it and it will appear on the store soon.","review_submitted_screen_email_verification_text":"Please confirm your email by clicking the link we just sent you. This helps us keep reviews authentic.","review_submitted_request_store_review_text":"Would you like to share your experience of shopping with us?","review_submitted_review_other_products_text":"Would you like to review these products?","store_review_screen_title_text":"Would you like to share your experience of shopping with us?","store_review_introduction_text":"We value your feedback and use it to improve. Please share any thoughts or suggestions you have.","reviewer_media_screen_title_picture_text":"Share a picture","reviewer_media_introduction_picture_text":"Upload a photo to support your review.","reviewer_media_screen_title_video_text":"Share a video","reviewer_media_introduction_video_text":"Upload a video to support your review.","reviewer_media_screen_title_picture_or_video_text":"Share a picture or video","reviewer_media_introduction_picture_or_video_text":"Upload a photo or video to support your review.","reviewer_media_
807youtube_url_text":"Paste your Youtube URL here","advanced_settings_next_step_button_text":"Next","advanced_settings_close_review_button_text":"Close","modal_write_review_flow":false,"write_review_flow_required_text":"Required","write_review_flow_privacy_message_text":"We respect your privacy.","write_review_flow_anonymous_text":"Post review as anonymous","write_review_flow_visibility_text":"This won't be visible to other customers.","write_review_flow_multiple_selection_help_text":"Select as many as you like","write_review_flow_single_selection_help_text":"Select one option","write_review_flow_required_field_error_text":"This field is required","write_review_flow_invalid_email_error_text":"Please enter a valid email address","write_review_flow_max_length_error_text":"Max. {{ max_length }} characters.","write_review_flow_media_upload_text":"\u003cb\u003eClick to upload\u003c/b\u003e or drag and drop","write_review_flow_gdpr_statement":"We'll only contact you about your review if necessary. By submitting your review, you agree to our \u003ca href='https://judge.me/terms' target='_blank' rel='nofollow noopener'\u003eterms and conditions\u003c/a\u003e and \u003ca href='https://judge.me/privacy' target='_blank' rel='nofollow noopener'\u003eprivacy policy\u003c/a\u003e.","rating_only_reviews_enabled":false,"show_negative_reviews_help_screen":false,"new_review_flow_help_screen_rating_threshold":3,"negative_review_resolution_screen_title_text":"Tell us more","negative_review_resolution_text":"Your experience matters to us. If there were issues with your purchase, we're here to help. Feel free to reach out to us, we'd love the opportunity to make things right.","negative_review_resolution_button_text":"Contact us","negative_review_resolution_proceed_with_review_text":"Leave a review","negative_review_resolution_subject":"Issue with purchase from {{ shop_name }}.{{ order_name }}","preview_badge_collection_page_install_status":false,"widget_review_custom_css":"","preview_badge_custom_css":"","preview_badge_stars_count":"5-stars","featured_carousel_custom_css":"","floating_tab_custom_css":"","all_reviews_widget_custom_css":"","medals_widget_custom_css":"","verified_badge_custom_css":"","all_reviews_text_custom_css":"","transparency_badges_collected_via_store_invite":false,"transparency_badges_from_another_provider":false,"transparency_badges_collected_from_store_visitor":false,"transparency_badges_collected_by_verified_review_provider":false,"transparency_badges_earned_reward":false,"transparency_badges_collected_via_store_invite_text":"Review collected via store invitation","transparency_badges_from_another_provider_text":"Review collected from another provider","transparency_badges_collected_from_store_visitor_text":"Review collected from a store visitor","transparency_badges_written_in_google_text":"Review written in Google","transparency_badges_written_in_etsy_text":"Review written in Etsy","transparency_badges_written_in_shop_app_text":"Review written in Shop App","transparency_badges_earned_reward_text":"Review earned a reward for future purchase","product_review_widget_per_page":10,"widget_store_review_label_text":"Review about the store","checkout_comment_extension_title_on_product_page":"Customer Comments","checkout_comment_extension_num_latest_comment_show":5,"checkout_comment_extension_format":"name_and_timestamp","checkout_comment_customer_name":"last_initial","checkout_comment_comment_notification":true,"preview_badge_collection_page_install_preference":false,"preview_badge_home_page_install_preference":true,"preview_badge_product_page_install_preference":false,"review_widget_install_preference":"","review_carousel_install_preference":false,"floating_reviews_tab_install_preference":"none","verified_reviews_count_badge_install_preference":false,"all_reviews_text_install_preference":false,"review_widget_best_location":true,"judgeme_medals_install_preference":false,"review_widget_revamp_enabled":false,"review_widget_qna_enabled":false,"review_widget_header_theme":"minimal","review_widget_widget_title_enabled":true,"review_widget_header_text_size":"medium","review_widget_header_text_weight":"regular","review_widget_average_rating_style":"compact","review_widget_bar_chart_enabled":true,"review_widget_bar_chart_type":"numbers","review_widget_bar_chart_style":"standard","review_widget_expanded_media_gallery_enabled":false,"review_widget_reviews_section_theme":"standard","review_widget_image_style":"thumbnails","review_widget_review_image_ratio":"square","review_widget_stars_size":"medium","review_widget_verified_badge":"standard_text","review_widget_review_title_text_size":"medium","review_widget_review_text_size":"medium","review_widget_review_text_length":"medium","review_widget_number_of_columns_desktop":3,"review_widget_carousel_transition_speed":5,"review_widget_custom_questions_answers_display":"always","review_widget_button_text_color":"#FFFFFF","review_widget_text_color":"#000000","review_widget_lighter_text_color":"#7B7B7B","review_widget_corner_styling":"soft","review_widget_review_word_singular":"review","review_widget_review_word_plural"
807:"reviews","review_widget_voting_label":"Helpful?","review_widget_shop_reply_label":"Reply from {{ shop_name }}:","review_widget_filters_title":"Filters","qna_widget_question_word_singular":"Question","qna_widget_question_word_plural":"Questions","qna_widget_answer_reply_label":"Answer from {{ answerer_name }}:","qna_content_screen_title_text":"Ask a question about this product","qna_widget_question_required_field_error_text":"Please enter your question.","qna_widget_flow_gdpr_statement":"We'll only contact you about your question if necessary. By submitting your question, you agree to our \u003ca href='https://judge.me/terms' target='_blank' rel='nofollow noopener'\u003eterms and conditions\u003c/a\u003e and \u003ca href='https://judge.me/privacy' target='_blank' rel='nofollow noopener'\u003eprivacy policy\u003c/a\u003e.","qna_widget_question_submitted_text":"Thanks for your question!","qna_widget_close_form_text_question":"Close","qna_widget_question_submit_success_text":"Weâll notify you by email when your question is answered.","all_reviews_widget_v2025_enabled":false,"all_reviews_widget_v2025_header_theme":"default","all_reviews_widget_v2025_widget_title_enabled":true,"all_reviews_widget_v2025_header_text_size":"medium","all_reviews_widget_v2025_header_text_weight":"regular","all_reviews_widget_v2025_average_rating_style":"compact","all_reviews_widget_v2025_bar_chart_enabled":true,"all_reviews_widget_v2025_bar_chart_type":"numbers","all_reviews_widget_v2025_bar_chart_style":"standard","all_reviews_widget_v2025_expanded_media_gallery_enabled":false,"all_reviews_widget_v2025_show_store_medals":true,"all_reviews_widget_v2025_show_photo_gallery":true,"all_reviews_widget_v2025_show_review_keywords":false,"all_reviews_widget_v2025_show_ai_summary":false,"all_reviews_widget_v2025_show_ai_summary_bg":false,"all_reviews_widget_v2025_add_search_bar":false,"all_reviews_widget_v2025_default_sort_method":"most-recent","all_reviews_widget_v2025_reviews_per_page":10,"all_reviews_widget_v2025_reviews_section_theme":"default","all_reviews_widget_v2025_image_style":"thumbnails","all_reviews_widget_v2025_review_image_ratio":"square","all_reviews_widget_v2025_stars_size":"medium","all_reviews_widget_v2025_verified_badge":"bold_badge","all_reviews_widget_v2025_review_title_text_size":"medium","all_reviews_widget_v2025_review_text_size":"medium","all_reviews_widget_v2025_review_text_length":"medium","all_reviews_widget_v2025_number_of_columns_desktop":3,"all_reviews_widget_v2025_carousel_transition_speed":5,"all_reviews_widget_v2025_custom_questions_answers_display":"always","all_reviews_widget_v2025_show_product_variant":false,"all_reviews_widget_v2025_show_reviewer_avatar":true,"all_reviews_widget_v2025_reviewer_name_as_initial":"","all_reviews_widget_v2025_review_location_show":false,"all_reviews_widget_v2025_location_format":"","all_reviews_widget_v2025_show_country_flag":false,"all_reviews_widget_v2025_verified_by_shop_badge_style":"light","all_reviews_widget_v2025_social_share":false,"all_reviews_widget_v2025_social_share_options_order":"Facebook,Twitter,LinkedIn,Pinterest","all_reviews_widget_v2025_pagination_type":"standard","all_reviews_widget_v2025_button_text_color":"#FFFFFF","all_reviews_widget_v2025_text_color":"#000000","all_reviews_widget_v2025_lighter_text_color":"#7B7B7B","all_reviews_widget_v2025_corner_styling":"soft","all_reviews_widget_v2025_title":"Customer reviews","all_reviews_widget_v2025_ai_summary_title":"Customers say about this store","all_reviews_widget_v2025_no_review_text":"Be the first to write a review","platform":"shopify","branding_url":"https://app.judge.me/reviews/stores/colehaan.com.ph","branding_text":"Powered by Judge.me","locale":"en","reply_name":"Cole Haan Philippines","widget_version":"2.1","footer":true,"autopublish":false,"review_dates":true,"enable_custom_form":false,"shop_use_review_site":true,"shop_locale":"en","enable_multi_locales_translations":true,"show_review_title_input":true,"review_verification_email_status":"never","can_be_branded":true,"reply_name_text":"Cole Haan Philippines"};</script>
807 <style class='jdgm-settings-style'>.jdgm-xx{left:0}.jdgm-widget .jdgm-write-rev-link{display:none}.jdgm-widget .jdgm-rev-widg[data-number-of-reviews='0']{display:none}.jdgm-prev-badge[data-average-rating='0.00']{display:none !important}.jdgm-author-all-initials{display:none !important}.jdgm-author-last-initial{display:none !important}.jdgm-rev-widg__title{visibility:hidden}.jdgm-rev-widg__summary-text{visibility:hidden}.jdgm-prev-badge__text{visibility:hidden}.jdgm-rev__replier:before{content:'Cole Haan Philippines'}.jdgm-rev__prod-link-prefix:before{content:'about'}.jdgm-rev__variant-label:before{content:'Variant: '}.jdgm-rev__out-of-store-text:before{content:'(out of store)'}@media only screen and (min-width: 768px){.jdgm-rev__pics .jdgm-rev_all-rev-page-picture-separator,.jdgm-rev__pics .jdgm-rev__product-picture{display:none}}@media only screen and (max-width: 768px){.jdgm-rev__pics .jdgm-rev_all-rev-page-picture-separator,.jdgm-rev__pics .jdgm-rev__product-picture{display:none}}.jdgm-preview-badge[data-template="product"]{display:none !important}.jdgm-preview-badge[data-template="collection"]{display:none !important}.jdgm-verified-count-badget[data-from-snippet="true"]{display:none !important}.jdgm-carousel-wrapper[data-from-snippet="true"]{display:none !important}.jdgm-all-reviews-text[data-from-snippet="true"]{display:none !important}.jdgm-medals-section[data-from-snippet="true"]{display:none !important}.jdgm-ugc-media-wrapper[data-from-snippet="true"]{display:none !important}.jdgm-rev__transparency-badge[data-badge-type="review_collected_via_store_invitation"]{display:none !important}.jdgm-rev__transparency-badge[data-badge-type="review_collected_from_another_provider"]{display:none !important}.jdgm-rev__transparency-badge[data-badge-type="review_collected_from_store_visitor"]{display:none !important}.jdgm-rev__transparency-badge[data-badge-type="review_written_in_etsy"]{display:none !important}.jdgm-rev__transparency-badge[data-badge-type="review_written_in_google_business"]{display:none !important}.jdgm-rev__transparency-badge[data-badge-type="review_written_in_shop_app"]{display:none !important}.jdgm-rev__transparency-badge[data-badge-type="review_earned_for_future_purchase"]{display:none !important} 808</style> <style class='jdgm-settings-style'></style> 809 810 811 812 813 <style class='jdgm-miracle-styles'> 814 @-webkit-keyframes jdgm-spin{0%{-webkit-transform:rotate(0deg);-ms-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(359deg);-ms-transform:rotate(359deg);transform:rotate(359deg)}}@keyframes jdgm-spin{0%{-webkit-transform:rotate(0deg);-ms-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(359deg);-ms-transform:rotate(359deg);transform:rotate(359deg)}}@font-face{font-family:'JudgemeStar';src:url("data:application/x-font-woff;charset=utf-8;base64,d09GRgABAAAAAAScAA0AAAAABrAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAEgAAAABoAAAAcbyQ+3kdERUYAAARgAAAAHgAAACAAMwAGT1MvMgAAAZgAAABGAAAAVi+vS9xjbWFwAAAB8AAAAEAAAAFKwBMjvmdhc3AAAARYAAAACAAAAAj//wADZ2x5ZgAAAkAAAAEJAAABdH33LXtoZWFkAAABMAAAAC0AAAA2BroQKWhoZWEAAAFgAAAAHAAAACQD5QHQaG10eAAAAeAAAAAPAAAAFAYAAABsb2NhAAACMAAAAA4AAAAOAO4AeG1heHAAAAF8AAAAHAAAACAASgAvbmFtZQAAA0wAAADeAAABkorWfVZwb3N0AAAELAAAACkAAABEp3ubLXgBY2BkYADhPPP4OfH8Nl8ZuJkYQODS2fRrCPr/aSYGxq1ALgcDWBoAO60LkwAAAHgBY2BkYGDc+v80gx4TAwgASaAICmABAFB+Arl4AWNgZGBgYGPQYWBiAAIwyQgWc2AAAwAHVQB6eAFjYGRiYJzAwMrAwejDmMbAwOAOpb8ySDK0MDAwMbByMsCBAAMCBKS5pjA4PGB4wMR44P8BBj3GrQymQGFGkBwAjtgK/gAAeAFjYoAAEA1jAwAAZAAHAHgB3crBCcAwDEPRZydkih567CDdf4ZskmLwFBV8xBfCaC4BXkOUmx4sU0h2ngNb9V0vQCxaRKIAevT7fGWuBrEAAAAAAAAAAAA0AHgAugAAeAF9z79Kw1AUx/FzTm7un6QmJtwmQ5Bg1abgEGr/BAqlU6Gju+Cgg1MkQ/sA7Vj7BOnmO/gUvo2Lo14NqIO6/I
814azfD8HEODtmQCfoANwNsyp2/GJt3WKQrd1NLiYYWx2PBqOsmJMEOznPOTzfSCrhAtbbLdmeFLJV9eKd63WLrZcIcuaEVdssWCKM6pLCfTVOYbz/0pNSMSZKLIZpvh78sAUH6PlMrreTCabP9r+Z/puPZ2ur/RqpQHgh+MIegCnXeM4MRAPjYN//5tj4ZtTjkFqEdmeMShlEJ7tVAly2TAkx6R68Fl4E/aVvn8JqHFQ4JS1434gXKcuL31dDhzs3YbsEOAd/IU88gAAAHgBfY4xTgMxEEVfkk0AgRCioKFxQYd2ZRtpixxgRU2RfhU5q5VWseQ4JdfgAJyBlmNwAM7ABRhZQ0ORwp7nr+eZAa54YwYg9zm3ynPOeFRe8MCrciXOh/KSS76UV5L/iDmrLiS5AeU519wrL3jmSbkS5115yR2fyivJv9kx0ZMZ2RLZw27q87iNQi8EBo5FSPIMw3HqBboi5lKTGAGDp8FKXWP+t9TU01Lj5His1Ba6uM9dTEMwvrFmbf5GC/q2drW3ruXUhhsCiQOjznFlCzYhHUZp4xp76vsvQh89CQAAeAFjYGJABowM6IANLMrEyMTIzMjCXpyRWJBqZshWXJJYBKOMAFHFBucAAAAAAAAB//8AAngBY2BkYGDgA2IJBhBgAvKZGViBJAuYxwAABJsAOgAAeAFjYGBgZACCk535hiD60tn0azAaAEqpB6wAAA==") format("woff");font-weight:normal;font-style:normal}.jdgm-star{font-family:'JudgemeStar';display:inline !important;text-decoration:none !important;padding:0 4px 0 0 !important;margin:0 !important;font-weight:bold;opacity:1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.jdgm-star:hover{opacity:1}.jdgm-star:last-of-type{padding:0 !important}.jdgm-star.jdgm--on:before{content:"\e000"}.jdgm-star.jdgm--off:before{content:"\e001"}.jdgm-star.jdgm--half:before{content:"\e002"}.jdgm-widget *{margin:0;line-height:1.4;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;-webkit-overflow-scrolling:touch}.jdgm-hidden{display:none !important;visibility:hidden !important}.jdgm-temp-hidden{display:none}.jdgm-spinner{width:40px;height:40px;margin:auto;border-radius:50%;border-top:2px solid #eee;border-right:2px solid #eee;border-bottom:2px solid #eee;border-left:2px solid #ccc;-webkit-animation:jdgm-spin 0.8s infinite linear;animation:jdgm-spin 0.8s infinite linear}.jdgm-prev-badge{display:block !important} 815 816</style> 817 818 819 820 821 822 823
824<script data-cfasync='false' class='jdgm-script'> 825!function(e){window.jdgm=window.jdgm||{},jdgm.CDN_HOST="https://cdn.judge.me/", 826jdgm.docReady=function(d){(e.attachEvent?"complete"===e.readyState:"loading"!==e.readyState)? 827setTimeout(d,0):e.addEventListener("DOMContentLoaded",d)},jdgm.loadCSS=function(d,t,o,s){ 828!o&&jdgm.loadCSS.requestedUrls.indexOf(d)>=0||(jdgm.loadCSS.requestedUrls.push(d), 829(s=e.createElement("link")).rel="stylesheet",s.class="jdgm-stylesheet",s.media="nope!", 830s.href=d,s.onload=function(){this.media="all",t&&setTimeout(t)},e.body.appendChild(s))}, 831jdgm.loadCSS.requestedUrls=[],jdgm.loadJS=function(e,d){var t=new XMLHttpRequest; 832t.onreadystatechange=function(){4===t.readyState&&(Function(t.response)(),d&&d(t.response))}, 833t.open("GET",e),t.send()},jdgm.docReady((function(){(window.jdgmLoadCSS||e.querySelectorAll( 834".jdgm-widget, .jdgm-all-reviews-page").length>0)&&(jdgmSettings.widget_load_with_code_splitting? 835parseFloat(jdgmSettings.widget_version)>=3?jdgm.loadCSS(jdgm.CDN_HOST+"widget_v3/base.css"): 836jdgm.loadCSS(jdgm.CDN_HOST+"widget/base.css"):jdgm.loadCSS(jdgm.CDN_HOST+"shopify_v2.css"), 837jdgm.loadJS(jdgm.CDN_HOST+"loader.js"))}))}(document); 838</script>
838 839 840<noscript><link rel="stylesheet" type="text/css" media="all" href="https://cdn.judge.me/shopify_v2.css"></noscript> 841<!-- End of Judge.me Core --> 842 843 844 845 <!-- Facebook Pixel Code --> 846
846<script>
vendor: 471 bytes, lines 846-855
846 847 !function(f,b,e,v,n,t,s) 848 {if(f.fbq)return;n=f.fbq=function(){n.callMethod? 849 n.callMethod.apply(n,arguments):n.queue.push(arguments)}; 850 if(!f._fbq)f._fbq=n;n.push=n;n.loaded=!0;n.version='2.0'; 851 n.queue=[];t=b.createElement(e);t.async=!0; 852 t.src=v;s=b.getElementsByTagName(e)[0]; 853 s.parentNode.insertBefore(t,s)}(window, document,'script', 854 'https://connect.facebook.net/en_US/fbevents.js'); 855 fbq('init', '
855341542523591784
vendor: 44 bytes, lines 855-857
855'); 856 fbq('track', 'PageView'); 857
857</script>
857 858 <noscript 859 ><img 860 height="1" 861 width="1" 862 style="display:none" 863 src="https://www.facebook.com/tr?id=341542523591784&ev=PageView&noscript=1" 864 ></noscript> 865 <!-- End Facebook Pixel Code --> 866 <style> 867 a.button{ 868 overflow: hidden; 869 } 870 </style> 871 <!-- BEGIN app block: shopify://apps/instafeed/blocks/head-block/c447db20-095d-4a10-9725-b5977662c9d5 --><!-- BEGIN app snippet: storefront-script --> 872 873 874 875
875<script src="https://storage.nfcube.com/instafeed-43802963c56fd5ea611abeca55b5e7e8.js" defer></script>
875 876 877 878<!-- END app snippet --> 879 880 881 882 883<!-- END app block --><!-- BEGIN app block: shopify://apps/judge-me-reviews/blocks/judgeme_core/61ccd3b1-a9f2-4160-9fe9-4fec8413e5d8 --><!-- Start of Judge.me Core --> 884 885 886 887 888 889 890 891<link rel="dns-prefetch" href="https://cdn.judge.me"> 892<link rel="dns-prefetch" href="https://cdn1.judge.me"> 893<link rel="dns-prefetch" href="https://api.judge.me"> 894
895<script data-cfasync='false' class='jdgm-settings-script'>window.jdgmSettings={"pagination":5,"disable_web_reviews":true,"badge_no_review_text":"No reviews","badge_n_reviews_text":"{{ n }} review/reviews","hide_badge_preview_if_no_reviews":true,"badge_hide_text":false,"enforce_center_preview_badge":false,"widget_title":"Customer Reviews","widget_open_form_text":"Write a review","widget_close_form_text":"Cancel review","widget_refresh_page_text":"Refresh page","widget_summary_text":"Based on {{ number_of_reviews }} review/reviews","widget_no_review_text":"Be the first to write a review","widget_name_field_text":"Display name","widget_verified_name_field_text":"Verified Name (public)","widget_name_placeholder_text":"Display name","widget_required_field_error_text":"This field is required.","widget_email_field_text":"Email address","widget_verified_email_field_text":"Verified Email (private, can not be edited)","widget_email_placeholder_text":"Your email address","widget_email_field_error_text":"Please enter a valid email address.","widget_rating_field_text":"Rating","widget_review_title_field_text":"Review Title","widget_review_title_placeholder_text":"Give your review a title","widget_review_body_field_text":"Review content","widget_review_body_placeholder_text":"Start writing here...","widget_pictures_field_text":"Picture/Video (optional)","widget_submit_review_text":"Submit Review","widget_submit_verified_review_text":"Submit Verified Review","widget_submit_success_msg_with_auto_publish":"Thank y
895ou! Please refresh the page in a few moments to see your review. You can remove or edit your review by logging into \u003ca href='https://judge.me/login' target='_blank' rel='nofollow noopener'\u003eJudge.me\u003c/a\u003e","widget_submit_success_msg_no_auto_publish":"Thank you! Your review will be published as soon as it is approved by the shop admin. You can remove or edit your review by logging into \u003ca href='https://judge.me/login' target='_blank' rel='nofollow noopener'\u003eJudge.me\u003c/a\u003e","widget_show_default_reviews_out_of_total_text":"Showing {{ n_reviews_shown }} out of {{ n_reviews }} reviews.","widget_show_all_link_text":"Show all","widget_show_less_link_text":"Show less","widget_author_said_text":"{{ reviewer_name }} said:","widget_days_text":"{{ n }} days ago","widget_weeks_text":"{{ n }} week/weeks ago","widget_months_text":"{{ n }} month/months ago","widget_years_text":"{{ n }} year/years ago","widget_yesterday_text":"Yesterday","widget_today_text":"Today","widget_replied_text":"\u003e\u003e {{ shop_name }} replied:","widget_read_more_text":"Read more","widget_reviewer_name_as_initial":"","widget_rating_filter_color":"","widget_rating_filter_see_all_text":"See all reviews","widget_sorting_most_recent_text":"Most Recent","widget_sorting_highest_rating_text":"Highest Rating","widget_sorting_lowest_rating_text":"Lowest Rating","widget_sorting_with_pictures_text":"Only Pictures","widget_sorting_most_helpful_text":"Most Helpful","widget_open_question_form_text":"Ask a question","widget_reviews_subtab_text":"Reviews","widget_questions_subtab_text":"Questions","widget_question_label_text":"Question","widget_answer_label_text":"Answer","widget_question_placeholder_text":"Write your question here","widget_submit_question_text":"Submit Question","widget_question_submit_success_text":"Thank you for your question! We will notify you once it gets answered.","verified_badge_text":"Verified","verified_badge_bg_color":"","verified_badge_text_color":"","verified_badge_placement":"left-of-reviewer-name","widget_review_max_height":"","widget_hide_border":false,"widget_social_share":true,"widget_thumb":true,"widget_review_location_show":true,"widget_location_format":"state_only","all_reviews_include_out_of_store_products":true,"all_reviews_out_of_store_text":"(out of store)","all_reviews_pagination":100,"all_reviews_product_name_prefix_text":"about","enable_review_pictures":true,"enable_question_anwser":false,"widget_theme":"","review_date_format":"mm/dd/yyyy","default_sort_method":"highest-rating","widget_product_reviews_subtab_text":"Product Reviews","widget_shop_reviews_subtab_text":"Shop Reviews","widget_other_products_reviews_text":"Reviews for other products","widget_store_reviews_subtab_text":"Store reviews","widget_no_store_reviews_text":"This store hasn't received any reviews yet","widget_web_restriction_product_reviews_text":"This product hasn't received any reviews yet","widget_no_items_text":"No items found","widget_show_more_text":"Show more","widget_write_a_store_review_text":"Write a Store Review","widget_other_languages_heading":"Reviews in Other Languages","widget_translate_review_text":"Translate review to {{ language }}","widget_translating_review_text":"Translating...","widget_show_original_translation_text":"Show original ({{ language }})","widget_translate_review_failed_text":"Review couldn't be translated.","widget_translate_review_retry_text":"Retry","widget_translate_review_try_again_later_text":"Try again later","show_product_url_for_grouped_product":false,"widget_sorting_pictures_first_text":"Pictures First","show_pictures_on_all_rev_page_mobile":false,"show_pictures_on_all_rev_page_desktop":false,"floating_tab_hide_mobile_install_preference":false,"floating_tab_button_name":"â
Reviews","floating_tab_title":"Let customers speak for us","floating_tab_button_color":"","floating_tab_button_background_color":"","floating_tab_url":"","floating_tab_url_enabled":true,"floating_tab_tab_style":"text","all_reviews_text_badge_text":"Customers rate us {{ shop.metafields.judgeme.all_reviews_rating | round: 1 }}/5 based on {{ shop.metafields.judgeme.all_reviews_count }} reviews.","all_reviews_text_badge_text_branded_style":"{{ shop.metafields.judgeme.all_reviews_rating | round: 1 }} out of 5 stars based on {{ shop.metafields.judgeme.all_reviews_count }} reviews","is_all_reviews_text_badge_a_link":false,"show_stars_for_all_reviews_text_badge":false,"all_reviews_text_badge_url":"","all_reviews_text_style":"text","all_reviews_text_color_style":"judgeme_brand_color","all_reviews_text_color":"#108474","all_reviews_text_show_jm_brand":true,"featured_carousel_show_header":true,"featured_carousel_title":"Let customers speak for us","testimonials_carousel_title":"Customers are saying","videos_carousel_title":"Real customer stories","cards_carousel_title":"Customers are saying","featured_carousel_count_text":"from {{ n }} reviews","featured_carousel_add_link_to_all_reviews_page":false,"featured_carousel_url":"","featured_carousel_show_images":true,"featured_carousel_autoslide_interval":5,"featured_carousel_arrows_on_the_sides":false,"featured_carousel_height":250,"featured_carousel_width":80,"featured_carousel_image_size":0,"featured_carousel_image_height":250,"featured_carousel_arrow_color":"#eeeeee","verified_count_badge_style":"vintage","verified_count_badge_orientation":"horizontal","verified_count_badge_color_style":"judgeme_brand_color","verified_count_badge_color":"#108474","is_verified_count_badge_a_link":false,"verified_count_badge_url":"","verified_count_badge_show_jm_brand":true,"widget_rating_preset_default":5,"widget_first_sub_tab":"product-reviews","widget_show_histogram":true,"widget_histogram_use_custom_color":false,"widget_pagination_use_custom_color":false,"widget_star_use_custom_color":false,"widget_verified_badge_use_custom_color":false,"widget_write_review_use_custom_color":false,"picture_reminder_submit_button":"Upload Pictures","enable_review_videos":true,"mute_video_by_default":false,"widget_sorting_videos_first_text":"Videos First","widget_review_pending_text":"Pending","featured_carousel_items_for_large_screen":3,"social_share_options_order":"Facebook","remove_microdata_snippet":true,"disable_json_ld":false,"enable_json_ld_products":false,"preview_badge_show_question_text":false,"preview_badge_no_question_text":"No questions","preview_badge_n_question_text":"{{ number_of_questions }} question/questions","qa_badge_show_icon":false,"qa_badge_position":"same-row","remove_judgeme_branding":true,"widget_add_search_bar":false,"widget_search_bar_placeholder":"Search","widget_sorting_verified_only_text":"Verified only","featured_carousel_theme":"default","featured_carousel_show_rating":true,"featured_carousel_show_title":true,"featured_carousel_show_body":true,"featured_carousel_show_date":false,"featured_carousel_show_reviewer":true,"featured_carousel_show_product":false,"featured_carousel_header_background_color":"#108474","featured_carousel_header_text_color":"#ffffff","featured_carousel_name_product_separator":"reviewed","featured_carousel_full_star_background":"#108474","featured_carousel_empty_star_background":"#dadada","featured_carousel_vertical_theme_background":"#f9fafb","featured_carousel_verified_badge_enable":false,"featured_carousel_verified_badge_color":"#108474","featured_carousel_border_style":"round","featured_carousel_review_line_length_limit":3,"featured_carousel_more_reviews_button_text":"Read more reviews","featured_carousel_view_product_button_text":"View product","all_reviews_page_load_reviews_on":"scroll","all_reviews_page_load_more_text":"Load More Reviews","disable_fb_tab_reviews":true,"enable_ajax_cdn_cache":false,"widget_public_name_text":"displayed publicly like","default_reviewer_name":"John Smith","default_reviewer_name_has_non_latin":true,"widget_reviewer_anonymous":"Anonymous","medals_widget_title":"Judge.me Review Medals","medals_widget_background_color":"#f9fafb","medals_widget_position":"footer_all_pages","medals_widget_border_color":"#f9fafb","medals_widget_verified_text_position":"left","medals_widget_use_monochromatic_version":false,"medals_widget_elements_color":"#108474","show_reviewer_avatar":false,"widget_invalid_yt_video_url_error_text":"Not a YouTube video URL","widget_max_length_field_error_text":"Please enter no more than {0} characters.","widget_show_country_flag":true,"widget_show_collected_via_shop_app":true,"widget_verified_by_shop_badge_style":"light","widget_verified_by_shop_text":"Verified by Shop","widget_show_photo_gallery":false,"widget_load_with_code_splitting":true,"widget_ugc_install_preference":false,"widget_ugc_title":"Made by us, Shared by you","widget_ugc_subt
895itle":"Tag us to see your picture featured in our page","widget_ugc_arrows_color":"#ffffff","widget_ugc_primary_button_text":"Buy Now","widget_ugc_primary_button_background_color":"#108474","widget_ugc_primary_button_text_color":"#ffffff","widget_ugc_primary_button_border_width":"0","widget_ugc_primary_button_border_style":"none","widget_ugc_primary_button_border_color":"#108474","widget_ugc_primary_button_border_radius":"25","widget_ugc_secondary_button_text":"Load More","widget_ugc_secondary_button_background_color":"#ffffff","widget_ugc_secondary_button_text_color":"#108474","widget_ugc_secondary_button_border_width":"2","widget_ugc_secondary_button_border_style":"solid","widget_ugc_secondary_button_border_color":"#108474","widget_ugc_secondary_button_border_radius":"25","widget_ugc_reviews_button_text":"View Reviews","widget_ugc_reviews_button_background_color":"#ffffff","widget_ugc_reviews_button_text_color":"#108474","widget_ugc_reviews_button_border_width":"2","widget_ugc_reviews_button_border_style":"solid","widget_ugc_reviews_button_border_color":"#108474","widget_ugc_reviews_button_border_radius":"25","widget_ugc_reviews_button_link_to":"judgeme-reviews-page","widget_ugc_show_post_date":true,"widget_ugc_max_width":"800","widget_rating_metafield_value_type":true,"widget_primary_color":"#108474","widget_enable_secondary_color":false,"widget_secondary_color":"#edf5f5","widget_summary_average_rating_text":"{{ average_rating }} out of 5","widget_media_grid_title":"Customer photos \u0026 videos","widget_media_grid_see_more_text":"See more","widget_round_style":false,"widget_show_product_medals":true,"widget_verified_by_judgeme_text":"Verified by Judge.me","widget_show_store_medals":true,"widget_verified_by_judgeme_text_in_store_medals":"Verified by Judge.me","widget_media_field_exceed_quantity_message":"Sorry, we can only accept {{ max_media }} for one review.","widget_media_field_exceed_limit_message":"{{ file_name }} is too large, please select a {{ media_type }} less than {{ size_limit }}MB.","widget_review_submitted_text":"Review Submitted!","widget_question_submitted_text":"Question Submitted!","widget_close_form_text_question":"Cancel","widget_write_your_answer_here_text":"Write your answer here","widget_enabled_branded_link":true,"widget_show_collected_by_judgeme":false,"widget_reviewer_name_color":"","widget_write_review_text_color":"","widget_write_review_bg_color":"","widget_collected_by_judgeme_text":"collected by Judge.me","widget_pagination_type":"standard","widget_load_more_text":"Load More","widget_load_more_color":"#108474","widget_full_review_text":"Full Review","widget_read_more_reviews_text":"Read More Reviews","widget_read_questions_text":"Read Questions","widget_questions_and_answers_text":"Questions \u0026 Answers","widget_verified_by_text":"Verified by","widget_verified_text":"Verified","widget_number_of_reviews_text":"{{ number_of_reviews }} reviews","widget_back_button_text":"Back","widget_next_button_text":"Next","widget_custom_forms_filter_button":"Filters","custom_forms_style":"vertical","widget_show_review_information":false,"how_reviews_are_collected":"How reviews are collected?","widget_show_review_keywords":false,"widget_gdpr_statement":"How we use your data: We'll only contact you about the review you left, and only if necessary. By submitting your review, you agree to Judge.me's \u003ca href='https://judge.me/terms' target='_blank' rel='nofollow noopener'\u003eterms\u003c/a\u003e, \u003ca href='https://judge.me/privacy' target='_blank' rel='nofollow noopener'\u003eprivacy\u003c/a\u003e and \u003ca href='https://judge.me/content-policy' target='_blank' rel='nofollow noopener'\u003econtent\u003c/a\u003e policies.","widget_multilingual_sorting_enabled":false,"widget_translate_review_content_enabled":false,"widget_translate_review_content_method":"manual","popup_widget_review_selection":"automatically_with_pictures","popup_widget_round_border_style":true,"popup_widget_show_title":true,"popup_widget_show_body":true,"popup_widget_show_reviewer":false,"popup_widget_show_product":true,"popup_widget_show_pictures":true,"popup_widget_use_review_picture":true,"popup_widget_show_on_home_page":true,"popup_widget_show_on_product_page":true,"popup_widget_show_on_collection_page":true,"popup_widget_show_on_cart_page":true,"popup_widget_position":"bottom_left","popup_widget_first_review_delay":5,"popup_widget_duration":5,"popup_widget_interval":5,"popup_widget_review_count":5,"popup_widget_hide_on_mobile":true,"review_snippet_widget_round_border_style":true,"review_snippet_widget_card_color":"#FFFFFF","review_snippet_widget_slider_arrows_background_color":"#FFFFFF","review_snippet_widget_slider_arrows_color":"#000000","review_snippet_widget_star_color":"#108474","show_product_variant":false,"all_reviews_product_variant_label_text":"Variant: ","widget_show_verified_branding":false,"widget_ai_summary_title":"Customers say","widget_ai_summary_disclaimer":"AI-powered review summary based on recent customer reviews","widget_show_ai_summary":false,"widget_show_ai_summary_bg":false,"widget_show_review_title_input":true,"redirect_reviewers_invited_via_email":"review_widget","request_store_review_after_product_review":false,"request_review_other_products_in_order":false,"review_form_color_scheme":"default","review_form_corner_style":"square","review_form_star_color":{},"review_form_text_color":"#333333","review_form_background_color":"#ffffff","review_form_field_background_color":"#fafafa","review_form_button_color":{},"review_form_button_text_color":"#ffffff","review_form_modal_overlay_color":"#000000","review_content_screen_title_text":"How would you rate this product?","review_content_introduction_text":"We would love it if you would share a bit about your experience.","store_review_form_title_text":"How would you rate this store?","store_review_form_introduction_text":"We would love it if you would share a bit about your experience.","show_review_guidance_text":true,"one_star_review_guidance_text":"Poor","five_star_review_guidance_text":"Great","customer_information_screen_title_text":"About you","customer_information_introduction_text":"Please tell us more about you.","custom_questions_screen_title_text":"Your experience in more detail","custom_questions_introduction_text":"Here are a few questions to help us understand more about your experience.","review_submitted_screen_title_text":"Thanks for your review!","review_submitted_screen_thank_you_text":"We are processing it and it will appear on the store soon.","review_submitted_screen_email_verification_text":"Please confirm your email by clicking the link we just sent you. This helps us keep reviews authentic.","review_submitted_request_store_review_text":"Would you like to share your experience of shopping with us?","review_submitted_review_other_products_text":"Would you like to review these products?","store_review_screen_title_text":"Would you like to share your experience of shopping with us?","store_review_introduction_text":"We value your feedback and use it to improve. Please share any thoughts or suggestions you have.","reviewer_media_screen_title_picture_text":"Share a picture","reviewer_media_introduction_picture_text":"Upload a photo to support your review.","reviewer_media_screen_title_video_text":"Share a video","reviewer_media_introduction_video_text":"Upload a video to support your review.","reviewer_media_screen_title_picture_or_video_text":"Share a picture or video","reviewer_media_introduction_picture_or_video_text":"Upload a photo or video to support your review.","reviewer_media_
895youtube_url_text":"Paste your Youtube URL here","advanced_settings_next_step_button_text":"Next","advanced_settings_close_review_button_text":"Close","modal_write_review_flow":false,"write_review_flow_required_text":"Required","write_review_flow_privacy_message_text":"We respect your privacy.","write_review_flow_anonymous_text":"Post review as anonymous","write_review_flow_visibility_text":"This won't be visible to other customers.","write_review_flow_multiple_selection_help_text":"Select as many as you like","write_review_flow_single_selection_help_text":"Select one option","write_review_flow_required_field_error_text":"This field is required","write_review_flow_invalid_email_error_text":"Please enter a valid email address","write_review_flow_max_length_error_text":"Max. {{ max_length }} characters.","write_review_flow_media_upload_text":"\u003cb\u003eClick to upload\u003c/b\u003e or drag and drop","write_review_flow_gdpr_statement":"We'll only contact you about your review if necessary. By submitting your review, you agree to our \u003ca href='https://judge.me/terms' target='_blank' rel='nofollow noopener'\u003eterms and conditions\u003c/a\u003e and \u003ca href='https://judge.me/privacy' target='_blank' rel='nofollow noopener'\u003eprivacy policy\u003c/a\u003e.","rating_only_reviews_enabled":false,"show_negative_reviews_help_screen":false,"new_review_flow_help_screen_rating_threshold":3,"negative_review_resolution_screen_title_text":"Tell us more","negative_review_resolution_text":"Your experience matters to us. If there were issues with your purchase, we're here to help. Feel free to reach out to us, we'd love the opportunity to make things right.","negative_review_resolution_button_text":"Contact us","negative_review_resolution_proceed_with_review_text":"Leave a review","negative_review_resolution_subject":"Issue with purchase from {{ shop_name }}.{{ order_name }}","preview_badge_collection_page_install_status":false,"widget_review_custom_css":"","preview_badge_custom_css":"","preview_badge_stars_count":"5-stars","featured_carousel_custom_css":"","floating_tab_custom_css":"","all_reviews_widget_custom_css":"","medals_widget_custom_css":"","verified_badge_custom_css":"","all_reviews_text_custom_css":"","transparency_badges_collected_via_store_invite":false,"transparency_badges_from_another_provider":false,"transparency_badges_collected_from_store_visitor":false,"transparency_badges_collected_by_verified_review_provider":false,"transparency_badges_earned_reward":false,"transparency_badges_collected_via_store_invite_text":"Review collected via store invitation","transparency_badges_from_another_provider_text":"Review collected from another provider","transparency_badges_collected_from_store_visitor_text":"Review collected from a store visitor","transparency_badges_written_in_google_text":"Review written in Google","transparency_badges_written_in_etsy_text":"Review written in Etsy","transparency_badges_written_in_shop_app_text":"Review written in Shop App","transparency_badges_earned_reward_text":"Review earned a reward for future purchase","product_review_widget_per_page":10,"widget_store_review_label_text":"Review about the store","checkout_comment_extension_title_on_product_page":"Customer Comments","checkout_comment_extension_num_latest_comment_show":5,"checkout_comment_extension_format":"name_and_timestamp","checkout_comment_customer_name":"last_initial","checkout_comment_comment_notification":true,"preview_badge_collection_page_install_preference":false,"preview_badge_home_page_install_preference":true,"preview_badge_product_page_install_preference":false,"review_widget_install_preference":"","review_carousel_install_preference":false,"floating_reviews_tab_install_preference":"none","verified_reviews_count_badge_install_preference":false,"all_reviews_text_install_preference":false,"review_widget_best_location":true,"judgeme_medals_install_preference":false,"review_widget_revamp_enabled":false,"review_widget_qna_enabled":false,"review_widget_header_theme":"minimal","review_widget_widget_title_enabled":true,"review_widget_header_text_size":"medium","review_widget_header_text_weight":"regular","review_widget_average_rating_style":"compact","review_widget_bar_chart_enabled":true,"review_widget_bar_chart_type":"numbers","review_widget_bar_chart_style":"standard","review_widget_expanded_media_gallery_enabled":false,"review_widget_reviews_section_theme":"standard","review_widget_image_style":"thumbnails","review_widget_review_image_ratio":"square","review_widget_stars_size":"medium","review_widget_verified_badge":"standard_text","review_widget_review_title_text_size":"medium","review_widget_review_text_size":"medium","review_widget_review_text_length":"medium","review_widget_number_of_columns_desktop":3,"review_widget_carousel_transition_speed":5,"review_widget_custom_questions_answers_display":"always","review_widget_button_text_color":"#FFFFFF","review_widget_text_color":"#000000","review_widget_lighter_text_color":"#7B7B7B","review_widget_corner_styling":"soft","review_widget_review_word_singular":"review","review_widget_review_word_plural"
895:"reviews","review_widget_voting_label":"Helpful?","review_widget_shop_reply_label":"Reply from {{ shop_name }}:","review_widget_filters_title":"Filters","qna_widget_question_word_singular":"Question","qna_widget_question_word_plural":"Questions","qna_widget_answer_reply_label":"Answer from {{ answerer_name }}:","qna_content_screen_title_text":"Ask a question about this product","qna_widget_question_required_field_error_text":"Please enter your question.","qna_widget_flow_gdpr_statement":"We'll only contact you about your question if necessary. By submitting your question, you agree to our \u003ca href='https://judge.me/terms' target='_blank' rel='nofollow noopener'\u003eterms and conditions\u003c/a\u003e and \u003ca href='https://judge.me/privacy' target='_blank' rel='nofollow noopener'\u003eprivacy policy\u003c/a\u003e.","qna_widget_question_submitted_text":"Thanks for your question!","qna_widget_close_form_text_question":"Close","qna_widget_question_submit_success_text":"Weâll notify you by email when your question is answered.","all_reviews_widget_v2025_enabled":false,"all_reviews_widget_v2025_header_theme":"default","all_reviews_widget_v2025_widget_title_enabled":true,"all_reviews_widget_v2025_header_text_size":"medium","all_reviews_widget_v2025_header_text_weight":"regular","all_reviews_widget_v2025_average_rating_style":"compact","all_reviews_widget_v2025_bar_chart_enabled":true,"all_reviews_widget_v2025_bar_chart_type":"numbers","all_reviews_widget_v2025_bar_chart_style":"standard","all_reviews_widget_v2025_expanded_media_gallery_enabled":false,"all_reviews_widget_v2025_show_store_medals":true,"all_reviews_widget_v2025_show_photo_gallery":true,"all_reviews_widget_v2025_show_review_keywords":false,"all_reviews_widget_v2025_show_ai_summary":false,"all_reviews_widget_v2025_show_ai_summary_bg":false,"all_reviews_widget_v2025_add_search_bar":false,"all_reviews_widget_v2025_default_sort_method":"most-recent","all_reviews_widget_v2025_reviews_per_page":10,"all_reviews_widget_v2025_reviews_section_theme":"default","all_reviews_widget_v2025_image_style":"thumbnails","all_reviews_widget_v2025_review_image_ratio":"square","all_reviews_widget_v2025_stars_size":"medium","all_reviews_widget_v2025_verified_badge":"bold_badge","all_reviews_widget_v2025_review_title_text_size":"medium","all_reviews_widget_v2025_review_text_size":"medium","all_reviews_widget_v2025_review_text_length":"medium","all_reviews_widget_v2025_number_of_columns_desktop":3,"all_reviews_widget_v2025_carousel_transition_speed":5,"all_reviews_widget_v2025_custom_questions_answers_display":"always","all_reviews_widget_v2025_show_product_variant":false,"all_reviews_widget_v2025_show_reviewer_avatar":true,"all_reviews_widget_v2025_reviewer_name_as_initial":"","all_reviews_widget_v2025_review_location_show":false,"all_reviews_widget_v2025_location_format":"","all_reviews_widget_v2025_show_country_flag":false,"all_reviews_widget_v2025_verified_by_shop_badge_style":"light","all_reviews_widget_v2025_social_share":false,"all_reviews_widget_v2025_social_share_options_order":"Facebook,Twitter,LinkedIn,Pinterest","all_reviews_widget_v2025_pagination_type":"standard","all_reviews_widget_v2025_button_text_color":"#FFFFFF","all_reviews_widget_v2025_text_color":"#000000","all_reviews_widget_v2025_lighter_text_color":"#7B7B7B","all_reviews_widget_v2025_corner_styling":"soft","all_reviews_widget_v2025_title":"Customer reviews","all_reviews_widget_v2025_ai_summary_title":"Customers say about this store","all_reviews_widget_v2025_no_review_text":"Be the first to write a review","platform":"shopify","branding_url":"https://app.judge.me/reviews/stores/colehaan.com.ph","branding_text":"Powered by Judge.me","locale":"en","reply_name":"Cole Haan Philippines","widget_version":"2.1","footer":true,"autopublish":false,"review_dates":true,"enable_custom_form":false,"shop_use_review_site":true,"shop_locale":"en","enable_multi_locales_translations":true,"show_review_title_input":true,"review_verification_email_status":"never","can_be_branded":true,"reply_name_text":"Cole Haan Philippines"};</script>
895 <style class='jdgm-settings-style'>.jdgm-xx{left:0}.jdgm-widget .jdgm-write-rev-link{display:none}.jdgm-widget .jdgm-rev-widg[data-number-of-reviews='0']{display:none}.jdgm-prev-badge[data-average-rating='0.00']{display:none !important}.jdgm-author-all-initials{display:none !important}.jdgm-author-last-initial{display:none !important}.jdgm-rev-widg__title{visibility:hidden}.jdgm-rev-widg__summary-text{visibility:hidden}.jdgm-prev-badge__text{visibility:hidden}.jdgm-rev__replier:before{content:'Cole Haan Philippines'}.jdgm-rev__prod-link-prefix:before{content:'about'}.jdgm-rev__variant-label:before{content:'Variant: '}.jdgm-rev__out-of-store-text:before{content:'(out of store)'}@media only screen and (min-width: 768px){.jdgm-rev__pics .jdgm-rev_all-rev-page-picture-separator,.jdgm-rev__pics .jdgm-rev__product-picture{display:none}}@media only screen and (max-width: 768px){.jdgm-rev__pics .jdgm-rev_all-rev-page-picture-separator,.jdgm-rev__pics .jdgm-rev__product-picture{display:none}}.jdgm-preview-badge[data-template="product"]{display:none !important}.jdgm-preview-badge[data-template="collection"]{display:none !important}.jdgm-verified-count-badget[data-from-snippet="true"]{display:none !important}.jdgm-carousel-wrapper[data-from-snippet="true"]{display:none !important}.jdgm-all-reviews-text[data-from-snippet="true"]{display:none !important}.jdgm-medals-section[data-from-snippet="true"]{display:none !important}.jdgm-ugc-media-wrapper[data-from-snippet="true"]{display:none !important}.jdgm-rev__transparency-badge[data-badge-type="review_collected_via_store_invitation"]{display:none !important}.jdgm-rev__transparency-badge[data-badge-type="review_collected_from_another_provider"]{display:none !important}.jdgm-rev__transparency-badge[data-badge-type="review_collected_from_store_visitor"]{display:none !important}.jdgm-rev__transparency-badge[data-badge-type="review_written_in_etsy"]{display:none !important}.jdgm-rev__transparency-badge[data-badge-type="review_written_in_google_business"]{display:none !important}.jdgm-rev__transparency-badge[data-badge-type="review_written_in_shop_app"]{display:none !important}.jdgm-rev__transparency-badge[data-badge-type="review_earned_for_future_purchase"]{display:none !important} 896</style> <style class='jdgm-settings-style'></style> 897 898 899 900 901 <style class='jdgm-miracle-styles'> 902 @-webkit-keyframes jdgm-spin{0%{-webkit-transform:rotate(0deg);-ms-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(359deg);-ms-transform:rotate(359deg);transform:rotate(359deg)}}@keyframes jdgm-spin{0%{-webkit-transform:rotate(0deg);-ms-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(359deg);-ms-transform:rotate(359deg);transform:rotate(359deg)}}@font-face{font-family:'JudgemeStar';src:url("data:application/x-font-woff;charset=utf-8;base64,d09GRgABAAAAAAScAA0AAAAABrAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAEgAAAABoAAAAcbyQ+3kdERUYAAARgAAAAHgAAACAAMwAGT1MvMgAAAZgAAABGAAAAVi+vS9xjbWFwAAAB8AAAAEAAAAFKwBMjvmdhc3AAAARYAAAACAAAAAj//wADZ2x5ZgAAAkAAAAEJAAABdH33LXtoZWFkAAABMAAAAC0AAAA2BroQKWhoZWEAAAFgAAAAHAAAACQD5QHQaG10eAAAAeAAAAAPAAAAFAYAAABsb2NhAAACMAAAAA4AAAAOAO4AeG1heHAAAAF8AAAAHAAAACAASgAvbmFtZQAAA0wAAADeAAABkorWfVZwb3N0AAAELAAAACkAAABEp3ubLXgBY2BkYADhPPP4OfH8Nl8ZuJkYQODS2fRrCPr/aSYGxq1ALgcDWBoAO60LkwAAAHgBY2BkYGDc+v80gx4TAwgASaAICmABAFB+Arl4AWNgZGBgYGPQYWBiAAIwyQgWc2AAAwAHVQB6eAFjYGRiYJzAwMrAwejDmMbAwOAOpb8ySDK0MDAwMbByMsCBAAMCBKS5pjA4PGB4wMR44P8BBj3GrQymQGFGkBwAjtgK/gAAeAFjYoAAEA1jAwAAZAAHAHgB3crBCcAwDEPRZydkih567CDdf4ZskmLwFBV8xBfCaC4BXkOUmx4sU0h2ngNb9V0vQCxaRKIAevT7fGWuBrEAAAAAAAAAAAA0AHgAugAAeAF9z79Kw1AUx/FzTm7un6QmJtwmQ5Bg1abgEGr/BAqlU6Gju+Cgg1MkQ/sA7Vj7BOnmO/gUvo2Lo14NqIO6/I
902azfD8HEODtmQCfoANwNsyp2/GJt3WKQrd1NLiYYWx2PBqOsmJMEOznPOTzfSCrhAtbbLdmeFLJV9eKd63WLrZcIcuaEVdssWCKM6pLCfTVOYbz/0pNSMSZKLIZpvh78sAUH6PlMrreTCabP9r+Z/puPZ2ur/RqpQHgh+MIegCnXeM4MRAPjYN//5tj4ZtTjkFqEdmeMShlEJ7tVAly2TAkx6R68Fl4E/aVvn8JqHFQ4JS1434gXKcuL31dDhzs3YbsEOAd/IU88gAAAHgBfY4xTgMxEEVfkk0AgRCioKFxQYd2ZRtpixxgRU2RfhU5q5VWseQ4JdfgAJyBlmNwAM7ABRhZQ0ORwp7nr+eZAa54YwYg9zm3ynPOeFRe8MCrciXOh/KSS76UV5L/iDmrLiS5AeU519wrL3jmSbkS5115yR2fyivJv9kx0ZMZ2RLZw27q87iNQi8EBo5FSPIMw3HqBboi5lKTGAGDp8FKXWP+t9TU01Lj5His1Ba6uM9dTEMwvrFmbf5GC/q2drW3ruXUhhsCiQOjznFlCzYhHUZp4xp76vsvQh89CQAAeAFjYGJABowM6IANLMrEyMTIzMjCXpyRWJBqZshWXJJYBKOMAFHFBucAAAAAAAAB//8AAngBY2BkYGDgA2IJBhBgAvKZGViBJAuYxwAABJsAOgAAeAFjYGBgZACCk535hiD60tn0azAaAEqpB6wAAA==") format("woff");font-weight:normal;font-style:normal}.jdgm-star{font-family:'JudgemeStar';display:inline !important;text-decoration:none !important;padding:0 4px 0 0 !important;margin:0 !important;font-weight:bold;opacity:1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.jdgm-star:hover{opacity:1}.jdgm-star:last-of-type{padding:0 !important}.jdgm-star.jdgm--on:before{content:"\e000"}.jdgm-star.jdgm--off:before{content:"\e001"}.jdgm-star.jdgm--half:before{content:"\e002"}.jdgm-widget *{margin:0;line-height:1.4;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;-webkit-overflow-scrolling:touch}.jdgm-hidden{display:none !important;visibility:hidden !important}.jdgm-temp-hidden{display:none}.jdgm-spinner{width:40px;height:40px;margin:auto;border-radius:50%;border-top:2px solid #eee;border-right:2px solid #eee;border-bottom:2px solid #eee;border-left:2px solid #ccc;-webkit-animation:jdgm-spin 0.8s infinite linear;animation:jdgm-spin 0.8s infinite linear}.jdgm-prev-badge{display:block !important} 903 904</style> 905 906 907 908 909 910 911 912 913
914<script data-cfasync='false' class='jdgm-script'> 915!function(e){window.jdgm=window.jdgm||{}; 916/* INF-1976 */ 917var _jdgmBlocked=function(){var raw=(window.jdgmSettings||{}).hostname_allowlist;var list=(raw==null?"":""+raw).split(/[\s,]+/).map(function(h){return h.trim().toLowerCase().replace(/\.$/,"");}).filter(function(h){return h;});if(!list.length)return false;var host=(e.location.hostname||"").toLowerCase().replace(/\.$/,"");if(/(^|\.)shopifypreview\.com$/.test(host))return false;var bare=host.replace(/^www\./,"");for(var i=0;i<list.length;i++){var en=list[i];if(en.indexOf("*.")===0){var b=en.slice(2);if(host===b||host.slice(-(b.length+1))==="."+b)return false;}else if(bare===en.replace(/^www\./,""))return false;}return true;}(); 918if(_jdgmBlocked){jdgm._loaderExecuted=true;jdgm._blocked=true;var _jdgmS=e.createElement("style");_jdgmS.textContent='[class^="jdgm-"],[class*=" jdgm-"]{display:none !important}';(e.head||e.documentElement).appendChild(_jdgmS);return;} 919jdgm.CDN_HOST="https://cdnwidget.judge.me/",jdgm.CDN_HOST_ALT="https://cdn2.judge.me/cdn/widget_frontend/",jdgm.API_HOST="https://api.judge.me/",jdgm.CDN_BASE_URL="https://cdn.shopify.com/extensions/01a0fd03-c455-7b82-9766-74101e55572c/judgeme-771/assets/",jdgm.CDN_API_HOST="https://cdn.judge.me/", 920jdgm.docReady=function(d){(e.attachEvent?"complete"===e.readyState:"loading"!==e.readyState)? 921setTimeout(d,0):e.addEventListener("DOMContentLoaded",d)},jdgm.loadCSS=function(d,t,o,a){ 922!o&&jdgm.loadCSS.requestedUrls.indexOf(d)>=0||(jdgm.loadCSS.requestedUrls.push(d), 923(a=e.createElement("link")).rel="stylesheet",a.class="jdgm-stylesheet",a.media="nope!", 924a.href=d,a.onload=function(){this.media="all",t&&setTimeout(t)},e.body.appendChild(a))}, 925jdgm.loadCSS.requestedUrls=[],jdgm.loadJS=function(e,d){var t=new XMLHttpRequest; 926t.onreadystatechange=function(){4===t.readyState&&t.status>=200&&t.status<300&&(Function(t.response)(),d&&d(t.response))}, 927t.open("GET",e),t.onerror=function(){if(e.indexOf(jdgm.CDN_HOST)===0&&jdgm.CDN_HOST_ALT!==jdgm.CDN_HOST){var f=e.replace(jdgm.CDN_HOST,jdgm.CDN_HOST_ALT);jdgm.loadJS(f,d)}},t.send()},jdgm.docReady((function(){(window.jdgmLoadCSS||e.querySelectorAll( 928".jdgm-widget, .jdgm-all-reviews-page").length>0)&&(jdgmSettings.widget_load_with_code_splitting? 929parseFloat(jdgmSettings.widget_version)>=3?jdgm.loadCSS(jdgm.CDN_BASE_URL+"widget_v3_base.css"): 930jdgm.loadCSS(jdgm.CDN_BASE_URL+"widget_base.css"):jdgm.loadCSS(jdgm.CDN_BASE_URL+"shopify_v2.css") 931)}))}(document); 932</script>
932 933<noscript><link rel="stylesheet" type="text/css" media="all" href="https://cdn.shopify.com/extensions/01a0fd03-c455-7b82-9766-74101e55572c/judgeme-771/assets/shopify_v2.css"></noscript> 934 935<!-- BEGIN app snippet: theme_fix_tags -->
935<script> 936 (function() { 937 var jdgmThemeFixes = null; 938 if (!jdgmThemeFixes) return; 939 940 // "All themes" fix: CSS and JS applied on every theme. CSS is injected 941 // before the per-theme fix so the theme-specific CSS wins the cascade. 942 // HTML is never applied globally (too risky). 943 var allThemesFix = jdgmThemeFixes['all']; 944 if (allThemesFix && allThemesFix.css) { 945 var allStyleTag = document.createElement('style'); 946 allStyleTag.classList.add('jdgm-theme-fix-style-all'); 947 allStyleTag.innerHTML = allThemesFix.css; 948 document.head.append(allStyleTag); 949 }; 950 951 if (allThemesFix && allThemesFix.js) { 952 var allScriptTag = document.createElement('script'); 953 allScriptTag.classList.add('jdgm-theme-fix-script-all'); 954 allScriptTag.innerHTML = allThemesFix.js; 955 document.head.append(allScriptTag); 956 }; 957 958 var thisThemeFix = jdgmThemeFixes[Shopify.theme.id]; 959 if (!thisThemeFix) return; 960 961 if (thisThemeFix.html) { 962 document.addEventListener("DOMContentLoaded", function() { 963 var htmlDiv = document.createElement('div'); 964 htmlDiv.classList.add('jdgm-theme-fix-html'); 965 htmlDiv.innerHTML = thisThemeFix.html; 966 document.body.append(htmlDiv); 967 }); 968 }; 969 970 if (thisThemeFix.css) { 971 var styleTag = document.createElement('style'); 972 styleTag.classList.add('jdgm-theme-fix-style'); 973 styleTag.innerHTML = thisThemeFix.css; 974 document.head.append(styleTag); 975 }; 976 977 if (thisThemeFix.js) { 978 var scriptTag = document.createElement('script'); 979 scriptTag.classList.add('jdgm-theme-fix-script'); 980 scriptTag.innerHTML = thisThemeFix.js; 981 document.head.append(scriptTag); 982 }; 983 })(); 984</script>
984 985<!-- END app snippet --> 986<!-- End of Judge.me Core --> 987 988 989 990<!-- END app block -->
990<script src="https://cdn.shopify.com/extensions/01a0fd03-c455-7b82-9766-74101e55572c/judgeme-771/assets/loader.js" type="text/javascript" defer="defer"></script>
vendor: 1 bytes, line 990
990
991<script src="https://cdn.shopify.com/extensions/01a0f73f-32b1-72a0-95a2-b3115e89ddb0/order-delivery-date-time-111/assets/slots-script-tag.js" type="text/javascript" defer="defer"></script>
vendor: 1 bytes, line 991
991
992<script src="https://cdn.shopify.com/extensions/01a10c7c-301d-7bda-a416-fe490a39b614/discounty-3.5.1/assets/sdk.js" type="text/javascript" defer="defer"></script>
992 993<link href="https://monorail-edge.shopifysvc.com" rel="dns-prefetch">
994<script>(function(){if ("sendBeacon" in navigator && "performance" in window) {try {var session_token_from_headers = performance.getEntriesByType('navigation')[0].serverTiming.find(x => x.name == '_s').description;} catch {var session_token_from_headers = undefined;}var session_cookie_matches = document.cookie.match(/_shopify_s=([^;]*)/);var session_token_from_cookie = session_cookie_matches && session_cookie_matches.length === 2 ? session_cookie_matches[1] : "";var session_token = session_token_from_headers || session_token_from_cookie || "";function handle_abandonment_event(e) {var entries = performance.getEntries().filter(function(entry) {return /monorail-edge.shopifysvc.com/.test(entry.name);});if (!window.abandonment_tracked && entries.length === 0) {window.abandonment_tracked = true;var currentMs = Date.now();var navigation_start = performance.timing.navigationStart;var payload = {shop_id: 44543082658,url: window.location.href,navigation_start,duration: currentMs - navigation_start,session_token,page_type: "index"};window.navigator.sendBeacon("https://monorail-edge.shopifysvc.com/v1/produce", JSON.stringify({schema_id: "online_store_buyer_site_abandonment/1.1",payload: payload,metadata: {event_created_at_ms: currentMs,event_sent_at_ms: currentMs}}));}}window.addEventListener('pagehide', handle_abandonment_event);}}());</script>
vendor: 1 bytes, line 994
994
995<script> 996 window.__TREKKIE_SHIM_QUEUE = window.__TREKKIE_SHIM_QUEUE || []; 997</script>
vendor: 1 bytes, line 997
997
998<script>(function(){var wpmLoader=function(){"use strict";var e=/Googlebot|Storebot-Google|bingbot|Baiduspider|YandexBot|DuckDuckBot|Slurp|facebookexternalhit|Twitterbot|LinkedInBot|Applebot|AdsBot-Google|Mediapartners-Google|APIs-Google|PetalBot|SemrushBot|AhrefsBot|MJ12bot|DotBot|Acunetix|PerplexityBot|Perplexity-User/i,t=/bytedance/i;function i(){try{var e=document.cookie;if(!e||"string"!=typeof e)return;for(var t=0,i=e.split(";");t<i.length;t++){var n=i[t],r=n.indexOf("=");if(-1!==r){var o=n.slice(0,r).trim();if(o){var a=void 0;try{a=decodeURIComponent(o)}catch(e){a=o}if("_shopify_s"===a){var d=n.slice(r+1).trim();try{return decodeURIComponent(d)}catch(e){return d}}}}}return}catch(e){return}}function n(e){try{"undefined"!=typeof console&&"function"==typeof console.warn&&console.warn(e)}catch(e){}}function r(e,t){return"string"==typeof e&&e.length>0&&e.length<=t?e:void 0}function o(e){var t;switch(null==(t=null==e?void 0:e.navigation)?void 0:t.type){case 0:return"navigate";case 1:return"reload";case 2:return"back_forward";default:return}}function a(){var e,t,i;try{var n=null==(i=null==(t=null==(e=self.ShopifyAnalytics)?void 0:e.lib)?void 0:t.trekkie)?void 0:i.state;return"awaiting-consent"===n||"initialized"===n?n:void 0}catch(e){return}}return function(d,s,u,l){var c=arguments.length>4&&void 0!==arguments[4]?arguments[4]:{};try{var p=c.trekkieShim;!0!==p&&"true"!==p||null!=window.__TREKKIE_SHIM_QUEUE||(window.__TREKKIE_SHIM_QUEUE=[])}catch(e){}var f,v,h,y,g=(v=(f={modern:/Edge?\/(1{2}[4-9]|1[2-9]\d|[2-9]\d{2}|\d{4,})\.\d+(\.\d+|)|Firefox\/(1{2}[4-9]|1[2-9]\d|[2-9]\d{2}|\d{4,})\.\d+(\.\d+|)|Chrom(ium|e)\/(9{2}|\d{3,})\.\d+(\.\d+|)|(Maci|X1{2}).+ Version\/(15\.\d+|(1[6-9]|[2-9]\d|\d{3,})\.\d+)([,.]\d+|)( \(\w+\)|)( Mobile\/\w+|) Safari\/|Chrome.+OPR\/(9{2}|\d{3,})\.\d+\.\d+|(CPU[ +]OS|iPhone[ +]OS|CPU[ +]iPhone|CPU IPhone OS|CPU iPad OS)[ +]+(15[._]\d+|(1[6-9]|[2-9]\d|\d{3,})[._]\d+)([._]\d+|)|Android:?[ /-](14[89]|1[5-9]\d|[2-9]\d{2}|\d{4,})(\.\d+|)(\.\d+|)|Android.+Firefox\/(15\d|1[6-9]\d|[2-9]\d{2}|\d{4,})\.\d+(\.\d+|)|Android.+Chrom(ium|e)\/(14[89]|1[5-9]\d|[2-9]\d{2}|\d{4,})\.\d+(\.\d+|)|SamsungBrowser\/([2-9]\d|\d{3,})\.\d+/,legacy:/Edge?\/(1[6-9]|[2-9]\d|\d{3,})\.\d+(\.\d+|)|Firefox\/(5[4-9]|[6-9]\d|\d{3,})\.\d+(\.\d+|)|Chrom(ium|e)\/(5[1-9]|[6-9]\d|\d{3,})\.\d+(\.\d+|)([\d.]+$|.*Safari\/(?![\d.]+ Edge\/[\d.]+$))|(Maci|X1{2}).+ Version\/(10\.\d+|(1[1-9]|[2-9]\d|\d{3,})\.\d+)([,.]\d+|)( \(\w+\)|)( Mobile\/\w+|) Safari\/|Chrome.+OPR\/(3[89]|[4-9]\d|\d{3,})\.\d+\.\d+|(CPU[ +]OS|iPhone[ +]OS|CPU[ +]iPhone|CPU IPhone OS|CPU iPad OS)[ +]+(10[._]\d+|(1[1-9]|[2-9]\d|\d{3,})[._]\d+)([._]\d+|)|Android:?[ /-](14[89]|1[5-9]\d|[2-9]\d{2}|\d{4,})(\.\d+|)(\.\d+|)|Mobile Safari.+OPR\/([89]\d|\d{3,})\.\d+\.\d+|Android.+Firefox\/(15\d|1[6-9]\d|[2-9]\d{2}|\d{4,})\.\d+(\.\d+|)|Android.+Chrom(ium|e)\/(14[89]|1[5-9]\d|[2-9]\d{2}|\d{4,})\.\d+(\.\d+|)|Android.+(UC? ?Browser|UCWEB|U3)[ /]?(15\.([5-9]|\d{2,})|(1[6-9]|[2-9]\d|\d{3,})\.\d+)\.\d+|SamsungBrowser\/(5\.\d+|([6-9]|\d{2,})\.\d+)|Android.+MQ{2}Browser\/(14(\.(9|\d{2,})|)|(1[5-9]|[2-9]\d|\d{3,})(\.\d+|))(\.\d+|)|K[Aa][Ii]OS\/(3\.\d+|([4-9]|\d{2,})\.\d+)(\.\d+|)/}).modern,h=f.legacy,(y=navigator.userAgent).match(e)?"bot":y.match(v)?"modern":y.match(h)?"legacy":y.match(t)?"bot":"unknown"),m=function(e){var t,i,n=r(e,128);try{var a=window.performance,d=null==(t=null==a?void 0:a.getEntriesByType)?void 0:t.call(a,"navigation")[0];if(!d)return{requestId:n,navigationType:o(a)};var s="type"in d?r(d.type,64):void 0,u="serverTiming"in d&&Array.isArray(d.serverTiming)?d.serverTiming:[];return{requestId:null!=n?n:r(null==(i=u.find(function(e){return"requestID"===e.name}))?void 0:i.description,128),navigationType:s}}catch(e){return{requestId:n}}}(c.requestId),w=function(e){var t=e.version,r=e.browserTarget,o=e.surface,a=e.shopId,d=e.monorailEndpoint,s=window.location.href;return{emit:function(e){var u=e.status,l=e.errorMsg,c=e.failureReason,p=e.useKeepaliveFallback,f=void 0!==p&&p,v=e.navigationType,h=e.pagehidePersisted,y=e.requestId,g=e.trekkieState;if(d){var m,w;try{var b=(new Date).getTime();m=JSON.stringify({metadata:{event_sent_at_ms:b},events:[{schema_id:"web_pixels_manager_load/3.3",payload:{version:t,bundle_target:r,page_url:s,status:u,surface:o,error_msg:l,failure_reason:c,navigation_type:v,pagehide_persisted:h,request_id:y,trekkie_state:g,shop_id:a,visit_token:i()},metadata:{event_created_at_ms:b}}]})}catch(e){return}try{if("function"==typeof window.navigator.sendBeacon&&-1===(w=window.navigator.userAgent).indexOf("iPhone; CPU iPhone OS 12_")&&-1===w.indexOf("iPad; CPU OS 12_")&&-1===w.indexOf("iPod touch; CPU iPhone OS 12_")&&window.navigator.sendBeacon.bind(window.navigator)(d,m))return}catch(e){}if(f)try{"function"==typeof window.fetch&&window.fetch(d,{method:"POST",headers:{"Content-Type":"text/plain"},body:m,keepalive:!0}
998).catch(function(){})}catch(e){}else try{var _=new XMLHttpRequest;_.open("POST",d,!0),_.setRequestHeader("Content-Type","text/plain"),_.send(m)}catch(e){n("[Web Pixels Manager] Got an unhandled error while logging to Monorail.")}}else n("[Web Pixels Manager] No Monorail endpoint provided, skipping logging.")}}}({version:u,browserTarget:g,surface:d.surface,shopId:d.shopId,monorailEndpoint:d.monorailEndpoint});if(Boolean(null==(_=null==(b=window.Shopify)?void 0:b.analytics)?void 0:_.replayQueue))w.emit({status:"setup-skipped",errorMsg:"replay queue already initialized."});else{var b,_;w.emit({status:"setup-started"}),window.Shopify=window.Shopify||{};var S=window.Shopify;S.analytics=S.analytics||{};var P=S.analytics;P.replayQueue=[],P.publish=function(e,t,i){return P.replayQueue.push([e,t,i]),!0};try{self.performance.mark("wpm:start")}catch(e){}var k,C="modern"===g?"modern":"legacy",E=(null!=l?l:{modern:"",legacy:""})[C],I=[(k={baseUrl:s,hashVersion:u,buildTarget:C}).baseUrl,"/wpm","/b",k.hashVersion,"modern"===k.buildTarget?"m":"l",".js"].join(""),O=!1,T=!1;try{c.browserTarget=g,function(){O=!0;try{window.addEventListener("pagehide",M)}catch(e){O=!1}}(),R(function(){try{R(x)}catch(e){D(e)}}),w.emit({status:"loading",requestId:m.requestId,navigationType:m.navigationType,trekkieState:a()})}catch(e){D(e)}}function U(){var e;if(q(),!function(){var e,t;return Boolean(null==(t=null==(e=window.Shopify)?void 0:e.analytics)?void 0:t.initialized)}()){var t,i,n;try{if("function"!=typeof(null==(e=window.webPixelsManager)?void 0:e.init))return void A();if(!(null!==(n=i=t=window.webPixelsManager.init(d))&&"function"!=typeof n&&Object(n)===n&&"publish"in i&&"function"==typeof i.publish&&"publishCustomEvent"in i&&"function"==typeof i.publishCustomEvent&&"visitor"in i&&"function"==typeof i.visitor))return void A()}catch(e){return void A(e)}var r=window.Shopify.analytics;r.replayQueue.forEach(function(e){var i=e[0],n=e[1],r=e[2];t.publishCustomEvent(i,n,r)}),r.replayQueue=[],r.publish=t.publishCustomEvent,r.visitor=t.visitor,r.initialized=!0}}function A(e){B("manager_api_unavailable",void 0===e?void 0:Q(e))}function x(){B("script_load_failed","".concat(I," has failed to load"))}function B(e,t){T||(T=!0,q(),w.emit({status:"failed",errorMsg:t,failureReason:e,requestId:m.requestId,navigationType:m.navigationType,trekkieState:a()}))}function M(e){O&&(q(),w.emit({status:"pagehide-while-loading",useKeepaliveFallback:!0,pagehidePersisted:e.persisted,requestId:m.requestId,navigationType:m.navigationType,trekkieState:a()}))}function q(){O=!1;try{window.removeEventListener("pagehide",M)}catch(e){}}function R(e){var t;!function(e){var t=e.src,i=e.async,n=void 0===i||i,r=e.onload,o=e.onerror,a=e.sri,d=e.scriptDataAttributes,s=void 0===d?{}:d,u=document.createElement("script"),l=document.querySelector("head"),c=document.querySelector("body");if(u.async=n,u.src=t,a&&(u.integrity=a,u.crossOrigin="anonymous"),s)for(var p in s)if(Object.prototype.hasOwnProperty.call(s,p))try{u.dataset[p]=String(s[p])}catch(e){}if(r&&u.addEventListener("load",r),o&&u.addEventListener("error",o),l)l.appendChild(u);else{if(!c)throw new Error("Did not find a head or body element to append the script");c.appendChild(u)}}({src:I,async:!0,onload:U,onerror:e,sri:(t=E,"string"==typeof t&&/^sha384-[A-Za-z0-9+/=]+$/.test(t)?E:""),scriptDataAttributes:c})}function D(e){B("script_append_failed",Q(e))}function Q(e){return e instanceof Error?e.message:"Unknown error"}}}();wpmLoader({shopId: 44543082658,storefrontBaseUrl: "https://colehaan.com.ph",extensionsBaseUrl: "https://extensions.shopifycdn.com/cdn/shopifycloud/web-pixels-manager",monorailEndpoint: "https://colehaan.com.ph/.well-known/shopify/monorail/unstable/produce_batch",surface: "storefront-renderer",enabledBetaFlags: ["4c64608a","16072cab","8450a54b","7ee89bf1"],webPixelsConfigList: [{"id":"974782708","configuration":"{\"webPixelName\":\"Judge.me\"}","eventPayloadVersion":"v1","runtimeContext":"STRICT","scriptVersion":"8acc938b1a30dc7624e304493ca567d7","type":"APP","apiClientId":683015,"privacyPurposes":["ANALYTICS"],"dataSharingAdjustments":{"protectedCustomerApprovalScopes":["read_customer_email","read_customer_name","read_customer_personal_data","read_customer_phone"],"dataSharingControls":["share_all_events"]}
998,"dataSharingState":"unrestricted"},{"id":"491323636","configuration":"{\"config\":\"{\\\"google_tag_ids\\\":[\\\"G-WYHFK7CXMJ\\\",\\\"GT-WB5MTFJZ\\\",\\\"AW-598594925\\\"],\\\"target_country\\\":\\\"PH\\\",\\\"gtag_events\\\":[{\\\"type\\\":\\\"search\\\",\\\"action_label\\\":\\\"G-WYHFK7CXMJ\\\"},{\\\"type\\\":\\\"begin_checkout\\\",\\\"action_label\\\":[\\\"G-WYHFK7CXMJ\\\",\\\"AW-598594925\\\/ZWIXCNXI1uEBEO2qt50C\\\"]},{\\\"type\\\":\\\"remove_from_cart\\\",\\\"action_label\\\":\\\"G-WYHFK7CXMJ\\\"},{\\\"type\\\":\\\"view_item\\\",\\\"action_label\\\":[\\\"G-WYHFK7CXMJ\\\",\\\"MC-JBSD5HWT3D\\\"]},{\\\"type\\\":\\\"purchase\\\",\\\"action_label\\\":[\\\"G-WYHFK7CXMJ\\\",\\\"MC-JBSD5HWT3D\\\"]},{\\\"type\\\":\\\"add_shipping_info\\\",\\\"action_label\\\":\\\"G-WYHFK7CXMJ\\\"},{\\\"type\\\":\\\"page_view\\\",\\\"action_label\\\":[\\\"G-WYHFK7CXMJ\\\",\\\"MC-JBSD5HWT3D\\\"]},{\\\"type\\\":\\\"view_item_list\\\",\\\"action_label\\\":\\\"G-WYHFK7CXMJ\\\"},{\\\"type\\\":\\\"add_payment_info\\\",\\\"action_label\\\":\\\"G-WYHFK7CXMJ\\\"},{\\\"type\\\":\\\"add_to_cart\\\",\\\"action_label\\\":[\\\"G-WYHFK7CXMJ\\\",\\\"AW-598594925\\\/AZM3CPDDu-EBEO2qt50C\\\"]},{\\\"type\\\":\\\"view_cart\\\",\\\"action_label\\\":\\\"G-WYHFK7CXMJ\\\"}],\\\"enable_monitoring_mode\\\":false}\"}","eventPayloadVersion":"v1","runtimeContext":"OPEN","scriptVersion":"a3321ca85cf5aaf6b57585fcd8d67b3a","type":"APP","apiClientId":1780363,"privacyPurposes":[],"dataSharingAdjustments":{"protectedCustomerApprovalScopes":["read_customer_address","read_customer_email","read_customer_name","read_customer_personal_data","read_customer_phone"],"dataSharingControls":["share_all_events"]},"dataSharingState":"optimized","enabledFlags":["9a3ed68a"]},{"id":"212697332","configuration":"{\"pixel_id\":\"963604624381376\",\"pixel_type\":\"facebook_pixel\",\"metaapp_system_user_token\":\"-\"}","eventPayloadVersion":"v1","runtimeContext":"OPEN","scriptVersion":"bd2f978c17a94bbb8a74d43de2165dc5","type":"APP","apiClientId":2329312,"privacyPurposes":["ANALYTICS","MARKETING","SALE_OF_DATA"],"dataSharingAdjustments":{"protectedCustomerApprovalScopes":["read_customer_address","read_customer_email","read_customer_name","read_customer_personal_data","read_customer_phone"],"dataSharingControls":["share_all_events"]},"dataSharingState":"optimized","enabledFlags":["9a3ed68a"]},{"id":"65994996","eventPayloadVersion":"v1","runtimeContext":"LAX","scriptVersion":"1","type":"CUSTOM","privacyPurposes":["ANALYTICS"],"name":"Google Analytics tag (migrated)"},{"id":"shopify-app-pixel","configuration":"{}","eventPayloadVersion":"v1","runtimeContext":"STRICT","scriptVersion":"0530","apiClientId":"shopify-pixel","type":"APP","privacyPurposes":["ANALYTICS","MARKETING"]},{"id":"shopify-custom-pixel","eventPayloadVersion":"v1","runtimeContext":"LAX","scriptVersion":"0530","apiClientId":"shopify-pixel","type":"CUSTOM","privacyPurposes":["ANALYTICS","MARKETING"]}],isMerchantRequest: false,initData: {"shop":{"name":"Cole Haan Philippines","paymentSettings":{"currencyCode":"PHP"},"myshopifyDomain":"cole-haan-philippines.myshopify.com","countryCode":"PH","storefrontUrl":"https:\/\/colehaan.com.ph"},"customer":null,"cart":null,"checkout":null,"productVariants":[],"products":[{"id":"9444366745844","handle":"c43979","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"48123386527988","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"9307197178100","handle":"c42831","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"47571757007092","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"9444367139060","handle":"c44819","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"48123392295156","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"9444366876916","handle":"c44794","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"48123388133620","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"9444367302900","handle":"c46091","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"48123395244276","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"9444366975220","handle":"c44797","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"48123389739252","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"9307196948724","handle":"c42829","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"47571755925748","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"9444367270132","handle":"c44873","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"48123394457844","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"9444367171828","handle":"c44821","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"48123393081588","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"9444366680308","handle":"c43977","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"48123384955124","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"9478975160564","handle":"c43822","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"48352932200692","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"9006276215028","handle":"c41851","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"46408750301428","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"9467819917556","handle":"c42978","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"48286576836852","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"9444366450932","handle":"c43477","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"48123380236532","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"9444366713076","handle":"c43978","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"48123385741556","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"9553193271540","handle":"w37534","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"48859335721204","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"9531116716276","handle":"w37844","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"48791946658036","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"9479846920436","handle":"w36409","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"48356555981044","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"9479846854900","handle":"w36407","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"48356555063540","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"9479846789364","handle":"w36405","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"48356554146036","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"9479846494452","handle":"w36637","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"48356551229684","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"9479846330612","handle":"w36385","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"48356549394676","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"9479846232308","handle":"w36383","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"48356548346100","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"9473124860148","handle":"u08456","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"48312954618100","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"9473123942644","handle":"u08465","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"48312949309684","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"9473078264052","handle":"w37838","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"48312733401332","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"9473077608692","handle":"w37836","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"48312731435252","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"9473076953332","handle":"w37831","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"48312729698548","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"9473072562420","handle":"w36608","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"48312715903220","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"9473071350004","handle":"w36595","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"48312713511156","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"9331416891636","handle":"f12804","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"47648283328756","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"9307196752116","handle":"c43664","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"47571754844404","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"9468077015284","handle":"c43302","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"48291255255284","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"9307195080948","handle":"c42845","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"47571741180148","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"9468078162164","handle":"c46098","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"48291259252980","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]}
998,{"id":"10315121262836","handle":"c44625","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"50521312002292","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"9553078878452","handle":"c45738","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"48859133608180","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"9645091979508","handle":"c45739","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"49320616296692","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"8932817436916","handle":"c39762","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"46107677229300","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"9645406028020","handle":"c45676","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"49323099291892","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"9331418956020","handle":"f12874","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"47648290799860","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"9331418104052","handle":"f12875","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"47648287523060","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"9331419218164","handle":"f12876","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"47648291881204","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"9308985950452","handle":"f12877","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"47578447446260","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"9331418235124","handle":"f12878","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"47648287949044","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"9313372340468","handle":"c42328","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"47593883369716","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"9331417907444","handle":"f12696","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"47648286507252","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"9331418661108","handle":"f12705","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"47648289685748","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"9232097345780","handle":"c43974","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"47245207503092","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"9257882517748","handle":"c43170","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"47376444653812","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"9257894609140","handle":"c43970","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"47376548298996","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"9444366647540","handle":"c43961","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"48123384561908","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"9557322924276","handle":"c45031","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"48885229519092","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"9511157760244","handle":"c44889","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"48678268207348","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"9560111415540","handle":"c43896","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"48892424192244","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"9612069372148","handle":"c43922","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"49147920515316","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"9612089983220","handle":"c43921","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"49148224241908","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"9467819884788","handle":"c43914","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"48286576443636","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"9560111481076","handle":"c43915","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"48892424618228","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"9560111513844","handle":"c43916","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"48892425011444","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"9172664975604","handle":"c43048","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"47066718896372","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"9288567226612","handle":"c42767","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"47490821062900","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"9307198292212","handle":"c42765","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"47571766182132","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"9307200323828","handle":"c42764","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"47571778601204","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"9444366483700","handle":"c43494","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"48123381416180","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]}
998,{"id":"15394613821684","handle":"c44584","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"67586289762548","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"9553077698804","handle":"c45203","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"48859130462452","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"9553077928180","handle":"c45206","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"48859131052276","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"9645405831412","handle":"c45657","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"49323098341620","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"9172645216500","handle":"c41349","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"47066502791412","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"9350215008500","handle":"c39795","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"47730893095156","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"9307200094452","handle":"c42394","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"47571777421556","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"9553078419700","handle":"c45719","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"48859132330228","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"9444367040756","handle":"c44816","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"48123391475956","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"9444367106292","handle":"c44817","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"48123391901940","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]}],"purchasingCompany":null},},"https://colehaan.com.ph/cdn","5982071ew7ea472e3p69b68784m2150dfea",{"modern":"","legacy":""},{"trekkieShim":true,"agentContext":true,"apiClientId":"580111","facebookCapiEnabled":"true","themeId":"166952042740","themePublished":"true","eventMetadataId":"6c138b9f-5101-4d03-81c9-b9a11189a2d0","pageType":"home","shopId":"44543082658","storefrontBaseUrl":"https:\/\/colehaan.com.ph","extensionBaseUrl":"https:\/\/extensions.shopifycdn.com\/cdn\/shopifycloud\/web-pixels-manager","surface":"storefront-renderer","enabledBetaFlags":"[\"4c64608a\", \"16072cab\", \"8450a54b\", \"7ee89bf1\"]","isMerchantRequest":"false","hashVersion":"5982071ew7ea472e3p69b68784m2150dfea","publish":"custom","events":"[[\"page_viewed\",{}]]"});})();</script>
998<script> 999 window.ShopifyAnalytics = window.ShopifyAnalytics || {}; 1000 window.ShopifyAnalytics.meta = window.ShopifyAnalytics.meta || {}; 1001 window.ShopifyAnalytics.meta.currency = 'PHP'; 1002 var meta = {"page":{"pageType":"home","requestId":"7d56e20d-457b-4690-a829-a107d4827bcf-1791224005"}}; 1003 for (var attr in meta) { 1004 window.ShopifyAnalytics.meta[attr] = meta[attr]; 1005 } 1006</script>
vendor: 1 bytes, line 1006
1006
1007<script class="analytics"> 1008 (function () { 1009 var customDocumentWrite = function(content) { 1010 var jquery = null; 1011 1012 if (window.jQuery) { 1013 jquery = window.jQuery; 1014 } else if (window.Checkout && window.Checkout.$) { 1015 jquery = window.Checkout.$; 1016 } 1017 1018 if (jquery) { 1019 jquery('body').append(content); 1020 } 1021 }; 1022 1023 var hasLoggedConversion = function(token) { 1024 if (token) { 1025 return document.cookie.indexOf('loggedConversion=' + token) !== -1; 1026 } 1027 return false; 1028 } 1029 1030 var setCookieIfConversion = function(token) { 1031 if (token) { 1032 var twoMonthsFromNow = new Date(Date.now()); 1033 twoMonthsFromNow.setMonth(twoMonthsFromNow.getMonth() + 2); 1034 1035 document.cookie = 'loggedConversion=' + token + '; expires=' + twoMonthsFromNow; 1036 } 1037 } 1038 1039 var trekkie = window.ShopifyAnalytics.lib = window.trekkie = window.trekkie || []; 1040 window.ShopifyAnalytics.lib.trekkie = window.trekkie; 1041 if (trekkie.integrations) { 1042 return; 1043 } 1044 trekkie.methods = [ 1045 'identify', 1046 'page', 1047 'ready', 1048 'track', 1049 'trackForm', 1050 'trackLink' 1051 ]; 1052 trekkie.factory = function(method) { 1053 return function() { 1054 var args = Array.prototype.slice.call(arguments); 1055 args.unshift(method); 1056 trekkie.push(args); 1057 if (method == 'track' || method == 'page') { 1058 var pageUrl; 1059 try { 1060 pageUrl = window.location.href; 1061 } catch (e) {} 1062 var pageReferrer; 1063 try { 1064 pageReferrer = document.referrer; 1065 } catch (e) {} 1066 try { 1067 if (window.__TREKKIE_SHIM_QUEUE == null) { 1068 window.__TREKKIE_SHIM_QUEUE = []; 1069 } 1070 window.__TREKKIE_SHIM_QUEUE.push({ 1071 from: 'trekkie-stub', 1072 method: method, 1073 args: args.slice(1), 1074 pageContext: { 1075 url: pageUrl, 1076 referrer: pageReferrer 1077 } 1078 }); 1079 } catch (e) { 1080 // no-op 1081 } 1082 } 1083 return trekkie; 1084 }; 1085 }; 1086 for (var i = 0; i < trekkie.methods.length; i++) { 1087 var key = trekkie.methods[i]; 1088 trekkie[key] = trekkie.factory(key); 1089 } 1090 trekkie.load = function(config) { 1091 trekkie.config = config || {}; 1092 trekkie.config.initialDocumentCookie = document.cookie; 1093 var first = document.getElementsByTagName('script')[0]; 1094var script = document.createElement('script'); 1095script.type = 'text/javascript'; 1096script.onerror = function(e) { 1097 var scriptFallback = document.createElement('script'); 1098 scriptFallback.type = 'text/javascript'; 1099 scriptFallback.onerror = function(error) { 1100 var Monorail = { 1101 produce: function produce(monorailDomain, schemaId, payload) { 1102 var currentMs = new Date().getTime(); 1103 var event = { 1104 schema_id: schemaId, 1105 payload: payload, 1106 metadata: { 1107 event_created_at_ms: currentMs, 1108 event_sent_at_ms: currentMs 1109 } 1110 }; 1111 return Monorail.sendRequest("https://" + monorailDomain + "/v1/produce", JSON.stringify(event)); 1112 }, 1113 sendRequest: function sendRequest(endpointUrl, payload) { 1114 // Try the sendBeacon API 1115 if (window && window.navigator && typeof window.navigator.sendBeacon === 'function' && typeof window.Blob === 'function' && !Monorail.isIos12()) { 1116 var blobData = new window.Blob([payload], { 1117 type: 'text/plain' 1118 }); 1119 1120 if (window.navigator.sendBeacon(endpointUrl, blobData)) { 1121 return true; 1122 } // sendBeacon was not successful 1123 1124 } // XHR beacon 1125 1126 var xhr = new XMLHttpRequest(); 1127 1128 try { 1129 xhr.open('POST', endpointUrl); 1130 xhr.setRequestHeader('Content-Type', 'text/plain'); 1131 xhr.send(payload); 1132 } catch (e) { 1133 console.log(e); 1134 } 1135 1136 return false; 1137 }, 1138 isIos12: function isIos12() { 1139 return window.navigator.userAgent.lastIndexOf('iPhone; CPU iPhone OS 12_') !== -1 || window.navigator.userAgent.lastIndexOf('iPad; CPU OS 12_') !== -1; 1140 } 1141 }; 1142 Monorail.produce('monorail-edge.shopifysvc.com', 1143 'trekkie_storefront_load_errors/1.1', 1144 {shop_id: 44543082658, 1145 theme_id: 166952042740, 1146 app_name: "storefront", 1147 context_url: window.location.href, 1148 source_url: "//colehaan.com.ph/cdn/s/trekkie.storefront.2f6d7d7ede7d24234881a9cd5f47e679642fa1f6.min.js"}); 1149 1150 }; 1151 scriptFallback.async = true; 1152 scriptFallback.src = '//colehaan.com.ph/cdn/s/trekkie.storefront.2f6d7d7ede7d24234881a9cd5f47e679642fa1f6.min.js'; 1153 first.parentNode.insertBefore(scriptFallback, first); 1154}; 1155script.async = true; 1156script.src = '//colehaan.com.ph/cdn/s/trekkie.storefront.2f6d7d7ede7d24234881a9cd5f47e679642fa1f6.min.js'; 1157first.parentNode.insertBefore(script, first); 1158 1159 }; 1160 trekkie.load( 1161 {"Trekkie":{"appName":"storefront","development":false,"defaultAttributes":{"shopId":44543082658,"isMerchantRequest":null,"themeId":166952042740,"themeCityHash":"14701422371158423457","contentLanguage":"en","currency":"PHP","eventMetadataId":"6c138b9f-5101-4d03-81c9-b9a11189a2d0"},"isServerSideCookieWritingEnabled":true,"monorailRegion":"shop_domain","enabledBetaFlags":["764d78cb","8450a54b","7ee89bf1","4c64608a"]},"Session Attribution":{},"S2S":{"facebookCapiEnabled":true,"source":"trekkie-storefront-renderer","apiClientId":580111}} 1162 ); 1163 1164 var loaded = false;
1165 trekkie.ready(function() { 1166 if (loaded) return; 1167 loaded = true; 1168 1169 window.ShopifyAnalytics.lib = window.trekkie; 1170 1171 var originalDocumentWrite = document.write; 1172 document.write = customDocumentWrite; 1173 try { window.ShopifyAnalytics.merchantGoogleAnalytics.call(this); } catch(error) {}; 1174 document.write = originalDocumentWrite; 1175 1176 var match = window.location.pathname.match(/checkouts\/(.+)\/(thank_you|post_purchase)/) 1177 var token = match? match[1]: undefined; 1178 if (!hasLoggedConversion(token)) { 1179 setCookieIfConversion(token); 1180 1181 } 1182 }); 1183 1184 window.ShopifyAnalytics.lib.page(null,{"pageType":"home","requestId":"7d56e20d-457b-4690-a829-a107d4827bcf-1791224005","shopifyEmitted":true}); 1185 1186 var eventsListenerScript = document.createElement('script'); 1187 eventsListenerScript.async = true; 1188 eventsListenerScript.src = "//colehaan.com.ph/cdn/shopifycloud/storefront/assets/shop_events_listener-4e26a9ce.js"; 1189 document.getElementsByTagName('head')[0].appendChild(eventsListenerScript); 1190})();</script>
1190 1191
1191<script> 1192 if (!window.ga || (window.ga && typeof window.ga !== 'function')) { 1193 window.ga = function ga() { 1194 (window.ga.q = window.ga.q || []).push(arguments); 1195 if (window.Shopify && window.Shopify.analytics && typeof window.Shopify.analytics.publish === 'function') { 1196 window.Shopify.analytics.publish("ga_stub_called", {}, {sendTo: "google_osp_migration"}); 1197 } 1198 console.error("Shopify's Google Analytics stub called with:", Array.from(arguments), "\nSee https://help.shopify.com/manual/promoting-marketing/pixels/pixel-migration#google for more information."); 1199 }; 1200 if (window.Shopify && window.Shopify.analytics && typeof window.Shopify.analytics.publish === 'function') { 1201 window.Shopify.analytics.publish("ga_stub_initialized", {}, {sendTo: "google_osp_migration"}); 1202 } 1203 } 1204</script>
vendor: 1 bytes, line 1204
1204
1205<script 1206 defer 1207 src="https://colehaan.com.ph/cdn/shopifycloud/perf-kit/shopify-perf-kit-3.9.4.min.js" 1208 data-application="storefront-renderer" 1209 data-shop-id="44543082658" 1210 data-render-region="gcp-us-central1" 1211 data-page-type="index" 1212 data-theme-instance-id="166952042740" 1213 data-theme-name="Dawn" 1214 data-theme-version="9.0.0" 1215 data-monorail-region="shop_domain" 1216 data-resource-timing-sampling-rate="10" 1217 data-shs="true" 1218 data-shs-beacon="true" 1219 data-shs-export-with-fetch="true" 1220 data-shs-logs-sample-rate="1" 1221 data-shs-beacon-endpoint="https://colehaan.com.ph/api/collect" 1222></script>
1222 1223<meta name="shopify-y" content="6ded0f38-00b7-4398-be0e-4b2a098ede63" data-expiration="1822781605000"><meta name="shopify-s" content="caf8a2ab-e2a8-4512-8f3f-a0bda5adb3ec" data-expiration="1791225805000"><meta name="new-cookie-storage-activated" content="t"> 1224</head> 1225 1226 <body class="gradient"> 1227 <!-- Google Tag Manager (noscript) -->
vendor: 93 bytes, lines 1227-1230
1227 1228 <noscript 1229 ><iframe 1230 src="https://www.googletagmanager.com/ns.html?id=
1230GTM-KLN7S2H
vendor: 133 bytes, lines 1230-1236
1230" 1231 height="0" 1232 width="0" 1233 style="display:none;visibility:hidden" 1234 ></iframe 1235 ></noscript> 1236
1236<!-- End Google Tag Manager (noscript) --> 1237 <!-- Google Tag Manager NEW (noscript) -->
vendor: 72 bytes, lines 1237-1238
1237 1238 <noscript><iframe src="https://www.googletagmanager.com/ns.html?id=
1238GTM-5NM4HXP
vendor: 92 bytes, lines 1238-1241
1238" 1239height="0" width="0" style="display:none;visibility:hidden"></iframe> 1240 </noscript> 1241
1241<!-- End Google Tag Manager NEW (noscript) --> 1242 1243 <!-- Google Tag Manager (noscript) -->
vendor: 72 bytes, lines 1243-1244
1243 1244 <noscript><iframe src="https://www.googletagmanager.com/ns.html?id=
1244GTM-MHLW2KQ
vendor: 91 bytes, lines 1244-1246
1244" 1245 height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript> 1246
1246<!-- End Google Tag Manager (noscript) --> 1247 1248 <!--
1248<script async type="text/javascript" src="https://static.klaviyo.com/onsite/js/klaviyo.js?company_id=W8DuUX"></script>
1248 --> 1249 1250 <!-- maps by develic app code starts --> 1251 1252 <!-- maps by develic app code ends--> 1253 1254 1255 1256<style type="text/css"> 1257 1258</style> 1259
1260<script id="subscribe-it-helper"> 1261 var _SIConfig = _SIConfig || {}; 1262 1263 _SIConfig = { 1264 "app_hostname": "xsy6rdr4zb.execute-api.us-west-1.amazonaws.com", 1265 "conversions_hostname": "ifouxf840g.execute-api.us-west-1.amazonaws.com", 1266 "instock_qty_level": 1, 1267 "preorder_enabled": false, 1268 "require_inventory_management": true, 1269 "ignore_duplicate_skus": false, 1270 "generic_trigger_handler": true, 1271 "quantity_field_enabled": false, 1272 "labels": { 1273 "headline": "NOTIFY WHEN AVAILABLE", 1274 "email_address_label": "Email address", 1275 "product_field_label": "Select product", 1276 "button_label": "Notify Me", 1277 "body_copy": "We will send you a notification as soon as this product is available again.", 1278 "footer_copy": "We respect your privacy and don't share your email with anybody.", 1279 "registration_complete": "Your notification has been registered.", 1280 "email_invalid": "Invalid email address", 1281 "uniqueness_of_email": "You have already registered for a notification for that item.", 1282 "close_label": "Close", 1283 "quantity_required_label": "Quantity required", 1284 "email_tab_text": "Email", 1285 "sms_tab_text": "SMS", 1286 "fb_instruction_message": "Click below to receive notification on Facebook Messenger", 1287 "fb_cta_button_text": "GET_THIS_IN_MESSENGER", 1288 "fb_cta_button_language": "en_US", 1289 "push_notification_label": "Also notify me via push notification", 1290 "empty_email_phone_validation_message": "Please provide email or phone number.", 1291 "terms_and_conditions_text": "I accept the terms and conditions" 1292 }, 1293 "form_display_type": "POPUP", 1294 "madeby_link_visible": true, 1295 "hide_for_product_tag": "notify-it-hidden", 1296 "hide_for_collections": "", 1297 "recaptcha_enabled": null, 1298 "content_for_body": "", 1299 "show_phone_number_field": true, 1300 "only_sms_enabled": false, 1301 "show_notify_me_button_on_collection_page": false, 1302 "show_sms_first": false, 1303 "push_owl_enabled" : false, 1304 "show_fb" : false, 1305 "fb_page_id" : "", 1306 "newsletter_permission_enabled": false, 1307 "show_terms_and_conditions": false, 1308 "newsletter_permission_default_checked": false, 1309 "newsletter_permission_text": "Signup for newsletter?", 1310 "popup_theme": { 1311 "text_font_name": "Helvetica", 1312 "background_color": "#ffffff", 1313 "border_color": "#ffffff", 1314 "border_width": 0, 1315 "text_color": "#333333", 1316 "button_background_color": "#000000", 1317 "button_text_color": "#ffffff", 1318 "button_corner_radius": 5, 1319 "input_border_radius": 5, 1320 "input_border_width": 2, 1321 "input_border_color": "#000000", 1322 "success_background_color": "#dff0d8", 1323 "success_text_color": "#3c763d", 1324 "failure_background_color": "#f2dede", 1325 "failure_text_color": "#a94442", 1326 "close_button_color": "#cccccc", 1327 "fade_color": "#000000", 1328 "fade_color_rgb": "0,0,0", 1329 "selected_tab_text_color": "#ffffff", 1330 "selected_tab_background_color": "#000000", 1331 "signup_form_custom_css": "" 1332 }, 1333 "button": { 1334 "use_image": false, 1335 "caption": "NOTIFY WHEN AVAILABLE", 1336 "font_size": 16, 1337 "bold": true, 1338 "position": "right-top", 1339 "corner_offset": 100, 1340 "selected_selector": "", 1341 "placement": "", 1342 "background_color": "#000000", 1343 "text_color": "#ffffff", 1344 "border_color": "#000000", 1345 "border_width": 1, 1346 "border_radius": 3, 1347 "image": "//static.back-in-stock.appikon.com/assets/widget/notify-btn-vertical-f46bd7ac1b51e7d3c6a766d843fe60b46f8628e13e717124d83ffe65be466f4d.png", 1348 "visible": true, 1349 "always_show_widget": false, 1350 "widget_button_enabled": false, 1351 "countdown_timer_enabled": false, 1352 "countdown_timer_reset_enabled": false, 1353 "countdown_timer_expiration": "-1", 1354 "countdown_timer_products": "[]" 1355 }, 1356 "main_button": { 1357 "main_caption": "NOTIFY WHEN AVAILABLE", 1358 "main_css_classes": "", 1359 "main_button_width": "", 1360 "main_button_height": "", 1361 "main_caption_size": "", 1362 "main_margin_top": "", 1363 "main_margin_bottom": "", 1364 "main_margin_left": "", 1365 "main_margin_right": "", 1366 "main_text_color": "", 1367 "main_hover_text_color": "", 1368 "main_text_style": "", 1369 "main_background_color": "", 1370 "main_hover_background_color": "", 1371 "main_border_color": "", 1372 "main_hover_border_color": "", 1373 "main_border_size": "", 1374 "main_border_radius": "" 1375 }, 1376 "partials": {}, 1377 "preferredCountries": ["US","GB","AU","CA","FR","DE"], 1378 "multivariant_dropdown_container": "document", 1379 "shop": "colehaanuk.myshopify.com", 1380 "styles": "/*!\n * Bootstrap v3.4.1 (https://getbootstrap.com/)\n * Copyright 2011-2019 Twitter, Inc.\n * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)\n *//*! normalize.css v3.0.3 | MIT License | github.com/necolas/normalize.css */html{font-family:sans-serif;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}body{margin:0}article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section,summary{display:block}audio,canvas,progress,video{display:inline-block;vertical-align:baseline}audio:not([controls]){display:none;height:0}[hidden],template{display:none}a{background-color:transparent}a:active,a:hover{outline:0}abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted}b,strong{font-weight:bold}dfn{font-style:italic}h1{font-size:2em;
1380margin:0.67em 0}mark{background:#ff0;color:#000}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sup{top:-0.5em}sub{bottom:-0.25em}img{border:0}svg:not(:root){overflow:hidden}figure{margin:1em 40px}hr{-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box;height:0}pre{overflow:auto}code,kbd,pre,samp{font-family:monospace, monospace;font-size:1em}button,input,optgroup,select,textarea{color:inherit;font:inherit;margin:0}button{overflow:visible}button,select{text-transform:none}button,html input[type=\"button\"],input[type=\"reset\"],input[type=\"submit\"]{-webkit-appearance:button;cursor:pointer}button[disabled],html input[disabled]{cursor:default}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}input{line-height:normal}input[type=\"checkbox\"],input[type=\"radio\"]{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;padding:0}input[type=\"number\"]::-webkit-inner-spin-button,input[type=\"number\"]::-webkit-outer-spin-button{height:auto}input[type=\"search\"]{-webkit-appearance:textfield;-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box}input[type=\"search\"]::-webkit-search-cancel-button,input[type=\"search\"]::-webkit-search-decoration{-webkit-appearance:none}fieldset{border:1px solid #c0c0c0;margin:0 2px;padding:0.35em 0.625em 0.75em}legend{border:0;padding:0}textarea{overflow:auto}optgroup{font-weight:bold}table{border-collapse:collapse;border-spacing:0}td,th{padding:0}*{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}*:before,*:after{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}html{font-size:10px;-webkit-tap-highlight-color:transparent}body{font-family:\"Helvetica Neue\", Helvetica, Arial, sans-serif;font-size:14px;line-height:1.42857143;color:#333333;background-color:#ffffff}input,button,select,textarea{font-family:inherit;font-size:inherit;line-height:inherit}a{color:#337ab7;text-decoration:none}a:hover,a:focus{color:#23527c;text-decoration:underline}a:focus{outline:5px auto -webkit-focus-ring-color;outline-offset:-2px}figure{margin:0}img{vertical-align:middle}.img-responsive{display:block;max-width:100%;height:auto}.img-rounded{border-radius:6px}.img-thumbnail{padding:4px;line-height:1.42857143;background-color:#ffffff;border:1px solid #dddddd;border-radius:4px;-webkit-transition:all 0.2s ease-in-out;-o-transition:all 0.2s ease-in-out;transition:all 0.2s ease-in-out;display:inline-block;max-width:100%;height:auto}.img-circle{border-radius:50%}hr{margin-top:20px;margin-bottom:20px;border:0;border-top:1px solid #eeeeee}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);border:0}.sr-only-focusable:active,.sr-only-focusable:focus{position:static;width:auto;height:auto;margin:0;overflow:visible;clip:auto}[role=\"button\"]{cursor:pointer}h1,h2,h3,h4,h5,h6,.h1,.h2,.h3,.h4,.h5,.h6{font-family:inherit;font-weight:500;line-height:1.1;color:inherit}h1 small,h2 small,h3 small,h4 small,h5 small,h6 small,.h1 small,.h2 small,.h3 small,.h4 small,.h5 small,.h6 small,h1 .small,h2 .small,h3 .small,h4 .small,h5 .small,h6 .small,.h1 .small,.h2 .small,.h3 .small,.h4 .small,.h5 .small,.h6 .small{font-weight:400;line-height:1;color:#777777}h1,.h1,h2,.h2,h3,.h3{margin-top:20px;margin-bottom:10px}h1 small,.h1 small,h2 small,.h2 small,h3 small,.h3 small,h1 .small,.h1 .small,h2 .small,.h2 .small,h3 .small,.h3 .small{font-size:65%}h4,.h4,h5,.h5,h6,.h6{margin-top:10px;margin-bottom:10px}h4 small,.h4 small,h5 small,.h5 small,h6 small,.h6 small,h4 .small,.h4 .small,h5 .small,.h5 .small,h6 .small,.h6 .small{font-size:75%}h1,.h1{font-size:36px}h2,.h2{font-size:30px}h3,.h3{font-size:24px}h4,.h4{font-size:18px}h5,.h5{font-size:14px}h6,.h6{font-size:12px}p{margin:0 0 10px}.lead{margin-bottom:20px;font-size:16px;font-weight:300;line-height:1.4}@media (min-width: 768px){.lead{font-size:21px}}small,.small{font-size:85%}mark,.mark{padding:.2em;background-color:#fcf8e3}.text-left{text-align:left}.text-right{text-align:right}.text-center{text-align:center}
1380.text-justify{text-align:justify}.text-nowrap{white-space:nowrap}.text-lowercase{text-transform:lowercase}.text-uppercase{text-transform:uppercase}.text-capitalize{text-transform:capitalize}.text-muted{color:#777777}.text-primary{color:#337ab7}a.text-primary:hover,a.text-primary:focus{color:#286090}.text-success{color:#3c763d}a.text-success:hover,a.text-success:focus{color:#2b542c}.text-info{color:#31708f}a.text-info:hover,a.text-info:focus{color:#245269}.text-warning{color:#8a6d3b}a.text-warning:hover,a.text-warning:focus{color:#66512c}.text-danger{color:#a94442}a.text-danger:hover,a.text-danger:focus{color:#843534}.bg-primary{color:#fff;background-color:#337ab7}a.bg-primary:hover,a.bg-primary:focus{background-color:#286090}.bg-success{background-color:#dff0d8}a.bg-success:hover,a.bg-success:focus{background-color:#c1e2b3}.bg-info{background-color:#d9edf7}a.bg-info:hover,a.bg-info:focus{background-color:#afd9ee}.bg-warning{background-color:#fcf8e3}a.bg-warning:hover,a.bg-warning:focus{background-color:#f7ecb5}.bg-danger{background-color:#f2dede}a.bg-danger:hover,a.bg-danger:focus{background-color:#e4b9b9}.page-header{padding-bottom:9px;margin:40px 0 20px;border-bottom:1px solid #eeeeee}ul,ol{margin-top:0;margin-bottom:10px}ul ul,ol ul,ul ol,ol ol{margin-bottom:0}.list-unstyled{padding-left:0;list-style:none}.list-inline{padding-left:0;list-style:none;margin-left:-5px}.list-inline\u003eli{display:inline-block;padding-right:5px;padding-left:5px}dl{margin-top:0;margin-bottom:20px}dt,dd{line-height:1.42857143}dt{font-weight:700}dd{margin-left:0}@media (min-width: 768px){.dl-horizontal dt{float:left;width:160px;clear:left;text-align:right;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dl-horizontal dd{margin-left:180px}}abbr[title],abbr[data-original-title]{cursor:help}.initialism{font-size:90%;text-transform:uppercase}blockquote{padding:10px 20px;margin:0 0 20px;font-size:17.5px;border-left:5px solid #eeeeee}blockquote p:last-child,blockquote ul:last-child,blockquote ol:last-child{margin-bottom:0}blockquote footer,blockquote small,blockquote .small{display:block;font-size:80%;line-height:1.42857143;color:#777777}blockquote footer:before,blockquote small:before,blockquote .small:before{content:\"\\2014 \\00A0\"}.blockquote-reverse,blockquote.pull-right{padding-right:15px;padding-left:0;text-align:right;border-right:5px solid #eeeeee;border-left:0}.blockquote-reverse footer:before,blockquote.pull-right footer:before,.blockquote-reverse small:before,blockquote.pull-right small:before,.blockquote-reverse .small:before,blockquote.pull-right .small:before{content:\"\"}.blockquote-reverse footer:after,blockquote.pull-right footer:after,.blockquote-reverse small:after,blockquote.pull-right small:after,.blockquote-reverse .small:after,blockquote.pull-right .small:after{content:\"\\00A0 \\2014\"}address{margin-bottom:20px;font-style:normal;line-height:1.42857143}.container{padding-right:15px;padding-left:15px;margin-right:auto;margin-left:auto}@media (min-width: 768px){.container{width:750px}}@media (min-width: 992px){.container{width:970px}}@media (min-width: 1200px){.container{width:1170px}}.container-fluid{padding-right:15px;padding-left:15px;margin-right:auto;margin-left:auto}.row{margin-right:-15px;margin-left:-15px}.row-no-gutters{margin-right:0;margin-left:0}.row-no-gutters [class*=\"col-\"]{padding-right:0;padding-left:0}.col-xs-1,.col-sm-1,.col-md-1,.col-lg-1,.col-xs-2,.col-sm-2,.col-md-2,.col-lg-2,.col-xs-3,.col-sm-3,.col-md-3,.col-lg-3,.col-xs-4,.col-sm-4,.col-md-4,.col-lg-4,.col-xs-5,.col-sm-5,.col-md-5,.col-lg-5,.col-xs-6,.col-sm-6,.col-md-6,.col-lg-6,.col-xs-7,.col-sm-7,.col-md-7,.col-lg-7,.col-xs-8,.col-sm-8,.col-md-8,.col-lg-8,.col-xs-9,.col-sm-9,.col-md-9,.col-lg-9,.col-xs-10,.col-sm-10,.col-md-10,.col-lg-10,.col-xs-11,.col-sm-11,.col-md-11,.col-lg-11,.col-xs-12,.col-sm-12,.col-md-12,.col-lg-12{position:relative;min-height:1px;padding-right:15px;padding-left:15
vendor: 7,049 bytes, line 1380
1380px}.col-xs-1,.col-xs-2,.col-xs-3,.col-xs-4,.col-xs-5,.col-xs-6,.col-xs-7,.col-xs-8,.col-xs-9,.col-xs-10,.col-xs-11,.col-xs-12{float:left}.col-xs-12{width:100%}.col-xs-11{width:91.66666667%}.col-xs-10{width:83.33333333%}.col-xs-9{width:75%}.col-xs-8{width:66.66666667%}.col-xs-7{width:58.33333333%}.col-xs-6{width:50%}.col-xs-5{width:41.66666667%}.col-xs-4{width:33.33333333%}.col-xs-3{width:25%}.col-xs-2{width:16.66666667%}.col-xs-1{width:8.33333333%}.col-xs-pull-12{right:100%}.col-xs-pull-11{right:91.66666667%}.col-xs-pull-10{right:83.33333333%}.col-xs-pull-9{right:75%}.col-xs-pull-8{right:66.66666667%}.col-xs-pull-7{right:58.33333333%}.col-xs-pull-6{right:50%}.col-xs-pull-5{right:41.66666667%}.col-xs-pull-4{right:33.33333333%}.col-xs-pull-3{right:25%}.col-xs-pull-2{right:16.66666667%}.col-xs-pull-1{right:8.33333333%}.col-xs-pull-0{right:auto}.col-xs-push-12{left:100%}.col-xs-push-11{left:91.66666667%}.col-xs-push-10{left:83.33333333%}.col-xs-push-9{left:75%}.col-xs-push-8{left:66.66666667%}.col-xs-push-7{left:58.33333333%}.col-xs-push-6{left:50%}.col-xs-push-5{left:41.66666667%}.col-xs-push-4{left:33.33333333%}.col-xs-push-3{left:25%}.col-xs-push-2{left:16.66666667%}.col-xs-push-1{left:8.33333333%}.col-xs-push-0{left:auto}.col-xs-offset-12{margin-left:100%}.col-xs-offset-11{margin-left:91.66666667%}.col-xs-offset-10{margin-left:83.33333333%}.col-xs-offset-9{margin-left:75%}.col-xs-offset-8{margin-left:66.66666667%}.col-xs-offset-7{margin-left:58.33333333%}.col-xs-offset-6{margin-left:50%}.col-xs-offset-5{margin-left:41.66666667%}.col-xs-offset-4{margin-left:33.33333333%}.col-xs-offset-3{margin-left:25%}.col-xs-offset-2{margin-left:16.66666667%}.col-xs-offset-1{margin-left:8.33333333%}.col-xs-offset-0{margin-left:0%}@media (min-width: 768px){.col-sm-1,.col-sm-2,.col-sm-3,.col-sm-4,.col-sm-5,.col-sm-6,.col-sm-7,.col-sm-8,.col-sm-9,.col-sm-10,.col-sm-11,.col-sm-12{float:left}.col-sm-12{width:100%}.col-sm-11{width:91.66666667%}.col-sm-10{width:83.33333333%}.col-sm-9{width:75%}.col-sm-8{width:66.66666667%}.col-sm-7{width:58.33333333%}.col-sm-6{width:50%}.col-sm-5{width:41.66666667%}.col-sm-4{width:33.33333333%}.col-sm-3{width:25%}.col-sm-2{width:16.66666667%}.col-sm-1{width:8.33333333%}.col-sm-pull-12{right:100%}.col-sm-pull-11{right:91.66666667%}.col-sm-pull-10{right:83.33333333%}.col-sm-pull-9{right:75%}.col-sm-pull-8{right:66.66666667%}.col-sm-pull-7{right:58.33333333%}.col-sm-pull-6{right:50%}.col-sm-pull-5{right:41.66666667%}.col-sm-pull-4{right:33.33333333%}.col-sm-pull-3{right:25%}.col-sm-pull-2{right:16.66666667%}.col-sm-pull-1{right:8.33333333%}.col-sm-pull-0{right:auto}.col-sm-push-12{left:100%}.col-sm-push-11{left:91.66666667%}.col-sm-push-10{left:83.33333333%}.col-sm-push-9{left:75%}.col-sm-push-8{left:66.66666667%}.col-sm-push-7{left:58.33333333%}.col-sm-push-6{left:50%}.col-sm-push-5{left:41.66666667%}.col-sm-push-4{left:33.33333333%}.col-sm-push-3{left:25%}.col-sm-push-2{left:16.66666667%}.col-sm-push-1{left:8.33333333%}.col-sm-push-0{left:auto}.col-sm-offset-12{margin-left:100%}.col-sm-offset-11{margin-left:91.66666667%}.col-sm-offset-10{margin-left:83.33333333%}.col-sm-offset-9{margin-left:75%}.col-sm-offset-8{margin-left:66.66666667%}.col-sm-offset-7{margin-left:58.33333333%}.col-sm-offset-6{margin-left:50%}.col-sm-offset-5{margin-left:41.66666667%}.col-sm-offset-4{margin-left:33.33333333%}.col-sm-offset-3{margin-left:25%}.col-sm-offset-2{margin-left:16.66666667%}.col-sm-offset-1{margin-left:8.33333333%}.col-sm-offset-0{margin-left:0%}}@media (min-width: 992px){.col-md-1,.col-md-2,.col-md-3,.col-md-4,.col-md-5,.col-md-6,.col-md-7,.col-md-8,.col-md-9,.col-md-10,.col-md-11,.col-md-12{float:left}.col-md-12{width:100%}.col-md-11{width:91.66666667%}.col-md-10{width:83.33333333%}.col-md-9{width:75%}.col-md-8{width:66.66666667%}.col-md-7{width:58.33333333%}.col-md-6{width:50%}.col-md-5{width:41.66666667%}.col-md-4{width:33.33333333%}.col-md-3{width:25%}.col-md-2{width:16.66666667%}.col-md-1{width:8.33333333%}.col-md-pull-12{right:100%}.col-md-pull-11{right:91.66666667%}.col-md-pull-10{right:83.33333333%}.col-md-pull-9{right:75%}.col-md-pull-8{right:66.66666667%}.col-md-pull-7{right:58.33333333%}.col-md-pull-6{right:50%}.col-md-pull-5{right:41.66666667%}.col-md-pull-4{right:33.33333333%}.col-md-pull-3{right:25%}.col-md-pull-2{right:16.66666667%}.col-md-pull-1{right:8.33333333%}.col-md-pull-0{right:auto}.col-md-push-12{left:100%}.col-md-push-11{left:91.66666667%}.col-md-push-10{left:83.33333333%}.col-md-push-9{left:75%}.col-md-push-8{left:66.66666667%}.col-md-push-7{left:58.33333333%}.col-md-push-6{left:50%}.col-md-push-5{left:41.66666667%}.col-md-push-4{left:33.33333333%}.col-md-push-3{left:25%}.col-md-push-2{left:16.66666667%}.col-md-push-1{left:8.33333333%}.col-md-push-0{left:auto}.col-md-offset-12{margin-left:100%}.col-md-offset-11{margin-left:91.66666667%}.col-md-offset-10{margin-left:83.33333333%}.col-md-offset-9{margin-left:75%}.col-md-offset-8{margin-left:66.66666667%}.col-md-offset-7{margin-left:58.33333333%}.col-md-offset-6{margin-left:50%}.col-md-offset-5{margin-left:41.66666667%}.col-md-offset-4{margin-left:33.33333333%}.col-md-offset-3{margin-left:25%}.col-md-offset-2{margin-left:16.66666667%}.col-md-offset-1{margin-left:8.33333333%}.col-md-offset-0{margin-left:0%}}@media (min-width: 1200px){.col-lg-1,.col-lg-2,.col-lg-3,.col-lg-4,.col-lg-5,.col-lg-6,.col-lg-7,.col-lg-8,.col-lg-9,.col-lg-10,.col-lg-11,.col-lg-12{float:left}.col-lg-12{width:100%}.col-lg-11{width:91.66666667%}.col-lg-10{width:83.33333333%}.col-lg-9{width:75%}.col-lg-8{width:66.66666667%}.col-lg-7{width:58.33333333%}.col-lg-6{width:50%}.col-lg-5{width:41.66666667%}.col-lg-4{width:33.33333333%}.col-lg-3{width:25%}.col-lg-2{width:16.66666667%}.col-lg-1{width:8.33333333%}.col-lg-pull-12{right:100%}.col-lg-pull-11{right:91.66666667%}.col-lg-pull-10{right:83.33333333%}.col-lg-pull-9{right:75%}.col-lg-pull-8{right:66.66666667%}.col-lg-pull-7{right:58.33333333%}.col-lg-pull-6{right:50%}.col-lg-pull-5{right:41.66666667%}.col-lg-pull-4{right:33.33333333%}.col-lg-pull-3{right:25%}.col-lg-pull-2{right:16.66666667%}.col-lg-pull-1{right:8.33333333%}.col-lg-pull-0{right:auto}.col-lg-push-12{left:100%}.col-lg-push-11{left:91.66666667%}.col-lg-push-10{left:83.33333333%}.col-lg-push-9{left:75%}.col-lg-push-8{left:66.66666667%}.col-lg-push-7{left:58.33333333%}.col-lg-push-6{left:50%}.col-lg-push-5{left:41.66666667%}.col-lg-push-4{left:33.33333333%}.col-lg-push-3{left:25%}.col-lg-push-2{left:16.66666667%}.col-lg-push-1{left:8.33333333%}.col-lg-push-0{left:auto}.col-lg-offset-12{margin-left:100%}.col-lg-offset-11{margin-left:91.66666667%}.col-lg-offset-10{margin-left:83.33333333%}.col-lg-offset-9{margin-left:75%}.col-lg-offset-8{margin-left:66.66666667%}.col-lg-offset-7{margin-left:58.33333333%}.col-lg-offset-6{margin-left:50%}.col-lg-offset-5{margin-left:41.66666667%}.col-lg-offset-4{margin-left:33.33333333%}.col-lg-offset-3{margin-left:25%}.col-lg-offset-2{margin-left:16.66666667%}.col-lg-offset-1{margin-left:8.33333333%}.col-lg-offset-0{margin-left:0%}}
1380fieldset{min-width:0;padding:0;margin:0;border:0}legend{display:block;width:100%;padding:0;margin-bottom:20px;font-size:21px;line-height:inherit;color:#333333;border:0;border-bottom:1px solid #e5e5e5}label{display:inline-block;max-width:100%;margin-bottom:5px;font-weight:700}input[type=\"search\"]{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;-webkit-appearance:none;appearance:none}input[type=\"radio\"],input[type=\"checkbox\"]{margin:4px 0 0;margin-top:1px \\9;line-height:normal}input[type=\"radio\"][disabled],input[type=\"checkbox\"][disabled],input[type=\"radio\"].disabled,input[type=\"checkbox\"].disabled,fieldset[disabled] input[type=\"radio\"],fieldset[disabled] input[type=\"checkbox\"]{cursor:not-allowed}input[type=\"file\"]{display:block}input[type=\"range\"]{display:block;width:100%}select[multiple],select[size]{height:auto}input[type=\"file\"]:focus,input[type=\"radio\"]:focus,input[type=\"checkbox\"]:focus{outline:5px auto -webkit-focus-ring-color;outline-offset:-2px}output{display:block;padding-top:7px;font-size:14px;line-height:1.42857143;color:#555555}.form-control{display:block;width:100%;height:34px;padding:6px 12px;font-size:14px;line-height:1.42857143;color:#555555;background-color:#ffffff;background-image:none;border:1px solid #cccccc;border-radius:4px;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,0.075);box-shadow:inset 0 1px 1px rgba(0,0,0,0.075);-webkit-transition:border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;-o-transition:border-color ease-in-out .15s, box-shadow ease-in-out .15s;transition:border-color ease-in-out .15s, box-shadow ease-in-out .15s}.form-control:focus{border-color:#66afe9;outline:0;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,0.075),0 0 8px rgba(102,175,233,0.6);box-shadow:inset 0 1px 1px rgba(0,0,0,0.075),0 0 8px rgba(102,175,233,0.6)}.form-control::-moz-placeholder{color:#999999;opacity:1}.form-control:-ms-input-placeholder{color:#999999}.form-control::-webkit-input-placeholder{color:#999999}.form-control::-ms-expand{background-color:transparent;border:0}.form-control[disabled],.form-control[readonly],fieldset[disabled] .form-control{background-color:#eeeeee;opacity:1}.form-control[disabled],fieldset[disabled] .form-control{cursor:not-allowed}textarea.form-control{height:auto}@media screen and (-webkit-min-device-pixel-ratio: 0){input[type=\"date\"].form-control,input[type=\"time\"].form-control,input[type=\"datetime-local\"].form-control,input[type=\"month\"].form-control{line-height:34px}input[type=\"date\"].input-sm,input[type=\"time\"].input-sm,input[type=\"datetime-local\"].input-sm,input[type=\"month\"].input-sm,.input-group-sm input[type=\"date\"],.input-group-sm input[type=\"time\"],.input-group-sm input[type=\"datetime-local\"],.input-group-sm input[type=\"month\"]{line-height:30px}input[type=\"date\"].input-lg,input[type=\"time\"].input-lg,input[type=\"datetime-local\"].input-lg,input[type=\"month\"].input-lg,.input-group-lg input[type=\"date\"],.input-group-lg input[type=\"time\"],.input-group-lg input[type=\"datetime-local\"],.input-group-lg input[type=\"month\"]{line-height:46px}}.form-group{margin-bottom:15px}.radio,.checkbox{position:relative;display:block;margin-top:10px;margin-bottom:10px}.radio.disabled label,.checkbox.disabled label,fieldset[disabled] .radio label,fieldset[disabled] .checkbox label{cursor:not-allowed}.radio label,.checkbox label{min-height:20px;padding-left:20px;margin-bottom:0;font-weight:400;cursor:pointer}.radio input[type=\"radio\"],.radio-inline input[type=\"radio\"],.checkbox input[type=\"checkbox\"],.checkbox-inline input[type=\"checkbox\"]{position:absolute;margin-top:4px \\9;margin-left:-20px}.radio+.radio,.checkbox+.checkbox{margin-top:-5px}.radio-inline,.checkbox-inline{position:relative;display:inline-block;padding-left:20px;margin-bottom:0;font-weight:400;vertical-align:middle;cursor:pointer}.radio-inline.disabled,.checkbox-inline.disabled,fieldset[disabled] .radio-inline,fieldset[disabled] .checkbox-inline{cursor:not-allowed}.radio-inline+.radio-inline,.checkbox-inline+.checkbox-inline{margin-top:0;margin-left:10px}.form-control-static{min-height:34px;padding-top:7px;padding-bottom:7px;margin-bottom:0}.form-control-static.input-lg,.form-control-static.input-sm{padding-right:0;padding-left:0}.input-sm{height:30px;padding:5px 10px;font-size:12px;line-height:1.5;border-radius:3px}select.input-sm{height:30px;line-height:30px}textarea.input-sm,select[multiple].input-sm{height:auto}.form-group-sm .form-control{height:30px;padding:5px 10px;font-size:12px;line-height:1.5;border-radius:3px}.form-group-sm select.form-control{height:30px;line-height:30px}.form-group-sm textarea.form-control,.form-group-sm select[multiple].form-control{height:auto}.form-group-sm .form-control-static{height:30px;min-height:32px;padding:6px 10px;font-size:12px;line-height:1.5}.input-lg{height:46px;padding:10px 16px;font-size:18px;line-height:1.3333333;border-radius:6px}select.input-lg{height:46px;line-height:46px}textarea.input-lg,select[multiple].input-lg{height:auto}.form-group-lg .form-control{height:46px;padding:10px 16px;font-size:18px;line-height:1.3333333;border-radius:6px}.form-group-lg select.form-control{height:46px;line-height:46px}.form-group-lg textarea.form-control,.form-group-lg select[multiple].form-control{height:auto}.form-group-lg .form-control-static{height:46px;min-height:38px;padding:11px 16px;font-size:18px;line-height:1.3333333}.has-feedback{position:relative}.has-feedback .form-control{padding-right:42.5px}.form-control-feedback{position:absolute;top:0;right:0;z-index:2;display:block;width:34px;height:34px;line-height:34px;text-align:center;pointer-events:none}.input-lg+.form-control-feedback,.input-group-lg+.form-control-feedback,.form-group-lg .form-control+.form-control-feedback{width:46px;height:46px;line-height:46px}.input-sm+.form-control-feedback,.input-group-sm+.form-control-feedback,.form-group-sm .form-control+.form-control-feedback{width:30px;height:30px;line-height:30px}.has-success .help-block,.has-success .control-label,.has-success .radio,.has-success .checkbox,.has-success .radio-inline,.has-success .checkbox-inline,.has-success.radio label,.has-success.checkbox label,.has-success.radio-inline label,.has-success.checkbox-inline label{color:#3c763d}.has-success .form-control{border-color:#3c763d;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,0.075);box-shadow:inset 0 1px 1px rgba(0,0,0,0.075)}.has-success .form-control:focus{border-color:#2b542c;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,0.075),0 0 6px #67b168;box-shadow:inset 0 1px 1px rgba(0,0,0,0.075),0 0 6px #67b168}.has-success .input-group-addon{color:#3c763d;background-color:#dff0d8;border-color:#3c763d}.has-success .form-control-feedback{color:#3c763d}.has-warning .help-block,.has-warning .control-label,.has-warning .radio,.has-warning .checkbox,.has-warning .radio-inline,.has-warning .checkbox-inline,.has-warning.radio label,.has-warning.checkbox label,.has-warning.radio-inline label,.has-warning.checkbox-inline label{color:#8a6d3b}.has-warning .form-control{border-color:#8a6d3b;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,0.075);box-shadow:inset 0 1px 1px rgba(0,0,0,0.075)}.has-warning .form-control:focus{border-color:#66512c;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,0.075),0 0 6px #c0a16b;box-shadow:inset 0 1px 1px rgba(0,0,0,0.075),0 0 6px #c0a16b}.has-warning .input-group-addon{color:#8a6d3b;background-color:#fcf8e3;border-color:#8a6d3b}.has-warning .form-control-feedback{color:#8a6d3b}.has-error .help-block,.has-error .control-label,.has-error .radio,.has-error .checkbox,.has-error .radio-inline,.has-error .checkbox-inline,.has-error.radio label,.has-error.checkbox label,.has-error.radio-inline label,.has-error.checkbox-inline label{color:#a94442}.has-error .form-control{border-color:#a94442;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,0.075);box-shadow:inset 0 1px 1px rgba(0,0,0,0.075)}.has-error .form-control:focus{border-color:#843534;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,0.075),0 0 6px #ce8483;box-shadow:inset 0 1px 1px rgba(0,0,0,0.075),0 0 6px #ce8483}.has-error .input-group-addon{color:#a94442;background-color:#f2dede;border-color:#a94442}.has-error .form-control-feedback{color:#a94442}.has-feedback label ~ .form-control-feedback{top:25px}.has-feedback label.sr-only ~ .form-control-feedback{top:0}.help-block{display:block;margin-top:5px;margin-bottom:10px;color:#737373}
1380@media (min-width: 768px){.form-inline .form-group{display:inline-block;margin-bottom:0;vertical-align:middle}.form-inline .form-control{display:inline-block;width:auto;vertical-align:middle}.form-inline .form-control-static{display:inline-block}.form-inline .input-group{display:inline-table;vertical-align:middle}.form-inline .input-group .input-group-addon,.form-inline .input-group .input-group-btn,.form-inline .input-group .form-control{width:auto}.form-inline .input-group\u003e.form-control{width:100%}.form-inline .control-label{margin-bottom:0;vertical-align:middle}.form-inline .radio,.form-inline .checkbox{display:inline-block;margin-top:0;margin-bottom:0;vertical-align:middle}.form-inline .radio label,.form-inline .checkbox label{padding-left:0}.form-inline .radio input[type=\"radio\"],.form-inline .checkbox input[type=\"checkbox\"]{position:relative;margin-left:0}.form-inline .has-feedback .form-control-feedback{top:0}}.form-horizontal .radio,.form-horizontal .checkbox,.form-horizontal .radio-inline,.form-horizontal .checkbox-inline{padding-top:7px;margin-top:0;margin-bottom:0}.form-horizontal .radio,.form-horizontal .checkbox{min-height:27px}.form-horizontal .form-group{margin-right:-15px;margin-left:-15px}@media (min-width: 768px){.form-horizontal .control-label{padding-top:7px;margin-bottom:0;text-align:right}}.form-horizontal .has-feedback .form-control-feedback{right:15px}@media (min-width: 768px){.form-horizontal .form-group-lg .control-label{padding-top:11px;font-size:18px}}@media (min-width: 768px){.form-horizontal .form-group-sm .control-label{padding-top:6px;font-size:12px}}.btn{display:inline-block;margin-bottom:0;font-weight:normal;text-align:center;white-space:nowrap;vertical-align:middle;-ms-touch-action:manipulation;touch-action:manipulation;cursor:pointer;background-image:none;border:1px solid transparent;padding:6px 12px;font-size:14px;line-height:1.42857143;border-radius:4px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.btn:focus,.btn:active:focus,.btn.active:focus,.btn.focus,.btn:active.focus,.btn.active.focus{outline:5px auto -webkit-focus-ring-color;outline-offset:-2px}.btn:hover,.btn:focus,.btn.focus{color:#333333;text-decoration:none}.btn:active,.btn.active{background-image:none;outline:0;-webkit-box-shadow:inset 0 3px 5px rgba(0,0,0,0.125);box-shadow:inset 0 3px 5px rgba(0,0,0,0.125)}.btn.disabled,.btn[disabled],fieldset[disabled] .btn{cursor:not-allowed;filter:alpha(opacity=65);opacity:0.65;-webkit-box-shadow:none;box-shadow:none}a.btn.disabled,fieldset[disabled] a.btn{pointer-events:none}.btn-default{color:#333333;background-color:#ffffff;border-color:#cccccc}.btn-default:focus,.btn-default.focus{color:#333333;background-color:#e6e6e6;border-color:#8c8c8c}.btn-default:hover{color:#333333;background-color:#e6e6e6;border-color:#adadad}.btn-default:active,.btn-default.active,.open\u003e.dropdown-toggle.btn-default{color:#333333;background-color:#e6e6e6;background-image:none;border-color:#adadad}.btn-default:active:hover,.btn-default.active:hover,.open\u003e.dropdown-toggle.btn-default:hover,.btn-default:active:focus,.btn-default.active:focus,.open\u003e.dropdown-toggle.btn-default:focus,.btn-default:active.focus,.btn-default.active.focus,.open\u003e.dropdown-toggle.btn-default.focus{color:#333333;background-color:#d4d4d4;border-color:#8c8c8c}.btn-default.disabled:hover,.btn-default[disabled]:hover,fieldset[disabled] .btn-default:hover,.btn-default.disabled:focus,.btn-default[disabled]:focus,fieldset[disabled] .btn-default:focus,.btn-default.disabled.focus,.btn-default[disabled].focus,fieldset[disabled] .btn-default.focus{background-color:#ffffff;border-color:#cccccc}.btn-default .badge{color:#ffffff;background-color:#333333}.btn-primary{color:#ffffff;background-color:#337ab7;border-color:#2e6da4}.btn-primary:focus,.btn-primary.focus{color:#ffffff;background-color:#286090;border-color:#122b40}.btn-primary:hover{color:#ffffff;background-color:#286090;border-color:#204d74}.btn-primary:active,.btn-primary.active,.open\u003e.dropdown-toggle.btn-primary{color:#ffffff;background-color:#286090;background-image:none;border-color:#204d74}.btn-primary:active:hover,.btn-primary.active:hover,.open\u003e.dropdown-toggle.btn-primary:hover,.btn-primary:active:focus,.btn-primary.active:focus,.open\u003e.dropdown-toggle.btn-primary:focus,.btn-primary:active.focus,.btn-primary.active.focus,.open\u003e.dropdown-toggle.btn-primary.focus{color:#ffffff;background-color:#204d74;border-color:#122b40}
1380.btn-primary.disabled:hover,.btn-primary[disabled]:hover,fieldset[disabled] .btn-primary:hover,.btn-primary.disabled:focus,.btn-primary[disabled]:focus,fieldset[disabled] .btn-primary:focus,.btn-primary.disabled.focus,.btn-primary[disabled].focus,fieldset[disabled] .btn-primary.focus{background-color:#337ab7;border-color:#2e6da4}.btn-primary .badge{color:#337ab7;background-color:#ffffff}.btn-success{color:#ffffff;background-color:#000000;border-color:#000000}.btn-success:focus,.btn-success.focus{color:#ffffff;background-color:#000000;border-color:#000000}.btn-success:hover{color:#ffffff;background-color:#000000;border-color:#000000}.btn-success:active,.btn-success.active,.open\u003e.dropdown-toggle.btn-success{color:#ffffff;background-color:#000000;background-image:none;border-color:#000000}.btn-success:active:hover,.btn-success.active:hover,.open\u003e.dropdown-toggle.btn-success:hover,.btn-success:active:focus,.btn-success.active:focus,.open\u003e.dropdown-toggle.btn-success:focus,.btn-success:active.focus,.btn-success.active.focus,.open\u003e.dropdown-toggle.btn-success.focus{color:#ffffff;background-color:#000000;border-color:#000000}.btn-success.disabled:hover,.btn-success[disabled]:hover,fieldset[disabled] .btn-success:hover,.btn-success.disabled:focus,.btn-success[disabled]:focus,fieldset[disabled] .btn-success:focus,.btn-success.disabled.focus,.btn-success[disabled].focus,fieldset[disabled] .btn-success.focus{background-color:#000000;border-color:#000000}.btn-success .badge{color:#000000;background-color:#000000}.btn-info{color:#ffffff;background-color:#5bc0de;border-color:#46b8da}.btn-info:focus,.btn-info.focus{color:#ffffff;background-color:#31b0d5;border-color:#1b6d85}.btn-info:hover{color:#ffffff;background-color:#31b0d5;border-color:#269abc}.btn-info:active,.btn-info.active,.open\u003e.dropdown-toggle.btn-info{color:#ffffff;background-color:#31b0d5;background-image:none;border-color:#269abc}.btn-info:active:hover,.btn-info.active:hover,.open\u003e.dropdown-toggle.btn-info:hover,.btn-info:active:focus,.btn-info.active:focus,.open\u003e.dropdown-toggle.btn-info:focus,.btn-info:active.focus,.btn-info.active.focus,.open\u003e.dropdown-toggle.btn-info.focus{color:#ffffff;background-color:#269abc;border-color:#1b6d85}.btn-info.disabled:hover,.btn-info[disabled]:hover,fieldset[disabled] .btn-info:hover,.btn-info.disabled:focus,.btn-info[disabled]:focus,fieldset[disabled] .btn-info:focus,.btn-info.disabled.focus,.btn-info[disabled].focus,fieldset[disabled] .btn-info.focus{background-color:#5bc0de;border-color:#46b8da}.btn-info .badge{color:#5bc0de;background-color:#ffffff}.btn-warning{color:#ffffff;background-color:#f0ad4e;border-color:#eea236}.btn-warning:focus,.btn-warning.focus{color:#ffffff;background-color:#ec971f;border-color:#985f0d}.btn-warning:hover{color:#ffffff;background-color:#ec971f;border-color:#d58512}.btn-warning:active,.btn-warning.active,.open\u003e.dropdown-toggle.btn-warning{color:#ffffff;background-color:#ec971f;background-image:none;border-color:#d58512}.btn-warning:active:hover,.btn-warning.active:hover,.open\u003e.dropdown-toggle.btn-warning:hover,.btn-warning:active:focus,.btn-warning.active:focus,.open\u003e.dropdown-toggle.btn-warning:focus,.btn-warning:active.focus,.btn-warning.active.focus,.open\u003e.dropdown-toggle.btn-warning.focus{color:#ffffff;background-color:#d58512;border-color:#985f0d}.btn-warning.disabled:hover,.btn-warning[disabled]:hover,fieldset[disabled] .btn-warning:hover,.btn-warning.disabled:focus,.btn-warning[disabled]:focus,fieldset[disabled] .btn-warning:focus,.btn-warning.disabled.focus,.btn-warning[disabled].focus,fieldset[disabled] .btn-warning.focus{background-color:#f0ad4e;border-color:#eea236}.btn-warning .badge{color:#f0ad4e;background-color:#ffffff}.btn-danger{color:#ffffff;background-color:#d9534f;border-color:#d43f3a}.btn-danger:focus,.btn-danger.focus{color:#ffffff;background-color:#c9302c;border-color:#761c19}.btn-danger:hover{color:#ffffff;background-color:#c9302c;border-color:#ac2925}.btn-danger:active,.btn-danger.active,.open\u003e.dropdown-toggle.btn-danger{color:#ffffff;background-color:#c9302c;background-image:none;border-color:#ac2925}.btn-danger:active:hover,.btn-danger.active:hover,.open\u003e.dropdown-toggle.btn-danger:hover,.btn-danger:active:focus,.btn-danger.active:focus,.open\u003e.dropdown-toggle.btn-danger:focus,.btn-danger:active.focus,.btn-danger.active.focus,.open\u003e.dropdown-toggle.btn-danger.focus{color:#ffffff;background-color:#ac2925;border-color:#761c19}.btn-danger.disabled:hover,.btn-danger[disabled]:hover,fieldset[disabled] .btn-danger:hover,.btn-danger.disabled:focus,.btn-danger[disabled]:focus,fieldset[disabled] .btn-danger:focus,.btn-danger.disabled.focus,.btn-danger[disabled].focus,fieldset[disabled] .btn-danger.focus{background-color:#d9534f;border-color:#d43f3a}.btn-danger .badge{color:#d9534f;background-color:#ffffff}.btn-link{font-weight:400;color:#337ab7;border-radius:0}.btn-link,.btn-link:active,.btn-link.active,.btn-link[disabled],fieldset[disabled] .btn-link{background-color:transparent;-webkit-box-shadow:none;box-shadow:none}.btn-link,.btn-link:hover,.btn-link:focus,.btn-link:active{border-color:transparent}.btn-link:hover,.btn-link:focus{color:#23527c;text-decoration:underline;background-color:transparent}.btn-link[disabled]:hover,fieldset[disabled] .btn-link:hover,.btn-link[disabled]:focus,fieldset[disabled] .btn-link:focus{color:#7
138077777;text-decoration:none}.btn-lg,.btn-group-lg\u003e.btn{padding:10px 16px;font-size:18px;line-height:1.3333333;border-radius:6px}.btn-sm,.btn-group-sm\u003e.btn{padding:5px 10px;font-size:12px;line-height:1.5;border-radius:3px}.btn-xs,.btn-group-xs\u003e.btn{padding:1px 5px;font-size:12px;line-height:1.5;border-radius:3px}.btn-block{display:block;width:100%}.btn-block+.btn-block{margin-top:5px}input[type=\"submit\"].btn-block,input[type=\"reset\"].btn-block,input[type=\"button\"].btn-block{width:100%}.btn-group,.btn-group-vertical{position:relative;display:inline-block;vertical-align:middle}.btn-group\u003e.btn,.btn-group-vertical\u003e.btn{position:relative;float:left}.btn-group\u003e.btn:hover,.btn-group-vertical\u003e.btn:hover,.btn-group\u003e.btn:focus,.btn-group-vertical\u003e.btn:focus,.btn-group\u003e.btn:active,.btn-group-vertical\u003e.btn:active,.btn-group\u003e.btn.active,.btn-group-vertical\u003e.btn.active{z-index:2}.btn-group .btn+.btn,.btn-group .btn+.btn-group,.btn-group .btn-group+.btn,.btn-group .btn-group+.btn-group{margin-left:-1px}.btn-toolbar{margin-left:-5px}.btn-toolbar .btn,.btn-toolbar .btn-group,.btn-toolbar .input-group{float:left}.btn-toolbar\u003e.btn,.btn-toolbar\u003e.btn-group,.btn-toolbar\u003e.input-group{margin-left:5px}
1380.btn-group\u003e.btn:not(:first-child):not(:last-child):not(.dropdown-toggle){border-radius:0}.btn-group\u003e.btn:first-child{margin-left:0}.btn-group\u003e.btn:first-child:not(:last-child):not(.dropdown-toggle){border-top-right-radius:0;border-bottom-right-radius:0}.btn-group\u003e.btn:last-child:not(:first-child),.btn-group\u003e.dropdown-toggle:not(:first-child){border-top-left-radius:0;border-bottom-left-radius:0}.btn-group\u003e.btn-group{float:left}.btn-group\u003e.btn-group:not(:first-child):not(:last-child)\u003e.btn{border-radius:0}.btn-group\u003e.btn-group:first-child:not(:last-child)\u003e.btn:last-child,.btn-group\u003e.btn-group:first-child:not(:last-child)\u003e.dropdown-toggle{border-top-right-radius:0;border-bottom-right-radius:0}.btn-group\u003e.btn-group:last-child:not(:first-child)\u003e.btn:first-child{border-top-left-radius:0;border-bottom-left-radius:0}.btn-group .dropdown-toggle:active,.btn-group.open .dropdown-toggle{outline:0}.btn-group\u003e.btn+.dropdown-toggle{padding-right:8px;padding-left:8px}.btn-group\u003e.btn-lg+.dropdown-toggle{padding-right:12px;padding-left:12px}.btn-group.open .dropdown-toggle{-webkit-box-shadow:inset 0 3px 5px rgba(0,0,0,0.125);box-shadow:inset 0 3px 5px rgba(0,0,0,0.125)}.btn-group.open .dropdown-toggle.btn-link{-webkit-box-shadow:none;box-shadow:none}.btn .caret{margin-left:0}.btn-lg .caret{border-width:5px 5px 0;border-bottom-width:0}.dropup .btn-lg .caret{border-width:0 5px 5px}.btn-group-vertical\u003e.btn,.btn-group-vertical\u003e.btn-group,.btn-group-vertical\u003e.btn-group\u003e.btn{display:block;float:none;width:100%;max-width:100%}.btn-group-vertical\u003e.btn-group\u003e.btn{float:none}.btn-group-vertical\u003e.btn+.btn,.btn-group-vertical\u003e.btn+.btn-group,.btn-group-vertical\u003e.btn-group+.btn,.btn-group-vertical\u003e.btn-group+.btn-group{margin-top:-1px;margin-left:0}
1380.btn-group-vertical\u003e.btn:not(:first-child):not(:last-child){border-radius:0}.btn-group-vertical\u003e.btn:first-child:not(:last-child){border-top-left-radius:4px;border-top-right-radius:4px;border-bottom-right-radius:0;border-bottom-left-radius:0}.btn-group-vertical\u003e.btn:last-child:not(:first-child){border-top-left-radius:0;border-top-right-radius:0;border-bottom-right-radius:4px;border-bottom-left-radius:4px}.btn-group-vertical\u003e.btn-group:not(:first-child):not(:last-child)\u003e.btn{border-radius:0}.btn-group-vertical\u003e.btn-group:first-child:not(:last-child)\u003e.btn:last-child,.btn-group-vertical\u003e.btn-group:first-child:not(:last-child)\u003e.dropdown-toggle{border-bottom-right-radius:0;border-bottom-left-radius:0}.btn-group-vertical\u003e.btn-group:last-child:not(:first-child)\u003e.btn:first-child{border-top-left-radius:0;border-top-right-radius:0}.btn-group-justified{display:table;width:100%;table-layout:fixed;border-collapse:separate}.btn-group-justified\u003e.btn,.btn-group-justified\u003e.btn-group{display:table-cell;float:none;width:1%}.btn-group-justified\u003e.btn-group .btn{width:100%}.btn-group-justified\u003e.btn-group .dropdown-menu{left:auto}[data-toggle=\"buttons\"]\u003e.btn input[type=\"radio\"],[data-toggle=\"buttons\"]\u003e.btn-group\u003e.btn input[type=\"radio\"],[data-toggle=\"buttons\"]\u003e.btn input[type=\"checkbox\"],[data-toggle=\"buttons\"]\u003e.btn-group\u003e.btn input[type=\"checkbox\"]{position:absolute;clip:rect(0, 0, 0, 0);pointer-events:none}.alert{padding:15px;margin-bottom:20px;border:1px solid transparent;border-radius:4px}.alert h4{margin-top:0;color:inherit}.alert .alert-link{font-weight:bold}.alert\u003ep,.alert\u003eul{margin-bottom:0}.alert\u003ep+p{margin-top:5px}.alert-dismissable,.alert-dismissible{padding-right:35px}.alert-dismissable .close,.alert-dismissible .close{position:relative;top:-2px;right:-21px;color:inherit}.alert-success{color:#3c763d;background-color:#dff0d8;border-color:#d6e9c6}.alert-success hr{border-top-color:#c9e2b3}.alert-success .alert-link{color:#2b542c}.alert-info{color:#31708f;background-color:#d9edf7;border-color:#bce8f1}.alert-info hr{border-top-color:#a6e1ec}.alert-info .alert-link{color:#245269}.alert-warning{color:#8a6d3b;background-color:#fcf8e3;border-color:#faebcc}.alert-warning hr{border-top-color:#f7e1b5}.alert-warning .alert-link{color:#66512c}.alert-danger{color:#a94442;background-color:#f2dede;border-color:#ebccd1}.alert-danger hr{border-top-color:#e4b9c0}.alert-danger .alert-link{color:#843534}.close{float:right;font-size:21px;font-weight:bold;line-height:1;color:#000000;text-shadow:0 1px 0 #ffffff;filter:alpha(opacity=20);opacity:0.2}.close:hover,.close:focus{color:#000000;text-decoration:none;cursor:pointer;filter:alpha(opacity=50);opacity:0.5}button.close{padding:0;cursor:pointer;background:transparent;border:0;-webkit-appearance:none;appearance:none}.modal-open{overflow:hidden}.modal{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1050;display:none;overflow:hidden;-webkit-overflow-scrolling:touch;outline:0}.modal.fade .modal-dialog{-webkit-transform:translate(0, -25%);-ms-transform:translate(0, -25%);-o-transform:translate(0, -25%);transform:translate(0, -25%);-webkit-transition:-webkit-transform 0.3s ease-out;-o-transition:-o-transform 0.3s ease-out;transition:transform 0.3s ease-out}.modal.in .modal-dialog{-webkit-transform:translate(0, 0);-ms-transform:translate(0, 0);-o-transform:translate(0, 0);transform:translate(0, 0)}.modal-open .modal{overflow-x:hidden;overflow-y:auto}.modal-dialog{position:relative;width:auto;margin:10px}.modal-content{position:relative;background-color:#ffffff;-webkit-background-clip:padding-box;background-clip:padding-box;border:1px solid #999999;border:1px solid rgba(0,0,0,0.2);border-radius:6px;-webkit-box-shadow:0 3px 9px rgba(0,0,0,0.5);box-shadow:0 3px 9px rgba(0,0,0,0.5);outline:0}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1040;background-color:#000000}.modal-backdrop.fade{filter:alpha(opacity=0);opacity:0}.modal-backdrop.in{filter:alpha(opacity=50);opacity:0.5}.modal-header{padding:15px;border-bottom:1px solid #e5e5e5}.modal-header .close{margin-top:-2px}.modal-title{margin:0;line-height:1.42857143}.modal-body{position:relative;padding:15px}.modal-footer{padding:15px;text-align:right;border-top:1px solid #e5e5e5}.modal-footer .btn+.btn{margin-bottom:0;margin-left:5px}.modal-footer .btn-group .btn+.btn{margin-left:-1px}.modal-footer .btn-block+.btn-block{margin-left:0}.modal-scrollbar-measure{position:absolute;top:-9999px;width:50px;height:50px;overflow:scroll}@media (min-width: 768px){.modal-dialog{width:600px;margin:30px auto}.modal-content{-webkit-box-shadow:0 5px 15px rgba(0,0,0,0.5);box-shadow:0 5px 15px rgba(0,0,0,0.5)}.modal-sm{width:300px}}@media (min-width: 992px){.modal-lg{width:900px}}.clearfix:before,.clearfix:after,.dl-horizontal dd:before,.dl-horizontal dd:after,.container:before,.container:after,.container-fluid:before,.container-fluid:after,.row:before,.row:after,.form-horizontal .form-group:before,.form-horizontal .form-group:after,.btn-toolbar:before,.btn-toolbar:after,.btn-group-vertical\u003e.btn-group:before,.btn-group-vertical\u003e.btn-group:after,.modal-header:before,.modal-header:after,.modal-footer:before,.modal-footer:after{display:table;content:\" \"}.clearfix:after,.dl-horizontal dd:after,.container:after,.container-fluid:after,.row:after,.form-horizontal .form-group:after,.btn-toolbar:after,.btn-group-vertical\u003e.btn-group:after,.modal-header:after,.modal-footer:after{clear:both}.center-block{display:block;margin-right:auto;margin-left:auto}.pull-right{float:right !important}.pull-left{float:left !important}.hide{display:none !important}.show{display:block !important}.invisible{visibility:hidden}.text-hide{font:0/0 a;color:transparent;text-shadow:none;background-color:transparent;border:0}.hidden{display:none !important}.affix{position:fixed}.iti{width:100%}body,html{background:transparent;-webkit-font-smoothing:antialiased;height:100%}body{overflow:hidden;-moz-transition:background-color 0.15s linear;-webkit-transition:background-color 0.15s linear;-o-transition:background-color 0.15s linear;transition:background-color 0.15s cubic-bezier(0.785, 0.135, 0.15, 0.86)}body.fadein{background:rgba(0,0,0,0.65)}#container{background:white;padding:12px 18px 40px 18px}@media only screen and (min-width: 500px){#container{border-radius:5px;padding:30px 40px}}@media only screen and (min-width: 992px){#container{position: fixed; width: 460px; top: 50%; left: 50%; transform:translate(-50%, -50%); margin: auto}}.fade{opacity:0;-webkit-transition:opacity 0.15s linear;-o-transition:opacity 0.15s linear;transition:opacity 0.15s linear}.fade.in{opacity:1}.modal{overflow-x:hidden;overflow-y:auto}.modal-content{position:relative;background-color:#fff;border:1px solid #999;border:1px solid rgba(0,0,0,0.2);border-radius:6px;-webkit-background-clip:padding-box;background-clip:padding-box;outline:0}.modal-title{margin:0;line-height:1.42857143}h3{font-size:24px}h4{font-size:18px;margin-top:10px;margin-bottom:10px}h3,h4{font-family:inherit;font-weight:500;line-height:1.1;color:inherit}@media screen and (-webkit-min-device-pixel-ratio: 0){select:focus,textarea:focus,input
1380:focus{font-size:16px;background:#eee}}#variant-select-container .input-lg{font-size:15px}#customer-contact-container a.btn{font-weight:bold}#customer-contact-container .input-lg{font-size:15px}#quantity-field-container label{font-weight:normal;font-size:14px;padding-top:13px}#quantity-field-container input{font-size:15px}#submit-btn{font-weight:bold;font-size:15px;padding:14px;border-radius:3px}.alert{padding:6px 11px;font-size:13px;margin:15px 0}.alert-success a{color:#244825}.modal-body{padding:22px 40px;font-size:13px;line-height:180%}.modal-body h3:first-child{margin-top:0}.modal-title{margin:0;font-size:22px}.modal-content .close{font-size:30px}.modal-backdrop.in{filter:alpha(opacity=65);opacity:.65}.small-print{opacity:0.835;font-size:13px;line-height:150%}.small-print a{color:inherit;text-decoration:underline}.product-name{margin-bottom:20px}label.accepts-marketing{filter:alpha(opacity=825);opacity:0.825}@media only screen and (max-width: 786px){.modal-body{padding:20px 30px}}@media only screen and (max-width: 500px){.modal-dialog{margin:0}.modal-content{border-radius:0}}@media only screen and (min-width: 500px){#SIModal{max-width:460px;margin:auto}}.ie8 #SIModal{width:100%;max-width:460px;margin:auto;border:1px solid #999}select.default_variant{display:none}.ie8 .modal-dialog{width:460px !important;margin:10px auto}.completed_message{display:none}.complete .completed_message{display:block}#SIModal.in{position:relative;z-index:1050;height:100%;overflow:hidden;overflow-y:auto;-webkit-overflow-scrolling:touch}\n" 1381 }; 1382 1383 _SIConfig.multivariantDropdownContainer = document; 1384 _SIConfig.shop = 'colehaanuk.myshopify.com'; 1385 1386 1387 1388 1389 1390</script>
1390 1391
1392<script type="text/javascript"> 1393'use strict'; 1394(function () { 1395 if(window.location.search.indexOf('selector_section_mode') > -1){ 1396 var head = document.getElementsByTagName('head')[0]; 1397 var script = document.createElement('script'); 1398 window.selector_section_mode = true; 1399 script.src = ('https:' == document.location.protocol ? 'https://' : 'http://') + 'back-in-stock.appikon.com/theme-settings/element-selector.js'; 1400 script.type = 'text/javascript'; 1401 head.appendChild(script); 1402 } 1403})(); 1404</script>
1404 1405 1406 1407 <!-- Back in Stock helper snippet --> 1408 1409
1410<script id="back-in-stock-helper"> 1411 var _BISConfig = _BISConfig || {}; 1412 1413 1414 1415 1416</script>
1416 1417 1418 <!-- End Back in Stock helper snippet --> 1419 1420 <!-- Start Quantcast Tag --> 1421
1421<script type="text/javascript"> 1422 window._qevents = window._qevents || []; 1423 1424 (function() { 1425 var elem = document.createElement('script'); 1426 elem.src = (document.location.protocol == "https:" ? "https://secure" : "http://edge") + ".quantserve.com/quant.js"; 1427 elem.async = true; 1428 elem.type = "text/javascript"; 1429 var scpt = document.getElementsByTagName('script')[0]; 1430 scpt.parentNode.insertBefore(elem, scpt); 1431 })(); 1432 window._qevents.push({qacct:"p-tWWzwu39u0PDw",uid:"__INSERT_EMAIL_HERE__"}); 1433 </script>
1433 1434 <!-- End Quantcast tag --> 1435 1436 <!-- CRITEO START --> 1437
1437<script type="text/javascript"> 1438 (function(){ 1439 var deviceType = /iPad/.test(navigator.userAgent) ? "t" : /Mobile|iP(hone|od)|Android|BlackBerry|IEMobile|Silk/.test(navigator.userAgent) ? "m" : "d"; 1440 window.criteo_q = window.criteo_q || []; 1441 window.criteo_q.push( 1442 { event: "setAccount", account: 102253 }, 1443 1444 { event: "setEmail", email: "", hash_method: "none"}, 1445 1446 { event: "setSiteType", type: deviceType }, 1447 { event: "setZipcode", zipcode: "" }, 1448 1449 1450 1451 1452 { event: "viewHome", ecpplugin: "shopify-cg" } 1453 1454 1455 1456 ); 1457 window.addEventListener('load', function() { 1458 // ajax request catching 1459 (function(open) { 1460 XMLHttpRequest.prototype.open = function(method, url, async, user, pass) { 1461 this.addEventListener("readystatechange", function() { 1462 if (this.readyState == 4 && this._url.includes("/add.js") && "" != "") { 1463 try { 1464 $.getJSON("/cart.js", function(data) { 1465 var basketData = []; 1466 var item; 1467 if (!data.items || !data.items.length) return; 1468 for (var i = 0; i < data.items.length; i++) { 1469 item = data.items[i]; 1470 if (item.product_id == "") { 1471 basketData.push({ 1472 id: item.product_id, 1473 price: (typeof(item.price) != "number") ? item.price : (item.price/100), 1474 quantity: item.quantity 1475 }); 1476 } 1477 } 1478 window.criteo_q.push({ 1479 event: "addToCart", 1480 ecpplugin: "shopify-cg", 1481 product: basketData 1482 }); 1483 }); 1484 } catch (err) { 1485 // do nothing 1486 } 1487 } 1488 }, false); 1489 open.apply(this, arguments); 1490 }; 1491 })(XMLHttpRequest.prototype.open); 1492 1493 // fetch request catching 1494 const crtoMock = window.fetch; 1495 window.fetch = function() { 1496 return new Promise((resolve, reject) => { 1497 crtoMock.apply(this, arguments) 1498 .then((response) => { 1499 if(response.url.includes("/add.js") && response.type != "cors" && "" != ""){ 1500 try { 1501 $.getJSON("/cart.js", function(data) { 1502 var basketData = []; 1503 var item; 1504 if (!data.items || !data.items.length) return; 1505 for (var i = 0; i < data.items.length; i++) { 1506 item = data.items[i]; 1507 if (item.product_id == "") { 1508 basketData.push({ 1509 id: item.product_id, 1510 price: (typeof(item.price) != "number") ? item.price : (item.price/100), 1511 quantity: item.quantity 1512 }); 1513 } 1514 } 1515 window.criteo_q.push({ 1516 event: "addToCart", 1517 ecpplugin: "shopify-cg", 1518 product: basketData 1519 }); 1520 }); 1521 } catch (err) { 1522 // do nothing 1523 } 1524 } 1525 resolve(response); 1526 }) 1527 .catch((error) => { 1528 reject(error); 1529 }) 1530 }); 1531 } 1532 }, false); 1533 })(); 1534</script>
1534 1535 <!-- CRITEO END --> 1536 1537 <!-- Stackadapt Tag--> 1538
1538<script>!function(s,a,e,v,n,t,z){if(s.saq)return;n=s.saq=function(){n.callMethod?n.callMethod.apply(n,arguments):n.queue.push(arguments)};if(!s._saq)s._saq=n;n.push=n;n.loaded=!0;n.version='1.0';n.queue=[];t=a.createElement(e);t.async=!0;t.src=v;z=a.getElementsByTagName(e)[0];z.parentNode.insertBefore(t,z)}(window,document,'script','https://tags.srv.stackadapt.com/events.js');saq('ts', 'bGXl-BISotSPWHZNiFlDhw');</script>
1538 1539 <!-- Stackadapt tag ends--> 1540 1541 <!-- klaviyo form snippet --> 1542 <!--
1542<script async type="text/javascript" src="https://static.klaviyo.com/onsite/js/klaviyo.js?company_id=W8DuUX"></script>
1542 --> 1543 <!-- klaviyo form snippet ends --> 1544 1545 <!-- Klarna --> 1546
1546<script 1547 async 1548 data-environment="production" 1549 src="https://js.klarna.com/web-sdk/v1/klarna.js" 1550 data-client-id="b142ac67-d518-5928-aa9b-cb03156877ac" 1551></script>
1551 1552 1553 <!-- kalviyo Add to button snippet code for add to cart flow starts --> 1554
1554<script type="text/javascript">var _learnq =_learnq ||[];var classname =document.getElementsByClassName("add-to-cart btn btn-primary large");var addToCart=function(){_learnq.push(['track','Added to Cart',item]);};for(var i =0;i <classname.length;i++){classname[i].addEventListener('click',addToCart,false);}</script>
1554 1555 <!-- kalviyo Add to cart button snippet code for add to cart flow ends --> 1556 1557 <a class="skip-to-content-link button visually-hidden" href="#MainContent"> 1558 Skip to content 1559 </a><!-- BEGIN sections: header-group --> 1560<div id="shopify-section-sections--23890807587060__1774321026c0405b81" class="shopify-section shopify-section-group-header-group"><div id="shopify-block-AR1FjRVk5aUpWQ0R5U__ai_gen_block_a01c362_k3MYPP" class="shopify-block"> 1561 1562<style data-shopify> 1563 1564 .ai-announcement-bar-wrapper-ar1fjrvk5aupwq0r5uaigenblocka01c362k3mypp { 1565 width: 100%; 1566 display: block; 1567 margin: 0; 1568 padding: 0; 1569 } 1570 1571 .ai-announcement-bar-ar1fjrvk5aupwq0r5uaigenblocka01c362k3mypp { 1572 position: relative; 1573 width: 100%; 1574 overflow: hidden; 1575 background-color: #748a7d; 1576 height: 45px; 1577 display: block; 1578 margin: 0; 1579 padding: 0; 1580 box-sizing: border-box; 1581 } 1582 1583 .ai-announcement-bar-container-ar1fjrvk5aupwq0r5uaigenblocka01c362k3mypp { 1584 position: relative; 1585 width: 100%; 1586 height: 100%; 1587 margin: 0; 1588 padding: 0; 1589 box-sizing: border-box; 1590 } 1591 1592 .ai-announcement-bar-slide-ar1fjrvk5aupwq0r5uaigenblocka01c362k3mypp { 1593 position: absolute; 1594 top: 0; 1595 left: 0; 1596 width: 100%; 1597 height: 100%; 1598 display: flex; 1599 align-items: center; 1600 justify-content: center; 1601 text-align: center; 1602 padding: 0 20px; 1603 margin: 0; 1604 opacity: 0; 1605 visibility: hidden; 1606 box-sizing: border-box; 1607 } 1608 1609 .ai-announcement-bar-slide-ar1fjrvk5aupwq0r5uaigenblocka01c362k3mypp.active { 1610 opacity: 1; 1611 visibility: visible; 1612 } 1613 1614 .ai-announcement-bar-text-ar1fjrvk5aupwq0r5uaigenblocka01c362k3mypp { 1615 color: #ffffff; 1616 font-size: 14px; 1617 margin: 0; 1618 padding: 0; 1619 line-height: 1.4; 1620 width: 100%; 1621 box-sizing: border-box; 1622 } 1623 1624 .ai-announcement-bar-text-ar1fjrvk5aupwq0r5uaigenblocka01c362k3mypp a { 1625 color: inherit; 1626 text-decoration: underline; 1627 } 1628 1629 .ai-announcement-bar-controls-ar1fjrvk5aupwq0r5uaigenblocka01c362k3mypp { 1630 position: absolute; 1631 top: 50%; 1632 transform: translateY(-50%); 1633 z-index: 10; 1634 background: none; 1635 border: none; 1636 cursor: pointer; 1637 padding: 8px; 1638 display: none; 1639 } 1640 1641 .ai-announcement-bar-controls-ar1fjrvk5aupwq0r5uaigenblocka01c362k3mypp.show { 1642 display: block; 1643 } 1644 1645 .ai-announcement-bar-prev-ar1fjrvk5aupwq0r5uaigenblocka01c362k3mypp { 1646 left: 10px; 1647 } 1648 1649 .ai-announcement-bar-next-ar1fjrvk5aupwq0r5uaigenblocka01c362k3mypp { 1650 right: 10px; 1651 } 1652 1653 .ai-announcement-bar-arrow-ar1fjrvk5aupwq0r5uaigenblocka01c362k3mypp { 1654 width: 20px; 1655 height: 20px; 1656 1657 1658 stroke: #ffffff; 1659 1660 1661 stroke-width: 2; 1662 fill: none; 1663 } 1664 1665 1666 /* ========================================= 1667 MOBILE SETTINGS 1668 ========================================= */ 1669 1670 @media screen and (max-width: 749px) { 1671 1672 .ai-announcement-bar-wrapper-ar1fjrvk5aupwq0r5uaigenblocka01c362k3mypp { 1673 width: 100% !important; 1674 margin: 0 !important; 1675 padding: 0 !important; 1676 } 1677 1678 .ai-announcement-bar-ar1fjrvk5aupwq0r5uaigenblocka01c362k3mypp { 1679 1680 /* 1681 JavaScript sets the exact height based on: 1682 text height + top spacing + bottom spacing. 1683 */ 1684 1685 height: auto !important; 1686 1687 min-height: 0 !important; 1688 max-height: none !important; 1689 1690 margin: 0 !important; 1691 padding: 0 !important; 1692 1693 box-sizing: border-box !important; 1694 1695 --mobile-spacing: 10px; 1696 --mobile-font-size: 15px; 1697 } 1698 1699 1700 /* MOBILE CONTAINER */ 1701 1702 .ai-announcement-bar-container-ar1fjrvk5aupwq0r5uaigenblocka01c362k3mypp { 1703 1704 position: relative !important; 1705 1706 width: 100% !important; 1707 height: 100% !important; 1708 1709 min-height: 0 !important; 1710 max-height: none !important; 1711 1712 margin: 0 !important; 1713 padding: 0 !important; 1714 1715 box-sizing: border-box !important; 1716 } 1717 1718 1719 /* MOBILE SLIDES */ 1720 1721 .ai-announcement-bar-slide-ar1fjrvk5aupwq0r5uaigenblocka01c362k3mypp { 1722 1723 position: absolute !important; 1724 1725 top: 0 !important; 1726 left: 0 !important; 1727 1728 width: 100% !important; 1729 height: 100% !important; 1730 1731 display: flex !important; 1732 1733 align-items: flex-start !important; 1734 justify-content: center !important; 1735 1736 padding: 0 !important; 1737 margin: 0 !important; 1738 1739 box-sizing: border-box !important; 1740 } 1741 1742 1743 /* 1744 MOBILE TEXT 1745 1746 LEFT AND RIGHT MARGINS ARE CONTROLLED 1747 INDEPENDENTLY. 1748 1749 VERTICAL SPACING IS CONTROLLED BY 1750 JAVASCRIPT / BAR HEIGHT. 1751 */ 1752 1753 .ai-announcement-bar-text-ar1fjrvk5aupwq0r5uaigenblocka01c362k3mypp { 1754 1755 width: calc( 1756 100% - 1757 10px - 1758 10px 1759 ) !important; 1760 1761 max-width: none !important; 1762 1763 margin-left: 10px !important; 1764 margin-right: 10px !important; 1765 1766 margin-top: 10px !important; 1767 margin-bottom: 10px !important; 1768 1769 padding: 0 !important; 1770 1771 box-sizing: border-box !important; 1772 1773 font-size: 15px !important; 1774 1775 line-height: 1.4 !important; 1776 1777 overflow: hidden !important; 1778 } 1779 1780 1781 /* 1782 ONE LINE 1783 */ 1784 1785 1786 1787 /* 1788 TWO LINES 1789 */ 1790 1791 .ai-announcement-bar-text-ar1fjrvk5aupwq0r5uaigenblocka01c362k3mypp { 1792 1793 display: -webkit-box !important; 1794 1795 -webkit-line-clamp: 2 !important; 1796 1797 -webkit-box-orient: vertical !important; 1798 1799 overflow: hidden !important; 1800 1801 white-space: normal !important; 1802 1803 } 1804 1805 1806 1807 1808 /* MOBILE LINKS */ 1809 1810 .ai-announcement-bar-text-ar1fjrvk5aupwq0r5uaigenblocka01c362k3mypp a { 1811 1812 color: inherit !important; 1813 1814 text-decoration: underline; 1815 1816 } 1817 1818 } 1819 1820</style> 1821 1822 1823<div 1824 class="ai-announcement-bar-wrapper-ar1fjrvk5aupwq0r5uaigenblocka01c362k3mypp" 1825 1826> 1827 1828 <announcement-bar-ar1fjrvk5aupwq0r5uaigenblocka01c362k3mypp 1829 1830 class="ai-announcement-bar-ar1fjrvk5aupwq0r5uaigenblocka01c362k3mypp" 1831 1832 data-transition="slide_up" 1833 1834 data-transition-duration="0.5" 1835 1836 data-display-duration="5" 1837 1838 data-mobile-spacing="10" 1839 1840 data-mobile-font-size="15" 1841 1842 data-mobile-lines="2" 1843 1844 > 1845 1846 <div class="ai-announcement-bar-container-ar1fjrvk5aupwq0r5uaigenblocka01c362k3mypp"> 1847 1848 1849 1850 1851 1852 1853 1854 1855 1856 1857 1858 <div 1859 1860 class=" 1861 ai-announcement-bar-slide-ar1fjrvk5aupwq0r5uaigenblocka01c362k3mypp 1862 active 1863 " 1864 1865 data-index="0" 1866 1867 style="background-color: #748a7d;" 1868 1869 > 1870 1871 <p 1872 1873 class="ai-announcement-bar-text-ar1fjrvk5aupwq0r5uaigenblocka01c362k3mypp" 1874 1875 style="color: #ffffff;" 1876 1877 > 1878 1879 1880 1881 Free Standard Shipping | Via 2GO | Orders â±6,990+ | Delivery Fee Cap: â±500 1882 1883 1884 1885 </p> 1886 1887 </div> 1888 1889 1890 1891 1892 1893 1894 1895 1896 1897 1898 <div 1899 1900 class=" 1901 ai-announcement-bar-slide-ar1fjrvk5aupwq0r5uaigenblocka01c362k3mypp 1902 1903 " 1904 1905 data-index="1" 1906 1907 style="background-color: #748a7d;" 1908 1909 > 1910 1911 <p 1912 1913 class="ai-announcement-bar-text-ar1fjrvk5aupwq0r5uaigenblocka01c362k3mypp" 1914 1915 style="color: #ffffff;" 1916 1917 > 1918 1919 1920 1921 1922 1923 1924 1925 Standard Nationwide Shipping | Via 2GO | <a href="https://colehaan.com.ph/pages/delivery-coverage">Selected Areas</a> Only 1926 1927 1928 1929 1930 1931 </p> 1932 1933 </div> 1934 1935 1936 1937 1938 1939 1940 1941 1942 1943 1944 <div 1945 1946 class=" 1947 ai-announcement-bar-slide-ar1fjrvk5aupwq0r5uaigenblocka01c362k3mypp 1948 1949 " 1950 1951 data-index="2" 1952 1953 style="background-color: #748a7d;" 1954 1955 > 1956 1957 <p 1958 1959 class="ai-announcement-bar-text-ar1fjrvk5aupwq0r5uaigenblocka01c362k3mypp" 1960 1961 style="color: #ffffff;" 1962 1963 > 1964 1965 1966 1967 Next Business Day Delivery | Metro Manila (via Lalamove) | â±300 Flat Fee 1968 1969 1970 1971 </p> 1972 1973 </div> 1974 1975 1976 1977 1978 1979 1980 1981 1982 1983 1984 1985 1986 1987 1988 1989 1990 1991 1992 1993 1994 1995 1996 1997 1998 1999 2000 2001 2002 2003 2004 2005 2006 2007 2008 2009 2010 2011 2012 2013 2014 </div> 2015 2016 2017 2018 2019 </announcement-bar-ar1fjrvk5aupwq0r5uaigenblocka01c362k3mypp> 2020 2021</div> 2022 2023
2024<script> 2025 2026 (function() { 2027 2028 class AnnouncementBarar1fjrvk5aupwq0r5uaigenblocka01c362k3mypp extends HTMLElement { 2029 2030 constructor() { 2031 2032 super(); 2033 2034 this.currentIndex = 0; 2035 2036 this.slides = []; 2037 2038 this.intervalId = null; 2039 2040 this.isTransitioning = false; 2041 2042 this.resizeTimer = null; 2043 2044 } 2045 2046 2047 connectedCallback() { 2048 2049 this.slides = Array.from( 2050 2051 this.querySelectorAll( 2052 '.ai-announcement-bar-slide-ar1fjrvk5aupwq0r5uaigenblocka01c362k3mypp' 2053 ) 2054 2055 ); 2056 2057 2058 this.transition = this.dataset.transition; 2059 2060 2061 this.transitionDuration = 2062 parseFloat(this.dataset.transitionDuration) * 1000; 2063 2064 2065 this.displayDuration = 2066 parseFloat(this.dataset.displayDuration) * 1000; 2067 2068 2069 if (this.slides.length === 0) return; 2070 2071 2072 /* 2073 Set mobile height immediately. 2074 */ 2075 2076 this.updateMobileHeight(); 2077 2078 2079 /* 2080 Recalculate when the screen changes size. 2081 */ 2082 2083 this.handleResize = () => { 2084 2085 clearTimeout(this.resizeTimer); 2086 2087 this.resizeTimer = setTimeout(() => { 2088 2089 this.updateMobileHeight(); 2090 2091 }, 50); 2092 2093 }; 2094 2095 2096 window.addEventListener( 2097 'resize', 2098 this.handleResize 2099 ); 2100 2101 2102 const prevBtn = this.querySelector( 2103 '.ai-announcement-bar-prev-ar1fjrvk5aupwq0r5uaigenblocka01c362k3mypp' 2104 ); 2105 2106 2107 const nextBtn = this.querySelector( 2108 '.ai-announcement-bar-next-ar1fjrvk5aupwq0r5uaigenblocka01c362k3mypp' 2109 ); 2110 2111 2112 if (prevBtn) { 2113 2114 prevBtn.addEventListener( 2115 'click', 2116 () => this.prev() 2117 ); 2118 2119 } 2120 2121 2122 if (nextBtn) { 2123 2124 nextBtn.addEventListener( 2125 'click', 2126 () => this.next() 2127 ); 2128 2129 } 2130 2131 2132 if ( 2133 this.transition !== 'manual' && 2134 this.slides.length > 1 2135 ) { 2136 2137 this.startAutoPlay(); 2138 2139 } 2140 2141 } 2142 2143 2144 /* 2145 ========================================= 2146 MOBILE HEIGHT 2147 ========================================= 2148 2149 Calculates: 2150 2151 TEXT HEIGHT 2152 + 2153 TOP SPACING 2154 + 2155 BOTTOM SPACING 2156 2157 and applies the result directly to 2158 the announcement bar. 2159 2160 */ 2161 2162 updateMobileHeight() { 2163 2164 if ( 2165 !window.matchMedia( 2166 '(max-width: 749px)' 2167 ).matches 2168 ) { 2169 2170 this.style.removeProperty('height'); 2171 2172 return; 2173 2174 } 2175 2176 2177 const activeSlide = 2178 this.slides[this.currentIndex]; 2179 2180 2181 if (!activeSlide) return; 2182 2183 2184 const text = 2185 activeSlide.querySelector( 2186 '.ai-announcement-bar-text-ar1fjrvk5aupwq0r5uaigenblocka01c362k3mypp' 2187 ); 2188 2189 2190 if (!text) return; 2191 2192 2193 const spacing = 2194 parseFloat( 2195 this.dataset.mobileSpacing 2196 ) || 0; 2197 2198 2199 const fontSize = 2200 parseFloat( 2201 this.dataset.mobileFontSize 2202 ) || 12; 2203 2204 2205 const lines = 2206 this.dataset.mobileLines === '2' 2207 ? 2 2208 : 1; 2209 2210 2211 /* 2212 CSS line-height is 1.4. 2213 */ 2214 2215 const lineHeight = 2216 fontSize * 1.4; 2217 2218 2219 const textHeight = 2220 lineHeight * lines; 2221 2222 2223 const totalHeight = 2224 textHeight + 2225 (spacing * 2); 2226 2227 2228 /* 2229 Set the height directly with !important 2230 so theme CSS cannot override it. 2231 */ 2232 2233 this.style.setProperty( 2234 'height', 2235 totalHeight + 'px', 2236 'important' 2237 ); 2238 2239 } 2240 2241 2242 startAutoPlay() { 2243 2244 this.intervalId = setInterval( 2245 2246 () => { 2247 2248 this.next(); 2249 2250 }, 2251 2252 this.displayDuration 2253 2254 ); 2255 2256 } 2257 2258 2259 stopAutoPlay() { 2260 2261 if (this.intervalId) { 2262 2263 clearInterval(this.intervalId); 2264 2265 this.intervalId = null; 2266 2267 } 2268 2269 } 2270 2271 2272 next() { 2273 2274 if (this.isTransitioning) return; 2275 2276 2277 const nextIndex = 2278 (this.currentIndex + 1) % 2279 this.slides.length; 2280 2281 2282 this.goToSlide( 2283 nextIndex, 2284 'forward' 2285 ); 2286 2287 } 2288 2289 2290 prev() { 2291 2292 if (this.isTransitioning) return; 2293 2294 2295 const prevIndex = 2296 (this.currentIndex - 1 + this.slides.length) % 2297 this.slides.length; 2298 2299 2300 this.goToSlide( 2301 prevIndex, 2302 'backward' 2303 ); 2304 2305 } 2306 2307 2308 goToSlide(index, direction = 'forward') { 2309 2310 if ( 2311 this.isTransitioning || 2312 index === this.currentIndex 2313 ) { 2314 2315 return; 2316 2317 } 2318 2319 2320 this.isTransitioning = true; 2321 2322 2323 const currentSlide = 2324 this.slides[this.currentIndex]; 2325 2326 2327 const nextSlide = 2328 this.slides[index]; 2329 2330 2331 if (this.transition === 'fade') { 2332 2333 currentSlide.style.transition = 2334 `opacity ${this.transitionDuration}ms ease-in-out`; 2335 2336 2337 currentSlide.style.opacity = '0'; 2338 2339 2340 setTimeout(() => { 2341 2342 currentSlide.classList.remove('active'); 2343 2344 currentSlide.style.transition = ''; 2345 2346 currentSlide.style.opacity = ''; 2347 2348 2349 nextSlide.style.opacity = '0'; 2350 2351 nextSlide.classList.add('active'); 2352 2353 2354 this.currentIndex = index; 2355 2356 this.updateMobileHeight(); 2357 2358 2359 nextSlide.style.transition = 2360 `opacity ${this.transitionDuration}ms ease-in-out`; 2361 2362 2363 setTimeout(() => { 2364 2365 nextSlide.style.opacity = '1'; 2366 2367 }, 10); 2368 2369 2370 setTimeout(() => { 2371 2372 nextSlide.style.transition = ''; 2373 2374 nextSlide.style.opacity = ''; 2375 2376 this.isTransitioning = false;
2377 2378 }, this.transitionDuration); 2379 2380 }, this.transitionDuration); 2381 2382 2383 } else if (this.transition === 'slide_up') { 2384 2385 currentSlide.style.transition = 2386 `transform ${this.transitionDuration}ms ease-in-out`; 2387 2388 2389 currentSlide.style.transform = 2390 'translateY(-100%)'; 2391 2392 2393 nextSlide.style.transform = 2394 'translateY(100%)'; 2395 2396 2397 nextSlide.classList.add('active'); 2398 2399 2400 this.currentIndex = index; 2401 2402 this.updateMobileHeight(); 2403 2404 2405 nextSlide.style.transition = 2406 `transform ${this.transitionDuration}ms ease-in-out`; 2407 2408 2409 setTimeout(() => { 2410 2411 nextSlide.style.transform = 2412 'translateY(0)'; 2413 2414 }, 10); 2415 2416 2417 setTimeout(() => { 2418 2419 currentSlide.classList.remove('active'); 2420 2421 currentSlide.style.transition = ''; 2422 2423 currentSlide.style.transform = ''; 2424 2425 nextSlide.style.transition = ''; 2426 2427 nextSlide.style.transform = ''; 2428 2429 this.isTransitioning = false; 2430 2431 }, this.transitionDuration); 2432 2433 2434 } else if (this.transition === 'slide_down') { 2435 2436 currentSlide.style.transition = 2437 `transform ${this.transitionDuration}ms ease-in-out`; 2438 2439 2440 currentSlide.style.transform = 2441 'translateY(100%)'; 2442 2443 2444 nextSlide.style.transform = 2445 'translateY(-100%)'; 2446 2447 2448 nextSlide.classList.add('active'); 2449 2450 2451 this.currentIndex = index; 2452 2453 this.updateMobileHeight(); 2454 2455 2456 nextSlide.style.transition = 2457 `transform ${this.transitionDuration}ms ease-in-out`; 2458 2459 2460 setTimeout(() => { 2461 2462 nextSlide.style.transform = 2463 'translateY(0)'; 2464 2465 }, 10); 2466 2467 2468 setTimeout(() => { 2469 2470 currentSlide.classList.remove('active'); 2471 2472 currentSlide.style.transition = ''; 2473 2474 currentSlide.style.transform = ''; 2475 2476 nextSlide.style.transition = ''; 2477 2478 nextSlide.style.transform = ''; 2479 2480 this.isTransitioning = false; 2481 2482 }, this.transitionDuration); 2483 2484 2485 } else if (this.transition === 'slide_left') { 2486 2487 currentSlide.style.transition = 2488 `transform ${this.transitionDuration}ms ease-in-out`; 2489 2490 2491 currentSlide.style.transform = 2492 'translateX(-100%)'; 2493 2494 2495 nextSlide.style.transform = 2496 'translateX(100%)'; 2497 2498 2499 nextSlide.classList.add('active'); 2500 2501 2502 this.currentIndex = index; 2503 2504 this.updateMobileHeight(); 2505 2506 2507 nextSlide.style.transition = 2508 `transform ${this.transitionDuration}ms ease-in-out`; 2509 2510 2511 setTimeout(() => { 2512 2513 nextSlide.style.transform = 2514 'translateX(0)'; 2515 2516 }, 10); 2517 2518 2519 setTimeout(() => { 2520 2521 currentSlide.classList.remove('active'); 2522 2523 currentSlide.style.transition = ''; 2524 2525 currentSlide.style.transform = ''; 2526 2527 nextSlide.style.transition = ''; 2528 2529 nextSlide.style.transform = ''; 2530 2531 this.isTransitioning = false; 2532 2533 }, this.transitionDuration); 2534 2535 2536 } else if (this.transition === 'slide_right') { 2537 2538 currentSlide.style.transition = 2539 `transform ${this.transitionDuration}ms ease-in-out`; 2540 2541 2542 currentSlide.style.transform = 2543 'translateX(100%)'; 2544 2545 2546 nextSlide.style.transform = 2547 'translateX(-100%)'; 2548 2549 2550 nextSlide.classList.add('active'); 2551 2552 2553 this.currentIndex = index; 2554 2555 this.updateMobileHeight(); 2556 2557 2558 nextSlide.style.transition = 2559 `transform ${this.transitionDuration}ms ease-in-out`; 2560 2561 2562 setTimeout(() => { 2563 2564 nextSlide.style.transform = 2565 'translateX(0)'; 2566 2567 }, 10); 2568 2569 2570 setTimeout(() => { 2571 2572 currentSlide.classList.remove('active'); 2573 2574 currentSlide.style.transition = ''; 2575 2576 currentSlide.style.transform = ''; 2577 2578 nextSlide.style.transition = ''; 2579 2580 nextSlide.style.transform = ''; 2581 2582 this.isTransitioning = false;
2583 2584 }, this.transitionDuration); 2585 2586 2587 } else { 2588 2589 currentSlide.classList.remove('active'); 2590 2591 nextSlide.classList.add('active'); 2592 2593 this.currentIndex = index; 2594 2595 this.updateMobileHeight(); 2596 2597 this.isTransitioning = false; 2598 2599 } 2600 2601 } 2602 2603 2604 disconnectedCallback() { 2605 2606 this.stopAutoPlay(); 2607 2608 if (this.handleResize) { 2609 2610 window.removeEventListener( 2611 'resize', 2612 this.handleResize 2613 ); 2614 2615 } 2616 2617 clearTimeout(this.resizeTimer); 2618 2619 } 2620 2621 } 2622 2623 2624 customElements.define( 2625 2626 'announcement-bar-ar1fjrvk5aupwq0r5uaigenblocka01c362k3mypp', 2627 2628 AnnouncementBarar1fjrvk5aupwq0r5uaigenblocka01c362k3mypp 2629 2630 ); 2631 2632 })(); 2633 2634</script>
2634 2635 2636 2637</div> 2638 2639 2640</div><div id="shopify-section-sections--23890807587060__header" class="shopify-section shopify-section-group-header-group section-header"><link rel="stylesheet" href="//colehaan.com.ph/cdn/shop/t/131/assets/component-list-menu.css?v=151968516119678728991790040485" media="print" onload="this.media='all'"> 2641<link rel="stylesheet" href="//colehaan.com.ph/cdn/shop/t/131/assets/component-search.css?v=138995022704828350011790040494" media="print" onload="this.media='all'"> 2642<link rel="stylesheet" href="//colehaan.com.ph/cdn/shop/t/131/assets/component-menu-drawer.css?v=149891863918295135181790040489" media="print" onload="this.media='all'"> 2643<link 2644 rel="stylesheet" 2645 href="//colehaan.com.ph/cdn/shop/t/131/assets/component-cart-notification.css?v=108833082844665799571790040481" 2646 media="print" 2647 onload="this.media='all'" 2648> 2649<link rel="stylesheet" href="//colehaan.com.ph/cdn/shop/t/131/assets/component-cart-items.css?v=29412722223528841861790040481" media="print" onload="this.media='all'"> 2650<link href="//colehaan.com.ph/cdn/shop/t/131/assets/custom-header.css?v=135594658379559586661790843297" rel="stylesheet" type="text/css" media="all" /> 2651<link rel="stylesheet" href="//colehaan.com.ph/cdn/shop/t/131/assets/component-price.css?v=182940365094441790081790040492" media="print" onload="this.media='all'"> 2652 <link 2653 rel="stylesheet" 2654 href="//colehaan.com.ph/cdn/shop/t/131/assets/component-loading-overlay.css?v=167310470843593579841790040487" 2655 media="print" 2656 onload="this.media='all'" 2657 ><link rel="stylesheet" href="//colehaan.com.ph/cdn/shop/t/131/assets/component-mega-menu.css?v=145557510921682077341790040488" media="print" onload="this.media='all'"> 2658 <noscript><link href="//colehaan.com.ph/cdn/shop/t/131/assets/component-mega-menu.css?v=145557510921682077341790040488" rel="stylesheet" type="text/css" media="all" /></noscript><noscript><link href="//colehaan.com.ph/cdn/shop/t/131/assets/component-list-menu.css?v=151968516119678728991790040485" rel="stylesheet" type="text/css" media="all" /></noscript> 2659<noscript><link href="//colehaan.com.ph/cdn/shop/t/131/assets/component-search.css?v=138995022704828350011790040494" rel="stylesheet" type="text/css" media="all" /></noscript> 2660<noscript><link href="//colehaan.com.ph/cdn/shop/t/131/assets/component-menu-drawer.css?v=149891863918295135181790040489" rel="stylesheet" type="text/css" media="all" /></noscript> 2661<noscript><link href="//colehaan.com.ph/cdn/shop/t/131/assets/component-cart-notification.css?v=108833082844665799571790040481" rel="stylesheet" type="text/css" media="all" /></noscript> 2662<noscript><link href="//colehaan.com.ph/cdn/shop/t/131/assets/component-cart-items.css?v=29412722223528841861790040481" rel="stylesheet" type="text/css" media="all" /></noscript> 2663 2664<style> 2665 header-drawer { 2666 justify-self: start; 2667 margin-left: -1.2rem; 2668 }@media screen and (min-width: 990px) { 2669 header-drawer { 2670 display: none; 2671 } 2672 }.menu-drawer-container { 2673 display: flex; 2674 } 2675 2676 .list-menu { 2677 list-style: none; 2678 padding: 0; 2679 margin: 0; 2680 } 2681 2682 .list-menu--inline { 2683 display: inline-flex; 2684 flex-wrap: wrap; 2685 } 2686 2687 summary.list-menu__item { 2688 padding-right: 2.7rem; 2689 } 2690 2691 .list-menu__item { 2692 display: flex; 2693 align-items: center; 2694 line-height: calc(1 + 0.3 / var(--font-body-scale)); 2695 } 2696 2697 .list-menu__item--link { 2698 text-decoration: none; 2699 padding-bottom: 1rem; 2700 padding-top: 1rem; 2701 line-height: calc(1 + 0.8 / var(--font-body-scale)); 2702 } 2703 2704 @media screen and (min-width: 750px) { 2705 .list-menu__item--link { 2706 padding-bottom: 0.5rem; 2707 padding-top: 0.5rem; 2708 } 2709 } 2710 @media(min-width:768px) and (max-width:980px){ 2711 svg.icon.icon-close { 2712 top: 155% !important; 2713 right: calc(100 * (100vh / 1090)) !important; 2714 } 2715 } 2716 2717 header .menu-drawer__navigation button{ 2718 outline: none; 2719 } 2720</style><style data-shopify>.header { 2721 padding-top: 10px; 2722 padding-bottom: 10px; 2723 } 2724 2725 .section-header { 2726 position: sticky; /* This is for fixing a Safari z-index issue. PR #2147 */ 2727 margin-bottom: 0px; 2728 } 2729 2730 @media screen and (min-width: 750px) { 2731 .section-header { 2732 margin-bottom: 0px; 2733 } 2734 } 2735 2736 @media screen and (min-width: 990px) { 2737 .header { 2738 padding-top: 20px; 2739 padding-bottom: 20px; 2740 } 2741 } 2742 /* Header Style */ 2743 #colehaan-header.header--top-center *>.header__search { 2744 display: block; 2745 } 2746 .header__location .header__icon--summary .header-location-flat { 2747 width: 24px; 2748 height: 18px; 2749 text-decoration: none; 2750 } 2751 .header__location .header__icon--summary .header-location-flat img { 2752 width: 21px; 2753 height: 15px; 2754 text-decoration: none; 2755 } 2756 .header__location .header__icon--summary .header-store-link { 2757 border: none; 2758 color: #6E7679; 2759 font-family: 'Work Sans' 'WorkSansMedium'; 2760 font-style: normal; 2761 font-weight: 500; 2762 font-size: 12px; 2763 letter-spacing: 0.05em; 2764 text-decoration: none; 2765 text-transform: uppercase; 2766 padding-left: 18px; 2767 position: relative; 2768 top: 0px; 2769 } 2770 summary.list-menu__item .icon.icon-caret { 2771 display: none; 2772 } 2773 .header__active-menu-item { 2774 text-decoration: none; 2775 } 2776 .header__menu-item .header__active-menu-item { 2777 color: #000000; 2778 font-family: 'WorkSansRegular'; 2779 font-style: normal; 2780 font-weight: 500; 2781 font-size: 14px; 2782 line-height: 100%; 2783 letter-spacing: 0.05em; 2784 text-transform: uppercase; 2785 } 2786 @media screen and (min-width: 990px){
2787 .mobile-link-show{ 2788 display: none; 2789 } 2790 }</style>
2790<script src="//colehaan.com.ph/cdn/shop/t/131/assets/details-disclosure.js?v=153497636716254413831790040508" defer="defer"></script>
vendor: 1 bytes, line 2790
2790
2791<script src="//colehaan.com.ph/cdn/shop/t/131/assets/details-modal.js?v=167735785058874954231790040508" defer="defer"></script>
vendor: 1 bytes, line 2791
2791
2792<script src="//colehaan.com.ph/cdn/shop/t/131/assets/cart-notification.js?v=160453272920806432391790040472" defer="defer"></script>
vendor: 1 bytes, line 2792
2792
2793<script src="//colehaan.com.ph/cdn/shop/t/131/assets/search-form.js?v=113639710312857635801790040527" defer="defer"></script>
2793<svg xmlns="http://www.w3.org/2000/svg" class="hidden"> 2794 <symbol id="icon-search" viewbox="0 0 18 19" fill="none"> 2795 <path fill-rule="evenodd" clip-rule="evenodd" d="M11.03 11.68A5.784 5.784 0 112.85 3.5a5.784 5.784 0 018.18 8.18zm.26 1.12a6.78 6.78 0 11.72-.7l5.4 5.4a.5.5 0 11-.71.7l-5.41-5.4z" fill="currentColor"/> 2796 </symbol> 2797 2798 <symbol id="icon-reset" class="icon icon-close" fill="none" viewBox="0 0 18 18" stroke="currentColor"> 2799 <circle r="8.5" cy="9" cx="9" stroke-opacity="0.2"/> 2800 <path d="M6.82972 6.82915L1.17193 1.17097" stroke-linecap="round" stroke-linejoin="round" transform="translate(5 5)"/> 2801 <path d="M1.22896 6.88502L6.77288 1.11523" stroke-linecap="round" stroke-linejoin="round" transform="translate(5 5)"/> 2802 </symbol> 2803 2804 <symbol id="icon-close" class="icon icon-close" fill="none" viewBox="0 0 18 17"> 2805 <path d="M.865 15.978a.5.5 0 00.707.707l7.433-7.431 7.579 7.282a.501.501 0 00.846-.37.5.5 0 00-.153-.351L9.712 8.546l7.417-7.416a.5.5 0 10-.707-.708L8.991 7.853 1.413.573a.5.5 0 10-.693.72l7.563 7.268-7.418 7.417z" fill="currentColor"> 2806 </symbol> 2807</svg> 2808 2809 2810 2811 2812 2813 2814 <sticky-header 2815 data-sticky-type="always" 2816 class="header-wrapper color-background-1 gradient header-wrapper--border-bottom" 2817 > 2818 2819<header 2820 id="colehaan-header" 2821 class="header header--top-center header--mobile-center page-width header--has-menu" 2822><header-drawer data-breakpoint="tablet"> 2823 <details id="Details-menu-drawer-container" class="menu-drawer-container"> 2824 <summary 2825 class="header__icon header__icon--menu header__icon--summary link focus-inset" 2826 aria-label="Menu" 2827 > 2828 <span id="hamburgerIcon"> 2829 2830 2831<svg 2832 xmlns="http://www.w3.org/2000/svg" 2833 aria-hidden="true" 2834 focusable="false" 2835 class="icon icon-hamburger" 2836 fill="none" 2837 viewBox="0 0 18 16" 2838> 2839 <path d="M1 .5a.5.5 0 100 1h15.71a.5.5 0 000-1H1zM.5 10a.5.5 0 01.5-.5h15.71a.5.5 0 010 1H1A.5.5 0 01.5 8zm0" fill="currentColor"> 2840</svg> 2841 2842 2843 </span> 2844 </summary> 2845 <div id="menu-drawer" class="gradient menu-drawer motion-reduce" tabindex="-1"> 2846 <div id="menu"> 2847 2848 <h1 class="header__heading main-menu"> 2849 <a 2850 href="/" 2851 class="header__heading-link link link--text focus-inset" 2852 style="padding-top: 22px" 2853 ><div class="header__heading-logo-wrapper"> 2854 2855 <img src="//colehaan.com.ph/cdn/shop/files/ColeHaan_NewYork_Logotype-01.svg?v=1764720671&width=600" alt="Cole Haan Philippines" srcset="//colehaan.com.ph/cdn/shop/files/ColeHaan_NewYork_Logotype-01.svg?v=1764720671&width=200 200w, //colehaan.com.ph/cdn/shop/files/ColeHaan_NewYork_Logotype-01.svg?v=1764720671&width=300 300w, //colehaan.com.ph/cdn/shop/files/ColeHaan_NewYork_Logotype-01.svg?v=1764720671&width=400 400w" width="200" height="60.05291005291005" loading="eager" class="header__heading-logo motion-reduce" sizes="(max-width: 400px) 50vw, 200px"> 2856 </div></a> 2857 <svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" class="icon icon-close header-menu-icon-close" fill="none" viewBox="0 0 18 17"> 2858 <path d="M.865 15.978a.5.5 0 00.707.707l7.433-7.431 7.579 7.282a.501.501 0 00.846-.37.5.5 0 00-.153-.351L9.712 8.546l7.417-7.416a.5.5 0 10-.707-.708L8.991 7.853 1.413.573a.5.5 0 10-.693.72l7.563 7.268-7.418 7.417z" fill="currentColor"> 2859 </path> 2860 </svg> 2861 </h1> 2862 2863 <div class="menu-drawer__inner-container"> 2864 <div class="menu-drawer__navigation-container"> 2865 <nav class="menu-drawer__navigation"> 2866 <ul class="menu-drawer__menu has-submenu list-menu first-ul" role="list"><li class="first-li"><details id="Details-menu-drawer-menu-item-1" class="first-details"> 2867 2868 2869 2870 <summary 2871 class=" menu-drawer__menu-item list-menu__item link link--text focus-inset" 2872 2873 > 2874 2875 New 2876 2877 <img 2878 class="right-icon" 2879 src="https://cdn.shopify.com/s/files/1/0268/1228/5039/files/right-arrow-svgrepo-com.svg?v=1709879511" 2880 > 2881 <svg aria-hidden="true" focusable="false" class="icon icon-caret" viewBox="0 0 10 6"> 2882 <path fill-rule="evenodd" clip-rule="evenodd" d="M9.354.646a.5.5 0 00-.708 0L5 4.293 1.354.646a.5.5 0 00-.708.708l4 4a.5.5 0 00.708 0l4-4a.5.5 0 000-.708z" fill="currentColor"> 2883</svg> 2884<!-- <svg fill="#000000" height="14px" width="14px" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewB
2884ox="0 0 330 330" xml:space="preserve" stroke="#000000" stroke-width="0.0033"><g id="SVGRepo_bgCarrier" stroke-width="0"></g><g id="SVGRepo_tracerCarrier" stroke-linecap="round" stroke-linejoin="round"></g> 2885 <g id="SVGRepo_iconCarrier"> 2886 <path id="XMLID_225_" d="M325.607,79.393c-5.857-5.857-15.355-5.858-21.213,0.001l-139.39,139.393L25.607,79.393 c-5.857-5.857-15.355-5.858-21.213,0.001c-5.858,5.858-5.858,15.355,0,21.213l150.004,150c2.813,2.813,6.628,4.393,10.606,4.393 s7.794-1.581,10.606-4.394l149.996-150C331.465,94.749,331.465,85.251,325.607,79.393z"> 2887 </path> </g></svg> --> 2888 2889 </summary> 2890 <div 2891 id="link-new" 2892 class="menu-drawer__submenu has-submenu gradient motion-reduce" 2893 tabindex="-1" 2894 > 2895 <div class="header-section-container"> 2896 <div class="back-button-container"> 2897 <button 2898 class="menu-drawer__close-button link link--text focus-inset" 2899 aria-expanded="true" 2900 > 2901 2902 <img 2903 class="left-icon" 2904 src="https://cdn.shopify.com/s/files/1/0268/1228/5039/files/left-arrow-svgrepo-com.svg?v=1709739010" 2905 > 2906 </button> 2907 </div> 2908 <div class="logo-button-container"> 2909 <h1 class="header__heading submenu"> 2910 <a 2911 href="/" 2912 class="header__heading-link link link--text focus-inset" 2913 ><div class="header__heading-logo-wrapper"> 2914 2915 <img src="//colehaan.com.ph/cdn/shop/files/ColeHaan_NewYork_Logotype-01.svg?v=1764720671&width=600" alt="Cole Haan Philippines" srcset="//colehaan.com.ph/cdn/shop/files/ColeHaan_NewYork_Logotype-01.svg?v=1764720671&width=200 200w, //colehaan.com.ph/cdn/shop/files/ColeHaan_NewYork_Logotype-01.svg?v=1764720671&width=300 300w, //colehaan.com.ph/cdn/shop/files/ColeHaan_NewYork_Logotype-01.svg?v=1764720671&width=400 400w" width="200" height="60.05291005291005" loading="eager" class="header__heading-logo motion-reduce" sizes="(max-width: 400px) 50vw, 200px"> 2916 </div></a> 2917 </h1> 2918 </div> 2919 </div> 2920 <div class="menu-drawer__inner-submenu"> 2921 2922 <ul class="menu-drawer__menu second-ul list-menu" role="list" tabindex="-1"><li class="second-li"><details id="Details-menu-drawer-submenu-1"> 2923 <summary class="menu-drawer__menu-item link link--text list-menu__item focus-inset"> 2924 Men 2925 <img 2926 class="right-icon" 2927 src="https://cdn.shopify.com/s/files/1/0268/1228/5039/files/right-arrow-svgrepo-com.svg?v=1709879511" 2928 > 2929 <svg aria-hidden="true" focusable="false" class="icon icon-caret" viewBox="0 0 10 6"> 2930 <path fill-rule="evenodd" clip-rule="evenodd" d="M9.354.646a.5.5 0 00-.708 0L5 4.293 1.354.646a.5.5 0 00-.708.708l4 4a.5.5 0 00.708 0l4-4a.5.5 0 000-.708z" fill="currentColor"> 2931</svg> 2932<!-- <svg fill="#000000" height="14px" width="14px" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewB
2932ox="0 0 330 330" xml:space="preserve" stroke="#000000" stroke-width="0.0033"><g id="SVGRepo_bgCarrier" stroke-width="0"></g><g id="SVGRepo_tracerCarrier" stroke-linecap="round" stroke-linejoin="round"></g> 2933 <g id="SVGRepo_iconCarrier"> 2934 <path id="XMLID_225_" d="M325.607,79.393c-5.857-5.857-15.355-5.858-21.213,0.001l-139.39,139.393L25.607,79.393 c-5.857-5.857-15.355-5.858-21.213,0.001c-5.858,5.858-5.858,15.355,0,21.213l150.004,150c2.813,2.813,6.628,4.393,10.606,4.393 s7.794-1.581,10.606-4.394l149.996-150C331.465,94.749,331.465,85.251,325.607,79.393z"> 2935 </path> </g></svg> --> 2936 2937 </summary> 2938 2939 <div 2940 id="childlink-men" 2941 class="menu-drawer__submenu has-submenu gradient motion-reduce" 2942 > 2943 <div class="header-section-container"> 2944 <div class="back-button-container"> 2945 <button 2946 class="menu-drawer__close-button link link--text focus-inset" 2947 aria-expanded="true" 2948 > 2949 <img 2950 class="left-icon" 2951 src="https://cdn.shopify.com/s/files/1/0268/1228/5039/files/left-arrow-svgrepo-com.svg?v=1709739010" 2952 > 2953 </button> 2954 </div> 2955 <div class="logo-button-container"> 2956 <h1 class="header__heading submenu2"> 2957 <a 2958 href="/" 2959 class="header__heading-link link link--text focus-inset" 2960 ><div class="header__heading-logo-wrapper"> 2961 2962 <img src="//colehaan.com.ph/cdn/shop/files/ColeHaan_NewYork_Logotype-01.svg?v=1764720671&width=600" alt="Cole Haan Philippines" srcset="//colehaan.com.ph/cdn/shop/files/ColeHaan_NewYork_Logotype-01.svg?v=1764720671&width=200 200w, //colehaan.com.ph/cdn/shop/files/ColeHaan_NewYork_Logotype-01.svg?v=1764720671&width=300 300w, //colehaan.com.ph/cdn/shop/files/ColeHaan_NewYork_Logotype-01.svg?v=1764720671&width=400 400w" width="200" height="60.05291005291005" loading="eager" class="header__heading-logo motion-reduce" sizes="(max-width: 400px) 50vw, 200px"> 2963 </div></a> 2964 </h1> 2965 </div> 2966 </div> 2967 2968 <ul class="menu-drawer__menu list-menu" role="list" tabindex="-1"><li> 2969 <a 2970 href="/collections/men_collections_new-arrivals" 2971 2972 class="menu-drawer__menu-item link link--text list-menu__item focus-inset" 2973 2974 > 2975 2976 Men's New Arrivals 2977 2978 </a> 2979 </li></ul> 2980 </div> 2981 </details></li><li class="second-li"><details id="Details-menu-drawer-submenu-2"> 2982 <summary class="menu-drawer__menu-item link link--text list-menu__item focus-inset"> 2983 Trending for men 2984 <img 2985 class="right-icon" 2986 src="https://cdn.shopify.com/s/files/1/0268/1228/5039/files/right-arrow-svgrepo-com.svg?v=1709879511" 2987 > 2988 <svg aria-hidden="true" focusable="false" class="icon icon-caret" viewBox="0 0 10 6"> 2989 <path fill-rule="evenodd" clip-rule="evenodd" d="M9.354.646a.5.5 0 00-.708 0L5 4.293 1.354.646a.5.5 0 00-.708.708l4 4a.5.5 0 00.708 0l4-4a.5.5 0 000-.708z" fill="currentColor"> 2990</svg> 2991<!-- <svg fill="#000000" height="14px" width="14px" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewB
2991ox="0 0 330 330" xml:space="preserve" stroke="#000000" stroke-width="0.0033"><g id="SVGRepo_bgCarrier" stroke-width="0"></g><g id="SVGRepo_tracerCarrier" stroke-linecap="round" stroke-linejoin="round"></g> 2992 <g id="SVGRepo_iconCarrier"> 2993 <path id="XMLID_225_" d="M325.607,79.393c-5.857-5.857-15.355-5.858-21.213,0.001l-139.39,139.393L25.607,79.393 c-5.857-5.857-15.355-5.858-21.213,0.001c-5.858,5.858-5.858,15.355,0,21.213l150.004,150c2.813,2.813,6.628,4.393,10.606,4.393 s7.794-1.581,10.606-4.394l149.996-150C331.465,94.749,331.465,85.251,325.607,79.393z"> 2994 </path> </g></svg> --> 2995 2996 </summary> 2997 2998 <div 2999 id="childlink-trending-for-men" 3000 class="menu-drawer__submenu has-submenu gradient motion-reduce" 3001 > 3002 <div class="header-section-container"> 3003 <div class="back-button-container"> 3004 <button 3005 class="menu-drawer__close-button link link--text focus-inset" 3006 aria-expanded="true" 3007 > 3008 <img 3009 class="left-icon" 3010 src="https://cdn.shopify.com/s/files/1/0268/1228/5039/files/left-arrow-svgrepo-com.svg?v=1709739010" 3011 > 3012 </button> 3013 </div> 3014 <div class="logo-button-container"> 3015 <h1 class="header__heading submenu2"> 3016 <a 3017 href="/" 3018 class="header__heading-link link link--text focus-inset" 3019 ><div class="header__heading-logo-wrapper"> 3020 3021 <img src="//colehaan.com.ph/cdn/shop/files/ColeHaan_NewYork_Logotype-01.svg?v=1764720671&width=600" alt="Cole Haan Philippines" srcset="//colehaan.com.ph/cdn/shop/files/ColeHaan_NewYork_Logotype-01.svg?v=1764720671&width=200 200w, //colehaan.com.ph/cdn/shop/files/ColeHaan_NewYork_Logotype-01.svg?v=1764720671&width=300 300w, //colehaan.com.ph/cdn/shop/files/ColeHaan_NewYork_Logotype-01.svg?v=1764720671&width=400 400w" width="200" height="60.05291005291005" loading="eager" class="header__heading-logo motion-reduce" sizes="(max-width: 400px) 50vw, 200px"> 3022 </div></a> 3023 </h1> 3024 </div> 3025 </div> 3026 3027 <ul class="menu-drawer__menu list-menu" role="list" tabindex="-1"><li> 3028 <a 3029 href="/collections/mens-fall-collection" 3030 3031 class="menu-drawer__menu-item link link--text list-menu__item focus-inset" 3032 3033 > 3034 3035 Fall Collection 3036 3037 </a> 3038 </li><li> 3039 <a 3040 href="/collections/mens-wedding" 3041 3042 class="menu-drawer__menu-item link link--text list-menu__item focus-inset" 3043 3044 > 3045 3046 Wedding Shop 3047 3048 </a> 3049 </li><li> 3050 <a 3051 href="/collections/mens-neutrals" 3052 3053 class="menu-drawer__menu-item link link--text list-menu__item focus-inset" 3054 3055 > 3056 3057 Neutral Shades 3058 3059 </a> 3060 </li></ul> 3061 </div> 3062 </details></li><li class="mobnav_imgHolder"> 3063 3064 3065 <a href="/collections/men_collections_new-arrivals" class="mob_nav_imgHolder" tabindex="0"> 3066 <picture> 3067 <source 3068 type="image/webp" 3069 srcset="//colehaan.com.ph/cdn/shop/files/Cole-Haan-Mens-New-Arrivals-w-CTA_ca94e9c6-f28b-4689-9dfa-9807f47c8e85.jpg?v=1789044151&
3069width=416" 3070 > 3071 <img 3072 src="//colehaan.com.ph/cdn/shop/files/Cole-Haan-Mens-New-Arrivals-w-CTA_ca94e9c6-f28b-4689-9dfa-9807f47c8e85.jpg?v=1789044151&width=416" 3073 alt="Shop Women's Regatta" 3074 loading="lazy" 3075 > 3076 </picture> 3077 </a> 3078 3079</li><li class="second-li"><details id="Details-menu-drawer-submenu-4"> 3080 <summary class="menu-drawer__menu-item link link--text list-menu__item focus-inset"> 3081 Women 3082 <img 3083 class="right-icon" 3084 src="https://cdn.shopify.com/s/files/1/0268/1228/5039/files/right-arrow-svgrepo-com.svg?v=1709879511" 3085 > 3086 <svg aria-hidden="true" focusable="false" class="icon icon-caret" viewBox="0 0 10 6"> 3087 <path fill-rule="evenodd" clip-rule="evenodd" d="M9.354.646a.5.5 0 00-.708 0L5 4.293 1.354.646a.5.5 0 00-.708.708l4 4a.5.5 0 00.708 0l4-4a.5.5 0 000-.708z" fill="currentColor"> 3088</svg> 3089<!-- <svg fill="#000000" height="14px" width="14px" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 330 330" xml:space="preserve" stroke="#000000" stroke-width="0.0033"><g id="SVGRepo_bgCarrier" stroke-width="0"></g><g id="SVGRepo_tracerCarrier" stroke-linecap="round" stroke-linejoin="round"></g> 3090 <g id="SVGRepo_iconCarrier"> 3091 <path id="XMLID_225_" d="M325.607,79.393c-5.857-5.857-15.355-5.858-21.213,0.001l-139.39,139.393L25.607,79.393 c-5.857-5.857-15.355-5.858-21.213,0.001c-5.858,5.858-5.858,15.355,0,21.213l150.004,150c2.813,2.813,6.628,4.393,10.606,4.393 s7.794-1.581,10.606-4.394l149.996-150C331.465,94.749,331.465,85.251,325.607,79.393z"> 3092 </path> </g></svg> --> 3093 3094 </summary> 3095 3096 <div 3097 id="childlink-women" 3098 class="menu-drawer__submenu has-submenu gradient motion-reduce" 3099 > 3100 <div class="header-section-container"> 3101 <div class="back-button-container"> 3102 <button 3103 class="menu-drawer__close-button link link--text focus-inset" 3104 aria-expanded="true" 3105 > 3106 <img 3107 class="left-icon" 3108 src="https://cdn.shopify.com/s/files/1/0268/1228/5039/files/left-arrow-svgrepo-com.svg?v=1709739010" 3109 > 3110 </button> 3111 </div> 3112 <div class="logo-button-container"> 3113 <h1 class="header__heading submenu2"> 3114 <a 3115 href="/" 3116 class="header__heading-link link link--text focus-inset" 3117 ><div class="header__heading-logo-wrapper"> 3118 3119 <img src="//colehaan.com.ph/cdn/shop/files/ColeHaan_NewYork_Logotype-01.svg?v=1764720671&width=600" alt="Cole Haan Philippines" srcset="//colehaan.com.ph/cdn/shop/files/ColeHaan_NewYork_Logotype-01.svg?v=1764720671&width=200 200w, //colehaan.com.ph/cdn/shop/files/ColeHaan_NewYork_Logotype-01.svg?v=1764720671&width=300 300w, //colehaan.com.ph/cdn/shop/files/ColeHaan_NewYork_Logotype-01.svg?v=1764720671&width=400 400w" width="200" height="60.05291005291005" loading="eager" class="header__heading-logo motion-reduce" sizes="(max-width: 400px) 50vw, 200px"> 3120 </div></a> 3121 </h1> 3122 </div> 3123 </div> 3124 3125 <ul class="menu-drawer__menu list-menu" role="list" tabindex="-1"><li> 3126 <a 3127 href="/collections/women_collections_new-arrivals" 3128 3129 class="menu-drawer__menu-item link link--text list-menu__item focus-inset" 3130 3131 > 3132 3133 Women's New Arrivals 3134 3135 </a> 3136 </li></ul> 3137 </div> 3138 </details></li><li class="second-li"><details id="Details-menu-drawer-submenu-5"> 3139 <summary class="menu-drawer__menu-item link link--text list-menu__item focus-inset"> 3140 Trending for Women 3141 <img 3142 class="right-icon" 3143 src="https://cdn.shopify.com/s/files/1/0268/1228/5039/files/right-arrow-svgrepo-com.svg?v=1709879511" 3144 > 3145 <svg aria-hidden="true" focusable="false" class="icon icon-caret" viewBox="0 0 10 6"> 3146 <path fill-rule="evenodd" clip-rule="evenodd" d="M9.354.646a.5.5 0 00-.708 0L5 4.293 1.354.646a.5.5 0 00-.708.708l4 4a.5.5 0 00.708 0l4-4a.5.5 0 000-.708z" fill="currentColor"> 3147</svg> 3148<!-- <svg fill="#000000" height="14px" width="14px" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewB
3148ox="0 0 330 330" xml:space="preserve" stroke="#000000" stroke-width="0.0033"><g id="SVGRepo_bgCarrier" stroke-width="0"></g><g id="SVGRepo_tracerCarrier" stroke-linecap="round" stroke-linejoin="round"></g> 3149 <g id="SVGRepo_iconCarrier"> 3150 <path id="XMLID_225_" d="M325.607,79.393c-5.857-5.857-15.355-5.858-21.213,0.001l-139.39,139.393L25.607,79.393 c-5.857-5.857-15.355-5.858-21.213,0.001c-5.858,5.858-5.858,15.355,0,21.213l150.004,150c2.813,2.813,6.628,4.393,10.606,4.393 s7.794-1.581,10.606-4.394l149.996-150C331.465,94.749,331.465,85.251,325.607,79.393z"> 3151 </path> </g></svg> --> 3152 3153 </summary> 3154 3155 <div 3156 id="childlink-trending-for-women" 3157 class="menu-drawer__submenu has-submenu gradient motion-reduce" 3158 > 3159 <div class="header-section-container"> 3160 <div class="back-button-container"> 3161 <button 3162 class="menu-drawer__close-button link link--text focus-inset" 3163 aria-expanded="true" 3164 > 3165 <img 3166 class="left-icon" 3167 src="https://cdn.shopify.com/s/files/1/0268/1228/5039/files/left-arrow-svgrepo-com.svg?v=1709739010" 3168 > 3169 </button> 3170 </div> 3171 <div class="logo-button-container"> 3172 <h1 class="header__heading submenu2"> 3173 <a 3174 href="/" 3175 class="header__heading-link link link--text focus-inset" 3176 ><div class="header__heading-logo-wrapper"> 3177 3178 <img src="//colehaan.com.ph/cdn/shop/files/ColeHaan_NewYork_Logotype-01.svg?v=1764720671&width=600" alt="Cole Haan Philippines" srcset="//colehaan.com.ph/cdn/shop/files/ColeHaan_NewYork_Logotype-01.svg?v=1764720671&width=200 200w, //colehaan.com.ph/cdn/shop/files/ColeHaan_NewYork_Logotype-01.svg?v=1764720671&width=300 300w, //colehaan.com.ph/cdn/shop/files/ColeHaan_NewYork_Logotype-01.svg?v=1764720671&width=400 400w" width="200" height="60.05291005291005" loading="eager" class="header__heading-logo motion-reduce" sizes="(max-width: 400px) 50vw, 200px"> 3179 </div></a> 3180 </h1> 3181 </div> 3182 </div> 3183 3184 <ul class="menu-drawer__menu list-menu" role="list" tabindex="-1"><li> 3185 <a 3186 href="/collections/womens-fall-collection" 3187 3188 class="menu-drawer__menu-item link link--text list-menu__item focus-inset" 3189 3190 > 3191 3192 Fall Collection 3193 3194 </a> 3195 </li><li> 3196 <a 3197 href="/collections/womens-wedding" 3198 3199 class="menu-drawer__menu-item link link--text list-menu__item focus-inset" 3200 3201 > 3202 3203 Wedding Shop 3204 3205 </a> 3206 </li><li> 3207 <a 3208 href="/collections/womens-neutrals" 3209 3210 class="menu-drawer__menu-item link link--text list-menu__item focus-inset" 3211 3212 > 3213 3214 Neutral Shades 3215 3216 </a> 3217 </li></ul> 3218 </div> 3219 </details></li><li class="mobnav_imgHolder"> 3220 <a 3221 href="/collections/women_collections_new-arrivals" 3222 class="mob_nav_imgHolder" 3223 tabindex="0" 3224 > 3225 <picture> 3226 <source 3227 type="image/webp" 3228 srcset="//colehaan.com.ph/cdn/shop/files/Cole-Haan-Womens-New-Arrivals-w-CTA_231038d0-d6a0-4812-88ba-68bb998747d8.jpg?v=1789044191&width=416" 3229 > 3230 <img 3231 src="//colehaan.com.ph/cdn/shop/files/Cole-Haan-Womens-New-Arrivals-w-CTA_231038d0-d6a0-4812-88ba-68bb998747d8.jpg?v=1789044191&width=416" 3232 alt="Shop Women's Regatta" 3233 loading="lazy" 3234 > 3235 </picture> 3236 </a> 3237 </li> 3238 3239 3240 3241 3242 3243 3244 3245 </ul> 3246 </div> 3247 </div> 3248 </details></li><li class="first-li"><details id="Details-menu-drawer-menu-item-2" class="first-details"> 3249 3250 3251 3252 <summary 3253 class=" menu-drawer__menu-item list-menu__item link link--text focus-inset" 3254 3255 > 3256 3257 Men 3258 3259 <img 3260 class="right-icon" 3261 src="https://cdn.shopify.com/s/files/1/0268/1228/5039/files/right-arrow-svgrepo-com.svg?v=1709879511" 3262 > 3263 <svg aria-hidden="true" focusable="false" class="icon icon-caret" viewBox="0 0 10 6"> 3264 <path fill-rule="evenodd" clip-rule="evenodd" d="M9.354.646a.5.5 0 00-.708 0L5 4.293 1.354.646a.5.5 0 00-.708.708l4 4a.5.5 0 00.708 0l4-4a.5.5 0 000-.708z" fill="currentColor"> 3265</svg> 3266<!-- <svg fill="#000000" height="14px" width="14px" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewB
3266ox="0 0 330 330" xml:space="preserve" stroke="#000000" stroke-width="0.0033"><g id="SVGRepo_bgCarrier" stroke-width="0"></g><g id="SVGRepo_tracerCarrier" stroke-linecap="round" stroke-linejoin="round"></g> 3267 <g id="SVGRepo_iconCarrier"> 3268 <path id="XMLID_225_" d="M325.607,79.393c-5.857-5.857-15.355-5.858-21.213,0.001l-139.39,139.393L25.607,79.393 c-5.857-5.857-15.355-5.858-21.213,0.001c-5.858,5.858-5.858,15.355,0,21.213l150.004,150c2.813,2.813,6.628,4.393,10.606,4.393 s7.794-1.581,10.606-4.394l149.996-150C331.465,94.749,331.465,85.251,325.607,79.393z"> 3269 </path> </g></svg> --> 3270 3271 </summary> 3272 <div 3273 id="link-men" 3274 class="menu-drawer__submenu has-submenu gradient motion-reduce" 3275 tabindex="-1" 3276 > 3277 <div class="header-section-container"> 3278 <div class="back-button-container"> 3279 <button 3280 class="menu-drawer__close-button link link--text focus-inset" 3281 aria-expanded="true" 3282 > 3283 3284 <img 3285 class="left-icon" 3286 src="https://cdn.shopify.com/s/files/1/0268/1228/5039/files/left-arrow-svgrepo-com.svg?v=1709739010" 3287 > 3288 </button> 3289 </div> 3290 <div class="logo-button-container"> 3291 <h1 class="header__heading submenu"> 3292 <a 3293 href="/" 3294 class="header__heading-link link link--text focus-inset" 3295 ><div class="header__heading-logo-wrapper"> 3296 3297 <img src="//colehaan.com.ph/cdn/shop/files/ColeHaan_NewYork_Logotype-01.svg?v=1764720671&width=600" alt="Cole Haan Philippines" srcset="//colehaan.com.ph/cdn/shop/files/ColeHaan_NewYork_Logotype-01.svg?v=1764720671&width=200 200w, //colehaan.com.ph/cdn/shop/files/ColeHaan_NewYork_Logotype-01.svg?v=1764720671&width=300 300w, //colehaan.com.ph/cdn/shop/files/ColeHaan_NewYork_Logotype-01.svg?v=1764720671&width=400 400w" width="200" height="60.05291005291005" loading="eager" class="header__heading-logo motion-reduce" sizes="(max-width: 400px) 50vw, 200px"> 3298 </div></a> 3299 </h1> 3300 </div> 3301 </div> 3302 <div class="menu-drawer__inner-submenu"> 3303 3304 <ul class="menu-drawer__menu second-ul list-menu" role="list" tabindex="-1"><li class="second-li"> 3305 <div> 3306 <a 3307 href="/collections/shoes_men" 3308 class="menu-drawer__menu-item link link--text list-menu__item focus-inset" 3309 3310 > 3311 3312 3313 Shop all men's 3314 3315 3316 </a> 3317 </div> 3318 3319</li><li class="second-li"><details id="Details-menu-drawer-submenu-2"> 3320 <summary class="menu-drawer__menu-item link link--text list-menu__item focus-inset"> 3321 Shoes 3322 <img 3323 class="right-icon" 3324 src="https://cdn.shopify.com/s/files/1/0268/1228/5039/files/right-arrow-svgrepo-com.svg?v=1709879511" 3325 > 3326 <svg aria-hidden="true" focusable="false" class="icon icon-caret" viewBox="0 0 10 6"> 3327 <path fill-rule="evenodd" clip-rule="evenodd" d="M9.354.646a.5.5 0 00-.708 0L5 4.293 1.354.646a.5.5 0 00-.708.708l4 4a.5.5 0 00.708 0l4-4a.5.5 0 000-.708z" fill="currentColor"> 3328</svg> 3329<!-- <svg fill="#000000" height="14px" width="14px" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewB
3329ox="0 0 330 330" xml:space="preserve" stroke="#000000" stroke-width="0.0033"><g id="SVGRepo_bgCarrier" stroke-width="0"></g><g id="SVGRepo_tracerCarrier" stroke-linecap="round" stroke-linejoin="round"></g> 3330 <g id="SVGRepo_iconCarrier"> 3331 <path id="XMLID_225_" d="M325.607,79.393c-5.857-5.857-15.355-5.858-21.213,0.001l-139.39,139.393L25.607,79.393 c-5.857-5.857-15.355-5.858-21.213,0.001c-5.858,5.858-5.858,15.355,0,21.213l150.004,150c2.813,2.813,6.628,4.393,10.606,4.393 s7.794-1.581,10.606-4.394l149.996-150C331.465,94.749,331.465,85.251,325.607,79.393z"> 3332 </path> </g></svg> --> 3333 3334 </summary> 3335 3336 <div 3337 id="childlink-shoes" 3338 class="menu-drawer__submenu has-submenu gradient motion-reduce" 3339 > 3340 <div class="header-section-container"> 3341 <div class="back-button-container"> 3342 <button 3343 class="menu-drawer__close-button link link--text focus-inset" 3344 aria-expanded="true" 3345 > 3346 <img 3347 class="left-icon" 3348 src="https://cdn.shopify.com/s/files/1/0268/1228/5039/files/left-arrow-svgrepo-com.svg?v=1709739010" 3349 > 3350 </button> 3351 </div> 3352 <div class="logo-button-container"> 3353 <h1 class="header__heading submenu2"> 3354 <a 3355 href="/" 3356 class="header__heading-link link link--text focus-inset" 3357 ><div class="header__heading-logo-wrapper"> 3358 3359 <img src="//colehaan.com.ph/cdn/shop/files/ColeHaan_NewYork_Logotype-01.svg?v=1764720671&width=600" alt="Cole Haan Philippines" srcset="//colehaan.com.ph/cdn/shop/files/ColeHaan_NewYork_Logotype-01.svg?v=1764720671&width=200 200w, //colehaan.com.ph/cdn/shop/files/ColeHaan_NewYork_Logotype-01.svg?v=1764720671&width=300 300w, //colehaan.com.ph/cdn/shop/files/ColeHaan_NewYork_Logotype-01.svg?v=1764720671&width=400 400w" width="200" height="60.05291005291005" loading="eager" class="header__heading-logo motion-reduce" sizes="(max-width: 400px) 50vw, 200px"> 3360 </div></a> 3361 </h1> 3362 </div> 3363 </div> 3364 3365 <ul class="menu-drawer__menu list-menu" role="list" tabindex="-1"><li> 3366 <a 3367 href="/collections/men_shoes_sneakers" 3368 3369 class="menu-drawer__menu-item link link--text list-menu__item focus-inset" 3370 3371 > 3372 3373 Sneakers 3374 3375 </a> 3376 </li><li> 3377 <a 3378 href="/collections/men_shoes_loafers-and-drivers" 3379 3380 class="menu-drawer__menu-item link link--text list-menu__item focus-inset" 3381 3382 > 3383 3384 Loafers and Drivers 3385 3386 </a> 3387 </li><li> 3388 <a 3389 href="/collections/men_shoes_oxfords" 3390 3391 class="menu-drawer__menu-item link link--text list-menu__item focus-inset" 3392 3393 > 3394 3395 Oxfords 3396 3397 </a> 3398 </li><li> 3399 <a 3400 href="/collections/men_shoes_dress-shoes" 3401 3402 class="menu-drawer__menu-item link link--text list-menu__item focus-inset" 3403 3404 > 3405 3406 Dress Shoes 3407 3408 </a> 3409 </li><li> 3410 <a 3411 href="/collections/men_shoes_sandals" 3412 3413 class="menu-drawer__menu-item link link--text list-menu__item focus-inset" 3414 3415 > 3416 3417 Sandals 3418 3419 </a> 3420 </li><li> 3421 <a 3422 href="/collections/shoes_men" 3423 3424 class="menu-drawer__menu-item link link--text list-menu__item focus-inset" 3425 3426 > 3427 3428 View All Shoes 3429 3430 </a> 3431 </li></ul> 3432 </div> 3433 </details></li><li class="second-li"><details id="Details-menu-drawer-submenu-3"> 3434 <summary class="menu-drawer__menu-item link link--text list-menu__item focus-inset"> 3435 Performance 3436 <img 3437 class="right-icon" 3438 src="https://cdn.shopify.com/s/files/1/0268/1228/5039/files/right-arrow-svgrepo-com.svg?v=1709879511" 3439 > 3440 <svg aria-hidden="true" focusable="false" class="icon icon-caret" viewBox="0 0 10 6"> 3441 <path fill-rule="evenodd" clip-rule="evenodd" d="M9.354.646a.5.5 0 00-.708 0L5 4.293 1.354.646a.5.5 0 00-.708.708l4 4a.5.5 0 00.708 0l4-4a.5.5 0 000-.708z" fill="currentColor"> 3442</svg> 3443<!-- <svg fill="#000000" height="14px" width="14px" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewB
3443ox="0 0 330 330" xml:space="preserve" stroke="#000000" stroke-width="0.0033"><g id="SVGRepo_bgCarrier" stroke-width="0"></g><g id="SVGRepo_tracerCarrier" stroke-linecap="round" stroke-linejoin="round"></g> 3444 <g id="SVGRepo_iconCarrier"> 3445 <path id="XMLID_225_" d="M325.607,79.393c-5.857-5.857-15.355-5.858-21.213,0.001l-139.39,139.393L25.607,79.393 c-5.857-5.857-15.355-5.858-21.213,0.001c-5.858,5.858-5.858,15.355,0,21.213l150.004,150c2.813,2.813,6.628,4.393,10.606,4.393 s7.794-1.581,10.606-4.394l149.996-150C331.465,94.749,331.465,85.251,325.607,79.393z"> 3446 </path> </g></svg> --> 3447 3448 </summary> 3449 3450 <div 3451 id="childlink-performance" 3452 class="menu-drawer__submenu has-submenu gradient motion-reduce" 3453 > 3454 <div class="header-section-container"> 3455 <div class="back-button-container"> 3456 <button 3457 class="menu-drawer__close-button link link--text focus-inset" 3458 aria-expanded="true" 3459 > 3460 <img 3461 class="left-icon" 3462 src="https://cdn.shopify.com/s/files/1/0268/1228/5039/files/left-arrow-svgrepo-com.svg?v=1709739010" 3463 > 3464 </button> 3465 </div> 3466 <div class="logo-button-container"> 3467 <h1 class="header__heading submenu2"> 3468 <a 3469 href="/" 3470 class="header__heading-link link link--text focus-inset" 3471 ><div class="header__heading-logo-wrapper"> 3472 3473 <img src="//colehaan.com.ph/cdn/shop/files/ColeHaan_NewYork_Logotype-01.svg?v=1764720671&width=600" alt="Cole Haan Philippines" srcset="//colehaan.com.ph/cdn/shop/files/ColeHaan_NewYork_Logotype-01.svg?v=1764720671&width=200 200w, //colehaan.com.ph/cdn/shop/files/ColeHaan_NewYork_Logotype-01.svg?v=1764720671&width=300 300w, //colehaan.com.ph/cdn/shop/files/ColeHaan_NewYork_Logotype-01.svg?v=1764720671&width=400 400w" width="200" height="60.05291005291005" loading="eager" class="header__heading-logo motion-reduce" sizes="(max-width: 400px) 50vw, 200px"> 3474 </div></a> 3475 </h1> 3476 </div> 3477 </div> 3478 3479 <ul class="menu-drawer__menu list-menu" role="list" tabindex="-1"><li> 3480 <a 3481 href="/collections/men_shoes_running-1" 3482 3483 class="menu-drawer__menu-item link link--text list-menu__item focus-inset" 3484 3485 > 3486 3487 Running 3488 3489 </a> 3490 </li><li> 3491 <a 3492 href="/collections/men_shoes_golf-1" 3493 3494 class="menu-drawer__menu-item link link--text list-menu__item focus-inset" 3495 3496 > 3497 3498 Golf 3499 3500 </a> 3501 </li></ul> 3502 </div> 3503 </details></li><li class="second-li"><details id="Details-menu-drawer-submenu-4"> 3504 <summary class="menu-drawer__menu-item link link--text list-menu__item focus-inset"> 3505 Featured 3506 <img 3507 class="right-icon" 3508 src="https://cdn.shopify.com/s/files/1/0268/1228/5039/files/right-arrow-svgrepo-com.svg?v=1709879511" 3509 > 3510 <svg aria-hidden="true" focusable="false" class="icon icon-caret" viewBox="0 0 10 6"> 3511 <path fill-rule="evenodd" clip-rule="evenodd" d="M9.354.646a.5.5 0 00-.708 0L5 4.293 1.354.646a.5.5 0 00-.708.708l4 4a.5.5 0 00.708 0l4-4a.5.5 0 000-.708z" fill="currentColor"> 3512</svg> 3513<!-- <svg fill="#000000" height="14px" width="14px" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewB
3513ox="0 0 330 330" xml:space="preserve" stroke="#000000" stroke-width="0.0033"><g id="SVGRepo_bgCarrier" stroke-width="0"></g><g id="SVGRepo_tracerCarrier" stroke-linecap="round" stroke-linejoin="round"></g> 3514 <g id="SVGRepo_iconCarrier"> 3515 <path id="XMLID_225_" d="M325.607,79.393c-5.857-5.857-15.355-5.858-21.213,0.001l-139.39,139.393L25.607,79.393 c-5.857-5.857-15.355-5.858-21.213,0.001c-5.858,5.858-5.858,15.355,0,21.213l150.004,150c2.813,2.813,6.628,4.393,10.606,4.393 s7.794-1.581,10.606-4.394l149.996-150C331.465,94.749,331.465,85.251,325.607,79.393z"> 3516 </path> </g></svg> --> 3517 3518 </summary> 3519 3520 <div 3521 id="childlink-featured" 3522 class="menu-drawer__submenu has-submenu gradient motion-reduce" 3523 > 3524 <div class="header-section-container"> 3525 <div class="back-button-container"> 3526 <button 3527 class="menu-drawer__close-button link link--text focus-inset" 3528 aria-expanded="true" 3529 > 3530 <img 3531 class="left-icon" 3532 src="https://cdn.shopify.com/s/files/1/0268/1228/5039/files/left-arrow-svgrepo-com.svg?v=1709739010" 3533 > 3534 </button> 3535 </div> 3536 <div class="logo-button-container"> 3537 <h1 class="header__heading submenu2"> 3538 <a 3539 href="/" 3540 class="header__heading-link link link--text focus-inset" 3541 ><div class="header__heading-logo-wrapper"> 3542 3543 <img src="//colehaan.com.ph/cdn/shop/files/ColeHaan_NewYork_Logotype-01.svg?v=1764720671&width=600" alt="Cole Haan Philippines" srcset="//colehaan.com.ph/cdn/shop/files/ColeHaan_NewYork_Logotype-01.svg?v=1764720671&width=200 200w, //colehaan.com.ph/cdn/shop/files/ColeHaan_NewYork_Logotype-01.svg?v=1764720671&width=300 300w, //colehaan.com.ph/cdn/shop/files/ColeHaan_NewYork_Logotype-01.svg?v=1764720671&width=400 400w" width="200" height="60.05291005291005" loading="eager" class="header__heading-logo motion-reduce" sizes="(max-width: 400px) 50vw, 200px"> 3544 </div></a> 3545 </h1> 3546 </div> 3547 </div> 3548 3549 <ul class="menu-drawer__menu list-menu" role="list" tabindex="-1"><li> 3550 <a 3551 href="/collections/men_collections_new-arrivals" 3552 3553 class="menu-drawer__menu-item link link--text list-menu__item focus-inset" 3554 3555 > 3556 3557 New Arrivals 3558 3559 </a> 3560 </li><li> 3561 <a 3562 href="/collections/men_collections_best-sellers" 3563 3564 class="menu-drawer__menu-item link link--text list-menu__item focus-inset" 3565 3566 > 3567 3568 Best Sellers 3569 3570 </a> 3571 </li><li> 3572 <a 3573 href="/collections/mens-office" 3574 3575 class="menu-drawer__menu-item link link--text list-menu__item focus-inset" 3576 3577 > 3578 3579 Work to Weekend 3580 3581 </a> 3582 </li></ul> 3583 </div> 3584 </details></li><li class="second-li"><details id="Details-menu-drawer-submenu-5"> 3585 <summary class="menu-drawer__menu-item link link--text list-menu__item focus-inset"> 3586 Collections 3587 <img 3588 class="right-icon" 3589 src="https://cdn.shopify.com/s/files/1/0268/1228/5039/files/right-arrow-svgrepo-com.svg?v=1709879511" 3590 > 3591 <svg aria-hidden="true" focusable="false" class="icon icon-caret" viewBox="0 0 10 6"> 3592 <path fill-rule="evenodd" clip-rule="evenodd" d="M9.354.646a.5.5 0 00-.708 0L5 4.293 1.354.646a.5.5 0 00-.708.708l4 4a.5.5 0 00.708 0l4-4a.5.5 0 000-.708z" fill="currentColor"> 3593</svg> 3594<!-- <svg fill="#000000" height="14px" width="14px" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewB
3594ox="0 0 330 330" xml:space="preserve" stroke="#000000" stroke-width="0.0033"><g id="SVGRepo_bgCarrier" stroke-width="0"></g><g id="SVGRepo_tracerCarrier" stroke-linecap="round" stroke-linejoin="round"></g> 3595 <g id="SVGRepo_iconCarrier"> 3596 <path id="XMLID_225_" d="M325.607,79.393c-5.857-5.857-15.355-5.858-21.213,0.001l-139.39,139.393L25.607,79.393 c-5.857-5.857-15.355-5.858-21.213,0.001c-5.858,5.858-5.858,15.355,0,21.213l150.004,150c2.813,2.813,6.628,4.393,10.606,4.393 s7.794-1.581,10.606-4.394l149.996-150C331.465,94.749,331.465,85.251,325.607,79.393z"> 3597 </path> </g></svg> --> 3598 3599 </summary> 3600 3601 <div 3602 id="childlink-collections" 3603 class="menu-drawer__submenu has-submenu gradient motion-reduce" 3604 > 3605 <div class="header-section-container"> 3606 <div class="back-button-container"> 3607 <button 3608 class="menu-drawer__close-button link link--text focus-inset" 3609 aria-expanded="true" 3610 > 3611 <img 3612 class="left-icon" 3613 src="https://cdn.shopify.com/s/files/1/0268/1228/5039/files/left-arrow-svgrepo-com.svg?v=1709739010" 3614 > 3615 </button> 3616 </div> 3617 <div class="logo-button-container"> 3618 <h1 class="header__heading submenu2"> 3619 <a 3620 href="/" 3621 class="header__heading-link link link--text focus-inset" 3622 ><div class="header__heading-logo-wrapper"> 3623 3624 <img src="//colehaan.com.ph/cdn/shop/files/ColeHaan_NewYork_Logotype-01.svg?v=1764720671&width=600" alt="Cole Haan Philippines" srcset="//colehaan.com.ph/cdn/shop/files/ColeHaan_NewYork_Logotype-01.svg?v=1764720671&width=200 200w, //colehaan.com.ph/cdn/shop/files/ColeHaan_NewYork_Logotype-01.svg?v=1764720671&width=300 300w, //colehaan.com.ph/cdn/shop/files/ColeHaan_NewYork_Logotype-01.svg?v=1764720671&width=400 400w" width="200" height="60.05291005291005" loading="eager" class="header__heading-logo motion-reduce" sizes="(max-width: 400px) 50vw, 200px"> 3625 </div></a> 3626 </h1> 3627 </div> 3628 </div> 3629 3630 <ul class="menu-drawer__menu list-menu" role="list" tabindex="-1"><li> 3631 <a 3632 href="/collections/men_collections_zerogrand-remastered" 3633 3634 class="menu-drawer__menu-item link link--text list-menu__item focus-inset" 3635 3636 > 3637 3638 ZERÃGRAND Remastered 3639 3640 </a> 3641 </li><li> 3642 <a 3643 href="/collections/men_collections_zerogrand" 3644 3645 class="menu-drawer__menu-item link link--text list-menu__item focus-inset" 3646 3647 > 3648 3649 ZERÃGRAND 3650 3651 </a> 3652 </li><li> 3653 <a 3654 href="/collections/men_collections_originalgrand-remastered" 3655 3656 class="menu-drawer__menu-item link link--text list-menu__item focus-inset" 3657 3658 > 3659 3660 ÃriginalGrand Remastered 3661 3662 </a> 3663 </li><li> 3664 <a 3665 href="/collections/men_collections_originalgrand" 3666 3667 class="menu-drawer__menu-item link link--text list-menu__item focus-inset" 3668 3669 > 3670 3671 ÃriginalGrand 3672 3673 </a> 3674 </li><li> 3675 <a 3676 href="/collections/men_collections_grandpro" 3677 3678 class="menu-drawer__menu-item link link--text list-menu__item focus-inset" 3679 3680 > 3681 3682 GrandPrø 3683 3684 </a> 3685 </li><li> 3686 <a 3687 href="/collections/men_collections_grandpro-ashland-collection" 3688 3689 class="menu-drawer__menu-item link link--text list-menu__item focus-inset" 3690 3691 > 3692 3693 Ashland Collection 3694 3695 </a> 3696 </li><li> 3697 <a 3698 href="/collections/men_collections_grandpro-topspin-sneaker" 3699 3700 class="menu-drawer__menu-item link link--text list-menu__item focus-inset" 3701 3702 > 3703 3704 Topspin Collection 3705 3706 </a> 3707 </li><li> 3708 <a 3709 href="/collections/men_collections_stitchlite" 3710 3711 class="menu-drawer__menu-item link link--text list-menu__item focus-inset" 3712 3713 > 3714 3715 Stitchlite⢠Knit 3716 3717 </a> 3718 </li></ul> 3719 </div> 3720 </details></li><li class="second-li"><details id="Details-menu-drawer-submenu-6"> 3721 <summary class="menu-drawer__menu-item link link--text list-menu__item focus-inset"> 3722 Bags & Accessories 3723 <img 3724 class="right-icon" 3725 src="https://cdn.shopify.com/s/files/1/0268/1228/5039/files/right-arrow-svgrepo-com.svg?v=1709879511" 3726 > 3727 <svg aria-hidden="true" focusable="false" class="icon icon-caret" viewBox="0 0 10 6"> 3728 <path fill-rule="evenodd" clip-rule="evenodd" d="M9.354.646a.5.5 0 00-.708 0L5 4.293 1.354.646a.5.5 0 00-.708.708l4 4a.5.5 0 00.708 0l4-4a.5.5 0 000-.708z" fill="currentColor"> 3729</svg> 3730<!-- <svg fill="#000000" height="14px" width="14px" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewB
3730ox="0 0 330 330" xml:space="preserve" stroke="#000000" stroke-width="0.0033"><g id="SVGRepo_bgCarrier" stroke-width="0"></g><g id="SVGRepo_tracerCarrier" stroke-linecap="round" stroke-linejoin="round"></g> 3731 <g id="SVGRepo_iconCarrier"> 3732 <path id="XMLID_225_" d="M325.607,79.393c-5.857-5.857-15.355-5.858-21.213,0.001l-139.39,139.393L25.607,79.393 c-5.857-5.857-15.355-5.858-21.213,0.001c-5.858,5.858-5.858,15.355,0,21.213l150.004,150c2.813,2.813,6.628,4.393,10.606,4.393 s7.794-1.581,10.606-4.394l149.996-150C331.465,94.749,331.465,85.251,325.607,79.393z"> 3733 </path> </g></svg> --> 3734 3735 </summary> 3736 3737 <div 3738 id="childlink-bags-accessories" 3739 class="menu-drawer__submenu has-submenu gradient motion-reduce" 3740 > 3741 <div class="header-section-container"> 3742 <div class="back-button-container"> 3743 <button 3744 class="menu-drawer__close-button link link--text focus-inset" 3745 aria-expanded="true" 3746 > 3747 <img 3748 class="left-icon" 3749 src="https://cdn.shopify.com/s/files/1/0268/1228/5039/files/left-arrow-svgrepo-com.svg?v=1709739010" 3750 > 3751 </button> 3752 </div> 3753 <div class="logo-button-container"> 3754 <h1 class="header__heading submenu2"> 3755 <a 3756 href="/" 3757 class="header__heading-link link link--text focus-inset" 3758 ><div class="header__heading-logo-wrapper"> 3759 3760 <img src="//colehaan.com.ph/cdn/shop/files/ColeHaan_NewYork_Logotype-01.svg?v=1764720671&width=600" alt="Cole Haan Philippines" srcset="//colehaan.com.ph/cdn/shop/files/ColeHaan_NewYork_Logotype-01.svg?v=1764720671&width=200 200w, //colehaan.com.ph/cdn/shop/files/ColeHaan_NewYork_Logotype-01.svg?v=1764720671&width=300 300w, //colehaan.com.ph/cdn/shop/files/ColeHaan_NewYork_Logotype-01.svg?v=1764720671&width=400 400w" width="200" height="60.05291005291005" loading="eager" class="header__heading-logo motion-reduce" sizes="(max-width: 400px) 50vw, 200px"> 3761 </div></a> 3762 </h1> 3763 </div> 3764 </div> 3765 3766 <ul class="menu-drawer__menu list-menu" role="list" tabindex="-1"><li> 3767 <a 3768 href="/collections/men_bags-and-accessories_bags-and-backpacks" 3769 3770 class="menu-drawer__menu-item link link--text list-menu__item focus-inset" 3771 3772 > 3773 3774 Bags &
3774 Backpacks 3775 3776 </a> 3777 </li></ul> 3778 </div> 3779 </details></li> 3780<li class="mobnav_imgHolder"> 3781 <a 3782 href="/collections/men_shoes_sneakers" 3783 class="mob_nav_imgHolder" 3784 tabindex="0" 3785 > 3786 <picture> 3787 <source 3788 type="image/webp" 3789 srcset="//colehaan.com.ph/cdn/shop/files/Cole-Haan-Mens-Sneakers-w-CTA2.jpg?v=1785728696&width=416" 3790 > 3791 <img 3792 src="//colehaan.com.ph/cdn/shop/files/Cole-Haan-Mens-Sneakers-w-CTA2.jpg?v=1785728696&width=416" 3793 alt="Shop Women's Regatta" 3794 loading="lazy" 3795 > 3796 </picture> 3797 </a> 3798 </li> 3799 3800 3801 3802 3803 3804 3805 </ul> 3806 </div> 3807 </div> 3808 </details></li><li class="first-li"><details id="Details-menu-drawer-menu-item-3" class="first-details"> 3809 3810 3811 3812 <summary 3813 class=" menu-drawer__menu-item list-menu__item link link--text focus-inset" 3814 3815 > 3816 3817 Women 3818 3819 <img 3820 class="right-icon" 3821 src="https://cdn.shopify.com/s/files/1/0268/1228/5039/files/right-arrow-svgrepo-com.svg?v=1709879511" 3822 > 3823 <svg aria-hidden="true" focusable="false" class="icon icon-caret" viewBox="0 0 10 6"> 3824 <path fill-rule="evenodd" clip-rule="evenodd" d="M9.354.646a.5.5 0 00-.708 0L5 4.293 1.354.646a.5.5 0 00-.708.708l4 4a.5.5 0 00.708 0l4-4a.5.5 0 000-.708z" fill="currentColor"> 3825</svg> 3826<!-- <svg fill="#000000" height="14px" width="14px" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 330 330" xml:space="preserve" stroke="#000000" stroke-width="0.0033"><g id="SVGRepo_bgCarrier" stroke-width="0"></g><g id="SVGRepo_tracerCarrier" stroke-linecap="round" stroke-linejoin="round"></g> 3827 <g id="SVGRepo_iconCarrier"> 3828 <path id="XMLID_225_" d="M325.607,79.393c-5.857-5.857-15.355-5.858-21.213,0.001l-139.39,139.393L25.607,79.393 c-5.857-5.857-15.355-5.858-21.213,0.001c-5.858,5.858-5.858,15.355,0,21.213l150.004,150c2.813,2.813,6.628,4.393,10.606,4.393 s7.794-1.581,10.606-4.394l149.996-150C331.465,94.749,331.465,85.251,325.607,79.393z"> 3829 </path> </g></svg> --> 3830 3831 </summary> 3832 <div 3833 id="link-women" 3834 class="menu-drawer__submenu has-submenu gradient motion-reduce" 3835 tabindex="-1" 3836 > 3837 <div class="header-section-container"> 3838 <div class="back-button-container"> 3839 <button 3840 class="menu-drawer__close-button link link--text focus-inset" 3841 aria-expanded="true" 3842 > 3843 3844 <img 3845 class="left-icon" 3846 src="https://cdn.shopify.com/s/files/1/0268/1228/5039/files/left-arrow-svgrepo-com.svg?v=1709739010" 3847 > 3848 </button> 3849 </div> 3850 <div class="logo-button-container"> 3851 <h1 class="header__heading submenu"> 3852 <a 3853 href="/" 3854 class="header__heading-link link link--text focus-inset" 3855 ><div class="header__heading-logo-wrapper"> 3856 3857 <img src="//colehaan.com.ph/cdn/shop/files/ColeHaan_NewYork_Logotype-01.svg?v=1764720671&width=600" alt="Cole Haan Philippines" srcset="//colehaan.com.ph/cdn/shop/files/ColeHaan_NewYork_Logotype-01.svg?v=1764720671&width=200 200w, //colehaan.com.ph/cdn/shop/files/ColeHaan_NewYork_Logotype-01.svg?v=1764720671&width=300 300w, //colehaan.com.ph/cdn/shop/files/ColeHaan_NewYork_Logotype-01.svg?v=1764720671&width=400 400w" width="200" height="60.05291005291005" loading="eager" class="header__heading-logo motion-reduce" sizes="(max-width: 400px) 50vw, 200px"> 3858 </div></a> 3859 </h1> 3860 </div> 3861 </div> 3862 <div class="menu-drawer__inner-submenu"> 3863 3864 <ul class="menu-drawer__menu second-ul list-menu" role="list" tabindex="-1"><li class="second-li"> 3865 <div> 3866 <a 3867 href="/collections/women_shoes" 3868 class="menu-drawer__menu-item link link--text list-menu__item focus-inset" 3869 3870 > 3871 3872 3873 Shop all women's 3874 3875 3876 </a> 3877 </div> 3878 3879</li><li class="second-li"><details id="Details-menu-drawer-submenu-2"> 3880 <summary class="menu-drawer__menu-item link link--text list-menu__item focus-inset"> 3881 Shoes 3882 <img 3883 class="right-icon" 3884 src="https://cdn.shopify.com/s/files/1/0268/1228/5039/files/right-arrow-svgrepo-com.svg?v=1709879511" 3885 > 3886 <svg aria-hidden="true" focusable="false" class="icon icon-caret" viewBox="0 0 10 6"> 3887 <path fill-rule="evenodd" clip-rule="evenodd" d="M9.354.646a.5.5 0 00-.708 0L5 4.293 1.354.646a.5.5 0 00-.708.708l4 4a.5.5 0 00.708 0l4-4a.5.5 0 000-.708z" fill="currentColor"> 3888</svg> 3889<!-- <svg fill="#000000" height="14px" width="14px" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewB
3889ox="0 0 330 330" xml:space="preserve" stroke="#000000" stroke-width="0.0033"><g id="SVGRepo_bgCarrier" stroke-width="0"></g><g id="SVGRepo_tracerCarrier" stroke-linecap="round" stroke-linejoin="round"></g> 3890 <g id="SVGRepo_iconCarrier"> 3891 <path id="XMLID_225_" d="M325.607,79.393c-5.857-5.857-15.355-5.858-21.213,0.001l-139.39,139.393L25.607,79.393 c-5.857-5.857-15.355-5.858-21.213,0.001c-5.858,5.858-5.858,15.355,0,21.213l150.004,150c2.813,2.813,6.628,4.393,10.606,4.393 s7.794-1.581,10.606-4.394l149.996-150C331.465,94.749,331.465,85.251,325.607,79.393z"> 3892 </path> </g></svg> --> 3893 3894 </summary> 3895 3896 <div 3897 id="childlink-shoes" 3898 class="menu-drawer__submenu has-submenu gradient motion-reduce" 3899 > 3900 <div class="header-section-container"> 3901 <div class="back-button-container"> 3902 <button 3903 class="menu-drawer__close-button link link--text focus-inset" 3904 aria-expanded="true" 3905 > 3906 <img 3907 class="left-icon" 3908 src="https://cdn.shopify.com/s/files/1/0268/1228/5039/files/left-arrow-svgrepo-com.svg?v=1709739010" 3909 > 3910 </button> 3911 </div> 3912 <div class="logo-button-container"> 3913 <h1 class="header__heading submenu2"> 3914 <a 3915 href="/" 3916 class="header__heading-link link link--text focus-inset" 3917 ><div class="header__heading-logo-wrapper"> 3918 3919 <img src="//colehaan.com.ph/cdn/shop/files/ColeHaan_NewYork_Logotype-01.svg?v=1764720671&width=600" alt="Cole Haan Philippines" srcset="//colehaan.com.ph/cdn/shop/files/ColeHaan_NewYork_Logotype-01.svg?v=1764720671&width=200 200w, //colehaan.com.ph/cdn/shop/files/ColeHaan_NewYork_Logotype-01.svg?v=1764720671&width=300 300w, //colehaan.com.ph/cdn/shop/files/ColeHaan_NewYork_Logotype-01.svg?v=1764720671&width=400 400w" width="200" height="60.05291005291005" loading="eager" class="header__heading-logo motion-reduce" sizes="(max-width: 400px) 50vw, 200px"> 3920 </div></a> 3921 </h1> 3922 </div> 3923 </div> 3924 3925 <ul class="menu-drawer__menu list-menu" role="list" tabindex="-1"><li> 3926 <a 3927 href="https://colehaan.com.ph/collections/women_shoes_sneakers" 3928 3929 class="menu-drawer__menu-item link link--text list-menu__item focus-inset" 3930 3931 > 3932 3933 Sneakers 3934 3935 </a> 3936 </li><li> 3937 <a 3938 href="https://colehaan.com.ph/collections/women_shoes_sandals" 3939 3940 class="menu-drawer__menu-item link link--text list-menu__item focus-inset" 3941 3942 > 3943 3944 Sandals 3945 3946 </a> 3947 </li><li> 3948 <a 3949 href="https://colehaan.com.ph/collections/women_shoes_loafers-and-drivers" 3950 3951 class="menu-drawer__menu-item link link--text list-menu__item focus-inset" 3952 3953 > 3954 3955 Loafers and Drivers 3956 3957 </a> 3958 </li><li> 3959 <a 3960 href="/collections/womens-flats-and-ballet-shoes" 3961 3962 class="menu-drawer__menu-item link link--text list-menu__item focus-inset" 3963 3964 > 3965 3966 Flats & Ballets 3967 3968 </a> 3969 </li><li> 3970 <a 3971 href="https://colehaan.com.ph/collections/women_shoes_oxfords" 3972 3973 class="menu-drawer__menu-item link link--text list-menu__item focus-inset" 3974 3975 > 3976 3977 Oxfords 3978 3979 </a> 3980 </li><li> 3981 <a 3982 href="/collections/women_shoes_dress-shoes" 3983 3984 class="menu-drawer__menu-item link link--text list-menu__item focus-inset" 3985 3986 > 3987 3988 Dress Shoes 3989 3990 </a> 3991 </li><li> 3992 <a 3993 href="https://colehaan.com.ph/collections/women_shoes" 3994 3995 class="menu-drawer__menu-item link link--text list-menu__item focus-inset" 3996 3997 > 3998 3999 View All Shoes 4000 4001 </a> 4002 </li></ul> 4003 </div> 4004 </details></li><li class="second-li"><details id="Details-menu-drawer-submenu-3"> 4005 <summary class="menu-drawer__menu-item link link--text list-menu__item focus-inset"> 4006 Performance 4007 <img 4008 class="right-icon" 4009 src="https://cdn.shopify.com/s/files/1/0268/1228/5039/files/right-arrow-svgrepo-com.svg?v=1709879511" 4010 > 4011 <svg aria-hidden="true" focusable="false" class="icon icon-caret" viewBox="0 0 10 6"> 4012 <path fill-rule="evenodd" clip-rule="evenodd" d="M9.354.646a.5.5 0 00-.708 0L5 4.293 1.354.646a.5.5 0 00-.708.708l4 4a.5.5 0 00.708 0l4-4a.5.5 0 000-.708z" fill="currentColor"> 4013</svg> 4014<!-- <svg fill="#000000" height="14px" width="14px" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewB
4014ox="0 0 330 330" xml:space="preserve" stroke="#000000" stroke-width="0.0033"><g id="SVGRepo_bgCarrier" stroke-width="0"></g><g id="SVGRepo_tracerCarrier" stroke-linecap="round" stroke-linejoin="round"></g> 4015 <g id="SVGRepo_iconCarrier"> 4016 <path id="XMLID_225_" d="M325.607,79.393c-5.857-5.857-15.355-5.858-21.213,0.001l-139.39,139.393L25.607,79.393 c-5.857-5.857-15.355-5.858-21.213,0.001c-5.858,5.858-5.858,15.355,0,21.213l150.004,150c2.813,2.813,6.628,4.393,10.606,4.393 s7.794-1.581,10.606-4.394l149.996-150C331.465,94.749,331.465,85.251,325.607,79.393z"> 4017 </path> </g></svg> --> 4018 4019 </summary> 4020 4021 <div 4022 id="childlink-performance" 4023 class="menu-drawer__submenu has-submenu gradient motion-reduce" 4024 > 4025 <div class="header-section-container"> 4026 <div class="back-button-container"> 4027 <button 4028 class="menu-drawer__close-button link link--text focus-inset" 4029 aria-expanded="true" 4030 > 4031 <img 4032 class="left-icon" 4033 src="https://cdn.shopify.com/s/files/1/0268/1228/5039/files/left-arrow-svgrepo-com.svg?v=1709739010" 4034 > 4035 </button> 4036 </div> 4037 <div class="logo-button-container"> 4038 <h1 class="header__heading submenu2"> 4039 <a 4040 href="/" 4041 class="header__heading-link link link--text focus-inset" 4042 ><div class="header__heading-logo-wrapper"> 4043 4044 <img src="//colehaan.com.ph/cdn/shop/files/ColeHaan_NewYork_Logotype-01.svg?v=1764720671&width=600" alt="Cole Haan Philippines" srcset="//colehaan.com.ph/cdn/shop/files/ColeHaan_NewYork_Logotype-01.svg?v=1764720671&width=200 200w, //colehaan.com.ph/cdn/shop/files/ColeHaan_NewYork_Logotype-01.svg?v=1764720671&width=300 300w, //colehaan.com.ph/cdn/shop/files/ColeHaan_NewYork_Logotype-01.svg?v=1764720671&width=400 400w" width="200" height="60.05291005291005" loading="eager" class="header__heading-logo motion-reduce" sizes="(max-width: 400px) 50vw, 200px"> 4045 </div></a> 4046 </h1> 4047 </div> 4048 </div> 4049 4050 <ul class="menu-drawer__menu list-menu" role="list" tabindex="-1"><li> 4051 <a 4052 href="https://colehaan.com.ph/collections/women_shoes_running-1" 4053 4054 class="menu-drawer__menu-item link link--text list-menu__item focus-inset" 4055 4056 > 4057 4058 Running 4059 4060 </a> 4061 </li><li> 4062 <a 4063 href="https://colehaan.com.ph/collections/women_shoes_golf-1" 4064 4065 class="menu-drawer__menu-item link link--text list-menu__item focus-inset" 4066 4067 > 4068 4069 Golf 4070 4071 </a> 4072 </li></ul> 4073 </div> 4074 </details></li><li class="second-li"><details id="Details-menu-drawer-submenu-4"> 4075 <summary class="menu-drawer__menu-item link link--text list-menu__item focus-inset"> 4076 Featured 4077 <img 4078 class="right-icon" 4079 src="https://cdn.shopify.com/s/files/1/0268/1228/5039/files/right-arrow-svgrepo-com.svg?v=1709879511" 4080 > 4081 <svg aria-hidden="true" focusable="false" class="icon icon-caret" viewBox="0 0 10 6"> 4082 <path fill-rule="evenodd" clip-rule="evenodd" d="M9.354.646a.5.5 0 00-.708 0L5 4.293 1.354.646a.5.5 0 00-.708.708l4 4a.5.5 0 00.708 0l4-4a.5.5 0 000-.708z" fill="currentColor"> 4083</svg> 4084<!-- <svg fill="#000000" height="14px" width="14px" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewB
4084ox="0 0 330 330" xml:space="preserve" stroke="#000000" stroke-width="0.0033"><g id="SVGRepo_bgCarrier" stroke-width="0"></g><g id="SVGRepo_tracerCarrier" stroke-linecap="round" stroke-linejoin="round"></g> 4085 <g id="SVGRepo_iconCarrier"> 4086 <path id="XMLID_225_" d="M325.607,79.393c-5.857-5.857-15.355-5.858-21.213,0.001l-139.39,139.393L25.607,79.393 c-5.857-5.857-15.355-5.858-21.213,0.001c-5.858,5.858-5.858,15.355,0,21.213l150.004,150c2.813,2.813,6.628,4.393,10.606,4.393 s7.794-1.581,10.606-4.394l149.996-150C331.465,94.749,331.465,85.251,325.607,79.393z"> 4087 </path> </g></svg> --> 4088 4089 </summary> 4090 4091 <div 4092 id="childlink-featured" 4093 class="menu-drawer__submenu has-submenu gradient motion-reduce" 4094 > 4095 <div class="header-section-container"> 4096 <div class="back-button-container"> 4097 <button 4098 class="menu-drawer__close-button link link--text focus-inset" 4099 aria-expanded="true" 4100 > 4101 <img 4102 class="left-icon" 4103 src="https://cdn.shopify.com/s/files/1/0268/1228/5039/files/left-arrow-svgrepo-com.svg?v=1709739010" 4104 > 4105 </button> 4106 </div> 4107 <div class="logo-button-container"> 4108 <h1 class="header__heading submenu2"> 4109 <a 4110 href="/" 4111 class="header__heading-link link link--text focus-inset" 4112 ><div class="header__heading-logo-wrapper"> 4113 4114 <img src="//colehaan.com.ph/cdn/shop/files/ColeHaan_NewYork_Logotype-01.svg?v=1764720671&width=600" alt="Cole Haan Philippines" srcset="//colehaan.com.ph/cdn/shop/files/ColeHaan_NewYork_Logotype-01.svg?v=1764720671&width=200 200w, //colehaan.com.ph/cdn/shop/files/ColeHaan_NewYork_Logotype-01.svg?v=1764720671&width=300 300w, //colehaan.com.ph/cdn/shop/files/ColeHaan_NewYork_Logotype-01.svg?v=1764720671&width=400 400w" width="200" height="60.05291005291005" loading="eager" class="header__heading-logo motion-reduce" sizes="(max-width: 400px) 50vw, 200px"> 4115 </div></a> 4116 </h1> 4117 </div> 4118 </div> 4119 4120 <ul class="menu-drawer__menu list-menu" role="list" tabindex="-1"><li> 4121 <a 4122 href="https://colehaan.com.ph/collections/women_collections_new-arrivals" 4123 4124 class="menu-drawer__menu-item link link--text list-menu__item focus-inset" 4125 4126 > 4127 4128 New Arrivals 4129 4130 </a> 4131 </li><li> 4132 <a 4133 href="https://colehaan.com.ph/collections/women_collections_best-sellers" 4134 4135 class="menu-drawer__menu-item link link--text list-menu__item focus-inset" 4136 4137 > 4138 4139 Best Sellers 4140 4141 </a> 4142 </li><li> 4143 <a 4144 href="/collections/women-office" 4145 4146 class="menu-drawer__menu-item link link--text list-menu__item focus-inset" 4147 4148 > 4149 4150 Work to Weekend 4151 4152 </a> 4153 </li></ul> 4154 </div> 4155 </details></li><li class="second-li"><details id="Details-menu-drawer-submenu-5"> 4156 <summary class="menu-drawer__menu-item link link--text list-menu__item focus-inset"> 4157 Collections 4158 <img 4159 class="right-icon" 4160 src="https://cdn.shopify.com/s/files/1/0268/1228/5039/files/right-arrow-svgrepo-com.svg?v=1709879511" 4161 > 4162 <svg aria-hidden="true" focusable="false" class="icon icon-caret" viewBox="0 0 10 6"> 4163 <path fill-rule="evenodd" clip-rule="evenodd" d="M9.354.646a.5.5 0 00-.708 0L5 4.293 1.354.646a.5.5 0 00-.708.708l4 4a.5.5 0 00.708 0l4-4a.5.5 0 000-.708z" fill="currentColor"> 4164</svg> 4165<!-- <svg fill="#000000" height="14px" width="14px" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewB
4165ox="0 0 330 330" xml:space="preserve" stroke="#000000" stroke-width="0.0033"><g id="SVGRepo_bgCarrier" stroke-width="0"></g><g id="SVGRepo_tracerCarrier" stroke-linecap="round" stroke-linejoin="round"></g> 4166 <g id="SVGRepo_iconCarrier"> 4167 <path id="XMLID_225_" d="M325.607,79.393c-5.857-5.857-15.355-5.858-21.213,0.001l-139.39,139.393L25.607,79.393 c-5.857-5.857-15.355-5.858-21.213,0.001c-5.858,5.858-5.858,15.355,0,21.213l150.004,150c2.813,2.813,6.628,4.393,10.606,4.393 s7.794-1.581,10.606-4.394l149.996-150C331.465,94.749,331.465,85.251,325.607,79.393z"> 4168 </path> </g></svg> --> 4169 4170 </summary> 4171 4172 <div 4173 id="childlink-collections" 4174 class="menu-drawer__submenu has-submenu gradient motion-reduce" 4175 > 4176 <div class="header-section-container"> 4177 <div class="back-button-container"> 4178 <button 4179 class="menu-drawer__close-button link link--text focus-inset" 4180 aria-expanded="true" 4181 > 4182 <img 4183 class="left-icon" 4184 src="https://cdn.shopify.com/s/files/1/0268/1228/5039/files/left-arrow-svgrepo-com.svg?v=1709739010" 4185 > 4186 </button> 4187 </div> 4188 <div class="logo-button-container"> 4189 <h1 class="header__heading submenu2"> 4190 <a 4191 href="/" 4192 class="header__heading-link link link--text focus-inset" 4193 ><div class="header__heading-logo-wrapper"> 4194 4195 <img src="//colehaan.com.ph/cdn/shop/files/ColeHaan_NewYork_Logotype-01.svg?v=1764720671&width=600" alt="Cole Haan Philippines" srcset="//colehaan.com.ph/cdn/shop/files/ColeHaan_NewYork_Logotype-01.svg?v=1764720671&width=200 200w, //colehaan.com.ph/cdn/shop/files/ColeHaan_NewYork_Logotype-01.svg?v=1764720671&width=300 300w, //colehaan.com.ph/cdn/shop/files/ColeHaan_NewYork_Logotype-01.svg?v=1764720671&width=400 400w" width="200" height="60.05291005291005" loading="eager" class="header__heading-logo motion-reduce" sizes="(max-width: 400px) 50vw, 200px"> 4196 </div></a> 4197 </h1> 4198 </div> 4199 </div> 4200 4201 <ul class="menu-drawer__menu list-menu" role="list" tabindex="-1"><li> 4202 <a 4203 href="https://colehaan.com.ph/collections/women_collections_grandpro" 4204 4205 class="menu-drawer__menu-item link link--text list-menu__item focus-inset" 4206 4207 > 4208 4209 GrandPrø 4210 4211 </a> 4212 </li><li> 4213 <a 4214 href="https://colehaan.com.ph/collections/women_collections_zerogrand" 4215 4216 class="menu-drawer__menu-item link link--text list-menu__item focus-inset" 4217 4218 > 4219 4220 ZERÃGRAND 4221 4222 </a> 4223 </li><li> 4224 <a 4225 href="https://colehaan.com.ph/collections/women_collections_originalgrand" 4226 4227 class="menu-drawer__menu-item link link--text list-menu__item focus-inset" 4228 4229 > 4230 4231 ÃriginalGrand 4232 4233 </a> 4234 </li><li> 4235 <a 4236 href="https://colehaan.com.ph/collections/women_collections_grandpro-topspin-sneaker" 4237 4238 class="menu-drawer__menu-item link link--text list-menu__item focus-inset" 4239 4240 > 4241 4242 Topspin Collection 4243 4244 </a> 4245 </li><li> 4246 <a 4247 href="https://colehaan.com.ph/collections/women_collections_stitchlite" 4248 4249 class="menu-drawer__menu-item link link--text list-menu__item focus-inset" 4250 4251 > 4252 4253 Stitchlite⢠4254 4255 </a> 4256 </li></ul> 4257 </div> 4258 </details></li><li class="second-li"><details id="Details-menu-drawer-submenu-6"> 4259 <summary class="menu-drawer__menu-item link link--text list-menu__item focus-inset"> 4260 Bags & Accessories 4261 <img 4262 class="right-icon" 4263 src="https://cdn.shopify.com/s/files/1/0268/1228/5039/files/right-arrow-svgrepo-com.svg?v=1709879511" 4264 > 4265 <svg aria-hidden="true" focusable="false" class="icon icon-caret" viewBox="0 0 10 6"> 4266 <path fill-rule="evenodd" clip-rule="evenodd" d="M9.354.646a.5.5 0 00-.708 0L5 4.293 1.354.646a.5.5 0 00-.708.708l4 4a.5.5 0 00.708 0l4-4a.5.5 0 000-.708z" fill="currentColor"> 4267</svg> 4268<!-- <svg fill="#000000" height="14px" width="14px" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewB
4268ox="0 0 330 330" xml:space="preserve" stroke="#000000" stroke-width="0.0033"><g id="SVGRepo_bgCarrier" stroke-width="0"></g><g id="SVGRepo_tracerCarrier" stroke-linecap="round" stroke-linejoin="round"></g> 4269 <g id="SVGRepo_iconCarrier"> 4270 <path id="XMLID_225_" d="M325.607,79.393c-5.857-5.857-15.355-5.858-21.213,0.001l-139.39,139.393L25.607,79.393 c-5.857-5.857-15.355-5.858-21.213,0.001c-5.858,5.858-5.858,15.355,0,21.213l150.004,150c2.813,2.813,6.628,4.393,10.606,4.393 s7.794-1.581,10.606-4.394l149.996-150C331.465,94.749,331.465,85.251,325.607,79.393z"> 4271 </path> </g></svg> --> 4272 4273 </summary> 4274 4275 <div 4276 id="childlink-bags-accessories" 4277 class="menu-drawer__submenu has-submenu gradient motion-reduce" 4278 > 4279 <div class="header-section-container"> 4280 <div class="back-button-container"> 4281 <button 4282 class="menu-drawer__close-button link link--text focus-inset" 4283 aria-expanded="true" 4284 > 4285 <img 4286 class="left-icon" 4287 src="https://cdn.shopify.com/s/files/1/0268/1228/5039/files/left-arrow-svgrepo-com.svg?v=1709739010" 4288 > 4289 </button> 4290 </div> 4291 <div class="logo-button-container"> 4292 <h1 class="header__heading submenu2"> 4293 <a 4294 href="/" 4295 class="header__heading-link link link--text focus-inset" 4296 ><div class="header__heading-logo-wrapper"> 4297 4298 <img src="//colehaan.com.ph/cdn/shop/files/ColeHaan_NewYork_Logotype-01.svg?v=1764720671&width=600" alt="Cole Haan Philippines" srcset="//colehaan.com.ph/cdn/shop/files/ColeHaan_NewYork_Logotype-01.svg?v=1764720671&width=200 200w, //colehaan.com.ph/cdn/shop/files/ColeHaan_NewYork_Logotype-01.svg?v=1764720671&width=300 300w, //colehaan.com.ph/cdn/shop/files/ColeHaan_NewYork_Logotype-01.svg?v=1764720671&width=400 400w" width="200" height="60.05291005291005" loading="eager" class="header__heading-logo motion-reduce" sizes="(max-width: 400px) 50vw, 200px"> 4299 </div></a> 4300 </h1> 4301 </div> 4302 </div> 4303 4304 <ul class="menu-drawer__menu list-menu" role="list" tabindex="-1"><li> 4305 <a 4306 href="https://colehaan.com.ph/collections/women_bags-and-accessories_bags-and-backpacks" 4307 4308 class="menu-drawer__menu-item link link--text list-menu__item focus-inset" 4309 4310 > 4311 4312 Bags & Backpacks 4313 4314 </a> 4315 </li><li> 4316 <a 4317 href="https://colehaan.com.ph/collections/women_bags-and-accessories_handbags-and-purses" 4318 4319 class="menu-drawer__menu-item link link--text list-menu__item focus-inset" 4320 4321 > 4322 4323 Handbags & Purses 4324 4325 </a> 4326 </li><li> 4327 <a 4328 href="https://colehaan.com.ph/collections/women_bags-and-accessories_wallets-and-card-cases" 4329 4330 class="menu-drawer__menu-item link link--text list-menu__item focus-inset" 4331 4332 > 4333 4334 Wallets & Card Cases 4335 4336 </a> 4337 </li></ul> 4338 </div> 4339 </details></li> 4340 4341<li class="mobnav_imgHolder"> 4342 <a 4343 href="/collections/women_shoes_sneakers" 4344 class="mob_nav_imgHolder" 4345 tabindex="0" 4346 > 4347 <picture> 4348 <source 4349 type="image/webp" 4350 srcset="//colehaan.com.ph/cdn/shop/files/Cole-Haan-Womens-Sneakers-w-CTA2.jpg?v=1789045047&width=416" 4351 > 4352 <img 4353 src="//colehaan.com.ph/cdn/shop/files/Cole-Haan-Womens-Sneakers-w-CTA2.jpg?v=1789045047&width=416" 4354 alt="Shop Women's Regatta" 4355 loading="lazy" 4356 > 4357 </picture> 4358 </a> 4359 </li> 4360 4361 4362 4363 4364 4365 </ul> 4366 </div> 4367 </div> 4368 </details></li><li class="first-li"><details id="Details-menu-drawer-menu-item-4" class="first-details"> 4369 4370 4371 4372 <summary 4373 class=" menu-drawer__menu-item list-menu__item link link--text focus-inset" 4374 4375 > 4376 4377 Bags & Accessories 4378 4379 <img 4380 class="right-icon" 4381 src="https://cdn.shopify.com/s/files/1/0268/1228/5039/files/right-arrow-svgrepo-com.svg?v=1709879511" 4382 > 4383 <svg aria-hidden="true" focusable="false" class="icon icon-caret" viewBox="0 0 10 6"> 4384 <path fill-rule="evenodd" clip-rule="evenodd" d="M9.354.646a.5.5 0 00-.708 0L5 4.293 1.354.646a.5.5 0 00-.708.708l4 4a.5.5 0 00.708 0l4-4a.5.5 0 000-.708z" fill="currentColor"> 4385</svg> 4386<!-- <svg fill="#000000" height="14px" width="14px" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewB
4386ox="0 0 330 330" xml:space="preserve" stroke="#000000" stroke-width="0.0033"><g id="SVGRepo_bgCarrier" stroke-width="0"></g><g id="SVGRepo_tracerCarrier" stroke-linecap="round" stroke-linejoin="round"></g> 4387 <g id="SVGRepo_iconCarrier"> 4388 <path id="XMLID_225_" d="M325.607,79.393c-5.857-5.857-15.355-5.858-21.213,0.001l-139.39,139.393L25.607,79.393 c-5.857-5.857-15.355-5.858-21.213,0.001c-5.858,5.858-5.858,15.355,0,21.213l150.004,150c2.813,2.813,6.628,4.393,10.606,4.393 s7.794-1.581,10.606-4.394l149.996-150C331.465,94.749,331.465,85.251,325.607,79.393z"> 4389 </path> </g></svg> --> 4390 4391 </summary> 4392 <div 4393 id="link-bags-accessories" 4394 class="menu-drawer__submenu has-submenu gradient motion-reduce" 4395 tabindex="-1" 4396 > 4397 <div class="header-section-container"> 4398 <div class="back-button-container"> 4399 <button 4400 class="menu-drawer__close-button link link--text focus-inset" 4401 aria-expanded="true" 4402 > 4403 4404 <img 4405 class="left-icon" 4406 src="https://cdn.shopify.com/s/files/1/0268/1228/5039/files/left-arrow-svgrepo-com.svg?v=1709739010" 4407 > 4408 </button> 4409 </div> 4410 <div class="logo-button-container"> 4411 <h1 class="header__heading submenu"> 4412 <a 4413 href="/" 4414 class="header__heading-link link link--text focus-inset" 4415 ><div class="header__heading-logo-wrapper"> 4416 4417 <img src="//colehaan.com.ph/cdn/shop/files/ColeHaan_NewYork_Logotype-01.svg?v=1764720671&width=600" alt="Cole Haan Philippines" srcset="//colehaan.com.ph/cdn/shop/files/ColeHaan_NewYork_Logotype-01.svg?v=1764720671&width=200 200w, //colehaan.com.ph/cdn/shop/files/ColeHaan_NewYork_Logotype-01.svg?v=1764720671&width=300 300w, //colehaan.com.ph/cdn/shop/files/ColeHaan_NewYork_Logotype-01.svg?v=1764720671&width=400 400w" width="200" height="60.05291005291005" loading="eager" class="header__heading-logo motion-reduce" sizes="(max-width: 400px) 50vw, 200px"> 4418 </div></a> 4419 </h1> 4420 </div> 4421 </div> 4422 <div class="menu-drawer__inner-submenu"> 4423 4424 <ul class="menu-drawer__menu second-ul list-menu" role="list" tabindex="-1"><li class="second-li"><details id="Details-menu-drawer-submenu-1"> 4425 <summary class="menu-drawer__menu-item link link--text list-menu__item focus-inset"> 4426 Men 4427 <img 4428 class="right-icon" 4429 src="https://cdn.shopify.com/s/files/1/0268/1228/5039/files/right-arrow-svgrepo-com.svg?v=1709879511" 4430 > 4431 <svg aria-hidden="true" focusable="false" class="icon icon-caret" viewBox="0 0 10 6"> 4432 <path fill-rule="evenodd" clip-rule="evenodd" d="M9.354.646a.5.5 0 00-.708 0L5 4.293 1.354.646a.5.5 0 00-.708.708l4 4a.5.5 0 00.708 0l4-4a.5.5 0 000-.708z" fill="currentColor"> 4433</svg> 4434<!-- <svg fill="#000000" height="14px" width="14px" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewB
4434ox="0 0 330 330" xml:space="preserve" stroke="#000000" stroke-width="0.0033"><g id="SVGRepo_bgCarrier" stroke-width="0"></g><g id="SVGRepo_tracerCarrier" stroke-linecap="round" stroke-linejoin="round"></g> 4435 <g id="SVGRepo_iconCarrier"> 4436 <path id="XMLID_225_" d="M325.607,79.393c-5.857-5.857-15.355-5.858-21.213,0.001l-139.39,139.393L25.607,79.393 c-5.857-5.857-15.355-5.858-21.213,0.001c-5.858,5.858-5.858,15.355,0,21.213l150.004,150c2.813,2.813,6.628,4.393,10.606,4.393 s7.794-1.581,10.606-4.394l149.996-150C331.465,94.749,331.465,85.251,325.607,79.393z"> 4437 </path> </g></svg> --> 4438 4439 </summary> 4440 4441 <div 4442 id="childlink-men" 4443 class="menu-drawer__submenu has-submenu gradient motion-reduce" 4444 > 4445 <div class="header-section-container"> 4446 <div class="back-button-container"> 4447 <button 4448 class="menu-drawer__close-button link link--text focus-inset" 4449 aria-expanded="true" 4450 > 4451 <img 4452 class="left-icon" 4453 src="https://cdn.shopify.com/s/files/1/0268/1228/5039/files/left-arrow-svgrepo-com.svg?v=1709739010" 4454 > 4455 </button> 4456 </div> 4457 <div class="logo-button-container"> 4458 <h1 class="header__heading submenu2"> 4459 <a 4460 href="/" 4461 class="header__heading-link link link--text focus-inset" 4462 ><div class="header__heading-logo-wrapper"> 4463 4464 <img src="//colehaan.com.ph/cdn/shop/files/ColeHaan_NewYork_Logotype-01.svg?v=1764720671&width=600" alt="Cole Haan Philippines" srcset="//colehaan.com.ph/cdn/shop/files/ColeHaan_NewYork_Logotype-01.svg?v=1764720671&width=200 200w, //colehaan.com.ph/cdn/shop/files/ColeHaan_NewYork_Logotype-01.svg?v=1764720671&width=300 300w, //colehaan.com.ph/cdn/shop/files/ColeHaan_NewYork_Logotype-01.svg?v=1764720671&width=400 400w" width="200" height="60.05291005291005" loading="eager" class="header__heading-logo motion-reduce" sizes="(max-width: 400px) 50vw, 200px"> 4465 </div></a> 4466 </h1> 4467 </div> 4468 </div> 4469 4470 <ul class="menu-drawer__menu list-menu" role="list" tabindex="-1"><li> 4471 <a 4472 href="/collections/men_bags-and-accessories_bags-and-backpacks" 4473 4474 class="menu-drawer__menu-item link link--text list-menu__item focus-inset" 4475 4476 > 4477 4478 Bags & Backpacks 4479 4480 </a> 4481 </li></ul> 4482 </div> 4483 </details></li><li class="second-li"><details id="Details-menu-drawer-submenu-2"> 4484 <summary class="menu-drawer__menu-item link link--text list-menu__item focus-inset"> 4485 Women 4486 <img 4487 class="right-icon" 4488 src="https://cdn.shopify.com/s/files/1/0268/1228/5039/files/right-arrow-svgrepo-com.svg?v=1709879511" 4489 > 4490 <svg aria-hidden="true" focusable="false" class="icon icon-caret" viewBox="0 0 10 6"> 4491 <path fill-rule="evenodd" clip-rule="evenodd" d="M9.354.646a.5.5 0 00-.708 0L5 4.293 1.354.646a.5.5 0 00-.708.708l4 4a.5.5 0 00.708 0l4-4a.5.5 0 000-.708z" fill="currentColor"> 4492</svg> 4493<!-- <svg fill="#000000" height="14px" width="14px" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewB
4493ox="0 0 330 330" xml:space="preserve" stroke="#000000" stroke-width="0.0033"><g id="SVGRepo_bgCarrier" stroke-width="0"></g><g id="SVGRepo_tracerCarrier" stroke-linecap="round" stroke-linejoin="round"></g> 4494 <g id="SVGRepo_iconCarrier"> 4495 <path id="XMLID_225_" d="M325.607,79.393c-5.857-5.857-15.355-5.858-21.213,0.001l-139.39,139.393L25.607,79.393 c-5.857-5.857-15.355-5.858-21.213,0.001c-5.858,5.858-5.858,15.355,0,21.213l150.004,150c2.813,2.813,6.628,4.393,10.606,4.393 s7.794-1.581,10.606-4.394l149.996-150C331.465,94.749,331.465,85.251,325.607,79.393z"> 4496 </path> </g></svg> --> 4497 4498 </summary> 4499 4500 <div 4501 id="childlink-women" 4502 class="menu-drawer__submenu has-submenu gradient motion-reduce" 4503 > 4504 <div class="header-section-container"> 4505 <div class="back-button-container"> 4506 <button 4507 class="menu-drawer__close-button link link--text focus-inset" 4508 aria-expanded="true" 4509 > 4510 <img 4511 class="left-icon" 4512 src="https://cdn.shopify.com/s/files/1/0268/1228/5039/files/left-arrow-svgrepo-com.svg?v=1709739010" 4513 > 4514 </button> 4515 </div> 4516 <div class="logo-button-container"> 4517 <h1 class="header__heading submenu2"> 4518 <a 4519 href="/" 4520 class="header__heading-link link link--text focus-inset" 4521 ><div class="header__heading-logo-wrapper"> 4522 4523 <img src="//colehaan.com.ph/cdn/shop/files/ColeHaan_NewYork_Logotype-01.svg?v=1764720671&width=600" alt="Cole Haan Philippines" srcset="//colehaan.com.ph/cdn/shop/files/ColeHaan_NewYork_Logotype-01.svg?v=1764720671&width=200 200w, //colehaan.com.ph/cdn/shop/files/ColeHaan_NewYork_Logotype-01.svg?v=1764720671&width=300 300w, //colehaan.com.ph/cdn/shop/files/ColeHaan_NewYork_Logotype-01.svg?v=1764720671&width=400 400w" width="200" height="60.05291005291005" loading="eager" class="header__heading-logo motion-reduce" sizes="(max-width: 400px) 50vw, 200px"> 4524 </div></a> 4525 </h1> 4526 </div> 4527 </div> 4528 4529 <ul class="menu-drawer__menu list-menu" role="list" tabindex="-1"><li> 4530 <a 4531 href="/collections/women_bags-and-accessories_bags-and-backpacks" 4532 4533 class="menu-drawer__menu-item link link--text list-menu__item focus-inset" 4534 4535 > 4536 4537 Bags & Backpacks 4538 4539 </a> 4540 </li><li> 4541 <a 4542 href="/collections/women_bags-and-accessories_handbags-and-purses" 4543 4544 class="menu-drawer__menu-item link link--text list-menu__item focus-inset" 4545 4546 > 4547 4548 Handbags & Purses 4549 4550 </a> 4551 </li><li> 4552 <a 4553 href="/collections/women_bags-and-accessories_wallets-and-card-cases" 4554 4555 class="menu-drawer__menu-item link link--text list-menu__item focus-inset" 4556 4557 > 4558 4559 Wallets & Card Cases 4560 4561 </a> 4562 </li></ul> 4563 </div> 4564 </details></li> 4565 4566 4567<li class="mobnav_imgHolder"> 4568 <a 4569 href="/collections/men_bags-and-accessories_bags-and-backpacks" 4570 class="mob_nav_imgHolder" 4571 tabindex="0" 4572 > 4573 <picture> 4574 <source 4575 type="image/webp" 4576 srcset="//colehaan.com.ph/cdn/shop/files/Cole-Haan-Mens-Bags-w-CTA.jpg?v=1782825258&width=416" 4577 > 4578 <img 4579 src="//colehaan.com.ph/cdn/shop/files/Cole-Haan-Mens-Bags-w-CTA.jpg?v=1782825258&width=416" 4580 alt="Shop Women's Regatta" 4581 loading="lazy" 4582 > 4583 </picture> 4584 </a> 4585 </li> 4586 4587 4588 4589 4590 </ul> 4591 </div> 4592 </div> 4593 </details></li><li class="first-li"><details id="Details-menu-drawer-menu-item-5" class="first-details"> 4594 4595 4596 4597 <summary 4598 class=" menu-drawer__menu-item list-menu__item link link--text focus-inset" 4599 4600 style="color: red;" 4601 4602 > 4603 4604 SALE 4605 4606 <img 4607 class="right-icon" 4608 src="https://cdn.shopify.com/s/files/1/0268/1228/5039/files/right-arrow-svgrepo-com.svg?v=1709879511" 4609 > 4610 <svg aria-hidden="true" focusable="false" class="icon icon-caret" viewBox="0 0 10 6"> 4611 <path fill-rule="evenodd" clip-rule="evenodd" d="M9.354.646a.5.5 0 00-.708 0L5 4.293 1.354.646a.5.5 0 00-.708.708l4 4a.5.5 0 00.708 0l4-4a.5.5 0 000-.708z" fill="currentColor"> 4612</svg> 4613<!-- <svg fill="#000000" height="14px" width="14px" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewB
4613ox="0 0 330 330" xml:space="preserve" stroke="#000000" stroke-width="0.0033"><g id="SVGRepo_bgCarrier" stroke-width="0"></g><g id="SVGRepo_tracerCarrier" stroke-linecap="round" stroke-linejoin="round"></g> 4614 <g id="SVGRepo_iconCarrier"> 4615 <path id="XMLID_225_" d="M325.607,79.393c-5.857-5.857-15.355-5.858-21.213,0.001l-139.39,139.393L25.607,79.393 c-5.857-5.857-15.355-5.858-21.213,0.001c-5.858,5.858-5.858,15.355,0,21.213l150.004,150c2.813,2.813,6.628,4.393,10.606,4.393 s7.794-1.581,10.606-4.394l149.996-150C331.465,94.749,331.465,85.251,325.607,79.393z"> 4616 </path> </g></svg> --> 4617 4618 </summary> 4619 <div 4620 id="link-sale-special-red" 4621 class="menu-drawer__submenu has-submenu gradient motion-reduce" 4622 tabindex="-1" 4623 > 4624 <div class="header-section-container"> 4625 <div class="back-button-container"> 4626 <button 4627 class="menu-drawer__close-button link link--text focus-inset" 4628 aria-expanded="true" 4629 > 4630 4631 <img 4632 class="left-icon" 4633 src="https://cdn.shopify.com/s/files/1/0268/1228/5039/files/left-arrow-svgrepo-com.svg?v=1709739010" 4634 > 4635 </button> 4636 </div> 4637 <div class="logo-button-container"> 4638 <h1 class="header__heading submenu"> 4639 <a 4640 href="/" 4641 class="header__heading-link link link--text focus-inset" 4642 ><div class="header__heading-logo-wrapper"> 4643 4644 <img src="//colehaan.com.ph/cdn/shop/files/ColeHaan_NewYork_Logotype-01.svg?v=1764720671&width=600" alt="Cole Haan Philippines" srcset="//colehaan.com.ph/cdn/shop/files/ColeHaan_NewYork_Logotype-01.svg?v=1764720671&width=200 200w, //colehaan.com.ph/cdn/shop/files/ColeHaan_NewYork_Logotype-01.svg?v=1764720671&width=300 300w, //colehaan.com.ph/cdn/shop/files/ColeHaan_NewYork_Logotype-01.svg?v=1764720671&width=400 400w" width="200" height="60.05291005291005" loading="eager" class="header__heading-logo motion-reduce" sizes="(max-width: 400px) 50vw, 200px"> 4645 </div></a> 4646 </h1> 4647 </div> 4648 </div> 4649 <div class="menu-drawer__inner-submenu"> 4650 4651 <ul class="menu-drawer__menu second-ul list-menu" role="list" tabindex="-1"><li class="second-li"><details id="Details-menu-drawer-submenu-1"> 4652 <summary class="menu-drawer__menu-item link link--text list-menu__item focus-inset"> 4653 Men 4654 <img 4655 class="right-icon" 4656 src="https://cdn.shopify.com/s/files/1/0268/1228/5039/files/right-arrow-svgrepo-com.svg?v=1709879511" 4657 > 4658 <svg aria-hidden="true" focusable="false" class="icon icon-caret" viewBox="0 0 10 6"> 4659 <path fill-rule="evenodd" clip-rule="evenodd" d="M9.354.646a.5.5 0 00-.708 0L5 4.293 1.354.646a.5.5 0 00-.708.708l4 4a.5.5 0 00.708 0l4-4a.5.5 0 000-.708z" fill="currentColor"> 4660</svg> 4661<!-- <svg fill="#000000" height="14px" width="14px" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewB
4661ox="0 0 330 330" xml:space="preserve" stroke="#000000" stroke-width="0.0033"><g id="SVGRepo_bgCarrier" stroke-width="0"></g><g id="SVGRepo_tracerCarrier" stroke-linecap="round" stroke-linejoin="round"></g> 4662 <g id="SVGRepo_iconCarrier"> 4663 <path id="XMLID_225_" d="M325.607,79.393c-5.857-5.857-15.355-5.858-21.213,0.001l-139.39,139.393L25.607,79.393 c-5.857-5.857-15.355-5.858-21.213,0.001c-5.858,5.858-5.858,15.355,0,21.213l150.004,150c2.813,2.813,6.628,4.393,10.606,4.393 s7.794-1.581,10.606-4.394l149.996-150C331.465,94.749,331.465,85.251,325.607,79.393z"> 4664 </path> </g></svg> --> 4665 4666 </summary> 4667 4668 <div 4669 id="childlink-men" 4670 class="menu-drawer__submenu has-submenu gradient motion-reduce" 4671 > 4672 <div class="header-section-container"> 4673 <div class="back-button-container"> 4674 <button 4675 class="menu-drawer__close-button link link--text focus-inset" 4676 aria-expanded="true" 4677 > 4678 <img 4679 class="left-icon" 4680 src="https://cdn.shopify.com/s/files/1/0268/1228/5039/files/left-arrow-svgrepo-com.svg?v=1709739010" 4681 > 4682 </button> 4683 </div> 4684 <div class="logo-button-container"> 4685 <h1 class="header__heading submenu2"> 4686 <a 4687 href="/" 4688 class="header__heading-link link link--text focus-inset" 4689 ><div class="header__heading-logo-wrapper"> 4690 4691 <img src="//colehaan.com.ph/cdn/shop/files/ColeHaan_NewYork_Logotype-01.svg?v=1764720671&width=600" alt="Cole Haan Philippines" srcset="//colehaan.com.ph/cdn/shop/files/ColeHaan_NewYork_Logotype-01.svg?v=1764720671&width=200 200w, //colehaan.com.ph/cdn/shop/files/ColeHaan_NewYork_Logotype-01.svg?v=1764720671&width=300 300w, //colehaan.com.ph/cdn/shop/files/ColeHaan_NewYork_Logotype-01.svg?v=1764720671&width=400 400w" width="200" height="60.05291005291005" loading="eager" class="header__heading-logo motion-reduce" sizes="(max-width: 400px) 50vw, 200px"> 4692 </div></a> 4693 </h1> 4694 </div> 4695 </div> 4696 4697 <ul class="menu-drawer__menu list-menu" role="list" tabindex="-1"><li> 4698 <a 4699 href="/collections/men_sale" 4700 4701 class="menu-drawer__menu-item link link--text list-menu__item focus-inset" 4702 4703 > 4704 4705 Men's Shoes 4706 4707 </a> 4708 </li><li> 4709 <a 4710 href="/collections/men_sale_lifestyle" 4711 4712 class="menu-drawer__menu-item link link--text list-menu__item focus-inset" 4713 4714 > 4715 4716 Men's Bags 4717 4718 </a> 4719 </li></ul> 4720 </div> 4721 </details></li><li class="second-li"><details id="Details-menu-drawer-submenu-2"> 4722 <summary class="menu-drawer__menu-item link link--text list-menu__item focus-inset"> 4723 Women 4724 <img 4725 class="right-icon" 4726 src="https://cdn.shopify.com/s/files/1/0268/1228/5039/files/right-arrow-svgrepo-com.svg?v=1709879511" 4727 > 4728 <svg aria-hidden="true" focusable="false" class="icon icon-caret" viewBox="0 0 10 6"> 4729 <path fill-rule="evenodd" clip-rule="evenodd" d="M9.354.646a.5.5 0 00-.708 0L5 4.293 1.354.646a.5.5 0 00-.708.708l4 4a.5.5 0 00.708 0l4-4a.5.5 0 000-.708z" fill="currentColor"> 4730</svg> 4731<!-- <svg fill="#000000" height="14px" width="14px" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewB
4731ox="0 0 330 330" xml:space="preserve" stroke="#000000" stroke-width="0.0033"><g id="SVGRepo_bgCarrier" stroke-width="0"></g><g id="SVGRepo_tracerCarrier" stroke-linecap="round" stroke-linejoin="round"></g> 4732 <g id="SVGRepo_iconCarrier"> 4733 <path id="XMLID_225_" d="M325.607,79.393c-5.857-5.857-15.355-5.858-21.213,0.001l-139.39,139.393L25.607,79.393 c-5.857-5.857-15.355-5.858-21.213,0.001c-5.858,5.858-5.858,15.355,0,21.213l150.004,150c2.813,2.813,6.628,4.393,10.606,4.393 s7.794-1.581,10.606-4.394l149.996-150C331.465,94.749,331.465,85.251,325.607,79.393z"> 4734 </path> </g></svg> --> 4735 4736 </summary> 4737 4738 <div 4739 id="childlink-women" 4740 class="menu-drawer__submenu has-submenu gradient motion-reduce" 4741 > 4742 <div class="header-section-container"> 4743 <div class="back-button-container"> 4744 <button 4745 class="menu-drawer__close-button link link--text focus-inset" 4746 aria-expanded="true" 4747 > 4748 <img 4749 class="left-icon" 4750 src="https://cdn.shopify.com/s/files/1/0268/1228/5039/files/left-arrow-svgrepo-com.svg?v=1709739010" 4751 > 4752 </button> 4753 </div> 4754 <div class="logo-button-container"> 4755 <h1 class="header__heading submenu2"> 4756 <a 4757 href="/" 4758 class="header__heading-link link link--text focus-inset" 4759 ><div class="header__heading-logo-wrapper"> 4760 4761 <img src="//colehaan.com.ph/cdn/shop/files/ColeHaan_NewYork_Logotype-01.svg?v=1764720671&width=600" alt="Cole Haan Philippines" srcset="//colehaan.com.ph/cdn/shop/files/ColeHaan_NewYork_Logotype-01.svg?v=1764720671&width=200 200w, //colehaan.com.ph/cdn/shop/files/ColeHaan_NewYork_Logotype-01.svg?v=1764720671&width=300 300w, //colehaan.com.ph/cdn/shop/files/ColeHaan_NewYork_Logotype-01.svg?v=1764720671&width=400 400w" width="200" height="60.05291005291005" loading="eager" class="header__heading-logo motion-reduce" sizes="(max-width: 400px) 50vw, 200px"> 4762 </div></a> 4763 </h1> 4764 </div> 4765 </div> 4766 4767 <ul class="menu-drawer__menu list-menu" role="list" tabindex="-1"><li> 4768 <a 4769 href="/collections/women_sale" 4770 4771 class="menu-drawer__menu-item link link--text list-menu__item focus-inset" 4772 4773 > 4774 4775 Women's Shoes 4776 4777 </a> 4778 </li><li> 4779 <a 4780 href="/collections/women_sale_lifestyle" 4781 4782 class="menu-drawer__menu-item link link--text list-menu__item focus-inset" 4783 4784 > 4785 4786 Women's Bags 4787 4788 </a> 4789 </li></ul> 4790 </div> 4791 </details></li> 4792 4793 4794 4795<li class="mobnav_imgHolder"> 4796 <a 4797 href="/collections/all-sale-items" 4798 class="mob_nav_imgHolder" 4799 tabindex="0" 4800 > 4801 <picture> 4802 <source 4803 type="image/webp" 4804 srcset="//colehaan.com.ph/cdn/shop/files/Cole-Haan-Sale_1.5x.jpg?v=1736705069&width=416" 4805 > 4806 <img 4807 src="//colehaan.com.ph/cdn/shop/files/Cole-Haan-Sale_1.5x.jpg?v=1736705069&width=416" 4808 alt="Shop Women's Regatta" 4809 loading="lazy" 4810 > 4811 </picture> 4812 </a><div class="mobnav_imgHolder__cta-buttons"><a href="/collections/mens-sale-items" class="mobnav_imgHolder__cta-btn"> 4813 Shop Men's Sale 4814 </a><a href="/collections/womens-sale-items" class="mobnav_imgHolder__cta-btn"> 4815 Shop Women's Sale 4816 </a></div></li> 4817 4818 4819 4820 </ul> 4821 </div> 4822 </div> 4823 </details></li></ul> 4824 4825 <div class=" contentslot1_mobile-extra-menu contentslot"> 4826 <div class="mobile-account-nav"> 4827 <div class="nav-button menu-sign-in"> 4828 <a class="signin account-link" href="/account" title="Sign In">
4829 <span class="nav-icon"> 4830 4831 SIGN IN 4832 </span> 4833 </a> 4834 </div> 4835 </div> 4836 <div class="mobile-account-nav row"> 4837 <div class="col-6 align-middle"> 4838 <div class="account-link"> 4839 <a class="account-link" href="/pages/stores" title="STORES" 4840 >FIND A STORE</a 4841 > 4842 </div> 4843 </div> 4844 <div class="col-6 align-middle"> 4845 <div class="account-link"> 4846 <a 4847 class="account-link" 4848 href="/account" 4849 title="ORDER STATUS" 4850 >ORDER STATUS</a 4851 > 4852 </div> 4853 </div> 4854 <!-- </div> --> 4855 <!-- <div class="mobile-account-nav row"> --> 4856 <div class="col-6 align-middle"> 4857 <div class="account-link"> 4858 <a class="account-link" href="mailto:[email protected]" title="CONTACT US" tabindex="0" 4859 >CONTACT US</a 4860 > 4861 </div> 4862 </div> 4863 <div class="col-6 align-middle"> 4864 <div class="country-selector-mobile-nav"> 4865 <div class="ge-country-switcher"> 4866 <a 4867 href="https://www.colehaan.com/international-landing.html" 4868 class="shippingSwitcherLink" 4869 target="_blank" 4870 role="button" 4871 title="Select Country" 4872 alt="Select Country" 4873 > 4874 <!-- 4875 <span class="store" style="display:flex; gap:7px;"> 4876 <img src="//colehaan.com.ph/cdn/shop/t/131/assets/bg-flag.png?v=144437185259032282401790040469" alt="store location" style="width:25px; height:18px;" /> 4877 <span style="margin-top:-4px;">UNITED KINGDON (GBP)</span> 4878 </span> 4879 --> 4880 </a> 4881 </div> 4882 </div> 4883 </div> 4884 </div> 4885 </div> 4886 </nav> 4887 <div class="menu-drawer__utility-links"><a 4888 href="/account/login" 4889 class="menu-drawer__account link focus-inset h5 medium-hide large-up-hide" 4890 > 4891 4892<svg class="icon" aria-hidden="true" focusable="false" width="18" height="18" viewBox="0 0 10 14" fill="none" xmlns="http://www.w3.org/2000/svg"> 4893 <path d="M5 1C6.1 1 7 1.9 7 3C7 4.1 6.1 5 5 5C3.9 5 3 4.1 3 3C3 1.9 3.9 1 5 1ZM5 0C3.34 0 2 1.34 2 3C2 4.66 3.34 6 5 6C6.66 6 8 4.66 8 3C8 1.34 6.66 0 5 0ZM5 8C6.49 8 7.9 8.54 9 9.53V13H1V9.53C2.1 8.54 3.51 8 5 8ZM5 7C3.04 7 1.27 7.81 0 9.11V14H10V9.11C8.73 7.81 6.96 7 5 7Z" fill="#6E7679"/> 4894</svg> 4895 4896 4897Log in</a><ul class="list list-social list-unstyled" role="list"><li class="list-social__item"> 4898 <a href="https://www.facebook.com/colehaanphilippines" class="list-social__link link"> 4899 4900<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path d="M22.675 0h-21.35c-.732 0-1.325.593-1.325 1.325v21.351c0 .731.593 1.324 1.325 1.324h11.495v-9.294h-3.128v-3.622h3.128v-2.671c0-3.1 1.893-4.788 4.659-4.788 1.325 0 2.463.099 2.795.143v3.24l-1.918.001c-1.504 0-1.795.715-1.795 1.763v2.313h3.587l-.467 3.622h-3.12v9.293h6.116c.73 0 1.323-.593 1.323-1.325v-21.35c0-.732-.593-1.325-1.325-1.325z"/></svg> 4901 4902<span class="visually-hidden">Facebook</span> 4903 </a> 4904 </li><li class="list-social__item"> 4905 <a href="https://www.instagram.com/colehaanph/" class="list-social__link link"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24">
4905<path d="M12 2.163c3.204 0 3.584.012 4.85.07 3.252.148 4.771 1.691 4.919 4.919.058 1.265.069 1.645.069 4.849 0 3.205-.012 3.584-.069 4.849-.149 3.225-1.664 4.771-4.919 4.919-1.266.058-1.644.07-4.85.07-3.204 0-3.584-.012-4.849-.07-3.26-.149-4.771-1.699-4.919-4.92-.058-1.265-.07-1.644-.07-4.849 0-3.204.013-3.583.07-4.849.149-3.227 1.664-4.771 4.919-4.919 1.266-.057 1.645-.069 4.849-.069zm0-2.163c-3.259 0-3.667.014-4.947.072-4.358.2-6.78 2.618-6.98 6.98-.059 1.281-.073 1.689-.073 4.948 0 3.259.014 3.668.072 4.948.2 4.358 2.618 6.78 6.98 6.98 1.281.058 1.689.072 4.948.072 3.259 0 3.668-.014 4.948-.072 4.354-.2 6.782-2.618 6.979-6.98.059-1.28.073-1.689.073-4.948 0-3.259-.014-3.667-.072-4.947-.196-4.354-2.617-6.78-6.979-6.98-1.281-.059-1.69-.073-4.949-.073zm0 5.838c-3.403 0-6.162 2.759-6.162 6.162s2.759 6.163 6.162 6.163 6.162-2.759 6.162-6.163c0-3.403-2.759-6.162-6.162-6.162zm0 10.162c-2.209 0-4-1.79-4-4 0-2.209 1.791-4 4-4s4 1.791 4 4c0 2.21-1.791 4-4 4zm6.406-11.845c-.796 0-1.441.645-1.441 1.44s.645 1.44 1.441 1.44c.795 0 1.439-.645 1.439-1.44s-.644-1.44-1.439-1.44z"/></svg><span class="visually-hidden">Instagram</span> 4906 </a> 4907 </li></ul> 4908 </div> 4909 </div> 4910 </div> 4911 </div> 4912 </div> 4913 </details> 4914 </header-drawer><section class="header__location"> 4915 <summary class="header__icon--summary" aria-label="header site location"> 4916 <a 4917 href="https://www.colehaan.com/international-landing.html" 4918 class="header-location-flat" 4919 title="store location" 4920 > 4921 <span> 4922 <img src="//colehaan.com.ph/cdn/shop/t/131/assets/bg-flag.svg?v=34377316567175883591790040470" alt="store location"> 4923 </span> 4924 </a> 4925 <a href="/pages/stores" class="header-store-link" title="colehaan store"> 4926 <span>STORES</span> 4927 </a> 4928 </summary> 4929 </section> 4930 4931 4932 4933<h1 class="header__heading"> 4934 <a href="/" class="header__heading-link link link--text focus-inset"><div class="header__heading-logo-wrapper"> 4935 4936 <img src="//colehaan.com.ph/cdn/shop/files/ColeHaan_NewYork_Logotype-01.svg?v=1764720671&width=600" alt="Cole Haan Philippines" srcset="//colehaan.com.ph/cdn/shop/files/ColeHaan_NewYork_Logotype-01.svg?v=1764720671&width=200 200w, //colehaan.com.ph/cdn/shop/files/ColeHaan_NewYork_Logotype-01.svg?v=1764720671&width=352 352w" width="200" height="60.05291005291005" loading="eager" class="header__heading-logo motion-reduce" sizes="(max-width: 400px) 50vw, 200px"> 4937 </div></a> 4938 </h1><nav class="header__inline-menu"> 4939 <ul class="list-menu list-menu--inline" role="list"><li><header-menu> 4940 <details id="Details-HeaderMenu-1" class="mega-menu"> 4941 <summary class="header__menu-item list-menu__item link focus-inset"> 4942 4943 4944 <a 4945 href="/collections/new-arrivals" 4946 4947 4948 title="New" 4949 4950 class="megamenutest" 4951 > 4952 <span 4953 class="header__-menu-item" 4954 4955 4956 >New</span> 4957 <svg aria-hidden="true" focusable="false" class="icon icon-caret" viewBox="0 0 10 6"> 4958 <path fill-rule="evenodd" clip-rule="evenodd" d="M9.354.646a.5.5 0 00-.708 0L5 4.293 1.354.646a.5.5 0 00-.708.708l4 4a.5.5 0 00.708 0l4-4a.5.5 0 000-.708z" fill="currentColor"> 4959</svg> 4960<!-- <svg fill="#000000" height="14px" width="14px" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 330 330" xml:space="preserve" stroke="#000000" stroke-width="0.0033"><g id="SVGRepo_bgCarrier" stroke-width="0"></g><g id="SVGRepo_tracerCarrier" stroke-linecap="round" stroke-linejoin="round"></g> 4961 <g id="SVGRepo_iconCarrier"> 4962 <path id="XMLID_225_" d="M325.607,79.393c-5.857-5.857-15.355-5.858-21.213,0.001l-139.39,139.393L25.607,79.393 c-5.857-5.857-15.355-5.858-21.213,0.001c-5.858,5.858-5.858,15.355,0,21.213l150.004,150c2.813,2.813,6.628,4.393,10.606,4.393 s7.794-1.581,10.606-4.394l149.996-150C331.465,94.749,331.465,85.251,325.607,79.393z"> 4963 </path> </g></svg> --> 4964 4965 </a> 4966 </summary> 4967 <div 4968 id="MegaMenu-Content-1" 4969 class="mega-menu__content gradient motion-reduce global-settings-popup" 4970 tabindex="-1" 4971 > 4972 <ul 4973 class="mega-menu__list page-width" 4974 role="list" 4975 > 4976 4977 4978 4979 4980 <li class="mega-menu__list-li megamenuli-1 "> 4981 <a 4982 href="#" 4983 class="mega-menu__link mega-menu__link--level-2 link" 4984 4985 > 4986 4987 Men 4988 4989 </a><ul class="list-unstyled" role="list"><li class=" grandchildappend-1 Men's New Arrivals"> 4990 4991 4992 4993 <a 4994 href="/collections/men_collections_new-arrivals" 4995 4996 class="mega-menu__link link" 4997 4998 > 4999 Men's New Arrivals 5000 </a> 5001 </li></ul> 5002 5003 5004 5005 5006 5007 <a 5008 href="" 5009 class="mega-menu__link mega-menu__link--level-2 link" 5010 5011 > 5012 Trending for men 5013 </a> 5014 <ul class="list-unstyled" role="list"><li class=" grandchildappend-1 Fall Collection"> 5015 5016 5017 5018 <a 5019 href="/collections/mens-fall-collection" 5020 5021 class="mega-menu__link link" 5022 5023 > 5024 Fall Collection 5025 </a> 5026 </li><li class=" grandchildappend-2 Wedding Shop"> 5027 5028 5029 5030 <a 5031 href="/collections/mens-wedding" 5032 5033 class="mega-menu__link link" 5034 5035 > 5036 Wedding Shop 5037 </a> 5038 </li><li class=" grandchildappend-3 Neutral Shades"> 5039 5040 5041 5042 <a 5043 href="/collections/mens-neutrals" 5044 5045 class="mega-menu__link link" 5046 5047 > 5048 Neutral Shades 5049 </a> 5050 </li></ul> 5051 5052 5053 5054 5055 </li> 5056 5057 5058 5059 5060 5061 5062 5063 <!-- Render li with image when title is not in image_menus --> 5064 <li class="nav_imgHolder"> 5065 <a href="/collections/men_collections_new-arrivals"> 5066 <picture> 5067 <source 5068 type="image/webp" 5069 srcset="//colehaan.com.ph/cdn/shop/files/Cole-Haan-Mens-New-Arrivals-w-CTA_ca94e9c6-f28b-4689-9dfa-9807f47c8e85.jpg?v=1789044151&
5069width=416" 5070 > 5071 <img 5072 class="w-100" 5073 src="//colehaan.com.ph/cdn/shop/files/Cole-Haan-Mens-New-Arrivals-w-CTA_ca94e9c6-f28b-4689-9dfa-9807f47c8e85.jpg?v=1789044151&width=416" 5074 alt="Men Image" 5075 loading="lazy" 5076 > 5077 </picture> 5078 </a> 5079 </li> 5080 5081 5082 5083 5084 5085 <li class="mega-menu__list-li megamenuli-2 "> 5086 <a 5087 href="#" 5088 class="mega-menu__link mega-menu__link--level-2 link" 5089 5090 > 5091 5092 Women 5093 5094 </a><ul class="list-unstyled" role="list"><li class=" grandchildappend-1 Women's New Arrivals"> 5095 5096 5097 5098 <a 5099 href="/collections/women_collections_new-arrivals" 5100 5101 class="mega-menu__link link" 5102 5103 > 5104 Women's New Arrivals 5105 </a> 5106 </li></ul> 5107 5108 5109 5110 5111 5112 5113 5114 <a 5115 href="" 5116 class="mega-menu__link mega-menu__link--level-2 link" 5117 5118 > 5119 Trending for Women 5120 </a> 5121 <ul class="list-unstyled" role="list"><li class=" grandchildappend-1 Fall Collection"> 5122 5123 5124 5125 <a 5126 href="/collections/womens-fall-collection" 5127 5128 class="mega-menu__link link" 5129 5130 > 5131 Fall Collection 5132 </a> 5133 </li><li class=" grandchildappend-2 Wedding Shop"> 5134 5135 5136 5137 <a 5138 href="/collections/womens-wedding" 5139 5140 class="mega-menu__link link" 5141 5142 > 5143 Wedding Shop 5144 </a> 5145 </li><li class=" grandchildappend-3 Neutral Shades"> 5146 5147 5148 5149 <a 5150 href="/collections/womens-neutrals" 5151 5152 class="mega-menu__link link" 5153 5154 > 5155 Neutral Shades 5156 </a> 5157 </li></ul> 5158 5159 5160 </li> 5161 5162 5163 5164 5165<li class="first nav_imgHolder"> 5166 <a href="/collections/women_collections_new-arrivals"> 5167 <picture> 5168 <source 5169 type="image/webp" 5170 srcset="//colehaan.com.ph/cdn/shop/files/Cole-Haan-Womens-New-Arrivals-w-CTA_231038d0-d6a0-4812-88ba-68bb998747d8.jpg?v=1789044191&width=416" 5171 > 5172 <img 5173 class="w-100" 5174 src="//colehaan.com.ph/cdn/shop/files/Cole-Haan-Womens-New-Arrivals-w-CTA_231038d0-d6a0-4812-88ba-68bb998747d8.jpg?v=1789044191&width=416" 5175 alt="New Arrivals for the season" 5176 loading="lazy" 5177 > 5178 </picture> 5179 </a> 5180 </li></ul> 5181 </div> 5182 </details> 5183 </header-menu></li><li><header-menu> 5184 <details id="Details-HeaderMenu-2" class="mega-menu"> 5185 <summary class="header__menu-item list-menu__item link focus-inset"> 5186 5187 5188 <a 5189 href="/collections/shoes_men" 5190 5191 5192 title="Men's" 5193 5194 class="megamenutest" 5195 >
5196 <span 5197 class="header__-menu-item" 5198 5199 5200 >Men</span> 5201 <svg aria-hidden="true" focusable="false" class="icon icon-caret" viewBox="0 0 10 6"> 5202 <path fill-rule="evenodd" clip-rule="evenodd" d="M9.354.646a.5.5 0 00-.708 0L5 4.293 1.354.646a.5.5 0 00-.708.708l4 4a.5.5 0 00.708 0l4-4a.5.5 0 000-.708z" fill="currentColor"> 5203</svg> 5204<!-- <svg fill="#000000" height="14px" width="14px" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 330 330" xml:space="preserve" stroke="#000000" stroke-width="0.0033"><g id="SVGRepo_bgCarrier" stroke-width="0"></g><g id="SVGRepo_tracerCarrier" stroke-linecap="round" stroke-linejoin="round"></g> 5205 <g id="SVGRepo_iconCarrier"> 5206 <path id="XMLID_225_" d="M325.607,79.393c-5.857-5.857-15.355-5.858-21.213,0.001l-139.39,139.393L25.607,79.393 c-5.857-5.857-15.355-5.858-21.213,0.001c-5.858,5.858-5.858,15.355,0,21.213l150.004,150c2.813,2.813,6.628,4.393,10.606,4.393 s7.794-1.581,10.606-4.394l149.996-150C331.465,94.749,331.465,85.251,325.607,79.393z"> 5207 </path> </g></svg> --> 5208 5209 </a> 5210 </summary> 5211 <div 5212 id="MegaMenu-Content-2" 5213 class="mega-menu__content gradient motion-reduce global-settings-popup" 5214 tabindex="-1" 5215 > 5216 <ul 5217 class="mega-menu__list page-width" 5218 role="list" 5219 > 5220 5221 5222 5223 5224 5225 5226 5227 5228 <li class="mega-menu__list-li megamenuli-1 "> 5229 <a 5230 href="/collections/shoes_men" 5231 class="mega-menu__link mega-menu__link--level-2 link" 5232 5233 > 5234 5235 Shoes 5236 5237 </a><ul class="list-unstyled" role="list"><li class=" noaction Sneakers"> 5238 5239 5240 5241 <a 5242 href="/collections/men_shoes_sneakers" 5243 5244 class="mega-menu__link link" 5245 5246 > 5247 Sneakers 5248 </a> 5249 </li><li class=" noaction Loafers and Drivers"> 5250 5251 5252 5253 <a 5254 href="/collections/men_shoes_loafers-and-drivers" 5255 5256 class="mega-menu__link link" 5257 5258 > 5259 Loafers and Drivers 5260 </a> 5261 </li><li class=" noaction Oxfords"> 5262 5263 5264 5265 <a 5266 href="/collections/men_shoes_oxfords" 5267 5268 class="mega-menu__link link" 5269 5270 > 5271 Oxfords 5272 </a> 5273 </li><li class=" noaction Dress Shoes"> 5274 5275 5276 5277 <a 5278 href="/collections/men_shoes_dress-shoes" 5279 5280 class="mega-menu__link link" 5281 5282 > 5283 Dress Shoes 5284 </a> 5285 </li><li class=" noaction Sandals"> 5286 5287 5288 5289 <a 5290 href="/collections/men_shoes_sandals" 5291 5292 class="mega-menu__link link" 5293 5294 > 5295 Sandals 5296 </a> 5297 </li><li class=" noaction View All Shoes"> 5298 5299 5300 5301 <a 5302 href="/collections/shoes_men" 5303 5304 class="mega-menu__link link" 5305 5306 > 5307 View All Shoes 5308 </a> 5309 </li></ul> 5310 5311 5312 5313 5314 5315 5316 5317 5318 </li> 5319 5320 5321 5322 5323 5324 5325 <li class="mega-menu__list-li megamenuli-2 "> 5326 <a 5327 href="#" 5328 class="mega-menu__link mega-menu__link--level-2 link" 5329 5330 > 5331 5332 Performance 5333 5334 </a><ul class="list-unstyled" role="list"><li class=" grandchildappend-1 Running"> 5335 5336 5337 5338 <a 5339 href="/collections/men_shoes_running-1" 5340 5341 class="mega-menu__link link" 5342 5343 > 5344 Running 5345 </a> 5346 </li><li class=" grandchildappend-2 Golf"> 5347 5348 5349 5350 <a 5351 href="/collections/men_shoes_golf-1" 5352 5353 class="mega-menu__link link" 5354 5355 > 5356 Golf 5357 </a> 5358 </li></ul> 5359 5360 5361 5362 <a 5363 href="" 5364 class="mega-menu__link mega-menu__link--level-2 link" 5365 5366 > 5367 Featured 5368 </a> 5369 <ul class="list-unstyled" role="list"><li class=" grandchildappend-1 New Arrivals"> 5370 5371 5372 5373 <a 5374 href="/collections/men_collections_new-arrivals" 5375 5376 class="mega-menu__link link" 5377 5378 > 5379 New Arrivals 5380 </a> 5381 </li><li class=" grandchildappend-2 Best Sellers"> 5382 5383 5384 5385 <a 5386 href="/collections/men_collections_best-sellers" 5387 5388 class="mega-menu__link link" 5389 5390 > 5391 Best Sellers 5392 </a> 5393 </li><li class=" grandchildappend-3 Work to Weekend"> 5394 5395 5396 5397 <a 5398 href="/collections/mens-office" 5399 5400 class="mega-menu__link link" 5401 5402 > 5403 Work to Weekend 5404 </a> 5405 </li></ul> 5406 5407 5408 5409 5410 5411 5412 </li> 5413 5414 5415 5416 5417 5418 5419 5420 <li class="mega-menu__list-li megamenuli-3 "> 5421 <a 5422 href="#" 5423 class="mega-menu__link mega-menu__link--level-2 link" 5424 5425 > 5426 5427 Collections 5428 5429 </a><ul class="list-unstyled" role="list"><li class=" noaction ZERÃGRAND Remastered"> 5430 5431 5432 5433 <a 5434 href="/collections/men_collections_zerogrand-remastered" 5435 5436 class="mega-menu__link link" 5437 5438 > 5439 ZERÃGRAND Remastered 5440 </a> 5441 </li><li class=" noaction ZERÃGRAND"> 5442 5443 5444 5445 <a 5446 href="/collections/men_collections_zerogrand" 5447 5448 class="mega-menu__link link" 5449 5450 > 5451 ZERÃGRAND 5452 </a> 5453 </li><li class=" noaction ÃriginalGrand Remastered"> 5454 5455 5456 5457 <a 5458 href="/collections/men_collections_originalgrand-remastered" 5459 5460 class="mega-menu__link link" 5461 5462 > 5463 ÃriginalGrand Remastered 5464 </a> 5465 </li><li class=" noaction ÃriginalGrand"> 5466 5467 5468 5469 <a 5470 href="/collections/men_collections_originalgrand" 5471 5472 class="mega-menu__link link" 5473 5474 > 5475 ÃriginalGrand 5476 </a> 5477 </li><li class=" noaction GrandPrø"> 5478 5479 5480 5481 <a 5482 href="/collections/men_collections_grandpro" 5483 5484 class="mega-menu__link link" 5485 5486 > 5487 GrandPrø 5488 </a> 5489 </li><li class=" noaction Ashland Collection"> 5490 5491 5492 5493 <a 5494 href="/collections/men_collections_grandpro-ashland-collection" 5495 5496 class="mega-menu__link link" 5497 5498 > 5499 Ashland Collection 5500 </a> 5501 </li><li class=" noaction Topspin Collection"> 5502 5503 5504 5505
5505 <a 5506 href="/collections/men_collections_grandpro-topspin-sneaker" 5507 5508 class="mega-menu__link link" 5509 5510 > 5511 Topspin Collection 5512 </a> 5513 </li><li class=" noaction Stitchlite⢠Knit"> 5514 5515 5516 5517 <a 5518 href="/collections/men_collections_stitchlite" 5519 5520 class="mega-menu__link link" 5521 5522 > 5523 Stitchlite⢠Knit 5524 </a> 5525 </li></ul> 5526 5527 5528 5529 5530 5531 5532 5533 5534 </li> 5535 5536 5537 5538 5539 5540 5541 <li class="mega-menu__list-li megamenuli-4 "> 5542 <a 5543 href="#" 5544 class="mega-menu__link mega-menu__link--level-2 link" 5545 5546 > 5547 5548 Bags & Accessories 5549 5550 </a><ul class="list-unstyled" role="list"><li class=" grandchildappend-1 Bags &
5550 Backpacks"> 5551 5552 5553 5554 <a 5555 href="/collections/men_bags-and-accessories_bags-and-backpacks" 5556 5557 class="mega-menu__link link" 5558 5559 > 5560 Bags & Backpacks 5561 </a> 5562 </li></ul> 5563 5564 5565 5566 5567 5568 5569 5570 5571 </li> 5572 5573 5574 5575<li class="second nav_imgHolder"> 5576 <a href="/collections/men_shoes_sneakers"> 5577 <picture> 5578 <source 5579 type="image/webp" 5580 srcset="//colehaan.com.ph/cdn/shop/files/Cole-Haan-Mens-Sneakers-w-CTA2.jpg?v=1785728696&width=416" 5581 > 5582 <img 5583 class="w-100" 5584 src="//colehaan.com.ph/cdn/shop/files/Cole-Haan-Mens-Sneakers-w-CTA2.jpg?v=1785728696&width=416" 5585 alt="New Arrivals for the season" 5586 loading="lazy" 5587 > 5588 </picture> 5589 </a> 5590 </li></ul> 5591 </div> 5592 </details> 5593 </header-menu></li><li><header-menu> 5594 <details id="Details-HeaderMenu-3" class="mega-menu"> 5595 <summary class="header__menu-item list-menu__item link focus-inset"> 5596 5597 5598 <a 5599 href="/collections/women_shoes" 5600 5601 5602 title="Women's" 5603 5604 class="megamenutest" 5605 > 5606 <span 5607 class="header__-menu-item" 5608 5609 5610 >Women</span> 5611 <svg aria-hidden="true" focusable="false" class="icon icon-caret" viewBox="0 0 10 6"> 5612 <path fill-rule="evenodd" clip-rule="evenodd" d="M9.354.646a.5.5 0 00-.708 0L5 4.293 1.354.646a.5.5 0 00-.708.708l4 4a.5.5 0 00.708 0l4-4a.5.5 0 000-.708z" fill="currentColor"> 5613</svg> 5614<!-- <svg fill="#000000" height="14px" width="14px" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 330 330" xml:space="preserve" stroke="#000000" stroke-width="0.0033"><g id="SVGRepo_bgCarrier" stroke-width="0"></g><g id="SVGRepo_tracerCarrier" stroke-linecap="round" stroke-linejoin="round"></g> 5615 <g id="SVGRepo_iconCarrier"> 5616 <path id="XMLID_225_" d="M325.607,79.393c-5.857-5.857-15.355-5.858-21.213,0.001l-139.39,139.393L25.607,79.393 c-5.857-5.857-15.355-5.858-21.213,0.001c-5.858,5.858-5.858,15.355,0,21.213l150.004,150c2.813,2.813,6.628,4.393,10.606,4.393 s7.794-1.581,10.606-4.394l149.996-150C331.465,94.749,331.465,85.251,325.607,79.393z"> 5617 </path> </g></svg> --> 5618 5619 </a> 5620 </summary> 5621 <div 5622 id="MegaMenu-Content-3" 5623 class="mega-menu__content gradient motion-reduce global-settings-popup" 5624 tabindex="-1" 5625 > 5626 <ul 5627 class="mega-menu__list page-width" 5628 role="list" 5629 > 5630 5631 5632 5633 5634 5635 5636 5637 5638 <li class="mega-menu__list-li megamenuli-1 "> 5639 <a 5640 href="/collections/women_shoes" 5641 class="mega-menu__link mega-menu__link--level-2 link" 5642 5643 > 5644 5645 Shoes 5646 5647 </a><ul class="list-unstyled" role="list"><li class=" noaction Sneakers"> 5648 5649 5650 5651 <a 5652 href="https://colehaan.com.ph/collections/women_shoes_sneakers" 5653 5654 class="mega-menu__link link" 5655 5656 > 5657 Sneakers 5658 </a> 5659 </li><li class=" noaction Sandals"> 5660 5661 5662 5663 <a 5664 href="https://colehaan.com.ph/collections/women_shoes_sandals" 5665 5666 class="mega-menu__link link" 5667 5668 > 5669 Sandals 5670 </a> 5671 </li><li class=" noaction Loafers and Drivers"> 5672 5673 5674 5675 <a 5676 href="https://colehaan.com.ph/collections/women_shoes_loafers-and-drivers" 5677 5678 class="mega-menu__link link" 5679 5680 > 5681 Loafers and Drivers 5682 </a> 5683 </li><li class=" noaction Flats & Ballets"> 5684 5685 5686 5687 <a 5688 href="/collections/womens-flats-and-ballet-shoes" 5689 5690 class="mega-menu__link link" 5691 5692 > 5693 Flats & Ballets 5694 </a> 5695 </li><li class=" noaction Oxfords"> 5696 5697 5698 5699 <a 5700 href="https://colehaan.com.ph/collections/women_shoes_oxfords" 5701 5702 class="mega-menu__link link" 5703 5704 > 5705 Oxfords 5706 </a> 5707 </li><li class=" noaction Dress Shoes"> 5708 5709 5710 5711 <a 5712 href="/collections/women_shoes_dress-shoes" 5713 5714 class="mega-menu__link link" 5715 5716 > 5717 Dress Shoes 5718 </a> 5719 </li><li class=" noaction View All Shoes"> 5720 5721 5722 5723 <a 5724 href="https://colehaan.com.ph/collections/women_shoes" 5725 5726 class="mega-menu__link link" 5727 5728 > 5729 View All Shoes 5730 </a> 5731 </li></ul> 5732 5733 5734 5735 5736 5737 5738 5739 5740 </li> 5741 5742 5743 5744 5745 5746 5747 <li class="mega-menu__list-li megamenuli-2 "> 5748 <a 5749 href="https://colehaan.com.ph/collections/women_shoes#" 5750 class="mega-menu__link mega-menu__link--level-2 link" 5751 5752 > 5753 5754 Performance 5755 5756 </a><ul class="list-unstyled" role="list"><li class=" grandchildappend-1 Running"> 5757 5758 5759 5760 <a 5761 href="https://colehaan.com.ph/collections/women_shoes_running-1" 5762 5763 class="mega-menu__link link" 5764 5765 > 5766 Running 5767 </a> 5768 </li><li class=" grandchildappend-2 Golf"> 5769 5770 5771 5772 <a 5773 href="https://colehaan.com.ph/collections/women_shoes_golf-1" 5774 5775 class="mega-menu__link link" 5776 5777 > 5778 Golf 5779 </a> 5780 </li></ul> 5781 5782 5783 5784 <a 5785 href="" 5786 class="mega-menu__link mega-menu__link--level-2 link" 5787 5788 > 5789 Featured 5790 </a> 5791 <ul class="list-unstyled" role="list"><li class=" grandchildappend-1 New Arrivals"> 5792 5793 5794 5795 <a 5796 href="https://colehaan.com.ph/collections/women_collections_new-arrivals" 5797 5798 class="mega-menu__link link" 5799 5800 > 5801 New Arrivals 5802 </a> 5803 </li><li class=" grandchildappend-2 Best Sellers"> 5804 5805 5806 5807 <a 5808 href="https://colehaan.com.ph/collections/women_collections_best-sellers" 5809 5810 class="mega-menu__link link" 5811 5812 > 5813 Best Sellers 5814 </a> 5815 </li><li class=" grandchildappend-3 Work to Weekend"> 5816 5817 5818 5819 <a 5820 href="/collections/women-office" 5821 5822 class="mega-menu__link link" 5823 5824 > 5825 Work to Weekend 5826 </a> 5827 </li></ul> 5828 5829 5830 5831 5832 5833 5834 </li> 5835 5836 5837 5838 5839 5840 5841 5842 <li class="mega-menu__list-li megamenuli-3 "> 5843 <a 5844 href="#" 5845 class="mega-menu__link mega-menu__link--level-2 link" 5846 5847 > 5848 5849 Collections 5850 5851 </a><ul class="list-unstyled" role="list"><li class=" noaction GrandPrø"> 5852 5853 5854 5855 <a 5856 href="https://colehaan.com.ph/collections/women_collections_grandpro" 5857 5858 class="mega-menu__link link" 5859 5860 > 5861 GrandPrø 5862 </a> 5863 </li><li class=" noaction ZERÃGRAND"> 5864
5864 5865 5866 5867 <a 5868 href="https://colehaan.com.ph/collections/women_collections_zerogrand" 5869 5870 class="mega-menu__link link" 5871 5872 > 5873 ZERÃGRAND 5874 </a> 5875 </li><li class=" noaction ÃriginalGrand"> 5876 5877 5878 5879 <a 5880 href="https://colehaan.com.ph/collections/women_collections_originalgrand" 5881 5882 class="mega-menu__link link" 5883 5884 > 5885 ÃriginalGrand 5886 </a> 5887 </li><li class=" noaction Topspin Collection"> 5888 5889 5890 5891 <a 5892 href="https://colehaan.com.ph/collections/women_collections_grandpro-topspin-sneaker" 5893 5894 class="mega-menu__link link" 5895 5896 > 5897 Topspin Collection 5898 </a> 5899 </li><li class=" noaction Stitchliteâ¢"> 5900 5901 5902 5903 <a 5904 href="https://colehaan.com.ph/collections/women_collections_stitchlite" 5905 5906 class="mega-menu__link link" 5907 5908 > 5909 Stitchlite⢠5910 </a> 5911 </li></ul> 5912 5913 5914 5915 5916 5917 5918 5919 5920 </li> 5921 5922 5923 5924 5925 5926 5927 <li class="mega-menu__list-li megamenuli-4 "> 5928 <a 5929 href="#" 5930 class="mega-menu__link mega-menu__link--level-2 link" 5931 5932 > 5933 5934 Bags & Accessories 5935 5936 </a><ul class="list-unstyled" role="list"><li class=" grandchildappend-1 Bags & Backpacks"> 5937 5938 5939 5940 <a 5941 href="https://colehaan.com.ph/collections/women_bags-and-accessories_bags-and-backpacks" 5942 5943 class="mega-menu__link link" 5944 5945 > 5946 Bags &
5946 Backpacks 5947 </a> 5948 </li><li class=" grandchildappend-2 Handbags & Purses"> 5949 5950 5951 5952 <a 5953 href="https://colehaan.com.ph/collections/women_bags-and-accessories_handbags-and-purses" 5954 5955 class="mega-menu__link link" 5956 5957 > 5958 Handbags & Purses 5959 </a> 5960 </li><li class=" grandchildappend-3 Wallets & Card Cases"> 5961 5962 5963 5964 <a 5965 href="https://colehaan.com.ph/collections/women_bags-and-accessories_wallets-and-card-cases" 5966 5967 class="mega-menu__link link" 5968 5969 > 5970 Wallets & Card Cases 5971 </a> 5972 </li></ul> 5973 5974 5975 5976 5977 5978 5979 5980 5981 </li> 5982 5983 5984 5985<li class="third nav_imgHolder"> 5986 <a href="/collections/women_shoes_sneakers"> 5987 <picture> 5988 <source 5989 type="image/webp" 5990 srcset="//colehaan.com.ph/cdn/shop/files/Cole-Haan-Womens-Sneakers-w-CTA2.jpg?v=1789045047&width=416" 5991 > 5992 <img 5993 class="w-100" 5994 src="//colehaan.com.ph/cdn/shop/files/Cole-Haan-Womens-Sneakers-w-CTA2.jpg?v=1789045047&width=416" 5995 alt="New Arrivals for the season" 5996 loading="lazy" 5997 > 5998 </picture> 5999 </a> 6000 </li></ul> 6001 </div> 6002 </details> 6003 </header-menu></li><li><header-menu> 6004 <details id="Details-HeaderMenu-4" class="mega-menu"> 6005 <summary class="header__menu-item list-menu__item link focus-inset"> 6006 6007 6008 <a 6009 href="/collections/collections_bags-and-accessories" 6010 6011 6012 title="Bags & Accessories" 6013 6014 class="megamenutest" 6015 > 6016 <span 6017 class="header__-menu-item" 6018 6019 6020 >Bags & Accessories</span> 6021 <svg aria-hidden="true" focusable="false" class="icon icon-caret" viewBox="0 0 10 6"> 6022 <path fill-rule="evenodd" clip-rule="evenodd" d="M9.354.646a.5.5 0 00-.708 0L5 4.293 1.354.646a.5.5 0 00-.708.708l4 4a.5.5 0 00.708 0l4-4a.5.5 0 000-.708z" fill="currentColor"> 6023</svg> 6024<!-- <svg fill="#000000" height="14px" width="14px" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewB
6024ox="0 0 330 330" xml:space="preserve" stroke="#000000" stroke-width="0.0033"><g id="SVGRepo_bgCarrier" stroke-width="0"></g><g id="SVGRepo_tracerCarrier" stroke-linecap="round" stroke-linejoin="round"></g> 6025 <g id="SVGRepo_iconCarrier"> 6026 <path id="XMLID_225_" d="M325.607,79.393c-5.857-5.857-15.355-5.858-21.213,0.001l-139.39,139.393L25.607,79.393 c-5.857-5.857-15.355-5.858-21.213,0.001c-5.858,5.858-5.858,15.355,0,21.213l150.004,150c2.813,2.813,6.628,4.393,10.606,4.393 s7.794-1.581,10.606-4.394l149.996-150C331.465,94.749,331.465,85.251,325.607,79.393z"> 6027 </path> </g></svg> --> 6028 6029 </a> 6030 </summary> 6031 <div 6032 id="MegaMenu-Content-4" 6033 class="mega-menu__content gradient motion-reduce global-settings-popup" 6034 tabindex="-1" 6035 > 6036 <ul 6037 class="mega-menu__list page-width" 6038 role="list" 6039 > 6040 6041 6042 6043 6044 <li class="mega-menu__list-li megamenuli-1 "> 6045 <a 6046 href="#" 6047 class="mega-menu__link mega-menu__link--level-2 link" 6048 6049 > 6050 6051 Men 6052 6053 </a><ul class="list-unstyled" role="list"><li class=" grandchildappend-1 Bags & Backpacks"> 6054 6055 6056 6057 <a 6058 href="/collections/men_bags-and-accessories_bags-and-backpacks" 6059 6060 class="mega-menu__link link" 6061 6062 > 6063 Bags & Backpacks 6064 </a> 6065 </li></ul> 6066 6067 6068 6069 6070 6071 6072 6073 6074 </li> 6075 6076 6077 6078 6079 6080 6081 <li class="mega-menu__list-li megamenuli-2 "> 6082 <a 6083 href="#" 6084 class="mega-menu__link mega-menu__link--level-2 link" 6085 6086 > 6087 6088 Women 6089 6090 </a><ul class="list-unstyled" role="list"><li class=" grandchildappend-1 Bags & Backpacks"> 6091 6092 6093 6094 <a 6095 href="/collections/women_bags-and-accessories_bags-and-backpacks" 6096 6097 class="mega-menu__link link" 6098 6099 > 6100 Bags & Backpacks 6101 </a> 6102 </li><li class=" grandchildappend-2 Handbags & Purses"> 6103 6104 6105 6106 <a 6107 href="/collections/women_bags-and-accessories_handbags-and-purses" 6108 6109 class="mega-menu__link link" 6110 6111 > 6112 Handbags & Purses 6113 </a> 6114 </li><li class=" grandchildappend-3 Wallets & Card Cases"> 6115 6116 6117 6118 <a 6119 href="/collections/women_bags-and-accessories_wallets-and-card-cases" 6120 6121 class="mega-menu__link link" 6122 6123 > 6124 Wallets & Card Cases 6125 </a> 6126 </li></ul> 6127 6128 6129 6130 6131 6132 6133 6134 6135 </li> 6136 6137 6138 6139<li class="fourth nav_imgHolder"> 6140 <a href="/collections/men_bags-and-accessories_bags-and-backpacks"> 6141 <picture> 6142 <source 6143 type="image/webp" 6144 srcset="//colehaan.com.ph/cdn/shop/files/Cole-Haan-Mens-Bags-w-CTA.jpg?v=1782825258&width=416" 6145 > 6146 <img 6147 class="w-100" 6148 src="//colehaan.com.ph/cdn/shop/files/Cole-Haan-Mens-Bags-w-CTA.jpg?v=1782825258&width=416" 6149 alt="New Arrivals for the season" 6150 loading="lazy" 6151 > 6152 </picture> 6153 </a> 6154 </li></ul> 6155 </div> 6156 </details> 6157 </header-menu></li><li><header-menu> 6158 <details id="Details-HeaderMenu-5" class="mega-menu"> 6159 <summary class="header__menu-item list-menu__item link focus-inset"> 6160 6161 6162 <a 6163 href="/collections/all-sale-items" 6164 6165 style="color: red;" 6166 6167 6168 title="SALE " 6169 6170 class="megamenutest" 6171 >
6172 <span 6173 class="header__-menu-item" 6174 6175 6176 style="color: red;" 6177 6178 >SALE </span> 6179 <svg aria-hidden="true" focusable="false" class="icon icon-caret" viewBox="0 0 10 6"> 6180 <path fill-rule="evenodd" clip-rule="evenodd" d="M9.354.646a.5.5 0 00-.708 0L5 4.293 1.354.646a.5.5 0 00-.708.708l4 4a.5.5 0 00.708 0l4-4a.5.5 0 000-.708z" fill="currentColor"> 6181</svg> 6182<!-- <svg fill="#000000" height="14px" width="14px" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 330 330" xml:space="preserve" stroke="#000000" stroke-width="0.0033"><g id="SVGRepo_bgCarrier" stroke-width="0"></g><g id="SVGRepo_tracerCarrier" stroke-linecap="round" stroke-linejoin="round"></g> 6183 <g id="SVGRepo_iconCarrier"> 6184 <path id="XMLID_225_" d="M325.607,79.393c-5.857-5.857-15.355-5.858-21.213,0.001l-139.39,139.393L25.607,79.393 c-5.857-5.857-15.355-5.858-21.213,0.001c-5.858,5.858-5.858,15.355,0,21.213l150.004,150c2.813,2.813,6.628,4.393,10.606,4.393 s7.794-1.581,10.606-4.394l149.996-150C331.465,94.749,331.465,85.251,325.607,79.393z"> 6185 </path> </g></svg> --> 6186 6187 </a> 6188 </summary> 6189 <div 6190 id="MegaMenu-Content-5" 6191 class="mega-menu__content gradient motion-reduce global-settings-popup" 6192 tabindex="-1" 6193 > 6194 <ul 6195 class="mega-menu__list page-width" 6196 role="list" 6197 > 6198 6199 6200 6201 6202 <li class="mega-menu__list-li megamenuli-1 "> 6203 <a 6204 href="#" 6205 class="mega-menu__link mega-menu__link--level-2 link" 6206 6207 > 6208 6209 Men 6210 6211 </a><ul class="list-unstyled" role="list"><li class=" grandchildappend-1 Men's Shoes"> 6212 6213 6214 6215 <a 6216 href="/collections/men_sale" 6217 6218 class="mega-menu__link link" 6219 6220 > 6221 Men's Shoes 6222 </a> 6223 </li><li class=" grandchildappend-2 Men's Bags"> 6224 6225 6226 6227 <a 6228 href="/collections/men_sale_lifestyle" 6229 6230 class="mega-menu__link link" 6231 6232 > 6233 Men's Bags 6234 </a> 6235 </li></ul> 6236 6237 6238 6239 6240 6241 6242 6243 6244 </li> 6245 6246 6247 6248 6249 6250 6251 <li class="mega-menu__list-li megamenuli-2 "> 6252 <a 6253 href="#" 6254 class="mega-menu__link mega-menu__link--level-2 link" 6255 6256 > 6257 6258 Women 6259 6260 </a><ul class="list-unstyled" role="list"><li class=" grandchildappend-1 Women's Shoes"> 6261 6262 6263 6264 <a 6265 href="/collections/women_sale" 6266 6267 class="mega-menu__link link" 6268 6269 > 6270 Women's Shoes 6271 </a> 6272 </li><li class=" grandchildappend-2 Women's Bags"> 6273 6274 6275 6276 <a 6277 href="/collections/women_sale_lifestyle" 6278 6279 class="mega-menu__link link" 6280 6281 > 6282 Women's Bags 6283 </a> 6284 </li></ul> 6285 6286 6287 6288 6289 6290 6291 6292 6293 </li> 6294 6295 6296 6297<li class="fifth nav_imgHolder"> 6298 <a href="/collections/all-sale-items"> 6299 <picture> 6300 <source 6301 type="image/webp" 6302 srcset="//colehaan.com.ph/cdn/shop/files/Cole-Haan-Sale_1.5x.jpg?v=1736705069&width=416" 6303 > 6304 <img 6305 class="w-100" 6306 src="//colehaan.com.ph/cdn/shop/files/Cole-Haan-Sale_1.5x.jpg?v=1736705069&width=416" 6307 alt="New Arrivals for the season" 6308 loading="lazy" 6309 > 6310 </picture> 6311 </a><div class="nav_imgHolder__cta-buttons"><a href="/collections/mens-sale-items" class="nav_imgHolder__cta-btn"> 6312 Shop Men's Sale 6313 </a><a href="/collections/womens-sale-items" class="nav_imgHolder__cta-btn"> 6314 Shop Women's Sale 6315 </a></div></li></ul> 6316 </div> 6317 </details> 6318 </header-menu></li></ul> 6319 </nav><div class="header__icons"> 6320 <div class="desktop-localization-wrapper"> 6321</div> 6322 <details-modal class="header__search"> 6323 <details class="header_details"> 6324 <summary 6325 class="header__icon header__icon--search header__icon--summary link focus-inset modal__toggle" 6326 aria-haspopup="dialog" 6327 aria-label="Search" 6328 >
6329 <span> 6330 6331 <svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"> 6332 <circle cx="10" cy="6" r="5.5" stroke="#6E7679"/> 6333 <line x1="4.35355" y1="11.3536" x2="0.353554" y2="15.3536" stroke="#6E7679"/> 6334 </svg> 6335 6336 <svg class="modal__toggle-close icon icon-close" aria-hidden="true" focusable="false"> 6337 <use href="#icon-close"> 6338 </svg> 6339 </span> 6340 <span class="header-search">Search</span> 6341 </summary> 6342 <div 6343 class="search-modal modal__content gradient" 6344 role="dialog" 6345 aria-modal="true" 6346 aria-label="Search" 6347 > 6348 <div class="modal-overlay"></div> 6349 <div 6350 class="search-modal__content search-modal__content-bottom" 6351 tabindex="-1" 6352 ><predictive-search class="search-modal__form" data-loading-text="Loading..."><form action="/search" method="get" role="search" class="search search-modal__form"> 6353 <div class="field"> 6354 <input 6355 class="search__input field__input" 6356 id="Search-In-Modal" 6357 type="search" 6358 name="q" 6359 value="" 6360 placeholder="Search"role="combobox" 6361 aria-expanded="false" 6362 aria-owns="predictive-search-results" 6363 aria-controls="predictive-search-results" 6364 aria-haspopup="listbox" 6365 aria-autocomplete="list" 6366 autocorrect="off" 6367 autocomplete="off" 6368 autocapitalize="off" 6369 spellcheck="false"> 6370 <label class="field__label" for="Search-In-Modal">Search</label> 6371 <input type="hidden" name="options[prefix]" value="last"> 6372 <button 6373 type="reset" 6374 class="reset__button field__button hidden" 6375 aria-label="Clear search term" 6376 > 6377 <svg class="icon icon-close" aria-hidden="true" focusable="false"> 6378 <use xlink:href="#icon-reset"> 6379 </svg> 6380 </button> 6381 <button class="search__button field__button" aria-label="Search"> 6382 <svg class="icon icon-search" aria-hidden="true" focusable="false"> 6383 <use href="#icon-search"> 6384 </svg> 6385 </button> 6386 </div><div class="predictive-search predictive-search--header" tabindex="-1" data-predictive-search> 6387 <div class="predictive-search__loading-state"> 6388 <svg 6389 aria-hidden="true" 6390 focusable="false" 6391 class="spinner"
6392 viewBox="0 0 66 66" 6393 xmlns="http://www.w3.org/2000/svg" 6394 > 6395 <circle class="path" fill="none" stroke-width="6" cx="33" cy="33" r="30"></circle> 6396 </svg> 6397 </div> 6398 </div> 6399 6400 <span class="predictive-search-status visually-hidden" role="status" aria-hidden="true"></span></form></predictive-search><button 6401 type="button" 6402 class="search-modal__close-button modal__close-button link link--text focus-inset" 6403 aria-label="Close" 6404 > 6405 <svg class="icon icon-close" aria-hidden="true" focusable="false"> 6406 <use href="#icon-close"> 6407 </svg> 6408 </button> 6409 </div> 6410 </div> 6411 </details> 6412 </details-modal> 6413 <div class="header-account"><a 6414 href="/account/login" 6415 class="header__icon header__icon--account link focus-inset small-hide" 6416 > 6417 6418<svg class="icon" aria-hidden="true" focusable="false" width="18" height="18" viewBox="0 0 10 14" fill="none" xmlns="http://www.w3.org/2000/svg"> 6419 <path d="M5 1C6.1 1 7 1.9 7 3C7 4.1 6.1 5 5 5C3.9 5 3 4.1 3 3C3 1.9 3.9 1 5 1ZM5 0C3.34 0 2 1.34 2 3C2 4.66 3.34 6 5 6C6.66 6 8 4.66 8 3C8 1.34 6.66 0 5 0ZM5 8C6.49 8 7.9 8.54 9 9.53V13H1V9.53C2.1 8.54 3.51 8 5 8ZM5 7C3.04 7 1.27 7.81 0 9.11V14H10V9.11C8.73 7.81 6.96 7 5 7Z" fill="#6E7679"/> 6420</svg> 6421 6422 6423 <span class="header-account-span-icon">Log in</span> 6424 </a><a href="/cart" class="header__icon header__icon--cart link focus-inset" id="cart-icon-bubble"> 6425 6426<svg class="" aria-hidden="true" focusable="false" width="18" height="18" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"> 6427 <g clip-path="url(#clip0_2304_1393)"> 6428 <path d="M15.9979 13.62L14.9779 5.01H10.9379V3.94C10.9379 2.32 9.61787 1 7.99787 1C6.37787 1 5.06787 2.32 5.06787 3.94V5.01H1.03787L0.00787012 13.62C-0.0721299 14.36 0.46787 15.01 1.16787 15.01H14.8479C15.5379 15.01 16.0779 14.36 16.0079 13.62H15.9979ZM6.07787 3.95C6.07787 2.88 6.94787 2.01 8.00787 2.01C9.06787 2.01 9.94787 2.88 9.94787 3.95V5.02H6.07787V3.95ZM14.9379 13.97C14.9379 13.97 14.8779 14.02 14.8479 14.02H1.16787C1.16787 14.02 1.10787 14 1.07787 13.97C1.04787 13.94 0.99787 13.86 1.00787 13.75L1.91787 6.02H5.06787V9.43H6.06787V6.02H9.93787V9.43H10.9379V6.02H14.0879L14.9979 13.73C15.0079 13.86 14.9579 13.94 14.9279 13.97H14.9379Z" fill="#6E7679"/> 6429 </g> 6430 <defs> 6431 <clipPath id="clip0_2304_1393"> 6432 <rect width="16" height="16" fill="white"/> 6433 </clipPath> 6434 </defs> 6435</svg> 6436 6437<span class="visually-hidden">Cart</span></a> 6438 </div> 6439 </div> 6440</header> 6441 6442<div class="mobile-header-search mobileonly"><predictive-search class="search-modal__form" data-loading-text="Loading..."><form action="/search" method="get" role="search" class="search search-modal__form"> 6443 <div class="field"> 6444 <button class="search__button field__button" aria-label="Search"> 6445 <svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"> 6446 <circle cx="10" cy="6" r="5.5" stroke="#6E7679"/> 6447 <line x1="4.35355" y1="11.3536" x2="0.353554" y2="15.3536" stroke="#6E7679"/> 6448 </svg> 6449 </button> 6450 <input 6451 class="search__input field__input" 6452 id="Search-In-Modal-Mobile" 6453 type="search" 6454 name="q" 6455 value="" 6456 placeholder="SEARCH"role="combobox" 6457 aria-expanded="false" 6458 aria-owns="predictive-search-results" 6459 aria-controls="predictive-search-results" 6460 aria-haspopup="listbox" 6461 aria-autocomplete="list" 6462 autocorrect="off" 6463 autocomplete="off" 6464 autocapitalize="off" 6465 spellcheck="false"> 6466 <label class="field__label" for="Search-In-Modal-Mobile">SEARCH</label> 6467 <input type="hidden" name="options[prefix]" value="last"> 6468 <button 6469 type="reset" 6470 class="reset__button field__button hidden" 6471 aria-label="Clear search term" 6472 > 6473 <svg class="icon icon-close" aria-hidden="true" focusable="false"> 6474 <use xlink:href="#icon-reset"> 6475 </svg> 6476 </button> 6477 </div><div class="predictive-search predictive-search--header" tabindex="-1" data-predictive-search> 6478 <div class="predictive-search__loading-state"> 6479 <svg aria-hidden="true" focusable="false" class="spinner" viewBox="0 0 66 66" xmlns="http://www.w3.org/2000/svg"> 6480 <circle class="path" fill="none" stroke-width="6" cx="33" cy="33" r="30"></circle> 6481 </svg> 6482 </div> 6483 </div>
6484 <span class="predictive-search-status visually-hidden" role="status" aria-hidden="true"></span></form></predictive-search></div> 6485 6486<cart-notification> 6487 <div class="cart-notification-wrapper page-width"> 6488 <div 6489 id="cart-notification" 6490 class="cart-notification focus-inset color-background-1 gradient" 6491 aria-modal="true" 6492 aria-label="Item added to your cart" 6493 role="dialog" 6494 tabindex="-1" 6495 > 6496 <div class="cart-notification__header"> 6497 <h2 class="cart-notification__heading caption-large text-body"><svg 6498 class="icon icon-checkmark color-foreground-text" 6499 aria-hidden="true" 6500 focusable="false" 6501 xmlns="http://www.w3.org/2000/svg" 6502 viewBox="0 0 12 9" 6503 fill="none" 6504> 6505 <path fill-rule="evenodd" clip-rule="evenodd" d="M11.35.643a.5.5 0 01.006.707l-6.77 6.886a.5.5 0 01-.719-.006L.638 4.845a.5.5 0 11.724-.69l2.872 3.011 6.41-6.517a.5.5 0 01.707-.006h-.001z" fill="currentColor"/> 6506</svg> 6507Item added to your cart 6508 </h2> 6509 <button 6510 type="button" 6511 class="cart-notification__close modal__close-button link link--text focus-inset" 6512 aria-label="Close" 6513 > 6514 <svg class="icon icon-close" aria-hidden="true" focusable="false"> 6515 <use href="#icon-close"> 6516 </svg> 6517 </button> 6518 </div> 6519 <div id="cart-notification-product" class="cart-notification-product"></div> 6520 <div class="cart-notification__links"> 6521 <a 6522 href="/cart" 6523 id="cart-notification-button" 6524 class="button button--secondary button--full-width" 6525 >View cart</a> 6526 <form action="/cart" method="post" id="cart-notification-form"> 6527 <button class="button button--primary button--full-width" name="checkout"> 6528 Check out 6529 </button> 6530 </form> 6531 <button type="button" class="link button-label">Continue shopping</button> 6532 </div> 6533 </div> 6534 </div> 6535</cart-notification> 6536<style data-shopify> 6537 .cart-notification { 6538 display: none; 6539 } 6540</style> 6541<style data-shopify> 6542.nav_imgHolder { 6543 position: relative; 6544} 6545.nav_imgHolder__cta-buttons { 6546 position: absolute; 6547 left: 50%; 6548 transform: translateX(-50%); 6549 bottom: 20px; 6550 display: flex; 6551 flex-direction: column; 6552 align-items: center; 6553 gap: 8px; 6554 z-index: 2; 6555} 6556.nav_imgHolder__cta-btn { 6557 color: #fff; 6558 font-family: 'Work Sans', sans-serif; 6559 font-size: 12px; 6560 font-weight: 600; 6561 letter-spacing: 0.05em; 6562 text-transform: uppercase; 6563 text-decoration: underline; 6564 text-underline-offset: 3px; 6565 white-space: nowrap; 6566} 6567.nav_imgHolder__cta-btn:hover { 6568 opacity: 0.8; 6569} 6570.mobnav_imgHolder { 6571 position: relative; 6572} 6573.mobnav_imgHolder__cta-buttons { 6574 position: absolute; 6575 left: 12px; 6576 right: 12px; 6577 bottom: 14px; 6578 display: flex; 6579 flex-direction: column; 6580 align-items: center; 6581 gap: 6px; 6582 z-index: 2; 6583} 6584.mobnav_imgHolder__cta-btn { 6585 color: #fff; 6586 font-family: 'Work Sans', sans-serif; 6587 font-size: 11px; 6588 font-weight: 600; 6589 letter-spacing: 0.05em; 6590 text-transform: uppercase; 6591 text-decoration: underline; 6592 text-underline-offset: 3px; 6593 white-space: nowrap; 6594} 6595.mobnav_imgHolder__cta-btn:hover { 6596 opacity: 0.8; 6597} 6598</style> 6599 6600 6601
6602<script> 6603 $(document).ready(function() { 6604 $('.header__icon.header__icon--menu').click(function () { 6605 $('body,html').animate({ 6606 scrollTop: 75 6607 }, 800); 6608 }); 6609 if( navigator.platform === 'iPad' ){ 6610 $('.header__icon.header__icon--menu').click(function () { 6611 $('body,html').animate({ 6612 scrollTop: 60 6613 }, 800); 6614 }); 6615 } 6616 // var itemLiChangewomen = $('#MegaMenu-Content-2 ul.mega-menu__list li.mega-menu__list-li.megamenuli-3'); 6617 // $('#MegaMenu-Content-2 ul.mega-menu__list li.mega-menu__list-li.megamenuli-2').append(itemLiChangewomen); 6618 // var itemLiChangenextwomen = $('#MegaMenu-Content-2 ul.mega-menu__list li.mega-menu__list-li.megamenuli-5'); 6619 // $('#MegaMenu-Content-2 ul.mega-menu__list li.mega-menu__list-li.megamenuli-4').append(itemLiChangenextwomen); 6620 // var itemLiChangeman = $('#MegaMenu-Content-3 ul.mega-menu__list li.mega-menu__list-li.megamenuli-3'); 6621 // $('#MegaMenu-Content-3 ul.mega-menu__list li.mega-menu__list-li.megamenuli-2').append(itemLiChangeman); 6622 // var itemLiChangenextman = $('#MegaMenu-Content-3 ul.mega-menu__list li.mega-menu__list-li.megamenuli-5'); 6623 // $('#MegaMenu-Content-3 ul.mega-menu__list li.mega-menu__list-li.megamenuli-4').append(itemLiChangenextman); 6624 }); 6625</script>
6625 6626
6627<script type="application/ld+json"> 6628 { 6629 "@context": "http://schema.org", 6630 "@type": "Organization", 6631 "name": "Cole Haan Philippines", 6632 6633 "logo": "https:\/\/colehaan.com.ph\/cdn\/shop\/files\/ColeHaan_NewYork_Logotype-01.svg?v=1764720671\u0026width=500", 6634 6635 "sameAs": [ 6636 "", 6637 "https:\/\/www.facebook.com\/colehaanphilippines", 6638 "", 6639 "https:\/\/www.instagram.com\/colehaanph\/", 6640 "", 6641 "", 6642 "", 6643 "", 6644 "" 6645 ], 6646 "url": "https:\/\/colehaan.com.ph" 6647 } 6648</script>
6648 6649
6649<script type="application/ld+json"> 6650 { 6651 "@context": "http://schema.org", 6652 "@type": "WebSite", 6653 "name": "Cole Haan Philippines", 6654 "potentialAction": { 6655 "@type": "SearchAction", 6656 "target": "https:\/\/colehaan.com.ph\/search?q={search_term_string}", 6657 "query-input": "required name=search_term_string" 6658 }, 6659 "url": "https:\/\/colehaan.com.ph" 6660 } 6661 </script>
vendor: 1 bytes, line 6661
6661
6662<script> 6663 const elements = document.querySelectorAll('ul.list-unstyled li a'); 6664 6665 elements.forEach(element => { 6666 element.innerHTML = element.innerHTML.replace(/\bnew\b/gi, '<span class="highlight">NEW</span>'); 6667 }); 6668</script>
6668 6669</div><section id="shopify-section-sections--23890807587060__custom_liquid_dnE3gU" class="shopify-section shopify-section-group-header-group section"><style data-shopify>.section-sections--23890807587060__custom_liquid_dnE3gU-padding { 6670 padding: 0; 6671 } 6672 /* 6673 .section-sections--23890807587060__custom_liquid_dnE3gU-padding { 6674 padding-top: calc(40px * 0.75); 6675 padding-bottom: calc(52px * 0.75); 6676 } 6677 6678 @media screen and (min-width: 750px) { 6679 .section-sections--23890807587060__custom_liquid_dnE3gU-padding { 6680 padding-top: 40px; 6681 padding-bottom: 52px; 6682 } 6683 } 6684 */</style><div class="color-background-1 gradient"> 6685 <div class="section-sections--23890807587060__custom_liquid_dnE3gU-padding"> 6686 6687 </div> 6688</div> 6689 6690 6691</section> 6692<!-- END sections: header-group --> 6693 <main id="MainContent" class="content-for-layout focus-none" role="main" tabindex="-1"> 6694 <link id="video-section-css" href="//colehaan.com.ph/cdn/shop/t/131/assets/video-section.css?v=184456687157305353831790040538" rel="stylesheet" disabled> 6695 <link id="component-deferred-media-css" href="//colehaan.com.ph/cdn/shop/t/131/assets/component-deferred-media.css?v=8449899997886876191790040483" rel="stylesheet" disabled> 6696 <link id="section-image-banner-default-css" href="//colehaan.com.ph/cdn/shop/t/131/assets/section-image-banner-default.css?v=78355248640908203571790040531" rel="stylesheet" disabled> 6697 <link id="section-image-banner-css" href="//colehaan.com.ph/cdn/shop/t/131/assets/section-image-banner.css?v=75190375356722623291790040531" rel="stylesheet" disabled> 6698 <link id="component-price-css" href="//colehaan.com.ph/cdn/shop/t/131/assets/component-price.css?v=182940365094441790081790040492" rel="stylesheet"> 6699 <link id="component-slider-css" href="//colehaan.com.ph/cdn/shop/t/131/assets/component-slider.css?v=66022056248814813481790040495" rel="stylesheet"> 6700 <link id="component-slideshow-css" href="//colehaan.com.ph/cdn/shop/t/131/assets/component-slideshow.css?v=87432719022228681551790040496" rel="stylesheet" disabled> 6701 <link id="component-card-css" href="//colehaan.com.ph/cdn/shop/t/131/assets/component-card.css?v=99411607597085787711790040480" rel="stylesheet"> 6702 <link id="component-card-css" href="//colehaan.com.ph/cdn/shop/t/131/assets/template-collection.css?v=68898429897729498311790040536" rel="stylesheet"> 6703 <link id="component-card-css" href="//colehaan.com.ph/cdn/shop/t/131/assets/custom-feature-collection.css?v=162210419477044720451790040498" rel="stylesheet"> 6704 <link rel="stylesheet" href="//colehaan.com.ph/cdn/shop/t/131/assets/colehaan-ph-custom-2023.css?v=55457562649882995291790040477"> 6705 <link rel="stylesheet" href="//colehaan.com.ph/cdn/shop/t/131/assets/Colehaan-2024.css?v=167442069539304444901790040476"> 6706 <link rel="stylesheet" href="//colehaan.com.ph/cdn/shop/t/131/assets/section-image-banner-default.css?v=78355248640908203571790040531"> 6707 <link rel="stylesheet" href="//colehaan.com.ph/cdn/shop/t/131/assets/section-collection-list.css?v=79335702017141358911790040528"> 6708 <link rel="stylesheet" href="//colehaan.com.ph/cdn/shop/t/131/assets/custom-collection-list.css?v=77620837632342674041790040498"> 6709 <style id="renderVideoBanners"> 6710 .display-instance{ 6711 display: none; 6712 } 6713 </style> 6714 <style id="renderSlideShowBanners"> 6715 .display-instance-slideshow{ 6716 display: none; 6717 } 6718 </style> 6719 <style id="renderFeatureCollections"> 6720 /* .display-instance-feature-collection{ 6721 display: none; 6722 } */ 6723 </style> 6724 <div id="shopify-section-template--23890806309108__hero_banner_mini_2026_GBjTTi" class="shopify-section"> 6725 6726<style> 6727 .hbm26-wrap { 6728 position: relative; 6729 padding-top: 0px; 6730 padding-bottom: 0px; 6731 } 6732 6733 .hbm26-banner { 6734 position: relative; 6735 width: 100%; 6736 overflow: hidden; 6737 } 6738 6739 .hbm26-banner__link { 6740 display: block; 6741 line-height: 0; 6742 } 6743 6744 .hbm26-banner__img { 6745 width: 100%; 6746 height: auto; 6747 display: block; 6748 } 6749 6750 /* Buttons container */ 6751 .hbm26-ctas { 6752 position: absolute; 6753 bottom: 62px; 6754 display: flex; 6755 gap: 10px; 6756 flex-wrap: wrap; 6757 } 6758 6759 .hbm26-ctas--left { 6760 left: 100px; 6761 justify-content: flex-start; 6762 } 6763 6764 .hbm26-ctas--center { 6765 left: 50%; 6766 transform: translateX(-50%); 6767 justify-content: center; 6768 } 6769 6770 .hbm26-ctas--right { 6771 right: 100px; 6772 justify-content: flex-end; 6773 } 6774 6775 .hbm26-btn { 6776 display: inline-block; 6777 white-space: nowrap; 6778 text-decoration: none; 6779 text-transform: uppercase; 6780 font-family: Work Sans, sans-serif; 6781 font-size: 12px; 6782 font-weight: 600; 6783 letter-spacing: 0.05em; 6784 padding: 10px 20px; 6785 border: 1px solid #ffffff; 6786 border-radius: 26px; 6787 color: #57808b; 6788 background-color: #ffffff; 6789 transition: opacity 0.2s ease; 6790 } 6791 6792 .hbm26-btn:hover { 6793 opacity: 0.75; 6794 } 6795 6796 /* Tablet */ 6797 @media screen and (max-width: 989px) { 6798 .hbm26-ctas { 6799 bottom: 20px; 6800 } 6801 .hbm26-btn { 6802 font-size: 11px; 6803 padding: 8px 16px; 6804 } 6805 } 6806 6807 /* Mobile - always bottom center, ignores alignment setting */ 6808 @media screen and (max-width: 540px) { 6809 .hbm26-ctas, 6810 .hbm26-ctas--left, 6811 .hbm26-ctas--right { 6812 left: 50% !important; 6813 right: auto !important; 6814 transform: translateX(-50%) !important; 6815 justify-content: center !important; 6816 bottom: 18px !important; 6817 width: 90%; 6818 } 6819 .hbm26-btn { 6820 font-size: 10px; 6821 padding: 8px 14px; 6822 } 6823 } 6824</style> 6825 6826<div class="hbm26-wrap"> 6827 <div class="hbm26-banner"><picture><source 6828 media="(max-width: 540px)" 6829 srcset="//colehaan.com.ph/cdn/shop/files/CH_WEBSITE_MOBILE-AUG_2.jpg?v=1788920105&width=750" 6830 ><source 6831 media="(max-width: 989px)" 6832 srcset="//colehaan.com.ph/cdn/shop/files/CH_WEBSITE_PC-AUG_2.jpg?v=1788920076&width=1400" 6833 ><img 6834 class="hbm26-banner__img" 6835 src="//colehaan.com.ph/cdn/shop/files/CH_WEBSITE_PC-AUG_2.jpg?v=1788920076&width=2000" 6836 srcset="//colehaan.com.ph/cdn/shop/files/CH_WEBSITE_PC-AUG_2.jpg?v=1788920076&width=1000 1000w, //colehaan.com.ph/cdn/shop/files/CH_WEBSITE_PC-AUG_2.jpg?v=1788920076&width=1600 1600w, //colehaan.com.ph/cdn/shop/files/CH_WEBSITE_PC-AUG_2.jpg?v=1788920076&width=2000 2000w" 6837 sizes="100vw" 6838 alt="" 6839 width="1599" 6840 height="230" 6841 loading="lazy" 6842 ></picture><div class="hbm26-ctas hbm26-ctas--right"><a 6843 href="/collections/all-products" 6844 class="hbm26-btn" 6845 > 6846 Shop Now 6847 </a></div></div> 6848</div> 6849 6850 6851</div><section id="shopify-section-template--23890806309108__custom_liquid_nWfxqR" class="shopify-section section"><style data-shopify>
6851.section-template--23890806309108__custom_liquid_nWfxqR-padding { 6852 padding: 0; 6853 } 6854 /* 6855 .section-template--23890806309108__custom_liquid_nWfxqR-padding { 6856 padding-top: calc(40px * 0.75); 6857 padding-bottom: calc(52px * 0.75); 6858 } 6859 6860 @media screen and (min-width: 750px) { 6861 .section-template--23890806309108__custom_liquid_nWfxqR-padding { 6862 padding-top: 40px; 6863 padding-bottom: 52px; 6864 } 6865 } 6866 */</style><div class="color-background-1 gradient"> 6867 <div class="section-template--23890806309108__custom_liquid_nWfxqR-padding"> 6868 <style> 6869 .spacer { 6870 height: 25px; 6871 } 6872</style> 6873<div class="spacer"></div> 6874 </div> 6875</div> 6876 6877 6878</section><div id="shopify-section-template--23890806309108__177552837855f6d50e" class="shopify-section"><div id="shopify-block-AbGtXZTRkbDdnQjV3S__ai_gen_block_443a8f6_BYdL3q" class="shopify-block"> 6879 6880 6881<style data-shopify> 6882 .ai-hero-banner-abgtxztrkbddnqjv3saigenblock443a8f6bydl3q { 6883 position: relative; 6884 width: 100%; 6885 display: block; 6886 } 6887 6888 .ai-hero-banner-desktop-abgtxztrkbddnqjv3saigenblock443a8f6bydl3q { 6889 display: none; 6890 position: relative; 6891 width: 100%; 6892 } 6893 6894 .ai-hero-banner-desktop-media-wrapper-abgtxztrkbddnqjv3saigenblock443a8f6bydl3q { 6895 position: relative; 6896 width: 100%; 6897 height: 85vh; 6898 overflow: hidden; 6899 } 6900 6901 .ai-hero-banner-mobile-abgtxztrkbddnqjv3saigenblock443a8f6bydl3q { 6902 display: block; 6903 width: 100%; 6904 } 6905 6906 .ai-hero-banner-mobile-media-wrapper-abgtxztrkbddnqjv3saigenblock443a8f6bydl3q { 6907 position: relative; 6908 width: 100%; 6909 height: auto; 6910 } 6911 6912 .ai-hero-banner-video-abgtxztrkbddnqjv3saigenblock443a8f6bydl3q, 6913 .ai-hero-banner-image-abgtxztrkbddnqjv3saigenblock443a8f6bydl3q { 6914 width: 100%; 6915 height: 100%; 6916 object-fit: cover; 6917 } 6918 6919 .ai-hero-banner-mobile-video-abgtxztrkbddnqjv3saigenblock443a8f6bydl3q, 6920 .ai-hero-banner-mobile-image-abgtxztrkbddnqjv3saigenblock443a8f6bydl3q { 6921 width: 100%; 6922 height: auto; 6923 display: block; 6924 } 6925 6926 .ai-hero-banner-overlay-content-abgtxztrkbddnqjv3saigenblock443a8f6bydl3q { 6927 display: none; 6928 } 6929 6930 .ai-hero-banner-overlay-content-abgtxztrkbddnqjv3saigenblock443a8f6bydl3q.overlay { 6931 position: absolute; 6932 z-index: 2; 6933 width: 90%; 6934 max-width: 800px; 6935 } 6936 6937 .ai-hero-banner-overlay-content-abgtxztrkbddnqjv3saigenblock443a8f6bydl3q.overlay.top-left { 6938 top: 40px; 6939 left: 40px; 6940 transform: none; 6941 } 6942 6943 .ai-hero-banner-overlay-content-abgtxztrkbddnqjv3saigenblock443a8f6bydl3q.overlay.top-center { 6944 top: 40px; 6945 left: 50%; 6946 transform: translateX(-50%); 6947 } 6948 6949 .ai-hero-banner-overlay-content-abgtxztrkbddnqjv3saigenblock443a8f6bydl3q.overlay.top-right { 6950 top: 40px; 6951 right: 40px; 6952 left: auto; 6953 transform: none; 6954 } 6955 6956 .ai-hero-banner-overlay-content-abgtxztrkbddnqjv3saigenblock443a8f6bydl3q.overlay.middle-left { 6957 top: 50%; 6958 left: 40px; 6959 transform: translateY(-50%); 6960 } 6961 6962 .ai-hero-banner-overlay-content-abgtxztrkbddnqjv3saigenblock443a8f6bydl3q.overlay.middle-center { 6963 top: 50%; 6964 left: 50%; 6965 transform: translate(-50%, -50%); 6966 } 6967 6968 .ai-hero-banner-overlay-content-abgtxztrkbddnqjv3saigenblock443a8f6bydl3q.overlay.middle-right { 6969 top: 50%; 6970 right: 40px; 6971 left: auto; 6972 transform: translateY(-50%); 6973 } 6974 6975 .ai-hero-banner-overlay-content-abgtxztrkbddnqjv3saigenblock443a8f6bydl3q.overlay.bottom-left { 6976 bottom: 40px; 6977 left: 40px; 6978 top: auto; 6979 transform: none; 6980 } 6981 6982 .ai-hero-banner-overlay-content-abgtxztrkbddnqjv3saigenblock443a8f6bydl3q.overlay.bottom-center { 6983 bottom: 40px; 6984 left: 50%; 6985 top: auto; 6986 transform: translateX(-50%); 6987 } 6988 6989 .ai-hero-banner-overlay-content-abgtxztrkbddnqjv3saigenblock443a8f6bydl3q.overlay.bottom-right { 6990 bottom: 40px; 6991 right: 40px; 6992 left: auto; 6993 top: auto; 6994 transform: none; 6995 } 6996 6997 .ai-hero-banner-overlay-content-abgtxztrkbddnqjv3saigenblock443a8f6bydl3q.text-left { 6998 text-align: left; 6999 } 7000 7001 .ai-hero-banner-overlay-content-abgtxztrkbddnqjv3saigenblock443a8f6bydl3q.text-center { 7002 text-align: center; 7003 } 7004 7005 .ai-hero-banner-overlay-content-abgtxztrkbddnqjv3saigenblock443a8f6bydl3q.text-right { 7006 text-align: right; 7007 } 7008 7009 .ai-hero-banner-external-content-abgtxztrkbddnqjv3saigenblock443a8f6bydl3q { 7010 background-color: #ffffff; 7011 padding: 40px; 7012 width: 100%; 7013 } 7014 7015 .ai-hero-banner-headline-abgtxztrkbddnqjv3saigenblock443a8f6bydl3q { 7016 font-family: 'Libre Bodoni', serif; 7017 font-weight: normal; 7018 color: #ffffff; 7019 font-size: 56px; 7020 margin: 0 0 16px; 7021 } 7022 7023 .ai-hero-banner-overlay-content-abgtxztrkbddnqjv3saigenblock443a8f6bydl3q.overlay .ai-hero-banner-headline-abgtxztrkbddnqjv3saigenblock443a8f6bydl3q { 7024 text-shadow: 0 2px 4px rgba(0, 0, 0, 0.3); 7025 } 7026 7027 .ai-hero-banner-subheadline-abgtxztrkbddnqjv3saigenblock443a8f6bydl3q { 7028 font-family: 'Work Sans', sans-serif; 7029 font-weight: 400; 7030 color: #ffffff; 7031 font-size: 16px; 7032 margin: 0 0 24px; 7033 } 7034 7035 .ai-hero-banner-overlay-content-abgtxztrkbddnqjv3saigenblock443a8f6bydl3q.overlay .ai-hero-banner-subheadline-abgtxztrkbddnqjv3saigenblock443a8f6bydl3q { 7036 text-shadow: 0 2px 4px rgba(0, 0, 0, 0.3); 7037 } 7038 7039 .ai-hero-banner-buttons-abgtxztrkbddnqjv3saigenblock443a8f6bydl3q { 7040 display: flex; 7041 gap: 16px; 7042 flex-wrap: wrap; 7043 } 7044 7045 .ai-hero-banner-overlay-content-abgtxztrkbddnqjv3saigenblock443a8f6bydl3q.text-left .ai-hero-banner-buttons-abgtxztrkbddnqjv3saigenblock443a8f6bydl3q { 7046 justify-content: flex-start; 7047 } 7048 7049 .ai-hero-banner-overlay-content-abgtxztrkbddnqjv3saigenblock443a8f6bydl3q.text-center .ai-hero-banner-buttons-abgtxztrkbddnqjv3saigenblock443a8f6bydl3q { 7050 justify-content: center; 7051 } 7052 7053 .ai-hero-banner-overlay-content-abgtxztrkbddnqjv3saigenblock443a8f6bydl3q.text-right .ai-hero-banner-buttons-abgtxztrkbddnqjv3saigenblock443a8f6bydl3q { 7054 justify-content: flex-end; 7055 } 7056 7057 .ai-hero-banner-button-abgtxztrkbddnqjv3saigenblock443a8f6bydl3q { 7058 display: inline-block; 7059 padding: 14px 28px; 7060 background-color: #ffffff; 7061 color: #000000; 7062 text-decoration: none; 7063 font-family: 'Work Sans', sans-serif; 7064 font-weight: 600; 7065 font-size: 14px; 7066 transition: opacity 0.3s ease, background-color 0.3s ease, color 0.3s ease; 7067 border: none; 7068 cursor: pointer; 7069 } 7070 7071 .ai-hero-banner-button-abgtxztrkbddnqjv3saigenblock443a8f6bydl3q.pill-rounded { 7072 border-radius: 50px; 7073 } 7074 7075 .ai-hero-banner-button-abgtxztrkbddnqjv3saigenblock443a8f6bydl3q.pill-rounded-transparent { 7076 border-radius: 50px; 7077 background-color: transparent; 7078 border: 2px solid #ffffff; 7079 color: #ffffff; 7080 } 7081 7082 .ai-hero-banner-button-abgtxztrkbddnqjv3saigenblock443a8f6bydl3q.pill-rounded-transparent:hover { 7083 background-color: #ffffff; 7084 color: #000000; 7085 } 7086 7087 .ai-hero-banner-button-abgtxztrkbddnqjv3saigenblock443a8f6bydl3q.underlined { 7088 border-radius: 0; 7089 background-color: transparent; 7090 border: none; 7091 border-bottom: 2px solid #ffffff; 7092 color: #ffffff; 7093 padding: 8px 0; 7094 } 7095 7096 .ai-hero-banner-button-abgtxztrkbddnqjv3saigenblock443a8f6bydl3q.underlined:hover { 7097 opacity: 0.7; 7098 } 7099 7100 .ai-hero-banner-button-abgtxztrkbddnqjv3saigenblock443a8f6bydl3q.rectangular { 7101 border-radius: 0; 7102 } 7103 7104 .ai-hero-banner-button-abgtxztrkbddnqjv3saigenblock443a8f6bydl3q.rectangular-transparent { 7105 border-radius: 0; 7106 background-color: transparent; 7107 border: 2px solid #ffffff; 7108 color: #ffffff; 7109 } 7110 7111 .ai-hero-banner-button-abgtxztrkbddnqjv3saigenblock443a8f6bydl3q.rectangular-transparent:hover { 7112 background-color: #ffffff; 7113 color: #000000; 7114 } 7115 7116 .ai-hero-banner-button-abgtxztrkbddnqjv3saigenblock443a8f6bydl3q:not(.underlined):not(.pill-rounded-transparent):not(.rectangular-transparent):hover { 7117 opacity: 0.8; 7118 } 7119 7120 .ai-hero-banner-separated-buttons-abgtxztrkbddnqjv3saigenblock443a8f6bydl3q { 7121 position: absolute; 7122 z-index: 3; 7123 display: flex; 7124 gap: 16px; 7125 flex-wrap: wrap; 7126 } 7127 7128 .ai-hero-banner-separated-buttons-abgtxztrkbddnqjv3saigenblock443a8f6bydl3q.overlay-top-left { 7129 top: 40px; 7130 left: 40px; 7131 } 7132 7133 .ai-hero-banner-separated-buttons-abgtxztrkbddnqjv3saigenblock443a8f6bydl3q.overlay-top-center { 7134 top: 40px; 7135 left: 50%; 7136 transform: translateX(-50%); 7137 } 7138 7139 .ai-hero-banner-separated-buttons-abgtxztrkbddnqjv3saigenblock443a8f6bydl3q.overlay-top-right { 7140 top: 40px; 7141 right: 40px; 7142 } 7143 7144 .ai-hero-banner-separated-buttons-abgtxztrkbddnqjv3saigenblock443a8f6bydl3q.overlay-bottom-left { 7145 bottom: 40px; 7146 left: 40px; 7147 } 7148 7149 .ai-hero-banner-separated-buttons-abgtxztrkbddnqjv3saigenblock443a8f6bydl3q.overlay-bottom-center { 7150 bottom: 40px; 7151 left: 50%; 7152 transform: translateX(-50%); 7153 } 7154 7155 .ai-hero-banner-separated-buttons-abgtxztrkbddnqjv3saigenblock443a8f6bydl3q.overlay-bottom-right { 7156 bottom: 40px; 7157 right: 40px; 7158 } 7159 7160 .ai-hero-banner-separated-buttons-external-abgtxztrkbddnqjv3saigenblock443a8f6bydl3q { 7161 background-color: #ffffff; 7162 padding: 40px; 7163 width: 100%; 7164 display: flex; 7165 gap: 16px; 7166 flex-wrap: wrap; 7167 } 7168 7169 .ai-hero-banner-separated-buttons-external-abgtxztrkbddnqjv3saigenblock443a8f6bydl3q.align-left { 7170 justify-content: flex-start; 7171 } 7172 7173 .ai-hero-banner-separated-buttons-external-abgtxztrkbddnqjv3saigenblock443a8f6bydl3q.align-center { 7174 justify-content: center; 7175 } 7176 7177 .ai-hero-banner-separated-buttons-external-abgtxztrkbddnqjv3saigenblock443a8f6bydl3q.align-right { 7178 justify-content: flex-end; 7179 } 7180 7181 .ai-hero-banner-mobile-content-abgtxztrkbddnqjv3saigenblock443a8f6bydl3q { 7182 display: block; 7183 background-color: #ffffff; 7184 padding: 32px; 7185 } 7186 7187 .ai-hero-banner-mobile-content-abgtxztrkbddnqjv3saigenblock443a8f6bydl3q.overlay { 7188 position: absolute; 7189 z-index: 2; 7190 width: 90%; 7191 max-width: 100%; 7192 background-color: transparent; 7193 } 7194 7195 .ai-hero-banner-mobile-content-abgtxztrkbddnqjv3saigenblock443a8f6bydl3q.overlay.top-left { 7196 top: 20px; 7197 left: 20px; 7198 transform: none; 7199 } 7200 7201 .ai-hero-banner-mobile-content-abgtxztrkbddnqjv3saigenblock443a8f6bydl3q.overlay.top-center { 7202 top: 20px; 7203 left: 50%; 7204 transform: translateX(-50%); 7205 } 7206 7207 .ai-hero-banner-mobile-content-abgtxztrkbddnqjv3saigenblock443a8f6bydl3q.overlay.top-right { 7208 top: 20px; 7209 right: 20px; 7210 left: auto; 7211 transform: none; 7212 } 7213 7214 .ai-hero-banner-mobile-content-abgtxztrkbddnqjv3saigenblock443a8f6bydl3q.overlay.middle-left { 7215 top: 50%; 7216 left: 20px; 7217 transform: translateY(-50%); 7218 } 7219 7220 .ai-hero-banner-mobile-content-abgtxztrkbddnqjv3saigenblock443a8f6bydl3q.overlay.middle-center { 7221 top: 50%; 7222 left: 50%; 7223 transform: translate(-50%, -50%); 7224 } 7225 7226 .ai-hero-banner-mobile-content-abgtxztrkbddnqjv3saigenblock443a8f6bydl3q.overlay.middle-right { 7227 top: 50%; 7228 right: 20px; 7229 left: auto; 7230 transform: translateY(-50%); 7231 } 7232 7233 .ai-hero-banner-mobile-content-abgtxztrkbddnqjv3saigenblock443a8f6bydl3q.overlay.bottom-left { 7234 bottom: 20px; 7235 left: 20px; 7236 top: auto; 7237 transform: none; 7238 } 7239 7240 .ai-hero-banner-mobile-content-abgtxztrkbddnqjv3saigenblock443a8f6bydl3q.overlay.bottom-center { 7241 bottom: 20px; 7242 left: 50%; 7243 top: auto; 7244 transform: translateX(-50%); 7245 } 7246 7247 .ai-hero-banner-mobile-content-abgtxztrkbddnqjv3saigenblock443a8f6bydl3q.overlay.bottom-right { 7248 bottom: 20px; 7249 right: 20px; 7250 left: auto; 7251 top: auto; 7252 transform: none; 7253 } 7254 7255 .ai-hero-banner-mobile-content-abgtxztrkbddnqjv3saigenblock443a8f6bydl3q.text-left { 7256 text-align: left; 7257 } 7258 7259 .ai-hero-banner-mobile-content-abgtxztrkbddnqjv3saigenblock443a8f6bydl3q.text-center { 7260 text-align: center; 7261 } 7262 7263 .ai-hero-banner-mobile-content-abgtxztrkbddnqjv3saigenblock443a8f6bydl3q.text-right { 7264 text-align: right; 7265 } 7266 7267 .ai-hero-banner-mobile-headline-abgtxztrkbddnqjv3saigenblock443a8f6bydl3q { 7268 font-family: 'Libre Bodoni', serif; 7269 font-weight: normal; 7270 color: #000000; 7271 font-size: 32px; 7272 margin: 0 0 12px; 7273 } 7274 7275 .ai-hero-banner-mobile-content-abgtxztrkbddnqjv3saigenblock443a8f6bydl3q.overlay .ai-hero-banner-mobile-headline-abgtxztrkbddnqjv3saigenblock443a8f6bydl3q { 7276 text-shadow: 0 2px 4px rgba(0, 0, 0, 0.3); 7277 } 7278 7279 .ai-hero-banner-mobile-subheadline-abgtxztrkbddnqjv3saigenblock443a8f6bydl3q { 7280 font-family: 'Work Sans', sans-serif; 7281 font-weight: 400; 7282 color: #000000; 7283 font-size: 15px; 7284 margin: 0 0 12px; 7285 } 7286 7287 .ai-hero-banner-mobile-content-abgtxztrkbddnqjv3saigenblock443a8f6bydl3q.overlay .ai-hero-banner-mobile-subheadline-abgtxztrkbddnqjv3saigenblock443a8f6bydl3q { 7288 text-shadow: 0 2px 4px rgba(0, 0, 0, 0.3); 7289 } 7290 7291 .ai-hero-banner-mobile-buttons-abgtxztrkbddnqjv3saigenblock443a8f6bydl3q { 7292 display: flex; 7293 gap: 12px; 7294 flex-wrap: wrap; 7295 } 7296 7297 .ai-hero-banner-mobile-content-abgtxztrkbddnqjv3saigenblock443a8f6bydl3q.text-left .ai-hero-banner-mobile-buttons-abgtxztrkbddnqjv3saigenblock443a8f6bydl3q { 7298 justify-content: flex-start; 7299 } 7300 7301 .ai-hero-banner-mobile-content-abgtxztrkbddnqjv3saigenblock443a8f6bydl3q.text-center .ai-hero-banner-mobile-buttons-abgtxztrkbddnqjv3saigenblock443a8f6bydl3q { 7302 justify-content: center; 7303 } 7304 7305 .ai-hero-banner-mobile-content-abgtxztrkbddnqjv3saigenblock443a8f6bydl3q.text-right .ai-hero-banner-mobile-buttons-abgtxztrkbddnqjv3saigenblock443a8f6bydl3q { 7306 justify-content: flex-end; 7307 } 7308 7309 .ai-hero-banner-mobile-button-abgtxztrkbddnqjv3saigenblock443a8f6bydl3q { 7310 display: inline-block; 7311 padding: 12px 24px; 7312 background-color: #000000; 7313 color: #ffffff; 7314 text-decoration: none; 7315 font-family: 'Work Sans', sans-serif; 7316 font-weight: 600; 7317 font-size: 12px; 7318 transition: opacity 0.3s ease, background-color 0.3s ease, color 0.3s ease; 7319 border: none; 7320 cursor: pointer; 7321 } 7322 7323 .ai-hero-banner-mobile-button-abgtxztrkbddnqjv3saigenblock443a8f6bydl3q.pill-rounded { 7324 border-radius: 50px; 7325 } 7326 7327 .ai-hero-banner-mobile-button-abgtxztrkbddnqjv3saigenblock443a8f6bydl3q.pill-rounded-transparent { 7328 border-radius: 50px; 7329 background-color: transparent; 7330 border: 2px solid #000000; 7331 color: #000000; 7332 } 7333 7334 .ai-hero-banner-mobile-button-abgtxztrkbddnqjv3saigenblock443a8f6bydl3q.pill-rounded-transparent:hover { 7335 background-color: #000000; 7336 color: #ffffff; 7337 } 7338 7339 .ai-hero-banner-mobile-button-abgtxztrkbddnqjv3saigenblock443a8f6bydl3q.underlined { 7340 border-radius: 0; 7341 background-color: transparent; 7342 border: none; 7343 border-bottom: 2px solid #000000; 7344 color: #000000; 7345 padding: 8px 0; 7346 } 7347 7348 .ai-hero-banner-mobile-button-abgtxztrkbddnqjv3saigenblock443a8f6bydl3q.underlined:hover { 7349 opacity: 0.7; 7350 } 7351 7352 .ai-hero-banner-mobile-button-abgtxztrkbddnqjv3saigenblock443a8f6bydl3q.rectangular { 7353 border-radius: 0; 7354 } 7355 7356 .ai-hero-banner-mobile-button-abgtxztrkbddnqjv3saigenblock443a8f6bydl3q.rectangular-transparent { 7357 border-radius: 0; 7358 background-color: transparent; 7359 border: 2px solid #000000; 7360 color: #000000; 7361 } 7362 7363 .ai-hero-banner-mobile-button-abgtxztrkbddnqjv3saigenblock443a8f6bydl3q.rectangular-transparent:hover { 7364 background-color: #000000; 7365 color: #ffffff; 7366 } 7367 7368 .ai-hero-banner-mobile-button-abgtxztrkbddnqjv3saigenblock443a8f6bydl3q:not(.underlined):not(.pill-rounded-transparent):not(.rectangular-transparent):hover { 7369 opacity: 0.8; 7370 } 7371 7372 .ai-hero-banner-mobile-separated-buttons-abgtxztrkbddnqjv3saigenblock443a8f6bydl3q { 7373 position: absolute; 7374 z-index: 3; 7375 display: flex; 7376 gap: 12px; 7377 flex-wrap: wrap; 7378 } 7379 7380 .ai-hero-banner-mobile-separated-buttons-abgtxztrkbddnqjv3saigenblock443a8f6bydl3q.overlay-top-left { 7381 top: 20px; 7382 left: 20px; 7383 } 7384 7385 .ai-hero-banner-mobile-separated-buttons-abgtxztrkbddnqjv3saigenblock443a8f6bydl3q.overlay-top-center { 7386 top: 20px; 7387 left: 50%; 7388 transform: translateX(-50%); 7389 } 7390 7391 .ai-hero-banner-mobile-separated-buttons-abgtxztrkbddnqjv3saigenblock443a8f6bydl3q.overlay-top-right { 7392 top: 20px; 7393 right: 20px; 7394 } 7395 7396 .ai-hero-banner-mobile-separated-buttons-abgtxztrkbddnqjv3saigenblock443a8f6bydl3q.overlay-bottom-left { 7397 bottom: 20px; 7398 left: 20px; 7399 } 7400 7401 .ai-hero-banner-mobile-separated-buttons-abgtxztrkbddnqjv3saigenblock443a8f6bydl3q.overlay-bottom-center { 7402 bottom: 20px; 7403 left: 50%; 7404 transform: translateX(-50%); 7405 } 7406 7407 .ai-hero-banner-mobile-separated-buttons-abgtxztrkbddnqjv3saigenblock443a8f6bydl3q.overlay-bottom-right { 7408 bottom: 20px; 7409 right: 20px; 7410 } 7411 7412 .ai-hero-banner-mobile-separated-buttons-external-abgtxztrkbddnqjv3saigenblock443a8f6bydl3q
7412 { 7413 background-color: #ffffff; 7414 padding: 32px; 7415 width: 100%; 7416 display: flex; 7417 gap: 12px; 7418 flex-wrap: wrap; 7419 } 7420 7421 .ai-hero-banner-mobile-separated-buttons-external-abgtxztrkbddnqjv3saigenblock443a8f6bydl3q.align-left { 7422 justify-content: flex-start; 7423 } 7424 7425 .ai-hero-banner-mobile-separated-buttons-external-abgtxztrkbddnqjv3saigenblock443a8f6bydl3q.align-center { 7426 justify-content: center; 7427 } 7428 7429 .ai-hero-banner-mobile-separated-buttons-external-abgtxztrkbddnqjv3saigenblock443a8f6bydl3q.align-right { 7430 justify-content: flex-end; 7431 } 7432 7433 @media screen and (min-width: 769px) { 7434 .ai-hero-banner-desktop-abgtxztrkbddnqjv3saigenblock443a8f6bydl3q { 7435 display: block; 7436 } 7437 7438 .ai-hero-banner-mobile-abgtxztrkbddnqjv3saigenblock443a8f6bydl3q { 7439 display: none; 7440 } 7441 7442 .ai-hero-banner-overlay-content-abgtxztrkbddnqjv3saigenblock443a8f6bydl3q { 7443 display: block; 7444 } 7445 7446 .ai-hero-banner-mobile-content-abgtxztrkbddnqjv3saigenblock443a8f6bydl3q { 7447 display: none; 7448 } 7449 } 7450</style> 7451 7452<hero-banner-abgtxztrkbddnqjv3saigenblock443a8f6bydl3q class="ai-hero-banner-abgtxztrkbddnqjv3saigenblock443a8f6bydl3q" > 7453 <div class="ai-hero-banner-desktop-abgtxztrkbddnqjv3saigenblock443a8f6bydl3q"> 7454 7455 7456 7457 7458 <div class="ai-hero-banner-desktop-media-wrapper-abgtxztrkbddnqjv3saigenblock443a8f6bydl3q"> 7459 7460 7461 <img 7462 src="//colehaan.com.ph/cdn/shop/files/DG-Priority-Hero_8f1e5636-890b-462d-b0dc-79dbe70afdcb.jpg?v=1785116497&width=2000" 7463 alt="" 7464 class="ai-hero-banner-image-abgtxztrkbddnqjv3saigenblock443a8f6bydl3q" 7465 loading="eager" 7466 width="3072" 7467 height="1512" 7468 > 7469 7470 7471 7472 7473 <div class="ai-hero-banner-overlay-content-abgtxztrkbddnqjv3saigenblock443a8f6bydl3q overlay middle-center text-center"> 7474 7475 <h1 class="ai-hero-banner-headline-abgtxztrkbddnqjv3saigenblock443a8f6bydl3q">Built to get ahead</h1> 7476 7477 7478 7479 <p class="ai-hero-banner-subheadline-abgtxztrkbddnqjv3saigenblock443a8f6bydl3q">Meet the ÃriginalGrand Skyweave⢠Everarc.Performance grade comfort with everyday ease.</p> 7480 7481 7482 7483 <div class="ai-hero-banner-buttons-abgtxztrkbddnqjv3saigenblock443a8f6bydl3q"> 7484 7485 <a href="/collections/men_collections_new-arrivals" class="ai-hero-banner-button-abgtxztrkbddnqjv3saigenblock443a8f6bydl3q pill-rounded"> 7486 MEN'S NEW ARRIVALS 7487 </a> 7488 7489 7490 7491 <a href="/collections/women_collections_new-arrivals" class="ai-hero-banner-button-abgtxztrkbddnqjv3saigenblock443a8f6bydl3q pill-rounded"> 7492 WOMEN'S NEW ARRIVALS 7493 </a> 7494 7495 </div> 7496 7497 </div> 7498 7499 7500 7501 </div> 7502 7503 7504 7505 7506 </div> 7507 7508 <div class="ai-hero-banner-mobile-abgtxztrkbddnqjv3saigenblock443a8f6bydl3q"> 7509 7510 7511 7512 7513 <div class="ai-hero-banner-mobile-media-wrapper-abgtxztrkbddnqjv3saigenblock443a8f6bydl3q"> 7514 7515 7516 <img 7517 src="//colehaan.com.ph/cdn/shop/files/DG-Priority-Hero-Mobile_d13d9a79-ace0-46ab-85af-660c72e26146.jpg?v=1785116543&width=800" 7518 alt="" 7519 class="ai-hero-banner-mobile-image-abgtxztrkbddnqjv3saigenblock443a8f6bydl3q" 7520 loading="eager" 7521 width="780" 7522 height="800" 7523 > 7524 7525 7526 7527 7528 </div> 7529 7530 7531 7532 7533 <div class="ai-hero-banner-mobile-content-abgtxztrkbddnqjv3saigenblock443a8f6bydl3q text-center"> 7534 7535 <h1 class="ai-hero-banner-mobile-headline-abgtxztrkbddnqjv3saigenblock443a8f6bydl3q">Built to get ahead</h1> 7536 7537 7538 7539 <p class="ai-hero-banner-mobile-subheadline-abgtxztrkbddnqjv3saigenblock443a8f6bydl3q">Meet the ÃriginalGrand Skyweave⢠Everarc.Performance grade comfort with everyday ease.</p> 7540 7541 7542 7543 <div class="ai-hero-banner-mobile-buttons-abgtxztrkbddnqjv3saigenblock443a8f6bydl3q"> 7544 7545 <a href="/collections/men_collections_new-arrivals" class="ai-hero-banner-mobile-button-abgtxztrkbddnqjv3saigenblock443a8f6bydl3q pill-rounded"> 7546 MEN'S NEW ARRIVALS 7547 </a> 7548 7549 7550 7551 <a href="/collections/women_collections_new-arrivals" class="ai-hero-banner-mobile-button-abgtxztrkbddnqjv3saigenblock443a8f6bydl3q pill-rounded"> 7552 WOMEN'S NEW ARRIVALS 7553 </a> 7554 7555 </div> 7556 7557 </div> 7558 7559 </div> 7560</hero-banner-abgtxztrkbddnqjv3saigenblock443a8f6bydl3q> 7561
7562<script> 7563 (function() { 7564 class HeroBannerabgtxztrkbddnqjv3saigenblock443a8f6bydl3q extends HTMLElement { 7565 constructor() { 7566 super(); 7567 } 7568 7569 connectedCallback() { 7570 const videos = this.querySelectorAll('video'); 7571 videos.forEach(video => { 7572 video.play().catch(() => {}); 7573 }); 7574 } 7575 } 7576 7577 customElements.define('hero-banner-abgtxztrkbddnqjv3saigenblock443a8f6bydl3q', HeroBannerabgtxztrkbddnqjv3saigenblock443a8f6bydl3q); 7578 })(); 7579</script>
7579 7580 7581</div> 7582 7583 7584</div><div id="shopify-section-template--23890806309108__177060092337395562" class="shopify-section"><div id="shopify-block-AUFZrakNjS3F5bU12N__ai_gen_block_6d1eb7c_W8Y4KP" class="shopify-block"> 7585 7586<style data-shopify> 7587 .ai-split-feature-container-aufzraknjs3f5bu12naigenblock6d1eb7cw8y4kp { 7588 display: block; 7589 width: 100%; 7590 margin: 20px 0; 7591 } 7592 7593 .ai-split-feature-desktop-aufzraknjs3f5bu12naigenblock6d1eb7cw8y4kp { 7594 display: grid; 7595 grid-template-columns: 1fr 12px 1fr; 7596 gap: 0; 7597 margin: 0 12px; 7598 } 7599 7600 .ai-split-feature-mobile-aufzraknjs3f5bu12naigenblock6d1eb7cw8y4kp { 7601 display: none; 7602 } 7603 7604 .ai-split-feature-block-aufzraknjs3f5bu12naigenblock6d1eb7cw8y4kp { 7605 position: relative; 7606 overflow: hidden; 7607 } 7608 7609 .ai-split-feature-image-wrapper-aufzraknjs3f5bu12naigenblock6d1eb7cw8y4kp { 7610 width: 100%; 7611 height: 100%; 7612 position: relative; 7613 } 7614 7615 .ai-split-feature-image-aufzraknjs3f5bu12naigenblock6d1eb7cw8y4kp { 7616 width: 100%; 7617 height: 100%; 7618 object-fit: cover; 7619 display: block; 7620 } 7621 7622 .ai-split-feature-content-aufzraknjs3f5bu12naigenblock6d1eb7cw8y4kp { 7623 position: absolute; 7624 z-index: 2; 7625 } 7626 7627 .ai-split-feature-headline-aufzraknjs3f5bu12naigenblock6d1eb7cw8y4kp { 7628 margin: 0; 7629 line-height: 1.1; 7630 white-space: nowrap; 7631 } 7632 7633 .ai-split-feature-subheadline-aufzraknjs3f5bu12naigenblock6d1eb7cw8y4kp { 7634 margin: 0; 7635 line-height: 1.3; 7636 } 7637 7638 .ai-split-feature-buttons-wrapper-aufzraknjs3f5bu12naigenblock6d1eb7cw8y4kp { 7639 display: flex; 7640 gap: 12px; 7641 flex-wrap: wrap; 7642 } 7643 7644 .ai-split-feature-button-aufzraknjs3f5bu12naigenblock6d1eb7cw8y4kp { 7645 display: inline-block; 7646 text-decoration: none; 7647 transition: all 0.3s ease; 7648 } 7649 7650 .ai-split-feature-button-pill-aufzraknjs3f5bu12naigenblock6d1eb7cw8y4kp { 7651 border-radius: 100px; 7652 } 7653 7654 .ai-split-feature-button-pill-transparent-aufzraknjs3f5bu12naigenblock6d1eb7cw8y4kp { 7655 border-radius: 100px; 7656 background: transparent !important; 7657 border: 2px solid currentColor; 7658 } 7659 7660 .ai-split-feature-button-rectangle-aufzraknjs3f5bu12naigenblock6d1eb7cw8y4kp { 7661 border-radius: 0; 7662 } 7663 7664 .ai-split-feature-button-rectangle-transparent-aufzraknjs3f5bu12naigenblock6d1eb7cw8y4kp { 7665 border-radius: 0; 7666 background: transparent !important; 7667 border: 2px solid currentColor; 7668 } 7669 7670 .ai-split-feature-button-underlined-aufzraknjs3f5bu12naigenblock6d1eb7cw8y4kp { 7671 background: transparent !important; 7672 padding: 0 !important; 7673 text-decoration: underline; 7674 } 7675 7676 .ai-split-feature-collection-label-aufzraknjs3f5bu12naigenblock6d1eb7cw8y4kp { 7677 font-size: 12px; 7678 position: absolute; 7679 z-index: 3; 7680 } 7681 7682 .ai-split-feature-label-top-left-aufzraknjs3f5bu12naigenblock6d1eb7cw8y4kp { 7683 top: 16px; 7684 left: 16px; 7685 } 7686 7687 .ai-split-feature-label-top-right-aufzraknjs3f5bu12naigenblock6d1eb7cw8y4kp { 7688 top: 16px; 7689 right: 16px; 7690 } 7691 7692 .ai-split-feature-label-bottom-left-aufzraknjs3f5bu12naigenblock6d1eb7cw8y4kp { 7693 bottom: 16px; 7694 left: 16px; 7695 } 7696 7697 .ai-split-feature-label-bottom-right-aufzraknjs3f5bu12naigenblock6d1eb7cw8y4kp { 7698 bottom: 16px; 7699 right: 16px; 7700 } 7701 7702 .ai-split-feature-spacer-aufzraknjs3f5bu12naigenblock6d1eb7cw8y4kp { 7703 width: 12px; 7704 } 7705 7706 .ai-split-feature-font-libre-aufzraknjs3f5bu12naigenblock6d1eb7cw8y4kp { 7707 font-family: 'Libre Bodoni', serif; 7708 font-weight: 400; 7709 } 7710 7711 .ai-split-feature-font-work-aufzraknjs3f5bu12naigenblock6d1eb7cw8y4kp { 7712 font-family: 'Work Sans', sans-serif; 7713 font-weight: 400; 7714 } 7715 7716 .ai-split-feature-font-frank-aufzraknjs3f5bu12naigenblock6d1eb7cw8y4kp { 7717 font-family: 'Frank Ruhl Libre', serif; 7718 font-weight: 400; 7719 } 7720 7721 .ai-split-feature-align-left-aufzraknjs3f5bu12naigenblock6d1eb7cw8y4kp { 7722 text-align: left; 7723 } 7724 7725 .ai-split-feature-align-center-aufzraknjs3f5bu12naigenblock6d1eb7cw8y4kp { 7726 text-align: center; 7727 } 7728 7729 .ai-split-feature-align-right-aufzraknjs3f5bu12naigenblock6d1eb7cw8y4kp { 7730 text-align: right; 7731 } 7732 7733 .ai-split-feature-position-top-left-aufzraknjs3f5bu12naigenblock6d1eb7cw8y4kp { 7734 top: 16px; 7735 left: 16px; 7736 } 7737 7738 .ai-split-feature-position-top-center-aufzraknjs3f5bu12naigenblock6d1eb7cw8y4kp { 7739 top: 16px; 7740 left: 50%; 7741 transform: translateX(-50%); 7742 } 7743 7744 .ai-split-feature-position-top-right-aufzraknjs3f5bu12naigenblock6d1eb7cw8y4kp { 7745 top: 16px; 7746 right: 16px; 7747 } 7748 7749 .ai-split-feature-position-middle-left-aufzraknjs3f5bu12naigenblock6d1eb7cw8y4kp { 7750 top: 50%; 7751 left: 16px; 7752 transform: translateY(-50%); 7753 } 7754 7755 .ai-split-feature-position-middle-center-aufzraknjs3f5bu12naigenblock6d1eb7cw8y4kp { 7756 top: 50%; 7757 left: 50%; 7758 transform: translate(-50%, -50%); 7759 } 7760 7761 .ai-split-feature-position-middle-right-aufzraknjs3f5bu12naigenblock6d1eb7cw8y4kp { 7762 top: 50%; 7763 right: 16px; 7764 transform: translateY(-50%); 7765 } 7766 7767 .ai-split-feature-position-bottom-left-aufzraknjs3f5bu12naigenblock6d1eb7cw8y4kp { 7768 bottom: 16px; 7769 left: 16px; 7770 } 7771 7772 .ai-split-feature-position-bottom-center-aufzraknjs3f5bu12naigenblock6d1eb7cw8y4kp { 7773 bottom: 16px; 7774 left: 50%; 7775 transform: translateX(-50%); 7776 } 7777 7778 .ai-split-feature-position-bottom-right-aufzraknjs3f5bu12naigenblock6d1eb7cw8y4kp { 7779 bottom: 16px; 7780 right: 16px; 7781 } 7782 7783 @media screen and (max-width: 768px) { 7784 .ai-split-feature-desktop-aufzraknjs3f5bu12naigenblock6d1eb7cw8y4kp { 7785 display: none; 7786 } 7787 7788 .ai-split-feature-mobile-aufzraknjs3f5bu12naigenblock6d1eb7cw8y4kp { 7789 display: block; 7790 margin: 0 12px; 7791 } 7792 7793 .ai-split-feature-mobile-block-aufzraknjs3f5bu12naigenblock6d1eb7cw8y4kp { 7794 margin-bottom: 24px; 7795 } 7796 7797 .ai-split-feature-headline-aufzraknjs3f5bu12naigenblock6d1eb7cw8y4kp { 7798 white-space: normal; 7799 } 7800 } 7801</style> 7802 7803 7804<split-feature-aufzraknjs3f5bu12naigenblock6d1eb7cw8y4kp 7805 class="ai-split-feature-container-aufzraknjs3f5bu12naigenblock6d1eb7cw8y4kp" 7806 7807> 7808 7809 <!-- DESKTOP --> 7810 <div class="ai-split-feature-desktop-aufzraknjs3f5bu12naigenblock6d1eb7cw8y4kp"> 7811 7812 7813 7814 7815 7816 7817 7818 7819 7820 7821 7822 7823 7824 7825 7826 7827 7828 7829 7830 7831 7832 7833 7834 7835 7836 7837 7838 7839 7840 7841 7842 7843 7844 7845 7846 7847 7848 7849 7850 7851 7852 7853 7854 7855 7856 7857 7858 7859 7860 7861 7862 7863 7864 7865 7866 7867 7868 7869 7870 7871 7872 7873 7874 7875 7876 7877 7878 7879 7880 <div class="ai-split-feature-block-aufzraknjs3f5bu12naigenblock6d1eb7cw8y4kp"> 7881 7882 <div class="ai-split-feature-image-wrapper-aufzraknjs3f5bu12naigenblock6d1eb7cw8y4kp"> 7883 7884 <img 7885 src="//colehaan.com.ph/cdn/shop/files/50-50-Mens-Dress_6abdcbfd-1803-48bd-a3c7-b38371458937.jpg?v=1789020132&width=1200" 7886 alt="" 7887 class="ai-split-feature-image-aufzraknjs3f5bu12naigenblock6d1eb7cw8y4kp" 7888 loading="lazy" 7889 > 7890 7891 </div> 7892 7893 7894 7895 7896 <div 7897 class=" 7898 ai-split-feature-content-aufzraknjs3f5bu12naigenblock6d1eb7cw8y4kp 7899 ai-split-feature-position-top-left-aufzraknjs3f5bu12naigenblock6d1eb7cw8y4kp 7900 ai-split-feature-align-left-aufzraknjs3f5bu12naigenblock6d1eb7cw8y4kp 7901 " 7902 > 7903 7904 7905 <h2 7906 class=" 7907 ai-split-feature-headline-aufzraknjs3f5bu12naigenblock6d1eb7cw8y4kp 7908 ai-split-feature-font-libre-aufzraknjs3f5bu12naigenblock6d1eb7cw8y4kp 7909 " 7910 style=" 7911 color: #ffffff; 7912 font-size: 30px; 7913 margin-bottom: 0px; 7914 " 7915 > 7916 Men's Shoes 7917 </h2> 7918 7919 7920 7921 7922 7923 7924 7925 7926 <div 7927 class="ai-split-feature-buttons-wrapper-aufzraknjs3f5bu12naigenblock6d1eb7cw8y4kp" 7928 style=" 7929 7930 justify-content:flex-start; 7931 7932 margin-top:0px; 7933 " 7934 > 7935 7936 7937 <a 7938 href="/collections/shoes_men" 7939 class=" 7940 ai-split-feature-button-aufzraknjs3f5bu12naigenblock6d1eb7cw8y4kp 7941 ai-split-feature-button-pill-aufzraknjs3f5bu12naigenblock6d1eb7cw8y4kp 7942 ai-split-feature-font-work-aufzraknjs3f5bu12naigenblock6d1eb7cw8y4kp 7943 " 7944 style=" 7945 background: #ffffff; 7946 color: #0b0b0b; 7947 padding: 7948 8px 7949 16px; 7950 font-size: 13px; 7951 " 7952 > 7953 SHOP NOW 7954 </a> 7955 7956 7957 7958 7959 7960 </div> 7961 7962 7963 7964 </div> 7965 7966 7967 7968 7969 7970 <div 7971 class=" 7972 ai-split-feature-collection-label-aufzraknjs3f5bu12naigenblock6d1eb7cw8y4kp 7973 ai-split-feature-label-bottom-left-aufzraknjs3f5bu12naigenblock6d1eb7cw8y4kp 7974 " 7975 style="color:#ffffff;" 7976 > 7977 Broome Grand Lug Sole Plain Toe Oxfords | Broome Grand Lug Sole Bit Loafers 7978 </div> 7979 7980 7981 </div> 7982 7983 7984 7985 7986 <div class="ai-split-feature-spacer-aufzraknjs3f5bu12naigenblock6d1eb7cw8y4kp"></div> 7987 7988 7989 7990 7991 7992 7993 7994 7995 7996 7997 7998 7999 8000 8001 8002 8003 8004 8005 8006 8007 8008 8009 8010 8011 8012 8013 8014 8015 8016 8017 8018 8019 8020 8021 8022 8023 8024 8025 8026 8027 8028 8029 8030 8031 8032 8033 8034 8035 8036 8037 8038 8039 8040 8041 8042 8043 8044 8045 8046 8047 8048 8049 8050 8051 8052 8053 <div class="ai-split-feature-block-aufzraknjs3f5bu12naigenblock6d1eb7cw8y4kp"> 8054 8055 <div class="ai-split-feature-image-wrapper-aufzraknjs3f5bu12naigenblock6d1eb7cw8y4kp"> 8056 8057 <img 8058 src="//colehaan.com.ph/cdn/shop/files/50-50-Womens-Shoes_249fc0cb-7112-4fa8-9f00-0cfcb28f82da.jpg?v=1785118217&width=1200" 8059 alt="" 8060 class="ai-split-feature-image-aufzraknjs3f5bu12naigenblock6d1eb7cw8y4kp" 8061 loading="lazy" 8062 > 8063 8064 </div> 8065 8066 8067 8068 8069 <div 8070 class=" 8071 ai-split-feature-content-aufzraknjs3f5bu12naigenblock6d1eb7cw8y4kp 8072 ai-split-feature-position-top-left-aufzraknjs3f5bu12naigenblock6d1eb7cw8y4kp 8073 ai-split-feature-align-left-aufzraknjs3f5bu12naigenblock6d1eb7cw8y4kp 8074 " 8075 > 8076 8077 8078 <h2 8079 class=" 8080 ai-split-feature-headline-aufzraknjs3f5bu12naigenblock6d1eb7cw8y4kp 8081 ai-split-feature-font-libre-aufzraknjs3f5bu12naigenblock6d1eb7cw8y4kp 8082 " 8083 style=" 8084 color: #000000; 8085 font-size: 30px; 8086 margin-bottom: 0px; 8087 " 8088 > 8089 Women's Shoes 8090 </h2> 8091 8092 8093 8094 8095 8096 8097 8098 8099 <div 8100 class="ai-split-feature-buttons-wrapper-aufzraknjs3f5bu12naigenblock6d1eb7cw8y4kp" 8101 style=" 8102 8103 justify-content:flex-start; 8104 8105 margin-top:0px; 8106 " 8107 > 8108 8109 8110 <a 8111 href="/collections/women_shoes" 8112 class=" 8113 ai-split-feature-button-aufzraknjs3f5bu12naigenblock6d1eb7cw8y4kp 8114 ai-split-feature-button-pill-aufzraknjs3f5bu12naigenblock6d1eb7cw8y4kp 8115 ai-split-feature-font-work-aufzraknjs3f5bu12naigenblock6d1eb7cw8y4kp 8116 " 8117 style=" 8118 background: #000000; 8119 color: #ffffff; 8120 padding: 8121 8px 8122 16px; 8123 font-size: 13px; 8124 " 8125 > 8126 SHOP NOW 8127 </a> 8128 8129 8130 8131 8132 8133 </div> 8134 8135 8136 8137 </div> 8138 8139 8140 8141 8142 8143 <div 8144 class=" 8145 ai-split-feature-collection-label-aufzraknjs3f5bu12naigenblock6d1eb7cw8y4kp 8146 ai-split-feature-label-bottom-right-aufzraknjs3f5bu12naigenblock6d1eb7cw8y4kp 8147 " 8148 style="color:#333333;" 8149 > 8150 GrandPrø All-Day City Running Shoe 8151 </div> 8152 8153 8154 </div> 8155 8156 8157 8158 </div> 8159 8160 8161 <!-- MOBILE --> 8162 <div class="ai-split-feature-mobile-aufzraknjs3f5bu12naigenblock6d1eb7cw8y4kp"> 8163 8164 8165 8166 8167 8168 8169 8170 8171 8172 8173 8174 8175 8176 8177 8178 8179 8180 8181 8182 8183 8184 8185 8186 8187 8188 8189 8190 8191 8192 8193 8194 8195 8196 8197 8198 8199 8200 8201 8202 8203 8204 8205 8206 8207 8208 8209 8210 8211 8212 8213 8214 8215 8216 8217 8218 8219 8220 8221 8222 8223 8224 8225 8226 8227 8228 8229 8230 8231 <div class="ai-split-feature-mobile-block-aufzraknjs3f5bu12naigenblock6d1eb7cw8y4kp"> 8232 8233 8234 8235 <div 8236 class="ai-split-feature-align-center-aufzraknjs3f5bu12naigenblock6d1eb7cw8y4kp" 8237 style="padding:16px 0;" 8238 > 8239 8240 8241 8242 <h2 8243 class=" 8244 ai-split-feature-headline-aufzraknjs3f5bu12naigenblock6d1eb7cw8y4kp 8245 ai-split-feature-font-libre-aufzraknjs3f5bu12naigenblock6d1eb7cw8y4kp 8246 " 8247 style=" 8248 color: #000000; 8249 font-size: 32px; 8250 margin-bottom: 0px; 8251 " 8252 > 8253 Men's Shoes 8254 </h2> 8255 8256 8257 8258 8259 8260 8261 8262 8263 <div 8264 class="ai-split-feature-buttons-wrapper-aufzraknjs3f5bu12naigenblock6d1eb7cw8y4kp" 8265 style=" 8266 8267 justify-content:center; 8268 8269 margin-top:0px; 8270 " 8271 > 8272 8273 8274 <a 8275 href="/collections/shoes_men" 8276 class=" 8277 ai-split-feature-button-aufzraknjs3f5bu12naigenblock6d1eb7cw8y4kp 8278 ai-split-feature-button-underlined-aufzraknjs3f5bu12naigenblock6d1eb7cw8y4kp 8279 ai-split-feature-font-work-aufzraknjs3f5bu12naigenblock6d1eb7cw8y4kp 8280 " 8281 style=" 8282 background: #000000; 8283 color: #000000; 8284 padding: 8285 2px 8286 4px; 8287 font-size: 14px; 8288 " 8289 > 8290 SHOP NOW 8291 </a> 8292 8293 8294 8295 8296 8297 </div> 8298 8299 8300 8301 8302 </div> 8303 8304 8305 8306 8307 <div 8308 class="ai-split-feature-block-aufzraknjs3f5bu12naigenblock6d1eb7cw8y4kp" 8309 style="position:relative;" 8310 > 8311 8312 <div class="ai-split-feature-image-wrapper-aufzraknjs3f5bu12naigenblock6d1eb7cw8y4kp"> 8313 8314 8315 <img 8316 src="//colehaan.com.ph/cdn/shop/files/50-50-Mens-Dress_6abdcbfd-1803-48bd-a3c7-b38371458937.jpg?v=1789020132&width=800" 8317 alt="" 8318 class="ai-split-feature-image-aufzraknjs3f5bu12naigenblock6d1eb7cw8y4kp" 8319 loading="lazy" 8320 > 8321 8322 8323 </div> 8324 8325 8326 8327 8328 8329 8330 <div 8331 class=" 8332 ai-split-feature-collection-label-aufzraknjs3f5bu12naigenblock6d1eb7cw8y4kp 8333 ai-split-feature-label-bottom-left-aufzraknjs3f5bu12naigenblock6d1eb7cw8y4kp 8334 " 8335 style="color:#ffffff;" 8336 > 8337 Broome Grand Lug Sole Plain Toe Oxfords | Broome Grand Lug Sole Bit Loafers 8338 </div> 8339 8340 8341 </div> 8342 8343 8344 8345 8346 </div> 8347 8348 8349 8350 8351 8352 8353 8354 8355 8356 8357 8358 8359 8360 8361 8362 8363 8364 8365 8366 8367 8368 8369 8370 8371 8372 8373 8374 8375 8376 8377 8378 8379 8380 8381 8382 8383 8384 8385 8386 8387 8388 8389 8390 8391 8392 8393 8394 8395 8396 8397 8398 8399 8400 8401 8402 8403 8404 8405 8406 8407 8408 8409 8410 8411 8412 8413 8414 8415 <div class="ai-split-feature-mobile-block-aufzraknjs3f5bu12naigenblock6d1eb7cw8y4kp"> 8416 8417 8418 8419 <div 8420 class="ai-split-feature-align-center-aufzraknjs3f5bu12naigenblock6d1eb7cw8y4kp
8420" 8421 style="padding:16px 0;" 8422 > 8423 8424 8425 8426 <h2 8427 class=" 8428 ai-split-feature-headline-aufzraknjs3f5bu12naigenblock6d1eb7cw8y4kp 8429 ai-split-feature-font-libre-aufzraknjs3f5bu12naigenblock6d1eb7cw8y4kp 8430 " 8431 style=" 8432 color: #000000; 8433 font-size: 32px; 8434 margin-bottom: 0px; 8435 " 8436 > 8437 Women's Shoes 8438 </h2> 8439 8440 8441 8442 8443 8444 8445 8446 8447 <div 8448 class="ai-split-feature-buttons-wrapper-aufzraknjs3f5bu12naigenblock6d1eb7cw8y4kp" 8449 style=" 8450 8451 justify-content:center; 8452 8453 margin-top:0px; 8454 " 8455 > 8456 8457 8458 <a 8459 href="/collections/women_shoes" 8460 class=" 8461 ai-split-feature-button-aufzraknjs3f5bu12naigenblock6d1eb7cw8y4kp 8462 ai-split-feature-button-underlined-aufzraknjs3f5bu12naigenblock6d1eb7cw8y4kp 8463 ai-split-feature-font-work-aufzraknjs3f5bu12naigenblock6d1eb7cw8y4kp 8464 " 8465 style=" 8466 background: #000000; 8467 color: #000000; 8468 padding: 8469 2px 8470 4px; 8471 font-size: 14px; 8472 " 8473 > 8474 SHOP NOW 8475 </a> 8476 8477 8478 8479 8480 8481 </div> 8482 8483 8484 8485 8486 </div> 8487 8488 8489 8490 8491 <div 8492 class="ai-split-feature-block-aufzraknjs3f5bu12naigenblock6d1eb7cw8y4kp" 8493 style="position:relative;" 8494 > 8495 8496 <div class="ai-split-feature-image-wrapper-aufzraknjs3f5bu12naigenblock6d1eb7cw8y4kp"> 8497 8498 8499 <img 8500 src="//colehaan.com.ph/cdn/shop/files/50-50-Womens-Shoes_249fc0cb-7112-4fa8-9f00-0cfcb28f82da.jpg?v=1785118217&width=800" 8501 alt="" 8502 class="ai-split-feature-image-aufzraknjs3f5bu12naigenblock6d1eb7cw8y4kp" 8503 loading="lazy" 8504 > 8505 8506 8507 </div> 8508 8509 8510 8511 8512 8513 8514 <div 8515 class=" 8516 ai-split-feature-collection-label-aufzraknjs3f5bu12naigenblock6d1eb7cw8y4kp 8517 ai-split-feature-label-bottom-right-aufzraknjs3f5bu12naigenblock6d1eb7cw8y4kp 8518 " 8519 style="color:#333333;" 8520 > 8521 GrandPrø All-Day City Running Shoe 8522 </div> 8523 8524 8525 </div> 8526 8527 8528 8529 8530 </div> 8531 8532 8533 8534 </div> 8535 8536</split-feature-aufzraknjs3f5bu12naigenblock6d1eb7cw8y4kp> 8537 8538
8539<script> 8540 (function() { 8541 class SplitFeatureaufzraknjs3f5bu12naigenblock6d1eb7cw8y4kp extends HTMLElement { 8542 constructor() { 8543 super(); 8544 } 8545 } 8546 8547 if (!customElements.get('split-feature-aufzraknjs3f5bu12naigenblock6d1eb7cw8y4kp')) { 8548 customElements.define( 8549 'split-feature-aufzraknjs3f5bu12naigenblock6d1eb7cw8y4kp', 8550 SplitFeatureaufzraknjs3f5bu12naigenblock6d1eb7cw8y4kp 8551 ); 8552 } 8553 })(); 8554</script>
8554 8555 8556 8557</div> 8558 8559 8560</div><div id="shopify-section-template--23890806309108__collection_slider_Yy8JDc" class="shopify-section"><style> 8561 .flex { 8562 display: flex; 8563 } 8564 8565 .justify-content-center { 8566 justify-content: center; 8567 } 8568 8569 .hp-cat-banner { 8570 padding: 1.6em 0 0.8em; 8571 } 8572 .hp-cat-banner .indicators { 8573 position: absolute; 8574 width: 62px; 8575 right: 0px; 8576 top: -42px; 8577 } 8578 .hp-cat-banner-arrows { 8579 text-align: right; 8580 width: inherit; 8581 } 8582 .hp-cat-banner-arrows .glide__arrow { 8583 border: none; 8584 background-color: initial; 8585 font-size: 20px; 8586 cursor: pointer; 8587 } 8588 .hp-cat-banner-arrows .glide__arrow span { 8589 color: #000; 8590 } 8591 .hp-cat-banner .glide__slide a .hero-tagline { 8592 font-family: 'Work Sans Regular'; 8593 color: #000000; 8594 top: 90%; 8595 font-size: 20px; 8596 z-index: 1; 8597 } 8598 .hp-cat-banner .glide__bullets { 8599 display: none; 8600 } 8601 .hp-cat-banner .glide__slide { 8602 background-color: #000; 8603 } 8604 .hp-cat-banner .glide__slide img { 8605 opacity: 95%; 8606 } 8607 .glide-slide-wrapper .glide__slide a { 8608 height: 100%; 8609 display: block; 8610 } 8611 #shopify-section-template--23890806309108__collection_slider_Yy8JDc .hp-cat-banner .glide__slide{ 8612 background: transparent !important; 8613 } 8614 @media (max-width: 767px) { 8615 .hp-cat-banner .glide__slide a .hero-tagline { 8616 font-size: 20px; 8617 } 8618 .hp-cat-banner { 8619 padding: 3em 0 0; 8620 } 8621 .hp-cat-banner .indicators { 8622 display: none; 8623 } 8624 } 8625 8626 @media (min-width: 991px) { 8627 .hp-cat-banner.glide-slide-wrapper .glide__slide { 8628 /* width: 16.1% !important; */ 8629 } 8630 } 8631</style> 8632<div class="mb-lg-4 mb-5 glide-slide-wrapper hp-cat-banner" style="margin-top:3rem !important;" id="section-custom--template--23890806309108__collection_slider_Yy8JDc"> 8633 <div class="glide glide-hp-cat glide-cat pt-md-1 pb-2"> 8634 <div class="indicators"> 8635 <div 8636 class="glide__arrows rec-slider-nav flex justify-content-center hp-cat-banner-arrows" 8637 data-glide-el="controls" 8638 > 8639 <button class="glide__arrow glide__arrow--prev text-black" data-glide-dir="<"> 8640 <span class="fa icon-caret-left"></span> 8641 </button> 8642 <button class="glide__arrow glide__arrow--next text-black" data-glide-dir=">"> 8643 <span class="fa icon-caret-right"></span> 8644 </button> 8645 </div> 8646 8647 </div> 8648 <div class="glide__track" data-glide-el="track"> 8649 <ul class="glide__slides" style="max-width:100%; overflow: visible;"> 8650 8651 8652 8653 <li class="glide__slide"> 8654 <style> 8655 #shopify-section-template--23890806309108__collection_slider_Yy8JDc .block-id-1 a .hero-tagline, 8656 #shopify-section-template--23890806309108__collection_slider_Yy8JDc .block-id-1.hero-tagline{ 8657 font-family: "Work Sans", sans-serif; 8658 8659 font-style: normal; 8660 8661 } 8662 #shopify-section-template--23890806309108__collection_slider_Yy8JDc .hero-tagline.position-relative { 8663 top: unset; 8664 color: #000000; 8665 font-size: 20px; 8666 margin-top: 18px; 8667 } 8668 </style> 8669 <div class="position-relative text-center block-id-1"> 8670 <a href="/collections/men_shoes_sneakers?cta=HP_5_Graphic_Cat_"> 8671 8672 <picture> 8673 <source 8674 type="image/webp" 8675 media="(max-width:991px)" 8676 srcset="//colehaan.com.ph/cdn/shop/files/Cole-Haan-Category-HP-Mens-Sneakers-C44252.jpg?v=1790742263" 8677 > 8678 <source media="(max-width:991px)" srcset="//colehaan.com.ph/cdn/shop/files/Cole-Haan-Category-HP-Mens-Sneakers-C44252.jpg?v=1790742263"> 8679 <source type="image/webp" srcset="//colehaan.com.ph/cdn/shop/files/Cole-Haan-Category-HP-Mens-Sneakers-C44252.jpg?v=1790742263"> 8680 <img 8681 class="w-100" 8682 src="//colehaan.com.ph/cdn/shop/files/Cole-Haan-Category-HP-Mens-Sneakers-C44252.jpg?v=1790742263" 8683 alt="" 8684 loading="lazy" 8685 > 8686 </picture> 8687 </a> 8688 </div> 8689 8690 <div style="max-height: 50px;" class="block-id-1 hero-tagline w-100 position-relative text-center"> 8691 <a href="/collections/men_shoes_sneakers?cta=HP_5_Graphic_Cat_">
8692 <span>MEN'S SNEAKERS</span> 8693 </a> 8694 </div> 8695 8696 </li> 8697 8698 8699 <li class="glide__slide"> 8700 <style> 8701 #shopify-section-template--23890806309108__collection_slider_Yy8JDc .block-id-2 a .hero-tagline, 8702 #shopify-section-template--23890806309108__collection_slider_Yy8JDc .block-id-2.hero-tagline{ 8703 font-family: "Work Sans", sans-serif; 8704 8705 font-style: normal; 8706 8707 } 8708 #shopify-section-template--23890806309108__collection_slider_Yy8JDc .hero-tagline.position-relative { 8709 top: unset; 8710 color: #000000; 8711 font-size: 20px; 8712 margin-top: 18px; 8713 } 8714 </style> 8715 <div class="position-relative text-center block-id-2"> 8716 <a href="/collections/women_shoes_sneakers?cta=HP_5_Graphic_Cat_"> 8717 8718 <picture> 8719 <source 8720 type="image/webp" 8721 media="(max-width:991px)" 8722 srcset="//colehaan.com.ph/cdn/shop/files/Cole-Haan-Category-HP-Womens-Sneakers-W37710.jpg?v=1790742385" 8723 > 8724 <source media="(max-width:991px)" srcset="//colehaan.com.ph/cdn/shop/files/Cole-Haan-Category-HP-Womens-Sneakers-W37710.jpg?v=1790742385"> 8725 <source type="image/webp" srcset="//colehaan.com.ph/cdn/shop/files/Cole-Haan-Category-HP-Womens-Sneakers-W37710.jpg?v=1790742385"> 8726 <img 8727 class="w-100" 8728 src="//colehaan.com.ph/cdn/shop/files/Cole-Haan-Category-HP-Womens-Sneakers-W37710.jpg?v=1790742385" 8729 alt="" 8730 loading="lazy" 8731 > 8732 </picture> 8733 </a> 8734 </div> 8735 8736 <div style="max-height: 50px;" class="block-id-2 hero-tagline w-100 position-relative text-center"> 8737 <a href="/collections/women_shoes_sneakers?cta=HP_5_Graphic_Cat_"> 8738 <span>WOMEN'S SNEAKERS</span> 8739 </a> 8740 </div> 8741 8742 </li> 8743 8744 8745 <li class="glide__slide"> 8746 <style> 8747 #shopify-section-template--23890806309108__collection_slider_Yy8JDc .block-id-3 a .hero-tagline, 8748 #shopify-section-template--23890806309108__collection_slider_Yy8JDc .block-id-3.hero-tagline{ 8749 font-family: "Work Sans", sans-serif; 8750 8751 font-style: normal; 8752 8753 } 8754 #shopify-section-template--23890806309108__collection_slider_Yy8JDc .hero-tagline.position-relative { 8755 top: unset; 8756 color: #000000; 8757 font-size: 20px; 8758 margin-top: 18px; 8759 } 8760 </style> 8761 <div class="position-relative text-center block-id-3"> 8762 <a href="/collections/men_shoes_dress-shoes?cta=HP_5_Graphic_Cat_"> 8763 8764 <picture> 8765 <source 8766 type="image/webp" 8767 media="(max-width:991px)" 8768 srcset="//colehaan.com.ph/cdn/shop/files/Cole-Haan-Category-HP-Mens-Dress-C45676.jpg?v=1790742665" 8769 > 8770 <source media="(max-width:991px)" srcset="//colehaan.com.ph/cdn/shop/files/Cole-Haan-Category-HP-Mens-Dress-C45676.jpg?v=1790742665"> 8771 <source type="image/webp" srcset="//colehaan.com.ph/cdn/shop/files/Cole-Haan-Category-HP-Mens-Dress-C45676.jpg?v=1790742665"> 8772 <img 8773 class="w-100" 8774 src="//colehaan.com.ph/cdn/shop/files/Cole-Haan-Category-HP-Mens-Dress-C45676.jpg?v=1790742665" 8775 alt="" 8776 loading="lazy" 8777 > 8778 </picture> 8779 </a> 8780 </div> 8781 8782 <div style="max-height: 50px;" class="block-id-3 hero-tagline w-100 position-relative text-center"> 8783 <a href="/collections/men_shoes_dress-shoes?cta=HP_5_Graphic_Cat_">
8784 <span>MEN'S DRESS SHOES</span> 8785 </a> 8786 </div> 8787 8788 </li> 8789 8790 8791 <li class="glide__slide"> 8792 <style> 8793 #shopify-section-template--23890806309108__collection_slider_Yy8JDc .block-id-4 a .hero-tagline, 8794 #shopify-section-template--23890806309108__collection_slider_Yy8JDc .block-id-4.hero-tagline{ 8795 font-family: "Work Sans", sans-serif; 8796 8797 font-style: normal; 8798 8799 } 8800 #shopify-section-template--23890806309108__collection_slider_Yy8JDc .hero-tagline.position-relative { 8801 top: unset; 8802 color: #000000; 8803 font-size: 20px; 8804 margin-top: 18px; 8805 } 8806 </style> 8807 <div class="position-relative text-center block-id-4"> 8808 <a href="/collections/womens-flats-and-ballet-shoes?cta=HP_5_Graphic_Cat_"> 8809 8810 <picture> 8811 <source 8812 type="image/webp" 8813 media="(max-width:991px)" 8814 srcset="//colehaan.com.ph/cdn/shop/files/Cole-Haan-Category-HP-Womens-Sandals-W36688.jpg?v=1789028761" 8815 > 8816 <source media="(max-width:991px)" srcset="//colehaan.com.ph/cdn/shop/files/Cole-Haan-Category-HP-Womens-Sandals-W36688.jpg?v=1789028761"> 8817 <source type="image/webp" srcset="//colehaan.com.ph/cdn/shop/files/Cole-Haan-Category-HP-Womens-Sandals-W36688.jpg?v=1789028761"> 8818 <img 8819 class="w-100" 8820 src="//colehaan.com.ph/cdn/shop/files/Cole-Haan-Category-HP-Womens-Sandals-W36688.jpg?v=1789028761" 8821 alt="" 8822 loading="lazy" 8823 > 8824 </picture> 8825 </a> 8826 </div> 8827 8828 <div style="max-height: 50px;" class="block-id-4 hero-tagline w-100 position-relative text-center"> 8829 <a href="/collections/womens-flats-and-ballet-shoes?cta=HP_5_Graphic_Cat_"> 8830 <span>WOMEN'S FLATS</span> 8831 </a> 8832 </div> 8833 8834 </li> 8835 8836 8837 <li class="glide__slide"> 8838 <style> 8839 #shopify-section-template--23890806309108__collection_slider_Yy8JDc .block-id-5 a .hero-tagline, 8840 #shopify-section-template--23890806309108__collection_slider_Yy8JDc .block-id-5.hero-tagline{ 8841 font-family: "Work Sans", sans-serif; 8842 8843 font-style: normal; 8844 8845 } 8846 #shopify-section-template--23890806309108__collection_slider_Yy8JDc .hero-tagline.position-relative { 8847 top: unset; 8848 color: #000000; 8849 font-size: 20px; 8850 margin-top: 18px; 8851 } 8852 </style> 8853 <div class="position-relative text-center block-id-5"> 8854 <a href="/collections/men_shoes_oxfords?cta=HP_5_Graphic_Cat_"> 8855 8856 <picture> 8857 <source 8858 type="image/webp" 8859 media="(max-width:991px)" 8860 srcset="//colehaan.com.ph/cdn/shop/files/Cole-Haan-Category-HP-Mens-Oxfords-C44230.jpg?v=1790746593" 8861 > 8862 <source media="(max-width:991px)" srcset="//colehaan.com.ph/cdn/shop/files/Cole-Haan-Category-HP-Mens-Oxfords-C44230.jpg?v=1790746593"> 8863 <source type="image/webp" srcset="//colehaan.com.ph/cdn/shop/files/Cole-Haan-Category-HP-Mens-Oxfords-C44230.jpg?v=1790746593"> 8864 <img 8865 class="w-100" 8866 src="//colehaan.com.ph/cdn/shop/files/Cole-Haan-Category-HP-Mens-Oxfords-C44230.jpg?v=1790746593" 8867 alt="" 8868 loading="lazy" 8869 > 8870 </picture> 8871 </a> 8872 </div> 8873 8874 <div style="max-height: 50px;" class="block-id-5 hero-tagline w-100 position-relative text-center"> 8875 <a href="/collections/men_shoes_oxfords?cta=HP_5_Graphic_Cat_">
8876 <span>MEN'S OXFORDS</span> 8877 </a> 8878 </div> 8879 8880 </li> 8881 8882 8883 <li class="glide__slide"> 8884 <style> 8885 #shopify-section-template--23890806309108__collection_slider_Yy8JDc .block-id-6 a .hero-tagline, 8886 #shopify-section-template--23890806309108__collection_slider_Yy8JDc .block-id-6.hero-tagline{ 8887 font-family: "Work Sans", sans-serif; 8888 8889 font-style: normal; 8890 8891 } 8892 #shopify-section-template--23890806309108__collection_slider_Yy8JDc .hero-tagline.position-relative { 8893 top: unset; 8894 color: #000000; 8895 font-size: 20px; 8896 margin-top: 18px; 8897 } 8898 </style> 8899 <div class="position-relative text-center block-id-6"> 8900 <a href="/collections/women_shoes_oxfords?cta=HP_5_Graphic_Cat_"> 8901 8902 <picture> 8903 <source 8904 type="image/webp" 8905 media="(max-width:991px)" 8906 srcset="//colehaan.com.ph/cdn/shop/files/Cole-Haan-Category-HP-Womens-Oxfords-W36137_3a9e7b55-9259-4a2f-bcd1-254e3b3c6ed8.jpg?v=1790923023" 8907 > 8908 <source media="(max-width:991px)" srcset="//colehaan.com.ph/cdn/shop/files/Cole-Haan-Category-HP-Womens-Oxfords-W36137_3a9e7b55-9259-4a2f-bcd1-254e3b3c6ed8.jpg?v=1790923023"> 8909 <source type="image/webp" srcset="//colehaan.com.ph/cdn/shop/files/Cole-Haan-Category-HP-Womens-Oxfords-W36137_3a9e7b55-9259-4a2f-bcd1-254e3b3c6ed8.jpg?v=1790923023"> 8910 <img 8911 class="w-100" 8912 src="//colehaan.com.ph/cdn/shop/files/Cole-Haan-Category-HP-Womens-Oxfords-W36137_3a9e7b55-9259-4a2f-bcd1-254e3b3c6ed8.jpg?v=1790923023" 8913 alt="" 8914 loading="lazy" 8915 > 8916 </picture> 8917 </a> 8918 </div> 8919 8920 <div style="max-height: 50px;" class="block-id-6 hero-tagline w-100 position-relative text-center"> 8921 <a href="/collections/women_shoes_oxfords?cta=HP_5_Graphic_Cat_"> 8922 <span>WOMEN'S OXFORDS</span> 8923 </a> 8924 </div> 8925 8926 </li> 8927 8928 8929 <li class="glide__slide"> 8930 <style> 8931 #shopify-section-template--23890806309108__collection_slider_Yy8JDc .block-id-7 a .hero-tagline, 8932 #shopify-section-template--23890806309108__collection_slider_Yy8JDc .block-id-7.hero-tagline{ 8933 font-family: "Work Sans", sans-serif; 8934 8935 font-style: normal; 8936 8937 } 8938 #shopify-section-template--23890806309108__collection_slider_Yy8JDc .hero-tagline.position-relative { 8939 top: unset; 8940 color: #000000; 8941 font-size: 20px; 8942 margin-top: 18px; 8943 } 8944 </style> 8945 <div class="position-relative text-center block-id-7"> 8946 <a href="/collections/men_shoes_loafers-and-drivers?cta=HP_5_Graphic_Cat_"> 8947 8948 <picture> 8949 <source 8950 type="image/webp" 8951 media="(max-width:991px)" 8952 srcset="//colehaan.com.ph/cdn/shop/files/Cole-Haan-Category-HP-Mens-Loafers-c43933.jpg?v=1782814942" 8953 > 8954 <source media="(max-width:991px)" srcset="//colehaan.com.ph/cdn/shop/files/Cole-Haan-Category-HP-Mens-Loafers-c43933.jpg?v=1782814942"> 8955 <source type="image/webp" srcset="//colehaan.com.ph/cdn/shop/files/Cole-Haan-Category-HP-Mens-Loafers-c43933.jpg?v=1782814942"> 8956 <img 8957 class="w-100" 8958 src="//colehaan.com.ph/cdn/shop/files/Cole-Haan-Category-HP-Mens-Loafers-c43933.jpg?v=1782814942" 8959 alt="" 8960 loading="lazy" 8961 > 8962 </picture> 8963 </a> 8964 </div> 8965 8966 <div style="max-height: 50px;" class="block-id-7 hero-tagline w-100 position-relative text-center"> 8967 <a href="/collections/men_shoes_loafers-and-drivers?cta=HP_5_Graphic_Cat_">
8968 <span>MEN'S LOAFERS</span> 8969 </a> 8970 </div> 8971 8972 </li> 8973 8974 8975 <li class="glide__slide"> 8976 <style> 8977 #shopify-section-template--23890806309108__collection_slider_Yy8JDc .block-id-8 a .hero-tagline, 8978 #shopify-section-template--23890806309108__collection_slider_Yy8JDc .block-id-8.hero-tagline{ 8979 font-family: "Work Sans", sans-serif; 8980 8981 font-style: normal; 8982 8983 } 8984 #shopify-section-template--23890806309108__collection_slider_Yy8JDc .hero-tagline.position-relative { 8985 top: unset; 8986 color: #000000; 8987 font-size: 20px; 8988 margin-top: 18px; 8989 } 8990 </style> 8991 <div class="position-relative text-center block-id-8"> 8992 <a href="/collections/women_shoes_loafers-and-drivers?cta=HP_5_Graphic_Cat_"> 8993 8994 <picture> 8995 <source 8996 type="image/webp" 8997 media="(max-width:991px)" 8998 srcset="//colehaan.com.ph/cdn/shop/files/Cole-Haan-Category-HP-Womens-Loafers-w36463.jpg?v=1790921113" 8999 > 9000 <source media="(max-width:991px)" srcset="//colehaan.com.ph/cdn/shop/files/Cole-Haan-Category-HP-Womens-Loafers-w36463.jpg?v=1790921113"> 9001 <source type="image/webp" srcset="//colehaan.com.ph/cdn/shop/files/Cole-Haan-Category-HP-Womens-Loafers-w36463.jpg?v=1790921113"> 9002 <img 9003 class="w-100" 9004 src="//colehaan.com.ph/cdn/shop/files/Cole-Haan-Category-HP-Womens-Loafers-w36463.jpg?v=1790921113" 9005 alt="" 9006 loading="lazy" 9007 > 9008 </picture> 9009 </a> 9010 </div> 9011 9012 <div style="max-height: 50px;" class="block-id-8 hero-tagline w-100 position-relative text-center"> 9013 <a href="/collections/women_shoes_loafers-and-drivers?cta=HP_5_Graphic_Cat_"> 9014 <span>WOMEN'S LOAFERS</span> 9015 </a> 9016 </div> 9017 9018 </li> 9019 9020 9021 <li class="glide__slide"> 9022 <style> 9023 #shopify-section-template--23890806309108__collection_slider_Yy8JDc .block-id-9 a .hero-tagline, 9024 #shopify-section-template--23890806309108__collection_slider_Yy8JDc .block-id-9.hero-tagline{ 9025 font-family: "Work Sans", sans-serif; 9026 9027 font-style: normal; 9028 9029 } 9030 #shopify-section-template--23890806309108__collection_slider_Yy8JDc .hero-tagline.position-relative { 9031 top: unset; 9032 color: #000000; 9033 font-size: 20px; 9034 margin-top: 18px; 9035 } 9036 </style> 9037 <div class="position-relative text-center block-id-9"> 9038 <a href="/collections/men_bags-and-accessories_bags-and-backpacks?cta=HP_5_Graphic_Cat_"> 9039 9040 <picture> 9041 <source 9042 type="image/webp" 9043 media="(max-width:991px)" 9044 srcset="//colehaan.com.ph/cdn/shop/files/Cole-Haan-Category-HP-Mens-Bags-f12830.jpg?v=1790748163" 9045 > 9046 <source media="(max-width:991px)" srcset="//colehaan.com.ph/cdn/shop/files/Cole-Haan-Category-HP-Mens-Bags-f12830.jpg?v=1790748163"> 9047 <source type="image/webp" srcset="//colehaan.com.ph/cdn/shop/files/Cole-Haan-Category-HP-Mens-Bags-f12830.jpg?v=1790748163"> 9048 <img 9049 class="w-100" 9050 src="//colehaan.com.ph/cdn/shop/files/Cole-Haan-Category-HP-Mens-Bags-f12830.jpg?v=1790748163" 9051 alt="" 9052 loading="lazy" 9053 > 9054 </picture> 9055 </a> 9056 </div> 9057 9058 <div style="max-height: 50px;" class="block-id-9 hero-tagline w-100 position-relative text-center"> 9059 <a href="/collections/men_bags-and-accessories_bags-and-backpacks?cta=HP_5_Graphic_Cat_">
9060 <span>MEN'S BAGS</span> 9061 </a> 9062 </div> 9063 9064 </li> 9065 9066 9067 <li class="glide__slide"> 9068 <style> 9069 #shopify-section-template--23890806309108__collection_slider_Yy8JDc .block-id-10 a .hero-tagline, 9070 #shopify-section-template--23890806309108__collection_slider_Yy8JDc .block-id-10.hero-tagline{ 9071 font-family: "Work Sans", sans-serif; 9072 9073 font-style: normal; 9074 9075 } 9076 #shopify-section-template--23890806309108__collection_slider_Yy8JDc .hero-tagline.position-relative { 9077 top: unset; 9078 color: #000000; 9079 font-size: 20px; 9080 margin-top: 18px; 9081 } 9082 </style> 9083 <div class="position-relative text-center block-id-10"> 9084 <a href="/collections/women_bags-and-accessories?cta=HP_5_Graphic_Cat_"> 9085 9086 <picture> 9087 <source 9088 type="image/webp" 9089 media="(max-width:991px)" 9090 srcset="//colehaan.com.ph/cdn/shop/files/Cole-Haan-Category-HP-Womens-Bags-u08465.jpg?v=1790748266" 9091 > 9092 <source media="(max-width:991px)" srcset="//colehaan.com.ph/cdn/shop/files/Cole-Haan-Category-HP-Womens-Bags-u08465.jpg?v=1790748266"> 9093 <source type="image/webp" srcset="//colehaan.com.ph/cdn/shop/files/Cole-Haan-Category-HP-Womens-Bags-u08465.jpg?v=1790748266"> 9094 <img 9095 class="w-100" 9096 src="//colehaan.com.ph/cdn/shop/files/Cole-Haan-Category-HP-Womens-Bags-u08465.jpg?v=1790748266" 9097 alt="" 9098 loading="lazy" 9099 > 9100 </picture> 9101 </a> 9102 </div> 9103 9104 <div style="max-height: 50px;" class="block-id-10 hero-tagline w-100 position-relative text-center"> 9105 <a href="/collections/women_bags-and-accessories?cta=HP_5_Graphic_Cat_"> 9106 <span>WOMEN'S BAGS</span> 9107 </a> 9108 </div> 9109 9110 </li> 9111 9112 </ul> 9113 </div> 9114 </div> 9115</div> 9116 9117 9118
9118<script> 9119 document.addEventListener("DOMContentLoaded", function(event){ 9120 var glideCat = new Glide('#section-custom--template--23890806309108__collection_slider_Yy8JDc .glide-cat', { 9121 type: 'carousel', 9122 animationDuration: 1000, 9123 startAt: 0, 9124 focusAt: 0, 9125 perView: 4, 9126 gap: 10, 9127 peek: 40, 9128 breakpoints: {'991': {'perView':2, 'peek': 20}, '500': {'perView':1, 'peek': 30}}, 9129 9130 }); 9131 glideCat.mount({}); 9132 }) 9133 </script>
9133 9134 9135 9136 9137 9138 9139 9140 9141</div><div id="shopify-section-template--23890806309108__blocks_Mr7tLq" class="shopify-section"><div id="shopify-block-AdXRBVitPTGlZVW1He__ai_gen_block_443a8f6_tpRTGe" class="shopify-block"> 9142 9143 9144<style data-shopify> 9145 .ai-hero-banner-adxrbvitptglzvw1heaigenblock443a8f6tprtge { 9146 position: relative; 9147 width: 100%; 9148 display: block; 9149 } 9150 9151 .ai-hero-banner-desktop-adxrbvitptglzvw1heaigenblock443a8f6tprtge { 9152 display: none; 9153 position: relative; 9154 width: 100%; 9155 } 9156 9157 .ai-hero-banner-desktop-media-wrapper-adxrbvitptglzvw1heaigenblock443a8f6tprtge { 9158 position: relative; 9159 width: 100%; 9160 height: 85vh; 9161 overflow: hidden; 9162 } 9163 9164 .ai-hero-banner-mobile-adxrbvitptglzvw1heaigenblock443a8f6tprtge { 9165 display: block; 9166 width: 100%; 9167 } 9168 9169 .ai-hero-banner-mobile-media-wrapper-adxrbvitptglzvw1heaigenblock443a8f6tprtge { 9170 position: relative; 9171 width: 100%; 9172 height: auto; 9173 } 9174 9175 .ai-hero-banner-video-adxrbvitptglzvw1heaigenblock443a8f6tprtge, 9176 .ai-hero-banner-image-adxrbvitptglzvw1heaigenblock443a8f6tprtge { 9177 width: 100%; 9178 height: 100%; 9179 object-fit: cover; 9180 } 9181 9182 .ai-hero-banner-mobile-video-adxrbvitptglzvw1heaigenblock443a8f6tprtge, 9183 .ai-hero-banner-mobile-image-adxrbvitptglzvw1heaigenblock443a8f6tprtge { 9184 width: 100%; 9185 height: auto; 9186 display: block; 9187 } 9188 9189 .ai-hero-banner-overlay-content-adxrbvitptglzvw1heaigenblock443a8f6tprtge { 9190 display: none; 9191 } 9192 9193 .ai-hero-banner-overlay-content-adxrbvitptglzvw1heaigenblock443a8f6tprtge.overlay { 9194 position: absolute; 9195 z-index: 2; 9196 width: 90%; 9197 max-width: 800px; 9198 } 9199 9200 .ai-hero-banner-overlay-content-adxrbvitptglzvw1heaigenblock443a8f6tprtge.overlay.top-left { 9201 top: 40px; 9202 left: 40px; 9203 transform: none; 9204 } 9205 9206 .ai-hero-banner-overlay-content-adxrbvitptglzvw1heaigenblock443a8f6tprtge.overlay.top-center { 9207 top: 40px; 9208 left: 50%; 9209 transform: translateX(-50%); 9210 } 9211 9212 .ai-hero-banner-overlay-content-adxrbvitptglzvw1heaigenblock443a8f6tprtge.overlay.top-right { 9213 top: 40px; 9214 right: 40px; 9215 left: auto; 9216 transform: none; 9217 } 9218 9219 .ai-hero-banner-overlay-content-adxrbvitptglzvw1heaigenblock443a8f6tprtge.overlay.middle-left { 9220 top: 50%; 9221 left: 40px; 9222 transform: translateY(-50%); 9223 } 9224 9225 .ai-hero-banner-overlay-content-adxrbvitptglzvw1heaigenblock443a8f6tprtge.overlay.middle-center { 9226 top: 50%; 9227 left: 50%; 9228 transform: translate(-50%, -50%); 9229 } 9230 9231 .ai-hero-banner-overlay-content-adxrbvitptglzvw1heaigenblock443a8f6tprtge.overlay.middle-right { 9232 top: 50%; 9233 right: 40px; 9234 left: auto; 9235 transform: translateY(-50%); 9236 } 9237 9238 .ai-hero-banner-overlay-content-adxrbvitptglzvw1heaigenblock443a8f6tprtge.overlay.bottom-left { 9239 bottom: 40px; 9240 left: 40px; 9241 top: auto; 9242 transform: none; 9243 } 9244 9245 .ai-hero-banner-overlay-content-adxrbvitptglzvw1heaigenblock443a8f6tprtge.overlay.bottom-center { 9246 bottom: 40px; 9247 left: 50%; 9248 top: auto; 9249 transform: translateX(-50%); 9250 } 9251 9252 .ai-hero-banner-overlay-content-adxrbvitptglzvw1heaigenblock443a8f6tprtge.overlay.bottom-right { 9253 bottom: 40px; 9254 right: 40px; 9255 left: auto; 9256 top: auto; 9257 transform: none; 9258 } 9259 9260 .ai-hero-banner-overlay-content-adxrbvitptglzvw1heaigenblock443a8f6tprtge.text-left { 9261 text-align: left; 9262 } 9263 9264 .ai-hero-banner-overlay-content-adxrbvitptglzvw1heaigenblock443a8f6tprtge.text-center { 9265 text-align: center; 9266 } 9267 9268 .ai-hero-banner-overlay-content-adxrbvitptglzvw1heaigenblock443a8f6tprtge.text-right { 9269 text-align: right; 9270 } 9271 9272 .ai-hero-banner-external-content-adxrbvitptglzvw1heaigenblock443a8f6tprtge { 9273 background-color: #ffffff; 9274 padding: 40px; 9275 width: 100%; 9276 } 9277 9278 .ai-hero-banner-headline-adxrbvitptglzvw1heaigenblock443a8f6tprtge { 9279 font-family: 'Libre Bodoni', serif; 9280 font-weight: normal; 9281 color: #ffffff; 9282 font-size: 56px; 9283 margin: 0 0 16px; 9284 } 9285 9286 .ai-hero-banner-overlay-content-adxrbvitptglzvw1heaigenblock443a8f6tprtge.overlay .ai-hero-banner-headline-adxrbvitptglzvw1heaigenblock443a8f6tprtge { 9287 text-shadow: 0 2px 4px rgba(0, 0, 0, 0.3); 9288 } 9289 9290 .ai-hero-banner-subheadline-adxrbvitptglzvw1heaigenblock443a8f6tprtge { 9291 font-family: 'Work Sans', sans-serif; 9292 font-weight: 400; 9293 color: #ffffff; 9294 font-size: 16px; 9295 margin: 0 0 24px; 9296 } 9297 9298 .ai-hero-banner-overlay-content-adxrbvitptglzvw1heaigenblock443a8f6tprtge.overlay .ai-hero-banner-subheadline-adxrbvitptglzvw1heaigenblock443a8f6tprtge { 9299 text-shadow: 0 2px 4px rgba(0, 0, 0, 0.3); 9300 } 9301 9302 .ai-hero-banner-buttons-adxrbvitptglzvw1heaigenblock443a8f6tprtge { 9303 display: flex; 9304 gap: 16px; 9305 flex-wrap: wrap; 9306 } 9307 9308 .ai-hero-banner-overlay-content-adxrbvitptglzvw1heaigenblock443a8f6tprtge.text-left .ai-hero-banner-buttons-adxrbvitptglzvw1heaigenblock443a8f6tprtge { 9309 justify-content: flex-start; 9310 } 9311 9312 .ai-hero-banner-overlay-content-adxrbvitptglzvw1heaigenblock443a8f6tprtge.text-center .ai-hero-banner-buttons-adxrbvitptglzvw1heaigenblock443a8f6tprtge { 9313 justify-content: center; 9314 } 9315 9316 .ai-hero-banner-overlay-content-adxrbvitptglzvw1heaigenblock443a8f6tprtge.text-right .ai-hero-banner-buttons-adxrbvitptglzvw1heaigenblock443a8f6tprtge { 9317 justify-content: flex-end; 9318 } 9319 9320 .ai-hero-banner-button-adxrbvitptglzvw1heaigenblock443a8f6tprtge { 9321 display: inline-block; 9322 padding: 14px 28px; 9323 background-color: #ffffff; 9324 color: #000000; 9325 text-decoration: none; 9326 font-family: 'Work Sans', sans-serif; 9327 font-weight: 600; 9328 font-size: 14px; 9329 transition: opacity 0.3s ease, background-color 0.3s ease, color 0.3s ease; 9330 border: none; 9331 cursor: pointer; 9332 } 9333 9334 .ai-hero-banner-button-adxrbvitptglzvw1heaigenblock443a8f6tprtge.pill-rounded { 9335 border-radius: 50px; 9336 } 9337 9338 .ai-hero-banner-button-adxrbvitptglzvw1heaigenblock443a8f6tprtge.pill-rounded-transparent { 9339 border-radius: 50px; 9340 background-color: transparent; 9341 border: 2px solid #ffffff; 9342 color: #ffffff; 9343 } 9344 9345 .ai-hero-banner-button-adxrbvitptglzvw1heaigenblock443a8f6tprtge.pill-rounded-transparent:hover { 9346 background-color: #ffffff; 9347 color: #000000; 9348 } 9349 9350 .ai-hero-banner-button-adxrbvitptglzvw1heaigenblock443a8f6tprtge.underlined { 9351 border-radius: 0; 9352 background-color: transparent; 9353 border: none; 9354 border-bottom: 2px solid #ffffff; 9355 color: #ffffff; 9356 padding: 8px 0; 9357 } 9358 9359 .ai-hero-banner-button-adxrbvitptglzvw1heaigenblock443a8f6tprtge.underlined:hover { 9360 opacity: 0.7; 9361 } 9362 9363 .ai-hero-banner-button-adxrbvitptglzvw1heaigenblock443a8f6tprtge.rectangular { 9364 border-radius: 0; 9365 } 9366 9367 .ai-hero-banner-button-adxrbvitptglzvw1heaigenblock443a8f6tprtge.rectangular-transparent { 9368 border-radius: 0; 9369 background-color: transparent; 9370 border: 2px solid #ffffff; 9371 color: #ffffff; 9372 } 9373 9374 .ai-hero-banner-button-adxrbvitptglzvw1heaigenblock443a8f6tprtge.rectangular-transparent:hover { 9375 background-color: #ffffff; 9376 color: #000000; 9377 } 9378 9379 .ai-hero-banner-button-adxrbvitptglzvw1heaigenblock443a8f6tprtge:not(.underlined):not(.pill-rounded-transparent):not(.rectangular-transparent):hover { 9380 opacity: 0.8; 9381 } 9382 9383 .ai-hero-banner-separated-buttons-adxrbvitptglzvw1heaigenblock443a8f6tprtge { 9384 position: absolute; 9385 z-index: 3; 9386 display: flex; 9387 gap: 16px; 9388 flex-wrap: wrap; 9389 } 9390 9391 .ai-hero-banner-separated-buttons-adxrbvitptglzvw1heaigenblock443a8f6tprtge.overlay-top-left { 9392 top: 40px; 9393 left: 40px; 9394 } 9395 9396 .ai-hero-banner-separated-buttons-adxrbvitptglzvw1heaigenblock443a8f6tprtge.overlay-top-center { 9397 top: 40px; 9398 left: 50%; 9399 transform: translateX(-50%); 9400 } 9401 9402 .ai-hero-banner-separated-buttons-adxrbvitptglzvw1heaigenblock443a8f6tprtge.overlay-top-right { 9403 top: 40px; 9404 right: 40px; 9405 } 9406 9407 .ai-hero-banner-separated-buttons-adxrbvitptglzvw1heaigenblock443a8f6tprtge.overlay-bottom-left { 9408 bottom: 40px; 9409 left: 40px; 9410 } 9411 9412 .ai-hero-banner-separated-buttons-adxrbvitptglzvw1heaigenblock443a8f6tprtge.overlay-bottom-center { 9413 bottom: 40px; 9414 left: 50%; 9415 transform: translateX(-50%); 9416 } 9417 9418 .ai-hero-banner-separated-buttons-adxrbvitptglzvw1heaigenblock443a8f6tprtge.overlay-bottom-right { 9419 bottom: 40px; 9420 right: 40px; 9421 } 9422 9423 .ai-hero-banner-separated-buttons-external-adxrbvitptglzvw1heaigenblock443a8f6tprtge { 9424 background-color: #ffffff; 9425 padding: 40px; 9426 width: 100%; 9427 display: flex; 9428 gap: 16px; 9429 flex-wrap: wrap; 9430 } 9431 9432 .ai-hero-banner-separated-buttons-external-adxrbvitptglzvw1heaigenblock443a8f6tprtge.align-left { 9433 justify-content: flex-start; 9434 } 9435 9436 .ai-hero-banner-separated-buttons-external-adxrbvitptglzvw1heaigenblock443a8f6tprtge.align-center { 9437 justify-content: center; 9438 } 9439 9440 .ai-hero-banner-separated-buttons-external-adxrbvitptglzvw1heaigenblock443a8f6tprtge.align-right { 9441 justify-content: flex-end; 9442 } 9443 9444 .ai-hero-banner-mobile-content-adxrbvitptglzvw1heaigenblock443a8f6tprtge { 9445 display: block; 9446 background-color: #ffffff; 9447 padding: 32px; 9448 } 9449 9450 .ai-hero-banner-mobile-content-adxrbvitptglzvw1heaigenblock443a8f6tprtge.overlay { 9451 position: absolute; 9452 z-index: 2; 9453 width: 90%; 9454 max-width: 100%; 9455 background-color: transparent; 9456 } 9457 9458 .ai-hero-banner-mobile-content-adxrbvitptglzvw1heaigenblock443a8f6tprtge.overlay.top-left { 9459 top: 20px; 9460 left: 20px; 9461 transform: none; 9462 } 9463 9464 .ai-hero-banner-mobile-content-adxrbvitptglzvw1heaigenblock443a8f6tprtge.overlay.top-center { 9465 top: 20px; 9466 left: 50%; 9467 transform: translateX(-50%); 9468 } 9469 9470 .ai-hero-banner-mobile-content-adxrbvitptglzvw1heaigenblock443a8f6tprtge.overlay.top-right { 9471 top: 20px; 9472 right: 20px; 9473 left: auto; 9474 transform: none; 9475 } 9476 9477 .ai-hero-banner-mobile-content-adxrbvitptglzvw1heaigenblock443a8f6tprtge.overlay.middle-left { 9478 top: 50%; 9479 left: 20px; 9480 transform: translateY(-50%); 9481 } 9482 9483 .ai-hero-banner-mobile-content-adxrbvitptglzvw1heaigenblock443a8f6tprtge.overlay.middle-center { 9484 top: 50%; 9485 left: 50%; 9486 transform: translate(-50%, -50%); 9487 } 9488 9489 .ai-hero-banner-mobile-content-adxrbvitptglzvw1heaigenblock443a8f6tprtge.overlay.middle-right { 9490 top: 50%; 9491 right: 20px; 9492 left: auto; 9493 transform: translateY(-50%); 9494 } 9495 9496 .ai-hero-banner-mobile-content-adxrbvitptglzvw1heaigenblock443a8f6tprtge.overlay.bottom-left { 9497 bottom: 20px; 9498 left: 20px; 9499 top: auto; 9500 transform: none; 9501 } 9502 9503 .ai-hero-banner-mobile-content-adxrbvitptglzvw1heaigenblock443a8f6tprtge.overlay.bottom-center { 9504 bottom: 20px; 9505 left: 50%; 9506 top: auto; 9507 transform: translateX(-50%); 9508 } 9509 9510 .ai-hero-banner-mobile-content-adxrbvitptglzvw1heaigenblock443a8f6tprtge.overlay.bottom-right { 9511 bottom: 20px; 9512 right: 20px; 9513 left: auto; 9514 top: auto; 9515 transform: none; 9516 } 9517 9518 .ai-hero-banner-mobile-content-adxrbvitptglzvw1heaigenblock443a8f6tprtge.text-left { 9519 text-align: left; 9520 } 9521 9522 .ai-hero-banner-mobile-content-adxrbvitptglzvw1heaigenblock443a8f6tprtge.text-center { 9523 text-align: center; 9524 } 9525 9526 .ai-hero-banner-mobile-content-adxrbvitptglzvw1heaigenblock443a8f6tprtge.text-right { 9527 text-align: right; 9528 } 9529 9530 .ai-hero-banner-mobile-headline-adxrbvitptglzvw1heaigenblock443a8f6tprtge { 9531 font-family: 'Libre Bodoni', serif; 9532 font-weight: normal; 9533 color: #000000; 9534 font-size: 32px; 9535 margin: 0 0 12px; 9536 } 9537 9538 .ai-hero-banner-mobile-content-adxrbvitptglzvw1heaigenblock443a8f6tprtge.overlay .ai-hero-banner-mobile-headline-adxrbvitptglzvw1heaigenblock443a8f6tprtge { 9539 text-shadow: 0 2px 4px rgba(0, 0, 0, 0.3); 9540 } 9541 9542 .ai-hero-banner-mobile-subheadline-adxrbvitptglzvw1heaigenblock443a8f6tprtge { 9543 font-family: 'Work Sans', sans-serif; 9544 font-weight: 400; 9545 color: #000000; 9546 font-size: 15px; 9547 margin: 0 0 12px; 9548 } 9549 9550 .ai-hero-banner-mobile-content-adxrbvitptglzvw1heaigenblock443a8f6tprtge.overlay .ai-hero-banner-mobile-subheadline-adxrbvitptglzvw1heaigenblock443a8f6tprtge { 9551 text-shadow: 0 2px 4px rgba(0, 0, 0, 0.3); 9552 } 9553 9554 .ai-hero-banner-mobile-buttons-adxrbvitptglzvw1heaigenblock443a8f6tprtge { 9555 display: flex; 9556 gap: 12px; 9557 flex-wrap: wrap; 9558 } 9559 9560 .ai-hero-banner-mobile-content-adxrbvitptglzvw1heaigenblock443a8f6tprtge.text-left .ai-hero-banner-mobile-buttons-adxrbvitptglzvw1heaigenblock443a8f6tprtge { 9561 justify-content: flex-start; 9562 } 9563 9564 .ai-hero-banner-mobile-content-adxrbvitptglzvw1heaigenblock443a8f6tprtge.text-center .ai-hero-banner-mobile-buttons-adxrbvitptglzvw1heaigenblock443a8f6tprtge { 9565 justify-content: center; 9566 } 9567 9568 .ai-hero-banner-mobile-content-adxrbvitptglzvw1heaigenblock443a8f6tprtge.text-right .ai-hero-banner-mobile-buttons-adxrbvitptglzvw1heaigenblock443a8f6tprtge { 9569 justify-content: flex-end; 9570 } 9571 9572 .ai-hero-banner-mobile-button-adxrbvitptglzvw1heaigenblock443a8f6tprtge { 9573 display: inline-block; 9574 padding: 10px 20px; 9575 background-color: #000000; 9576 color: #ffffff; 9577 text-decoration: none; 9578 font-family: 'Work Sans', sans-serif; 9579 font-weight: 600; 9580 font-size: 12px; 9581 transition: opacity 0.3s ease, background-color 0.3s ease, color 0.3s ease; 9582 border: none; 9583 cursor: pointer; 9584 } 9585 9586 .ai-hero-banner-mobile-button-adxrbvitptglzvw1heaigenblock443a8f6tprtge.pill-rounded { 9587 border-radius: 50px; 9588 } 9589 9590 .ai-hero-banner-mobile-button-adxrbvitptglzvw1heaigenblock443a8f6tprtge.pill-rounded-transparent { 9591 border-radius: 50px; 9592 background-color: transparent; 9593 border: 2px solid #000000; 9594 color: #000000; 9595 } 9596 9597 .ai-hero-banner-mobile-button-adxrbvitptglzvw1heaigenblock443a8f6tprtge.pill-rounded-transparent:hover { 9598 background-color: #000000; 9599 color: #ffffff; 9600 } 9601 9602 .ai-hero-banner-mobile-button-adxrbvitptglzvw1heaigenblock443a8f6tprtge.underlined { 9603 border-radius: 0; 9604 background-color: transparent; 9605 border: none; 9606 border-bottom: 2px solid #000000; 9607 color: #000000; 9608 padding: 8px 0; 9609 } 9610 9611 .ai-hero-banner-mobile-button-adxrbvitptglzvw1heaigenblock443a8f6tprtge.underlined:hover { 9612 opacity: 0.7; 9613 } 9614 9615 .ai-hero-banner-mobile-button-adxrbvitptglzvw1heaigenblock443a8f6tprtge.rectangular { 9616 border-radius: 0; 9617 } 9618 9619 .ai-hero-banner-mobile-button-adxrbvitptglzvw1heaigenblock443a8f6tprtge.rectangular-transparent { 9620 border-radius: 0; 9621 background-color: transparent; 9622 border: 2px solid #000000; 9623 color: #000000; 9624 } 9625 9626 .ai-hero-banner-mobile-button-adxrbvitptglzvw1heaigenblock443a8f6tprtge.rectangular-transparent:hover { 9627 background-color: #000000; 9628 color: #ffffff; 9629 } 9630 9631 .ai-hero-banner-mobile-button-adxrbvitptglzvw1heaigenblock443a8f6tprtge:not(.underlined):not(.pill-rounded-transparent):not(.rectangular-transparent):hover { 9632 opacity: 0.8; 9633 } 9634 9635 .ai-hero-banner-mobile-separated-buttons-adxrbvitptglzvw1heaigenblock443a8f6tprtge { 9636 position: absolute; 9637 z-index: 3; 9638 display: flex; 9639 gap: 12px; 9640 flex-wrap: wrap; 9641 } 9642 9643 .ai-hero-banner-mobile-separated-buttons-adxrbvitptglzvw1heaigenblock443a8f6tprtge.overlay-top-left { 9644 top: 20px; 9645 left: 20px; 9646 } 9647 9648 .ai-hero-banner-mobile-separated-buttons-adxrbvitptglzvw1heaigenblock443a8f6tprtge.overlay-top-center { 9649 top: 20px; 9650 left: 50%; 9651 transform: translateX(-50%); 9652 } 9653 9654 .ai-hero-banner-mobile-separated-buttons-adxrbvitptglzvw1heaigenblock443a8f6tprtge.overlay-top-right { 9655 top: 20px; 9656 right: 20px; 9657 } 9658 9659 .ai-hero-banner-mobile-separated-buttons-adxrbvitptglzvw1heaigenblock443a8f6tprtge.overlay-bottom-left { 9660 bottom: 20px; 9661 left: 20px; 9662 } 9663 9664 .ai-hero-banner-mobile-separated-buttons-adxrbvitptglzvw1heaigenblock443a8f6tprtge.overlay-bottom-center { 9665 bottom: 20px; 9666 left: 50%; 9667 transform: translateX(-50%); 9668 } 9669 9670 .ai-hero-banner-mobile-separated-buttons-adxrbvitptglzvw1heaigenblock443a8f6tprtge.overlay-bottom-right { 9671 bottom: 20px; 9672 right: 20px; 9673 } 9674 9675 .ai-hero-banner-mobile-separated-buttons-external-adxrbvitptglzvw1heaigenblock443a8f6tprtge { 9676 background-color: #ffffff; 9677 padding: 32px; 9678 width: 100%; 9679 display: flex; 9680 gap: 12px; 9681 flex-wrap: wrap; 9682 } 9683 9684 .ai-hero-banner-mobile-separated-buttons-external-adxrbvitptglzvw1heaigenblock443a8f6tprtge.align-left { 9685 justify-content: flex-start; 9686 } 9687 9688 .ai-hero-banner-mobile-separated-buttons-external-adxrbvitptglzvw1heaigenblock443a8f6tprtge.align-center { 9689 justify-content: center; 9690 } 9691 9692 .ai-hero-banner-mobile-separated-buttons-external-adxrbvitptglzvw1heaigenblock443a8f6tprtge.align-right { 9693 justify-content: flex-end; 9694 } 9695 9696 @media screen and (min-width: 769px) { 9697 .ai-hero-banner-desktop-adxrbvitptglzvw1h
9697eaigenblock443a8f6tprtge { 9698 display: block; 9699 } 9700 9701 .ai-hero-banner-mobile-adxrbvitptglzvw1heaigenblock443a8f6tprtge { 9702 display: none; 9703 } 9704 9705 .ai-hero-banner-overlay-content-adxrbvitptglzvw1heaigenblock443a8f6tprtge { 9706 display: block; 9707 } 9708 9709 .ai-hero-banner-mobile-content-adxrbvitptglzvw1heaigenblock443a8f6tprtge { 9710 display: none; 9711 } 9712 } 9713</style> 9714 9715<hero-banner-adxrbvitptglzvw1heaigenblock443a8f6tprtge class="ai-hero-banner-adxrbvitptglzvw1heaigenblock443a8f6tprtge" > 9716 <div class="ai-hero-banner-desktop-adxrbvitptglzvw1heaigenblock443a8f6tprtge"> 9717 9718 9719 9720 9721 <div class="ai-hero-banner-desktop-media-wrapper-adxrbvitptglzvw1heaigenblock443a8f6tprtge"> 9722 9723 9724 <video 9725 class="ai-hero-banner-video-adxrbvitptglzvw1heaigenblock443a8f6tprtge" 9726 autoplay 9727 loop 9728 muted 9729 playsinline 9730 > 9731 <source src="//colehaan.com.ph/cdn/shop/videos/c/vp/f05b761338fc47c5a22a534ca62b7b75/f05b761338fc47c5a22a534ca62b7b75.HD-720p-4.5Mbps-93998847.mp4?v=0" type="video/mp4"> 9732 </video> 9733 9734 9735 9736 9737 <div class="ai-hero-banner-overlay-content-adxrbvitptglzvw1heaigenblock443a8f6tprtge overlay middle-center text-center"> 9738 9739 <h1 class="ai-hero-banner-headline-adxrbvitptglzvw1heaigenblock443a8f6tprtge">Built to stay ahead</h1> 9740 9741 9742 9743 9744 9745 <div class="ai-hero-banner-buttons-adxrbvitptglzvw1heaigenblock443a8f6tprtge"> 9746 9747 <a href="/collections/men_shoes_running-1" class="ai-hero-banner-button-adxrbvitptglzvw1heaigenblock443a8f6tprtge pill-rounded"> 9748 MEN'S RUNNING 9749 </a> 9750 9751 9752 9753 <a href="/collections/women_shoes_running-1" class="ai-hero-banner-button-adxrbvitptglzvw1heaigenblock443a8f6tprtge pill-rounded"> 9754 WOMEN'S RUNNING 9755 </a> 9756 9757 </div> 9758 9759 </div> 9760 9761 9762 9763 </div> 9764 9765 9766 9767 9768 </div> 9769 9770 <div class="ai-hero-banner-mobile-adxrbvitptglzvw1heaigenblock443a8f6tprtge"> 9771 9772 9773 9774 9775 <div class="ai-hero-banner-mobile-media-wrapper-adxrbvitptglzvw1heaigenblock443a8f6tprtge"> 9776 9777 9778 <video 9779 class="ai-hero-banner-mobile-video-adxrbvitptglzvw1heaigenblock443a8f6tprtge" 9780 autoplay 9781 loop 9782 muted 9783 playsinline 9784 > 9785 <source src="//colehaan.com.ph/cdn/shop/videos/c/vp/c765a8840f5340ee96dff577efe48bee/c765a8840f5340ee96dff577efe48bee.HD-1080p-7.2Mbps-93998987.mp4?v=0" type="video/mp4"> 9786 </video> 9787 9788 9789 9790 9791 </div> 9792 9793 9794 9795 9796 <div class="ai-hero-banner-mobile-content-adxrbvitptglzvw1heaigenblock443a8f6tprtge text-center"> 9797 9798 <h1 class="ai-hero-banner-mobile-headline-adxrbvitptglzvw1heaigenblock443a8f6tprtge">Built to stay ahead</h1> 9799 9800 9801 9802 9803 9804 <div class="ai-hero-banner-mobile-buttons-adxrbvitptglzvw1heaigenblock443a8f6tprtge"> 9805 9806 <a href="/collections/men_shoes_running-1" class="ai-hero-banner-mobile-button-adxrbvitptglzvw1heaigenblock443a8f6tprtge pill-rounded"> 9807 MEN'S RUNNING 9808 </a> 9809 9810 9811 9812 <a href="/collections/women_shoes_running-1" class="ai-hero-banner-mobile-button-adxrbvitptglzvw1heaigenblock443a8f6tprtge pill-rounded"> 9813 WOMEN'S RUNNING 9814 </a> 9815 9816 </div> 9817 9818 </div> 9819 9820 </div> 9821</hero-banner-adxrbvitptglzvw1heaigenblock443a8f6tprtge> 9822
9823<script> 9824 (function() { 9825 class HeroBanneradxrbvitptglzvw1heaigenblock443a8f6tprtge extends HTMLElement { 9826 constructor() { 9827 super(); 9828 } 9829 9830 connectedCallback() { 9831 const videos = this.querySelectorAll('video'); 9832 videos.forEach(video => { 9833 video.play().catch(() => {}); 9834 }); 9835 } 9836 } 9837 9838 customElements.define('hero-banner-adxrbvitptglzvw1heaigenblock443a8f6tprtge', HeroBanneradxrbvitptglzvw1heaigenblock443a8f6tprtge); 9839 })(); 9840</script>
9840 9841 9842</div> 9843<div id="shopify-block-AaXZnTHFnSnV6MmNHa__ai_gen_block_6d1eb7c_MFQt3q" class="shopify-block"> 9844 9845<style data-shopify> 9846 .ai-split-feature-container-aaxznthfnsnv6mmnhaaigenblock6d1eb7cmfqt3q { 9847 display: block; 9848 width: 100%; 9849 margin: 20px 0; 9850 } 9851 9852 .ai-split-feature-desktop-aaxznthfnsnv6mmnhaaigenblock6d1eb7cmfqt3q { 9853 display: grid; 9854 grid-template-columns: 1fr 12px 1fr; 9855 gap: 0; 9856 margin: 0 12px; 9857 } 9858 9859 .ai-split-feature-mobile-aaxznthfnsnv6mmnhaaigenblock6d1eb7cmfqt3q { 9860 display: none; 9861 } 9862 9863 .ai-split-feature-block-aaxznthfnsnv6mmnhaaigenblock6d1eb7cmfqt3q { 9864 position: relative; 9865 overflow: hidden; 9866 } 9867 9868 .ai-split-feature-image-wrapper-aaxznthfnsnv6mmnhaaigenblock6d1eb7cmfqt3q { 9869 width: 100%; 9870 height: 100%; 9871 position: relative; 9872 } 9873 9874 .ai-split-feature-image-aaxznthfnsnv6mmnhaaigenblock6d1eb7cmfqt3q { 9875 width: 100%; 9876 height: 100%; 9877 object-fit: cover; 9878 display: block; 9879 } 9880 9881 .ai-split-feature-content-aaxznthfnsnv6mmnhaaigenblock6d1eb7cmfqt3q { 9882 position: absolute; 9883 z-index: 2; 9884 } 9885 9886 .ai-split-feature-headline-aaxznthfnsnv6mmnhaaigenblock6d1eb7cmfqt3q { 9887 margin: 0; 9888 line-height: 1.1; 9889 white-space: nowrap; 9890 } 9891 9892 .ai-split-feature-subheadline-aaxznthfnsnv6mmnhaaigenblock6d1eb7cmfqt3q { 9893 margin: 0; 9894 line-height: 1.3; 9895 } 9896 9897 .ai-split-feature-buttons-wrapper-aaxznthfnsnv6mmnhaaigenblock6d1eb7cmfqt3q { 9898 display: flex; 9899 gap: 12px; 9900 flex-wrap: wrap; 9901 } 9902 9903 .ai-split-feature-button-aaxznthfnsnv6mmnhaaigenblock6d1eb7cmfqt3q { 9904 display: inline-block; 9905 text-decoration: none; 9906 transition: all 0.3s ease; 9907 } 9908 9909 .ai-split-feature-button-pill-aaxznthfnsnv6mmnhaaigenblock6d1eb7cmfqt3q { 9910 border-radius: 100px; 9911 } 9912 9913 .ai-split-feature-button-pill-transparent-aaxznthfnsnv6mmnhaaigenblock6d1eb7cmfqt3q { 9914 border-radius: 100px; 9915 background: transparent !important; 9916 border: 2px solid currentColor; 9917 } 9918 9919 .ai-split-feature-button-rectangle-aaxznthfnsnv6mmnhaaigenblock6d1eb7cmfqt3q { 9920 border-radius: 0; 9921 } 9922 9923 .ai-split-feature-button-rectangle-transparent-aaxznthfnsnv6mmnhaaigenblock6d1eb7cmfqt3q { 9924 border-radius: 0; 9925 background: transparent !important; 9926 border: 2px solid currentColor; 9927 } 9928 9929 .ai-split-feature-button-underlined-aaxznthfnsnv6mmnhaaigenblock6d1eb7cmfqt3q { 9930 background: transparent !important; 9931 padding: 0 !important; 9932 text-decoration: underline; 9933 } 9934 9935 .ai-split-feature-collection-label-aaxznthfnsnv6mmnhaaigenblock6d1eb7cmfqt3q { 9936 font-size: 12px; 9937 position: absolute; 9938 z-index: 3; 9939 } 9940 9941 .ai-split-feature-label-top-left-aaxznthfnsnv6mmnhaaigenblock6d1eb7cmfqt3q { 9942 top: 16px; 9943 left: 16px; 9944 } 9945 9946 .ai-split-feature-label-top-right-aaxznthfnsnv6mmnhaaigenblock6d1eb7cmfqt3q { 9947 top: 16px; 9948 right: 16px; 9949 } 9950 9951 .ai-split-feature-label-bottom-left-aaxznthfnsnv6mmnhaaigenblock6d1eb7cmfqt3q { 9952 bottom: 16px; 9953 left: 16px; 9954 } 9955 9956 .ai-split-feature-label-bottom-right-aaxznthfnsnv6mmnhaaigenblock6d1eb7cmfqt3q { 9957 bottom: 16px; 9958 right: 16px; 9959 } 9960 9961 .ai-split-feature-spacer-aaxznthfnsnv6mmnhaaigenblock6d1eb7cmfqt3q { 9962 width: 12px; 9963 } 9964 9965 .ai-split-feature-font-libre-aaxznthfnsnv6mmnhaaigenblock6d1eb7cmfqt3q { 9966 font-family: 'Libre Bodoni', serif; 9967 font-weight: 400; 9968 } 9969 9970 .ai-split-feature-font-work-aaxznthfnsnv6mmnhaaigenblock6d1eb7cmfqt3q { 9971 font-family: 'Work Sans', sans-serif; 9972 font-weight: 400; 9973 } 9974 9975 .ai-split-feature-font-frank-aaxznthfnsnv6mmnhaaigenblock6d1eb7cmfqt3q { 9976 font-family: 'Frank Ruhl Libre', serif; 9977 font-weight: 400; 9978 } 9979 9980 .ai-split-feature-align-left-aaxznthfnsnv6mmnhaaigenblock6d1eb7cmfqt3q { 9981 text-align: left; 9982 } 9983 9984 .ai-split-feature-align-center-aaxznthfnsnv6mmnhaaigenblock6d1eb7cmfqt3q { 9985 text-align: center; 9986 } 9987 9988 .ai-split-feature-align-right-aaxznthfnsnv6mmnhaaigenblock6d1eb7cmfqt3q { 9989 text-align: right; 9990 } 9991 9992 .ai-split-feature-position-top-left-aaxznthfnsnv6mmnhaaigenblock6d1eb7cmfqt3q { 9993 top: 16px; 9994 left: 16px; 9995 } 9996 9997 .ai-split-feature-position-top-center-aaxznthfnsnv6mmnhaaigenblock6d1eb7cmfqt3q { 9998 top: 16px; 9999 left: 50%; 10000 transform: translateX(-50%); 10001 } 10002 10003 .ai-split-feature-position-top-right-aaxznthfnsnv6mmnhaaigenblock6d1eb7cmfqt3q { 10004 top: 16px; 10005 right: 16px; 10006 } 10007 10008 .ai-split-feature-position-middle-left-aaxznthfnsnv6mmnhaaigenblock6d1eb7cmfqt3q { 10009 top: 50%; 10010 left: 16px; 10011 transform: translateY(-50%); 10012 } 10013 10014 .ai-split-feature-position-middle-center-aaxznthfnsnv6mmnhaaigenblock6d1eb7cmfqt3q { 10015 top: 50%; 10016 left: 50%; 10017 transform: translate(-50%, -50%); 10018 } 10019 10020 .ai-split-feature-position-middle-right-aaxznthfnsnv6mmnhaaigenblock6d1eb7cmfqt3q { 10021 top: 50%; 10022 right: 16px; 10023 transform: translateY(-50%); 10024 } 10025 10026 .ai-split-feature-position-bottom-left-aaxznthfnsnv6mmnhaaigenblock6d1eb7cmfqt3q { 10027 bottom: 16px; 10028 left: 16px; 10029 } 10030 10031 .ai-split-feature-position-bottom-center-aaxznthfnsnv6mmnhaaigenblock6d1eb7cmfqt3q { 10032 bottom: 16px; 10033 left: 50%; 10034 transform: translateX(-50%); 10035 } 10036 10037 .ai-split-feature-position-bottom-right-aaxznthfnsnv6mmnhaaigenblock6d1eb7cmfqt3q { 10038 bottom: 16px; 10039 right: 16px; 10040 } 10041 10042 @media screen and (max-width: 768px) { 10043 .ai-split-feature-desktop-aaxznthfnsnv6mmnhaaigenblock6d1eb7cmfqt3q { 10044 display: none; 10045 } 10046 10047 .ai-split-feature-mobile-aaxznthfnsnv6mmnhaaigenblock6d1eb7cmfqt3q { 10048 display: block; 10049 margin: 0 12px; 10050 } 10051 10052 .ai-split-feature-mobile-block-aaxznthfnsnv6mmnhaaigenblock6d1eb7cmfqt3q { 10053 margin-bottom: 24px; 10054 } 10055 10056 .ai-split-feature-headline-aaxznthfnsnv6mmnhaaigenblock6d1eb7cmfqt3q { 10057 white-space: normal; 10058 } 10059 } 10060</style> 10061 10062 10063<split-feature-aaxznthfnsnv6mmnhaaigenblock6d1eb7cmfqt3q 10064 class="ai-split-feature-container-aaxznthfnsnv6mmnhaaigenblock6d1eb7cmfqt3q" 10065 10066> 10067 10068 <!-- DESKTOP --> 10069 <div class="ai-split-feature-desktop-aaxznthfnsnv6mmnhaaigenblock6d1eb7cmfqt3q"> 10070 10071 10072 10073 10074 10075 10076 10077 10078 10079 10080 10081 10082 10083 10084 10085 10086 10087 10088 10089 10090 10091 10092 10093 10094 10095 10096 10097 10098 10099 10100 10101 10102 10103 10104 10105 10106 10107 10108 10109 10110 10111 10112 10113 10114 10115 10116 10117 10118 10119 10120 10121 10122 10123 10124 10125 10126 10127 10128 10129 10130 10131 10132 10133 10134 10135 10136 10137 10138 10139 <div class="ai-split-feature-block-aaxznthfnsnv6mmnhaaigenblock6d1eb7cmfqt3q"> 10140 10141 <div class="ai-split-feature-image-wrapper-aaxznthfnsnv6mmnhaaigenblock6d1eb7cmfqt3q"> 10142 10143 <img 10144 src="//colehaan.com.ph/cdn/shop/files/50-50-Mens-Sneakers_14b705ba-fe86-400f-94d5-60e2a70b4724.jpg?v=1790750661&width=1200" 10145 alt="" 10146 class="ai-split-feature-image-aaxznthfnsnv6mmnhaaigenblock6d1eb7cmfqt3q" 10147 loading="lazy" 10148 > 10149 10150 </div> 10151 10152 10153 10154 10155 <div 10156 class=" 10157 ai-split-feature-content-aaxznthfnsnv6mmnhaaigenblock6d1eb7cmfqt3q 10158 ai-split-feature-position-top-left-aaxznthfnsnv6mmnhaaigenblock6d1eb7cmfqt3q 10159 ai-split-feature-align-left-aaxznthfnsnv6mmnhaaigenblock6d1eb7cmfqt3q 10160 " 10161 > 10162 10163 10164 <h2 10165 class=" 10166 ai-split-feature-headline-aaxznthfnsnv6mmnhaaigenblock6d1eb7cmfqt3q
10167 ai-split-feature-font-libre-aaxznthfnsnv6mmnhaaigenblock6d1eb7cmfqt3q 10168 " 10169 style=" 10170 color: #0b0b0b; 10171 font-size: 30px; 10172 margin-bottom: 0px; 10173 " 10174 > 10175 Men's Sneakers 10176 </h2> 10177 10178 10179 10180 10181 10182 10183 10184 10185 <div 10186 class="ai-split-feature-buttons-wrapper-aaxznthfnsnv6mmnhaaigenblock6d1eb7cmfqt3q" 10187 style=" 10188 10189 justify-content:flex-start; 10190 10191 margin-top:0px; 10192 " 10193 > 10194 10195 10196 <a 10197 href="/collections/men_shoes_sneakers" 10198 class=" 10199 ai-split-feature-button-aaxznthfnsnv6mmnhaaigenblock6d1eb7cmfqt3q 10200 ai-split-feature-button-pill-aaxznthfnsnv6mmnhaaigenblock6d1eb7cmfqt3q 10201 ai-split-feature-font-work-aaxznthfnsnv6mmnhaaigenblock6d1eb7cmfqt3q 10202 " 10203 style=" 10204 background: #0b0b0b; 10205 color: #fdfafa; 10206 padding: 10207 8px 10208 16px; 10209 font-size: 13px; 10210 " 10211 > 10212 SHOP NOW 10213 </a> 10214 10215 10216 10217 10218 10219 </div> 10220 10221 10222 10223 </div> 10224 10225 10226 10227 10228 10229 <div 10230 class=" 10231 ai-split-feature-collection-label-aaxznthfnsnv6mmnhaaigenblock6d1eb7cmfqt3q 10232 ai-split-feature-label-bottom-right-aaxznthfnsnv6mmnhaaigenblock6d1eb7cmfqt3q 10233 " 10234 style="color:#0b0b0b;" 10235 > 10236 ÃriginalGrand Quadstar 2.0 Running Shoes 10237 </div> 10238 10239 10240 </div> 10241 10242 10243 10244 10245 <div class="ai-split-feature-spacer-aaxznthfnsnv6mmnhaaigenblock6d1eb7cmfqt3q"></div> 10246 10247 10248 10249 10250 10251 10252 10253 10254 10255 10256 10257 10258 10259 10260 10261 10262 10263 10264 10265 10266 10267 10268 10269 10270 10271 10272 10273 10274 10275 10276 10277 10278 10279 10280 10281 10282 10283 10284 10285 10286 10287 10288 10289 10290 10291 10292 10293 10294 10295 10296 10297 10298 10299 10300 10301 10302 10303 10304 10305 10306 10307 10308 10309 10310 10311 10312 <div class="ai-split-feature-block-aaxznthfnsnv6mmnhaaigenblock6d1eb7cmfqt3q"> 10313 10314 <div class="ai-split-feature-image-wrapper-aaxznthfnsnv6mmnhaaigenblock6d1eb7cmfqt3q"> 10315 10316 <img 10317 src="//colehaan.com.ph/cdn/shop/files/50-50-Womens-Sneakers_7fe1508b-35ef-4e70-bb46-6b63b436fa0c.jpg?v=1790750741&width=1200" 10318 alt="" 10319 class="ai-split-feature-image-aaxznthfnsnv6mmnhaaigenblock6d1eb7cmfqt3q" 10320 loading="lazy" 10321 > 10322 10323 </div> 10324 10325 10326 10327 10328 <div 10329 class=" 10330 ai-split-feature-content-aaxznthfnsnv6mmnhaaigenblock6d1eb7cmfqt3q 10331 ai-split-feature-position-top-left-aaxznthfnsnv6mmnhaaigenblock6d1eb7cmfqt3q 10332 ai-split-feature-align-left-aaxznthfnsnv6mmnhaaigenblock6d1eb7cmfqt3q 10333 " 10334 > 10335 10336 10337 <h2 10338 class=" 10339 ai-split-feature-headline-aaxznthfnsnv6mmnhaaigenblock6d1eb7cmfqt3q 10340 ai-split-feature-font-libre-aaxznthfnsnv6mmnhaaigenblock6d1eb7cmfqt3q 10341 " 10342 style=" 10343 color: #0b0b0b; 10344 font-size: 30px; 10345 margin-bottom: 0px; 10346 " 10347 > 10348 Women's Sneakers 10349 </h2> 10350 10351 10352 10353 10354 10355 10356 10357 10358 <div 10359 class="ai-split-feature-buttons-wrapper-aaxznthfnsnv6mmnhaaigenblock6d1eb7cmfqt3q" 10360 style=" 10361 10362 justify-content:flex-start; 10363 10364 margin-top:0px; 10365 " 10366 > 10367 10368 10369 <a 10370 href="/collections/women_shoes_sneakers" 10371 class=" 10372 ai-split-feature-button-aaxznthfnsnv6mmnhaaigenblock6d1eb7cmfqt3q
10373 ai-split-feature-button-pill-aaxznthfnsnv6mmnhaaigenblock6d1eb7cmfqt3q 10374 ai-split-feature-font-work-aaxznthfnsnv6mmnhaaigenblock6d1eb7cmfqt3q 10375 " 10376 style=" 10377 background: #0b0b0b; 10378 color: #fdfafa; 10379 padding: 10380 8px 10381 16px; 10382 font-size: 13px; 10383 " 10384 > 10385 SHOP NOW 10386 </a> 10387 10388 10389 10390 10391 10392 </div> 10393 10394 10395 10396 </div> 10397 10398 10399 10400 10401 10402 <div 10403 class=" 10404 ai-split-feature-collection-label-aaxznthfnsnv6mmnhaaigenblock6d1eb7cmfqt3q 10405 ai-split-feature-label-bottom-right-aaxznthfnsnv6mmnhaaigenblock6d1eb7cmfqt3q 10406 " 10407 style="color:#0b0b0b;" 10408 > 10409 ÃriginalGrand Quadstar 2.0 Running Shoes 10410 </div> 10411 10412 10413 </div> 10414 10415 10416 10417 </div> 10418 10419 10420 <!-- MOBILE --> 10421 <div class="ai-split-feature-mobile-aaxznthfnsnv6mmnhaaigenblock6d1eb7cmfqt3q"> 10422 10423 10424 10425 10426 10427 10428 10429 10430 10431 10432 10433 10434 10435 10436 10437 10438 10439 10440 10441 10442 10443 10444 10445 10446 10447 10448 10449 10450 10451 10452 10453 10454 10455 10456 10457 10458 10459 10460 10461 10462 10463 10464 10465 10466 10467 10468 10469 10470 10471 10472 10473 10474 10475 10476 10477 10478 10479 10480 10481 10482 10483 10484 10485 10486 10487 10488 10489 10490 <div class="ai-split-feature-mobile-block-aaxznthfnsnv6mmnhaaigenblock6d1eb7cmfqt3q"> 10491 10492 10493 10494 10495 <div 10496 class="ai-split-feature-block-aaxznthfnsnv6mmnhaaigenblock6d1eb7cmfqt3q" 10497 style="position:relative;" 10498 > 10499 10500 <div class="ai-split-feature-image-wrapper-aaxznthfnsnv6mmnhaaigenblock6d1eb7cmfqt3q"> 10501 10502 10503 <img 10504 src="//colehaan.com.ph/cdn/shop/files/50-50-Mens-Sneakers-Mobile.jpg?v=1790750940&width=800" 10505 alt="" 10506 class="ai-split-feature-image-aaxznthfnsnv6mmnhaaigenblock6d1eb7cmfqt3q" 10507 loading="lazy" 10508 > 10509 10510 10511 </div> 10512 10513 10514 10515 10516 10517 10518 <div 10519 class=" 10520 ai-split-feature-collection-label-aaxznthfnsnv6mmnhaaigenblock6d1eb7cmfqt3q 10521 ai-split-feature-label-bottom-right-aaxznthfnsnv6mmnhaaigenblock6d1eb7cmfqt3q 10522 " 10523 style="color:#333333;" 10524 > 10525 ÃriginalGrand Quadstar 2.0 Running 10526 </div> 10527 10528 10529 </div> 10530 10531 10532 10533 10534 <div 10535 class="ai-split-feature-align-center-aaxznthfnsnv6mmnhaaigenblock6d1eb7cmfqt3q" 10536 style="padding:16px 0;" 10537 > 10538 10539 10540 10541 <h2 10542 class=" 10543 ai-split-feature-headline-aaxznthfnsnv6mmnhaaigenblock6d1eb7cmfqt3q 10544 ai-split-feature-font-libre-aaxznthfnsnv6mmnhaaigenblock6d1eb7cmfqt3q 10545 " 10546 style=" 10547 color: #000000; 10548 font-size: 32px; 10549 margin-bottom: 0px; 10550 " 10551 > 10552 Men's Sneakers 10553 </h2> 10554 10555 10556 10557 10558 10559 10560 10561 10562 <div 10563 class="ai-split-feature-buttons-wrapper-aaxznthfnsnv6mmnhaaigenblock6d1eb7cmfqt3q" 10564 style=" 10565 10566 justify-content:center; 10567 10568 margin-top:0px; 10569 " 10570 > 10571 10572 10573 <a 10574 href="/collections/men_shoes_sneakers" 10575 class=" 10576 ai-split-feature-button-aaxznthfnsnv6mmnhaaigenblock6d1eb7cmfqt3q 10577 ai-split-feature-button-underlined-aaxznthfnsnv6mmnhaaigenblock6d1eb7cmfqt3q 10578 ai-split-feature-font-work-aaxznthfnsnv6mmnhaaigenblock6d1eb7cmfqt3q 10579 " 10580 style=" 10581 background: #000000; 10582 color: #000000; 10583 padding: 10584 2px 10585 4px; 10586 font-size: 14px; 10587 " 10588 > 10589 SHOP NOW 10590 </a> 10591 10592 10593 10594 10595 10596 </div> 10597 10598 10599 10600 10601 </div> 10602 10603 10604 10605 </div> 10606 10607 10608 10609 10610 10611 10612 10613 10614 10615 10616 10617 10618 10619 10620 10621 10622 10623 10624 10625 10626 10627 10628 10629 10630 10631 10632 10633 10634 10635 10636 10637 10638 10639 10640 10641 10642 10643 10644 10645 10646 10647 10648 10649 10650 10651 10652 10653 10654 10655 10656 10657 10658 10659 10660 10661 10662 10663 10664 10665 10666 10667 10668 10669 10670 10671 10672 10673 10674 <div class="ai-split-feature-mobile-block-aaxznthfnsnv6mmnhaaigenblock6d1eb7cmfqt3q"> 10675 10676 10677 10678 10679 <div 10680 class="ai-split-feature-block-aaxznthfnsnv6mmnhaaigenblock6d1eb7cmfqt3q" 10681 style="position:relative;" 10682 > 10683 10684 <div class="ai-split-feature-image-wrapper-aaxznthfnsnv6mmnhaaigenblock6d1eb7cmfqt3q"> 10685 10686 10687 <img 10688 src="//colehaan.com.ph/cdn/shop/files/50-50-Womens-Sneakers_7fe1508b-35ef-4e70-bb46-6b63b436fa0c.jpg?v=1790750741&width=800" 10689 alt="" 10690 class="ai-split-feature-image-aaxznthfnsnv6mmnhaaigenblock6d1eb7cmfqt3q" 10691 loading="lazy" 10692 > 10693 10694 10695 </div> 10696 10697 10698 10699 10700 10701 10702 <div 10703 class=" 10704 ai-split-feature-collection-label-aaxznthfnsnv6mmnhaaigenblock6d1eb7cmfqt3q 10705 ai-split-feature-label-bottom-right-aaxznthfnsnv6mmnhaaigenblock6d1eb7cmfqt3q 10706 " 10707 style="color:#333333;" 10708 > 10709 ÃriginalGrand Quadstar 2.0 Running Shoes 10710 </div> 10711 10712 10713 </div> 10714 10715 10716 10717 10718 <div 10719 class="ai-split-feature-align-center-aaxznthfnsnv6mmnhaaigenblock6d1eb7cmfqt3q" 10720 style="padding:16px 0;" 10721 > 10722 10723 10724 10725 <h2 10726 class=" 10727 ai-split-feature-headline-aaxznthfnsnv6mmnhaaigenblock6d1eb7cmfqt3q
10728 ai-split-feature-font-libre-aaxznthfnsnv6mmnhaaigenblock6d1eb7cmfqt3q 10729 " 10730 style=" 10731 color: #000000; 10732 font-size: 32px; 10733 margin-bottom: 0px; 10734 " 10735 > 10736 Women's Sneakers 10737 </h2> 10738 10739 10740 10741 10742 10743 10744 10745 10746 <div 10747 class="ai-split-feature-buttons-wrapper-aaxznthfnsnv6mmnhaaigenblock6d1eb7cmfqt3q" 10748 style=" 10749 10750 justify-content:center; 10751 10752 margin-top:0px; 10753 " 10754 > 10755 10756 10757 <a 10758 href="/collections/women_shoes_sneakers" 10759 class=" 10760 ai-split-feature-button-aaxznthfnsnv6mmnhaaigenblock6d1eb7cmfqt3q 10761 ai-split-feature-button-underlined-aaxznthfnsnv6mmnhaaigenblock6d1eb7cmfqt3q 10762 ai-split-feature-font-work-aaxznthfnsnv6mmnhaaigenblock6d1eb7cmfqt3q 10763 " 10764 style=" 10765 background: #000000; 10766 color: #000000; 10767 padding: 10768 2px 10769 4px; 10770 font-size: 14px; 10771 " 10772 > 10773 SHOP NOW 10774 </a> 10775 10776 10777 10778 10779 10780 </div> 10781 10782 10783 10784 10785 </div> 10786 10787 10788 10789 </div> 10790 10791 10792 10793 </div> 10794 10795</split-feature-aaxznthfnsnv6mmnhaaigenblock6d1eb7cmfqt3q> 10796 10797
10798<script> 10799 (function() { 10800 class SplitFeatureaaxznthfnsnv6mmnhaaigenblock6d1eb7cmfqt3q extends HTMLElement { 10801 constructor() { 10802 super(); 10803 } 10804 } 10805 10806 if (!customElements.get('split-feature-aaxznthfnsnv6mmnhaaigenblock6d1eb7cmfqt3q')) { 10807 customElements.define( 10808 'split-feature-aaxznthfnsnv6mmnhaaigenblock6d1eb7cmfqt3q', 10809 SplitFeatureaaxznthfnsnv6mmnhaaigenblock6d1eb7cmfqt3q 10810 ); 10811 } 10812 })(); 10813</script>
10813 10814 10815 10816</div> 10817 10818 10819</div><section id="shopify-section-template--23890806309108__featured_collection_G6EN3c" class="shopify-section section featured_collection__section"> 10820<link href="//colehaan.com.ph/cdn/shop/t/131/assets/custom-plp.css?v=67123021257273178971791167572" rel="stylesheet" type="text/css" media="all" /> 10821<link href="//colehaan.com.ph/cdn/shop/t/131/assets/custom-quick-add.css?v=119128194186851973101790040504" rel="stylesheet" type="text/css" media="all" /> 10822<link href="//colehaan.com.ph/cdn/shop/t/131/assets/quick-add.css?v=52739118495131663131790040525" rel="stylesheet" type="text/css" media="all" />
10823<script src="//colehaan.com.ph/cdn/shop/t/131/assets/quick-add.js?v=18261040465761256811790040525" defer="defer"></script>
10823<style data-shopify>.section-template--23890806309108__featured_collection_G6EN3c-padding { 10824 padding-top: 27px; 10825 padding-bottom: 27px; 10826 } 10827 @media screen and (max-width: 989px) and (min-width: 576px){ 10828 #shopify-section-template--23890806309108__featured_collection_G6EN3c .slider-buttons{ 10829 margin-top: -68px; 10830 } 10831 } 10832 @media screen and (min-width: 990px) { 10833 #shopify-section-template--23890806309108__featured_collection_G6EN3c .slider--desktop .slider__slide:first-child { 10834 margin-left: 0; 10835 scroll-margin-left: 0; 10836 } 10837 #shopify-section-template--23890806309108__featured_collection_G6EN3c .slider-buttons{ 10838 margin-top: -58px; 10839 } 10840 } 10841 @media screen and (min-width: 750px) { 10842 .section-template--23890806309108__featured_collection_G6EN3c-padding { 10843 padding-top: 36px; 10844 padding-bottom: 36px; 10845 } 10846 } 10847 .price--on-sale .price-item--regular{ 10848 color:gray !important; 10849 text-decoration-color: gray !important; 10850 } 10851 .price .strike-through{ 10852 text-decoration-color:gray !important; 10853 } 10854 .price-item.price-item--sale.price-item--last{ 10855 font-weight:800 !important; 10856 }</style> 10857 10858 10859 10860<div class="color-background-1 isolate gradient display-instance-feature-collection"> 10861 <slider-component class="wm-collection page-width slider-mobile-gutter slider-component-desktop"> 10862 <div class="test-icons"> 10863 <div class="collection section-template--23890806309108__featured_collection_G6EN3c-padding"> 10864 <div class="collection__title title-wrapper title-wrapper--no-top-margin title-wrapper--self-padded-tablet-down collection__title--desktop-slider"><h2 class="title inline-richtext h1" style="text-align: left;">TOP PICKS FOR HIM...</h2></div></div><div class="slider-buttons no-js-hidden"> 10865 <button 10866 type="button" 10867 class="slider-button slider-button--prev" 10868 name="previous" 10869 aria-label="Slide left" 10870 aria-controls="Slider-template--23890806309108__featured_collection_G6EN3c" 10871 > 10872 <svg aria-hidden="true" focusable="false" class="icon icon-caret" viewBox="0 0 10 6"> 10873 <path fill-rule="evenodd" clip-rule="evenodd" d="M9.354.646a.5.5 0 00-.708 0L5 4.293 1.354.646a.5.5 0 00-.708.708l4 4a.5.5 0 00.708 0l4-4a.5.5 0 000-.708z" fill="currentColor"> 10874</svg> 10875<!-- <svg fill="#000000" height="14px" width="14px" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 330 330" xml:space="preserve" stroke="#000000" stroke-width="0.0033"><g id="SVGRepo_bgCarrier" stroke-width="0"></g><g id="SVGRepo_tracerCarrier" stroke-linecap="round" stroke-linejoin="round"></g> 10876 <g id="SVGRepo_iconCarrier"> 10877 <path id="XMLID_225_" d="M325.607,79.393c-5.857-5.857-15.355-5.858-21.213,0.001l-139.39,139.393L25.607,79.393 c-5.857-5.857-15.355-5.858-21.213,0.001c-5.858,5.858-5.858,15.355,0,21.213l150.004,150c2.813,2.813,6.628,4.393,10.606,4.393 s7.794-1.581,10.606-4.394l149.996-150C331.465,94.749,331.465,85.251,325.607,79.393z"> 10878 </path> </g></svg> --> 10879 10880 </button> 10881 10882 <button 10883 type="button" 10884 class="slider-button slider-button--next" 10885 name="next" 10886 aria-label="Slide right" 10887 aria-controls="Slider-template--23890806309108__featured_collection_G6EN3c" 10888 > 10889 <svg aria-hidden="true" focusable="false" class="icon icon-caret" viewBox="0 0 10 6"> 10890 <path fill-rule="evenodd" clip-rule="evenodd" d="M9.354.646a.5.5 0 00-.708 0L5 4.293 1.354.646a.5.5 0 00-.708.708l4 4a.5.5 0 00.708 0l4-4a.5.5 0 000-.708z" fill="currentColor"> 10891</svg> 10892<!-- <svg fill="#000000" height="14px" width="14px" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 330 330" xml:space="preserve" stroke="#000000" stroke-width="0.0033"><g id="SVGRepo_bgCarrier" stroke-width="0"></g><g id="SVGRepo_tracerCarrier" stroke-linecap="round" stroke-linejoin="round"></g> 10893 <g id="SVGRepo_iconCarrier"> 10894 <path id="XMLID_225_" d="M325.607,79.393c-5.857-5.857-15.355-5.858-21.213,0.001l-139.39,139.393L25.607,79.393 c-5.857-5.857-15.355-5.858-21.213,0.001c-5.858,5.858-5.858,15.355,0,21.213l150.004,150c2.813,2.813,6.628,4.393,10.606,4.393 s7.794-1.581,10.606-4.394l149.996-150C331.465,94.749,331.465,85.251,325.607,79.393z"> 10895 </path> </g></svg> --> 10896 10897 </button> 10898 </div></div> 10899 <ul 10900 id="Slider-template--23890806309108__featured_collection_G6EN3c" 10901 class="sub-slider grid product-grid contains-card contains-card--product grid--5-col-desktop grid--2-col-tablet-down slider slider--desktop slider--tablet grid--peek" 10902 role="list" 10903 aria-label="Slider" 10904 ><li 10905 id="Slide-template--23890806309108__featured_collection_G6EN3c-1" 10906 class="grid__item slider__slide" 10907 > 10908 10909 10910<link href="//colehaan.com.ph/cdn/shop/t/131/assets/component-rating.css?v=24573085263941240431790040493" rel="stylesheet" type="text/css" media="all" /> 10911<style> 10912 .eyebrow{ 10913 background: #808080 !important; 10914 } 10915</style><div class="card-wrapper product-card-wrapper"> 10916 <div 10917 class=" 10918 card 10919 card--card 10920 card--media 10921 color-background-1 gradient 10922 10923 10924 10925 " 10926 style="--ratio-percent: 100%;" 10927 > 10928 <div 10929 class="card__inner ratio" 10930 style="--ratio-percent: 100%;" 10931 ><div class="card__media"> 10932 10933 <div class="quick-add quick-add-test no-js-hidden"> 10934
10935 <modal-opener data-modal="#QuickAdd-9444366745844"> 10936 <button 10937 id="quick-add-template--23890806309108__featured_collection_G6EN3c9444366745844-submit" 10938 type="submit" 10939 name="add" 10940 class="quick-add__submit button--full-width button--secondary" 10941 aria-haspopup="dialog" 10942 aria-labelledby="quick-add-template--23890806309108__featured_collection_G6EN3c9444366745844-submit title-template--23890806309108__featured_collection_G6EN3c-9444366745844" 10943 data-product-url="/products/c43979" 10944 > 10945 Quick shop 10946<div class="loading-overlay__spinner hidden"> 10947 <svg 10948 aria-hidden="true" 10949 focusable="false" 10950 class="spinner" 10951 viewBox="0 0 66 66" 10952 xmlns="http://www.w3.org/2000/svg" 10953 > 10954 <circle class="path" fill="none" stroke-width="6" cx="33" cy="33" r="30"></circle> 10955 </svg> 10956 </div> 10957 </button> 10958 </modal-opener> 10959 <quick-add-modal id="QuickAdd-9444366745844" class="quick-add-modal"> 10960 <div 10961 role="dialog" 10962 aria-label="Choose options for Men&#39;s 6.ZERÃGRAND Quick-On Sneaker" 10963 aria-modal="true" 10964 class="quick-add-modal__content global-settings-popup" 10965 tabindex="-1" 10966 > 10967 <button 10968 id="ModalClose-9444366745844" 10969 type="button" 10970 class="quick-add-modal__toggle" 10971 aria-label="Close" 10972 > 10973 <svg 10974 xmlns="http://www.w3.org/2000/svg" 10975 aria-hidden="true" 10976 focusable="false" 10977 class="icon icon-close" 10978 fill="none" 10979 viewBox="0 0 18 17" 10980> 10981 <path d="M.865 15.978a.5.5 0 00.707.707l7.433-7.431 7.579 7.282a.501.501 0 00.846-.37.5.5 0 00-.153-.351L9.712 8.546l7.417-7.416a.5.5 0 10-.707-.708L8.991 7.853 1.413.573a.5.5 0 10-.693.72l7.563 7.268-7.418 7.417z" fill="currentColor"> 10982</svg> 10983 10984 </button> 10985 <div class="logo_ch"> 10986 <img src="https://cdn.shopify.com/s/files/1/0268/1228/5039/files/colehaan_logo.png?v=1694757702" style="width: 150px; margin: 20px;"/> 10987 </div> 10988 <div id="QuickAddInfo-9444366745844" class="quick-add-modal__content-info"> 10989 </div> 10990 10991 <div class="cart-and-ipay"> 10992 <button class="add-to-cart-global btn" onclick="triggerQuickBasket(event, 'product-form-quickadd-template--23890806309108__featured_collection_G6EN3c');" title="Add to bag"> 10993 Add to Bag 10994 </button> 10995 </div> 10996 </div> 10997 </quick-add-modal> 10998 10999 11000 </div> 11001 11002 <div class="media"> 11003 11004 11005 <a class="pdp-navigation-link" onclick = "redirectFn(this);" href="/products/c43979"> 11006 <img class="img-tag pdp-primaryimage" 11007 srcset="//colehaan.com.ph/cdn/shop/files/BaseTransform1_601466ab-63ea-4439-9777-c9c3cc115053.jpg?v=1777865932&width=165 165w,//colehaan.com.ph/cdn/shop/files/BaseTransform1_601466ab-63ea-4439-9777-c9c3cc115053.jpg?v=1777865932&width=360 360w,//colehaan.com.ph/cdn/shop/files/BaseTransform1_601466ab-63ea-4439-9777-c9c3cc115053.jpg?v=1777865932&width=533 533w,//colehaan.com.ph/cdn/shop/files/BaseTransform1_601466ab-63ea-4439-9777-c9c3cc115053.jpg?v=1777865932&width=720 720w,//colehaan.com.ph/cdn/shop/files/BaseTransform1_601466ab-63ea-4439-9777-c9c3cc115053.jpg?v=1777865932&width=940 940w,//colehaan.com.ph/cdn/shop/files/BaseTransform1_601466ab-63ea-4439-9777-c9c3cc115053.jpg?v=1777865932&width=1066 1066w,//colehaan.com.ph/cdn/shop/files/BaseTransform1_601466ab-63ea-4439-9777-c9c3cc115053.jpg?v=1777865932 2000w 11008 " 11009 src="//colehaan.com.ph/cdn/shop/files/BaseTransform1_601466ab-63ea-4439-9777-c9c3cc115053.jpg?v=1777865932&width=533" 11010 sizes="(min-width: 1200px) 267px, (min-width: 990px) calc((100vw - 130px) / 4), (min-width: 750px) calc((100vw - 120px) / 3), calc((100vw - 35px) / 2)" 11011 alt="C43979:IVORY / NAVY BLAZER / CH DARK CHOCOLATE" 11012 class="motion-reduce" 11013 11014 loading="lazy" 11015 11016 width="2000" 11017 height="2250" 11018 > 11019 11020</a> 11021 </div> 11022 </div><div class="card__content"> 11023 <div class="card__information"> 11024 <h3 11025 class="card__heading" 11026 11027 > 11028 <a 11029 href="/products/c43979" 11030 id="StandardCardNoMediaLink-template--23890806309108__featured_collection_G6EN3c-9444366
11030745844" 11031 class="full-unstyled-link" 11032 aria-labelledby="StandardCardNoMediaLink-template--23890806309108__featured_collection_G6EN3c-9444366745844 NoMediaStandardBadge-template--23890806309108__featured_collection_G6EN3c-9444366745844" 11033 > 11034 Men's 6.ZERÃGRAND Quick-On Sneaker 11035 </a> 11036 </h3> 11037 </div> 11038 <div class="card__badge bottom left"> 11039 11040 </div> 11041 </div> 11042 </div> 11043 <div class="card__content card-content"> 11044 <div class="card__information"> 11045 11046 11047<variant-radios 11048 id="variant-radios-template--23890806309108__featured_collection_G6EN3c" 11049 class="no-js-hidden" 11050 data-section="template--23890806309108__featured_collection_G6EN3c" 11051 data-url="/products/c43979" 11052 11053 11054 > 11055 <div class= "clr-swatches-plp"><fieldset class="js product-form__input"> 11056 11057
11057<script src="//colehaan.com.ph/cdn/shop/t/131/assets/global.js?v=15889204645569497881790040512" defer="defer"></script>
11057<div 11058 class="swatches-wrapper" 11059 id="swatches-9444366745844-template--23890806309108__featured_collection_G6EN3c" 11060 data-related-handles="c45739,c45738,c43980,c43978,c43977" 11061 data-section-id="template--23890806309108__featured_collection_G6EN3c" 11062 data-product-id="9444366745844" 11063 data-product-form-id="product-form-template--23890806309108__featured_collection_G6EN3c" 11064> 11065<input 11066 class="related-product" 11067 type="radio" 11068 id="template--23890806309108__featured_collection_G6EN3c-1-1" 11069 name="Color" 11070 value="Navy Blazer-Dark Chocolate" 11071 form="product-form-template--23890806309108__featured_collection_G6EN3c" 11072 data-url="/products/c43979" 11073 11074 checked 11075 11076 11077 > 11078 <label class="color-swatches-plp" for="template--23890806309108__featured_collection_G6EN3c-1-1" style="background: url('https://colehaan.com.ph/cdn/shop/files/BaseTransform1_601466ab-63ea-4439-9777-c9c3cc115053.jpg?v=1777865932') center no-repeat; background-size: contain;" onclick="redirectToUrlCollection(this);"> 11079 </label> 11080 11081 11082 11083 <div class="related-swatches-container"></div> 11084</div> 11085 11086 </fieldset><fieldset class="js product-form__input"> 11087 11088 </fieldset><fieldset class="js product-form__input"> 11089 11090 </fieldset><span class="mobile-swatch-plus-plp" > 11091 11092 <a href="/products/c43979">+</a> 11093 </span> 11094 11095 11096
11096<script type="application/json"> 11097 11098 [{"id":48123386527988,"title":"Navy Blazer-Dark Chocolate \/ Medium \/ 7","option1":"Navy Blazer-Dark Chocolate","option2":"Medium","option3":"7","sku":"C43979 7.0M","requires_shipping":true,"taxable":true,"featured_image":null,"available":false,"name":"Men's 6.ZERÃGRAND Quick-On Sneaker - Navy Blazer-Dark Chocolate \/ Medium \/ 7","public_title":"Navy Blazer-Dark Chocolate \/ Medium \/ 7","options":["Navy Blazer-Dark Chocolate","Medium","7"],"price":999000,"weight":1000,"compare_at_price":1299500,"inventory_management":"shopify","barcode":"198859604590","requires_selling_plan":false,"selling_plan_allocations":[],"quantity_rule":{"min":1,"max":null,"increment":1}},{"id":48123386560756,"title":"Navy Blazer-Dark Chocolate \/ Medium \/ 7.5","option1":"Navy Blazer-Dark Chocolate","option2":"Medium","option3":"7.5","sku":"C43979 7.5M","requires_shipping":true,"taxable":true,"featured_image":null,"available":false,"name":"Men's 6.ZERÃGRAND Quick-On Sneaker - Navy Blazer-Dark Chocolate \/ Medium \/ 7.5","public_title":"Navy Blazer-Dark Chocolate \/ Medium \/ 7.5","options":["Navy Blazer-Dark Chocolate","Medium","7.5"],"price":999000,"weight":1000,"compare_at_price":1299500,"inventory_management":"shopify","barcode":"198859604606","requires_selling_plan":false,"selling_plan_allocations":[],"quantity_rule":{"min":1,"max":null,"increment":1}},{"id":48123386593524,"title":"Navy Blazer-Dark Chocolate \/ Medium \/ 8","option1":"Navy Blazer-Dark Chocolate","option2":"Medium","option3":"8","sku":"C43979 8.0M","requires_shipping":true,"taxable":true,"featured_image":null,"available":false,"name":"Men's 6.ZERÃGRAND Quick-On Sneaker - Navy Blazer-Dark Chocolate \/ Medium \/ 8","public_title":"Navy Blazer-Dark Chocolate \/ Medium \/ 8","options":["Navy Blazer-Dark Chocolate","Medium","8"],"price":999000,"weight":1000,"compare_at_price":1299500,"inventory_management":"shopify","barcode":"198859604613","requires_selling_plan":false,"selling_plan_allocations":[],"quantity_rule":{"min":1,"max":null,"increment":1}},{"id":48123386626292,"title":"Navy Blazer-Dark Chocolate \/ Medium \/ 8.5","option1":"Navy Blazer-Dark Chocolate","option2":"Medium","option3":"8.5","sku":"C43979 8.5M","requires_shipping":true,"taxable":true,"featured_image":null,"available":true,"name":"Men's 6.ZERÃGRAND Quick-On Sneaker - Navy Blazer-Dark Chocolate \/ Medium \/ 8.5","public_title":"Navy Blazer-Dark Chocolate \/ Medium \/ 8.5","options":["Navy Blazer-Dark Chocolate","Medium","8.5"],"price":999000,"weight":1000,"compare_at_price":1299500,"inventory_management":"shopify","barcode":"198859604620","requires_selling_plan":false,"selling_plan_allocations":[],"quantity_rule":{"min":1,"max":null,"increment":1}},{"id":48123386659060,"title":"Navy Blazer-Dark Chocolate \/ Medium \/ 9","option1":"Navy Blazer-Dark Chocolate","option2":"Medium","option3":"9","sku":"C43979 9.0M","requires_shipping":true,"taxable":true,"featured_image":null,"available":false,"name":"Men's 6.ZERÃGRAND Quick-On Sneaker - Navy Blazer-Dark Chocolate \/ Medium \/ 9","public_title":"Navy Blazer-Dark Chocolate \/ Medium \/ 9","options":["Navy Blazer-Dark Chocolate","Medium","9"],"price":999000,"weight":1000,"compare_at_price":1299500,"inventory_management":"shopify","barcode":"198859604637","requires_selling_plan":false,"selling_plan_allocations":[],"quantity_rule":{"min":1,"max":null,"increment":1}},{"id":48123386691828,"title":"Navy Blazer-Dark Chocolate \/ Medium \/ 9.5","option1":"Navy Blazer-Dark Chocolate","option2":"Medium","option3":"9.5","sku":"C43979 9.5M","requires_shipping":true,"taxable":true,"featured_image":null,"available":false,"name":"Men's 6.ZERÃGRAND Quick-On Sneaker - Navy Blazer-Dark Chocolate \/ Medium \/ 9.5","public_title":"Navy Blazer-Dark Chocolate \/ Medium \/ 9.5","options":["Navy Blazer-Dark Chocolate","Medium","9.5"],"price":999000,"weight":1000,"compare_at_price":1299500,"inventory_management":"shopify","barcode":"198859604644","requires_selling_plan":false,"selling_plan_allocations":[],"quantity_rule":{"min":1,"max":null,"increment":1}},{"id":48123386724596,"title":"Navy Blazer-Dark Chocolate \/ Medium \/ 10","option1":"Navy Blazer-Dark Chocolate","option2":"Medium","option3":"10","sku":"C43979 10.0M","requires_shipping":true,"taxable":true,"featured_image":null,"available":true,"name":"Men's 6.ZERÃGRAND Quick-On Sneaker - Navy Blazer-Dark Chocolate \/ Medium \/ 10","public_title":"Navy Blazer-Dark Chocolate \/ Medium \/ 10","options":["Navy Blazer-Dark Chocolate","Medium","10"],"price":999000,"weight":1000,"compare_at_price":1299500,"inventory_management":"shopify","barcode":"198859604538","requires_selling_plan":false,"selling_plan_allocations":[],"quantity_rule":{"min":1,"max":null,"increment":1}},{"id":48123386757364,"title":"Navy Blazer-Dark Chocolate \/ Medium \/ 10.5","option1":"Navy Blazer-Dark Chocolate","option2":"Medium","option3":"10.5","sku":"C43979 10.5M","requires_shipping":true,"taxable":true,"featured_image":null,"available":true,"name":"Men's 6.ZERÃGRAND Quick-On Sneaker - Navy Blazer-Dark Chocolate \/ Medium \/ 10.5","public_title":"Navy Blazer-Dark Chocolate \/ Medium \/ 10.5","options":["Navy Blazer-Dark Chocolate","Medium","10.5"],"price":999000,"weight":1000,"compare_at_price":1299500,"inventory_management":"shopify","barcode":"198859604545","requires_selling_plan":false,"selling_plan_allocations":[],"quantity_rule":{"min":1,"max":null,"increment":1}},{"id":48123386790132,"title":"Navy Blazer-Dark Chocolate \/ Medium \/ 11","option1":"Navy Blazer-Dark Chocolate","option2":"Medium","option3":"11","sku":"C43979 11.0M","requires_shipping":true,"taxable":true,"featured_image":null,"available":false,"name":"Men's 6.ZERÃGRAND Quick-On Sneaker - Navy Blazer-Dark Chocolate \/ Medium \/ 11","public_title":"Navy Blazer-Dark Chocolate \/ Medium \/ 11","options":["Navy Blazer-Dark Chocolate","Medium","11"],"price":999000,"weight":1000,"compare_at_price":1299500,"inventory_management":"shopify","barcode":"198859604552","requires_selling_plan":false,"selling_plan_allocations":[],"quantity_rule":{"min":1,"max":null,"increment":1}},{"id":48133205065972,"title":"Navy Blazer-Dark Chocolate \/ Medium \/ 11.5","option1":"Navy Blazer-Dark Chocolate","option2":"Medium","option3":"11.5","sku":"C43979 11.5M","requires_shipping":true,"taxable":true,"featured_image":null,"available":false,"name":"Men's 6.ZERÃGRAND Quick-On Sneaker - Navy Blazer-Dark Chocolate \/ Medium \/ 11.5","public_title":"Navy Blazer-Dark Chocolate \/ Medium \/ 11.5","options":["Navy Blazer-Dark Chocolate","Medium","11.5"],"price":999000,"weight":1000,"compare_at_price":1299500,"inventory_management":"shopify","barcode":null,"requires_selling_plan":false,"selling_plan_allocations":[],"quantity_rule":{"min":1,"max":null,"increment":1}},{"id":48123386855668,"title":"Navy Blazer-Dark Chocolate \/ Medium \/ 12","option1":"Navy Blazer-Dark Chocolate","option2":"Medium","option3":"12","sku":"C43979 12.0M","requires_shipping":true,"taxable":true,"featured_image":null,"available":true,"name":"Men's 6.ZERÃGRAND Quick-On Sneaker - Navy Blazer-Dark Chocolate \/ Medium \/ 12","public_title":"Navy Blazer-Dark Chocolate \/ Medium \/ 12","options":["Navy Blazer-Dark Chocolate","Medium","12"],"price":999000,"weight":1000,"compare_at_price":1299500,"inventory_management":"shopify","barcode":"198859604576","requires_selling_plan":false,"selling_plan_allocations":[],"quantity_rule":{"min":1,"max":null,"increment":1}}] 11099 11100 </script>
11100 11101 11102 </div> 11103 </variant-radios><noscript class="product-form__noscript-wrapper-template--23890806309108__featured_collection_G6EN3c"> 11104 <div class="product-form__input"> 11105 <label class="form__label" for="Variants-template--23890806309108__featured_collection_G6EN3c">Product variants</label> 11106 <div class="select"> 11107 <select 11108 name="id" 11109 id="Variants-template--23890806309108__featured_collection_G6EN3c" 11110 class="select__select" 11111 form="" 11112 ><option 11113 11114 11115 disabled 11116 11117 value="48123386527988" 11118 >Navy Blazer-Dark Chocolate / Medium / 7 - â±9,990.00 - Add to Bag</option><option 11119 11120 11121 disabled 11122 11123 value="48123386560756" 11124 >Navy Blazer-Dark Chocolate / Medium / 7.5 - â±9,990.00 - Add to Bag</option><option 11125 11126 11127 disabled 11128 11129 value="48123386593524" 11130 >Navy Blazer-Dark Chocolate / Medium / 8 - â±9,990.00 - Add to Bag</option><option 11131 11132 selected="selected" 11133 11134 11135 value="48123386626292" 11136 >Navy Blazer-Dark Chocolate / Medium / 8.5 - â±9,990.00</option><option 11137 11138 11139 disabled 11140 11141 value="48123386659060" 11142 >Navy Blazer-Dark Chocolate / Medium / 9 - â±9,990.00 - Add to Bag</option><option 11143 11144 11145 disabled 11146 11147 value="48123386691828" 11148 >Navy Blazer-Dark Chocolate / Medium / 9.5 - â±9,990.00 - Add to Bag</option><option 11149 11150 11151 value="48123386724596" 11152 >Navy Blazer-Dark Chocolate / Medium / 10 - â±9,990.00</option><option 11153 11154 11155 value="48123386757364" 11156 >Navy Blazer-Dark Chocolate / Medium / 10.5 - â±9,990.00</option><option 11157 11158 11159 disabled 11160 11161 value="48123386790132" 11162 >Navy Blazer-Dark Chocolate / Medium / 11 - â±9,990.00 - Add to Bag</option><option 11163 11164 11165 disabled 11166 11167 value="48133205065972" 11168 >Navy Blazer-Dark Chocolate / Medium / 11.5 - â±9,990.00 - Add to Bag</option><option 11169 11170 11171 value="48123386855668" 11172 >Navy Blazer-Dark Chocolate / Medium / 12 - â±9,990.00</option></select> 11173 <svg aria-hidden="true" focusable="false" class="icon icon-caret" viewBox="0 0 10 6"> 11174 <path fill-rule="evenodd" clip-rule="evenodd" d="M9.354.646a.5.5 0 00-.708 0L5 4.293 1.354.646a.5.5 0 00-.708.708l4 4a.5.5 0 00.708 0l4-4a.5.5 0 000-.708z" fill="currentColor"> 11175</svg> 11176<!-- <svg fill="#000000" height="14px" width="14px" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 330 330" xml:space="preserve" stroke="#000000" stroke-width="0.0033"><g id="SVGRepo_bgCarrier" stroke-width="0"></g><g id="SVGRepo_tracerCarrier" stroke-linecap="round" stroke-linejoin="round"></g> 11177 <g id="SVGRepo_iconCarrier"> 11178 <path id="XMLID_225_" d="M325.607,79.393c-5.857-5.857-15.355-5.858-21.213,0.001l-139.39,139.393L25.607,79.393 c-5.857-5.857-15.355-5.858-21.213,0.001c-5.858,5.858-5.858,15.355,0,21.213l150.004,150c2.813,2.813,6.628,4.393,10.606,4.393 s7.794-1.581,10.606-4.394l149.996-150C331.465,94.749,331.465,85.251,325.607,79.393z"> 11179 </path> </g></svg> --> 11180 11181 </div> 11182 </div> 11183</noscript> 11184
11185<script> 11186// var dataUrl; 11187// function fetchUrl(){ 11188// var productUrl = document.querySelector("button[data-product-url]"); 11189// if (productUrl) { 11190// debugger; 11191// dataUrl = productUrl.getAttribute("data-product-url"); 11192// console.log("data-product-url: ", dataUrl); 11193// } 11194// } 11195</script>
11195 11196 11197 11198 11199<div class=" 11200 price price--on-sale "> 11201 <div class="price__container"><div class="price__regular"> 11202 <span class="visually-hidden visually-hidden--inline">Regular price</span> 11203 <span class="price-item price-item--regular"> 11204 â±9,990 11205 </span> 11206 </div> 11207 <div class="price__sale price--large"> 11208 11209 <div class="" style="display: flex; white-space: nowrap; align-items: center;"> 11210 <span class="visually-hidden visually-hidden--inline">Regular price</span> 11211 <span class="strike-through quick-shop-regular"> 11212 <s class="price-item price-item--regular"> 11213 11214 â±12,995 11215 11216 </s> 11217 </span><span class="visually-hidden visually-hidden--inline " >Sale price</span> 11218 <span class="price-item price-item--sale price-item--last quick-shop-sale"> 11219 â±9,990 11220 </span> 11221 </div> 11222 <span class="compare-mark"> 11223 (23% Off) 11224 </span><style> 11225 .compare-mark{ 11226 font-size: 13px; 11227 color: #ff0d0d; 11228 font-family: WorkSansLight; 11229 margin-left: -10px; 11230 font-weight: 600; 11231 display: inline-flex; 11232 } 11233 @media screen and (max-width: 575px){ 11234 .compare-mark{ 11235 margin-left: 0; 11236 } 11237 .card-wrapper .price.price--on-sale .price__container { 11238 display: inline-flex; 11239 align-items: center; 11240 flex-wrap: wrap; 11241 align-items: flex-start; 11242 text-align: left; 11243 } 11244 } 11245 </style> 11246 </div> 11247 <small class="unit-price caption hidden"> 11248 <span class="visually-hidden">Unit price</span> 11249 <span class="price-item price-item--last"> 11250 <span></span> 11251 <span aria-hidden="true">/</span> 11252 <span class="visually-hidden"> per </span> 11253 <span> 11254 </span> 11255 </span> 11256 </small> 11257 </div></div> 11258 11259 <h3 11260 class="card_title card__heading h5" 11261 11262 id="title-template--23890806309108__featured_collection_G6EN3c-9444366745844" 11263 11264 > 11265 11266 11267 <a class="product_url" 11268 href="/products/c43979"> 11269 Men's 6.ZERÃGRAND Quick-On Sneaker 11270 </a> 11271 11272 </h3> 11273 <div class="card-information"><span class="caption-large light"></span></div> 11274 </div> 11275 11276 <div class="card__badge bottom left"><span 11277 id="Badge-template--23890806309108__featured_collection_G6EN3c-9444366745844" 11278 class="badge badge--bottom-left color-accent-2" 11279 >Sale</span></div> 11280 </div> 11281 </div> 11282 </div>
11282<script> 11283 11284 11285// function redirectFn(e){ 11286 11287// console.log('test e',e); 11288// const srcSet = e.querySelector('.pdp-primaryimage'); 11289 11290// const srcSetVal = srcSet['srcset']; 11291 11292// const startIndex = srcSetVal.indexOf('/products/'); 11293// const endIndex = srcSetVal.indexOf('_', startIndex); 11294// const desiredValue = srcSetVal.substring(startIndex, endIndex); 11295 11296// e.setAttribute('href', desiredValue); 11297 11298 11299// } 11300 11301 11302// document.addEventListener("DOMContentLoaded", function() { 11303// const items = document.querySelectorAll('#product-grid li.grid__item'); 11304 11305// items.forEach(item => { 11306// const button = item.querySelector('.quick-add__submit'); 11307// const colorSwatches = item.querySelectorAll('.color-swatches-plp'); 11308 11309// colorSwatches.forEach(swatch => { 11310// swatch.addEventListener('click', () => { 11311// const inputId = swatch.getAttribute('for'); 11312// const relatedProduct = item.querySelector(`#${inputId}.related-product`); 11313// if (relatedProduct) { 11314// const newUrl = relatedProduct.getAttribute('data-url'); 11315// if (newUrl) { 11316// button.setAttribute('data-product-url', newUrl); 11317// console.log(`Updated data-product-url: ${newUrl}`); 11318// } 11319// } 11320// }); 11321// }); 11322// }); 11323// }); 11324// // swatches click on collection page 11325 11326// document.addEventListener("DOMContentLoaded", function() { 11327 11328// initializeProductHrefs(); 11329 11330 11331// const colorSwatches = document.querySelectorAll('.color-swatches-plp'); 11332// colorSwatches.forEach(swatch => { 11333// swatch.addEventListener('click', function() { 11334// updateHref(this); 11335// }); 11336// }); 11337 11338 11339// const firstColorSwatch = document.querySelector('.color-swatches-plp'); 11340// if (firstColorSwatch) { 11341// firstColorSwatch.addEventListener('click', function() { 11342// updateHrefToFirstVariant(this); 11343// }); 11344// } 11345// }); 11346 11347// function initializeProductHrefs() { 11348// const productItems = document.querySelectorAll('#product-grid li.grid__item'); 11349// productItems.forEach((item, index) => { 11350// const firstVariant = item.querySelector('input.related-product'); 11351// if (firstVariant) { 11352// const initialUrl = firstVariant.getAttribute('data-url'); 11353// if (initialUrl) { 11354// const pdpNavigationLink = item.querySelector('.pdp-navigation-link'); 11355// pdpNavigationLink.setAttribute('href', initialUrl); 11356 11357// } 11358// } 11359// }); 11360// } 11361 11362// function updateHref(swatch) { 11363// const parentItem = swatch.closest('li.grid__item'); 11364// const inputId = swatch.getAttribute('for'); 11365// const relatedProduct = parentItem.querySelector(`input#${inputId}.related-product`); 11366// if (relatedProduct) { 11367// const newUrl = relatedProduct.getAttribute('data-url'); 11368// if (newUrl) { 11369// const pdpNavigationLink = parentItem.querySelector('.pdp-navigation-link'); 11370// pdpNavigationLink.setAttribute('href', newUrl); 11371 11372// } else { 11373// console.log(`No data-url found for swatch: ${inputId}`); 11374// } 11375// } else { 11376// console.log(`No related product input found for swatch: ${inputId}`); 11377// } 11378// } 11379 11380// function updateHrefToFirstVariant(swatch) { 11381// const parentItem = swatch.closest('li.grid__item'); 11382// const firstRelatedProduct = parentItem.querySelector('input.related-product'); 11383// if (firstRelatedProduct) { 11384// const firstUrl = firstRelatedProduct.getAttribute('data-url'); 11385// if (firstUrl) { 11386// const pdpNavigationLink = parentItem.querySelector('.pdp-navigation-link'); 11387// pdpNavigationLink.setAttribute('href', firstUrl); 11388 11389// } else { 11390// console.log('No data-url found for the first related product.'); 11391// } 11392// } else { 11393// console.log('No related product inputs found.'); 11394// } 11395// } 11396 11397 11398 11399</script>
11399 11400 11401 11402 </li><li 11403 id="Slide-template--23890806309108__featured_collection_G6EN3c-2" 11404 class="grid__item slider__slide" 11405 > 11406 11407 11408<link href="//colehaan.com.ph/cdn/shop/t/131/assets/component-rating.css?v=24573085263941240431790040493" rel="stylesheet" type="text/css" media="all" /> 11409<style> 11410 .eyebrow{ 11411 background: #808080 !important; 11412 } 11413</style><div class="card-wrapper product-card-wrapper"> 11414 <div 11415 class=" 11416 card 11417 card--card 11418 card--media 11419 color-background-1 gradient 11420 11421 11422 11423 " 11424 style="--ratio-percent: 100%;" 11425 > 11426 <div 11427 class="card__inner ratio" 11428 style="--ratio-percent: 100%;" 11429 ><div class="card__media"> 11430 11431 <div class="quick-add quick-add-test no-js-hidden"> 11432 11433 <modal-opener data-modal="#QuickAdd-9307197178100"> 11434 <button 11435 id="quick-add-template--23890806309108__featured_collection_G6EN3c9307197178100-submit" 11436 type="submit" 11437 name="add" 11438 class="quick-add__submit button--full-width button--secondary" 11439 aria-haspopup="dialog" 11440 aria-labelledby="quick-add-template--23890806309108__featured_collection_G6EN3c9307197178100-submit title-template--23890806309108__featured_collection_G6EN3c-9307197178100" 11441 data-product-url="/products/c42831" 11442 > 11443 Quick shop 11444<div class="loading-overlay__spinner hidden"> 11445 <svg 11446 aria-hidden="true" 11447 focusable="false" 11448 class="spinner"
11449 viewBox="0 0 66 66" 11450 xmlns="http://www.w3.org/2000/svg" 11451 > 11452 <circle class="path" fill="none" stroke-width="6" cx="33" cy="33" r="30"></circle> 11453 </svg> 11454 </div> 11455 </button> 11456 </modal-opener> 11457 <quick-add-modal id="QuickAdd-9307197178100" class="quick-add-modal"> 11458 <div 11459 role="dialog" 11460 aria-label="Choose options for Men&#39;s 6.ZERÃGRAND Laser Quick-On Oxford" 11461 aria-modal="true" 11462 class="quick-add-modal__content global-settings-popup" 11463 tabindex="-1" 11464 > 11465 <button 11466 id="ModalClose-9307197178100" 11467 type="button" 11468 class="quick-add-modal__toggle" 11469 aria-label="Close" 11470 > 11471 <svg 11472 xmlns="http://www.w3.org/2000/svg" 11473 aria-hidden="true" 11474 focusable="false" 11475 class="icon icon-close" 11476 fill="none" 11477 viewBox="0 0 18 17" 11478> 11479 <path d="M.865 15.978a.5.5 0 00.707.707l7.433-7.431 7.579 7.282a.501.501 0 00.846-.37.5.5 0 00-.153-.351L9.712 8.546l7.417-7.416a.5.5 0 10-.707-.708L8.991 7.853 1.413.573a.5.5 0 10-.693.72l7.563 7.268-7.418 7.417z" fill="currentColor"> 11480</svg> 11481 11482 </button> 11483 <div class="logo_ch"> 11484 <img src="https://cdn.shopify.com/s/files/1/0268/1228/5039/files/colehaan_logo.png?v=1694757702" style="width: 150px; margin: 20px;"/> 11485 </div> 11486 <div id="QuickAddInfo-9307197178100" class="quick-add-modal__content-info"> 11487 </div> 11488 11489 <div class="cart-and-ipay"> 11490 <button class="add-to-cart-global btn" onclick="triggerQuickBasket(event, 'product-form-quickadd-template--23890806309108__featured_collection_G6EN3c');" title="Add to bag"> 11491 Add to Bag 11492 </button> 11493 </div> 11494 </div> 11495 </quick-add-modal> 11496 11497 11498 </div> 11499 11500 <div class="media"> 11501 11502 11503 <a class="pdp-navigation-link" onclick = "redirectFn(this);" href="/products/c42831"> 11504 <img class="img-tag pdp-primaryimage" 11505 srcset="//colehaan.com.ph/cdn/shop/files/BaseTransform1_cdb7d99f-77de-4d84-9f0f-fb5395b58a77.jpg?v=1770007086&width=165 165w,//colehaan.com.ph/cdn/shop/files/BaseTransform1_cdb7d99f-77de-4d84-9f0f-fb5395b58a77.jpg?v=1770007086&width=360 360w,//colehaan.com.ph/cdn/shop/files/BaseTransform1_cdb7d99f-77de-4d84-9f0f-fb5395b58a77.jpg?v=1770007086&width=533 533w,//colehaan.com.ph/cdn/shop/files/BaseTransform1_cdb7d99f-77de-4d84-9f0f-fb5395b58a77.jpg?v=1770007086&width=720 720w,//colehaan.com.ph/cdn/shop/files/BaseTransform1_cdb7d99f-77de-4d84-9f0f-fb5395b58a77.jpg?v=1770007086&width=940 940w,//colehaan.com.ph/cdn/shop/files/BaseTransform1_cdb7d99f-77de-4d84-9f0f-fb5395b58a77.jpg?v=1770007086&width=1066 1066w,//colehaan.com.ph/cdn/shop/files/BaseTransform1_cdb7d99f-77de-4d84-9f0f-fb5395b58a77.jpg?v=1770007086 2000w 11506 " 11507 src="//colehaan.com.ph/cdn/shop/files/BaseTransform1_cdb7d99f-77de-4d84-9f0f-fb5395b58a77.jpg?v=1770007086&width=533" 11508 sizes="(min-width: 1200px) 267px, (min-width: 990px) calc((100vw - 130px) / 4), (min-width: 750px) calc((100vw - 120px) / 3), calc((100vw - 35px) / 2)" 11509 alt="C42831:BLACK / RAVEN" 11510 class="motion-reduce" 11511 11512 loading="lazy" 11513 11514 width="2000" 11515 height="2250" 11516 > 11517 11518</a> 11519 </div> 11520 </div><div class="card__content"> 11521 <div class="card__information"> 11522 <h3 11523 class="card__heading" 11524 11525 > 11526 <a 11527 href="/products/c42831" 11528 id="StandardCardNoMediaLink-template--23890806309108__featured_collection_G6EN3c-93
1152807197178100" 11529 class="full-unstyled-link" 11530 aria-labelledby="StandardCardNoMediaLink-template--23890806309108__featured_collection_G6EN3c-9307197178100 NoMediaStandardBadge-template--23890806309108__featured_collection_G6EN3c-9307197178100" 11531 > 11532 Men's 6.ZERÃGRAND Laser Quick-On Oxford 11533 </a> 11534 </h3> 11535 </div> 11536 <div class="card__badge bottom left"> 11537 11538 </div> 11539 </div> 11540 </div> 11541 <div class="card__content card-content"> 11542 <div class="card__information"> 11543 11544 11545<variant-radios 11546 id="variant-radios-template--23890806309108__featured_collection_G6EN3c" 11547 class="no-js-hidden" 11548 data-section="template--23890806309108__featured_collection_G6EN3c" 11549 data-url="/products/c42831" 11550 11551 11552 > 11553 <div class= "clr-swatches-plp"><fieldset class="js product-form__input"> 11554 11555
11555<script src="//colehaan.com.ph/cdn/shop/t/131/assets/global.js?v=15889204645569497881790040512" defer="defer"></script>
11555<div 11556 class="swatches-wrapper" 11557 id="swatches-9307197178100-template--23890806309108__featured_collection_G6EN3c" 11558 data-related-handles="c44625,c46098,c42832,c42830,c42829" 11559 data-section-id="template--23890806309108__featured_collection_G6EN3c" 11560 data-product-id="9307197178100" 11561 data-product-form-id="product-form-template--23890806309108__featured_collection_G6EN3c" 11562> 11563<input 11564 class="related-product" 11565 type="radio" 11566 id="template--23890806309108__featured_collection_G6EN3c-1-1" 11567 name="Color" 11568 value="Black-Raven" 11569 form="product-form-template--23890806309108__featured_collection_G6EN3c" 11570 data-url="/products/c42831" 11571 11572 checked 11573 11574 11575 > 11576 <label class="color-swatches-plp" for="template--23890806309108__featured_collection_G6EN3c-1-1" style="background: url('https://colehaan.com.ph/cdn/shop/files/BaseTransform1_cdb7d99f-77de-4d84-9f0f-fb5395b58a77.jpg?v=1770007086') center no-repeat; background-size: contain;" onclick="redirectToUrlCollection(this);"> 11577 </label> 11578 11579 11580 11581 <div class="related-swatches-container"></div> 11582</div> 11583 11584 </fieldset><fieldset class="js product-form__input"> 11585 11586 </fieldset><fieldset class="js product-form__input"> 11587 11588 </fieldset><span class="mobile-swatch-plus-plp" > 11589 11590 <a href="/products/c42831">+</a> 11591 </span> 11592 11593 11594
11594<script type="application/json"> 11595 11596 [{"id":47571757007092,"title":"Black-Raven \/ Wide \/ 7","option1":"Black-Raven","option2":"Wide","option3":"7","sku":"C42831 7.0W","requires_shipping":true,"taxable":true,"featured_image":null,"available":false,"name":"Men's 6.ZERÃGRAND Laser Quick-On Oxford - Black-Raven \/ Wide \/ 7","public_title":"Black-Raven \/ Wide \/ 7","options":["Black-Raven","Wide","7"],"price":899000,"weight":1000,"compare_at_price":1199500,"inventory_management":"shopify","barcode":"198859506160","requires_selling_plan":false,"selling_plan_allocations":[],"quantity_rule":{"min":1,"max":null,"increment":1}},{"id":47571757105396,"title":"Black-Raven \/ Wide \/ 8.5","option1":"Black-Raven","option2":"Wide","option3":"8.5","sku":"C42831 8.5W","requires_shipping":true,"taxable":true,"featured_image":null,"available":false,"name":"Men's 6.ZERÃGRAND Laser Quick-On Oxford - Black-Raven \/ Wide \/ 8.5","public_title":"Black-Raven \/ Wide \/ 8.5","options":["Black-Raven","Wide","8.5"],"price":899000,"weight":1000,"compare_at_price":1199500,"inventory_management":"shopify","barcode":"198859506191","requires_selling_plan":false,"selling_plan_allocations":[],"quantity_rule":{"min":1,"max":null,"increment":1}},{"id":47571757236468,"title":"Black-Raven \/ Wide \/ 10.5","option1":"Black-Raven","option2":"Wide","option3":"10.5","sku":"C42831 10.5W","requires_shipping":true,"taxable":true,"featured_image":null,"available":true,"name":"Men's 6.ZERÃGRAND Laser Quick-On Oxford - Black-Raven \/ Wide \/ 10.5","public_title":"Black-Raven \/ Wide \/ 10.5","options":["Black-Raven","Wide","10.5"],"price":899000,"weight":1000,"compare_at_price":1199500,"inventory_management":"shopify","barcode":"198859506115","requires_selling_plan":false,"selling_plan_allocations":[],"quantity_rule":{"min":1,"max":null,"increment":1}},{"id":47571757269236,"title":"Black-Raven \/ Wide \/ 11","option1":"Black-Raven","option2":"Wide","option3":"11","sku":"C42831 11.0W","requires_shipping":true,"taxable":true,"featured_image":null,"available":false,"name":"Men's 6.ZERÃGRAND Laser Quick-On Oxford - Black-Raven \/ Wide \/ 11","public_title":"Black-Raven \/ Wide \/ 11","options":["Black-Raven","Wide","11"],"price":899000,"weight":1000,"compare_at_price":1199500,"inventory_management":"shopify","barcode":"198859506122","requires_selling_plan":false,"selling_plan_allocations":[],"quantity_rule":{"min":1,"max":null,"increment":1}},{"id":47571757334772,"title":"Black-Raven \/ Wide \/ 12","option1":"Black-Raven","option2":"Wide","option3":"12","sku":"C42831 12.0W","requires_shipping":true,"taxable":true,"featured_image":null,"available":false,"name":"Men's 6.ZERÃGRAND Laser Quick-On Oxford - Black-Raven \/ Wide \/ 12","public_title":"Black-Raven \/ Wide \/ 12","options":["Black-Raven","Wide","12"],"price":899000,"weight":1000,"compare_at_price":1199500,"inventory_management":"shopify","barcode":"198859506146","requires_selling_plan":false,"selling_plan_allocations":[],"quantity_rule":{"min":1,"max":null,"increment":1}},{"id":47571757039860,"title":"Black-Raven \/ Wide \/ 7.5","option1":"Black-Raven","option2":"Wide","option3":"7.5","sku":"C42831 7.5W","requires_shipping":true,"taxable":true,"featured_image":null,"available":false,"name":"Men's 6.ZERÃGRAND Laser Quick-On Oxford - Black-Raven \/ Wide \/ 7.5","public_title":"Black-Raven \/ Wide \/ 7.5","options":["Black-Raven","Wide","7.5"],"price":899000,"weight":1000,"compare_at_price":1199500,"inventory_management":"shopify","barcode":"198859506177","requires_selling_plan":false,"selling_plan_allocations":[],"quantity_rule":{"min":1,"max":null,"increment":1}},{"id":47571757072628,"title":"Black-Raven \/ Wide \/ 8","option1":"Black-Raven","option2":"Wide","option3":"8","sku":"C42831 8.0W","requires_shipping":true,"taxable":true,"featured_image":null,"available":false,"name":"Men's 6.ZERÃGRAND Laser Quick-On Oxford - Black-Raven \/ Wide \/ 8","public_title":"Black-Raven \/ Wide \/ 8","options":["Black-Raven","Wide","8"],"price":899000,"weight":1000,"compare_at_price":1199500,"inventory_management":"shopify","barcode":"198859506184","requires_selling_plan":false,"selling_plan_allocations":[],"quantity_rule":{"min":1,"max":null,"increment":1}},{"id":47571757138164,"title":"Black-Raven \/ Wide \/ 9","option1":"Black-Raven","option2":"Wide","option3":"9","sku":"C42831 9.0W","requires_shipping":true,"taxable":true,"featured_image":null,"available":false,"name":"Men's 6.ZERÃGRAND Laser Quick-On Oxford - Black-Raven \/ Wide \/ 9","public_title":"Black-Raven \/ Wide \/ 9","options":["Black-Raven","Wide","9"],"price":899000,"weight":1000,"compare_at_price":1199500,"inventory_management":"shopify","barcode":"198859506207","requires_selling_plan":false,"selling_plan_allocations":[],"quantity_rule":{"min":1,"max":null,"increment":1}},{"id":47571757170932,"title":"Black-Raven \/ Wide \/ 9.5","option1":"Black-Raven","option2":"Wide","option3":"9.5","sku":"C42831 9.5W","requires_shipping":true,"taxable":true,"featured_image":null,"available":true,"name":"Men's 6.ZERÃGRAND Laser Quick-On Oxford - Black-Raven \/ Wide \/ 9.5","public_title":"Black-Raven \/ Wide \/ 9.5","options":["Black-Raven","Wide","9.5"],"price":899000,"weight":1000,"compare_at_price":1199500,"inventory_management":"shopify","barcode":"198859506214","requires_selling_plan":false,"selling_plan_allocations":[],"quantity_rule":{"min":1,"max":null,"increment":1}},{"id":47571757203700,"title":"Black-Raven \/ Wide \/ 10","option1":"Black-Raven","option2":"Wide","option3":"10","sku":"C42831 10.0W","requires_shipping":true,"taxable":true,"featured_image":null,"available":false,"name":"Men's 6.ZERÃGRAND Laser Quick-On Oxford - Black-Raven \/ Wide \/ 10","public_title":"Black-Raven \/ Wide \/ 10","options":["Black-Raven","Wide","10"],"price":899000,"weight":1000,"compare_at_price":1199500,"inventory_management":"shopify","barcode":"198859506108","requires_selling_plan":false,"selling_plan_allocations":[],"quantity_rule":{"min":1,"max":null,"increment":1}}] 11597 11598 </script>
11598 11599 11600 </div> 11601 </variant-radios><noscript class="product-form__noscript-wrapper-template--23890806309108__featured_collection_G6EN3c"> 11602 <div class="product-form__input"> 11603 <label class="form__label" for="Variants-template--23890806309108__featured_collection_G6EN3c">Product variants</label> 11604 <div class="select"> 11605 <select 11606 name="id" 11607 id="Variants-template--23890806309108__featured_collection_G6EN3c" 11608 class="select__select" 11609 form="" 11610 ><option 11611 11612 11613 disabled 11614 11615 value="47571757007092" 11616 >Black-Raven / Wide / 7 - â±8,990.00 - Add to Bag</option><option 11617 11618 11619 disabled 11620 11621 value="47571757105396" 11622 >Black-Raven / Wide / 8.5 - â±8,990.00 - Add to Bag</option><option 11623 11624 selected="selected" 11625 11626 11627 value="47571757236468" 11628 >Black-Raven / Wide / 10.5 - â±8,990.00</option><option 11629 11630 11631 disabled 11632 11633 value="47571757269236" 11634 >Black-Raven / Wide / 11 - â±8,990.00 - Add to Bag</option><option 11635 11636 11637 disabled 11638 11639 value="47571757334772" 11640 >Black-Raven / Wide / 12 - â±8,990.00 - Add to Bag</option><option 11641 11642 11643 disabled 11644 11645 value="47571757039860" 11646 >Black-Raven / Wide / 7.5 - â±8,990.00 - Add to Bag</option><option 11647 11648 11649 disabled 11650 11651 value="47571757072628" 11652 >Black-Raven / Wide / 8 - â±8,990.00 - Add to Bag</option><option 11653 11654 11655 disabled 11656 11657 value="47571757138164" 11658 >Black-Raven / Wide / 9 - â±8,990.00 - Add to Bag</option><option 11659 11660 11661 value="47571757170932" 11662 >Black-Raven / Wide / 9.5 - â±8,990.00</option><option 11663 11664 11665 disabled 11666 11667 value="47571757203700" 11668 >Black-Raven / Wide / 10 - â±8,990.00 - Add to Bag</option></select> 11669 <svg aria-hidden="true" focusable="false" class="icon icon-caret" viewBox="0 0 10 6"> 11670 <path fill-rule="evenodd" clip-rule="evenodd" d="M9.354.646a.5.5 0 00-.708 0L5 4.293 1.354.646a.5.5 0 00-.708.708l4 4a.5.5 0 00.708 0l4-4a.5.5 0 000-.708z" fill="currentColor"> 11671</svg> 11672<!-- <svg fill="#000000" height="14px" width="14px" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 330 330" xml:space="preserve" stroke="#000000" stroke-width="0.0033"><g id="SVGRepo_bgCarrier" stroke-width="0"></g><g id="SVGRepo_tracerCarrier" stroke-linecap="round" stroke-linejoin="round"></g> 11673 <g id="SVGRepo_iconCarrier"> 11674 <path id="XMLID_225_" d="M325.607,79.393c-5.857-5.857-15.355-5.858-21.213,0.001l-139.39,139.393L25.607,79.393 c-5.857-5.857-15.355-5.858-21.213,0.001c-5.858,5.858-5.858,15.355,0,21.213l150.004,150c2.813,2.813,6.628,4.393,10.606,4.393 s7.794-1.581,10.606-4.394l149.996-150C331.465,94.749,331.465,85.251,325.607,79.393z"> 11675 </path> </g></svg> --> 11676 11677 </div> 11678 </div> 11679</noscript> 11680
11681<script> 11682// var dataUrl; 11683// function fetchUrl(){ 11684// var productUrl = document.querySelector("button[data-product-url]"); 11685// if (productUrl) { 11686// debugger; 11687// dataUrl = productUrl.getAttribute("data-product-url"); 11688// console.log("data-product-url: ", dataUrl); 11689// } 11690// } 11691</script>
11691 11692 11693 11694 11695<div class=" 11696 price price--on-sale "> 11697 <div class="price__container"><div class="price__regular"> 11698 <span class="visually-hidden visually-hidden--inline">Regular price</span> 11699 <span class="price-item price-item--regular"> 11700 â±8,990 11701 </span> 11702 </div> 11703 <div class="price__sale price--large"> 11704 11705 <div class="" style="display: flex; white-space: nowrap; align-items: center;"> 11706 <span class="visually-hidden visually-hidden--inline">Regular price</span> 11707 <span class="strike-through quick-shop-regular"> 11708 <s class="price-item price-item--regular"> 11709 11710 â±11,995 11711 11712 </s> 11713 </span><span class="visually-hidden visually-hidden--inline " >Sale price</span> 11714 <span class="price-item price-item--sale price-item--last quick-shop-sale"> 11715 â±8,990 11716 </span> 11717 </div> 11718 <span class="compare-mark"> 11719 (25% Off) 11720 </span><style> 11721 .compare-mark{ 11722 font-size: 13px; 11723 color: #ff0d0d; 11724 font-family: WorkSansLight; 11725 margin-left: -10px; 11726 font-weight: 600; 11727 display: inline-flex; 11728 } 11729 @media screen and (max-width: 575px){ 11730 .compare-mark{ 11731 margin-left: 0; 11732 } 11733 .card-wrapper .price.price--on-sale .price__container { 11734 display: inline-flex; 11735 align-items: center; 11736 flex-wrap: wrap; 11737 align-items: flex-start; 11738 text-align: left; 11739 } 11740 } 11741 </style> 11742 </div> 11743 <small class="unit-price caption hidden"> 11744 <span class="visually-hidden">Unit price</span> 11745 <span class="price-item price-item--last"> 11746 <span></span> 11747 <span aria-hidden="true">/</span> 11748 <span class="visually-hidden"> per </span> 11749 <span> 11750 </span> 11751 </span> 11752 </small> 11753 </div></div> 11754 11755 <h3 11756 class="card_title card__heading h5" 11757 11758 id="title-template--23890806309108__featured_collection_G6EN3c-9307197178100" 11759 11760 > 11761 11762 11763 <a class="product_url" 11764 href="/products/c42831"> 11765 Men's 6.ZERÃGRAND Laser Quick-On Oxford 11766 </a> 11767 11768 </h3> 11769 <div class="card-information"><span class="caption-large light"></span></div> 11770 </div> 11771 11772 <div class="card__badge bottom left"><span 11773 id="Badge-template--23890806309108__featured_collection_G6EN3c-9307197178100" 11774 class="badge badge--bottom-left color-accent-2" 11775 >Sale</span></div> 11776 </div> 11777 </div> 11778 </div>
11778<script> 11779 11780 11781// function redirectFn(e){ 11782 11783// console.log('test e',e); 11784// const srcSet = e.querySelector('.pdp-primaryimage'); 11785 11786// const srcSetVal = srcSet['srcset']; 11787 11788// const startIndex = srcSetVal.indexOf('/products/'); 11789// const endIndex = srcSetVal.indexOf('_', startIndex); 11790// const desiredValue = srcSetVal.substring(startIndex, endIndex); 11791 11792// e.setAttribute('href', desiredValue); 11793 11794 11795// } 11796 11797 11798// document.addEventListener("DOMContentLoaded", function() { 11799// const items = document.querySelectorAll('#product-grid li.grid__item'); 11800 11801// items.forEach(item => { 11802// const button = item.querySelector('.quick-add__submit'); 11803// const colorSwatches = item.querySelectorAll('.color-swatches-plp'); 11804 11805// colorSwatches.forEach(swatch => { 11806// swatch.addEventListener('click', () => { 11807// const inputId = swatch.getAttribute('for'); 11808// const relatedProduct = item.querySelector(`#${inputId}.related-product`); 11809// if (relatedProduct) { 11810// const newUrl = relatedProduct.getAttribute('data-url'); 11811// if (newUrl) { 11812// button.setAttribute('data-product-url', newUrl); 11813// console.log(`Updated data-product-url: ${newUrl}`); 11814// } 11815// } 11816// }); 11817// }); 11818// }); 11819// }); 11820// // swatches click on collection page 11821 11822// document.addEventListener("DOMContentLoaded", function() { 11823 11824// initializeProductHrefs(); 11825 11826 11827// const colorSwatches = document.querySelectorAll('.color-swatches-plp'); 11828// colorSwatches.forEach(swatch => { 11829// swatch.addEventListener('click', function() { 11830// updateHref(this); 11831// }); 11832// }); 11833 11834 11835// const firstColorSwatch = document.querySelector('.color-swatches-plp'); 11836// if (firstColorSwatch) { 11837// firstColorSwatch.addEventListener('click', function() { 11838// updateHrefToFirstVariant(this); 11839// }); 11840// } 11841// }); 11842 11843// function initializeProductHrefs() { 11844// const productItems = document.querySelectorAll('#product-grid li.grid__item'); 11845// productItems.forEach((item, index) => { 11846// const firstVariant = item.querySelector('input.related-product'); 11847// if (firstVariant) { 11848// const initialUrl = firstVariant.getAttribute('data-url'); 11849// if (initialUrl) { 11850// const pdpNavigationLink = item.querySelector('.pdp-navigation-link'); 11851// pdpNavigationLink.setAttribute('href', initialUrl); 11852 11853// } 11854// } 11855// }); 11856// } 11857 11858// function updateHref(swatch) { 11859// const parentItem = swatch.closest('li.grid__item'); 11860// const inputId = swatch.getAttribute('for'); 11861// const relatedProduct = parentItem.querySelector(`input#${inputId}.related-product`); 11862// if (relatedProduct) { 11863// const newUrl = relatedProduct.getAttribute('data-url'); 11864// if (newUrl) { 11865// const pdpNavigationLink = parentItem.querySelector('.pdp-navigation-link'); 11866// pdpNavigationLink.setAttribute('href', newUrl); 11867 11868// } else { 11869// console.log(`No data-url found for swatch: ${inputId}`); 11870// } 11871// } else { 11872// console.log(`No related product input found for swatch: ${inputId}`); 11873// } 11874// } 11875 11876// function updateHrefToFirstVariant(swatch) { 11877// const parentItem = swatch.closest('li.grid__item'); 11878// const firstRelatedProduct = parentItem.querySelector('input.related-product'); 11879// if (firstRelatedProduct) { 11880// const firstUrl = firstRelatedProduct.getAttribute('data-url'); 11881// if (firstUrl) { 11882// const pdpNavigationLink = parentItem.querySelector('.pdp-navigation-link'); 11883// pdpNavigationLink.setAttribute('href', firstUrl); 11884 11885// } else { 11886// console.log('No data-url found for the first related product.'); 11887// } 11888// } else { 11889// console.log('No related product inputs found.'); 11890// } 11891// } 11892 11893 11894 11895</script>
11895 11896 11897 11898 </li><li 11899 id="Slide-template--23890806309108__featured_collection_G6EN3c-3" 11900 class="grid__item slider__slide" 11901 > 11902 11903 11904<link href="//colehaan.com.ph/cdn/shop/t/131/assets/component-rating.css?v=24573085263941240431790040493" rel="stylesheet" type="text/css" media="all" /> 11905<style> 11906 .eyebrow{ 11907 background: #808080 !important; 11908 } 11909</style><div class="card-wrapper product-card-wrapper"> 11910 <div 11911 class=" 11912 card 11913 card--card 11914 card--media 11915 color-background-1 gradient 11916 11917 11918 11919 " 11920 style="--ratio-percent: 100%;" 11921 > 11922 <div 11923 class="card__inner ratio" 11924 style="--ratio-percent: 100%;" 11925 ><div class="card__media"> 11926 11927 <div class="quick-add quick-add-test no-js-hidden"> 11928 11929 <modal-opener data-modal="#QuickAdd-9444367139060"> 11930 <button 11931 id="quick-add-template--23890806309108__featured_collection_G6EN3c9444367139060-submit" 11932 type="submit" 11933 name="add" 11934 class="quick-add__submit button--full-width button--secondary" 11935 aria-haspopup="dialog" 11936 aria-labelledby="quick-add-template--23890806309108__featured_collection_G6EN3c9444367139060-submit title-template--23890806309108__featured_collection_G6EN3c-9444367139060" 11937 data-product-url="/products/c44819" 11938 > 11939 Quick shop 11940<div class="loading-overlay__spinner hidden"> 11941 <svg 11942 aria-hidden="true" 11943 focusable="false" 11944 class="spinner"
11945 viewBox="0 0 66 66" 11946 xmlns="http://www.w3.org/2000/svg" 11947 > 11948 <circle class="path" fill="none" stroke-width="6" cx="33" cy="33" r="30"></circle> 11949 </svg> 11950 </div> 11951 </button> 11952 </modal-opener> 11953 <quick-add-modal id="QuickAdd-9444367139060" class="quick-add-modal"> 11954 <div 11955 role="dialog" 11956 aria-label="Choose options for Men&#39;s GrandPrø Luxe Mile Slip-On Sneaker" 11957 aria-modal="true" 11958 class="quick-add-modal__content global-settings-popup" 11959 tabindex="-1" 11960 > 11961 <button 11962 id="ModalClose-9444367139060" 11963 type="button" 11964 class="quick-add-modal__toggle" 11965 aria-label="Close" 11966 > 11967 <svg 11968 xmlns="http://www.w3.org/2000/svg" 11969 aria-hidden="true" 11970 focusable="false" 11971 class="icon icon-close" 11972 fill="none" 11973 viewBox="0 0 18 17" 11974> 11975 <path d="M.865 15.978a.5.5 0 00.707.707l7.433-7.431 7.579 7.282a.501.501 0 00.846-.37.5.5 0 00-.153-.351L9.712 8.546l7.417-7.416a.5.5 0 10-.707-.708L8.991 7.853 1.413.573a.5.5 0 10-.693.72l7.563 7.268-7.418 7.417z" fill="currentColor"> 11976</svg> 11977 11978 </button> 11979 <div class="logo_ch"> 11980 <img src="https://cdn.shopify.com/s/files/1/0268/1228/5039/files/colehaan_logo.png?v=1694757702" style="width: 150px; margin: 20px;"/> 11981 </div> 11982 <div id="QuickAddInfo-9444367139060" class="quick-add-modal__content-info"> 11983 </div> 11984 11985 <div class="cart-and-ipay"> 11986 <button class="add-to-cart-global btn" onclick="triggerQuickBasket(event, 'product-form-quickadd-template--23890806309108__featured_collection_G6EN3c');" title="Add to bag"> 11987 Add to Bag 11988 </button> 11989 </div> 11990 </div> 11991 </quick-add-modal> 11992 11993 11994 </div> 11995 11996 <div class="media"> 11997 11998 11999 <a class="pdp-navigation-link" onclick = "redirectFn(this);" href="/products/c44819"> 12000 <img class="img-tag pdp-primaryimage" 12001 srcset="//colehaan.com.ph/cdn/shop/files/BaseTransform1_612c6048-b9ac-4ef8-ae8e-e21f0772a97f.jpg?v=1777866000&width=165 165w,//colehaan.com.ph/cdn/shop/files/BaseTransform1_612c6048-b9ac-4ef8-ae8e-e21f0772a97f.jpg?v=1777866000&width=360 360w,//colehaan.com.ph/cdn/shop/files/BaseTransform1_612c6048-b9ac-4ef8-ae8e-e21f0772a97f.jpg?v=1777866000&width=533 533w,//colehaan.com.ph/cdn/shop/files/BaseTransform1_612c6048-b9ac-4ef8-ae8e-e21f0772a97f.jpg?v=1777866000&width=720 720w,//colehaan.com.ph/cdn/shop/files/BaseTransform1_612c6048-b9ac-4ef8-ae8e-e21f0772a97f.jpg?v=1777866000&width=940 940w,//colehaan.com.ph/cdn/shop/files/BaseTransform1_612c6048-b9ac-4ef8-ae8e-e21f0772a97f.jpg?v=1777866000&width=1066 1066w,//colehaan.com.ph/cdn/shop/files/BaseTransform1_612c6048-b9ac-4ef8-ae8e-e21f0772a97f.jpg?v=1777866000 2000w 12002 " 12003 src="//colehaan.com.ph/cdn/shop/files/BaseTransform1_612c6048-b9ac-4ef8-ae8e-e21f0772a97f.jpg?v=1777866000&width=533" 12004 sizes="(min-width: 1200px) 267px, (min-width: 990px) calc((100vw - 130px) / 4), (min-width: 750px) calc((100vw - 120px) / 3), calc((100vw - 35px) / 2)" 12005 alt="C44819:CH BRITISH TAN / IVORY / CH GUM" 12006 class="motion-reduce" 12007 12008 loading="lazy" 12009 12010 width="2000" 12011 height="2250" 12012 > 12013 12014</a> 12015 </div> 12016 </div><div class="card__content"> 12017 <div class="card__information"> 12018 <h3 12019 class="card__heading" 12020 12021 > 12022 <a 12023 href="/products/c44819" 12024 id="StandardCardNoMediaLink-template--23890806309108__featured_collection_G6EN3c-9444367139060" 12025 class="full-unstyled-link" 12026 aria-labelledby="StandardCardNoMediaLink-template--23890806309108__featured_collection_G6EN3c-9444367139060 NoMediaStandardBadge-template--23890806309108__featured_collection_G6EN3c-9444367139060" 12027 > 12028 Men's GrandPrø Luxe Mile Slip-On Sneaker 12029 </a> 12030 </h3> 12031 </div> 12032 <div class="card__badge bottom left"> 12033 12034 </div> 12035 </div> 12036 </div> 12037 <div class="card__content card-content"> 12038 <div class="card__information"> 12039 12040 12041<variant-radios 12042 id="variant-radios-template--23890806309108__featured_collection_G6EN3c" 12043 class="no-js-hidden" 12044 data-section="template--23890806309108__featured_collection_G6EN3c" 12045 data-url="/products/c44819" 12046 12047 12048 > 12049 <div class= "clr-swatches-plp"><fieldset class="js product-form__input"> 12050 12051
12051<script src="//colehaan.com.ph/cdn/shop/t/131/assets/global.js?v=15889204645569497881790040512" defer="defer"></script>
12051<div 12052 class="swatches-wrapper" 12053 id="swatches-9444367139060-template--23890806309108__featured_collection_G6EN3c" 12054 data-related-handles="c44792,c44790,c46091,c44793" 12055 data-section-id="template--23890806309108__featured_collection_G6EN3c" 12056 data-product-id="9444367139060" 12057 data-product-form-id="product-form-template--23890806309108__featured_collection_G6EN3c" 12058> 12059<input 12060 class="related-product" 12061 type="radio" 12062 id="template--23890806309108__featured_collection_G6EN3c-1-1" 12063 name="Color" 12064 value="British Tan-Ivory-Gum" 12065 form="product-form-template--23890806309108__featured_collection_G6EN3c" 12066 data-url="/products/c44819" 12067 12068 checked 12069 12070 12071 > 12072 <label class="color-swatches-plp" for="template--23890806309108__featured_collection_G6EN3c-1-1" style="background: url('https://colehaan.com.ph/cdn/shop/files/BaseTransform1_612c6048-b9ac-4ef8-ae8e-e21f0772a97f.jpg?v=1777866000') center no-repeat; background-size: contain;" onclick="redirectToUrlCollection(this);"> 12073 </label> 12074 12075 12076 12077 <div class="related-swatches-container"></div> 12078</div> 12079 12080 </fieldset><fieldset class="js product-form__input"> 12081 12082 </fieldset><fieldset class="js product-form__input"> 12083 12084 </fieldset><span class="mobile-swatch-plus-plp" > 12085 12086 <a href="/products/c44819">+</a> 12087 </span> 12088 12089 12090
12090<script type="application/json"> 12091 12092 [{"id":48123392295156,"title":"British Tan-Ivory-Gum \/ Medium \/ 7","option1":"British Tan-Ivory-Gum","option2":"Medium","option3":"7","sku":"C44819 7.0M","requires_shipping":true,"taxable":true,"featured_image":null,"available":false,"name":"Men's GrandPrø Luxe Mile Slip-On Sneaker - British Tan-Ivory-Gum \/ Medium \/ 7","public_title":"British Tan-Ivory-Gum \/ Medium \/ 7","options":["British Tan-Ivory-Gum","Medium","7"],"price":799000,"weight":1000,"compare_at_price":1099500,"inventory_management":"shopify","barcode":"198859586575","requires_selling_plan":false,"selling_plan_allocations":[],"quantity_rule":{"min":1,"max":null,"increment":1}},{"id":48123392327924,"title":"British Tan-Ivory-Gum \/ Medium \/ 7.5","option1":"British Tan-Ivory-Gum","option2":"Medium","option3":"7.5","sku":"C44819 7.5M","requires_shipping":true,"taxable":true,"featured_image":null,"available":false,"name":"Men's GrandPrø Luxe Mile Slip-On Sneaker - British Tan-Ivory-Gum \/ Medium \/ 7.5","public_title":"British Tan-Ivory-Gum \/ Medium \/ 7.5","options":["British Tan-Ivory-Gum","Medium","7.5"],"price":799000,"weight":1000,"compare_at_price":1099500,"inventory_management":"shopify","barcode":"198859586582","requires_selling_plan":false,"selling_plan_allocations":[],"quantity_rule":{"min":1,"max":null,"increment":1}},{"id":48123392360692,"title":"British Tan-Ivory-Gum \/ Medium \/ 8","option1":"British Tan-Ivory-Gum","option2":"Medium","option3":"8","sku":"C44819 8.0M","requires_shipping":true,"taxable":true,"featured_image":null,"available":false,"name":"Men's GrandPrø Luxe Mile Slip-On Sneaker - British Tan-Ivory-Gum \/ Medium \/ 8","public_title":"British Tan-Ivory-Gum \/ Medium \/ 8","options":["British Tan-Ivory-Gum","Medium","8"],"price":799000,"weight":1000,"compare_at_price":1099500,"inventory_management":"shopify","barcode":"198859586599","requires_selling_plan":false,"selling_plan_allocations":[],"quantity_rule":{"min":1,"max":null,"increment":1}},{"id":48123392393460,"title":"British Tan-Ivory-Gum \/ Medium \/ 8.5","option1":"British Tan-Ivory-Gum","option2":"Medium","option3":"8.5","sku":"C44819 8.5M","requires_shipping":true,"taxable":true,"featured_image":null,"available":true,"name":"Men's GrandPrø Luxe Mile Slip-On Sneaker - British Tan-Ivory-Gum \/ Medium \/ 8.5","public_title":"British Tan-Ivory-Gum \/ Medium \/ 8.5","options":["British Tan-Ivory-Gum","Medium","8.5"],"price":799000,"weight":1000,"compare_at_price":1099500,"inventory_management":"shopify","barcode":"198859586605","requires_selling_plan":false,"selling_plan_allocations":[],"quantity_rule":{"min":1,"max":null,"increment":1}},{"id":48123392426228,"title":"British Tan-Ivory-Gum \/ Medium \/ 9","option1":"British Tan-Ivory-Gum","option2":"Medium","option3":"9","sku":"C44819 9.0M","requires_shipping":true,"taxable":true,"featured_image":null,"available":true,"name":"Men's GrandPrø Luxe Mile Slip-On Sneaker - British Tan-Ivory-Gum \/ Medium \/ 9","public_title":"British Tan-Ivory-Gum \/ Medium \/ 9","options":["British Tan-Ivory-Gum","Medium","9"],"price":799000,"weight":1000,"compare_at_price":1099500,"inventory_management":"shopify","barcode":"198859586612","requires_selling_plan":false,"selling_plan_allocations":[],"quantity_rule":{"min":1,"max":null,"increment":1}},{"id":48123392458996,"title":"British Tan-Ivory-Gum \/ Medium \/ 9.5","option1":"British Tan-Ivory-Gum","option2":"Medium","option3":"9.5","sku":"C44819 9.5M","requires_shipping":true,"taxable":true,"featured_image":null,"available":true,"name":"Men's GrandPrø Luxe Mile Slip-On Sneaker - British Tan-Ivory-Gum \/ Medium \/ 9.5","public_title":"British Tan-Ivory-Gum \/ Medium \/ 9.5","options":["British Tan-Ivory-Gum","Medium","9.5"],"price":799000,"weight":1000,"compare_at_price":1099500,"inventory_management":"shopify","barcode":"198859586629","requires_selling_plan":false,"selling_plan_allocations":[],"quantity_rule":{"min":1,"max":null,"increment":1}},{"id":48123392491764,"title":"British Tan-Ivory-Gum \/ Medium \/ 10","option1":"British Tan-Ivory-Gum","option2":"Medium","option3":"10","sku":"C44819 10.0M","requires_shipping":true,"taxable":true,"featured_image":null,"available":true,"name":"Men's GrandPrø Luxe Mile Slip-On Sneaker - British Tan-Ivory-Gum \/ Medium \/ 10","public_title":"British Tan-Ivory-Gum \/ Medium \/ 10","options":["British Tan-Ivory-Gum","Medium","10"],"price":799000,"weight":1000,"compare_at_price":1099500,"inventory_management":"shopify","barcode":"198859586513","requires_selling_plan":false,"selling_plan_allocations":[],"quantity_rule":{"min":1,"max":null,"increment":1}},{"id":48123392524532,"title":"British Tan-Ivory-Gum \/ Medium \/ 10.5","option1":"British Tan-Ivory-Gum","option2":"Medium","option3":"10.5","sku":"C44819 10.5M","requires_shipping":true,"taxable":true,"featured_image":null,"available":false,"name":"Men's GrandPrø Luxe Mile Slip-On Sneaker - British Tan-Ivory-Gum \/ Medium \/ 10.5","public_title":"British Tan-Ivory-Gum \/ Medium \/ 10.5","options":["British Tan-Ivory-Gum","Medium","10.5"],"price":799000,"weight":1000,"compare_at_price":1099500,"inventory_management":"shopify","barcode":"198859586520","requires_selling_plan":false,"selling_plan_allocations":[],"quantity_rule":{"min":1,"max":null,"increment":1}},{"id":48123392557300,"title":"British Tan-Ivory-Gum \/ Medium \/ 11","option1":"British Tan-Ivory-Gum","option2":"Medium","option3":"11","sku":"C44819 11.0M","requires_shipping":true,"taxable":true,"featured_image":null,"available":false,"name":"Men's GrandPrø Luxe Mile Slip-On Sneaker - British Tan-Ivory-Gum \/ Medium \/ 11","public_title":"British Tan-Ivory-Gum \/ Medium \/ 11","options":["British Tan-Ivory-Gum","Medium","11"],"price":799000,"weight":1000,"compare_at_price":1099500,"inventory_management":"shopify","barcode":"198859586537","requires_selling_plan":false,"selling_plan_allocations":[],"quantity_rule":{"min":1,"max":null,"increment":1}},{"id":48133295964404,"title":"British Tan-Ivory-Gum \/ Medium \/ 11.5","option1":"British Tan-Ivory-Gum","option2":"Medium","option3":"11.5","sku":"C44819 11.5M","requires_shipping":true,"taxable":true,"featured_image":null,"available":false,"name":"Men's GrandPrø Luxe Mile Slip-On Sneaker - British Tan-Ivory-Gum \/ Medium \/ 11.5","public_title":"British Tan-Ivory-Gum \/ Medium \/ 11.5","options":["British Tan-Ivory-Gum","Medium","11.5"],"price":799000,"weight":1000,"compare_at_price":1099500,"inventory_management":"shopify","barcode":null,"requires_selling_plan":false,"selling_plan_allocations":[],"quantity_rule":{"min":1,"max":null,"increment":1}},{"id":48123392622836,"title":"British Tan-Ivory-Gum \/ Medium \/ 12","option1":"British Tan-Ivory-Gum","option2":"Medium","option3":"12","sku":"C44819 12.0M","requires_shipping":true,"taxable":true,"featured_image":null,"available":false,"name":"Men's GrandPrø Luxe Mile Slip-On Sneaker - British Tan-Ivory-Gum \/ Medium \/ 12","public_title":"British Tan-Ivory-Gum \/ Medium \/ 12","options":["British Tan-Ivory-Gum","Medium","12"],"price":799000,"weight":1000,"compare_at_price":1099500,"inventory_management":"shopify","barcode":"198859586551","requires_selling_plan":false,"selling_plan_allocations":[],"quantity_rule":{"min":1,"max":null,"increment":1}}] 12093 12094 </script>
12094 12095 12096 </div> 12097 </variant-radios><noscript class="product-form__noscript-wrapper-template--23890806309108__featured_collection_G6EN3c"> 12098 <div class="product-form__input"> 12099 <label class="form__label" for="Variants-template--23890806309108__featured_collection_G6EN3c">Product variants</label> 12100 <div class="select"> 12101 <select 12102 name="id" 12103 id="Variants-template--23890806309108__featured_collection_G6EN3c" 12104 class="select__select" 12105 form="" 12106 ><option 12107 12108 12109 disabled 12110 12111 value="48123392295156" 12112 >British Tan-Ivory-Gum / Medium / 7 - â±7,990.00 - Add to Bag</option><option 12113 12114 12115 disabled 12116 12117 value="48123392327924" 12118 >British Tan-Ivory-Gum / Medium / 7.5 - â±7,990.00 - Add to Bag</option><option 12119 12120 12121 disabled 12122 12123 value="48123392360692" 12124 >British Tan-Ivory-Gum / Medium / 8 - â±7,990.00 - Add to Bag</option><option 12125 12126 selected="selected" 12127 12128 12129 value="48123392393460" 12130 >British Tan-Ivory-Gum / Medium / 8.5 - â±7,990.00</option><option 12131 12132 12133 value="48123392426228" 12134 >British Tan-Ivory-Gum / Medium / 9 - â±7,990.00</option><option 12135 12136 12137 value="48123392458996" 12138 >British Tan-Ivory-Gum / Medium / 9.5 - â±7,990.00</option><option 12139 12140 12141 value="48123392491764" 12142 >British Tan-Ivory-Gum / Medium / 10 - â±7,990.00</option><option 12143 12144 12145 disabled 12146 12147 value="48123392524532" 12148 >British Tan-Ivory-Gum / Medium / 10.5 - â±7,990.00 - Add to Bag</option><option 12149 12150 12151 disabled 12152 12153 value="48123392557300" 12154 >British Tan-Ivory-Gum / Medium / 11 - â±7,990.00 - Add to Bag</option><option 12155 12156 12157 disabled 12158 12159 value="48133295964404" 12160 >British Tan-Ivory-Gum / Medium / 11.5 - â±7,990.00 - Add to Bag</option><option 12161 12162 12163 disabled 12164 12165 value="48123392622836" 12166 >British Tan-Ivory-Gum / Medium / 12 - â±7,990.00 - Add to Bag</option></select> 12167 <svg aria-hidden="true" focusable="false" class="icon icon-caret" viewBox="0 0 10 6"> 12168 <path fill-rule="evenodd" clip-rule="evenodd" d="M9.354.646a.5.5 0 00-.708 0L5 4.293 1.354.646a.5.5 0 00-.708.708l4 4a.5.5 0 00.708 0l4-4a.5.5 0 000-.708z" fill="currentColor"> 12169</svg> 12170<!-- <svg fill="#000000" height="14px" width="14px" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 330 330" xml:space="preserve" stroke="#000000" stroke-width="0.0033"><g id="SVGRepo_bgCarrier" stroke-width="0"></g><g id="SVGRepo_tracerCarrier" stroke-linecap="round" stroke-linejoin="round"></g> 12171 <g id="SVGRepo_iconCarrier"> 12172 <path id="XMLID_225_" d="M325.607,79.393c-5.857-5.857-15.355-5.858-21.213,0.001l-139.39,139.393L25.607,79.393 c-5.857-5.857-15.355-5.858-21.213,0.001c-5.858,5.858-5.858,15.355,0,21.213l150.004,150c2.813,2.813,6.628,4.393,10.606,4.393 s7.794-1.581,10.606-4.394l149.996-150C331.465,94.749,331.465,85.251,325.607,79.393z"> 12173 </path> </g></svg> --> 12174 12175 </div> 12176 </div> 12177</noscript> 12178
12179<script> 12180// var dataUrl; 12181// function fetchUrl(){ 12182// var productUrl = document.querySelector("button[data-product-url]"); 12183// if (productUrl) { 12184// debugger; 12185// dataUrl = productUrl.getAttribute("data-product-url"); 12186// console.log("data-product-url: ", dataUrl); 12187// } 12188// } 12189</script>
12189 12190 12191 12192 12193<div class=" 12194 price price--on-sale "> 12195 <div class="price__container"><div class="price__regular"> 12196 <span class="visually-hidden visually-hidden--inline">Regular price</span> 12197 <span class="price-item price-item--regular"> 12198 â±7,990 12199 </span> 12200 </div> 12201 <div class="price__sale price--large"> 12202 12203 <div class="" style="display: flex; white-space: nowrap; align-items: center;"> 12204 <span class="visually-hidden visually-hidden--inline">Regular price</span> 12205 <span class="strike-through quick-shop-regular"> 12206 <s class="price-item price-item--regular"> 12207 12208 â±10,995 12209 12210 </s> 12211 </span><span class="visually-hidden visually-hidden--inline " >Sale price</span> 12212 <span class="price-item price-item--sale price-item--last quick-shop-sale"> 12213 â±7,990 12214 </span> 12215 </div> 12216 <span class="compare-mark"> 12217 (27% Off) 12218 </span><style> 12219 .compare-mark{ 12220 font-size: 13px; 12221 color: #ff0d0d; 12222 font-family: WorkSansLight; 12223 margin-left: -10px; 12224 font-weight: 600; 12225 display: inline-flex; 12226 } 12227 @media screen and (max-width: 575px){ 12228 .compare-mark{ 12229 margin-left: 0; 12230 } 12231 .card-wrapper .price.price--on-sale .price__container { 12232 display: inline-flex; 12233 align-items: center; 12234 flex-wrap: wrap; 12235 align-items: flex-start; 12236 text-align: left; 12237 } 12238 } 12239 </style> 12240 </div> 12241 <small class="unit-price caption hidden"> 12242 <span class="visually-hidden">Unit price</span> 12243 <span class="price-item price-item--last"> 12244 <span></span> 12245 <span aria-hidden="true">/</span> 12246 <span class="visually-hidden"> per </span> 12247 <span> 12248 </span> 12249 </span> 12250 </small> 12251 </div></div> 12252 12253 <h3 12254 class="card_title card__heading h5" 12255 12256 id="title-template--23890806309108__featured_collection_G6EN3c-9444367139060" 12257 12258 > 12259 12260 12261 <a class="product_url" 12262 href="/products/c44819"> 12263 Men's GrandPrø Luxe Mile Slip-On Sneaker 12264 </a> 12265 12266 </h3> 12267 <div class="card-information"><span class="caption-large light"></span></div> 12268 </div> 12269 12270 <div class="card__badge bottom left"><span 12271 id="Badge-template--23890806309108__featured_collection_G6EN3c-9444367139060" 12272 class="badge badge--bottom-left color-accent-2" 12273 >Sale</span></div> 12274 </div> 12275 </div> 12276 </div>
12276<script> 12277 12278 12279// function redirectFn(e){ 12280 12281// console.log('test e',e); 12282// const srcSet = e.querySelector('.pdp-primaryimage'); 12283 12284// const srcSetVal = srcSet['srcset']; 12285 12286// const startIndex = srcSetVal.indexOf('/products/'); 12287// const endIndex = srcSetVal.indexOf('_', startIndex); 12288// const desiredValue = srcSetVal.substring(startIndex, endIndex); 12289 12290// e.setAttribute('href', desiredValue); 12291 12292 12293// } 12294 12295 12296// document.addEventListener("DOMContentLoaded", function() { 12297// const items = document.querySelectorAll('#product-grid li.grid__item'); 12298 12299// items.forEach(item => { 12300// const button = item.querySelector('.quick-add__submit'); 12301// const colorSwatches = item.querySelectorAll('.color-swatches-plp'); 12302 12303// colorSwatches.forEach(swatch => { 12304// swatch.addEventListener('click', () => { 12305// const inputId = swatch.getAttribute('for'); 12306// const relatedProduct = item.querySelector(`#${inputId}.related-product`); 12307// if (relatedProduct) { 12308// const newUrl = relatedProduct.getAttribute('data-url'); 12309// if (newUrl) { 12310// button.setAttribute('data-product-url', newUrl); 12311// console.log(`Updated data-product-url: ${newUrl}`); 12312// } 12313// } 12314// }); 12315// }); 12316// }); 12317// }); 12318// // swatches click on collection page 12319 12320// document.addEventListener("DOMContentLoaded", function() { 12321 12322// initializeProductHrefs(); 12323 12324 12325// const colorSwatches = document.querySelectorAll('.color-swatches-plp'); 12326// colorSwatches.forEach(swatch => { 12327// swatch.addEventListener('click', function() { 12328// updateHref(this); 12329// }); 12330// }); 12331 12332 12333// const firstColorSwatch = document.querySelector('.color-swatches-plp'); 12334// if (firstColorSwatch) { 12335// firstColorSwatch.addEventListener('click', function() { 12336// updateHrefToFirstVariant(this); 12337// }); 12338// } 12339// }); 12340 12341// function initializeProductHrefs() { 12342// const productItems = document.querySelectorAll('#product-grid li.grid__item'); 12343// productItems.forEach((item, index) => { 12344// const firstVariant = item.querySelector('input.related-product'); 12345// if (firstVariant) { 12346// const initialUrl = firstVariant.getAttribute('data-url'); 12347// if (initialUrl) { 12348// const pdpNavigationLink = item.querySelector('.pdp-navigation-link'); 12349// pdpNavigationLink.setAttribute('href', initialUrl); 12350 12351// } 12352// } 12353// }); 12354// } 12355 12356// function updateHref(swatch) { 12357// const parentItem = swatch.closest('li.grid__item'); 12358// const inputId = swatch.getAttribute('for'); 12359// const relatedProduct = parentItem.querySelector(`input#${inputId}.related-product`); 12360// if (relatedProduct) { 12361// const newUrl = relatedProduct.getAttribute('data-url'); 12362// if (newUrl) { 12363// const pdpNavigationLink = parentItem.querySelector('.pdp-navigation-link'); 12364// pdpNavigationLink.setAttribute('href', newUrl); 12365 12366// } else { 12367// console.log(`No data-url found for swatch: ${inputId}`); 12368// } 12369// } else { 12370// console.log(`No related product input found for swatch: ${inputId}`); 12371// } 12372// } 12373 12374// function updateHrefToFirstVariant(swatch) { 12375// const parentItem = swatch.closest('li.grid__item'); 12376// const firstRelatedProduct = parentItem.querySelector('input.related-product'); 12377// if (firstRelatedProduct) { 12378// const firstUrl = firstRelatedProduct.getAttribute('data-url'); 12379// if (firstUrl) { 12380// const pdpNavigationLink = parentItem.querySelector('.pdp-navigation-link'); 12381// pdpNavigationLink.setAttribute('href', firstUrl); 12382 12383// } else { 12384// console.log('No data-url found for the first related product.'); 12385// } 12386// } else { 12387// console.log('No related product inputs found.'); 12388// } 12389// } 12390 12391 12392 12393</script>
12393 12394 12395 12396 </li><li 12397 id="Slide-template--23890806309108__featured_collection_G6EN3c-4" 12398 class="grid__item slider__slide" 12399 > 12400 12401 12402<link href="//colehaan.com.ph/cdn/shop/t/131/assets/component-rating.css?v=24573085263941240431790040493" rel="stylesheet" type="text/css" media="all" /> 12403<style> 12404 .eyebrow{ 12405 background: #808080 !important; 12406 } 12407</style><div class="card-wrapper product-card-wrapper"> 12408 <div 12409 class=" 12410 card 12411 card--card 12412 card--media 12413 color-background-1 gradient 12414 12415 12416 12417 " 12418 style="--ratio-percent: 100%;" 12419 > 12420 <div 12421 class="card__inner ratio" 12422 style="--ratio-percent: 100%;" 12423 ><div class="card__media"> 12424 12425 <div class="quick-add quick-add-test no-js-hidden"> 12426 12427 <modal-opener data-modal="#QuickAdd-9444366876916"> 12428 <button 12429 id="quick-add-template--23890806309108__featured_collection_G6EN3c9444366876916-submit" 12430 type="submit" 12431 name="add" 12432 class="quick-add__submit button--full-width button--secondary" 12433 aria-haspopup="dialog" 12434 aria-labelledby="quick-add-template--23890806309108__featured_collection_G6EN3c9444366876916-submit title-template--23890806309108__featured_collection_G6EN3c-9444366876916" 12435 data-product-url="/products/c44794" 12436 > 12437 Quick shop 12438<div class="loading-overlay__spinner hidden"> 12439 <svg 12440 aria-hidden="true" 12441 focusable="false" 12442 class="spinner"
12443 viewBox="0 0 66 66" 12444 xmlns="http://www.w3.org/2000/svg" 12445 > 12446 <circle class="path" fill="none" stroke-width="6" cx="33" cy="33" r="30"></circle> 12447 </svg> 12448 </div> 12449 </button> 12450 </modal-opener> 12451 <quick-add-modal id="QuickAdd-9444366876916" class="quick-add-modal"> 12452 <div 12453 role="dialog" 12454 aria-label="Choose options for Men&#39;s GrandPrø Luxe Slip-On STITCHLITE⢠Sneaker" 12455 aria-modal="true" 12456 class="quick-add-modal__content global-settings-popup" 12457 tabindex="-1" 12458 > 12459 <button 12460 id="ModalClose-9444366876916" 12461 type="button" 12462 class="quick-add-modal__toggle" 12463 aria-label="Close" 12464 > 12465 <svg 12466 xmlns="http://www.w3.org/2000/svg" 12467 aria-hidden="true" 12468 focusable="false" 12469 class="icon icon-close" 12470 fill="none" 12471 viewBox="0 0 18 17" 12472> 12473 <path d="M.865 15.978a.5.5 0 00.707.707l7.433-7.431 7.579 7.282a.501.501 0 00.846-.37.5.5 0 00-.153-.351L9.712 8.546l7.417-7.416a.5.5 0 10-.707-.708L8.991 7.853 1.413.573a.5.5 0 10-.693.72l7.563 7.268-7.418 7.417z" fill="currentColor"> 12474</svg> 12475 12476 </button> 12477 <div class="logo_ch"> 12478 <img src="https://cdn.shopify.com/s/files/1/0268/1228/5039/files/colehaan_logo.png?v=1694757702" style="width: 150px; margin: 20px;"/> 12479 </div> 12480 <div id="QuickAddInfo-9444366876916" class="quick-add-modal__content-info"> 12481 </div> 12482 12483 <div class="cart-and-ipay"> 12484 <button class="add-to-cart-global btn" onclick="triggerQuickBasket(event, 'product-form-quickadd-template--23890806309108__featured_collection_G6EN3c');" title="Add to bag"> 12485 Add to Bag 12486 </button> 12487 </div> 12488 </div> 12489 </quick-add-modal> 12490 12491 12492 </div> 12493 12494 <div class="media"> 12495 12496 12497 <a class="pdp-navigation-link" onclick = "redirectFn(this);" href="/products/c44794"> 12498 <img class="img-tag pdp-primaryimage" 12499 srcset="//colehaan.com.ph/cdn/shop/files/BaseTransform1_dd399c7c-22ba-45ee-9ae3-b748425dd767.jpg?v=1777865949&width=165 165w,//colehaan.com.ph/cdn/shop/files/BaseTransform1_dd399c7c-22ba-45ee-9ae3-b748425dd767.jpg?v=1777865949&width=360 360w,//colehaan.com.ph/cdn/shop/files/BaseTransform1_dd399c7c-22ba-45ee-9ae3-b748425dd767.jpg?v=1777865949&width=533 533w,//colehaan.com.ph/cdn/shop/files/BaseTransform1_dd399c7c-22ba-45ee-9ae3-b748425dd767.jpg?v=1777865949&width=720 720w,//colehaan.com.ph/cdn/shop/files/BaseTransform1_dd399c7c-22ba-45ee-9ae3-b748425dd767.jpg?v=1777865949&width=940 940w,//colehaan.com.ph/cdn/shop/files/BaseTransform1_dd399c7c-22ba-45ee-9ae3-b748425dd767.jpg?v=1777865949&width=1066 1066w,//colehaan.com.ph/cdn/shop/files/BaseTransform1_dd399c7c-22ba-45ee-9ae3-b748425dd767.jpg?v=1777865949 2000w 12500 " 12501 src="//colehaan.com.ph/cdn/shop/files/BaseTransform1_dd399c7c-22ba-45ee-9ae3-b748425dd767.jpg?v=1777865949&width=533" 12502 sizes="(min-width: 1200px) 267px, (min-width: 990px) calc((100vw - 130px) / 4), (min-width: 750px) calc((100vw - 120px) / 3), calc((100vw - 35px) / 2)" 12503 alt="C44794:BLACK / WHITE" 12504 class="motion-reduce" 12505 12506 loading="lazy" 12507 12508 width="2000" 12509 height="2250" 12510 > 12511 12512</a> 12513 </div> 12514 </div><div class="card__content"> 12515 <div class="card__information"> 12516 <h3 12517 class="card__heading" 12518 12519 > 12520 <a 12521 href="/products/c44794" 12522 id="StandardCardNoMediaLink-template--23890806309108__featured_collection_G6EN3c-9444366876916" 12523 class="full-unstyled-link" 12524 aria-labelledby="StandardCardNoMediaLink-template--23890806309108__featured_collection_G6EN3c-9444366876916 NoMediaStandardBadge-template--23890806309108__featured_collection_G6EN3c-9444366876916" 12525 > 12526 Men's GrandPrø Luxe Slip-On STITCHLITE⢠Sneaker 12527 </a> 12528 </h3> 12529 </div> 12530 <div class="card__badge bottom left"> 12531 12532 </div> 12533 </div> 12534 </div> 12535 <div class="card__content card-content"> 12536 <div class="card__information"> 12537 12538 12539<variant-radios 12540 id="variant-radios-template--23890806309108__featured_collection_G6EN3c" 12541 class="no-js-hidden" 12542 data-section="template--23890806309108__featured_collection_G6EN3c" 12543 data-url="/products/c44794" 12544 12545 12546 > 12547 <div class= "clr-swatches-plp"><fieldset class="js product-form__input"> 12548 12549
12549<script src="//colehaan.com.ph/cdn/shop/t/131/assets/global.js?v=15889204645569497881790040512" defer="defer"></script>
12549<div 12550 class="swatches-wrapper" 12551 id="swatches-9444366876916-template--23890806309108__featured_collection_G6EN3c" 12552 data-related-handles="c44821,c44797,c44795" 12553 data-section-id="template--23890806309108__featured_collection_G6EN3c" 12554 data-product-id="9444366876916" 12555 data-product-form-id="product-form-template--23890806309108__featured_collection_G6EN3c" 12556> 12557<input 12558 class="related-product" 12559 type="radio" 12560 id="template--23890806309108__featured_collection_G6EN3c-1-1" 12561 name="Color" 12562 value="Black-White" 12563 form="product-form-template--23890806309108__featured_collection_G6EN3c" 12564 data-url="/products/c44794" 12565 12566 checked 12567 12568 12569 > 12570 <label class="color-swatches-plp" for="template--23890806309108__featured_collection_G6EN3c-1-1" style="background: url('https://colehaan.com.ph/cdn/shop/files/BaseTransform1_dd399c7c-22ba-45ee-9ae3-b748425dd767.jpg?v=1777865949') center no-repeat; background-size: contain;" onclick="redirectToUrlCollection(this);"> 12571 </label> 12572 12573 12574 12575 <div class="related-swatches-container"></div> 12576</div> 12577 12578 </fieldset><fieldset class="js product-form__input"> 12579 12580 </fieldset><fieldset class="js product-form__input"> 12581 12582 </fieldset><span class="mobile-swatch-plus-plp" > 12583 12584 <a href="/products/c44794">+</a> 12585 </span> 12586 12587 12588
12588<script type="application/json"> 12589 12590 [{"id":48123388133620,"title":"Black-White \/ Medium \/ 7","option1":"Black-White","option2":"Medium","option3":"7","sku":"C44794 7.0M","requires_shipping":true,"taxable":true,"featured_image":null,"available":false,"name":"Men's GrandPrø Luxe Slip-On STITCHLITE⢠Sneaker - Black-White \/ Medium \/ 7","public_title":"Black-White \/ Medium \/ 7","options":["Black-White","Medium","7"],"price":599000,"weight":1000,"compare_at_price":1099500,"inventory_management":"shopify","barcode":"198859587053","requires_selling_plan":false,"selling_plan_allocations":[],"quantity_rule":{"min":1,"max":null,"increment":1}},{"id":48123388166388,"title":"Black-White \/ Medium \/ 7.5","option1":"Black-White","option2":"Medium","option3":"7.5","sku":"C44794 7.5M","requires_shipping":true,"taxable":true,"featured_image":null,"available":false,"name":"Men's GrandPrø Luxe Slip-On STITCHLITE⢠Sneaker - Black-White \/ Medium \/ 7.5","public_title":"Black-White \/ Medium \/ 7.5","options":["Black-White","Medium","7.5"],"price":599000,"weight":1000,"compare_at_price":1099500,"inventory_management":"shopify","barcode":"198859587060","requires_selling_plan":false,"selling_plan_allocations":[],"quantity_rule":{"min":1,"max":null,"increment":1}},{"id":48123388199156,"title":"Black-White \/ Medium \/ 8","option1":"Black-White","option2":"Medium","option3":"8","sku":"C44794 8.0M","requires_shipping":true,"taxable":true,"featured_image":null,"available":false,"name":"Men's GrandPrø Luxe Slip-On STITCHLITE⢠Sneaker - Black-White \/ Medium \/ 8","public_title":"Black-White \/ Medium \/ 8","options":["Black-White","Medium","8"],"price":599000,"weight":1000,"compare_at_price":1099500,"inventory_management":"shopify","barcode":"198859587077","requires_selling_plan":false,"selling_plan_allocations":[],"quantity_rule":{"min":1,"max":null,"increment":1}},{"id":48123388231924,"title":"Black-White \/ Medium \/ 8.5","option1":"Black-White","option2":"Medium","option3":"8.5","sku":"C44794 8.5M","requires_shipping":true,"taxable":true,"featured_image":null,"available":false,"name":"Men's GrandPrø Luxe Slip-On STITCHLITE⢠Sneaker - Black-White \/ Medium \/ 8.5","public_title":"Black-White \/ Medium \/ 8.5","options":["Black-White","Medium","8.5"],"price":599000,"weight":1000,"compare_at_price":1099500,"inventory_management":"shopify","barcode":"198859587084","requires_selling_plan":false,"selling_plan_allocations":[],"quantity_rule":{"min":1,"max":null,"increment":1}},{"id":48123388264692,"title":"Black-White \/ Medium \/ 9","option1":"Black-White","option2":"Medium","option3":"9","sku":"C44794 9.0M","requires_shipping":true,"taxable":true,"featured_image":null,"available":false,"name":"Men's GrandPrø Luxe Slip-On STITCHLITE⢠Sneaker - Black-White \/ Medium \/ 9","public_title":"Black-White \/ Medium \/ 9","options":["Black-White","Medium","9"],"price":599000,"weight":1000,"compare_at_price":1099500,"inventory_management":"shopify","barcode":"198859587091","requires_selling_plan":false,"selling_plan_allocations":[],"quantity_rule":{"min":1,"max":null,"increment":1}},{"id":48123388297460,"title":"Black-White \/ Medium \/ 9.5","option1":"Black-White","option2":"Medium","option3":"9.5","sku":"C44794 9.5M","requires_shipping":true,"taxable":true,"featured_image":null,"available":true,"name":"Men's GrandPrø Luxe Slip-On STITCHLITE⢠Sneaker - Black-White \/ Medium \/ 9.5","public_title":"Black-White \/ Medium \/ 9.5","options":["Black-White","Medium","9.5"],"price":599000,"weight":1000,"compare_at_price":1099500,"inventory_management":"shopify","barcode":"198859587107","requires_selling_plan":false,"selling_plan_allocations":[],"quantity_rule":{"min":1,"max":null,"increment":1}},{"id":48123388330228,"title":"Black-White \/ Medium \/ 10","option1":"Black-White","option2":"Medium","option3":"10","sku":"C44794 10.0M","requires_shipping":true,"taxable":true,"featured_image":null,"available":false,"name":"Men's GrandPrø Luxe Slip-On STITCHLITE⢠Sneaker - Black-White \/ Medium \/ 10","public_title":"Black-White \/ Medium \/ 10","options":["Black-White","Medium","10"],"price":599000,"weight":1000,"compare_at_price":1099500,"inventory_management":"shopify","barcode":"198859586995","requires_selling_plan":false,"selling_plan_allocations":[],"quantity_rule":{"min":1,"max":null,"increment":1}},{"id":48123388362996,"title":"Black-White \/ Medium \/ 10.5","option1":"Black-White","option2":"Medium","option3":"10.5","sku":"C44794 10.5M","requires_shipping":true,"taxable":true,"featured_image":null,"available":true,"name":"Men's GrandPrø Luxe Slip-On STITCHLITE⢠Sneaker - Black-White \/ Medium \/ 10.5","public_title":"Black-White \/ Medium \/ 10.5","options":["Black-White","Medium","10.5"],"price":599000,"weight":1000,"compare_at_price":1099500,"inventory_management":"shopify","barcode":"198859587008","requires_selling_plan":false,"selling_plan_allocations":[],"quantity_rule":{"min":1,"max":null,"increment":1}},{"id":48123388395764,"title":"Black-White \/ Medium \/ 11","option1":"Black-White","option2":"Medium","option3":"11","sku":"C44794 11.0M","requires_shipping":true,"taxable":true,"featured_image":null,"available":false,"name":"Men's GrandPrø Luxe Slip-On STITCHLITE⢠Sneaker - Black-White \/ Medium \/ 11","public_title":"Black-White \/ Medium \/ 11","options":["Black-White","Medium","11"],"price":599000,"weight":1000,"compare_at_price":1099500,"inventory_management":"shopify","barcode":"198859587015","requires_selling_plan":false,"selling_plan_allocations":[],"quantity_rule":{"min":1,"max":null,"increment":1}},{"id":48133363695860,"title":"Black-White \/ Medium \/ 11.5","option1":"Black-White","option2":"Medium","option3":"11.5","sku":"C44794 11.5M","requires_shipping":true,"taxable":true,"featured_image":null,"available":false,"name":"Men's GrandPrø Luxe Slip-On STITCHLITE⢠Sneaker - Black-White \/ Medium \/ 11.5","public_title":"Black-White \/ Medium \/ 11.5","options":["Black-White","Medium","11.5"],"price":599000,"weight":1000,"compare_at_price":1099500,"inventory_management":"shopify","barcode":null,"requires_selling_plan":false,"selling_plan_allocations":[],"quantity_rule":{"min":1,"max":null,"increment":1}},{"id":48123388461300,"title":"Black-White \/ Medium \/ 12","option1":"Black-White","option2":"Medium","option3":"12","sku":"C44794 12.0M","requires_shipping":true,"taxable":true,"featured_image":null,"available":false,"name":"Men's GrandPrø Luxe Slip-On STITCHLITE⢠Sneaker - Black-White \/ Medium \/ 12","public_title":"Black-White \/ Medium \/ 12","options":["Black-White","Medium","12"],"price":599000,"weight":1000,"compare_at_price":1099500,"inventory_management":"shopify","barcode":"198859587039","requires_selling_plan":false,"selling_plan_allocations":[],"quantity_rule":{"min":1,"max":null,"increment":1}}] 12591 12592 </script>
12592 12593 12594 </div> 12595 </variant-radios><noscript class="product-form__noscript-wrapper-template--23890806309108__featured_collection_G6EN3c"> 12596 <div class="product-form__input"> 12597 <label class="form__label" for="Variants-template--23890806309108__featured_collection_G6EN3c">Product variants</label> 12598 <div class="select"> 12599 <select 12600 name="id" 12601 id="Variants-template--23890806309108__featured_collection_G6EN3c" 12602 class="select__select" 12603 form="" 12604 ><option 12605 12606 12607 disabled 12608 12609 value="48123388133620" 12610 >Black-White / Medium / 7 - â±5,990.00 - Add to Bag</option><option 12611 12612 12613 disabled 12614 12615 value="48123388166388" 12616 >Black-White / Medium / 7.5 - â±5,990.00 - Add to Bag</option><option 12617 12618 12619 disabled 12620 12621 value="48123388199156" 12622 >Black-White / Medium / 8 - â±5,990.00 - Add to Bag</option><option 12623 12624 12625 disabled 12626 12627 value="48123388231924" 12628 >Black-White / Medium / 8.5 - â±5,990.00 - Add to Bag</option><option 12629 12630 12631 disabled 12632 12633 value="48123388264692" 12634 >Black-White / Medium / 9 - â±5,990.00 - Add to Bag</option><option 12635 12636 selected="selected" 12637 12638 12639 value="48123388297460" 12640 >Black-White / Medium / 9.5 - â±5,990.00</option><option 12641 12642 12643 disabled 12644 12645 value="48123388330228" 12646 >Black-White / Medium / 10 - â±5,990.00 - Add to Bag</option><option 12647 12648 12649 value="48123388362996" 12650 >Black-White / Medium / 10.5 - â±5,990.00</option><option 12651 12652 12653 disabled 12654 12655 value="48123388395764" 12656 >Black-White / Medium / 11 - â±5,990.00 - Add to Bag</option><option 12657 12658 12659 disabled 12660 12661 value="48133363695860" 12662 >Black-White / Medium / 11.5 - â±5,990.00 - Add to Bag</option><option 12663 12664 12665 disabled 12666 12667 value="48123388461300" 12668 >Black-White / Medium / 12 - â±5,990.00 - Add to Bag</option></select> 12669 <svg aria-hidden="true" focusable="false" class="icon icon-caret" viewBox="0 0 10 6"> 12670 <path fill-rule="evenodd" clip-rule="evenodd" d="M9.354.646a.5.5 0 00-.708 0L5 4.293 1.354.646a.5.5 0 00-.708.708l4 4a.5.5 0 00.708 0l4-4a.5.5 0 000-.708z" fill="currentColor"> 12671</svg> 12672<!-- <svg fill="#000000" height="14px" width="14px" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 330 330" xml:space="preserve" stroke="#000000" stroke-width="0.0033"><g id="SVGRepo_bgCarrier" stroke-width="0"></g><g id="SVGRepo_tracerCarrier" stroke-linecap="round" stroke-linejoin="round"></g> 12673 <g id="SVGRepo_iconCarrier"> 12674 <path id="XMLID_225_" d="M325.607,79.393c-5.857-5.857-15.355-5.858-21.213,0.001l-139.39,139.393L25.607,79.393 c-5.857-5.857-15.355-5.858-21.213,0.001c-5.858,5.858-5.858,15.355,0,21.213l150.004,150c2.813,2.813,6.628,4.393,10.606,4.393 s7.794-1.581,10.606-4.394l149.996-150C331.465,94.749,331.465,85.251,325.607,79.393z"> 12675 </path> </g></svg> --> 12676 12677 </div> 12678 </div> 12679</noscript> 12680
12681<script> 12682// var dataUrl; 12683// function fetchUrl(){ 12684// var productUrl = document.querySelector("button[data-product-url]"); 12685// if (productUrl) { 12686// debugger; 12687// dataUrl = productUrl.getAttribute("data-product-url"); 12688// console.log("data-product-url: ", dataUrl); 12689// } 12690// } 12691</script>
12691 12692 12693 12694 12695<div class=" 12696 price price--on-sale "> 12697 <div class="price__container"><div class="price__regular"> 12698 <span class="visually-hidden visually-hidden--inline">Regular price</span> 12699 <span class="price-item price-item--regular"> 12700 â±5,990 12701 </span> 12702 </div> 12703 <div class="price__sale price--large"> 12704 12705 <div class="" style="display: flex; white-space: nowrap; align-items: center;"> 12706 <span class="visually-hidden visually-hidden--inline">Regular price</span> 12707 <span class="strike-through quick-shop-regular"> 12708 <s class="price-item price-item--regular"> 12709 12710 â±10,995 12711 12712 </s> 12713 </span><span class="visually-hidden visually-hidden--inline " >Sale price</span> 12714 <span class="price-item price-item--sale price-item--last quick-shop-sale"> 12715 â±5,990 12716 </span> 12717 </div> 12718 <span class="compare-mark"> 12719 (45% Off) 12720 </span><style> 12721 .compare-mark{ 12722 font-size: 13px; 12723 color: #ff0d0d; 12724 font-family: WorkSansLight; 12725 margin-left: -10px; 12726 font-weight: 600; 12727 display: inline-flex; 12728 } 12729 @media screen and (max-width: 575px){ 12730 .compare-mark{ 12731 margin-left: 0; 12732 } 12733 .card-wrapper .price.price--on-sale .price__container { 12734 display: inline-flex; 12735 align-items: center; 12736 flex-wrap: wrap; 12737 align-items: flex-start; 12738 text-align: left; 12739 } 12740 } 12741 </style> 12742 </div> 12743 <small class="unit-price caption hidden"> 12744 <span class="visually-hidden">Unit price</span> 12745 <span class="price-item price-item--last"> 12746 <span></span> 12747 <span aria-hidden="true">/</span> 12748 <span class="visually-hidden"> per </span> 12749 <span> 12750 </span> 12751 </span> 12752 </small> 12753 </div></div> 12754 12755 <h3 12756 class="card_title card__heading h5" 12757 12758 id="title-template--23890806309108__featured_collection_G6EN3c-9444366876916" 12759 12760 > 12761 12762 12763 <a class="product_url" 12764 href="/products/c44794"> 12765 Men's GrandPrø Luxe Slip-On STITCHLITE⢠Sneaker 12766 </a> 12767 12768 </h3> 12769 <div class="card-information"><span class="caption-large light"></span></div> 12770 </div> 12771 12772 <div class="card__badge bottom left"><span 12773 id="Badge-template--23890806309108__featured_collection_G6EN3c-9444366876916" 12774 class="badge badge--bottom-left color-accent-2" 12775 >Sale</span></div> 12776 </div> 12777 </div> 12778 </div>
12778<script> 12779 12780 12781// function redirectFn(e){ 12782 12783// console.log('test e',e); 12784// const srcSet = e.querySelector('.pdp-primaryimage'); 12785 12786// const srcSetVal = srcSet['srcset']; 12787 12788// const startIndex = srcSetVal.indexOf('/products/'); 12789// const endIndex = srcSetVal.indexOf('_', startIndex); 12790// const desiredValue = srcSetVal.substring(startIndex, endIndex); 12791 12792// e.setAttribute('href', desiredValue); 12793 12794 12795// } 12796 12797 12798// document.addEventListener("DOMContentLoaded", function() { 12799// const items = document.querySelectorAll('#product-grid li.grid__item'); 12800 12801// items.forEach(item => { 12802// const button = item.querySelector('.quick-add__submit'); 12803// const colorSwatches = item.querySelectorAll('.color-swatches-plp'); 12804 12805// colorSwatches.forEach(swatch => { 12806// swatch.addEventListener('click', () => { 12807// const inputId = swatch.getAttribute('for'); 12808// const relatedProduct = item.querySelector(`#${inputId}.related-product`); 12809// if (relatedProduct) { 12810// const newUrl = relatedProduct.getAttribute('data-url'); 12811// if (newUrl) { 12812// button.setAttribute('data-product-url', newUrl); 12813// console.log(`Updated data-product-url: ${newUrl}`); 12814// } 12815// } 12816// }); 12817// }); 12818// }); 12819// }); 12820// // swatches click on collection page 12821 12822// document.addEventListener("DOMContentLoaded", function() { 12823 12824// initializeProductHrefs(); 12825 12826 12827// const colorSwatches = document.querySelectorAll('.color-swatches-plp'); 12828// colorSwatches.forEach(swatch => { 12829// swatch.addEventListener('click', function() { 12830// updateHref(this); 12831// }); 12832// }); 12833 12834 12835// const firstColorSwatch = document.querySelector('.color-swatches-plp'); 12836// if (firstColorSwatch) { 12837// firstColorSwatch.addEventListener('click', function() { 12838// updateHrefToFirstVariant(this); 12839// }); 12840// } 12841// }); 12842 12843// function initializeProductHrefs() { 12844// const productItems = document.querySelectorAll('#product-grid li.grid__item'); 12845// productItems.forEach((item, index) => { 12846// const firstVariant = item.querySelector('input.related-product'); 12847// if (firstVariant) { 12848// const initialUrl = firstVariant.getAttribute('data-url'); 12849// if (initialUrl) { 12850// const pdpNavigationLink = item.querySelector('.pdp-navigation-link'); 12851// pdpNavigationLink.setAttribute('href', initialUrl); 12852 12853// } 12854// } 12855// }); 12856// } 12857 12858// function updateHref(swatch) { 12859// const parentItem = swatch.closest('li.grid__item'); 12860// const inputId = swatch.getAttribute('for'); 12861// const relatedProduct = parentItem.querySelector(`input#${inputId}.related-product`); 12862// if (relatedProduct) { 12863// const newUrl = relatedProduct.getAttribute('data-url'); 12864// if (newUrl) { 12865// const pdpNavigationLink = parentItem.querySelector('.pdp-navigation-link'); 12866// pdpNavigationLink.setAttribute('href', newUrl); 12867 12868// } else { 12869// console.log(`No data-url found for swatch: ${inputId}`); 12870// } 12871// } else { 12872// console.log(`No related product input found for swatch: ${inputId}`); 12873// } 12874// } 12875 12876// function updateHrefToFirstVariant(swatch) { 12877// const parentItem = swatch.closest('li.grid__item'); 12878// const firstRelatedProduct = parentItem.querySelector('input.related-product'); 12879// if (firstRelatedProduct) { 12880// const firstUrl = firstRelatedProduct.getAttribute('data-url'); 12881// if (firstUrl) { 12882// const pdpNavigationLink = parentItem.querySelector('.pdp-navigation-link'); 12883// pdpNavigationLink.setAttribute('href', firstUrl); 12884 12885// } else { 12886// console.log('No data-url found for the first related product.'); 12887// } 12888// } else { 12889// console.log('No related product inputs found.'); 12890// } 12891// } 12892 12893 12894 12895</script>
12895 12896 12897 12898 </li><li 12899 id="Slide-template--23890806309108__featured_collection_G6EN3c-5" 12900 class="grid__item slider__slide" 12901 > 12902 12903 12904<link href="//colehaan.com.ph/cdn/shop/t/131/assets/component-rating.css?v=24573085263941240431790040493" rel="stylesheet" type="text/css" media="all" /> 12905<style> 12906 .eyebrow{ 12907 background: #808080 !important; 12908 } 12909</style><div class="card-wrapper product-card-wrapper"> 12910 <div 12911 class=" 12912 card 12913 card--card 12914 card--media 12915 color-background-1 gradient 12916 12917 12918 12919 " 12920 style="--ratio-percent: 100%;" 12921 > 12922 <div 12923 class="card__inner ratio" 12924 style="--ratio-percent: 100%;" 12925 ><div class="card__media"> 12926 12927 <div class="quick-add quick-add-test no-js-hidden"> 12928 12929 <modal-opener data-modal="#QuickAdd-9444367302900"> 12930 <button 12931 id="quick-add-template--23890806309108__featured_collection_G6EN3c9444367302900-submit" 12932 type="submit" 12933 name="add" 12934 class="quick-add__submit button--full-width button--secondary" 12935 aria-haspopup="dialog" 12936 aria-labelledby="quick-add-template--23890806309108__featured_collection_G6EN3c9444367302900-submit title-template--23890806309108__featured_collection_G6EN3c-9444367302900" 12937 data-product-url="/products/c46091" 12938 > 12939 Quick shop 12940<div class="loading-overlay__spinner hidden"> 12941 <svg 12942 aria-hidden="true" 12943 focusable="false" 12944 class="spinner"
12945 viewBox="0 0 66 66" 12946 xmlns="http://www.w3.org/2000/svg" 12947 > 12948 <circle class="path" fill="none" stroke-width="6" cx="33" cy="33" r="30"></circle> 12949 </svg> 12950 </div> 12951 </button> 12952 </modal-opener> 12953 <quick-add-modal id="QuickAdd-9444367302900" class="quick-add-modal"> 12954 <div 12955 role="dialog" 12956 aria-label="Choose options for Men&#39;s GrandPrø Luxe Mile Slip-On Sneaker" 12957 aria-modal="true" 12958 class="quick-add-modal__content global-settings-popup" 12959 tabindex="-1" 12960 > 12961 <button 12962 id="ModalClose-9444367302900" 12963 type="button" 12964 class="quick-add-modal__toggle" 12965 aria-label="Close" 12966 > 12967 <svg 12968 xmlns="http://www.w3.org/2000/svg" 12969 aria-hidden="true" 12970 focusable="false" 12971 class="icon icon-close" 12972 fill="none" 12973 viewBox="0 0 18 17" 12974> 12975 <path d="M.865 15.978a.5.5 0 00.707.707l7.433-7.431 7.579 7.282a.501.501 0 00.846-.37.5.5 0 00-.153-.351L9.712 8.546l7.417-7.416a.5.5 0 10-.707-.708L8.991 7.853 1.413.573a.5.5 0 10-.693.72l7.563 7.268-7.418 7.417z" fill="currentColor"> 12976</svg> 12977 12978 </button> 12979 <div class="logo_ch"> 12980 <img src="https://cdn.shopify.com/s/files/1/0268/1228/5039/files/colehaan_logo.png?v=1694757702" style="width: 150px; margin: 20px;"/> 12981 </div> 12982 <div id="QuickAddInfo-9444367302900" class="quick-add-modal__content-info"> 12983 </div> 12984 12985 <div class="cart-and-ipay"> 12986 <button class="add-to-cart-global btn" onclick="triggerQuickBasket(event, 'product-form-quickadd-template--23890806309108__featured_collection_G6EN3c');" title="Add to bag"> 12987 Add to Bag 12988 </button> 12989 </div> 12990 </div> 12991 </quick-add-modal> 12992 12993 12994 </div> 12995 12996 <div class="media"> 12997 12998 12999 <a class="pdp-navigation-link" onclick = "redirectFn(this);" href="/products/c46091"> 13000 <img class="img-tag pdp-primaryimage" 13001 srcset="//colehaan.com.ph/cdn/shop/files/BaseTransform1_e0b3d9e3-35bf-4a90-80e6-9a13d05313d0.jpg?v=1777866034&width=165 165w,//colehaan.com.ph/cdn/shop/files/BaseTransform1_e0b3d9e3-35bf-4a90-80e6-9a13d05313d0.jpg?v=1777866034&width=360 360w,//colehaan.com.ph/cdn/shop/files/BaseTransform1_e0b3d9e3-35bf-4a90-80e6-9a13d05313d0.jpg?v=1777866034&width=533 533w,//colehaan.com.ph/cdn/shop/files/BaseTransform1_e0b3d9e3-35bf-4a90-80e6-9a13d05313d0.jpg?v=1777866034&width=720 720w,//colehaan.com.ph/cdn/shop/files/BaseTransform1_e0b3d9e3-35bf-4a90-80e6-9a13d05313d0.jpg?v=1777866034&width=940 940w,//colehaan.com.ph/cdn/shop/files/BaseTransform1_e0b3d9e3-35bf-4a90-80e6-9a13d05313d0.jpg?v=1777866034&width=1066 1066w,//colehaan.com.ph/cdn/shop/files/BaseTransform1_e0b3d9e3-35bf-4a90-80e6-9a13d05313d0.jpg?v=1777866034 2000w 13002 " 13003 src="//colehaan.com.ph/cdn/shop/files/BaseTransform1_e0b3d9e3-35bf-4a90-80e6-9a13d05313d0.jpg?v=1777866034&width=533" 13004 sizes="(min-width: 1200px) 267px, (min-width: 990px) calc((100vw - 130px) / 4), (min-width: 750px) calc((100vw - 120px) / 3), calc((100vw - 35px) / 2)" 13005 alt="C46091:BLACK / BLACK / BLACK" 13006 class="motion-reduce" 13007 13008 loading="lazy" 13009 13010 width="2000" 13011 height="2250" 13012 > 13013 13014</a> 13015 </div> 13016 </div><div class="card__content"> 13017 <div class="card__information"> 13018 <h3 13019 class="card__heading" 13020 13021 > 13022 <a 13023 href="/products/c46091" 13024 id="StandardCardNoMediaLink-template--23890806309108__featured_collection_G6EN3c-9444367302900" 13025 class="full-unstyled-link" 13026 aria-labelledby="StandardCardNoMediaLink-template--23890806309108__featured_collection_G6EN3c-9444367302900 NoMediaStandardBadge-template--23890806309108__featured_collection_G6EN3c-9444367302900" 13027 > 13028 Men's GrandPrø Luxe Mile Slip-On Sneaker 13029 </a> 13030 </h3> 13031 </div> 13032 <div class="card__badge bottom left"> 13033 13034 </div> 13035 </div> 13036 </div> 13037 <div class="card__content card-content"> 13038 <div class="card__information"> 13039 13040 13041<variant-radios 13042 id="variant-radios-template--23890806309108__featured_collection_G6EN3c" 13043 class="no-js-hidden" 13044 data-section="template--23890806309108__featured_collection_G6EN3c" 13045 data-url="/products/c46091" 13046 13047 13048 > 13049 <div class= "clr-swatches-plp"><fieldset class="js product-form__input"> 13050 13051
13051<script src="//colehaan.com.ph/cdn/shop/t/131/assets/global.js?v=15889204645569497881790040512" defer="defer"></script>
13051<div 13052 class="swatches-wrapper" 13053 id="swatches-9444367302900-template--23890806309108__featured_collection_G6EN3c" 13054 data-related-handles="c44792,c44790,c44819,c44793" 13055 data-section-id="template--23890806309108__featured_collection_G6EN3c" 13056 data-product-id="9444367302900" 13057 data-product-form-id="product-form-template--23890806309108__featured_collection_G6EN3c" 13058> 13059<input 13060 class="related-product" 13061 type="radio" 13062 id="template--23890806309108__featured_collection_G6EN3c-1-1" 13063 name="Color" 13064 value="Black" 13065 form="product-form-template--23890806309108__featured_collection_G6EN3c" 13066 data-url="/products/c46091" 13067 13068 checked 13069 13070 13071 > 13072 <label class="color-swatches-plp" for="template--23890806309108__featured_collection_G6EN3c-1-1" style="background: url('https://colehaan.com.ph/cdn/shop/files/BaseTransform1_e0b3d9e3-35bf-4a90-80e6-9a13d05313d0.jpg?v=1777866034') center no-repeat; background-size: contain;" onclick="redirectToUrlCollection(this);"> 13073 </label> 13074 13075 13076 13077 <div class="related-swatches-container"></div> 13078</div> 13079 13080 </fieldset><fieldset class="js product-form__input"> 13081 13082 </fieldset><fieldset class="js product-form__input"> 13083 13084 </fieldset><span class="mobile-swatch-plus-plp" > 13085 13086 <a href="/products/c46091">+</a> 13087 </span> 13088 13089 13090
13090<script type="application/json"> 13091 13092 [{"id":48123395244276,"title":"Black \/ Medium \/ 7","option1":"Black","option2":"Medium","option3":"7","sku":"C46091 7.0M","requires_shipping":true,"taxable":true,"featured_image":null,"available":false,"name":"Men's GrandPrø Luxe Mile Slip-On Sneaker - Black \/ Medium \/ 7","public_title":"Black \/ Medium \/ 7","options":["Black","Medium","7"],"price":799000,"weight":1000,"compare_at_price":1099500,"inventory_management":"shopify","barcode":"198859586810","requires_selling_plan":false,"selling_plan_allocations":[],"quantity_rule":{"min":1,"max":null,"increment":1}},{"id":48123395277044,"title":"Black \/ Medium \/ 7.5","option1":"Black","option2":"Medium","option3":"7.5","sku":"C46091 7.5M","requires_shipping":true,"taxable":true,"featured_image":null,"available":false,"name":"Men's GrandPrø Luxe Mile Slip-On Sneaker - Black \/ Medium \/ 7.5","public_title":"Black \/ Medium \/ 7.5","options":["Black","Medium","7.5"],"price":799000,"weight":1000,"compare_at_price":1099500,"inventory_management":"shopify","barcode":"198859586827","requires_selling_plan":false,"selling_plan_allocations":[],"quantity_rule":{"min":1,"max":null,"increment":1}},{"id":48123395309812,"title":"Black \/ Medium \/ 8","option1":"Black","option2":"Medium","option3":"8","sku":"C46091 8.0M","requires_shipping":true,"taxable":true,"featured_image":null,"available":false,"name":"Men's GrandPrø Luxe Mile Slip-On Sneaker - Black \/ Medium \/ 8","public_title":"Black \/ Medium \/ 8","options":["Black","Medium","8"],"price":799000,"weight":1000,"compare_at_price":1099500,"inventory_management":"shopify","barcode":"198859586834","requires_selling_plan":false,"selling_plan_allocations":[],"quantity_rule":{"min":1,"max":null,"increment":1}},{"id":48123395342580,"title":"Black \/ Medium \/ 8.5","option1":"Black","option2":"Medium","option3":"8.5","sku":"C46091 8.5M","requires_shipping":true,"taxable":true,"featured_image":null,"available":true,"name":"Men's GrandPrø Luxe Mile Slip-On Sneaker - Black \/ Medium \/ 8.5","public_title":"Black \/ Medium \/ 8.5","options":["Black","Medium","8.5"],"price":799000,"weight":1000,"compare_at_price":1099500,"inventory_management":"shopify","barcode":"198859586841","requires_selling_plan":false,"selling_plan_allocations":[],"quantity_rule":{"min":1,"max":null,"increment":1}},{"id":48123395375348,"title":"Black \/ Medium \/ 9","option1":"Black","option2":"Medium","option3":"9","sku":"C46091 9.0M","requires_shipping":true,"taxable":true,"featured_image":null,"available":false,"name":"Men's GrandPrø Luxe Mile Slip-On Sneaker - Black \/ Medium \/ 9","public_title":"Black \/ Medium \/ 9","options":["Black","Medium","9"],"price":799000,"weight":1000,"compare_at_price":1099500,"inventory_management":"shopify","barcode":"198859586858","requires_selling_plan":false,"selling_plan_allocations":[],"quantity_rule":{"min":1,"max":null,"increment":1}},{"id":48123395408116,"title":"Black \/ Medium \/ 9.5","option1":"Black","option2":"Medium","option3":"9.5","sku":"C46091 9.5M","requires_shipping":true,"taxable":true,"featured_image":null,"available":true,"name":"Men's GrandPrø Luxe Mile Slip-On Sneaker - Black \/ Medium \/ 9.5","public_title":"Black \/ Medium \/ 9.5","options":["Black","Medium","9.5"],"price":799000,"weight":1000,"compare_at_price":1099500,"inventory_management":"shopify","barcode":"198859586865","requires_selling_plan":false,"selling_plan_allocations":[],"quantity_rule":{"min":1,"max":null,"increment":1}},{"id":48123395440884,"title":"Black \/ Medium \/ 10","option1":"Black","option2":"Medium","option3":"10","sku":"C46091 10.0M","requires_shipping":true,"taxable":true,"featured_image":null,"available":true,"name":"Men's GrandPrø Luxe Mile Slip-On Sneaker - Black \/ Medium \/ 10","public_title":"Black \/ Medium \/ 10","options":["Black","Medium","10"],"price":799000,"weight":1000,"compare_at_price":1099500,"inventory_management":"shopify","barcode":"198859586759","requires_selling_plan":false,"selling_plan_allocations":[],"quantity_rule":{"min":1,"max":null,"increment":1}},{"id":48123395473652,"title":"Black \/ Medium \/ 10.5","option1":"Black","option2":"Medium","option3":"10.5","sku":"C46091 10.5M","requires_shipping":true,"taxable":true,"featured_image":null,"available":false,"name":"Men's GrandPrø Luxe Mile Slip-On Sneaker - Black \/ Medium \/ 10.5","public_title":"Black \/ Medium \/ 10.5","options":["Black","Medium","10.5"],"price":799000,"weight":1000,"compare_at_price":1099500,"inventory_management":"shopify","barcode":"198859586766","requires_selling_plan":false,"selling_plan_allocations":[],"quantity_rule":{"min":1,"max":null,"increment":1}},{"id":48123395506420,"title":"Black \/ Medium \/ 11","option1":"Black","option2":"Medium","option3":"11","sku":"C46091 11.0M","requires_shipping":true,"taxable":true,"featured_image":null,"available":false,"name":"Men's GrandPrø Luxe Mile Slip-On Sneaker - Black \/ Medium \/ 11","public_title":"Black \/ Medium \/ 11","options":["Black","Medium","11"],"price":799000,"weight":1000,"compare_at_price":1099500,"inventory_management":"shopify","barcode":"198859586773","requires_selling_plan":false,"selling_plan_allocations":[],"quantity_rule":{"min":1,"max":null,"increment":1}},{"id":48133296488692,"title":"Black \/ Medium \/ 11..5","option1":"Black","option2":"Medium","option3":"11..5","sku":"C46091 11.5M","requires_shipping":true,"taxable":true,"featured_image":null,"available":false,"name":"Men's GrandPrø Luxe Mile Slip-On Sneaker - Black \/ Medium \/ 11..5","public_title":"Black \/ Medium \/ 11..5","options":["Black","Medium","11..5"],"price":799000,"weight":1000,"compare_at_price":1099500,"inventory_management":"shopify","barcode":null,"requires_selling_plan":false,"selling_plan_allocations":[],"quantity_rule":{"min":1,"max":null,"increment":1}},{"id":48123395571956,"title":"Black \/ Medium \/ 12","option1":"Black","option2":"Medium","option3":"12","sku":"C46091 12.0M","requires_shipping":true,"taxable":true,"featured_image":null,"available":false,"name":"Men's GrandPrø Luxe Mile Slip-On Sneaker - Black \/ Medium \/ 12","public_title":"Black \/ Medium \/ 12","options":["Black","Medium","12"],"price":799000,"weight":1000,"compare_at_price":1099500,"inventory_management":"shopify","barcode":"198859586797","requires_selling_plan":false,"selling_plan_allocations":[],"quantity_rule":{"min":1,"max":null,"increment":1}}] 13093 13094 </script>
13094 13095 13096 </div> 13097 </variant-radios><noscript class="product-form__noscript-wrapper-template--23890806309108__featured_collection_G6EN3c"> 13098 <div class="product-form__input"> 13099 <label class="form__label" for="Variants-template--23890806309108__featured_collection_G6EN3c">Product variants</label> 13100 <div class="select"> 13101 <select 13102 name="id" 13103 id="Variants-template--23890806309108__featured_collection_G6EN3c" 13104 class="select__select" 13105 form="" 13106 ><option 13107 13108 13109 disabled 13110 13111 value="48123395244276" 13112 >Black / Medium / 7 - â±7,990.00 - Add to Bag</option><option 13113 13114 13115 disabled 13116 13117 value="48123395277044" 13118 >Black / Medium / 7.5 - â±7,990.00 - Add to Bag</option><option 13119 13120 13121 disabled 13122 13123 value="48123395309812" 13124 >Black / Medium / 8 - â±7,990.00 - Add to Bag</option><option 13125 13126 selected="selected" 13127 13128 13129 value="48123395342580" 13130 >Black / Medium / 8.5 - â±7,990.00</option><option 13131 13132 13133 disabled 13134 13135 value="48123395375348" 13136 >Black / Medium / 9 - â±7,990.00 - Add to Bag</option><option 13137 13138 13139 value="48123395408116" 13140 >Black / Medium / 9.5 - â±7,990.00</option><option 13141 13142 13143 value="48123395440884" 13144 >Black / Medium / 10 - â±7,990.00</option><option 13145 13146 13147 disabled 13148 13149 value="48123395473652" 13150 >Black / Medium / 10.5 - â±7,990.00 - Add to Bag</option><option 13151 13152 13153 disabled 13154 13155 value="48123395506420" 13156 >Black / Medium / 11 - â±7,990.00 - Add to Bag</option><option 13157 13158 13159 disabled 13160 13161 value="48133296488692" 13162 >Black / Medium / 11..5 - â±7,990.00 - Add to Bag</option><option 13163 13164 13165 disabled 13166 13167 value="48123395571956" 13168 >Black / Medium / 12 - â±7,990.00 - Add to Bag</option></select> 13169 <svg aria-hidden="true" focusable="false" class="icon icon-caret" viewBox="0 0 10 6"> 13170 <path fill-rule="evenodd" clip-rule="evenodd" d="M9.354.646a.5.5 0 00-.708 0L5 4.293 1.354.646a.5.5 0 00-.708.708l4 4a.5.5 0 00.708 0l4-4a.5.5 0 000-.708z" fill="currentColor"> 13171</svg> 13172<!-- <svg fill="#000000" height="14px" width="14px" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 330 330" xml:space="preserve" stroke="#000000" stroke-width="0.0033"><g id="SVGRepo_bgCarrier" stroke-width="0"></g><g id="SVGRepo_tracerCarrier" stroke-linecap="round" stroke-linejoin="round"></g> 13173 <g id="SVGRepo_iconCarrier"> 13174 <path id="XMLID_225_" d="M325.607,79.393c-5.857-5.857-15.355-5.858-21.213,0.001l-139.39,139.393L25.607,79.393 c-5.857-5.857-15.355-5.858-21.213,0.001c-5.858,5.858-5.858,15.355,0,21.213l150.004,150c2.813,2.813,6.628,4.393,10.606,4.393 s7.794-1.581,10.606-4.394l149.996-150C331.465,94.749,331.465,85.251,325.607,79.393z"> 13175 </path> </g></svg> --> 13176 13177 </div> 13178 </div> 13179</noscript> 13180
13181<script> 13182// var dataUrl; 13183// function fetchUrl(){ 13184// var productUrl = document.querySelector("button[data-product-url]"); 13185// if (productUrl) { 13186// debugger; 13187// dataUrl = productUrl.getAttribute("data-product-url"); 13188// console.log("data-product-url: ", dataUrl); 13189// } 13190// } 13191</script>
13191 13192 13193 13194 13195<div class=" 13196 price price--on-sale "> 13197 <div class="price__container"><div class="price__regular"> 13198 <span class="visually-hidden visually-hidden--inline">Regular price</span> 13199 <span class="price-item price-item--regular"> 13200 â±7,990 13201 </span> 13202 </div> 13203 <div class="price__sale price--large"> 13204 13205 <div class="" style="display: flex; white-space: nowrap; align-items: center;"> 13206 <span class="visually-hidden visually-hidden--inline">Regular price</span> 13207 <span class="strike-through quick-shop-regular"> 13208 <s class="price-item price-item--regular"> 13209 13210 â±10,995 13211 13212 </s> 13213 </span><span class="visually-hidden visually-hidden--inline " >Sale price</span> 13214 <span class="price-item price-item--sale price-item--last quick-shop-sale"> 13215 â±7,990 13216 </span> 13217 </div> 13218 <span class="compare-mark"> 13219 (27% Off) 13220 </span><style> 13221 .compare-mark{ 13222 font-size: 13px; 13223 color: #ff0d0d; 13224 font-family: WorkSansLight; 13225 margin-left: -10px; 13226 font-weight: 600; 13227 display: inline-flex; 13228 } 13229 @media screen and (max-width: 575px){ 13230 .compare-mark{ 13231 margin-left: 0; 13232 } 13233 .card-wrapper .price.price--on-sale .price__container { 13234 display: inline-flex; 13235 align-items: center; 13236 flex-wrap: wrap; 13237 align-items: flex-start; 13238 text-align: left; 13239 } 13240 } 13241 </style> 13242 </div> 13243 <small class="unit-price caption hidden"> 13244 <span class="visually-hidden">Unit price</span> 13245 <span class="price-item price-item--last"> 13246 <span></span> 13247 <span aria-hidden="true">/</span> 13248 <span class="visually-hidden"> per </span> 13249 <span> 13250 </span> 13251 </span> 13252 </small> 13253 </div></div> 13254 13255 <h3 13256 class="card_title card__heading h5" 13257 13258 id="title-template--23890806309108__featured_collection_G6EN3c-9444367302900" 13259 13260 > 13261 13262 13263 <a class="product_url" 13264 href="/products/c46091"> 13265 Men's GrandPrø Luxe Mile Slip-On Sneaker 13266 </a> 13267 13268 </h3> 13269 <div class="card-information"><span class="caption-large light"></span></div> 13270 </div> 13271 13272 <div class="card__badge bottom left"><span 13273 id="Badge-template--23890806309108__featured_collection_G6EN3c-9444367302900" 13274 class="badge badge--bottom-left color-accent-2" 13275 >Sale</span></div> 13276 </div> 13277 </div> 13278 </div>
13278<script> 13279 13280 13281// function redirectFn(e){ 13282 13283// console.log('test e',e); 13284// const srcSet = e.querySelector('.pdp-primaryimage'); 13285 13286// const srcSetVal = srcSet['srcset']; 13287 13288// const startIndex = srcSetVal.indexOf('/products/'); 13289// const endIndex = srcSetVal.indexOf('_', startIndex); 13290// const desiredValue = srcSetVal.substring(startIndex, endIndex); 13291 13292// e.setAttribute('href', desiredValue); 13293 13294 13295// } 13296 13297 13298// document.addEventListener("DOMContentLoaded", function() { 13299// const items = document.querySelectorAll('#product-grid li.grid__item'); 13300 13301// items.forEach(item => { 13302// const button = item.querySelector('.quick-add__submit'); 13303// const colorSwatches = item.querySelectorAll('.color-swatches-plp'); 13304 13305// colorSwatches.forEach(swatch => { 13306// swatch.addEventListener('click', () => { 13307// const inputId = swatch.getAttribute('for'); 13308// const relatedProduct = item.querySelector(`#${inputId}.related-product`); 13309// if (relatedProduct) { 13310// const newUrl = relatedProduct.getAttribute('data-url'); 13311// if (newUrl) { 13312// button.setAttribute('data-product-url', newUrl); 13313// console.log(`Updated data-product-url: ${newUrl}`); 13314// } 13315// } 13316// }); 13317// }); 13318// }); 13319// }); 13320// // swatches click on collection page 13321 13322// document.addEventListener("DOMContentLoaded", function() { 13323 13324// initializeProductHrefs(); 13325 13326 13327// const colorSwatches = document.querySelectorAll('.color-swatches-plp'); 13328// colorSwatches.forEach(swatch => { 13329// swatch.addEventListener('click', function() { 13330// updateHref(this); 13331// }); 13332// }); 13333 13334 13335// const firstColorSwatch = document.querySelector('.color-swatches-plp'); 13336// if (firstColorSwatch) { 13337// firstColorSwatch.addEventListener('click', function() { 13338// updateHrefToFirstVariant(this); 13339// }); 13340// } 13341// }); 13342 13343// function initializeProductHrefs() { 13344// const productItems = document.querySelectorAll('#product-grid li.grid__item'); 13345// productItems.forEach((item, index) => { 13346// const firstVariant = item.querySelector('input.related-product'); 13347// if (firstVariant) { 13348// const initialUrl = firstVariant.getAttribute('data-url'); 13349// if (initialUrl) { 13350// const pdpNavigationLink = item.querySelector('.pdp-navigation-link'); 13351// pdpNavigationLink.setAttribute('href', initialUrl); 13352 13353// } 13354// } 13355// }); 13356// } 13357 13358// function updateHref(swatch) { 13359// const parentItem = swatch.closest('li.grid__item'); 13360// const inputId = swatch.getAttribute('for'); 13361// const relatedProduct = parentItem.querySelector(`input#${inputId}.related-product`); 13362// if (relatedProduct) { 13363// const newUrl = relatedProduct.getAttribute('data-url'); 13364// if (newUrl) { 13365// const pdpNavigationLink = parentItem.querySelector('.pdp-navigation-link'); 13366// pdpNavigationLink.setAttribute('href', newUrl); 13367 13368// } else { 13369// console.log(`No data-url found for swatch: ${inputId}`); 13370// } 13371// } else { 13372// console.log(`No related product input found for swatch: ${inputId}`); 13373// } 13374// } 13375 13376// function updateHrefToFirstVariant(swatch) { 13377// const parentItem = swatch.closest('li.grid__item'); 13378// const firstRelatedProduct = parentItem.querySelector('input.related-product'); 13379// if (firstRelatedProduct) { 13380// const firstUrl = firstRelatedProduct.getAttribute('data-url'); 13381// if (firstUrl) { 13382// const pdpNavigationLink = parentItem.querySelector('.pdp-navigation-link'); 13383// pdpNavigationLink.setAttribute('href', firstUrl); 13384 13385// } else { 13386// console.log('No data-url found for the first related product.'); 13387// } 13388// } else { 13389// console.log('No related product inputs found.'); 13390// } 13391// } 13392 13393 13394 13395</script>
13395 13396 13397 13398 </li><li 13399 id="Slide-template--23890806309108__featured_collection_G6EN3c-6" 13400 class="grid__item slider__slide" 13401 > 13402 13403 13404<link href="//colehaan.com.ph/cdn/shop/t/131/assets/component-rating.css?v=24573085263941240431790040493" rel="stylesheet" type="text/css" media="all" /> 13405<style> 13406 .eyebrow{ 13407 background: #808080 !important; 13408 } 13409</style><div class="card-wrapper product-card-wrapper"> 13410 <div 13411 class=" 13412 card 13413 card--card 13414 card--media 13415 color-background-1 gradient 13416 13417 13418 13419 " 13420 style="--ratio-percent: 100%;" 13421 > 13422 <div 13423 class="card__inner ratio" 13424 style="--ratio-percent: 100%;" 13425 ><div class="card__media"> 13426 13427 <div class="quick-add quick-add-test no-js-hidden"> 13428 13429 <modal-opener data-modal="#QuickAdd-9444366975220"> 13430 <button 13431 id="quick-add-template--23890806309108__featured_collection_G6EN3c9444366975220-submit" 13432 type="submit" 13433 name="add" 13434 class="quick-add__submit button--full-width button--secondary" 13435 aria-haspopup="dialog" 13436 aria-labelledby="quick-add-template--23890806309108__featured_collection_G6EN3c9444366975220-submit title-template--23890806309108__featured_collection_G6EN3c-9444366975220" 13437 data-product-url="/products/c44797" 13438 > 13439 Quick shop 13440<div class="loading-overlay__spinner hidden"> 13441 <svg 13442 aria-hidden="true" 13443 focusable="false" 13444 class="spinner"
13445 viewBox="0 0 66 66" 13446 xmlns="http://www.w3.org/2000/svg" 13447 > 13448 <circle class="path" fill="none" stroke-width="6" cx="33" cy="33" r="30"></circle> 13449 </svg> 13450 </div> 13451 </button> 13452 </modal-opener> 13453 <quick-add-modal id="QuickAdd-9444366975220" class="quick-add-modal"> 13454 <div 13455 role="dialog" 13456 aria-label="Choose options for Men&#39;s GrandPrø Luxe Slip-On STITCHLITE⢠Sneaker" 13457 aria-modal="true" 13458 class="quick-add-modal__content global-settings-popup" 13459 tabindex="-1" 13460 > 13461 <button 13462 id="ModalClose-9444366975220" 13463 type="button" 13464 class="quick-add-modal__toggle" 13465 aria-label="Close" 13466 > 13467 <svg 13468 xmlns="http://www.w3.org/2000/svg" 13469 aria-hidden="true" 13470 focusable="false" 13471 class="icon icon-close" 13472 fill="none" 13473 viewBox="0 0 18 17" 13474> 13475 <path d="M.865 15.978a.5.5 0 00.707.707l7.433-7.431 7.579 7.282a.501.501 0 00.846-.37.5.5 0 00-.153-.351L9.712 8.546l7.417-7.416a.5.5 0 10-.707-.708L8.991 7.853 1.413.573a.5.5 0 10-.693.72l7.563 7.268-7.418 7.417z" fill="currentColor"> 13476</svg> 13477 13478 </button> 13479 <div class="logo_ch"> 13480 <img src="https://cdn.shopify.com/s/files/1/0268/1228/5039/files/colehaan_logo.png?v=1694757702" style="width: 150px; margin: 20px;"/> 13481 </div> 13482 <div id="QuickAddInfo-9444366975220" class="quick-add-modal__content-info"> 13483 </div> 13484 13485 <div class="cart-and-ipay"> 13486 <button class="add-to-cart-global btn" onclick="triggerQuickBasket(event, 'product-form-quickadd-template--23890806309108__featured_collection_G6EN3c');" title="Add to bag"> 13487 Add to Bag 13488 </button> 13489 </div> 13490 </div> 13491 </quick-add-modal> 13492 13493 13494 </div> 13495 13496 <div class="media"> 13497 13498 13499 <a class="pdp-navigation-link" onclick = "redirectFn(this);" href="/products/c44797"> 13500 <img class="img-tag pdp-primaryimage" 13501 srcset="//colehaan.com.ph/cdn/shop/files/BaseTransform1_a6729840-f25c-44c1-ac51-f0770b86e59d.jpg?v=1777865967&width=165 165w,//colehaan.com.ph/cdn/shop/files/BaseTransform1_a6729840-f25c-44c1-ac51-f0770b86e59d.jpg?v=1777865967&width=360 360w,//colehaan.com.ph/cdn/shop/files/BaseTransform1_a6729840-f25c-44c1-ac51-f0770b86e59d.jpg?v=1777865967&width=533 533w,//colehaan.com.ph/cdn/shop/files/BaseTransform1_a6729840-f25c-44c1-ac51-f0770b86e59d.jpg?v=1777865967&width=720 720w,//colehaan.com.ph/cdn/shop/files/BaseTransform1_a6729840-f25c-44c1-ac51-f0770b86e59d.jpg?v=1777865967&width=940 940w,//colehaan.com.ph/cdn/shop/files/BaseTransform1_a6729840-f25c-44c1-ac51-f0770b86e59d.jpg?v=1777865967&width=1066 1066w,//colehaan.com.ph/cdn/shop/files/BaseTransform1_a6729840-f25c-44c1-ac51-f0770b86e59d.jpg?v=1777865967 2000w 13502 " 13503 src="//colehaan.com.ph/cdn/shop/files/BaseTransform1_a6729840-f25c-44c1-ac51-f0770b86e59d.jpg?v=1777865967&width=533" 13504 sizes="(min-width: 1200px) 267px, (min-width: 990px) calc((100vw - 130px) / 4), (min-width: 750px) calc((100vw - 120px) / 3), calc((100vw - 35px) / 2)" 13505 alt="C44797:OXFORD TAN / CH BRITISH TAN / IVORY" 13506 class="motion-reduce" 13507 13508 loading="lazy" 13509 13510 width="2000" 13511 height="2250" 13512 > 13513 13514</a> 13515 </div> 13516 </div><div class="card__content"> 13517 <div class="card__information"> 13518 <h3 13519 class="card__heading" 13520 13521 > 13522 <a 13523 href="/products/c44797" 13524 id="StandardCardNoMediaLink-template--23890806309108__featured_collection_G6EN3c-9444366975220" 13525 class="full-unstyled-link" 13526 aria-labelledby="StandardCardNoMediaLink-template--23890806309108__featured_collection_G6EN3c-9444366975220 NoMediaStandardBadge-template--23890806309108__featured_collection_G6EN3c-9444366975220" 13527 > 13528 Men's GrandPrø Luxe Slip-On STITCHLITE⢠Sneaker 13529 </a> 13530 </h3> 13531 </div> 13532 <div class="card__badge bottom left"> 13533 13534 </div> 13535 </div> 13536 </div> 13537 <div class="card__content card-content"> 13538 <div class="card__information"> 13539 13540 13541<variant-radios 13542 id="variant-radios-template--23890806309108__featured_collection_G6EN3c" 13543 class="no-js-hidden" 13544 data-section="template--23890806309108__featured_collection_G6EN3c" 13545 data-url="/products/c44797" 13546 13547 13548 > 13549 <div class= "clr-swatches-plp"><fieldset class="js product-form__input"> 13550 13551
13551<script src="//colehaan.com.ph/cdn/shop/t/131/assets/global.js?v=15889204645569497881790040512" defer="defer"></script>
13551<div 13552 class="swatches-wrapper" 13553 id="swatches-9444366975220-template--23890806309108__featured_collection_G6EN3c" 13554 data-related-handles="c44821,c44795,c44794" 13555 data-section-id="template--23890806309108__featured_collection_G6EN3c" 13556 data-product-id="9444366975220" 13557 data-product-form-id="product-form-template--23890806309108__featured_collection_G6EN3c" 13558> 13559<input 13560 class="related-product" 13561 type="radio" 13562 id="template--23890806309108__featured_collection_G6EN3c-1-1" 13563 name="Color" 13564 value="Oxford Tan-British Tan-Ivory" 13565 form="product-form-template--23890806309108__featured_collection_G6EN3c" 13566 data-url="/products/c44797" 13567 13568 checked 13569 13570 13571 > 13572 <label class="color-swatches-plp" for="template--23890806309108__featured_collection_G6EN3c-1-1" style="background: url('https://colehaan.com.ph/cdn/shop/files/BaseTransform1_a6729840-f25c-44c1-ac51-f0770b86e59d.jpg?v=1777865967') center no-repeat; background-size: contain;" onclick="redirectToUrlCollection(this);"> 13573 </label> 13574 13575 13576 13577 <div class="related-swatches-container"></div> 13578</div> 13579 13580 </fieldset><fieldset class="js product-form__input"> 13581 13582 </fieldset><fieldset class="js product-form__input"> 13583 13584 </fieldset><span class="mobile-swatch-plus-plp" > 13585 13586 <a href="/products/c44797">+</a> 13587 </span> 13588 13589 13590
13590<script type="application/json"> 13591 13592 [{"id":48123389739252,"title":"Oxford Tan-British Tan-Ivory \/ Medium \/ 7","option1":"Oxford Tan-British Tan-Ivory","option2":"Medium","option3":"7","sku":"C44797 7.0M","requires_shipping":true,"taxable":true,"featured_image":null,"available":false,"name":"Men's GrandPrø Luxe Slip-On STITCHLITE⢠Sneaker - Oxford Tan-British Tan-Ivory \/ Medium \/ 7","public_title":"Oxford Tan-British Tan-Ivory \/ Medium \/ 7","options":["Oxford Tan-British Tan-Ivory","Medium","7"],"price":799000,"weight":1000,"compare_at_price":1099500,"inventory_management":"shopify","barcode":"198859587770","requires_selling_plan":false,"selling_plan_allocations":[],"quantity_rule":{"min":1,"max":null,"increment":1}},{"id":48123389772020,"title":"Oxford Tan-British Tan-Ivory \/ Medium \/ 7.5","option1":"Oxford Tan-British Tan-Ivory","option2":"Medium","option3":"7.5","sku":"C44797 7.5M","requires_shipping":true,"taxable":true,"featured_image":null,"available":false,"name":"Men's GrandPrø Luxe Slip-On STITCHLITE⢠Sneaker - Oxford Tan-British Tan-Ivory \/ Medium \/ 7.5","public_title":"Oxford Tan-British Tan-Ivory \/ Medium \/ 7.5","options":["Oxford Tan-British Tan-Ivory","Medium","7.5"],"price":799000,"weight":1000,"compare_at_price":1099500,"inventory_management":"shopify","barcode":"198859587787","requires_selling_plan":false,"selling_plan_allocations":[],"quantity_rule":{"min":1,"max":null,"increment":1}},{"id":48123389804788,"title":"Oxford Tan-British Tan-Ivory \/ Medium \/ 8","option1":"Oxford Tan-British Tan-Ivory","option2":"Medium","option3":"8","sku":"C44797 8.0M","requires_shipping":true,"taxable":true,"featured_image":null,"available":true,"name":"Men's GrandPrø Luxe Slip-On STITCHLITE⢠Sneaker - Oxford Tan-British Tan-Ivory \/ Medium \/ 8","public_title":"Oxford Tan-British Tan-Ivory \/ Medium \/ 8","options":["Oxford Tan-British Tan-Ivory","Medium","8"],"price":799000,"weight":1000,"compare_at_price":1099500,"inventory_management":"shopify","barcode":"198859587794","requires_selling_plan":false,"selling_plan_allocations":[],"quantity_rule":{"min":1,"max":null,"increment":1}},{"id":48123389837556,"title":"Oxford Tan-British Tan-Ivory \/ Medium \/ 8.5","option1":"Oxford Tan-British Tan-Ivory","option2":"Medium","option3":"8.5","sku":"C44797 8.5M","requires_shipping":true,"taxable":true,"featured_image":null,"available":true,"name":"Men's GrandPrø Luxe Slip-On STITCHLITE⢠Sneaker - Oxford Tan-British Tan-Ivory \/ Medium \/ 8.5","public_title":"Oxford Tan-British Tan-Ivory \/ Medium \/ 8.5","options":["Oxford Tan-British Tan-Ivory","Medium","8.5"],"price":799000,"weight":1000,"compare_at_price":1099500,"inventory_management":"shopify","barcode":"198859587800","requires_selling_plan":false,"selling_plan_allocations":[],"quantity_rule":{"min":1,"max":null,"increment":1}},{"id":48123389870324,"title":"Oxford Tan-British Tan-Ivory \/ Medium \/ 9","option1":"Oxford Tan-British Tan-Ivory","option2":"Medium","option3":"9","sku":"C44797 9.0M","requires_shipping":true,"taxable":true,"featured_image":null,"available":true,"name":"Men's GrandPrø Luxe Slip-On STITCHLITE⢠Sneaker - Oxford Tan-British Tan-Ivory \/ Medium \/ 9","public_title":"Oxford Tan-British Tan-Ivory \/ Medium \/ 9","options":["Oxford Tan-British Tan-Ivory","Medium","9"],"price":799000,"weight":1000,"compare_at_price":1099500,"inventory_management":"shopify","barcode":"198859587817","requires_selling_plan":false,"selling_plan_allocations":[],"quantity_rule":{"min":1,"max":null,"increment":1}},{"id":48123389903092,"title":"Oxford Tan-British Tan-Ivory \/ Medium \/ 9.5","option1":"Oxford Tan-British Tan-Ivory","option2":"Medium","option3":"9.5","sku":"C44797 9.5M","requires_shipping":true,"taxable":true,"featured_image":null,"available":true,"name":"Men's GrandPrø Luxe Slip-On STITCHLITE⢠Sneaker - Oxford Tan-British Tan-Ivory \/ Medium \/ 9.5","public_title":"Oxford Tan-British Tan-Ivory \/ Medium \/ 9.5","options":["Oxford Tan-British Tan-Ivory","Medium","9.5"],"price":799000,"weight":1000,"compare_at_price":1099500,"inventory_management":"shopify","barcode":"198859587824","requires_selling_plan":false,"selling_plan_allocations":[],"quantity_rule":{"min":1,"max":null,"increment":1}},{"id":48123389935860,"title":"Oxford Tan-British Tan-Ivory \/ Medium \/ 10","option1":"Oxford Tan-British Tan-Ivory","option2":"Medium","option3":"10","sku":"C44797 10.0M","requires_shipping":true,"taxable":true,"featured_image":null,"available":false,"name":"Men's GrandPrø Luxe Slip-On STITCHLITE⢠Sneaker - Oxford Tan-British Tan-Ivory \/ Medium \/ 10","public_title":"Oxford Tan-British Tan-Ivory \/ Medium \/ 10","options":["Oxford Tan-British Tan-Ivory","Medium","10"],"price":799000,"weight":1000,"compare_at_price":1099500,"inventory_management":"shopify","barcode":"198859587718","requires_selling_plan":false,"selling_plan_allocations":[],"quantity_rule":{"min":1,"max":null,"increment":1}},{"id":48123389968628,"title":"Oxford Tan-British Tan-Ivory \/ Medium \/ 10.5","option1":"Oxford Tan-British Tan-Ivory","option2":"Medium","option3":"10.5","sku":"C44797 10.5M","requires_shipping":true,"taxable":true,"featured_image":null,"available":false,"name":"Men's GrandPrø Luxe Slip-On STITCHLITE⢠Sneaker - Oxford Tan-British Tan-Ivory \/ Medium \/ 10.5","public_title":"Oxford Tan-British Tan-Ivory \/ Medium \/ 10.5","options":["Oxford Tan-British Tan-Ivory","Medium","10.5"],"price":799000,"weight":1000,"compare_at_price":1099500,"inventory_management":"shopify","barcode":"198859587725","requires_selling_plan":false,"selling_plan_allocations":[],"quantity_rule":{"min":1,"max":null,"increment":1}},{"id":48123390001396,"title":"Oxford Tan-British Tan-Ivory \/ Medium \/ 11","option1":"Oxford Tan-British Tan-Ivory","option2":"Medium","option3":"11","sku":"C44797 11.0M","requires_shipping":true,"taxable":true,"featured_image":null,"available":false,"name":"Men's GrandPrø Luxe Slip-On STITCHLITE⢠Sneaker - Oxford Tan-British Tan-Ivory \/ Medium \/ 11","public_title":"Oxford Tan-British Tan-Ivory \/ Medium \/ 11","options":["Oxford Tan-British Tan-Ivory","Medium","11"],"price":799000,"weight":1000,"compare_at_price":1099500,"inventory_management":"shopify","barcode":"198859587732","requires_selling_plan":false,"selling_plan_allocations":[],"quantity_rule":{"min":1,"max":null,"increment":1}},{"id":48133214339316,"title":"Oxford Tan-British Tan-Ivory \/ Medium \/ 11.5","option1":"Oxford Tan-British Tan-Ivory","option2":"Medium","option3":"11.5","sku":"C44797 11.5M","requires_shipping":true,"taxable":true,"featured_image":null,"available":false,"name":"Men's GrandPrø Luxe Slip-On STITCHLITE⢠Sneaker - Oxford Tan-British Tan-Ivory \/ Medium \/ 11.5","public_title":"Oxford Tan-British Tan-Ivory \/ Medium \/ 11.5","options":["Oxford Tan-British Tan-Ivory","Medium","11.5"],"price":799000,"weight":1000,"compare_at_price":1099500,"inventory_management":"shopify","barcode":null,"requires_selling_plan":false,"selling_plan_allocations":[],"quantity_rule":{"min":1,"max":null,"increment":1}},{"id":48123390066932,"title":"Oxford Tan-British Tan-Ivory \/ Medium \/ 12","option1":"Oxford Tan-British Tan-Ivory","option2":"Medium","option3":"12","sku":"C44797 12.0M","requires_shipping":true,"taxable":true,"featured_image":null,"available":false,"name":"Men's GrandPrø Luxe Slip-On STITCHLITE⢠Sneaker - Oxford Tan-British Tan-Ivory \/ Medium \/ 12","public_title":"Oxford Tan-British Tan-Ivory \/ Medium \/ 12","options":["Oxford Tan-British Tan-Ivory","Medium","12"],"price":799000,"weight":1000,"compare_at_price":1099500,"inventory_management":"shopify","barcode":"198859587756","requires_selling_plan":false,"selling_plan_allocations":[],"quantity_rule":{"min":1,"max":null,"increment":1}}] 13593 13594 </script>
13594 13595 13596 </div> 13597 </variant-radios><noscript class="product-form__noscript-wrapper-template--23890806309108__featured_collection_G6EN3c"> 13598 <div class="product-form__input"> 13599 <label class="form__label" for="Variants-template--23890806309108__featured_collection_G6EN3c">Product variants</label> 13600 <div class="select"> 13601 <select 13602 name="id" 13603 id="Variants-template--23890806309108__featured_collection_G6EN3c" 13604 class="select__select" 13605 form="" 13606 ><option 13607 13608 13609 disabled 13610 13611 value="48123389739252" 13612 >Oxford Tan-British Tan-Ivory / Medium / 7 - â±7,990.00 - Add to Bag</option><option 13613 13614 13615 disabled 13616 13617 value="48123389772020" 13618 >Oxford Tan-British Tan-Ivory / Medium / 7.5 - â±7,990.00 - Add to Bag</option><option 13619 13620 selected="selected" 13621 13622 13623 value="48123389804788" 13624 >Oxford Tan-British Tan-Ivory / Medium / 8 - â±7,990.00</option><option 13625 13626 13627 value="48123389837556" 13628 >Oxford Tan-British Tan-Ivory / Medium / 8.5 - â±7,990.00</option><option 13629 13630 13631 value="48123389870324" 13632 >Oxford Tan-British Tan-Ivory / Medium / 9 - â±7,990.00</option><option 13633 13634 13635 value="48123389903092" 13636 >Oxford Tan-British Tan-Ivory / Medium / 9.5 - â±7,990.00</option><option 13637 13638 13639 disabled 13640 13641 value="48123389935860" 13642 >Oxford Tan-British Tan-Ivory / Medium / 10 - â±7,990.00 - Add to Bag</option><option 13643 13644 13645 disabled 13646 13647 value="48123389968628" 13648 >Oxford Tan-British Tan-Ivory / Medium / 10.5 - â±7,990.00 - Add to Bag</option><option 13649 13650 13651 disabled 13652 13653 value="48123390001396" 13654 >Oxford Tan-British Tan-Ivory / Medium / 11 - â±7,990.00 - Add to Bag</option><option 13655 13656 13657 disabled 13658 13659 value="48133214339316" 13660 >Oxford Tan-British Tan-Ivory / Medium / 11.5 - â±7,990.00 - Add to Bag</option><option 13661 13662 13663 disabled 13664 13665 value="48123390066932" 13666 >Oxford Tan-British Tan-Ivory / Medium / 12 - â±7,990.00 - Add to Bag</option></select> 13667 <svg aria-hidden="true" focusable="false" class="icon icon-caret" viewBox="0 0 10 6"> 13668 <path fill-rule="evenodd" clip-rule="evenodd" d="M9.354.646a.5.5 0 00-.708 0L5 4.293 1.354.646a.5.5 0 00-.708.708l4 4a.5.5 0 00.708 0l4-4a.5.5 0 000-.708z" fill="currentColor"> 13669</svg> 13670<!-- <svg fill="#000000" height="14px" width="14px" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 330 330" xml:space="preserve" stroke="#000000" stroke-width="0.0033"><g id="SVGRepo_bgCarrier" stroke-width="0"></g><g id="SVGRepo_tracerCarrier" stroke-linecap="round" stroke-linejoin="round"></g> 13671 <g id="SVGRepo_iconCarrier"> 13672 <path id="XMLID_225_" d="M325.607,79.393c-5.857-5.857-15.355-5.858-21.213,0.001l-139.39,139.393L25.607,79.393 c-5.857-5.857-15.355-5.858-21.213,0.001c-5.858,5.858-5.858,15.355,0,21.213l150.004,150c2.813,2.813,6.628,4.393,10.606,4.393 s7.794-1.581,10.606-4.394l149.996-150C331.465,94.749,331.465,85.251,325.607,79.393z"> 13673 </path> </g></svg> --> 13674 13675 </div> 13676 </div> 13677</noscript> 13678
13679<script> 13680// var dataUrl; 13681// function fetchUrl(){ 13682// var productUrl = document.querySelector("button[data-product-url]"); 13683// if (productUrl) { 13684// debugger; 13685// dataUrl = productUrl.getAttribute("data-product-url"); 13686// console.log("data-product-url: ", dataUrl); 13687// } 13688// } 13689</script>
13689 13690 13691 13692 13693<div class=" 13694 price price--on-sale "> 13695 <div class="price__container"><div class="price__regular"> 13696 <span class="visually-hidden visually-hidden--inline">Regular price</span> 13697 <span class="price-item price-item--regular"> 13698 â±7,990 13699 </span> 13700 </div> 13701 <div class="price__sale price--large"> 13702 13703 <div class="" style="display: flex; white-space: nowrap; align-items: center;"> 13704 <span class="visually-hidden visually-hidden--inline">Regular price</span> 13705 <span class="strike-through quick-shop-regular"> 13706 <s class="price-item price-item--regular"> 13707 13708 â±10,995 13709 13710 </s> 13711 </span><span class="visually-hidden visually-hidden--inline " >Sale price</span> 13712 <span class="price-item price-item--sale price-item--last quick-shop-sale"> 13713 â±7,990 13714 </span> 13715 </div> 13716 <span class="compare-mark"> 13717 (27% Off) 13718 </span><style> 13719 .compare-mark{ 13720 font-size: 13px; 13721 color: #ff0d0d; 13722 font-family: WorkSansLight; 13723 margin-left: -10px; 13724 font-weight: 600; 13725 display: inline-flex; 13726 } 13727 @media screen and (max-width: 575px){ 13728 .compare-mark{ 13729 margin-left: 0; 13730 } 13731 .card-wrapper .price.price--on-sale .price__container { 13732 display: inline-flex; 13733 align-items: center; 13734 flex-wrap: wrap; 13735 align-items: flex-start; 13736 text-align: left; 13737 } 13738 } 13739 </style> 13740 </div> 13741 <small class="unit-price caption hidden"> 13742 <span class="visually-hidden">Unit price</span> 13743 <span class="price-item price-item--last"> 13744 <span></span> 13745 <span aria-hidden="true">/</span> 13746 <span class="visually-hidden"> per </span> 13747 <span> 13748 </span> 13749 </span> 13750 </small> 13751 </div></div> 13752 13753 <h3 13754 class="card_title card__heading h5" 13755 13756 id="title-template--23890806309108__featured_collection_G6EN3c-9444366975220" 13757 13758 > 13759 13760 13761 <a class="product_url" 13762 href="/products/c44797"> 13763 Men's GrandPrø Luxe Slip-On STITCHLITE⢠Sneaker 13764 </a> 13765 13766 </h3> 13767 <div class="card-information"><span class="caption-large light"></span></div> 13768 </div> 13769 13770 <div class="card__badge bottom left"><span 13771 id="Badge-template--23890806309108__featured_collection_G6EN3c-9444366975220" 13772 class="badge badge--bottom-left color-accent-2" 13773 >Sale</span></div> 13774 </div> 13775 </div> 13776 </div>
13776<script> 13777 13778 13779// function redirectFn(e){ 13780 13781// console.log('test e',e); 13782// const srcSet = e.querySelector('.pdp-primaryimage'); 13783 13784// const srcSetVal = srcSet['srcset']; 13785 13786// const startIndex = srcSetVal.indexOf('/products/'); 13787// const endIndex = srcSetVal.indexOf('_', startIndex); 13788// const desiredValue = srcSetVal.substring(startIndex, endIndex); 13789 13790// e.setAttribute('href', desiredValue); 13791 13792 13793// } 13794 13795 13796// document.addEventListener("DOMContentLoaded", function() { 13797// const items = document.querySelectorAll('#product-grid li.grid__item'); 13798 13799// items.forEach(item => { 13800// const button = item.querySelector('.quick-add__submit'); 13801// const colorSwatches = item.querySelectorAll('.color-swatches-plp'); 13802 13803// colorSwatches.forEach(swatch => { 13804// swatch.addEventListener('click', () => { 13805// const inputId = swatch.getAttribute('for'); 13806// const relatedProduct = item.querySelector(`#${inputId}.related-product`); 13807// if (relatedProduct) { 13808// const newUrl = relatedProduct.getAttribute('data-url'); 13809// if (newUrl) { 13810// button.setAttribute('data-product-url', newUrl); 13811// console.log(`Updated data-product-url: ${newUrl}`); 13812// } 13813// } 13814// }); 13815// }); 13816// }); 13817// }); 13818// // swatches click on collection page 13819 13820// document.addEventListener("DOMContentLoaded", function() { 13821 13822// initializeProductHrefs(); 13823 13824 13825// const colorSwatches = document.querySelectorAll('.color-swatches-plp'); 13826// colorSwatches.forEach(swatch => { 13827// swatch.addEventListener('click', function() { 13828// updateHref(this); 13829// }); 13830// }); 13831 13832 13833// const firstColorSwatch = document.querySelector('.color-swatches-plp'); 13834// if (firstColorSwatch) { 13835// firstColorSwatch.addEventListener('click', function() { 13836// updateHrefToFirstVariant(this); 13837// }); 13838// } 13839// }); 13840 13841// function initializeProductHrefs() { 13842// const productItems = document.querySelectorAll('#product-grid li.grid__item'); 13843// productItems.forEach((item, index) => { 13844// const firstVariant = item.querySelector('input.related-product'); 13845// if (firstVariant) { 13846// const initialUrl = firstVariant.getAttribute('data-url'); 13847// if (initialUrl) { 13848// const pdpNavigationLink = item.querySelector('.pdp-navigation-link'); 13849// pdpNavigationLink.setAttribute('href', initialUrl); 13850 13851// } 13852// } 13853// }); 13854// } 13855 13856// function updateHref(swatch) { 13857// const parentItem = swatch.closest('li.grid__item'); 13858// const inputId = swatch.getAttribute('for'); 13859// const relatedProduct = parentItem.querySelector(`input#${inputId}.related-product`); 13860// if (relatedProduct) { 13861// const newUrl = relatedProduct.getAttribute('data-url'); 13862// if (newUrl) { 13863// const pdpNavigationLink = parentItem.querySelector('.pdp-navigation-link'); 13864// pdpNavigationLink.setAttribute('href', newUrl); 13865 13866// } else { 13867// console.log(`No data-url found for swatch: ${inputId}`); 13868// } 13869// } else { 13870// console.log(`No related product input found for swatch: ${inputId}`); 13871// } 13872// } 13873 13874// function updateHrefToFirstVariant(swatch) { 13875// const parentItem = swatch.closest('li.grid__item'); 13876// const firstRelatedProduct = parentItem.querySelector('input.related-product'); 13877// if (firstRelatedProduct) { 13878// const firstUrl = firstRelatedProduct.getAttribute('data-url'); 13879// if (firstUrl) { 13880// const pdpNavigationLink = parentItem.querySelector('.pdp-navigation-link'); 13881// pdpNavigationLink.setAttribute('href', firstUrl); 13882 13883// } else { 13884// console.log('No data-url found for the first related product.'); 13885// } 13886// } else { 13887// console.log('No related product inputs found.'); 13888// } 13889// } 13890 13891 13892 13893</script>
13893 13894 13895 13896 </li><li 13897 id="Slide-template--23890806309108__featured_collection_G6EN3c-7" 13898 class="grid__item slider__slide" 13899 > 13900 13901 13902<link href="//colehaan.com.ph/cdn/shop/t/131/assets/component-rating.css?v=24573085263941240431790040493" rel="stylesheet" type="text/css" media="all" /> 13903<style> 13904 .eyebrow{ 13905 background: #808080 !important; 13906 } 13907</style><div class="card-wrapper product-card-wrapper"> 13908 <div 13909 class=" 13910 card 13911 card--card 13912 card--media 13913 color-background-1 gradient 13914 13915 13916 13917 " 13918 style="--ratio-percent: 100%;" 13919 > 13920 <div 13921 class="card__inner ratio" 13922 style="--ratio-percent: 100%;" 13923 ><div class="card__media"> 13924 13925 <div class="quick-add quick-add-test no-js-hidden"> 13926 13927 <modal-opener data-modal="#QuickAdd-9307196948724"> 13928 <button 13929 id="quick-add-template--23890806309108__featured_collection_G6EN3c9307196948724-submit" 13930 type="submit" 13931 name="add" 13932 class="quick-add__submit button--full-width button--secondary" 13933 aria-haspopup="dialog" 13934 aria-labelledby="quick-add-template--23890806309108__featured_collection_G6EN3c9307196948724-submit title-template--23890806309108__featured_collection_G6EN3c-9307196948724" 13935 data-product-url="/products/c42829" 13936 > 13937 Quick shop 13938<div class="loading-overlay__spinner hidden"> 13939 <svg 13940 aria-hidden="true" 13941 focusable="false" 13942 class="spinner"
13943 viewBox="0 0 66 66" 13944 xmlns="http://www.w3.org/2000/svg" 13945 > 13946 <circle class="path" fill="none" stroke-width="6" cx="33" cy="33" r="30"></circle> 13947 </svg> 13948 </div> 13949 </button> 13950 </modal-opener> 13951 <quick-add-modal id="QuickAdd-9307196948724" class="quick-add-modal"> 13952 <div 13953 role="dialog" 13954 aria-label="Choose options for Men&#39;s 6.ZERÃGRAND Laser Quick-On Oxford" 13955 aria-modal="true" 13956 class="quick-add-modal__content global-settings-popup" 13957 tabindex="-1" 13958 > 13959 <button 13960 id="ModalClose-9307196948724" 13961 type="button" 13962 class="quick-add-modal__toggle" 13963 aria-label="Close" 13964 > 13965 <svg 13966 xmlns="http://www.w3.org/2000/svg" 13967 aria-hidden="true" 13968 focusable="false" 13969 class="icon icon-close" 13970 fill="none" 13971 viewBox="0 0 18 17" 13972> 13973 <path d="M.865 15.978a.5.5 0 00.707.707l7.433-7.431 7.579 7.282a.501.501 0 00.846-.37.5.5 0 00-.153-.351L9.712 8.546l7.417-7.416a.5.5 0 10-.707-.708L8.991 7.853 1.413.573a.5.5 0 10-.693.72l7.563 7.268-7.418 7.417z" fill="currentColor"> 13974</svg> 13975 13976 </button> 13977 <div class="logo_ch"> 13978 <img src="https://cdn.shopify.com/s/files/1/0268/1228/5039/files/colehaan_logo.png?v=1694757702" style="width: 150px; margin: 20px;"/> 13979 </div> 13980 <div id="QuickAddInfo-9307196948724" class="quick-add-modal__content-info"> 13981 </div> 13982 13983 <div class="cart-and-ipay"> 13984 <button class="add-to-cart-global btn" onclick="triggerQuickBasket(event, 'product-form-quickadd-template--23890806309108__featured_collection_G6EN3c');" title="Add to bag"> 13985 Add to Bag 13986 </button> 13987 </div> 13988 </div> 13989 </quick-add-modal> 13990 13991 13992 </div> 13993 13994 <div class="media"> 13995 13996 13997 <a class="pdp-navigation-link" onclick = "redirectFn(this);" href="/products/c42829"> 13998 <img class="img-tag pdp-primaryimage" 13999 srcset="//colehaan.com.ph/cdn/shop/files/BaseTransform1_ef7237f3-9b62-48a4-85cf-6019182891c9.jpg?v=1770007078&width=165 165w,//colehaan.com.ph/cdn/shop/files/BaseTransform1_ef7237f3-9b62-48a4-85cf-6019182891c9.jpg?v=1770007078&width=360 360w,//colehaan.com.ph/cdn/shop/files/BaseTransform1_ef7237f3-9b62-48a4-85cf-6019182891c9.jpg?v=1770007078&width=533 533w,//colehaan.com.ph/cdn/shop/files/BaseTransform1_ef7237f3-9b62-48a4-85cf-6019182891c9.jpg?v=1770007078&width=720 720w,//colehaan.com.ph/cdn/shop/files/BaseTransform1_ef7237f3-9b62-48a4-85cf-6019182891c9.jpg?v=1770007078&width=940 940w,//colehaan.com.ph/cdn/shop/files/BaseTransform1_ef7237f3-9b62-48a4-85cf-6019182891c9.jpg?v=1770007078&width=1066 1066w,//colehaan.com.ph/cdn/shop/files/BaseTransform1_ef7237f3-9b62-48a4-85cf-6019182891c9.jpg?v=1770007078 2000w 14000 " 14001 src="//colehaan.com.ph/cdn/shop/files/BaseTransform1_ef7237f3-9b62-48a4-85cf-6019182891c9.jpg?v=1770007078&width=533" 14002 sizes="(min-width: 1200px) 267px, (min-width: 990px) calc((100vw - 130px) / 4), (min-width: 750px) calc((100vw - 120px) / 3), calc((100vw - 35px) / 2)" 14003 alt="C42829:CH WOODBURY / CH DK CHOCOLATE / ANGORA" 14004 class="motion-reduce" 14005 14006 loading="lazy" 14007 14008 width="2000" 14009 height="2250" 14010 > 14011 14012</a> 14013 </div> 14014 </div><div class="card__content"> 14015 <div class="card__information"> 14016 <h3 14017 class="card__heading" 14018 14019 > 14020 <a 14021 href="/products/c42829" 14022 id="StandardCardNoMediaLink-template--23890806309108__featured_collection_G6EN3c-93
1402207196948724" 14023 class="full-unstyled-link" 14024 aria-labelledby="StandardCardNoMediaLink-template--23890806309108__featured_collection_G6EN3c-9307196948724 NoMediaStandardBadge-template--23890806309108__featured_collection_G6EN3c-9307196948724" 14025 > 14026 Men's 6.ZERÃGRAND Laser Quick-On Oxford 14027 </a> 14028 </h3> 14029 </div> 14030 <div class="card__badge bottom left"> 14031 14032 </div> 14033 </div> 14034 </div> 14035 <div class="card__content card-content"> 14036 <div class="card__information"> 14037 14038 14039<variant-radios 14040 id="variant-radios-template--23890806309108__featured_collection_G6EN3c" 14041 class="no-js-hidden" 14042 data-section="template--23890806309108__featured_collection_G6EN3c" 14043 data-url="/products/c42829" 14044 14045 14046 > 14047 <div class= "clr-swatches-plp"><fieldset class="js product-form__input"> 14048 14049
14049<script src="//colehaan.com.ph/cdn/shop/t/131/assets/global.js?v=15889204645569497881790040512" defer="defer"></script>
14049<div 14050 class="swatches-wrapper" 14051 id="swatches-9307196948724-template--23890806309108__featured_collection_G6EN3c" 14052 data-related-handles="c44625,c46098,c42832,c42830,c42831" 14053 data-section-id="template--23890806309108__featured_collection_G6EN3c" 14054 data-product-id="9307196948724" 14055 data-product-form-id="product-form-template--23890806309108__featured_collection_G6EN3c" 14056> 14057<input 14058 class="related-product" 14059 type="radio" 14060 id="template--23890806309108__featured_collection_G6EN3c-1-1" 14061 name="Color" 14062 value="Woodbury-Dark Chocolate-Angora" 14063 form="product-form-template--23890806309108__featured_collection_G6EN3c" 14064 data-url="/products/c42829" 14065 14066 checked 14067 14068 14069 > 14070 <label class="color-swatches-plp" for="template--23890806309108__featured_collection_G6EN3c-1-1" style="background: url('https://colehaan.com.ph/cdn/shop/files/BaseTransform1_ef7237f3-9b62-48a4-85cf-6019182891c9.jpg?v=1770007078') center no-repeat; background-size: contain;" onclick="redirectToUrlCollection(this);"> 14071 </label> 14072 14073 14074 14075 <div class="related-swatches-container"></div> 14076</div> 14077 14078 </fieldset><fieldset class="js product-form__input"> 14079 14080 </fieldset><fieldset class="js product-form__input"> 14081 14082 </fieldset><span class="mobile-swatch-plus-plp" > 14083 14084 <a href="/products/c42829">+</a> 14085 </span> 14086 14087 14088
14088<script type="application/json"> 14089 14090 [{"id":47571755925748,"title":"Woodbury-Dark Chocolate-Angora \/ Wide \/ 7","option1":"Woodbury-Dark Chocolate-Angora","option2":"Wide","option3":"7","sku":"C42829 7.0W","requires_shipping":true,"taxable":true,"featured_image":null,"available":false,"name":"Men's 6.ZERÃGRAND Laser Quick-On Oxford - Woodbury-Dark Chocolate-Angora \/ Wide \/ 7","public_title":"Woodbury-Dark Chocolate-Angora \/ Wide \/ 7","options":["Woodbury-Dark Chocolate-Angora","Wide","7"],"price":899000,"weight":1000,"compare_at_price":1199500,"inventory_management":"shopify","barcode":"198859505927","requires_selling_plan":false,"selling_plan_allocations":[],"quantity_rule":{"min":1,"max":null,"increment":1}},{"id":47571755958516,"title":"Woodbury-Dark Chocolate-Angora \/ Wide \/ 7.5","option1":"Woodbury-Dark Chocolate-Angora","option2":"Wide","option3":"7.5","sku":"C42829 7.5W","requires_shipping":true,"taxable":true,"featured_image":null,"available":false,"name":"Men's 6.ZERÃGRAND Laser Quick-On Oxford - Woodbury-Dark Chocolate-Angora \/ Wide \/ 7.5","public_title":"Woodbury-Dark Chocolate-Angora \/ Wide \/ 7.5","options":["Woodbury-Dark Chocolate-Angora","Wide","7.5"],"price":899000,"weight":1000,"compare_at_price":1199500,"inventory_management":"shopify","barcode":"198859505934","requires_selling_plan":false,"selling_plan_allocations":[],"quantity_rule":{"min":1,"max":null,"increment":1}},{"id":47571755991284,"title":"Woodbury-Dark Chocolate-Angora \/ Wide \/ 8","option1":"Woodbury-Dark Chocolate-Angora","option2":"Wide","option3":"8","sku":"C42829 8.0W","requires_shipping":true,"taxable":true,"featured_image":null,"available":false,"name":"Men's 6.ZERÃGRAND Laser Quick-On Oxford - Woodbury-Dark Chocolate-Angora \/ Wide \/ 8","public_title":"Woodbury-Dark Chocolate-Angora \/ Wide \/ 8","options":["Woodbury-Dark Chocolate-Angora","Wide","8"],"price":899000,"weight":1000,"compare_at_price":1199500,"inventory_management":"shopify","barcode":"198859505941","requires_selling_plan":false,"selling_plan_allocations":[],"quantity_rule":{"min":1,"max":null,"increment":1}},{"id":47571756024052,"title":"Woodbury-Dark Chocolate-Angora \/ Wide \/ 8.5","option1":"Woodbury-Dark Chocolate-Angora","option2":"Wide","option3":"8.5","sku":"C42829 8.5W","requires_shipping":true,"taxable":true,"featured_image":null,"available":true,"name":"Men's 6.ZERÃGRAND Laser Quick-On Oxford - Woodbury-Dark Chocolate-Angora \/ Wide \/ 8.5","public_title":"Woodbury-Dark Chocolate-Angora \/ Wide \/ 8.5","options":["Woodbury-Dark Chocolate-Angora","Wide","8.5"],"price":899000,"weight":1000,"compare_at_price":1199500,"inventory_management":"shopify","barcode":"198859505958","requires_selling_plan":false,"selling_plan_allocations":[],"quantity_rule":{"min":1,"max":null,"increment":1}},{"id":47571756056820,"title":"Woodbury-Dark Chocolate-Angora \/ Wide \/ 9","option1":"Woodbury-Dark Chocolate-Angora","option2":"Wide","option3":"9","sku":"C42829 9.0W","requires_shipping":true,"taxable":true,"featured_image":null,"available":false,"name":"Men's 6.ZERÃGRAND Laser Quick-On Oxford - Woodbury-Dark Chocolate-Angora \/ Wide \/ 9","public_title":"Woodbury-Dark Chocolate-Angora \/ Wide \/ 9","options":["Woodbury-Dark Chocolate-Angora","Wide","9"],"price":899000,"weight":1000,"compare_at_price":1199500,"inventory_management":"shopify","barcode":"198859505965","requires_selling_plan":false,"selling_plan_allocations":[],"quantity_rule":{"min":1,"max":null,"increment":1}},{"id":47571756089588,"title":"Woodbury-Dark Chocolate-Angora \/ Wide \/ 9.5","option1":"Woodbury-Dark Chocolate-Angora","option2":"Wide","option3":"9.5","sku":"C42829 9.5W","requires_shipping":true,"taxable":true,"featured_image":null,"available":true,"name":"Men's 6.ZERÃGRAND Laser Quick-On Oxford - Woodbury-Dark Chocolate-Angora \/ Wide \/ 9.5","public_title":"Woodbury-Dark Chocolate-Angora \/ Wide \/ 9.5","options":["Woodbury-Dark Chocolate-Angora","Wide","9.5"],"price":899000,"weight":1000,"compare_at_price":1199500,"inventory_management":"shopify","barcode":"198859505972","requires_selling_plan":false,"selling_plan_allocations":[],"quantity_rule":{"min":1,"max":null,"increment":1}},{"id":47571756122356,"title":"Woodbury-Dark Chocolate-Angora \/ Wide \/ 10","option1":"Woodbury-Dark Chocolate-Angora","option2":"Wide","option3":"10","sku":"C42829 10.0W","requires_shipping":true,"taxable":true,"featured_image":null,"available":false,"name":"Men's 6.ZERÃGRAND Laser Quick-On Oxford - Woodbury-Dark Chocolate-Angora \/ Wide \/ 10","public_title":"Woodbury-Dark Chocolate-Angora \/ Wide \/ 10","options":["Woodbury-Dark Chocolate-Angora","Wide","10"],"price":899000,"weight":1000,"compare_at_price":1199500,"inventory_management":"shopify","barcode":"198859505866","requires_selling_plan":false,"selling_plan_allocations":[],"quantity_rule":{"min":1,"max":null,"increment":1}},{"id":47571756155124,"title":"Woodbury-Dark Chocolate-Angora \/ Wide \/ 10.5","option1":"Woodbury-Dark Chocolate-Angora","option2":"Wide","option3":"10.5","sku":"C42829 10.5W","requires_shipping":true,"taxable":true,"featured_image":null,"available":false,"name":"Men's 6.ZERÃGRAND Laser Quick-On Oxford - Woodbury-Dark Chocolate-Angora \/ Wide \/ 10.5","public_title":"Woodbury-Dark Chocolate-Angora \/ Wide \/ 10.5","options":["Woodbury-Dark Chocolate-Angora","Wide","10.5"],"price":899000,"weight":1000,"compare_at_price":1199500,"inventory_management":"shopify","barcode":"198859505873","requires_selling_plan":false,"selling_plan_allocations":[],"quantity_rule":{"min":1,"max":null,"increment":1}},{"id":47571756187892,"title":"Woodbury-Dark Chocolate-Angora \/ Wide \/ 11","option1":"Woodbury-Dark Chocolate-Angora","option2":"Wide","option3":"11","sku":"C42829 11.0W","requires_shipping":true,"taxable":true,"featured_image":null,"available":false,"name":"Men's 6.ZERÃGRAND Laser Quick-On Oxford - Woodbury-Dark Chocolate-Angora \/ Wide \/ 11","public_title":"Woodbury-Dark Chocolate-Angora \/ Wide \/ 11","options":["Woodbury-Dark Chocolate-Angora","Wide","11"],"price":899000,"weight":1000,"compare_at_price":1199500,"inventory_management":"shopify","barcode":"198859505880","requires_selling_plan":false,"selling_plan_allocations":[],"quantity_rule":{"min":1,"max":null,"increment":1}},{"id":47571756253428,"title":"Woodbury-Dark Chocolate-Angora \/ Wide \/ 12","option1":"Woodbury-Dark Chocolate-Angora","option2":"Wide","option3":"12","sku":"C42829 12.0W","requires_shipping":true,"taxable":true,"featured_image":null,"available":false,"name":"Men's 6.ZERÃGRAND Laser Quick-On Oxford - Woodbury-Dark Chocolate-Angora \/ Wide \/ 12","public_title":"Woodbury-Dark Chocolate-Angora \/ Wide \/ 12","options":["Woodbury-Dark Chocolate-Angora","Wide","12"],"price":899000,"weight":1000,"compare_at_price":1199500,"inventory_management":"shopify","barcode":"198859505903","requires_selling_plan":false,"selling_plan_allocations":[],"quantity_rule":{"min":1,"max":null,"increment":1}}] 14091 14092 </script>
14092 14093 14094 </div> 14095 </variant-radios><noscript class="product-form__noscript-wrapper-template--23890806309108__featured_collection_G6EN3c"> 14096 <div class="product-form__input"> 14097 <label class="form__label" for="Variants-template--23890806309108__featured_collection_G6EN3c">Product variants</label> 14098 <div class="select"> 14099 <select 14100 name="id" 14101 id="Variants-template--23890806309108__featured_collection_G6EN3c" 14102 class="select__select" 14103 form="" 14104 ><option 14105 14106 14107 disabled 14108 14109 value="47571755925748" 14110 >Woodbury-Dark Chocolate-Angora / Wide / 7 - â±8,990.00 - Add to Bag</option><option 14111 14112 14113 disabled 14114 14115 value="47571755958516" 14116 >Woodbury-Dark Chocolate-Angora / Wide / 7.5 - â±8,990.00 - Add to Bag</option><option 14117 14118 14119 disabled 14120 14121 value="47571755991284" 14122 >Woodbury-Dark Chocolate-Angora / Wide / 8 - â±8,990.00 - Add to Bag</option><option 14123 14124 selected="selected" 14125 14126 14127 value="47571756024052" 14128 >Woodbury-Dark Chocolate-Angora / Wide / 8.5 - â±8,990.00</option><option 14129 14130 14131 disabled 14132 14133 value="47571756056820" 14134 >Woodbury-Dark Chocolate-Angora / Wide / 9 - â±8,990.00 - Add to Bag</option><option 14135 14136 14137 value="47571756089588" 14138 >Woodbury-Dark Chocolate-Angora / Wide / 9.5 - â±8,990.00</option><option 14139 14140 14141 disabled 14142 14143 value="47571756122356" 14144 >Woodbury-Dark Chocolate-Angora / Wide / 10 - â±8,990.00 - Add to Bag</option><option 14145 14146 14147 disabled 14148 14149 value="47571756155124" 14150 >Woodbury-Dark Chocolate-Angora / Wide / 10.5 - â±8,990.00 - Add to Bag</option><option 14151 14152 14153 disabled 14154 14155 value="47571756187892" 14156 >Woodbury-Dark Chocolate-Angora / Wide / 11 - â±8,990.00 - Add to Bag</option><option 14157 14158 14159 disabled 14160 14161 value="47571756253428" 14162 >Woodbury-Dark Chocolate-Angora / Wide / 12 - â±8,990.00 - Add to Bag</option></select> 14163 <svg aria-hidden="true" focusable="false" class="icon icon-caret" viewBox="0 0 10 6"> 14164 <path fill-rule="evenodd" clip-rule="evenodd" d="M9.354.646a.5.5 0 00-.708 0L5 4.293 1.354.646a.5.5 0 00-.708.708l4 4a.5.5 0 00.708 0l4-4a.5.5 0 000-.708z" fill="currentColor"> 14165</svg> 14166<!-- <svg fill="#000000" height="14px" width="14px" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 330 330" xml:space="preserve" stroke="#000000" stroke-width="0.0033"><g id="SVGRepo_bgCarrier" stroke-width="0"></g><g id="SVGRepo_tracerCarrier" stroke-linecap="round" stroke-linejoin="round"></g> 14167 <g id="SVGRepo_iconCarrier"> 14168 <path id="XMLID_225_" d="M325.607,79.393c-5.857-5.857-15.355-5.858-21.213,0.001l-139.39,139.393L25.607,79.393 c-5.857-5.857-15.355-5.858-21.213,0.001c-5.858,5.858-5.858,15.355,0,21.213l150.004,150c2.813,2.813,6.628,4.393,10.606,4.393 s7.794-1.581,10.606-4.394l149.996-150C331.465,94.749,331.465,85.251,325.607,79.393z"> 14169 </path> </g></svg> --> 14170 14171 </div> 14172 </div> 14173</noscript> 14174
14175<script> 14176// var dataUrl; 14177// function fetchUrl(){ 14178// var productUrl = document.querySelector("button[data-product-url]"); 14179// if (productUrl) { 14180// debugger; 14181// dataUrl = productUrl.getAttribute("data-product-url"); 14182// console.log("data-product-url: ", dataUrl); 14183// } 14184// } 14185</script>
14185 14186 14187 14188 14189<div class=" 14190 price price--on-sale "> 14191 <div class="price__container"><div class="price__regular"> 14192 <span class="visually-hidden visually-hidden--inline">Regular price</span> 14193 <span class="price-item price-item--regular"> 14194 â±8,990 14195 </span> 14196 </div> 14197 <div class="price__sale price--large"> 14198 14199 <div class="" style="display: flex; white-space: nowrap; align-items: center;"> 14200 <span class="visually-hidden visually-hidden--inline">Regular price</span> 14201 <span class="strike-through quick-shop-regular"> 14202 <s class="price-item price-item--regular"> 14203 14204 â±11,995 14205 14206 </s> 14207 </span><span class="visually-hidden visually-hidden--inline " >Sale price</span> 14208 <span class="price-item price-item--sale price-item--last quick-shop-sale"> 14209 â±8,990 14210 </span> 14211 </div> 14212 <span class="compare-mark"> 14213 (25% Off) 14214 </span><style> 14215 .compare-mark{ 14216 font-size: 13px; 14217 color: #ff0d0d; 14218 font-family: WorkSansLight; 14219 margin-left: -10px; 14220 font-weight: 600; 14221 display: inline-flex; 14222 } 14223 @media screen and (max-width: 575px){ 14224 .compare-mark{ 14225 margin-left: 0; 14226 } 14227 .card-wrapper .price.price--on-sale .price__container { 14228 display: inline-flex; 14229 align-items: center; 14230 flex-wrap: wrap; 14231 align-items: flex-start; 14232 text-align: left; 14233 } 14234 } 14235 </style> 14236 </div> 14237 <small class="unit-price caption hidden"> 14238 <span class="visually-hidden">Unit price</span> 14239 <span class="price-item price-item--last"> 14240 <span></span> 14241 <span aria-hidden="true">/</span> 14242 <span class="visually-hidden"> per </span> 14243 <span> 14244 </span> 14245 </span> 14246 </small> 14247 </div></div> 14248 14249 <h3 14250 class="card_title card__heading h5" 14251 14252 id="title-template--23890806309108__featured_collection_G6EN3c-9307196948724" 14253 14254 > 14255 14256 14257 <a class="product_url" 14258 href="/products/c42829"> 14259 Men's 6.ZERÃGRAND Laser Quick-On Oxford 14260 </a> 14261 14262 </h3> 14263 <div class="card-information"><span class="caption-large light"></span></div> 14264 </div> 14265 14266 <div class="card__badge bottom left"><span 14267 id="Badge-template--23890806309108__featured_collection_G6EN3c-9307196948724" 14268 class="badge badge--bottom-left color-accent-2" 14269 >Sale</span></div> 14270 </div> 14271 </div> 14272 </div>
14272<script> 14273 14274 14275// function redirectFn(e){ 14276 14277// console.log('test e',e); 14278// const srcSet = e.querySelector('.pdp-primaryimage'); 14279 14280// const srcSetVal = srcSet['srcset']; 14281 14282// const startIndex = srcSetVal.indexOf('/products/'); 14283// const endIndex = srcSetVal.indexOf('_', startIndex); 14284// const desiredValue = srcSetVal.substring(startIndex, endIndex); 14285 14286// e.setAttribute('href', desiredValue); 14287 14288 14289// } 14290 14291 14292// document.addEventListener("DOMContentLoaded", function() { 14293// const items = document.querySelectorAll('#product-grid li.grid__item'); 14294 14295// items.forEach(item => { 14296// const button = item.querySelector('.quick-add__submit'); 14297// const colorSwatches = item.querySelectorAll('.color-swatches-plp'); 14298 14299// colorSwatches.forEach(swatch => { 14300// swatch.addEventListener('click', () => { 14301// const inputId = swatch.getAttribute('for'); 14302// const relatedProduct = item.querySelector(`#${inputId}.related-product`); 14303// if (relatedProduct) { 14304// const newUrl = relatedProduct.getAttribute('data-url'); 14305// if (newUrl) { 14306// button.setAttribute('data-product-url', newUrl); 14307// console.log(`Updated data-product-url: ${newUrl}`); 14308// } 14309// } 14310// }); 14311// }); 14312// }); 14313// }); 14314// // swatches click on collection page 14315 14316// document.addEventListener("DOMContentLoaded", function() { 14317 14318// initializeProductHrefs(); 14319 14320 14321// const colorSwatches = document.querySelectorAll('.color-swatches-plp'); 14322// colorSwatches.forEach(swatch => { 14323// swatch.addEventListener('click', function() { 14324// updateHref(this); 14325// }); 14326// }); 14327 14328 14329// const firstColorSwatch = document.querySelector('.color-swatches-plp'); 14330// if (firstColorSwatch) { 14331// firstColorSwatch.addEventListener('click', function() { 14332// updateHrefToFirstVariant(this); 14333// }); 14334// } 14335// }); 14336 14337// function initializeProductHrefs() { 14338// const productItems = document.querySelectorAll('#product-grid li.grid__item'); 14339// productItems.forEach((item, index) => { 14340// const firstVariant = item.querySelector('input.related-product'); 14341// if (firstVariant) { 14342// const initialUrl = firstVariant.getAttribute('data-url'); 14343// if (initialUrl) { 14344// const pdpNavigationLink = item.querySelector('.pdp-navigation-link'); 14345// pdpNavigationLink.setAttribute('href', initialUrl); 14346 14347// } 14348// } 14349// }); 14350// } 14351 14352// function updateHref(swatch) { 14353// const parentItem = swatch.closest('li.grid__item'); 14354// const inputId = swatch.getAttribute('for'); 14355// const relatedProduct = parentItem.querySelector(`input#${inputId}.related-product`); 14356// if (relatedProduct) { 14357// const newUrl = relatedProduct.getAttribute('data-url'); 14358// if (newUrl) { 14359// const pdpNavigationLink = parentItem.querySelector('.pdp-navigation-link'); 14360// pdpNavigationLink.setAttribute('href', newUrl); 14361 14362// } else { 14363// console.log(`No data-url found for swatch: ${inputId}`); 14364// } 14365// } else { 14366// console.log(`No related product input found for swatch: ${inputId}`); 14367// } 14368// } 14369 14370// function updateHrefToFirstVariant(swatch) { 14371// const parentItem = swatch.closest('li.grid__item'); 14372// const firstRelatedProduct = parentItem.querySelector('input.related-product'); 14373// if (firstRelatedProduct) { 14374// const firstUrl = firstRelatedProduct.getAttribute('data-url'); 14375// if (firstUrl) { 14376// const pdpNavigationLink = parentItem.querySelector('.pdp-navigation-link'); 14377// pdpNavigationLink.setAttribute('href', firstUrl); 14378 14379// } else { 14380// console.log('No data-url found for the first related product.'); 14381// } 14382// } else { 14383// console.log('No related product inputs found.'); 14384// } 14385// } 14386 14387 14388 14389</script>
14389 14390 14391 14392 </li><li 14393 id="Slide-template--23890806309108__featured_collection_G6EN3c-8" 14394 class="grid__item slider__slide" 14395 > 14396 14397 14398<link href="//colehaan.com.ph/cdn/shop/t/131/assets/component-rating.css?v=24573085263941240431790040493" rel="stylesheet" type="text/css" media="all" /> 14399<style> 14400 .eyebrow{ 14401 background: #808080 !important; 14402 } 14403</style><div class="card-wrapper product-card-wrapper"> 14404 <div 14405 class=" 14406 card 14407 card--card 14408 card--media 14409 color-background-1 gradient 14410 14411 14412 14413 " 14414 style="--ratio-percent: 100%;" 14415 > 14416 <div 14417 class="card__inner ratio" 14418 style="--ratio-percent: 100%;" 14419 ><div class="card__media"> 14420 14421 <div class="quick-add quick-add-test no-js-hidden"> 14422 14423 <modal-opener data-modal="#QuickAdd-9444367270132"> 14424 <button 14425 id="quick-add-template--23890806309108__featured_collection_G6EN3c9444367270132-submit" 14426 type="submit" 14427 name="add" 14428 class="quick-add__submit button--full-width button--secondary" 14429 aria-haspopup="dialog" 14430 aria-labelledby="quick-add-template--23890806309108__featured_collection_G6EN3c9444367270132-submit title-template--23890806309108__featured_collection_G6EN3c-9444367270132" 14431 data-product-url="/products/c44873" 14432 > 14433 Quick shop 14434<div class="loading-overlay__spinner hidden"> 14435 <svg 14436 aria-hidden="true" 14437 focusable="false" 14438 class="spinner"
14439 viewBox="0 0 66 66" 14440 xmlns="http://www.w3.org/2000/svg" 14441 > 14442 <circle class="path" fill="none" stroke-width="6" cx="33" cy="33" r="30"></circle> 14443 </svg> 14444 </div> 14445 </button> 14446 </modal-opener> 14447 <quick-add-modal id="QuickAdd-9444367270132" class="quick-add-modal"> 14448 <div 14449 role="dialog" 14450 aria-label="Choose options for Men&#39;s GrandPrø Turf SKYWEAVE⢠Sneaker" 14451 aria-modal="true" 14452 class="quick-add-modal__content global-settings-popup" 14453 tabindex="-1" 14454 > 14455 <button 14456 id="ModalClose-9444367270132" 14457 type="button" 14458 class="quick-add-modal__toggle" 14459 aria-label="Close" 14460 > 14461 <svg 14462 xmlns="http://www.w3.org/2000/svg" 14463 aria-hidden="true" 14464 focusable="false" 14465 class="icon icon-close" 14466 fill="none" 14467 viewBox="0 0 18 17" 14468> 14469 <path d="M.865 15.978a.5.5 0 00.707.707l7.433-7.431 7.579 7.282a.501.501 0 00.846-.37.5.5 0 00-.153-.351L9.712 8.546l7.417-7.416a.5.5 0 10-.707-.708L8.991 7.853 1.413.573a.5.5 0 10-.693.72l7.563 7.268-7.418 7.417z" fill="currentColor"> 14470</svg> 14471 14472 </button> 14473 <div class="logo_ch"> 14474 <img src="https://cdn.shopify.com/s/files/1/0268/1228/5039/files/colehaan_logo.png?v=1694757702" style="width: 150px; margin: 20px;"/> 14475 </div> 14476 <div id="QuickAddInfo-9444367270132" class="quick-add-modal__content-info"> 14477 </div> 14478 14479 <div class="cart-and-ipay"> 14480 <button class="add-to-cart-global btn" onclick="triggerQuickBasket(event, 'product-form-quickadd-template--23890806309108__featured_collection_G6EN3c');" title="Add to bag"> 14481 Add to Bag 14482 </button> 14483 </div> 14484 </div> 14485 </quick-add-modal> 14486 14487 14488 </div> 14489 14490 <div class="media"> 14491 14492 14493 <a class="pdp-navigation-link" onclick = "redirectFn(this);" href="/products/c44873"> 14494 <img class="img-tag pdp-primaryimage" 14495 srcset="//colehaan.com.ph/cdn/shop/files/BaseTransform1_e4b35cde-88e8-4cb0-95f0-5807c86b366c.jpg?v=1777866026&width=165 165w,//colehaan.com.ph/cdn/shop/files/BaseTransform1_e4b35cde-88e8-4cb0-95f0-5807c86b366c.jpg?v=1777866026&width=360 360w,//colehaan.com.ph/cdn/shop/files/BaseTransform1_e4b35cde-88e8-4cb0-95f0-5807c86b366c.jpg?v=1777866026&width=533 533w,//colehaan.com.ph/cdn/shop/files/BaseTransform1_e4b35cde-88e8-4cb0-95f0-5807c86b366c.jpg?v=1777866026&width=720 720w,//colehaan.com.ph/cdn/shop/files/BaseTransform1_e4b35cde-88e8-4cb0-95f0-5807c86b366c.jpg?v=1777866026&width=940 940w,//colehaan.com.ph/cdn/shop/files/BaseTransform1_e4b35cde-88e8-4cb0-95f0-5807c86b366c.jpg?v=1777866026&width=1066 1066w,//colehaan.com.ph/cdn/shop/files/BaseTransform1_e4b35cde-88e8-4cb0-95f0-5807c86b366c.jpg?v=1777866026 2000w 14496 " 14497 src="//colehaan.com.ph/cdn/shop/files/BaseTransform1_e4b35cde-88e8-4cb0-95f0-5807c86b366c.jpg?v=1777866026&width=533" 14498 sizes="(min-width: 1200px) 267px, (min-width: 990px) calc((100vw - 130px) / 4), (min-width: 750px) calc((100vw - 120px) / 3), calc((100vw - 35px) / 2)" 14499 alt="C44873:NAVY BLAZER / CH CLARET / IVORY" 14500 class="motion-reduce" 14501 14502 loading="lazy" 14503 14504 width="2000" 14505 height="2250" 14506 > 14507 14508</a> 14509 </div> 14510 </div><div class="card__content"> 14511 <div class="card__information"> 14512 <h3 14513 class="card__heading" 14514 14515 > 14516 <a 14517 href="/products/c44873" 14518 id="StandardCardNoMediaLink-template--23890806309108__featured_collection_G6EN3c-9444367270132" 14519 class="full-unstyled-link" 14520 aria-labelledby="StandardCardNoMediaLink-template--23890806309108__featured_collection_G6EN3c-9444367270132 NoMediaStandardBadge-template--23890806309108__featured_collection_G6EN3c-9444367270132" 14521 > 14522 Men's GrandPrø Turf SKYWEAVE⢠Sneaker 14523 </a> 14524 </h3> 14525 </div> 14526 <div class="card__badge bottom left"> 14527 14528 </div> 14529 </div> 14530 </div> 14531 <div class="card__content card-content"> 14532 <div class="card__information"> 14533 14534 14535<variant-radios 14536 id="variant-radios-template--23890806309108__featured_collection_G6EN3c" 14537 class="no-js-hidden" 14538 data-section="template--23890806309108__featured_collection_G6EN3c" 14539 data-url="/products/c44873" 14540 14541 14542 > 14543 <div class= "clr-swatches-plp"><fieldset class="js product-form__input"> 14544 14545
14545<script src="//colehaan.com.ph/cdn/shop/t/131/assets/global.js?v=15889204645569497881790040512" defer="defer"></script>
14545<div 14546 class="swatches-wrapper" 14547 id="swatches-9444367270132-template--23890806309108__featured_collection_G6EN3c" 14548 data-related-handles="c44595,c44594,c43477,c43476" 14549 data-section-id="template--23890806309108__featured_collection_G6EN3c" 14550 data-product-id="9444367270132" 14551 data-product-form-id="product-form-template--23890806309108__featured_collection_G6EN3c" 14552> 14553<input 14554 class="related-product" 14555 type="radio" 14556 id="template--23890806309108__featured_collection_G6EN3c-1-1" 14557 name="Color" 14558 value="Navy Blazer-Claret-Ivory" 14559 form="product-form-template--23890806309108__featured_collection_G6EN3c" 14560 data-url="/products/c44873" 14561 14562 checked 14563 14564 14565 > 14566 <label class="color-swatches-plp" for="template--23890806309108__featured_collection_G6EN3c-1-1" style="background: url('https://colehaan.com.ph/cdn/shop/files/BaseTransform1_e4b35cde-88e8-4cb0-95f0-5807c86b366c.jpg?v=1777866026') center no-repeat; background-size: contain;" onclick="redirectToUrlCollection(this);"> 14567 </label> 14568 14569 14570 14571 <div class="related-swatches-container"></div> 14572</div> 14573 14574 </fieldset><fieldset class="js product-form__input"> 14575 14576 </fieldset><fieldset class="js product-form__input"> 14577 14578 </fieldset><span class="mobile-swatch-plus-plp" > 14579 14580 <a href="/products/c44873">+</a> 14581 </span> 14582 14583 14584
14584<script type="application/json"> 14585 14586 [{"id":48123394457844,"title":"Navy Blazer-Claret-Ivory \/ Medium \/ 7","option1":"Navy Blazer-Claret-Ivory","option2":"Medium","option3":"7","sku":"C44873 7.0M","requires_shipping":true,"taxable":true,"featured_image":null,"available":false,"name":"Men's GrandPrø Turf SKYWEAVE⢠Sneaker - Navy Blazer-Claret-Ivory \/ Medium \/ 7","public_title":"Navy Blazer-Claret-Ivory \/ Medium \/ 7","options":["Navy Blazer-Claret-Ivory","Medium","7"],"price":999000,"weight":1000,"compare_at_price":1499500,"inventory_management":"shopify","barcode":"198859593771","requires_selling_plan":false,"selling_plan_allocations":[],"quantity_rule":{"min":1,"max":null,"increment":1}},{"id":48123394490612,"title":"Navy Blazer-Claret-Ivory \/ Medium \/ 7.5","option1":"Navy Blazer-Claret-Ivory","option2":"Medium","option3":"7.5","sku":"C44873 7.5M","requires_shipping":true,"taxable":true,"featured_image":null,"available":false,"name":"Men's GrandPrø Turf SKYWEAVE⢠Sneaker - Navy Blazer-Claret-Ivory \/ Medium \/ 7.5","public_title":"Navy Blazer-Claret-Ivory \/ Medium \/ 7.5","options":["Navy Blazer-Claret-Ivory","Medium","7.5"],"price":999000,"weight":1000,"compare_at_price":1499500,"inventory_management":"shopify","barcode":"198859593788","requires_selling_plan":false,"selling_plan_allocations":[],"quantity_rule":{"min":1,"max":null,"increment":1}},{"id":48123394523380,"title":"Navy Blazer-Claret-Ivory \/ Medium \/ 8","option1":"Navy Blazer-Claret-Ivory","option2":"Medium","option3":"8","sku":"C44873 8.0M","requires_shipping":true,"taxable":true,"featured_image":null,"available":true,"name":"Men's GrandPrø Turf SKYWEAVE⢠Sneaker - Navy Blazer-Claret-Ivory \/ Medium \/ 8","public_title":"Navy Blazer-Claret-Ivory \/ Medium \/ 8","options":["Navy Blazer-Claret-Ivory","Medium","8"],"price":999000,"weight":1000,"compare_at_price":1499500,"inventory_management":"shopify","barcode":"198859593795","requires_selling_plan":false,"selling_plan_allocations":[],"quantity_rule":{"min":1,"max":null,"increment":1}},{"id":48123394556148,"title":"Navy Blazer-Claret-Ivory \/ Medium \/ 8.5","option1":"Navy Blazer-Claret-Ivory","option2":"Medium","option3":"8.5","sku":"C44873 8.5M","requires_shipping":true,"taxable":true,"featured_image":null,"available":true,"name":"Men's GrandPrø Turf SKYWEAVE⢠Sneaker - Navy Blazer-Claret-Ivory \/ Medium \/ 8.5","public_title":"Navy Blazer-Claret-Ivory \/ Medium \/ 8.5","options":["Navy Blazer-Claret-Ivory","Medium","8.5"],"price":999000,"weight":1000,"compare_at_price":1499500,"inventory_management":"shopify","barcode":"198859593801","requires_selling_plan":false,"selling_plan_allocations":[],"quantity_rule":{"min":1,"max":null,"increment":1}},{"id":48123394588916,"title":"Navy Blazer-Claret-Ivory \/ Medium \/ 9","option1":"Navy Blazer-Claret-Ivory","option2":"Medium","option3":"9","sku":"C44873 9.0M","requires_shipping":true,"taxable":true,"featured_image":null,"available":false,"name":"Men's GrandPrø Turf SKYWEAVE⢠Sneaker - Navy Blazer-Claret-Ivory \/ Medium \/ 9","public_title":"Navy Blazer-Claret-Ivory \/ Medium \/ 9","options":["Navy Blazer-Claret-Ivory","Medium","9"],"price":999000,"weight":1000,"compare_at_price":1499500,"inventory_management":"shopify","barcode":"198859593818","requires_selling_plan":false,"selling_plan_allocations":[],"quantity_rule":{"min":1,"max":null,"increment":1}},{"id":48123394621684,"title":"Navy Blazer-Claret-Ivory \/ Medium \/ 9.5","option1":"Navy Blazer-Claret-Ivory","option2":"Medium","option3":"9.5","sku":"C44873 9.5M","requires_shipping":true,"taxable":true,"featured_image":null,"available":true,"name":"Men's GrandPrø Turf SKYWEAVE⢠Sneaker - Navy Blazer-Claret-Ivory \/ Medium \/ 9.5","public_title":"Navy Blazer-Claret-Ivory \/ Medium \/ 9.5","options":["Navy Blazer-Claret-Ivory","Medium","9.5"],"price":999000,"weight":1000,"compare_at_price":1499500,"inventory_management":"shopify","barcode":"198859593825","requires_selling_plan":false,"selling_plan_allocations":[],"quantity_rule":{"min":1,"max":null,"increment":1}},{"id":48123394654452,"title":"Navy Blazer-Claret-Ivory \/ Medium \/ 10","option1":"Navy Blazer-Claret-Ivory","option2":"Medium","option3":"10","sku":"C44873 10.0M","requires_shipping":true,"taxable":true,"featured_image":null,"available":true,"name":"Men's GrandPrø Turf SKYWEAVE⢠Sneaker - Navy Blazer-Claret-Ivory \/ Medium \/ 10","public_title":"Navy Blazer-Claret-Ivory \/ Medium \/ 10","options":["Navy Blazer-Claret-Ivory","Medium","10"],"price":999000,"weight":1000,"compare_at_price":1499500,"inventory_management":"shopify","barcode":"198859593719","requires_selling_plan":false,"selling_plan_allocations":[],"quantity_rule":{"min":1,"max":null,"increment":1}},{"id":48123394687220,"title":"Navy Blazer-Claret-Ivory \/ Medium \/ 10.5","option1":"Navy Blazer-Claret-Ivory","option2":"Medium","option3":"10.5","sku":"C44873 10.5M","requires_shipping":true,"taxable":true,"featured_image":null,"available":false,"name":"Men's GrandPrø Turf SKYWEAVE⢠Sneaker - Navy Blazer-Claret-Ivory \/ Medium \/ 10.5","public_title":"Navy Blazer-Claret-Ivory \/ Medium \/ 10.5","options":["Navy Blazer-Claret-Ivory","Medium","10.5"],"price":999000,"weight":1000,"compare_at_price":1499500,"inventory_management":"shopify","barcode":"198859593726","requires_selling_plan":false,"selling_plan_allocations":[],"quantity_rule":{"min":1,"max":null,"increment":1}},{"id":48123394719988,"title":"Navy Blazer-Claret-Ivory \/ Medium \/ 11","option1":"Navy Blazer-Claret-Ivory","option2":"Medium","option3":"11","sku":"C44873 11.0M","requires_shipping":true,"taxable":true,"featured_image":null,"available":false,"name":"Men's GrandPrø Turf SKYWEAVE⢠Sneaker - Navy Blazer-Claret-Ivory \/ Medium \/ 11","public_title":"Navy Blazer-Claret-Ivory \/ Medium \/ 11","options":["Navy Blazer-Claret-Ivory","Medium","11"],"price":999000,"weight":1000,"compare_at_price":1499500,"inventory_management":"shopify","barcode":"198859593733","requires_selling_plan":false,"selling_plan_allocations":[],"quantity_rule":{"min":1,"max":null,"increment":1}},{"id":48123394785524,"title":"Navy Blazer-Claret-Ivory \/ Medium \/ 12","option1":"Navy Blazer-Claret-Ivory","option2":"Medium","option3":"12","sku":"C44873 12.0M","requires_shipping":true,"taxable":true,"featured_image":null,"available":false,"name":"Men's GrandPrø Turf SKYWEAVE⢠Sneaker - Navy Blazer-Claret-Ivory \/ Medium \/ 12","public_title":"Navy Blazer-Claret-Ivory \/ Medium \/ 12","options":["Navy Blazer-Claret-Ivory","Medium","12"],"price":999000,"weight":1000,"compare_at_price":1499500,"inventory_management":"shopify","barcode":"198859593757","requires_selling_plan":false,"selling_plan_allocations":[],"quantity_rule":{"min":1,"max":null,"increment":1}}] 14587 14588 </script>
14588 14589 14590 </div> 14591 </variant-radios><noscript class="product-form__noscript-wrapper-template--23890806309108__featured_collection_G6EN3c"> 14592 <div class="product-form__input"> 14593 <label class="form__label" for="Variants-template--23890806309108__featured_collection_G6EN3c">Product variants</label> 14594 <div class="select"> 14595 <select 14596 name="id" 14597 id="Variants-template--23890806309108__featured_collection_G6EN3c" 14598 class="select__select" 14599 form="" 14600 ><option 14601 14602 14603 disabled 14604 14605 value="48123394457844" 14606 >Navy Blazer-Claret-Ivory / Medium / 7 - â±9,990.00 - Add to Bag</option><option 14607 14608 14609 disabled 14610 14611 value="48123394490612" 14612 >Navy Blazer-Claret-Ivory / Medium / 7.5 - â±9,990.00 - Add to Bag</option><option 14613 14614 selected="selected" 14615 14616 14617 value="48123394523380" 14618 >Navy Blazer-Claret-Ivory / Medium / 8 - â±9,990.00</option><option 14619 14620 14621 value="48123394556148" 14622 >Navy Blazer-Claret-Ivory / Medium / 8.5 - â±9,990.00</option><option 14623 14624 14625 disabled 14626 14627 value="48123394588916" 14628 >Navy Blazer-Claret-Ivory / Medium / 9 - â±9,990.00 - Add to Bag</option><option 14629 14630 14631 value="48123394621684" 14632 >Navy Blazer-Claret-Ivory / Medium / 9.5 - â±9,990.00</option><option 14633 14634 14635 value="48123394654452" 14636 >Navy Blazer-Claret-Ivory / Medium / 10 - â±9,990.00</option><option 14637 14638 14639 disabled 14640 14641 value="48123394687220" 14642 >Navy Blazer-Claret-Ivory / Medium / 10.5 - â±9,990.00 - Add to Bag</option><option 14643 14644 14645 disabled 14646 14647 value="48123394719988" 14648 >Navy Blazer-Claret-Ivory / Medium / 11 - â±9,990.00 - Add to Bag</option><option 14649 14650 14651 disabled 14652 14653 value="48123394785524" 14654 >Navy Blazer-Claret-Ivory / Medium / 12 - â±9,990.00 - Add to Bag</option></select> 14655 <svg aria-hidden="true" focusable="false" class="icon icon-caret" viewBox="0 0 10 6"> 14656 <path fill-rule="evenodd" clip-rule="evenodd" d="M9.354.646a.5.5 0 00-.708 0L5 4.293 1.354.646a.5.5 0 00-.708.708l4 4a.5.5 0 00.708 0l4-4a.5.5 0 000-.708z" fill="currentColor"> 14657</svg> 14658<!-- <svg fill="#000000" height="14px" width="14px" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 330 330" xml:space="preserve" stroke="#000000" stroke-width="0.0033"><g id="SVGRepo_bgCarrier" stroke-width="0"></g><g id="SVGRepo_tracerCarrier" stroke-linecap="round" stroke-linejoin="round"></g> 14659 <g id="SVGRepo_iconCarrier"> 14660 <path id="XMLID_225_" d="M325.607,79.393c-5.857-5.857-15.355-5.858-21.213,0.001l-139.39,139.393L25.607,79.393 c-5.857-5.857-15.355-5.858-21.213,0.001c-5.858,5.858-5.858,15.355,0,21.213l150.004,150c2.813,2.813,6.628,4.393,10.606,4.393 s7.794-1.581,10.606-4.394l149.996-150C331.465,94.749,331.465,85.251,325.607,79.393z"> 14661 </path> </g></svg> --> 14662 14663 </div> 14664 </div> 14665</noscript> 14666
14667<script> 14668// var dataUrl; 14669// function fetchUrl(){ 14670// var productUrl = document.querySelector("button[data-product-url]"); 14671// if (productUrl) { 14672// debugger; 14673// dataUrl = productUrl.getAttribute("data-product-url"); 14674// console.log("data-product-url: ", dataUrl); 14675// } 14676// } 14677</script>
14677 14678 14679 14680 14681<div class=" 14682 price price--on-sale "> 14683 <div class="price__container"><div class="price__regular"> 14684 <span class="visually-hidden visually-hidden--inline">Regular price</span> 14685 <span class="price-item price-item--regular"> 14686 â±9,990 14687 </span> 14688 </div> 14689 <div class="price__sale price--large"> 14690 14691 <div class="" style="display: flex; white-space: nowrap; align-items: center;"> 14692 <span class="visually-hidden visually-hidden--inline">Regular price</span> 14693 <span class="strike-through quick-shop-regular"> 14694 <s class="price-item price-item--regular"> 14695 14696 â±14,995 14697 14698 </s> 14699 </span><span class="visually-hidden visually-hidden--inline " >Sale price</span> 14700 <span class="price-item price-item--sale price-item--last quick-shop-sale"> 14701 â±9,990 14702 </span> 14703 </div> 14704 <span class="compare-mark"> 14705 (33% Off) 14706 </span><style> 14707 .compare-mark{ 14708 font-size: 13px; 14709 color: #ff0d0d; 14710 font-family: WorkSansLight; 14711 margin-left: -10px; 14712 font-weight: 600; 14713 display: inline-flex; 14714 } 14715 @media screen and (max-width: 575px){ 14716 .compare-mark{ 14717 margin-left: 0; 14718 } 14719 .card-wrapper .price.price--on-sale .price__container { 14720 display: inline-flex; 14721 align-items: center; 14722 flex-wrap: wrap; 14723 align-items: flex-start; 14724 text-align: left; 14725 } 14726 } 14727 </style> 14728 </div> 14729 <small class="unit-price caption hidden"> 14730 <span class="visually-hidden">Unit price</span> 14731 <span class="price-item price-item--last"> 14732 <span></span> 14733 <span aria-hidden="true">/</span> 14734 <span class="visually-hidden"> per </span> 14735 <span> 14736 </span> 14737 </span> 14738 </small> 14739 </div></div> 14740 14741 <h3 14742 class="card_title card__heading h5" 14743 14744 id="title-template--23890806309108__featured_collection_G6EN3c-9444367270132" 14745 14746 > 14747 14748 14749 <a class="product_url" 14750 href="/products/c44873"> 14751 Men's GrandPrø Turf SKYWEAVE⢠Sneaker 14752 </a> 14753 14754 </h3> 14755 <div class="card-information"><span class="caption-large light"></span></div> 14756 </div> 14757 14758 <div class="card__badge bottom left"><span 14759 id="Badge-template--23890806309108__featured_collection_G6EN3c-9444367270132" 14760 class="badge badge--bottom-left color-accent-2" 14761 >Sale</span></div> 14762 </div> 14763 </div> 14764 </div>
14764<script> 14765 14766 14767// function redirectFn(e){ 14768 14769// console.log('test e',e); 14770// const srcSet = e.querySelector('.pdp-primaryimage'); 14771 14772// const srcSetVal = srcSet['srcset']; 14773 14774// const startIndex = srcSetVal.indexOf('/products/'); 14775// const endIndex = srcSetVal.indexOf('_', startIndex); 14776// const desiredValue = srcSetVal.substring(startIndex, endIndex); 14777 14778// e.setAttribute('href', desiredValue); 14779 14780 14781// } 14782 14783 14784// document.addEventListener("DOMContentLoaded", function() { 14785// const items = document.querySelectorAll('#product-grid li.grid__item'); 14786 14787// items.forEach(item => { 14788// const button = item.querySelector('.quick-add__submit'); 14789// const colorSwatches = item.querySelectorAll('.color-swatches-plp'); 14790 14791// colorSwatches.forEach(swatch => { 14792// swatch.addEventListener('click', () => { 14793// const inputId = swatch.getAttribute('for'); 14794// const relatedProduct = item.querySelector(`#${inputId}.related-product`); 14795// if (relatedProduct) { 14796// const newUrl = relatedProduct.getAttribute('data-url'); 14797// if (newUrl) { 14798// button.setAttribute('data-product-url', newUrl); 14799// console.log(`Updated data-product-url: ${newUrl}`); 14800// } 14801// } 14802// }); 14803// }); 14804// }); 14805// }); 14806// // swatches click on collection page 14807 14808// document.addEventListener("DOMContentLoaded", function() { 14809 14810// initializeProductHrefs(); 14811 14812 14813// const colorSwatches = document.querySelectorAll('.color-swatches-plp'); 14814// colorSwatches.forEach(swatch => { 14815// swatch.addEventListener('click', function() { 14816// updateHref(this); 14817// }); 14818// }); 14819 14820 14821// const firstColorSwatch = document.querySelector('.color-swatches-plp'); 14822// if (firstColorSwatch) { 14823// firstColorSwatch.addEventListener('click', function() { 14824// updateHrefToFirstVariant(this); 14825// }); 14826// } 14827// }); 14828 14829// function initializeProductHrefs() { 14830// const productItems = document.querySelectorAll('#product-grid li.grid__item'); 14831// productItems.forEach((item, index) => { 14832// const firstVariant = item.querySelector('input.related-product'); 14833// if (firstVariant) { 14834// const initialUrl = firstVariant.getAttribute('data-url'); 14835// if (initialUrl) { 14836// const pdpNavigationLink = item.querySelector('.pdp-navigation-link'); 14837// pdpNavigationLink.setAttribute('href', initialUrl); 14838 14839// } 14840// } 14841// }); 14842// } 14843 14844// function updateHref(swatch) { 14845// const parentItem = swatch.closest('li.grid__item'); 14846// const inputId = swatch.getAttribute('for'); 14847// const relatedProduct = parentItem.querySelector(`input#${inputId}.related-product`); 14848// if (relatedProduct) { 14849// const newUrl = relatedProduct.getAttribute('data-url'); 14850// if (newUrl) { 14851// const pdpNavigationLink = parentItem.querySelector('.pdp-navigation-link'); 14852// pdpNavigationLink.setAttribute('href', newUrl); 14853 14854// } else { 14855// console.log(`No data-url found for swatch: ${inputId}`); 14856// } 14857// } else { 14858// console.log(`No related product input found for swatch: ${inputId}`); 14859// } 14860// } 14861 14862// function updateHrefToFirstVariant(swatch) { 14863// const parentItem = swatch.closest('li.grid__item'); 14864// const firstRelatedProduct = parentItem.querySelector('input.related-product'); 14865// if (firstRelatedProduct) { 14866// const firstUrl = firstRelatedProduct.getAttribute('data-url'); 14867// if (firstUrl) { 14868// const pdpNavigationLink = parentItem.querySelector('.pdp-navigation-link'); 14869// pdpNavigationLink.setAttribute('href', firstUrl); 14870 14871// } else { 14872// console.log('No data-url found for the first related product.'); 14873// } 14874// } else { 14875// console.log('No related product inputs found.'); 14876// } 14877// } 14878 14879 14880 14881</script>
14881 14882 14883 14884 </li><li 14885 id="Slide-template--23890806309108__featured_collection_G6EN3c-9" 14886 class="grid__item slider__slide" 14887 > 14888 14889 14890<link href="//colehaan.com.ph/cdn/shop/t/131/assets/component-rating.css?v=24573085263941240431790040493" rel="stylesheet" type="text/css" media="all" /> 14891<style> 14892 .eyebrow{ 14893 background: #808080 !important; 14894 } 14895</style><div class="card-wrapper product-card-wrapper"> 14896 <div 14897 class=" 14898 card 14899 card--card 14900 card--media 14901 color-background-1 gradient 14902 14903 14904 14905 " 14906 style="--ratio-percent: 100%;" 14907 > 14908 <div 14909 class="card__inner ratio" 14910 style="--ratio-percent: 100%;" 14911 ><div class="card__media"> 14912 14913 <div class="quick-add quick-add-test no-js-hidden"> 14914 14915 <modal-opener data-modal="#QuickAdd-9444367171828"> 14916 <button 14917 id="quick-add-template--23890806309108__featured_collection_G6EN3c9444367171828-submit" 14918 type="submit" 14919 name="add" 14920 class="quick-add__submit button--full-width button--secondary" 14921 aria-haspopup="dialog" 14922 aria-labelledby="quick-add-template--23890806309108__featured_collection_G6EN3c9444367171828-submit title-template--23890806309108__featured_collection_G6EN3c-9444367171828" 14923 data-product-url="/products/c44821" 14924 > 14925 Quick shop 14926<div class="loading-overlay__spinner hidden"> 14927 <svg 14928 aria-hidden="true" 14929 focusable="false" 14930 class="spinner"
14931 viewBox="0 0 66 66" 14932 xmlns="http://www.w3.org/2000/svg" 14933 > 14934 <circle class="path" fill="none" stroke-width="6" cx="33" cy="33" r="30"></circle> 14935 </svg> 14936 </div> 14937 </button> 14938 </modal-opener> 14939 <quick-add-modal id="QuickAdd-9444367171828" class="quick-add-modal"> 14940 <div 14941 role="dialog" 14942 aria-label="Choose options for Men&#39;s GrandPrø Luxe Slip-On STITCHLITE⢠Sneaker" 14943 aria-modal="true" 14944 class="quick-add-modal__content global-settings-popup" 14945 tabindex="-1" 14946 > 14947 <button 14948 id="ModalClose-9444367171828" 14949 type="button" 14950 class="quick-add-modal__toggle" 14951 aria-label="Close" 14952 > 14953 <svg 14954 xmlns="http://www.w3.org/2000/svg" 14955 aria-hidden="true" 14956 focusable="false" 14957 class="icon icon-close" 14958 fill="none" 14959 viewBox="0 0 18 17" 14960> 14961 <path d="M.865 15.978a.5.5 0 00.707.707l7.433-7.431 7.579 7.282a.501.501 0 00.846-.37.5.5 0 00-.153-.351L9.712 8.546l7.417-7.416a.5.5 0 10-.707-.708L8.991 7.853 1.413.573a.5.5 0 10-.693.72l7.563 7.268-7.418 7.417z" fill="currentColor"> 14962</svg> 14963 14964 </button> 14965 <div class="logo_ch"> 14966 <img src="https://cdn.shopify.com/s/files/1/0268/1228/5039/files/colehaan_logo.png?v=1694757702" style="width: 150px; margin: 20px;"/> 14967 </div> 14968 <div id="QuickAddInfo-9444367171828" class="quick-add-modal__content-info"> 14969 </div> 14970 14971 <div class="cart-and-ipay"> 14972 <button class="add-to-cart-global btn" onclick="triggerQuickBasket(event, 'product-form-quickadd-template--23890806309108__featured_collection_G6EN3c');" title="Add to bag"> 14973 Add to Bag 14974 </button> 14975 </div> 14976 </div> 14977 </quick-add-modal> 14978 14979 14980 </div> 14981 14982 <div class="media"> 14983 14984 14985 <a class="pdp-navigation-link" onclick = "redirectFn(this);" href="/products/c44821"> 14986 <img class="img-tag pdp-primaryimage" 14987 srcset="//colehaan.com.ph/cdn/shop/files/BaseTransform1_256d3e44-20d6-4cd5-93ce-25ca4a06032f.jpg?v=1777866008&width=165 165w,//colehaan.com.ph/cdn/shop/files/BaseTransform1_256d3e44-20d6-4cd5-93ce-25ca4a06032f.jpg?v=1777866008&width=360 360w,//colehaan.com.ph/cdn/shop/files/BaseTransform1_256d3e44-20d6-4cd5-93ce-25ca4a06032f.jpg?v=1777866008&width=533 533w,//colehaan.com.ph/cdn/shop/files/BaseTransform1_256d3e44-20d6-4cd5-93ce-25ca4a06032f.jpg?v=1777866008&width=720 720w,//colehaan.com.ph/cdn/shop/files/BaseTransform1_256d3e44-20d6-4cd5-93ce-25ca4a06032f.jpg?v=1777866008&width=940 940w,//colehaan.com.ph/cdn/shop/files/BaseTransform1_256d3e44-20d6-4cd5-93ce-25ca4a06032f.jpg?v=1777866008&width=1066 1066w,//colehaan.com.ph/cdn/shop/files/BaseTransform1_256d3e44-20d6-4cd5-93ce-25ca4a06032f.jpg?v=1777866008 2000w 14988 " 14989 src="//colehaan.com.ph/cdn/shop/files/BaseTransform1_256d3e44-20d6-4cd5-93ce-25ca4a06032f.jpg?v=1777866008&width=533" 14990 sizes="(min-width: 1200px) 267px, (min-width: 990px) calc((100vw - 130px) / 4), (min-width: 750px) calc((100vw - 120px) / 3), calc((100vw - 35px) / 2)" 14991 alt="C44821:WHITE / NAVY BLAZER / WHITE" 14992 class="motion-reduce" 14993 14994 loading="lazy" 14995 14996 width="2000" 14997 height="2250" 14998 > 14999 15000</a> 15001 </div> 15002 </div><div class="card__content"> 15003 <div class="card__information"> 15004 <h3 15005 class="card__heading" 15006 15007 > 15008 <a 15009 href="/products/c44821" 15010 id="StandardCardNoMediaLink-template--23890806309108__featured_collection_G6EN3c-9444367171828" 15011 class="full-unstyled-link" 15012 aria-labelledby="StandardCardNoMediaLink-template--23890806309108__featured_collection_G6EN3c-9444367171828 NoMediaStandardBadge-template--23890806309108__featured_collection_G6EN3c-9444367171828" 15013 > 15014 Men's GrandPrø Luxe Slip-On STITCHLITE⢠Sneaker 15015 </a> 15016 </h3> 15017 </div> 15018 <div class="card__badge bottom left"> 15019 15020 </div> 15021 </div> 15022 </div> 15023 <div class="card__content card-content"> 15024 <div class="card__information"> 15025 15026 15027<variant-radios 15028 id="variant-radios-template--23890806309108__featured_collection_G6EN3c" 15029 class="no-js-hidden" 15030 data-section="template--23890806309108__featured_collection_G6EN3c" 15031 data-url="/products/c44821" 15032 15033 15034 > 15035 <div class= "clr-swatches-plp"><fieldset class="js product-form__input"> 15036 15037
15037<script src="//colehaan.com.ph/cdn/shop/t/131/assets/global.js?v=15889204645569497881790040512" defer="defer"></script>
15037<div 15038 class="swatches-wrapper" 15039 id="swatches-9444367171828-template--23890806309108__featured_collection_G6EN3c" 15040 data-related-handles="c44797,c44795,c44794" 15041 data-section-id="template--23890806309108__featured_collection_G6EN3c" 15042 data-product-id="9444367171828" 15043 data-product-form-id="product-form-template--23890806309108__featured_collection_G6EN3c" 15044> 15045<input 15046 class="related-product" 15047 type="radio" 15048 id="template--23890806309108__featured_collection_G6EN3c-1-1" 15049 name="Color" 15050 value="White-Navy Blazer" 15051 form="product-form-template--23890806309108__featured_collection_G6EN3c" 15052 data-url="/products/c44821" 15053 15054 checked 15055 15056 15057 > 15058 <label class="color-swatches-plp" for="template--23890806309108__featured_collection_G6EN3c-1-1" style="background: url('https://colehaan.com.ph/cdn/shop/files/BaseTransform1_256d3e44-20d6-4cd5-93ce-25ca4a06032f.jpg?v=1777866008') center no-repeat; background-size: contain;" onclick="redirectToUrlCollection(this);"> 15059 </label> 15060 15061 15062 15063 <div class="related-swatches-container"></div> 15064</div> 15065 15066 </fieldset><fieldset class="js product-form__input"> 15067 15068 </fieldset><fieldset class="js product-form__input"> 15069 15070 </fieldset><span class="mobile-swatch-plus-plp" > 15071 15072 <a href="/products/c44821">+</a> 15073 </span> 15074 15075 15076
15076<script type="application/json"> 15077 15078 [{"id":48123393081588,"title":"White-Navy Blazer \/ Medium \/ 7","option1":"White-Navy Blazer","option2":"Medium","option3":"7","sku":"C44821 7.0M","requires_shipping":true,"taxable":true,"featured_image":null,"available":false,"name":"Men's GrandPrø Luxe Slip-On STITCHLITE⢠Sneaker - White-Navy Blazer \/ Medium \/ 7","public_title":"White-Navy Blazer \/ Medium \/ 7","options":["White-Navy Blazer","Medium","7"],"price":599000,"weight":1000,"compare_at_price":1099500,"inventory_management":"shopify","barcode":"198859588258","requires_selling_plan":false,"selling_plan_allocations":[],"quantity_rule":{"min":1,"max":null,"increment":1}},{"id":48123393114356,"title":"White-Navy Blazer \/ Medium \/ 7.5","option1":"White-Navy Blazer","option2":"Medium","option3":"7.5","sku":"C44821 7.5M","requires_shipping":true,"taxable":true,"featured_image":null,"available":false,"name":"Men's GrandPrø Luxe Slip-On STITCHLITE⢠Sneaker - White-Navy Blazer \/ Medium \/ 7.5","public_title":"White-Navy Blazer \/ Medium \/ 7.5","options":["White-Navy Blazer","Medium","7.5"],"price":599000,"weight":1000,"compare_at_price":1099500,"inventory_management":"shopify","barcode":"198859588265","requires_selling_plan":false,"selling_plan_allocations":[],"quantity_rule":{"min":1,"max":null,"increment":1}},{"id":48123393147124,"title":"White-Navy Blazer \/ Medium \/ 8","option1":"White-Navy Blazer","option2":"Medium","option3":"8","sku":"C44821 8.0M","requires_shipping":true,"taxable":true,"featured_image":null,"available":true,"name":"Men's GrandPrø Luxe Slip-On STITCHLITE⢠Sneaker - White-Navy Blazer \/ Medium \/ 8","public_title":"White-Navy Blazer \/ Medium \/ 8","options":["White-Navy Blazer","Medium","8"],"price":599000,"weight":1000,"compare_at_price":1099500,"inventory_management":"shopify","barcode":"198859588272","requires_selling_plan":false,"selling_plan_allocations":[],"quantity_rule":{"min":1,"max":null,"increment":1}},{"id":48123393179892,"title":"White-Navy Blazer \/ Medium \/ 8.5","option1":"White-Navy Blazer","option2":"Medium","option3":"8.5","sku":"C44821 8.5M","requires_shipping":true,"taxable":true,"featured_image":null,"available":false,"name":"Men's GrandPrø Luxe Slip-On STITCHLITE⢠Sneaker - White-Navy Blazer \/ Medium \/ 8.5","public_title":"White-Navy Blazer \/ Medium \/ 8.5","options":["White-Navy Blazer","Medium","8.5"],"price":599000,"weight":1000,"compare_at_price":1099500,"inventory_management":"shopify","barcode":"198859588289","requires_selling_plan":false,"selling_plan_allocations":[],"quantity_rule":{"min":1,"max":null,"increment":1}},{"id":48123393212660,"title":"White-Navy Blazer \/ Medium \/ 9","option1":"White-Navy Blazer","option2":"Medium","option3":"9","sku":"C44821 9.0M","requires_shipping":true,"taxable":true,"featured_image":null,"available":true,"name":"Men's GrandPrø Luxe Slip-On STITCHLITE⢠Sneaker - White-Navy Blazer \/ Medium \/ 9","public_title":"White-Navy Blazer \/ Medium \/ 9","options":["White-Navy Blazer","Medium","9"],"price":599000,"weight":1000,"compare_at_price":1099500,"inventory_management":"shopify","barcode":"198859588296","requires_selling_plan":false,"selling_plan_allocations":[],"quantity_rule":{"min":1,"max":null,"increment":1}},{"id":48123393245428,"title":"White-Navy Blazer \/ Medium \/ 9.5","option1":"White-Navy Blazer","option2":"Medium","option3":"9.5","sku":"C44821 9.5M","requires_shipping":true,"taxable":true,"featured_image":null,"available":false,"name":"Men's GrandPrø Luxe Slip-On STITCHLITE⢠Sneaker - White-Navy Blazer \/ Medium \/ 9.5","public_title":"White-Navy Blazer \/ Medium \/ 9.5","options":["White-Navy Blazer","Medium","9.5"],"price":599000,"weight":1000,"compare_at_price":1099500,"inventory_management":"shopify","barcode":"198859588302","requires_selling_plan":false,"selling_plan_allocations":[],"quantity_rule":{"min":1,"max":null,"increment":1}},{"id":48123393278196,"title":"White-Navy Blazer \/ Medium \/ 10","option1":"White-Navy Blazer","option2":"Medium","option3":"10","sku":"C44821 10.0M","requires_shipping":true,"taxable":true,"featured_image":null,"available":false,"name":"Men's GrandPrø Luxe Slip-On STITCHLITE⢠Sneaker - White-Navy Blazer \/ Medium \/ 10","public_title":"White-Navy Blazer \/ Medium \/ 10","options":["White-Navy Blazer","Medium","10"],"price":599000,"weight":1000,"compare_at_price":1099500,"inventory_management":"shopify","barcode":"198859588197","requires_selling_plan":false,"selling_plan_allocations":[],"quantity_rule":{"min":1,"max":null,"increment":1}},{"id":48123393310964,"title":"White-Navy Blazer \/ Medium \/ 10.5","option1":"White-Navy Blazer","option2":"Medium","option3":"10.5","sku":"C44821 10.5M","requires_shipping":true,"taxable":true,"featured_image":null,"available":false,"name":"Men's GrandPrø Luxe Slip-On STITCHLITE⢠Sneaker - White-Navy Blazer \/ Medium \/ 10.5","public_title":"White-Navy Blazer \/ Medium \/ 10.5","options":["White-Navy Blazer","Medium","10.5"],"price":599000,"weight":1000,"compare_at_price":1099500,"inventory_management":"shopify","barcode":"198859588203","requires_selling_plan":false,"selling_plan_allocations":[],"quantity_rule":{"min":1,"max":null,"increment":1}},{"id":48123393343732,"title":"White-Navy Blazer \/ Medium \/ 11","option1":"White-Navy Blazer","option2":"Medium","option3":"11","sku":"C44821 11.0M","requires_shipping":true,"taxable":true,"featured_image":null,"available":false,"name":"Men's GrandPrø Luxe Slip-On STITCHLITE⢠Sneaker - White-Navy Blazer \/ Medium \/ 11","public_title":"White-Navy Blazer \/ Medium \/ 11","options":["White-Navy Blazer","Medium","11"],"price":599000,"weight":1000,"compare_at_price":1099500,"inventory_management":"shopify","barcode":"198859588210","requires_selling_plan":false,"selling_plan_allocations":[],"quantity_rule":{"min":1,"max":null,"increment":1}},{"id":48133378769140,"title":"White-Navy Blazer \/ Medium \/ 11.5","option1":"White-Navy Blazer","option2":"Medium","option3":"11.5","sku":"C44821 11.5M","requires_shipping":true,"taxable":true,"featured_image":null,"available":false,"name":"Men's GrandPrø Luxe Slip-On STITCHLITE⢠Sneaker - White-Navy Blazer \/ Medium \/ 11.5","public_title":"White-Navy Blazer \/ Medium \/ 11.5","options":["White-Navy Blazer","Medium","11.5"],"price":599000,"weight":1000,"compare_at_price":1099500,"inventory_management":"shopify","barcode":null,"requires_selling_plan":false,"selling_plan_allocations":[],"quantity_rule":{"min":1,"max":null,"increment":1}},{"id":48123393409268,"title":"White-Navy Blazer \/ Medium \/ 12","option1":"White-Navy Blazer","option2":"Medium","option3":"12","sku":"C44821 12.0M","requires_shipping":true,"taxable":true,"featured_image":null,"available":true,"name":"Men's GrandPrø Luxe Slip-On STITCHLITE⢠Sneaker - White-Navy Blazer \/ Medium \/ 12","public_title":"White-Navy Blazer \/ Medium \/ 12","options":["White-Navy Blazer","Medium","12"],"price":599000,"weight":1000,"compare_at_price":1099500,"inventory_management":"shopify","barcode":"198859588234","requires_selling_plan":false,"selling_plan_allocations":[],"quantity_rule":{"min":1,"max":null,"increment":1}}] 15079 15080 </script>
15080 15081 15082 </div> 15083 </variant-radios><noscript class="product-form__noscript-wrapper-template--23890806309108__featured_collection_G6EN3c"> 15084 <div class="product-form__input"> 15085 <label class="form__label" for="Variants-template--23890806309108__featured_collection_G6EN3c">Product variants</label> 15086 <div class="select"> 15087 <select 15088 name="id" 15089 id="Variants-template--23890806309108__featured_collection_G6EN3c" 15090 class="select__select" 15091 form="" 15092 ><option 15093 15094 15095 disabled 15096 15097 value="48123393081588" 15098 >White-Navy Blazer / Medium / 7 - â±5,990.00 - Add to Bag</option><option 15099 15100 15101 disabled 15102 15103 value="48123393114356" 15104 >White-Navy Blazer / Medium / 7.5 - â±5,990.00 - Add to Bag</option><option 15105 15106 selected="selected" 15107 15108 15109 value="48123393147124" 15110 >White-Navy Blazer / Medium / 8 - â±5,990.00</option><option 15111 15112 15113 disabled 15114 15115 value="48123393179892" 15116 >White-Navy Blazer / Medium / 8.5 - â±5,990.00 - Add to Bag</option><option 15117 15118 15119 value="48123393212660" 15120 >White-Navy Blazer / Medium / 9 - â±5,990.00</option><option 15121 15122 15123 disabled 15124 15125 value="48123393245428" 15126 >White-Navy Blazer / Medium / 9.5 - â±5,990.00 - Add to Bag</option><option 15127 15128 15129 disabled 15130 15131 value="48123393278196" 15132 >White-Navy Blazer / Medium / 10 - â±5,990.00 - Add to Bag</option><option 15133 15134 15135 disabled 15136 15137 value="48123393310964" 15138 >White-Navy Blazer / Medium / 10.5 - â±5,990.00 - Add to Bag</option><option 15139 15140 15141 disabled 15142 15143 value="48123393343732" 15144 >White-Navy Blazer / Medium / 11 - â±5,990.00 - Add to Bag</option><option 15145 15146 15147 disabled 15148 15149 value="48133378769140" 15150 >White-Navy Blazer / Medium / 11.5 - â±5,990.00 - Add to Bag</option><option 15151 15152 15153 value="48123393409268" 15154 >White-Navy Blazer / Medium / 12 - â±5,990.00</option></select> 15155 <svg aria-hidden="true" focusable="false" class="icon icon-caret" viewBox="0 0 10 6"> 15156 <path fill-rule="evenodd" clip-rule="evenodd" d="M9.354.646a.5.5 0 00-.708 0L5 4.293 1.354.646a.5.5 0 00-.708.708l4 4a.5.5 0 00.708 0l4-4a.5.5 0 000-.708z" fill="currentColor"> 15157</svg> 15158<!-- <svg fill="#000000" height="14px" width="14px" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 330 330" xml:space="preserve" stroke="#000000" stroke-width="0.0033"><g id="SVGRepo_bgCarrier" stroke-width="0"></g><g id="SVGRepo_tracerCarrier" stroke-linecap="round" stroke-linejoin="round"></g> 15159 <g id="SVGRepo_iconCarrier"> 15160 <path id="XMLID_225_" d="M325.607,79.393c-5.857-5.857-15.355-5.858-21.213,0.001l-139.39,139.393L25.607,79.393 c-5.857-5.857-15.355-5.858-21.213,0.001c-5.858,5.858-5.858,15.355,0,21.213l150.004,150c2.813,2.813,6.628,4.393,10.606,4.393 s7.794-1.581,10.606-4.394l149.996-150C331.465,94.749,331.465,85.251,325.607,79.393z"> 15161 </path> </g></svg> --> 15162 15163 </div> 15164 </div> 15165</noscript> 15166
15167<script> 15168// var dataUrl; 15169// function fetchUrl(){ 15170// var productUrl = document.querySelector("button[data-product-url]"); 15171// if (productUrl) { 15172// debugger; 15173// dataUrl = productUrl.getAttribute("data-product-url"); 15174// console.log("data-product-url: ", dataUrl); 15175// } 15176// } 15177</script>
15177 15178 15179 15180 15181<div class=" 15182 price price--on-sale "> 15183 <div class="price__container"><div class="price__regular"> 15184 <span class="visually-hidden visually-hidden--inline">Regular price</span> 15185 <span class="price-item price-item--regular"> 15186 â±5,990 15187 </span> 15188 </div> 15189 <div class="price__sale price--large"> 15190 15191 <div class="" style="display: flex; white-space: nowrap; align-items: center;"> 15192 <span class="visually-hidden visually-hidden--inline">Regular price</span> 15193 <span class="strike-through quick-shop-regular"> 15194 <s class="price-item price-item--regular"> 15195 15196 â±10,995 15197 15198 </s> 15199 </span><span class="visually-hidden visually-hidden--inline " >Sale price</span> 15200 <span class="price-item price-item--sale price-item--last quick-shop-sale"> 15201 â±5,990 15202 </span> 15203 </div> 15204 <span class="compare-mark"> 15205 (45% Off) 15206 </span><style> 15207 .compare-mark{ 15208 font-size: 13px; 15209 color: #ff0d0d; 15210 font-family: WorkSansLight; 15211 margin-left: -10px; 15212 font-weight: 600; 15213 display: inline-flex; 15214 } 15215 @media screen and (max-width: 575px){ 15216 .compare-mark{ 15217 margin-left: 0; 15218 } 15219 .card-wrapper .price.price--on-sale .price__container { 15220 display: inline-flex; 15221 align-items: center; 15222 flex-wrap: wrap; 15223 align-items: flex-start; 15224 text-align: left; 15225 } 15226 } 15227 </style> 15228 </div> 15229 <small class="unit-price caption hidden"> 15230 <span class="visually-hidden">Unit price</span> 15231 <span class="price-item price-item--last"> 15232 <span></span> 15233 <span aria-hidden="true">/</span> 15234 <span class="visually-hidden"> per </span> 15235 <span> 15236 </span> 15237 </span> 15238 </small> 15239 </div></div> 15240 15241 <h3 15242 class="card_title card__heading h5" 15243 15244 id="title-template--23890806309108__featured_collection_G6EN3c-9444367171828" 15245 15246 > 15247 15248 15249 <a class="product_url" 15250 href="/products/c44821"> 15251 Men's GrandPrø Luxe Slip-On STITCHLITE⢠Sneaker 15252 </a> 15253 15254 </h3> 15255 <div class="card-information"><span class="caption-large light"></span></div> 15256 </div> 15257 15258 <div class="card__badge bottom left"><span 15259 id="Badge-template--23890806309108__featured_collection_G6EN3c-9444367171828" 15260 class="badge badge--bottom-left color-accent-2" 15261 >Sale</span></div> 15262 </div> 15263 </div> 15264 </div>
15264<script> 15265 15266 15267// function redirectFn(e){ 15268 15269// console.log('test e',e); 15270// const srcSet = e.querySelector('.pdp-primaryimage'); 15271 15272// const srcSetVal = srcSet['srcset']; 15273 15274// const startIndex = srcSetVal.indexOf('/products/'); 15275// const endIndex = srcSetVal.indexOf('_', startIndex); 15276// const desiredValue = srcSetVal.substring(startIndex, endIndex); 15277 15278// e.setAttribute('href', desiredValue); 15279 15280 15281// } 15282 15283 15284// document.addEventListener("DOMContentLoaded", function() { 15285// const items = document.querySelectorAll('#product-grid li.grid__item'); 15286 15287// items.forEach(item => { 15288// const button = item.querySelector('.quick-add__submit'); 15289// const colorSwatches = item.querySelectorAll('.color-swatches-plp'); 15290 15291// colorSwatches.forEach(swatch => { 15292// swatch.addEventListener('click', () => { 15293// const inputId = swatch.getAttribute('for'); 15294// const relatedProduct = item.querySelector(`#${inputId}.related-product`); 15295// if (relatedProduct) { 15296// const newUrl = relatedProduct.getAttribute('data-url'); 15297// if (newUrl) { 15298// button.setAttribute('data-product-url', newUrl); 15299// console.log(`Updated data-product-url: ${newUrl}`); 15300// } 15301// } 15302// }); 15303// }); 15304// }); 15305// }); 15306// // swatches click on collection page 15307 15308// document.addEventListener("DOMContentLoaded", function() { 15309 15310// initializeProductHrefs(); 15311 15312 15313// const colorSwatches = document.querySelectorAll('.color-swatches-plp'); 15314// colorSwatches.forEach(swatch => { 15315// swatch.addEventListener('click', function() { 15316// updateHref(this); 15317// }); 15318// }); 15319 15320 15321// const firstColorSwatch = document.querySelector('.color-swatches-plp'); 15322// if (firstColorSwatch) { 15323// firstColorSwatch.addEventListener('click', function() { 15324// updateHrefToFirstVariant(this); 15325// }); 15326// } 15327// }); 15328 15329// function initializeProductHrefs() { 15330// const productItems = document.querySelectorAll('#product-grid li.grid__item'); 15331// productItems.forEach((item, index) => { 15332// const firstVariant = item.querySelector('input.related-product'); 15333// if (firstVariant) { 15334// const initialUrl = firstVariant.getAttribute('data-url'); 15335// if (initialUrl) { 15336// const pdpNavigationLink = item.querySelector('.pdp-navigation-link'); 15337// pdpNavigationLink.setAttribute('href', initialUrl); 15338 15339// } 15340// } 15341// }); 15342// } 15343 15344// function updateHref(swatch) { 15345// const parentItem = swatch.closest('li.grid__item'); 15346// const inputId = swatch.getAttribute('for'); 15347// const relatedProduct = parentItem.querySelector(`input#${inputId}.related-product`); 15348// if (relatedProduct) { 15349// const newUrl = relatedProduct.getAttribute('data-url'); 15350// if (newUrl) { 15351// const pdpNavigationLink = parentItem.querySelector('.pdp-navigation-link'); 15352// pdpNavigationLink.setAttribute('href', newUrl); 15353 15354// } else { 15355// console.log(`No data-url found for swatch: ${inputId}`); 15356// } 15357// } else { 15358// console.log(`No related product input found for swatch: ${inputId}`); 15359// } 15360// } 15361 15362// function updateHrefToFirstVariant(swatch) { 15363// const parentItem = swatch.closest('li.grid__item'); 15364// const firstRelatedProduct = parentItem.querySelector('input.related-product'); 15365// if (firstRelatedProduct) { 15366// const firstUrl = firstRelatedProduct.getAttribute('data-url'); 15367// if (firstUrl) { 15368// const pdpNavigationLink = parentItem.querySelector('.pdp-navigation-link'); 15369// pdpNavigationLink.setAttribute('href', firstUrl); 15370 15371// } else { 15372// console.log('No data-url found for the first related product.'); 15373// } 15374// } else { 15375// console.log('No related product inputs found.'); 15376// } 15377// } 15378 15379 15380 15381</script>
15381 15382 15383 15384 </li><li 15385 id="Slide-template--23890806309108__featured_collection_G6EN3c-10" 15386 class="grid__item slider__slide" 15387 > 15388 15389 15390<link href="//colehaan.com.ph/cdn/shop/t/131/assets/component-rating.css?v=24573085263941240431790040493" rel="stylesheet" type="text/css" media="all" /> 15391<style> 15392 .eyebrow{ 15393 background: #808080 !important; 15394 } 15395</style><div class="card-wrapper product-card-wrapper"> 15396 <div 15397 class=" 15398 card 15399 card--card 15400 card--media 15401 color-background-1 gradient 15402 15403 15404 15405 " 15406 style="--ratio-percent: 100%;" 15407 > 15408 <div 15409 class="card__inner ratio" 15410 style="--ratio-percent: 100%;" 15411 ><div class="card__media"> 15412 15413 <div class="quick-add quick-add-test no-js-hidden"> 15414 15415 <modal-opener data-modal="#QuickAdd-9444366680308"> 15416 <button 15417 id="quick-add-template--23890806309108__featured_collection_G6EN3c9444366680308-submit" 15418 type="submit" 15419 name="add" 15420 class="quick-add__submit button--full-width button--secondary" 15421 aria-haspopup="dialog" 15422 aria-labelledby="quick-add-template--23890806309108__featured_collection_G6EN3c9444366680308-submit title-template--23890806309108__featured_collection_G6EN3c-9444366680308" 15423 data-product-url="/products/c43977" 15424 > 15425 Quick shop 15426<div class="loading-overlay__spinner hidden"> 15427 <svg 15428 aria-hidden="true" 15429 focusable="false" 15430 class="spinner"
15431 viewBox="0 0 66 66" 15432 xmlns="http://www.w3.org/2000/svg" 15433 > 15434 <circle class="path" fill="none" stroke-width="6" cx="33" cy="33" r="30"></circle> 15435 </svg> 15436 </div> 15437 </button> 15438 </modal-opener> 15439 <quick-add-modal id="QuickAdd-9444366680308" class="quick-add-modal"> 15440 <div 15441 role="dialog" 15442 aria-label="Choose options for Men&#39;s 6.ZERÃGRAND Quick-On Sneaker" 15443 aria-modal="true" 15444 class="quick-add-modal__content global-settings-popup" 15445 tabindex="-1" 15446 > 15447 <button 15448 id="ModalClose-9444366680308" 15449 type="button" 15450 class="quick-add-modal__toggle" 15451 aria-label="Close" 15452 > 15453 <svg 15454 xmlns="http://www.w3.org/2000/svg" 15455 aria-hidden="true" 15456 focusable="false" 15457 class="icon icon-close" 15458 fill="none" 15459 viewBox="0 0 18 17" 15460> 15461 <path d="M.865 15.978a.5.5 0 00.707.707l7.433-7.431 7.579 7.282a.501.501 0 00.846-.37.5.5 0 00-.153-.351L9.712 8.546l7.417-7.416a.5.5 0 10-.707-.708L8.991 7.853 1.413.573a.5.5 0 10-.693.72l7.563 7.268-7.418 7.417z" fill="currentColor"> 15462</svg> 15463 15464 </button> 15465 <div class="logo_ch"> 15466 <img src="https://cdn.shopify.com/s/files/1/0268/1228/5039/files/colehaan_logo.png?v=1694757702" style="width: 150px; margin: 20px;"/> 15467 </div> 15468 <div id="QuickAddInfo-9444366680308" class="quick-add-modal__content-info"> 15469 </div> 15470 15471 <div class="cart-and-ipay"> 15472 <button class="add-to-cart-global btn" onclick="triggerQuickBasket(event, 'product-form-quickadd-template--23890806309108__featured_collection_G6EN3c');" title="Add to bag"> 15473 Add to Bag 15474 </button> 15475 </div> 15476 </div> 15477 </quick-add-modal> 15478 15479 15480 </div> 15481 15482 <div class="media"> 15483 15484 15485 <a class="pdp-navigation-link" onclick = "redirectFn(this);" href="/products/c43977"> 15486 <img class="img-tag pdp-primaryimage" 15487 srcset="//colehaan.com.ph/cdn/shop/files/BaseTransform1_0b746677-a289-4dec-8bd6-dda61c046b49.jpg?v=1777865916&width=165 165w,//colehaan.com.ph/cdn/shop/files/BaseTransform1_0b746677-a289-4dec-8bd6-dda61c046b49.jpg?v=1777865916&width=360 360w,//colehaan.com.ph/cdn/shop/files/BaseTransform1_0b746677-a289-4dec-8bd6-dda61c046b49.jpg?v=1777865916&width=533 533w,//colehaan.com.ph/cdn/shop/files/BaseTransform1_0b746677-a289-4dec-8bd6-dda61c046b49.jpg?v=1777865916&width=720 720w,//colehaan.com.ph/cdn/shop/files/BaseTransform1_0b746677-a289-4dec-8bd6-dda61c046b49.jpg?v=1777865916&width=940 940w,//colehaan.com.ph/cdn/shop/files/BaseTransform1_0b746677-a289-4dec-8bd6-dda61c046b49.jpg?v=1777865916&width=1066 1066w,//colehaan.com.ph/cdn/shop/files/BaseTransform1_0b746677-a289-4dec-8bd6-dda61c046b49.jpg?v=1777865916 2000w 15488 " 15489 src="//colehaan.com.ph/cdn/shop/files/BaseTransform1_0b746677-a289-4dec-8bd6-dda61c046b49.jpg?v=1777865916&width=533" 15490 sizes="(min-width: 1200px) 267px, (min-width: 990px) calc((100vw - 130px) / 4), (min-width: 750px) calc((100vw - 120px) / 3), calc((100vw - 35px) / 2)" 15491 alt="C43977:BLACK / BLACK" 15492 class="motion-reduce" 15493 15494 loading="lazy" 15495 15496 width="2000" 15497 height="2250" 15498 > 15499 15500</a> 15501 </div> 15502 </div><div class="card__content"> 15503 <div class="card__information"> 15504 <h3 15505 class="card__heading" 15506 15507 > 15508 <a 15509 href="/products/c43977" 15510 id="StandardCardNoMediaLink-template--23890806309108__featured_collection_G6EN3c-9444366680308" 15511 class="full-unstyled-link" 15512 aria-labelledby="StandardCardNoMediaLink-template--23890806309108__featured_collection_G6EN3c-9444366680308 NoMediaStandardBadge-template--23890806309108__featured_collection_G6EN3c-9444366680308" 15513 > 15514 Men's 6.ZERÃGRAND Quick-On Sneaker 15515 </a> 15516 </h3> 15517 </div> 15518 <div class="card__badge bottom left"> 15519 15520 </div> 15521 </div> 15522 </div> 15523 <div class="card__content card-content"> 15524 <div class="card__information"> 15525 15526 15527<variant-radios 15528 id="variant-radios-template--23890806309108__featured_collection_G6EN3c" 15529 class="no-js-hidden" 15530 data-section="template--23890806309108__featured_collection_G6EN3c" 15531 data-url="/products/c43977" 15532 15533 15534 > 15535 <div class= "clr-swatches-plp"><fieldset class="js product-form__input"> 15536 15537
15537<script src="//colehaan.com.ph/cdn/shop/t/131/assets/global.js?v=15889204645569497881790040512" defer="defer"></script>
15537<div 15538 class="swatches-wrapper" 15539 id="swatches-9444366680308-template--23890806309108__featured_collection_G6EN3c" 15540 data-related-handles="c45739,c45738,c43980,c43979,c43978" 15541 data-section-id="template--23890806309108__featured_collection_G6EN3c" 15542 data-product-id="9444366680308" 15543 data-product-form-id="product-form-template--23890806309108__featured_collection_G6EN3c" 15544> 15545<input 15546 class="related-product" 15547 type="radio" 15548 id="template--23890806309108__featured_collection_G6EN3c-1-1" 15549 name="Color" 15550 value="Black" 15551 form="product-form-template--23890806309108__featured_collection_G6EN3c" 15552 data-url="/products/c43977" 15553 15554 checked 15555 15556 15557 > 15558 <label class="color-swatches-plp" for="template--23890806309108__featured_collection_G6EN3c-1-1" style="background: url('https://colehaan.com.ph/cdn/shop/files/BaseTransform1_0b746677-a289-4dec-8bd6-dda61c046b49.jpg?v=1777865916') center no-repeat; background-size: contain;" onclick="redirectToUrlCollection(this);"> 15559 </label> 15560 15561 15562 15563 <div class="related-swatches-container"></div> 15564</div> 15565 15566 </fieldset><fieldset class="js product-form__input"> 15567 15568 </fieldset><fieldset class="js product-form__input"> 15569 15570 </fieldset><span class="mobile-swatch-plus-plp" > 15571 15572 <a href="/products/c43977">+</a> 15573 </span> 15574 15575 15576
15576<script type="application/json"> 15577 15578 [{"id":48123384955124,"title":"Black \/ Medium \/ 7","option1":"Black","option2":"Medium","option3":"7","sku":"C43977 7.0M","requires_shipping":true,"taxable":true,"featured_image":null,"available":false,"name":"Men's 6.ZERÃGRAND Quick-On Sneaker - Black \/ Medium \/ 7","public_title":"Black \/ Medium \/ 7","options":["Black","Medium","7"],"price":599000,"weight":1000,"compare_at_price":1299500,"inventory_management":"shopify","barcode":"198859604118","requires_selling_plan":false,"selling_plan_allocations":[],"quantity_rule":{"min":1,"max":null,"increment":1}},{"id":48123384987892,"title":"Black \/ Medium \/ 7.5","option1":"Black","option2":"Medium","option3":"7.5","sku":"C43977 7.5M","requires_shipping":true,"taxable":true,"featured_image":null,"available":false,"name":"Men's 6.ZERÃGRAND Quick-On Sneaker - Black \/ Medium \/ 7.5","public_title":"Black \/ Medium \/ 7.5","options":["Black","Medium","7.5"],"price":599000,"weight":1000,"compare_at_price":1299500,"inventory_management":"shopify","barcode":"198859604125","requires_selling_plan":false,"selling_plan_allocations":[],"quantity_rule":{"min":1,"max":null,"increment":1}},{"id":48123385020660,"title":"Black \/ Medium \/ 8","option1":"Black","option2":"Medium","option3":"8","sku":"C43977 8.0M","requires_shipping":true,"taxable":true,"featured_image":null,"available":false,"name":"Men's 6.ZERÃGRAND Quick-On Sneaker - Black \/ Medium \/ 8","public_title":"Black \/ Medium \/ 8","options":["Black","Medium","8"],"price":599000,"weight":1000,"compare_at_price":1299500,"inventory_management":"shopify","barcode":"198859604132","requires_selling_plan":false,"selling_plan_allocations":[],"quantity_rule":{"min":1,"max":null,"increment":1}},{"id":48123385118964,"title":"Black \/ Medium \/ 9.5","option1":"Black","option2":"Medium","option3":"9.5","sku":"C43977 9.5M","requires_shipping":true,"taxable":true,"featured_image":null,"available":true,"name":"Men's 6.ZERÃGRAND Quick-On Sneaker - Black \/ Medium \/ 9.5","public_title":"Black \/ Medium \/ 9.5","options":["Black","Medium","9.5"],"price":599000,"weight":1000,"compare_at_price":1299500,"inventory_management":"shopify","barcode":"198859604163","requires_selling_plan":false,"selling_plan_allocations":[],"quantity_rule":{"min":1,"max":null,"increment":1}},{"id":48123385184500,"title":"Black \/ Medium \/ 10.5","option1":"Black","option2":"Medium","option3":"10.5","sku":"C43977 10.5M","requires_shipping":true,"taxable":true,"featured_image":null,"available":false,"name":"Men's 6.ZERÃGRAND Quick-On Sneaker - Black \/ Medium \/ 10.5","public_title":"Black \/ Medium \/ 10.5","options":["Black","Medium","10.5"],"price":599000,"weight":1000,"compare_at_price":1299500,"inventory_management":"shopify","barcode":"198859604064","requires_selling_plan":false,"selling_plan_allocations":[],"quantity_rule":{"min":1,"max":null,"increment":1}},{"id":48123385217268,"title":"Black \/ Medium \/ 11","option1":"Black","option2":"Medium","option3":"11","sku":"C43977 11.0M","requires_shipping":true,"taxable":true,"featured_image":null,"available":false,"name":"Men's 6.ZERÃGRAND Quick-On Sneaker - Black \/ Medium \/ 11","public_title":"Black \/ Medium \/ 11","options":["Black","Medium","11"],"price":599000,"weight":1000,"compare_at_price":1299500,"inventory_management":"shopify","barcode":"198859604071","requires_selling_plan":false,"selling_plan_allocations":[],"quantity_rule":{"min":1,"max":null,"increment":1}},{"id":48133191598324,"title":"Black \/ Medium \/ 11.5","option1":"Black","option2":"Medium","option3":"11.5","sku":"C43977 11.5M","requires_shipping":true,"taxable":true,"featured_image":null,"available":false,"name":"Men's 6.ZERÃGRAND Quick-On Sneaker - Black \/ Medium \/ 11.5","public_title":"Black \/ Medium \/ 11.5","options":["Black","Medium","11.5"],"price":599000,"weight":1000,"compare_at_price":1299500,"inventory_management":"shopify","barcode":null,"requires_selling_plan":false,"selling_plan_allocations":[],"quantity_rule":{"min":1,"max":null,"increment":1}},{"id":48123385282804,"title":"Black \/ Medium \/ 12","option1":"Black","option2":"Medium","option3":"12","sku":"C43977 12.0M","requires_shipping":true,"taxable":true,"featured_image":null,"available":false,"name":"Men's 6.ZERÃGRAND Quick-On Sneaker - Black \/ Medium \/ 12","public_title":"Black \/ Medium \/ 12","options":["Black","Medium","12"],"price":599000,"weight":1000,"compare_at_price":1299500,"inventory_management":"shopify","barcode":"198859604095","requires_selling_plan":false,"selling_plan_allocations":[],"quantity_rule":{"min":1,"max":null,"increment":1}},{"id":48123385053428,"title":"Black \/ Medium \/ 8.5","option1":"Black","option2":"Medium","option3":"8.5","sku":"C43977 8.5M","requires_shipping":true,"taxable":true,"featured_image":null,"available":true,"name":"Men's 6.ZERÃGRAND Quick-On Sneaker - Black \/ Medium \/ 8.5","public_title":"Black \/ Medium \/ 8.5","options":["Black","Medium","8.5"],"price":599000,"weight":1000,"compare_at_price":1299500,"inventory_management":"shopify","barcode":"198859604149","requires_selling_plan":false,"selling_plan_allocations":[],"quantity_rule":{"min":1,"max":null,"increment":1}},{"id":48123385086196,"title":"Black \/ Medium \/ 9","option1":"Black","option2":"Medium","option3":"9","sku":"C43977 9.0M","requires_shipping":true,"taxable":true,"featured_image":null,"available":true,"name":"Men's 6.ZERÃGRAND Quick-On Sneaker - Black \/ Medium \/ 9","public_title":"Black \/ Medium \/ 9","options":["Black","Medium","9"],"price":599000,"weight":1000,"compare_at_price":1299500,"inventory_management":"shopify","barcode":"198859604156","requires_selling_plan":false,"selling_plan_allocations":[],"quantity_rule":{"min":1,"max":null,"increment":1}},{"id":48123385151732,"title":"Black \/ Medium \/ 10","option1":"Black","option2":"Medium","option3":"10","sku":"C43977 10.0M","requires_shipping":true,"taxable":true,"featured_image":null,"available":true,"name":"Men's 6.ZERÃGRAND Quick-On Sneaker - Black \/ Medium \/ 10","public_title":"Black \/ Medium \/ 10","options":["Black","Medium","10"],"price":599000,"weight":1000,"compare_at_price":1299500,"inventory_management":"shopify","barcode":"198859604057","requires_selling_plan":false,"selling_plan_allocations":[],"quantity_rule":{"min":1,"max":null,"increment":1}}] 15579 15580 </script>
15580 15581 15582 </div> 15583 </variant-radios><noscript class="product-form__noscript-wrapper-template--23890806309108__featured_collection_G6EN3c"> 15584 <div class="product-form__input"> 15585 <label class="form__label" for="Variants-template--23890806309108__featured_collection_G6EN3c">Product variants</label> 15586 <div class="select"> 15587 <select 15588 name="id" 15589 id="Variants-template--23890806309108__featured_collection_G6EN3c" 15590 class="select__select" 15591 form="" 15592 ><option 15593 15594 15595 disabled 15596 15597 value="48123384955124" 15598 >Black / Medium / 7 - â±5,990.00 - Add to Bag</option><option 15599 15600 15601 disabled 15602 15603 value="48123384987892" 15604 >Black / Medium / 7.5 - â±5,990.00 - Add to Bag</option><option 15605 15606 15607 disabled 15608 15609 value="48123385020660" 15610 >Black / Medium / 8 - â±5,990.00 - Add to Bag</option><option 15611 15612 selected="selected" 15613 15614 15615 value="48123385118964" 15616 >Black / Medium / 9.5 - â±5,990.00</option><option 15617 15618 15619 disabled 15620 15621 value="48123385184500" 15622 >Black / Medium / 10.5 - â±5,990.00 - Add to Bag</option><option 15623 15624 15625 disabled 15626 15627 value="48123385217268" 15628 >Black / Medium / 11 - â±5,990.00 - Add to Bag</option><option 15629 15630 15631 disabled 15632 15633 value="48133191598324" 15634 >Black / Medium / 11.5 - â±5,990.00 - Add to Bag</option><option 15635 15636 15637 disabled 15638 15639 value="48123385282804" 15640 >Black / Medium / 12 - â±5,990.00 - Add to Bag</option><option 15641 15642 15643 value="48123385053428" 15644 >Black / Medium / 8.5 - â±5,990.00</option><option 15645 15646 15647 value="48123385086196" 15648 >Black / Medium / 9 - â±5,990.00</option><option 15649 15650 15651 value="48123385151732" 15652 >Black / Medium / 10 - â±5,990.00</option></select> 15653 <svg aria-hidden="true" focusable="false" class="icon icon-caret" viewBox="0 0 10 6"> 15654 <path fill-rule="evenodd" clip-rule="evenodd" d="M9.354.646a.5.5 0 00-.708 0L5 4.293 1.354.646a.5.5 0 00-.708.708l4 4a.5.5 0 00.708 0l4-4a.5.5 0 000-.708z" fill="currentColor"> 15655</svg> 15656<!-- <svg fill="#000000" height="14px" width="14px" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 330 330" xml:space="preserve" stroke="#000000" stroke-width="0.0033"><g id="SVGRepo_bgCarrier" stroke-width="0"></g><g id="SVGRepo_tracerCarrier" stroke-linecap="round" stroke-linejoin="round"></g> 15657 <g id="SVGRepo_iconCarrier"> 15658 <path id="XMLID_225_" d="M325.607,79.393c-5.857-5.857-15.355-5.858-21.213,0.001l-139.39,139.393L25.607,79.393 c-5.857-5.857-15.355-5.858-21.213,0.001c-5.858,5.858-5.858,15.355,0,21.213l150.004,150c2.813,2.813,6.628,4.393,10.606,4.393 s7.794-1.581,10.606-4.394l149.996-150C331.465,94.749,331.465,85.251,325.607,79.393z"> 15659 </path> </g></svg> --> 15660 15661 </div> 15662 </div> 15663</noscript> 15664
15665<script> 15666// var dataUrl; 15667// function fetchUrl(){ 15668// var productUrl = document.querySelector("button[data-product-url]"); 15669// if (productUrl) { 15670// debugger; 15671// dataUrl = productUrl.getAttribute("data-product-url"); 15672// console.log("data-product-url: ", dataUrl); 15673// } 15674// } 15675</script>
15675 15676 15677 15678 15679<div class=" 15680 price price--on-sale "> 15681 <div class="price__container"><div class="price__regular"> 15682 <span class="visually-hidden visually-hidden--inline">Regular price</span> 15683 <span class="price-item price-item--regular"> 15684 â±5,990 15685 </span> 15686 </div> 15687 <div class="price__sale price--large"> 15688 15689 <div class="" style="display: flex; white-space: nowrap; align-items: center;"> 15690 <span class="visually-hidden visually-hidden--inline">Regular price</span> 15691 <span class="strike-through quick-shop-regular"> 15692 <s class="price-item price-item--regular"> 15693 15694 â±12,995 15695 15696 </s> 15697 </span><span class="visually-hidden visually-hidden--inline " >Sale price</span> 15698 <span class="price-item price-item--sale price-item--last quick-shop-sale"> 15699 â±5,990 15700 </span> 15701 </div> 15702 <span class="compare-mark"> 15703 (53% Off) 15704 </span><style> 15705 .compare-mark{ 15706 font-size: 13px; 15707 color: #ff0d0d; 15708 font-family: WorkSansLight; 15709 margin-left: -10px; 15710 font-weight: 600; 15711 display: inline-flex; 15712 } 15713 @media screen and (max-width: 575px){ 15714 .compare-mark{ 15715 margin-left: 0; 15716 } 15717 .card-wrapper .price.price--on-sale .price__container { 15718 display: inline-flex; 15719 align-items: center; 15720 flex-wrap: wrap; 15721 align-items: flex-start; 15722 text-align: left; 15723 } 15724 } 15725 </style> 15726 </div> 15727 <small class="unit-price caption hidden"> 15728 <span class="visually-hidden">Unit price</span> 15729 <span class="price-item price-item--last"> 15730 <span></span> 15731 <span aria-hidden="true">/</span> 15732 <span class="visually-hidden"> per </span> 15733 <span> 15734 </span> 15735 </span> 15736 </small> 15737 </div></div> 15738 15739 <h3 15740 class="card_title card__heading h5" 15741 15742 id="title-template--23890806309108__featured_collection_G6EN3c-9444366680308" 15743 15744 > 15745 15746 15747 <a class="product_url" 15748 href="/products/c43977"> 15749 Men's 6.ZERÃGRAND Quick-On Sneaker 15750 </a> 15751 15752 </h3> 15753 <div class="card-information"><span class="caption-large light"></span></div> 15754 </div> 15755 15756 <div class="card__badge bottom left"><span 15757 id="Badge-template--23890806309108__featured_collection_G6EN3c-9444366680308" 15758 class="badge badge--bottom-left color-accent-2" 15759 >Sale</span></div> 15760 </div> 15761 </div> 15762 </div>
15762<script> 15763 15764 15765// function redirectFn(e){ 15766 15767// console.log('test e',e); 15768// const srcSet = e.querySelector('.pdp-primaryimage'); 15769 15770// const srcSetVal = srcSet['srcset']; 15771 15772// const startIndex = srcSetVal.indexOf('/products/'); 15773// const endIndex = srcSetVal.indexOf('_', startIndex); 15774// const desiredValue = srcSetVal.substring(startIndex, endIndex); 15775 15776// e.setAttribute('href', desiredValue); 15777 15778 15779// } 15780 15781 15782// document.addEventListener("DOMContentLoaded", function() { 15783// const items = document.querySelectorAll('#product-grid li.grid__item'); 15784 15785// items.forEach(item => { 15786// const button = item.querySelector('.quick-add__submit'); 15787// const colorSwatches = item.querySelectorAll('.color-swatches-plp'); 15788 15789// colorSwatches.forEach(swatch => { 15790// swatch.addEventListener('click', () => { 15791// const inputId = swatch.getAttribute('for'); 15792// const relatedProduct = item.querySelector(`#${inputId}.related-product`); 15793// if (relatedProduct) { 15794// const newUrl = relatedProduct.getAttribute('data-url'); 15795// if (newUrl) { 15796// button.setAttribute('data-product-url', newUrl); 15797// console.log(`Updated data-product-url: ${newUrl}`); 15798// } 15799// } 15800// }); 15801// }); 15802// }); 15803// }); 15804// // swatches click on collection page 15805 15806// document.addEventListener("DOMContentLoaded", function() { 15807 15808// initializeProductHrefs(); 15809 15810 15811// const colorSwatches = document.querySelectorAll('.color-swatches-plp'); 15812// colorSwatches.forEach(swatch => { 15813// swatch.addEventListener('click', function() { 15814// updateHref(this); 15815// }); 15816// }); 15817 15818 15819// const firstColorSwatch = document.querySelector('.color-swatches-plp'); 15820// if (firstColorSwatch) { 15821// firstColorSwatch.addEventListener('click', function() { 15822// updateHrefToFirstVariant(this); 15823// }); 15824// } 15825// }); 15826 15827// function initializeProductHrefs() { 15828// const productItems = document.querySelectorAll('#product-grid li.grid__item'); 15829// productItems.forEach((item, index) => { 15830// const firstVariant = item.querySelector('input.related-product'); 15831// if (firstVariant) { 15832// const initialUrl = firstVariant.getAttribute('data-url'); 15833// if (initialUrl) { 15834// const pdpNavigationLink = item.querySelector('.pdp-navigation-link'); 15835// pdpNavigationLink.setAttribute('href', initialUrl); 15836 15837// } 15838// } 15839// }); 15840// } 15841 15842// function updateHref(swatch) { 15843// const parentItem = swatch.closest('li.grid__item'); 15844// const inputId = swatch.getAttribute('for'); 15845// const relatedProduct = parentItem.querySelector(`input#${inputId}.related-product`); 15846// if (relatedProduct) { 15847// const newUrl = relatedProduct.getAttribute('data-url'); 15848// if (newUrl) { 15849// const pdpNavigationLink = parentItem.querySelector('.pdp-navigation-link'); 15850// pdpNavigationLink.setAttribute('href', newUrl); 15851 15852// } else { 15853// console.log(`No data-url found for swatch: ${inputId}`); 15854// } 15855// } else { 15856// console.log(`No related product input found for swatch: ${inputId}`); 15857// } 15858// } 15859 15860// function updateHrefToFirstVariant(swatch) { 15861// const parentItem = swatch.closest('li.grid__item'); 15862// const firstRelatedProduct = parentItem.querySelector('input.related-product'); 15863// if (firstRelatedProduct) { 15864// const firstUrl = firstRelatedProduct.getAttribute('data-url'); 15865// if (firstUrl) { 15866// const pdpNavigationLink = parentItem.querySelector('.pdp-navigation-link'); 15867// pdpNavigationLink.setAttribute('href', firstUrl); 15868 15869// } else { 15870// console.log('No data-url found for the first related product.'); 15871// } 15872// } else { 15873// console.log('No related product inputs found.'); 15874// } 15875// } 15876 15877 15878 15879</script>
15879 15880 15881 15882 </li><li 15883 id="Slide-template--23890806309108__featured_collection_G6EN3c-11" 15884 class="grid__item slider__slide" 15885 > 15886 15887 15888<link href="//colehaan.com.ph/cdn/shop/t/131/assets/component-rating.css?v=24573085263941240431790040493" rel="stylesheet" type="text/css" media="all" /> 15889<style> 15890 .eyebrow{ 15891 background: #808080 !important; 15892 } 15893</style><div class="card-wrapper product-card-wrapper"> 15894 <div 15895 class=" 15896 card 15897 card--card 15898 card--media 15899 color-background-1 gradient 15900 15901 15902 15903 " 15904 style="--ratio-percent: 100%;" 15905 > 15906 <div 15907 class="card__inner ratio" 15908 style="--ratio-percent: 100%;" 15909 ><div class="card__media"> 15910 15911 <div class="quick-add quick-add-test no-js-hidden"> 15912 15913 <modal-opener data-modal="#QuickAdd-9478975160564"> 15914 <button 15915 id="quick-add-template--23890806309108__featured_collection_G6EN3c9478975160564-submit" 15916 type="submit" 15917 name="add" 15918 class="quick-add__submit button--full-width button--secondary" 15919 aria-haspopup="dialog" 15920 aria-labelledby="quick-add-template--23890806309108__featured_collection_G6EN3c9478975160564-submit title-template--23890806309108__featured_collection_G6EN3c-9478975160564" 15921 data-product-url="/products/c43822" 15922 > 15923 Quick shop 15924<div class="loading-overlay__spinner hidden"> 15925 <svg 15926 aria-hidden="true" 15927 focusable="false" 15928 class="spinner"
15929 viewBox="0 0 66 66" 15930 xmlns="http://www.w3.org/2000/svg" 15931 > 15932 <circle class="path" fill="none" stroke-width="6" cx="33" cy="33" r="30"></circle> 15933 </svg> 15934 </div> 15935 </button> 15936 </modal-opener> 15937 <quick-add-modal id="QuickAdd-9478975160564" class="quick-add-modal"> 15938 <div 15939 role="dialog" 15940 aria-label="Choose options for Men&#39;s GrandPrø Turf 2.0 Sneaker" 15941 aria-modal="true" 15942 class="quick-add-modal__content global-settings-popup" 15943 tabindex="-1" 15944 > 15945 <button 15946 id="ModalClose-9478975160564" 15947 type="button" 15948 class="quick-add-modal__toggle" 15949 aria-label="Close" 15950 > 15951 <svg 15952 xmlns="http://www.w3.org/2000/svg" 15953 aria-hidden="true" 15954 focusable="false" 15955 class="icon icon-close" 15956 fill="none" 15957 viewBox="0 0 18 17" 15958> 15959 <path d="M.865 15.978a.5.5 0 00.707.707l7.433-7.431 7.579 7.282a.501.501 0 00.846-.37.5.5 0 00-.153-.351L9.712 8.546l7.417-7.416a.5.5 0 10-.707-.708L8.991 7.853 1.413.573a.5.5 0 10-.693.72l7.563 7.268-7.418 7.417z" fill="currentColor"> 15960</svg> 15961 15962 </button> 15963 <div class="logo_ch"> 15964 <img src="https://cdn.shopify.com/s/files/1/0268/1228/5039/files/colehaan_logo.png?v=1694757702" style="width: 150px; margin: 20px;"/> 15965 </div> 15966 <div id="QuickAddInfo-9478975160564" class="quick-add-modal__content-info"> 15967 </div> 15968 15969 <div class="cart-and-ipay"> 15970 <button class="add-to-cart-global btn" onclick="triggerQuickBasket(event, 'product-form-quickadd-template--23890806309108__featured_collection_G6EN3c');" title="Add to bag"> 15971 Add to Bag 15972 </button> 15973 </div> 15974 </div> 15975 </quick-add-modal> 15976 15977 15978 </div> 15979 15980 <div class="media"> 15981 15982 15983 <a class="pdp-navigation-link" onclick = "redirectFn(this);" href="/products/c43822"> 15984 <img class="img-tag pdp-primaryimage" 15985 srcset="//colehaan.com.ph/cdn/shop/files/C43822_A.jpg?v=1779895159&width=165 165w,//colehaan.com.ph/cdn/shop/files/C43822_A.jpg?v=1779895159&width=360 360w,//colehaan.com.ph/cdn/shop/files/C43822_A.jpg?v=1779895159&width=533 533w,//colehaan.com.ph/cdn/shop/files/C43822_A.jpg?v=1779895159&width=720 720w,//colehaan.com.ph/cdn/shop/files/C43822_A.jpg?v=1779895159&width=940 940w,//colehaan.com.ph/cdn/shop/files/C43822_A.jpg?v=1779895159&width=1066 1066w,//colehaan.com.ph/cdn/shop/files/C43822_A.jpg?v=1779895159 2000w 15986 " 15987 src="//colehaan.com.ph/cdn/shop/files/C43822_A.jpg?v=1779895159&width=533" 15988 sizes="(min-width: 1200px) 267px, (min-width: 990px) calc((100vw - 130px) / 4), (min-width: 750px) calc((100vw - 120px) / 3), calc((100vw - 35px) / 2)" 15989 alt="Men's GrandPrø Turf 2.0 Sneaker" 15990 class="motion-reduce" 15991 15992 loading="lazy" 15993 15994 width="2000" 15995 height="2250" 15996 > 15997 15998</a> 15999 </div> 16000 </div><div class="card__content"> 16001 <div class="card__information"> 16002 <h3 16003 class="card__heading" 16004 16005 > 16006 <a 16007 href="/products/c43822" 16008 id="StandardCardNoMediaLink-template--23890806309108__featured_collection_G6EN3c-9478975160564" 16009 class="full-unstyled-link" 16010 aria-labelledby="StandardCardNoMediaLink-template--23890806309108__featured_collection_G6EN3c-9478975160564 NoMediaStandardBadge-template--23890806309108__featured_collection_G6EN3c-9478975160564" 16011 > 16012 Men's GrandPrø Turf 2.0 Sneaker 16013 </a> 16014 </h3> 16015 </div> 16016 <div class="card__badge bottom left"> 16017 16018 </div> 16019 </div> 16020 </div> 16021 <div class="card__content card-content"> 16022 <div class="card__information"> 16023 16024 16025<variant-radios 16026 id="variant-radios-template--23890806309108__featured_collection_G6EN3c" 16027 class="no-js-hidden" 16028 data-section="template--23890806309108__featured_collection_G6EN3c" 16029 data-url="/products/c43822" 16030 16031 16032 > 16033 <div class= "clr-swatches-plp"><fieldset class="js product-form__input"> 16034 16035
16035<script src="//colehaan.com.ph/cdn/shop/t/131/assets/global.js?v=15889204645569497881790040512" defer="defer"></script>
16035<div 16036 class="swatches-wrapper" 16037 id="swatches-9478975160564-template--23890806309108__featured_collection_G6EN3c" 16038 data-related-handles="c44717,c43823,c44870,c44869" 16039 data-section-id="template--23890806309108__featured_collection_G6EN3c" 16040 data-product-id="9478975160564" 16041 data-product-form-id="product-form-template--23890806309108__featured_collection_G6EN3c" 16042> 16043<input 16044 class="related-product" 16045 type="radio" 16046 id="template--23890806309108__featured_collection_G6EN3c-1-1" 16047 name="Color" 16048 value="Ivory-Silver Birch Suede-Ivory" 16049 form="product-form-template--23890806309108__featured_collection_G6EN3c" 16050 data-url="/products/c43822" 16051 16052 checked 16053 16054 16055 > 16056 <label class="color-swatches-plp" for="template--23890806309108__featured_collection_G6EN3c-1-1" style="background: url('https://colehaan.com.ph/cdn/shop/files/C43822_A.jpg?v=1779895159') center no-repeat; background-size: contain;" onclick="redirectToUrlCollection(this);"> 16057 </label> 16058 16059 16060 16061 <div class="related-swatches-container"></div> 16062</div> 16063 16064 </fieldset><fieldset class="js product-form__input"> 16065 16066 </fieldset><fieldset class="js product-form__input"> 16067 16068 </fieldset><span class="mobile-swatch-plus-plp" > 16069 16070 <a href="/products/c43822">+</a> 16071 </span> 16072 16073 16074
16074<script type="application/json"> 16075 16076 [{"id":48352932200692,"title":"Ivory-Silver Birch Suede-Ivory \/ Medium \/ 7","option1":"Ivory-Silver Birch Suede-Ivory","option2":"Medium","option3":"7","sku":"C43822 7.0M","requires_shipping":true,"taxable":true,"featured_image":null,"available":false,"name":"Men's GrandPrø Turf 2.0 Sneaker - Ivory-Silver Birch Suede-Ivory \/ Medium \/ 7","public_title":"Ivory-Silver Birch Suede-Ivory \/ Medium \/ 7","options":["Ivory-Silver Birch Suede-Ivory","Medium","7"],"price":599000,"weight":1000,"compare_at_price":1099500,"inventory_management":"shopify","barcode":null,"requires_selling_plan":false,"selling_plan_allocations":[],"quantity_rule":{"min":1,"max":null,"increment":1}},{"id":48352932233460,"title":"Ivory-Silver Birch Suede-Ivory \/ Medium \/ 7.5","option1":"Ivory-Silver Birch Suede-Ivory","option2":"Medium","option3":"7.5","sku":"C43822 7.5M","requires_shipping":true,"taxable":true,"featured_image":null,"available":false,"name":"Men's GrandPrø Turf 2.0 Sneaker - Ivory-Silver Birch Suede-Ivory \/ Medium \/ 7.5","public_title":"Ivory-Silver Birch Suede-Ivory \/ Medium \/ 7.5","options":["Ivory-Silver Birch Suede-Ivory","Medium","7.5"],"price":599000,"weight":1000,"compare_at_price":1099500,"inventory_management":"shopify","barcode":null,"requires_selling_plan":false,"selling_plan_allocations":[],"quantity_rule":{"min":1,"max":null,"increment":1}},{"id":48352932266228,"title":"Ivory-Silver Birch Suede-Ivory \/ Medium \/ 8","option1":"Ivory-Silver Birch Suede-Ivory","option2":"Medium","option3":"8","sku":"C43822 8.0M","requires_shipping":true,"taxable":true,"featured_image":null,"available":true,"name":"Men's GrandPrø Turf 2.0 Sneaker - Ivory-Silver Birch Suede-Ivory \/ Medium \/ 8","public_title":"Ivory-Silver Birch Suede-Ivory \/ Medium \/ 8","options":["Ivory-Silver Birch Suede-Ivory","Medium","8"],"price":599000,"weight":1000,"compare_at_price":1099500,"inventory_management":"shopify","barcode":null,"requires_selling_plan":false,"selling_plan_allocations":[],"quantity_rule":{"min":1,"max":null,"increment":1}},{"id":48352932298996,"title":"Ivory-Silver Birch Suede-Ivory \/ Medium \/ 8.5","option1":"Ivory-Silver Birch Suede-Ivory","option2":"Medium","option3":"8.5","sku":"C43822 8.5M","requires_shipping":true,"taxable":true,"featured_image":null,"available":true,"name":"Men's GrandPrø Turf 2.0 Sneaker - Ivory-Silver Birch Suede-Ivory \/ Medium \/ 8.5","public_title":"Ivory-Silver Birch Suede-Ivory \/ Medium \/ 8.5","options":["Ivory-Silver Birch Suede-Ivory","Medium","8.5"],"price":599000,"weight":1000,"compare_at_price":1099500,"inventory_management":"shopify","barcode":null,"requires_selling_plan":false,"selling_plan_allocations":[],"quantity_rule":{"min":1,"max":null,"increment":1}},{"id":48352932331764,"title":"Ivory-Silver Birch Suede-Ivory \/ Medium \/ 9","option1":"Ivory-Silver Birch Suede-Ivory","option2":"Medium","option3":"9","sku":"C43822 9.0M","requires_shipping":true,"taxable":true,"featured_image":null,"available":true,"name":"Men's GrandPrø Turf 2.0 Sneaker - Ivory-Silver Birch Suede-Ivory \/ Medium \/ 9","public_title":"Ivory-Silver Birch Suede-Ivory \/ Medium \/ 9","options":["Ivory-Silver Birch Suede-Ivory","Medium","9"],"price":599000,"weight":1000,"compare_at_price":1099500,"inventory_management":"shopify","barcode":null,"requires_selling_plan":false,"selling_plan_allocations":[],"quantity_rule":{"min":1,"max":null,"increment":1}},{"id":48352932364532,"title":"Ivory-Silver Birch Suede-Ivory \/ Medium \/ 9.5","option1":"Ivory-Silver Birch Suede-Ivory","option2":"Medium","option3":"9.5","sku":"C43822 9.5M","requires_shipping":true,"taxable":true,"featured_image":null,"available":true,"name":"Men's GrandPrø Turf 2.0 Sneaker - Ivory-Silver Birch Suede-Ivory \/ Medium \/ 9.5","public_title":"Ivory-Silver Birch Suede-Ivory \/ Medium \/ 9.5","options":["Ivory-Silver Birch Suede-Ivory","Medium","9.5"],"price":599000,"weight":1000,"compare_at_price":1099500,"inventory_management":"shopify","barcode":null,"requires_selling_plan":false,"selling_plan_allocations":[],"quantity_rule":{"min":1,"max":null,"increment":1}},{"id":48352932397300,"title":"Ivory-Silver Birch Suede-Ivory \/ Medium \/ 10","option1":"Ivory-Silver Birch Suede-Ivory","option2":"Medium","option3":"10","sku":"C43822 10.0M","requires_shipping":true,"taxable":true,"featured_image":null,"available":true,"name":"Men's GrandPrø Turf 2.0 Sneaker - Ivory-Silver Birch Suede-Ivory \/ Medium \/ 10","public_title":"Ivory-Silver Birch Suede-Ivory \/ Medium \/ 10","options":["Ivory-Silver Birch Suede-Ivory","Medium","10"],"price":599000,"weight":1000,"compare_at_price":1099500,"inventory_management":"shopify","barcode":null,"requires_selling_plan":false,"selling_plan_allocations":[],"quantity_rule":{"min":1,"max":null,"increment":1}},{"id":48352932430068,"title":"Ivory-Silver Birch Suede-Ivory \/ Medium \/ 10.5","option1":"Ivory-Silver Birch Suede-Ivory","option2":"Medium","option3":"10.5","sku":"C43822 10.5M","requires_shipping":true,"taxable":true,"featured_image":null,"available":false,"name":"Men's GrandPrø Turf 2.0 Sneaker - Ivory-Silver Birch Suede-Ivory \/ Medium \/ 10.5","public_title":"Ivory-Silver Birch Suede-Ivory \/ Medium \/ 10.5","options":["Ivory-Silver Birch Suede-Ivory","Medium","10.5"],"price":599000,"weight":1000,"compare_at_price":1099500,"inventory_management":"shopify","barcode":null,"requires_selling_plan":false,"selling_plan_allocations":[],"quantity_rule":{"min":1,"max":null,"increment":1}},{"id":48352932462836,"title":"Ivory-Silver Birch Suede-Ivory \/ Medium \/ 11","option1":"Ivory-Silver Birch Suede-Ivory","option2":"Medium","option3":"11","sku":"C43822 11.0M","requires_shipping":true,"taxable":true,"featured_image":null,"available":false,"name":"Men's GrandPrø Turf 2.0 Sneaker - Ivory-Silver Birch Suede-Ivory \/ Medium \/ 11","public_title":"Ivory-Silver Birch Suede-Ivory \/ Medium \/ 11","options":["Ivory-Silver Birch Suede-Ivory","Medium","11"],"price":599000,"weight":1000,"compare_at_price":1099500,"inventory_management":"shopify","barcode":null,"requires_selling_plan":false,"selling_plan_allocations":[],"quantity_rule":{"min":1,"max":null,"increment":1}},{"id":49200817438964,"title":"Ivory-Silver Birch Suede-Ivory \/ Medium \/ 11.5","option1":"Ivory-Silver Birch Suede-Ivory","option2":"Medium","option3":"11.5","sku":"C43822 11.5M","requires_shipping":true,"taxable":true,"featured_image":null,"available":false,"name":"Men's GrandPrø Turf 2.0 Sneaker - Ivory-Silver Birch Suede-Ivory \/ Medium \/ 11.5","public_title":"Ivory-Silver Birch Suede-Ivory \/ Medium \/ 11.5","options":["Ivory-Silver Birch Suede-Ivory","Medium","11.5"],"price":599000,"weight":1000,"compare_at_price":1099500,"inventory_management":"shopify","barcode":null,"requires_selling_plan":false,"selling_plan_allocations":[],"quantity_rule":{"min":1,"max":null,"increment":1}},{"id":48352932495604,"title":"Ivory-Silver Birch Suede-Ivory \/ Medium \/ 12","option1":"Ivory-Silver Birch Suede-Ivory","option2":"Medium","option3":"12","sku":"C43822 12.0M","requires_shipping":true,"taxable":true,"featured_image":null,"available":false,"name":"Men's GrandPrø Turf 2.0 Sneaker - Ivory-Silver Birch Suede-Ivory \/ Medium \/ 12","public_title":"Ivory-Silver Birch Suede-Ivory \/ Medium \/ 12","options":["Ivory-Silver Birch Suede-Ivory","Medium","12"],"price":599000,"weight":1000,"compare_at_price":1099500,"inventory_management":"shopify","barcode":null,"requires_selling_plan":false,"selling_plan_allocations":[],"quantity_rule":{"min":1,"max":null,"increment":1}}] 16077 16078 </script>
16078 16079 16080 </div> 16081 </variant-radios><noscript class="product-form__noscript-wrapper-template--23890806309108__featured_collection_G6EN3c"> 16082 <div class="product-form__input"> 16083 <label class="form__label" for="Variants-template--23890806309108__featured_collection_G6EN3c">Product variants</label> 16084 <div class="select"> 16085 <select 16086 name="id" 16087 id="Variants-template--23890806309108__featured_collection_G6EN3c" 16088 class="select__select" 16089 form="" 16090 ><option 16091 16092 16093 disabled 16094 16095 value="48352932200692" 16096 >Ivory-Silver Birch Suede-Ivory / Medium / 7 - â±5,990.00 - Add to Bag</option><option 16097 16098 16099 disabled 16100 16101 value="48352932233460" 16102 >Ivory-Silver Birch Suede-Ivory / Medium / 7.5 - â±5,990.00 - Add to Bag</option><option 16103 16104 selected="selected" 16105 16106 16107 value="48352932266228" 16108 >Ivory-Silver Birch Suede-Ivory / Medium / 8 - â±5,990.00</option><option 16109 16110 16111 value="48352932298996" 16112 >Ivory-Silver Birch Suede-Ivory / Medium / 8.5 - â±5,990.00</option><option 16113 16114 16115 value="48352932331764" 16116 >Ivory-Silver Birch Suede-Ivory / Medium / 9 - â±5,990.00</option><option 16117 16118 16119 value="48352932364532" 16120 >Ivory-Silver Birch Suede-Ivory / Medium / 9.5 - â±5,990.00</option><option 16121 16122 16123 value="48352932397300" 16124 >Ivory-Silver Birch Suede-Ivory / Medium / 10 - â±5,990.00</option><option 16125 16126 16127 disabled 16128 16129 value="48352932430068" 16130 >Ivory-Silver Birch Suede-Ivory / Medium / 10.5 - â±5,990.00 - Add to Bag</option><option 16131 16132 16133 disabled 16134 16135 value="48352932462836" 16136 >Ivory-Silver Birch Suede-Ivory / Medium / 11 - â±5,990.00 - Add to Bag</option><option 16137 16138 16139 disabled 16140 16141 value="49200817438964" 16142 >Ivory-Silver Birch Suede-Ivory / Medium / 11.5 - â±5,990.00 - Add to Bag</option><option 16143 16144 16145 disabled 16146 16147 value="48352932495604" 16148 >Ivory-Silver Birch Suede-Ivory / Medium / 12 - â±5,990.00 - Add to Bag</option></select> 16149 <svg aria-hidden="true" focusable="false" class="icon icon-caret" viewBox="0 0 10 6"> 16150 <path fill-rule="evenodd" clip-rule="evenodd" d="M9.354.646a.5.5 0 00-.708 0L5 4.293 1.354.646a.5.5 0 00-.708.708l4 4a.5.5 0 00.708 0l4-4a.5.5 0 000-.708z" fill="currentColor"> 16151</svg> 16152<!-- <svg fill="#000000" height="14px" width="14px" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 330 330" xml:space="preserve" stroke="#000000" stroke-width="0.0033"><g id="SVGRepo_bgCarrier" stroke-width="0"></g><g id="SVGRepo_tracerCarrier" stroke-linecap="round" stroke-linejoin="round"></g> 16153 <g id="SVGRepo_iconCarrier"> 16154 <path id="XMLID_225_" d="M325.607,79.393c-5.857-5.857-15.355-5.858-21.213,0.001l-139.39,139.393L25.607,79.393 c-5.857-5.857-15.355-5.858-21.213,0.001c-5.858,5.858-5.858,15.355,0,21.213l150.004,150c2.813,2.813,6.628,4.393,10.606,4.393 s7.794-1.581,10.606-4.394l149.996-150C331.465,94.749,331.465,85.251,325.607,79.393z"> 16155 </path> </g></svg> --> 16156 16157 </div> 16158 </div> 16159</noscript> 16160
16161<script> 16162// var dataUrl; 16163// function fetchUrl(){ 16164// var productUrl = document.querySelector("button[data-product-url]"); 16165// if (productUrl) { 16166// debugger; 16167// dataUrl = productUrl.getAttribute("data-product-url"); 16168// console.log("data-product-url: ", dataUrl); 16169// } 16170// } 16171</script>
16171 16172 16173 16174 16175<div class=" 16176 price price--on-sale "> 16177 <div class="price__container"><div class="price__regular"> 16178 <span class="visually-hidden visually-hidden--inline">Regular price</span> 16179 <span class="price-item price-item--regular"> 16180 â±5,990 16181 </span> 16182 </div> 16183 <div class="price__sale price--large"> 16184 16185 <div class="" style="display: flex; white-space: nowrap; align-items: center;"> 16186 <span class="visually-hidden visually-hidden--inline">Regular price</span> 16187 <span class="strike-through quick-shop-regular"> 16188 <s class="price-item price-item--regular"> 16189 16190 â±10,995 16191 16192 </s> 16193 </span><span class="visually-hidden visually-hidden--inline " >Sale price</span> 16194 <span class="price-item price-item--sale price-item--last quick-shop-sale"> 16195 â±5,990 16196 </span> 16197 </div> 16198 <span class="compare-mark"> 16199 (45% Off) 16200 </span><style> 16201 .compare-mark{ 16202 font-size: 13px; 16203 color: #ff0d0d; 16204 font-family: WorkSansLight; 16205 margin-left: -10px; 16206 font-weight: 600; 16207 display: inline-flex; 16208 } 16209 @media screen and (max-width: 575px){ 16210 .compare-mark{ 16211 margin-left: 0; 16212 } 16213 .card-wrapper .price.price--on-sale .price__container { 16214 display: inline-flex; 16215 align-items: center; 16216 flex-wrap: wrap; 16217 align-items: flex-start; 16218 text-align: left; 16219 } 16220 } 16221 </style> 16222 </div> 16223 <small class="unit-price caption hidden"> 16224 <span class="visually-hidden">Unit price</span> 16225 <span class="price-item price-item--last"> 16226 <span></span> 16227 <span aria-hidden="true">/</span> 16228 <span class="visually-hidden"> per </span> 16229 <span> 16230 </span> 16231 </span> 16232 </small> 16233 </div></div> 16234 16235 <h3 16236 class="card_title card__heading h5" 16237 16238 id="title-template--23890806309108__featured_collection_G6EN3c-9478975160564" 16239 16240 > 16241 16242 16243 <a class="product_url" 16244 href="/products/c43822"> 16245 Men's GrandPrø Turf 2.0 Sneaker 16246 </a> 16247 16248 </h3> 16249 <div class="card-information"><span class="caption-large light"></span></div> 16250 </div> 16251 16252 <div class="card__badge bottom left"><span 16253 id="Badge-template--23890806309108__featured_collection_G6EN3c-9478975160564" 16254 class="badge badge--bottom-left color-accent-2" 16255 >Sale</span></div> 16256 </div> 16257 </div> 16258 </div>
16258<script> 16259 16260 16261// function redirectFn(e){ 16262 16263// console.log('test e',e); 16264// const srcSet = e.querySelector('.pdp-primaryimage'); 16265 16266// const srcSetVal = srcSet['srcset']; 16267 16268// const startIndex = srcSetVal.indexOf('/products/'); 16269// const endIndex = srcSetVal.indexOf('_', startIndex); 16270// const desiredValue = srcSetVal.substring(startIndex, endIndex); 16271 16272// e.setAttribute('href', desiredValue); 16273 16274 16275// } 16276 16277 16278// document.addEventListener("DOMContentLoaded", function() { 16279// const items = document.querySelectorAll('#product-grid li.grid__item'); 16280 16281// items.forEach(item => { 16282// const button = item.querySelector('.quick-add__submit'); 16283// const colorSwatches = item.querySelectorAll('.color-swatches-plp'); 16284 16285// colorSwatches.forEach(swatch => { 16286// swatch.addEventListener('click', () => { 16287// const inputId = swatch.getAttribute('for'); 16288// const relatedProduct = item.querySelector(`#${inputId}.related-product`); 16289// if (relatedProduct) { 16290// const newUrl = relatedProduct.getAttribute('data-url'); 16291// if (newUrl) { 16292// button.setAttribute('data-product-url', newUrl); 16293// console.log(`Updated data-product-url: ${newUrl}`); 16294// } 16295// } 16296// }); 16297// }); 16298// }); 16299// }); 16300// // swatches click on collection page 16301 16302// document.addEventListener("DOMContentLoaded", function() { 16303 16304// initializeProductHrefs(); 16305 16306 16307// const colorSwatches = document.querySelectorAll('.color-swatches-plp'); 16308// colorSwatches.forEach(swatch => { 16309// swatch.addEventListener('click', function() { 16310// updateHref(this); 16311// }); 16312// }); 16313 16314 16315// const firstColorSwatch = document.querySelector('.color-swatches-plp'); 16316// if (firstColorSwatch) { 16317// firstColorSwatch.addEventListener('click', function() { 16318// updateHrefToFirstVariant(this); 16319// }); 16320// } 16321// }); 16322 16323// function initializeProductHrefs() { 16324// const productItems = document.querySelectorAll('#product-grid li.grid__item'); 16325// productItems.forEach((item, index) => { 16326// const firstVariant = item.querySelector('input.related-product'); 16327// if (firstVariant) { 16328// const initialUrl = firstVariant.getAttribute('data-url'); 16329// if (initialUrl) { 16330// const pdpNavigationLink = item.querySelector('.pdp-navigation-link'); 16331// pdpNavigationLink.setAttribute('href', initialUrl); 16332 16333// } 16334// } 16335// }); 16336// } 16337 16338// function updateHref(swatch) { 16339// const parentItem = swatch.closest('li.grid__item'); 16340// const inputId = swatch.getAttribute('for'); 16341// const relatedProduct = parentItem.querySelector(`input#${inputId}.related-product`); 16342// if (relatedProduct) { 16343// const newUrl = relatedProduct.getAttribute('data-url'); 16344// if (newUrl) { 16345// const pdpNavigationLink = parentItem.querySelector('.pdp-navigation-link'); 16346// pdpNavigationLink.setAttribute('href', newUrl); 16347 16348// } else { 16349// console.log(`No data-url found for swatch: ${inputId}`); 16350// } 16351// } else { 16352// console.log(`No related product input found for swatch: ${inputId}`); 16353// } 16354// } 16355 16356// function updateHrefToFirstVariant(swatch) { 16357// const parentItem = swatch.closest('li.grid__item'); 16358// const firstRelatedProduct = parentItem.querySelector('input.related-product'); 16359// if (firstRelatedProduct) { 16360// const firstUrl = firstRelatedProduct.getAttribute('data-url'); 16361// if (firstUrl) { 16362// const pdpNavigationLink = parentItem.querySelector('.pdp-navigation-link'); 16363// pdpNavigationLink.setAttribute('href', firstUrl); 16364 16365// } else { 16366// console.log('No data-url found for the first related product.'); 16367// } 16368// } else { 16369// console.log('No related product inputs found.'); 16370// } 16371// } 16372 16373 16374 16375</script>
16375 16376 16377 16378 </li><li 16379 id="Slide-template--23890806309108__featured_collection_G6EN3c-12" 16380 class="grid__item slider__slide" 16381 > 16382 16383 16384<link href="//colehaan.com.ph/cdn/shop/t/131/assets/component-rating.css?v=24573085263941240431790040493" rel="stylesheet" type="text/css" media="all" /> 16385<style> 16386 .eyebrow{ 16387 background: #808080 !important; 16388 } 16389</style><div class="card-wrapper product-card-wrapper"> 16390 <div 16391 class=" 16392 card 16393 card--card 16394 card--media 16395 color-background-1 gradient 16396 16397 16398 16399 " 16400 style="--ratio-percent: 100%;" 16401 > 16402 <div 16403 class="card__inner ratio" 16404 style="--ratio-percent: 100%;" 16405 ><div class="card__media"> 16406 16407 <div class="quick-add quick-add-test no-js-hidden"> 16408 16409 <modal-opener data-modal="#QuickAdd-9006276215028"> 16410 <button 16411 id="quick-add-template--23890806309108__featured_collection_G6EN3c9006276215028-submit" 16412 type="submit" 16413 name="add" 16414 class="quick-add__submit button--full-width button--secondary" 16415 aria-haspopup="dialog" 16416 aria-labelledby="quick-add-template--23890806309108__featured_collection_G6EN3c9006276215028-submit title-template--23890806309108__featured_collection_G6EN3c-9006276215028" 16417 data-product-url="/products/c41851" 16418 > 16419 Quick shop 16420<div class="loading-overlay__spinner hidden"> 16421 <svg 16422 aria-hidden="true" 16423 focusable="false" 16424 class="spinner"
16425 viewBox="0 0 66 66" 16426 xmlns="http://www.w3.org/2000/svg" 16427 > 16428 <circle class="path" fill="none" stroke-width="6" cx="33" cy="33" r="30"></circle> 16429 </svg> 16430 </div> 16431 </button> 16432 </modal-opener> 16433 <quick-add-modal id="QuickAdd-9006276215028" class="quick-add-modal"> 16434 <div 16435 role="dialog" 16436 aria-label="Choose options for Men&#39;s GrandPrø Crossover Sneaker" 16437 aria-modal="true" 16438 class="quick-add-modal__content global-settings-popup" 16439 tabindex="-1" 16440 > 16441 <button 16442 id="ModalClose-9006276215028" 16443 type="button" 16444 class="quick-add-modal__toggle" 16445 aria-label="Close" 16446 > 16447 <svg 16448 xmlns="http://www.w3.org/2000/svg" 16449 aria-hidden="true" 16450 focusable="false" 16451 class="icon icon-close" 16452 fill="none" 16453 viewBox="0 0 18 17" 16454> 16455 <path d="M.865 15.978a.5.5 0 00.707.707l7.433-7.431 7.579 7.282a.501.501 0 00.846-.37.5.5 0 00-.153-.351L9.712 8.546l7.417-7.416a.5.5 0 10-.707-.708L8.991 7.853 1.413.573a.5.5 0 10-.693.72l7.563 7.268-7.418 7.417z" fill="currentColor"> 16456</svg> 16457 16458 </button> 16459 <div class="logo_ch"> 16460 <img src="https://cdn.shopify.com/s/files/1/0268/1228/5039/files/colehaan_logo.png?v=1694757702" style="width: 150px; margin: 20px;"/> 16461 </div> 16462 <div id="QuickAddInfo-9006276215028" class="quick-add-modal__content-info"> 16463 </div> 16464 16465 <div class="cart-and-ipay"> 16466 <button class="add-to-cart-global btn" onclick="triggerQuickBasket(event, 'product-form-quickadd-template--23890806309108__featured_collection_G6EN3c');" title="Add to bag"> 16467 Add to Bag 16468 </button> 16469 </div> 16470 </div> 16471 </quick-add-modal> 16472 16473 16474 </div> 16475 16476 <div class="media"> 16477 16478 16479 <a class="pdp-navigation-link" onclick = "redirectFn(this);" href="/products/c41851"> 16480 <img class="img-tag pdp-primaryimage" 16481 srcset="//colehaan.com.ph/cdn/shop/files/BaseTransform1_904f9f1c-21ee-41c9-bb8c-3a5a9725aef9.jpg?v=1745799275&width=165 165w,//colehaan.com.ph/cdn/shop/files/BaseTransform1_904f9f1c-21ee-41c9-bb8c-3a5a9725aef9.jpg?v=1745799275&width=360 360w,//colehaan.com.ph/cdn/shop/files/BaseTransform1_904f9f1c-21ee-41c9-bb8c-3a5a9725aef9.jpg?v=1745799275&width=533 533w,//colehaan.com.ph/cdn/shop/files/BaseTransform1_904f9f1c-21ee-41c9-bb8c-3a5a9725aef9.jpg?v=1745799275&width=720 720w,//colehaan.com.ph/cdn/shop/files/BaseTransform1_904f9f1c-21ee-41c9-bb8c-3a5a9725aef9.jpg?v=1745799275&width=940 940w,//colehaan.com.ph/cdn/shop/files/BaseTransform1_904f9f1c-21ee-41c9-bb8c-3a5a9725aef9.jpg?v=1745799275&width=1066 1066w,//colehaan.com.ph/cdn/shop/files/BaseTransform1_904f9f1c-21ee-41c9-bb8c-3a5a9725aef9.jpg?v=1745799275 2000w 16482 " 16483 src="//colehaan.com.ph/cdn/shop/files/BaseTransform1_904f9f1c-21ee-41c9-bb8c-3a5a9725aef9.jpg?v=1745799275&width=533" 16484 sizes="(min-width: 1200px) 267px, (min-width: 990px) calc((100vw - 130px) / 4), (min-width: 750px) calc((100vw - 120px) / 3), calc((100vw - 35px) / 2)" 16485 alt="C41851:IVORY/ HICKORY/ GOLDEN TOFFEE" 16486 class="motion-reduce" 16487 16488 loading="lazy" 16489 16490 width="2000" 16491 height="2250" 16492 > 16493 16494</a> 16495 </div> 16496 </div><div class="card__content"> 16497 <div class="card__information"> 16498 <h3 16499 class="card__heading" 16500 16501 > 16502 <a 16503 href="/products/c41851" 16504 id="StandardCardNoMediaLink-template--23890806309108__featured_collection_G6EN3c-9006276215028" 16505 class="full-unstyled-link" 16506 aria-labelledby="StandardCardNoMediaLink-template--23890806309108__featured_collection_G6EN3c-9006276215028 NoMediaStandardBadge-template--23890806309108__featured_collection_G6EN3c-9006276215028" 16507 > 16508 Men's GrandPrø Crossover Sneaker 16509 </a> 16510 </h3> 16511 </div> 16512 <div class="card__badge bottom left"> 16513 16514 </div> 16515 </div> 16516 </div> 16517 <div class="card__content card-content"> 16518 <div class="card__information"> 16519 16520 16521<variant-radios 16522 id="variant-radios-template--23890806309108__featured_collection_G6EN3c" 16523 class="no-js-hidden" 16524 data-section="template--23890806309108__featured_collection_G6EN3c" 16525 data-url="/products/c41851" 16526 16527 16528 > 16529 <div class= "clr-swatches-plp"><fieldset class="js product-form__input"> 16530 16531
16531<script src="//colehaan.com.ph/cdn/shop/t/131/assets/global.js?v=15889204645569497881790040512" defer="defer"></script>
16531<div 16532 class="swatches-wrapper" 16533 id="swatches-9006276215028-template--23890806309108__featured_collection_G6EN3c" 16534 data-related-handles="c43475,c43077" 16535 data-section-id="template--23890806309108__featured_collection_G6EN3c" 16536 data-product-id="9006276215028" 16537 data-product-form-id="product-form-template--23890806309108__featured_collection_G6EN3c" 16538> 16539<input 16540 class="related-product" 16541 type="radio" 16542 id="template--23890806309108__featured_collection_G6EN3c-1-1" 16543 name="Color" 16544 value="Ivory-Hickory-Golden Toffee" 16545 form="product-form-template--23890806309108__featured_collection_G6EN3c" 16546 data-url="/products/c41851" 16547 16548 checked 16549 16550 16551 > 16552 <label class="color-swatches-plp" for="template--23890806309108__featured_collection_G6EN3c-1-1" style="background: url('https://colehaan.com.ph/cdn/shop/files/BaseTransform1_904f9f1c-21ee-41c9-bb8c-3a5a9725aef9.jpg?v=1745799275') center no-repeat; background-size: contain;" onclick="redirectToUrlCollection(this);"> 16553 </label> 16554 16555 16556 16557 <div class="related-swatches-container"></div> 16558</div> 16559 16560 </fieldset><fieldset class="js product-form__input"> 16561 16562 </fieldset><fieldset class="js product-form__input"> 16563 16564 </fieldset><span class="mobile-swatch-plus-plp" > 16565 16566 <a href="/products/c41851">+</a> 16567 </span> 16568 16569 16570
16570<script type="application/json"> 16571 16572 [{"id":46408750301428,"title":"Ivory-Hickory-Golden Toffee \/ Wide \/ 7","option1":"Ivory-Hickory-Golden Toffee","option2":"Wide","option3":"7","sku":"C41851 7.0W","requires_shipping":true,"taxable":true,"featured_image":null,"available":false,"name":"Men's GrandPrø Crossover Sneaker - Ivory-Hickory-Golden Toffee \/ Wide \/ 7","public_title":"Ivory-Hickory-Golden Toffee \/ Wide \/ 7","options":["Ivory-Hickory-Golden Toffee","Wide","7"],"price":599000,"weight":1000,"compare_at_price":1199500,"inventory_management":"shopify","barcode":"196414941401","requires_selling_plan":false,"selling_plan_allocations":[],"quantity_rule":{"min":1,"max":null,"increment":1}},{"id":46408750334196,"title":"Ivory-Hickory-Golden Toffee \/ Wide \/ 7.5","option1":"Ivory-Hickory-Golden Toffee","option2":"Wide","option3":"7.5","sku":"C41851 7.5W","requires_shipping":true,"taxable":true,"featured_image":null,"available":true,"name":"Men's GrandPrø Crossover Sneaker - Ivory-Hickory-Golden Toffee \/ Wide \/ 7.5","public_title":"Ivory-Hickory-Golden Toffee \/ Wide \/ 7.5","options":["Ivory-Hickory-Golden Toffee","Wide","7.5"],"price":599000,"weight":1000,"compare_at_price":1199500,"inventory_management":"shopify","barcode":"196414941418","requires_selling_plan":false,"selling_plan_allocations":[],"quantity_rule":{"min":1,"max":null,"increment":1}},{"id":47695855517940,"title":"Ivory-Hickory-Golden Toffee \/ Wide \/ 8.5","option1":"Ivory-Hickory-Golden Toffee","option2":"Wide","option3":"8.5","sku":"C41851 8.5W","requires_shipping":true,"taxable":true,"featured_image":null,"available":false,"name":"Men's GrandPrø Crossover Sneaker - Ivory-Hickory-Golden Toffee \/ Wide \/ 8.5","public_title":"Ivory-Hickory-Golden Toffee \/ Wide \/ 8.5","options":["Ivory-Hickory-Golden Toffee","Wide","8.5"],"price":599000,"weight":1000,"compare_at_price":1199500,"inventory_management":"shopify","barcode":null,"requires_selling_plan":false,"selling_plan_allocations":[],"quantity_rule":{"min":1,"max":null,"increment":1}},{"id":46408750530804,"title":"Ivory-Hickory-Golden Toffee \/ Wide \/ 10.5","option1":"Ivory-Hickory-Golden Toffee","option2":"Wide","option3":"10.5","sku":"C41851 10.5W","requires_shipping":true,"taxable":true,"featured_image":null,"available":false,"name":"Men's GrandPrø Crossover Sneaker - Ivory-Hickory-Golden Toffee \/ Wide \/ 10.5","public_title":"Ivory-Hickory-Golden Toffee \/ Wide \/ 10.5","options":["Ivory-Hickory-Golden Toffee","Wide","10.5"],"price":599000,"weight":1000,"compare_at_price":1199500,"inventory_management":"shopify","barcode":"196414941333","requires_selling_plan":false,"selling_plan_allocations":[],"quantity_rule":{"min":1,"max":null,"increment":1}},{"id":46408750563572,"title":"Ivory-Hickory-Golden Toffee \/ Wide \/ 11","option1":"Ivory-Hickory-Golden Toffee","option2":"Wide","option3":"11","sku":"C41851 11.0W","requires_shipping":true,"taxable":true,"featured_image":null,"available":false,"name":"Men's GrandPrø Crossover Sneaker - Ivory-Hickory-Golden Toffee \/ Wide \/ 11","public_title":"Ivory-Hickory-Golden Toffee \/ Wide \/ 11","options":["Ivory-Hickory-Golden Toffee","Wide","11"],"price":599000,"weight":1000,"compare_at_price":1199500,"inventory_management":"shopify","barcode":"196414941340","requires_selling_plan":false,"selling_plan_allocations":[],"quantity_rule":{"min":1,"max":null,"increment":1}},{"id":46408750629108,"title":"Ivory-Hickory-Golden Toffee \/ Wide \/ 12","option1":"Ivory-Hickory-Golden Toffee","option2":"Wide","option3":"12","sku":"C41851 12.0W","requires_shipping":true,"taxable":true,"featured_image":null,"available":false,"name":"Men's GrandPrø Crossover Sneaker - Ivory-Hickory-Golden Toffee \/ Wide \/ 12","public_title":"Ivory-Hickory-Golden Toffee \/ Wide \/ 12","options":["Ivory-Hickory-Golden Toffee","Wide","12"],"price":599000,"weight":1000,"compare_at_price":1199500,"inventory_management":"shopify","barcode":"196414941364","requires_selling_plan":false,"selling_plan_allocations":[],"quantity_rule":{"min":1,"max":null,"increment":1}},{"id":47706338361588,"title":"Ivory-Hickory-Golden Toffee \/ Wide \/ 8","option1":"Ivory-Hickory-Golden Toffee","o
16572ption2":"Wide","option3":"8","sku":"C41851 8.0W","requires_shipping":true,"taxable":true,"featured_image":null,"available":false,"name":"Men's GrandPrø Crossover Sneaker - Ivory-Hickory-Golden Toffee \/ Wide \/ 8","public_title":"Ivory-Hickory-Golden Toffee \/ Wide \/ 8","options":["Ivory-Hickory-Golden Toffee","Wide","8"],"price":599000,"weight":1000,"compare_at_price":1199500,"inventory_management":"shopify","barcode":null,"requires_selling_plan":false,"selling_plan_allocations":[],"quantity_rule":{"min":1,"max":null,"increment":1}},{"id":47695855550708,"title":"Ivory-Hickory-Golden Toffee \/ Wide \/ 9.5","option1":"Ivory-Hickory-Golden Toffee","option2":"Wide","option3":"9.5","sku":"C41851 9.5W","requires_shipping":true,"taxable":true,"featured_image":null,"available":false,"name":"Men's GrandPrø Crossover Sneaker - Ivory-Hickory-Golden Toffee \/ Wide \/ 9.5","public_title":"Ivory-Hickory-Golden Toffee \/ Wide \/ 9.5","options":["Ivory-Hickory-Golden Toffee","Wide","9.5"],"price":599000,"weight":1000,"compare_at_price":1199500,"inventory_management":"shopify","barcode":null,"requires_selling_plan":false,"selling_plan_allocations":[],"quantity_rule":{"min":1,"max":null,"increment":1}},{"id":47884620955892,"title":"Ivory-Hickory-Golden Toffee \/ Wide \/ 9","option1":"Ivory-Hickory-Golden Toffee","option2":"Wide","option3":"9","sku":"C41851 9.0W","requires_shipping":true,"taxable":true,"featured_image":null,"available":true,"name":"Men's GrandPrø Crossover Sneaker - Ivory-Hickory-Golden Toffee \/ Wide \/ 9","public_title":"Ivory-Hickory-Golden Toffee \/ Wide \/ 9","options":["Ivory-Hickory-Golden Toffee","Wide","9"],"price":599000,"weight":1000,"compare_at_price":1199500,"inventory_management":"shopify","barcode":null,"requires_selling_plan":false,"selling_plan_allocations":[],"quantity_rule":{"min":1,"max":null,"increment":1}},{"id":46408750498036,"title":"Ivory-Hickory-Golden Toffee \/ Wide \/ 10","option1":"Ivory-Hickory-Golden Toffee","option2":"Wide","option3":"10","sku":"C41851 10.0W","requires_shipping":true,"taxable":true,"featured_image":null,"available":false,"name":"Men's GrandPrø Crossover Sneaker - Ivory-Hickory-Golden Toffee \/ Wide \/ 10","public_title":"Ivory-Hickory-Golden Toffee \/ Wide \/ 10","options":["Ivory-Hickory-Golden Toffee","Wide","10"],"price":599000,"weight":1000,"compare_at_price":1199500,"inventory_management":"shopify","barcode":"196414941326","requires_selling_plan":false,"selling_plan_allocations":[],"quantity_rule":{"min":1,"max":null,"increment":1}}] 16573 16574 </script>
16574 16575 16576 </div> 16577 </variant-radios><noscript class="product-form__noscript-wrapper-template--23890806309108__featured_collection_G6EN3c"> 16578 <div class="product-form__input"> 16579 <label class="form__label" for="Variants-template--23890806309108__featured_collection_G6EN3c">Product variants</label> 16580 <div class="select"> 16581 <select 16582 name="id" 16583 id="Variants-template--23890806309108__featured_collection_G6EN3c" 16584 class="select__select" 16585 form="" 16586 ><option 16587 16588 16589 disabled 16590 16591 value="46408750301428" 16592 >Ivory-Hickory-Golden Toffee / Wide / 7 - â±5,990.00 - Add to Bag</option><option 16593 16594 selected="selected" 16595 16596 16597 value="46408750334196" 16598 >Ivory-Hickory-Golden Toffee / Wide / 7.5 - â±5,990.00</option><option 16599 16600 16601 disabled 16602 16603 value="47695855517940" 16604 >Ivory-Hickory-Golden Toffee / Wide / 8.5 - â±5,990.00 - Add to Bag</option><option 16605 16606 16607 disabled 16608 16609 value="46408750530804" 16610 >Ivory-Hickory-Golden Toffee / Wide / 10.5 - â±5,990.00 - Add to Bag</option><option 16611 16612 16613 disabled 16614 16615 value="46408750563572" 16616 >Ivory-Hickory-Golden Toffee / Wide / 11 - â±5,990.00 - Add to Bag</option><option 16617 16618 16619 disabled 16620 16621 value="46408750629108" 16622 >Ivory-Hickory-Golden Toffee / Wide / 12 - â±5,990.00 - Add to Bag</option><option 16623 16624 16625 disabled 16626 16627 value="47706338361588" 16628 >Ivory-Hickory-Golden Toffee / Wide / 8 - â±5,990.00 - Add to Bag</option><option 16629 16630 16631 disabled 16632 16633 value="47695855550708" 16634 >Ivory-Hickory-Golden Toffee / Wide / 9.5 - â±5,990.00 - Add to Bag</option><option 16635 16636 16637 value="47884620955892" 16638 >Ivory-Hickory-Golden Toffee / Wide / 9 - â±5,990.00</option><option 16639 16640 16641 disabled 16642 16643 value="46408750498036" 16644 >Ivory-Hickory-Golden Toffee / Wide / 10 - â±5,990.00 - Add to Bag</option></select> 16645 <svg aria-hidden="true" focusable="false" class="icon icon-caret" viewBox="0 0 10 6"> 16646 <path fill-rule="evenodd" clip-rule="evenodd" d="M9.354.646a.5.5 0 00-.708 0L5 4.293 1.354.646a.5.5 0 00-.708.708l4 4a.5.5 0 00.708 0l4-4a.5.5 0 000-.708z" fill="currentColor"> 16647</svg> 16648<!-- <svg fill="#000000" height="14px" width="14px" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 330 330" xml:space="preserve" stroke="#000000" stroke-width="0.0033"><g id="SVGRepo_bgCarrier" stroke-width="0"></g><g id="SVGRepo_tracerCarrier" stroke-linecap="round" stroke-linejoin="round"></g> 16649 <g id="SVGRepo_iconCarrier"> 16650 <path id="XMLID_225_" d="M325.607,79.393c-5.857-5.857-15.355-5.858-21.213,0.001l-139.39,139.393L25.607,79.393 c-5.857-5.857-15.355-5.858-21.213,0.001c-5.858,5.858-5.858,15.355,0,21.213l150.004,150c2.813,2.813,6.628,4.393,10.606,4.393 s7.794-1.581,10.606-4.394l149.996-150C331.465,94.749,331.465,85.251,325.607,79.393z"> 16651 </path> </g></svg> --> 16652 16653 </div> 16654 </div> 16655</noscript> 16656
16657<script> 16658// var dataUrl; 16659// function fetchUrl(){ 16660// var productUrl = document.querySelector("button[data-product-url]"); 16661// if (productUrl) { 16662// debugger; 16663// dataUrl = productUrl.getAttribute("data-product-url"); 16664// console.log("data-product-url: ", dataUrl); 16665// } 16666// } 16667</script>
16667 16668 16669 16670 16671<div class=" 16672 price price--on-sale "> 16673 <div class="price__container"><div class="price__regular"> 16674 <span class="visually-hidden visually-hidden--inline">Regular price</span> 16675 <span class="price-item price-item--regular"> 16676 â±5,990 16677 </span> 16678 </div> 16679 <div class="price__sale price--large"> 16680 16681 <div class="" style="display: flex; white-space: nowrap; align-items: center;"> 16682 <span class="visually-hidden visually-hidden--inline">Regular price</span> 16683 <span class="strike-through quick-shop-regular"> 16684 <s class="price-item price-item--regular"> 16685 16686 â±11,995 16687 16688 </s> 16689 </span><span class="visually-hidden visually-hidden--inline " >Sale price</span> 16690 <span class="price-item price-item--sale price-item--last quick-shop-sale"> 16691 â±5,990 16692 </span> 16693 </div> 16694 <span class="compare-mark"> 16695 (50% Off) 16696 </span><style> 16697 .compare-mark{ 16698 font-size: 13px; 16699 color: #ff0d0d; 16700 font-family: WorkSansLight; 16701 margin-left: -10px; 16702 font-weight: 600; 16703 display: inline-flex; 16704 } 16705 @media screen and (max-width: 575px){ 16706 .compare-mark{ 16707 margin-left: 0; 16708 } 16709 .card-wrapper .price.price--on-sale .price__container { 16710 display: inline-flex; 16711 align-items: center; 16712 flex-wrap: wrap; 16713 align-items: flex-start; 16714 text-align: left; 16715 } 16716 } 16717 </style> 16718 </div> 16719 <small class="unit-price caption hidden"> 16720 <span class="visually-hidden">Unit price</span> 16721 <span class="price-item price-item--last"> 16722 <span></span> 16723 <span aria-hidden="true">/</span> 16724 <span class="visually-hidden"> per </span> 16725 <span> 16726 </span> 16727 </span> 16728 </small> 16729 </div></div> 16730 16731 <h3 16732 class="card_title card__heading h5" 16733 16734 id="title-template--23890806309108__featured_collection_G6EN3c-9006276215028" 16735 16736 > 16737 16738 16739 <a class="product_url" 16740 href="/products/c41851"> 16741 Men's GrandPrø Crossover Sneaker 16742 </a> 16743 16744 </h3> 16745 <div class="card-information"><span class="caption-large light"></span></div> 16746 </div> 16747 16748 <div class="card__badge bottom left"><span 16749 id="Badge-template--23890806309108__featured_collection_G6EN3c-9006276215028" 16750 class="badge badge--bottom-left color-accent-2" 16751 >Sale</span></div> 16752 </div> 16753 </div> 16754 </div>
16754<script> 16755 16756 16757// function redirectFn(e){ 16758 16759// console.log('test e',e); 16760// const srcSet = e.querySelector('.pdp-primaryimage'); 16761 16762// const srcSetVal = srcSet['srcset']; 16763 16764// const startIndex = srcSetVal.indexOf('/products/'); 16765// const endIndex = srcSetVal.indexOf('_', startIndex); 16766// const desiredValue = srcSetVal.substring(startIndex, endIndex); 16767 16768// e.setAttribute('href', desiredValue); 16769 16770 16771// } 16772 16773 16774// document.addEventListener("DOMContentLoaded", function() { 16775// const items = document.querySelectorAll('#product-grid li.grid__item'); 16776 16777// items.forEach(item => { 16778// const button = item.querySelector('.quick-add__submit'); 16779// const colorSwatches = item.querySelectorAll('.color-swatches-plp'); 16780 16781// colorSwatches.forEach(swatch => { 16782// swatch.addEventListener('click', () => { 16783// const inputId = swatch.getAttribute('for'); 16784// const relatedProduct = item.querySelector(`#${inputId}.related-product`); 16785// if (relatedProduct) { 16786// const newUrl = relatedProduct.getAttribute('data-url'); 16787// if (newUrl) { 16788// button.setAttribute('data-product-url', newUrl); 16789// console.log(`Updated data-product-url: ${newUrl}`); 16790// } 16791// } 16792// }); 16793// }); 16794// }); 16795// }); 16796// // swatches click on collection page 16797 16798// document.addEventListener("DOMContentLoaded", function() { 16799 16800// initializeProductHrefs(); 16801 16802 16803// const colorSwatches = document.querySelectorAll('.color-swatches-plp'); 16804// colorSwatches.forEach(swatch => { 16805// swatch.addEventListener('click', function() { 16806// updateHref(this); 16807// }); 16808// }); 16809 16810 16811// const firstColorSwatch = document.querySelector('.color-swatches-plp'); 16812// if (firstColorSwatch) { 16813// firstColorSwatch.addEventListener('click', function() { 16814// updateHrefToFirstVariant(this); 16815// }); 16816// } 16817// }); 16818 16819// function initializeProductHrefs() { 16820// const productItems = document.querySelectorAll('#product-grid li.grid__item'); 16821// productItems.forEach((item, index) => { 16822// const firstVariant = item.querySelector('input.related-product'); 16823// if (firstVariant) { 16824// const initialUrl = firstVariant.getAttribute('data-url'); 16825// if (initialUrl) { 16826// const pdpNavigationLink = item.querySelector('.pdp-navigation-link'); 16827// pdpNavigationLink.setAttribute('href', initialUrl); 16828 16829// } 16830// } 16831// }); 16832// } 16833 16834// function updateHref(swatch) { 16835// const parentItem = swatch.closest('li.grid__item'); 16836// const inputId = swatch.getAttribute('for'); 16837// const relatedProduct = parentItem.querySelector(`input#${inputId}.related-product`); 16838// if (relatedProduct) { 16839// const newUrl = relatedProduct.getAttribute('data-url'); 16840// if (newUrl) { 16841// const pdpNavigationLink = parentItem.querySelector('.pdp-navigation-link'); 16842// pdpNavigationLink.setAttribute('href', newUrl); 16843 16844// } else { 16845// console.log(`No data-url found for swatch: ${inputId}`); 16846// } 16847// } else { 16848// console.log(`No related product input found for swatch: ${inputId}`); 16849// } 16850// } 16851 16852// function updateHrefToFirstVariant(swatch) { 16853// const parentItem = swatch.closest('li.grid__item'); 16854// const firstRelatedProduct = parentItem.querySelector('input.related-product'); 16855// if (firstRelatedProduct) { 16856// const firstUrl = firstRelatedProduct.getAttribute('data-url'); 16857// if (firstUrl) { 16858// const pdpNavigationLink = parentItem.querySelector('.pdp-navigation-link'); 16859// pdpNavigationLink.setAttribute('href', firstUrl); 16860 16861// } else { 16862// console.log('No data-url found for the first related product.'); 16863// } 16864// } else { 16865// console.log('No related product inputs found.'); 16866// } 16867// } 16868 16869 16870 16871</script>
16871 16872 16873 16874 </li><li 16875 id="Slide-template--23890806309108__featured_collection_G6EN3c-13" 16876 class="grid__item slider__slide" 16877 > 16878 16879 16880<link href="//colehaan.com.ph/cdn/shop/t/131/assets/component-rating.css?v=24573085263941240431790040493" rel="stylesheet" type="text/css" media="all" /> 16881<style> 16882 .eyebrow{ 16883 background: #808080 !important; 16884 } 16885</style><div class="card-wrapper product-card-wrapper"> 16886 <div 16887 class=" 16888 card 16889 card--card 16890 card--media 16891 color-background-1 gradient 16892 16893 16894 16895 " 16896 style="--ratio-percent: 100%;" 16897 > 16898 <div 16899 class="card__inner ratio" 16900 style="--ratio-percent: 100%;" 16901 ><div class="card__media"> 16902 16903 <div class="quick-add quick-add-test no-js-hidden"> 16904 16905 <modal-opener data-modal="#QuickAdd-9467819917556"> 16906 <button 16907 id="quick-add-template--23890806309108__featured_collection_G6EN3c9467819917556-submit" 16908 type="submit" 16909 name="add" 16910 class="quick-add__submit button--full-width button--secondary" 16911 aria-haspopup="dialog" 16912 aria-labelledby="quick-add-template--23890806309108__featured_collection_G6EN3c9467819917556-submit title-template--23890806309108__featured_collection_G6EN3c-9467819917556" 16913 data-product-url="/products/c42978" 16914 > 16915 Quick shop 16916<div class="loading-overlay__spinner hidden"> 16917 <svg 16918 aria-hidden="true" 16919 focusable="false" 16920 class="spinner"
16921 viewBox="0 0 66 66" 16922 xmlns="http://www.w3.org/2000/svg" 16923 > 16924 <circle class="path" fill="none" stroke-width="6" cx="33" cy="33" r="30"></circle> 16925 </svg> 16926 </div> 16927 </button> 16928 </modal-opener> 16929 <quick-add-modal id="QuickAdd-9467819917556" class="quick-add-modal"> 16930 <div 16931 role="dialog" 16932 aria-label="Choose options for Men&#39;s GrandPrø CitySpectre Laser Sneaker" 16933 aria-modal="true" 16934 class="quick-add-modal__content global-settings-popup" 16935 tabindex="-1" 16936 > 16937 <button 16938 id="ModalClose-9467819917556" 16939 type="button" 16940 class="quick-add-modal__toggle" 16941 aria-label="Close" 16942 > 16943 <svg 16944 xmlns="http://www.w3.org/2000/svg" 16945 aria-hidden="true" 16946 focusable="false" 16947 class="icon icon-close" 16948 fill="none" 16949 viewBox="0 0 18 17" 16950> 16951 <path d="M.865 15.978a.5.5 0 00.707.707l7.433-7.431 7.579 7.282a.501.501 0 00.846-.37.5.5 0 00-.153-.351L9.712 8.546l7.417-7.416a.5.5 0 10-.707-.708L8.991 7.853 1.413.573a.5.5 0 10-.693.72l7.563 7.268-7.418 7.417z" fill="currentColor"> 16952</svg> 16953 16954 </button> 16955 <div class="logo_ch"> 16956 <img src="https://cdn.shopify.com/s/files/1/0268/1228/5039/files/colehaan_logo.png?v=1694757702" style="width: 150px; margin: 20px;"/> 16957 </div> 16958 <div id="QuickAddInfo-9467819917556" class="quick-add-modal__content-info"> 16959 </div> 16960 16961 <div class="cart-and-ipay"> 16962 <button class="add-to-cart-global btn" onclick="triggerQuickBasket(event, 'product-form-quickadd-template--23890806309108__featured_collection_G6EN3c');" title="Add to bag"> 16963 Add to Bag 16964 </button> 16965 </div> 16966 </div> 16967 </quick-add-modal> 16968 16969 16970 </div> 16971 16972 <div class="media"> 16973 16974 16975 <a class="pdp-navigation-link" onclick = "redirectFn(this);" href="/products/c42978"> 16976 <img class="img-tag pdp-primaryimage" 16977 srcset="//colehaan.com.ph/cdn/shop/files/BaseTransform1_b42e5567-3ff1-4fff-b71b-a48cfd207726.jpg?v=1779068366&width=165 165w,//colehaan.com.ph/cdn/shop/files/BaseTransform1_b42e5567-3ff1-4fff-b71b-a48cfd207726.jpg?v=1779068366&width=360 360w,//colehaan.com.ph/cdn/shop/files/BaseTransform1_b42e5567-3ff1-4fff-b71b-a48cfd207726.jpg?v=1779068366&width=533 533w,//colehaan.com.ph/cdn/shop/files/BaseTransform1_b42e5567-3ff1-4fff-b71b-a48cfd207726.jpg?v=1779068366&width=720 720w,//colehaan.com.ph/cdn/shop/files/BaseTransform1_b42e5567-3ff1-4fff-b71b-a48cfd207726.jpg?v=1779068366&width=940 940w,//colehaan.com.ph/cdn/shop/files/BaseTransform1_b42e5567-3ff1-4fff-b71b-a48cfd207726.jpg?v=1779068366&width=1066 1066w,//colehaan.com.ph/cdn/shop/files/BaseTransform1_b42e5567-3ff1-4fff-b71b-a48cfd207726.jpg?v=1779068366 2000w 16978 " 16979 src="//colehaan.com.ph/cdn/shop/files/BaseTransform1_b42e5567-3ff1-4fff-b71b-a48cfd207726.jpg?v=1779068366&width=533" 16980 sizes="(min-width: 1200px) 267px, (min-width: 990px) calc((100vw - 130px) / 4), (min-width: 750px) calc((100vw - 120px) / 3), calc((100vw - 35px) / 2)" 16981 alt="C42978:CH BRITISH TAN / CH DARK CHOCOLATE / IVORY" 16982 class="motion-reduce" 16983 16984 loading="lazy" 16985 16986 width="2000" 16987 height="2250" 16988 > 16989 16990</a> 16991 </div> 16992 </div><div class="card__content"> 16993 <div class="card__information"> 16994 <h3 16995 class="card__heading" 16996 16997 > 16998 <a 16999 href="/products/c42978" 17000 id="StandardCardNoMediaLink-template--23890806309108__featured_collection_G6EN3c-9467819917556" 17001 class="full-unstyled-link" 17002 aria-labelledby="StandardCardNoMediaLink-template--23890806309108__featured_collection_G6EN3c-9467819917556 NoMediaStandardBadge-template--23890806309108__featured_collection_G6EN3c-9467819917556" 17003 > 17004 Men's GrandPrø CitySpectre Laser Sneaker 17005 </a> 17006 </h3> 17007 </div> 17008 <div class="card__badge bottom left"> 17009 17010 </div> 17011 </div> 17012 </div> 17013 <div class="card__content card-content"> 17014 <div class="card__information"> 17015 17016 17017<variant-radios 17018 id="variant-radios-template--23890806309108__featured_collection_G6EN3c" 17019 class="no-js-hidden" 17020 data-section="template--23890806309108__featured_collection_G6EN3c" 17021 data-url="/products/c42978" 17022 17023 17024 > 17025 <div class= "clr-swatches-plp"><fieldset class="js product-form__input"> 17026 17027
17027<script src="//colehaan.com.ph/cdn/shop/t/131/assets/global.js?v=15889204645569497881790040512" defer="defer"></script>
17027<div 17028 class="swatches-wrapper" 17029 id="swatches-9467819917556-template--23890806309108__featured_collection_G6EN3c" 17030 data-related-handles="c44719,c42980,c42979,c42977" 17031 data-section-id="template--23890806309108__featured_collection_G6EN3c" 17032 data-product-id="9467819917556" 17033 data-product-form-id="product-form-template--23890806309108__featured_collection_G6EN3c" 17034> 17035<input 17036 class="related-product" 17037 type="radio" 17038 id="template--23890806309108__featured_collection_G6EN3c-1-1" 17039 name="Color" 17040 value="British Tan-Dark Chocolate" 17041 form="product-form-template--23890806309108__featured_collection_G6EN3c" 17042 data-url="/products/c42978" 17043 17044 checked 17045 17046 17047 > 17048 <label class="color-swatches-plp" for="template--23890806309108__featured_collection_G6EN3c-1-1" style="background: url('https://colehaan.com.ph/cdn/shop/files/BaseTransform1_b42e5567-3ff1-4fff-b71b-a48cfd207726.jpg?v=1779068366') center no-repeat; background-size: contain;" onclick="redirectToUrlCollection(this);"> 17049 </label> 17050 17051 17052 17053 <div class="related-swatches-container"></div> 17054</div> 17055 17056 </fieldset><fieldset class="js product-form__input"> 17057 17058 </fieldset><fieldset class="js product-form__input"> 17059 17060 </fieldset><span class="mobile-swatch-plus-plp" > 17061 17062 <a href="/products/c42978">+</a> 17063 </span> 17064 17065 17066
17066<script type="application/json"> 17067 17068 [{"id":48286576836852,"title":"British Tan-Dark Chocolate \/ Medium \/ 7","option1":"British Tan-Dark Chocolate","option2":"Medium","option3":"7","sku":"C42978 7.0M","requires_shipping":true,"taxable":true,"featured_image":null,"available":false,"name":"Men's GrandPrø CitySpectre Laser Sneaker - British Tan-Dark Chocolate \/ Medium \/ 7","public_title":"British Tan-Dark Chocolate \/ Medium \/ 7","options":["British Tan-Dark Chocolate","Medium","7"],"price":699000,"weight":1000,"compare_at_price":1199500,"inventory_management":"shopify","barcode":"198859582256","requires_selling_plan":false,"selling_plan_allocations":[],"quantity_rule":{"min":1,"max":null,"increment":1}},{"id":48286576869620,"title":"British Tan-Dark Chocolate \/ Medium \/ 7.5","option1":"British Tan-Dark Chocolate","option2":"Medium","option3":"7.5","sku":"C42978 7.5M","requires_shipping":true,"taxable":true,"featured_image":null,"available":false,"name":"Men's GrandPrø CitySpectre Laser Sneaker - British Tan-Dark Chocolate \/ Medium \/ 7.5","public_title":"British Tan-Dark Chocolate \/ Medium \/ 7.5","options":["British Tan-Dark Chocolate","Medium","7.5"],"price":699000,"weight":1000,"compare_at_price":1199500,"inventory_management":"shopify","barcode":"198859582263","requires_selling_plan":false,"selling_plan_allocations":[],"quantity_rule":{"min":1,"max":null,"increment":1}},{"id":48286576902388,"title":"British Tan-Dark Chocolate \/ Medium \/ 8","option1":"British Tan-Dark Chocolate","option2":"Medium","option3":"8","sku":"C42978 8.0M","requires_shipping":true,"taxable":true,"featured_image":null,"available":false,"name":"Men's GrandPrø CitySpectre Laser Sneaker - British Tan-Dark Chocolate \/ Medium \/ 8","public_title":"British Tan-Dark Chocolate \/ Medium \/ 8","options":["British Tan-Dark Chocolate","Medium","8"],"price":699000,"weight":1000,"compare_at_price":1199500,"inventory_management":"shopify","barcode":"198859582270","requires_selling_plan":false,"selling_plan_allocations":[],"quantity_rule":{"min":1,"max":null,"increment":1}},{"id":48286576935156,"title":"British Tan-Dark Chocolate \/ Medium \/ 8.5","option1":"British Tan-Dark Chocolate","option2":"Medium","option3":"8.5","sku":"C42978 8.5M","requires_shipping":true,"taxable":true,"featured_image":null,"available":false,"name":"Men's GrandPrø CitySpectre Laser Sneaker - British Tan-Dark Chocolate \/ Medium \/ 8.5","public_title":"British Tan-Dark Chocolate \/ Medium \/ 8.5","options":["British Tan-Dark Chocolate","Medium","8.5"],"price":699000,"weight":1000,"compare_at_price":1199500,"inventory_management":"shopify","barcode":"198859582287","requires_selling_plan":false,"selling_plan_allocations":[],"quantity_rule":{"min":1,"max":null,"increment":1}},{"id":48286576967924,"title":"British Tan-Dark Chocolate \/ Medium \/ 9","option1":"British Tan-Dark Chocolate","option2":"Medium","option3":"9","sku":"C42978 9.0M","requires_shipping":true,"taxable":true,"featured_image":null,"available":true,"name":"Men's GrandPrø CitySpectre Laser Sneaker - British Tan-Dark Chocolate \/ Medium \/ 9","public_title":"British Tan-Dark Chocolate \/ Medium \/ 9","options":["British Tan-Dark Chocolate","Medium","9"],"price":699000,"weight":1000,"compare_at_price":1199500,"inventory_management":"shopify","barcode":"198859582294","requires_selling_plan":false,"selling_plan_allocations":[],"quantity_rule":{"min":1,"max":null,"increment":1}},{"id":48286577000692,"title":"British Tan-Dark Chocolate \/ Medium \/ 9.5","option1":"British Tan-Dark Chocolate","option2":"Medium","option3":"9.5","sku":"C42978 9.5M","requires_shipping":true,"taxable":true,"featured_image":null,"available":true,"name":"Men's GrandPrø CitySpectre Laser Sneaker - British Tan-Dark Chocolate \/ Medium \/ 9.5","public_title":"British Tan-Dark Chocolate \/ Medium \/ 9.5","options":["British Tan-Dark Chocolate","Medium","9.5"],"price":699000,"weight":1000,"compare_at_price":1199500,"inventory_management":"shopify","barcode":"198859582300","requires_selling_plan":false,"selling_plan_allocations":[],"quantity_rule":{"min":1,"max":null,"increment":1}},{"id":48286577033460,"title":"British Tan-Dark Chocolate \/ Medium \/ 10","option1":"British Tan-Dark Chocolate","option2":"Medium","option3":"10","sku":"C42978 10.0M","requires_shipping":true,"taxable":true,"featured_image":null,"available":true,"name":"Men's GrandPrø CitySpectre Laser Sneaker - British Tan-Dark Chocolate \/ Medium \/ 10","public_title":"British Tan-Dark Chocolate \/ Medium \/ 10","options":["British Tan-Dark Chocolate","Medium","10"],"price":699000,"weight":1000,"compare_at_price":1199500,"inventory_management":"shopify","barcode":"198859582195","requires_selling_plan":false,"selling_plan_allocations":[],"quantity_rule":{"min":1,"max":null,"increment":1}},{"id":48286577066228,"title":"British Tan-Dark Chocolate \/ Medium \/ 10.5","option1":"British Tan-Dark Chocolate","option2":"Medium","option3":"10.5","sku":"C42978 10.5M","requires_shipping":true,"taxable":true,"featured_image":null,"available":false,"name":"Men's GrandPrø CitySpectre Laser Sneaker - British Tan-Dark Chocolate \/ Medium \/ 10.5","public_title":"British Tan-Dark Chocolate \/ Medium \/ 10.5","options":["British Tan-Dark Chocolate","Medium","10.5"],"price":699000,"weight":1000,"compare_at_price":1199500,"inventory_management":"shopify","barcode":"198859582201","requires_selling_plan":false,"selling_plan_allocations":[],"quantity_rule":{"min":1,"max":null,"increment":1}},{"id":48286577098996,"title":"British Tan-Dark Chocolate \/ Medium \/ 11","option1":"British Tan-Dark Chocolate","option2":"Medium","option3":"11","sku":"C42978 11.0M","requires_shipping":true,"taxable":true,"featured_image":null,"available":false,"name":"Men's GrandPrø CitySpectre Laser Sneaker - British Tan-Dark Chocolate \/ Medium \/ 11","public_title":"British Tan-Dark Chocolate \/ Medium \/ 11","options":["British Tan-Dark Chocolate","Medium","11"],"price":699000,"weight":1000,"compare_at_price":1199500,"inventory_management":"shopify","barcode":"198859582218","requires_selling_plan":false,"selling_plan_allocations":[],"quantity_rule":{"min":1,"max":null,"increment":1}},{"id":48286577164532,"title":"British Tan-Dark Chocolate \/ Medium \/ 12","option1":"British Tan-Dark Chocolate","option2":"Medium","option3":"12","sku":"C42978 12.0M","requires_shipping":true,"taxable":true,"featured_image":null,"available":false,"name":"Men's GrandPrø CitySpectre Laser Sneaker - British Tan-Dark Chocolate \/ Medium \/ 12","public_title":"British Tan-Dark Chocolate \/ Medium \/ 12","options":["British Tan-Dark Chocolate","Medium","12"],"price":699000,"weight":1000,"compare_at_price":1199500,"inventory_management":"shopify","barcode":"198859582232","requires_selling_plan":false,"selling_plan_allocations":[],"quantity_rule":{"min":1,"max":null,"increment":1}}] 17069 17070 </script>
17070 17071 17072 </div> 17073 </variant-radios><noscript class="product-form__noscript-wrapper-template--23890806309108__featured_collection_G6EN3c"> 17074 <div class="product-form__input"> 17075 <label class="form__label" for="Variants-template--23890806309108__featured_collection_G6EN3c">Product variants</label> 17076 <div class="select"> 17077 <select 17078 name="id" 17079 id="Variants-template--23890806309108__featured_collection_G6EN3c" 17080 class="select__select" 17081 form="" 17082 ><option 17083 17084 17085 disabled 17086 17087 value="48286576836852" 17088 >British Tan-Dark Chocolate / Medium / 7 - â±6,990.00 - Add to Bag</option><option 17089 17090 17091 disabled 17092 17093 value="48286576869620" 17094 >British Tan-Dark Chocolate / Medium / 7.5 - â±6,990.00 - Add to Bag</option><option 17095 17096 17097 disabled 17098 17099 value="48286576902388" 17100 >British Tan-Dark Chocolate / Medium / 8 - â±6,990.00 - Add to Bag</option><option 17101 17102 17103 disabled 17104 17105 value="48286576935156" 17106 >British Tan-Dark Chocolate / Medium / 8.5 - â±6,990.00 - Add to Bag</option><option 17107 17108 selected="selected" 17109 17110 17111 value="48286576967924" 17112 >British Tan-Dark Chocolate / Medium / 9 - â±6,990.00</option><option 17113 17114 17115 value="48286577000692" 17116 >British Tan-Dark Chocolate / Medium / 9.5 - â±6,990.00</option><option 17117 17118 17119 value="48286577033460" 17120 >British Tan-Dark Chocolate / Medium / 10 - â±6,990.00</option><option 17121 17122 17123 disabled 17124 17125 value="48286577066228" 17126 >British Tan-Dark Chocolate / Medium / 10.5 - â±6,990.00 - Add to Bag</option><option 17127 17128 17129 disabled 17130 17131 value="48286577098996" 17132 >British Tan-Dark Chocolate / Medium / 11 - â±6,990.00 - Add to Bag</option><option 17133 17134 17135 disabled 17136 17137 value="48286577164532" 17138 >British Tan-Dark Chocolate / Medium / 12 - â±6,990.00 - Add to Bag</option></select> 17139 <svg aria-hidden="true" focusable="false" class="icon icon-caret" viewBox="0 0 10 6"> 17140 <path fill-rule="evenodd" clip-rule="evenodd" d="M9.354.646a.5.5 0 00-.708 0L5 4.293 1.354.646a.5.5 0 00-.708.708l4 4a.5.5 0 00.708 0l4-4a.5.5 0 000-.708z" fill="currentColor"> 17141</svg> 17142<!-- <svg fill="#000000" height="14px" width="14px" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 330 330" xml:space="preserve" stroke="#000000" stroke-width="0.0033"><g id="SVGRepo_bgCarrier" stroke-width="0"></g><g id="SVGRepo_tracerCarrier" stroke-linecap="round" stroke-linejoin="round"></g> 17143 <g id="SVGRepo_iconCarrier"> 17144 <path id="XMLID_225_" d="M325.607,79.393c-5.857-5.857-15.355-5.858-21.213,0.001l-139.39,139.393L25.607,79.393 c-5.857-5.857-15.355-5.858-21.213,0.001c-5.858,5.858-5.858,15.355,0,21.213l150.004,150c2.813,2.813,6.628,4.393,10.606,4.393 s7.794-1.581,10.606-4.394l149.996-150C331.465,94.749,331.465,85.251,325.607,79.393z"> 17145 </path> </g></svg> --> 17146 17147 </div> 17148 </div> 17149</noscript> 17150
17151<script> 17152// var dataUrl; 17153// function fetchUrl(){ 17154// var productUrl = document.querySelector("button[data-product-url]"); 17155// if (productUrl) { 17156// debugger; 17157// dataUrl = productUrl.getAttribute("data-product-url"); 17158// console.log("data-product-url: ", dataUrl); 17159// } 17160// } 17161</script>
17161 17162 17163 17164 17165<div class=" 17166 price price--on-sale "> 17167 <div class="price__container"><div class="price__regular"> 17168 <span class="visually-hidden visually-hidden--inline">Regular price</span> 17169 <span class="price-item price-item--regular"> 17170 â±6,990 17171 </span> 17172 </div> 17173 <div class="price__sale price--large"> 17174 17175 <div class="" style="display: flex; white-space: nowrap; align-items: center;"> 17176 <span class="visually-hidden visually-hidden--inline">Regular price</span> 17177 <span class="strike-through quick-shop-regular"> 17178 <s class="price-item price-item--regular"> 17179 17180 â±11,995 17181 17182 </s> 17183 </span><span class="visually-hidden visually-hidden--inline " >Sale price</span> 17184 <span class="price-item price-item--sale price-item--last quick-shop-sale"> 17185 â±6,990 17186 </span> 17187 </div> 17188 <span class="compare-mark"> 17189 (41% Off) 17190 </span><style> 17191 .compare-mark{ 17192 font-size: 13px; 17193 color: #ff0d0d; 17194 font-family: WorkSansLight; 17195 margin-left: -10px; 17196 font-weight: 600; 17197 display: inline-flex; 17198 } 17199 @media screen and (max-width: 575px){ 17200 .compare-mark{ 17201 margin-left: 0; 17202 } 17203 .card-wrapper .price.price--on-sale .price__container { 17204 display: inline-flex; 17205 align-items: center; 17206 flex-wrap: wrap; 17207 align-items: flex-start; 17208 text-align: left; 17209 } 17210 } 17211 </style> 17212 </div> 17213 <small class="unit-price caption hidden"> 17214 <span class="visually-hidden">Unit price</span> 17215 <span class="price-item price-item--last"> 17216 <span></span> 17217 <span aria-hidden="true">/</span> 17218 <span class="visually-hidden"> per </span> 17219 <span> 17220 </span> 17221 </span> 17222 </small> 17223 </div></div> 17224 17225 <h3 17226 class="card_title card__heading h5" 17227 17228 id="title-template--23890806309108__featured_collection_G6EN3c-9467819917556" 17229 17230 > 17231 17232 17233 <a class="product_url" 17234 href="/products/c42978"> 17235 Men's GrandPrø CitySpectre Laser Sneaker 17236 </a> 17237 17238 </h3> 17239 <div class="card-information"><span class="caption-large light"></span></div> 17240 </div> 17241 17242 <div class="card__badge bottom left"><span 17243 id="Badge-template--23890806309108__featured_collection_G6EN3c-9467819917556" 17244 class="badge badge--bottom-left color-accent-2" 17245 >Sale</span></div> 17246 </div> 17247 </div> 17248 </div>
17248<script> 17249 17250 17251// function redirectFn(e){ 17252 17253// console.log('test e',e); 17254// const srcSet = e.querySelector('.pdp-primaryimage'); 17255 17256// const srcSetVal = srcSet['srcset']; 17257 17258// const startIndex = srcSetVal.indexOf('/products/'); 17259// const endIndex = srcSetVal.indexOf('_', startIndex); 17260// const desiredValue = srcSetVal.substring(startIndex, endIndex); 17261 17262// e.setAttribute('href', desiredValue); 17263 17264 17265// } 17266 17267 17268// document.addEventListener("DOMContentLoaded", function() { 17269// const items = document.querySelectorAll('#product-grid li.grid__item'); 17270 17271// items.forEach(item => { 17272// const button = item.querySelector('.quick-add__submit'); 17273// const colorSwatches = item.querySelectorAll('.color-swatches-plp'); 17274 17275// colorSwatches.forEach(swatch => { 17276// swatch.addEventListener('click', () => { 17277// const inputId = swatch.getAttribute('for'); 17278// const relatedProduct = item.querySelector(`#${inputId}.related-product`); 17279// if (relatedProduct) { 17280// const newUrl = relatedProduct.getAttribute('data-url'); 17281// if (newUrl) { 17282// button.setAttribute('data-product-url', newUrl); 17283// console.log(`Updated data-product-url: ${newUrl}`); 17284// } 17285// } 17286// }); 17287// }); 17288// }); 17289// }); 17290// // swatches click on collection page 17291 17292// document.addEventListener("DOMContentLoaded", function() { 17293 17294// initializeProductHrefs(); 17295 17296 17297// const colorSwatches = document.querySelectorAll('.color-swatches-plp'); 17298// colorSwatches.forEach(swatch => { 17299// swatch.addEventListener('click', function() { 17300// updateHref(this); 17301// }); 17302// }); 17303 17304 17305// const firstColorSwatch = document.querySelector('.color-swatches-plp'); 17306// if (firstColorSwatch) { 17307// firstColorSwatch.addEventListener('click', function() { 17308// updateHrefToFirstVariant(this); 17309// }); 17310// } 17311// }); 17312 17313// function initializeProductHrefs() { 17314// const productItems = document.querySelectorAll('#product-grid li.grid__item'); 17315// productItems.forEach((item, index) => { 17316// const firstVariant = item.querySelector('input.related-product'); 17317// if (firstVariant) { 17318// const initialUrl = firstVariant.getAttribute('data-url'); 17319// if (initialUrl) { 17320// const pdpNavigationLink = item.querySelector('.pdp-navigation-link'); 17321// pdpNavigationLink.setAttribute('href', initialUrl); 17322 17323// } 17324// } 17325// }); 17326// } 17327 17328// function updateHref(swatch) { 17329// const parentItem = swatch.closest('li.grid__item'); 17330// const inputId = swatch.getAttribute('for'); 17331// const relatedProduct = parentItem.querySelector(`input#${inputId}.related-product`); 17332// if (relatedProduct) { 17333// const newUrl = relatedProduct.getAttribute('data-url'); 17334// if (newUrl) { 17335// const pdpNavigationLink = parentItem.querySelector('.pdp-navigation-link'); 17336// pdpNavigationLink.setAttribute('href', newUrl); 17337 17338// } else { 17339// console.log(`No data-url found for swatch: ${inputId}`); 17340// } 17341// } else { 17342// console.log(`No related product input found for swatch: ${inputId}`); 17343// } 17344// } 17345 17346// function updateHrefToFirstVariant(swatch) { 17347// const parentItem = swatch.closest('li.grid__item'); 17348// const firstRelatedProduct = parentItem.querySelector('input.related-product'); 17349// if (firstRelatedProduct) { 17350// const firstUrl = firstRelatedProduct.getAttribute('data-url'); 17351// if (firstUrl) { 17352// const pdpNavigationLink = parentItem.querySelector('.pdp-navigation-link'); 17353// pdpNavigationLink.setAttribute('href', firstUrl); 17354 17355// } else { 17356// console.log('No data-url found for the first related product.'); 17357// } 17358// } else { 17359// console.log('No related product inputs found.'); 17360// } 17361// } 17362 17363 17364 17365</script>
17365 17366 17367 17368 </li><li 17369 id="Slide-template--23890806309108__featured_collection_G6EN3c-14" 17370 class="grid__item slider__slide" 17371 > 17372 17373 17374<link href="//colehaan.com.ph/cdn/shop/t/131/assets/component-rating.css?v=24573085263941240431790040493" rel="stylesheet" type="text/css" media="all" /> 17375<style> 17376 .eyebrow{ 17377 background: #808080 !important; 17378 } 17379</style><div class="card-wrapper product-card-wrapper"> 17380 <div 17381 class=" 17382 card 17383 card--card 17384 card--media 17385 color-background-1 gradient 17386 17387 17388 17389 " 17390 style="--ratio-percent: 100%;" 17391 > 17392 <div 17393 class="card__inner ratio" 17394 style="--ratio-percent: 100%;" 17395 ><div class="card__media"> 17396 17397 <div class="quick-add quick-add-test no-js-hidden"> 17398 17399 <modal-opener data-modal="#QuickAdd-9444366450932"> 17400 <button 17401 id="quick-add-template--23890806309108__featured_collection_G6EN3c9444366450932-submit" 17402 type="submit" 17403 name="add" 17404 class="quick-add__submit button--full-width button--secondary" 17405 aria-haspopup="dialog" 17406 aria-labelledby="quick-add-template--23890806309108__featured_collection_G6EN3c9444366450932-submit title-template--23890806309108__featured_collection_G6EN3c-9444366450932" 17407 data-product-url="/products/c43477" 17408 > 17409 Quick shop 17410<div class="loading-overlay__spinner hidden"> 17411 <svg 17412 aria-hidden="true" 17413 focusable="false" 17414 class="spinner"
17415 viewBox="0 0 66 66" 17416 xmlns="http://www.w3.org/2000/svg" 17417 > 17418 <circle class="path" fill="none" stroke-width="6" cx="33" cy="33" r="30"></circle> 17419 </svg> 17420 </div> 17421 </button> 17422 </modal-opener> 17423 <quick-add-modal id="QuickAdd-9444366450932" class="quick-add-modal"> 17424 <div 17425 role="dialog" 17426 aria-label="Choose options for Men&#39;s GrandPrø Turf SKYWEAVE⢠Sneaker" 17427 aria-modal="true" 17428 class="quick-add-modal__content global-settings-popup" 17429 tabindex="-1" 17430 > 17431 <button 17432 id="ModalClose-9444366450932" 17433 type="button" 17434 class="quick-add-modal__toggle" 17435 aria-label="Close" 17436 > 17437 <svg 17438 xmlns="http://www.w3.org/2000/svg" 17439 aria-hidden="true" 17440 focusable="false" 17441 class="icon icon-close" 17442 fill="none" 17443 viewBox="0 0 18 17" 17444> 17445 <path d="M.865 15.978a.5.5 0 00.707.707l7.433-7.431 7.579 7.282a.501.501 0 00.846-.37.5.5 0 00-.153-.351L9.712 8.546l7.417-7.416a.5.5 0 10-.707-.708L8.991 7.853 1.413.573a.5.5 0 10-.693.72l7.563 7.268-7.418 7.417z" fill="currentColor"> 17446</svg> 17447 17448 </button> 17449 <div class="logo_ch"> 17450 <img src="https://cdn.shopify.com/s/files/1/0268/1228/5039/files/colehaan_logo.png?v=1694757702" style="width: 150px; margin: 20px;"/> 17451 </div> 17452 <div id="QuickAddInfo-9444366450932" class="quick-add-modal__content-info"> 17453 </div> 17454 17455 <div class="cart-and-ipay"> 17456 <button class="add-to-cart-global btn" onclick="triggerQuickBasket(event, 'product-form-quickadd-template--23890806309108__featured_collection_G6EN3c');" title="Add to bag"> 17457 Add to Bag 17458 </button> 17459 </div> 17460 </div> 17461 </quick-add-modal> 17462 17463 17464 </div> 17465 17466 <div class="media"> 17467 17468 17469 <a class="pdp-navigation-link" onclick = "redirectFn(this);" href="/products/c43477"> 17470 <img class="img-tag pdp-primaryimage" 17471 srcset="//colehaan.com.ph/cdn/shop/files/BaseTransform1_27e19683-346b-4117-b243-40f9e3430946.jpg?v=1777865858&width=165 165w,//colehaan.com.ph/cdn/shop/files/BaseTransform1_27e19683-346b-4117-b243-40f9e3430946.jpg?v=1777865858&width=360 360w,//colehaan.com.ph/cdn/shop/files/BaseTransform1_27e19683-346b-4117-b243-40f9e3430946.jpg?v=1777865858&width=533 533w,//colehaan.com.ph/cdn/shop/files/BaseTransform1_27e19683-346b-4117-b243-40f9e3430946.jpg?v=1777865858&width=720 720w,//colehaan.com.ph/cdn/shop/files/BaseTransform1_27e19683-346b-4117-b243-40f9e3430946.jpg?v=1777865858&width=940 940w,//colehaan.com.ph/cdn/shop/files/BaseTransform1_27e19683-346b-4117-b243-40f9e3430946.jpg?v=1777865858&width=1066 1066w,//colehaan.com.ph/cdn/shop/files/BaseTransform1_27e19683-346b-4117-b243-40f9e3430946.jpg?v=1777865858 2000w 17472 " 17473 src="//colehaan.com.ph/cdn/shop/files/BaseTransform1_27e19683-346b-4117-b243-40f9e3430946.jpg?v=1777865858&width=533" 17474 sizes="(min-width: 1200px) 267px, (min-width: 990px) calc((100vw - 130px) / 4), (min-width: 750px) calc((100vw - 120px) / 3), calc((100vw - 35px) / 2)" 17475 alt="C43477:IVORY / CH BRITISH TAN / IVORY" 17476 class="motion-reduce" 17477 17478 loading="lazy" 17479 17480 width="2000" 17481 height="2250" 17482 > 17483 17484</a> 17485 </div> 17486 </div><div class="card__content"> 17487 <div class="card__information"> 17488 <h3 17489 class="card__heading" 17490 17491 > 17492 <a 17493 href="/products/c43477" 17494 id="StandardCardNoMediaLink-template--23890806309108__featured_collection_G6EN3c-9444366450932" 17495 class="full-unstyled-link" 17496 aria-labelledby="StandardCardNoMediaLink-template--23890806309108__featured_collection_G6EN3c-9444366450932 NoMediaStandardBadge-template--23890806309108__featured_collection_G6EN3c-9444366450932" 17497 > 17498 Men's GrandPrø Turf SKYWEAVE⢠Sneaker 17499 </a> 17500 </h3> 17501 </div> 17502 <div class="card__badge bottom left"> 17503 17504 </div> 17505 </div> 17506 </div> 17507 <div class="card__content card-content"> 17508 <div class="card__information"> 17509 17510 17511<variant-radios 17512 id="variant-radios-template--23890806309108__featured_collection_G6EN3c" 17513 class="no-js-hidden" 17514 data-section="template--23890806309108__featured_collection_G6EN3c" 17515 data-url="/products/c43477" 17516 17517 17518 > 17519 <div class= "clr-swatches-plp"><fieldset class="js product-form__input"> 17520 17521
17521<script src="//colehaan.com.ph/cdn/shop/t/131/assets/global.js?v=15889204645569497881790040512" defer="defer"></script>
17521<div 17522 class="swatches-wrapper" 17523 id="swatches-9444366450932-template--23890806309108__featured_collection_G6EN3c" 17524 data-related-handles="c44595,c44594,c44873,c43477,c43476" 17525 data-section-id="template--23890806309108__featured_collection_G6EN3c" 17526 data-product-id="9444366450932" 17527 data-product-form-id="product-form-template--23890806309108__featured_collection_G6EN3c" 17528> 17529<input 17530 class="related-product" 17531 type="radio" 17532 id="template--23890806309108__featured_collection_G6EN3c-1-1" 17533 name="Color" 17534 value="Ivory-British Tan" 17535 form="product-form-template--23890806309108__featured_collection_G6EN3c" 17536 data-url="/products/c43477" 17537 17538 checked 17539 17540 17541 > 17542 <label class="color-swatches-plp" for="template--23890806309108__featured_collection_G6EN3c-1-1" style="background: url('https://colehaan.com.ph/cdn/shop/files/BaseTransform1_27e19683-346b-4117-b243-40f9e3430946.jpg?v=1777865858') center no-repeat; background-size: contain;" onclick="redirectToUrlCollection(this);"> 17543 </label> 17544 17545 17546 17547 <div class="related-swatches-container"></div> 17548</div> 17549 17550 </fieldset><fieldset class="js product-form__input"> 17551 17552 </fieldset><fieldset class="js product-form__input"> 17553 17554 </fieldset><span class="mobile-swatch-plus-plp" > 17555 17556 <a href="/products/c43477">+</a> 17557 </span> 17558 17559 17560
17560<script type="application/json"> 17561 17562 [{"id":48123380236532,"title":"Ivory-British Tan \/ Medium \/ 7","option1":"Ivory-British Tan","option2":"Medium","option3":"7","sku":"C43477 7.0M","requires_shipping":true,"taxable":true,"featured_image":null,"available":false,"name":"Men's GrandPrø Turf SKYWEAVE⢠Sneaker - Ivory-British Tan \/ Medium \/ 7","public_title":"Ivory-British Tan \/ Medium \/ 7","options":["Ivory-British Tan","Medium","7"],"price":999000,"weight":1000,"compare_at_price":1499500,"inventory_management":"shopify","barcode":"198859592811","requires_selling_plan":false,"selling_plan_allocations":[],"quantity_rule":{"min":1,"max":null,"increment":1}},{"id":48123380269300,"title":"Ivory-British Tan \/ Medium \/ 7.5","option1":"Ivory-British Tan","option2":"Medium","option3":"7.5","sku":"C43477 7.5M","requires_shipping":true,"taxable":true,"featured_image":null,"available":false,"name":"Men's GrandPrø Turf SKYWEAVE⢠Sneaker - Ivory-British Tan \/ Medium \/ 7.5","public_title":"Ivory-British Tan \/ Medium \/ 7.5","options":["Ivory-British Tan","Medium","7.5"],"price":999000,"weight":1000,"compare_at_price":1499500,"inventory_management":"shopify","barcode":"198859592828","requires_selling_plan":false,"selling_plan_allocations":[],"quantity_rule":{"min":1,"max":null,"increment":1}},{"id":48123380302068,"title":"Ivory-British Tan \/ Medium \/ 8","option1":"Ivory-British Tan","option2":"Medium","option3":"8","sku":"C43477 8.0M","requires_shipping":true,"taxable":true,"featured_image":null,"available":true,"name":"Men's GrandPrø Turf SKYWEAVE⢠Sneaker - Ivory-British Tan \/ Medium \/ 8","public_title":"Ivory-British Tan \/ Medium \/ 8","options":["Ivory-British Tan","Medium","8"],"price":999000,"weight":1000,"compare_at_price":1499500,"inventory_management":"shopify","barcode":"198859592835","requires_selling_plan":false,"selling_plan_allocations":[],"quantity_rule":{"min":1,"max":null,"increment":1}},{"id":48123380334836,"title":"Ivory-British Tan \/ Medium \/ 8.5","option1":"Ivory-British Tan","option2":"Medium","option3":"8.5","sku":"C43477 8.5M","requires_shipping":true,"taxable":true,"featured_image":null,"available":true,"name":"Men's GrandPrø Turf SKYWEAVE⢠Sneaker - Ivory-British Tan \/ Medium \/ 8.5","public_title":"Ivory-British Tan \/ Medium \/ 8.5","options":["Ivory-British Tan","Medium","8.5"],"price":999000,"weight":1000,"compare_at_price":1499500,"inventory_management":"shopify","barcode":"198859592842","requires_selling_plan":false,"selling_plan_allocations":[],"quantity_rule":{"min":1,"max":null,"increment":1}},{"id":48123380367604,"title":"Ivory-British Tan \/ Medium \/ 9","option1":"Ivory-British Tan","option2":"Medium","option3":"9","sku":"C43477 9.0M","requires_shipping":true,"taxable":true,"featured_image":null,"available":true,"name":"Men's GrandPrø Turf SKYWEAVE⢠Sneaker - Ivory-British Tan \/ Medium \/ 9","public_title":"Ivory-British Tan \/ Medium \/ 9","options":["Ivory-British Tan","Medium","9"],"price":999000,"weight":1000,"compare_at_price":1499500,"inventory_management":"shopify","barcode":"198859592859","requires_selling_plan":false,"selling_plan_allocations":[],"quantity_rule":{"min":1,"max":null,"increment":1}},{"id":48123380400372,"title":"Ivory-British Tan \/ Medium \/ 9.5","option1":"Ivory-British Tan","option2":"Medium","option3":"9.5","sku":"C43477 9.5M","requires_shipping":true,"taxable":true,"featured_image":null,"available":true,"name":"Men's GrandPrø Turf SKYWEAVE⢠Sneaker - Ivory-British Tan \/ Medium \/ 9.5","public_title":"Ivory-British Tan \/ Medium \/ 9.5","options":["Ivory-British Tan","Medium","9.5"],"price":999000,"weight":1000,"compare_at_price":1499500,"inventory_management":"shopify","barcode":"198859592866","requires_selling_plan":false,"selling_plan_allocations":[],"quantity_rule":{"min":1,"max":null,"increment":1}},{"id":48123380433140,"title":"Ivory-British Tan \/ Medium \/ 10","option1":"Ivory-British Tan","option2":"Medium","option3":"10","sku":"C43477 10.0M","requires_shipping":true,"taxable":true,"featured_image":null,"available":true,"name":"Men's GrandPrø Turf SKYWEAVE⢠Sneaker - Ivory-British Tan \/ Medium \/ 10","public_title":"Ivory-British Tan \/ Medium \/ 10","options":["Ivory-British Tan","Medium","10"],"price":999000,"weight":1000,"compare_at_price":1499500,"inventory_management":"shopify","barcode":"198859592750","requires_selling_plan":false,"selling_plan_allocations":[],"quantity_rule":{"min":1,"max":null,"increment":1}},{"id":48123380465908,"title":"Ivory-British Tan \/ Medium \/ 10.5","option1":"Ivory-British Tan","option2":"Medium","option3":"10.5","sku":"C43477 10.5M","requires_shipping":true,"taxable":true,"featured_image":null,"available":false,"name":"Men's GrandPrø Turf SKYWEAVE⢠Sneaker - Ivory-British Tan \/ Medium \/ 10.5","public_title":"Ivory-British Tan \/ Medium \/ 10.5","options":["Ivory-British Tan","Medium","10.5"],"price":999000,"weight":1000,"compare_at_price":1499500,"inventory_management":"shopify","barcode":"198859592767","requires_selling_plan":false,"selling_plan_allocations":[],"quantity_rule":{"min":1,"max":null,"increment":1}},{"id":48123380498676,"title":"Ivory-British Tan \/ Medium \/ 11","option1":"Ivory-British Tan","option2":"Medium","option3":"11","sku":"C43477 11.0M","requires_shipping":true,"taxable":true,"featured_image":null,"available":false,"name":"Men's GrandPrø Turf SKYWEAVE⢠Sneaker - Ivory-British Tan \/ Medium \/ 11","public_title":"Ivory-British Tan \/ Medium \/ 11","options":["Ivory-British Tan","Medium","11"],"price":999000,"weight":1000,"compare_at_price":1499500,"inventory_management":"shopify","barcode":"198859592774","requires_selling_plan":false,"selling_plan_allocations":[],"quantity_rule":{"min":1,"max":null,"increment":1}},{"id":48133411373300,"title":"Ivory-British Tan \/ Medium \/ 11.5","option1":"Ivory-British Tan","option2":"Medium","option3":"11.5","sku":"C43477 11.5M","requires_shipping":true,"taxable":true,"featured_image":null,"available":false,"name":"Men's GrandPrø Turf SKYWEAVE⢠Sneaker - Ivory-British Tan \/ Medium \/ 11.5","public_title":"Ivory-British Tan \/ Medium \/ 11.5","options":["Ivory-British Tan","Medium","11.5"],"price":999000,"weight":1000,"compare_at_price":1499500,"inventory_management":"shopify","barcode":null,"requires_selling_plan":false,"selling_plan_allocations":[],"quantity_rule":{"min":1,"max":null,"increment":1}},{"id":48123380564212,"title":"Ivory-British Tan \/ Medium \/ 12","option1":"Ivory-British Tan","option2":"Medium","option3":"12","sku":"C43477 12.0M","requires_shipping":true,"taxable":true,"featured_image":null,"available":false,"name":"Men's GrandPrø Turf SKYWEAVE⢠Sneaker - Ivory-British Tan \/ Medium \/ 12","public_title":"Ivory-British Tan \/ Medium \/ 12","options":["Ivory-British Tan","Medium","12"],"price":999000,"weight":1000,"compare_at_price":1499500,"inventory_management":"shopify","barcode":"198859592798","requires_selling_plan":false,"selling_plan_allocations":[],"quantity_rule":{"min":1,"max":null,"increment":1}}] 17563 17564 </script>
17564 17565 17566 </div> 17567 </variant-radios><noscript class="product-form__noscript-wrapper-template--23890806309108__featured_collection_G6EN3c"> 17568 <div class="product-form__input"> 17569 <label class="form__label" for="Variants-template--23890806309108__featured_collection_G6EN3c">Product variants</label> 17570 <div class="select"> 17571 <select 17572 name="id" 17573 id="Variants-template--23890806309108__featured_collection_G6EN3c" 17574 class="select__select" 17575 form="" 17576 ><option 17577 17578 17579 disabled 17580 17581 value="48123380236532" 17582 >Ivory-British Tan / Medium / 7 - â±9,990.00 - Add to Bag</option><option 17583 17584 17585 disabled 17586 17587 value="48123380269300" 17588 >Ivory-British Tan / Medium / 7.5 - â±9,990.00 - Add to Bag</option><option 17589 17590 selected="selected" 17591 17592 17593 value="48123380302068" 17594 >Ivory-British Tan / Medium / 8 - â±9,990.00</option><option 17595 17596 17597 value="48123380334836" 17598 >Ivory-British Tan / Medium / 8.5 - â±9,990.00</option><option 17599 17600 17601 value="48123380367604" 17602 >Ivory-British Tan / Medium / 9 - â±9,990.00</option><option 17603 17604 17605 value="48123380400372" 17606 >Ivory-British Tan / Medium / 9.5 - â±9,990.00</option><option 17607 17608 17609 value="48123380433140" 17610 >Ivory-British Tan / Medium / 10 - â±9,990.00</option><option 17611 17612 17613 disabled 17614 17615 value="48123380465908" 17616 >Ivory-British Tan / Medium / 10.5 - â±9,990.00 - Add to Bag</option><option 17617 17618 17619 disabled 17620 17621 value="48123380498676" 17622 >Ivory-British Tan / Medium / 11 - â±9,990.00 - Add to Bag</option><option 17623 17624 17625 disabled 17626 17627 value="48133411373300" 17628 >Ivory-British Tan / Medium / 11.5 - â±9,990.00 - Add to Bag</option><option 17629 17630 17631 disabled 17632 17633 value="48123380564212" 17634 >Ivory-British Tan / Medium / 12 - â±9,990.00 - Add to Bag</option></select> 17635 <svg aria-hidden="true" focusable="false" class="icon icon-caret" viewBox="0 0 10 6"> 17636 <path fill-rule="evenodd" clip-rule="evenodd" d="M9.354.646a.5.5 0 00-.708 0L5 4.293 1.354.646a.5.5 0 00-.708.708l4 4a.5.5 0 00.708 0l4-4a.5.5 0 000-.708z" fill="currentColor"> 17637</svg> 17638<!-- <svg fill="#000000" height="14px" width="14px" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 330 330" xml:space="preserve" stroke="#000000" stroke-width="0.0033"><g id="SVGRepo_bgCarrier" stroke-width="0"></g><g id="SVGRepo_tracerCarrier" stroke-linecap="round" stroke-linejoin="round"></g> 17639 <g id="SVGRepo_iconCarrier"> 17640 <path id="XMLID_225_" d="M325.607,79.393c-5.857-5.857-15.355-5.858-21.213,0.001l-139.39,139.393L25.607,79.393 c-5.857-5.857-15.355-5.858-21.213,0.001c-5.858,5.858-5.858,15.355,0,21.213l150.004,150c2.813,2.813,6.628,4.393,10.606,4.393 s7.794-1.581,10.606-4.394l149.996-150C331.465,94.749,331.465,85.251,325.607,79.393z"> 17641 </path> </g></svg> --> 17642 17643 </div> 17644 </div> 17645</noscript> 17646
17647<script> 17648// var dataUrl; 17649// function fetchUrl(){ 17650// var productUrl = document.querySelector("button[data-product-url]"); 17651// if (productUrl) { 17652// debugger; 17653// dataUrl = productUrl.getAttribute("data-product-url"); 17654// console.log("data-product-url: ", dataUrl); 17655// } 17656// } 17657</script>
17657 17658 17659 17660 17661<div class=" 17662 price price--on-sale "> 17663 <div class="price__container"><div class="price__regular"> 17664 <span class="visually-hidden visually-hidden--inline">Regular price</span> 17665 <span class="price-item price-item--regular"> 17666 â±9,990 17667 </span> 17668 </div> 17669 <div class="price__sale price--large"> 17670 17671 <div class="" style="display: flex; white-space: nowrap; align-items: center;"> 17672 <span class="visually-hidden visually-hidden--inline">Regular price</span> 17673 <span class="strike-through quick-shop-regular"> 17674 <s class="price-item price-item--regular"> 17675 17676 â±14,995 17677 17678 </s> 17679 </span><span class="visually-hidden visually-hidden--inline " >Sale price</span> 17680 <span class="price-item price-item--sale price-item--last quick-shop-sale"> 17681 â±9,990 17682 </span> 17683 </div> 17684 <span class="compare-mark"> 17685 (33% Off) 17686 </span><style> 17687 .compare-mark{ 17688 font-size: 13px; 17689 color: #ff0d0d; 17690 font-family: WorkSansLight; 17691 margin-left: -10px; 17692 font-weight: 600; 17693 display: inline-flex; 17694 } 17695 @media screen and (max-width: 575px){ 17696 .compare-mark{ 17697 margin-left: 0; 17698 } 17699 .card-wrapper .price.price--on-sale .price__container { 17700 display: inline-flex; 17701 align-items: center; 17702 flex-wrap: wrap; 17703 align-items: flex-start; 17704 text-align: left; 17705 } 17706 } 17707 </style> 17708 </div> 17709 <small class="unit-price caption hidden"> 17710 <span class="visually-hidden">Unit price</span> 17711 <span class="price-item price-item--last"> 17712 <span></span> 17713 <span aria-hidden="true">/</span> 17714 <span class="visually-hidden"> per </span> 17715 <span> 17716 </span> 17717 </span> 17718 </small> 17719 </div></div> 17720 17721 <h3 17722 class="card_title card__heading h5" 17723 17724 id="title-template--23890806309108__featured_collection_G6EN3c-9444366450932" 17725 17726 > 17727 17728 17729 <a class="product_url" 17730 href="/products/c43477"> 17731 Men's GrandPrø Turf SKYWEAVE⢠Sneaker 17732 </a> 17733 17734 </h3> 17735 <div class="card-information"><span class="caption-large light"></span></div> 17736 </div> 17737 17738 <div class="card__badge bottom left"><span 17739 id="Badge-template--23890806309108__featured_collection_G6EN3c-9444366450932" 17740 class="badge badge--bottom-left color-accent-2" 17741 >Sale</span></div> 17742 </div> 17743 </div> 17744 </div>
17744<script> 17745 17746 17747// function redirectFn(e){ 17748 17749// console.log('test e',e); 17750// const srcSet = e.querySelector('.pdp-primaryimage'); 17751 17752// const srcSetVal = srcSet['srcset']; 17753 17754// const startIndex = srcSetVal.indexOf('/products/'); 17755// const endIndex = srcSetVal.indexOf('_', startIndex); 17756// const desiredValue = srcSetVal.substring(startIndex, endIndex); 17757 17758// e.setAttribute('href', desiredValue); 17759 17760 17761// } 17762 17763 17764// document.addEventListener("DOMContentLoaded", function() { 17765// const items = document.querySelectorAll('#product-grid li.grid__item'); 17766 17767// items.forEach(item => { 17768// const button = item.querySelector('.quick-add__submit'); 17769// const colorSwatches = item.querySelectorAll('.color-swatches-plp'); 17770 17771// colorSwatches.forEach(swatch => { 17772// swatch.addEventListener('click', () => { 17773// const inputId = swatch.getAttribute('for'); 17774// const relatedProduct = item.querySelector(`#${inputId}.related-product`); 17775// if (relatedProduct) { 17776// const newUrl = relatedProduct.getAttribute('data-url'); 17777// if (newUrl) { 17778// button.setAttribute('data-product-url', newUrl); 17779// console.log(`Updated data-product-url: ${newUrl}`); 17780// } 17781// } 17782// }); 17783// }); 17784// }); 17785// }); 17786// // swatches click on collection page 17787 17788// document.addEventListener("DOMContentLoaded", function() { 17789 17790// initializeProductHrefs(); 17791 17792 17793// const colorSwatches = document.querySelectorAll('.color-swatches-plp'); 17794// colorSwatches.forEach(swatch => { 17795// swatch.addEventListener('click', function() { 17796// updateHref(this); 17797// }); 17798// }); 17799 17800 17801// const firstColorSwatch = document.querySelector('.color-swatches-plp'); 17802// if (firstColorSwatch) { 17803// firstColorSwatch.addEventListener('click', function() { 17804// updateHrefToFirstVariant(this); 17805// }); 17806// } 17807// }); 17808 17809// function initializeProductHrefs() { 17810// const productItems = document.querySelectorAll('#product-grid li.grid__item'); 17811// productItems.forEach((item, index) => { 17812// const firstVariant = item.querySelector('input.related-product'); 17813// if (firstVariant) { 17814// const initialUrl = firstVariant.getAttribute('data-url'); 17815// if (initialUrl) { 17816// const pdpNavigationLink = item.querySelector('.pdp-navigation-link'); 17817// pdpNavigationLink.setAttribute('href', initialUrl); 17818 17819// } 17820// } 17821// }); 17822// } 17823 17824// function updateHref(swatch) { 17825// const parentItem = swatch.closest('li.grid__item'); 17826// const inputId = swatch.getAttribute('for'); 17827// const relatedProduct = parentItem.querySelector(`input#${inputId}.related-product`); 17828// if (relatedProduct) { 17829// const newUrl = relatedProduct.getAttribute('data-url'); 17830// if (newUrl) { 17831// const pdpNavigationLink = parentItem.querySelector('.pdp-navigation-link'); 17832// pdpNavigationLink.setAttribute('href', newUrl); 17833 17834// } else { 17835// console.log(`No data-url found for swatch: ${inputId}`); 17836// } 17837// } else { 17838// console.log(`No related product input found for swatch: ${inputId}`); 17839// } 17840// } 17841 17842// function updateHrefToFirstVariant(swatch) { 17843// const parentItem = swatch.closest('li.grid__item'); 17844// const firstRelatedProduct = parentItem.querySelector('input.related-product'); 17845// if (firstRelatedProduct) { 17846// const firstUrl = firstRelatedProduct.getAttribute('data-url'); 17847// if (firstUrl) { 17848// const pdpNavigationLink = parentItem.querySelector('.pdp-navigation-link'); 17849// pdpNavigationLink.setAttribute('href', firstUrl); 17850 17851// } else { 17852// console.log('No data-url found for the first related product.'); 17853// } 17854// } else { 17855// console.log('No related product inputs found.'); 17856// } 17857// } 17858 17859 17860 17861</script>
17861 17862 17863 17864 </li><li 17865 id="Slide-template--23890806309108__featured_collection_G6EN3c-15" 17866 class="grid__item slider__slide" 17867 > 17868 17869 17870<link href="//colehaan.com.ph/cdn/shop/t/131/assets/component-rating.css?v=24573085263941240431790040493" rel="stylesheet" type="text/css" media="all" /> 17871<style> 17872 .eyebrow{ 17873 background: #808080 !important; 17874 } 17875</style><div class="card-wrapper product-card-wrapper"> 17876 <div 17877 class=" 17878 card 17879 card--card 17880 card--media 17881 color-background-1 gradient 17882 17883 17884 17885 " 17886 style="--ratio-percent: 100%;" 17887 > 17888 <div 17889 class="card__inner ratio" 17890 style="--ratio-percent: 100%;" 17891 ><div class="card__media"> 17892 17893 <div class="quick-add quick-add-test no-js-hidden"> 17894 17895 <modal-opener data-modal="#QuickAdd-9444366713076"> 17896 <button 17897 id="quick-add-template--23890806309108__featured_collection_G6EN3c9444366713076-submit" 17898 type="submit" 17899 name="add" 17900 class="quick-add__submit button--full-width button--secondary" 17901 aria-haspopup="dialog" 17902 aria-labelledby="quick-add-template--23890806309108__featured_collection_G6EN3c9444366713076-submit title-template--23890806309108__featured_collection_G6EN3c-9444366713076" 17903 data-product-url="/products/c43978" 17904 > 17905 Quick shop 17906<div class="loading-overlay__spinner hidden"> 17907 <svg 17908 aria-hidden="true" 17909 focusable="false" 17910 class="spinner"
17911 viewBox="0 0 66 66" 17912 xmlns="http://www.w3.org/2000/svg" 17913 > 17914 <circle class="path" fill="none" stroke-width="6" cx="33" cy="33" r="30"></circle> 17915 </svg> 17916 </div> 17917 </button> 17918 </modal-opener> 17919 <quick-add-modal id="QuickAdd-9444366713076" class="quick-add-modal"> 17920 <div 17921 role="dialog" 17922 aria-label="Choose options for Men&#39;s 6.ZERÃGRAND Quick-On Sneaker" 17923 aria-modal="true" 17924 class="quick-add-modal__content global-settings-popup" 17925 tabindex="-1" 17926 > 17927 <button 17928 id="ModalClose-9444366713076" 17929 type="button" 17930 class="quick-add-modal__toggle" 17931 aria-label="Close" 17932 > 17933 <svg 17934 xmlns="http://www.w3.org/2000/svg" 17935 aria-hidden="true" 17936 focusable="false" 17937 class="icon icon-close" 17938 fill="none" 17939 viewBox="0 0 18 17" 17940> 17941 <path d="M.865 15.978a.5.5 0 00.707.707l7.433-7.431 7.579 7.282a.501.501 0 00.846-.37.5.5 0 00-.153-.351L9.712 8.546l7.417-7.416a.5.5 0 10-.707-.708L8.991 7.853 1.413.573a.5.5 0 10-.693.72l7.563 7.268-7.418 7.417z" fill="currentColor"> 17942</svg> 17943 17944 </button> 17945 <div class="logo_ch"> 17946 <img src="https://cdn.shopify.com/s/files/1/0268/1228/5039/files/colehaan_logo.png?v=1694757702" style="width: 150px; margin: 20px;"/> 17947 </div> 17948 <div id="QuickAddInfo-9444366713076" class="quick-add-modal__content-info"> 17949 </div> 17950 17951 <div class="cart-and-ipay"> 17952 <button class="add-to-cart-global btn" onclick="triggerQuickBasket(event, 'product-form-quickadd-template--23890806309108__featured_collection_G6EN3c');" title="Add to bag"> 17953 Add to Bag 17954 </button> 17955 </div> 17956 </div> 17957 </quick-add-modal> 17958 17959 17960 </div> 17961 17962 <div class="media"> 17963 17964 17965 <a class="pdp-navigation-link" onclick = "redirectFn(this);" href="/products/c43978"> 17966 <img class="img-tag pdp-primaryimage" 17967 srcset="//colehaan.com.ph/cdn/shop/files/BaseTransform1_dc3bd76a-948d-4150-8425-7512c2072049.jpg?v=1777865924&width=165 165w,//colehaan.com.ph/cdn/shop/files/BaseTransform1_dc3bd76a-948d-4150-8425-7512c2072049.jpg?v=1777865924&width=360 360w,//colehaan.com.ph/cdn/shop/files/BaseTransform1_dc3bd76a-948d-4150-8425-7512c2072049.jpg?v=1777865924&width=533 533w,//colehaan.com.ph/cdn/shop/files/BaseTransform1_dc3bd76a-948d-4150-8425-7512c2072049.jpg?v=1777865924&width=720 720w,//colehaan.com.ph/cdn/shop/files/BaseTransform1_dc3bd76a-948d-4150-8425-7512c2072049.jpg?v=1777865924&width=940 940w,//colehaan.com.ph/cdn/shop/files/BaseTransform1_dc3bd76a-948d-4150-8425-7512c2072049.jpg?v=1777865924&width=1066 1066w,//colehaan.com.ph/cdn/shop/files/BaseTransform1_dc3bd76a-948d-4150-8425-7512c2072049.jpg?v=1777865924 2000w 17968 " 17969 src="//colehaan.com.ph/cdn/shop/files/BaseTransform1_dc3bd76a-948d-4150-8425-7512c2072049.jpg?v=1777865924&width=533" 17970 sizes="(min-width: 1200px) 267px, (min-width: 990px) calc((100vw - 130px) / 4), (min-width: 750px) calc((100vw - 120px) / 3), calc((100vw - 35px) / 2)" 17971 alt="C43978:NAVY BLAZER NUBUCK / RAVEN / IVORY" 17972 class="motion-reduce" 17973 17974 loading="lazy" 17975 17976 width="2000" 17977 height="2250" 17978 > 17979 17980</a> 17981 </div> 17982 </div><div class="card__content"> 17983 <div class="card__information"> 17984 <h3 17985 class="card__heading" 17986 17987 > 17988 <a 17989 href="/products/c43978" 17990 id="StandardCardNoMediaLink-template--23890806309108__featured_collection_G6EN3c-9444366
17990713076" 17991 class="full-unstyled-link" 17992 aria-labelledby="StandardCardNoMediaLink-template--23890806309108__featured_collection_G6EN3c-9444366713076 NoMediaStandardBadge-template--23890806309108__featured_collection_G6EN3c-9444366713076" 17993 > 17994 Men's 6.ZERÃGRAND Quick-On Sneaker 17995 </a> 17996 </h3> 17997 </div> 17998 <div class="card__badge bottom left"> 17999 18000 </div> 18001 </div> 18002 </div> 18003 <div class="card__content card-content"> 18004 <div class="card__information"> 18005 18006 18007<variant-radios 18008 id="variant-radios-template--23890806309108__featured_collection_G6EN3c" 18009 class="no-js-hidden" 18010 data-section="template--23890806309108__featured_collection_G6EN3c" 18011 data-url="/products/c43978" 18012 18013 18014 > 18015 <div class= "clr-swatches-plp"><fieldset class="js product-form__input"> 18016 18017
18017<script src="//colehaan.com.ph/cdn/shop/t/131/assets/global.js?v=15889204645569497881790040512" defer="defer"></script>
18017<div 18018 class="swatches-wrapper" 18019 id="swatches-9444366713076-template--23890806309108__featured_collection_G6EN3c" 18020 data-related-handles="c45739,c45738,c43980,c43979,c43977" 18021 data-section-id="template--23890806309108__featured_collection_G6EN3c" 18022 data-product-id="9444366713076" 18023 data-product-form-id="product-form-template--23890806309108__featured_collection_G6EN3c" 18024> 18025<input 18026 class="related-product" 18027 type="radio" 18028 id="template--23890806309108__featured_collection_G6EN3c-1-1" 18029 name="Color" 18030 value="Navy Blazer-Raven-Ivory" 18031 form="product-form-template--23890806309108__featured_collection_G6EN3c" 18032 data-url="/products/c43978" 18033 18034 checked 18035 18036 18037 > 18038 <label class="color-swatches-plp" for="template--23890806309108__featured_collection_G6EN3c-1-1" style="background: url('https://colehaan.com.ph/cdn/shop/files/BaseTransform1_dc3bd76a-948d-4150-8425-7512c2072049.jpg?v=1777865924') center no-repeat; background-size: contain;" onclick="redirectToUrlCollection(this);"> 18039 </label> 18040 18041 18042 18043 <div class="related-swatches-container"></div> 18044</div> 18045 18046 </fieldset><fieldset class="js product-form__input"> 18047 18048 </fieldset><fieldset class="js product-form__input"> 18049 18050 </fieldset><span class="mobile-swatch-plus-plp" > 18051 18052 <a href="/products/c43978">+</a> 18053 </span> 18054 18055 18056
18056<script type="application/json"> 18057 18058 [{"id":48123385741556,"title":"Navy Blazer-Raven-Ivory \/ Medium \/ 7","option1":"Navy Blazer-Raven-Ivory","option2":"Medium","option3":"7","sku":"C43978 7.0M","requires_shipping":true,"taxable":true,"featured_image":null,"available":false,"name":"Men's 6.ZERÃGRAND Quick-On Sneaker - Navy Blazer-Raven-Ivory \/ Medium \/ 7","public_title":"Navy Blazer-Raven-Ivory \/ Medium \/ 7","options":["Navy Blazer-Raven-Ivory","Medium","7"],"price":599000,"weight":1000,"compare_at_price":1299500,"inventory_management":"shopify","barcode":"198859604354","requires_selling_plan":false,"selling_plan_allocations":[],"quantity_rule":{"min":1,"max":null,"increment":1}},{"id":48123385807092,"title":"Navy Blazer-Raven-Ivory \/ Medium \/ 8","option1":"Navy Blazer-Raven-Ivory","option2":"Medium","option3":"8","sku":"C43978 8.0M","requires_shipping":true,"taxable":true,"featured_image":null,"available":true,"name":"Men's 6.ZERÃGRAND Quick-On Sneaker - Navy Blazer-Raven-Ivory \/ Medium \/ 8","public_title":"Navy Blazer-Raven-Ivory \/ Medium \/ 8","options":["Navy Blazer-Raven-Ivory","Medium","8"],"price":599000,"weight":1000,"compare_at_price":1299500,"inventory_management":"shopify","barcode":"198859604378","requires_selling_plan":false,"selling_plan_allocations":[],"quantity_rule":{"min":1,"max":null,"increment":1}},{"id":48123385839860,"title":"Navy Blazer-Raven-Ivory \/ Medium \/ 8.5","option1":"Navy Blazer-Raven-Ivory","option2":"Medium","option3":"8.5","sku":"C43978 8.5M","requires_shipping":true,"taxable":true,"featured_image":null,"available":true,"name":"Men's 6.ZERÃGRAND Quick-On Sneaker - Navy Blazer-Raven-Ivory \/ Medium \/ 8.5","public_title":"Navy Blazer-Raven-Ivory \/ Medium \/ 8.5","options":["Navy Blazer-Raven-Ivory","Medium","8.5"],"price":599000,"weight":1000,"compare_at_price":1299500,"inventory_management":"shopify","barcode":"198859604385","requires_selling_plan":false,"selling_plan_allocations":[],"quantity_rule":{"min":1,"max":null,"increment":1}},{"id":48123385970932,"title":"Navy Blazer-Raven-Ivory \/ Medium \/ 10.5","option1":"Navy Blazer-Raven-Ivory","option2":"Medium","option3":"10.5","sku":"C43978 10.5M","requires_shipping":true,"taxable":true,"featured_image":null,"available":false,"name":"Men's 6.ZERÃGRAND Quick-On Sneaker - Navy Blazer-Raven-Ivory \/ Medium \/ 10.5","public_title":"Navy Blazer-Raven-Ivory \/ Medium \/ 10.5","options":["Navy Blazer-Raven-Ivory","Medium","10.5"],"price":599000,"weight":1000,"compare_at_price":1299500,"inventory_management":"shopify","barcode":"198859604309","requires_selling_plan":false,"selling_plan_allocations":[],"quantity_rule":{"min":1,"max":null,"increment":1}},{"id":48123386003700,"title":"Navy Blazer-Raven-Ivory \/ Medium \/ 11","option1":"Navy Blazer-Raven-Ivory","option2":"Medium","option3":"11","sku":"C43978 11.0M","requires_shipping":true,"taxable":true,"featured_image":null,"available":false,"name":"Men's 6.ZERÃGRAND Quick-On Sneaker - Navy Blazer-Raven-Ivory \/ Medium \/ 11","public_title":"Navy Blazer-Raven-Ivory \/ Medium \/ 11","options":["Navy Blazer-Raven-Ivory","Medium","11"],"price":599000,"weight":1000,"compare_at_price":1299500,"inventory_management":"shopify","barcode":"198859604316","requires_selling_plan":false,"selling_plan_allocations":[],"quantity_rule":{"min":1,"max":null,"increment":1}},{"id":48123386069236,"title":"Navy Blazer-Raven-Ivory \/ Medium \/ 12","option1":"Navy Blazer-Raven-Ivory","option2":"Medium","option3":"12","sku":"C43978 12.0M","requires_shipping":true,"taxable":true,"featured_image":null,"available":true,"name":"Men's 6.ZERÃGRAND Quick-On Sneaker - Navy Blazer-Raven-Ivory \/ Medium \/ 12","public_title":"Navy Blazer-Raven-Ivory \/ Medium \/ 12","options":["Navy Blazer-Raven-Ivory","Medium","12"],"price":599000,"weight":1000,"compare_at_price":1299500,"inventory_management":"shopify","barcode":"198859604330","requires_selling_plan":false,"selling_plan_allocations":[],"quantity_rule":{"min":1,"max":null,"increment":1}},{"id":48123385774324,"title":"Navy Blazer-Raven-Ivory \/ Medium \/ 7.5","option1":"Navy Blazer-Raven-Ivory","option2":"Medium","option3":"7.5","sku":"C43978 7.5M","requires_shipping":true,"taxable":true,"featured_image":null,"available":false,"name":"Men's 6.ZERÃGRAND Quick-On Sneaker - Navy Blazer-Raven-Ivory \/ Medium \/ 7.5","public_title":"Navy Blazer-Raven-Ivory \/ Medium \/ 7.5","options":["Navy Blazer-Raven-Ivory","Medium","7.5"],"price":599000,"weight":1000,"compare_at_price":1299500,"inventory_management":"shopify","barcode":"198859604361","requires_selling_plan":false,"selling_plan_allocations":[],"quantity_rule":{"min":1,"max":null,"increment":1}},{"id":48123385872628,"title":"Navy Blazer-Raven-Ivory \/ Medium \/ 9","option1":"Navy Blazer-Raven-Ivory","option2":"Medium","option3":"9","sku":"C43978 9.0M","requires_shipping":true,"taxable":true,"featured_image":null,"available":false,"name":"Men's 6.ZERÃGRAND Quick-On Sneaker - Navy Blazer-Raven-Ivory \/ Medium \/ 9","public_title":"Navy Blazer-Raven-Ivory \/ Medium \/ 9","options":["Navy Blazer-Raven-Ivory","Medium","9"],"price":599000,"weight":1000,"compare_at_price":1299500,"inventory_management":"shopify","barcode":"198859604392","requires_selling_plan":false,"selling_plan_allocations":[],"quantity_rule":{"min":1,"max":null,"increment":1}},{"id":48123385905396,"title":"Navy Blazer-Raven-Ivory \/ Medium \/ 9.5","option1":"Navy Blazer-Raven-Ivory","option2":"Medium","option3":"9.5","sku":"C43978 9.5M","requires_shipping":true,"taxable":true,"featured_image":null,"available":true,"name":"Men's 6.ZERÃGRAND Quick-On Sneaker - Navy Blazer-Raven-Ivory \/ Medium \/ 9.5","public_title":"Navy Blazer-Raven-Ivory \/ Medium \/ 9.5","options":["Navy Blazer-Raven-Ivory","Medium","9.5"],"price":599000,"weight":1000,"compare_at_price":1299500,"inventory_management":"shopify","barcode":"198859604408","requires_selling_plan":false,"selling_plan_allocations":[],"quantity_rule":{"min":1,"max":null,"increment":1}},{"id":48123385938164,"title":"Navy Blazer-Raven-Ivory \/ Medium \/ 10","option1":"Navy Blazer-Raven-Ivory","option2":"Medium","option3":"10","sku":"C43978 10.0M","requires_shipping":true,"taxable":true,"featured_image":null,"available":false,"name":"Men's 6.ZERÃGRAND Quick-On Sneaker - Navy Blazer-Raven-Ivory \/ Medium \/ 10","public_title":"Navy Blazer-Raven-Ivory \/ Medium \/ 10","options":["Navy Blazer-Raven-Ivory","Medium","10"],"price":599000,"weight":1000,"compare_at_price":1299500,"inventory_management":"shopify","barcode":"198859604293","requires_selling_plan":false,"selling_plan_allocations":[],"quantity_rule":{"min":1,"max":null,"increment":1}}] 18059 18060 </script>
18060 18061 18062 </div> 18063 </variant-radios><noscript class="product-form__noscript-wrapper-template--23890806309108__featured_collection_G6EN3c"> 18064 <div class="product-form__input"> 18065 <label class="form__label" for="Variants-template--23890806309108__featured_collection_G6EN3c">Product variants</label> 18066 <div class="select"> 18067 <select 18068 name="id" 18069 id="Variants-template--23890806309108__featured_collection_G6EN3c" 18070 class="select__select" 18071 form="" 18072 ><option 18073 18074 18075 disabled 18076 18077 value="48123385741556" 18078 >Navy Blazer-Raven-Ivory / Medium / 7 - â±5,990.00 - Add to Bag</option><option 18079 18080 selected="selected" 18081 18082 18083 value="48123385807092" 18084 >Navy Blazer-Raven-Ivory / Medium / 8 - â±5,990.00</option><option 18085 18086 18087 value="48123385839860" 18088 >Navy Blazer-Raven-Ivory / Medium / 8.5 - â±5,990.00</option><option 18089 18090 18091 disabled 18092 18093 value="48123385970932" 18094 >Navy Blazer-Raven-Ivory / Medium / 10.5 - â±5,990.00 - Add to Bag</option><option 18095 18096 18097 disabled 18098 18099 value="48123386003700" 18100 >Navy Blazer-Raven-Ivory / Medium / 11 - â±5,990.00 - Add to Bag</option><option 18101 18102 18103 value="48123386069236" 18104 >Navy Blazer-Raven-Ivory / Medium / 12 - â±5,990.00</option><option 18105 18106 18107 disabled 18108 18109 value="48123385774324" 18110 >Navy Blazer-Raven-Ivory / Medium / 7.5 - â±5,990.00 - Add to Bag</option><option 18111 18112 18113 disabled 18114 18115 value="48123385872628" 18116 >Navy Blazer-Raven-Ivory / Medium / 9 - â±5,990.00 - Add to Bag</option><option 18117 18118 18119 value="48123385905396" 18120 >Navy Blazer-Raven-Ivory / Medium / 9.5 - â±5,990.00</option><option 18121 18122 18123 disabled 18124 18125 value="48123385938164" 18126 >Navy Blazer-Raven-Ivory / Medium / 10 - â±5,990.00 - Add to Bag</option></select> 18127 <svg aria-hidden="true" focusable="false" class="icon icon-caret" viewBox="0 0 10 6"> 18128 <path fill-rule="evenodd" clip-rule="evenodd" d="M9.354.646a.5.5 0 00-.708 0L5 4.293 1.354.646a.5.5 0 00-.708.708l4 4a.5.5 0 00.708 0l4-4a.5.5 0 000-.708z" fill="currentColor"> 18129</svg> 18130<!-- <svg fill="#000000" height="14px" width="14px" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 330 330" xml:space="preserve" stroke="#000000" stroke-width="0.0033"><g id="SVGRepo_bgCarrier" stroke-width="0"></g><g id="SVGRepo_tracerCarrier" stroke-linecap="round" stroke-linejoin="round"></g> 18131 <g id="SVGRepo_iconCarrier"> 18132 <path id="XMLID_225_" d="M325.607,79.393c-5.857-5.857-15.355-5.858-21.213,0.001l-139.39,139.393L25.607,79.393 c-5.857-5.857-15.355-5.858-21.213,0.001c-5.858,5.858-5.858,15.355,0,21.213l150.004,150c2.813,2.813,6.628,4.393,10.606,4.393 s7.794-1.581,10.606-4.394l149.996-150C331.465,94.749,331.465,85.251,325.607,79.393z"> 18133 </path> </g></svg> --> 18134 18135 </div> 18136 </div> 18137</noscript> 18138
18139<script> 18140// var dataUrl; 18141// function fetchUrl(){ 18142// var productUrl = document.querySelector("button[data-product-url]"); 18143// if (productUrl) { 18144// debugger; 18145// dataUrl = productUrl.getAttribute("data-product-url"); 18146// console.log("data-product-url: ", dataUrl); 18147// } 18148// } 18149</script>
18149 18150 18151 18152 18153<div class=" 18154 price price--on-sale "> 18155 <div class="price__container"><div class="price__regular"> 18156 <span class="visually-hidden visually-hidden--inline">Regular price</span> 18157 <span class="price-item price-item--regular"> 18158 â±5,990 18159 </span> 18160 </div> 18161 <div class="price__sale price--large"> 18162 18163 <div class="" style="display: flex; white-space: nowrap; align-items: center;"> 18164 <span class="visually-hidden visually-hidden--inline">Regular price</span> 18165 <span class="strike-through quick-shop-regular"> 18166 <s class="price-item price-item--regular"> 18167 18168 â±12,995 18169 18170 </s> 18171 </span><span class="visually-hidden visually-hidden--inline " >Sale price</span> 18172 <span class="price-item price-item--sale price-item--last quick-shop-sale"> 18173 â±5,990 18174 </span> 18175 </div> 18176 <span class="compare-mark"> 18177 (53% Off) 18178 </span><style> 18179 .compare-mark{ 18180 font-size: 13px; 18181 color: #ff0d0d; 18182 font-family: WorkSansLight; 18183 margin-left: -10px; 18184 font-weight: 600; 18185 display: inline-flex; 18186 } 18187 @media screen and (max-width: 575px){ 18188 .compare-mark{ 18189 margin-left: 0; 18190 } 18191 .card-wrapper .price.price--on-sale .price__container { 18192 display: inline-flex; 18193 align-items: center; 18194 flex-wrap: wrap; 18195 align-items: flex-start; 18196 text-align: left; 18197 } 18198 } 18199 </style> 18200 </div> 18201 <small class="unit-price caption hidden"> 18202 <span class="visually-hidden">Unit price</span> 18203 <span class="price-item price-item--last"> 18204 <span></span> 18205 <span aria-hidden="true">/</span> 18206 <span class="visually-hidden"> per </span> 18207 <span> 18208 </span> 18209 </span> 18210 </small> 18211 </div></div> 18212 18213 <h3 18214 class="card_title card__heading h5" 18215 18216 id="title-template--23890806309108__featured_collection_G6EN3c-9444366713076" 18217 18218 > 18219 18220 18221 <a class="product_url" 18222 href="/products/c43978"> 18223 Men's 6.ZERÃGRAND Quick-On Sneaker 18224 </a> 18225 18226 </h3> 18227 <div class="card-information"><span class="caption-large light"></span></div> 18228 </div> 18229 18230 <div class="card__badge bottom left"><span 18231 id="Badge-template--23890806309108__featured_collection_G6EN3c-9444366713076" 18232 class="badge badge--bottom-left color-accent-2" 18233 >Sale</span></div> 18234 </div> 18235 </div> 18236 </div>
18236<script> 18237 18238 18239// function redirectFn(e){ 18240 18241// console.log('test e',e); 18242// const srcSet = e.querySelector('.pdp-primaryimage'); 18243 18244// const srcSetVal = srcSet['srcset']; 18245 18246// const startIndex = srcSetVal.indexOf('/products/'); 18247// const endIndex = srcSetVal.indexOf('_', startIndex); 18248// const desiredValue = srcSetVal.substring(startIndex, endIndex); 18249 18250// e.setAttribute('href', desiredValue); 18251 18252 18253// } 18254 18255 18256// document.addEventListener("DOMContentLoaded", function() { 18257// const items = document.querySelectorAll('#product-grid li.grid__item'); 18258 18259// items.forEach(item => { 18260// const button = item.querySelector('.quick-add__submit'); 18261// const colorSwatches = item.querySelectorAll('.color-swatches-plp'); 18262 18263// colorSwatches.forEach(swatch => { 18264// swatch.addEventListener('click', () => { 18265// const inputId = swatch.getAttribute('for'); 18266// const relatedProduct = item.querySelector(`#${inputId}.related-product`); 18267// if (relatedProduct) { 18268// const newUrl = relatedProduct.getAttribute('data-url'); 18269// if (newUrl) { 18270// button.setAttribute('data-product-url', newUrl); 18271// console.log(`Updated data-product-url: ${newUrl}`); 18272// } 18273// } 18274// }); 18275// }); 18276// }); 18277// }); 18278// // swatches click on collection page 18279 18280// document.addEventListener("DOMContentLoaded", function() { 18281 18282// initializeProductHrefs(); 18283 18284 18285// const colorSwatches = document.querySelectorAll('.color-swatches-plp'); 18286// colorSwatches.forEach(swatch => { 18287// swatch.addEventListener('click', function() { 18288// updateHref(this); 18289// }); 18290// }); 18291 18292 18293// const firstColorSwatch = document.querySelector('.color-swatches-plp'); 18294// if (firstColorSwatch) { 18295// firstColorSwatch.addEventListener('click', function() { 18296// updateHrefToFirstVariant(this); 18297// }); 18298// } 18299// }); 18300 18301// function initializeProductHrefs() { 18302// const productItems = document.querySelectorAll('#product-grid li.grid__item'); 18303// productItems.forEach((item, index) => { 18304// const firstVariant = item.querySelector('input.related-product'); 18305// if (firstVariant) { 18306// const initialUrl = firstVariant.getAttribute('data-url'); 18307// if (initialUrl) { 18308// const pdpNavigationLink = item.querySelector('.pdp-navigation-link'); 18309// pdpNavigationLink.setAttribute('href', initialUrl); 18310 18311// } 18312// } 18313// }); 18314// } 18315 18316// function updateHref(swatch) { 18317// const parentItem = swatch.closest('li.grid__item'); 18318// const inputId = swatch.getAttribute('for'); 18319// const relatedProduct = parentItem.querySelector(`input#${inputId}.related-product`); 18320// if (relatedProduct) { 18321// const newUrl = relatedProduct.getAttribute('data-url'); 18322// if (newUrl) { 18323// const pdpNavigationLink = parentItem.querySelector('.pdp-navigation-link'); 18324// pdpNavigationLink.setAttribute('href', newUrl); 18325 18326// } else { 18327// console.log(`No data-url found for swatch: ${inputId}`); 18328// } 18329// } else { 18330// console.log(`No related product input found for swatch: ${inputId}`); 18331// } 18332// } 18333 18334// function updateHrefToFirstVariant(swatch) { 18335// const parentItem = swatch.closest('li.grid__item'); 18336// const firstRelatedProduct = parentItem.querySelector('input.related-product'); 18337// if (firstRelatedProduct) { 18338// const firstUrl = firstRelatedProduct.getAttribute('data-url'); 18339// if (firstUrl) { 18340// const pdpNavigationLink = parentItem.querySelector('.pdp-navigation-link'); 18341// pdpNavigationLink.setAttribute('href', firstUrl); 18342 18343// } else { 18344// console.log('No data-url found for the first related product.'); 18345// } 18346// } else { 18347// console.log('No related product inputs found.'); 18348// } 18349// } 18350 18351 18352 18353</script>
18353 18354 18355 18356 </li></ul> 18357 18358 </slider-component></div> 18359</div> 18360 18361 18362</section><section id="shopify-section-template--23890806309108__featured_collection_qwXzQm" class="shopify-section section featured_collection__section"> 18363<link href="//colehaan.com.ph/cdn/shop/t/131/assets/custom-plp.css?v=67123021257273178971791167572" rel="stylesheet" type="text/css" media="all" /> 18364<link href="//colehaan.com.ph/cdn/shop/t/131/assets/custom-quick-add.css?v=119128194186851973101790040504" rel="stylesheet" type="text/css" media="all" /> 18365<link href="//colehaan.com.ph/cdn/shop/t/131/assets/quick-add.css?v=52739118495131663131790040525" rel="stylesheet" type="text/css" media="all" />
18366<script src="//colehaan.com.ph/cdn/shop/t/131/assets/quick-add.js?v=18261040465761256811790040525" defer="defer"></script>
18366<style data-shopify>.section-template--23890806309108__featured_collection_qwXzQm-padding { 18367 padding-top: 27px; 18368 padding-bottom: 27px; 18369 } 18370 @media screen and (max-width: 989px) and (min-width: 576px){ 18371 #shopify-section-template--23890806309108__featured_collection_qwXzQm .slider-buttons{ 18372 margin-top: -68px; 18373 } 18374 } 18375 @media screen and (min-width: 990px) { 18376 #shopify-section-template--23890806309108__featured_collection_qwXzQm .slider--desktop .slider__slide:first-child { 18377 margin-left: 0; 18378 scroll-margin-left: 0; 18379 } 18380 #shopify-section-template--23890806309108__featured_collection_qwXzQm .slider-buttons{ 18381 margin-top: -58px; 18382 } 18383 } 18384 @media screen and (min-width: 750px) { 18385 .section-template--23890806309108__featured_collection_qwXzQm-padding { 18386 padding-top: 36px; 18387 padding-bottom: 36px; 18388 } 18389 } 18390 .price--on-sale .price-item--regular{ 18391 color:gray !important; 18392 text-decoration-color: gray !important; 18393 } 18394 .price .strike-through{ 18395 text-decoration-color:gray !important; 18396 } 18397 .price-item.price-item--sale.price-item--last{ 18398 font-weight:800 !important; 18399 }</style> 18400 18401 18402 18403<div class="color-background-1 isolate gradient display-instance-feature-collection"> 18404 <slider-component class="wm-collection page-width slider-mobile-gutter page-width slider-component-desktop"> 18405 <div class="test-icons"> 18406 <div class="collection section-template--23890806309108__featured_collection_qwXzQm-padding"> 18407 <div class="collection__title title-wrapper title-wrapper--no-top-margin collection__title--desktop-slider"><h2 class="title inline-richtext h1" style="text-align: left;">TOP PICKS FOR HER...</h2></div></div><div class="slider-buttons no-js-hidden"> 18408 <button 18409 type="button" 18410 class="slider-button slider-button--prev" 18411 name="previous" 18412 aria-label="Slide left" 18413 aria-controls="Slider-template--23890806309108__featured_collection_qwXzQm" 18414 > 18415 <svg aria-hidden="true" focusable="false" class="icon icon-caret" viewBox="0 0 10 6"> 18416 <path fill-rule="evenodd" clip-rule="evenodd" d="M9.354.646a.5.5 0 00-.708 0L5 4.293 1.354.646a.5.5 0 00-.708.708l4 4a.5.5 0 00.708 0l4-4a.5.5 0 000-.708z" fill="currentColor"> 18417</svg> 18418<!-- <svg fill="#000000" height="14px" width="14px" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 330 330" xml:space="preserve" stroke="#000000" stroke-width="0.0033"><g id="SVGRepo_bgCarrier" stroke-width="0"></g><g id="SVGRepo_tracerCarrier" stroke-linecap="round" stroke-linejoin="round"></g> 18419 <g id="SVGRepo_iconCarrier"> 18420 <path id="XMLID_225_" d="M325.607,79.393c-5.857-5.857-15.355-5.858-21.213,0.001l-139.39,139.393L25.607,79.393 c-5.857-5.857-15.355-5.858-21.213,0.001c-5.858,5.858-5.858,15.355,0,21.213l150.004,150c2.813,2.813,6.628,4.393,10.606,4.393 s7.794-1.581,10.606-4.394l149.996-150C331.465,94.749,331.465,85.251,325.607,79.393z"> 18421 </path> </g></svg> --> 18422 18423 </button> 18424 18425 <button 18426 type="button" 18427 class="slider-button slider-button--next" 18428 name="next" 18429 aria-label="Slide right" 18430 aria-controls="Slider-template--23890806309108__featured_collection_qwXzQm" 18431 > 18432 <svg aria-hidden="true" focusable="false" class="icon icon-caret" viewBox="0 0 10 6"> 18433 <path fill-rule="evenodd" clip-rule="evenodd" d="M9.354.646a.5.5 0 00-.708 0L5 4.293 1.354.646a.5.5 0 00-.708.708l4 4a.5.5 0 00.708 0l4-4a.5.5 0 000-.708z" fill="currentColor"> 18434</svg> 18435<!-- <svg fill="#000000" height="14px" width="14px" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 330 330" xml:space="preserve" stroke="#000000" stroke-width="0.0033"><g id="SVGRepo_bgCarrier" stroke-width="0"></g><g id="SVGRepo_tracerCarrier" stroke-linecap="round" stroke-linejoin="round"></g> 18436 <g id="SVGRepo_iconCarrier"> 18437 <path id="XMLID_225_" d="M325.607,79.393c-5.857-5.857-15.355-5.858-21.213,0.001l-139.39,139.393L25.607,79.393 c-5.857-5.857-15.355-5.858-21.213,0.001c-5.858,5.858-5.858,15.355,0,21.213l150.004,150c2.813,2.813,6.628,4.393,10.606,4.393 s7.794-1.581,10.606-4.394l149.996-150C331.465,94.749,331.465,85.251,325.607,79.393z"> 18438 </path> </g></svg> --> 18439 18440 </button> 18441 </div></div> 18442 <ul 18443 id="Slider-template--23890806309108__featured_collection_qwXzQm" 18444 class="sub-slider grid product-grid contains-card contains-card--product grid--5-col-desktop grid--2-col-tablet-down slider slider--desktop" 18445 role="list" 18446 aria-label="Slider" 18447 ><li 18448 id="Slide-template--23890806309108__featured_collection_qwXzQm-1" 18449 class="grid__item slider__slide" 18450 > 18451 18452 18453<link href="//colehaan.com.ph/cdn/shop/t/131/assets/component-rating.css?v=24573085263941240431790040493" rel="stylesheet" type="text/css" media="all" /> 18454<style> 18455 .eyebrow{ 18456 background: #808080 !important; 18457 } 18458</style><div class="card-wrapper product-card-wrapper"> 18459 <div 18460 class=" 18461 card 18462 card--card 18463 card--media 18464 color-background-1 gradient 18465 18466 18467 18468 " 18469 style="--ratio-percent: 100%;" 18470 > 18471 <div 18472 class="card__inner ratio" 18473 style="--ratio-percent: 100%;" 18474 ><div class="card__media"> 18475 18476 <div class="quick-add quick-add-test no-js-hidden"> 18477 18478 <modal-opener data-modal="#QuickAdd-9553193271540"> 18479 <button 18480 id="quick-add-template--23890806309108__featured_collection_qwXzQm9553193271540-submit" 18481 type="submit" 18482 name="add" 18483 class="quick-add__submit button--full-width button--secondary" 18484 aria-haspopup="dialog" 18485 aria-labelledby="quick-add-template--23890806309108__featured_collection_qwXzQm9553193271540-submit title-template--23890806309108__featured_collection_qwXzQm-9553193271540" 18486 data-product-url="/products/w37534" 18487 > 18488 Quick shop 18489<div class="loading-overlay__spinner hidden"> 18490 <svg 18491 aria-hidden="true" 18492 focusable="false" 18493 class="spinner"
18494 viewBox="0 0 66 66" 18495 xmlns="http://www.w3.org/2000/svg" 18496 > 18497 <circle class="path" fill="none" stroke-width="6" cx="33" cy="33" r="30"></circle> 18498 </svg> 18499 </div> 18500 </button> 18501 </modal-opener> 18502 <quick-add-modal id="QuickAdd-9553193271540" class="quick-add-modal"> 18503 <div 18504 role="dialog" 18505 aria-label="Choose options for Women&#39;s GrandPrø Turf 2.0 Sneaker" 18506 aria-modal="true" 18507 class="quick-add-modal__content global-settings-popup" 18508 tabindex="-1" 18509 > 18510 <button 18511 id="ModalClose-9553193271540" 18512 type="button" 18513 class="quick-add-modal__toggle" 18514 aria-label="Close" 18515 > 18516 <svg 18517 xmlns="http://www.w3.org/2000/svg" 18518 aria-hidden="true" 18519 focusable="false" 18520 class="icon icon-close" 18521 fill="none" 18522 viewBox="0 0 18 17" 18523> 18524 <path d="M.865 15.978a.5.5 0 00.707.707l7.433-7.431 7.579 7.282a.501.501 0 00.846-.37.5.5 0 00-.153-.351L9.712 8.546l7.417-7.416a.5.5 0 10-.707-.708L8.991 7.853 1.413.573a.5.5 0 10-.693.72l7.563 7.268-7.418 7.417z" fill="currentColor"> 18525</svg> 18526 18527 </button> 18528 <div class="logo_ch"> 18529 <img src="https://cdn.shopify.com/s/files/1/0268/1228/5039/files/colehaan_logo.png?v=1694757702" style="width: 150px; margin: 20px;"/> 18530 </div> 18531 <div id="QuickAddInfo-9553193271540" class="quick-add-modal__content-info"> 18532 </div> 18533 18534 <div class="cart-and-ipay"> 18535 <button class="add-to-cart-global btn" onclick="triggerQuickBasket(event, 'product-form-quickadd-template--23890806309108__featured_collection_qwXzQm');" title="Add to bag"> 18536 Add to Bag 18537 </button> 18538 </div> 18539 </div> 18540 </quick-add-modal> 18541 18542 18543 </div> 18544 18545 <div class="media"> 18546 18547 18548 <a class="pdp-navigation-link" onclick = "redirectFn(this);" href="/products/w37534"> 18549 <img class="img-tag pdp-primaryimage" 18550 srcset="//colehaan.com.ph/cdn/shop/files/BaseTransform1_6adf1ed7-16b5-48ae-8143-a8948c59e879.jpg?v=1784091713&width=165 165w,//colehaan.com.ph/cdn/shop/files/BaseTransform1_6adf1ed7-16b5-48ae-8143-a8948c59e879.jpg?v=1784091713&width=360 360w,//colehaan.com.ph/cdn/shop/files/BaseTransform1_6adf1ed7-16b5-48ae-8143-a8948c59e879.jpg?v=1784091713&width=533 533w,//colehaan.com.ph/cdn/shop/files/BaseTransform1_6adf1ed7-16b5-48ae-8143-a8948c59e879.jpg?v=1784091713&width=720 720w,//colehaan.com.ph/cdn/shop/files/BaseTransform1_6adf1ed7-16b5-48ae-8143-a8948c59e879.jpg?v=1784091713&width=940 940w,//colehaan.com.ph/cdn/shop/files/BaseTransform1_6adf1ed7-16b5-48ae-8143-a8948c59e879.jpg?v=1784091713&width=1066 1066w,//colehaan.com.ph/cdn/shop/files/BaseTransform1_6adf1ed7-16b5-48ae-8143-a8948c59e879.jpg?v=1784091713 2000w 18551 " 18552 src="//colehaan.com.ph/cdn/shop/files/BaseTransform1_6adf1ed7-16b5-48ae-8143-a8948c59e879.jpg?v=1784091713&width=533" 18553 sizes="(min-width: 1200px) 267px, (min-width: 990px) calc((100vw - 130px) / 4), (min-width: 750px) calc((100vw - 120px) / 3), calc((100vw - 35px) / 2)" 18554 alt="W37534:IVORY LEATHER / FONDUE FUDGE / CH BLOODSTONE SUEDE" 18555 class="motion-reduce" 18556 18557 loading="lazy" 18558 18559 width="2000" 18560 height="2250" 18561 > 18562 18563</a> 18564 </div> 18565 </div><div class="card__content"> 18566 <div class="card__information"> 18567 <h3 18568 class="card__heading" 18569 18570 > 18571 <a 18572 href="/products/w37534" 18573 id="StandardCardNoMediaLink-template--23890806309108__featured_collection_qwXzQm-9553193271540" 18574 class="full-unstyled-link" 18575 aria-labelledby="StandardCardNoMediaLink-template--23890806309108__featured_collection_qwXzQm-9553193271540 NoMediaStandardBadge-template--23890806309108__featured_collection_qwXzQm-9553193271540" 18576 > 18577 Women's GrandPrø Turf 2.0 Sneaker 18578 </a> 18579 </h3> 18580 </div> 18581 <div class="card__badge bottom left"> 18582 18583 </div> 18584 </div> 18585 </div> 18586 <div class="card__content card-content"> 18587 <div class="card__information"> 18588 18589 18590<variant-radios 18591 id="variant-radios-template--23890806309108__featured_collection_qwXzQm" 18592 class="no-js-hidden" 18593 data-section="template--23890806309108__featured_collection_qwXzQm" 18594 data-url="/products/w37534" 18595 18596 18597 > 18598 <div class= "clr-swatches-plp"><fieldset class="js product-form__input"> 18599 18600
18600<script src="//colehaan.com.ph/cdn/shop/t/131/assets/global.js?v=15889204645569497881790040512" defer="defer"></script>
18600<div 18601 class="swatches-wrapper" 18602 id="swatches-9553193271540-template--23890806309108__featured_collection_qwXzQm" 18603 data-related-handles="w37831,w36554,w37036,w37035" 18604 data-section-id="template--23890806309108__featured_collection_qwXzQm" 18605 data-product-id="9553193271540" 18606 data-product-form-id="product-form-template--23890806309108__featured_collection_qwXzQm" 18607> 18608<input 18609 class="related-product" 18610 type="radio" 18611 id="template--23890806309108__featured_collection_qwXzQm-1-1" 18612 name="Color" 18613 value="Ivory-Fondue Fudge-Bloodstone" 18614 form="product-form-template--23890806309108__featured_collection_qwXzQm" 18615 data-url="/products/w37534" 18616 18617 checked 18618 18619 18620 > 18621 <label class="color-swatches-plp" for="template--23890806309108__featured_collection_qwXzQm-1-1" style="background: url('https://colehaan.com.ph/cdn/shop/files/BaseTransform1_6adf1ed7-16b5-48ae-8143-a8948c59e879.jpg?v=1784091713') center no-repeat; background-size: contain;" onclick="redirectToUrlCollection(this);"> 18622 </label> 18623 18624 18625 18626 <div class="related-swatches-container"></div> 18627</div> 18628 18629 </fieldset><fieldset class="js product-form__input"> 18630 18631 </fieldset><fieldset class="js product-form__input"> 18632 18633 </fieldset><span class="mobile-swatch-plus-plp" > 18634 18635 <a href="/products/w37534">+</a> 18636 </span> 18637 18638 18639
18639<script type="application/json"> 18640 18641 [{"id":48859335721204,"title":"Ivory-Fondue Fudge-Bloodstone \/ Wide \/ 5","option1":"Ivory-Fondue Fudge-Bloodstone","option2":"Wide","option3":"5","sku":"W37534 5.0C","requires_shipping":true,"taxable":true,"featured_image":null,"available":false,"name":"Women's GrandPrø Turf 2.0 Sneaker - Ivory-Fondue Fudge-Bloodstone \/ Wide \/ 5","public_title":"Ivory-Fondue Fudge-Bloodstone \/ Wide \/ 5","options":["Ivory-Fondue Fudge-Bloodstone","Wide","5"],"price":599000,"weight":1000,"compare_at_price":999500,"inventory_management":"shopify","barcode":"198859823656","requires_selling_plan":false,"selling_plan_allocations":[],"quantity_rule":{"min":1,"max":null,"increment":1}},{"id":48859335753972,"title":"Ivory-Fondue Fudge-Bloodstone \/ Wide \/ 5.5","option1":"Ivory-Fondue Fudge-Bloodstone","option2":"Wide","option3":"5.5","sku":"W37534 5.5C","requires_shipping":true,"taxable":true,"featured_image":null,"available":false,"name":"Women's GrandPrø Turf 2.0 Sneaker - Ivory-Fondue Fudge-Bloodstone \/ Wide \/ 5.5","public_title":"Ivory-Fondue Fudge-Bloodstone \/ Wide \/ 5.5","options":["Ivory-Fondue Fudge-Bloodstone","Wide","5.5"],"price":599000,"weight":1000,"compare_at_price":999500,"inventory_management":"shopify","barcode":"198859823663","requires_selling_plan":false,"selling_plan_allocations":[],"quantity_rule":{"min":1,"max":null,"increment":1}},{"id":48859335786740,"title":"Ivory-Fondue Fudge-Bloodstone \/ Wide \/ 6","option1":"Ivory-Fondue Fudge-Bloodstone","option2":"Wide","option3":"6","sku":"W37534 6.0C","requires_shipping":true,"taxable":true,"featured_image":null,"available":true,"name":"Women's GrandPrø Turf 2.0 Sneaker - Ivory-Fondue Fudge-Bloodstone \/ Wide \/ 6","public_title":"Ivory-Fondue Fudge-Bloodstone \/ Wide \/ 6","options":["Ivory-Fondue Fudge-Bloodstone","Wide","6"],"price":599000,"weight":1000,"compare_at_price":999500,"inventory_management":"shopify","barcode":"198859823670","requires_selling_plan":false,"selling_plan_allocations":[],"quantity_rule":{"min":1,"max":null,"increment":1}},{"id":48859335819508,"title":"Ivory-Fondue Fudge-Bloodstone \/ Wide \/ 6.5","option1":"Ivory-Fondue Fudge-Bloodstone","option2":"Wide","option3":"6.5","sku":"W37534 6.5C","requires_shipping":true,"taxable":true,"featured_image":null,"available":true,"name":"Women's GrandPrø Turf 2.0 Sneaker - Ivory-Fondue Fudge-Bloodstone \/ Wide \/ 6.5","public_title":"Ivory-Fondue Fudge-Bloodstone \/ Wide \/ 6.5","options":["Ivory-Fondue Fudge-Bloodstone","Wide","6.5"],"price":599000,"weight":1000,"compare_at_price":999500,"inventory_management":"shopify","barcode":"198859823687","requires_selling_plan":false,"selling_plan_allocations":[],"quantity_rule":{"min":1,"max":null,"increment":1}},{"id":48859335852276,"title":"Ivory-Fondue Fudge-Bloodstone \/ Wide \/ 7","option1":"Ivory-Fondue Fudge-Bloodstone","option2":"Wide","option3":"7","sku":"W37534 7.0C","requires_shipping":true,"taxable":true,"featured_image":null,"available":true,"name":"Women's GrandPrø Turf 2.0 Sneaker - Ivory-Fondue Fudge-Bloodstone \/ Wide \/ 7","public_title":"Ivory-Fondue Fudge-Bloodstone \/ Wide \/ 7","options":["Ivory-Fondue Fudge-Bloodstone","Wide","7"],"price":599000,"weight":1000,"compare_at_price":999500,"inventory_management":"shopify","barcode":"198859823694","requires_selling_plan":false,"selling_plan_allocations":[],"quantity_rule":{"min":1,"max":null,"increment":1}},{"id":48859335885044,"title":"Ivory-Fondue Fudge-Bloodstone \/ Wide \/ 7.5","option1":"Ivory-Fondue Fudge-Bloodstone","option2":"Wide","option3":"7.5","sku":"W37534 7.5C","requires_shipping":true,"taxable":true,"featured_image":null,"available":true,"name":"Women's GrandPrø Turf 2.0 Sneaker - Ivory-Fondue Fudge-Bloodstone \/ Wide \/ 7.5","public_title":"Ivory-Fondue Fudge-Bloodstone \/ Wide \/ 7.5","options":["Ivory-Fondue Fudge-Bloodstone","Wide","7.5"],"price":599000,"weight":1000,"compare_at_price":999500,"inventory_management":"shopify","barcode":"198859823700","requires_selling_plan":false,"selling_plan_allocations":[],"quantity_rule":{"min":1,"max":null,"increment":1}},{"id":48859335917812,"title":"Ivory-Fondue Fudge-Bloodstone \/ Wide \/ 8","option1":"Ivory-Fondue Fudge-Bloodstone","option2":"Wide","option3":"8","sku":"W37534 8.0C","requires_shipping":true,"taxable":true,"featured_image":null,"available":false,"name":"Women's GrandPrø Turf 2.0 Sneaker - Ivory-Fondue Fudge-Bloodstone \/ Wide \/ 8","public_title":"Ivory-Fondue Fudge-Bloodstone \/ Wide \/ 8","options":["Ivory-Fondue Fudge-Bloodstone","Wide","8"],"price":599000,"weight":1000,"compare_at_price":999500,"inventory_management":"shopify","barcode":"198859823717","requires_selling_plan":false,"selling_plan_allocations":[],"quantity_rule":{"min":1,"max":null,"increment":1}},{"id":48859335950580,"title":"Ivory-Fondue Fudge-Bloodstone \/ Wide \/ 8.5","option1":"Ivory-Fondue Fudge-Bloodstone","option2":"Wide","option3":"8.5","sku":"W37534 8.5C","requires_shipping":true,"taxable":true,"featured_image":null,"available":false,"name":"Women's GrandPrø Turf 2.0 Sneaker - Ivory-Fondue Fudge-Bloodstone \/ Wide \/ 8.5","public_title":"Ivory-Fondue Fudge-Bloodstone \/ Wide \/ 8.5","options":["Ivory-Fondue Fudge-Bloodstone","Wide","8.5"],"price":599000,"weight":1000,"compare_at_price":999500,"inventory_management":"shopify","barcode":"198859823724","requires_selling_plan":false,"selling_plan_allocations":[],"quantity_rule":{"min":1,"max":null,"increment":1}},{"id":48859335983348,"title":"Ivory-Fondue Fudge-Bloodstone \/ Wide \/ 9","option1":"Ivory-Fondue Fudge-Bloodstone","option2":"Wide","option3":"9","sku":"W37534 9.0C","requires_shipping":true,"taxable":true,"featured_image":null,"available":false,"name":"Women's GrandPrø Turf 2.0 Sneaker - Ivory-Fondue Fudge-Bloodstone \/ Wide \/ 9","public_title":"Ivory-Fondue Fudge-Bloodstone \/ Wide \/ 9","options":["Ivory-Fondue Fudge-Bloodstone","Wide","9"],"price":599000,"weight":1000,"compare_at_price":999500,"inventory_management":"shopify","barcode":"198859823731","requires_selling_plan":false,"selling_plan_allocations":[],"quantity_rule":{"min":1,"max":null,"increment":1}}] 18642 18643 </script>
18643 18644 18645 </div> 18646 </variant-radios><noscript class="product-form__noscript-wrapper-template--23890806309108__featured_collection_qwXzQm"> 18647 <div class="product-form__input"> 18648 <label class="form__label" for="Variants-template--23890806309108__featured_collection_qwXzQm">Product variants</label> 18649 <div class="select"> 18650 <select 18651 name="id" 18652 id="Variants-template--23890806309108__featured_collection_qwXzQm" 18653 class="select__select" 18654 form="" 18655 ><option 18656 18657 18658 disabled 18659 18660 value="48859335721204" 18661 >Ivory-Fondue Fudge-Bloodstone / Wide / 5 - â±5,990.00 - Add to Bag</option><option 18662 18663 18664 disabled 18665 18666 value="48859335753972" 18667 >Ivory-Fondue Fudge-Bloodstone / Wide / 5.5 - â±5,990.00 - Add to Bag</option><option 18668 18669 selected="selected" 18670 18671 18672 value="48859335786740" 18673 >Ivory-Fondue Fudge-Bloodstone / Wide / 6 - â±5,990.00</option><option 18674 18675 18676 value="48859335819508" 18677 >Ivory-Fondue Fudge-Bloodstone / Wide / 6.5 - â±5,990.00</option><option 18678 18679 18680 value="48859335852276" 18681 >Ivory-Fondue Fudge-Bloodstone / Wide / 7 - â±5,990.00</option><option 18682 18683 18684 value="48859335885044" 18685 >Ivory-Fondue Fudge-Bloodstone / Wide / 7.5 - â±5,990.00</option><option 18686 18687 18688 disabled 18689 18690 value="48859335917812" 18691 >Ivory-Fondue Fudge-Bloodstone / Wide / 8 - â±5,990.00 - Add to Bag</option><option 18692 18693 18694 disabled 18695 18696 value="48859335950580" 18697 >Ivory-Fondue Fudge-Bloodstone / Wide / 8.5 - â±5,990.00 - Add to Bag</option><option 18698 18699 18700 disabled 18701 18702 value="48859335983348" 18703 >Ivory-Fondue Fudge-Bloodstone / Wide / 9 - â±5,990.00 - Add to Bag</option></select> 18704 <svg aria-hidden="true" focusable="false" class="icon icon-caret" viewBox="0 0 10 6"> 18705 <path fill-rule="evenodd" clip-rule="evenodd" d="M9.354.646a.5.5 0 00-.708 0L5 4.293 1.354.646a.5.5 0 00-.708.708l4 4a.5.5 0 00.708 0l4-4a.5.5 0 000-.708z" fill="currentColor"> 18706</svg> 18707<!-- <svg fill="#000000" height="14px" width="14px" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 330 330" xml:space="preserve" stroke="#000000" stroke-width="0.0033"><g id="SVGRepo_bgCarrier" stroke-width="0"></g><g id="SVGRepo_tracerCarrier" stroke-linecap="round" stroke-linejoin="round"></g> 18708 <g id="SVGRepo_iconCarrier"> 18709 <path id="XMLID_225_" d="M325.607,79.393c-5.857-5.857-15.355-5.858-21.213,0.001l-139.39,139.393L25.607,79.393 c-5.857-5.857-15.355-5.858-21.213,0.001c-5.858,5.858-5.858,15.355,0,21.213l150.004,150c2.813,2.813,6.628,4.393,10.606,4.393 s7.794-1.581,10.606-4.394l149.996-150C331.465,94.749,331.465,85.251,325.607,79.393z"> 18710 </path> </g></svg> --> 18711 18712 </div> 18713 </div> 18714</noscript> 18715
18716<script> 18717// var dataUrl; 18718// function fetchUrl(){ 18719// var productUrl = document.querySelector("button[data-product-url]"); 18720// if (productUrl) { 18721// debugger; 18722// dataUrl = productUrl.getAttribute("data-product-url"); 18723// console.log("data-product-url: ", dataUrl); 18724// } 18725// } 18726</script>
18726 18727 18728 18729 18730<div class=" 18731 price price--on-sale "> 18732 <div class="price__container"><div class="price__regular"> 18733 <span class="visually-hidden visually-hidden--inline">Regular price</span> 18734 <span class="price-item price-item--regular"> 18735 â±5,990 18736 </span> 18737 </div> 18738 <div class="price__sale price--large"> 18739 18740 <div class="" style="display: flex; white-space: nowrap; align-items: center;"> 18741 <span class="visually-hidden visually-hidden--inline">Regular price</span> 18742 <span class="strike-through quick-shop-regular"> 18743 <s class="price-item price-item--regular"> 18744 18745 â±9,995 18746 18747 </s> 18748 </span><span class="visually-hidden visually-hidden--inline " >Sale price</span> 18749 <span class="price-item price-item--sale price-item--last quick-shop-sale"> 18750 â±5,990 18751 </span> 18752 </div> 18753 <span class="compare-mark"> 18754 (40% Off) 18755 </span><style> 18756 .compare-mark{ 18757 font-size: 13px; 18758 color: #ff0d0d; 18759 font-family: WorkSansLight; 18760 margin-left: -10px; 18761 font-weight: 600; 18762 display: inline-flex; 18763 } 18764 @media screen and (max-width: 575px){ 18765 .compare-mark{ 18766 margin-left: 0; 18767 } 18768 .card-wrapper .price.price--on-sale .price__container { 18769 display: inline-flex; 18770 align-items: center; 18771 flex-wrap: wrap; 18772 align-items: flex-start; 18773 text-align: left; 18774 } 18775 } 18776 </style> 18777 </div> 18778 <small class="unit-price caption hidden"> 18779 <span class="visually-hidden">Unit price</span> 18780 <span class="price-item price-item--last"> 18781 <span></span> 18782 <span aria-hidden="true">/</span> 18783 <span class="visually-hidden"> per </span> 18784 <span> 18785 </span> 18786 </span> 18787 </small> 18788 </div></div> 18789 18790 <h3 18791 class="card_title card__heading h5" 18792 18793 id="title-template--23890806309108__featured_collection_qwXzQm-9553193271540" 18794 18795 > 18796 18797 18798 <a class="product_url" 18799 href="/products/w37534"> 18800 Women's GrandPrø Turf 2.0 Sneaker 18801 </a> 18802 18803 </h3> 18804 <div class="card-information"><span class="caption-large light"></span></div> 18805 </div> 18806 18807 <div class="card__badge bottom left"><span 18808 id="Badge-template--23890806309108__featured_collection_qwXzQm-9553193271540" 18809 class="badge badge--bottom-left color-accent-2" 18810 >Sale</span></div> 18811 </div> 18812 </div> 18813 </div>
18813<script> 18814 18815 18816// function redirectFn(e){ 18817 18818// console.log('test e',e); 18819// const srcSet = e.querySelector('.pdp-primaryimage'); 18820 18821// const srcSetVal = srcSet['srcset']; 18822 18823// const startIndex = srcSetVal.indexOf('/products/'); 18824// const endIndex = srcSetVal.indexOf('_', startIndex); 18825// const desiredValue = srcSetVal.substring(startIndex, endIndex); 18826 18827// e.setAttribute('href', desiredValue); 18828 18829 18830// } 18831 18832 18833// document.addEventListener("DOMContentLoaded", function() { 18834// const items = document.querySelectorAll('#product-grid li.grid__item'); 18835 18836// items.forEach(item => { 18837// const button = item.querySelector('.quick-add__submit'); 18838// const colorSwatches = item.querySelectorAll('.color-swatches-plp'); 18839 18840// colorSwatches.forEach(swatch => { 18841// swatch.addEventListener('click', () => { 18842// const inputId = swatch.getAttribute('for'); 18843// const relatedProduct = item.querySelector(`#${inputId}.related-product`); 18844// if (relatedProduct) { 18845// const newUrl = relatedProduct.getAttribute('data-url'); 18846// if (newUrl) { 18847// button.setAttribute('data-product-url', newUrl); 18848// console.log(`Updated data-product-url: ${newUrl}`); 18849// } 18850// } 18851// }); 18852// }); 18853// }); 18854// }); 18855// // swatches click on collection page 18856 18857// document.addEventListener("DOMContentLoaded", function() { 18858 18859// initializeProductHrefs(); 18860 18861 18862// const colorSwatches = document.querySelectorAll('.color-swatches-plp'); 18863// colorSwatches.forEach(swatch => { 18864// swatch.addEventListener('click', function() { 18865// updateHref(this); 18866// }); 18867// }); 18868 18869 18870// const firstColorSwatch = document.querySelector('.color-swatches-plp'); 18871// if (firstColorSwatch) { 18872// firstColorSwatch.addEventListener('click', function() { 18873// updateHrefToFirstVariant(this); 18874// }); 18875// } 18876// }); 18877 18878// function initializeProductHrefs() { 18879// const productItems = document.querySelectorAll('#product-grid li.grid__item'); 18880// productItems.forEach((item, index) => { 18881// const firstVariant = item.querySelector('input.related-product'); 18882// if (firstVariant) { 18883// const initialUrl = firstVariant.getAttribute('data-url'); 18884// if (initialUrl) { 18885// const pdpNavigationLink = item.querySelector('.pdp-navigation-link'); 18886// pdpNavigationLink.setAttribute('href', initialUrl); 18887 18888// } 18889// } 18890// }); 18891// } 18892 18893// function updateHref(swatch) { 18894// const parentItem = swatch.closest('li.grid__item'); 18895// const inputId = swatch.getAttribute('for'); 18896// const relatedProduct = parentItem.querySelector(`input#${inputId}.related-product`); 18897// if (relatedProduct) { 18898// const newUrl = relatedProduct.getAttribute('data-url'); 18899// if (newUrl) { 18900// const pdpNavigationLink = parentItem.querySelector('.pdp-navigation-link'); 18901// pdpNavigationLink.setAttribute('href', newUrl); 18902 18903// } else { 18904// console.log(`No data-url found for swatch: ${inputId}`); 18905// } 18906// } else { 18907// console.log(`No related product input found for swatch: ${inputId}`); 18908// } 18909// } 18910 18911// function updateHrefToFirstVariant(swatch) { 18912// const parentItem = swatch.closest('li.grid__item'); 18913// const firstRelatedProduct = parentItem.querySelector('input.related-product'); 18914// if (firstRelatedProduct) { 18915// const firstUrl = firstRelatedProduct.getAttribute('data-url'); 18916// if (firstUrl) { 18917// const pdpNavigationLink = parentItem.querySelector('.pdp-navigation-link'); 18918// pdpNavigationLink.setAttribute('href', firstUrl); 18919 18920// } else { 18921// console.log('No data-url found for the first related product.'); 18922// } 18923// } else { 18924// console.log('No related product inputs found.'); 18925// } 18926// } 18927 18928 18929 18930</script>
18930 18931 18932 18933 </li><li 18934 id="Slide-template--23890806309108__featured_collection_qwXzQm-2" 18935 class="grid__item slider__slide" 18936 > 18937 18938 18939<link href="//colehaan.com.ph/cdn/shop/t/131/assets/component-rating.css?v=24573085263941240431790040493" rel="stylesheet" type="text/css" media="all" /> 18940<style> 18941 .eyebrow{ 18942 background: #808080 !important; 18943 } 18944</style><div class="card-wrapper product-card-wrapper"> 18945 <div 18946 class=" 18947 card 18948 card--card 18949 card--media 18950 color-background-1 gradient 18951 18952 18953 18954 " 18955 style="--ratio-percent: 100%;" 18956 > 18957 <div 18958 class="card__inner ratio" 18959 style="--ratio-percent: 100%;" 18960 ><div class="card__media"> 18961 18962 <div class="quick-add quick-add-test no-js-hidden"> 18963 18964 <modal-opener data-modal="#QuickAdd-9531116716276"> 18965 <button 18966 id="quick-add-template--23890806309108__featured_collection_qwXzQm9531116716276-submit" 18967 type="submit" 18968 name="add" 18969 class="quick-add__submit button--full-width button--secondary" 18970 aria-haspopup="dialog" 18971 aria-labelledby="quick-add-template--23890806309108__featured_collection_qwXzQm9531116716276-submit title-template--23890806309108__featured_collection_qwXzQm-9531116716276" 18972 data-product-url="/products/w37844" 18973 > 18974 Quick shop 18975<div class="loading-overlay__spinner hidden"> 18976 <svg 18977 aria-hidden="true" 18978 focusable="false" 18979 class="spinner"
18980 viewBox="0 0 66 66" 18981 xmlns="http://www.w3.org/2000/svg" 18982 > 18983 <circle class="path" fill="none" stroke-width="6" cx="33" cy="33" r="30"></circle> 18984 </svg> 18985 </div> 18986 </button> 18987 </modal-opener> 18988 <quick-add-modal id="QuickAdd-9531116716276" class="quick-add-modal"> 18989 <div 18990 role="dialog" 18991 aria-label="Choose options for Women&#39;s GrandPrø Luxe Mile Slip-On Sneaker" 18992 aria-modal="true" 18993 class="quick-add-modal__content global-settings-popup" 18994 tabindex="-1" 18995 > 18996 <button 18997 id="ModalClose-9531116716276" 18998 type="button" 18999 class="quick-add-modal__toggle" 19000 aria-label="Close" 19001 > 19002 <svg 19003 xmlns="http://www.w3.org/2000/svg" 19004 aria-hidden="true" 19005 focusable="false" 19006 class="icon icon-close" 19007 fill="none" 19008 viewBox="0 0 18 17" 19009> 19010 <path d="M.865 15.978a.5.5 0 00.707.707l7.433-7.431 7.579 7.282a.501.501 0 00.846-.37.5.5 0 00-.153-.351L9.712 8.546l7.417-7.416a.5.5 0 10-.707-.708L8.991 7.853 1.413.573a.5.5 0 10-.693.72l7.563 7.268-7.418 7.417z" fill="currentColor"> 19011</svg> 19012 19013 </button> 19014 <div class="logo_ch"> 19015 <img src="https://cdn.shopify.com/s/files/1/0268/1228/5039/files/colehaan_logo.png?v=1694757702" style="width: 150px; margin: 20px;"/> 19016 </div> 19017 <div id="QuickAddInfo-9531116716276" class="quick-add-modal__content-info"> 19018 </div> 19019 19020 <div class="cart-and-ipay"> 19021 <button class="add-to-cart-global btn" onclick="triggerQuickBasket(event, 'product-form-quickadd-template--23890806309108__featured_collection_qwXzQm');" title="Add to bag"> 19022 Add to Bag 19023 </button> 19024 </div> 19025 </div> 19026 </quick-add-modal> 19027 19028 19029 </div> 19030 19031 <div class="media"> 19032 19033 19034 <a class="pdp-navigation-link" onclick = "redirectFn(this);" href="/products/w37844"> 19035 <img class="img-tag pdp-primaryimage" 19036 srcset="//colehaan.com.ph/cdn/shop/files/BaseTransform1_564ba677-cd6e-488e-8493-2dd9636d2753.jpg?v=1782812361&width=165 165w,//colehaan.com.ph/cdn/shop/files/BaseTransform1_564ba677-cd6e-488e-8493-2dd9636d2753.jpg?v=1782812361&width=360 360w,//colehaan.com.ph/cdn/shop/files/BaseTransform1_564ba677-cd6e-488e-8493-2dd9636d2753.jpg?v=1782812361&width=533 533w,//colehaan.com.ph/cdn/shop/files/BaseTransform1_564ba677-cd6e-488e-8493-2dd9636d2753.jpg?v=1782812361&width=720 720w,//colehaan.com.ph/cdn/shop/files/BaseTransform1_564ba677-cd6e-488e-8493-2dd9636d2753.jpg?v=1782812361&width=940 940w,//colehaan.com.ph/cdn/shop/files/BaseTransform1_564ba677-cd6e-488e-8493-2dd9636d2753.jpg?v=1782812361&width=1066 1066w,//colehaan.com.ph/cdn/shop/files/BaseTransform1_564ba677-cd6e-488e-8493-2dd9636d2753.jpg?v=1782812361 2000w 19037 " 19038 src="//colehaan.com.ph/cdn/shop/files/BaseTransform1_564ba677-cd6e-488e-8493-2dd9636d2753.jpg?v=1782812361&width=533" 19039 sizes="(min-width: 1200px) 267px, (min-width: 990px) calc((100vw - 130px) / 4), (min-width: 750px) calc((100vw - 120px) / 3), calc((100vw - 35px) / 2)" 19040 alt="W37844:WHITE LTHR / ANCIENT SCROLL SDE / FONDUE FUDGE" 19041 class="motion-reduce" 19042 19043 loading="lazy" 19044 19045 width="2000" 19046 height="2250" 19047 > 19048 19049</a> 19050 </div> 19051 </div><div class="card__content"> 19052 <div class="card__information"> 19053 <h3 19054 class="card__heading" 19055 19056 > 19057 <a 19058 href="/products/w37844" 19059 id="StandardCardNoMediaLink-template--23890806309108__featured_collection_qwXzQm-9531116716276" 19060 class="full-unstyled-link" 19061 aria-labelledby="StandardCardNoMediaLink-template--23890806309108__featured_collection_qwXzQm-9531116716276 NoMediaStandardBadge-template--23890806309108__featured_collection_qwXzQm-9531116716276" 19062 > 19063 Women's GrandPrø Luxe Mile Slip-On Sneaker 19064 </a> 19065 </h3> 19066 </div> 19067 <div class="card__badge bottom left"> 19068 19069 </div> 19070 </div> 19071 </div> 19072 <div class="card__content card-content"> 19073 <div class="card__information"> 19074 19075 19076<variant-radios 19077 id="variant-radios-template--23890806309108__featured_collection_qwXzQm" 19078 class="no-js-hidden" 19079 data-section="template--23890806309108__featured_collection_qwXzQm" 19080 data-url="/products/w37844" 19081 19082 19083 > 19084 <div class= "clr-swatches-plp"><fieldset class="js product-form__input"> 19085 19086
19086<script src="//colehaan.com.ph/cdn/shop/t/131/assets/global.js?v=15889204645569497881790040512" defer="defer"></script>
19086<div 19087 class="swatches-wrapper" 19088 id="swatches-9531116716276-template--23890806309108__featured_collection_qwXzQm" 19089 data-related-handles="w37803,w37799" 19090 data-section-id="template--23890806309108__featured_collection_qwXzQm" 19091 data-product-id="9531116716276" 19092 data-product-form-id="product-form-template--23890806309108__featured_collection_qwXzQm" 19093> 19094<input 19095 class="related-product" 19096 type="radio" 19097 id="template--23890806309108__featured_collection_qwXzQm-1-1" 19098 name="Color" 19099 value="Ancient Scroll-Fondue Fudge" 19100 form="product-form-template--23890806309108__featured_collection_qwXzQm" 19101 data-url="/products/w37844" 19102 19103 checked 19104 19105 19106 > 19107 <label class="color-swatches-plp" for="template--23890806309108__featured_collection_qwXzQm-1-1" style="background: url('https://colehaan.com.ph/cdn/shop/files/BaseTransform1_564ba677-cd6e-488e-8493-2dd9636d2753.jpg?v=1782812361') center no-repeat; background-size: contain;" onclick="redirectToUrlCollection(this);"> 19108 </label> 19109 19110 19111 19112 <div class="related-swatches-container"></div> 19113</div> 19114 19115 </fieldset><fieldset class="js product-form__input"> 19116 19117 </fieldset><fieldset class="js product-form__input"> 19118 19119 </fieldset><span class="mobile-swatch-plus-plp" > 19120 19121 <a href="/products/w37844">+</a> 19122 </span> 19123 19124 19125
19125<script type="application/json"> 19126 19127 [{"id":48791946658036,"title":"Ancient Scroll-Fondue Fudge \/ Wide \/ 5","option1":"Ancient Scroll-Fondue Fudge","option2":"Wide","option3":"5","sku":"W37844 5.0C","requires_shipping":true,"taxable":true,"featured_image":null,"available":false,"name":"Women's GrandPrø Luxe Mile Slip-On Sneaker - Ancient Scroll-Fondue Fudge \/ Wide \/ 5","public_title":"Ancient Scroll-Fondue Fudge \/ Wide \/ 5","options":["Ancient Scroll-Fondue Fudge","Wide","5"],"price":799000,"weight":1000,"compare_at_price":1099500,"inventory_management":"shopify","barcode":"198859656155","requires_selling_plan":false,"selling_plan_allocations":[],"quantity_rule":{"min":1,"max":null,"increment":1}},{"id":48791946690804,"title":"Ancient Scroll-Fondue Fudge \/ Wide \/ 5.5","option1":"Ancient Scroll-Fondue Fudge","option2":"Wide","option3":"5.5","sku":"W37844 5.5C","requires_shipping":true,"taxable":true,"featured_image":null,"available":false,"name":"Women's GrandPrø Luxe Mile Slip-On Sneaker - Ancient Scroll-Fondue Fudge \/ Wide \/ 5.5","public_title":"Ancient Scroll-Fondue Fudge \/ Wide \/ 5.5","options":["Ancient Scroll-Fondue Fudge","Wide","5.5"],"price":799000,"weight":1000,"compare_at_price":1099500,"inventory_management":"shopify","barcode":"198859656162","requires_selling_plan":false,"selling_plan_allocations":[],"quantity_rule":{"min":1,"max":null,"increment":1}},{"id":48791946723572,"title":"Ancient Scroll-Fondue Fudge \/ Wide \/ 6","option1":"Ancient Scroll-Fondue Fudge","option2":"Wide","option3":"6","sku":"W37844 6.0C","requires_shipping":true,"taxable":true,"featured_image":null,"available":true,"name":"Women's GrandPrø Luxe Mile Slip-On Sneaker - Ancient Scroll-Fondue Fudge \/ Wide \/ 6","public_title":"Ancient Scroll-Fondue Fudge \/ Wide \/ 6","options":["Ancient Scroll-Fondue Fudge","Wide","6"],"price":799000,"weight":1000,"compare_at_price":1099500,"inventory_management":"shopify","barcode":"198859656179","requires_selling_plan":false,"selling_plan_allocations":[],"quantity_rule":{"min":1,"max":null,"increment":1}},{"id":48791946756340,"title":"Ancient Scroll-Fondue Fudge \/ Wide \/ 6.5","option1":"Ancient Scroll-Fondue Fudge","option2":"Wide","option3":"6.5","sku":"W37844 6.5C","requires_shipping":true,"taxable":true,"featured_image":null,"available":true,"name":"Women's GrandPrø Luxe Mile Slip-On Sneaker - Ancient Scroll-Fondue Fudge \/ Wide \/ 6.5","public_title":"Ancient Scroll-Fondue Fudge \/ Wide \/ 6.5","options":["Ancient Scroll-Fondue Fudge","Wide","6.5"],"price":799000,"weight":1000,"compare_at_price":1099500,"inventory_management":"shopify","barcode":"198859656186","requires_selling_plan":false,"selling_plan_allocations":[],"quantity_rule":{"min":1,"max":null,"increment":1}},{"id":48791946789108,"title":"Ancient Scroll-Fondue Fudge \/ Wide \/ 7","option1":"Ancient Scroll-Fondue Fudge","option2":"Wide","option3":"7","sku":"W37844 7.0C","requires_shipping":true,"taxable":true,"featured_image":null,"available":true,"name":"Women's GrandPrø Luxe Mile Slip-On Sneaker - Ancient Scroll-Fondue Fudge \/ Wide \/ 7","public_title":"Ancient Scroll-Fondue Fudge \/ Wide \/ 7","options":["Ancient Scroll-Fondue Fudge","Wide","7"],"price":799000,"weight":1000,"compare_at_price":1099500,"inventory_management":"shopify","barcode":"198859656193","requires_selling_plan":false,"selling_plan_allocations":[],"quantity_rule":{"min":1,"max":null,"increment":1}},{"id":48791946821876,"title":"Ancient Scroll-Fondue Fudge \/ Wide \/ 7.5","option1":"Ancient Scroll-Fondue Fudge","option2":"Wide","option3":"7.5","sku":"W37844 7.5C","requires_shipping":true,"taxable":true,"featured_image":null,"available":true,"name":"Women's GrandPrø Luxe Mile Slip-On Sneaker - Ancient Scroll-Fondue Fudge \/ Wide \/ 7.5","public_title":"Ancient Scroll-Fondue Fudge \/ Wide \/ 7.5","options":["Ancient Scroll-Fondue Fudge","Wide","7.5"],"price":799000,"weight":1000,"compare_at_price":1099500,"inventory_management":"shopify","barcode":"198859656209","requires_selling_plan":false,"selling_plan_allocations":[],"quantity_rule":{"min":1,"max":null,"increment":1}},{"id":48791946854644,"title":"Ancient Scroll-Fondue Fudge \/ Wide \/ 8","option1":"Ancient Scroll-Fondue Fudge","option2":"Wide","option3":"8","sku":"W37844 8.0C","requires_shipping":true,"taxable":true,"featured_image":null,"available":true,"name":"Women's GrandPrø Luxe Mile Slip-On Sneaker - Ancient Scroll-Fondue Fudge \/ Wide \/ 8","public_title":"Ancient Scroll-Fondue Fudge \/ Wide \/ 8","options":["Ancient Scroll-Fondue Fudge","Wide","8"],"price":799000,"weight":1000,"compare_at_price":1099500,"inventory_management":"shopify","barcode":"198859656216","requires_selling_plan":false,"selling_plan_allocations":[],"quantity_rule":{"min":1,"max":null,"increment":1}},{"id":48791946887412,"title":"Ancient Scroll-Fondue Fudge \/ Wide \/ 8.5","option1":"Ancient Scroll-Fondue Fudge","option2":"Wide","option3":"8.5","sku":"W37844 8.5C","requires_shipping":true,"taxable":true,"featured_image":null,"available":false,"name":"Women's GrandPrø Luxe Mile Slip-On Sneaker - Ancient Scroll-Fondue Fudge \/ Wide \/ 8.5","public_title":"Ancient Scroll-Fondue Fudge \/ Wide \/ 8.5","options":["Ancient Scroll-Fondue Fudge","Wide","8.5"],"price":799000,"weight":1000,"compare_at_price":1099500,"inventory_management":"shopify","barcode":"198859656223","requires_selling_plan":false,"selling_plan_allocations":[],"quantity_rule":{"min":1,"max":null,"increment":1}},{"id":48791946920180,"title":"Ancient Scroll-Fondue Fudge \/ Wide \/ 9","option1":"Ancient Scroll-Fondue Fudge","option2":"Wide","option3":"9","sku":"W37844 9.0C","requires_shipping":true,"taxable":true,"featured_image":null,"available":false,"name":"Women's GrandPrø Luxe Mile Slip-On Sneaker - Ancient Scroll-Fondue Fudge \/ Wide \/ 9","public_title":"Ancient Scroll-Fondue Fudge \/ Wide \/ 9","options":["Ancient Scroll-Fondue Fudge","Wide","9"],"price":799000,"weight":1000,"compare_at_price":1099500,"inventory_management":"shopify","barcode":"198859656230","requires_selling_plan":false,"selling_plan_allocations":[],"quantity_rule":{"min":1,"max":null,"increment":1}}] 19128 19129 </script>
19129 19130 19131 </div> 19132 </variant-radios><noscript class="product-form__noscript-wrapper-template--23890806309108__featured_collection_qwXzQm"> 19133 <div class="product-form__input"> 19134 <label class="form__label" for="Variants-template--23890806309108__featured_collection_qwXzQm">Product variants</label> 19135 <div class="select"> 19136 <select 19137 name="id" 19138 id="Variants-template--23890806309108__featured_collection_qwXzQm" 19139 class="select__select" 19140 form="" 19141 ><option 19142 19143 19144 disabled 19145 19146 value="48791946658036" 19147 >Ancient Scroll-Fondue Fudge / Wide / 5 - â±7,990.00 - Add to Bag</option><option 19148 19149 19150 disabled 19151 19152 value="48791946690804" 19153 >Ancient Scroll-Fondue Fudge / Wide / 5.5 - â±7,990.00 - Add to Bag</option><option 19154 19155 selected="selected" 19156 19157 19158 value="48791946723572" 19159 >Ancient Scroll-Fondue Fudge / Wide / 6 - â±7,990.00</option><option 19160 19161 19162 value="48791946756340" 19163 >Ancient Scroll-Fondue Fudge / Wide / 6.5 - â±7,990.00</option><option 19164 19165 19166 value="48791946789108" 19167 >Ancient Scroll-Fondue Fudge / Wide / 7 - â±7,990.00</option><option 19168 19169 19170 value="48791946821876" 19171 >Ancient Scroll-Fondue Fudge / Wide / 7.5 - â±7,990.00</option><option 19172 19173 19174 value="48791946854644" 19175 >Ancient Scroll-Fondue Fudge / Wide / 8 - â±7,990.00</option><option 19176 19177 19178 disabled 19179 19180 value="48791946887412" 19181 >Ancient Scroll-Fondue Fudge / Wide / 8.5 - â±7,990.00 - Add to Bag</option><option 19182 19183 19184 disabled 19185 19186 value="48791946920180" 19187 >Ancient Scroll-Fondue Fudge / Wide / 9 - â±7,990.00 - Add to Bag</option></select> 19188 <svg aria-hidden="true" focusable="false" class="icon icon-caret" viewBox="0 0 10 6"> 19189 <path fill-rule="evenodd" clip-rule="evenodd" d="M9.354.646a.5.5 0 00-.708 0L5 4.293 1.354.646a.5.5 0 00-.708.708l4 4a.5.5 0 00.708 0l4-4a.5.5 0 000-.708z" fill="currentColor"> 19190</svg> 19191<!-- <svg fill="#000000" height="14px" width="14px" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 330 330" xml:space="preserve" stroke="#000000" stroke-width="0.0033"><g id="SVGRepo_bgCarrier" stroke-width="0"></g><g id="SVGRepo_tracerCarrier" stroke-linecap="round" stroke-linejoin="round"></g> 19192 <g id="SVGRepo_iconCarrier"> 19193 <path id="XMLID_225_" d="M325.607,79.393c-5.857-5.857-15.355-5.858-21.213,0.001l-139.39,139.393L25.607,79.393 c-5.857-5.857-15.355-5.858-21.213,0.001c-5.858,5.858-5.858,15.355,0,21.213l150.004,150c2.813,2.813,6.628,4.393,10.606,4.393 s7.794-1.581,10.606-4.394l149.996-150C331.465,94.749,331.465,85.251,325.607,79.393z"> 19194 </path> </g></svg> --> 19195 19196 </div> 19197 </div> 19198</noscript> 19199
19200<script> 19201// var dataUrl; 19202// function fetchUrl(){ 19203// var productUrl = document.querySelector("button[data-product-url]"); 19204// if (productUrl) { 19205// debugger; 19206// dataUrl = productUrl.getAttribute("data-product-url"); 19207// console.log("data-product-url: ", dataUrl); 19208// } 19209// } 19210</script>
19210 19211 19212 19213 19214<div class=" 19215 price price--on-sale "> 19216 <div class="price__container"><div class="price__regular"> 19217 <span class="visually-hidden visually-hidden--inline">Regular price</span> 19218 <span class="price-item price-item--regular"> 19219 â±7,990 19220 </span> 19221 </div> 19222 <div class="price__sale price--large"> 19223 19224 <div class="" style="display: flex; white-space: nowrap; align-items: center;"> 19225 <span class="visually-hidden visually-hidden--inline">Regular price</span> 19226 <span class="strike-through quick-shop-regular"> 19227 <s class="price-item price-item--regular"> 19228 19229 â±10,995 19230 19231 </s> 19232 </span><span class="visually-hidden visually-hidden--inline " >Sale price</span> 19233 <span class="price-item price-item--sale price-item--last quick-shop-sale"> 19234 â±7,990 19235 </span> 19236 </div> 19237 <span class="compare-mark"> 19238 (27% Off) 19239 </span><style> 19240 .compare-mark{ 19241 font-size: 13px; 19242 color: #ff0d0d; 19243 font-family: WorkSansLight; 19244 margin-left: -10px; 19245 font-weight: 600; 19246 display: inline-flex; 19247 } 19248 @media screen and (max-width: 575px){ 19249 .compare-mark{ 19250 margin-left: 0; 19251 } 19252 .card-wrapper .price.price--on-sale .price__container { 19253 display: inline-flex; 19254 align-items: center; 19255 flex-wrap: wrap; 19256 align-items: flex-start; 19257 text-align: left; 19258 } 19259 } 19260 </style> 19261 </div> 19262 <small class="unit-price caption hidden"> 19263 <span class="visually-hidden">Unit price</span> 19264 <span class="price-item price-item--last"> 19265 <span></span> 19266 <span aria-hidden="true">/</span> 19267 <span class="visually-hidden"> per </span> 19268 <span> 19269 </span> 19270 </span> 19271 </small> 19272 </div></div> 19273 19274 <h3 19275 class="card_title card__heading h5" 19276 19277 id="title-template--23890806309108__featured_collection_qwXzQm-9531116716276" 19278 19279 > 19280 19281 19282 <a class="product_url" 19283 href="/products/w37844"> 19284 Women's GrandPrø Luxe Mile Slip-On Sneaker 19285 </a> 19286 19287 </h3> 19288 <div class="card-information"><span class="caption-large light"></span></div> 19289 </div> 19290 19291 <div class="card__badge bottom left"><span 19292 id="Badge-template--23890806309108__featured_collection_qwXzQm-9531116716276" 19293 class="badge badge--bottom-left color-accent-2" 19294 >Sale</span></div> 19295 </div> 19296 </div> 19297 </div>
19297<script> 19298 19299 19300// function redirectFn(e){ 19301 19302// console.log('test e',e); 19303// const srcSet = e.querySelector('.pdp-primaryimage'); 19304 19305// const srcSetVal = srcSet['srcset']; 19306 19307// const startIndex = srcSetVal.indexOf('/products/'); 19308// const endIndex = srcSetVal.indexOf('_', startIndex); 19309// const desiredValue = srcSetVal.substring(startIndex, endIndex); 19310 19311// e.setAttribute('href', desiredValue); 19312 19313 19314// } 19315 19316 19317// document.addEventListener("DOMContentLoaded", function() { 19318// const items = document.querySelectorAll('#product-grid li.grid__item'); 19319 19320// items.forEach(item => { 19321// const button = item.querySelector('.quick-add__submit'); 19322// const colorSwatches = item.querySelectorAll('.color-swatches-plp'); 19323 19324// colorSwatches.forEach(swatch => { 19325// swatch.addEventListener('click', () => { 19326// const inputId = swatch.getAttribute('for'); 19327// const relatedProduct = item.querySelector(`#${inputId}.related-product`); 19328// if (relatedProduct) { 19329// const newUrl = relatedProduct.getAttribute('data-url'); 19330// if (newUrl) { 19331// button.setAttribute('data-product-url', newUrl); 19332// console.log(`Updated data-product-url: ${newUrl}`); 19333// } 19334// } 19335// }); 19336// }); 19337// }); 19338// }); 19339// // swatches click on collection page 19340 19341// document.addEventListener("DOMContentLoaded", function() { 19342 19343// initializeProductHrefs(); 19344 19345 19346// const colorSwatches = document.querySelectorAll('.color-swatches-plp'); 19347// colorSwatches.forEach(swatch => { 19348// swatch.addEventListener('click', function() { 19349// updateHref(this); 19350// }); 19351// }); 19352 19353 19354// const firstColorSwatch = document.querySelector('.color-swatches-plp'); 19355// if (firstColorSwatch) { 19356// firstColorSwatch.addEventListener('click', function() { 19357// updateHrefToFirstVariant(this); 19358// }); 19359// } 19360// }); 19361 19362// function initializeProductHrefs() { 19363// const productItems = document.querySelectorAll('#product-grid li.grid__item'); 19364// productItems.forEach((item, index) => { 19365// const firstVariant = item.querySelector('input.related-product'); 19366// if (firstVariant) { 19367// const initialUrl = firstVariant.getAttribute('data-url'); 19368// if (initialUrl) { 19369// const pdpNavigationLink = item.querySelector('.pdp-navigation-link'); 19370// pdpNavigationLink.setAttribute('href', initialUrl); 19371 19372// } 19373// } 19374// }); 19375// } 19376 19377// function updateHref(swatch) { 19378// const parentItem = swatch.closest('li.grid__item'); 19379// const inputId = swatch.getAttribute('for'); 19380// const relatedProduct = parentItem.querySelector(`input#${inputId}.related-product`); 19381// if (relatedProduct) { 19382// const newUrl = relatedProduct.getAttribute('data-url'); 19383// if (newUrl) { 19384// const pdpNavigationLink = parentItem.querySelector('.pdp-navigation-link'); 19385// pdpNavigationLink.setAttribute('href', newUrl); 19386 19387// } else { 19388// console.log(`No data-url found for swatch: ${inputId}`); 19389// } 19390// } else { 19391// console.log(`No related product input found for swatch: ${inputId}`); 19392// } 19393// } 19394 19395// function updateHrefToFirstVariant(swatch) { 19396// const parentItem = swatch.closest('li.grid__item'); 19397// const firstRelatedProduct = parentItem.querySelector('input.related-product'); 19398// if (firstRelatedProduct) { 19399// const firstUrl = firstRelatedProduct.getAttribute('data-url'); 19400// if (firstUrl) { 19401// const pdpNavigationLink = parentItem.querySelector('.pdp-navigation-link'); 19402// pdpNavigationLink.setAttribute('href', firstUrl); 19403 19404// } else { 19405// console.log('No data-url found for the first related product.'); 19406// } 19407// } else { 19408// console.log('No related product inputs found.'); 19409// } 19410// } 19411 19412 19413 19414</script>
19414 19415 19416 19417 </li><li 19418 id="Slide-template--23890806309108__featured_collection_qwXzQm-3" 19419 class="grid__item slider__slide" 19420 > 19421 19422 19423<link href="//colehaan.com.ph/cdn/shop/t/131/assets/component-rating.css?v=24573085263941240431790040493" rel="stylesheet" type="text/css" media="all" /> 19424<style> 19425 .eyebrow{ 19426 background: #808080 !important; 19427 } 19428</style><div class="card-wrapper product-card-wrapper"> 19429 <div 19430 class=" 19431 card 19432 card--card 19433 card--media 19434 color-background-1 gradient 19435 19436 19437 19438 " 19439 style="--ratio-percent: 100%;" 19440 > 19441 <div 19442 class="card__inner ratio" 19443 style="--ratio-percent: 100%;" 19444 ><div class="card__media"> 19445 19446 <div class="quick-add quick-add-test no-js-hidden"> 19447 19448 <modal-opener data-modal="#QuickAdd-9479846920436"> 19449 <button 19450 id="quick-add-template--23890806309108__featured_collection_qwXzQm9479846920436-submit" 19451 type="submit" 19452 name="add" 19453 class="quick-add__submit button--full-width button--secondary" 19454 aria-haspopup="dialog" 19455 aria-labelledby="quick-add-template--23890806309108__featured_collection_qwXzQm9479846920436-submit title-template--23890806309108__featured_collection_qwXzQm-9479846920436" 19456 data-product-url="/products/w36409" 19457 > 19458 Quick shop 19459<div class="loading-overlay__spinner hidden"> 19460 <svg 19461 aria-hidden="true" 19462 focusable="false" 19463 class="spinner"
19464 viewBox="0 0 66 66" 19465 xmlns="http://www.w3.org/2000/svg" 19466 > 19467 <circle class="path" fill="none" stroke-width="6" cx="33" cy="33" r="30"></circle> 19468 </svg> 19469 </div> 19470 </button> 19471 </modal-opener> 19472 <quick-add-modal id="QuickAdd-9479846920436" class="quick-add-modal"> 19473 <div 19474 role="dialog" 19475 aria-label="Choose options for Women&#39;s GrandPrø Travina Sneaker" 19476 aria-modal="true" 19477 class="quick-add-modal__content global-settings-popup" 19478 tabindex="-1" 19479 > 19480 <button 19481 id="ModalClose-9479846920436" 19482 type="button" 19483 class="quick-add-modal__toggle" 19484 aria-label="Close" 19485 > 19486 <svg 19487 xmlns="http://www.w3.org/2000/svg" 19488 aria-hidden="true" 19489 focusable="false" 19490 class="icon icon-close" 19491 fill="none" 19492 viewBox="0 0 18 17" 19493> 19494 <path d="M.865 15.978a.5.5 0 00.707.707l7.433-7.431 7.579 7.282a.501.501 0 00.846-.37.5.5 0 00-.153-.351L9.712 8.546l7.417-7.416a.5.5 0 10-.707-.708L8.991 7.853 1.413.573a.5.5 0 10-.693.72l7.563 7.268-7.418 7.417z" fill="currentColor"> 19495</svg> 19496 19497 </button> 19498 <div class="logo_ch"> 19499 <img src="https://cdn.shopify.com/s/files/1/0268/1228/5039/files/colehaan_logo.png?v=1694757702" style="width: 150px; margin: 20px;"/> 19500 </div> 19501 <div id="QuickAddInfo-9479846920436" class="quick-add-modal__content-info"> 19502 </div> 19503 19504 <div class="cart-and-ipay"> 19505 <button class="add-to-cart-global btn" onclick="triggerQuickBasket(event, 'product-form-quickadd-template--23890806309108__featured_collection_qwXzQm');" title="Add to bag"> 19506 Add to Bag 19507 </button> 19508 </div> 19509 </div> 19510 </quick-add-modal> 19511 19512 19513 </div> 19514 19515 <div class="media"> 19516 19517 19518 <a class="pdp-navigation-link" onclick = "redirectFn(this);" href="/products/w36409"> 19519 <img class="img-tag pdp-primaryimage" 19520 srcset="//colehaan.com.ph/cdn/shop/files/BaseTransform1_e2528591-16b0-45e7-a77d-21fd93a1cad2.jpg?v=1780029163&width=165 165w,//colehaan.com.ph/cdn/shop/files/BaseTransform1_e2528591-16b0-45e7-a77d-21fd93a1cad2.jpg?v=1780029163&width=360 360w,//colehaan.com.ph/cdn/shop/files/BaseTransform1_e2528591-16b0-45e7-a77d-21fd93a1cad2.jpg?v=1780029163&width=533 533w,//colehaan.com.ph/cdn/shop/files/BaseTransform1_e2528591-16b0-45e7-a77d-21fd93a1cad2.jpg?v=1780029163&width=720 720w,//colehaan.com.ph/cdn/shop/files/BaseTransform1_e2528591-16b0-45e7-a77d-21fd93a1cad2.jpg?v=1780029163&width=940 940w,//colehaan.com.ph/cdn/shop/files/BaseTransform1_e2528591-16b0-45e7-a77d-21fd93a1cad2.jpg?v=1780029163&width=1066 1066w,//colehaan.com.ph/cdn/shop/files/BaseTransform1_e2528591-16b0-45e7-a77d-21fd93a1cad2.jpg?v=1780029163 2000w 19521 " 19522 src="//colehaan.com.ph/cdn/shop/files/BaseTransform1_e2528591-16b0-45e7-a77d-21fd93a1cad2.jpg?v=1780029163&width=533" 19523 sizes="(min-width: 1200px) 267px, (min-width: 990px) calc((100vw - 130px) / 4), (min-width: 750px) calc((100vw - 120px) / 3), calc((100vw - 35px) / 2)" 19524 alt="W36409:CH TUSCAN SAND SDE/LTHR / IVORY LTHR / BISCUIT SDE" 19525 class="motion-reduce" 19526 19527 loading="lazy" 19528 19529 width="2000" 19530 height="2250" 19531 > 19532 19533</a> 19534 </div> 19535 </div><div class="card__content"> 19536 <div class="card__information"> 19537 <h3 19538 class="card__heading" 19539 19540 > 19541 <a 19542 href="/products/w36409" 19543 id="StandardCardNoMediaLink-template--23890806309108__featured_collection_qwXzQm-9479846920436" 19544 class="full-unstyled-link" 19545 aria-labelledby="StandardCardNoMediaLink-template--23890806309108__featured_collection_qwXzQm-9479846920436 NoMediaStandardBadge-template--23890806309108__featured_collection_qwXzQm-9479846920436" 19546 > 19547 Women's GrandPrø Travina Sneaker 19548 </a> 19549 </h3> 19550 </div> 19551 <div class="card__badge bottom left"> 19552 19553 </div> 19554 </div> 19555 </div> 19556 <div class="card__content card-content"> 19557 <div class="card__information"> 19558 19559 19560<variant-radios 19561 id="variant-radios-template--23890806309108__featured_collection_qwXzQm" 19562 class="no-js-hidden" 19563 data-section="template--23890806309108__featured_collection_qwXzQm" 19564 data-url="/products/w36409" 19565 19566 19567 > 19568 <div class= "clr-swatches-plp"><fieldset class="js product-form__input"> 19569 19570
19570<script src="//colehaan.com.ph/cdn/shop/t/131/assets/global.js?v=15889204645569497881790040512" defer="defer"></script>
19570<div 19571 class="swatches-wrapper" 19572 id="swatches-9479846920436-template--23890806309108__featured_collection_qwXzQm" 19573 data-related-handles="w36407,w36405" 19574 data-section-id="template--23890806309108__featured_collection_qwXzQm" 19575 data-product-id="9479846920436" 19576 data-product-form-id="product-form-template--23890806309108__featured_collection_qwXzQm" 19577> 19578<input 19579 class="related-product" 19580 type="radio" 19581 id="template--23890806309108__featured_collection_qwXzQm-1-1" 19582 name="Color" 19583 value="Tuscan Sand-Ivory-Biscuit" 19584 form="product-form-template--23890806309108__featured_collection_qwXzQm" 19585 data-url="/products/w36409" 19586 19587 checked 19588 19589 19590 > 19591 <label class="color-swatches-plp" for="template--23890806309108__featured_collection_qwXzQm-1-1" style="background: url('https://colehaan.com.ph/cdn/shop/files/BaseTransform1_e2528591-16b0-45e7-a77d-21fd93a1cad2.jpg?v=1780029163') center no-repeat; background-size: contain;" onclick="redirectToUrlCollection(this);"> 19592 </label> 19593 19594 19595 19596 <div class="related-swatches-container"></div> 19597</div> 19598 19599 </fieldset><fieldset class="js product-form__input"> 19600 19601 </fieldset><fieldset class="js product-form__input"> 19602 19603 </fieldset><span class="mobile-swatch-plus-plp" > 19604 19605 <a href="/products/w36409">+</a> 19606 </span> 19607 19608 19609
19609<script type="application/json"> 19610 19611 [{"id":48356555981044,"title":"Tuscan Sand-Ivory-Biscuit \/ Wide \/ 5","option1":"Tuscan Sand-Ivory-Biscuit","option2":"Wide","option3":"5","sku":"W36409 5.0C","requires_shipping":true,"taxable":true,"featured_image":null,"available":false,"name":"Women's GrandPrø Travina Sneaker - Tuscan Sand-Ivory-Biscuit \/ Wide \/ 5","public_title":"Tuscan Sand-Ivory-Biscuit \/ Wide \/ 5","options":["Tuscan Sand-Ivory-Biscuit","Wide","5"],"price":799000,"weight":1000,"compare_at_price":999500,"inventory_management":"shopify","barcode":"198859633293","requires_selling_plan":false,"selling_plan_allocations":[],"quantity_rule":{"min":1,"max":null,"increment":1}},{"id":48356556013812,"title":"Tuscan Sand-Ivory-Biscuit \/ Wide \/ 5.5","option1":"Tuscan Sand-Ivory-Biscuit","option2":"Wide","option3":"5.5","sku":"W36409 5.5C","requires_shipping":true,"taxable":true,"featured_image":null,"available":false,"name":"Women's GrandPrø Travina Sneaker - Tuscan Sand-Ivory-Biscuit \/ Wide \/ 5.5","public_title":"Tuscan Sand-Ivory-Biscuit \/ Wide \/ 5.5","options":["Tuscan Sand-Ivory-Biscuit","Wide","5.5"],"price":799000,"weight":1000,"compare_at_price":999500,"inventory_management":"shopify","barcode":"198859633309","requires_selling_plan":false,"selling_plan_allocations":[],"quantity_rule":{"min":1,"max":null,"increment":1}},{"id":48356556046580,"title":"Tuscan Sand-Ivory-Biscuit \/ Wide \/ 6","option1":"Tuscan Sand-Ivory-Biscuit","option2":"Wide","option3":"6","sku":"W36409 6.0C","requires_shipping":true,"taxable":true,"featured_image":null,"available":true,"name":"Women's GrandPrø Travina Sneaker - Tuscan Sand-Ivory-Biscuit \/ Wide \/ 6","public_title":"Tuscan Sand-Ivory-Biscuit \/ Wide \/ 6","options":["Tuscan Sand-Ivory-Biscuit","Wide","6"],"price":799000,"weight":1000,"compare_at_price":999500,"inventory_management":"shopify","barcode":"198859633316","requires_selling_plan":false,"selling_plan_allocations":[],"quantity_rule":{"min":1,"max":null,"increment":1}},{"id":48356556079348,"title":"Tuscan Sand-Ivory-Biscuit \/ Wide \/ 6.5","option1":"Tuscan Sand-Ivory-Biscuit","option2":"Wide","option3":"6.5","sku":"W36409 6.5C","requires_shipping":true,"taxable":true,"featured_image":null,"available":true,"name":"Women's GrandPrø Travina Sneaker - Tuscan Sand-Ivory-Biscuit \/ Wide \/ 6.5","public_title":"Tuscan Sand-Ivory-Biscuit \/ Wide \/ 6.5","options":["Tuscan Sand-Ivory-Biscuit","Wide","6.5"],"price":799000,"weight":1000,"compare_at_price":999500,"inventory_management":"shopify","barcode":"198859633323","requires_selling_plan":false,"selling_plan_allocations":[],"quantity_rule":{"min":1,"max":null,"increment":1}},{"id":48356556112116,"title":"Tuscan Sand-Ivory-Biscuit \/ Wide \/ 7","option1":"Tuscan Sand-Ivory-Biscuit","option2":"Wide","option3":"7","sku":"W36409 7.0C","requires_shipping":true,"taxable":true,"featured_image":null,"available":true,"name":"Women's GrandPrø Travina Sneaker - Tuscan Sand-Ivory-Biscuit \/ Wide \/ 7","public_title":"Tuscan Sand-Ivory-Biscuit \/ Wide \/ 7","options":["Tuscan Sand-Ivory-Biscuit","Wide","7"],"price":799000,"weight":1000,"compare_at_price":999500,"inventory_management":"shopify","barcode":"198859633330","requires_selling_plan":false,"selling_plan_allocations":[],"quantity_rule":{"min":1,"max":null,"increment":1}},{"id":48356556144884,"title":"Tuscan Sand-Ivory-Biscuit \/ Wide \/ 7.5","option1":"Tuscan Sand-Ivory-Biscuit","option2":"Wide","option3":"7.5","sku":"W36409 7.5C","requires_shipping":true,"taxable":true,"featured_image":null,"available":true,"name":"Women's GrandPrø Travina Sneaker - Tuscan Sand-Ivory-Biscuit \/ Wide \/ 7.5","public_title":"Tuscan Sand-Ivory-Biscuit \/ Wide \/ 7.5","options":["Tuscan Sand-Ivory-Biscuit","Wide","7.5"],"price":799000,"weight":1000,"compare_at_price":999500,"inventory_management":"shopify","barcode":"198859633347","requires_selling_plan":false,"selling_plan_allocations":[],"quantity_rule":{"min":1,"max":null,"increment":1}},{"id":48356556177652,"title":"Tuscan Sand-Ivory-Biscuit \/ Wide \/ 8","option1":"Tuscan Sand-Ivory-Biscuit","option2":"Wide","option3":"8","sku":"W36409 8.0C","requires_shipping":true,"taxable":true,"featured_image":null,"available":false,"name":"Women's GrandPrø Travina Sneaker - Tuscan Sand-Ivory-Biscuit \/ Wide \/ 8","public_title":"Tuscan Sand-Ivory-Biscuit \/ Wide \/ 8","options":["Tuscan Sand-Ivory-Biscuit","Wide","8"],"price":799000,"weight":1000,"compare_at_price":999500,"inventory_management":"shopify","barcode":"198859633354","requires_selling_plan":false,"selling_plan_allocations":[],"quantity_rule":{"min":1,"max":null,"increment":1}},{"id":48356556210420,"title":"Tuscan Sand-Ivory-Biscuit \/ Wide \/ 8.5","option1":"Tuscan Sand-Ivory-Biscuit","option2":"Wide","option3":"8.5","sku":"W36409 8.5C","requires_shipping":true,"taxable":true,"featured_image":null,"available":false,"name":"Women's GrandPrø Travina Sneaker - Tuscan Sand-Ivory-Biscuit \/ Wide \/ 8.5","public_title":"Tuscan Sand-Ivory-Biscuit \/ Wide \/ 8.5","options":["Tuscan Sand-Ivory-Biscuit","Wide","8.5"],"price":799000,"weight":1000,"compare_at_price":999500,"inventory_management":"shopify","barcode":"198859633361","requires_selling_plan":false,"selling_plan_allocations":[],"quantity_rule":{"min":1,"max":null,"increment":1}},{"id":48356556243188,"title":"Tuscan Sand-Ivory-Biscuit \/ Wide \/ 9","option1":"Tuscan Sand-Ivory-Biscuit","option2":"Wide","option3":"9","sku":"W36409 9.0C","requires_shipping":true,"taxable":true,"featured_image":null,"available":false,"name":"Women's GrandPrø Travina Sneaker - Tuscan Sand-Ivory-Biscuit \/ Wide \/ 9","public_title":"Tuscan Sand-Ivory-Biscuit \/ Wide \/ 9","options":["Tuscan Sand-Ivory-Biscuit","Wide","9"],"price":799000,"weight":1000,"compare_at_price":999500,"inventory_management":"shopify","barcode":"198859633378","requires_selling_plan":false,"selling_plan_allocations":[],"quantity_rule":{"min":1,"max":null,"increment":1}}] 19612 19613 </script>
19613 19614 19615 </div> 19616 </variant-radios><noscript class="product-form__noscript-wrapper-template--23890806309108__featured_collection_qwXzQm"> 19617 <div class="product-form__input"> 19618 <label class="form__label" for="Variants-template--23890806309108__featured_collection_qwXzQm">Product variants</label> 19619 <div class="select"> 19620 <select 19621 name="id" 19622 id="Variants-template--23890806309108__featured_collection_qwXzQm" 19623 class="select__select" 19624 form="" 19625 ><option 19626 19627 19628 disabled 19629 19630 value="48356555981044" 19631 >Tuscan Sand-Ivory-Biscuit / Wide / 5 - â±7,990.00 - Add to Bag</option><option 19632 19633 19634 disabled 19635 19636 value="48356556013812" 19637 >Tuscan Sand-Ivory-Biscuit / Wide / 5.5 - â±7,990.00 - Add to Bag</option><option 19638 19639 selected="selected" 19640 19641 19642 value="48356556046580" 19643 >Tuscan Sand-Ivory-Biscuit / Wide / 6 - â±7,990.00</option><option 19644 19645 19646 value="48356556079348" 19647 >Tuscan Sand-Ivory-Biscuit / Wide / 6.5 - â±7,990.00</option><option 19648 19649 19650 value="48356556112116" 19651 >Tuscan Sand-Ivory-Biscuit / Wide / 7 - â±7,990.00</option><option 19652 19653 19654 value="48356556144884" 19655 >Tuscan Sand-Ivory-Biscuit / Wide / 7.5 - â±7,990.00</option><option 19656 19657 19658 disabled 19659 19660 value="48356556177652" 19661 >Tuscan Sand-Ivory-Biscuit / Wide / 8 - â±7,990.00 - Add to Bag</option><option 19662 19663 19664 disabled 19665 19666 value="48356556210420" 19667 >Tuscan Sand-Ivory-Biscuit / Wide / 8.5 - â±7,990.00 - Add to Bag</option><option 19668 19669 19670 disabled 19671 19672 value="48356556243188" 19673 >Tuscan Sand-Ivory-Biscuit / Wide / 9 - â±7,990.00 - Add to Bag</option></select> 19674 <svg aria-hidden="true" focusable="false" class="icon icon-caret" viewBox="0 0 10 6"> 19675 <path fill-rule="evenodd" clip-rule="evenodd" d="M9.354.646a.5.5 0 00-.708 0L5 4.293 1.354.646a.5.5 0 00-.708.708l4 4a.5.5 0 00.708 0l4-4a.5.5 0 000-.708z" fill="currentColor"> 19676</svg> 19677<!-- <svg fill="#000000" height="14px" width="14px" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 330 330" xml:space="preserve" stroke="#000000" stroke-width="0.0033"><g id="SVGRepo_bgCarrier" stroke-width="0"></g><g id="SVGRepo_tracerCarrier" stroke-linecap="round" stroke-linejoin="round"></g> 19678 <g id="SVGRepo_iconCarrier"> 19679 <path id="XMLID_225_" d="M325.607,79.393c-5.857-5.857-15.355-5.858-21.213,0.001l-139.39,139.393L25.607,79.393 c-5.857-5.857-15.355-5.858-21.213,0.001c-5.858,5.858-5.858,15.355,0,21.213l150.004,150c2.813,2.813,6.628,4.393,10.606,4.393 s7.794-1.581,10.606-4.394l149.996-150C331.465,94.749,331.465,85.251,325.607,79.393z"> 19680 </path> </g></svg> --> 19681 19682 </div> 19683 </div> 19684</noscript> 19685
19686<script> 19687// var dataUrl; 19688// function fetchUrl(){ 19689// var productUrl = document.querySelector("button[data-product-url]"); 19690// if (productUrl) { 19691// debugger; 19692// dataUrl = productUrl.getAttribute("data-product-url"); 19693// console.log("data-product-url: ", dataUrl); 19694// } 19695// } 19696</script>
19696 19697 19698 19699 19700<div class=" 19701 price price--on-sale "> 19702 <div class="price__container"><div class="price__regular"> 19703 <span class="visually-hidden visually-hidden--inline">Regular price</span> 19704 <span class="price-item price-item--regular"> 19705 â±7,990 19706 </span> 19707 </div> 19708 <div class="price__sale price--large"> 19709 19710 <div class="" style="display: flex; white-space: nowrap; align-items: center;"> 19711 <span class="visually-hidden visually-hidden--inline">Regular price</span> 19712 <span class="strike-through quick-shop-regular"> 19713 <s class="price-item price-item--regular"> 19714 19715 â±9,995 19716 19717 </s> 19718 </span><span class="visually-hidden visually-hidden--inline " >Sale price</span> 19719 <span class="price-item price-item--sale price-item--last quick-shop-sale"> 19720 â±7,990 19721 </span> 19722 </div> 19723 <span class="compare-mark"> 19724 (20% Off) 19725 </span><style> 19726 .compare-mark{ 19727 font-size: 13px; 19728 color: #ff0d0d; 19729 font-family: WorkSansLight; 19730 margin-left: -10px; 19731 font-weight: 600; 19732 display: inline-flex; 19733 } 19734 @media screen and (max-width: 575px){ 19735 .compare-mark{ 19736 margin-left: 0; 19737 } 19738 .card-wrapper .price.price--on-sale .price__container { 19739 display: inline-flex; 19740 align-items: center; 19741 flex-wrap: wrap; 19742 align-items: flex-start; 19743 text-align: left; 19744 } 19745 } 19746 </style> 19747 </div> 19748 <small class="unit-price caption hidden"> 19749 <span class="visually-hidden">Unit price</span> 19750 <span class="price-item price-item--last"> 19751 <span></span> 19752 <span aria-hidden="true">/</span> 19753 <span class="visually-hidden"> per </span> 19754 <span> 19755 </span> 19756 </span> 19757 </small> 19758 </div></div> 19759 19760 <h3 19761 class="card_title card__heading h5" 19762 19763 id="title-template--23890806309108__featured_collection_qwXzQm-9479846920436" 19764 19765 > 19766 19767 19768 <a class="product_url" 19769 href="/products/w36409"> 19770 Women's GrandPrø Travina Sneaker 19771 </a> 19772 19773 </h3> 19774 <div class="card-information"><span class="caption-large light"></span></div> 19775 </div> 19776 19777 <div class="card__badge bottom left"><span 19778 id="Badge-template--23890806309108__featured_collection_qwXzQm-9479846920436" 19779 class="badge badge--bottom-left color-accent-2" 19780 >Sale</span></div> 19781 </div> 19782 </div> 19783 </div>
19783<script> 19784 19785 19786// function redirectFn(e){ 19787 19788// console.log('test e',e); 19789// const srcSet = e.querySelector('.pdp-primaryimage'); 19790 19791// const srcSetVal = srcSet['srcset']; 19792 19793// const startIndex = srcSetVal.indexOf('/products/'); 19794// const endIndex = srcSetVal.indexOf('_', startIndex); 19795// const desiredValue = srcSetVal.substring(startIndex, endIndex); 19796 19797// e.setAttribute('href', desiredValue); 19798 19799 19800// } 19801 19802 19803// document.addEventListener("DOMContentLoaded", function() { 19804// const items = document.querySelectorAll('#product-grid li.grid__item'); 19805 19806// items.forEach(item => { 19807// const button = item.querySelector('.quick-add__submit'); 19808// const colorSwatches = item.querySelectorAll('.color-swatches-plp'); 19809 19810// colorSwatches.forEach(swatch => { 19811// swatch.addEventListener('click', () => { 19812// const inputId = swatch.getAttribute('for'); 19813// const relatedProduct = item.querySelector(`#${inputId}.related-product`); 19814// if (relatedProduct) { 19815// const newUrl = relatedProduct.getAttribute('data-url'); 19816// if (newUrl) { 19817// button.setAttribute('data-product-url', newUrl); 19818// console.log(`Updated data-product-url: ${newUrl}`); 19819// } 19820// } 19821// }); 19822// }); 19823// }); 19824// }); 19825// // swatches click on collection page 19826 19827// document.addEventListener("DOMContentLoaded", function() { 19828 19829// initializeProductHrefs(); 19830 19831 19832// const colorSwatches = document.querySelectorAll('.color-swatches-plp'); 19833// colorSwatches.forEach(swatch => { 19834// swatch.addEventListener('click', function() { 19835// updateHref(this); 19836// }); 19837// }); 19838 19839 19840// const firstColorSwatch = document.querySelector('.color-swatches-plp'); 19841// if (firstColorSwatch) { 19842// firstColorSwatch.addEventListener('click', function() { 19843// updateHrefToFirstVariant(this); 19844// }); 19845// } 19846// }); 19847 19848// function initializeProductHrefs() { 19849// const productItems = document.querySelectorAll('#product-grid li.grid__item'); 19850// productItems.forEach((item, index) => { 19851// const firstVariant = item.querySelector('input.related-product'); 19852// if (firstVariant) { 19853// const initialUrl = firstVariant.getAttribute('data-url'); 19854// if (initialUrl) { 19855// const pdpNavigationLink = item.querySelector('.pdp-navigation-link'); 19856// pdpNavigationLink.setAttribute('href', initialUrl); 19857 19858// } 19859// } 19860// }); 19861// } 19862 19863// function updateHref(swatch) { 19864// const parentItem = swatch.closest('li.grid__item'); 19865// const inputId = swatch.getAttribute('for'); 19866// const relatedProduct = parentItem.querySelector(`input#${inputId}.related-product`); 19867// if (relatedProduct) { 19868// const newUrl = relatedProduct.getAttribute('data-url'); 19869// if (newUrl) { 19870// const pdpNavigationLink = parentItem.querySelector('.pdp-navigation-link'); 19871// pdpNavigationLink.setAttribute('href', newUrl); 19872 19873// } else { 19874// console.log(`No data-url found for swatch: ${inputId}`); 19875// } 19876// } else { 19877// console.log(`No related product input found for swatch: ${inputId}`); 19878// } 19879// } 19880 19881// function updateHrefToFirstVariant(swatch) { 19882// const parentItem = swatch.closest('li.grid__item'); 19883// const firstRelatedProduct = parentItem.querySelector('input.related-product'); 19884// if (firstRelatedProduct) { 19885// const firstUrl = firstRelatedProduct.getAttribute('data-url'); 19886// if (firstUrl) { 19887// const pdpNavigationLink = parentItem.querySelector('.pdp-navigation-link'); 19888// pdpNavigationLink.setAttribute('href', firstUrl); 19889 19890// } else { 19891// console.log('No data-url found for the first related product.'); 19892// } 19893// } else { 19894// console.log('No related product inputs found.'); 19895// } 19896// } 19897 19898 19899 19900</script>
19900 19901 19902 19903 </li><li 19904 id="Slide-template--23890806309108__featured_collection_qwXzQm-4" 19905 class="grid__item slider__slide" 19906 > 19907 19908 19909<link href="//colehaan.com.ph/cdn/shop/t/131/assets/component-rating.css?v=24573085263941240431790040493" rel="stylesheet" type="text/css" media="all" /> 19910<style> 19911 .eyebrow{ 19912 background: #808080 !important; 19913 } 19914</style><div class="card-wrapper product-card-wrapper"> 19915 <div 19916 class=" 19917 card 19918 card--card 19919 card--media 19920 color-background-1 gradient 19921 19922 19923 19924 " 19925 style="--ratio-percent: 100%;" 19926 > 19927 <div 19928 class="card__inner ratio" 19929 style="--ratio-percent: 100%;" 19930 ><div class="card__media"> 19931 19932 <div class="quick-add quick-add-test no-js-hidden"> 19933 19934 <modal-opener data-modal="#QuickAdd-9479846854900"> 19935 <button 19936 id="quick-add-template--23890806309108__featured_collection_qwXzQm9479846854900-submit" 19937 type="submit" 19938 name="add" 19939 class="quick-add__submit button--full-width button--secondary" 19940 aria-haspopup="dialog" 19941 aria-labelledby="quick-add-template--23890806309108__featured_collection_qwXzQm9479846854900-submit title-template--23890806309108__featured_collection_qwXzQm-9479846854900" 19942 data-product-url="/products/w36407" 19943 > 19944 Quick shop 19945<div class="loading-overlay__spinner hidden"> 19946 <svg 19947 aria-hidden="true" 19948 focusable="false" 19949 class="spinner"
19950 viewBox="0 0 66 66" 19951 xmlns="http://www.w3.org/2000/svg" 19952 > 19953 <circle class="path" fill="none" stroke-width="6" cx="33" cy="33" r="30"></circle> 19954 </svg> 19955 </div> 19956 </button> 19957 </modal-opener> 19958 <quick-add-modal id="QuickAdd-9479846854900" class="quick-add-modal"> 19959 <div 19960 role="dialog" 19961 aria-label="Choose options for Women&#39;s GrandPrø Travina Sneaker" 19962 aria-modal="true" 19963 class="quick-add-modal__content global-settings-popup" 19964 tabindex="-1" 19965 > 19966 <button 19967 id="ModalClose-9479846854900" 19968 type="button" 19969 class="quick-add-modal__toggle" 19970 aria-label="Close" 19971 > 19972 <svg 19973 xmlns="http://www.w3.org/2000/svg" 19974 aria-hidden="true" 19975 focusable="false" 19976 class="icon icon-close" 19977 fill="none" 19978 viewBox="0 0 18 17" 19979> 19980 <path d="M.865 15.978a.5.5 0 00.707.707l7.433-7.431 7.579 7.282a.501.501 0 00.846-.37.5.5 0 00-.153-.351L9.712 8.546l7.417-7.416a.5.5 0 10-.707-.708L8.991 7.853 1.413.573a.5.5 0 10-.693.72l7.563 7.268-7.418 7.417z" fill="currentColor"> 19981</svg> 19982 19983 </button> 19984 <div class="logo_ch"> 19985 <img src="https://cdn.shopify.com/s/files/1/0268/1228/5039/files/colehaan_logo.png?v=1694757702" style="width: 150px; margin: 20px;"/> 19986 </div> 19987 <div id="QuickAddInfo-9479846854900" class="quick-add-modal__content-info"> 19988 </div> 19989 19990 <div class="cart-and-ipay"> 19991 <button class="add-to-cart-global btn" onclick="triggerQuickBasket(event, 'product-form-quickadd-template--23890806309108__featured_collection_qwXzQm');" title="Add to bag"> 19992 Add to Bag 19993 </button> 19994 </div> 19995 </div> 19996 </quick-add-modal> 19997 19998 19999 </div> 20000 20001 <div class="media"> 20002 20003 20004 <a class="pdp-navigation-link" onclick = "redirectFn(this);" href="/products/w36407"> 20005 <img class="img-tag pdp-primaryimage" 20006 srcset="//colehaan.com.ph/cdn/shop/files/BaseTransform1_9fdf0587-bc04-432c-bb45-15975b265a1b.jpg?v=1780029153&width=165 165w,//colehaan.com.ph/cdn/shop/files/BaseTransform1_9fdf0587-bc04-432c-bb45-15975b265a1b.jpg?v=1780029153&width=360 360w,//colehaan.com.ph/cdn/shop/files/BaseTransform1_9fdf0587-bc04-432c-bb45-15975b265a1b.jpg?v=1780029153&width=533 533w,//colehaan.com.ph/cdn/shop/files/BaseTransform1_9fdf0587-bc04-432c-bb45-15975b265a1b.jpg?v=1780029153&width=720 720w,//colehaan.com.ph/cdn/shop/files/BaseTransform1_9fdf0587-bc04-432c-bb45-15975b265a1b.jpg?v=1780029153&width=940 940w,//colehaan.com.ph/cdn/shop/files/BaseTransform1_9fdf0587-bc04-432c-bb45-15975b265a1b.jpg?v=1780029153&width=1066 1066w,//colehaan.com.ph/cdn/shop/files/BaseTransform1_9fdf0587-bc04-432c-bb45-15975b265a1b.jpg?v=1780029153 2000w 20007 " 20008 src="//colehaan.com.ph/cdn/shop/files/BaseTransform1_9fdf0587-bc04-432c-bb45-15975b265a1b.jpg?v=1780029153&width=533" 20009 sizes="(min-width: 1200px) 267px, (min-width: 990px) calc((100vw - 130px) / 4), (min-width: 750px) calc((100vw - 120px) / 3), calc((100vw - 35px) / 2)" 20010 alt="W36407:WHITE LTHR / BLACK SDE / SILVER BIRCH SDE" 20011 class="motion-reduce" 20012 20013 loading="lazy" 20014 20015 width="2000" 20016 height="2250" 20017 > 20018 20019</a> 20020 </div> 20021 </div><div class="card__content"> 20022 <div class="card__information"> 20023 <h3 20024 class="card__heading" 20025 20026 > 20027 <a 20028 href="/products/w36407" 20029 id="StandardCardNoMediaLink-template--23890806309108__featured_collection_qwXzQm-9479846854900" 20030 class="full-unstyled-link" 20031 aria-labelledby="StandardCardNoMediaLink-template--23890806309108__featured_collection_qwXzQm-9479846854900 NoMediaStandardBadge-template--23890806309108__featured_collection_qwXzQm-9479846854900" 20032 > 20033 Women's GrandPrø Travina Sneaker 20034 </a> 20035 </h3> 20036 </div> 20037 <div class="card__badge bottom left"> 20038 20039 </div> 20040 </div> 20041 </div> 20042 <div class="card__content card-content"> 20043 <div class="card__information"> 20044 20045 20046<variant-radios 20047 id="variant-radios-template--23890806309108__featured_collection_qwXzQm" 20048 class="no-js-hidden" 20049 data-section="template--23890806309108__featured_collection_qwXzQm" 20050 data-url="/products/w36407" 20051 20052 20053 > 20054 <div class= "clr-swatches-plp"><fieldset class="js product-form__input"> 20055 20056
20056<script src="//colehaan.com.ph/cdn/shop/t/131/assets/global.js?v=15889204645569497881790040512" defer="defer"></script>
20056<div 20057 class="swatches-wrapper" 20058 id="swatches-9479846854900-template--23890806309108__featured_collection_qwXzQm" 20059 data-related-handles="w36409,w36405" 20060 data-section-id="template--23890806309108__featured_collection_qwXzQm" 20061 data-product-id="9479846854900" 20062 data-product-form-id="product-form-template--23890806309108__featured_collection_qwXzQm" 20063> 20064<input 20065 class="related-product" 20066 type="radio" 20067 id="template--23890806309108__featured_collection_qwXzQm-1-1" 20068 name="Color" 20069 value="White-Black-Silver Birch" 20070 form="product-form-template--23890806309108__featured_collection_qwXzQm" 20071 data-url="/products/w36407" 20072 20073 checked 20074 20075 20076 > 20077 <label class="color-swatches-plp" for="template--23890806309108__featured_collection_qwXzQm-1-1" style="background: url('https://colehaan.com.ph/cdn/shop/files/BaseTransform1_9fdf0587-bc04-432c-bb45-15975b265a1b.jpg?v=1780029153') center no-repeat; background-size: contain;" onclick="redirectToUrlCollection(this);"> 20078 </label> 20079 20080 20081 20082 <div class="related-swatches-container"></div> 20083</div> 20084 20085 </fieldset><fieldset class="js product-form__input"> 20086 20087 </fieldset><fieldset class="js product-form__input"> 20088 20089 </fieldset><span class="mobile-swatch-plus-plp" > 20090 20091 <a href="/products/w36407">+</a> 20092 </span> 20093 20094 20095
20095<script type="application/json"> 20096 20097 [{"id":48356555063540,"title":"White-Black-Silver Birch \/ Wide \/ 5","option1":"White-Black-Silver Birch","option2":"Wide","option3":"5","sku":"W36407 5.0C","requires_shipping":true,"taxable":true,"featured_image":null,"available":false,"name":"Women's GrandPrø Travina Sneaker - White-Black-Silver Birch \/ Wide \/ 5","public_title":"White-Black-Silver Birch \/ Wide \/ 5","options":["White-Black-Silver Birch","Wide","5"],"price":799000,"weight":1000,"compare_at_price":999500,"inventory_management":"shopify","barcode":"198859633057","requires_selling_plan":false,"selling_plan_allocations":[],"quantity_rule":{"min":1,"max":null,"increment":1}},{"id":48356555096308,"title":"White-Black-Silver Birch \/ Wide \/ 5.5","option1":"White-Black-Silver Birch","option2":"Wide","option3":"5.5","sku":"W36407 5.5C","requires_shipping":true,"taxable":true,"featured_image":null,"available":false,"name":"Women's GrandPrø Travina Sneaker - White-Black-Silver Birch \/ Wide \/ 5.5","public_title":"White-Black-Silver Birch \/ Wide \/ 5.5","options":["White-Black-Silver Birch","Wide","5.5"],"price":799000,"weight":1000,"compare_at_price":999500,"inventory_management":"shopify","barcode":"198859633064","requires_selling_plan":false,"selling_plan_allocations":[],"quantity_rule":{"min":1,"max":null,"increment":1}},{"id":48356555129076,"title":"White-Black-Silver Birch \/ Wide \/ 6","option1":"White-Black-Silver Birch","option2":"Wide","option3":"6","sku":"W36407 6.0C","requires_shipping":true,"taxable":true,"featured_image":null,"available":true,"name":"Women's GrandPrø Travina Sneaker - White-Black-Silver Birch \/ Wide \/ 6","public_title":"White-Black-Silver Birch \/ Wide \/ 6","options":["White-Black-Silver Birch","Wide","6"],"price":799000,"weight":1000,"compare_at_price":999500,"inventory_management":"shopify","barcode":"198859633071","requires_selling_plan":false,"selling_plan_allocations":[],"quantity_rule":{"min":1,"max":null,"increment":1}},{"id":48356555161844,"title":"White-Black-Silver Birch \/ Wide \/ 6.5","option1":"White-Black-Silver Birch","option2":"Wide","option3":"6.5","sku":"W36407 6.5C","requires_shipping":true,"taxable":true,"featured_image":null,"available":false,"name":"Women's GrandPrø Travina Sneaker - White-Black-Silver Birch \/ Wide \/ 6.5","public_title":"White-Black-Silver Birch \/ Wide \/ 6.5","options":["White-Black-Silver Birch","Wide","6.5"],"price":799000,"weight":1000,"compare_at_price":999500,"inventory_management":"shopify","barcode":"198859633088","requires_selling_plan":false,"selling_plan_allocations":[],"quantity_rule":{"min":1,"max":null,"increment":1}},{"id":48356555194612,"title":"White-Black-Silver Birch \/ Wide \/ 7","option1":"White-Black-Silver Birch","option2":"Wide","option3":"7","sku":"W36407 7.0C","requires_shipping":true,"taxable":true,"featured_image":null,"available":true,"name":"Women's GrandPrø Travina Sneaker - White-Black-Silver Birch \/ Wide \/ 7","public_title":"White-Black-Silver Birch \/ Wide \/ 7","options":["White-Black-Silver Birch","Wide","7"],"price":799000,"weight":1000,"compare_at_price":999500,"inventory_management":"shopify","barcode":"198859633095","requires_selling_plan":false,"selling_plan_allocations":[],"quantity_rule":{"min":1,"max":null,"increment":1}},{"id":48356555227380,"title":"White-Black-Silver Birch \/ Wide \/ 7.5","option1":"White-Black-Silver Birch","option2":"Wide","option3":"7.5","sku":"W36407 7.5C","requires_shipping":true,"taxable":true,"featured_image":null,"available":false,"name":"Women's GrandPrø Travina Sneaker - White-Black-Silver Birch \/ Wide \/ 7.5","public_title":"White-Black-Silver Birch \/ Wide \/ 7.5","options":["White-Black-Silver Birch","Wide","7.5"],"price":799000,"weight":1000,"compare_at_price":999500,"inventory_management":"shopify","barcode":"198859633101","requires_selling_plan":false,"selling_plan_allocations":[],"quantity_rule":{"min":1,"max":null,"increment":1}},{"id":48356555260148,"title":"White-Black-Silver Birch \/ Wide \/ 8","option1":"White-Black-Silver Birch","option2":"Wide","option3":"8","sku":"W36407 8.0C","requires_shipping":true,"taxable":true,"featured_image":null,"available":false,"name":"Women's GrandPrø Travina Sneaker - White-Black-Silver Birch \/ Wide \/ 8","public_title":"White-Black-Silver Birch \/ Wide \/ 8","options":["White-Black-Silver Birch","Wide","8"],"price":799000,"weight":1000,"compare_at_price":999500,"inventory_management":"shopify","barcode":"198859633118","requires_selling_plan":false,"selling_plan_allocations":[],"quantity_rule":{"min":1,"max":null,"increment":1}},{"id":48356555292916,"title":"White-Black-Silver Birch \/ Wide \/ 8.5","option1":"White-Black-Silver Birch","option2":"Wide","option3":"8.5","sku":"W36407 8.5C","requires_shipping":true,"taxable":true,"featured_image":null,"available":false,"name":"Women's GrandPrø Travina Sneaker - White-Black-Silver Birch \/ Wide \/ 8.5","public_title":"White-Black-Silver Birch \/ Wide \/ 8.5","options":["White-Black-Silver Birch","Wide","8.5"],"price":799000,"weight":1000,"compare_at_price":999500,"inventory_management":"shopify","barcode":"198859633125","requires_selling_plan":false,"selling_plan_allocations":[],"quantity_rule":{"min":1,"max":null,"increment":1}},{"id":48356555325684,"title":"White-Black-Silver Birch \/ Wide \/ 9","option1":"White-Black-Silver Birch","option2":"Wide","option3":"9","sku":"W36407 9.0C","requires_shipping":true,"taxable":true,"featured_image":null,"available":false,"name":"Women's GrandPrø Travina Sneaker - White-Black-Silver Birch \/ Wide \/ 9","public_title":"White-Black-Silver Birch \/ Wide \/ 9","options":["White-Black-Silver Birch","Wide","9"],"price":799000,"weight":1000,"compare_at_price":999500,"inventory_management":"shopify","barcode":"198859633132","requires_selling_plan":false,"selling_plan_allocations":[],"quantity_rule":{"min":1,"max":null,"increment":1}}] 20098 20099 </script>
20099 20100 20101 </div> 20102 </variant-radios><noscript class="product-form__noscript-wrapper-template--23890806309108__featured_collection_qwXzQm"> 20103 <div class="product-form__input"> 20104 <label class="form__label" for="Variants-template--23890806309108__featured_collection_qwXzQm">Product variants</label> 20105 <div class="select"> 20106 <select 20107 name="id" 20108 id="Variants-template--23890806309108__featured_collection_qwXzQm" 20109 class="select__select" 20110 form="" 20111 ><option 20112 20113 20114 disabled 20115 20116 value="48356555063540" 20117 >White-Black-Silver Birch / Wide / 5 - â±7,990.00 - Add to Bag</option><option 20118 20119 20120 disabled 20121 20122 value="48356555096308" 20123 >White-Black-Silver Birch / Wide / 5.5 - â±7,990.00 - Add to Bag</option><option 20124 20125 selected="selected" 20126 20127 20128 value="48356555129076" 20129 >White-Black-Silver Birch / Wide / 6 - â±7,990.00</option><option 20130 20131 20132 disabled 20133 20134 value="48356555161844" 20135 >White-Black-Silver Birch / Wide / 6.5 - â±7,990.00 - Add to Bag</option><option 20136 20137 20138 value="48356555194612" 20139 >White-Black-Silver Birch / Wide / 7 - â±7,990.00</option><option 20140 20141 20142 disabled 20143 20144 value="48356555227380" 20145 >White-Black-Silver Birch / Wide / 7.5 - â±7,990.00 - Add to Bag</option><option 20146 20147 20148 disabled 20149 20150 value="48356555260148" 20151 >White-Black-Silver Birch / Wide / 8 - â±7,990.00 - Add to Bag</option><option 20152 20153 20154 disabled 20155 20156 value="48356555292916" 20157 >White-Black-Silver Birch / Wide / 8.5 - â±7,990.00 - Add to Bag</option><option 20158 20159 20160 disabled 20161 20162 value="48356555325684" 20163 >White-Black-Silver Birch / Wide / 9 - â±7,990.00 - Add to Bag</option></select> 20164 <svg aria-hidden="true" focusable="false" class="icon icon-caret" viewBox="0 0 10 6"> 20165 <path fill-rule="evenodd" clip-rule="evenodd" d="M9.354.646a.5.5 0 00-.708 0L5 4.293 1.354.646a.5.5 0 00-.708.708l4 4a.5.5 0 00.708 0l4-4a.5.5 0 000-.708z" fill="currentColor"> 20166</svg> 20167<!-- <svg fill="#000000" height="14px" width="14px" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 330 330" xml:space="preserve" stroke="#000000" stroke-width="0.0033"><g id="SVGRepo_bgCarrier" stroke-width="0"></g><g id="SVGRepo_tracerCarrier" stroke-linecap="round" stroke-linejoin="round"></g> 20168 <g id="SVGRepo_iconCarrier"> 20169 <path id="XMLID_225_" d="M325.607,79.393c-5.857-5.857-15.355-5.858-21.213,0.001l-139.39,139.393L25.607,79.393 c-5.857-5.857-15.355-5.858-21.213,0.001c-5.858,5.858-5.858,15.355,0,21.213l150.004,150c2.813,2.813,6.628,4.393,10.606,4.393 s7.794-1.581,10.606-4.394l149.996-150C331.465,94.749,331.465,85.251,325.607,79.393z"> 20170 </path> </g></svg> --> 20171 20172 </div> 20173 </div> 20174</noscript> 20175
20176<script> 20177// var dataUrl; 20178// function fetchUrl(){ 20179// var productUrl = document.querySelector("button[data-product-url]"); 20180// if (productUrl) { 20181// debugger; 20182// dataUrl = productUrl.getAttribute("data-product-url"); 20183// console.log("data-product-url: ", dataUrl); 20184// } 20185// } 20186</script>
20186 20187 20188 20189 20190<div class=" 20191 price price--on-sale "> 20192 <div class="price__container"><div class="price__regular"> 20193 <span class="visually-hidden visually-hidden--inline">Regular price</span> 20194 <span class="price-item price-item--regular"> 20195 â±7,990 20196 </span> 20197 </div> 20198 <div class="price__sale price--large"> 20199 20200 <div class="" style="display: flex; white-space: nowrap; align-items: center;"> 20201 <span class="visually-hidden visually-hidden--inline">Regular price</span> 20202 <span class="strike-through quick-shop-regular"> 20203 <s class="price-item price-item--regular"> 20204 20205 â±9,995 20206 20207 </s> 20208 </span><span class="visually-hidden visually-hidden--inline " >Sale price</span> 20209 <span class="price-item price-item--sale price-item--last quick-shop-sale"> 20210 â±7,990 20211 </span> 20212 </div> 20213 <span class="compare-mark"> 20214 (20% Off) 20215 </span><style> 20216 .compare-mark{ 20217 font-size: 13px; 20218 color: #ff0d0d; 20219 font-family: WorkSansLight; 20220 margin-left: -10px; 20221 font-weight: 600; 20222 display: inline-flex; 20223 } 20224 @media screen and (max-width: 575px){ 20225 .compare-mark{ 20226 margin-left: 0; 20227 } 20228 .card-wrapper .price.price--on-sale .price__container { 20229 display: inline-flex; 20230 align-items: center; 20231 flex-wrap: wrap; 20232 align-items: flex-start; 20233 text-align: left; 20234 } 20235 } 20236 </style> 20237 </div> 20238 <small class="unit-price caption hidden"> 20239 <span class="visually-hidden">Unit price</span> 20240 <span class="price-item price-item--last"> 20241 <span></span> 20242 <span aria-hidden="true">/</span> 20243 <span class="visually-hidden"> per </span> 20244 <span> 20245 </span> 20246 </span> 20247 </small> 20248 </div></div> 20249 20250 <h3 20251 class="card_title card__heading h5" 20252 20253 id="title-template--23890806309108__featured_collection_qwXzQm-9479846854900" 20254 20255 > 20256 20257 20258 <a class="product_url" 20259 href="/products/w36407"> 20260 Women's GrandPrø Travina Sneaker 20261 </a> 20262 20263 </h3> 20264 <div class="card-information"><span class="caption-large light"></span></div> 20265 </div> 20266 20267 <div class="card__badge bottom left"><span 20268 id="Badge-template--23890806309108__featured_collection_qwXzQm-9479846854900" 20269 class="badge badge--bottom-left color-accent-2" 20270 >Sale</span></div> 20271 </div> 20272 </div> 20273 </div>
20273<script> 20274 20275 20276// function redirectFn(e){ 20277 20278// console.log('test e',e); 20279// const srcSet = e.querySelector('.pdp-primaryimage'); 20280 20281// const srcSetVal = srcSet['srcset']; 20282 20283// const startIndex = srcSetVal.indexOf('/products/'); 20284// const endIndex = srcSetVal.indexOf('_', startIndex); 20285// const desiredValue = srcSetVal.substring(startIndex, endIndex); 20286 20287// e.setAttribute('href', desiredValue); 20288 20289 20290// } 20291 20292 20293// document.addEventListener("DOMContentLoaded", function() { 20294// const items = document.querySelectorAll('#product-grid li.grid__item'); 20295 20296// items.forEach(item => { 20297// const button = item.querySelector('.quick-add__submit'); 20298// const colorSwatches = item.querySelectorAll('.color-swatches-plp'); 20299 20300// colorSwatches.forEach(swatch => { 20301// swatch.addEventListener('click', () => { 20302// const inputId = swatch.getAttribute('for'); 20303// const relatedProduct = item.querySelector(`#${inputId}.related-product`); 20304// if (relatedProduct) { 20305// const newUrl = relatedProduct.getAttribute('data-url'); 20306// if (newUrl) { 20307// button.setAttribute('data-product-url', newUrl); 20308// console.log(`Updated data-product-url: ${newUrl}`); 20309// } 20310// } 20311// }); 20312// }); 20313// }); 20314// }); 20315// // swatches click on collection page 20316 20317// document.addEventListener("DOMContentLoaded", function() { 20318 20319// initializeProductHrefs(); 20320 20321 20322// const colorSwatches = document.querySelectorAll('.color-swatches-plp'); 20323// colorSwatches.forEach(swatch => { 20324// swatch.addEventListener('click', function() { 20325// updateHref(this); 20326// }); 20327// }); 20328 20329 20330// const firstColorSwatch = document.querySelector('.color-swatches-plp'); 20331// if (firstColorSwatch) { 20332// firstColorSwatch.addEventListener('click', function() { 20333// updateHrefToFirstVariant(this); 20334// }); 20335// } 20336// }); 20337 20338// function initializeProductHrefs() { 20339// const productItems = document.querySelectorAll('#product-grid li.grid__item'); 20340// productItems.forEach((item, index) => { 20341// const firstVariant = item.querySelector('input.related-product'); 20342// if (firstVariant) { 20343// const initialUrl = firstVariant.getAttribute('data-url'); 20344// if (initialUrl) { 20345// const pdpNavigationLink = item.querySelector('.pdp-navigation-link'); 20346// pdpNavigationLink.setAttribute('href', initialUrl); 20347 20348// } 20349// } 20350// }); 20351// } 20352 20353// function updateHref(swatch) { 20354// const parentItem = swatch.closest('li.grid__item'); 20355// const inputId = swatch.getAttribute('for'); 20356// const relatedProduct = parentItem.querySelector(`input#${inputId}.related-product`); 20357// if (relatedProduct) { 20358// const newUrl = relatedProduct.getAttribute('data-url'); 20359// if (newUrl) { 20360// const pdpNavigationLink = parentItem.querySelector('.pdp-navigation-link'); 20361// pdpNavigationLink.setAttribute('href', newUrl); 20362 20363// } else { 20364// console.log(`No data-url found for swatch: ${inputId}`); 20365// } 20366// } else { 20367// console.log(`No related product input found for swatch: ${inputId}`); 20368// } 20369// } 20370 20371// function updateHrefToFirstVariant(swatch) { 20372// const parentItem = swatch.closest('li.grid__item'); 20373// const firstRelatedProduct = parentItem.querySelector('input.related-product'); 20374// if (firstRelatedProduct) { 20375// const firstUrl = firstRelatedProduct.getAttribute('data-url'); 20376// if (firstUrl) { 20377// const pdpNavigationLink = parentItem.querySelector('.pdp-navigation-link'); 20378// pdpNavigationLink.setAttribute('href', firstUrl); 20379 20380// } else { 20381// console.log('No data-url found for the first related product.'); 20382// } 20383// } else { 20384// console.log('No related product inputs found.'); 20385// } 20386// } 20387 20388 20389 20390</script>
20390 20391 20392 20393 </li><li 20394 id="Slide-template--23890806309108__featured_collection_qwXzQm-5" 20395 class="grid__item slider__slide" 20396 > 20397 20398 20399<link href="//colehaan.com.ph/cdn/shop/t/131/assets/component-rating.css?v=24573085263941240431790040493" rel="stylesheet" type="text/css" media="all" /> 20400<style> 20401 .eyebrow{ 20402 background: #808080 !important; 20403 } 20404</style><div class="card-wrapper product-card-wrapper"> 20405 <div 20406 class=" 20407 card 20408 card--card 20409 card--media 20410 color-background-1 gradient 20411 20412 20413 20414 " 20415 style="--ratio-percent: 100%;" 20416 > 20417 <div 20418 class="card__inner ratio" 20419 style="--ratio-percent: 100%;" 20420 ><div class="card__media"> 20421 20422 <div class="quick-add quick-add-test no-js-hidden"> 20423 20424 <modal-opener data-modal="#QuickAdd-9479846789364"> 20425 <button 20426 id="quick-add-template--23890806309108__featured_collection_qwXzQm9479846789364-submit" 20427 type="submit" 20428 name="add" 20429 class="quick-add__submit button--full-width button--secondary" 20430 aria-haspopup="dialog" 20431 aria-labelledby="quick-add-template--23890806309108__featured_collection_qwXzQm9479846789364-submit title-template--23890806309108__featured_collection_qwXzQm-9479846789364" 20432 data-product-url="/products/w36405" 20433 > 20434 Quick shop 20435<div class="loading-overlay__spinner hidden"> 20436 <svg 20437 aria-hidden="true" 20438 focusable="false" 20439 class="spinner"
20440 viewBox="0 0 66 66" 20441 xmlns="http://www.w3.org/2000/svg" 20442 > 20443 <circle class="path" fill="none" stroke-width="6" cx="33" cy="33" r="30"></circle> 20444 </svg> 20445 </div> 20446 </button> 20447 </modal-opener> 20448 <quick-add-modal id="QuickAdd-9479846789364" class="quick-add-modal"> 20449 <div 20450 role="dialog" 20451 aria-label="Choose options for Women&#39;s GrandPrø Travina Sneaker" 20452 aria-modal="true" 20453 class="quick-add-modal__content global-settings-popup" 20454 tabindex="-1" 20455 > 20456 <button 20457 id="ModalClose-9479846789364" 20458 type="button" 20459 class="quick-add-modal__toggle" 20460 aria-label="Close" 20461 > 20462 <svg 20463 xmlns="http://www.w3.org/2000/svg" 20464 aria-hidden="true" 20465 focusable="false" 20466 class="icon icon-close" 20467 fill="none" 20468 viewBox="0 0 18 17" 20469> 20470 <path d="M.865 15.978a.5.5 0 00.707.707l7.433-7.431 7.579 7.282a.501.501 0 00.846-.37.5.5 0 00-.153-.351L9.712 8.546l7.417-7.416a.5.5 0 10-.707-.708L8.991 7.853 1.413.573a.5.5 0 10-.693.72l7.563 7.268-7.418 7.417z" fill="currentColor"> 20471</svg> 20472 20473 </button> 20474 <div class="logo_ch"> 20475 <img src="https://cdn.shopify.com/s/files/1/0268/1228/5039/files/colehaan_logo.png?v=1694757702" style="width: 150px; margin: 20px;"/> 20476 </div> 20477 <div id="QuickAddInfo-9479846789364" class="quick-add-modal__content-info"> 20478 </div> 20479 20480 <div class="cart-and-ipay"> 20481 <button class="add-to-cart-global btn" onclick="triggerQuickBasket(event, 'product-form-quickadd-template--23890806309108__featured_collection_qwXzQm');" title="Add to bag"> 20482 Add to Bag 20483 </button> 20484 </div> 20485 </div> 20486 </quick-add-modal> 20487 20488 20489 </div> 20490 20491 <div class="media"> 20492 20493 20494 <a class="pdp-navigation-link" onclick = "redirectFn(this);" href="/products/w36405"> 20495 <img class="img-tag pdp-primaryimage" 20496 srcset="//colehaan.com.ph/cdn/shop/files/BaseTransform1_2be3bbf5-14a6-494f-98df-4a1b11dc9435.jpg?v=1780029144&width=165 165w,//colehaan.com.ph/cdn/shop/files/BaseTransform1_2be3bbf5-14a6-494f-98df-4a1b11dc9435.jpg?v=1780029144&width=360 360w,//colehaan.com.ph/cdn/shop/files/BaseTransform1_2be3bbf5-14a6-494f-98df-4a1b11dc9435.jpg?v=1780029144&width=533 533w,//colehaan.com.ph/cdn/shop/files/BaseTransform1_2be3bbf5-14a6-494f-98df-4a1b11dc9435.jpg?v=1780029144&width=720 720w,//colehaan.com.ph/cdn/shop/files/BaseTransform1_2be3bbf5-14a6-494f-98df-4a1b11dc9435.jpg?v=1780029144&width=940 940w,//colehaan.com.ph/cdn/shop/files/BaseTransform1_2be3bbf5-14a6-494f-98df-4a1b11dc9435.jpg?v=1780029144&width=1066 1066w,//colehaan.com.ph/cdn/shop/files/BaseTransform1_2be3bbf5-14a6-494f-98df-4a1b11dc9435.jpg?v=1780029144 2000w 20497 " 20498 src="//colehaan.com.ph/cdn/shop/files/BaseTransform1_2be3bbf5-14a6-494f-98df-4a1b11dc9435.jpg?v=1780029144&width=533" 20499 sizes="(min-width: 1200px) 267px, (min-width: 990px) calc((100vw - 130px) / 4), (min-width: 750px) calc((100vw - 120px) / 3), calc((100vw - 35px) / 2)" 20500 alt="W36405:IVORY LTHR / ANCIENT SCROLL SDE" 20501 class="motion-reduce" 20502 20503 loading="lazy" 20504 20505 width="2000" 20506 height="2250" 20507 > 20508 20509</a> 20510 </div> 20511 </div><div class="card__content"> 20512 <div class="card__information"> 20513 <h3 20514 class="card__heading" 20515 20516 > 20517 <a 20518 href="/products/w36405" 20519 id="StandardCardNoMediaLink-template--23890806309108__featured_collection_qwXzQm-9479846789364" 20520 class="full-unstyled-link" 20521 aria-labelledby="StandardCardNoMediaLink-template--23890806309108__featured_collection_qwXzQm-9479846789364 NoMediaStandardBadge-template--23890806309108__featured_collection_qwXzQm-9479846789364" 20522 > 20523 Women's GrandPrø Travina Sneaker 20524 </a> 20525 </h3> 20526 </div> 20527 <div class="card__badge bottom left"> 20528 20529 </div> 20530 </div> 20531 </div> 20532 <div class="card__content card-content"> 20533 <div class="card__information"> 20534 20535 20536<variant-radios 20537 id="variant-radios-template--23890806309108__featured_collection_qwXzQm" 20538 class="no-js-hidden" 20539 data-section="template--23890806309108__featured_collection_qwXzQm" 20540 data-url="/products/w36405" 20541 20542 20543 > 20544 <div class= "clr-swatches-plp"><fieldset class="js product-form__input"> 20545 20546
20546<script src="//colehaan.com.ph/cdn/shop/t/131/assets/global.js?v=15889204645569497881790040512" defer="defer"></script>
20546<div 20547 class="swatches-wrapper" 20548 id="swatches-9479846789364-template--23890806309108__featured_collection_qwXzQm" 20549 data-related-handles="w36409,w36407" 20550 data-section-id="template--23890806309108__featured_collection_qwXzQm" 20551 data-product-id="9479846789364" 20552 data-product-form-id="product-form-template--23890806309108__featured_collection_qwXzQm" 20553> 20554<input 20555 class="related-product" 20556 type="radio" 20557 id="template--23890806309108__featured_collection_qwXzQm-1-1" 20558 name="Color" 20559 value="Ivory-Ancient Scroll" 20560 form="product-form-template--23890806309108__featured_collection_qwXzQm" 20561 data-url="/products/w36405" 20562 20563 checked 20564 20565 20566 > 20567 <label class="color-swatches-plp" for="template--23890806309108__featured_collection_qwXzQm-1-1" style="background: url('https://colehaan.com.ph/cdn/shop/files/BaseTransform1_2be3bbf5-14a6-494f-98df-4a1b11dc9435.jpg?v=1780029144') center no-repeat; background-size: contain;" onclick="redirectToUrlCollection(this);"> 20568 </label> 20569 20570 20571 20572 <div class="related-swatches-container"></div> 20573</div> 20574 20575 </fieldset><fieldset class="js product-form__input"> 20576 20577 </fieldset><fieldset class="js product-form__input"> 20578 20579 </fieldset><span class="mobile-swatch-plus-plp" > 20580 20581 <a href="/products/w36405">+</a> 20582 </span> 20583 20584 20585
20585<script type="application/json"> 20586 20587 [{"id":48356554146036,"title":"Ivory-Ancient Scroll \/ Wide \/ 5","option1":"Ivory-Ancient Scroll","option2":"Wide","option3":"5","sku":"W36405 5.0C","requires_shipping":true,"taxable":true,"featured_image":null,"available":false,"name":"Women's GrandPrø Travina Sneaker - Ivory-Ancient Scroll \/ Wide \/ 5","public_title":"Ivory-Ancient Scroll \/ Wide \/ 5","options":["Ivory-Ancient Scroll","Wide","5"],"price":799000,"weight":1000,"compare_at_price":999500,"inventory_management":"shopify","barcode":"198859632579","requires_selling_plan":false,"selling_plan_allocations":[],"quantity_rule":{"min":1,"max":null,"increment":1}},{"id":48356554178804,"title":"Ivory-Ancient Scroll \/ Wide \/ 5.5","option1":"Ivory-Ancient Scroll","option2":"Wide","option3":"5.5","sku":"W36405 5.5C","requires_shipping":true,"taxable":true,"featured_image":null,"available":false,"name":"Women's GrandPrø Travina Sneaker - Ivory-Ancient Scroll \/ Wide \/ 5.5","public_title":"Ivory-Ancient Scroll \/ Wide \/ 5.5","options":["Ivory-Ancient Scroll","Wide","5.5"],"price":799000,"weight":1000,"compare_at_price":999500,"inventory_management":"shopify","barcode":"198859632586","requires_selling_plan":false,"selling_plan_allocations":[],"quantity_rule":{"min":1,"max":null,"increment":1}},{"id":48356554211572,"title":"Ivory-Ancient Scroll \/ Wide \/ 6","option1":"Ivory-Ancient Scroll","option2":"Wide","option3":"6","sku":"W36405 6.0C","requires_shipping":true,"taxable":true,"featured_image":null,"available":true,"name":"Women's GrandPrø Travina Sneaker - Ivory-Ancient Scroll \/ Wide \/ 6","public_title":"Ivory-Ancient Scroll \/ Wide \/ 6","options":["Ivory-Ancient Scroll","Wide","6"],"price":799000,"weight":1000,"compare_at_price":999500,"inventory_management":"shopify","barcode":"198859632593","requires_selling_plan":false,"selling_plan_allocations":[],"quantity_rule":{"min":1,"max":null,"increment":1}},{"id":48356554244340,"title":"Ivory-Ancient Scroll \/ Wide \/ 6.5","option1":"Ivory-Ancient Scroll","option2":"Wide","option3":"6.5","sku":"W36405 6.5C","requires_shipping":true,"taxable":true,"featured_image":null,"available":true,"name":"Women's GrandPrø Travina Sneaker - Ivory-Ancient Scroll \/ Wide \/ 6.5","public_title":"Ivory-Ancient Scroll \/ Wide \/ 6.5","options":["Ivory-Ancient Scroll","Wide","6.5"],"price":799000,"weight":1000,"compare_at_price":999500,"inventory_management":"shopify","barcode":"198859632609","requires_selling_plan":false,"selling_plan_allocations":[],"quantity_rule":{"min":1,"max":null,"increment":1}},{"id":48356554277108,"title":"Ivory-Ancient Scroll \/ Wide \/ 7","option1":"Ivory-Ancient Scroll","option2":"Wide","option3":"7","sku":"W36405 7.0C","requires_shipping":true,"taxable":true,"featured_image":null,"available":false,"name":"Women's GrandPrø Travina Sneaker - Ivory-Ancient Scroll \/ Wide \/ 7","public_title":"Ivory-Ancient Scroll \/ Wide \/ 7","options":["Ivory-Ancient Scroll","Wide","7"],"price":799000,"weight":1000,"compare_at_price":999500,"inventory_management":"shopify","barcode":"198859632616","requires_selling_plan":false,"selling_plan_allocations":[],"quantity_rule":{"min":1,"max":null,"increment":1}},{"id":48356554309876,"title":"Ivory-Ancient Scroll \/ Wide \/ 7.5","option1":"Ivory-Ancient Scroll","option2":"Wide","option3":"7.5","sku":"W36405 7.5C","requires_shipping":true,"taxable":true,"featured_image":null,"available":false,"name":"Women's GrandPrø Travina Sneaker - Ivory-Ancient Scroll \/ Wide \/ 7.5","public_title":"Ivory-Ancient Scroll \/ Wide \/ 7.5","options":["Ivory-Ancient Scroll","Wide","7.5"],"price":799000,"weight":1000,"compare_at_price":999500,"inventory_management":"shopify","barcode":"198859632623","requires_selling_plan":false,"selling_plan_allocations":[],"quantity_rule":{"min":1,"max":null,"increment":1}},{"id":48356554342644,"title":"Ivory-Ancient Scroll \/ Wide \/ 8","option1":"Ivory-Ancient Scroll","option2":"Wide","option3":"8","sku":"W36405 8.0C","requires_shipping":true,"taxable":true,"featured_image":null,"available":true,"name":"Women's GrandPrø Travina Sneaker - Ivory-Ancie
20587nt Scroll \/ Wide \/ 8","public_title":"Ivory-Ancient Scroll \/ Wide \/ 8","options":["Ivory-Ancient Scroll","Wide","8"],"price":799000,"weight":1000,"compare_at_price":999500,"inventory_management":"shopify","barcode":"198859632630","requires_selling_plan":false,"selling_plan_allocations":[],"quantity_rule":{"min":1,"max":null,"increment":1}},{"id":48356554375412,"title":"Ivory-Ancient Scroll \/ Wide \/ 8.5","option1":"Ivory-Ancient Scroll","option2":"Wide","option3":"8.5","sku":"W36405 8.5C","requires_shipping":true,"taxable":true,"featured_image":null,"available":false,"name":"Women's GrandPrø Travina Sneaker - Ivory-Ancient Scroll \/ Wide \/ 8.5","public_title":"Ivory-Ancient Scroll \/ Wide \/ 8.5","options":["Ivory-Ancient Scroll","Wide","8.5"],"price":799000,"weight":1000,"compare_at_price":999500,"inventory_management":"shopify","barcode":"198859632647","requires_selling_plan":false,"selling_plan_allocations":[],"quantity_rule":{"min":1,"max":null,"increment":1}},{"id":48356554408180,"title":"Ivory-Ancient Scroll \/ Wide \/ 9","option1":"Ivory-Ancient Scroll","option2":"Wide","option3":"9","sku":"W36405 9.0C","requires_shipping":true,"taxable":true,"featured_image":null,"available":false,"name":"Women's GrandPrø Travina Sneaker - Ivory-Ancient Scroll \/ Wide \/ 9","public_title":"Ivory-Ancient Scroll \/ Wide \/ 9","options":["Ivory-Ancient Scroll","Wide","9"],"price":799000,"weight":1000,"compare_at_price":999500,"inventory_management":"shopify","barcode":"198859632654","requires_selling_plan":false,"selling_plan_allocations":[],"quantity_rule":{"min":1,"max":null,"increment":1}}] 20588 20589 </script>
20589 20590 20591 </div> 20592 </variant-radios><noscript class="product-form__noscript-wrapper-template--23890806309108__featured_collection_qwXzQm"> 20593 <div class="product-form__input"> 20594 <label class="form__label" for="Variants-template--23890806309108__featured_collection_qwXzQm">Product variants</label> 20595 <div class="select"> 20596 <select 20597 name="id" 20598 id="Variants-template--23890806309108__featured_collection_qwXzQm" 20599 class="select__select" 20600 form="" 20601 ><option 20602 20603 20604 disabled 20605 20606 value="48356554146036" 20607 >Ivory-Ancient Scroll / Wide / 5 - â±7,990.00 - Add to Bag</option><option 20608 20609 20610 disabled 20611 20612 value="48356554178804" 20613 >Ivory-Ancient Scroll / Wide / 5.5 - â±7,990.00 - Add to Bag</option><option 20614 20615 selected="selected" 20616 20617 20618 value="48356554211572" 20619 >Ivory-Ancient Scroll / Wide / 6 - â±7,990.00</option><option 20620 20621 20622 value="48356554244340" 20623 >Ivory-Ancient Scroll / Wide / 6.5 - â±7,990.00</option><option 20624 20625 20626 disabled 20627 20628 value="48356554277108" 20629 >Ivory-Ancient Scroll / Wide / 7 - â±7,990.00 - Add to Bag</option><option 20630 20631 20632 disabled 20633 20634 value="48356554309876" 20635 >Ivory-Ancient Scroll / Wide / 7.5 - â±7,990.00 - Add to Bag</option><option 20636 20637 20638 value="48356554342644" 20639 >Ivory-Ancient Scroll / Wide / 8 - â±7,990.00</option><option 20640 20641 20642 disabled 20643 20644 value="48356554375412" 20645 >Ivory-Ancient Scroll / Wide / 8.5 - â±7,990.00 - Add to Bag</option><option 20646 20647 20648 disabled 20649 20650 value="48356554408180" 20651 >Ivory-Ancient Scroll / Wide / 9 - â±7,990.00 - Add to Bag</option></select> 20652 <svg aria-hidden="true" focusable="false" class="icon icon-caret" viewBox="0 0 10 6"> 20653 <path fill-rule="evenodd" clip-rule="evenodd" d="M9.354.646a.5.5 0 00-.708 0L5 4.293 1.354.646a.5.5 0 00-.708.708l4 4a.5.5 0 00.708 0l4-4a.5.5 0 000-.708z" fill="currentColor"> 20654</svg> 20655<!-- <svg fill="#000000" height="14px" width="14px" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 330 330" xml:space="preserve" stroke="#000000" stroke-width="0.0033"><g id="SVGRepo_bgCarrier" stroke-width="0"></g><g id="SVGRepo_tracerCarrier" stroke-linecap="round" stroke-linejoin="round"></g> 20656 <g id="SVGRepo_iconCarrier"> 20657 <path id="XMLID_225_" d="M325.607,79.393c-5.857-5.857-15.355-5.858-21.213,0.001l-139.39,139.393L25.607,79.393 c-5.857-5.857-15.355-5.858-21.213,0.001c-5.858,5.858-5.858,15.355,0,21.213l150.004,150c2.813,2.813,6.628,4.393,10.606,4.393 s7.794-1.581,10.606-4.394l149.996-150C331.465,94.749,331.465,85.251,325.607,79.393z"> 20658 </path> </g></svg> --> 20659 20660 </div> 20661 </div> 20662</noscript> 20663
20664<script> 20665// var dataUrl; 20666// function fetchUrl(){ 20667// var productUrl = document.querySelector("button[data-product-url]"); 20668// if (productUrl) { 20669// debugger; 20670// dataUrl = productUrl.getAttribute("data-product-url"); 20671// console.log("data-product-url: ", dataUrl); 20672// } 20673// } 20674</script>
20674 20675 20676 20677 20678<div class=" 20679 price price--on-sale "> 20680 <div class="price__container"><div class="price__regular"> 20681 <span class="visually-hidden visually-hidden--inline">Regular price</span> 20682 <span class="price-item price-item--regular"> 20683 â±7,990 20684 </span> 20685 </div> 20686 <div class="price__sale price--large"> 20687 20688 <div class="" style="display: flex; white-space: nowrap; align-items: center;"> 20689 <span class="visually-hidden visually-hidden--inline">Regular price</span> 20690 <span class="strike-through quick-shop-regular"> 20691 <s class="price-item price-item--regular"> 20692 20693 â±9,995 20694 20695 </s> 20696 </span><span class="visually-hidden visually-hidden--inline " >Sale price</span> 20697 <span class="price-item price-item--sale price-item--last quick-shop-sale"> 20698 â±7,990 20699 </span> 20700 </div> 20701 <span class="compare-mark"> 20702 (20% Off) 20703 </span><style> 20704 .compare-mark{ 20705 font-size: 13px; 20706 color: #ff0d0d; 20707 font-family: WorkSansLight; 20708 margin-left: -10px; 20709 font-weight: 600; 20710 display: inline-flex; 20711 } 20712 @media screen and (max-width: 575px){ 20713 .compare-mark{ 20714 margin-left: 0; 20715 } 20716 .card-wrapper .price.price--on-sale .price__container { 20717 display: inline-flex; 20718 align-items: center; 20719 flex-wrap: wrap; 20720 align-items: flex-start; 20721 text-align: left; 20722 } 20723 } 20724 </style> 20725 </div> 20726 <small class="unit-price caption hidden"> 20727 <span class="visually-hidden">Unit price</span> 20728 <span class="price-item price-item--last"> 20729 <span></span> 20730 <span aria-hidden="true">/</span> 20731 <span class="visually-hidden"> per </span> 20732 <span> 20733 </span> 20734 </span> 20735 </small> 20736 </div></div> 20737 20738 <h3 20739 class="card_title card__heading h5" 20740 20741 id="title-template--23890806309108__featured_collection_qwXzQm-9479846789364" 20742 20743 > 20744 20745 20746 <a class="product_url" 20747 href="/products/w36405"> 20748 Women's GrandPrø Travina Sneaker 20749 </a> 20750 20751 </h3> 20752 <div class="card-information"><span class="caption-large light"></span></div> 20753 </div> 20754 20755 <div class="card__badge bottom left"><span 20756 id="Badge-template--23890806309108__featured_collection_qwXzQm-9479846789364" 20757 class="badge badge--bottom-left color-accent-2" 20758 >Sale</span></div> 20759 </div> 20760 </div> 20761 </div>
20761<script> 20762 20763 20764// function redirectFn(e){ 20765 20766// console.log('test e',e); 20767// const srcSet = e.querySelector('.pdp-primaryimage'); 20768 20769// const srcSetVal = srcSet['srcset']; 20770 20771// const startIndex = srcSetVal.indexOf('/products/'); 20772// const endIndex = srcSetVal.indexOf('_', startIndex); 20773// const desiredValue = srcSetVal.substring(startIndex, endIndex); 20774 20775// e.setAttribute('href', desiredValue); 20776 20777 20778// } 20779 20780 20781// document.addEventListener("DOMContentLoaded", function() { 20782// const items = document.querySelectorAll('#product-grid li.grid__item'); 20783 20784// items.forEach(item => { 20785// const button = item.querySelector('.quick-add__submit'); 20786// const colorSwatches = item.querySelectorAll('.color-swatches-plp'); 20787 20788// colorSwatches.forEach(swatch => { 20789// swatch.addEventListener('click', () => { 20790// const inputId = swatch.getAttribute('for'); 20791// const relatedProduct = item.querySelector(`#${inputId}.related-product`); 20792// if (relatedProduct) { 20793// const newUrl = relatedProduct.getAttribute('data-url'); 20794// if (newUrl) { 20795// button.setAttribute('data-product-url', newUrl); 20796// console.log(`Updated data-product-url: ${newUrl}`); 20797// } 20798// } 20799// }); 20800// }); 20801// }); 20802// }); 20803// // swatches click on collection page 20804 20805// document.addEventListener("DOMContentLoaded", function() { 20806 20807// initializeProductHrefs(); 20808 20809 20810// const colorSwatches = document.querySelectorAll('.color-swatches-plp'); 20811// colorSwatches.forEach(swatch => { 20812// swatch.addEventListener('click', function() { 20813// updateHref(this); 20814// }); 20815// }); 20816 20817 20818// const firstColorSwatch = document.querySelector('.color-swatches-plp'); 20819// if (firstColorSwatch) { 20820// firstColorSwatch.addEventListener('click', function() { 20821// updateHrefToFirstVariant(this); 20822// }); 20823// } 20824// }); 20825 20826// function initializeProductHrefs() { 20827// const productItems = document.querySelectorAll('#product-grid li.grid__item'); 20828// productItems.forEach((item, index) => { 20829// const firstVariant = item.querySelector('input.related-product'); 20830// if (firstVariant) { 20831// const initialUrl = firstVariant.getAttribute('data-url'); 20832// if (initialUrl) { 20833// const pdpNavigationLink = item.querySelector('.pdp-navigation-link'); 20834// pdpNavigationLink.setAttribute('href', initialUrl); 20835 20836// } 20837// } 20838// }); 20839// } 20840 20841// function updateHref(swatch) { 20842// const parentItem = swatch.closest('li.grid__item'); 20843// const inputId = swatch.getAttribute('for'); 20844// const relatedProduct = parentItem.querySelector(`input#${inputId}.related-product`); 20845// if (relatedProduct) { 20846// const newUrl = relatedProduct.getAttribute('data-url'); 20847// if (newUrl) { 20848// const pdpNavigationLink = parentItem.querySelector('.pdp-navigation-link'); 20849// pdpNavigationLink.setAttribute('href', newUrl); 20850 20851// } else { 20852// console.log(`No data-url found for swatch: ${inputId}`); 20853// } 20854// } else { 20855// console.log(`No related product input found for swatch: ${inputId}`); 20856// } 20857// } 20858 20859// function updateHrefToFirstVariant(swatch) { 20860// const parentItem = swatch.closest('li.grid__item'); 20861// const firstRelatedProduct = parentItem.querySelector('input.related-product'); 20862// if (firstRelatedProduct) { 20863// const firstUrl = firstRelatedProduct.getAttribute('data-url'); 20864// if (firstUrl) { 20865// const pdpNavigationLink = parentItem.querySelector('.pdp-navigation-link'); 20866// pdpNavigationLink.setAttribute('href', firstUrl); 20867 20868// } else { 20869// console.log('No data-url found for the first related product.'); 20870// } 20871// } else { 20872// console.log('No related product inputs found.'); 20873// } 20874// } 20875 20876 20877 20878</script>
20878 20879 20880 20881 </li><li 20882 id="Slide-template--23890806309108__featured_collection_qwXzQm-6" 20883 class="grid__item slider__slide" 20884 > 20885 20886 20887<link href="//colehaan.com.ph/cdn/shop/t/131/assets/component-rating.css?v=24573085263941240431790040493" rel="stylesheet" type="text/css" media="all" /> 20888<style> 20889 .eyebrow{ 20890 background: #808080 !important; 20891 } 20892</style><div class="card-wrapper product-card-wrapper"> 20893 <div 20894 class=" 20895 card 20896 card--card 20897 card--media 20898 color-background-1 gradient 20899 20900 20901 20902 " 20903 style="--ratio-percent: 100%;" 20904 > 20905 <div 20906 class="card__inner ratio" 20907 style="--ratio-percent: 100%;" 20908 ><div class="card__media"> 20909 20910 <div class="quick-add quick-add-test no-js-hidden"> 20911 20912 <modal-opener data-modal="#QuickAdd-9479846494452"> 20913 <button 20914 id="quick-add-template--23890806309108__featured_collection_qwXzQm9479846494452-submit" 20915 type="submit" 20916 name="add" 20917 class="quick-add__submit button--full-width button--secondary" 20918 aria-haspopup="dialog" 20919 aria-labelledby="quick-add-template--23890806309108__featured_collection_qwXzQm9479846494452-submit title-template--23890806309108__featured_collection_qwXzQm-9479846494452" 20920 data-product-url="/products/w36637" 20921 > 20922 Quick shop 20923<div class="loading-overlay__spinner hidden"> 20924 <svg 20925 aria-hidden="true" 20926 focusable="false" 20927 class="spinner"
20928 viewBox="0 0 66 66" 20929 xmlns="http://www.w3.org/2000/svg" 20930 > 20931 <circle class="path" fill="none" stroke-width="6" cx="33" cy="33" r="30"></circle> 20932 </svg> 20933 </div> 20934 </button> 20935 </modal-opener> 20936 <quick-add-modal id="QuickAdd-9479846494452" class="quick-add-modal"> 20937 <div 20938 role="dialog" 20939 aria-label="Choose options for Women&#39;s Jasleen Quilted Ballet Flats" 20940 aria-modal="true" 20941 class="quick-add-modal__content global-settings-popup" 20942 tabindex="-1" 20943 > 20944 <button 20945 id="ModalClose-9479846494452" 20946 type="button" 20947 class="quick-add-modal__toggle" 20948 aria-label="Close" 20949 > 20950 <svg 20951 xmlns="http://www.w3.org/2000/svg" 20952 aria-hidden="true" 20953 focusable="false" 20954 class="icon icon-close" 20955 fill="none" 20956 viewBox="0 0 18 17" 20957> 20958 <path d="M.865 15.978a.5.5 0 00.707.707l7.433-7.431 7.579 7.282a.501.501 0 00.846-.37.5.5 0 00-.153-.351L9.712 8.546l7.417-7.416a.5.5 0 10-.707-.708L8.991 7.853 1.413.573a.5.5 0 10-.693.72l7.563 7.268-7.418 7.417z" fill="currentColor"> 20959</svg> 20960 20961 </button> 20962 <div class="logo_ch"> 20963 <img src="https://cdn.shopify.com/s/files/1/0268/1228/5039/files/colehaan_logo.png?v=1694757702" style="width: 150px; margin: 20px;"/> 20964 </div> 20965 <div id="QuickAddInfo-9479846494452" class="quick-add-modal__content-info"> 20966 </div> 20967 20968 <div class="cart-and-ipay"> 20969 <button class="add-to-cart-global btn" onclick="triggerQuickBasket(event, 'product-form-quickadd-template--23890806309108__featured_collection_qwXzQm');" title="Add to bag"> 20970 Add to Bag 20971 </button> 20972 </div> 20973 </div> 20974 </quick-add-modal> 20975 20976 20977 </div> 20978 20979 <div class="media"> 20980 20981 20982 <a class="pdp-navigation-link" onclick = "redirectFn(this);" href="/products/w36637"> 20983 <img class="img-tag pdp-primaryimage" 20984 srcset="//colehaan.com.ph/cdn/shop/files/BaseTransform1_8016535d-0a14-4aec-89fc-18ed8a5b77eb.jpg?v=1780029115&width=165 165w,//colehaan.com.ph/cdn/shop/files/BaseTransform1_8016535d-0a14-4aec-89fc-18ed8a5b77eb.jpg?v=1780029115&width=360 360w,//colehaan.com.ph/cdn/shop/files/BaseTransform1_8016535d-0a14-4aec-89fc-18ed8a5b77eb.jpg?v=1780029115&width=533 533w,//colehaan.com.ph/cdn/shop/files/BaseTransform1_8016535d-0a14-4aec-89fc-18ed8a5b77eb.jpg?v=1780029115&width=720 720w,//colehaan.com.ph/cdn/shop/files/BaseTransform1_8016535d-0a14-4aec-89fc-18ed8a5b77eb.jpg?v=1780029115&width=940 940w,//colehaan.com.ph/cdn/shop/files/BaseTransform1_8016535d-0a14-4aec-89fc-18ed8a5b77eb.jpg?v=1780029115&width=1066 1066w,//colehaan.com.ph/cdn/shop/files/BaseTransform1_8016535d-0a14-4aec-89fc-18ed8a5b77eb.jpg?v=1780029115 2000w 20985 " 20986 src="//colehaan.com.ph/cdn/shop/files/BaseTransform1_8016535d-0a14-4aec-89fc-18ed8a5b77eb.jpg?v=1780029115&width=533" 20987 sizes="(min-width: 1200px) 267px, (min-width: 990px) calc((100vw - 130px) / 4), (min-width: 750px) calc((100vw - 120px) / 3), calc((100vw - 35px) / 2)" 20988 alt="W36637:BLACK QUILTED LEATHER" 20989 class="motion-reduce" 20990 20991 loading="lazy" 20992 20993 width="2000" 20994 height="2250" 20995 > 20996 20997</a> 20998 </div> 20999 </div><div class="card__content"> 21000 <div class="card__information"> 21001 <h3 21002 class="card__heading" 21003 21004 > 21005 <a 21006 href="/products/w36637" 21007 id="StandardCardNoMediaLink-template--23890806309108__featured_collection_qwXzQm-9479846494452" 21008 class="full-unstyled-link" 21009 aria-labelledby="StandardCardNoMediaLink-template--23890806309108__featured_collection_qwXzQm-9479846494452 NoMediaStandardBadge-template--23890806309108__featured_collection_qwXzQm-9479846494452" 21010 > 21011 Women's Jasleen Quilted Ballet Flats 21012 </a> 21013 </h3> 21014 </div> 21015 <div class="card__badge bottom left"> 21016 21017 </div> 21018 </div> 21019 </div> 21020 <div class="card__content card-content"> 21021 <div class="card__information"> 21022 21023 21024<variant-radios 21025 id="variant-radios-template--23890806309108__featured_collection_qwXzQm" 21026 class="no-js-hidden" 21027 data-section="template--23890806309108__featured_collection_qwXzQm" 21028 data-url="/products/w36637" 21029 21030 21031 > 21032 <div class= "clr-swatches-plp"><fieldset class="js product-form__input"> 21033 21034
21034<script src="//colehaan.com.ph/cdn/shop/t/131/assets/global.js?v=15889204645569497881790040512" defer="defer"></script>
21034<div 21035 class="swatches-wrapper" 21036 id="swatches-9479846494452-template--23890806309108__featured_collection_qwXzQm" 21037 data-related-handles="W36639" 21038 data-section-id="template--23890806309108__featured_collection_qwXzQm" 21039 data-product-id="9479846494452" 21040 data-product-form-id="product-form-template--23890806309108__featured_collection_qwXzQm" 21041> 21042<input 21043 class="related-product" 21044 type="radio" 21045 id="template--23890806309108__featured_collection_qwXzQm-1-1" 21046 name="Color" 21047 value="Black Quilted" 21048 form="product-form-template--23890806309108__featured_collection_qwXzQm" 21049 data-url="/products/w36637" 21050 21051 checked 21052 21053 21054 > 21055 <label class="color-swatches-plp" for="template--23890806309108__featured_collection_qwXzQm-1-1" style="background: url('https://colehaan.com.ph/cdn/shop/files/BaseTransform1_8016535d-0a14-4aec-89fc-18ed8a5b77eb.jpg?v=1780029115') center no-repeat; background-size: contain;" onclick="redirectToUrlCollection(this);"> 21056 </label> 21057 21058 21059 21060 <div class="related-swatches-container"></div> 21061</div> 21062 21063 </fieldset><fieldset class="js product-form__input"> 21064 21065 </fieldset><fieldset class="js product-form__input"> 21066 21067 </fieldset><span class="mobile-swatch-plus-plp" > 21068 21069 <a href="/products/w36637">+</a> 21070 </span> 21071 21072 21073
21073<script type="application/json"> 21074 21075 [{"id":48356551229684,"title":"Black Quilted \/ Wide \/ 5","option1":"Black Quilted","option2":"Wide","option3":"5","sku":"W36637 5.0C","requires_shipping":true,"taxable":true,"featured_image":null,"available":false,"name":"Women's Jasleen Quilted Ballet Flats - Black Quilted \/ Wide \/ 5","public_title":"Black Quilted \/ Wide \/ 5","options":["Black Quilted","Wide","5"],"price":799000,"weight":1000,"compare_at_price":1099500,"inventory_management":"shopify","barcode":"198859673213","requires_selling_plan":false,"selling_plan_allocations":[],"quantity_rule":{"min":1,"max":null,"increment":1}},{"id":48356551262452,"title":"Black Quilted \/ Wide \/ 5.5","option1":"Black Quilted","option2":"Wide","option3":"5.5","sku":"W36637 5.5C","requires_shipping":true,"taxable":true,"featured_image":null,"available":false,"name":"Women's Jasleen Quilted Ballet Flats - Black Quilted \/ Wide \/ 5.5","public_title":"Black Quilted \/ Wide \/ 5.5","options":["Black Quilted","Wide","5.5"],"price":799000,"weight":1000,"compare_at_price":1099500,"inventory_management":"shopify","barcode":"198859673220","requires_selling_plan":false,"selling_plan_allocations":[],"quantity_rule":{"min":1,"max":null,"increment":1}},{"id":48356551295220,"title":"Black Quilted \/ Wide \/ 6","option1":"Black Quilted","option2":"Wide","option3":"6","sku":"W36637 6.0C","requires_shipping":true,"taxable":true,"featured_image":null,"available":true,"name":"Women's Jasleen Quilted Ballet Flats - Black Quilted \/ Wide \/ 6","public_title":"Black Quilted \/ Wide \/ 6","options":["Black Quilted","Wide","6"],"price":799000,"weight":1000,"compare_at_price":1099500,"inventory_management":"shopify","barcode":"198859673237","requires_selling_plan":false,"selling_plan_allocations":[],"quantity_rule":{"min":1,"max":null,"increment":1}},{"id":48356551327988,"title":"Black Quilted \/ Wide \/ 6.5","option1":"Black Quilted","option2":"Wide","option3":"6.5","sku":"W36637 6.5C","requires_shipping":true,"taxable":true,"featured_image":null,"available":false,"name":"Women's Jasleen Quilted Ballet Flats - Black Quilted \/ Wide \/ 6.5","public_title":"Black Quilted \/ Wide \/ 6.5","options":["Black Quilted","Wide","6.5"],"price":799000,"weight":1000,"compare_at_price":1099500,"inventory_management":"shopify","barcode":"198859673244","requires_selling_plan":false,"selling_plan_allocations":[],"quantity_rule":{"min":1,"max":null,"increment":1}},{"id":48356551360756,"title":"Black Quilted \/ Wide \/ 7","option1":"Black Quilted","option2":"Wide","option3":"7","sku":"W36637 7.0C","requires_shipping":true,"taxable":true,"featured_image":null,"available":false,"name":"Women's Jasleen Quilted Ballet Flats - Black Quilted \/ Wide \/ 7","public_title":"Black Quilted \/ Wide \/ 7","options":["Black Quilted","Wide","7"],"price":799000,"weight":1000,"compare_at_price":1099500,"inventory_management":"shopify","barcode":"198859673251","requires_selling_plan":false,"selling_plan_allocations":[],"quantity_rule":{"min":1,"max":null,"increment":1}},{"id":48356551393524,"title":"Black Quilted \/ Wide \/ 7.5","option1":"Black Quilted","option2":"Wide","option3":"7.5","sku":"W36637 7.5C","requires_shipping":true,"taxable":true,"featured_image":null,"available":false,"name":"Women's Jasleen Quilted Ballet Flats - Black Quilted \/ Wide \/ 7.5","public_title":"Black Quilted \/ Wide \/ 7.5","options":["Black Quilted","Wide","7.5"],"price":799000,"weight":1000,"compare_at_price":1099500,"inventory_management":"shopify","barcode":"198859673268","requires_selling_plan":false,"selling_plan_allocations":[],"quantity_rule":{"min":1,"max":null,"increment":1}},{"id":48356551426292,"title":"Black Quilted \/ Wide \/ 8","option1":"Black Quilted","option2":"Wide","option3":"8","sku":"W36637 8.0C","requires_shipping":true,"taxable":true,"featured_image":null,"available":false,"name":"Women's Jasleen Quilted Ballet Flats - Black Quilted \/ Wide \/ 8","public_title":"Black Quilted \/ Wide \/ 8","options":["Black Quilted","Wide","8"],"price":799000,"weight":1000,"compare_at_price":1099500,"inventory_management":"shopify","barcode":"198859673275","requires_selling_plan":false,"selling_plan_allocations":[],"quantity_rule":{"min":1,"max":null,"increment":1}},{"id":48356551459060,"title":"Black Quilted \/ Wide \/ 8.5","option1":"Black Quilted","option2":"Wide","option3":"8.5","sku":"W36637 8.5C","requires_shipping":true,"taxable":true,"featured_image":null,"available":true,"name":"Women's Jasleen Quilted Ballet Flats - Black Quilted \/ Wide \/ 8.5","public_title":"Black Quilted \/ Wide \/ 8.5","options":["Black Quilted","Wide","8.5"],"price":799000,"weight":1000,"compare_at_price":1099500,"inventory_management":"shopify","barcode":"198859673282","requires_selling_plan":false,"selling_plan_allocations":[],"quantity_rule":{"min":1,"max":null,"increment":1}},{"id":48356551491828,"title":"Black Quilted \/ Wide \/ 9","option1":"Black Quilted","option2":"Wide","option3":"9","sku":"W36637 9.0C","requires_shipping":true,"taxable":true,"featured_image":null,"available":false,"name":"Women's Jasleen Quilted Ballet Flats - Black Quilted \/ Wide \/ 9","public_title":"Black Quilted \/ Wide \/ 9","options":["Black Quilted","Wide","9"],"price":799000,"weight":1000,"compare_at_price":1099500,"inventory_management":"shopify","barcode":"198859673299","requires_selling_plan":false,"selling_plan_allocations":[],"quantity_rule":{"min":1,"max":null,"increment":1}}] 21076 21077 </script>
21077 21078 21079 </div> 21080 </variant-radios><noscript class="product-form__noscript-wrapper-template--23890806309108__featured_collection_qwXzQm"> 21081 <div class="product-form__input"> 21082 <label class="form__label" for="Variants-template--23890806309108__featured_collection_qwXzQm">Product variants</label> 21083 <div class="select"> 21084 <select 21085 name="id" 21086 id="Variants-template--23890806309108__featured_collection_qwXzQm" 21087 class="select__select" 21088 form="" 21089 ><option 21090 21091 21092 disabled 21093 21094 value="48356551229684" 21095 >Black Quilted / Wide / 5 - â±7,990.00 - Add to Bag</option><option 21096 21097 21098 disabled 21099 21100 value="48356551262452" 21101 >Black Quilted / Wide / 5.5 - â±7,990.00 - Add to Bag</option><option 21102 21103 selected="selected" 21104 21105 21106 value="48356551295220" 21107 >Black Quilted / Wide / 6 - â±7,990.00</option><option 21108 21109 21110 disabled 21111 21112 value="48356551327988" 21113 >Black Quilted / Wide / 6.5 - â±7,990.00 - Add to Bag</option><option 21114 21115 21116 disabled 21117 21118 value="48356551360756" 21119 >Black Quilted / Wide / 7 - â±7,990.00 - Add to Bag</option><option 21120 21121 21122 disabled 21123 21124 value="48356551393524" 21125 >Black Quilted / Wide / 7.5 - â±7,990.00 - Add to Bag</option><option 21126 21127 21128 disabled 21129 21130 value="48356551426292" 21131 >Black Quilted / Wide / 8 - â±7,990.00 - Add to Bag</option><option 21132 21133 21134 value="48356551459060" 21135 >Black Quilted / Wide / 8.5 - â±7,990.00</option><option 21136 21137 21138 disabled 21139 21140 value="48356551491828" 21141 >Black Quilted / Wide / 9 - â±7,990.00 - Add to Bag</option></select> 21142 <svg aria-hidden="true" focusable="false" class="icon icon-caret" viewBox="0 0 10 6"> 21143 <path fill-rule="evenodd" clip-rule="evenodd" d="M9.354.646a.5.5 0 00-.708 0L5 4.293 1.354.646a.5.5 0 00-.708.708l4 4a.5.5 0 00.708 0l4-4a.5.5 0 000-.708z" fill="currentColor"> 21144</svg> 21145<!-- <svg fill="#000000" height="14px" width="14px" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 330 330" xml:space="preserve" stroke="#000000" stroke-width="0.0033"><g id="SVGRepo_bgCarrier" stroke-width="0"></g><g id="SVGRepo_tracerCarrier" stroke-linecap="round" stroke-linejoin="round"></g> 21146 <g id="SVGRepo_iconCarrier"> 21147 <path id="XMLID_225_" d="M325.607,79.393c-5.857-5.857-15.355-5.858-21.213,0.001l-139.39,139.393L25.607,79.393 c-5.857-5.857-15.355-5.858-21.213,0.001c-5.858,5.858-5.858,15.355,0,21.213l150.004,150c2.813,2.813,6.628,4.393,10.606,4.393 s7.794-1.581,10.606-4.394l149.996-150C331.465,94.749,331.465,85.251,325.607,79.393z"> 21148 </path> </g></svg> --> 21149 21150 </div> 21151 </div> 21152</noscript> 21153
21154<script> 21155// var dataUrl; 21156// function fetchUrl(){ 21157// var productUrl = document.querySelector("button[data-product-url]"); 21158// if (productUrl) { 21159// debugger; 21160// dataUrl = productUrl.getAttribute("data-product-url"); 21161// console.log("data-product-url: ", dataUrl); 21162// } 21163// } 21164</script>
21164 21165 21166 21167 21168<div class=" 21169 price price--on-sale "> 21170 <div class="price__container"><div class="price__regular"> 21171 <span class="visually-hidden visually-hidden--inline">Regular price</span> 21172 <span class="price-item price-item--regular"> 21173 â±7,990 21174 </span> 21175 </div> 21176 <div class="price__sale price--large"> 21177 21178 <div class="" style="display: flex; white-space: nowrap; align-items: center;"> 21179 <span class="visually-hidden visually-hidden--inline">Regular price</span> 21180 <span class="strike-through quick-shop-regular"> 21181 <s class="price-item price-item--regular"> 21182 21183 â±10,995 21184 21185 </s> 21186 </span><span class="visually-hidden visually-hidden--inline " >Sale price</span> 21187 <span class="price-item price-item--sale price-item--last quick-shop-sale"> 21188 â±7,990 21189 </span> 21190 </div> 21191 <span class="compare-mark"> 21192 (27% Off) 21193 </span><style> 21194 .compare-mark{ 21195 font-size: 13px; 21196 color: #ff0d0d; 21197 font-family: WorkSansLight; 21198 margin-left: -10px; 21199 font-weight: 600; 21200 display: inline-flex; 21201 } 21202 @media screen and (max-width: 575px){ 21203 .compare-mark{ 21204 margin-left: 0; 21205 } 21206 .card-wrapper .price.price--on-sale .price__container { 21207 display: inline-flex; 21208 align-items: center; 21209 flex-wrap: wrap; 21210 align-items: flex-start; 21211 text-align: left; 21212 } 21213 } 21214 </style> 21215 </div> 21216 <small class="unit-price caption hidden"> 21217 <span class="visually-hidden">Unit price</span> 21218 <span class="price-item price-item--last"> 21219 <span></span> 21220 <span aria-hidden="true">/</span> 21221 <span class="visually-hidden"> per </span> 21222 <span> 21223 </span> 21224 </span> 21225 </small> 21226 </div></div> 21227 21228 <h3 21229 class="card_title card__heading h5" 21230 21231 id="title-template--23890806309108__featured_collection_qwXzQm-9479846494452" 21232 21233 > 21234 21235 21236 <a class="product_url" 21237 href="/products/w36637"> 21238 Women's Jasleen Quilted Ballet Flats 21239 </a> 21240 21241 </h3> 21242 <div class="card-information"><span class="caption-large light"></span></div> 21243 </div> 21244 21245 <div class="card__badge bottom left"><span 21246 id="Badge-template--23890806309108__featured_collection_qwXzQm-9479846494452" 21247 class="badge badge--bottom-left color-accent-2" 21248 >Sale</span></div> 21249 </div> 21250 </div> 21251 </div>
21251<script> 21252 21253 21254// function redirectFn(e){ 21255 21256// console.log('test e',e); 21257// const srcSet = e.querySelector('.pdp-primaryimage'); 21258 21259// const srcSetVal = srcSet['srcset']; 21260 21261// const startIndex = srcSetVal.indexOf('/products/'); 21262// const endIndex = srcSetVal.indexOf('_', startIndex); 21263// const desiredValue = srcSetVal.substring(startIndex, endIndex); 21264 21265// e.setAttribute('href', desiredValue); 21266 21267 21268// } 21269 21270 21271// document.addEventListener("DOMContentLoaded", function() { 21272// const items = document.querySelectorAll('#product-grid li.grid__item'); 21273 21274// items.forEach(item => { 21275// const button = item.querySelector('.quick-add__submit'); 21276// const colorSwatches = item.querySelectorAll('.color-swatches-plp'); 21277 21278// colorSwatches.forEach(swatch => { 21279// swatch.addEventListener('click', () => { 21280// const inputId = swatch.getAttribute('for'); 21281// const relatedProduct = item.querySelector(`#${inputId}.related-product`); 21282// if (relatedProduct) { 21283// const newUrl = relatedProduct.getAttribute('data-url'); 21284// if (newUrl) { 21285// button.setAttribute('data-product-url', newUrl); 21286// console.log(`Updated data-product-url: ${newUrl}`); 21287// } 21288// } 21289// }); 21290// }); 21291// }); 21292// }); 21293// // swatches click on collection page 21294 21295// document.addEventListener("DOMContentLoaded", function() { 21296 21297// initializeProductHrefs(); 21298 21299 21300// const colorSwatches = document.querySelectorAll('.color-swatches-plp'); 21301// colorSwatches.forEach(swatch => { 21302// swatch.addEventListener('click', function() { 21303// updateHref(this); 21304// }); 21305// }); 21306 21307 21308// const firstColorSwatch = document.querySelector('.color-swatches-plp'); 21309// if (firstColorSwatch) { 21310// firstColorSwatch.addEventListener('click', function() { 21311// updateHrefToFirstVariant(this); 21312// }); 21313// } 21314// }); 21315 21316// function initializeProductHrefs() { 21317// const productItems = document.querySelectorAll('#product-grid li.grid__item'); 21318// productItems.forEach((item, index) => { 21319// const firstVariant = item.querySelector('input.related-product'); 21320// if (firstVariant) { 21321// const initialUrl = firstVariant.getAttribute('data-url'); 21322// if (initialUrl) { 21323// const pdpNavigationLink = item.querySelector('.pdp-navigation-link'); 21324// pdpNavigationLink.setAttribute('href', initialUrl); 21325 21326// } 21327// } 21328// }); 21329// } 21330 21331// function updateHref(swatch) { 21332// const parentItem = swatch.closest('li.grid__item'); 21333// const inputId = swatch.getAttribute('for'); 21334// const relatedProduct = parentItem.querySelector(`input#${inputId}.related-product`); 21335// if (relatedProduct) { 21336// const newUrl = relatedProduct.getAttribute('data-url'); 21337// if (newUrl) { 21338// const pdpNavigationLink = parentItem.querySelector('.pdp-navigation-link'); 21339// pdpNavigationLink.setAttribute('href', newUrl); 21340 21341// } else { 21342// console.log(`No data-url found for swatch: ${inputId}`); 21343// } 21344// } else { 21345// console.log(`No related product input found for swatch: ${inputId}`); 21346// } 21347// } 21348 21349// function updateHrefToFirstVariant(swatch) { 21350// const parentItem = swatch.closest('li.grid__item'); 21351// const firstRelatedProduct = parentItem.querySelector('input.related-product'); 21352// if (firstRelatedProduct) { 21353// const firstUrl = firstRelatedProduct.getAttribute('data-url'); 21354// if (firstUrl) { 21355// const pdpNavigationLink = parentItem.querySelector('.pdp-navigation-link'); 21356// pdpNavigationLink.setAttribute('href', firstUrl); 21357 21358// } else { 21359// console.log('No data-url found for the first related product.'); 21360// } 21361// } else { 21362// console.log('No related product inputs found.'); 21363// } 21364// } 21365 21366 21367 21368</script>
21368 21369 21370 21371 </li><li 21372 id="Slide-template--23890806309108__featured_collection_qwXzQm-7" 21373 class="grid__item slider__slide" 21374 > 21375 21376 21377<link href="//colehaan.com.ph/cdn/shop/t/131/assets/component-rating.css?v=24573085263941240431790040493" rel="stylesheet" type="text/css" media="all" /> 21378<style> 21379 .eyebrow{ 21380 background: #808080 !important; 21381 } 21382</style><div class="card-wrapper product-card-wrapper"> 21383 <div 21384 class=" 21385 card 21386 card--card 21387 card--media 21388 color-background-1 gradient 21389 21390 21391 21392 " 21393 style="--ratio-percent: 100%;" 21394 > 21395 <div 21396 class="card__inner ratio" 21397 style="--ratio-percent: 100%;" 21398 ><div class="card__media"> 21399 21400 <div class="quick-add quick-add-test no-js-hidden"> 21401 21402 <modal-opener data-modal="#QuickAdd-9479846330612"> 21403 <button 21404 id="quick-add-template--23890806309108__featured_collection_qwXzQm9479846330612-submit" 21405 type="submit" 21406 name="add" 21407 class="quick-add__submit button--full-width button--secondary" 21408 aria-haspopup="dialog" 21409 aria-labelledby="quick-add-template--23890806309108__featured_collection_qwXzQm9479846330612-submit title-template--23890806309108__featured_collection_qwXzQm-9479846330612" 21410 data-product-url="/products/w36385" 21411 > 21412 Quick shop 21413<div class="loading-overlay__spinner hidden"> 21414 <svg 21415 aria-hidden="true" 21416 focusable="false" 21417 class="spinner"
21418 viewBox="0 0 66 66" 21419 xmlns="http://www.w3.org/2000/svg" 21420 > 21421 <circle class="path" fill="none" stroke-width="6" cx="33" cy="33" r="30"></circle> 21422 </svg> 21423 </div> 21424 </button> 21425 </modal-opener> 21426 <quick-add-modal id="QuickAdd-9479846330612" class="quick-add-modal"> 21427 <div 21428 role="dialog" 21429 aria-label="Choose options for Women&#39;s GrandPrø Travina Mary Jane Ballet Flats" 21430 aria-modal="true" 21431 class="quick-add-modal__content global-settings-popup" 21432 tabindex="-1" 21433 > 21434 <button 21435 id="ModalClose-9479846330612" 21436 type="button" 21437 class="quick-add-modal__toggle" 21438 aria-label="Close" 21439 > 21440 <svg 21441 xmlns="http://www.w3.org/2000/svg" 21442 aria-hidden="true" 21443 focusable="false" 21444 class="icon icon-close" 21445 fill="none" 21446 viewBox="0 0 18 17" 21447> 21448 <path d="M.865 15.978a.5.5 0 00.707.707l7.433-7.431 7.579 7.282a.501.501 0 00.846-.37.5.5 0 00-.153-.351L9.712 8.546l7.417-7.416a.5.5 0 10-.707-.708L8.991 7.853 1.413.573a.5.5 0 10-.693.72l7.563 7.268-7.418 7.417z" fill="currentColor"> 21449</svg> 21450 21451 </button> 21452 <div class="logo_ch"> 21453 <img src="https://cdn.shopify.com/s/files/1/0268/1228/5039/files/colehaan_logo.png?v=1694757702" style="width: 150px; margin: 20px;"/> 21454 </div> 21455 <div id="QuickAddInfo-9479846330612" class="quick-add-modal__content-info"> 21456 </div> 21457 21458 <div class="cart-and-ipay"> 21459 <button class="add-to-cart-global btn" onclick="triggerQuickBasket(event, 'product-form-quickadd-template--23890806309108__featured_collection_qwXzQm');" title="Add to bag"> 21460 Add to Bag 21461 </button> 21462 </div> 21463 </div> 21464 </quick-add-modal> 21465 21466 21467 </div> 21468 21469 <div class="media"> 21470 21471 21472 <a class="pdp-navigation-link" onclick = "redirectFn(this);" href="/products/w36385"> 21473 <img class="img-tag pdp-primaryimage" 21474 srcset="//colehaan.com.ph/cdn/shop/files/BaseTransform1_d773b23b-0788-41e6-8f01-2fea56dba254.jpg?v=1780029096&width=165 165w,//colehaan.com.ph/cdn/shop/files/BaseTransform1_d773b23b-0788-41e6-8f01-2fea56dba254.jpg?v=1780029096&width=360 360w,//colehaan.com.ph/cdn/shop/files/BaseTransform1_d773b23b-0788-41e6-8f01-2fea56dba254.jpg?v=1780029096&width=533 533w,//colehaan.com.ph/cdn/shop/files/BaseTransform1_d773b23b-0788-41e6-8f01-2fea56dba254.jpg?v=1780029096&width=720 720w,//colehaan.com.ph/cdn/shop/files/BaseTransform1_d773b23b-0788-41e6-8f01-2fea56dba254.jpg?v=1780029096&width=940 940w,//colehaan.com.ph/cdn/shop/files/BaseTransform1_d773b23b-0788-41e6-8f01-2fea56dba254.jpg?v=1780029096&width=1066 1066w,//colehaan.com.ph/cdn/shop/files/BaseTransform1_d773b23b-0788-41e6-8f01-2fea56dba254.jpg?v=1780029096 2000w 21475 " 21476 src="//colehaan.com.ph/cdn/shop/files/BaseTransform1_d773b23b-0788-41e6-8f01-2fea56dba254.jpg?v=1780029096&width=533" 21477 sizes="(min-width: 1200px) 267px, (min-width: 990px) calc((100vw - 130px) / 4), (min-width: 750px) calc((100vw - 120px) / 3), calc((100vw - 35px) / 2)" 21478 alt="W36385:BLACK LTHR / BLACK SDE" 21479 class="motion-reduce" 21480 21481 loading="lazy" 21482 21483 width="2000" 21484 height="2250" 21485 > 21486 21487</a> 21488 </div> 21489 </div><div class="card__content"> 21490 <div class="card__information"> 21491 <h3 21492 class="card__heading" 21493 21494 > 21495 <a 21496 href="/products/w36385" 21497 id="StandardCardNoMediaLink-template--23890806309108__featured_collection_qwXzQm-9479846330612" 21498 class="full-unstyled-link" 21499 aria-labelledby="StandardCardNoMediaLink-template--23890806309108__featured_collection_qwXzQm-9479846330612 NoMediaStandardBadge-template--23890806309108__featured_collection_qwXzQm-9479846330612" 21500 > 21501 Women's GrandPrø Travina Mary Jane Ballet Flats 21502 </a> 21503 </h3> 21504 </div> 21505 <div class="card__badge bottom left"> 21506 21507 </div> 21508 </div> 21509 </div> 21510 <div class="card__content card-content"> 21511 <div class="card__information"> 21512 21513 21514<variant-radios 21515 id="variant-radios-template--23890806309108__featured_collection_qwXzQm" 21516 class="no-js-hidden" 21517 data-section="template--23890806309108__featured_collection_qwXzQm" 21518 data-url="/products/w36385" 21519 21520 21521 > 21522 <div class= "clr-swatches-plp"><fieldset class="js product-form__input"> 21523 21524
21524<script src="//colehaan.com.ph/cdn/shop/t/131/assets/global.js?v=15889204645569497881790040512" defer="defer"></script>
21524<div 21525 class="swatches-wrapper" 21526 id="swatches-9479846330612-template--23890806309108__featured_collection_qwXzQm" 21527 data-related-handles="w36384,w36383" 21528 data-section-id="template--23890806309108__featured_collection_qwXzQm" 21529 data-product-id="9479846330612" 21530 data-product-form-id="product-form-template--23890806309108__featured_collection_qwXzQm" 21531> 21532<input 21533 class="related-product" 21534 type="radio" 21535 id="template--23890806309108__featured_collection_qwXzQm-1-1" 21536 name="Color" 21537 value="Black" 21538 form="product-form-template--23890806309108__featured_collection_qwXzQm" 21539 data-url="/products/w36385" 21540 21541 checked 21542 21543 21544 > 21545 <label class="color-swatches-plp" for="template--23890806309108__featured_collection_qwXzQm-1-1" style="background: url('https://colehaan.com.ph/cdn/shop/files/BaseTransform1_d773b23b-0788-41e6-8f01-2fea56dba254.jpg?v=1780029096') center no-repeat; background-size: contain;" onclick="redirectToUrlCollection(this);"> 21546 </label> 21547 21548 21549 21550 <div class="related-swatches-container"></div> 21551</div> 21552 21553 </fieldset><fieldset class="js product-form__input"> 21554 21555 </fieldset><fieldset class="js product-form__input"> 21556 21557 </fieldset><span class="mobile-swatch-plus-plp" > 21558 21559 <a href="/products/w36385">+</a> 21560 </span> 21561 21562 21563
21563<script type="application/json"> 21564 21565 [{"id":48356549394676,"title":"Black \/ Wide \/ 5","option1":"Black","option2":"Wide","option3":"5","sku":"W36385 5.0C","requires_shipping":true,"taxable":true,"featured_image":null,"available":false,"name":"Women's GrandPrø Travina Mary Jane Ballet Flats - Black \/ Wide \/ 5","public_title":"Black \/ Wide \/ 5","options":["Black","Wide","5"],"price":799000,"weight":1000,"compare_at_price":999500,"inventory_management":"shopify","barcode":"198859631855","requires_selling_plan":false,"selling_plan_allocations":[],"quantity_rule":{"min":1,"max":null,"increment":1}},{"id":48356549427444,"title":"Black \/ Wide \/ 5.5","option1":"Black","option2":"Wide","option3":"5.5","sku":"W36385 5.5C","requires_shipping":true,"taxable":true,"featured_image":null,"available":false,"name":"Women's GrandPrø Travina Mary Jane Ballet Flats - Black \/ Wide \/ 5.5","public_title":"Black \/ Wide \/ 5.5","options":["Black","Wide","5.5"],"price":799000,"weight":1000,"compare_at_price":999500,"inventory_management":"shopify","barcode":"198859631862","requires_selling_plan":false,"selling_plan_allocations":[],"quantity_rule":{"min":1,"max":null,"increment":1}},{"id":48356549460212,"title":"Black \/ Wide \/ 6","option1":"Black","option2":"Wide","option3":"6","sku":"W36385 6.0C","requires_shipping":true,"taxable":true,"featured_image":null,"available":true,"name":"Women's GrandPrø Travina Mary Jane Ballet Flats - Black \/ Wide \/ 6","public_title":"Black \/ Wide \/ 6","options":["Black","Wide","6"],"price":799000,"weight":1000,"compare_at_price":999500,"inventory_management":"shopify","barcode":"198859631879","requires_selling_plan":false,"selling_plan_allocations":[],"quantity_rule":{"min":1,"max":null,"increment":1}},{"id":48356549492980,"title":"Black \/ Wide \/ 6.5","option1":"Black","option2":"Wide","option3":"6.5","sku":"W36385 6.5C","requires_shipping":true,"taxable":true,"featured_image":null,"available":true,"name":"Women's GrandPrø Travina Mary Jane Ballet Flats - Black \/ Wide \/ 6.5","public_title":"Black \/ Wide \/ 6.5","options":["Black","Wide","6.5"],"price":799000,"weight":1000,"compare_at_price":999500,"inventory_management":"shopify","barcode":"198859631886","requires_selling_plan":false,"selling_plan_allocations":[],"quantity_rule":{"min":1,"max":null,"increment":1}},{"id":48356549525748,"title":"Black \/ Wide \/ 7","option1":"Black","option2":"Wide","option3":"7","sku":"W36385 7.0C","requires_shipping":true,"taxable":true,"featured_image":null,"available":true,"name":"Women's GrandPrø Travina Mary Jane Ballet Flats - Black \/ Wide \/ 7","public_title":"Black \/ Wide \/ 7","options":["Black","Wide","7"],"price":799000,"weight":1000,"compare_at_price":999500,"inventory_management":"shopify","barcode":"198859631893","requires_selling_plan":false,"selling_plan_allocations":[],"quantity_rule":{"min":1,"max":null,"increment":1}},{"id":48356549558516,"title":"Black \/ Wide \/ 7.5","option1":"Black","option2":"Wide","option3":"7.5","sku":"W36385 7.5C","requires_shipping":true,"taxable":true,"featured_image":null,"available":true,"name":"Women's GrandPrø Travina Mary Jane Ballet Flats - Black \/ Wide \/ 7.5","public_title":"Black \/ Wide \/ 7.5","options":["Black","Wide","7.5"],"price":799000,"weight":1000,"compare_at_price":999500,"inventory_management":"shopify","barcode":"198859631909","requires_selling_plan":false,"selling_plan_allocations":[],"quantity_rule":{"min":1,"max":null,"increment":1}},{"id":48356549591284,"title":"Black \/ Wide \/ 8","option1":"Black","option2":"Wide","option3":"8","sku":"W36385 8.0C","requires_shipping":true,"taxable":true,"featured_image":null,"available":false,"name":"Women's GrandPrø Travina Mary Jane Ballet Flats - Black \/ Wide \/ 8","public_title":"Black \/ Wide \/ 8","options":["Black","Wide","8"],"price":799000,"weight":1000,"compare_at_price":999500,"inventory_management":"shopify","barcode":"198859631916","requires_selling_plan":false,"selling_plan_allocations":[],"quantity_rule":{"min":1,"max":null,"increment":1}},{"id":48356549624052,"title":"Black \/ Wide \/ 8.5","option1":"Black","option2":"Wide","option3":"8.5","sku":"W36385 8.5C","requires_shipping":true,"taxable":true,"featured_image":null,"available":false,"name":"Women's GrandPrø Travina Mary Jane Ballet Flats - Black \/ Wide \/ 8.5","public_title":"Black \/ Wide \/ 8.5","options":["Black","Wi
21565de","8.5"],"price":799000,"weight":1000,"compare_at_price":999500,"inventory_management":"shopify","barcode":"198859631923","requires_selling_plan":false,"selling_plan_allocations":[],"quantity_rule":{"min":1,"max":null,"increment":1}},{"id":48356549656820,"title":"Black \/ Wide \/ 9","option1":"Black","option2":"Wide","option3":"9","sku":"W36385 9.0C","requires_shipping":true,"taxable":true,"featured_image":null,"available":false,"name":"Women's GrandPrø Travina Mary Jane Ballet Flats - Black \/ Wide \/ 9","public_title":"Black \/ Wide \/ 9","options":["Black","Wide","9"],"price":799000,"weight":1000,"compare_at_price":999500,"inventory_management":"shopify","barcode":"198859631930","requires_selling_plan":false,"selling_plan_allocations":[],"quantity_rule":{"min":1,"max":null,"increment":1}}] 21566 21567 </script>
21567 21568 21569 </div> 21570 </variant-radios><noscript class="product-form__noscript-wrapper-template--23890806309108__featured_collection_qwXzQm"> 21571 <div class="product-form__input"> 21572 <label class="form__label" for="Variants-template--23890806309108__featured_collection_qwXzQm">Product variants</label> 21573 <div class="select"> 21574 <select 21575 name="id" 21576 id="Variants-template--23890806309108__featured_collection_qwXzQm" 21577 class="select__select" 21578 form="" 21579 ><option 21580 21581 21582 disabled 21583 21584 value="48356549394676" 21585 >Black / Wide / 5 - â±7,990.00 - Add to Bag</option><option 21586 21587 21588 disabled 21589 21590 value="48356549427444" 21591 >Black / Wide / 5.5 - â±7,990.00 - Add to Bag</option><option 21592 21593 selected="selected" 21594 21595 21596 value="48356549460212" 21597 >Black / Wide / 6 - â±7,990.00</option><option 21598 21599 21600 value="48356549492980" 21601 >Black / Wide / 6.5 - â±7,990.00</option><option 21602 21603 21604 value="48356549525748" 21605 >Black / Wide / 7 - â±7,990.00</option><option 21606 21607 21608 value="48356549558516" 21609 >Black / Wide / 7.5 - â±7,990.00</option><option 21610 21611 21612 disabled 21613 21614 value="48356549591284" 21615 >Black / Wide / 8 - â±7,990.00 - Add to Bag</option><option 21616 21617 21618 disabled 21619 21620 value="48356549624052" 21621 >Black / Wide / 8.5 - â±7,990.00 - Add to Bag</option><option 21622 21623 21624 disabled 21625 21626 value="48356549656820" 21627 >Black / Wide / 9 - â±7,990.00 - Add to Bag</option></select> 21628 <svg aria-hidden="true" focusable="false" class="icon icon-caret" viewBox="0 0 10 6"> 21629 <path fill-rule="evenodd" clip-rule="evenodd" d="M9.354.646a.5.5 0 00-.708 0L5 4.293 1.354.646a.5.5 0 00-.708.708l4 4a.5.5 0 00.708 0l4-4a.5.5 0 000-.708z" fill="currentColor"> 21630</svg> 21631<!-- <svg fill="#000000" height="14px" width="14px" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 330 330" xml:space="preserve" stroke="#000000" stroke-width="0.0033"><g id="SVGRepo_bgCarrier" stroke-width="0"></g><g id="SVGRepo_tracerCarrier" stroke-linecap="round" stroke-linejoin="round"></g> 21632 <g id="SVGRepo_iconCarrier"> 21633 <path id="XMLID_225_" d="M325.607,79.393c-5.857-5.857-15.355-5.858-21.213,0.001l-139.39,139.393L25.607,79.393 c-5.857-5.857-15.355-5.858-21.213,0.001c-5.858,5.858-5.858,15.355,0,21.213l150.004,150c2.813,2.813,6.628,4.393,10.606,4.393 s7.794-1.581,10.606-4.394l149.996-150C331.465,94.749,331.465,85.251,325.607,79.393z"> 21634 </path> </g></svg> --> 21635 21636 </div> 21637 </div> 21638</noscript> 21639
21640<script> 21641// var dataUrl; 21642// function fetchUrl(){ 21643// var productUrl = document.querySelector("button[data-product-url]"); 21644// if (productUrl) { 21645// debugger; 21646// dataUrl = productUrl.getAttribute("data-product-url"); 21647// console.log("data-product-url: ", dataUrl); 21648// } 21649// } 21650</script>
21650 21651 21652 21653 21654<div class=" 21655 price price--on-sale "> 21656 <div class="price__container"><div class="price__regular"> 21657 <span class="visually-hidden visually-hidden--inline">Regular price</span> 21658 <span class="price-item price-item--regular"> 21659 â±7,990 21660 </span> 21661 </div> 21662 <div class="price__sale price--large"> 21663 21664 <div class="" style="display: flex; white-space: nowrap; align-items: center;"> 21665 <span class="visually-hidden visually-hidden--inline">Regular price</span> 21666 <span class="strike-through quick-shop-regular"> 21667 <s class="price-item price-item--regular"> 21668 21669 â±9,995 21670 21671 </s> 21672 </span><span class="visually-hidden visually-hidden--inline " >Sale price</span> 21673 <span class="price-item price-item--sale price-item--last quick-shop-sale"> 21674 â±7,990 21675 </span> 21676 </div> 21677 <span class="compare-mark"> 21678 (20% Off) 21679 </span><style> 21680 .compare-mark{ 21681 font-size: 13px; 21682 color: #ff0d0d; 21683 font-family: WorkSansLight; 21684 margin-left: -10px; 21685 font-weight: 600; 21686 display: inline-flex; 21687 } 21688 @media screen and (max-width: 575px){ 21689 .compare-mark{ 21690 margin-left: 0; 21691 } 21692 .card-wrapper .price.price--on-sale .price__container { 21693 display: inline-flex; 21694 align-items: center; 21695 flex-wrap: wrap; 21696 align-items: flex-start; 21697 text-align: left; 21698 } 21699 } 21700 </style> 21701 </div> 21702 <small class="unit-price caption hidden"> 21703 <span class="visually-hidden">Unit price</span> 21704 <span class="price-item price-item--last"> 21705 <span></span> 21706 <span aria-hidden="true">/</span> 21707 <span class="visually-hidden"> per </span> 21708 <span> 21709 </span> 21710 </span> 21711 </small> 21712 </div></div> 21713 21714 <h3 21715 class="card_title card__heading h5" 21716 21717 id="title-template--23890806309108__featured_collection_qwXzQm-9479846330612" 21718 21719 > 21720 21721 21722 <a class="product_url" 21723 href="/products/w36385"> 21724 Women's GrandPrø Travina Mary Jane Ballet Flats 21725 </a> 21726 21727 </h3> 21728 <div class="card-information"><span class="caption-large light"></span></div> 21729 </div> 21730 21731 <div class="card__badge bottom left"><span 21732 id="Badge-template--23890806309108__featured_collection_qwXzQm-9479846330612" 21733 class="badge badge--bottom-left color-accent-2" 21734 >Sale</span></div> 21735 </div> 21736 </div> 21737 </div>
21737<script> 21738 21739 21740// function redirectFn(e){ 21741 21742// console.log('test e',e); 21743// const srcSet = e.querySelector('.pdp-primaryimage'); 21744 21745// const srcSetVal = srcSet['srcset']; 21746 21747// const startIndex = srcSetVal.indexOf('/products/'); 21748// const endIndex = srcSetVal.indexOf('_', startIndex); 21749// const desiredValue = srcSetVal.substring(startIndex, endIndex); 21750 21751// e.setAttribute('href', desiredValue); 21752 21753 21754// } 21755 21756 21757// document.addEventListener("DOMContentLoaded", function() { 21758// const items = document.querySelectorAll('#product-grid li.grid__item'); 21759 21760// items.forEach(item => { 21761// const button = item.querySelector('.quick-add__submit'); 21762// const colorSwatches = item.querySelectorAll('.color-swatches-plp'); 21763 21764// colorSwatches.forEach(swatch => { 21765// swatch.addEventListener('click', () => { 21766// const inputId = swatch.getAttribute('for'); 21767// const relatedProduct = item.querySelector(`#${inputId}.related-product`); 21768// if (relatedProduct) { 21769// const newUrl = relatedProduct.getAttribute('data-url'); 21770// if (newUrl) { 21771// button.setAttribute('data-product-url', newUrl); 21772// console.log(`Updated data-product-url: ${newUrl}`); 21773// } 21774// } 21775// }); 21776// }); 21777// }); 21778// }); 21779// // swatches click on collection page 21780 21781// document.addEventListener("DOMContentLoaded", function() { 21782 21783// initializeProductHrefs(); 21784 21785 21786// const colorSwatches = document.querySelectorAll('.color-swatches-plp'); 21787// colorSwatches.forEach(swatch => { 21788// swatch.addEventListener('click', function() { 21789// updateHref(this); 21790// }); 21791// }); 21792 21793 21794// const firstColorSwatch = document.querySelector('.color-swatches-plp'); 21795// if (firstColorSwatch) { 21796// firstColorSwatch.addEventListener('click', function() { 21797// updateHrefToFirstVariant(this); 21798// }); 21799// } 21800// }); 21801 21802// function initializeProductHrefs() { 21803// const productItems = document.querySelectorAll('#product-grid li.grid__item'); 21804// productItems.forEach((item, index) => { 21805// const firstVariant = item.querySelector('input.related-product'); 21806// if (firstVariant) { 21807// const initialUrl = firstVariant.getAttribute('data-url'); 21808// if (initialUrl) { 21809// const pdpNavigationLink = item.querySelector('.pdp-navigation-link'); 21810// pdpNavigationLink.setAttribute('href', initialUrl); 21811 21812// } 21813// } 21814// }); 21815// } 21816 21817// function updateHref(swatch) { 21818// const parentItem = swatch.closest('li.grid__item'); 21819// const inputId = swatch.getAttribute('for'); 21820// const relatedProduct = parentItem.querySelector(`input#${inputId}.related-product`); 21821// if (relatedProduct) { 21822// const newUrl = relatedProduct.getAttribute('data-url'); 21823// if (newUrl) { 21824// const pdpNavigationLink = parentItem.querySelector('.pdp-navigation-link'); 21825// pdpNavigationLink.setAttribute('href', newUrl); 21826 21827// } else { 21828// console.log(`No data-url found for swatch: ${inputId}`); 21829// } 21830// } else { 21831// console.log(`No related product input found for swatch: ${inputId}`); 21832// } 21833// } 21834 21835// function updateHrefToFirstVariant(swatch) { 21836// const parentItem = swatch.closest('li.grid__item'); 21837// const firstRelatedProduct = parentItem.querySelector('input.related-product'); 21838// if (firstRelatedProduct) { 21839// const firstUrl = firstRelatedProduct.getAttribute('data-url'); 21840// if (firstUrl) { 21841// const pdpNavigationLink = parentItem.querySelector('.pdp-navigation-link'); 21842// pdpNavigationLink.setAttribute('href', firstUrl); 21843 21844// } else { 21845// console.log('No data-url found for the first related product.'); 21846// } 21847// } else { 21848// console.log('No related product inputs found.'); 21849// } 21850// } 21851 21852 21853 21854</script>
21854 21855 21856 21857 </li><li 21858 id="Slide-template--23890806309108__featured_collection_qwXzQm-8" 21859 class="grid__item slider__slide" 21860 > 21861 21862 21863<link href="//colehaan.com.ph/cdn/shop/t/131/assets/component-rating.css?v=24573085263941240431790040493" rel="stylesheet" type="text/css" media="all" /> 21864<style> 21865 .eyebrow{ 21866 background: #808080 !important; 21867 } 21868</style><div class="card-wrapper product-card-wrapper"> 21869 <div 21870 class=" 21871 card 21872 card--card 21873 card--media 21874 color-background-1 gradient 21875 21876 21877 21878 " 21879 style="--ratio-percent: 100%;" 21880 > 21881 <div 21882 class="card__inner ratio" 21883 style="--ratio-percent: 100%;" 21884 ><div class="card__media"> 21885 21886 <div class="quick-add quick-add-test no-js-hidden"> 21887 21888 <modal-opener data-modal="#QuickAdd-9479846232308"> 21889 <button 21890 id="quick-add-template--23890806309108__featured_collection_qwXzQm9479846232308-submit" 21891 type="submit" 21892 name="add" 21893 class="quick-add__submit button--full-width button--secondary" 21894 aria-haspopup="dialog" 21895 aria-labelledby="quick-add-template--23890806309108__featured_collection_qwXzQm9479846232308-submit title-template--23890806309108__featured_collection_qwXzQm-9479846232308" 21896 data-product-url="/products/w36383" 21897 > 21898 Quick shop 21899<div class="loading-overlay__spinner hidden"> 21900 <svg 21901 aria-hidden="true" 21902 focusable="false" 21903 class="spinner"
21904 viewBox="0 0 66 66" 21905 xmlns="http://www.w3.org/2000/svg" 21906 > 21907 <circle class="path" fill="none" stroke-width="6" cx="33" cy="33" r="30"></circle> 21908 </svg> 21909 </div> 21910 </button> 21911 </modal-opener> 21912 <quick-add-modal id="QuickAdd-9479846232308" class="quick-add-modal"> 21913 <div 21914 role="dialog" 21915 aria-label="Choose options for Women&#39;s GrandPrø Travina Mary Jane Ballet Flats" 21916 aria-modal="true" 21917 class="quick-add-modal__content global-settings-popup" 21918 tabindex="-1" 21919 > 21920 <button 21921 id="ModalClose-9479846232308" 21922 type="button" 21923 class="quick-add-modal__toggle" 21924 aria-label="Close" 21925 > 21926 <svg 21927 xmlns="http://www.w3.org/2000/svg" 21928 aria-hidden="true" 21929 focusable="false" 21930 class="icon icon-close" 21931 fill="none" 21932 viewBox="0 0 18 17" 21933> 21934 <path d="M.865 15.978a.5.5 0 00.707.707l7.433-7.431 7.579 7.282a.501.501 0 00.846-.37.5.5 0 00-.153-.351L9.712 8.546l7.417-7.416a.5.5 0 10-.707-.708L8.991 7.853 1.413.573a.5.5 0 10-.693.72l7.563 7.268-7.418 7.417z" fill="currentColor"> 21935</svg> 21936 21937 </button> 21938 <div class="logo_ch"> 21939 <img src="https://cdn.shopify.com/s/files/1/0268/1228/5039/files/colehaan_logo.png?v=1694757702" style="width: 150px; margin: 20px;"/> 21940 </div> 21941 <div id="QuickAddInfo-9479846232308" class="quick-add-modal__content-info"> 21942 </div> 21943 21944 <div class="cart-and-ipay"> 21945 <button class="add-to-cart-global btn" onclick="triggerQuickBasket(event, 'product-form-quickadd-template--23890806309108__featured_collection_qwXzQm');" title="Add to bag"> 21946 Add to Bag 21947 </button> 21948 </div> 21949 </div> 21950 </quick-add-modal> 21951 21952 21953 </div> 21954 21955 <div class="media"> 21956 21957 21958 <a class="pdp-navigation-link" onclick = "redirectFn(this);" href="/products/w36383"> 21959 <img class="img-tag pdp-primaryimage" 21960 srcset="//colehaan.com.ph/cdn/shop/files/BaseTransform1_b7d36a04-8cf1-4e66-a419-544f835a33ec.jpg?v=1780029087&width=165 165w,//colehaan.com.ph/cdn/shop/files/BaseTransform1_b7d36a04-8cf1-4e66-a419-544f835a33ec.jpg?v=1780029087&width=360 360w,//colehaan.com.ph/cdn/shop/files/BaseTransform1_b7d36a04-8cf1-4e66-a419-544f835a33ec.jpg?v=1780029087&width=533 533w,//colehaan.com.ph/cdn/shop/files/BaseTransform1_b7d36a04-8cf1-4e66-a419-544f835a33ec.jpg?v=1780029087&width=720 720w,//colehaan.com.ph/cdn/shop/files/BaseTransform1_b7d36a04-8cf1-4e66-a419-544f835a33ec.jpg?v=1780029087&width=940 940w,//colehaan.com.ph/cdn/shop/files/BaseTransform1_b7d36a04-8cf1-4e66-a419-544f835a33ec.jpg?v=1780029087&width=1066 1066w,//colehaan.com.ph/cdn/shop/files/BaseTransform1_b7d36a04-8cf1-4e66-a419-544f835a33ec.jpg?v=1780029087 2000w 21961 " 21962 src="//colehaan.com.ph/cdn/shop/files/BaseTransform1_b7d36a04-8cf1-4e66-a419-544f835a33ec.jpg?v=1780029087&width=533" 21963 sizes="(min-width: 1200px) 267px, (min-width: 990px) calc((100vw - 130px) / 4), (min-width: 750px) calc((100vw - 120px) / 3), calc((100vw - 35px) / 2)" 21964 alt="W36383:CH TUSCAN SAND SDE/LTHR" 21965 class="motion-reduce" 21966 21967 loading="lazy" 21968 21969 width="2000" 21970 height="2250" 21971 > 21972 21973</a> 21974 </div> 21975 </div><div class="card__content"> 21976 <div class="card__information"> 21977 <h3 21978 class="card__heading" 21979 21980 > 21981 <a 21982 href="/products/w36383" 21983 id="StandardCardNoMediaLink-template--23890806309108__featured_collection_qwXzQm-9479846232308" 21984 class="full-unstyled-link" 21985 aria-labelledby="StandardCardNoMediaLink-template--23890806309108__featured_collection_qwXzQm-9479846232308 NoMediaStandardBadge-template--23890806309108__featured_collection_qwXzQm-9479846232308" 21986 > 21987 Women's GrandPrø Travina Mary Jane Ballet Flats 21988 </a> 21989 </h3> 21990 </div> 21991 <div class="card__badge bottom left"> 21992 21993 </div> 21994 </div> 21995 </div> 21996 <div class="card__content card-content"> 21997 <div class="card__information"> 21998 21999 22000<variant-radios 22001 id="variant-radios-template--23890806309108__featured_collection_qwXzQm" 22002 class="no-js-hidden" 22003 data-section="template--23890806309108__featured_collection_qwXzQm" 22004 data-url="/products/w36383" 22005 22006 22007 > 22008 <div class= "clr-swatches-plp"><fieldset class="js product-form__input"> 22009 22010
22010<script src="//colehaan.com.ph/cdn/shop/t/131/assets/global.js?v=15889204645569497881790040512" defer="defer"></script>
22010<div 22011 class="swatches-wrapper" 22012 id="swatches-9479846232308-template--23890806309108__featured_collection_qwXzQm" 22013 data-related-handles="w36384,w36385" 22014 data-section-id="template--23890806309108__featured_collection_qwXzQm" 22015 data-product-id="9479846232308" 22016 data-product-form-id="product-form-template--23890806309108__featured_collection_qwXzQm" 22017> 22018<input 22019 class="related-product" 22020 type="radio" 22021 id="template--23890806309108__featured_collection_qwXzQm-1-1" 22022 name="Color" 22023 value="Tuscan Sand" 22024 form="product-form-template--23890806309108__featured_collection_qwXzQm" 22025 data-url="/products/w36383" 22026 22027 checked 22028 22029 22030 > 22031 <label class="color-swatches-plp" for="template--23890806309108__featured_collection_qwXzQm-1-1" style="background: url('https://colehaan.com.ph/cdn/shop/files/BaseTransform1_b7d36a04-8cf1-4e66-a419-544f835a33ec.jpg?v=1780029087') center no-repeat; background-size: contain;" onclick="redirectToUrlCollection(this);"> 22032 </label> 22033 22034 22035 22036 <div class="related-swatches-container"></div> 22037</div> 22038 22039 </fieldset><fieldset class="js product-form__input"> 22040 22041 </fieldset><fieldset class="js product-form__input"> 22042 22043 </fieldset><span class="mobile-swatch-plus-plp" > 22044 22045 <a href="/products/w36383">+</a> 22046 </span> 22047 22048 22049
22049<script type="application/json"> 22050 22051 [{"id":48356548346100,"title":"Tuscan Sand \/ Wide \/ 5","option1":"Tuscan Sand","option2":"Wide","option3":"5","sku":"W36383 5.0C","requires_shipping":true,"taxable":true,"featured_image":null,"available":false,"name":"Women's GrandPrø Travina Mary Jane Ballet Flats - Tuscan Sand \/ Wide \/ 5","public_title":"Tuscan Sand \/ Wide \/ 5","options":["Tuscan Sand","Wide","5"],"price":799000,"weight":1000,"compare_at_price":999500,"inventory_management":"shopify","barcode":"198859631374","requires_selling_plan":false,"selling_plan_allocations":[],"quantity_rule":{"min":1,"max":null,"increment":1}},{"id":48356548378868,"title":"Tuscan Sand \/ Wide \/ 5.5","option1":"Tuscan Sand","option2":"Wide","option3":"5.5","sku":"W36383 5.5C","requires_shipping":true,"taxable":true,"featured_image":null,"available":false,"name":"Women's GrandPrø Travina Mary Jane Ballet Flats - Tuscan Sand \/ Wide \/ 5.5","public_title":"Tuscan Sand \/ Wide \/ 5.5","options":["Tuscan Sand","Wide","5.5"],"price":799000,"weight":1000,"compare_at_price":999500,"inventory_management":"shopify","barcode":"198859631381","requires_selling_plan":false,"selling_plan_allocations":[],"quantity_rule":{"min":1,"max":null,"increment":1}},{"id":48356548411636,"title":"Tuscan Sand \/ Wide \/ 6","option1":"Tuscan Sand","option2":"Wide","option3":"6","sku":"W36383 6.0C","requires_shipping":true,"taxable":true,"featured_image":null,"available":true,"name":"Women's GrandPrø Travina Mary Jane Ballet Flats - Tuscan Sand \/ Wide \/ 6","public_title":"Tuscan Sand \/ Wide \/ 6","options":["Tuscan Sand","Wide","6"],"price":799000,"weight":1000,"compare_at_price":999500,"inventory_management":"shopify","barcode":"198859631398","requires_selling_plan":false,"selling_plan_allocations":[],"quantity_rule":{"min":1,"max":null,"increment":1}},{"id":48356548444404,"title":"Tuscan Sand \/ Wide \/ 6.5","option1":"Tuscan Sand","option2":"Wide","option3":"6.5","sku":"W36383 6.5C","requires_shipping":true,"taxable":true,"featured_image":null,"available":true,"name":"Women's GrandPrø Travina Mary Jane Ballet Flats - Tuscan Sand \/ Wide \/ 6.5","public_title":"Tuscan Sand \/ Wide \/ 6.5","options":["Tuscan Sand","Wide","6.5"],"price":799000,"weight":1000,"compare_at_price":999500,"inventory_management":"shopify","barcode":"198859631404","requires_selling_plan":false,"selling_plan_allocations":[],"quantity_rule":{"min":1,"max":null,"increment":1}},{"id":48356548477172,"title":"Tuscan Sand \/ Wide \/ 7","option1":"Tuscan Sand","option2":"Wide","option3":"7","sku":"W36383 7.0C","requires_shipping":true,"taxable":true,"featured_image":null,"available":true,"name":"Women's GrandPrø Travina Mary Jane Ballet Flats - Tuscan Sand \/ Wide \/ 7","public_title":"Tuscan Sand \/ Wide \/ 7","options":["Tuscan Sand","Wide","7"],"price":799000,"weight":1000,"compare_at_price":999500,"inventory_management":"shopify","barcode":"198859631411","requires_selling_plan":false,"selling_plan_allocations":[],"quantity_rule":{"min":1,"max":null,"increment":1}},{"id":48356548509940,"title":"Tuscan Sand \/ Wide \/ 7.5","option1":"Tuscan Sand","option2":"Wide","option3":"7.5","sku":"W36383 7.5C","requires_shipping":true,"taxable":true,"featured_image":null,"available":false,"name":"Women's GrandPrø Travina Mary Jane Ballet Flats - Tuscan Sand \/ Wide \/ 7.5","public_title":"Tuscan Sand \/ Wide \/ 7.5","options":["Tuscan Sand","Wide","7.5"],"price":799000,"weight":1000,"compare_at_price":999500,"inventory_management":"shopify","barcode":"198859631428","requires_selling_plan":false,"selling_plan_allocations":[],"quantity_rule":{"min":1,"max":null,"increment":1}},{"id":48356548542708,"title":"Tuscan Sand \/ Wide \/ 8","option1":"Tuscan Sand","option2":"Wide","option3":"8","sku":"W36383 8.0C","requires_shipping":true,"taxable":true,"featured_image":null,"available":false,"name":"Women's GrandPrø Travina Mary Jane Ballet Flats - Tuscan Sand \/ Wide \/ 8","public_title":"Tuscan Sand \/ Wide \/ 8","options":["Tuscan Sand","Wide","8"],"price":799000,"weight":1000,"compare_at_price":999500,"inventory_management":"shopify","barcode":"198859631435","requires_selling_plan":false,"selling_plan_allocations":[],"quantity_rule":{"min":1,"max":null,"increment":1}},{"id":48356548575476,"title":"Tuscan Sand \/ Wide \/ 8.5","option1":"Tuscan Sand","option2":"Wide","option3":"8.5","sku":"W36383 8.5C","requires_shipping":true,"taxable":true,"featured_image":null,"available":false,"name":"Women's GrandPrø Travina Mary Jane Ballet Flats - Tuscan Sand \/ Wide \/ 8.5","public_title":"Tuscan Sand \/ Wide \/ 8.5","options":["Tuscan Sand","Wide","8.5"],"price":799000,"weight":1000,"compare_at_price":999500,"inventory_management":"shopify","barcode":"198859631442","requires_selling_plan":false,"selling_plan_allocations":[],"quantity_rule":{"min":1,"max":null,"increment":1}},{"id":48356548608244,"title":"Tuscan Sand \/ Wide \/ 9","option1":"Tuscan Sand","option2":"Wide","option3":"9","sku":"W36383 9.0C","requires_shipping":true,"taxable":true,"featured_image":null,"available":false,"name":"Women's GrandPrø Travina Mary Jane Ballet Flats - Tuscan Sand \/ Wide \/ 9","public_title":"Tuscan Sand \/ Wide \/ 9","options":["Tuscan Sand","Wide","9"],"price":799000,"weight":1000,"compare_at_price":999500,"inventory_management":"shopify","barcode":"198859631459","requires_selling_plan":false,"selling_plan_allocations":[],"quantity_rule":{"min":1,"max":null,"increment":1}}] 22052 22053 </script>
22053 22054 22055 </div> 22056 </variant-radios><noscript class="product-form__noscript-wrapper-template--23890806309108__featured_collection_qwXzQm"> 22057 <div class="product-form__input"> 22058 <label class="form__label" for="Variants-template--23890806309108__featured_collection_qwXzQm">Product variants</label> 22059 <div class="select"> 22060 <select 22061 name="id" 22062 id="Variants-template--23890806309108__featured_collection_qwXzQm" 22063 class="select__select" 22064 form="" 22065 ><option 22066 22067 22068 disabled 22069 22070 value="48356548346100" 22071 >Tuscan Sand / Wide / 5 - â±7,990.00 - Add to Bag</option><option 22072 22073 22074 disabled 22075 22076 value="48356548378868" 22077 >Tuscan Sand / Wide / 5.5 - â±7,990.00 - Add to Bag</option><option 22078 22079 selected="selected" 22080 22081 22082 value="48356548411636" 22083 >Tuscan Sand / Wide / 6 - â±7,990.00</option><option 22084 22085 22086 value="48356548444404" 22087 >Tuscan Sand / Wide / 6.5 - â±7,990.00</option><option 22088 22089 22090 value="48356548477172" 22091 >Tuscan Sand / Wide / 7 - â±7,990.00</option><option 22092 22093 22094 disabled 22095 22096 value="48356548509940" 22097 >Tuscan Sand / Wide / 7.5 - â±7,990.00 - Add to Bag</option><option 22098 22099 22100 disabled 22101 22102 value="48356548542708" 22103 >Tuscan Sand / Wide / 8 - â±7,990.00 - Add to Bag</option><option 22104 22105 22106 disabled 22107 22108 value="48356548575476" 22109 >Tuscan Sand / Wide / 8.5 - â±7,990.00 - Add to Bag</option><option 22110 22111 22112 disabled 22113 22114 value="48356548608244" 22115 >Tuscan Sand / Wide / 9 - â±7,990.00 - Add to Bag</option></select> 22116 <svg aria-hidden="true" focusable="false" class="icon icon-caret" viewBox="0 0 10 6"> 22117 <path fill-rule="evenodd" clip-rule="evenodd" d="M9.354.646a.5.5 0 00-.708 0L5 4.293 1.354.646a.5.5 0 00-.708.708l4 4a.5.5 0 00.708 0l4-4a.5.5 0 000-.708z" fill="currentColor"> 22118</svg> 22119<!-- <svg fill="#000000" height="14px" width="14px" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 330 330" xml:space="preserve" stroke="#000000" stroke-width="0.0033"><g id="SVGRepo_bgCarrier" stroke-width="0"></g><g id="SVGRepo_tracerCarrier" stroke-linecap="round" stroke-linejoin="round"></g> 22120 <g id="SVGRepo_iconCarrier"> 22121 <path id="XMLID_225_" d="M325.607,79.393c-5.857-5.857-15.355-5.858-21.213,0.001l-139.39,139.393L25.607,79.393 c-5.857-5.857-15.355-5.858-21.213,0.001c-5.858,5.858-5.858,15.355,0,21.213l150.004,150c2.813,2.813,6.628,4.393,10.606,4.393 s7.794-1.581,10.606-4.394l149.996-150C331.465,94.749,331.465,85.251,325.607,79.393z"> 22122 </path> </g></svg> --> 22123 22124 </div> 22125 </div> 22126</noscript> 22127
22128<script> 22129// var dataUrl; 22130// function fetchUrl(){ 22131// var productUrl = document.querySelector("button[data-product-url]"); 22132// if (productUrl) { 22133// debugger; 22134// dataUrl = productUrl.getAttribute("data-product-url"); 22135// console.log("data-product-url: ", dataUrl); 22136// } 22137// } 22138</script>
22138 22139 22140 22141 22142<div class=" 22143 price price--on-sale "> 22144 <div class="price__container"><div class="price__regular"> 22145 <span class="visually-hidden visually-hidden--inline">Regular price</span> 22146 <span class="price-item price-item--regular"> 22147 â±7,990 22148 </span> 22149 </div> 22150 <div class="price__sale price--large"> 22151 22152 <div class="" style="display: flex; white-space: nowrap; align-items: center;"> 22153 <span class="visually-hidden visually-hidden--inline">Regular price</span> 22154 <span class="strike-through quick-shop-regular"> 22155 <s class="price-item price-item--regular"> 22156 22157 â±9,995 22158 22159 </s> 22160 </span><span class="visually-hidden visually-hidden--inline " >Sale price</span> 22161 <span class="price-item price-item--sale price-item--last quick-shop-sale"> 22162 â±7,990 22163 </span> 22164 </div> 22165 <span class="compare-mark"> 22166 (20% Off) 22167 </span><style> 22168 .compare-mark{ 22169 font-size: 13px; 22170 color: #ff0d0d; 22171 font-family: WorkSansLight; 22172 margin-left: -10px; 22173 font-weight: 600; 22174 display: inline-flex; 22175 } 22176 @media screen and (max-width: 575px){ 22177 .compare-mark{ 22178 margin-left: 0; 22179 } 22180 .card-wrapper .price.price--on-sale .price__container { 22181 display: inline-flex; 22182 align-items: center; 22183 flex-wrap: wrap; 22184 align-items: flex-start; 22185 text-align: left; 22186 } 22187 } 22188 </style> 22189 </div> 22190 <small class="unit-price caption hidden"> 22191 <span class="visually-hidden">Unit price</span> 22192 <span class="price-item price-item--last"> 22193 <span></span> 22194 <span aria-hidden="true">/</span> 22195 <span class="visually-hidden"> per </span> 22196 <span> 22197 </span> 22198 </span> 22199 </small> 22200 </div></div> 22201 22202 <h3 22203 class="card_title card__heading h5" 22204 22205 id="title-template--23890806309108__featured_collection_qwXzQm-9479846232308" 22206 22207 > 22208 22209 22210 <a class="product_url" 22211 href="/products/w36383"> 22212 Women's GrandPrø Travina Mary Jane Ballet Flats 22213 </a> 22214 22215 </h3> 22216 <div class="card-information"><span class="caption-large light"></span></div> 22217 </div> 22218 22219 <div class="card__badge bottom left"><span 22220 id="Badge-template--23890806309108__featured_collection_qwXzQm-9479846232308" 22221 class="badge badge--bottom-left color-accent-2" 22222 >Sale</span></div> 22223 </div> 22224 </div> 22225 </div>
22225<script> 22226 22227 22228// function redirectFn(e){ 22229 22230// console.log('test e',e); 22231// const srcSet = e.querySelector('.pdp-primaryimage'); 22232 22233// const srcSetVal = srcSet['srcset']; 22234 22235// const startIndex = srcSetVal.indexOf('/products/'); 22236// const endIndex = srcSetVal.indexOf('_', startIndex); 22237// const desiredValue = srcSetVal.substring(startIndex, endIndex); 22238 22239// e.setAttribute('href', desiredValue); 22240 22241 22242// } 22243 22244 22245// document.addEventListener("DOMContentLoaded", function() { 22246// const items = document.querySelectorAll('#product-grid li.grid__item'); 22247 22248// items.forEach(item => { 22249// const button = item.querySelector('.quick-add__submit'); 22250// const colorSwatches = item.querySelectorAll('.color-swatches-plp'); 22251 22252// colorSwatches.forEach(swatch => { 22253// swatch.addEventListener('click', () => { 22254// const inputId = swatch.getAttribute('for'); 22255// const relatedProduct = item.querySelector(`#${inputId}.related-product`); 22256// if (relatedProduct) { 22257// const newUrl = relatedProduct.getAttribute('data-url'); 22258// if (newUrl) { 22259// button.setAttribute('data-product-url', newUrl); 22260// console.log(`Updated data-product-url: ${newUrl}`); 22261// } 22262// } 22263// }); 22264// }); 22265// }); 22266// }); 22267// // swatches click on collection page 22268 22269// document.addEventListener("DOMContentLoaded", function() { 22270 22271// initializeProductHrefs(); 22272 22273 22274// const colorSwatches = document.querySelectorAll('.color-swatches-plp'); 22275// colorSwatches.forEach(swatch => { 22276// swatch.addEventListener('click', function() { 22277// updateHref(this); 22278// }); 22279// }); 22280 22281 22282// const firstColorSwatch = document.querySelector('.color-swatches-plp'); 22283// if (firstColorSwatch) { 22284// firstColorSwatch.addEventListener('click', function() { 22285// updateHrefToFirstVariant(this); 22286// }); 22287// } 22288// }); 22289 22290// function initializeProductHrefs() { 22291// const productItems = document.querySelectorAll('#product-grid li.grid__item'); 22292// productItems.forEach((item, index) => { 22293// const firstVariant = item.querySelector('input.related-product'); 22294// if (firstVariant) { 22295// const initialUrl = firstVariant.getAttribute('data-url'); 22296// if (initialUrl) { 22297// const pdpNavigationLink = item.querySelector('.pdp-navigation-link'); 22298// pdpNavigationLink.setAttribute('href', initialUrl); 22299 22300// } 22301// } 22302// }); 22303// } 22304 22305// function updateHref(swatch) { 22306// const parentItem = swatch.closest('li.grid__item'); 22307// const inputId = swatch.getAttribute('for'); 22308// const relatedProduct = parentItem.querySelector(`input#${inputId}.related-product`); 22309// if (relatedProduct) { 22310// const newUrl = relatedProduct.getAttribute('data-url'); 22311// if (newUrl) { 22312// const pdpNavigationLink = parentItem.querySelector('.pdp-navigation-link'); 22313// pdpNavigationLink.setAttribute('href', newUrl); 22314 22315// } else { 22316// console.log(`No data-url found for swatch: ${inputId}`); 22317// } 22318// } else { 22319// console.log(`No related product input found for swatch: ${inputId}`); 22320// } 22321// } 22322 22323// function updateHrefToFirstVariant(swatch) { 22324// const parentItem = swatch.closest('li.grid__item'); 22325// const firstRelatedProduct = parentItem.querySelector('input.related-product'); 22326// if (firstRelatedProduct) { 22327// const firstUrl = firstRelatedProduct.getAttribute('data-url'); 22328// if (firstUrl) { 22329// const pdpNavigationLink = parentItem.querySelector('.pdp-navigation-link'); 22330// pdpNavigationLink.setAttribute('href', firstUrl); 22331 22332// } else { 22333// console.log('No data-url found for the first related product.'); 22334// } 22335// } else { 22336// console.log('No related product inputs found.'); 22337// } 22338// } 22339 22340 22341 22342</script>
22342 22343 22344 22345 </li><li 22346 id="Slide-template--23890806309108__featured_collection_qwXzQm-9" 22347 class="grid__item slider__slide" 22348 > 22349 22350 22351<link href="//colehaan.com.ph/cdn/shop/t/131/assets/component-rating.css?v=24573085263941240431790040493" rel="stylesheet" type="text/css" media="all" /> 22352<style> 22353 .eyebrow{ 22354 background: #808080 !important; 22355 } 22356</style><div class="card-wrapper product-card-wrapper"> 22357 <div 22358 class=" 22359 card 22360 card--card 22361 card--media 22362 color-background-1 gradient 22363 22364 22365 22366 " 22367 style="--ratio-percent: 100%;" 22368 > 22369 <div 22370 class="card__inner ratio" 22371 style="--ratio-percent: 100%;" 22372 ><div class="card__media"> 22373 22374 <div class="quick-add quick-add-test no-js-hidden"> 22375 22376 <modal-opener data-modal="#QuickAdd-9473124860148"> 22377 <button 22378 id="quick-add-template--23890806309108__featured_collection_qwXzQm9473124860148-submit" 22379 type="submit" 22380 name="add" 22381 class="quick-add__submit button--full-width button--secondary" 22382 aria-haspopup="dialog" 22383 aria-labelledby="quick-add-template--23890806309108__featured_collection_qwXzQm9473124860148-submit title-template--23890806309108__featured_collection_qwXzQm-9473124860148" 22384 data-product-url="/products/u08456" 22385 > 22386 Quick shop 22387<div class="loading-overlay__spinner hidden"> 22388 <svg 22389 aria-hidden="true" 22390 focusable="false" 22391 class="spinner"
22392 viewBox="0 0 66 66" 22393 xmlns="http://www.w3.org/2000/svg" 22394 > 22395 <circle class="path" fill="none" stroke-width="6" cx="33" cy="33" r="30"></circle> 22396 </svg> 22397 </div> 22398 </button> 22399 </modal-opener> 22400 <quick-add-modal id="QuickAdd-9473124860148" class="quick-add-modal"> 22401 <div 22402 role="dialog" 22403 aria-label="Choose options for Women&#39;s Amagansett Canvas Tote Bag" 22404 aria-modal="true" 22405 class="quick-add-modal__content global-settings-popup" 22406 tabindex="-1" 22407 > 22408 <button 22409 id="ModalClose-9473124860148" 22410 type="button" 22411 class="quick-add-modal__toggle" 22412 aria-label="Close" 22413 > 22414 <svg 22415 xmlns="http://www.w3.org/2000/svg" 22416 aria-hidden="true" 22417 focusable="false" 22418 class="icon icon-close" 22419 fill="none" 22420 viewBox="0 0 18 17" 22421> 22422 <path d="M.865 15.978a.5.5 0 00.707.707l7.433-7.431 7.579 7.282a.501.501 0 00.846-.37.5.5 0 00-.153-.351L9.712 8.546l7.417-7.416a.5.5 0 10-.707-.708L8.991 7.853 1.413.573a.5.5 0 10-.693.72l7.563 7.268-7.418 7.417z" fill="currentColor"> 22423</svg> 22424 22425 </button> 22426 <div class="logo_ch"> 22427 <img src="https://cdn.shopify.com/s/files/1/0268/1228/5039/files/colehaan_logo.png?v=1694757702" style="width: 150px; margin: 20px;"/> 22428 </div> 22429 <div id="QuickAddInfo-9473124860148" class="quick-add-modal__content-info"> 22430 </div> 22431 22432 <div class="cart-and-ipay"> 22433 <button class="add-to-cart-global btn" onclick="triggerQuickBasket(event, 'product-form-quickadd-template--23890806309108__featured_collection_qwXzQm');" title="Add to bag"> 22434 Add to Bag 22435 </button> 22436 </div> 22437 </div> 22438 </quick-add-modal> 22439 22440 22441 </div> 22442 22443 <div class="media"> 22444 22445 22446 <a class="pdp-navigation-link" onclick = "redirectFn(this);" href="/products/u08456"> 22447 <img class="img-tag pdp-primaryimage" 22448 srcset="//colehaan.com.ph/cdn/shop/files/BaseTransform1_0e576488-c7e8-4ece-94f3-bed5351f4c65.jpg?v=1779331073&width=165 165w,//colehaan.com.ph/cdn/shop/files/BaseTransform1_0e576488-c7e8-4ece-94f3-bed5351f4c65.jpg?v=1779331073&width=360 360w,//colehaan.com.ph/cdn/shop/files/BaseTransform1_0e576488-c7e8-4ece-94f3-bed5351f4c65.jpg?v=1779331073&width=533 533w,//colehaan.com.ph/cdn/shop/files/BaseTransform1_0e576488-c7e8-4ece-94f3-bed5351f4c65.jpg?v=1779331073&width=720 720w,//colehaan.com.ph/cdn/shop/files/BaseTransform1_0e576488-c7e8-4ece-94f3-bed5351f4c65.jpg?v=1779331073&width=940 940w,//colehaan.com.ph/cdn/shop/files/BaseTransform1_0e576488-c7e8-4ece-94f3-bed5351f4c65.jpg?v=1779331073&width=1066 1066w,//colehaan.com.ph/cdn/shop/files/BaseTransform1_0e576488-c7e8-4ece-94f3-bed5351f4c65.jpg?v=1779331073 2000w 22449 " 22450 src="//colehaan.com.ph/cdn/shop/files/BaseTransform1_0e576488-c7e8-4ece-94f3-bed5351f4c65.jpg?v=1779331073&width=533" 22451 sizes="(min-width: 1200px) 267px, (min-width: 990px) calc((100vw - 130px) / 4), (min-width: 750px) calc((100vw - 120px) / 3), calc((100vw - 35px) / 2)" 22452 alt="U08456:NATURAL CANVAS/MADEIRA:0000" 22453 class="motion-reduce" 22454 22455 loading="lazy" 22456 22457 width="2000" 22458 height="2250" 22459 > 22460 22461</a> 22462 </div> 22463 </div><div class="card__content"> 22464 <div class="card__information"> 22465 <h3 22466 class="card__heading" 22467 22468 > 22469 <a 22470 href="/products/u08456" 22471 id="StandardCardNoMediaLink-template--23890806309108__featured_collection_qwXzQm-9473124860148" 22472 class="full-unstyled-link" 22473 aria-labelledby="StandardCardNoMediaLink-template--23890806309108__featured_collection_qwXzQm-9473124860148 NoMediaStandardBadge-template--23890806309108__featured_collection_qwXzQm-9473124860148" 22474 > 22475 Women's Amagansett Canvas Tote Bag 22476 </a> 22477 </h3> 22478 </div> 22479 <div class="card__badge bottom left"> 22480 22481 </div> 22482 </div> 22483 </div> 22484 <div class="card__content card-content"> 22485 <div class="card__information"> 22486 22487 22488<variant-radios 22489 id="variant-radios-template--23890806309108__featured_collection_qwXzQm" 22490 class="no-js-hidden" 22491 data-section="template--23890806309108__featured_collection_qwXzQm" 22492 data-url="/products/u08456" 22493 22494 22495 > 22496 <div class= "clr-swatches-plp"><fieldset class="js product-form__input"> 22497 22498
22498<script src="//colehaan.com.ph/cdn/shop/t/131/assets/global.js?v=15889204645569497881790040512" defer="defer"></script>
22498<div 22499 class="swatches-wrapper" 22500 id="swatches-9473124860148-template--23890806309108__featured_collection_qwXzQm" 22501 data-related-handles="U08454" 22502 data-section-id="template--23890806309108__featured_collection_qwXzQm" 22503 data-product-id="9473124860148" 22504 data-product-form-id="product-form-template--23890806309108__featured_collection_qwXzQm" 22505> 22506<input 22507 class="related-product" 22508 type="radio" 22509 id="template--23890806309108__featured_collection_qwXzQm-1-1" 22510 name="Color" 22511 value="Natural-Madeira" 22512 form="product-form-template--23890806309108__featured_collection_qwXzQm" 22513 data-url="/products/u08456" 22514 22515 checked 22516 22517 22518 > 22519 <label class="color-swatches-plp" for="template--23890806309108__featured_collection_qwXzQm-1-1" style="background: url('https://colehaan.com.ph/cdn/shop/files/BaseTransform1_0e576488-c7e8-4ece-94f3-bed5351f4c65.jpg?v=1779331073') center no-repeat; background-size: contain;" onclick="redirectToUrlCollection(this);"> 22520 </label> 22521 22522 22523 22524 <div class="related-swatches-container"></div> 22525</div> 22526 22527 </fieldset><fieldset class="js product-form__input"> 22528 22529 </fieldset><span class="mobile-swatch-plus-plp" > 22530 22531 <a href="/products/u08456">+</a> 22532 </span> 22533 22534 22535
22535<script type="application/json"> 22536 22537 [{"id":48312954618100,"title":"Natural-Madeira \/ UNIT","option1":"Natural-Madeira","option2":"UNIT","option3":null,"sku":"U08456","requires_shipping":true,"taxable":true,"featured_image":null,"available":true,"name":"Women's Amagansett Canvas Tote Bag - Natural-Madeira \/ UNIT","public_title":"Natural-Madeira \/ UNIT","options":["Natural-Madeira","UNIT"],"price":1899500,"weight":1000,"compare_at_price":null,"inventory_management":"shopify","barcode":"198859661159","requires_selling_plan":false,"selling_plan_allocations":[],"quantity_rule":{"min":1,"max":null,"increment":1}}] 22538 22539 </script>
22539 22540 22541 </div> 22542 </variant-radios><noscript class="product-form__noscript-wrapper-template--23890806309108__featured_collection_qwXzQm"> 22543 <div class="product-form__input"> 22544 <label class="form__label" for="Variants-template--23890806309108__featured_collection_qwXzQm">Product variants</label> 22545 <div class="select"> 22546 <select 22547 name="id" 22548 id="Variants-template--23890806309108__featured_collection_qwXzQm" 22549 class="select__select" 22550 form="" 22551 ><option 22552 22553 selected="selected" 22554 22555 22556 value="48312954618100" 22557 >Natural-Madeira / UNIT - â±18,995.00</option></select> 22558 <svg aria-hidden="true" focusable="false" class="icon icon-caret" viewBox="0 0 10 6"> 22559 <path fill-rule="evenodd" clip-rule="evenodd" d="M9.354.646a.5.5 0 00-.708 0L5 4.293 1.354.646a.5.5 0 00-.708.708l4 4a.5.5 0 00.708 0l4-4a.5.5 0 000-.708z" fill="currentColor"> 22560</svg> 22561<!-- <svg fill="#000000" height="14px" width="14px" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 330 330" xml:space="preserve" stroke="#000000" stroke-width="0.0033"><g id="SVGRepo_bgCarrier" stroke-width="0"></g><g id="SVGRepo_tracerCarrier" stroke-linecap="round" stroke-linejoin="round"></g> 22562 <g id="SVGRepo_iconCarrier"> 22563 <path id="XMLID_225_" d="M325.607,79.393c-5.857-5.857-15.355-5.858-21.213,0.001l-139.39,139.393L25.607,79.393 c-5.857-5.857-15.355-5.858-21.213,0.001c-5.858,5.858-5.858,15.355,0,21.213l150.004,150c2.813,2.813,6.628,4.393,10.606,4.393 s7.794-1.581,10.606-4.394l149.996-150C331.465,94.749,331.465,85.251,325.607,79.393z"> 22564 </path> </g></svg> --> 22565 22566 </div> 22567 </div> 22568</noscript> 22569
22570<script> 22571// var dataUrl; 22572// function fetchUrl(){ 22573// var productUrl = document.querySelector("button[data-product-url]"); 22574// if (productUrl) { 22575// debugger; 22576// dataUrl = productUrl.getAttribute("data-product-url"); 22577// console.log("data-product-url: ", dataUrl); 22578// } 22579// } 22580</script>
22580 22581 22582 22583 22584<div class=" 22585 price "> 22586 <div class="price__container"><div class="price__regular"> 22587 <span class="visually-hidden visually-hidden--inline">Regular price</span> 22588 <span class="price-item price-item--regular"> 22589 â±18,995 22590 </span> 22591 </div> 22592 <div class="price__sale price--large"> 22593 22594 <div class="" style="display: flex; white-space: nowrap; align-items: center;"> 22595 <span class="visually-hidden visually-hidden--inline">Regular price</span> 22596 <span class="strike-through quick-shop-regular"> 22597 <s class="price-item price-item--regular"> 22598 22599 22600 22601 </s> 22602 </span><span class="visually-hidden visually-hidden--inline " >Sale price</span> 22603 <span class="price-item price-item--sale price-item--last quick-shop-sale"> 22604 â±18,995 22605 </span> 22606 </div> 22607 <span class="compare-mark"> 22608 (Liquid error (snippets/price line 80): divided by 0% Off) 22609 </span><style> 22610 .compare-mark{ 22611 font-size: 13px; 22612 color: #ff0d0d; 22613 font-family: WorkSansLight; 22614 margin-left: -10px; 22615 font-weight: 600; 22616 display: inline-flex; 22617 } 22618 @media screen and (max-width: 575px){ 22619 .compare-mark{ 22620 margin-left: 0; 22621 } 22622 .card-wrapper .price.price--on-sale .price__container { 22623 display: inline-flex; 22624 align-items: center; 22625 flex-wrap: wrap; 22626 align-items: flex-start; 22627 text-align: left; 22628 } 22629 } 22630 </style> 22631 </div> 22632 <small class="unit-price caption hidden"> 22633 <span class="visually-hidden">Unit price</span> 22634 <span class="price-item price-item--last"> 22635 <span></span> 22636 <span aria-hidden="true">/</span> 22637 <span class="visually-hidden"> per </span> 22638 <span> 22639 </span> 22640 </span> 22641 </small> 22642 </div></div> 22643 22644 <h3 22645 class="card_title card__heading h5" 22646 22647 id="title-template--23890806309108__featured_collection_qwXzQm-9473124860148" 22648 22649 > 22650 22651 22652 <a class="product_url" 22653 href="/products/u08456"> 22654 Women's Amagansett Canvas Tote Bag 22655 </a> 22656 22657 </h3> 22658 <div class="card-information"><span class="caption-large light"></span></div> 22659 </div> 22660 22661 <div class="card__badge bottom left"></div> 22662 </div> 22663 </div> 22664 </div>
22664<script> 22665 22666 22667// function redirectFn(e){ 22668 22669// console.log('test e',e); 22670// const srcSet = e.querySelector('.pdp-primaryimage'); 22671 22672// const srcSetVal = srcSet['srcset']; 22673 22674// const startIndex = srcSetVal.indexOf('/products/'); 22675// const endIndex = srcSetVal.indexOf('_', startIndex); 22676// const desiredValue = srcSetVal.substring(startIndex, endIndex); 22677 22678// e.setAttribute('href', desiredValue); 22679 22680 22681// } 22682 22683 22684// document.addEventListener("DOMContentLoaded", function() { 22685// const items = document.querySelectorAll('#product-grid li.grid__item'); 22686 22687// items.forEach(item => { 22688// const button = item.querySelector('.quick-add__submit'); 22689// const colorSwatches = item.querySelectorAll('.color-swatches-plp'); 22690 22691// colorSwatches.forEach(swatch => { 22692// swatch.addEventListener('click', () => { 22693// const inputId = swatch.getAttribute('for'); 22694// const relatedProduct = item.querySelector(`#${inputId}.related-product`); 22695// if (relatedProduct) { 22696// const newUrl = relatedProduct.getAttribute('data-url'); 22697// if (newUrl) { 22698// button.setAttribute('data-product-url', newUrl); 22699// console.log(`Updated data-product-url: ${newUrl}`); 22700// } 22701// } 22702// }); 22703// }); 22704// }); 22705// }); 22706// // swatches click on collection page 22707 22708// document.addEventListener("DOMContentLoaded", function() { 22709 22710// initializeProductHrefs(); 22711 22712 22713// const colorSwatches = document.querySelectorAll('.color-swatches-plp'); 22714// colorSwatches.forEach(swatch => { 22715// swatch.addEventListener('click', function() { 22716// updateHref(this); 22717// }); 22718// }); 22719 22720 22721// const firstColorSwatch = document.querySelector('.color-swatches-plp'); 22722// if (firstColorSwatch) { 22723// firstColorSwatch.addEventListener('click', function() { 22724// updateHrefToFirstVariant(this); 22725// }); 22726// } 22727// }); 22728 22729// function initializeProductHrefs() { 22730// const productItems = document.querySelectorAll('#product-grid li.grid__item'); 22731// productItems.forEach((item, index) => { 22732// const firstVariant = item.querySelector('input.related-product'); 22733// if (firstVariant) { 22734// const initialUrl = firstVariant.getAttribute('data-url'); 22735// if (initialUrl) { 22736// const pdpNavigationLink = item.querySelector('.pdp-navigation-link'); 22737// pdpNavigationLink.setAttribute('href', initialUrl); 22738 22739// } 22740// } 22741// }); 22742// } 22743 22744// function updateHref(swatch) { 22745// const parentItem = swatch.closest('li.grid__item'); 22746// const inputId = swatch.getAttribute('for'); 22747// const relatedProduct = parentItem.querySelector(`input#${inputId}.related-product`); 22748// if (relatedProduct) { 22749// const newUrl = relatedProduct.getAttribute('data-url'); 22750// if (newUrl) { 22751// const pdpNavigationLink = parentItem.querySelector('.pdp-navigation-link'); 22752// pdpNavigationLink.setAttribute('href', newUrl); 22753 22754// } else { 22755// console.log(`No data-url found for swatch: ${inputId}`); 22756// } 22757// } else { 22758// console.log(`No related product input found for swatch: ${inputId}`); 22759// } 22760// } 22761 22762// function updateHrefToFirstVariant(swatch) { 22763// const parentItem = swatch.closest('li.grid__item'); 22764// const firstRelatedProduct = parentItem.querySelector('input.related-product'); 22765// if (firstRelatedProduct) { 22766// const firstUrl = firstRelatedProduct.getAttribute('data-url'); 22767// if (firstUrl) { 22768// const pdpNavigationLink = parentItem.querySelector('.pdp-navigation-link'); 22769// pdpNavigationLink.setAttribute('href', firstUrl); 22770 22771// } else { 22772// console.log('No data-url found for the first related product.'); 22773// } 22774// } else { 22775// console.log('No related product inputs found.'); 22776// } 22777// } 22778 22779 22780 22781</script>
22781 22782 22783 22784 </li><li 22785 id="Slide-template--23890806309108__featured_collection_qwXzQm-10" 22786 class="grid__item slider__slide" 22787 > 22788 22789 22790<link href="//colehaan.com.ph/cdn/shop/t/131/assets/component-rating.css?v=24573085263941240431790040493" rel="stylesheet" type="text/css" media="all" /> 22791<style> 22792 .eyebrow{ 22793 background: #808080 !important; 22794 } 22795</style><div class="card-wrapper product-card-wrapper"> 22796 <div 22797 class=" 22798 card 22799 card--card 22800 card--media 22801 color-background-1 gradient 22802 22803 22804 22805 " 22806 style="--ratio-percent: 100%;" 22807 > 22808 <div 22809 class="card__inner ratio" 22810 style="--ratio-percent: 100%;" 22811 ><div class="card__media"> 22812 22813 <div class="quick-add quick-add-test no-js-hidden"> 22814 22815 <modal-opener data-modal="#QuickAdd-9473123942644"> 22816 <button 22817 id="quick-add-template--23890806309108__featured_collection_qwXzQm9473123942644-submit" 22818 type="submit" 22819 name="add" 22820 class="quick-add__submit button--full-width button--secondary" 22821 aria-haspopup="dialog" 22822 aria-labelledby="quick-add-template--23890806309108__featured_collection_qwXzQm9473123942644-submit title-template--23890806309108__featured_collection_qwXzQm-9473123942644" 22823 data-product-url="/products/u08465" 22824 > 22825 Quick shop 22826<div class="loading-overlay__spinner hidden"> 22827 <svg 22828 aria-hidden="true" 22829 focusable="false" 22830 class="spinner"
22831 viewBox="0 0 66 66" 22832 xmlns="http://www.w3.org/2000/svg" 22833 > 22834 <circle class="path" fill="none" stroke-width="6" cx="33" cy="33" r="30"></circle> 22835 </svg> 22836 </div> 22837 </button> 22838 </modal-opener> 22839 <quick-add-modal id="QuickAdd-9473123942644" class="quick-add-modal"> 22840 <div 22841 role="dialog" 22842 aria-label="Choose options for Women&#39;s Alexandria Small Bucket Crossbody Bag" 22843 aria-modal="true" 22844 class="quick-add-modal__content global-settings-popup" 22845 tabindex="-1" 22846 > 22847 <button 22848 id="ModalClose-9473123942644" 22849 type="button" 22850 class="quick-add-modal__toggle" 22851 aria-label="Close" 22852 > 22853 <svg 22854 xmlns="http://www.w3.org/2000/svg" 22855 aria-hidden="true" 22856 focusable="false" 22857 class="icon icon-close" 22858 fill="none" 22859 viewBox="0 0 18 17" 22860> 22861 <path d="M.865 15.978a.5.5 0 00.707.707l7.433-7.431 7.579 7.282a.501.501 0 00.846-.37.5.5 0 00-.153-.351L9.712 8.546l7.417-7.416a.5.5 0 10-.707-.708L8.991 7.853 1.413.573a.5.5 0 10-.693.72l7.563 7.268-7.418 7.417z" fill="currentColor"> 22862</svg> 22863 22864 </button> 22865 <div class="logo_ch"> 22866 <img src="https://cdn.shopify.com/s/files/1/0268/1228/5039/files/colehaan_logo.png?v=1694757702" style="width: 150px; margin: 20px;"/> 22867 </div> 22868 <div id="QuickAddInfo-9473123942644" class="quick-add-modal__content-info"> 22869 </div> 22870 22871 <div class="cart-and-ipay"> 22872 <button class="add-to-cart-global btn" onclick="triggerQuickBasket(event, 'product-form-quickadd-template--23890806309108__featured_collection_qwXzQm');" title="Add to bag"> 22873 Add to Bag 22874 </button> 22875 </div> 22876 </div> 22877 </quick-add-modal> 22878 22879 22880 </div> 22881 22882 <div class="media"> 22883 22884 22885 <a class="pdp-navigation-link" onclick = "redirectFn(this);" href="/products/u08465"> 22886 <img class="img-tag pdp-primaryimage" 22887 srcset="//colehaan.com.ph/cdn/shop/files/BaseTransform1_6ad4e854-48df-49ca-a244-1ad44bd31121.jpg?v=1779331024&width=165 165w,//colehaan.com.ph/cdn/shop/files/BaseTransform1_6ad4e854-48df-49ca-a244-1ad44bd31121.jpg?v=1779331024&width=360 360w,//colehaan.com.ph/cdn/shop/files/BaseTransform1_6ad4e854-48df-49ca-a244-1ad44bd31121.jpg?v=1779331024&width=533 533w,//colehaan.com.ph/cdn/shop/files/BaseTransform1_6ad4e854-48df-49ca-a244-1ad44bd31121.jpg?v=1779331024&width=720 720w,//colehaan.com.ph/cdn/shop/files/BaseTransform1_6ad4e854-48df-49ca-a244-1ad44bd31121.jpg?v=1779331024&width=940 940w,//colehaan.com.ph/cdn/shop/files/BaseTransform1_6ad4e854-48df-49ca-a244-1ad44bd31121.jpg?v=1779331024&width=1066 1066w,//colehaan.com.ph/cdn/shop/files/BaseTransform1_6ad4e854-48df-49ca-a244-1ad44bd31121.jpg?v=1779331024 2000w 22888 " 22889 src="//colehaan.com.ph/cdn/shop/files/BaseTransform1_6ad4e854-48df-49ca-a244-1ad44bd31121.jpg?v=1779331024&width=533" 22890 sizes="(min-width: 1200px) 267px, (min-width: 990px) calc((100vw - 130px) / 4), (min-width: 750px) calc((100vw - 120px) / 3), calc((100vw - 35px) / 2)" 22891 alt="U08465:PROVINCIAL BLUE NUBUCK WOVEN:0000" 22892 class="motion-reduce" 22893 22894 loading="lazy" 22895 22896 width="2000" 22897 height="2250" 22898 > 22899 22900</a> 22901 </div> 22902 </div><div class="card__content"> 22903 <div class="card__information"> 22904 <h3 22905 class="card__heading" 22906 22907 > 22908 <a 22909 href="/products/u08465" 22910 id="StandardCardNoMediaLink-template--23890806309108__featured_collection_qwXzQm-9473123942644" 22911 class="full-unstyled-link" 22912 aria-labelledby="StandardCardNoMediaLink-template--23890806309108__featured_collection_qwXzQm-9473123942644 NoMediaStandardBadge-template--23890806309108__featured_collection_qwXzQm-9473123942644" 22913 > 22914 Women's Alexandria Small Bucket Crossbody Bag 22915 </a> 22916 </h3> 22917 </div> 22918 <div class="card__badge bottom left"> 22919 22920 </div> 22921 </div> 22922 </div> 22923 <div class="card__content card-content"> 22924 <div class="card__information"> 22925 22926 22927<variant-radios 22928 id="variant-radios-template--23890806309108__featured_collection_qwXzQm" 22929 class="no-js-hidden" 22930 data-section="template--23890806309108__featured_collection_qwXzQm" 22931 data-url="/products/u08465"
22932 22933 22934 > 22935 <div class= "clr-swatches-plp"><fieldset class="js product-form__input"> 22936 22937
22937<script src="//colehaan.com.ph/cdn/shop/t/131/assets/global.js?v=15889204645569497881790040512" defer="defer"></script>
22937<div 22938 class="swatches-wrapper" 22939 id="swatches-9473123942644-template--23890806309108__featured_collection_qwXzQm" 22940 data-related-handles="U08464" 22941 data-section-id="template--23890806309108__featured_collection_qwXzQm" 22942 data-product-id="9473123942644" 22943 data-product-form-id="product-form-template--23890806309108__featured_collection_qwXzQm" 22944> 22945<input 22946 class="related-product" 22947 type="radio" 22948 id="template--23890806309108__featured_collection_qwXzQm-1-1" 22949 name="Color" 22950 value="Provincial Blue" 22951 form="product-form-template--23890806309108__featured_collection_qwXzQm" 22952 data-url="/products/u08465" 22953 22954 checked 22955 22956 22957 > 22958 <label class="color-swatches-plp" for="template--23890806309108__featured_collection_qwXzQm-1-1" style="background: url('https://colehaan.com.ph/cdn/shop/files/BaseTransform1_6ad4e854-48df-49ca-a244-1ad44bd31121.jpg?v=1779331024') center no-repeat; background-size: contain;" onclick="redirectToUrlCollection(this);"> 22959 </label> 22960 22961 22962 22963 <div class="related-swatches-container"></div> 22964</div> 22965 22966 </fieldset><fieldset class="js product-form__input"> 22967 22968 </fieldset><span class="mobile-swatch-plus-plp" > 22969 22970 <a href="/products/u08465">+</a> 22971 </span> 22972 22973 22974
22974<script type="application/json"> 22975 22976 [{"id":48312949309684,"title":"Provincial Blue \/ UNIT","option1":"Provincial Blue","option2":"UNIT","option3":null,"sku":"U08465","requires_shipping":true,"taxable":true,"featured_image":null,"available":true,"name":"Women's Alexandria Small Bucket Crossbody Bag - Provincial Blue \/ UNIT","public_title":"Provincial Blue \/ UNIT","options":["Provincial Blue","UNIT"],"price":2299500,"weight":1000,"compare_at_price":null,"inventory_management":"shopify","barcode":"198859660749","requires_selling_plan":false,"selling_plan_allocations":[],"quantity_rule":{"min":1,"max":null,"increment":1}}] 22977 22978 </script>
22978 22979 22980 </div> 22981 </variant-radios><noscript class="product-form__noscript-wrapper-template--23890806309108__featured_collection_qwXzQm"> 22982 <div class="product-form__input"> 22983 <label class="form__label" for="Variants-template--23890806309108__featured_collection_qwXzQm">Product variants</label> 22984 <div class="select"> 22985 <select 22986 name="id" 22987 id="Variants-template--23890806309108__featured_collection_qwXzQm" 22988 class="select__select" 22989 form="" 22990 ><option 22991 22992 selected="selected" 22993 22994 22995 value="48312949309684" 22996 >Provincial Blue / UNIT - â±22,995.00</option></select> 22997 <svg aria-hidden="true" focusable="false" class="icon icon-caret" viewBox="0 0 10 6"> 22998 <path fill-rule="evenodd" clip-rule="evenodd" d="M9.354.646a.5.5 0 00-.708 0L5 4.293 1.354.646a.5.5 0 00-.708.708l4 4a.5.5 0 00.708 0l4-4a.5.5 0 000-.708z" fill="currentColor"> 22999</svg> 23000<!-- <svg fill="#000000" height="14px" width="14px" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 330 330" xml:space="preserve" stroke="#000000" stroke-width="0.0033"><g id="SVGRepo_bgCarrier" stroke-width="0"></g><g id="SVGRepo_tracerCarrier" stroke-linecap="round" stroke-linejoin="round"></g> 23001 <g id="SVGRepo_iconCarrier"> 23002 <path id="XMLID_225_" d="M325.607,79.393c-5.857-5.857-15.355-5.858-21.213,0.001l-139.39,139.393L25.607,79.393 c-5.857-5.857-15.355-5.858-21.213,0.001c-5.858,5.858-5.858,15.355,0,21.213l150.004,150c2.813,2.813,6.628,4.393,10.606,4.393 s7.794-1.581,10.606-4.394l149.996-150C331.465,94.749,331.465,85.251,325.607,79.393z"> 23003 </path> </g></svg> --> 23004 23005 </div> 23006 </div> 23007</noscript> 23008
23009<script> 23010// var dataUrl; 23011// function fetchUrl(){ 23012// var productUrl = document.querySelector("button[data-product-url]"); 23013// if (productUrl) { 23014// debugger; 23015// dataUrl = productUrl.getAttribute("data-product-url"); 23016// console.log("data-product-url: ", dataUrl); 23017// } 23018// } 23019</script>
23019 23020 23021 23022 23023<div class=" 23024 price "> 23025 <div class="price__container"><div class="price__regular"> 23026 <span class="visually-hidden visually-hidden--inline">Regular price</span> 23027 <span class="price-item price-item--regular"> 23028 â±22,995 23029 </span> 23030 </div> 23031 <div class="price__sale price--large"> 23032 23033 <div class="" style="display: flex; white-space: nowrap; align-items: center;"> 23034 <span class="visually-hidden visually-hidden--inline">Regular price</span> 23035 <span class="strike-through quick-shop-regular"> 23036 <s class="price-item price-item--regular"> 23037 23038 23039 23040 </s> 23041 </span><span class="visually-hidden visually-hidden--inline " >Sale price</span> 23042 <span class="price-item price-item--sale price-item--last quick-shop-sale"> 23043 â±22,995 23044 </span> 23045 </div> 23046 <span class="compare-mark"> 23047 (Liquid error (snippets/price line 80): divided by 0% Off) 23048 </span><style> 23049 .compare-mark{ 23050 font-size: 13px; 23051 color: #ff0d0d; 23052 font-family: WorkSansLight; 23053 margin-left: -10px; 23054 font-weight: 600; 23055 display: inline-flex; 23056 } 23057 @media screen and (max-width: 575px){ 23058 .compare-mark{ 23059 margin-left: 0; 23060 } 23061 .card-wrapper .price.price--on-sale .price__container { 23062 display: inline-flex; 23063 align-items: center; 23064 flex-wrap: wrap; 23065 align-items: flex-start; 23066 text-align: left; 23067 } 23068 } 23069 </style> 23070 </div> 23071 <small class="unit-price caption hidden"> 23072 <span class="visually-hidden">Unit price</span> 23073 <span class="price-item price-item--last"> 23074 <span></span> 23075 <span aria-hidden="true">/</span> 23076 <span class="visually-hidden"> per </span> 23077 <span> 23078 </span> 23079 </span> 23080 </small> 23081 </div></div> 23082 23083 <h3 23084 class="card_title card__heading h5" 23085 23086 id="title-template--23890806309108__featured_collection_qwXzQm-9473123942644" 23087 23088 > 23089 23090 23091 <a class="product_url" 23092 href="/products/u08465"> 23093 Women's Alexandria Small Bucket Crossbody Bag 23094 </a> 23095 23096 </h3> 23097 <div class="card-information"><span class="caption-large light"></span></div> 23098 </div> 23099 23100 <div class="card__badge bottom left"></div> 23101 </div> 23102 </div> 23103 </div>
23103<script> 23104 23105 23106// function redirectFn(e){ 23107 23108// console.log('test e',e); 23109// const srcSet = e.querySelector('.pdp-primaryimage'); 23110 23111// const srcSetVal = srcSet['srcset']; 23112 23113// const startIndex = srcSetVal.indexOf('/products/'); 23114// const endIndex = srcSetVal.indexOf('_', startIndex); 23115// const desiredValue = srcSetVal.substring(startIndex, endIndex); 23116 23117// e.setAttribute('href', desiredValue); 23118 23119 23120// } 23121 23122 23123// document.addEventListener("DOMContentLoaded", function() { 23124// const items = document.querySelectorAll('#product-grid li.grid__item'); 23125 23126// items.forEach(item => { 23127// const button = item.querySelector('.quick-add__submit'); 23128// const colorSwatches = item.querySelectorAll('.color-swatches-plp'); 23129 23130// colorSwatches.forEach(swatch => { 23131// swatch.addEventListener('click', () => { 23132// const inputId = swatch.getAttribute('for'); 23133// const relatedProduct = item.querySelector(`#${inputId}.related-product`); 23134// if (relatedProduct) { 23135// const newUrl = relatedProduct.getAttribute('data-url'); 23136// if (newUrl) { 23137// button.setAttribute('data-product-url', newUrl); 23138// console.log(`Updated data-product-url: ${newUrl}`); 23139// } 23140// } 23141// }); 23142// }); 23143// }); 23144// }); 23145// // swatches click on collection page 23146 23147// document.addEventListener("DOMContentLoaded", function() { 23148 23149// initializeProductHrefs(); 23150 23151 23152// const colorSwatches = document.querySelectorAll('.color-swatches-plp'); 23153// colorSwatches.forEach(swatch => { 23154// swatch.addEventListener('click', function() { 23155// updateHref(this); 23156// }); 23157// }); 23158 23159 23160// const firstColorSwatch = document.querySelector('.color-swatches-plp'); 23161// if (firstColorSwatch) { 23162// firstColorSwatch.addEventListener('click', function() { 23163// updateHrefToFirstVariant(this); 23164// }); 23165// } 23166// }); 23167 23168// function initializeProductHrefs() { 23169// const productItems = document.querySelectorAll('#product-grid li.grid__item'); 23170// productItems.forEach((item, index) => { 23171// const firstVariant = item.querySelector('input.related-product'); 23172// if (firstVariant) { 23173// const initialUrl = firstVariant.getAttribute('data-url'); 23174// if (initialUrl) { 23175// const pdpNavigationLink = item.querySelector('.pdp-navigation-link'); 23176// pdpNavigationLink.setAttribute('href', initialUrl); 23177 23178// } 23179// } 23180// }); 23181// } 23182 23183// function updateHref(swatch) { 23184// const parentItem = swatch.closest('li.grid__item'); 23185// const inputId = swatch.getAttribute('for'); 23186// const relatedProduct = parentItem.querySelector(`input#${inputId}.related-product`); 23187// if (relatedProduct) { 23188// const newUrl = relatedProduct.getAttribute('data-url'); 23189// if (newUrl) { 23190// const pdpNavigationLink = parentItem.querySelector('.pdp-navigation-link'); 23191// pdpNavigationLink.setAttribute('href', newUrl); 23192 23193// } else { 23194// console.log(`No data-url found for swatch: ${inputId}`); 23195// } 23196// } else { 23197// console.log(`No related product input found for swatch: ${inputId}`); 23198// } 23199// } 23200 23201// function updateHrefToFirstVariant(swatch) { 23202// const parentItem = swatch.closest('li.grid__item'); 23203// const firstRelatedProduct = parentItem.querySelector('input.related-product'); 23204// if (firstRelatedProduct) { 23205// const firstUrl = firstRelatedProduct.getAttribute('data-url'); 23206// if (firstUrl) { 23207// const pdpNavigationLink = parentItem.querySelector('.pdp-navigation-link'); 23208// pdpNavigationLink.setAttribute('href', firstUrl); 23209 23210// } else { 23211// console.log('No data-url found for the first related product.'); 23212// } 23213// } else { 23214// console.log('No related product inputs found.'); 23215// } 23216// } 23217 23218 23219 23220</script>
23220 23221 23222 23223 </li><li 23224 id="Slide-template--23890806309108__featured_collection_qwXzQm-11" 23225 class="grid__item slider__slide" 23226 > 23227 23228 23229<link href="//colehaan.com.ph/cdn/shop/t/131/assets/component-rating.css?v=24573085263941240431790040493" rel="stylesheet" type="text/css" media="all" /> 23230<style> 23231 .eyebrow{ 23232 background: #808080 !important; 23233 } 23234</style><div class="card-wrapper product-card-wrapper"> 23235 <div 23236 class=" 23237 card 23238 card--card 23239 card--media 23240 color-background-1 gradient 23241 23242 23243 23244 " 23245 style="--ratio-percent: 100%;" 23246 > 23247 <div 23248 class="card__inner ratio" 23249 style="--ratio-percent: 100%;" 23250 ><div class="card__media"> 23251 23252 <div class="quick-add quick-add-test no-js-hidden"> 23253 23254 <modal-opener data-modal="#QuickAdd-9473078264052"> 23255 <button 23256 id="quick-add-template--23890806309108__featured_collection_qwXzQm9473078264052-submit" 23257 type="submit" 23258 name="add" 23259 class="quick-add__submit button--full-width button--secondary" 23260 aria-haspopup="dialog" 23261 aria-labelledby="quick-add-template--23890806309108__featured_collection_qwXzQm9473078264052-submit title-template--23890806309108__featured_collection_qwXzQm-9473078264052" 23262 data-product-url="/products/w37838" 23263 > 23264 Quick shop 23265<div class="loading-overlay__spinner hidden"> 23266 <svg 23267 aria-hidden="true" 23268 focusable="false" 23269 class="spinner"
23270 viewBox="0 0 66 66" 23271 xmlns="http://www.w3.org/2000/svg" 23272 > 23273 <circle class="path" fill="none" stroke-width="6" cx="33" cy="33" r="30"></circle> 23274 </svg> 23275 </div> 23276 </button> 23277 </modal-opener> 23278 <quick-add-modal id="QuickAdd-9473078264052" class="quick-add-modal"> 23279 <div 23280 role="dialog" 23281 aria-label="Choose options for Women&#39;s GrandPrø Turf SKYWEAVE⢠Sneaker" 23282 aria-modal="true" 23283 class="quick-add-modal__content global-settings-popup" 23284 tabindex="-1" 23285 > 23286 <button 23287 id="ModalClose-9473078264052" 23288 type="button" 23289 class="quick-add-modal__toggle" 23290 aria-label="Close" 23291 > 23292 <svg 23293 xmlns="http://www.w3.org/2000/svg" 23294 aria-hidden="true" 23295 focusable="false" 23296 class="icon icon-close" 23297 fill="none" 23298 viewBox="0 0 18 17" 23299> 23300 <path d="M.865 15.978a.5.5 0 00.707.707l7.433-7.431 7.579 7.282a.501.501 0 00.846-.37.5.5 0 00-.153-.351L9.712 8.546l7.417-7.416a.5.5 0 10-.707-.708L8.991 7.853 1.413.573a.5.5 0 10-.693.72l7.563 7.268-7.418 7.417z" fill="currentColor"> 23301</svg> 23302 23303 </button> 23304 <div class="logo_ch"> 23305 <img src="https://cdn.shopify.com/s/files/1/0268/1228/5039/files/colehaan_logo.png?v=1694757702" style="width: 150px; margin: 20px;"/> 23306 </div> 23307 <div id="QuickAddInfo-9473078264052" class="quick-add-modal__content-info"> 23308 </div> 23309 23310 <div class="cart-and-ipay"> 23311 <button class="add-to-cart-global btn" onclick="triggerQuickBasket(event, 'product-form-quickadd-template--23890806309108__featured_collection_qwXzQm');" title="Add to bag"> 23312 Add to Bag 23313 </button> 23314 </div> 23315 </div> 23316 </quick-add-modal> 23317 23318 23319 </div> 23320 23321 <div class="media"> 23322 23323 23324 <a class="pdp-navigation-link" onclick = "redirectFn(this);" href="/products/w37838"> 23325 <img class="img-tag pdp-primaryimage" 23326 srcset="//colehaan.com.ph/cdn/shop/files/BaseTransform1_ebf2ce1f-b9f7-451e-b960-6a1e18fbd069.jpg?v=1779328923&width=165 165w,//colehaan.com.ph/cdn/shop/files/BaseTransform1_ebf2ce1f-b9f7-451e-b960-6a1e18fbd069.jpg?v=1779328923&width=360 360w,//colehaan.com.ph/cdn/shop/files/BaseTransform1_ebf2ce1f-b9f7-451e-b960-6a1e18fbd069.jpg?v=1779328923&width=533 533w,//colehaan.com.ph/cdn/shop/files/BaseTransform1_ebf2ce1f-b9f7-451e-b960-6a1e18fbd069.jpg?v=1779328923&width=720 720w,//colehaan.com.ph/cdn/shop/files/BaseTransform1_ebf2ce1f-b9f7-451e-b960-6a1e18fbd069.jpg?v=1779328923&width=940 940w,//colehaan.com.ph/cdn/shop/files/BaseTransform1_ebf2ce1f-b9f7-451e-b960-6a1e18fbd069.jpg?v=1779328923&width=1066 1066w,//colehaan.com.ph/cdn/shop/files/BaseTransform1_ebf2ce1f-b9f7-451e-b960-6a1e18fbd069.jpg?v=1779328923 2000w 23327 " 23328 src="//colehaan.com.ph/cdn/shop/files/BaseTransform1_ebf2ce1f-b9f7-451e-b960-6a1e18fbd069.jpg?v=1779328923&width=533" 23329 sizes="(min-width: 1200px) 267px, (min-width: 990px) calc((100vw - 130px) / 4), (min-width: 750px) calc((100vw - 120px) / 3), calc((100vw - 35px) / 2)" 23330 alt="W37838:CH TOBACCO SUEDE / CH POWDER" 23331 class="motion-reduce" 23332 23333 loading="lazy" 23334 23335 width="2000" 23336 height="2250" 23337 > 23338 23339</a> 23340 </div> 23341 </div><div class="card__content"> 23342 <div class="card__information"> 23343 <h3 23344 class="card__heading" 23345 23346 > 23347 <a 23348 href="/products/w37838" 23349 id="StandardCardNoMediaLink-template--23890806309108__featured_collection_qwXzQm-9473078264052" 23350 class="full-unstyled-link" 23351 aria-labelledby="StandardCardNoMediaLink-template--23890806309108__featured_collection_qwXzQm-9473078264052 NoMediaStandardBadge-template--23890806309108__featured_collection_qwXzQm-9473078264052" 23352 > 23353 Women's GrandPrø Turf SKYWEAVE⢠Sneaker 23354 </a> 23355 </h3> 23356 </div> 23357 <div class="card__badge bottom left"> 23358 23359 </div> 23360 </div> 23361 </div> 23362 <div class="card__content card-content"> 23363 <div class="card__information"> 23364 23365 23366<variant-radios 23367 id="variant-radios-template--23890806309108__featured_collection_qwXzQm" 23368 class="no-js-hidden" 23369 data-section="template--23890806309108__featured_collection_qwXzQm" 23370 data-url="/products/w37838" 23371 23372 23373 > 23374 <div class= "clr-swatches-plp"><fieldset class="js product-form__input"> 23375 23376
23376<script src="//colehaan.com.ph/cdn/shop/t/131/assets/global.js?v=15889204645569497881790040512" defer="defer"></script>
23376<div 23377 class="swatches-wrapper" 23378 id="swatches-9473078264052-template--23890806309108__featured_collection_qwXzQm" 23379 data-related-handles="w37836,w37840,w37837" 23380 data-section-id="template--23890806309108__featured_collection_qwXzQm" 23381 data-product-id="9473078264052" 23382 data-product-form-id="product-form-template--23890806309108__featured_collection_qwXzQm" 23383> 23384<input 23385 class="related-product" 23386 type="radio" 23387 id="template--23890806309108__featured_collection_qwXzQm-1-1" 23388 name="Color" 23389 value="Tobacco-Powder" 23390 form="product-form-template--23890806309108__featured_collection_qwXzQm" 23391 data-url="/products/w37838" 23392 23393 checked 23394 23395 23396 > 23397 <label class="color-swatches-plp" for="template--23890806309108__featured_collection_qwXzQm-1-1" style="background: url('https://colehaan.com.ph/cdn/shop/files/BaseTransform1_ebf2ce1f-b9f7-451e-b960-6a1e18fbd069.jpg?v=1779328923') center no-repeat; background-size: contain;" onclick="redirectToUrlCollection(this);"> 23398 </label> 23399 23400 23401 23402 <div class="related-swatches-container"></div> 23403</div> 23404 23405 </fieldset><fieldset class="js product-form__input"> 23406 23407 </fieldset><fieldset class="js product-form__input"> 23408 23409 </fieldset><span class="mobile-swatch-plus-plp" > 23410 23411 <a href="/products/w37838">+</a> 23412 </span> 23413 23414 23415
23415<script type="application/json"> 23416 23417 [{"id":48312733401332,"title":"Tobacco-Powder \/ Wide \/ 5","option1":"Tobacco-Powder","option2":"Wide","option3":"5","sku":"W37838 5.0C","requires_shipping":true,"taxable":true,"featured_image":null,"available":false,"name":"Women's GrandPrø Turf SKYWEAVE⢠Sneaker - Tobacco-Powder \/ Wide \/ 5","public_title":"Tobacco-Powder \/ Wide \/ 5","options":["Tobacco-Powder","Wide","5"],"price":999000,"weight":1000,"compare_at_price":1699500,"inventory_management":"shopify","barcode":"198859636171","requires_selling_plan":false,"selling_plan_allocations":[],"quantity_rule":{"min":1,"max":null,"increment":1}},{"id":48312733434100,"title":"Tobacco-Powder \/ Wide \/ 5.5","option1":"Tobacco-Powder","option2":"Wide","option3":"5.5","sku":"W37838 5.5C","requires_shipping":true,"taxable":true,"featured_image":null,"available":false,"name":"Women's GrandPrø Turf SKYWEAVE⢠Sneaker - Tobacco-Powder \/ Wide \/ 5.5","public_title":"Tobacco-Powder \/ Wide \/ 5.5","options":["Tobacco-Powder","Wide","5.5"],"price":999000,"weight":1000,"compare_at_price":1699500,"inventory_management":"shopify","barcode":"198859636188","requires_selling_plan":false,"selling_plan_allocations":[],"quantity_rule":{"min":1,"max":null,"increment":1}},{"id":48312733466868,"title":"Tobacco-Powder \/ Wide \/ 6","option1":"Tobacco-Powder","option2":"Wide","option3":"6","sku":"W37838 6.0C","requires_shipping":true,"taxable":true,"featured_image":null,"available":false,"name":"Women's GrandPrø Turf SKYWEAVE⢠Sneaker - Tobacco-Powder \/ Wide \/ 6","public_title":"Tobacco-Powder \/ Wide \/ 6","options":["Tobacco-Powder","Wide","6"],"price":999000,"weight":1000,"compare_at_price":1699500,"inventory_management":"shopify","barcode":"198859636195","requires_selling_plan":false,"selling_plan_allocations":[],"quantity_rule":{"min":1,"max":null,"increment":1}},{"id":48312733499636,"title":"Tobacco-Powder \/ Wide \/ 6.5","option1":"Tobacco-Powder","option2":"Wide","option3":"6.5","sku":"W37838 6.5C","requires_shipping":true,"taxable":true,"featured_image":null,"available":false,"name":"Women's GrandPrø Turf SKYWEAVE⢠Sneaker - Tobacco-Powder \/ Wide \/ 6.5","public_title":"Tobacco-Powder \/ Wide \/ 6.5","options":["Tobacco-Powder","Wide","6.5"],"price":999000,"weight":1000,"compare_at_price":1699500,"inventory_management":"shopify","barcode":"198859636201","requires_selling_plan":false,"selling_plan_allocations":[],"quantity_rule":{"min":1,"max":null,"increment":1}},{"id":48312733532404,"title":"Tobacco-Powder \/ Wide \/ 7","option1":"Tobacco-Powder","option2":"Wide","option3":"7","sku":"W37838 7.0C","requires_shipping":true,"taxable":true,"featured_image":null,"available":true,"name":"Women's GrandPrø Turf SKYWEAVE⢠Sneaker - Tobacco-Powder \/ Wide \/ 7","public_title":"Tobacco-Powder \/ Wide \/ 7","options":["Tobacco-Powder","Wide","7"],"price":999000,"weight":1000,"compare_at_price":1699500,"inventory_management":"shopify","barcode":"198859636218","requires_selling_plan":false,"selling_plan_allocations":[],"quantity_rule":{"min":1,"max":null,"increment":1}},{"id":48312733565172,"title":"Tobacco-Powder \/ Wide \/ 7.5","option1":"Tobacco-Powder","option2":"Wide","option3":"7.5","sku":"W37838 7.5C","requires_shipping":true,"taxable":true,"featured_image":null,"available":true,"name":"Women's GrandPrø Turf SKYWEAVE⢠Sneaker - Tobacco-Powder \/ Wide \/ 7.5","public_title":"Tobacco-Powder \/ Wide \/ 7.5","options":["Tobacco-Powder","Wide","7.5"],"price":999000,"weight":1000,"compare_at_price":1699500,"inventory_management":"shopify","barcode":"198859636225","requires_selling_plan":false,"selling_plan_allocations":[],"quantity_rule":{"min":1,"max":null,"increment":1}},{"id":48312733597940,"title":"Tobacco-Powder \/ Wide \/ 8","option1":"Tobacco-Powder","option2":"Wide","option3":"8","sku":"W37838 8.0C","requires_shipping":true,"taxable":true,"featured_image":null,"available":true,"name":"Women's GrandPrø Turf SKYWEAVE⢠Sneaker - Tobacco-Powder \/ Wide \/ 8","public_title":"Tobacco-Powder \/ Wide \/ 8","options":["Tobacco-Powder","Wide","8"],"price":999000,"weight":1000,"compare_at_price":1699500,"inventory_management":"shopify","barcode":"198859636232","requires_selling_plan":false,"selling_plan_allocations":[],"quantity_rule":{"min":1,"max":null,"increment":1}}
23417,{"id":48312733630708,"title":"Tobacco-Powder \/ Wide \/ 8.5","option1":"Tobacco-Powder","option2":"Wide","option3":"8.5","sku":"W37838 8.5C","requires_shipping":true,"taxable":true,"featured_image":null,"available":false,"name":"Women's GrandPrø Turf SKYWEAVE⢠Sneaker - Tobacco-Powder \/ Wide \/ 8.5","public_title":"Tobacco-Powder \/ Wide \/ 8.5","options":["Tobacco-Powder","Wide","8.5"],"price":999000,"weight":1000,"compare_at_price":1699500,"inventory_management":"shopify","barcode":"198859636249","requires_selling_plan":false,"selling_plan_allocations":[],"quantity_rule":{"min":1,"max":null,"increment":1}},{"id":48312733663476,"title":"Tobacco-Powder \/ Wide \/ 9","option1":"Tobacco-Powder","option2":"Wide","option3":"9","sku":"W37838 9.0C","requires_shipping":true,"taxable":true,"featured_image":null,"available":false,"name":"Women's GrandPrø Turf SKYWEAVE⢠Sneaker - Tobacco-Powder \/ Wide \/ 9","public_title":"Tobacco-Powder \/ Wide \/ 9","options":["Tobacco-Powder","Wide","9"],"price":999000,"weight":1000,"compare_at_price":1699500,"inventory_management":"shopify","barcode":"198859636256","requires_selling_plan":false,"selling_plan_allocations":[],"quantity_rule":{"min":1,"max":null,"increment":1}}] 23418 23419 </script>
23419 23420 23421 </div> 23422 </variant-radios><noscript class="product-form__noscript-wrapper-template--23890806309108__featured_collection_qwXzQm"> 23423 <div class="product-form__input"> 23424 <label class="form__label" for="Variants-template--23890806309108__featured_collection_qwXzQm">Product variants</label> 23425 <div class="select"> 23426 <select 23427 name="id" 23428 id="Variants-template--23890806309108__featured_collection_qwXzQm" 23429 class="select__select" 23430 form="" 23431 ><option 23432 23433 23434 disabled 23435 23436 value="48312733401332" 23437 >Tobacco-Powder / Wide / 5 - â±9,990.00 - Add to Bag</option><option 23438 23439 23440 disabled 23441 23442 value="48312733434100" 23443 >Tobacco-Powder / Wide / 5.5 - â±9,990.00 - Add to Bag</option><option 23444 23445 23446 disabled 23447 23448 value="48312733466868" 23449 >Tobacco-Powder / Wide / 6 - â±9,990.00 - Add to Bag</option><option 23450 23451 23452 disabled 23453 23454 value="48312733499636" 23455 >Tobacco-Powder / Wide / 6.5 - â±9,990.00 - Add to Bag</option><option 23456 23457 selected="selected" 23458 23459 23460 value="48312733532404" 23461 >Tobacco-Powder / Wide / 7 - â±9,990.00</option><option 23462 23463 23464 value="48312733565172" 23465 >Tobacco-Powder / Wide / 7.5 - â±9,990.00</option><option 23466 23467 23468 value="48312733597940" 23469 >Tobacco-Powder / Wide / 8 - â±9,990.00</option><option 23470 23471 23472 disabled 23473 23474 value="48312733630708" 23475 >Tobacco-Powder / Wide / 8.5 - â±9,990.00 - Add to Bag</option><option 23476 23477 23478 disabled 23479 23480 value="48312733663476" 23481 >Tobacco-Powder / Wide / 9 - â±9,990.00 - Add to Bag</option></select> 23482 <svg aria-hidden="true" focusable="false" class="icon icon-caret" viewBox="0 0 10 6"> 23483 <path fill-rule="evenodd" clip-rule="evenodd" d="M9.354.646a.5.5 0 00-.708 0L5 4.293 1.354.646a.5.5 0 00-.708.708l4 4a.5.5 0 00.708 0l4-4a.5.5 0 000-.708z" fill="currentColor"> 23484</svg> 23485<!-- <svg fill="#000000" height="14px" width="14px" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 330 330" xml:space="preserve" stroke="#000000" stroke-width="0.0033"><g id="SVGRepo_bgCarrier" stroke-width="0"></g><g id="SVGRepo_tracerCarrier" stroke-linecap="round" stroke-linejoin="round"></g> 23486 <g id="SVGRepo_iconCarrier"> 23487 <path id="XMLID_225_" d="M325.607,79.393c-5.857-5.857-15.355-5.858-21.213,0.001l-139.39,139.393L25.607,79.393 c-5.857-5.857-15.355-5.858-21.213,0.001c-5.858,5.858-5.858,15.355,0,21.213l150.004,150c2.813,2.813,6.628,4.393,10.606,4.393 s7.794-1.581,10.606-4.394l149.996-150C331.465,94.749,331.465,85.251,325.607,79.393z"> 23488 </path> </g></svg> --> 23489 23490 </div> 23491 </div> 23492</noscript> 23493
23494<script> 23495// var dataUrl; 23496// function fetchUrl(){ 23497// var productUrl = document.querySelector("button[data-product-url]"); 23498// if (productUrl) { 23499// debugger; 23500// dataUrl = productUrl.getAttribute("data-product-url"); 23501// console.log("data-product-url: ", dataUrl); 23502// } 23503// } 23504</script>
23504 23505 23506 23507 23508<div class=" 23509 price price--on-sale "> 23510 <div class="price__container"><div class="price__regular"> 23511 <span class="visually-hidden visually-hidden--inline">Regular price</span> 23512 <span class="price-item price-item--regular"> 23513 â±9,990 23514 </span> 23515 </div> 23516 <div class="price__sale price--large"> 23517 23518 <div class="" style="display: flex; white-space: nowrap; align-items: center;"> 23519 <span class="visually-hidden visually-hidden--inline">Regular price</span> 23520 <span class="strike-through quick-shop-regular"> 23521 <s class="price-item price-item--regular"> 23522 23523 â±16,995 23524 23525 </s> 23526 </span><span class="visually-hidden visually-hidden--inline " >Sale price</span> 23527 <span class="price-item price-item--sale price-item--last quick-shop-sale"> 23528 â±9,990 23529 </span> 23530 </div> 23531 <span class="compare-mark"> 23532 (41% Off) 23533 </span><style> 23534 .compare-mark{ 23535 font-size: 13px; 23536 color: #ff0d0d; 23537 font-family: WorkSansLight; 23538 margin-left: -10px; 23539 font-weight: 600; 23540 display: inline-flex; 23541 } 23542 @media screen and (max-width: 575px){ 23543 .compare-mark{ 23544 margin-left: 0; 23545 } 23546 .card-wrapper .price.price--on-sale .price__container { 23547 display: inline-flex; 23548 align-items: center; 23549 flex-wrap: wrap; 23550 align-items: flex-start; 23551 text-align: left; 23552 } 23553 } 23554 </style> 23555 </div> 23556 <small class="unit-price caption hidden"> 23557 <span class="visually-hidden">Unit price</span> 23558 <span class="price-item price-item--last"> 23559 <span></span> 23560 <span aria-hidden="true">/</span> 23561 <span class="visually-hidden"> per </span> 23562 <span> 23563 </span> 23564 </span> 23565 </small> 23566 </div></div> 23567 23568 <h3 23569 class="card_title card__heading h5" 23570 23571 id="title-template--23890806309108__featured_collection_qwXzQm-9473078264052" 23572 23573 > 23574 23575 23576 <a class="product_url" 23577 href="/products/w37838"> 23578 Women's GrandPrø Turf SKYWEAVE⢠Sneaker 23579 </a> 23580 23581 </h3> 23582 <div class="card-information"><span class="caption-large light"></span></div> 23583 </div> 23584 23585 <div class="card__badge bottom left"><span 23586 id="Badge-template--23890806309108__featured_collection_qwXzQm-9473078264052" 23587 class="badge badge--bottom-left color-accent-2" 23588 >Sale</span></div> 23589 </div> 23590 </div> 23591 </div>
23591<script> 23592 23593 23594// function redirectFn(e){ 23595 23596// console.log('test e',e); 23597// const srcSet = e.querySelector('.pdp-primaryimage'); 23598 23599// const srcSetVal = srcSet['srcset']; 23600 23601// const startIndex = srcSetVal.indexOf('/products/'); 23602// const endIndex = srcSetVal.indexOf('_', startIndex); 23603// const desiredValue = srcSetVal.substring(startIndex, endIndex); 23604 23605// e.setAttribute('href', desiredValue); 23606 23607 23608// } 23609 23610 23611// document.addEventListener("DOMContentLoaded", function() { 23612// const items = document.querySelectorAll('#product-grid li.grid__item'); 23613 23614// items.forEach(item => { 23615// const button = item.querySelector('.quick-add__submit'); 23616// const colorSwatches = item.querySelectorAll('.color-swatches-plp'); 23617 23618// colorSwatches.forEach(swatch => { 23619// swatch.addEventListener('click', () => { 23620// const inputId = swatch.getAttribute('for'); 23621// const relatedProduct = item.querySelector(`#${inputId}.related-product`); 23622// if (relatedProduct) { 23623// const newUrl = relatedProduct.getAttribute('data-url'); 23624// if (newUrl) { 23625// button.setAttribute('data-product-url', newUrl); 23626// console.log(`Updated data-product-url: ${newUrl}`); 23627// } 23628// } 23629// }); 23630// }); 23631// }); 23632// }); 23633// // swatches click on collection page 23634 23635// document.addEventListener("DOMContentLoaded", function() { 23636 23637// initializeProductHrefs(); 23638 23639 23640// const colorSwatches = document.querySelectorAll('.color-swatches-plp'); 23641// colorSwatches.forEach(swatch => { 23642// swatch.addEventListener('click', function() { 23643// updateHref(this); 23644// }); 23645// }); 23646 23647 23648// const firstColorSwatch = document.querySelector('.color-swatches-plp'); 23649// if (firstColorSwatch) { 23650// firstColorSwatch.addEventListener('click', function() { 23651// updateHrefToFirstVariant(this); 23652// }); 23653// } 23654// }); 23655 23656// function initializeProductHrefs() { 23657// const productItems = document.querySelectorAll('#product-grid li.grid__item'); 23658// productItems.forEach((item, index) => { 23659// const firstVariant = item.querySelector('input.related-product'); 23660// if (firstVariant) { 23661// const initialUrl = firstVariant.getAttribute('data-url'); 23662// if (initialUrl) { 23663// const pdpNavigationLink = item.querySelector('.pdp-navigation-link'); 23664// pdpNavigationLink.setAttribute('href', initialUrl); 23665 23666// } 23667// } 23668// }); 23669// } 23670 23671// function updateHref(swatch) { 23672// const parentItem = swatch.closest('li.grid__item'); 23673// const inputId = swatch.getAttribute('for'); 23674// const relatedProduct = parentItem.querySelector(`input#${inputId}.related-product`); 23675// if (relatedProduct) { 23676// const newUrl = relatedProduct.getAttribute('data-url'); 23677// if (newUrl) { 23678// const pdpNavigationLink = parentItem.querySelector('.pdp-navigation-link'); 23679// pdpNavigationLink.setAttribute('href', newUrl); 23680 23681// } else { 23682// console.log(`No data-url found for swatch: ${inputId}`); 23683// } 23684// } else { 23685// console.log(`No related product input found for swatch: ${inputId}`); 23686// } 23687// } 23688 23689// function updateHrefToFirstVariant(swatch) { 23690// const parentItem = swatch.closest('li.grid__item'); 23691// const firstRelatedProduct = parentItem.querySelector('input.related-product'); 23692// if (firstRelatedProduct) { 23693// const firstUrl = firstRelatedProduct.getAttribute('data-url'); 23694// if (firstUrl) { 23695// const pdpNavigationLink = parentItem.querySelector('.pdp-navigation-link'); 23696// pdpNavigationLink.setAttribute('href', firstUrl); 23697 23698// } else { 23699// console.log('No data-url found for the first related product.'); 23700// } 23701// } else { 23702// console.log('No related product inputs found.'); 23703// } 23704// } 23705 23706 23707 23708</script>
23708 23709 23710 23711 </li><li 23712 id="Slide-template--23890806309108__featured_collection_qwXzQm-12" 23713 class="grid__item slider__slide" 23714 > 23715 23716 23717<link href="//colehaan.com.ph/cdn/shop/t/131/assets/component-rating.css?v=24573085263941240431790040493" rel="stylesheet" type="text/css" media="all" /> 23718<style> 23719 .eyebrow{ 23720 background: #808080 !important; 23721 } 23722</style><div class="card-wrapper product-card-wrapper"> 23723 <div 23724 class=" 23725 card 23726 card--card 23727 card--media 23728 color-background-1 gradient 23729 23730 23731 23732 " 23733 style="--ratio-percent: 100%;" 23734 > 23735 <div 23736 class="card__inner ratio" 23737 style="--ratio-percent: 100%;" 23738 ><div class="card__media"> 23739 23740 <div class="quick-add quick-add-test no-js-hidden"> 23741 23742 <modal-opener data-modal="#QuickAdd-9473077608692"> 23743 <button 23744 id="quick-add-template--23890806309108__featured_collection_qwXzQm9473077608692-submit" 23745 type="submit" 23746 name="add" 23747 class="quick-add__submit button--full-width button--secondary" 23748 aria-haspopup="dialog" 23749 aria-labelledby="quick-add-template--23890806309108__featured_collection_qwXzQm9473077608692-submit title-template--23890806309108__featured_collection_qwXzQm-9473077608692" 23750 data-product-url="/products/w37836" 23751 > 23752 Quick shop 23753<div class="loading-overlay__spinner hidden"> 23754 <svg 23755 aria-hidden="true" 23756 focusable="false" 23757 class="spinner"
23758 viewBox="0 0 66 66" 23759 xmlns="http://www.w3.org/2000/svg" 23760 > 23761 <circle class="path" fill="none" stroke-width="6" cx="33" cy="33" r="30"></circle> 23762 </svg> 23763 </div> 23764 </button> 23765 </modal-opener> 23766 <quick-add-modal id="QuickAdd-9473077608692" class="quick-add-modal"> 23767 <div 23768 role="dialog" 23769 aria-label="Choose options for Women&#39;s GrandPrø Turf SKYWEAVE⢠Sneaker" 23770 aria-modal="true" 23771 class="quick-add-modal__content global-settings-popup" 23772 tabindex="-1" 23773 > 23774 <button 23775 id="ModalClose-9473077608692" 23776 type="button" 23777 class="quick-add-modal__toggle" 23778 aria-label="Close" 23779 > 23780 <svg 23781 xmlns="http://www.w3.org/2000/svg" 23782 aria-hidden="true" 23783 focusable="false" 23784 class="icon icon-close" 23785 fill="none" 23786 viewBox="0 0 18 17" 23787> 23788 <path d="M.865 15.978a.5.5 0 00.707.707l7.433-7.431 7.579 7.282a.501.501 0 00.846-.37.5.5 0 00-.153-.351L9.712 8.546l7.417-7.416a.5.5 0 10-.707-.708L8.991 7.853 1.413.573a.5.5 0 10-.693.72l7.563 7.268-7.418 7.417z" fill="currentColor"> 23789</svg> 23790 23791 </button> 23792 <div class="logo_ch"> 23793 <img src="https://cdn.shopify.com/s/files/1/0268/1228/5039/files/colehaan_logo.png?v=1694757702" style="width: 150px; margin: 20px;"/> 23794 </div> 23795 <div id="QuickAddInfo-9473077608692" class="quick-add-modal__content-info"> 23796 </div> 23797 23798 <div class="cart-and-ipay"> 23799 <button class="add-to-cart-global btn" onclick="triggerQuickBasket(event, 'product-form-quickadd-template--23890806309108__featured_collection_qwXzQm');" title="Add to bag"> 23800 Add to Bag 23801 </button> 23802 </div> 23803 </div> 23804 </quick-add-modal> 23805 23806 23807 </div> 23808 23809 <div class="media"> 23810 23811 23812 <a class="pdp-navigation-link" onclick = "redirectFn(this);" href="/products/w37836"> 23813 <img class="img-tag pdp-primaryimage" 23814 srcset="//colehaan.com.ph/cdn/shop/files/BaseTransform1_a0d65301-43d7-43e7-95cd-a675219a30d5.jpg?v=1779328912&width=165 165w,//colehaan.com.ph/cdn/shop/files/BaseTransform1_a0d65301-43d7-43e7-95cd-a675219a30d5.jpg?v=1779328912&width=360 360w,//colehaan.com.ph/cdn/shop/files/BaseTransform1_a0d65301-43d7-43e7-95cd-a675219a30d5.jpg?v=1779328912&width=533 533w,//colehaan.com.ph/cdn/shop/files/BaseTransform1_a0d65301-43d7-43e7-95cd-a675219a30d5.jpg?v=1779328912&width=720 720w,//colehaan.com.ph/cdn/shop/files/BaseTransform1_a0d65301-43d7-43e7-95cd-a675219a30d5.jpg?v=1779328912&width=940 940w,//colehaan.com.ph/cdn/shop/files/BaseTransform1_a0d65301-43d7-43e7-95cd-a675219a30d5.jpg?v=1779328912&width=1066 1066w,//colehaan.com.ph/cdn/shop/files/BaseTransform1_a0d65301-43d7-43e7-95cd-a675219a30d5.jpg?v=1779328912 2000w 23815 " 23816 src="//colehaan.com.ph/cdn/shop/files/BaseTransform1_a0d65301-43d7-43e7-95cd-a675219a30d5.jpg?v=1779328912&width=533" 23817 sizes="(min-width: 1200px) 267px, (min-width: 990px) calc((100vw - 130px) / 4), (min-width: 750px) calc((100vw - 120px) / 3), calc((100vw - 35px) / 2)" 23818 alt="W37836:CH MIDNIGHT MOON SUEDE / WHITE" 23819 class="motion-reduce" 23820 23821 loading="lazy" 23822 23823 width="2000" 23824 height="2250" 23825 > 23826 23827</a> 23828 </div> 23829 </div><div class="card__content"> 23830 <div class="card__information"> 23831 <h3 23832 class="card__heading" 23833 23834 > 23835 <a 23836 href="/products/w37836" 23837 id="StandardCardNoMediaLink-template--23890806309108__featured_collection_qwXzQm-9473077608692" 23838 class="full-unstyled-link" 23839 aria-labelledby="StandardCardNoMediaLink-template--23890806309108__featured_collection_qwXzQm-9473077608692 NoMediaStandardBadge-template--23890806309108__featured_collection_qwXzQm-9473077608692" 23840 > 23841 Women's GrandPrø Turf SKYWEAVE⢠Sneaker 23842 </a> 23843 </h3> 23844 </div> 23845 <div class="card__badge bottom left"> 23846 23847 </div> 23848 </div> 23849 </div> 23850 <div class="card__content card-content"> 23851 <div class="card__information"> 23852 23853 23854<variant-radios 23855 id="variant-radios-template--23890806309108__featured_collection_qwXzQm" 23856 class="no-js-hidden" 23857 data-section="template--23890806309108__featured_collection_qwXzQm" 23858 data-url="/products/w37836" 23859 23860 23861 > 23862 <div class= "clr-swatches-plp"><fieldset class="js product-form__input"> 23863 23864
23864<script src="//colehaan.com.ph/cdn/shop/t/131/assets/global.js?v=15889204645569497881790040512" defer="defer"></script>
23864<div 23865 class="swatches-wrapper" 23866 id="swatches-9473077608692-template--23890806309108__featured_collection_qwXzQm" 23867 data-related-handles="w37838,w37840,w37837" 23868 data-section-id="template--23890806309108__featured_collection_qwXzQm" 23869 data-product-id="9473077608692" 23870 data-product-form-id="product-form-template--23890806309108__featured_collection_qwXzQm" 23871> 23872<input 23873 class="related-product" 23874 type="radio" 23875 id="template--23890806309108__featured_collection_qwXzQm-1-1" 23876 name="Color" 23877 value="Midnight Moon-White" 23878 form="product-form-template--23890806309108__featured_collection_qwXzQm" 23879 data-url="/products/w37836" 23880 23881 checked 23882 23883 23884 > 23885 <label class="color-swatches-plp" for="template--23890806309108__featured_collection_qwXzQm-1-1" style="background: url('https://colehaan.com.ph/cdn/shop/files/BaseTransform1_a0d65301-43d7-43e7-95cd-a675219a30d5.jpg?v=1779328912') center no-repeat; background-size: contain;" onclick="redirectToUrlCollection(this);"> 23886 </label> 23887 23888 23889 23890 <div class="related-swatches-container"></div> 23891</div> 23892 23893 </fieldset><fieldset class="js product-form__input"> 23894 23895 </fieldset><fieldset class="js product-form__input"> 23896 23897 </fieldset><span class="mobile-swatch-plus-plp" > 23898 23899 <a href="/products/w37836">+</a> 23900 </span> 23901 23902 23903
23903<script type="application/json"> 23904 23905 [{"id":48312731435252,"title":"Midnight Moon-White \/ Wide \/ 5","option1":"Midnight Moon-White","option2":"Wide","option3":"5","sku":"W37836 5.0C","requires_shipping":true,"taxable":true,"featured_image":null,"available":false,"name":"Women's GrandPrø Turf SKYWEAVE⢠Sneaker - Midnight Moon-White \/ Wide \/ 5","public_title":"Midnight Moon-White \/ Wide \/ 5","options":["Midnight Moon-White","Wide","5"],"price":999000,"weight":1000,"compare_at_price":1699500,"inventory_management":"shopify","barcode":"198859635693","requires_selling_plan":false,"selling_plan_allocations":[],"quantity_rule":{"min":1,"max":null,"increment":1}},{"id":48312731468020,"title":"Midnight Moon-White \/ Wide \/ 5.5","option1":"Midnight Moon-White","option2":"Wide","option3":"5.5","sku":"W37836 5.5C","requires_shipping":true,"taxable":true,"featured_image":null,"available":false,"name":"Women's GrandPrø Turf SKYWEAVE⢠Sneaker - Midnight Moon-White \/ Wide \/ 5.5","public_title":"Midnight Moon-White \/ Wide \/ 5.5","options":["Midnight Moon-White","Wide","5.5"],"price":999000,"weight":1000,"compare_at_price":1699500,"inventory_management":"shopify","barcode":"198859635709","requires_selling_plan":false,"selling_plan_allocations":[],"quantity_rule":{"min":1,"max":null,"increment":1}},{"id":48312731500788,"title":"Midnight Moon-White \/ Wide \/ 6","option1":"Midnight Moon-White","option2":"Wide","option3":"6","sku":"W37836 6.0C","requires_shipping":true,"taxable":true,"featured_image":null,"available":true,"name":"Women's GrandPrø Turf SKYWEAVE⢠Sneaker - Midnight Moon-White \/ Wide \/ 6","public_title":"Midnight Moon-White \/ Wide \/ 6","options":["Midnight Moon-White","Wide","6"],"price":999000,"weight":1000,"compare_at_price":1699500,"inventory_management":"shopify","barcode":"198859635716","requires_selling_plan":false,"selling_plan_allocations":[],"quantity_rule":{"min":1,"max":null,"increment":1}},{"id":48312731533556,"title":"Midnight Moon-White \/ Wide \/ 6.5","option1":"Midnight Moon-White","option2":"Wide","option3":"6.5","sku":"W37836 6.5C","requires_shipping":true,"taxable":true,"featured_image":null,"available":true,"name":"Women's GrandPrø Turf SKYWEAVE⢠Sneaker - Midnight Moon-White \/ Wide \/ 6.5","public_title":"Midnight Moon-White \/ Wide \/ 6.5","options":["Midnight Moon-White","Wide","6.5"],"price":999000,"weight":1000,"compare_at_price":1699500,"inventory_management":"shopify","barcode":"198859635723","requires_selling_plan":false,"selling_plan_allocations":[],"quantity_rule":{"min":1,"max":null,"increment":1}},{"id":48312731566324,"title":"Midnight Moon-White \/ Wide \/ 7","option1":"Midnight Moon-White","option2":"Wide","option3":"7","sku":"W37836 7.0C","requires_shipping":true,"taxable":true,"featured_image":null,"available":false,"name":"Women's GrandPrø Turf SKYWEAVE⢠Sneaker - Midnight Moon-White \/ Wide \/ 7","public_title":"Midnight Moon-White \/ Wide \/ 7","options":["Midnight Moon-White","Wide","7"],"price":999000,"weight":1000,"compare_at_price":1699500,"inventory_management":"shopify","barcode":"198859635730","requires_selling_plan":false,"selling_plan_allocations":[],"quantity_rule":{"min":1,"max":null,"increment":1}},{"id":48312731599092,"title":"Midnight Moon-White \/ Wide \/ 7.5","option1":"Midnight Moon-White","option2":"Wide","option3":"7.5","sku":"W37836 7.5C","requires_shipping":true,"taxable":true,"featured_image":null,"available":true,"name":"Women's GrandPrø Turf SKYWEAVE⢠Sneaker - Midnight Moon-White \/ Wide \/ 7.5","public_title":"Midnight Moon-White \/ Wide \/ 7.5","options":["Midnight Moon-White","Wide","7.5"],"price":999000,"weight":1000,"compare_at_price":1699500,"inventory_management":"shopify","barcode":"198859635747","requires_selling_plan":false,"selling_plan_allocations":[],"quantity_rule":{"min":1,"max":null,"increment":1}},{"id":48312731631860,"title":"Midnight Moon-White \/ Wide \/ 8","option1":"Midnight Moon-White","option2":"Wide","option3":"8","sku":"W37836 8.0C","requires_shipping":true,"taxable":true,"featured_image":null,"available":false,"name":"Women's GrandPrø Turf SKYWEAVE⢠Sneaker - Midnight Moon-White \/ Wide \/ 8","public_title":"Midnight Moon-White \/ Wide \/ 8","options":["Midnight Moon-White","Wide","8"],"price":999000,"weight":1000,"compare_at_price":1699500,"inventory_management":"shopify","barcode":"198859635754","requires_selling_plan":false,"selling_plan_allocations":[],"quantity_rule":{"min":1,"max":null,"increment":1}},{"id":48312731664628,"title":"Midnight Moon-White \/ Wide \/ 8.5","option1":"Midnight Moon-White","option2":"Wide","option3":"8.5","sku":"W37836 8.5C","requires_shipping":true,"taxable":true,"featured_image":null,"available":false,"name":"Women's GrandPrø Turf SKYWEAVE⢠Sneaker - Midnight Moon-White \/ Wide \/ 8.5","public_title":"Midnight Moon-White \/ Wide \/ 8.5","options":["Midnight Moon-White","Wide","8.5"],"price":999000,"weight":1000,"compare_at_price":1699500,"inventory_management":"shopify","barcode":"198859635761","requires_selling_plan":false,"selling_plan_allocations":[],"quantity_rule":{"min":1,"max":null,"increment":1}},{"id":48312731697396,"title":"Midnight Moon-White \/ Wide \/ 9","option1":"Midnight Moon-White","option2":"Wide","option3":"9","sku":"W37836 9.0C","requires_shipping":true,"taxable":true,"featured_image":null,"available":false,"name":"Women's GrandPrø Turf SKYWEAVE⢠Sneaker - Midnight Moon-White \/ Wide \/ 9","public_title":"Midnight Moon-White \/ Wide \/ 9","options":["Midnight Moon-White","Wide","9"],"price":999000,"weight":1000,"compare_at_price":1699500,"inventory_management":"shopify","barcode":"198859635778","requires_selling_plan":false,"selling_plan_allocations":[],"quantity_rule":{"min":1,"max":null,"increment":1}}] 23906 23907 </script>
23907 23908 23909 </div> 23910 </variant-radios><noscript class="product-form__noscript-wrapper-template--23890806309108__featured_collection_qwXzQm"> 23911 <div class="product-form__input"> 23912 <label class="form__label" for="Variants-template--23890806309108__featured_collection_qwXzQm">Product variants</label> 23913 <div class="select"> 23914 <select 23915 name="id" 23916 id="Variants-template--23890806309108__featured_collection_qwXzQm" 23917 class="select__select" 23918 form="" 23919 ><option 23920 23921 23922 disabled 23923 23924 value="48312731435252" 23925 >Midnight Moon-White / Wide / 5 - â±9,990.00 - Add to Bag</option><option 23926 23927 23928 disabled 23929 23930 value="48312731468020" 23931 >Midnight Moon-White / Wide / 5.5 - â±9,990.00 - Add to Bag</option><option 23932 23933 selected="selected" 23934 23935 23936 value="48312731500788" 23937 >Midnight Moon-White / Wide / 6 - â±9,990.00</option><option 23938 23939 23940 value="48312731533556" 23941 >Midnight Moon-White / Wide / 6.5 - â±9,990.00</option><option 23942 23943 23944 disabled 23945 23946 value="48312731566324" 23947 >Midnight Moon-White / Wide / 7 - â±9,990.00 - Add to Bag</option><option 23948 23949 23950 value="48312731599092" 23951 >Midnight Moon-White / Wide / 7.5 - â±9,990.00</option><option 23952 23953 23954 disabled 23955 23956 value="48312731631860" 23957 >Midnight Moon-White / Wide / 8 - â±9,990.00 - Add to Bag</option><option 23958 23959 23960 disabled 23961 23962 value="48312731664628" 23963 >Midnight Moon-White / Wide / 8.5 - â±9,990.00 - Add to Bag</option><option 23964 23965 23966 disabled 23967 23968 value="48312731697396" 23969 >Midnight Moon-White / Wide / 9 - â±9,990.00 - Add to Bag</option></select> 23970 <svg aria-hidden="true" focusable="false" class="icon icon-caret" viewBox="0 0 10 6"> 23971 <path fill-rule="evenodd" clip-rule="evenodd" d="M9.354.646a.5.5 0 00-.708 0L5 4.293 1.354.646a.5.5 0 00-.708.708l4 4a.5.5 0 00.708 0l4-4a.5.5 0 000-.708z" fill="currentColor"> 23972</svg> 23973<!-- <svg fill="#000000" height="14px" width="14px" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 330 330" xml:space="preserve" stroke="#000000" stroke-width="0.0033"><g id="SVGRepo_bgCarrier" stroke-width="0"></g><g id="SVGRepo_tracerCarrier" stroke-linecap="round" stroke-linejoin="round"></g> 23974 <g id="SVGRepo_iconCarrier"> 23975 <path id="XMLID_225_" d="M325.607,79.393c-5.857-5.857-15.355-5.858-21.213,0.001l-139.39,139.393L25.607,79.393 c-5.857-5.857-15.355-5.858-21.213,0.001c-5.858,5.858-5.858,15.355,0,21.213l150.004,150c2.813,2.813,6.628,4.393,10.606,4.393 s7.794-1.581,10.606-4.394l149.996-150C331.465,94.749,331.465,85.251,325.607,79.393z"> 23976 </path> </g></svg> --> 23977 23978 </div> 23979 </div> 23980</noscript> 23981
23982<script> 23983// var dataUrl; 23984// function fetchUrl(){ 23985// var productUrl = document.querySelector("button[data-product-url]"); 23986// if (productUrl) { 23987// debugger; 23988// dataUrl = productUrl.getAttribute("data-product-url"); 23989// console.log("data-product-url: ", dataUrl); 23990// } 23991// } 23992</script>
23992 23993 23994 23995 23996<div class=" 23997 price price--on-sale "> 23998 <div class="price__container"><div class="price__regular"> 23999 <span class="visually-hidden visually-hidden--inline">Regular price</span> 24000 <span class="price-item price-item--regular"> 24001 â±9,990 24002 </span> 24003 </div> 24004 <div class="price__sale price--large"> 24005 24006 <div class="" style="display: flex; white-space: nowrap; align-items: center;"> 24007 <span class="visually-hidden visually-hidden--inline">Regular price</span> 24008 <span class="strike-through quick-shop-regular"> 24009 <s class="price-item price-item--regular"> 24010 24011 â±16,995 24012 24013 </s> 24014 </span><span class="visually-hidden visually-hidden--inline " >Sale price</span> 24015 <span class="price-item price-item--sale price-item--last quick-shop-sale"> 24016 â±9,990 24017 </span> 24018 </div> 24019 <span class="compare-mark"> 24020 (41% Off) 24021 </span><style> 24022 .compare-mark{ 24023 font-size: 13px; 24024 color: #ff0d0d; 24025 font-family: WorkSansLight; 24026 margin-left: -10px; 24027 font-weight: 600; 24028 display: inline-flex; 24029 } 24030 @media screen and (max-width: 575px){ 24031 .compare-mark{ 24032 margin-left: 0; 24033 } 24034 .card-wrapper .price.price--on-sale .price__container { 24035 display: inline-flex; 24036 align-items: center; 24037 flex-wrap: wrap; 24038 align-items: flex-start; 24039 text-align: left; 24040 } 24041 } 24042 </style> 24043 </div> 24044 <small class="unit-price caption hidden"> 24045 <span class="visually-hidden">Unit price</span> 24046 <span class="price-item price-item--last"> 24047 <span></span> 24048 <span aria-hidden="true">/</span> 24049 <span class="visually-hidden"> per </span> 24050 <span> 24051 </span> 24052 </span> 24053 </small> 24054 </div></div> 24055 24056 <h3 24057 class="card_title card__heading h5" 24058 24059 id="title-template--23890806309108__featured_collection_qwXzQm-9473077608692" 24060 24061 > 24062 24063 24064 <a class="product_url" 24065 href="/products/w37836"> 24066 Women's GrandPrø Turf SKYWEAVE⢠Sneaker 24067 </a> 24068 24069 </h3> 24070 <div class="card-information"><span class="caption-large light"></span></div> 24071 </div> 24072 24073 <div class="card__badge bottom left"><span 24074 id="Badge-template--23890806309108__featured_collection_qwXzQm-9473077608692" 24075 class="badge badge--bottom-left color-accent-2" 24076 >Sale</span></div> 24077 </div> 24078 </div> 24079 </div>
24079<script> 24080 24081 24082// function redirectFn(e){ 24083 24084// console.log('test e',e); 24085// const srcSet = e.querySelector('.pdp-primaryimage'); 24086 24087// const srcSetVal = srcSet['srcset']; 24088 24089// const startIndex = srcSetVal.indexOf('/products/'); 24090// const endIndex = srcSetVal.indexOf('_', startIndex); 24091// const desiredValue = srcSetVal.substring(startIndex, endIndex); 24092 24093// e.setAttribute('href', desiredValue); 24094 24095 24096// } 24097 24098 24099// document.addEventListener("DOMContentLoaded", function() { 24100// const items = document.querySelectorAll('#product-grid li.grid__item'); 24101 24102// items.forEach(item => { 24103// const button = item.querySelector('.quick-add__submit'); 24104// const colorSwatches = item.querySelectorAll('.color-swatches-plp'); 24105 24106// colorSwatches.forEach(swatch => { 24107// swatch.addEventListener('click', () => { 24108// const inputId = swatch.getAttribute('for'); 24109// const relatedProduct = item.querySelector(`#${inputId}.related-product`); 24110// if (relatedProduct) { 24111// const newUrl = relatedProduct.getAttribute('data-url'); 24112// if (newUrl) { 24113// button.setAttribute('data-product-url', newUrl); 24114// console.log(`Updated data-product-url: ${newUrl}`); 24115// } 24116// } 24117// }); 24118// }); 24119// }); 24120// }); 24121// // swatches click on collection page 24122 24123// document.addEventListener("DOMContentLoaded", function() { 24124 24125// initializeProductHrefs(); 24126 24127 24128// const colorSwatches = document.querySelectorAll('.color-swatches-plp'); 24129// colorSwatches.forEach(swatch => { 24130// swatch.addEventListener('click', function() { 24131// updateHref(this); 24132// }); 24133// }); 24134 24135 24136// const firstColorSwatch = document.querySelector('.color-swatches-plp'); 24137// if (firstColorSwatch) { 24138// firstColorSwatch.addEventListener('click', function() { 24139// updateHrefToFirstVariant(this); 24140// }); 24141// } 24142// }); 24143 24144// function initializeProductHrefs() { 24145// const productItems = document.querySelectorAll('#product-grid li.grid__item'); 24146// productItems.forEach((item, index) => { 24147// const firstVariant = item.querySelector('input.related-product'); 24148// if (firstVariant) { 24149// const initialUrl = firstVariant.getAttribute('data-url'); 24150// if (initialUrl) { 24151// const pdpNavigationLink = item.querySelector('.pdp-navigation-link'); 24152// pdpNavigationLink.setAttribute('href', initialUrl); 24153 24154// } 24155// } 24156// }); 24157// } 24158 24159// function updateHref(swatch) { 24160// const parentItem = swatch.closest('li.grid__item'); 24161// const inputId = swatch.getAttribute('for'); 24162// const relatedProduct = parentItem.querySelector(`input#${inputId}.related-product`); 24163// if (relatedProduct) { 24164// const newUrl = relatedProduct.getAttribute('data-url'); 24165// if (newUrl) { 24166// const pdpNavigationLink = parentItem.querySelector('.pdp-navigation-link'); 24167// pdpNavigationLink.setAttribute('href', newUrl); 24168 24169// } else { 24170// console.log(`No data-url found for swatch: ${inputId}`); 24171// } 24172// } else { 24173// console.log(`No related product input found for swatch: ${inputId}`); 24174// } 24175// } 24176 24177// function updateHrefToFirstVariant(swatch) { 24178// const parentItem = swatch.closest('li.grid__item'); 24179// const firstRelatedProduct = parentItem.querySelector('input.related-product'); 24180// if (firstRelatedProduct) { 24181// const firstUrl = firstRelatedProduct.getAttribute('data-url'); 24182// if (firstUrl) { 24183// const pdpNavigationLink = parentItem.querySelector('.pdp-navigation-link'); 24184// pdpNavigationLink.setAttribute('href', firstUrl); 24185 24186// } else { 24187// console.log('No data-url found for the first related product.'); 24188// } 24189// } else { 24190// console.log('No related product inputs found.'); 24191// } 24192// } 24193 24194 24195 24196</script>
24196 24197 24198 24199 </li><li 24200 id="Slide-template--23890806309108__featured_collection_qwXzQm-13" 24201 class="grid__item slider__slide" 24202 > 24203 24204 24205<link href="//colehaan.com.ph/cdn/shop/t/131/assets/component-rating.css?v=24573085263941240431790040493" rel="stylesheet" type="text/css" media="all" /> 24206<style> 24207 .eyebrow{ 24208 background: #808080 !important; 24209 } 24210</style><div class="card-wrapper product-card-wrapper"> 24211 <div 24212 class=" 24213 card 24214 card--card 24215 card--media 24216 color-background-1 gradient 24217 24218 24219 24220 " 24221 style="--ratio-percent: 100%;" 24222 > 24223 <div 24224 class="card__inner ratio" 24225 style="--ratio-percent: 100%;" 24226 ><div class="card__media"> 24227 24228 <div class="quick-add quick-add-test no-js-hidden"> 24229 24230 <modal-opener data-modal="#QuickAdd-9473076953332"> 24231 <button 24232 id="quick-add-template--23890806309108__featured_collection_qwXzQm9473076953332-submit" 24233 type="submit" 24234 name="add" 24235 class="quick-add__submit button--full-width button--secondary" 24236 aria-haspopup="dialog" 24237 aria-labelledby="quick-add-template--23890806309108__featured_collection_qwXzQm9473076953332-submit title-template--23890806309108__featured_collection_qwXzQm-9473076953332" 24238 data-product-url="/products/w37831" 24239 > 24240 Quick shop 24241<div class="loading-overlay__spinner hidden"> 24242 <svg 24243 aria-hidden="true" 24244 focusable="false" 24245 class="spinner"
24246 viewBox="0 0 66 66" 24247 xmlns="http://www.w3.org/2000/svg" 24248 > 24249 <circle class="path" fill="none" stroke-width="6" cx="33" cy="33" r="30"></circle> 24250 </svg> 24251 </div> 24252 </button> 24253 </modal-opener> 24254 <quick-add-modal id="QuickAdd-9473076953332" class="quick-add-modal"> 24255 <div 24256 role="dialog" 24257 aria-label="Choose options for Women&#39;s GrandPrø Turf 2.0 Sneaker" 24258 aria-modal="true" 24259 class="quick-add-modal__content global-settings-popup" 24260 tabindex="-1" 24261 > 24262 <button 24263 id="ModalClose-9473076953332" 24264 type="button" 24265 class="quick-add-modal__toggle" 24266 aria-label="Close" 24267 > 24268 <svg 24269 xmlns="http://www.w3.org/2000/svg" 24270 aria-hidden="true" 24271 focusable="false" 24272 class="icon icon-close" 24273 fill="none" 24274 viewBox="0 0 18 17" 24275> 24276 <path d="M.865 15.978a.5.5 0 00.707.707l7.433-7.431 7.579 7.282a.501.501 0 00.846-.37.5.5 0 00-.153-.351L9.712 8.546l7.417-7.416a.5.5 0 10-.707-.708L8.991 7.853 1.413.573a.5.5 0 10-.693.72l7.563 7.268-7.418 7.417z" fill="currentColor"> 24277</svg> 24278 24279 </button> 24280 <div class="logo_ch"> 24281 <img src="https://cdn.shopify.com/s/files/1/0268/1228/5039/files/colehaan_logo.png?v=1694757702" style="width: 150px; margin: 20px;"/> 24282 </div> 24283 <div id="QuickAddInfo-9473076953332" class="quick-add-modal__content-info"> 24284 </div> 24285 24286 <div class="cart-and-ipay"> 24287 <button class="add-to-cart-global btn" onclick="triggerQuickBasket(event, 'product-form-quickadd-template--23890806309108__featured_collection_qwXzQm');" title="Add to bag"> 24288 Add to Bag 24289 </button> 24290 </div> 24291 </div> 24292 </quick-add-modal> 24293 24294 24295 </div> 24296 24297 <div class="media"> 24298 24299 24300 <a class="pdp-navigation-link" onclick = "redirectFn(this);" href="/products/w37831"> 24301 <img class="img-tag pdp-primaryimage" 24302 srcset="//colehaan.com.ph/cdn/shop/files/BaseTransform1_cffc6d12-e7f1-4af7-bdeb-007b3b2b18de.jpg?v=1779328902&width=165 165w,//colehaan.com.ph/cdn/shop/files/BaseTransform1_cffc6d12-e7f1-4af7-bdeb-007b3b2b18de.jpg?v=1779328902&width=360 360w,//colehaan.com.ph/cdn/shop/files/BaseTransform1_cffc6d12-e7f1-4af7-bdeb-007b3b2b18de.jpg?v=1779328902&width=533 533w,//colehaan.com.ph/cdn/shop/files/BaseTransform1_cffc6d12-e7f1-4af7-bdeb-007b3b2b18de.jpg?v=1779328902&width=720 720w,//colehaan.com.ph/cdn/shop/files/BaseTransform1_cffc6d12-e7f1-4af7-bdeb-007b3b2b18de.jpg?v=1779328902&width=940 940w,//colehaan.com.ph/cdn/shop/files/BaseTransform1_cffc6d12-e7f1-4af7-bdeb-007b3b2b18de.jpg?v=1779328902&width=1066 1066w,//colehaan.com.ph/cdn/shop/files/BaseTransform1_cffc6d12-e7f1-4af7-bdeb-007b3b2b18de.jpg?v=1779328902 2000w 24303 " 24304 src="//colehaan.com.ph/cdn/shop/files/BaseTransform1_cffc6d12-e7f1-4af7-bdeb-007b3b2b18de.jpg?v=1779328902&width=533" 24305 sizes="(min-width: 1200px) 267px, (min-width: 990px) calc((100vw - 130px) / 4), (min-width: 750px) calc((100vw - 120px) / 3), calc((100vw - 35px) / 2)" 24306 alt="W37831:CH OAT SDE / BALLAD BLUE SNAKE PRINT LTHR" 24307 class="motion-reduce" 24308 24309 loading="lazy" 24310 24311 width="2000" 24312 height="2250" 24313 > 24314 24315</a> 24316 </div> 24317 </div><div class="card__content"> 24318 <div class="card__information"> 24319 <h3 24320 class="card__heading" 24321 24322 > 24323 <a 24324 href="/products/w37831" 24325 id="StandardCardNoMediaLink-template--23890806309108__featured_collection_qwXzQm-9473076953332" 24326 class="full-unstyled-link" 24327 aria-labelledby="StandardCardNoMediaLink-template--23890806309108__featured_collection_qwXzQm-9473076953332 NoMediaStandardBadge-template--23890806309108__featured_collection_qwXzQm-9473076953332" 24328 > 24329 Women's GrandPrø Turf 2.0 Sneaker 24330 </a> 24331 </h3> 24332 </div> 24333 <div class="card__badge bottom left"> 24334 24335 </div> 24336 </div> 24337 </div> 24338 <div class="card__content card-content"> 24339 <div class="card__information"> 24340 24341 24342<variant-radios 24343 id="variant-radios-template--23890806309108__featured_collection_qwXzQm" 24344 class="no-js-hidden" 24345 data-section="template--23890806309108__featured_collection_qwXzQm" 24346 data-url="/products/w37831" 24347 24348 24349 > 24350 <div class= "clr-swatches-plp"><fieldset class="js product-form__input"> 24351 24352
24352<script src="//colehaan.com.ph/cdn/shop/t/131/assets/global.js?v=15889204645569497881790040512" defer="defer"></script>
24352<div 24353 class="swatches-wrapper" 24354 id="swatches-9473076953332-template--23890806309108__featured_collection_qwXzQm" 24355 data-related-handles="W37534,w36554,w37036,w37035" 24356 data-section-id="template--23890806309108__featured_collection_qwXzQm" 24357 data-product-id="9473076953332" 24358 data-product-form-id="product-form-template--23890806309108__featured_collection_qwXzQm" 24359> 24360<input 24361 class="related-product" 24362 type="radio" 24363 id="template--23890806309108__featured_collection_qwXzQm-1-1" 24364 name="Color" 24365 value="Oat-Ballad Blue Snake Print" 24366 form="product-form-template--23890806309108__featured_collection_qwXzQm" 24367 data-url="/products/w37831" 24368 24369 checked 24370 24371 24372 > 24373 <label class="color-swatches-plp" for="template--23890806309108__featured_collection_qwXzQm-1-1" style="background: url('https://colehaan.com.ph/cdn/shop/files/BaseTransform1_cffc6d12-e7f1-4af7-bdeb-007b3b2b18de.jpg?v=1779328902') center no-repeat; background-size: contain;" onclick="redirectToUrlCollection(this);"> 24374 </label> 24375 24376 24377 24378 <div class="related-swatches-container"></div> 24379</div> 24380 24381 </fieldset><fieldset class="js product-form__input"> 24382 24383 </fieldset><fieldset class="js product-form__input"> 24384 24385 </fieldset><span class="mobile-swatch-plus-plp" > 24386 24387 <a href="/products/w37831">+</a> 24388 </span> 24389 24390 24391
24391<script type="application/json"> 24392 24393 [{"id":48312729698548,"title":"Oat-Ballad Blue Snake Print \/ Wide \/ 5","option1":"Oat-Ballad Blue Snake Print","option2":"Wide","option3":"5","sku":"W37831 5.0C","requires_shipping":true,"taxable":true,"featured_image":null,"available":false,"name":"Women's GrandPrø Turf 2.0 Sneaker - Oat-Ballad Blue Snake Print \/ Wide \/ 5","public_title":"Oat-Ballad Blue Snake Print \/ Wide \/ 5","options":["Oat-Ballad Blue Snake Print","Wide","5"],"price":499000,"weight":1000,"compare_at_price":1099500,"inventory_management":"shopify","barcode":"198859635211","requires_selling_plan":false,"selling_plan_allocations":[],"quantity_rule":{"min":1,"max":null,"increment":1}},{"id":48312729731316,"title":"Oat-Ballad Blue Snake Print \/ Wide \/ 5.5","option1":"Oat-Ballad Blue Snake Print","option2":"Wide","option3":"5.5","sku":"W37831 5.5C","requires_shipping":true,"taxable":true,"featured_image":null,"available":false,"name":"Women's GrandPrø Turf 2.0 Sneaker - Oat-Ballad Blue Snake Print \/ Wide \/ 5.5","public_title":"Oat-Ballad Blue Snake Print \/ Wide \/ 5.5","options":["Oat-Ballad Blue Snake Print","Wide","5.5"],"price":499000,"weight":1000,"compare_at_price":1099500,"inventory_management":"shopify","barcode":"198859635228","requires_selling_plan":false,"selling_plan_allocations":[],"quantity_rule":{"min":1,"max":null,"increment":1}},{"id":48312729764084,"title":"Oat-Ballad Blue Snake Print \/ Wide \/ 6","option1":"Oat-Ballad Blue Snake Print","option2":"Wide","option3":"6","sku":"W37831 6.0C","requires_shipping":true,"taxable":true,"featured_image":null,"available":false,"name":"Women's GrandPrø Turf 2.0 Sneaker - Oat-Ballad Blue Snake Print \/ Wide \/ 6","public_title":"Oat-Ballad Blue Snake Print \/ Wide \/ 6","options":["Oat-Ballad Blue Snake Print","Wide","6"],"price":499000,"weight":1000,"compare_at_price":1099500,"inventory_management":"shopify","barcode":"198859635235","requires_selling_plan":false,"selling_plan_allocations":[],"quantity_rule":{"min":1,"max":null,"increment":1}},{"id":48312729796852,"title":"Oat-Ballad Blue Snake Print \/ Wide \/ 6.5","option1":"Oat-Ballad Blue Snake Print","option2":"Wide","option3":"6.5","sku":"W37831 6.5C","requires_shipping":true,"taxable":true,"featured_image":null,"available":false,"name":"Women's GrandPrø Turf 2.0 Sneaker - Oat-Ballad Blue Snake Print \/ Wide \/ 6.5","public_title":"Oat-Ballad Blue Snake Print \/ Wide \/ 6.5","options":["Oat-Ballad Blue Snake Print","Wide","6.5"],"price":499000,"weight":1000,"compare_at_price":1099500,"inventory_management":"shopify","barcode":"198859635242","requires_selling_plan":false,"selling_plan_allocations":[],"quantity_rule":{"min":1,"max":null,"increment":1}},{"id":48312729829620,"title":"Oat-Ballad Blue Snake Print \/ Wide \/ 7","option1":"Oat-Ballad Blue Snake Print","option2":"Wide","option3":"7","sku":"W37831 7.0C","requires_shipping":true,"taxable":true,"featured_image":null,"available":false,"name":"Women's GrandPrø Turf 2.0 Sneaker - Oat-Ballad Blue Snake Print \/ Wide \/ 7","public_title":"Oat-Ballad Blue Snake Print \/ Wide \/ 7","options":["Oat-Ballad Blue Snake Print","Wide","7"],"price":499000,"weight":1000,"compare_at_price":1099500,"inventory_management":"shopify","barcode":"198859635259","requires_selling_plan":false,"selling_plan_allocations":[],"quantity_rule":{"min":1,"max":null,"increment":1}},{"id":48312729862388,"title":"Oat-Ballad Blue Snake Print \/ Wide \/ 7.5","option1":"Oat-Ballad Blue Snake Print","option2":"Wide","option3":"7.5","sku":"W37831 7.5C","requires_shipping":true,"taxable":true,"featured_image":null,"available":true,"name":"Women's GrandPrø Turf 2.0 Sneaker - Oat-Ballad Blue Snake Print \/ Wide \/ 7.5","public_title":"Oat-Ballad Blue Snake Print \/ Wide \/ 7.5","options":["Oat-Ballad Blue Snake Print","Wide","7.5"],"price":499000,"weight":1000,"compare_at_price":1099500,"inventory_management":"shopify","barcode":"198859635266","requires_selling_plan":false,"selling_plan_allocations":[],"quantity_rule":{"min":1,"max":null,"increment":1}},{"id":48312729895156,"title":"Oat-Ballad Blue Snake Print \/ Wide \/ 8","option1":"Oat-Ballad Blue Snake Print","option2":"Wide","option3":"8","sku":"W37831 8.0C","requires_shipping":true,"taxable":true,"featured_image":null,"available":false,"name":"Women's GrandPrø Turf 2.0 Sneaker - Oat-Ballad Blue Snake Print \/ Wide \/ 8","public_title":"Oat-Ballad Blue Snake Print \/ Wide \/ 8","options":["Oat-Ballad Blue Snake Print","Wide","8"],"price":499000,"weight":1000,"compare_at_price":1099500,"inventory_management":"shopify","barcode":"198859635273","requires_selling_plan":false,"selling_plan_allocations":[],"quantity_rule":{"min":1,"max":null,"increment":1}},{"id":48312729927924,"title":"Oat-Ballad Blue Snake Print \/ Wide \/ 8.5","option1":"Oat-Ballad Blue Snake Print","option2":"Wide","option3":"8.5","sku":"W37831 8.5C","requires_shipping":true,"taxable":true,"featured_image":null,"available":false,"name":"Women's GrandPrø Turf 2.0 Sneaker - Oat-Ballad Blue Snake Print \/ Wide \/ 8.5","public_title":"Oat-Ballad Blue Snake Print \/ Wide \/ 8.5","options":["Oat-Ballad Blue Snake Print","Wide","8.5"],"price":499000,"weight":1000,"compare_at_price":1099500,"inventory_management":"shopify","barcode":"198859635280","requires_selling_plan":false,"selling_plan_allocations":[],"quantity_rule":{"min":1,"max":null,"increment":1}},{"id":48312729960692,"title":"Oat-Ballad Blue Snake Print \/ Wide \/ 9","option1":"Oat-Ballad Blue Snake Print","option2":"Wide","option3":"9","sku":"W37831 9.0C","requires_shipping":true,"taxable":true,"featured_image":null,"available":false,"name":"Women's GrandPrø Turf 2.0 Sneaker - Oat-Ballad Blue Snake Print \/ Wide \/ 9","public_title":"Oat-Ballad Blue Snake Print \/ Wide \/ 9","options":["Oat-Ballad Blue Snake Print","Wide","9"],"price":499000,"weight":1000,"compare_at_price":1099500,"inventory_management":"shopify","barcode":"198859635297","requires_selling_plan":false,"selling_plan_allocations":[],"quantity_rule":{"min":1,"max":null,"increment":1}}] 24394 24395 </script>
24395 24396 24397 </div> 24398 </variant-radios><noscript class="product-form__noscript-wrapper-template--23890806309108__featured_collection_qwXzQm"> 24399 <div class="product-form__input"> 24400 <label class="form__label" for="Variants-template--23890806309108__featured_collection_qwXzQm">Product variants</label> 24401 <div class="select"> 24402 <select 24403 name="id" 24404 id="Variants-template--23890806309108__featured_collection_qwXzQm" 24405 class="select__select" 24406 form="" 24407 ><option 24408 24409 24410 disabled 24411 24412 value="48312729698548" 24413 >Oat-Ballad Blue Snake Print / Wide / 5 - â±4,990.00 - Add to Bag</option><option 24414 24415 24416 disabled 24417 24418 value="48312729731316" 24419 >Oat-Ballad Blue Snake Print / Wide / 5.5 - â±4,990.00 - Add to Bag</option><option 24420 24421 24422 disabled 24423 24424 value="48312729764084" 24425 >Oat-Ballad Blue Snake Print / Wide / 6 - â±4,990.00 - Add to Bag</option><option 24426 24427 24428 disabled 24429 24430 value="48312729796852" 24431 >Oat-Ballad Blue Snake Print / Wide / 6.5 - â±4,990.00 - Add to Bag</option><option 24432 24433 24434 disabled 24435 24436 value="48312729829620" 24437 >Oat-Ballad Blue Snake Print / Wide / 7 - â±4,990.00 - Add to Bag</option><option 24438 24439 selected="selected" 24440 24441 24442 value="48312729862388" 24443 >Oat-Ballad Blue Snake Print / Wide / 7.5 - â±4,990.00</option><option 24444 24445 24446 disabled 24447 24448 value="48312729895156" 24449 >Oat-Ballad Blue Snake Print / Wide / 8 - â±4,990.00 - Add to Bag</option><option 24450 24451 24452 disabled 24453 24454 value="48312729927924" 24455 >Oat-Ballad Blue Snake Print / Wide / 8.5 - â±4,990.00 - Add to Bag</option><option 24456 24457 24458 disabled 24459 24460 value="48312729960692" 24461 >Oat-Ballad Blue Snake Print / Wide / 9 - â±4,990.00 - Add to Bag</option></select> 24462 <svg aria-hidden="true" focusable="false" class="icon icon-caret" viewBox="0 0 10 6"> 24463 <path fill-rule="evenodd" clip-rule="evenodd" d="M9.354.646a.5.5 0 00-.708 0L5 4.293 1.354.646a.5.5 0 00-.708.708l4 4a.5.5 0 00.708 0l4-4a.5.5 0 000-.708z" fill="currentColor"> 24464</svg> 24465<!-- <svg fill="#000000" height="14px" width="14px" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 330 330" xml:space="preserve" stroke="#000000" stroke-width="0.0033"><g id="SVGRepo_bgCarrier" stroke-width="0"></g><g id="SVGRepo_tracerCarrier" stroke-linecap="round" stroke-linejoin="round"></g> 24466 <g id="SVGRepo_iconCarrier"> 24467 <path id="XMLID_225_" d="M325.607,79.393c-5.857-5.857-15.355-5.858-21.213,0.001l-139.39,139.393L25.607,79.393 c-5.857-5.857-15.355-5.858-21.213,0.001c-5.858,5.858-5.858,15.355,0,21.213l150.004,150c2.813,2.813,6.628,4.393,10.606,4.393 s7.794-1.581,10.606-4.394l149.996-150C331.465,94.749,331.465,85.251,325.607,79.393z"> 24468 </path> </g></svg> --> 24469 24470 </div> 24471 </div> 24472</noscript> 24473
24474<script> 24475// var dataUrl; 24476// function fetchUrl(){ 24477// var productUrl = document.querySelector("button[data-product-url]"); 24478// if (productUrl) { 24479// debugger; 24480// dataUrl = productUrl.getAttribute("data-product-url"); 24481// console.log("data-product-url: ", dataUrl); 24482// } 24483// } 24484</script>
24484 24485 24486 24487 24488<div class=" 24489 price price--on-sale "> 24490 <div class="price__container"><div class="price__regular"> 24491 <span class="visually-hidden visually-hidden--inline">Regular price</span> 24492 <span class="price-item price-item--regular"> 24493 â±4,990 24494 </span> 24495 </div> 24496 <div class="price__sale price--large"> 24497 24498 <div class="" style="display: flex; white-space: nowrap; align-items: center;"> 24499 <span class="visually-hidden visually-hidden--inline">Regular price</span> 24500 <span class="strike-through quick-shop-regular"> 24501 <s class="price-item price-item--regular"> 24502 24503 â±10,995 24504 24505 </s> 24506 </span><span class="visually-hidden visually-hidden--inline " >Sale price</span> 24507 <span class="price-item price-item--sale price-item--last quick-shop-sale"> 24508 â±4,990 24509 </span> 24510 </div> 24511 <span class="compare-mark"> 24512 (54% Off) 24513 </span><style> 24514 .compare-mark{ 24515 font-size: 13px; 24516 color: #ff0d0d; 24517 font-family: WorkSansLight; 24518 margin-left: -10px; 24519 font-weight: 600; 24520 display: inline-flex; 24521 } 24522 @media screen and (max-width: 575px){ 24523 .compare-mark{ 24524 margin-left: 0; 24525 } 24526 .card-wrapper .price.price--on-sale .price__container { 24527 display: inline-flex; 24528 align-items: center; 24529 flex-wrap: wrap; 24530 align-items: flex-start; 24531 text-align: left; 24532 } 24533 } 24534 </style> 24535 </div> 24536 <small class="unit-price caption hidden"> 24537 <span class="visually-hidden">Unit price</span> 24538 <span class="price-item price-item--last"> 24539 <span></span> 24540 <span aria-hidden="true">/</span> 24541 <span class="visually-hidden"> per </span> 24542 <span> 24543 </span> 24544 </span> 24545 </small> 24546 </div></div> 24547 24548 <h3 24549 class="card_title card__heading h5" 24550 24551 id="title-template--23890806309108__featured_collection_qwXzQm-9473076953332" 24552 24553 > 24554 24555 24556 <a class="product_url" 24557 href="/products/w37831"> 24558 Women's GrandPrø Turf 2.0 Sneaker 24559 </a> 24560 24561 </h3> 24562 <div class="card-information"><span class="caption-large light"></span></div> 24563 </div> 24564 24565 <div class="card__badge bottom left"><span 24566 id="Badge-template--23890806309108__featured_collection_qwXzQm-9473076953332" 24567 class="badge badge--bottom-left color-accent-2" 24568 >Sale</span></div> 24569 </div> 24570 </div> 24571 </div>
24571<script> 24572 24573 24574// function redirectFn(e){ 24575 24576// console.log('test e',e); 24577// const srcSet = e.querySelector('.pdp-primaryimage'); 24578 24579// const srcSetVal = srcSet['srcset']; 24580 24581// const startIndex = srcSetVal.indexOf('/products/'); 24582// const endIndex = srcSetVal.indexOf('_', startIndex); 24583// const desiredValue = srcSetVal.substring(startIndex, endIndex); 24584 24585// e.setAttribute('href', desiredValue); 24586 24587 24588// } 24589 24590 24591// document.addEventListener("DOMContentLoaded", function() { 24592// const items = document.querySelectorAll('#product-grid li.grid__item'); 24593 24594// items.forEach(item => { 24595// const button = item.querySelector('.quick-add__submit'); 24596// const colorSwatches = item.querySelectorAll('.color-swatches-plp'); 24597 24598// colorSwatches.forEach(swatch => { 24599// swatch.addEventListener('click', () => { 24600// const inputId = swatch.getAttribute('for'); 24601// const relatedProduct = item.querySelector(`#${inputId}.related-product`); 24602// if (relatedProduct) { 24603// const newUrl = relatedProduct.getAttribute('data-url'); 24604// if (newUrl) { 24605// button.setAttribute('data-product-url', newUrl); 24606// console.log(`Updated data-product-url: ${newUrl}`); 24607// } 24608// } 24609// }); 24610// }); 24611// }); 24612// }); 24613// // swatches click on collection page 24614 24615// document.addEventListener("DOMContentLoaded", function() { 24616 24617// initializeProductHrefs(); 24618 24619 24620// const colorSwatches = document.querySelectorAll('.color-swatches-plp'); 24621// colorSwatches.forEach(swatch => { 24622// swatch.addEventListener('click', function() { 24623// updateHref(this); 24624// }); 24625// }); 24626 24627 24628// const firstColorSwatch = document.querySelector('.color-swatches-plp'); 24629// if (firstColorSwatch) { 24630// firstColorSwatch.addEventListener('click', function() { 24631// updateHrefToFirstVariant(this); 24632// }); 24633// } 24634// }); 24635 24636// function initializeProductHrefs() { 24637// const productItems = document.querySelectorAll('#product-grid li.grid__item'); 24638// productItems.forEach((item, index) => { 24639// const firstVariant = item.querySelector('input.related-product'); 24640// if (firstVariant) { 24641// const initialUrl = firstVariant.getAttribute('data-url'); 24642// if (initialUrl) { 24643// const pdpNavigationLink = item.querySelector('.pdp-navigation-link'); 24644// pdpNavigationLink.setAttribute('href', initialUrl); 24645 24646// } 24647// } 24648// }); 24649// } 24650 24651// function updateHref(swatch) { 24652// const parentItem = swatch.closest('li.grid__item'); 24653// const inputId = swatch.getAttribute('for'); 24654// const relatedProduct = parentItem.querySelector(`input#${inputId}.related-product`); 24655// if (relatedProduct) { 24656// const newUrl = relatedProduct.getAttribute('data-url'); 24657// if (newUrl) { 24658// const pdpNavigationLink = parentItem.querySelector('.pdp-navigation-link'); 24659// pdpNavigationLink.setAttribute('href', newUrl); 24660 24661// } else { 24662// console.log(`No data-url found for swatch: ${inputId}`); 24663// } 24664// } else { 24665// console.log(`No related product input found for swatch: ${inputId}`); 24666// } 24667// } 24668 24669// function updateHrefToFirstVariant(swatch) { 24670// const parentItem = swatch.closest('li.grid__item'); 24671// const firstRelatedProduct = parentItem.querySelector('input.related-product'); 24672// if (firstRelatedProduct) { 24673// const firstUrl = firstRelatedProduct.getAttribute('data-url'); 24674// if (firstUrl) { 24675// const pdpNavigationLink = parentItem.querySelector('.pdp-navigation-link'); 24676// pdpNavigationLink.setAttribute('href', firstUrl); 24677 24678// } else { 24679// console.log('No data-url found for the first related product.'); 24680// } 24681// } else { 24682// console.log('No related product inputs found.'); 24683// } 24684// } 24685 24686 24687 24688</script>
24688 24689 24690 24691 </li><li 24692 id="Slide-template--23890806309108__featured_collection_qwXzQm-14" 24693 class="grid__item slider__slide" 24694 > 24695 24696 24697<link href="//colehaan.com.ph/cdn/shop/t/131/assets/component-rating.css?v=24573085263941240431790040493" rel="stylesheet" type="text/css" media="all" /> 24698<style> 24699 .eyebrow{ 24700 background: #808080 !important; 24701 } 24702</style><div class="card-wrapper product-card-wrapper"> 24703 <div 24704 class=" 24705 card 24706 card--card 24707 card--media 24708 color-background-1 gradient 24709 24710 24711 24712 " 24713 style="--ratio-percent: 100%;" 24714 > 24715 <div 24716 class="card__inner ratio" 24717 style="--ratio-percent: 100%;" 24718 ><div class="card__media"> 24719 24720 <div class="quick-add quick-add-test no-js-hidden"> 24721 24722 <modal-opener data-modal="#QuickAdd-9473072562420"> 24723 <button 24724 id="quick-add-template--23890806309108__featured_collection_qwXzQm9473072562420-submit" 24725 type="submit" 24726 name="add" 24727 class="quick-add__submit button--full-width button--secondary" 24728 aria-haspopup="dialog" 24729 aria-labelledby="quick-add-template--23890806309108__featured_collection_qwXzQm9473072562420-submit title-template--23890806309108__featured_collection_qwXzQm-9473072562420" 24730 data-product-url="/products/w36608" 24731 > 24732 Quick shop 24733<div class="loading-overlay__spinner hidden"> 24734 <svg 24735 aria-hidden="true" 24736 focusable="false" 24737 class="spinner"
24738 viewBox="0 0 66 66" 24739 xmlns="http://www.w3.org/2000/svg" 24740 > 24741 <circle class="path" fill="none" stroke-width="6" cx="33" cy="33" r="30"></circle> 24742 </svg> 24743 </div> 24744 </button> 24745 </modal-opener> 24746 <quick-add-modal id="QuickAdd-9473072562420" class="quick-add-modal"> 24747 <div 24748 role="dialog" 24749 aria-label="Choose options for Women&#39;s Kami Interwoven Thong Sandal" 24750 aria-modal="true" 24751 class="quick-add-modal__content global-settings-popup" 24752 tabindex="-1" 24753 > 24754 <button 24755 id="ModalClose-9473072562420" 24756 type="button" 24757 class="quick-add-modal__toggle" 24758 aria-label="Close" 24759 > 24760 <svg 24761 xmlns="http://www.w3.org/2000/svg" 24762 aria-hidden="true" 24763 focusable="false" 24764 class="icon icon-close" 24765 fill="none" 24766 viewBox="0 0 18 17" 24767> 24768 <path d="M.865 15.978a.5.5 0 00.707.707l7.433-7.431 7.579 7.282a.501.501 0 00.846-.37.5.5 0 00-.153-.351L9.712 8.546l7.417-7.416a.5.5 0 10-.707-.708L8.991 7.853 1.413.573a.5.5 0 10-.693.72l7.563 7.268-7.418 7.417z" fill="currentColor"> 24769</svg> 24770 24771 </button> 24772 <div class="logo_ch"> 24773 <img src="https://cdn.shopify.com/s/files/1/0268/1228/5039/files/colehaan_logo.png?v=1694757702" style="width: 150px; margin: 20px;"/> 24774 </div> 24775 <div id="QuickAddInfo-9473072562420" class="quick-add-modal__content-info"> 24776 </div> 24777 24778 <div class="cart-and-ipay"> 24779 <button class="add-to-cart-global btn" onclick="triggerQuickBasket(event, 'product-form-quickadd-template--23890806309108__featured_collection_qwXzQm');" title="Add to bag"> 24780 Add to Bag 24781 </button> 24782 </div> 24783 </div> 24784 </quick-add-modal> 24785 24786 24787 </div> 24788 24789 <div class="media"> 24790 24791 24792 <a class="pdp-navigation-link" onclick = "redirectFn(this);" href="/products/w36608"> 24793 <img class="img-tag pdp-primaryimage" 24794 srcset="//colehaan.com.ph/cdn/shop/files/BaseTransform1_70cfb529-44a1-4ee9-a296-343ba28fcc28.jpg?v=1779328831&width=165 165w,//colehaan.com.ph/cdn/shop/files/BaseTransform1_70cfb529-44a1-4ee9-a296-343ba28fcc28.jpg?v=1779328831&width=360 360w,//colehaan.com.ph/cdn/shop/files/BaseTransform1_70cfb529-44a1-4ee9-a296-343ba28fcc28.jpg?v=1779328831&width=533 533w,//colehaan.com.ph/cdn/shop/files/BaseTransform1_70cfb529-44a1-4ee9-a296-343ba28fcc28.jpg?v=1779328831&width=720 720w,//colehaan.com.ph/cdn/shop/files/BaseTransform1_70cfb529-44a1-4ee9-a296-343ba28fcc28.jpg?v=1779328831&width=940 940w,//colehaan.com.ph/cdn/shop/files/BaseTransform1_70cfb529-44a1-4ee9-a296-343ba28fcc28.jpg?v=1779328831&width=1066 1066w,//colehaan.com.ph/cdn/shop/files/BaseTransform1_70cfb529-44a1-4ee9-a296-343ba28fcc28.jpg?v=1779328831 2000w 24795 " 24796 src="//colehaan.com.ph/cdn/shop/files/BaseTransform1_70cfb529-44a1-4ee9-a296-343ba28fcc28.jpg?v=1779328831&width=533" 24797 sizes="(min-width: 1200px) 267px, (min-width: 990px) calc((100vw - 130px) / 4), (min-width: 750px) calc((100vw - 120px) / 3), calc((100vw - 35px) / 2)" 24798 alt="W36608:BLACK LEATHER" 24799 class="motion-reduce" 24800 24801 loading="lazy" 24802 24803 width="2000" 24804 height="2250" 24805 > 24806 24807</a> 24808 </div> 24809 </div><div class="card__content"> 24810 <div class="card__information"> 24811 <h3 24812 class="card__heading" 24813 24814 > 24815 <a 24816 href="/products/w36608" 24817 id="StandardCardNoMediaLink-template--23890806309108__featured_collection_qwXzQm-9473072562420" 24818 class="full-unstyled-link" 24819 aria-labelledby="StandardCardNoMediaLink-template--23890806309108__featured_collection_qwXzQm-9473072562420 NoMediaStandardBadge-template--23890806309108__featured_collection_qwXzQm-9473072562420" 24820 > 24821 Women's Kami Interwoven Thong Sandal 24822 </a> 24823 </h3> 24824 </div> 24825 <div class="card__badge bottom left"> 24826 24827 </div> 24828 </div> 24829 </div> 24830 <div class="card__content card-content"> 24831 <div class="card__information"> 24832 24833 24834<variant-radios 24835 id="variant-radios-template--23890806309108__featured_collection_qwXzQm" 24836 class="no-js-hidden" 24837 data-section="template--23890806309108__featured_collection_qwXzQm" 24838 data-url="/products/w36608" 24839 24840 24841 > 24842 <div class= "clr-swatches-plp"><fieldset class="js product-form__input"> 24843 24844
24844<script src="//colehaan.com.ph/cdn/shop/t/131/assets/global.js?v=15889204645569497881790040512" defer="defer"></script>
24844<div 24845 class="swatches-wrapper" 24846 id="swatches-9473072562420-template--23890806309108__featured_collection_qwXzQm" 24847 data-related-handles="w36609" 24848 data-section-id="template--23890806309108__featured_collection_qwXzQm" 24849 data-product-id="9473072562420" 24850 data-product-form-id="product-form-template--23890806309108__featured_collection_qwXzQm" 24851> 24852<input 24853 class="related-product" 24854 type="radio" 24855 id="template--23890806309108__featured_collection_qwXzQm-1-1" 24856 name="Color" 24857 value="Black" 24858 form="product-form-template--23890806309108__featured_collection_qwXzQm" 24859 data-url="/products/w36608" 24860 24861 checked 24862 24863 24864 > 24865 <label class="color-swatches-plp" for="template--23890806309108__featured_collection_qwXzQm-1-1" style="background: url('https://colehaan.com.ph/cdn/shop/files/BaseTransform1_70cfb529-44a1-4ee9-a296-343ba28fcc28.jpg?v=1779328831') center no-repeat; background-size: contain;" onclick="redirectToUrlCollection(this);"> 24866 </label> 24867 24868 24869 24870 <div class="related-swatches-container"></div> 24871</div> 24872 24873 </fieldset><fieldset class="js product-form__input"> 24874 24875 </fieldset><fieldset class="js product-form__input"> 24876 24877 </fieldset><span class="mobile-swatch-plus-plp" > 24878 24879 <a href="/products/w36608">+</a> 24880 </span> 24881 24882 24883
24883<script type="application/json"> 24884 24885 [{"id":48312715903220,"title":"Black \/ Medium \/ 5","option1":"Black","option2":"Medium","option3":"5","sku":"W36608 5.0B","requires_shipping":true,"taxable":true,"featured_image":null,"available":false,"name":"Women's Kami Interwoven Thong Sandal - Black \/ Medium \/ 5","public_title":"Black \/ Medium \/ 5","options":["Black","Medium","5"],"price":699000,"weight":1000,"compare_at_price":1099500,"inventory_management":"shopify","barcode":"198859637598","requires_selling_plan":false,"selling_plan_allocations":[],"quantity_rule":{"min":1,"max":null,"increment":1}},{"id":48312715935988,"title":"Black \/ Medium \/ 5.5","option1":"Black","option2":"Medium","option3":"5.5","sku":"W36608 5.5B","requires_shipping":true,"taxable":true,"featured_image":null,"available":false,"name":"Women's Kami Interwoven Thong Sandal - Black \/ Medium \/ 5.5","public_title":"Black \/ Medium \/ 5.5","options":["Black","Medium","5.5"],"price":699000,"weight":1000,"compare_at_price":1099500,"inventory_management":"shopify","barcode":"198859637604","requires_selling_plan":false,"selling_plan_allocations":[],"quantity_rule":{"min":1,"max":null,"increment":1}},{"id":48312715968756,"title":"Black \/ Medium \/ 6","option1":"Black","option2":"Medium","option3":"6","sku":"W36608 6.0B","requires_shipping":true,"taxable":true,"featured_image":null,"available":false,"name":"Women's Kami Interwoven Thong Sandal - Black \/ Medium \/ 6","public_title":"Black \/ Medium \/ 6","options":["Black","Medium","6"],"price":699000,"weight":1000,"compare_at_price":1099500,"inventory_management":"shopify","barcode":"198859637611","requires_selling_plan":false,"selling_plan_allocations":[],"quantity_rule":{"min":1,"max":null,"increment":1}},{"id":48312716001524,"title":"Black \/ Medium \/ 6.5","option1":"Black","option2":"Medium","option3":"6.5","sku":"W36608 6.5B","requires_shipping":true,"taxable":true,"featured_image":null,"available":true,"name":"Women's Kami Interwoven Thong Sandal - Black \/ Medium \/ 6.5","public_title":"Black \/ Medium \/ 6.5","options":["Black","Medium","6.5"],"price":699000,"weight":1000,"compare_at_price":1099500,"inventory_management":"shopify","barcode":"198859637628","requires_selling_plan":false,"selling_plan_allocations":[],"quantity_rule":{"min":1,"max":null,"increment":1}},{"id":48312716034292,"title":"Black \/ Medium \/ 7","option1":"Black","option2":"Medium","option3":"7","sku":"W36608 7.0B","requires_shipping":true,"taxable":true,"featured_image":null,"available":false,"name":"Women's Kami Interwoven Thong Sandal - Black \/ Medium \/ 7","public_title":"Black \/ Medium \/ 7","options":["Black","Medium","7"],"price":699000,"weight":1000,"compare_at_price":1099500,"inventory_management":"shopify","barcode":"198859637635","requires_selling_plan":false,"selling_plan_allocations":[],"quantity_rule":{"min":1,"max":null,"increment":1}},{"id":48312716067060,"title":"Black \/ Medium \/ 7.5","option1":"Black","option2":"Medium","option3":"7.5","sku":"W36608 7.5B","requires_shipping":true,"taxable":true,"featured_image":null,"available":false,"name":"Women's Kami Interwoven Thong Sandal - Black \/ Medium \/ 7.5","public_title":"Black \/ Medium \/ 7.5","options":["Black","Medium","7.5"],"price":699000,"weight":1000,"compare_at_price":1099500,"inventory_management":"shopify","barcode":"198859637642","requires_selling_plan":false,"selling_plan_allocations":[],"quantity_rule":{"min":1,"max":null,"increment":1}},{"id":48312716099828,"title":"Black \/ Medium \/ 8","option1":"Black","option2":"Medium","option3":"8","sku":"W36608 8.0B","requires_shipping":true,"taxable":true,"featured_image":null,"available":true,"name":"Women's Kami Interwoven Thong Sandal - Black \/ Medium \/ 8","public_title":"Black \/ Medium \/ 8","options":["Black","Medium","8"],"price":699000,"weight":1000,"compare_at_price":1099500,"inventory_management":"shopify","barcode":"198859637659","requires_selling_plan":false,"selling_plan_allocations":[],"quantity_rule":{"min":1,"max":null,"increment":1}},{"id":48312716132596,"title":"Black \/ Medium \/ 8.5","option1":"Black","option2":"Medium","option3":"8.5","sku":"W36608 8.5B","requires_shipping":true,"taxable":true,"featured_image":null,"available":false,"name":"Women's Kami Interwoven Thong Sandal - Black \/ Medium \/ 8.5","public_title":"Black \/ Medium \/ 8.5","options":["Black","Medium","8.5"],"price":699000,"weight":1000,"compare_at_price":1099500,"inventory_management":"shopify","barcode":"198859637666","requires_selling_plan":false,"selling_plan_allocations":[],"quantity_rule":{"min":1,"max":null,"increment":1}},{"id":48312716165364,"title":"Black \/ Medium \/ 9","option1":"Black","option2":"Medium","option3":"9","sku":"W36608 9.0B","requires_shipping":true,"taxable":true,"featured_image":null,"available":false,"name":"Women's Kami Interwoven Thong Sandal - Black \/ Medium \/ 9","public_title":"Black \/ Medium \/ 9","options":["Black","Medium","9"],"price":699000,"weight":1000,"compare_at_price":1099500,"inventory_management":"shopify","barcode":"198859637673","requires_selling_plan":false,"selling_plan_allocations":[],"quantity_rule":{"min":1,"max":null,"increment":1}}] 24886 24887 </script>
24887 24888 24889 </div> 24890 </variant-radios><noscript class="product-form__noscript-wrapper-template--23890806309108__featured_collection_qwXzQm"> 24891 <div class="product-form__input"> 24892 <label class="form__label" for="Variants-template--23890806309108__featured_collection_qwXzQm">Product variants</label> 24893 <div class="select"> 24894 <select 24895 name="id" 24896 id="Variants-template--23890806309108__featured_collection_qwXzQm" 24897 class="select__select" 24898 form="" 24899 ><option 24900 24901 24902 disabled 24903 24904 value="48312715903220" 24905 >Black / Medium / 5 - â±6,990.00 - Add to Bag</option><option 24906 24907 24908 disabled 24909 24910 value="48312715935988" 24911 >Black / Medium / 5.5 - â±6,990.00 - Add to Bag</option><option 24912 24913 24914 disabled 24915 24916 value="48312715968756" 24917 >Black / Medium / 6 - â±6,990.00 - Add to Bag</option><option 24918 24919 selected="selected" 24920 24921 24922 value="48312716001524" 24923 >Black / Medium / 6.5 - â±6,990.00</option><option 24924 24925 24926 disabled 24927 24928 value="48312716034292" 24929 >Black / Medium / 7 - â±6,990.00 - Add to Bag</option><option 24930 24931 24932 disabled 24933 24934 value="48312716067060" 24935 >Black / Medium / 7.5 - â±6,990.00 - Add to Bag</option><option 24936 24937 24938 value="48312716099828" 24939 >Black / Medium / 8 - â±6,990.00</option><option 24940 24941 24942 disabled 24943 24944 value="48312716132596" 24945 >Black / Medium / 8.5 - â±6,990.00 - Add to Bag</option><option 24946 24947 24948 disabled 24949 24950 value="48312716165364" 24951 >Black / Medium / 9 - â±6,990.00 - Add to Bag</option></select> 24952 <svg aria-hidden="true" focusable="false" class="icon icon-caret" viewBox="0 0 10 6"> 24953 <path fill-rule="evenodd" clip-rule="evenodd" d="M9.354.646a.5.5 0 00-.708 0L5 4.293 1.354.646a.5.5 0 00-.708.708l4 4a.5.5 0 00.708 0l4-4a.5.5 0 000-.708z" fill="currentColor"> 24954</svg> 24955<!-- <svg fill="#000000" height="14px" width="14px" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 330 330" xml:space="preserve" stroke="#000000" stroke-width="0.0033"><g id="SVGRepo_bgCarrier" stroke-width="0"></g><g id="SVGRepo_tracerCarrier" stroke-linecap="round" stroke-linejoin="round"></g> 24956 <g id="SVGRepo_iconCarrier"> 24957 <path id="XMLID_225_" d="M325.607,79.393c-5.857-5.857-15.355-5.858-21.213,0.001l-139.39,139.393L25.607,79.393 c-5.857-5.857-15.355-5.858-21.213,0.001c-5.858,5.858-5.858,15.355,0,21.213l150.004,150c2.813,2.813,6.628,4.393,10.606,4.393 s7.794-1.581,10.606-4.394l149.996-150C331.465,94.749,331.465,85.251,325.607,79.393z"> 24958 </path> </g></svg> --> 24959 24960 </div> 24961 </div> 24962</noscript> 24963
24964<script> 24965// var dataUrl; 24966// function fetchUrl(){ 24967// var productUrl = document.querySelector("button[data-product-url]"); 24968// if (productUrl) { 24969// debugger; 24970// dataUrl = productUrl.getAttribute("data-product-url"); 24971// console.log("data-product-url: ", dataUrl); 24972// } 24973// } 24974</script>
24974 24975 24976 24977 24978<div class=" 24979 price price--on-sale "> 24980 <div class="price__container"><div class="price__regular"> 24981 <span class="visually-hidden visually-hidden--inline">Regular price</span> 24982 <span class="price-item price-item--regular"> 24983 â±6,990 24984 </span> 24985 </div> 24986 <div class="price__sale price--large"> 24987 24988 <div class="" style="display: flex; white-space: nowrap; align-items: center;"> 24989 <span class="visually-hidden visually-hidden--inline">Regular price</span> 24990 <span class="strike-through quick-shop-regular"> 24991 <s class="price-item price-item--regular"> 24992 24993 â±10,995 24994 24995 </s> 24996 </span><span class="visually-hidden visually-hidden--inline " >Sale price</span> 24997 <span class="price-item price-item--sale price-item--last quick-shop-sale"> 24998 â±6,990 24999 </span> 25000 </div> 25001 <span class="compare-mark"> 25002 (36% Off) 25003 </span><style> 25004 .compare-mark{ 25005 font-size: 13px; 25006 color: #ff0d0d; 25007 font-family: WorkSansLight; 25008 margin-left: -10px; 25009 font-weight: 600; 25010 display: inline-flex; 25011 } 25012 @media screen and (max-width: 575px){ 25013 .compare-mark{ 25014 margin-left: 0; 25015 } 25016 .card-wrapper .price.price--on-sale .price__container { 25017 display: inline-flex; 25018 align-items: center; 25019 flex-wrap: wrap; 25020 align-items: flex-start; 25021 text-align: left; 25022 } 25023 } 25024 </style> 25025 </div> 25026 <small class="unit-price caption hidden"> 25027 <span class="visually-hidden">Unit price</span> 25028 <span class="price-item price-item--last"> 25029 <span></span> 25030 <span aria-hidden="true">/</span> 25031 <span class="visually-hidden"> per </span> 25032 <span> 25033 </span> 25034 </span> 25035 </small> 25036 </div></div> 25037 25038 <h3 25039 class="card_title card__heading h5" 25040 25041 id="title-template--23890806309108__featured_collection_qwXzQm-9473072562420" 25042 25043 > 25044 25045 25046 <a class="product_url" 25047 href="/products/w36608"> 25048 Women's Kami Interwoven Thong Sandal 25049 </a> 25050 25051 </h3> 25052 <div class="card-information"><span class="caption-large light"></span></div> 25053 </div> 25054 25055 <div class="card__badge bottom left"><span 25056 id="Badge-template--23890806309108__featured_collection_qwXzQm-9473072562420" 25057 class="badge badge--bottom-left color-accent-2" 25058 >Sale</span></div> 25059 </div> 25060 </div> 25061 </div>
25061<script> 25062 25063 25064// function redirectFn(e){ 25065 25066// console.log('test e',e); 25067// const srcSet = e.querySelector('.pdp-primaryimage'); 25068 25069// const srcSetVal = srcSet['srcset']; 25070 25071// const startIndex = srcSetVal.indexOf('/products/'); 25072// const endIndex = srcSetVal.indexOf('_', startIndex); 25073// const desiredValue = srcSetVal.substring(startIndex, endIndex); 25074 25075// e.setAttribute('href', desiredValue); 25076 25077 25078// } 25079 25080 25081// document.addEventListener("DOMContentLoaded", function() { 25082// const items = document.querySelectorAll('#product-grid li.grid__item'); 25083 25084// items.forEach(item => { 25085// const button = item.querySelector('.quick-add__submit'); 25086// const colorSwatches = item.querySelectorAll('.color-swatches-plp'); 25087 25088// colorSwatches.forEach(swatch => { 25089// swatch.addEventListener('click', () => { 25090// const inputId = swatch.getAttribute('for'); 25091// const relatedProduct = item.querySelector(`#${inputId}.related-product`); 25092// if (relatedProduct) { 25093// const newUrl = relatedProduct.getAttribute('data-url'); 25094// if (newUrl) { 25095// button.setAttribute('data-product-url', newUrl); 25096// console.log(`Updated data-product-url: ${newUrl}`); 25097// } 25098// } 25099// }); 25100// }); 25101// }); 25102// }); 25103// // swatches click on collection page 25104 25105// document.addEventListener("DOMContentLoaded", function() { 25106 25107// initializeProductHrefs(); 25108 25109 25110// const colorSwatches = document.querySelectorAll('.color-swatches-plp'); 25111// colorSwatches.forEach(swatch => { 25112// swatch.addEventListener('click', function() { 25113// updateHref(this); 25114// }); 25115// }); 25116 25117 25118// const firstColorSwatch = document.querySelector('.color-swatches-plp'); 25119// if (firstColorSwatch) { 25120// firstColorSwatch.addEventListener('click', function() { 25121// updateHrefToFirstVariant(this); 25122// }); 25123// } 25124// }); 25125 25126// function initializeProductHrefs() { 25127// const productItems = document.querySelectorAll('#product-grid li.grid__item'); 25128// productItems.forEach((item, index) => { 25129// const firstVariant = item.querySelector('input.related-product'); 25130// if (firstVariant) { 25131// const initialUrl = firstVariant.getAttribute('data-url'); 25132// if (initialUrl) { 25133// const pdpNavigationLink = item.querySelector('.pdp-navigation-link'); 25134// pdpNavigationLink.setAttribute('href', initialUrl); 25135 25136// } 25137// } 25138// }); 25139// } 25140 25141// function updateHref(swatch) { 25142// const parentItem = swatch.closest('li.grid__item'); 25143// const inputId = swatch.getAttribute('for'); 25144// const relatedProduct = parentItem.querySelector(`input#${inputId}.related-product`); 25145// if (relatedProduct) { 25146// const newUrl = relatedProduct.getAttribute('data-url'); 25147// if (newUrl) { 25148// const pdpNavigationLink = parentItem.querySelector('.pdp-navigation-link'); 25149// pdpNavigationLink.setAttribute('href', newUrl); 25150 25151// } else { 25152// console.log(`No data-url found for swatch: ${inputId}`); 25153// } 25154// } else { 25155// console.log(`No related product input found for swatch: ${inputId}`); 25156// } 25157// } 25158 25159// function updateHrefToFirstVariant(swatch) { 25160// const parentItem = swatch.closest('li.grid__item'); 25161// const firstRelatedProduct = parentItem.querySelector('input.related-product'); 25162// if (firstRelatedProduct) { 25163// const firstUrl = firstRelatedProduct.getAttribute('data-url'); 25164// if (firstUrl) { 25165// const pdpNavigationLink = parentItem.querySelector('.pdp-navigation-link'); 25166// pdpNavigationLink.setAttribute('href', firstUrl); 25167 25168// } else { 25169// console.log('No data-url found for the first related product.'); 25170// } 25171// } else { 25172// console.log('No related product inputs found.'); 25173// } 25174// } 25175 25176 25177 25178</script>
25178 25179 25180 25181 </li><li 25182 id="Slide-template--23890806309108__featured_collection_qwXzQm-15" 25183 class="grid__item slider__slide" 25184 > 25185 25186 25187<link href="//colehaan.com.ph/cdn/shop/t/131/assets/component-rating.css?v=24573085263941240431790040493" rel="stylesheet" type="text/css" media="all" /> 25188<style> 25189 .eyebrow{ 25190 background: #808080 !important; 25191 } 25192</style><div class="card-wrapper product-card-wrapper"> 25193 <div 25194 class=" 25195 card 25196 card--card 25197 card--media 25198 color-background-1 gradient 25199 25200 25201 25202 " 25203 style="--ratio-percent: 100%;" 25204 > 25205 <div 25206 class="card__inner ratio" 25207 style="--ratio-percent: 100%;" 25208 ><div class="card__media"> 25209 25210 <div class="quick-add quick-add-test no-js-hidden"> 25211 25212 <modal-opener data-modal="#QuickAdd-9473071350004"> 25213 <button 25214 id="quick-add-template--23890806309108__featured_collection_qwXzQm9473071350004-submit" 25215 type="submit" 25216 name="add" 25217 class="quick-add__submit button--full-width button--secondary" 25218 aria-haspopup="dialog" 25219 aria-labelledby="quick-add-template--23890806309108__featured_collection_qwXzQm9473071350004-submit title-template--23890806309108__featured_collection_qwXzQm-9473071350004" 25220 data-product-url="/products/w36595" 25221 > 25222 Quick shop 25223<div class="loading-overlay__spinner hidden"> 25224 <svg 25225 aria-hidden="true" 25226 focusable="false" 25227 class="spinner"
25228 viewBox="0 0 66 66" 25229 xmlns="http://www.w3.org/2000/svg" 25230 > 25231 <circle class="path" fill="none" stroke-width="6" cx="33" cy="33" r="30"></circle> 25232 </svg> 25233 </div> 25234 </button> 25235 </modal-opener> 25236 <quick-add-modal id="QuickAdd-9473071350004" class="quick-add-modal"> 25237 <div 25238 role="dialog" 25239 aria-label="Choose options for Women&#39;s Dillon Block Heel Thong Sandal" 25240 aria-modal="true" 25241 class="quick-add-modal__content global-settings-popup" 25242 tabindex="-1" 25243 > 25244 <button 25245 id="ModalClose-9473071350004" 25246 type="button" 25247 class="quick-add-modal__toggle" 25248 aria-label="Close" 25249 > 25250 <svg 25251 xmlns="http://www.w3.org/2000/svg" 25252 aria-hidden="true" 25253 focusable="false" 25254 class="icon icon-close" 25255 fill="none" 25256 viewBox="0 0 18 17" 25257> 25258 <path d="M.865 15.978a.5.5 0 00.707.707l7.433-7.431 7.579 7.282a.501.501 0 00.846-.37.5.5 0 00-.153-.351L9.712 8.546l7.417-7.416a.5.5 0 10-.707-.708L8.991 7.853 1.413.573a.5.5 0 10-.693.72l7.563 7.268-7.418 7.417z" fill="currentColor"> 25259</svg> 25260 25261 </button> 25262 <div class="logo_ch"> 25263 <img src="https://cdn.shopify.com/s/files/1/0268/1228/5039/files/colehaan_logo.png?v=1694757702" style="width: 150px; margin: 20px;"/> 25264 </div> 25265 <div id="QuickAddInfo-9473071350004" class="quick-add-modal__content-info"> 25266 </div> 25267 25268 <div class="cart-and-ipay"> 25269 <button class="add-to-cart-global btn" onclick="triggerQuickBasket(event, 'product-form-quickadd-template--23890806309108__featured_collection_qwXzQm');" title="Add to bag"> 25270 Add to Bag 25271 </button> 25272 </div> 25273 </div> 25274 </quick-add-modal> 25275 25276 25277 </div> 25278 25279 <div class="media"> 25280 25281 25282 <a class="pdp-navigation-link" onclick = "redirectFn(this);" href="/products/w36595"> 25283 <img class="img-tag pdp-primaryimage" 25284 srcset="//colehaan.com.ph/cdn/shop/files/BaseTransform1_1bec328a-055d-4a30-be61-77c2294e0f70.jpg?v=1779328811&width=165 165w,//colehaan.com.ph/cdn/shop/files/BaseTransform1_1bec328a-055d-4a30-be61-77c2294e0f70.jpg?v=1779328811&width=360 360w,//colehaan.com.ph/cdn/shop/files/BaseTransform1_1bec328a-055d-4a30-be61-77c2294e0f70.jpg?v=1779328811&width=533 533w,//colehaan.com.ph/cdn/shop/files/BaseTransform1_1bec328a-055d-4a30-be61-77c2294e0f70.jpg?v=1779328811&width=720 720w,//colehaan.com.ph/cdn/shop/files/BaseTransform1_1bec328a-055d-4a30-be61-77c2294e0f70.jpg?v=1779328811&width=940 940w,//colehaan.com.ph/cdn/shop/files/BaseTransform1_1bec328a-055d-4a30-be61-77c2294e0f70.jpg?v=1779328811&width=1066 1066w,//colehaan.com.ph/cdn/shop/files/BaseTransform1_1bec328a-055d-4a30-be61-77c2294e0f70.jpg?v=1779328811 2000w 25285 " 25286 src="//colehaan.com.ph/cdn/shop/files/BaseTransform1_1bec328a-055d-4a30-be61-77c2294e0f70.jpg?v=1779328811&width=533" 25287 sizes="(min-width: 1200px) 267px, (min-width: 990px) calc((100vw - 130px) / 4), (min-width: 750px) calc((100vw - 120px) / 3), calc((100vw - 35px) / 2)" 25288 alt="W36595:BLACK GLOSSY SNAKE PRINT LTHR" 25289 class="motion-reduce" 25290 25291 loading="lazy" 25292 25293 width="2000" 25294 height="2250" 25295 > 25296 25297</a> 25298 </div> 25299 </div><div class="card__content"> 25300 <div class="card__information"> 25301 <h3 25302 class="card__heading" 25303 25304 > 25305 <a 25306 href="/products/w36595" 25307 id="StandardCardNoMediaLink-template--23890806309108__featured_collection_qwXzQm-9473071350004" 25308 class="full-unstyled-link" 25309 aria-labelledby="StandardCardNoMediaLink-template--23890806309108__featured_collection_qwXzQm-9473071350004 NoMediaStandardBadge-template--23890806309108__featured_collection_qwXzQm-9473071350004" 25310 > 25311 Women's Dillon Block Heel Thong Sandal 25312 </a> 25313 </h3> 25314 </div> 25315 <div class="card__badge bottom left"> 25316 25317 </div> 25318 </div> 25319 </div> 25320 <div class="card__content card-content"> 25321 <div class="card__information"> 25322 25323 25324<variant-radios 25325 id="variant-radios-template--23890806309108__featured_collection_qwXzQm" 25326 class="no-js-hidden" 25327 data-section="template--23890806309108__featured_collection_qwXzQm" 25328 data-url="/products/w36595" 25329 25330 25331 > 25332 <div class= "clr-swatches-plp"><fieldset class="js product-form__input"> 25333 25334
25334<script src="//colehaan.com.ph/cdn/shop/t/131/assets/global.js?v=15889204645569497881790040512" defer="defer"></script>
25334<div 25335 class="swatches-wrapper" 25336 id="swatches-9473071350004-template--23890806309108__featured_collection_qwXzQm" 25337 data-related-handles="w36596" 25338 data-section-id="template--23890806309108__featured_collection_qwXzQm" 25339 data-product-id="9473071350004" 25340 data-product-form-id="product-form-template--23890806309108__featured_collection_qwXzQm" 25341> 25342<input 25343 class="related-product" 25344 type="radio" 25345 id="template--23890806309108__featured_collection_qwXzQm-1-1" 25346 name="Color" 25347 value="Black Glossy Snake Print" 25348 form="product-form-template--23890806309108__featured_collection_qwXzQm" 25349 data-url="/products/w36595" 25350 25351 checked 25352 25353 25354 > 25355 <label class="color-swatches-plp" for="template--23890806309108__featured_collection_qwXzQm-1-1" style="background: url('https://colehaan.com.ph/cdn/shop/files/BaseTransform1_1bec328a-055d-4a30-be61-77c2294e0f70.jpg?v=1779328811') center no-repeat; background-size: contain;" onclick="redirectToUrlCollection(this);"> 25356 </label> 25357 25358 25359 25360 <div class="related-swatches-container"></div> 25361</div> 25362 25363 </fieldset><fieldset class="js product-form__input"> 25364 25365 </fieldset><fieldset class="js product-form__input"> 25366 25367 </fieldset><span class="mobile-swatch-plus-plp" > 25368 25369 <a href="/products/w36595">+</a> 25370 </span> 25371 25372 25373
25373<script type="application/json"> 25374 25375 [{"id":48312713511156,"title":"Black Glossy Snake Print \/ Medium \/ 5","option1":"Black Glossy Snake Print","option2":"Medium","option3":"5","sku":"W36595 5.0B","requires_shipping":true,"taxable":true,"featured_image":null,"available":false,"name":"Women's Dillon Block Heel Thong Sandal - Black Glossy Snake Print \/ Medium \/ 5","public_title":"Black Glossy Snake Print \/ Medium \/ 5","options":["Black Glossy Snake Print","Medium","5"],"price":599000,"weight":1000,"compare_at_price":999500,"inventory_management":"shopify","barcode":"198859612687","requires_selling_plan":false,"selling_plan_allocations":[],"quantity_rule":{"min":1,"max":null,"increment":1}},{"id":48312713543924,"title":"Black Glossy Snake Print \/ Medium \/ 5.5","option1":"Black Glossy Snake Print","option2":"Medium","option3":"5.5","sku":"W36595 5.5B","requires_shipping":true,"taxable":true,"featured_image":null,"available":false,"name":"Women's Dillon Block Heel Thong Sandal - Black Glossy Snake Print \/ Medium \/ 5.5","public_title":"Black Glossy Snake Print \/ Medium \/ 5.5","options":["Black Glossy Snake Print","Medium","5.5"],"price":599000,"weight":1000,"compare_at_price":999500,"inventory_management":"shopify","barcode":"198859612694","requires_selling_plan":false,"selling_plan_allocations":[],"quantity_rule":{"min":1,"max":null,"increment":1}},{"id":48312713576692,"title":"Black Glossy Snake Print \/ Medium \/ 6","option1":"Black Glossy Snake Print","option2":"Medium","option3":"6","sku":"W36595 6.0B","requires_shipping":true,"taxable":true,"featured_image":null,"available":false,"name":"Women's Dillon Block Heel Thong Sandal - Black Glossy Snake Print \/ Medium \/ 6","public_title":"Black Glossy Snake Print \/ Medium \/ 6","options":["Black Glossy Snake Print","Medium","6"],"price":599000,"weight":1000,"compare_at_price":999500,"inventory_management":"shopify","barcode":"198859612700","requires_selling_plan":false,"selling_plan_allocations":[],"quantity_rule":{"min":1,"max":null,"increment":1}},{"id":48312713674996,"title":"Black Glossy Snake Print \/ Medium \/ 7.5","option1":"Black Glossy Snake Print","option2":"Medium","option3":"7.5","sku":"W36595 7.5B","requires_shipping":true,"taxable":true,"featured_image":null,"available":false,"name":"Women's Dillon Block Heel Thong Sandal - Black Glossy Snake Print \/ Medium \/ 7.5","public_title":"Black Glossy Snake Print \/ Medium \/ 7.5","options":["Black Glossy Snake Print","Medium","7.5"],"price":599000,"weight":1000,"compare_at_price":999500,"inventory_management":"shopify","barcode":"198859612731","requires_selling_plan":false,"selling_plan_allocations":[],"quantity_rule":{"min":1,"max":null,"increment":1}},{"id":48312713707764,"title":"Black Glossy Snake Print \/ Medium \/ 8","option1":"Black Glossy Snake Print","option2":"Medium","option3":"8","sku":"W36595 8.0B","requires_shipping":true,"taxable":true,"featured_image":null,"available":false,"name":"Women's Dillon Block Heel Thong Sandal - Black Glossy Snake Print \/ Medium \/ 8","public_title":"Black Glossy Snake Print \/ Medium \/ 8","options":["Black Glossy Snake Print","Medium","8"],"price":599000,"weight":1000,"compare_at_price":999500,"inventory_management":"shopify","barcode":"198859612748","requires_selling_plan":false,"selling_plan_allocations":[],"quantity_rule":{"min":1,"max":null,"increment":1}},{"id":48312713740532,"title":"Black Glossy Snake Print \/ Medium \/ 8.5","option1":"Black Glossy Snake Print","option2":"Medium","option3":"8.5","sku":"W36595 8.5B","requires_shipping":true,"taxable":true,"featured_image":null,"available":false,"name":"Women's Dillon Block Heel Thong Sandal - Black Glossy Snake Print \/ Medium \/ 8.5","public_title":"Black Glossy Snake Print \/ Medium \/ 8.5","options":["Black Glossy Snake Print","Medium","8.5"],"price":599000,"weight":1000,"compare_at_price":999500,"inventory_management":"shopify","barcode":"198859612755","requires_selling_plan":false,"selling_plan_allocations":[],"quantity_rule":{"min":1,"max":null,"increment":1}},{"id":48312713773300,"title":"Black Glossy Snake Print \/ Medium \/ 9","option1":"Black Glossy Snake Print","option2":"Medium","option3":"9","sku":"W36595 9.0B","requires_shipping":true,"taxable":true,"featured_image":null,"available":false,"name":"Women's Dillon Block Heel Thong Sandal - Black Glossy Snake Print \/ Medium \/ 9","public_title":"Black Glossy Snake Print \/ Medium \/ 9","options":["Black Glossy Snake Print","Medium","9"],"price":599000,"weight":1000,"compare_at_price":999500,"inventory_management":"shopify","barcode":"198859612762","requires_selling_plan":false,"selling_plan_allocations":[],"quantity_rule":{"min":1,"max":null,"increment":1}},{"id":48312713609460,"title":"Black Glossy Snake Print \/ Medium \/ 6.5","option1":"Black Glossy Snake Print","option2":"Medium","option3":"6.5","sku":"W36595 6.5B","requires_shipping":true,"taxable":true,"featured_image":null,"available":true,"name":"Women's Dillon Block Heel Thong Sandal - Black Glossy Snake Print \/ Medium \/ 6.5","public_title":"Black Glossy Snake Print \/ Medium \/ 6.5","options":["Black Glossy Snake Print","Medium","6.5"],"price":599000,"weight":1000,"compare_at_price":999500,"inventory_management":"shopify","barcode":"198859612717","requires_selling_plan":false,"selling_plan_allocations":[],"quantity_rule":{"min":1,"max":null,"increment":1}},{"id":48312713642228,"title":"Black Glossy Snake Print \/ Medium \/ 7","option1":"Black Glossy Snake Print","option2":"Medium","option3":"7","sku":"W36595 7.0B","requires_shipping":true,"taxable":true,"featured_image":null,"available":false,"name":"Women's Dillon Block Heel Thong Sandal - Black Glossy Snake Print \/ Medium \/ 7","public_title":"Black Glossy Snake Print \/ Medium \/ 7","options":["Black Glossy Snake Print","Medium","7"],"price":599000,"weight":1000,"compare_at_price":999500,"inventory_management":"shopify","barcode":"198859612724","requires_selling_plan":false,"selling_plan_allocations":[],"quantity_rule":{"min":1,"max":null,"increment":1}}] 25376 25377 </script>
25377 25378 25379 </div> 25380 </variant-radios><noscript class="product-form__noscript-wrapper-template--23890806309108__featured_collection_qwXzQm"> 25381 <div class="product-form__input"> 25382 <label class="form__label" for="Variants-template--23890806309108__featured_collection_qwXzQm">Product variants</label> 25383 <div class="select"> 25384 <select 25385 name="id" 25386 id="Variants-template--23890806309108__featured_collection_qwXzQm" 25387 class="select__select" 25388 form="" 25389 ><option 25390 25391 25392 disabled 25393 25394 value="48312713511156" 25395 >Black Glossy Snake Print / Medium / 5 - â±5,990.00 - Add to Bag</option><option 25396 25397 25398 disabled 25399 25400 value="48312713543924" 25401 >Black Glossy Snake Print / Medium / 5.5 - â±5,990.00 - Add to Bag</option><option 25402 25403 25404 disabled 25405 25406 value="48312713576692" 25407 >Black Glossy Snake Print / Medium / 6 - â±5,990.00 - Add to Bag</option><option 25408 25409 25410 disabled 25411 25412 value="48312713674996" 25413 >Black Glossy Snake Print / Medium / 7.5 - â±5,990.00 - Add to Bag</option><option 25414 25415 25416 disabled 25417 25418 value="48312713707764" 25419 >Black Glossy Snake Print / Medium / 8 - â±5,990.00 - Add to Bag</option><option 25420 25421 25422 disabled 25423 25424 value="48312713740532" 25425 >Black Glossy Snake Print / Medium / 8.5 - â±5,990.00 - Add to Bag</option><option 25426 25427 25428 disabled 25429 25430 value="48312713773300" 25431 >Black Glossy Snake Print / Medium / 9 - â±5,990.00 - Add to Bag</option><option 25432 25433 selected="selected" 25434 25435 25436 value="48312713609460" 25437 >Black Glossy Snake Print / Medium / 6.5 - â±5,990.00</option><option 25438 25439 25440 disabled 25441 25442 value="48312713642228" 25443 >Black Glossy Snake Print / Medium / 7 - â±5,990.00 - Add to Bag</option></select> 25444 <svg aria-hidden="true" focusable="false" class="icon icon-caret" viewBox="0 0 10 6"> 25445 <path fill-rule="evenodd" clip-rule="evenodd" d="M9.354.646a.5.5 0 00-.708 0L5 4.293 1.354.646a.5.5 0 00-.708.708l4 4a.5.5 0 00.708 0l4-4a.5.5 0 000-.708z" fill="currentColor"> 25446</svg> 25447<!-- <svg fill="#000000" height="14px" width="14px" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 330 330" xml:space="preserve" stroke="#000000" stroke-width="0.0033"><g id="SVGRepo_bgCarrier" stroke-width="0"></g><g id="SVGRepo_tracerCarrier" stroke-linecap="round" stroke-linejoin="round"></g> 25448 <g id="SVGRepo_iconCarrier"> 25449 <path id="XMLID_225_" d="M325.607,79.393c-5.857-5.857-15.355-5.858-21.213,0.001l-139.39,139.393L25.607,79.393 c-5.857-5.857-15.355-5.858-21.213,0.001c-5.858,5.858-5.858,15.355,0,21.213l150.004,150c2.813,2.813,6.628,4.393,10.606,4.393 s7.794-1.581,10.606-4.394l149.996-150C331.465,94.749,331.465,85.251,325.607,79.393z"> 25450 </path> </g></svg> --> 25451 25452 </div> 25453 </div> 25454</noscript> 25455
25456<script> 25457// var dataUrl; 25458// function fetchUrl(){ 25459// var productUrl = document.querySelector("button[data-product-url]"); 25460// if (productUrl) { 25461// debugger; 25462// dataUrl = productUrl.getAttribute("data-product-url"); 25463// console.log("data-product-url: ", dataUrl); 25464// } 25465// } 25466</script>
25466 25467 25468 25469 25470<div class=" 25471 price price--on-sale "> 25472 <div class="price__container"><div class="price__regular"> 25473 <span class="visually-hidden visually-hidden--inline">Regular price</span> 25474 <span class="price-item price-item--regular"> 25475 â±5,990 25476 </span> 25477 </div> 25478 <div class="price__sale price--large"> 25479 25480 <div class="" style="display: flex; white-space: nowrap; align-items: center;"> 25481 <span class="visually-hidden visually-hidden--inline">Regular price</span> 25482 <span class="strike-through quick-shop-regular"> 25483 <s class="price-item price-item--regular"> 25484 25485 â±9,995 25486 25487 </s> 25488 </span><span class="visually-hidden visually-hidden--inline " >Sale price</span> 25489 <span class="price-item price-item--sale price-item--last quick-shop-sale"> 25490 â±5,990 25491 </span> 25492 </div> 25493 <span class="compare-mark"> 25494 (40% Off) 25495 </span><style> 25496 .compare-mark{ 25497 font-size: 13px; 25498 color: #ff0d0d; 25499 font-family: WorkSansLight; 25500 margin-left: -10px; 25501 font-weight: 600; 25502 display: inline-flex; 25503 } 25504 @media screen and (max-width: 575px){ 25505 .compare-mark{ 25506 margin-left: 0; 25507 } 25508 .card-wrapper .price.price--on-sale .price__container { 25509 display: inline-flex; 25510 align-items: center; 25511 flex-wrap: wrap; 25512 align-items: flex-start; 25513 text-align: left; 25514 } 25515 } 25516 </style> 25517 </div> 25518 <small class="unit-price caption hidden"> 25519 <span class="visually-hidden">Unit price</span> 25520 <span class="price-item price-item--last"> 25521 <span></span> 25522 <span aria-hidden="true">/</span> 25523 <span class="visually-hidden"> per </span> 25524 <span> 25525 </span> 25526 </span> 25527 </small> 25528 </div></div> 25529 25530 <h3 25531 class="card_title card__heading h5" 25532 25533 id="title-template--23890806309108__featured_collection_qwXzQm-9473071350004" 25534 25535 > 25536 25537 25538 <a class="product_url" 25539 href="/products/w36595"> 25540 Women's Dillon Block Heel Thong Sandal 25541 </a> 25542 25543 </h3> 25544 <div class="card-information"><span class="caption-large light"></span></div> 25545 </div> 25546 25547 <div class="card__badge bottom left"><span 25548 id="Badge-template--23890806309108__featured_collection_qwXzQm-9473071350004" 25549 class="badge badge--bottom-left color-accent-2" 25550 >Sale</span></div> 25551 </div> 25552 </div> 25553 </div>
25553<script> 25554 25555 25556// function redirectFn(e){ 25557 25558// console.log('test e',e); 25559// const srcSet = e.querySelector('.pdp-primaryimage'); 25560 25561// const srcSetVal = srcSet['srcset']; 25562 25563// const startIndex = srcSetVal.indexOf('/products/'); 25564// const endIndex = srcSetVal.indexOf('_', startIndex); 25565// const desiredValue = srcSetVal.substring(startIndex, endIndex); 25566 25567// e.setAttribute('href', desiredValue); 25568 25569 25570// } 25571 25572 25573// document.addEventListener("DOMContentLoaded", function() { 25574// const items = document.querySelectorAll('#product-grid li.grid__item'); 25575 25576// items.forEach(item => { 25577// const button = item.querySelector('.quick-add__submit'); 25578// const colorSwatches = item.querySelectorAll('.color-swatches-plp'); 25579 25580// colorSwatches.forEach(swatch => { 25581// swatch.addEventListener('click', () => { 25582// const inputId = swatch.getAttribute('for'); 25583// const relatedProduct = item.querySelector(`#${inputId}.related-product`); 25584// if (relatedProduct) { 25585// const newUrl = relatedProduct.getAttribute('data-url'); 25586// if (newUrl) { 25587// button.setAttribute('data-product-url', newUrl); 25588// console.log(`Updated data-product-url: ${newUrl}`); 25589// } 25590// } 25591// }); 25592// }); 25593// }); 25594// }); 25595// // swatches click on collection page 25596 25597// document.addEventListener("DOMContentLoaded", function() { 25598 25599// initializeProductHrefs(); 25600 25601 25602// const colorSwatches = document.querySelectorAll('.color-swatches-plp'); 25603// colorSwatches.forEach(swatch => { 25604// swatch.addEventListener('click', function() { 25605// updateHref(this); 25606// }); 25607// }); 25608 25609 25610// const firstColorSwatch = document.querySelector('.color-swatches-plp'); 25611// if (firstColorSwatch) { 25612// firstColorSwatch.addEventListener('click', function() { 25613// updateHrefToFirstVariant(this); 25614// }); 25615// } 25616// }); 25617 25618// function initializeProductHrefs() { 25619// const productItems = document.querySelectorAll('#product-grid li.grid__item'); 25620// productItems.forEach((item, index) => { 25621// const firstVariant = item.querySelector('input.related-product'); 25622// if (firstVariant) { 25623// const initialUrl = firstVariant.getAttribute('data-url'); 25624// if (initialUrl) { 25625// const pdpNavigationLink = item.querySelector('.pdp-navigation-link'); 25626// pdpNavigationLink.setAttribute('href', initialUrl); 25627 25628// } 25629// } 25630// }); 25631// } 25632 25633// function updateHref(swatch) { 25634// const parentItem = swatch.closest('li.grid__item'); 25635// const inputId = swatch.getAttribute('for'); 25636// const relatedProduct = parentItem.querySelector(`input#${inputId}.related-product`); 25637// if (relatedProduct) { 25638// const newUrl = relatedProduct.getAttribute('data-url'); 25639// if (newUrl) { 25640// const pdpNavigationLink = parentItem.querySelector('.pdp-navigation-link'); 25641// pdpNavigationLink.setAttribute('href', newUrl); 25642 25643// } else { 25644// console.log(`No data-url found for swatch: ${inputId}`); 25645// } 25646// } else { 25647// console.log(`No related product input found for swatch: ${inputId}`); 25648// } 25649// } 25650 25651// function updateHrefToFirstVariant(swatch) { 25652// const parentItem = swatch.closest('li.grid__item'); 25653// const firstRelatedProduct = parentItem.querySelector('input.related-product'); 25654// if (firstRelatedProduct) { 25655// const firstUrl = firstRelatedProduct.getAttribute('data-url'); 25656// if (firstUrl) { 25657// const pdpNavigationLink = parentItem.querySelector('.pdp-navigation-link'); 25658// pdpNavigationLink.setAttribute('href', firstUrl); 25659 25660// } else { 25661// console.log('No data-url found for the first related product.'); 25662// } 25663// } else { 25664// console.log('No related product inputs found.'); 25665// } 25666// } 25667 25668 25669 25670</script>
25670 25671 25672 25673 </li></ul> 25674 25675 </slider-component></div> 25676</div> 25677 25678 25679</section><div id="shopify-section-template--23890806309108__looking-for-more" class="shopify-section"> 25680 25681<style data-shopify> 25682 .section-looking-for-more { 25683 height: 200px; 25684 background-color: #f4f4f4; 25685 display: flex; 25686 justify-content: center; 25687 align-items: center; 25688 margin: 0px %; 25689 } 25690 25691 @media only screen and (max-width: 980px) { 25692 .section-looking-for-more { 25693 flex-direction: column; 25694 height: auto; 25695 padding: 2rem 0 4rem 0; 25696 } 25697 } 25698 25699 .section-looking-for-more > p, .section-looking-for-more > div { 25700 display: flex; 25701 justify-content: center; 25702 align-items: center; 25703 } 25704 25705 .section-looking-for-more > p, .section-looking-for-more > div { 25706 display: flex; 25707 justify-content: center; 25708 align-items: center; 25709 } 25710 25711 .section-looking-for-more > div { 25712 width: 65%; 25713 flex-wrap: wrap; 25714 gap: 1rem; 25715 align-content: center; 25716 } 25717 25718 .category-links { 25719 background-color: #ffffff; 25720 color: #000000; 25721 text-decoration: none; 25722 width: 291px; 25723 height: 47px; 25724 display: flex; 25725 justify-content: center; 25726 align-items: center; 25727 font-size: px; 25728 } 25729 25730 .category-links:hover { 25731 color: ; 25732 } 25733 25734 .title { 25735 font-family: Libre Bodoni; 25736 font-style: normal; 25737 font-weight: 400; 25738 font-size: 44px; 25739 line-height: 120%; 25740 text-align: left; 25741 position: inherit; 25742 top: 25%; 25743 left: 31%; 25744 color: #000000; 25745 margin: 3rem 0 2rem; 25746 white-space: nowrap; 25747 } 25748 25749 .max-width-for-category-links { 25750 max-width: 1176px; 25751 } 25752 25753 /* If there are 8 blocks, reduce original width and height to accomodate space for 8 blocks. */ 25754 25755 25756 25757 25758 /* Italicize or un-italicize the title based on checkbox value. */ 25759 25760 25761 @media screen and (max-width: 575px){ 25762 .section-looking-for-more > p.title, .section-looking-for-more > div.title { 25763 font-size: 36px; 25764 } 25765 } 25766</style> 25767 25768<div class="section-looking-for-more"> 25769 <p class="title"> Looking for more? </p> 25770 <div class="max-width-for-category-links"> 25771 25772 25773<a href="/collections/women_shoes_sneakers" class="category-links">WOMEN'S SNEAKERS</a> 25774 25775 25776<a href="/collections/women_shoes_sandals" class="category-links">WOMEN'S SANDALS</a> 25777 25778 25779<a href="/collections/women_shoes_loafers-and-drivers" class="category-links">WOMEN'S LOAFERS</a> 25780 25781 25782<a href="/collections/men_shoes_sneakers" class="category-links">MEN'S SNEAKERS</a> 25783 25784 25785<a href="/collections/men_shoes_sandals" class="category-links">MEN'S SANDALS</a> 25786 25787 25788<a href="/collections/men_shoes_loafers-and-drivers" class="category-links">MEN'S LOAFERS</a> 25789 25790 25791 </div> 25792</div> 25793 25794</div><section id="shopify-section-template--23890806309108__1759367049bcfdcbd3" class="shopify-section section"><div class="page-width"><div id="shopify-block-ASW40RmJrMG9KR3FuU__judge_me_reviews_featured_carousel_hmkDnW" class="shopify-block shopify-app-block"><div style="margin:0 auto;max-width:1080px;"> 25795 <div class='jdgm-carousel-wrapper'> 25796 <div class="jdgm-carousel-title-and-link"> 25797 <h2 class='jdgm-carousel-title'>Let customers speak for us</h2> 25798 <span class="jdgm-all-reviews-rating-wrapper" href="javascript:void(0)"> 25799 <span style="display:block" data-score='4.93' class='jdgm-all-reviews-rating' aria-label='4.93 stars' tabindex='0' role='img'></span> 25800 <span style="display: block" class='jdgm-carousel-number-of-reviews' data-number-of-reviews='734'> 25801 from 734 reviews 25802 </span> 25803 </span> 25804 </div> 25805 <section class='jdgm-widget jdgm-carousel jdgm-carousel--default-theme' data-widget-locale='en'> <style>.jdgm-carousel{display: none}</style> <style> .jdgm-xx{left:0}.jdgm-carousel-item__timestamp{display:none !important}.jdgm-carousel-item__product-title{display:none !important}.jdgm-carousel-wrapper .jdgm-carousel-item__review{height:calc(72% - 1.4em)} 25806 </style> <style> </style> <div class='jdgm-carousel__item-container'> <div class='jdgm-carousel__item-wrapper'><div class='jdgm-carousel-item jdgm--shop-review' data-review-id='87fb26f3-9f39-4c65-89ac-3cedb9cebcba'> <div class='jdgm-carousel-item__review'>
25806 <div class='jdgm-carousel-item__review-rating' aria-label='5 stars' role='img'> <span class='jdgm-star jdgm--on'></span><span class='jdgm-star jdgm--on'></span><span class='jdgm-star jdgm--on'></span><span class='jdgm-star jdgm--on'></span><span class='jdgm-star jdgm--on'></span> </div> <div class='jdgm-carousel-item__review-content'> <div class='jdgm-carousel-item__review-title'>Grand Crosscourt Packaway Sneakers - perfect for everyday wear in the office</div> <div class='jdgm-carousel-item__review-body'><p>The buying process was easy. I ordered online and asked that it be delivered to the Glorietta branch for proper fitting. On the agreed date, I was informed that the shoe was already in Glorietta. I used my lunch time break to get to the branch, fitted it, paid for it and was back in my office in 45 minutes.</p> 25807 25808<p>The Grand Crosscourt Packaway Sneaker was what I was looking for. A black leather sneaker shoes that I could wear in the office. The leather was soft and comfortable to wear. The rubber outsole was just right. Been wearing this for a week now and been loving it so far.</p></div> </div> </div> <div class='jdgm-carousel-item__reviewer-name-wrapper'> <div class='jdgm-carousel-item__reviewer-name jdgm-ellipsis'> Jojo Castillo </div> <div class='jdgm-carousel-item__timestamp jdgm-ellipsis jdgm-spinner' data-time='10/04/2026'> 10/04/2026 </div> </div> <div class='jdgm-carousel-item__product '> </div> </div><div class='jdgm-carousel-item ' data-review-id='3b6406a5-9c80-45c9-aa1f-be14964dc021'> <div class='jdgm-carousel-item__review'> <div class='jdgm-carousel-item__review-rating' aria-label='5 stars' role='img'> <span class='jdgm-star jdgm--on'></span><span class='jdgm-star jdgm--on'></span><span class='jdgm-star jdgm--on'></span><span class='jdgm-star jdgm--on'></span><span class='jdgm-star jdgm--on'></span> </div> <div class='jdgm-carousel-item__review-content'> <div class='jdgm-carousel-item__review-title'></div> <div class='jdgm-carousel-item__review-body'><p>Men's ÃriginalGrand Quadstar 2.0 Running Sneaker</p></div> </div> </div> <div class='jdgm-carousel-item__reviewer-name-wrapper'> <div class='jdgm-carousel-item__reviewer-name jdgm-ellipsis'> Shieldon Oliver C. Calayan </div> <div class='jdgm-carousel-item__timestamp jdgm-ellipsis jdgm-spinner' data-time='10/02/2026'> 10/02/2026 </div> </div> <div class='jdgm-carousel-item__product jdgm--shop-review-has-image'> <img class='jdgm-carousel-item__product-image' alt='Men's ÃriginalGrand Quadstar 2.0 Running Sneaker' data-src='https://cdn.shopify.com/s/files/1/0445/4308/2658/files/BaseTransform1_3fd42a00-1ec9-4475-a055-b6163e10f25a_70x70.jpg?v=1784088194' data-src-retina='https://cdn.shopify.com/s/files/1/0445/4308/2658/files/BaseTransform1_3fd42a00-1ec9-4475-a055-b6163e10f25a_140x140.jpg?v=1784088194'/> </div> </div><div class='jdgm-carousel-item ' data-review-id='ec8dda19-88c7-4488-88b3-c1b491a6c8e6'> <div class='jdgm-carousel-item__review'> <div class='jdgm-carousel-item__review-rating' aria-label='5 stars' role='img'> <span class='jdgm-star jdgm--on'></span><span class='jdgm-star jdgm--on'></span><span class='jdgm-star jdgm--on'></span><span class='jdgm-star jdgm--on'></span><span class='jdgm-star jdgm--on'></span> </div> <div class='jdgm-carousel-item__review-content'> <div class='jdgm-carousel-item__review-title'>Comfy and versatile</div> <div class='jdgm-carousel-item__review-body'><p>Transition easily from business-casual office settings to relaxed weekend wear with dark jeans, shorts or Chinos</p></div> </div> </div> <div class='jdgm-carousel-item__reviewer-name-wrapper'> <div class='jdgm-carousel-item__reviewer-name jdgm-ellipsis'> Karlo Matthew Perez </div> <div class='jdgm-carousel-item__timestamp jdgm-ellipsis jdgm-spinner' data-time='09/28/2026'> 09/28/2026 </div> </div> <div class='jdgm-carousel-item__product jdgm--shop-review-has-image'> <img class='jdgm-carousel-item__product-image' alt='Men's GrandPrø Luxe Slip-On STITCHLITE⢠Sneaker' data-src='https://cdn.shopify.com/s/files/1/0445/4308/2658/files/BaseTransform1_a6729840-f25c-44c1-ac51-f0770b86e59d_70x70.jpg?v=1777865967' data-src-retina='https://cdn.shopify.com/s/files/1/0445/4308/2658/files/BaseTransform1_a6729840-f25c-44c1-ac51-f0770b86e59d_140x140.jpg?v=1777865967'/> </div> </div><div class='jdgm-carousel-item jdgm--shop-review' data-review-id='ab17c8b7-0136-412e-8446-19791ab2f92e'> <div class='jdgm-carousel-item__review'>
25808 <div class='jdgm-carousel-item__review-rating' aria-label='5 stars' role='img'> <span class='jdgm-star jdgm--on'></span><span class='jdgm-star jdgm--on'></span><span class='jdgm-star jdgm--on'></span><span class='jdgm-star jdgm--on'></span><span class='jdgm-star jdgm--on'></span> </div> <div class='jdgm-carousel-item__review-content'> <div class='jdgm-carousel-item__review-title'>Product was good and I really like</div> <div class='jdgm-carousel-item__review-body'><p>Product was good and I really like it</p></div> </div> </div> <div class='jdgm-carousel-item__reviewer-name-wrapper'> <div class='jdgm-carousel-item__reviewer-name jdgm-ellipsis'> Anonymous </div> <div class='jdgm-carousel-item__timestamp jdgm-ellipsis jdgm-spinner' data-time='09/27/2026'> 09/27/2026 </div> </div> <div class='jdgm-carousel-item__product '> </div> </div><div class='jdgm-carousel-item ' data-review-id='b7d307b1-0f4e-4513-b029-a47e214864df'> <div class='jdgm-carousel-item__review'> <div class='jdgm-carousel-item__review-rating' aria-label='5 stars' role='img'> <span class='jdgm-star jdgm--on'></span><span class='jdgm-star jdgm--on'></span><span class='jdgm-star jdgm--on'></span><span class='jdgm-star jdgm--on'></span><span class='jdgm-star jdgm--on'></span> </div> <div class='jdgm-carousel-item__review-content'> <div class='jdgm-carousel-item__review-title'>Amazing store in greenbelt</div> <div class='jdgm-carousel-item__review-body'><p>Staff was accommodating and provided ways for me to get the product despite lack of availability during the visit.</p></div> </div> </div> <div class='jdgm-carousel-item__reviewer-name-wrapper'> <div class='jdgm-carousel-item__reviewer-name jdgm-ellipsis'> gabriel oaul jugueta </div> <div class='jdgm-carousel-item__timestamp jdgm-ellipsis jdgm-spinner' data-time='09/25/2026'> 09/25/2026 </div> </div> <div class='jdgm-carousel-item__product jdgm--shop-review-has-image'> <img class='jdgm-carousel-item__product-image' alt='Men's ZERÃGRAND Remastered Wingtip Oxford' data-src='https://cdn.shopify.com/s/files/1/0445/4308/2658/files/BaseTransform1_d19195bd-7838-424d-8b4b-7512828540d8_70x70.jpg?v=1777865976' data-src-retina='https://cdn.shopify.com/s/files/1/0445/4308/2658/files/BaseTransform1_d19195bd-7838-424d-8b4b-7512828540d8_140x140.jpg?v=1777865976'/> </div> </div><div class='jdgm-carousel-item ' data-review-id='0ad1340f-4b40-4b31-ba17-3be0e168945e'> <div class='jdgm-carousel-item__review'> <div class='jdgm-carousel-item__review-rating' aria-label='5 stars' role='img'> <span class='jdgm-star jdgm--on'></span><span class='jdgm-star jdgm--on'></span><span class='jdgm-star jdgm--on'></span><span class='jdgm-star jdgm--on'></span><span class='jdgm-star jdgm--on'></span> </div> <div class='jdgm-carousel-item__review-content'> <div class='jdgm-carousel-item__review-title'></div> <div class='jdgm-carousel-item__review-body'><p>Men's 6.ZERÃGRAND Laser Quick-On Oxford</p></div> </div> </div> <div class='jdgm-carousel-item__reviewer-name-wrapper'> <div class='jdgm-carousel-item__reviewer-name jdgm-ellipsis'> Gabriel Alejandro Baroque </div> <div class='jdgm-carousel-item__timestamp jdgm-ellipsis jdgm-spinner' data-time='09/25/2026'> 09/25/2026 </div> </div> <div class='jdgm-carousel-item__product jdgm--shop-review-has-image'> <img class='jdgm-carousel-item__product-image' alt='Men's 6.ZERÃGRAND Laser Quick-On Oxford' data-src='https://cdn.shopify.com/s/files/1/0445/4308/2658/files/BaseTransform1_cdb7d99f-77de-4d84-9f0f-fb5395b58a77_70x70.jpg?v=1770007086' data-src-retina='https://cdn.shopify.com/s/files/1/0445/4308/2658/files/BaseTransform1_cdb7d99f-77de-4d84-9f0f-fb5395b58a77_140x140.jpg?v=1770007086'/> </div> </div><div class='jdgm-carousel-item ' data-review-id='b210d8d4-9d44-4f5e-ade2-d4e36ba79f58'> <div class='jdgm-carousel-item__review'> <div class='jdgm-carousel-item__review-rating' aria-label='5 stars' role='img'> <span class='jdgm-star jdgm--on'></span><span class='jdgm-star jdgm--on'></span><span class='jdgm-star jdgm--on'></span><span class='jdgm-star jdgm--on'></span><span class='jdgm-star jdgm--on'></span> </div> <div class='jdgm-carousel-item__review-content'> <div class='jdgm-carousel-item__review-title'></div> <div class='jdgm-carousel-item__review-body'><p>Men's Grand Phaze Plain Toe Quick-On Oxford</p></div> </div> </div> <div class='jdgm-carousel-item__reviewer-name-wrapper'> <div class='jdgm-carousel-item__reviewer-name jdgm-ellipsis'> Rossenie de la Torre </div> <div class='jdgm-carousel-item__timestamp jdgm-ellipsis jdgm-spinner' data-time='09/19/2026'> 09/19/2026 </div> </div> <div class='jdgm-carousel-item__product jdgm--shop-review-has-image'> <img class='jdgm-carousel-item__product-image' alt='Men's Grand Phaze Plain Toe Quick-On Oxford' data-src='https://cdn.shopify.com/s/files/1/0445/4308/2658/files/BaseTransform1_bfabc3ff-b2c0-48d6-a30e-764479530822_70x70.jpg?v=1786693573' data-src-retina='https://cdn.shopify.com/s/files/1/0445/4308/2658/files/BaseTransform1_bfabc3ff-b2c0-48d6-a30e-764479530822_140x140.jpg?v=1786693573'/> </div> </div><div class='jdgm-carousel-item ' data-review-id='97e7e5c6-a9fc-4fcb-8ccb-8ecdd52b5786'> <div class='jdgm-carousel-item__review'>
25808 <div class='jdgm-carousel-item__review-rating' aria-label='5 stars' role='img'> <span class='jdgm-star jdgm--on'></span><span class='jdgm-star jdgm--on'></span><span class='jdgm-star jdgm--on'></span><span class='jdgm-star jdgm--on'></span><span class='jdgm-star jdgm--on'></span> </div> <div class='jdgm-carousel-item__review-content'> <div class='jdgm-carousel-item__review-title'>Best in comfort and style</div> <div class='jdgm-carousel-item__review-body'><p>These are really nice and fun to wear. Very comfortable and not at all bulky unlike some other brands.</p></div> </div> </div> <div class='jdgm-carousel-item__reviewer-name-wrapper'> <div class='jdgm-carousel-item__reviewer-name jdgm-ellipsis'> Clarence Yu </div> <div class='jdgm-carousel-item__timestamp jdgm-ellipsis jdgm-spinner' data-time='09/18/2026'> 09/18/2026 </div> </div> <div class='jdgm-carousel-item__product jdgm--shop-review-has-image'> <img class='jdgm-carousel-item__product-image' alt='Men's American Classics Hampton Loafer' data-src='https://cdn.shopify.com/s/files/1/0445/4308/2658/files/BaseTransform1_d727e511-559c-4cda-b474-3cf25670191e_70x70.jpg?v=1735778349' data-src-retina='https://cdn.shopify.com/s/files/1/0445/4308/2658/files/BaseTransform1_d727e511-559c-4cda-b474-3cf25670191e_140x140.jpg?v=1735778349'/> </div> </div><div class='jdgm-carousel-item ' data-review-id='84848bac-f01d-473e-9fd9-38caf73f04a0'> <div class='jdgm-carousel-item__review'> <div class='jdgm-carousel-item__review-rating' aria-label='5 stars' role='img'> <span class='jdgm-star jdgm--on'></span><span class='jdgm-star jdgm--on'></span><span class='jdgm-star jdgm--on'></span><span class='jdgm-star jdgm--on'></span><span class='jdgm-star jdgm--on'></span> </div> <div class='jdgm-carousel-item__review-content'> <div class='jdgm-carousel-item__review-title'></div> <div class='jdgm-carousel-item__review-body'><p>Super comfy</p></div> </div> </div> <div class='jdgm-carousel-item__reviewer-name-wrapper'> <div class='jdgm-carousel-item__reviewer-name jdgm-ellipsis'> Roberto Aquino </div> <div class='jdgm-carousel-item__timestamp jdgm-ellipsis jdgm-spinner' data-time='09/18/2026'> 09/18/2026 </div> </div> <div class='jdgm-carousel-item__product jdgm--shop-review-has-image'> <img class='jdgm-carousel-item__product-image' alt='Men's Grand Crosscourt 20.4.7 Golf Shoe' data-src='https://cdn.shopify.com/s/files/1/0445/4308/2658/files/BaseTransform1_697fb94a-a96f-4d22-9354-5f2127385391_70x70.jpg?v=1770007319' data-src-retina='https://cdn.shopify.com/s/files/1/0445/4308/2658/files/BaseTransform1_697fb94a-a96f-4d22-9354-5f2127385391_140x140.jpg?v=1770007319'/> </div> </div><div class='jdgm-carousel-item ' data-review-id='19ff3d8a-a9ba-4d22-a420-44552f35a2ab'> <div class='jdgm-carousel-item__review'> <div class='jdgm-carousel-item__review-rating' aria-label='5 stars' role='img'> <span class='jdgm-star jdgm--on'></span><span class='jdgm-star jdgm--on'></span><span class='jdgm-star jdgm--on'></span><span class='jdgm-star jdgm--on'></span><span class='jdgm-star jdgm--on'></span> </div> <div class='jdgm-carousel-item__review-content'> <div class='jdgm-carousel-item__review-title'></div> <div class='jdgm-carousel-item__review-body'><p>No issues</p></div> </div> </div> <div class='jdgm-carousel-item__reviewer-name-wrapper'> <div class='jdgm-carousel-item__reviewer-name jdgm-ellipsis'> Anonymous </div> <div class='jdgm-carousel-item__timestamp jdgm-ellipsis jdgm-spinner' data-time='09/17/2026'> 09/17/2026 </div> </div> <div class='jdgm-carousel-item__product jdgm--shop-review-has-image'> <img class='jdgm-carousel-item__product-image' alt='Men's ÃriginalGrand Cityspectre Wingtip Oxford' data-src='https://cdn.shopify.com/s/files/1/0445/4308/2658/files/BaseTransform1_82a92e91-a37e-4850-8038-4e6ea08baac1_70x70.jpg?v=1751520220' data-src-retina='https://cdn.shopify.com/s/files/1/0445/4308/2658/files/BaseTransform1_82a92e91-a37e-4850-8038-4e6ea08baac1_140x140.jpg?v=1751520220'/> </div> </div><div class='jdgm-carousel-item ' data-review-id='9924655a-6b73-4124-8e6b-d2fbcae877e6'> <div class='jdgm-carousel-item__review'>
25808 <div class='jdgm-carousel-item__review-rating' aria-label='5 stars' role='img'> <span class='jdgm-star jdgm--on'></span><span class='jdgm-star jdgm--on'></span><span class='jdgm-star jdgm--on'></span><span class='jdgm-star jdgm--on'></span><span class='jdgm-star jdgm--on'></span> </div> <div class='jdgm-carousel-item__review-content'> <div class='jdgm-carousel-item__review-title'>Excellent pair as always.</div> <div class='jdgm-carousel-item__review-body'><p>The shoes look very good and are extremely comfortable. Fit well either as dress or casual sneakers.</p></div> </div> </div> <div class='jdgm-carousel-item__reviewer-name-wrapper'> <div class='jdgm-carousel-item__reviewer-name jdgm-ellipsis'> NOL DE LEON </div> <div class='jdgm-carousel-item__timestamp jdgm-ellipsis jdgm-spinner' data-time='09/14/2026'> 09/14/2026 </div> </div> <div class='jdgm-carousel-item__product jdgm--shop-review-has-image'> <img class='jdgm-carousel-item__product-image' alt='Men's GrandPrø Topspin Sneaker' data-src='https://cdn.shopify.com/s/files/1/0445/4308/2658/products/C35573_A_70x70.jpg?v=1648090777' data-src-retina='https://cdn.shopify.com/s/files/1/0445/4308/2658/products/C35573_A_140x140.jpg?v=1648090777'/> </div> </div><div class='jdgm-carousel-item ' data-review-id='7316e4bb-d01f-4f04-a7ad-14d9cf9cc6e8'> <div class='jdgm-carousel-item__review'> <div class='jdgm-carousel-item__review-rating' aria-label='5 stars' role='img'> <span class='jdgm-star jdgm--on'></span><span class='jdgm-star jdgm--on'></span><span class='jdgm-star jdgm--on'></span><span class='jdgm-star jdgm--on'></span><span class='jdgm-star jdgm--on'></span> </div> <div class='jdgm-carousel-item__review-content'> <div class='jdgm-carousel-item__review-title'>Classy and casual</div> <div class='jdgm-carousel-item__review-body'><p>Great fit, perfect for weekend wear or vacations. Works great with jeans.</p></div> </div> </div> <div class='jdgm-carousel-item__reviewer-name-wrapper'> <div class='jdgm-carousel-item__reviewer-name jdgm-ellipsis'> Clarence Yu </div> <div class='jdgm-carousel-item__timestamp jdgm-ellipsis jdgm-spinner' data-time='09/12/2026'> 09/12/2026 </div> </div> <div class='jdgm-carousel-item__product jdgm--shop-review-has-image'> <img class='jdgm-carousel-item__product-image' alt='Men's ZERÃGRAND Remastered STITCHLITE⢠Loafer' data-src='https://cdn.shopify.com/s/files/1/0445/4308/2658/files/BaseTransform1_95e3ea1f-12ca-434b-b2d3-eb9d22309ec4_70x70.jpg?v=1774590980' data-src-retina='https://cdn.shopify.com/s/files/1/0445/4308/2658/files/BaseTransform1_95e3ea1f-12ca-434b-b2d3-eb9d22309ec4_140x140.jpg?v=1774590980'/> </div> </div><div class='jdgm-carousel-item ' data-review-id='eab62085-dadf-47ea-9927-54ebbdd8e635'> <div class='jdgm-carousel-item__review'> <div class='jdgm-carousel-item__review-rating' aria-label='5 stars' role='img'> <span class='jdgm-star jdgm--on'></span><span class='jdgm-star jdgm--on'></span><span class='jdgm-star jdgm--on'></span><span class='jdgm-star jdgm--on'></span><span class='jdgm-star jdgm--on'></span> </div> <div class='jdgm-carousel-item__review-content'> <div class='jdgm-carousel-item__review-title'>Good buy!</div> <div class='jdgm-carousel-item__review-body'><p>Its so comfortable to wear. No breaking in needed. I feel so stylish in them!</p></div> </div> </div> <div class='jdgm-carousel-item__reviewer-name-wrapper'> <div class='jdgm-carousel-item__reviewer-name jdgm-ellipsis'> Cristine Cabebe </div> <div class='jdgm-carousel-item__timestamp jdgm-ellipsis jdgm-spinner' data-time='09/08/2026'> 09/08/2026 </div> </div> <div class='jdgm-carousel-item__product jdgm--shop-review-has-image'> <img class='jdgm-carousel-item__product-image' alt='Women's ÃriginalGrand CitySpectre Oxford' data-src='https://cdn.shopify.com/s/files/1/0445/4308/2658/files/BaseTransform1_0acbb686-685b-451c-b758-13f0219df6dd_70x70.jpg?v=1770071702' data-src-retina='https://cdn.shopify.com/s/files/1/0445/4308/2658/files/BaseTransform1_0acbb686-685b-451c-b758-13f0219df6dd_140x140.jpg?v=1770071702'/> </div> </div><div class='jdgm-carousel-item ' data-review-id='7a2cc630-f215-4666-b31d-c3a8b9e51952'> <div class='jdgm-carousel-item__review'>
25808 <div class='jdgm-carousel-item__review-rating' aria-label='5 stars' role='img'> <span class='jdgm-star jdgm--on'></span><span class='jdgm-star jdgm--on'></span><span class='jdgm-star jdgm--on'></span><span class='jdgm-star jdgm--on'></span><span class='jdgm-star jdgm--on'></span> </div> <div class='jdgm-carousel-item__review-content'> <div class='jdgm-carousel-item__review-title'></div> <div class='jdgm-carousel-item__review-body'><p>Women's Jasleen Quilted Ballet Flats</p></div> </div> </div> <div class='jdgm-carousel-item__reviewer-name-wrapper'> <div class='jdgm-carousel-item__reviewer-name jdgm-ellipsis'> Sigrid Agcaoili </div> <div class='jdgm-carousel-item__timestamp jdgm-ellipsis jdgm-spinner' data-time='09/04/2026'> 09/04/2026 </div> </div> <div class='jdgm-carousel-item__product jdgm--shop-review-has-image'> <img class='jdgm-carousel-item__product-image' alt='Women's Jasleen Quilted Ballet Flats' data-src='https://cdn.shopify.com/s/files/1/0445/4308/2658/files/BaseTransform1_8016535d-0a14-4aec-89fc-18ed8a5b77eb_70x70.jpg?v=1780029115' data-src-retina='https://cdn.shopify.com/s/files/1/0445/4308/2658/files/BaseTransform1_8016535d-0a14-4aec-89fc-18ed8a5b77eb_140x140.jpg?v=1780029115'/> </div> </div><div class='jdgm-carousel-item jdgm--shop-review' data-review-id='5db4ecc8-f92f-4099-8a7c-814eea3c2c53'> <div class='jdgm-carousel-item__review'> <div class='jdgm-carousel-item__review-rating' aria-label='5 stars' role='img'> <span class='jdgm-star jdgm--on'></span><span class='jdgm-star jdgm--on'></span><span class='jdgm-star jdgm--on'></span><span class='jdgm-star jdgm--on'></span><span class='jdgm-star jdgm--on'></span> </div> <div class='jdgm-carousel-item__review-content'> <div class='jdgm-carousel-item__review-title'>Very good quality</div> <div class='jdgm-carousel-item__review-body'><p>Very good quality, value for money</p></div> </div> </div> <div class='jdgm-carousel-item__reviewer-name-wrapper'> <div class='jdgm-carousel-item__reviewer-name jdgm-ellipsis'> Anonymous </div> <div class='jdgm-carousel-item__timestamp jdgm-ellipsis jdgm-spinner' data-time='08/29/2026'> 08/29/2026 </div> </div> <div class='jdgm-carousel-item__product '> </div> </div></div> </div> <div class='jdgm-carousel__arrows'> <div class='jdgm-carousel__left-arrow' tabindex="0" role="button" aria-label="Previous reviews"></div> <div class='jdgm-carousel__right-arrow' tabindex="0" role="button" aria-label="Next reviews"></div> </div> </section> <section> </section> 25809 </div> 25810</div> 25811 25812 25813</div> 25814</div> 25815 25816 25817</section> 25818
25818<script> 25819 document.addEventListener('DOMContentLoaded', function() { 25820 // Get all elements with class names containing '__video_' 25821 var elements = document.querySelectorAll('[class*="__video_"]'); 25822 25823 if (elements.length > 0) { 25824 // Enable the CSS files if such elements are found 25825 document.getElementById('video-section-css').removeAttribute('disabled'); 25826 document.getElementById('component-deferred-media-css').removeAttribute('disabled'); 25827 document.getElementById('section-image-banner-default-css').removeAttribute('disabled'); 25828 document.getElementById('renderVideoBanners').setAttribute('disabled', true); 25829 var styleElement = document.getElementById('renderVideoBanners'); 25830 styleElement.remove(); 25831 } 25832 25833 var elementsSlideshow = document.querySelectorAll('[class*="__slideshow_"]'); 25834 var elementsFeatureCollections = document.querySelectorAll('[id*="__featured_collection_"]'); 25835 if (elementsSlideshow.length > 0) { 25836 // Enable the CSS files if such elements are found 25837 document.getElementById('section-image-banner-css').removeAttribute('disabled'); 25838 document.getElementById('component-slider-css').removeAttribute('disabled'); 25839 document.getElementById('component-slideshow-css').removeAttribute('disabled'); 25840 document.getElementById('renderSlideShowBanners').setAttribute('disabled', true); 25841 var styleElement = document.getElementById('renderSlideShowBanners'); 25842 styleElement.remove(); 25843 } 25844 25845 if (elementsFeatureCollections > 0){ 25846 document.getElementById('component-price-css').removeAttribute('disabled'); 25847 document.getElementById('component-slider-css').removeAttribute('disabled'); 25848 document.getElementById('component-card-css').removeAttribute('disabled'); 25849 } 25850 }); 25851 </script>
25851 25852 </main> 25853 25854 <!-- BEGIN sections: footer-group --> 25855<section id="shopify-section-sections--23890807554292__custom_liquid_GHTG8B" class="shopify-section shopify-section-group-footer-group section"><style data-shopify>.section-sections--23890807554292__custom_liquid_GHTG8B-padding { 25856 padding: 0; 25857 } 25858 /* 25859 .section-sections--23890807554292__custom_liquid_GHTG8B-padding { 25860 padding-top: calc(40px * 0.75); 25861 padding-bottom: calc(52px * 0.75); 25862 } 25863 25864 @media screen and (min-width: 750px) { 25865 .section-sections--23890807554292__custom_liquid_GHTG8B-padding { 25866 padding-top: 40px; 25867 padding-bottom: 52px; 25868 } 25869 } 25870 */</style><div class="color-background-1 gradient"> 25871 <div class="section-sections--23890807554292__custom_liquid_GHTG8B-padding"> 25872 25873 </div> 25874</div> 25875 25876 25877</section><div id="shopify-section-sections--23890807554292__footer" class="shopify-section shopify-section-group-footer-group"> 25878<link href="//colehaan.com.ph/cdn/shop/t/131/assets/section-footer.css?v=85617448276133477291790040531" rel="stylesheet" type="text/css" media="all" /> 25879<link href="//colehaan.com.ph/cdn/shop/t/131/assets/component-newsletter.css?v=103472482056003053551790040490" rel="stylesheet" type="text/css" media="all" /> 25880<link href="//colehaan.com.ph/cdn/shop/t/131/assets/component-list-menu.css?v=151968516119678728991790040485" rel="stylesheet" type="text/css" media="all" /> 25881<link href="//colehaan.com.ph/cdn/shop/t/131/assets/component-list-payment.css?v=69253961410771838501790040486" rel="stylesheet" type="text/css" media="all" /> 25882<link href="//colehaan.com.ph/cdn/shop/t/131/assets/component-list-social.css?v=127955865518079009031790040486" rel="stylesheet" type="text/css" media="all" /> 25883<link href="//colehaan.com.ph/cdn/shop/t/131/assets/custom-footer.css?v=147195539720124106281790040499" rel="stylesheet" type="text/css" media="all" /> 25884<style data-shopify>.footer { 25885 margin-top: 27px; 25886 } 25887 25888 /* 25889 c.section-sections--23890807554292__footer-padding { 25890 padding-top: 27px; 25891 padding-bottom: 27px; 25892 } 25893 */ 25894 25895 .section-sections--23890807554292__footer-padding { 25896 padding: 0; 25897 } 25898 25899 @media screen and (min-width: 750px) { 25900 .footer { 25901 margin-top: 36px; 25902 } 25903 25904 .section-sections--23890807554292__footer-padding { 25905 padding: 0; 25906 margin: 0; 25907 } 25908 } 25909 25910 /* Footer Style */ 25911 .shopify-section.shopify-section-group-footer-group.section { 25912 margin: 0 auto; 25913 } 25914 .footer-block--newsletter-container { 25915 border-bottom: 1px solid #CBD1D3; 25916 width: 100%; 25917 padding: 40px 32px; 25918 margin: 20px auto 0; 25919 overflow: hidden; 25920 } 25921 .footer-block--newsletter-container .footer-block__newsletter { 25922 padding: 0; 25923 overflow: hidden; 25924 } 25925 .footer-block--newsletter-container .footer-block__newsletter .row .width30 { 25926 width: 25%; 25927 float: left; 25928 margin-right: 5%; 25929 } 25930 .footer-block--newsletter-container .footer-block__newsletter .row .width70 { 25931 width: 52%; 25932 float: left; 25933 } 25934 .footer-block__heading, .footer-contact-heading { 25935 color: #000000; 25936 text-align: left; 25937 font-family: 'Libre Bodoni', serif; 25938 font-size: 28px; 25939 font-weight: 300; 25940 line-height: 32px; 25941 letter-spacing: -1px; 25942 } 25943 .footer-block__subheading, .footer-contact-section .footer-contact-section-item1 .footer-contact-subheading { 25944 color: #000000; 25945 font-family: 'WorkSansRegular'; 25946 font-style: normal; 25947 font-weight: 300; 25948 font-size: 16px; 25949 line-height: 125%; 25950 text-align: left; 25951 letter-spacing: 0; 25952 padding: 22px 0 25px; 25953 max-width: 420px; 25954 } 25955 .footer-block__newsletter .width70 .newsletter-form { 25956 margin-left: 0; 25957 width: 100%; 25958 max-width: 90%; 25959 } 25960 .footer-block__newsletter .width70 .newsletter-form__field-wrapper { 25961 max-width: 90%; 25962 } 25963 .footer-block__newsletter .width70 .newsletter-form__field-wrapper-info { 25964 color: #6E7679; 25965 font-family: "Work Sans", sans-serif; 25966 font-style: normal; 25967 font-weight: 400; 25968 font-size: 13px; 25969 line-height: 140%; 25970 } 25971 25972 .footer-contact-section { 25973 border-bottom: 1px solid #CBD1D3; 25974 width: 100%; 25975 padding: 65px 32px; 25976 margin: 0 auto; 25977 overflow: hidden; 25978 } 25979 .footer-contact-section-item1 { 25980 width: 30%; 25981 float: left; 25982 margin-right: 10%; 25983 } 25984 .footer-contact-section-item2 { 25985 width: 20%; 25986 float: left; 25987 } 25988 .footer-contact-section-item3 { 25989 width: 20%; 25990 float: left; 25991 } 25992 .footer-contact-section-item4 { 25993 width: 20%; 25994 float: left; 25995 } 25996 25997 .footer-contact-section p { 25998 color: #000000; 25999 font-family: "Work Sans", sans-serif; 26000 font-style: normal; 26001 font-weight: 500; 26002 font-size: 14px; 26003 line-height: 120%; 26004 letter-spacing: 0.05em; 26005 } 26006 .footer-contact-section p a { 26007 color: #000000; 26008 font-size: 13px; 26009 } 26010
26011 .footer__content-top { 26012 background: #f4f4f4; 26013 color: black; 26014 padding: 65px 32px; 26015 } 26016 .list-social__link { 26017 color: #fff; 26018 } 26019 .footer__content-top .footer-block--menu .footer-block__heading { 26020 color: #fff; 26021 font-size: 24px; 26022 } 26023 .footer__content-top .footer-block__details-content .list-menu__item--link { 26024 color: black; 26025 font-family: WorkSansRegular, sans-serif; 26026 font-style: normal; 26027 font-weight: 300; 26028 font-size: 14px; 26029 line-height: 125%; 26030 text-decoration: none; 26031 } 26032 .footer__content-top .grid--4-col-tablet .footer-block.grid__item.sixthblock { 26033 clear: both; 26034 width: 100%; 26035 margin-top: 40px; 26036 max-width: 100%; 26037 } 26038 .footer__content-top .grid--4-col-tablet .footer-block.grid__item.sixthblock .footer-block__heading { 26039 color: black; 26040 } 26041 .footer__content-top .grid--4-col-tablet .footer-block.grid__item.sixthblock .footer-block__details-content a { 26042 color: black; 26043 text-decoration: underline; 26044 } 26045 .footer__content-top .grid--4-col-tablet .footer-block.grid__item.seventhblock { 26046 clear: both; 26047 width: 100%; 26048 margin-top: 40px; 26049 max-width: 100%; 26050 } 26051 .footer__content-top .grid--4-col-tablet .footer-block.grid__item.seventhblock .footer-block__details-content { 26052 display: block; 26053 width: 100%; 26054 } 26055 .footer__content-top .grid--4-col-tablet .footer-block.grid__item.seventhblock .footer-block__details-content li { 26056 display: inline-block; 26057 width: auto; 26058 padding-right: 15px; 26059 } 26060 .footer__content-top .grid--4-col-tablet .footer-block.grid__item.seventhblock .footer-block__details-content li:after { 26061 content: '|'; 26062 display: inline-block; 26063 padding-left: 15px; 26064 width: 5px; 26065 height: 20px; 26066 } 26067 .footer__content-top .grid--4-col-tablet .footer-block.grid__item.seventhblock .footer-block__details-content li:last-child:after { 26068 display: none; 26069 } 26070 .footer__content-top .grid--4-col-tablet .footer-block.grid__item.seventhblock .footer-block__details-content li a { 26071 font-size: 12px; 26072 display: inline-block; 26073 } 26074 h2.footer-block__heading.inline-richtext { 26075 padding-bottom: 1rem; 26076 margin-bottom: 0px; 26077 } 26078 @media (max-width: 756px) { 26079 .footer-block--newsletter-container .footer-block__newsletter .row .width30, 26080 .footer-block--newsletter-container .footer-block__newsletter .row .width70, 26081 .footer-contact-section-item1, .footer-contact-section-item2, .footer-contact-section-item3, 26082 .footer-contact-section-item4 { 26083 width: 100%; 26084 } 26085 .footer-block--newsletter-container .footer-block__newsletter .row .width70 div { 26086 text-align: left; 26087 } 26088 .footer-block__newsletter .width70 .newsletter-form { 26089 align-items: flex-start; 26090 justify-content: left; 26091 margin-top: 30px; 26092 max-width: 100%; 26093 } 26094 .footer-block--newsletter-container, .footer-contact-section { 26095 padding: 15px; 26096 } 26097 .footer-contact-section-item2, footer-contact-section-item3 { 26098 padding-bottom: 15px; 26099 } 26100 .section-sections--23890807554292__footer-padding { 26101 margin: 0; 26102 } 26103 .footer__content-top { 26104 padding: 30px 15px; 26105 } 26106 .footer__content-top .footer__blocks-wrapper .footer-block.grid__item { 26107 margin: 0; 26108 } 26109 } 26110 @media screen and (min-width: 1024px) { 26111 .footer__content-top .grid--4-col-tablet .grid__item { 26112 /* width: 21%; */ 26113 width: fit-content; 26114 flex-grow: unset; 26115 margin-right: 4rem; 26116 } 26117 .footer__content-top .grid--4-col-tablet .footer-block.grid__item.fifthblock { 26118 width: 13%; 26119 } 26120 .footer__content-top .grid--4-col-tablet .footer-block.grid__item.fifthblock .footer-block__brand-info .footer__list-social.list-social { 26121 padding-left: 22%; 26122 } 26123 .footer__content-top .grid { 26124 row-gap: 2rem; 26125 } 26126 .footer__list-social .list-social__item .list-social__link { 26127 padding: 0.8rem; 26128 } 26129 }</style><footer class="footer color-background-1 gradient section-sections--23890807554292__footer-padding"><div class="footer-block--newsletter-container page-width"><div class="footer-block__newsletter"> 26130 <div class="footer-wrapper"> 26131 <div class="col-md-4 col-sm-12 width30" style="padding-left:0px !important;"><h2 class="footer-block__heading inline-richtext">Stay Connected</h2> 26132 <p class="footer-block__subheading">Get the latest product launches, events and exclusive offers by entering your email.</p></div>
26133 <div class="col-md-7 col-sm-12 width70"><form method="post" action="/contact#ContactFooter" id="ContactFooter" accept-charset="UTF-8" class="footer__newsletter newsletter-form"><input type="hidden" name="form_type" value="customer" /><input type="hidden" name="utf8" value="â" /><input type="hidden" name="contact[tags]" value="newsletter"> 26134 <div class="newsletter-form__field-wrapper"> 26135 <div class="field"> 26136 <input 26137 id="NewsletterForm--sections--23890807554292__footer" 26138 type="email" 26139 name="contact[email]" 26140 class="field__input" 26141 value="" 26142 aria-required="true" 26143 autocorrect="off" 26144 autocapitalize="off" 26145 autocomplete="email" 26146 26147 placeholder="Email" 26148 required 26149 > 26150 <label class="field__label" for="NewsletterForm--sections--23890807554292__footer"> 26151 Email 26152 </label> 26153 <button 26154 type="submit" 26155 class="newsletter-form__button field__button" 26156 name="commit" 26157 id="Subscribe" 26158 aria-label="Subscribe" 26159 > 26160 <svg 26161 viewBox="0 0 14 10" 26162 fill="none" 26163 aria-hidden="true" 26164 focusable="false" 26165 class="icon icon-arrow" 26166 xmlns="http://www.w3.org/2000/svg" 26167> 26168 <path fill-rule="evenodd" clip-rule="evenodd" d="M8.537.808a.5.5 0 01.817-.162l4 4a.5.5 0 010 .708l-4 4a.5.5 0 11-.708-.708L11.793 5.5H1a.5.5 0 010-1h10.793L8.646 1.354a.5.5 0 01-.109-.546z" fill="currentColor"> 26169</svg> 26170 26171 </button> 26172 </div> 26173 <p class="newsletter-form__field-wrapper-info" style="font-size: 0.8em; text-align: left; color: black; line-height: 2rem; z-index: 1; position: relative; float: unset; width: 100%; margin-top: 16px; margin-right: unset; max-width: unset;"> 26174 By submitting your email address, you agree to receive promotional email from Cole Haan. You can unsubscribe at any time. View 26175 <a href="/pages/terms-conditions" style="text-decoration:underline">Terms</a> & <a href="/pages/privacy-policy" style="text-decoration:underline">Privacy</a>.</p></div></form></div> 26176 26177 </div> 26178 <!-- <p class="newsletter-form__field-wrapper-info" style="font-size: 0.8em; text-align: left; color: black; line-height: 2rem; z-index: 1; 26179 position: relative;"> 26180 By submitting your email address, you agree to receive promotional email from Cole Haan. You can unsubscribe at any time. View 26181 <a href="pages/terms-conditions" style="text-decoration:underline">Terms</a> & <a href="pages/privacy-policy" style="text-decoration:underline">Privacy</a>.</p> --> 26182 <div class="footer-block--newsletter"><ul class="footer__list-social list-unstyled list-social list-social-icons"><li class="list-social__item"> 26183 <a href="https://www.instagram.com/colehaanph/" class="link list-social__link" ><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path d="M12 2.163c3.204 0 3.584.012 4.85.07 3.252.148 4.771 1.691 4.919 4.919.058 1.265.069 1.645.069 4.849 0 3.205-.012 3.584-.069 4.849-.149 3.225-1.664 4.771-4.919 4.919-1.266.058-1.644.07-4.85.07-3.204 0-3.584-.012-4.849-.07-3.26-.149-4.771-1.699-4.919-4.92-.058-1.265-.07-1.644-.07-4.849 0-3.204.013-3.583.07-4.849.149-3.227 1.664-4.771 4.919-4.919 1.266-.057 1.645-.069 4.849-.069zm0-2.163c-3.259 0-3.667.014-4.947.072-4.358.2-6.78 2.618-6.98 6.98-.059 1.281-.073 1.689-.073 4.948 0 3.259.014 3.668.072 4.948.2 4.358 2.618 6.78 6.98 6.98 1.281.058 1.689.072 4.948.072 3.259 0 3.668-.014 4.948-.072 4.354-.2 6.782-2.618 6.979-6.98.059-1.28.073-1.689.073-4.948 0-3.259-.014-3.667-.072-4.947-.196-4.354-2.617-6.78-6.979-6.98-1.281-.059-1.69-.073-4.949-.073zm0 5.838c-3.403 0-6.162 2.759-6.162 6.162s2.759 6.163 6.162 6.163 6.162-2.759 6.162-6.163c0-3.403-2.759-6.162-6.162-6.162zm0 10.162c-2.209 0-4-1.79-4-4 0-2.209 1.791-4 4-4s4 1.791 4 4c0 2.21-1.791 4-4 4zm6.406-11.845c-.796 0-1.441.645-1.441 1.44s.645 1.44 1.441 1.44c.795 0 1.439-.645 1.439-1.44s-.644-1.44-1.439-1.44z"/></svg><span class="visually-hidden">Instagram</span> 26184 </a> 26185 </li><li class="list-social__item"> 26186 <a href="https://www.facebook.com/colehaanphilippines" class="link list-social__link" > 26187 26188<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24">
26188<path d="M22.675 0h-21.35c-.732 0-1.325.593-1.325 1.325v21.351c0 .731.593 1.324 1.325 1.324h11.495v-9.294h-3.128v-3.622h3.128v-2.671c0-3.1 1.893-4.788 4.659-4.788 1.325 0 2.463.099 2.795.143v3.24l-1.918.001c-1.504 0-1.795.715-1.795 1.763v2.313h3.587l-.467 3.622h-3.12v9.293h6.116c.73 0 1.323-.593 1.323-1.325v-21.35c0-.732-.593-1.325-1.325-1.325z"/></svg> 26189 26190<span class="visually-hidden">Facebook</span> 26191 </a> 26192 </li> 26193 26194</ul></div> 26195 </div></div> 26196</footer> 26197 26198<div class="footer__content-top page-width"><div class="footer__blocks-wrapper grid grid--1-col grid--2-col grid--4-col-tablet grid--5-col-tablet"><div 26199 class="footer-block grid__item footer-block--menu firstblock" 26200 26201 ><h2 class="footer-block__heading inline-richtext">Customer Care</h2><ul class="footer-block__details-content list-unstyled"><li> 26202 <a 26203 href="/pages/fulfillment-policy" 26204 class="link link--text list-menu__item list-menu__item--link" 26205 > 26206 Fulfillment Policy 26207 </a> 26208 </li><li> 26209 <a 26210 href="/pages/returns-exchanges" 26211 class="link link--text list-menu__item list-menu__item--link" 26212 > 26213 Returns Policy 26214 </a> 26215 </li><li> 26216 <a 26217 href="/pages/faqs" 26218 class="link link--text list-menu__item list-menu__item--link" 26219 > 26220 FAQs 26221 </a> 26222 </li><li> 26223 <a 26224 href="/pages/brand-protection" 26225 class="link link--text list-menu__item list-menu__item--link" 26226 > 26227 Brand Protection 26228 </a> 26229 </li><li> 26230 <a 26231 href="/pages/stores" 26232 class="link link--text list-menu__item list-menu__item--link" 26233 > 26234 Find a Store 26235 </a> 26236 </li><li> 26237 <a 26238 href="/pages/privacy-policy" 26239 class="link link--text list-menu__item list-menu__item--link" 26240 > 26241 Privacy Policy 26242 </a> 26243 </li></ul></div><div 26244 class="footer-block grid__item footer-block--menu secondblock" 26245 26246 ><h2 class="footer-block__heading inline-richtext">About Us</h2><ul class="footer-block__details-content list-unstyled"><li> 26247 <a 26248 href="/pages/about-us" 26249 class="link link--text list-menu__item list-menu__item--link" 26250 > 26251 About Cole Haan 26252 </a> 26253 </li><li> 26254 <a 26255 href="/pages/reviews" 26256 class="link link--text list-menu__item list-menu__item--link" 26257 > 26258 Reviews 26259 </a> 26260 </li></ul></div><div 26261 class="footer-block grid__item footer-block--menu thirdblock" 26262 26263 ><h2 class="footer-block__heading inline-richtext">Programs & Offers</h2><ul class="footer-block__details-content list-unstyled"><li> 26264 <a 26265 href="/collections/cl-skus" 26266 class="link link--text list-menu__item list-menu__item--link" 26267 > 26268 Sale
26269 </a> 26270 </li></ul></div><div 26271 class="footer-block grid__item fourthblock" 26272 26273 ><h2 class="footer-block__heading inline-richtext">Contact us</h2><div class="footer-block__details-content rte"> 26274 <p>Let us help you find what you're looking for and get you what you need.</p> 26275 26276 </div> 26277 <div class="footer-contact-us-option option2"> 26278 <div class="footer-contact-us-icon"> 26279 <a href="tel:+639478907230"> 26280 <svg width="26" height="26" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"> 26281 <path d="M15.05 5C16.0267 5.19057 16.9244 5.66826 17.6281 6.37194C18.3317 7.07561 18.8094 7.97326 19 8.95M15.05 1C17.0793 1.22544 18.9716 2.13417 20.4162 3.57701C21.8609 5.01984 22.772 6.91101 23 8.94M22 16.92V19.92C22.0011 20.1985 21.9441 20.4742 21.8325 20.7293C21.7209 20.9845 21.5573 21.2136 21.3521 21.4019C21.1468 21.5901 20.9046 21.7335 20.6407 21.8227C20.3769 21.9119 20.0974 21.9451 19.82 21.92C16.7428 21.5856 13.787 20.5341 11.19 18.85C8.77382 17.3147 6.72533 15.2662 5.18999 12.85C3.49997 10.2412 2.44824 7.27099 2.11999 4.18C2.095 3.90347 2.12787 3.62476 2.21649 3.36162C2.30512 3.09849 2.44756 2.85669 2.63476 2.65162C2.82196 2.44655 3.0498 2.28271 3.30379 2.17052C3.55777 2.05833 3.83233 2.00026 4.10999 2H7.10999C7.5953 1.99522 8.06579 2.16708 8.43376 2.48353C8.80173 2.79999 9.04207 3.23945 9.10999 3.72C9.23662 4.68007 9.47144 5.62273 9.80999 6.53C9.94454 6.88792 9.97366 7.27691 9.8939 7.65088C9.81415 8.02485 9.62886 8.36811 9.35999 8.64L8.08999 9.91C9.51355 12.4135 11.5864 14.4864 14.09 15.91L15.36 14.64C15.6319 14.3711 15.9751 14.1858 16.3491 14.1061C16.7231 14.0263 17.1121 14.0555 17.47 14.19C18.3773 14.5286 19.3199 14.7634 20.28 14.89C20.7658 14.9585 21.2094 15.2032 21.5265 15.5775C21.8437 15.9518 22.0122 16.4296 22 16.92Z" stroke="black" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/> 26282 </svg> 26283 </a> 26284 </div> 26285 <div class="footer-contact-us-info"> 26286 Phone/Viber/WhatsApp: 26287 <a href="tel:+639478917230" style="white-space: nowrap;" class="footer-phone-number-link"> 26288 +63 (947) 891 7230 26289 </a> 26290 </div> 26291 </div> 26292 <div class="footer-contact-us-option option2"> 26293 <div class="footer-contact-us-icon"> 26294 <a href="mailto:info@colehaa 26295 n.com.ph"><i class="fa fa-envelope-o" aria-hidden="true"></i> 26296 </a> 26297 </div> 26298 <div class="footer-contact-us-info"> 26299 Email:<a href="mailto:[email protected]"> [email protected]</a> 26300 </div> 26301 </div> 26302 <div class="footer-contact-us-option option2"> 26303 <div class="footer-contact-us-icon"> 26304 <svg class="rounded-icon" width="28" height="28" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"> 26305 <path d="M12 22C17.5228 22 22 17.5228 22 12C22 6.47715 17.5228 2 12 2C6.47715 2 2 6.47715 2 12C2 17.5228 6.47715 22 12 22Z" stroke="black" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"></path> 26306 <path d="M12 6V12L16 14" stroke="black" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"></path> 26307 </svg> 26308 </div> 26309 <div class="footer-contact-us-info"> 26310 Available to call: Mon - Fri | 8am - 5:30pm 26311 </div> 26312 </div> 26313 <div class="footer-contact-us-option option2"><ul class="footer__list-social list-unstyled list-social list-social-icons"><li class="list-social__item"> 26314 <a href="https://www.instagram.com/colehaanph/" class="link list-social__link" ><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24">
26314<path d="M12 2.163c3.204 0 3.584.012 4.85.07 3.252.148 4.771 1.691 4.919 4.919.058 1.265.069 1.645.069 4.849 0 3.205-.012 3.584-.069 4.849-.149 3.225-1.664 4.771-4.919 4.919-1.266.058-1.644.07-4.85.07-3.204 0-3.584-.012-4.849-.07-3.26-.149-4.771-1.699-4.919-4.92-.058-1.265-.07-1.644-.07-4.849 0-3.204.013-3.583.07-4.849.149-3.227 1.664-4.771 4.919-4.919 1.266-.057 1.645-.069 4.849-.069zm0-2.163c-3.259 0-3.667.014-4.947.072-4.358.2-6.78 2.618-6.98 6.98-.059 1.281-.073 1.689-.073 4.948 0 3.259.014 3.668.072 4.948.2 4.358 2.618 6.78 6.98 6.98 1.281.058 1.689.072 4.948.072 3.259 0 3.668-.014 4.948-.072 4.354-.2 6.782-2.618 6.979-6.98.059-1.28.073-1.689.073-4.948 0-3.259-.014-3.667-.072-4.947-.196-4.354-2.617-6.78-6.979-6.98-1.281-.059-1.69-.073-4.949-.073zm0 5.838c-3.403 0-6.162 2.759-6.162 6.162s2.759 6.163 6.162 6.163 6.162-2.759 6.162-6.163c0-3.403-2.759-6.162-6.162-6.162zm0 10.162c-2.209 0-4-1.79-4-4 0-2.209 1.791-4 4-4s4 1.791 4 4c0 2.21-1.791 4-4 4zm6.406-11.845c-.796 0-1.441.645-1.441 1.44s.645 1.44 1.441 1.44c.795 0 1.439-.645 1.439-1.44s-.644-1.44-1.439-1.44z"/></svg><span class="visually-hidden">Instagram</span> 26315 </a> 26316 </li><li class="list-social__item"> 26317 <a href="https://www.facebook.com/colehaanphilippines" class="link list-social__link" > 26318 26319<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path d="M22.675 0h-21.35c-.732 0-1.325.593-1.325 1.325v21.351c0 .731.593 1.324 1.325 1.324h11.495v-9.294h-3.128v-3.622h3.128v-2.671c0-3.1 1.893-4.788 4.659-4.788 1.325 0 2.463.099 2.795.143v3.24l-1.918.001c-1.504 0-1.795.715-1.795 1.763v2.313h3.587l-.467 3.622h-3.12v9.293h6.116c.73 0 1.323-.593 1.323-1.325v-21.35c0-.732-.593-1.325-1.325-1.325z"/></svg> 26320 26321<span class="visually-hidden">Facebook</span> 26322 </a> 26323 </li> 26324 26325</ul></div></div><div 26326 class="footer-block grid__item fifthblock" 26327 26328 ><div class="footer-block__brand-info"><div class="rte"><p></p></div><ul class="footer__list-social list-unstyled list-social list-social-icons"><li class="list-social__item"> 26329 <a href="https://www.instagram.com/colehaanph/" class="link list-social__link" ><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path d="M12 2.163c3.204 0 3.584.012 4.85.07 3.252.148 4.771 1.691 4.919 4.919.058 1.265.069 1.645.069 4.849 0 3.205-.012 3.584-.069 4.849-.149 3.225-1.664 4.771-4.919 4.919-1.266.058-1.644.07-4.85.07-3.204 0-3.584-.012-4.849-.07-3.26-.149-4.771-1.699-4.919-4.92-.058-1.265-.07-1.644-.07-4.849 0-3.204.013-3.583.07-4.849.149-3.227 1.664-4.771 4.919-4.919 1.266-.057 1.645-.069 4.849-.069zm0-2.163c-3.259 0-3.667.014-4.947.072-4.358.2-6.78 2.618-6.98 6.98-.059 1.281-.073 1.689-.073 4.948 0 3.259.014 3.668.072 4.948.2 4.358 2.618 6.78 6.98 6.98 1.281.058 1.689.072 4.948.072 3.259 0 3.668-.014 4.948-.072 4.354-.2 6.782-2.618 6.979-6.98.059-1.28.073-1.689.073-4.948 0-3.259-.014-3.667-.072-4.947-.196-4.354-2.617-6.78-6.979-6.98-1.281-.059-1.69-.073-4.949-.073zm0 5.838c-3.403 0-6.162 2.759-6.162 6.162s2.759 6.163 6.162 6.163 6.162-2.759 6.162-6.163c0-3.403-2.759-6.162-6.162-6.162zm0 10.162c-2.209 0-4-1.79-4-4 0-2.209 1.791-4 4-4s4 1.791 4 4c0 2.21-1.791 4-4 4zm6.406-11.845c-.796 0-1.441.645-1.441 1.44s.645 1.44 1.441 1.44c.795 0 1.439-.645 1.439-1.44s-.644-1.44-1.439-1.44z"/></svg><span class="visually-hidden">Instagram</span> 26330 </a> 26331 </li><li class="list-social__item"> 26332 <a href="https://www.facebook.com/colehaanphilippines" class="link list-social__link" > 26333 26334<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path d="M22.675 0h-21.35c-.732 0-1.325.593-1.325 1.325v21.351c0 .731.593 1.324 1.325 1.324h11.495v-9.294h-3.128v-3.622h3.128v-2.671c0-3.1 1.893-4.788 4.659-4.788 1.325 0 2.463.099 2.795.143v3.24l-1.918.001c-1.504 0-1.795.715-1.795 1.763v2.313h3.587l-.467 3.622h-3.12v9.293h6.116c.73 0 1.323-.593 1.323-1.325v-21.35c0-.732-.593-1.325-1.325-1.325z"/></svg> 26335 26336<span class="visually-hidden">Facebook</span> 26337 </a> 26338 </li> 26339 26340</ul></div></div><div 26341 class="footer-block grid__item sixthblock" 26342 26343 ><h2 class="footer-block__heading inline-richtext">Contact us</h2><div class="footer-block__details-content rte"> 26344 <p>Let us help you find what you're looking for and get you what you need.</p> 26345 26346 </div> 26347 <div class="footer-contact-us-option option2"> 26348 <div class="footer-contact-us-icon"> 26349 <a href="tel:+639478907230"> 26350 <svg width="26" height="26" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"> 26351 <path d="M15.05 5C16.0267 5.19057 16.9244 5.66826 17.6281 6.37194C18.3317 7.07561 18.8094 7.97326 19 8.95M15.05 1C17.0793 1.22544 18.9716 2.13417 20.4162 3.57701C21.8609 5.01984 22.772 6.91101 23 8.94M22 16.92V19.92C22.0011 20.1985 21.9441 20.4742 21.8325 20.7293C21.7209 20.9845 21.5573 21.2136 21.3521 21.4019C21.1468 21.5901 20.9046 21.7335 20.6407 21.8227C20.3769 21.9119 20.0974 21.9451 19.82 21.92C16.7428 21.5856 13.787 20.5341 11.
2635119 18.85C8.77382 17.3147 6.72533 15.2662 5.18999 12.85C3.49997 10.2412 2.44824 7.27099 2.11999 4.18C2.095 3.90347 2.12787 3.62476 2.21649 3.36162C2.30512 3.09849 2.44756 2.85669 2.63476 2.65162C2.82196 2.44655 3.0498 2.28271 3.30379 2.17052C3.55777 2.05833 3.83233 2.00026 4.10999 2H7.10999C7.5953 1.99522 8.06579 2.16708 8.43376 2.48353C8.80173 2.79999 9.04207 3.23945 9.10999 3.72C9.23662 4.68007 9.47144 5.62273 9.80999 6.53C9.94454 6.88792 9.97366 7.27691 9.8939 7.65088C9.81415 8.02485 9.62886 8.36811 9.35999 8.64L8.08999 9.91C9.51355 12.4135 11.5864 14.4864 14.09 15.91L15.36 14.64C15.6319 14.3711 15.9751 14.1858 16.3491 14.1061C16.7231 14.0263 17.1121 14.0555 17.47 14.19C18.3773 14.5286 19.3199 14.7634 20.28 14.89C20.7658 14.9585 21.2094 15.2032 21.5265 15.5775C21.8437 15.9518 22.0122 16.4296 22 16.92Z" stroke="black" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/> 26352 </svg> 26353 </a> 26354 </div> 26355 <div class="footer-contact-us-info"> 26356 Phone/Viber/WhatsApp: 26357 <a href="tel:+639478917230" style="white-space: nowrap;" class="footer-phone-number-link"> 26358 +63 (947) 891 7230 26359 </a> 26360 </div> 26361 </div> 26362 <div class="footer-contact-us-option option2"> 26363 <div class="footer-contact-us-icon"> 26364 <a href="mailto:info@colehaa 26365 n.com.ph"><i class="fa fa-envelope-o" aria-hidden="true"></i> 26366 </a> 26367 </div> 26368 <div class="footer-contact-us-info"> 26369 Email:<a href="mailto:[email protected]"> [email protected]</a> 26370 </div> 26371 </div> 26372 <div class="footer-contact-us-option option2"> 26373 <div class="footer-contact-us-icon"> 26374 <svg class="rounded-icon" width="28" height="28" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"> 26375 <path d="M12 22C17.5228 22 22 17.5228 22 12C22 6.47715 17.5228 2 12 2C6.47715 2 2 6.47715 2 12C2 17.5228 6.47715 22 12 22Z" stroke="black" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"></path> 26376 <path d="M12 6V12L16 14" stroke="black" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"></path> 26377 </svg> 26378 </div> 26379 <div class="footer-contact-us-info"> 26380 Available to call: Mon - Fri | 8am - 5:30pm 26381 </div> 26382 </div> 26383 <div class="footer-contact-us-option option2"><ul class="footer__list-social list-unstyled list-social list-social-icons"><li class="list-social__item"> 26384 <a href="https://www.instagram.com/colehaanph/" class="link list-social__link" ><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path d="M12 2.163c3.204 0 3.584.012 4.85.07 3.252.148 4.771 1.691 4.919 4.919.058 1.265.069 1.645.069 4.849 0 3.205-.012 3.584-.069 4.849-.149 3.225-1.664 4.771-4.919 4.919-1.266.058-1.644.07-4.85.07-3.204 0-3.584-.012-4.849-.07-3.26-.149-4.771-1.699-4.919-4.92-.058-1.265-.07-1.644-.07-4.849 0-3.204.013-3.583.07-4.849.149-3.227 1.664-4.771 4.919-4.919 1.266-.057 1.645-.069 4.849-.069zm0-2.163c-3.259 0-3.667.014-4.947.072-4.358.2-6.78 2.618-6.98 6.98-.059 1.281-.073 1.689-.073 4.948 0 3.259.014 3.668.072 4.948.2 4.358 2.618 6.78 6.98 6.98 1.281.058 1.689.072 4.948.072 3.259 0 3.668-.014 4.948-.072 4.354-.2 6.782-2.618 6.979-6.98.059-1.28.073-1.689.073-4.948 0-3.259-.014-3.667-.072-4.947-.196-4.354-2.617-6.78-6.979-6.98-1.281-.059-1.69-.073-4.949-.073zm0 5.838c-3.403 0-6.162 2.759-6.162 6.162s2.759 6.163 6.162 6.163 6.162-2.759 6.162-6.163c0-3.403-2.759-6.162-6.162-6.162zm0 10.162c-2.209 0-4-1.79-4-4 0-2.209 1.791-4 4-4s4 1.791 4 4c0 2.21-1.791 4-4 4zm6.406-11.845c-.796 0-1.441.645-1.441 1.44s.645 1.44 1.441 1.44c.795 0 1.439-.645 1.439-1.44s-.644-1.44-1.439-1.44z"/></svg><span class="visually-hidden">Instagram</span> 26385 </a> 26386 </li><li class="list-social__item"> 26387 <a href="https://www.facebook.com/colehaanphilippines" class="link list-social__link" > 26388 26389<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24">
26389<path d="M22.675 0h-21.35c-.732 0-1.325.593-1.325 1.325v21.351c0 .731.593 1.324 1.325 1.324h11.495v-9.294h-3.128v-3.622h3.128v-2.671c0-3.1 1.893-4.788 4.659-4.788 1.325 0 2.463.099 2.795.143v3.24l-1.918.001c-1.504 0-1.795.715-1.795 1.763v2.313h3.587l-.467 3.622h-3.12v9.293h6.116c.73 0 1.323-.593 1.323-1.325v-21.35c0-.732-.593-1.325-1.325-1.325z"/></svg> 26390 26391<span class="visually-hidden">Facebook</span> 26392 </a> 26393 </li> 26394 26395</ul></div></div></div></div><div class="footer__content-bottom"> 26396 <div class="footer__content-bottom-wrapper page-width"> 26397 <div class="footer__column footer__localization isolate"></div> 26398 <div class="footer__column footer__column--info"></div> 26399 </div> 26400 <div class="footer__content-bottom-wrapper page-width footer__content-bottom-wrapper--center"> 26401 26402 26403 26404 </div> 26405 </div> 26406 </div> 26407</footer> 26408<style> #shopify-section-sections--23890807554292__footer .footer-block__newsletter .footer__list-social.list-unstyled.list-social.list-social-icons li:nth-child(1), #shopify-section-sections--23890807554292__footer .footer-block__newsletter .footer__list-social.list-unstyled.list-social.list-social-icons li:nth-child(2), #shopify-section-sections--23890807554292__footer .footer-block.grid__item.fourthblock .footer__list-social.list-unstyled.list-social.list-social-icons li:nth-child(3) {display: none;} #shopify-section-sections--23890807554292__footer .footer__content-top {background-color: #f4f4f4 !imp; color: black; padding: 65px 32px;} </style></div><section id="shopify-section-sections--23890807554292__custom_liquid_8GQdNt" class="shopify-section shopify-section-group-footer-group section"><style data-shopify>.section-sections--23890807554292__custom_liquid_8GQdNt-padding { 26409 padding: 0; 26410 } 26411 /* 26412 .section-sections--23890807554292__custom_liquid_8GQdNt-padding { 26413 padding-top: calc(60px * 0.75); 26414 padding-bottom: calc(60px * 0.75); 26415 } 26416 26417 @media screen and (min-width: 750px) { 26418 .section-sections--23890807554292__custom_liquid_8GQdNt-padding { 26419 padding-top: 60px; 26420 padding-bottom: 60px; 26421 } 26422 } 26423 */</style><div class="color-background-2 gradient"> 26424 <div class="section-sections--23890807554292__custom_liquid_8GQdNt-padding"> 26425 <div class="footer-container-row footer-bottom clearfix" style="text-align:left;padding-left: 30px; color:#000000;"> 26426 <div class="primary-menu-footer copyright"> 26427 We use cookies to personalize content and ads, to provide social media features and to analyze our traffic. We also share information about your use of our site with third parties. 26428 For further information, including information about the categories of information we collect and the purposes for which it will be, please see our <a href="/pages/privacy-policy">Privacy Policy</a>. 26429 </div> 26430 <div class="copyright"> 26431 © <span class="yearnow">2025</span> Cole Haan 26432 </div> 26433 26434<!--<div class="back-to-top-holder"> 26435 <a href="#back-to-top" onclick="javascript:window.scrollTo(0,0)" tabindex="9"> 26436 <img src="//colehaan.co.uk/cdn/shop/t/60/assets/Rocketman.png?v=19740771121588594331714140732" title="Make your way to the top" alt="Make your way to the top"> 26437 <div class="back-to-top-desc">Make your way to the top</div> 26438 </a> 26439 </div> 26440</div>--> 26441 </div> 26442</div> 26443 26444 26445<style> #shopify-section-sections--23890807554292__custom_liquid_8GQdNt .footer-bottom {padding: 40px 0; text-align: center;} #shopify-section-sections--23890807554292__custom_liquid_8GQdNt .footer-bottom .copyright {font-size: 12px; padding-top: 20px;} #shopify-section-sections--23890807554292__custom_liquid_8GQdNt .back-to-top-holder {padding-top: 32px; width: 100%;} #shopify-section-sections--23890807554292__custom_liquid_8GQdNt .back-to-top-holder a {display: block; margin: 0 auto; width: 250px; color: black;} #shopify-section-sections--23890807554292__custom_liquid_8GQdNt .back-to-top-holder a img {height: auto; margin-bottom: -12px; width: 100%; vertical-align: middle; border-style: none;} #shopify-section-sections--23890807554292__custom_liquid_8GQdNt .back-to-top-holder a .back-to-top-desc {border-bottom: 4px solid #000; font-family: WorkSansSemiBold; font-size: 16px; font-weight: 700; margin: 0 auto; width: 219px;} </style></section> 26446<!-- END sections: footer-group --> 26447 26448 <ul hidden> 26449 <li id="a11y-refresh-page-message">Choosing a selection results in a full page refresh.</li> 26450 <li id="a11y-new-window-message">Opens in a new window.</li> 26451 </ul> 26452 26453
26453<script> 26454 window.shopUrl = 'https://colehaan.com.ph'; 26455 window.routes = { 26456 cart_add_url: '/cart/add', 26457 cart_change_url: '/cart/change', 26458 cart_update_url: '/cart/update', 26459 cart_url: '/cart', 26460 predictive_search_url: '/search/suggest' 26461 }; 26462 26463 window.cartStrings = { 26464 error: `There was an error while updating your cart. Please try again.`, 26465 quantityError: `You can only add [quantity] of this item to your cart.` 26466 } 26467 26468 window.variantStrings = { 26469 addToCart: `Add to bag`, 26470 soldOut: `Add to Bag`, 26471 unavailable: `Unavailable`, 26472 unavailable_with_option: `[value] - Unavailable`, 26473 } 26474 26475 window.accessibilityStrings = { 26476 imageAvailable: `Image [index] is now available in gallery view`, 26477 shareSuccess: `Link copied to clipboard`, 26478 pauseSlideshow: `Pause slideshow`, 26479 playSlideshow: `Play slideshow`, 26480 } 26481 </script>
26481<script src="//colehaan.com.ph/cdn/shop/t/131/assets/predictive-search.js?v=16985596534672189881790040522" defer="defer"></script>
26481<script> 26482 (function() { 26483 var REDIRECT_PATH = '/pages/welcome-customer'; 26484 26485 var selector = 'form[action$="/account"][method="POST"]#create_customer2', 26486 $form = document.querySelectorAll(selector)[0]; 26487 26488 if ($form) { 26489 $redirect = document.createElement('input'); 26490 $redirect.setAttribute('name', 'return_to'); 26491 $redirect.setAttribute('type', 'hidden'); 26492 $redirect.value = REDIRECT_PATH; 26493 $form.appendChild($redirect); 26494 } 26495 $('body').on('click','.join-selection',function(){ 26496 console.log('+welcome'); 26497 var REDIRECT_PATH = '/pages/welcome-customer'; 26498 var selector2 = 'form[action$="/account"][method="POST"]#create_customer', 26499 $form2 = document.querySelectorAll(selector2)[0]; 26500 console.log($form2); 26501 26502 if ($form2) { 26503 $redirect = document.createElement('input'); 26504 $redirect.setAttribute('name', 'return_to'); 26505 $redirect.setAttribute('type', 'hidden'); 26506 $redirect.value = REDIRECT_PATH; 26507 $form2.appendChild($redirect); 26508 console.log($form2); 26509 } 26510 }); 26511 })(); 26512 </script>
26512 26513 <style> 26514 .list-menu > li .mega-menu .header__menu-item{ 26515 position: relative; 26516 } 26517 .list-menu > li .mega-menu .header__menu-item::before { 26518 position: absolute; 26519 content: ""; 26520 width: 100%; 26521 height: 72px; 26522 } 26523 </style> 26524
26524<script> 26525 $(document).ready(function() { 26526 $('.header .header__inline-menu>.list-menu--inline > li').each(function(){ 26527 $(this).hover( 26528 function(){ 26529 $(this).find('details').attr('open','').addClass('dropdownopened'); 26530 $(this).find('summary').attr('aria-expanded','true'); 26531 $(this).find('.mega-menu__content').css({ 'transition': 'opacity 1s, visibility 1s, padding-top 1s'}); 26532 }, 26533 function(){ 26534 $(this).find('details').removeAttr('open','').removeClass('dropdownopened'); 26535 $(this).find('summary').attr('aria-expanded','false'); 26536 } 26537 ) 26538 26539 // $(this).on({ 26540 // mouseenter: function () { 26541 // $(this).find('details').attr('open','').addClass('dropdownopened'); 26542 // $(this).find('summary').attr('aria-expanded','true'); 26543 // }, 26544 // mouseout: function () { 26545 // $(this).find('details').removeAttr('open','').removeClass('dropdownopened'); 26546 // $(this).find('summary').attr('aria-expanded','false'); 26547 // } 26548 // }); 26549 26550 }) 26551 }); 26552 </script>
26552 26553 26554 <style> 26555 @media (max-width: 767px){ 26556 .banner--large:not(.banner--mobile-bottom):not(.banner--adapt) .banner__content { 26557 min-height: 47rem; 26558 } 26559 } 26560 </style> 26561
26561<script defer> 26562 document.addEventListener('DOMContentLoaded', () => { 26563 document.querySelectorAll(".header-menu-icon-close").forEach((closeIcon) => { 26564 closeIcon.addEventListener('click', (e) => { 26565 document.querySelectorAll('.header__icon--menu.header__icon--summary')[0].click(); 26566 }); 26567 }); 26568 }) 26569 // var accordions = document.querySelectorAll(".accordion"); 26570 26571 // accordions.forEach(function(accordion) { 26572 // var header = accordion.querySelector(".accordion-header"); 26573 // var body = accordion.querySelector(".accordion-body"); 26574 // var caretIcon = header.querySelector(".caret-icon"); 26575 26576 // header.addEventListener("click", () => { 26577 // const isExpanded = body.style.height && body.style.height !== '0px'; 26578 26579 // if (isExpanded) { 26580 // // Collapse the accordion 26581 // body.style.height = `${body.scrollHeight}px`; // Set height to current scroll height 26582 // requestAnimationFrame(() => { 26583 // body.style.height = '0px'; // Transition to 0 height 26584 // }); 26585 // caretIcon.style.transform = 'rotate(180deg)'; // Rotate caret icon 26586 // } else { 26587 // // Expand the accordion 26588 // body.style.height = '0px'; // Set height to 0 initially for animation 26589 // requestAnimationFrame(() => { 26590 // body.style.height = `${body.scrollHeight}px`; // Expand to full scroll height 26591 // }); 26592 // caretIcon.style.transform = 'rotate(0deg)'; // Rotate caret icon 26593 // } 26594 // }); 26595 // }); 26596 </script>
26596 26597
26597<script> 26598 const currentPath = window.location.pathname; 26599 const query = window.location.search; 26600 26601 // Check if user is on /account/login 26602 // and if query contains checkout_url=%2Fpages%2Fmembership 26603 if ( 26604 currentPath === '/account/login' && 26605 query.includes('checkout_url=%2Fpages%2Fmembership') 26606 ) { 26607 // Redirect to /pages/membership 26608 history.pushState(null, '', '/pages/membership'); 26609 window.location.href = '/pages/membership?wrongaccount'; 26610 } 26611 </script>
26611 26612 <div id="shopify-block-AcHlCUEpMWUNsdE51T__6023461868751542726" class="shopify-block shopify-app-block">
26612<script src="https://cdn.shopify.com/extensions/01a0d53e-8405-7a68-908e-019a221920a2/checkout-rules-1-329/assets/cookie.js" defer></script>
26612 26613
26614<script> 26615 (async function () { 26616 let bsure_metafield = {}; 26617 try { 26618 bsure_metafield = JSON.parse('{"tz":"Asia/Singapore"}' || '{}'); 26619 } catch (e) { 26620 console.error('Failed to parse bsure metafield:', e); 26621 } 26622 const bsure_tzDict = bsure_metafield.tz ? { timeZone: bsure_metafield.tz } : {}; 26623 26624 const bsure_options = { 26625 year: 'numeric', 26626 month: 'numeric', 26627 day: 'numeric', 26628 hour: 'numeric', 26629 minute: 'numeric', 26630 second: 'numeric', 26631 hourCycle: 'h23', 26632 weekday: 'short', 26633 timeZoneName: 'shortOffset', 26634 ...bsure_tzDict, 26635 }; 26636 26637 const bsure_date = new Date(); 26638 const bsure_dt_attribute = new Intl.DateTimeFormat('en-US', bsure_options).format(bsure_date); 26639 26640 // Get timezone 26641 let bsure_timezone = ''; 26642 try { 26643 bsure_timezone = Intl.DateTimeFormat().resolvedOptions().timeZone; 26644 } catch (e) { 26645 console.log('Could not get timezone:', e); 26646 } 26647 26648 // Get country code 26649 let bsure_country = ''; 26650 let bsure_rootPath = '/'; 26651 26652 try { 26653 bsure_rootPath = window.Shopify.routes.root; 26654 } catch (e) { 26655 console.log(e); 26656 } 26657 26658 try { 26659 bsure_country = window.Shopify.country || ''; 26660 } catch (e) { 26661 console.log('Could not get country from Shopify global:', e); 26662 } 26663 26664 const bsure_postAttribute = async (value, endpoint) => { 26665 try { 26666 await fetch(`${bsure_rootPath}${endpoint}`, { 26667 method: 'POST', 26668 headers: { 'Content-Type': 'application/json' }, 26669 body: JSON.stringify({ attributes: { 'bsure-attribute': value } }), 26670 }); 26671 } catch (e) { 26672 console.error(e); 26673 } 26674 }; 26675 26676 const bsure_buildAttribute = (country) => { 26677 // Build combined attribute string: "Time | XX (Country Code) | TimeZone" 26678 let bsure_combined_attribute = bsure_dt_attribute; 26679 26680 if (country) { 26681 bsure_combined_attribute += ` | c:${country}`; 26682 } 26683 26684 if (bsure_timezone) { 26685 bsure_combined_attribute += ` | tz:${bsure_timezone}`; 26686 } 26687 return bsure_combined_attribute; 26688 }; 26689 26690 // Write immediately so date/time rules don't depend on GeoIP call latency. 26691 const bsure_initial_attribute = bsure_buildAttribute(bsure_country); 26692 console.log(bsure_initial_attribute); 26693 const bsure_initial_post = bsure_postAttribute(bsure_initial_attribute, 'cart.js'); 26694 26695 try { 26696 // Try Shopify's browsing context suggestions API afterwards and refine country if needed. 26697 const response = await fetch(`${bsure_rootPath}browsing_context_suggestions.json?country[enabled]=true`); 26698 26699 if (response.ok) { 26700 const data = await response.json(); 26701 const detected_country = data?.detected_values?.country?.handle || ''; 26702 if (detected_country && detected_country !== bsure_country) { 26703 await bsure_initial_post; 26704 const bsure_updated_attribute = bsure_buildAttribute(detected_country); 26705 console.log(bsure_updated_attribute); 26706 await bsure_postAttribute(bsure_updated_attribute, 'cart/update.js'); 26707 } 26708 } 26709 } catch (e) { 26710 console.log('Browsing context API unavailable:', e); 26711 } 26712 })(); 26713</script>
26713 26714 26715 26716</div><div id="shopify-block-Aamora2hLNHcxQVNaT__12120936241911852800" class="shopify-block shopify-app-block"><section class='jdgm-widget jdgm-revs-tab' role='complementary'> 26717 26718 <div class='jdgm-revs-tab-btn btn' position="right" tabindex="0" aria-label="Click to open Judge.me floating reviews tab" role='button'>â Reviews</div> 26719 <div class='jdgm-revs-tab__header'> 26720 <a class='jdgm-close-ico'></a> 26721 <h3 class='jdgm-revs-tab__title'>Let customers speak for us</h3> 26722 <a class='jdgm-revs-tab__url' href='/pages/reviews'> 26723 <div data-score='4.93' class='jdgm-all-reviews-rating' aria-label='Average rating is 4.93' role='img'></div>734 reviews 26724 </a> 26725 </div> 26726 26727 26728 <div class='jdgm-widget jdgm-all-reviews-widget-v2025' 26729 data-widget='all-reviews-v2025' 26730 data-entry-point='all_reviews_widget_v2025.js' 26731 data-entry-key='all-reviews-widget-v2025/main.js' 26732 data-block-id='Aamora2hLNHcxQVNaT__12120936241911852800' 26733 data-review-source='' 26734 data-show-all-reviews-in-same-tab='' 26735 data-show-first='' 26736 data-empty-state='' 26737 data-is-floating-tab='true' 26738 26739 > 26740 26741 <div class='jdgm-legacy-widget-content' style='display: none;'> 26742 <style> </style> <section class='jdgm-revs-tab__wrapper'> <style>.jdgm-revs-tab{display: none}</style> <div class='jdgm-mask'></div> <div class='jdgm-revs-tab__main'> <div class='jdgm-revs-tab__content'> <div class='jdgm-revs-tab__content-header' data-number-of-product-reviews='720' data-number-of-shop-reviews='14'> <a style='display: none' href='#' class='jdgm-write-rev-link'>Write a review</a> <div class='jdgm-histogram jdgm-temp-hidden'> <div class='jdgm-histogram__row' data-rating='5' data-frequency='689' data-percentage='94'> <div class='jdgm-histogram__star' role='button' aria-label="94% (689) reviews with 5 star rating" tabindex='0' ><span class='jdgm-star jdgm--on'></span><span class='jdgm-star jdgm--on'></span><span class='jdgm-star jdgm--on'></span><span class='jdgm-star jdgm--on'></span><span class='jdgm-star jdgm--on'></span></div> <div class='jdgm-histogram__bar'> <div class='jdgm-histogram__bar-content' style='width: 94%;'> </div> </div> <div class='jdgm-histogram__percentage'>94%</div> <div class='jdgm-histogram__frequency'>(689)</div> </div> <div class='jdgm-histogram__row' data-rating='4' data-frequency='43' data-percentage='6'> <div class='jdgm-histogram__star' role='button' aria-label="6% (43) reviews with 4 star rating" tabindex='0' ><span class='jdgm-star jdgm--on'></span><span class='jdgm-star jdgm--on'></span><span class='jdgm-star jdgm--on'></span><span class='jdgm-star jdgm--on'></span><span class='jdgm-star jdgm--off'></span></div> <div class='jdgm-histogram__bar'> <div class='jdgm-histogram__bar-content' style='width: 6%;'> </div> </div> <div class='jdgm-histogram__percentage'>6%</div> <div class='jdgm-histogram__frequency'>(43)</div> </div> <div class='jdgm-histogram__row' data-rating='3' data-frequency='1' data-percentage='0'> <div class='jdgm-histogram__star' role='button' aria-label="0% (1) reviews with 3 star rating" tabindex='0' ><span class='jdgm-star jdgm--on'></span><span class='jdgm-star jdgm--on'></span><span class='jdgm-star jdgm--on'></span><span class='jdgm-star jdgm--off'></span><span class='jdgm-star jdgm--off'></span></div> <div class='jdgm-histogram__bar'> <div class='jdgm-histogram__bar-content' style='width: 0%;'> </div> </div> <div class='jdgm-histogram__percentage'>0%</div> <div class='jdgm-histogram__frequency'>(1)</div> </div> <div class='jdgm-histogram__row' data-rating='2' data-frequency='1' data-percentage='0'> <div class='jdgm-histogram__star' role='button' aria-label="0% (1) reviews with 2 star rating" tabindex='0' ><span class='jdgm-star jdgm--on'></span><span class='jdgm-star jdgm--on'></span><span class='jdgm-star jdgm--off'></span><span class='jdgm-star jdgm--off'></span><span class='jdgm-star jdgm--off'></span></div> <div class='jdgm-histogram__bar'> <div class='jdgm-histogram__bar-content' style='width: 0%;'> </div> </div> <div class='jdgm-histogram__percentage'>0%</div> <div class='jdgm-histogram__frequency'>(1)</div> </div> <div class='jdgm-histogram__row' data-rating='1' data-frequency='0' data-percentage='0'> <div class='jdgm-histogram__star' role='button' aria-label="0% (0) reviews with 1 star rating" tabindex='0' ><span class='jdgm-star jdgm--on'></span><span class='jdgm-star jdgm--off'></span><span class='jdgm-star jdgm--off'></span><span class='jdgm-star jdgm--off'></span><span class='jdgm-star jdgm--off'></span></div> <div class='jdgm-histogram__bar'> <div class='jdgm-histogram__bar-content' style='width: 0%;'> </div> </div> <div class='jdgm-histogram__percentage'>0%</div> <div class='jdgm-histogram__frequency'>(0)</div> </div> <div class='jdgm-histogram__row jdgm-histogram__clear-filter' data-rating=null tabindex='0'></div> </div> <div class='jdgm-rev-widg__sort-wrapper'></div> </div> <div class='jdgm-revs-tab__content-body'> <div class='jdgm-revs-tab__reviews'><div class='jdgm-rev jdgm-divider-top' data-verified-buyer='true' data-review-id='3b6406a5-9c80-45c9-aa1f-be14964dc021' data-thumb-up-count='0' data-thumb-down-count='0'> <div class='jdgm-rev__header'> <div class='jdgm-rev__icon' > S </div> <span class='jdgm-rev__rating' data-score='5' tabindex='0' aria-label='5
26742star review' role='img'> <span class='jdgm-star jdgm--on'></span><span class='jdgm-star jdgm--on'></span><span class='jdgm-star jdgm--on'></span><span class='jdgm-star jdgm--on'></span><span class='jdgm-star jdgm--on'></span> </span> <span class='jdgm-rev__timestamp jdgm-spinner' data-content='2026-10-02 07:35:38 UTC'></span> <span class='jdgm-rev__prod-info-wrapper'> <span class='jdgm-rev__prod-link-prefix'></span> <a href='/products/c46071' target='_blank' class='jdgm-rev__prod-link'> Men's ÃriginalGrand Quadstar 2.0 Running Sneaker </a> </span> <div class='jdgm-rev__br'></div> <span class='jdgm-rev__buyer-badge-wrapper'> <span class='jdgm-rev__buyer-badge'></span> </span> <span class='jdgm-rev__author-wrapper'> <span class='jdgm-rev__author'>Shieldon Oliver C. Calayan</span> <span class='jdgm-rev__location' data-country-code="PH" > (Metro Manila) </span> </span> </div> <div class='jdgm-rev__content'> <div class='jdgm-rev__custom-form'> </div> <b class='jdgm-rev__title'></b> <div class='jdgm-rev__body'><p>Men's ÃriginalGrand Quadstar 2.0 Running Sneaker</p></div> <div class='jdgm-rev__pics'> </div> <div class='jdgm-rev__vids'> </div> </div> <div class='jdgm-rev__actions'> <div class='jdgm-rev__social'></div> <div class='jdgm-rev__votes'></div> </div> <div class='jdgm-rev__reply'> <div class='jdgm-rev__replier-wrapper'> <b class='jdgm-rev__replier'></b> </div> <div class='jdgm-rev__reply-content'><p>Hi Oliver, thank you for your fantastic 5-star review! We're thrilled you love the Men's ÃriginalGrand Quadstar 2.0 Running Sneaker. Hope they keep you running comfortably! Cheers, Cole Haan Philippines</p></div> </div> </div><div class='jdgm-rev jdgm-divider-top' data-verified-buyer='true' data-review-id='ec8dda19-88c7-4488-88b3-c1b491a6c8e6' data-thumb-up-count='0' data-thumb-down-count='0'> <div class='jdgm-rev__header'> <div class='jdgm-rev__icon' > K </div> <span class='jdgm-rev__rating' data-score='5' tabindex='0' aria-label='5 star review' role='img'> <span class='jdgm-star jdgm--on'></span><span class='jdgm-star jdgm--on'></span><span class='jdgm-star jdgm--on'></span><span class='jdgm-star jdgm--on'></span><span class='jdgm-star jdgm--on'></span> </span> <span class='jdgm-rev__timestamp jdgm-spinner' data-content='2026-09-28 09:41:47 UTC'></span> <span class='jdgm-rev__prod-info-wrapper'> <span class='jdgm-rev__prod-link-prefix'></span> <a href='/products/c44797' target='_blank' class='jdgm-rev__prod-link'> Men's GrandPrø Luxe Slip-On STITCHLITE⢠Sneaker </a> </span> <div class='jdgm-rev__br'></div> <span class='jdgm-rev__buyer-badge-wrapper'> <span class='jdgm-rev__buyer-badge'></span> </span> <span class='jdgm-rev__author-wrapper'> <span class='jdgm-rev__author'>Karlo Matthew Perez</span> <span class='jdgm-rev__location' data-country-code="PH" > (Calabarzon) </span> </span> </div> <div class='jdgm-rev__content'> <div class='jdgm-rev__custom-form'> </div> <b class='jdgm-rev__title'>Comfy and versatile</b> <div class='jdgm-rev__body'><p>Transition easily from business-casual office settings to relaxed weekend wear with dark jeans, shorts or Chinos</p></div> <div class='jdgm-rev__pics'> </div> <div class='jdgm-rev__vids'> </div> </div> <div class='jdgm-rev__actions'> <div class='jdgm-rev__social'></div> <div class='jdgm-rev__votes'></div> </div> <div class='jdgm-rev__reply'> <div class='jdgm-rev__replier-wrapper'> <b class='jdgm-rev__replier'></b> </div> <div class='jdgm-rev__reply-content'><p>Hi Karlo, we're thrilled to hear you're enjoying your Men's GrandPrø Luxe Slip-On STITCHLITE⢠Sneakers! Thanks for sharing your experience and for choosing Cole Haan Philippines. Enjoy your versatile style!</p></div> </div> </div><div class='jdgm-rev jdgm-divider-top' data-verified-buyer='true' data-review-id='b7d307b1-0f4e-4513-b029-a47e214864df' data-thumb-up-count='0' data-thumb-down-count='0'> <div class='jdgm-rev__header'> <div class='jdgm-rev__icon' > g </div> <span class='jdgm-rev__rating' data-score='5' tabindex='0' aria-label='5 star review' role='img'> <span class='jdgm-star jdgm--on'></span><span class='jdgm-star jdgm--on'></span><span class='jdgm-star jdgm--on'></span><span class='jdgm-star jdgm--on'></span><span class='jdgm-star jdgm--on'></span> </span> <span class='jdgm-rev__timestamp jdgm-spinner' data-content='2026-09-25 11:54:51 UTC'></span> <span class='jdgm-rev__prod-info-wrapper'> <span class='jdgm-rev__prod-link-prefix'></span> <a href='/products/c44806' target='_blank' class='jdgm-rev__prod-link'> Men's ZERÃGRAND Remastered Wingtip Oxford </a> </span> <div class='jdgm-rev__br'></div> <span class='jdgm-rev__buyer-badge-wrapper'> <span class='jdgm-rev__buyer-badge'></span> </span> <span class='jdgm-rev__author-wrapper'> <span class='jdgm-rev__author'>gabriel oaul jugueta</span> <span class='jdgm-rev__location' data-country-code="PH" > (Metro Manila) </span> </span> </div> <div class='jdgm-rev__content'> <div class='jdgm-rev__custom-form'> </div> <b class='jdgm-rev__title'>Amazing store in greenbelt</b> <div class='jdgm-rev__body'><p>Staff was accommodating and provided ways for me to get the product despite lack of availability during the visit.</p></div> <div class='jdgm-rev__pics'> </div> <div class='jdgm-rev__vids'> </div> </div> <div class='jdgm-rev__actions'> <div class='jdgm-rev__social'></div> <div class='jdgm-rev__votes'></div> </div> <div class='jdgm-rev__reply'> <div class='jdgm-rev__replier-wrapper'> <b class='jdgm-rev__replier'></b> </div> <div class='jdgm-rev__reply-content'><p>Hi Gabriel, thank you for your kind words! We're glad our team could assist you and that you had a positive experience. We look forward to serving you again!</p></div> </div> </div><div class='jdgm-rev jdgm-divider-top' data-verified-buyer='true' data-review-id='0ad1340f-4b40-4b31-ba17-3be0e168945e' data-thumb-up-count='0' data-thumb-down-count='0'> <div class='jdgm-rev__header'> <div class='jdgm-rev__icon' > G </div> <span class='jdgm-rev__rating' data-score='5' tabindex='0' aria-label='5
26742star review' role='img'> <span class='jdgm-star jdgm--on'></span><span class='jdgm-star jdgm--on'></span><span class='jdgm-star jdgm--on'></span><span class='jdgm-star jdgm--on'></span><span class='jdgm-star jdgm--on'></span> </span> <span class='jdgm-rev__timestamp jdgm-spinner' data-content='2026-09-25 11:39:04 UTC'></span> <span class='jdgm-rev__prod-info-wrapper'> <span class='jdgm-rev__prod-link-prefix'></span> <a href='/products/c42831' target='_blank' class='jdgm-rev__prod-link'> Men's 6.ZERÃGRAND Laser Quick-On Oxford </a> </span> <div class='jdgm-rev__br'></div> <span class='jdgm-rev__buyer-badge-wrapper'> <span class='jdgm-rev__buyer-badge'></span> </span> <span class='jdgm-rev__author-wrapper'> <span class='jdgm-rev__author'>Gabriel Alejandro Baroque</span> <span class='jdgm-rev__location' data-country-code="PH" > (Metro Manila) </span> </span> </div> <div class='jdgm-rev__content'> <div class='jdgm-rev__custom-form'> </div> <b class='jdgm-rev__title'></b> <div class='jdgm-rev__body'><p>Men's 6.ZERÃGRAND Laser Quick-On Oxford</p></div> <div class='jdgm-rev__pics'> </div> <div class='jdgm-rev__vids'> </div> </div> <div class='jdgm-rev__actions'> <div class='jdgm-rev__social'></div> <div class='jdgm-rev__votes'></div> </div> <div class='jdgm-rev__reply'> <div class='jdgm-rev__replier-wrapper'> <b class='jdgm-rev__replier'></b> </div> <div class='jdgm-rev__reply-content'><p>Hi Gabriel, thank you for your positive feedback on the Men's 6.ZERÃGRAND Laser Quick-On Oxford! We're glad you love the shoes. Enjoy your new pair!</p></div> </div> </div><div class='jdgm-rev jdgm-divider-top' data-verified-buyer='true' data-review-id='b210d8d4-9d44-4f5e-ade2-d4e36ba79f58' data-thumb-up-count='2' data-thumb-down-count='0'> <div class='jdgm-rev__header'> <div class='jdgm-rev__icon' > R </div> <span class='jdgm-rev__rating' data-score='5' tabindex='0' aria-label='5 star review' role='img'> <span class='jdgm-star jdgm--on'></span><span class='jdgm-star jdgm--on'></span><span class='jdgm-star jdgm--on'></span><span class='jdgm-star jdgm--on'></span><span class='jdgm-star jdgm--on'></span> </span> <span class='jdgm-rev__timestamp jdgm-spinner' data-content='2026-09-19 02:31:52 UTC'></span> <span class='jdgm-rev__prod-info-wrapper'> <span class='jdgm-rev__prod-link-prefix'></span> <a href='/products/c43922' target='_blank' class='jdgm-rev__prod-link'> Men's Grand Phaze Plain Toe Quick-On Oxford </a> </span> <div class='jdgm-rev__br'></div> <span class='jdgm-rev__buyer-badge-wrapper'> <span class='jdgm-rev__buyer-badge'></span> </span> <span class='jdgm-rev__author-wrapper'> <span class='jdgm-rev__author'>Rossenie de la Torre</span> <span class='jdgm-rev__location' data-country-code="PH" > (Metro Manila) </span> </span> </div> <div class='jdgm-rev__content'> <div class='jdgm-rev__custom-form'> </div> <b class='jdgm-rev__title'></b> <div class='jdgm-rev__body'><p>Men's Grand Phaze Plain Toe Quick-On Oxford</p></div> <div class='jdgm-rev__pics'> </div> <div class='jdgm-rev__vids'> </div> </div> <div class='jdgm-rev__actions'> <div class='jdgm-rev__social'></div> <div class='jdgm-rev__votes'></div> </div> <div class='jdgm-rev__reply'> <div class='jdgm-rev__replier-wrapper'> <b class='jdgm-rev__replier'></b> </div> <div class='jdgm-rev__reply-content'><p>Hi Rossenie, thank you for your positive feedback! We're glad you love the Men's Grand Phaze Plain Toe Quick-On Oxford. Enjoy your stylish new shoes!</p></div> </div> </div></div> <div class='jdgm-spinner jdgm-revs-tab__spinner' style='display: none'> </div> <div class='jdgm-paginate' data-per-page='5' data-url='https://api.judge.me/reviews/reviews_for_reviews_tab' ><a class='jdgm-paginate__page jdgm-curt' data-page='1' aria-label='Page 1' tabindex='0' aria-current='page' role='button'>1</a><a class='jdgm-paginate__page ' data-page='2' aria-label='Page 2' tabindex='0' role='button'>2</a><a class='jdgm-paginate__page ' data-page='3' aria-label='Page 3' tabindex='0' role='button'>3</a><a class='jdgm-paginate__page jdgm-paginate__next-page' data-page='2' aria-label='Page 2' tabindex='0' rel='next' role='button'></a><a class='jdgm-paginate__page jdgm-paginate__last-page' data-page='144' aria-label='Page 144' tabindex='0' role='button'></a></div> </div> </div> </div> </section> 26743 </div> 26744 26745 </div> 26746 26747 26748</section> 26749 26750 26751</div><div id="shopify-block-AR2NLc2c4ekp0em1iV__10111608272286102450" class="shopify-block shopify-app-block"><!-- BEGIN app snippet: disable-checkout-until-slots-load-with-listener --><style> 26752 .cart__ctas{ display: block !important } 26753 .cart-notification__links .button.button--primary.button--full-width{ display: none !important } 26754</style>
26755<script> 26756var isHulkAppGetDetailsRequestListened = false; 26757var validCartForms = getvalidCartForms(); 26758var xhrRequestExactMatch = null; 26759var xhrRequestPartialMatch = null; 26760var xhrRequestExactMatchTimeout = 500; 26761var xhrRequestPartialMatchTimeout = 500; 26762var fetchRequestExactMatch = null; 26763var fetchRequestPartialMatch = null; 26764var fetchRequestExactMatchTimeout = 500; 26765var fetchRequestPartialMatchimeout = 500; 26766var isVersion2Theme = false; 26767if(validCartForms.length && checkIsVersion2Theme(validCartForms)) { 26768 isVersion2Theme = true; 26769} 26770 26771 26772 26773 26774function hulkappsCheckoutClick() { 26775 return false; 26776} 26777function isV1AppWidgetWithMinPerformance6() { 26778 if(typeof window !== 'undefined'){ 26779 let appPerformanceVersion = Number((window.availableSetup?.appPerformanceVersion || 'v0').replace('v', '')); 26780 return window.availableSetup?.appWidgetVersion == 'v1' && appPerformanceVersion >= 6; 26781 } 26782 return false; 26783} 26784function checkIsVersion2Theme(cartForms) { 26785 var firstTwoCartForms = cartForms.slice(0, 2); 26786 var isFormWithButton = false; 26787 for (let cartForm of firstTwoCartForms) { 26788 if (isCheckoutButtonFound(cartForm)) { 26789 isFormWithButton = true; 26790 } 26791 } 26792 if (isFormWithButton) 26793 return false; 26794 else { 26795 if (getNextValidSubmitButton(firstTwoCartForms[firstTwoCartForms.length - 1])) { 26796 return true; 26797 } 26798 return false; 26799 } 26800} 26801function getNextValidSubmitButton(cartForm) { 26802 if (!isCheckoutButtonFound(cartForm)) { 26803 let nextSibling = cartForm.nextElementSibling; 26804 let parentNode = cartForm.parentNode; 26805 if (nextSibling) { 26806 if (isCheckoutButtonFound(nextSibling)) 26807 return true; 26808 else 26809 return getNextValidSubmitButton(nextSibling); 26810 } 26811 else if (parentNode) 26812 return getNextValidSubmitButton(parentNode); 26813 else 26814 return false; 26815 } 26816 else 26817 return true; 26818} 26819function isCheckoutButtonFound(cartForm) { 26820 var submitButtons = cartForm.querySelectorAll("button[type='submit'][name='checkout']"); 26821 var submitInputs = cartForm.querySelectorAll("input[type='submit'][name='checkout']"); 26822 if ((submitButtons && submitButtons.length) || (submitInputs && submitInputs.length)) 26823 return true; 26824 else 26825 return false; 26826} 26827function reLoadSlotPicker(request, requestType, url, timeOut) { 26828 if(requestType === "exact" && url === request) { 26829 isHulkAppGetDetailsRequestListened = false; 26830 disableCheckout(); 26831 setTimeout(function(){disableCheckout();}, 10); 26832 setTimeout(function(){if(typeof loadSlots !== 'undefined')loadSlots();}, timeOut); 26833 } 26834 else if(requestType === "partial" && url.indexOf(request) !== -1) { 26835 isHulkAppGetDetailsRequestListened = false; 26836 disableCheckout(); 26837 setTimeout(function(){disableCheckout();}, 10); 26838 setTimeout(function(){if(typeof loadSlots !== 'undefined')loadSlots();}, timeOut); 26839 } 26840} 26841function getvalidCartForms() { 26842 let cartForms = []; 26843 var formsInPage = document.querySelectorAll('form'); 26844 if(formsInPage) { 26845 for(var i = 0; i < formsInPage.length; i++) { 26846 if( 26847 (formsInPage[i].method === 'post') && 26848 (formsInPage[i].action.endsWith('/cart') || formsInPage[i].action.endsWith('/cart/') || formsInPage[i].action.indexOf('/cart?') > -1) 26849 ) { 26850 cartForms.push(formsInPage[i]); 26851 } 26852 } 26853 } 26854 return cartForms; 26855} 26856function isCartAction(url) { 26857 let cartActions = ["/cart/add.js","/cart/change.js","/cart/clear.js","/cart/add","/cart/change","/cart/clear","/cart/update.js","/cart/update"]; // removed "/cart/update.js","/cart/update" as reload is not needed for these 26858 if((typeof window !== 'undefined' && window.availableSetup) && window.availableSetup.updatePropertyOnCheckout) { 26859 cartActions = cartActions.filter(action => action !== "/cart/update.js" && action !== "/cart/update"); 26860 } 26861 return cartActions.includes(url) 26862} 26863function disableCheckout() { 26864 //Polyfill for endsWith - starts 26865 if (!String.prototype.endsWith) { 26866 String.prototype.endsWith = function(search, this_len) { 26867 if (this_len === undefined || this_len > this.length) { 26868 this_len = this.length; 26869 } 26870 return this.substring(this_len - search.length, this_len) === search; 26871 }; 26872 } 26873 //Polyfill for endsWith - ends 26874 if(validCartForms.length) { 26875 if(isVersion2Theme) { 26876 var checkoutButtonsInPage1 = document.querySelectorAll("button[name='checkout'][type='submit']"); 26877 var checkoutButtonsInPage2 = document.querySelectorAll("input[name='checkout'][type='submit']"); 26878 if (checkoutButtonsInPage1 && checkoutButtonsInPage1.length) { 26879 checkoutButtonsInPage1[0].disabled = true; 26880 if (checkoutButtonsInPage1.length > 1) { checkoutButtonsInPage1[1].disabled = true;} 26881 } 26882 if (checkoutButtonsInPage2 && checkoutButtonsInPage2.length) { 26883 checkoutButtonsInPage2[0].disabled = true; 26884 if (checkoutButtonsInPage2.length > 1) { checkoutButtonsInPage2[1].disabled = true;} 26885 } 26886 } 26887 else { 26888 var checkoutButton1 = validCartForms[0].querySelector("button[name='checkout'][type='submit']"); 26889 if(checkoutButton1) { checkoutButton1.disabled = true;} 26890 else { 26891 checkoutButton1 = validCartForms[0].querySelector("input[name='checkout'][type='submit']"); 26892 if(checkoutButton1){ checkoutButton1.disabled = true;} 26893 } 26894 if(validCartForms.length > 1) { 26895 var checkoutButton2 = validCartForms[1].querySelector("button[name='checkout'][type='submit']"); 26896 if(checkoutButton2) { checkoutButton2.disabled = true;} 26897 else { 26898 checkoutButton2 = validCartForms[1].querySelector("input[name='checkout'][type='submit']"); 26899 if(checkoutButton2){ checkoutButton2.disabled = true;} 26900 } 26901 } 26902 } 26903 } 26904}; 26905disableCheckout(); 26906 var pickeasyXMLHttpRequestListeners = window.XMLHttpRequest.prototype.open; 26907 function openReplacement(method, url, async, user, password) { if(window && window.pickeasy && window.pickeasy.isLoggingEnabled) console.log('XHR', method, url) 26908 this.addEventListener("load", function () { 26909 if(typeof url === "string") { let splitURL = url.split("?"); 26910 if(splitURL && splitURL.length) { 26911 if (isCartAction(splitURL[0])) { isHulkAppGetDetailsRequestListened = false; 26912 disableCheckout(); 26913 setTimeout(function(){if(typeof loadSlots !== 'undefined')loadSlots();}, 500); 26914 } 26915 } 26916 if(method === 'POST' && isHulkAppGetDetailsRequestListened === false && url.indexOf('get_cart_details') !== -1) { // Hulk app listener 26917 isHulkAppGetDetailsRequestListened = true; 26918 disableCheckout(); 26919 setTimeout(function(){disableCheckout();}, 10); 26920 Â Â Â Â Â Â setTimeout(function(){if(typeof loadSlots !== 'undefined' && !isV1AppWidgetWithMinPerformance6())loadSlots();}, 500); 26921 } 26922 if(xhrRequestExactMatch) { let xhrRequestExactSplits = xhrRequestExactMatch.split(","); 26923 for(var x = 0; x < xhrRequestExactSplits.length; x++) { reLoadSlotPicker(xhrRequestExactSplits[x], "exact", url, xhrRequestExactMatchTimeout);} 26924 } 26925 if(xhrRequestPartialMatch) { let xhrRequestsPartialSplits = xhrRequestPartialMatch.split(","); 26926 for(var x = 0; x < xhrRequestsPartialSplits.length; x++) { reLoadSlotPicker(xhrRequestsPartialSplits[x], "partial", url, xhrRequestPartialMatchTimeout);} 26927 } 26928 } 26929 });
26930 return pickeasyXMLHttpRequestListeners.apply(this, arguments); 26931 } 26932 window.XMLHttpRequest.prototype.open = openReplacement; 26933 var pickeasyFetchRequestListeners = fetch; // must be on the global scope 26934 fetch = async function(url, options) { if(window && window.pickeasy && window.pickeasy.isLoggingEnabled) console.log('Fetch', url); 26935 var promise = pickeasyFetchRequestListeners(url, options); 26936 await promise; 26937 if(typeof url === "string") { let splitURL = url.split("?"); 26938 if(splitURL && splitURL.length) { 26939 if (isCartAction(splitURL[0])) { isHulkAppGetDetailsRequestListened = false; 26940 disableCheckout(); 26941 setTimeout(function(){if(typeof loadSlots !== 'undefined' && !isV1AppWidgetWithMinPerformance6())loadSlots();}, 500); 26942 } 26943 } 26944 if(fetchRequestExactMatch) { let fetchRequestsExactSplits = fetchRequestExactMatch.split(","); 26945 for(var x = 0; x < fetchRequestsExactSplits.length; x++) { reLoadSlotPicker(fetchRequestsExactSplits[x], "exact", url, fetchRequestExactMatchTimeout);} 26946 } 26947 if(fetchRequestPartialMatch) { let fetchRequestsPartialSplits = fetchRequestPartialMatch.split(","); 26948 for(var x = 0; x < fetchRequestsPartialSplits.length; x++) { reLoadSlotPicker(fetchRequestsPartialSplits[x], "partial", url, fetchRequestPartialMatchimeout);} 26949 } 26950 } 26951 return promise; 26952 } 26953</script>
26953<!-- END app snippet --><!-- BEGIN app snippet: additional-javascript-and-css --><style> 26954.cart-notification__links .order-slots { 26955 display: none !important; 26956} 26957 26958@media only screen and (max-width: 480px) { 26959 .order-slots { 26960 max-width: 36rem !important; 26961 } 26962} 26963 26964 26965 26966 26967@media only screen and (max-width: 480px) { 26968 .ft-options { 26969 height: 160px !important; 26970 line-height: 24px; 26971 } 26972} 26973 26974@media only screen and (min-width: 480px) { 26975 .cart__bottom__payment { 26976 width: 400px; 26977 } 26978 .ft-options { 26979 height: 160px !important; 26980 line-height: 24px; 26981 } 26982} 26983 26984.cart__row--buttons, .cart__checkout { 26985 width: 400px !important; 26986} 26987</style><!-- END app snippet -->
26988<script type="module" src="https://cdn.shopify.com/extensions/01a0f73f-32b1-72a0-95a2-b3115e89ddb0/order-delivery-date-time-111/assets/pickeasy-app-widget.esm.js" defer></script>
26988 26989 26990 26991</div><div id="shopify-block-AYVRjem9WQzYvSFEya__14826766009936288847" class="shopify-block shopify-app-block">
26992<script id="Discounty-config"> 26993 function discountyExtractTextFromHtml(htmlString) { 26994 if (!htmlString) return ''; 26995 return new DOMParser().parseFromString(htmlString, 'text/html').body.textContent || ''; 26996 } 26997 26998 var $Discounty = {shopData: {"shopConfig":{"shopId":71453,"cart":{"isActive":true,"styles":"{}","config":{},"injectionInfo":[],"contents":[{"locale":"","totalText":"Total","savingText":"Saving"}]},"globalConfig":{"appEnabled":true,"considerCurrencyExchangeRate":true,"customVariantListener":{"element":"","isDatasetProperty":false,"property":""},"developerModeVariantListener":false,"globalCss":"","setTemplateCurrencyFormatAsDefault":false},"volumeDiscount":{"config":{"tierDisplayFormat":"RANGE"},"injectionInfo":[],"isActive":true,"styles":"{}","contents":[{"locale":"","title":"Buy more, Save more","buyColumnLabel":"Buy","getColumnLabel":"Get","discountText":"{{Discount}} Off","eachItemText":"on each","newPriceText":"each item {{new-price}}"}]},"miniVolumeDiscount":{"config":{"displayMode":"MAX_DISCOUNT"},"injectionInfo":[],"isActive":false,"styles":"{}","contents":[{"locale":"","maxDiscountText":"Up to {discount}% off","lowestPriceText":"From {price}"}]},"startCountDown":{"config":{"ctaLink":null},"productPageInjectionInfo":[],"homepageInjectionInfo":[],"isActive":true,"styles":"{}","contents":[{"locale":"","title":"Sale starts in","daysLabel":"Day","hoursLabel":"Hr","minutesLabel":"Min","secondsLabel":"Sec","ctaText":"Click here"}]},"endCountDown":{"config":{"ctaLink":null},"productPageInjectionInfo":[],"homepageInjectionInfo":[],"isActive":true,"styles":"{}","contents":[{"locale":"","title":"Sale ends in","daysLabel":"Day","hoursLabel":"Hr","minutesLabel":"Min","secondsLabel":"Sec","ctaText":"Click here"}]}
26998,"bxgyPopup":{"config":{"hideContinueBtn":false,"badgeShowFreeGift":false,"badgeType":"PERCENTAGE","dismissType":"TRIGGER","autoOpenDrawerEnabled":true},"injectionInfo":[],"isActive":true,"styles":"{}","contents":[{"locale":"","title":"Your current cart qualifies for these rewards","subtitle":"Now you are able to choose between them. Add before checking out!","availableRewardsLabel":"You can add {{count}} product(s)","btnSelectLabel":"Select","btnAddLabel":"Add to Cart","btnContinueLabel":"Continue Shopping"}]},"bxgyFab":{"config":{"hideCloseBtn":false,"isFabLeft":true},"injectionInfo":[],"isActive":false,"styles":"{}"},"shipping":{"progressbar":{"config":{"activeOnProductPage":true,"activeOnCartPage":true},"productPageInjectionInfo":[],"cartPageInjectionInfo":[],"cartDrawerInjectionInfo":[],"isActive":true,"styles":"{}","contents":[{"locale":"","thresholdInitialText":"Add {{amount}} more to unlock {{discount}} off shipping","thresholdProgressText":"You're {{amount}} away from {{discount}} off shipping","thresholdReachedText":"You've unlocked {{discount}} off shipping!"}]},"progressBarDiscount":null},"bxgy":{"rules":[]}},"expiresAt":"2026-10-06T17:31:41.545593+00:00"},shopDomain: "cole-haan-philippines.myshopify.com", 26999 customerId: null, 27000 isHomePage: true, 27001 isProductPage: false, 27002 currencyFormat: discountyExtractTextFromHtml(`â±0.00`) 27003 .replace( 27004 discountyExtractTextFromHtml(`0.00`),"{{money}}"), 27005 initialSelectedVariant: null, 27006 initialCart: [] || [], 27007 preloadedProducts: [ 27008 27009 ], 27010 products: [ 27011 ], 27012 }; 27013</script>
27013 27014 27015<div id="discounty-bxgy-discount-widgets-container"></div> 27016 27017 27018</div>
27018<script src="https://cdn.shopify.com/storefront/standard-actions.js" type="module" data-source-attribution="shopify.standard_actions"></script>
27018 27019</body> 27020</html> 27021
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.