www.kurufootwear.com
Open in
urlscan Pro
23.227.38.74
Public Scan
Submitted URL: http://www.kurufootwear.com/
Effective URL: https://www.kurufootwear.com/
Submission: On September 22 via manual from US — Scanned from US
Effective URL: https://www.kurufootwear.com/
Submission: On September 22 via manual from US — Scanned from US
Form analysis
26 forms found in the DOMPOST /localization
<form method="post" action="/localization" id="localization_form" accept-charset="UTF-8" class="" enctype="multipart/form-data" x-ref="LocalizationForm"><input type="hidden" name="form_type" value="localization"><input type="hidden" name="utf8"
value="✓"><input type="hidden" name="_method" value="put"><input type="hidden" name="return_to" value="/">
<ul role="list" class="flex flex-row">
<li class="font-normal uppercase topbar_text_color body-4 leading-[1] !font-bold" lang="en" aria-current="true">en</li>
</ul>
<input type="hidden" name="locale_code" value="en">
</form>
POST /localization
<form method="post" action="/localization" id="localization_form" accept-charset="UTF-8" class="localization-country-form" enctype="multipart/form-data" x-ref="LocalizationForm"><input type="hidden" name="form_type" value="localization"><input
type="hidden" name="utf8" value="✓"><input type="hidden" name="_method" value="put"><input type="hidden" name="return_to" value="/">
<div x-data="
{
open: false,
toggle() {
if (this.open) {
return this.close();
}
const triggerPos = this.$refs.button.getBoundingClientRect();
const contriesDropdown = this.$refs.contriesDropdown;
let isLeft = triggerPos.left < (window.innerWidth / 2);
let isTop = triggerPos.top < (window.innerHeight / 2);
if (isLeft) {
contriesDropdown.classList.remove('right-0');
contriesDropdown.classList.add('left-0');
} else {
contriesDropdown.classList.remove('left-0');
contriesDropdown.classList.add('right-0');
}
if (isTop) {
contriesDropdown.classList.remove('bottom-[calc(100%+10px)]');
contriesDropdown.classList.add('top-[calc(100%+10px)]');
} else {
contriesDropdown.classList.remove('top-[calc(100%+10px)]');
contriesDropdown.classList.add('bottom-[calc(100%+10px)]');
}
this.$refs.button.focus();
this.open = true;
},
close(focusAfter) {
if (!this.open) return;
this.open = false;
focusAfter && focusAfter.focus();
}
}
">
<button x-ref="button" @click="toggle()" :aria-expanded="open" type="button" class="w-max rounded-[20px] shadow-md flex flex-row gap-2 items-center px-3 md:px-2.5 py-2.5 md:py-1.5 cursor-pointer topbar_selectors_hover " aria-expanded="false">
<img src="//cdn.shopify.com/static/images/flags/us.svg?width=24" alt="United States" srcset="//cdn.shopify.com/static/images/flags/us.svg?width=24 24w" width="24" height="18">
<svg xmlns="http://www.w3.org/2000/svg" class="h-4 min-w-[16px] w-4 topbar_text_color " viewBox="0 0 20 20" fill="currentColor">
<path fill-rule="evenodd" d="M5.293 7.293a1 1 0 011.414 0L10 10.586l3.293-3.293a1 1 0 111.414 1.414l-4 4a1 1 0 01-1.414 0l-4-4a1 1 0 010-1.414z" clip-rule="evenodd"></path>
</svg>
</button>
<div x-show="open" x-transition.origin.top.left="" x-on:click.outside="close($refs.button)" :id="$id('dropdown-button')" style="display: none;" x-ref="contriesDropdown"
class="absolute min-w-[205px] w-full rounded-md bg-white shadow-md z-[20] overflow-hidden" id="dropdown-button-1">
<ul role="list">
<li>
<a class="text-base-color flex items-center gap-2 w-full px-3 py-2.5 text-sm hover:bg-light-silver " href="#" data-value="CA" @click.prevent="onChange('CA')"><img src="//cdn.shopify.com/static/images/flags/ca.svg?width=24" alt="Canada" srcset="//cdn.shopify.com/static/images/flags/ca.svg?width=24 24w" width="24" height="18"><div>
<span>CAD
$</span>
<span>|</span>
<span>Canada</span>
</div>
</a>
</li>
<li>
<a class="text-base-color flex items-center gap-2 w-full px-3 py-2.5 text-sm hover:bg-light-silver active font-semibold" href="#" aria-current="true" data-value="US" @click.prevent="onChange('US')"><img src="//cdn.shopify.com/static/images/flags/us.svg?width=24" alt="United States" srcset="//cdn.shopify.com/static/images/flags/us.svg?width=24 24w" width="24" height="18"><div>
<span>USD
$</span>
<span>|</span>
<span>United States</span>
</div>
</a>
</li>
</ul>
</div>
<input type="hidden" name="locale_code" x-model="locale_code">
<input type="hidden" name="country_code" x-model="country_code" value="US">
</div>
</form>
/search
<form class="flex w-full" action="/search">
<div class="w-full flex flex-row items-center justify-between gap-x-4 px-5 py-4 rounded-[50px] bg-normal-gray">
<button type="submit" title="Search"><svg class="w-5 w-5" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
<path class="stroke-black" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"
d="M19.0008 19.0008L13.8038 13.8038M13.8038 13.8038C15.2104 12.3972 16.0006 10.4895 16.0006 8.50028C16.0006 6.51108 15.2104 4.60336 13.8038 3.19678C12.3972 1.79021 10.4895 1 8.50028 1C6.51108 1 4.60336 1.79021 3.19678 3.19678C1.79021 4.60336 1 6.51108 1 8.50028C1 10.4895 1.79021 12.3972 3.19678 13.8038C4.60336 15.2104 6.51108 16.0006 8.50028 16.0006C10.4895 16.0006 12.3972 15.2104 13.8038 13.8038Z">
</path>
</svg>
</button>
<label class="hidden" for="headerSearchDesktop-input">Search for products and FAQs</label>
<input x-model="query" class="text-black outline-none p-0 border-0 placeholder:opacity-50 body-3 flex-auto bg-transparent" type="text" name="q" id="headerSearchDesktop-input" placeholder="Search for products and FAQs" autocapitalize="off"
autocomplete="off" autocorrect="off">
<div class="flex flex-row items-center justify-center gap-1 animate-bounce" x-show="isSearching" style="display: none;">
<div class="w-2.5 h-2.5 bg-dark-gray rounded-full"></div>
<div class="w-2.5 h-2.5 bg-dark-gray rounded-full"></div>
<div class="w-2.5 h-2.5 bg-dark-gray rounded-full"></div>
</div>
<svg class="w-3.5 h-3.5 cursor-pointer" x-show="query != '' && !isSearching" @click="setQuery('')" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 10 10" fill="none" style="display: none;">
<path class="fill-dark-gray"
d="M1.06199 9.70799L0.291992 8.93799L4.22899 4.99999L0.291992 1.06199L1.06199 0.291992L4.99999 4.22899L8.93799 0.291992L9.70799 1.06199L5.77099 4.99999L9.70799 8.93799L8.93799 9.70799L4.99999 5.77099L1.06199 9.70799Z"></path>
</svg>
</div>
</form>
POST /account/login
<form method="post" action="/account/login" id="customer_login" accept-charset="UTF-8" data-login-with-shop-sign-in="true" class="w-full flex flex-col gap-y-5"><input type="hidden" name="form_type" value="customer_login"><input type="hidden"
name="utf8" value="✓"><input type="hidden" name="return_to" value="/">
<input class="form__input" type="email" required="" tabindex="-1" autocomplete="nope" placeholder="Email Address" name="customer[email]" id="sign_in_customer_email">
<div class="flex relative">
<input class="form__input" :type="showPassword ? 'text' : 'password'" required="" placeholder="Password" name="customer[password]" id="sign_in_customer_password" type="password">
<svg class="absolute right-2 h-[30px] w-[30px] inset-center-y cursor-pointer" @click="showPassword = !showPassword" fill="#000000" viewBox="-5.5 0 32 32" version="1.1" xmlns="http://www.w3.org/2000/svg">
<g stroke-width="0"></g>
<g stroke-linecap="round" stroke-linejoin="round"></g>
<g>
<title>eye</title>
<path
d="M10.32 22.32c-5.6 0-9.92-5.56-10.12-5.8-0.24-0.32-0.24-0.72 0-1.040 0.2-0.24 4.52-5.8 10.12-5.8s9.92 5.56 10.12 5.8c0.24 0.32 0.24 0.72 0 1.040-0.2 0.24-4.56 5.8-10.12 5.8zM1.96 16c1.16 1.32 4.52 4.64 8.36 4.64s7.2-3.32 8.36-4.64c-1.16-1.32-4.52-4.64-8.36-4.64s-7.2 3.32-8.36 4.64zM10.32 20c-2.2 0-4-1.8-4-4s1.8-4 4-4 4 1.8 4 4-1.84 4-4 4zM10.32 13.68c-1.28 0-2.32 1.040-2.32 2.32s1.040 2.32 2.32 2.32 2.32-1.040 2.32-2.32-1.040-2.32-2.32-2.32z">
</path>
</g>
</svg>
</div>
<button class="primary-button !rounded-[55px]">Log In</button>
</form>
POST /account
<form method="post" action="/account" id="create_customer" accept-charset="UTF-8" data-login-with-shop-sign-up="true" class="w-full flex flex-col gap-5"><input type="hidden" name="form_type" value="create_customer"><input type="hidden" name="utf8"
value="✓">
<input type="hidden" name="return_to" value="/">
<input class="form__input" type="text" required="" placeholder="First Name" name="customer[first_name]" id="sign_up_customer_first_name">
<input class="form__input" type="text" required="" placeholder="Last Name" name="customer[last_name]" id="sign_up_customer_last_name">
<input class="form__input" type="email" required="" tabindex="-1" autocomplete="nope" placeholder="Email Address" name="customer[email]" id="sign_up_customer_email">
<input class="form__input" type="password" required="" placeholder="Password" name="customer[password]" id="sign_up_customer_password">
<button class="primary-button !rounded-[55px]">Create Account</button>
</form>
POST /localization
<form method="post" action="/localization" id="localization_form" accept-charset="UTF-8" class="" enctype="multipart/form-data" x-ref="LocalizationForm"><input type="hidden" name="form_type" value="localization"><input type="hidden" name="utf8"
value="✓"><input type="hidden" name="_method" value="put"><input type="hidden" name="return_to" value="/">
<ul role="list" class="flex flex-row">
<li class="font-normal uppercase text-base-color body-4 leading-[1] !font-bold" lang="en" aria-current="true">en</li>
</ul>
<input type="hidden" name="locale_code" value="en">
</form>
POST /localization
<form method="post" action="/localization" id="localization_form" accept-charset="UTF-8" class="localization-country-form" enctype="multipart/form-data" x-ref="LocalizationForm"><input type="hidden" name="form_type" value="localization"><input
type="hidden" name="utf8" value="✓"><input type="hidden" name="_method" value="put"><input type="hidden" name="return_to" value="/">
<div x-data="
{
open: false,
toggle() {
if (this.open) {
return this.close();
}
const triggerPos = this.$refs.button.getBoundingClientRect();
const contriesDropdown = this.$refs.contriesDropdown;
let isLeft = triggerPos.left < (window.innerWidth / 2);
let isTop = triggerPos.top < (window.innerHeight / 2);
if (isLeft) {
contriesDropdown.classList.remove('right-0');
contriesDropdown.classList.add('left-0');
} else {
contriesDropdown.classList.remove('left-0');
contriesDropdown.classList.add('right-0');
}
if (isTop) {
contriesDropdown.classList.remove('bottom-[calc(100%+10px)]');
contriesDropdown.classList.add('top-[calc(100%+10px)]');
} else {
contriesDropdown.classList.remove('top-[calc(100%+10px)]');
contriesDropdown.classList.add('bottom-[calc(100%+10px)]');
}
this.$refs.button.focus();
this.open = true;
},
close(focusAfter) {
if (!this.open) return;
this.open = false;
focusAfter && focusAfter.focus();
}
}
">
<button x-ref="button" @click="toggle()" :aria-expanded="open" type="button" class="w-max rounded-[20px] shadow-md flex flex-row gap-2 items-center px-3 md:px-2.5 py-2.5 md:py-1.5 cursor-pointer hover:bg-light-gray " aria-expanded="false">
<img src="//cdn.shopify.com/static/images/flags/us.svg?width=24" alt="United States" srcset="//cdn.shopify.com/static/images/flags/us.svg?width=24 24w" width="24" height="18">
<svg xmlns="http://www.w3.org/2000/svg" class="h-4 min-w-[16px] w-4 text-base-color " viewBox="0 0 20 20" fill="currentColor">
<path fill-rule="evenodd" d="M5.293 7.293a1 1 0 011.414 0L10 10.586l3.293-3.293a1 1 0 111.414 1.414l-4 4a1 1 0 01-1.414 0l-4-4a1 1 0 010-1.414z" clip-rule="evenodd"></path>
</svg>
</button>
<div x-show="open" x-transition.origin.top.left="" x-on:click.outside="close($refs.button)" :id="$id('dropdown-button')" style="display: none;" x-ref="contriesDropdown"
class="absolute min-w-[205px] w-full rounded-md bg-white shadow-md z-[20] overflow-hidden" id="dropdown-button-2">
<ul role="list">
<li>
<a class="text-base-color flex items-center gap-2 w-full px-3 py-2.5 text-sm hover:bg-light-silver " href="#" data-value="CA" @click.prevent="onChange('CA')"><img src="//cdn.shopify.com/static/images/flags/ca.svg?width=24" alt="Canada" srcset="//cdn.shopify.com/static/images/flags/ca.svg?width=24 24w" width="24" height="18"><div>
<span>CAD
$</span>
<span>|</span>
<span>Canada</span>
</div>
</a>
</li>
<li>
<a class="text-base-color flex items-center gap-2 w-full px-3 py-2.5 text-sm hover:bg-light-silver active font-semibold" href="#" aria-current="true" data-value="US" @click.prevent="onChange('US')"><img src="//cdn.shopify.com/static/images/flags/us.svg?width=24" alt="United States" srcset="//cdn.shopify.com/static/images/flags/us.svg?width=24 24w" width="24" height="18"><div>
<span>USD
$</span>
<span>|</span>
<span>United States</span>
</div>
</a>
</li>
</ul>
</div>
<input type="hidden" name="locale_code" x-model="locale_code">
<input type="hidden" name="country_code" x-model="country_code" value="US">
</div>
</form>
/search
<form class="flex w-full" action="/search">
<div class="w-full flex flex-row items-center justify-between gap-x-4 px-5 py-4 rounded-[50px] bg-normal-gray">
<button type="submit" title="Search"><svg class="w-5 w-5" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
<path class="stroke-black" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"
d="M19.0008 19.0008L13.8038 13.8038M13.8038 13.8038C15.2104 12.3972 16.0006 10.4895 16.0006 8.50028C16.0006 6.51108 15.2104 4.60336 13.8038 3.19678C12.3972 1.79021 10.4895 1 8.50028 1C6.51108 1 4.60336 1.79021 3.19678 3.19678C1.79021 4.60336 1 6.51108 1 8.50028C1 10.4895 1.79021 12.3972 3.19678 13.8038C4.60336 15.2104 6.51108 16.0006 8.50028 16.0006C10.4895 16.0006 12.3972 15.2104 13.8038 13.8038Z">
</path>
</svg>
</button>
<label class="hidden" for="headerSearchMobile-input">Search for products and FAQs</label>
<input x-model="query" class="text-black outline-none p-0 border-0 placeholder:opacity-50 body-3 flex-auto bg-transparent" type="text" name="q" id="headerSearchMobile-input" placeholder="Search for products and FAQs" autocapitalize="off"
autocomplete="off" autocorrect="off">
<div class="flex flex-row items-center justify-center gap-1 animate-bounce" x-show="isSearching" style="display: none;">
<div class="w-2.5 h-2.5 bg-dark-gray rounded-full"></div>
<div class="w-2.5 h-2.5 bg-dark-gray rounded-full"></div>
<div class="w-2.5 h-2.5 bg-dark-gray rounded-full"></div>
</div>
<svg class="w-3.5 h-3.5 cursor-pointer" x-show="query != '' && !isSearching" @click="setQuery('')" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 10 10" fill="none" style="display: none;">
<path class="fill-dark-gray"
d="M1.06199 9.70799L0.291992 8.93799L4.22899 4.99999L0.291992 1.06199L1.06199 0.291992L4.99999 4.22899L8.93799 0.291992L9.70799 1.06199L5.77099 4.99999L9.70799 8.93799L8.93799 9.70799L4.99999 5.77099L1.06199 9.70799Z"></path>
</svg>
</div>
</form>
POST /account/login
<form method="post" action="/account/login" id="customer_login" accept-charset="UTF-8" data-login-with-shop-sign-in="true" class="w-full flex flex-col gap-y-5"><input type="hidden" name="form_type" value="customer_login"><input type="hidden"
name="utf8" value="✓"><input type="hidden" name="return_to" value="/">
<input class="form__input" type="email" required="" tabindex="-1" autocomplete="nope" placeholder="Email Address" name="customer[email]" id="sign_in_customer_email">
<div class="flex relative">
<input class="form__input" :type="showPassword ? 'text' : 'password'" required="" placeholder="Password" name="customer[password]" id="sign_in_customer_password" type="password">
<svg class="absolute right-2 h-[30px] w-[30px] inset-center-y cursor-pointer" @click="showPassword = !showPassword" fill="#000000" viewBox="-5.5 0 32 32" version="1.1" xmlns="http://www.w3.org/2000/svg">
<g stroke-width="0"></g>
<g stroke-linecap="round" stroke-linejoin="round"></g>
<g>
<title>eye</title>
<path
d="M10.32 22.32c-5.6 0-9.92-5.56-10.12-5.8-0.24-0.32-0.24-0.72 0-1.040 0.2-0.24 4.52-5.8 10.12-5.8s9.92 5.56 10.12 5.8c0.24 0.32 0.24 0.72 0 1.040-0.2 0.24-4.56 5.8-10.12 5.8zM1.96 16c1.16 1.32 4.52 4.64 8.36 4.64s7.2-3.32 8.36-4.64c-1.16-1.32-4.52-4.64-8.36-4.64s-7.2 3.32-8.36 4.64zM10.32 20c-2.2 0-4-1.8-4-4s1.8-4 4-4 4 1.8 4 4-1.84 4-4 4zM10.32 13.68c-1.28 0-2.32 1.040-2.32 2.32s1.040 2.32 2.32 2.32 2.32-1.040 2.32-2.32-1.040-2.32-2.32-2.32z">
</path>
</g>
</svg>
</div>
<button class="primary-button !rounded-[55px]">Log In</button>
</form>
POST /account
<form method="post" action="/account" id="create_customer" accept-charset="UTF-8" data-login-with-shop-sign-up="true" class="w-full flex flex-col gap-5"><input type="hidden" name="form_type" value="create_customer"><input type="hidden" name="utf8"
value="✓">
<input type="hidden" name="return_to" value="/">
<input class="form__input" type="text" required="" placeholder="First Name" name="customer[first_name]" id="sign_up_customer_first_name">
<input class="form__input" type="text" required="" placeholder="Last Name" name="customer[last_name]" id="sign_up_customer_last_name">
<input class="form__input" type="email" required="" tabindex="-1" autocomplete="nope" placeholder="Email Address" name="customer[email]" id="sign_up_customer_email">
<input class="form__input" type="password" required="" placeholder="Password" name="customer[password]" id="sign_up_customer_password">
<button class="primary-button !rounded-[55px]">Create Account</button>
</form>
POST /cart/add
<form action="/cart/add" method="post" enctype="multipart/form-data" class="flex flex-col gap-2 !m-0" id="add-to-cart-8123114029293" x-ref="main_form" x-data="
{
isVariantChoosed: false,
variantId: '',
onVariantChange(variantId) {
const inputs = $refs.main_form.querySelectorAll('[data-size-input]');
inputs.forEach(input => {
if(input.value != variantId){
input.checked = false;
}
})
this.isVariantChoosed = true;
this.variantId = variantId;
$refs.submit_button.disabled = false;
$refs.submit_button.textContent = 'Add To Cart';
}
}
">
<input type="hidden" name="quantity" value="1">
<input type="hidden" name="id" x-model="variantId" required="">
<div class="grid grid-cols-5 gap-x-1.5 gap-y-2.5">
<div class="col-span-1">
<input data-size-input="" id="opt-43947293180141" type="radio" value="43947293180141" required="" hidden="" @click="onVariantChange(43947293180141)">
<label for="opt-43947293180141" class="form_swatch stretch mb-0 ">5</label>
</div>
<div class="col-span-1">
<input data-size-input="" id="opt-43947293212909" type="radio" value="43947293212909" required="" hidden="" @click="onVariantChange(43947293212909)">
<label for="opt-43947293212909" class="form_swatch stretch mb-0 ">5.5</label>
</div>
<div class="col-span-1">
<input data-size-input="" id="opt-43947293245677" type="radio" value="43947293245677" required="" hidden="" @click="onVariantChange(43947293245677)">
<label for="opt-43947293245677" class="form_swatch stretch mb-0 ">6</label>
</div>
<div class="col-span-1">
<input data-size-input="" id="opt-43947293278445" type="radio" value="43947293278445" required="" hidden="" @click="onVariantChange(43947293278445)">
<label for="opt-43947293278445" class="form_swatch stretch mb-0 ">6.5</label>
</div>
<div class="col-span-1">
<input data-size-input="" id="opt-43947293311213" type="radio" value="43947293311213" required="" hidden="" @click="onVariantChange(43947293311213)">
<label for="opt-43947293311213" class="form_swatch stretch mb-0 ">7</label>
</div>
<div class="col-span-1">
<input data-size-input="" id="opt-43947293343981" type="radio" value="43947293343981" required="" hidden="" @click="onVariantChange(43947293343981)">
<label for="opt-43947293343981" class="form_swatch stretch mb-0 ">7.5</label>
</div>
<div class="col-span-1">
<input data-size-input="" id="opt-43947293376749" type="radio" value="43947293376749" required="" hidden="" @click="onVariantChange(43947293376749)">
<label for="opt-43947293376749" class="form_swatch stretch mb-0 ">8</label>
</div>
<div class="col-span-1">
<input data-size-input="" id="opt-43947293409517" type="radio" value="43947293409517" required="" hidden="" @click="onVariantChange(43947293409517)">
<label for="opt-43947293409517" class="form_swatch stretch mb-0 ">8.5</label>
</div>
<div class="col-span-1">
<input data-size-input="" id="opt-43947293442285" type="radio" value="43947293442285" required="" hidden="" @click="onVariantChange(43947293442285)">
<label for="opt-43947293442285" class="form_swatch stretch mb-0 ">9</label>
</div>
<div class="col-span-1">
<input data-size-input="" id="opt-43947293475053" type="radio" value="43947293475053" required="" hidden="" @click="onVariantChange(43947293475053)">
<label for="opt-43947293475053" class="form_swatch stretch mb-0 ">9.5</label>
</div>
<div class="col-span-1">
<input data-size-input="" id="opt-43947293507821" type="radio" value="43947293507821" required="" hidden="" @click="onVariantChange(43947293507821)">
<label for="opt-43947293507821" class="form_swatch stretch mb-0 ">10</label>
</div>
<div class="col-span-1">
<input data-size-input="" id="opt-43947293540589" type="radio" value="43947293540589" required="" hidden="" @click="onVariantChange(43947293540589)">
<label for="opt-43947293540589" class="form_swatch stretch mb-0 ">10.5</label>
</div>
<div class="col-span-1">
<input data-size-input="" id="opt-43947293573357" type="radio" value="43947293573357" required="" hidden="" @click="onVariantChange(43947293573357)">
<label for="opt-43947293573357" class="form_swatch stretch mb-0 ">11</label>
</div>
<div class="col-span-1">
<input data-size-input="" id="opt-43947293606125" type="radio" value="43947293606125" required="" hidden="" @click="onVariantChange(43947293606125)">
<label for="opt-43947293606125" class="form_swatch stretch mb-0 ">11.5</label>
</div>
<div class="col-span-1">
<input data-size-input="" id="opt-43947293638893" type="radio" value="43947293638893" required="" hidden="" @click="onVariantChange(43947293638893)">
<label for="opt-43947293638893" class="form_swatch stretch mb-0 ">12</label>
</div>
</div><button type="submit" name="add" data-add-to-cart="" class="js-go-cart-add-to-cart primary-button w-full !cursor-default !bg-dark-gray" :class=" !isVariantChoosed && '!cursor-default !bg-dark-gray' " disabled="" x-ref="submit_button">
<span class="!normal-case">Select Size</span>
</button>
</form>
POST /cart/add
<form action="/cart/add" method="post" enctype="multipart/form-data" class="flex flex-col gap-2 !m-0" id="add-to-cart-7883631952109" x-ref="main_form" x-data="
{
isVariantChoosed: false,
variantId: '',
onVariantChange(variantId) {
const inputs = $refs.main_form.querySelectorAll('[data-size-input]');
inputs.forEach(input => {
if(input.value != variantId){
input.checked = false;
}
})
this.isVariantChoosed = true;
this.variantId = variantId;
$refs.submit_button.disabled = false;
$refs.submit_button.textContent = 'Add To Cart';
}
}
">
<input type="hidden" name="quantity" value="1">
<input type="hidden" name="id" x-model="variantId" required="">
<div class="grid grid-cols-5 gap-x-1.5 gap-y-2.5">
<div class="col-span-1">
<input data-size-input="" id="opt-43129043878125" type="radio" value="43129043878125" required="" hidden="" @click="onVariantChange(43129043878125)">
<label for="opt-43129043878125" class="form_swatch stretch mb-0 ">5</label>
</div>
<div class="col-span-1">
<input data-size-input="" id="opt-43129043910893" type="radio" value="43129043910893" required="" hidden="" @click="onVariantChange(43129043910893)">
<label for="opt-43129043910893" class="form_swatch stretch mb-0 ">5.5</label>
</div>
<div class="col-span-1">
<input data-size-input="" id="opt-43129043943661" type="radio" value="43129043943661" required="" hidden="" disabled="">
<label for="opt-43129043943661" class="form_swatch stretch mb-0 disabled">6</label>
</div>
<div class="col-span-1">
<input data-size-input="" id="opt-43129043976429" type="radio" value="43129043976429" required="" hidden="" @click="onVariantChange(43129043976429)">
<label for="opt-43129043976429" class="form_swatch stretch mb-0 ">6.5</label>
</div>
<div class="col-span-1">
<input data-size-input="" id="opt-43129044009197" type="radio" value="43129044009197" required="" hidden="" @click="onVariantChange(43129044009197)">
<label for="opt-43129044009197" class="form_swatch stretch mb-0 ">7</label>
</div>
<div class="col-span-1">
<input data-size-input="" id="opt-43129044041965" type="radio" value="43129044041965" required="" hidden="" @click="onVariantChange(43129044041965)">
<label for="opt-43129044041965" class="form_swatch stretch mb-0 ">7.5</label>
</div>
<div class="col-span-1">
<input data-size-input="" id="opt-43129044074733" type="radio" value="43129044074733" required="" hidden="" @click="onVariantChange(43129044074733)">
<label for="opt-43129044074733" class="form_swatch stretch mb-0 ">8</label>
</div>
<div class="col-span-1">
<input data-size-input="" id="opt-43129044107501" type="radio" value="43129044107501" required="" hidden="" @click="onVariantChange(43129044107501)">
<label for="opt-43129044107501" class="form_swatch stretch mb-0 ">8.5</label>
</div>
<div class="col-span-1">
<input data-size-input="" id="opt-43129044140269" type="radio" value="43129044140269" required="" hidden="" @click="onVariantChange(43129044140269)">
<label for="opt-43129044140269" class="form_swatch stretch mb-0 ">9</label>
</div>
<div class="col-span-1">
<input data-size-input="" id="opt-43129044173037" type="radio" value="43129044173037" required="" hidden="" @click="onVariantChange(43129044173037)">
<label for="opt-43129044173037" class="form_swatch stretch mb-0 ">9.5</label>
</div>
<div class="col-span-1">
<input data-size-input="" id="opt-43129044205805" type="radio" value="43129044205805" required="" hidden="" @click="onVariantChange(43129044205805)">
<label for="opt-43129044205805" class="form_swatch stretch mb-0 ">10</label>
</div>
<div class="col-span-1">
<input data-size-input="" id="opt-43129044238573" type="radio" value="43129044238573" required="" hidden="" @click="onVariantChange(43129044238573)">
<label for="opt-43129044238573" class="form_swatch stretch mb-0 ">10.5</label>
</div>
<div class="col-span-1">
<input data-size-input="" id="opt-43129044271341" type="radio" value="43129044271341" required="" hidden="" @click="onVariantChange(43129044271341)">
<label for="opt-43129044271341" class="form_swatch stretch mb-0 ">11</label>
</div>
<div class="col-span-1">
<input data-size-input="" id="opt-43129044304109" type="radio" value="43129044304109" required="" hidden="" @click="onVariantChange(43129044304109)">
<label for="opt-43129044304109" class="form_swatch stretch mb-0 ">11.5</label>
</div>
<div class="col-span-1">
<input data-size-input="" id="opt-43129044336877" type="radio" value="43129044336877" required="" hidden="" @click="onVariantChange(43129044336877)">
<label for="opt-43129044336877" class="form_swatch stretch mb-0 ">12</label>
</div>
</div><button type="submit" name="add" data-add-to-cart="" class="js-go-cart-add-to-cart primary-button w-full !cursor-default !bg-dark-gray" :class=" !isVariantChoosed && '!cursor-default !bg-dark-gray' " disabled="" x-ref="submit_button">
<span class="!normal-case">Select Size</span>
</button>
</form>
POST /cart/add
<form action="/cart/add" method="post" enctype="multipart/form-data" class="flex flex-col gap-2 !m-0" id="add-to-cart-7883581882605" x-ref="main_form" x-data="
{
isVariantChoosed: false,
variantId: '',
onVariantChange(variantId) {
const inputs = $refs.main_form.querySelectorAll('[data-size-input]');
inputs.forEach(input => {
if(input.value != variantId){
input.checked = false;
}
})
this.isVariantChoosed = true;
this.variantId = variantId;
$refs.submit_button.disabled = false;
$refs.submit_button.textContent = 'Add To Cart';
}
}
">
<input type="hidden" name="quantity" value="1">
<input type="hidden" name="id" x-model="variantId" required="">
<div class="grid grid-cols-5 gap-x-1.5 gap-y-2.5">
<div class="col-span-1">
<input data-size-input="" id="opt-43128890097901" type="radio" value="43128890097901" required="" hidden="" @click="onVariantChange(43128890097901)">
<label for="opt-43128890097901" class="form_swatch stretch mb-0 ">5</label>
</div>
<div class="col-span-1">
<input data-size-input="" id="opt-43128890130669" type="radio" value="43128890130669" required="" hidden="" disabled="">
<label for="opt-43128890130669" class="form_swatch stretch mb-0 disabled">5.5</label>
</div>
<div class="col-span-1">
<input data-size-input="" id="opt-43128890163437" type="radio" value="43128890163437" required="" hidden="" disabled="">
<label for="opt-43128890163437" class="form_swatch stretch mb-0 disabled">6</label>
</div>
<div class="col-span-1">
<input data-size-input="" id="opt-43128890196205" type="radio" value="43128890196205" required="" hidden="" disabled="">
<label for="opt-43128890196205" class="form_swatch stretch mb-0 disabled">6.5</label>
</div>
<div class="col-span-1">
<input data-size-input="" id="opt-43128890228973" type="radio" value="43128890228973" required="" hidden="" @click="onVariantChange(43128890228973)">
<label for="opt-43128890228973" class="form_swatch stretch mb-0 ">7</label>
</div>
<div class="col-span-1">
<input data-size-input="" id="opt-43128890261741" type="radio" value="43128890261741" required="" hidden="" @click="onVariantChange(43128890261741)">
<label for="opt-43128890261741" class="form_swatch stretch mb-0 ">7.5</label>
</div>
<div class="col-span-1">
<input data-size-input="" id="opt-43128890294509" type="radio" value="43128890294509" required="" hidden="" @click="onVariantChange(43128890294509)">
<label for="opt-43128890294509" class="form_swatch stretch mb-0 ">8</label>
</div>
<div class="col-span-1">
<input data-size-input="" id="opt-43128890327277" type="radio" value="43128890327277" required="" hidden="" @click="onVariantChange(43128890327277)">
<label for="opt-43128890327277" class="form_swatch stretch mb-0 ">8.5</label>
</div>
<div class="col-span-1">
<input data-size-input="" id="opt-43128890360045" type="radio" value="43128890360045" required="" hidden="" @click="onVariantChange(43128890360045)">
<label for="opt-43128890360045" class="form_swatch stretch mb-0 ">9</label>
</div>
<div class="col-span-1">
<input data-size-input="" id="opt-43128890392813" type="radio" value="43128890392813" required="" hidden="" @click="onVariantChange(43128890392813)">
<label for="opt-43128890392813" class="form_swatch stretch mb-0 ">9.5</label>
</div>
<div class="col-span-1">
<input data-size-input="" id="opt-43128890425581" type="radio" value="43128890425581" required="" hidden="" @click="onVariantChange(43128890425581)">
<label for="opt-43128890425581" class="form_swatch stretch mb-0 ">10</label>
</div>
<div class="col-span-1">
<input data-size-input="" id="opt-43128890458349" type="radio" value="43128890458349" required="" hidden="" @click="onVariantChange(43128890458349)">
<label for="opt-43128890458349" class="form_swatch stretch mb-0 ">10.5</label>
</div>
<div class="col-span-1">
<input data-size-input="" id="opt-43128890491117" type="radio" value="43128890491117" required="" hidden="" disabled="">
<label for="opt-43128890491117" class="form_swatch stretch mb-0 disabled">11</label>
</div>
<div class="col-span-1">
<input data-size-input="" id="opt-43128890523885" type="radio" value="43128890523885" required="" hidden="" disabled="">
<label for="opt-43128890523885" class="form_swatch stretch mb-0 disabled">11.5</label>
</div>
<div class="col-span-1">
<input data-size-input="" id="opt-43128890556653" type="radio" value="43128890556653" required="" hidden="" disabled="">
<label for="opt-43128890556653" class="form_swatch stretch mb-0 disabled">12</label>
</div>
</div><button type="submit" name="add" data-add-to-cart="" class="js-go-cart-add-to-cart primary-button w-full !cursor-default !bg-dark-gray" :class=" !isVariantChoosed && '!cursor-default !bg-dark-gray' " disabled="" x-ref="submit_button">
<span class="!normal-case">Select Size</span>
</button>
</form>
POST /cart/add
<form action="/cart/add" method="post" enctype="multipart/form-data" class="flex flex-col gap-2 !m-0" id="add-to-cart-7883703156973" x-ref="main_form" x-data="
{
isVariantChoosed: false,
variantId: '',
onVariantChange(variantId) {
const inputs = $refs.main_form.querySelectorAll('[data-size-input]');
inputs.forEach(input => {
if(input.value != variantId){
input.checked = false;
}
})
this.isVariantChoosed = true;
this.variantId = variantId;
$refs.submit_button.disabled = false;
$refs.submit_button.textContent = 'Add To Cart';
}
}
">
<input type="hidden" name="quantity" value="1">
<input type="hidden" name="id" x-model="variantId" required="">
<div class="grid grid-cols-5 gap-x-1.5 gap-y-2.5">
<div class="col-span-1">
<input data-size-input="" id="opt-43129267945709" type="radio" value="43129267945709" required="" hidden="" @click="onVariantChange(43129267945709)">
<label for="opt-43129267945709" class="form_swatch stretch mb-0 ">6.5</label>
</div>
<div class="col-span-1">
<input data-size-input="" id="opt-43129267978477" type="radio" value="43129267978477" required="" hidden="" @click="onVariantChange(43129267978477)">
<label for="opt-43129267978477" class="form_swatch stretch mb-0 ">7</label>
</div>
<div class="col-span-1">
<input data-size-input="" id="opt-43129268011245" type="radio" value="43129268011245" required="" hidden="" @click="onVariantChange(43129268011245)">
<label for="opt-43129268011245" class="form_swatch stretch mb-0 ">7.5</label>
</div>
<div class="col-span-1">
<input data-size-input="" id="opt-43129268044013" type="radio" value="43129268044013" required="" hidden="" @click="onVariantChange(43129268044013)">
<label for="opt-43129268044013" class="form_swatch stretch mb-0 ">8</label>
</div>
<div class="col-span-1">
<input data-size-input="" id="opt-43129268076781" type="radio" value="43129268076781" required="" hidden="" @click="onVariantChange(43129268076781)">
<label for="opt-43129268076781" class="form_swatch stretch mb-0 ">8.5</label>
</div>
<div class="col-span-1">
<input data-size-input="" id="opt-43129268109549" type="radio" value="43129268109549" required="" hidden="" @click="onVariantChange(43129268109549)">
<label for="opt-43129268109549" class="form_swatch stretch mb-0 ">9</label>
</div>
<div class="col-span-1">
<input data-size-input="" id="opt-43129268142317" type="radio" value="43129268142317" required="" hidden="" @click="onVariantChange(43129268142317)">
<label for="opt-43129268142317" class="form_swatch stretch mb-0 ">9.5</label>
</div>
<div class="col-span-1">
<input data-size-input="" id="opt-43129268175085" type="radio" value="43129268175085" required="" hidden="" @click="onVariantChange(43129268175085)">
<label for="opt-43129268175085" class="form_swatch stretch mb-0 ">10</label>
</div>
<div class="col-span-1">
<input data-size-input="" id="opt-43129268207853" type="radio" value="43129268207853" required="" hidden="" @click="onVariantChange(43129268207853)">
<label for="opt-43129268207853" class="form_swatch stretch mb-0 ">10.5</label>
</div>
<div class="col-span-1">
<input data-size-input="" id="opt-43129268240621" type="radio" value="43129268240621" required="" hidden="" @click="onVariantChange(43129268240621)">
<label for="opt-43129268240621" class="form_swatch stretch mb-0 ">11</label>
</div>
<div class="col-span-1">
<input data-size-input="" id="opt-43129268273389" type="radio" value="43129268273389" required="" hidden="" @click="onVariantChange(43129268273389)">
<label for="opt-43129268273389" class="form_swatch stretch mb-0 ">11.5</label>
</div>
<div class="col-span-1">
<input data-size-input="" id="opt-43129268306157" type="radio" value="43129268306157" required="" hidden="" @click="onVariantChange(43129268306157)">
<label for="opt-43129268306157" class="form_swatch stretch mb-0 ">12</label>
</div>
<div class="col-span-1">
<input data-size-input="" id="opt-43129268338925" type="radio" value="43129268338925" required="" hidden="" @click="onVariantChange(43129268338925)">
<label for="opt-43129268338925" class="form_swatch stretch mb-0 ">12.5</label>
</div>
<div class="col-span-1">
<input data-size-input="" id="opt-43129268371693" type="radio" value="43129268371693" required="" hidden="" @click="onVariantChange(43129268371693)">
<label for="opt-43129268371693" class="form_swatch stretch mb-0 ">13</label>
</div>
<div class="col-span-1">
<input data-size-input="" id="opt-43129268404461" type="radio" value="43129268404461" required="" hidden="" @click="onVariantChange(43129268404461)">
<label for="opt-43129268404461" class="form_swatch stretch mb-0 ">13.5</label>
</div>
<div class="col-span-1">
<input data-size-input="" id="opt-43129268437229" type="radio" value="43129268437229" required="" hidden="" @click="onVariantChange(43129268437229)">
<label for="opt-43129268437229" class="form_swatch stretch mb-0 ">14</label>
</div>
</div><button type="submit" name="add" data-add-to-cart="" class="js-go-cart-add-to-cart primary-button w-full !cursor-default !bg-dark-gray" :class=" !isVariantChoosed && '!cursor-default !bg-dark-gray' " disabled="" x-ref="submit_button">
<span class="!normal-case">Select Size</span>
</button>
</form>
POST /cart/add
<form action="/cart/add" method="post" enctype="multipart/form-data" class="flex flex-col gap-2 !m-0" id="add-to-cart-8006131187949" x-ref="main_form" x-data="
{
isVariantChoosed: false,
variantId: '',
onVariantChange(variantId) {
const inputs = $refs.main_form.querySelectorAll('[data-size-input]');
inputs.forEach(input => {
if(input.value != variantId){
input.checked = false;
}
})
this.isVariantChoosed = true;
this.variantId = variantId;
$refs.submit_button.disabled = false;
$refs.submit_button.textContent = 'Add To Cart';
}
}
">
<input type="hidden" name="quantity" value="1">
<input type="hidden" name="id" x-model="variantId" required="">
<div class="grid grid-cols-5 gap-x-1.5 gap-y-2.5">
<div class="col-span-1">
<input data-size-input="" id="opt-43444697465069" type="radio" value="43444697465069" required="" hidden="" @click="onVariantChange(43444697465069)">
<label for="opt-43444697465069" class="form_swatch stretch mb-0 ">7</label>
</div>
<div class="col-span-1">
<input data-size-input="" id="opt-43444697497837" type="radio" value="43444697497837" required="" hidden="" @click="onVariantChange(43444697497837)">
<label for="opt-43444697497837" class="form_swatch stretch mb-0 ">7.5</label>
</div>
<div class="col-span-1">
<input data-size-input="" id="opt-43444697530605" type="radio" value="43444697530605" required="" hidden="" @click="onVariantChange(43444697530605)">
<label for="opt-43444697530605" class="form_swatch stretch mb-0 ">8</label>
</div>
<div class="col-span-1">
<input data-size-input="" id="opt-43444697563373" type="radio" value="43444697563373" required="" hidden="" @click="onVariantChange(43444697563373)">
<label for="opt-43444697563373" class="form_swatch stretch mb-0 ">8.5</label>
</div>
<div class="col-span-1">
<input data-size-input="" id="opt-43444697596141" type="radio" value="43444697596141" required="" hidden="" @click="onVariantChange(43444697596141)">
<label for="opt-43444697596141" class="form_swatch stretch mb-0 ">9</label>
</div>
<div class="col-span-1">
<input data-size-input="" id="opt-43444697628909" type="radio" value="43444697628909" required="" hidden="" @click="onVariantChange(43444697628909)">
<label for="opt-43444697628909" class="form_swatch stretch mb-0 ">9.5</label>
</div>
<div class="col-span-1">
<input data-size-input="" id="opt-43444697661677" type="radio" value="43444697661677" required="" hidden="" @click="onVariantChange(43444697661677)">
<label for="opt-43444697661677" class="form_swatch stretch mb-0 ">10</label>
</div>
<div class="col-span-1">
<input data-size-input="" id="opt-43444697694445" type="radio" value="43444697694445" required="" hidden="" @click="onVariantChange(43444697694445)">
<label for="opt-43444697694445" class="form_swatch stretch mb-0 ">10.5</label>
</div>
<div class="col-span-1">
<input data-size-input="" id="opt-43444697727213" type="radio" value="43444697727213" required="" hidden="" @click="onVariantChange(43444697727213)">
<label for="opt-43444697727213" class="form_swatch stretch mb-0 ">11</label>
</div>
<div class="col-span-1">
<input data-size-input="" id="opt-43444697759981" type="radio" value="43444697759981" required="" hidden="" @click="onVariantChange(43444697759981)">
<label for="opt-43444697759981" class="form_swatch stretch mb-0 ">11.5</label>
</div>
<div class="col-span-1">
<input data-size-input="" id="opt-43444697792749" type="radio" value="43444697792749" required="" hidden="" @click="onVariantChange(43444697792749)">
<label for="opt-43444697792749" class="form_swatch stretch mb-0 ">12</label>
</div>
<div class="col-span-1">
<input data-size-input="" id="opt-43444697825517" type="radio" value="43444697825517" required="" hidden="" @click="onVariantChange(43444697825517)">
<label for="opt-43444697825517" class="form_swatch stretch mb-0 ">12.5</label>
</div>
<div class="col-span-1">
<input data-size-input="" id="opt-43444697858285" type="radio" value="43444697858285" required="" hidden="" @click="onVariantChange(43444697858285)">
<label for="opt-43444697858285" class="form_swatch stretch mb-0 ">13</label>
</div>
</div><button type="submit" name="add" data-add-to-cart="" class="js-go-cart-add-to-cart primary-button w-full !cursor-default !bg-dark-gray" :class=" !isVariantChoosed && '!cursor-default !bg-dark-gray' " disabled="" x-ref="submit_button">
<span class="!normal-case">Select Size</span>
</button>
</form>
POST /cart/add
<form action="/cart/add" method="post" enctype="multipart/form-data" class="flex flex-col gap-2 !m-0" id="add-to-cart-8151228154093" x-ref="main_form" x-data="
{
isVariantChoosed: false,
variantId: '',
onVariantChange(variantId) {
const inputs = $refs.main_form.querySelectorAll('[data-size-input]');
inputs.forEach(input => {
if(input.value != variantId){
input.checked = false;
}
})
this.isVariantChoosed = true;
this.variantId = variantId;
$refs.submit_button.disabled = false;
$refs.submit_button.textContent = 'Add To Cart';
}
}
">
<input type="hidden" name="quantity" value="1">
<input type="hidden" name="id" x-model="variantId" required="">
<div class="grid grid-cols-5 gap-x-1.5 gap-y-2.5">
<div class="col-span-1">
<input data-size-input="" id="opt-44041267937517" type="radio" value="44041267937517" required="" hidden="" @click="onVariantChange(44041267937517)">
<label for="opt-44041267937517" class="form_swatch stretch mb-0 ">7</label>
</div>
<div class="col-span-1">
<input data-size-input="" id="opt-44041267970285" type="radio" value="44041267970285" required="" hidden="" @click="onVariantChange(44041267970285)">
<label for="opt-44041267970285" class="form_swatch stretch mb-0 ">7.5</label>
</div>
<div class="col-span-1">
<input data-size-input="" id="opt-44041268003053" type="radio" value="44041268003053" required="" hidden="" @click="onVariantChange(44041268003053)">
<label for="opt-44041268003053" class="form_swatch stretch mb-0 ">8</label>
</div>
<div class="col-span-1">
<input data-size-input="" id="opt-44041268035821" type="radio" value="44041268035821" required="" hidden="" @click="onVariantChange(44041268035821)">
<label for="opt-44041268035821" class="form_swatch stretch mb-0 ">8.5</label>
</div>
<div class="col-span-1">
<input data-size-input="" id="opt-44041268068589" type="radio" value="44041268068589" required="" hidden="" @click="onVariantChange(44041268068589)">
<label for="opt-44041268068589" class="form_swatch stretch mb-0 ">9</label>
</div>
<div class="col-span-1">
<input data-size-input="" id="opt-44041268101357" type="radio" value="44041268101357" required="" hidden="" @click="onVariantChange(44041268101357)">
<label for="opt-44041268101357" class="form_swatch stretch mb-0 ">9.5</label>
</div>
<div class="col-span-1">
<input data-size-input="" id="opt-44041268134125" type="radio" value="44041268134125" required="" hidden="" @click="onVariantChange(44041268134125)">
<label for="opt-44041268134125" class="form_swatch stretch mb-0 ">10</label>
</div>
<div class="col-span-1">
<input data-size-input="" id="opt-44041268166893" type="radio" value="44041268166893" required="" hidden="" @click="onVariantChange(44041268166893)">
<label for="opt-44041268166893" class="form_swatch stretch mb-0 ">10.5</label>
</div>
<div class="col-span-1">
<input data-size-input="" id="opt-44041268199661" type="radio" value="44041268199661" required="" hidden="" @click="onVariantChange(44041268199661)">
<label for="opt-44041268199661" class="form_swatch stretch mb-0 ">11</label>
</div>
<div class="col-span-1">
<input data-size-input="" id="opt-44041268232429" type="radio" value="44041268232429" required="" hidden="" @click="onVariantChange(44041268232429)">
<label for="opt-44041268232429" class="form_swatch stretch mb-0 ">11.5</label>
</div>
<div class="col-span-1">
<input data-size-input="" id="opt-44041268265197" type="radio" value="44041268265197" required="" hidden="" @click="onVariantChange(44041268265197)">
<label for="opt-44041268265197" class="form_swatch stretch mb-0 ">12</label>
</div>
<div class="col-span-1">
<input data-size-input="" id="opt-44041268297965" type="radio" value="44041268297965" required="" hidden="" @click="onVariantChange(44041268297965)">
<label for="opt-44041268297965" class="form_swatch stretch mb-0 ">12.5</label>
</div>
<div class="col-span-1">
<input data-size-input="" id="opt-44041268330733" type="radio" value="44041268330733" required="" hidden="" @click="onVariantChange(44041268330733)">
<label for="opt-44041268330733" class="form_swatch stretch mb-0 ">13</label>
</div>
<div class="col-span-1">
<input data-size-input="" id="opt-44041268363501" type="radio" value="44041268363501" required="" hidden="" @click="onVariantChange(44041268363501)">
<label for="opt-44041268363501" class="form_swatch stretch mb-0 ">13.5</label>
</div>
<div class="col-span-1">
<input data-size-input="" id="opt-44041268396269" type="radio" value="44041268396269" required="" hidden="" @click="onVariantChange(44041268396269)">
<label for="opt-44041268396269" class="form_swatch stretch mb-0 ">14</label>
</div>
</div><button type="submit" name="add" data-add-to-cart="" class="js-go-cart-add-to-cart primary-button w-full !cursor-default !bg-dark-gray" :class=" !isVariantChoosed && '!cursor-default !bg-dark-gray' " disabled="" x-ref="submit_button">
<span class="!normal-case">Select Size</span>
</button>
</form>
<form class="flex items-center justify-between gap-2.5 md:gap-[1.3888vw] desktop:gap-5 max-w-[320px] w-full border border-white rounded-[45px] md:rounded-[5px] py-3 md:py-[0.8333vw] desktop:py-3 px-5 overflow-hidden relative"
:class="error ? '!border-red-500' : ''" @submit="onSubmit" x-show="!subscriptionSuccess">
<div class="absolute left-0 right-0 w-full h-full z-0" style="background: linear-gradient(91deg, rgba(0, 0, 0, 0.34), rgba(211, 209, 209, 0.25) 100%);"></div>
<div class="flex flex-col flex-grow relative">
<label for="newsletterForm-email" class="hidden">Email Address</label>
<input type="email" id="newsletterForm-email" placeholder="Email Address" class="border-none text-sm md:text-[1.822vw] lg:text-[1.111vw] desktop:text-base leading-[1] text-white bg-transparent outline-none"
@input="email = $event.target.value; error = ''" x-show="!valid_email">
<label for="newsletterForm-phone" class="hidden">Phone Number</label>
<input type="text" id="newsletterForm-phone" placeholder="Phone Number" class="border-none text-sm md:text-[1.822vw] lg:text-[1.111vw] desktop:text-base leading-[1] text-white bg-transparent outline-none" x-ref="phone_number_input"
@input="onInput($event)" x-show="valid_email" style="display: none;">
</div>
<button type="submit" title="Subscribe" class="cursor-pointer w-7 h-7 bg-white rounded-full flex flex-col justify-center items-center z-[1]" x-bind:disabled="submitDisabled" :class="submitDisabled ? 'opacity-50 !cursor-not-allowed' : ''">
<svg xmlns="http://www.w3.org/2000/svg" width="8" height="12" viewBox="0 0 8 12" fill="none">
<path d="M1.948 0.666829L0.666994 1.93539L4.7706 6.00016L0.666992 10.0649L1.948 11.3335L7.33366 6.00016L1.948 0.666829Z" fill="black"></path>
</svg>
</button>
</form>
POST /localization
<form method="post" action="/localization" id="localization_form" accept-charset="UTF-8" class="" enctype="multipart/form-data" x-ref="LocalizationForm"><input type="hidden" name="form_type" value="localization"><input type="hidden" name="utf8"
value="✓"><input type="hidden" name="_method" value="put"><input type="hidden" name="return_to" value="/">
<ul role="list" class="flex flex-row">
<li class="font-normal uppercase text-base-color body-4 leading-[1] !font-bold" lang="en" aria-current="true">en</li>
</ul>
<input type="hidden" name="locale_code" value="en">
</form>
POST /localization
<form method="post" action="/localization" id="localization_form" accept-charset="UTF-8" class="localization-country-form" enctype="multipart/form-data" x-ref="LocalizationForm"><input type="hidden" name="form_type" value="localization"><input
type="hidden" name="utf8" value="✓"><input type="hidden" name="_method" value="put"><input type="hidden" name="return_to" value="/">
<div x-data="
{
open: false,
toggle() {
if (this.open) {
return this.close();
}
const triggerPos = this.$refs.button.getBoundingClientRect();
const contriesDropdown = this.$refs.contriesDropdown;
let isLeft = triggerPos.left < (window.innerWidth / 2);
let isTop = triggerPos.top < (window.innerHeight / 2);
if (isLeft) {
contriesDropdown.classList.remove('right-0');
contriesDropdown.classList.add('left-0');
} else {
contriesDropdown.classList.remove('left-0');
contriesDropdown.classList.add('right-0');
}
if (isTop) {
contriesDropdown.classList.remove('bottom-[calc(100%+10px)]');
contriesDropdown.classList.add('top-[calc(100%+10px)]');
} else {
contriesDropdown.classList.remove('top-[calc(100%+10px)]');
contriesDropdown.classList.add('bottom-[calc(100%+10px)]');
}
this.$refs.button.focus();
this.open = true;
},
close(focusAfter) {
if (!this.open) return;
this.open = false;
focusAfter && focusAfter.focus();
}
}
">
<button x-ref="button" @click="toggle()" :aria-expanded="open" type="button" class="w-max rounded-[20px] shadow-md flex flex-row gap-2 items-center px-3 md:px-2.5 py-2.5 md:py-1.5 cursor-pointer hover:bg-light-gray " aria-expanded="false">
<img src="//cdn.shopify.com/static/images/flags/us.svg?width=24" alt="United States" srcset="//cdn.shopify.com/static/images/flags/us.svg?width=24 24w" width="24" height="18">
<svg xmlns="http://www.w3.org/2000/svg" class="h-4 min-w-[16px] w-4 text-base-color " viewBox="0 0 20 20" fill="currentColor">
<path fill-rule="evenodd" d="M5.293 7.293a1 1 0 011.414 0L10 10.586l3.293-3.293a1 1 0 111.414 1.414l-4 4a1 1 0 01-1.414 0l-4-4a1 1 0 010-1.414z" clip-rule="evenodd"></path>
</svg>
</button>
<div x-show="open" x-transition.origin.top.left="" x-on:click.outside="close($refs.button)" :id="$id('dropdown-button')" style="display: none;" x-ref="contriesDropdown"
class="absolute min-w-[205px] w-full rounded-md bg-white shadow-md z-[20] overflow-hidden" id="dropdown-button-3">
<ul role="list">
<li>
<a class="text-base-color flex items-center gap-2 w-full px-3 py-2.5 text-sm hover:bg-light-silver " href="#" data-value="CA" @click.prevent="onChange('CA')"><img src="//cdn.shopify.com/static/images/flags/ca.svg?width=24" alt="Canada" srcset="//cdn.shopify.com/static/images/flags/ca.svg?width=24 24w" width="24" height="18"><div>
<span>CAD
$</span>
<span>|</span>
<span>Canada</span>
</div>
</a>
</li>
<li>
<a class="text-base-color flex items-center gap-2 w-full px-3 py-2.5 text-sm hover:bg-light-silver active font-semibold" href="#" aria-current="true" data-value="US" @click.prevent="onChange('US')"><img src="//cdn.shopify.com/static/images/flags/us.svg?width=24" alt="United States" srcset="//cdn.shopify.com/static/images/flags/us.svg?width=24 24w" width="24" height="18"><div>
<span>USD
$</span>
<span>|</span>
<span>United States</span>
</div>
</a>
</li>
</ul>
</div>
<input type="hidden" name="locale_code" x-model="locale_code">
<input type="hidden" name="country_code" x-model="country_code" value="US">
</div>
</form>
POST /localization
<form method="post" action="/localization" id="localization_form" accept-charset="UTF-8" class="" enctype="multipart/form-data" x-ref="LocalizationForm"><input type="hidden" name="form_type" value="localization"><input type="hidden" name="utf8"
value="✓"><input type="hidden" name="_method" value="put"><input type="hidden" name="return_to" value="/">
<ul role="list" class="flex flex-row">
<li class="font-normal uppercase text-base-color body-4 leading-[1] !font-bold" lang="en" aria-current="true">en</li>
</ul>
<input type="hidden" name="locale_code" value="en">
</form>
POST /localization
<form method="post" action="/localization" id="localization_form" accept-charset="UTF-8" class="localization-country-form" enctype="multipart/form-data" x-ref="LocalizationForm"><input type="hidden" name="form_type" value="localization"><input
type="hidden" name="utf8" value="✓"><input type="hidden" name="_method" value="put"><input type="hidden" name="return_to" value="/">
<div x-data="
{
open: false,
toggle() {
if (this.open) {
return this.close();
}
const triggerPos = this.$refs.button.getBoundingClientRect();
const contriesDropdown = this.$refs.contriesDropdown;
let isLeft = triggerPos.left < (window.innerWidth / 2);
let isTop = triggerPos.top < (window.innerHeight / 2);
if (isLeft) {
contriesDropdown.classList.remove('right-0');
contriesDropdown.classList.add('left-0');
} else {
contriesDropdown.classList.remove('left-0');
contriesDropdown.classList.add('right-0');
}
if (isTop) {
contriesDropdown.classList.remove('bottom-[calc(100%+10px)]');
contriesDropdown.classList.add('top-[calc(100%+10px)]');
} else {
contriesDropdown.classList.remove('top-[calc(100%+10px)]');
contriesDropdown.classList.add('bottom-[calc(100%+10px)]');
}
this.$refs.button.focus();
this.open = true;
},
close(focusAfter) {
if (!this.open) return;
this.open = false;
focusAfter && focusAfter.focus();
}
}
">
<button x-ref="button" @click="toggle()" :aria-expanded="open" type="button" class="w-max rounded-[20px] shadow-md flex flex-row gap-2 items-center px-3 md:px-2.5 py-2.5 md:py-1.5 cursor-pointer hover:bg-light-gray " aria-expanded="false">
<img src="//cdn.shopify.com/static/images/flags/us.svg?width=24" alt="United States" srcset="//cdn.shopify.com/static/images/flags/us.svg?width=24 24w" width="24" height="18">
<svg xmlns="http://www.w3.org/2000/svg" class="h-4 min-w-[16px] w-4 text-base-color " viewBox="0 0 20 20" fill="currentColor">
<path fill-rule="evenodd" d="M5.293 7.293a1 1 0 011.414 0L10 10.586l3.293-3.293a1 1 0 111.414 1.414l-4 4a1 1 0 01-1.414 0l-4-4a1 1 0 010-1.414z" clip-rule="evenodd"></path>
</svg>
</button>
<div x-show="open" x-transition.origin.top.left="" x-on:click.outside="close($refs.button)" :id="$id('dropdown-button')" style="display: none;" x-ref="contriesDropdown"
class="absolute min-w-[205px] w-full rounded-md bg-white shadow-md z-[20] overflow-hidden" id="dropdown-button-4">
<ul role="list">
<li>
<a class="text-base-color flex items-center gap-2 w-full px-3 py-2.5 text-sm hover:bg-light-silver " href="#" data-value="CA" @click.prevent="onChange('CA')"><img src="//cdn.shopify.com/static/images/flags/ca.svg?width=24" alt="Canada" srcset="//cdn.shopify.com/static/images/flags/ca.svg?width=24 24w" width="24" height="18"><div>
<span>CAD
$</span>
<span>|</span>
<span>Canada</span>
</div>
</a>
</li>
<li>
<a class="text-base-color flex items-center gap-2 w-full px-3 py-2.5 text-sm hover:bg-light-silver active font-semibold" href="#" aria-current="true" data-value="US" @click.prevent="onChange('US')"><img src="//cdn.shopify.com/static/images/flags/us.svg?width=24" alt="United States" srcset="//cdn.shopify.com/static/images/flags/us.svg?width=24 24w" width="24" height="18"><div>
<span>USD
$</span>
<span>|</span>
<span>United States</span>
</div>
</a>
</li>
</ul>
</div>
<input type="hidden" name="locale_code" x-model="locale_code">
<input type="hidden" name="country_code" x-model="country_code" value="US">
</div>
</form>
POST /cart
<form method="post" action="/cart" id="cart_form" accept-charset="UTF-8" class="shopify-cart-form" enctype="multipart/form-data"><input type="hidden" name="form_type" value="cart"><input type="hidden" name="utf8" value="✓">
</form>
POST /cart/add
<form x-show="showForm" style="display: none;" x-transition="" action="/cart/add" class="flex flex-col w-full border-b border-b-gray m-0" enctype="multipart/form-data" data-productid="7932502409453" method="post" x-ref="7932502409453"
x-init="handleForm($refs['7932502409453'])">
<div class="flex flex-col variants">
<div data-variant="" data-available-handle="sparc-2-0-ankle-black" data-available="true" data-variant-id="43300229382381" data-variant-options="black,small,n/a"></div>
<div data-variant="" data-available-handle="sparc-2-0-ankle-black" data-available="true" data-variant-id="43300229415149" data-variant-options="black,medium,n/a"></div>
<div data-variant="" data-available-handle="sparc-2-0-ankle-black" data-available="true" data-variant-id="43300229447917" data-variant-options="black,large,n/a"></div>
<div data-variant="" data-available-handle="sparc-2-0-ankle-black" data-available="true" data-variant-id="43300229480685" data-variant-options="black,x-large,n/a"></div>
<div data-variant="" data-available-handle="sparc-2-0-ankle-gray" data-available="true" data-variant-id="43300285677805" data-variant-options="gray,small,n/a"></div>
<div data-variant="" data-available-handle="sparc-2-0-ankle-gray" data-available="true" data-variant-id="43300285710573" data-variant-options="gray,medium,n/a"></div>
<div data-variant="" data-available-handle="sparc-2-0-ankle-gray" data-available="true" data-variant-id="43300285743341" data-variant-options="gray,large,n/a"></div>
<div data-variant="" data-available-handle="sparc-2-0-ankle-gray" data-available="true" data-variant-id="43300285776109" data-variant-options="gray,x-large,n/a"></div>
<div data-variant="" data-available-handle="sparc-2-0-ankle-white" data-available="true" data-variant-id="43300293771501" data-variant-options="white,small,n/a"></div>
<div data-variant="" data-available-handle="sparc-2-0-ankle-white" data-available="true" data-variant-id="43300293804269" data-variant-options="white,medium,n/a"></div>
<div data-variant="" data-available-handle="sparc-2-0-ankle-white" data-available="true" data-variant-id="43300293837037" data-variant-options="white,large,n/a"></div>
<div data-variant="" data-available-handle="sparc-2-0-ankle-white" data-available="true" data-variant-id="43300293869805" data-variant-options="white,x-large,n/a"></div>
</div>
<div class="grid grid-cols-2 gap-2 p-3">
<div class="col-span-2 flex flex-col gap-y-1.5">
<div class="body-4 font-bold">
<span>Color: </span>
<span class="capitalize" x-text="selectedColor">white</span>
</div>
<div class="flex flex-row flex-wrap gap-0.5">
<div @click="setSelectedColor('black')" class="form__upsell_color_container" :class="{'active': isActiveColor('black')}" x-init="if(selectedColor == '') setSelectedColor('black')" title="Black">
<div class="form__upsell_color overflow-hidden flex flex-row" style="border-color: Black">
<div data-color="#000000" class="flex w-full" style="background: #000000;"></div>
</div>
</div>
<div @click="setSelectedColor('gray')" class="form__upsell_color_container" :class="{'active': isActiveColor('gray')}" x-init="if(selectedColor == '') setSelectedColor('gray')" title="Gray">
<div class="form__upsell_color overflow-hidden flex flex-row" style="border-color: Gray">
<div data-color="#cccccc" class="flex w-full" style="background: #cccccc;"></div>
</div>
</div>
<div @click="setSelectedColor('white')" class="form__upsell_color_container active" :class="{'active': isActiveColor('white')}" x-init="if(selectedColor == '') setSelectedColor('white')" title="White">
<div class="form__upsell_color overflow-hidden flex flex-row" style="border-color: White">
<div data-color="#ffffff" class="flex w-full" style="background: #ffffff;"></div>
</div>
</div>
</div>
</div>
<select class="form__input small bg-transparent hidden" name="color" x-model="selectedColor" aria-label="Color">
<option value="" selected="" disabled="">Color</option>
<option data-image="//www.kurufootwear.com/cdn/shop/files/kuru-sparc-2-ankle-sock-black-inside.jpg?v=1693340471&width=500" value="black">Black</option>
<option data-image="//www.kurufootwear.com/cdn/shop/files/kuru-sparc-2-ankle-sock-gray-inside.jpg?v=1693340480&width=500" value="gray">Gray</option>
<option data-image="//www.kurufootwear.com/cdn/shop/files/kuru-sparc-2-ankle-sock-white-inside.jpg?v=1693340493&width=500" value="white">White</option>
</select><select class="form__input small bg-transparent" name="size" aria-label="Size">
<option value="" selected="" disabled="" class="text-disabled">Size</option>
<option value="small">Small</option>
<option value="medium">Medium</option>
<option value="large">Large</option>
<option value="x-large">X-Large</option>
</select><select class="form__input small bg-transparent" name="quantity" aria-label="Quantity">
<option value="" disabled="">Quantity</option>
<option value="1" selected="">1</option>
<option value="2">2</option>
<option value="3">3</option>
<option value="4">4</option>
<option value="5">5</option>
</select>
<input name="id" type="hidden" value="" readonly="">
<button name="add" data-location="popup" class="col-span-2 js-go-cart-add-to-cart primary-button stretch " data-id="43300293771501" disabled="">Add</button>
</div>
</form>
POST /cart/add
<form x-show="showForm" style="display: none;" x-transition="" action="/cart/add" class="flex flex-col w-full border-b border-b-gray m-0" enctype="multipart/form-data" data-productid="7932490383597" method="post" x-ref="7932490383597"
x-init="handleForm($refs['7932490383597'])">
<div class="flex flex-col variants">
<div data-variant="" data-available-handle="sparc-2-0-ankle-black" data-available="true" data-variant-id="43300229382381" data-variant-options="black,small,n/a"></div>
<div data-variant="" data-available-handle="sparc-2-0-ankle-black" data-available="true" data-variant-id="43300229415149" data-variant-options="black,medium,n/a"></div>
<div data-variant="" data-available-handle="sparc-2-0-ankle-black" data-available="true" data-variant-id="43300229447917" data-variant-options="black,large,n/a"></div>
<div data-variant="" data-available-handle="sparc-2-0-ankle-black" data-available="true" data-variant-id="43300229480685" data-variant-options="black,x-large,n/a"></div>
<div data-variant="" data-available-handle="sparc-2-0-ankle-gray" data-available="true" data-variant-id="43300285677805" data-variant-options="gray,small,n/a"></div>
<div data-variant="" data-available-handle="sparc-2-0-ankle-gray" data-available="true" data-variant-id="43300285710573" data-variant-options="gray,medium,n/a"></div>
<div data-variant="" data-available-handle="sparc-2-0-ankle-gray" data-available="true" data-variant-id="43300285743341" data-variant-options="gray,large,n/a"></div>
<div data-variant="" data-available-handle="sparc-2-0-ankle-gray" data-available="true" data-variant-id="43300285776109" data-variant-options="gray,x-large,n/a"></div>
<div data-variant="" data-available-handle="sparc-2-0-ankle-white" data-available="true" data-variant-id="43300293771501" data-variant-options="white,small,n/a"></div>
<div data-variant="" data-available-handle="sparc-2-0-ankle-white" data-available="true" data-variant-id="43300293804269" data-variant-options="white,medium,n/a"></div>
<div data-variant="" data-available-handle="sparc-2-0-ankle-white" data-available="true" data-variant-id="43300293837037" data-variant-options="white,large,n/a"></div>
<div data-variant="" data-available-handle="sparc-2-0-ankle-white" data-available="true" data-variant-id="43300293869805" data-variant-options="white,x-large,n/a"></div>
</div>
<div class="grid grid-cols-2 gap-2 p-3">
<div class="col-span-2 flex flex-col gap-y-1.5">
<div class="body-4 font-bold">
<span>Color: </span>
<span class="capitalize" x-text="selectedColor">black</span>
</div>
<div class="flex flex-row flex-wrap gap-0.5">
<div @click="setSelectedColor('black')" class="form__upsell_color_container active" :class="{'active': isActiveColor('black')}" x-init="if(selectedColor == '') setSelectedColor('black')" title="Black">
<div class="form__upsell_color overflow-hidden flex flex-row" style="border-color: Black">
<div data-color="#000000" class="flex w-full" style="background: #000000;"></div>
</div>
</div>
<div @click="setSelectedColor('gray')" class="form__upsell_color_container" :class="{'active': isActiveColor('gray')}" x-init="if(selectedColor == '') setSelectedColor('gray')" title="Gray">
<div class="form__upsell_color overflow-hidden flex flex-row" style="border-color: Gray">
<div data-color="#cccccc" class="flex w-full" style="background: #cccccc;"></div>
</div>
</div>
<div @click="setSelectedColor('white')" class="form__upsell_color_container" :class="{'active': isActiveColor('white')}" x-init="if(selectedColor == '') setSelectedColor('white')" title="White">
<div class="form__upsell_color overflow-hidden flex flex-row" style="border-color: White">
<div data-color="#ffffff" class="flex w-full" style="background: #ffffff;"></div>
</div>
</div>
</div>
</div>
<select class="form__input small bg-transparent hidden" name="color" x-model="selectedColor" aria-label="Color">
<option value="" selected="" disabled="">Color</option>
<option data-image="//www.kurufootwear.com/cdn/shop/files/kuru-sparc-2-ankle-sock-black-inside.jpg?v=1693340471&width=500" value="black">Black</option>
<option data-image="//www.kurufootwear.com/cdn/shop/files/kuru-sparc-2-ankle-sock-gray-inside.jpg?v=1693340480&width=500" value="gray">Gray</option>
<option data-image="//www.kurufootwear.com/cdn/shop/files/kuru-sparc-2-ankle-sock-white-inside.jpg?v=1693340493&width=500" value="white">White</option>
</select><select class="form__input small bg-transparent" name="size" aria-label="Size">
<option value="" selected="" disabled="" class="text-disabled">Size</option>
<option value="small">Small</option>
<option value="medium">Medium</option>
<option value="large">Large</option>
<option value="x-large">X-Large</option>
</select><select class="form__input small bg-transparent" name="quantity" aria-label="Quantity">
<option value="" disabled="">Quantity</option>
<option value="1" selected="">1</option>
<option value="2">2</option>
<option value="3">3</option>
<option value="4">4</option>
<option value="5">5</option>
</select>
<input name="id" type="hidden" value="" readonly="">
<button name="add" data-location="popup" class="col-span-2 js-go-cart-add-to-cart primary-button stretch " data-id="43300229382381" disabled="">Add</button>
</div>
</form>
POST /account/login
<form method="post" action="/account/login" id="customer_login" accept-charset="UTF-8" data-login-with-shop-sign-in="true" class="w-full flex flex-col gap-y-5"><input type="hidden" name="form_type" value="customer_login"><input type="hidden"
name="utf8" value="✓"><input type="hidden" name="return_to" value="/">
<div class="h5 !font-bold">Sign In Your Account</div>
<div class="flex flex-col gap-y-1">
<label for="sign_in_customer_email" class="body-3">Email</label>
<input class="form__input" type="email" required="" placeholder="Email Address" name="customer[email]" id="sign_in_customer_email">
</div>
<div class="flex flex-col gap-y-1" x-data="{showPassword: false}">
<label for="sign_in_customer_password" class="body-3">Password</label>
<div class="flex relative">
<input class="form__input" :type="showPassword ? 'text' : 'password'" required="" placeholder="Password" name="customer[password]" id="sign_in_customer_password" type="password">
<svg class="absolute right-2 h-[30px] w-[30px] inset-center-y cursor-pointer" @click="showPassword = !showPassword" fill="#000000" viewBox="-5.5 0 32 32" version="1.1" xmlns="http://www.w3.org/2000/svg">
<g stroke-width="0"></g>
<g stroke-linecap="round" stroke-linejoin="round"></g>
<g>
<title>eye</title>
<path
d="M10.32 22.32c-5.6 0-9.92-5.56-10.12-5.8-0.24-0.32-0.24-0.72 0-1.040 0.2-0.24 4.52-5.8 10.12-5.8s9.92 5.56 10.12 5.8c0.24 0.32 0.24 0.72 0 1.040-0.2 0.24-4.56 5.8-10.12 5.8zM1.96 16c1.16 1.32 4.52 4.64 8.36 4.64s7.2-3.32 8.36-4.64c-1.16-1.32-4.52-4.64-8.36-4.64s-7.2 3.32-8.36 4.64zM10.32 20c-2.2 0-4-1.8-4-4s1.8-4 4-4 4 1.8 4 4-1.84 4-4 4zM10.32 13.68c-1.28 0-2.32 1.040-2.32 2.32s1.040 2.32 2.32 2.32 2.32-1.040 2.32-2.32-1.040-2.32-2.32-2.32z">
</path>
</g>
</svg>
</div>
</div><button class="primary-button">Continue</button>
</form>
POST /account
<form method="post" action="/account" id="create_customer" accept-charset="UTF-8" data-login-with-shop-sign-up="true" class="w-full flex flex-col gap-y-3 md:gap-y-5"><input type="hidden" name="form_type" value="create_customer"><input type="hidden"
name="utf8" value="✓">
<input type="hidden" name="return_to" value="/">
<div class="flex flex-col gap-y-1">
<label for="sign_up_customer_first_name" class="body-3">First Name</label>
<input class="form__input" type="text" required="" placeholder="First Name" name="customer[first_name]" id="sign_up_customer_first_name">
</div>
<div class="flex flex-col gap-y-1">
<label for="sign_up_customer_last_name" class="body-3">Last Name</label>
<input class="form__input" type="text" required="" placeholder="Last Name" name="customer[last_name]" id="sign_up_customer_last_name">
</div>
<div class="flex flex-col gap-y-1">
<label for="sign_up_customer_email" class="body-3">Email</label>
<input class="form__input" type="email" required="" placeholder="Email Address" name="customer[email]" id="sign_up_customer_email">
</div>
<div class="flex flex-col gap-y-1">
<label for="sign_up_customer_password" class="body-3">Password</label>
<input class="form__input" type="password" required="" placeholder="Password" name="customer[password]" id="sign_up_customer_password">
</div>
<div class="body-5">
<span>By registering, you agree with our</span>
<a class="underline" href="/pages/customer-service-privacy-and-security">Terms & Privacy Policy</a>.
</div>
<button class="primary-button">Register</button>
</form>
Text Content
We use cookies to provide you with the best user experience. Learn more DeclineAccept ✕ 100% Free Shipping* Earn 5% Back Join Our Rewards Program Join Our Rewards Program 45 Day Returns & Exchanges 45 Day Returns & Exchanges 100% Free Shipping* Earn 5% Back Join Our Rewards Program Join Our Rewards Program 45 Day Returns & Exchanges 45 Day Returns & Exchanges 100% Free Shipping* Earn 5% Back Join Our Rewards Program Join Our Rewards Program 45 Day Returns & Exchanges 45 Day Returns & Exchanges 100% Free Shipping* Earn 5% Back Join Our Rewards Program Join Our Rewards Program 45 Day Returns & Exchanges 45 Day Returns & Exchanges 100% Free Shipping* Earn 5% Back Join Our Rewards Program Join Our Rewards Program 45 Day Returns & Exchanges 45 Day Returns & Exchanges 100% Free Shipping* Earn 5% Back Join Our Rewards Program Join Our Rewards Program 45 Day Returns & Exchanges 45 Day Returns & Exchanges * en * CAD $ | Canada * USD $ | United States Heel Better™ * Women Earn 5% back with every purchase with KURUCash Rewards. Sign Up. Best Sellers Fall Collection New Arrivals Plantar Fasciitis Shop by Category SneakersSlip-OnsSlippersSandalsBootsAccessoriesShop All Womens Shop QUANTUM 2.0 FOOT PAIN * Plantar Fasciitis * Flat Feet * Heel Pain * Heel Spurs * Bunions All Conditions ACTIVITY * Everyday * Standing All Day * Exercise * Hiking * Travel All Activities CAREER * Healthcare * Education * Restaurant * Hair Stylist * Retail All Careers * Men Earn 5% back with every purchase with KURUCash Rewards. Sign Up. Best Sellers Fall Collection New Arrivals Plantar Fasciitis Shop by Category SneakersSlip-OnsSlippersSandalsBootsAccessoriesShop All Mens Shop QUANTUM 2.0 FOOT PAIN * Plantar Fasciitis * Flat Feet * Heel Pain * Heel Spurs * Bunions All Conditions ACTIVITY * Everyday * Standing All Day * Exercise * Hiking * Travel All Activities CAREER * Healthcare * Education * Restaurant * Barbers * Retail All Careers * Explore Earn 5% back with every purchase with KURUCash Rewards. Sign Up. Comparing Best Shoes for Plantar Fasciitis Can Foot Pain Cause Knee Pain? How To Protect Yourself American Footwear Spending: A 2023 Survey 50 Best Shoes for Teachers in 2023 Blog Foot Pain & Care Plantar FasciitisBunionsFlat FeetHeel PainHeel SpursAll Topics PAIN TYPE * Plantar Fasciitis * Flat Feet * Heel Pain * Heel Spurs * Bunions All Conditions WORK TYPE * Nursing * Retail * Cosmetology & Barber * Chef * Delivery & Postal Workers All Careers ACTIVITY TYPE * Running * Hiking * Walking * Standing * Fitness All Activities FEATURES * Non-Slip * Orthopedic * Arch Support * Supportive * Outdoor All Features * Free Shoes * Shoe Finder * * * 0 Earn 5% back with every purchase with KURUCash Rewards. Sign Up. Search for products and FAQs Suggested Searches Plantar Fasciitis ATOM QUANTUM Wide Shoes Sneakers Return or Exchange Shipping Sandals Heel Pain KINETIC Boots Slip-ons FAQs Does KURU have a size guide to help me with my selection? KURU offers free returns and exchanges on all orders within the Domestic United States, because finding the perfect f... Read more Does Kuru Offer Sales, Coupons Or Discounts? We do not offer any sales, coupons or discounts outside of our last chance section and the KURU Cash loyalty program.... Read more Why are my feet sore after wearing KURUs? While it’s not common, some customers experience tenderness when they first start wearing a new pair of KURUs. You’re... Read more What Does 1/2 Size Small or Large Mean? We offer fit notes on certain styles based on customer feedback to help you find the right size. We use these notes b... Read more Does KURU have store locations? KURU shoes are not sold in retail stores. Cutting out the middle-man and selling directly allows us to offer you bett... Read more What Care And Cleaning Is Recommended For KURUs? Because we use better, high-performance materials in our shoes, it's important to properly care for them to extend th... Read more Log in or sign up for an account to earn KURU Cash with every purchase and save money on future KURU orders. Log In Sign Up eye Log In REGISTERED CUSTOMERS Attention! We recently upgraded our website, and existing customers need to reactivate account. When creating your new account be sure to use the same email address you used with your previous account to keep any KURU Cash accrued and view order history. Create Account Earn 5% back with every purchase with KURUCash Rewards. Sign Up. Menu Account Search 0 Cart Heel Better™ * Women Women Best Sellers Fall Collection New Arrivals Plantar Fasciitis * Best Sellers * Limited Edition * Last Chance * Accessories * Shop by Category Shop by Category * Everyday Sneakers * Athletic Shoes * Slip-On Shoes * Slippers * Boots * Hiking * Sandals * Wide Shoes * Best Sellers * Limited Edition * Last Chance * Shop by Foot Pain Shop by Foot Pain * Plantar Fasciitis * Flat Feet * Heel Pain * Heel Spurs * Bunions * Morton's Neuroma * Diabetes * Back Pain * Neuropathy * Arthritis * Hammer Toe * Knee Pain * Hip Pain * Fibromyalgia * Shop by Career Shop by Career * Healthcare * Education * Restaurant * Hair Stylist * Retail * Postal Delivery * Shop by Activity Shop by Activity * Everyday * Standing All Day * Exercise * Hiking * Travel * Gardening * Beach CHICANE Explore CHICANE Shop QUANTUM 2.0 * Men Men Best Sellers Fall Collection New Arrivals Plantar Fasciitis * Best Sellers * Limited Edition * Accessories * Shop by Category Shop by Category * Everyday Sneakers * Athletic Shoes * Slip-On Shoes * Slippers * Boots * Hiking * Sandals * Wide Shoes * Best Sellers * Limited Edition * Last Chance * Shop by Foot Pain Shop by Foot Pain * Plantar Fasciitis * Flat Feet * Heel Pain * Heel Spurs * Bunions * Morton's Neuroma * Diabetes * Back Pain * Neuropathy * Arthritis * Hammer Toe * Knee Pain * Hip Pain * Fibromyalgia * Shop by Activity Shop by Activity * Everyday * Standing All Day * Exercise * Hiking * Travel * Gardening * Beach * Shop by Career Shop by Career * Healthcare * Education * Restaurant * Barber * Retail * Postal Delivery KINETIC Explore KINETIC Shop QUANTUM 2.0 * Explore Explore Comparing Best Shoes for Plantar Fasciitis Can Foot Pain Cause Knee Pain? How To Protect Yourself American Footwear Spending: A 2023 Survey 50 Best Shoes for Teachers in 2023 Blog * Pain Type Pain Type * Plantar Fasciitis * Flat Feet * Heel Pain * Heel Spurs * Bunions * All Conditions * Work Type Work Type * Nursing * Retail * Cosmetology & Barber * Chef * Delivery & Postal Workers * All Careers * Activity Type Activity Type * Running * Hiking * Walking * Standing * Fitness * All Activities * Features Features * Non-Slip * Orthopedic * Arch Support * Supportive * Outdoor * All Features * Free Shoes Find Your Perfect Shoes Designed to help you find your ideal pair of shoes based on preferences, style, and specific needs. Start Now BECOME A KURU MEMBER Earn 5% back with every purchase with KURUCash Rewards. Join Us Sign In Country/Language Preferences: * en * CAD $ | Canada * USD $ | United States trigger Earn 5% back with every purchase with KURUCash Rewards. Sign Up. Search for products and FAQs Suggested Searches Plantar Fasciitis ATOM QUANTUM Wide Shoes Sneakers Return or Exchange Shipping Sandals Heel Pain KINETIC Boots Slip-ons FAQs Does KURU have a size guide to help me with my selection? KURU offers free returns and exchanges on all orders within the Domestic United States, because finding the perfect f... Read more Does Kuru Offer Sales, Coupons Or Discounts? We do not offer any sales, coupons or discounts outside of our last chance section and the KURU Cash loyalty program.... Read more Why are my feet sore after wearing KURUs? While it’s not common, some customers experience tenderness when they first start wearing a new pair of KURUs. You’re... Read more What Does 1/2 Size Small or Large Mean? We offer fit notes on certain styles based on customer feedback to help you find the right size. We use these notes b... Read more Does KURU have store locations? KURU shoes are not sold in retail stores. Cutting out the middle-man and selling directly allows us to offer you bett... Read more What Care And Cleaning Is Recommended For KURUs? Because we use better, high-performance materials in our shoes, it's important to properly care for them to extend th... Read more Log in or sign up for an account to earn KURU Cash with every purchase and save money on future KURU orders. Log In Sign Up eye Log In REGISTERED CUSTOMERS Attention! We recently upgraded our website, and existing customers need to reactivate account. When creating your new account be sure to use the same email address you used with your previous account to keep any KURU Cash accrued and view order history. Create Account Heel Better™ 39,553 Ratings 39,553 Ratings FOOT PAIN? Sneakers to help you heel. Shop WomenShop Men MEET QUANTUM 2.0 Our fan-favorite got more cushion, a wider base, and enhanced heel support for ultimate pain relief. Shop WomenShop Men 39,553 Ratings HEEL BETTER™ 77% of us experience foot pain. We’re here to change that. Shop WomenShop Men 39,553 Ratings DIFFERENT BY DESIGN Patented heel tech, proven pain relief. Shop WomenShop Men 39,553 Ratings FOOT PAIN? Sneakers to help you heel. Shop WomenShop Men MEET QUANTUM 2.0 Our fan-favorite got more cushion, a wider base, and enhanced heel support for ultimate pain relief. Shop WomenShop Men 39,553 Ratings Foot Pain? Sneakers to help you heel. Shop WomenShop Men Meet QUANTUM 2.0 Our fan-favorite got more cushion, a wider base, and enhanced heel support for ultimate pain relief. Shop WomenShop Men 39,553 Ratings Heel Better™ 77% of us experience foot pain. We’re here to change that. Shop WomenShop Men 39,553 Ratings Different by Design Patented heel tech, proven pain relief. Shop WomenShop Men 39,553 Ratings Foot Pain? Sneakers to help you heel. Shop WomenShop Men Meet QUANTUM 2.0 Our fan-favorite got more cushion, a wider base, and enhanced heel support for ultimate pain relief. Shop WomenShop Men “The brand's patented KURUSOLE technology hugs your heels and provides strong arch support." - Self "Great support through the arch and cushioning to help absorb shock." "Notable features include a spacious toe box, excellent arch support and a shock absorbent midsole." “The brand's patented KURUSOLE technology hugs your heels and provides strong arch support." - Self "Great support through the arch and cushioning to help absorb shock." "Notable features include a spacious toe box, excellent arch support and a shock absorbent midsole." SHOP WOMEN NEW ARRIVALS BEST SELLERS Women Men FLUX $150 5 Colors (379) Women Men QUANTUM 2.0 $165 5 Colors, 2 Widths (76) Brand New Women STRIDE MOVE $145 3 Colors (64) Women Men ATOM SLIP-ON $145 3 Colors (150) Women CODA MUSE $140 3 Colors (207) Women CODA SUVI $135 2 Colors (62) Women BREEZE $130 5 Colors (340) Limited edition Women Men FLUX $150 5 Colors (379) Women Men QUANTUM 2.0 $165 5 Colors, 2 Widths (76) Women Men ATOM SLIP-ON $145 3 Colors (150) Women Men QUANTUM 2.0 $165 5 Colors (76) Women Men ATOM TRAIL $160 3 Colors (161) Women Men ATOM $160 11 Colors, 2 Widths (2,987) Women Men QUANTUM 2.0 $165 5 Colors, 2 Widths (76) Women Men ATOM $160 11 Colors, 2 Widths (2,987) Women Men CHICANE $165 6 Colors, 2 Widths (2,628) Women Men QUANTUM 2.0 $165 5 Colors, 2 Widths (76) Women STRIDE $135 7 Colors, 2 Widths (1,514) Women Men ROAM $135 6 Colors (757) -$5 Women Men QUANTUM $155$160 9 Colors, 2 Widths (6,576) Anti-Slip Women Men KINETIC $175 2 Widths (1,066) Women Men ATOM $160 11 Colors, 2 Widths (2,987) Women Men ATOM $160 11 Colors, 2 Widths (2,987) -$5 Women Men QUANTUM $155$160 9 Colors, 2 Widths (6,576) Shop All Women SHOP BY PAIN Plantar Fasciitis Flat Feet Heel Pain Heel Spurs Bunions Morton’s Neuroma Diabetes Back Pain Neuropathy Hammer Toe Knee Pain Arthritis Fibromyalgia Hip Pain PAIN ACTIVITY Hiking Fitness Beach Walking Standing Travel Running Garden ACTIVITY CAREER Delivery Cosmetology & Barber Warehouse Teachers Restaurant & Food Service Healthcare Retail CAREER SHOP MEN NEW ARRIVALS BEST SELLERS Women Men FLUX $150 6 Colors (201) Women Men QUANTUM 2.0 $165 3 Colors, 2 Widths (43) Women Men ATOM SLIP-ON $145 3 Colors (136) Anti-Slip Women Men KINETIC 2.0 $175 2 Colors, 2 Widths (808) Women Men FLUX $150 6 Colors (201) Women Men ATOM TRAIL $160 2 Colors (100) Women Men ATOM SLIP-ON $145 3 Colors (136) Women Men QUANTUM 2.0 $165 3 Colors, 2 Widths (43) Women Men ATOM TRAIL $160 2 Colors (100) Women Men ATOM SLIP-ON $145 3 Colors (136) Women Men QUANTUM 2.0 $165 3 Colors, 2 Widths (43) Women Men LOFT $140 3 Colors (69) Women Men QUANTUM 2.0 $165 3 Colors, 2 Widths (43) Women Men ATOM $160 6 Colors, 2 Widths (929) New Color Women Men ROAM $135 4 Colors (280) Women Men CHICANE $175 6 Colors, 2 Widths (2,001) Women Men ROAM $135 4 Colors (280) Women Men CHICANE $175 6 Colors, 2 Widths (2,001) Women Men ATOM $160 6 Colors, 2 Widths (929) Anti-Slip Women Men KINETIC 2.0 $175 2 Colors, 2 Widths (808) Limited edition Women Men ATOM $160 6 Colors (929) Women Men CHICANE $165 6 Colors (2,001) Women Men ROAM $135 4 Colors (280) Women Men ATOM $160 6 Colors, 2 Widths (929) Shop All Men Explore by Activities Everyday Standing Walking Fitness Travel Outdoor WHY HEELS HURT Every step you take starts with your heels—and it can get painful, fast. Repeated stress on the band of tissue underneath our feet—our plantar fascia—can lead to tightness, inflammation, and micro-tears. This overuse results in the characteristic symptom of plantar fasciitis: heel pain. OUR SECRET Our secret sauce? Our patented solution to heel pain relief, KURUSOLE. Unlike anything else, KURUSOLE’s responsive technology dynamically flexes with each step to hug and protect your heels. The curved, heel-cupping design protects the body’s natural cushioning system—the heel pad—so your feet stay happy and healthy in the most comfortable shoes. 5 stars for pain relief! This is my go-to shoe. Lindsay C. EXPLORE KURU COLLECTIONS QUANTUM Explore QUANTUM ATOM Explore ATOM KALA Explore KALA ATOM Slip-On Explore ATOM SLIP-ON KINETIC Explore KINETIC CODA Muse Explore CODA MUSE QUANTUM Explore QUANTUM ATOM Explore ATOM KALA Explore KALA Theirs OUR SHOES Heel No specialized heel technology Patented KURUSOLE heel/hugging tech Footbed Flat Curved Insole Thin, low-quality Dual-density, ergonomic Arch Little to no arch support Superior, arch-molding support Sole Minimal cushion EVA shock-absorbing cushion Every KURU Shoe is Made With Purpose to Help You Live Out Yours We’re passionate about pain relief because we’re passionate about life—and helping you live it to the fullest. So, we studied the foot’s natural biomechanics and designed footwear to match. No flat insoles. No flimsy inserts. Just the most comfortable shoes for plantar fasciitis with perfect cushion and support in all the right places. Shop Now Shop Shoes for Women Shop Shoes for Men QUANTUM 2.0 WIDE $165 Jet Black-Misty Blue-2.0 4 Colors, 2 Widths (76) Quick Add Size Chart 5 5.5 6 6.5 7 7.5 8 8.5 9 9.5 10 10.5 11 11.5 12 Select Size ATOM WIDE $160 Jet Black-Misty Lilac 12 Colors, 2 Widths (2,987) Quick Add Size Chart 5 5.5 6 6.5 7 7.5 8 8.5 9 9.5 10 10.5 11 11.5 12 Select Size -$5 QUANTUM WIDE $155$160 Electric Grape-Midnight Blue-Smoke Blue 7 Colors, 2 Widths (6,576) Quick Add Size Chart 5 5.5 6 6.5 7 7.5 8 8.5 9 9.5 10 10.5 11 11.5 12 Select Size Shop All Womens ATOM $160 Jet Black-White-Fire Red 6 Colors, 2 Widths (929) Quick Add Size Chart 6.5 7 7.5 8 8.5 9 9.5 10 10.5 11 11.5 12 12.5 13 13.5 14 Select Size New Color ROAM $135 Clove Brown 4 Colors (280) Quick Add Size Chart 7 7.5 8 8.5 9 9.5 10 10.5 11 11.5 12 12.5 13 Select Size QUANTUM 2.0 $165 Jet Black-Slate Gray-2.0 3 Colors, 2 Widths (43) Quick Add Size Chart 7 7.5 8 8.5 9 9.5 10 10.5 11 11.5 12 12.5 13 13.5 14 Select Size Shop All Mens QUANTUM 2.0 WIDE $165 Jet Black-Misty Blue-2.0 4 Colors, 2 Widths (76) ATOM $160 Jet Black-White-Fire Red 6 Colors, 2 Widths (929) ATOM WIDE $160 Jet Black-Misty Lilac 12 Colors, 2 Widths (2,987) New Color ROAM $135 Clove Brown 4 Colors (280) -$5 QUANTUM WIDE $155$160 Electric Grape-Midnight Blue-Smoke Blue 7 Colors, 2 Widths (6,576) QUANTUM 2.0 $165 Jet Black-Slate Gray-2.0 3 Colors, 2 Widths (43) Shop All Womens Shop All Mens Loved by Customers Since 2008 39,553 Ratings See all Reviews Comfort all day Most comfortable shoes ever! Cute, too! Marsha P. Truly they are life changing! I have chronic, severe plantar fasciitis. These are by far the comfiest shoes I’ve ever bought!! Leanne So Comfortable. These are possibly the most comfortable walking shoes I have ever had. Walked 3.5 miles yesterday - they felt wonderful & so did my feet. Nana B. Best Workout Shoes! These are my 5th pair of KURU’s but my first pair of their exercise/running shoes. They will not be my last pair. My feet, knees & ankles feel great while working out. Paul T. These Shoes are a Godsend! Trust the positive reviews. I have never worn a more comfortable shoe, especially in retail working overtime hours. Truly magical. Kaitlyn Comfort all day Most comfortable shoes ever! Cute, too! Marsha P. Truly they are life changing! I have chronic, severe plantar fasciitis. These are by far the comfiest shoes I’ve ever bought!! Leanne Truly they are life changing! I have chronic, severe plantar fasciitis. These are by far the comfiest shoes I’ve ever bought!! Leanne So Comfortable. These are possibly the most comfortable walking shoes I have ever had. Walked 3.5 miles yesterday - they felt wonderful & so did my feet. Nana B. Best Workout Shoes! These are my 5th pair of KURU’s but my first pair of their exercise/running shoes. They will not be my last pair. My feet, knees & ankles feel great while working out. Paul T. These Shoes are a Godsend! Trust the positive reviews. I have never worn a more comfortable shoe, especially in retail working overtime hours. Truly magical. Kaitlyn Comfort all day Most comfortable shoes ever! Cute, too! Marsha P. DISCOVER THE PERFECT SHOE FOR YOU. Take Our Shoe Finder Quiz Become A KURU Insider SHOP KURU WITH CONFIDENCE Become A KURU Insider Earn KURU Cash with every purchase. Join Now Free Shipping* Easy Exchanges Easy Returns 6-month Warranty Easy Exchanges Easy Returns EXCLUSIVE UPDATES Stay informed on the latest in foot health and wellness. Email Address Phone Number Thank you for subscribing to our newsletter! By entering your phone number and submitting this form, you consent to receive marketing text messages (such as promotion codes and cart reminders) from KURU Footwear at the number provided, including messages sent by autodialer. Consent is not a condition of any purchase. Message and data rates may apply. Message frequency varies. You can unsubscribe at any time by replying STOP or clicking the unsubscribe link (where available) in one of our messages. View our Privacy Policy and Terms of Service By clicking Sign Up, you agree to receive marketing messages from KURU at the contact information provided. Log In- Sign Up. Log In Track Your Order Track Start A Return Or Exchange Start Shop Safely And Securely * en * CAD $ | Canada * USD $ | United States HELP FAQ Email Phone Contact Shipping Policy Warranty Policy Returns Policy MORE About Reviews Blog Jobs Press Scholarship Sitemap © 2023 KURU Footwear. All Rights Reserved. Terms & Privacy Policy Send us a text at (877) 211-5878 Mon - Fri 7:00am-6:00pm MST Email us at gurus@kurufootwear.com Shop Safely And Securely Send us a text at (877) 211-5878 Mon - Fri 7:00am-6:00pm MST Email us at gurus@kurufootwear.com * en * CAD $ | Canada * USD $ | United States © 2023 KURU Footwear. All Rights Reserved. Terms & Privacy Policy Information on this web site is provided for educational and informational purposes only and is not medical advice nor should it be used for diagnosing or treating a health problem or disease. Those seeking personal medical advice should consult with a licensed physician. *Shipping is free for all US orders, $5 for US territories, $30 for US Express shipping, $19 for shipping to Canada, and $29 for all other international orders. There is a $5 shipping and restocking fee for Returns & Exchanges. Free Shipping* Easy Exchanges Easy Returns 6-month Warranty Easy Exchanges Easy Returns Cart(0) You have no items in your shopping bag. Continue Shopping trigger Successfully Added To Cart! Subtotal $0.00 View Cart Check Out Add Socks & Save One Pair $5 off Two Pairs $7 off Three Pairs $12 off SPARC 2.0 Ankle $15 Color: white ColorBlackGrayWhite SizeSmallMediumLargeX-Large Quantity 1 2 3 4 5 Add SPARC 2.0 Ankle $15 Color: black ColorBlackGrayWhite SizeSmallMediumLargeX-Large Quantity 1 2 3 4 5 Add trigger Shopping in Canada? * Shop in CAD * English and French experiences available Take Me There Stay in U.S. Version trigger Save Your Wishlist And Enjoy Other Benefits Sign In Your Account Email Password eye Continue Not a member yet? Register Save Your Wishlist And Enjoy Other Benefits By creating an account with our store, you will be able yo move through the checkout process faster, store multiple shipping addresses, view and track your orders in your account and more. First Name Last Name Email Password By registering, you agree with our Terms & Privacy Policy. Register Already a member? Log in