{
isSpecificThreshold = $event.detail
}
"
@cart-total-updated.window="
$nextTick( async () => {
const cartData = await Unick.getCartData()
Unick.handleManyFreeGifts(
cartData,
[{"id":6548793163831,"title":"Crema hidratante de agua","handle":"water-creme-moisturizer","description":"\u003cp\u003e\u003cstrong\u003e¿LA PIEL GRASA REALMENTE NECESITA UNA HIDRATANTE?\u003c\/strong\u003e\u003c\/p\u003e\n\u003cp\u003e\u003c\/p\u003e\n\u003cp\u003e \u003cspan style=\"font-weight: 400;\" data-mce-fragment=\"1\" data-mce-style=\"font-weight: 400;\"\u003eUno de los mayores mitos en el cuidado de la piel es que la piel grasa no necesita crema hidratante. La piel grasa es causada por una cantidad excesiva de sebo (la sustancia aceitosa en la superficie de la piel), que es muy diferente a la hidratación. Las pieles grasas siempre deben utilizar cremas hidratantes oclusivas y ligeras\u003c\/span\u003e \u003cspan style=\"font-weight: 400;\" data-mce-fragment=\"1\" data-mce-style=\"font-weight: 400;\"\u003e, como esta\u003cmeta charset=\"utf-8\"\u003e \u003cspan data-mce-fragment=\"1\"\u003eagua cr\u003cmeta charset=\"UTF-8\"\u003e è\u003c\/span\u003e \u003cspan data-mce-fragment=\"1\"\u003eme Moisturizer, para retener la humedad y ayudar a regular el exceso de producción de grasa.\u003c\/span\u003e\u003c\/span\u003e\u003c\/p\u003e\n\u003cp\u003e\u003c\/p\u003e\n\u003cp\u003e\u003c\/p\u003e","published_at":"2022-02-17T16:37:57-08:00","created_at":"2021-04-05T09:34:58-07:00","vendor":"3.77 fl oz","type":"Cremas hidratantes","tags":["ab:20","daytime","drmtlgy","MOISTURIZER","nighttime","recommend|3","Shipper: Small Bag D-BM02","size: 3.77 fl oz","skin_type_badge|everyone","skin_type|combination","skin_type|everyone","skin_type|normal","skin_type|oily","skin_type|sensitive","Water Crème Moisturizer"],"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":39292869050423,"title":"Default Title","option1":"Default Title","option2":null,"option3":null,"sku":"3011","requires_shipping":true,"taxable":true,"featured_image":null,"available":true,"name":"Crema hidratante de agua","public_title":null,"options":["Default Title"],"price":5300,"weight":113,"compare_at_price":null,"inventory_quantity":5,"inventory_management":"shopify","inventory_policy":"deny","barcode":"850006649433","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":2689400887,"selling_plan_group_id":"caa89bb720796699b0ffe95dc05d32598b40de47"},{"price_adjustments":[{"position":1,"price":3975}],"price":3975,"compare_at_price":5300,"per_delivery_price":3975,"selling_plan_id":2689433655,"selling_plan_group_id":"caa89bb720796699b0ffe95dc05d32598b40de47"},{"price_adjustments":[{"position":1,"price":3975}],"price":3975,"compare_at_price":5300,"per_delivery_price":3975,"selling_plan_id":2689466423,"selling_plan_group_id":"caa89bb720796699b0ffe95dc05d32598b40de47"}],"quantity_rule":{"min":1,"max":null,"increment":1}}],"images":["\/\/www.drmtlgy.com\/cdn\/shop\/files\/imgi_212_Water_Creme_Moiturizercopy.png?v=1776887790","\/\/www.drmtlgy.com\/cdn\/shop\/files\/Water_Creme_Moiturizer.png?v=1773171998","\/\/www.drmtlgy.com\/cdn\/shop\/files\/02WhatItIs_ce68f692-6b35-4efe-999a-ee4e4e403f48.jpg?v=1781647721","\/\/www.drmtlgy.com\/cdn\/shop\/files\/03WhatItSolves_3c2dbd41-eb40-42a0-8a4d-a408616c3109.jpg?v=1781647721","\/\/www.drmtlgy.com\/cdn\/shop\/files\/05HowtoUse_447c724f-d28e-4bfe-a9c2-25ac24f865d1.jpg?v=1781647721","\/\/www.drmtlgy.com\/cdn\/shop\/files\/06SkincareTechnology_06699462-3ccf-4719-a33e-d50bd5085f22.jpg?v=1781647721","\/\/www.drmtlgy.com\/cdn\/shop\/files\/08BuildYourRegimen_2ad2ef89-7e0e-4278-b5e9-3a6ff7757b51.jpg?v=1781647721"],"featured_image":"\/\/www.drmtlgy.com\/cdn\/shop\/files\/imgi_212_Water_Creme_Moiturizercopy.png?v=1776887790","options":["Título"],"media":[{"alt":"temp","id":26501017010231,"position":1,"preview_image":{"aspect_ratio":1.0,"height":1200,"width":1200,"src":"\/\/www.drmtlgy.com\/cdn\/shop\/files\/imgi_212_Water_Creme_Moiturizercopy.png?v=1776887790"},"aspect_ratio":1.0,"height":1200,"media_type":"image","src":"\/\/www.drmtlgy.com\/cdn\/shop\/files\/imgi_212_Water_Creme_Moiturizercopy.png?v=1776887790","width":1200},{"alt":null,"id":26324698660919,"position":2,"preview_image":{"aspect_ratio":0.749,"height":1602,"width":1200,"src":"\/\/www.drmtlgy.com\/cdn\/shop\/files\/Water_Creme_Moiturizer.png?v=1773171998"},"aspect_ratio":0.749,"height":1602,"media_type":"image","src":"\/\/www.drmtlgy.com\/cdn\/shop\/files\/Water_Creme_Moiturizer.png?v=1773171998","width":1200},{"alt":"temp","id":26688706871351,"position":3,"preview_image":{"aspect_ratio":1.0,"height":2000,"width":2000,"src":"\/\/www.drmtlgy.com\/cdn\/shop\/files\/02WhatItIs_ce68f692-6b35-4efe-999a-ee4e4e403f48.jpg?v=1781647721"},"aspect_ratio":1.0,"height":2000,"media_type":"image","src":"\/\/www.drmtlgy.com\/cdn\/shop\/files\/02WhatItIs_ce68f692-6b35-4efe-999a-ee4e4e403f48.jpg?v=1781647721","width":2000},{"alt":"temp","id":26688706904119,"position":4,"preview_image":{"aspect_ratio":1.0,"height":2000,"width":2000,"src":"\/\/www.drmtlgy.com\/cdn\/shop\/files\/03WhatItSolves_3c2dbd41-eb40-42a0-8a4d-a408616c3109.jpg?v=1781647721"},"aspect_ratio":1.0,"height":2000,"media_type":"image","src":"\/\/www.drmtlgy.com\/cdn\/shop\/files\/03WhatItSolves_3c2dbd41-eb40-42a0-8a4d-a408616c3109.jpg?v=1781647721","width":2000},{"alt":"temp","id":26688706936887,"position":5,"preview_image":{"aspect_ratio":1.0,"height":2000,"width":2000,"src":"\/\/www.drmtlgy.com\/cdn\/shop\/files\/05HowtoUse_447c724f-d28e-4bfe-a9c2-25ac24f865d1.jpg?v=1781647721"},"aspect_ratio":1.0,"height":2000,"media_type":"image","src":"\/\/www.drmtlgy.com\/cdn\/shop\/files\/05HowtoUse_447c724f-d28e-4bfe-a9c2-25ac24f865d1.jpg?v=1781647721","width":2000},{"alt":"temp","id":26688706969655,"position":6,"preview_image":{"aspect_ratio":1.0,"height":2000,"width":2000,"src":"\/\/www.drmtlgy.com\/cdn\/shop\/files\/06SkincareTechnology_06699462-3ccf-4719-a33e-d50bd5085f22.jpg?v=1781647721"},"aspect_ratio":1.0,"height":2000,"media_type":"image","src":"\/\/www.drmtlgy.com\/cdn\/shop\/files\/06SkincareTechnology_06699462-3ccf-4719-a33e-d50bd5085f22.jpg?v=1781647721","width":2000},{"alt":"temp","id":26688707002423,"position":7,"preview_image":{"aspect_ratio":1.0,"height":2000,"width":2000,"src":"\/\/www.drmtlgy.com\/cdn\/shop\/files\/08BuildYourRegimen_2ad2ef89-7e0e-4278-b5e9-3a6ff7757b51.jpg?v=1781647721"},"aspect_ratio":1.0,"height":2000,"media_type":"image","src":"\/\/www.drmtlgy.com\/cdn\/shop\/files\/08BuildYourRegimen_2ad2ef89-7e0e-4278-b5e9-3a6ff7757b51.jpg?v=1781647721","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\u003e\u003cstrong\u003e¿LA PIEL GRASA REALMENTE NECESITA UNA HIDRATANTE?\u003c\/strong\u003e\u003c\/p\u003e\n\u003cp\u003e\u003c\/p\u003e\n\u003cp\u003e \u003cspan style=\"font-weight: 400;\" data-mce-fragment=\"1\" data-mce-style=\"font-weight: 400;\"\u003eUno de los mayores mitos en el cuidado de la piel es que la piel grasa no necesita crema hidratante. La piel grasa es causada por una cantidad excesiva de sebo (la sustancia aceitosa en la superficie de la piel), que es muy diferente a la hidratación. Las pieles grasas siempre deben utilizar cremas hidratantes oclusivas y ligeras\u003c\/span\u003e \u003cspan style=\"font-weight: 400;\" data-mce-fragment=\"1\" data-mce-style=\"font-weight: 400;\"\u003e, como esta\u003cmeta charset=\"utf-8\"\u003e \u003cspan data-mce-fragment=\"1\"\u003eagua cr\u003cmeta charset=\"UTF-8\"\u003e è\u003c\/span\u003e \u003cspan data-mce-fragment=\"1\"\u003eme Moisturizer, para retener la humedad y ayudar a regular el exceso de producción de grasa.\u003c\/span\u003e\u003c\/span\u003e\u003c\/p\u003e\n\u003cp\u003e\u003c\/p\u003e\n\u003cp\u003e\u003c\/p\u003e"}],
!isSpecificThreshold ? '10575.0' : 0.0,
true
);
});
"
class="hidden"
>
This duo gives daily radiant protection for your face and visible renewal for your body. Combining two of our best sellers, Retinol Body Lotion helps smooth rough texture and improve the look of sun-damaged, crepey skin over time. Universal Tinted Moisturizer SPF 46 delivers daily broad-spectrum protection while hydrating, evening tone, and leaving skin with a radiant, dewy finish. Together, they help protect, refine, and maintain smoother, more even-looking skin all over.
Protects against UVA/UVB damage
Nourishes and hydrates dull, dry skin
Visibly improves firmness and elasticity
Reduces the appearance of sun damage and dark spots
This duo gives daily radiant protection for your face and visible renewal for your body. Combining two of our best se...
This duo gives daily radiant protection for your face and visible renewal for your body. Combining two of our best sellers, Retinol Body Lotion helps smooth rough texture and improve the look of sun-damaged, crepey skin over time. Universal Tinted Moisturizer SPF 46 delivers daily broad-spectrum protection while hydrating, evening tone, and leaving skin with a radiant, dewy finish. Together, they help protect, refine, and maintain smoother, more even-looking skin all over.
Protects against UVA/UVB damage
Nourishes and hydrates dull, dry skin
Visibly improves firmness and elasticity
Reduces the appearance of sun damage and dark spots
This duo gives daily radiant protection for your face and visible renewal for your body. Combining two of our best se...
{
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 = `$71.00 CAD`;
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 = '$71.00 CAD';
const currency = priceString.split(' ').pop();
price = `${Unick.formatMoney3($event.detail)} ${currency}`;
});"
@price-updated-reset.window="$nextTick(() => {
price = `$71.00 CAD`;
});"
@price-updated-custom.window="($event) => {
if(!isNaN(`${$event.detail}`)){
const priceString = '$71.00 CAD';
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">
As we age, skin on both the face and body becomes more vulnerable to sun damage, uneven tone, and visible texture changes. This daily duo helps address those concerns with targeted body renewal and essential daily facial protection.
Retinol Body Lotion is formulated to restore the look of youthful skin. Retinol targets the appearance of crepiness, texture, and sun damage to deliver brighter, firmer-looking skin.
Universal Tinted Moisturizer SPF 46 is a sheer, lightweight, hybrid sunscreen that instantly hydrates, evens tone, and protects with broad-spectrum SPF 46. Blends seamlessly for a healthy, dewy finish.
100% of dermatologists say it leaves skin feeling moisturized*
95% of dermatologists agree it delivers non-greasy, fast-absorbing protection*
95% of dermatologists say SPF 46 offers the sun protection skin needs*
*Based on a perception survey conducted by DRMTLGY with 20 board-certified dermatologists.
Ingredients designed for your skin.
Directions
Apply half a teaspoon of Universal Tinted Moisturizer SPF 46 over face in the morning and reapply every 2 hours.
Apply Retinol Body Lotion to targeted areas or all over the body once daily in the evening.