{
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\u003e\u003cb\u003eAll-In-One Treatment\u003c\/b\u003e\u003cbr\u003e\u003cspan\u003eThese pads are a face cleaner, toner, and exfoliator all-in-one. So whether you are eliminating a single blemish, facial acne, or preventing a breakout from occurring, you can avoid buying multiple products and get all the benefits in one.\u003c\/span\u003e\u003cbr\u003e\u003cbr\u003e\u003cb\u003eAmazing Ingredients\u003c\/b\u003e\u003cbr\u003e\u003cspan\u003eGet the best of both worlds with Alpha Hydroxy Acids (AHAs) and Beta Hydroxy Acid (BHAs) in one product. These pads are made in the USA, are paraben free, sulfate free, cruelty free, contain naturally derived ingredients, and are free of all the bad stuff!\u003c\/span\u003e\u003cbr\u003e\u003cbr\u003e\u003c\/p\u003e\n\u003cstyle\u003e\u003c!--\n.tb_button {padding:1px;cursor:pointer;border-right: 1px solid #8b8b8b;border-left: 1px solid #FFF;border-bottom: 1px solid #fff;}.tb_button.hover {borer:2px outset #def; background-color: #f8f8f8 !important;}.ws_toolbar {z-index:100000} .ws_toolbar .ws_tb_btn {cursor:pointer;border:1px solid #555;padding:3px} .tb_highlight{background-color:yellow} .tb_hide {visibility:hidden} .ws_toolbar img {padding:2px;margin:0px}\n--\u003e\u003c\/style\u003e","published_at":"2024-06-12T16:00:42-07:00","created_at":"2018-07-10T10:54:20-07:00","vendor":"60 Pads","type":"","tags":["claim|animal","claim|derm","claim|fragrance_free","claim|gluten_free","claim|paraben_free","claim|sulfate_free","daytime","discount:25","drmtlgy","flag: 25% 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","subscription-label: HOLIDAY SALE","tingl by DRMTLGY","TONER"],"price":5300,"price_min":5300,"price_max":5300,"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":5300,"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":3975}],"price":3975,"compare_at_price":5300,"per_delivery_price":3975,"selling_plan_id":1495990327,"selling_plan_group_id":"d1c31b7d875f371afdda85ee0906e6c15aee403a"},{"price_adjustments":[{"position":1,"price":3975}],"price":3975,"compare_at_price":5300,"per_delivery_price":3975,"selling_plan_id":1496023095,"selling_plan_group_id":"d1c31b7d875f371afdda85ee0906e6c15aee403a"},{"price_adjustments":[{"position":1,"price":3975}],"price":3975,"compare_at_price":5300,"per_delivery_price":3975,"selling_plan_id":1496055863,"selling_plan_group_id":"d1c31b7d875f371afdda85ee0906e6c15aee403a"}],"quantity_rule":{"min":1,"max":null,"increment":1}}],"images":["\/\/www.drmtlgy.com\/cdn\/shop\/files\/TINGL-ROSEGOLD-FINAL.png?v=1759439386","\/\/www.drmtlgy.com\/cdn\/shop\/products\/tingl-texture.png?v=1660593821","\/\/www.drmtlgy.com\/cdn\/shop\/files\/benefit-02_1_da8f2472-1bc8-4c74-84fb-44a04889b5c5.jpg?v=1753312599","\/\/www.drmtlgy.com\/cdn\/shop\/files\/tingl-lifestyle-1.png?v=1753306400","\/\/www.drmtlgy.com\/cdn\/shop\/files\/1_84caa675-a11c-4908-bdf6-fcde164bea72.jpg?v=1753306400","\/\/www.drmtlgy.com\/cdn\/shop\/products\/tingl-lifestyle-2.png?v=1753306400","\/\/www.drmtlgy.com\/cdn\/shop\/files\/PDP-Layering-Guide-5_21_25.jpg?v=1754399592"],"featured_image":"\/\/www.drmtlgy.com\/cdn\/shop\/files\/TINGL-ROSEGOLD-FINAL.png?v=1759439386","options":["Title"],"media":[{"alt":null,"id":24542878466103,"position":1,"preview_image":{"aspect_ratio":0.75,"height":1600,"width":1200,"src":"\/\/www.drmtlgy.com\/cdn\/shop\/files\/TINGL-ROSEGOLD-FINAL.png?v=1759439386"},"aspect_ratio":0.75,"height":1600,"media_type":"image","src":"\/\/www.drmtlgy.com\/cdn\/shop\/files\/TINGL-ROSEGOLD-FINAL.png?v=1759439386","width":1200},{"alt":null,"id":21659829862455,"position":2,"preview_image":{"aspect_ratio":0.75,"height":1600,"width":1200,"src":"\/\/www.drmtlgy.com\/cdn\/shop\/products\/tingl-texture.png?v=1660593821"},"aspect_ratio":0.75,"height":1600,"media_type":"image","src":"\/\/www.drmtlgy.com\/cdn\/shop\/products\/tingl-texture.png?v=1660593821","width":1200},{"alt":null,"id":25451668013111,"position":3,"preview_image":{"aspect_ratio":0.75,"height":2133,"width":1600,"src":"\/\/www.drmtlgy.com\/cdn\/shop\/files\/benefit-02_1_da8f2472-1bc8-4c74-84fb-44a04889b5c5.jpg?v=1753312599"},"aspect_ratio":0.75,"height":2133,"media_type":"image","src":"\/\/www.drmtlgy.com\/cdn\/shop\/files\/benefit-02_1_da8f2472-1bc8-4c74-84fb-44a04889b5c5.jpg?v=1753312599","width":1600},{"alt":null,"id":24056380162103,"position":4,"preview_image":{"aspect_ratio":0.75,"height":1600,"width":1200,"src":"\/\/www.drmtlgy.com\/cdn\/shop\/files\/tingl-lifestyle-1.png?v=1753306400"},"aspect_ratio":0.75,"height":1600,"media_type":"image","src":"\/\/www.drmtlgy.com\/cdn\/shop\/files\/tingl-lifestyle-1.png?v=1753306400","width":1200},{"alt":null,"id":22615192535095,"position":5,"preview_image":{"aspect_ratio":0.75,"height":1600,"width":1200,"src":"\/\/www.drmtlgy.com\/cdn\/shop\/files\/1_84caa675-a11c-4908-bdf6-fcde164bea72.jpg?v=1753306400"},"aspect_ratio":0.75,"height":1600,"media_type":"image","src":"\/\/www.drmtlgy.com\/cdn\/shop\/files\/1_84caa675-a11c-4908-bdf6-fcde164bea72.jpg?v=1753306400","width":1200},{"alt":null,"id":21659829829687,"position":6,"preview_image":{"aspect_ratio":0.75,"height":1600,"width":1200,"src":"\/\/www.drmtlgy.com\/cdn\/shop\/products\/tingl-lifestyle-2.png?v=1753306400"},"aspect_ratio":0.75,"height":1600,"media_type":"image","src":"\/\/www.drmtlgy.com\/cdn\/shop\/products\/tingl-lifestyle-2.png?v=1753306400","width":1200},{"alt":null,"id":24590529200183,"position":7,"preview_image":{"aspect_ratio":0.8,"height":1350,"width":1080,"src":"\/\/www.drmtlgy.com\/cdn\/shop\/files\/preview_images\/1e542d0dc5a44ce5bc062c8310817d9b.thumbnail.0000000000.jpg?v=1730232119"},"aspect_ratio":0.8,"duration":18130,"media_type":"video","sources":[{"format":"mp4","height":480,"mime_type":"video\/mp4","url":"\/\/www.drmtlgy.com\/cdn\/shop\/videos\/c\/vp\/1e542d0dc5a44ce5bc062c8310817d9b\/1e542d0dc5a44ce5bc062c8310817d9b.SD-480p-1.5Mbps-37306869.mp4?v=0","width":384},{"format":"mp4","height":1080,"mime_type":"video\/mp4","url":"\/\/www.drmtlgy.com\/cdn\/shop\/videos\/c\/vp\/1e542d0dc5a44ce5bc062c8310817d9b\/1e542d0dc5a44ce5bc062c8310817d9b.HD-1080p-7.2Mbps-37306869.mp4?v=0","width":864},{"format":"mp4","height":720,"mime_type":"video\/mp4","url":"\/\/www.drmtlgy.com\/cdn\/shop\/videos\/c\/vp\/1e542d0dc5a44ce5bc062c8310817d9b\/1e542d0dc5a44ce5bc062c8310817d9b.HD-720p-4.5Mbps-37306869.mp4?v=0","width":576},{"format":"m3u8","height":1080,"mime_type":"application\/x-mpegURL","url":"\/\/www.drmtlgy.com\/cdn\/shop\/videos\/c\/vp\/1e542d0dc5a44ce5bc062c8310817d9b\/1e542d0dc5a44ce5bc062c8310817d9b.m3u8?v=0","width":864}]},{"alt":null,"id":25125852250167,"position":8,"preview_image":{"aspect_ratio":0.75,"height":2400,"width":1800,"src":"\/\/www.drmtlgy.com\/cdn\/shop\/files\/PDP-Layering-Guide-5_21_25.jpg?v=1754399592"},"aspect_ratio":0.75,"height":2400,"media_type":"image","src":"\/\/www.drmtlgy.com\/cdn\/shop\/files\/PDP-Layering-Guide-5_21_25.jpg?v=1754399592","width":1800}],"requires_selling_plan":false,"selling_plan_groups":[{"id":"d1c31b7d875f371afdda85ee0906e6c15aee403a","name":"Subscription","options":[{"name":"Subscription","position":1,"values":["Every 1 Month","Every 2 Months","Every 3 Months"]}],"selling_plans":[{"id":1495990327,"name":"Every 1 Month","description":null,"options":[{"name":"Subscription","position":1,"value":"Every 1 Month"}],"recurring_deliveries":true,"price_adjustments":[{"order_count":null,"position":1,"value_type":"percentage","value":25}],"checkout_charge":{"value_type":"percentage","value":100}},{"id":1496023095,"name":"Every 2 Months","description":null,"options":[{"name":"Subscription","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":1496055863,"name":"Every 3 Months","description":null,"options":[{"name":"Subscription","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":"SKIO"}],"content":"\u003cp\u003e\u003cb\u003eAll-In-One Treatment\u003c\/b\u003e\u003cbr\u003e\u003cspan\u003eThese pads are a face cleaner, toner, and exfoliator all-in-one. So whether you are eliminating a single blemish, facial acne, or preventing a breakout from occurring, you can avoid buying multiple products and get all the benefits in one.\u003c\/span\u003e\u003cbr\u003e\u003cbr\u003e\u003cb\u003eAmazing Ingredients\u003c\/b\u003e\u003cbr\u003e\u003cspan\u003eGet the best of both worlds with Alpha Hydroxy Acids (AHAs) and Beta Hydroxy Acid (BHAs) in one product. These pads are made in the USA, are paraben free, sulfate free, cruelty free, contain naturally derived ingredients, and are free of all the bad stuff!\u003c\/span\u003e\u003cbr\u003e\u003cbr\u003e\u003c\/p\u003e\n\u003cstyle\u003e\u003c!--\n.tb_button {padding:1px;cursor:pointer;border-right: 1px solid #8b8b8b;border-left: 1px solid #FFF;border-bottom: 1px solid #fff;}.tb_button.hover {borer:2px outset #def; background-color: #f8f8f8 !important;}.ws_toolbar {z-index:100000} .ws_toolbar .ws_tb_btn {cursor:pointer;border:1px solid #555;padding:3px} .tb_highlight{background-color:yellow} .tb_hide {visibility:hidden} .ws_toolbar img {padding:2px;margin:0px}\n--\u003e\u003c\/style\u003e"}],
!isSpecificThreshold ? '8905.0' : 0.0,
false
);
});
"
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,
price: null,
lastScrollTop: 0,
scrollThreshold: 100, // Minimum scroll position to show button
init() {
// Initialize price
this.price = `$34.43 CAD`;
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 = '$34.43 CAD';
const currency = priceString.split(' ').pop();
price = `${Unick.formatMoney3($event.detail)} ${currency}`;
});"
@price-updated-reset.window="$nextTick(() => {
price = `$34.43 CAD`;
});"
@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">