Original page content
Become a
Wildling Affiliate
Become a
Wildling Affiliate
.DP--template--17379066380527__design_pack_richtext_CYbE9G { margin-top: 0px; margin-bottom: 0px;}.DP--template--17379066380527__design_pack_richtext_CYbE9G .dsgn-pck__background { background: rgb(245, 240, 229);}.DP--template--17379066380527__design_pack_richtext_CYbE9G .dsgn-pck__background-image { position: absolute; object-fit: cover; top: 0; left: 0; width: 100%; height: 100%; z-index: -1;}.DP--template--17379066380527__design_pack_richtext_CYbE9G .dsgn-pck__sizer { margin: auto; width: 90%; max-width: 600px; padding-top: 55px; padding-bottom: 20px;}.DP--template--17379066380527__design_pack_richtext_CYbE9G .dsgn-pck__content { display: flex; justify-content: center; align-items: center;}.DP--template--17379066380527__design_pack_richtext_CYbE9G .dsgn-pck__inner-content { z-index: 2; width: 100%; margin: auto;}.DP--template--17379066380527__design_pack_richtext_CYbE9G .dsgn-pck__block .dsgn-pck__small-heading { font-size: calc(var(--dp-g-small-heading-size, var(--dp-small-heading-size, 24px)) * 1.0);}.DP--template--17379066380527__design_pack_richtext_CYbE9G .dsgn-pck__rte p,.DP--template--17379066380527__design_pack_richtext_CYbE9G .dsgn-pck__rte ul { line-height: var(--dp-g-body-line-height, var(--dp-body-line-height, calc(3px + 2.5ex + 3px))); color: #121212; font-size: calc(var(--dp-g-body-size, var(--dp-body-size, 18px)) * 1.0);}.DP--template--17379066380527__design_pack_richtext_CYbE9G .dsgn-pck__small-text p,.DP--template--17379066380527__design_pack_richtext_CYbE9G .dsgn-pck__small-text ul { font-size: calc(var(--dp-g-body-size, var(--dp-body-size, 18px)) * 0.8);}.DP--template--17379066380527__design_pack_richtext_CYbE9G .dsgn-pck__rte ul { display: table; margin: 0 auto; text-align: left; }.DP--template--17379066380527__design_pack_richtext_CYbE9G .dsgn-pck__block { color: #121212;}.DP--template--17379066380527__design_pack_richtext_CYbE9G .dsgn-pck__block + .dsgn-pck__block { margin-top: 15px;}/* Animation */.DP--template--17379066380527__design_pack_richtext_CYbE9G [style*="--dsgn-pck-animate"] { opacity: 1; }/* Landscape phones and down */@media (max-width: 480px) { .DP--template--17379066380527__design_pack_richtext_CYbE9G { margin-top: 0px; margin-bottom: 0px; } .DP--template--17379066380527__design_pack_richtext_CYbE9G .dsgn-pck__sizer { padding-top: 41px; padding-bottom: 15px; } .DP--template--17379066380527__design_pack_richtext_CYbE9G .dsgn-pck__inner-content { max-width: min(400px, 100%); }} .DP--template--17379066380527__design_pack_richtext_CYbE9G .dsgn-pck__block-id-text_yNCPNJ .dsgn-pck__text * {color: ;} We partner with people who share our passion for skin wellness.
#shopify-section-template--17379066380527__design_pack_richtext_CYbE9G .DP--template--17379066380527__design_pack_richtext_CYbE9G .dsgn-pck__block-id-spacer_9Db3PX, #shopify-section-template--17379066380527__design_pack_richtext_CYbE9G .DP--template--17379066380527__design_pack_richtext_CYbE9G .dsgn-pck__block-id-spacer_9Db3PX + .dsgn-pck__block { margin-top: 0; } .dsgn-pck__block-id-spacer_9Db3PX .dsgn-pck__spacer { height: 30px; display: block !important; } @media (max-width: 480px) { .dsgn-pck__block-id-spacer_9Db3PX .dsgn-pck__spacer { height: 23px; } }
{
"id": "template--17379066380527__design_pack_richtext_CYbE9G",
"section_width": null,
"animation": "none"
}
(function(){
const designPack = {
settings: {},
animateSection: function(entries, observer){
// Target the first entry available.
let observedSection = entries[0];
if (observedSection.isIntersecting) {
observedSection.target.classList.add('dsgn-pck__animation-applied');
}
},
enableSliderBlock: function(section){
const sliderBlocks = section.querySelectorAll(`.dsgn-pck__slider-block`);
sliderBlocks.forEach(elem => {
designPack.flkty = new Flickity( elem, {
cellAlign: 'left',
contain: true,
wrapAround: true,
adaptiveHeight: true,
imagesLoaded: true,
prevNextButtons: JSON.parse(getComputedStyle(elem).getPropertyValue('--show-arrows')),
autoPlay: JSON.parse(getComputedStyle(elem).getPropertyValue('--autoplay')),
fade: JSON.parse(getComputedStyle(elem).getPropertyValue('--slider-animation')),
pageDots: JSON.parse(getComputedStyle(elem).getPropertyValue('--page-dots')),
draggable: JSON.parse(getComputedStyle(elem).getPropertyValue('--draggable')),
freeScrollFriction: JSON.parse(getComputedStyle(elem).getPropertyValue('--free-scroll-friction')),
selectedAttraction: JSON.parse(getComputedStyle(elem).getPropertyValue('--selected-attraction')),
friction: JSON.parse(getComputedStyle(elem).getPropertyValue('--friction')),
dragThreshold: JSON.parse(getComputedStyle(elem).getPropertyValue('--drag-threshold'))
});
});
},
enableComparisonSliderBlock(block) {
let isClicked = false;
const fullImage = block;
const image = block.querySelector('.dsgn-pck__comparison__overlay');
const slider = block.querySelector('.dsgn-pck__comparison__slider');
const width = fullImage.offsetWidth;
const height = fullImage.offsetHeight;
function compare() {
slider.style.top = `${height / 2 - slider.offsetHeight / 2}px`;
slider.style.left = `${width / 2 - slider.offsetWidth / 2}px`;
image.style.width = '50%';
slider.addEventListener('mousedown', () => isClicked = true);
slider.addEventListener('touchstart', () => isClicked = true);
section.addEventListener('mouseup', () => isClicked = false);
section.addEventListener('touchend', () => isClicked = false);
section.addEventListener('mousemove', onSlideMove);
section.addEventListener('touchmove', onSlideMove);
}
function onSlideMove(event) {
if (!isClicked) return;
doSlide(currentPosition(event));
}
function currentPosition(event) {
let pageX = (event.touches ? event.touches[0].pageX : event.pageX);
const xImage = image.getBoundingClientRect();
let x = Math.max(0, Math.min(pageX - xImage.left, width));
return x;
}
function doSlide(x) {
image.style.width = `${x}px`;
slider.style.left = `${x - slider.offsetWidth / 2}px`;
}
compare();
},
initializeAndEnableClock(section) {
const clockSelector = '.dsgn-pck__clock';
const startDate = section.querySelector('[data-timer-start]').dataset.timerStart;
const endDate = section.querySelector('[data-timer-end]').dataset.timerEnd;
const resetDaily = section.querySelector('[data-timer-reset-daily]').dataset.timerResetDaily === "true"; // Ensure it's a boolean
const timezone = section.querySelector('[data-timer-timezone]').dataset.timerTimezone; // Assuming timezone is in a similar dataset
const startMs = Date.parse(startDate);
const endMs = Date.parse(endDate);
// Function to extract UTC offset from timezone string (e.g., "-05:00 ~ (GMT-05:00) Eastern Time (US & Canada)")
function getTimezoneOffset(timezone) {
const offsetMatch = timezone.match(/([-+]\d{2}):(\d{2})/);
if (offsetMatch) {
const hoursOffset = parseInt(offsetMatch[1], 10);
const minutesOffset = parseInt(offsetMatch[2], 10);
return hoursOffset * 60 + (hoursOffset {
playToggle.classList.remove('dsgn-pck__playing');
});
},
enableAudioPlayer: function(block) {
const playButton = block.querySelector('.dsgn-pck__play-audio');
const percentageBar = block.querySelector('.dsgn-pck__percentage');
const seekObj = block.querySelector('.dsgn-pck__seek');
const currentTimeDisplay = block.querySelector('.dsgn-pck__current-time');
const totalDurationDisplay = block.querySelector('.dsgn-pck__total-duration');
const audio = block.querySelector('audio');
function togglePlay() {
if (audio.paused) {
audio.play();
playButton.classList.add('pause');
} else {
audio.pause();
playButton.classList.remove('pause');
}
}
function calculatePercentPlayed() {
const percentage = (audio.currentTime / audio.duration) * 100;
percentageBar.style.width = `${percentage}%`;
}
function formatTime(seconds) {
const hours = Math.floor(seconds / 3600);
const minutes = Math.floor((seconds % 3600) / 60);
const secs = Math.floor(seconds % 60);
return hours > 0
? `${hours}:${minutes {
if (totalDurationDisplay) {
totalDurationDisplay.innerHTML = formatTime(audio.duration);
}
});
playButton.addEventListener('click', togglePlay);
seekObj.addEventListener('click', seek);
audio.addEventListener('timeupdate', initProgressBar);
audio.addEventListener('ended', () => {
percentageBar.style.width = '0';
currentTimeDisplay.innerHTML = '00:00';
});
},
load: function(section){
if (this.settings.animation !== 'none'){
const options = {
root: null,
rootMargin: '0px',
threshold: [0, 0.25, 0.5, 0.75, 1]
};
// Construct Intersection Observer.
const observer = new IntersectionObserver( this.animateSection, options );
// Observe if element is present.
if (section) {
observer.observe(section);
}
}
const countdownTimer = section.querySelector('.dsgn-pck__clock');
if (typeof countdownTimer !== 'undefined' && countdownTimer !== null){
designPack.initializeAndEnableClock(section);
//@TODO rename all these functions to enableCountdownTimerBlock
}
const sliderBlock = section.querySelector('.dsgn-pck__slider-block');
if (typeof sliderBlock !== 'undefined' && sliderBlock !== null){
designPack.enableSliderBlock(section);
}
const comparisonSliderBlocks = section.querySelectorAll('.dsgn-pck__comparison-slider-block');
comparisonSliderBlocks.forEach(comparisonSliderBlock => {
designPack.enableComparisonSliderBlock(comparisonSliderBlock);
});
const playToggles = section.querySelectorAll(`[data-play-trigger]`);
playToggles.forEach((playToggle) => {
playToggle.addEventListener('click', (e) => {
this.toggleVideo(e.target)
});
});
const audioElements = section.querySelectorAll('.dsgn-pck__audio-player');
audioElements.forEach(audioBlock => {
designPack.enableAudioPlayer(audioBlock);
});
},
unload: function(section){
section.classList.remove('dsgn-pck__animation-applied')
}
}
window.addEventListener('shopify:section:unload', function (e) {
const settings = document.querySelector(`[data-dsgn-pck="${e.detail.sectionId}"]`);
const sectionId = e.detail.sectionId;
const section = document.querySelector(`#DP--${e.detail.sectionId}`);
if (sectionId == designPack.settings.id){
designPack.unload(section);
}
});
designPack.settings = JSON.parse(document.querySelector('[data-dsgn-pck="template--17379066380527__design_pack_richtext_CYbE9G"]').innerHTML);
const sectionId = "template--17379066380527__design_pack_richtext_CYbE9G";
const section = document.querySelector(`#DP--${sectionId}`);
designPack.load(section);
}
})()
.section-template--17379066380527__3b41f4a6-b004-42e0-be32-a1ead3b1c9eb-padding {
padding-top: 30px;
padding-bottom: 30px;
}
@media screen and (min-width: 750px) {
padding-top: 60px;
padding-bottom: 60px;
}
}
Apply Here
We’d love to have you join our community. Apply here.
Sign Up
Accept the Terms
Once your submission has been approved, sign into your account and accept the terms.
Share the Love
Post your affiliate link on your blog and social media channels.
Start Earning
Every time a purchase is made on your link, you'll earn up to 10% commission.
CREATE A PRACTICE OF SELF-LOVING BEAUTY
JOIN US
Earn up to 10% commission on each sale
Exclusive education & first look at new products
Preferred partner with Skimlinks
30 day cookie window
Sign Up
.section-template--17379066380527__aba9e8f3-5425-4d59-9250-a7358dcd4e21-padding {
padding-top: 0px;
padding-bottom: 0px;
}
padding-top: 0px;
padding-bottom: 0px;
}
}
Instagram
Include a referral link in your bio, post your Wildling ritual, show before and after photos.
TikTok
Show clips of your gua
sha ritual and share your discount code.
YouTube
Post a video or review
of our products, include your unique link.
Pinterest
Share an image, connect it to your link to shop.
Journal
Share a blog post, include your link, use banner ads that link to your account.