shopeleventh.com
Open in
urlscan Pro
23.227.38.32
Public Scan
Submitted URL: http://shopeleventh.com/
Effective URL: https://shopeleventh.com/
Submission: On December 17 via manual from US — Scanned from CA
Effective URL: https://shopeleventh.com/
Submission: On December 17 via manual from US — Scanned from CA
Form analysis 66 forms found in the DOM
POST /localization
<form action="/localization" method="POST"><input name="_method" type="hidden" value="PUT"><input name="source" type="hidden" value="geolocation_recommendation"><input name="return_to" type="hidden" value="/"><input name="country_code" type="hidden"
value="CA"><button class="recommendation-modal__close-button" type="submit"><svg aria-label="Dismiss" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg" style="height: 1em; width: 1em;">
<path d="M11.414 10l6.293-6.293a.999.999 0 1 0-1.414-1.414L10 8.586 3.707 2.293a.999.999 0 1 0-1.414 1.414L8.586 10l-6.293 6.293a.999.999 0 1 0 1.414 1.414L10 11.414l6.293 6.293a.997.997 0 0 0 1.414 0 .999.999 0 0 0 0-1.414L11.414 10z"
fill="#1f2021"></path>
</svg></button></form>POST /localization
<form action="/localization" method="POST" class="recommendation-modal__form"><input name="_method" type="hidden" value="PUT"><input name="source" type="hidden" value="geolocation_recommendation"><input name="return_to" type="hidden" value="/"><input
name="country_code" type="hidden" value="CA"><button class="recommendation-modal__button" type="submit" style="background-color: rgb(31, 32, 33); color: rgb(255, 255, 255);">Continue</button></form>POST /cart/add
<form action="/cart/add" method="post" enctype="multipart/form-data" x-data="{
current_variant_id: 20394677600354,
current_variant_selling_plan_id: 0,
quantity: 1,
}" @submit.prevent="
button_loading = true;
addCartItem(current_variant_id, current_variant_selling_plan_id, quantity, true);
setTimeout(function(){ button_loading = false}, 500);
">
<button :class="{
'animate-pulse': button_loading
}" type="button" role="button" @click="
button_loading = true;
fetchAndRenderQuickAdd('essential');
setTimeout(function(){ button_loading = false}, 500);
">
<div class="btn__content"> Add to cart </div>
</button>
</form>POST /cart/add
<form action="/cart/add" method="post" enctype="multipart/form-data" x-data="{
current_variant_id: 20394677600354,
current_variant_selling_plan_id: 0,
quantity: 1,
}" @submit.prevent="
button_loading = true;
addCartItem(current_variant_id, current_variant_selling_plan_id, quantity, true);
setTimeout(function(){ button_loading = false}, 500);
">
<button :class="{
'animate-pulse': button_loading
}" type="button" role="button" @click="
button_loading = true;
fetchAndRenderQuickAdd('essential');
setTimeout(function(){ button_loading = false}, 500);
">
<div class="btn__content"> Add to cart </div>
</button>
</form>POST /cart/add
<form action="/cart/add" method="post" enctype="multipart/form-data" x-data="{
current_variant_id: 20394749886562,
current_variant_selling_plan_id: 0,
quantity: 1,
}" @submit.prevent="
button_loading = true;
addCartItem(current_variant_id, current_variant_selling_plan_id, quantity, true);
setTimeout(function(){ button_loading = false}, 500);
">
<button :class="{
'animate-pulse': button_loading
}" type="button" role="button" @click="
button_loading = true;
fetchAndRenderQuickAdd('hangover-sunglasses');
setTimeout(function(){ button_loading = false}, 500);
">
<div class="btn__content"> Add to cart </div>
</button>
</form>POST /cart/add
<form action="/cart/add" method="post" enctype="multipart/form-data" x-data="{
current_variant_id: 20394749886562,
current_variant_selling_plan_id: 0,
quantity: 1,
}" @submit.prevent="
button_loading = true;
addCartItem(current_variant_id, current_variant_selling_plan_id, quantity, true);
setTimeout(function(){ button_loading = false}, 500);
">
<button :class="{
'animate-pulse': button_loading
}" type="button" role="button" @click="
button_loading = true;
fetchAndRenderQuickAdd('hangover-sunglasses');
setTimeout(function(){ button_loading = false}, 500);
">
<div class="btn__content"> Add to cart </div>
</button>
</form>POST /cart/add
<form action="/cart/add" method="post" enctype="multipart/form-data" x-data="{
current_variant_id: 43008619085995,
current_variant_selling_plan_id: 0,
quantity: 1,
}" @submit.prevent="
button_loading = true;
addCartItem(current_variant_id, current_variant_selling_plan_id, quantity, true);
setTimeout(function(){ button_loading = false}, 500);
">
<button :class="{
'animate-pulse': button_loading
}" type="button" role="button" @click="
button_loading = true;
fetchAndRenderQuickAdd('capri');
setTimeout(function(){ button_loading = false}, 500);
">
<div class="btn__content"> Add to cart </div>
</button>
</form>POST /cart/add
<form action="/cart/add" method="post" enctype="multipart/form-data" x-data="{
current_variant_id: 43008619085995,
current_variant_selling_plan_id: 0,
quantity: 1,
}" @submit.prevent="
button_loading = true;
addCartItem(current_variant_id, current_variant_selling_plan_id, quantity, true);
setTimeout(function(){ button_loading = false}, 500);
">
<button :class="{
'animate-pulse': button_loading
}" type="button" role="button" @click="
button_loading = true;
fetchAndRenderQuickAdd('capri');
setTimeout(function(){ button_loading = false}, 500);
">
<div class="btn__content"> Add to cart </div>
</button>
</form>POST /cart/add
<form action="/cart/add" method="post" enctype="multipart/form-data" x-data="{
current_variant_id: 42157736263851,
current_variant_selling_plan_id: 0,
quantity: 1,
}" @submit.prevent="
button_loading = true;
addCartItem(current_variant_id, current_variant_selling_plan_id, quantity, true);
setTimeout(function(){ button_loading = false}, 500);
">
<button :class="{
'animate-pulse': button_loading
}" type="button" role="button" @click="
button_loading = true;
fetchAndRenderQuickAdd('fivestarsunglasses');
setTimeout(function(){ button_loading = false}, 500);
">
<div class="btn__content"> Add to cart </div>
</button>
</form>POST /cart/add
<form action="/cart/add" method="post" enctype="multipart/form-data" x-data="{
current_variant_id: 42157736263851,
current_variant_selling_plan_id: 0,
quantity: 1,
}" @submit.prevent="
button_loading = true;
addCartItem(current_variant_id, current_variant_selling_plan_id, quantity, true);
setTimeout(function(){ button_loading = false}, 500);
">
<button :class="{
'animate-pulse': button_loading
}" type="button" role="button" @click="
button_loading = true;
fetchAndRenderQuickAdd('fivestarsunglasses');
setTimeout(function(){ button_loading = false}, 500);
">
<div class="btn__content"> Add to cart </div>
</button>
</form>POST /cart/add
<form class="flex flex-wrap" action="/cart/add" method="post" enctype="multipart/form-data" x-data="{
current_variant_id: 20394677600354,
current_variant_selling_plan_id: 0,
quantity: 1,
}" @submit.prevent="
button_loading = true;
addCartItem(current_variant_id, current_variant_selling_plan_id, quantity, false);
setTimeout(function(){ button_loading = false}, 500);
">
<button class="btn btn--secondary btn--smaller" :class="{
'animate-pulse': button_loading
}" type="button" role="button" @click="
button_loading = true;
fetchAndRenderQuickAdd('essential');
setTimeout(function(){ button_loading = false}, 500);
">
<div class="btn__content"> Add </div>
</button>
</form>POST /cart/add
<form class="flex flex-wrap" action="/cart/add" method="post" enctype="multipart/form-data" x-data="{
current_variant_id: 20394749886562,
current_variant_selling_plan_id: 0,
quantity: 1,
}" @submit.prevent="
button_loading = true;
addCartItem(current_variant_id, current_variant_selling_plan_id, quantity, false);
setTimeout(function(){ button_loading = false}, 500);
">
<button class="btn btn--secondary btn--smaller" :class="{
'animate-pulse': button_loading
}" type="button" role="button" @click="
button_loading = true;
fetchAndRenderQuickAdd('hangover-sunglasses');
setTimeout(function(){ button_loading = false}, 500);
">
<div class="btn__content"> Add </div>
</button>
</form>POST /cart/add
<form class="flex flex-wrap" action="/cart/add" method="post" enctype="multipart/form-data" x-data="{
current_variant_id: 43008619085995,
current_variant_selling_plan_id: 0,
quantity: 1,
}" @submit.prevent="
button_loading = true;
addCartItem(current_variant_id, current_variant_selling_plan_id, quantity, false);
setTimeout(function(){ button_loading = false}, 500);
">
<button class="btn btn--secondary btn--smaller" :class="{
'animate-pulse': button_loading
}" type="button" role="button" @click="
button_loading = true;
fetchAndRenderQuickAdd('capri');
setTimeout(function(){ button_loading = false}, 500);
">
<div class="btn__content"> Add </div>
</button>
</form>POST /cart/add
<form class="flex flex-wrap" action="/cart/add" method="post" enctype="multipart/form-data" x-data="{
current_variant_id: 42157736263851,
current_variant_selling_plan_id: 0,
quantity: 1,
}" @submit.prevent="
button_loading = true;
addCartItem(current_variant_id, current_variant_selling_plan_id, quantity, false);
setTimeout(function(){ button_loading = false}, 500);
">
<button class="btn btn--secondary btn--smaller" :class="{
'animate-pulse': button_loading
}" type="button" role="button" @click="
button_loading = true;
fetchAndRenderQuickAdd('fivestarsunglasses');
setTimeout(function(){ button_loading = false}, 500);
">
<div class="btn__content"> Add </div>
</button>
</form>POST /cart
<form class="w-full px-4" action="/cart" method="post" x-data="{
checkout_button_loading:false
}" @submit.prevent="
checkout_button_loading = true;
setTimeout(function(){
checkout_button_loading = false
}, 5000);
window.location.href = '/checkout';
">
<div class="flex flex-col gap-2 mb-0">
<button class="
!w-full btn btn--load
btn
" type="submit" name="checkout" :class="{ 'btn--loading' : checkout_button_loading }" :disabled="checkout_button_loading">
<div class="btn__spinner">
<!-- snippets/component__icon.liquid -->
<span class="
inline-flex align-middle
" aria-hidden="true">
<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M14 4C14 5.10457 13.1046 6 12 6C10.8954 6 10 5.10457 10 4C10 2.89543 10.8954 2 12 2C13.1046 2 14 2.89543 14 4Z" fill="currentColor"></path>
<path d="M14 20C14 21.1046 13.1046 22 12 22C10.8954 22 10 21.1046 10 20C10 18.8954 10.8954 18 12 18C13.1046 18 14 18.8954 14 20Z" fill="currentColor"></path>
<path d="M7 8C7 9.10457 6.10457 10 5 10C3.89543 10 3 9.10457 3 8C3 6.89543 3.89543 6 5 6C6.10457 6 7 6.89543 7 8Z" fill="currentColor"></path>
<path d="M21 8C21 9.10457 20.1046 10 19 10C17.8954 10 17 9.10457 17 8C17 6.89543 17.8954 6 19 6C20.1046 6 21 6.89543 21 8Z" fill="currentColor"></path>
<path d="M7 16C7 17.1046 6.10457 18 5 18C3.89543 18 3 17.1046 3 16C3 14.8954 3.89543 14 5 14C6.10457 14 7 14.8954 7 16Z" fill="currentColor"></path>
<path d="M21 16C21 17.1046 20.1046 18 19 18C17.8954 18 17 17.1046 17 16C17 14.8954 17.8954 14 19 14C20.1046 14 21 14.8954 21 16Z" fill="currentColor"></path>
</svg>
</span>
</div>
<div class="btn__content"> Checkout · <span class="ml-1" x-html="Shopify.formatMoney(cart.total_price, true)">$0 USD</span>
</div>
</button>
<div class="space-y-4 type--smaller">
<p>Buy two and save 25%. Discount added to cart automatically.</p>
</div>
</div>
</form>POST /cart/add
<form action="/cart/add" method="post" enctype="multipart/form-data" x-data="{
current_variant_id: 20394677600354,
current_variant_selling_plan_id: 0,
quantity: 1,
}" @submit.prevent="
button_loading = true;
addCartItem(current_variant_id, current_variant_selling_plan_id, quantity, true);
setTimeout(function(){ button_loading = false}, 500);
">
<button :class="{
'animate-pulse': button_loading
}" type="button" role="button" @click="
button_loading = true;
fetchAndRenderQuickAdd('essential');
setTimeout(function(){ button_loading = false}, 500);
">
<div class="btn__content"> Add to cart </div>
</button>
</form>POST /cart/add
<form action="/cart/add" method="post" enctype="multipart/form-data" x-data="{
current_variant_id: 20394677600354,
current_variant_selling_plan_id: 0,
quantity: 1,
}" @submit.prevent="
button_loading = true;
addCartItem(current_variant_id, current_variant_selling_plan_id, quantity, true);
setTimeout(function(){ button_loading = false}, 500);
">
<button :class="{
'animate-pulse': button_loading
}" type="button" role="button" @click="
button_loading = true;
fetchAndRenderQuickAdd('essential');
setTimeout(function(){ button_loading = false}, 500);
">
<div class="btn__content"> Add to cart </div>
</button>
</form>POST /cart/add
<form action="/cart/add" method="post" enctype="multipart/form-data" x-data="{
current_variant_id: 42157736263851,
current_variant_selling_plan_id: 0,
quantity: 1,
}" @submit.prevent="
button_loading = true;
addCartItem(current_variant_id, current_variant_selling_plan_id, quantity, true);
setTimeout(function(){ button_loading = false}, 500);
">
<button :class="{
'animate-pulse': button_loading
}" type="button" role="button" @click="
button_loading = true;
fetchAndRenderQuickAdd('fivestarsunglasses');
setTimeout(function(){ button_loading = false}, 500);
">
<div class="btn__content"> Add to cart </div>
</button>
</form>POST /cart/add
<form action="/cart/add" method="post" enctype="multipart/form-data" x-data="{
current_variant_id: 42157736263851,
current_variant_selling_plan_id: 0,
quantity: 1,
}" @submit.prevent="
button_loading = true;
addCartItem(current_variant_id, current_variant_selling_plan_id, quantity, true);
setTimeout(function(){ button_loading = false}, 500);
">
<button :class="{
'animate-pulse': button_loading
}" type="button" role="button" @click="
button_loading = true;
fetchAndRenderQuickAdd('fivestarsunglasses');
setTimeout(function(){ button_loading = false}, 500);
">
<div class="btn__content"> Add to cart </div>
</button>
</form>POST /cart/add
<form action="/cart/add" method="post" enctype="multipart/form-data" x-data="{
current_variant_id: 31846976553075,
current_variant_selling_plan_id: 0,
quantity: 1,
}" @submit.prevent="
button_loading = true;
addCartItem(current_variant_id, current_variant_selling_plan_id, quantity, true);
setTimeout(function(){ button_loading = false}, 500);
">
<button :class="{
'animate-pulse': button_loading
}" type="button" role="button" @click="
button_loading = true;
fetchAndRenderQuickAdd('girls-trip');
setTimeout(function(){ button_loading = false}, 500);
">
<div class="btn__content"> Add to cart </div>
</button>
</form>POST /cart/add
<form action="/cart/add" method="post" enctype="multipart/form-data" x-data="{
current_variant_id: 31846976553075,
current_variant_selling_plan_id: 0,
quantity: 1,
}" @submit.prevent="
button_loading = true;
addCartItem(current_variant_id, current_variant_selling_plan_id, quantity, true);
setTimeout(function(){ button_loading = false}, 500);
">
<button :class="{
'animate-pulse': button_loading
}" type="button" role="button" @click="
button_loading = true;
fetchAndRenderQuickAdd('girls-trip');
setTimeout(function(){ button_loading = false}, 500);
">
<div class="btn__content"> Add to cart </div>
</button>
</form>POST /cart/add
<form action="/cart/add" method="post" enctype="multipart/form-data" x-data="{
current_variant_id: 42157752746155,
current_variant_selling_plan_id: 0,
quantity: 1,
}" @submit.prevent="
button_loading = true;
addCartItem(current_variant_id, current_variant_selling_plan_id, quantity, true);
setTimeout(function(){ button_loading = false}, 500);
">
<button :class="{
'animate-pulse': button_loading
}" type="button" role="button" @click="
button_loading = true;
fetchAndRenderQuickAdd('latecheckoutsunglasses');
setTimeout(function(){ button_loading = false}, 500);
">
<div class="btn__content"> Add to cart </div>
</button>
</form>POST /cart/add
<form action="/cart/add" method="post" enctype="multipart/form-data" x-data="{
current_variant_id: 42157752746155,
current_variant_selling_plan_id: 0,
quantity: 1,
}" @submit.prevent="
button_loading = true;
addCartItem(current_variant_id, current_variant_selling_plan_id, quantity, true);
setTimeout(function(){ button_loading = false}, 500);
">
<button :class="{
'animate-pulse': button_loading
}" type="button" role="button" @click="
button_loading = true;
fetchAndRenderQuickAdd('latecheckoutsunglasses');
setTimeout(function(){ button_loading = false}, 500);
">
<div class="btn__content"> Add to cart </div>
</button>
</form>POST /cart/add
<form action="/cart/add" method="post" enctype="multipart/form-data" x-data="{
current_variant_id: 20394749886562,
current_variant_selling_plan_id: 0,
quantity: 1,
}" @submit.prevent="
button_loading = true;
addCartItem(current_variant_id, current_variant_selling_plan_id, quantity, true);
setTimeout(function(){ button_loading = false}, 500);
">
<button :class="{
'animate-pulse': button_loading
}" type="button" role="button" @click="
button_loading = true;
fetchAndRenderQuickAdd('hangover-sunglasses');
setTimeout(function(){ button_loading = false}, 500);
">
<div class="btn__content"> Add to cart </div>
</button>
</form>POST /cart/add
<form action="/cart/add" method="post" enctype="multipart/form-data" x-data="{
current_variant_id: 20394749886562,
current_variant_selling_plan_id: 0,
quantity: 1,
}" @submit.prevent="
button_loading = true;
addCartItem(current_variant_id, current_variant_selling_plan_id, quantity, true);
setTimeout(function(){ button_loading = false}, 500);
">
<button :class="{
'animate-pulse': button_loading
}" type="button" role="button" @click="
button_loading = true;
fetchAndRenderQuickAdd('hangover-sunglasses');
setTimeout(function(){ button_loading = false}, 500);
">
<div class="btn__content"> Add to cart </div>
</button>
</form>POST /cart/add
<form action="/cart/add" method="post" enctype="multipart/form-data" x-data="{
current_variant_id: 43008619085995,
current_variant_selling_plan_id: 0,
quantity: 1,
}" @submit.prevent="
button_loading = true;
addCartItem(current_variant_id, current_variant_selling_plan_id, quantity, true);
setTimeout(function(){ button_loading = false}, 500);
">
<button :class="{
'animate-pulse': button_loading
}" type="button" role="button" @click="
button_loading = true;
fetchAndRenderQuickAdd('capri');
setTimeout(function(){ button_loading = false}, 500);
">
<div class="btn__content"> Add to cart </div>
</button>
</form>POST /cart/add
<form action="/cart/add" method="post" enctype="multipart/form-data" x-data="{
current_variant_id: 43008619085995,
current_variant_selling_plan_id: 0,
quantity: 1,
}" @submit.prevent="
button_loading = true;
addCartItem(current_variant_id, current_variant_selling_plan_id, quantity, true);
setTimeout(function(){ button_loading = false}, 500);
">
<button :class="{
'animate-pulse': button_loading
}" type="button" role="button" @click="
button_loading = true;
fetchAndRenderQuickAdd('capri');
setTimeout(function(){ button_loading = false}, 500);
">
<div class="btn__content"> Add to cart </div>
</button>
</form>POST /cart/add
<form action="/cart/add" method="post" enctype="multipart/form-data" x-data="{
current_variant_id: 41141295841451,
current_variant_selling_plan_id: 0,
quantity: 1,
}" @submit.prevent="
button_loading = true;
addCartItem(current_variant_id, current_variant_selling_plan_id, quantity, true);
setTimeout(function(){ button_loading = false}, 500);
">
<button :class="{
'animate-pulse': button_loading
}" type="button" role="button" @click="
button_loading = true;
fetchAndRenderQuickAdd('mink');
setTimeout(function(){ button_loading = false}, 500);
">
<div class="btn__content"> Add to cart </div>
</button>
</form>POST /cart/add
<form action="/cart/add" method="post" enctype="multipart/form-data" x-data="{
current_variant_id: 41141295841451,
current_variant_selling_plan_id: 0,
quantity: 1,
}" @submit.prevent="
button_loading = true;
addCartItem(current_variant_id, current_variant_selling_plan_id, quantity, true);
setTimeout(function(){ button_loading = false}, 500);
">
<button :class="{
'animate-pulse': button_loading
}" type="button" role="button" @click="
button_loading = true;
fetchAndRenderQuickAdd('mink');
setTimeout(function(){ button_loading = false}, 500);
">
<div class="btn__content"> Add to cart </div>
</button>
</form>POST /cart/add
<form action="/cart/add" method="post" enctype="multipart/form-data" x-data="{
current_variant_id: 42990111359147,
current_variant_selling_plan_id: 0,
quantity: 1,
}" @submit.prevent="
button_loading = true;
addCartItem(current_variant_id, current_variant_selling_plan_id, quantity, true);
setTimeout(function(){ button_loading = false}, 500);
">
<button :class="{
'animate-pulse': button_loading
}" type="button" role="button" @click="
button_loading = true;
fetchAndRenderQuickAdd('amore02');
setTimeout(function(){ button_loading = false}, 500);
">
<div class="btn__content"> Add to cart </div>
</button>
</form>POST /cart/add
<form action="/cart/add" method="post" enctype="multipart/form-data" x-data="{
current_variant_id: 42990111359147,
current_variant_selling_plan_id: 0,
quantity: 1,
}" @submit.prevent="
button_loading = true;
addCartItem(current_variant_id, current_variant_selling_plan_id, quantity, true);
setTimeout(function(){ button_loading = false}, 500);
">
<button :class="{
'animate-pulse': button_loading
}" type="button" role="button" @click="
button_loading = true;
fetchAndRenderQuickAdd('amore02');
setTimeout(function(){ button_loading = false}, 500);
">
<div class="btn__content"> Add to cart </div>
</button>
</form>POST /cart/add
<form action="/cart/add" method="post" enctype="multipart/form-data" x-data="{
current_variant_id: 43007196496043,
current_variant_selling_plan_id: 0,
quantity: 1,
}" @submit.prevent="
button_loading = true;
addCartItem(current_variant_id, current_variant_selling_plan_id, quantity, true);
setTimeout(function(){ button_loading = false}, 500);
">
<button :class="{
'animate-pulse': button_loading
}" type="button" role="button" @click="
button_loading = true;
fetchAndRenderQuickAdd('amore03');
setTimeout(function(){ button_loading = false}, 500);
">
<div class="btn__content"> Add to cart </div>
</button>
</form>POST /cart/add
<form action="/cart/add" method="post" enctype="multipart/form-data" x-data="{
current_variant_id: 43007196496043,
current_variant_selling_plan_id: 0,
quantity: 1,
}" @submit.prevent="
button_loading = true;
addCartItem(current_variant_id, current_variant_selling_plan_id, quantity, true);
setTimeout(function(){ button_loading = false}, 500);
">
<button :class="{
'animate-pulse': button_loading
}" type="button" role="button" @click="
button_loading = true;
fetchAndRenderQuickAdd('amore03');
setTimeout(function(){ button_loading = false}, 500);
">
<div class="btn__content"> Add to cart </div>
</button>
</form>POST /cart/add
<form action="/cart/add" method="post" enctype="multipart/form-data" x-data="{
current_variant_id: 42990113882283,
current_variant_selling_plan_id: 0,
quantity: 1,
}" @submit.prevent="
button_loading = true;
addCartItem(current_variant_id, current_variant_selling_plan_id, quantity, true);
setTimeout(function(){ button_loading = false}, 500);
">
<input name="id" type="hidden" :value="current_variant_id" value="42990113882283">
<label class="sr-only" for="quantity_c_product_item_42990113882283-theme__menu"> Quantity </label>
<input id="quantity_c_product_item_42990113882283-theme__menu" name="quantity" type="hidden" value="1" min="1" max="" x-model="quantity">
<button :class="{
'animate-pulse': button_loading
}" type="submit" role="button">
<div class="btn__content"> Add to cart </div>
</button>
</form>POST /cart/add
<form action="/cart/add" method="post" enctype="multipart/form-data" x-data="{
current_variant_id: 42990113882283,
current_variant_selling_plan_id: 0,
quantity: 1,
}" @submit.prevent="
button_loading = true;
addCartItem(current_variant_id, current_variant_selling_plan_id, quantity, true);
setTimeout(function(){ button_loading = false}, 500);
">
<input name="id" type="hidden" :value="current_variant_id" value="42990113882283">
<label class="sr-only" for="quantity_c_product_item_42990113882283-theme__menu"> Quantity </label>
<input id="quantity_c_product_item_42990113882283-theme__menu" name="quantity" type="hidden" value="1" min="1" max="" x-model="quantity">
<button :class="{
'animate-pulse': button_loading
}" type="submit" role="button">
<div class="btn__content"> Add to cart </div>
</button>
</form>POST /cart/add
<form action="/cart/add" method="post" enctype="multipart/form-data" x-data="{
current_variant_id: 43146090479787,
current_variant_selling_plan_id: 0,
quantity: 1,
}" @submit.prevent="
button_loading = true;
addCartItem(current_variant_id, current_variant_selling_plan_id, quantity, true);
setTimeout(function(){ button_loading = false}, 500);
">
<button :class="{
'animate-pulse': button_loading
}" type="button" role="button" @click="
button_loading = true;
fetchAndRenderQuickAdd('traveling-sunglass-case-3-slot');
setTimeout(function(){ button_loading = false}, 500);
">
<div class="btn__content"> Add to cart </div>
</button>
</form>POST /cart/add
<form action="/cart/add" method="post" enctype="multipart/form-data" x-data="{
current_variant_id: 43146090479787,
current_variant_selling_plan_id: 0,
quantity: 1,
}" @submit.prevent="
button_loading = true;
addCartItem(current_variant_id, current_variant_selling_plan_id, quantity, true);
setTimeout(function(){ button_loading = false}, 500);
">
<button :class="{
'animate-pulse': button_loading
}" type="button" role="button" @click="
button_loading = true;
fetchAndRenderQuickAdd('traveling-sunglass-case-3-slot');
setTimeout(function(){ button_loading = false}, 500);
">
<div class="btn__content"> Add to cart </div>
</button>
</form>POST /cart/add
<form action="/cart/add" method="post" enctype="multipart/form-data" x-data="{
current_variant_id: 42157740851371,
current_variant_selling_plan_id: 0,
quantity: 1,
}" @submit.prevent="
button_loading = true;
addCartItem(current_variant_id, current_variant_selling_plan_id, quantity, true);
setTimeout(function(){ button_loading = false}, 500);
">
<button :class="{
'animate-pulse': button_loading
}" type="button" role="button" @click="
button_loading = true;
fetchAndRenderQuickAdd('bookedsunglasses');
setTimeout(function(){ button_loading = false}, 500);
">
<div class="btn__content"> Add to cart </div>
</button>
</form>POST /cart/add
<form action="/cart/add" method="post" enctype="multipart/form-data" x-data="{
current_variant_id: 42157740851371,
current_variant_selling_plan_id: 0,
quantity: 1,
}" @submit.prevent="
button_loading = true;
addCartItem(current_variant_id, current_variant_selling_plan_id, quantity, true);
setTimeout(function(){ button_loading = false}, 500);
">
<button :class="{
'animate-pulse': button_loading
}" type="button" role="button" @click="
button_loading = true;
fetchAndRenderQuickAdd('bookedsunglasses');
setTimeout(function(){ button_loading = false}, 500);
">
<div class="btn__content"> Add to cart </div>
</button>
</form>POST /cart/add
<form action="/cart/add" method="post" enctype="multipart/form-data" x-data="{
current_variant_id: 41650197430443,
current_variant_selling_plan_id: 0,
quantity: 1,
}" @submit.prevent="
button_loading = true;
addCartItem(current_variant_id, current_variant_selling_plan_id, quantity, true);
setTimeout(function(){ button_loading = false}, 500);
">
<button :class="{
'animate-pulse': button_loading
}" type="button" role="button" @click="
button_loading = true;
fetchAndRenderQuickAdd('tea-time');
setTimeout(function(){ button_loading = false}, 500);
">
<div class="btn__content"> Add to cart </div>
</button>
</form>POST /cart/add
<form action="/cart/add" method="post" enctype="multipart/form-data" x-data="{
current_variant_id: 41650197430443,
current_variant_selling_plan_id: 0,
quantity: 1,
}" @submit.prevent="
button_loading = true;
addCartItem(current_variant_id, current_variant_selling_plan_id, quantity, true);
setTimeout(function(){ button_loading = false}, 500);
">
<button :class="{
'animate-pulse': button_loading
}" type="button" role="button" @click="
button_loading = true;
fetchAndRenderQuickAdd('tea-time');
setTimeout(function(){ button_loading = false}, 500);
">
<div class="btn__content"> Add to cart </div>
</button>
</form>POST /cart/add
<form action="/cart/add" method="post" enctype="multipart/form-data" x-data="{
current_variant_id: 41141361049771,
current_variant_selling_plan_id: 0,
quantity: 1,
}" @submit.prevent="
button_loading = true;
addCartItem(current_variant_id, current_variant_selling_plan_id, quantity, true);
setTimeout(function(){ button_loading = false}, 500);
">
<button :class="{
'animate-pulse': button_loading
}" type="button" role="button" @click="
button_loading = true;
fetchAndRenderQuickAdd('carli');
setTimeout(function(){ button_loading = false}, 500);
">
<div class="btn__content"> Add to cart </div>
</button>
</form>POST /cart/add
<form action="/cart/add" method="post" enctype="multipart/form-data" x-data="{
current_variant_id: 41141361049771,
current_variant_selling_plan_id: 0,
quantity: 1,
}" @submit.prevent="
button_loading = true;
addCartItem(current_variant_id, current_variant_selling_plan_id, quantity, true);
setTimeout(function(){ button_loading = false}, 500);
">
<button :class="{
'animate-pulse': button_loading
}" type="button" role="button" @click="
button_loading = true;
fetchAndRenderQuickAdd('carli');
setTimeout(function(){ button_loading = false}, 500);
">
<div class="btn__content"> Add to cart </div>
</button>
</form>POST /cart/add
<form action="/cart/add" method="post" enctype="multipart/form-data" x-data="{
current_variant_id: 41650193039531,
current_variant_selling_plan_id: 0,
quantity: 1,
}" @submit.prevent="
button_loading = true;
addCartItem(current_variant_id, current_variant_selling_plan_id, quantity, true);
setTimeout(function(){ button_loading = false}, 500);
">
<button :class="{
'animate-pulse': button_loading
}" type="button" role="button" @click="
button_loading = true;
fetchAndRenderQuickAdd('mvp-aviator-sunglasses');
setTimeout(function(){ button_loading = false}, 500);
">
<div class="btn__content"> Add to cart </div>
</button>
</form>POST /cart/add
<form action="/cart/add" method="post" enctype="multipart/form-data" x-data="{
current_variant_id: 41650193039531,
current_variant_selling_plan_id: 0,
quantity: 1,
}" @submit.prevent="
button_loading = true;
addCartItem(current_variant_id, current_variant_selling_plan_id, quantity, true);
setTimeout(function(){ button_loading = false}, 500);
">
<button :class="{
'animate-pulse': button_loading
}" type="button" role="button" @click="
button_loading = true;
fetchAndRenderQuickAdd('mvp-aviator-sunglasses');
setTimeout(function(){ button_loading = false}, 500);
">
<div class="btn__content"> Add to cart </div>
</button>
</form>POST /cart/add
<form action="/cart/add" method="post" enctype="multipart/form-data" x-data="{
current_variant_id: 41650157093035,
current_variant_selling_plan_id: 0,
quantity: 1,
}" @submit.prevent="
button_loading = true;
addCartItem(current_variant_id, current_variant_selling_plan_id, quantity, true);
setTimeout(function(){ button_loading = false}, 500);
">
<button :class="{
'animate-pulse': button_loading
}" type="button" role="button" @click="
button_loading = true;
fetchAndRenderQuickAdd('yacht-club');
setTimeout(function(){ button_loading = false}, 500);
">
<div class="btn__content"> Add to cart </div>
</button>
</form>POST /cart/add
<form action="/cart/add" method="post" enctype="multipart/form-data" x-data="{
current_variant_id: 41650157093035,
current_variant_selling_plan_id: 0,
quantity: 1,
}" @submit.prevent="
button_loading = true;
addCartItem(current_variant_id, current_variant_selling_plan_id, quantity, true);
setTimeout(function(){ button_loading = false}, 500);
">
<button :class="{
'animate-pulse': button_loading
}" type="button" role="button" @click="
button_loading = true;
fetchAndRenderQuickAdd('yacht-club');
setTimeout(function(){ button_loading = false}, 500);
">
<div class="btn__content"> Add to cart </div>
</button>
</form>POST /cart/add
<form action="/cart/add" method="post" enctype="multipart/form-data" x-data="{
current_variant_id: 41141353513131,
current_variant_selling_plan_id: 0,
quantity: 1,
}" @submit.prevent="
button_loading = true;
addCartItem(current_variant_id, current_variant_selling_plan_id, quantity, true);
setTimeout(function(){ button_loading = false}, 500);
">
<button :class="{
'animate-pulse': button_loading
}" type="button" role="button" @click="
button_loading = true;
fetchAndRenderQuickAdd('maryssa');
setTimeout(function(){ button_loading = false}, 500);
">
<div class="btn__content"> Add to cart </div>
</button>
</form>POST /cart/add
<form action="/cart/add" method="post" enctype="multipart/form-data" x-data="{
current_variant_id: 41141353513131,
current_variant_selling_plan_id: 0,
quantity: 1,
}" @submit.prevent="
button_loading = true;
addCartItem(current_variant_id, current_variant_selling_plan_id, quantity, true);
setTimeout(function(){ button_loading = false}, 500);
">
<button :class="{
'animate-pulse': button_loading
}" type="button" role="button" @click="
button_loading = true;
fetchAndRenderQuickAdd('maryssa');
setTimeout(function(){ button_loading = false}, 500);
">
<div class="btn__content"> Add to cart </div>
</button>
</form>POST /cart/add
<form action="/cart/add" method="post" enctype="multipart/form-data" x-data="{
current_variant_id: 42675886031019,
current_variant_selling_plan_id: 0,
quantity: 1,
}" @submit.prevent="
button_loading = true;
addCartItem(current_variant_id, current_variant_selling_plan_id, quantity, true);
setTimeout(function(){ button_loading = false}, 500);
">
<input name="id" type="hidden" :value="current_variant_id" value="42675886031019">
<label class="sr-only" for="quantity_c_product_item_42675886031019-theme__menu"> Quantity </label>
<input id="quantity_c_product_item_42675886031019-theme__menu" name="quantity" type="hidden" value="1" min="1" max="" x-model="quantity">
<button :class="{
'animate-pulse': button_loading
}" type="submit" role="button">
<div class="btn__content"> Add to cart </div>
</button>
</form>POST /cart/add
<form action="/cart/add" method="post" enctype="multipart/form-data" x-data="{
current_variant_id: 42675886031019,
current_variant_selling_plan_id: 0,
quantity: 1,
}" @submit.prevent="
button_loading = true;
addCartItem(current_variant_id, current_variant_selling_plan_id, quantity, true);
setTimeout(function(){ button_loading = false}, 500);
">
<input name="id" type="hidden" :value="current_variant_id" value="42675886031019">
<label class="sr-only" for="quantity_c_product_item_42675886031019-theme__menu"> Quantity </label>
<input id="quantity_c_product_item_42675886031019-theme__menu" name="quantity" type="hidden" value="1" min="1" max="" x-model="quantity">
<button :class="{
'animate-pulse': button_loading
}" type="submit" role="button">
<div class="btn__content"> Add to cart </div>
</button>
</form>POST /cart/add
<form action="/cart/add" method="post" enctype="multipart/form-data" x-data="{
current_variant_id: 37657388810411,
current_variant_selling_plan_id: 0,
quantity: 1,
}" @submit.prevent="
button_loading = true;
addCartItem(current_variant_id, current_variant_selling_plan_id, quantity, true);
setTimeout(function(){ button_loading = false}, 500);
">
<button :class="{
'animate-pulse': button_loading
}" type="button" role="button" @click="
button_loading = true;
fetchAndRenderQuickAdd('eleventh-hour-gift-card');
setTimeout(function(){ button_loading = false}, 500);
">
<div class="btn__content"> Add to cart </div>
</button>
</form>POST /cart/add
<form action="/cart/add" method="post" enctype="multipart/form-data" x-data="{
current_variant_id: 37657388810411,
current_variant_selling_plan_id: 0,
quantity: 1,
}" @submit.prevent="
button_loading = true;
addCartItem(current_variant_id, current_variant_selling_plan_id, quantity, true);
setTimeout(function(){ button_loading = false}, 500);
">
<button :class="{
'animate-pulse': button_loading
}" type="button" role="button" @click="
button_loading = true;
fetchAndRenderQuickAdd('eleventh-hour-gift-card');
setTimeout(function(){ button_loading = false}, 500);
">
<div class="btn__content"> Add to cart </div>
</button>
</form>POST /cart/add
<form action="/cart/add" method="post" enctype="multipart/form-data" x-data="{
current_variant_id: 42675890061483,
current_variant_selling_plan_id: 0,
quantity: 1,
}" @submit.prevent="
button_loading = true;
addCartItem(current_variant_id, current_variant_selling_plan_id, quantity, true);
setTimeout(function(){ button_loading = false}, 500);
">
<input name="id" type="hidden" :value="current_variant_id" value="42675890061483">
<label class="sr-only" for="quantity_c_product_item_42675890061483-theme__menu"> Quantity </label>
<input id="quantity_c_product_item_42675890061483-theme__menu" name="quantity" type="hidden" value="1" min="1" max="" x-model="quantity">
<button :class="{
'animate-pulse': button_loading
}" type="submit" role="button">
<div class="btn__content"> Add to cart </div>
</button>
</form>POST /cart/add
<form action="/cart/add" method="post" enctype="multipart/form-data" x-data="{
current_variant_id: 42675890061483,
current_variant_selling_plan_id: 0,
quantity: 1,
}" @submit.prevent="
button_loading = true;
addCartItem(current_variant_id, current_variant_selling_plan_id, quantity, true);
setTimeout(function(){ button_loading = false}, 500);
">
<input name="id" type="hidden" :value="current_variant_id" value="42675890061483">
<label class="sr-only" for="quantity_c_product_item_42675890061483-theme__menu"> Quantity </label>
<input id="quantity_c_product_item_42675890061483-theme__menu" name="quantity" type="hidden" value="1" min="1" max="" x-model="quantity">
<button :class="{
'animate-pulse': button_loading
}" type="submit" role="button">
<div class="btn__content"> Add to cart </div>
</button>
</form>GET /search
<form action="/search" method="get" @submit.prevent="goToSelectedItem($el)">
<input type="hidden" name="type" value="product,
page,
article,">
<div class="
sticky top-0 w-full p-4 z-10 border--b-width
color__border-divider-1
color__bg-tertiary color__tertiary
">
<div class="relative">
<label class="sr-only" for="search-desktop"> Search </label>
<div class="absolute top-0 flex items-center h-full opacity-50 pointer-events-none left-2">
<!-- snippets/component__icon.liquid -->
<span class="
inline-flex align-middle
" aria-hidden="true">
<svg width="20" height="20" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
<path fill-rule="evenodd" clip-rule="evenodd"
d="M11 5C7.68629 5 5 7.68629 5 11C5 14.3137 7.68629 17 11 17C14.3137 17 17 14.3137 17 11C17 7.68629 14.3137 5 11 5ZM3 11C3 6.58172 6.58172 3 11 3C15.4183 3 19 6.58172 19 11C19 12.8487 18.3729 14.551 17.3199 15.9056L21.4142 20L20 21.4142L15.9056 17.3199C14.551 18.3729 12.8487 19 11 19C6.58172 19 3 15.4183 3 11Z"
fill="currentColor"></path>
</svg>
</span>
</div>
<input id="search-field" class="
color__text color__bg-overlay-1 !border-transparent !px-10
color__border-divider-1
" type="text" name="q" placeholder="Enter your search..." role="combobox" aria-controls="options" x-ref="searchInput" @keyup.down="updateSelectedSearch(1)" @keyup.up="updateSelectedSearch(-1)" @keyup.enter.prevent="goToSelectedItem()"
@input.debounce="fetchAndUpdateSearch($event, params, resources)">
<div class="absolute top-0 flex items-center h-full right-2">
<button class="btn btn--smaller btn--minimal !px-2" title="Cancel" type="button" @click="
$refs.searchInput.value = '';
search_term = '';
search_items = '';
search_items_collections = '';
search_items_pages = '';
search_items_articles = '';
search_items_queries = '';
search_loading = false;
">
<!-- snippets/component__icon.liquid -->
<span class="
inline-flex align-middle
" aria-hidden="true">
<svg width="16" height="16" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
<path fill-rule="evenodd" clip-rule="evenodd" d="M5.00003 3.58569L20.4142 18.9999L19 20.4141L3.58582 4.99991L5.00003 3.58569Z" fill="currentColor"></path>
<path fill-rule="evenodd" clip-rule="evenodd" d="M20.4142 4.99991L5.00003 20.4141L3.58582 18.9999L19 3.58569L20.4142 4.99991Z" fill="currentColor"></path>
</svg>
</span>
</button>
</div>
</div>
<div class="pt-4" x-show="search_items.length != 0 && !search_loading" style="display: none;">
<button class="w-full text-left" type="submit"> View all </button>
</div>
<div class="pt-4" x-show="
search_term.length > 0 &&
search_items.length == 0 &&
search_items_collections.length == 0 &&
search_items_pages.length == 0 &&
search_items_articles.length == 0 &&
search_items_queries.length == 0 &&
!search_loading" style="display: none;">
<p class="mb-0">Sorry, there are no results for this search.</p>
</div>
<div class="pt-4" x-show="search_loading" style="display: none;">
<div class="btn--load btn--loading">
<div class="btn__content">Loading...</div>
<div class="btn__spinner">
<!-- snippets/component__icon.liquid -->
<span class="
inline-flex align-middle
" aria-hidden="true">
<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M14 4C14 5.10457 13.1046 6 12 6C10.8954 6 10 5.10457 10 4C10 2.89543 10.8954 2 12 2C13.1046 2 14 2.89543 14 4Z" fill="currentColor"></path>
<path d="M14 20C14 21.1046 13.1046 22 12 22C10.8954 22 10 21.1046 10 20C10 18.8954 10.8954 18 12 18C13.1046 18 14 18.8954 14 20Z" fill="currentColor"></path>
<path d="M7 8C7 9.10457 6.10457 10 5 10C3.89543 10 3 9.10457 3 8C3 6.89543 3.89543 6 5 6C6.10457 6 7 6.89543 7 8Z" fill="currentColor"></path>
<path d="M21 8C21 9.10457 20.1046 10 19 10C17.8954 10 17 9.10457 17 8C17 6.89543 17.8954 6 19 6C20.1046 6 21 6.89543 21 8Z" fill="currentColor"></path>
<path d="M7 16C7 17.1046 6.10457 18 5 18C3.89543 18 3 17.1046 3 16C3 14.8954 3.89543 14 5 14C6.10457 14 7 14.8954 7 16Z" fill="currentColor"></path>
<path d="M21 16C21 17.1046 20.1046 18 19 18C17.8954 18 17 17.1046 17 16C17 14.8954 17.8954 14 19 14C20.1046 14 21 14.8954 21 16Z" fill="currentColor"></path>
</svg>
</span>
</div>
</div>
</div>
</div>
<div class="max-h-[90svh] md:max-h-none overflow-scroll">
<div class="mb-10" x-show="search_term.length == 0 && !search_loading">
<span class="flex w-full p-4 opacity-50 type__body"> Top searches </span>
<a class="flex w-full px-4 py-4 overflow-hidden font-bold no-underline type--bigger text-ellipsis" href="/pages/faqs">
FAQ's
</a>
<a class="flex w-full px-4 py-4 overflow-hidden font-bold no-underline type--bigger text-ellipsis" href="/pages/returns">
Return Policy
</a>
<a class="flex w-full px-4 py-4 overflow-hidden font-bold no-underline type--bigger text-ellipsis" href="/pages/about-eleventh-hour">
About
</a>
<a class="flex w-full px-4 py-4 overflow-hidden font-bold no-underline type--bigger text-ellipsis" href="https://www.instagram.com/eleventhhoureyewear">
Stalk Us
</a>
</div>
<div x-show="search_term.length > 0 && !search_loading" style="display: none;">
<div class="
border--b-width
color__border-divider-1
" x-show="search_items_queries.length !== 0" style="display: none;">
<template x-for="(item, index) in search_items_queries">
<a class="flex items-center w-full gap-4 px-4 py-4 overflow-hidden no-underline text-ellipsis hover:color__bg-shade-2 hover:opacity-100 animation-100" :class="{
'underline color__bg-shade-1': index === search_focus_index,
'no-underline': index !== search_focus_index
}" :href="item.url">
<span class="flex items-center justify-center w-10 h-10 shrink-0 color__bg-overlay-1 border--radius">
<!-- snippets/component__icon.liquid -->
<span class="
inline-flex align-middle
" aria-hidden="true">
<svg width="16" height="16" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
<path fill-rule="evenodd" clip-rule="evenodd" d="M11 5C7.68629 5 5 7.68629 5 11C5 14.3137 7.68629 17 11 17C14.3137 17 17 14.3137 17 11C17 7.68629 14.3137 5 11 5ZM3 11C3 6.58172 6.58172 3 11 3C15.4183 3 19 6.58172 19 11C19 12.8487 18.3729 14.551 17.3199 15.9056L21.4142 20L20 21.4142L15.9056 17.3199C14.551 18.3729 12.8487 19 11 19C6.58172 19 3 15.4183 3 11Z" fill="currentColor"></path>
</svg>
</span>
</span>
<span x-html="item.styled_text">
</span>
</a>
</template>
</div>
<div class="
border--b-width
color__border-divider-1
" x-show="search_items_pages.length !== 0" style="display: none;">
<template x-for="(item, index) in search_items_pages" :key="index">
<a class="flex items-center w-full gap-4 px-4 py-4 overflow-hidden no-underline text-ellipsis hover:color__bg-shade-2 hover:opacity-100 animation-100" :class="{
'underline color__bg-shade-1': (index + search_items_queries.length) === search_focus_index,
'no-underline': (index + search_items_queries.length) !== search_focus_index
}" :href="item.url">
<span class="flex items-center justify-center w-10 h-10 shrink-0 color__bg-overlay-1 border--radius">
<!-- snippets/component__icon.liquid -->
<span class="
inline-flex align-middle
" aria-hidden="true">
<svg width="16" height="16" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
<path fill-rule="evenodd" clip-rule="evenodd" d="M4 2H13.0168L20 9.00873V22H4V2ZM6 4V20H18V11H11V4H6ZM13 4.8167L17.168 9H13V4.8167Z" fill="currentColor"></path>
</svg>
</span>
</span>
<span x-html="item.title">
</span>
</a>
</template>
</div>
<div class="
border--b-width
color__border-divider-1
" x-show="search_items_articles.length !== 0" style="display: none;">
<template x-for="(item, index) in search_items_articles">
<a class="flex items-center w-full gap-4 px-4 py-4 overflow-hidden no-underline text-ellipsis hover:color__bg-shade-2 hover:opacity-100 animation-100" :class="{
'underline color__bg-shade-1': (index + search_items_queries.length + search_items_pages.length) === search_focus_index,
'no-underline': (index + search_items_queries.length + search_items_pages.length) !== search_focus_index
}" :href="item.url">
<span class="flex items-center justify-center w-10 h-10 shrink-0 color__bg-overlay-1 border--radius">
<!-- snippets/component__icon.liquid -->
<span class="
inline-flex align-middle
" aria-hidden="true">
<svg width="16" height="16" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
<path fill-rule="evenodd" clip-rule="evenodd" d="M4 2H13.0168L20 9.00873V22H4V2ZM6 4V20H18V11H11V4H6ZM13 4.8167L17.168 9H13V4.8167Z" fill="currentColor"></path>
</svg>
</span>
</span>
<span x-html="item.title">
</span>
</a>
</template>
</div>
<div class="
border--b-width
color__border-divider-1
" x-show="search_items_collections.length !== 0" style="display: none;">
<template x-for="(item, index) in search_items_collections">
<a class="flex items-center w-full gap-4 px-4 py-4 overflow-hidden no-underline text-ellipsis hover:color__bg-shade-2 hover:opacity-100 animation-100" :class="{
'underline color__bg-shade-1': (index + search_items_queries.length + search_items_pages.length + search_items_articles.length) === search_focus_index,
'no-underline': (index + search_items_queries.length + search_items_pages.length + search_items_articles.length) !== search_focus_index
}" :href="item.url">
<span class="flex items-center justify-center w-10 h-10 overflow-hidden shrink-0 color__bg-overlay-1 border--radius" x-show="item.featured_image && item.featured_image.url">
<img class="w-full h-full" width="64" height="64" loading="lazy" :src="item.featured_image && item.featured_image.url ? `${item.featured_image.url}&width=64` : ''" :alt="`${item.title}`">
</span>
<span class="flex items-center justify-center w-10 h-10 overflow-hidden shrink-0 color__bg-overlay-1 border--radius" x-show="!item.featured_image || !item.featured_image.url">
<!-- snippets/component__icon.liquid -->
<span class="
inline-flex align-middle
" aria-hidden="true">
<svg width="16" height="16" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
<path fill-rule="evenodd" clip-rule="evenodd" d="M11 3H3V11H11V3ZM5 9V5H9V9H5Z" fill="currentColor"></path>
<path fill-rule="evenodd" clip-rule="evenodd" d="M21 3H13V11H21V3ZM15 9V5H19V9H15Z" fill="currentColor"></path>
<path fill-rule="evenodd" clip-rule="evenodd" d="M13 13H21V21H13V13ZM15 15V19H19V15H15Z" fill="currentColor"></path>
<path fill-rule="evenodd" clip-rule="evenodd" d="M11 13H3V21H11V13ZM5 19V15H9V19H5Z" fill="currentColor"></path>
</svg>
</span>
</span>
<span x-html="item.title">
</span>
</a>
</template>
</div>
<div class="
border--b-width md:hidden
color__border-divider-1
" x-show="search_items.length > 0" style="display: none;">
<template x-for="(item, index) in search_items">
<a class="flex items-center w-full gap-4 px-4 py-4 overflow-hidden no-underline text-ellipsis hover:color__bg-shade-2 hover:opacity-100 animation-100" :class="{
'underline color__bg-shade-1': (index + search_items_queries.length + search_items_pages.length + search_items_articles.length + search_items_collections.length) === search_focus_index,
'no-underline': (index + search_items_queries.length + search_items_pages.length + search_items_articles.length + search_items_collections.length) !== search_focus_index
}" :href="item.url">
<span class="flex items-center justify-center w-10 h-10 overflow-hidden shrink-0 color__bg-overlay-1 border--radius">
<img class="w-full h-full" width="64" height="64" loading="lazy" :src="`${item.image}&width=64`" :alt="`${item.title}`">
</span>
<div class="inline-flex items-start">
<span x-html="item.title">
</span>
<div class="flex flex-wrap items-center justify-end ml-2 gap-x-2 gap-y-0">
<span class="type--base" x-html="Shopify.formatMoney(item.price)">
</span>
<span class="opacity-50 type--base" x-show="item.compare_at_price_max > item.price">
<s x-html="Shopify.formatMoney(item.compare_at_price_max)">
</s>
</span>
</div>
</div>
</a>
</template>
</div>
</div>
<div class="h-[50svh] md:hidden">
</div>
</div>
<div class="
w-full overflow-y-scroll h-full md:flex flex-col items-stretch top-0 bottom-0 color__border-divider-1 hidden border--l-width md:max-w-[calc(100vw-24rem)] xl:max-w-[calc(100vw-32rem)] fixed -z-10 md:left-[24rem] xl:left-[32rem]
color__bg-tertiary color__tertiary
" x-show="search_items.length > 0" x-transition:enter="animation-300" x-transition:enter-start="opacity-0" x-transition:enter-end="opacity-100" x-transition:leave="animation-300" x-transition:leave-start="opacity-100"
x-transition:leave-end="opacity-0" style="display: none;">
<div>
<div class="grid animation-300" style="
gap: 1px;
">
<template x-for="(item, index) in search_items">
<!-- snippets/template__search-item.liquid -->
<a class="
hover:no-underline relative flex justify-center flex-none w-full no-underline whitespace-normal flex-col animation-300 hover:opacity-100
border--radius overflow-clip
outline--width color__outline-selected-1
color__bg-overlay-1 color__text
" :class="{
'color__bg-shade-2 border--focus': (index + search_items_queries.length + search_items_pages.length + search_items_articles.length + search_items_collections.length) === search_focus_index,
'no-underline': (index + search_items_queries.length + search_items_pages.length + search_items_articles.length + search_items_collections.length) !== search_focus_index
}" :href="`${item.url}`" x-data="{
button_loading: false
}">
<div class="
relative block
">
<div class="
animation-300 w-full overflow-clip hover:opacity-100
color__bg-overlay-1 color__text
">
<div class="object-cover overflow-clip
aspect-[1/1] aspect-w-1 aspect-h-1">
<img class="w-full h-full object-cover color__bg-overlay-1 color__text" width="900" height="900" loading="lazy" :src="`${ item.image }&width=900`" :alt="`${ item.title }`">
</div>
</div>
</div>
<div class="
hover:no-underline no-underline whitespace-normal flex justify-between items-start py-4 gap-1
md:hidden
flex-wrap
px-4
">
<div class="
grow flex gap-1 flex-col
w-full
">
<h3 class="
mb-0
type__body type--base
" x-text="item.title">
</h3>
</div>
<div class="
flex gap-1 items-start min-w-[33%] flex-wrap
w-full
">
<div class="shrink">
<div class="
flex flex-wrap items-center gap-1
">
<span>
<span x-show="item.price_min < item.price_max">
From
</span>
<span x-html="Shopify.formatMoney(item.price_min)"></span>
</span>
<span class="opacity-50" x-show="item.compare_at_price_max > 0">
<s x-html="Shopify.formatMoney(item.compare_at_price_max)"></s>
</span>
</div>
</div>
</div>
</div>
</a>
</template>
</div>
</div>
</div>
</form>POST /cart/add
<form action="/cart/add" method="post" enctype="multipart/form-data" x-data="{
current_variant_id: 20394677600354,
current_variant_selling_plan_id: 0,
quantity: 1,
}" @submit.prevent="
button_loading = true;
addCartItem(current_variant_id, current_variant_selling_plan_id, quantity, true);
setTimeout(function(){ button_loading = false}, 500);
">
<button :class="{
'animate-pulse': button_loading
}" type="button" role="button" @click="
button_loading = true;
fetchAndRenderQuickAdd('essential');
setTimeout(function(){ button_loading = false}, 500);
">
<div class="btn__content"> Add to cart </div>
</button>
</form>POST /cart/add
<form action="/cart/add" method="post" enctype="multipart/form-data" x-data="{
current_variant_id: 20394677600354,
current_variant_selling_plan_id: 0,
quantity: 1,
}" @submit.prevent="
button_loading = true;
addCartItem(current_variant_id, current_variant_selling_plan_id, quantity, true);
setTimeout(function(){ button_loading = false}, 500);
">
<button :class="{
'animate-pulse': button_loading
}" type="button" role="button" @click="
button_loading = true;
fetchAndRenderQuickAdd('essential');
setTimeout(function(){ button_loading = false}, 500);
">
<div class="btn__content"> Add to cart </div>
</button>
</form>POST /cart/add
<form action="/cart/add" method="post" enctype="multipart/form-data" x-data="{
current_variant_id: 20394749886562,
current_variant_selling_plan_id: 0,
quantity: 1,
}" @submit.prevent="
button_loading = true;
addCartItem(current_variant_id, current_variant_selling_plan_id, quantity, true);
setTimeout(function(){ button_loading = false}, 500);
">
<button :class="{
'animate-pulse': button_loading
}" type="button" role="button" @click="
button_loading = true;
fetchAndRenderQuickAdd('hangover-sunglasses');
setTimeout(function(){ button_loading = false}, 500);
">
<div class="btn__content"> Add to cart </div>
</button>
</form>POST /cart/add
<form action="/cart/add" method="post" enctype="multipart/form-data" x-data="{
current_variant_id: 20394749886562,
current_variant_selling_plan_id: 0,
quantity: 1,
}" @submit.prevent="
button_loading = true;
addCartItem(current_variant_id, current_variant_selling_plan_id, quantity, true);
setTimeout(function(){ button_loading = false}, 500);
">
<button :class="{
'animate-pulse': button_loading
}" type="button" role="button" @click="
button_loading = true;
fetchAndRenderQuickAdd('hangover-sunglasses');
setTimeout(function(){ button_loading = false}, 500);
">
<div class="btn__content"> Add to cart </div>
</button>
</form>POST /cart/add
<form action="/cart/add" method="post" enctype="multipart/form-data" x-data="{
current_variant_id: 43008619085995,
current_variant_selling_plan_id: 0,
quantity: 1,
}" @submit.prevent="
button_loading = true;
addCartItem(current_variant_id, current_variant_selling_plan_id, quantity, true);
setTimeout(function(){ button_loading = false}, 500);
">
<button :class="{
'animate-pulse': button_loading
}" type="button" role="button" @click="
button_loading = true;
fetchAndRenderQuickAdd('capri');
setTimeout(function(){ button_loading = false}, 500);
">
<div class="btn__content"> Add to cart </div>
</button>
</form>POST /cart/add
<form action="/cart/add" method="post" enctype="multipart/form-data" x-data="{
current_variant_id: 43008619085995,
current_variant_selling_plan_id: 0,
quantity: 1,
}" @submit.prevent="
button_loading = true;
addCartItem(current_variant_id, current_variant_selling_plan_id, quantity, true);
setTimeout(function(){ button_loading = false}, 500);
">
<button :class="{
'animate-pulse': button_loading
}" type="button" role="button" @click="
button_loading = true;
fetchAndRenderQuickAdd('capri');
setTimeout(function(){ button_loading = false}, 500);
">
<div class="btn__content"> Add to cart </div>
</button>
</form>POST /cart/add
<form action="/cart/add" method="post" enctype="multipart/form-data" x-data="{
current_variant_id: 42157740851371,
current_variant_selling_plan_id: 0,
quantity: 1,
}" @submit.prevent="
button_loading = true;
addCartItem(current_variant_id, current_variant_selling_plan_id, quantity, true);
setTimeout(function(){ button_loading = false}, 500);
">
<button :class="{
'animate-pulse': button_loading
}" type="button" role="button" @click="
button_loading = true;
fetchAndRenderQuickAdd('bookedsunglasses');
setTimeout(function(){ button_loading = false}, 500);
">
<div class="btn__content"> Add to cart </div>
</button>
</form>POST /cart/add
<form action="/cart/add" method="post" enctype="multipart/form-data" x-data="{
current_variant_id: 42157740851371,
current_variant_selling_plan_id: 0,
quantity: 1,
}" @submit.prevent="
button_loading = true;
addCartItem(current_variant_id, current_variant_selling_plan_id, quantity, true);
setTimeout(function(){ button_loading = false}, 500);
">
<button :class="{
'animate-pulse': button_loading
}" type="button" role="button" @click="
button_loading = true;
fetchAndRenderQuickAdd('bookedsunglasses');
setTimeout(function(){ button_loading = false}, 500);
">
<div class="btn__content"> Add to cart </div>
</button>
</form>POST /contact#contact_form
<form method="post" action="/contact#contact_form" id="contact_form" accept-charset="UTF-8" class="flex w-full gap-4 flex-col"><input type="hidden" name="form_type" value="customer"><input type="hidden" name="utf8" value="✓">
<h3 class="type__heading-1">Join our community</h3>
<div class="space-y-4">
<p>Your all-access pass to drops, restocks & exclusive moments (before everyone else)</p>
</div>
<div class="flex w-full gap-4">
<label class="sr-only" for="template--17698848211115__newsletter_jcYAAV_customer_email_newsletter"> Email </label>
<input id="template--17698848211115__newsletter_jcYAAV_customer_email_newsletter" class="flex-grow form-input" type="email" name="contact[email]" placeholder="Enter your email" autocorrect="off" autocapitalize="off">
<button type="submit" class="
btn btn--small whitespace-nowrap shrink-0
btn btn--secondary
">
<span class="btn__content">Subscribe</span>
</button>
</div>
</form>POST /contact#contact_form
<form method="post" action="/contact#contact_form" id="contact_form" accept-charset="UTF-8" class="contact-form"><input type="hidden" name="form_type" value="customer"><input type="hidden" name="utf8" value="✓">
<div class="flex flex-col items-start p-4 border--b-width color__border-divider-1">
<div class="mb-2 space-y-4">
<p>Welcome to Eleventh Hour. Your long-awaited arrival is here. Uncover. Immerse. Make yourself at home.</p>
</div>
<label class="sr-only" for="customer_email_tooltip"> Email </label>
<input id="customer_email_tooltip" class="flex-grow mb-2 form-input" type="email" name="contact[email]" placeholder="Enter your email" autocorrect="off" autocapitalize="off">
<button class="whitespace-nowrap btn btn--small" type="submit">
<span class="btn__content">Sign up for 20%</span>
</button>
<div class="mt-2 space-y-4 opacity-50 type--smaller">
</div>
</div>
</form>Text Content
YOUR LOCATION IS SET TO CANADA * Shop in CAD $ * Get shipping options for Canada Continue Change country/region Skip to content $ USD · EN Buy two and save 25%. Discount added to cart automatically. Free shipping always & forever $ USD · EN Log in Menu Menu Home Shop all The viral edit Shop by SIZE SLIM CLASSIC OVERSIZED FRAME SHAPE OVAL CAT EYE SQUARE AVIATOR FACE SHAPE ROUND SQUARE OVAL HEART COLLECTIONS CORE HOTEL ELEVEN CMM WELLNESS CLUB THAT'S AMORE BLUE LIGHT Face shape quiz Our community About Wishlist Cart (0) Menu Search Shop sale Wishlist Cart (0) Inclusive eyewear made for you Cart Close You're $0 away from free shipping Your cart 🤝 Free shipping See details / Quantity Edit Delete Add order note Add order note Share your cart Copy URL Copy URL Use this link to send your cart to yourself or others. Subtotal $0 USD Discount -$0 USD Total $0 USD Top-rated ESSENTIAL $85 $85 - Add to cart ESSENTIAL $85 $85 - Add to cart HANGOVER $85 $85 - Add to cart HANGOVER $85 $85 - Add to cart CAPRI $85 $85 - Add to cart CAPRI $85 $85 - Add to cart FIVE STAR $85 $85 - Add to cart FIVE STAR $85 $85 - Add to cart ESSENTIAL $85 Add HANGOVER $85 Add CAPRI $85 Add FIVE STAR $85 Add Checkout · $0 USD Buy two and save 25%. Discount added to cart automatically. Cart Close / View cart (0) Checkout · $0 USD Menu Close Search Home Shop all Back Top-rated ESSENTIAL $85 $85 - Add to cart ESSENTIAL $85 $85 - Add to cart FIVE STAR $85 $85 - Add to cart FIVE STAR $85 $85 - Add to cart Save 40% GIRLS TRIP From $50.50 $85 - Add to cart GIRLS TRIP From $50.50 $85 - Add to cart Carli's current LATE CHECKOUT $85 $85 - Add to cart LATE CHECKOUT $85 $85 - Add to cart HANGOVER $85 $85 - Add to cart HANGOVER $85 $85 - Add to cart CAPRI $85 $85 - Add to cart CAPRI $85 $85 - Add to cart Save 35% MINK $55.25 $85 - Add to cart MINK $55.25 $85 - Add to cart SIEMPRE $85 $85 - Add to cart SIEMPRE $85 $85 - Add to cart DOLCE $85 $85 - Add to cart DOLCE $85 $85 - Add to cart Save 30% LATE CHECKOUT BLUE LIGHT $48.30 $69 - Quantity Add to cart LATE CHECKOUT BLUE LIGHT $48.30 $69 - Quantity Add to cart Save 30% TRAVEL SUNGLASS ORGANIZER $25.20 $36 - Add to cart TRAVEL SUNGLASS ORGANIZER $25.20 $36 - Add to cart Save 40% BOOKED From $51 $85 - Add to cart BOOKED From $51 $85 - Add to cart TEA TIME $85 $85 - Add to cart TEA TIME $85 $85 - Add to cart Save 35% CARLI $55.25 $85 - Add to cart CARLI $55.25 $85 - Add to cart MVP $85 $85 - Add to cart MVP $85 $85 - Add to cart YACHT CLUB $85 $85 - Add to cart YACHT CLUB $85 $85 - Add to cart Save 35% MARYSSA $55.25 $85 - Add to cart MARYSSA $55.25 $85 - Add to cart 2 in stock LITTLE WORDS PROJECT X EH SEE THE GOOD BRACELET $25 $25 - Quantity Add to cart LITTLE WORDS PROJECT X EH SEE THE GOOD BRACELET $25 $25 - Quantity Add to cart Available Save 70% ELEVENTH HOUR GIFT CARD From $25 $85 - Add to cart ELEVENTH HOUR GIFT CARD From $25 $85 - Add to cart 1 in stock LITTLE WORDS PROJECT X EH SEE THE GOOD SUNGLASS CHAIN $38 $38 - Quantity Add to cart LITTLE WORDS PROJECT X EH SEE THE GOOD SUNGLASS CHAIN $38 $38 - Quantity Add to cart The viral edit Back Shop by Back SIZE SLIM CLASSIC OVERSIZED FRAME SHAPE OVAL CAT EYE SQUARE AVIATOR FACE SHAPE ROUND SQUARE OVAL HEART COLLECTIONS CORE HOTEL ELEVEN CMM WELLNESS CLUB THAT'S AMORE BLUE LIGHT Face shape quiz Our community Back About Back Log in $ USD · EN Need help finding the perfect frame? Let us know! Search Close Search View all Sorry, there are no results for this search. Loading... Top searches FAQ's Return Policy About Stalk Us From THE ICONS RETURN The frames you made famous: Back and celebrating every face Shop viral edit Shop all Shop all I'M SHOPPING FOR.... Looking for a gift that's easy on your wallet but doesn't disappoint? We've got you covered, with a selection of trendy traveling cases to bracelets. We guarantee they'll be the envy of all your friends. GIFTS UNDER $50 FOR THE REST & RESET FOR THE 6TH KAR-JENNER SISTER FOR THE JETSETTER TIMELESS DESIGN ATTAINABLE LUXURY FOR EVERYONE ABOUT US Eleventh Hour redefines premium eyewear as accessible, inclusive, and tailored to celebrate your unique features. Learn more CUSTOMER FAVORITES The pieces everyone's talking about, now back and better Top-rated ESSENTIAL $85 $85 - Add to cart ESSENTIAL $85 $85 - Add to cart HANGOVER $85 $85 - Add to cart HANGOVER $85 $85 - Add to cart CAPRI $85 $85 - Add to cart CAPRI $85 $85 - Add to cart * Shop Now * * * * * * Shop Now * * * * * * Shop Now * * * * * Save 40% BOOKED From $51 $85 - Add to cart BOOKED From $51 $85 - Add to cart Booked All products Slim Classic Oversized Shop now Shop now Shop now JOIN OUR COMMUNITY Your all-access pass to drops, restocks & exclusive moments (before everyone else) Email Subscribe ELEVENTH HOUR We're on a mission to make high-quality sunglasses inclusive & accessible to all. About us Here for you About FAQ's Contact Returns Take fit quiz Text us Here for you About FAQ's Contact Returns Take fit quiz Text us ELEVENTH HOUR We're on a mission to make high-quality sunglasses inclusive & accessible to all. About us Here for you About FAQ's Contact Returns Take fit quiz Text us Made with love © 2024 Eleventh Hour Unlock savings Welcome to Eleventh Hour. Your long-awaited arrival is here. Uncover. Immerse. Make yourself at home. Email Sign up for 20% Error Close Close . Discount code automatically applied at checkout.