www.okaywear.com
Open in
urlscan Pro
104.18.233.42
Public Scan
Submitted URL: http://www.okaywear.com/collections/shoes
Effective URL: https://www.okaywear.com/collections/shoes
Submission: On May 11 via api from US — Scanned from DE
Effective URL: https://www.okaywear.com/collections/shoes
Submission: On May 11 via api from US — Scanned from DE
Form analysis 6 forms found in the DOM
GET /search
<form action="/search" method="get" class="">
<div tabindex="-1" class="tw-flex tw-relative header__search">
<input autocomplete="off" name="q" type="text"
class="tw-w-full tw-flex-1 tw-h-10 tw-py-0 tw-pl-[14px] tw-pr-13 tw-bg-header-search tw-text-current tw-text-sm tw-leading-none tw-rounded-global tw-border tw-border-solid tw-border-header tw-placeholder-current header__search-input"
placeholder="Search...">
<button type="submit" class="tw-flex tw-items-center tw-px-[14px] tw-m-0 tw-bg-transparent tw-text-current tw-border-none tw-outline-none tw-cursor-pointer tw-h-full tw-absolute tw-right-0 header__search-icon" tabindex="-1"><svg class=""
width="24" height="24" xmlns="http://www.w3.org/2000/svg">
<path d="M11.16 1a9.16 9.16 0 1 1 0 18.322A9.16 9.16 0 0 1 11.16 1zm0 1.629a7.532 7.532 0 1 0 0 15.064 7.532 7.532 0 0 0 0-15.064zm5.465 14.148 1.152-1.152L23 20.848 21.848 22l-5.223-5.223z" fill="currentColor"></path>
</svg></button>
<button type="button" class="tw-hidden tw-justify-center tw-items-center tw-pr-2 tw-pl-6 tw-m-0 tw-bg-transparent tw-text-header-color tw-border-none tw-outline-none tw-cursor-pointer header__search-close "><svg class="" width="14" height="14"
xmlns="http://www.w3.org/2000/svg">
<path d="m3 3 8.485 8.485m0-8.485L3 11.485" stroke="currentColor" stroke-width="1.6" stroke-linecap="square"></path>
</svg></button>
</div>
</form><form class="collection__form collection__form_md tw-mt-3 tw-flex-1 tw-overflow-x-hidden tw-overscroll-y-auto">
<div class="tw-relative tw-transition-all tw-duration-300" data-current-levels="1">
<ul class="tw-box-border tw-list-none tw-w-full tw-p-0 tw-m-0 tw-absolute tw-top-0 tw-transition-all tw-duration-300 is-active" data-ul="filter_content" data-levels="1">
<div class="tw-flex tw-flex-shrink-0 md:tw-justify-between tw-pt-3 md:tw-py-10 md:tw-px-4">
<div class=" lg:tw-pr-5 lg:tw-body-plus-2 md:tw-text-lg lg:tw-leading-10 md:tw-leading-none">Sort by</div>
<div class="tw-relative">
<select
class="lg:tw-h-10 lg:tw-pl-3 tw-pr-[46px] tw-body-plus-4 lg:tw-leading-none tw-text-text-font-size type-body-font-family md:tw-text-right md:tw-border-none md:tw-bg-transparent lg:tw-secondary-select tw-appearance-none collection_sort_by">
<option name="sort_by" value="manual" selected=""> Featured </option>
<option name="sort_by" value="price-ascending"> Price, low to high </option>
<option name="sort_by" value="price-descending"> Price, high to low </option>
<option name="sort_by" value="published-descending"> Newest in </option>
<option name="sort_by" value="best-selling"> Total sales, high to low </option>
<option name="sort_by" value="add_to_cart_count"> Purchases, high to low </option>
<option name="sort_by" value="views"> Page views, high to low </option>
</select>
<svg class="tw-absolute tw-flex tw-top-1/2 md:tw-right-0 lg:tw-right-3 tw-transform tw--translate-y-1/2 tw-rotate-90 tw-pointer-events-none arrow" width="22" height="22" xmlns="http://www.w3.org/2000/svg">
<path d="M14.576 10.573a.6.6 0 0 1 0 .849L8.99 17.008a.3.3 0 0 1-.424 0l-.51-.51a.3.3 0 0 1 0-.424l5.078-5.077L8.057 5.92a.3.3 0 0 1 0-.424l.509-.509a.3.3 0 0 1 .424 0l5.586 5.586z" fill="currentColor"></path>
</svg>
</div>
</div>
</ul>
</div>
</form><form class="zb-flex zb-flex-col zb-relative zb-w-full">
<div class="zb-overflow-y-auto zb-pb-[100px]">
<div class="zb-flex zb-items-center zb-pb-4 zb-border-b zb-border-t-0 zb-border-l-0 zb-border-r-0 zb-border-solid zb-border-[#eee] md:zb-border-none">
<ljs-render layout="container" class="zb-flex-shrink-0 zb-w-[66px] zb-mr-4 rtl:zb-ml-4 rtl:zb-mr-0 zb-h-[70px] md:zb-hidden" id="smart_recommend_product_image" manual="" template="smart_recommend_product_image_template"></ljs-render>
<div class="zb-w-full">
<div class="zb-line-clamp-2 zb-mb-2 zb-text-sm md:zb-text-base">${product.title}</div>
<div class="zb-flex zb-justify-between zb-items-center">
<spz-render layout="container" template="smart_recommend_price_template" id="smart_recommend_modal_price" manual="">
<div class="zb-flex zb-items-center">
<ljs-currency class="zb-font-semibold zb-text-[22px] zb-text-[#CD201A] zb-mr-2" layout="container" value="${product.min_price_variant.price}"></ljs-currency>
<ljs-currency class="zb-text-[#93989D] zb-text-xs zb-line-through" layout="container" value="${product.min_price_variant.compare_at_price}"
spz-if="${product.min_price_variant.compare_at_price > product.min_price_variant.price ? true : false}"></ljs-currency>
</div>
</spz-render>
<a class="zb-flex zb-items-center zb-cursor-pointer zb-text-[#212B36] zb-no-underline" href="${product.url}?${toQuery({ aid: 'smart_recommend.' + data.show_type + '.' + data.rule_id, ifb: product.ifb || '', cfb: product.cfb || '', scm: data.scm || '', ssp: data.ssp || '' })}">
<span class="zb-text-[13px]">See detail</span>
<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 24 24"><path d="M13.1714 12.0007L8.22168 7.05093L9.63589 5.63672L15.9999 12.0007L9.63589 18.3646L8.22168 16.9504L13.1714 12.0007Z" fill="#93989D"></path></svg>
</a>
</div>
</div>
</div>
<ljs-variants id="smart_recommend_product_variants" layout="container" template="smart_recommend_product_variant_template" slide="smart_recommend_carousel" disabled-dj-event="" interference="">
</ljs-variants>
<div class="zb-text-sm zb-mb-2">Quantity</div>
<ljs-quantity disabled-dj-event="" layout="fixed" width="150" height="52" min="1" max="999999" value="1" input-class="!zb-text-base" icon-class="!zb-p-3"></ljs-quantity>
</div>
<div class="zb-absolute zb-bottom-0 zb-flex md:zb-flex-col zb-w-full zb-bg-white">
<button class="zb-flex zb-items-center zb-mr-2 rtl:zb-ml-2 rtl:zb-mr-0 md:zb-mb-2 zb-justify-center zb-cursor-pointer zb-w-full zb-border zb-border-solid zb-border-[#313131] zb-bg-white zb-rounded zb-h-[42px]" role="addToCart" type="button"
@tap="smart_recommend_func.addATCHook(rule_id='${data.rule_id}',ifb='${product.ifb}',cfb='${product.cfb}',scm='${data.scm}',ssp='${data.ssp}',spmIndex='${data.productIndex}');">
<span>Add To Cart</span>
</button>
<button class="zb-flex zb-items-center zb-justify-center zb-cursor-pointer zb-w-full zb-bg-[#292929] zb-text-white zb-rounded zb-h-[42px] zb-border-none" type="button" role="buyNow"
@tap="smart_recommend_loading.showLoading;smart_recommend_func.addATCHook(rule_id='${data.rule_id}',ifb='${product.ifb}',cfb='${product.cfb}',scm='${data.scm}',ssp='${data.ssp}',spmIndex='${data.productIndex}');">
<span>Buy Now</span>
</button>
</div>
</form><form id="omnisend-form-65d55bb2ce1b1bf0aa7ab0ba-submit-form" class="omnisend-form-65d55bb2ce1b1bf0aa7ab0ba-sections-container" style="" novalidate="">
<style type="text/css">
.omnisend-form-65d55bb2ce1b1bf0aa7ab0ba-section-624ab2f927652f651edfd0ac {
position: relative;
display: flex;
flex-wrap: wrap;
padding-left: 20px;
padding-right: 20px;
padding-top: 0px;
padding-bottom: 0px;
;
}
.omnisend-form-65d55bb2ce1b1bf0aa7ab0ba-section-624ab2f927652f651edfd0ac-opacity-layer {
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
background-color: #C7EFD5;
opacity: 0;
;
}
</style>
<div class="omnisend-form-65d55bb2ce1b1bf0aa7ab0ba-section-624ab2f927652f651edfd0ac">
<div class="omnisend-form-65d55bb2ce1b1bf0aa7ab0ba-section-624ab2f927652f651edfd0ac-opacity-layer"></div>
<style type="text/css">
.omnisend-form-65d55bb2ce1b1bf0aa7ab0ba-column-624ab2f927652f651edfd0ae {
width: 100%;
display: flex;
flex-direction: column;
flex-grow: 1;
position: relative;
}
@media screen and (max-width: 600px) {
.omnisend-form-65d55bb2ce1b1bf0aa7ab0ba-column-624ab2f927652f651edfd0ae {
width: 100%;
}
}
</style>
<div class="omnisend-mobile-container omnisend-form-65d55bb2ce1b1bf0aa7ab0ba-column-624ab2f927652f651edfd0ae">
<!--Line/space content block starts -->
<style type="text/css">
.omnisend-form-65d55bb2ce1b1bf0aa7ab0ba-line-container-650a640796e18d75fcc99cae {
padding-top: 6px;
padding-bottom: 6px;
padding-left: 12px;
padding-right: 12px;
;
justify-content: center;
display: flex;
flex-direction: row;
}
</style>
<div class="omnisend-form-65d55bb2ce1b1bf0aa7ab0ba-line-container-650a640796e18d75fcc99cae">
<style type="text/css">
.omnisend-form-65d55bb2ce1b1bf0aa7ab0ba-line-650a640796e18d75fcc99cae {
width: 1%;
border-top: 2px solid #DA946E
}
</style>
<div class="omnisend-form-65d55bb2ce1b1bf0aa7ab0ba-line-650a640796e18d75fcc99cae"></div>
</div>
<!--Text content block starts -->
<style type="text/css">
.omnisend-form-65d55bb2ce1b1bf0aa7ab0ba-text-650a5f7496e18d75fcc99ca9 {
padding-top: 0px;
padding-bottom: 0px;
padding-left: 0px;
padding-right: 0px;
}
.omnisend-form-65d55bb2ce1b1bf0aa7ab0ba-text-650a5f7496e18d75fcc99ca9 a {
color: #0094EB;
}
.omnisend-form-65d55bb2ce1b1bf0aa7ab0ba-text-650a5f7496e18d75fcc99ca9,
.omnisend-form-65d55bb2ce1b1bf0aa7ab0ba-text-650a5f7496e18d75fcc99ca9 p,
.omnisend-form-65d55bb2ce1b1bf0aa7ab0ba-text-650a5f7496e18d75fcc99ca9 li {
margin: 0px;
color: #FFFFFF !important;
font-family: Poppins, Helvetica Neue, Helvetica, Arial, sans-serif !important;
font-size: 38px !important;
line-height: 150% !important;
word-break: break-word;
}
</style>
<div class="omnisend-form-65d55bb2ce1b1bf0aa7ab0ba-text-650a5f7496e18d75fcc99ca9">
<p style="text-align: center;"><strong style="background-color: transparent; color: unset; font-family: unset; font-size: unset; text-align: center;">Lucky Gift</strong></p>
</div>
<!--Text content block ends -->
<!--Text content block starts -->
<style type="text/css">
.omnisend-form-65d55bb2ce1b1bf0aa7ab0ba-text-650a601796e18d75fcc99cac {
padding-top: 12px;
padding-bottom: 12px;
padding-left: 12px;
padding-right: 12px;
}
.omnisend-form-65d55bb2ce1b1bf0aa7ab0ba-text-650a601796e18d75fcc99cac a {
color: #0094EB;
}
.omnisend-form-65d55bb2ce1b1bf0aa7ab0ba-text-650a601796e18d75fcc99cac,
.omnisend-form-65d55bb2ce1b1bf0aa7ab0ba-text-650a601796e18d75fcc99cac p,
.omnisend-form-65d55bb2ce1b1bf0aa7ab0ba-text-650a601796e18d75fcc99cac li {
margin: 0px;
color: #FFFFFF !important;
font-family: Poppins, Helvetica Neue, Helvetica, Arial, sans-serif !important;
font-size: 14px !important;
line-height: 150% !important;
word-break: break-word;
}
</style>
<div class="omnisend-form-65d55bb2ce1b1bf0aa7ab0ba-text-650a601796e18d75fcc99cac">
<p style="text-align: center;">JOIN US NOW*</p>
</div>
<!--Text content block ends -->
<style type="text/css">
.omnisend-form-65d55bb2ce1b1bf0aa7ab0ba-block-container-650a5f5196e18d75fcc99ca3 {
padding-top: 0px;
padding-bottom: 0px;
padding-left: 0px;
padding-right: 0px;
;
}
.omnisend-form-65d55bb2ce1b1bf0aa7ab0ba-wof-container-650a5f5196e18d75fcc99ca3 {
position: relative;
min-width: 200px;
height: 100%;
width: 100%
}
.omnisend-form-65d55bb2ce1b1bf0aa7ab0ba-wof-650a5f5196e18d75fcc99ca3-pointer,
.omnisend-form-65d55bb2ce1b1bf0aa7ab0ba-wof-650a5f5196e18d75fcc99ca3-pointer-shadow,
.omnisend-form-65d55bb2ce1b1bf0aa7ab0ba-wof-650a5f5196e18d75fcc99ca3-rotor,
.omnisend-form-65d55bb2ce1b1bf0aa7ab0ba-wof-650a5f5196e18d75fcc99ca3-rotor-shadow {
transition: all 0.5s cubic-bezier(0.215, 0.61, 0.355, 1);
}
.omnisend-form-65d55bb2ce1b1bf0aa7ab0ba-wof-650a5f5196e18d75fcc99ca3-rotor-shadow-container {
width: 100%;
height: 100%;
opacity: .3;
-webkit-transform: translate(3%, 3%);
-moz-transform: translate(3%, 3%);
-ms-transform: translate(3%, 3%);
-o-transform: translate(3%, 3%);
transform: translate(3%, 3%);
}
.omnisend-form-65d55bb2ce1b1bf0aa7ab0ba-wof-650a5f5196e18d75fcc99ca3-rotor {
position: absolute;
top: 0;
left: 0;
right: 0;
}
.omnisend-form-65d55bb2ce1b1bf0aa7ab0ba-wof-650a5f5196e18d75fcc99ca3-rotor-slice-label {
box-sizing: border-box;
position: absolute;
top: 50%;
left: 50%;
text-align: right;
padding-left: 15%;
width: 43%;
transform-origin: 0 0;
font-family: 'open sans', Arial, sans-serif;
font-weight: 700;
text-shadow: 0 0 5px rgb(0 0 0 / 10%);
overflow: hidden;
}
.omnisend-form-65d55bb2ce1b1bf0aa7ab0ba-wof-650a5f5196e18d75fcc99ca3-rotor-slice-label:nth-child(1) {
transform: rotate(-72deg) translate(0px, -50%);
}
.omnisend-form-65d55bb2ce1b1bf0aa7ab0ba-wof-650a5f5196e18d75fcc99ca3-rotor-slice-label:nth-child(2) {
transform: rotate(-36deg) translate(0px, -50%);
}
.omnisend-form-65d55bb2ce1b1bf0aa7ab0ba-wof-650a5f5196e18d75fcc99ca3-rotor-slice-label:nth-child(3) {
transform: rotate(0deg) translate(0px, -50%);
}
.omnisend-form-65d55bb2ce1b1bf0aa7ab0ba-wof-650a5f5196e18d75fcc99ca3-rotor-slice-label:nth-child(4) {
transform: rotate(-324deg) translate(0px, -50%);
}
.omnisend-form-65d55bb2ce1b1bf0aa7ab0ba-wof-650a5f5196e18d75fcc99ca3-rotor-slice-label:nth-child(5) {
transform: rotate(-288deg) translate(0px, -50%);
}
.omnisend-form-65d55bb2ce1b1bf0aa7ab0ba-wof-650a5f5196e18d75fcc99ca3-rotor-slice-label:nth-child(6) {
transform: rotate(-252deg) translate(0px, -50%);
}
.omnisend-form-65d55bb2ce1b1bf0aa7ab0ba-wof-650a5f5196e18d75fcc99ca3-rotor-slice-label:nth-child(7) {
transform: rotate(-216deg) translate(0px, -50%);
}
.omnisend-form-65d55bb2ce1b1bf0aa7ab0ba-wof-650a5f5196e18d75fcc99ca3-rotor-slice-label:nth-child(8) {
transform: rotate(-180deg) translate(0px, -50%);
}
.omnisend-form-65d55bb2ce1b1bf0aa7ab0ba-wof-650a5f5196e18d75fcc99ca3-rotor-slice-label:nth-child(9) {
transform: rotate(-144deg) translate(0px, -50%);
}
.omnisend-form-65d55bb2ce1b1bf0aa7ab0ba-wof-650a5f5196e18d75fcc99ca3-rotor-slice-label:nth-child(10) {
transform: rotate(-108deg) translate(0px, -50%);
}
.omnisend-form-65d55bb2ce1b1bf0aa7ab0ba-wof-650a5f5196e18d75fcc99ca3-pointer-shadow {
top: 14%;
right: -3%;
opacity: .3;
position: absolute;
width: 10%;
height: 16%;
transform-origin: 50% 28.44%;
transform: rotate(50deg);
}
.omnisend-form-65d55bb2ce1b1bf0aa7ab0ba-wof-650a5f5196e18d75fcc99ca3-pointer {
position: absolute;
top: 11%;
right: -1%;
width: 10%;
height: 16%;
transform-origin: 50% 28.44%;
transform: rotate(50deg);
}
.omnisend-form-65d55bb2ce1b1bf0aa7ab0ba-wof-650a5f5196e18d75fcc99ca3-pointer-body {
fill: #383838;
}
.omnisend-form-65d55bb2ce1b1bf0aa7ab0ba-wof--rotor-shadow-inner {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
opacity: .3;
-webkit-transform: translate(3%, 3%);
-moz-transform: translate(3%, 3%);
-ms-transform: translate(3%, 3%);
-o-transform: translate(3%, 3%);
transform: translate(3%, 3%);
}
</style>
<div class="omnisend-form-65d55bb2ce1b1bf0aa7ab0ba-block-container-650a5f5196e18d75fcc99ca3">
<div class="omnisend-form-65d55bb2ce1b1bf0aa7ab0ba-wof-container-650a5f5196e18d75fcc99ca3">
<div class="omnisend-form-65d55bb2ce1b1bf0aa7ab0ba-wof-650a5f5196e18d75fcc99ca3-rotor-shadow-container">
<div class="omnisend-form-65d55bb2ce1b1bf0aa7ab0ba-wof-650a5f5196e18d75fcc99ca3-rotor-shadow">
<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="-73.5 634 476 476" enable-background="new -73.5 634 476 476" xml:space="preserve">
<path fill="#000" d="M387.409,938.95c-0.268-0.089-0.524-0.177-0.787-0.177
c13.021-43.188,13.286-89.875,0.088-133.938c0.262,0,0.438-0.088,0.699-0.176c2.534-0.787,3.846-3.496,3.059-6.033
c-0.786-2.535-3.496-3.846-6.027-3.06c-0.266,0.086-0.438,0.175-0.61,0.263c-7.344-21.07-17.83-41.44-31.554-60.5
c-13.726-18.886-29.721-35.06-47.373-48.522c0.087-0.177,0.262-0.263,0.35-0.438c1.572-2.099,1.051-5.07-1.05-6.646
c-2.097-1.572-5.067-1.05-6.646,1.051c-0.087,0.177-0.175,0.351-0.264,0.438c-37.932-26.402-82.687-40.654-127.961-41.617
c0.088-0.262,0.088-0.609,0.088-0.873c0-2.623-2.099-4.721-4.72-4.721s-4.721,2.098-4.721,4.721c0,0.264,0,0.611,0.088,0.873
c-44.313,0.875-88.89,14.43-127.872,41.617c-0.088-0.262-0.263-0.521-0.438-0.787c-1.573-2.098-4.545-2.623-6.643-1.049
c-2.099,1.574-2.623,4.545-1.049,6.646c0.175,0.262,0.35,0.438,0.611,0.697c-37.844,28.68-64.501,66.885-79.012,108.764
c-0.087-0.086-0.262-0.086-0.35-0.176c-2.535-0.787-5.156,0.523-6.03,3.061c-0.787,2.535,0.524,5.158,3.06,6.033
c0.088,0,0.263,0.088,0.349,0.088c-13.372,43.625-13.722,90.486-0.261,134.727c-0.175,0-0.35,0.088-0.524,0.176
c-2.536,0.787-3.847,3.496-3.06,6.031c0.786,2.537,3.496,3.85,6.03,3.062c0.176-0.088,0.351-0.088,0.525-0.178
c7.342,20.982,17.743,41.18,31.465,60.062c13.637,18.799,29.631,34.973,47.199,48.35c-0.088,0.09-0.263,0.268-0.35,0.354
c-1.574,2.1-1.05,5.07,1.049,6.645s5.069,1.05,6.643-1.051c0.088-0.174,0.175-0.262,0.263-0.438
c37.846,26.403,82.423,40.653,127.698,41.704c0,0.087,0,0.264,0,0.352c0,2.621,2.098,4.721,4.72,4.721
c2.623,0,4.722-2.1,4.722-4.721c0-0.088,0-0.264,0-0.352c44.49-0.786,89.064-14.34,128.137-41.615
c0.087,0.262,0.262,0.523,0.438,0.787c1.572,2.098,4.546,2.622,6.646,1.049c2.099-1.574,2.622-4.547,1.05-6.646
c-0.175-0.264-0.35-0.438-0.611-0.698c37.936-28.765,64.682-67.06,79.104-109.11c0.264,0.088,0.521,0.264,0.787,0.353
c2.531,0.787,5.153-0.523,6.027-3.062C391.258,942.445,389.856,939.823,387.409,938.95z">
</path>
</svg>
</div>
</div>
<div class="omnisend-form-65d55bb2ce1b1bf0aa7ab0ba-wof-650a5f5196e18d75fcc99ca3-rotor">
<div>
<div class="omnisend-form-65d55bb2ce1b1bf0aa7ab0ba-wof-650a5f5196e18d75fcc99ca3-rotor-slice-label" id="650a5f5196e18d75fcc99ca4">
<style type="text/css">
.omnisend-form-65d55bb2ce1b1bf0aa7ab0ba-wof-650a5f5196e18d75fcc99ca3-rotor-slice-label-text {
font-size: 15px;
line-height: 1;
display: flex;
justify-content: flex-end;
align-items: center;
width: 100%;
height: 100%;
color: #383838;
}
</style>
<svg width="100%" height="100%" viewBox="0 0 100 60">
<foreignObject width="100" height="60" xmlns="http://www.w3.org/1999/xhtml">
<div class="omnisend-form-65d55bb2ce1b1bf0aa7ab0ba-wof-650a5f5196e18d75fcc99ca3-rotor-slice-label-text"> Free Shipping </div>
</foreignObject>
</svg>
</div>
<div class="omnisend-form-65d55bb2ce1b1bf0aa7ab0ba-wof-650a5f5196e18d75fcc99ca3-rotor-slice-label" id="650a5f5196e18d75fcc99ca4">
<style type="text/css">
.omnisend-form-65d55bb2ce1b1bf0aa7ab0ba-wof-650a5f5196e18d75fcc99ca3-rotor-slice-label-text {
font-size: 15px;
line-height: 1;
display: flex;
justify-content: flex-end;
align-items: center;
width: 100%;
height: 100%;
color: #383838;
}
</style>
<svg width="100%" height="100%" viewBox="0 0 100 60">
<foreignObject width="100" height="60" xmlns="http://www.w3.org/1999/xhtml">
<div class="omnisend-form-65d55bb2ce1b1bf0aa7ab0ba-wof-650a5f5196e18d75fcc99ca3-rotor-slice-label-text"> Sorry... </div>
</foreignObject>
</svg>
</div>
<div class="omnisend-form-65d55bb2ce1b1bf0aa7ab0ba-wof-650a5f5196e18d75fcc99ca3-rotor-slice-label" id="650a5f5196e18d75fcc99ca5">
<style type="text/css">
.omnisend-form-65d55bb2ce1b1bf0aa7ab0ba-wof-650a5f5196e18d75fcc99ca3-rotor-slice-label-text {
font-size: 15px;
line-height: 1;
display: flex;
justify-content: flex-end;
align-items: center;
width: 100%;
height: 100%;
color: #383838;
}
</style>
<svg width="100%" height="100%" viewBox="0 0 100 60">
<foreignObject width="100" height="60" xmlns="http://www.w3.org/1999/xhtml">
<div class="omnisend-form-65d55bb2ce1b1bf0aa7ab0ba-wof-650a5f5196e18d75fcc99ca3-rotor-slice-label-text"> 10% off </div>
</foreignObject>
</svg>
</div>
<div class="omnisend-form-65d55bb2ce1b1bf0aa7ab0ba-wof-650a5f5196e18d75fcc99ca3-rotor-slice-label" id="650a5f5196e18d75fcc99ca5">
<style type="text/css">
.omnisend-form-65d55bb2ce1b1bf0aa7ab0ba-wof-650a5f5196e18d75fcc99ca3-rotor-slice-label-text {
font-size: 15px;
line-height: 1;
display: flex;
justify-content: flex-end;
align-items: center;
width: 100%;
height: 100%;
color: #383838;
}
</style>
<svg width="100%" height="100%" viewBox="0 0 100 60">
<foreignObject width="100" height="60" xmlns="http://www.w3.org/1999/xhtml">
<div class="omnisend-form-65d55bb2ce1b1bf0aa7ab0ba-wof-650a5f5196e18d75fcc99ca3-rotor-slice-label-text"> Sorry... </div>
</foreignObject>
</svg>
</div>
<div class="omnisend-form-65d55bb2ce1b1bf0aa7ab0ba-wof-650a5f5196e18d75fcc99ca3-rotor-slice-label" id="650a5f5196e18d75fcc99ca6">
<style type="text/css">
.omnisend-form-65d55bb2ce1b1bf0aa7ab0ba-wof-650a5f5196e18d75fcc99ca3-rotor-slice-label-text {
font-size: 15px;
line-height: 1;
display: flex;
justify-content: flex-end;
align-items: center;
width: 100%;
height: 100%;
color: #383838;
}
</style>
<svg width="100%" height="100%" viewBox="0 0 100 60">
<foreignObject width="100" height="60" xmlns="http://www.w3.org/1999/xhtml">
<div class="omnisend-form-65d55bb2ce1b1bf0aa7ab0ba-wof-650a5f5196e18d75fcc99ca3-rotor-slice-label-text"> $89-$5 Off </div>
</foreignObject>
</svg>
</div>
<div class="omnisend-form-65d55bb2ce1b1bf0aa7ab0ba-wof-650a5f5196e18d75fcc99ca3-rotor-slice-label" id="650a5f5196e18d75fcc99ca6">
<style type="text/css">
.omnisend-form-65d55bb2ce1b1bf0aa7ab0ba-wof-650a5f5196e18d75fcc99ca3-rotor-slice-label-text {
font-size: 15px;
line-height: 1;
display: flex;
justify-content: flex-end;
align-items: center;
width: 100%;
height: 100%;
color: #383838;
}
</style>
<svg width="100%" height="100%" viewBox="0 0 100 60">
<foreignObject width="100" height="60" xmlns="http://www.w3.org/1999/xhtml">
<div class="omnisend-form-65d55bb2ce1b1bf0aa7ab0ba-wof-650a5f5196e18d75fcc99ca3-rotor-slice-label-text"> Sorry... </div>
</foreignObject>
</svg>
</div>
<div class="omnisend-form-65d55bb2ce1b1bf0aa7ab0ba-wof-650a5f5196e18d75fcc99ca3-rotor-slice-label" id="650a5f5196e18d75fcc99ca7">
<style type="text/css">
.omnisend-form-65d55bb2ce1b1bf0aa7ab0ba-wof-650a5f5196e18d75fcc99ca3-rotor-slice-label-text {
font-size: 15px;
line-height: 1;
display: flex;
justify-content: flex-end;
align-items: center;
width: 100%;
height: 100%;
color: #383838;
}
</style>
<svg width="100%" height="100%" viewBox="0 0 100 60">
<foreignObject width="100" height="60" xmlns="http://www.w3.org/1999/xhtml">
<div class="omnisend-form-65d55bb2ce1b1bf0aa7ab0ba-wof-650a5f5196e18d75fcc99ca3-rotor-slice-label-text"> $129-$15 </div>
</foreignObject>
</svg>
</div>
<div class="omnisend-form-65d55bb2ce1b1bf0aa7ab0ba-wof-650a5f5196e18d75fcc99ca3-rotor-slice-label" id="650a5f5196e18d75fcc99ca7">
<style type="text/css">
.omnisend-form-65d55bb2ce1b1bf0aa7ab0ba-wof-650a5f5196e18d75fcc99ca3-rotor-slice-label-text {
font-size: 15px;
line-height: 1;
display: flex;
justify-content: flex-end;
align-items: center;
width: 100%;
height: 100%;
color: #383838;
}
</style>
<svg width="100%" height="100%" viewBox="0 0 100 60">
<foreignObject width="100" height="60" xmlns="http://www.w3.org/1999/xhtml">
<div class="omnisend-form-65d55bb2ce1b1bf0aa7ab0ba-wof-650a5f5196e18d75fcc99ca3-rotor-slice-label-text"> Sorry... </div>
</foreignObject>
</svg>
</div>
<div class="omnisend-form-65d55bb2ce1b1bf0aa7ab0ba-wof-650a5f5196e18d75fcc99ca3-rotor-slice-label" id="650a5f5196e18d75fcc99ca8">
<style type="text/css">
.omnisend-form-65d55bb2ce1b1bf0aa7ab0ba-wof-650a5f5196e18d75fcc99ca3-rotor-slice-label-text {
font-size: 15px;
line-height: 1;
display: flex;
justify-content: flex-end;
align-items: center;
width: 100%;
height: 100%;
color: #383838;
}
</style>
<svg width="100%" height="100%" viewBox="0 0 100 60">
<foreignObject width="100" height="60" xmlns="http://www.w3.org/1999/xhtml">
<div class="omnisend-form-65d55bb2ce1b1bf0aa7ab0ba-wof-650a5f5196e18d75fcc99ca3-rotor-slice-label-text"> $500-$100 </div>
</foreignObject>
</svg>
</div>
<div class="omnisend-form-65d55bb2ce1b1bf0aa7ab0ba-wof-650a5f5196e18d75fcc99ca3-rotor-slice-label" id="650a5f5196e18d75fcc99ca8">
<style type="text/css">
.omnisend-form-65d55bb2ce1b1bf0aa7ab0ba-wof-650a5f5196e18d75fcc99ca3-rotor-slice-label-text {
font-size: 15px;
line-height: 1;
display: flex;
justify-content: flex-end;
align-items: center;
width: 100%;
height: 100%;
color: #383838;
}
</style>
<svg width="100%" height="100%" viewBox="0 0 100 60">
<foreignObject width="100" height="60" xmlns="http://www.w3.org/1999/xhtml">
<div class="omnisend-form-65d55bb2ce1b1bf0aa7ab0ba-wof-650a5f5196e18d75fcc99ca3-rotor-slice-label-text"> Sorry... </div>
</foreignObject>
</svg>
</div>
</div>
<style type="text/css">
.omnisend-form-65d55bb2ce1b1bf0aa7ab0ba-wof-650a5f5196e18d75fcc99ca3-rotor-slices path:nth-child(5),
.omnisend-form-65d55bb2ce1b1bf0aa7ab0ba-wof-650a5f5196e18d75fcc99ca3-rotor-slices path:nth-child(10) {
fill: #7FD299;
}
.omnisend-form-65d55bb2ce1b1bf0aa7ab0ba-wof-650a5f5196e18d75fcc99ca3-rotor-slices path:nth-child(4),
.omnisend-form-65d55bb2ce1b1bf0aa7ab0ba-wof-650a5f5196e18d75fcc99ca3-rotor-slices path:nth-child(9) {
fill: #C549A2;
}
.omnisend-form-65d55bb2ce1b1bf0aa7ab0ba-wof-650a5f5196e18d75fcc99ca3-rotor-slices path:nth-child(3),
.omnisend-form-65d55bb2ce1b1bf0aa7ab0ba-wof-650a5f5196e18d75fcc99ca3-rotor-slices path:nth-child(8) {
fill: #C2C1F3;
}
.omnisend-form-65d55bb2ce1b1bf0aa7ab0ba-wof-650a5f5196e18d75fcc99ca3-rotor-slices path:nth-child(2),
.omnisend-form-65d55bb2ce1b1bf0aa7ab0ba-wof-650a5f5196e18d75fcc99ca3-rotor-slices path:nth-child(7) {
fill: #B8B8B8;
}
.omnisend-form-65d55bb2ce1b1bf0aa7ab0ba-wof-650a5f5196e18d75fcc99ca3-rotor-slices path:nth-child(1),
.omnisend-form-65d55bb2ce1b1bf0aa7ab0ba-wof-650a5f5196e18d75fcc99ca3-rotor-slices path:nth-child(6) {
fill: #BFDCFE;
}
</style>
<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="-73.5 634 476 476" enable-background="new -73.5 634 476 476" xml:space="preserve">
<path fill="#fff" d="M387.409,938.95c-0.268-0.089-0.524-0.177-0.787-0.177
c13.021-43.188,13.286-89.875,0.088-133.938c0.262,0,0.438-0.088,0.699-0.176c2.534-0.787,3.846-3.496,3.059-6.033
c-0.786-2.535-3.496-3.846-6.027-3.06c-0.266,0.086-0.438,0.175-0.61,0.263c-7.344-21.07-17.83-41.44-31.554-60.5
c-13.726-18.886-29.721-35.06-47.373-48.522c0.087-0.177,0.262-0.263,0.35-0.438c1.572-2.099,1.051-5.07-1.05-6.646
c-2.097-1.572-5.067-1.05-6.646,1.051c-0.087,0.177-0.175,0.351-0.264,0.438c-37.932-26.402-82.687-40.654-127.961-41.617
c0.088-0.262,0.088-0.609,0.088-0.873c0-2.623-2.099-4.721-4.72-4.721s-4.721,2.098-4.721,4.721c0,0.264,0,0.611,0.088,0.873
c-44.313,0.875-88.89,14.43-127.872,41.617c-0.088-0.262-0.263-0.521-0.438-0.787c-1.573-2.098-4.545-2.623-6.643-1.049
c-2.099,1.574-2.623,4.545-1.049,6.646c0.175,0.262,0.35,0.438,0.611,0.697c-37.844,28.68-64.501,66.885-79.012,108.764
c-0.087-0.086-0.262-0.086-0.35-0.176c-2.535-0.787-5.156,0.523-6.03,3.061c-0.787,2.535,0.524,5.158,3.06,6.033
c0.088,0,0.263,0.088,0.349,0.088c-13.372,43.625-13.722,90.486-0.261,134.727c-0.175,0-0.35,0.088-0.524,0.176
c-2.536,0.787-3.847,3.496-3.06,6.031c0.786,2.537,3.496,3.85,6.03,3.062c0.176-0.088,0.351-0.088,0.525-0.178
c7.342,20.982,17.743,41.18,31.465,60.062c13.637,18.799,29.631,34.973,47.199,48.35c-0.088,0.09-0.263,0.268-0.35,0.354
c-1.574,2.1-1.05,5.07,1.049,6.645s5.069,1.05,6.643-1.051c0.088-0.174,0.175-0.262,0.263-0.438
c37.846,26.403,82.423,40.653,127.698,41.704c0,0.087,0,0.264,0,0.352c0,2.621,2.098,4.721,4.72,4.721
c2.623,0,4.722-2.1,4.722-4.721c0-0.088,0-0.264,0-0.352c44.49-0.786,89.064-14.34,128.137-41.615
c0.087,0.262,0.262,0.523,0.438,0.787c1.572,2.098,4.546,2.622,6.646,1.049c2.099-1.574,2.622-4.547,1.05-6.646
c-0.175-0.264-0.35-0.438-0.611-0.698c37.936-28.765,64.682-67.06,79.104-109.11c0.264,0.088,0.521,0.264,0.787,0.353
c2.531,0.787,5.153-0.523,6.027-3.062C391.258,942.445,389.856,939.823,387.409,938.95z"></path>
<g class="omnisend-form-65d55bb2ce1b1bf0aa7ab0ba-wof-650a5f5196e18d75fcc99ca3-rotor-slices">
<path d="M164.501,871.997L32.578,689.985C72.671,660.744,114.954,647,164.501,647V871.997z"></path>
<path d="M164.501,871.997l-213.509-69.512c15.319-47.276,41.407-83.26,81.586-112.5L164.501,871.997z"></path>
<path d="M164.501,871.997L-49.01,941.601c-15.319-47.274-15.319-91.751,0-139.115L164.501,871.997z"></path>
<path d="M164.501,871.997L32.578,1054.099c-40.093-29.24-66.18-65.226-81.586-112.502L164.501,871.997z"></path>
<path d="M164.501,871.997v224.999c-49.548,0-91.83-13.748-131.923-42.987L164.501,871.997z"></path>
<path d="M164.501,871.997l131.922,182.016C256.33,1083.252,214.047,1097,164.501,1097V871.997z"></path>
<path d="M164.501,871.997L378.01,941.51c-15.318,47.279-41.407,83.26-81.587,112.503L164.501,871.997z"></path>
<path d="M164.501,871.997l213.509-69.512c15.319,47.274,15.319,91.749,0,139.115L164.501,871.997z"></path>
<path d="M164.501,871.997l131.922-182.012c40.093,29.24,66.18,65.224,81.587,112.5L164.501,871.997z"></path>
<path d="M164.501,871.997V647.002c49.546,0,91.829,13.744,131.922,42.986L164.501,871.997z"></path>
</g>
</svg>
</div>
<div class="omnisend-form-65d55bb2ce1b1bf0aa7ab0ba-wof-650a5f5196e18d75fcc99ca3-pointer-shadow">
<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 66 116" enable-background="new 0 0 66 116" xml:space="preserve">
<path fill="#000000" d="M66,33C66,14.774,51.227,0,33,0C14.775,0,0,14.774,0,33c0,11.604,5.994,21.801,15.05,27.685h-0.015
L24.5,107.5c0,4.694,3.806,8.5,8.5,8.5s8.5-3.806,8.5-8.5l9.466-46.815h-0.015C60.007,54.801,66,44.604,66,33z"></path>
</svg>
</div>
<div class="omnisend-form-65d55bb2ce1b1bf0aa7ab0ba-wof-650a5f5196e18d75fcc99ca3-pointer">
<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 66 116" enable-background="new 0 0 66 116" xml:space="preserve">
<path fill="#FFFFFF" d="M66,33C66,14.774,51.227,0,33,0C14.775,0,0,14.774,0,33c0,11.604,5.994,21.801,15.05,27.685h-0.015
L24.5,107.5c0,4.694,3.806,8.5,8.5,8.5s8.5-3.806,8.5-8.5l9.466-46.815h-0.015C60.007,54.801,66,44.604,66,33z"></path>
<path class="omnisend-form-65d55bb2ce1b1bf0aa7ab0ba-wof-650a5f5196e18d75fcc99ca3-pointer-body" fill="#C13A4A" d="M57.5,33C57.5,19.469,46.531,8.5,33,8.5S8.5,19.469,8.5,33c0,9.17,5.041,17.158,12.501,21.358H21l7,52.392
c0,2.762,2.238,5,5,5s5-2.238,5-5l7-52.391h-0.002C52.458,50.16,57.5,42.171,57.5,33z"></path>
</svg>
</div>
</div>
</div>
<style>
.omnisend-form-65d55bb2ce1b1bf0aa7ab0ba-field-container-650a5f7b96e18d75fcc99caa {
padding-left: 0px;
padding-right: 0px;
padding-top: 0px;
padding-bottom: 0px;
display: flex;
flex-direction: column;
}
</style>
<div id="omnisend-form-65d55bb2ce1b1bf0aa7ab0ba-field-650a5f7b96e18d75fcc99caa" class="omnisend-form-65d55bb2ce1b1bf0aa7ab0ba-field-container-650a5f7b96e18d75fcc99caa">
<style>
label[for^=omnisend].omnisend-form-65d55bb2ce1b1bf0aa7ab0ba-field-container-650a5f7b96e18d75fcc99caa-label {
color: #21095D;
padding-left: 0px;
padding-right: 0px;
padding-top: 12px;
padding-bottom: 12px;
;
font-family: Poppins, Helvetica Neue, Helvetica, Arial, sans-serif;
font-size: 14px;
line-height: 120%;
word-break: break-word;
}
label[for^=omnisend].omnisend-form-65d55bb2ce1b1bf0aa7ab0ba-field-container-650a5f7b96e18d75fcc99caa-label.error {
color: #FF0000;
}
</style>
<style>
#omnisend-form-65d55bb2ce1b1bf0aa7ab0ba-field-container-650a5f7b96e18d75fcc99caa-emailField-input.omnisend-form-65d55bb2ce1b1bf0aa7ab0ba-field-container-650a5f7b96e18d75fcc99caa-input {
-webkit-appearance: none;
-moz-appearance: none;
-ms-appearance: none;
-o-appearance: none;
appearance: none;
outline: none;
border: none;
background-color: transparent;
padding: 0;
margin: 0;
width: 100%;
height: auto;
flex-basis: 0;
flex-grow: 1;
box-sizing: border-box;
border-radius: 8px !important;
padding-left: 16px;
padding-right: 16px;
padding-top: 16px;
padding-bottom: 16px;
color: #161717;
background-color: #FFFFFF;
border-style: solid;
border-color: #21095D;
border-width: 2px;
;
}
#omnisend-form-65d55bb2ce1b1bf0aa7ab0ba-field-container-650a5f7b96e18d75fcc99caa-emailField-input.omnisend-form-65d55bb2ce1b1bf0aa7ab0ba-field-container-650a5f7b96e18d75fcc99caa-input:focus {
outline: auto;
}
#omnisend-form-65d55bb2ce1b1bf0aa7ab0ba-field-container-650a5f7b96e18d75fcc99caa-emailField-input.omnisend-form-65d55bb2ce1b1bf0aa7ab0ba-field-container-650a5f7b96e18d75fcc99caa-input::placeholder {
opacity: 1;
color: #21095D;
;
}
#omnisend-form-65d55bb2ce1b1bf0aa7ab0ba-field-container-650a5f7b96e18d75fcc99caa-emailField-input.omnisend-form-65d55bb2ce1b1bf0aa7ab0ba-field-container-650a5f7b96e18d75fcc99caa-input {
font-family: Poppins, Helvetica Neue, Helvetica, Arial, sans-serif;
font-size: 14px;
line-height: 120%;
}
#omnisend-form-65d55bb2ce1b1bf0aa7ab0ba-field-container-650a5f7b96e18d75fcc99caa-emailField-input.omnisend-form-65d55bb2ce1b1bf0aa7ab0ba-field-container-650a5f7b96e18d75fcc99caa-input.error {
border-color: #FF0000;
}
</style>
<input id="omnisend-form-65d55bb2ce1b1bf0aa7ab0ba-field-container-650a5f7b96e18d75fcc99caa-emailField-input" class="omnisend-form-65d55bb2ce1b1bf0aa7ab0ba-field-container-650a5f7b96e18d75fcc99caa-input" type="email"
placeholder="Please Enter Your Email" name="emailField" required="" aria-required="true" maxlength="" oninput="" aria-label="Email field" autocomplete="email">
<style>
.omnisend-form-65d55bb2ce1b1bf0aa7ab0ba-field-container-650a5f7b96e18d75fcc99caa-required {
padding-top: 12px;
padding-bottom: 12px;
padding-left: 0px;
padding-right: 0px;
;
font-family: Poppins, Helvetica Neue, Helvetica, Arial, sans-serif;
font-size: 14px;
line-height: 120%;
color: #FF0000;
}
</style>
<div class="omnisend-form-65d55bb2ce1b1bf0aa7ab0ba-field-container-650a5f7b96e18d75fcc99caa-required" style="display: none;">This field is required</div>
<style>
.omnisend-form-65d55bb2ce1b1bf0aa7ab0ba-field-container-650a5f7b96e18d75fcc99caa-error {
padding-top: 12px;
padding-bottom: 12px;
padding-left: 0px;
padding-right: 0px;
;
font-family: Poppins, Helvetica Neue, Helvetica, Arial, sans-serif;
font-size: 14px;
line-height: 120%;
color: #FF0000;
}
</style>
<div class="omnisend-form-65d55bb2ce1b1bf0aa7ab0ba-field-container-650a5f7b96e18d75fcc99caa-error" style="display: none;">The email address must contain @ and a valid domain</div>
</div>
<!--Button content block starts -->
<style type="text/css">
.omnisend-form-65d55bb2ce1b1bf0aa7ab0ba-action-container-650a5f8696e18d75fcc99cab {
padding-top: 12px;
padding-bottom: 12px;
padding-left: 0px;
padding-right: 0px;
;
display: flex;
flex-direction: column;
word-break: break-word;
}
#omnisend-form-65d55bb2ce1b1bf0aa7ab0ba-action-650a5f8696e18d75fcc99cab.omnisend-form-65d55bb2ce1b1bf0aa7ab0ba-action-650a5f8696e18d75fcc99cab {
align-self: center;
width: 100%;
box-sizing: border-box;
text-align: center;
cursor: pointer;
line-height: 120%;
margin: 0;
letter-spacing: normal;
font-family: Poppins, Helvetica Neue, Helvetica, Arial, sans-serif;
font-size: 16px;
font-weight: normal;
font-style: normal;
text-decoration: none;
color: #383838;
background-color: #C7EFD5;
border-radius: 8px;
border-width: 2px;
border-style: solid;
border-color: #21095D;
padding-bottom: 16px;
padding-top: 16px;
padding-left: 16px;
padding-right: 16px;
}
#omnisend-form-65d55bb2ce1b1bf0aa7ab0ba-action-650a5f8696e18d75fcc99cab.omnisend-form-65d55bb2ce1b1bf0aa7ab0ba-action-650a5f8696e18d75fcc99cab:disabled {
cursor: default;
opacity: 0.6;
}
.omnisend-form-65d55bb2ce1b1bf0aa7ab0ba-error {
padding-top: 12px;
padding-bottom: 12px;
padding-left: 0px;
padding-right: 0px;
;
font-family: Poppins, Helvetica Neue, Helvetica, Arial, sans-serif;
font-size: 14px;
line-height: 120%;
color: #FF0000;
}
</style>
<div class="omnisend-form-65d55bb2ce1b1bf0aa7ab0ba-action-container-650a5f8696e18d75fcc99cab">
<div class="omnisend-form-65d55bb2ce1b1bf0aa7ab0ba-error" style="display: none;">Something went wrong!</div>
<button class="omnisend-form-65d55bb2ce1b1bf0aa7ab0ba-action-650a5f8696e18d75fcc99cab" id="omnisend-form-65d55bb2ce1b1bf0aa7ab0ba-action-650a5f8696e18d75fcc99cab" type="submit">Let's start spinning</button>
</div>
</div>
</div>
</form><form class="">
<div class="zb-flex">
<a href="${product.url}?${toQuery({ aid: 'smart_recommend.2.' + data.id, ifb: product.ifb || '', cfb: product.cfb || '', scm: product.scm || data.scm || '', ssp: data.ssp || '' })}" impr="1" imprevt="1" class="zb-w-[132px] zb-mr-4 rtl:zb-ml-4 rtl:zb-mr-0" data-prdct="${product.id}" data-ifb="${product.ifb || ''}" data-cfb="${product.cfb || ''}" data-scm="${product.scm || data.scm || ''}" data-spm="${productIndex}"> <ljs-render layout="container" id="smart_cart_pop_image_${product.id}" template="smart_cart_pop_image_template" manual=""></ljs-render> </a>
<div class="zb-flex zb-flex-col zb-flex-grow zb-justify-between">
<div>
<div class="zb-line-clamp-2 zb-text-sm zb-mb-2">${product.title}</div> <ljs-render layout="container" id="smart_cart_pop_price_${product.id}" template="smart_cart_pop_price_template" manual=""></ljs-render>
</div>
<div>
<div class="zb-relative zb-w-full zb-cursor-pointer">
<div class="zb-border zb-border-solid zb-border-[#eee] zb-px-3 zb-py-[10px] zb-flex zb-items-center zb-justify-between zb-font-semibold zb-text-sm zb-rounded-sm"
@tap="smart_pop_variant-select-${product.id}.toggleClass(class=zb-rotate-180);smart_cart_pop_variant_${product.id}_mobile.toggleClass(class=zb-hidden);smart_cart_pop_variant_${product.id}_pc.toggleClass(class=smart_cart_pop_variant_pc_show,force=true);smart_cart_pop_variant_modal_${product.id}.open"
spz-if="${!!(product.options && product.options.length && product.options.length > 0) && data.config.variant_select_visible}"> <ljs-render manual="" layout="container" id="smart_cart_pop_variant_text_${product.id}"
template="smart_cart_pop_variant_text_template"></ljs-render> <svg id="smart_pop_variant-select-${product.id}" width="12" height="8" class="zb-ml-2" viewBox="0 0 12 8" fill="none" xmlns="http://www.w3.org/2000/svg">
<path
d="M6.00002 7.06738C6.19244 7.06775 6.38498 6.99453 6.5318 6.84772C6.54504 6.83447 6.55769 6.82086 6.56973 6.8069L11.1251 2.25152C11.418 1.95863 11.418 1.48375 11.1251 1.19086C10.8322 0.897968 10.3573 0.897968 10.0645 1.19086L6.00003 5.25529L1.9356 1.19086C1.64271 0.897968 1.16784 0.897968 0.874943 1.19086C0.58205 1.48375 0.58205 1.95863 0.874943 2.25152L5.43033 6.8069C5.44237 6.82086 5.45502 6.83447 5.46826 6.84772C5.61507 6.99453 5.8076 7.06775 6.00002 7.06738Z"
fill="#0A1533"></path>
</svg> </div> <ljs-lightbox layout="nodisplay" disable-unmount="" class="smart_cart_pop_lightbox_pc" id="smart_cart_pop_variant_modal_${product.id}" @close="smart_pop_variant-select-${product.id}.toggleClass(class=zb-rotate-180);">
<div id="smart_cart_pop_variant_${product.id}_pc" class="zb-hidden"><ljs-variants id="smart_cart_pop_variants_${product.id}"
class="md:!zb-absolute md:zb-top-[50px] md:zb-w-full md:zb-left-0 md:zb-z-30 md:zb-bg-white zb-max-h-[280px] zb-overflow-y-auto md:zb-shadow-pop" layout="container" template="smart_cart_pop_variant_template"
onclick="event.stopPropagation()" disabled-dj-event="" interference=""> </ljs-variants></div>
</ljs-lightbox>
</div>
<div class="zb-mt-3"> <button product-id="${product.id}" id="smart_cart_pop_atc_btn_${product.id}"
class="zb-flex zb-items-center zb-justify-center zb-w-full zb-text-white zb-py-[10px] zb-h-9 zb-text-xs zb-font-normal zb-border-none zb-rounded-[4px] smart_cart_pop_atc_btn_bg" type="button" role="addToCart"
@tap="smart_cart_pop_loading_${product.id}.toggleClass(class=zb-hidden);smart_cart_pop_atc_${product.id}.toggleClass(class=zb-hidden);smart_cart_pop_atc_btn_${product.id}.toggleClass(class=zb-pointer-events-none);custom-func.addATCHook(activity_id='${data.id}',ifb='${product.ifb}',cfb='${product.cfb}',scm='${product.scm || data.scm}',ssp='${data.ssp}',spm='${data.spmBase}.${productIndex}')">
<ljs-render layout="container" id="smart_cart_pop_atc_${product.id}" template="smart_cart_pop_atc_template" mamual="" class="notranslate"> </ljs-render>
<div id="smart_cart_pop_added_${product.id}" class="zb-hidden"><span class="zb-flex zb-justify-center zb-gap-1"><svg width="14" height="15" viewBox="0 0 16 17" fill="none" xmlns="http://www.w3.org/2000/svg">
<path
d="M8 16.5006C3.58171 16.5006 0 12.9183 0 8.5C0 4.08171 3.58171 0.5 8 0.5C12.4183 0.5 16 4.08171 16 8.5C16 12.9183 12.4183 16.5006 8 16.5006ZM8 2.04344C4.21314 2.04344 1.54287 4.71371 1.54287 8.50057C1.54287 12.2874 4.21314 14.9577 8 14.9577C11.7869 14.9577 14.4571 12.2874 14.4571 8.50057C14.4571 4.71371 11.7869 2.04344 8 2.04344ZM7.26057 11.1909L7.12229 11.3286L7.09543 11.3017C7.02286 11.336 6.94286 11.3577 6.85714 11.3577C6.73543 11.3577 6.62857 11.3109 6.536 11.2463L6.52229 11.2594L6.45371 11.1909C6.45314 11.1903 6.45314 11.1903 6.45257 11.1897L4.09771 8.83486L4.90629 8.02686L6.85714 9.97771L11.1629 5.67143L11.9714 6.48L7.26171 11.1897C7.26114 11.1903 7.26114 11.1903 7.26057 11.1909Z"
fill="white"></path>
</svg>Added</span></div>
<div id="smart_cart_pop_loading_${product.id}" class="zb-hidden">
<div class="smart_cart_pop_loading"></div>
</div>
</button> </div>
</div>
</div>
</div>
<div id="smart_cart_pop_variant_${product.id}_mobile" class="zb-hidden md:zb-hidden"><ljs-variants id="smart_cart_pop_variants_${product.id}"
class="md:!zb-absolute md:zb-top-[50px] md:zb-w-full md:zb-left-0 md:zb-z-30 md:zb-bg-white zb-max-h-[280px] zb-overflow-y-auto md:zb-shadow-pop" layout="container" template="smart_cart_pop_variant_template" onclick="event.stopPropagation()"
disabled-dj-event="" interference=""> </ljs-variants></div>
</form>POST //translate.googleapis.com/translate_voting?client=te
<form id="goog-gt-votingForm" action="//translate.googleapis.com/translate_voting?client=te" method="post" target="votingFrame" class="VIpgJd-yAWNEb-hvhgNd-aXYTce"><input type="text" name="sl" id="goog-gt-votingInputSrcLang"><input type="text"
name="tl" id="goog-gt-votingInputTrgLang"><input type="text" name="query" id="goog-gt-votingInputSrcText"><input type="text" name="gtrans" id="goog-gt-votingInputTrgText"><input type="text" name="vote" id="goog-gt-votingInputVote"></form>Text Content
FREE SHPPING FOR ORDER OVER $89
Powered by Google Übersetzer
English,日本語,Español,Français,Italiano,Deutsch
Search
OKAYWEAR
English,日本語,Español,Français,Italiano,Deutsch
Search Search
Account
* Log in
* Create an account
WISHLIST
0 Cart
Close
* NEW
* NEW
* New Trending
* NEW IN TODAY
* NEW IN TODAY
* New In 7 Days
* New In 15 Days
* New In 30 Days
* NEW IN CLOTHING
* NEW IN CLOTHING
* New In Blazers
* New In Sets
* New In Tops
* New In Bottoms
* New In Shoes & Acc
* BEST SELLER
* 2024S/S
* TREND
* TREND
* SHOP BY STYLE
* SHOP BY STYLE
* Business Style Hot
* Casual Style
* Vacation Style
* SHOP BY COLOR
* SHOP BY COLOR
* White
* Purple
* Green
* Khaki
* Black
* Pink
* Blue
* SHOP BY FARBIC
* SHOP BY FARBIC
* Leather
* Velvet
* Denim
* Knitted
* Linen
* CLOTHING
* CLOTHING
* TWO PIECE OUTFITS
* TWO PIECE OUTFITS
* Casual Sets
* Blazer Sets
* OUTERWEAR
* OUTERWEAR
* Blazers Hot
* Men's VEST
* Trench Coat
* Coats & Jackets
* Downs & Parkas
* TOPS
* TOPS
* Shirts
* T-shirts
* Polo Shirts
* Tees & Tanks
* Sweaters
* Hoodies & Sweatshirts
* BOTTOMS
* BOTTOMS
* Suit Pants
* Casual Pants
* Shorts Pants
* SHOES & ACC
* SHOES & ACC
* Shoes
* Accessories
* Swimwear
* BLAZERS Hot
* TWO PIECE OUTFITS
* TWO PIECE OUTFITS
* Blazer Sets
* Casual Sets
* TOPS
* TOPS
* Shirts
* T-shirts
* Polo Shirts
* Tees & Tanks
* Sweaters
* Hoodies & Sweatshirts
* SALE
* SALE
* Under $9.99
* Ships within 24Hrs
Log in
English,日本語,Español,Français,Italiano,Deutsch
* NEW
* New Trending
* NEW IN TODAY New In 7 Days New In 15 Days New In 30 Days
* NEW IN CLOTHING New In Blazers New In Sets New In Tops New In Bottoms New
In Shoes & Acc
* BEST SELLER
* 2024S/S
* TREND
* SHOP BY STYLE Business Style Hot Casual Style Vacation Style
* SHOP BY COLOR White Purple Green Khaki Black Pink Blue
* SHOP BY FARBIC Leather Velvet Denim Knitted Linen
* CLOTHING
* TWO PIECE OUTFITS Casual Sets Blazer Sets
* OUTERWEAR Blazers Hot Men's VEST Trench Coat Coats & Jackets Downs &
Parkas
* TOPS Shirts T-shirts Polo Shirts Tees & Tanks Sweaters Hoodies &
Sweatshirts
* BOTTOMS Suit Pants Casual Pants Shorts Pants
* SHOES & ACC Shoes Accessories
* Swimwear
* BLAZERS
Hot
* TWO PIECE OUTFITS
Blazer Sets
Casual Sets
* TOPS
Shirts
T-shirts
Polo Shirts
Tees & Tanks
Sweaters
Hoodies & Sweatshirts
* SALE
Under $9.99
Ships within 24Hrs
* More links
Top search terms
Red Purple💜 Suits Shoes👞 Leopard Sets Plaid Houndstooth Dating💞
Top searched
BUSINESS GRADIENT SINGLE BREASTED POCKETS LAPEL COLLAR BLAZER
$52.79
+1
BUSINESS CASUAL HOUNDSTOOTH POCKET TURNDOWN COLLAR BLAZER
$52.79
OKAYWEAR HOUNDSTOOTH CHEST POCKET DOUBLE BREASTED BLAZER
$56.79
FORMAL VELVET PATCHWORK SHAWL NECK SINGLE BREASTED BLAZER
$59.79
LAPEL COLLAR SINGLE BREASTED SHIRT & PANTS 2PCS SET
$69.79
OKAYWEAR SINGLE BREASTED DENIM PATTERN BLAZER & PANTS 2PCS SET
$85.79
74 Products
74 Products
Featured Price, low to high Price, high to low Newest in Total sales, high to
low Purchases, high to low Page views, high to low
Sort
Sort
Sort by
Featured Price, low to high Price, high to low Newest in Total sales, high to
low Purchases, high to low Page views, high to low
Clear all Apply
SALE
RETRO LACE UP CHUNKY HEEL BROGUE SHOES
$59.79 $65.79
Save $6.00
MEN POINT TOE DRESS SHOES
$43.79
FASHION PATCHWORK POINTED TOE PU LEATHER SHOES
$67.79
PARTY SUEDE POINTED TOE RHINESTONE DECOR SLIP-ON LOAFERS
$68.79
FASHION LEOPARD PATTERN POINTED TOE PU LEATHER ANKLE BOOTS
$64.79
BUSINESS COLOR BLOCK POINT TOE CARVED DRESS SHOES
$36.79
+1
FASHION IRIDESCENT CROCODILE PATTERN BUCKLE PU LEATHER SHOES
$62.79
NEW
BEACH CLIP TOE PU LEATHER SOLID SANDALS
$39.79
BUSINESS POINTED TOE TASSEL SHALLOW MOUTH LEATHER SHOES
$57.79
CASUAL GRID LACE UP DENIM CANVAS MOCCASIN SHOES
$38.79
LEOPARD PATTERN CONTRAST CHUNKY LOAFER SHOES
$69.79
TASSEL SEWING LINE SOLID COLOR SHALLOW MOUTH SHOES
$69.79
SPORTY LACE UP ROUND HEAD ANTI-SLIP LETTER PRINT SHOES
$43.79
BRITISH SQUARE TOE LACE-UP PU LEATHER SHOE
$44.79
FASHIONABLE COLORBLOCK LACE UP FLAT LEATHER SHOES
$59.79
+1
VINTAGE CROCODILE EMBOSSED POINT TOE LEATHER DRESS SHOES
$64.79
RAINBOW STRIPED ROUND TOE STRAPPY CASUAL SHOES
$58.79
CASUAL SLIP-ON LACE UP ROUND HEAD MOCCASIN SHOES
$54.79
+2
FASHION CHAIN TEXTURE CASUAL LEATHER HALF SLIPPERS
$54.79
CASUAL CLIP TOE SOLID COLOR LEATHER FLAT SANDALS
$48.79
+4
CASUAL SIDE BUCKLE HOLLOW BREATHABLE ROMAN SANDALS
$49.79
BUSINESS POINTED TOE PATENT LEATHER COLORBLOCK LOAFER SHOES
$52.79
PATCHWORK POINTED TOE BUTTON WEDGE PU LEATHER SHOES
from $60.79
+1
FROSTED LEATHER SHALLOW MOUTH SOLID LOAFERS SHOES
from $55.79
BUSINESS CASUAL POINTED TOE CARVED BUCKLE PU LEATHER SHOES
$51.79
RETRO BURN-OUT SQUARE TOE BUCKLE PU LEATHER SHORT BOOTS
from $64.79
COLORBLOCK LACE UP POINTED TOE PU LEATHER SHORT BOOTS
from $59.79
RETRO SQUARE TOE ZIPPER STONE PATTERN PU LEATHER BOOTS
$65.79
CASUAL ARTIFICIAL LEATHER LITTLE BEAR PATTERN FLAT SHOES
$43.79
BUSINESS BUCKLE DECOR POINTED TOE DRESS SHOES
$48.79
BUSINESS PLAIN HOLLOW PIN BUCKLE CLOSED BACK SANDALS
$47.79
CROCODILE PATTERN POINTED TOE PU PATENT LEATHER SHOES
$60.79
NEW
+1
CASUAL FLAT SLIP ON PU LEATHER LOAFERS SHOES
$59.79
NEW
FASHION GOLD EMBROIDERED ROUND TOE LOAFERS SHOES
$74.79
NEW
CASUAL HOLLOW OUT PU LEATHER FLAT SANDALS
from $44.79
NEW
+1
CASUAL SEWING LINE FLAT PU LEATHER LOAFERS SHOES
$47.79
NEW
CASUAL FLAT SLIP ON LEATHER BEACH SANDALS
$46.79
NEW
BUSINESS CASUAL WEDGE GRID WOVEN ROUND HEAD LEATHER SHOES
$66.79
FORMAL SEQUIN METAL ROUND HEAD LEATHER SHOES
$67.79
CASUAL LACE UP SEWING LINE GENUINE LEATHER LOAFER SHOES
$52.79
Sorry, there are no products in this collection.
1 2
${function(){ const rules = data.data.rules; return `
` }()}
You May Also Like
* OK Fashion Pink Plaid Print Notch Lapel Two Button Blazer
Quick Shop
* OK Elegant Allover Print Lapel Collar One Button Blazer
Quick Shop
* Casual Lapel Collar Two Button Chest Pocket Plain Blazer
Quick Shop
* Men Luxury Lapel Fuzzy Overcoat
Quick Shop
* PU Leather Notch Lapel Two Buttons Jacket & Pants 2Pcs Set
Quick Shop
* OK Classic Blue Plaid Notch Lapel Two Button Slim Fit Blazer
Quick Shop
* OK Casual Striped Print Notch Lapel Two Button Blazer
Quick Shop
* Patchwork Stand Collar Double Breasted Blazer & Pants 2Pcs Set
Quick Shop
* PU Leather Notch Lapel Single Breasted Blazer & Pants 2Pcs Set
Quick Shop
* Casual Plain V Neck Half Sleeve Loose Shirt & Drawstring Pants 2Pcs Set
Quick Shop
* Lapel Collar Two Buttons Blazer & Belt Pants 2Pcs Set
Quick Shop
* Houndstooth Pattern Single Breasted Casual Blazer
Quick Shop
* Casual Linen Loose Pockets Drawstring Solid Pant
Quick Shop
* Basic Solid Velvet Lapel Collar Chest Pocket Blazer
Quick Shop
* Fashion Colorblock Plaid Lapel Collar Button Blazer & Pants 2Pcs Set
Quick Shop
* Daily Multi-Pocket Turndown Collar Buttons Plaid Jacket
Quick Shop
* Casual Solid Twist Knit Pocket Drawstring Hoodie
Quick Shop
* OK Casual Leopard Print Notch Lapel Pocket Two Button Blazer
Quick Shop
* Stand Collar Asymmetrical Button Blazer & Pant 2Pcs Set
Quick Shop
* Daily Herringbone Single Breasted Pockets Notch Lapel Patchwork Blazer
Quick Shop
* Plaid Notch Lapel Collar Buttons Design Utility Pockets Blazer
Quick Shop
* OK Vintage Patchwork Plaid Notch Lapel Single Breasted Pocket Blazer
Quick Shop
* Casual Plaid Notch Lapel Chest Pocket Two Button Blazer
Quick Shop
* OK Fashion Color Block Plaid Print Slim Fit Pencil Pants
Quick Shop
* OK Casual Plain Hollow Breathable Polo Shirt & Pants 2Pcs Set
Quick Shop
* Business Casual Houndstooth Pocket Turndown Collar Blazer
Quick Shop
* Casual Plain V Neck Half Sleeve Loose Shirt & Drawstring Shorts 2Pcs Set
Quick Shop
* OK Casual Plaid Lapel Collar Slim Fit Blazer & Pants 2Pcs Set
Quick Shop
* Houndstooth Pattern Pockets Single Breasted Lapel Collar Blazer
Quick Shop
* Casual Plain Notch Collar Long Sleeve Shirt
Quick Shop
* OK Elegant Vertical Stripe Lapel Collar Two Button Pocket Blazer
Quick Shop
* OK Casual Plain Lapel Collar Linen Blazer & Shorts 2Pcs Set
Quick Shop
* Retro Floral Pattern Stand Collar Jacket & Pants 2Pcs Set
Quick Shop
* Daily Fleece Lapel Collar Double Breasted Chest Pocket Blazer
Quick Shop
* Single Breasted Pockets Safari Jacket & Pant 2Pcs Set
Quick Shop
* PU Leather Single Breasted Turndown Collar Blazer
Quick Shop
* OK Vintage Plain Lapel Collar Two Button Pocket Denim Blazer
Quick Shop
* Formal Notch Lapel Double Breasted Pockets Blzer & Pant 2Pcs Set
Quick Shop
* OK Fashion Polka Dot Print Short Sleeve Shirt & Pants 2Pcs Set
Quick Shop
* Daily Solid Color High Neck Pockets Rib Knit Long Sweater
Quick Shop
* Business Casual Notch Lapel One Button Plaid Blazer
Quick Shop
* Casual Houndstooth Lapel Collar Short Sleeve Button Shirt
Quick Shop
* Turndown Collar Solid Color Chest Pockets Jacket & Pants 2Pcs Set
Quick Shop
* Okaywear Suede Patchwork Notch Lapel Buttons Utility Pocket Knitted Jacket
Quick Shop
* OK Casual Polka Dot Long Sleeve Shirt & Pants 2Pcs Set
Quick Shop
* Formal Striped Single Breasted Turndown Collar Blazer
Quick Shop
* Geo Pattern Half Zip Polo Shirt & Pocket Shorts
Quick Shop
* Formal Tunrdown Collar Belt Pocket Long Sleeve Blazer
Quick Shop
* OK Classic Vertical Stripe Lapel Collar Two Button Chest Pocket Blazer
Quick Shop
* Casual Plain Snap Button Pocket Long Sleeve Jacket & Pencil Pants 2Pcs Set
Quick Shop
* Business Striped Turndown Collar Double Breasted Blazer
Quick Shop
* Retro Floral Pattern Contrast Collar Blazer & Pants 2Pcs Set
Quick Shop
* Notch Lapel Two-button Plaid Chest Pocket Blazer
Quick Shop
* Fuzzy Collar Thermal Winter Jacket
Quick Shop
* OK Glamorous Plain PU Leather Notch Lapel Pocket Blazer
Quick Shop
* Red Velvet Gold Satin Pockest Turndown Collar Blazer
Quick Shop
* Retro Floral Pattern Lapel Collar Single Breasted Blazer
Quick Shop
* Fashion Leopard Pattern Notch Lapel Pockets One Button Blazer
Quick Shop
* Fashion Color Block Stripe Lapel Collar Short Sleeve Slim Fit Shirt
Quick Shop
* Double Breasted Pocket Lapel Collar Solid Coat
Quick Shop
* Double Breasted Lapel Casual Blazer
Quick Shop
* OK Fashion Patchwork Pocket Drawstring Knitted Hoodie
Quick Shop
* Casual Stand Collar Zipper Striped Long Sleeve Sweaters
Quick Shop
* Elegant Plain Double Breasted Lapel Collar Blazer
Quick Shop
* OK Contrast Trim Notch Lapel PU Blazer & Pants 2Pcs Set
Quick Shop
* Okaywear Contrast Striped One Button Blazer & Pants 2Pcs Set
Quick Shop
* Lapel Collar Double Breasted Utility Pocket Solid Blazer
Quick Shop
* Okaywear Formal Gradient Single Breasted Turndown Collar Velvet Blazer
Quick Shop
* OK Dressy Plaid Blazer & Pants & Vest & Shirt & Bow Tie 5Pcs Set
Quick Shop
* PU Leather Patchwork Notch Lapel Blazer & Vest & Pants 3Pcs Set
Quick Shop
* Okaywear Camouflage Pattern Lapel Collar Blazer & Pants 2Pcs Set
Quick Shop
* OK Elegant Plaid Print Lapel Collar Single Breasted Blazer Vest
Quick Shop
* OK Casual Plain Short Sleeve Polo Shirt & Pants 2Pcs Set
Quick Shop
* PU Leather Turndown Collar Solid Single Breasted Coat
Quick Shop
* Fashion Calico Lapel Collar Short Sleeve Loose Polo Shirt
Quick Shop
* Formal Velvet Patchwork Shawl Neck Single Breasted Blazer
Quick Shop
* Business Straight Leg Pockets Shirt Collar Velvet Jumpsuit
Quick Shop
* Fashion Foliage Print Stand Collar Short Sleeve Shirt & Straight Pants 2Pcs
Set
Quick Shop
* Business Notch Lapel Single-breasted Flap Pockets Contrast Plaid Blazer
Quick Shop
* Daily V Neck Single Breasted Colorblock Satin Vest
Quick Shop
* OK Classic Vertical Stripe Notch Lapel Chest Pocket Blazer
Quick Shop
* Casual Plain Turtleneck High Stretch Short Sleeve Slim Fit Top
Quick Shop
* Businss Coloblock Notch Lapel Blazer
Quick Shop
* Patchwork Flap Pocket Button Up Jacket
Quick Shop
* OK Casual Black & White Striped Notch Lapel Slim Fit Blazer
Quick Shop
* Solid Notch Lapel Two Button Utility Pocket PU Leather Blazer
Quick Shop
* Fashionable Crown Diamond Suit Accessories Chain Brooch Pins
Quick Shop
* Casual Plain Round Neck Short Sleeve Slim Fit Tee & Drawstring Pants Set
Quick Shop
* Casual Rhinestone Decor Wavy Line Print Pockets Pencil Pants
Quick Shop
* Men Ribbed Zip Up Knit Coat
Quick Shop
* OK Casual Textured Pattern Pocket Half Placket Drawstring Hoodie
Quick Shop
* Lapel Collar Chest Pocket Single Breasted Tweed Blazer
Quick Shop
* Retro Velvet Lapel Collar Double-breasted Chest Pocket Plain Blazer
Quick Shop
* Okaywear Business Velvet Turndown Collar Solid Overcoat
Quick Shop
* Fashion Lapel Collar Two Button Pockets Ombre Pattern Overcoat
Quick Shop
* Okaywear PU Leather Turndown Collar Blazer & Pant 2Pcs Set
Quick Shop
* Plain Cable Knit Long Sleeve Sweater
Quick Shop
* Lapel Collar Single Breasted Shirt & Pants 2Pcs Set
Quick Shop
* Daily Slant Pockets Solid Corduroy Straight Leg Pants
Quick Shop
* Formal Jacquard Buckle Turndown Collar Tuxedo Blazer
Quick Shop
${function(){ const isCart = data.data.isCart; const isCollection =
data.data.isCollection; const isProduct = data.data.isProduct; const isIndex =
data.data.isIndex; return `
${isCart ? 'The items in the shopping cart do not participate in any
recommendation rule. Add the participating items to your shopping cart to check
the design.' : ''} ${isProduct ? 'This product did not participated in any
recommendation rule. Switch to another product to check the design.' : ''}
${isCollection ? 'The items in this collection do not participate in any
recommendation rule. Switch the participating items to check the design.' : ''}
${isIndex ? 'The home page do not participate in any recommendation rule.' : ''}
(This prompt would not display on client-side)
Recommended Products
` }()} ${function(){ const rule = data.data; const getImageHeight =
function(image){ const image_size = rule.config.image_size || 0; const
imageWidth = image.width || 600; const imageHeight = image.height || 800; let
ratio = 0; if(image_size == 0){ ratio = (imageHeight / imageWidth).toFixed(2);
}else if(image_size == 1){ ratio = 1.5; }else if(image_size == 2){ ratio = 1;
}else if(image_size == 3){ ratio = 0.75; } return imageWidth * ratio; }; const
toQuery = obj => Object.keys(obj) .map(k => Array.isArray(obj[k]) ? obj[k].map(v
=> `${k}[]=${encodeURIComponent(v)}`).join('&') :
`${k}=${encodeURIComponent(obj[k])}` ) .join('&'); return `
${rule.config.title}
* ${product.title}
${rule.config.quick_shop_button_text}
` }()}
class SpzSmartBlockComponent extends SPZ.BaseElement { constructor(element) {
super(element); this.templates_ = null; this.container_ = null; this.i18n_ = {};
this.config_ = {}; this.show_type_ = 3; this.product_resource_id_ = '';
this.collection_resource_id_ = ''; this.cart_items_ = []; this.customer_id_ =
''; this.order_id_ = ''; } static deferredMount() { return false; }
isLayoutSupported(layout) { return layout == SPZCore.Layout.CONTAINER; }
buildCallback() { const template_type =
window.SHOPLAZZA.meta.page.template_type; if (template_type === 1) {
this.show_type_ = 3; this.product_resource_id_ =
window.SHOPLAZZA.meta.page.resource_id; } else if (template_type === 2) {
this.show_type_ = 4; this.collection_resource_id_ =
window.SHOPLAZZA.meta.page.resource_id; } else if (template_type === 15){
this.show_type_ = 5; } else if (template_type === 13){ this.show_type_ = 6; }
else if (template_type === 20){ this.show_type_ = 7; this.customer_id_ =
window.SHOPLAZZA.customer.customer_id; } else if (template_type === 35){
this.show_type_ = 8; this.order_id_ = window.location.pathname.split('/').pop();
} this.templates_ = SPZServices.templatesForDoc(this.element);
this.setAction_(); } mountCallback() { console.log('smart mounted'); const that
= this; const themeName = window.SHOPLAZZA.theme.merchant_theme_name; const
isGeek = /Geek/.test(themeName); this.fetchRules().then((res) => { if (res &&
res.rules && res.rules.length) { const blockEl =
document.getElementById('smart_recommend_block');
SPZ.whenApiDefined(blockEl).then((api) => { api.render({data: res},
true).then(() => { if (isGeek && that.show_type_ === 6) {
blockEl.querySelector('.plugin_container_wrpper').style.padding = '30px 0'; }
const recommendStyle = document.createElement('style'); recommendStyle.innerHTML
= ` .plugin__recommend_container,.app-recommend-card { display: none !important;
} `; document.head.appendChild(recommendStyle); const fetchList = [];
res.rules.forEach((rule) => {
fetchList.push(this.fetchRuleProductList(rule.id)); }); const fetchAll =
Promise.all(fetchList); fetchAll.then((p_res) => { res.rules.forEach((rule,
index) => { rule.products = p_res[index] && p_res[index].products; const ruleEl
= document.getElementById('smart_recommend_rule_' + rule.id);
SPZ.whenApiDefined(ruleEl).then((api) => { api.render({data: rule},
true).then(() => { that.impressListen(`#smart_recommend_rule_ul_${rule.id}`,
function(){ that.trackRuleImpress(rule); }); const btnElList =
document.querySelectorAll(`#smart_recommend_rule_ul_${rule.id} button`);
btnElList.forEach((btnEl) => { if (btnEl && rule.config &&
rule.config.quick_shop_button_bg_color &&
rule.config.quick_shop_button_text_color) { btnEl.style.backgroundColor =
rule.config.quick_shop_button_bg_color; btnEl.style.color =
rule.config.quick_shop_button_text_color; } }) }); }); }); }); }) }) } else { if
(window.top !== window.self) { const template_type =
window.SHOPLAZZA.meta.page.template_type; const holderEl =
document.getElementById('smart_recommend_preview_no_data_placeholder');
SPZ.whenApiDefined(holderEl).then((api) => { api.render({data: { isCart:
template_type === 13, isCollection: template_type === 2, isProduct:
template_type === 1, isIndex: template_type === 15 }}, true); }); } } }); }
setAction_() { this.registerAction('quickShop', (data) => { const that = this;
const product_id = data.args.product_id; const productIndex =
data.args.productIndex; const rule_id = data.args.rule_id; const ssp =
data.args.ssp; const scm = data.args.scm; const cfb = data.args.cfb; const ifb =
data.args.ifb; const modalRender =
document.getElementById('smart_recommend_product_modal_render'); if (product_id)
{ this.fetchProductData(product_id).then((res) => { const product = res.products
&& res.products.length && res.products[0] || {}; product.cfb = cfb; product.ifb
= ifb; SPZ.whenApiDefined(modalRender).then((api) => { api.render({product:
product, productIndex: productIndex, rule_id: rule_id, ssp: ssp, scm: scm,
show_type: that.show_type_}, true).then(() => { const modalEl =
document.getElementById('smart_recommend_product_modal');
SPZ.whenApiDefined(modalEl).then((modal) => {
that.impressListen('#smart_recommend_product_modal', function(){
that.trackQuickShop({ rule_id: rule_id, product_id: product_id }); });
modal.open(); }); const formEl =
document.getElementById('smart_recommend_product_form');
SPZ.whenApiDefined(formEl).then((form) => { form.setProduct(product); }); const
variantEl = document.getElementById('smart_recommend_product_variants');
SPZ.whenApiDefined(variantEl).then((variant) => { variant.handleRender(product);
}); }); }) }); } }); this.registerAction('handleScroll', (data) => {
this.directTo(data.args.rule_id, data.args.direction); });
this.registerAction('handleProductChange', (data) => { const variant =
data.args.data.variant; const product = data.args.data.product; const
imageRenderEl = document.getElementById('smart_recommend_product_image');
SPZ.whenApiDefined(imageRenderEl).then((api) => { api.render({ variant: variant,
product: product }, true); }); }); this.registerAction('handleAtcSuccess',
(detail) => { const data = detail.args; data.data.product = data.data.product ||
{}; data.data.variant = data.data.variant || {}; const product_id =
data.data.product.id; const product_title = data.data.product.title; const
variant_id = data.data.variant.id; const price = data.data.variant.price; const
rule_id = data.rule_id; const aid =
`smart_recommend.${this.show_type_}.${rule_id}`; const ifb =
data.data.product.ifb; const cfb = data.data.product.cfb; const ssp = data.ssp;
const scm = data.scm; const spm =
`smart_recommend_${this.show_type_}.${data.spmIndex}`; const params = { id:
product_id, product_id: product_id, number: 1, name: product_title, variant_id:
variant_id, childrenId: variant_id, item_price: price, source: 'add_to_cart',
_extra: { aid: aid, ifb: ifb, cfb: cfb, scm: scm, spm:
`..${window.SHOPLAZZA.meta.page.template_name}.${spm}`, ssp: ssp, } };
this.tranckAddToCart(params); }); this.registerAction('addATCHook', (data) => {
const params = data.args; const spm =
`smart_recommend_${this.show_type_}.${params.spmIndex}`; this.myInterceptor_ =
window.djInterceptors && window.djInterceptors.track.use({ event:
'dj.addToCart', params: { aid: `smart_recommend.${this.show_type_}.` +
params.rule_id, ssp: params.ssp, scm: params.scm, cfb: params.cfb, spm:
`..${window.SHOPLAZZA.meta.page.template_name}.${spm}`, }, once: true }); }); }
tranckAddToCart(detail) { if (window.$) {
window.$(document.body).trigger('dj.addToCart', detail); } } fetchRules() {
const payload = { show_type: this.show_type_, }; let that = this; if
(this.show_type_ === 6) { let line_items = []; return
this.fetchCart().then((res) => { if (res && res.cart && res.cart.line_items) {
line_items = res.cart.line_items.map((item) => { return { product_id:
item.product_id, variant_id: item.variant_id, quantity: item.quantity, price:
item.price } }); } payload.line_items = line_items; that.cart_items_ =
line_items; return that.fetchRulesRequest(payload); }); } else { if
(this.show_type_ === 3) { payload.line_items = [{ product_id:
this.product_resource_id_ }]; } else if (this.show_type_ === 4) {
payload.collection_id = this.collection_resource_id_; } else if (this.show_type_
=== 7) { payload.customer_id = this.customer_id_; } else if (this.show_type_ ===
8) { payload.order_id = this.order_id_; } return
this.fetchRulesRequest(payload); } } fetchRulesRequest(payload) { return
fetch(window.SHOPLAZZA.routes.root + "/api/possum/recommend_query", { method:
"POST", headers: { "Content-Type": "application/json" }, body:
JSON.stringify(payload) }).then(function(res){ if(res.ok){ return res.json(); }
}); } fetchCart() { return
fetch(`/api/cart/cart-select?r=${Math.random().toString(36).slice(-4)}`)
.then((res) => { if (res.ok) { return res.json(); } }); }
fetchRuleProductList(rule_id) { const payload = { page: 1, limit: 100, fields:
["title", "url", "image", "min_price_variant.price",
"min_price_variant.compare_at_price"], rule_id: rule_id, }; if (this.show_type_
=== 3) { payload.line_items = [{ product_id: this.product_resource_id_ }]; }
else if (this.show_type_ === 4) { payload.collection_id =
this.collection_resource_id_; } else if (this.show_type_ === 6) {
payload.line_items = this.cart_items_; } else if (this.show_type_ === 7) {
payload.customer_id = this.customer_id_; } else if (this.show_type_ === 8) {
payload.order_id = this.order_id_; } return fetch(window.SHOPLAZZA.routes.root +
"/api/possum/recommend_products", { method: "POST", headers: { "Content-Type":
"application/json" }, body: JSON.stringify(payload) }).then(function(res){
if(res.ok){ return res.json(); } }).catch(function(err){ console.log(err); }); }
fetchProductData(product_id) { return fetch(window.SHOPLAZZA.routes.root +
"/api/possum/products", { method: "POST", headers: { "Content-Type":
"application/json" }, body: JSON.stringify({ product_ids: [product_id], fields:
[ "images", "options", "min_price_variant", "variants"] })
}).then(function(res){ if(res.ok){ return res.json(); } }).catch(function(err){
console.log(err); const loadingEl =
document.getElementById('smart_recommend_loading'); if (loadingEl) {
loadingEl.style.display = 'none'; } }); } getStyle(ele, style) { if (!ele)
return; if (window.getComputedStyle) { return
window.getComputedStyle(ele)[style]; } return ele.currentStyle[style]; }
directTo(id, direction) { const scrollElement =
document.getElementById(`smart_recommend_rule_ul_${id}`); const blockWidth =
parseInt(this.getStyle(scrollElement, 'width')); const scrollLength =
(blockWidth * 0.19 - 12) * 5; const scrollPoint = scrollElement.scrollWidth -
scrollElement.clientWidth; if (!scrollElement) return; if (direction === 'left')
{ if (document.dir === 'rtl') { scrollElement.scrollTo({ left:
Math.abs(scrollElement.scrollLeft) >= scrollPoint - 100 ? 0 :
scrollElement.scrollLeft - scrollLength, behavior: 'smooth' }); return; }
scrollElement.scrollTo({ left: Math.max(scrollElement.scrollLeft - scrollLength,
0), behavior: 'smooth' }); } else { if (document.dir === 'rtl') {
scrollElement.scrollTo({ left: Math.abs(scrollElement.scrollLeft) >= scrollPoint
+ 100 ? 0 : scrollElement.scrollLeft + scrollLength, behavior: 'smooth' });
return; } scrollElement.scrollTo({ left: scrollElement.scrollLeft >= scrollPoint
- 100 ? 0 : scrollElement.scrollLeft + scrollLength, behavior: 'smooth' }); } }
trackRuleImpress(rule) { if (window.sa && window.sa.track) {
window.sa.track("plugin_common", { plugin_name: "upsell", event_type:
"impressions", rule_id: rule.id, ssp: rule.ssp, scm: rule.scm, show_type:
this.show_type_, support_app_block: window.SHOPLAZZA.theme.support_app_block });
window.sa.track("module_impressions", { aid:
`smart_recommend.${this.show_type_}.${rule.id}`, support_app_block:
window.SHOPLAZZA.theme.support_app_block }); } } trackQuickShop(data) {
window.sa && sa.track && sa.track("plugin_common", { plugin_name: "upsell",
event_type: "quick_shop", rule_id: data.rule_id, product_id: data.product_id,
show_type: this.show_type_, }); } impressListen(selector, cb) { const el =
document.querySelector(selector); const onImpress = (e) => { if (e) {
e.stopPropagation(); } cb(); }; if (el && !el.getAttribute('imprsd')) {
el.addEventListener('impress', onImpress) } else if (el) { onImpress(); } } }
SPZ.defineElement('spz-custom-smart-block', SpzSmartBlockComponent);
${(function(){ const product = data.product; const toQuery = obj =>
Object.keys(obj) .map(k => Array.isArray(obj[k]) ? obj[k].map(v =>
`${k}[]=${encodeURIComponent(v)}`).join('&') :
`${k}=${encodeURIComponent(obj[k])}` ) .join('&'); return `
${product.images.map((image) => { return `` }).join('')}
${product.title}
See detail
Quantity
Add To Cart Buy Now
`; })()}
${(function(){ const product = data.product; const avail_variants =
product.variants.filter(function(variant){ return variant.available; }); const
selected_variant = product.min_price_variant.available ?
product.min_price_variant : avail_variants.length && avail_variants[0]; return `
${option.name}
${ option.values.map(function(value, index){ const checked =
selected_variant["option"+option.position] == value ? "checked": ""; return `
${value}
` }).join("") }
` })()}
SHOES WITH ACCS WITH
$59.79
Retro Lace Up Chunky Heel Brogue Shoes
$59.79 $65.79 Save $6.00
$43.79
Men Point Toe Dress Shoes
$43.79
$67.79
Fashion Patchwork Pointed Toe PU Leather Shoes
$67.79
$68.79
Party Suede Pointed Toe Rhinestone Decor Slip-on Loafers
$68.79
$64.79
Fashion Leopard Pattern Pointed Toe PU Leather Ankle Boots
$64.79
$36.79
Business Color Block Point Toe Carved Dress Shoes
$36.79
$62.79
Fashion Iridescent Crocodile Pattern Buckle PU Leather Shoes
$62.79
NEW
$39.79
Beach Clip Toe PU Leather Solid Sandals
$39.79
$57.79
Business Pointed Toe Tassel Shallow Mouth Leather Shoes
$57.79
$38.79
Casual Grid Lace Up Denim Canvas Moccasin Shoes
$38.79
$59.79
Retro Lace Up Chunky Heel Brogue Shoes
$59.79 $65.79 Save $6.00
$43.79
Men Point Toe Dress Shoes
$43.79
$67.79
Fashion Patchwork Pointed Toe PU Leather Shoes
$67.79
$68.79
Party Suede Pointed Toe Rhinestone Decor Slip-on Loafers
$68.79
$64.79
Fashion Leopard Pattern Pointed Toe PU Leather Ankle Boots
$64.79
$36.79
Business Color Block Point Toe Carved Dress Shoes
$36.79
View more
$14.79
Formal Plaid Rhinestone Tiered Bow Tie
$14.79
$18.79
PU Leather Automatic Buckle Belt
$18.79
$6.79
Daily Solid Color Winter Rib Knit Cap
$6.79 $16.79 Save $10.00
$47.79
Retro Wide Trim With Ethnic Embellishments Hat
$47.79
$14.79
Fashionable Pearl Copper Inlaid Zirconia Rose Blazer Brooch
$14.79 $30.79 Save $16.00
$5.79
Fashion Rhinestone Multi-Layer Alloy Brooch Pin
$5.79
$38.79
Retro Bow Decor Upturned Brimmed Wool Hat
$38.79
$5.79
Business Houndstooth Pattern Contrast Color Knitted Necktie
$5.79
$8.79
Hip-hop Wings Titanium Steel Twist Chain Necklace
$8.79
$29.79
Vacation Stripe Ribbon Decorated Sunshade Straw Hat
$29.79
$14.79
Formal Plaid Rhinestone Tiered Bow Tie
$14.79
$18.79
PU Leather Automatic Buckle Belt
$18.79
$6.79
Daily Solid Color Winter Rib Knit Cap
$6.79 $16.79 Save $10.00
$47.79
Retro Wide Trim With Ethnic Embellishments Hat
$47.79
$14.79
Fashionable Pearl Copper Inlaid Zirconia Rose Blazer Brooch
$14.79 $30.79 Save $16.00
$5.79
Fashion Rhinestone Multi-Layer Alloy Brooch Pin
$5.79
View more
Subscribe and Get 10%OFF || Code:OKAYWEAR10
Subscribe
Thanks for subscribing
OKAYWEAR INFO
* About Us
* Privacy Policy
* Affiliate Program
* Terms & Conditions
* Intellectual Property Policy
HELP & SUPPORT
* Shipping Policy
* Payment Policy
* Refund & Returns
* Bulk Purchaser Policy
* How To Orders
* Size Guide
CUSTOMER SERVICE
* Contact Us
* FAQs
Get in touch
support@okaywear.com
Follow us
We accept
PayPal Visa Discover Diners Club Maestro Mastercard
© 2024 Okaywear © Copyright-Okaywear.com. All rights reserved.
SIGN UP AND SAVE
Entice customers to sign up for your mailing list with discounts or exclusive
offers. Include an image for extra impact.
Subscribe
Thanks for subscribing
Optional button
Lucky Gift
JOIN US NOW*
Free Shipping
Sorry...
10% off
Sorry...
$89-$5 Off
Sorry...
$129-$15
Sorry...
$500-$100
Sorry...
This field is required
The email address must contain @ and a valid domain
Something went wrong!
Let's start spinning
Welcome to OKAYWEAR!
Congratulations on getting a coupon
Please don’t forget to fill in the discount code when checking out！
You are already subscribed
Shop now
111
GIFTS
POINTS
111
$0.00
1
Item has been added
${(function(){ const products = data.products; const getDefaultVariant =
function(product){ if (product.min_price_variant.available){ return
product.min_price_variant; }else { const avail_variants =
product.variants.filter(function(variant){ return variant.available; }); if
(avail_variants.length) { return avail_variants[0]; } } }; const toQuery = obj
=> Object.keys(obj) .map(k => Array.isArray(obj[k]) ? obj[k].map(v =>
`${k}[]=${encodeURIComponent(v)}`).join('&') :
`${k}=${encodeURIComponent(obj[k])}` ) .join('&'); const getDefaultTrackParams =
function(product, index){ const variant = getDefaultVariant(product); const
params = { aid: 'smart_recommend.2.' + data.id, scm: product.scm || data.scm ||
'', spm: data.spmBase + '.' + index, ssp: data.ssp || '', }; const trackParams =
Object.keys(params).map(function(key){ return params[key]; }).join('__'); return
trackParams; }; const hasMore = (data.products.length -
data.target_top_product_num - data.page * data.limit) === 0; return `
${(function(){ return `
${data.config.pop_title}
${data.rebate_tips || ''}
`; })()}
${product.title}
Added
`; })()}
class SpzCustomComponent extends SPZ.BaseElement { constructor(element) {
super(element); this.templates_ = null; this.container_ = null;
this._atcLineItem = {}; this.cart_ = {}; this.top_product_ids_ = [];
this.products_ = []; this.activityId_ = null; this.rendered_ = false;
this.myInterceptor_ = null; this.i18n_ = {}; this.config_ = {}; this.page_ = 1;
this.limit_ = 10; this.loading_ = false; } static deferredMount() { return
false; } isLayoutSupported(layout) { return layout == SPZCore.Layout.CONTAINER;
} buildCallback() { this.templates_ = SPZServices.templatesForDoc(this.element);
this.setAction_(); } mountCallback() { console.log('pop mounted'); this.i18n_ =
window.smartRecommendI18n &&
window.smartRecommendI18n[document.documentElement.lang || 'en-US'] || {}; const
cartPopRenderEl = document.getElementById("smart_cart_pop_render"); const
modalEl = document.getElementById("smart_cart_pop_modal"); const spmBase =
`smart_recommend_2`; const extra = { spmBase: spmBase, i18n: this.i18n_, };
const that = this; document.addEventListener('dj.addToCart', (event) => { try {
const e = event.detail; if (e.source === 'buy_now' || window.__upsell_block ||
this.rendered_) return; that.fetchActivityData({product_id: e.product_id,
variant_id: e.variant_id}).then(data => { if (!data || !data.products ||
!data.products.length) return; that.config_ = data.config; const recommendStyle
= document.createElement('style'); recommendStyle.innerHTML = `
#plugin_recommend_atc_pop { display: none !important; } `;
document.head.appendChild(recommendStyle); if (data.config.pop_frequency ===
'once' && window.sessionStorage.getItem('smart_pop_times') > 0) return;
SPZ.whenApiDefined(cartPopRenderEl).then(function(api){
api.render(Object.assign({}, data, extra), true).then(function() {
that.rendered_ = true; if (data.products.length) { const headEl =
document.getElementById("smart_cart_pop_head_render"); if (headEl) {
SPZ.whenApiDefined(headEl).then(function(head){ head.render({ data: data }); });
} SPZ.whenApiDefined(modalEl).then(function(api){
that.impressListen('#smart_cart_pop_activity', function(){
that.trackPluginImpression_(data); }); api.open(); const intersectionObserver =
new IntersectionObserver( function (entries) { if (entries[0].intersectionRatio
> 0){ !that.loading_ && (that.products_.length - that.target_top_product_num_)
=== that.page_ * that.limit_ && that.viewMore(); } }, { threshold: [0.1] } );
intersectionObserver.observe(
document.querySelector('#smart_cart_pop_view_more_text') ); }); } }) }); }) }
catch (e) { console.error(e); } }); } unmountCallback() { } viewMore () { const
cartPopRenderEl = document.getElementById("smart_cart_pop_render"); const that =
this; const data = {}; SPZ.whenApiDefined(cartPopRenderEl).then(function(api){
that.fetchActivityData({ page: that.page_ + 1, limit: that.limit_
}).then(function(data) { data.products = that.products_;
data.target_top_product_num = that.target_top_product_num_; data.i18n =
that.i18n_; data.spmBase = `smart_recommend_2`; api.render(data); }) }) }
fetchActivityData(data) { const that = this; if (data.product_id) {
that._atcLineItem = data; } that.loading_ = true; return
that.getCart().then(cart => { that.cart_ = cart.cart; return
fetch(window.SHOPLAZZA.routes.root + "/api/possum/recommend_activities", {
method: "POST", headers: { "Content-Type": "application/json", "store-id":
window.SHOPLAZZA.shop.shop_id, }, body: JSON.stringify({ "show_type": 2,
"line_item": { "product_id": that._atcLineItem.product_id, "variant_id":
that._atcLineItem.variant_id, }, line_items: cart.cart.line_items, "page":
data.page || 1, "limit": data.limit || 10, }) }).then(function(res){ if(res.ok){
return res.json(); } }).then(function(data){ data.cart = cart.cart; if
(data.page === 1) { that.target_top_product_num_ = data.target_top_product_num
|| 0; } that.products_ = that.products_.concat(data.products || []); that.page_
= data.page || 1; that.limit_ = data.limit || 10; return data;
}).catch(function(e){ console.log(e); }).finally(function(){ that.loading_ =
false; }) }); }; setAction_() { this.registerAction('changeBannerColor', (data)
=> { if (!data.args.data || !data.args.data.data || !data.args.data.data.data)
return false; const config = data.args.data.data.data.config; const bannerBgEl =
document.querySelector('.smart_cart_pop_banner_bg'); if (bannerBgEl && config) {
bannerBgEl.style.background = config.banner_bg_color; bannerBgEl.style.color =
config.banner_text_color; } }); this.registerAction('handleProductChange',
(data) => { const that = this; const imageEl =
document.getElementById(`smart_cart_pop_image_${data.args.data.product_id}`);
SPZ.whenApiDefined(imageEl).then(function(api){ api.render({ data:
data.args.data, config: that.config_ }); }); const atcTextEl =
document.getElementById(`smart_cart_pop_atc_${data.args.data.product_id}`);
SPZ.whenApiDefined(atcTextEl).then(function(api){ api.render({ data:
data.args.data, defaultText: data.args.defaultText, soldOutText:
that.i18n_.sold_out }); }); if (data.args.data.variant.available) {
document.getElementById(`smart_cart_pop_atc_btn_${data.args.data.product_id}`).classList.remove('zb-pointer-events-none');
} else {
document.getElementById(`smart_cart_pop_atc_btn_${data.args.data.product_id}`).classList.add('zb-pointer-events-none');
} }); this.registerAction('handleProduct', (detail) => { const that = this;
this.renderProductsForm_(detail.args.data.data); });
this.registerAction('addATCHook', (data) => { const params = data.args;
this.myInterceptor_ = window.djInterceptors && window.djInterceptors.track.use({
event: 'dj.addToCart', params: { aid: 'smart_recommend.2.' + params.activity_id,
ssp: params.ssp, scm: params.scm, cfb: params.cfb, spm:
`..${window.SHOPLAZZA.meta.page.template_name}.${params.spm}`, }, once: true });
}); this.registerAction('handleAtcSuccess', (detail) => {
detail.args.data.product = detail.args.data.product || {};
detail.args.data.variant = detail.args.data.variant || {}; const defParams =
detail.args.product.split('__'); const product_id = detail.args.data.product.id;
const product_title = detail.args.data.product.title; const variant_id =
detail.args.data.variant.id; const price = detail.args.data.variant.price; const
aid = defParams[0]; const ifb = detail.args.data.product.ifb; const cfb =
detail.args.data.product.cfb; const scm = defParams[1]; const spm =
defParams[2]; const ssp = defParams[3]; const params = { id: product_id,
product_id: product_id, number: 1, name: product_title, variant_id: variant_id,
childrenId: variant_id, item_price: price, source: 'add_to_cart', _extra: { aid:
aid, ifb: ifb, cfb: cfb, scm: scm, spm:
`..${window.SHOPLAZZA.meta.page.template_name}.${spm}`, ssp: ssp, } }; const
activity_id = `${detail.args.activity_id}`; const target_drive_way =
detail.args.target_drive_way;
document.getElementById(`smart_cart_pop_loading_${product_id}`).classList.add('zb-hidden');
document.getElementById(`smart_cart_pop_added_${product_id}`).classList.remove('zb-hidden');
setTimeout(() => {
document.getElementById(`smart_cart_pop_added_${product_id}`).classList.add('zb-hidden');
document.getElementById(`smart_cart_pop_atc_${product_id}`).classList.remove('zb-hidden');
document.getElementById(`smart_cart_pop_atc_btn_${product_id}`).classList.remove('zb-pointer-events-none');
}, 1000); this.tranckAddToCart(params); if (target_drive_way === 'rebate') {
const bannerEl = document.getElementById(`smart_cart_pop_banner`);
this.getRecommendInfo(activity_id).then(res => { if (res && res.rebate_tips) {
bannerEl.innerHTML = res.rebate_tips; } }) } });
this.registerAction('handleCartSummary', (event) => { const that = this; const
checkoutButtonEle = document.getElementById("smart_cart_pop_checkout_button");
if (checkoutButtonEle) {
SPZ.whenApiDefined(checkoutButtonEle).then(function(api){ api.render({ i18n:
that.i18n_ }, false); }); } const tipEl =
document.getElementById("smart_cart_pop_tip_info"); const cart = event &&
event.args && event.args.data && event.args.data.data; if (!tipEl || !cart)
return; let total_price = cart.total_price; if (!total_price) {
SPZ.whenApiDefined(tipEl).then(function(api){ api.render({ total_price:
total_price, i18n: that.i18n_ }, false); }); } else {
this.getBindDiscount_(cart.line_items).then(res => { if (res &&
res.discount_code){ const total = cart.line_price - cart.total_discount -
res.bundle_discount_value; if (total > 0) { total_price = total; } else {
total_price = 0; } } SPZ.whenApiDefined(tipEl).then(function(api){ api.render({
total_price: total_price, i18n: that.i18n_ }, false); }); }) } });
this.registerAction('open', () => {
window.sessionStorage.setItem('smart_pop_times',
Number(window.sessionStorage.getItem('smart_pop_times')) + 1); });
this.registerAction('close', () => { this.rendered_ = false; this.products_ =
[]; window.djInterceptors &&
window.djInterceptors.track.eject(this.myInterceptor_); }); } getCart() { return
fetch(`${window.SHOPLAZZA.routes.root || ''}/api/cart`, { method: 'GET',
headers: { 'Content-Type': 'application/json; charset=UTF-8', }, }).then(res =>
res.json()) } getRecommendInfo (activity_id) { return this.getCart().then(cart
=> { this.cart_ = cart.cart; return fetch(`${window.SHOPLAZZA.routes.root ||
''}/api/possum/recommend_info`, { method: 'POST', headers: { 'Content-Type':
'application/json; charset=UTF-8', }, body: JSON.stringify({ show_type: 2,
rule_id: `${activity_id}`, line_items: cart.cart.line_items, line_item:
this._atcLineItem, }) }).then(res => res.json()) }) } renderProductsForm_(data)
{ const products = data.products; const listPopRenderEl =
document.getElementById("smart_cart_pop_render"); if (!listPopRenderEl) return;
listPopRenderEl.querySelectorAll('.smart_cart_pop_atc_btn_bg').forEach(function(el){
el.style.background = data.config.add_to_cart_button_color; });
products.forEach(function(product){ const productId = product.id; const
productFormEls =
listPopRenderEl.querySelectorAll(`ljs-product-form[product-id="${productId}"]`);
let variantsEl =
listPopRenderEl.querySelectorAll(`ljs-product-form[product-id="${productId}"]
#smart_cart_pop_variant_${productId}_mobile ljs-variants`); if
(window.innerWidth > 768) { variantsEl =
listPopRenderEl.querySelectorAll(`ljs-product-form[product-id="${productId}"]
#smart_cart_pop_variant_${productId}_pc ljs-variants`); }
productFormEls.forEach(function(el){ SPZ.whenApiDefined(el).then(function(api){
api.setProduct(product); }); }); variantsEl.forEach(function(el){
SPZ.whenApiDefined(el).then(function(api){ api.handleRender(product); }); }) });
} tranckAddToCart(detail) { if (window.$) {
window.$(document.body).trigger('dj.addToCart', detail); } }
trackPluginImpression_(rule){ if (window.sa && window.sa.track) {
window.sa.track("module_impressions", { aid: `smart_recommend.2.${rule.id}` });
} } getBindDiscount_(carts) { let bundle_sale_ids = []; try { bundle_sale_ids =
sessionStorage['bundle_sale_ids'] &&
JSON.parse(sessionStorage['bundle_sale_ids']).filter((item, index, arr) =>
arr.indexOf(item, 0) === index).slice(-5); } catch (err) { console.error(err); }
if (!carts.length) { Promise.resolve(); } return
fetch(`${window.SHOPLAZZA.routes.root || ''}/api/bundle-sales/cart`, { method:
'POST', headers: { 'Content-Type': 'application/json; charset=UTF-8',
'store-id': window.SHOPLAZZA.shop.shop_id, }, body: JSON.stringify({ cart:
carts, action_type: 'cart', bundle_sale_ids }) }).then(res => res.json()) }
impressListen(selector, cb) { const el = document.querySelector(selector); const
onImpress = (e) => { if (e) { e.stopPropagation(); } cb(); }; if (el &&
!el.getAttribute('imprsd')) { el.addEventListener('impress', onImpress) } else
if (el) { onImpress(); } } } SPZ.defineElement('spz-custom-smart',
SpzCustomComponent); ${function(){ return `
${data.data.rebate_tips || ''}
`; }()} ${function(){ const getImageHeight = function(image){ const width =
image.width || 500; const height = image.height || 500; const image_size =
data.config.image_size || 0; let ratio = 0; if(image_size == 0){ ratio = (height
/ width).toFixed(2); }else if(image_size == 1){ ratio = 1.5; } return 132 *
ratio; }; const image = data.data.variant.image || data.data.product.image;
return ` `; }()}
${(function(){ const product = data.product; const avail_variants =
product.variants.filter(function(variant){ return variant.available; }); const
selected_variant = product.min_price_variant.available ?
product.min_price_variant : avail_variants.length && avail_variants[0]; return `
${option.name}
${ option.values.map(function(value, index){ const checked =
selected_variant["option"+option.position] == value ? "checked": ""; return `
${value}
` }).join("") }
` })()}
${(function(){ const variant = data.variant; return `
`; })()} ${(function(){ const variant = data.variant; return `
${ variant.options.map(function(option){ return option.value; }).join("/") ||
'Not exist' }
`; })()} ${(function(){ const variant = data.data && data.data.variant; const
defaultText = data.defaultText || 'Add To Cart'; const text = (!variant ||
variant.available) ? defaultText: data.soldOutText; return `
${text}
`; })()} ${(function(){ let cart = data; if(data.data) { cart = data.data; }
return `
${cart.item_count >=0 ? cart.item_count : '..'}
`; })()} ${(function(){ return `
${data.i18n.checkout}
`; })()}
See detail
$0.00
Quantity
1
Ends in:
0
0
:
0
0
:
0
$0.00
Buy now
Buy now
We care about your privacy
We use cookies to give you the best shopping experience. If you continue to use
our services, we will assume that you agree to the use of such cookies. Click
here for more information on our Privacy Policy. Privacy policy
DECLINE ACCEPT
Originaltext
Diese Übersetzung bewerten
Mit deinem Feedback können wir Google Übersetzer weiter verbessern