</noscript> <div id="ETM-WGT-add26849-20cb-4f13-bca4-2186fd8a2928"></div> <script defer src="https://euro.reviews/widget/shops-group/add26849-20cb-4f13-bca4-2186fd8a2928/js"></script> <div class="smdWrapperTag"></div> <div id="cookieModal" class="modal" data-easein="bounceDownIn" tabindex="-1" data-bs-keyboard="false"> <div class="modal-dialog modal-dialog-centered "> <div class="modal-content"> <div class="p-5"> <div class="fw-bold fs-5 mb-2"> This website uses cookies. </div> <div > We use cookies on our website. Some are essential for the proper functioning of the site, while others help us analyse traffic and personalise content and ads. </div> <hr /> <button data-bs-dismiss="modal" class="btn btn-primary flex-grow-1 accept-cookie-btn w-100 order-md-last">Accept</button> <div class="d-flex flex-column flex-md-row align-items-center gap-1 mt-3"> <a href="/cookies" class="btn settings-cookie-btn btn-light flex-grow-1 w-100"> Customize </a> <button data-bs-dismiss="modal" class="btn btn-light flex-grow-1 deny-cookie-btn w-100 order-md-first">Reject</button> </div> </div> </div> </div> </div> <div id="messages"> </div> <form action="/Account/LogOff" class="navbar-right" id="logoutForm" method="post"><input id="returnDivizia" name="returnDivizia" type="hidden" value="base" /></form> <header class="header d-flex flex-column w-100"> <div class="header__top-panel d-none d-md-block"> <div class="container"> <div class="d-flex flex-wrap flex-lg-nowrap w-100 align-items-center justify-content-between"> <div class="header__top-panel--left mb-2 mb-lg-0"> <div class="d-flex"> <div class="d-flex align-items-center me-2"> <div class="me-1"><img src="/Content/icons/green-energy.svg"></div> <div><a href="/green-energy">Green energy</a></div> </div> <div class="d-flex align-items-center"> <div class="me-1"><img src="/Content/klient/shoesindustries/images/envelope.svg"></div> <div><a href="/contact">Write to us</a></div> </div> </div> </div> <div class="header__top-panel--right d-flex align-items-center"> <div class="d-flex flex-wrap align-items-center justify-content-end me-3"> <div class="header__top-panel-pages me-3 d-flex"> <a class="first" href="/ShippingPayment">Shipping and payment</a><a class="first" href="/cashback">Cashback</a><a class="first" href="/Return">Return</a><a class="first" href="/Claim">Claim</a><a class="first" href="/contact">Contact</a> </div> <a href="/Account/Login?returnDivizia=base" Class="btn-konto fw-bold d-flex align-items-center"> <i Class="store-icon-user2 text-md me-1"></i> Login </a> </div> <div class="dropdown site-control2 cursor-pointer"><div class="dropdown-toggle cursor-pointer" data-bs-toggle="dropdown"><span class="lang lang-eu"></span></div><div class="dropdown-menu dropdown-menu-end"><div class="site-control2-t">Language</div><ul class="list-group"><li class="list-group-item"><div class="cb-main"><div class="cb-container"><input type="checkbox" /> <span class="checkmark"></span></div></div> <div><a href="/lang/init/hr2"><span class="lang lang-hr2"></span> <span>Hrvatski</span></a></div> </li><li class="list-group-item"><div class="cb-main"><div class="cb-container"><input type="checkbox" checked="checked" /> <span class="checkmark"></span></div></div> <div><a href="/lang/init/eu"><span class="lang lang-eu"></span> <span>English</span></a></div> </li></ul></div></div> </div> </div> </div> </div> <div class="header__mobile-menu d-md-none"> <div class="container px-3"> <div class="d-flex w-100 justify-content-between"> <div class="d-flex align-items-center"> <div class="header__mobile-menu-icon d-flex flex-column align-items-center btn-toggle-canvas"> <div id="nav-icon"> <span></span> <span></span> <span></span> </div> <span>MENU</span> </div> <div class="mobile-menu-logo ms-3"> <div><a href="/"><img src="/Content/klient/shoesindustries/Images/store_logo.svg" alt="ShoesIndustries.hr"></a></div> </div> </div> <div class="d-flex align-items-center"> <div class="header-mobile-control btn-toggle-search header-mobile-control-spacing"> <i class="store-icon-searchx icon-search"></i> </div> <div class="header-mobile-control header-mobile-control-spacing"> <a href="/Account/Login?returnDivizia=base"><i class="store-icon-userx"></i> </a> </div> <div class="header-mobile-control"> <a class="header-mobile-link" href="/cart"> <i class="store-icon-shopping-bag-2"></i> <span class="badge">0</span> </a> </div> </div> </div> </div> </div> <div class="header__main-panel"> <div class="container"> <div class="d-flex justify-content-between align-items-center"> <div class="header__logo-col d-none d-md-block"> <div class="header__logo" id="logo"> <div><a href="/"><img src="/Content/klient/shoesindustries/Images/store_logo.svg" alt="ShoesIndustries.hr"></a></div> </div> </div> <div Class="header__search-col px-md-0 d-none d-md-block mb-3 mb-md-0"> <div id="search-control" Class="search-control "> <form method="get" action="/katalog"> <div Class="d-flex align-items-center"> <input autocomplete="off" class="form-control" id="q" name="q" placeholder="Search" type="text" value="" /> <Button type="submit" Class="btn-search d-flex align-items-center"><i Class="store-icon-searchx"></i></Button> </div> </form> <div id="search-suggestion" Class="d-none"></div> </div> <div id="search-drop" Class="d-none"></div> </div> <div Class="header-cart-col d-none d-md-block"> <div Class="user-panel d-flex align-items-center"> <div class="user-controls d-flex align-items-center"><a href="/oblubene"><i class="store-icon-heart-solid"></i><span class="badge"><span class="count-oblubene">0</span></span></a></div> <div id="kosik-control"> <div> <a class="btn-kosik" href="/cart"> <div class="btn-kosik-icon"> <i class="store-icon-shopping-bag-2 me-2"></i> <span Class="badge">0</span> </div> <div> <span class="btn-kosik-text"> Cart </span> </div> </a> </div> <div Class="dropdown"> <button id="btn-mini-kosik" Class="btn dropdown-toggle btn-kosik hidden-xs no-caret" data-bs-toggle="dropdown" type="button"> <i Class="store-icon-angle-down-solid"></i> </button> <div Class="dropdown-menu dropdown-menu-end mini-kosik-dropdown-menu" role="menu" aria-labelledby="btn-mini-kosik"> <div id="mini-kosik-data"></div> </div> </div> </div> </div> </div> </div> </div> </div> <div Class="header__main-menu"> <div Class="container"> <nav id="navigation" Class="navigation"> <div Class="nav-menus-wrapper"> <div Class="header__mobile-header d-flex mobile-controls d-md-none justify-content-between align-items-center "> <div> <div class="dropdown site-control2 cursor-pointer"><div class="dropdown-toggle cursor-pointer" data-bs-toggle="dropdown"><span class="lang lang-eu"></span></div><div class="dropdown-menu dropdown-menu-end"><div class="site-control2-t">Language</div><ul class="list-group"><li class="list-group-item"><div class="cb-main"><div class="cb-container"><input type="checkbox" /> <span class="checkmark"></span></div></div> <div><a href="/lang/init/hr2"><span class="lang lang-hr2"></span> <span>Hrvatski</span></a></div> </li><li class="list-group-item"><div class="cb-main"><div class="cb-container"><input type="checkbox" checked="checked" /> <span class="checkmark"></span></div></div> <div><a href="/lang/init/eu"><span class="lang lang-eu"></span> <span>English</span></a></div> </li></ul></div></div> </div> <div class="user-controls d-flex align-items-center"><a href="/oblubene"><i class="store-icon-heart-solid"></i><span class="badge"><span class="count-oblubene">0</span></span></a></div> <div> <Span Class='nav-menus-wrapper-close-button'><i class="store-icon-times-solid"></i></Span></div> </div> <ul Class="nav-menu navigation-links"> <li><a class="" href="/new"><i class="mi mi-new"></i><span>New Arrivals</span></a></li><li><a class="expander" href="/Catalogue/420/men"><i class="mi mi-male"></i><span>Men</span></a><div class="megamenu-panel"><div class="megamenu-lists"><ul class="megamenu-list list-col-3"><li class="megamenu-list-title"><a href="/Catalogue/429/footwear">Footwear</a></li><li><a href="/Catalogue/430/sneakers">Sneakers</a></li><li><a href="/Catalogue/431/shoes">Shoes</a></li><li><a href="/Catalogue/432/slides">Slides</a></li></ul><ul class="megamenu-list list-col-3"><li class="megamenu-list-title"><a href="/Catalogue/433/clothing">Clothing</a></li><li><a href="/Catalogue/434/t-shirts-and-shirts">T-Shirts and shirts</a></li><li><a href="/Catalogue/435/hoodies-sweaters">Hoodies & Sweaters</a></li><li><a href="/Catalogue/436/trousers">Trousers</a></li><li><a href="/Catalogue/442/coats-jackets">Coats & Jackets</a></li><li><a href="/Catalogue/443/swimwear">Swimwear</a></li><li><a href="/Catalogue/510/shirts">Shirts</a></li><li><a href="/Catalogue/522/sweatpants">Sweatpants</a></li><li><a href="/Catalogue/531/vest">Vest</a></li><li><a href="/Catalogue/529/shorts">Shorts</a></li></ul><div class="megamenu-list list-col-3"><div class="brands-title">Favorite brands</div><div id="brands-menu420" class="brands-menu"><ul><li><a href="/Catalogue/420/men?v=201"><img data-src="https://shoesindustries.com/assets/1/converse1.png" alt="Converse" /></a></li><li><a href="/Catalogue/420/men?v=202"><img data-src="https://shoesindustries.com/assets/1/puma1.png" alt="Puma" /></a></li><li><a href="/Catalogue/420/men?v=203"><img data-src="https://shoesindustries.com/assets/1/newbalance1.png" alt="New Balance" /></a></li><li><a href="/Catalogue/420/men?v=205"><img data-src="https://shoesindustries.com/assets/1/fullhardy1.png" alt="Fullhardy" /></a></li><li><a href="/Catalogue/420/men?v=206"><img data-src="https://shoesindustries.com/assets/1/zapatos1.png" alt="Zapatos" /></a></li><li><a href="/Catalogue/420/men?v=207"><img data-src="https://shoesindustries.com/assets/1/newera1.png" alt="New Era" /></a></li><li><a href="/Catalogue/420/men?v=209"><img data-src="https://shoesindustries.com/assets/1/drmartens1.png" alt="Dr.Martens" /></a></li><li><a href="/Catalogue/420/men?v=210"><img data-src="https://shoesindustries.com/assets/loga/tnf.png" alt="The North Face" /></a></li><li><a href="/Catalogue/420/men?v=215"><img data-src="https://shoesindustries.com/assets/1/rains1.png" alt="Rains" /></a></li><li><a href="/Catalogue/420/men?v=217"><img data-src="https://shoesindustries.com/assets/1/carhartt1.png" alt="Carhartt WIP" /></a></li><li><a href="/Catalogue/420/men?v=218"><img data-src="https://shoesindustries.com/assets/1/sneaky1.png" alt="Sneaky" /></a></li><li><a href="/Catalogue/420/men?v=222"><img data-src="https://shoesindustries.com/assets/1/shoesindustries1.png" alt="Shoes Industries" /></a></li><li><a href="/Catalogue/420/men?v=229"><img data-src="https://shoesindustries.com/assets/1/huf1.png" alt="Huf" /></a></li><li><a href="/Catalogue/420/men?v=230"><img data-src="https://shoesindustries.com/assets/1/market1.png" alt="Chinatown Market" /></a></li><li><a href="/Catalogue/420/men?v=237"><img data-src="https://shoesindustries.com/assets/1/on1.png" alt="On" /></a></li><li><a href="/Catalogue/420/men?v=251"><img data-src="https://shoesindustries.com/assets/1/komono1.png" alt="Komono" /></a></li><li><a href="/Catalogue/420/men?v=252"><img data-src="https://shoesindustries.com/assets/1/cariuma1.png" alt="Cariuma" /></a></li><li><a href="/Catalogue/420/men?v=256"><img data-src="https://shoesindustries.com/assets/1/Lundhags.png" alt="Lundhags" /></a></li><li><a href="/Catalogue/420/men?v=257"><img data-src="https://shoesindustries.com/assets/1/D.Franklin.png" alt="D.Franklin" /></a></li><li><a href="/Catalogue/420/men?v=258"><img data-src="https://shoesindustries.com/gallery/logo-brand/primitive1.webp" alt="Primitive" /></a></li></ul></div></div></div></div><i class="expnd store-icon-plus"></i></li><li><a class="expander" href="/Catalogue/421/women"><i class="mi mi-female"></i><span>Women</span></a><div class="megamenu-panel"><div class="megamenu-lists"><ul class="megamenu-list list-col-3"><li class="megamenu-list-title"><a href="/Catalogue/438/footwear">Footwear</a></li><li><a href="/Catalogue/439/sneakers">Sneakers</a></li><li><a href="/Catalogue/440/shoes">Shoes</a></li><li><a href="/Catalogue/441/slides">Slides</a></li></ul><ul class="megamenu-list list-col-3"><li class="megamenu-list-title"><a href="/Catalogue/437/clothing">Clothing</a></li><li><a href="/Catalogue/532/vest">Vest</a></li><li><a href="/Catalogue/528/sweatpants">Sweatpants</a></li><li><a href="/Catalogue/446/t-shirts-and-shirts">T-Shirts and shirts</a></li><li><a href="/Catalogue/447/hoodies-sweaters">Hoodies & Sweaters</a></li><li><a href="/Catalogue/448/trousers">Trousers</a></li><li><a href="/Catalogue/449/coats-jackets">Coats & Jackets</a></li><li><a href="/Catalogue/530/shorts">Shorts</a></li></ul><div class="megamenu-list list-col-3"><div class="brands-title">Favorite brands</div><div id="brands-menu421" class="brands-menu"><ul><li><a href="/Catalogue/421/women?v=201"><img data-src="https://shoesindustries.com/assets/1/converse1.png" alt="Converse" /></a></li><li><a href="/Catalogue/421/women?v=202"><img data-src="https://shoesindustries.com/assets/1/puma1.png" alt="Puma" /></a></li><li><a href="/Catalogue/421/women?v=203"><img data-src="https://shoesindustries.com/assets/1/newbalance1.png" alt="New Balance" /></a></li><li><a href="/Catalogue/421/women?v=205"><img data-src="https://shoesindustries.com/assets/1/fullhardy1.png" alt="Fullhardy" /></a></li><li><a href="/Catalogue/421/women?v=206"><img data-src="https://shoesindustries.com/assets/1/zapatos1.png" alt="Zapatos" /></a></li><li><a href="/Catalogue/421/women?v=207"><img data-src="https://shoesindustries.com/assets/1/newera1.png" alt="New Era" /></a></li><li><a href="/Catalogue/421/women?v=209"><img data-src="https://shoesindustries.com/assets/1/drmartens1.png" alt="Dr.Martens" /></a></li><li><a href="/Catalogue/421/women?v=210"><img data-src="https://shoesindustries.com/assets/loga/tnf.png" alt="The North Face" /></a></li><li><a href="/Catalogue/421/women?v=215"><img data-src="https://shoesindustries.com/assets/1/rains1.png" alt="Rains" /></a></li><li><a href="/Catalogue/421/women?v=217"><img data-src="https://shoesindustries.com/assets/1/carhartt1.png" alt="Carhartt WIP" /></a></li><li><a href="/Catalogue/421/women?v=218"><img data-src="https://shoesindustries.com/assets/1/sneaky1.png" alt="Sneaky" /></a></li><li><a href="/Catalogue/421/women?v=222"><img data-src="https://shoesindustries.com/assets/1/shoesindustries1.png" alt="Shoes Industries" /></a></li><li><a href="/Catalogue/421/women?v=225"><img data-src="https://shoesindustries.com/assets/1/champion1.png" alt="Champion" /></a></li><li><a href="/Catalogue/421/women?v=237"><img data-src="https://shoesindustries.com/assets/1/on1.png" alt="On" /></a></li><li><a href="/Catalogue/421/women?v=251"><img data-src="https://shoesindustries.com/assets/1/komono1.png" alt="Komono" /></a></li><li><a href="/Catalogue/421/women?v=252"><img data-src="https://shoesindustries.com/assets/1/cariuma1.png" alt="Cariuma" /></a></li><li><a href="/Catalogue/421/women?v=256"><img data-src="https://shoesindustries.com/assets/1/Lundhags.png" alt="Lundhags" /></a></li><li><a href="/Catalogue/421/women?v=257"><img data-src="https://shoesindustries.com/assets/1/D.Franklin.png" alt="D.Franklin" /></a></li></ul></div></div></div></div><i class="expnd store-icon-plus"></i></li><li><a class="expander" href="/Catalogue/422/accessories"><i class="mi mi-cap"></i><span>Accessories</span></a><div class="megamenu-panel"><div class="megamenu-lists"><ul class="megamenu-list list-col-2"><li class="megamenu-list-title"><a href="/Catalogue/494/accessories">Accessories</a></li><li><a href="/Catalogue/504/scarves">Scarves</a></li><li><a href="/Catalogue/507/gloves">Gloves</a></li><li><a href="/Catalogue/509/bucket-hats">Bucket hats</a></li><li><a href="/Catalogue/490/shoe-care">Shoe care</a></li><li><a href="/Catalogue/476/bags-and-backpacks">Bags and backpacks</a></li><li><a href="/Catalogue/472/caps-and-caps">Caps and caps</a></li><li><a href="/Catalogue/477/sunglasses">Sunglasses</a></li><li><a href="/Catalogue/474/belts">Belts</a></li><li><a href="/Catalogue/473/socks">Socks</a></li><li><a href="/Catalogue/496/hip-bags">Hip bags</a></li><li><a href="/Catalogue/527/accessories">Accessories</a></li></ul><div class="megamenu-list list-col-2"><div class="brands-title">Favorite brands</div><div id="brands-menu422" class="brands-menu"><ul><li><a href="/Catalogue/422/accessories?v=202"><img data-src="https://shoesindustries.com/assets/1/puma1.png" alt="Puma" /></a></li><li><a href="/Catalogue/422/accessories?v=205"><img data-src="https://shoesindustries.com/assets/1/fullhardy1.png" alt="Fullhardy" /></a></li><li><a href="/Catalogue/422/accessories?v=206"><img data-src="https://shoesindustries.com/assets/1/zapatos1.png" alt="Zapatos" /></a></li><li><a href="/Catalogue/422/accessories?v=207"><img data-src="https://shoesindustries.com/assets/1/newera1.png" alt="New Era" /></a></li><li><a href="/Catalogue/422/accessories?v=210"><img data-src="https://shoesindustries.com/assets/loga/tnf.png" alt="The North Face" /></a></li><li><a href="/Catalogue/422/accessories?v=215"><img data-src="https://shoesindustries.com/assets/1/rains1.png" alt="Rains" /></a></li><li><a href="/Catalogue/422/accessories?v=217"><img data-src="https://shoesindustries.com/assets/1/carhartt1.png" alt="Carhartt WIP" /></a></li><li><a href="/Catalogue/422/accessories?v=218"><img data-src="https://shoesindustries.com/assets/1/sneaky1.png" alt="Sneaky" /></a></li><li><a href="/Catalogue/422/accessories?v=222"><img data-src="https://shoesindustries.com/assets/1/shoesindustries1.png" alt="Shoes Industries" /></a></li><li><a href="/Catalogue/422/accessories?v=229"><img data-src="https://shoesindustries.com/assets/1/huf1.png" alt="Huf" /></a></li><li><a href="/Catalogue/422/accessories?v=237"><img data-src="https://shoesindustries.com/assets/1/on1.png" alt="On" /></a></li><li><a href="/Catalogue/422/accessories?v=251"><img data-src="https://shoesindustries.com/assets/1/komono1.png" alt="Komono" /></a></li><li><a href="/Catalogue/422/accessories?v=252"><img data-src="https://shoesindustries.com/assets/1/cariuma1.png" alt="Cariuma" /></a></li><li><a href="/Catalogue/422/accessories?v=253"><img data-src="https://shoesindustries.com/assets/1/JM1.png" alt="Jason Markk" /></a></li><li><a href="/Catalogue/422/accessories?v=254"><img data-src="https://shoesindustries.com/assets/1/capslab.png" alt="Capslab" /></a></li><li><a href="/Catalogue/422/accessories?v=255"><img data-src="https://shoesindustries.com/assets/1/goorinbros.png" alt="Goorin Bros" /></a></li><li><a href="/Catalogue/422/accessories?v=256"><img data-src="https://shoesindustries.com/assets/1/Lundhags.png" alt="Lundhags" /></a></li><li><a href="/Catalogue/422/accessories?v=257"><img data-src="https://shoesindustries.com/assets/1/D.Franklin.png" alt="D.Franklin" /></a></li></ul></div></div></div></div><i class="expnd store-icon-plus"></i></li><li><a class="expander" href="/Catalogue/415/brands"><i class="mi mi-star"></i><span>Brands</span></a><div class="megamenu-panel"><div class="megamenu-lists"><ul class="megamenu-list list-col-3"><li class="megamenu-list-title megamenu-list-title-range">A-D</li><li><a href="/v/254/">Capslab</a></li><li><a href="/v/217/carhartt-wip">Carhartt WIP</a></li><li><a href="/v/252/">Cariuma</a></li><li><a href="/v/201/converse">Converse</a></li><li><a href="/v/257/">D.Franklin</a></li><li><a href="/v/209/dr-martens">Dr.Martens</a></li></ul><ul class="megamenu-list list-col-3"><li class="megamenu-list-title megamenu-list-title-range">E-H</li><li><a href="/v/205/fullhardy">Fullhardy</a></li><li><a href="/v/255/">Goorin Bros.</a></li><li><a href="/v/229/huf">HUF</a></li></ul><ul class="megamenu-list list-col-3"><li class="megamenu-list-title megamenu-list-title-range">I-L</li><li><a href="/v/253/">Jason Markk</a></li><li><a href="/v/251/">Komono</a></li><li><a href="/v/256/">Lundhags</a></li></ul><ul class="megamenu-list list-col-3"><li class="megamenu-list-title megamenu-list-title-range">M-P</li><li><a href="/v/203/new-balance">New Balance</a></li><li><a href="/v/237/">On</a></li><li><a href="/v/207/new-era">New Era</a></li><li><a href="/v/258/">Primitive</a></li><li><a href="/v/202/puma">Puma</a></li></ul><ul class="megamenu-list list-col-3"><li class="megamenu-list-title megamenu-list-title-range">Q-T</li><li><a href="/v/215/rains">Rains</a></li><li><a href="/v/218/sneaky">Sneaky</a></li><li><a href="/v/210/the-north-face">The North Face</a></li></ul><ul class="megamenu-list list-col-3"><li class="megamenu-list-title megamenu-list-title-range">U-Z</li><li><a href="/v/213/vans">Vans</a></li><li><a href="/v/206/zapatos">Zapatos</a></li></ul></div></div><i class="expnd store-icon-plus"></i></li><li><a class="expander" href="/shopall?z=1"><i class="mi mi-percent"></i><span>Sale</span></a><div class="megamenu-panel"><div class="megamenu-lists"><ul class="megamenu-list list-col-3"><li class="megamenu-list-title megamenu-list-title-range"><a href="/shopall?z=1">According to the discount</a></li></li><li><a href="/shopall?z=1">All</a></li><li><a href="/shopall?z=10">Discounts from 10%</a></li><li><a href="/shopall?z=30">Discounts from 30%</a></li><li><a href="/shopall?z=50">Discounts from 50%</a></li><li class="megamenu-list-title megamenu-list-title-range"><a href="/shopall?z=321">Special discounts</a></li></li><li><a href="/shopall?z=321">Special deals</a></li></ul><ul class="megamenu-list list-col-3"><li class="megamenu-list-title megamenu-list-title-range"><a href="#">By category</a></li><li><a href="/Catalogue/420/men?z=1">Men</a></li><li><a href="/Catalogue/421/women?z=1">Women</a></li><li><a href="/Catalogue/422/accessories?z=1">Accessories</a></li></ul><div class="megamenu-list list-col-3"><div class="brands-title">By brand</div><div id="brands-menu416" class="brands-menu"><ul><li><a href="/shopall?v=237&z=1"><img data-src="https://shoesindustries.com/assets/1/on1.png" alt="On" /></a></li><li><a href="/shopall?v=217&z=1"><img data-src="https://shoesindustries.com/assets/1/carhartt1.png" alt="Carhartt WIP" /></a></li><li><a href="/shopall?v=209&z=1"><img data-src="https://shoesindustries.com/assets/1/drmartens1.png" alt="Dr.Martens" /></a></li><li><a href="/shopall?v=201&z=1"><img data-src="https://shoesindustries.com/assets/1/converse1.png" alt="Converse" /></a></li><li><a href="/shopall?v=202&z=1"><img data-src="https://shoesindustries.com/assets/1/puma1.png" alt="Puma" /></a></li><li><a href="/shopall?v=229&z=1"><img data-src="https://shoesindustries.com/assets/1/huf1.png" alt="Huf" /></a></li><li><a href="/shopall?v=207&z=1"><img data-src="https://shoesindustries.com/assets/1/newera1.png" alt="New Era" /></a></li><li><a href="/shopall?v=210&z=1"><img data-src="https://shoesindustries.com/assets/loga/tnf.png" alt="The North Face" /></a></li><li><a href="/shopall?v=203&z=1"><img data-src="https://shoesindustries.com/assets/1/newbalance1.png" alt="New Balance" /></a></li><li><a href="/shopall?v=251&z=1"><img data-src="https://shoesindustries.com/assets/1/komono1.png" alt="Komono" /></a></li><li><a href="/shopall?v=252&z=1"><img data-src="https://shoesindustries.com/assets/1/cariuma1.png" alt="Cariuma" /></a></li><li><a href="/shopall?v=253&z=1"><img data-src="https://shoesindustries.com/assets/1/JM1.png" alt="Jason Markk" /></a></li><li><a href="/shopall?v=254&z=1"><img data-src="https://shoesindustries.com/assets/1/capslab.png" alt="Capslab" /></a></li><li><a href="/shopall?v=255&z=1"><img data-src="https://shoesindustries.com/assets/1/goorinbros.png" alt="Goorin Bros" /></a></li><li><a href="/shopall?v=256&z=1"><img data-src="https://shoesindustries.com/assets/1/Lundhags.png" alt="Lundhags" /></a></li><li><a href="/shopall?v=257&z=1"><img data-src="https://shoesindustries.com/assets/1/D.Franklin.png" alt="D.Franklin" /></a></li><li><a href="/shopall?v=258&z=1"><img data-src="https://shoesindustries.com/gallery/logo-brand/primitive1.webp" alt="Primitive" /></a></li><li><a href="/shopall?v=205&z=1"><img data-src="https://shoesindustries.com/assets/1/fullhardy1.png" alt="Fullhardy" /></a></li><li><a href="/shopall?v=206&z=1"><img data-src="https://shoesindustries.com/assets/1/zapatos1.png" alt="Zapatos" /></a></li><li><a href="/shopall?v=215&z=1"><img data-src="https://shoesindustries.com/assets/1/rains1.png" alt="Rains" /></a></li><li><a href="/shopall?v=196&z=1"><img data-src="https://shoesindustries.com/assets/1/arkk1.png" alt="ARKK Copenhagen" /></a></li><li><a href="/shopall?v=230&z=1"><img data-src="https://shoesindustries.com/assets/1/market1.png" alt="Chinatown Market" /></a></li><li><a href="/shopall?v=233&z=1"><img data-src="https://shoesindustries.com/assets/loga-znacky/adidas_logo.png" alt="Adidas Originals" /></a></li><li><a href="/shopall?v=218&z=1"><img data-src="https://shoesindustries.com/assets/1/sneaky1.png" alt="Sneaky" /></a></li><li><a href="/shopall?v=222&z=1"><img data-src="https://shoesindustries.com/assets/1/shoesindustries1.png" alt="Shoes Industries" /></a></li><li><a href="/shopall?v=225&z=1"><img data-src="https://shoesindustries.com/assets/1/champion1.png" alt="Champion" /></a></li></ul></div></div></div></div><i class="expnd store-icon-plus"></i></li><li><a class="" href="/Catalogue/542/childrens"><span>Children's</span></a></li> </ul> <div Class="m-stranky d-md-none"> <div Class="fw-bolder mb-2">Shopping</div> <a class="first" href="/ShippingPayment">Shipping and payment</a><a class="first" href="/cashback">Cashback</a><a class="first" href="/Return">Return</a><a class="first" href="/Claim">Claim</a><a class="first" href="/contact">Contact</a> </div> </div> </nav> </div> </div> </header> <div Class="body-content "> <div class="maven-page"> <div class="container"> <div class="ai-wrapper"> <div class="row g-3"> <div class="col-md-9 order-2 order-md-1"> <div class="console-wrapper maven-chat-sticky"> <div id="console"> </div> <div class="message-box"> <input class="form-control" id="message" type="text" autocomplete="off" placeholder="How can I help you?" /> <button class="btn btn-message btn-primary" type="button" aria-label="Send message"> <span class="store-icon-messagex"></span> </button> </div> </div> </div> <div class="col-md-3 order-1 order-md-2"> <div class="maven-profile maven-profile-sticky"> <div class="maven-profile-card"> <div class="maven-profile-top"> <div class="maven-profile-image-wrap"> <img class="maven-profile-image" src="/Content/maven/s1.webp" alt="Mobi" /> </div> <div class="maven-profile-name"> <h1>Mobi</h1> <span>AI</span> </div> </div> <div class="maven-profile-info"> <p>Hi, I'm Robi, your AI helper. I'll help you navigate our streetwear e-shop, help you with products, ordering, payment and delivery.</p> </div> </div> </div> </div> </div> </div> </div> </div> </div> <div class="d-none"><div class="newsletter-container"> <div class="container h-100"> <div class="newsletter-banner newsletter-form"> <div class="row align-items-center h-100 g-0"> <div class="col-12 col-lg-5"> <div class="newsletter-banner__visual"> <img src="/content/klient/shoesindustries/images/newsletterbg.webp" alt="Newsletter" class="newsletter-banner__image" /> </div> </div> <div class="col-12 col-lg-7"> <div class="newsletter-banner__body"> <div class="newsletter-banner__title newsletter-title"> Subscribe to our newsletter and get a <span> 10,00 € </span> discount on your first order. </div> <div class="newsletter-banner__min-price newsletter-minimum-note"> <p>Minimum order value: <strong>200,00 €</strong> </p> </div> <div class="newsletter-banner__content"> <div class="form-group newsletter-banner__form"> <div class="newsletter-banner__input-wrap"> <span class="store-icon-envelope newsletter-banner__input-icon"></span> <input type="text" class="mail form-control" placeholder="E-mail" /> </div> <button class="btn btn-primary btn-odoslat newsletter-banner__button"> Sent </button> <div class="alert d-none result newsletter-banner__alert"></div> </div> </div> </div> </div> </div> </div> </div> </div></div> <div id="footer"> <div class="container"> <div class="row"> <div Class="col-12 col-lg-3 footer__logo-col"> <a class="footer__logo" href="/"><img src="/Content/klient/shoesindustries/Images/store_logo.svg" alt="ShoesIndustries.hr"></a> <div Class="mt-4"> <strong>Billing information: </strong><br>SHOES INDUSTRIES EU s.r.o. <br>Hany Ponickej 10B <br>84106 Bratislava <br>IČO: 50164783 <br>DIC: 2120257909 <br>IČ DPH: SK2120257909 </div> </div> <div Class="col-12 col-md-6 col-lg-2 footer-kontakt mt-4 mt-lg-0"> <div Class="footer-section-title">Contact us</div> <p><a href="mailto:info@shoesindustries.com ">info@shoesindustries.com </a></p> <p class="footer-contact-us"><img src="/Content/klient/ShoesIndustries/Images/envelope.svg"> <a href="/contact">Contact us</a></p> <p> Monday to Friday: <br> Online <strong>11:00 - 18:00</strong> </p> <p> Saturday and Sunday: <br> Offline </p> </div> <div Class="col-12 col-md-6 col-lg-2 footer-menu mt-4 mt-lg-0"> <div Class="footer-section-title">Shopping</div> <a class="first" href="/ShippingPayment">Shipping and payment</a><a class="first" href="/cashback">Cashback</a><a class="first" href="/Return">Return</a><a class="first" href="/Claim">Claim</a><a class="first" href="/contact">Contact</a> </div> <div Class="col-12 col-md-6 col-lg-2 footer-menu mt-4 mt-lg-0"> <div Class="footer-section-title">Information</div> <a class="first" href="/cookies">Your cookies</a><a class="first" href="/privacy-policy">Privacy Policy</a><a class="first" href="/complaints">Return policy</a><a class="first" href="/general-terms">Terms & conditions</a> </div> <div Class="col-12 col-md-6 col-lg-3 mt-4 mt-lg-0"> <div Class=""> <div class="app-menu mb-3"><div class="footer-section-title">Mobile application</div><div class="d-flex align-items-center "><a href="https://play.google.com/store/apps/details?id=com.shoesindustries.app" class="me-2"><img src="/content/icons/google-play-icon.svg" alt="Google Play" /></a><a href="https://apps.apple.com/hr/app/shoes-industries/id1611380017?l=hr"><img src="/content/icons/apple-icon.svg" alt="App Store" /></a></div></div> <div class="soc-menu"><div class="footer-section-title">Join us</div><div class="d-flex align-items-center"><a href="https://www.facebook.com/shoesindustries/" class="me-2"><i Class="store-icon-facebook"></i></a><a href="https://www.instagram.com/shoesindustries/" class="me-2"><i Class="store-icon-instagram"></i></a><a href="https://www.youtube.com/channel/UCkFCLj822JFJYnQK0G70pAg"><i Class="store-icon-youtube"></i></a></div></div> </div> </div> </div> </div> </div> <div class="footer-bottom"> <div class="container"> <div class="footer-bottom-inner"> <div class="footer-copy"> <span>© <strong>2026</strong> shoesindustries.hr. All rights reserved.</span> </div> <div class="footer-payment-logos" aria-label="Dostupné platby"> <img src="/content/icons/payments/visa.svg" alt="Visa" loading="lazy" width="48" height="24" /> <img src="/content/icons/payments/master.svg" alt="Mastercard" loading="lazy" width="38" height="24" /> <img src="/content/icons/payments/PayPal_logo.svg" alt="PayPal" loading="lazy" width="70" height="24" /> <img src="/content/icons/payments/Google_Pay_logo.svg" alt="Google Pay" loading="lazy" width="62" height="24" /> <img src="/content/icons/payments/Apple_Pay_logo.svg" alt="Apple Pay" loading="lazy" width="58" height="24" /> <img src="/content/icons/payments/Revolut_logo.svg" alt="Revolut Pay" loading="lazy" width="62" height="24" /> <img src="/content/icons/payments/link.svg" alt="Link" loading="lazy" width="46" height="24" /> </div> <div class="footer-country"> <div class="dropup footer-country-dropdown"> <button class="footer-country-btn dropdown-toggle" type="button" id="footerCountryDropdown" data-bs-toggle="dropdown" aria-expanded="false"> <span class="footer-country-label">Our e-shops</span> <span class="footer-country-current d-flex align-items-center"> <span class="footer-country-flag lang lang-hr2"></span> <span class="footer-country-domain">shoesindustries.hr</span> </span> </button> <div class="dropdown-menu dropdown-menu-end footer-country-menu" aria-labelledby="footerCountryDropdown"> <a class="dropdown-item footer-country-item d-flex align-items-center@activeClass" href="https://ShoesIndustries.sk"> <span class="footer-country-flag lang lang-sk"></span> <span class="footer-country-domain">ShoesIndustries.sk</span> </a> <a class="dropdown-item footer-country-item d-flex align-items-center@activeClass" href="https://ShoesIndustries.cz"> <span class="footer-country-flag lang lang-cz"></span> <span class="footer-country-domain">ShoesIndustries.cz</span> </a> <a class="dropdown-item footer-country-item d-flex align-items-center@activeClass" href="https://ShoesIndustries.hu"> <span class="footer-country-flag lang lang-hu"></span> <span class="footer-country-domain">ShoesIndustries.hu</span> </a> <a class="dropdown-item footer-country-item d-flex align-items-center@activeClass" href="https://ShoesIndustries.ro"> <span class="footer-country-flag lang lang-ro"></span> <span class="footer-country-domain">ShoesIndustries.ro</span> </a> <a class="dropdown-item footer-country-item d-flex align-items-center@activeClass" href="https://ShoesIndustries.de"> <span class="footer-country-flag lang lang-de"></span> <span class="footer-country-domain">ShoesIndustries.de</span> </a> <a class="dropdown-item footer-country-item d-flex align-items-center@activeClass" href="https://ShoesIndustries.at"> <span class="footer-country-flag lang lang-at"></span> <span class="footer-country-domain">ShoesIndustries.at</span> </a> <a class="dropdown-item footer-country-item d-flex align-items-center@activeClass" href="https://ShoesIndustries.fr"> <span class="footer-country-flag lang lang-fr"></span> <span class="footer-country-domain">ShoesIndustries.fr</span> </a> <a class="dropdown-item footer-country-item d-flex align-items-center@activeClass" href="https://ShoesIndustries.it"> <span class="footer-country-flag lang lang-it"></span> <span class="footer-country-domain">ShoesIndustries.it</span> </a> <a class="dropdown-item footer-country-item d-flex align-items-center@activeClass" href="https://ShoesIndustries.es"> <span class="footer-country-flag lang lang-es"></span> <span class="footer-country-domain">ShoesIndustries.es</span> </a> <a class="dropdown-item footer-country-item d-flex align-items-center@activeClass" href="https://ShoesIndustries.hr"> <span class="footer-country-flag lang lang-hr"></span> <span class="footer-country-domain">ShoesIndustries.hr</span> </a> <a class="dropdown-item footer-country-item d-flex align-items-center@activeClass" href="https://ShoesIndustries.si"> <span class="footer-country-flag lang lang-si"></span> <span class="footer-country-domain">ShoesIndustries.si</span> </a> <a class="dropdown-item footer-country-item d-flex align-items-center@activeClass" href="https://ShoesIndustries.gr"> <span class="footer-country-flag lang lang-gr"></span> <span class="footer-country-domain">ShoesIndustries.gr</span> </a> <a class="dropdown-item footer-country-item d-flex align-items-center@activeClass" href="https://ShoesIndustries.com"> <span class="footer-country-flag lang lang-eu"></span> <span class="footer-country-domain">ShoesIndustries.com</span> </a> </div> </div> </div> </div> <div class="footer-created"> <a class="footer-created-badge" target="_blank" href="https://eurion.sk" aria-label="AI powered by Eurion"> <span class="footer-created-logo-wrap"> <img class="footer-created-logo" src="/content/eurion2_logo.svg" alt="Eurion" /> </span> <span class="footer-created-divider"></span> <span class="footer-created-text"> <span>AI powered by</span> <strong>Eurion</strong> </span> </a> </div> </div> </div> <div Class="modal fade" id="offerModal" tabindex="-1" role="dialog" aria-labelledby="offerModalLabel"> <div Class="modal-dialog" role="document"> <div Class="modal-wrapper"> <div class="modal-content"> <div class="modal-header"> <h4 class="modal-title fs-5">Discount on first purchase</h4> <Button type="button" Class="close btn-close" data-bs-dismiss="modal" aria-label="Close"></Button> </div> <div Class="modal-body"></div> </div> </div> </div> </div> <script type="text/javascript"> var NewsletterOffer = 1; var isMobile = false; </script> <script src="/bundles/site?v=9NZJmb67ZuBR9pwnE2lm7JPCoxZiKmso2VyzjQvfXf41"></script> { <script src="/content/teletype/jquery.teletype.js"></script> <script type="text/javascript"> $(document).ready(function () { var flowDirection = 1; var input = $("#message"); var button = $(".btn-message"); var isMavenBusy = false; var element = document.getElementById("console"); var tty = new teletype(element, flowDirection, function (str) { }); function isMobileMaven() { return window.matchMedia("(max-width: 767px)").matches; } function mavenFocusInput() { if (!isMobileMaven() && input.length > 0 && !input.prop("disabled")) { input.focus(); } } function mavenBlurInput() { if (isMobileMaven()) { var active = document.activeElement; if (active && (active.tagName === "INPUT" || active.tagName === "TEXTAREA")) { active.blur(); } if (input.length > 0) { input.blur(); } } } function scrollConsole() { $("#console").stop().animate({ scrollTop: $("#console").prop("scrollHeight") }, 200); } function scrollConsoleFast() { var consoleEl = document.getElementById("console"); if (consoleEl) { consoleEl.scrollTop = consoleEl.scrollHeight; } } function htmlEncode(value) { return $("<div/>").text(value).html(); } function userMessage(text) { var safeText = htmlEncode(text); var el = '<div class="m-user">' + '<div>' + safeText + '</div>' + '</div>'; $("#console").append(el); scrollConsole(); } function lazyMessage() { var el = '<div class="m-ai m-loading">' + '<div class="m-ai-icon"></div>' + '<div class="m-ai-message">' + '<img style="height:50px;width:50px" src="/content/klient/shoesindustries/images/preloader.svg" />' + '</div>' + '</div>'; $("#console").append(el); scrollConsole(); } function aiErrorMessage(text) { var el = '<div class="m-ai">' + '<div class="m-ai-icon"></div>' + '<div class="m-ai-message">' + htmlEncode(text) + '</div>' + '</div>'; $("#console").append(el); scrollConsole(); } function setBusy(state) { isMavenBusy = state; input.prop("disabled", state); button.prop("disabled", state); } function message() { if (isMavenBusy) { return; } var messageText = $.trim(input.val()); if (messageText.length === 0) { mavenFocusInput(); return; } setBusy(true); input.attr("placeholder", ""); input.val(""); userMessage(messageText); lazyMessage(); mavenBlurInput(); $.ajax({ type: "POST", url: "/maven/messageV3", data: { input: messageText, user: "ea978a61-9687-444c-9c06-b6b8fa4ad6f4" }, success: function (data) { $(".m-loading").remove(); if (data && data.code == 1 && data.message) { tty.printHTML(data.message, { delay: 10, wait: 100, printCallback: function () { scrollConsole(); } }); setTimeout(function () { scrollConsole(); mavenBlurInput(); }, 500); } else { var errorMessage = data && data.message ? data.message : "Prepáčte, odpoveď sa nepodarilo načítať."; aiErrorMessage(errorMessage); } }, error: function () { $(".m-loading").remove(); aiErrorMessage("Prepáčte, nastala chyba pri komunikácii s pomocníkom."); }, complete: function () { setBusy(false); if (isMobileMaven()) { mavenBlurInput(); setTimeout(function () { mavenBlurInput(); scrollConsoleFast(); }, 250); setTimeout(function () { mavenBlurInput(); scrollConsoleFast(); }, 650); } else { mavenFocusInput(); } } }); } button.on("click", function () { message(); }); input.on("keyup", function (event) { if (event.which === 13) { message(); } }); scrollConsole(); }); </script> <script type="text/javascript"> (function () { var isMobile = false; if (!isMobile) { return; } var root = document.documentElement; var body = document.body; var messageBox = document.querySelector(".message-box"); var aiWrapper = document.querySelector(".ai-wrapper"); var consoleWrapper = document.querySelector(".console-wrapper"); var consoleEl = document.getElementById("console"); var input = document.getElementById("message"); if (!messageBox || !aiWrapper || !consoleWrapper || !consoleEl || !input) { return; } var baseHeight = getViewportHeight(); var resizeTimer = null; var rafId = null; var inputFocused = false; var lockedWrapperTop = null; var lockedConsoleScrollTop = null; var lockedConsoleBottomGap = null; var keepConsoleBottom = false; /* Čím menšie číslo, tým menej #console odskočí pri otvorení klávesnice. Skús hodnoty: 60 = veľmi jemné 90 = odporúčané 130 = viac drží spodok chatu */ var MAX_CONSOLE_FOCUS_SHIFT = 90; function px(value) { return Math.max(0, Math.round(value)) + "px"; } function getViewportHeight() { if (window.visualViewport && window.visualViewport.height) { return window.visualViewport.height; } return window.innerHeight; } function getKeyboardOffset() { if (!window.visualViewport) { return 0; } var offset = window.innerHeight - window.visualViewport.height - window.visualViewport.offsetTop; if (offset < 80) { offset = 0; } return offset; } function isKeyboardOpen() { var viewportHeight = getViewportHeight(); var keyboardOffset = getKeyboardOffset(); return keyboardOffset > 0 || viewportHeight < baseHeight - 110; } function rememberBaseHeight() { if (!inputFocused && getKeyboardOffset() === 0) { baseHeight = Math.max(baseHeight, getViewportHeight()); } } function isConsoleNearBottom() { return consoleEl.scrollHeight - consoleEl.scrollTop - consoleEl.clientHeight < 90; } function captureFocusState() { lockedWrapperTop = aiWrapper.getBoundingClientRect().top; lockedConsoleScrollTop = consoleEl.scrollTop; lockedConsoleBottomGap = consoleEl.scrollHeight - consoleEl.scrollTop - consoleEl.clientHeight; if (lockedConsoleBottomGap < 0) { lockedConsoleBottomGap = 0; } keepConsoleBottom = lockedConsoleBottomGap < 90; } function restoreWrapperPosition() { if (lockedWrapperTop === null) { return; } var currentTop = aiWrapper.getBoundingClientRect().top; var diff = currentTop - lockedWrapperTop; if (Math.abs(diff) > 1) { window.scrollTo(0, window.pageYOffset + diff); } } function restoreConsolePositionSoft() { if (lockedConsoleScrollTop === null || lockedConsoleBottomGap === null) { return; } var maxScrollTop = Math.max(0, consoleEl.scrollHeight - consoleEl.clientHeight); var targetScrollTop; if (keepConsoleBottom) { targetScrollTop = maxScrollTop; } else { targetScrollTop = consoleEl.scrollHeight - consoleEl.clientHeight - lockedConsoleBottomGap; } /* Toto je hlavná zmena: pri otvorení klávesnice nedovolíme #console skočiť o stovky px. Posun obmedzíme voči pôvodnej pozícii. */ if (inputFocused) { var minAllowed = lockedConsoleScrollTop - MAX_CONSOLE_FOCUS_SHIFT; var maxAllowed = lockedConsoleScrollTop + MAX_CONSOLE_FOCUS_SHIFT; if (targetScrollTop < minAllowed) { targetScrollTop = minAllowed; } if (targetScrollTop > maxAllowed) { targetScrollTop = maxAllowed; } } if (targetScrollTop < 0) { targetScrollTop = 0; } if (targetScrollTop > maxScrollTop) { targetScrollTop = maxScrollTop; } consoleEl.scrollTop = targetScrollTop; } function scrollConsoleBottom() { consoleEl.scrollTop = consoleEl.scrollHeight; } function clearMobileInlineStyles() { messageBox.style.bottom = ""; consoleWrapper.style.height = ""; consoleWrapper.style.minHeight = ""; consoleWrapper.style.maxHeight = ""; } function applyMobileViewport() { rafId = null; var viewportHeight = getViewportHeight(); var keyboardOffset = getKeyboardOffset(); var keyboardOpen = isKeyboardOpen(); root.style.setProperty("--maven-vh", px(viewportHeight)); root.style.setProperty("--maven-keyboard-offset", px(keyboardOffset)); root.style.setProperty("--maven-message-height", px(messageBox.offsetHeight || 74)); /* Dôležité: pri samotnom focuse ešte nič nemeníme. Čakáme až na reálnu zmenu viewportu / otvorenie klávesnice. Toto výrazne zníži prvé malé odskočenie. */ if (!keyboardOpen) { rememberBaseHeight(); body.classList.remove("maven-keyboard-open"); root.classList.remove("maven-keyboard-open"); root.style.setProperty("--maven-keyboard-offset", "0px"); clearMobileInlineStyles(); if (!inputFocused) { lockedWrapperTop = null; lockedConsoleScrollTop = null; lockedConsoleBottomGap = null; keepConsoleBottom = false; } return; } body.classList.add("maven-keyboard-open"); root.classList.add("maven-keyboard-open"); messageBox.style.bottom = px(keyboardOffset); restoreWrapperPosition(); var messageBoxRect = messageBox.getBoundingClientRect(); var consoleWrapperRect = consoleWrapper.getBoundingClientRect(); var availableHeight = messageBoxRect.bottom - consoleWrapperRect.top - 4; if (availableHeight < 160) { availableHeight = 160; } consoleWrapper.style.height = px(availableHeight); consoleWrapper.style.minHeight = "160px"; consoleWrapper.style.maxHeight = px(availableHeight); setTimeout(function () { restoreConsolePositionSoft(); }, 40); } function scheduleMobileViewport(delay) { if (rafId) { window.cancelAnimationFrame(rafId); } rafId = window.requestAnimationFrame(applyMobileViewport); clearTimeout(resizeTimer); if (delay !== false) { resizeTimer = setTimeout(function () { window.requestAnimationFrame(applyMobileViewport); }, delay || 180); } } function settleMobileViewport() { scheduleMobileViewport(120); setTimeout(function () { scheduleMobileViewport(false); }, 260); setTimeout(function () { scheduleMobileViewport(false); }, 520); } input.addEventListener("touchstart", function () { captureFocusState(); }); input.addEventListener("mousedown", function () { captureFocusState(); }); input.addEventListener("focus", function () { inputFocused = true; if (lockedWrapperTop === null) { captureFocusState(); } settleMobileViewport(); }); input.addEventListener("blur", function () { inputFocused = false; keepConsoleBottom = isConsoleNearBottom(); settleMobileViewport(); setTimeout(function () { if (!inputFocused) { lockedWrapperTop = null; lockedConsoleScrollTop = null; lockedConsoleBottomGap = null; keepConsoleBottom = false; scheduleMobileViewport(false); } }, 700); }); window.addEventListener("resize", function () { if (!inputFocused && !isKeyboardOpen()) { rememberBaseHeight(); } settleMobileViewport(); }); window.addEventListener("orientationchange", function () { lockedWrapperTop = null; lockedConsoleScrollTop = null; lockedConsoleBottomGap = null; setTimeout(function () { baseHeight = getViewportHeight(); keepConsoleBottom = true; scheduleMobileViewport(false); scrollConsoleBottom(); }, 450); }); if (window.visualViewport) { window.visualViewport.addEventListener("resize", function () { settleMobileViewport(); }); window.visualViewport.addEventListener("scroll", function () { if (inputFocused || isKeyboardOpen()) { scheduleMobileViewport(80); } }); } setTimeout(function () { rememberBaseHeight(); scrollConsoleBottom(); }, 120); })(); </script> <Script type="text/javascript"> $(document).ready(function () { $(".btn-toggle-search").click(function (e) { $(".search-control").toggleClass("expand"); }); $(".btn-search").click(function (e) { e.preventDefault(); $(this).parent().parent().parent().toggleClass("expand"); }); //const intervalID = setInterval(switchbar, 5000); // function switchbar(a, b) { // var i1 = $(".switchbar .show"); // var i2 = $(".switchbar .hide"); // i1.hide(250).addClass("hide").removeClass("show"); // i2.show(250).addClass("show").removeClass("hide"); //} }); </Script> </body> </html>