www.okaywear.com
Open in
urlscan Pro
104.17.247.119
Public Scan
Submitted URL: https://okaywear.com/
Effective URL: https://www.okaywear.com/
Submission: On July 30 via api from US — Scanned from US
Effective URL: https://www.okaywear.com/
Submission: On July 30 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-664477f10c5d9134e804eeb8-submit-form" class="omnisend-form-664477f10c5d9134e804eeb8-sections-container" style="" novalidate="">
<style type="text/css">
.omnisend-form-664477f10c5d9134e804eeb8-section-624ab2f927652f651edfd0ac {
position: relative;
display: flex;
flex-wrap: wrap;
padding-left: 20px;
padding-right: 20px;
padding-top: 0px;
padding-bottom: 0px;
;
}
.omnisend-form-664477f10c5d9134e804eeb8-section-624ab2f927652f651edfd0ac-opacity-layer {
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
background-color: #C7EFD5;
opacity: 0;
;
}
</style>
<div class="omnisend-form-664477f10c5d9134e804eeb8-section-624ab2f927652f651edfd0ac">
<div class="omnisend-form-664477f10c5d9134e804eeb8-section-624ab2f927652f651edfd0ac-opacity-layer"></div>
<style type="text/css">
.omnisend-form-664477f10c5d9134e804eeb8-column-624ab2f927652f651edfd0ae {
width: 100%;
display: flex;
flex-direction: column;
flex-grow: 1;
position: relative;
}
@media screen and (max-width: 600px) {
.omnisend-form-664477f10c5d9134e804eeb8-column-624ab2f927652f651edfd0ae {
width: 100%;
}
}
</style>
<div class="omnisend-mobile-container omnisend-form-664477f10c5d9134e804eeb8-column-624ab2f927652f651edfd0ae">
<!--Line/space content block starts -->
<style type="text/css">
.omnisend-form-664477f10c5d9134e804eeb8-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-664477f10c5d9134e804eeb8-line-container-650a640796e18d75fcc99cae">
<style type="text/css">
.omnisend-form-664477f10c5d9134e804eeb8-line-650a640796e18d75fcc99cae {
width: 1%;
border-top: 2px solid #DA946E
}
</style>
<div class="omnisend-form-664477f10c5d9134e804eeb8-line-650a640796e18d75fcc99cae"></div>
</div>
<!--Text content block starts -->
<style type="text/css">
.omnisend-form-664477f10c5d9134e804eeb8-text-650a5f7496e18d75fcc99ca9 {
padding-top: 0px;
padding-bottom: 0px;
padding-left: 0px;
padding-right: 0px;
}
.omnisend-form-664477f10c5d9134e804eeb8-text-650a5f7496e18d75fcc99ca9 a {
color: #0094EB;
}
.omnisend-form-664477f10c5d9134e804eeb8-text-650a5f7496e18d75fcc99ca9,
.omnisend-form-664477f10c5d9134e804eeb8-text-650a5f7496e18d75fcc99ca9 p,
.omnisend-form-664477f10c5d9134e804eeb8-text-650a5f7496e18d75fcc99ca9 li {
margin: 0px;
color: #383838 !important;
font-family: Antonio, Helvetica Neue, Helvetica, Arial, Verdana, sans-serif !important;
font-size: 40px !important;
line-height: 150% !important;
word-break: break-word;
}
</style>
<div class="omnisend-form-664477f10c5d9134e804eeb8-text-650a5f7496e18d75fcc99ca9">
<p style="text-align: center;" id="isPasted"><strong>*Clearance Sale*</strong></p>
</div>
<!--Text content block ends -->
<!--Text content block starts -->
<style type="text/css">
.omnisend-form-664477f10c5d9134e804eeb8-text-650a601796e18d75fcc99cac {
padding-top: 12px;
padding-bottom: 12px;
padding-left: 12px;
padding-right: 12px;
}
.omnisend-form-664477f10c5d9134e804eeb8-text-650a601796e18d75fcc99cac a {
color: #0094EB;
}
.omnisend-form-664477f10c5d9134e804eeb8-text-650a601796e18d75fcc99cac,
.omnisend-form-664477f10c5d9134e804eeb8-text-650a601796e18d75fcc99cac p,
.omnisend-form-664477f10c5d9134e804eeb8-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-664477f10c5d9134e804eeb8-text-650a601796e18d75fcc99cac">
<p style="text-align: center;" id="isPasted">Enter your email and win rewards</p>
</div>
<!--Text content block ends -->
<style type="text/css">
.omnisend-form-664477f10c5d9134e804eeb8-block-container-650a5f5196e18d75fcc99ca3 {
padding-top: 0px;
padding-bottom: 0px;
padding-left: 0px;
padding-right: 0px;
;
}
.omnisend-form-664477f10c5d9134e804eeb8-wof-container-650a5f5196e18d75fcc99ca3 {
position: relative;
min-width: 200px;
height: 100%;
width: 100%
}
.omnisend-form-664477f10c5d9134e804eeb8-wof-650a5f5196e18d75fcc99ca3-pointer,
.omnisend-form-664477f10c5d9134e804eeb8-wof-650a5f5196e18d75fcc99ca3-pointer-shadow,
.omnisend-form-664477f10c5d9134e804eeb8-wof-650a5f5196e18d75fcc99ca3-rotor,
.omnisend-form-664477f10c5d9134e804eeb8-wof-650a5f5196e18d75fcc99ca3-rotor-shadow {
transition: all 0.5s cubic-bezier(0.215, 0.61, 0.355, 1);
}
.omnisend-form-664477f10c5d9134e804eeb8-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-664477f10c5d9134e804eeb8-wof-650a5f5196e18d75fcc99ca3-rotor {
position: absolute;
top: 0;
left: 0;
right: 0;
}
.omnisend-form-664477f10c5d9134e804eeb8-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-664477f10c5d9134e804eeb8-wof-650a5f5196e18d75fcc99ca3-rotor-slice-label:nth-child(1) {
transform: rotate(-72deg) translate(0px, -50%);
}
.omnisend-form-664477f10c5d9134e804eeb8-wof-650a5f5196e18d75fcc99ca3-rotor-slice-label:nth-child(2) {
transform: rotate(-36deg) translate(0px, -50%);
}
.omnisend-form-664477f10c5d9134e804eeb8-wof-650a5f5196e18d75fcc99ca3-rotor-slice-label:nth-child(3) {
transform: rotate(0deg) translate(0px, -50%);
}
.omnisend-form-664477f10c5d9134e804eeb8-wof-650a5f5196e18d75fcc99ca3-rotor-slice-label:nth-child(4) {
transform: rotate(-324deg) translate(0px, -50%);
}
.omnisend-form-664477f10c5d9134e804eeb8-wof-650a5f5196e18d75fcc99ca3-rotor-slice-label:nth-child(5) {
transform: rotate(-288deg) translate(0px, -50%);
}
.omnisend-form-664477f10c5d9134e804eeb8-wof-650a5f5196e18d75fcc99ca3-rotor-slice-label:nth-child(6) {
transform: rotate(-252deg) translate(0px, -50%);
}
.omnisend-form-664477f10c5d9134e804eeb8-wof-650a5f5196e18d75fcc99ca3-rotor-slice-label:nth-child(7) {
transform: rotate(-216deg) translate(0px, -50%);
}
.omnisend-form-664477f10c5d9134e804eeb8-wof-650a5f5196e18d75fcc99ca3-rotor-slice-label:nth-child(8) {
transform: rotate(-180deg) translate(0px, -50%);
}
.omnisend-form-664477f10c5d9134e804eeb8-wof-650a5f5196e18d75fcc99ca3-rotor-slice-label:nth-child(9) {
transform: rotate(-144deg) translate(0px, -50%);
}
.omnisend-form-664477f10c5d9134e804eeb8-wof-650a5f5196e18d75fcc99ca3-rotor-slice-label:nth-child(10) {
transform: rotate(-108deg) translate(0px, -50%);
}
.omnisend-form-664477f10c5d9134e804eeb8-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-664477f10c5d9134e804eeb8-wof-650a5f5196e18d75fcc99ca3-pointer {
position: absolute;
top: 11%;
right: -1%;
width: 10%;
height: 16%;
transform-origin: 50% 28.44%;
transform: rotate(50deg);
}
.omnisend-form-664477f10c5d9134e804eeb8-wof-650a5f5196e18d75fcc99ca3-pointer-body {
fill: #383838;
}
.omnisend-form-664477f10c5d9134e804eeb8-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-664477f10c5d9134e804eeb8-block-container-650a5f5196e18d75fcc99ca3">
<div class="omnisend-form-664477f10c5d9134e804eeb8-wof-container-650a5f5196e18d75fcc99ca3">
<div class="omnisend-form-664477f10c5d9134e804eeb8-wof-650a5f5196e18d75fcc99ca3-rotor-shadow-container">
<div class="omnisend-form-664477f10c5d9134e804eeb8-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-664477f10c5d9134e804eeb8-wof-650a5f5196e18d75fcc99ca3-rotor">
<div>
<div class="omnisend-form-664477f10c5d9134e804eeb8-wof-650a5f5196e18d75fcc99ca3-rotor-slice-label" id="650a5f5196e18d75fcc99ca4">
<style type="text/css">
.omnisend-form-664477f10c5d9134e804eeb8-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-664477f10c5d9134e804eeb8-wof-650a5f5196e18d75fcc99ca3-rotor-slice-label-text"> Free Shipping </div>
</foreignObject>
</svg>
</div>
<div class="omnisend-form-664477f10c5d9134e804eeb8-wof-650a5f5196e18d75fcc99ca3-rotor-slice-label" id="650a5f5196e18d75fcc99ca4">
<style type="text/css">
.omnisend-form-664477f10c5d9134e804eeb8-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-664477f10c5d9134e804eeb8-wof-650a5f5196e18d75fcc99ca3-rotor-slice-label-text"> Sorry... </div>
</foreignObject>
</svg>
</div>
<div class="omnisend-form-664477f10c5d9134e804eeb8-wof-650a5f5196e18d75fcc99ca3-rotor-slice-label" id="650a5f5196e18d75fcc99ca5">
<style type="text/css">
.omnisend-form-664477f10c5d9134e804eeb8-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-664477f10c5d9134e804eeb8-wof-650a5f5196e18d75fcc99ca3-rotor-slice-label-text"> 10% off </div>
</foreignObject>
</svg>
</div>
<div class="omnisend-form-664477f10c5d9134e804eeb8-wof-650a5f5196e18d75fcc99ca3-rotor-slice-label" id="650a5f5196e18d75fcc99ca5">
<style type="text/css">
.omnisend-form-664477f10c5d9134e804eeb8-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-664477f10c5d9134e804eeb8-wof-650a5f5196e18d75fcc99ca3-rotor-slice-label-text"> Sorry... </div>
</foreignObject>
</svg>
</div>
<div class="omnisend-form-664477f10c5d9134e804eeb8-wof-650a5f5196e18d75fcc99ca3-rotor-slice-label" id="650a5f5196e18d75fcc99ca6">
<style type="text/css">
.omnisend-form-664477f10c5d9134e804eeb8-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-664477f10c5d9134e804eeb8-wof-650a5f5196e18d75fcc99ca3-rotor-slice-label-text"> $89-$5 Off </div>
</foreignObject>
</svg>
</div>
<div class="omnisend-form-664477f10c5d9134e804eeb8-wof-650a5f5196e18d75fcc99ca3-rotor-slice-label" id="650a5f5196e18d75fcc99ca6">
<style type="text/css">
.omnisend-form-664477f10c5d9134e804eeb8-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-664477f10c5d9134e804eeb8-wof-650a5f5196e18d75fcc99ca3-rotor-slice-label-text"> Sorry... </div>
</foreignObject>
</svg>
</div>
<div class="omnisend-form-664477f10c5d9134e804eeb8-wof-650a5f5196e18d75fcc99ca3-rotor-slice-label" id="650a5f5196e18d75fcc99ca7">
<style type="text/css">
.omnisend-form-664477f10c5d9134e804eeb8-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-664477f10c5d9134e804eeb8-wof-650a5f5196e18d75fcc99ca3-rotor-slice-label-text"> $129-$15 </div>
</foreignObject>
</svg>
</div>
<div class="omnisend-form-664477f10c5d9134e804eeb8-wof-650a5f5196e18d75fcc99ca3-rotor-slice-label" id="650a5f5196e18d75fcc99ca7">
<style type="text/css">
.omnisend-form-664477f10c5d9134e804eeb8-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-664477f10c5d9134e804eeb8-wof-650a5f5196e18d75fcc99ca3-rotor-slice-label-text"> Sorry... </div>
</foreignObject>
</svg>
</div>
<div class="omnisend-form-664477f10c5d9134e804eeb8-wof-650a5f5196e18d75fcc99ca3-rotor-slice-label" id="650a5f5196e18d75fcc99ca8">
<style type="text/css">
.omnisend-form-664477f10c5d9134e804eeb8-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-664477f10c5d9134e804eeb8-wof-650a5f5196e18d75fcc99ca3-rotor-slice-label-text"> $500-$100 </div>
</foreignObject>
</svg>
</div>
<div class="omnisend-form-664477f10c5d9134e804eeb8-wof-650a5f5196e18d75fcc99ca3-rotor-slice-label" id="650a5f5196e18d75fcc99ca8">
<style type="text/css">
.omnisend-form-664477f10c5d9134e804eeb8-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-664477f10c5d9134e804eeb8-wof-650a5f5196e18d75fcc99ca3-rotor-slice-label-text"> Sorry... </div>
</foreignObject>
</svg>
</div>
</div>
<style type="text/css">
.omnisend-form-664477f10c5d9134e804eeb8-wof-650a5f5196e18d75fcc99ca3-rotor-slices path:nth-child(5),
.omnisend-form-664477f10c5d9134e804eeb8-wof-650a5f5196e18d75fcc99ca3-rotor-slices path:nth-child(10) {
fill: #7FD299;
}
.omnisend-form-664477f10c5d9134e804eeb8-wof-650a5f5196e18d75fcc99ca3-rotor-slices path:nth-child(4),
.omnisend-form-664477f10c5d9134e804eeb8-wof-650a5f5196e18d75fcc99ca3-rotor-slices path:nth-child(9) {
fill: #00953D;
}
.omnisend-form-664477f10c5d9134e804eeb8-wof-650a5f5196e18d75fcc99ca3-rotor-slices path:nth-child(3),
.omnisend-form-664477f10c5d9134e804eeb8-wof-650a5f5196e18d75fcc99ca3-rotor-slices path:nth-child(8) {
fill: #EC4C4B;
}
.omnisend-form-664477f10c5d9134e804eeb8-wof-650a5f5196e18d75fcc99ca3-rotor-slices path:nth-child(2),
.omnisend-form-664477f10c5d9134e804eeb8-wof-650a5f5196e18d75fcc99ca3-rotor-slices path:nth-child(7) {
fill: #C0423F;
}
.omnisend-form-664477f10c5d9134e804eeb8-wof-650a5f5196e18d75fcc99ca3-rotor-slices path:nth-child(1),
.omnisend-form-664477f10c5d9134e804eeb8-wof-650a5f5196e18d75fcc99ca3-rotor-slices path:nth-child(6) {
fill: #FFBD5C;
}
</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-664477f10c5d9134e804eeb8-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-664477f10c5d9134e804eeb8-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-664477f10c5d9134e804eeb8-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-664477f10c5d9134e804eeb8-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-664477f10c5d9134e804eeb8-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-664477f10c5d9134e804eeb8-field-650a5f7b96e18d75fcc99caa" class="omnisend-form-664477f10c5d9134e804eeb8-field-container-650a5f7b96e18d75fcc99caa">
<style>
label[for^=omnisend].omnisend-form-664477f10c5d9134e804eeb8-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-664477f10c5d9134e804eeb8-field-container-650a5f7b96e18d75fcc99caa-label.error {
color: #FF0000;
}
</style>
<style>
#omnisend-form-664477f10c5d9134e804eeb8-field-container-650a5f7b96e18d75fcc99caa-emailField-input.omnisend-form-664477f10c5d9134e804eeb8-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-664477f10c5d9134e804eeb8-field-container-650a5f7b96e18d75fcc99caa-emailField-input.omnisend-form-664477f10c5d9134e804eeb8-field-container-650a5f7b96e18d75fcc99caa-input:focus {
outline: auto;
}
#omnisend-form-664477f10c5d9134e804eeb8-field-container-650a5f7b96e18d75fcc99caa-emailField-input.omnisend-form-664477f10c5d9134e804eeb8-field-container-650a5f7b96e18d75fcc99caa-input::placeholder {
opacity: 1;
color: #21095D;
;
}
#omnisend-form-664477f10c5d9134e804eeb8-field-container-650a5f7b96e18d75fcc99caa-emailField-input.omnisend-form-664477f10c5d9134e804eeb8-field-container-650a5f7b96e18d75fcc99caa-input {
font-family: Poppins, Helvetica Neue, Helvetica, Arial, sans-serif;
font-size: 14px;
line-height: 120%;
}
#omnisend-form-664477f10c5d9134e804eeb8-field-container-650a5f7b96e18d75fcc99caa-emailField-input.omnisend-form-664477f10c5d9134e804eeb8-field-container-650a5f7b96e18d75fcc99caa-input.error {
border-color: #FF0000;
}
</style>
<input id="omnisend-form-664477f10c5d9134e804eeb8-field-container-650a5f7b96e18d75fcc99caa-emailField-input" class="omnisend-form-664477f10c5d9134e804eeb8-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-664477f10c5d9134e804eeb8-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 aria-live="polite">
<div id="omnisend-form-664477f10c5d9134e804eeb8-field-container-650a5f7b96e18d75fcc99caa-required" style="display: none;">This field is required</div>
</div>
<style>
#omnisend-form-664477f10c5d9134e804eeb8-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 aria-live="polite">
<div id="omnisend-form-664477f10c5d9134e804eeb8-field-container-650a5f7b96e18d75fcc99caa-error" style="display: none;">The email address must contain @ and a valid domain</div>
</div>
</div>
<!--Button content block starts -->
<style type="text/css">
.omnisend-form-664477f10c5d9134e804eeb8-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-664477f10c5d9134e804eeb8-action-650a5f8696e18d75fcc99cab.omnisend-form-664477f10c5d9134e804eeb8-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: #383838;
border-radius: 8px;
border-width: 2px;
border-style: solid;
border-color: #21095D;
padding-bottom: 16px;
padding-top: 16px;
padding-left: 16px;
padding-right: 16px;
}
#omnisend-form-664477f10c5d9134e804eeb8-action-650a5f8696e18d75fcc99cab.omnisend-form-664477f10c5d9134e804eeb8-action-650a5f8696e18d75fcc99cab:disabled {
cursor: default;
opacity: 0.6;
}
.omnisend-form-664477f10c5d9134e804eeb8-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-664477f10c5d9134e804eeb8-action-container-650a5f8696e18d75fcc99cab">
<div class="omnisend-form-664477f10c5d9134e804eeb8-error" style="display: none;">Something went wrong!</div>
<button class="omnisend-form-664477f10c5d9134e804eeb8-action-650a5f8696e18d75fcc99cab" id="omnisend-form-664477f10c5d9134e804eeb8-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 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 OCCASION
* SHOP BY OCCASION
* Business
* Casual
* Party
* Wedding
* SHOP BY COLOR
* SHOP BY COLOR
* Purple
* Pink
* Blue
* SHOP BY FARBIC
* SHOP BY FARBIC
* Leather
* Denim
* Knitted
* Linen
* CLOTHING
* CLOTHING
* TWO PIECE OUTFITS
* TWO PIECE OUTFITS
* Casual Sets
* Blazer Sets
* TUXEDO
* OUTERWEAR
* OUTERWEAR
* Blazers Hot
* Men's VEST
* Trench Coat
* Coats & Jackets
* Downs & Parkas
* TOPS
* TOPS
* Shirts
* Polo Shirts
* Tees & Tanks
* Sweaters
* Hoodies & Sweatshirts
* BOTTOMS
* BOTTOMS
* Suit Pants
* Casual Pants
* Shorts Pants
* SHOES & ACC
* SHOES & ACC
* Shoes
* Accessories
* Swimwear
* BLAZERS Hot
* TWO PIECE OUTFITS
* TWO PIECE OUTFITS
* Blazer Sets
* Casual Sets
* SHOES
* SALE
* SALE
* Under $9.99
* Clearance Sale
* Mystery Box
Log in
English,日本語,Español,Français,Italiano,Deutsch
* NEW
* 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 OCCASION Business Casual Party Wedding
* SHOP BY COLOR Purple Pink Blue
* SHOP BY FARBIC Leather Denim Knitted Linen
* CLOTHING
* TWO PIECE OUTFITS Casual Sets Blazer Sets
* TUXEDO
* OUTERWEAR Blazers Hot Men's VEST Trench Coat Coats & Jackets Downs &
Parkas
* TOPS Shirts Polo Shirts Tees & Tanks Sweaters Hoodies & Sweatshirts
* BOTTOMS Suit Pants Casual Pants Shorts Pants
* SHOES & ACC Shoes Accessories
* Swimwear
* BLAZERS
Hot
* TWO PIECE OUTFITS
Blazer Sets
Casual Sets
* SHOES
* SALE
Under $9.99
Clearance Sale
Mystery Box
* More links
Top search terms
Red Purple💜 Suits Shoes👞 Sets Plaid Houndstooth
Top searched
BUSINESS GLITTER LEOPARD PRINT BUTTON LONG SLEEVE SHIRT
$24.79
BUSINESS PEAKED LAPEL DOUBLE BREASTED HOUNDSTOOTH PATCHWORK BLAZER
$59.79
BUSINESS HOUNDSTOOTH PATCHWORK DOUBLE BREASTED V NECK BLAZER
$59.79
OKAYWEAR CASUAL SEE-THROUGH MESH STRIPED ONE BUTTON BLAZER
$58.79
+1
BUSINESS CASUAL HOUNDSTOOTH POCKET TURNDOWN COLLAR BLAZER
$58.79
BUSINESS JACQUARD V NECK ONE BUTTON FLAP POCKET JACKET
$69.79
* 1
* 2
# SHOP BY CATEGORY
# TRENDING NOW
Wedding Casual Style Business Style Party
$69.79
Okaywear Lapel Collar Single Breasted Hollow Out Lace Blazer
$69.79 $84.79 Save $15.00
$56.79
Okaywear Solid Hollow Lace Straight Leg Pants
$56.79
$109.79
Okaywear Wedding Peaked Lapel Velvet Patchwork Full-length Blazer
$109.79
$9.79
Wedding Checked Pattern Adjustable Bow Tie
$9.79
$119.79
Okaywear Wedding Satin Solid Peak Lapel Floor Length Blazer
$119.79
$69.79
Business Jacquard V Neck One Button Flap Pocket Jacket
$69.79
$59.79
Wedding Peaked Lapel Double Breasted Rainbow Ombre Print Blazer
$59.79
$4.79
Wedding Paisley Pattern Pocket Square
$4.79
$84.79
Wedding Color Blocks Notched Lapel Blazer & Shorts 2Pcs Set
$84.79
$84.79
Wedding Contrast Color Notched Lapel Blazer & Shorts 2Pcs Set
$84.79
$4.79
Fashion Animal Shape Metal Rhinestone Decor Hanging Chain Brooch
$4.79
$59.79
Hollow Lace Splicing Lapel Collar Two Button Blazer
$59.79
$79.79
See-through Mesh Notch Lapel Blazer & Pants 2Pcs Set
$79.79
$84.79
Wedding Flax V Neck Single Breasted Vest & Shorts 2Pcs Set
$84.79 $94.79 Save $10.00
$12.79
Wedding Rose Chest Flower Detail Brooch
$12.79
NEW
$139.79
Wedding Flax Notched Lapel Two Button Blazer & Pants 2Pcs Set
$139.79 $163.79 Save $24.00
$94.79
Business Double Breasted Peaked Lapel Blazer & Pants 2Pcs Set
$94.79
$4.79
Wedding Contrast Color Rhinestone Handmade Bow Ties
$4.79
NEW
$84.78
Okaywear Ombre Print Two Button Blazer & Shorts 2Pcs Set
$84.78
$58.79
Casual Linen Lapel Collar Long Sleeve Blazer
$58.79
$69.79
Okaywear Lapel Collar Single Breasted Hollow Out Lace Blazer
$69.79 $84.79 Save $15.00
$56.79
Okaywear Solid Hollow Lace Straight Leg Pants
$56.79
$109.79
Okaywear Wedding Peaked Lapel Velvet Patchwork Full-length Blazer
$109.79
$9.79
Wedding Checked Pattern Adjustable Bow Tie
$9.79
$119.79
Okaywear Wedding Satin Solid Peak Lapel Floor Length Blazer
$119.79
$69.79
Business Jacquard V Neck One Button Flap Pocket Jacket
$69.79
$59.79
Wedding Peaked Lapel Double Breasted Rainbow Ombre Print Blazer
$59.79
$4.79
Wedding Paisley Pattern Pocket Square
$4.79
$84.79
Wedding Color Blocks Notched Lapel Blazer & Shorts 2Pcs Set
$84.79
$84.79
Wedding Contrast Color Notched Lapel Blazer & Shorts 2Pcs Set
$84.79
View more
$24.79
Business Glitter Leopard Print Button Long Sleeve Shirt
$24.79
$58.79
Business Casual Houndstooth Pocket Turndown Collar Blazer
$58.79
$58.79
Okaywear Casual See-through Mesh Striped One Button Blazer
$58.79
$42.09
Okaywear Vacation Lapel Collar Pockets Straight Leg Jumpsuit
$42.09 $84.18 Save $42.09
Clearnce Sale
$44.79
Beach Clip Toe PU Leather Solid Sandals
$44.79
$26.79
Vacation Sleeveless Zipper Drawstring Grid Hooded Vest
$26.79
$55.79
Patchwork Striped Star Print Pocket Notch Lapel Blazer
$55.79
$42.79
Retro Casual Washed Denim Mid Rise Stretch Pencil Jeans
$42.79
$59.79
Vintage Safari Pockets Short Sleeve Shirts
$59.79
$58.79
Okaywear Business Camo Single Breasted Long Sleeve Blazer
$58.79
$58.79
Single Breasted Houndstooth Chest Pocket Long Sleeve Blazer
$58.79
$64.79
Okaywear Business Checkerboard Jacquard Chest Pocket Button Blazer
$64.79
24Hrs Ship
$94.79
Okaywear Single Breasted Denim Pattern Blazer & Pants 2Pcs Set
$94.79
$59.79
Daily Stand Collar Denim Pattern Shirt & Pants 2Pcs Set
$59.79
$44.79
Casual Hollow Out Sleeveless Vest & Shorts 2Pcs Set
$44.79
$35.79
Casual Hollow Out Drawstring Zipper Knitted Hoodie Jacket
$35.79
$59.79
Striped Star Print Patchwork Single Breasted Blazer
$59.79
$69.79
Daily Herringbone Single Breasted Pockets Notch Lapel Patchwork Blazer
$69.79
24Hrs Ship
$31.27
OK Fashion Patchwork Pocket Drawstring Knitted Hoodie
$31.27 $38.79 Save $7.52
24Hrs Ship
$39.79
Casual Stand Collar Zipper Striped Long Sleeve Sweaters
$39.79
24Hrs Ship
$24.79
Business Glitter Leopard Print Button Long Sleeve Shirt
$24.79
$58.79
Business Casual Houndstooth Pocket Turndown Collar Blazer
$58.79
$58.79
Okaywear Casual See-through Mesh Striped One Button Blazer
$58.79
$42.09
Okaywear Vacation Lapel Collar Pockets Straight Leg Jumpsuit
$42.09 $84.18 Save $42.09
Clearnce Sale
$44.79
Beach Clip Toe PU Leather Solid Sandals
$44.79
$26.79
Vacation Sleeveless Zipper Drawstring Grid Hooded Vest
$26.79
$55.79
Patchwork Striped Star Print Pocket Notch Lapel Blazer
$55.79
$42.79
Retro Casual Washed Denim Mid Rise Stretch Pencil Jeans
$42.79
$59.79
Vintage Safari Pockets Short Sleeve Shirts
$59.79
$58.79
Okaywear Business Camo Single Breasted Long Sleeve Blazer
$58.79
View more
$54.79
Okaywear Casual Lapel Collar Two Button Knitted Jacket
$54.79
$59.79
Business Peaked Lapel Double Breasted Houndstooth Patchwork Blazer
$59.79
$62.79
Okaywear Business Peaked Lapel Buttons Leopard Pattern Blazer
$62.79
$59.79
Casual Polka Dots Double Breasted Peaked Lapel Blazer
$59.79
$62.79
Vintage Square Toe Buckle PU Leather Brogue Shoes
$62.79
$58.79
Business Casual Plaid Single Breasted Notch Lapel Blazer
$58.79
$94.79
Okaywear Contrast Striped One Button Blazer & Pants 2Pcs Set
$94.79
$49.79
Business V Neck Single Breasted Knitted Sweater Cardigan
$49.79
NEW
$69.79
Business Waffle Peaked Lapel Double Breasted Blazer
$69.79
$34.79
Business Slant Pocket One Button Solid Suit Pants
from $34.79
$58.79
Business Striped Turndown Collar Double Breasted Blazer
$58.79
$59.78
Business Houndstooth Grid Pattern Peaked Lapel Singe Breasted Blazer
$59.78 $59.79 Save $0.01
NEW
$36.79
Business Rib Knit Long Sleeve Polo Shirt
$36.79
NEW
$59.79
Business Colorblocks Peaked Lapel Double Breasted Blazer
$59.79
$68.79
Okaywear Business Notched Lapel Slant Button Contrast Color Blazer
$68.79
$59.79
Business Stripes Patchwork Peaked Lapel Double Breasted Blazer
$59.79
$84.79
Business Plaid Peaked Lapel Double Breasted Blazer & Shorts 2Pcs Set
$84.79
$49.79
Vintage Ribbon Feather Decor Pure Wool Top Hat
$49.79
$24.79
Business Turndown Collar Letter Print Long Sleeve Shirt
$24.79
$94.79
Business Solid Peaked Lapel Blazer & Pants 2Pcs Set
$94.79
$54.79
Okaywear Casual Lapel Collar Two Button Knitted Jacket
$54.79
$59.79
Business Peaked Lapel Double Breasted Houndstooth Patchwork Blazer
$59.79
$62.79
Okaywear Business Peaked Lapel Buttons Leopard Pattern Blazer
$62.79
$59.79
Casual Polka Dots Double Breasted Peaked Lapel Blazer
$59.79
$62.79
Vintage Square Toe Buckle PU Leather Brogue Shoes
$62.79
$58.79
Business Casual Plaid Single Breasted Notch Lapel Blazer
$58.79
$94.79
Okaywear Contrast Striped One Button Blazer & Pants 2Pcs Set
$94.79
$49.79
Business V Neck Single Breasted Knitted Sweater Cardigan
$49.79
NEW
$69.79
Business Waffle Peaked Lapel Double Breasted Blazer
$69.79
$34.79
Business Slant Pocket One Button Solid Suit Pants
from $34.79
View more
$46.79
Daily V Neck Single Breasted Colorblock Satin Vest
$46.79
$3.79
Fashionable Crown Diamond Suit Accessories Chain Brooch Pins
$3.79
$69.79
Red Velvet Gold Satin Pockest Turndown Collar Blazer
$69.79 $89.79 Save $20.00
24Hrs Ship
$52.79
Casual Hollow Out Square Neck Buckle PU Leather Sandals
$52.79
$49.79
Formal Stripe Lace Up V Neck Buckle Vest
$49.79
24Hrs Ship
$96.79
Polka Dot Print Double Breasted Blazer & Pant 2Pcs Set
$96.79
24Hrs Ship
$11.79
Vintage Rhinestone Decor Plant Print Multilayer Blazer Bow Tie
$11.79
$9.79
Retro Metal Studded Jacquard Blazer Bow Tie
$9.79
$79.04
Party Totem Pattern One Button Overcoat & Pants 2Pcs Set
$79.04 $105.79 Save $26.75
24Hrs Ship
$124.79
Peak Lapel Floral Plaid Print Blazer & Pants 2Pcs Set
$124.79
$59.79
Hollow Lace Splicing Lapel Collar Two Button Blazer
$59.79
$1.79
Business Solid Stereo Floral Chiffon Cloth Brooch
$1.79
$69.79
Formal Tunrdown Collar Belt Pocket Long Sleeve Tuxedo
$69.79 $97.79 Save $28.00
24Hrs Ship
$69.79
Leopard Pattern Contrast Chunky Loafer Shoes
$69.79
$59.79
Formal Velvet Patchwork Shawl Neck Single Breasted Tuxedo
$59.79
24Hrs Ship
$5.79
Fashion Rhinestone Multi-Layer Alloy Brooch Pin
$5.79
$55.64
Retro Floral Pattern Lapel Collar Single Breasted Blazer
$55.64 $111.29 Save $55.65
Clearnce Sale
$4.79
Fashion Animal Shape Metal Rhinestone Decor Hanging Chain Brooch
$4.79
$56.79
Retro Graphic Patchwork Strappy PU Leather Brogue Shoes
from $56.79
$8.79
Retro Color Block Grid Splicing Cotton Necktie
$8.79
$46.79
Daily V Neck Single Breasted Colorblock Satin Vest
$46.79
$3.79
Fashionable Crown Diamond Suit Accessories Chain Brooch Pins
$3.79
$69.79
Red Velvet Gold Satin Pockest Turndown Collar Blazer
$69.79 $89.79 Save $20.00
24Hrs Ship
$52.79
Casual Hollow Out Square Neck Buckle PU Leather Sandals
$52.79
$49.79
Formal Stripe Lace Up V Neck Buckle Vest
$49.79
24Hrs Ship
$96.79
Polka Dot Print Double Breasted Blazer & Pant 2Pcs Set
$96.79
24Hrs Ship
$11.79
Vintage Rhinestone Decor Plant Print Multilayer Blazer Bow Tie
$11.79
$9.79
Retro Metal Studded Jacquard Blazer Bow Tie
$9.79
$79.04
Party Totem Pattern One Button Overcoat & Pants 2Pcs Set
$79.04 $105.79 Save $26.75
24Hrs Ship
$124.79
Peak Lapel Floral Plaid Print Blazer & Pants 2Pcs Set
$124.79
View more
# OKAYWEAR PROMISE
CUSTOMER REVIEWS
8 Reviews
Jesse
We are going on a cruise and my husband may be required to wear a suit jacket in
the dinning room, so we bought this and it's beautiful.
Business Solid Peaked Lapel Blazer & Pants 2Pcs Set
$94.79
Jeffrey "Boots" Bona
Love these shoes, I am 11.5 and 46 fit me perfect.
Dario Trapani
Everything perfect , the jacket really wonderful Only 1 month to receive!
Oberon
Bought this outfit for an 80's party but could use anytime at a beach like
setting. Comfy fit and very well made.
Lapel Collar Pocket Pure Shirt & Pant 2Pcs Set
$39.79
$70.47
Save $30.68
Harrison
This jacket fits perfect. No need to take it to a tailor. Will buy more.
Formal Jacquard Buckle Turndown Collar Tuxedo
$69.79
Carl Anthony Strickland
Perfect for important occasions, I wore it with my wife to a friend’s wedding
Gavin
The boots look exactly like the photos. Pleased with the way they fit and they
look great with the suit I’m wearing. Great buy
Julian
Loved everything about this suit, especially the plaid printt.
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
*Clearance Sale*
Enter your email and win rewards
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
See detail
See detail
$0.00
Quantity
1
Add to cart
Original text
Rate this translation
Your feedback will be used to help improve Google Translate