www.okaywear.com
Open in
urlscan Pro
2606:4700::6812:e92a
Public Scan
Submitted URL: http://www.okaywear.com/pages/terms-conditions
Effective URL: https://www.okaywear.com/pages/terms-conditions
Submission: On April 05 via api from US — Scanned from US
Effective URL: https://www.okaywear.com/pages/terms-conditions
Submission: On April 05 via api from US — Scanned from US
Form analysis 4 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 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: #0094EB !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: #004D7D !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: #FFFFFF;
}
</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: #FFFFFF;
}
</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: #FFFFFF;
}
</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: #FFFFFF;
}
</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: #FFFFFF;
}
</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: #FFFFFF;
}
</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: #FFFFFF;
}
</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: #FFFFFF;
}
</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: #FFFFFF;
}
</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: #FFFFFF;
}
</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: #0076BC;
}
.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: #EC4C4B;
}
.omnisend-form-65d55bb2ce1b1bf0aa7ab0ba-wof-650a5f5196e18d75fcc99ca3-rotor-slices path:nth-child(2),
.omnisend-form-65d55bb2ce1b1bf0aa7ab0ba-wof-650a5f5196e18d75fcc99ca3-rotor-slices path:nth-child(7) {
fill: #DA946E;
}
.omnisend-form-65d55bb2ce1b1bf0aa7ab0ba-wof-650a5f5196e18d75fcc99ca3-rotor-slices path:nth-child(1),
.omnisend-form-65d55bb2ce1b1bf0aa7ab0ba-wof-650a5f5196e18d75fcc99ca3-rotor-slices path:nth-child(6) {
fill: #49B467;
}
</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: #FFFFFF;
background-color: #55ADFF;
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 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
* 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
* 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
* 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
* 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 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
* 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
+1
BUSINESS CASUAL HOUNDSTOOTH POCKET TURNDOWN COLLAR BLAZER
$52.79
FORMAL VELVET PATCHWORK SHAWL NECK SINGLE BREASTED BLAZER
$59.79
FORMAL TUNRDOWN COLLAR BELT POCKET LONG SLEEVE BLAZER
$59.79
COLORBLOCK LACE UP POINTED TOE PU LEATHER BROGUE SHOES
$53.79
OKAYWEAR VACATION LAPEL COLLAR POCKETS STRAIGHT LEG JUMPSUIT
$44.79
SHORT SLEEVE THREE BUCKLE POCKET SHIRT & PANT 2PCS SET
$49.79
TERMS & CONDITIONS
OVERVIEW
This website is operated by okaywear.com. Throughout the site, the terms "we",
"us" and "our" refer to okaywear.com. okaywear.com provides this website,
including all information, tools and services provided by this website to you,
the user, provided that you accept all terms, conditions, policies and notices
stated herein.
By visiting our website and/or purchasing from us, you are participating in our
"Services" and agree to be bound by the following terms and conditions ("Terms
of Service", "Terms"), including those additional terms and conditions and The
policy is referenced here and/or available by hyperlink. These Terms of Service
apply to all users of the website, including but not limited to users who are
browsers, vendors, customers, merchants and/or contributors to content.
Please read these Terms of Service carefully before accessing or using our
website. By accessing or using any part of this website, you agree to be bound
by these Terms of Service. IF YOU DO NOT AGREE TO ALL OF THE TERMS AND
CONDITIONS OF THIS AGREEMENT, YOU MAY NOT ACCESS THIS WEBSITE OR USE ANY
SERVICES. If these Terms of Service are deemed an offer, acceptance is expressly
limited to these Terms of Service.
Any new features or tools added to the current store shall also be governed by
the terms of service. You can review the most current version of the Terms of
Service at any time on this page. We reserve the right to update, change or
replace any part of these Terms of Service by posting updates and/or changes on
our website. It is your responsibility to check this page periodically for
changes. Your continued use or access to this site after posting any changes
constitutes your acceptance of those changes.
Our store is hosted on Shopify Inc. They provide us with an online e-commerce
platform that enables us to sell our products and services to you.
We reserve the right to refuse service and/or cancel orders.
SECTION 1 - ONLINE STORE TERMS
By agreeing to these Terms of Service, you represent that you are at least the
age of majority in your state or province of residence, or you are of the age of
majority in your state or province of residence and you have given us your
consent to allow any of your minor dependents to use this site.
You may not use our products for any unlawful or unauthorized purpose or use the
Services in violation of any laws in your jurisdiction (including, without
limitation, copyright laws).
You may not transmit any worms or viruses or any destructive code.
Breach or breach of any term will result in immediate termination of your
service.
SECTION 2 - GENERAL CONDITIONS
We reserve the right to refuse service to anyone for any reason at any time.
You understand that your content (excluding credit card information) may be
transmitted unencrypted and involve (a) transmission over various networks; (b)
changes to conform and accommodate technical requirements for connecting
networks or devices. Credit card information is always encrypted when
transmitted over the network.
You agree not to reproduce, duplicate, reproduce, sell, resell or exploit any
part of the Service, use of the Service or access to the Service or any contact
on the website providing the Service without our express written permission.
The headings used in this Agreement are included for convenience only and will
not limit or otherwise affect these Terms.
SECTION 3 - ACCURACY, COMPLETENESS AND TIMELINESS OF INFORMATION
We are not responsible if the information provided on this website is
inaccurate, incomplete or untimely. The material on this website is for general
information only and should not be relied upon or used as the sole basis for
making decisions without consulting primary, more accurate, more complete or
more timely sources of information. Any reliance on the material on this website
is at your own risk.
This website may contain certain historical information. Historical information
is necessarily not up-to-date and is for your reference only. We reserve the
right to modify the content of this website at any time, but we have no
obligation to update any information on our website. You agree that it is your
responsibility to monitor changes to our website.
SECTION 4 - MODIFICATIONS TO SERVICES AND PRICES
The prices of our products are subject to change without notice.
We reserve the right to modify or discontinue the Service (or any part or
content thereof) at any time without notice.
We shall not be liable to you or any third party for any modification, price
change, suspension or discontinuation of the Services.
SECTION 5 - PRODUCTS OR SERVICES (IF APPLICABLE)
Certain products or services may only be available online through the website.
These products or services may be available in limited quantities and can only
be returned or exchanged in accordance with our Returns Policy.
Every effort has been made to display as accurately as possible the colors and
images of our products that appear in the store. We cannot guarantee that any
colors displayed by your computer monitor will be accurate.
We reserve the right, but have no obligation, to restrict the sale of our
products or services to any person, geographic area or jurisdiction. We may
exercise this right on a case-by-case basis. We reserve the right to limit the
quantity of any product or service we offer. All product descriptions or product
pricing are subject to change without notice and at our sole discretion. We
reserve the right to discontinue any product at any time. Any offer for any
product or service made on this website is void where prohibited.
We do not warrant that the quality of any products, services, information or
other materials purchased or obtained by you will meet your expectations or that
any errors in the Services will be corrected
SECTION 6 - ACCURACY OF BILLING AND ACCOUNT INFORMATION
We reserve the right to refuse any order you place with us. We may limit or
cancel the number of purchases per person, household or order in our sole
discretion. These restrictions may include orders placed by or under the same
customer account, the same credit card and/or orders using the same billing
and/or shipping address. If we change or cancel an order, we may attempt to
notify you by contacting the email and/or billing address/phone number provided
when placing the order. We reserve the right to restrict or prohibit orders
that, in our sole discretion, appear to be placed by resellers, resellers or
distributors.
You agree to provide current, complete and accurate purchase and account
information for all purchases made in our store. You agree to keep your account
and other information up to date, including your email address and credit card
number and expiration date, so that we can complete your transaction and contact
you as needed.
For more details, please review our Returns Policy.
SECTION 7 - OPTIONAL TOOLS
We may provide you with access to third-party tools that we neither monitor nor
have any control or input into.
You acknowledge and agree that we provide access to such tools "as is" and "as
available" without warranty, representation or condition of any kind, and
without endorsement of any kind. We are not responsible for any liability
arising out of or related to your use of optional third party tools.
Any use by you of optional tools made available through this website is entirely
at your own risk and discretion, and you should ensure that you are familiar
with and agree to the terms of the tools provided by the relevant third-party
provider.
In the future, we may also offer new services and/or functionality through the
Site (including publishing new tools and resources). Such new features and/or
services shall also be governed by these Terms of Service.
SECTION 8 - THIRD PARTY LINKS
Certain content, products and services offered through our Services may include
material from third parties.
Third-party links on this website may direct you to third-party websites that
are not affiliated with us. We are not responsible for examining or evaluating
the content or accuracy, and we do not warrant and have no responsibility or
liability for any third party materials or websites, or any other materials,
products or services of third parties.
We are not responsible for any damages or damages related to the purchase or use
of goods, services, resources, content, or any other transaction in connection
with any third party website. Please read the third party's policies and
practices carefully and make sure you understand them before entering into any
transaction. Complaints, claims, concerns or questions about third-party
products should be directed to the third-party.
SECTION 9 - USER COMMENTS, FEEDBACK AND OTHER SUBMISSIONS
If, upon our request, you send certain specific submissions (such as entries)
or, without our request, you send ideas, suggestions, proposals, plans or other
materials online, by email, by post or otherwise (collectively, "Comments"), you
agree that we may edit, reproduce, publish, distribute, translate and otherwise
use any Comments you forward to us in any medium at any time without
restriction. We are under no obligation to (1) keep any Comments confidential;
(2) compensate for any Comments; or (3) respond to any Comments.
We may, but have no obligation, monitor, edit, or remove content that, in our
sole discretion, is unlawful, offensive, threatening, libelous, defamatory,
pornographic, obscene, or otherwise objectionable or that violates any party's
intellectual property rights or these Terms of Service.
You agree that your comments will not violate any rights of any third party,
including copyright, trademark, privacy, personality or other personal or
proprietary rights. You further agree that your Comments will not contain
defamatory or other unlawful, abusive or obscene material, or contain any
computer virus or other malware that may in any way affect the operation of the
Service or any associated website. You may not use false email addresses,
impersonate others, or otherwise mislead us or third parties about the source of
any comments. You are solely responsible for any comments you make and their
accuracy. We are not responsible for any comments posted by you or any third
party.
SECTION 10 - PERSONAL INFORMATION
Personal information you submit through the store is governed by our Privacy
Policy. View our Privacy Policy.
SECTION 11 - ERRORS, INACCURACIES AND OMISSIONS
From time to time, our website or services may contain typographical errors,
inaccuracies or omissions regarding product descriptions, pricing, promotions,
offers, product shipping costs, shipping times and availability. If any
information on the Services or any related website is inaccurate, we reserve the
right to correct any errors, inaccuracies or omissions and to change or update
information or to cancel an order at any time without notice (including after
you submit an order).
Except as required by law, we undertake no obligation to update, modify or
clarify the information on the Services or any related website, including but
not limited to pricing information. The application of any specified update or
refresh date on the Service or any related website shall not be deemed to
indicate that all information on the Service or any related website has been
modified or updated.
SECTION 12 - PROHIBITED USE
In addition to other prohibitions set forth in the Terms of Service, you may not
use this website or its content: (a) for any unlawful purpose; (b) solicitation
or participation in any unlawful conduct; (c) in violation of any international,
federal, provincial or or state statute, rule, law or local ordinance; (d)
violates or violates our intellectual property rights or the intellectual
property rights of others; (e) harassing, Abusive, insulting, hurtful,
defamatory, defamatory, disparaging, intimidating or discriminatory; (f)
submitting false or misleading information; (g) uploading or disseminating
viruses or any other type of malicious code that will be used in any way or may
affect the functionality or operation of the Services or any related website,
other website or the Internet; (h) collect or track personal information of
others; (i) spam, phishing, drug, excuse, spider, crawl or scrape; (j) for any
obscene or immoral purpose; (k) to interfere with or circumvent the security
features of the Service or any related website, other website or the Internet.
We reserve the right to terminate your use of the Service or any related website
for your violation of any prohibited use. (j) for any obscene or immoral
purpose; (k) to interfere with or circumvent the security features of the
Service or any related website, other website or the Internet. We reserve the
right to terminate your use of the Service or any related website for your
violation of any prohibited use. (j) for any obscene or immoral purpose; (k) to
interfere with or circumvent the security features of the Service or any related
website, other website or the Internet. We reserve the right to terminate your
use of the Service or any related website for your violation of any prohibited
use.
SECTION 13 - DISCLAIMER OF WARRANTIES; LIMITATION OF LIABILITY
We do not warrant, represent or warrant that your use of our Services will be
uninterrupted, timely, secure or error-free.
We do not warrant that the results that may be obtained using the Services are
accurate or reliable.
You agree that we may cancel the service from time to time indefinitely or at
any time without notice.
YOU EXPRESSLY AGREE THAT YOUR USE OR INABILITY TO USE THE SERVICES IS AT YOUR
SOLE RISK. The Services and all products and services offered to you through the
Services (unless we expressly state otherwise) are provided for your use "as is"
and "as available" without any representation, warranty or condition, express or
implied, of any kind, including all implied Warranty or conditions of
merchantability, merchantable quality, fitness for a particular purpose,
durability, title and non-infringement.
or for any loss or damage of any kind whatsoever arising out of the use of the
Services or any content (or products) posted, transmitted or otherwise made
available through the Services, even if advised of its possibility. Since some
states or jurisdictions do not allow the exclusion or limitation of liability
for consequential or incidental damages, in such states or jurisdictions our
liability shall be limited to the maximum extent permitted by law.
SECTION 14 - INDEMNITY
You agree to hold okaywear.com and our parent companies, subsidiaries,
affiliates, partners, officers, directors, agents, contractors, licensors,
service providers, subcontractors, suppliers, interns and employees Indemnify,
defend and hold harmless from any claim or demand, including any third party
reasonable attorney arising out of your violation of these Terms of Service or
the documents it contains by reference, or your violation of any law or the
rights of a third party fee.
SECTION 15 - SEVERABILITY
If any provision of these Terms of Service is determined to be illegal, invalid
or unenforceable, that provision shall remain enforceable to the fullest extent
permitted by applicable law, and the unenforceable portion shall be deemed to
separate the service from these Terms, and such determination shall not affect
the validity and enforceability of any other remaining terms.
SECTION 16 - TERMINATION
The obligations and liabilities of each party that arose prior to the
termination date shall survive the termination of this Agreement.
These Terms of Service are effective until terminated by you or us. You may
terminate these Terms of Service at any time by notifying us that you no longer
wish to use our services or stop using our website.
We may also terminate this Agreement at any time without notice if, in our sole
judgment, you have failed or we suspect that you have failed to comply with any
term or provision of these Terms of Service, and you will remain responsible for
all amounts due up to and including the date of termination ; and/or may
therefore deny you access to our Services (or any part thereof).
SECTION 17 - ENTIRE AGREEMENT
Our failure to exercise or enforce any right or provision of these Terms of
Service shall not constitute a waiver of such right or provision.
These Terms of Service and any policies or operating rules posted by us on this
website or related to the Services constitute the entire agreement and
understanding between you and us and govern your use of the Services,
superseding any prior or contemporaneous agreements, communications, and and
advice, whether oral or written, between you and us (including without
limitation any prior versions of the Terms of Service).
Any ambiguity in the interpretation of these Terms of Service shall not be
construed to the detriment of the drafting party.
SECTION 18 - CHANGES TO THE TERMS OF SERVICE
You can review the latest version of the Terms of Service at any time on this
page.
We reserve the right, in our sole discretion, to update, change or replace any
part of these Terms of Service by posting updates and changes on our website. It
is your responsibility to check our website regularly for changes. Your
continued use or access to our website or services after posting any changes to
these Terms of Service constitutes your acceptance of those changes.
SECTION 19 - CONTACT INFORMATION
Questions about the Terms of Service should be sent to us at
support@okaywear.com.
SECTION 20 - GOVERNING LAW
These Terms of Service and any separate agreements whereby we provide you
Services shall be governed by and construed in accordance with the laws of UK.
BEST SALE
View all
* +1
BUSINESS CASUAL HOUNDSTOOTH POCKET TURNDOWN COLLAR BLAZER
$52.79
* FORMAL VELVET PATCHWORK SHAWL NECK SINGLE BREASTED BLAZER
$59.79
* FORMAL TUNRDOWN COLLAR BELT POCKET LONG SLEEVE BLAZER
$59.79
* COLORBLOCK LACE UP POINTED TOE PU LEATHER BROGUE SHOES
$53.79
* OKAYWEAR VACATION LAPEL COLLAR POCKETS STRAIGHT LEG JUMPSUIT
$44.79
* SHORT SLEEVE THREE BUCKLE POCKET SHIRT & PANT 2PCS SET
$49.79
* +2
OKAYWEAR CONTRAST STRIPED ONE BUTTON BLAZER & PANTS 2PCS SET
$79.79
* OK ELEGANT ALLOVER PRINT LAPEL COLLAR ONE BUTTON BLAZER
$54.79
* FORMAL JACQUARD BUCKLE TURNDOWN COLLAR TUXEDO BLAZER
$62.79
* PU LEATHER SINGLE BREASTED TURNDOWN COLLAR BLAZER
$59.79
NEW TRENDING
View all
* HOUNDSTOOTH TURNDOWN COLLAR SINGLE BREASTED BLAZER
$56.79
* OKAYWEAR BUSINESS PATCHWORK DOUBLE BREASTED TURNDOWN COLLAR BLAZER
$59.79
* STAND COLLAR ASYMMETRICAL BUTTON BLAZER & PANT 2PCS SET
$89.79
* OKAYWEAR HOUNDSTOOTH CHEST POCKET DOUBLE BREASTED BLAZER
$56.79
* DOTS PATTERN DOUBLE BREASTED BLAZER & PANT 2PCS SET
$89.79
* SIDE BUTTON CHEST POCKET BLAZER & PANT 2PCS SET
$89.79
NEW
* FORMAL PATCHWORK DOUBLE BREASTED TURNDOWN COLLAR BLAZER
$62.79
* OKAYWEAR ALLOVER PRINT DOUBLE BREASTED SLEEVELESS VEST
$39.79
* CASUAL SOLID COLOR EMBROIDERY V NECK LOOSE SHIRT
$23.79
NEW
* STRIPE SINGLE BREASTED SLEEVELESS V NECK VEST
$36.79
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
Original text
Rate this translation
Your feedback will be used to help improve Google Translate