unimation.media Ads.txt file
<!DOCTYPE html>
<html lang="en-us">
<head>
<!-- Required Meta Tags Always Come First -->
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<!-- Title -->
<title>Unimation Media</title>
<meta property="og:title" content="Unimation Media">
<meta property="og:description" content="Delivering realistic multi-cultural 3D animations in various colors, shapes and sizes at an affordable price!">
<meta property="og:image" content="https://unimation.media/media/6w46lnmx/6r0bXr87/brand/cover/1711930790_cropped.png">
<meta property="og:url" content="https://unimation.media/Unimation.Media">
<meta name="twitter:title" content="Unimation Media">
<meta name="twitter:description" content="Delivering realistic multi-cultural 3D animations in various colors, shapes and sizes at an affordable price!">
<meta name="twitter:image" content="https://unimation.media/media/6w46lnmx/6r0bXr87/brand/cover/1711930790_cropped.png">
<meta name="twitter:card" content="summary_large_image">
<meta itemprop="image" content="https://unimation.media/media/6w46lnmx/6r0bXr87/brand/cover/1711930790_cropped.png">
<!-- Favicon -->
<link rel="shortcut icon" href="/media/6w46lnmx/6r0bXr87/brand/logo/1711931116_thumbnail.png">
<!-- Font -->
<link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;600&display=swap" rel="stylesheet">
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.11.3/font/bootstrap-icons.css">
<link rel="stylesheet" href="/static/CACHE/css/output.c31bbe98ed67.css" type="text/css">
<link rel="stylesheet" href="/static/app/assets/vendor/hs-mega-menu/dist/hs-mega-menu.min.css">
<link rel="stylesheet" href="/static/app/assets/vendor/noty/css/noty.min.css">
<!-- CSS Front Template -->
<link rel="preload" href="/static/app/assets/css/dist/theme-brand.min.css" data-hs-appearance="default" as="style">
<style type="text/css" data-hs-appearance-onload-styles>*{transition:unset!important}body{opacity:0}.sweet-alert,.sweet-overlay{position:fixed;display:none}.sweet-alert h2,.sweet-alert p{padding:0;position:relative;text-align:center}body.stop-scrolling{height:100%;overflow:hidden}.sweet-overlay{background-color:rgba(0,0,0,.4);left:0;right:0;top:0;bottom:0;z-index:10000}.sweet-alert{background-color:#fff;font-family:'Open Sans','Helvetica Neue',Helvetica,Arial,sans-serif;width:478px;padding:17px;border-radius:5px;text-align:center;left:50%;top:50%;margin-left:-256px;margin-top:-200px;overflow:hidden;z-index:99999}@media all and (max-width:540px){.sweet-alert{width:auto;margin-left:0;margin-right:0;left:15px;right:15px}}.sweet-alert h2{color:#575757;font-size:30px;font-weight:600;text-transform:none;margin:25px 0;line-height:40px;display:block}.sweet-alert p{color:#797979;font-size:16px;font-weight:300;text-align:inherit;float:none;margin:0;line-height:normal}.sweet-alert fieldset{border:none;position:relative}.sweet-alert .sa-error-container{background-color:#f1f1f1;margin-left:-17px;margin-right:-17px;overflow:hidden;padding:0 10px;max-height:0;webkit-transition:padding 0.15s,max-height 0.15s;transition:padding .15s,max-height .15s}.sweet-alert .sa-error-container.show{padding:10px 0;max-height:100px;webkit-transition:padding 0.2s,max-height 0.2s;transition:padding .25s,max-height .25s}.sweet-alert .sa-error-container .icon{display:inline-block;width:24px;height:24px;border-radius:50%;background-color:#ea7d7d;color:#fff;line-height:24px;text-align:center;margin-right:3px}.sweet-alert .sa-error-container p{display:inline-block}.sweet-alert .sa-input-error{position:absolute;top:29px;right:26px;width:20px;height:20px;opacity:0;-webkit-transform:scale(.5);transform:scale(.5);-webkit-transform-origin:50% 50%;transform-origin:50% 50%;-webkit-transition:.1s;transition:.1s}.sweet-alert .sa-input-error::after,.sweet-alert .sa-input-error::before{content:"";width:20px;height:6px;background-color:#f06e57;border-radius:3px;position:absolute;top:50%;margin-top:-4px;left:50%;margin-left:-9px}.sweet-alert .sa-input-error::before{-webkit-transform:rotate(-45deg);transform:rotate(-45deg)}.sweet-alert .sa-input-error::after{-webkit-transform:rotate(45deg);transform:rotate(45deg)}.sweet-alert .sa-input-error.show{opacity:1;-webkit-transform:scale(1);transform:scale(1)}.sweet-alert input{width:100%;box-sizing:border-box;border-radius:3px;border:1px solid #d7d7d7;height:43px;margin-top:10px;margin-bottom:17px;font-size:18px;box-shadow:inset 0 1px 1px rgba(0,0,0,.06);padding:0 12px;display:none;-webkit-transition:.3s;transition:.3s}.sweet-alert input:focus{outline:0;box-shadow:0 0 3px #c4e6f5;border:1px solid #b4dbed}.sweet-alert input:focus::-moz-placeholder{transition:opacity .3s 30ms;opacity:.5}.sweet-alert input:focus:-ms-input-placeholder{transition:opacity .3s 30ms;opacity:.5}.sweet-alert input:focus::-webkit-input-placeholder{transition:opacity .3s 30ms;opacity:.5}.sweet-alert input::-moz-placeholder{color:#bdbdbd}.sweet-alert input::-ms-clear{display:none}.sweet-alert input:-ms-input-placeholder{color:#bdbdbd}.sweet-alert input::-webkit-input-placeholder{color:#bdbdbd}.sweet-alert.show-input input{display:block}.sweet-alert .sa-confirm-button-container{display:inline-block;position:relative}.sweet-alert .la-ball-fall{position:absolute;left:50%;top:50%;margin-left:-27px;margin-top:4px;opacity:0;visibility:hidden}.sweet-alert button{background-color:#8cd4f5;color:#fff;border:none;box-shadow:none;font-size:17px;font-weight:500;-webkit-border-radius:4px;border-radius:5px;padding:10px 32px;margin:26px 5px 0;cursor:pointer}.sweet-alert button:focus{outline:0;box-shadow:0 0 2px rgba(128,179,235,.5),inset 0 0 0 1px rgba(0,0,0,.05)}.sweet-alert button:hover{background-color:#7ecff4}.sweet-alert button:active{background-color:#5dc2f1}.sweet-alert button.cancel{background-color:#c1c1c1}.sweet-alert button.cancel:hover{background-color:#b9b9b9}.sweet-alert button.cancel:active{background-color:#a8a8a8}.sweet-alert button.cancel:focus{box-shadow:rgba(197,205,211,.8) 0 0 2px,rgba(0,0,0,.0470588) 0 0 0 1px inset!important}.sweet-alert button[disabled]{opacity:.6;cursor:default}.sweet-alert button.confirm[disabled]{color:transparent}.sweet-alert button.confirm[disabled]~.la-ball-fall{opacity:1;visibility:visible;transition-delay:0s}.sweet-alert button::-moz-focus-inner{border:0}.sweet-alert[data-has-cancel-button=false] button{box-shadow:none!important}.sweet-alert[data-has-confirm-button=false][data-has-cancel-button=false]{padding-bottom:40px}.sweet-alert .sa-icon{width:80px;height:80px;border:4px solid gray;-webkit-border-radius:40px;border-radius:50%;margin:20px auto;padding:0;position:relative;box-sizing:content-box}.sweet-alert .sa-icon.sa-error{border-color:#f27474}.sweet-alert .sa-icon.sa-error .sa-x-mark{position:relative;display:block}.sweet-alert .sa-icon.sa-error .sa-line{position:absolute;height:5px;width:47px;background-color:#f27474;display:block;top:37px;border-radius:2px}.sweet-alert .sa-icon.sa-error .sa-line.sa-left{-webkit-transform:rotate(45deg);transform:rotate(45deg);left:17px}.sweet-alert .sa-icon.sa-error .sa-line.sa-right{-webkit-transform:rotate(-45deg);transform:rotate(-45deg);right:16px}.sweet-alert .sa-icon.sa-warning{border-color:#f8bb86}.sweet-alert .sa-icon.sa-warning .sa-body{position:absolute;width:5px;height:47px;left:50%;top:10px;-webkit-border-radius:2px;border-radius:2px;margin-left:-2px;background-color:#f8bb86}.sweet-alert .sa-icon.sa-warning .sa-dot{position:absolute;width:7px;height:7px;-webkit-border-radius:50%;border-radius:50%;margin-left:-3px;left:50%;bottom:10px;background-color:#f8bb86}.sweet-alert .sa-icon.sa-info{border-color:#c9dae1}.sweet-alert .sa-icon.sa-info::before{content:"";position:absolute;width:5px;height:29px;left:50%;bottom:17px;border-radius:2px;margin-left:-2px;background-color:#c9dae1}.sweet-alert .sa-icon.sa-info::after{content:"";position:absolute;width:7px;height:7px;border-radius:50%;margin-left:-3px;top:19px;background-color:#c9dae1;left:50%}.sweet-alert .sa-icon.sa-success{border-color:#a5dc86}.sweet-alert .sa-icon.sa-success::after,.sweet-alert .sa-icon.sa-success::before{content:'';-webkit-border-radius:40px;position:absolute;width:60px;height:120px;background:#fff}.sweet-alert .sa-icon.sa-success::before{-webkit-border-radius:120px 0 0 120px;border-radius:120px 0 0 120px;top:-7px;left:-33px;-webkit-transform:rotate(-45deg);transform:rotate(-45deg);-webkit-transform-origin:60px 60px;transform-origin:60px 60px}.sweet-alert .sa-icon.sa-success::after{-webkit-border-radius:0 120px 120px 0;border-radius:0 120px 120px 0;top:-11px;left:30px;-webkit-transform:rotate(-45deg);transform:rotate(-45deg);-webkit-transform-origin:0px 60px;transform-origin:0px 60px}.sweet-alert .sa-icon.sa-success .sa-placeholder{width:80px;height:80px;border:4px solid rgba(165,220,134,.2);-webkit-border-radius:40px;border-radius:50%;box-sizing:content-box;position:absolute;left:-4px;top:-4px;z-index:2}.sweet-alert .sa-icon.sa-success .sa-fix{width:5px;height:90px;background-color:#fff;position:absolute;left:28px;top:8px;z-index:1;-webkit-transform:rotate(-45deg);transform:rotate(-45deg)}.sweet-alert .sa-icon.sa-success .sa-line{height:5px;background-color:#a5dc86;display:block;border-radius:2px;position:absolute;z-index:2}.sweet-alert .sa-icon.sa-success .sa-line.sa-tip{width:25px;left:14px;top:46px;-webkit-transform:rotate(45deg);transform:rotate(45deg)}.sweet-alert .sa-icon.sa-success .sa-line.sa-long{width:47px;right:8px;top:38px;-webkit-transform:rotate(-45deg);transform:rotate(-45deg)}.sweet-alert .sa-icon.sa-custom{background-size:contain;border-radius:0;border:none;background-position:center center;background-repeat:no-repeat}@-webkit-keyframes showSweetAlert{0%{transform:scale(.7);-webkit-transform:scale(.7)}45%{transform:scale(1.05);-webkit-transform:scale(1.05)}80%{transform:scale(.95);-webkit-transform:scale(.95)}100%{transform:scale(1);-webkit-transform:scale(1)}}@keyframes showSweetAlert{0%{transform:scale(.7);-webkit-transform:scale(.7)}45%{transform:scale(1.05);-webkit-transform:scale(1.05)}80%{transform:scale(.95);-webkit-transform:scale(.95)}100%{transform:scale(1);-webkit-transform:scale(1)}}@-webkit-keyframes hideSweetAlert{0%{transform:scale(1);-webkit-transform:scale(1)}100%{transform:scale(.5);-webkit-transform:scale(.5)}}@keyframes hideSweetAlert{0%{transform:scale(1);-webkit-transform:scale(1)}100%{transform:scale(.5);-webkit-transform:scale(.5)}}@-webkit-keyframes slideFromTop{0%{top:0}100%{top:50%}}@keyframes slideFromTop{0%{top:0}100%{top:50%}}@-webkit-keyframes slideToTop{0%{top:50%}100%{top:0}}@keyframes slideToTop{0%{top:50%}100%{top:0}}@-webkit-keyframes slideFromBottom{0%{top:70%}100%{top:50%}}@keyframes slideFromBottom{0%{top:70%}100%{top:50%}}@-webkit-keyframes slideToBottom{0%{top:50%}100%{top:70%}}@keyframes slideToBottom{0%{top:50%}100%{top:70%}}.showSweetAlert[data-animation=pop]{-webkit-animation:.3s showSweetAlert;animation:.3s showSweetAlert}.hideSweetAlert[data-animation=none],.showSweetAlert[data-animation=none]{-webkit-animation:none;animation:none}.showSweetAlert[data-animation=slide-from-top]{-webkit-animation:.3s slideFromTop;animation:.3s slideFromTop}.showSweetAlert[data-animation=slide-from-bottom]{-webkit-animation:.3s slideFromBottom;animation:.3s slideFromBottom}.hideSweetAlert[data-animation=pop]{-webkit-animation:.2s hideSweetAlert;animation:.2s hideSweetAlert}.hideSweetAlert[data-animation=slide-from-top]{-webkit-animation:.4s slideToTop;animation:.4s slideToTop}.hideSweetAlert[data-animation=slide-from-bottom]{-webkit-animation:.3s slideToBottom;animation:.3s slideToBottom}@-webkit-keyframes animateSuccessTip{0%,54%{width:0;left:1px;top:19px}70%{width:50px;left:-8px;top:37px}84%{width:17px;left:21px;top:48px}100%{width:25px;left:14px;top:45px}}@keyframes animateSuccessTip{0%,54%{width:0;left:1px;top:19px}70%{width:50px;left:-8px;top:37px}84%{width:17px;left:21px;top:48px}100%{width:25px;left:14px;top:45px}}@-webkit-keyframes animateSuccessLong{0%,65%{width:0;right:46px;top:54px}84%{width:55px;right:0;top:35px}100%{width:47px;right:8px;top:38px}}@keyframes animateSuccessLong{0%,65%{width:0;right:46px;top:54px}84%{width:55px;right:0;top:35px}100%{width:47px;right:8px;top:38px}}@-webkit-keyframes rotatePlaceholder{0%,5%{transform:rotate(-45deg);-webkit-transform:rotate(-45deg)}100%,12%{transform:rotate(-405deg);-webkit-transform:rotate(-405deg)}}@keyframes rotatePlaceholder{0%,5%{transform:rotate(-45deg);-webkit-transform:rotate(-45deg)}100%,12%{transform:rotate(-405deg);-webkit-transform:rotate(-405deg)}}.animateSuccessTip{-webkit-animation:.75s animateSuccessTip;animation:.75s animateSuccessTip}.animateSuccessLong{-webkit-animation:.75s animateSuccessLong;animation:.75s animateSuccessLong}.sa-icon.sa-success.animate::after{-webkit-animation:4.25s ease-in rotatePlaceholder;animation:4.25s ease-in rotatePlaceholder}@-webkit-keyframes animateErrorIcon{0%{transform:rotateX(100deg);-webkit-transform:rotateX(100deg);opacity:0}100%{transform:rotateX(0);-webkit-transform:rotateX(0);opacity:1}}@keyframes animateErrorIcon{0%{transform:rotateX(100deg);-webkit-transform:rotateX(100deg);opacity:0}100%{transform:rotateX(0);-webkit-transform:rotateX(0);opacity:1}}.animateErrorIcon{-webkit-animation:.5s animateErrorIcon;animation:.5s animateErrorIcon}@-webkit-keyframes animateXMark{0%,50%{transform:scale(.4);-webkit-transform:scale(.4);margin-top:26px;opacity:0}80%{transform:scale(1.15);-webkit-transform:scale(1.15);margin-top:-6px}100%{transform:scale(1);-webkit-transform:scale(1);margin-top:0;opacity:1}}@keyframes animateXMark{0%,50%{transform:scale(.4);-webkit-transform:scale(.4);margin-top:26px;opacity:0}80%{transform:scale(1.15);-webkit-transform:scale(1.15);margin-top:-6px}100%{transform:scale(1);-webkit-transform:scale(1);margin-top:0;opacity:1}}.animateXMark{-webkit-animation:.5s animateXMark;animation:.5s animateXMark}@-webkit-keyframes pulseWarning{0%{border-color:#f8d486}100%{border-color:#f8bb86}}@keyframes pulseWarning{0%{border-color:#f8d486}100%{border-color:#f8bb86}}.pulseWarning{-webkit-animation:.75s infinite alternate pulseWarning;animation:.75s infinite alternate pulseWarning}@-webkit-keyframes pulseWarningIns{0%{background-color:#f8d486}100%{background-color:#f8bb86}}@keyframes pulseWarningIns{0%{background-color:#f8d486}100%{background-color:#f8bb86}}.pulseWarningIns{-webkit-animation:.75s infinite alternate pulseWarningIns;animation:.75s infinite alternate pulseWarningIns}@-webkit-keyframes rotate-loading{0%{transform:rotate(0)}100%{transform:rotate(360deg)}}@keyframes rotate-loading{0%{transform:rotate(0)}100%{transform:rotate(360deg)}}/*!
* Load Awesome v1.1.0 (http://github.danielcardoso.net/load-awesome/)
* Copyright 2015 Daniel Cardoso <@DanielCardoso>
* Licensed under MIT
*/.la-ball-fall,.la-ball-fall>div{position:relative;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.la-ball-fall{display:block;font-size:0;color:#fff;width:54px;height:18px}.la-ball-fall.la-dark{color:#333}.la-ball-fall>div{display:inline-block;float:none;background-color:currentColor;border:0 solid currentColor;width:10px;height:10px;margin:4px;border-radius:100%;opacity:0;-webkit-animation:1s ease-in-out infinite ball-fall;-moz-animation:1s ease-in-out infinite ball-fall;-o-animation:1s ease-in-out infinite ball-fall;animation:1s ease-in-out infinite ball-fall}.la-ball-fall>div:first-child{-webkit-animation-delay:-.2s;-moz-animation-delay:-.2s;-o-animation-delay:-.2s;animation-delay:-.2s}.la-ball-fall>div:nth-child(2){-webkit-animation-delay:-.1s;-moz-animation-delay:-.1s;-o-animation-delay:-.1s;animation-delay:-.1s}.la-ball-fall>div:nth-child(3){-webkit-animation-delay:0s;-moz-animation-delay:0s;-o-animation-delay:0s;animation-delay:0s}.la-ball-fall.la-sm{width:26px;height:8px}.la-ball-fall.la-sm>div{width:4px;height:4px;margin:2px}.la-ball-fall.la-2x{width:108px;height:36px}.la-ball-fall.la-2x>div{width:20px;height:20px;margin:8px}.la-ball-fall.la-3x{width:162px;height:54px}.la-ball-fall.la-3x>div{width:30px;height:30px;margin:12px}@-webkit-keyframes ball-fall{0%{opacity:0;-webkit-transform:translateY(-145%);transform:translateY(-145%)}10%,90%{opacity:.5}20%,80%{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}100%{opacity:0;-webkit-transform:translateY(145%);transform:translateY(145%)}}@-moz-keyframes ball-fall{0%{opacity:0;-moz-transform:translateY(-145%);transform:translateY(-145%)}10%,90%{opacity:.5}20%,80%{opacity:1;-moz-transform:translateY(0);transform:translateY(0)}100%{opacity:0;-moz-transform:translateY(145%);transform:translateY(145%)}}@-o-keyframes ball-fall{0%{opacity:0;-o-transform:translateY(-145%);transform:translateY(-145%)}10%,90%{opacity:.5}20%,80%{opacity:1;-o-transform:translateY(0);transform:translateY(0)}100%{opacity:0;-o-transform:translateY(145%);transform:translateY(145%)}}@keyframes ball-fall{0%{opacity:0;-webkit-transform:translateY(-145%);-moz-transform:translateY(-145%);-o-transform:translateY(-145%);transform:translateY(-145%)}10%,90%{opacity:.5}20%,80%{opacity:1;-webkit-transform:translateY(0);-moz-transform:translateY(0);-o-transform:translateY(0);transform:translateY(0)}100%{opacity:0;-webkit-transform:translateY(145%);-moz-transform:translateY(145%);-o-transform:translateY(145%);transform:translateY(145%)}}</style>
<script>var body = document.getElementsByTagName('body')[0];window.hs_config={themeAppearance:{layoutSkin:"default"}};</script>
<script>
function setCookie(cname, cvalue, exdays) {
const d = new Date();
d.setTime(d.getTime() + (exdays * 24 * 60 * 60 * 1000));
let expires = "expires="+d.toUTCString();
document.cookie = cname + "=" + cvalue + ";" + expires + ";path=/;SameSite=None;Secure";
}
function getCookie(cname) {
let name = cname + "=";
let ca = document.cookie.split(';');
for(let i = 0; i < ca.length; i++) {
let c = ca[i];
while (c.charAt(0) == ' ') {
c = c.substring(1);
}
if (c.indexOf(name) == 0) {
return c.substring(name.length, c.length);
}
}
return "";
}
function padZero(number) {
return ('0' + String(number)).slice(-2);
}
function hexToRgb(hex) {
return hex.replace(/^#?([a-f\d])([a-f\d])([a-f\d])$/i, (m, r, g, b) => '#' + r + r + g + g + b + b).substring(1).match(/.{2}/g).map(x => parseInt(x, 16));
}
function autoGrow(element) {
element.style.height = 0;
element.style.height = (element.scrollHeight + 2).toString() + 'px';
}
function show_noty(text, type, timeout, layout) {
noty({
theme: 'app-noty',
text: text,
type: type,
timeout: timeout,
layout: layout,
closeWith: ['button', 'click'],
animation: {
open: 'noty-animation fadeIn',
close: 'noty-animation fadeOut'
}
});
}
function loadCartCount() {
let cart_count = document.querySelector('span#cart_count'),
mobile_cart_shortcut = document.getElementById('mobile_cart_shortcut'),
load_cart_count_url = document.querySelector('input[type="hidden"][name="load_cart_count_url"]').value;
fetch(load_cart_count_url)
.then((response) => response.text())
.then((data) => {
cart_count.innerHTML = data;
if (data == 0) {
cart_count.classList.add('d-none');
if (mobile_cart_shortcut) {
mobile_cart_shortcut.parentElement.classList.add('d-none');
mobile_cart_shortcut.parentElement.classList.remove('d-inline');
}
}
else {
cart_count.classList.remove('d-none');
if (mobile_cart_shortcut) {
mobile_cart_shortcut.parentElement.classList.add('d-inline');
mobile_cart_shortcut.parentElement.classList.remove('d-none');
}
}
})
.catch(error => console.log(error));
}
function loadCart(preserve_cart_items = false) {
let cart_dropdown = document.querySelector('nav#store_navbar div#cart_dropdown'),
content = cart_dropdown.querySelector('div.content'),
spinner = cart_dropdown.querySelector('div.spinner'),
check_out_button = cart_dropdown.querySelector('button.check-out'),
load_cart_url = document.querySelector('input[type="hidden"][name="load_cart_url"]').value;
if (!preserve_cart_items) {
check_out_button.classList.add('d-none');
spinner.classList.remove('d-none');
content.classList.add('d-none');
}
fetch(load_cart_url)
.then((response) => response.text())
.then((data) => {
spinner.classList.add('d-none');
$(content).html(data);
content.classList.remove('d-none');
if (content.querySelector('div.nothing-here')) {
check_out_button.classList.add('d-none');
}
else if (content.querySelector('div.cart-item')) {
check_out_button.classList.remove('d-none');
}
cart_dropdown.querySelectorAll('div').forEach(el => el.style.opacity = '1.0');
check_out_button.style.opacity = '1.0';
})
.catch(error => console.log(error));
loadCartCount();
}
function construct_custom_fields() {
let return_string = '';
document.querySelectorAll('.custom-field').forEach((el) => {
if (el.tagName == 'INPUT' && el.type == 'text' && el.value) {
return_string += '&' + el.name + '=' + encodeURIComponent(el.value);
} else if (el.tagName == 'INPUT' && el.type == 'checkbox') {
return_string += '&' + el.name + '=' + ((el.checked)?'true':'false');
} else if (el.tagName == 'SELECT') {
return_string += '&' + el.name + '=' + encodeURIComponent(el.value);
}
});
return return_string;
}
function appendCustomFields(baseUrl) {
const customFields = construct_custom_fields();
if (!customFields) return baseUrl;
const separator = baseUrl.includes('?') ? '' : '?';
const cleanFields = customFields.startsWith('&') ? customFields.substring(1) : customFields;
return baseUrl + separator + cleanFields;
}
function validateCustomFields() {
const fields = document.querySelectorAll('.custom-field');
let firstInvalidField = null;
fields.forEach(field => {
if (!field.checkValidity()) {
field.reportValidity();
if (!firstInvalidField) {
firstInvalidField = field;
}
}
});
if (firstInvalidField) {
firstInvalidField.focus();
return false;
}
return true;
}
// Theme handling
window.addEventListener('message', function(event) {
if (event.data.type === 'updateTheme') {
const selectedTheme = event.data.theme;
// Preload the new theme CSS
if (selectedTheme) {
const existingThemeLink = document.getElementById('theme-css');
const newThemeLink = document.createElement('link');
newThemeLink.rel = 'stylesheet';
newThemeLink.href = '/static/app/assets/css/themes/' + selectedTheme + '.css';
newThemeLink.id = 'theme-css';
// Only remove old theme after new one is loaded
newThemeLink.onload = function() {
// Remove old theme link
if (existingThemeLink) {
existingThemeLink.remove();
}
// Set data-theme attribute
if (selectedTheme) {
document.documentElement.setAttribute('data-theme', selectedTheme);
} else {
document.documentElement.removeAttribute('data-theme');
}
// Show body
document.body.style.opacity = '1';
};
// Add the new theme link to start loading it
document.head.appendChild(newThemeLink);
}
else {
const existingThemeLink = document.getElementById('theme-css');
if (existingThemeLink) {
existingThemeLink.remove();
}
}
}
});
</script>
<!-- Theme CSS files -->
</head>
<body>
<script src="/static/CACHE/js/output.e0a31c6bd9d1.js"></script>
<!-- ========== HEADER ========== -->
<header id="header" class="navbar navbar-expand-lg navbar-fixed navbar-height navbar-container navbar-end bg-white">
<div class="js-mega-menu navbar-nav-wrap">
<!-- Logo -->
<div class="navbar-brand-wrapper">
<a class="navbar-brand" href="/">
<img class="navbar-brand-logo custom" src="/media/6w46lnmx/6r0bXr87/brand/logo/1711931116_thumbnail.png" data-hs-theme-appearance="default">
<span id="brand_name" class="ms-3 fs-4 fw-semibold">Unimation Media</span>
</a>
</div>
<!-- End Logo -->
<!-- Toggle -->
<div class="ms-auto">
<button type="button" class="navbar-toggler" data-bs-toggle="collapse" data-bs-target="#store_navbar" aria-label="Toggle navigation" aria-expanded="false" aria-controls="store_navbar">
<span class="navbar-toggler-default">
<i class="bi-list"></i>
</span>
<span class="navbar-toggler-toggled">
<i class="bi-x"></i>
</span>
</button>
<!-- End Toggle -->
</div>
<nav class="navbar-nav-wrap-col collapse navbar-collapse" id="store_navbar">
<!-- Navbar -->
<ul class="navbar-nav">
<li class="hs-has-sub-menu nav-item d-sm-inline-block overflow-visible">
<!-- Cart -->
<button type="button" class="hs-mega-menu-invoker btn btn-ghost-secondary cart-button btn-icon rounded-circle" id="cartDropdown" data-bs-toggle="dropdown" aria-expanded="false" data-bs-dropdown-animation>
<i class="bi-cart pe-none"></i>
</button>
<div id="cart_dropdown" class="hs-sub-menu dropdown-menu">
<div class="content"></div>
<div class="d-flex justify-content-center">
<div class="spinner-border text-secondary opacity-25 spinner d-none" role="status">
<span class="visually-hidden">Loading...</span>
</div>
</div>
<button type="button" class="btn btn-success w-100 check-out d-none">
Check out<i class="bi-arrow-right-circle ms-2"></i>
</button>
</div>
<!-- End Cart -->
<span id="cart_count" class="btn-status btn-status-primary text-white pt-1 d-none" style="padding-top: .2em !important;"></span>
</li>
</ul>
<!-- End Navbar -->
</nav>
</div>
</header>
<!-- ========== END HEADER ========== -->
<!-- ========== MAIN CONTENT ========== -->
<input type="hidden" name="cart_url" value="/cart">
<input type="hidden" name="load_cart_url" value="/cart/load">
<input type="hidden" name="load_cart_count_url" value="/cart/load/count">
<main id="content" role="main" class="main not-iframe">
<div id="featured_carousel" class="carousel carousel-dark slide mb-6" data-bs-ride="carousel">
<button class="btn btn-ghost-dark brand-carousel-control brand-carousel-control-prev zi-999" type="button" data-bs-target="#featured_carousel" data-bs-slide="prev">
<i class="bi-chevron-left"></i>
</button>
<div class="carousel-inner">
<div class="carousel-item active">
<a href="/p/zed-the-dancing-zebra">
<img src="/media/6w46lnmx/6r0bXr87/products/794gGJ4y/images/1711991435_9.jpg" loading="lazy" class="w-100 img-fluid product-img-fit">
<div class="product-title-featured">
<p class="h2">
Zed the Dancing Zebra
</p>
<p class="h3">
$15.00
</span>
</p>
</div>
</a>
</div>
<div class="carousel-item">
<a href="/p/dancing-shark-man">
<img src="/media/6w46lnmx/6r0bXr87/products/x78pbw03/images/1712007047_30.jpg" loading="lazy" class="w-100 img-fluid product-img-fit">
<div class="product-title-featured">
<p class="h2">
Dancing Shark Man
</p>
<p class="h3">
$15.00
</span>
</p>
</div>
</a>
</div>
<div class="carousel-item">
<a href="/p/peter-the-pig">
<img src="/media/6w46lnmx/6r0bXr87/products/6v8Oq902/images/1711991887_14.jpeg" loading="lazy" class="w-100 img-fluid product-img-fit">
<div class="product-title-featured">
<p class="h2">
Peter the Pig
</p>
<p class="h3">
$15.00
</span>
</p>
</div>
</a>
</div>
<div class="carousel-item">
<a href="/p/dancing-hippo">
<img src="/media/6w46lnmx/6r0bXr87/products/R54wxP0y/images/1712003913_15_-_1280x720_px.jpeg" loading="lazy" class="w-100 img-fluid product-img-fit">
<div class="product-title-featured">
<p class="h2">
Dancing Hippo
</p>
<p class="h3">
$15.00
</span>
</p>
</div>
</a>
</div>
<div class="carousel-item">
<a href="/p/the-family-personal-trainers">
<img src="/media/6w46lnmx/6r0bXr87/products/RE0ken8A/images/1712007280_31_-_1280x720_px.jpeg" loading="lazy" class="w-100 img-fluid product-img-fit">
<div class="product-title-featured">
<p class="h2">
The Family Personal Trainers
</p>
<p class="h3">
$27.00
</span>
</p>
</div>
</a>
</div>
<div class="carousel-item">
<a href="/p/dancing-chewy">
<img src="/media/6w46lnmx/6r0bXr87/products/ZPmvpv4J/images/1711990364_3_-__1280x720_px.jpeg" loading="lazy" class="w-100 img-fluid product-img-fit">
<div class="product-title-featured">
<p class="h2">
Dancing Chewy
</p>
<p class="h3">
$15.00
</span>
</p>
</div>
</a>
</div>
<div class="carousel-item">
<a href="/p/thunder-the-dancing-cat">
<img src="/media/6w46lnmx/6r0bXr87/products/dD8njA8n/images/1712006937_29.jpg" loading="lazy" class="w-100 img-fluid product-img-fit">
<div class="product-title-featured">
<p class="h2">
Thunder the Dancing Cat
</p>
<p class="h3">
$15.00
</span>
</p>
</div>
</a>
</div>
</div>
<button class="btn btn-ghost-secondary brand-carousel-control brand-carousel-control-next zi-999" type="button" data-bs-target="#featured_carousel" data-bs-slide="next">
<i class="bi-chevron-right"></i>
</button>
</div>
<!-- Content -->
<div class="content container-fluid">
<div class="row justify-content-center">
<div class="col-xl-11">
<div id="cover_section" class="mb-8 d-none">
<!-- Profile Cover -->
<div class="profile-cover bg-soft-secondary p-4">
<div class="profile-cover-img-wrapper">
<img id="profileCoverImg" class="profile-cover-img" src="/media/6w46lnmx/6r0bXr87/brand/cover/1711930790_cropped.png">
</div>
</div>
<!-- End Profile Cover -->
<!-- Profile Header -->
<div class="mt-2">
<!-- Avatar -->
<div class="avatar avatar-xxl avatar-circle profile-cover-avatar">
<img class="avatar-img" src="/media/6w46lnmx/6r0bXr87/brand/logo/1711931116_thumbnail.png">
</div>
<!-- End Avatar -->
<h1 class="page-header-title text-center">Unimation Media <i class="bi-patch-check-fill fs-2 text-primary"></i></h1>
</div>
<!-- End Profile Header -->
</div>
<div class="row catalog mb-4">
<div class="col-md-3 mb-6">
<a href="/p/teddy-bear-dance-pack">
<div class="product-item">
<img src="/media/6w46lnmx/6r0bXr87/products/oq8lkMme/images/1712005711_18.jpg" loading="lazy" class="w-100 img-fluid img-fit">
<div class="product-details">
<p class="product-title">Teddy Bear Dance Pack</p>
<span class="product-price">
$15.00</span>
</span>
</div>
</div>
</a>
</div>
<div class="col-md-3 mb-6">
<a href="/p/colbi-the-dancing-dog">
<div class="product-item">
<img src="/media/6w46lnmx/6r0bXr87/products/dM8qdAme/images/1711990838_5_-_1280x720_px.jpeg" loading="lazy" class="w-100 img-fluid img-fit">
<div class="product-details">
<p class="product-title">Colbi the Dancing Dog</p>
<span class="product-price">
$15.00</span>
</span>
</div>
</div>
</a>
</div>
<div class="col-md-3 mb-6">
<a href="/p/dancing-giraffe">
<div class="product-item">
<img src="/media/6w46lnmx/6r0bXr87/products/6b8PPJ8Y/images/1711991747_Dancing-Giraffe.jpg" loading="lazy" class="w-100 img-fluid img-fit">
<div class="product-details">
<p class="product-title">Dancing Giraffe: 10 Choreographed Dance Videos</p>
<span class="product-price">
$15.00</span>
</span>
</div>
</div>
</a>
</div>
<div class="col-md-3 mb-6">
<a href="/p/professional-4k-3d-avatar-brenda">
<div class="product-item">
<img src="/media/6w46lnmx/6r0bXr87/products/NL0zy74n/images/1712005902_22.jpg" loading="lazy" class="w-100 img-fluid img-fit">
<div class="product-details">
<p class="product-title">Professional 4K 3D Avatar Brenda</p>
<span class="product-price">
$27.00</span>
</span>
</div>
</div>
</a>
</div>
<div class="col-md-3 mb-6">
<a href="/p/gorilla-dance-pack">
<div class="product-item">
<img src="/media/6w46lnmx/6r0bXr87/products/wV077G0G/images/1712006372_27_-_1280x720_px.jpeg" loading="lazy" class="w-100 img-fluid img-fit">
<div class="product-details">
<p class="product-title">Gorilla Dance Pack</p>
<span class="product-price">
$15.00</span>
</span>
</div>
</div>
</a>
</div>
<div class="col-md-3 mb-6">
<a href="/p/dancing-hippo">
<div class="product-item">
<img src="/media/6w46lnmx/6r0bXr87/products/R54wxP0y/images/1712003913_15_-_1280x720_px.jpeg" loading="lazy" class="w-100 img-fluid img-fit">
<i class="bi-star-fill text-yellow position-absolute shadow" style="top: 0.3em; left: 0.4em;"></i>
<div class="product-details">
<p class="product-title">Dancing Hippo</p>
<span class="product-price">
$15.00</span>
</span>
</div>
</div>
</a>
</div>
<div class="col-md-3 mb-6">
<a href="/p/multicultural-pack">
<div class="product-item">
<img src="/media/6w46lnmx/6r0bXr87/products/lJ8Wly4A/images/1712007448_32_-_1280x720_px.jpeg" loading="lazy" class="w-100 img-fluid img-fit">
<div class="product-details">
<p class="product-title">Multicultural Pack</p>
<span class="product-price">
$67.00</span>
</span>
</div>
</div>
</a>
</div>
<div class="col-md-3 mb-6">
<a href="/p/dancing-gecko">
<div class="product-item">
<img src="/media/6w46lnmx/6r0bXr87/products/Nv4X9v0K/images/1711991336_8.jpg" loading="lazy" class="w-100 img-fluid img-fit">
<div class="product-details">
<p class="product-title">Dancing Gecko</p>
<span class="product-price">
$15.00</span>
</span>
</div>
</div>
</a>
</div>
<div class="col-md-3 mb-6">
<a href="/p/zed-the-dancing-zebra">
<div class="product-item">
<img src="/media/6w46lnmx/6r0bXr87/products/794gGJ4y/images/1711991435_9.jpg" loading="lazy" class="w-100 img-fluid img-fit">
<i class="bi-star-fill text-yellow position-absolute shadow" style="top: 0.3em; left: 0.4em;"></i>
<div class="product-details">
<p class="product-title">Zed the Dancing Zebra</p>
<span class="product-price">
$15.00</span>
</span>
</div>
</div>
</a>
</div>
<div class="col-md-3 mb-6">
<a href="/p/fitness-avatar-derek">
<div class="product-item">
<img src="/media/6w46lnmx/6r0bXr87/products/VkmZ960B/images/1712005750_19.jpg" loading="lazy" class="w-100 img-fluid img-fit">
<div class="product-details">
<p class="product-title">Fitness Avatar Derek</p>
<span class="product-price">
$15.00</span>
</span>
</div>
</div>
</a>
</div>
<div class="col-md-3 mb-6">
<a href="/p/the-family-personal-trainers">
<div class="product-item">
<img src="/media/6w46lnmx/6r0bXr87/products/RE0ken8A/images/1712007280_31_-_1280x720_px.jpeg" loading="lazy" class="w-100 img-fluid img-fit">
<i class="bi-star-fill text-yellow position-absolute shadow" style="top: 0.3em; left: 0.4em;"></i>
<div class="product-details">
<p class="product-title">The Family Personal Trainers</p>
<span class="product-price">
$27.00</span>
</span>
</div>
</div>
</a>
</div>
<div class="col-md-3 mb-6">
<a href="/p/thunder-the-dancing-cat">
<div class="product-item">
<img src="/media/6w46lnmx/6r0bXr87/products/dD8njA8n/images/1712006937_29.jpg" loading="lazy" class="w-100 img-fluid img-fit">
<i class="bi-star-fill text-yellow position-absolute shadow" style="top: 0.3em; left: 0.4em;"></i>
<div class="product-details">
<p class="product-title">Thunder the Dancing Cat</p>
<span class="product-price">
$15.00</span>
</span>
</div>
</div>
</a>
</div>
<div class="col-md-3 mb-6">
<a href="/p/professional-4k-3d-avatar-bao">
<div class="product-item">
<img src="/media/6w46lnmx/6r0bXr87/products/d78Nq5my/images/1712005838_20_-_1280x720_px.jpeg" loading="lazy" class="w-100 img-fluid img-fit">
<div class="product-details">
<p class="product-title">Professional 4K 3D Avatar Bao</p>
<span class="product-price">
$27.00</span>
</span>
</div>
</div>
</a>
</div>
<div class="col-md-3 mb-6">
<a href="/p/peter-the-pig">
<div class="product-item">
<img src="/media/6w46lnmx/6r0bXr87/products/6v8Oq902/images/1711991887_14.jpeg" loading="lazy" class="w-100 img-fluid img-fit">
<i class="bi-star-fill text-yellow position-absolute shadow" style="top: 0.3em; left: 0.4em;"></i>
<div class="product-details">
<p class="product-title">Peter the Pig</p>
<span class="product-price">
$15.00</span>
</span>
</div>
</div>
</a>
</div>
<div class="col-md-3 mb-6">
<a href="/p/orangey-dancing-robot">
<div class="product-item">
<img src="/media/6w46lnmx/6r0bXr87/products/KO4Rqn8L/images/1711991681_11_-_1280x720_px.jpeg" loading="lazy" class="w-100 img-fluid img-fit">
<div class="product-details">
<p class="product-title">Orangey the Dancing Robot</p>
<span class="product-price">
$15.00</span>
</span>
</div>
</div>
</a>
</div>
<div class="col-md-3 mb-6">
<a href="/p/henry-the-frog">
<div class="product-item">
<img src="/media/6w46lnmx/6r0bXr87/products/K74BYG8Y/images/1712004324_17_-_1280x720_px.jpeg" loading="lazy" class="w-100 img-fluid img-fit">
<div class="product-details">
<p class="product-title">Henry the Frog</p>
<span class="product-price">
$15.00</span>
</span>
</div>
</div>
</a>
</div>
<div class="col-md-3 mb-6">
<a href="/p/go-ultimate">
<div class="product-item">
<img src="/media/6w46lnmx/6r0bXr87/products/Gj4Ayb4X/images/1712006527_28.jpg" loading="lazy" class="w-100 img-fluid img-fit">
<div class="product-details">
<p class="product-title">Ultimate Brown Pack</p>
<span class="product-price">
$67.00</span>
</span>
</div>
</div>
</a>
</div>
<div class="col-md-3 mb-6">
<a href="/p/professional-4k-3d-avatar-will">
<div class="product-item">
<img src="/media/6w46lnmx/6r0bXr87/products/k78Mq682/images/1712005873_21.jpg" loading="lazy" class="w-100 img-fluid img-fit">
<div class="product-details">
<p class="product-title">Professional 4K 3D Avatar Will</p>
<span class="product-price">
$27.00</span>
</span>
</div>
</div>
</a>
</div>
<div class="col-md-3 mb-6">
<a href="/p/dancing-shark-man">
<div class="product-item">
<img src="/media/6w46lnmx/6r0bXr87/products/x78pbw03/images/1712007047_30.jpg" loading="lazy" class="w-100 img-fluid img-fit">
<i class="bi-star-fill text-yellow position-absolute shadow" style="top: 0.3em; left: 0.4em;"></i>
<div class="product-details">
<p class="product-title">Dancing Shark Man</p>
<span class="product-price">
$15.00</span>
</span>
</div>
</div>
</a>
</div>
<div class="col-md-3 mb-6">
<a href="/p/professional-4k-3d-avatar-leon">
<div class="product-item">
<img src="/media/6w46lnmx/6r0bXr87/products/2p0E318b/images/1712005936_23.jpg" loading="lazy" class="w-100 img-fluid img-fit">
<div class="product-details">
<p class="product-title">Professional 4K 3D Avatar Leon</p>
<span class="product-price">
$27.00</span>
</span>
</div>
</div>
</a>
</div>
<div class="col-md-3 mb-6">
<a href="/p/danita-dance-pack">
<div class="product-item">
<img src="/media/6w46lnmx/6r0bXr87/products/5km1AMme/images/1712006226_25_-_1280x720_px.jpeg" loading="lazy" class="w-100 img-fluid img-fit">
<div class="product-details">
<p class="product-title">Danita Dance Pack</p>
<span class="product-price">
$15.00</span>
</span>
</div>
</div>
</a>
</div>
<div class="col-md-3 mb-6">
<a href="/p/polly-the-dancing-penguin">
<div class="product-item">
<img src="/media/6w46lnmx/6r0bXr87/products/3V0j3gmL/images/1711991141_7_-_1280x720_px.jpeg" loading="lazy" class="w-100 img-fluid img-fit">
<div class="product-details">
<p class="product-title">Polly the Dancing Penguin</p>
<span class="product-price">
$15.00</span>
</span>
</div>
</div>
</a>
</div>
<div class="col-md-3 mb-6">
<a href="/p/dancing-chewy">
<div class="product-item">
<img src="/media/6w46lnmx/6r0bXr87/products/ZPmvpv4J/images/1711990364_3_-__1280x720_px.jpeg" loading="lazy" class="w-100 img-fluid img-fit">
<i class="bi-star-fill text-yellow position-absolute shadow" style="top: 0.3em; left: 0.4em;"></i>
<div class="product-details">
<p class="product-title">Dancing Chewy</p>
<span class="product-price">
$15.00</span>
</span>
</div>
</div>
</a>
</div>
</div>
</div>
</div>
</div>
<!-- End Content -->
</main>
<!-- ========== END MAIN CONTENT ========== -->
<!-- ========== FOOTER ========== -->
<footer id="store_footer" class="container-lg text-center">
<p class="fs-6 mb-1">
© 2025 <a href="mailto:unimation.media1@gmail.com">Unimation Media</a>
<div id="powered_by" style="display: block !important;">
<a href="https://zylvie.com/powered_by" target="_blank" class="powered-by-link"><span class="opacity-75">Powered by</span> <img src="/static/app/logo-text.png" alt="Zylvie - High-Converting Cart Software" style="height: 1rem; margin-bottom: 0.15rem;"></a>
</div>
</p>
</footer>
<!-- ========== END FOOTER ========== -->
<!-- Go To -->
<a class="js-go-to go-to position-fixed" href="javascript:;" data-hs-go-to-options='{
"offsetTop": 400,
"position": {
"init": {
"right": "2rem"
},
"show": {
"bottom": "2rem"
},
"hide": {
"bottom": "-2rem"
}
},
"duration": 100
}'>
<i class="bi-chevron-up"></i>
</a>
<input type="hidden" name="csrfmiddlewaretoken" value="rxr9SUrOGuf5DkqXbJMnXNSoLiW9KOWx1LADSTksJN9V9BbLqAdpzUTrKKS6K4Je">
<!-- JS Global Compulsory -->
<script src="/static/app/assets/vendor/jquery/dist/jquery.min.js"></script>
<script src="/static/app/assets/vendor/jquery-migrate/dist/jquery-migrate.min.js"></script>
<script src="/static/app/assets/vendor/bootstrap/dist/js/bootstrap.bundle.min.js"></script>
<!-- JS Implementing Plugins -->
<script src="/static/app/assets/vendor/tom-select/dist/js/tom-select.complete.min.js"></script>
<script src="/static/app/assets/vendor/hs-mega-menu/dist/hs-mega-menu.min.js"></script>
<!-- JS Front -->
<script src="/static/app/assets/js/theme.min.js"></script>
<script src="/static/app/assets/vendor/hs-go-to/dist/hs-go-to.min.js"></script>
<!-- Added by me -->
<script src="/static/app/assets/vendor/noty/js/noty/packaged/jquery.noty.packaged.min.js"></script>
<script src="/static/app/assets/vendor/sweetalert/lib/sweet-alert.min.js"></script>
<script>
document.addEventListener('DOMContentLoaded', () => {
loadCart();
// INITIALIZATION OF GO TO
// =======================================================
new HSGoTo('.js-go-to');
// INITIALIZATION OF SELECT
// =======================================================
HSCore.components.HSTomSelect.init('.js-select');
// INITIALIZATION OF MEGA MENU
// =======================================================
new HSMegaMenu('.js-mega-menu');
//Disappearing header
let header = document.getElementById('header'),
header_top = header.style.top,
prevScrollPos = window.pageYOffset;
window.onscroll = () => {
let currentScrollPos = window.pageYOffset;
// Always show header if we're at the top of the page (for iOS "rubber-banding" bug)
if (currentScrollPos <= 0) {
header.style.top = header_top;
}
else if (prevScrollPos > currentScrollPos) {
header.style.top = header_top;
}
else {
header.style.top = '-65px';
}
prevScrollPos = currentScrollPos;
}
document.ondblclick = () => {
header.style.top = header_top;
}
//Auto-grow textareas
['click', 'focus', 'input'].forEach((ev) => {
document.addEventListener(ev, function(e) {
if (e.target.matches('textarea.form-control')) {
autoGrow(e.target);
}
});
});
document.addEventListener('change', (e) => {
if (e.target.matches('select.product-quantity')) {
let add_to_cart_url;
if (document.querySelector('input.form-check-input[type="radio"][name="variant"]:checked')) {
add_to_cart_url = appendCustomFields(document.querySelector('input.form-check-input[type="radio"][name="variant"]:checked').dataset.addToCartUrl);
}
else {
add_to_cart_url = appendCustomFields(document.querySelector('input[type="hidden"][name="add_to_cart_url"]').value);
}
window.location = add_to_cart_url + (add_to_cart_url.includes('?')?'&':'?') + 'quantity=' + e.target.value;
}
else if (e.target.matches('select.product-variant')) {
let product_variant_divs = document.querySelector('div#product_variant_divs');
product_variant_divs.querySelectorAll('div.form-check').forEach((el) => {
if (e.target.value && el.dataset.variantId == e.target.value) {
el.classList.remove('d-none');
el.querySelector('input[type="radio"]').checked = true;
}
else {
el.classList.add('d-none');
el.querySelector('input[type="radio"]').checked = false;
}
});
}
});
document.addEventListener('click', (e) => {
if (e.target.matches('button.cart-button') || e.target.matches('button.check-out') || e.target.matches('button#mobile_cart_shortcut')) {
window.location = appendCustomFields(document.querySelector('input[type="hidden"][name="cart_url"]').value);
}
else if (e.target.matches('a.remove-cart-item')) {
let is_cart_dropdown = e.target.closest('div#cart_dropdown'),
remove_cart_item_url = e.target.dataset.removeCartItemUrl;
if (is_cart_dropdown) {
is_cart_dropdown.querySelectorAll('div').forEach(el => el.style.opacity = '0.8');
is_cart_dropdown.querySelector('button').style.opacity = '0.8';
fetch(remove_cart_item_url)
.then((response) => {
if (response.status == 200) {
loadCart(true);
}
})
.catch(error => console.log(error));
}
else {
window.location = remove_cart_item_url;
}
}
else if (e.target.matches('button.buy-now')) {
if (!validateCustomFields()) {
return false;
}
if (document.querySelector('input.form-check-input[type="radio"][name="variant"]:checked')) {
window.location = appendCustomFields(document.querySelector('input.form-check-input[type="radio"][name="variant"]:checked').dataset.addToCartUrl);
}
else {
window.location = appendCustomFields(document.querySelector('input[type="hidden"][name="add_to_cart_url"]').value);
}
}
else if (e.target.matches('input.form-check-input[type="radio"][name="variant"]')) {
window.location = appendCustomFields(e.target.dataset.addToCartUrl);
}
else if (e.target.matches('li#language_dropdown div.dropdown-menu a.dropdown-item')) {
let language_form = e.target.closest('form');
language_form.querySelector('input[name="language"]').value = e.target.dataset.languageCode;
language_form.submit();
}
});
document.addEventListener('change', (e) => {
if ((e.target.matches('select.cart-item-quantity') || e.target.matches('select.cart-item-variant')) && e.target.value.length > 0) {
let is_cart_dropdown = e.target.closest('div#cart_dropdown'),
change_cart_item_url = e.target.dataset.changeCartItemUrl + (e.target.dataset.changeCartItemUrl.includes('sessionid')?'&':'?') + (e.target.matches('select.cart-item-quantity')?'quantity':'variant_id') + '=' + e.target.value;
if (is_cart_dropdown) {
is_cart_dropdown.querySelectorAll('div').forEach(el => el.style.opacity = '0.8');
is_cart_dropdown.querySelector('button').style.opacity = '0.8';
fetch(change_cart_item_url)
.then((response) => {
if (response.status == 200) {
loadCart(true);
}
})
.catch(error => console.log(error));
}
else {
window.location = change_cart_item_url;
}
}
});
//Stops Bootstrap tab bug
document.querySelectorAll('.nav-tabs .nav-item .nav-link').forEach((tab) => {
tab.addEventListener('keydown', function(e) {
if (e.key === 'ArrowUp' || e.key === 'ArrowDown') {
e.stopPropagation();
}
}, true);
});
});
</script>
<section id="footerscript">
<script>
window.addEventListener('pageshow', function(event) {
if (event.persisted) {
loadCart();
}
});
</script>
</section>
<!-- Google tag (gtag.js) -->
<script async src="https://www.googletagmanager.com/gtag/js?id=G-L8F85Y4HMY"></script>
<script>
window.dataLayer = window.dataLayer || [];
function gtag(){dataLayer.push(arguments);}
gtag('js', new Date());
gtag('config', 'G-L8F85Y4HMY');
</script>
<script>
setInterval(() => {
if (!document.querySelector('div#powered_by') || document.querySelector('div#powered_by').style.display == 'none' || document.querySelector('div#powered_by').style.visibility == 'hidden') {
document.querySelector('div#powered_by').remove();
let powered_by = document.createElement('div');
powered_by.id = 'powered_by';
powered_by.classList.add('fs-6');
powered_by.classList.add('my-1');
powered_by.style = 'display:block !important;';
powered_by.innerHTML = '<a href="https://zylvie.com/powered_by" target="_blank" class="fw-bold bg-soft-secondary rounded px-2 p-1"><span class="opacity-75">Powered by</span> <img src="/static/app/logo-text.png" alt="Zylvie - High-Converting Cart Software" style="height: 1rem; margin-bottom: 0.15rem;"></a>';
document.querySelector('footer p').appendChild(powered_by);
}
}, 1000);
</script>
</body>
</html>