www.sloveos.com
Open in
urlscan Pro
2606:4700::6812:e92a
Public Scan
URL:
https://www.sloveos.com/collections/tiffany-co
Submission: On December 27 via manual from PH — Scanned from DE
Submission: On December 27 via manual from PH — Scanned from DE
Form analysis 6 forms found in the DOM
GET /search
<form class="header__search-modal-content tw-flex-1 tw-container tw-flex tw-items-center" action="/search" method="get">
<button type="submit" class="header__icons-search tw-m-0 tw-p-0 tw-text-0 tw-text-inherit tw-bg-transparent tw-border-0 tw-outline-none tw-cursor-pointer">
<svg class="" width="26" height="26" xmlns="http://www.w3.org/2000/svg">
<path fill-rule="evenodd" clip-rule="evenodd"
d="M17.925 20.057A9.955 9.955 0 0 1 12 22C6.477 22 2 17.523 2 12S6.477 2 12 2s10 4.477 10 10a9.968 9.968 0 0 1-2.864 7.006l4.929 4.928a.8.8 0 0 1-1.132 1.132l-5-5-.008-.01zM20.4 12a8.4 8.4 0 1 1-16.8 0 8.4 8.4 0 0 1 16.8 0z"
fill="currentColor"></path>
</svg>
</button>
<input class="header__search-input tw-flex-1 tw-m-0 tw-p-0 tw-pl-4 tw-pr-16 tw-text-base tw-leading-1 tw-text-header-search-text-color type-text-font-family tw-bg-transparent tw-border-0 tw-outline-none" type="text" autocomplete="off" name="q"
placeholder="Search products">
<button type="button" class="header__search-modal-close tw-m-0 tw-p-0 tw-text-0 tw-text-inherit tw-bg-transparent tw-border-0 tw-outline-none tw-cursor-pointer">
<svg class="" width="26" height="26" xmlns="http://www.w3.org/2000/svg">
<path d="M21.502 5.732A.85.85 0 0 0 20.3 4.53l-7.32 7.32L5.734 4.6a.85.85 0 0 0-1.202 1.203l7.248 7.247L4.53 20.3A.85.85 0 0 0 5.733 21.5l7.248-7.248 7.319 7.319a.85.85 0 0 0 1.202-1.202l-7.319-7.319 7.319-7.319z" fill="currentColor"></path>
</svg>
</button>
</form><form class="collection__form collection__form_pc tw-hidden lg:tw-flex tw-justify-between tw-items-start tw-pt-3">
<style>
[data-section-id="1539149755240"] .collection__filter_item_wrap.open .collection__filter_btn {
border-color: var(--color-general-text);
}
[data-section-id="1539149755240"] .collection__filter_item_wrap .arrow {
transform: rotate(90deg);
}
[data-section-id="1539149755240"] .collection__filter_item_wrap.open .arrow {
transform: rotate(-90deg);
}
[data-section-id="1539149755240"] .collection__filter_dropdown:before {
content: "";
position: fixed;
top: 0;
right: 0;
bottom: 0;
left: 0;
z-index: 1000;
display: block;
cursor: default;
background: transparent;
}
</style>
<div class="tw-flex tw-flex-nowrap collection__filter">
<div class=" tw-pr-5 tw-body-plus-2 tw-leading-10 tw-pt-3">Filter</div>
<div class="tw-flex tw-flex-wrap">
<div class="tw-relative tw-pt-3 collection__filter_item_wrap collection__filter_list " data-reset-wrap="filter.v.availability">
<button type="button" class="tw-flex tw-items-center type-text-font-family tw-mr-3 tw-py-2 tw-px-3 tw-secondary-select
tw-rounded-[1px]
collection__filter_btn">
<span class=" tw-pr-5 tw-body-plus-2 tw-leading-none tw-capitalize"> Availability </span>
<svg class="tw-flex tw-pointer-events-none arrow" width="22" height="22" xmlns="http://www.w3.org/2000/svg">
<path d="M14.576 10.573a.6.6 0 0 1 0 .849L8.99 17.008a.3.3 0 0 1-.424 0l-.51-.51a.3.3 0 0 1 0-.424l5.078-5.077L8.057 5.92a.3.3 0 0 1 0-.424l.509-.509a.3.3 0 0 1 .424 0l5.586 5.586z" fill="currentColor"></path>
</svg>
</button>
<div class="tw-absolute tw-hidden tw-mt-2 collection__filter_dropdown collection_dropdown-0">
<ul class="tw-relative tw-flex tw-flex-col tw-w-[375px] tw-max-h-[432px] tw-m-0 tw-p-0 tw-bg-bg-color tw-border tw-border-solid tw-border-btn-color tw-overflow-y-auto tw-overflow-x-hidden tw-list-none tw-z-dropdown
tw-rounded-[1px]
collection__filter_dropdown_content collection_dropdown-0">
<li class="tw-sticky tw-top-0 tw-flex tw-justify-between tw-items-center tw-py-5 tw-px-4 tw-bg-bg-color tw-z-10">
<div class="tw-body-plus-4 tw-leading-none collection__filter_selected">0 selected</div>
<a class="tw-py-1 tw-body-plus-2 tw-leading-none tw-border-opacity-60 tw-cursor-pointer collection__filter_reset" data-reset="filter.v.availability">Reset</a>
</li>
<li class="tw-mx-4">
<input type="checkbox" name="filter.v.availability" value="1" id="filter-filter.v.availability-1" class="tw-hidden collection__filter_checkbox">
<label class="tw-relative tw-flex tw-items-center tw-py-4 tw-cursor-pointer" for="filter-filter.v.availability-1">
<span class="tw-body-plus-2 tw-leading-1.4 tw-break-words filter_value_content tw-capitalize "> In stock <span data-filter-value-id="filter_1">(703)</span>
</span>
<i class="tw-absolute tw-flex tw-items-center tw-justify-center tw-w-5 tw-h-5">
<svg class="tw-text-text-color" width="17" height="17" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M14.306 3.702a.768.768 0 0 1 .14 1.096l-7 8.782a.811.811 0 0 1-1.197.073l-4.5-4.391a.767.767 0 0 1 0-1.104.814.814 0 0 1 1.131 0l3.86 3.766 6.443-8.085a.813.813 0 0 1 1.123-.137z" fill="currentColor"></path></svg>
</i>
</label>
</li>
<li class="tw-mx-4">
<input type="checkbox" name="filter.v.availability" value="0" id="filter-filter.v.availability-2" class="tw-hidden collection__filter_checkbox" disabled="">
<label class="tw-relative tw-flex tw-items-center tw-py-4 tw-cursor-pointer" for="filter-filter.v.availability-2">
<span class="tw-body-plus-2 tw-leading-1.4 tw-break-words filter_value_content tw-opacity-[0.15] tw-capitalize "> Out of stock <span data-filter-value-id="filter_0">(0)</span>
</span>
<i class="tw-absolute tw-flex tw-items-center tw-justify-center tw-w-5 tw-h-5">
<svg class="tw-text-text-color" width="17" height="17" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M14.306 3.702a.768.768 0 0 1 .14 1.096l-7 8.782a.811.811 0 0 1-1.197.073l-4.5-4.391a.767.767 0 0 1 0-1.104.814.814 0 0 1 1.131 0l3.86 3.766 6.443-8.085a.813.813 0 0 1 1.123-.137z" fill="currentColor"></path></svg>
</i>
</label>
</li>
</ul>
</div>
</div>
<div class="tw-relative tw-pt-3 collection__filter_item_wrap collection__filter_price " data-reset-wrap="filter.v.price">
<button type="button" class="tw-flex tw-items-center type-text-font-family tw-mr-3 tw-py-2 tw-px-3 tw-secondary-select
tw-rounded-[1px]
collection__filter_btn">
<span class=" tw-pr-5 tw-body-plus-2 tw-leading-none tw-capitalize"> Price </span>
<svg class="tw-flex tw-pointer-events-none arrow" width="22" height="22" xmlns="http://www.w3.org/2000/svg">
<path d="M14.576 10.573a.6.6 0 0 1 0 .849L8.99 17.008a.3.3 0 0 1-.424 0l-.51-.51a.3.3 0 0 1 0-.424l5.078-5.077L8.057 5.92a.3.3 0 0 1 0-.424l.509-.509a.3.3 0 0 1 .424 0l5.586 5.586z" fill="currentColor"></path>
</svg>
</button>
<div class="tw-absolute tw-hidden tw-mt-2 collection__filter_dropdown collection_dropdown-1">
<ul class="tw-relative tw-flex tw-flex-col tw-w-[375px] tw-max-h-[432px] tw-m-0 tw-p-0 tw-bg-bg-color tw-border tw-border-solid tw-border-btn-color tw-overflow-y-auto tw-overflow-x-hidden tw-list-none tw-z-dropdown
tw-rounded-[1px]
collection__filter_dropdown_content collection_dropdown-1">
<li class="tw-flex tw-justify-end tw-items-center tw-py-5 tw-px-4">
<a class="tw-py-1 tw-body-plus-2 tw-leading-none tw-border-opacity-60 tw-cursor-pointer collection__filter_reset" data-reset="filter.v.price">Reset</a>
</li>
<li class="tw-py-8 tw-px-5">
<div class="tw-text-center tw-body-plus-2 tw-mb-4 collection_highest_price">The highest price is <span class="money notranslate">€66.09</span></div>
<div class="tw-flex tw-justify-between tw-items-center">
<div class="tw-flex tw-items-center tw-w-[46%]">
<div class=" tw-pr-2 ">$</div>
<input type="text" name="filter.v.price.gte" placeholder="From" oninput="this.value=this.value.match(/\d+(\.\d{0,2})?/) ? this.value.match(/\d+(\.\d{0,2})?/)[0] : ''"
class="tw-w-full tw-px-4 tw-py-[14px] tw-body-plus-2 tw-secondary-select">
</div>
<div class="tw-flex tw-items-center tw-w-[46%]">
<div class=" tw-pr-2 ">$</div>
<input type="text" name="filter.v.price.lte" placeholder="To" oninput="this.value=this.value.match(/\d+(\.\d{0,2})?/) ? this.value.match(/\d+(\.\d{0,2})?/)[0] : ''"
class="tw-w-full tw-px-4 tw-py-[14px] tw-body-plus-2 tw-secondary-select">
</div>
</div>
</li>
</ul>
</div>
</div>
<div class="tw-relative tw-pt-3 collection__filter_item_wrap collection__filter_list " data-reset-wrap="filter.p.tag">
<button type="button" class="tw-flex tw-items-center type-text-font-family tw-mr-3 tw-py-2 tw-px-3 tw-secondary-select
tw-rounded-[1px]
collection__filter_btn">
<span class=" tw-pr-5 tw-body-plus-2 tw-leading-none tw-capitalize"> Tag (displayed as more filters) </span>
<svg class="tw-flex tw-pointer-events-none arrow" width="22" height="22" xmlns="http://www.w3.org/2000/svg">
<path d="M14.576 10.573a.6.6 0 0 1 0 .849L8.99 17.008a.3.3 0 0 1-.424 0l-.51-.51a.3.3 0 0 1 0-.424l5.078-5.077L8.057 5.92a.3.3 0 0 1 0-.424l.509-.509a.3.3 0 0 1 .424 0l5.586 5.586z" fill="currentColor"></path>
</svg>
</button>
<div class="tw-absolute tw-hidden tw-mt-2 collection__filter_dropdown collection_dropdown-3">
<ul class="tw-relative tw-flex tw-flex-col tw-w-[375px] tw-max-h-[432px] tw-m-0 tw-p-0 tw-bg-bg-color tw-border tw-border-solid tw-border-btn-color tw-overflow-y-auto tw-overflow-x-hidden tw-list-none tw-z-dropdown
tw-rounded-[1px]
collection__filter_dropdown_content collection_dropdown-3">
<li class="tw-sticky tw-top-0 tw-flex tw-justify-between tw-items-center tw-py-5 tw-px-4 tw-bg-bg-color tw-z-10">
<div class="tw-body-plus-4 tw-leading-none collection__filter_selected">0 selected</div>
<a class="tw-py-1 tw-body-plus-2 tw-leading-none tw-border-opacity-60 tw-cursor-pointer collection__filter_reset" data-reset="filter.p.tag">Reset</a>
</li>
<li class="tw-mx-4">
<input type="checkbox" name="filter.p.tag" value="accessories" id="filter-filter.p.tag-1" class="tw-hidden collection__filter_checkbox">
<label class="tw-relative tw-flex tw-items-center tw-py-4 tw-cursor-pointer" for="filter-filter.p.tag-1">
<span class="tw-body-plus-2 tw-leading-1.4 tw-break-words filter_value_content tw-capitalize "> accessories <span data-filter-value-id="filter_accessories">(8)</span>
</span>
<i class="tw-absolute tw-flex tw-items-center tw-justify-center tw-w-5 tw-h-5">
<svg class="tw-text-text-color" width="17" height="17" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M14.306 3.702a.768.768 0 0 1 .14 1.096l-7 8.782a.811.811 0 0 1-1.197.073l-4.5-4.391a.767.767 0 0 1 0-1.104.814.814 0 0 1 1.131 0l3.86 3.766 6.443-8.085a.813.813 0 0 1 1.123-.137z" fill="currentColor"></path></svg>
</i>
</label>
</li>
<li class="tw-mx-4">
<input type="checkbox" name="filter.p.tag" value="audrey hepburn" id="filter-filter.p.tag-2" class="tw-hidden collection__filter_checkbox">
<label class="tw-relative tw-flex tw-items-center tw-py-4 tw-cursor-pointer" for="filter-filter.p.tag-2">
<span class="tw-body-plus-2 tw-leading-1.4 tw-break-words filter_value_content tw-capitalize "> audrey hepburn <span data-filter-value-id="filter_audrey hepburn">(13)</span>
</span>
<i class="tw-absolute tw-flex tw-items-center tw-justify-center tw-w-5 tw-h-5">
<svg class="tw-text-text-color" width="17" height="17" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M14.306 3.702a.768.768 0 0 1 .14 1.096l-7 8.782a.811.811 0 0 1-1.197.073l-4.5-4.391a.767.767 0 0 1 0-1.104.814.814 0 0 1 1.131 0l3.86 3.766 6.443-8.085a.813.813 0 0 1 1.123-.137z" fill="currentColor"></path></svg>
</i>
</label>
</li>
<li class="tw-mx-4">
<input type="checkbox" name="filter.p.tag" value="bag" id="filter-filter.p.tag-3" class="tw-hidden collection__filter_checkbox">
<label class="tw-relative tw-flex tw-items-center tw-py-4 tw-cursor-pointer" for="filter-filter.p.tag-3">
<span class="tw-body-plus-2 tw-leading-1.4 tw-break-words filter_value_content tw-capitalize "> bag <span data-filter-value-id="filter_bag">(80)</span>
</span>
<i class="tw-absolute tw-flex tw-items-center tw-justify-center tw-w-5 tw-h-5">
<svg class="tw-text-text-color" width="17" height="17" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M14.306 3.702a.768.768 0 0 1 .14 1.096l-7 8.782a.811.811 0 0 1-1.197.073l-4.5-4.391a.767.767 0 0 1 0-1.104.814.814 0 0 1 1.131 0l3.86 3.766 6.443-8.085a.813.813 0 0 1 1.123-.137z" fill="currentColor"></path></svg>
</i>
</label>
</li>
<li class="tw-mx-4">
<input type="checkbox" name="filter.p.tag" value="bags" id="filter-filter.p.tag-4" class="tw-hidden collection__filter_checkbox">
<label class="tw-relative tw-flex tw-items-center tw-py-4 tw-cursor-pointer" for="filter-filter.p.tag-4">
<span class="tw-body-plus-2 tw-leading-1.4 tw-break-words filter_value_content tw-capitalize "> bags <span data-filter-value-id="filter_bags">(1)</span>
</span>
<i class="tw-absolute tw-flex tw-items-center tw-justify-center tw-w-5 tw-h-5">
<svg class="tw-text-text-color" width="17" height="17" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M14.306 3.702a.768.768 0 0 1 .14 1.096l-7 8.782a.811.811 0 0 1-1.197.073l-4.5-4.391a.767.767 0 0 1 0-1.104.814.814 0 0 1 1.131 0l3.86 3.766 6.443-8.085a.813.813 0 0 1 1.123-.137z" fill="currentColor"></path></svg>
</i>
</label>
</li>
<li class="tw-mx-4">
<input type="checkbox" name="filter.p.tag" value="blouse" id="filter-filter.p.tag-5" class="tw-hidden collection__filter_checkbox">
<label class="tw-relative tw-flex tw-items-center tw-py-4 tw-cursor-pointer" for="filter-filter.p.tag-5">
<span class="tw-body-plus-2 tw-leading-1.4 tw-break-words filter_value_content tw-capitalize "> blouse <span data-filter-value-id="filter_blouse">(1)</span>
</span>
<i class="tw-absolute tw-flex tw-items-center tw-justify-center tw-w-5 tw-h-5">
<svg class="tw-text-text-color" width="17" height="17" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M14.306 3.702a.768.768 0 0 1 .14 1.096l-7 8.782a.811.811 0 0 1-1.197.073l-4.5-4.391a.767.767 0 0 1 0-1.104.814.814 0 0 1 1.131 0l3.86 3.766 6.443-8.085a.813.813 0 0 1 1.123-.137z" fill="currentColor"></path></svg>
</i>
</label>
</li>
<li class="tw-mx-4">
<input type="checkbox" name="filter.p.tag" value="bottoms" id="filter-filter.p.tag-6" class="tw-hidden collection__filter_checkbox">
<label class="tw-relative tw-flex tw-items-center tw-py-4 tw-cursor-pointer" for="filter-filter.p.tag-6">
<span class="tw-body-plus-2 tw-leading-1.4 tw-break-words filter_value_content tw-capitalize "> bottoms <span data-filter-value-id="filter_bottoms">(1)</span>
</span>
<i class="tw-absolute tw-flex tw-items-center tw-justify-center tw-w-5 tw-h-5">
<svg class="tw-text-text-color" width="17" height="17" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M14.306 3.702a.768.768 0 0 1 .14 1.096l-7 8.782a.811.811 0 0 1-1.197.073l-4.5-4.391a.767.767 0 0 1 0-1.104.814.814 0 0 1 1.131 0l3.86 3.766 6.443-8.085a.813.813 0 0 1 1.123-.137z" fill="currentColor"></path></svg>
</i>
</label>
</li>
<li class="tw-mx-4">
<input type="checkbox" name="filter.p.tag" value="cardigan" id="filter-filter.p.tag-7" class="tw-hidden collection__filter_checkbox">
<label class="tw-relative tw-flex tw-items-center tw-py-4 tw-cursor-pointer" for="filter-filter.p.tag-7">
<span class="tw-body-plus-2 tw-leading-1.4 tw-break-words filter_value_content tw-capitalize "> cardigan <span data-filter-value-id="filter_cardigan">(1)</span>
</span>
<i class="tw-absolute tw-flex tw-items-center tw-justify-center tw-w-5 tw-h-5">
<svg class="tw-text-text-color" width="17" height="17" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M14.306 3.702a.768.768 0 0 1 .14 1.096l-7 8.782a.811.811 0 0 1-1.197.073l-4.5-4.391a.767.767 0 0 1 0-1.104.814.814 0 0 1 1.131 0l3.86 3.766 6.443-8.085a.813.813 0 0 1 1.123-.137z" fill="currentColor"></path></svg>
</i>
</label>
</li>
<li class="tw-mx-4">
<input type="checkbox" name="filter.p.tag" value="carlier" id="filter-filter.p.tag-8" class="tw-hidden collection__filter_checkbox">
<label class="tw-relative tw-flex tw-items-center tw-py-4 tw-cursor-pointer" for="filter-filter.p.tag-8">
<span class="tw-body-plus-2 tw-leading-1.4 tw-break-words filter_value_content tw-capitalize "> carlier <span data-filter-value-id="filter_carlier">(9)</span>
</span>
<i class="tw-absolute tw-flex tw-items-center tw-justify-center tw-w-5 tw-h-5">
<svg class="tw-text-text-color" width="17" height="17" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M14.306 3.702a.768.768 0 0 1 .14 1.096l-7 8.782a.811.811 0 0 1-1.197.073l-4.5-4.391a.767.767 0 0 1 0-1.104.814.814 0 0 1 1.131 0l3.86 3.766 6.443-8.085a.813.813 0 0 1 1.123-.137z" fill="currentColor"></path></svg>
</i>
</label>
</li>
<li class="tw-mx-4">
<input type="checkbox" name="filter.p.tag" value="dress" id="filter-filter.p.tag-9" class="tw-hidden collection__filter_checkbox">
<label class="tw-relative tw-flex tw-items-center tw-py-4 tw-cursor-pointer" for="filter-filter.p.tag-9">
<span class="tw-body-plus-2 tw-leading-1.4 tw-break-words filter_value_content tw-capitalize "> dress <span data-filter-value-id="filter_dress">(16)</span>
</span>
<i class="tw-absolute tw-flex tw-items-center tw-justify-center tw-w-5 tw-h-5">
<svg class="tw-text-text-color" width="17" height="17" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M14.306 3.702a.768.768 0 0 1 .14 1.096l-7 8.782a.811.811 0 0 1-1.197.073l-4.5-4.391a.767.767 0 0 1 0-1.104.814.814 0 0 1 1.131 0l3.86 3.766 6.443-8.085a.813.813 0 0 1 1.123-.137z" fill="currentColor"></path></svg>
</i>
</label>
</li>
<li class="tw-mx-4">
<input type="checkbox" name="filter.p.tag" value="hat" id="filter-filter.p.tag-10" class="tw-hidden collection__filter_checkbox">
<label class="tw-relative tw-flex tw-items-center tw-py-4 tw-cursor-pointer" for="filter-filter.p.tag-10">
<span class="tw-body-plus-2 tw-leading-1.4 tw-break-words filter_value_content tw-capitalize "> hat <span data-filter-value-id="filter_hat">(1)</span>
</span>
<i class="tw-absolute tw-flex tw-items-center tw-justify-center tw-w-5 tw-h-5">
<svg class="tw-text-text-color" width="17" height="17" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M14.306 3.702a.768.768 0 0 1 .14 1.096l-7 8.782a.811.811 0 0 1-1.197.073l-4.5-4.391a.767.767 0 0 1 0-1.104.814.814 0 0 1 1.131 0l3.86 3.766 6.443-8.085a.813.813 0 0 1 1.123-.137z" fill="currentColor"></path></svg>
</i>
</label>
</li>
<li class="tw-mx-4">
<input type="checkbox" name="filter.p.tag" value="hats" id="filter-filter.p.tag-11" class="tw-hidden collection__filter_checkbox">
<label class="tw-relative tw-flex tw-items-center tw-py-4 tw-cursor-pointer" for="filter-filter.p.tag-11">
<span class="tw-body-plus-2 tw-leading-1.4 tw-break-words filter_value_content tw-capitalize "> hats <span data-filter-value-id="filter_hats">(8)</span>
</span>
<i class="tw-absolute tw-flex tw-items-center tw-justify-center tw-w-5 tw-h-5">
<svg class="tw-text-text-color" width="17" height="17" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M14.306 3.702a.768.768 0 0 1 .14 1.096l-7 8.782a.811.811 0 0 1-1.197.073l-4.5-4.391a.767.767 0 0 1 0-1.104.814.814 0 0 1 1.131 0l3.86 3.766 6.443-8.085a.813.813 0 0 1 1.123-.137z" fill="currentColor"></path></svg>
</i>
</label>
</li>
<li class="tw-mx-4">
<input type="checkbox" name="filter.p.tag" value="hoodie" id="filter-filter.p.tag-12" class="tw-hidden collection__filter_checkbox">
<label class="tw-relative tw-flex tw-items-center tw-py-4 tw-cursor-pointer" for="filter-filter.p.tag-12">
<span class="tw-body-plus-2 tw-leading-1.4 tw-break-words filter_value_content tw-capitalize "> hoodie <span data-filter-value-id="filter_hoodie">(97)</span>
</span>
<i class="tw-absolute tw-flex tw-items-center tw-justify-center tw-w-5 tw-h-5">
<svg class="tw-text-text-color" width="17" height="17" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M14.306 3.702a.768.768 0 0 1 .14 1.096l-7 8.782a.811.811 0 0 1-1.197.073l-4.5-4.391a.767.767 0 0 1 0-1.104.814.814 0 0 1 1.131 0l3.86 3.766 6.443-8.085a.813.813 0 0 1 1.123-.137z" fill="currentColor"></path></svg>
</i>
</label>
</li>
<li class="tw-mx-4">
<input type="checkbox" name="filter.p.tag" value="interesting words" id="filter-filter.p.tag-13" class="tw-hidden collection__filter_checkbox">
<label class="tw-relative tw-flex tw-items-center tw-py-4 tw-cursor-pointer" for="filter-filter.p.tag-13">
<span class="tw-body-plus-2 tw-leading-1.4 tw-break-words filter_value_content tw-capitalize "> interesting words <span data-filter-value-id="filter_interesting words">(16)</span>
</span>
<i class="tw-absolute tw-flex tw-items-center tw-justify-center tw-w-5 tw-h-5">
<svg class="tw-text-text-color" width="17" height="17" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M14.306 3.702a.768.768 0 0 1 .14 1.096l-7 8.782a.811.811 0 0 1-1.197.073l-4.5-4.391a.767.767 0 0 1 0-1.104.814.814 0 0 1 1.131 0l3.86 3.766 6.443-8.085a.813.813 0 0 1 1.123-.137z" fill="currentColor"></path></svg>
</i>
</label>
</li>
<li class="tw-mx-4">
<input type="checkbox" name="filter.p.tag" value="knitting scarf" id="filter-filter.p.tag-14" class="tw-hidden collection__filter_checkbox">
<label class="tw-relative tw-flex tw-items-center tw-py-4 tw-cursor-pointer" for="filter-filter.p.tag-14">
<span class="tw-body-plus-2 tw-leading-1.4 tw-break-words filter_value_content tw-capitalize "> knitting scarf <span data-filter-value-id="filter_knitting scarf">(1)</span>
</span>
<i class="tw-absolute tw-flex tw-items-center tw-justify-center tw-w-5 tw-h-5">
<svg class="tw-text-text-color" width="17" height="17" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M14.306 3.702a.768.768 0 0 1 .14 1.096l-7 8.782a.811.811 0 0 1-1.197.073l-4.5-4.391a.767.767 0 0 1 0-1.104.814.814 0 0 1 1.131 0l3.86 3.766 6.443-8.085a.813.813 0 0 1 1.123-.137z" fill="currentColor"></path></svg>
</i>
</label>
</li>
<li class="tw-mx-4">
<input type="checkbox" name="filter.p.tag" value="legging" id="filter-filter.p.tag-15" class="tw-hidden collection__filter_checkbox">
<label class="tw-relative tw-flex tw-items-center tw-py-4 tw-cursor-pointer" for="filter-filter.p.tag-15">
<span class="tw-body-plus-2 tw-leading-1.4 tw-break-words filter_value_content tw-capitalize "> legging <span data-filter-value-id="filter_legging">(7)</span>
</span>
<i class="tw-absolute tw-flex tw-items-center tw-justify-center tw-w-5 tw-h-5">
<svg class="tw-text-text-color" width="17" height="17" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M14.306 3.702a.768.768 0 0 1 .14 1.096l-7 8.782a.811.811 0 0 1-1.197.073l-4.5-4.391a.767.767 0 0 1 0-1.104.814.814 0 0 1 1.131 0l3.86 3.766 6.443-8.085a.813.813 0 0 1 1.123-.137z" fill="currentColor"></path></svg>
</i>
</label>
</li>
<li class="tw-mx-4">
<input type="checkbox" name="filter.p.tag" value="long sleeve" id="filter-filter.p.tag-16" class="tw-hidden collection__filter_checkbox">
<label class="tw-relative tw-flex tw-items-center tw-py-4 tw-cursor-pointer" for="filter-filter.p.tag-16">
<span class="tw-body-plus-2 tw-leading-1.4 tw-break-words filter_value_content tw-capitalize "> long sleeve <span data-filter-value-id="filter_long sleeve">(42)</span>
</span>
<i class="tw-absolute tw-flex tw-items-center tw-justify-center tw-w-5 tw-h-5">
<svg class="tw-text-text-color" width="17" height="17" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M14.306 3.702a.768.768 0 0 1 .14 1.096l-7 8.782a.811.811 0 0 1-1.197.073l-4.5-4.391a.767.767 0 0 1 0-1.104.814.814 0 0 1 1.131 0l3.86 3.766 6.443-8.085a.813.813 0 0 1 1.123-.137z" fill="currentColor"></path></svg>
</i>
</label>
</li>
<li class="tw-mx-4">
<input type="checkbox" name="filter.p.tag" value="loung wear" id="filter-filter.p.tag-17" class="tw-hidden collection__filter_checkbox">
<label class="tw-relative tw-flex tw-items-center tw-py-4 tw-cursor-pointer" for="filter-filter.p.tag-17">
<span class="tw-body-plus-2 tw-leading-1.4 tw-break-words filter_value_content tw-capitalize "> loung wear <span data-filter-value-id="filter_loung wear">(1)</span>
</span>
<i class="tw-absolute tw-flex tw-items-center tw-justify-center tw-w-5 tw-h-5">
<svg class="tw-text-text-color" width="17" height="17" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M14.306 3.702a.768.768 0 0 1 .14 1.096l-7 8.782a.811.811 0 0 1-1.197.073l-4.5-4.391a.767.767 0 0 1 0-1.104.814.814 0 0 1 1.131 0l3.86 3.766 6.443-8.085a.813.813 0 0 1 1.123-.137z" fill="currentColor"></path></svg>
</i>
</label>
</li>
<li class="tw-mx-4">
<input type="checkbox" name="filter.p.tag" value="men's" id="filter-filter.p.tag-18" class="tw-hidden collection__filter_checkbox">
<label class="tw-relative tw-flex tw-items-center tw-py-4 tw-cursor-pointer" for="filter-filter.p.tag-18">
<span class="tw-body-plus-2 tw-leading-1.4 tw-break-words filter_value_content tw-capitalize "> men's <span data-filter-value-id="filter_men's">(13)</span>
</span>
<i class="tw-absolute tw-flex tw-items-center tw-justify-center tw-w-5 tw-h-5">
<svg class="tw-text-text-color" width="17" height="17" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M14.306 3.702a.768.768 0 0 1 .14 1.096l-7 8.782a.811.811 0 0 1-1.197.073l-4.5-4.391a.767.767 0 0 1 0-1.104.814.814 0 0 1 1.131 0l3.86 3.766 6.443-8.085a.813.813 0 0 1 1.123-.137z" fill="currentColor"></path></svg>
</i>
</label>
</li>
<li class="tw-mx-4">
<input type="checkbox" name="filter.p.tag" value="pants" id="filter-filter.p.tag-19" class="tw-hidden collection__filter_checkbox">
<label class="tw-relative tw-flex tw-items-center tw-py-4 tw-cursor-pointer" for="filter-filter.p.tag-19">
<span class="tw-body-plus-2 tw-leading-1.4 tw-break-words filter_value_content tw-capitalize "> pants <span data-filter-value-id="filter_pants">(2)</span>
</span>
<i class="tw-absolute tw-flex tw-items-center tw-justify-center tw-w-5 tw-h-5">
<svg class="tw-text-text-color" width="17" height="17" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M14.306 3.702a.768.768 0 0 1 .14 1.096l-7 8.782a.811.811 0 0 1-1.197.073l-4.5-4.391a.767.767 0 0 1 0-1.104.814.814 0 0 1 1.131 0l3.86 3.766 6.443-8.085a.813.813 0 0 1 1.123-.137z" fill="currentColor"></path></svg>
</i>
</label>
</li>
<li class="tw-mx-4">
<input type="checkbox" name="filter.p.tag" value="set" id="filter-filter.p.tag-20" class="tw-hidden collection__filter_checkbox">
<label class="tw-relative tw-flex tw-items-center tw-py-4 tw-cursor-pointer" for="filter-filter.p.tag-20">
<span class="tw-body-plus-2 tw-leading-1.4 tw-break-words filter_value_content tw-capitalize "> set <span data-filter-value-id="filter_set">(66)</span>
</span>
<i class="tw-absolute tw-flex tw-items-center tw-justify-center tw-w-5 tw-h-5">
<svg class="tw-text-text-color" width="17" height="17" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M14.306 3.702a.768.768 0 0 1 .14 1.096l-7 8.782a.811.811 0 0 1-1.197.073l-4.5-4.391a.767.767 0 0 1 0-1.104.814.814 0 0 1 1.131 0l3.86 3.766 6.443-8.085a.813.813 0 0 1 1.123-.137z" fill="currentColor"></path></svg>
</i>
</label>
</li>
<li class="tw-mx-4">
<input type="checkbox" name="filter.p.tag" value="shoe" id="filter-filter.p.tag-21" class="tw-hidden collection__filter_checkbox">
<label class="tw-relative tw-flex tw-items-center tw-py-4 tw-cursor-pointer" for="filter-filter.p.tag-21">
<span class="tw-body-plus-2 tw-leading-1.4 tw-break-words filter_value_content tw-capitalize "> shoe <span data-filter-value-id="filter_shoe">(12)</span>
</span>
<i class="tw-absolute tw-flex tw-items-center tw-justify-center tw-w-5 tw-h-5">
<svg class="tw-text-text-color" width="17" height="17" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M14.306 3.702a.768.768 0 0 1 .14 1.096l-7 8.782a.811.811 0 0 1-1.197.073l-4.5-4.391a.767.767 0 0 1 0-1.104.814.814 0 0 1 1.131 0l3.86 3.766 6.443-8.085a.813.813 0 0 1 1.123-.137z" fill="currentColor"></path></svg>
</i>
</label>
</li>
<li class="tw-mx-4">
<input type="checkbox" name="filter.p.tag" value="shorts" id="filter-filter.p.tag-22" class="tw-hidden collection__filter_checkbox">
<label class="tw-relative tw-flex tw-items-center tw-py-4 tw-cursor-pointer" for="filter-filter.p.tag-22">
<span class="tw-body-plus-2 tw-leading-1.4 tw-break-words filter_value_content tw-capitalize "> shorts <span data-filter-value-id="filter_shorts">(1)</span>
</span>
<i class="tw-absolute tw-flex tw-items-center tw-justify-center tw-w-5 tw-h-5">
<svg class="tw-text-text-color" width="17" height="17" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M14.306 3.702a.768.768 0 0 1 .14 1.096l-7 8.782a.811.811 0 0 1-1.197.073l-4.5-4.391a.767.767 0 0 1 0-1.104.814.814 0 0 1 1.131 0l3.86 3.766 6.443-8.085a.813.813 0 0 1 1.123-.137z" fill="currentColor"></path></svg>
</i>
</label>
</li>
<li class="tw-mx-4">
<input type="checkbox" name="filter.p.tag" value="socks" id="filter-filter.p.tag-23" class="tw-hidden collection__filter_checkbox">
<label class="tw-relative tw-flex tw-items-center tw-py-4 tw-cursor-pointer" for="filter-filter.p.tag-23">
<span class="tw-body-plus-2 tw-leading-1.4 tw-break-words filter_value_content tw-capitalize "> socks <span data-filter-value-id="filter_socks">(1)</span>
</span>
<i class="tw-absolute tw-flex tw-items-center tw-justify-center tw-w-5 tw-h-5">
<svg class="tw-text-text-color" width="17" height="17" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M14.306 3.702a.768.768 0 0 1 .14 1.096l-7 8.782a.811.811 0 0 1-1.197.073l-4.5-4.391a.767.767 0 0 1 0-1.104.814.814 0 0 1 1.131 0l3.86 3.766 6.443-8.085a.813.813 0 0 1 1.123-.137z" fill="currentColor"></path></svg>
</i>
</label>
</li>
<li class="tw-mx-4">
<input type="checkbox" name="filter.p.tag" value="sweatshirt" id="filter-filter.p.tag-24" class="tw-hidden collection__filter_checkbox">
<label class="tw-relative tw-flex tw-items-center tw-py-4 tw-cursor-pointer" for="filter-filter.p.tag-24">
<span class="tw-body-plus-2 tw-leading-1.4 tw-break-words filter_value_content tw-capitalize "> sweatshirt <span data-filter-value-id="filter_sweatshirt">(180)</span>
</span>
<i class="tw-absolute tw-flex tw-items-center tw-justify-center tw-w-5 tw-h-5">
<svg class="tw-text-text-color" width="17" height="17" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M14.306 3.702a.768.768 0 0 1 .14 1.096l-7 8.782a.811.811 0 0 1-1.197.073l-4.5-4.391a.767.767 0 0 1 0-1.104.814.814 0 0 1 1.131 0l3.86 3.766 6.443-8.085a.813.813 0 0 1 1.123-.137z" fill="currentColor"></path></svg>
</i>
</label>
</li>
<li class="tw-mx-4">
<input type="checkbox" name="filter.p.tag" value="t-shirt" id="filter-filter.p.tag-25" class="tw-hidden collection__filter_checkbox">
<label class="tw-relative tw-flex tw-items-center tw-py-4 tw-cursor-pointer" for="filter-filter.p.tag-25">
<span class="tw-body-plus-2 tw-leading-1.4 tw-break-words filter_value_content tw-capitalize "> t-shirt <span data-filter-value-id="filter_t-shirt">(96)</span>
</span>
<i class="tw-absolute tw-flex tw-items-center tw-justify-center tw-w-5 tw-h-5">
<svg class="tw-text-text-color" width="17" height="17" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M14.306 3.702a.768.768 0 0 1 .14 1.096l-7 8.782a.811.811 0 0 1-1.197.073l-4.5-4.391a.767.767 0 0 1 0-1.104.814.814 0 0 1 1.131 0l3.86 3.766 6.443-8.085a.813.813 0 0 1 1.123-.137z" fill="currentColor"></path></svg>
</i>
</label>
</li>
<li class="tw-mx-4">
<input type="checkbox" name="filter.p.tag" value="t-shirts" id="filter-filter.p.tag-26" class="tw-hidden collection__filter_checkbox">
<label class="tw-relative tw-flex tw-items-center tw-py-4 tw-cursor-pointer" for="filter-filter.p.tag-26">
<span class="tw-body-plus-2 tw-leading-1.4 tw-break-words filter_value_content tw-capitalize "> t-shirts <span data-filter-value-id="filter_t-shirts">(7)</span>
</span>
<i class="tw-absolute tw-flex tw-items-center tw-justify-center tw-w-5 tw-h-5">
<svg class="tw-text-text-color" width="17" height="17" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M14.306 3.702a.768.768 0 0 1 .14 1.096l-7 8.782a.811.811 0 0 1-1.197.073l-4.5-4.391a.767.767 0 0 1 0-1.104.814.814 0 0 1 1.131 0l3.86 3.766 6.443-8.085a.813.813 0 0 1 1.123-.137z" fill="currentColor"></path></svg>
</i>
</label>
</li>
<li class="tw-mx-4">
<input type="checkbox" name="filter.p.tag" value="tank" id="filter-filter.p.tag-27" class="tw-hidden collection__filter_checkbox">
<label class="tw-relative tw-flex tw-items-center tw-py-4 tw-cursor-pointer" for="filter-filter.p.tag-27">
<span class="tw-body-plus-2 tw-leading-1.4 tw-break-words filter_value_content tw-capitalize "> tank <span data-filter-value-id="filter_tank">(1)</span>
</span>
<i class="tw-absolute tw-flex tw-items-center tw-justify-center tw-w-5 tw-h-5">
<svg class="tw-text-text-color" width="17" height="17" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M14.306 3.702a.768.768 0 0 1 .14 1.096l-7 8.782a.811.811 0 0 1-1.197.073l-4.5-4.391a.767.767 0 0 1 0-1.104.814.814 0 0 1 1.131 0l3.86 3.766 6.443-8.085a.813.813 0 0 1 1.123-.137z" fill="currentColor"></path></svg>
</i>
</label>
</li>
<li class="tw-mx-4">
<input type="checkbox" name="filter.p.tag" value="tank top" id="filter-filter.p.tag-28" class="tw-hidden collection__filter_checkbox">
<label class="tw-relative tw-flex tw-items-center tw-py-4 tw-cursor-pointer" for="filter-filter.p.tag-28">
<span class="tw-body-plus-2 tw-leading-1.4 tw-break-words filter_value_content tw-capitalize "> tank top <span data-filter-value-id="filter_tank top">(4)</span>
</span>
<i class="tw-absolute tw-flex tw-items-center tw-justify-center tw-w-5 tw-h-5">
<svg class="tw-text-text-color" width="17" height="17" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M14.306 3.702a.768.768 0 0 1 .14 1.096l-7 8.782a.811.811 0 0 1-1.197.073l-4.5-4.391a.767.767 0 0 1 0-1.104.814.814 0 0 1 1.131 0l3.86 3.766 6.443-8.085a.813.813 0 0 1 1.123-.137z" fill="currentColor"></path></svg>
</i>
</label>
</li>
<li class="tw-mx-4">
<input type="checkbox" name="filter.p.tag" value="tiff" id="filter-filter.p.tag-29" class="tw-hidden collection__filter_checkbox">
<label class="tw-relative tw-flex tw-items-center tw-py-4 tw-cursor-pointer" for="filter-filter.p.tag-29">
<span class="tw-body-plus-2 tw-leading-1.4 tw-break-words filter_value_content tw-capitalize "> tiff <span data-filter-value-id="filter_tiff">(43)</span>
</span>
<i class="tw-absolute tw-flex tw-items-center tw-justify-center tw-w-5 tw-h-5">
<svg class="tw-text-text-color" width="17" height="17" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M14.306 3.702a.768.768 0 0 1 .14 1.096l-7 8.782a.811.811 0 0 1-1.197.073l-4.5-4.391a.767.767 0 0 1 0-1.104.814.814 0 0 1 1.131 0l3.86 3.766 6.443-8.085a.813.813 0 0 1 1.123-.137z" fill="currentColor"></path></svg>
</i>
</label>
</li>
<li class="tw-mx-4">
<input type="checkbox" name="filter.p.tag" value="tiffany & co" id="filter-filter.p.tag-30" class="tw-hidden collection__filter_checkbox">
<label class="tw-relative tw-flex tw-items-center tw-py-4 tw-cursor-pointer" for="filter-filter.p.tag-30">
<span class="tw-body-plus-2 tw-leading-1.4 tw-break-words filter_value_content tw-capitalize "> tiffany & co <span data-filter-value-id="filter_tiffany & co">(703)</span>
</span>
<i class="tw-absolute tw-flex tw-items-center tw-justify-center tw-w-5 tw-h-5">
<svg class="tw-text-text-color" width="17" height="17" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M14.306 3.702a.768.768 0 0 1 .14 1.096l-7 8.782a.811.811 0 0 1-1.197.073l-4.5-4.391a.767.767 0 0 1 0-1.104.814.814 0 0 1 1.131 0l3.86 3.766 6.443-8.085a.813.813 0 0 1 1.123-.137z" fill="currentColor"></path></svg>
</i>
</label>
</li>
<li class="tw-mx-4">
<input type="checkbox" name="filter.p.tag" value="top" id="filter-filter.p.tag-31" class="tw-hidden collection__filter_checkbox">
<label class="tw-relative tw-flex tw-items-center tw-py-4 tw-cursor-pointer" for="filter-filter.p.tag-31">
<span class="tw-body-plus-2 tw-leading-1.4 tw-break-words filter_value_content tw-capitalize "> top <span data-filter-value-id="filter_top">(49)</span>
</span>
<i class="tw-absolute tw-flex tw-items-center tw-justify-center tw-w-5 tw-h-5">
<svg class="tw-text-text-color" width="17" height="17" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M14.306 3.702a.768.768 0 0 1 .14 1.096l-7 8.782a.811.811 0 0 1-1.197.073l-4.5-4.391a.767.767 0 0 1 0-1.104.814.814 0 0 1 1.131 0l3.86 3.766 6.443-8.085a.813.813 0 0 1 1.123-.137z" fill="currentColor"></path></svg>
</i>
</label>
</li>
<li class="tw-mx-4">
<input type="checkbox" name="filter.p.tag" value="tops" id="filter-filter.p.tag-32" class="tw-hidden collection__filter_checkbox">
<label class="tw-relative tw-flex tw-items-center tw-py-4 tw-cursor-pointer" for="filter-filter.p.tag-32">
<span class="tw-body-plus-2 tw-leading-1.4 tw-break-words filter_value_content tw-capitalize "> tops <span data-filter-value-id="filter_tops">(1)</span>
</span>
<i class="tw-absolute tw-flex tw-items-center tw-justify-center tw-w-5 tw-h-5">
<svg class="tw-text-text-color" width="17" height="17" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M14.306 3.702a.768.768 0 0 1 .14 1.096l-7 8.782a.811.811 0 0 1-1.197.073l-4.5-4.391a.767.767 0 0 1 0-1.104.814.814 0 0 1 1.131 0l3.86 3.766 6.443-8.085a.813.813 0 0 1 1.123-.137z" fill="currentColor"></path></svg>
</i>
</label>
</li>
<li class="tw-mx-4">
<input type="checkbox" name="filter.p.tag" value="two-piece set" id="filter-filter.p.tag-33" class="tw-hidden collection__filter_checkbox">
<label class="tw-relative tw-flex tw-items-center tw-py-4 tw-cursor-pointer" for="filter-filter.p.tag-33">
<span class="tw-body-plus-2 tw-leading-1.4 tw-break-words filter_value_content tw-capitalize "> two-piece set <span data-filter-value-id="filter_two-piece set">(83)</span>
</span>
<i class="tw-absolute tw-flex tw-items-center tw-justify-center tw-w-5 tw-h-5">
<svg class="tw-text-text-color" width="17" height="17" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M14.306 3.702a.768.768 0 0 1 .14 1.096l-7 8.782a.811.811 0 0 1-1.197.073l-4.5-4.391a.767.767 0 0 1 0-1.104.814.814 0 0 1 1.131 0l3.86 3.766 6.443-8.085a.813.813 0 0 1 1.123-.137z" fill="currentColor"></path></svg>
</i>
</label>
</li>
<li class="tw-mx-4">
<input type="checkbox" name="filter.p.tag" value="woman's" id="filter-filter.p.tag-34" class="tw-hidden collection__filter_checkbox">
<label class="tw-relative tw-flex tw-items-center tw-py-4 tw-cursor-pointer" for="filter-filter.p.tag-34">
<span class="tw-body-plus-2 tw-leading-1.4 tw-break-words filter_value_content tw-capitalize "> woman's <span data-filter-value-id="filter_woman's">(36)</span>
</span>
<i class="tw-absolute tw-flex tw-items-center tw-justify-center tw-w-5 tw-h-5">
<svg class="tw-text-text-color" width="17" height="17" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M14.306 3.702a.768.768 0 0 1 .14 1.096l-7 8.782a.811.811 0 0 1-1.197.073l-4.5-4.391a.767.767 0 0 1 0-1.104.814.814 0 0 1 1.131 0l3.86 3.766 6.443-8.085a.813.813 0 0 1 1.123-.137z" fill="currentColor"></path></svg>
</i>
</label>
</li>
<li class="tw-mx-4">
<input type="checkbox" name="filter.p.tag" value="women" id="filter-filter.p.tag-35" class="tw-hidden collection__filter_checkbox">
<label class="tw-relative tw-flex tw-items-center tw-py-4 tw-cursor-pointer" for="filter-filter.p.tag-35">
<span class="tw-body-plus-2 tw-leading-1.4 tw-break-words filter_value_content tw-capitalize "> women <span data-filter-value-id="filter_women">(501)</span>
</span>
<i class="tw-absolute tw-flex tw-items-center tw-justify-center tw-w-5 tw-h-5">
<svg class="tw-text-text-color" width="17" height="17" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M14.306 3.702a.768.768 0 0 1 .14 1.096l-7 8.782a.811.811 0 0 1-1.197.073l-4.5-4.391a.767.767 0 0 1 0-1.104.814.814 0 0 1 1.131 0l3.86 3.766 6.443-8.085a.813.813 0 0 1 1.123-.137z" fill="currentColor"></path></svg>
</i>
</label>
</li>
<li class="tw-mx-4">
<input type="checkbox" name="filter.p.tag" value="women's" id="filter-filter.p.tag-36" class="tw-hidden collection__filter_checkbox">
<label class="tw-relative tw-flex tw-items-center tw-py-4 tw-cursor-pointer" for="filter-filter.p.tag-36">
<span class="tw-body-plus-2 tw-leading-1.4 tw-break-words filter_value_content tw-capitalize "> women's <span data-filter-value-id="filter_women's">(97)</span>
</span>
<i class="tw-absolute tw-flex tw-items-center tw-justify-center tw-w-5 tw-h-5">
<svg class="tw-text-text-color" width="17" height="17" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M14.306 3.702a.768.768 0 0 1 .14 1.096l-7 8.782a.811.811 0 0 1-1.197.073l-4.5-4.391a.767.767 0 0 1 0-1.104.814.814 0 0 1 1.131 0l3.86 3.766 6.443-8.085a.813.813 0 0 1 1.123-.137z" fill="currentColor"></path></svg>
</i>
</label>
</li>
<li class="tw-mx-4">
<input type="checkbox" name="filter.p.tag" value="women's t-shirt" id="filter-filter.p.tag-37" class="tw-hidden collection__filter_checkbox">
<label class="tw-relative tw-flex tw-items-center tw-py-4 tw-cursor-pointer" for="filter-filter.p.tag-37">
<span class="tw-body-plus-2 tw-leading-1.4 tw-break-words filter_value_content tw-capitalize "> women's t-shirt <span data-filter-value-id="filter_women's t-shirt">(39)</span>
</span>
<i class="tw-absolute tw-flex tw-items-center tw-justify-center tw-w-5 tw-h-5">
<svg class="tw-text-text-color" width="17" height="17" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M14.306 3.702a.768.768 0 0 1 .14 1.096l-7 8.782a.811.811 0 0 1-1.197.073l-4.5-4.391a.767.767 0 0 1 0-1.104.814.814 0 0 1 1.131 0l3.86 3.766 6.443-8.085a.813.813 0 0 1 1.123-.137z" fill="currentColor"></path></svg>
</i>
</label>
</li>
<li class="tw-mx-4">
<input type="checkbox" name="filter.p.tag" value="womens" id="filter-filter.p.tag-38" class="tw-hidden collection__filter_checkbox">
<label class="tw-relative tw-flex tw-items-center tw-py-4 tw-cursor-pointer" for="filter-filter.p.tag-38">
<span class="tw-body-plus-2 tw-leading-1.4 tw-break-words filter_value_content tw-capitalize "> womens <span data-filter-value-id="filter_womens">(29)</span>
</span>
<i class="tw-absolute tw-flex tw-items-center tw-justify-center tw-w-5 tw-h-5">
<svg class="tw-text-text-color" width="17" height="17" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M14.306 3.702a.768.768 0 0 1 .14 1.096l-7 8.782a.811.811 0 0 1-1.197.073l-4.5-4.391a.767.767 0 0 1 0-1.104.814.814 0 0 1 1.131 0l3.86 3.766 6.443-8.085a.813.813 0 0 1 1.123-.137z" fill="currentColor"></path></svg>
</i>
</label>
</li>
</ul>
</div>
</div>
</div>
</div>
<div class="tw-flex tw-flex-shrink-0 md:tw-justify-between tw-pt-3 md:tw-py-10 md:tw-px-4">
<div class=" lg:tw-pr-5 lg:tw-body-plus-2 md:tw-body-plus-4 lg:tw-leading-10 md:tw-leading-none">Sort by</div>
<div class="tw-relative">
<select name="sort_by" class="lg:tw-h-10 lg:tw-pl-3 tw-pr-[46px] tw-body-plus-2 lg:tw-leading-none tw-text-text-font-size type-text-font-family md:tw-text-right
tw-rounded-[1px]
md:tw-border-none md:tw-bg-transparent lg:tw-secondary-select tw-appearance-none collection_sort_by">
<option name="sort_by" value="manual" selected=""> Recommend </option>
<option name="sort_by" value="price-ascending"> Price, low to high </option>
<option name="sort_by" value="price-descending"> Price, high to low </option>
<option name="sort_by" value="published-descending"> Newest in </option>
<option name="sort_by" value="best-selling"> Total sales, high to low </option>
<option name="sort_by" value="add_to_cart_count"> Purchases, high to low </option>
<option name="sort_by" value="views"> Pageviews, high to low </option>
</select>
<svg class="tw-absolute tw-flex tw-top-1/2 md:tw-right-0 lg:tw-right-3 tw-transform tw--translate-y-1/2 tw-rotate-90 tw-pointer-events-none arrow" width="22" height="22" xmlns="http://www.w3.org/2000/svg">
<path d="M14.576 10.573a.6.6 0 0 1 0 .849L8.99 17.008a.3.3 0 0 1-.424 0l-.51-.51a.3.3 0 0 1 0-.424l5.078-5.077L8.057 5.92a.3.3 0 0 1 0-.424l.509-.509a.3.3 0 0 1 .424 0l5.586 5.586z" fill="currentColor"></path>
</svg>
</div>
</div>
</form><form class="collection__form collection__form_md tw-mt-3 tw-flex-1 tw-overflow-x-hidden tw-overscroll-y-auto">
<div class="tw-relative tw-transition-all tw-duration-300" data-current-levels="1">
<ul class="tw-box-border tw-list-none tw-w-full tw-p-0 tw-m-0 tw-absolute tw-top-0 tw-transition-all tw-duration-300 is-active" data-ul="filter_content" data-levels="1">
<li class="filter_next tw-flex tw-items-center tw-py-4 lg:tw-py-5 tw-border-0 tw-border-b tw-border-solid tw-border-btn-color tw-cursor-pointer md:active:tw-bg-[#f8f8f8] tw-px-4 tw-leading-1.3 tw-body-plus-2 tw-justify-between" data-next="1">
<span class="tw-capitalize"> Availability </span>
<svg class="filter__modal-next-icon tw-ml-3 tw-flex-shrink-0" width="22" height="22" xmlns="http://www.w3.org/2000/svg">
<path d="M14.576 10.573a.6.6 0 0 1 0 .849L8.99 17.008a.3.3 0 0 1-.424 0l-.51-.51a.3.3 0 0 1 0-.424l5.078-5.077L8.057 5.92a.3.3 0 0 1 0-.424l.509-.509a.3.3 0 0 1 .424 0l5.586 5.586z" fill="currentColor"></path>
</svg>
</li>
<li class="filter_next tw-flex tw-items-center tw-py-4 lg:tw-py-5 tw-border-0 tw-border-b tw-border-solid tw-border-btn-color tw-cursor-pointer md:active:tw-bg-[#f8f8f8] tw-px-4 tw-leading-1.3 tw-body-plus-2 tw-justify-between" data-next="2">
<span class="tw-capitalize"> Price </span>
<svg class="filter__modal-next-icon tw-ml-3 tw-flex-shrink-0" width="22" height="22" xmlns="http://www.w3.org/2000/svg">
<path d="M14.576 10.573a.6.6 0 0 1 0 .849L8.99 17.008a.3.3 0 0 1-.424 0l-.51-.51a.3.3 0 0 1 0-.424l5.078-5.077L8.057 5.92a.3.3 0 0 1 0-.424l.509-.509a.3.3 0 0 1 .424 0l5.586 5.586z" fill="currentColor"></path>
</svg>
</li>
<li class="filter_next tw-flex tw-items-center tw-py-4 lg:tw-py-5 tw-border-0 tw-border-b tw-border-solid tw-border-btn-color tw-cursor-pointer md:active:tw-bg-[#f8f8f8] tw-px-4 tw-leading-1.3 tw-body-plus-2 tw-justify-between" data-next="4">
<span class="tw-capitalize"> Tag (displayed as more filters) </span>
<svg class="filter__modal-next-icon tw-ml-3 tw-flex-shrink-0" width="22" height="22" xmlns="http://www.w3.org/2000/svg">
<path d="M14.576 10.573a.6.6 0 0 1 0 .849L8.99 17.008a.3.3 0 0 1-.424 0l-.51-.51a.3.3 0 0 1 0-.424l5.078-5.077L8.057 5.92a.3.3 0 0 1 0-.424l.509-.509a.3.3 0 0 1 .424 0l5.586 5.586z" fill="currentColor"></path>
</svg>
</li>
<div class="tw-flex tw-flex-shrink-0 md:tw-justify-between tw-pt-3 md:tw-py-10 md:tw-px-4">
<div class=" lg:tw-pr-5 lg:tw-body-plus-2 md:tw-body-plus-4 lg:tw-leading-10 md:tw-leading-none">Sort by</div>
<div class="tw-relative">
<select name="sort_by" class="lg:tw-h-10 lg:tw-pl-3 tw-pr-[46px] tw-body-plus-2 lg:tw-leading-none tw-text-text-font-size type-text-font-family md:tw-text-right
tw-rounded-[1px]
md:tw-border-none md:tw-bg-transparent lg:tw-secondary-select tw-appearance-none collection_sort_by">
<option name="sort_by" value="manual" selected=""> Recommend </option>
<option name="sort_by" value="price-ascending"> Price, low to high </option>
<option name="sort_by" value="price-descending"> Price, high to low </option>
<option name="sort_by" value="published-descending"> Newest in </option>
<option name="sort_by" value="best-selling"> Total sales, high to low </option>
<option name="sort_by" value="add_to_cart_count"> Purchases, high to low </option>
<option name="sort_by" value="views"> Pageviews, high to low </option>
</select>
<svg class="tw-absolute tw-flex tw-top-1/2 md:tw-right-0 lg:tw-right-3 tw-transform tw--translate-y-1/2 tw-rotate-90 tw-pointer-events-none arrow" width="22" height="22" xmlns="http://www.w3.org/2000/svg">
<path d="M14.576 10.573a.6.6 0 0 1 0 .849L8.99 17.008a.3.3 0 0 1-.424 0l-.51-.51a.3.3 0 0 1 0-.424l5.078-5.077L8.057 5.92a.3.3 0 0 1 0-.424l.509-.509a.3.3 0 0 1 .424 0l5.586 5.586z" fill="currentColor"></path>
</svg>
</div>
</div>
</ul>
<ul class="tw-box-border tw-list-none tw-w-full tw-p-0 tw-m-0 tw-absolute tw-top-0 tw-transition-all tw-duration-300 tw-left-full collection__filter_list collection_dropdown-0" data-reset-wrap="filter.v.availability" data-ul="1"
data-levels="2">
<div class="tw-bg-bg-color tw-sticky tw-top-0 tw-z-10 md:active:tw-bg-[#f8f8f8]">
<div class="filter_next tw-flex tw-items-center tw-py-4 lg:tw-py-5 tw-border-0 tw-border-b tw-border-solid tw-border-btn-color tw-cursor-pointer tw-mx-4 tw-leading-1.1 tw-body-plus-2" data-next="filter_content">
<svg class="tw--ml-1 tw-pl-[6px] tw-flex-shrink-0 tw-rotate-180" width="22" height="22" xmlns="http://www.w3.org/2000/svg">
<path d="M14.576 10.573a.6.6 0 0 1 0 .849L8.99 17.008a.3.3 0 0 1-.424 0l-.51-.51a.3.3 0 0 1 0-.424l5.078-5.077L8.057 5.92a.3.3 0 0 1 0-.424l.509-.509a.3.3 0 0 1 .424 0l5.586 5.586z" fill="currentColor"></path>
</svg>
<span class="tw-uppercase tw-max-w-[calc(100%-34px)] tw-break-words"> Availability </span>
</div>
</div>
<li class="tw-px-4">
<input type="checkbox" name="filter.v.availability" value="1" id="md-filter-filter.v.availability-1" class="tw-hidden collection__filter_checkbox">
<label class="tw-relative tw-flex tw-items-center tw-py-4 tw-px-[22px] tw-cursor-pointer" for="md-filter-filter.v.availability-1">
<span class="tw-body-plus-2 tw-leading-1.4 tw-break-words filter_value_content tw-capitalize "> In stock <span data-filter-value-id="filter_1">(703)</span>
</span>
<i class="tw-absolute tw-flex tw-items-center tw-justify-center tw-w-5 tw-h-5">
<svg class="tw-text-text-color" width="17" height="17" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M14.306 3.702a.768.768 0 0 1 .14 1.096l-7 8.782a.811.811 0 0 1-1.197.073l-4.5-4.391a.767.767 0 0 1 0-1.104.814.814 0 0 1 1.131 0l3.86 3.766 6.443-8.085a.813.813 0 0 1 1.123-.137z" fill="currentColor"></path></svg>
</i>
</label>
</li>
<li class="tw-px-4">
<input type="checkbox" name="filter.v.availability" value="0" id="md-filter-filter.v.availability-2" class="tw-hidden collection__filter_checkbox" disabled="">
<label class="tw-relative tw-flex tw-items-center tw-py-4 tw-px-[22px] tw-cursor-pointer" for="md-filter-filter.v.availability-2">
<span class="tw-body-plus-2 tw-leading-1.4 tw-break-words filter_value_content tw-opacity-[0.15] tw-capitalize "> Out of stock <span data-filter-value-id="filter_0">(0)</span>
</span>
<i class="tw-absolute tw-flex tw-items-center tw-justify-center tw-w-5 tw-h-5">
<svg class="tw-text-text-color" width="17" height="17" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M14.306 3.702a.768.768 0 0 1 .14 1.096l-7 8.782a.811.811 0 0 1-1.197.073l-4.5-4.391a.767.767 0 0 1 0-1.104.814.814 0 0 1 1.131 0l3.86 3.766 6.443-8.085a.813.813 0 0 1 1.123-.137z" fill="currentColor"></path></svg>
</i>
</label>
</li>
</ul>
<ul class="tw-box-border tw-list-none tw-w-full tw-p-0 tw-m-0 tw-absolute tw-top-0 tw-transition-all tw-duration-300 tw-left-full collection__filter_price collection_dropdown-1" data-reset-wrap="filter.v.price" data-ul="2" data-levels="2">
<div class="tw-bg-bg-color tw-sticky tw-top-0 tw-z-10 md:active:tw-bg-[#f8f8f8]">
<div class="filter_next tw-flex tw-items-center tw-py-4 lg:tw-py-5 tw-border-0 tw-border-b tw-border-solid tw-border-btn-color tw-cursor-pointer tw-mx-4 tw-leading-1.1 tw-body-plus-2" data-next="filter_content">
<svg class="tw--ml-1 tw-pl-[6px] tw-flex-shrink-0 tw-rotate-180" width="22" height="22" xmlns="http://www.w3.org/2000/svg">
<path d="M14.576 10.573a.6.6 0 0 1 0 .849L8.99 17.008a.3.3 0 0 1-.424 0l-.51-.51a.3.3 0 0 1 0-.424l5.078-5.077L8.057 5.92a.3.3 0 0 1 0-.424l.509-.509a.3.3 0 0 1 .424 0l5.586 5.586z" fill="currentColor"></path>
</svg>
<span class="tw-uppercase tw-max-w-[calc(100%-34px)] tw-break-words"> Price </span>
</div>
</div>
<li class="tw-pt-8 tw-pb-7 tw-px-6">
<div class="tw-text-center tw-body-plus-2 tw-mb-4">The highest price is <span class="money notranslate">€66.09</span></div>
<div class="tw-flex tw-justify-between tw-items-center">
<div class="tw-flex tw-items-center tw-w-[46%]">
<div class=" tw-pr-2 ">$</div>
<input type="text" name="filter.v.price.gte" placeholder="From" oninput="this.value=this.value.match(/\d+(\.\d{0,2})?/) ? this.value.match(/\d+(\.\d{0,2})?/)[0] : ''"
class="tw-w-full tw-px-4 tw-py-[14px] tw-body-plus-2 tw-secondary-select">
</div>
<div class="tw-flex tw-items-center tw-w-[46%]">
<div class=" tw-pr-2 ">$</div>
<input type="text" name="filter.v.price.lte" placeholder="To" oninput="this.value=this.value.match(/\d+(\.\d{0,2})?/) ? this.value.match(/\d+(\.\d{0,2})?/)[0] : ''"
class="tw-w-full tw-px-4 tw-py-[14px] tw-body-plus-2 tw-secondary-select">
</div>
</div>
</li>
</ul>
<ul class="tw-box-border tw-list-none tw-w-full tw-p-0 tw-m-0 tw-absolute tw-top-0 tw-transition-all tw-duration-300 tw-left-full collection__filter_list collection_dropdown-3" data-reset-wrap="filter.p.tag" data-ul="4" data-levels="2">
<div class="tw-bg-bg-color tw-sticky tw-top-0 tw-z-10 md:active:tw-bg-[#f8f8f8]">
<div class="filter_next tw-flex tw-items-center tw-py-4 lg:tw-py-5 tw-border-0 tw-border-b tw-border-solid tw-border-btn-color tw-cursor-pointer tw-mx-4 tw-leading-1.1 tw-body-plus-2" data-next="filter_content">
<svg class="tw--ml-1 tw-pl-[6px] tw-flex-shrink-0 tw-rotate-180" width="22" height="22" xmlns="http://www.w3.org/2000/svg">
<path d="M14.576 10.573a.6.6 0 0 1 0 .849L8.99 17.008a.3.3 0 0 1-.424 0l-.51-.51a.3.3 0 0 1 0-.424l5.078-5.077L8.057 5.92a.3.3 0 0 1 0-.424l.509-.509a.3.3 0 0 1 .424 0l5.586 5.586z" fill="currentColor"></path>
</svg>
<span class="tw-uppercase tw-max-w-[calc(100%-34px)] tw-break-words"> Tag (displayed as more filters) </span>
</div>
</div>
<li class="tw-px-4">
<input type="checkbox" name="filter.p.tag" value="accessories" id="md-filter-filter.p.tag-1" class="tw-hidden collection__filter_checkbox">
<label class="tw-relative tw-flex tw-items-center tw-py-4 tw-px-[22px] tw-cursor-pointer" for="md-filter-filter.p.tag-1">
<span class="tw-body-plus-2 tw-leading-1.4 tw-break-words filter_value_content tw-capitalize "> accessories <span data-filter-value-id="filter_accessories">(8)</span>
</span>
<i class="tw-absolute tw-flex tw-items-center tw-justify-center tw-w-5 tw-h-5">
<svg class="tw-text-text-color" width="17" height="17" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M14.306 3.702a.768.768 0 0 1 .14 1.096l-7 8.782a.811.811 0 0 1-1.197.073l-4.5-4.391a.767.767 0 0 1 0-1.104.814.814 0 0 1 1.131 0l3.86 3.766 6.443-8.085a.813.813 0 0 1 1.123-.137z" fill="currentColor"></path></svg>
</i>
</label>
</li>
<li class="tw-px-4">
<input type="checkbox" name="filter.p.tag" value="audrey hepburn" id="md-filter-filter.p.tag-2" class="tw-hidden collection__filter_checkbox">
<label class="tw-relative tw-flex tw-items-center tw-py-4 tw-px-[22px] tw-cursor-pointer" for="md-filter-filter.p.tag-2">
<span class="tw-body-plus-2 tw-leading-1.4 tw-break-words filter_value_content tw-capitalize "> audrey hepburn <span data-filter-value-id="filter_audrey hepburn">(13)</span>
</span>
<i class="tw-absolute tw-flex tw-items-center tw-justify-center tw-w-5 tw-h-5">
<svg class="tw-text-text-color" width="17" height="17" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M14.306 3.702a.768.768 0 0 1 .14 1.096l-7 8.782a.811.811 0 0 1-1.197.073l-4.5-4.391a.767.767 0 0 1 0-1.104.814.814 0 0 1 1.131 0l3.86 3.766 6.443-8.085a.813.813 0 0 1 1.123-.137z" fill="currentColor"></path></svg>
</i>
</label>
</li>
<li class="tw-px-4">
<input type="checkbox" name="filter.p.tag" value="bag" id="md-filter-filter.p.tag-3" class="tw-hidden collection__filter_checkbox">
<label class="tw-relative tw-flex tw-items-center tw-py-4 tw-px-[22px] tw-cursor-pointer" for="md-filter-filter.p.tag-3">
<span class="tw-body-plus-2 tw-leading-1.4 tw-break-words filter_value_content tw-capitalize "> bag <span data-filter-value-id="filter_bag">(80)</span>
</span>
<i class="tw-absolute tw-flex tw-items-center tw-justify-center tw-w-5 tw-h-5">
<svg class="tw-text-text-color" width="17" height="17" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M14.306 3.702a.768.768 0 0 1 .14 1.096l-7 8.782a.811.811 0 0 1-1.197.073l-4.5-4.391a.767.767 0 0 1 0-1.104.814.814 0 0 1 1.131 0l3.86 3.766 6.443-8.085a.813.813 0 0 1 1.123-.137z" fill="currentColor"></path></svg>
</i>
</label>
</li>
<li class="tw-px-4">
<input type="checkbox" name="filter.p.tag" value="bags" id="md-filter-filter.p.tag-4" class="tw-hidden collection__filter_checkbox">
<label class="tw-relative tw-flex tw-items-center tw-py-4 tw-px-[22px] tw-cursor-pointer" for="md-filter-filter.p.tag-4">
<span class="tw-body-plus-2 tw-leading-1.4 tw-break-words filter_value_content tw-capitalize "> bags <span data-filter-value-id="filter_bags">(1)</span>
</span>
<i class="tw-absolute tw-flex tw-items-center tw-justify-center tw-w-5 tw-h-5">
<svg class="tw-text-text-color" width="17" height="17" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M14.306 3.702a.768.768 0 0 1 .14 1.096l-7 8.782a.811.811 0 0 1-1.197.073l-4.5-4.391a.767.767 0 0 1 0-1.104.814.814 0 0 1 1.131 0l3.86 3.766 6.443-8.085a.813.813 0 0 1 1.123-.137z" fill="currentColor"></path></svg>
</i>
</label>
</li>
<li class="tw-px-4">
<input type="checkbox" name="filter.p.tag" value="blouse" id="md-filter-filter.p.tag-5" class="tw-hidden collection__filter_checkbox">
<label class="tw-relative tw-flex tw-items-center tw-py-4 tw-px-[22px] tw-cursor-pointer" for="md-filter-filter.p.tag-5">
<span class="tw-body-plus-2 tw-leading-1.4 tw-break-words filter_value_content tw-capitalize "> blouse <span data-filter-value-id="filter_blouse">(1)</span>
</span>
<i class="tw-absolute tw-flex tw-items-center tw-justify-center tw-w-5 tw-h-5">
<svg class="tw-text-text-color" width="17" height="17" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M14.306 3.702a.768.768 0 0 1 .14 1.096l-7 8.782a.811.811 0 0 1-1.197.073l-4.5-4.391a.767.767 0 0 1 0-1.104.814.814 0 0 1 1.131 0l3.86 3.766 6.443-8.085a.813.813 0 0 1 1.123-.137z" fill="currentColor"></path></svg>
</i>
</label>
</li>
<li class="tw-px-4">
<input type="checkbox" name="filter.p.tag" value="bottoms" id="md-filter-filter.p.tag-6" class="tw-hidden collection__filter_checkbox">
<label class="tw-relative tw-flex tw-items-center tw-py-4 tw-px-[22px] tw-cursor-pointer" for="md-filter-filter.p.tag-6">
<span class="tw-body-plus-2 tw-leading-1.4 tw-break-words filter_value_content tw-capitalize "> bottoms <span data-filter-value-id="filter_bottoms">(1)</span>
</span>
<i class="tw-absolute tw-flex tw-items-center tw-justify-center tw-w-5 tw-h-5">
<svg class="tw-text-text-color" width="17" height="17" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M14.306 3.702a.768.768 0 0 1 .14 1.096l-7 8.782a.811.811 0 0 1-1.197.073l-4.5-4.391a.767.767 0 0 1 0-1.104.814.814 0 0 1 1.131 0l3.86 3.766 6.443-8.085a.813.813 0 0 1 1.123-.137z" fill="currentColor"></path></svg>
</i>
</label>
</li>
<li class="tw-px-4">
<input type="checkbox" name="filter.p.tag" value="cardigan" id="md-filter-filter.p.tag-7" class="tw-hidden collection__filter_checkbox">
<label class="tw-relative tw-flex tw-items-center tw-py-4 tw-px-[22px] tw-cursor-pointer" for="md-filter-filter.p.tag-7">
<span class="tw-body-plus-2 tw-leading-1.4 tw-break-words filter_value_content tw-capitalize "> cardigan <span data-filter-value-id="filter_cardigan">(1)</span>
</span>
<i class="tw-absolute tw-flex tw-items-center tw-justify-center tw-w-5 tw-h-5">
<svg class="tw-text-text-color" width="17" height="17" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M14.306 3.702a.768.768 0 0 1 .14 1.096l-7 8.782a.811.811 0 0 1-1.197.073l-4.5-4.391a.767.767 0 0 1 0-1.104.814.814 0 0 1 1.131 0l3.86 3.766 6.443-8.085a.813.813 0 0 1 1.123-.137z" fill="currentColor"></path></svg>
</i>
</label>
</li>
<li class="tw-px-4">
<input type="checkbox" name="filter.p.tag" value="carlier" id="md-filter-filter.p.tag-8" class="tw-hidden collection__filter_checkbox">
<label class="tw-relative tw-flex tw-items-center tw-py-4 tw-px-[22px] tw-cursor-pointer" for="md-filter-filter.p.tag-8">
<span class="tw-body-plus-2 tw-leading-1.4 tw-break-words filter_value_content tw-capitalize "> carlier <span data-filter-value-id="filter_carlier">(9)</span>
</span>
<i class="tw-absolute tw-flex tw-items-center tw-justify-center tw-w-5 tw-h-5">
<svg class="tw-text-text-color" width="17" height="17" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M14.306 3.702a.768.768 0 0 1 .14 1.096l-7 8.782a.811.811 0 0 1-1.197.073l-4.5-4.391a.767.767 0 0 1 0-1.104.814.814 0 0 1 1.131 0l3.86 3.766 6.443-8.085a.813.813 0 0 1 1.123-.137z" fill="currentColor"></path></svg>
</i>
</label>
</li>
<li class="tw-px-4">
<input type="checkbox" name="filter.p.tag" value="dress" id="md-filter-filter.p.tag-9" class="tw-hidden collection__filter_checkbox">
<label class="tw-relative tw-flex tw-items-center tw-py-4 tw-px-[22px] tw-cursor-pointer" for="md-filter-filter.p.tag-9">
<span class="tw-body-plus-2 tw-leading-1.4 tw-break-words filter_value_content tw-capitalize "> dress <span data-filter-value-id="filter_dress">(16)</span>
</span>
<i class="tw-absolute tw-flex tw-items-center tw-justify-center tw-w-5 tw-h-5">
<svg class="tw-text-text-color" width="17" height="17" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M14.306 3.702a.768.768 0 0 1 .14 1.096l-7 8.782a.811.811 0 0 1-1.197.073l-4.5-4.391a.767.767 0 0 1 0-1.104.814.814 0 0 1 1.131 0l3.86 3.766 6.443-8.085a.813.813 0 0 1 1.123-.137z" fill="currentColor"></path></svg>
</i>
</label>
</li>
<li class="tw-px-4">
<input type="checkbox" name="filter.p.tag" value="hat" id="md-filter-filter.p.tag-10" class="tw-hidden collection__filter_checkbox">
<label class="tw-relative tw-flex tw-items-center tw-py-4 tw-px-[22px] tw-cursor-pointer" for="md-filter-filter.p.tag-10">
<span class="tw-body-plus-2 tw-leading-1.4 tw-break-words filter_value_content tw-capitalize "> hat <span data-filter-value-id="filter_hat">(1)</span>
</span>
<i class="tw-absolute tw-flex tw-items-center tw-justify-center tw-w-5 tw-h-5">
<svg class="tw-text-text-color" width="17" height="17" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M14.306 3.702a.768.768 0 0 1 .14 1.096l-7 8.782a.811.811 0 0 1-1.197.073l-4.5-4.391a.767.767 0 0 1 0-1.104.814.814 0 0 1 1.131 0l3.86 3.766 6.443-8.085a.813.813 0 0 1 1.123-.137z" fill="currentColor"></path></svg>
</i>
</label>
</li>
<li class="tw-px-4">
<input type="checkbox" name="filter.p.tag" value="hats" id="md-filter-filter.p.tag-11" class="tw-hidden collection__filter_checkbox">
<label class="tw-relative tw-flex tw-items-center tw-py-4 tw-px-[22px] tw-cursor-pointer" for="md-filter-filter.p.tag-11">
<span class="tw-body-plus-2 tw-leading-1.4 tw-break-words filter_value_content tw-capitalize "> hats <span data-filter-value-id="filter_hats">(8)</span>
</span>
<i class="tw-absolute tw-flex tw-items-center tw-justify-center tw-w-5 tw-h-5">
<svg class="tw-text-text-color" width="17" height="17" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M14.306 3.702a.768.768 0 0 1 .14 1.096l-7 8.782a.811.811 0 0 1-1.197.073l-4.5-4.391a.767.767 0 0 1 0-1.104.814.814 0 0 1 1.131 0l3.86 3.766 6.443-8.085a.813.813 0 0 1 1.123-.137z" fill="currentColor"></path></svg>
</i>
</label>
</li>
<li class="tw-px-4">
<input type="checkbox" name="filter.p.tag" value="hoodie" id="md-filter-filter.p.tag-12" class="tw-hidden collection__filter_checkbox">
<label class="tw-relative tw-flex tw-items-center tw-py-4 tw-px-[22px] tw-cursor-pointer" for="md-filter-filter.p.tag-12">
<span class="tw-body-plus-2 tw-leading-1.4 tw-break-words filter_value_content tw-capitalize "> hoodie <span data-filter-value-id="filter_hoodie">(97)</span>
</span>
<i class="tw-absolute tw-flex tw-items-center tw-justify-center tw-w-5 tw-h-5">
<svg class="tw-text-text-color" width="17" height="17" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M14.306 3.702a.768.768 0 0 1 .14 1.096l-7 8.782a.811.811 0 0 1-1.197.073l-4.5-4.391a.767.767 0 0 1 0-1.104.814.814 0 0 1 1.131 0l3.86 3.766 6.443-8.085a.813.813 0 0 1 1.123-.137z" fill="currentColor"></path></svg>
</i>
</label>
</li>
<li class="tw-px-4">
<input type="checkbox" name="filter.p.tag" value="interesting words" id="md-filter-filter.p.tag-13" class="tw-hidden collection__filter_checkbox">
<label class="tw-relative tw-flex tw-items-center tw-py-4 tw-px-[22px] tw-cursor-pointer" for="md-filter-filter.p.tag-13">
<span class="tw-body-plus-2 tw-leading-1.4 tw-break-words filter_value_content tw-capitalize "> interesting words <span data-filter-value-id="filter_interesting words">(16)</span>
</span>
<i class="tw-absolute tw-flex tw-items-center tw-justify-center tw-w-5 tw-h-5">
<svg class="tw-text-text-color" width="17" height="17" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M14.306 3.702a.768.768 0 0 1 .14 1.096l-7 8.782a.811.811 0 0 1-1.197.073l-4.5-4.391a.767.767 0 0 1 0-1.104.814.814 0 0 1 1.131 0l3.86 3.766 6.443-8.085a.813.813 0 0 1 1.123-.137z" fill="currentColor"></path></svg>
</i>
</label>
</li>
<li class="tw-px-4">
<input type="checkbox" name="filter.p.tag" value="knitting scarf" id="md-filter-filter.p.tag-14" class="tw-hidden collection__filter_checkbox">
<label class="tw-relative tw-flex tw-items-center tw-py-4 tw-px-[22px] tw-cursor-pointer" for="md-filter-filter.p.tag-14">
<span class="tw-body-plus-2 tw-leading-1.4 tw-break-words filter_value_content tw-capitalize "> knitting scarf <span data-filter-value-id="filter_knitting scarf">(1)</span>
</span>
<i class="tw-absolute tw-flex tw-items-center tw-justify-center tw-w-5 tw-h-5">
<svg class="tw-text-text-color" width="17" height="17" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M14.306 3.702a.768.768 0 0 1 .14 1.096l-7 8.782a.811.811 0 0 1-1.197.073l-4.5-4.391a.767.767 0 0 1 0-1.104.814.814 0 0 1 1.131 0l3.86 3.766 6.443-8.085a.813.813 0 0 1 1.123-.137z" fill="currentColor"></path></svg>
</i>
</label>
</li>
<li class="tw-px-4">
<input type="checkbox" name="filter.p.tag" value="legging" id="md-filter-filter.p.tag-15" class="tw-hidden collection__filter_checkbox">
<label class="tw-relative tw-flex tw-items-center tw-py-4 tw-px-[22px] tw-cursor-pointer" for="md-filter-filter.p.tag-15">
<span class="tw-body-plus-2 tw-leading-1.4 tw-break-words filter_value_content tw-capitalize "> legging <span data-filter-value-id="filter_legging">(7)</span>
</span>
<i class="tw-absolute tw-flex tw-items-center tw-justify-center tw-w-5 tw-h-5">
<svg class="tw-text-text-color" width="17" height="17" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M14.306 3.702a.768.768 0 0 1 .14 1.096l-7 8.782a.811.811 0 0 1-1.197.073l-4.5-4.391a.767.767 0 0 1 0-1.104.814.814 0 0 1 1.131 0l3.86 3.766 6.443-8.085a.813.813 0 0 1 1.123-.137z" fill="currentColor"></path></svg>
</i>
</label>
</li>
<li class="tw-px-4">
<input type="checkbox" name="filter.p.tag" value="long sleeve" id="md-filter-filter.p.tag-16" class="tw-hidden collection__filter_checkbox">
<label class="tw-relative tw-flex tw-items-center tw-py-4 tw-px-[22px] tw-cursor-pointer" for="md-filter-filter.p.tag-16">
<span class="tw-body-plus-2 tw-leading-1.4 tw-break-words filter_value_content tw-capitalize "> long sleeve <span data-filter-value-id="filter_long sleeve">(42)</span>
</span>
<i class="tw-absolute tw-flex tw-items-center tw-justify-center tw-w-5 tw-h-5">
<svg class="tw-text-text-color" width="17" height="17" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M14.306 3.702a.768.768 0 0 1 .14 1.096l-7 8.782a.811.811 0 0 1-1.197.073l-4.5-4.391a.767.767 0 0 1 0-1.104.814.814 0 0 1 1.131 0l3.86 3.766 6.443-8.085a.813.813 0 0 1 1.123-.137z" fill="currentColor"></path></svg>
</i>
</label>
</li>
<li class="tw-px-4">
<input type="checkbox" name="filter.p.tag" value="loung wear" id="md-filter-filter.p.tag-17" class="tw-hidden collection__filter_checkbox">
<label class="tw-relative tw-flex tw-items-center tw-py-4 tw-px-[22px] tw-cursor-pointer" for="md-filter-filter.p.tag-17">
<span class="tw-body-plus-2 tw-leading-1.4 tw-break-words filter_value_content tw-capitalize "> loung wear <span data-filter-value-id="filter_loung wear">(1)</span>
</span>
<i class="tw-absolute tw-flex tw-items-center tw-justify-center tw-w-5 tw-h-5">
<svg class="tw-text-text-color" width="17" height="17" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M14.306 3.702a.768.768 0 0 1 .14 1.096l-7 8.782a.811.811 0 0 1-1.197.073l-4.5-4.391a.767.767 0 0 1 0-1.104.814.814 0 0 1 1.131 0l3.86 3.766 6.443-8.085a.813.813 0 0 1 1.123-.137z" fill="currentColor"></path></svg>
</i>
</label>
</li>
<li class="tw-px-4">
<input type="checkbox" name="filter.p.tag" value="men's" id="md-filter-filter.p.tag-18" class="tw-hidden collection__filter_checkbox">
<label class="tw-relative tw-flex tw-items-center tw-py-4 tw-px-[22px] tw-cursor-pointer" for="md-filter-filter.p.tag-18">
<span class="tw-body-plus-2 tw-leading-1.4 tw-break-words filter_value_content tw-capitalize "> men's <span data-filter-value-id="filter_men's">(13)</span>
</span>
<i class="tw-absolute tw-flex tw-items-center tw-justify-center tw-w-5 tw-h-5">
<svg class="tw-text-text-color" width="17" height="17" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M14.306 3.702a.768.768 0 0 1 .14 1.096l-7 8.782a.811.811 0 0 1-1.197.073l-4.5-4.391a.767.767 0 0 1 0-1.104.814.814 0 0 1 1.131 0l3.86 3.766 6.443-8.085a.813.813 0 0 1 1.123-.137z" fill="currentColor"></path></svg>
</i>
</label>
</li>
<li class="tw-px-4">
<input type="checkbox" name="filter.p.tag" value="pants" id="md-filter-filter.p.tag-19" class="tw-hidden collection__filter_checkbox">
<label class="tw-relative tw-flex tw-items-center tw-py-4 tw-px-[22px] tw-cursor-pointer" for="md-filter-filter.p.tag-19">
<span class="tw-body-plus-2 tw-leading-1.4 tw-break-words filter_value_content tw-capitalize "> pants <span data-filter-value-id="filter_pants">(2)</span>
</span>
<i class="tw-absolute tw-flex tw-items-center tw-justify-center tw-w-5 tw-h-5">
<svg class="tw-text-text-color" width="17" height="17" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M14.306 3.702a.768.768 0 0 1 .14 1.096l-7 8.782a.811.811 0 0 1-1.197.073l-4.5-4.391a.767.767 0 0 1 0-1.104.814.814 0 0 1 1.131 0l3.86 3.766 6.443-8.085a.813.813 0 0 1 1.123-.137z" fill="currentColor"></path></svg>
</i>
</label>
</li>
<li class="tw-px-4">
<input type="checkbox" name="filter.p.tag" value="set" id="md-filter-filter.p.tag-20" class="tw-hidden collection__filter_checkbox">
<label class="tw-relative tw-flex tw-items-center tw-py-4 tw-px-[22px] tw-cursor-pointer" for="md-filter-filter.p.tag-20">
<span class="tw-body-plus-2 tw-leading-1.4 tw-break-words filter_value_content tw-capitalize "> set <span data-filter-value-id="filter_set">(66)</span>
</span>
<i class="tw-absolute tw-flex tw-items-center tw-justify-center tw-w-5 tw-h-5">
<svg class="tw-text-text-color" width="17" height="17" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M14.306 3.702a.768.768 0 0 1 .14 1.096l-7 8.782a.811.811 0 0 1-1.197.073l-4.5-4.391a.767.767 0 0 1 0-1.104.814.814 0 0 1 1.131 0l3.86 3.766 6.443-8.085a.813.813 0 0 1 1.123-.137z" fill="currentColor"></path></svg>
</i>
</label>
</li>
<li class="tw-px-4">
<input type="checkbox" name="filter.p.tag" value="shoe" id="md-filter-filter.p.tag-21" class="tw-hidden collection__filter_checkbox">
<label class="tw-relative tw-flex tw-items-center tw-py-4 tw-px-[22px] tw-cursor-pointer" for="md-filter-filter.p.tag-21">
<span class="tw-body-plus-2 tw-leading-1.4 tw-break-words filter_value_content tw-capitalize "> shoe <span data-filter-value-id="filter_shoe">(12)</span>
</span>
<i class="tw-absolute tw-flex tw-items-center tw-justify-center tw-w-5 tw-h-5">
<svg class="tw-text-text-color" width="17" height="17" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M14.306 3.702a.768.768 0 0 1 .14 1.096l-7 8.782a.811.811 0 0 1-1.197.073l-4.5-4.391a.767.767 0 0 1 0-1.104.814.814 0 0 1 1.131 0l3.86 3.766 6.443-8.085a.813.813 0 0 1 1.123-.137z" fill="currentColor"></path></svg>
</i>
</label>
</li>
<li class="tw-px-4">
<input type="checkbox" name="filter.p.tag" value="shorts" id="md-filter-filter.p.tag-22" class="tw-hidden collection__filter_checkbox">
<label class="tw-relative tw-flex tw-items-center tw-py-4 tw-px-[22px] tw-cursor-pointer" for="md-filter-filter.p.tag-22">
<span class="tw-body-plus-2 tw-leading-1.4 tw-break-words filter_value_content tw-capitalize "> shorts <span data-filter-value-id="filter_shorts">(1)</span>
</span>
<i class="tw-absolute tw-flex tw-items-center tw-justify-center tw-w-5 tw-h-5">
<svg class="tw-text-text-color" width="17" height="17" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M14.306 3.702a.768.768 0 0 1 .14 1.096l-7 8.782a.811.811 0 0 1-1.197.073l-4.5-4.391a.767.767 0 0 1 0-1.104.814.814 0 0 1 1.131 0l3.86 3.766 6.443-8.085a.813.813 0 0 1 1.123-.137z" fill="currentColor"></path></svg>
</i>
</label>
</li>
<li class="tw-px-4">
<input type="checkbox" name="filter.p.tag" value="socks" id="md-filter-filter.p.tag-23" class="tw-hidden collection__filter_checkbox">
<label class="tw-relative tw-flex tw-items-center tw-py-4 tw-px-[22px] tw-cursor-pointer" for="md-filter-filter.p.tag-23">
<span class="tw-body-plus-2 tw-leading-1.4 tw-break-words filter_value_content tw-capitalize "> socks <span data-filter-value-id="filter_socks">(1)</span>
</span>
<i class="tw-absolute tw-flex tw-items-center tw-justify-center tw-w-5 tw-h-5">
<svg class="tw-text-text-color" width="17" height="17" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M14.306 3.702a.768.768 0 0 1 .14 1.096l-7 8.782a.811.811 0 0 1-1.197.073l-4.5-4.391a.767.767 0 0 1 0-1.104.814.814 0 0 1 1.131 0l3.86 3.766 6.443-8.085a.813.813 0 0 1 1.123-.137z" fill="currentColor"></path></svg>
</i>
</label>
</li>
<li class="tw-px-4">
<input type="checkbox" name="filter.p.tag" value="sweatshirt" id="md-filter-filter.p.tag-24" class="tw-hidden collection__filter_checkbox">
<label class="tw-relative tw-flex tw-items-center tw-py-4 tw-px-[22px] tw-cursor-pointer" for="md-filter-filter.p.tag-24">
<span class="tw-body-plus-2 tw-leading-1.4 tw-break-words filter_value_content tw-capitalize "> sweatshirt <span data-filter-value-id="filter_sweatshirt">(180)</span>
</span>
<i class="tw-absolute tw-flex tw-items-center tw-justify-center tw-w-5 tw-h-5">
<svg class="tw-text-text-color" width="17" height="17" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M14.306 3.702a.768.768 0 0 1 .14 1.096l-7 8.782a.811.811 0 0 1-1.197.073l-4.5-4.391a.767.767 0 0 1 0-1.104.814.814 0 0 1 1.131 0l3.86 3.766 6.443-8.085a.813.813 0 0 1 1.123-.137z" fill="currentColor"></path></svg>
</i>
</label>
</li>
<li class="tw-px-4">
<input type="checkbox" name="filter.p.tag" value="t-shirt" id="md-filter-filter.p.tag-25" class="tw-hidden collection__filter_checkbox">
<label class="tw-relative tw-flex tw-items-center tw-py-4 tw-px-[22px] tw-cursor-pointer" for="md-filter-filter.p.tag-25">
<span class="tw-body-plus-2 tw-leading-1.4 tw-break-words filter_value_content tw-capitalize "> t-shirt <span data-filter-value-id="filter_t-shirt">(96)</span>
</span>
<i class="tw-absolute tw-flex tw-items-center tw-justify-center tw-w-5 tw-h-5">
<svg class="tw-text-text-color" width="17" height="17" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M14.306 3.702a.768.768 0 0 1 .14 1.096l-7 8.782a.811.811 0 0 1-1.197.073l-4.5-4.391a.767.767 0 0 1 0-1.104.814.814 0 0 1 1.131 0l3.86 3.766 6.443-8.085a.813.813 0 0 1 1.123-.137z" fill="currentColor"></path></svg>
</i>
</label>
</li>
<li class="tw-px-4">
<input type="checkbox" name="filter.p.tag" value="t-shirts" id="md-filter-filter.p.tag-26" class="tw-hidden collection__filter_checkbox">
<label class="tw-relative tw-flex tw-items-center tw-py-4 tw-px-[22px] tw-cursor-pointer" for="md-filter-filter.p.tag-26">
<span class="tw-body-plus-2 tw-leading-1.4 tw-break-words filter_value_content tw-capitalize "> t-shirts <span data-filter-value-id="filter_t-shirts">(7)</span>
</span>
<i class="tw-absolute tw-flex tw-items-center tw-justify-center tw-w-5 tw-h-5">
<svg class="tw-text-text-color" width="17" height="17" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M14.306 3.702a.768.768 0 0 1 .14 1.096l-7 8.782a.811.811 0 0 1-1.197.073l-4.5-4.391a.767.767 0 0 1 0-1.104.814.814 0 0 1 1.131 0l3.86 3.766 6.443-8.085a.813.813 0 0 1 1.123-.137z" fill="currentColor"></path></svg>
</i>
</label>
</li>
<li class="tw-px-4">
<input type="checkbox" name="filter.p.tag" value="tank" id="md-filter-filter.p.tag-27" class="tw-hidden collection__filter_checkbox">
<label class="tw-relative tw-flex tw-items-center tw-py-4 tw-px-[22px] tw-cursor-pointer" for="md-filter-filter.p.tag-27">
<span class="tw-body-plus-2 tw-leading-1.4 tw-break-words filter_value_content tw-capitalize "> tank <span data-filter-value-id="filter_tank">(1)</span>
</span>
<i class="tw-absolute tw-flex tw-items-center tw-justify-center tw-w-5 tw-h-5">
<svg class="tw-text-text-color" width="17" height="17" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M14.306 3.702a.768.768 0 0 1 .14 1.096l-7 8.782a.811.811 0 0 1-1.197.073l-4.5-4.391a.767.767 0 0 1 0-1.104.814.814 0 0 1 1.131 0l3.86 3.766 6.443-8.085a.813.813 0 0 1 1.123-.137z" fill="currentColor"></path></svg>
</i>
</label>
</li>
<li class="tw-px-4">
<input type="checkbox" name="filter.p.tag" value="tank top" id="md-filter-filter.p.tag-28" class="tw-hidden collection__filter_checkbox">
<label class="tw-relative tw-flex tw-items-center tw-py-4 tw-px-[22px] tw-cursor-pointer" for="md-filter-filter.p.tag-28">
<span class="tw-body-plus-2 tw-leading-1.4 tw-break-words filter_value_content tw-capitalize "> tank top <span data-filter-value-id="filter_tank top">(4)</span>
</span>
<i class="tw-absolute tw-flex tw-items-center tw-justify-center tw-w-5 tw-h-5">
<svg class="tw-text-text-color" width="17" height="17" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M14.306 3.702a.768.768 0 0 1 .14 1.096l-7 8.782a.811.811 0 0 1-1.197.073l-4.5-4.391a.767.767 0 0 1 0-1.104.814.814 0 0 1 1.131 0l3.86 3.766 6.443-8.085a.813.813 0 0 1 1.123-.137z" fill="currentColor"></path></svg>
</i>
</label>
</li>
<li class="tw-px-4">
<input type="checkbox" name="filter.p.tag" value="tiff" id="md-filter-filter.p.tag-29" class="tw-hidden collection__filter_checkbox">
<label class="tw-relative tw-flex tw-items-center tw-py-4 tw-px-[22px] tw-cursor-pointer" for="md-filter-filter.p.tag-29">
<span class="tw-body-plus-2 tw-leading-1.4 tw-break-words filter_value_content tw-capitalize "> tiff <span data-filter-value-id="filter_tiff">(43)</span>
</span>
<i class="tw-absolute tw-flex tw-items-center tw-justify-center tw-w-5 tw-h-5">
<svg class="tw-text-text-color" width="17" height="17" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M14.306 3.702a.768.768 0 0 1 .14 1.096l-7 8.782a.811.811 0 0 1-1.197.073l-4.5-4.391a.767.767 0 0 1 0-1.104.814.814 0 0 1 1.131 0l3.86 3.766 6.443-8.085a.813.813 0 0 1 1.123-.137z" fill="currentColor"></path></svg>
</i>
</label>
</li>
<li class="tw-px-4">
<input type="checkbox" name="filter.p.tag" value="tiffany & co" id="md-filter-filter.p.tag-30" class="tw-hidden collection__filter_checkbox">
<label class="tw-relative tw-flex tw-items-center tw-py-4 tw-px-[22px] tw-cursor-pointer" for="md-filter-filter.p.tag-30">
<span class="tw-body-plus-2 tw-leading-1.4 tw-break-words filter_value_content tw-capitalize "> tiffany & co <span data-filter-value-id="filter_tiffany & co">(703)</span>
</span>
<i class="tw-absolute tw-flex tw-items-center tw-justify-center tw-w-5 tw-h-5">
<svg class="tw-text-text-color" width="17" height="17" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M14.306 3.702a.768.768 0 0 1 .14 1.096l-7 8.782a.811.811 0 0 1-1.197.073l-4.5-4.391a.767.767 0 0 1 0-1.104.814.814 0 0 1 1.131 0l3.86 3.766 6.443-8.085a.813.813 0 0 1 1.123-.137z" fill="currentColor"></path></svg>
</i>
</label>
</li>
<li class="tw-px-4">
<input type="checkbox" name="filter.p.tag" value="top" id="md-filter-filter.p.tag-31" class="tw-hidden collection__filter_checkbox">
<label class="tw-relative tw-flex tw-items-center tw-py-4 tw-px-[22px] tw-cursor-pointer" for="md-filter-filter.p.tag-31">
<span class="tw-body-plus-2 tw-leading-1.4 tw-break-words filter_value_content tw-capitalize "> top <span data-filter-value-id="filter_top">(49)</span>
</span>
<i class="tw-absolute tw-flex tw-items-center tw-justify-center tw-w-5 tw-h-5">
<svg class="tw-text-text-color" width="17" height="17" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M14.306 3.702a.768.768 0 0 1 .14 1.096l-7 8.782a.811.811 0 0 1-1.197.073l-4.5-4.391a.767.767 0 0 1 0-1.104.814.814 0 0 1 1.131 0l3.86 3.766 6.443-8.085a.813.813 0 0 1 1.123-.137z" fill="currentColor"></path></svg>
</i>
</label>
</li>
<li class="tw-px-4">
<input type="checkbox" name="filter.p.tag" value="tops" id="md-filter-filter.p.tag-32" class="tw-hidden collection__filter_checkbox">
<label class="tw-relative tw-flex tw-items-center tw-py-4 tw-px-[22px] tw-cursor-pointer" for="md-filter-filter.p.tag-32">
<span class="tw-body-plus-2 tw-leading-1.4 tw-break-words filter_value_content tw-capitalize "> tops <span data-filter-value-id="filter_tops">(1)</span>
</span>
<i class="tw-absolute tw-flex tw-items-center tw-justify-center tw-w-5 tw-h-5">
<svg class="tw-text-text-color" width="17" height="17" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M14.306 3.702a.768.768 0 0 1 .14 1.096l-7 8.782a.811.811 0 0 1-1.197.073l-4.5-4.391a.767.767 0 0 1 0-1.104.814.814 0 0 1 1.131 0l3.86 3.766 6.443-8.085a.813.813 0 0 1 1.123-.137z" fill="currentColor"></path></svg>
</i>
</label>
</li>
<li class="tw-px-4">
<input type="checkbox" name="filter.p.tag" value="two-piece set" id="md-filter-filter.p.tag-33" class="tw-hidden collection__filter_checkbox">
<label class="tw-relative tw-flex tw-items-center tw-py-4 tw-px-[22px] tw-cursor-pointer" for="md-filter-filter.p.tag-33">
<span class="tw-body-plus-2 tw-leading-1.4 tw-break-words filter_value_content tw-capitalize "> two-piece set <span data-filter-value-id="filter_two-piece set">(83)</span>
</span>
<i class="tw-absolute tw-flex tw-items-center tw-justify-center tw-w-5 tw-h-5">
<svg class="tw-text-text-color" width="17" height="17" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M14.306 3.702a.768.768 0 0 1 .14 1.096l-7 8.782a.811.811 0 0 1-1.197.073l-4.5-4.391a.767.767 0 0 1 0-1.104.814.814 0 0 1 1.131 0l3.86 3.766 6.443-8.085a.813.813 0 0 1 1.123-.137z" fill="currentColor"></path></svg>
</i>
</label>
</li>
<li class="tw-px-4">
<input type="checkbox" name="filter.p.tag" value="woman's" id="md-filter-filter.p.tag-34" class="tw-hidden collection__filter_checkbox">
<label class="tw-relative tw-flex tw-items-center tw-py-4 tw-px-[22px] tw-cursor-pointer" for="md-filter-filter.p.tag-34">
<span class="tw-body-plus-2 tw-leading-1.4 tw-break-words filter_value_content tw-capitalize "> woman's <span data-filter-value-id="filter_woman's">(36)</span>
</span>
<i class="tw-absolute tw-flex tw-items-center tw-justify-center tw-w-5 tw-h-5">
<svg class="tw-text-text-color" width="17" height="17" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M14.306 3.702a.768.768 0 0 1 .14 1.096l-7 8.782a.811.811 0 0 1-1.197.073l-4.5-4.391a.767.767 0 0 1 0-1.104.814.814 0 0 1 1.131 0l3.86 3.766 6.443-8.085a.813.813 0 0 1 1.123-.137z" fill="currentColor"></path></svg>
</i>
</label>
</li>
<li class="tw-px-4">
<input type="checkbox" name="filter.p.tag" value="women" id="md-filter-filter.p.tag-35" class="tw-hidden collection__filter_checkbox">
<label class="tw-relative tw-flex tw-items-center tw-py-4 tw-px-[22px] tw-cursor-pointer" for="md-filter-filter.p.tag-35">
<span class="tw-body-plus-2 tw-leading-1.4 tw-break-words filter_value_content tw-capitalize "> women <span data-filter-value-id="filter_women">(501)</span>
</span>
<i class="tw-absolute tw-flex tw-items-center tw-justify-center tw-w-5 tw-h-5">
<svg class="tw-text-text-color" width="17" height="17" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M14.306 3.702a.768.768 0 0 1 .14 1.096l-7 8.782a.811.811 0 0 1-1.197.073l-4.5-4.391a.767.767 0 0 1 0-1.104.814.814 0 0 1 1.131 0l3.86 3.766 6.443-8.085a.813.813 0 0 1 1.123-.137z" fill="currentColor"></path></svg>
</i>
</label>
</li>
<li class="tw-px-4">
<input type="checkbox" name="filter.p.tag" value="women's" id="md-filter-filter.p.tag-36" class="tw-hidden collection__filter_checkbox">
<label class="tw-relative tw-flex tw-items-center tw-py-4 tw-px-[22px] tw-cursor-pointer" for="md-filter-filter.p.tag-36">
<span class="tw-body-plus-2 tw-leading-1.4 tw-break-words filter_value_content tw-capitalize "> women's <span data-filter-value-id="filter_women's">(97)</span>
</span>
<i class="tw-absolute tw-flex tw-items-center tw-justify-center tw-w-5 tw-h-5">
<svg class="tw-text-text-color" width="17" height="17" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M14.306 3.702a.768.768 0 0 1 .14 1.096l-7 8.782a.811.811 0 0 1-1.197.073l-4.5-4.391a.767.767 0 0 1 0-1.104.814.814 0 0 1 1.131 0l3.86 3.766 6.443-8.085a.813.813 0 0 1 1.123-.137z" fill="currentColor"></path></svg>
</i>
</label>
</li>
<li class="tw-px-4">
<input type="checkbox" name="filter.p.tag" value="women's t-shirt" id="md-filter-filter.p.tag-37" class="tw-hidden collection__filter_checkbox">
<label class="tw-relative tw-flex tw-items-center tw-py-4 tw-px-[22px] tw-cursor-pointer" for="md-filter-filter.p.tag-37">
<span class="tw-body-plus-2 tw-leading-1.4 tw-break-words filter_value_content tw-capitalize "> women's t-shirt <span data-filter-value-id="filter_women's t-shirt">(39)</span>
</span>
<i class="tw-absolute tw-flex tw-items-center tw-justify-center tw-w-5 tw-h-5">
<svg class="tw-text-text-color" width="17" height="17" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M14.306 3.702a.768.768 0 0 1 .14 1.096l-7 8.782a.811.811 0 0 1-1.197.073l-4.5-4.391a.767.767 0 0 1 0-1.104.814.814 0 0 1 1.131 0l3.86 3.766 6.443-8.085a.813.813 0 0 1 1.123-.137z" fill="currentColor"></path></svg>
</i>
</label>
</li>
<li class="tw-px-4">
<input type="checkbox" name="filter.p.tag" value="womens" id="md-filter-filter.p.tag-38" class="tw-hidden collection__filter_checkbox">
<label class="tw-relative tw-flex tw-items-center tw-py-4 tw-px-[22px] tw-cursor-pointer" for="md-filter-filter.p.tag-38">
<span class="tw-body-plus-2 tw-leading-1.4 tw-break-words filter_value_content tw-capitalize "> womens <span data-filter-value-id="filter_womens">(29)</span>
</span>
<i class="tw-absolute tw-flex tw-items-center tw-justify-center tw-w-5 tw-h-5">
<svg class="tw-text-text-color" width="17" height="17" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M14.306 3.702a.768.768 0 0 1 .14 1.096l-7 8.782a.811.811 0 0 1-1.197.073l-4.5-4.391a.767.767 0 0 1 0-1.104.814.814 0 0 1 1.131 0l3.86 3.766 6.443-8.085a.813.813 0 0 1 1.123-.137z" fill="currentColor"></path></svg>
</i>
</label>
</li>
</ul>
</div>
</form><form class="zb-flex zb-flex-col zb-relative zb-w-full">
<div class="zb-overflow-y-auto zb-pb-[100px]">
<div class="zb-flex zb-items-center zb-pb-4 zb-border-b zb-border-t-0 zb-border-l-0 zb-border-r-0 zb-border-solid zb-border-[#eee] md:zb-border-none"> <ljs-render layout="container"
class="zb-flex-shrink-0 zb-w-[66px] zb-mr-4 rtl:zb-ml-4 rtl:zb-mr-0 zb-h-[70px] md:zb-hidden" id="smart_recommend_product_image" manual="" template="smart_recommend_product_image_template"></ljs-render>
<div class="zb-w-full">
<div class="zb-line-clamp-2 zb-mb-2 zb-text-sm md:zb-text-base">${product.title}</div>
<div class="zb-flex zb-justify-between zb-items-center"> <spz-render layout="container" template="smart_recommend_price_template" id="smart_recommend_modal_price" manual="">
<div class="zb-flex zb-items-center"> <ljs-currency class="zb-font-semibold zb-text-[22px] zb-text-[#CD201A] zb-mr-2" layout="container" value="${product.min_price_variant.price}"></ljs-currency> <ljs-currency
class="zb-text-[#93989D] zb-text-xs zb-line-through" layout="container" value="${product.min_price_variant.compare_at_price}"
spz-if="${product.min_price_variant.compare_at_price > product.min_price_variant.price ? true : false}"></ljs-currency> </div>
</spz-render>
<a class="zb-flex zb-items-center zb-cursor-pointer zb-text-[#212B36] zb-no-underline" href="${product.url}?${toQuery({ aid: 'smart_recommend.' + data.show_type + '.' + data.rule_id, ifb: product.ifb || '', cfb: product.cfb || '', scm: data.scm || '', ssp: data.ssp || '' })}"> <span class="zb-text-[13px]">See detail</span> <svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 24 24"><path d="M13.1714 12.0007L8.22168 7.05093L9.63589 5.63672L15.9999 12.0007L9.63589 18.3646L8.22168 16.9504L13.1714 12.0007Z" fill="#93989D"></path></svg> </a>
</div>
</div>
</div> <ljs-variants id="smart_recommend_product_variants" layout="container" template="smart_recommend_product_variant_template" slide="smart_recommend_carousel" disabled-dj-event="" interference=""> </ljs-variants>
<div class="zb-text-sm zb-mb-2">Quantity</div> <ljs-quantity disabled-dj-event="" layout="fixed" width="150" height="52" min="1" max="999999" value="1" input-class="!zb-text-base" icon-class="!zb-p-3"></ljs-quantity>
</div>
<div class="zb-absolute zb-bottom-0 zb-flex md:zb-flex-col zb-w-full zb-bg-white"> <button
class="zb-flex zb-items-center zb-mr-2 rtl:zb-ml-2 rtl:zb-mr-0 md:zb-mb-2 zb-justify-center zb-cursor-pointer zb-w-full zb-border zb-border-solid zb-border-[#313131] zb-bg-white zb-rounded zb-h-[42px]" role="addToCart" type="button"
@tap="smart_recommend_func.addATCHook(rule_id='${data.rule_id}',ifb='${product.ifb}',cfb='${product.cfb}',scm='${data.scm}',ssp='${data.ssp}',spmIndex='${data.productIndex}');"> <span>Add To Cart</span> </button> <button
class="zb-flex zb-items-center zb-justify-center zb-cursor-pointer zb-w-full zb-bg-[#292929] zb-text-white zb-rounded zb-h-[42px] zb-border-none" type="button" role="buyNow"
@tap="smart_recommend_loading.showLoading;smart_recommend_func.addATCHook(rule_id='${data.rule_id}',ifb='${product.ifb}',cfb='${product.cfb}',scm='${data.scm}',ssp='${data.ssp}',spmIndex='${data.productIndex}');"> <span>Buy Now</span> </button>
</div>
</form><form 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 Shipping Over $89.00
* Free Shipping Over $89.00
SLOVEOS
Powered by Google Übersetzer
English,العربية,Español,Français,Italiano,Deutsch,Polski,Nederlands,svenska,norsk,čeština,Lietuvis,Latvietis,Suomalainen,Ελληνικά,Eestlane,dansk,Magyar,Romanian,Slovenščina,Український,Slovenská,Български
EUR
* United States Dollars (USD)
* Euro (EUR)
* United Kingdom Pounds (GBP)
* Canadian Dollars (CAD)
* Australian Dollars (AUD)
* Croatian Kuna (HRK)
* Czech Koruny (CZK)
* Danish Kroner (DKK)
* Mexican Pesos (MXN)
* New Zealand Dollars (NZD)
* Polish Zlotych (PLN)
* Qatari Rial (QAR)
* Romanian Lei (RON)
* Saudi Riyal (SAR)
* Singapore Dollars (SGD)
* South Korean Won (KRW)
* Swiss Francs (CHF)
* Swedish Kronor (SEK)
* Turkish Lira (TRY)
* Log in
* Create an account
0
* Home
* New In
* Best Sellers
* Tiffany & Co
Tiffany & Co. Bags
NEW YORK SINCE 1837 PRINT SWEATSHIRT
€24.44 €48.88 Save €24.44 Save €24.44
* InFashion
* Beer Style
Beer Sweatshirt Set
Beer Long Sleeve Tops
Beer Bikinis
SPORTS CUTE DRINKING BLUE PRINT LONG SLEEVE HOODIE SHORTS SET
€36.21
* Themes
🎅🎁🎄Christmas
Cute 3D Print
Victoria's Secret
Cute Fairy
Halloween
Audrey Hepburn
Teacher
Skele
Christian
Cute Animals
Interesting Words & Jesus
Nurse
Family members
Easter
Boho Fashion
Disco
Fall & Autumn
Science&Chemistry
CHRISTMAS FUNNY BLACK CAT PRINT T-SHIRT
€18.10
+2
* NFL
* Summer Trends
* Cotton linen
* Dress
* Print Hoodies
* Couple
* Women's Fashion
* Women's T-Shirt
* Women's Long-sleeveds
* Women's Coats & Jackets
* Women's Vests
* Women's Sweater
* Women‘s Jacket
* Women's Bottoms Women's Trousers
* Women‘s Cloak
* Women's Suits
* Plus Size
* Swimsuit
* Bikini Suits
* Jumpsuit
* Women‘s Bags
* Kaftan
CASUAL FASHION LINING FLORAL PRINT KIMONO DUSTER
€49.79
* Men
* Printed T-shirts
* Long Sleeves T-shirts
* Shirts
* Shoes
* Suits Long Sleeve Suits Short Sleeve Suits
* More links
* Home
* New In
* Best Sellers
* Tiffany & Co
Tiffany & Co. Bags
NEW YORK SINCE 1837 PRINT SWEATSHIRT
€24.44 €48.88 Save €24.44 Save €24.44
* InFashion
* Beer Style
Beer Sweatshirt Set
Beer Long Sleeve Tops
Beer Bikinis
SPORTS CUTE DRINKING BLUE PRINT LONG SLEEVE HOODIE SHORTS SET
€36.21
* Themes
🎅🎁🎄Christmas
Cute 3D Print
Victoria's Secret
Cute Fairy
Halloween
Audrey Hepburn
Teacher
Skele
Christian
Cute Animals
Interesting Words & Jesus
Nurse
Family members
Easter
Boho Fashion
Disco
Fall & Autumn
Science&Chemistry
CHRISTMAS FUNNY BLACK CAT PRINT T-SHIRT
€18.10
+2
* NFL
* Summer Trends
* Cotton linen
* Dress
* Print Hoodies
* Couple
* Women's Fashion
* Women's T-Shirt
* Women's Long-sleeveds
* Women's Coats & Jackets
* Women's Vests
* Women's Sweater
* Women‘s Jacket
* Women's Bottoms Women's Trousers
* Women‘s Cloak
* Women's Suits
* Plus Size
* Swimsuit
* Bikini Suits
* Jumpsuit
* Women‘s Bags
* Kaftan
CASUAL FASHION LINING FLORAL PRINT KIMONO DUSTER
€49.79
* Men
* Printed T-shirts
* Long Sleeves T-shirts
* Shirts
* Shoes
* Suits Long Sleeve Suits Short Sleeve Suits
* More links
Print Hoodies
Couple
Women's Fashion
Men
English,العربية,Español,Français,Italiano,Deutsch,Polski,Nederlands,svenska,norsk,čeština,Lietuvis,Latvietis,Suomalainen,Ελληνικά,Eestlane,dansk,Magyar,Romanian,Slovenščina,Український,Slovenská,Български
EUR
* United States Dollars (USD)
* Euro (EUR)
* United Kingdom Pounds (GBP)
* Canadian Dollars (CAD)
* Australian Dollars (AUD)
* Croatian Kuna (HRK)
* Czech Koruny (CZK)
* Danish Kroner (DKK)
* Mexican Pesos (MXN)
* New Zealand Dollars (NZD)
* Polish Zlotych (PLN)
* Qatari Rial (QAR)
* Romanian Lei (RON)
* Saudi Riyal (SAR)
* Singapore Dollars (SGD)
* South Korean Won (KRW)
* Swiss Francs (CHF)
* Swedish Kronor (SEK)
* Turkish Lira (TRY)
SLOVEOS
English,العربية,Español,Français,Italiano,Deutsch,Polski,Nederlands,svenska,norsk,čeština,Lietuvis,Latvietis,Suomalainen,Ελληνικά,Eestlane,dansk,Magyar,Romanian,Slovenščina,Український,Slovenská,Български
EUR
* United States Dollars (USD)
* Euro (EUR)
* United Kingdom Pounds (GBP)
* Canadian Dollars (CAD)
* Australian Dollars (AUD)
* Croatian Kuna (HRK)
* Czech Koruny (CZK)
* Danish Kroner (DKK)
* Mexican Pesos (MXN)
* New Zealand Dollars (NZD)
* Polish Zlotych (PLN)
* Qatari Rial (QAR)
* Romanian Lei (RON)
* Saudi Riyal (SAR)
* Singapore Dollars (SGD)
* South Korean Won (KRW)
* Swiss Francs (CHF)
* Swedish Kronor (SEK)
* Turkish Lira (TRY)
* Log in
* Create an account
0
* Home
* New In
* Best Sellers
* Tiffany & Co
* Tiffany & Co. Bags
* InFashion
* Beer Style
* Beer Sweatshirt Set
* Beer Long Sleeve Tops
* Beer Bikinis
* Themes
* 🎅🎁🎄Christmas
* Cute 3D Print
* Victoria's Secret
* Cute Fairy
* Halloween
* Audrey Hepburn
* Teacher
* Skele
* Christian
* Cute Animals
* Interesting Words & Jesus
* Nurse
* Family members
* Easter
* Boho Fashion
* Disco
* Fall & Autumn
* Science&Chemistry
* NFL
* Summer Trends
* Cotton linen
* Dress
* Print Hoodies
* Couple
* Women's Fashion
* Women's T-Shirt
* Women's Long-sleeveds
* Women's Coats & Jackets
* Women's Vests
* Women's Sweater
* Women‘s Jacket
* Women's Bottoms
* Women‘s Cloak
* Women's Suits
* Plus Size
* Swimsuit
* Bikini Suits
* Jumpsuit
* Women‘s Bags
* Kaftan
* Men
* Printed T-shirts
* Long Sleeves T-shirts
* Shirts
* Shoes
* Suits
* Home
* New In
* Best Sellers
* Tiffany & Co
* InFashion
* Beer Style
* Themes
* NFL
* Summer Trends
* Cotton linen
* Dress
* Print Hoodies
* Couple
* Women's Fashion
* Men
English,العربية,Español,Français,Italiano,Deutsch,Polski,Nederlands,svenska,norsk,čeština,Lietuvis,Latvietis,Suomalainen,Ελληνικά,Eestlane,dansk,Magyar,Romanian,Slovenščina,Український,Slovenská,Български
EUR
* United States Dollars (USD)
* Euro (EUR)
* United Kingdom Pounds (GBP)
* Canadian Dollars (CAD)
* Australian Dollars (AUD)
* Croatian Kuna (HRK)
* Czech Koruny (CZK)
* Danish Kroner (DKK)
* Mexican Pesos (MXN)
* New Zealand Dollars (NZD)
* Polish Zlotych (PLN)
* Qatari Rial (QAR)
* Romanian Lei (RON)
* Saudi Riyal (SAR)
* Singapore Dollars (SGD)
* South Korean Won (KRW)
* Swiss Francs (CHF)
* Swedish Kronor (SEK)
* Turkish Lira (TRY)
Log in
Tiffany & Co
* Tiffany & Co. Bags
Beer Style
* Beer Sweatshirt Set
* Beer Long Sleeve Tops
* Beer Bikinis
Themes
* 🎅🎁🎄Christmas
* Cute 3D Print
* Victoria's Secret
* Cute Fairy
* Halloween
* Audrey Hepburn
* Teacher
* Skele
* Christian
* Cute Animals
* Interesting Words & Jesus
* Nurse
* Family members
* Easter
* Boho Fashion
* Disco
* Fall & Autumn
* Science&Chemistry
Women's Bottoms
* Women's Trousers
Women's Fashion
* Women's T-Shirt
* Women's Long-sleeveds
* Women's Coats & Jackets
* Women's Vests
* Women's Sweater
* Women‘s Jacket
* Women's Bottoms
* Women‘s Cloak
* Women's Suits
* Plus Size
* Swimsuit
* Bikini Suits
* Jumpsuit
* Women‘s Bags
* Kaftan
Suits
* Long Sleeve Suits
* Short Sleeve Suits
Men
* Printed T-shirts
* Long Sleeves T-shirts
* Shirts
* Shoes
* Suits
TIFFANY & CO
703 Products
Filter
Availability
* 0 selected
Reset
* In stock (703)
* Out of stock (0)
Price
* Reset
* The highest price is €66.09
$
$
Tag (displayed as more filters)
* 0 selected
Reset
* accessories (8)
* audrey hepburn (13)
* bag (80)
* bags (1)
* blouse (1)
* bottoms (1)
* cardigan (1)
* carlier (9)
* dress (16)
* hat (1)
* hats (8)
* hoodie (97)
* interesting words (16)
* knitting scarf (1)
* legging (7)
* long sleeve (42)
* loung wear (1)
* men's (13)
* pants (2)
* set (66)
* shoe (12)
* shorts (1)
* socks (1)
* sweatshirt (180)
* t-shirt (96)
* t-shirts (7)
* tank (1)
* tank top (4)
* tiff (43)
* tiffany & co (703)
* top (49)
* tops (1)
* two-piece set (83)
* woman's (36)
* women (501)
* women's (97)
* women's t-shirt (39)
* womens (29)
Sort by
Recommend Price, low to high Price, high to low Newest in Total sales, high to
low Purchases, high to low Pageviews, high to low
Filter and sort
Filter and sort
* Availability
* Price
* Tag (displayed as more filters)
Sort by
Recommend Price, low to high Price, high to low Newest in Total sales, high
to low Purchases, high to low Pageviews, high to low
Availability
* In stock (703)
* Out of stock (0)
Price
* The highest price is €66.09
$
$
Tag (displayed as more filters)
* accessories (8)
* audrey hepburn (13)
* bag (80)
* bags (1)
* blouse (1)
* bottoms (1)
* cardigan (1)
* carlier (9)
* dress (16)
* hat (1)
* hats (8)
* hoodie (97)
* interesting words (16)
* knitting scarf (1)
* legging (7)
* long sleeve (42)
* loung wear (1)
* men's (13)
* pants (2)
* set (66)
* shoe (12)
* shorts (1)
* socks (1)
* sweatshirt (180)
* t-shirt (96)
* t-shirts (7)
* tank (1)
* tank top (4)
* tiff (43)
* tiffany & co (703)
* top (49)
* tops (1)
* two-piece set (83)
* woman's (36)
* women (501)
* women's (97)
* women's t-shirt (39)
* womens (29)
Clear all Apply
Clear all
NEW YORK SINCE 1837 PRINT SWEATSHIRT
€24.44 €48.88 Save €24.44 Save €24.44
LADY PRINT SWEATSHIRT
€24.44 €48.88 Save €24.44 Save €24.44
WOMEN'S PRINT WAFFLE HOODIE
€29.87 €59.75 Save €29.87 Save €29.87
WOMEN'S BLUE PRINT PEAKED CAP
€14.48 €28.96 Save €14.48 Save €14.48
WOMEN'S BLUE PRINT HOODIE & SWEATPANTS SET
€44.36 €88.73 Save €44.36 Save €44.36
CASUAL LONG SLEEVE T-SHIRT
€21.72 €43.45
Save €21.72 Save €21.72
PRINT V-NECK SHORT SLEEVE T-SHIRT
€19.00 €38.01 Save €19.00 Save €19.00
PLEASE RETURN TO NEW YORK PRINT TEDDY FUZZY HOODIE
€33.49 €66.99 Save €33.49 Save €33.49
PRINT LUGGAGE HANG TAG
€5.42 €10.84 Save €5.42 Save €5.42
PRINT FLAT COSMETIC BAG
€10.85 €21.71 Save €10.85 Save €10.85
PLEASE RETURN TO NEW YORK PRINT TEDDY SHERPA FLEECEHOODIE
€32.59 €65.18 Save €32.59 Save €32.59
PRINT POCKET FLEECE SWEATPANTS
€27.15 €54.31 Save €27.15 Save €27.15
PRINT YEEZY RUNING SNEAKERS
€59.76 €119.52
Save €59.76 Save €59.76
NECKLACE PRINT SWEATSHIRT
€24.44 €48.88 Save €24.44 Save €24.44
WOMEN'S DOG PRINT SWEATSHIRT
€24.44 €48.88 Save €24.44 Save €24.44
PRINT SWEATSHIRT
€24.44 €48.88 Save €24.44 Save €24.44
NEW YORK SINCE 1837 PRINT COLORBLOCK SWEATSHIRT
€24.44 €48.88 Save €24.44 Save €24.44
PLEASE RETURN TO NEW YORK PRINT CASUAL HOODIE
€27.15 €54.31 Save €27.15 Save €27.15
PRINT SWEATPANTS
€26.25 €52.50 Save €26.25 Save €26.25
NEW YORK SINCE 1837 PRINT HOODIE
€29.87 €59.75 Save €29.87 Save €29.87
LOVE PRINT CUTE LONG SLEEVES HOODIE
€32.59 €65.18 Save €32.59 Save €32.59
PRINT CASUAL LEGGINGS
€18.10 €36.20 Save €18.10 Save €18.10
WOMEN'S BOWKNOT PRINT T-SHIRT
€19.00 €38.01
Save €19.00 Save €19.00
DOLL COOKIES EMBROIDERY PRINT SWEATSHIRT
€24.44 €48.88 Save €24.44 Save €24.44
OVERSIZED TIFFANY & CO. PRINT V NECK SWEATSHIRT
€26.25 €52.50 Save €26.25 Save €26.25
PRINT FUZZY SLIPPERS
€16.29 €32.58 Save €16.29 Save €16.29
PRINT PORTABLE COSMETIC BAG
€16.29 €32.58 Save €16.29 Save €16.29
WOMEN'S NEW YORK SINCE 1837 PRINT T-SHIRT
€19.00 €38.01 Save €19.00 Save €19.00
PRINT KNITTED HAT
€12.66 €25.33 Save €12.66 Save €12.66
PRINT CASUAL SWEATSHIRT SWEATPANTS TWO-PIECE SET
€43.46 €86.91 Save €43.46 Save €43.46
PRINT GLASSES BAG
€6.33 €12.66 Save €6.33 Save €6.33
BLUE CUTE BOW PRINT LONG SLEEVE T-SHIRT
€22.63 €45.26 Save €22.63 Save €22.63
ART BLUE LONG SLEEVE ROSE PRINT SWEATSHIRT
€24.44 €48.88 Save €24.44 Save €24.44
WOMEN'S BLUE PRINT HOODIE & SWEATPANTS SET
€44.36 €88.73 Save €44.36 Save €44.36
PRINT TOTE BAG
€23.53 €47.07 Save €23.53 Save €23.53
PRINT MOBILE PHONE BAG
€14.48 €28.96 Save €14.48 Save €14.48
PRINT COTTON SLIPPERS
€30.78 €61.56 Save €30.78 Save €30.78
PRINT DOUBLE SIDED PRINTED SHOPPING BAG
€16.29 €32.58 Save €16.29 Save €16.29
3D BOW PRINT FLAT COSMETIC BAG
€10.85 €21.71 Save €10.85 Save €10.85
ART BLUE LONG SLEEVE SNOW PRINT SWEATSHIRT
€24.44 €48.88 Save €24.44 Save €24.44
Sorry, there are no products in this collection.
${function(){ const rules = data.data.rules; return `
` }()} ${function(){ const isCart = data.data.isCart; const isCollection =
data.data.isCollection; const isProduct = data.data.isProduct; const isIndex =
data.data.isIndex; return `
${isCart ? 'The items in the shopping cart do not participate in any
recommendation rule. Add the participating items to your shopping cart to check
the design.' : ''} ${isProduct ? 'This product did not participated in any
recommendation rule. Switch to another product to check the design.' : ''}
${isCollection ? 'The items in this collection do not participate in any
recommendation rule. Switch the participating items to check the design.' : ''}
${isIndex ? 'The home page do not participate in any recommendation rule.' : ''}
(This prompt would not display on client-side)
Recommended Products
` }()} ${function(){ const rule = data.data; const getImageHeight =
function(image){ const image_size = rule.config.image_size || 0; const
imageWidth = image.width || 600; const imageHeight = image.height || 800; let
ratio = 0; if(image_size == 0){ ratio = (imageHeight / imageWidth).toFixed(2);
}else if(image_size == 1){ ratio = 1.5; }else if(image_size == 2){ ratio = 1;
}else if(image_size == 3){ ratio = 0.75; } return imageWidth * ratio; }; const
toQuery = obj => Object.keys(obj) .map(k => Array.isArray(obj[k]) ? obj[k].map(v
=> `${k}[]=${encodeURIComponent(v)}`).join('&') :
`${k}=${encodeURIComponent(obj[k])}` ) .join('&'); return `
${rule.config.title}
* ${product.title}
${rule.config.quick_shop_button_text}
` }()}
class SpzSmartBlockComponent extends SPZ.BaseElement { constructor(element) {
super(element); this.templates_ = null; this.container_ = null; this.i18n_ = {};
this.config_ = {}; this.show_type_ = 3; this.product_resource_id_ = '';
this.collection_resource_id_ = ''; this.cart_items_ = []; this.customer_id_ =
''; this.order_id_ = ''; } static deferredMount() { return false; }
isLayoutSupported(layout) { return layout == SPZCore.Layout.CONTAINER; }
buildCallback() { const template_type =
window.SHOPLAZZA.meta.page.template_type; if (template_type === 1) {
this.show_type_ = 3; this.product_resource_id_ =
window.SHOPLAZZA.meta.page.resource_id; } else if (template_type === 2) {
this.show_type_ = 4; this.collection_resource_id_ =
window.SHOPLAZZA.meta.page.resource_id; } else if (template_type === 15){
this.show_type_ = 5; } else if (template_type === 13){ this.show_type_ = 6; }
else if (template_type === 20){ this.show_type_ = 7; this.customer_id_ =
window.SHOPLAZZA.customer.customer_id; } else if (template_type === 35){
this.show_type_ = 8; this.order_id_ = window.location.pathname.split('/').pop();
} this.templates_ = SPZServices.templatesForDoc(this.element);
this.setAction_(); } mountCallback() { console.log('smart mounted'); const that
= this; const themeName = window.SHOPLAZZA.theme.merchant_theme_name; const
isGeek = /Geek/.test(themeName); this.fetchRules().then((res) => { if (res &&
res.rules && res.rules.length) { const blockEl =
document.getElementById('smart_recommend_block');
SPZ.whenApiDefined(blockEl).then((api) => { api.render({data: res},
true).then(() => { if (isGeek && that.show_type_ === 6) {
blockEl.querySelector('.plugin_container_wrpper').style.padding = '30px 0'; }
const recommendStyle = document.createElement('style'); recommendStyle.innerHTML
= ` .plugin__recommend_container,.app-recommend-card { display: none !important;
} `; document.head.appendChild(recommendStyle); const fetchList = [];
res.rules.forEach((rule) => {
fetchList.push(this.fetchRuleProductList(rule.id)); }); const fetchAll =
Promise.all(fetchList); fetchAll.then((p_res) => { res.rules.forEach((rule,
index) => { rule.products = p_res[index] && p_res[index].products; const ruleEl
= document.getElementById('smart_recommend_rule_' + rule.id);
SPZ.whenApiDefined(ruleEl).then((api) => { api.render({data: rule},
true).then(() => { that.impressListen(`#smart_recommend_rule_ul_${rule.id}`,
function(){ that.trackRuleImpress(rule); }); const btnElList =
document.querySelectorAll(`#smart_recommend_rule_ul_${rule.id} button`);
btnElList.forEach((btnEl) => { if (btnEl && rule.config &&
rule.config.quick_shop_button_bg_color &&
rule.config.quick_shop_button_text_color) { btnEl.style.backgroundColor =
rule.config.quick_shop_button_bg_color; btnEl.style.color =
rule.config.quick_shop_button_text_color; } }) }); }); }); }); }) }) } else { if
(window.top !== window.self) { const template_type =
window.SHOPLAZZA.meta.page.template_type; const holderEl =
document.getElementById('smart_recommend_preview_no_data_placeholder');
SPZ.whenApiDefined(holderEl).then((api) => { api.render({data: { isCart:
template_type === 13, isCollection: template_type === 2, isProduct:
template_type === 1, isIndex: template_type === 15 }}, true); }); } } }); }
setAction_() { this.registerAction('quickShop', (data) => { const that = this;
const product_id = data.args.product_id; const productIndex =
data.args.productIndex; const rule_id = data.args.rule_id; const ssp =
data.args.ssp; const scm = data.args.scm; const cfb = data.args.cfb; const ifb =
data.args.ifb; const modalRender =
document.getElementById('smart_recommend_product_modal_render'); if (product_id)
{ this.fetchProductData(product_id).then((res) => { const product = res.products
&& res.products.length && res.products[0] || {}; product.cfb = cfb; product.ifb
= ifb; SPZ.whenApiDefined(modalRender).then((api) => { api.render({product:
product, productIndex: productIndex, rule_id: rule_id, ssp: ssp, scm: scm,
show_type: that.show_type_}, true).then(() => { const modalEl =
document.getElementById('smart_recommend_product_modal');
SPZ.whenApiDefined(modalEl).then((modal) => {
that.impressListen('#smart_recommend_product_modal', function(){
that.trackQuickShop({ rule_id: rule_id, product_id: product_id }); });
modal.open(); }); const formEl =
document.getElementById('smart_recommend_product_form');
SPZ.whenApiDefined(formEl).then((form) => { form.setProduct(product); }); const
variantEl = document.getElementById('smart_recommend_product_variants');
SPZ.whenApiDefined(variantEl).then((variant) => { variant.handleRender(product);
}); }); }) }); } }); this.registerAction('handleScroll', (data) => {
this.directTo(data.args.rule_id, data.args.direction); });
this.registerAction('handleProductChange', (data) => { const variant =
data.args.data.variant; const product = data.args.data.product; const
imageRenderEl = document.getElementById('smart_recommend_product_image');
SPZ.whenApiDefined(imageRenderEl).then((api) => { api.render({ variant: variant,
product: product }, true); }); }); this.registerAction('handleAtcSuccess',
(detail) => { const data = detail.args; data.data.product = data.data.product ||
{}; data.data.variant = data.data.variant || {}; const product_id =
data.data.product.id; const product_title = data.data.product.title; const
variant_id = data.data.variant.id; const price = data.data.variant.price; const
rule_id = data.rule_id; const aid =
`smart_recommend.${this.show_type_}.${rule_id}`; const ifb =
data.data.product.ifb; const cfb = data.data.product.cfb; const ssp = data.ssp;
const scm = data.scm; const spm =
`smart_recommend_${this.show_type_}.${data.spmIndex}`; const params = { id:
product_id, product_id: product_id, number: 1, name: product_title, variant_id:
variant_id, childrenId: variant_id, item_price: price, source: 'add_to_cart',
_extra: { aid: aid, ifb: ifb, cfb: cfb, scm: scm, spm:
`..${window.SHOPLAZZA.meta.page.template_name}.${spm}`, ssp: ssp, } };
this.tranckAddToCart(params); }); this.registerAction('addATCHook', (data) => {
const params = data.args; const spm =
`smart_recommend_${this.show_type_}.${params.spmIndex}`; this.myInterceptor_ =
window.djInterceptors && window.djInterceptors.track.use({ event:
'dj.addToCart', params: { aid: `smart_recommend.${this.show_type_}.` +
params.rule_id, ssp: params.ssp, scm: params.scm, cfb: params.cfb, spm:
`..${window.SHOPLAZZA.meta.page.template_name}.${spm}`, }, once: true }); }); }
tranckAddToCart(detail) { if (window.$) {
window.$(document.body).trigger('dj.addToCart', detail); } } fetchRules() {
const payload = { show_type: this.show_type_, }; let that = this; if
(this.show_type_ === 6) { let line_items = []; return
this.fetchCart().then((res) => { if (res && res.cart && res.cart.line_items) {
line_items = res.cart.line_items.map((item) => { return { product_id:
item.product_id, variant_id: item.variant_id, quantity: item.quantity, price:
item.price } }); } payload.line_items = line_items; that.cart_items_ =
line_items; return that.fetchRulesRequest(payload); }); } else { if
(this.show_type_ === 3) { payload.line_items = [{ product_id:
this.product_resource_id_ }]; } else if (this.show_type_ === 4) {
payload.collection_id = this.collection_resource_id_; } else if (this.show_type_
=== 7) { payload.customer_id = this.customer_id_; } else if (this.show_type_ ===
8) { payload.order_id = this.order_id_; } return
this.fetchRulesRequest(payload); } } fetchRulesRequest(payload) { return
fetch(window.SHOPLAZZA.routes.root + "/api/possum/recommend_query", { method:
"POST", headers: { "Content-Type": "application/json" }, body:
JSON.stringify(payload) }).then(function(res){ if(res.ok){ return res.json(); }
}); } fetchCart() { return
fetch(`/api/cart/cart-select?r=${Math.random().toString(36).slice(-4)}`)
.then((res) => { if (res.ok) { return res.json(); } }); }
fetchRuleProductList(rule_id) { const payload = { page: 1, limit: 100, fields:
["title", "url", "image", "min_price_variant.price",
"min_price_variant.compare_at_price"], rule_id: rule_id, }; if (this.show_type_
=== 3) { payload.line_items = [{ product_id: this.product_resource_id_ }]; }
else if (this.show_type_ === 4) { payload.collection_id =
this.collection_resource_id_; } else if (this.show_type_ === 6) {
payload.line_items = this.cart_items_; } else if (this.show_type_ === 7) {
payload.customer_id = this.customer_id_; } else if (this.show_type_ === 8) {
payload.order_id = this.order_id_; } return fetch(window.SHOPLAZZA.routes.root +
"/api/possum/recommend_products", { method: "POST", headers: { "Content-Type":
"application/json" }, body: JSON.stringify(payload) }).then(function(res){
if(res.ok){ return res.json(); } }).catch(function(err){ console.log(err); }); }
fetchProductData(product_id) { return fetch(window.SHOPLAZZA.routes.root +
"/api/possum/products", { method: "POST", headers: { "Content-Type":
"application/json" }, body: JSON.stringify({ product_ids: [product_id], fields:
[ "images", "options", "min_price_variant", "variants"] })
}).then(function(res){ if(res.ok){ return res.json(); } }).catch(function(err){
console.log(err); const loadingEl =
document.getElementById('smart_recommend_loading'); if (loadingEl) {
loadingEl.style.display = 'none'; } }); } getStyle(ele, style) { if (!ele)
return; if (window.getComputedStyle) { return
window.getComputedStyle(ele)[style]; } return ele.currentStyle[style]; }
directTo(id, direction) { const scrollElement =
document.getElementById(`smart_recommend_rule_ul_${id}`); const blockWidth =
parseInt(this.getStyle(scrollElement, 'width')); const scrollLength =
(blockWidth * 0.19 - 12) * 5; const scrollPoint = scrollElement.scrollWidth -
scrollElement.clientWidth; if (!scrollElement) return; if (direction === 'left')
{ if (document.dir === 'rtl') { scrollElement.scrollTo({ left:
Math.abs(scrollElement.scrollLeft) >= scrollPoint - 100 ? 0 :
scrollElement.scrollLeft - scrollLength, behavior: 'smooth' }); return; }
scrollElement.scrollTo({ left: Math.max(scrollElement.scrollLeft - scrollLength,
0), behavior: 'smooth' }); } else { if (document.dir === 'rtl') {
scrollElement.scrollTo({ left: Math.abs(scrollElement.scrollLeft) >= scrollPoint
+ 100 ? 0 : scrollElement.scrollLeft + scrollLength, behavior: 'smooth' });
return; } scrollElement.scrollTo({ left: scrollElement.scrollLeft >= scrollPoint
- 100 ? 0 : scrollElement.scrollLeft + scrollLength, behavior: 'smooth' }); } }
trackRuleImpress(rule) { if (window.sa && window.sa.track) {
window.sa.track("plugin_common", { plugin_name: "upsell", event_type:
"impressions", rule_id: rule.id, ssp: rule.ssp, scm: rule.scm, show_type:
this.show_type_, support_app_block: window.SHOPLAZZA.theme.support_app_block });
window.sa.track("module_impressions", { aid:
`smart_recommend.${this.show_type_}.${rule.id}`, support_app_block:
window.SHOPLAZZA.theme.support_app_block }); } } trackQuickShop(data) {
window.sa && sa.track && sa.track("plugin_common", { plugin_name: "upsell",
event_type: "quick_shop", rule_id: data.rule_id, product_id: data.product_id,
show_type: this.show_type_, }); } impressListen(selector, cb) { const el =
document.querySelector(selector); const onImpress = (e) => { if (e) {
e.stopPropagation(); } cb(); }; if (el && !el.getAttribute('imprsd')) {
el.addEventListener('impress', onImpress) } else if (el) { onImpress(); } } }
SPZ.defineElement('spz-custom-smart-block', SpzSmartBlockComponent);
${(function(){ const product = data.product; const toQuery = obj =>
Object.keys(obj) .map(k => Array.isArray(obj[k]) ? obj[k].map(v =>
`${k}[]=${encodeURIComponent(v)}`).join('&') :
`${k}=${encodeURIComponent(obj[k])}` ) .join('&'); return `
${product.images.map((image) => { return `` }).join('')}
${product.title}
See detail
Quantity
Add To Cart Buy Now
`; })()}
${(function(){ const product = data.product; const avail_variants =
product.variants.filter(function(variant){ return variant.available; }); const
selected_variant = product.min_price_variant.available ?
product.min_price_variant : avail_variants.length && avail_variants[0]; return `
${option.name}
${ option.values.map(function(value, index){ const checked =
selected_variant["option"+option.position] == value ? "checked": ""; return `
${value}
` }).join("") }
` })()}
Personalized For You
* SALE
10% off
woman's Cardigan Hoodies-62
€36.21€45.27
Shop Now
* SALE
10% off
Women's Casual Zip Hoodie-1028-03
€36.21
Shop Now
* 10% off
woman's Cardigan Hoodies-110204
€35.30
Shop Now
* SALE
10% off
woman's Cardigan Hoodies-24
€35.30
Shop Now
* SALE
10% off
woman's Cardigan Coats-110354
€63.38€98.61
Shop Now
* SALE
10% off
Women's thermal tight-fitting casual pants-04
€17.19
Shop Now
* 10% off
Classic Line Print Loose Shirt Dress
€36.21
Shop Now
* 10% off
Women's Elegant Creative Printed Coat02
€51.61
Shop Now
* SALE
10% off
Women's Blue Print Hoodie & Sweatpants Set
€44.36€88.73
Shop Now
* SALE
10% off
Print Sweatpants
€26.25€52.50
Shop Now
* SALE
10% off
Printed two-piece set of halterneck top & slacks
€45.27
Shop Now
* SALE
10% off
New York Since 1837 Print Sweatshirt
€24.44€48.88
Shop Now
Subscribe today to hear first about our sales
Subscribe
Thanks for subscribing
Company Information
* About Sloveos
* Contact Us
* Payment Methods
* Shipping Guide
* Shipping & Handling
* Terms Of Service
* Privacy Policy
* Refund Policy
* INTELLECTUAL PROPERTY RIGHTS
We accept
Mastercard PayPal Visa Maestro JCB Discover Diners Club American Express
Get in touch
Email us
Follow us
*
*
© 2023 sloveos
111
GIFTS
POINTS
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) => { this.onBuyNowClick();
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; const that = this; 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("plugin_common", { plugin_name: "upsell", event_type:
"impressions", rule_id: rule.id, ssp: rule.ssp, scm: rule.scm, show_type: 2 });
window.sa.track("module_impressions", { aid: `smart_recommend.2.${rule.id}` });
} } onBuyNowClick() { const checkoutEl =
document.getElementById("smart_cart_pop_checkout"); if (!checkoutEl) return;
checkoutEl.addEventListener('click', function(e) { const trackData = {
plugin_name: "upsell", event_type: "checkout_submit", rule_id:
`${this.activityId_}`, show_type: 2 }; window.sa &&
window.sa.track("plugin_common", trackData); }); } 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 : '..'}
Checkout
`; })()}
Someone in Somewhere purchased
Oversized Tiffany & Co. Print V Neck Sweatshirt
40 minutes ago
Someone
recently purchased
See detail
$0.00
Quantity
1
Ends in:
0
0
:
0
0
:
0
€0.00
Buy now
Buy now
Originaltext
Diese Übersetzung bewerten
Mit deinem Feedback können wir Google Übersetzer weiter verbessern