{
isSpecificThreshold = $event.detail
}
"
@cart-total-updated.window="
$nextTick( async () => {
const cartData = await Unick.getCartData()
Unick.handleManyFreeGifts(
cartData,
[{"id":709826609207,"title":"TINGL® Exfoliating Pads","handle":"tingl-exfoliating-pads","description":"\u003cp\u003eReach for TINGL® Exfoliating Pads to purify, tone, and exfoliate. These multi-tasking pads feature both BHAs (Beta Hydroxy Acids) and AHAs (Alpha Hydroxy Acids) for deep cleansing and surface renewal in a single swipe.\u003cbr\u003e\u003cbr\u003e\u003cstrong\u003eKey Facts\u003c\/strong\u003e\u003c\/p\u003e\n\u003cul\u003e\n\u003cli\u003e3-in-1 pads cleanse, tone, and exfoliate\u003c\/li\u003e\n\u003cli\u003eParaben-free, sulfate-free, and cruelty-free\u003c\/li\u003e\n\u003cli\u003eUse a sunscreen, wear protective clothing, and limit sun exposure while using this product and for a week afterwards.\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003cp\u003e\u003cstrong style=\"font-family: -apple-system, BlinkMacSystemFont, 'San Francisco', 'Segoe UI', Roboto, 'Helvetica Neue', sans-serif; font-size: 0.875rem;\"\u003e\u003cbr\u003eSkincare Technology\u003c\/strong\u003e\u003c\/p\u003e\n\u003cp\u003eSALICYLIC ACID 2%\u003cbr\u003eDeep-cleans pores and controls excess oils\u003c\/p\u003e\n\u003cp\u003eGLYCOLIC ACID 5%\u003cbr\u003eBrightens, retexturizes, and boosts radiance\u003c\/p\u003e\n\u003cp\u003eLACTIC ACID 5%\u003cbr\u003eGently exfoliates and evens skin tone\u003c\/p\u003e\n\u003cp\u003eFRUIT \u0026amp; BOTANICAL EXTRACTS\u003cbr\u003eBalances, refreshes, and soothes skin\u003c\/p\u003e\n\u003cp\u003e \u003c\/p\u003e","published_at":"2024-06-12T16:00:42-07:00","created_at":"2018-07-10T10:54:20-07:00","vendor":"DRMTLGY","type":"Peel Pads","tags":["ab:20","claim|animal","claim|derm","claim|fragrance_free","claim|gluten_free","claim|paraben_free","claim|sulfate_free","daytime","discount:20","drmtlgy","flag: 20% OFF","nighttime","recommend|3","Shipper: Large Bag D-BM01","size: 60 Pads","skin_type_badge|combination","skin_type_badge|dry","skin_type_badge|normal","skin_type_badge|oily","skin_type|combination","skin_type|combo","skin_type|dry","skin_type|normal","skin_type|oily","spo-disabled","tingl by DRMTLGY","TONER"],"price":3500,"price_min":3500,"price_max":3500,"available":true,"price_varies":false,"compare_at_price":null,"compare_at_price_min":0,"compare_at_price_max":0,"compare_at_price_varies":false,"variants":[{"id":8441857146935,"title":"Default Title","option1":"Default Title","option2":null,"option3":null,"sku":"T-001","requires_shipping":true,"taxable":true,"featured_image":null,"available":true,"name":"TINGL® Exfoliating Pads","public_title":null,"options":["Default Title"],"price":3500,"weight":142,"compare_at_price":null,"inventory_quantity":5,"inventory_management":"shopify","inventory_policy":"deny","barcode":"860164002209","requires_selling_plan":false,"selling_plan_allocations":[{"price_adjustments":[{"position":1,"price":2625}],"price":2625,"compare_at_price":3500,"per_delivery_price":2625,"selling_plan_id":2689400887,"selling_plan_group_id":"caa89bb720796699b0ffe95dc05d32598b40de47"},{"price_adjustments":[{"position":1,"price":2625}],"price":2625,"compare_at_price":3500,"per_delivery_price":2625,"selling_plan_id":2689433655,"selling_plan_group_id":"caa89bb720796699b0ffe95dc05d32598b40de47"},{"price_adjustments":[{"position":1,"price":2625}],"price":2625,"compare_at_price":3500,"per_delivery_price":2625,"selling_plan_id":2689466423,"selling_plan_group_id":"caa89bb720796699b0ffe95dc05d32598b40de47"}],"quantity_rule":{"min":1,"max":null,"increment":1}}],"images":["\/\/www.drmtlgy.com\/cdn\/shop\/files\/Tingl_Exfoliating_Pads-01.jpg?v=1777067523","\/\/www.drmtlgy.com\/cdn\/shop\/files\/Tingl_Exfoliating_Pads_4a0e20f7-12eb-461f-b5fc-fc5cecd96529.png?v=1773171894","\/\/www.drmtlgy.com\/cdn\/shop\/files\/02WhatItIs_947b7a21-6cf1-4fce-a28f-e60006944f36.jpg?v=1781647398","\/\/www.drmtlgy.com\/cdn\/shop\/files\/03_What_It_Solves_c945eebd-bf81-430c-8050-c79960505ded.jpg?v=1792009715","\/\/www.drmtlgy.com\/cdn\/shop\/files\/05HowtoUse_eca0fe95-43f2-4f29-8047-2e17c59c86df.jpg?v=1781647399","\/\/www.drmtlgy.com\/cdn\/shop\/files\/06SkincareTechnology_fc289b91-2e5e-4cb2-b43d-716491f112f8.jpg?v=1781647398","\/\/www.drmtlgy.com\/cdn\/shop\/files\/08BuildYourRegimen_e0a30e0d-2502-4ba5-8828-9d49af81c5f6.jpg?v=1781647398"],"featured_image":"\/\/www.drmtlgy.com\/cdn\/shop\/files\/Tingl_Exfoliating_Pads-01.jpg?v=1777067523","options":["Title"],"media":[{"alt":"temp","id":26521040781367,"position":1,"preview_image":{"aspect_ratio":1.0,"height":3000,"width":3000,"src":"\/\/www.drmtlgy.com\/cdn\/shop\/files\/Tingl_Exfoliating_Pads-01.jpg?v=1777067523"},"aspect_ratio":1.0,"height":3000,"media_type":"image","src":"\/\/www.drmtlgy.com\/cdn\/shop\/files\/Tingl_Exfoliating_Pads-01.jpg?v=1777067523","width":3000},{"alt":null,"id":26324696170551,"position":2,"preview_image":{"aspect_ratio":0.75,"height":1600,"width":1200,"src":"\/\/www.drmtlgy.com\/cdn\/shop\/files\/Tingl_Exfoliating_Pads_4a0e20f7-12eb-461f-b5fc-fc5cecd96529.png?v=1773171894"},"aspect_ratio":0.75,"height":1600,"media_type":"image","src":"\/\/www.drmtlgy.com\/cdn\/shop\/files\/Tingl_Exfoliating_Pads_4a0e20f7-12eb-461f-b5fc-fc5cecd96529.png?v=1773171894","width":1200},{"alt":"temp","id":26688691929143,"position":3,"preview_image":{"aspect_ratio":1.0,"height":2000,"width":2000,"src":"\/\/www.drmtlgy.com\/cdn\/shop\/files\/02WhatItIs_947b7a21-6cf1-4fce-a28f-e60006944f36.jpg?v=1781647398"},"aspect_ratio":1.0,"height":2000,"media_type":"image","src":"\/\/www.drmtlgy.com\/cdn\/shop\/files\/02WhatItIs_947b7a21-6cf1-4fce-a28f-e60006944f36.jpg?v=1781647398","width":2000},{"alt":"temp","id":46001901371447,"position":4,"preview_image":{"aspect_ratio":1.0,"height":2000,"width":2000,"src":"\/\/www.drmtlgy.com\/cdn\/shop\/files\/03_What_It_Solves_c945eebd-bf81-430c-8050-c79960505ded.jpg?v=1792009715"},"aspect_ratio":1.0,"height":2000,"media_type":"image","src":"\/\/www.drmtlgy.com\/cdn\/shop\/files\/03_What_It_Solves_c945eebd-bf81-430c-8050-c79960505ded.jpg?v=1792009715","width":2000},{"alt":"temp","id":26688691994679,"position":5,"preview_image":{"aspect_ratio":1.0,"height":2000,"width":2000,"src":"\/\/www.drmtlgy.com\/cdn\/shop\/files\/05HowtoUse_eca0fe95-43f2-4f29-8047-2e17c59c86df.jpg?v=1781647399"},"aspect_ratio":1.0,"height":2000,"media_type":"image","src":"\/\/www.drmtlgy.com\/cdn\/shop\/files\/05HowtoUse_eca0fe95-43f2-4f29-8047-2e17c59c86df.jpg?v=1781647399","width":2000},{"alt":"temp","id":26688692027447,"position":6,"preview_image":{"aspect_ratio":1.0,"height":2000,"width":2000,"src":"\/\/www.drmtlgy.com\/cdn\/shop\/files\/06SkincareTechnology_fc289b91-2e5e-4cb2-b43d-716491f112f8.jpg?v=1781647398"},"aspect_ratio":1.0,"height":2000,"media_type":"image","src":"\/\/www.drmtlgy.com\/cdn\/shop\/files\/06SkincareTechnology_fc289b91-2e5e-4cb2-b43d-716491f112f8.jpg?v=1781647398","width":2000},{"alt":"temp","id":26688692060215,"position":7,"preview_image":{"aspect_ratio":1.0,"height":2000,"width":2000,"src":"\/\/www.drmtlgy.com\/cdn\/shop\/files\/08BuildYourRegimen_e0a30e0d-2502-4ba5-8828-9d49af81c5f6.jpg?v=1781647398"},"aspect_ratio":1.0,"height":2000,"media_type":"image","src":"\/\/www.drmtlgy.com\/cdn\/shop\/files\/08BuildYourRegimen_e0a30e0d-2502-4ba5-8828-9d49af81c5f6.jpg?v=1781647398","width":2000}],"requires_selling_plan":false,"selling_plan_groups":[{"id":"caa89bb720796699b0ffe95dc05d32598b40de47","name":"25% OFF \/ 1,2,3 month *","options":[{"name":"25% OFF \/ 1,2,3 month *","position":1,"values":["Every Month","Every 2 Months","Every 3 Months"]}],"selling_plans":[{"id":2689400887,"name":"Every Month","description":null,"options":[{"name":"25% OFF \/ 1,2,3 month *","position":1,"value":"Every Month"}],"recurring_deliveries":true,"price_adjustments":[{"order_count":null,"position":1,"value_type":"percentage","value":25}],"checkout_charge":{"value_type":"percentage","value":100}},{"id":2689433655,"name":"Every 2 Months","description":null,"options":[{"name":"25% OFF \/ 1,2,3 month *","position":1,"value":"Every 2 Months"}],"recurring_deliveries":true,"price_adjustments":[{"order_count":null,"position":1,"value_type":"percentage","value":25}],"checkout_charge":{"value_type":"percentage","value":100}},{"id":2689466423,"name":"Every 3 Months","description":null,"options":[{"name":"25% OFF \/ 1,2,3 month *","position":1,"value":"Every 3 Months"}],"recurring_deliveries":true,"price_adjustments":[{"order_count":null,"position":1,"value_type":"percentage","value":25}],"checkout_charge":{"value_type":"percentage","value":100}}],"app_id":"5859381"}],"content":"\u003cp\u003eReach for TINGL® Exfoliating Pads to purify, tone, and exfoliate. These multi-tasking pads feature both BHAs (Beta Hydroxy Acids) and AHAs (Alpha Hydroxy Acids) for deep cleansing and surface renewal in a single swipe.\u003cbr\u003e\u003cbr\u003e\u003cstrong\u003eKey Facts\u003c\/strong\u003e\u003c\/p\u003e\n\u003cul\u003e\n\u003cli\u003e3-in-1 pads cleanse, tone, and exfoliate\u003c\/li\u003e\n\u003cli\u003eParaben-free, sulfate-free, and cruelty-free\u003c\/li\u003e\n\u003cli\u003eUse a sunscreen, wear protective clothing, and limit sun exposure while using this product and for a week afterwards.\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003cp\u003e\u003cstrong style=\"font-family: -apple-system, BlinkMacSystemFont, 'San Francisco', 'Segoe UI', Roboto, 'Helvetica Neue', sans-serif; font-size: 0.875rem;\"\u003e\u003cbr\u003eSkincare Technology\u003c\/strong\u003e\u003c\/p\u003e\n\u003cp\u003eSALICYLIC ACID 2%\u003cbr\u003eDeep-cleans pores and controls excess oils\u003c\/p\u003e\n\u003cp\u003eGLYCOLIC ACID 5%\u003cbr\u003eBrightens, retexturizes, and boosts radiance\u003c\/p\u003e\n\u003cp\u003eLACTIC ACID 5%\u003cbr\u003eGently exfoliates and evens skin tone\u003c\/p\u003e\n\u003cp\u003eFRUIT \u0026amp; BOTANICAL EXTRACTS\u003cbr\u003eBalances, refreshes, and soothes skin\u003c\/p\u003e\n\u003cp\u003e \u003c\/p\u003e"}],
!isSpecificThreshold ? '0.0' : 0.0,
true
);
});
"
class="hidden"
>
Are you shopping for the perfect gift for someone? Give them the secret to glowing, radiant skin with a DRMTLGY Digital Gift Card. Your loved ones will love you even more.
Are you shopping for the perfect gift for someone? Give them the secret to glowing, radiant skin with a DRMTLGY Digital Gift Card. Your loved ones will love you even more.
Delivered by email immediately after purchase.
Convenient and hassle-free shopping
Suitable for all occasions
{
abtest = $event.detail.abtest;
});"
x-data="{
show: false,
abtest: false,
isSubs: false,
price: null,
lastScrollTop: 0,
scrollThreshold: 100, // Minimum scroll position to show button
init() {
// Initialize price
this.price = `£22.40 GBP`;
this.initBehavior();
this.$watch('abtest', () => {
this.initBehavior();
});
const params = new URLSearchParams(window.location.search);
if (params.get('selling_plan') === 'subscription') {
this.isSubs = true;
}
},
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 params = new URLSearchParams(window.location.search);
if (params.get('selling_plan') === 'subscription') {
isSubs = true;
}
const priceString = '£22.40 GBP';
const currency = priceString.split(' ').pop();
price = `${Unick.formatMoney3($event.detail)} ${currency}`;
});"
@price-updated-reset.window="$nextTick(() => {
price = `£22.40 GBP`;
});"
@price-updated-custom.window="($event) => {
if(!isNaN(`${$event.detail}`)){
const priceString = '£22.40 GBP';
const currency = priceString.split(' ').pop();
price = `${Unick.formatMoney3($event.detail)} ${currency}`
} else {
price = $event.detail
}
}"
class="add-to-cart-footer p-3 bg-white text-black fixed bottom-0 w-full z-[70] shadow border-t">