www.okaywear.com
Open in
urlscan Pro
2606:4700::6812:e82a
Public Scan
Submitted URL: http://www.okaywear.com/collections/blazers?spm=..cart.header_1.1&spm_prev=..product_00b1cae5-4ba8-4cc2-83ed-21ec2704cc3...
Effective URL: https://www.okaywear.com/collections/blazers?spm=..cart.header_1.1&spm_prev=..product_00b1cae5-4ba8-4cc2-83ed-21ec2704cc3...
Submission: On March 13 via api from US — Scanned from US
Effective URL: https://www.okaywear.com/collections/blazers?spm=..cart.header_1.1&spm_prev=..product_00b1cae5-4ba8-4cc2-83ed-21ec2704cc3...
Submission: On March 13 via api from US — Scanned from US
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: #FFFFFF;
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: #A74134;
}
.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: #E5D0A5;
}
.omnisend-form-65d55bb2ce1b1bf0aa7ab0ba-wof-650a5f5196e18d75fcc99ca3-rotor-slices path:nth-child(4),
.omnisend-form-65d55bb2ce1b1bf0aa7ab0ba-wof-650a5f5196e18d75fcc99ca3-rotor-slices path:nth-child(9) {
fill: #CA9037;
}
.omnisend-form-65d55bb2ce1b1bf0aa7ab0ba-wof-650a5f5196e18d75fcc99ca3-rotor-slices path:nth-child(3),
.omnisend-form-65d55bb2ce1b1bf0aa7ab0ba-wof-650a5f5196e18d75fcc99ca3-rotor-slices path:nth-child(8) {
fill: #ECDAB6;
}
.omnisend-form-65d55bb2ce1b1bf0aa7ab0ba-wof-650a5f5196e18d75fcc99ca3-rotor-slices path:nth-child(2),
.omnisend-form-65d55bb2ce1b1bf0aa7ab0ba-wof-650a5f5196e18d75fcc99ca3-rotor-slices path:nth-child(7) {
fill: #FFBD5C;
}
.omnisend-form-65d55bb2ce1b1bf0aa7ab0ba-wof-650a5f5196e18d75fcc99ca3-rotor-slices path:nth-child(1),
.omnisend-form-65d55bb2ce1b1bf0aa7ab0ba-wof-650a5f5196e18d75fcc99ca3-rotor-slices path:nth-child(6) {
fill: #FED289;
}
</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: #21095D;
background-color: #DC8615;
border-radius: 0px;
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 Translate
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 Outerwear
* New In Tops
* New In Bottoms
* BEST SELLER
* ST. PATRICK'S DAY☘️
* 2024S/S
* TREND
* TREND
* SHOP BY STYLE
* SHOP BY STYLE
* Business Style Hot
* Casual Style
* Vacation Style
* SHOP BY COLOR
* SHOP BY COLOR
* Pink
* Purple
* Red
* Green
* Khaki
* Grey
* SHOP BY FARBIC
* SHOP BY FARBIC
* Leather
* Velvet
* Denim
* Knitted
* Linen
* SHOP BY TREND
* SHOP BY TREND
* Wedding Season
* Summer Sale
* Swimwear
* CLOTHING
* CLOTHING
* TWO PIECE OUTFITS
* TWO PIECE OUTFITS
* Casual Sets
* Blazer Sets
* OUTERWEAR
* OUTERWEAR
* Blazers Hot
* Men's VEST
* Trench Coat NEW
* Coats & Jackets
* Downs & Parkas
* TOPS
* TOPS
* Hoodies & Sweatshirts
* Sweaters NEW
* Shirts
* T-shirts
* Polo Shirts
* Tees & Tanks
* BOTTOMS
* BOTTOMS
* Suit Pants
* Casual Pants
* Sports Pants
* Shorts Pants
* SHOES & ACC
* SHOES & ACC
* Shoes
* Accessories
* BLAZERS Hot
* TWO PIECE OUTFITS
* TWO PIECE OUTFITS
* Blazer Sets
* Casual Sets
* TOPS
* TOPS
* Hoodies & Sweatshirts
* Sweaters NEW
* Shirts
* T-shirts
* Polo Shirts
* Tees & Tanks
* 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 Outerwear New In Tops
New In Bottoms
* BEST SELLER
* ST. PATRICK'S DAY☘️
* 2024S/S
* TREND
* SHOP BY STYLE Business Style Hot Casual Style Vacation Style
* SHOP BY COLOR Pink Purple Red Green Khaki Grey
* SHOP BY FARBIC Leather Velvet Denim Knitted Linen
* SHOP BY TREND Wedding Season Summer Sale Swimwear
* CLOTHING
* TWO PIECE OUTFITS Casual Sets Blazer Sets
* OUTERWEAR Blazers Hot Men's VEST Trench Coat NEW Coats & Jackets Downs &
Parkas
* TOPS Hoodies & Sweatshirts Sweaters NEW Shirts T-shirts Polo Shirts Tees &
Tanks
* BOTTOMS Suit Pants Casual Pants Sports Pants Shorts Pants
* SHOES & ACC Shoes Accessories
* BLAZERS
Hot
* TWO PIECE OUTFITS
Blazer Sets
Casual Sets
* TOPS
Hoodies & Sweatshirts
Sweaters NEW
Shirts
T-shirts
Polo Shirts
Tees & Tanks
* SALE
Under $9.99
Ships within 24Hrs
* More links
Top search terms
Red Purple💜 Suits Shoes👞 Leopard Sets Plaid Houndstooth Dating💞
Top searched
BUSINESS CASUAL HOUNDSTOOTH POCKET TURNDOWN COLLAR BLAZER
$50.79
+1
FORMAL TUNRDOWN COLLAR BELT POCKET LONG SLEEVE BLAZER
$59.79
FORMAL JACQUARD BUCKLE TURNDOWN COLLAR TUXEDO BLAZER
$62.79
SAINT PATRICK'S DAY WITH BUTTONS CLOVER PATTERN BLAZER
$50.79
+5
WASTELAND LINEN SOLID COLOR WITH HOODED CAPE SCARF
$23.79
OK ELEGANT ALLOVER PRINT LAPEL COLLAR ONE BUTTON BLAZER
$48.79
239 Products
239 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
BUSINESS NOTCH LAPEL POCKETS LONG SLEEVE BLAZER
$53.79
NEW
FORMAL STAND COLLAR IRREGULAR BUTTON EMBROIDERY BLAZER
$68.79
NEW
FORMAL SOLID COLOR DOUBLE BREASTED CHEST POCKET BLAZER
$59.79
NEW
FORMAL ALLOVER PRINT SHAWL NECK SIDE BUCKLE BLAZER
$63.79
NEW
SALE
FORMAL LEOPARD PRINT LAPEL COLLAR SINGLE BREASTED BLAZER
$58.79 $69.79
Save $11.00
NEW
SALE
OKAYWEAR PU LEATHER ANIMAL PRINT SINGLE BREASTED BLAZER
$59.79 $69.79
Save $10.00
NEW
FORMAL SINGLE BREASTED LAPEL COLLAR SOLID BLAZER
$59.79
NEW
FORMAL ALLOVER PRINT SHAWL NECK WRAP BLAZER
$62.79
NEW
FORMAL TURNDOWN COLLAR POCKETS CUFF BUTTON BLAZER
$62.79
NEW
FORMAL SHAWL NECK PATCHWORK WRAP LONG SLEEVE BLAZER
$64.79
NEW
SALE
OKAYWEAR BUSINESS NOTCH LAPEL POCKETS WAFFLE BLAZER
$53.79 $65.79
Save $12.00
NEW
+1
DAILY SINGLE BREASTED NOTCH LAPEL PLAIN BLAZER
$55.79
NEW
BUSINESS PLAID TURNDOWN COLLAR CHEST POCKET BLAZER
$50.79
NEW
FORMAL DOUBLE BREASTED LAPEL COLLAR SOLID BLAZER
$62.79
NEW
FORMAL SHAWL NECK ALLOVER PRINT LONG SLEEVE BLAZER
$59.79
NEW
+3
BUSINESS CASUAL NOTCH LAPEL SINGLE BREASTED BLAZER
$50.79
NEW
+6
BUSINESS NOTCH LAPEL LINEN SINGLE BREASTED BLAZER
$49.79
NEW
BUSINESS DOUBLE BREASTED CHEST POCKET WITH BELT BLAZER
$55.79
NEW
NOTCH LAPEL SINGLE BREASTED PU LEATHER BLAZER
$59.79
NEW
+1
BUSINESS LAPEL COLLAR CUFF BUTTON SOLID COLOR BLAZER
$50.79
NEW
BUSINESS CASUAL PLAID SINGLE BREASTED TUNRDOWN COLLAR BLAZER
$50.79
NEW
BUSINESS CASUAL POLKA DOT PATTERN PATCHWORK BLAZER
$50.79
NEW
+2
BUSINESS DOUBLE BREASTED PLAID TURNDOWN COLLAR BLAZER
$56.79
NEW
BUSINESS TURNDOWN COLLAR SIDE BUTTON SOLID COLOR BLAZER
$54.79
NEW
BUSINESS NOTCH LAPEL PLAID CHEST POCKET SINGLE BREASTED BLAZER
$50.79
NEW
BUSINESS CASUAL TURNDOWN COLLAR PLAID LONG SLEEVE BLAZER
$50.79
NEW
BUSINESS NOTCH LAPEL PLAID SINGLE BREASTED CHEST POCKET BLAZER
$50.79
NEW
BUSINESS CASUAL TIE DYE PRINT POCKETS AZTEC COWBOY BLAZER
$54.79
NEW
TRIBAL PRINT POCKETS SINGLE BREASTED AZTEC COWBOY BLAZER
$54.79
NEW
DAILY AZTEC COWBOY TRIBAL PRINT PATCHWORK POCKETS BLAZER
$53.79
NEW
BUSINESS CHECKERBOARD SINGLE BREASTED LONG SLEEVE BLAZER
$50.79
NEW
BUSINESS ALLOVER PRINT LONG SLEEVE TURNDOWN COLLAR BLAZER
$50.79
NEW
+1
BUSINESS SPLIT COLLAR HOUNDSTOOTH CUFF BUTTON BLAZER
$49.79
NEW
SEMI-FORMAL PURPLE PLAID SINGLE BREASTED BLAZERS
$50.79
NEW
+2
SEMI FORMAL NEON SINGLE BREASTED BLAZER
$56.79
BUSINESS TURNDOWN COLLAR SINGLE BREASTED LONG SLEEVE BLAZER
$50.79
NEW
STRIPED NOTCH LAPEL SINGLE BREASTED LONG SLEEVE BLAZER
$50.79
NEW
NOTCH LAPEL COLORBLOCK STRIPE SINGLE BREASTED BLAZER
$50.79
NEW
BUSINESS NOTCH LAPEL PLAID PATCHWORK SINGLE BREASTED BLAZER
$50.79
NEW
PATCHWORK BUTTON WITH BOW TIE BLAZER & PANT 2PCS SET
$69.79
NEW
Sorry, there are no products in this collection.
1 2 3 4 5 6
${function(){ const rules = data.data.rules; return `
` }()}
You May Also Like
* Casual Solid Twist Knit Pocket Drawstring Hoodie
Quick Shop
* Casual Plain V Neck Half Sleeve Loose Shirt & Drawstring Pants 2Pcs Set
Quick Shop
* PU Leather Notch Lapel Single Breasted Blazer & Pants 2Pcs Set
Quick Shop
* Patchwork Stand Collar Double Breasted Blazer & Pants 2Pcs Set
Quick Shop
* OK Casual Plain Hollow Breathable Polo Shirt & Pants 2Pcs Set
Quick Shop
* Daily Multi-Pocket Turndown Collar Buttons Plaid Jacket
Quick Shop
* Fashion Colorblock Plaid Lapel Collar Button Blazer & Pants 2Pcs Set
Quick Shop
* OK Casual Color Block Button Shirt & Pencil Pants 2Pcs Set
Quick Shop
* Contrast Trim Pockets Turndown Collar PU Jacket & Pants 2Pcs Set
Quick Shop
* PU Leather Notch Lapel Two Buttons Jacket & Pants 2Pcs Set
Quick Shop
* OK Fashion Color Block Plaid Print Slim Fit Pencil Pants
Quick Shop
* Casual Plain V Neck Half Sleeve Loose Shirt & Drawstring Shorts 2Pcs Set
Quick Shop
* Casual Plain Notch Collar Long Sleeve Shirt
Quick Shop
* OK Casual Plaid Lapel Collar Slim Fit Blazer & Pants 2Pcs Set
Quick Shop
* OK Casual Plain Lapel Collar Linen Blazer & Shorts 2Pcs Set
Quick Shop
* Casual Solid Turtleneck Knitted Long Sleeve Sweater
Quick Shop
* Daily Solid Color High Neck Pockets Rib Knit Long Sweater
Quick Shop
* Men Luxury Lapel Fuzzy Overcoat
Quick Shop
* OK Fashion Polka Dot Print Short Sleeve Shirt & Pants 2Pcs Set
Quick Shop
* Geo Pattern Half Zip Polo Shirt & Pocket Shorts
Quick Shop
* Turndown Collar Solid Color Chest Pockets Jacket & Pants 2Pcs Set
Quick Shop
* Glamorous Plain Hollow Sheer Mesh Panel Drawstring Shorts
Quick Shop
* Retro Floral Pattern Stand Collar Jacket & Pants 2Pcs Set
Quick Shop
* Fashionable Colorblock Lace Up Flat Leather Shoes
Quick Shop
* Casual Plain PU Leather Slim Fit Pocket Pencil Pants
Quick Shop
* Fashion Leopard Pattern Pointed Toe PU Leather Ankle Boots
Quick Shop
* Men Point Toe Dress Shoes
Quick Shop
* OK Casual Polka Dot Long Sleeve Shirt & Pants 2Pcs Set
Quick Shop
* Formal Notch Lapel Double Breasted Pockets Blzer & Pant 2Pcs Set
Quick Shop
* OK Fashion Patchwork Pocket Drawstring Knitted Hoodie
Quick Shop
* Fuzzy Collar Thermal Winter Jacket
Quick Shop
* Single Breasted Pockets Safari Jacket & Pant 2Pcs Set
Quick Shop
* Double Breasted Pocket Lapel Collar Solid Coat
Quick Shop
* OK Contrast Trim Notch Lapel PU Blazer & Pants 2Pcs Set
Quick Shop
* Casual Stand Collar Zipper Striped Long Sleeve Sweaters
Quick Shop
* PU Leather Patchwork Notch Lapel Blazer & Vest & Pants 3Pcs Set
Quick Shop
* Retro Square Toe Zipper Stone Pattern PU Leather Boots
Quick Shop
* PU Leather Turndown Collar Solid Single Breasted Coat
Quick Shop
* OK Elegant Plaid Print Lapel Collar Single Breasted Blazer Vest
Quick Shop
* Fashion Calico Lapel Collar Short Sleeve Loose Polo Shirt
Quick Shop
* Retro Floral Pattern Contrast Collar Blazer & Pants 2Pcs Set
Quick Shop
* OK Casual Plain Short Sleeve Polo Shirt & Pants 2Pcs Set
Quick Shop
* OK Dressy Plaid Blazer & Pants & Vest & Shirt & Bow Tie 5Pcs Set
Quick Shop
* Fashion Foliage Print Stand Collar Short Sleeve Shirt & Straight Pants 2Pcs
Set
Quick Shop
* Business Straight Leg Pockets Shirt Collar Velvet Jumpsuit
Quick Shop
* Retro Lace Up Chunky Heel Brogue Shoes
Quick Shop
* Patchwork Flap Pocket Button Up Jacket
Quick Shop
* Solid Round Toe Ankle Dr.Martens Boots
Quick Shop
* Vintage Crocodile Embossed Point Toe Leather Dress Shoes
Quick Shop
* Fashion Color Block Stripe Lapel Collar Short Sleeve Slim Fit Shirt
Quick Shop
* Men Ribbed Zip Up Knit Coat
Quick Shop
* Casual Plain Round Neck Short Sleeve Slim Fit Tee & Drawstring Pants Set
Quick Shop
* Retro Floral Pattern Contrast Color Stand Collar Buttons Tailcoat
Quick Shop
* OK Casual Textured Pattern Pocket Half Placket Drawstring Hoodie
Quick Shop
* Casual Plain Snap Button Pocket Long Sleeve Jacket & Pencil Pants 2Pcs Set
Quick Shop
* Knitted Crew Neck Long Sleeve Solid Color Sweater
Quick Shop
* Okaywear Business Velvet Turndown Collar Solid Overcoat
Quick Shop
* Casual Plain Turtleneck High Stretch Short Sleeve Slim Fit Top
Quick Shop
* OK Contrast Color Notch Lapel Double-breasted Long Coat
Quick Shop
* Okaywear Camouflage Pattern Lapel Collar Blazer & Pants 2Pcs Set
Quick Shop
* Outdoor Colorblock Belt Buckle Strappy PU Leather Boots
Quick Shop
* Casual Rhinestone Decor Wavy Line Print Pockets Pencil Pants
Quick Shop
* Fashion Lapel Collar Two Button Pockets Ombre Pattern Overcoat
Quick Shop
* Okaywear Contrast Striped One Button Blazer & Pants 2Pcs Set
Quick Shop
* Plain Cable Knit Long Sleeve Sweater
Quick Shop
* Daily V Neck Single Breasted Colorblock Satin Vest
Quick Shop
* Fashion Totem Pattern Stand Collar Blazer & Pants 2Pcs Set
Quick Shop
* Solid V Neck Knitted Sweater & Drawstring Pants 2Pcs Set
Quick Shop
* Daily Slant Pockets Solid Corduroy Straight Leg Pants
Quick Shop
* Stand Collar Buttons Twist Knit Long Sleeve Sweater
Quick Shop
* Daily Thickened Fuzzy Patchwork Trapper Hat
Quick Shop
* OK Elegant Plain Lapel Collar Double Breasted Blazer & Shorts 2Pcs Set
Quick Shop
* Formal Notch Lapel Chain Blazer & Pant 2Pcs Set
Quick Shop
* Casual Plain Lapel Collar Long Sleeve Slim Fit Shirt
Quick Shop
* OK Leopard Pattern Lapel Collar Single Breasted Long Coat
Quick Shop
* Fashion Patchwork Square Toe Button PU Leather Chelsea Boots
Quick Shop
* OK Notch Lapel Plaid Patchwork Double-breasted Long Coat
Quick Shop
* Okaywear PU Leather Turndown Collar Blazer & Pant 2Pcs Set
Quick Shop
* Fashion Sliver Titanium Steel Loop Chain Polished Bracelet
Quick Shop
* Casual Color Block Slogan Print Short Sleeve Shirt & Shorts 2Pcs Set
Quick Shop
* Plush Shawl Lapel Double Breasted Chest Pocket Vest
Quick Shop
* Daily Notch Lapel Two Buttons Blazer & Pants 2Pcs Set
Quick Shop
* Okaywear Fuzzy Concave Convex Plaid Pattern Pocket Drawstring Hoodie
Quick Shop
* Fashionable Crown Diamond Suit Accessories Chain Brooch Pins
Quick Shop
* Casual Turndown Collar Single Breasted Solid Sweater
Quick Shop
* Casual Plaid Print Straight Leg Slim Fit Pencil Pants
Quick Shop
* Business Plain Hollow Pin Buckle Closed Back Sandals
Quick Shop
* OK Casual Plain Loose Hollow Pocket Tank Top & Shorts 2Pcs Set
Quick Shop
* Casual Plain Lapel Collar Ethnic Print Long Sleeve Shirt
Quick Shop
* Daily Solid Fuzzy Collar Three Button Pockets Coat
Quick Shop
* OK Retro Plaid Patchwork Fuzzy Collar Long Coat
Quick Shop
* Striped Trim Contrast Color Stand Collar Jacket & Pants 2Pcs Set
Quick Shop
* Lapel Collar Two Buttons Blazer & Belt Pants 2Pcs Set
Quick Shop
* Fashion Animal Shape Metal Rhinestone Decor Hanging Chain Brooch
Quick Shop
* Contrast Collar Random Striped Half Zipper Top & Pants Set
Quick Shop
* Casual Plaid Print Notch Lapel Blazer & Straight Pants 2Pcs Set
Quick Shop
* Contrast Trim Crew Neck PU Jacket & Drawstring Pants 2Pcs Set
Quick Shop
* Golden Velvet Contrast Side Seam Zip Coat & Pants Set
Quick Shop
* Daily Solid Color Winter Rib Knit Cap
Quick Shop
* Casual Vertical Stripe Lapel Collar Blazer & Pants 2Pcs Set
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 BOTTOMING SHIRT
$56.79
Fashionable Colorblock Lace Up Flat Leather Shoes
$56.79
$43.79
Men Point Toe Dress Shoes
$43.79
$61.79
Fashion Leopard Pattern Pointed Toe PU Leather Ankle Boots
$61.79
$59.79
Retro Burn-out Square Toe Buckle PU Leather Short Boots
from $59.79
$49.79
Party Suede Pointed Toe Rhinestone Decor Slip-on Loafers
$49.79
$43.79
Business Casual Pointed Toe Carved Buckle PU Leather Shoes
$43.79
$55.79
Retro Lace Up Chunky Heel Brogue Shoes
$55.79 $65.79 Save $10.00
$44.79
Business Texture Shallow Mouth With Buckle Leather Shoes
$44.79
NEW
$60.79
Patchwork Pointed Toe Button Wedge PU Leather Shoes
from $60.79
$63.79
Fashion Patchwork Square Toe Button PU Leather Chelsea Boots
$63.79
$56.79
Fashionable Colorblock Lace Up Flat Leather Shoes
$56.79
$43.79
Men Point Toe Dress Shoes
$43.79
$61.79
Fashion Leopard Pattern Pointed Toe PU Leather Ankle Boots
$61.79
$59.79
Retro Burn-out Square Toe Buckle PU Leather Short Boots
from $59.79
$49.79
Party Suede Pointed Toe Rhinestone Decor Slip-on Loafers
$49.79
$43.79
Business Casual Pointed Toe Carved Buckle PU Leather Shoes
$43.79
View more
$23.79
Wasteland Linen Solid Color With Hooded Cape Scarf
$23.79
$9.79
Formal Flower Rhinestone Blazer Bow Tie
$9.79
$19.79
Retro Herringbone Short Brim Woolen Octagonal Cap
$19.79
$3.79
Fashion Animal Shape Metal Rhinestone Decor Hanging Chain Brooch
$3.79
$5.79
Fashion Sliver Titanium Steel Loop Chain Polished Bracelet
$5.79
$5.79
Wool Mid-Calf Plaid Thickened Thermal Socks
$5.79
$5.79
Business Houndstooth Pattern Contrast Color Knitted Necktie
$5.79
$10.79
Vacation Basic Versatile Sunglasses
$10.79
$5.79
Fashion Rhinestone Multi-Layer Alloy Brooch Pin
$5.79
$12.79
Saint Patrick'S Day Patchwork Square Buckle Jazz Hat
$12.79
$23.79
Wasteland Linen Solid Color With Hooded Cape Scarf
$23.79
$9.79
Formal Flower Rhinestone Blazer Bow Tie
$9.79
$19.79
Retro Herringbone Short Brim Woolen Octagonal Cap
$19.79
$3.79
Fashion Animal Shape Metal Rhinestone Decor Hanging Chain Brooch
$3.79
$5.79
Fashion Sliver Titanium Steel Loop Chain Polished Bracelet
$5.79
$5.79
Wool Mid-Calf Plaid Thickened Thermal Socks
$5.79
View more
$24.79
Casual Solid Turtleneck Knitted Long Sleeve Sweater
$24.79 $29.79 Save $5.00
$25.79
Daily Mock Neck Velvet Solid Long Sleeve T-Shirt
$25.79 $30.79 Save $5.00
$26.79
Plain Cable Knit Long Sleeve Sweater
$26.79
$27.79
Daily Velvet High Collar Solid Long Sleeve Shirt
$27.79
$30.79
Retro Allover Pattern Turndown Collar Buttons Long Sleeve Shirt
$30.79
$26.79
Business Solid Single Breasted Long Sleeve Shirt
$26.79
$29.79
Casual Plain Lapel Collar Ethnic Print Long Sleeve Shirt
$29.79
$16.79
Casual Plain Notch Collar Long Sleeve Shirt
$16.79 $29.79 Save $13.00
$28.79
Daily Mock Neck Long Sleeve Solid Glod Velvet Shirt
$28.79
$24.79
Daily High Collar Long Sleeve Soid Sweater
$24.79
$24.79
Casual Solid Turtleneck Knitted Long Sleeve Sweater
$24.79 $29.79 Save $5.00
$25.79
Daily Mock Neck Velvet Solid Long Sleeve T-Shirt
$25.79 $30.79 Save $5.00
$26.79
Plain Cable Knit Long Sleeve Sweater
$26.79
$27.79
Daily Velvet High Collar Solid Long Sleeve Shirt
$27.79
$30.79
Retro Allover Pattern Turndown Collar Buttons Long Sleeve Shirt
$30.79
$26.79
Business Solid Single Breasted Long Sleeve Shirt
$26.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
Original text
Rate this translation
Your feedback will be used to help improve Google Translate