Skip to main content
{}">
= $data?.bundle?.max_items) { return; } action === 'add_to_cart' ? handleAddToCart($event) : action === 'product_modal' ? $modal.setId(`modal--product-${product_modal_handle}`, false, p_card?.product_handle, p_card?.product?.id, p_card?.selected_variant?.id, updateProductState) : action === 'quick_view' ? ($modal.setId(''),$quickView.renderQuickView(p_card?.product_handle, $data, $refs?.bundle_button, p_card?.selected_variant?.id)) : action === 'link_to_product' ? barba.go(`${_stores.router?.pathname?.replace(/^.*?(\/collections\/[^/]*)?.*$/gi,'$1')?.replace(/^\/$/gi,'') ?? ''}/products/${p_card?.product_handle}?variant=${p_card?.selected_variant?.id}`) : action === 'add_to_bundle' ? $data?.bundle?.addToBundle({ variant: p_card?.selected_variant, product: p_card?.product }) : action === 'add_as_addon' ? $data?.pdp?.upsell_items?.set(p_card?.product_handle, { id: p_card?.selected_variant?.id, quantity: 1, variant: p_card?.selected_variant, bundle: p_card?.addon_bundle_in_cart, auto_addon: p_card?.addon_auto_add, variable_quantity: $el.hasAttribute('data-pdp-allow-quantity') }) : action === 'back_in_stock' ? handleBackInStockNotification($event) : null" data-content=" Add to Cart" data-class="button-primary-dark" data-action="add_to_cart" data-sold-out-content=" Sold out" data-sold-out-class="button-primary" data-sold-out-action="disabled" :disabled="action === 'disabled'">
Sold out
/
5
= $data?.bundle?.max_items) { return; } action === 'add_to_cart' ? handleAddToCart($event) : action === 'product_modal' ? $modal.setId(`modal--product-${product_modal_handle}`, false, p_card?.product_handle, p_card?.product?.id, p_card?.selected_variant?.id, updateProductState) : action === 'quick_view' ? ($modal.setId(''),$quickView.renderQuickView(p_card?.product_handle, $data, $refs?.bundle_button, p_card?.selected_variant?.id)) : action === 'link_to_product' ? barba.go(`${_stores.router?.pathname?.replace(/^.*?(\/collections\/[^/]*)?.*$/gi,'$1')?.replace(/^\/$/gi,'') ?? ''}/products/${p_card?.product_handle}?variant=${p_card?.selected_variant?.id}`) : action === 'add_to_bundle' ? $data?.bundle?.addToBundle({ variant: p_card?.selected_variant, product: p_card?.product }) : action === 'add_as_addon' ? $data?.pdp?.upsell_items?.set(p_card?.product_handle, { id: p_card?.selected_variant?.id, quantity: 1, variant: p_card?.selected_variant, bundle: p_card?.addon_bundle_in_cart, auto_addon: p_card?.addon_auto_add, variable_quantity: $el.hasAttribute('data-pdp-allow-quantity') }) : action === 'back_in_stock' ? handleBackInStockNotification($event) : null" data-content=" Add to Cart" data-class="button-primary" data-action="add_to_cart" data-sold-out-content=" Sold out" data-sold-out-class="button-primary" data-sold-out-action="disabled" :disabled="action === 'disabled'">
{}">
Sold out
/
5
= $data?.bundle?.max_items) { return; } action === 'add_to_cart' ? handleAddToCart($event) : action === 'product_modal' ? $modal.setId(`modal--product-${product_modal_handle}`, false, p_card?.product_handle, p_card?.product?.id, p_card?.selected_variant?.id, updateProductState) : action === 'quick_view' ? ($modal.setId(''),$quickView.renderQuickView(p_card?.product_handle, $data, $refs?.bundle_button, p_card?.selected_variant?.id)) : action === 'link_to_product' ? barba.go(`${_stores.router?.pathname?.replace(/^.*?(\/collections\/[^/]*)?.*$/gi,'$1')?.replace(/^\/$/gi,'') ?? ''}/products/${p_card?.product_handle}?variant=${p_card?.selected_variant?.id}`) : action === 'add_to_bundle' ? $data?.bundle?.addToBundle({ variant: p_card?.selected_variant, product: p_card?.product }) : action === 'add_as_addon' ? $data?.pdp?.upsell_items?.set(p_card?.product_handle, { id: p_card?.selected_variant?.id, quantity: 1, variant: p_card?.selected_variant, bundle: p_card?.addon_bundle_in_cart, auto_addon: p_card?.addon_auto_add, variable_quantity: $el.hasAttribute('data-pdp-allow-quantity') }) : action === 'back_in_stock' ? handleBackInStockNotification($event) : null" data-content=" Add to Cart" data-class="button-outline-dark" data-action="add_to_cart" data-bundle-content=" Add" data-bundle-class="button-outline-dark" data-bundle-action="add_to_bundle" data-sold-out-content=" Sold out" data-sold-out-class="button-primary" data-sold-out-action="disabled" :disabled="action === 'disabled'">
{}" x-data="{ quantity_added: $data?.bundle?.items_added?.reduce((acc,item) => (item.variant?.id === p_card?.selected_variant?.id ? acc += 1 : acc), 0) }" x-effect="quantity_added = $data?.bundle?.items_added?.reduce((acc,item) => (item.variant?.id === p_card?.selected_variant?.id ? acc += 1 : acc), 0) ">
{}">
= $data?.bundle?.max_items) { return; } action === 'add_to_cart' ? handleAddToCart($event) : action === 'product_modal' ? $modal.setId(`modal--product-${product_modal_handle}`, false, p_card?.product_handle, p_card?.product?.id, p_card?.selected_variant?.id, updateProductState) : action === 'quick_view' ? ($modal.setId(''),$quickView.renderQuickView(p_card?.product_handle, $data, $refs?.bundle_button, p_card?.selected_variant?.id)) : action === 'link_to_product' ? barba.go(`${_stores.router?.pathname?.replace(/^.*?(\/collections\/[^/]*)?.*$/gi,'$1')?.replace(/^\/$/gi,'') ?? ''}/products/${p_card?.product_handle}?variant=${p_card?.selected_variant?.id}`) : action === 'add_to_bundle' ? $data?.bundle?.addToBundle({ variant: p_card?.selected_variant, product: p_card?.product }) : action === 'add_as_addon' ? $data?.pdp?.upsell_items?.set(p_card?.product_handle, { id: p_card?.selected_variant?.id, quantity: 1, variant: p_card?.selected_variant, bundle: p_card?.addon_bundle_in_cart, auto_addon: p_card?.addon_auto_add, variable_quantity: $el.hasAttribute('data-pdp-allow-quantity') }) : action === 'back_in_stock' ? handleBackInStockNotification($event) : null" data-content=" Add to Cart" data-class="button-primary-dark" data-action="add_to_cart" data-sold-out-content=" Sold out" data-sold-out-class="button-primary" data-sold-out-action="disabled" :disabled="action === 'disabled'">
Sold out
/
5
= $data?.bundle?.max_items) { return; } action === 'add_to_cart' ? handleAddToCart($event) : action === 'product_modal' ? $modal.setId(`modal--product-${product_modal_handle}`, false, p_card?.product_handle, p_card?.product?.id, p_card?.selected_variant?.id, updateProductState) : action === 'quick_view' ? ($modal.setId(''),$quickView.renderQuickView(p_card?.product_handle, $data, $refs?.bundle_button, p_card?.selected_variant?.id)) : action === 'link_to_product' ? barba.go(`${_stores.router?.pathname?.replace(/^.*?(\/collections\/[^/]*)?.*$/gi,'$1')?.replace(/^\/$/gi,'') ?? ''}/products/${p_card?.product_handle}?variant=${p_card?.selected_variant?.id}`) : action === 'add_to_bundle' ? $data?.bundle?.addToBundle({ variant: p_card?.selected_variant, product: p_card?.product }) : action === 'add_as_addon' ? $data?.pdp?.upsell_items?.set(p_card?.product_handle, { id: p_card?.selected_variant?.id, quantity: 1, variant: p_card?.selected_variant, bundle: p_card?.addon_bundle_in_cart, auto_addon: p_card?.addon_auto_add, variable_quantity: $el.hasAttribute('data-pdp-allow-quantity') }) : action === 'back_in_stock' ? handleBackInStockNotification($event) : null" data-content=" Add to Cart" data-class="button-primary" data-action="add_to_cart" data-sold-out-content=" Sold out" data-sold-out-class="button-primary" data-sold-out-action="disabled" :disabled="action === 'disabled'">
{}">
/
5
{ content_slider.handleScroll(e); const mediaId = [...($el.children ?? [])].find(pic=> pic?.classList?.contains('centered'))?.getAttribute('data-media-id'); if (mediaId) { $data.state.selected_media_id = mediaId }}" @scrollend="content_slider.handleInfiniteScroll" x-ref="scrollContainer">
Sold out
/
5
p_card?.selected_selling_plan?.name ?? 'One time purchase'
{ ;if (!select?.contains($event.target) && select !== $event.target) { show_popover = false; show = false; } }" @scroll.window="handleScroll()" @resize.window="handleScroll()" @keydown.esc="show_popover = false; show = false;" @keydown.left.prevent.stop="focusIndex = focusIndex > 0 ? focusIndex -1 : values.length - 1" @keydown.up.prevent.stop="focusIndex = focusIndex > 0 ? focusIndex -1 : values.length - 1" @keydown.down.prevent.stop="focusIndex = focusIndex + 1 < values.length ? focusIndex + 1 : 0" @keydown.right.prevent.stop="focusIndex = focusIndex + 1 < values.length ? focusIndex + 1 : 0" @keydown.space.prevent.stop="p_card.subscriptionIsChanging = true; open = false; $data.setSellingPlan(+value); p_card.subscriptionIsChanging = false;" @keydown.enter.prevent.stop="p_card.subscriptionIsChanging = true; open = false; $data.setSellingPlan(+value); p_card.subscriptionIsChanging = false;; show_popover = false; show = false;" class="fixed z-max min-w-max mt-1 max-h-60 w-full overflow-auto rounded-[4px] border border-solid border-[#ccc] bg-white text-base shadow-lg outline-none ring-1 ring-black/5 transition-opacity duration-75 focus:outline-none sm:text-sm dropdown--input-select-rounded" aria-label="Subscription Selector" aria-orientation="vertical" role="listbox" tabindex="0" x-show="show_popover" x-cloak x-transition:enter-start="opacity-0" x-transition:enter-end="opacity-100" x-transition:leave-start="opacity-100" x-transition:leave-end="opacity-0" >
{ if (disabledItems[i]) return; p_card.subscriptionIsChanging = true; open = false; $data.setSellingPlan(+value); p_card.subscriptionIsChanging = false;; focusIndex = i; show_popover = false; show = false; }" :disabled="!!disabledItems[i]" :class="i === focusIndex ? 'active' : disabledItems[i] ? 'opacity-40' :''" x-effect="i === focusIndex && $el.parentElement ? $el.parentElement.scrollTop = $el.offsetTop - 120 : null" role="option" tabindex="-1" :aria-selected="i === focusIndex">
{}" x-data="{ value: 1 }" x-effect="value = p_card?.quantity">
= $data?.bundle?.max_items) { return; } action === 'add_to_cart' ? handleAddToCart($event) : action === 'product_modal' ? $modal.setId(`modal--product-${product_modal_handle}`, false, p_card?.product_handle, p_card?.product?.id, p_card?.selected_variant?.id, updateProductState) : action === 'quick_view' ? ($modal.setId(''),$quickView.renderQuickView(p_card?.product_handle, $data, $refs?.bundle_button, p_card?.selected_variant?.id)) : action === 'link_to_product' ? barba.go(`${_stores.router?.pathname?.replace(/^.*?(\/collections\/[^/]*)?.*$/gi,'$1')?.replace(/^\/$/gi,'') ?? ''}/products/${p_card?.product_handle}?variant=${p_card?.selected_variant?.id}`) : action === 'add_to_bundle' ? $data?.bundle?.addToBundle({ variant: p_card?.selected_variant, product: p_card?.product }) : action === 'add_as_addon' ? $data?.pdp?.upsell_items?.set(p_card?.product_handle, { id: p_card?.selected_variant?.id, quantity: 1, variant: p_card?.selected_variant, bundle: p_card?.addon_bundle_in_cart, auto_addon: p_card?.addon_auto_add, variable_quantity: $el.hasAttribute('data-pdp-allow-quantity') }) : action === 'back_in_stock' ? handleBackInStockNotification($event) : null" data-content=" Add To Cart • [price]" data-class="button-primary" data-action="add_to_cart" data-sold-out-content=" Sold out" data-sold-out-class="button-primary" data-sold-out-action="disabled" :disabled="action === 'disabled'">
{}">
Sold out
{}">
= $data?.bundle?.max_items) { return; } action === 'add_to_cart' ? handleAddToCart($event) : action === 'product_modal' ? $modal.setId(`modal--product-${product_modal_handle}`, false, p_card?.product_handle, p_card?.product?.id, p_card?.selected_variant?.id, updateProductState) : action === 'quick_view' ? ($modal.setId(''),$quickView.renderQuickView(p_card?.product_handle, $data, $refs?.bundle_button, p_card?.selected_variant?.id)) : action === 'link_to_product' ? barba.go(`${_stores.router?.pathname?.replace(/^.*?(\/collections\/[^/]*)?.*$/gi,'$1')?.replace(/^\/$/gi,'') ?? ''}/products/${p_card?.product_handle}?variant=${p_card?.selected_variant?.id}`) : action === 'add_to_bundle' ? $data?.bundle?.addToBundle({ variant: p_card?.selected_variant, product: p_card?.product }) : action === 'add_as_addon' ? $data?.pdp?.upsell_items?.set(p_card?.product_handle, { id: p_card?.selected_variant?.id, quantity: 1, variant: p_card?.selected_variant, bundle: p_card?.addon_bundle_in_cart, auto_addon: p_card?.addon_auto_add, variable_quantity: $el.hasAttribute('data-pdp-allow-quantity') }) : action === 'back_in_stock' ? handleBackInStockNotification($event) : null" data-content=" Add" data-class="button-outline-dark" data-action="add_to_cart" data-sold-out-content=" Sold out" data-sold-out-class="button-primary" data-sold-out-action="disabled" :disabled="action === 'disabled'">
{}">
= $data?.bundle?.max_items) { return; } action === 'add_to_cart' ? handleAddToCart($event) : action === 'product_modal' ? $modal.setId(`modal--product-${product_modal_handle}`, false, p_card?.product_handle, p_card?.product?.id, p_card?.selected_variant?.id, updateProductState) : action === 'quick_view' ? ($modal.setId(''),$quickView.renderQuickView(p_card?.product_handle, $data, $refs?.bundle_button, p_card?.selected_variant?.id)) : action === 'link_to_product' ? barba.go(`${_stores.router?.pathname?.replace(/^.*?(\/collections\/[^/]*)?.*$/gi,'$1')?.replace(/^\/$/gi,'') ?? ''}/products/${p_card?.product_handle}?variant=${p_card?.selected_variant?.id}`) : action === 'add_to_bundle' ? $data?.bundle?.addToBundle({ variant: p_card?.selected_variant, product: p_card?.product }) : action === 'add_as_addon' ? $data?.pdp?.upsell_items?.set(p_card?.product_handle, { id: p_card?.selected_variant?.id, quantity: 1, variant: p_card?.selected_variant, bundle: p_card?.addon_bundle_in_cart, auto_addon: p_card?.addon_auto_add, variable_quantity: $el.hasAttribute('data-pdp-allow-quantity') }) : action === 'back_in_stock' ? handleBackInStockNotification($event) : null" data-content=" Add" data-class="button-outline-dark" data-action="add_to_cart" data-bundle-content=" Add" data-bundle-class="button-outline-dark" data-bundle-action="add_to_bundle" data-sold-out-content=" Sold out" data-sold-out-class="button-primary" data-sold-out-action="disabled" :disabled="action === 'disabled'">
{}" x-data="{ quantity_added: $data?.bundle?.items_added?.reduce((acc,item) => (item.variant?.id === p_card?.selected_variant?.id ? acc += 1 : acc), 0) }" x-effect="quantity_added = $data?.bundle?.items_added?.reduce((acc,item) => (item.variant?.id === p_card?.selected_variant?.id ? acc += 1 : acc), 0) ">
{}">
siblings.find(s => s.product === p_card?.product?.handle)?.sibling_name ?? p_card?.product?.title
{ ;if (!select?.contains($event.target) && select !== $event.target) { show_popover = false; show = false; } }" @scroll.window="handleScroll()" @resize.window="handleScroll()" @keydown.esc="show_popover = false; show = false;" @keydown.left.prevent.stop="focusIndex = focusIndex > 0 ? focusIndex -1 : values.length - 1" @keydown.up.prevent.stop="focusIndex = focusIndex > 0 ? focusIndex -1 : values.length - 1" @keydown.down.prevent.stop="focusIndex = focusIndex + 1 < values.length ? focusIndex + 1 : 0" @keydown.right.prevent.stop="focusIndex = focusIndex + 1 < values.length ? focusIndex + 1 : 0" @keydown.space.prevent.stop="$data.setSiblingProduct(siblings.find(s => s.product === value))" @keydown.enter.prevent.stop="$data.setSiblingProduct(siblings.find(s => s.product === value)); show_popover = false; show = false;" class="fixed z-max min-w-max mt-1 max-h-60 w-full overflow-auto rounded-[4px] border border-solid border-[#ccc] bg-white text-base shadow-lg outline-none ring-1 ring-black/5 transition-opacity duration-75 focus:outline-none sm:text-sm dropdown--input-select" aria-label="" aria-orientation="vertical" role="listbox" tabindex="0" x-show="show_popover" x-cloak x-transition:enter-start="opacity-0" x-transition:enter-end="opacity-100" x-transition:leave-start="opacity-100" x-transition:leave-end="opacity-0" >
{ if (disabledItems[i]) return; $data.setSiblingProduct(siblings.find(s => s.product === value)); focusIndex = i; show_popover = false; show = false; }" :disabled="!!disabledItems[i]" :class="i === focusIndex ? 'active' : disabledItems[i] ? 'opacity-40' :''" x-effect="i === focusIndex && $el.parentElement ? $el.parentElement.scrollTop = $el.offsetTop - 120 : null" role="option" tabindex="-1" :aria-selected="i === focusIndex">
= $data?.bundle?.max_items) { return; } action === 'add_to_cart' ? handleAddToCart($event) : action === 'product_modal' ? $modal.setId(`modal--product-${product_modal_handle}`, false, p_card?.product_handle, p_card?.product?.id, p_card?.selected_variant?.id, updateProductState) : action === 'quick_view' ? ($modal.setId(''),$quickView.renderQuickView(p_card?.product_handle, $data, $refs?.bundle_button, p_card?.selected_variant?.id)) : action === 'link_to_product' ? barba.go(`${_stores.router?.pathname?.replace(/^.*?(\/collections\/[^/]*)?.*$/gi,'$1')?.replace(/^\/$/gi,'') ?? ''}/products/${p_card?.product_handle}?variant=${p_card?.selected_variant?.id}`) : action === 'add_to_bundle' ? $data?.bundle?.addToBundle({ variant: p_card?.selected_variant, product: p_card?.product }) : action === 'add_as_addon' ? $data?.pdp?.upsell_items?.set(p_card?.product_handle, { id: p_card?.selected_variant?.id, quantity: 1, variant: p_card?.selected_variant, bundle: p_card?.addon_bundle_in_cart, auto_addon: p_card?.addon_auto_add, variable_quantity: $el.hasAttribute('data-pdp-allow-quantity') }) : action === 'back_in_stock' ? handleBackInStockNotification($event) : null" data-content=" Add To Cart" data-class="button-primary" data-action="add_to_cart" data-variant-content=" View" data-variant-class="button-primary" data-variant-action="link_to_product" data-sold-out-content=" Sold out" data-sold-out-class="button-primary" data-sold-out-action="disabled" :disabled="action === 'disabled'">
{}">
= $data?.bundle?.max_items) { return; } action === 'add_to_cart' ? handleAddToCart($event) : action === 'product_modal' ? $modal.setId(`modal--product-${product_modal_handle}`, false, p_card?.product_handle, p_card?.product?.id, p_card?.selected_variant?.id, updateProductState) : action === 'quick_view' ? ($modal.setId(''),$quickView.renderQuickView(p_card?.product_handle, $data, $refs?.bundle_button, p_card?.selected_variant?.id)) : action === 'link_to_product' ? barba.go(`${_stores.router?.pathname?.replace(/^.*?(\/collections\/[^/]*)?.*$/gi,'$1')?.replace(/^\/$/gi,'') ?? ''}/products/${p_card?.product_handle}?variant=${p_card?.selected_variant?.id}`) : action === 'add_to_bundle' ? $data?.bundle?.addToBundle({ variant: p_card?.selected_variant, product: p_card?.product }) : action === 'add_as_addon' ? $data?.pdp?.upsell_items?.set(p_card?.product_handle, { id: p_card?.selected_variant?.id, quantity: 1, variant: p_card?.selected_variant, bundle: p_card?.addon_bundle_in_cart, auto_addon: p_card?.addon_auto_add, variable_quantity: $el.hasAttribute('data-pdp-allow-quantity') }) : action === 'back_in_stock' ? handleBackInStockNotification($event) : null" data-content=" Add" data-class="button-primary" data-action="add_to_cart" data-variant-content=" View" data-variant-class="button-primary" data-variant-action="link_to_product" data-sold-out-content=" Sold out" data-sold-out-class="button-primary" data-sold-out-action="disabled" :disabled="action === 'disabled'">
siblings.find(s => s.product === p_card?.product?.handle)?.sibling_name ?? p_card?.product?.title
{ ;if (!select?.contains($event.target) && select !== $event.target) { show_popover = false; show = false; } }" @scroll.window="handleScroll()" @resize.window="handleScroll()" @keydown.esc="show_popover = false; show = false;" @keydown.left.prevent.stop="focusIndex = focusIndex > 0 ? focusIndex -1 : values.length - 1" @keydown.up.prevent.stop="focusIndex = focusIndex > 0 ? focusIndex -1 : values.length - 1" @keydown.down.prevent.stop="focusIndex = focusIndex + 1 < values.length ? focusIndex + 1 : 0" @keydown.right.prevent.stop="focusIndex = focusIndex + 1 < values.length ? focusIndex + 1 : 0" @keydown.space.prevent.stop="$data.setSiblingProduct(siblings.find(s => s.product === value))" @keydown.enter.prevent.stop="$data.setSiblingProduct(siblings.find(s => s.product === value)); show_popover = false; show = false;" class="fixed z-max min-w-max mt-1 max-h-60 w-full overflow-auto rounded-[4px] border border-solid border-[#ccc] bg-white text-base shadow-lg outline-none ring-1 ring-black/5 transition-opacity duration-75 focus:outline-none sm:text-sm dropdown--input-select" aria-label="" aria-orientation="vertical" role="listbox" tabindex="0" x-show="show_popover" x-cloak x-transition:enter-start="opacity-0" x-transition:enter-end="opacity-100" x-transition:leave-start="opacity-100" x-transition:leave-end="opacity-0" >
{ if (disabledItems[i]) return; $data.setSiblingProduct(siblings.find(s => s.product === value)); focusIndex = i; show_popover = false; show = false; }" :disabled="!!disabledItems[i]" :class="i === focusIndex ? 'active' : disabledItems[i] ? 'opacity-40' :''" x-effect="i === focusIndex && $el.parentElement ? $el.parentElement.scrollTop = $el.offsetTop - 120 : null" role="option" tabindex="-1" :aria-selected="i === focusIndex">
= $data?.bundle?.max_items) { return; } action === 'add_to_cart' ? handleAddToCart($event) : action === 'product_modal' ? $modal.setId(`modal--product-${product_modal_handle}`, false, p_card?.product_handle, p_card?.product?.id, p_card?.selected_variant?.id, updateProductState) : action === 'quick_view' ? ($modal.setId(''),$quickView.renderQuickView(p_card?.product_handle, $data, $refs?.bundle_button, p_card?.selected_variant?.id)) : action === 'link_to_product' ? barba.go(`${_stores.router?.pathname?.replace(/^.*?(\/collections\/[^/]*)?.*$/gi,'$1')?.replace(/^\/$/gi,'') ?? ''}/products/${p_card?.product_handle}?variant=${p_card?.selected_variant?.id}`) : action === 'add_to_bundle' ? $data?.bundle?.addToBundle({ variant: p_card?.selected_variant, product: p_card?.product }) : action === 'add_as_addon' ? $data?.pdp?.upsell_items?.set(p_card?.product_handle, { id: p_card?.selected_variant?.id, quantity: 1, variant: p_card?.selected_variant, bundle: p_card?.addon_bundle_in_cart, auto_addon: p_card?.addon_auto_add, variable_quantity: $el.hasAttribute('data-pdp-allow-quantity') }) : action === 'back_in_stock' ? handleBackInStockNotification($event) : null" data-content=" Add" data-class="button-primary" data-action="add_to_cart" data-variant-content=" View" data-variant-class="button-primary" data-variant-action="link_to_product" data-sold-out-content=" Sold out" data-sold-out-class="button-primary" data-sold-out-action="disabled" :disabled="action === 'disabled'">
{}">
= $data?.bundle?.max_items) { return; } action === 'add_to_cart' ? handleAddToCart($event) : action === 'product_modal' ? $modal.setId(`modal--product-${product_modal_handle}`, false, p_card?.product_handle, p_card?.product?.id, p_card?.selected_variant?.id, updateProductState) : action === 'quick_view' ? ($modal.setId(''),$quickView.renderQuickView(p_card?.product_handle, $data, $refs?.bundle_button, p_card?.selected_variant?.id)) : action === 'link_to_product' ? barba.go(`${_stores.router?.pathname?.replace(/^.*?(\/collections\/[^/]*)?.*$/gi,'$1')?.replace(/^\/$/gi,'') ?? ''}/products/${p_card?.product_handle}?variant=${p_card?.selected_variant?.id}`) : action === 'add_to_bundle' ? $data?.bundle?.addToBundle({ variant: p_card?.selected_variant, product: p_card?.product }) : action === 'add_as_addon' ? $data?.pdp?.upsell_items?.set(p_card?.product_handle, { id: p_card?.selected_variant?.id, quantity: 1, variant: p_card?.selected_variant, bundle: p_card?.addon_bundle_in_cart, auto_addon: p_card?.addon_auto_add, variable_quantity: $el.hasAttribute('data-pdp-allow-quantity') }) : action === 'back_in_stock' ? handleBackInStockNotification($event) : null" data-content=" Add" data-class="button-outline-dark" data-action="add_to_cart" data-sold-out-content=" Sold out" data-sold-out-class="button-primary" data-sold-out-action="disabled" :disabled="action === 'disabled'">
siblings.find(s => s.product === p_card?.product?.handle)?.sibling_name ?? p_card?.product?.title
{ ;if (!select?.contains($event.target) && select !== $event.target) { show_popover = false; show = false; } }" @scroll.window="handleScroll()" @resize.window="handleScroll()" @keydown.esc="show_popover = false; show = false;" @keydown.left.prevent.stop="focusIndex = focusIndex > 0 ? focusIndex -1 : values.length - 1" @keydown.up.prevent.stop="focusIndex = focusIndex > 0 ? focusIndex -1 : values.length - 1" @keydown.down.prevent.stop="focusIndex = focusIndex + 1 < values.length ? focusIndex + 1 : 0" @keydown.right.prevent.stop="focusIndex = focusIndex + 1 < values.length ? focusIndex + 1 : 0" @keydown.space.prevent.stop="$data.setSiblingProduct(siblings.find(s => s.product === value))" @keydown.enter.prevent.stop="$data.setSiblingProduct(siblings.find(s => s.product === value)); show_popover = false; show = false;" class="fixed z-max min-w-max mt-1 max-h-60 w-full overflow-auto rounded-[4px] border border-solid border-[#ccc] bg-white text-base shadow-lg outline-none ring-1 ring-black/5 transition-opacity duration-75 focus:outline-none sm:text-sm dropdown--input-select" aria-label="" aria-orientation="vertical" role="listbox" tabindex="0" x-show="show_popover" x-cloak x-transition:enter-start="opacity-0" x-transition:enter-end="opacity-100" x-transition:leave-start="opacity-100" x-transition:leave-end="opacity-0" >
{ if (disabledItems[i]) return; $data.setSiblingProduct(siblings.find(s => s.product === value)); focusIndex = i; show_popover = false; show = false; }" :disabled="!!disabledItems[i]" :class="i === focusIndex ? 'active' : disabledItems[i] ? 'opacity-40' :''" x-effect="i === focusIndex && $el.parentElement ? $el.parentElement.scrollTop = $el.offsetTop - 120 : null" role="option" tabindex="-1" :aria-selected="i === focusIndex">
{}" x-data="{ value: 1 }" x-effect="value = line_card?.line_item?.quantity">
line_card?.line_item?.selling_plan_allocation?.selling_plan?.name ?? 'One time purchase'
{ ;if (!select?.contains($event.target) && select !== $event.target) { show_popover = false; show = false; } }" @scroll.window="handleScroll()" @resize.window="handleScroll()" @keydown.esc="show_popover = false; show = false;" @keydown.left.prevent.stop="focusIndex = focusIndex > 0 ? focusIndex -1 : values.length - 1" @keydown.up.prevent.stop="focusIndex = focusIndex > 0 ? focusIndex -1 : values.length - 1" @keydown.down.prevent.stop="focusIndex = focusIndex + 1 < values.length ? focusIndex + 1 : 0" @keydown.right.prevent.stop="focusIndex = focusIndex + 1 < values.length ? focusIndex + 1 : 0" @keydown.space.prevent.stop="$data.setSubscription(+value)" @keydown.enter.prevent.stop="$data.setSubscription(+value); show_popover = false; show = false;" class="fixed z-max min-w-max mt-1 max-h-60 w-full overflow-auto rounded-[4px] border border-solid border-[#ccc] bg-white text-base shadow-lg outline-none ring-1 ring-black/5 transition-opacity duration-75 focus:outline-none sm:text-sm dropdown--input-select-rounded" aria-label="Subscription Selector" aria-orientation="vertical" role="listbox" tabindex="0" x-show="show_popover" x-cloak x-transition:enter-start="opacity-0" x-transition:enter-end="opacity-100" x-transition:leave-start="opacity-100" x-transition:leave-end="opacity-0" >
{ if (disabledItems[i]) return; $data.setSubscription(+value); focusIndex = i; show_popover = false; show = false; }" :disabled="!!disabledItems[i]" :class="i === focusIndex ? 'active' : disabledItems[i] ? 'opacity-40' :''" x-effect="i === focusIndex && $el.parentElement ? $el.parentElement.scrollTop = $el.offsetTop - 120 : null" role="option" tabindex="-1" :aria-selected="i === focusIndex">
15% Off + Free Gift with Subscriptions
Main Menu
Shop
Learn
BUILD A BUNDLE
REFER & GET 25%
Find Hi
0
This Week’s Cannabis Industry Highlights: What’s Buzzing in the Industry
SHARE:
shop related products
Previous
Next
RELATED PRODUCTS
FEATURED POSTS