PageSourceSearch

https://colehaan.com.ph/

html colehaan.com.ph collected 2026-10-05 18:13:26 UTC 1,479,337 bytes, 27,021 lines download raw bytes

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 &ndash; 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&#39;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 | &nbsp;<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&amp;width=600" alt="Cole Haan Philippines" srcset="//colehaan.com.ph/cdn/shop/files/ColeHaan_NewYork_Logotype-01.svg?v=1764720671&amp;width=200 200w, //colehaan.com.ph/cdn/shop/files/ColeHaan_NewYork_Logotype-01.svg?v=1764720671&amp;width=300 300w, //colehaan.com.ph/cdn/shop/files/ColeHaan_NewYork_Logotype-01.svg?v=1764720671&amp;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&amp;width=600" alt="Cole Haan Philippines" srcset="//colehaan.com.ph/cdn/shop/files/ColeHaan_NewYork_Logotype-01.svg?v=1764720671&amp;width=200 200w, //colehaan.com.ph/cdn/shop/files/ColeHaan_NewYork_Logotype-01.svg?v=1764720671&amp;width=300 300w, //colehaan.com.ph/cdn/shop/files/ColeHaan_NewYork_Logotype-01.svg?v=1764720671&amp;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&amp;width=600" alt="Cole Haan Philippines" srcset="//colehaan.com.ph/cdn/shop/files/ColeHaan_NewYork_Logotype-01.svg?v=1764720671&amp;width=200 200w, //colehaan.com.ph/cdn/shop/files/ColeHaan_NewYork_Logotype-01.svg?v=1764720671&amp;width=300 300w, //colehaan.com.ph/cdn/shop/files/ColeHaan_NewYork_Logotype-01.svg?v=1764720671&amp;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&#39;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&amp;width=600" alt="Cole Haan Philippines" srcset="//colehaan.com.ph/cdn/shop/files/ColeHaan_NewYork_Logotype-01.svg?v=1764720671&amp;width=200 200w, //colehaan.com.ph/cdn/shop/files/ColeHaan_NewYork_Logotype-01.svg?v=1764720671&amp;width=300 300w, //colehaan.com.ph/cdn/shop/files/ColeHaan_NewYork_Logotype-01.svg?v=1764720671&amp;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&amp;width=600" alt="Cole Haan Philippines" srcset="//colehaan.com.ph/cdn/shop/files/ColeHaan_NewYork_Logotype-01.svg?v=1764720671&amp;width=200 200w, //colehaan.com.ph/cdn/shop/files/ColeHaan_NewYork_Logotype-01.svg?v=1764720671&amp;width=300 300w, //colehaan.com.ph/cdn/shop/files/ColeHaan_NewYork_Logotype-01.svg?v=1764720671&amp;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&#39;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&amp;width=600" alt="Cole Haan Philippines" srcset="//colehaan.com.ph/cdn/shop/files/ColeHaan_NewYork_Logotype-01.svg?v=1764720671&amp;width=200 200w, //colehaan.com.ph/cdn/shop/files/ColeHaan_NewYork_Logotype-01.svg?v=1764720671&amp;width=300 300w, //colehaan.com.ph/cdn/shop/files/ColeHaan_NewYork_Logotype-01.svg?v=1764720671&amp;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&amp;width=600" alt="Cole Haan Philippines" srcset="//colehaan.com.ph/cdn/shop/files/ColeHaan_NewYork_Logotype-01.svg?v=1764720671&amp;width=200 200w, //colehaan.com.ph/cdn/shop/files/ColeHaan_NewYork_Logotype-01.svg?v=1764720671&amp;width=300 300w, //colehaan.com.ph/cdn/shop/files/ColeHaan_NewYork_Logotype-01.svg?v=1764720671&amp;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&#39;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&amp;width=600" alt="Cole Haan Philippines" srcset="//colehaan.com.ph/cdn/shop/files/ColeHaan_NewYork_Logotype-01.svg?v=1764720671&amp;width=200 200w, //colehaan.com.ph/cdn/shop/files/ColeHaan_NewYork_Logotype-01.svg?v=1764720671&amp;width=300 300w, //colehaan.com.ph/cdn/shop/files/ColeHaan_NewYork_Logotype-01.svg?v=1764720671&amp;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&amp;width=600" alt="Cole Haan Philippines" srcset="//colehaan.com.ph/cdn/shop/files/ColeHaan_NewYork_Logotype-01.svg?v=1764720671&amp;width=200 200w, //colehaan.com.ph/cdn/shop/files/ColeHaan_NewYork_Logotype-01.svg?v=1764720671&amp;width=300 300w, //colehaan.com.ph/cdn/shop/files/ColeHaan_NewYork_Logotype-01.svg?v=1764720671&amp;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&amp;width=600" alt="Cole Haan Philippines" srcset="//colehaan.com.ph/cdn/shop/files/ColeHaan_NewYork_Logotype-01.svg?v=1764720671&amp;width=200 200w, //colehaan.com.ph/cdn/shop/files/ColeHaan_NewYork_Logotype-01.svg?v=1764720671&amp;width=300 300w, //colehaan.com.ph/cdn/shop/files/ColeHaan_NewYork_Logotype-01.svg?v=1764720671&amp;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&amp;width=600" alt="Cole Haan Philippines" srcset="//colehaan.com.ph/cdn/shop/files/ColeHaan_NewYork_Logotype-01.svg?v=1764720671&amp;width=200 200w, //colehaan.com.ph/cdn/shop/files/ColeHaan_NewYork_Logotype-01.svg?v=1764720671&amp;width=300 300w, //colehaan.com.ph/cdn/shop/files/ColeHaan_NewYork_Logotype-01.svg?v=1764720671&amp;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 &amp; 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&amp;width=600" alt="Cole Haan Philippines" srcset="//colehaan.com.ph/cdn/shop/files/ColeHaan_NewYork_Logotype-01.svg?v=1764720671&amp;width=200 200w, //colehaan.com.ph/cdn/shop/files/ColeHaan_NewYork_Logotype-01.svg?v=1764720671&amp;width=300 300w, //colehaan.com.ph/cdn/shop/files/ColeHaan_NewYork_Logotype-01.svg?v=1764720671&amp;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  &amp;
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&amp;width=600" alt="Cole Haan Philippines" srcset="//colehaan.com.ph/cdn/shop/files/ColeHaan_NewYork_Logotype-01.svg?v=1764720671&amp;width=200 200w, //colehaan.com.ph/cdn/shop/files/ColeHaan_NewYork_Logotype-01.svg?v=1764720671&amp;width=300 300w, //colehaan.com.ph/cdn/shop/files/ColeHaan_NewYork_Logotype-01.svg?v=1764720671&amp;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&#39;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&amp;width=600" alt="Cole Haan Philippines" srcset="//colehaan.com.ph/cdn/shop/files/ColeHaan_NewYork_Logotype-01.svg?v=1764720671&amp;width=200 200w, //colehaan.com.ph/cdn/shop/files/ColeHaan_NewYork_Logotype-01.svg?v=1764720671&amp;width=300 300w, //colehaan.com.ph/cdn/shop/files/ColeHaan_NewYork_Logotype-01.svg?v=1764720671&amp;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 &amp; 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&amp;width=600" alt="Cole Haan Philippines" srcset="//colehaan.com.ph/cdn/shop/files/ColeHaan_NewYork_Logotype-01.svg?v=1764720671&amp;width=200 200w, //colehaan.com.ph/cdn/shop/files/ColeHaan_NewYork_Logotype-01.svg?v=1764720671&amp;width=300 300w, //colehaan.com.ph/cdn/shop/files/ColeHaan_NewYork_Logotype-01.svg?v=1764720671&amp;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&amp;width=600" alt="Cole Haan Philippines" srcset="//colehaan.com.ph/cdn/shop/files/ColeHaan_NewYork_Logotype-01.svg?v=1764720671&amp;width=200 200w, //colehaan.com.ph/cdn/shop/files/ColeHaan_NewYork_Logotype-01.svg?v=1764720671&amp;width=300 300w, //colehaan.com.ph/cdn/shop/files/ColeHaan_NewYork_Logotype-01.svg?v=1764720671&amp;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&amp;width=600" alt="Cole Haan Philippines" srcset="//colehaan.com.ph/cdn/shop/files/ColeHaan_NewYork_Logotype-01.svg?v=1764720671&amp;width=200 200w, //colehaan.com.ph/cdn/shop/files/ColeHaan_NewYork_Logotype-01.svg?v=1764720671&amp;width=300 300w, //colehaan.com.ph/cdn/shop/files/ColeHaan_NewYork_Logotype-01.svg?v=1764720671&amp;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 &amp; 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&amp;width=600" alt="Cole Haan Philippines" srcset="//colehaan.com.ph/cdn/shop/files/ColeHaan_NewYork_Logotype-01.svg?v=1764720671&amp;width=200 200w, //colehaan.com.ph/cdn/shop/files/ColeHaan_NewYork_Logotype-01.svg?v=1764720671&amp;width=300 300w, //colehaan.com.ph/cdn/shop/files/ColeHaan_NewYork_Logotype-01.svg?v=1764720671&amp;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 &amp; 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 &amp; 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 &amp; 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 &amp; 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&amp;width=600" alt="Cole Haan Philippines" srcset="//colehaan.com.ph/cdn/shop/files/ColeHaan_NewYork_Logotype-01.svg?v=1764720671&amp;width=200 200w, //colehaan.com.ph/cdn/shop/files/ColeHaan_NewYork_Logotype-01.svg?v=1764720671&amp;width=300 300w, //colehaan.com.ph/cdn/shop/files/ColeHaan_NewYork_Logotype-01.svg?v=1764720671&amp;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&amp;width=600" alt="Cole Haan Philippines" srcset="//colehaan.com.ph/cdn/shop/files/ColeHaan_NewYork_Logotype-01.svg?v=1764720671&amp;width=200 200w, //colehaan.com.ph/cdn/shop/files/ColeHaan_NewYork_Logotype-01.svg?v=1764720671&amp;width=300 300w, //colehaan.com.ph/cdn/shop/files/ColeHaan_NewYork_Logotype-01.svg?v=1764720671&amp;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 &amp; 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&amp;width=600" alt="Cole Haan Philippines" srcset="//colehaan.com.ph/cdn/shop/files/ColeHaan_NewYork_Logotype-01.svg?v=1764720671&amp;width=200 200w, //colehaan.com.ph/cdn/shop/files/ColeHaan_NewYork_Logotype-01.svg?v=1764720671&amp;width=300 300w, //colehaan.com.ph/cdn/shop/files/ColeHaan_NewYork_Logotype-01.svg?v=1764720671&amp;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 &amp; 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 &amp; 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 &amp; 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&amp;width=600" alt="Cole Haan Philippines" srcset="//colehaan.com.ph/cdn/shop/files/ColeHaan_NewYork_Logotype-01.svg?v=1764720671&amp;width=200 200w, //colehaan.com.ph/cdn/shop/files/ColeHaan_NewYork_Logotype-01.svg?v=1764720671&amp;width=300 300w, //colehaan.com.ph/cdn/shop/files/ColeHaan_NewYork_Logotype-01.svg?v=1764720671&amp;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&amp;width=600" alt="Cole Haan Philippines" srcset="//colehaan.com.ph/cdn/shop/files/ColeHaan_NewYork_Logotype-01.svg?v=1764720671&amp;width=200 200w, //colehaan.com.ph/cdn/shop/files/ColeHaan_NewYork_Logotype-01.svg?v=1764720671&amp;width=300 300w, //colehaan.com.ph/cdn/shop/files/ColeHaan_NewYork_Logotype-01.svg?v=1764720671&amp;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&#39;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&#39;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&amp;width=600" alt="Cole Haan Philippines" srcset="//colehaan.com.ph/cdn/shop/files/ColeHaan_NewYork_Logotype-01.svg?v=1764720671&amp;width=200 200w, //colehaan.com.ph/cdn/shop/files/ColeHaan_NewYork_Logotype-01.svg?v=1764720671&amp;width=300 300w, //colehaan.com.ph/cdn/shop/files/ColeHaan_NewYork_Logotype-01.svg?v=1764720671&amp;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&#39;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&#39;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&amp;width=600" alt="Cole Haan Philippines" srcset="//colehaan.com.ph/cdn/shop/files/ColeHaan_NewYork_Logotype-01.svg?v=1764720671&amp;width=200 200w, //colehaan.com.ph/cdn/shop/files/ColeHaan_NewYork_Logotype-01.svg?v=1764720671&amp;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&#39;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&#39;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&#39;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&#39;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 &amp; Accessories
5549                                    
5550                                  </a><ul class="list-unstyled" role="list"><li class="  grandchildappend-1  Bags  &amp;
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  &amp; 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 &amp; 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 &amp; 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 &amp; Accessories
5935                                    
5936                                  </a><ul class="list-unstyled" role="list"><li class="  grandchildappend-1  Bags &amp; 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 &amp;
5946 Backpacks
5947                                          </a>
5948                                        </li><li class="  grandchildappend-2  Handbags &amp; 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 &amp; Purses
5959                                          </a>
5960                                        </li><li class="  grandchildappend-3  Wallets &amp; 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 &amp; 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 &amp; 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 &amp; 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 &amp; 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 &amp; 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 &amp; Backpacks
6101                                          </a>
6102                                        </li><li class="  grandchildappend-2  Handbags &amp; 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 &amp; Purses
6113                                          </a>
6114                                        </li><li class="  grandchildappend-3  Wallets &amp; 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 &amp; 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&#39;s Shoes">
6212                                          
6213                                          
6214                                          
6215                                          <a
6216                                            href="/collections/men_sale"
6217                                            
6218                                            class="mega-menu__link link"
6219                                            
6220                                          >
6221                                            Men&#39;s Shoes
6222                                          </a>
6223                                        </li><li class="  grandchildappend-2  Men&#39;s Bags">
6224                                          
6225                                          
6226                                          
6227                                          <a
6228                                            href="/collections/men_sale_lifestyle"
6229                                            
6230                                            class="mega-menu__link link"
6231                                            
6232                                          >
6233                                            Men&#39;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&#39;s Shoes">
6261                                          
6262                                          
6263                                          
6264                                          <a
6265                                            href="/collections/women_sale"
6266                                            
6267                                            class="mega-menu__link link"
6268                                            
6269                                          >
6270                                            Women&#39;s Shoes
6271                                          </a>
6272                                        </li><li class="  grandchildappend-2  Women&#39;s Bags">
6273                                          
6274                                          
6275                                          
6276                                          <a
6277                                            href="/collections/women_sale_lifestyle"
6278                                            
6279                                            class="mega-menu__link link"
6280                                            
6281                                          >
6282                                            Women&#39;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                &nbsp;Women's Shoes&nbsp;
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            &nbsp;Women's Shoes&nbsp;
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&amp;#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&#39;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">&nbsp;per&nbsp;</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&#39;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&amp;#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&#39;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">&nbsp;per&nbsp;</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&#39;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&amp;#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&#39;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">&nbsp;per&nbsp;</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&#39;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&amp;#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&#39;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">&nbsp;per&nbsp;</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&#39;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&amp;#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&#39;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">&nbsp;per&nbsp;</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&#39;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&amp;#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&#39;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">&nbsp;per&nbsp;</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&#39;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&amp;#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&#39;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">&nbsp;per&nbsp;</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&#39;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&amp;#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&#39;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">&nbsp;per&nbsp;</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&#39;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&amp;#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&#39;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">&nbsp;per&nbsp;</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&#39;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&amp;#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&#39;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">&nbsp;per&nbsp;</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&#39;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&amp;#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&#39;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&#39;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">&nbsp;per&nbsp;</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&#39;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&amp;#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&#39;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">&nbsp;per&nbsp;</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&#39;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&amp;#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&#39;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">&nbsp;per&nbsp;</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&#39;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&amp;#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&#39;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">&nbsp;per&nbsp;</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&#39;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&amp;#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&#39;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">&nbsp;per&nbsp;</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&#39;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&amp;#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&#39;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">&nbsp;per&nbsp;</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&#39;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&amp;#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&#39;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">&nbsp;per&nbsp;</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&#39;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&amp;#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&#39;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">&nbsp;per&nbsp;</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&#39;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&amp;#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&#39;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">&nbsp;per&nbsp;</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&#39;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&amp;#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&#39;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">&nbsp;per&nbsp;</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&#39;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&amp;#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&#39;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">&nbsp;per&nbsp;</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&#39;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&amp;#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&#39;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">&nbsp;per&nbsp;</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&#39;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&amp;#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&#39;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">&nbsp;per&nbsp;</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&#39;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&amp;#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&#39;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">&nbsp;per&nbsp;</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&#39;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&amp;#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&#39;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">&nbsp;per&nbsp;</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&#39;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&amp;#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&#39;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">&nbsp;per&nbsp;</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&#39;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&amp;#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&#39;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">&nbsp;per&nbsp;</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&#39;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&amp;#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&#39;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">&nbsp;per&nbsp;</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&#39;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&amp;#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&#39;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">&nbsp;per&nbsp;</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&#39;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&amp;#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&#39;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">&nbsp;per&nbsp;</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&#39;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&#39;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&#39;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&#39;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&#39;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&#39;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&#39;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&#39;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&#39;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&#39;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&#39;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&#39;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&#39;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&#39;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&#39;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&#39;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&#39;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&#39;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.