Large Makeup Bag
$77.00
DRMTLGY
Travel in style or store your essentials with DRMTLGY's signature, all new La...
NEW YEAR'S SALE: 25% OFF
Auto-applied in cart
✷ Earn 77 points with DRMTLGY Rewards. Join →
{
show_subscription_promo = true;
});
"
@variant-updated.window="first_variant = $event.detail.variant.id"
@price-updated.window="
$nextTick(() => {
if($event.detail > 0){
let has_discount = false;
if(!has_discount || subscribe == true){
price = Unick.formatMoney3($event.detail);
}
}
});
"
x-init="
productForm = $refs.product_form;
button_label = 'AGREGAR AL CARRITO';
first_variant = '41295180464183';
price = `
${Unick.formatMoney3(7700)}
`
"
>
Travel in style or store your essentials with DRMTLGY's signature, all new La...
{
abtest = $event.detail.abtest;
});"
x-data="{
show: false,
abtest: false,
price: null,
lastScrollTop: 0,
scrollThreshold: 100, // Minimum scroll position to show button
init() {
// Initialize price
this.price = `$77.00 AUD`;
this.initBehavior();
this.$watch('abtest', () => {
this.initBehavior();
});
},
addToCartFooter() {
let findAddToCartButton = document.querySelector('.product__info-wrapper form.product-form .button-add-to-cart');
let echoBundleButton = document.querySelector('.product__info-wrapper .bundle-builder-pdp .echo-checkout-button');
if (echoBundleButton) {
echoBundleButton.click();
} else {
findAddToCartButton.click();
}
},
initBehavior() {
// Find main add to cart button
const mainButton = document.querySelector('form.product-form .button-add-to-cart');
if (this.abtest) {
// AB Test: New behavior (IntersectionObserver)
if (!mainButton) {
this.show = true;
return;
}
const observer = new IntersectionObserver((entries) => {
this.show = !entries[0].isIntersecting;
}, {
threshold: 0.1,
rootMargin: '0px 0px -50px 0px'
});
observer.observe(mainButton);
} else {
// Original behavior (scroll-based)
if (!mainButton) {
this.show = true;
return;
}
// Initialize scroll position
const st = window.pageYOffset || document.documentElement.scrollTop;
this.lastScrollTop = st;
this.checkScroll();
// Add scroll listener
window.addEventListener('scroll', () => {
this.checkScroll();
});
}
},
checkScroll() {
if (!this.abtest) {
const st = window.pageYOffset || document.documentElement.scrollTop;
const scrollPosition = st || document.documentElement.scrollTop;
// Only show if scrolled more than 100px AND scrolling down
if (scrollPosition > this.scrollThreshold) {
this.show = st > this.lastScrollTop;
} else {
this.show = false;
}
this.lastScrollTop = st <= 0 ? 0 : st; // For Mobile or negative scrolling
}
}
}"
x-title="Footer sticky add to cart"
x-show="show"
x-transition:enter="transform transition ease-in-out duration-500"
x-transition:enter-start="translate-y-full opacity-0"
x-transition:enter-end="translate-y-0 opacity-1"
x-transition:leave="transform transition ease-in-out duration-500"
x-transition:leave-start="translate-y-0"
x-transition:leave-end="translate-y-full opacity-0"
@price-updated.window="$nextTick(() => {
const priceString = '$77.00 AUD';
const currency = priceString.split(' ').pop();
price = `${Unick.formatMoney3($event.detail)} ${currency}`;
});"
@price-updated-reset.window="$nextTick(() => {
price = `$77.00 AUD`;
});"
@price-updated-custom.window="($event) => {
price = $event.detail
}"
class="add-to-cart-footer p-3 bg-white text-black fixed bottom-0 w-full z-[70] shadow border-t">
1 && isMobileView == false) { activeTabs = [1] }; isMobileView = true"
aria-label="Product tabs"
x-data="{
activeTabs: [1],
isMobileView: false,
isActive(index){
return (this.activeTabs.includes(index)) ? true : false;
},
setActiveTabs(index){
this.activeTabs = [index];
},
// used for mobile
addActiveTabs(index){
this.isMobileView = true
if (this.activeTabs.includes(index)){
this.activeTabs = this.activeTabs.filter(item => item !== index);
} else {
this.activeTabs.push(index);
}
}
}">
Travel in style or store your essentials with DRMTLGY's signature, all new Large Cosmetic Case.