Free shipping over $39.99
Free shipping over $39.99
Free shipping over $39.99
Free shipping over $39.99
imilkjoy
Search
Account
Log in
Create an account
0
Cart
Close
New
Phone cases
Phone cases
Phone Model
Phone Model
iPhone 15 Series Cases
iPhone 14 Series
iPhone 13promax
iPhone 13pro
iPhone 13
iPhone 12promax
iPhone 12pro
iPhone 12mini
iPhone 12
iPhone 11promax
iPhone 11pro
iPhone 11
iPhone XSMAX
iPhone X/XS
iPhone 7P/8P
iPhone 7/8/SE
Phone Style
Phone Style
Cute Phone Case
Cool phone case
Flower Phone Case
Plush Phone Case
Liquid Phone Case
Phone Stand Case
Chain Phone Case
Anime Phone Case
High Luxury Phone Case
Phone Accessories
Phone Accessories
Phone Holder
Airpods Case
Laptop Bag
Mouse Pad
Ipad Cases
Switch Cases
Stationery
Stationery
Notebooks
Notebooks
Journal
Notebook
Mini Diary
Kawaii Planner
6 Ring Binder
Paper Refill
Pen
Sticker
Sticker
Korea Kawaii Stickers
Sugar Poetry Kawaii Stickers
Pencil Case
Washi Tapes
Sticky Note
Memo
Others
Others
Calendars
Stamps
Bookmark
Eraser
Paperclip
Pen Holder
Accessories
Accessories
Kawaii Jewelry
Kawaii Jewelry
Resin Earrings
Kawaii Earring
Kawaii Bracelets
Kawaii Necklace
Kawaii Rings
Choker&Collar
Cute Jewelry Box
Enamel Vow Jewelry Box
Bags
Bags
Tote Bags
Backpack
Shoulder Bag
Wallet&purse
Storage bag&box
Plush Bags
Passport
Baggage tag
Card cover
Sanitary pad
Fashionable Luxurious Bling Bag
Quality Cute Bags
Kawaii Socks
Kawaii Socks
Floor Socks
Short Socks
Hair Accessories
Hair Accessories
Headband
Hair Clips
Headrope
Kawaii Keychain
Kawaii Keychain
Pendant
Pins & Brooches
Glasses
Home
Home
Pet
Pet
Pet Collar
Pet Clothes
Pet Leash
Water Bottle
Water Bottle
🧊Ice Molds
Umbrella
Kawaii Slippers
Kawaii Slippers
Plush Slippers
Pillow
Indoors
Indoors
Kawaii Light
Tapestry
Fridge Magnet
Towel
Carpet
Kawaii Bedding Set
Clothing
Clothing
Tee
Kawaii Shorts
Shoes
Kawaii Dresses
Sweater & Hoodies
Underwear
Scarves
Gloves
Kawaii Hat&Cap
Cute Gifts
Cute Gifts
Kawaii Box
Kawaii Box
Kawaii Character
KEME LIFE
DOORO BEAR
BLIND BOX
Kawaii Plush
Party
Kawaii Toy
Greeting Card
Piggy Bank
Gift Bag
Kawaii Theme
Kawaii Theme
Kawaii Animals
Kawaii Animals
Kawaii Bunny
Kawaii Bear
Kawaii Puppy
Kawaii Cat
Kawaii Sheep
Kawaii Panda
Kawaii Unicorn
Kawaii Piggy
Kawaii Hamster
Kawaii Duck
Kawaii Dinosaur
Kawaii Fruit
Kawaii Fruit
Strawberry
Cherry
Avocado
BENTOY
Milk Tea
Sakura
LuxeCraft Treasures
LuxeCraft Treasures
High Luxury Series iPhone Case
Fashionable Luxurious Bling Bag
Enamel Vow Jewelry Box
Log in
New
Phone cases
Phone Model
iPhone 15 Series Cases
iPhone 14 Series
iPhone 13promax
iPhone 13pro
iPhone 13
iPhone 12promax
iPhone 12pro
iPhone 12mini
iPhone 12
iPhone 11promax
iPhone 11pro
iPhone 11
iPhone XSMAX
iPhone X/XS
iPhone 7P/8P
iPhone 7/8/SE
Phone Style
Cute Phone Case
Cool phone case
Flower Phone Case
Plush Phone Case
Liquid Phone Case
Phone Stand Case
Chain Phone Case
Anime Phone Case
High Luxury Phone Case
Phone Accessories
Phone Holder
Airpods Case
Laptop Bag
Mouse Pad
Ipad Cases
Switch Cases
Stationery
Notebooks
Journal
Notebook
Mini Diary
Kawaii Planner
6 Ring Binder
Paper Refill
Pen
Sticker
Korea Kawaii Stickers
Sugar Poetry Kawaii Stickers
Pencil Case
Washi Tapes
Sticky Note
Memo
Others
Calendars
Stamps
Bookmark
Eraser
Paperclip
Pen Holder
Accessories
Kawaii Jewelry
Resin Earrings
Kawaii Earring
Kawaii Bracelets
Kawaii Necklace
Kawaii Rings
Choker&Collar
Cute Jewelry Box
Enamel Vow Jewelry Box
Bags
Tote Bags
Backpack
Shoulder Bag
Wallet&purse
Storage bag&box
Plush Bags
Passport
Baggage tag
Card cover
Sanitary pad
Fashionable Luxurious Bling Bag
Quality Cute Bags
Kawaii Socks
Floor Socks
Short Socks
Hair Accessories
Headband
Hair Clips
Headrope
Kawaii Keychain
Pendant
Pins & Brooches
Glasses
Home
Pet
Pet Collar
Pet Clothes
Pet Leash
Water Bottle
🧊Ice Molds
Umbrella
Kawaii Slippers
Plush Slippers
Pillow
Indoors
Kawaii Light
Tapestry
Fridge Magnet
Towel
Carpet
Kawaii Bedding Set
Clothing
Tee
Kawaii Shorts
Shoes
Kawaii Dresses
Sweater & Hoodies
Underwear
Scarves
Gloves
Kawaii Hat&Cap
Cute Gifts
Kawaii Box
Kawaii Character
KEME LIFE
DOORO BEAR
BLIND BOX
Kawaii Plush
Party
Kawaii Toy
Greeting Card
Piggy Bank
Gift Bag
Kawaii Theme
Kawaii Animals
Kawaii Bunny
Kawaii Bear
Kawaii Puppy
Kawaii Cat
Kawaii Sheep
Kawaii Panda
Kawaii Unicorn
Kawaii Piggy
Kawaii Hamster
Kawaii Duck
Kawaii Dinosaur
Kawaii Fruit
Strawberry
Cherry
Avocado
BENTOY
Milk Tea
Sakura
LuxeCraft Treasures
High Luxury Series iPhone Case
Fashionable Luxurious Bling Bag
Enamel Vow Jewelry Box
More links
Creators Share- shaunychu-2021-04-26 18:52:10
0 Products
</div> <div class="tw-bg-body md:tw-sticky md:tw-top-0 collection__sticky tw-z-sticky md:tw-mb-3"> <div class="collection__list_panel md:tw-container tw-flex tw-justify-between md:tw-flex-wrap md:tw-py-[14px] lg:tw-pb-6"> <span class="tw-mr-auto tw-flex tw-items-center tw-justify-center product_number md:tw-hidden">0 Products</span> <div class="collection__filter_select-wrapper tw-relative md:tw-hidden tw-flex tw-items-center tw-justify-center tw-pr-6 tw-border-0 tw-border-solid tw-border-r tw-border-line tw-mr-6 tw-my-[-9px]"> <select name="SortBy" class="collection_sort_by tw-text-body-font-size type-body-font-family tw-appearance-none tw-cursor-pointer tw-select-none tw-w-full tw-h-full tw-border-none tw-block tw-px-2 tw-pr-7" style="background-color: inherit; color: inherit;" value="manual"> <option selected value="manual">Featured</li> <option value="price-ascending">Price, low to high</li> <option value="price-descending">Price, high to low</li> <option value="published-descending">Newest in</li> <option value="best-selling">Total sales, high to low</li> <option value="add_to_cart_count">Purchases, high to low</li> <option value="views">Page views, high to low</li> </select> <svg class="tw-absolute tw-right-[34px] tw-pointer-events-none tw-scale-[1.3]" width="12" height="8" xmlns="http://www.w3.org/2000/svg"><path d="M11.394 1.505a.7.7 0 0 1 .074.903l-.074.087-4.95 4.95a.697.697 0 0 1-.387.197l-.107.008a.698.698 0 0 1-.408-.131l-.087-.074-4.95-4.95a.7.7 0 0 1 .903-1.064l.087.074 4.454 4.454 4.456-4.454a.7.7 0 0 1 .99 0z" fill="currentColor"/></svg> </div> <div class="collection_filter_inner tw-flex tw-justify-between tw-items-center md:tw-w-full"> <style> .collection__filter_modal:before { content: ''; position: absolute; top: 0; width: 100%; height: 100%; background: rgba(41, 41, 41, 0.4); } .collection__filter_modal [data-ul]:not(.is-active){ visibility: hidden; height: 100%; overflow: hidden; } .collection__filter_modal [data-current-levels='1']{ transform: translateX(0); } .collection__filter_modal [data-current-levels='2']{ transform: translateX(-100%); } </style> <button type="button" class="lg:tw-hidden tw-flex tw-items-center tw-p-[10px] tw-body-plus-2 tw-leading-none tw-font-medium type-body-font-family tw-rounded-btn tw-bg-body tw-text-center tw-text-body-color tw-border tw-border-solid tw-cursor-pointer tw-border-line collection__filter_modal_btn"> <svg class="tw-flex tw-pointer-events-none tw-text-current" width="14" height="14" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M.5 2.7a.3.3 0 0 1 .3-.3h5.4a.3.3 0 0 1 .3.3v.6a.3.3 0 0 1-.3.3H.8a.3.3 0 0 1-.3-.3v-.6zm0 4a.3.3 0 0 1 .3-.3h12.4a.3.3 0 0 1 .3.3v.6a.3.3 0 0 1-.3.3H.8a.3.3 0 0 1-.3-.3v-.6zm.3 3.7a.3.3 0 0 0-.3.3v.6a.3.3 0 0 0 .3.3h9.4a.3.3 0 0 0 .3-.3v-.6a.3.3 0 0 0-.3-.3H.8z" fill="currentColor"/></svg> <span class=" tw-pl-2 tw-leading-none tw-text-current"> Sort </span> </button> <div class="collection__filter_modal collection__form_wrap tw-fixed tw-inset-0 tw-z-modal-backdrop tw-hidden"> <div class="collection__modal_content tw-absolute tw-top-1/4 tw-bottom-0 tw-right-0 tw-left-0 tw-bg-body tw-z-modal tw-flex tw-flex-col tw-translate-y-full tw-transition-transform tw-delay-300 tw-overscroll-hidden"> <div class="collection__modal_header tw-flex-shrink-0 tw-h-15 tw-relative tw-flex tw-justify-center tw-items-center tw-bg-body tw-z-10"> <span class="tw-text-lg tw-font-medium"> Sort </span> <i class="filter_modal_close tw-absolute tw-top-3 tw-right-4 tw-flex tw-justify-center tw-items-center tw-cursor-pointer tw-w-8 tw-h-8 tw-rounded-full active:tw-bg-[#f8f8f8]"> <svg class="tw-scale-90" width="22" height="22" xmlns="http://www.w3.org/2000/svg"><path d="M5.034 3.652a.367.367 0 0 0-.518 0l-.864.864a.367.367 0 0 0 0 .519l5.963 5.963-5.963 5.963a.367.367 0 0 0 0 .519l.864.864a.367.367 0 0 0 .518 0l5.964-5.963 5.963 5.963a.367.367 0 0 0 .519 0l.864-.864a.367.367 0 0 0 0-.519l-5.964-5.963 5.964-5.963a.367.367 0 0 0 0-.519l-.864-.864a.367.367 0 0 0-.519 0l-5.963 5.963-5.964-5.963z" fill="currentColor"/></svg> </i> </div> <form class="collection__form collection__form_md tw-mt-3 tw-flex-1 tw-overflow-x-hidden tw-overscroll-y-auto"> <div class="tw-relative tw-transition-all tw-duration-300" data-current-levels="1"> <ul class="tw-box-border tw-list-none tw-w-full tw-p-0 tw-m-0 tw-absolute tw-top-0 tw-transition-all tw-duration-300 is-active" data-ul='filter_content' data-levels="1"> <div class="tw-flex tw-flex-shrink-0 md:tw-justify-between tw-pt-3 md:tw-py-10 md:tw-px-4"> <div class=" lg:tw-pr-5 lg:tw-body-plus-2 md:tw-text-lg lg:tw-leading-10 md:tw-leading-none">Sort by</div> <div class="tw-relative"> <select class="lg:tw-h-10 lg:tw-pl-3 tw-pr-[46px] tw-body-plus-4 lg:tw-leading-none tw-text-text-font-size type-body-font-family md:tw-text-right md:tw-border-none md:tw-bg-transparent lg:tw-secondary-select tw-appearance-none collection_sort_by"> <option name="sort_by" value="manual" selected > Featured </option> <option name="sort_by" value="price-ascending" > Price, low to high </option> <option name="sort_by" value="price-descending" > Price, high to low </option> <option name="sort_by" value="published-descending" > Newest in </option> <option name="sort_by" value="best-selling" > Total sales, high to low </option> <option name="sort_by" value="add_to_cart_count" > Purchases, high to low </option> <option name="sort_by" value="views" > Page views, high to low </option> </select> <svg class="tw-absolute tw-flex tw-top-1/2 md:tw-right-0 lg:tw-right-3 tw-transform tw--translate-y-1/2 tw-rotate-90 tw-pointer-events-none arrow" width="22" height="22" xmlns="http://www.w3.org/2000/svg"><path d="M14.576 10.573a.6.6 0 0 1 0 .849L8.99 17.008a.3.3 0 0 1-.424 0l-.51-.51a.3.3 0 0 1 0-.424l5.078-5.077L8.057 5.92a.3.3 0 0 1 0-.424l.509-.509a.3.3 0 0 1 .424 0l5.586 5.586z" fill="currentColor"/></svg> </div> </div> </ul> </div> </form> <div class="filter_footer tw-flex-shrink-0 tw-flex tw-justify-center tw-items-center tw-pt-5 tw-pb-8 tw-px-4 lg:tw-px-[30px] tw-bg-body tw-border-0 tw-border-t tw-border-solid tw-border-btn-color tw-z-10"> <button class="collection__filter_clear_all tw-w-1/2 tw-h-[52px] tw-p-0 tw-text-lg tw-leading-none tw-font-medium type-body-font-family tw-bg-body tw-text-center tw-text-body-color tw-border tw-border-solid tw-border-line tw-cursor-pointer tw-rounded-btn active:tw-bg-[#f8f8f8] active:tw-border-transparent">Clear all</button> <button class="collection__filter_apply filter_modal_close tw-w-1/2 tw-h-[52px] tw-ml-5 tw-p-0 tw-text-lg tw-leading-none tw-font-medium type-body-font-family tw-primary-btn tw-rounded-btn active:tw-opacity-90">Apply</button> </div> </div> </div> <div class="tw-space-x-4 tw-text-primary-btn tw-flex tw-justify-end tw-flex-1"> <i class="icon_layout icon_layout_large tw-cursor-pointer tw-border-none tw-bg-transparent tw-flex tw-items-center tw-justify-center" data-layout="large"> <svg class="tw-opacity-[0.15] hover:lg:tw-opacity-40" width="20" height="20" xmlns="http://www.w3.org/2000/svg"><path d="M0 0h20v20H0z" fill-rule="evenodd" fill="currentColor"/></svg> </i> <i class="icon_layout icon_layout_small tw-cursor-pointer tw-border-none tw-bg-transparent tw-flex tw-items-center tw-justify-center" data-layout="small"> <svg class="tw-opacity-[0.15] hover:lg:tw-opacity-40" width="20" height="20" xmlns="http://www.w3.org/2000/svg"><path d="M9 11v9H0v-9h9zm11 0v9h-9v-9h9zM9 0v9H0V0h9zm11 0v9h-9V0h9z" fill="currentColor"/></svg> </i> <i class="icon_layout icon_layout_list tw-cursor-pointer tw-border-none tw-bg-transparent tw-flex tw-items-center tw-justify-center" data-layout="list"> <svg class="tw-opacity-[0.15] hover:lg:tw-opacity-40" width="20" height="20" xmlns="http://www.w3.org/2000/svg"><path d="M20 14.7V20H.047v-5.3H20zm-.047-7.351v5.4H0v-5.4h19.953zm0-7.349v5.4H0V0h19.953z" fill="currentColor"/></svg> </i> </div> </div> </div> </div> <div id="collection__wrapper"> <ul class="md:tw-container collection_list tw-m-0 tw-p-0 tw-list-none tw-grid tw-grid-cols-2 tw-gap-x-5 tw-gap-y-7 small_desktop_column tw-transition-opacity tw-duration-500 tw-ease-linear" data-layout="small"> </ul> <div class="collection-no-data tw-body-plus-2 tw-leading-1.5 tw-py-[64px] lg:tw-py-[116px] tw-text-center tw-m-auto "> Sorry, there are no products in this collection. </div> </div> <script id="tpl-pagination" type="text/html"> <div class="sep-pagination tw-flex tw-justify-center tw-items-center tw-flex-wrap"> <a class="sep-pagination__link tw-flex-shrink-0 tw-cursor-pointer <% if (page == 1) { %>tw-opacity-0<% } %> tw-transition-transform tw-transform hover:tw-scale-110 tw-bg-primary-btn tw-text-primary-btn-color tw-rounded-full tw-w-[46px] tw-h-[46px] tw-flex tw-items-center tw-justify-center sep-pagination__prev tw-box-border tw-mr-3" data-page="<%= page-1 %>"><svg class="" width="8" height="12" xmlns="http://www.w3.org/2000/svg"><path d="M6.62.73a.7.7 0 0 0-.904-.074L5.63.73.68 5.68a.697.697 0 0 0-.197.388l-.008.107c0 .143.044.287.131.408l.074.087 4.95 4.95a.7.7 0 0 0 1.063-.904l-.073-.086-4.454-4.454L6.62 1.72a.7.7 0 0 0 0-.99z" fill="currentColor"/></svg></a> <% if (total <= delimiterPageSize) { %> <% for(var i = 1;i <= total;i++){ %> <a class="sep-pagination__link tw-px-4 tw-text-body-color tw-flex tw-items-center tw-justify-center tw-no-underline tw-box-border <%= (page==i?"tw-opacity-40 tw-cursor-auto":"tw-cursor-pointer") %>" data-page="<%= i %>"><%= i %></a> <% } %> <% } else { %> <a class="sep-pagination__link tw-px-4 tw-text-body-color tw-flex tw-items-center tw-justify-center tw-no-underline tw-box-border <%= (page==1?"tw-opacity-40 tw-cursor-auto":"tw-cursor-pointer") %>" data-page="1">1</a> <% if(page > 4){ %> <span class="sep-pagination__more tw-px-4 tw-text-body-color tw-box-border">...</span> <% } %> <% for(var i = $imports.clamp(page - 2, 2, total - 3);i <= $imports.clamp(page + 2, 2, total - 1) ;i++){ %> <a class="sep-pagination__link tw-px-4 tw-text-body-color tw-flex tw-items-center tw-justify-center tw-no-underline tw-box-border <%= (page==i?"tw-opacity-40 tw-cursor-auto":"tw-cursor-pointer") %>" data-page="<%= i %>"><%= i %></a> <% } %> <% if(page < total - 3){ %> <span class="sep-pagination__more tw-px-4 tw-text-body-color tw-box-border">...</span> <% } %> <a class="sep-pagination__link tw-px-4 tw-text-body-color tw-flex tw-items-center tw-justify-center tw-no-underline tw-box-border <%= (page==total?" tw-opacity-40 tw-cursor-auto":"tw-cursor-pointer") %>" data-page="<%= total %>"><%= total %></a> <% } %> <a class="sep-pagination__link tw-flex-shrink-0 tw-cursor-pointer <% if (page == total) { %>tw-opacity-0<% } %> tw-transition-transform tw-transform hover:tw-scale-110 tw-bg-primary-btn tw-text-primary-btn-color tw-rounded-full tw-w-[46px] tw-h-[46px] tw-flex tw-items-center tw-justify-center tw-no-underline sep-pagination__next tw-ml-3 tw-box-border" data-page="<%= page+1 %>"><svg class="" width="8" height="12" xmlns="http://www.w3.org/2000/svg"><path d="M1.505.606a.7.7 0 0 1 .903-.074l.087.074 4.95 4.95c.11.109.175.245.197.387l.008.107a.698.698 0 0 1-.131.408l-.074.087-4.95 4.95a.7.7 0 0 1-1.064-.903l.074-.087 4.454-4.454-4.454-4.456a.7.7 0 0 1 0-.99z" fill="currentColor"/></svg></a> </div> </script> <script type="text/javascript"> $(function() { $.fn.pagination = function(opt) { opt = $.extend( { labelPrev: '', labelNext: '', labelPageSize: '{} items per page', pageSize: 10, delimiterPageSize: 4, // > 4页,显示... onChange: function() {} }, opt ); template.defaults.imports.clamp = function(target, lower, upper) { return target > lower ? (target < upper ? target : upper) : lower; }; var $this = this; $this.off("pagination-change").on("pagination-change",opt.onChange); this.html(template('tpl-pagination', opt)).off('click', '.sep-pagination__link').on('click', '.sep-pagination__link', function(e) { var page = parseInt(e.currentTarget.getAttribute('data-page'), 10); if(page < 1 || page > opt.total) return; opt.page = page; $this.html(template('tpl-pagination', opt)).trigger('pagination-change', { page: page }); }); return this; }; }) </script> <div class="collection-pagination md:tw-container tw-mt-[30px] lg:tw-mt-[60px] md:tw-mb-5 tw-hidden "></div> </div> </div> <script id="collection-art-tpl" type="text/html"> <% for (var i = 0; i < products.length; i++) { %> <% include ('product_art_tpl', { url: '/collections/creators-share', product: products[i], item_class: item_class }) %> <% } %> </script> </div><div id="shoplaza-section-1539149755242" class="shoplaza-section card-spacing" data-section-id="1539149755242" data-section-type="recently_view" data-section-style=""> <div class="recently-view hide-scrollbar lazyload" id="recently-view-1539149755242"></div> <script id="recently-view-art-tpl" type="text/html"> <div class="tw-title-xs type-title-font-family title-transform tw-container">Recently viewed</div> <div class="lg:tw-container tw-overflow-hidden"> <div class="tw-mx-[-6px]"> <div class="recently-view__list tw-flex md:tw-overflow-x-scroll tw-pt-[26px] lg:tw-pt-10 md:tw-px-4" data-track="recently_view"> <% for(var i = 0; i < products.length; i++) { %> <div class="recently-view__item tw-flex-shrink-0 tw-w-2/5 lg:tw-w-[14.285%] tw-px-[6px]"> <% include ('product_art_tpl', { product: products[i], item_class: 'tw-h-full' }) %> </div> <% } %> </div> </div> </div> </script> </div></div> <div id="shoplaza-section-footer_promotions" class="shoplaza-section" data-section-id="footer_promotions" data-section-type="footer_promotions" data-section-style=""> </div> <div id="shoplaza-section-footer" class="shoplaza-section" data-section-id="footer" data-section-type="footer" data-section-style="expand"> <style> [data-section-id="footer"] .footer-copyright p, .sub_heading p{ margin: 0;} [data-section-id="footer"] .is-focus .footer-newsletter__label{ top: 0px; font-size: 12px; } [data-section-id="footer"] .newsletter__err::before{ content: ''; position: absolute; left: 20px; bottom: calc(100% - 6px); width: 0; height: 0; color: var(--color-body-text); border: 6px solid transparent; border-top-color: white; z-index: 2; } [data-section-id="footer"] .newsletter__err::after{ box-sizing: border-box; content: attr(errMsg); position: absolute; bottom: calc(100% + 6px); left: 0; line-height: 1.3; padding: 16px 20px; color: var(--color-body-text); background-color: white; border-radius: 4px; box-shadow: 0px 0px 8px 0px rgba(195,195,195,0.50); font-size: var(--type-body-font-size); z-index: 1; } [data-section-id="footer"] .input_email::-webkit-input-placeholder { color: var(--color-body-text); } @media (min-width: 960px) { [data-section-id="footer"] .icon_margin_top{ margin-top: calc(var(--type-body-font-size) / 2 * (var(--type-body-line-height) - 1)); } } @media (max-width: 959.98px){ [data-section-id="footer"] .is-open .footer_tab_title i{ transform: rotate(0deg) } [data-section-id="footer"] .footer_tab_wrap ~ .footer_tab_wrap{ border-top: 1px solid var(--color-footer-border); } } </style> <div class="tw-border-0 tw-border-b tw-border-solid tw-w-full tw-border-line md:tw-mb-[30px]"></div> <div class="tw-container tw-flex md:tw-flex-col tw-justify-center tw-items-center lg:tw-pt-8 tw-mb-[30px] md:tw-px-8"> <div class="lg:tw-mx-10 md:tw-mb-5 tw-body-plus-2 tw-font-bold tw-text-center">Subscribe today to hear first about our sales</div> <div class="email tw-relative tw-flex tw-justify-center tw-items-stretch md:tw-w-full "> <div class="email_input tw-relative md:tw-inline-block md:tw-w-full"> <input type="email" class="input_email tw-rounded-btn footer__email tw-rounded-r-none tw-border-r-0 tw-text-body-color tw-box-border tw-border tw-border-solid tw-border-line lg:tw-w-[200px] md:tw-w-full focus:tw-border-body-color tw-h-full tw-text-body-font-size tw-px-4 tw-leading-[19px] md:tw-leading-11 tw-bg-white" placeholder="Enter your email" /> </div> <div> <button type="submit" class="submitBtn footer__btn tw-rounded-r-btn tw-body-plus-2 tw-m-0 md:tw-w-[58px] md:tw-min-h-[44px] md:tw-flex md:tw-items-center md:tw-h-[calc(var(--type-body-font-size)*1.4+22px)] tw-py-[11px] tw-px-[18px] tw-border-none tw-primary-btn tw-leading-1.4 tw-font-bold"> <span class="md:tw-hidden">Subscribe</span> <svg class="lg:tw-hidden tw-text-primary-btn-color arrow__rotate" width="20" height="6" xmlns="http://www.w3.org/2000/svg"><path d="m14 0 6 3-6 3V4H0V2h14V0z" fill="currentColor"/></svg> </button> </div> </div> <div class="thanks tw-hidden md:tw-w-full tw-text-left tw-py-[6px] tw-px-3 tw-bg-[#ECFEF0] tw-text-[#56AD6A] tw-border tw-border-solid tw-border-[#56AD6A]">Thanks for subscribing</div> </div> <div class="tw-border-0 tw-border-t tw-border-solid tw-w-full tw-border-footer "></div> <div class="tw-bg-footer md:tw-body-plus-2 md:tw-leading-1.4 footer-content"> <div class="tw-container tw-flex lg:tw-justify-center tw-flex-wrap md:tw-text-center lg:tw-pt-[50px] lg:tw-pb-2 lg:tw-space-x-18 tw-text-footer-color"> <div class="footer__touch md:tw-w-full lg:tw-max-w-[210px] md:tw-py-1 lg:tw-mb-6 footer_tab_wrap "> <div class="md:tw-relative md:tw-px-[30px] md:tw-py-5 lg:tw-mb-4 tw-font-bold tw-break-words md:tw-cursor-pointer footer_tab_title"> Support <i class="tw-absolute tw-top-0 tw-right-0 tw-flex lg:tw-hidden tw-items-center tw-h-full tw-transform tw-rotate-180 tw-transition-transform tw-duration-300"><svg class="" width="14" height="12" xmlns="http://www.w3.org/2000/svg"><path d="M12.769 9.036a.758.758 0 0 1-1.072 0L7.283 4.623 2.87 9.036l-.094.08a.759.759 0 0 1-.979-1.152l4.945-4.945a.756.756 0 0 1 1.082 0l4.945 4.945.08.094a.759.759 0 0 1-.08.978z" fill="currentColor"/></svg></i> </div> <ul class="tw-p-0 tw-m-0 md:tw-pb-5 md:tw-space-y-[18px] md:tw-hidden footer_tab_content"> <li class="tw-list-none lg:tw-mb-2"> <a class="tw-no-underline tw-cursor-pointer tw-text-footer-color tw-break-words" href="/pages/about-us" > About Us </a> </li> <li class="tw-list-none lg:tw-mb-2"> <a class="tw-no-underline tw-cursor-pointer tw-text-footer-color tw-break-words" href="/pages/✈-shipping-info" > Shipping Info </a> </li> <li class="tw-list-none lg:tw-mb-2"> <a class="tw-no-underline tw-cursor-pointer tw-text-footer-color tw-break-words" href="/pages/new-tax-policies-for-eu-countries" > New Tax Policies For EU Countries </a> </li> <li class="tw-list-none lg:tw-mb-2"> <a class="tw-no-underline tw-cursor-pointer tw-text-footer-color tw-break-words" href="/pages/returns-exchanges" > Return & Exchange </a> </li> <li class="tw-list-none lg:tw-mb-2"> <a class="tw-no-underline tw-cursor-pointer tw-text-footer-color tw-break-words" href="/pages/privacy-policy" > Privacy Policy </a> </li> <li class="tw-list-none lg:tw-mb-2"> <a class="tw-no-underline tw-cursor-pointer tw-text-footer-color tw-break-words" href="/pages/contact-us" > Contact Us </a> </li> <li class="tw-list-none lg:tw-mb-2"> <a class="tw-no-underline tw-cursor-pointer tw-text-footer-color tw-break-words" href="/pages/cancel-order" > Cancel Order </a> </li> <li class="tw-list-none lg:tw-mb-2"> <a class="tw-no-underline tw-cursor-pointer tw-text-footer-color tw-break-words" href="/pages/wholesale" > Wholesale </a> </li> </ul> </div> <div class="footer__touch md:tw-w-full lg:tw-max-w-[210px] md:tw-py-1 lg:tw-mb-6 footer_tab_wrap "> <div class="md:tw-relative md:tw-px-[30px] md:tw-py-5 lg:tw-mb-4 tw-font-bold tw-break-words md:tw-cursor-pointer footer_tab_title"> imilkjoy <i class="tw-absolute tw-top-0 tw-right-0 tw-flex lg:tw-hidden tw-items-center tw-h-full tw-transform tw-rotate-180 tw-transition-transform tw-duration-300"><svg class="" width="14" height="12" xmlns="http://www.w3.org/2000/svg"><path d="M12.769 9.036a.758.758 0 0 1-1.072 0L7.283 4.623 2.87 9.036l-.094.08a.759.759 0 0 1-.979-1.152l4.945-4.945a.756.756 0 0 1 1.082 0l4.945 4.945.08.094a.759.759 0 0 1-.08.978z" fill="currentColor"/></svg></i> </div> <ul class="tw-p-0 tw-m-0 md:tw-pb-5 md:tw-space-y-[18px] md:tw-hidden footer_tab_content"> <li class="tw-list-none lg:tw-mb-2"> <a class="tw-no-underline tw-cursor-pointer tw-text-footer-color tw-break-words" href="/collections/new-arrival" > New </a> </li> <li class="tw-list-none lg:tw-mb-2"> <a class="tw-no-underline tw-cursor-pointer tw-text-footer-color tw-break-words" href="/collections/cute-iphone-cases-adorable-iphone-cases" > Phone cases </a> </li> <li class="tw-list-none lg:tw-mb-2"> <a class="tw-no-underline tw-cursor-pointer tw-text-footer-color tw-break-words" href="/collections/stationery" > Stationery </a> </li> <li class="tw-list-none lg:tw-mb-2"> <a class="tw-no-underline tw-cursor-pointer tw-text-footer-color tw-break-words" href="/collections/accessories" > Accessories </a> </li> <li class="tw-list-none lg:tw-mb-2"> <a class="tw-no-underline tw-cursor-pointer tw-text-footer-color tw-break-words" href="/collections/home" > Home </a> </li> <li class="tw-list-none lg:tw-mb-2"> <a class="tw-no-underline tw-cursor-pointer tw-text-footer-color tw-break-words" href="/collections/kawaii-clothing" > Clothing </a> </li> <li class="tw-list-none lg:tw-mb-2"> <a class="tw-no-underline tw-cursor-pointer tw-text-footer-color tw-break-words" href="/collections/cute-gifts" > Cute Gifts </a> </li> <li class="tw-list-none lg:tw-mb-2"> <a class="tw-no-underline tw-cursor-pointer tw-text-footer-color tw-break-words" href="/collections/kawaii-theme" > Kawaii Theme </a> </li> <li class="tw-list-none lg:tw-mb-2"> <a class="tw-no-underline tw-cursor-pointer tw-text-footer-color tw-break-words" href="/collections/luxecraft-treasures" > LuxeCraft Treasures </a> </li> </ul> </div> <div class="footer__touch md:tw-w-full lg:tw-max-w-[210px] tw-border-box lg:tw-mb-6 contact footer_tab_wrap "> <div class="tw-flex tw-flex-col lg:tw-space-y-2 md:tw-py-1 footer_tab_wrap "> <div class="contact_item lg:tw-mb-2 tw-font-bold md:tw-relative md:tw-py-5 tw-break-words footer_tab_title contact_item_half_width "> Get in touch <i class="tw-absolute tw-top-0 tw-right-0 tw-flex lg:tw-hidden tw-items-center tw-h-full tw-transform tw-rotate-180 tw-transition-transform tw-duration-300"><svg class="" width="14" height="12" xmlns="http://www.w3.org/2000/svg"><path d="M12.769 9.036a.758.758 0 0 1-1.072 0L7.283 4.623 2.87 9.036l-.094.08a.759.759 0 0 1-.979-1.152l4.945-4.945a.756.756 0 0 1 1.082 0l4.945 4.945.08.094a.759.759 0 0 1-.08.978z" fill="currentColor"/></svg></i> </div> <div class="md:tw-pb-5 lg:tw-mb-2 lg:tw-space-y-2 md:tw-space-y-[18px] md:tw-hidden footer_tab_content"> <div class="md:tw-inline-block lg:tw-flex tw-flex-col lg:tw-space-y-2 md:tw-space-y-[18px]"> <a class="contact_item tw-text-current tw-cursor-pointer tw-flex tw-items-start contact_item_half_width " target="_blank" href="https://www.imilkjoy.com/pages/contact-us" > <svg class="footer__phone tw-mr-2 tw-flex-shrink-0 icon_margin_top" width="20" height="19" xmlns="http://www.w3.org/2000/svg"><path d="M20 3v14H0V3h20zm-6.739 7.445-.907.909a.5.5 0 0 1-.275.14L12 11.5H8a.5.5 0 0 1-.294-.095l-.06-.051-.874-.875L1.646 16H18.42l-5.159-5.555zM1 4.707v10.518l5.064-5.454L1 4.707zm18-.001-5.031 5.031L19 15.155V4.706zM18.292 4H1.707l6.5 6.5h3.585l6.5-6.5z" fill="currentColor"/></svg> <span class="tw-my-auto">Email us</span> </a> <a class="contact_item tw-text-current tw-cursor-pointer tw-flex tw-items-start contact_item_half_width " target="_blank" href="https://www.facebook.com/profile.php?id=61550871770218" > <svg class="footer__phone tw-mr-2 tw-flex-shrink-0 icon_margin_top" width="20" height="19" xmlns="http://www.w3.org/2000/svg"><path d="M16 .3a3 3 0 0 1 3 3v8a3 3 0 0 1-3 3h-.523v4.092L11.385 14.3H4a3 3 0 0 1-3-3v-8a3 3 0 0 1 3-3h12zm0 1H4a2 2 0 0 0-1.995 1.85L2 3.3v8a2 2 0 0 0 1.85 1.995L4 13.3h7.8l2.677 2.678V13.3H16a2 2 0 0 0 1.995-1.85L18 11.3v-8a2 2 0 0 0-1.85-1.995L16 1.3z" fill="currentColor"/></svg> <span class="tw-my-auto">Live chat</span> </a> </div> </div> </div> <div class="md:tw-py-1 lg:tw-mt-5 footer_tab_wrap "> <div class="tw-font-bold md:tw-relative md:tw-py-5 tw-break-words footer_tab_title"> Follow us <i class="tw-absolute tw-top-0 tw-right-0 tw-flex lg:tw-hidden tw-items-center tw-h-full tw-transform tw-rotate-180 tw-transition-transform tw-duration-300"><svg class="" width="14" height="12" xmlns="http://www.w3.org/2000/svg"><path d="M12.769 9.036a.758.758 0 0 1-1.072 0L7.283 4.623 2.87 9.036l-.094.08a.759.759 0 0 1-.979-1.152l4.945-4.945a.756.756 0 0 1 1.082 0l4.945 4.945.08.094a.759.759 0 0 1-.08.978z" fill="currentColor"/></svg></i> </div> <div class="md:tw-pb-5 md:tw-mt-[-18px] md:tw-hidden footer_tab_content"> <div class="tw-flex tw-flex-wrap md:tw-mx-[-10px] md:tw-justify-center"> <a class="footer__share_icon tw-flex tw-text-current md:tw-mx-[10px] lg:tw-mr-4 lg:tw-mt-4 tw-mt-[18px]" href="https://www.instagram.com/milkjoy37/" target="_blank" data-track-href="https://www.instagram.com/milkjoy37/" data-track-event="jumpAddress" > <svg class="" width="20" height="20" xmlns="http://www.w3.org/2000/svg"><path d="M13.556 2H6.444A4.444 4.444 0 0 0 2 6.444v7.112A4.444 4.444 0 0 0 6.444 18h7.112A4.444 4.444 0 0 0 18 13.556V6.444A4.444 4.444 0 0 0 13.556 2zm2.888 11.556a2.898 2.898 0 0 1-2.888 2.888H6.444a2.898 2.898 0 0 1-2.888-2.888V6.444a2.898 2.898 0 0 1 2.888-2.888h7.112a2.898 2.898 0 0 1 2.888 2.888v7.112zm-1.333-7.778a.889.889 0 1 1-1.778 0 .889.889 0 0 1 1.778 0zM10 6a4 4 0 1 0 4 4 3.991 3.991 0 0 0-4-4zm0 6.444a2.444 2.444 0 1 1 0-4.888 2.444 2.444 0 0 1 0 4.888z" fill="currentColor"/></svg> </a> <a class="footer__share_icon tw-flex tw-text-current md:tw-mx-[10px] lg:tw-mr-4 lg:tw-mt-4 tw-mt-[18px]" href="https://www.facebook.com/imilkjoy/" target="_blank" data-track-href="https://www.facebook.com/imilkjoy/" data-track-event="jumpAddress" > <svg class="" width="20" height="20" xmlns="http://www.w3.org/2000/svg"><path d="M11.605 2c-.48 0-.932.057-1.464.283-1.092.48-1.624 1.555-1.624 3.279V7.23H7V10h1.517v8h3.088v-8h2.102L14 7.23h-2.395V5.986c0-.396.026-.679.133-.82.133-.254.399-.367.825-.367h1.41v-2.77h-2.368V2z" fill="currentColor"/></svg> </a> </div> </div> </div> </div> <div class="footer__touch md:tw-w-full lg:tw-max-w-[210px] tw-border-box lg:tw-mb-6 md:tw-py-1 footer_tab_wrap "> <div class="md:tw-relative lg:tw-mb-4 tw-font-bold tw-break-words md:tw-py-5 footer_tab_title"> We accept <i class="tw-absolute tw-top-0 tw-right-0 tw-flex lg:tw-hidden tw-items-center tw-h-full tw-transform tw-rotate-180 tw-transition-transform tw-duration-300"><svg class="" width="14" height="12" xmlns="http://www.w3.org/2000/svg"><path d="M12.769 9.036a.758.758 0 0 1-1.072 0L7.283 4.623 2.87 9.036l-.094.08a.759.759 0 0 1-.979-1.152l4.945-4.945a.756.756 0 0 1 1.082 0l4.945 4.945.08.094a.759.759 0 0 1-.08.978z" fill="currentColor"/></svg></i> </div> <div class="md:tw-pb-5 md:tw-hidden footer_tab_content"> <div class="tw-flex tw-flex-wrap md:tw--mx-2 md:tw-mt-[-18px] md:tw-justify-center"> <svg class="footer__icon tw-w-[38px] tw-h-6 md:tw-mx-2 lg:tw-mr-2 lg:tw-mb-2 md:tw-mt-[18px]" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 38 24"><title id="pi-master">Mastercard</title> <path opacity=".07" d="M35 0H3C1.3 0 0 1.3 0 3v18c0 1.7 1.4 3 3 3h32c1.7 0 3-1.3 3-3V3c0-1.7-1.4-3-3-3z"></path> <path fill="#fff" d="M35 1c1.1 0 2 .9 2 2v18c0 1.1-.9 2-2 2H3c-1.1 0-2-.9-2-2V3c0-1.1.9-2 2-2h32"></path> <circle fill="#EB001B" cx="15" cy="12" r="7"></circle> <circle fill="#F79E1B" cx="23" cy="12" r="7"></circle> <path fill="#FF5F00" d="M22 12c0-2.4-1.2-4.5-3-5.7-1.8 1.3-3 3.4-3 5.7s1.2 4.5 3 5.7c1.8-1.2 3-3.3 3-5.7z"></path></svg> <svg class="footer__icon tw-w-[38px] tw-h-6 md:tw-mx-2 lg:tw-mr-2 lg:tw-mb-2 md:tw-mt-[18px]" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 38 24"><title id="pi-paypal">PayPal</title> <path opacity=".07" d="M35 0H3C1.3 0 0 1.3 0 3v18c0 1.7 1.4 3 3 3h32c1.7 0 3-1.3 3-3V3c0-1.7-1.4-3-3-3z"></path> <path fill="#fff" d="M35 1c1.1 0 2 .9 2 2v18c0 1.1-.9 2-2 2H3c-1.1 0-2-.9-2-2V3c0-1.1.9-2 2-2h32"></path> <path fill="#003087" d="M23.9 8.3c.2-1 0-1.7-.6-2.3-.6-.7-1.7-1-3.1-1h-4.1c-.3 0-.5.2-.6.5L14 15.6c0 .2.1.4.3.4H17l.4-3.4 1.8-2.2 4.7-2.1z"> </path> <path fill="#3086C8" d="M23.9 8.3l-.2.2c-.5 2.8-2.2 3.8-4.6 3.8H18c-.3 0-.5.2-.6.5l-.6 3.9-.2 1c0 .2.1.4.3.4H19c.3 0 .5-.2.5-.4v-.1l.4-2.4v-.1c0-.2.3-.4.5-.4h.3c2.1 0 3.7-.8 4.1-3.2.2-1 .1-1.8-.4-2.4-.1-.5-.3-.7-.5-.8z"> </path> <path fill="#012169" d="M23.3 8.1c-.1-.1-.2-.1-.3-.1-.1 0-.2 0-.3-.1-.3-.1-.7-.1-1.1-.1h-3c-.1 0-.2 0-.2.1-.2.1-.3.2-.3.4l-.7 4.4v.1c0-.3.3-.5.6-.5h1.3c2.5 0 4.1-1 4.6-3.8v-.2c-.1-.1-.3-.2-.5-.2h-.1z"> </path></svg> <svg class="footer__icon tw-w-[38px] tw-h-6 md:tw-mx-2 lg:tw-mr-2 lg:tw-mb-2 md:tw-mt-[18px]" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 38 24"><title id="pi-visa">Visa</title> <path opacity=".07" d="M35 0H3C1.3 0 0 1.3 0 3v18c0 1.7 1.4 3 3 3h32c1.7 0 3-1.3 3-3V3c0-1.7-1.4-3-3-3z"></path> <path fill="#fff" d="M35 1c1.1 0 2 .9 2 2v18c0 1.1-.9 2-2 2H3c-1.1 0-2-.9-2-2V3c0-1.1.9-2 2-2h32"></path> <path d="M28.3 10.1H28c-.4 1-.7 1.5-1 3h1.9c-.3-1.5-.3-2.2-.6-3zm2.9 5.9h-1.7c-.1 0-.1 0-.2-.1l-.2-.9-.1-.2h-2.4c-.1 0-.2 0-.2.2l-.3.9c0 .1-.1.1-.1.1h-2.1l.2-.5L27 8.7c0-.5.3-.7.8-.7h1.5c.1 0 .2 0 .2.2l1.4 6.5c.1.4.2.7.2 1.1.1.1.1.1.1.2zm-13.4-.3l.4-1.8c.1 0 .2.1.2.1.7.3 1.4.5 2.1.4.2 0 .5-.1.7-.2.5-.2.5-.7.1-1.1-.2-.2-.5-.3-.8-.5-.4-.2-.8-.4-1.1-.7-1.2-1-.8-2.4-.1-3.1.6-.4.9-.8 1.7-.8 1.2 0 2.5 0 3.1.2h.1c-.1.6-.2 1.1-.4 1.7-.5-.2-1-.4-1.5-.4-.3 0-.6 0-.9.1-.2 0-.3.1-.4.2-.2.2-.2.5 0 .7l.5.4c.4.2.8.4 1.1.6.5.3 1 .8 1.1 1.4.2.9-.1 1.7-.9 2.3-.5.4-.7.6-1.4.6-1.4 0-2.5.1-3.4-.2-.1.2-.1.2-.2.1zm-3.5.3c.1-.7.1-.7.2-1 .5-2.2 1-4.5 1.4-6.7.1-.2.1-.3.3-.3H18c-.2 1.2-.4 2.1-.7 3.2-.3 1.5-.6 3-1 4.5 0 .2-.1.2-.3.2M5 8.2c0-.1.2-.2.3-.2h3.4c.5 0 .9.3 1 .8l.9 4.4c0 .1 0 .1.1.2 0-.1.1-.1.1-.1l2.1-5.1c-.1-.1 0-.2.1-.2h2.1c0 .1 0 .1-.1.2l-3.1 7.3c-.1.2-.1.3-.2.4-.1.1-.3 0-.5 0H9.7c-.1 0-.2 0-.2-.2L7.9 9.5c-.2-.2-.5-.5-.9-.6-.6-.3-1.7-.5-1.9-.5L5 8.2z" fill="#142688"></path></svg> </div> </div> </div> </div> </div> <div class="tw-border-0 tw-border-b tw-border-solid tw-w-full tw-border-footer"></div> <div class="tw-py-[30px] md:tw-container tw-text-footer-color tw-text-[13px] tw-bg-footer tw-flex tw-flex-wrap tw-items-center tw-justify-center "> <span class="tw-mb-2 tw-pr-5 ">© <time datetime="2024">2024</time> imilkjoy</span> </div> </div> <div id="shoplaza-section-popup" class="shoplaza-section" data-section-id="popup" data-section-type="popup" data-section-style=""><style> [data-section-id="popup"] .newsletter__err::before{ content: ''; position: absolute; left: 20px; bottom: calc(100% - 6px); width: 0; height: 0; color: var(--color-body-text); border: 6px solid transparent; border-top-color: white; z-index: 2; } [data-section-id="popup"] .newsletter__err::after{ box-sizing: border-box; content: attr(errMsg); position: absolute; bottom: calc(100% + 6px); left: 0; line-height: 1.3; padding: 16px 20px; color: var(--color-body-text); background-color: white; border-radius: 4px; box-shadow: 0px 0px 8px 0px rgba(195,195,195,0.50); font-size: var(--type-body-font-size); z-index: 1; } [data-section-id="popup"] .input_email::-webkit-input-placeholder { color: var(--color-body-text); } </style> <div class="foot_popup tw-hidden tw-opacity-0 tw-transition-all tw-duration-300 tw-fixed tw-inset-0 tw-bg-white md:tw-bg-transparent tw-bg-opacity-50 tw-items-center md:tw-items-end lg:tw-items-center tw-justify-center tw-z-modal md:tw-px-4 md:tw-pointer-events-none "> <div class="tw-box-border tw-shadow-message tw-w-[640px] md:tw-w-full tw-p-15 md:tw-py-[30px] md:tw-px-6 md:tw-mb-4 tw-flex tw-flex-col tw-items-center tw-text-center tw-relative tw-bg-white tw-rounded-global md:tw-pointer-events-auto tw-scheme-3"> <div class="close tw-absolute tw--top-3 tw--right-3 tw-w-10 tw-h-10 tw-leading-[45px] tw-bg-black tw-rounded-full tw-text-white tw-cursor-pointer tw-transform hover:tw-scale-110 tw-transition tw-duration-100 tw-flex tw-items-center tw-justify-center "><svg class="" width="14" height="14" xmlns="http://www.w3.org/2000/svg"><path d="M12.727 0 14 1.273 8.272 7 14 12.727 12.727 14 7 8.272 1.273 14 0 12.727 5.727 7 0 1.273 1.273 0 7 5.728 12.727 0z" fill="currentColor"/></svg></div> <h3 class="tw-m-0 tw-title-sm type-title-font-family tw-mb-[30px] tw-leading-title">Sign up and save</h3> <div class="tw-body-plus-4 md:tw-body-plus-2 tw-mb-[30px]">Entice customers to sign up for your mailing list with discounts or exclusive offers. Include an image for extra impact.</div> <div class="email tw-relative tw-flex tw-justify-center tw-items-stretch md:tw-w-full tw-mb-[10px]"> <div class="email_input tw-relative md:tw-inline-block md:tw-w-full"> <input type="email" class="input_email tw-rounded-btn popup__email tw-rounded-r-none tw-text-body-color tw-box-border tw-border tw-border-solid tw-border-r-0 tw-border-line lg:tw-w-[260px] md:tw-w-full focus:tw-border-body-color tw-h-full tw-text-body-font-size tw-px-4 tw-leading-[19px] md:tw-leading-11 tw-bg-white" placeholder="Enter your email" /> </div> <div> <button type="submit" class="submitBtn tw-rounded-r-btn popup__btn tw-body-plus-2 tw-m-0 md:tw-w-[58px] tw-py-[11px] tw-px-6 md:tw-px-[18px] tw-border-none tw-primary-btn tw-leading-1.4 tw-font-bold md:tw-min-h-[44px] md:tw-flex md:tw-items-center md:tw-h-[calc(var(--type-body-font-size)*1.4+22px)]"> <span class="md:tw-hidden">Subscribe</span> <svg class="lg:tw-hidden tw-text-primary-btn-color arrow__rotate" width="20" height="6" xmlns="http://www.w3.org/2000/svg"><path d="m14 0 6 3-6 3V4H0V2h14V0z" fill="currentColor"/></svg> </button> </div> </div> <div class="thanks tw-hidden tw-w-full tw-text-left tw-mb-[10px] tw-py-[6px] tw-px-3 tw-bg-[#ECFEF0] tw-text-[#56AD6A] tw-border tw-border-solid tw-border-[#56AD6A]">Thanks for subscribing</div> </div> </div> </div> </div> <script type="text/html" id="product_art_tpl"> <% var price = +product.price_min || 0; %> <% var compareAtPrice = +product.compare_at_price || 0; %> <% var offRatio = product.off_ratio || 0;%> <% var title = product.title || ''; %> <% var id = product.id || ''; %> <% var productUrl = product.url || product.seo_url %> <% var type = product.type || ''; %> <% var isMock = product.isMock || false; %> <% var wrapperHeight = "100%"; %> <% var product_image_hover_on = false;%> <% var from_on = false; %> <% if ('100%' == 'natural') { %> <% wrapperHeight = $imports.image_padding_bottom(product.image.width, product.image.height,'unlimit'); %> <% } else if ('100%') { %> <% wrapperHeight = "100%"; %> <% } %> <% if (image_size) { %> <% wrapperHeight = image_size; %> <% } %> <% if (image_size == "auto") { %> <% wrapperHeight = $imports.image_padding_bottom(product.image.width, product.image.height, 'unlimit'); %> <% } %> <% if (product.price_max != product.price_min) { from_on = true; } %> <% for (var i = 0; i < (product.variants && product.variants.length); i++) { var variant = product.variants[i]; var variantCompareAtPrice = +variant.compare_at_price || 0; if(variant.price == price && variant.compare_at_price > compareAtPrice){ compareAtPrice = variantCompareAtPrice; offRatio = variant.off_ratio || 0; } } %> <% if ( product.images.length > 1 ) { %> <% var second_image = product.images[1]; %> <% product_image_hover_on = true; %> <% if ( second_image.src && second_image.src.indexOf('video=') > -1 ) { %> <% if ( product.images.length > 2 ) { %> <% second_image = product.images[2]; %> <% } else { %> <% product_image_hover_on = false; %> <% } %> <% } %> <% } %> <% var sold_label_on = false; %> <% var sale_label_on = false; %> <% if (!product.available) { %> <% sold_label_on = true; %> <% } %> <% if (compareAtPrice > price) { %> <% sale_label_on = true; %> <% } %> <div class="lg:hover:tw-z-10 tw-flex tw-flex-col tw-relative product-snippet <%= item_class || '' %> " data-track-id="<%=id%>"> <div class=" tw-overflow-hidden tw-flex tw-flex-col product-snippet-content"> <div class="product-snippet__indent"> <a <% if (!isMock) { %>href="<% if (url) { %><%= url %><% } %><%= productUrl %>"<% } %> <% if (track_position) { %> data-track="click" data-track-content="product_link" data-track-product-id="<%=id%>" data-track-position="<%=track_position%>" <% } %> class="tw-relative tw-block tw-overflow-hidden tw-w-full product-snippet__img-wrapper <% if (product_image_hover_on) { %>product-snippet__img-hover<% } %> common__img-wrapper_lazy" style="padding-bottom: <%= wrapperHeight %>;"> <img class="tw-absolute tw-inset-0 tw-m-auto tw-w-full tw-h-full tw-object-cover product-snippet__img-first" src="<%= $imports.reset_image(product.image.src, '800x') %>" alt="<%= product.image.alt || title %>" data-img='<%= product.image.src %>' > <% if (product_image_hover_on) { %> <img src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABAQMAAAAl21bKAAAABlBMVEXx8fH///8wmV1OAAAACXBIWXMAAA7EAAAOxAGVKw4bAAAACklEQVQImWNgAAAAAgAB9HFkpgAAAABJRU5ErkJggg==" class="md:tw-hidden tw-absolute tw-inset-0 tw-m-auto tw-w-full tw-h-full tw-object-cover tw-transform tw-scale-105 tw-opacity-0 tw-transition-all tw-duration-400 tw-ease-out lazyload product-snippet__img-second" data-sizes="auto" data-src="<%= $imports.reset_image(second_image.src, '{width}') %>" alt="<%= second_image.alt || title %>" > <% } %> <% if (sale_label_on || sold_label_on) { %> <div class="tw-absolute tw-bottom-0 tw-left-0 tw-py-[6px] tw-px-[10px] tw-text-xs tw-leading-none tw-rounded-sm <% if (sold_label_on) { %> tw-bg-body tw-text-body-color <% } else { %> tw-bg-sale-tag tw-text-sale-tag-color <% } %> "> <% if (sold_label_on) { %> SOLD OUT <% } else if (sale_label_on) { %> SALE <% } %> </div> <% } %> </a> </div> <div class="tw-pt-4 product-snippet-info"> <div class="product-snippet__title-wrapper"> <% var thumb_swatch_name = ''; var thumb_swatches = []; var remove_variant_images_on = false; %> <h3 class="tw-m-0 tw-font-normal tw-text-left type-body-font-family tw-text-body-font-size product-title-transform product-snippet__title-normal dj_skin_product_list_title "> <a <% if (!isMock) { %>href="<% if (url) { %><%= url %><% } %><%= productUrl %>"<% } %> class="tw-block tw-text-current tw-no-underline tw-break-words "> <%= title %> </a> </h3> </div> <div class="tw-flex tw-items-baseline tw-flex-wrap product-snippet__price-wrapper"> <% if (from_on) { %> <%- "<span class='tw-mt-2 tw-leading-none product-snippet__form'>from</span> <span class='tw-mt-2 tw-mr-[6px] tw-font-semibold tw-leading-none tw-text-price-color tw-body-plus-2 product-snippet__price money'>{{ price }}</span>".replace(/\{\{\s*price\s*\}\}/, $imports.finance_money_with_symbol(price)) %> <% } else { %> <span class="tw-mt-2 tw-mr-[6px] tw-font-semibold tw-leading-none tw-text-price-color tw-body-plus-2 product-snippet__price money"><%= $imports.finance_money_with_symbol(price) %></span> <% } %> <% if (compareAtPrice > price) { %> <del class="tw-inline-block tw-text-compare-at-price-color tw-mt-2 tw-mr-[6px] tw-font-semibold tw-leading-none tw-body-minus-2 product-snippet__compare money"><%= $imports.finance_money_with_symbol(compareAtPrice) %></del> <% } %> <% if (compareAtPrice > price) { %> <div class="tw-mt-2 tw-leading-none tw-text-save-color">Save <span class="money"><%= $imports.finance_money_with_symbol((compareAtPrice - price).toFixed(2)) %></span> </div> <% } %> </div> </div> </div> <div class="tw-absolute tw--top-3 tw--right-3 lg:tw-opacity-0 tw-transform lg:tw-translate-y-1 tw-transition tw-duration-300 quick-wrapper"> <div class="tw-hidden lg:tw-flex tw-justify-center tw-items-center tw-w-[38px] tw-h-[38px] tw-mb-[6px] tw-rounded-full tw-primary-btn lg:hover:tw-bg-primary-btn tw-transform tw-scale-100 lg:hover:tw-scale-110 tw-transition tw-duration-100 quick-shop" <% if (!isMock) { %> data-quick-type="shop" data-remove-img="<%= remove_variant_images_on %>" data-quick-shop="<%= product.handle %>" data-track="quick_shop" data-track-product-id="<%= product.id %>" <% } %>> <svg class="" width="20" height="20" xmlns="http://www.w3.org/2000/svg"><path d="M8.98 2a6.98 6.98 0 1 1 0 13.96A6.98 6.98 0 0 1 8.98 2zm0 1.24a5.739 5.739 0 1 0 0 11.478 5.739 5.739 0 0 0 0-11.477zm4.163 10.78.878-.877L18 17.123l-.877.877-3.98-3.98z" fill="currentColor"/></svg> </div> <% if (product.available) { %> <div class="tw-flex tw-justify-center tw-items-center tw-w-[38px] tw-h-[38px] tw-rounded-full tw-primary-btn lg:hover:tw-bg-primary-btn tw-transform tw-scale-[0.7] lg:tw-scale-100 lg:hover:tw-scale-110 tw-transition tw-duration-100 quick-add touch_scale" <% if (!isMock) { %> data-quick-type="add" data-remove-img="<%= remove_variant_images_on %>" data-quick-shop="<%= product.handle %>" data-track-product-id="<%= product.id %>" data-track-position="<%=track_position%>" <% if (product.variants && product.variants.length > 1) { %> data-track="quick_shop" <% } else { %> data-track="click" data-track-content="add_to_cart" data-track-source="quick_shop" <% } %> <% } %> > <svg class="" width="20" height="20" xmlns="http://www.w3.org/2000/svg"><path d="M10.3 3v7H17v1.3h-6.7V18H9v-6.7H2V10h7V3h1.3z" fill="currentColor"/></svg> </div> <% } %> </div> </div> </script> <script id="cart-art-tpl" type="text/html"> <div id="atc-modal" class="atc-modal__content tw-shadow-cart-drawer tw-flex tw-flex-col tw-bg-body lg:tw-w-[450px] tw-overflow-y-auto tw-max-h-screen" style="max-height: var(--maxDrawerHeight);"> <% if (!line_items.length) { %> <span class="tw-p-5 md:tw-px-4">Your cart is currently empty.</span> <% } else { %> <div class="cart__discount-container empty:tw-hidden"></div> <ul class="cart__item-wrapper tw-m-0 tw-p-0 tw-flex tw-flex-col tw-flex-grow tw-p-5 md:tw-px-4 tw-flex-shrink-0"> <% for(var i = 0; i < line_items.length; i++) { var item = line_items[i]; var maxAvailable = item.available_quantity; %> <li class="cart__item tw-flex tw-py-[20px] <% if (i==0) { %> tw-pt-0 <% } %> tw-items-center <% if (i !== line_items.length - 1) { %> tw-border-0 tw-border-solid tw-border-b tw-border-line<% } else { %> tw-pb-0 <% } %>" data-id="<%=item.variant_id%>" data-track="item" data-track-id="<%=item.product_id%>" data-cart-id="<%=item.id%>" data-track-number="<%=item.quantity%>" data-track-price="<%=item.price%>" data-track-name="<%=item.product_title%>" data-track-type="<%=item.type%>" data-properties="<%=item.properties%>"> <a class="tw-text-0 tw-w-25 tw-h-25 tw-flex-shrink-0" href="<%=item.product_url+'?variant='+item.variant_id%>" data-track="click" data-track-content="product_link" data-track-product-id="<%=item.product_id%>" data-track-position="cart" data-track-type="image" data-track-product_id="<%=item.variant_id%>"> <img class="tw-w-full tw-h-full tw-object-contain" alt="<%=item.name%>" src="<%= $imports.reset_image(item.image.src, '200x') %>" style="border-radius: px;"> </a> <div class="cart__item-info-wrapper tw-flex tw-pl-5 tw-w-full tw-flex-col tw-justify-center"> <div class="tw-flex tw-flex-col"> <a href="<%=item.product_url+'?variant='+item.variant_id%>" data-track="click" data-track-content="product_link" data-track-product-id="<%=item.product_id%>" data-track-position="cart" class="tw-mb-2 type-body-font-family product-title-transform tw-body-plus-1 tw-font-normal tw-block tw-text-current tw-no-underline"> <%=item.product_title%> </a> <% var properties = $imports.JSON.parse(item.properties || "{}") %> <div class="tw-mb-3 empty:tw-hidden tw-text-body-alpha-70"><% for(var k = 0; k < item.options.length; k++){ %><div class="cart__item-variant-info tw-mb-1.25 last:tw-mb-0 tw-text-light-text-color tw-pr-4 two_line_text_truncate "><span class="tw-font-bold"><%=item.options[k].name%>:</span> <%=item.options[k].value%></div><% } %> <% for(var prop in properties){ %> <% if (prop[0] !== '_') { %> <% if (/(\/\/.*\.(?:png|jpg|jpeg|gif|svg))/i.test(properties[prop])) { %> <span class="tw-font-bold"><%=prop%>:</span> <a class="tw-no-underline tw-text-black" href="<%=properties[prop]%>" target="_blank" >View image</a> <% } else { %> <p class="tw-break-normal tw-m-0"><span class="tw-font-bold"><%=prop%>:</span><%=properties[prop]%></p> <% } %> <% } %> <% } %> </div> </div> <div class="tw-flex tw-justify-between tw-items-center"> <div class="tw-flex tw-flex-col tw-space-y-4"> <div class="tw-flex tw-w-[114px] tw-relative tw-justify-between tw-border-solid tw-border tw-border-line tw-rounded-global"> <a href="javascript:;" data-track="cart-minus-quantity" data-track-type="button" data-track-product_id="<%=item.variant_id%>" data-track-url="/cart/update.js" def="<%=item.variant_id%>" class="tw-relative tw-z-10 tw-box-border tw-no-underline cart__counter cart__counter-minus-btn tw-flex tw-flex-shrink-0 tw-text-body-color tw-items-center tw-justify-center tw-w-[38px] tw-h-[38px] tw-text-center tw-text-[#d8d8d8] lg:hover:tw-bg-[#f2f2f2] tw-rounded-global tw-rounded-r-none" alt="-"><svg class="tw-text-[#888888]" width="13" height="13" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11v1H1z" fill-rule="evenodd" fill="currentColor"/></svg></a> <input data-track-type="input" data-track-product_id="<%=item.variant_id%>" data-track-url="/cart/update.js" ss="<%=item.variant_id%>" class="tw-absolute tw-box-border tw-px-9 tw-h-[38px] tw-w-full tw-text-base tw-flex-grow cart__qty-input tw-bg-transparent tw-text-body-color tw-border-none tw-text-center tw-outline-none tw-p-0 tw-appearance-none" name="update[<%=item.variant_id%>]" count="<%=item.variant_id%>" def="<%=item.variant_id%>" type="number" step="1" value="<%=item.quantity%>" min="1" max="<%=maxAvailable%>" /> <a href="javascript:;" data-track="cart-add-quantity" data-track-type="button" data-track-product_id="<%=item.variant_id%>" data-track-url="/cart/update.js" def="<%=item.variant_id%>" class="tw-relative tw-z-10 tw-box-border tw-no-underline tw-flex-shrink-0 cart__counter cart__counter-plus-btn tw-text-body-color tw-flex tw-items-center tw-justify-center tw-w-[38px] tw-h-[38px] tw-text-center tw-text-[#d8d8d8] <% if (item.quantity >= maxAvailable) { %>cart__counter_disabled tw-bg-[#f2f2f2] tw-cursor-default <% } %> lg:hover:tw-bg-[#f2f2f2] tw-rounded-global tw-rounded-l-none" alt="+" max="<%=maxAvailable%>"><svg class="tw-text-[#888888]" width="13" height="13" xmlns="http://www.w3.org/2000/svg"><path d="M7 1v5h5v1H7v5H6V7H1V6h5V1h1z" fill="currentColor"/></svg></a> </div> </div> <div class="money tw-font-semibold tw-leading-none tw-body-plus-2 product-snippet__price"><%= $imports.finance_money_with_symbol(item.price) %></div> </div> </div> </li> <% } %> <div id="relative_product__container"><%-recommendations || ''%></div> </ul> <% if (enable_cart_notes) { %> <div class="cart_instructions md:tw-text-center tw-mb-3 lg:tw-px-5 tw-px-4"> <label class="tw-body-plus-3 tw-font-bold tw-flex tw-items-center cart_instructions_switcher tw-cursor-pointer"> Add order note <svg class="tw-text-current tw-ml-3 tw-font-bold" width="15" height="14" xmlns="http://www.w3.org/2000/svg"><path d="M7.08 2.86v.807H1.808v8.885h8.884V7.358h.808v6.001H1V2.86h6.08zm5.357-.938c.65.65.682 1.682.098 2.37l-.098.105L6.894 9.94 3.17 11.217 4.42 7.465l5.543-5.543a1.75 1.75 0 0 1 2.475 0zM4.76 8.267l-.902 2.255 2.239-.918-1.337-1.337zm5.203-5.52-4.95 4.95 1.65 1.649 4.95-4.949-1.65-1.65zm.508-.497-.095.084 1.65 1.65A1.167 1.167 0 0 0 10.47 2.25z" fill="currentColor"/></svg> <svg class="tw-text-current tw-ml-3 tw-font-bold tw-hidden" width="10" height="10" xmlns="http://www.w3.org/2000/svg"><path d="m8.321 1.55.442.442-3.315 3.314 3.315 3.315-.442.442-3.315-3.315-3.314 3.315-.442-.442 3.315-3.315L1.25 1.992l.442-.442 3.314 3.315L8.321 1.55z" fill="currentColor"/></svg> </label> <textarea maxlength="200" name="note" id="note" class="tw-hidden tw-bg-body tw-text-body-color tw-text-body-font-size type-body-font-family tw-mt-5 cart_instructions_textarea tw-min-h-[100px] tw-border tw-border-solid tw-border-line tw-m-0 tw-py-2 tw-px-[10px] tw-w-full tw-max-w-full tw-min-w-full focus:tw-border-body-color"><%=note%></textarea> </div> <% } %> <div class="md:tw-mb-[100px] lg:tw-sticky tw-bottom-0 tw-p-5 md:tw-px-4 tw-border-0 tw-border-t tw-border-solid tw-border-line tw-bg-body tw-z-20"> <div class="cart-summary-checkout cart_order_summary tw-bg-body "> <div id="cart__free_shipping" class="cart__free_shipping"></div> <% if (total_discount > 0) { %> <div class="tw-flex tw-justify-between tw-mb-3 tw-items-center tw-body-plus-3 tw-text-save-color"> <span class="">Discount</span> <span>-<span class="money"><%= $imports.finance_money_with_symbol(total_discount) %></span></span> </div> <% } %> <div class="tw-flex tw-justify-between tw-mb-3 tw-items-center tw-body-plus-3 tw-text-save-color empty:tw-hidden plugin__bundle__cart__save"></div> <div class="tw-flex tw-justify-between tw-mb-5 tw-items-baseline tw-body-plus-3 tw-font-bold"> <span class="">Subtotal</span> <span class="money plugin__bundle__cart__total-price"><%= $imports.finance_money_with_symbol(total_price) %></span> </div> <div class="tw-text-center tw-body-sm tw-mb-5">Taxes and shipping calculated at checkout</div> <button href="javascript:;" data-track="checkout-submit,click" data-track-content="checkout" data-track-source="checkout" class="tw-block tw-primary-btn tw-outline-none tw-cursor-pointer tw-w-full tw-h-[54px] cart__checkout tw-body-plus-2 tw-font-semibold tw-rounded-btn">Check out</button> </div> </div> <% } %> </div> </script> <script id="cart_recommendation_art_tpl" type="text/html"> <h3 class="<% if (products.length==0) { %> tw-hidden <% } %> tw-p-0 tw-m-0 tw-pt-10 tw-title-xs type-title-font-family">Goes great with</h3> <ul class="tw-p-0 tw-m-0 tw-pt-5 tw-flex tw-space-x-5 tw-overflow-x-auto tw-relative hide-scrollbar"> <% for(var i = 0; i < products.length; i++) { %> <li class="tw-w-[40%] tw-flex-shrink-0 tw-list-none"> <% include ('product_art_tpl', { product: products[i], item_class: 'tw-h-full', track_position: "cart_recommendation" }) %> </li> <% } %> </ul> </script> <script id="cart-postage-art-tpl" type="text/html"> <% var freeShippingTip = true %> <% if ( freeShippingTip ) { %> <div class="<% if (freeAmount > 0) { %>tw-mb-6<% } %>"> <% if ( freeAmount > 0 ) { %> <% var freeAmountTips = $imports.finance_money_with_symbol(freeAmount); %> <div class="tw-flex tw-items-center tw-mt-[14px]"> <svg class="" width="24" height="24" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M14.698 7.522V5.631A.633.633 0 0 0 14.063 5H2.635A.633.633 0 0 0 2 5.63v10.721c0 .349.284.63.635.63H4.59A2.536 2.536 0 0 0 7.08 19a2.536 2.536 0 0 0 2.488-2.018h5.816A2.536 2.536 0 0 0 17.873 19a2.536 2.536 0 0 0 2.489-2.018h1.003c.35 0 .635-.282.635-.63v-3.62a.628.628 0 0 0-.081-.308l-2.594-4.58a.636.636 0 0 0-.553-.322h-4.074zm-.952-1.26a.316.316 0 0 0-.317-.316H3.269a.316.316 0 0 0-.317.315v9.46c0 .174.143.315.318.315h1.308a2.536 2.536 0 0 1 2.501-2.081c1.251 0 2.291.898 2.501 2.08h4.166V6.262zm.952 2.206v7.568h.674l-.004.026a2.535 2.535 0 0 1 2.505-2.107c1.251 0 2.29.898 2.5 2.081h.357a.316.316 0 0 0 .318-.315v-2.744h-3.27a.316.316 0 0 1-.318-.315V9.95c0-.174.142-.315.318-.315h1.469l-.661-1.167h-3.888zm-6.031 8.01c0 .87-.711 1.576-1.588 1.576a1.582 1.582 0 0 1-1.587-1.576c0-.871.71-1.577 1.587-1.577s1.588.706 1.588 1.576zm9.206 1.576c.877 0 1.587-.706 1.587-1.576 0-.871-.71-1.577-1.587-1.577s-1.587.706-1.587 1.576c0 .871.71 1.577 1.587 1.577zm.413-7.399c0-.11.09-.2.2-.2h1.225l.964 1.703h-2.19a.2.2 0 0 1-.2-.2v-1.303z" fill="currentColor"/></svg> <div class="cart__free_shipping-desc tw-ml-[6px] tw-text-sm tw-leading-1.3 tw-text-text-color-8 tw-font-bold"> <%- $imports.getI18n("Spend {{ amount }} more and get free shipping!", { '{{ amount }}': '<span class="money tw-text-[#FF7B56]">' + freeAmountTips + '</span>' }) %> </div> </div> <div class="tw-flex tw-items-center tw-mt-[6px] md:tw-pb-6 md:tw-border-0 md:tw-border-b md:tw-border-solid md:tw-border-[#E6E6E6] md:tw-border-opacity-60"> <div class="tw-flex-1 tw-relative tw-h-[6px] tw-bg-[#E6E6E6] tw-bg-opacity-50 tw-rounded-full"> <div class="cart_progress-bar tw-absolute tw-left-0 tw-top-0 tw-h-full tw-rounded-full tw-transition-all tw-duration-1000" style="width: <%= rate || 0 %>%;" data-width="<%= rate %>%"></div> </div> <span class="cart__free_shipping-percentage tw-flex-shrink-0 tw-ml-[10px] tw-text-sm tw-leading-1.3 tw-font-bold tw-text-[#FF7B56]"><%= rate %>%</span> </div> <% } else { %> <div class="tw-flex tw-justify-between tw-mb-4 lg:tw-mb-5"> <span class="tw-text-[#9F9F9F] md:tw-text-sm tw-leading-1.4">Shipping</span> <span class="tw-text-base tw-leading-1.2 lg:tw-body-plus-2">Free</span> </div> <% } %> </div> <% } %> </script> <style> #cart_drawer_wrapper { transition: all .5s cubic-bezier(.165, .84, .44, 1); transform: translateY(-200%); opacity: 0; } body.cart_drawer_open #cart_drawer_wrapper { transform: translateY(0); opacity: 1; } #cart_drawer_wrapper #atc-modal { transition: opacity .6s ease .3s,transform .5s cubic-bezier(.165, .84, .44, 1) .3s; transform: translateY(-20px); opacity: 0; } body.cart_drawer_open #cart_drawer_wrapper #atc-modal { opacity: 1; transform: translateY(0); } #atc-modal{ transition: right 300ms; } #atc-modal[data-style="hide"]{ right: -100%; } @media (min-width: 960px) { #atc-modal[data-style="hide"]{ right: -440px; } } #atc-modal[data-style="show"]{ right: 0; } .main-content { padding-bottom: 32px; } @media (min-width: 960px) { .main-content { padding-bottom: 66px; } } .cart_progress-bar { background: linear-gradient(90deg, #FF9638 0%, #FF7B56 100%); } </style> <div class="tw-hidden" id="close_svg"><!-- snippets/icon_close_btn not found or render error --></div> <div class="tw-hidden" id="success_svg"><!-- snippets/icon_ok not found or render error --></div> <div class="tw-hidden" id="error_svg"><svg class="" width="28" height="28" xmlns="http://www.w3.org/2000/svg"><path d="M14 0c7.732 0 14 6.268 14 14s-6.268 14-14 14S0 21.732 0 14 6.268 0 14 0zm0 2.074C7.413 2.074 2.074 7.414 2.074 14c0 6.587 5.34 11.926 11.926 11.926 6.587 0 11.926-5.34 11.926-11.926 0-6.587-5.34-11.926-11.926-11.926zM14 18a1 1 0 1 1 0 2 1 1 0 0 1 0-2zm0-10a1 1 0 0 1 .993.883L15 9v6a1 1 0 0 1-1.993.117L13 15V9a1 1 0 0 1 1-1z" fill="currentColor"/></svg></div> <script type="text/html" id="loading_inner_tpl"> <div class="tw-absolute tw-inset-0 tw-z-10 tw-flex tw-items-center tw-justify-center loading__inner-wrapper" style="text-indent:0;"> <div class="spinner tw-mx-auto tw-relative tw-w-10 tw-h-10 tw-text-center"> <div class="bounce bounce1"></div> <div class="bounce bounce2"></div> </div> </div> </script> <script type="application/ld+json"> { "@context": "http://schema.org", "@type": "WebSite", "name": "imilkjoy", "url": "https://www.imilkjoy.com" } </script> <script type="text/html" id="quick_view_tpl"> <div class="tw-fixed tw-inset-0 tw-bg-[#E0E0E0] tw-bg-opacity-50 tw-flex tw-items-center tw-justify-center tw-z-modal quick-shop-modal" id="quick-shop" data-quick-type="<%= type %>"> <div class="tw-relative md:tw-mx-5 tw-w-full <% if (type == 'shop') { %> lg:tw-mx-10 lg:tw-max-w-[1200px] <% } else { %> lg:tw-w-[568px] <% } %> tw-bg-body tw-transition-all tw-duration-400 tw-ease-linear tw-transform tw-scale-x-75 tw-scale-y-50 tw-opacity-0 tw-rounded-global quick-shop-modal__content" style="box-shadow: 0px 0px 30px 0px rgba(0,0,0,0.20);"> <div class="tw-px-[30px] lg:tw-px-11 tw-py-11 <% if (type == 'shop') { %> lg:tw-py-[54px] <% } else { %> lg:tw-py-11 <% } %> tw-overflow-x-hidden tw-overflow-y-auto tw-max-h-[80vh] quick-shop-modal__scroll"> <div class="tw-flex tw-flex-wrap tw-items-start <% if (type == 'shop') { %> lg:tw-grid lg:tw-grid-cols-10 <% } %> product-detail hero-product-detail product_detail_<%= product.id %>" id="quick_product_detail_<%= product.id %>" data-track="product" data-track-id="<%= product.id %>" data-track-price="<%= price %>" data-track-name="<%= product.title %>" data-track-type="<%= product.type %>"> <% if (type == 'shop') { %> <% include ('product_images_tpl', { product: product, selectedVariant: selectedVariant, type: type, images_length: images_length, variant_images: variant_images, initialSlide: initialSlide, remove_variant_images_on: remove_variant_images_on, zoom_on: zoom_on }) %> <% } %> <% include ('product_info_body_art_tpl', { product: product, selectedVariant: selectedVariant, type: type, enable_btn_price: enable_btn_price }) %> </div> </div> <div class="tw-z-10 tw-w-10 tw-h-10 tw-flex tw-justify-center tw-items-center tw-absolute tw-top-[-10px] tw-right-[-10px] tw-primary-btn lg:hover:tw-bg-primary-btn tw-rounded-full tw-transform tw-scale-100 lg:hover:tw-scale-105 tw-transition-transform tw-duration-300 quick-shop-close"> <svg class="" width="14" height="14" xmlns="http://www.w3.org/2000/svg"><path d="M12.727 0 14 1.273 8.272 7 14 12.727 12.727 14 7 8.272 1.273 14 0 12.727 5.727 7 0 1.273 1.273 0 7 5.728 12.727 0z" fill="currentColor"/></svg> </div> </div> </div> </script> <script type="text/html" id="product_thumb_tpl"> <% if (images_length > 1) { %> <div class=" tw-relative tw-flex-shrink-0 lg:tw-block lg:tw-w-[76px] lg:tw-mr-5 hide-scrollbar product-image__thumbs" data-cur-idx="<%= initialSlide %>"> <div class=" tw-overflow-auto lg:tw-absolute lg:tw-inset-0 lg:tw-space-y-5 product-image__thumbs-content"> <% var index = 0 %> <% for (var i = 0; i < product.images.length; i++) { %> <% var item = product.images[i] %> <% if (variant_images.indexOf(item.path) == -1) { %> <div class="tw-inline-block tw-align-middle lg:tw-block tw-flex-shrink-0 tw-w-[76px] tw-outline-none tw-cursor-pointer product-image__thumbs-item <% if (initialSlide == index) { %> slick-current <% } %>" data-thumb-idx="<%= index %>"> <div class="tw-relative tw-overflow-hidden product-image__thumb" style="padding-bottom:100%;" > <img class="tw-absolute tw-inset-0 tw-w-full tw-m-auto tw-block lazyload tw-object-cover" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABAQMAAAAl21bKAAAABlBMVEXx8fH///8wmV1OAAAACXBIWXMAAA7EAAAOxAGVKw4bAAAACklEQVQImWNgAAAAAgAB9HFkpgAAAABJRU5ErkJggg==" data-src="<%= $imports.reset_image(item.src, '{width}') %>" data-sizes="auto" alt="<% item.alt || product.title %>"> <% var media = $imports.media_parse(item.src); %> <% if (media.mp4 || media.hls) { %> <div class="tw-hidden lg:tw-flex tw-absolute tw-top-1/2 tw-left-1/2 tw-transform tw--translate-x-1/2 tw--translate-y-1/2"><svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M0.823242 16.1724C0.892266 11.131 1.76781 6.95657 4.3278 4.46696C6.81741 1.90697 10.9918 1.03143 16.0332 0.962402C21.0747 1.03143 25.2491 1.90697 27.7387 4.46696C30.2987 6.95657 31.1742 11.131 31.2432 16.1724C31.1742 21.2138 30.2987 25.3882 27.7387 27.8778C25.2491 30.4378 21.0747 31.3134 16.0332 31.3824C10.9918 31.3134 6.81741 30.4378 4.3278 27.8778C1.76781 25.3882 0.892266 21.2138 0.823242 16.1724Z" fill="white"/> <path d="M21.113 15.2873C21.7957 15.6814 21.7957 16.6668 21.113 17.061L14.2006 21.0519C13.5179 21.446 12.6645 20.9533 12.6645 20.165L12.6645 12.1833C12.6645 11.395 13.5179 10.9023 14.2006 11.2964L21.113 15.2873Z" fill="#292929"/> </svg> </div> <div class="lg:tw-hidden tw-flex tw-absolute tw-top-1/2 tw-left-1/2 tw-transform tw--translate-x-1/2 tw--translate-y-1/2"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M0 10C0.0453804 6.68544 0.621018 3.94094 2.30412 2.30412C3.94094 0.621018 6.68544 0.0453804 10 0C13.3146 0.0453804 16.0591 0.621018 17.6959 2.30412C19.379 3.94094 19.9546 6.68544 20 10C19.9546 13.3146 19.379 16.0591 17.6959 17.6959C16.0591 19.379 13.3146 19.9546 10 20C6.68544 19.9546 3.94094 19.379 2.30412 17.6959C0.621018 16.0591 0.0453804 13.3146 0 10Z" fill="white"/> <path d="M13.3391 9.41813C13.788 9.67728 13.788 10.3251 13.3391 10.5843L8.79453 13.2081C8.34568 13.4673 7.78462 13.1433 7.78462 12.625L7.78462 7.37737C7.78462 6.85909 8.34568 6.53516 8.79453 6.7943L13.3391 9.41813Z" fill="#292929"/> </svg> </div> <% } %> <% if (media.media_type == 'model3d') { %> <span class="tw-flex tw-items-center tw-justify-center tw-absolute tw-inset-0 tw-z-10 md:tw-transform md:tw-scale-50"> <svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg"> <rect x="0.5" y="0.5" width="31" height="31" rx="15.5" stroke="#E2E3DD" fill="white"/> <path fill-rule="evenodd" clip-rule="evenodd" d="M21.2987 12.8458C21.7167 13.0917 21.975 13.5389 21.9788 14.0239L22 16.6904L21.9788 19.3569C21.975 19.8418 21.7167 20.2891 21.2987 20.5349L19 21.8865L16.6801 23.2014C16.2583 23.4406 15.7418 23.4406 15.3199 23.2014L13 21.8865L10.7013 20.5349C10.2833 20.2891 10.025 19.8418 10.0212 19.3569L10 16.6904L10.0212 14.0239C10.025 13.5389 10.2833 13.0917 10.7013 12.8458L13 11.4942L15.3199 10.1793C15.7418 9.94022 16.2583 9.94022 16.6801 10.1793L19 11.4942L21.2987 12.8458ZM18.3103 12.6888L20.5995 14.0348L19.0143 14.9317L16.6785 16.302C16.2598 16.5477 16.001 16.9953 15.9972 17.4807L15.9757 20.1827L15.9901 21.9958L13.6897 20.692L11.4005 19.346L11.3794 16.6904L11.4005 14.0348L13.6897 12.6888L16 11.3793L18.3103 12.6888Z" fill="#121212"/> </svg> </span> <% } %> </div> </div> <% index++ %> <% } %> <% } %> </div> <div class="tw-items-center tw-justify-center tw-absolute tw-bg-body tw-cursor-pointer tw-left-0 tw-right-0 tw-bottom-auto tw-w-auto tw-h-8 <% if (!(initialSlide > 0)) { %> is-hidden <% } %> product-image__thumbs-arrow" data-direction="prev"> <svg class="tw-transform lg:tw-rotate-90" width="8" height="12" xmlns="http://www.w3.org/2000/svg"><path d="M6.62.73a.7.7 0 0 0-.904-.074L5.63.73.68 5.68a.697.697 0 0 0-.197.388l-.008.107c0 .143.044.287.131.408l.074.087 4.95 4.95a.7.7 0 0 0 1.063-.904l-.073-.086-4.454-4.454L6.62 1.72a.7.7 0 0 0 0-.99z" fill="currentColor"/></svg> </div> <div class="tw-items-center tw-justify-center tw-absolute tw-bg-body tw-cursor-pointer tw-right-0 tw-left-0 tw-top-auto tw-bottom-0 tw-w-auto tw-h-8 <% if (initialSlide == (images_length - 1)) { %> is-hidden <% } %> product-image__thumbs-arrow" data-direction="next"> <svg class="tw-transform lg:tw-rotate-90" width="8" height="12" xmlns="http://www.w3.org/2000/svg"><path d="M1.505.606a.7.7 0 0 1 .903-.074l.087.074 4.95 4.95c.11.109.175.245.197.387l.008.107a.698.698 0 0 1-.131.408l-.074.087-4.95 4.95a.7.7 0 0 1-1.064-.903l.074-.087 4.454-4.454-4.454-4.456a.7.7 0 0 1 0-.99z" fill="currentColor"/></svg> </div> </div> <% } %> </script> <script type="text/html" id="product_images_tpl"> <div class="lg:tw-col-span-6 tw-h-full product-image" <% if (images_length > 1) { %> data-thumb-position="next"<% } %> > <div class="tw-flex tw-sticky tw-top-0"> <% include ('product_thumb_tpl', { product: product, selectedVariant: selectedVariant, type: type, images_length: images_length, variant_images: variant_images, initialSlide: initialSlide }) %> <div class="tw-w-full support-slick product-image__content" data-change="<%= !remove_variant_images_on %>"> <% if (images_length > 0) { %> <% var index = 0 %> <% for (var i = 0; i < product.images.length; i++) { %> <% var item = product.images[i]; %> <% if (item && variant_images.indexOf(item.path) == -1) { %> <% var visible = initialSlide == index ? 1 : 0; %> <div class="<% if (!visible) { %> tw-hidden <% } %> tw-outline-none tw-cursor-pointer product-info__slide" data-list-item-idx="<%= index %>"> <% var media = $imports.media_parse(item.src); %> <% if (media.mp4 || media.hls) { %> <% include ('video_html_tpl', { media: media, padding_bottom: $imports.image_padding_bottom(item.width, item.height,'unlimit'), }) %> <% } else if (media.media_type == 'model3d') { %> <div class="tw-relative" data-zoom-idx="<%= index %>" style="padding-bottom: 100%;"> <button class="model-viewer-poster" data-model-src="<%= media.sources %>" data-model-poster="<%= item.src %>"> <img data-img-zoom="<%= item.src %>" data-lazy="<%= item.src %>" class="tw-w-auto tw-h-auto tw-max-h-full tw-max-w-full tw-m-auto imglazy" alt="<%= item.alt %>" data-media="<%= media.sources %>"/> <span class="tw-absolute tw-z-10 product_slide_enter"> <svg width="62" height="62" viewBox="0 0 62 62" fill="none" xmlns="http://www.w3.org/2000/svg"><rect x="0.5" y="0.5" width="61" height="61" rx="30.5" fill="white"/><path fill-rule="evenodd" clip-rule="evenodd" d="M38.6829 25.4254C39.289 25.7819 39.6635 26.4304 39.6691 27.1336L39.6998 31L39.6691 34.8665C39.6635 35.5696 39.289 36.2182 38.6829 36.5746L35.3498 38.5344L31.986 40.441C31.3743 40.7878 30.6254 40.7878 30.0136 40.441L26.6498 38.5344L23.3167 36.5746C22.7106 36.2182 22.3361 35.5696 22.3305 34.8665L22.2998 31L22.3305 27.1336C22.3361 26.4304 22.7106 25.7819 23.3167 25.4254L26.6498 23.4656L30.0136 21.559C30.6254 21.2123 31.3743 21.2123 31.986 21.559L35.3498 23.4656L38.6829 25.4254ZM34.3498 25.1977L37.6691 27.1495L35.3705 28.45L31.9836 30.4369C31.3765 30.7931 31.0013 31.4422 30.9957 32.146L30.9645 36.0639L30.9854 38.6929L27.6499 36.8024L24.3305 34.8506L24.2999 31L24.3305 27.1495L27.6499 25.1977L30.9998 23.2989L34.3498 25.1977Z" fill="#121212"/><rect x="0.5" y="0.5" width="61" height="61" rx="30.5" stroke="#E2E3DD"/></svg> </span> </button> </div> <% } else { %> <div style="padding-bottom:<%= $imports.image_padding_bottom(item.width, item.height,'unlimit') %>;" class="tw-relative slider-zoom <% if (zoom_on) { %> zoom_img <% } %>" data-zoom-idx="<%= index %>" data-remove-img="<%= remove_variant_images_on %>" > <img data-img-zoom="<%= $imports.reset_image(item.src, '1080x') %>" <% if (visible) { %> src="<%= $imports.reset_image(item.src, '1080x') %>" <% } else { %> data-lazy="<%= $imports.reset_image(item.src, '1080x') %>" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABAQMAAAAl21bKAAAABlBMVEXx8fH///8wmV1OAAAACXBIWXMAAA7EAAAOxAGVKw4bAAAACklEQVQImWNgAAAAAgAB9HFkpgAAAABJRU5ErkJggg==" <% } %> class="tw-absolute tw-inset-0 tw-w-full tw-h-full tw-m-auto product-image__swiper_img imglazy" alt="<%= item.alt || product.title %>" data-track="zoom_in" /> </div> <% } %> </div> <% index++ %> <% } %> <% } %> <% } else { %> <svg class="tw-flex tw-bg-svg tw-fill-svg tw-w-full tw-m-auto tw-w-full tw-h-full" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 800 800"><style type="text/css"> .st0{fill:none;} </style> <path d="M448.9,552.3h-10.7c-0.8,0-1.7,0.1-1.7-1s0.8-1.2,1.7-1.2c7.3,0,14.5,0,21.7,0c0.9,0,1.7,0.1,1.7,1.2s-0.9,1-1.7,1 L448.9,552.3z"/> <path d="M437.5,515.2c0,2.1-1.6,3.3-2.9,2.6c-2.1-1.2-4.2-2.5-6.1-4c-1-0.6-1.2-1.9-0.6-2.9c0.1-0.2,0.3-0.3,0.4-0.5 c1-1,2.1-0.8,3.4,0.2c1.5,1.1,3,2.1,4.5,3.2C436.6,514.2,437.1,514.7,437.5,515.2z"/> <path d="M348.7,539c0.4-0.6,0.8-1.1,1.3-1.5c1.6-1.2,3.2-2.3,4.8-3.5c0.9-0.8,2.3-0.8,3.2,0.1c0.8,0.8,0.8,2.1,0,2.9 c0,0-0.1,0.1-0.1,0.1c-2.1,1.6-4.2,3-6.5,4.3C350,542.2,348.7,541.2,348.7,539z"/> <path d="M384.3,322.9c-10.5-0.2-21-0.1-31.5-0.5c-16.1-0.6-32-2.2-47.5-7.2c-3.6-1.2-7.1-2.7-10.7-4c-0.7-0.3-1.4-0.6-0.9-1.5 s1.2-0.6,1.8-0.3c8.4,3.7,17.3,6.3,26.4,7.8c10.3,1.9,20.8,3,31.3,3.2c24.1,0.3,48.2,0.2,72.3,0.3c0.5-0.1,1-0.1,1.5,0.1 c0.4,0.2,0.7,0.8,1,1.2c-0.4,0.3-0.8,0.8-1.2,0.8c-14.2,0-28.3,0-42.5,0L384.3,322.9z"/> <path d="M446.6,322.8c-0.6,0.1-1.1,0.1-1.7,0c-0.5-0.3-0.9-0.6-1.3-1c0.4-0.4,0.8-1,1.2-1.1c2.6-0.2,5.2-0.3,7.9-0.5 c12.9-0.9,25.6-2.4,38.1-6c1.8-0.5,3.5-1.1,5.3-1.6c0.8-0.2,1.5-0.4,1.8,0.7s-0.5,1.2-1.2,1.5c-7.1,2.4-14.3,4.1-21.7,5.1 c-9.4,1.3-18.9,2.2-28.4,3.3V322.8z"/> <rect x="412.5" y="495.9" transform="matrix(0.9132 -0.4075 0.4075 0.9132 -168.6624 216.6242)" class="st0" width="23.3" height="16.7"/> <path d="M424.1,501.5c0.7-0.3,1.6,0,1.9,0.8l0.9,1.9c0.3,0.7,0,1.6-0.7,1.9l-1.9,0.9c-0.7,0.3-1.6,0-1.9-0.7c0,0,0,0,0,0l-0.9-1.9 c-0.3-0.7,0-1.6,0.7-1.9L424.1,501.5L424.1,501.5z"/> <path d="M419.8,504.8c-0.4-0.8-0.3-1.8,0.1-2.6c-0.9-1.2-6.8-2.2-8.3-1.5c-0.8,0.4-1.2,1.4-0.8,2.2l5.4,12.1 c0.4,0.8,1.4,1.2,2.2,0.8c1.5-0.7,4.7-5.8,4.4-7.2c-0.9-0.2-1.6-0.8-2-1.6L419.8,504.8L419.8,504.8z"/> <path d="M436.7,507.8c0.8-0.4,1.2-1.4,0.8-2.2l-5.4-12.1c-0.4-0.8-1.4-1.2-2.2-0.8c-1.5,0.7-4.7,5.8-4.4,7.2c0.9,0.2,1.6,0.8,2,1.6 l1,2.3c0.4,0.8,0.3,1.8-0.1,2.6C429.2,507.5,435.1,508.5,436.7,507.8L436.7,507.8z"/> <rect x="354.5" y="516.1" transform="matrix(0.4693 -0.883 0.883 0.4693 -273.4109 600.4748)" class="st0" width="16.7" height="23.3"/> <path d="M363.1,525l1.8,1c0.7,0.4,1,1.2,0.6,2c0,0,0,0,0,0l-1,1.8c-0.4,0.7-1.2,1-2,0.6c0,0,0,0,0,0l-1.9-1c-0.7-0.4-1-1.2-0.6-1.9 c0,0,0,0,0-0.1l1-1.8C361.5,524.9,362.4,524.6,363.1,525C363.1,525,363.1,525,363.1,525L363.1,525z"/> <path d="M367.1,528.5l-1.1,2.2c-0.4,0.8-1.2,1.4-2.1,1.5c-0.4,1.4,2.5,6.7,3.9,7.5c0.8,0.4,1.8,0.1,2.2-0.7l6.2-11.8 c0.4-0.8,0.1-1.8-0.7-2.2c-1.5-0.8-7.5-0.2-8.4,0.9C367.6,526.8,367.6,527.8,367.1,528.5L367.1,528.5z"/> <path d="M350.1,530.3c1.5,0.8,7.5,0.2,8.4-0.9c-0.4-0.8-0.4-1.8,0.1-2.6l1.2-2.2c0.4-0.8,1.2-1.4,2.1-1.5c0.4-1.4-2.5-6.7-3.9-7.5 c-0.8-0.4-1.8-0.1-2.2,0.7c0,0,0,0,0,0l-6.2,11.8C349,528.9,349.3,529.9,350.1,530.3L350.1,530.3z"/> <path d="M585,563.6c-1.3-14.9-5.2-29.5-11.5-43.1c-1-1.9-1.8-4-2.3-6.1c-2.2-10.3-2.5-20.6,0.4-31c2.8-10.1,3.1-20.6,3.6-31 c0.5-12.5,0.3-25.1-0.6-37.6c-0.4-8-1.7-15.9-3.9-23.7c-4.5-14.9-11.7-28.9-21.1-41.3c-7.5-9.9-15.9-19.1-23.9-28.7 c-1.9-2.3-3.9-4.5-5.9-6.9l1.3-0.9c6.8-4.8,12.5-10.5,16.1-18.1c4.4-9.4,6.3-19.3,3.7-29.6c-2.1-8.5-8-15.7-19.8-15.5 c-27.3,0.3-54.7,0.1-82,0.1H437c-0.1-0.5-0.1-0.8-0.2-1.1c-2-14.6-7.6-28.5-16.4-40.3c-3.3-4.8-7.9-8.4-13.4-10.3 c-4.9-1.6-9.9-1.6-15-1.5c-8.6-0.1-16.6,3.9-21.7,10.8c-8,10.6-13.5,22.8-16.2,35.8c-0.5,2.2-0.8,4.4-1.1,6.7h-1.7 c-24.5,0-49.1,0-73.6,0c-7.6,0-13,3.5-16.3,10.2c-3,5.9-3.5,12.1-2.9,18.6c1.2,12,6.1,22.1,15.2,30.1c2.1,1.8,4.3,3.4,6.5,5.2 c-0.2,0.3-0.5,0.6-0.8,0.9c-4.7,5.5-9.4,11-14.2,16.5c-8.5,9.6-16.5,19.6-23.1,30.7c-10.5,17.6-16.8,36.4-16.6,57.2 c0.1,13.7,0,27.5,0.4,41.2c0.1,9,1.1,17.9,3,26.7c1.8,7.5,1.6,15.3,0.7,22.9c-0.2,2.5-0.7,4.9-1.7,7.2c-3.5,7.6-6.4,15.4-8.6,23.4 c-3,10.9-4.6,22.2-4.7,33.5c0,8.1,3.1,14.5,9.9,19c4,2.6,8.3,4.6,12.9,6c8.1,2.4,16.4,3.6,24.9,3.4c90.7,0,181.4,0,272.1,0 c6.1,0.1,12.2-0.3,18.3-1.2c8-1.3,15.6-3.5,22.4-8c5.7-3.8,9.8-8.8,10.1-15.9C585.4,573.2,585.4,568.4,585,563.6z M432.7,249.7h-8.9 c0.8-9.1,0.8-18.2-0.1-27.2C428.5,230.9,431.5,240.1,432.7,249.7z M370.5,231.7c0.1-7,1.2-13.9,3.3-20.5c0.2-0.5,0.4-1,0.8-1.5 c3.9-4.6,8.7-7.7,14.8-8.2c4.5-0.5,9.1-0.4,13.5,0.4c5.4,1,9.5,4,12.9,8.1c0.9,1.1,1.1,2.7,1.5,4.1c2.6,9.4,2.9,19.1,2.4,28.8 c-0.1,1.9-0.4,3.7-0.4,5.6c0,1.4-0.4,1.7-1.8,1.7c-14.9-0.1-29.9,0-44.8,0h-2C370.6,243.9,370.4,237.8,370.5,231.7L370.5,231.7z M366.6,222.5c-0.9,9.1-0.9,18.3-0.1,27.4h-8.9C358.7,240.3,361.8,231,366.6,222.5L366.6,222.5z M279.1,307.5 c-9.4-7.1-15.3-17.9-16.1-29.7c-0.5-5.3-0.1-10.5,2.2-15.4c1.4-3.1,3.4-5.6,6.8-6.8c0.2-0.1,0.4-0.1,0.7-0.1 c-5.2,6.2-6.2,13.2-5.5,20.9c0.8,11.4,6.7,21.7,16.1,28.2c0.5,0.4,1.1,0.5,1.8,0.5c0.9-0.3,0.7-1.4-0.3-2.1 c-3.3-2.4-6.3-5.3-8.8-8.6c-3.8-5.2-6.1-11.4-6.5-17.9c-0.4-4.5-0.4-8.9,1.2-13.1c1.2-3.2,3-6.1,6-7.9c0.8-0.5,1.7-0.8,2.6-0.8 c80.5,0,161-0.1,241.5-0.1c1.9,0.1,3.6,0.9,4.8,2.4c3,3,4.9,7.1,5.2,11.4c1.4,15.1-4.1,27-16.7,35.6c-1.4,1-2.9,1.8-4.4,2.7 c-0.8,0.5-1.4,1-0.8,1.9s1.3,0.4,2,0c5.8-3.2,10.9-7.5,14.9-12.7c4.5-6,6.7-12.8,7.3-20.3c0.7-5.2-0.2-10.5-2.3-15.3 c-0.9-1.7-1.9-3.3-3-4.8c3.1,1,5.7,3.4,7,6.4c2.3,4.8,3.2,10.2,2.5,15.4c-0.4,4.7-1.5,9.2-3.2,13.6c-3.7,8.7-10,15.1-17.9,20 c-8.4,5.2-17.6,8.4-27.1,10.6c-10.9,2.6-22,4.1-33.2,4.6c-10.8,0.4-21.5,0.7-32.3,0.7c-22.2,0.1-44.5,0.1-66.7-0.2 c-17.5-0.2-34.9-1.9-51.9-6.8C295.5,317.2,286.7,313.5,279.1,307.5L279.1,307.5z M405.8,438.3c0.1,1.4,0.1,2.8,0.2,4.2h-11.6v-4.2 H405.8z M394.6,435.9V422h11v14L394.6,435.9z M405.7,417.3c-0.5,0-0.9,0.1-1.2,0.1h-9.7c-0.4-20.7-2.1-41.1-4.4-61.7h4.5 c2.7,0,3.3-0.6,3.3-3.2c0-6.4,0-12.9,0-19.3v-1.7h3.8v21.1c0,2.4,0.6,3.1,3,3.1h4.6c0.1,0,0.2,0.1,0.3,0.2 C408,376.3,405.6,396.7,405.7,417.3L405.7,417.3z M380.5,344.5c4.4,0,8.7,0,13.1,0l0.3,0.5c-0.3,0.2-0.6,0.6-1,0.6 c-4.1,0-8.3,0-12.4,0c-0.3,0-0.6-0.4-0.9-0.6C380,344.8,380.3,344.5,380.5,344.5L380.5,344.5z M379.7,342v-10.5h13.8V342L379.7,342z M379.8,347.8h14v3.5h-14V347.8z M406.5,351.2v-3.5h14v3.5H406.5z M419.8,345.5c-4.2,0-8.4,0-12.6,0c-0.3,0-0.6-0.4-0.9-0.7l0.2-0.4 h13.8l0.2,0.3C420.3,345.1,420,345.5,419.8,345.5L419.8,345.5z M406.5,341.9v-10.5h13.9v10.5H406.5z M229.4,525.7 c3.8-8.8,8.4-17.2,13.8-25.1c0.5-0.6,0.8-1.4,0.8-2.2c-0.2-0.8-0.8-1.5-1.5-1.9c-1-0.4-2.1,0-2.6,0.9c-1.4,2.1-2.7,4.2-4.1,6.2 c-0.2,0.3-0.4,0.5-0.7,1.1c0-0.7-0.1-1.1-0.1-1.5c-0.1-5.8-0.1-11.6-1.5-17.2c-2.3-9.5-2.7-19.3-3-29c-0.4-11.3-0.4-22.7-0.3-34 c0.1-8.7,0.5-17.4,2.4-25.9c2.3-10.8,7-20.7,12.3-30.3c6-10.8,13.5-20.5,21.7-29.8c5.8-6.6,11.5-13.4,17.3-20.1 c0.2-0.2,0.4-0.4,0.7-0.7c7.4,4,15.3,7,23.5,9c9.6,2.4,19.4,4,29.3,4.8c12,1.1,24.1,1.2,36.2,1.2h1.7v1.7c0,6.5,0,13,0,19.5 c0,2.5,0.6,3.1,3.1,3.1h7.5c2.1,20.5,4,41,4.4,61.7h-100c-1.7,0.1-2.5,0.8-2.5,2.5c0,8.2,0,16.3,0,24.5c0,2,0.8,2.6,3,2.6h98.8 c-0.2,2.5-0.4,4.9-0.6,7.3c-0.8,9.3-2.4,18.5-4.8,27.6c-1.9,6.7-4.6,13.2-8.2,19.2c-3.2,5.5-6.3,11.1-9.4,16.7 c-0.2,0.4-0.6,0.9-0.5,1.3c0.1,0.8,0.5,1.6,1,2.3c0.7,0.6,1.8,0.6,2.4-0.1c0,0,0,0,0,0c0.3-0.2,0.5-0.5,0.6-0.8 c4.2-7.4,8.5-14.8,12.4-22.4c4.4-8.3,6.8-17.3,8.3-26.5c1.3-8,2.2-16.1,3.4-24.4h11.8c0.3,3.3,0.5,6.6,0.9,9.8 c1.4,12.8,3.5,25.4,8.6,37.3c0.5,1.2,1.1,2.3,1.7,3.5c0.5,1.1,1.8,1.6,2.9,1.1c1.1-0.5,1.6-1.8,1.1-2.9c0-0.1-0.1-0.2-0.1-0.2 c-5.8-11.9-8.1-24.6-9.6-37.6c-0.4-3.3-0.6-6.6-0.9-9.8c0-0.4,0-0.8,0-1.2h61.7v27.1h17.7V447h19.4c2.4,0,3-0.7,3-3.1v-23.3 c0-2.6-0.6-3.2-3.2-3.2h-99.1c0.1-20.7,2.1-41.1,4.3-61.7h6.9c3,0,3.5-0.5,3.5-3.5v-20.9h1.7c9.8-0.2,19.7-0.2,29.5-0.7 c16.3-0.9,32.3-3.2,47.8-8.9c4.1-1.5,8-3.5,12.2-5.3c0.7,0.8,1.5,1.8,2.4,2.7c7.8,9.1,15.8,18,23.3,27.3 c11.9,14.9,21.2,31.3,25.8,50c1.7,7.2,2.6,14.6,2.6,22c0.3,11,0.5,22,0.3,33c-0.2,10.4-0.8,20.9-3.4,31.1c-1.8,6.6-2.5,13.5-2,20.3 c0,0.3,0,0.6,0,1.4l-4-6c-0.3-0.4-0.5-1.1-1-1.2c-0.8-0.4-1.6-0.5-2.4-0.3c-1,0.4-1.4,1.6-0.9,2.5c0,0,0,0,0,0.1 c0.4,0.8,0.9,1.7,1.5,2.4c5.2,7.7,9.5,16,13.1,24.5c0.1,0.3,0.2,0.6,0.3,1h-67.1v-67.3c0-0.6,0-1.2-0.1-1.9c-0.2-1.2-1.3-2-2.5-1.7 c-0.9,0.2-1.6,0.9-1.8,1.9c0,0.5,0,1,0,1.6v67.4c0,4.8-0.2,9.6,0.1,14.4c0.1,2.9-1.3,4.4-3.5,5.6c-3.7,2.1-7.9,2.5-12,2.5 s-8.3,0-12.5,0.1c-0.5,0-0.9,0.7-1.4,1c0.4,0.4,0.8,0.8,1.3,1.1c0.1,0.1,0.4,0,0.6,0c4.6,0,9.2,0,13.7-0.2c2.5-0.1,4.9-0.4,7.3-1.1 c2.2-0.7,4.3-1.6,6.3-2.6c0.1,3-1.5,5.8-4.1,7.2c-3.3,1.8-6.9,2.2-10.5,2.4c-1,0-2,0.1-3,0.1c-54.4,0-108.8,0-163.2,0 c-3.5,0-6.9-0.4-10.3-1.2c-4.7-1.1-7.1-4-7.2-8.1c0-0.2,0-0.4,0.1-0.8c3.2,2.8,7,3.5,10.9,4c2.1,0.2,4.2,0.3,6.3,0.3 c34.4,0,68.8,0,103.2,0c0.6,0.1,1.1,0,1.7-0.1c0.5-0.2,0.8-0.7,0.9-1.2c0-0.2-0.6-0.7-1-0.9c-0.5-0.1-0.9-0.1-1.4,0 c-35,0-70,0-104.9,0c-4.1,0-8.2-0.4-12-2.3c-0.8-0.4-1.5-0.9-2.1-1.4c-1.2-0.9-1.8-2.3-1.8-3.8c0-27.4,0-54.9,0-82.3 c0-0.6,0-1.2-0.1-1.9c-0.1-1.1-1-1.9-2.1-1.9c0,0,0,0,0,0c-1.1-0.1-2.1,0.8-2.1,1.9c0,0,0,0,0,0c0,0.5,0,1,0,1.6v67.4h-68.3 C229.1,526.7,229.2,526.2,229.4,525.7z M292.3,435.9V422h97.8v13.9L292.3,435.9z M389.9,438.4v4.2h-97.6v-4.2H389.9z M481.6,438.1 c0.5,0.1,0.9,0.2,1.4,0.1h25v4.4h-97.4v-4.4h51.7c0.5,0.1,1,0,1.5-0.1c0.4-0.2,0.7-0.6,0.8-1.1c0-0.3-0.5-0.8-0.8-0.9 c-0.5-0.1-1-0.1-1.6-0.1h-51.7v-14h97.8v14H483c-0.4-0.1-0.9,0-1.3,0.1c-0.4,0.2-0.9,0.6-0.9,0.9 C480.9,437.4,481.2,437.9,481.6,438.1z M477,447.8h8.6v21.8H477L477,447.8z M571.4,591c-6.6,3.7-13.9,5.9-21.4,6.5 c-5,0.5-10.1,0.7-15.1,0.7c-91.5,0-182.9,0-274.4,0c-9.1,0.1-18-1.5-26.5-4.8c-3.7-1.4-7.1-3.6-10-6.4c-2.7-2.7-4.3-6.3-4.4-10.1 c-0.3-6.6,0.1-13.2,1.2-19.7c1.2-8.2,3.2-16.3,5.9-24.1c0.3-0.7,0.5-1.2,1.4-1.2c22.7,0,45.3,0,68,0c0.2,0,0.5,0,1,0.1v1.6 c0,4.5,0,9,0,13.5c0,7.6,3.6,12.4,11.1,14.2c3.4,0.8,6.8,1.2,10.3,1.2c54.8,0.1,109.6,0.1,164.4,0c4.1,0.1,8.1-0.5,12-1.7 c6-2.1,9.4-6.6,9.5-13c0.1-4.7,0-9.4,0-14.2V532h1.5c21.9,0,43.9,0,65.8,0c1-0.2,1.9,0.5,2.1,1.5c4.5,13.2,6.9,27.1,7.2,41.1 C581.2,582.1,577.8,587.3,571.4,591z"/> <path d="M330.5,281.8h33.1c1,0,1.8,0.8,1.8,1.8v1.1c0,1-0.8,1.8-1.8,1.8h-33.1c-1,0-1.8-0.8-1.8-1.8v-1.1 C328.7,282.6,329.5,281.8,330.5,281.8z"/> <path d="M404.3,281.8h65.2c1,0,1.8,0.8,1.8,1.8v1.1c0,1-0.8,1.8-1.8,1.8h-65.2c-1,0-1.8-0.8-1.8-1.8v-1.1 C402.6,282.6,403.4,281.8,404.3,281.8z"/> <path d="M371.7,281.8h17.1c1,0,1.8,0.8,1.8,1.8v1.1c0,1-0.8,1.8-1.8,1.8h-17.1c-1,0-1.8-0.8-1.8-1.8v-1.1 C369.9,282.6,370.7,281.8,371.7,281.8z"/> <path d="M394,281.8h1.1c1,0,1.8,0.8,1.8,1.8v1.1c0,1-0.8,1.8-1.8,1.8H394c-1,0-1.8-0.8-1.8-1.8v-1.1 C392.3,282.6,393.1,281.8,394,281.8z"/> <rect class="st0" width="800" height="800"/> <g id="-1"> <path d="M521,579.2l1.5,0.2v1.5l0.1-0.2c0.7-0.9,1.8-1.5,3-1.5c2.1,0,4.2,1.6,4.2,4.6s-2.2,4.6-4.2,4.6 c-1.2,0-2.3-0.5-3-1.4l-0.1-0.1v4l-1.5-0.2V579.2z M515.2,579.2c2.5,0,4.6,2.1,4.6,4.6c0,1.2-0.5,2.4-1.3,3.3 c-0.9,0.9-2.1,1.4-3.3,1.3c-2.5,0-4.6-2.1-4.6-4.6C510.6,581.3,512.7,579.2,515.2,579.2z M500.1,577.7L500.1,577.7l-0.8,1.3 l-0.1-0.1c-0.9-0.8-2.1-1.2-3.3-1.2c-1.4,0-2.3,0.7-2.3,1.7l0,0.1l0,0.1l0,0.1l0,0.1c0,0,0,0,0,0l0,0.1l0,0.1l0,0.1c0,0,0,0,0,0 l0,0.1l0,0l0,0l0,0.1c0,0,0,0,0,0.1l0,0.1c0.1,0.2,0.2,0.3,0.4,0.5l0.1,0.1c0.1,0,0.1,0.1,0.2,0.1l0.1,0.1c0.1,0,0.2,0.1,0.3,0.1 l0.1,0.1c0,0,0.1,0,0.1,0.1l0.1,0.1l0.2,0.1c0,0,0.1,0,0.1,0l0.2,0l0.2,0c0,0,0.1,0,0.1,0l0.2,0l0.2,0l0.2,0l0.1,0 c0.2,0,0.4,0.1,0.6,0.1l0.2,0.1c2.1,0.6,3.1,1.6,3.1,3.2l0,0.1c0,1-0.4,1.9-1.2,2.5c-0.8,0.6-1.9,1-2.9,0.9c-1.8,0-3.5-0.7-4.8-1.9 l-0.1-0.1l1-1.2l0.1,0.1c1.3,1.1,2.4,1.6,3.9,1.6s2.5-0.7,2.5-1.9l0-0.1c0,0,0-0.1,0-0.1l0-0.1c-0.1-0.5-0.4-1-1.2-1.3l-0.1-0.1 c-0.1-0.1-0.3-0.1-0.5-0.2l-0.2-0.1c0,0-0.1,0-0.1,0l-0.2,0l-0.2,0c0,0-0.1,0-0.1,0l-0.2,0c0,0-0.1,0-0.1,0l-0.2,0 c-0.1,0-0.1,0-0.2,0l-0.2,0l-0.2,0c0,0-0.1,0-0.1,0l-0.2-0.1c-1.8-0.5-3-1.4-3-3.2c0-1.9,1.7-3.3,4-3.3 C497.4,576.1,498.9,576.7,500.1,577.7z M538,579.3c2.4,0,3.8,1.3,3.8,3.6v5.4l-1.5-0.2v-1l-0.1,0.1c-0.7,0.7-1.7,1.1-2.7,1.1 l-0.1,0c-1.7,0-3.3-0.8-3.3-2.7s1.5-3.1,3.8-3.1c0.8,0,1.5,0.1,2.3,0.3l0.2,0.1v-0.2c0-1.4-0.8-1.9-1.6-2l-0.1,0l-0.1,0l0,0l-0.1,0 l-0.1,0l0,0l-0.1,0l-0.1,0l-0.2,0l-0.1,0c-0.9,0-1.8,0.2-2.6,0.6l-0.1,0.1l-0.5-1.3l0.1-0.1C535.8,579.5,536.9,579.3,538,579.3z M563.6,579.3c2.4,0,3.8,1.3,3.8,3.6v5.4l-1.5-0.2v-1l-0.1,0.1c-0.7,0.7-1.7,1.1-2.8,1.1l-0.1,0c-1.7,0-3.3-0.8-3.3-2.7 s1.5-3.1,3.8-3.1c0.8,0,1.5,0.1,2.3,0.3l0.2,0.1v-0.2c0-1.4-0.8-1.9-1.6-2l-0.1,0l-0.1,0l0,0l-0.1,0l-0.1,0l0,0l-0.1,0l-0.1,0 l-0.2,0l-0.1,0c-0.9,0-1.8,0.2-2.6,0.6l-0.1,0.1l-0.5-1.3l0.1-0.1C561.5,579.5,562.5,579.3,563.6,579.3z M550.4,579.4l0.2,1 l-5.6,6.5h5.6v1.3h-7.5l-0.2-1l5.5-6.5h-5.4v-1.3H550.4z M558.9,579.4l0.2,1l-5.6,6.5h5.6v1.3h-7.5l-0.2-1l5.5-6.5h-5.4v-1.3H558.9 z M501.8,575.9l1.5,0.2v4.5l0.1-0.2c0.7-0.8,1.6-1.3,2.7-1.2c2.1,0,3.4,1.4,3.4,3.6v5.5L508,588v-4.9c0-1.6-0.8-2.5-2.2-2.5 s-2.4,1.1-2.4,2.6v5l-1.5-0.2V575.9z M531.3,575.6l1.5,0.2v12.4l-1.5-0.2V575.6z M538,583.7c-1.4,0-2.4,0.7-2.4,1.8s1.1,1.6,2,1.6 c1.6,0,2.7-1.5,2.7-2.4v-0.7l-0.1,0C539.5,583.9,538.7,583.7,538,583.7z M563.6,583.7c-1.4,0-2.4,0.7-2.4,1.8s1.1,1.6,2,1.6 c1.6,0,2.7-1.5,2.7-2.4v-0.7l-0.1,0c-0.7-0.2-1.4-0.3-2.2-0.3L563.6,583.7z M515.2,580.6c-1.7,0-3,1.3-3,3.2c0,1.8,1.3,3.2,3,3.2 s3-1.4,3-3.2S516.9,580.6,515.2,580.6z M525.5,580.6c-1.5,0-3,1.2-3,3.2s1.5,3.2,3,3.2c1.7,0,2.9-1.3,2.9-3.2 S527.2,580.6,525.5,580.6z"/> </g></svg> <% } %> </div> </div> </div> </script> <script type="text/html" id="product_info_body_art_tpl"> <div class="tw-h-full <% if (type == 'shop') { %> product__info-wrapper lg:tw-pl-16 lg:tw-col-span-4 <% } else { %> tw-w-full <% } %>"> <div class="tw-sticky tw-top-0"> <% if (type == 'shop') { %> <div class="product-info__header"> <h3 class="tw-mb-0 tw-title-sm type-title-font-family tw-break-words product-title-transform product-info__header_title"> <%= product.title %> </h3> </div> <% } %> <form class="product-info quick_product-info-<%= product.id %>"> <% var available = false; if (selectedVariant && selectedVariant.available && product.available) { available = true; } var slider_swatch_name = ''; var slider_swatches = ["color","colour","couleur","colore","farbe","\uc0c9","\u8272","f\u00e4rg","farve"]; var thumb_swatch_name = ''; var thumb_swatches = []; %> <input type="hidden" name="product_id" value="<%= product.id %>" /> <input type="hidden" name="variant_id" class="selected_variant_id_<%= product.id %>" value="<%= selectedVariant.id %>" /> <div class="tw-relative product-info__body" data-sold-out="Sorry, the goods have been sold out." data-unavailable="This combination does not exist, please try other."> <% var colors_label = ['color','colour','couleur','colore','farbe','색','色','färg','farve'] %> <div class="<% if (type == 'shop') { %> tw-mt-6 lg:tw-mt-5 <% } %> tw-space-y-2 tw-flex tw-flex-col tw-items-start product-info__variants"> <% for (var i = 0; i < product.options.length; i++) { %> <% var opt = product.options[i]; var optIdx = 'option' + (i + 1); var selectedOptValue = (selectedVariant && selectedVariant[optIdx]) || ''; var optname = opt.name.toLowerCase(); var is_thumbnail = false; if (!slider_swatch_name) { for (var j = 0; j < slider_swatches.length; j++) { var slider_swatch = slider_swatches[j].toLowerCase(); if (slider_swatch == optname) { slider_swatch_name = slider_swatch; break; } } } %> <div class="<% if (is_thumbnail) { %> product-info__variants_thumbnail <% } %> <% if (slider_swatch_name == optname) { %> slider-switch <% } %> product-info__variants_items" > <% var variant_type = 'button' %> <% if (is_thumbnail || variant_type == 'button' ) { %> <div class="tw-body-plus-1 tw-font-semibold product-info__variants_title"> <%= opt.name %><% if (is_thumbnail && selectedOptValue) { %> — <span class="tw-font-normal variant_color-label"><%= selectedOptValue %></span><% } %> </div> <div class="tw-mt-[10px] tw-flex tw-flex-wrap product-info__variants_value-wrapper"> <% for (var j = 0; j < opt.values.length; j++) { %> <% var value = opt.values[j]; %> <div class="product-info__variants_value product-info__variants-btn-wrapper tw-mb-4 tw-mr-2 tw-relative tw-flex tw-items-center tw-pt-[0.5px] tw-pr-3 tw-break-words" > <input type="radio" class="tw-hidden product-info__variants_radio" data-click="quick" name="<%= optIdx + '-' + product.id %>" id="<%= optIdx + '-' + j + '-' + product.id + '-quick' %>" <% if (value == selectedOptValue) { %> checked <% } %> value="<%= value %>" /> <% if (is_thumbnail) { %> <% var thumbnail_image = ''; var optValue = ''; for (v of product.variants) { if (optIdx.indexOf('option1') != -1) { optValue = v.option1; } if (optIdx.indexOf('option2') != -1) { optValue = v.option2; } if (optIdx.indexOf('option3') != -1) { optValue = v.option3; } if (thumbnail_image == '' && optValue == value) { thumbnail_image = v.image.src; } } %> <label optValue="<%= optValue %>" <% if (is_thumbnail) { %> style="width:40px;height:40px;" <% } %> data-bgset="<%= $imports.reset_image(thumbnail_image, '180') %>" for="<%= optIdx + '-' + j + '-' + product.id + '-quick' %>" data-variants-value="<%= value %>" class="tw-inset-0 tw-bg-no-repeat tw-bg-cover tw-bg-center tw-cursor-pointer tw-rounded-full lazyload product-info__thumbnail" data-options-order="<%= j %>" data-click="select" data-track="switch_variants"></label> <% } else { %> <label for="<%= optIdx + '-' + j + '-' + product.id + '-quick' %>" class="tw-flex tw-items-center tw-justify-center tw-min-w-[42px] tw-h-[42px] lg:tw-h-10 tw-px-4 tw-cursor-pointer tw-rounded-[1px] product-info__label" data-variants-value="<%= value %>" data-options-order="<%= j %>" data-click="select" data-track="switch_variants"> <%= value %> </label> <% } %> </div> <% } %> </div> <% } else if (variant_type == 'dropdown') { %> <div class="tw-body-plus-1 tw-font-semibold product-info__variants_title"><%= opt.name %></div> <div class="product-info__dropdown-wrapper tw-relative tw-h-[46px] lg:tw-h-[42px] tw-mt-[10px] tw-mb-4 tw-border tw-border-solid tw-border-line tw-rounded-[1px]"> <select class="tw-h-full tw-pr-8 tw-pl-3 tw-z-10 tw-text-current tw-text-body-font-size type-body-font-family tw-bg-transparent tw-border-none tw-cursor-pointer tw-appearance-none" data-click="quick"> <% for (var j = 0; j < opt.values.length; j++) { %> <% var value = opt.values[j]; %> <option name="<%= optIdx + '-' + product.id %>" id="<%= optIdx + '-' + j + '-' + product.id + '-quick' %>" class="product-info__variants_value" value="<%= value %>" <% if (value == selectedOptValue) { %> selected <% } %> > <%= value %> </option> <% } %> </select> <div class="tw-absolute tw-flex tw-top-1/2 tw-right-3 tw-transform tw--translate-y-1/2 tw-pointer-events-none select-icon"><svg class="" width="12" height="10" xmlns="http://www.w3.org/2000/svg"><path d="M10.945 2.54a.65.65 0 0 1 .068.84l-.068.08-4.243 4.242a.647.647 0 0 1-.36.183l-.1.008a.648.648 0 0 1-.378-.122l-.081-.069L1.54 3.46a.65.65 0 0 1 .84-.988l.08.068 3.782 3.783 3.784-3.783a.65.65 0 0 1 .919 0z" fill="currentColor" fill-rule="nonzero"/></svg></div> </div> <% } %> </div> <% } %> </div> <div class="tw-mt-2 product-info__header_price-wrapper"> <div class="tw-body-plus-1 tw-leading-none tw-font-semibold">Price</div> <div class="tw-flex tw-flex-wrap tw-items-center tw-mt-3"> <del class="tw-text-compare-at-price-color tw-mr-3 <% if (selectedVariant.off_ratio <= 0) { %> tw-hidden <% } %> product-info__header_compare-at-price money"><%= $imports.finance_money_with_symbol(selectedVariant.compare_at_price) %></del> <div class="tw-text-price-color tw-mr-3 product-info__header_price money"><%= $imports.finance_money_with_symbol(selectedVariant.price) %></div> <% if (selectedVariant.off_ratio > 0) { %> <div class="<% if (selectedVariant.off_ratio <= 0) { %> !tw-hidden <% } %> tw-text-save-color product-info__save"> Save <span class="product-info__header_save-amount money"><%= $imports.finance_money_with_symbol((selectedVariant.compare_at_price - selectedVariant.price).toFixed(2)) %></span> </div> <% } %> </div> </div> <div class="product-info__btn <% if (!available) { %> variant_disabled <% } %>"> <div class=" product-info__qty_container"> <div class="tw-mt-[26px] tw-body-plus-1 tw-font-semibold">Quantity</div> <div class="product-info__qty tw-flex tw-w-[114px] tw-mt-2 tw-relative tw-justify-between tw-border-solid tw-border tw-border-line tw-rounded-global"> <button type="button" data-click="decrease" disabled class="tw-relative tw-bg-transparent tw-border-none tw-z-10 tw-box-border tw-no-underline tw-flex tw-flex-shrink-0 tw-text-body-color tw-items-center tw-justify-center tw-w-[38px] tw-h-[38px] tw-text-center tw-text-[#d8d8d8] lg:hover:tw-bg-[#f2f2f2] tw-rounded-global tw-rounded-r-none disabled:tw-cursor-default disabled:tw-bg-[#f9f9f9]"><svg class="tw-text-[#888888]" width="13" height="13" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11v1H1z" fill-rule="evenodd" fill="currentColor"/></svg></button> <input class="product-info__qty_num tw-absolute tw-box-border tw-px-9 tw-h-[38px] tw-w-full tw-text-base tw-flex-grow tw-bg-transparent tw-text-body-color tw-border-none tw-text-center tw-outline-none tw-p-0 tw-appearance-none" id="product_quantity_<%= product.id %>" name="quantity" type="text" value="1"/> <button type="button" data-click="increase" class="tw-relative tw-bg-transparent tw-border-none tw-z-10 tw-box-border tw-no-underline tw-flex-shrink-0 tw-text-body-color tw-flex tw-items-center tw-justify-center tw-w-[38px] tw-h-[38px] tw-text-center tw-text-[#d8d8d8] lg:hover:tw-bg-[#f2f2f2] tw-rounded-global tw-rounded-l-none disabled:tw-cursor-default disabled:tw-bg-[#f9f9f9]"><svg class="tw-text-[#888888]" width="13" height="13" xmlns="http://www.w3.org/2000/svg"><path d="M7 1v5h5v1H7v5H6V7H1V6h5V1h1z" fill="currentColor"/></svg></button> </div> </div> <div class="tw-flex tw-flex-col md:tw-mt-4 tw-mt-[30px] "> <button type="button" class="tw-relative tw-mx-0 tw-h-[54px] tw-body-plus-2 tw-cursor-pointer tw-font-semibold tw-rounded-btn <% if (available) { %> tw-secondary-btn <% } else { %> is-disabled <% } %> product-info__add-to-cart" data-click="quickAddToCart" data-on-sale="Add to cart" data-adding="Adding" data-added="Added" data-unavailable="Unavailable" data-sold-out="Sold out" data-btn-class=" tw-secondary-btn " data-track="click" data-track-content="add_to_cart" data-track-source="quick_shop"> <% if (available) { %> Add to cart<% if (enable_btn_price) { %> - <span class="money"><%= $imports.finance_money_with_symbol(selectedVariant.price) %></span><% } %> <% } else { %> Sold out <% } %> </button> <button type="button" class="tw-h-[54px] tw-mt-[10px] tw-mx-0 tw-primary-btn tw-border-none tw-body-plus-2 tw-font-semibold tw-rounded-btn <% if (!available) { %> tw-hidden <% } %> product-info__buy-now" data-click="quickSubmit" data-track="click" data-track-content="checkout" data-track-source="quick_shop"> Buy it now </button> <div class="product-info__tips empty:tw-hidden tw-mt-3 tw-text-center tw-font-medium tw-text-sm tw-opacity-70 lg:tw-text-[17px] lg:tw-leading-6" data-unavailable="Product is unavailable." data-out-of-stock="Product was out of stock."><% if (!available) { %>Product was out of stock.<% } %></div> </div> </div> </div> </form> </div> </div> </script> <style> .product-info__slide.zoom > video:first-child { z-index: 20; opacity: 1 !important; } </style> <script type="text/html" id="zoomed_tpl"> <div class="tw-fixed tw-inset-0 tw-bg-body tw-z-modal" id="zoomed"> <div class="tw-relative tw-w-full tw-h-full tw-overflow-hidden support-zoom-slick"> <% for (var i = 0; i < product.images.length; i++) { %> <% var item = product.images[i] %> <% if (variant_images.indexOf(item.path) == -1) { %> <% var height = (1080/item.aspect_ratio).toFixed() %> <% var media = $imports.media_parse(item.src); %> <% if (media.mp4 || media.hls) { %> <div class="!tw-flex tw-w-screen tw-h-screen tw-outline-none tw-cursor-pointer product-info__slide tw-relative"> <% include ('video_html_tpl', { media: media, padding_bottom: $imports.image_padding_bottom(item.width, item.height,'unlimit'), }) %> </div> <% } else if (media.media_type == 'model3d') { %> <div class="!tw-flex tw-w-screen tw-h-screen tw-outline-none tw-cursor-pointer product-info__slide tw-relative"> <button class="model-viewer-poster tw-w-auto tw-h-auto tw-max-h-full tw-max-w-full tw-m-auto" data-model-src="<%= media.sources %>" data-model-poster="<%= item.src %>"> <img data-img-zoom="<%= item.src %>" data-lazy="<%= item.src %>" class="tw-w-auto tw-h-auto tw-max-h-full tw-max-w-full tw-m-auto imglazy" alt="<%= item.alt %>" data-media="<%= media.sources %>"/> <span class="tw-absolute tw-z-10 product_slide_enter"> <svg width="62" height="62" viewBox="0 0 62 62" fill="none" xmlns="http://www.w3.org/2000/svg"><rect x="0.5" y="0.5" width="61" height="61" rx="30.5" fill="white"/><path fill-rule="evenodd" clip-rule="evenodd" d="M38.6829 25.4254C39.289 25.7819 39.6635 26.4304 39.6691 27.1336L39.6998 31L39.6691 34.8665C39.6635 35.5696 39.289 36.2182 38.6829 36.5746L35.3498 38.5344L31.986 40.441C31.3743 40.7878 30.6254 40.7878 30.0136 40.441L26.6498 38.5344L23.3167 36.5746C22.7106 36.2182 22.3361 35.5696 22.3305 34.8665L22.2998 31L22.3305 27.1336C22.3361 26.4304 22.7106 25.7819 23.3167 25.4254L26.6498 23.4656L30.0136 21.559C30.6254 21.2123 31.3743 21.2123 31.986 21.559L35.3498 23.4656L38.6829 25.4254ZM34.3498 25.1977L37.6691 27.1495L35.3705 28.45L31.9836 30.4369C31.3765 30.7931 31.0013 31.4422 30.9957 32.146L30.9645 36.0639L30.9854 38.6929L27.6499 36.8024L24.3305 34.8506L24.2999 31L24.3305 27.1495L27.6499 25.1977L30.9998 23.2989L34.3498 25.1977Z" fill="#121212"/><rect x="0.5" y="0.5" width="61" height="61" rx="30.5" stroke="#E2E3DD"/></svg> </span> </button> </div> <% } else { %> <div class="!tw-flex tw-w-screen tw-h-screen tw-outline-none tw-cursor-pointer product-info__slide zoom"> <img class="tw-w-auto tw-h-auto tw-max-h-full tw-max-w-full tw-m-auto imglazy" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABAQMAAAAl21bKAAAABlBMVEXx8fH///8wmV1OAAAACXBIWXMAAA7EAAAOxAGVKw4bAAAACklEQVQImWNgAAAAAgAB9HFkpgAAAABJRU5ErkJggg==" data-lazy="<%= $imports.reset_image(item.src, '1080x') %>" data-zoom-src="<%= $imports.reset_image(item.src, '1080x') %>" data-zoom-width="<% if (item.width < 1080) { %><%= item.width %><% } else { %>1080<% } %>" data-zoom-height="<% if (item.width < 1080) { %><%= item.height %><% } else { %><%= height %><% } %>" alt="<%= item.alt || '' %>" data-track="zoom_in"> </div> <% } %> <% } %> <% } %> </div> <div class="tw-flex tw-justify-center tw-items-center tw-absolute tw-bottom-[46px] lg:tw-botom-11 tw-w-full"> <% if (images_length > 1) { %> <a class="slide-arrow tw-rounded-full tw-shadow-zoomIcon tw-bg-body tw-text-body-color tw-flex tw-justify-center tw-items-center tw-w-[45px] tw-h-[45px]" href="javascript:;" data-direction="Prev"><svg class="tw-transform tw-rotate-180" width="8" height="13" xmlns="http://www.w3.org/2000/svg"><path d="M.47.47A.867.867 0 0 1 1.6.388l.097.084 5.417 5.416c.308.308.335.79.084 1.129l-.084.097-5.417 5.416a.867.867 0 0 1-1.31-1.128l.085-.097L5.275 6.5.47 1.696A.867.867 0 0 1 .387.568L.47.47z" fill="currentColor"/></svg></a> <% } %> <a class="zoomed_close tw-rounded-full tw-shadow-zoomIcon tw-bg-body tw-text-body-color tw-flex tw-justify-center tw-items-center tw-w-15 tw-h-15 tw-mx-[30px]" href="javascript:;"><svg class="" width="18" height="18" xmlns="http://www.w3.org/2000/svg"><path d="m14.445 2 1.131 1.131L9.92 8.788l5.657 5.657-1.13 1.131L8.787 9.92l-5.657 5.657L2 14.446l5.657-5.658L2 3.131 3.131 2l5.657 5.657L14.445 2z" fill="currentColor"/></svg></a> <% if (images_length > 1) { %> <a class="slide-arrow tw-rounded-full tw-shadow-zoomIcon tw-bg-body tw-text-body-color tw-flex tw-justify-center tw-items-center tw-w-[45px] tw-h-[45px]" href="javascript:;" data-direction="Next"><svg class="" width="8" height="13" xmlns="http://www.w3.org/2000/svg"><path d="M.47.47A.867.867 0 0 1 1.6.388l.097.084 5.417 5.416c.308.308.335.79.084 1.129l-.084.097-5.417 5.416a.867.867 0 0 1-1.31-1.128l.085-.097L5.275 6.5.47 1.696A.867.867 0 0 1 .387.568L.47.47z" fill="currentColor"/></svg></a> <% } %> </div> </div> </script> <style> .video_play_controls::after { content: ''; position: absolute; left: 0; top: 0; width: 100%; height: 100%; } .video_play_controls > .video_pause_icon { display: none; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); } .video_play_controls > .video_pause_icon > svg { display: block; } .video_play_controls.playing > .video_pause_icon { display: none !important; } .slides-active .video_play_controls > .video_pause_icon, .slick-active .video_play_controls > .video_pause_icon { display: block; } </style> <script> try { window.handleVideoClick = window.handleVideoClick || (e => { const classList = e.target.classList; if (!classList.contains('video_play_controls')) return; const video = e.target.querySelector('video'); video.paused ? video.play() : video.pause(); }); document.removeEventListener('click', window.handleVideoClick); document.addEventListener('click', window.handleVideoClick); ['pause', 'ended'].forEach(event => { window.addEventListener(event, e => { const video = e.target; video.parentNode.classList.remove('playing'); }, true); }); document.addEventListener('play', e => { const video = e.target; video.parentNode.classList.add('playing'); }, true); } catch (e) { console.error(e); } </script> <script type="text/html" id="video_html_tpl"> <div style="padding-bottom: <%= padding_bottom %>;" class="tw-relative video_play_controls <%= class_name %> tw-w-full"> <video x5-playsinline="true" playsinline="true" webkit-playsinline="true" poster="<%-media.preview_image%>" class="tw-absolute tw-inset-0 tw-m-auto tw-h-full tw-w-full tw-object-contain" style="width: 100%; cursor: pointer;"> <% if (media.hls) { %> <source src="<%-media.hls%>" type="application/x-mpegURL"> <% } %> <% if (media.mp4) { %> <source src="<%-media.mp4%>" type="video/mp4"> <% } %> </video> <div class="video_pause_icon"><svg width="100" height="102" viewBox="0 0 100 102" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M18 50c.145-10.607 1.987-19.389 7.373-24.627C30.611 19.987 39.393 18.145 50 18c10.607.145 19.389 1.987 24.627 7.373C80.013 30.611 81.855 39.393 82 50c-.145 10.607-1.987 19.389-7.373 24.627C69.389 80.013 60.607 81.855 50 82c-10.607-.145-19.389-1.987-24.627-7.373C19.987 69.389 18.145 60.607 18 50z" fill="#292929" fill-opacity=".24" filter="url(#filter0_f_3732_562)"/><path d="M20.595 48.334c.134-9.768 1.83-17.855 6.79-22.679 4.823-4.96 12.911-6.656 22.68-6.79 9.767.134 17.855 1.83 22.678 6.79 4.96 4.824 6.657 12.911 6.79 22.68-.133 9.767-1.83 17.855-6.79 22.678-4.823 4.96-12.911 6.657-22.679 6.79-9.768-.133-17.856-1.83-22.68-6.79-4.96-4.823-6.655-12.911-6.79-22.679z" fill="#fff" filter="url(#filter1_d_3732_562)"/><path d="M59.905 46.62c1.323.763 1.323 2.672 0 3.436l-13.392 7.732c-1.323.764-2.976-.19-2.976-1.718V40.605c0-1.527 1.653-2.481 2.976-1.718l13.392 7.733z" fill="#292929"/><defs><filter id="filter0_f_3732_562" x="0" y="0" width="100" height="100" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape"/><feGaussianBlur stdDeviation="9" result="effect1_foregroundBlur_3732_562"/></filter><filter id="filter1_d_3732_562" x=".595" y="2.865" width="98.939" height="98.939" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feColorMatrix in="SourceAlpha" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/><feOffset dy="4"/><feGaussianBlur stdDeviation="10"/><feComposite in2="hardAlpha" operator="out"/><feColorMatrix values="0 0 0 0 0.160784 0 0 0 0 0.160784 0 0 0 0 0.160784 0 0 0 0.03 0"/><feBlend in2="BackgroundImageFix" result="effect1_dropShadow_3732_562"/><feBlend in="SourceGraphic" in2="effect1_dropShadow_3732_562" result="shape"/></filter></defs></svg></div> </div> </script> <script> try { $(function(){ const sectionId = "1539149755240"; const sectionSelecter = '[data-section-id="' + sectionId + '"]'; const $section = $(sectionSelecter); const modal = '.collection__filter_modal'; const $modal = $(modal); const $content = $modal.find('.collection__modal_content'); $section.off('click.collection.filter_modal').on('click.collection.filter_modal', '.collection__filter_modal_btn', function(e){ $modal.show(); $section.find('.collection__sticky').addClass('tw-z-modal-backdrop'); $(document.body).addClass('tw-overflow-hidden'); $content.removeClass('tw-translate-y-full'); }); $section.off('click', modal).on('click', modal, function(e){ var $target = $(e.target); if(!($target.hasClass('filter_modal_close') || $target.parents('.filter_modal_close').length) && ($target.hasClass('collection__modal_content') || $target.parents('.collection__modal_content').length)){ return } $content.addClass('tw-translate-y-full'); $modal.hide(); $modal.find('[data-current-levels]').attr('data-current-levels', '1'); $modal.find('.is-active[data-ul]').removeClass('is-active'); $modal.find('[data-levels="1"]').addClass('is-active'); $section.find('.collection__sticky').removeClass('tw-z-modal-backdrop'); $(document.body).removeClass('tw-overflow-hidden'); }); $section.off('click.filter_next').on('click.filter_next', modal + ' .filter_next', function(e){ e.stopPropagation(); var $this = $(this); var next = $this.data('next'); if(!next){return}; var $currentMenu = $this.parents('.is-active[data-ul]').removeClass('is-active'); var $nextMenu = $modal.find('[data-ul="' + next + '"]'); var $footer = $modal.find('.filter_footer'); $nextMenu.hasClass('filter_menu') ? $footer.hide() : $footer.show(); $nextMenu.addClass('is-active'); $modal.find('[data-current-levels]').attr('data-current-levels', $nextMenu.data('levels')); }); $section.off('click.collection.filter_apply').on('click.collection.filter_apply', modal + ' .collection__filter_apply', function(e){ $section.trigger('collection.submit'); }); }) } catch (e) {console.log(e);} </script><script> try { $(function() { $(document).off('scroll.collection') var sectionId = "1539149755240"; var $section = $('[data-section-id="' + sectionId + '"]'); var $collectionWrapper = $("#collection__wrapper"); var $pagination = $('.collection-pagination'); var $list = $('.collection_list'); var $container = $('.collection_container'); var collectionId = '6a90f080-5b83-4dcb-8472-c6947364c89a'; var urlParams = $.params() || {}; var sort_by = urlParams.sort_by || 'manual'; var page = +urlParams.page || 1; var limit = +"40"; var count = +"0"; var hasMore = false; var loading = false; var getParams = function (url) { url = url || window.location.href; var params = {}; url.replace(/[?&]+([^=&]+)=([^&]*)/gi, function (str, key, value) { try { var decodeValue = decodeURIComponent(value); var decodeKey = decodeURIComponent(key); if (params[decodeKey]) { params[decodeKey].push(decodeValue); }else{ params[decodeKey] = [decodeValue]; }; } catch (e) { params[key] = [value]; } }); return params; }; var toQuery = function (obj) { var result = []; for (var key in obj) { const valArr = obj[key]; valArr.map(function (val) { result.push(encodeURIComponent(key) + '=' + encodeURIComponent(val)); }) } return result.join('&'); }; var showLoading = function(){ var loadingDom = '<div class="collection_loading_wrap md:tw-mb-5 tw-mt-9 lg:tw-mt-11 tw-opacity-[0.18] tw-flex tw-justify-center"><div class="collection_loading tw-relative tw-w-8 tw-h-8"></div></div>'; $pagination.after(loadingDom); $.loading.show({selector: '.collection_loading'}) }; var hideLoading = function(){ $.loading.hide(); $section.find('.collection_loading_wrap').remove(); } var paginationTrack = function (obj) { try { $(document.body).trigger("track", Object.assign({}, obj, { eventName: "collection_pagination_change" })); } catch (error) {} }; var paginationInit = function(){ $pagination.toggleClass('tw-hidden', count <= limit); $pagination.pagination({ page: page, pagesize: limit, total: Math.ceil(count / limit), onChange: function(e, data) { var extraParams = $.extend({}, getParams(), { page: [data.page] }) ; window.history.replaceState(null, '', '?' + toQuery(extraParams)); $(document).trigger("search.collection", { extraParams, isReplace: true, isScrollTop: true, cb: function(){ paginationTrack(data);} }); } }); }; paginationInit(); var updateProductList = function(res, isReplace){ var products = res.data.products || []; var $topProducts = ''; var topProductIds = []; $topProducts = $section.find('.top-product'); $topProducts.each(function(_, element) { topProductIds.push($(element).data('track-id')); }); products = products.filter(function(p) { return topProductIds.indexOf(p.id) === -1; }); isReplace && $topProducts.toggleClass('tw-hidden', !((urlParams.show_page == 'first_page' && page == 1) || urlParams.show_page == 'every_page')); paginationInit(); var html = window.template('collection-art-tpl', { products: products }); isReplace ? $list.html($topProducts).append(html) : $list.append(html) $('.product_number').html($('.product_number:eq(0)').text().replace(/\d+(\.\d+)?/g, res.data.count)); $list.toggleClass('md:tw-pb-0', !$list.find('.product-snippet').length); $list.find('.product-snippet').toggleClass('line', $container.attr('data-layout') == 'list'); $('.collection-no-data').toggle(!products.length); $(document).trigger('plugin_currency_update'); }; $(document).off("search.collection").on("search.collection",function(e, obj){ obj = obj || {}; var isReplace = obj.isReplace || false; var isScrollTop = obj.isScrollTop || false; var resParams = $.extend({}, { limit: [limit], page: [page], sort_by: [sort_by] }, obj.extraParams || {}); resParams.page = [resParams.page[0] - 1]; var url = '/api/collections/' + encodeURIComponent(collectionId) + '/cps?' + toQuery(resParams || ''); loading = true; if (isReplace) { $('.collection-no-data').addClass('tw-opacity-0'); $collectionWrapper.addClass('tw-opacity-0') } $.get(url).always(function(res, status){ if (res && res.data && status == 'success') { hasMore = !!res.data.has_more; page = res.data.page; count = res.data.count; isScrollTop && $("html,body").scrollTop($collectionWrapper.offset().top - 200); updateProductList(res, isReplace); } if (isReplace) { $('.collection-no-data').removeClass('tw-opacity-0'); $collectionWrapper.removeClass('tw-opacity-0') } obj.cb && obj.cb(res, status); loading = false; }); }); var collectionSort = function (val) { $section.find('.collection_sort_by').val(val); var extraParams = $.extend({}, getParams(), { page: [1], sort_by: [val] }) ; window.history.replaceState(null, '', '?' + toQuery(extraParams)); $section.trigger('search.collection', { extraParams, isScrollTop: true, isReplace: true, }); } $section.off('change.sort').on('change.sort', '.collection_sort_by', function (e) { sort_by = $(this).val(); !$(e.target).parents('.collection__filter_modal').length && collectionSort($(this).val()); }).off('click.layout').on('click.layout', 'i.icon_layout', function () { var layout = $(this).data('layout'); $('.collection_container, .collection_list').attr('data-layout', layout); // Remove all class and then apply $list.removeClass('tw-grid-cols-1 tw-grid-cols-2 lg:tw-grid-cols-1 lg:tw-grid-cols-2 small_desktop_column'); $list.addClass({ large: 'tw-grid-cols-1 lg:tw-grid-cols-2', small: 'tw-grid-cols-2 small_desktop_column', list: 'tw-grid-cols-1 lg:tw-grid-cols-1', }[layout]); $list.find('.product-snippet').toggleClass('line', layout == 'list'); }); $(document).off('scroll.filter').on('scroll.filter', function () { window.requestAnimationFrame(function () { var headerHeight = $('.header__fixed .header__nav').outerHeight(); var $sticky = $('.collection__sticky'); $('.collection_filter > div:first').css('top', headerHeight + 20 + 'px') $sticky.css('top', headerHeight - 1 + 'px'); $('.header__fixed-open .header').toggleClass('!tw-shadow-none', ($sticky && $sticky[0] && $sticky[0].getBoundingClientRect && $sticky[0].getBoundingClientRect().top) <= headerHeight ); }) }); $(function(){ var filterParamsArr = []; var enable_filter = false; $section.find($(window).width() > window.breakpoint ? '.collection__form_pc' : '.collection__form_md').find('[data-reset-wrap]').each(function(i, el) { var key = $(el).attr('data-reset-wrap'); if (key == 'filter.v.price') { filterParamsArr.push('filter.v.price.gte', 'filter.v.price.lte'); }else{ filterParamsArr.push(key) } }); var submit = function(){ $section.find('.collection__filter_modal').is(":hidden") && $section.trigger('collection.submit'); } var renderActives = function (arr) { var activesArr = []; var priceGte = ''; var priceLte = ''; var priceIndex = -1; arr.map(function(item, i) { var param_name = item.name; var value = item.value; if (param_name == 'filter.v.price.gte') { priceGte = value; priceIndex = priceIndex > -1 ? priceIndex : i; } else if (param_name == 'filter.v.price.lte') { priceLte = value; priceIndex = priceIndex > -1 ? priceIndex : i; } else { param_name != "sort_by" && activesArr.push({ type: 'list', param_name, value }); }; }); if (priceGte || priceLte) { activesArr.splice(priceIndex, 0, { type: 'price_range', param_name: 'filter.v.price', min_value: priceGte || '0', max_value: priceLte }) }; $('.collection-no-data').html(activesArr.length ? "No products found<br>Use fewer filters or <span class='collection__filter_clear_all'>clear all<\/span>" : "Sorry, there are no products in this collection."); var html = window.template('collection-fliter-actives-art-tpl', { activesArr }); $section.find('.collection__filter_actives').html(html); $section.find('.collection__filter_actives_pc').toggleClass('tw-pt-2', !!activesArr.length) }; var renderFilter = function (formData) { var filterParams = {} formData.map(function(item) { var key = item.name; var val = item.value; if (filterParams[key]) { filterParams[key].push(val); }else{ filterParams[key] = [val]; } }); var url = '/api/collections/' + encodeURIComponent(collectionId) + '/filters?' + toQuery(filterParams || ''); $.get(url).always(function(res, status){ if (res && res.data && status == 'success') { var $form = $section.find($(window).width() > window.breakpoint ? '.collection__form_pc' : '.collection__form_md'); var $allFilterValues = $form.find('[data-filter-value-id]') || ''; $allFilterValues && [...$allFilterValues].forEach(function(currentValue){ var $filterCheckBox = $(currentValue).closest("label").siblings("input"); $(currentValue).html("(0)"); !$filterCheckBox.is(':checked') && $(currentValue).closest("label").siblings("input").attr("disabled", true) && $(currentValue).closest(".filter_value_content").toggleClass('tw-opacity-[0.15]', true); }); res.data.forEach(function(item, i){ var $listCurrent = $form.find('.collection_dropdown-' + i); item.values && item.values.forEach(function(filter){ if(filter.count == null) return; var filterLabel = `filter_${filter.label}`; var $filterValues = $listCurrent.find('[data-filter-value-id]') || ''; $filterValues && [...$filterValues].forEach(function(currentValue){ if($(currentValue).attr('data-filter-value-id') == filterLabel){ var $filterCheckBox = $(currentValue).closest("label").siblings("input"); $(currentValue).html("(" + filter.count + ")" ); !$filterCheckBox.is(':checked') && $(currentValue).closest("label").siblings("input").attr("disabled", filter.count <= 0) && $(currentValue).closest(".filter_value_content").toggleClass('tw-opacity-[0.15]', filter.count <= 0); } }) }) }) } }); }; $section.off('collection.submit').on('collection.submit', $.debounce(function (e) { var extraParams = { page: [1], sort_by: [sort_by] }; var params = getParams(); var $form = $section.find($(window).width() > window.breakpoint ? '.collection__form_pc' : '.collection__form_md'); var formData = $form.serializeArray() || []; filterParamsArr.map(function(param) { delete params[encodeURIComponent(param)]; }); formData.map(function(item) { var key = item.name; var val = item.value; if (extraParams[key]) { extraParams[key].push(val); }else{ extraParams[key] = [val]; } }); if (enable_filter) { renderActives(formData); renderFilter(formData); }; window.history.replaceState(null, '', '?' + toQuery($.extend({}, params, extraParams))); $section.trigger( "search.collection", { extraParams, isReplace: true, cb: function(){ try { enable_filter && $(document.body).trigger("track", { eventName: "collection_filter" }); } catch (error) {}; } } ); }, 400)); // filter checkbox $section.off('click.collection.filter_checkbox').on('click.collection.filter_checkbox', '.collection__form input[type="checkbox"]', function(e){ submit('filter') }); // filter price $section.off('input.collection.filter_price').on('input.collection.filter_price', '.collection__form input[type="text"]', function(e){ submit() }); // fliter remove $section.off('click.collection.filter_reset').on('click.collection.filter_reset', '[data-reset]', function(e){ var $currentTarget = $(e.currentTarget); var value = $currentTarget.attr('data-value'); var reset = $currentTarget.data('reset'); $section.find('[data-reset-wrap]').each(function(i, el) { var $el = $(el); $el.data('reset-wrap') == reset && $el.find('input').each(function(i, input) { var $input = $(input); if (value && $input.val() != value) { return }; $input.attr('type') == "checkbox" ? $input.prop('checked', false) : $input.val(''); }) }); $section.trigger('collection.submit'); }); // fliter remove all $section.off('click.collection.filter_clear_all').on('click.collection.filter_clear_all', '.collection__filter_clear_all', function(e){ var $target = $(e.target); var $wrap = $section.find('.collection__form_wrap') $wrap.find('input[type="checkbox"]').prop('checked', false); $wrap.find('input[type="text"]').val(''); $section.trigger('collection.submit'); }); }); }); } catch (e) {console.log(e);} </script><script> try { $(function(){ $('#recently-view-1539149755242').lazy(function () { var productId = null, count = 7; if (productId) { try { var shopId = window.SHOP_PARAMS.shop_id; var recentlyView = JSON.parse(localStorage['shoplazza_recently_view_' + shopId] || '[]'); if (!Array.isArray(recentlyView)) { recentlyView = []; } recentlyView = recentlyView.filter(function (item) { return item !== productId; }); recentlyView.unshift(productId); recentlyView.length > count+1 && (recentlyView = recentlyView.slice(0, (count+1))); localStorage.setItem('shoplazza_recently_view_' + shopId, JSON.stringify(recentlyView)); } catch (e) { } } try{ var productIds = JSON.parse(localStorage['shoplazza_recently_view_' + window.SHOP_PARAMS.shop_id] || '[]') productIds = productIds.filter(function (item) { return item !== ''; }) if(productIds.length == 0) return productIds.length > count && (productIds = productIds.slice(-count)) $.get('/api/product/list', {limit: count, ids: productIds}, function (res) { if (res && res.state == 0 && res.data && res.data.list) { var products = res.data.list; var contents = window.template('recently-view-art-tpl', { products: products }); $("#recently-view-1539149755242")[products.length?"show":"hide"]().html(contents); } }) } catch (e) { } }); }) } catch (e) {console.log(e);} </script><script> try { $(document).on('click.modelview', '.model-viewer-poster', e => { if (!document.querySelector('#model_view_component')) { const script = document.createElement('script'); script.type = 'module'; script.defer = true; script.id = 'model_view_component'; script.src = "//static.staticdj.com/oss/operation/2631e40975cc6c2456ecd2653d1a17d4.js"; document.head.appendChild(script); } const poster = e.target.closest('.model-viewer-poster'); if (poster.parentNode.querySelector('.model_viewer_container')) return; if (poster.classList.contains('model-viewer-poster-static')) return; poster.insertAdjacentHTML('afterend', window.template('model_view-tpl', { src: poster.getAttribute('data-model-src'), poster: poster.getAttribute('data-model-poster'), })); const modelViewer = poster.parentNode.querySelector('model-viewer'); $(modelViewer).on('touchstart touchmove touchend mousedown mousemove mouseup mouseleave', e => { e.stopPropagation(); }); let pointerX, pointerY; modelViewer.addEventListener('pointerdown', e => { pointerX = e.x; pointerY = e.y; }) modelViewer.addEventListener("pointerup", e => { if (e.x !== pointerX || e.y !== pointerY) return; setTimeout(() => { const container = e.target.closest('.model_viewer_container'); container.querySelector('.product_slide_overlay').classList.remove('tw-hidden'); const modelViewer = container.querySelector('model-viewer'); modelViewer.setAttribute('camera-orbit', '0deg 75deg 105%'); modelViewer.zoom(-1000); }, 100); }); $(poster).hide(); }); $(document).on("click.toolkit", '.model_viewer_toolkit', e => { e.preventDefault(); e.stopPropagation(); const button = e.target.closest('[type]'); const type = button && button.getAttribute('type'); const modelViewer = e.target.closest('.model_viewer_container').querySelector('model-viewer'); if (!modelViewer) return; switch (type) { case 'enlarge': modelViewer.zoom(1); break; case 'zoomout': modelViewer.zoom(-1); break; case 'fullscreen': const fullScreenNode = modelViewer.parentNode; const requestFullscreen = fullScreenNode.requestFullscreen || fullScreenNode.mozRequestFullScreen || fullScreenNode.webkitRequestFullScreen || fullScreenNode.msRequestFullscreen; const cancelFullScreen = document.exitFullscreen || document.mozCancelFullScreen || document.webkitExitFullscreen || document.msExitFullscreen; if(document.fullscreenElement || document.mozFullScreenElement || document.webkitFullscreenElement || document.msFullscreenElement){ cancelFullScreen.call(document); } else { requestFullscreen.call(fullScreenNode); } break; } }); $(document).on("click", ".product_slide_overlay", function (e) { $(this).addClass('tw-hidden'); }); } catch (e) {console.log(e);} </script><script> try { $(function(){ $(document).off('click.cart.icon').on('click.cart.icon', '.header__cart a:visible', function (e) { e.stopPropagation(); e.preventDefault(); $(document).trigger('cart.drawer.open'); var headerIconsWidth = $('.header__icons').outerWidth(true); $(window).width() > "960" && headerIconsWidth && $('.header__card-close').width(headerIconsWidth); }) .on('dj.common.cart.change update_header_cart', function () { $.get('/api/cart/count', function (res) { res && res.state == "success" && $('.header__cart_count').html(res.data.count).toggleClass('tw-hidden', res.data.count <= 0); }); }).trigger('update_header_cart'); }) } catch (e) {console.log(e);} </script><script> try { $(function(){ var $body = $(document.body); var $section = $('[data-section-id="header"]'); var drawer = '.header__drawer'; var handleHeight = function(){ var $menu = $('.header__drawer-menu'); var $activeMenu = $('.is-active[data-menu]'); $menu.height($activeMenu.data('levels') == 1 ? 'auto' : $activeMenu.height()); }; $(document).off('click.drawerNext').on('click.drawerNext', drawer + ' .header__drawer-next', function(e){ e.stopPropagation(); var current = $(this).data('current'); var next = $(this).data('next'); if(!current || !next){return}; var $currentMenu = $(drawer + ' [data-menu=' + current + ']'); var $nextMenu = $(drawer + ' [data-menu=' + next + ']'); $currentMenu.removeClass('is-active'); $nextMenu.addClass('is-active'); $(drawer + ' [data-current-levels]').attr('data-current-levels', $nextMenu.data('levels')); handleHeight(); }); }) } catch (e) {console.log(e);} </script><script> try { $(function(){ var linkList = [ { id: 63126009, title: 'New', url: '/collections/new-arrival', children: [ ] }, { id: 63126011, title: 'Phone cases', url: '/collections/cute-iphone-cases-adorable-iphone-cases', children: [ { title: 'Phone Model', url: '', children: [ { title: ' iPhone 15 Series Cases', url: '/collections/iphone-15-series-cases', }, { title: 'iPhone 14 Series', url: '/collections/iphone-case-14-series', }, { title: 'iPhone 13promax', url: '/collections/iphone-case-13-series', }, { title: 'iPhone 13pro', url: '/collections/iphone-case-13-series', }, { title: 'iPhone 13', url: '/collections/iphone-case-13-series', }, { title: 'iPhone 12promax', url: '/collections/cute-iphone-cases-adorable-iphone-cases', }, { title: 'iPhone 12pro', url: '/collections/cute-iphone-cases-adorable-iphone-cases', }, { title: 'iPhone 12mini', url: '/collections/cute-iphone-cases-adorable-iphone-cases', }, { title: 'iPhone 12', url: '/collections/cute-iphone-cases-adorable-iphone-cases', }, { title: 'iPhone 11promax', url: '/collections/cute-iphone-cases-adorable-iphone-cases', }, { title: 'iPhone 11pro', url: '/collections/cute-iphone-cases-adorable-iphone-cases', }, { title: 'iPhone 11', url: '/collections/cute-iphone-cases-adorable-iphone-cases', }, { title: 'iPhone XSMAX', url: '/collections/cute-iphone-cases-adorable-iphone-cases', }, { title: 'iPhone X/XS', url: '/collections/cute-iphone-cases-adorable-iphone-cases', }, { title: 'iPhone 7P/8P', url: '/collections/cute-iphone-cases-adorable-iphone-cases', }, { title: 'iPhone 7/8/SE', url: '/collections/cute-iphone-cases-adorable-iphone-cases', }, ] }, { title: 'Phone Style', url: '', children: [ { title: 'Cute Phone Case', url: '/collections/cute-phone-case-kawaii-phone-case', }, { title: 'Cool phone case', url: '/collections/cool-phone-case-leopard-phone-case', }, { title: 'Flower Phone Case', url: '/collections/flower-phone-case-floral-phone-case', }, { title: 'Plush Phone Case', url: '/collections/plush-phone-case-cute-cartoon-kawaii', }, { title: 'Liquid Phone Case', url: '/collections/liquid-phone-case-quicksand-phone-case', }, { title: 'Phone Stand Case', url: '/collections/phone-stand-case', }, { title: 'Chain Phone Case', url: '/collections/chain-phone-case', }, { title: ' Anime Phone Case', url: '/collections/anime-series-phone-cases', }, { title: 'High Luxury Phone Case', url: '/collections/high-luxury-series-iphone-case', }, ] }, { title: 'Phone Accessories', url: '/collections/phone-holder-iphone-cases-ipad-cases-airpods-case-switch-cases-mouse-pad-mouse-keyboard', children: [ { title: 'Phone Holder', url: '/collections/phone-holder', }, { title: 'Airpods Case', url: '/collections/airpods-case', }, { title: 'Laptop Bag', url: '/collections/laptop-bag', }, { title: 'Mouse Pad', url: '/collections/mouse-pad', }, { title: 'Ipad Cases', url: '/collections/ipad-cases', }, { title: 'Switch Cases', url: '/collections/switch-cases', }, ] }, ] }, { id: 63126081, title: 'Stationery', url: '/collections/stationery', children: [ { title: 'Notebooks', url: '/collections/notebooks', children: [ { title: 'Journal', url: '/collections/journal', }, { title: 'Notebook', url: '/collections/notebook', }, { title: 'Mini Diary', url: '/collections/mini-diary', }, { title: 'Kawaii Planner', url: '/collections/planner', }, { title: '6 Ring Binder', url: '/collections/6-ring-binder', }, { title: 'Paper Refill', url: '/collections/paper-refill', }, ] }, { title: 'Pen', url: '/collections/pen', children: [ ] }, { title: 'Sticker', url: '/collections/sticker', children: [ { title: 'Korea Kawaii Stickers', url: '/collections/korea-kawaii-stickers', }, { title: 'Sugar Poetry Kawaii Stickers', url: '/collections/sugar-poetry', }, ] }, { title: 'Pencil Case', url: '/collections/pencil-case', children: [ ] }, { title: 'Washi Tapes', url: '/collections/washi-tapes', children: [ ] }, { title: 'Sticky Note', url: '/collections/sticky-note', children: [ ] }, { title: 'Memo', url: '/collections/memo', children: [ ] }, { title: 'Others', url: '/collections/others', children: [ { title: 'Calendars', url: '/collections/calendar', }, { title: 'Stamps', url: '/collections/stamps', }, { title: 'Bookmark', url: '/collections/bookmark', }, { title: 'Eraser', url: '/collections/eraser', }, { title: 'Paperclip', url: '/collections/paperclip', }, { title: 'Pen Holder', url: '/collections/pen-holder', }, ] }, ] }, { id: 63126127, title: 'Accessories', url: '/collections/accessories', children: [ { title: 'Kawaii Jewelry', url: '/collections/kawaii-jewelry', children: [ { title: 'Resin Earrings', url: '/collections/resin-earrings_3wj3', }, { title: 'Kawaii Earring', url: '/collections/kawaii-earring', }, { title: 'Kawaii Bracelets', url: '/collections/kawaii-bracelets', }, { title: 'Kawaii Necklace', url: '/collections/necklace', }, { title: 'Kawaii Rings', url: '/collections/kawaii-rings', }, { title: 'Choker&Collar', url: '/collections/chokercollar', }, { title: 'Cute Jewelry Box', url: '/collections/jewelry-box', }, { title: 'Enamel Vow Jewelry Box', url: '/collections/enamel-vow-jewelry-box', }, ] }, { title: 'Bags', url: '/collections/bags', children: [ { title: 'Tote Bags', url: '/collections/tote-bags', }, { title: 'Backpack', url: '/collections/backpack', }, { title: 'Shoulder Bag', url: '/collections/shoulder-bag', }, { title: 'Wallet&purse', url: '/collections/walletpurse', }, { title: 'Storage bag&box', url: '/collections/storage-bag', }, { title: 'Plush Bags', url: '/collections/plush-bags', }, { title: 'Passport', url: '/collections/passport', }, { title: 'Baggage tag', url: '/collections/baggage-tag', }, { title: 'Card cover', url: '/collections/card-cover', }, { title: 'Sanitary pad', url: '/collections/sanitary-pad', }, { title: 'Fashionable Luxurious Bling Bag', url: '/collections/fashionable-luxurious-bling-bag', }, { title: 'Quality Cute Bags', url: '/collections/quality-cute-bags', }, ] }, { title: 'Kawaii Socks', url: '/collections/socks', children: [ { title: 'Floor Socks', url: '/collections/floor-socks', }, { title: 'Short Socks', url: '/collections/short-socks', }, ] }, { title: 'Hair Accessories', url: '/collections/hair-accessories', children: [ { title: 'Headband', url: '/collections/headband', }, { title: 'Hair Clips', url: '/collections/hair-clips', }, { title: 'Headrope', url: '/collections/headrope', }, ] }, { title: 'Kawaii Keychain', url: '/collections/kawaii-keychain', children: [ { title: 'Pendant', url: '/collections/pendant', }, ] }, { title: 'Pins & Brooches', url: '/collections/pins-brooches', children: [ ] }, { title: 'Glasses', url: '/collections/glasses', children: [ ] }, ] }, { id: 63126195, title: 'Home', url: '/collections/home', children: [ { title: 'Pet', url: '/collections/pet', children: [ { title: 'Pet Collar', url: '/collections/pet-collar', }, { title: 'Pet Clothes', url: '/collections/pet-clothes', }, { title: 'Pet Leash', url: '/collections/pet-leash', }, ] }, { title: 'Water Bottle', url: '/collections/water-bottle', children: [ { title: '🧊Ice Molds', url: '/collections/🔥ice-molds', }, ] }, { title: 'Umbrella', url: '/collections/umbrella', children: [ ] }, { title: 'Kawaii Slippers', url: '/collections/slippers_wk56', children: [ { title: 'Plush Slippers', url: '/collections/plush-slippers', }, ] }, { title: 'Pillow', url: '/collections/pillow', children: [ ] }, { title: 'Indoors', url: '', children: [ { title: 'Kawaii Light', url: '/collections/kawaii-light', }, { title: 'Tapestry', url: '/collections/tapestry', }, { title: 'Fridge Magnet', url: '/collections/fridge-magnet', }, { title: 'Towel', url: '/collections/towel', }, { title: 'Carpet', url: '/collections/carpet', }, { title: 'Kawaii Bedding Set', url: '/collections/kawaii-bedding-set', }, ] }, ] }, { id: 63126231, title: 'Clothing', url: '/collections/kawaii-clothing', children: [ { title: 'Tee', url: '/collections/tee', children: [ ] }, { title: 'Kawaii Shorts', url: '/collections/kawaii-shorts', children: [ ] }, { title: 'Shoes', url: '/collections/shoes', children: [ ] }, { title: 'Kawaii Dresses', url: '/collections/kawaii-dresses', children: [ ] }, { title: 'Sweater & Hoodies', url: '/collections/sweater-hoodies', children: [ ] }, { title: 'Underwear', url: '/collections/underwear', children: [ ] }, { title: 'Scarves', url: '/collections/kawaii-scarves', children: [ ] }, { title: 'Gloves', url: '/collections/kawaii-gloves', children: [ ] }, { title: 'Kawaii Hat&Cap', url: '/collections/kawaii-hatcap', children: [ ] }, ] }, { id: 63126251, title: 'Cute Gifts', url: '/collections/cute-gifts', children: [ { title: 'Kawaii Box', url: '/collections/kawaii-box', children: [ { title: 'Kawaii Character', url: '/collections/genshin-impact', }, { title: 'KEME LIFE', url: '/collections/keme-life', }, { title: 'DOORO BEAR', url: '/collections/dooro-bear', }, { title: 'BLIND BOX', url: '/collections/blind-box', }, ] }, { title: 'Kawaii Plush', url: '/collections/kawaii-plush', children: [ ] }, { title: 'Party', url: '/collections/party', children: [ ] }, { title: 'Kawaii Toy', url: '/collections/toy', children: [ ] }, { title: 'Greeting Card', url: '/collections/greeting-card', children: [ ] }, { title: 'Piggy Bank', url: '/collections/piggy-bank', children: [ ] }, { title: 'Gift Bag', url: '/collections/gift-bags', children: [ ] }, ] }, { id: 63126275, title: 'Kawaii Theme', url: '/collections/kawaii-theme', children: [ { title: 'Kawaii Animals', url: '/collections/kawaii-animals', children: [ { title: 'Kawaii Bunny', url: '/collections/kawaii-bunny', }, { title: 'Kawaii Bear', url: '/collections/kawaii-bear', }, { title: 'Kawaii Puppy', url: '/collections/kawaii-puppy', }, { title: 'Kawaii Cat', url: '/collections/kawaii-cat', }, { title: 'Kawaii Sheep', url: '/collections/kawaii-sheep', }, { title: 'Kawaii Panda', url: '/collections/kawaii-panda', }, { title: 'Kawaii Unicorn', url: '/collections/kawaii-unicorn', }, { title: 'Kawaii Piggy', url: '/collections/kawaii-piggy', }, { title: 'Kawaii Hamster', url: '/collections/kawaii-hamster', }, { title: 'Kawaii Duck', url: '/collections/kawaii-duck', }, { title: 'Kawaii Dinosaur', url: '/collections/kawaii-dinosaur', }, ] }, { title: 'Kawaii Fruit', url: '/collections/kawaii-fruit', children: [ { title: 'Strawberry', url: '/collections/strawberry', }, { title: 'Cherry', url: '/collections/cherry', }, { title: 'Avocado', url: '/collections/avocado', }, ] }, { title: 'BENTOY', url: '/collections/bentoy', children: [ ] }, { title: 'Milk Tea', url: '/collections/milk-tea', children: [ ] }, { title: 'Sakura', url: '/collections/sakura', children: [ ] }, ] }, { id: 63126315, title: 'LuxeCraft Treasures', url: '/collections/luxecraft-treasures', children: [ { title: 'High Luxury Series iPhone Case', url: '/collections/high-luxury-series-iphone-case', children: [ ] }, { title: 'Fashionable Luxurious Bling Bag', url: '/collections/fashionable-luxurious-bling-bag', children: [ ] }, { title: 'Enamel Vow Jewelry Box', url: '/collections/enamel-vow-jewelry-box', children: [ ] }, ] }, ]; var handleEvent = function(moreLinkList){ $('.more__submenu-title').unbind('mouseenter mouseleave').hover(function(e){ if($(this).hasClass('is-active')){return} $('.more-right').remove(); $('.is-active').removeClass('is-active'); $(this).addClass('is-active'); var id = $(this).data('id'); var $first = $('.header__menu-item-first[data-id='+ id +']'); var $content = $first.find('.header__submenu-content'); var has_product = $first.data('has-product') || false; var tree_type = $first.data('tree-type'); var content = $content.html(); content && $('.more-left').after(window.template("more-right-tpl", {has_product: has_product, tree_type: tree_type, content: $content.html()})); content && handleWaterfall('.more-right .header__waterfall-wrap') }, function(e){ }); } var $menu = $('.header__menu'); var $moreLink = $('.header__menu-more-link'); var handleMoreLink = function(){ var menuWidth = $menu.outerWidth(); var moreLinkWidth = $moreLink.outerWidth(); var item = '.header__menu-item-first'; var $items = $menu.find(item + ':not(".header__menu-more-link")'); var hiddenStr = ''; var navWidth = 0; $items.show(); $moreLink.hide(); $items.each(function(i, el) { var $item = $(el); var itemWidth = $item.outerWidth(); navWidth += itemWidth; (moreLinkWidth + navWidth > menuWidth) && (hiddenStr = (hiddenStr ? (hiddenStr + ',') : '') + item + ':eq(' + i +')') }); if(!hiddenStr){return}; $moreLink.show(); $(hiddenStr).hide(); var moreLinkList = []; var $moreLinkSubmenu = $moreLink.children('.header__menu-more') var isOnlyFirst = true; $moreLinkSubmenu.remove(); $(hiddenStr).each(function(i, el){ var id = $(el).data('id'); linkList.map(function(item){ if(item.id != id){return}; moreLinkList.push(item); item.children && item.children.length && (isOnlyFirst = false); }) }) if(!moreLinkList.length){return}; var menu_tags = "" || {}; $moreLink.append(window.template("more-link-tpl", {moreLinkList: moreLinkList, isOnlyFirst, isOnlyFirst, menu_tags: menu_tags })); handleEvent(moreLinkList); }; var handleWaterfall = function(str){ $(str).each(function(i, el){ waterfall(el); }) } var w = $(window).width(); $(window).off('resize.menu').on('resize.menu', $.throttle(function(){ if(w > breakpoint){ handleMoreLink(); handleWaterfall('.header__waterfall-wrap'); } }, 16, 16)).trigger('resize.menu'); if(w > breakpoint) { var moreLinkToLeftPrev = $moreLink.offset().left + $moreLink.width(); var menuToLeftPrev = $menu.offset().left + $menu.width(); new MutationObserver($.throttle(function() { var moreLinkToLeftCurrent = $moreLink.offset().left + $moreLink.width(); var menuToLeftCurrent = $menu.offset().left + $menu.width(); if ($moreLink.css('display') == 'none') { handleMoreLink(); return; } if (menuToLeftPrev == menuToLeftCurrent && moreLinkToLeftPrev == moreLinkToLeftCurrent) return; menuToLeftPrev = menuToLeftCurrent; moreLinkToLeftPrev = moreLinkToLeftCurrent; handleMoreLink(); }, 1000)).observe($('.header__menu')[0], { childList: true, subtree: true }); } }) } catch (e) {console.log(e);} </script><script> try { $(function(){ var $body = $(document.body); var $section = $('[data-section-id="header"]'); var $header = $section.find('.header'); var $below = $('.header__below'); var $main = $('.main-content'); var $model = $('.header__search-model'); var w = $(window).width(); var sticky_on = false; var md_sticky_on = false; var search_top_on = false; var search_predictive_on = true; var overlay_on = !$section.height(); var resizing = false; var handleFixed = function(){ if(!(w > breakpoint ? sticky_on : md_sticky_on)){ return }; var scrollTop = $(window).scrollTop() var top = $section.offset().top - $(window).scrollTop(); $section.addClass("header__fixed-init"); var belowHeight = $below.outerHeight(); var ifFixed = scrollTop > (top + 0.5); $header.toggleClass('header__fixed', ifFixed); $section.toggleClass('header__fixed-open', ifFixed).css({ "padding-bottom": (ifFixed && !overlay_on) ? belowHeight : 0 }); $main.css({ "box-shadow": ifFixed ? ("0 " + -belowHeight + "px var(--color-header-bg)") : 'none', "transition": ifFixed ? 'none' : 'box-shadow 1s' }); }; $(document).off('click', '.header__menu-icon').on('click', '.header__menu-icon', function(e){ e.stopPropagation(); var $drawer = $('.header__drawer'); var isPc = w > breakpoint; var active = $(this).hasClass('is-active'); $(this).toggleClass('is-active'); $section.toggleClass('open-menu', !active); if(isPc){return}; $body.toggleClass('tw-overflow-hidden open-drawer', !active); !active && $drawer.css('max-height', $(window).height() + $(window).scrollTop() - $drawer.offset().top - $drawer.outerHeight()); }); $(document).off('click.closeMask').on('click.closeMask', '.open-drawer', function (e) { if ($(e.target)[0].tagName.toLowerCase() == 'body') { $body.removeClass('tw-overflow-hidden open-drawer'); $section.removeClass('open-menu'); } }) var track = function(params) { $(document.body).trigger('track', Object.assign({ position: 'header', timestamp: new Date().getTime() }, params)); } $(document).off('click.searchModel').on('click.searchModel', '.header__search-model .header__search-close, .header__icons-search', function(e){ $model.toggleClass('is-active'); $model.is(':visible') && $model.find('.header__search-input').focus(); }); $(document).off('click.headerSearchClose').on('click.headerSearchClose', '.header__search-warp .header__search-close', function(e){ $('.header__search-warp .header__search-input').val(""); $('.header__search-drawer').removeClass('header__search-predictive'); }); $(document).off('focus.headerSearchFocus').on('focus.headerSearchFocus', '.header__search-input', function(e){ $header.addClass('search-focus'); var $search_drawer = $('.header__search-drawer'); var key = e.target.value; $search_drawer.css('max-height', 'calc(100vh - 100% - ' + ($('[data-section-id="announcement"]').height() || 0) + 'px)'); $(document).off('click.headerSearchBlur').on('click.headerSearchBlur', function(e){ var $target = $(e.target); if($target.hasClass('header__search-input') || $target.hasClass('header__search') || $target.parents('.header__search-drawer').length){return} track({ eventName: 'c_th_search_start', key_word: key, action_type: 'click' }); $header.removeClass('search-focus'); $(document).off('click.headerSearchBlur'); }); }); $(document).on('quickshop.open', function(e){ $(document).trigger('click.headerSearchBlur'); }); $(document).off('input.headerSearchInput').on('input.headerSearchInput', '.header__search-input', $.debounce(function(e){ var key = e.target.value; var $search_drawer = $('.header__search-drawer'); track({ eventName: 'c_th_search_start', action_type: 'input', key_word: key }); if(!key || !search_predictive_on){ $search_drawer.removeClass('header__search-predictive'); search_top_on ? $search_drawer.addClass('header__search-top') : $search_drawer.removeClass('header__search-top'); return } var url = '/api/search?' + $.toQuery({ type: "product", page: 0, keyword: key, limit: 4 }); $.get(url, function(res) { track({ eventName: 'c_th_search_success', action_type: 'input', key_word: key, has_result: res.data.total > 0 }); $('.header__search-predictive-content').remove(); $search_drawer.removeClass('header__search-predictive'); if(res && res.data && res.data.products && res.data.total > 0 ){ var data = res.data; var html = window.template("predictive_search-tpl", {products: data.products, has_more: data.has_more, key: data.keyword}); $search_drawer.addClass('header__search-predictive').removeClass('header__search-top').find('.header__search-content').append(html); return; } search_top_on ? $search_drawer.addClass('header__search-top') : $search_drawer.removeClass('header__search-top'); }); }, 500)); $body.off('click', '.header__logout').on('click', '.header__logout', function (e) { $.ajax({ type: 'POST', dataType: 'json', url: '/api/customers/sign_out', data: {}, success: function (data) { // 退出登陆埋点 $(document.body).trigger('dj.logout'); window.location.reload(); }, error: function () { window.location.reload(); } }); }); $(window).off("scroll.header resize.header").on("scroll.header resize.header", function(e){ if(resizing){return} w = $(window).width(); resizing = true; window.requestAnimationFrame(function(){ handleFixed(); resizing = false; }) }).trigger('resize.header'); var getFixedHeight = function(){ return (w > breakpoint && !sticky_on ? 0 : $('.header__nav').height()); } $.header = { getFixedHeight: getFixedHeight, // 扩展卡片定位未选中变体 getHeaderHeight: getFixedHeight, getMobileHeaderHeight: getFixedHeight } }) } catch (e) {console.log(e);} </script><script> try { $(function () { var errTips = { show: function (errMsg, elem) { elem.attr('errMsg', errMsg); elem.addClass('newsletter__err'); clearTimeout(elem[0].timeout); elem[0].timeout = setTimeout(function(){elem.removeClass('newsletter__err')},5000); }, hide: function (elem) { clearTimeout(elem[0].timeout); elem.removeClass('newsletter__err'); } }; var loading = false; $(document).off('click.footer.submit').on('click.footer.submit', '[data-section-id="footer"] .submitBtn', function(e) { var emailExp = /^([A-Za-z0-9_\-.])+@([A-Za-z0-9_\-.])+\.([A-Za-z]{2,4})$/g; var emailObj = $('[data-section-id="footer"] .email'); var email = $('[data-section-id="footer"] .input_email').val(); var feedbacks = { is_empty: "Please fill in this field", not_formatted: "Please enter a valid email address", already_subscribed: "You are already subscribed with this email address" }; if (!email || !emailExp.test(email)) { errTips.show(email ? feedbacks.not_formatted : feedbacks.is_empty, emailObj ) emailObj.off('click').on('click', function(){ errTips.hide(emailObj) }) return; } errTips.hide(emailObj); if(loading) return; loading = true; $.ajax({ url: '/api/customers/newsletters', type: 'post', dataType: 'text', data: { email: email }, success: function(data, textStatus, jqXHR) { if (jqXHR.status === 200) { $("[data-section-id='footer'] .email").addClass('tw-hidden'); $("[data-section-id='footer'] .thanks").removeClass('tw-hidden'); } loading = false; }, error: function(jqXHR) { errTips.show(feedbacks.already_subscribed, emailObj); loading = false; } }); }) .off('keyup.footer.email').on('keyup.footer.email', '[data-section-id="footer"] .input_email', function(e) { if (e.keyCode === 13) { $('[data-section-id="footer"] .submitBtn').trigger('click'); } }); $(document).off('click.footer_tab').on('click.footer_tab', '[data-section-id=footer] .footer_tab_title', function() { if($(window).width() > breakpoint) return; var $wrap = $(this).parent('.footer_tab_wrap'); var is_open = $wrap.hasClass('is-open'); var $content = $wrap.find('.footer_tab_content'); $wrap.toggleClass('is-open', !is_open); is_open ? $content.slideUp(300) : $content.slideDown(300); }); }) } catch (e) {console.log(e);} </script><script> try { $(function () { var nowTime = new Date().getTime(); var lastTime = localStorage.getItem('foot_popup_time_step'); var timeStep = (nowTime - lastTime)/1000/60/60/24; var $foot_popup = $('[data-section-id="popup"] .foot_popup'); $foot_popup.off('toggle_popup').on('toggle_popup', function(event, data){ data.dontAnimate = data.dontAnimate || false; $foot_popup.toggleClass(data.show ? '!tw-flex': '!tw-opacity-100', data.show); data.dontAnimate && $foot_popup.toggleClass(data.show ? '!tw-opacity-100': '!tw-flex', data.show); setTimeout(function () { !data.dontAnimate && $foot_popup.toggleClass(data.show ? '!tw-opacity-100': '!tw-flex', data.show); },150) }) if(!lastTime || timeStep >= 2){ setTimeout(function(){ $foot_popup.trigger('toggle_popup', {show: true}); },10000) } var errTips = { show: function (errMsg, elem) { elem.attr('errMsg', errMsg); elem.addClass('newsletter__err'); clearTimeout(elem[0].timeout); elem[0].timeout = setTimeout(function(){elem.removeClass('newsletter__err')},5000); }, hide: function (elem) { clearTimeout(elem[0].timeout); elem.removeClass('newsletter__err'); } }; $('[data-section-id="popup"] .close').off('click').on('click', function(){ $foot_popup.trigger('toggle_popup', {show: false}) localStorage.setItem("foot_popup_time_step", new Date().getTime()); }) var loading = false; $(document).off('click.popup.submit').on('click.popup.submit', '[data-section-id="popup"] .submitBtn', function(e) { var emailExp = /^([A-Za-z0-9_\-.])+@([A-Za-z0-9_\-.])+\.([A-Za-z]{2,4})$/g; var emailObj = $('[data-section-id="popup"] .email'); var email = $('[data-section-id="popup"] .input_email').val(); var feedbacks = { is_empty: "Please fill in this field", not_formatted: "Please enter a valid email address", already_subscribed: "You are already subscribed with this email address" }; if (!email || !emailExp.test(email)) { errTips.show(email ? feedbacks.not_formatted : feedbacks.is_empty, emailObj) emailObj.off('click').on('click', function(){ errTips.hide(emailObj) }) return; } errTips.hide(emailObj); if (loading) return; loading = true; $.ajax({ url: '/api/customers/newsletters', type: 'post', dataType: 'text', data: { email: email }, success: function(data, textStatus, jqXHR) { if (jqXHR.status === 200) { $("[data-section-id='popup'] .email").addClass('tw-hidden'); $("[data-section-id='popup'] .thanks").removeClass('tw-hidden'); } loading = false; }, error: function(jqXHR) { errTips.show(feedbacks.already_subscribed, emailObj) loading = false; } }); }) .off('keyup.popup.email').on('keyup.popup.email', '[data-section-id="popup"] .input_email', function(e) { if (e.keyCode === 13) { $('[data-section-id="popup"] .submitBtn').trigger('click'); } }); }) } catch (e) {console.log(e);} </script><script> try { $(function(){ var related_count = 4; var getData = function (id) { $.get('/api/product/similar-products?product_id=' + id[0] + '&page=1&per_page='+(related_count * 2), function(res) { if (!(res.state == 0 && res.data)) { return;} var products = (res.data.products || []).filter(function(item) { return !id.includes(item.id) && item.id != id && item.available; }).slice(0, related_count); $(document.body).data("relative_products",products); var contents = window.template('cart_recommendation_art_tpl', { products: products }); $("#relative_product__container")[products.length?"show":"hide"]().html(contents); }); } $(document).off('relative_product_render').on('relative_product_render', function (e, data) { if (data.line_items) { var ids = []; data.line_items.forEach(function (item) { ids.push(item.product_id); }) getData(ids); } else { $('#relative_product__container').remove(); } }); }); } catch (e) {console.log(e);} </script><script> try { $.fn.asyncTrigger || ($.fn.asyncTrigger = function (eventName, eventData, callback) { var $this = $(this); var listeners = $this.data(eventName + '.listeners') || []; var run = function () { var fn = listeners.shift(); if (!fn) { return callback(false, eventData); } fn(eventData, function (error, res) { if (error) { return callback(error); } eventData = res; run(); }); }; run(); return this; }); $.fn.asyncOn || ($.fn.asyncOn = function (eventName, callback) { var $this = $(this); var listeners = $this.data(eventName + '.listeners') || []; listeners.push(callback); $this.data(eventName + '.listeners', listeners); return this; }); $.fn.asyncOff || ($.fn.asyncOff = function (eventName, callback) { var $this = $(this); var listeners = $this.data(eventName + '.listeners') || []; var idx = listeners.indexOf(callback); idx > -1 && listeners.splice(idx, 1); $this.data(eventName + '.listeners', listeners); return this; }); var handleError = function (state, content) { content && $.toast.show({ content: content }); var error = ['line_items_variant_not_exist', 'line_items_variant_sold_out', 'cart_removed', 'all']; if (error.indexOf(state) > -1) { setTimeout(function () { location.reload(); }, 2000); } }; $(document) .off('click.cart.remove') .on('click.cart.remove', '.cart_item_remove', function () { var $item = $(this).parents('.cart__item'); $(document).trigger('cart.remove', { product_id: $item.attr('data-track-id'), variant_id: $item.attr('data-id'), id: $item.attr('data-cart-id') }); }) .off('cart.remove') .on('cart.remove', function (e, data) { $.ajax({ type: 'delete', dataType: 'json', data: data, url: '/api/cart/' + data.variant_id, success: function (e) { window.cartObj = (e && e.cart) || {}; $(document).data('djcart', window.cartObj); $(document).trigger('cart.page.render', window.cartObj).trigger('dj.common.cart.change', window.cartObj); }, error: function (ret) { handleError(ret.responseJSON ? ret.responseJSON.state : 'all', (ret && ret.responseJSON && ret.responseJSON.errors && ret.responseJSON.errors[0]) || "Unknown error"); } }); }) .off('click.counter') .on('click.counter', '.cart__counter:not(.cart__counter_disabled)', function () { if ($.isCartUpdate) return; var $this = $(this); var $productItem = $this.parents('.cart__item'); var $counterInput = $productItem.find('input[type="number"]'); var quantity = $counterInput.val() * 1; var minNumber = $counterInput.attr('min'); var maxNumber = $counterInput.attr('max'); if (quantity == 1 && $this.attr('alt') == '-') { // 删除当前选中商品 $(document).trigger('cart.remove', { product_id: $productItem.attr('data-track-id'), variant_id: $productItem.attr('data-id'), id: $productItem.attr('data-cart-id') }); return; } if ($this.attr('alt') === '+') { quantity = quantity + 1; } else if ($this.attr('alt') === '-') { quantity = quantity - 1; } quantity = quantity < minNumber ? minNumber : quantity > maxNumber ? maxNumber : quantity; $counterInput.val(quantity); // 控制请求频次 window.clearTimeout(window.update_cart_timer); window.update_cart_timer = window.setTimeout(function () { $(document).trigger('cart.update', { product_id: $productItem.attr('data-track-id'), variant_id: $productItem.attr('data-id'), id: $productItem.attr('data-cart-id'), quantity: quantity }); }, 300); }) .off('blur.qty') .on('blur.qty', '.cart__qty-input', function () { if ($.isCartUpdate) return; var $this = $(this); var $productItem = $this.parents('.cart__item'); var quantity = Math.max(parseInt($this.val(), 10) || 1, 1); var minNumber = $this.attr('min'); var maxNumber = ~~$this.attr('max'); quantity = quantity < minNumber ? minNumber : quantity > maxNumber ? maxNumber : quantity; $('body').trigger('track', {eventName: 'cart_input_quantity'}) $(document).trigger('cart.update', { product_id: $productItem.attr('data-track-id'), variant_id: $productItem.attr('data-id'), id: $productItem.attr('data-cart-id'), quantity: quantity }); }) .off('cart.update') .on('cart.update', function (e, data) { $.isCartUpdate = true; $.ajax({ type: 'patch', data: data, dataType: 'json', url: '/api/cart/' + data.variant_id }).done(function (e) { window.cartObj = (e && e.cart) || {}; $(document).data('djcart', window.cartObj); $(document).trigger('cart.page.render', window.cartObj).trigger('dj.common.cart.change', window.cartObj); }).fail(function (ret) { handleError(ret.responseJSON ? ret.responseJSON.state : 'all', (ret && ret.responseJSON && ret.responseJSON.errors && ret.responseJSON.errors[0]) || "Unknown error"); }).always(function () { $.isCartUpdate = false; }) }) .off('click.instructions.switcher') .on('click.instructions.switcher', '.cart_instructions_switcher', function (e) { $(this).next().toggle().end().find('svg').toggle(); setTimeout(function () { $('#atc-modal').animate({ scrollTop: 9999 }, 500); }) $('.cart_instructions_textarea').focus(); }) .off('blur.note') .on('blur.note', '.cart_instructions_textarea', $.throttle(function () { $.ajax({ type: 'POST', data: { note: ($('.cart_instructions_textarea').val() || '').slice(0, 200) }, dataType: 'json', url: '/api/cart/note' }); }, 200, 200)) .off('click.submit') .on('click.submit', '.cart__checkout:not(.cart__checkout_disabled)', function () { var getLineItems = function (cart) { var lineItems = []; cart.line_items.map(function (item) { lineItems.push({ variant_id: item.variant_id, quantity: item.quantity, note: '', properties: item.properties, }); }) return lineItems; } var reqParams = { line_items: getLineItems(window.cartObj), refer_info: { source: 'cart' }, customer_note: $('.cart_instructions_textarea').val() || '', }; $(document.body).asyncTrigger( 'dj.cart_checkout', { cart: window.cartObj, reqParams: reqParams }, function (err, data) { $.ajax({ type: 'POST', dataType: 'json', contentType: 'application/json; charset=utf-8', url: '/api/cart/cart-select?r=' + Math.random().toString(36).slice(-4), success: function (res) { // 如果数据出现错误（被插件改错），使用修改前的数据 data.reqParams.line_items = res.cart.line_items .map(function (item) { return { variant_id: item.variant_id, quantity: item.quantity, note: item.note, properties: item.properties } }); $(document.body).trigger('checkoutSubmit', reqParams); if (err) data = { reqParams: reqParams }; if (!data.reqParams.line_items.length) { handleError('all', "Your cart has been updated, it will be refreshed."); return; } $.ajax({ type: 'POST', url: '/api/checkout/order', data: data.reqParams }).done(function (ret) { if (ret.state === 'success') { return (location.href = '/checkout/' + ret.data.order_token); } var content = { '30003': "Your cart has been updated, it will be refreshed.", 'line_items_variant_withdraw': "Some items are not in stock, please re-order", 'line_items_variant_sold_out': "Some items have been sold out, please re-order" }[ret.state] || ret.errors[0] || "Some items information has been updated, please re-order"; handleError('all', content); }) .fail(function (data) { var errMsg = data && data.responseJSON && data.responseJSON.errors && data.responseJSON.errors[0]; errMsg && handleError('all', errMsg); }); } }) } ); }) .on('dj.common.cart.update', function(e, cartObj){ var postageFreeAmount = parseInt('45'); if(!cartObj) return; var line_items = (cartObj.line_items || []).map(function(line_item) { return Object.assign({}, line_item, {available: line_item.available ? "true" : "false"}) }); var discountPrice = 0; $.ajax({ type: 'POST', dataType: 'json', contentType: 'application/json; charset=utf-8', url: '/api/bundle-sales/cart', data: JSON.stringify({ cart: Object.assign({}, cartObj, {line_items}), action_type: 'cart' }), success: function(data) { discountPrice = (data && +data.bundle_discount_value) || 0; }, complete: function() { var totalPrice = (cartObj && cartObj.total_price) || 0; var freeAmount = (postageFreeAmount - (totalPrice - discountPrice)).toFixed(2); var rate =(Math.min((totalPrice - discountPrice) / postageFreeAmount * 100, 100)).toFixed(2); $("#cart__free_shipping").html(template('cart-postage-art-tpl', { freeAmount: freeAmount, rate: rate })); } }) }) } catch (e) {console.log(e);} </script><script> try { $(function () { var custom_text = null; var totalPrice = parseInt('0'); var toggleDrawer = function (display) { $('body').toggleClass('cart_drawer_open', display); // 设置max-height var top = $('.header__nav')[0] && $('.header__nav')[0].getBoundingClientRect && $('.header__nav')[0].getBoundingClientRect().top; top += $('.header__nav').outerHeight(); $('body')[0].style.setProperty('--maxDrawerHeight', 'calc(100vh - ' + top + 'px)'); }; var trackCartView = function(cartObj) { window.djTrack && window.djTrack('cart_view', { line_items: JSON.stringify(cartObj.line_items || []), total_discount: cartObj.total_discount, total_price: cartObj.total_price, }); }; $.cart = { init: function () { $(window).resize($.throttle(function () { if (!$('.header__cart').offset()) return; var $target = $('.header__cart').offset().left ? $('.header__cart') : $('.header__card-close'); var left = $target.offset().left; var width = $target.width(); var scrollBarWidth = window.innerWidth - $('body').width(); var isAr = 'en-US' == 'ar-SA'; var $cart_drawer_wrapper = $("#cart_drawer_wrapper"); !isAr ? $cart_drawer_wrapper.css({ right: (window.innerWidth - left - width - scrollBarWidth) + 'px'}) : $cart_drawer_wrapper.css({ left: left + 'px', right: 'initial' }); }, 100, 100)).trigger('resize') } } $.cart.init(); $(document) .off('cart.page.render') .on('cart.page.render', function (e, data) { $(document).data('djcart', window.cartObj = data); var discountPrice = 0; setTimeout(function () { $("#cart_drawer_wrapper").html(template('cart-art-tpl', Object.assign(data, { enable_cart_notes: true, recommendations: $('#relative_product__container').html() || '' }))); toggleDrawer(true); $(document).trigger('relative_product_render', data) $(document).trigger('dj.common.cart.update', data); }) }) .on("dj.addToCart", function(e, options){ if(!(options && options.source != "buy_now" && options.process == 'dropdown')) return; $(document).trigger('cart.drawer.open'); }) .off("cart.drawer.open") .on("cart.drawer.open", $.throttle(function (e) { $.ajax({ type: 'POST', dataType: 'json', contentType: 'application/json; charset=utf-8', url: '/api/cart/cart-select?r=' + Math.random().toString(36).slice(-4), success: function (e) { var data = (e && e.cart) || {}; $(document).trigger('cart.page.render', data); trackCartView(data); } }); },100,100)) .on('click', function (e) { if ($(e.target).is('#cart_drawer_wrapper, #cart_drawer_wrapper *')) return; toggleDrawer(false); }) .on('quickshop.open', function () { toggleDrawer(false); }) }); } catch (e) {console.log(e);} </script><script> try { $(function () { $(document).off('click.zoom.open').on('click.zoom.open', '.slider-zoom[data-zoom-idx]', function (e) { var $zoomed = $('#zoomed'); if($zoomed.length){return}; var $target = $(e.currentTarget); var idx = parseInt($target.attr("data-zoom-idx"), 10); var $container = $target.parents(".product-detail"); var remove_variant_images_on = $target.data("remove-img"); var product = $container.data('djproduct').product; var variant_images = ''; var images_length = product.images.length; if(remove_variant_images_on && product.need_variant_image){ for (var i = 0; i < product.variants.length; i++) { var v = product.variants[i]; v.image && (variant_images = variant_images + ',' + v.image.path); } for (var i = 0; i < product.images.length; i++) { var item = product.images[i]; if (variant_images.indexOf(item.path) != -1) { images_length--; } } } $('body').addClass('tw-overflow-hidden'); $(template("zoomed_tpl", {product: product, variant_images: variant_images, images_length, images_length})).appendTo(document.body); $zoomed = $("#zoomed"); var $zoomedSlider = $zoomed.find('.support-zoom-slick'); $('.zoom img').zoom(); !$zoomedSlider.hasClass('slick-initialized') && $zoomedSlider.slick({ lazyLoad: 'ondemand', slidesToShow: 1, arrows: false, initialSlide: idx, dots: false, adaptiveHeight: false, rtl: 'en-US' == 'ar-SA' }); try { $target.parents('[data-section-type="product"]').length && $('body').trigger('track', {eventName: 'product_image_zoom'}); } catch (error) {} $(document).off("click.zoom.close").on("click.zoom.close", ".zoomed_close", function () { var $zoomed = $("#zoomed"); var $zoomedSlider = $zoomed.find('.support-zoom-slick'); var $slider = $target.parents('.slick-slider') $slider.hasClass('slick-initialized') && $slider.slick("slickGoTo", parseInt($zoomedSlider.slick("getCurrent"), 10), true); $('body').removeClass('tw-overflow-hidden'); $zoomed.remove(); }); $(document).off("click", ".slide-arrow").on("click", ".slide-arrow", function (e) { var $zoomedSlider = $('#zoomed').find('.support-zoom-slick'); $zoomedSlider.slick('slick' + $(this).data('direction')) }); }); }); } catch (e) {console.log(e);} </script> <script type="text/javascript"> /* bottom-start */!function(t){var e={};function n(o){if(e[o])return e[o].exports;var r=e[o]={i:o,l:!1,exports:{}};return t[o].call(r.exports,r,r.exports,n),r.l=!0,r.exports}n.m=t,n.c=e,n.d=function(t,e,o){n.o(t,e)||Object.defineProperty(t,e,{enumerable:!0,get:o})},n.r=function(t){"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(t,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(t,"__esModule",{value:!0})},n.t=function(t,e){if(1&e&&(t=n(t)),8&e)return t;if(4&e&&"object"==typeof t&&t&&t.__esModule)return t;var o=Object.create(null);if(n.r(o),Object.defineProperty(o,"default",{enumerable:!0,value:t}),2&e&&"string"!=typeof t)for(var r in t)n.d(o,r,function(e){return t[e]}.bind(null,r));return o},n.n=function(t){var e=t&&t.__esModule?function(){return t.default}:function(){return t};return n.d(e,"a",e),e},n.o=function(t,e){return Object.prototype.hasOwnProperty.call(t,e)},n.p="/",n(n.s=8)}({8:function(t,e,n){n(9)},9:function(t,e){try{window.exts=Object.assign(window.exts||(window.exts={}),{bootstrap:"bootstrap.0dd6512c.js",global_version:"global_version.c4faba48.js",cart_pop:"cart_pop.e66b9edd.js",share_product:"share_product.2ce870c5.js",blog_products:"blog_products.e2700d5f.js",boowc:"boowc.3f14f86d.js",buy_on_others:"buy_on_others.aebc8439.js",discount_gifts:"discount_gifts.c44c3c0a.js",google_form:"google_form.d631c1df.js",variants_combination:"variants_combination.228a4672.js",image_video:"image_video.131ddbc6.js"},window.mapped_exts||{}),function(){try{new window.CustomEvent("T")}catch(e){var t=function(t,e){e=e||{bubbles:!1,cancelable:!1,detail:void 0};var n=document.createEvent("CustomEvent");return n.initCustomEvent(t,e.bubbles,e.cancelable,e.detail),n};t.prototype=window.Event.prototype,window.CustomEvent=t}}();var n=window.exts||{};!function(t){if("complete"==document.readyState)return t();window.addEventListener("load",t,!1)}((function(){$((function(){var t;t=function(){if(!document.getElementById("exts")&&-1==(window.disabled_exts||[]).indexOf("*")){Object.keys(n).forEach((function(t){var e=document.cookie.match(new RegExp("\\b"+t.replace(/_/g,"-")+"-(v[s0-9]+)"));e&&e[1]&&(n[t]=t+"."+e[1]+".js")}));var t=document.createElement("script");t.id="exts",t.crossOrigin="anonymous",t.setAttribute("onload","window.dispatchEvent(new CustomEvent('extloaded'))"),t.src=window.C_SETTINGS.shop.cdn_domain+["common"].concat("none"!=$("<div class='bootstrap'><div class='d-none'></div></div>").appendTo(document.body).find(".d-none").css("display")?["bootstrap"]:[]).concat(window.C_SETTINGS.password_enabled?["jellyfish"]:[]).concat(["image_video","social_login","share_product","reviews"]).concat(window._ext||[]).filter((function(t,e,n){return n.indexOf(t)==e})).filter((function(t){return-1==(window.disabled_exts||[]).indexOf(t)})).map((function(t){return n[t]||""})).filter(Boolean).join(","),t.async=!0,document.body.appendChild(t)}},window.requestIdleCallback?requestIdleCallback(t,{timeout:50}):setTimeout(t,50)}))})),$((function(){var t=window.jQuery;navigator.userAgent.match(/instagram/i)&&/iPad|iPhone|iPod/.test(navigator.userAgent)&&(window.addEventListener("scroll",(function(){"fixed"===t(".header__wrapper").css("position")?t(".header__wrapper").addClass("fixed"):t(".header__wrapper").removeClass("fixed")})),t("head").append("<style>@media(max-width: 320.02px) {#atc-modal .modal-content {padding:40px 0;} .header__wrapper.fixed { padding-top: 40px; }}</style>"));var e=t._data(document).events.click.filter((function(t){return-1!==t.handler.toString().indexOf("dj.common.product.select")}));e.length&&t(document).off("click",e[0].handler),t(document).on("click","[data-product-id]:not(.modal)",(function(e){var n=t(e.target).data("product-id");if(n){var o=t(e.target).data("product-url"),r=t(e.target).data("product-variants-id"),a=t(e.target).data("product-variants"),d=t(e.target).data("product");return t(document).trigger("dj.common.product.select",{id:n,url:o,variantsId:r,variants:a,product:d}),e.stopPropagation(),e.preventDefault(),!1}}))})),document.addEventListener("lazyloaded",(function(t){var e=t.target;if(t.target&&t.target.classList.contains("sep-lazyload")&&t.target.currentSrc){var n=e.currentSrc.match(/_(\d+)\./);if(n&&n[1]&&!e.getAttribute("width")){var o=document.createElement("img");o.onload=function(){e.setAttribute("width",Math.min(this.naturalWidth,n[1]))},o.src=e.currentSrc}}}))}catch(t){}}});/* bottom-end */ </script> <style> .cart__discount-container:empty { display: none; } .modal:not(#product-select-modal) { z-index: 1050 !important; } .dj-mce-view .common__img-wrapper_lazy img.lazyloaded { position: absolute; } img.sep-lazyload:not([src]):not([srcset]) { content: url("data:image/gif;base64,R0lGODlhAQABAPAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw=="); } .lazyload.sep-lazyload:not([width])[style], .lazyloading.sep-lazyload:not([width])[style] { width: 100%; height: 0; } .lazyloaded.sep-lazyload { padding-bottom: 0 !important; } .product-single__description-full img[data-sizes="auto"]:not[style], .product-info__desc img[data-sizes="auto"]:not[style] { width: 100%; } .slide__img-wrapper div.d-none.d-md-block { display: block !important; } .product-info__desc-tab-content { overflow-x: auto; } .register-success_nova_icon { display: none; } @media (max-width: 959.98px) { .nova .shoplazza-currency__show .shoplazza-currency__list ul { display: block !important; } } </style> <script type="text/javascript"> /* golden-bottom-start */!function(e){var t={};function n(i){if(t[i])return t[i].exports;var r=t[i]={i:i,l:!1,exports:{}};return e[i].call(r.exports,r,r.exports,n),r.l=!0,r.exports}n.m=e,n.c=t,n.d=function(e,t,i){n.o(e,t)||Object.defineProperty(e,t,{enumerable:!0,get:i})},n.r=function(e){"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},n.t=function(e,t){if(1&t&&(e=n(e)),8&t)return e;if(4&t&&"object"==typeof e&&e&&e.__esModule)return e;var i=Object.create(null);if(n.r(i),Object.defineProperty(i,"default",{enumerable:!0,value:e}),2&t&&"string"!=typeof e)for(var r in e)n.d(i,r,function(t){return e[t]}.bind(null,r));return i},n.n=function(e){var t=e&&e.__esModule?function(){return e.default}:function(){return e};return n.d(t,"a",t),t},n.o=function(e,t){return Object.prototype.hasOwnProperty.call(e,t)},n.p="https://static.staticdj.com/",n(n.s=13)}([function(e,t,n){"use strict";n.d(t,"g",(function(){return i})),n.d(t,"e",(function(){return r})),n.d(t,"h",(function(){return o})),n.d(t,"j",(function(){return a})),n.d(t,"q",(function(){return c})),n.d(t,"o",(function(){return s})),n.d(t,"p",(function(){return d})),n.d(t,"f",(function(){return u})),n.d(t,"m",(function(){return l})),n.d(t,"k",(function(){return p})),n.d(t,"l",(function(){return f})),n.d(t,"n",(function(){return m})),n.d(t,"c",(function(){return v})),n.d(t,"d",(function(){return _})),n.d(t,"i",(function(){return h})),n.d(t,"b",(function(){return g})),n.d(t,"a",(function(){return b}));const i=()=>{var e=/iPad|iPhone|iPod/.test(navigator.userAgent)&&!window.MSStream,t=/(android)/i.test(navigator.userAgent);return e?1:t?2:3},r=()=>{String.prototype.startsWith||Object.defineProperty(String.prototype,"startsWith",{value:function(e,t){return t=!t||t<0?0:+t,this.substring(t,t+e.length)===e}});var e=window.location.pathname||"";return"/"==e||e.startsWith("/home")||e.startsWith("/index")?"index":e.startsWith("/products/")?"product":e.startsWith("/collections/")||e.startsWith("/products")?"product_group":e.startsWith("/promotions/")?"activity":e.startsWith("/search")?"search":e.startsWith("/checkout/")?"checkout":"other"},o=function(e){let t=e&&e.discount_applications;if("string"==typeof t)try{t=JSON.parse(t)}catch(e){return}if(Array.isArray(t))return t.map((function(e){return e&&e.discount_id})).join(",")},a=function(e){return(e&&e.line_items||[]).reduce((function(e,t){return e+(t.quantity||0)}),0)},c=(e,t)=>{var n;const i=new CustomEvent(e,{detail:t||null,bubbles:!0});null===(n=document.body)||void 0===n||n.dispatchEvent(i)},s=(e,t)=>{document.addEventListener(e,(function(e){t(e,e.detail)}))},d=function(e,t,n){let i=arguments.length>3&&void 0!==arguments[3]&&arguments[3];var r=365,o=new Date;return o.setTime(o.getTime()+24*r*60*60*1e3),document.cookie=e+"="+encodeURIComponent(t)+";expires="+(n||o).toGMTString()+";domain="+location.host.split(".").map((function(e,t,n){return 0==t&&n.length>2?"":e})).join(".")+";path=/"+(i?";SameSite=None;Secure":""),!0},u=e=>{var t=new RegExp("(^| )"+e+"=([^;]*)(;|$)"),n=document.cookie.match(t);return n?decodeURIComponent(n[2]):""},l=()=>window&&window.sessionStorage&&"function"==typeof window.sessionStorage.setItem&&"function"==typeof window.sessionStorage.getItem,p=function(){let e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:"";return e.split("/")[2]||""},f=()=>C_SETTINGS.meta&&C_SETTINGS.meta.page&&14===C_SETTINGS.meta.page.template_type,m=()=>C_SETTINGS.meta&&C_SETTINGS.meta.page&&42===C_SETTINGS.meta.page.template_type,v=(e,t,n)=>{var i,r,c,s,d;return{checkout_page_type:null===(i=t.config)||void 0===i?void 0:i.page_type,order_id:t.id,referrer:document.referrer,currency:t.currency_code,quantity:(null===(r=t.line_items)||void 0===r?void 0:r.length)||0,sku_quantity:a(t),total:null===(c=t.prices)||void 0===c?void 0:c.total_price,content_ids:null===(s=t.line_items)||void 0===s?void 0:s.map((function(e){return e.product_id})),event_id:e.namespace+e.timeStamp,AD_fbc:u("_fbc")||n(),AD_fbp:u("_fbp"),AD_event_id:e.namespace+e.timeStamp,AD_variant_ids:null===(d=t.line_items)||void 0===d?void 0:d.map((function(e){return e.variant_id})),discount_ids:o(t)}},_=(e,t)=>{var n;return{order_id:t.id,checkout_page_type:null===(n=t.config)||void 0===n?void 0:n.page_type}},h=(e,t,n)=>{var i,r,o,a,c;return{order_id:t.id,checkout_page_type:null===(i=t.config)||void 0===i?void 0:i.page_type,AD_fbc:u("_fbc")||n(),AD_fbp:u("_fbp"),total:null===(r=t.prices)||void 0===r?void 0:r.total_price,discount_total:null===(o=t.prices)||void 0===o?void 0:o.discount_price,shipping_total:null===(a=t.prices)||void 0===a?void 0:a.shipping_price,tax_total:null===(c=t.prices)||void 0===c?void 0:c.tax_price}},g=(e,t,n)=>{var i,r,o,a,c;return{order_id:t.id,checkout_page_type:null===(i=t.config)||void 0===i?void 0:i.page_type,AD_fbc:u("_fbc")||n(),AD_fbp:u("_fbp"),total:null===(r=t.prices)||void 0===r?void 0:r.total_price,discount_total:null===(o=t.prices)||void 0===o?void 0:o.discount_price,shipping_total:null===(a=t.prices)||void 0===a?void 0:a.shipping_price,tax_total:null===(c=t.prices)||void 0===c?void 0:c.tax_price}},b=(e,t,n)=>{var i,r,o,a,c;return{checkout_page_type:null===(i=t.config)||void 0===i?void 0:i.page_type,order_id:t.id,target_url:location.host+t.target_url,payment_method:t.payment_line&&t.payment_line.payment_method,payment_channel:t.payment_line&&t.payment_line.payment_channel,djUrl:location.href,djTitle:document.title,djUrlPath:location.pathname,currency:t.currency_code,event_id:e.namespace+e.timeStamp,AD_fbc:u("_fbc")||n(),AD_fbp:u("_fbp"),AD_event_id:e.namespace+e.timeStamp,total:null===(r=t.prices)||void 0===r?void 0:r.total_price,discount_total:null===(o=t.prices)||void 0===o?void 0:o.discount_price,shipping_total:null===(a=t.prices)||void 0===a?void 0:a.shipping_price,tax_total:null===(c=t.prices)||void 0===c?void 0:c.tax_price}}},function(e,t,n){"use strict";n.d(t,"b",(function(){return i})),n.d(t,"a",(function(){return r}));const i="_extra",r={UTM:atob("c2hvcGxhenphX2FfcA=="),UTM_PARAMS:"utm_a_p",SESSION_ID_OLD:"session_id",SESSION_ID_NEW:"ss_id_a_p"}},function(e,t,n){"use strict";n.d(t,"e",(function(){return c})),n.d(t,"b",(function(){return s})),n.d(t,"c",(function(){return d})),n.d(t,"d",(function(){return u})),n.d(t,"a",(function(){return l}));var i=n(0);n(1);const r={name:"last_template_name",get:()=>Object(i.f)(r.name),set:e=>{Object(i.p)(r.name,e,new Date((new Date).getTime()+18e5))}},o={name:"latest_referrer",get:()=>Object(i.f)(o.name),set:e=>{Object(i.p)(o.name,e,new Date((new Date).getTime()+18e5))}},a={name:"last_land_url",get:()=>Object(i.f)(a.name),set:(e,t)=>{if(Object(i.n)())return;const n=e.sessionId.isNew;if(Object(i.l)()&&!n)return;let c=a.get(),s=r.get(),d=o.get();const u=Object(i.k)(document.referrer),l=location.host,p=u&&l&&u!==l,f=u===l&&"admin"===(document.referrer||"").split("/")[3],m=!document.referrer;var v,_;(p||f||m||n&&u===l)&&(c=location.href,s=(null===(v=C_SETTINGS.meta)||void 0===v||null===(_=v.page)||void 0===_?void 0:_.template_name)||"",d=document.referrer);c&&Object(i.p)(a.name,c,new Date((new Date).getTime()+18e5)),s&&r.set(s),d&&o.set(d)}},c=(e,t)=>a.set(e,t),s=()=>a.get(),d=()=>r.get(),u=()=>o.get(),l=()=>{let e=SHOP_PARAMS.fbq_pv_event_id;return e||(e=(new Date).getTime().toString()+(400*Math.random().toFixed(2)+100).toString(),Object.defineProperty(SHOP_PARAMS,"fbq_pv_event_id",{configurable:!1,get:()=>e,set:()=>{console.log("[golden] SHOP_PARAMS.fbq_pv_event_id 生成后不允许修改")}})),e}},function(e,t,n){"use strict";n.r(t),n.d(t,"CLSThresholds",(function(){return k})),n.d(t,"FCPThresholds",(function(){return O})),n.d(t,"FIDThresholds",(function(){return R})),n.d(t,"INPThresholds",(function(){return B})),n.d(t,"LCPThresholds",(function(){return X})),n.d(t,"TTFBThresholds",(function(){return Z})),n.d(t,"getCLS",(function(){return C})),n.d(t,"getFCP",(function(){return A})),n.d(t,"getFID",(function(){return L})),n.d(t,"getINP",(function(){return z})),n.d(t,"getLCP",(function(){return Q})),n.d(t,"getTTFB",(function(){return ee})),n.d(t,"onCLS",(function(){return C})),n.d(t,"onFCP",(function(){return A})),n.d(t,"onFID",(function(){return L})),n.d(t,"onINP",(function(){return z})),n.d(t,"onLCP",(function(){return Q})),n.d(t,"onTTFB",(function(){return ee}));var i,r,o,a,c,s=-1,d=function(e){addEventListener("pageshow",(function(t){t.persisted&&(s=t.timeStamp,e(t))}),!0)},u=function(){return window.performance&&performance.getEntriesByType&&performance.getEntriesByType("navigation")[0]},l=function(){var e=u();return e&&e.activationStart||0},p=function(e,t){var n=u(),i="navigate";return s>=0?i="back-forward-cache":n&&(document.prerendering||l()>0?i="prerender":document.wasDiscarded?i="restore":n.type&&(i=n.type.replace(/_/g,"-"))),{name:e,value:void 0===t?-1:t,rating:"good",delta:0,entries:[],id:"v3-".concat(Date.now(),"-").concat(Math.floor(8999999999999*Math.random())+1e12),navigationType:i}},f=function(e,t,n){try{if(PerformanceObserver.supportedEntryTypes.includes(e)){var i=new PerformanceObserver((function(e){Promise.resolve().then((function(){t(e.getEntries())}))}));return i.observe(Object.assign({type:e,buffered:!0},n||{})),i}}catch(e){}},m=function(e,t,n,i){var r,o;return function(a){t.value>=0&&(a||i)&&((o=t.value-(r||0))||void 0===r)&&(r=t.value,t.delta=o,t.rating=function(e,t){return e>t[1]?"poor":e>t[0]?"needs-improvement":"good"}(t.value,n),e(t))}},v=function(e){requestAnimationFrame((function(){return requestAnimationFrame((function(){return e()}))}))},_=function(e){var t=function(t){"pagehide"!==t.type&&"hidden"!==document.visibilityState||e(t)};addEventListener("visibilitychange",t,!0),addEventListener("pagehide",t,!0)},h=function(e){var t=!1;return function(n){t||(e(n),t=!0)}},g=-1,b=function(){return"hidden"!==document.visibilityState||document.prerendering?1/0:0},y=function(e){"hidden"===document.visibilityState&&g>-1&&(g="visibilitychange"===e.type?e.timeStamp:0,S())},w=function(){addEventListener("visibilitychange",y,!0),addEventListener("prerenderingchange",y,!0)},S=function(){removeEventListener("visibilitychange",y,!0),removeEventListener("prerenderingchange",y,!0)},T=function(){return g<0&&(g=b(),w(),d((function(){setTimeout((function(){g=b(),w()}),0)}))),{get firstHiddenTime(){return g}}},j=function(e){document.prerendering?addEventListener("prerenderingchange",(function(){return e()}),!0):e()},O=[1800,3e3],A=function(e,t){t=t||{},j((function(){var n,i=T(),r=p("FCP"),o=f("paint",(function(e){e.forEach((function(e){"first-contentful-paint"===e.name&&(o.disconnect(),e.startTime<i.firstHiddenTime&&(r.value=Math.max(e.startTime-l(),0),r.entries.push(e),n(!0)))}))}));o&&(n=m(e,r,O,t.reportAllChanges),d((function(i){r=p("FCP"),n=m(e,r,O,t.reportAllChanges),v((function(){r.value=performance.now()-i.timeStamp,n(!0)}))})))}))},k=[.1,.25],C=function(e,t){t=t||{},A(h((function(){var n,i=p("CLS",0),r=0,o=[],a=function(e){e.forEach((function(e){if(!e.hadRecentInput){var t=o[0],n=o[o.length-1];r&&e.startTime-n.startTime<1e3&&e.startTime-t.startTime<5e3?(r+=e.value,o.push(e)):(r=e.value,o=[e])}})),r>i.value&&(i.value=r,i.entries=o,n())},c=f("layout-shift",a);c&&(n=m(e,i,k,t.reportAllChanges),_((function(){a(c.takeRecords()),n(!0)})),d((function(){r=0,i=p("CLS",0),n=m(e,i,k,t.reportAllChanges),v((function(){return n()}))})),setTimeout(n,0))})))},E={passive:!0,capture:!0},D=new Date,I=function(e,t){i||(i=t,r=e,o=new Date,M(removeEventListener),N())},N=function(){if(r>=0&&r<o-D){var e={entryType:"first-input",name:i.type,target:i.target,cancelable:i.cancelable,startTime:i.timeStamp,processingStart:i.timeStamp+r};a.forEach((function(t){t(e)})),a=[]}},P=function(e){if(e.cancelable){var t=(e.timeStamp>1e12?new Date:performance.now())-e.timeStamp;"pointerdown"==e.type?function(e,t){var n=function(){I(e,t),r()},i=function(){r()},r=function(){removeEventListener("pointerup",n,E),removeEventListener("pointercancel",i,E)};addEventListener("pointerup",n,E),addEventListener("pointercancel",i,E)}(t,e):I(t,e)}},M=function(e){["mousedown","keydown","touchstart","pointerdown"].forEach((function(t){return e(t,P,E)}))},R=[100,300],L=function(e,t){t=t||{},j((function(){var n,o=T(),c=p("FID"),s=function(e){e.startTime<o.firstHiddenTime&&(c.value=e.processingStart-e.startTime,c.entries.push(e),n(!0))},u=function(e){e.forEach(s)},l=f("first-input",u);n=m(e,c,R,t.reportAllChanges),l&&_(h((function(){u(l.takeRecords()),l.disconnect()}))),l&&d((function(){var o;c=p("FID"),n=m(e,c,R,t.reportAllChanges),a=[],r=-1,i=null,M(addEventListener),o=s,a.push(o),N()}))}))},x=0,G=1/0,W=0,q=function(e){e.forEach((function(e){e.interactionId&&(G=Math.min(G,e.interactionId),W=Math.max(W,e.interactionId),x=W?(W-G)/7+1:0)}))},$=function(){return c?x:performance.interactionCount||0},U=function(){"interactionCount"in performance||c||(c=f("event",q,{type:"event",buffered:!0,durationThreshold:0}))},B=[200,500],F=0,H=function(){return $()-F},J=[],K={},V=function(e){var t=J[J.length-1],n=K[e.interactionId];if(n||J.length<10||e.duration>t.latency){if(n)n.entries.push(e),n.latency=Math.max(n.latency,e.duration);else{var i={id:e.interactionId,latency:e.duration,entries:[e]};K[i.id]=i,J.push(i)}J.sort((function(e,t){return t.latency-e.latency})),J.splice(10).forEach((function(e){delete K[e.id]}))}},z=function(e,t){t=t||{},j((function(){var n;U();var i,r=p("INP"),o=function(e){e.forEach((function(e){e.interactionId&&V(e),"first-input"===e.entryType&&!J.some((function(t){return t.entries.some((function(t){return e.duration===t.duration&&e.startTime===t.startTime}))}))&&V(e)}));var t,n=(t=Math.min(J.length-1,Math.floor(H()/50)),J[t]);n&&n.latency!==r.value&&(r.value=n.latency,r.entries=n.entries,i())},a=f("event",o,{durationThreshold:null!==(n=t.durationThreshold)&&void 0!==n?n:40});i=m(e,r,B,t.reportAllChanges),a&&("PerformanceEventTiming"in window&&"interactionId"in PerformanceEventTiming.prototype&&a.observe({type:"first-input",buffered:!0}),_((function(){o(a.takeRecords()),r.value<0&&H()>0&&(r.value=0,r.entries=[]),i(!0)})),d((function(){J=[],F=$(),r=p("INP"),i=m(e,r,B,t.reportAllChanges)})))}))},X=[2500,4e3],Y={},Q=function(e,t){t=t||{},j((function(){var n,i=T(),r=p("LCP"),o=function(e){var t=e[e.length-1];t&&t.startTime<i.firstHiddenTime&&(r.value=Math.max(t.startTime-l(),0),r.entries=[t],n())},a=f("largest-contentful-paint",o);if(a){n=m(e,r,X,t.reportAllChanges);var c=h((function(){Y[r.id]||(o(a.takeRecords()),a.disconnect(),Y[r.id]=!0,n(!0))}));["keydown","click"].forEach((function(e){addEventListener(e,(function(){return setTimeout(c,0)}),!0)})),_(c),d((function(i){r=p("LCP"),n=m(e,r,X,t.reportAllChanges),v((function(){r.value=performance.now()-i.timeStamp,Y[r.id]=!0,n(!0)}))}))}}))},Z=[800,1800],ee=function(e,t){t=t||{};var n=p("TTFB"),i=m(e,n,Z,t.reportAllChanges);!function e(t){document.prerendering?j((function(){return e(t)})):"complete"!==document.readyState?addEventListener("load",(function(){return e(t)}),!0):setTimeout(t,0)}((function(){var r=u();if(r){var o=r.responseStart;if(o<=0||o>performance.now())return;n.value=Math.max(o-l(),0),n.entries=[r],i(!0),d((function(){n=p("TTFB",0),(i=m(e,n,Z,t.reportAllChanges))(!0)}))}}))}},function(e,t,n){"use strict";n.d(t,"a",(function(){return i}));const i=e=>{const t=()=>{document.removeEventListener("DOMContentLoaded",t),e()};"loading"!==document.readyState?setTimeout(e):document.addEventListener("DOMContentLoaded",t)}},function(e,t,n){"use strict";function i(e,t){for(var n=0;n<t.length;n++){var i=t[n];i.enumerable=i.enumerable||!1,i.configurable=!0,"value"in i&&(i.writable=!0),Object.defineProperty(e,r(i.key),i)}}function r(e){var t=function(e,t){if("object"!=typeof e||!e)return e;var n=e[Symbol.toPrimitive];if(void 0!==n){var i=n.call(e,t||"default");if("object"!=typeof i)return i;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===t?String:Number)(e)}(e,"string");return"symbol"==typeof t?t:t+""}n.d(t,"a",(function(){return c})),n.d(t,"c",(function(){return s})),n.d(t,"b",(function(){return d}));const o=new(function(){return function(e,t,n){return t&&i(e.prototype,t),n&&i(e,n),Object.defineProperty(e,"prototype",{writable:!1}),e}((function e(){!function(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}(this,e),this.aidMap_=void 0,this.init_()}),[{key:"set",value:function(e){if("string"!=typeof e)return;const t=e.split(".")[0];this.aidMap_[t]={path:[window.location.pathname],value:e},this.setCache_()}},{key:"get",value:function(){return Object.values(this.aidMap_).map(e=>null==e?void 0:e.value).join(",")}},{key:"init_",value:function(){this.aidMap_||(this.aidMap_=this.getCache_(),this.delFilter_())}},{key:"delFilter_",value:function(){let e=!1;Object.keys(this.aidMap_).forEach(t=>{if(!t||!this.aidMap_.hasOwnProperty(t))return;if("/"===window.location.pathname)return e=!0,void(this.aidMap_={});const n=this.aidMap_[t].path;n[n.length-1]!==window.location.pathname&&(n.length>=3?delete this.aidMap_[t]:n.push(window.location.pathname),e=!0)}),e&&this.setCache_()}},{key:"setCache_",value:function(){(sessionStorage||localStorage).setItem("__aid_cache_",JSON.stringify(this.aidMap_))}},{key:"getCache_",value:function(){const e=sessionStorage||localStorage;return JSON.parse(e.getItem("__aid_cache_"))||{}}}])}()),a=new URL(window.location.href),c=()=>a.searchParams.get("aid")||o.get(),s=e=>{e&&o.set(e)},d=(e,t)=>{var n,i;"click"!==(null==t?void 0:t.eventName)?(s(null==t?void 0:t.aid),["dj.productSearch","dj.addToCart","dj.viewContent"].includes(e)&&(null===(n=window.sa)||void 0===n||n.registerPageOnce({aid:c()}))):s(null==t||null===(i=t.params)||void 0===i?void 0:i.aid)}},function(e,t,n){"use strict";function i(e,t){for(var n=0;n<t.length;n++){var i=t[n];i.enumerable=i.enumerable||!1,i.configurable=!0,"value"in i&&(i.writable=!0),Object.defineProperty(e,r(i.key),i)}}function r(e){var t=function(e,t){if("object"!=typeof e||!e)return e;var n=e[Symbol.toPrimitive];if(void 0!==n){var i=n.call(e,t||"default");if("object"!=typeof i)return i;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===t?String:Number)(e)}(e,"string");return"symbol"==typeof t?t:t+""}n.d(t,"a",(function(){return u}));const o="image",a="beacon",c="event_info",s="base_property",d="extra_properties";let u=function(e,t){return function(e,t,n){return t&&i(e.prototype,t),n&&i(e,n),Object.defineProperty(e,"prototype",{writable:!1}),e}((function e(){!function(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}(this,e),this.distinct_id="",this.trackParams={$screen_height:Number(screen.height)||0,$screen_width:Number(screen.width)||0,$referrer:document.referrer,$referrer_host:document.referrer?document.referrer.split("/")[2]:"",$title:document.title,$url:()=>location.href,$url_path:location.pathname},this.eventInfo={},this.tempTrackParams={}}),[{key:e,value:function(e){navigator.sendBeacon(this.getServerUrl_(),this.getSendData_(e))}},{key:t,value:function(e){const t=document.createElement("img");t.width=1,t.height=1,t.src=this.getSendUrl_(this.getServerUrl_(),e)}},{key:"getSendUrl_",value:function(e,t){const n=this.base64Encode_(t),i="crc="+this.hashCode_(n);return-1!==e.indexOf("?")?e+"&data="+encodeURIComponent(n)+"&ext="+encodeURIComponent(i):e+"?data="+encodeURIComponent(n)+"&ext="+encodeURIComponent(i)}},{key:"getSendData_",value:function(e){const t=this.base64Encode_(e),n="crc="+this.hashCode_(t);return"data="+encodeURIComponent(t)+"&ext="+encodeURIComponent(n)}},{key:"base64Encode_",value:function(e){return btoa(encodeURIComponent(e).replace(/%([0-9A-F]{2})/g,(function(e,t){return String.fromCharCode("0x"+t)})))}},{key:"hashCode_",value:function(e){if("string"!=typeof e)return 0;var t=0;if(0==e.length)return t;for(var n=0;n<e.length;n++)t=(t<<5)-t+e.charCodeAt(n),t&=t;return t}},{key:"getProperties_",value:function(e,t){let n=Object.assign({},this.trackParams,this.getEventInfo(e),this.tempTrackParams,t);for(const e in n){let t=n[e];t instanceof Function&&(t=t()),n[e]=t}return n}},{key:"getDistinctId_",value:function(){return this.distinct_id||(new Date).getTime().toString()+(400*Math.random().toFixed(2)+100).toString()}},{key:"getTrackId_",value:function(){return Number(String(Math.random()).slice(2,5)+String(Math.random()).slice(2,4)+String((new Date).getTime()).slice(-4))}},{key:"clearTemp_",value:function(){this.tempTrackParams={}}},{key:"track",value:function(e,t){const n={distinct_id:this.getDistinctId_(),_track_id:this.getTrackId_(),type:"track",event:e,properties:this.getProperties_(e,t)};this[this.getSendType_()](JSON.stringify(n)),this.clearTemp_()}},{key:"getSendType_",value:function(){return this.sendType_||("object"==typeof navigator&&"function"==typeof navigator.sendBeacon&&(this.sendType_=a),this.sendType_=o),this.sendType_}},{key:"getServerUrl_",value:function(){if(!this.serverUrl_){let e=window.C_SETTINGS.sa_server_url;this.getSendType_()===a&&(e=e.replace("/sa?","/beacon/sa?")+"&gzip=0"),this.serverUrl_=e.replace(/\/sa$/,"/sa.gif").replace(/(\/sa)(\?[^\/]+)$/,"/sa.gif$2")}return this.serverUrl_}},{key:"getEventInfo",value:function(e){const t=this.eventInfo[e];return t?0===Object.keys(t).length?{}:{[c]:JSON.stringify(t)}:{}}},{key:"registerPage",value:function(e){let t=arguments.length>1&&void 0!==arguments[1]&&arguments[1];t?this.tempTrackParams=e:this.trackParams=Object.assign({},this.trackParams,e||{})}},{key:"registerPageOnce",value:function(e){this.tempTrackParams={...this.tempTrackParams,...e}}},{key:"registerBaseInfo",value:function(e,t){if(!e||!t)return;let n=(this.eventInfo[e]||{})[s];this.eventInfo[e]={...this.eventInfo,[s]:Object.assign({},n||{},t||{})}}},{key:"registerExtraInfo",value:function(e,t,n){if(!e||null==t||!t.function_name)return;let i=(this.eventInfo[e]||{})[d]||[];i=i.filter(e=>e.function_name!==t.function_name),n||i.push({...t}),this.eventInfo[e]={...this.eventInfo[e]||{},[d]:i}}},{key:"identify",value:function(e){this.distinct_id=e}}])}(a,o)},function(e,t,n){"use strict";n.d(t,"a",(function(){return i}));const i=()=>{var e;null===(e=window.sa)||void 0===e||e.track("$pageview")}},function(e,t,n){"use strict";function i(e){return null!=e&&""!==e}function r(){let e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:[];for(var t=arguments.length,n=new Array(t>1?t-1:0),r=1;r<t;r++)n[r-1]=arguments[r];for(let t=0;t<e.length;t++){const r=(0,e[t])(...n);if(i(r))return r}}let o;const a=e=>(o||(o=new URL(window.location.href)),o.searchParams.get(e));let c={};const s=(e,t)=>function(){if(e in c)return c[e];let n=c[e]=t(...arguments);return n},d={STANDARD:{A:()=>{var e;return null===(e=document.querySelector("head meta[name=spma]"))||void 0===e?void 0:e.getAttribute("content")},B:()=>{var e;return null===(e=document.querySelector("head meta[name=spmb]"))||void 0===e?void 0:e.getAttribute("content")},C:()=>{var e;return null===(e=document.querySelector("head meta[name=spmc]"))||void 0===e?void 0:e.getAttribute("content")},D:e=>e.dataset.spm,D_ALL:e=>{let t=e.dataset.spm;if(t)return document.querySelectorAll(`${e.tagName}[data-spm=${t}]`)},E:e=>e.dataset.spm},BACKWARD_COMP:{A:()=>{var e;return null===(e=window.C_SETTINGS.shop)||void 0===e?void 0:e.shop_id},B:()=>{var e;return null===(e=window.C_SETTINGS.theme)||void 0===e?void 0:e.merchant_theme_name},C:()=>{var e,t;const n=null===(i=window.C_SETTINGS.meta)||void 0===i||null===(r=i.page)||void 0===r?void 0:r.resource_id;var i,r,o,a;return n?`${null===(o=window.C_SETTINGS.meta)||void 0===o||null===(a=o.page)||void 0===a?void 0:a.template_name}_${n}`:null===(e=window.C_SETTINGS.meta)||void 0===e||null===(t=e.page)||void 0===t?void 0:t.template_name},D:e=>e.dataset.sectionType,D_ALL:e=>{let t=e.dataset.sectionType;if(t)return document.querySelectorAll(`${e.tagName}[data-section-type='${t}']`)},E:(e,t)=>{let n=1;if(t){let i=t.querySelectorAll(`[data-track-id],.${window.C_SETTINGS.product_snippet_prefix},spz-product-snippet,[data-prdct]`);i=Array.prototype.filter.call(i,e=>!Array.prototype.includes.call(e.classList,"product-detail")&&!Array.prototype.includes.call(e.classList,"cart__item")),navigator.userAgent.includes("jsdom/")||(i=Array.prototype.filter.call(i,e=>(e=>!!(e.offsetWidth||e.offsetHeight||e.getClientRects().length))(e))),n=Array.prototype.findIndex.call(i,t=>t.contains(e))+1}return n}},CUSTOMIZED:{}},u=(s("a",()=>{var e;return null!==(e=r([d.STANDARD.A,d.BACKWARD_COMP.A]))&&void 0!==e?e:0}),s("b",()=>{var e;return null!==(e=r([d.STANDARD.B,d.BACKWARD_COMP.B]))&&void 0!==e?e:0}),s("c",()=>{var e;return null!==(e=r([d.STANDARD.C,d.BACKWARD_COMP.C]))&&void 0!==e?e:0})),l=e=>{let t=(e=>{let t,n=e.parentElement;for(;n&&"BODY"!==n.tagName.toUpperCase();){if(r([d.STANDARD.D,d.BACKWARD_COMP.D],n)){t=n;break}n=n.parentElement}return t})(e);return`..${u()}.${(e=>{let t;if(e){let n=r([d.STANDARD.D_ALL,d.BACKWARD_COMP.D_ALL],e);if((null==n?void 0:n.length)>0){let i=Array.prototype.indexOf.call(n,e);t=`${r([d.STANDARD.D,d.BACKWARD_COMP.D],e)}_${i+1}`}}return t||0})(t)}.${((e,t)=>r([d.STANDARD.E,d.BACKWARD_COMP.E],e,t)||1)(e,t)}`},p=s("spms",()=>({spm:a("spm"),spm_prev:a("spm_prev")})),f=s("cnt",()=>["","",u()].join(".")),m=/^https?:/;const v=e=>{const t=function(e){if(e.href)return e;let t=e.parentElement;for(;t&&"BODY"!==t.tagName.toUpperCase();){if(t.href)return t;t=t.parentElement}}(e.target);t&&(e=>{if(null!=e&&e.href)try{if(e.getAttribute("href").startsWith("#"))return;let t=new URL(e.href);if(!m.test(t.protocol))return;null==t.searchParams.get("spm")&&t.searchParams.set("spm",l(e));let{spm:n}=p();n&&t.searchParams.set("spm_prev",n),e.href=t.toString()}catch(e){console.error(e)}})(t)};let _;const h=()=>{const{disableSPM:e}=(()=>{if(!_){const e=document.documentElement;_={disableSPM:e.hasAttribute("disable-spm")}}return _})();e||document.addEventListener("click",v)};function g(e,t){for(var n=0;n<t.length;n++){var i=t[n];i.enumerable=i.enumerable||!1,i.configurable=!0,"value"in i&&(i.writable=!0),Object.defineProperty(e,w(i.key),i)}}function b(e,t,n){return t&&g(e.prototype,t),n&&g(e,n),Object.defineProperty(e,"prototype",{writable:!1}),e}function y(e,t,n){return(t=w(t))in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function w(e){var t=function(e,t){if("object"!=typeof e||!e)return e;var n=e[Symbol.toPrimitive];if(void 0!==n){var i=n.call(e,t||"default");if("object"!=typeof i)return i;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===t?String:Number)(e)}(e,"string");return"symbol"==typeof t?t:t+""}const S=new(b((function e(){!function(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}(this,e),y(this,"params",{}),y(this,"get",e=>this.params[e]),y(this,"set",(e,t)=>{if((e=>"[object Object]"!==Object.prototype.toString.call(e)||null===e)(t))return;const n=this.params[e];this.params[e]=n?{...n,...t}:t}),y(this,"remove",e=>{delete this.params[e]}),y(this,"reset",()=>{this.params={}})}))),T=()=>{if("object"!=typeof window.sa)return setTimeout(T,200);((e,t,n)=>{if(!e||!e[t]||!n)return;let i=e[t].bind(e);const r=function(){for(var e=arguments.length,t=new Array(e),r=0;r<e;r++)t[r]=arguments[r];n(i,...t)};Object.defineProperty(e,t,{configurable:!0,get:()=>r,set:e=>{i=e}})})(window.sa,"track",(e,t,n)=>{let i=n;const r=S.get(t);r&&(i={...r,...null!=n?n:{}}),e(t,i)})};function j(e,t){for(var n=0;n<t.length;n++){var i=t[n];i.enumerable=i.enumerable||!1,i.configurable=!0,"value"in i&&(i.writable=!0),Object.defineProperty(e,k(i.key),i)}}function O(e,t,n){return t&&j(e.prototype,t),n&&j(e,n),Object.defineProperty(e,"prototype",{writable:!1}),e}function A(e,t,n){return(t=k(t))in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function k(e){var t=function(e,t){if("object"!=typeof e||!e)return e;var n=e[Symbol.toPrimitive];if(void 0!==n){var i=n.call(e,t||"default");if("object"!=typeof i)return i;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===t?String:Number)(e)}(e,"string");return"symbol"==typeof t?t:t+""}const C=e=>{"1"===e.getAttribute("imprevt")&&e.dispatchEvent(new CustomEvent("impress"))},E={root:null,ratio:.6},D=(e,t)=>{const n=function(){let e=arguments.length>1?arguments[1]:void 0;return t=>{t.forEach(t=>{t.target.getAttribute("imprsd")||(t.isIntersecting?t.target._timeoutId=setTimeout(()=>{t.target._timeoutId=void 0,t.target.setAttribute("imprsd","true"),e(t.target),C(t.target)},150):clearTimeout(t.target._timeoutId))})}}(e,t);return{intersectionHandler:n,observer:new IntersectionObserver(n,E)}},I={childList:!0,subtree:!0},N=(e,t)=>{const n=function(){let e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},t=arguments.length>1?arguments[1]:void 0;const n=e.selector;return e=>{const i=[];e.forEach(e=>{e.addedNodes.forEach(e=>{if(1===e.nodeType){if(e.matches(n))return void i.push(e);const t=e.querySelectorAll(n);(null==t?void 0:t.length)>0&&i.push(...t)}})}),i.length>0&&t(i)}}(e,t),i=new MutationObserver(n);return i.observe(document.documentElement,I),{mutationHandler:n,observer:i}},P=new(O((function e(){!function(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}(this,e),A(this,"queue",[]),A(this,"sendTimer",null),A(this,"options",{}),A(this,"add",e=>{clearTimeout(this.sendTimer),this.queue.push(e),this.queue.length>=6&&this.send(),this.sendTimer=setTimeout(()=>{this.send()},2e3)}),A(this,"send",()=>{var e;this.queue.length>0&&(null===(e=window.sa)||void 0===e||e.track("impressions",{impressions:JSON.stringify(this.queue)}),this.queue=[])})}))),M=(e,t)=>Object.fromEntries(Object.entries(e).map(e=>{let n=e[1];return"string"==typeof n?[e[0],t.getAttribute(n)]:"function"==typeof n?[e[0],n(t)]:[e[0],void 0]}).filter(e=>i(e[1]))),R={STANDARD:(e,t)=>{if(t.matches(x.selector))return M(e.paramsMap,t)},BACKWARD_COMP:(e,t)=>{var n,i,r;const o=t.querySelector("a[href]"),a=!!o&&new URL(o.href),c=a&&null!==(n=a.searchParams.get("scm"))&&void 0!==n?n:void 0,s=a&&null!==(i=a.searchParams.get("cfb"))&&void 0!==i?i:void 0;return{spm:l(t),scm:c,ifb:s,product_id:t.dataset.trackId||(null===(r=M(e.paramsMap,t))||void 0===r?void 0:r.product_id)}}},L=(e,t)=>r([R.STANDARD,R.BACKWARD_COMP],e,t),x={selector:"[impr]",paramsMap:{spm:e=>l(e),scm:"data-scm",ifb:"data-ifb",product_id:"data-prdct",aid:e=>{var t,n;return void 0!==e.dataset.aid?""===e.dataset.aid?(null===(t=window.sa)||void 0===t?void 0:t.getAID)&&(null===(n=window.sa)||void 0===n?void 0:n.getAID()):e.dataset.aid:void 0}}},G=x,W=e=>{var t;return e===G?e:{selector:null!==(t=null==e?void 0:e.selector)&&void 0!==t?t:G.selector,paramsMap:null!=e&&e.paramsMap?{...G.paramsMap,...e.paramsMap}:G.paramsMap}},q=()=>["IntersectionObserver","MutationObserver"].map(e=>{return[e,(t=e,!!window[t])];var t}).filter(e=>!e[1]).map(e=>e[0]),$=function(){let e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:G;const t=q();if(t.length>0)return void setTimeout(()=>{throw new Error("[Labrador] browser does not support "+t)});const n=e=>{const t=e.getAttribute("data-aid");var n,i;t&&((null===(n=window.sa)||void 0===n?void 0:n.registerAID)&&(null===(i=window.sa)||void 0===i||i.registerAID(t)))},i=W(e),{intersectionHandler:r,observer:o}=D(i,e=>{const t=L(i,e);t&&(t.aid&&n(e),P.add(t))}),a=e=>{e.forEach(e=>o.observe(e))},{mutationHandler:c,observer:s}=N(i,a);return a(document.querySelectorAll(i.selector)),{intersectionHandler:r,intersectionObserver:o,mutationHandler:c,mutationObserver:s}},U={getSPMCnt:f,getSPMs:p,registerParams:(e,t)=>{S.set(e,t)}};var B=n(4);window.spzutm=U,(()=>{const e={...p(),spm_cnt:f(),scm:a("scm"),ssp:a("ssp"),cfb:a("cfb")};if(window.sa){var t,n;null===(t=(n=window.sa).registerPage)||void 0===t||t.call(n,e)}else{const t=window,n="sa";t[n]=e=>function(){for(var i=arguments.length,r=new Array(i),o=0;o<i;o++)r[o]=arguments[o];return(t[n]._q=t[n]._q||[]).push([e,r])},t[n]("registerPage")(e)}})(),Object(B.a)(()=>{var e,t;h(),T();["product","search","cart","collection","flashsaleCollection","couponCollection","rebateCollection","automaticCollection","checkout","thank_you","index","page","theme_page","article","blog","order"].includes(null===(e=C_SETTINGS.meta)||void 0===e||null===(t=e.page)||void 0===t?void 0:t.template_name)&&($(),$({selector:"[data-track-id]"}),$({selector:`.${window.C_SETTINGS.product_snippet_prefix},spz-product-snippet`,paramsMap:{product_id:"product-id"}}))})},function(e,t,n){"use strict";var i,r,o,a=n(0);const c=location.protocol+((null===(i=window.C_SETTINGS)||void 0===i||null===(r=i.shop)||void 0===r?void 0:r.cdn_domain)||(null===(o=window.C_SETTINGS)||void 0===o?void 0:o.cdn_domain)),s=c,d=e=>{const t=window.AD_TRACK_ASSETS||(window.AD_TRACK_ASSETS={});Object.defineProperty(t,"golden_world",{configurable:!0,get:()=>null,set:n=>{Object.defineProperty(t,"golden_world",{configurable:!0,writable:!0,enumerable:!0}),t.golden_world=n,e(n)}})},u=e=>{let t=new URL(c);t.pathname=e||window.AD_TRACK_ASSETS.golden_world;const n=t.toString(),i=(()=>{if("develop"!==window.C_SETTINGS.namespace)return;const e=window.location.host.split(/-{3,5}/).slice(0,-1).reverse().toString();return e?`golden_world.${e}.js`:null})(),r=(()=>{const e=Object(a.f)("awesomeab").match(new RegExp("\\bgolden-world-(v[s0-9]+)"));if(e)return`golden_world.${e[1]}.js`})();return i&&(t=new URL(s),t.pathname=i),r&&(t.pathname=r),{src:t.toString(),isNotTrunk:i||r,trunkSrc:n}},l=e=>{var t,n;if(!(e||null!==(t=window)&&void 0!==t&&null!==(n=t.AD_TRACK_ASSETS)&&void 0!==n&&n.golden_world))return void d(l);const i=document.createElement("script"),{src:r,isNotTrunk:o,trunkSrc:a}=u(e);i.src=r,i.async=!0,i.onerror=()=>{if(o){i.remove();const e=document.createElement("script");e.src=a,document.head.appendChild(e)}},document.head.appendChild(i)};var p=n(4);const f=e=>localStorage.setItem("GOLDEN_WORLD_DATA_LAYER_EVENTS",JSON.stringify(e)),m=()=>JSON.parse(localStorage.getItem("GOLDEN_WORLD_DATA_LAYER_EVENTS"))||[],v=()=>{const e=window.GOLDEN_WORLD_DATA_LAYER||(window.GOLDEN_WORLD_DATA_LAYER=[{type:"golden_world.pageView"}]);e.inited=!1;const t=(t,n)=>{e.push({type:t.type,detail:n,event:t}),e.inited||(e=>{try{const t=m();t.push(e),f(t)}catch(e){}})(t.type)};["dj.pageLoad","dj.viewContent","dj.addToCart","dj.cartItemChange","dj.cartItemDelete","dj.productSearch","dj.completeRegistration","dj.emailSubscription","dj.initiateCheckout","dj.checkoutStepPayment","dj.checkoutStepAddress","dj.addShippingMethod","dj.purchase","dj.response","dj.track","click"].forEach(e=>{Object(a.o)(e,t)})};try{(()=>{try{const e=m();Object(p.a)(()=>{var t,n;null===(t=window)||void 0===t||null===(n=t.sa)||void 0===n||n.track("golden_world_missing_events",{missing_events:e.toString(),missing_events_count:e.length})}),f([])}catch(e){}})(),l(),v()}catch{}},function(e,t,n){"use strict";n.r(t),n.d(t,"trackWebVitals",(function(){return a})),n.d(t,"__reset",(function(){return c}));var i=n(3),r=n(0);const o={__values:{},__registered:!1,__reported:!1,setMetric:function(e){var t,n;this.__values[e.name.toLowerCase()]=(t=e.name,n=e.value,"CLS"===t?Math.floor(1e3*n)/1e3:Math.floor(n))},collectWVMetrics:function(){const e=this.setMetric.bind(this);Object(i.onTTFB)(e),Object(i.onFCP)(e),Object(i.onLCP)(e),Object(i.onFID)(e),Object(i.onINP)(e,{reportAllChanges:!0}),Object(i.onCLS)(e,{reportAllChanges:!0})},collectServerMetrics:function(){"checkout"!==window.C_SETTINGS.shop.template_name&&(this.setMetric({name:"page_render_time",value:Number(Object(r.f)("page_render_time"))}),this.setMetric({name:"page_time",value:Number(Object(r.f)("page_time"))}))},collectMetrics:function(){this.collectWVMetrics(),this.collectServerMetrics()},getMetrics:function(){return this.__values},onReady:function(e){addEventListener("visibilitychange",()=>{"hidden"===document.visibilityState&&e()}),addEventListener("pagehide",e)},report:function(){!0!==this.__reported&&(window.sa.track("web_vitals",this.getMetrics()),this.__reported=!0)},trackWebVitals:function(){!0!==this.__registered&&(this.__registered=!0,this.collectMetrics(),this.onReady(()=>{this.report()}))}},a=()=>{o.trackWebVitals()},c=()=>{o.__values={},o.__registered=!1,o.__reported=!1}},function(e,t){!function(e,t,n){if(["checkout","thank_you"].includes(null===(e=C_SETTINGS.meta)||void 0===e||null===(t=e.page)||void 0===t?void 0:t.template_name)){var i=document.createElement("script");i.type="text/javascript",i.async=!0,i.src=((null===(n=C_SETTINGS.shop)||void 0===n?void 0:n.cdn_domain)||C_SETTINGS.cdn_domain)+"sentry_checkout.47d9eaaa8d865885af93697f4476022a.js",document.head.appendChild(i)}}()},,function(t,n,i){"use strict";i.r(n);var r=i(0),o=i(1),a=i(2);function c(e,t){for(var n=0;n<t.length;n++){var i=t[n];i.enumerable=i.enumerable||!1,i.configurable=!0,"value"in i&&(i.writable=!0),Object.defineProperty(e,l(i.key),i)}}function s(e,t,n){return t&&c(e.prototype,t),n&&c(e,n),Object.defineProperty(e,"prototype",{writable:!1}),e}function d(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}function u(e,t,n){return(t=l(t))in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function l(e){var t=function(e,t){if("object"!=typeof e||!e)return e;var n=e[Symbol.toPrimitive];if(void 0!==n){var i=n.call(e,t||"default");if("object"!=typeof i)return i;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===t?String:Number)(e)}(e,"string");return"symbol"==typeof t?t:t+""}let p,f=s((function e(t){d(this,e),u(this,"visits",[]),u(this,"leaves",[]),u(this,"visit",e=>{this.visits.unshift(null!=e?e:Date.now())}),u(this,"leave",()=>{this.leaves.unshift(Date.now())}),this.visit(null==t?void 0:t.firstVisit)}));f.instance=()=>{var e,t;p||(p=new f({firstVisit:null===(e=window.performance)||void 0===e||null===(t=e.timing)||void 0===t?void 0:t.navigationStart}));return p},f.resetInstance=()=>{p=void 0};const m=["pageshow","pagehide","visibilitychange"];let v,_=s((function e(){d(this,e),u(this,"_state","active"),u(this,"_onChange",void 0),u(this,"_cycleChangeHandler",e=>{switch(e.type){case"pageshow":this._dispatchChangeIfNeeded("active");break;case"pagehide":this._dispatchChangeIfNeeded("hidden");break;case"visibilitychange":this._dispatchChangeIfNeeded("hidden"===document.visibilityState?"hidden":"active")}}),u(this,"_dispatchChangeIfNeeded",e=>{"function"==typeof this._onChange&&this._state!==e&&(this._state=e,this._onChange(e))}),u(this,"onChange",e=>{this._onChange=e}),m.forEach(e=>addEventListener(e,this._cycleChangeHandler,!0))}));_.instance=()=>(v||(v=new _),v),_.resetInstance=()=>{v=void 0};const h=e=>{var t;const n=f.instance();switch(e){case"hidden":n.leave(),null===(t=window.sa)||void 0===t||t.track("page_leave",(e=>{const{visits:t,leaves:n}=e;return{visits:JSON.stringify(t),leaves:JSON.stringify(n)}})(n));break;case"active":n.visit()}};var g=i(5),b=i(6),y=i(7);window.djTrack=function(e,t){window.$(document.body).trigger("track",Object.assign({},{eventName:e},t))},window.sa=new b.a,window.sa.registerAID=e=>Object(g.c)(e),window.sa.getAID=()=>Object(g.a)(),function(e,t,n,i,c,s,d,u,l,p,f,m,v,_,h,g,b){function w(e){var t=new RegExp("(^|&)fbclid=([^&]*)(&|$)"),n=window.location.search.substring(1).match(t);if(null!=n&&e&&n[2]){var i="fb.1."+e+"."+n[2];return Object(r.p)("fbclid",i),decodeURIComponent(i)}return Object(r.f)("fbclid")}w((new Date).getTime());var S={sessionId:{isNew:!1}},T=Object(r.f)("client_id"),j=0;try{Object(r.f)(atob("c2hvcGxhenphX3NvdXJjZQ=="))||localStorage[atob("c2hvcGxhenphX3NvdXJjZQ==")]||(j=1)}catch(e){}T&&"null"!=T||(j=1);var O=Object(r.f)(o.a.SESSION_ID_NEW)||Object(r.f)(o.a.SESSION_ID_OLD);O||(S.sessionId.isNew=!0),O||(O=(new Date).getTime().toString()+(400*Math.random().toFixed(2)+100).toString());const A=new Date((new Date).getTime()+18e5);var k,C,E,D,I,N;Object(r.p)(o.a.SESSION_ID_NEW,O,A),Object(r.p)(o.a.SESSION_ID_OLD,O,A),k=document.referrer,C=location.href,E=navigator.userAgent,D=([["Facebook",/(facebook)|(fbclid=.+)/i,/fbclid=.+/,/FBAV|FBAN|FBIOS/i],["GoogleAds",/gclid=.+/i,/gclid=.+/i,0],["Google",/google/i,0,0],["Instagram",/instagram/i,0,/instagram/i],["Pinterest",/(pinterest)|(epik=.+)/i,/epik=.+/i,/pinterest/i],["Snapchat",/snapchat/i,0,/snapchat/i],["TikTok",/ads.tiktok/i,0,/tiktok/i],["Mailchimp",/mc_cid=.+/i,0,0],["Baidu",/baidu/i,0,0],["YouTube",/youtube/i,0,/youtube/i],["Twitter",/(twitter)|(t.co)/i,0,/twitter/i],["LinkedIn",/linkedin/i,0,/linkedin/i],["WhatsApp",/whatsapp/i,0,/whatsapp/i],["Reddit",/reddit/i,0,0],["Yahoo",/yahoo/i,0,0],["Bing",/bing/i,0,0],["Yandex",/yandex/i,0,0]].find((function(e){return e[1]&&e[1].test(k)||e[2]&&e[2].test(C)||e[3]&&e[3].test(E)}))||[""])[0],I=atob("c2hvcGxhenphX3NvdXJjZQ=="),N=new Date((new Date).getTime()+6048e5),Object(r.f)(I)||Object(r.p)(I,JSON.stringify({$first_visit_url:C,$latest_referrer_host:D,expire:N.getTime()}),N)&&function(){try{localStorage[I]=Object(r.f)(I)}catch(e){}}(),!Object(r.f)(I)&&localStorage[I]&&((JSON.parse(localStorage[I])&&JSON.parse(localStorage[I]).expire||0)<(new Date).getTime()||Object(r.p)(I,localStorage[I])),Object(r.f)(I)&&!localStorage[I]&&function(){try{localStorage[I]=Object(r.f)(I)}catch(e){}}();var P=((null===(n=C_SETTINGS.theme)||void 0===n?void 0:n.merchant_theme_name)||"").replace(/\s/g,""),M="";try{M=window.ORDER&&ORDER.checkout_page_type||("string"==typeof(window.ORDER&&ORDER.config)?JSON.parse(ORDER.config).page_type:"")}catch(e){}Object(a.e)(S,"v1");var R,L,x={platform:"shop",client:3==Object(r.g)()?"pc":"mobile",client_id:function(){return Object(r.f)("client_id")},session_id:Object(r.f)(o.a.SESSION_ID_NEW),new_session:S.sessionId.isNew?1:0,store_id:(null===(i=C_SETTINGS.shop)||void 0===i?void 0:i.shop_id)||"",store_tz:(null===(c=C_SETTINGS.shop)||void 0===c?void 0:c.time_zone)||"",theme_name:{Blackwind:"BlackWind",SnowinSummer:"SnowInSummer","Amazing-BuyonAmazon":"Amazing"}[P]||P,theme_version:(null===(s=C_SETTINGS.theme)||void 0===s?void 0:s.theme_version_id)||document.body&&document.body.getAttribute("data-theme-version"),template_name:(null===(d=C_SETTINGS.meta)||void 0===d||null===(u=d.page)||void 0===u?void 0:u.template_name)||"",template_type:(null===(l=C_SETTINGS.meta)||void 0===l||null===(p=l.page)||void 0===p?void 0:p.template_type)||"",$referrer:document.referrer,$referrer_host:document.referrer?document.referrer.split("/")[2]:"",$title:document.title,$url:function(){return location.href},$url_path:location.pathname,root_url:(null===(f=C_SETTINGS.routes)||void 0===f?void 0:f.root)||"",user_agent:navigator.userAgent,env_tag:[Object(r.f)("awesomeab")].filter(Boolean).join(","),c_id:Object(r.f)("_c_id"),is_new_client:j,event_id:Object(a.a)(),connection_type:navigator.connection&&navigator.connection.effectiveType,rtt:navigator.connection&&navigator.connection.rtt,downlink:navigator.connection&&navigator.connection.downlink,checkout_step:-1!=location.href.indexOf("/thank_you")?"checkout_result":window.ORDER&&ORDER.step,checkout_page_type:M,AD_ttc:(R=new RegExp("(^|&)ttclid=([^&]*)(&|$)"),L=window.location.search.substring(1).match(R),null!=L&&L[2]?(Object(r.p)("ttclid",L[2]),decodeURIComponent(L[2])):Object(r.f)("ttclid")),login_customer_id:(null===(m=C_SETTINGS.customer)||void 0===m?void 0:m.customer_id)||"",customer_email:(null===(v=C_SETTINGS.customer)||void 0===v?void 0:v.customer_email)||"",resource_id:(null===(_=C_SETTINGS.meta)||void 0===_||null===(h=_.page)||void 0===h?void 0:h.resource_id)||"",[atob("c2hvcGxhenphX2FfcA==")]:Object(r.f)(o.a.UTM_PARAMS)||Object(r.f)(o.a.UTM)||"",market_id:(null===(g=C_SETTINGS.market)||void 0===g?void 0:g.market_id)||"",last_land_url:Object(a.b)(),last_template_name:Object(a.c)(),$latest_referrer:Object(a.d)()};window.addEventListener("load",(function(){x.theme_version=x.theme_version||document.body.getAttribute("data-theme-version")||""}),!1),window.sa.identify((null===(b=C_SETTINGS.customer)||void 0===b?void 0:b.customer_id)||Object(r.f)("client_id")),window.sa.registerPage(x),Object(y.a)(),Object(r.o)("dj.checkoutLoaded",(function(e,t){window.sa.track("checkout_loaded",Object.assign({},x,Object(r.d)(e,t)))})),$((function(){var e,t,n=window.jQuery;if(window.jQuery.fn){var i=window.XMLHttpRequest.prototype.open;window.XMLHttpRequest.prototype.open=function(e,t,r,o,a){return"GET"==e.toUpperCase()&&-1!==t.indexOf("/products/")&&Object.defineProperty(this,"responseText",{get:function(){return this._triggered||(setTimeout((function(){var e=n(document).data("djproduct");e&&e.product&&(n(document.body).is(".modal-open")||n("#quick-shop").length>0)&&n(document.body).trigger("dj.quickview",e.product)}),500),this._triggered=!0),this.response},configurable:!0}),i.apply(this,arguments)},window.XMLHttpRequest.prototype._open=i,n(document).ajaxSend((function(e,t,i){var r,o;if("POST"==i.type&&"/api/checkout/order"==i.url&&n(document).data("djproduct")&&n(document).data("djproduct").product&&13!=(null===(r=C_SETTINGS.meta)||void 0===r||null===(o=r.page)||void 0===o?void 0:o.template_type)&&!n("#atc-modal:visible").length)try{var a=decodeURIComponent(i.data),c={line_items:[],refer_info:{source:""}},s=n(document).data("djproduct").product;a.replace(/[?&]*([^=&]+)=([^&]*)/gi,(function(e,t,n){var i=t.match(/\[\d+\]/);try{n=decodeURIComponent(n)}catch(e){}i=i?parseInt(i[0].slice(1,-1),10):0,c.line_items[i]||(c.line_items[i]={}),"refer_info[source]"==t?c.refer_info.source=n:t.match(/\]\[\w+\]/)&&(c.line_items[i][t.match(/\]\[\w+\]/)[0].slice(2,-1)]=n)})),c.line_items.forEach((function(e){n(document.body).trigger("dj.addToCart",{id:s.id,product_id:s.id,number:e.quantity||1,quantity:e.quantity||1,variant_id:e.variant_id,childrenId:e.variant_id,item_price:s.variants.filter((function(t){return t.variant_id==e.id}))[0].price,variant:e,name:s.title,type:"",source:"buy_now"})})),n(document.body).trigger("dj.checkoutSubmit",c),n(document.body).trigger("track",{eventName:"checkout-submit"})}catch(e){}}));var a=null,c=function(e,t){a&&clearTimeout(a),a=setTimeout((function(){e||(e=n(document).data("djproduct")),"object"!=typeof e||e.source||(e.source="pageview"),e&&n(document.body).trigger("dj.viewContent",e)}),t||1e3)};n(document).on("dj.product.variants.change",(function(e,t){var i=n(document.body).data("_last_product_detail_qty")||1,r=n(document.activeElement).attr("data-click");"submit"!=r&&"addToCart"!=r&&(n(document.body).data("_last_product_detail_qty",t.qty),i==t.qty&&c(t))})),1==(null===(e=C_SETTINGS.meta)||void 0===e||null===(t=e.page)||void 0===t?void 0:t.template_type)&&c(null,100),n(document.body).on("dj.quickview",(function(){c()})),String.prototype.startsWith||Object.defineProperty(String.prototype,"startsWith",{value:function(e,t){return t=!t||t<0?0:+t,this.substring(t,t+e.length)===e}});var s,d="/"==(s=window.location.pathname||"")||s.startsWith("/home")||s.startsWith("/index")?"index":s.startsWith("/products/")?"product":s.startsWith("/collections/")||s.startsWith("/products")?"product_group":s.startsWith("/promotions/")?"activity":s.startsWith("/search")?"search":s.startsWith("/checkout/")?"checkout":"other",u=C_SETTINGS.currency_code;if(window.sa){const e=function(e){return null!=e&&e.item&&null!=e&&e.cart?Object.assign({product_id:e.item.product_id,quantity:e.item.quantity,variant_id:e.item.variant_id,total_discount:e.cart.total_discount,total_price:e.cart.total_price,line_items:JSON.stringify((e.cart.line_items||[]).map((function(){let e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};return{product_id:e.product_id,variant_id:e.variant_id,price:e.price,quantity:e.quantity}})))},e[o.b]||{}):{}};n(document.body).on("dj.addToCart",(function(e,t){var n;window.sa.track("add_to_cart",Object.assign({},x,{product_id:t.id,product_title:t.name,price:t.item_price,variant_id:t.childrenId,quantity:t.number||1,sku_quantity:t.number||1,entrance:d,is_app_btn:!!t.is_app_btn,source:t.source,currency:u,wholesale_price:JSON.stringify(t.variant&&t.variant.wholesale_price||[]),wholesale_enabled:(null===(n=C_SETTINGS.shop)||void 0===n?void 0:n.wholesale_enabled)||!1,event_id:e.namespace+e.timeStamp,AD_fbc:Object(r.f)("_fbc")||w(),AD_fbp:Object(r.f)("_fbp"),AD_variant_ids:[t.variant_id],AD_event_id:e.namespace+e.timeStamp,aid:()=>{var e;return null===(e=window.sa)||void 0===e?void 0:e.getAID()}},t._extra||{}))})),n(document.body).on("dj.initiateCheckout",(function(e,t){window.sa.track("begin_checkout",Object.assign({},x,Object(r.c)(e,t,w)))})),Object(r.o)("dj.initiateCheckout",(function(e,t){"native"===t.target&&window.sa.track("begin_checkout",Object.assign({},x,Object(r.c)(e,t,w)))})),n(document.body).on("dj.checkoutStepPayment",(function(e,t){window.sa.track("add_payment_info",Object.assign({},x,Object(r.a)(e,t,w)))})),Object(r.o)("dj.checkoutStepPayment",(function(e,t){"native"===t.target&&window.sa.track("add_payment_info",Object.assign({},x,Object(r.a)(e,t,w)))})),n(document.body).on("dj.checkoutStepAddress",(function(e,t){window.sa.track("set_shipping_address",Object.assign({},x,Object(r.i)(e,t,w)))})),Object(r.o)("dj.checkoutStepAddress",(function(e,t){"native"===t.target&&window.sa.track("set_shipping_address",Object.assign({},x,Object(r.i)(e,t,w)))})),n(document.body).on("dj.addShippingMethod",(function(e,t){window.sa.track("add_shipping_method",Object.assign({},x,Object(r.b)(e,t,w)))})),Object(r.o)("dj.addShippingMethod",(function(e,t){"native"===t.target&&window.sa.track("add_shipping_method",Object.assign({},x,Object(r.b)(e,t,w)))})),n(document.body).on("dj.purchase",(function(e,t){window.sa.track("purchase",Object.assign({},x,{order_id:t.id,checkout_page_type:t.config.page_type,currency:t.currency_code,quantity:t.line_items.length,sku_quantity:Object(r.j)(t),content_ids:t.line_items.map((function(e){return e.product_id})),event_id:e.namespace+e.timeStamp,total:t.prices.total_price,AD_em:t.shipping_address.email||"",AD_fn:t.shipping_address.first_name||"",AD_ln:t.shipping_address.last_name||"",AD_ph:t.shipping_address.phone||"",AD_ct:t.shipping_address.city||"",AD_st:t.shipping_address.province_code||"",AD_zp:t.shipping_address.zip||"",AD_cc:t.shipping_address.country_code||"",AD_fbc:Object(r.f)("_fbc")||w(),AD_fbp:Object(r.f)("_fbp"),AD_variant_ids:t.line_items.map((function(e){return e.variant_id})),AD_event_id:t.id+"_"+new Date(t.placed_at).getTime(),discount_ids:Object(r.h)(t)}))})),n(document.body).on("productSearch",(function(e,t){var n;window.sa.track("product_search",{key_word:t.keyWord,has_result:t.hasResult,event_id:e.namespace+e.timeStamp,AD_event_id:e.namespace+e.timeStamp,aid:null===(n=window.sa)||void 0===n?void 0:n.getAID()})})),n(document.body).on("dj.completeRegistration",(function(e,t){window.sa.track("complete_registration",{currency:u,event_id:e.namespace+e.timeStamp,AD_event_id:e.namespace+e.timeStamp})})),["login","sign_up","forget","add_shipping_method"].forEach((function(e){!function(e){n(document.body).on(e,(function(t,n){window.sa.track(e,n)}))}(e)})),/\/checkout\//.test(location.href)&&n(document.body).on("focus blur click",":input",(function(e){var t=n(this);window.sa.track("checkout_input_"+e.type,{name:t.attr("name"),input_id:t.attr("id"),className:this.className||"",value:(t.val()||"").replace(/./g,"*")})})),n(document.body).on("dj.viewContent",(function(e,t){var n;window.sa.track("product_view",Object.assign({product_id:t.product.id,variant_id:t&&t.selected&&t.selected.id,price:t.product.price,title:t.product.title,currency:u,content_category:"",content_ids:[t.product.id],event_id:e.namespace+e.timeStamp,AD_fbc:Object(r.f)("_fbc")||w(),AD_fbp:Object(r.f)("_fbp"),AD_variant_ids:[t.selected&&t.selected.id||t.product.variants[0].id],AD_event_id:e.namespace+e.timeStamp,aid:null===(n=window.sa)||void 0===n?void 0:n.getAID(),source:t.source},t._extra||{}))})),Object(r.o)("dj.cartItemChange",(function(t,n){var i;null===(i=window.sa)||void 0===i||i.track("cart_item_change",e(n))})),Object(r.o)("dj.cartItemDelete",(function(t,n){var i;null===(i=window.sa)||void 0===i||i.track("cart_item_delete",e(n))}))}n(document.body).on("click","[data-track]",(function(e){var t=e.currentTarget,i=t.getAttribute("data-track"),r={};i&&([].slice.call(t.attributes).forEach((function(e){/data-track-/.test(e.nodeName)&&(r[e.nodeName.replace("data-track-","")]=e.nodeValue)})),i.split(",").map((function(e){var t;(e=e.trim())&&n(document.body).trigger("track",Object.assign({},{eventName:e},r)),null===(t=window.sa)||void 0===t||t.registerAID(null==r?void 0:r.aid)})))})).on("track",(function(e,t){var n=t.eventName,i=Object.assign({},x,t);n&&(window.sa&&window.sa.track(n,i),i.client_id=null)})),window.djTrackLoaded=!0}else window.sa.track("trackError",{readyState:document.readyState,jqVersion:"null"})}))}(window,document),function(){try{const{trackWebVitals:e}=i(10);e()}catch(e){setTimeout((function(){throw e}),0)}}(),(()=>{try{_.instance().onChange(h)}catch(t){window.sa&&window.sa.track("page_leave_init_err",{message:e&&e.message})}})();i(8),i(11),i(9)}]);/* golden-bottom-end */ </script> <script type='text/javascript'>(window._ext || (window._ext =[])).push('top_products');</script> <script type='text/javascript'>(window._ext || (window._ext =[])).push('currency');</script> <script type='text/javascript'>(window._ext || (window._ext =[])).push('reviews');</script> <script type='text/javascript'>(window._ext || (window._ext =[])).push('translate');</script> <script type="text/javascript">Object.assign(window.exts || (window.exts={}),{"discount_gifts_v2":"discount_gifts_v2.a34137af.js"});</script> <script type="text/javascript">Object.assign(window.exts || (window.exts={}),{"zebu":"zebu.1849af6c.js"});</script> <script type="text/javascript">Object.assign(window.exts || (window.exts={}),{"stamped_frontend":"stamped_frontend.f67dcbe7.js"});</script> <script type="text/javascript">Object.assign(window.exts || (window.exts={}),{"google_form":"google_form.833ccdcb.js"});</script> <script type="text/javascript">Object.assign(window.exts || (window.exts={}),{"blog_products":"blog_products.f2c30654.js"});</script> <script type="text/javascript">Object.assign(window.exts || (window.exts={}),{"discount_gifts":"discount_gifts.48d1eea8.js"});</script> <script type="text/javascript">Object.assign(window.exts || (window.exts={}),{"basic":"basic.c50df513.js"});</script> <script type="text/javascript">Object.assign(window.exts || (window.exts={}),{"bundle":"bundle.5db59fb8.js"});</script> <script type="text/javascript">Object.assign(window.exts || (window.exts={}),{"bear":"bear.ef4bcb34.js"});</script> <script type="text/javascript">Object.assign(window.exts || (window.exts={}),{"couponcode":"couponcode.b0d47fdc.js"});</script> <script type="text/javascript">Object.assign(window.exts || (window.exts={}),{"cart_pop":"cart_pop.2393681a.js"});</script> <script type="text/javascript">Object.assign(window.exts || (window.exts={}),{"buy_on_others":"buy_on_others.2fff82c8.js"});</script> <script type="text/javascript">Object.assign(window.exts || (window.exts={}),{"variants_combination":"variants_combination.1185fc0e.js"});</script> <script type="text/javascript">Object.assign(window.exts || (window.exts={}),{"translate":"translate.7ee651dc.js"});</script> <script type="text/javascript">Object.assign(window.exts || (window.exts={}),{"filly":"filly.45796457.js"});</script> <script type="text/javascript">Object.assign(window.exts || (window.exts={}),{"sloth":"sloth.b4785635.js"});</script> <script type="text/javascript">Object.assign(window.exts || (window.exts={}),{"size_guide":"size_guide.e8afc889.js"});</script> <script type="text/javascript">Object.assign(window.exts || (window.exts={}),{"reviews":"reviews.45db67b9.js"});</script> <script type="text/javascript">Object.assign(window.exts || (window.exts={}),{"flashsale":"flashsale.3ceb824d.js"});</script> <script type="text/javascript">Object.assign(window.exts || (window.exts={}),{"privacy_app":"privacy_app.ade927e4.js"});</script> <script type="text/javascript"> (function () { if (!SHOPLAZZA.payment_settings.paypal_express_enabled) return; if ((window.disabled_exts || []).indexOf("*") != -1 || (window.disabled_exts || []).indexOf("paypal_express") != -1) return; function getCookie(name) { var match = document.cookie.match(new RegExp(name + '=([^;]+)')); return (match && match[1]) || ''; } var ppStamp = (getCookie('awesomeab').match(/paypal-express-([vs0-9]+)/) || ['', ''])[1]; var entry = ppStamp ? 'paypal_express.' + ppStamp + '.js' : 'paypal_express.c3177eb4.js'; var s = document.createElement('script'); s.crossOrigin = "anonymous"; s.async = !0; s.src = SHOP_PARAMS.cdn_domain + entry; document.body.appendChild(s); })(); </script> <script type="text/javascript">Object.assign(window.exts || (window.exts={}),{"fb_messenger":"fb_messenger.1de139d2.js"});</script> <script type="text/javascript">Object.assign(window.exts || (window.exts={}),{"common":"common.8da1e884.js"});</script> <script type="text/javascript">Object.assign(window.exts || (window.exts={}),{"installment":"installment.99b17d22.js"});</script> <script type="text/javascript">Object.assign(window.exts || (window.exts={}),{"wishlist":"wishlist.2e4d8c2f.js"});</script> <script type='text/javascript'>(window._ext || (window._ext =[])).push('product_detail_rebate');</script> <script data-role="appparakeet_plugin" type="text/javascript">!function(){"use strict";var e,n,t,o,_,r=["Nova 2022","Nova 2023","Hero","Eva","Life Style","Geek","Wind","Flash"],l=(null===(e=window)||void 0===e||null===(n=e.SHOPLAZZA)||void 0===n||null===(t=n.theme)||void 0===t?void 0:t.merchant_theme_name)||(null===(o=window)||void 0===o||null===(_=o.SHOP_PARAMS)||void 0===_?void 0:_.theme_name),i=e=>{var{globalizePath:n}=window.SHOPLAZZA_APPS_COMMON||{};return n?n(e):window.SHOPLAZZA.routes.root+e};function u(e,n){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);n&&(o=o.filter((function(n){return Object.getOwnPropertyDescriptor(e,n).enumerable}))),t.push.apply(t,o)}return t}function d(e){for(var n=1;n<arguments.length;n++){var t=null!=arguments[n]?arguments[n]:{};n%2?u(Object(t),!0).forEach((function(n){c(e,n,t[n])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):u(Object(t)).forEach((function(n){Object.defineProperty(e,n,Object.getOwnPropertyDescriptor(t,n))}))}return e}function c(e,n,t){return n in e?Object.defineProperty(e,n,{value:t,enumerable:!0,configurable:!0,writable:!0}):e[n]=t,e}var a,p,s,f,h,m,v={},y=[],g=/acit|ex(?:s|g|n|p|$)|rph|grid|ows|mnc|ntw|ine[ch]|zoo|^ord|itera/i;function b(e,n){for(var t in n)e[t]=n[t];return e}function w(e){var n=e.parentNode;n&&n.removeChild(e)}function x(e,n,t){var o,_,r,l={};for(r in n)"key"==r?o=n[r]:"ref"==r?_=n[r]:l[r]=n[r];if(arguments.length>2&&(l.children=arguments.length>3?a.call(arguments,2):t),"function"==typeof e&&null!=e.defaultProps)for(r in e.defaultProps)void 0===l[r]&&(l[r]=e.defaultProps[r]);return k(e,l,o,_,null)}function k(e,n,t,o,_){var r={type:e,props:n,key:t,ref:o,__k:null,__:null,__b:0,__e:null,__d:void 0,__c:null,__h:null,constructor:void 0,__v:null==_?++s:_};return null==_&&null!=p.vnode&&p.vnode(r),r}function M(e){return e.children}function P(e,n){this.props=e,this.context=n}function N(e,n){if(null==n)return e.__?N(e.__,e.__.__k.indexOf(e)+1):null;for(var t;n<e.__k.length;n++)if(null!=(t=e.__k[n])&&null!=t.__e)return t.__e;return"function"==typeof e.type?N(e):null}function O(e){var n,t;if(null!=(e=e.__)&&null!=e.__c){for(e.__e=e.__c.base=null,n=0;n<e.__k.length;n++)if(null!=(t=e.__k[n])&&null!=t.__e){e.__e=e.__c.base=t.__e;break}return O(e)}}function S(e){(!e.__d&&(e.__d=!0)&&f.push(e)&&!C.__r++||m!==p.debounceRendering)&&((m=p.debounceRendering)||h)(C)}function C(){for(var e;C.__r=f.length;)e=f.sort((function(e,n){return e.__v.__b-n.__v.__b})),f=[],e.some((function(e){var n,t,o,_,r,l;e.__d&&(r=(_=(n=e).__v).__e,(l=n.__P)&&(t=[],(o=b({},_)).__v=_.__v+1,B(l,_,o,n.__n,void 0!==l.ownerSVGElement,null!=_.__h?[r]:null,t,null==r?N(_):r,_.__h),U(t,_),_.__e!=r&&O(_)))}))}function E(e,n,t,o,_,r,l,i,u,d){var c,a,p,s,f,h,m,g=o&&o.__k||y,b=g.length;for(t.__k=[],c=0;c<n.length;c++)if(null!=(s=t.__k[c]=null==(s=n[c])||"boolean"==typeof s?null:"string"==typeof s||"number"==typeof s||"bigint"==typeof s?k(null,s,null,null,s):Array.isArray(s)?k(M,{children:s},null,null,null):s.__b>0?k(s.type,s.props,s.key,null,s.__v):s)){if(s.__=t,s.__b=t.__b+1,null===(p=g[c])||p&&s.key==p.key&&s.type===p.type)g[c]=void 0;else for(a=0;a<b;a++){if((p=g[a])&&s.key==p.key&&s.type===p.type){g[a]=void 0;break}p=null}B(e,s,p=p||v,_,r,l,i,u,d),f=s.__e,(a=s.ref)&&p.ref!=a&&(m||(m=[]),p.ref&&m.push(p.ref,null,s),m.push(a,s.__c||f,s)),null!=f?(null==h&&(h=f),"function"==typeof s.type&&s.__k===p.__k?s.__d=u=H(s,u,e):u=A(e,s,p,g,f,u),"function"==typeof t.type&&(t.__d=u)):u&&p.__e==u&&u.parentNode!=e&&(u=N(p))}for(t.__e=h,c=b;c--;)null!=g[c]&&("function"==typeof t.type&&null!=g[c].__e&&g[c].__e==t.__d&&(t.__d=N(o,c+1)),W(g[c],g[c]));if(m)for(c=0;c<m.length;c++)R(m[c],m[++c],m[++c])}function H(e,n,t){for(var o,_=e.__k,r=0;_&&r<_.length;r++)(o=_[r])&&(o.__=e,n="function"==typeof o.type?H(o,n,t):A(t,o,o,_,o.__e,n));return n}function A(e,n,t,o,_,r){var l,i,u;if(void 0!==n.__d)l=n.__d,n.__d=void 0;else if(null==t||_!=r||null==_.parentNode)e:if(null==r||r.parentNode!==e)e.appendChild(_),l=null;else{for(i=r,u=0;(i=i.nextSibling)&&u<o.length;u+=2)if(i==_)break e;e.insertBefore(_,r),l=r}return void 0!==l?l:_.nextSibling}function j(e,n,t){"-"===n[0]?e.setProperty(n,t):e[n]=null==t?"":"number"!=typeof t||g.test(n)?t:t+"px"}function T(e,n,t,o,_){var r;e:if("style"===n)if("string"==typeof t)e.style.cssText=t;else{if("string"==typeof o&&(e.style.cssText=o=""),o)for(n in o)t&&n in t||j(e.style,n,"");if(t)for(n in t)o&&t[n]===o[n]||j(e.style,n,t[n])}else if("o"===n[0]&&"n"===n[1])r=n!==(n=n.replace(/Capture$/,"")),n=n.toLowerCase()in e?n.toLowerCase().slice(2):n.slice(2),e.l||(e.l={}),e.l[n+r]=t,t?o||e.addEventListener(n,r?L:D,r):e.removeEventListener(n,r?L:D,r);else if("dangerouslySetInnerHTML"!==n){if(_)n=n.replace(/xlink(H|:h)/,"h").replace(/sName$/,"s");else if("href"!==n&&"list"!==n&&"form"!==n&&"tabIndex"!==n&&"download"!==n&&n in e)try{e[n]=null==t?"":t;break e}catch(e){}"function"==typeof t||(null!=t&&(!1!==t||"a"===n[0]&&"r"===n[1])?e.setAttribute(n,t):e.removeAttribute(n))}}function D(e){this.l[e.type+!1](p.event?p.event(e):e)}function L(e){this.l[e.type+!0](p.event?p.event(e):e)}function B(e,n,t,o,_,r,l,i,u){var d,c,a,s,f,h,m,v,y,g,w,x,k,N=n.type;if(void 0!==n.constructor)return null;null!=t.__h&&(u=t.__h,i=n.__e=t.__e,n.__h=null,r=[i]),(d=p.__b)&&d(n);try{e:if("function"==typeof N){if(v=n.props,y=(d=N.contextType)&&o[d.__c],g=d?y?y.props.value:d.__:o,t.__c?m=(c=n.__c=t.__c).__=c.__E:("prototype"in N&&N.prototype.render?n.__c=c=new N(v,g):(n.__c=c=new P(v,g),c.constructor=N,c.render=z),y&&y.sub(c),c.props=v,c.state||(c.state={}),c.context=g,c.__n=o,a=c.__d=!0,c.__h=[]),null==c.__s&&(c.__s=c.state),null!=N.getDerivedStateFromProps&&(c.__s==c.state&&(c.__s=b({},c.__s)),b(c.__s,N.getDerivedStateFromProps(v,c.__s))),s=c.props,f=c.state,a)null==N.getDerivedStateFromProps&&null!=c.componentWillMount&&c.componentWillMount(),null!=c.componentDidMount&&c.__h.push(c.componentDidMount);else{if(null==N.getDerivedStateFromProps&&v!==s&&null!=c.componentWillReceiveProps&&c.componentWillReceiveProps(v,g),!c.__e&&null!=c.shouldComponentUpdate&&!1===c.shouldComponentUpdate(v,c.__s,g)||n.__v===t.__v){c.props=v,c.state=c.__s,n.__v!==t.__v&&(c.__d=!1),c.__v=n,n.__e=t.__e,n.__k=t.__k,n.__k.forEach((function(e){e&&(e.__=n)})),c.__h.length&&l.push(c);break e}null!=c.componentWillUpdate&&c.componentWillUpdate(v,c.__s,g),null!=c.componentDidUpdate&&c.__h.push((function(){c.componentDidUpdate(s,f,h)}))}if(c.context=g,c.props=v,c.__v=n,c.__P=e,w=p.__r,x=0,"prototype"in N&&N.prototype.render)c.state=c.__s,c.__d=!1,w&&w(n),d=c.render(c.props,c.state,c.context);else do{c.__d=!1,w&&w(n),d=c.render(c.props,c.state,c.context),c.state=c.__s}while(c.__d&&++x<25);c.state=c.__s,null!=c.getChildContext&&(o=b(b({},o),c.getChildContext())),a||null==c.getSnapshotBeforeUpdate||(h=c.getSnapshotBeforeUpdate(s,f)),k=null!=d&&d.type===M&&null==d.key?d.props.children:d,E(e,Array.isArray(k)?k:[k],n,t,o,_,r,l,i,u),c.base=n.__e,n.__h=null,c.__h.length&&l.push(c),m&&(c.__E=c.__=null),c.__e=!1}else null==r&&n.__v===t.__v?(n.__k=t.__k,n.__e=t.__e):n.__e=F(t.__e,n,t,o,_,r,l,u);(d=p.diffed)&&d(n)}catch(e){n.__v=null,(u||null!=r)&&(n.__e=i,n.__h=!!u,r[r.indexOf(i)]=null),p.__e(e,n,t)}}function U(e,n){p.__c&&p.__c(n,e),e.some((function(n){try{e=n.__h,n.__h=[],e.some((function(e){e.call(n)}))}catch(e){p.__e(e,n.__v)}}))}function F(e,n,t,o,_,r,l,i){var u,d,c,p=t.props,s=n.props,f=n.type,h=0;if("svg"===f&&(_=!0),null!=r)for(;h<r.length;h++)if((u=r[h])&&"setAttribute"in u==!!f&&(f?u.localName===f:3===u.nodeType)){e=u,r[h]=null;break}if(null==e){if(null===f)return document.createTextNode(s);e=_?document.createElementNS("http://www.w3.org/2000/svg",f):document.createElement(f,s.is&&s),r=null,i=!1}if(null===f)p===s||i&&e.data===s||(e.data=s);else{if(r=r&&a.call(e.childNodes),d=(p=t.props||v).dangerouslySetInnerHTML,c=s.dangerouslySetInnerHTML,!i){if(null!=r)for(p={},h=0;h<e.attributes.length;h++)p[e.attributes[h].name]=e.attributes[h].value;(c||d)&&(c&&(d&&c.__html==d.__html||c.__html===e.innerHTML)||(e.innerHTML=c&&c.__html||""))}if(function(e,n,t,o,_){var r;for(r in t)"children"===r||"key"===r||r in n||T(e,r,null,t[r],o);for(r in n)_&&"function"!=typeof n[r]||"children"===r||"key"===r||"value"===r||"checked"===r||t[r]===n[r]||T(e,r,n[r],t[r],o)}(e,s,p,_,i),c)n.__k=[];else if(h=n.props.children,E(e,Array.isArray(h)?h:[h],n,t,o,_&&"foreignObject"!==f,r,l,r?r[0]:t.__k&&N(t,0),i),null!=r)for(h=r.length;h--;)null!=r[h]&&w(r[h]);i||("value"in s&&void 0!==(h=s.value)&&(h!==e.value||"progress"===f&&!h||"option"===f&&h!==p.value)&&T(e,"value",h,p.value,!1),"checked"in s&&void 0!==(h=s.checked)&&h!==e.checked&&T(e,"checked",h,p.checked,!1))}return e}function R(e,n,t){try{"function"==typeof e?e(n):e.current=n}catch(e){p.__e(e,t)}}function W(e,n,t){var o,_;if(p.unmount&&p.unmount(e),(o=e.ref)&&(o.current&&o.current!==e.__e||R(o,null,n)),null!=(o=e.__c)){if(o.componentWillUnmount)try{o.componentWillUnmount()}catch(e){p.__e(e,n)}o.base=o.__P=null}if(o=e.__k)for(_=0;_<o.length;_++)o[_]&&W(o[_],n,"function"!=typeof e.type);t||null==e.__e||w(e.__e),e.__e=e.__d=void 0}function z(e,n,t){return this.constructor(e,t)}a=y.slice,p={__e:function(e,n,t,o){for(var _,r,l;n=n.__;)if((_=n.__c)&&!_.__)try{if((r=_.constructor)&&null!=r.getDerivedStateFromError&&(_.setState(r.getDerivedStateFromError(e)),l=_.__d),null!=_.componentDidCatch&&(_.componentDidCatch(e,o||{}),l=_.__d),l)return _.__E=_}catch(n){e=n}throw e}},s=0,P.prototype.setState=function(e,n){var t;t=null!=this.__s&&this.__s!==this.state?this.__s:this.__s=b({},this.state),"function"==typeof e&&(e=e(b({},t),this.props)),e&&b(t,e),null!=e&&this.__v&&(n&&this.__h.push(n),S(this))},P.prototype.forceUpdate=function(e){this.__v&&(this.__e=!0,e&&this.__h.push(e),S(this))},P.prototype.render=M,f=[],h="function"==typeof Promise?Promise.prototype.then.bind(Promise.resolve()):setTimeout,C.__r=0;var I,q,G,K,Z=0,V=[],X=p.__b,$=p.__r,Q=p.diffed,J=p.__c,Y=p.unmount;function ee(e,n){p.__h&&p.__h(q,e,Z||n),Z=0;var t=q.__H||(q.__H={__:[],__h:[]});return e>=t.__.length&&t.__.push({}),t.__[e]}function ne(){for(var e;e=V.shift();)if(e.__P)try{e.__H.__h.forEach(_e),e.__H.__h.forEach(re),e.__H.__h=[]}catch(n){e.__H.__h=[],p.__e(n,e.__v)}}p.__b=function(e){q=null,X&&X(e)},p.__r=function(e){$&&$(e),I=0;var n=(q=e.__c).__H;n&&(G===q?(n.__h=[],q.__h=[],n.__.forEach((function(e){e.o=e.u=void 0}))):(n.__.forEach((function(e){e.u&&(e.__H=e.u),e.o&&(e.__=e.o),e.o=e.u=void 0})),n.__h.forEach(_e),n.__h.forEach(re),n.__h=[])),G=q},p.diffed=function(e){Q&&Q(e);var n=e.__c;n&&n.__H&&n.__H.__h.length&&(1!==V.push(n)&&K===p.requestAnimationFrame||((K=p.requestAnimationFrame)||function(e){var n,t=function(){clearTimeout(o),oe&&cancelAnimationFrame(n),setTimeout(e)},o=setTimeout(t,100);oe&&(n=requestAnimationFrame(t))})(ne)),q=null,G=null},p.__c=function(e,n){n.some((function(e){try{e.__H&&e.__H.__.forEach((function(e){e.u&&(e.__H=e.u),e.o&&(e.__=e.o),e.o=e.u=void 0})),e.__h.forEach(_e),e.__h=e.__h.filter((function(e){return!e.__||re(e)}))}catch(t){n.some((function(e){e.__h&&(e.__h=[])})),n=[],p.__e(t,e.__v)}})),J&&J(e,n)},p.unmount=function(e){Y&&Y(e);var n,t=e.__c;t&&t.__H&&(t.__H.__.forEach((function(e){try{_e(e)}catch(e){n=e}})),n&&p.__e(n,t.__v))};var te,oe="function"==typeof requestAnimationFrame;function _e(e){var n=q,t=e.__c;"function"==typeof t&&(e.__c=void 0,t()),q=n}function re(e){var n=q;e.__c=e.__(),q=n}function le(){return le=Object.assign?Object.assign.bind():function(e){for(var n=1;n<arguments.length;n++){var t=arguments[n];for(var o in t)Object.prototype.hasOwnProperty.call(t,o)&&(e[o]=t[o])}return e},le.apply(this,arguments)}var ie=e=>x("svg",le({width:36,height:36,fill:"none",xmlns:"http://www.w3.org/2000/svg"},e),te||(te=x("path",{d:"m19.326 18 5.9-5.9a.937.937 0 1 0-1.326-1.325l-5.9 5.9-5.9-5.9a.939.939 0 0 0-1.325 1.325l5.9 5.9-5.9 5.9a.938.938 0 0 0 1.325 1.325l5.9-5.9 5.9 5.9a.934.934 0 0 0 1.325 0 .937.937 0 0 0 0-1.326l-5.9-5.9Z",fill:"#6D7175"})));var ue="productModal-module_product-modal-wrapper__a2NDK",de="productModal-module_modal-content__8wdp-",ce="productModal-module_close-icon__KBRVN",ae="productModal-module_tip-title__lmoAh",pe="productModal-module_tip-des__hBto8",se="productModal-module_product-wrapper__MGwwQ",fe="productModal-module_product-item__j3GKX",he="productModal-module_product-img__dML2a",me="productModal-module_right-des__1obxR",ve="productModal-module_product-des__2LeXi",ye="productModal-module_product-title__N4fu9",ge="productModal-module_product-attr__Qw-BV",be="productModal-module_product-price__ep1tr";!function(e,n){void 0===n&&(n={});var t=n.insertAt;if(e&&"undefined"!=typeof document){var o=document.head||document.getElementsByTagName("head")[0],_=document.createElement("style");_.type="text/css","top"===t&&o.firstChild?o.insertBefore(_,o.firstChild):o.appendChild(_),_.styleSheet?_.styleSheet.cssText=e:_.appendChild(document.createTextNode(e))}}("\n.productModal-module_product-modal-wrapper__a2NDK{\n background-color: rgba(0, 0, 0, 0.3);\n display: flex;\n justify-content: center;\n align-items: center;\n position: fixed;\n width: 100%;\n height: 100%;\n left: 0;\n top: 0;\n z-index: 9999;\n}\n.productModal-module_modal-content__8wdp-{\n display: flex;\n flex-direction: column;\n box-sizing: border-box;\n width: 640px;\n height: 368px;\n background: #ffffff;\n padding: 26px 20px 30px;\n position: relative;\n box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.1), 0px 8px 40px rgba(0, 0, 0, 0.2);\n border-radius: 10px;\n}\n.productModal-module_close-icon__KBRVN{\n position: absolute;\n top: 20px;\n right: 8px;\n cursor: pointer;\n}\n.productModal-module_tip-title__lmoAh{\n font-weight: 500;\n font-size: 20px;\n line-height: 24px;\n color: #222222;\n margin-bottom: 26px;\n}\n.productModal-module_tip-des__hBto8{\n font-weight: 400;\n font-size: 16px;\n line-height: 20px;\n color: #222222;\n margin-bottom: 30px;\n}\n.productModal-module_product-wrapper__MGwwQ{\n display: flex;\n flex-direction: column;\n overflow-y: auto;\n padding-right: 20px;\n}\n.productModal-module_product-item__j3GKX{\n display: flex;\n padding-bottom: 20px;\n}\n.productModal-module_product-item__j3GKX:last-child{\n padding-bottom: 0;\n}\n.productModal-module_product-img__dML2a{\n width: 96px;\n height: 96px;\n margin-right: 12px;\n border-radius: 10px;\n}\n.productModal-module_right-des__1obxR{\n flex: 1;\n height: 96px;\n display: flex;\n justify-content: space-between;\n align-items: center;\n}\n.productModal-module_product-des__2LeXi{\n max-width: 380px;\n}\n.productModal-module_product-title__N4fu9{\n font-weight: 400;\n font-size: 14px;\n line-height: 21px;\n color: #222222;\n margin-bottom: 4px;\n}\n.productModal-module_product-attr__Qw-BV{\n font-weight: 400;\n font-size: 14px;\n line-height: 21px;\n color: #222222;\n opacity: 0.6;\n}\n.productModal-module_product-price__ep1tr{\n font-weight: 400;\n font-size: 14px;\n line-height: 21px;\n color: #222222;\n opacity: 0.8;\n}\n");var we=0;function xe(e,n,t,o,_){var r,l,i={};for(l in n)"ref"==l?r=n[l]:i[l]=n[l];var u={type:e,props:i,key:t,ref:r,__k:null,__:null,__b:0,__e:null,__d:void 0,__c:null,__h:null,constructor:void 0,__v:--we,__source:_,__self:o};if("function"==typeof e&&(r=e.defaultProps))for(l in r)void 0===i[l]&&(i[l]=r[l]);return p.vnode&&p.vnode(u),u}var ke,Me,Pe,Ne,Oe=window.SHOP_PARAMS.finance_symbol,Se=e=>{var{productData:n}=e;return function(e,n){var t=ee(I++,3);!p.__s&&function(e,n){return!e||e.length!==n.length||n.some((function(n,t){return n!==e[t]}))}(t.__H,n)&&(t.__=e,t.u=n,q.__H.__h.push(t))}((()=>{window.$(document).trigger("plugin_currency_update")}),[]),xe("div",{className:ue,children:xe("div",{className:de,children:[xe("div",{className:ce,onClick:()=>{document.getElementsByClassName("plugin-parakeet-cart-modal")[0].remove()},children:xe(ie,{})}),xe("div",{className:ae,children:"Properties have been changed"}),xe("div",{className:pe,children:"The properties of these items have been changed, please re-purchase."}),xe("div",{className:se,children:null==n?void 0:n.map((e=>{var n,t,o;return xe("div",{className:fe,children:[xe("img",{className:he,src:(null==e||null===(n=e.variant_image)||void 0===n?void 0:n.src)||"",alt:(null==e||null===(t=e.variant_image)||void 0===t?void 0:t.alt)||""}),xe("div",{className:me,children:[xe("div",{className:ve,children:[xe("span",{className:ye,children:e.product_title}),null==e||null===(o=e.options)||void 0===o?void 0:o.map((e=>xe("div",{className:ge,children:"".concat(e.name,": ").concat(e.value)},e.name)))]}),xe("span",{className:be,children:xe("span",{className:"money",children:Oe+e.price})})]})]},e.line_item_id)}))})]})})},Ce=!1,Ee=e=>{if(e.url===i("/api/checkout/order")&&("POST"===e.method||"post"===e.method)){var n,t;if("buy_now"===e.body["refer_info[source]"]||"buy_now"===(null===(n=e.body)||void 0===n||null===(t=n.refer_info)||void 0===t?void 0:t.source))return Ce=!1,e;Ce=!0,e.redirect=i("/api/product-customizer/checkout/order/create"),e.headers["Content-Type"].startsWith("application/json")?(e.headers["Content-Type"]="application/json;charset=utf-8",e.body.line_items=e.body.line_items.map((e=>d(d({},e),{},{properties:e.properties&&"[]"!==e.properties?JSON.parse(e.properties):{},quantity:Number(e.quantity)})))):(e.headers["Content-Type"]="application/json;charset=utf-8",e.body=He(e))}return e},He=e=>{var n,t=function(e){var n={};for(var t in e)for(var o=e[t],_=t.split(/[\[\]]/).filter(Boolean),r=n,l=0;l<_.length;l++){var i=_[l];l===_.length-1?r[i]=o:(r[i]||(/\d+/.test(_[l+1])?r[i]=[]:r[i]={}),r=r[i])}return n}(e.body||{}),o=(e=>{var n;if(!e)return"";var t="";return null==e||null===(n=e.split("&"))||void 0===n||n.some((e=>{if(e.startsWith("customer_note")){var n=e.indexOf("=");return console.log(e.slice(n+1)),t=decodeURIComponent(e.slice(n+1).replace(/\+/g," ")),!0}})),t})(e._body);return t.customer_note=o,t.line_items=null===(n=t.line_items)||void 0===n?void 0:n.map((e=>d(d({},e),{},{quantity:Number(e.quantity)||0,properties:e.properties&&"[]"!==e.properties?JSON.parse(decodeURIComponent(e.properties.replace(/\+/g," "))):{},note:o}))),t},Ae=e=>{var n,t,o,_,r,{url:l,method:u}=e.config,d=null==e||null===(n=e.data)||void 0===n?void 0:n.state;l===i("/api/checkout/order")&&"POST"===u&&"invalid_custom_product_properties"===d&&Ce&&(null===(t=window.$)||void 0===t||null===(o=t.loading)||void 0===o||o.hide(),je(null==e||null===(_=e.data)||void 0===_||null===(r=_.data)||void 0===r?void 0:r.custom_properties_updated_line_items));return e},je=e=>{var n=document.createElement("div");n.classList.add("plugin-parakeet-cart-modal"),document.body.append(n),function(e,n,t){var o,_,r;p.__&&p.__(e,n),_=(o="function"==typeof t)?null:t&&t.__k||n.__k,r=[],B(n,e=(!o&&t||n).__k=x(M,null,[e]),_||v,v,void 0!==n.ownerSVGElement,!o&&t?[t]:_?null:n.firstChild?a.call(n.childNodes):null,r,!o&&t?t:_?_.__e:n.firstChild,o),U(r,e)}(xe(Se,{productData:e}),n)};try{r.includes(l)&&!window.appparakeet_plugin_dev&&(console.log("appparakeet plugin 130"),window.isPodCartInterceptor||(null===(ke=window.djInterceptors)||void 0===ke||null===(Me=ke.request)||void 0===Me||Me.use(Ee),null===(Pe=window.djInterceptors)||void 0===Pe||null===(Ne=Pe.response)||void 0===Ne||Ne.use(Ae),window.isPodCartInterceptor=!0))}catch(e){console.log("appparakeet plugin Error")}}();</script> <script type='text/javascript'>(window._ext || (window._ext =[])).push('coupon');</script> <script type='text/javascript'>try {(function() {(window._ext || (window._ext =[])).push('zebu');var wa = document.createElement('script'); wa.type = 'text/javascript'; wa.async = true;wa.src = window.SHOPLAZZA.shop.cdn_domain + 'cuttlefish/v1/spz.min.js'; var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(wa, s); })();} catch(e){ }</script> <script type='text/javascript'>(window._ext || (window._ext =[])).push('appparakeet');</script> <script type='text/javascript'>(window._ext || (window._ext =[])).push('multi_market');</script> <script type="text/javascript">Object.assign(window.exts || (window.exts={}),{"jellyfish":"jellyfish.f9cc89bb.js"});</script> <script type="text/javascript">Object.assign(window.exts || (window.exts={}),{"product_detail_rebate":"product_detail_rebate.c4f2c170.js"});</script> <script type="text/javascript">Object.assign(window.exts || (window.exts={}),{"buffalo":"buffalo.e0f4e5cf.js"});</script> <script type="text/javascript">Object.assign(window.exts || (window.exts={}),{"coupon":"coupon.758199ab.js"});</script> <script type="text/javascript">Object.assign(window.exts || (window.exts={}),{"currency":"currency.427caab3.js"});</script> <script type="text/javascript">Object.assign(window.exts || (window.exts={}),{"vole":"vole.de34b0f2.js"});</script> <script type="text/javascript">Object.assign(window.exts || (window.exts={}),{"trout":"trout.ff7eba7a.js"});</script> <script type="text/javascript">Object.assign(window.exts || (window.exts={}),{"social_login":"social_login.9cbfc23f.js"});</script> <script type="text/javascript">Object.assign(window.exts || (window.exts={}),{"numbat":"numbat.14e8199b.js"});</script> <script> ~(function() { // checkout page if (window.SHOP_PARAMS.template_type === '14') { return; } function track(event, params) { if (window.sa && window.sa.track && typeof window.sa.track === 'function') { window.sa.track(event, params); }; } function preload() { var script = document.createElement('script'); script.async = true; script.src = '/api/preload-checkout?t=' + Date.now(); var loadStart = Date.now(); track('preload_checkout_start'); script.addEventListener('load', function() { track('preload_checkout_loaded', { load_duration: Date.now() - loadStart }); }); script.addEventListener('error', function(e) { track('preload_checkout_error', { load_duration: Date.now() - loadStart }); }); document.body.appendChild(script); } try { var ab = document.cookie.split(';').find(function (i) { return /awesomeab=/.test(i); }); var version = 'default'; if (ab) { var chickNext = decodeURIComponent(ab).split('=')[1].split(',').find(function (i) { return /chick-next/.test(i); }); if (chickNext) version = chickNext; } var loadedObj = JSON.parse(sessionStorage.getItem('preload_checkout_loaded_v1') || '{}'); if (loadedObj[version] && loadedObj[version]['allLoaded']) return; } catch (e) {} window.addEventListener('load', preload); })(); </script> <script type="text/javascript">Object.assign(window.exts || (window.exts={}),{"top_products":"top_products.4da4f6f3.js"});</script> <script type="text/javascript">Object.assign(window.exts || (window.exts={}),{"appparakeet":"appparakeet.537f9b5b.js"});</script> <script type="text/javascript">Object.assign(window.exts || (window.exts={}),{"multi_market":"multi_market.85145627.js"});</script> <script type="text/javascript">Object.assign(window.exts || (window.exts={}),{"recommended_product":"recommended_product.b4592e0a.js"});</script> <script type="text/javascript">Object.assign(window.exts || (window.exts={}),{"boowc":"boowc.15caf0e7.js"});</script> <script type="text/javascript">Object.assign(window.exts || (window.exts={}),{"add_to_cart":"add_to_cart.6cde2531.js"});</script> <script type="text/javascript">Object.assign(window.exts || (window.exts={}),{"apptrustpilot-plugin":"apptrustpilot-plugin.7edc2607.js"});</script> <script type="text/javascript">Object.assign(window.exts || (window.exts={}),{"sales_pop":"sales_pop.534667e8.js"});</script> <script type="text/javascript">Object.assign(window.exts || (window.exts={}),{"subscription_popups":"subscription_popups.c4a22ca6.js"});</script> <script type="text/javascript">Object.assign(window.exts || (window.exts={}),{"plugin_parakeet":"plugin_parakeet.6893a874.js"});</script> </body> </html>